[ Index ] |
PHP Cross Reference of Joomla 4.2.2 documentation |
[Summary view] [Print] [Text view]
1 @charset "UTF-8"; 2 :root { 3 --card-bg: rgba(255, 255, 255, 0.7); 4 --bluegray: #b2bfcd; 5 --lightbluegray: #f6f9fc; 6 --toolbar-bg: #fff; 7 --success-border: var(--success); 8 --info-border: var(--info); 9 --warning-border: var(--warning); 10 --danger-border: var(--danger); 11 --login-main-bg: #0b1c32; 12 --border: #cdcdcd; 13 --white: #fff; 14 --white-offset: #fefefe; 15 --focus: #39f; 16 --focus-shadow: 0 0 0 0.2rem #eaeaea; 17 --toggle-color: #fff; 18 --gray-100: #f8f9fa; 19 --gray-200: #e8e8e8; 20 --gray-300: #dee2e6; 21 --gray-400: #cdcdcd; 22 --gray-500: #adb5bd; 23 --gray-600: #666e76; 24 --gray-700: #495057; 25 --gray-800: #343a40; 26 --gray-900: #212529; 27 --primary: #132f53; 28 --secondary: #495057; 29 --success: #457d54; 30 --info: #2a69b8; 31 --warning: #ffb514; 32 --danger: #c52827; 33 --light: #f8f9fa; 34 --dark: #212529; 35 --action: #132f53; 36 --error: #3b0d0c; 37 --alert-success: #0f2f21; 38 --primary-rgb: 19, 47, 83; 39 --secondary-rgb: 73, 80, 87; 40 --success-rgb: 69, 125, 84; 41 --info-rgb: 42, 105, 184; 42 --warning-rgb: 255, 181, 20; 43 --danger-rgb: 197, 40, 39; 44 --light-rgb: 248, 249, 250; 45 --dark-rgb: 33, 37, 41; 46 --action-rgb: 19, 47, 83; 47 --error-rgb: 59, 13, 12; 48 --alert-success-rgb: 15, 47, 33; 49 --template-sidebar-bg: var(--template-bg-dark-80); 50 --template-sidebar-font-color: #fff; 51 --template-sidebar-link-color: #fff; 52 --template-bg-light: #f0f4fb; 53 --template-text-light: #fff; 54 --template-special-color: #001b4c; 55 --template-link-color: #2a69b8; 56 --template-link-hover-color: #173a65; 57 --template-contrast: #2a69b8; 58 --template-bg-dark: hsl(var(--hue), 40%, 20%); 59 --template-bg-dark-3: hsl(var(--hue), 40%, 97%); 60 --template-bg-dark-5: hsl(var(--hue), 40%, 95%); 61 --template-bg-dark-7: hsl(var(--hue), 40%, 93%); 62 --template-bg-dark-10: hsl(var(--hue), 40%, 90%); 63 --template-bg-dark-15: hsl(var(--hue), 40%, 85%); 64 --template-bg-dark-20: hsl(var(--hue), 40%, 80%); 65 --template-bg-dark-30: hsl(var(--hue), 40%, 70%); 66 --template-bg-dark-40: hsl(var(--hue), 40%, 60%); 67 --template-bg-dark-50: hsl(var(--hue), 40%, 50%); 68 --template-bg-dark-60: hsl(var(--hue), 40%, 40%); 69 --template-bg-dark-65: hsl(var(--hue), 40%, 35%); 70 --template-bg-dark-70: hsl(var(--hue), 40%, 30%); 71 --template-bg-dark-75: hsl(var(--hue), 40%, 25%); 72 --template-bg-dark-80: hsl(var(--hue), 40%, 20%); 73 --template-bg-dark-90: hsl(var(--hue), 40%, 10%); 74 --white-rgb: 255, 255, 255; 75 --black-rgb: 0, 0, 0; 76 --body-color-rgb: 33, 37, 41; 77 --body-bg-rgb: 255, 255, 255; 78 --font-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 79 --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 80 --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); 81 --body-font-family: var(--font-sans-serif); 82 --body-font-size: 1rem; 83 --body-font-weight: 400; 84 --body-line-height: 1.5; 85 --body-color: var(--template-text-dark); 86 --body-bg: #fff; 87 } 88 89 *, 90 *::before, 91 *::after { 92 box-sizing: border-box; 93 } 94 95 @media (prefers-reduced-motion: no-preference) { 96 :root { 97 scroll-behavior: smooth; 98 } 99 } 100 101 body { 102 margin: 0; 103 font-family: var(--body-font-family); 104 font-size: var(--body-font-size); 105 font-weight: var(--body-font-weight); 106 line-height: var(--body-line-height); 107 color: var(--body-color); 108 text-align: var(--body-text-align); 109 background-color: var(--body-bg); 110 -webkit-text-size-adjust: 100%; 111 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 112 } 113 114 hr { 115 margin: 1rem 0; 116 color: inherit; 117 background-color: currentColor; 118 border: 0; 119 opacity: 0.25; 120 } 121 122 hr:not([size]) { 123 height: 1px; 124 } 125 126 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { 127 margin-top: 0; 128 margin-bottom: 0.5rem; 129 font-weight: 500; 130 line-height: 1.2; 131 color: var(--template-bg-dark); 132 } 133 134 h1, .h1 { 135 font-size: calc(1.29rem + 0.48vw); 136 } 137 @media (min-width: 1200px) { 138 h1, .h1 { 139 font-size: 1.65rem; 140 } 141 } 142 143 h2, .h2 { 144 font-size: calc(1.275rem + 0.3vw); 145 } 146 @media (min-width: 1200px) { 147 h2, .h2 { 148 font-size: 1.5rem; 149 } 150 } 151 152 h3, .h3 { 153 font-size: 1.25rem; 154 } 155 156 h4, .h4 { 157 font-size: 1rem; 158 } 159 160 h5, .h5 { 161 font-size: 0.9286rem; 162 } 163 164 h6, .h6 { 165 font-size: 0.8571rem; 166 } 167 168 p { 169 margin-top: 0; 170 margin-bottom: 1rem; 171 } 172 173 abbr[title], 174 abbr[data-bs-original-title] { 175 -webkit-text-decoration: underline dotted; 176 text-decoration: underline dotted; 177 cursor: help; 178 -webkit-text-decoration-skip-ink: none; 179 text-decoration-skip-ink: none; 180 } 181 182 address { 183 margin-bottom: 1rem; 184 font-style: normal; 185 line-height: inherit; 186 } 187 188 ol, 189 ul { 190 padding-left: 2rem; 191 } 192 193 ol, 194 ul, 195 dl { 196 margin-top: 0; 197 margin-bottom: 1rem; 198 } 199 200 ol ol, 201 ul ul, 202 ol ul, 203 ul ol { 204 margin-bottom: 0; 205 } 206 207 dt { 208 font-weight: 700; 209 } 210 211 dd { 212 margin-bottom: 0.5rem; 213 margin-left: 0; 214 } 215 216 blockquote { 217 margin: 0 0 1rem; 218 } 219 220 b, 221 strong { 222 font-weight: bolder; 223 } 224 225 small, .small { 226 font-size: 0.875em; 227 } 228 229 mark, .mark { 230 padding: 0.2em; 231 background-color: #fcf8e3; 232 } 233 234 sub, 235 sup { 236 position: relative; 237 font-size: 0.75em; 238 line-height: 0; 239 vertical-align: baseline; 240 } 241 242 sub { 243 bottom: -0.25em; 244 } 245 246 sup { 247 top: -0.5em; 248 } 249 250 a { 251 color: var(--template-link-color); 252 text-decoration: none; 253 } 254 a:hover { 255 color: var(--template-link-hover-color); 256 } 257 258 a:not([href]):not([class]), a:not([href]):not([class]):hover { 259 color: inherit; 260 text-decoration: none; 261 } 262 263 pre, 264 code, 265 kbd, 266 samp { 267 font-family: var(--font-monospace); 268 font-size: 1em; 269 direction: ltr /* rtl:ignore */; 270 unicode-bidi: bidi-override; 271 } 272 273 pre { 274 display: block; 275 margin-top: 0; 276 margin-bottom: 1rem; 277 overflow: auto; 278 font-size: 0.875em; 279 } 280 pre code { 281 font-size: inherit; 282 color: inherit; 283 word-break: normal; 284 } 285 286 code { 287 font-size: 0.875em; 288 color: #971250; 289 word-wrap: break-word; 290 } 291 a > code { 292 color: inherit; 293 } 294 295 kbd { 296 padding: 0.2rem 0.4rem; 297 font-size: 0.875em; 298 color: #fff; 299 background-color: #212529; 300 border-radius: 0.2rem; 301 } 302 kbd kbd { 303 padding: 0; 304 font-size: 1em; 305 font-weight: 700; 306 } 307 308 figure { 309 margin: 0 0 1rem; 310 } 311 312 img, 313 svg { 314 vertical-align: middle; 315 } 316 317 table { 318 caption-side: bottom; 319 border-collapse: collapse; 320 } 321 322 caption { 323 padding-top: 0.75rem; 324 padding-bottom: 0.75rem; 325 color: #666e76; 326 text-align: left; 327 } 328 329 th { 330 text-align: inherit; 331 text-align: -webkit-match-parent; 332 } 333 334 thead, 335 tbody, 336 tfoot, 337 tr, 338 td, 339 th { 340 border-color: inherit; 341 border-style: solid; 342 border-width: 0; 343 } 344 345 label { 346 display: inline-block; 347 } 348 349 button { 350 border-radius: 0; 351 } 352 353 button:focus:not(:focus-visible) { 354 outline: 0; 355 } 356 357 input, 358 button, 359 select, 360 optgroup, 361 textarea { 362 margin: 0; 363 font-family: inherit; 364 font-size: inherit; 365 line-height: inherit; 366 } 367 368 button, 369 select { 370 text-transform: none; 371 } 372 373 [role=button] { 374 cursor: pointer; 375 } 376 377 select { 378 word-wrap: normal; 379 } 380 select:disabled { 381 opacity: 1; 382 } 383 384 [list]::-webkit-calendar-picker-indicator { 385 display: none; 386 } 387 388 button, 389 [type=button], 390 [type=reset], 391 [type=submit] { 392 -webkit-appearance: button; 393 } 394 button:not(:disabled), 395 [type=button]:not(:disabled), 396 [type=reset]:not(:disabled), 397 [type=submit]:not(:disabled) { 398 cursor: pointer; 399 } 400 401 ::-moz-focus-inner { 402 padding: 0; 403 border-style: none; 404 } 405 406 textarea { 407 resize: vertical; 408 } 409 410 fieldset { 411 min-width: 0; 412 padding: 0; 413 margin: 0; 414 border: 0; 415 } 416 417 legend { 418 float: left; 419 width: 100%; 420 padding: 0; 421 margin-bottom: 0.5rem; 422 font-size: calc(1.275rem + 0.3vw); 423 line-height: inherit; 424 } 425 @media (min-width: 1200px) { 426 legend { 427 font-size: 1.5rem; 428 } 429 } 430 legend + * { 431 clear: left; 432 } 433 434 ::-webkit-datetime-edit-fields-wrapper, 435 ::-webkit-datetime-edit-text, 436 ::-webkit-datetime-edit-minute, 437 ::-webkit-datetime-edit-hour-field, 438 ::-webkit-datetime-edit-day-field, 439 ::-webkit-datetime-edit-month-field, 440 ::-webkit-datetime-edit-year-field { 441 padding: 0; 442 } 443 444 ::-webkit-inner-spin-button { 445 height: auto; 446 } 447 448 [type=search] { 449 outline-offset: -2px; 450 -webkit-appearance: textfield; 451 } 452 453 /* rtl:raw: 454 [type="tel"], 455 [type="url"], 456 [type="email"], 457 [type="number"] { 458 direction: ltr; 459 } 460 */ 461 ::-webkit-search-decoration { 462 -webkit-appearance: none; 463 } 464 465 ::-webkit-color-swatch-wrapper { 466 padding: 0; 467 } 468 469 ::-webkit-file-upload-button { 470 font: inherit; 471 } 472 473 ::file-selector-button { 474 font: inherit; 475 } 476 477 ::-webkit-file-upload-button { 478 font: inherit; 479 -webkit-appearance: button; 480 } 481 482 output { 483 display: inline-block; 484 } 485 486 iframe { 487 border: 0; 488 } 489 490 summary { 491 display: list-item; 492 cursor: pointer; 493 } 494 495 progress { 496 vertical-align: baseline; 497 } 498 499 [hidden] { 500 display: none !important; 501 } 502 503 .lead { 504 font-size: 1.25rem; 505 font-weight: 300; 506 } 507 508 .display-1 { 509 font-size: calc(1.625rem + 4.5vw); 510 font-weight: 300; 511 line-height: 1.2; 512 } 513 @media (min-width: 1200px) { 514 .display-1 { 515 font-size: 5rem; 516 } 517 } 518 519 .display-2 { 520 font-size: calc(1.575rem + 3.9vw); 521 font-weight: 300; 522 line-height: 1.2; 523 } 524 @media (min-width: 1200px) { 525 .display-2 { 526 font-size: 4.5rem; 527 } 528 } 529 530 .display-3 { 531 font-size: calc(1.525rem + 3.3vw); 532 font-weight: 300; 533 line-height: 1.2; 534 } 535 @media (min-width: 1200px) { 536 .display-3 { 537 font-size: 4rem; 538 } 539 } 540 541 .display-4 { 542 font-size: calc(1.475rem + 2.7vw); 543 font-weight: 300; 544 line-height: 1.2; 545 } 546 @media (min-width: 1200px) { 547 .display-4 { 548 font-size: 3.5rem; 549 } 550 } 551 552 .display-5 { 553 font-size: calc(1.425rem + 2.1vw); 554 font-weight: 300; 555 line-height: 1.2; 556 } 557 @media (min-width: 1200px) { 558 .display-5 { 559 font-size: 3rem; 560 } 561 } 562 563 .display-6 { 564 font-size: calc(1.375rem + 1.5vw); 565 font-weight: 300; 566 line-height: 1.2; 567 } 568 @media (min-width: 1200px) { 569 .display-6 { 570 font-size: 2.5rem; 571 } 572 } 573 574 .list-unstyled { 575 padding-left: 0; 576 list-style: none; 577 } 578 579 .list-inline { 580 padding-left: 0; 581 list-style: none; 582 } 583 584 .list-inline-item { 585 display: inline-block; 586 } 587 .list-inline-item:not(:last-child) { 588 margin-right: 0.5rem; 589 } 590 591 .initialism { 592 font-size: 0.875em; 593 text-transform: uppercase; 594 } 595 596 .blockquote { 597 margin-bottom: 1rem; 598 font-size: 1.25rem; 599 } 600 .blockquote > :last-child { 601 margin-bottom: 0; 602 } 603 604 .blockquote-footer { 605 margin-top: -1rem; 606 margin-bottom: 1rem; 607 font-size: 0.875em; 608 color: #666e76; 609 } 610 .blockquote-footer::before { 611 content: "— "; 612 } 613 614 .img-fluid { 615 max-width: 100%; 616 height: auto; 617 } 618 619 .img-thumbnail { 620 padding: 0.25rem; 621 background-color: #fff; 622 border: 1px solid #dee2e6; 623 border-radius: 0.25rem; 624 max-width: 100%; 625 height: auto; 626 } 627 628 .figure { 629 display: inline-block; 630 } 631 632 .figure-img { 633 margin-bottom: 0.5rem; 634 line-height: 1; 635 } 636 637 .figure-caption { 638 font-size: 0.875em; 639 color: #666e76; 640 } 641 642 .container, 643 .container-fluid, 644 .container-xxl, 645 .container-xl, 646 .container-lg, 647 .container-md, 648 .container-sm { 649 width: 100%; 650 padding-right: var(--gutter-x, 1rem); 651 padding-left: var(--gutter-x, 1rem); 652 margin-right: auto; 653 margin-left: auto; 654 } 655 656 @media (min-width: 576px) { 657 .container-sm, .container { 658 max-width: 540px; 659 } 660 } 661 @media (min-width: 768px) { 662 .container-md, .container-sm, .container { 663 max-width: 720px; 664 } 665 } 666 @media (min-width: 992px) { 667 .container-lg, .container-md, .container-sm, .container { 668 max-width: 960px; 669 } 670 } 671 @media (min-width: 1200px) { 672 .container-xl, .container-lg, .container-md, .container-sm, .container { 673 max-width: 1140px; 674 } 675 } 676 @media (min-width: 1400px) { 677 .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { 678 max-width: 1320px; 679 } 680 } 681 .row { 682 --gutter-x: 2rem; 683 --gutter-y: 0; 684 display: flex; 685 flex-wrap: wrap; 686 margin-top: calc(-1 * var(--gutter-y)); 687 margin-right: calc(-0.5 * var(--gutter-x)); 688 margin-left: calc(-0.5 * var(--gutter-x)); 689 } 690 .row > * { 691 flex-shrink: 0; 692 width: 100%; 693 max-width: 100%; 694 padding-right: calc(var(--gutter-x) * 0.5); 695 padding-left: calc(var(--gutter-x) * 0.5); 696 margin-top: var(--gutter-y); 697 } 698 699 .col { 700 flex: 1 0 0%; 701 } 702 703 .row-cols-auto > * { 704 flex: 0 0 auto; 705 width: auto; 706 } 707 708 .row-cols-1 > * { 709 flex: 0 0 auto; 710 width: 100%; 711 } 712 713 .row-cols-2 > * { 714 flex: 0 0 auto; 715 width: 50%; 716 } 717 718 .row-cols-3 > * { 719 flex: 0 0 auto; 720 width: 33.3333333333%; 721 } 722 723 .row-cols-4 > * { 724 flex: 0 0 auto; 725 width: 25%; 726 } 727 728 .row-cols-5 > * { 729 flex: 0 0 auto; 730 width: 20%; 731 } 732 733 .row-cols-6 > * { 734 flex: 0 0 auto; 735 width: 16.6666666667%; 736 } 737 738 .col-auto { 739 flex: 0 0 auto; 740 width: auto; 741 } 742 743 .col-1 { 744 flex: 0 0 auto; 745 width: 8.33333333%; 746 } 747 748 .col-2 { 749 flex: 0 0 auto; 750 width: 16.66666667%; 751 } 752 753 .col-3 { 754 flex: 0 0 auto; 755 width: 25%; 756 } 757 758 .col-4 { 759 flex: 0 0 auto; 760 width: 33.33333333%; 761 } 762 763 .col-5 { 764 flex: 0 0 auto; 765 width: 41.66666667%; 766 } 767 768 .col-6 { 769 flex: 0 0 auto; 770 width: 50%; 771 } 772 773 .col-7 { 774 flex: 0 0 auto; 775 width: 58.33333333%; 776 } 777 778 .col-8 { 779 flex: 0 0 auto; 780 width: 66.66666667%; 781 } 782 783 .col-9 { 784 flex: 0 0 auto; 785 width: 75%; 786 } 787 788 .col-10 { 789 flex: 0 0 auto; 790 width: 83.33333333%; 791 } 792 793 .col-11 { 794 flex: 0 0 auto; 795 width: 91.66666667%; 796 } 797 798 .col-12 { 799 flex: 0 0 auto; 800 width: 100%; 801 } 802 803 .offset-1 { 804 margin-left: 8.33333333%; 805 } 806 807 .offset-2 { 808 margin-left: 16.66666667%; 809 } 810 811 .offset-3 { 812 margin-left: 25%; 813 } 814 815 .offset-4 { 816 margin-left: 33.33333333%; 817 } 818 819 .offset-5 { 820 margin-left: 41.66666667%; 821 } 822 823 .offset-6 { 824 margin-left: 50%; 825 } 826 827 .offset-7 { 828 margin-left: 58.33333333%; 829 } 830 831 .offset-8 { 832 margin-left: 66.66666667%; 833 } 834 835 .offset-9 { 836 margin-left: 75%; 837 } 838 839 .offset-10 { 840 margin-left: 83.33333333%; 841 } 842 843 .offset-11 { 844 margin-left: 91.66666667%; 845 } 846 847 .g-0, 848 .gx-0 { 849 --gutter-x: 0; 850 } 851 852 .g-0, 853 .gy-0 { 854 --gutter-y: 0; 855 } 856 857 .g-1, 858 .gx-1 { 859 --gutter-x: 0.25rem; 860 } 861 862 .g-1, 863 .gy-1 { 864 --gutter-y: 0.25rem; 865 } 866 867 .g-2, 868 .gx-2 { 869 --gutter-x: 0.5rem; 870 } 871 872 .g-2, 873 .gy-2 { 874 --gutter-y: 0.5rem; 875 } 876 877 .g-3, 878 .gx-3 { 879 --gutter-x: 1rem; 880 } 881 882 .g-3, 883 .gy-3 { 884 --gutter-y: 1rem; 885 } 886 887 .g-4, 888 .gx-4 { 889 --gutter-x: 1.5rem; 890 } 891 892 .g-4, 893 .gy-4 { 894 --gutter-y: 1.5rem; 895 } 896 897 .g-5, 898 .gx-5 { 899 --gutter-x: 3rem; 900 } 901 902 .g-5, 903 .gy-5 { 904 --gutter-y: 3rem; 905 } 906 907 @media (min-width: 576px) { 908 .col-sm { 909 flex: 1 0 0%; 910 } 911 912 .row-cols-sm-auto > * { 913 flex: 0 0 auto; 914 width: auto; 915 } 916 917 .row-cols-sm-1 > * { 918 flex: 0 0 auto; 919 width: 100%; 920 } 921 922 .row-cols-sm-2 > * { 923 flex: 0 0 auto; 924 width: 50%; 925 } 926 927 .row-cols-sm-3 > * { 928 flex: 0 0 auto; 929 width: 33.3333333333%; 930 } 931 932 .row-cols-sm-4 > * { 933 flex: 0 0 auto; 934 width: 25%; 935 } 936 937 .row-cols-sm-5 > * { 938 flex: 0 0 auto; 939 width: 20%; 940 } 941 942 .row-cols-sm-6 > * { 943 flex: 0 0 auto; 944 width: 16.6666666667%; 945 } 946 947 .col-sm-auto { 948 flex: 0 0 auto; 949 width: auto; 950 } 951 952 .col-sm-1 { 953 flex: 0 0 auto; 954 width: 8.33333333%; 955 } 956 957 .col-sm-2 { 958 flex: 0 0 auto; 959 width: 16.66666667%; 960 } 961 962 .col-sm-3 { 963 flex: 0 0 auto; 964 width: 25%; 965 } 966 967 .col-sm-4 { 968 flex: 0 0 auto; 969 width: 33.33333333%; 970 } 971 972 .col-sm-5 { 973 flex: 0 0 auto; 974 width: 41.66666667%; 975 } 976 977 .col-sm-6 { 978 flex: 0 0 auto; 979 width: 50%; 980 } 981 982 .col-sm-7 { 983 flex: 0 0 auto; 984 width: 58.33333333%; 985 } 986 987 .col-sm-8 { 988 flex: 0 0 auto; 989 width: 66.66666667%; 990 } 991 992 .col-sm-9 { 993 flex: 0 0 auto; 994 width: 75%; 995 } 996 997 .col-sm-10 { 998 flex: 0 0 auto; 999 width: 83.33333333%; 1000 } 1001 1002 .col-sm-11 { 1003 flex: 0 0 auto; 1004 width: 91.66666667%; 1005 } 1006 1007 .col-sm-12 { 1008 flex: 0 0 auto; 1009 width: 100%; 1010 } 1011 1012 .offset-sm-0 { 1013 margin-left: 0; 1014 } 1015 1016 .offset-sm-1 { 1017 margin-left: 8.33333333%; 1018 } 1019 1020 .offset-sm-2 { 1021 margin-left: 16.66666667%; 1022 } 1023 1024 .offset-sm-3 { 1025 margin-left: 25%; 1026 } 1027 1028 .offset-sm-4 { 1029 margin-left: 33.33333333%; 1030 } 1031 1032 .offset-sm-5 { 1033 margin-left: 41.66666667%; 1034 } 1035 1036 .offset-sm-6 { 1037 margin-left: 50%; 1038 } 1039 1040 .offset-sm-7 { 1041 margin-left: 58.33333333%; 1042 } 1043 1044 .offset-sm-8 { 1045 margin-left: 66.66666667%; 1046 } 1047 1048 .offset-sm-9 { 1049 margin-left: 75%; 1050 } 1051 1052 .offset-sm-10 { 1053 margin-left: 83.33333333%; 1054 } 1055 1056 .offset-sm-11 { 1057 margin-left: 91.66666667%; 1058 } 1059 1060 .g-sm-0, 1061 .gx-sm-0 { 1062 --gutter-x: 0; 1063 } 1064 1065 .g-sm-0, 1066 .gy-sm-0 { 1067 --gutter-y: 0; 1068 } 1069 1070 .g-sm-1, 1071 .gx-sm-1 { 1072 --gutter-x: 0.25rem; 1073 } 1074 1075 .g-sm-1, 1076 .gy-sm-1 { 1077 --gutter-y: 0.25rem; 1078 } 1079 1080 .g-sm-2, 1081 .gx-sm-2 { 1082 --gutter-x: 0.5rem; 1083 } 1084 1085 .g-sm-2, 1086 .gy-sm-2 { 1087 --gutter-y: 0.5rem; 1088 } 1089 1090 .g-sm-3, 1091 .gx-sm-3 { 1092 --gutter-x: 1rem; 1093 } 1094 1095 .g-sm-3, 1096 .gy-sm-3 { 1097 --gutter-y: 1rem; 1098 } 1099 1100 .g-sm-4, 1101 .gx-sm-4 { 1102 --gutter-x: 1.5rem; 1103 } 1104 1105 .g-sm-4, 1106 .gy-sm-4 { 1107 --gutter-y: 1.5rem; 1108 } 1109 1110 .g-sm-5, 1111 .gx-sm-5 { 1112 --gutter-x: 3rem; 1113 } 1114 1115 .g-sm-5, 1116 .gy-sm-5 { 1117 --gutter-y: 3rem; 1118 } 1119 } 1120 @media (min-width: 768px) { 1121 .col-md { 1122 flex: 1 0 0%; 1123 } 1124 1125 .row-cols-md-auto > * { 1126 flex: 0 0 auto; 1127 width: auto; 1128 } 1129 1130 .row-cols-md-1 > * { 1131 flex: 0 0 auto; 1132 width: 100%; 1133 } 1134 1135 .row-cols-md-2 > * { 1136 flex: 0 0 auto; 1137 width: 50%; 1138 } 1139 1140 .row-cols-md-3 > * { 1141 flex: 0 0 auto; 1142 width: 33.3333333333%; 1143 } 1144 1145 .row-cols-md-4 > * { 1146 flex: 0 0 auto; 1147 width: 25%; 1148 } 1149 1150 .row-cols-md-5 > * { 1151 flex: 0 0 auto; 1152 width: 20%; 1153 } 1154 1155 .row-cols-md-6 > * { 1156 flex: 0 0 auto; 1157 width: 16.6666666667%; 1158 } 1159 1160 .col-md-auto { 1161 flex: 0 0 auto; 1162 width: auto; 1163 } 1164 1165 .col-md-1 { 1166 flex: 0 0 auto; 1167 width: 8.33333333%; 1168 } 1169 1170 .col-md-2 { 1171 flex: 0 0 auto; 1172 width: 16.66666667%; 1173 } 1174 1175 .col-md-3 { 1176 flex: 0 0 auto; 1177 width: 25%; 1178 } 1179 1180 .col-md-4 { 1181 flex: 0 0 auto; 1182 width: 33.33333333%; 1183 } 1184 1185 .col-md-5 { 1186 flex: 0 0 auto; 1187 width: 41.66666667%; 1188 } 1189 1190 .col-md-6 { 1191 flex: 0 0 auto; 1192 width: 50%; 1193 } 1194 1195 .col-md-7 { 1196 flex: 0 0 auto; 1197 width: 58.33333333%; 1198 } 1199 1200 .col-md-8 { 1201 flex: 0 0 auto; 1202 width: 66.66666667%; 1203 } 1204 1205 .col-md-9 { 1206 flex: 0 0 auto; 1207 width: 75%; 1208 } 1209 1210 .col-md-10 { 1211 flex: 0 0 auto; 1212 width: 83.33333333%; 1213 } 1214 1215 .col-md-11 { 1216 flex: 0 0 auto; 1217 width: 91.66666667%; 1218 } 1219 1220 .col-md-12 { 1221 flex: 0 0 auto; 1222 width: 100%; 1223 } 1224 1225 .offset-md-0 { 1226 margin-left: 0; 1227 } 1228 1229 .offset-md-1 { 1230 margin-left: 8.33333333%; 1231 } 1232 1233 .offset-md-2 { 1234 margin-left: 16.66666667%; 1235 } 1236 1237 .offset-md-3 { 1238 margin-left: 25%; 1239 } 1240 1241 .offset-md-4 { 1242 margin-left: 33.33333333%; 1243 } 1244 1245 .offset-md-5 { 1246 margin-left: 41.66666667%; 1247 } 1248 1249 .offset-md-6 { 1250 margin-left: 50%; 1251 } 1252 1253 .offset-md-7 { 1254 margin-left: 58.33333333%; 1255 } 1256 1257 .offset-md-8 { 1258 margin-left: 66.66666667%; 1259 } 1260 1261 .offset-md-9 { 1262 margin-left: 75%; 1263 } 1264 1265 .offset-md-10 { 1266 margin-left: 83.33333333%; 1267 } 1268 1269 .offset-md-11 { 1270 margin-left: 91.66666667%; 1271 } 1272 1273 .g-md-0, 1274 .gx-md-0 { 1275 --gutter-x: 0; 1276 } 1277 1278 .g-md-0, 1279 .gy-md-0 { 1280 --gutter-y: 0; 1281 } 1282 1283 .g-md-1, 1284 .gx-md-1 { 1285 --gutter-x: 0.25rem; 1286 } 1287 1288 .g-md-1, 1289 .gy-md-1 { 1290 --gutter-y: 0.25rem; 1291 } 1292 1293 .g-md-2, 1294 .gx-md-2 { 1295 --gutter-x: 0.5rem; 1296 } 1297 1298 .g-md-2, 1299 .gy-md-2 { 1300 --gutter-y: 0.5rem; 1301 } 1302 1303 .g-md-3, 1304 .gx-md-3 { 1305 --gutter-x: 1rem; 1306 } 1307 1308 .g-md-3, 1309 .gy-md-3 { 1310 --gutter-y: 1rem; 1311 } 1312 1313 .g-md-4, 1314 .gx-md-4 { 1315 --gutter-x: 1.5rem; 1316 } 1317 1318 .g-md-4, 1319 .gy-md-4 { 1320 --gutter-y: 1.5rem; 1321 } 1322 1323 .g-md-5, 1324 .gx-md-5 { 1325 --gutter-x: 3rem; 1326 } 1327 1328 .g-md-5, 1329 .gy-md-5 { 1330 --gutter-y: 3rem; 1331 } 1332 } 1333 @media (min-width: 992px) { 1334 .col-lg { 1335 flex: 1 0 0%; 1336 } 1337 1338 .row-cols-lg-auto > * { 1339 flex: 0 0 auto; 1340 width: auto; 1341 } 1342 1343 .row-cols-lg-1 > * { 1344 flex: 0 0 auto; 1345 width: 100%; 1346 } 1347 1348 .row-cols-lg-2 > * { 1349 flex: 0 0 auto; 1350 width: 50%; 1351 } 1352 1353 .row-cols-lg-3 > * { 1354 flex: 0 0 auto; 1355 width: 33.3333333333%; 1356 } 1357 1358 .row-cols-lg-4 > * { 1359 flex: 0 0 auto; 1360 width: 25%; 1361 } 1362 1363 .row-cols-lg-5 > * { 1364 flex: 0 0 auto; 1365 width: 20%; 1366 } 1367 1368 .row-cols-lg-6 > * { 1369 flex: 0 0 auto; 1370 width: 16.6666666667%; 1371 } 1372 1373 .col-lg-auto { 1374 flex: 0 0 auto; 1375 width: auto; 1376 } 1377 1378 .col-lg-1 { 1379 flex: 0 0 auto; 1380 width: 8.33333333%; 1381 } 1382 1383 .col-lg-2 { 1384 flex: 0 0 auto; 1385 width: 16.66666667%; 1386 } 1387 1388 .col-lg-3 { 1389 flex: 0 0 auto; 1390 width: 25%; 1391 } 1392 1393 .col-lg-4 { 1394 flex: 0 0 auto; 1395 width: 33.33333333%; 1396 } 1397 1398 .col-lg-5 { 1399 flex: 0 0 auto; 1400 width: 41.66666667%; 1401 } 1402 1403 .col-lg-6 { 1404 flex: 0 0 auto; 1405 width: 50%; 1406 } 1407 1408 .col-lg-7 { 1409 flex: 0 0 auto; 1410 width: 58.33333333%; 1411 } 1412 1413 .col-lg-8 { 1414 flex: 0 0 auto; 1415 width: 66.66666667%; 1416 } 1417 1418 .col-lg-9 { 1419 flex: 0 0 auto; 1420 width: 75%; 1421 } 1422 1423 .col-lg-10 { 1424 flex: 0 0 auto; 1425 width: 83.33333333%; 1426 } 1427 1428 .col-lg-11 { 1429 flex: 0 0 auto; 1430 width: 91.66666667%; 1431 } 1432 1433 .col-lg-12 { 1434 flex: 0 0 auto; 1435 width: 100%; 1436 } 1437 1438 .offset-lg-0 { 1439 margin-left: 0; 1440 } 1441 1442 .offset-lg-1 { 1443 margin-left: 8.33333333%; 1444 } 1445 1446 .offset-lg-2 { 1447 margin-left: 16.66666667%; 1448 } 1449 1450 .offset-lg-3 { 1451 margin-left: 25%; 1452 } 1453 1454 .offset-lg-4 { 1455 margin-left: 33.33333333%; 1456 } 1457 1458 .offset-lg-5 { 1459 margin-left: 41.66666667%; 1460 } 1461 1462 .offset-lg-6 { 1463 margin-left: 50%; 1464 } 1465 1466 .offset-lg-7 { 1467 margin-left: 58.33333333%; 1468 } 1469 1470 .offset-lg-8 { 1471 margin-left: 66.66666667%; 1472 } 1473 1474 .offset-lg-9 { 1475 margin-left: 75%; 1476 } 1477 1478 .offset-lg-10 { 1479 margin-left: 83.33333333%; 1480 } 1481 1482 .offset-lg-11 { 1483 margin-left: 91.66666667%; 1484 } 1485 1486 .g-lg-0, 1487 .gx-lg-0 { 1488 --gutter-x: 0; 1489 } 1490 1491 .g-lg-0, 1492 .gy-lg-0 { 1493 --gutter-y: 0; 1494 } 1495 1496 .g-lg-1, 1497 .gx-lg-1 { 1498 --gutter-x: 0.25rem; 1499 } 1500 1501 .g-lg-1, 1502 .gy-lg-1 { 1503 --gutter-y: 0.25rem; 1504 } 1505 1506 .g-lg-2, 1507 .gx-lg-2 { 1508 --gutter-x: 0.5rem; 1509 } 1510 1511 .g-lg-2, 1512 .gy-lg-2 { 1513 --gutter-y: 0.5rem; 1514 } 1515 1516 .g-lg-3, 1517 .gx-lg-3 { 1518 --gutter-x: 1rem; 1519 } 1520 1521 .g-lg-3, 1522 .gy-lg-3 { 1523 --gutter-y: 1rem; 1524 } 1525 1526 .g-lg-4, 1527 .gx-lg-4 { 1528 --gutter-x: 1.5rem; 1529 } 1530 1531 .g-lg-4, 1532 .gy-lg-4 { 1533 --gutter-y: 1.5rem; 1534 } 1535 1536 .g-lg-5, 1537 .gx-lg-5 { 1538 --gutter-x: 3rem; 1539 } 1540 1541 .g-lg-5, 1542 .gy-lg-5 { 1543 --gutter-y: 3rem; 1544 } 1545 } 1546 @media (min-width: 1200px) { 1547 .col-xl { 1548 flex: 1 0 0%; 1549 } 1550 1551 .row-cols-xl-auto > * { 1552 flex: 0 0 auto; 1553 width: auto; 1554 } 1555 1556 .row-cols-xl-1 > * { 1557 flex: 0 0 auto; 1558 width: 100%; 1559 } 1560 1561 .row-cols-xl-2 > * { 1562 flex: 0 0 auto; 1563 width: 50%; 1564 } 1565 1566 .row-cols-xl-3 > * { 1567 flex: 0 0 auto; 1568 width: 33.3333333333%; 1569 } 1570 1571 .row-cols-xl-4 > * { 1572 flex: 0 0 auto; 1573 width: 25%; 1574 } 1575 1576 .row-cols-xl-5 > * { 1577 flex: 0 0 auto; 1578 width: 20%; 1579 } 1580 1581 .row-cols-xl-6 > * { 1582 flex: 0 0 auto; 1583 width: 16.6666666667%; 1584 } 1585 1586 .col-xl-auto { 1587 flex: 0 0 auto; 1588 width: auto; 1589 } 1590 1591 .col-xl-1 { 1592 flex: 0 0 auto; 1593 width: 8.33333333%; 1594 } 1595 1596 .col-xl-2 { 1597 flex: 0 0 auto; 1598 width: 16.66666667%; 1599 } 1600 1601 .col-xl-3 { 1602 flex: 0 0 auto; 1603 width: 25%; 1604 } 1605 1606 .col-xl-4 { 1607 flex: 0 0 auto; 1608 width: 33.33333333%; 1609 } 1610 1611 .col-xl-5 { 1612 flex: 0 0 auto; 1613 width: 41.66666667%; 1614 } 1615 1616 .col-xl-6 { 1617 flex: 0 0 auto; 1618 width: 50%; 1619 } 1620 1621 .col-xl-7 { 1622 flex: 0 0 auto; 1623 width: 58.33333333%; 1624 } 1625 1626 .col-xl-8 { 1627 flex: 0 0 auto; 1628 width: 66.66666667%; 1629 } 1630 1631 .col-xl-9 { 1632 flex: 0 0 auto; 1633 width: 75%; 1634 } 1635 1636 .col-xl-10 { 1637 flex: 0 0 auto; 1638 width: 83.33333333%; 1639 } 1640 1641 .col-xl-11 { 1642 flex: 0 0 auto; 1643 width: 91.66666667%; 1644 } 1645 1646 .col-xl-12 { 1647 flex: 0 0 auto; 1648 width: 100%; 1649 } 1650 1651 .offset-xl-0 { 1652 margin-left: 0; 1653 } 1654 1655 .offset-xl-1 { 1656 margin-left: 8.33333333%; 1657 } 1658 1659 .offset-xl-2 { 1660 margin-left: 16.66666667%; 1661 } 1662 1663 .offset-xl-3 { 1664 margin-left: 25%; 1665 } 1666 1667 .offset-xl-4 { 1668 margin-left: 33.33333333%; 1669 } 1670 1671 .offset-xl-5 { 1672 margin-left: 41.66666667%; 1673 } 1674 1675 .offset-xl-6 { 1676 margin-left: 50%; 1677 } 1678 1679 .offset-xl-7 { 1680 margin-left: 58.33333333%; 1681 } 1682 1683 .offset-xl-8 { 1684 margin-left: 66.66666667%; 1685 } 1686 1687 .offset-xl-9 { 1688 margin-left: 75%; 1689 } 1690 1691 .offset-xl-10 { 1692 margin-left: 83.33333333%; 1693 } 1694 1695 .offset-xl-11 { 1696 margin-left: 91.66666667%; 1697 } 1698 1699 .g-xl-0, 1700 .gx-xl-0 { 1701 --gutter-x: 0; 1702 } 1703 1704 .g-xl-0, 1705 .gy-xl-0 { 1706 --gutter-y: 0; 1707 } 1708 1709 .g-xl-1, 1710 .gx-xl-1 { 1711 --gutter-x: 0.25rem; 1712 } 1713 1714 .g-xl-1, 1715 .gy-xl-1 { 1716 --gutter-y: 0.25rem; 1717 } 1718 1719 .g-xl-2, 1720 .gx-xl-2 { 1721 --gutter-x: 0.5rem; 1722 } 1723 1724 .g-xl-2, 1725 .gy-xl-2 { 1726 --gutter-y: 0.5rem; 1727 } 1728 1729 .g-xl-3, 1730 .gx-xl-3 { 1731 --gutter-x: 1rem; 1732 } 1733 1734 .g-xl-3, 1735 .gy-xl-3 { 1736 --gutter-y: 1rem; 1737 } 1738 1739 .g-xl-4, 1740 .gx-xl-4 { 1741 --gutter-x: 1.5rem; 1742 } 1743 1744 .g-xl-4, 1745 .gy-xl-4 { 1746 --gutter-y: 1.5rem; 1747 } 1748 1749 .g-xl-5, 1750 .gx-xl-5 { 1751 --gutter-x: 3rem; 1752 } 1753 1754 .g-xl-5, 1755 .gy-xl-5 { 1756 --gutter-y: 3rem; 1757 } 1758 } 1759 @media (min-width: 1400px) { 1760 .col-xxl { 1761 flex: 1 0 0%; 1762 } 1763 1764 .row-cols-xxl-auto > * { 1765 flex: 0 0 auto; 1766 width: auto; 1767 } 1768 1769 .row-cols-xxl-1 > * { 1770 flex: 0 0 auto; 1771 width: 100%; 1772 } 1773 1774 .row-cols-xxl-2 > * { 1775 flex: 0 0 auto; 1776 width: 50%; 1777 } 1778 1779 .row-cols-xxl-3 > * { 1780 flex: 0 0 auto; 1781 width: 33.3333333333%; 1782 } 1783 1784 .row-cols-xxl-4 > * { 1785 flex: 0 0 auto; 1786 width: 25%; 1787 } 1788 1789 .row-cols-xxl-5 > * { 1790 flex: 0 0 auto; 1791 width: 20%; 1792 } 1793 1794 .row-cols-xxl-6 > * { 1795 flex: 0 0 auto; 1796 width: 16.6666666667%; 1797 } 1798 1799 .col-xxl-auto { 1800 flex: 0 0 auto; 1801 width: auto; 1802 } 1803 1804 .col-xxl-1 { 1805 flex: 0 0 auto; 1806 width: 8.33333333%; 1807 } 1808 1809 .col-xxl-2 { 1810 flex: 0 0 auto; 1811 width: 16.66666667%; 1812 } 1813 1814 .col-xxl-3 { 1815 flex: 0 0 auto; 1816 width: 25%; 1817 } 1818 1819 .col-xxl-4 { 1820 flex: 0 0 auto; 1821 width: 33.33333333%; 1822 } 1823 1824 .col-xxl-5 { 1825 flex: 0 0 auto; 1826 width: 41.66666667%; 1827 } 1828 1829 .col-xxl-6 { 1830 flex: 0 0 auto; 1831 width: 50%; 1832 } 1833 1834 .col-xxl-7 { 1835 flex: 0 0 auto; 1836 width: 58.33333333%; 1837 } 1838 1839 .col-xxl-8 { 1840 flex: 0 0 auto; 1841 width: 66.66666667%; 1842 } 1843 1844 .col-xxl-9 { 1845 flex: 0 0 auto; 1846 width: 75%; 1847 } 1848 1849 .col-xxl-10 { 1850 flex: 0 0 auto; 1851 width: 83.33333333%; 1852 } 1853 1854 .col-xxl-11 { 1855 flex: 0 0 auto; 1856 width: 91.66666667%; 1857 } 1858 1859 .col-xxl-12 { 1860 flex: 0 0 auto; 1861 width: 100%; 1862 } 1863 1864 .offset-xxl-0 { 1865 margin-left: 0; 1866 } 1867 1868 .offset-xxl-1 { 1869 margin-left: 8.33333333%; 1870 } 1871 1872 .offset-xxl-2 { 1873 margin-left: 16.66666667%; 1874 } 1875 1876 .offset-xxl-3 { 1877 margin-left: 25%; 1878 } 1879 1880 .offset-xxl-4 { 1881 margin-left: 33.33333333%; 1882 } 1883 1884 .offset-xxl-5 { 1885 margin-left: 41.66666667%; 1886 } 1887 1888 .offset-xxl-6 { 1889 margin-left: 50%; 1890 } 1891 1892 .offset-xxl-7 { 1893 margin-left: 58.33333333%; 1894 } 1895 1896 .offset-xxl-8 { 1897 margin-left: 66.66666667%; 1898 } 1899 1900 .offset-xxl-9 { 1901 margin-left: 75%; 1902 } 1903 1904 .offset-xxl-10 { 1905 margin-left: 83.33333333%; 1906 } 1907 1908 .offset-xxl-11 { 1909 margin-left: 91.66666667%; 1910 } 1911 1912 .g-xxl-0, 1913 .gx-xxl-0 { 1914 --gutter-x: 0; 1915 } 1916 1917 .g-xxl-0, 1918 .gy-xxl-0 { 1919 --gutter-y: 0; 1920 } 1921 1922 .g-xxl-1, 1923 .gx-xxl-1 { 1924 --gutter-x: 0.25rem; 1925 } 1926 1927 .g-xxl-1, 1928 .gy-xxl-1 { 1929 --gutter-y: 0.25rem; 1930 } 1931 1932 .g-xxl-2, 1933 .gx-xxl-2 { 1934 --gutter-x: 0.5rem; 1935 } 1936 1937 .g-xxl-2, 1938 .gy-xxl-2 { 1939 --gutter-y: 0.5rem; 1940 } 1941 1942 .g-xxl-3, 1943 .gx-xxl-3 { 1944 --gutter-x: 1rem; 1945 } 1946 1947 .g-xxl-3, 1948 .gy-xxl-3 { 1949 --gutter-y: 1rem; 1950 } 1951 1952 .g-xxl-4, 1953 .gx-xxl-4 { 1954 --gutter-x: 1.5rem; 1955 } 1956 1957 .g-xxl-4, 1958 .gy-xxl-4 { 1959 --gutter-y: 1.5rem; 1960 } 1961 1962 .g-xxl-5, 1963 .gx-xxl-5 { 1964 --gutter-x: 3rem; 1965 } 1966 1967 .g-xxl-5, 1968 .gy-xxl-5 { 1969 --gutter-y: 3rem; 1970 } 1971 } 1972 .table { 1973 --table-bg: var(--white); 1974 --table-accent-bg: transparent; 1975 --table-striped-color: #212529; 1976 --table-striped-bg: rgba(0, 0, 0, 0.05); 1977 --table-active-color: #212529; 1978 --table-active-bg: rgba(0, 0, 0, 0.1); 1979 --table-hover-color: #212529; 1980 --table-hover-bg: rgba(0, 0, 0, 0.075); 1981 width: 100%; 1982 margin-bottom: 1rem; 1983 color: #212529; 1984 vertical-align: top; 1985 border-color: #dee2e6; 1986 } 1987 .table > :not(caption) > * > * { 1988 padding: 0.75rem 1rem; 1989 background-color: var(--table-bg); 1990 border-bottom-width: 1px; 1991 box-shadow: inset 0 0 0 9999px var(--table-accent-bg); 1992 } 1993 .table > tbody { 1994 vertical-align: inherit; 1995 } 1996 .table > thead { 1997 vertical-align: bottom; 1998 } 1999 .table > :not(:first-child) { 2000 border-top: 2px solid #dee2e6; 2001 } 2002 2003 .caption-top { 2004 caption-side: top; 2005 } 2006 2007 .table-sm > :not(caption) > * > * { 2008 padding: 0.3rem 0.3rem; 2009 } 2010 2011 .table-bordered > :not(caption) > * { 2012 border-width: 1px 0; 2013 } 2014 .table-bordered > :not(caption) > * > * { 2015 border-width: 0 1px; 2016 } 2017 2018 .table-borderless > :not(caption) > * > * { 2019 border-bottom-width: 0; 2020 } 2021 .table-borderless > :not(:first-child) { 2022 border-top-width: 0; 2023 } 2024 2025 .table-striped > tbody > tr:nth-of-type(odd) > * { 2026 --table-accent-bg: var(--table-striped-bg); 2027 color: var(--table-striped-color); 2028 } 2029 2030 .table-active { 2031 --table-accent-bg: var(--table-active-bg); 2032 color: var(--table-active-color); 2033 } 2034 2035 .table-hover > tbody > tr:hover > * { 2036 --table-accent-bg: var(--table-hover-bg); 2037 color: var(--table-hover-color); 2038 } 2039 2040 .table-primary { 2041 --table-bg: #d4e1f1; 2042 --table-striped-bg: #c9d6e5; 2043 --table-striped-color: #000; 2044 --table-active-bg: #bfcbd9; 2045 --table-active-color: #000; 2046 --table-hover-bg: #c4d0df; 2047 --table-hover-color: #000; 2048 color: #000; 2049 border-color: #bfcbd9; 2050 } 2051 2052 .table-secondary { 2053 --table-bg: #e0e2e4; 2054 --table-striped-bg: #d5d7d9; 2055 --table-striped-color: #000; 2056 --table-active-bg: #cacbcd; 2057 --table-active-color: #000; 2058 --table-hover-bg: #cfd1d3; 2059 --table-hover-color: #000; 2060 color: #000; 2061 border-color: #cacbcd; 2062 } 2063 2064 .table-success { 2065 --table-bg: #dae5dd; 2066 --table-striped-bg: #cfdad2; 2067 --table-striped-color: #000; 2068 --table-active-bg: #c4cec7; 2069 --table-active-color: #000; 2070 --table-hover-bg: #cad4cc; 2071 --table-hover-color: #000; 2072 color: #000; 2073 border-color: #c4cec7; 2074 } 2075 2076 .table-info { 2077 --table-bg: #d4e1f1; 2078 --table-striped-bg: #c9d6e5; 2079 --table-striped-color: #000; 2080 --table-active-bg: #bfcbd9; 2081 --table-active-color: #000; 2082 --table-hover-bg: #c4d0df; 2083 --table-hover-color: #000; 2084 color: #000; 2085 border-color: #bfcbd9; 2086 } 2087 2088 .table-warning { 2089 --table-bg: #fff0d0; 2090 --table-striped-bg: #f2e4c6; 2091 --table-striped-color: #000; 2092 --table-active-bg: #e6d8bb; 2093 --table-active-color: #000; 2094 --table-hover-bg: #ecdec0; 2095 --table-hover-color: #000; 2096 color: #000; 2097 border-color: #e6d8bb; 2098 } 2099 2100 .table-danger { 2101 --table-bg: #f3d4d4; 2102 --table-striped-bg: #e7c9c9; 2103 --table-striped-color: #000; 2104 --table-active-bg: #dbbfbf; 2105 --table-active-color: #000; 2106 --table-hover-bg: #e1c4c4; 2107 --table-hover-color: #000; 2108 color: #000; 2109 border-color: #dbbfbf; 2110 } 2111 2112 .table-light { 2113 --table-bg: #f8f9fa; 2114 --table-striped-bg: #ecedee; 2115 --table-striped-color: #000; 2116 --table-active-bg: #dfe0e1; 2117 --table-active-color: #000; 2118 --table-hover-bg: #e5e6e7; 2119 --table-hover-color: #000; 2120 color: #000; 2121 border-color: #dfe0e1; 2122 } 2123 2124 .table-dark { 2125 --table-bg: #212529; 2126 --table-striped-bg: #2c3034; 2127 --table-striped-color: #fff; 2128 --table-active-bg: #373b3e; 2129 --table-active-color: #fff; 2130 --table-hover-bg: #323539; 2131 --table-hover-color: #fff; 2132 color: #fff; 2133 border-color: #373b3e; 2134 } 2135 2136 .table-responsive { 2137 overflow-x: auto; 2138 -webkit-overflow-scrolling: touch; 2139 } 2140 2141 @media (max-width: 575.98px) { 2142 .table-responsive-sm { 2143 overflow-x: auto; 2144 -webkit-overflow-scrolling: touch; 2145 } 2146 } 2147 @media (max-width: 767.98px) { 2148 .table-responsive-md { 2149 overflow-x: auto; 2150 -webkit-overflow-scrolling: touch; 2151 } 2152 } 2153 @media (max-width: 991.98px) { 2154 .table-responsive-lg { 2155 overflow-x: auto; 2156 -webkit-overflow-scrolling: touch; 2157 } 2158 } 2159 @media (max-width: 1199.98px) { 2160 .table-responsive-xl { 2161 overflow-x: auto; 2162 -webkit-overflow-scrolling: touch; 2163 } 2164 } 2165 @media (max-width: 1399.98px) { 2166 .table-responsive-xxl { 2167 overflow-x: auto; 2168 -webkit-overflow-scrolling: touch; 2169 } 2170 } 2171 .form-label { 2172 margin-bottom: 0.5rem; 2173 } 2174 2175 .col-form-label { 2176 padding-top: calc(0.5rem + 1px); 2177 padding-bottom: calc(0.5rem + 1px); 2178 margin-bottom: 0; 2179 font-size: inherit; 2180 line-height: 1.5; 2181 } 2182 2183 .col-form-label-lg { 2184 padding-top: calc(0.5rem + 1px); 2185 padding-bottom: calc(0.5rem + 1px); 2186 font-size: 1.25rem; 2187 } 2188 2189 .col-form-label-sm { 2190 padding-top: calc(0.25rem + 1px); 2191 padding-bottom: calc(0.25rem + 1px); 2192 font-size: 0.8rem; 2193 } 2194 2195 .form-text { 2196 margin-top: 0.25rem; 2197 font-size: 0.875em; 2198 color: #666e76; 2199 } 2200 2201 .form-control { 2202 display: block; 2203 width: 100%; 2204 padding: 0.5rem 1rem; 2205 font-size: 1rem; 2206 font-weight: 400; 2207 line-height: 1.5; 2208 color: #212529; 2209 background-color: #fff; 2210 background-clip: padding-box; 2211 border: 1px solid #cdcdcd; 2212 -webkit-appearance: none; 2213 -moz-appearance: none; 2214 appearance: none; 2215 border-radius: 0.25rem; 2216 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2217 } 2218 @media (prefers-reduced-motion: reduce) { 2219 .form-control { 2220 transition: none; 2221 } 2222 } 2223 .form-control[type=file] { 2224 overflow: hidden; 2225 } 2226 .form-control[type=file]:not(:disabled):not([readonly]) { 2227 cursor: pointer; 2228 } 2229 .form-control:focus { 2230 color: #212529; 2231 background-color: #fff; 2232 border-color: #95b4db; 2233 outline: 0; 2234 box-shadow: 0 0 0 0.25rem rgba(42, 105, 183, 0.25); 2235 } 2236 .form-control::-webkit-date-and-time-value { 2237 height: 1.5em; 2238 } 2239 .form-control::-webkit-input-placeholder { 2240 color: #666e76; 2241 opacity: 1; 2242 } 2243 .form-control::-moz-placeholder { 2244 color: #666e76; 2245 opacity: 1; 2246 } 2247 .form-control:-ms-input-placeholder { 2248 color: #666e76; 2249 opacity: 1; 2250 } 2251 .form-control::-ms-input-placeholder { 2252 color: #666e76; 2253 opacity: 1; 2254 } 2255 .form-control::placeholder { 2256 color: #666e76; 2257 opacity: 1; 2258 } 2259 .form-control:disabled, .form-control[readonly] { 2260 background-color: #e8e8e8; 2261 opacity: 1; 2262 } 2263 .form-control::-webkit-file-upload-button { 2264 padding: 0.5rem 1rem; 2265 margin: -0.5rem -1rem; 2266 -webkit-margin-end: 1rem; 2267 margin-inline-end: 1rem; 2268 color: var(--white); 2269 background-color: #132f53; 2270 pointer-events: none; 2271 border-color: inherit; 2272 border-style: solid; 2273 border-width: 0; 2274 border-inline-end-width: 1px; 2275 border-radius: 0; 2276 -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2277 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2278 } 2279 .form-control::file-selector-button { 2280 padding: 0.5rem 1rem; 2281 margin: -0.5rem -1rem; 2282 -webkit-margin-end: 1rem; 2283 margin-inline-end: 1rem; 2284 color: var(--white); 2285 background-color: #132f53; 2286 pointer-events: none; 2287 border-color: inherit; 2288 border-style: solid; 2289 border-width: 0; 2290 border-inline-end-width: 1px; 2291 border-radius: 0; 2292 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2293 } 2294 @media (prefers-reduced-motion: reduce) { 2295 .form-control::-webkit-file-upload-button { 2296 -webkit-transition: none; 2297 transition: none; 2298 } 2299 .form-control::file-selector-button { 2300 transition: none; 2301 } 2302 } 2303 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { 2304 background-color: #122d4f; 2305 } 2306 .form-control:hover:not(:disabled):not([readonly])::file-selector-button { 2307 background-color: #122d4f; 2308 } 2309 .form-control::-webkit-file-upload-button { 2310 padding: 0.5rem 1rem; 2311 margin: -0.5rem -1rem; 2312 -webkit-margin-end: 1rem; 2313 margin-inline-end: 1rem; 2314 color: var(--white); 2315 background-color: #132f53; 2316 pointer-events: none; 2317 border-color: inherit; 2318 border-style: solid; 2319 border-width: 0; 2320 border-inline-end-width: 1px; 2321 border-radius: 0; 2322 -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2323 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2324 } 2325 @media (prefers-reduced-motion: reduce) { 2326 .form-control::-webkit-file-upload-button { 2327 -webkit-transition: none; 2328 transition: none; 2329 } 2330 } 2331 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { 2332 background-color: #122d4f; 2333 } 2334 2335 .form-control-plaintext { 2336 display: block; 2337 width: 100%; 2338 padding: 0.5rem 0; 2339 margin-bottom: 0; 2340 line-height: 1.5; 2341 color: #212529; 2342 background-color: transparent; 2343 border: solid transparent; 2344 border-width: 1px 0; 2345 } 2346 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { 2347 padding-right: 0; 2348 padding-left: 0; 2349 } 2350 2351 .form-control-sm { 2352 min-height: calc(1.5em + 0.5rem + 2px); 2353 padding: 0.25rem 0.5rem; 2354 font-size: 0.8rem; 2355 border-radius: 0.2rem; 2356 } 2357 .form-control-sm::-webkit-file-upload-button { 2358 padding: 0.25rem 0.5rem; 2359 margin: -0.25rem -0.5rem; 2360 -webkit-margin-end: 0.5rem; 2361 margin-inline-end: 0.5rem; 2362 } 2363 .form-control-sm::file-selector-button { 2364 padding: 0.25rem 0.5rem; 2365 margin: -0.25rem -0.5rem; 2366 -webkit-margin-end: 0.5rem; 2367 margin-inline-end: 0.5rem; 2368 } 2369 .form-control-sm::-webkit-file-upload-button { 2370 padding: 0.25rem 0.5rem; 2371 margin: -0.25rem -0.5rem; 2372 -webkit-margin-end: 0.5rem; 2373 margin-inline-end: 0.5rem; 2374 } 2375 2376 .form-control-lg { 2377 min-height: calc(1.5em + 1rem + 2px); 2378 padding: 0.5rem 1rem; 2379 font-size: 1.25rem; 2380 border-radius: 0.3rem; 2381 } 2382 .form-control-lg::-webkit-file-upload-button { 2383 padding: 0.5rem 1rem; 2384 margin: -0.5rem -1rem; 2385 -webkit-margin-end: 1rem; 2386 margin-inline-end: 1rem; 2387 } 2388 .form-control-lg::file-selector-button { 2389 padding: 0.5rem 1rem; 2390 margin: -0.5rem -1rem; 2391 -webkit-margin-end: 1rem; 2392 margin-inline-end: 1rem; 2393 } 2394 .form-control-lg::-webkit-file-upload-button { 2395 padding: 0.5rem 1rem; 2396 margin: -0.5rem -1rem; 2397 -webkit-margin-end: 1rem; 2398 margin-inline-end: 1rem; 2399 } 2400 2401 textarea.form-control { 2402 min-height: calc(1.5em + 1rem + 2px); 2403 } 2404 textarea.form-control-sm { 2405 min-height: calc(1.5em + 0.5rem + 2px); 2406 } 2407 textarea.form-control-lg { 2408 min-height: calc(1.5em + 1rem + 2px); 2409 } 2410 2411 .form-control-color { 2412 width: 3rem; 2413 height: auto; 2414 padding: 0.5rem; 2415 } 2416 .form-control-color:not(:disabled):not([readonly]) { 2417 cursor: pointer; 2418 } 2419 .form-control-color::-moz-color-swatch { 2420 height: 1.5em; 2421 border-radius: 0.25rem; 2422 } 2423 .form-control-color::-webkit-color-swatch { 2424 height: 1.5em; 2425 border-radius: 0.25rem; 2426 } 2427 2428 .form-select, .custom-select { 2429 display: block; 2430 width: 100%; 2431 padding: 0.5rem 3rem 0.5rem 1rem; 2432 -moz-padding-start: calc(1rem - 3px); 2433 font-size: 1rem; 2434 font-weight: 400; 2435 line-height: 1.5; 2436 color: #212529; 2437 background-color: var(--template-bg-light); 2438 background-image: url("../images/select-bg.svg"); 2439 background-repeat: no-repeat; 2440 background-position: right 1rem center; 2441 background-size: 116rem; 2442 border: 1px solid #cdcdcd; 2443 border-radius: 0.25rem; 2444 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2445 -webkit-appearance: none; 2446 -moz-appearance: none; 2447 appearance: none; 2448 } 2449 @media (prefers-reduced-motion: reduce) { 2450 .form-select, .custom-select { 2451 transition: none; 2452 } 2453 } 2454 .form-select:focus, .custom-select:focus { 2455 border-color: #95b4db; 2456 outline: 0; 2457 box-shadow: 0 0 0 0.25rem rgba(42, 105, 183, 0.25); 2458 } 2459 .form-select[multiple], [multiple].custom-select, .form-select[size]:not([size="1"]), [size].custom-select:not([size="1"]) { 2460 padding-right: 1rem; 2461 background-image: none; 2462 } 2463 .form-select:disabled, .custom-select:disabled { 2464 background-color: #e8e8e8; 2465 } 2466 .form-select:-moz-focusring, .custom-select:-moz-focusring { 2467 color: transparent; 2468 text-shadow: 0 0 0 #212529; 2469 } 2470 2471 .form-select-sm { 2472 padding-top: 0.25rem; 2473 padding-bottom: 0.25rem; 2474 padding-left: 0.5rem; 2475 font-size: 0.8rem; 2476 border-radius: 0.2rem; 2477 } 2478 2479 .form-select-lg { 2480 padding-top: 0.5rem; 2481 padding-bottom: 0.5rem; 2482 padding-left: 1rem; 2483 font-size: 1.25rem; 2484 border-radius: 0.3rem; 2485 } 2486 2487 .form-check { 2488 display: block; 2489 min-height: 1.5rem; 2490 padding-left: 1.5em; 2491 margin-bottom: 0.125rem; 2492 } 2493 .form-check .form-check-input { 2494 float: left; 2495 margin-left: -1.5em; 2496 } 2497 2498 .form-check-input { 2499 width: 1em; 2500 height: 1em; 2501 margin-top: 0.25em; 2502 vertical-align: top; 2503 background-color: #fff; 2504 background-repeat: no-repeat; 2505 background-position: center; 2506 background-size: contain; 2507 border: 1px solid rgba(0, 0, 0, 0.25); 2508 -webkit-appearance: none; 2509 -moz-appearance: none; 2510 appearance: none; 2511 -webkit-print-color-adjust: exact; 2512 color-adjust: exact; 2513 } 2514 .form-check-input[type=checkbox] { 2515 border-radius: 0.25em; 2516 } 2517 .form-check-input[type=radio] { 2518 border-radius: 50%; 2519 } 2520 .form-check-input:active { 2521 -webkit-filter: brightness(90%); 2522 filter: brightness(90%); 2523 } 2524 .form-check-input:focus { 2525 border-color: #95b4db; 2526 outline: 0; 2527 box-shadow: 0 0 0 0.25rem rgba(42, 105, 183, 0.25); 2528 } 2529 .form-check-input:checked { 2530 background-color: #2a69b7; 2531 border-color: #2a69b7; 2532 } 2533 .form-check-input:checked[type=checkbox] { 2534 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); 2535 } 2536 .form-check-input:checked[type=radio] { 2537 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); 2538 } 2539 .form-check-input[type=checkbox]:indeterminate { 2540 background-color: #2a69b7; 2541 border-color: #2a69b7; 2542 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); 2543 } 2544 .form-check-input:disabled { 2545 pointer-events: none; 2546 -webkit-filter: none; 2547 filter: none; 2548 opacity: 0.5; 2549 } 2550 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { 2551 opacity: 0.5; 2552 } 2553 2554 .form-switch { 2555 padding-left: 2.5em; 2556 } 2557 .form-switch .form-check-input { 2558 width: 2em; 2559 margin-left: -2.5em; 2560 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); 2561 background-position: left center; 2562 border-radius: 2em; 2563 transition: background-position 0.15s ease-in-out; 2564 } 2565 @media (prefers-reduced-motion: reduce) { 2566 .form-switch .form-check-input { 2567 transition: none; 2568 } 2569 } 2570 .form-switch .form-check-input:focus { 2571 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2395b4db'/%3e%3c/svg%3e"); 2572 } 2573 .form-switch .form-check-input:checked { 2574 background-position: right center; 2575 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); 2576 } 2577 2578 .form-check-inline { 2579 display: inline-block; 2580 margin-right: 1rem; 2581 } 2582 2583 .btn-check { 2584 position: absolute; 2585 clip: rect(0, 0, 0, 0); 2586 pointer-events: none; 2587 } 2588 .btn-check[disabled] + .btn, .btn-check:disabled + .btn { 2589 pointer-events: none; 2590 -webkit-filter: none; 2591 filter: none; 2592 opacity: 0.4; 2593 } 2594 2595 .form-range { 2596 width: 100%; 2597 height: 1.5rem; 2598 padding: 0; 2599 background-color: transparent; 2600 -webkit-appearance: none; 2601 -moz-appearance: none; 2602 appearance: none; 2603 } 2604 .form-range:focus { 2605 outline: 0; 2606 } 2607 .form-range:focus::-webkit-slider-thumb { 2608 box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(42, 105, 183, 0.25); 2609 } 2610 .form-range:focus::-moz-range-thumb { 2611 box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(42, 105, 183, 0.25); 2612 } 2613 .form-range::-moz-focus-outer { 2614 border: 0; 2615 } 2616 .form-range::-webkit-slider-thumb { 2617 width: 1rem; 2618 height: 1rem; 2619 margin-top: -0.25rem; 2620 background-color: #2a69b7; 2621 border: 0; 2622 border-radius: 1rem; 2623 -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2624 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2625 -webkit-appearance: none; 2626 appearance: none; 2627 } 2628 @media (prefers-reduced-motion: reduce) { 2629 .form-range::-webkit-slider-thumb { 2630 -webkit-transition: none; 2631 transition: none; 2632 } 2633 } 2634 .form-range::-webkit-slider-thumb:active { 2635 background-color: #bfd2e9; 2636 } 2637 .form-range::-webkit-slider-runnable-track { 2638 width: 100%; 2639 height: 0.5rem; 2640 color: transparent; 2641 cursor: pointer; 2642 background-color: #dee2e6; 2643 border-color: transparent; 2644 border-radius: 1rem; 2645 } 2646 .form-range::-moz-range-thumb { 2647 width: 1rem; 2648 height: 1rem; 2649 background-color: #2a69b7; 2650 border: 0; 2651 border-radius: 1rem; 2652 -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2653 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2654 -moz-appearance: none; 2655 appearance: none; 2656 } 2657 @media (prefers-reduced-motion: reduce) { 2658 .form-range::-moz-range-thumb { 2659 -moz-transition: none; 2660 transition: none; 2661 } 2662 } 2663 .form-range::-moz-range-thumb:active { 2664 background-color: #bfd2e9; 2665 } 2666 .form-range::-moz-range-track { 2667 width: 100%; 2668 height: 0.5rem; 2669 color: transparent; 2670 cursor: pointer; 2671 background-color: #dee2e6; 2672 border-color: transparent; 2673 border-radius: 1rem; 2674 } 2675 .form-range:disabled { 2676 pointer-events: none; 2677 } 2678 .form-range:disabled::-webkit-slider-thumb { 2679 background-color: #adb5bd; 2680 } 2681 .form-range:disabled::-moz-range-thumb { 2682 background-color: #adb5bd; 2683 } 2684 2685 .form-floating { 2686 position: relative; 2687 } 2688 .form-floating > .form-control, 2689 .form-floating > .form-select, 2690 .form-floating > .custom-select { 2691 height: calc(3.5rem + 2px); 2692 line-height: 1.25; 2693 } 2694 .form-floating > label { 2695 position: absolute; 2696 top: 0; 2697 left: 0; 2698 height: 100%; 2699 padding: 1rem 1rem; 2700 pointer-events: none; 2701 border: 1px solid transparent; 2702 -webkit-transform-origin: 0 0; 2703 transform-origin: 0 0; 2704 transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; 2705 transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; 2706 transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; 2707 } 2708 @media (prefers-reduced-motion: reduce) { 2709 .form-floating > label { 2710 transition: none; 2711 } 2712 } 2713 .form-floating > .form-control { 2714 padding: 1rem 1rem; 2715 } 2716 .form-floating > .form-control::-webkit-input-placeholder { 2717 color: transparent; 2718 } 2719 .form-floating > .form-control::-moz-placeholder { 2720 color: transparent; 2721 } 2722 .form-floating > .form-control:-ms-input-placeholder { 2723 color: transparent; 2724 } 2725 .form-floating > .form-control::-ms-input-placeholder { 2726 color: transparent; 2727 } 2728 .form-floating > .form-control::placeholder { 2729 color: transparent; 2730 } 2731 .form-floating > .form-control:not(:-moz-placeholder-shown) { 2732 padding-top: 1.625rem; 2733 padding-bottom: 0.625rem; 2734 } 2735 .form-floating > .form-control:not(:-ms-input-placeholder) { 2736 padding-top: 1.625rem; 2737 padding-bottom: 0.625rem; 2738 } 2739 .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { 2740 padding-top: 1.625rem; 2741 padding-bottom: 0.625rem; 2742 } 2743 .form-floating > .form-control:-webkit-autofill { 2744 padding-top: 1.625rem; 2745 padding-bottom: 0.625rem; 2746 } 2747 .form-floating > .form-select, .form-floating > .custom-select { 2748 padding-top: 1.625rem; 2749 padding-bottom: 0.625rem; 2750 } 2751 .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { 2752 opacity: 0.65; 2753 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2754 } 2755 .form-floating > .form-control:not(:-ms-input-placeholder) ~ label { 2756 opacity: 0.65; 2757 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2758 } 2759 .form-floating > .form-control:focus ~ label, 2760 .form-floating > .form-control:not(:placeholder-shown) ~ label, 2761 .form-floating > .form-select ~ label, 2762 .form-floating > .custom-select ~ label { 2763 opacity: 0.65; 2764 -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2765 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2766 } 2767 .form-floating > .form-control:-webkit-autofill ~ label { 2768 opacity: 0.65; 2769 -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2770 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2771 } 2772 2773 .input-group { 2774 position: relative; 2775 display: flex; 2776 flex-wrap: wrap; 2777 align-items: stretch; 2778 width: 100%; 2779 } 2780 .input-group > .form-control, 2781 .input-group > .form-select, 2782 .input-group > .custom-select { 2783 position: relative; 2784 flex: 1 1 auto; 2785 width: 1%; 2786 min-width: 0; 2787 } 2788 .input-group > .form-control:focus, 2789 .input-group > .form-select:focus, 2790 .input-group > .custom-select:focus { 2791 z-index: 3; 2792 } 2793 .input-group .btn { 2794 position: relative; 2795 z-index: 2; 2796 } 2797 .input-group .btn:focus { 2798 z-index: 3; 2799 } 2800 2801 .input-group-text { 2802 display: flex; 2803 align-items: center; 2804 padding: 0.5rem 1rem; 2805 font-size: 1rem; 2806 font-weight: 400; 2807 line-height: 1.5; 2808 color: var(--white); 2809 text-align: center; 2810 white-space: nowrap; 2811 background-color: #132f53; 2812 border: 1px solid var(--template-bg-dark); 2813 border-radius: 0.25rem; 2814 } 2815 2816 .input-group-lg > .form-control, 2817 .input-group-lg > .form-select, 2818 .input-group-lg > .custom-select, 2819 .input-group-lg > .input-group-text, 2820 .input-group-lg > .btn { 2821 padding: 0.5rem 1rem; 2822 font-size: 1.25rem; 2823 border-radius: 0.3rem; 2824 } 2825 2826 .input-group-sm > .form-control, 2827 .input-group-sm > .form-select, 2828 .input-group-sm > .custom-select, 2829 .input-group-sm > .input-group-text, 2830 .input-group-sm > .btn { 2831 padding: 0.25rem 0.5rem; 2832 font-size: 0.8rem; 2833 border-radius: 0.2rem; 2834 } 2835 2836 .input-group-lg > .form-select, .input-group-lg > .custom-select, 2837 .input-group-sm > .form-select, 2838 .input-group-sm > .custom-select { 2839 padding-right: 4rem; 2840 } 2841 2842 .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), 2843 .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { 2844 border-top-right-radius: 0; 2845 border-bottom-right-radius: 0; 2846 } 2847 .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), 2848 .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { 2849 border-top-right-radius: 0; 2850 border-bottom-right-radius: 0; 2851 } 2852 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { 2853 margin-left: -1px; 2854 border-top-left-radius: 0; 2855 border-bottom-left-radius: 0; 2856 } 2857 2858 .valid-feedback { 2859 display: none; 2860 width: 100%; 2861 margin-top: 0.25rem; 2862 font-size: 0.875em; 2863 color: #457d54; 2864 } 2865 2866 .valid-tooltip { 2867 position: absolute; 2868 top: 100%; 2869 z-index: 5; 2870 display: none; 2871 max-width: 100%; 2872 padding: 0.25rem 0.5rem; 2873 margin-top: 0.1rem; 2874 font-size: 0.8rem; 2875 color: #fff; 2876 background-color: rgba(69, 125, 84, 0.9); 2877 border-radius: 0.25rem; 2878 } 2879 2880 .was-validated :valid ~ .valid-feedback, 2881 .was-validated :valid ~ .valid-tooltip, 2882 .is-valid ~ .valid-feedback, 2883 .is-valid ~ .valid-tooltip { 2884 display: block; 2885 } 2886 2887 .was-validated .form-control:valid, .form-control.is-valid { 2888 border-color: #457d54; 2889 padding-right: calc(1.5em + 1rem); 2890 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23457d54' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); 2891 background-repeat: no-repeat; 2892 background-position: right calc(0.375em + 0.25rem) center; 2893 background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem); 2894 } 2895 .was-validated .form-control:valid:focus, .form-control.is-valid:focus { 2896 border-color: #457d54; 2897 box-shadow: 0 0 0 0.25rem rgba(69, 125, 84, 0.25); 2898 } 2899 2900 .was-validated textarea.form-control:valid, textarea.form-control.is-valid { 2901 padding-right: calc(1.5em + 1rem); 2902 background-position: top calc(0.375em + 0.25rem) right calc(0.375em + 0.25rem); 2903 } 2904 2905 .was-validated .form-select:valid, .was-validated .custom-select:valid, .form-select.is-valid, .is-valid.custom-select { 2906 border-color: #457d54; 2907 } 2908 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .custom-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .was-validated .custom-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .is-valid.custom-select:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .is-valid.custom-select:not([multiple])[size="1"] { 2909 padding-right: 5.5rem; 2910 background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23457d54' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); 2911 background-position: right 1rem center, center right 3rem; 2912 background-size: 116rem, calc(0.75em + 0.5rem) calc(0.75em + 0.5rem); 2913 } 2914 .was-validated .form-select:valid:focus, .was-validated .custom-select:valid:focus, .form-select.is-valid:focus, .is-valid.custom-select:focus { 2915 border-color: #457d54; 2916 box-shadow: 0 0 0 0.25rem rgba(69, 125, 84, 0.25); 2917 } 2918 2919 .was-validated .form-check-input:valid, .form-check-input.is-valid { 2920 border-color: #457d54; 2921 } 2922 .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { 2923 background-color: #457d54; 2924 } 2925 .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { 2926 box-shadow: 0 0 0 0.25rem rgba(69, 125, 84, 0.25); 2927 } 2928 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { 2929 color: #457d54; 2930 } 2931 2932 .form-check-inline .form-check-input ~ .valid-feedback { 2933 margin-left: 0.5em; 2934 } 2935 2936 .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, 2937 .was-validated .input-group .form-select:valid, 2938 .was-validated .input-group .custom-select:valid, 2939 .input-group .form-select.is-valid, 2940 .input-group .is-valid.custom-select { 2941 z-index: 1; 2942 } 2943 .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, 2944 .was-validated .input-group .form-select:valid:focus, 2945 .was-validated .input-group .custom-select:valid:focus, 2946 .input-group .form-select.is-valid:focus, 2947 .input-group .is-valid.custom-select:focus { 2948 z-index: 3; 2949 } 2950 2951 .invalid-feedback { 2952 display: none; 2953 width: 100%; 2954 margin-top: 0.25rem; 2955 font-size: 0.875em; 2956 color: #c52827; 2957 } 2958 2959 .invalid-tooltip { 2960 position: absolute; 2961 top: 100%; 2962 z-index: 5; 2963 display: none; 2964 max-width: 100%; 2965 padding: 0.25rem 0.5rem; 2966 margin-top: 0.1rem; 2967 font-size: 0.8rem; 2968 color: #fff; 2969 background-color: rgba(197, 40, 39, 0.9); 2970 border-radius: 0.25rem; 2971 } 2972 2973 .was-validated :invalid ~ .invalid-feedback, 2974 .was-validated :invalid ~ .invalid-tooltip, 2975 .is-invalid ~ .invalid-feedback, 2976 .is-invalid ~ .invalid-tooltip { 2977 display: block; 2978 } 2979 2980 .was-validated .form-control:invalid, .form-control.is-invalid { 2981 border-color: #c52827; 2982 padding-right: calc(1.5em + 1rem); 2983 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c52827'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c52827' stroke='none'/%3e%3c/svg%3e"); 2984 background-repeat: no-repeat; 2985 background-position: right calc(0.375em + 0.25rem) center; 2986 background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem); 2987 } 2988 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { 2989 border-color: #c52827; 2990 box-shadow: 0 0 0 0.25rem rgba(197, 40, 39, 0.25); 2991 } 2992 2993 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { 2994 padding-right: calc(1.5em + 1rem); 2995 background-position: top calc(0.375em + 0.25rem) right calc(0.375em + 0.25rem); 2996 } 2997 2998 .was-validated .form-select:invalid, .was-validated .custom-select:invalid, .form-select.is-invalid, .is-invalid.custom-select { 2999 border-color: #c52827; 3000 } 3001 .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .custom-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .custom-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .is-invalid.custom-select:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .is-invalid.custom-select:not([multiple])[size="1"] { 3002 padding-right: 5.5rem; 3003 background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c52827'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c52827' stroke='none'/%3e%3c/svg%3e"); 3004 background-position: right 1rem center, center right 3rem; 3005 background-size: 116rem, calc(0.75em + 0.5rem) calc(0.75em + 0.5rem); 3006 } 3007 .was-validated .form-select:invalid:focus, .was-validated .custom-select:invalid:focus, .form-select.is-invalid:focus, .is-invalid.custom-select:focus { 3008 border-color: #c52827; 3009 box-shadow: 0 0 0 0.25rem rgba(197, 40, 39, 0.25); 3010 } 3011 3012 .was-validated .form-check-input:invalid, .form-check-input.is-invalid { 3013 border-color: #c52827; 3014 } 3015 .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { 3016 background-color: #c52827; 3017 } 3018 .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { 3019 box-shadow: 0 0 0 0.25rem rgba(197, 40, 39, 0.25); 3020 } 3021 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { 3022 color: #c52827; 3023 } 3024 3025 .form-check-inline .form-check-input ~ .invalid-feedback { 3026 margin-left: 0.5em; 3027 } 3028 3029 .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, 3030 .was-validated .input-group .form-select:invalid, 3031 .was-validated .input-group .custom-select:invalid, 3032 .input-group .form-select.is-invalid, 3033 .input-group .is-invalid.custom-select { 3034 z-index: 2; 3035 } 3036 .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, 3037 .was-validated .input-group .form-select:invalid:focus, 3038 .was-validated .input-group .custom-select:invalid:focus, 3039 .input-group .form-select.is-invalid:focus, 3040 .input-group .is-invalid.custom-select:focus { 3041 z-index: 3; 3042 } 3043 3044 .btn { 3045 display: inline-block; 3046 font-weight: 400; 3047 line-height: 1.5; 3048 color: #212529; 3049 text-align: center; 3050 vertical-align: middle; 3051 cursor: pointer; 3052 -webkit-user-select: none; 3053 -moz-user-select: none; 3054 -ms-user-select: none; 3055 user-select: none; 3056 background-color: transparent; 3057 border: 1px solid transparent; 3058 padding: 0.5rem 1rem; 3059 font-size: 1rem; 3060 border-radius: 0.25rem; 3061 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 3062 } 3063 @media (prefers-reduced-motion: reduce) { 3064 .btn { 3065 transition: none; 3066 } 3067 } 3068 .btn:hover { 3069 color: #212529; 3070 } 3071 .btn-check:focus + .btn, .btn:focus { 3072 outline: 0; 3073 box-shadow: 0 0 0 0.25rem rgba(42, 105, 183, 0.25); 3074 } 3075 .btn:disabled, .btn.disabled, fieldset:disabled .btn { 3076 pointer-events: none; 3077 opacity: 0.4; 3078 } 3079 3080 .btn-primary { 3081 color: #fff; 3082 background-color: #132f53; 3083 border-color: #132f53; 3084 } 3085 .btn-primary:hover { 3086 color: #fff; 3087 background-color: #102847; 3088 border-color: #0f2642; 3089 } 3090 .btn-check:focus + .btn-primary, .btn-primary:focus { 3091 color: #fff; 3092 background-color: #102847; 3093 border-color: #0f2642; 3094 box-shadow: 0 0 0 0.25rem rgba(54, 78, 109, 0.5); 3095 } 3096 .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { 3097 color: #fff; 3098 background-color: #0f2642; 3099 border-color: #0e233e; 3100 } 3101 .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { 3102 box-shadow: 0 0 0 0.25rem rgba(54, 78, 109, 0.5); 3103 } 3104 .btn-primary:disabled, .btn-primary.disabled { 3105 color: #fff; 3106 background-color: #132f53; 3107 border-color: #132f53; 3108 } 3109 3110 .btn-secondary { 3111 color: #fff; 3112 background-color: #495057; 3113 border-color: #495057; 3114 } 3115 .btn-secondary:hover { 3116 color: #fff; 3117 background-color: #3e444a; 3118 border-color: #3a4046; 3119 } 3120 .btn-check:focus + .btn-secondary, .btn-secondary:focus { 3121 color: #fff; 3122 background-color: #3e444a; 3123 border-color: #3a4046; 3124 box-shadow: 0 0 0 0.25rem rgba(100, 106, 112, 0.5); 3125 } 3126 .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { 3127 color: #fff; 3128 background-color: #3a4046; 3129 border-color: #373c41; 3130 } 3131 .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { 3132 box-shadow: 0 0 0 0.25rem rgba(100, 106, 112, 0.5); 3133 } 3134 .btn-secondary:disabled, .btn-secondary.disabled { 3135 color: #fff; 3136 background-color: #495057; 3137 border-color: #495057; 3138 } 3139 3140 .btn-success { 3141 color: #fff; 3142 background-color: #457d54; 3143 border-color: #457d54; 3144 } 3145 .btn-success:hover { 3146 color: #fff; 3147 background-color: #3b6a47; 3148 border-color: #376443; 3149 } 3150 .btn-check:focus + .btn-success, .btn-success:focus { 3151 color: #fff; 3152 background-color: #3b6a47; 3153 border-color: #376443; 3154 box-shadow: 0 0 0 0.25rem rgba(97, 145, 110, 0.5); 3155 } 3156 .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { 3157 color: #fff; 3158 background-color: #376443; 3159 border-color: #345e3f; 3160 } 3161 .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { 3162 box-shadow: 0 0 0 0.25rem rgba(97, 145, 110, 0.5); 3163 } 3164 .btn-success:disabled, .btn-success.disabled { 3165 color: #fff; 3166 background-color: #457d54; 3167 border-color: #457d54; 3168 } 3169 3170 .btn-info { 3171 color: #fff; 3172 background-color: #2a69b8; 3173 border-color: #2a69b8; 3174 } 3175 .btn-info:hover { 3176 color: #fff; 3177 background-color: #24599c; 3178 border-color: #225493; 3179 } 3180 .btn-check:focus + .btn-info, .btn-info:focus { 3181 color: #fff; 3182 background-color: #24599c; 3183 border-color: #225493; 3184 box-shadow: 0 0 0 0.25rem rgba(74, 128, 195, 0.5); 3185 } 3186 .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { 3187 color: #fff; 3188 background-color: #225493; 3189 border-color: #204f8a; 3190 } 3191 .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { 3192 box-shadow: 0 0 0 0.25rem rgba(74, 128, 195, 0.5); 3193 } 3194 .btn-info:disabled, .btn-info.disabled { 3195 color: #fff; 3196 background-color: #2a69b8; 3197 border-color: #2a69b8; 3198 } 3199 3200 .btn-warning { 3201 color: #000; 3202 background-color: #ffb514; 3203 border-color: #ffb514; 3204 } 3205 .btn-warning:hover { 3206 color: #000; 3207 background-color: #ffc037; 3208 border-color: #ffbc2c; 3209 } 3210 .btn-check:focus + .btn-warning, .btn-warning:focus { 3211 color: #000; 3212 background-color: #ffc037; 3213 border-color: #ffbc2c; 3214 box-shadow: 0 0 0 0.25rem rgba(217, 154, 17, 0.5); 3215 } 3216 .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { 3217 color: #000; 3218 background-color: #ffc443; 3219 border-color: #ffbc2c; 3220 } 3221 .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { 3222 box-shadow: 0 0 0 0.25rem rgba(217, 154, 17, 0.5); 3223 } 3224 .btn-warning:disabled, .btn-warning.disabled { 3225 color: #000; 3226 background-color: #ffb514; 3227 border-color: #ffb514; 3228 } 3229 3230 .btn-danger { 3231 color: #fff; 3232 background-color: #c52827; 3233 border-color: #c52827; 3234 } 3235 .btn-danger:hover { 3236 color: #fff; 3237 background-color: #a72221; 3238 border-color: #9e201f; 3239 } 3240 .btn-check:focus + .btn-danger, .btn-danger:focus { 3241 color: #fff; 3242 background-color: #a72221; 3243 border-color: #9e201f; 3244 box-shadow: 0 0 0 0.25rem rgba(206, 72, 71, 0.5); 3245 } 3246 .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { 3247 color: #fff; 3248 background-color: #9e201f; 3249 border-color: #941e1d; 3250 } 3251 .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { 3252 box-shadow: 0 0 0 0.25rem rgba(206, 72, 71, 0.5); 3253 } 3254 .btn-danger:disabled, .btn-danger.disabled { 3255 color: #fff; 3256 background-color: #c52827; 3257 border-color: #c52827; 3258 } 3259 3260 .btn-light { 3261 color: #000; 3262 background-color: #f8f9fa; 3263 border-color: #f8f9fa; 3264 } 3265 .btn-light:hover { 3266 color: #000; 3267 background-color: #f9fafb; 3268 border-color: #f9fafb; 3269 } 3270 .btn-check:focus + .btn-light, .btn-light:focus { 3271 color: #000; 3272 background-color: #f9fafb; 3273 border-color: #f9fafb; 3274 box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); 3275 } 3276 .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { 3277 color: #000; 3278 background-color: #f9fafb; 3279 border-color: #f9fafb; 3280 } 3281 .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { 3282 box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); 3283 } 3284 .btn-light:disabled, .btn-light.disabled { 3285 color: #000; 3286 background-color: #f8f9fa; 3287 border-color: #f8f9fa; 3288 } 3289 3290 .btn-dark { 3291 color: #fff; 3292 background-color: #212529; 3293 border-color: #212529; 3294 } 3295 .btn-dark:hover { 3296 color: #fff; 3297 background-color: #1c1f23; 3298 border-color: #1a1e21; 3299 } 3300 .btn-check:focus + .btn-dark, .btn-dark:focus { 3301 color: #fff; 3302 background-color: #1c1f23; 3303 border-color: #1a1e21; 3304 box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); 3305 } 3306 .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { 3307 color: #fff; 3308 background-color: #1a1e21; 3309 border-color: #191c1f; 3310 } 3311 .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { 3312 box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); 3313 } 3314 .btn-dark:disabled, .btn-dark.disabled { 3315 color: #fff; 3316 background-color: #212529; 3317 border-color: #212529; 3318 } 3319 3320 .btn-action { 3321 color: #fff; 3322 background-color: #132f53; 3323 border-color: #132f53; 3324 } 3325 .btn-action:hover { 3326 color: #fff; 3327 background-color: #102847; 3328 border-color: #0f2642; 3329 } 3330 .btn-check:focus + .btn-action, .btn-action:focus { 3331 color: #fff; 3332 background-color: #102847; 3333 border-color: #0f2642; 3334 box-shadow: 0 0 0 0.25rem rgba(54, 78, 109, 0.5); 3335 } 3336 .btn-check:checked + .btn-action, .btn-check:active + .btn-action, .btn-action:active, .btn-action.active, .show > .btn-action.dropdown-toggle { 3337 color: #fff; 3338 background-color: #0f2642; 3339 border-color: #0e233e; 3340 } 3341 .btn-check:checked + .btn-action:focus, .btn-check:active + .btn-action:focus, .btn-action:active:focus, .btn-action.active:focus, .show > .btn-action.dropdown-toggle:focus { 3342 box-shadow: 0 0 0 0.25rem rgba(54, 78, 109, 0.5); 3343 } 3344 .btn-action:disabled, .btn-action.disabled { 3345 color: #fff; 3346 background-color: #132f53; 3347 border-color: #132f53; 3348 } 3349 3350 .btn-error { 3351 color: #fff; 3352 background-color: #3b0d0c; 3353 border-color: #3b0d0c; 3354 } 3355 .btn-error:hover { 3356 color: #fff; 3357 background-color: #320b0a; 3358 border-color: #2f0a0a; 3359 } 3360 .btn-check:focus + .btn-error, .btn-error:focus { 3361 color: #fff; 3362 background-color: #320b0a; 3363 border-color: #2f0a0a; 3364 box-shadow: 0 0 0 0.25rem rgba(88, 49, 48, 0.5); 3365 } 3366 .btn-check:checked + .btn-error, .btn-check:active + .btn-error, .btn-error:active, .btn-error.active, .show > .btn-error.dropdown-toggle { 3367 color: #fff; 3368 background-color: #2f0a0a; 3369 border-color: #2c0a09; 3370 } 3371 .btn-check:checked + .btn-error:focus, .btn-check:active + .btn-error:focus, .btn-error:active:focus, .btn-error.active:focus, .show > .btn-error.dropdown-toggle:focus { 3372 box-shadow: 0 0 0 0.25rem rgba(88, 49, 48, 0.5); 3373 } 3374 .btn-error:disabled, .btn-error.disabled { 3375 color: #fff; 3376 background-color: #3b0d0c; 3377 border-color: #3b0d0c; 3378 } 3379 3380 .btn-alert-success { 3381 color: #fff; 3382 background-color: #0f2f21; 3383 border-color: #0f2f21; 3384 } 3385 .btn-alert-success:hover { 3386 color: #fff; 3387 background-color: #0d281c; 3388 border-color: #0c261a; 3389 } 3390 .btn-check:focus + .btn-alert-success, .btn-alert-success:focus { 3391 color: #fff; 3392 background-color: #0d281c; 3393 border-color: #0c261a; 3394 box-shadow: 0 0 0 0.25rem rgba(51, 78, 66, 0.5); 3395 } 3396 .btn-check:checked + .btn-alert-success, .btn-check:active + .btn-alert-success, .btn-alert-success:active, .btn-alert-success.active, .show > .btn-alert-success.dropdown-toggle { 3397 color: #fff; 3398 background-color: #0c261a; 3399 border-color: #0b2319; 3400 } 3401 .btn-check:checked + .btn-alert-success:focus, .btn-check:active + .btn-alert-success:focus, .btn-alert-success:active:focus, .btn-alert-success.active:focus, .show > .btn-alert-success.dropdown-toggle:focus { 3402 box-shadow: 0 0 0 0.25rem rgba(51, 78, 66, 0.5); 3403 } 3404 .btn-alert-success:disabled, .btn-alert-success.disabled { 3405 color: #fff; 3406 background-color: #0f2f21; 3407 border-color: #0f2f21; 3408 } 3409 3410 .btn-outline-primary { 3411 color: #132f53; 3412 border-color: #132f53; 3413 } 3414 .btn-outline-primary:hover { 3415 color: #fff; 3416 background-color: #132f53; 3417 border-color: #132f53; 3418 } 3419 .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { 3420 box-shadow: 0 0 0 0.25rem rgba(19, 47, 83, 0.5); 3421 } 3422 .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { 3423 color: #fff; 3424 background-color: #132f53; 3425 border-color: #132f53; 3426 } 3427 .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { 3428 box-shadow: 0 0 0 0.25rem rgba(19, 47, 83, 0.5); 3429 } 3430 .btn-outline-primary:disabled, .btn-outline-primary.disabled { 3431 color: #132f53; 3432 background-color: transparent; 3433 } 3434 3435 .btn-outline-secondary { 3436 color: #495057; 3437 border-color: #495057; 3438 } 3439 .btn-outline-secondary:hover { 3440 color: #fff; 3441 background-color: #495057; 3442 border-color: #495057; 3443 } 3444 .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { 3445 box-shadow: 0 0 0 0.25rem rgba(73, 80, 87, 0.5); 3446 } 3447 .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { 3448 color: #fff; 3449 background-color: #495057; 3450 border-color: #495057; 3451 } 3452 .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { 3453 box-shadow: 0 0 0 0.25rem rgba(73, 80, 87, 0.5); 3454 } 3455 .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { 3456 color: #495057; 3457 background-color: transparent; 3458 } 3459 3460 .btn-outline-success { 3461 color: #457d54; 3462 border-color: #457d54; 3463 } 3464 .btn-outline-success:hover { 3465 color: #fff; 3466 background-color: #457d54; 3467 border-color: #457d54; 3468 } 3469 .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { 3470 box-shadow: 0 0 0 0.25rem rgba(69, 125, 84, 0.5); 3471 } 3472 .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { 3473 color: #fff; 3474 background-color: #457d54; 3475 border-color: #457d54; 3476 } 3477 .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { 3478 box-shadow: 0 0 0 0.25rem rgba(69, 125, 84, 0.5); 3479 } 3480 .btn-outline-success:disabled, .btn-outline-success.disabled { 3481 color: #457d54; 3482 background-color: transparent; 3483 } 3484 3485 .btn-outline-info { 3486 color: #2a69b8; 3487 border-color: #2a69b8; 3488 } 3489 .btn-outline-info:hover { 3490 color: #fff; 3491 background-color: #2a69b8; 3492 border-color: #2a69b8; 3493 } 3494 .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { 3495 box-shadow: 0 0 0 0.25rem rgba(42, 105, 184, 0.5); 3496 } 3497 .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { 3498 color: #fff; 3499 background-color: #2a69b8; 3500 border-color: #2a69b8; 3501 } 3502 .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { 3503 box-shadow: 0 0 0 0.25rem rgba(42, 105, 184, 0.5); 3504 } 3505 .btn-outline-info:disabled, .btn-outline-info.disabled { 3506 color: #2a69b8; 3507 background-color: transparent; 3508 } 3509 3510 .btn-outline-warning { 3511 color: #ffb514; 3512 border-color: #ffb514; 3513 } 3514 .btn-outline-warning:hover { 3515 color: #000; 3516 background-color: #ffb514; 3517 border-color: #ffb514; 3518 } 3519 .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { 3520 box-shadow: 0 0 0 0.25rem rgba(255, 181, 20, 0.5); 3521 } 3522 .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { 3523 color: #000; 3524 background-color: #ffb514; 3525 border-color: #ffb514; 3526 } 3527 .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { 3528 box-shadow: 0 0 0 0.25rem rgba(255, 181, 20, 0.5); 3529 } 3530 .btn-outline-warning:disabled, .btn-outline-warning.disabled { 3531 color: #ffb514; 3532 background-color: transparent; 3533 } 3534 3535 .btn-outline-danger { 3536 color: #c52827; 3537 border-color: #c52827; 3538 } 3539 .btn-outline-danger:hover { 3540 color: #fff; 3541 background-color: #c52827; 3542 border-color: #c52827; 3543 } 3544 .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { 3545 box-shadow: 0 0 0 0.25rem rgba(197, 40, 39, 0.5); 3546 } 3547 .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { 3548 color: #fff; 3549 background-color: #c52827; 3550 border-color: #c52827; 3551 } 3552 .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { 3553 box-shadow: 0 0 0 0.25rem rgba(197, 40, 39, 0.5); 3554 } 3555 .btn-outline-danger:disabled, .btn-outline-danger.disabled { 3556 color: #c52827; 3557 background-color: transparent; 3558 } 3559 3560 .btn-outline-light { 3561 color: #f8f9fa; 3562 border-color: #f8f9fa; 3563 } 3564 .btn-outline-light:hover { 3565 color: #000; 3566 background-color: #f8f9fa; 3567 border-color: #f8f9fa; 3568 } 3569 .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { 3570 box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); 3571 } 3572 .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { 3573 color: #000; 3574 background-color: #f8f9fa; 3575 border-color: #f8f9fa; 3576 } 3577 .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { 3578 box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); 3579 } 3580 .btn-outline-light:disabled, .btn-outline-light.disabled { 3581 color: #f8f9fa; 3582 background-color: transparent; 3583 } 3584 3585 .btn-outline-dark { 3586 color: #212529; 3587 border-color: #212529; 3588 } 3589 .btn-outline-dark:hover { 3590 color: #fff; 3591 background-color: #212529; 3592 border-color: #212529; 3593 } 3594 .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { 3595 box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); 3596 } 3597 .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { 3598 color: #fff; 3599 background-color: #212529; 3600 border-color: #212529; 3601 } 3602 .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { 3603 box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); 3604 } 3605 .btn-outline-dark:disabled, .btn-outline-dark.disabled { 3606 color: #212529; 3607 background-color: transparent; 3608 } 3609 3610 .btn-outline-action { 3611 color: #132f53; 3612 border-color: #132f53; 3613 } 3614 .btn-outline-action:hover { 3615 color: #fff; 3616 background-color: #132f53; 3617 border-color: #132f53; 3618 } 3619 .btn-check:focus + .btn-outline-action, .btn-outline-action:focus { 3620 box-shadow: 0 0 0 0.25rem rgba(19, 47, 83, 0.5); 3621 } 3622 .btn-check:checked + .btn-outline-action, .btn-check:active + .btn-outline-action, .btn-outline-action:active, .btn-outline-action.active, .btn-outline-action.dropdown-toggle.show { 3623 color: #fff; 3624 background-color: #132f53; 3625 border-color: #132f53; 3626 } 3627 .btn-check:checked + .btn-outline-action:focus, .btn-check:active + .btn-outline-action:focus, .btn-outline-action:active:focus, .btn-outline-action.active:focus, .btn-outline-action.dropdown-toggle.show:focus { 3628 box-shadow: 0 0 0 0.25rem rgba(19, 47, 83, 0.5); 3629 } 3630 .btn-outline-action:disabled, .btn-outline-action.disabled { 3631 color: #132f53; 3632 background-color: transparent; 3633 } 3634 3635 .btn-outline-error { 3636 color: #3b0d0c; 3637 border-color: #3b0d0c; 3638 } 3639 .btn-outline-error:hover { 3640 color: #fff; 3641 background-color: #3b0d0c; 3642 border-color: #3b0d0c; 3643 } 3644 .btn-check:focus + .btn-outline-error, .btn-outline-error:focus { 3645 box-shadow: 0 0 0 0.25rem rgba(59, 13, 12, 0.5); 3646 } 3647 .btn-check:checked + .btn-outline-error, .btn-check:active + .btn-outline-error, .btn-outline-error:active, .btn-outline-error.active, .btn-outline-error.dropdown-toggle.show { 3648 color: #fff; 3649 background-color: #3b0d0c; 3650 border-color: #3b0d0c; 3651 } 3652 .btn-check:checked + .btn-outline-error:focus, .btn-check:active + .btn-outline-error:focus, .btn-outline-error:active:focus, .btn-outline-error.active:focus, .btn-outline-error.dropdown-toggle.show:focus { 3653 box-shadow: 0 0 0 0.25rem rgba(59, 13, 12, 0.5); 3654 } 3655 .btn-outline-error:disabled, .btn-outline-error.disabled { 3656 color: #3b0d0c; 3657 background-color: transparent; 3658 } 3659 3660 .btn-outline-alert-success { 3661 color: #0f2f21; 3662 border-color: #0f2f21; 3663 } 3664 .btn-outline-alert-success:hover { 3665 color: #fff; 3666 background-color: #0f2f21; 3667 border-color: #0f2f21; 3668 } 3669 .btn-check:focus + .btn-outline-alert-success, .btn-outline-alert-success:focus { 3670 box-shadow: 0 0 0 0.25rem rgba(15, 47, 33, 0.5); 3671 } 3672 .btn-check:checked + .btn-outline-alert-success, .btn-check:active + .btn-outline-alert-success, .btn-outline-alert-success:active, .btn-outline-alert-success.active, .btn-outline-alert-success.dropdown-toggle.show { 3673 color: #fff; 3674 background-color: #0f2f21; 3675 border-color: #0f2f21; 3676 } 3677 .btn-check:checked + .btn-outline-alert-success:focus, .btn-check:active + .btn-outline-alert-success:focus, .btn-outline-alert-success:active:focus, .btn-outline-alert-success.active:focus, .btn-outline-alert-success.dropdown-toggle.show:focus { 3678 box-shadow: 0 0 0 0.25rem rgba(15, 47, 33, 0.5); 3679 } 3680 .btn-outline-alert-success:disabled, .btn-outline-alert-success.disabled { 3681 color: #0f2f21; 3682 background-color: transparent; 3683 } 3684 3685 .btn-link { 3686 font-weight: 400; 3687 color: var(--template-link-color); 3688 text-decoration: none; 3689 } 3690 .btn-link:hover { 3691 color: var(--template-link-hover-color); 3692 } 3693 .btn-link:disabled, .btn-link.disabled { 3694 color: #666e76; 3695 } 3696 3697 .btn-lg, .btn-group-lg > .btn { 3698 padding: 0.5rem 1rem; 3699 font-size: 1.25rem; 3700 border-radius: 0.3rem; 3701 } 3702 3703 .btn-sm, .btn-group-sm > .btn { 3704 padding: 0.25rem 0.5rem; 3705 font-size: 0.8rem; 3706 border-radius: 0.2rem; 3707 } 3708 3709 .fade { 3710 transition: opacity 0.15s linear; 3711 } 3712 @media (prefers-reduced-motion: reduce) { 3713 .fade { 3714 transition: none; 3715 } 3716 } 3717 .fade:not(.show) { 3718 opacity: 0; 3719 } 3720 3721 .collapse:not(.show) { 3722 display: none; 3723 } 3724 3725 .collapsing { 3726 height: 0; 3727 overflow: hidden; 3728 transition: height 0.35s ease; 3729 } 3730 @media (prefers-reduced-motion: reduce) { 3731 .collapsing { 3732 transition: none; 3733 } 3734 } 3735 .collapsing.collapse-horizontal { 3736 width: 0; 3737 height: auto; 3738 transition: width 0.35s ease; 3739 } 3740 @media (prefers-reduced-motion: reduce) { 3741 .collapsing.collapse-horizontal { 3742 transition: none; 3743 } 3744 } 3745 3746 .dropup, 3747 .dropend, 3748 .dropdown, 3749 .dropstart { 3750 position: relative; 3751 } 3752 3753 .dropdown-toggle { 3754 white-space: nowrap; 3755 } 3756 .dropdown-toggle::after { 3757 display: inline-block; 3758 margin-left: 0.255em; 3759 vertical-align: 0.255em; 3760 content: ""; 3761 border-top: 0.3em solid; 3762 border-right: 0.3em solid transparent; 3763 border-bottom: 0; 3764 border-left: 0.3em solid transparent; 3765 } 3766 .dropdown-toggle:empty::after { 3767 margin-left: 0; 3768 } 3769 3770 .dropdown-menu { 3771 position: absolute; 3772 z-index: 1000; 3773 display: none; 3774 min-width: 10rem; 3775 padding: 0 0; 3776 margin: 0; 3777 font-size: 1rem; 3778 color: #212529; 3779 text-align: left; 3780 list-style: none; 3781 background-color: #fff; 3782 background-clip: padding-box; 3783 border: 1px solid rgba(0, 0, 0, 0.15); 3784 border-radius: 0.25rem; 3785 } 3786 .dropdown-menu[data-bs-popper] { 3787 top: 100%; 3788 left: 0; 3789 margin-top: 0; 3790 } 3791 3792 .dropdown-menu-start { 3793 --bs-position: start; 3794 } 3795 .dropdown-menu-start[data-bs-popper] { 3796 right: auto; 3797 left: 0; 3798 } 3799 3800 .dropdown-menu-end { 3801 --bs-position: end; 3802 } 3803 .dropdown-menu-end[data-bs-popper] { 3804 right: 0; 3805 left: auto; 3806 } 3807 3808 @media (min-width: 576px) { 3809 .dropdown-menu-sm-start { 3810 --bs-position: start; 3811 } 3812 .dropdown-menu-sm-start[data-bs-popper] { 3813 right: auto; 3814 left: 0; 3815 } 3816 3817 .dropdown-menu-sm-end { 3818 --bs-position: end; 3819 } 3820 .dropdown-menu-sm-end[data-bs-popper] { 3821 right: 0; 3822 left: auto; 3823 } 3824 } 3825 @media (min-width: 768px) { 3826 .dropdown-menu-md-start { 3827 --bs-position: start; 3828 } 3829 .dropdown-menu-md-start[data-bs-popper] { 3830 right: auto; 3831 left: 0; 3832 } 3833 3834 .dropdown-menu-md-end { 3835 --bs-position: end; 3836 } 3837 .dropdown-menu-md-end[data-bs-popper] { 3838 right: 0; 3839 left: auto; 3840 } 3841 } 3842 @media (min-width: 992px) { 3843 .dropdown-menu-lg-start { 3844 --bs-position: start; 3845 } 3846 .dropdown-menu-lg-start[data-bs-popper] { 3847 right: auto; 3848 left: 0; 3849 } 3850 3851 .dropdown-menu-lg-end { 3852 --bs-position: end; 3853 } 3854 .dropdown-menu-lg-end[data-bs-popper] { 3855 right: 0; 3856 left: auto; 3857 } 3858 } 3859 @media (min-width: 1200px) { 3860 .dropdown-menu-xl-start { 3861 --bs-position: start; 3862 } 3863 .dropdown-menu-xl-start[data-bs-popper] { 3864 right: auto; 3865 left: 0; 3866 } 3867 3868 .dropdown-menu-xl-end { 3869 --bs-position: end; 3870 } 3871 .dropdown-menu-xl-end[data-bs-popper] { 3872 right: 0; 3873 left: auto; 3874 } 3875 } 3876 @media (min-width: 1400px) { 3877 .dropdown-menu-xxl-start { 3878 --bs-position: start; 3879 } 3880 .dropdown-menu-xxl-start[data-bs-popper] { 3881 right: auto; 3882 left: 0; 3883 } 3884 3885 .dropdown-menu-xxl-end { 3886 --bs-position: end; 3887 } 3888 .dropdown-menu-xxl-end[data-bs-popper] { 3889 right: 0; 3890 left: auto; 3891 } 3892 } 3893 .dropup .dropdown-menu[data-bs-popper] { 3894 top: auto; 3895 bottom: 100%; 3896 margin-top: 0; 3897 margin-bottom: 0; 3898 } 3899 .dropup .dropdown-toggle::after { 3900 display: inline-block; 3901 margin-left: 0.255em; 3902 vertical-align: 0.255em; 3903 content: ""; 3904 border-top: 0; 3905 border-right: 0.3em solid transparent; 3906 border-bottom: 0.3em solid; 3907 border-left: 0.3em solid transparent; 3908 } 3909 .dropup .dropdown-toggle:empty::after { 3910 margin-left: 0; 3911 } 3912 3913 .dropend .dropdown-menu[data-bs-popper] { 3914 top: 0; 3915 right: auto; 3916 left: 100%; 3917 margin-top: 0; 3918 margin-left: 0; 3919 } 3920 .dropend .dropdown-toggle::after { 3921 display: inline-block; 3922 margin-left: 0.255em; 3923 vertical-align: 0.255em; 3924 content: ""; 3925 border-top: 0.3em solid transparent; 3926 border-right: 0; 3927 border-bottom: 0.3em solid transparent; 3928 border-left: 0.3em solid; 3929 } 3930 .dropend .dropdown-toggle:empty::after { 3931 margin-left: 0; 3932 } 3933 .dropend .dropdown-toggle::after { 3934 vertical-align: 0; 3935 } 3936 3937 .dropstart .dropdown-menu[data-bs-popper] { 3938 top: 0; 3939 right: 100%; 3940 left: auto; 3941 margin-top: 0; 3942 margin-right: 0; 3943 } 3944 .dropstart .dropdown-toggle::after { 3945 display: inline-block; 3946 margin-left: 0.255em; 3947 vertical-align: 0.255em; 3948 content: ""; 3949 } 3950 .dropstart .dropdown-toggle::after { 3951 display: none; 3952 } 3953 .dropstart .dropdown-toggle::before { 3954 display: inline-block; 3955 margin-right: 0.255em; 3956 vertical-align: 0.255em; 3957 content: ""; 3958 border-top: 0.3em solid transparent; 3959 border-right: 0.3em solid; 3960 border-bottom: 0.3em solid transparent; 3961 } 3962 .dropstart .dropdown-toggle:empty::after { 3963 margin-left: 0; 3964 } 3965 .dropstart .dropdown-toggle::before { 3966 vertical-align: 0; 3967 } 3968 3969 .dropdown-divider { 3970 height: 0; 3971 margin: 0.5rem 0; 3972 overflow: hidden; 3973 border-top: 1px solid rgba(0, 0, 0, 0.15); 3974 } 3975 3976 .dropdown-item { 3977 display: block; 3978 width: 100%; 3979 padding: 0.5rem 0.75rem; 3980 clear: both; 3981 font-weight: 400; 3982 color: #212529; 3983 text-align: inherit; 3984 white-space: nowrap; 3985 background-color: transparent; 3986 border: 0; 3987 } 3988 .dropdown-item:first-child { 3989 border-top-left-radius: calc(0.25rem - 1px); 3990 border-top-right-radius: calc(0.25rem - 1px); 3991 } 3992 .dropdown-item:last-child { 3993 border-bottom-right-radius: calc(0.25rem - 1px); 3994 border-bottom-left-radius: calc(0.25rem - 1px); 3995 } 3996 .dropdown-item:hover, .dropdown-item:focus { 3997 color: var(--template-text-dark); 3998 background-color: #e8e8e8; 3999 } 4000 .dropdown-item.active, .dropdown-item:active { 4001 color: #fff; 4002 text-decoration: none; 4003 background-color: #2a69b7; 4004 } 4005 .dropdown-item.disabled, .dropdown-item:disabled { 4006 color: #adb5bd; 4007 pointer-events: none; 4008 background-color: transparent; 4009 } 4010 4011 .dropdown-menu.show { 4012 display: block; 4013 } 4014 4015 .dropdown-header { 4016 display: block; 4017 padding: 0 0.75rem; 4018 margin-bottom: 0; 4019 font-size: 0.8rem; 4020 color: #666e76; 4021 white-space: nowrap; 4022 } 4023 4024 .dropdown-item-text { 4025 display: block; 4026 padding: 0.5rem 0.75rem; 4027 color: #212529; 4028 } 4029 4030 .dropdown-menu-dark { 4031 color: #dee2e6; 4032 background-color: #343a40; 4033 border-color: rgba(0, 0, 0, 0.15); 4034 } 4035 .dropdown-menu-dark .dropdown-item { 4036 color: #dee2e6; 4037 } 4038 .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { 4039 color: #fff; 4040 background-color: rgba(255, 255, 255, 0.15); 4041 } 4042 .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { 4043 color: #fff; 4044 background-color: #2a69b7; 4045 } 4046 .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { 4047 color: #adb5bd; 4048 } 4049 .dropdown-menu-dark .dropdown-divider { 4050 border-color: rgba(0, 0, 0, 0.15); 4051 } 4052 .dropdown-menu-dark .dropdown-item-text { 4053 color: #dee2e6; 4054 } 4055 .dropdown-menu-dark .dropdown-header { 4056 color: #adb5bd; 4057 } 4058 4059 .accordion-button { 4060 position: relative; 4061 display: flex; 4062 align-items: center; 4063 width: 100%; 4064 padding: 1rem 1.25rem; 4065 font-size: 1rem; 4066 color: #212529; 4067 text-align: left; 4068 background-color: #fff; 4069 border: 0; 4070 border-radius: 0; 4071 overflow-anchor: none; 4072 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; 4073 } 4074 @media (prefers-reduced-motion: reduce) { 4075 .accordion-button { 4076 transition: none; 4077 } 4078 } 4079 .accordion-button:not(.collapsed) { 4080 color: #265fa5; 4081 background-color: #eaf0f8; 4082 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); 4083 } 4084 .accordion-button:not(.collapsed)::after { 4085 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23265fa5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 4086 -webkit-transform: rotate(-180deg); 4087 transform: rotate(-180deg); 4088 } 4089 .accordion-button::after { 4090 flex-shrink: 0; 4091 width: 1.25rem; 4092 height: 1.25rem; 4093 margin-left: auto; 4094 content: ""; 4095 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 4096 background-repeat: no-repeat; 4097 background-size: 1.25rem; 4098 transition: -webkit-transform 0.2s ease-in-out; 4099 transition: transform 0.2s ease-in-out; 4100 transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; 4101 } 4102 @media (prefers-reduced-motion: reduce) { 4103 .accordion-button::after { 4104 transition: none; 4105 } 4106 } 4107 .accordion-button:hover { 4108 z-index: 2; 4109 } 4110 .accordion-button:focus { 4111 z-index: 3; 4112 border-color: #95b4db; 4113 outline: 0; 4114 box-shadow: 0 0 0 0.25rem rgba(42, 105, 183, 0.25); 4115 } 4116 4117 .accordion-header { 4118 margin-bottom: 0; 4119 } 4120 4121 .accordion-item { 4122 background-color: #fff; 4123 border: 1px solid rgba(0, 0, 0, 0.125); 4124 } 4125 .accordion-item:first-of-type { 4126 border-top-left-radius: 0.25rem; 4127 border-top-right-radius: 0.25rem; 4128 } 4129 .accordion-item:first-of-type .accordion-button { 4130 border-top-left-radius: calc(0.25rem - 1px); 4131 border-top-right-radius: calc(0.25rem - 1px); 4132 } 4133 .accordion-item:not(:first-of-type) { 4134 border-top: 0; 4135 } 4136 .accordion-item:last-of-type { 4137 border-bottom-right-radius: 0.25rem; 4138 border-bottom-left-radius: 0.25rem; 4139 } 4140 .accordion-item:last-of-type .accordion-button.collapsed { 4141 border-bottom-right-radius: calc(0.25rem - 1px); 4142 border-bottom-left-radius: calc(0.25rem - 1px); 4143 } 4144 .accordion-item:last-of-type .accordion-collapse { 4145 border-bottom-right-radius: 0.25rem; 4146 border-bottom-left-radius: 0.25rem; 4147 } 4148 4149 .accordion-body { 4150 padding: 1rem 1.25rem; 4151 } 4152 4153 .accordion-flush .accordion-collapse { 4154 border-width: 0; 4155 } 4156 .accordion-flush .accordion-item { 4157 border-right: 0; 4158 border-left: 0; 4159 border-radius: 0; 4160 } 4161 .accordion-flush .accordion-item:first-child { 4162 border-top: 0; 4163 } 4164 .accordion-flush .accordion-item:last-child { 4165 border-bottom: 0; 4166 } 4167 .accordion-flush .accordion-item .accordion-button { 4168 border-radius: 0; 4169 } 4170 4171 .btn-group, 4172 .btn-group-vertical { 4173 position: relative; 4174 display: inline-flex; 4175 vertical-align: middle; 4176 } 4177 .btn-group > .btn, 4178 .btn-group-vertical > .btn { 4179 position: relative; 4180 flex: 1 1 auto; 4181 } 4182 .btn-group > .btn-check:checked + .btn, 4183 .btn-group > .btn-check:focus + .btn, 4184 .btn-group > .btn:hover, 4185 .btn-group > .btn:focus, 4186 .btn-group > .btn:active, 4187 .btn-group > .btn.active, 4188 .btn-group-vertical > .btn-check:checked + .btn, 4189 .btn-group-vertical > .btn-check:focus + .btn, 4190 .btn-group-vertical > .btn:hover, 4191 .btn-group-vertical > .btn:focus, 4192 .btn-group-vertical > .btn:active, 4193 .btn-group-vertical > .btn.active { 4194 z-index: 1; 4195 } 4196 4197 .btn-toolbar { 4198 display: flex; 4199 flex-wrap: wrap; 4200 justify-content: flex-start; 4201 } 4202 .btn-toolbar .input-group { 4203 width: auto; 4204 } 4205 4206 .btn-group > .btn:not(:first-child), 4207 .btn-group > .btn-group:not(:first-child) { 4208 margin-left: -1px; 4209 } 4210 .btn-group > .btn:not(:last-child):not(.dropdown-toggle), 4211 .btn-group > .btn-group:not(:last-child) > .btn { 4212 border-top-right-radius: 0; 4213 border-bottom-right-radius: 0; 4214 } 4215 .btn-group > .btn:nth-child(n+3), 4216 .btn-group > :not(.btn-check) + .btn, 4217 .btn-group > .btn-group:not(:first-child) > .btn { 4218 border-top-left-radius: 0; 4219 border-bottom-left-radius: 0; 4220 } 4221 4222 .dropdown-toggle-split { 4223 padding-right: 0.75rem; 4224 padding-left: 0.75rem; 4225 } 4226 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { 4227 margin-left: 0; 4228 } 4229 .dropstart .dropdown-toggle-split::before { 4230 margin-right: 0; 4231 } 4232 4233 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { 4234 padding-right: 0.375rem; 4235 padding-left: 0.375rem; 4236 } 4237 4238 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { 4239 padding-right: 0.75rem; 4240 padding-left: 0.75rem; 4241 } 4242 4243 .btn-group-vertical { 4244 flex-direction: column; 4245 align-items: flex-start; 4246 justify-content: center; 4247 } 4248 .btn-group-vertical > .btn, 4249 .btn-group-vertical > .btn-group { 4250 width: 100%; 4251 } 4252 .btn-group-vertical > .btn:not(:first-child), 4253 .btn-group-vertical > .btn-group:not(:first-child) { 4254 margin-top: -1px; 4255 } 4256 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), 4257 .btn-group-vertical > .btn-group:not(:last-child) > .btn { 4258 border-bottom-right-radius: 0; 4259 border-bottom-left-radius: 0; 4260 } 4261 .btn-group-vertical > .btn ~ .btn, 4262 .btn-group-vertical > .btn-group:not(:first-child) > .btn { 4263 border-top-left-radius: 0; 4264 border-top-right-radius: 0; 4265 } 4266 4267 .nav { 4268 display: flex; 4269 flex-wrap: wrap; 4270 padding-left: 0; 4271 margin-bottom: 0; 4272 list-style: none; 4273 } 4274 4275 .nav-link { 4276 display: block; 4277 padding: 0.5rem 1rem; 4278 color: var(--template-link-color); 4279 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; 4280 } 4281 @media (prefers-reduced-motion: reduce) { 4282 .nav-link { 4283 transition: none; 4284 } 4285 } 4286 .nav-link:hover, .nav-link:focus { 4287 color: var(--template-link-hover-color); 4288 } 4289 .nav-link.disabled { 4290 color: #666e76; 4291 pointer-events: none; 4292 cursor: default; 4293 } 4294 4295 .nav-tabs { 4296 border-bottom: 1px solid #dee2e6; 4297 } 4298 .nav-tabs .nav-link { 4299 margin-bottom: -1px; 4300 background: none; 4301 border: 1px solid transparent; 4302 border-top-left-radius: 0.25rem; 4303 border-top-right-radius: 0.25rem; 4304 } 4305 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { 4306 border-color: #e8e8e8 #e8e8e8 #dee2e6; 4307 isolation: isolate; 4308 } 4309 .nav-tabs .nav-link.disabled { 4310 color: #666e76; 4311 background-color: transparent; 4312 border-color: transparent; 4313 } 4314 .nav-tabs .nav-link.active, 4315 .nav-tabs .nav-item.show .nav-link { 4316 color: #495057; 4317 background-color: #fff; 4318 border-color: #dee2e6 #dee2e6 #fff; 4319 } 4320 .nav-tabs .dropdown-menu { 4321 margin-top: -1px; 4322 border-top-left-radius: 0; 4323 border-top-right-radius: 0; 4324 } 4325 4326 .nav-pills .nav-link { 4327 background: none; 4328 border: 0; 4329 border-radius: 0.25rem; 4330 } 4331 .nav-pills .nav-link.active, 4332 .nav-pills .show > .nav-link { 4333 color: #fff; 4334 background-color: #2a69b7; 4335 } 4336 4337 .nav-fill > .nav-link, 4338 .nav-fill .nav-item { 4339 flex: 1 1 auto; 4340 text-align: center; 4341 } 4342 4343 .nav-justified > .nav-link, 4344 .nav-justified .nav-item { 4345 flex-basis: 0; 4346 flex-grow: 1; 4347 text-align: center; 4348 } 4349 4350 .nav-fill .nav-item .nav-link, 4351 .nav-justified .nav-item .nav-link { 4352 width: 100%; 4353 } 4354 4355 .tab-content > .tab-pane { 4356 display: none; 4357 } 4358 .tab-content > .active { 4359 display: block; 4360 } 4361 4362 .navbar { 4363 position: relative; 4364 display: flex; 4365 flex-wrap: wrap; 4366 align-items: center; 4367 justify-content: space-between; 4368 padding-top: 0.5rem; 4369 padding-bottom: 0.5rem; 4370 } 4371 .navbar > .container, 4372 .navbar > .container-fluid, 4373 .navbar > .container-sm, 4374 .navbar > .container-md, 4375 .navbar > .container-lg, 4376 .navbar > .container-xl, 4377 .navbar > .container-xxl { 4378 display: flex; 4379 flex-wrap: inherit; 4380 align-items: center; 4381 justify-content: space-between; 4382 } 4383 .navbar-brand { 4384 padding-top: 0.3125rem; 4385 padding-bottom: 0.3125rem; 4386 margin-right: 1rem; 4387 font-size: 1.25rem; 4388 white-space: nowrap; 4389 } 4390 .navbar-nav { 4391 display: flex; 4392 flex-direction: column; 4393 padding-left: 0; 4394 margin-bottom: 0; 4395 list-style: none; 4396 } 4397 .navbar-nav .nav-link { 4398 padding-right: 0; 4399 padding-left: 0; 4400 } 4401 .navbar-nav .dropdown-menu { 4402 position: static; 4403 } 4404 4405 .navbar-text { 4406 padding-top: 0.5rem; 4407 padding-bottom: 0.5rem; 4408 } 4409 4410 .navbar-collapse { 4411 flex-basis: 100%; 4412 flex-grow: 1; 4413 align-items: center; 4414 } 4415 4416 .navbar-toggler { 4417 padding: 0.25rem 0.75rem; 4418 font-size: 1.25rem; 4419 line-height: 1; 4420 background-color: transparent; 4421 border: 1px solid transparent; 4422 border-radius: 0.25rem; 4423 transition: box-shadow 0.15s ease-in-out; 4424 } 4425 @media (prefers-reduced-motion: reduce) { 4426 .navbar-toggler { 4427 transition: none; 4428 } 4429 } 4430 .navbar-toggler:hover { 4431 text-decoration: none; 4432 } 4433 .navbar-toggler:focus { 4434 text-decoration: none; 4435 outline: 0; 4436 box-shadow: 0 0 0 0.25rem; 4437 } 4438 4439 .navbar-toggler-icon { 4440 display: inline-block; 4441 width: 1.5em; 4442 height: 1.5em; 4443 vertical-align: middle; 4444 background-repeat: no-repeat; 4445 background-position: center; 4446 background-size: 100%; 4447 } 4448 4449 .navbar-nav-scroll { 4450 max-height: var(--scroll-height, 75vh); 4451 overflow-y: auto; 4452 } 4453 4454 @media (min-width: 576px) { 4455 .navbar-expand-sm { 4456 flex-wrap: nowrap; 4457 justify-content: flex-start; 4458 } 4459 .navbar-expand-sm .navbar-nav { 4460 flex-direction: row; 4461 } 4462 .navbar-expand-sm .navbar-nav .dropdown-menu { 4463 position: absolute; 4464 } 4465 .navbar-expand-sm .navbar-nav .nav-link { 4466 padding-right: 0.5rem; 4467 padding-left: 0.5rem; 4468 } 4469 .navbar-expand-sm .navbar-nav-scroll { 4470 overflow: visible; 4471 } 4472 .navbar-expand-sm .navbar-collapse { 4473 display: flex !important; 4474 flex-basis: auto; 4475 } 4476 .navbar-expand-sm .navbar-toggler { 4477 display: none; 4478 } 4479 .navbar-expand-sm .offcanvas-header { 4480 display: none; 4481 } 4482 .navbar-expand-sm .offcanvas { 4483 position: inherit; 4484 bottom: 0; 4485 z-index: 1000; 4486 flex-grow: 1; 4487 visibility: visible !important; 4488 background-color: transparent; 4489 border-right: 0; 4490 border-left: 0; 4491 transition: none; 4492 -webkit-transform: none; 4493 transform: none; 4494 } 4495 .navbar-expand-sm .offcanvas-top, 4496 .navbar-expand-sm .offcanvas-bottom { 4497 height: auto; 4498 border-top: 0; 4499 border-bottom: 0; 4500 } 4501 .navbar-expand-sm .offcanvas-body { 4502 display: flex; 4503 flex-grow: 0; 4504 padding: 0; 4505 overflow-y: visible; 4506 } 4507 } 4508 @media (min-width: 768px) { 4509 .navbar-expand-md { 4510 flex-wrap: nowrap; 4511 justify-content: flex-start; 4512 } 4513 .navbar-expand-md .navbar-nav { 4514 flex-direction: row; 4515 } 4516 .navbar-expand-md .navbar-nav .dropdown-menu { 4517 position: absolute; 4518 } 4519 .navbar-expand-md .navbar-nav .nav-link { 4520 padding-right: 0.5rem; 4521 padding-left: 0.5rem; 4522 } 4523 .navbar-expand-md .navbar-nav-scroll { 4524 overflow: visible; 4525 } 4526 .navbar-expand-md .navbar-collapse { 4527 display: flex !important; 4528 flex-basis: auto; 4529 } 4530 .navbar-expand-md .navbar-toggler { 4531 display: none; 4532 } 4533 .navbar-expand-md .offcanvas-header { 4534 display: none; 4535 } 4536 .navbar-expand-md .offcanvas { 4537 position: inherit; 4538 bottom: 0; 4539 z-index: 1000; 4540 flex-grow: 1; 4541 visibility: visible !important; 4542 background-color: transparent; 4543 border-right: 0; 4544 border-left: 0; 4545 transition: none; 4546 -webkit-transform: none; 4547 transform: none; 4548 } 4549 .navbar-expand-md .offcanvas-top, 4550 .navbar-expand-md .offcanvas-bottom { 4551 height: auto; 4552 border-top: 0; 4553 border-bottom: 0; 4554 } 4555 .navbar-expand-md .offcanvas-body { 4556 display: flex; 4557 flex-grow: 0; 4558 padding: 0; 4559 overflow-y: visible; 4560 } 4561 } 4562 @media (min-width: 992px) { 4563 .navbar-expand-lg { 4564 flex-wrap: nowrap; 4565 justify-content: flex-start; 4566 } 4567 .navbar-expand-lg .navbar-nav { 4568 flex-direction: row; 4569 } 4570 .navbar-expand-lg .navbar-nav .dropdown-menu { 4571 position: absolute; 4572 } 4573 .navbar-expand-lg .navbar-nav .nav-link { 4574 padding-right: 0.5rem; 4575 padding-left: 0.5rem; 4576 } 4577 .navbar-expand-lg .navbar-nav-scroll { 4578 overflow: visible; 4579 } 4580 .navbar-expand-lg .navbar-collapse { 4581 display: flex !important; 4582 flex-basis: auto; 4583 } 4584 .navbar-expand-lg .navbar-toggler { 4585 display: none; 4586 } 4587 .navbar-expand-lg .offcanvas-header { 4588 display: none; 4589 } 4590 .navbar-expand-lg .offcanvas { 4591 position: inherit; 4592 bottom: 0; 4593 z-index: 1000; 4594 flex-grow: 1; 4595 visibility: visible !important; 4596 background-color: transparent; 4597 border-right: 0; 4598 border-left: 0; 4599 transition: none; 4600 -webkit-transform: none; 4601 transform: none; 4602 } 4603 .navbar-expand-lg .offcanvas-top, 4604 .navbar-expand-lg .offcanvas-bottom { 4605 height: auto; 4606 border-top: 0; 4607 border-bottom: 0; 4608 } 4609 .navbar-expand-lg .offcanvas-body { 4610 display: flex; 4611 flex-grow: 0; 4612 padding: 0; 4613 overflow-y: visible; 4614 } 4615 } 4616 @media (min-width: 1200px) { 4617 .navbar-expand-xl { 4618 flex-wrap: nowrap; 4619 justify-content: flex-start; 4620 } 4621 .navbar-expand-xl .navbar-nav { 4622 flex-direction: row; 4623 } 4624 .navbar-expand-xl .navbar-nav .dropdown-menu { 4625 position: absolute; 4626 } 4627 .navbar-expand-xl .navbar-nav .nav-link { 4628 padding-right: 0.5rem; 4629 padding-left: 0.5rem; 4630 } 4631 .navbar-expand-xl .navbar-nav-scroll { 4632 overflow: visible; 4633 } 4634 .navbar-expand-xl .navbar-collapse { 4635 display: flex !important; 4636 flex-basis: auto; 4637 } 4638 .navbar-expand-xl .navbar-toggler { 4639 display: none; 4640 } 4641 .navbar-expand-xl .offcanvas-header { 4642 display: none; 4643 } 4644 .navbar-expand-xl .offcanvas { 4645 position: inherit; 4646 bottom: 0; 4647 z-index: 1000; 4648 flex-grow: 1; 4649 visibility: visible !important; 4650 background-color: transparent; 4651 border-right: 0; 4652 border-left: 0; 4653 transition: none; 4654 -webkit-transform: none; 4655 transform: none; 4656 } 4657 .navbar-expand-xl .offcanvas-top, 4658 .navbar-expand-xl .offcanvas-bottom { 4659 height: auto; 4660 border-top: 0; 4661 border-bottom: 0; 4662 } 4663 .navbar-expand-xl .offcanvas-body { 4664 display: flex; 4665 flex-grow: 0; 4666 padding: 0; 4667 overflow-y: visible; 4668 } 4669 } 4670 @media (min-width: 1400px) { 4671 .navbar-expand-xxl { 4672 flex-wrap: nowrap; 4673 justify-content: flex-start; 4674 } 4675 .navbar-expand-xxl .navbar-nav { 4676 flex-direction: row; 4677 } 4678 .navbar-expand-xxl .navbar-nav .dropdown-menu { 4679 position: absolute; 4680 } 4681 .navbar-expand-xxl .navbar-nav .nav-link { 4682 padding-right: 0.5rem; 4683 padding-left: 0.5rem; 4684 } 4685 .navbar-expand-xxl .navbar-nav-scroll { 4686 overflow: visible; 4687 } 4688 .navbar-expand-xxl .navbar-collapse { 4689 display: flex !important; 4690 flex-basis: auto; 4691 } 4692 .navbar-expand-xxl .navbar-toggler { 4693 display: none; 4694 } 4695 .navbar-expand-xxl .offcanvas-header { 4696 display: none; 4697 } 4698 .navbar-expand-xxl .offcanvas { 4699 position: inherit; 4700 bottom: 0; 4701 z-index: 1000; 4702 flex-grow: 1; 4703 visibility: visible !important; 4704 background-color: transparent; 4705 border-right: 0; 4706 border-left: 0; 4707 transition: none; 4708 -webkit-transform: none; 4709 transform: none; 4710 } 4711 .navbar-expand-xxl .offcanvas-top, 4712 .navbar-expand-xxl .offcanvas-bottom { 4713 height: auto; 4714 border-top: 0; 4715 border-bottom: 0; 4716 } 4717 .navbar-expand-xxl .offcanvas-body { 4718 display: flex; 4719 flex-grow: 0; 4720 padding: 0; 4721 overflow-y: visible; 4722 } 4723 } 4724 .navbar-expand { 4725 flex-wrap: nowrap; 4726 justify-content: flex-start; 4727 } 4728 .navbar-expand .navbar-nav { 4729 flex-direction: row; 4730 } 4731 .navbar-expand .navbar-nav .dropdown-menu { 4732 position: absolute; 4733 } 4734 .navbar-expand .navbar-nav .nav-link { 4735 padding-right: 0.5rem; 4736 padding-left: 0.5rem; 4737 } 4738 .navbar-expand .navbar-nav-scroll { 4739 overflow: visible; 4740 } 4741 .navbar-expand .navbar-collapse { 4742 display: flex !important; 4743 flex-basis: auto; 4744 } 4745 .navbar-expand .navbar-toggler { 4746 display: none; 4747 } 4748 .navbar-expand .offcanvas-header { 4749 display: none; 4750 } 4751 .navbar-expand .offcanvas { 4752 position: inherit; 4753 bottom: 0; 4754 z-index: 1000; 4755 flex-grow: 1; 4756 visibility: visible !important; 4757 background-color: transparent; 4758 border-right: 0; 4759 border-left: 0; 4760 transition: none; 4761 -webkit-transform: none; 4762 transform: none; 4763 } 4764 .navbar-expand .offcanvas-top, 4765 .navbar-expand .offcanvas-bottom { 4766 height: auto; 4767 border-top: 0; 4768 border-bottom: 0; 4769 } 4770 .navbar-expand .offcanvas-body { 4771 display: flex; 4772 flex-grow: 0; 4773 padding: 0; 4774 overflow-y: visible; 4775 } 4776 4777 .navbar-light .navbar-brand { 4778 color: rgba(0, 0, 0, 0.9); 4779 } 4780 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { 4781 color: rgba(0, 0, 0, 0.9); 4782 } 4783 .navbar-light .navbar-nav .nav-link { 4784 color: rgba(0, 0, 0, 0.55); 4785 } 4786 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { 4787 color: rgba(0, 0, 0, 0.7); 4788 } 4789 .navbar-light .navbar-nav .nav-link.disabled { 4790 color: rgba(0, 0, 0, 0.3); 4791 } 4792 .navbar-light .navbar-nav .show > .nav-link, 4793 .navbar-light .navbar-nav .nav-link.active { 4794 color: rgba(0, 0, 0, 0.9); 4795 } 4796 .navbar-light .navbar-toggler { 4797 color: rgba(0, 0, 0, 0.55); 4798 border-color: rgba(0, 0, 0, 0.1); 4799 } 4800 .navbar-light .navbar-toggler-icon { 4801 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 4802 } 4803 .navbar-light .navbar-text { 4804 color: rgba(0, 0, 0, 0.55); 4805 } 4806 .navbar-light .navbar-text a, 4807 .navbar-light .navbar-text a:hover, 4808 .navbar-light .navbar-text a:focus { 4809 color: rgba(0, 0, 0, 0.9); 4810 } 4811 4812 .navbar-dark .navbar-brand { 4813 color: #fff; 4814 } 4815 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { 4816 color: #fff; 4817 } 4818 .navbar-dark .navbar-nav .nav-link { 4819 color: rgba(255, 255, 255, 0.55); 4820 } 4821 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { 4822 color: rgba(255, 255, 255, 0.75); 4823 } 4824 .navbar-dark .navbar-nav .nav-link.disabled { 4825 color: rgba(255, 255, 255, 0.25); 4826 } 4827 .navbar-dark .navbar-nav .show > .nav-link, 4828 .navbar-dark .navbar-nav .nav-link.active { 4829 color: #fff; 4830 } 4831 .navbar-dark .navbar-toggler { 4832 color: rgba(255, 255, 255, 0.55); 4833 border-color: rgba(255, 255, 255, 0.1); 4834 } 4835 .navbar-dark .navbar-toggler-icon { 4836 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 4837 } 4838 .navbar-dark .navbar-text { 4839 color: rgba(255, 255, 255, 0.55); 4840 } 4841 .navbar-dark .navbar-text a, 4842 .navbar-dark .navbar-text a:hover, 4843 .navbar-dark .navbar-text a:focus { 4844 color: #fff; 4845 } 4846 4847 .card { 4848 position: relative; 4849 display: flex; 4850 flex-direction: column; 4851 min-width: 0; 4852 word-wrap: break-word; 4853 background-color: #fff; 4854 background-clip: border-box; 4855 border: 0 solid transparent; 4856 border-radius: 0.25rem; 4857 } 4858 .card > hr { 4859 margin-right: 0; 4860 margin-left: 0; 4861 } 4862 .card > .list-group { 4863 border-top: inherit; 4864 border-bottom: inherit; 4865 } 4866 .card > .list-group:first-child { 4867 border-top-width: 0; 4868 border-top-left-radius: 0.25rem; 4869 border-top-right-radius: 0.25rem; 4870 } 4871 .card > .list-group:last-child { 4872 border-bottom-width: 0; 4873 border-bottom-right-radius: 0.25rem; 4874 border-bottom-left-radius: 0.25rem; 4875 } 4876 .card > .card-header + .list-group, 4877 .card > .list-group + .card-footer { 4878 border-top: 0; 4879 } 4880 4881 .card-body { 4882 flex: 1 1 auto; 4883 padding: 1rem 1rem; 4884 } 4885 4886 .card-title { 4887 margin-bottom: 0.5rem; 4888 } 4889 4890 .card-subtitle { 4891 margin-top: -0.25rem; 4892 margin-bottom: 0; 4893 } 4894 4895 .card-text:last-child { 4896 margin-bottom: 0; 4897 } 4898 4899 .card-link + .card-link { 4900 margin-left: 1rem; 4901 } 4902 4903 .card-header { 4904 padding: 0.5rem 1rem; 4905 margin-bottom: 0; 4906 background-color: rgba(0, 0, 0, 0.03); 4907 border-bottom: 0 solid transparent; 4908 } 4909 .card-header:first-child { 4910 border-radius: 0.25rem 0.25rem 0 0; 4911 } 4912 4913 .card-footer { 4914 padding: 0.5rem 1rem; 4915 background-color: rgba(0, 0, 0, 0.03); 4916 border-top: 0 solid transparent; 4917 } 4918 .card-footer:last-child { 4919 border-radius: 0 0 0.25rem 0.25rem; 4920 } 4921 4922 .card-header-tabs { 4923 margin-right: -0.5rem; 4924 margin-bottom: -0.5rem; 4925 margin-left: -0.5rem; 4926 border-bottom: 0; 4927 } 4928 4929 .card-header-pills { 4930 margin-right: -0.5rem; 4931 margin-left: -0.5rem; 4932 } 4933 4934 .card-img-overlay { 4935 position: absolute; 4936 top: 0; 4937 right: 0; 4938 bottom: 0; 4939 left: 0; 4940 padding: 1rem; 4941 border-radius: 0.25rem; 4942 } 4943 4944 .card-img, 4945 .card-img-top, 4946 .card-img-bottom { 4947 width: 100%; 4948 } 4949 4950 .card-img, 4951 .card-img-top { 4952 border-top-left-radius: 0.25rem; 4953 border-top-right-radius: 0.25rem; 4954 } 4955 4956 .card-img, 4957 .card-img-bottom { 4958 border-bottom-right-radius: 0.25rem; 4959 border-bottom-left-radius: 0.25rem; 4960 } 4961 4962 .card-group > .card { 4963 margin-bottom: 1rem; 4964 } 4965 @media (min-width: 576px) { 4966 .card-group { 4967 display: flex; 4968 flex-flow: row wrap; 4969 } 4970 .card-group > .card { 4971 flex: 1 0 0%; 4972 margin-bottom: 0; 4973 } 4974 .card-group > .card + .card { 4975 margin-left: 0; 4976 border-left: 0; 4977 } 4978 .card-group > .card:not(:last-child) { 4979 border-top-right-radius: 0; 4980 border-bottom-right-radius: 0; 4981 } 4982 .card-group > .card:not(:last-child) .card-img-top, 4983 .card-group > .card:not(:last-child) .card-header { 4984 border-top-right-radius: 0; 4985 } 4986 .card-group > .card:not(:last-child) .card-img-bottom, 4987 .card-group > .card:not(:last-child) .card-footer { 4988 border-bottom-right-radius: 0; 4989 } 4990 .card-group > .card:not(:first-child) { 4991 border-top-left-radius: 0; 4992 border-bottom-left-radius: 0; 4993 } 4994 .card-group > .card:not(:first-child) .card-img-top, 4995 .card-group > .card:not(:first-child) .card-header { 4996 border-top-left-radius: 0; 4997 } 4998 .card-group > .card:not(:first-child) .card-img-bottom, 4999 .card-group > .card:not(:first-child) .card-footer { 5000 border-bottom-left-radius: 0; 5001 } 5002 } 5003 5004 .breadcrumb { 5005 display: flex; 5006 flex-wrap: wrap; 5007 padding: 0 0; 5008 margin-bottom: 1rem; 5009 list-style: none; 5010 background-color: var(--white); 5011 } 5012 5013 .breadcrumb-item + .breadcrumb-item { 5014 padding-left: 0.5rem; 5015 } 5016 .breadcrumb-item + .breadcrumb-item::before { 5017 float: left; 5018 padding-right: 0.5rem; 5019 color: #666e76; 5020 content: var(--breadcrumb-divider, "/") /* rtl: var(--breadcrumb-divider, "/") */; 5021 } 5022 .breadcrumb-item.active { 5023 color: #666e76; 5024 } 5025 5026 .pagination { 5027 display: flex; 5028 padding-left: 0; 5029 list-style: none; 5030 } 5031 5032 .page-link { 5033 position: relative; 5034 display: block; 5035 color: var(--template-link-color); 5036 background-color: #fff; 5037 border: 1px solid #dee2e6; 5038 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 5039 } 5040 @media (prefers-reduced-motion: reduce) { 5041 .page-link { 5042 transition: none; 5043 } 5044 } 5045 .page-link:hover { 5046 z-index: 2; 5047 color: var(--template-link-hover-color); 5048 background-color: #e8e8e8; 5049 border-color: #dee2e6; 5050 } 5051 .page-link:focus { 5052 z-index: 3; 5053 color: var(--template-link-hover-color); 5054 background-color: #e8e8e8; 5055 outline: 0; 5056 box-shadow: 0 0 0 0.25rem rgba(42, 105, 183, 0.25); 5057 } 5058 5059 .page-item:not(:first-child) .page-link { 5060 margin-left: -1px; 5061 } 5062 .page-item.active .page-link { 5063 z-index: 3; 5064 color: #fff; 5065 background-color: #2a69b7; 5066 border-color: #2a69b7; 5067 } 5068 .page-item.disabled .page-link { 5069 color: #666e76; 5070 pointer-events: none; 5071 background-color: #fff; 5072 border-color: #dee2e6; 5073 } 5074 5075 .page-link { 5076 padding: 0.375rem 0.75rem; 5077 } 5078 5079 .page-item:first-child .page-link { 5080 border-top-left-radius: 0.25rem; 5081 border-bottom-left-radius: 0.25rem; 5082 } 5083 .page-item:last-child .page-link { 5084 border-top-right-radius: 0.25rem; 5085 border-bottom-right-radius: 0.25rem; 5086 } 5087 5088 .pagination-lg .page-link { 5089 padding: 0.75rem 1.5rem; 5090 font-size: 1.25rem; 5091 } 5092 .pagination-lg .page-item:first-child .page-link { 5093 border-top-left-radius: 0.3rem; 5094 border-bottom-left-radius: 0.3rem; 5095 } 5096 .pagination-lg .page-item:last-child .page-link { 5097 border-top-right-radius: 0.3rem; 5098 border-bottom-right-radius: 0.3rem; 5099 } 5100 5101 .pagination-sm .page-link { 5102 padding: 0.25rem 0.5rem; 5103 font-size: 0.8rem; 5104 } 5105 .pagination-sm .page-item:first-child .page-link { 5106 border-top-left-radius: 0.2rem; 5107 border-bottom-left-radius: 0.2rem; 5108 } 5109 .pagination-sm .page-item:last-child .page-link { 5110 border-top-right-radius: 0.2rem; 5111 border-bottom-right-radius: 0.2rem; 5112 } 5113 5114 .badge { 5115 display: inline-block; 5116 padding: 0.3rem 0.2rem; 5117 font-size: 0.75rem; 5118 font-weight: 700; 5119 line-height: 1; 5120 color: #fff; 5121 text-align: center; 5122 white-space: nowrap; 5123 vertical-align: baseline; 5124 border-radius: 0.2rem; 5125 } 5126 .badge:empty { 5127 display: none; 5128 } 5129 5130 .btn .badge { 5131 position: relative; 5132 top: -1px; 5133 } 5134 5135 .alert { 5136 position: relative; 5137 padding: 1rem 1rem; 5138 margin-bottom: 1rem; 5139 border: 1px solid transparent; 5140 border-radius: 0.25rem; 5141 } 5142 5143 .alert-heading { 5144 color: inherit; 5145 } 5146 5147 .alert-link { 5148 font-weight: 700; 5149 } 5150 5151 .alert-dismissible { 5152 padding-right: 3rem; 5153 } 5154 .alert-dismissible .btn-close { 5155 position: absolute; 5156 top: 0; 5157 right: 0; 5158 z-index: 2; 5159 padding: 1.25rem 1rem; 5160 } 5161 5162 .alert-primary { 5163 color: #0b1c32; 5164 background-color: #d0d5dd; 5165 border-color: #b8c1cb; 5166 } 5167 .alert-primary .alert-link { 5168 color: #091628; 5169 } 5170 5171 .alert-secondary { 5172 color: #2c3034; 5173 background-color: #dbdcdd; 5174 border-color: #c8cbcd; 5175 } 5176 .alert-secondary .alert-link { 5177 color: #23262a; 5178 } 5179 5180 .alert-success { 5181 color: #294b32; 5182 background-color: #dae5dd; 5183 border-color: #c7d8cc; 5184 } 5185 .alert-success .alert-link { 5186 color: #213c28; 5187 } 5188 5189 .alert-info { 5190 color: #193f6e; 5191 background-color: #d4e1f1; 5192 border-color: #bfd2ea; 5193 } 5194 .alert-info .alert-link { 5195 color: #143258; 5196 } 5197 5198 .alert-warning { 5199 color: #664808; 5200 background-color: #fff0d0; 5201 border-color: #ffe9b9; 5202 } 5203 .alert-warning .alert-link { 5204 color: #523a06; 5205 } 5206 5207 .alert-danger { 5208 color: #761817; 5209 background-color: #f3d4d4; 5210 border-color: #eebfbe; 5211 } 5212 .alert-danger .alert-link { 5213 color: #5e1312; 5214 } 5215 5216 .alert-light { 5217 color: #636464; 5218 background-color: #fefefe; 5219 border-color: #fdfdfe; 5220 } 5221 .alert-light .alert-link { 5222 color: #4f5050; 5223 } 5224 5225 .alert-dark { 5226 color: #141619; 5227 background-color: #d3d3d4; 5228 border-color: #bcbebf; 5229 } 5230 .alert-dark .alert-link { 5231 color: #101214; 5232 } 5233 5234 .alert-action { 5235 color: #0b1c32; 5236 background-color: #d0d5dd; 5237 border-color: #b8c1cb; 5238 } 5239 .alert-action .alert-link { 5240 color: #091628; 5241 } 5242 5243 .alert-error { 5244 color: #230807; 5245 background-color: #d8cfce; 5246 border-color: #c4b6b6; 5247 } 5248 .alert-error .alert-link { 5249 color: #1c0606; 5250 } 5251 5252 .alert-alert-success { 5253 color: #091c14; 5254 background-color: #cfd5d3; 5255 border-color: #b7c1bc; 5256 } 5257 .alert-alert-success .alert-link { 5258 color: #071610; 5259 } 5260 5261 @-webkit-keyframes progress-bar-stripes { 5262 0% { 5263 background-position-x: 1rem; 5264 } 5265 } 5266 5267 @keyframes progress-bar-stripes { 5268 0% { 5269 background-position-x: 1rem; 5270 } 5271 } 5272 .progress { 5273 display: flex; 5274 height: 1rem; 5275 overflow: hidden; 5276 font-size: 0.75rem; 5277 background-color: #e8e8e8; 5278 border-radius: 0.25rem; 5279 } 5280 5281 .progress-bar { 5282 display: flex; 5283 flex-direction: column; 5284 justify-content: center; 5285 overflow: hidden; 5286 color: #fff; 5287 text-align: center; 5288 white-space: nowrap; 5289 background-color: #2a69b7; 5290 transition: width 0.6s ease; 5291 } 5292 @media (prefers-reduced-motion: reduce) { 5293 .progress-bar { 5294 transition: none; 5295 } 5296 } 5297 5298 .progress-bar-striped { 5299 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 5300 background-size: 1rem 1rem; 5301 } 5302 5303 .progress-bar-animated { 5304 -webkit-animation: 1s linear infinite progress-bar-stripes; 5305 animation: 1s linear infinite progress-bar-stripes; 5306 } 5307 @media (prefers-reduced-motion: reduce) { 5308 .progress-bar-animated { 5309 -webkit-animation: none; 5310 animation: none; 5311 } 5312 } 5313 5314 .list-group { 5315 display: flex; 5316 flex-direction: column; 5317 padding-left: 0; 5318 margin-bottom: 0; 5319 border-radius: 0.25rem; 5320 } 5321 5322 .list-group-numbered { 5323 list-style-type: none; 5324 counter-reset: section; 5325 } 5326 .list-group-numbered > li::before { 5327 content: counters(section, ".") ". "; 5328 counter-increment: section; 5329 } 5330 5331 .list-group-item-action { 5332 width: 100%; 5333 color: #495057; 5334 text-align: inherit; 5335 } 5336 .list-group-item-action:hover, .list-group-item-action:focus { 5337 z-index: 1; 5338 color: #495057; 5339 text-decoration: none; 5340 background-color: #f8f9fa; 5341 } 5342 .list-group-item-action:active { 5343 color: #212529; 5344 background-color: #e8e8e8; 5345 } 5346 5347 .list-group-item { 5348 position: relative; 5349 display: block; 5350 padding: 0.75rem 1rem; 5351 color: #212529; 5352 background-color: var(--white-offset); 5353 border: 1px solid hsl(var(--hue), 40%, 85%); 5354 } 5355 .list-group-item:first-child { 5356 border-top-left-radius: inherit; 5357 border-top-right-radius: inherit; 5358 } 5359 .list-group-item:last-child { 5360 border-bottom-right-radius: inherit; 5361 border-bottom-left-radius: inherit; 5362 } 5363 .list-group-item.disabled, .list-group-item:disabled { 5364 color: #666e76; 5365 pointer-events: none; 5366 background-color: var(--white-offset); 5367 } 5368 .list-group-item.active { 5369 z-index: 2; 5370 color: #fff; 5371 background-color: #2a69b7; 5372 border-color: #2a69b7; 5373 } 5374 .list-group-item + .list-group-item { 5375 border-top-width: 0; 5376 } 5377 .list-group-item + .list-group-item.active { 5378 margin-top: -1px; 5379 border-top-width: 1px; 5380 } 5381 5382 .list-group-horizontal { 5383 flex-direction: row; 5384 } 5385 .list-group-horizontal > .list-group-item:first-child { 5386 border-bottom-left-radius: 0.25rem; 5387 border-top-right-radius: 0; 5388 } 5389 .list-group-horizontal > .list-group-item:last-child { 5390 border-top-right-radius: 0.25rem; 5391 border-bottom-left-radius: 0; 5392 } 5393 .list-group-horizontal > .list-group-item.active { 5394 margin-top: 0; 5395 } 5396 .list-group-horizontal > .list-group-item + .list-group-item { 5397 border-top-width: 1px; 5398 border-left-width: 0; 5399 } 5400 .list-group-horizontal > .list-group-item + .list-group-item.active { 5401 margin-left: -1px; 5402 border-left-width: 1px; 5403 } 5404 5405 @media (min-width: 576px) { 5406 .list-group-horizontal-sm { 5407 flex-direction: row; 5408 } 5409 .list-group-horizontal-sm > .list-group-item:first-child { 5410 border-bottom-left-radius: 0.25rem; 5411 border-top-right-radius: 0; 5412 } 5413 .list-group-horizontal-sm > .list-group-item:last-child { 5414 border-top-right-radius: 0.25rem; 5415 border-bottom-left-radius: 0; 5416 } 5417 .list-group-horizontal-sm > .list-group-item.active { 5418 margin-top: 0; 5419 } 5420 .list-group-horizontal-sm > .list-group-item + .list-group-item { 5421 border-top-width: 1px; 5422 border-left-width: 0; 5423 } 5424 .list-group-horizontal-sm > .list-group-item + .list-group-item.active { 5425 margin-left: -1px; 5426 border-left-width: 1px; 5427 } 5428 } 5429 @media (min-width: 768px) { 5430 .list-group-horizontal-md { 5431 flex-direction: row; 5432 } 5433 .list-group-horizontal-md > .list-group-item:first-child { 5434 border-bottom-left-radius: 0.25rem; 5435 border-top-right-radius: 0; 5436 } 5437 .list-group-horizontal-md > .list-group-item:last-child { 5438 border-top-right-radius: 0.25rem; 5439 border-bottom-left-radius: 0; 5440 } 5441 .list-group-horizontal-md > .list-group-item.active { 5442 margin-top: 0; 5443 } 5444 .list-group-horizontal-md > .list-group-item + .list-group-item { 5445 border-top-width: 1px; 5446 border-left-width: 0; 5447 } 5448 .list-group-horizontal-md > .list-group-item + .list-group-item.active { 5449 margin-left: -1px; 5450 border-left-width: 1px; 5451 } 5452 } 5453 @media (min-width: 992px) { 5454 .list-group-horizontal-lg { 5455 flex-direction: row; 5456 } 5457 .list-group-horizontal-lg > .list-group-item:first-child { 5458 border-bottom-left-radius: 0.25rem; 5459 border-top-right-radius: 0; 5460 } 5461 .list-group-horizontal-lg > .list-group-item:last-child { 5462 border-top-right-radius: 0.25rem; 5463 border-bottom-left-radius: 0; 5464 } 5465 .list-group-horizontal-lg > .list-group-item.active { 5466 margin-top: 0; 5467 } 5468 .list-group-horizontal-lg > .list-group-item + .list-group-item { 5469 border-top-width: 1px; 5470 border-left-width: 0; 5471 } 5472 .list-group-horizontal-lg > .list-group-item + .list-group-item.active { 5473 margin-left: -1px; 5474 border-left-width: 1px; 5475 } 5476 } 5477 @media (min-width: 1200px) { 5478 .list-group-horizontal-xl { 5479 flex-direction: row; 5480 } 5481 .list-group-horizontal-xl > .list-group-item:first-child { 5482 border-bottom-left-radius: 0.25rem; 5483 border-top-right-radius: 0; 5484 } 5485 .list-group-horizontal-xl > .list-group-item:last-child { 5486 border-top-right-radius: 0.25rem; 5487 border-bottom-left-radius: 0; 5488 } 5489 .list-group-horizontal-xl > .list-group-item.active { 5490 margin-top: 0; 5491 } 5492 .list-group-horizontal-xl > .list-group-item + .list-group-item { 5493 border-top-width: 1px; 5494 border-left-width: 0; 5495 } 5496 .list-group-horizontal-xl > .list-group-item + .list-group-item.active { 5497 margin-left: -1px; 5498 border-left-width: 1px; 5499 } 5500 } 5501 @media (min-width: 1400px) { 5502 .list-group-horizontal-xxl { 5503 flex-direction: row; 5504 } 5505 .list-group-horizontal-xxl > .list-group-item:first-child { 5506 border-bottom-left-radius: 0.25rem; 5507 border-top-right-radius: 0; 5508 } 5509 .list-group-horizontal-xxl > .list-group-item:last-child { 5510 border-top-right-radius: 0.25rem; 5511 border-bottom-left-radius: 0; 5512 } 5513 .list-group-horizontal-xxl > .list-group-item.active { 5514 margin-top: 0; 5515 } 5516 .list-group-horizontal-xxl > .list-group-item + .list-group-item { 5517 border-top-width: 1px; 5518 border-left-width: 0; 5519 } 5520 .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { 5521 margin-left: -1px; 5522 border-left-width: 1px; 5523 } 5524 } 5525 .list-group-flush { 5526 border-radius: 0; 5527 } 5528 .list-group-flush > .list-group-item { 5529 border-width: 0 0 1px; 5530 } 5531 .list-group-flush > .list-group-item:last-child { 5532 border-bottom-width: 0; 5533 } 5534 5535 .list-group-item-primary { 5536 color: #0b1c32; 5537 background-color: #d0d5dd; 5538 } 5539 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { 5540 color: #0b1c32; 5541 background-color: #bbc0c7; 5542 } 5543 .list-group-item-primary.list-group-item-action.active { 5544 color: #fff; 5545 background-color: #0b1c32; 5546 border-color: #0b1c32; 5547 } 5548 5549 .list-group-item-secondary { 5550 color: #2c3034; 5551 background-color: #dbdcdd; 5552 } 5553 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { 5554 color: #2c3034; 5555 background-color: #c5c6c7; 5556 } 5557 .list-group-item-secondary.list-group-item-action.active { 5558 color: #fff; 5559 background-color: #2c3034; 5560 border-color: #2c3034; 5561 } 5562 5563 .list-group-item-success { 5564 color: #294b32; 5565 background-color: #dae5dd; 5566 } 5567 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { 5568 color: #294b32; 5569 background-color: #c4cec7; 5570 } 5571 .list-group-item-success.list-group-item-action.active { 5572 color: #fff; 5573 background-color: #294b32; 5574 border-color: #294b32; 5575 } 5576 5577 .list-group-item-info { 5578 color: #193f6e; 5579 background-color: #d4e1f1; 5580 } 5581 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { 5582 color: #193f6e; 5583 background-color: #bfcbd9; 5584 } 5585 .list-group-item-info.list-group-item-action.active { 5586 color: #fff; 5587 background-color: #193f6e; 5588 border-color: #193f6e; 5589 } 5590 5591 .list-group-item-warning { 5592 color: #664808; 5593 background-color: #fff0d0; 5594 } 5595 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { 5596 color: #664808; 5597 background-color: #e6d8bb; 5598 } 5599 .list-group-item-warning.list-group-item-action.active { 5600 color: #fff; 5601 background-color: #664808; 5602 border-color: #664808; 5603 } 5604 5605 .list-group-item-danger { 5606 color: #761817; 5607 background-color: #f3d4d4; 5608 } 5609 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { 5610 color: #761817; 5611 background-color: #dbbfbf; 5612 } 5613 .list-group-item-danger.list-group-item-action.active { 5614 color: #fff; 5615 background-color: #761817; 5616 border-color: #761817; 5617 } 5618 5619 .list-group-item-light { 5620 color: #636464; 5621 background-color: #fefefe; 5622 } 5623 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { 5624 color: #636464; 5625 background-color: #e5e5e5; 5626 } 5627 .list-group-item-light.list-group-item-action.active { 5628 color: #fff; 5629 background-color: #636464; 5630 border-color: #636464; 5631 } 5632 5633 .list-group-item-dark { 5634 color: #141619; 5635 background-color: #d3d3d4; 5636 } 5637 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { 5638 color: #141619; 5639 background-color: #bebebf; 5640 } 5641 .list-group-item-dark.list-group-item-action.active { 5642 color: #fff; 5643 background-color: #141619; 5644 border-color: #141619; 5645 } 5646 5647 .list-group-item-action { 5648 color: #0b1c32; 5649 background-color: #d0d5dd; 5650 } 5651 .list-group-item-action.list-group-item-action:hover, .list-group-item-action.list-group-item-action:focus { 5652 color: #0b1c32; 5653 background-color: #bbc0c7; 5654 } 5655 .list-group-item-action.list-group-item-action.active { 5656 color: #fff; 5657 background-color: #0b1c32; 5658 border-color: #0b1c32; 5659 } 5660 5661 .list-group-item-error { 5662 color: #230807; 5663 background-color: #d8cfce; 5664 } 5665 .list-group-item-error.list-group-item-action:hover, .list-group-item-error.list-group-item-action:focus { 5666 color: #230807; 5667 background-color: #c2bab9; 5668 } 5669 .list-group-item-error.list-group-item-action.active { 5670 color: #fff; 5671 background-color: #230807; 5672 border-color: #230807; 5673 } 5674 5675 .list-group-item-alert-success { 5676 color: #091c14; 5677 background-color: #cfd5d3; 5678 } 5679 .list-group-item-alert-success.list-group-item-action:hover, .list-group-item-alert-success.list-group-item-action:focus { 5680 color: #091c14; 5681 background-color: #bac0be; 5682 } 5683 .list-group-item-alert-success.list-group-item-action.active { 5684 color: #fff; 5685 background-color: #091c14; 5686 border-color: #091c14; 5687 } 5688 5689 .btn-close { 5690 box-sizing: content-box; 5691 width: 1em; 5692 height: 1em; 5693 padding: 0.25em 0.25em; 5694 color: #000; 5695 background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; 5696 border: 0; 5697 border-radius: 0.25rem; 5698 opacity: 0.5; 5699 } 5700 .btn-close:hover { 5701 color: #000; 5702 text-decoration: none; 5703 opacity: 0.75; 5704 } 5705 .btn-close:focus { 5706 outline: 0; 5707 box-shadow: 0 0 0 0.25rem rgba(42, 105, 183, 0.25); 5708 opacity: 1; 5709 } 5710 .btn-close:disabled, .btn-close.disabled { 5711 pointer-events: none; 5712 -webkit-user-select: none; 5713 -moz-user-select: none; 5714 -ms-user-select: none; 5715 user-select: none; 5716 opacity: 0.25; 5717 } 5718 5719 .btn-close-white { 5720 -webkit-filter: invert(1) grayscale(100%) brightness(200%); 5721 filter: invert(1) grayscale(100%) brightness(200%); 5722 } 5723 5724 .modal { 5725 position: fixed; 5726 top: 0; 5727 left: 0; 5728 z-index: 1050; 5729 display: none; 5730 width: 100%; 5731 height: 100%; 5732 overflow-x: hidden; 5733 overflow-y: auto; 5734 outline: 0; 5735 } 5736 5737 .modal-dialog { 5738 position: relative; 5739 width: auto; 5740 margin: 0.5rem; 5741 pointer-events: none; 5742 } 5743 .modal.fade .modal-dialog { 5744 transition: -webkit-transform 0.3s ease-out; 5745 transition: transform 0.3s ease-out; 5746 transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; 5747 -webkit-transform: translate(0, -50px); 5748 transform: translate(0, -50px); 5749 } 5750 @media (prefers-reduced-motion: reduce) { 5751 .modal.fade .modal-dialog { 5752 transition: none; 5753 } 5754 } 5755 .modal.show .modal-dialog { 5756 -webkit-transform: none; 5757 transform: none; 5758 } 5759 .modal.modal-static .modal-dialog { 5760 -webkit-transform: scale(1.02); 5761 transform: scale(1.02); 5762 } 5763 5764 .modal-dialog-scrollable { 5765 height: calc(100% - 1rem); 5766 } 5767 .modal-dialog-scrollable .modal-content { 5768 max-height: 100%; 5769 overflow: hidden; 5770 } 5771 .modal-dialog-scrollable .modal-body { 5772 overflow-y: auto; 5773 } 5774 5775 .modal-dialog-centered { 5776 display: flex; 5777 align-items: center; 5778 min-height: calc(100% - 1rem); 5779 } 5780 5781 .modal-content { 5782 position: relative; 5783 display: flex; 5784 flex-direction: column; 5785 width: 100%; 5786 pointer-events: auto; 5787 background-color: #fff; 5788 background-clip: padding-box; 5789 border: 1px solid rgba(0, 0, 0, 0.2); 5790 border-radius: 0.3rem; 5791 outline: 0; 5792 } 5793 5794 .modal-backdrop { 5795 position: fixed; 5796 top: 0; 5797 left: 0; 5798 z-index: 1040; 5799 width: 100vw; 5800 height: 100vh; 5801 background-color: #000; 5802 } 5803 .modal-backdrop.fade { 5804 opacity: 0; 5805 } 5806 .modal-backdrop.show { 5807 opacity: 0.5; 5808 } 5809 5810 .modal-header { 5811 display: flex; 5812 flex-shrink: 0; 5813 align-items: center; 5814 justify-content: space-between; 5815 padding: 1rem 1rem; 5816 border-bottom: 1px solid #dee2e6; 5817 border-top-left-radius: calc(0.3rem - 1px); 5818 border-top-right-radius: calc(0.3rem - 1px); 5819 } 5820 .modal-header .btn-close { 5821 padding: 0.5rem 0.5rem; 5822 margin: -0.5rem -0.5rem -0.5rem auto; 5823 } 5824 5825 .modal-title { 5826 margin-bottom: 0; 5827 line-height: 1.5; 5828 } 5829 5830 .modal-body { 5831 position: relative; 5832 flex: 1 1 auto; 5833 padding: 1rem; 5834 } 5835 5836 .modal-footer { 5837 display: flex; 5838 flex-wrap: wrap; 5839 flex-shrink: 0; 5840 align-items: center; 5841 justify-content: flex-end; 5842 padding: 0.75rem; 5843 border-top: 1px solid #dee2e6; 5844 border-bottom-right-radius: calc(0.3rem - 1px); 5845 border-bottom-left-radius: calc(0.3rem - 1px); 5846 } 5847 .modal-footer > * { 5848 margin: 0.25rem; 5849 } 5850 5851 @media (min-width: 576px) { 5852 .modal-dialog { 5853 max-width: 500px; 5854 margin: 1.75rem auto; 5855 } 5856 5857 .modal-dialog-scrollable { 5858 height: calc(100% - 3.5rem); 5859 } 5860 5861 .modal-dialog-centered { 5862 min-height: calc(100% - 3.5rem); 5863 } 5864 5865 .modal-sm { 5866 max-width: 300px; 5867 } 5868 } 5869 @media (min-width: 992px) { 5870 .modal-lg, 5871 .modal-xl { 5872 max-width: 800px; 5873 } 5874 } 5875 @media (min-width: 1200px) { 5876 .modal-xl { 5877 max-width: 1140px; 5878 } 5879 } 5880 .modal-fullscreen { 5881 width: 100vw; 5882 max-width: none; 5883 height: 100%; 5884 margin: 0; 5885 } 5886 .modal-fullscreen .modal-content { 5887 height: 100%; 5888 border: 0; 5889 border-radius: 0; 5890 } 5891 .modal-fullscreen .modal-header { 5892 border-radius: 0; 5893 } 5894 .modal-fullscreen .modal-body { 5895 overflow-y: auto; 5896 } 5897 .modal-fullscreen .modal-footer { 5898 border-radius: 0; 5899 } 5900 5901 @media (max-width: 575.98px) { 5902 .modal-fullscreen-sm-down { 5903 width: 100vw; 5904 max-width: none; 5905 height: 100%; 5906 margin: 0; 5907 } 5908 .modal-fullscreen-sm-down .modal-content { 5909 height: 100%; 5910 border: 0; 5911 border-radius: 0; 5912 } 5913 .modal-fullscreen-sm-down .modal-header { 5914 border-radius: 0; 5915 } 5916 .modal-fullscreen-sm-down .modal-body { 5917 overflow-y: auto; 5918 } 5919 .modal-fullscreen-sm-down .modal-footer { 5920 border-radius: 0; 5921 } 5922 } 5923 @media (max-width: 767.98px) { 5924 .modal-fullscreen-md-down { 5925 width: 100vw; 5926 max-width: none; 5927 height: 100%; 5928 margin: 0; 5929 } 5930 .modal-fullscreen-md-down .modal-content { 5931 height: 100%; 5932 border: 0; 5933 border-radius: 0; 5934 } 5935 .modal-fullscreen-md-down .modal-header { 5936 border-radius: 0; 5937 } 5938 .modal-fullscreen-md-down .modal-body { 5939 overflow-y: auto; 5940 } 5941 .modal-fullscreen-md-down .modal-footer { 5942 border-radius: 0; 5943 } 5944 } 5945 @media (max-width: 991.98px) { 5946 .modal-fullscreen-lg-down { 5947 width: 100vw; 5948 max-width: none; 5949 height: 100%; 5950 margin: 0; 5951 } 5952 .modal-fullscreen-lg-down .modal-content { 5953 height: 100%; 5954 border: 0; 5955 border-radius: 0; 5956 } 5957 .modal-fullscreen-lg-down .modal-header { 5958 border-radius: 0; 5959 } 5960 .modal-fullscreen-lg-down .modal-body { 5961 overflow-y: auto; 5962 } 5963 .modal-fullscreen-lg-down .modal-footer { 5964 border-radius: 0; 5965 } 5966 } 5967 @media (max-width: 1199.98px) { 5968 .modal-fullscreen-xl-down { 5969 width: 100vw; 5970 max-width: none; 5971 height: 100%; 5972 margin: 0; 5973 } 5974 .modal-fullscreen-xl-down .modal-content { 5975 height: 100%; 5976 border: 0; 5977 border-radius: 0; 5978 } 5979 .modal-fullscreen-xl-down .modal-header { 5980 border-radius: 0; 5981 } 5982 .modal-fullscreen-xl-down .modal-body { 5983 overflow-y: auto; 5984 } 5985 .modal-fullscreen-xl-down .modal-footer { 5986 border-radius: 0; 5987 } 5988 } 5989 @media (max-width: 1399.98px) { 5990 .modal-fullscreen-xxl-down { 5991 width: 100vw; 5992 max-width: none; 5993 height: 100%; 5994 margin: 0; 5995 } 5996 .modal-fullscreen-xxl-down .modal-content { 5997 height: 100%; 5998 border: 0; 5999 border-radius: 0; 6000 } 6001 .modal-fullscreen-xxl-down .modal-header { 6002 border-radius: 0; 6003 } 6004 .modal-fullscreen-xxl-down .modal-body { 6005 overflow-y: auto; 6006 } 6007 .modal-fullscreen-xxl-down .modal-footer { 6008 border-radius: 0; 6009 } 6010 } 6011 .tooltip { 6012 position: absolute; 6013 z-index: 1070; 6014 display: block; 6015 margin: 0; 6016 font-family: var(--font-sans-serif); 6017 font-style: normal; 6018 font-weight: 400; 6019 line-height: 1.5; 6020 text-align: left; 6021 text-align: start; 6022 text-decoration: none; 6023 text-shadow: none; 6024 text-transform: none; 6025 letter-spacing: normal; 6026 word-break: normal; 6027 word-spacing: normal; 6028 white-space: normal; 6029 line-break: auto; 6030 font-size: 0.8rem; 6031 word-wrap: break-word; 6032 opacity: 0; 6033 } 6034 .tooltip.show { 6035 opacity: 0.9; 6036 } 6037 .tooltip .tooltip-arrow { 6038 position: absolute; 6039 display: block; 6040 width: 0.8rem; 6041 height: 0.4rem; 6042 } 6043 .tooltip .tooltip-arrow::before { 6044 position: absolute; 6045 content: ""; 6046 border-color: transparent; 6047 border-style: solid; 6048 } 6049 6050 .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { 6051 padding: 0.4rem 0; 6052 } 6053 .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { 6054 bottom: 0; 6055 } 6056 .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { 6057 top: -1px; 6058 border-width: 0.4rem 0.4rem 0; 6059 border-top-color: #000; 6060 } 6061 6062 .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { 6063 padding: 0 0.4rem; 6064 } 6065 .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { 6066 left: 0; 6067 width: 0.4rem; 6068 height: 0.8rem; 6069 } 6070 .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { 6071 right: -1px; 6072 border-width: 0.4rem 0.4rem 0.4rem 0; 6073 border-right-color: #000; 6074 } 6075 6076 .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { 6077 padding: 0.4rem 0; 6078 } 6079 .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { 6080 top: 0; 6081 } 6082 .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { 6083 bottom: -1px; 6084 border-width: 0 0.4rem 0.4rem; 6085 border-bottom-color: #000; 6086 } 6087 6088 .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { 6089 padding: 0 0.4rem; 6090 } 6091 .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { 6092 right: 0; 6093 width: 0.4rem; 6094 height: 0.8rem; 6095 } 6096 .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { 6097 left: -1px; 6098 border-width: 0.4rem 0 0.4rem 0.4rem; 6099 border-left-color: #000; 6100 } 6101 6102 .tooltip-inner { 6103 max-width: 200px; 6104 padding: 0.25rem 0.5rem; 6105 color: #fff; 6106 text-align: center; 6107 background-color: #000; 6108 border-radius: 0.25rem; 6109 } 6110 6111 .popover { 6112 position: absolute; 6113 top: 0; 6114 left: 0 /* rtl:ignore */; 6115 z-index: 1060; 6116 display: block; 6117 max-width: 276px; 6118 font-family: var(--font-sans-serif); 6119 font-style: normal; 6120 font-weight: 400; 6121 line-height: 1.5; 6122 text-align: left; 6123 text-align: start; 6124 text-decoration: none; 6125 text-shadow: none; 6126 text-transform: none; 6127 letter-spacing: normal; 6128 word-break: normal; 6129 word-spacing: normal; 6130 white-space: normal; 6131 line-break: auto; 6132 font-size: 0.8rem; 6133 word-wrap: break-word; 6134 background-color: #fff; 6135 background-clip: padding-box; 6136 border: 1px solid rgba(0, 0, 0, 0.2); 6137 border-radius: 0.3rem; 6138 } 6139 .popover .popover-arrow { 6140 position: absolute; 6141 display: block; 6142 width: 1rem; 6143 height: 0.5rem; 6144 } 6145 .popover .popover-arrow::before, .popover .popover-arrow::after { 6146 position: absolute; 6147 display: block; 6148 content: ""; 6149 border-color: transparent; 6150 border-style: solid; 6151 } 6152 6153 .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { 6154 bottom: calc(-0.5rem - 1px); 6155 } 6156 .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { 6157 bottom: 0; 6158 border-width: 0.5rem 0.5rem 0; 6159 border-top-color: rgba(0, 0, 0, 0.25); 6160 } 6161 .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { 6162 bottom: 1px; 6163 border-width: 0.5rem 0.5rem 0; 6164 border-top-color: #fff; 6165 } 6166 6167 .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { 6168 left: calc(-0.5rem - 1px); 6169 width: 0.5rem; 6170 height: 1rem; 6171 } 6172 .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { 6173 left: 0; 6174 border-width: 0.5rem 0.5rem 0.5rem 0; 6175 border-right-color: rgba(0, 0, 0, 0.25); 6176 } 6177 .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { 6178 left: 1px; 6179 border-width: 0.5rem 0.5rem 0.5rem 0; 6180 border-right-color: #fff; 6181 } 6182 6183 .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { 6184 top: calc(-0.5rem - 1px); 6185 } 6186 .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { 6187 top: 0; 6188 border-width: 0 0.5rem 0.5rem 0.5rem; 6189 border-bottom-color: rgba(0, 0, 0, 0.25); 6190 } 6191 .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { 6192 top: 1px; 6193 border-width: 0 0.5rem 0.5rem 0.5rem; 6194 border-bottom-color: #fff; 6195 } 6196 .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { 6197 position: absolute; 6198 top: 0; 6199 left: 50%; 6200 display: block; 6201 width: 1rem; 6202 margin-left: -0.5rem; 6203 content: ""; 6204 border-bottom: 1px solid #f0f0f0; 6205 } 6206 6207 .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { 6208 right: calc(-0.5rem - 1px); 6209 width: 0.5rem; 6210 height: 1rem; 6211 } 6212 .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { 6213 right: 0; 6214 border-width: 0.5rem 0 0.5rem 0.5rem; 6215 border-left-color: rgba(0, 0, 0, 0.25); 6216 } 6217 .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { 6218 right: 1px; 6219 border-width: 0.5rem 0 0.5rem 0.5rem; 6220 border-left-color: #fff; 6221 } 6222 6223 .popover-header { 6224 padding: 0.5rem 1rem; 6225 margin-bottom: 0; 6226 font-size: 1rem; 6227 color: var(--template-bg-dark); 6228 background-color: #f0f0f0; 6229 border-bottom: 1px solid rgba(0, 0, 0, 0.2); 6230 border-top-left-radius: calc(0.3rem - 1px); 6231 border-top-right-radius: calc(0.3rem - 1px); 6232 } 6233 .popover-header:empty { 6234 display: none; 6235 } 6236 6237 .popover-body { 6238 padding: 1rem 1rem; 6239 color: #212529; 6240 } 6241 6242 .carousel { 6243 position: relative; 6244 } 6245 6246 .carousel.pointer-event { 6247 touch-action: pan-y; 6248 } 6249 6250 .carousel-inner { 6251 position: relative; 6252 width: 100%; 6253 overflow: hidden; 6254 } 6255 .carousel-inner::after { 6256 display: block; 6257 clear: both; 6258 content: ""; 6259 } 6260 6261 .carousel-item { 6262 position: relative; 6263 display: none; 6264 float: left; 6265 width: 100%; 6266 margin-right: -100%; 6267 -webkit-backface-visibility: hidden; 6268 backface-visibility: hidden; 6269 transition: -webkit-transform 0.6s ease-in-out; 6270 transition: transform 0.6s ease-in-out; 6271 transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; 6272 } 6273 @media (prefers-reduced-motion: reduce) { 6274 .carousel-item { 6275 transition: none; 6276 } 6277 } 6278 6279 .carousel-item.active, 6280 .carousel-item-next, 6281 .carousel-item-prev { 6282 display: block; 6283 } 6284 6285 /* rtl:begin:ignore */ 6286 .carousel-item-next:not(.carousel-item-start), 6287 .active.carousel-item-end { 6288 -webkit-transform: translateX(100%); 6289 transform: translateX(100%); 6290 } 6291 6292 .carousel-item-prev:not(.carousel-item-end), 6293 .active.carousel-item-start { 6294 -webkit-transform: translateX(-100%); 6295 transform: translateX(-100%); 6296 } 6297 6298 /* rtl:end:ignore */ 6299 .carousel-fade .carousel-item { 6300 opacity: 0; 6301 transition-property: opacity; 6302 -webkit-transform: none; 6303 transform: none; 6304 } 6305 .carousel-fade .carousel-item.active, 6306 .carousel-fade .carousel-item-next.carousel-item-start, 6307 .carousel-fade .carousel-item-prev.carousel-item-end { 6308 z-index: 1; 6309 opacity: 1; 6310 } 6311 .carousel-fade .active.carousel-item-start, 6312 .carousel-fade .active.carousel-item-end { 6313 z-index: 0; 6314 opacity: 0; 6315 transition: opacity 0s 0.6s; 6316 } 6317 @media (prefers-reduced-motion: reduce) { 6318 .carousel-fade .active.carousel-item-start, 6319 .carousel-fade .active.carousel-item-end { 6320 transition: none; 6321 } 6322 } 6323 6324 .carousel-control-prev, 6325 .carousel-control-next { 6326 position: absolute; 6327 top: 0; 6328 bottom: 0; 6329 z-index: 1; 6330 display: flex; 6331 align-items: center; 6332 justify-content: center; 6333 width: 15%; 6334 padding: 0; 6335 color: #fff; 6336 text-align: center; 6337 background: none; 6338 border: 0; 6339 opacity: 0.5; 6340 transition: opacity 0.15s ease; 6341 } 6342 @media (prefers-reduced-motion: reduce) { 6343 .carousel-control-prev, 6344 .carousel-control-next { 6345 transition: none; 6346 } 6347 } 6348 .carousel-control-prev:hover, .carousel-control-prev:focus, 6349 .carousel-control-next:hover, 6350 .carousel-control-next:focus { 6351 color: #fff; 6352 text-decoration: none; 6353 outline: 0; 6354 opacity: 0.9; 6355 } 6356 6357 .carousel-control-prev { 6358 left: 0; 6359 } 6360 6361 .carousel-control-next { 6362 right: 0; 6363 } 6364 6365 .carousel-control-prev-icon, 6366 .carousel-control-next-icon { 6367 display: inline-block; 6368 width: 2rem; 6369 height: 2rem; 6370 background-repeat: no-repeat; 6371 background-position: 50%; 6372 background-size: 100% 100%; 6373 } 6374 6375 /* rtl:options: { 6376 "autoRename": true, 6377 "stringMap":[ { 6378 "name" : "prev-next", 6379 "search" : "prev", 6380 "replace" : "next" 6381 } ] 6382 } */ 6383 .carousel-control-prev-icon { 6384 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); 6385 } 6386 6387 .carousel-control-next-icon { 6388 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 6389 } 6390 6391 .carousel-indicators { 6392 position: absolute; 6393 right: 0; 6394 bottom: 0; 6395 left: 0; 6396 z-index: 2; 6397 display: flex; 6398 justify-content: center; 6399 padding: 0; 6400 margin-right: 15%; 6401 margin-bottom: 1rem; 6402 margin-left: 15%; 6403 list-style: none; 6404 } 6405 .carousel-indicators [data-bs-target] { 6406 box-sizing: content-box; 6407 flex: 0 1 auto; 6408 width: 30px; 6409 height: 3px; 6410 padding: 0; 6411 margin-right: 3px; 6412 margin-left: 3px; 6413 text-indent: -999px; 6414 cursor: pointer; 6415 background-color: #fff; 6416 background-clip: padding-box; 6417 border: 0; 6418 border-top: 10px solid transparent; 6419 border-bottom: 10px solid transparent; 6420 opacity: 0.5; 6421 transition: opacity 0.6s ease; 6422 } 6423 @media (prefers-reduced-motion: reduce) { 6424 .carousel-indicators [data-bs-target] { 6425 transition: none; 6426 } 6427 } 6428 .carousel-indicators .active { 6429 opacity: 1; 6430 } 6431 6432 .carousel-caption { 6433 position: absolute; 6434 right: 15%; 6435 bottom: 1.25rem; 6436 left: 15%; 6437 padding-top: 1.25rem; 6438 padding-bottom: 1.25rem; 6439 color: #fff; 6440 text-align: center; 6441 } 6442 6443 .carousel-dark .carousel-control-prev-icon, 6444 .carousel-dark .carousel-control-next-icon { 6445 -webkit-filter: invert(1) grayscale(100); 6446 filter: invert(1) grayscale(100); 6447 } 6448 .carousel-dark .carousel-indicators [data-bs-target] { 6449 background-color: #000; 6450 } 6451 .carousel-dark .carousel-caption { 6452 color: #000; 6453 } 6454 6455 .align-baseline { 6456 vertical-align: baseline !important; 6457 } 6458 6459 .align-top { 6460 vertical-align: top !important; 6461 } 6462 6463 .align-middle { 6464 vertical-align: middle !important; 6465 } 6466 6467 .align-bottom { 6468 vertical-align: bottom !important; 6469 } 6470 6471 .align-text-bottom { 6472 vertical-align: text-bottom !important; 6473 } 6474 6475 .align-text-top { 6476 vertical-align: text-top !important; 6477 } 6478 6479 .float-start { 6480 float: left !important; 6481 } 6482 6483 .float-end { 6484 float: right !important; 6485 } 6486 6487 .float-none { 6488 float: none !important; 6489 } 6490 6491 .opacity-0 { 6492 opacity: 0 !important; 6493 } 6494 6495 .opacity-25 { 6496 opacity: 0.25 !important; 6497 } 6498 6499 .opacity-50 { 6500 opacity: 0.5 !important; 6501 } 6502 6503 .opacity-75 { 6504 opacity: 0.75 !important; 6505 } 6506 6507 .opacity-100 { 6508 opacity: 1 !important; 6509 } 6510 6511 .overflow-auto { 6512 overflow: auto !important; 6513 } 6514 6515 .overflow-hidden { 6516 overflow: hidden !important; 6517 } 6518 6519 .overflow-visible { 6520 overflow: visible !important; 6521 } 6522 6523 .overflow-scroll { 6524 overflow: scroll !important; 6525 } 6526 6527 .d-inline { 6528 display: inline !important; 6529 } 6530 6531 .d-inline-block { 6532 display: inline-block !important; 6533 } 6534 6535 .d-block { 6536 display: block !important; 6537 } 6538 6539 .d-grid { 6540 display: grid !important; 6541 } 6542 6543 .d-table { 6544 display: table !important; 6545 } 6546 6547 .d-table-row { 6548 display: table-row !important; 6549 } 6550 6551 .d-table-cell { 6552 display: table-cell !important; 6553 } 6554 6555 .d-flex { 6556 display: flex !important; 6557 } 6558 6559 .d-inline-flex { 6560 display: inline-flex !important; 6561 } 6562 6563 .d-none { 6564 display: none !important; 6565 } 6566 6567 .shadow { 6568 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; 6569 } 6570 6571 .shadow-sm { 6572 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; 6573 } 6574 6575 .shadow-lg { 6576 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; 6577 } 6578 6579 .shadow-none { 6580 box-shadow: none !important; 6581 } 6582 6583 .position-static { 6584 position: static !important; 6585 } 6586 6587 .position-relative { 6588 position: relative !important; 6589 } 6590 6591 .position-absolute { 6592 position: absolute !important; 6593 } 6594 6595 .position-fixed { 6596 position: fixed !important; 6597 } 6598 6599 .position-sticky { 6600 position: sticky !important; 6601 } 6602 6603 .top-0 { 6604 top: 0 !important; 6605 } 6606 6607 .top-50 { 6608 top: 50% !important; 6609 } 6610 6611 .top-100 { 6612 top: 100% !important; 6613 } 6614 6615 .bottom-0 { 6616 bottom: 0 !important; 6617 } 6618 6619 .bottom-50 { 6620 bottom: 50% !important; 6621 } 6622 6623 .bottom-100 { 6624 bottom: 100% !important; 6625 } 6626 6627 .start-0 { 6628 left: 0 !important; 6629 } 6630 6631 .start-50 { 6632 left: 50% !important; 6633 } 6634 6635 .start-100 { 6636 left: 100% !important; 6637 } 6638 6639 .end-0 { 6640 right: 0 !important; 6641 } 6642 6643 .end-50 { 6644 right: 50% !important; 6645 } 6646 6647 .end-100 { 6648 right: 100% !important; 6649 } 6650 6651 .translate-middle { 6652 -webkit-transform: translate(-50%, -50%) !important; 6653 transform: translate(-50%, -50%) !important; 6654 } 6655 6656 .translate-middle-x { 6657 -webkit-transform: translateX(-50%) !important; 6658 transform: translateX(-50%) !important; 6659 } 6660 6661 .translate-middle-y { 6662 -webkit-transform: translateY(-50%) !important; 6663 transform: translateY(-50%) !important; 6664 } 6665 6666 .border { 6667 border: 1px solid #dee2e6 !important; 6668 } 6669 6670 .border-0 { 6671 border: 0 !important; 6672 } 6673 6674 .border-top { 6675 border-top: 1px solid #dee2e6 !important; 6676 } 6677 6678 .border-top-0 { 6679 border-top: 0 !important; 6680 } 6681 6682 .border-end { 6683 border-right: 1px solid #dee2e6 !important; 6684 } 6685 6686 .border-end-0 { 6687 border-right: 0 !important; 6688 } 6689 6690 .border-bottom { 6691 border-bottom: 1px solid #dee2e6 !important; 6692 } 6693 6694 .border-bottom-0 { 6695 border-bottom: 0 !important; 6696 } 6697 6698 .border-start { 6699 border-left: 1px solid #dee2e6 !important; 6700 } 6701 6702 .border-start-0 { 6703 border-left: 0 !important; 6704 } 6705 6706 .border-primary { 6707 border-color: #132f53 !important; 6708 } 6709 6710 .border-secondary { 6711 border-color: #495057 !important; 6712 } 6713 6714 .border-success { 6715 border-color: #457d54 !important; 6716 } 6717 6718 .border-info { 6719 border-color: #2a69b8 !important; 6720 } 6721 6722 .border-warning { 6723 border-color: #ffb514 !important; 6724 } 6725 6726 .border-danger { 6727 border-color: #c52827 !important; 6728 } 6729 6730 .border-light { 6731 border-color: #f8f9fa !important; 6732 } 6733 6734 .border-dark { 6735 border-color: #212529 !important; 6736 } 6737 6738 .border-action { 6739 border-color: #132f53 !important; 6740 } 6741 6742 .border-error { 6743 border-color: #3b0d0c !important; 6744 } 6745 6746 .border-alert-success { 6747 border-color: #0f2f21 !important; 6748 } 6749 6750 .border-white { 6751 border-color: #fff !important; 6752 } 6753 6754 .border-1 { 6755 border-width: 1px !important; 6756 } 6757 6758 .border-2 { 6759 border-width: 2px !important; 6760 } 6761 6762 .border-3 { 6763 border-width: 3px !important; 6764 } 6765 6766 .border-4 { 6767 border-width: 4px !important; 6768 } 6769 6770 .border-5 { 6771 border-width: 5px !important; 6772 } 6773 6774 .w-25 { 6775 width: 25% !important; 6776 } 6777 6778 .w-50 { 6779 width: 50% !important; 6780 } 6781 6782 .w-75 { 6783 width: 75% !important; 6784 } 6785 6786 .w-100 { 6787 width: 100% !important; 6788 } 6789 6790 .w-auto { 6791 width: auto !important; 6792 } 6793 6794 .mw-100 { 6795 max-width: 100% !important; 6796 } 6797 6798 .vw-100 { 6799 width: 100vw !important; 6800 } 6801 6802 .min-vw-100 { 6803 min-width: 100vw !important; 6804 } 6805 6806 .h-25 { 6807 height: 25% !important; 6808 } 6809 6810 .h-50 { 6811 height: 50% !important; 6812 } 6813 6814 .h-75 { 6815 height: 75% !important; 6816 } 6817 6818 .h-100 { 6819 height: 100% !important; 6820 } 6821 6822 .h-auto { 6823 height: auto !important; 6824 } 6825 6826 .mh-100 { 6827 max-height: 100% !important; 6828 } 6829 6830 .vh-100 { 6831 height: 100vh !important; 6832 } 6833 6834 .min-vh-100 { 6835 min-height: 100vh !important; 6836 } 6837 6838 .flex-fill { 6839 flex: 1 1 auto !important; 6840 } 6841 6842 .flex-row { 6843 flex-direction: row !important; 6844 } 6845 6846 .flex-column { 6847 flex-direction: column !important; 6848 } 6849 6850 .flex-row-reverse { 6851 flex-direction: row-reverse !important; 6852 } 6853 6854 .flex-column-reverse { 6855 flex-direction: column-reverse !important; 6856 } 6857 6858 .flex-grow-0 { 6859 flex-grow: 0 !important; 6860 } 6861 6862 .flex-grow-1 { 6863 flex-grow: 1 !important; 6864 } 6865 6866 .flex-shrink-0 { 6867 flex-shrink: 0 !important; 6868 } 6869 6870 .flex-shrink-1 { 6871 flex-shrink: 1 !important; 6872 } 6873 6874 .flex-wrap { 6875 flex-wrap: wrap !important; 6876 } 6877 6878 .flex-nowrap { 6879 flex-wrap: nowrap !important; 6880 } 6881 6882 .flex-wrap-reverse { 6883 flex-wrap: wrap-reverse !important; 6884 } 6885 6886 .gap-0 { 6887 gap: 0 !important; 6888 } 6889 6890 .gap-1 { 6891 gap: 0.25rem !important; 6892 } 6893 6894 .gap-2 { 6895 gap: 0.5rem !important; 6896 } 6897 6898 .gap-3 { 6899 gap: 1rem !important; 6900 } 6901 6902 .gap-4 { 6903 gap: 1.5rem !important; 6904 } 6905 6906 .gap-5 { 6907 gap: 3rem !important; 6908 } 6909 6910 .justify-content-start { 6911 justify-content: flex-start !important; 6912 } 6913 6914 .justify-content-end { 6915 justify-content: flex-end !important; 6916 } 6917 6918 .justify-content-center { 6919 justify-content: center !important; 6920 } 6921 6922 .justify-content-between { 6923 justify-content: space-between !important; 6924 } 6925 6926 .justify-content-around { 6927 justify-content: space-around !important; 6928 } 6929 6930 .justify-content-evenly { 6931 justify-content: space-evenly !important; 6932 } 6933 6934 .align-items-start { 6935 align-items: flex-start !important; 6936 } 6937 6938 .align-items-end { 6939 align-items: flex-end !important; 6940 } 6941 6942 .align-items-center { 6943 align-items: center !important; 6944 } 6945 6946 .align-items-baseline { 6947 align-items: baseline !important; 6948 } 6949 6950 .align-items-stretch { 6951 align-items: stretch !important; 6952 } 6953 6954 .align-content-start { 6955 align-content: flex-start !important; 6956 } 6957 6958 .align-content-end { 6959 align-content: flex-end !important; 6960 } 6961 6962 .align-content-center { 6963 align-content: center !important; 6964 } 6965 6966 .align-content-between { 6967 align-content: space-between !important; 6968 } 6969 6970 .align-content-around { 6971 align-content: space-around !important; 6972 } 6973 6974 .align-content-stretch { 6975 align-content: stretch !important; 6976 } 6977 6978 .align-self-auto { 6979 align-self: auto !important; 6980 } 6981 6982 .align-self-start { 6983 align-self: flex-start !important; 6984 } 6985 6986 .align-self-end { 6987 align-self: flex-end !important; 6988 } 6989 6990 .align-self-center { 6991 align-self: center !important; 6992 } 6993 6994 .align-self-baseline { 6995 align-self: baseline !important; 6996 } 6997 6998 .align-self-stretch { 6999 align-self: stretch !important; 7000 } 7001 7002 .order-first { 7003 order: -1 !important; 7004 } 7005 7006 .order-0 { 7007 order: 0 !important; 7008 } 7009 7010 .order-1 { 7011 order: 1 !important; 7012 } 7013 7014 .order-2 { 7015 order: 2 !important; 7016 } 7017 7018 .order-3 { 7019 order: 3 !important; 7020 } 7021 7022 .order-4 { 7023 order: 4 !important; 7024 } 7025 7026 .order-5 { 7027 order: 5 !important; 7028 } 7029 7030 .order-last { 7031 order: 6 !important; 7032 } 7033 7034 .m-0 { 7035 margin: 0 !important; 7036 } 7037 7038 .m-1 { 7039 margin: 0.25rem !important; 7040 } 7041 7042 .m-2 { 7043 margin: 0.5rem !important; 7044 } 7045 7046 .m-3 { 7047 margin: 1rem !important; 7048 } 7049 7050 .m-4 { 7051 margin: 1.5rem !important; 7052 } 7053 7054 .m-5 { 7055 margin: 3rem !important; 7056 } 7057 7058 .m-auto { 7059 margin: auto !important; 7060 } 7061 7062 .mx-0 { 7063 margin-right: 0 !important; 7064 margin-left: 0 !important; 7065 } 7066 7067 .mx-1 { 7068 margin-right: 0.25rem !important; 7069 margin-left: 0.25rem !important; 7070 } 7071 7072 .mx-2 { 7073 margin-right: 0.5rem !important; 7074 margin-left: 0.5rem !important; 7075 } 7076 7077 .mx-3 { 7078 margin-right: 1rem !important; 7079 margin-left: 1rem !important; 7080 } 7081 7082 .mx-4 { 7083 margin-right: 1.5rem !important; 7084 margin-left: 1.5rem !important; 7085 } 7086 7087 .mx-5 { 7088 margin-right: 3rem !important; 7089 margin-left: 3rem !important; 7090 } 7091 7092 .mx-auto { 7093 margin-right: auto !important; 7094 margin-left: auto !important; 7095 } 7096 7097 .my-0 { 7098 margin-top: 0 !important; 7099 margin-bottom: 0 !important; 7100 } 7101 7102 .my-1 { 7103 margin-top: 0.25rem !important; 7104 margin-bottom: 0.25rem !important; 7105 } 7106 7107 .my-2 { 7108 margin-top: 0.5rem !important; 7109 margin-bottom: 0.5rem !important; 7110 } 7111 7112 .my-3 { 7113 margin-top: 1rem !important; 7114 margin-bottom: 1rem !important; 7115 } 7116 7117 .my-4 { 7118 margin-top: 1.5rem !important; 7119 margin-bottom: 1.5rem !important; 7120 } 7121 7122 .my-5 { 7123 margin-top: 3rem !important; 7124 margin-bottom: 3rem !important; 7125 } 7126 7127 .my-auto { 7128 margin-top: auto !important; 7129 margin-bottom: auto !important; 7130 } 7131 7132 .mt-0 { 7133 margin-top: 0 !important; 7134 } 7135 7136 .mt-1 { 7137 margin-top: 0.25rem !important; 7138 } 7139 7140 .mt-2 { 7141 margin-top: 0.5rem !important; 7142 } 7143 7144 .mt-3 { 7145 margin-top: 1rem !important; 7146 } 7147 7148 .mt-4 { 7149 margin-top: 1.5rem !important; 7150 } 7151 7152 .mt-5 { 7153 margin-top: 3rem !important; 7154 } 7155 7156 .mt-auto { 7157 margin-top: auto !important; 7158 } 7159 7160 .me-0 { 7161 margin-right: 0 !important; 7162 } 7163 7164 .me-1 { 7165 margin-right: 0.25rem !important; 7166 } 7167 7168 .me-2 { 7169 margin-right: 0.5rem !important; 7170 } 7171 7172 .me-3 { 7173 margin-right: 1rem !important; 7174 } 7175 7176 .me-4 { 7177 margin-right: 1.5rem !important; 7178 } 7179 7180 .me-5 { 7181 margin-right: 3rem !important; 7182 } 7183 7184 .me-auto { 7185 margin-right: auto !important; 7186 } 7187 7188 .mb-0 { 7189 margin-bottom: 0 !important; 7190 } 7191 7192 .mb-1 { 7193 margin-bottom: 0.25rem !important; 7194 } 7195 7196 .mb-2 { 7197 margin-bottom: 0.5rem !important; 7198 } 7199 7200 .mb-3, .form-group { 7201 margin-bottom: 1rem !important; 7202 } 7203 7204 .mb-4 { 7205 margin-bottom: 1.5rem !important; 7206 } 7207 7208 .mb-5 { 7209 margin-bottom: 3rem !important; 7210 } 7211 7212 .mb-auto { 7213 margin-bottom: auto !important; 7214 } 7215 7216 .ms-0 { 7217 margin-left: 0 !important; 7218 } 7219 7220 .ms-1 { 7221 margin-left: 0.25rem !important; 7222 } 7223 7224 .ms-2 { 7225 margin-left: 0.5rem !important; 7226 } 7227 7228 .ms-3 { 7229 margin-left: 1rem !important; 7230 } 7231 7232 .ms-4 { 7233 margin-left: 1.5rem !important; 7234 } 7235 7236 .ms-5 { 7237 margin-left: 3rem !important; 7238 } 7239 7240 .ms-auto { 7241 margin-left: auto !important; 7242 } 7243 7244 .p-0 { 7245 padding: 0 !important; 7246 } 7247 7248 .p-1 { 7249 padding: 0.25rem !important; 7250 } 7251 7252 .p-2 { 7253 padding: 0.5rem !important; 7254 } 7255 7256 .p-3 { 7257 padding: 1rem !important; 7258 } 7259 7260 .p-4 { 7261 padding: 1.5rem !important; 7262 } 7263 7264 .p-5 { 7265 padding: 3rem !important; 7266 } 7267 7268 .px-0 { 7269 padding-right: 0 !important; 7270 padding-left: 0 !important; 7271 } 7272 7273 .px-1 { 7274 padding-right: 0.25rem !important; 7275 padding-left: 0.25rem !important; 7276 } 7277 7278 .px-2 { 7279 padding-right: 0.5rem !important; 7280 padding-left: 0.5rem !important; 7281 } 7282 7283 .px-3 { 7284 padding-right: 1rem !important; 7285 padding-left: 1rem !important; 7286 } 7287 7288 .px-4 { 7289 padding-right: 1.5rem !important; 7290 padding-left: 1.5rem !important; 7291 } 7292 7293 .px-5 { 7294 padding-right: 3rem !important; 7295 padding-left: 3rem !important; 7296 } 7297 7298 .py-0 { 7299 padding-top: 0 !important; 7300 padding-bottom: 0 !important; 7301 } 7302 7303 .py-1 { 7304 padding-top: 0.25rem !important; 7305 padding-bottom: 0.25rem !important; 7306 } 7307 7308 .py-2 { 7309 padding-top: 0.5rem !important; 7310 padding-bottom: 0.5rem !important; 7311 } 7312 7313 .py-3 { 7314 padding-top: 1rem !important; 7315 padding-bottom: 1rem !important; 7316 } 7317 7318 .py-4 { 7319 padding-top: 1.5rem !important; 7320 padding-bottom: 1.5rem !important; 7321 } 7322 7323 .py-5 { 7324 padding-top: 3rem !important; 7325 padding-bottom: 3rem !important; 7326 } 7327 7328 .pt-0 { 7329 padding-top: 0 !important; 7330 } 7331 7332 .pt-1 { 7333 padding-top: 0.25rem !important; 7334 } 7335 7336 .pt-2 { 7337 padding-top: 0.5rem !important; 7338 } 7339 7340 .pt-3 { 7341 padding-top: 1rem !important; 7342 } 7343 7344 .pt-4 { 7345 padding-top: 1.5rem !important; 7346 } 7347 7348 .pt-5 { 7349 padding-top: 3rem !important; 7350 } 7351 7352 .pe-0 { 7353 padding-right: 0 !important; 7354 } 7355 7356 .pe-1 { 7357 padding-right: 0.25rem !important; 7358 } 7359 7360 .pe-2 { 7361 padding-right: 0.5rem !important; 7362 } 7363 7364 .pe-3 { 7365 padding-right: 1rem !important; 7366 } 7367 7368 .pe-4 { 7369 padding-right: 1.5rem !important; 7370 } 7371 7372 .pe-5 { 7373 padding-right: 3rem !important; 7374 } 7375 7376 .pb-0 { 7377 padding-bottom: 0 !important; 7378 } 7379 7380 .pb-1 { 7381 padding-bottom: 0.25rem !important; 7382 } 7383 7384 .pb-2 { 7385 padding-bottom: 0.5rem !important; 7386 } 7387 7388 .pb-3 { 7389 padding-bottom: 1rem !important; 7390 } 7391 7392 .pb-4 { 7393 padding-bottom: 1.5rem !important; 7394 } 7395 7396 .pb-5 { 7397 padding-bottom: 3rem !important; 7398 } 7399 7400 .ps-0 { 7401 padding-left: 0 !important; 7402 } 7403 7404 .ps-1 { 7405 padding-left: 0.25rem !important; 7406 } 7407 7408 .ps-2 { 7409 padding-left: 0.5rem !important; 7410 } 7411 7412 .ps-3 { 7413 padding-left: 1rem !important; 7414 } 7415 7416 .ps-4 { 7417 padding-left: 1.5rem !important; 7418 } 7419 7420 .ps-5 { 7421 padding-left: 3rem !important; 7422 } 7423 7424 .font-monospace { 7425 font-family: var(--font-monospace) !important; 7426 } 7427 7428 .fs-1 { 7429 font-size: calc(1.29rem + 0.48vw) !important; 7430 } 7431 7432 .fs-2 { 7433 font-size: calc(1.275rem + 0.3vw) !important; 7434 } 7435 7436 .fs-3 { 7437 font-size: 1.25rem !important; 7438 } 7439 7440 .fs-4 { 7441 font-size: 1rem !important; 7442 } 7443 7444 .fs-5 { 7445 font-size: 0.9286rem !important; 7446 } 7447 7448 .fs-6 { 7449 font-size: 0.8571rem !important; 7450 } 7451 7452 .fst-italic { 7453 font-style: italic !important; 7454 } 7455 7456 .fst-normal { 7457 font-style: normal !important; 7458 } 7459 7460 .fw-light { 7461 font-weight: 300 !important; 7462 } 7463 7464 .fw-lighter { 7465 font-weight: lighter !important; 7466 } 7467 7468 .fw-normal { 7469 font-weight: 400 !important; 7470 } 7471 7472 .fw-bold { 7473 font-weight: 700 !important; 7474 } 7475 7476 .fw-bolder { 7477 font-weight: bolder !important; 7478 } 7479 7480 .lh-1 { 7481 line-height: 1 !important; 7482 } 7483 7484 .lh-sm { 7485 line-height: 1.25 !important; 7486 } 7487 7488 .lh-base { 7489 line-height: 1.5 !important; 7490 } 7491 7492 .lh-lg { 7493 line-height: 2 !important; 7494 } 7495 7496 .text-start { 7497 text-align: left !important; 7498 } 7499 7500 .text-end { 7501 text-align: right !important; 7502 } 7503 7504 .text-center { 7505 text-align: center !important; 7506 } 7507 7508 .text-decoration-none { 7509 text-decoration: none !important; 7510 } 7511 7512 .text-decoration-underline { 7513 text-decoration: underline !important; 7514 } 7515 7516 .text-decoration-line-through { 7517 text-decoration: line-through !important; 7518 } 7519 7520 .text-lowercase { 7521 text-transform: lowercase !important; 7522 } 7523 7524 .text-uppercase { 7525 text-transform: uppercase !important; 7526 } 7527 7528 .text-capitalize { 7529 text-transform: capitalize !important; 7530 } 7531 7532 .text-wrap { 7533 white-space: normal !important; 7534 } 7535 7536 .text-nowrap { 7537 white-space: nowrap !important; 7538 } 7539 7540 /* rtl:begin:remove */ 7541 .text-break { 7542 word-wrap: break-word !important; 7543 word-break: break-word !important; 7544 } 7545 7546 /* rtl:end:remove */ 7547 .text-primary { 7548 --text-opacity: 1; 7549 color: rgba(var(--primary-rgb), var(--text-opacity)) !important; 7550 } 7551 7552 .text-secondary { 7553 --text-opacity: 1; 7554 color: rgba(var(--secondary-rgb), var(--text-opacity)) !important; 7555 } 7556 7557 .text-success { 7558 --text-opacity: 1; 7559 color: rgba(var(--success-rgb), var(--text-opacity)) !important; 7560 } 7561 7562 .text-info { 7563 --text-opacity: 1; 7564 color: rgba(var(--info-rgb), var(--text-opacity)) !important; 7565 } 7566 7567 .text-warning { 7568 --text-opacity: 1; 7569 color: rgba(var(--warning-rgb), var(--text-opacity)) !important; 7570 } 7571 7572 .text-danger { 7573 --text-opacity: 1; 7574 color: rgba(var(--danger-rgb), var(--text-opacity)) !important; 7575 } 7576 7577 .text-light { 7578 --text-opacity: 1; 7579 color: rgba(var(--light-rgb), var(--text-opacity)) !important; 7580 } 7581 7582 .text-dark { 7583 --text-opacity: 1; 7584 color: rgba(var(--dark-rgb), var(--text-opacity)) !important; 7585 } 7586 7587 .text-action { 7588 --text-opacity: 1; 7589 color: rgba(var(--action-rgb), var(--text-opacity)) !important; 7590 } 7591 7592 .text-error { 7593 --text-opacity: 1; 7594 color: rgba(var(--error-rgb), var(--text-opacity)) !important; 7595 } 7596 7597 .text-alert-success { 7598 --text-opacity: 1; 7599 color: rgba(var(--alert-success-rgb), var(--text-opacity)) !important; 7600 } 7601 7602 .text-black { 7603 --text-opacity: 1; 7604 color: rgba(var(--black-rgb), var(--text-opacity)) !important; 7605 } 7606 7607 .text-white { 7608 --text-opacity: 1; 7609 color: rgba(var(--white-rgb), var(--text-opacity)) !important; 7610 } 7611 7612 .text-body { 7613 --text-opacity: 1; 7614 color: rgba(var(--body-color-rgb), var(--text-opacity)) !important; 7615 } 7616 7617 .text-muted { 7618 --text-opacity: 1; 7619 color: #666e76 !important; 7620 } 7621 7622 .text-black-50 { 7623 --text-opacity: 1; 7624 color: rgba(0, 0, 0, 0.5) !important; 7625 } 7626 7627 .text-white-50 { 7628 --text-opacity: 1; 7629 color: rgba(255, 255, 255, 0.5) !important; 7630 } 7631 7632 .text-reset { 7633 --text-opacity: 1; 7634 color: inherit !important; 7635 } 7636 7637 .text-opacity-25 { 7638 --text-opacity: 0.25; 7639 } 7640 7641 .text-opacity-50 { 7642 --text-opacity: 0.5; 7643 } 7644 7645 .text-opacity-75 { 7646 --text-opacity: 0.75; 7647 } 7648 7649 .text-opacity-100 { 7650 --text-opacity: 1; 7651 } 7652 7653 .bg-primary { 7654 --bg-opacity: 1; 7655 background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important; 7656 } 7657 7658 .bg-secondary { 7659 --bg-opacity: 1; 7660 background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important; 7661 } 7662 7663 .bg-success { 7664 --bg-opacity: 1; 7665 background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important; 7666 } 7667 7668 .bg-info { 7669 --bg-opacity: 1; 7670 background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important; 7671 } 7672 7673 .bg-warning { 7674 --bg-opacity: 1; 7675 background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important; 7676 } 7677 7678 .bg-danger { 7679 --bg-opacity: 1; 7680 background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important; 7681 } 7682 7683 .bg-light { 7684 --bg-opacity: 1; 7685 background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important; 7686 } 7687 7688 .bg-dark { 7689 --bg-opacity: 1; 7690 background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important; 7691 } 7692 7693 .bg-action { 7694 --bg-opacity: 1; 7695 background-color: rgba(var(--action-rgb), var(--bg-opacity)) !important; 7696 } 7697 7698 .bg-error { 7699 --bg-opacity: 1; 7700 background-color: rgba(var(--error-rgb), var(--bg-opacity)) !important; 7701 } 7702 7703 .bg-alert-success { 7704 --bg-opacity: 1; 7705 background-color: rgba(var(--alert-success-rgb), var(--bg-opacity)) !important; 7706 } 7707 7708 .bg-black { 7709 --bg-opacity: 1; 7710 background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important; 7711 } 7712 7713 .bg-white { 7714 --bg-opacity: 1; 7715 background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important; 7716 } 7717 7718 .bg-body { 7719 --bg-opacity: 1; 7720 background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important; 7721 } 7722 7723 .bg-transparent { 7724 --bg-opacity: 1; 7725 background-color: transparent !important; 7726 } 7727 7728 .bg-opacity-10 { 7729 --bg-opacity: 0.1; 7730 } 7731 7732 .bg-opacity-25 { 7733 --bg-opacity: 0.25; 7734 } 7735 7736 .bg-opacity-50 { 7737 --bg-opacity: 0.5; 7738 } 7739 7740 .bg-opacity-75 { 7741 --bg-opacity: 0.75; 7742 } 7743 7744 .bg-opacity-100 { 7745 --bg-opacity: 1; 7746 } 7747 7748 .bg-gradient { 7749 background-image: var(--gradient) !important; 7750 } 7751 7752 .user-select-all { 7753 -webkit-user-select: all !important; 7754 -moz-user-select: all !important; 7755 user-select: all !important; 7756 } 7757 7758 .user-select-auto { 7759 -webkit-user-select: auto !important; 7760 -moz-user-select: auto !important; 7761 -ms-user-select: auto !important; 7762 user-select: auto !important; 7763 } 7764 7765 .user-select-none { 7766 -webkit-user-select: none !important; 7767 -moz-user-select: none !important; 7768 -ms-user-select: none !important; 7769 user-select: none !important; 7770 } 7771 7772 .pe-none { 7773 pointer-events: none !important; 7774 } 7775 7776 .pe-auto { 7777 pointer-events: auto !important; 7778 } 7779 7780 .rounded { 7781 border-radius: 0.25rem !important; 7782 } 7783 7784 .rounded-0 { 7785 border-radius: 0 !important; 7786 } 7787 7788 .rounded-1 { 7789 border-radius: 0.2rem !important; 7790 } 7791 7792 .rounded-2 { 7793 border-radius: 0.25rem !important; 7794 } 7795 7796 .rounded-3 { 7797 border-radius: 0.3rem !important; 7798 } 7799 7800 .rounded-circle { 7801 border-radius: 50% !important; 7802 } 7803 7804 .rounded-pill { 7805 border-radius: 50rem !important; 7806 } 7807 7808 .rounded-top { 7809 border-top-left-radius: 0.25rem !important; 7810 border-top-right-radius: 0.25rem !important; 7811 } 7812 7813 .rounded-end { 7814 border-top-right-radius: 0.25rem !important; 7815 border-bottom-right-radius: 0.25rem !important; 7816 } 7817 7818 .rounded-bottom { 7819 border-bottom-right-radius: 0.25rem !important; 7820 border-bottom-left-radius: 0.25rem !important; 7821 } 7822 7823 .rounded-start { 7824 border-bottom-left-radius: 0.25rem !important; 7825 border-top-left-radius: 0.25rem !important; 7826 } 7827 7828 .visible { 7829 visibility: visible !important; 7830 } 7831 7832 .invisible { 7833 visibility: hidden !important; 7834 } 7835 7836 @media (min-width: 576px) { 7837 .float-sm-start { 7838 float: left !important; 7839 } 7840 7841 .float-sm-end { 7842 float: right !important; 7843 } 7844 7845 .float-sm-none { 7846 float: none !important; 7847 } 7848 7849 .d-sm-inline { 7850 display: inline !important; 7851 } 7852 7853 .d-sm-inline-block { 7854 display: inline-block !important; 7855 } 7856 7857 .d-sm-block { 7858 display: block !important; 7859 } 7860 7861 .d-sm-grid { 7862 display: grid !important; 7863 } 7864 7865 .d-sm-table { 7866 display: table !important; 7867 } 7868 7869 .d-sm-table-row { 7870 display: table-row !important; 7871 } 7872 7873 .d-sm-table-cell { 7874 display: table-cell !important; 7875 } 7876 7877 .d-sm-flex { 7878 display: flex !important; 7879 } 7880 7881 .d-sm-inline-flex { 7882 display: inline-flex !important; 7883 } 7884 7885 .d-sm-none { 7886 display: none !important; 7887 } 7888 7889 .flex-sm-fill { 7890 flex: 1 1 auto !important; 7891 } 7892 7893 .flex-sm-row { 7894 flex-direction: row !important; 7895 } 7896 7897 .flex-sm-column { 7898 flex-direction: column !important; 7899 } 7900 7901 .flex-sm-row-reverse { 7902 flex-direction: row-reverse !important; 7903 } 7904 7905 .flex-sm-column-reverse { 7906 flex-direction: column-reverse !important; 7907 } 7908 7909 .flex-sm-grow-0 { 7910 flex-grow: 0 !important; 7911 } 7912 7913 .flex-sm-grow-1 { 7914 flex-grow: 1 !important; 7915 } 7916 7917 .flex-sm-shrink-0 { 7918 flex-shrink: 0 !important; 7919 } 7920 7921 .flex-sm-shrink-1 { 7922 flex-shrink: 1 !important; 7923 } 7924 7925 .flex-sm-wrap { 7926 flex-wrap: wrap !important; 7927 } 7928 7929 .flex-sm-nowrap { 7930 flex-wrap: nowrap !important; 7931 } 7932 7933 .flex-sm-wrap-reverse { 7934 flex-wrap: wrap-reverse !important; 7935 } 7936 7937 .gap-sm-0 { 7938 gap: 0 !important; 7939 } 7940 7941 .gap-sm-1 { 7942 gap: 0.25rem !important; 7943 } 7944 7945 .gap-sm-2 { 7946 gap: 0.5rem !important; 7947 } 7948 7949 .gap-sm-3 { 7950 gap: 1rem !important; 7951 } 7952 7953 .gap-sm-4 { 7954 gap: 1.5rem !important; 7955 } 7956 7957 .gap-sm-5 { 7958 gap: 3rem !important; 7959 } 7960 7961 .justify-content-sm-start { 7962 justify-content: flex-start !important; 7963 } 7964 7965 .justify-content-sm-end { 7966 justify-content: flex-end !important; 7967 } 7968 7969 .justify-content-sm-center { 7970 justify-content: center !important; 7971 } 7972 7973 .justify-content-sm-between { 7974 justify-content: space-between !important; 7975 } 7976 7977 .justify-content-sm-around { 7978 justify-content: space-around !important; 7979 } 7980 7981 .justify-content-sm-evenly { 7982 justify-content: space-evenly !important; 7983 } 7984 7985 .align-items-sm-start { 7986 align-items: flex-start !important; 7987 } 7988 7989 .align-items-sm-end { 7990 align-items: flex-end !important; 7991 } 7992 7993 .align-items-sm-center { 7994 align-items: center !important; 7995 } 7996 7997 .align-items-sm-baseline { 7998 align-items: baseline !important; 7999 } 8000 8001 .align-items-sm-stretch { 8002 align-items: stretch !important; 8003 } 8004 8005 .align-content-sm-start { 8006 align-content: flex-start !important; 8007 } 8008 8009 .align-content-sm-end { 8010 align-content: flex-end !important; 8011 } 8012 8013 .align-content-sm-center { 8014 align-content: center !important; 8015 } 8016 8017 .align-content-sm-between { 8018 align-content: space-between !important; 8019 } 8020 8021 .align-content-sm-around { 8022 align-content: space-around !important; 8023 } 8024 8025 .align-content-sm-stretch { 8026 align-content: stretch !important; 8027 } 8028 8029 .align-self-sm-auto { 8030 align-self: auto !important; 8031 } 8032 8033 .align-self-sm-start { 8034 align-self: flex-start !important; 8035 } 8036 8037 .align-self-sm-end { 8038 align-self: flex-end !important; 8039 } 8040 8041 .align-self-sm-center { 8042 align-self: center !important; 8043 } 8044 8045 .align-self-sm-baseline { 8046 align-self: baseline !important; 8047 } 8048 8049 .align-self-sm-stretch { 8050 align-self: stretch !important; 8051 } 8052 8053 .order-sm-first { 8054 order: -1 !important; 8055 } 8056 8057 .order-sm-0 { 8058 order: 0 !important; 8059 } 8060 8061 .order-sm-1 { 8062 order: 1 !important; 8063 } 8064 8065 .order-sm-2 { 8066 order: 2 !important; 8067 } 8068 8069 .order-sm-3 { 8070 order: 3 !important; 8071 } 8072 8073 .order-sm-4 { 8074 order: 4 !important; 8075 } 8076 8077 .order-sm-5 { 8078 order: 5 !important; 8079 } 8080 8081 .order-sm-last { 8082 order: 6 !important; 8083 } 8084 8085 .m-sm-0 { 8086 margin: 0 !important; 8087 } 8088 8089 .m-sm-1 { 8090 margin: 0.25rem !important; 8091 } 8092 8093 .m-sm-2 { 8094 margin: 0.5rem !important; 8095 } 8096 8097 .m-sm-3 { 8098 margin: 1rem !important; 8099 } 8100 8101 .m-sm-4 { 8102 margin: 1.5rem !important; 8103 } 8104 8105 .m-sm-5 { 8106 margin: 3rem !important; 8107 } 8108 8109 .m-sm-auto { 8110 margin: auto !important; 8111 } 8112 8113 .mx-sm-0 { 8114 margin-right: 0 !important; 8115 margin-left: 0 !important; 8116 } 8117 8118 .mx-sm-1 { 8119 margin-right: 0.25rem !important; 8120 margin-left: 0.25rem !important; 8121 } 8122 8123 .mx-sm-2 { 8124 margin-right: 0.5rem !important; 8125 margin-left: 0.5rem !important; 8126 } 8127 8128 .mx-sm-3 { 8129 margin-right: 1rem !important; 8130 margin-left: 1rem !important; 8131 } 8132 8133 .mx-sm-4 { 8134 margin-right: 1.5rem !important; 8135 margin-left: 1.5rem !important; 8136 } 8137 8138 .mx-sm-5 { 8139 margin-right: 3rem !important; 8140 margin-left: 3rem !important; 8141 } 8142 8143 .mx-sm-auto { 8144 margin-right: auto !important; 8145 margin-left: auto !important; 8146 } 8147 8148 .my-sm-0 { 8149 margin-top: 0 !important; 8150 margin-bottom: 0 !important; 8151 } 8152 8153 .my-sm-1 { 8154 margin-top: 0.25rem !important; 8155 margin-bottom: 0.25rem !important; 8156 } 8157 8158 .my-sm-2 { 8159 margin-top: 0.5rem !important; 8160 margin-bottom: 0.5rem !important; 8161 } 8162 8163 .my-sm-3 { 8164 margin-top: 1rem !important; 8165 margin-bottom: 1rem !important; 8166 } 8167 8168 .my-sm-4 { 8169 margin-top: 1.5rem !important; 8170 margin-bottom: 1.5rem !important; 8171 } 8172 8173 .my-sm-5 { 8174 margin-top: 3rem !important; 8175 margin-bottom: 3rem !important; 8176 } 8177 8178 .my-sm-auto { 8179 margin-top: auto !important; 8180 margin-bottom: auto !important; 8181 } 8182 8183 .mt-sm-0 { 8184 margin-top: 0 !important; 8185 } 8186 8187 .mt-sm-1 { 8188 margin-top: 0.25rem !important; 8189 } 8190 8191 .mt-sm-2 { 8192 margin-top: 0.5rem !important; 8193 } 8194 8195 .mt-sm-3 { 8196 margin-top: 1rem !important; 8197 } 8198 8199 .mt-sm-4 { 8200 margin-top: 1.5rem !important; 8201 } 8202 8203 .mt-sm-5 { 8204 margin-top: 3rem !important; 8205 } 8206 8207 .mt-sm-auto { 8208 margin-top: auto !important; 8209 } 8210 8211 .me-sm-0 { 8212 margin-right: 0 !important; 8213 } 8214 8215 .me-sm-1 { 8216 margin-right: 0.25rem !important; 8217 } 8218 8219 .me-sm-2 { 8220 margin-right: 0.5rem !important; 8221 } 8222 8223 .me-sm-3 { 8224 margin-right: 1rem !important; 8225 } 8226 8227 .me-sm-4 { 8228 margin-right: 1.5rem !important; 8229 } 8230 8231 .me-sm-5 { 8232 margin-right: 3rem !important; 8233 } 8234 8235 .me-sm-auto { 8236 margin-right: auto !important; 8237 } 8238 8239 .mb-sm-0 { 8240 margin-bottom: 0 !important; 8241 } 8242 8243 .mb-sm-1 { 8244 margin-bottom: 0.25rem !important; 8245 } 8246 8247 .mb-sm-2 { 8248 margin-bottom: 0.5rem !important; 8249 } 8250 8251 .mb-sm-3 { 8252 margin-bottom: 1rem !important; 8253 } 8254 8255 .mb-sm-4 { 8256 margin-bottom: 1.5rem !important; 8257 } 8258 8259 .mb-sm-5 { 8260 margin-bottom: 3rem !important; 8261 } 8262 8263 .mb-sm-auto { 8264 margin-bottom: auto !important; 8265 } 8266 8267 .ms-sm-0 { 8268 margin-left: 0 !important; 8269 } 8270 8271 .ms-sm-1 { 8272 margin-left: 0.25rem !important; 8273 } 8274 8275 .ms-sm-2 { 8276 margin-left: 0.5rem !important; 8277 } 8278 8279 .ms-sm-3 { 8280 margin-left: 1rem !important; 8281 } 8282 8283 .ms-sm-4 { 8284 margin-left: 1.5rem !important; 8285 } 8286 8287 .ms-sm-5 { 8288 margin-left: 3rem !important; 8289 } 8290 8291 .ms-sm-auto { 8292 margin-left: auto !important; 8293 } 8294 8295 .p-sm-0 { 8296 padding: 0 !important; 8297 } 8298 8299 .p-sm-1 { 8300 padding: 0.25rem !important; 8301 } 8302 8303 .p-sm-2 { 8304 padding: 0.5rem !important; 8305 } 8306 8307 .p-sm-3 { 8308 padding: 1rem !important; 8309 } 8310 8311 .p-sm-4 { 8312 padding: 1.5rem !important; 8313 } 8314 8315 .p-sm-5 { 8316 padding: 3rem !important; 8317 } 8318 8319 .px-sm-0 { 8320 padding-right: 0 !important; 8321 padding-left: 0 !important; 8322 } 8323 8324 .px-sm-1 { 8325 padding-right: 0.25rem !important; 8326 padding-left: 0.25rem !important; 8327 } 8328 8329 .px-sm-2 { 8330 padding-right: 0.5rem !important; 8331 padding-left: 0.5rem !important; 8332 } 8333 8334 .px-sm-3 { 8335 padding-right: 1rem !important; 8336 padding-left: 1rem !important; 8337 } 8338 8339 .px-sm-4 { 8340 padding-right: 1.5rem !important; 8341 padding-left: 1.5rem !important; 8342 } 8343 8344 .px-sm-5 { 8345 padding-right: 3rem !important; 8346 padding-left: 3rem !important; 8347 } 8348 8349 .py-sm-0 { 8350 padding-top: 0 !important; 8351 padding-bottom: 0 !important; 8352 } 8353 8354 .py-sm-1 { 8355 padding-top: 0.25rem !important; 8356 padding-bottom: 0.25rem !important; 8357 } 8358 8359 .py-sm-2 { 8360 padding-top: 0.5rem !important; 8361 padding-bottom: 0.5rem !important; 8362 } 8363 8364 .py-sm-3 { 8365 padding-top: 1rem !important; 8366 padding-bottom: 1rem !important; 8367 } 8368 8369 .py-sm-4 { 8370 padding-top: 1.5rem !important; 8371 padding-bottom: 1.5rem !important; 8372 } 8373 8374 .py-sm-5 { 8375 padding-top: 3rem !important; 8376 padding-bottom: 3rem !important; 8377 } 8378 8379 .pt-sm-0 { 8380 padding-top: 0 !important; 8381 } 8382 8383 .pt-sm-1 { 8384 padding-top: 0.25rem !important; 8385 } 8386 8387 .pt-sm-2 { 8388 padding-top: 0.5rem !important; 8389 } 8390 8391 .pt-sm-3 { 8392 padding-top: 1rem !important; 8393 } 8394 8395 .pt-sm-4 { 8396 padding-top: 1.5rem !important; 8397 } 8398 8399 .pt-sm-5 { 8400 padding-top: 3rem !important; 8401 } 8402 8403 .pe-sm-0 { 8404 padding-right: 0 !important; 8405 } 8406 8407 .pe-sm-1 { 8408 padding-right: 0.25rem !important; 8409 } 8410 8411 .pe-sm-2 { 8412 padding-right: 0.5rem !important; 8413 } 8414 8415 .pe-sm-3 { 8416 padding-right: 1rem !important; 8417 } 8418 8419 .pe-sm-4 { 8420 padding-right: 1.5rem !important; 8421 } 8422 8423 .pe-sm-5 { 8424 padding-right: 3rem !important; 8425 } 8426 8427 .pb-sm-0 { 8428 padding-bottom: 0 !important; 8429 } 8430 8431 .pb-sm-1 { 8432 padding-bottom: 0.25rem !important; 8433 } 8434 8435 .pb-sm-2 { 8436 padding-bottom: 0.5rem !important; 8437 } 8438 8439 .pb-sm-3 { 8440 padding-bottom: 1rem !important; 8441 } 8442 8443 .pb-sm-4 { 8444 padding-bottom: 1.5rem !important; 8445 } 8446 8447 .pb-sm-5 { 8448 padding-bottom: 3rem !important; 8449 } 8450 8451 .ps-sm-0 { 8452 padding-left: 0 !important; 8453 } 8454 8455 .ps-sm-1 { 8456 padding-left: 0.25rem !important; 8457 } 8458 8459 .ps-sm-2 { 8460 padding-left: 0.5rem !important; 8461 } 8462 8463 .ps-sm-3 { 8464 padding-left: 1rem !important; 8465 } 8466 8467 .ps-sm-4 { 8468 padding-left: 1.5rem !important; 8469 } 8470 8471 .ps-sm-5 { 8472 padding-left: 3rem !important; 8473 } 8474 8475 .text-sm-start { 8476 text-align: left !important; 8477 } 8478 8479 .text-sm-end { 8480 text-align: right !important; 8481 } 8482 8483 .text-sm-center { 8484 text-align: center !important; 8485 } 8486 } 8487 @media (min-width: 768px) { 8488 .float-md-start { 8489 float: left !important; 8490 } 8491 8492 .float-md-end { 8493 float: right !important; 8494 } 8495 8496 .float-md-none { 8497 float: none !important; 8498 } 8499 8500 .d-md-inline { 8501 display: inline !important; 8502 } 8503 8504 .d-md-inline-block { 8505 display: inline-block !important; 8506 } 8507 8508 .d-md-block { 8509 display: block !important; 8510 } 8511 8512 .d-md-grid { 8513 display: grid !important; 8514 } 8515 8516 .d-md-table { 8517 display: table !important; 8518 } 8519 8520 .d-md-table-row { 8521 display: table-row !important; 8522 } 8523 8524 .d-md-table-cell { 8525 display: table-cell !important; 8526 } 8527 8528 .d-md-flex { 8529 display: flex !important; 8530 } 8531 8532 .d-md-inline-flex { 8533 display: inline-flex !important; 8534 } 8535 8536 .d-md-none { 8537 display: none !important; 8538 } 8539 8540 .flex-md-fill { 8541 flex: 1 1 auto !important; 8542 } 8543 8544 .flex-md-row { 8545 flex-direction: row !important; 8546 } 8547 8548 .flex-md-column { 8549 flex-direction: column !important; 8550 } 8551 8552 .flex-md-row-reverse { 8553 flex-direction: row-reverse !important; 8554 } 8555 8556 .flex-md-column-reverse { 8557 flex-direction: column-reverse !important; 8558 } 8559 8560 .flex-md-grow-0 { 8561 flex-grow: 0 !important; 8562 } 8563 8564 .flex-md-grow-1 { 8565 flex-grow: 1 !important; 8566 } 8567 8568 .flex-md-shrink-0 { 8569 flex-shrink: 0 !important; 8570 } 8571 8572 .flex-md-shrink-1 { 8573 flex-shrink: 1 !important; 8574 } 8575 8576 .flex-md-wrap { 8577 flex-wrap: wrap !important; 8578 } 8579 8580 .flex-md-nowrap { 8581 flex-wrap: nowrap !important; 8582 } 8583 8584 .flex-md-wrap-reverse { 8585 flex-wrap: wrap-reverse !important; 8586 } 8587 8588 .gap-md-0 { 8589 gap: 0 !important; 8590 } 8591 8592 .gap-md-1 { 8593 gap: 0.25rem !important; 8594 } 8595 8596 .gap-md-2 { 8597 gap: 0.5rem !important; 8598 } 8599 8600 .gap-md-3 { 8601 gap: 1rem !important; 8602 } 8603 8604 .gap-md-4 { 8605 gap: 1.5rem !important; 8606 } 8607 8608 .gap-md-5 { 8609 gap: 3rem !important; 8610 } 8611 8612 .justify-content-md-start { 8613 justify-content: flex-start !important; 8614 } 8615 8616 .justify-content-md-end { 8617 justify-content: flex-end !important; 8618 } 8619 8620 .justify-content-md-center { 8621 justify-content: center !important; 8622 } 8623 8624 .justify-content-md-between { 8625 justify-content: space-between !important; 8626 } 8627 8628 .justify-content-md-around { 8629 justify-content: space-around !important; 8630 } 8631 8632 .justify-content-md-evenly { 8633 justify-content: space-evenly !important; 8634 } 8635 8636 .align-items-md-start { 8637 align-items: flex-start !important; 8638 } 8639 8640 .align-items-md-end { 8641 align-items: flex-end !important; 8642 } 8643 8644 .align-items-md-center { 8645 align-items: center !important; 8646 } 8647 8648 .align-items-md-baseline { 8649 align-items: baseline !important; 8650 } 8651 8652 .align-items-md-stretch { 8653 align-items: stretch !important; 8654 } 8655 8656 .align-content-md-start { 8657 align-content: flex-start !important; 8658 } 8659 8660 .align-content-md-end { 8661 align-content: flex-end !important; 8662 } 8663 8664 .align-content-md-center { 8665 align-content: center !important; 8666 } 8667 8668 .align-content-md-between { 8669 align-content: space-between !important; 8670 } 8671 8672 .align-content-md-around { 8673 align-content: space-around !important; 8674 } 8675 8676 .align-content-md-stretch { 8677 align-content: stretch !important; 8678 } 8679 8680 .align-self-md-auto { 8681 align-self: auto !important; 8682 } 8683 8684 .align-self-md-start { 8685 align-self: flex-start !important; 8686 } 8687 8688 .align-self-md-end { 8689 align-self: flex-end !important; 8690 } 8691 8692 .align-self-md-center { 8693 align-self: center !important; 8694 } 8695 8696 .align-self-md-baseline { 8697 align-self: baseline !important; 8698 } 8699 8700 .align-self-md-stretch { 8701 align-self: stretch !important; 8702 } 8703 8704 .order-md-first { 8705 order: -1 !important; 8706 } 8707 8708 .order-md-0 { 8709 order: 0 !important; 8710 } 8711 8712 .order-md-1 { 8713 order: 1 !important; 8714 } 8715 8716 .order-md-2 { 8717 order: 2 !important; 8718 } 8719 8720 .order-md-3 { 8721 order: 3 !important; 8722 } 8723 8724 .order-md-4 { 8725 order: 4 !important; 8726 } 8727 8728 .order-md-5 { 8729 order: 5 !important; 8730 } 8731 8732 .order-md-last { 8733 order: 6 !important; 8734 } 8735 8736 .m-md-0 { 8737 margin: 0 !important; 8738 } 8739 8740 .m-md-1 { 8741 margin: 0.25rem !important; 8742 } 8743 8744 .m-md-2 { 8745 margin: 0.5rem !important; 8746 } 8747 8748 .m-md-3 { 8749 margin: 1rem !important; 8750 } 8751 8752 .m-md-4 { 8753 margin: 1.5rem !important; 8754 } 8755 8756 .m-md-5 { 8757 margin: 3rem !important; 8758 } 8759 8760 .m-md-auto { 8761 margin: auto !important; 8762 } 8763 8764 .mx-md-0 { 8765 margin-right: 0 !important; 8766 margin-left: 0 !important; 8767 } 8768 8769 .mx-md-1 { 8770 margin-right: 0.25rem !important; 8771 margin-left: 0.25rem !important; 8772 } 8773 8774 .mx-md-2 { 8775 margin-right: 0.5rem !important; 8776 margin-left: 0.5rem !important; 8777 } 8778 8779 .mx-md-3 { 8780 margin-right: 1rem !important; 8781 margin-left: 1rem !important; 8782 } 8783 8784 .mx-md-4 { 8785 margin-right: 1.5rem !important; 8786 margin-left: 1.5rem !important; 8787 } 8788 8789 .mx-md-5 { 8790 margin-right: 3rem !important; 8791 margin-left: 3rem !important; 8792 } 8793 8794 .mx-md-auto { 8795 margin-right: auto !important; 8796 margin-left: auto !important; 8797 } 8798 8799 .my-md-0 { 8800 margin-top: 0 !important; 8801 margin-bottom: 0 !important; 8802 } 8803 8804 .my-md-1 { 8805 margin-top: 0.25rem !important; 8806 margin-bottom: 0.25rem !important; 8807 } 8808 8809 .my-md-2 { 8810 margin-top: 0.5rem !important; 8811 margin-bottom: 0.5rem !important; 8812 } 8813 8814 .my-md-3 { 8815 margin-top: 1rem !important; 8816 margin-bottom: 1rem !important; 8817 } 8818 8819 .my-md-4 { 8820 margin-top: 1.5rem !important; 8821 margin-bottom: 1.5rem !important; 8822 } 8823 8824 .my-md-5 { 8825 margin-top: 3rem !important; 8826 margin-bottom: 3rem !important; 8827 } 8828 8829 .my-md-auto { 8830 margin-top: auto !important; 8831 margin-bottom: auto !important; 8832 } 8833 8834 .mt-md-0 { 8835 margin-top: 0 !important; 8836 } 8837 8838 .mt-md-1 { 8839 margin-top: 0.25rem !important; 8840 } 8841 8842 .mt-md-2 { 8843 margin-top: 0.5rem !important; 8844 } 8845 8846 .mt-md-3 { 8847 margin-top: 1rem !important; 8848 } 8849 8850 .mt-md-4 { 8851 margin-top: 1.5rem !important; 8852 } 8853 8854 .mt-md-5 { 8855 margin-top: 3rem !important; 8856 } 8857 8858 .mt-md-auto { 8859 margin-top: auto !important; 8860 } 8861 8862 .me-md-0 { 8863 margin-right: 0 !important; 8864 } 8865 8866 .me-md-1 { 8867 margin-right: 0.25rem !important; 8868 } 8869 8870 .me-md-2 { 8871 margin-right: 0.5rem !important; 8872 } 8873 8874 .me-md-3 { 8875 margin-right: 1rem !important; 8876 } 8877 8878 .me-md-4 { 8879 margin-right: 1.5rem !important; 8880 } 8881 8882 .me-md-5 { 8883 margin-right: 3rem !important; 8884 } 8885 8886 .me-md-auto { 8887 margin-right: auto !important; 8888 } 8889 8890 .mb-md-0 { 8891 margin-bottom: 0 !important; 8892 } 8893 8894 .mb-md-1 { 8895 margin-bottom: 0.25rem !important; 8896 } 8897 8898 .mb-md-2 { 8899 margin-bottom: 0.5rem !important; 8900 } 8901 8902 .mb-md-3 { 8903 margin-bottom: 1rem !important; 8904 } 8905 8906 .mb-md-4 { 8907 margin-bottom: 1.5rem !important; 8908 } 8909 8910 .mb-md-5 { 8911 margin-bottom: 3rem !important; 8912 } 8913 8914 .mb-md-auto { 8915 margin-bottom: auto !important; 8916 } 8917 8918 .ms-md-0 { 8919 margin-left: 0 !important; 8920 } 8921 8922 .ms-md-1 { 8923 margin-left: 0.25rem !important; 8924 } 8925 8926 .ms-md-2 { 8927 margin-left: 0.5rem !important; 8928 } 8929 8930 .ms-md-3 { 8931 margin-left: 1rem !important; 8932 } 8933 8934 .ms-md-4 { 8935 margin-left: 1.5rem !important; 8936 } 8937 8938 .ms-md-5 { 8939 margin-left: 3rem !important; 8940 } 8941 8942 .ms-md-auto { 8943 margin-left: auto !important; 8944 } 8945 8946 .p-md-0 { 8947 padding: 0 !important; 8948 } 8949 8950 .p-md-1 { 8951 padding: 0.25rem !important; 8952 } 8953 8954 .p-md-2 { 8955 padding: 0.5rem !important; 8956 } 8957 8958 .p-md-3 { 8959 padding: 1rem !important; 8960 } 8961 8962 .p-md-4 { 8963 padding: 1.5rem !important; 8964 } 8965 8966 .p-md-5 { 8967 padding: 3rem !important; 8968 } 8969 8970 .px-md-0 { 8971 padding-right: 0 !important; 8972 padding-left: 0 !important; 8973 } 8974 8975 .px-md-1 { 8976 padding-right: 0.25rem !important; 8977 padding-left: 0.25rem !important; 8978 } 8979 8980 .px-md-2 { 8981 padding-right: 0.5rem !important; 8982 padding-left: 0.5rem !important; 8983 } 8984 8985 .px-md-3 { 8986 padding-right: 1rem !important; 8987 padding-left: 1rem !important; 8988 } 8989 8990 .px-md-4 { 8991 padding-right: 1.5rem !important; 8992 padding-left: 1.5rem !important; 8993 } 8994 8995 .px-md-5 { 8996 padding-right: 3rem !important; 8997 padding-left: 3rem !important; 8998 } 8999 9000 .py-md-0 { 9001 padding-top: 0 !important; 9002 padding-bottom: 0 !important; 9003 } 9004 9005 .py-md-1 { 9006 padding-top: 0.25rem !important; 9007 padding-bottom: 0.25rem !important; 9008 } 9009 9010 .py-md-2 { 9011 padding-top: 0.5rem !important; 9012 padding-bottom: 0.5rem !important; 9013 } 9014 9015 .py-md-3 { 9016 padding-top: 1rem !important; 9017 padding-bottom: 1rem !important; 9018 } 9019 9020 .py-md-4 { 9021 padding-top: 1.5rem !important; 9022 padding-bottom: 1.5rem !important; 9023 } 9024 9025 .py-md-5 { 9026 padding-top: 3rem !important; 9027 padding-bottom: 3rem !important; 9028 } 9029 9030 .pt-md-0 { 9031 padding-top: 0 !important; 9032 } 9033 9034 .pt-md-1 { 9035 padding-top: 0.25rem !important; 9036 } 9037 9038 .pt-md-2 { 9039 padding-top: 0.5rem !important; 9040 } 9041 9042 .pt-md-3 { 9043 padding-top: 1rem !important; 9044 } 9045 9046 .pt-md-4 { 9047 padding-top: 1.5rem !important; 9048 } 9049 9050 .pt-md-5 { 9051 padding-top: 3rem !important; 9052 } 9053 9054 .pe-md-0 { 9055 padding-right: 0 !important; 9056 } 9057 9058 .pe-md-1 { 9059 padding-right: 0.25rem !important; 9060 } 9061 9062 .pe-md-2 { 9063 padding-right: 0.5rem !important; 9064 } 9065 9066 .pe-md-3 { 9067 padding-right: 1rem !important; 9068 } 9069 9070 .pe-md-4 { 9071 padding-right: 1.5rem !important; 9072 } 9073 9074 .pe-md-5 { 9075 padding-right: 3rem !important; 9076 } 9077 9078 .pb-md-0 { 9079 padding-bottom: 0 !important; 9080 } 9081 9082 .pb-md-1 { 9083 padding-bottom: 0.25rem !important; 9084 } 9085 9086 .pb-md-2 { 9087 padding-bottom: 0.5rem !important; 9088 } 9089 9090 .pb-md-3 { 9091 padding-bottom: 1rem !important; 9092 } 9093 9094 .pb-md-4 { 9095 padding-bottom: 1.5rem !important; 9096 } 9097 9098 .pb-md-5 { 9099 padding-bottom: 3rem !important; 9100 } 9101 9102 .ps-md-0 { 9103 padding-left: 0 !important; 9104 } 9105 9106 .ps-md-1 { 9107 padding-left: 0.25rem !important; 9108 } 9109 9110 .ps-md-2 { 9111 padding-left: 0.5rem !important; 9112 } 9113 9114 .ps-md-3 { 9115 padding-left: 1rem !important; 9116 } 9117 9118 .ps-md-4 { 9119 padding-left: 1.5rem !important; 9120 } 9121 9122 .ps-md-5 { 9123 padding-left: 3rem !important; 9124 } 9125 9126 .text-md-start { 9127 text-align: left !important; 9128 } 9129 9130 .text-md-end { 9131 text-align: right !important; 9132 } 9133 9134 .text-md-center { 9135 text-align: center !important; 9136 } 9137 } 9138 @media (min-width: 992px) { 9139 .float-lg-start { 9140 float: left !important; 9141 } 9142 9143 .float-lg-end { 9144 float: right !important; 9145 } 9146 9147 .float-lg-none { 9148 float: none !important; 9149 } 9150 9151 .d-lg-inline { 9152 display: inline !important; 9153 } 9154 9155 .d-lg-inline-block { 9156 display: inline-block !important; 9157 } 9158 9159 .d-lg-block { 9160 display: block !important; 9161 } 9162 9163 .d-lg-grid { 9164 display: grid !important; 9165 } 9166 9167 .d-lg-table { 9168 display: table !important; 9169 } 9170 9171 .d-lg-table-row { 9172 display: table-row !important; 9173 } 9174 9175 .d-lg-table-cell { 9176 display: table-cell !important; 9177 } 9178 9179 .d-lg-flex { 9180 display: flex !important; 9181 } 9182 9183 .d-lg-inline-flex { 9184 display: inline-flex !important; 9185 } 9186 9187 .d-lg-none { 9188 display: none !important; 9189 } 9190 9191 .flex-lg-fill { 9192 flex: 1 1 auto !important; 9193 } 9194 9195 .flex-lg-row { 9196 flex-direction: row !important; 9197 } 9198 9199 .flex-lg-column { 9200 flex-direction: column !important; 9201 } 9202 9203 .flex-lg-row-reverse { 9204 flex-direction: row-reverse !important; 9205 } 9206 9207 .flex-lg-column-reverse { 9208 flex-direction: column-reverse !important; 9209 } 9210 9211 .flex-lg-grow-0 { 9212 flex-grow: 0 !important; 9213 } 9214 9215 .flex-lg-grow-1 { 9216 flex-grow: 1 !important; 9217 } 9218 9219 .flex-lg-shrink-0 { 9220 flex-shrink: 0 !important; 9221 } 9222 9223 .flex-lg-shrink-1 { 9224 flex-shrink: 1 !important; 9225 } 9226 9227 .flex-lg-wrap { 9228 flex-wrap: wrap !important; 9229 } 9230 9231 .flex-lg-nowrap { 9232 flex-wrap: nowrap !important; 9233 } 9234 9235 .flex-lg-wrap-reverse { 9236 flex-wrap: wrap-reverse !important; 9237 } 9238 9239 .gap-lg-0 { 9240 gap: 0 !important; 9241 } 9242 9243 .gap-lg-1 { 9244 gap: 0.25rem !important; 9245 } 9246 9247 .gap-lg-2 { 9248 gap: 0.5rem !important; 9249 } 9250 9251 .gap-lg-3 { 9252 gap: 1rem !important; 9253 } 9254 9255 .gap-lg-4 { 9256 gap: 1.5rem !important; 9257 } 9258 9259 .gap-lg-5 { 9260 gap: 3rem !important; 9261 } 9262 9263 .justify-content-lg-start { 9264 justify-content: flex-start !important; 9265 } 9266 9267 .justify-content-lg-end { 9268 justify-content: flex-end !important; 9269 } 9270 9271 .justify-content-lg-center { 9272 justify-content: center !important; 9273 } 9274 9275 .justify-content-lg-between { 9276 justify-content: space-between !important; 9277 } 9278 9279 .justify-content-lg-around { 9280 justify-content: space-around !important; 9281 } 9282 9283 .justify-content-lg-evenly { 9284 justify-content: space-evenly !important; 9285 } 9286 9287 .align-items-lg-start { 9288 align-items: flex-start !important; 9289 } 9290 9291 .align-items-lg-end { 9292 align-items: flex-end !important; 9293 } 9294 9295 .align-items-lg-center { 9296 align-items: center !important; 9297 } 9298 9299 .align-items-lg-baseline { 9300 align-items: baseline !important; 9301 } 9302 9303 .align-items-lg-stretch { 9304 align-items: stretch !important; 9305 } 9306 9307 .align-content-lg-start { 9308 align-content: flex-start !important; 9309 } 9310 9311 .align-content-lg-end { 9312 align-content: flex-end !important; 9313 } 9314 9315 .align-content-lg-center { 9316 align-content: center !important; 9317 } 9318 9319 .align-content-lg-between { 9320 align-content: space-between !important; 9321 } 9322 9323 .align-content-lg-around { 9324 align-content: space-around !important; 9325 } 9326 9327 .align-content-lg-stretch { 9328 align-content: stretch !important; 9329 } 9330 9331 .align-self-lg-auto { 9332 align-self: auto !important; 9333 } 9334 9335 .align-self-lg-start { 9336 align-self: flex-start !important; 9337 } 9338 9339 .align-self-lg-end { 9340 align-self: flex-end !important; 9341 } 9342 9343 .align-self-lg-center { 9344 align-self: center !important; 9345 } 9346 9347 .align-self-lg-baseline { 9348 align-self: baseline !important; 9349 } 9350 9351 .align-self-lg-stretch { 9352 align-self: stretch !important; 9353 } 9354 9355 .order-lg-first { 9356 order: -1 !important; 9357 } 9358 9359 .order-lg-0 { 9360 order: 0 !important; 9361 } 9362 9363 .order-lg-1 { 9364 order: 1 !important; 9365 } 9366 9367 .order-lg-2 { 9368 order: 2 !important; 9369 } 9370 9371 .order-lg-3 { 9372 order: 3 !important; 9373 } 9374 9375 .order-lg-4 { 9376 order: 4 !important; 9377 } 9378 9379 .order-lg-5 { 9380 order: 5 !important; 9381 } 9382 9383 .order-lg-last { 9384 order: 6 !important; 9385 } 9386 9387 .m-lg-0 { 9388 margin: 0 !important; 9389 } 9390 9391 .m-lg-1 { 9392 margin: 0.25rem !important; 9393 } 9394 9395 .m-lg-2 { 9396 margin: 0.5rem !important; 9397 } 9398 9399 .m-lg-3 { 9400 margin: 1rem !important; 9401 } 9402 9403 .m-lg-4 { 9404 margin: 1.5rem !important; 9405 } 9406 9407 .m-lg-5 { 9408 margin: 3rem !important; 9409 } 9410 9411 .m-lg-auto { 9412 margin: auto !important; 9413 } 9414 9415 .mx-lg-0 { 9416 margin-right: 0 !important; 9417 margin-left: 0 !important; 9418 } 9419 9420 .mx-lg-1 { 9421 margin-right: 0.25rem !important; 9422 margin-left: 0.25rem !important; 9423 } 9424 9425 .mx-lg-2 { 9426 margin-right: 0.5rem !important; 9427 margin-left: 0.5rem !important; 9428 } 9429 9430 .mx-lg-3 { 9431 margin-right: 1rem !important; 9432 margin-left: 1rem !important; 9433 } 9434 9435 .mx-lg-4 { 9436 margin-right: 1.5rem !important; 9437 margin-left: 1.5rem !important; 9438 } 9439 9440 .mx-lg-5 { 9441 margin-right: 3rem !important; 9442 margin-left: 3rem !important; 9443 } 9444 9445 .mx-lg-auto { 9446 margin-right: auto !important; 9447 margin-left: auto !important; 9448 } 9449 9450 .my-lg-0 { 9451 margin-top: 0 !important; 9452 margin-bottom: 0 !important; 9453 } 9454 9455 .my-lg-1 { 9456 margin-top: 0.25rem !important; 9457 margin-bottom: 0.25rem !important; 9458 } 9459 9460 .my-lg-2 { 9461 margin-top: 0.5rem !important; 9462 margin-bottom: 0.5rem !important; 9463 } 9464 9465 .my-lg-3 { 9466 margin-top: 1rem !important; 9467 margin-bottom: 1rem !important; 9468 } 9469 9470 .my-lg-4 { 9471 margin-top: 1.5rem !important; 9472 margin-bottom: 1.5rem !important; 9473 } 9474 9475 .my-lg-5 { 9476 margin-top: 3rem !important; 9477 margin-bottom: 3rem !important; 9478 } 9479 9480 .my-lg-auto { 9481 margin-top: auto !important; 9482 margin-bottom: auto !important; 9483 } 9484 9485 .mt-lg-0 { 9486 margin-top: 0 !important; 9487 } 9488 9489 .mt-lg-1 { 9490 margin-top: 0.25rem !important; 9491 } 9492 9493 .mt-lg-2 { 9494 margin-top: 0.5rem !important; 9495 } 9496 9497 .mt-lg-3 { 9498 margin-top: 1rem !important; 9499 } 9500 9501 .mt-lg-4 { 9502 margin-top: 1.5rem !important; 9503 } 9504 9505 .mt-lg-5 { 9506 margin-top: 3rem !important; 9507 } 9508 9509 .mt-lg-auto { 9510 margin-top: auto !important; 9511 } 9512 9513 .me-lg-0 { 9514 margin-right: 0 !important; 9515 } 9516 9517 .me-lg-1 { 9518 margin-right: 0.25rem !important; 9519 } 9520 9521 .me-lg-2 { 9522 margin-right: 0.5rem !important; 9523 } 9524 9525 .me-lg-3 { 9526 margin-right: 1rem !important; 9527 } 9528 9529 .me-lg-4 { 9530 margin-right: 1.5rem !important; 9531 } 9532 9533 .me-lg-5 { 9534 margin-right: 3rem !important; 9535 } 9536 9537 .me-lg-auto { 9538 margin-right: auto !important; 9539 } 9540 9541 .mb-lg-0 { 9542 margin-bottom: 0 !important; 9543 } 9544 9545 .mb-lg-1 { 9546 margin-bottom: 0.25rem !important; 9547 } 9548 9549 .mb-lg-2 { 9550 margin-bottom: 0.5rem !important; 9551 } 9552 9553 .mb-lg-3 { 9554 margin-bottom: 1rem !important; 9555 } 9556 9557 .mb-lg-4 { 9558 margin-bottom: 1.5rem !important; 9559 } 9560 9561 .mb-lg-5 { 9562 margin-bottom: 3rem !important; 9563 } 9564 9565 .mb-lg-auto { 9566 margin-bottom: auto !important; 9567 } 9568 9569 .ms-lg-0 { 9570 margin-left: 0 !important; 9571 } 9572 9573 .ms-lg-1 { 9574 margin-left: 0.25rem !important; 9575 } 9576 9577 .ms-lg-2 { 9578 margin-left: 0.5rem !important; 9579 } 9580 9581 .ms-lg-3 { 9582 margin-left: 1rem !important; 9583 } 9584 9585 .ms-lg-4 { 9586 margin-left: 1.5rem !important; 9587 } 9588 9589 .ms-lg-5 { 9590 margin-left: 3rem !important; 9591 } 9592 9593 .ms-lg-auto { 9594 margin-left: auto !important; 9595 } 9596 9597 .p-lg-0 { 9598 padding: 0 !important; 9599 } 9600 9601 .p-lg-1 { 9602 padding: 0.25rem !important; 9603 } 9604 9605 .p-lg-2 { 9606 padding: 0.5rem !important; 9607 } 9608 9609 .p-lg-3 { 9610 padding: 1rem !important; 9611 } 9612 9613 .p-lg-4 { 9614 padding: 1.5rem !important; 9615 } 9616 9617 .p-lg-5 { 9618 padding: 3rem !important; 9619 } 9620 9621 .px-lg-0 { 9622 padding-right: 0 !important; 9623 padding-left: 0 !important; 9624 } 9625 9626 .px-lg-1 { 9627 padding-right: 0.25rem !important; 9628 padding-left: 0.25rem !important; 9629 } 9630 9631 .px-lg-2 { 9632 padding-right: 0.5rem !important; 9633 padding-left: 0.5rem !important; 9634 } 9635 9636 .px-lg-3 { 9637 padding-right: 1rem !important; 9638 padding-left: 1rem !important; 9639 } 9640 9641 .px-lg-4 { 9642 padding-right: 1.5rem !important; 9643 padding-left: 1.5rem !important; 9644 } 9645 9646 .px-lg-5 { 9647 padding-right: 3rem !important; 9648 padding-left: 3rem !important; 9649 } 9650 9651 .py-lg-0 { 9652 padding-top: 0 !important; 9653 padding-bottom: 0 !important; 9654 } 9655 9656 .py-lg-1 { 9657 padding-top: 0.25rem !important; 9658 padding-bottom: 0.25rem !important; 9659 } 9660 9661 .py-lg-2 { 9662 padding-top: 0.5rem !important; 9663 padding-bottom: 0.5rem !important; 9664 } 9665 9666 .py-lg-3 { 9667 padding-top: 1rem !important; 9668 padding-bottom: 1rem !important; 9669 } 9670 9671 .py-lg-4 { 9672 padding-top: 1.5rem !important; 9673 padding-bottom: 1.5rem !important; 9674 } 9675 9676 .py-lg-5 { 9677 padding-top: 3rem !important; 9678 padding-bottom: 3rem !important; 9679 } 9680 9681 .pt-lg-0 { 9682 padding-top: 0 !important; 9683 } 9684 9685 .pt-lg-1 { 9686 padding-top: 0.25rem !important; 9687 } 9688 9689 .pt-lg-2 { 9690 padding-top: 0.5rem !important; 9691 } 9692 9693 .pt-lg-3 { 9694 padding-top: 1rem !important; 9695 } 9696 9697 .pt-lg-4 { 9698 padding-top: 1.5rem !important; 9699 } 9700 9701 .pt-lg-5 { 9702 padding-top: 3rem !important; 9703 } 9704 9705 .pe-lg-0 { 9706 padding-right: 0 !important; 9707 } 9708 9709 .pe-lg-1 { 9710 padding-right: 0.25rem !important; 9711 } 9712 9713 .pe-lg-2 { 9714 padding-right: 0.5rem !important; 9715 } 9716 9717 .pe-lg-3 { 9718 padding-right: 1rem !important; 9719 } 9720 9721 .pe-lg-4 { 9722 padding-right: 1.5rem !important; 9723 } 9724 9725 .pe-lg-5 { 9726 padding-right: 3rem !important; 9727 } 9728 9729 .pb-lg-0 { 9730 padding-bottom: 0 !important; 9731 } 9732 9733 .pb-lg-1 { 9734 padding-bottom: 0.25rem !important; 9735 } 9736 9737 .pb-lg-2 { 9738 padding-bottom: 0.5rem !important; 9739 } 9740 9741 .pb-lg-3 { 9742 padding-bottom: 1rem !important; 9743 } 9744 9745 .pb-lg-4 { 9746 padding-bottom: 1.5rem !important; 9747 } 9748 9749 .pb-lg-5 { 9750 padding-bottom: 3rem !important; 9751 } 9752 9753 .ps-lg-0 { 9754 padding-left: 0 !important; 9755 } 9756 9757 .ps-lg-1 { 9758 padding-left: 0.25rem !important; 9759 } 9760 9761 .ps-lg-2 { 9762 padding-left: 0.5rem !important; 9763 } 9764 9765 .ps-lg-3 { 9766 padding-left: 1rem !important; 9767 } 9768 9769 .ps-lg-4 { 9770 padding-left: 1.5rem !important; 9771 } 9772 9773 .ps-lg-5 { 9774 padding-left: 3rem !important; 9775 } 9776 9777 .text-lg-start { 9778 text-align: left !important; 9779 } 9780 9781 .text-lg-end { 9782 text-align: right !important; 9783 } 9784 9785 .text-lg-center { 9786 text-align: center !important; 9787 } 9788 } 9789 @media (min-width: 1200px) { 9790 .float-xl-start { 9791 float: left !important; 9792 } 9793 9794 .float-xl-end { 9795 float: right !important; 9796 } 9797 9798 .float-xl-none { 9799 float: none !important; 9800 } 9801 9802 .d-xl-inline { 9803 display: inline !important; 9804 } 9805 9806 .d-xl-inline-block { 9807 display: inline-block !important; 9808 } 9809 9810 .d-xl-block { 9811 display: block !important; 9812 } 9813 9814 .d-xl-grid { 9815 display: grid !important; 9816 } 9817 9818 .d-xl-table { 9819 display: table !important; 9820 } 9821 9822 .d-xl-table-row { 9823 display: table-row !important; 9824 } 9825 9826 .d-xl-table-cell { 9827 display: table-cell !important; 9828 } 9829 9830 .d-xl-flex { 9831 display: flex !important; 9832 } 9833 9834 .d-xl-inline-flex { 9835 display: inline-flex !important; 9836 } 9837 9838 .d-xl-none { 9839 display: none !important; 9840 } 9841 9842 .flex-xl-fill { 9843 flex: 1 1 auto !important; 9844 } 9845 9846 .flex-xl-row { 9847 flex-direction: row !important; 9848 } 9849 9850 .flex-xl-column { 9851 flex-direction: column !important; 9852 } 9853 9854 .flex-xl-row-reverse { 9855 flex-direction: row-reverse !important; 9856 } 9857 9858 .flex-xl-column-reverse { 9859 flex-direction: column-reverse !important; 9860 } 9861 9862 .flex-xl-grow-0 { 9863 flex-grow: 0 !important; 9864 } 9865 9866 .flex-xl-grow-1 { 9867 flex-grow: 1 !important; 9868 } 9869 9870 .flex-xl-shrink-0 { 9871 flex-shrink: 0 !important; 9872 } 9873 9874 .flex-xl-shrink-1 { 9875 flex-shrink: 1 !important; 9876 } 9877 9878 .flex-xl-wrap { 9879 flex-wrap: wrap !important; 9880 } 9881 9882 .flex-xl-nowrap { 9883 flex-wrap: nowrap !important; 9884 } 9885 9886 .flex-xl-wrap-reverse { 9887 flex-wrap: wrap-reverse !important; 9888 } 9889 9890 .gap-xl-0 { 9891 gap: 0 !important; 9892 } 9893 9894 .gap-xl-1 { 9895 gap: 0.25rem !important; 9896 } 9897 9898 .gap-xl-2 { 9899 gap: 0.5rem !important; 9900 } 9901 9902 .gap-xl-3 { 9903 gap: 1rem !important; 9904 } 9905 9906 .gap-xl-4 { 9907 gap: 1.5rem !important; 9908 } 9909 9910 .gap-xl-5 { 9911 gap: 3rem !important; 9912 } 9913 9914 .justify-content-xl-start { 9915 justify-content: flex-start !important; 9916 } 9917 9918 .justify-content-xl-end { 9919 justify-content: flex-end !important; 9920 } 9921 9922 .justify-content-xl-center { 9923 justify-content: center !important; 9924 } 9925 9926 .justify-content-xl-between { 9927 justify-content: space-between !important; 9928 } 9929 9930 .justify-content-xl-around { 9931 justify-content: space-around !important; 9932 } 9933 9934 .justify-content-xl-evenly { 9935 justify-content: space-evenly !important; 9936 } 9937 9938 .align-items-xl-start { 9939 align-items: flex-start !important; 9940 } 9941 9942 .align-items-xl-end { 9943 align-items: flex-end !important; 9944 } 9945 9946 .align-items-xl-center { 9947 align-items: center !important; 9948 } 9949 9950 .align-items-xl-baseline { 9951 align-items: baseline !important; 9952 } 9953 9954 .align-items-xl-stretch { 9955 align-items: stretch !important; 9956 } 9957 9958 .align-content-xl-start { 9959 align-content: flex-start !important; 9960 } 9961 9962 .align-content-xl-end { 9963 align-content: flex-end !important; 9964 } 9965 9966 .align-content-xl-center { 9967 align-content: center !important; 9968 } 9969 9970 .align-content-xl-between { 9971 align-content: space-between !important; 9972 } 9973 9974 .align-content-xl-around { 9975 align-content: space-around !important; 9976 } 9977 9978 .align-content-xl-stretch { 9979 align-content: stretch !important; 9980 } 9981 9982 .align-self-xl-auto { 9983 align-self: auto !important; 9984 } 9985 9986 .align-self-xl-start { 9987 align-self: flex-start !important; 9988 } 9989 9990 .align-self-xl-end { 9991 align-self: flex-end !important; 9992 } 9993 9994 .align-self-xl-center { 9995 align-self: center !important; 9996 } 9997 9998 .align-self-xl-baseline { 9999 align-self: baseline !important; 10000 } 10001 10002 .align-self-xl-stretch { 10003 align-self: stretch !important; 10004 } 10005 10006 .order-xl-first { 10007 order: -1 !important; 10008 } 10009 10010 .order-xl-0 { 10011 order: 0 !important; 10012 } 10013 10014 .order-xl-1 { 10015 order: 1 !important; 10016 } 10017 10018 .order-xl-2 { 10019 order: 2 !important; 10020 } 10021 10022 .order-xl-3 { 10023 order: 3 !important; 10024 } 10025 10026 .order-xl-4 { 10027 order: 4 !important; 10028 } 10029 10030 .order-xl-5 { 10031 order: 5 !important; 10032 } 10033 10034 .order-xl-last { 10035 order: 6 !important; 10036 } 10037 10038 .m-xl-0 { 10039 margin: 0 !important; 10040 } 10041 10042 .m-xl-1 { 10043 margin: 0.25rem !important; 10044 } 10045 10046 .m-xl-2 { 10047 margin: 0.5rem !important; 10048 } 10049 10050 .m-xl-3 { 10051 margin: 1rem !important; 10052 } 10053 10054 .m-xl-4 { 10055 margin: 1.5rem !important; 10056 } 10057 10058 .m-xl-5 { 10059 margin: 3rem !important; 10060 } 10061 10062 .m-xl-auto { 10063 margin: auto !important; 10064 } 10065 10066 .mx-xl-0 { 10067 margin-right: 0 !important; 10068 margin-left: 0 !important; 10069 } 10070 10071 .mx-xl-1 { 10072 margin-right: 0.25rem !important; 10073 margin-left: 0.25rem !important; 10074 } 10075 10076 .mx-xl-2 { 10077 margin-right: 0.5rem !important; 10078 margin-left: 0.5rem !important; 10079 } 10080 10081 .mx-xl-3 { 10082 margin-right: 1rem !important; 10083 margin-left: 1rem !important; 10084 } 10085 10086 .mx-xl-4 { 10087 margin-right: 1.5rem !important; 10088 margin-left: 1.5rem !important; 10089 } 10090 10091 .mx-xl-5 { 10092 margin-right: 3rem !important; 10093 margin-left: 3rem !important; 10094 } 10095 10096 .mx-xl-auto { 10097 margin-right: auto !important; 10098 margin-left: auto !important; 10099 } 10100 10101 .my-xl-0 { 10102 margin-top: 0 !important; 10103 margin-bottom: 0 !important; 10104 } 10105 10106 .my-xl-1 { 10107 margin-top: 0.25rem !important; 10108 margin-bottom: 0.25rem !important; 10109 } 10110 10111 .my-xl-2 { 10112 margin-top: 0.5rem !important; 10113 margin-bottom: 0.5rem !important; 10114 } 10115 10116 .my-xl-3 { 10117 margin-top: 1rem !important; 10118 margin-bottom: 1rem !important; 10119 } 10120 10121 .my-xl-4 { 10122 margin-top: 1.5rem !important; 10123 margin-bottom: 1.5rem !important; 10124 } 10125 10126 .my-xl-5 { 10127 margin-top: 3rem !important; 10128 margin-bottom: 3rem !important; 10129 } 10130 10131 .my-xl-auto { 10132 margin-top: auto !important; 10133 margin-bottom: auto !important; 10134 } 10135 10136 .mt-xl-0 { 10137 margin-top: 0 !important; 10138 } 10139 10140 .mt-xl-1 { 10141 margin-top: 0.25rem !important; 10142 } 10143 10144 .mt-xl-2 { 10145 margin-top: 0.5rem !important; 10146 } 10147 10148 .mt-xl-3 { 10149 margin-top: 1rem !important; 10150 } 10151 10152 .mt-xl-4 { 10153 margin-top: 1.5rem !important; 10154 } 10155 10156 .mt-xl-5 { 10157 margin-top: 3rem !important; 10158 } 10159 10160 .mt-xl-auto { 10161 margin-top: auto !important; 10162 } 10163 10164 .me-xl-0 { 10165 margin-right: 0 !important; 10166 } 10167 10168 .me-xl-1 { 10169 margin-right: 0.25rem !important; 10170 } 10171 10172 .me-xl-2 { 10173 margin-right: 0.5rem !important; 10174 } 10175 10176 .me-xl-3 { 10177 margin-right: 1rem !important; 10178 } 10179 10180 .me-xl-4 { 10181 margin-right: 1.5rem !important; 10182 } 10183 10184 .me-xl-5 { 10185 margin-right: 3rem !important; 10186 } 10187 10188 .me-xl-auto { 10189 margin-right: auto !important; 10190 } 10191 10192 .mb-xl-0 { 10193 margin-bottom: 0 !important; 10194 } 10195 10196 .mb-xl-1 { 10197 margin-bottom: 0.25rem !important; 10198 } 10199 10200 .mb-xl-2 { 10201 margin-bottom: 0.5rem !important; 10202 } 10203 10204 .mb-xl-3 { 10205 margin-bottom: 1rem !important; 10206 } 10207 10208 .mb-xl-4 { 10209 margin-bottom: 1.5rem !important; 10210 } 10211 10212 .mb-xl-5 { 10213 margin-bottom: 3rem !important; 10214 } 10215 10216 .mb-xl-auto { 10217 margin-bottom: auto !important; 10218 } 10219 10220 .ms-xl-0 { 10221 margin-left: 0 !important; 10222 } 10223 10224 .ms-xl-1 { 10225 margin-left: 0.25rem !important; 10226 } 10227 10228 .ms-xl-2 { 10229 margin-left: 0.5rem !important; 10230 } 10231 10232 .ms-xl-3 { 10233 margin-left: 1rem !important; 10234 } 10235 10236 .ms-xl-4 { 10237 margin-left: 1.5rem !important; 10238 } 10239 10240 .ms-xl-5 { 10241 margin-left: 3rem !important; 10242 } 10243 10244 .ms-xl-auto { 10245 margin-left: auto !important; 10246 } 10247 10248 .p-xl-0 { 10249 padding: 0 !important; 10250 } 10251 10252 .p-xl-1 { 10253 padding: 0.25rem !important; 10254 } 10255 10256 .p-xl-2 { 10257 padding: 0.5rem !important; 10258 } 10259 10260 .p-xl-3 { 10261 padding: 1rem !important; 10262 } 10263 10264 .p-xl-4 { 10265 padding: 1.5rem !important; 10266 } 10267 10268 .p-xl-5 { 10269 padding: 3rem !important; 10270 } 10271 10272 .px-xl-0 { 10273 padding-right: 0 !important; 10274 padding-left: 0 !important; 10275 } 10276 10277 .px-xl-1 { 10278 padding-right: 0.25rem !important; 10279 padding-left: 0.25rem !important; 10280 } 10281 10282 .px-xl-2 { 10283 padding-right: 0.5rem !important; 10284 padding-left: 0.5rem !important; 10285 } 10286 10287 .px-xl-3 { 10288 padding-right: 1rem !important; 10289 padding-left: 1rem !important; 10290 } 10291 10292 .px-xl-4 { 10293 padding-right: 1.5rem !important; 10294 padding-left: 1.5rem !important; 10295 } 10296 10297 .px-xl-5 { 10298 padding-right: 3rem !important; 10299 padding-left: 3rem !important; 10300 } 10301 10302 .py-xl-0 { 10303 padding-top: 0 !important; 10304 padding-bottom: 0 !important; 10305 } 10306 10307 .py-xl-1 { 10308 padding-top: 0.25rem !important; 10309 padding-bottom: 0.25rem !important; 10310 } 10311 10312 .py-xl-2 { 10313 padding-top: 0.5rem !important; 10314 padding-bottom: 0.5rem !important; 10315 } 10316 10317 .py-xl-3 { 10318 padding-top: 1rem !important; 10319 padding-bottom: 1rem !important; 10320 } 10321 10322 .py-xl-4 { 10323 padding-top: 1.5rem !important; 10324 padding-bottom: 1.5rem !important; 10325 } 10326 10327 .py-xl-5 { 10328 padding-top: 3rem !important; 10329 padding-bottom: 3rem !important; 10330 } 10331 10332 .pt-xl-0 { 10333 padding-top: 0 !important; 10334 } 10335 10336 .pt-xl-1 { 10337 padding-top: 0.25rem !important; 10338 } 10339 10340 .pt-xl-2 { 10341 padding-top: 0.5rem !important; 10342 } 10343 10344 .pt-xl-3 { 10345 padding-top: 1rem !important; 10346 } 10347 10348 .pt-xl-4 { 10349 padding-top: 1.5rem !important; 10350 } 10351 10352 .pt-xl-5 { 10353 padding-top: 3rem !important; 10354 } 10355 10356 .pe-xl-0 { 10357 padding-right: 0 !important; 10358 } 10359 10360 .pe-xl-1 { 10361 padding-right: 0.25rem !important; 10362 } 10363 10364 .pe-xl-2 { 10365 padding-right: 0.5rem !important; 10366 } 10367 10368 .pe-xl-3 { 10369 padding-right: 1rem !important; 10370 } 10371 10372 .pe-xl-4 { 10373 padding-right: 1.5rem !important; 10374 } 10375 10376 .pe-xl-5 { 10377 padding-right: 3rem !important; 10378 } 10379 10380 .pb-xl-0 { 10381 padding-bottom: 0 !important; 10382 } 10383 10384 .pb-xl-1 { 10385 padding-bottom: 0.25rem !important; 10386 } 10387 10388 .pb-xl-2 { 10389 padding-bottom: 0.5rem !important; 10390 } 10391 10392 .pb-xl-3 { 10393 padding-bottom: 1rem !important; 10394 } 10395 10396 .pb-xl-4 { 10397 padding-bottom: 1.5rem !important; 10398 } 10399 10400 .pb-xl-5 { 10401 padding-bottom: 3rem !important; 10402 } 10403 10404 .ps-xl-0 { 10405 padding-left: 0 !important; 10406 } 10407 10408 .ps-xl-1 { 10409 padding-left: 0.25rem !important; 10410 } 10411 10412 .ps-xl-2 { 10413 padding-left: 0.5rem !important; 10414 } 10415 10416 .ps-xl-3 { 10417 padding-left: 1rem !important; 10418 } 10419 10420 .ps-xl-4 { 10421 padding-left: 1.5rem !important; 10422 } 10423 10424 .ps-xl-5 { 10425 padding-left: 3rem !important; 10426 } 10427 10428 .text-xl-start { 10429 text-align: left !important; 10430 } 10431 10432 .text-xl-end { 10433 text-align: right !important; 10434 } 10435 10436 .text-xl-center { 10437 text-align: center !important; 10438 } 10439 } 10440 @media (min-width: 1400px) { 10441 .float-xxl-start { 10442 float: left !important; 10443 } 10444 10445 .float-xxl-end { 10446 float: right !important; 10447 } 10448 10449 .float-xxl-none { 10450 float: none !important; 10451 } 10452 10453 .d-xxl-inline { 10454 display: inline !important; 10455 } 10456 10457 .d-xxl-inline-block { 10458 display: inline-block !important; 10459 } 10460 10461 .d-xxl-block { 10462 display: block !important; 10463 } 10464 10465 .d-xxl-grid { 10466 display: grid !important; 10467 } 10468 10469 .d-xxl-table { 10470 display: table !important; 10471 } 10472 10473 .d-xxl-table-row { 10474 display: table-row !important; 10475 } 10476 10477 .d-xxl-table-cell { 10478 display: table-cell !important; 10479 } 10480 10481 .d-xxl-flex { 10482 display: flex !important; 10483 } 10484 10485 .d-xxl-inline-flex { 10486 display: inline-flex !important; 10487 } 10488 10489 .d-xxl-none { 10490 display: none !important; 10491 } 10492 10493 .flex-xxl-fill { 10494 flex: 1 1 auto !important; 10495 } 10496 10497 .flex-xxl-row { 10498 flex-direction: row !important; 10499 } 10500 10501 .flex-xxl-column { 10502 flex-direction: column !important; 10503 } 10504 10505 .flex-xxl-row-reverse { 10506 flex-direction: row-reverse !important; 10507 } 10508 10509 .flex-xxl-column-reverse { 10510 flex-direction: column-reverse !important; 10511 } 10512 10513 .flex-xxl-grow-0 { 10514 flex-grow: 0 !important; 10515 } 10516 10517 .flex-xxl-grow-1 { 10518 flex-grow: 1 !important; 10519 } 10520 10521 .flex-xxl-shrink-0 { 10522 flex-shrink: 0 !important; 10523 } 10524 10525 .flex-xxl-shrink-1 { 10526 flex-shrink: 1 !important; 10527 } 10528 10529 .flex-xxl-wrap { 10530 flex-wrap: wrap !important; 10531 } 10532 10533 .flex-xxl-nowrap { 10534 flex-wrap: nowrap !important; 10535 } 10536 10537 .flex-xxl-wrap-reverse { 10538 flex-wrap: wrap-reverse !important; 10539 } 10540 10541 .gap-xxl-0 { 10542 gap: 0 !important; 10543 } 10544 10545 .gap-xxl-1 { 10546 gap: 0.25rem !important; 10547 } 10548 10549 .gap-xxl-2 { 10550 gap: 0.5rem !important; 10551 } 10552 10553 .gap-xxl-3 { 10554 gap: 1rem !important; 10555 } 10556 10557 .gap-xxl-4 { 10558 gap: 1.5rem !important; 10559 } 10560 10561 .gap-xxl-5 { 10562 gap: 3rem !important; 10563 } 10564 10565 .justify-content-xxl-start { 10566 justify-content: flex-start !important; 10567 } 10568 10569 .justify-content-xxl-end { 10570 justify-content: flex-end !important; 10571 } 10572 10573 .justify-content-xxl-center { 10574 justify-content: center !important; 10575 } 10576 10577 .justify-content-xxl-between { 10578 justify-content: space-between !important; 10579 } 10580 10581 .justify-content-xxl-around { 10582 justify-content: space-around !important; 10583 } 10584 10585 .justify-content-xxl-evenly { 10586 justify-content: space-evenly !important; 10587 } 10588 10589 .align-items-xxl-start { 10590 align-items: flex-start !important; 10591 } 10592 10593 .align-items-xxl-end { 10594 align-items: flex-end !important; 10595 } 10596 10597 .align-items-xxl-center { 10598 align-items: center !important; 10599 } 10600 10601 .align-items-xxl-baseline { 10602 align-items: baseline !important; 10603 } 10604 10605 .align-items-xxl-stretch { 10606 align-items: stretch !important; 10607 } 10608 10609 .align-content-xxl-start { 10610 align-content: flex-start !important; 10611 } 10612 10613 .align-content-xxl-end { 10614 align-content: flex-end !important; 10615 } 10616 10617 .align-content-xxl-center { 10618 align-content: center !important; 10619 } 10620 10621 .align-content-xxl-between { 10622 align-content: space-between !important; 10623 } 10624 10625 .align-content-xxl-around { 10626 align-content: space-around !important; 10627 } 10628 10629 .align-content-xxl-stretch { 10630 align-content: stretch !important; 10631 } 10632 10633 .align-self-xxl-auto { 10634 align-self: auto !important; 10635 } 10636 10637 .align-self-xxl-start { 10638 align-self: flex-start !important; 10639 } 10640 10641 .align-self-xxl-end { 10642 align-self: flex-end !important; 10643 } 10644 10645 .align-self-xxl-center { 10646 align-self: center !important; 10647 } 10648 10649 .align-self-xxl-baseline { 10650 align-self: baseline !important; 10651 } 10652 10653 .align-self-xxl-stretch { 10654 align-self: stretch !important; 10655 } 10656 10657 .order-xxl-first { 10658 order: -1 !important; 10659 } 10660 10661 .order-xxl-0 { 10662 order: 0 !important; 10663 } 10664 10665 .order-xxl-1 { 10666 order: 1 !important; 10667 } 10668 10669 .order-xxl-2 { 10670 order: 2 !important; 10671 } 10672 10673 .order-xxl-3 { 10674 order: 3 !important; 10675 } 10676 10677 .order-xxl-4 { 10678 order: 4 !important; 10679 } 10680 10681 .order-xxl-5 { 10682 order: 5 !important; 10683 } 10684 10685 .order-xxl-last { 10686 order: 6 !important; 10687 } 10688 10689 .m-xxl-0 { 10690 margin: 0 !important; 10691 } 10692 10693 .m-xxl-1 { 10694 margin: 0.25rem !important; 10695 } 10696 10697 .m-xxl-2 { 10698 margin: 0.5rem !important; 10699 } 10700 10701 .m-xxl-3 { 10702 margin: 1rem !important; 10703 } 10704 10705 .m-xxl-4 { 10706 margin: 1.5rem !important; 10707 } 10708 10709 .m-xxl-5 { 10710 margin: 3rem !important; 10711 } 10712 10713 .m-xxl-auto { 10714 margin: auto !important; 10715 } 10716 10717 .mx-xxl-0 { 10718 margin-right: 0 !important; 10719 margin-left: 0 !important; 10720 } 10721 10722 .mx-xxl-1 { 10723 margin-right: 0.25rem !important; 10724 margin-left: 0.25rem !important; 10725 } 10726 10727 .mx-xxl-2 { 10728 margin-right: 0.5rem !important; 10729 margin-left: 0.5rem !important; 10730 } 10731 10732 .mx-xxl-3 { 10733 margin-right: 1rem !important; 10734 margin-left: 1rem !important; 10735 } 10736 10737 .mx-xxl-4 { 10738 margin-right: 1.5rem !important; 10739 margin-left: 1.5rem !important; 10740 } 10741 10742 .mx-xxl-5 { 10743 margin-right: 3rem !important; 10744 margin-left: 3rem !important; 10745 } 10746 10747 .mx-xxl-auto { 10748 margin-right: auto !important; 10749 margin-left: auto !important; 10750 } 10751 10752 .my-xxl-0 { 10753 margin-top: 0 !important; 10754 margin-bottom: 0 !important; 10755 } 10756 10757 .my-xxl-1 { 10758 margin-top: 0.25rem !important; 10759 margin-bottom: 0.25rem !important; 10760 } 10761 10762 .my-xxl-2 { 10763 margin-top: 0.5rem !important; 10764 margin-bottom: 0.5rem !important; 10765 } 10766 10767 .my-xxl-3 { 10768 margin-top: 1rem !important; 10769 margin-bottom: 1rem !important; 10770 } 10771 10772 .my-xxl-4 { 10773 margin-top: 1.5rem !important; 10774 margin-bottom: 1.5rem !important; 10775 } 10776 10777 .my-xxl-5 { 10778 margin-top: 3rem !important; 10779 margin-bottom: 3rem !important; 10780 } 10781 10782 .my-xxl-auto { 10783 margin-top: auto !important; 10784 margin-bottom: auto !important; 10785 } 10786 10787 .mt-xxl-0 { 10788 margin-top: 0 !important; 10789 } 10790 10791 .mt-xxl-1 { 10792 margin-top: 0.25rem !important; 10793 } 10794 10795 .mt-xxl-2 { 10796 margin-top: 0.5rem !important; 10797 } 10798 10799 .mt-xxl-3 { 10800 margin-top: 1rem !important; 10801 } 10802 10803 .mt-xxl-4 { 10804 margin-top: 1.5rem !important; 10805 } 10806 10807 .mt-xxl-5 { 10808 margin-top: 3rem !important; 10809 } 10810 10811 .mt-xxl-auto { 10812 margin-top: auto !important; 10813 } 10814 10815 .me-xxl-0 { 10816 margin-right: 0 !important; 10817 } 10818 10819 .me-xxl-1 { 10820 margin-right: 0.25rem !important; 10821 } 10822 10823 .me-xxl-2 { 10824 margin-right: 0.5rem !important; 10825 } 10826 10827 .me-xxl-3 { 10828 margin-right: 1rem !important; 10829 } 10830 10831 .me-xxl-4 { 10832 margin-right: 1.5rem !important; 10833 } 10834 10835 .me-xxl-5 { 10836 margin-right: 3rem !important; 10837 } 10838 10839 .me-xxl-auto { 10840 margin-right: auto !important; 10841 } 10842 10843 .mb-xxl-0 { 10844 margin-bottom: 0 !important; 10845 } 10846 10847 .mb-xxl-1 { 10848 margin-bottom: 0.25rem !important; 10849 } 10850 10851 .mb-xxl-2 { 10852 margin-bottom: 0.5rem !important; 10853 } 10854 10855 .mb-xxl-3 { 10856 margin-bottom: 1rem !important; 10857 } 10858 10859 .mb-xxl-4 { 10860 margin-bottom: 1.5rem !important; 10861 } 10862 10863 .mb-xxl-5 { 10864 margin-bottom: 3rem !important; 10865 } 10866 10867 .mb-xxl-auto { 10868 margin-bottom: auto !important; 10869 } 10870 10871 .ms-xxl-0 { 10872 margin-left: 0 !important; 10873 } 10874 10875 .ms-xxl-1 { 10876 margin-left: 0.25rem !important; 10877 } 10878 10879 .ms-xxl-2 { 10880 margin-left: 0.5rem !important; 10881 } 10882 10883 .ms-xxl-3 { 10884 margin-left: 1rem !important; 10885 } 10886 10887 .ms-xxl-4 { 10888 margin-left: 1.5rem !important; 10889 } 10890 10891 .ms-xxl-5 { 10892 margin-left: 3rem !important; 10893 } 10894 10895 .ms-xxl-auto { 10896 margin-left: auto !important; 10897 } 10898 10899 .p-xxl-0 { 10900 padding: 0 !important; 10901 } 10902 10903 .p-xxl-1 { 10904 padding: 0.25rem !important; 10905 } 10906 10907 .p-xxl-2 { 10908 padding: 0.5rem !important; 10909 } 10910 10911 .p-xxl-3 { 10912 padding: 1rem !important; 10913 } 10914 10915 .p-xxl-4 { 10916 padding: 1.5rem !important; 10917 } 10918 10919 .p-xxl-5 { 10920 padding: 3rem !important; 10921 } 10922 10923 .px-xxl-0 { 10924 padding-right: 0 !important; 10925 padding-left: 0 !important; 10926 } 10927 10928 .px-xxl-1 { 10929 padding-right: 0.25rem !important; 10930 padding-left: 0.25rem !important; 10931 } 10932 10933 .px-xxl-2 { 10934 padding-right: 0.5rem !important; 10935 padding-left: 0.5rem !important; 10936 } 10937 10938 .px-xxl-3 { 10939 padding-right: 1rem !important; 10940 padding-left: 1rem !important; 10941 } 10942 10943 .px-xxl-4 { 10944 padding-right: 1.5rem !important; 10945 padding-left: 1.5rem !important; 10946 } 10947 10948 .px-xxl-5 { 10949 padding-right: 3rem !important; 10950 padding-left: 3rem !important; 10951 } 10952 10953 .py-xxl-0 { 10954 padding-top: 0 !important; 10955 padding-bottom: 0 !important; 10956 } 10957 10958 .py-xxl-1 { 10959 padding-top: 0.25rem !important; 10960 padding-bottom: 0.25rem !important; 10961 } 10962 10963 .py-xxl-2 { 10964 padding-top: 0.5rem !important; 10965 padding-bottom: 0.5rem !important; 10966 } 10967 10968 .py-xxl-3 { 10969 padding-top: 1rem !important; 10970 padding-bottom: 1rem !important; 10971 } 10972 10973 .py-xxl-4 { 10974 padding-top: 1.5rem !important; 10975 padding-bottom: 1.5rem !important; 10976 } 10977 10978 .py-xxl-5 { 10979 padding-top: 3rem !important; 10980 padding-bottom: 3rem !important; 10981 } 10982 10983 .pt-xxl-0 { 10984 padding-top: 0 !important; 10985 } 10986 10987 .pt-xxl-1 { 10988 padding-top: 0.25rem !important; 10989 } 10990 10991 .pt-xxl-2 { 10992 padding-top: 0.5rem !important; 10993 } 10994 10995 .pt-xxl-3 { 10996 padding-top: 1rem !important; 10997 } 10998 10999 .pt-xxl-4 { 11000 padding-top: 1.5rem !important; 11001 } 11002 11003 .pt-xxl-5 { 11004 padding-top: 3rem !important; 11005 } 11006 11007 .pe-xxl-0 { 11008 padding-right: 0 !important; 11009 } 11010 11011 .pe-xxl-1 { 11012 padding-right: 0.25rem !important; 11013 } 11014 11015 .pe-xxl-2 { 11016 padding-right: 0.5rem !important; 11017 } 11018 11019 .pe-xxl-3 { 11020 padding-right: 1rem !important; 11021 } 11022 11023 .pe-xxl-4 { 11024 padding-right: 1.5rem !important; 11025 } 11026 11027 .pe-xxl-5 { 11028 padding-right: 3rem !important; 11029 } 11030 11031 .pb-xxl-0 { 11032 padding-bottom: 0 !important; 11033 } 11034 11035 .pb-xxl-1 { 11036 padding-bottom: 0.25rem !important; 11037 } 11038 11039 .pb-xxl-2 { 11040 padding-bottom: 0.5rem !important; 11041 } 11042 11043 .pb-xxl-3 { 11044 padding-bottom: 1rem !important; 11045 } 11046 11047 .pb-xxl-4 { 11048 padding-bottom: 1.5rem !important; 11049 } 11050 11051 .pb-xxl-5 { 11052 padding-bottom: 3rem !important; 11053 } 11054 11055 .ps-xxl-0 { 11056 padding-left: 0 !important; 11057 } 11058 11059 .ps-xxl-1 { 11060 padding-left: 0.25rem !important; 11061 } 11062 11063 .ps-xxl-2 { 11064 padding-left: 0.5rem !important; 11065 } 11066 11067 .ps-xxl-3 { 11068 padding-left: 1rem !important; 11069 } 11070 11071 .ps-xxl-4 { 11072 padding-left: 1.5rem !important; 11073 } 11074 11075 .ps-xxl-5 { 11076 padding-left: 3rem !important; 11077 } 11078 11079 .text-xxl-start { 11080 text-align: left !important; 11081 } 11082 11083 .text-xxl-end { 11084 text-align: right !important; 11085 } 11086 11087 .text-xxl-center { 11088 text-align: center !important; 11089 } 11090 } 11091 @media (min-width: 1200px) { 11092 .fs-1 { 11093 font-size: 1.65rem !important; 11094 } 11095 11096 .fs-2 { 11097 font-size: 1.5rem !important; 11098 } 11099 } 11100 @media print { 11101 .d-print-inline { 11102 display: inline !important; 11103 } 11104 11105 .d-print-inline-block { 11106 display: inline-block !important; 11107 } 11108 11109 .d-print-block { 11110 display: block !important; 11111 } 11112 11113 .d-print-grid { 11114 display: grid !important; 11115 } 11116 11117 .d-print-table { 11118 display: table !important; 11119 } 11120 11121 .d-print-table-row { 11122 display: table-row !important; 11123 } 11124 11125 .d-print-table-cell { 11126 display: table-cell !important; 11127 } 11128 11129 .d-print-flex { 11130 display: flex !important; 11131 } 11132 11133 .d-print-inline-flex { 11134 display: inline-flex !important; 11135 } 11136 11137 .d-print-none { 11138 display: none !important; 11139 } 11140 } 11141 .clearfix::after { 11142 display: block; 11143 clear: both; 11144 content: ""; 11145 } 11146 11147 .link-primary { 11148 color: #132f53; 11149 } 11150 .link-primary:hover, .link-primary:focus { 11151 color: #0f2642; 11152 } 11153 11154 .link-secondary { 11155 color: #495057; 11156 } 11157 .link-secondary:hover, .link-secondary:focus { 11158 color: #3a4046; 11159 } 11160 11161 .link-success { 11162 color: #457d54; 11163 } 11164 .link-success:hover, .link-success:focus { 11165 color: #376443; 11166 } 11167 11168 .link-info { 11169 color: #2a69b8; 11170 } 11171 .link-info:hover, .link-info:focus { 11172 color: #225493; 11173 } 11174 11175 .link-warning { 11176 color: #ffb514; 11177 } 11178 .link-warning:hover, .link-warning:focus { 11179 color: #ffc443; 11180 } 11181 11182 .link-danger { 11183 color: #c52827; 11184 } 11185 .link-danger:hover, .link-danger:focus { 11186 color: #9e201f; 11187 } 11188 11189 .link-light { 11190 color: #f8f9fa; 11191 } 11192 .link-light:hover, .link-light:focus { 11193 color: #f9fafb; 11194 } 11195 11196 .link-dark { 11197 color: #212529; 11198 } 11199 .link-dark:hover, .link-dark:focus { 11200 color: #1a1e21; 11201 } 11202 11203 .link-action { 11204 color: #132f53; 11205 } 11206 .link-action:hover, .link-action:focus { 11207 color: #0f2642; 11208 } 11209 11210 .link-error { 11211 color: #3b0d0c; 11212 } 11213 .link-error:hover, .link-error:focus { 11214 color: #2f0a0a; 11215 } 11216 11217 .link-alert-success { 11218 color: #0f2f21; 11219 } 11220 .link-alert-success:hover, .link-alert-success:focus { 11221 color: #0c261a; 11222 } 11223 11224 .ratio { 11225 position: relative; 11226 width: 100%; 11227 } 11228 .ratio::before { 11229 display: block; 11230 padding-top: var(--aspect-ratio); 11231 content: ""; 11232 } 11233 .ratio > * { 11234 position: absolute; 11235 top: 0; 11236 left: 0; 11237 width: 100%; 11238 height: 100%; 11239 } 11240 11241 .ratio-1x1 { 11242 --aspect-ratio: 100%; 11243 } 11244 11245 .ratio-4x3 { 11246 --aspect-ratio: 75%; 11247 } 11248 11249 .ratio-16x9 { 11250 --aspect-ratio: 56.25%; 11251 } 11252 11253 .ratio-21x9 { 11254 --aspect-ratio: 42.8571428571%; 11255 } 11256 11257 .fixed-top { 11258 position: fixed; 11259 top: 0; 11260 right: 0; 11261 left: 0; 11262 z-index: 1030; 11263 } 11264 11265 .fixed-bottom { 11266 position: fixed; 11267 right: 0; 11268 bottom: 0; 11269 left: 0; 11270 z-index: 1030; 11271 } 11272 11273 .sticky-top { 11274 position: sticky; 11275 top: 0; 11276 z-index: 1020; 11277 } 11278 11279 @media (min-width: 576px) { 11280 .sticky-sm-top { 11281 position: sticky; 11282 top: 0; 11283 z-index: 1020; 11284 } 11285 } 11286 @media (min-width: 768px) { 11287 .sticky-md-top { 11288 position: sticky; 11289 top: 0; 11290 z-index: 1020; 11291 } 11292 } 11293 @media (min-width: 992px) { 11294 .sticky-lg-top { 11295 position: sticky; 11296 top: 0; 11297 z-index: 1020; 11298 } 11299 } 11300 @media (min-width: 1200px) { 11301 .sticky-xl-top { 11302 position: sticky; 11303 top: 0; 11304 z-index: 1020; 11305 } 11306 } 11307 @media (min-width: 1400px) { 11308 .sticky-xxl-top { 11309 position: sticky; 11310 top: 0; 11311 z-index: 1020; 11312 } 11313 } 11314 .hstack { 11315 display: flex; 11316 flex-direction: row; 11317 align-items: center; 11318 align-self: stretch; 11319 } 11320 11321 .vstack { 11322 display: flex; 11323 flex: 1 1 auto; 11324 flex-direction: column; 11325 align-self: stretch; 11326 } 11327 11328 .visually-hidden, .sr-only, 11329 .visually-hidden-focusable:not(:focus):not(:focus-within) { 11330 position: absolute !important; 11331 width: 1px !important; 11332 height: 1px !important; 11333 padding: 0 !important; 11334 margin: -1px !important; 11335 overflow: hidden !important; 11336 clip: rect(0, 0, 0, 0) !important; 11337 white-space: nowrap !important; 11338 border: 0 !important; 11339 } 11340 11341 .stretched-link::after { 11342 position: absolute; 11343 top: 0; 11344 right: 0; 11345 bottom: 0; 11346 left: 0; 11347 z-index: 1; 11348 content: ""; 11349 } 11350 11351 .text-truncate { 11352 overflow: hidden; 11353 text-overflow: ellipsis; 11354 white-space: nowrap; 11355 } 11356 11357 .vr { 11358 display: inline-block; 11359 align-self: stretch; 11360 width: 1px; 11361 min-height: 1em; 11362 background-color: currentColor; 11363 opacity: 0.25; 11364 } 11365 11366 @font-face { 11367 font-family: "Roboto"; 11368 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff") format("woff"); 11369 font-weight: 400; 11370 font-style: normal; 11371 } 11372 @font-face { 11373 font-family: "Roboto-Regular"; 11374 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff") format("woff"); 11375 } 11376 @font-face { 11377 font-family: "Roboto"; 11378 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff") format("woff"); 11379 font-weight: 400; 11380 font-style: italic; 11381 } 11382 @font-face { 11383 font-family: "Roboto-RegularItalic"; 11384 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff") format("woff"); 11385 } 11386 @font-face { 11387 font-family: "Roboto"; 11388 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff") format("woff"); 11389 font-weight: 300; 11390 font-style: normal; 11391 } 11392 @font-face { 11393 font-family: "Roboto-Light"; 11394 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff") format("woff"); 11395 } 11396 @font-face { 11397 font-family: "Roboto"; 11398 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff") format("woff"); 11399 font-weight: 300; 11400 font-style: italic; 11401 } 11402 @font-face { 11403 font-family: "Roboto-LightItalic"; 11404 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff") format("woff"); 11405 } 11406 @font-face { 11407 font-family: "Roboto"; 11408 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff") format("woff"); 11409 font-weight: 100; 11410 font-style: normal; 11411 } 11412 @font-face { 11413 font-family: "Roboto-Thin"; 11414 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff") format("woff"); 11415 } 11416 @font-face { 11417 font-family: "Roboto"; 11418 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff") format("woff"); 11419 font-weight: 100; 11420 font-style: italic; 11421 } 11422 @font-face { 11423 font-family: "Roboto-ThinItalic"; 11424 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff") format("woff"); 11425 } 11426 @font-face { 11427 font-family: "Roboto"; 11428 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff") format("woff"); 11429 font-weight: 500; 11430 font-style: normal; 11431 } 11432 @font-face { 11433 font-family: "Roboto-Medium"; 11434 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff") format("woff"); 11435 } 11436 @font-face { 11437 font-family: "Roboto"; 11438 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff") format("woff"); 11439 font-weight: 500; 11440 font-style: italic; 11441 } 11442 @font-face { 11443 font-family: "Roboto-MediumItalic"; 11444 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff") format("woff"); 11445 } 11446 @font-face { 11447 font-family: "Roboto"; 11448 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff") format("woff"); 11449 font-weight: 700; 11450 font-style: normal; 11451 } 11452 @font-face { 11453 font-family: "Roboto-Bold"; 11454 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff") format("woff"); 11455 } 11456 @font-face { 11457 font-family: "Roboto"; 11458 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff") format("woff"); 11459 font-weight: 700; 11460 font-style: italic; 11461 } 11462 @font-face { 11463 font-family: "Roboto-BoldItalic"; 11464 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff") format("woff"); 11465 } 11466 @font-face { 11467 font-family: "Roboto"; 11468 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff") format("woff"); 11469 font-weight: 900; 11470 font-style: normal; 11471 } 11472 @font-face { 11473 font-family: "Roboto-Black"; 11474 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff") format("woff"); 11475 } 11476 @font-face { 11477 font-family: "Roboto"; 11478 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff") format("woff"); 11479 font-weight: 900; 11480 font-style: italic; 11481 } 11482 @font-face { 11483 font-family: "Roboto-BlackItalic"; 11484 src: url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../../../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff") format("woff"); 11485 } 11486 html { 11487 height: 100%; 11488 } 11489 html.a11y_font { 11490 font-size: 18px; 11491 } 11492 11493 body { 11494 display: flex; 11495 flex-direction: column; 11496 min-height: 100%; 11497 padding: 0; 11498 margin: 0; 11499 text-align: start; 11500 } 11501 body.admin { 11502 background-color: var(--template-bg-dark-5); 11503 } 11504 body.monochrome { 11505 -webkit-filter: grayscale(1); 11506 filter: grayscale(1); 11507 } 11508 body.monochrome::after { 11509 position: fixed; 11510 top: 0; 11511 left: 0; 11512 z-index: -1; 11513 width: 100%; 11514 height: 100%; 11515 content: ""; 11516 background: var(--template-bg-dark-5); 11517 } 11518 body.a11y_contrast { 11519 -webkit-filter: contrast(115%); 11520 filter: contrast(115%); 11521 } 11522 body.monochrome.a11y_contrast { 11523 -webkit-filter: grayscale(1) contrast(115%); 11524 filter: grayscale(1) contrast(115%); 11525 } 11526 body.a11y_highlight a, 11527 body.a11y_highlight .header-item-content { 11528 padding: 3px; 11529 text-decoration: underline !important; 11530 border: #f00 dotted 1px; 11531 } 11532 body.a11y_highlight .joomlaversion { 11533 padding: 0; 11534 text-decoration: none !important; 11535 border: none; 11536 } 11537 body.a11y_highlight a.page-link { 11538 padding: 0.375rem 0.75rem; 11539 } 11540 11541 h1, .h1, 11542 h2, 11543 .h2, 11544 h3, 11545 .h3, 11546 h4, 11547 .h4, 11548 h5, 11549 .h5, 11550 h6, 11551 .h6 { 11552 font-weight: 700; 11553 } 11554 11555 h1, .h1 { 11556 font-weight: 400; 11557 } 11558 11559 small, 11560 .small { 11561 font-size: 0.8rem; 11562 } 11563 11564 legend { 11565 font-size: 1.2rem; 11566 font-weight: 700; 11567 } 11568 11569 .js-focus-visible :focus:not(.focus-visible) { 11570 outline: none; 11571 } 11572 11573 a.focus-visible, 11574 button.focus-visible, 11575 input.focus-visible, 11576 textarea.focus-visible { 11577 outline: auto 2px var(--focus); 11578 } 11579 11580 .break-word { 11581 word-break: break-all; 11582 word-wrap: break-word; 11583 } 11584 11585 label, 11586 caption { 11587 font-size: 1rem; 11588 text-align: start; 11589 } 11590 11591 .logo img path { 11592 fill: var(--template-text-dark); 11593 } 11594 11595 .container-main, 11596 .system-debug { 11597 padding-bottom: 50px; 11598 } 11599 11600 body .container-main { 11601 order: 1; 11602 position: relative; 11603 padding-right: 0; 11604 padding-left: 0; 11605 } 11606 11607 .content { 11608 padding: 1rem; 11609 } 11610 @media (min-width: 768px) { 11611 .content { 11612 padding: 0 2rem; 11613 } 11614 .subhead + .content { 11615 padding-top: 0; 11616 } 11617 } 11618 11619 body:not(.contentpane) .main-card { 11620 background: #fff; 11621 border-radius: 0.25rem; 11622 box-shadow: 0 2px 10px -8px var(--template-bg-dark-50); 11623 } 11624 11625 .row-selected { 11626 background-color: var(--toolbar-bg); 11627 } 11628 11629 .chzn-container-single { 11630 width: auto !important; 11631 } 11632 11633 .input-group input { 11634 min-width: 220px; 11635 } 11636 11637 .item-associations { 11638 padding: 0; 11639 } 11640 11641 .item-associations li { 11642 display: inline-block; 11643 margin-bottom: 3px; 11644 list-style: none; 11645 } 11646 11647 .message-alert { 11648 text-align: end !important; 11649 } 11650 11651 a[target=_blank]::before { 11652 -webkit-padding-end: 3px; 11653 padding-inline-end: 3px; 11654 font-family: "Font Awesome 5 Free"; 11655 font-size: 14px; 11656 font-weight: 900; 11657 content: "\f35d"; 11658 } 11659 11660 @media (max-width: 575.98px) { 11661 #wrapper.d-flex { 11662 display: block !important; 11663 } 11664 } 11665 11666 .text-muted { 11667 color: var(--template-text-dark) !important; 11668 opacity: 0.7; 11669 } 11670 11671 .card-columns { 11672 display: grid; 11673 grid-gap: 0 15px; 11674 grid-template-columns: 1fr; 11675 } 11676 @media (min-width: 768px) { 11677 .card-columns { 11678 grid-template-columns: 1fr 1fr; 11679 } 11680 } 11681 11682 @media (min-width: 768px) { 11683 .cpanel-help .card-columns, 11684 .cpanel-system .card-columns { 11685 grid-template-columns: 1fr 1fr 1fr; 11686 } 11687 } 11688 11689 .tiny { 11690 font-size: 0.6rem; 11691 line-height: 1.4rem; 11692 } 11693 11694 details { 11695 padding: 0.5rem 1rem; 11696 margin: 0 0 2rem; 11697 background: var(--template-bg-dark-3); 11698 border: 1px solid var(--template-bg-dark-10); 11699 border-radius: 0.25rem; 11700 } 11701 details summary { 11702 color: var(--template-link-color); 11703 } 11704 details summary ~ * { 11705 margin-top: 1rem; 11706 } 11707 11708 meter { 11709 width: 100%; 11710 } 11711 11712 @media (min-width: 768px) { 11713 joomla-tab[orientation=horizontal]:not([view=accordion]) section > .row { 11714 --gutter-x: 4rem; 11715 } 11716 joomla-tab[orientation=horizontal]:not([view=accordion]) section > .row > * + * { 11717 -webkit-border-start: 1px solid var(--template-bg-dark-10); 11718 border-inline-start: 1px solid var(--template-bg-dark-10); 11719 } 11720 } 11721 .minicolors-theme-bootstrap .minicolors-swatch { 11722 width: 36px; 11723 height: 36px; 11724 } 11725 .minicolors-theme-bootstrap .minicolors-swatch > .minicolors-sprite { 11726 top: 50%; 11727 left: 8px; 11728 border-radius: 0; 11729 -webkit-transform: translateY(-50%); 11730 transform: translateY(-50%); 11731 } 11732 11733 span.minicolors-swatch-color { 11734 cursor: pointer; 11735 } 11736 11737 @media (max-width: 767.98px) { 11738 .badge { 11739 white-space: normal; 11740 } 11741 } 11742 .badge.bg-secondary:hover { 11743 color: #fff; 11744 } 11745 11746 .btn { 11747 transition: none; 11748 } 11749 11750 @media (max-width: 575.98px) { 11751 .btn { 11752 margin-bottom: 0.25rem; 11753 } 11754 11755 .input-group .btn { 11756 margin-bottom: 0; 11757 } 11758 } 11759 .btn-primary { 11760 color: var(--template-text-light); 11761 background-color: var(--template-bg-dark-60); 11762 border-color: var(--template-bg-dark-60); 11763 } 11764 .btn-primary:hover, .btn-primary:focus, .btn-primary:active { 11765 background-color: var(--template-bg-dark-70); 11766 border-color: var(--template-bg-dark-90); 11767 } 11768 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { 11769 background-color: var(--template-bg-dark); 11770 border-color: var(--template-bg-dark); 11771 } 11772 11773 .btn-secondary { 11774 background-color: var(--template-bg-dark-60); 11775 border-color: var(--template-bg-dark-60); 11776 } 11777 11778 .input-group-text { 11779 background-color: var(--template-bg-dark); 11780 border-color: var(--template-bg-dark); 11781 } 11782 11783 .card-columns .card { 11784 margin-bottom: 1rem; 11785 } 11786 @media (min-width: 576px) { 11787 .card-columns { 11788 -webkit-column-count: 3; 11789 -moz-column-count: 3; 11790 column-count: 3; 11791 -webkit-column-gap: 1.25rem; 11792 -moz-column-gap: 1.25rem; 11793 column-gap: 1.25rem; 11794 orphans: 1; 11795 widows: 1; 11796 } 11797 .card-columns .card { 11798 display: inline-block; 11799 width: 100%; 11800 } 11801 } 11802 11803 .content .card { 11804 box-shadow: 0 2px 10px -8px var(--template-bg-dark-50); 11805 } 11806 .content .card-header { 11807 display: flex; 11808 padding: 1rem 1rem 0.75rem; 11809 font-weight: 700; 11810 color: var(--template-bg-dark); 11811 background: var(--card-bg); 11812 } 11813 .content .card-header > [class^=icon-], 11814 .content .card-header > img { 11815 -webkit-margin-end: 0.5rem; 11816 margin-inline-end: 0.5rem; 11817 } 11818 11819 .form-select, .custom-select { 11820 max-width: 100%; 11821 cursor: pointer; 11822 background: url("../images/select-bg.svg") no-repeat right center/116rem; 11823 background-color: var(--template-bg-light); 11824 border: solid 1px var(--template-bg-dark-20); 11825 } 11826 [dir=rtl] .form-select, [dir=rtl] .custom-select { 11827 padding: 0.5rem 1rem 0.5rem 4rem; 11828 background: url("../images/select-bg-rtl.svg") no-repeat left center/116rem; 11829 background-color: var(--template-bg-light); 11830 } 11831 .form-select[multiple], [multiple].custom-select { 11832 padding: 0; 11833 background-color: var(--white-offset); 11834 } 11835 .form-select[multiple] option, [multiple].custom-select option { 11836 padding: 0.3rem 1rem; 11837 background-color: var(--white-offset); 11838 } 11839 .form-select[multiple] option:checked, [multiple].custom-select option:checked { 11840 color: var(--template-text-light); 11841 background-color: var(--template-bg-dark) !important; 11842 } 11843 .form-select.form-select-success, .form-select-success.custom-select, .form-select.custom-select-success, .custom-select-success.custom-select { 11844 color: var(--success); 11845 background-color: var(--success); 11846 border-color: var(--success); 11847 } 11848 .form-select.form-select-success option, .form-select-success.custom-select option, .form-select.custom-select-success option, .custom-select-success.custom-select option { 11849 color: #212529; 11850 background-color: var(--white-offset); 11851 } 11852 .form-select.form-select-danger, .form-select-danger.custom-select, .form-select.custom-select-danger, .custom-select-danger.custom-select { 11853 color: var(--danger); 11854 background-color: var(--danger); 11855 border-color: var(--danger); 11856 } 11857 .form-select.form-select-danger option, .form-select-danger.custom-select option, .form-select.custom-select-danger option, .custom-select-danger.custom-select option { 11858 color: #212529; 11859 background-color: var(--white-offset); 11860 } 11861 .form-select:focus, .custom-select:focus { 11862 border-color: #39f; 11863 box-shadow: 0 0 0 0.2rem #eaeaea; 11864 } 11865 .form-select:disabled, .custom-select:disabled { 11866 cursor: default; 11867 background: #e8e8e8; 11868 border: 0; 11869 box-shadow: none; 11870 } 11871 .form-select optgroup, .custom-select optgroup, 11872 .form-select option, 11873 .custom-select option { 11874 color: var(--template-text-dark); 11875 background-color: #fff; 11876 } 11877 11878 .accordion .card-header { 11879 display: block; 11880 font-size: 0.9286rem; 11881 font-weight: 700; 11882 line-height: 1.2; 11883 } 11884 .accordion .list-group-item { 11885 color: var(--template-link-color); 11886 } 11887 11888 .btn-group .dropdown-menu { 11889 min-width: 100%; 11890 background: #fff; 11891 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); 11892 } 11893 .btn-group .dropdown-menu joomla-toolbar-button { 11894 text-align: start; 11895 border: 0; 11896 } 11897 11898 .dropdown-menu { 11899 box-shadow: 0 2px 10px -8px var(--template-bg-dark-50); 11900 } 11901 11902 .dropdown-item { 11903 text-align: start; 11904 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 11905 } 11906 .btn-primary + .dropdown-menu .dropdown-item:hover, .btn-primary + .dropdown-menu .dropdown-item:focus { 11907 background-color: var(--template-bg-dark); 11908 } 11909 .btn-secondary + .dropdown-menu .dropdown-item:hover, .btn-secondary + .dropdown-menu .dropdown-item:focus { 11910 color: var(--template-text-light); 11911 background-color: var(--secondary); 11912 } 11913 .btn-danger + .dropdown-menu .dropdown-item:hover, .btn-danger + .dropdown-menu .dropdown-item:focus { 11914 background-color: var(--danger); 11915 } 11916 .btn-info + .dropdown-menu .dropdown-item:hover, .btn-info + .dropdown-menu .dropdown-item:focus { 11917 background-color: var(--info); 11918 } 11919 .dropdown-status-group .dropdown-menu .dropdown-item:hover:not(.disabled), .dropdown-status-group .dropdown-menu .dropdown-item:focus:not(.disabled) { 11920 color: var(--template-text-light); 11921 background-color: var(--template-bg-dark); 11922 } 11923 .dropdown-save-group .dropdown-menu .dropdown-item:hover:not(.disabled), .dropdown-save-group .dropdown-menu .dropdown-item:focus:not(.disabled) { 11924 color: var(--template-text-light); 11925 background-color: var(--success); 11926 } 11927 .dropdown-item + .dropdown-item { 11928 border-top: 1px solid rgba(0, 0, 0, 0.1); 11929 } 11930 .dropdown-status-group .dropdown-menu .dropdown-item:not(.disabled) { 11931 color: var(--action); 11932 } 11933 .dropdown-save-group .dropdown-menu .dropdown-item:not(.disabled) { 11934 color: var(--success); 11935 } 11936 .dropdown-item.first:not(.last) { 11937 border-bottom-right-radius: 0; 11938 border-bottom-left-radius: 0; 11939 } 11940 .dropdown-item.last:not(.first) { 11941 border-top-left-radius: 0; 11942 border-top-right-radius: 0; 11943 } 11944 .dropdown-item:not(.first):not(.last):not(:only-of-type) { 11945 border-radius: 0; 11946 } 11947 11948 label { 11949 margin-bottom: 0; 11950 } 11951 11952 td .form-control { 11953 display: inline-block; 11954 width: auto; 11955 } 11956 11957 legend { 11958 margin-bottom: 1.1rem; 11959 font-size: 1rem; 11960 font-weight: 400; 11961 } 11962 11963 .checkboxes { 11964 padding-top: 5px; 11965 } 11966 .checkboxes .checkbox input { 11967 position: static; 11968 margin-left: 0; 11969 } 11970 11971 .form-check { 11972 padding-top: 5px; 11973 margin-bottom: 0; 11974 } 11975 11976 .modal label { 11977 width: 100%; 11978 } 11979 11980 .invalid { 11981 color: var(--danger); 11982 border-color: var(--danger); 11983 } 11984 11985 .valid { 11986 border-color: var(--success); 11987 } 11988 11989 .form-control-feedback { 11990 display: block; 11991 } 11992 11993 [aria-grabbed=true] { 11994 box-shadow: 0 0 2px 1px var(--template-bg-dark); 11995 } 11996 11997 select.form-control { 11998 background-color: var(--template-bg-light); 11999 } 12000 12001 .field-media-wrapper { 12002 display: block; 12003 width: 100%; 12004 max-width: calc(50vw - 5rem); 12005 } 12006 .field-media-wrapper .field-media-preview { 12007 width: 100%; 12008 max-width: none; 12009 } 12010 .field-media-wrapper .button-select { 12011 background-color: #366342; 12012 } 12013 .field-media-wrapper .button-clear { 12014 background-color: #a32120; 12015 } 12016 .field-media-wrapper .button-clear > .fa-check, 12017 .field-media-wrapper .button-select > .fa-times { 12018 color: #f8f9fa; 12019 } 12020 @media (max-width: 991.98px) { 12021 .field-media-wrapper { 12022 min-width: 100%; 12023 } 12024 } 12025 12026 .form-inline .form-select, .form-inline .custom-select, .form-inline .form-control { 12027 display: inline-block; 12028 width: auto; 12029 } 12030 12031 @media (max-width: 767.98px) { 12032 .form-inline .form-select, .form-inline .custom-select, .form-inline .form-control { 12033 width: 100%; 12034 } 12035 } 12036 .list-group-item { 12037 background-color: var(--white-offset); 12038 } 12039 12040 .list-unstyled .list-unstyled { 12041 padding-left: 20px; 12042 } 12043 12044 .jviewport-height10 { 12045 height: 10vh; 12046 } 12047 .jviewport-height20 { 12048 height: 20vh; 12049 } 12050 .jviewport-height30 { 12051 height: 30vh; 12052 } 12053 .jviewport-height40 { 12054 height: 40vh; 12055 } 12056 .jviewport-height50 { 12057 height: 50vh; 12058 } 12059 .jviewport-height60 { 12060 height: 60vh; 12061 } 12062 .jviewport-height70 { 12063 height: 70vh; 12064 } 12065 .jviewport-height80 { 12066 height: 80vh; 12067 } 12068 .jviewport-height90 { 12069 height: 90vh; 12070 } 12071 .jviewport-height100 { 12072 height: 100vh; 12073 } 12074 12075 [class*=jviewport-height] iframe { 12076 height: 100%; 12077 } 12078 12079 .modal-dialog.jviewport-width10 { 12080 width: 10vw; 12081 } 12082 .modal-dialog.jviewport-width20 { 12083 width: 20vw; 12084 max-width: none; 12085 } 12086 .modal-dialog.jviewport-width30 { 12087 width: 30vw; 12088 max-width: none; 12089 } 12090 .modal-dialog.jviewport-width40 { 12091 width: 40vw; 12092 max-width: none; 12093 } 12094 .modal-dialog.jviewport-width50 { 12095 width: 50vw; 12096 max-width: none; 12097 } 12098 .modal-dialog.jviewport-width60 { 12099 width: 60vw; 12100 max-width: none; 12101 } 12102 .modal-dialog.jviewport-width70 { 12103 width: 70vw; 12104 max-width: none; 12105 } 12106 .modal-dialog.jviewport-width80 { 12107 width: 80vw; 12108 max-width: none; 12109 } 12110 .modal-dialog.jviewport-width90 { 12111 width: 90vw; 12112 max-width: none; 12113 } 12114 .modal-dialog.jviewport-width100 { 12115 width: 100vw; 12116 max-width: none; 12117 } 12118 12119 @media (max-width: 767.98px) { 12120 .modal-dialog { 12121 margin: 1.75rem auto; 12122 } 12123 } 12124 .modal-dialog .modal-body { 12125 padding: 0; 12126 } 12127 12128 .pagination { 12129 margin: 1rem; 12130 } 12131 12132 th { 12133 text-align: inherit; 12134 /* stylelint-disable-next-line */ 12135 text-align: -webkit-match-parent; 12136 } 12137 12138 .table thead th { 12139 font-size: 1rem; 12140 } 12141 .table thead th, 12142 .table thead td { 12143 white-space: nowrap; 12144 } 12145 .sysinfo .table thead th, 12146 .sysinfo .table thead td { 12147 white-space: normal; 12148 } 12149 .table thead a { 12150 color: var(--template-link-color); 12151 } 12152 .table thead a#sorted { 12153 font-weight: 500; 12154 color: #343a40; 12155 } 12156 @media (max-width: 767.98px) { 12157 .table thead .actions, 12158 .table thead .actions-th1 { 12159 width: 28%; 12160 } 12161 } 12162 .table tbody tr:hover, .table tbody tr:focus, .table tbody tr:active { 12163 background-color: rgba(0, 0, 0, 0.075); 12164 } 12165 .table tbody tr:last-of-type th, 12166 .table tbody tr:last-of-type td { 12167 border-bottom: 0; 12168 } 12169 .table tbody .itemnumber a.btn, 12170 .table tbody .itemnumber span.btn { 12171 padding: 0.1rem 0.5rem; 12172 text-decoration: none; 12173 } 12174 .table tbody th { 12175 font-weight: 500; 12176 } 12177 .table tbody a:not(.badge):not(.btn):not(.dropdown-item) { 12178 text-decoration: underline; 12179 } 12180 .table th label, 12181 .table td label { 12182 margin-bottom: 0; 12183 } 12184 .table th .inactive [class^=icon-], 12185 .table th .inactive [class*=" icon-"], 12186 .table th .inactive [class^=fa-], 12187 .table th .inactive [class*=" fa-"], 12188 .table td .inactive [class^=icon-], 12189 .table td .inactive [class*=" icon-"], 12190 .table td .inactive [class^=fa-], 12191 .table td .inactive [class*=" fa-"] { 12192 color: #cdcdcd; 12193 } 12194 .j-main-container > .table { 12195 box-shadow: 0 2px 10px -8px var(--template-bg-dark-50); 12196 } 12197 12198 .alert { 12199 margin: 1rem 0; 12200 border-right: 0; 12201 border-left: 0; 12202 border-radius: 0.2rem; 12203 } 12204 .alert.alert-info { 12205 color: var(--template-bg-dark); 12206 background-color: var(--template-bg-dark-10); 12207 border: 1px solid var(--template-bg-dark-20); 12208 } 12209 .alert.alert-warning { 12210 color: #996900; 12211 background-color: #fffcf4; 12212 border: 1px solid #ffb514; 12213 } 12214 .alert.alert-success { 12215 color: #457d54; 12216 background-color: #f2f8f4; 12217 border: 1px solid hsl(var(--hue), 50%, 93%); 12218 } 12219 .alert.alert-error { 12220 color: #c52827; 12221 background-color: #fef8f8; 12222 border: 1px solid #c52827; 12223 } 12224 12225 .alert-parent { 12226 margin-top: 0; 12227 } 12228 12229 fieldset .alert.alert-info { 12230 margin: -1rem 0 1rem; 12231 } 12232 12233 .alert-heading { 12234 font-size: 1rem; 12235 } 12236 12237 @-webkit-keyframes fadeIn { 12238 from { 12239 opacity: 0; 12240 -webkit-transform: translateY(-15px); 12241 transform: translateY(-15px); 12242 } 12243 to { 12244 opacity: 1; 12245 -webkit-transform: translateY(0); 12246 transform: translateY(0); 12247 } 12248 } 12249 12250 @keyframes fadeIn { 12251 from { 12252 opacity: 0; 12253 -webkit-transform: translateY(-15px); 12254 transform: translateY(-15px); 12255 } 12256 to { 12257 opacity: 1; 12258 -webkit-transform: translateY(0); 12259 transform: translateY(0); 12260 } 12261 } 12262 .title-alias .form-control { 12263 max-width: 100%; 12264 } 12265 .title-alias .form-control-feedback { 12266 position: absolute; 12267 right: 1rem; 12268 bottom: -1.8rem; 12269 text-align: right; 12270 } 12271 12272 .layout-edit .title-alias .form-group { 12273 box-shadow: none; 12274 } 12275 12276 .header { 12277 z-index: 1020; 12278 color: #fff; 12279 background: var(--template-bg-dark); 12280 } 12281 .header-inside { 12282 display: flex; 12283 min-height: 54px; 12284 } 12285 .header a { 12286 color: #fff; 12287 } 12288 .header a:before { 12289 display: none; 12290 } 12291 .header .logo { 12292 display: flex; 12293 flex-flow: row nowrap; 12294 align-items: center; 12295 width: 18rem; 12296 height: 100%; 12297 padding: 12px 5px; 12298 overflow: hidden; 12299 background-color: var(--template-bg-dark-70); 12300 transition: all 0.3s ease-in-out; 12301 } 12302 .header .logo.small { 12303 justify-content: center; 12304 width: 3rem; 12305 transition: all 0.3s ease-in-out; 12306 } 12307 .header .logo.small svg:not(.logo-collapsed), 12308 .header .logo.small img:not(.logo-collapsed) { 12309 display: none; 12310 } 12311 .header .logo.small svg.logo-collapsed, 12312 .header .logo.small img.logo-collapsed { 12313 display: inline-block; 12314 width: 20px; 12315 height: 20px; 12316 -o-object-fit: contain; 12317 object-fit: contain; 12318 -o-object-position: center center; 12319 object-position: center center; 12320 } 12321 .header .logo svg, 12322 .header .logo img { 12323 width: 150px; 12324 height: 30px; 12325 margin: 0 0.35rem; 12326 -o-object-fit: contain; 12327 object-fit: contain; 12328 -o-object-position: left center; 12329 object-position: left center; 12330 } 12331 [dir=rtl] .header .logo svg, 12332 [dir=rtl] .header .logo img { 12333 -o-object-position: right center; 12334 object-position: right center; 12335 } 12336 .header .logo svg.logo-collapsed, 12337 .header .logo img.logo-collapsed { 12338 display: none; 12339 } 12340 .header .page-title { 12341 padding: 0 1rem; 12342 margin: 0; 12343 overflow: hidden; 12344 font-size: 1.2rem; 12345 color: #fff; 12346 text-overflow: ellipsis; 12347 white-space: nowrap; 12348 } 12349 .header .page-title > span { 12350 -webkit-margin-end: 0.25rem; 12351 margin-inline-end: 0.25rem; 12352 } 12353 .header .dropdown-menu { 12354 font-size: 0.85rem; 12355 } 12356 .header .dropdown-header, 12357 .header .dropdown-item { 12358 padding: 0.82rem 0.75rem; 12359 color: #fff; 12360 background-color: var(--template-bg-dark-70); 12361 } 12362 .header .dropdown-header > span, 12363 .header .dropdown-item > span { 12364 -webkit-margin-end: 0.5rem; 12365 margin-inline-end: 0.5rem; 12366 } 12367 .header .dropdown-header:hover, 12368 .header .dropdown-item:hover { 12369 background-color: var(--template-bg-dark); 12370 } 12371 .header .dropdown-header { 12372 padding: 0.75rem; 12373 font-size: inherit; 12374 background-color: var(--template-bg-dark); 12375 } 12376 12377 .header-items { 12378 align-items: center; 12379 justify-content: flex-end; 12380 width: 50%; 12381 margin: 15px; 12382 -webkit-margin-start: auto; 12383 margin-inline-start: auto; 12384 } 12385 .header-items .dropdown-toggle { 12386 background-color: transparent; 12387 border: 0; 12388 } 12389 .header-items .dropdown-toggle::after { 12390 display: none; 12391 } 12392 12393 .header-item { 12394 position: relative; 12395 margin: 0 4px; 12396 } 12397 12398 .header-item-content { 12399 display: flex; 12400 align-items: center; 12401 line-height: 1rem; 12402 color: #fff; 12403 background-color: var(--template-bg-dark-60); 12404 border-radius: 22px; 12405 -webkit-padding-end: 4px; 12406 padding-inline-end: 4px; 12407 } 12408 .header-item-content a, 12409 .header-item-content button { 12410 color: #fff; 12411 text-decoration: none; 12412 } 12413 .header-item-content a { 12414 display: flex; 12415 } 12416 .header-item-content:not(.no-link):not(.joomlaversion):hover { 12417 background-color: var(--template-bg-dark-50); 12418 } 12419 .header-item-content.joomlaversion { 12420 color: var(--bluegray); 12421 background-color: transparent; 12422 } 12423 .header-item-content.joomlaversion .header-item-text { 12424 -webkit-padding-end: 12px; 12425 padding-inline-end: 12px; 12426 } 12427 12428 .header-item-icon > * { 12429 display: flex; 12430 align-items: center; 12431 justify-content: center; 12432 width: 28px; 12433 min-width: 28px; 12434 height: 28px; 12435 margin: 4px; 12436 color: #fff; 12437 background-color: var(--template-bg-dark); 12438 border-radius: 16px; 12439 } 12440 .header-item-icon span { 12441 margin: 4px; 12442 } 12443 12444 .header-item-count { 12445 -webkit-margin-end: 0.5rem; 12446 margin-inline-end: 0.5rem; 12447 } 12448 12449 .header-item-text { 12450 padding: 0 8px 0 4px; 12451 font-size: 0.75rem; 12452 white-space: nowrap; 12453 } 12454 12455 .header-more-btn { 12456 margin: 0 5px; 12457 font-size: 1.7rem; 12458 } 12459 12460 .header-dd-items .header-item-content { 12461 background: transparent; 12462 } 12463 .header-dd-items .header-item-text { 12464 font-size: 0.75rem; 12465 } 12466 .header-dd-items .dropdown-item { 12467 padding: 0.5rem 0.75rem; 12468 } 12469 12470 .header-dd-item { 12471 padding: 3px 6px; 12472 } 12473 12474 @media (max-width: 767.98px) { 12475 .header-items { 12476 position: fixed; 12477 bottom: 0; 12478 flex-direction: row-reverse; 12479 width: 100%; 12480 padding: 10px 0; 12481 margin: 0; 12482 background: var(--template-bg-dark); 12483 } 12484 .header-items .icon-angle-down, 12485 .header-items .fa-angle-down { 12486 -webkit-transform: rotate(180deg); 12487 transform: rotate(180deg); 12488 } 12489 } 12490 .form-control { 12491 max-width: 100%; 12492 background-color: #fff; 12493 border: solid 1px var(--template-bg-dark-20); 12494 border-radius: 0.25rem; 12495 } 12496 .form-control:focus { 12497 border-color: #39f; 12498 box-shadow: 0 0 0 0.2rem #eaeaea; 12499 } 12500 12501 .control-group { 12502 position: relative; 12503 display: flex; 12504 flex-wrap: wrap; 12505 margin: 0 0 1rem; 12506 } 12507 .control-group > .form-check { 12508 display: inline-block; 12509 } 12510 .control-group::after { 12511 display: table; 12512 clear: both; 12513 content: ""; 12514 } 12515 .control-group .control-label { 12516 width: 240px; 12517 padding: 0.3rem 1rem 0.3rem 0; 12518 } 12519 .control-group .controls { 12520 position: relative; 12521 flex: 1; 12522 min-width: 210px; 12523 } 12524 .control-group .controls + div { 12525 width: 100%; 12526 margin: 5px 0 10px; 12527 } 12528 .form-vertical .control-group { 12529 flex-direction: column; 12530 } 12531 12532 .stack .control-label { 12533 width: 100%; 12534 } 12535 12536 .spacer hr { 12537 width: 380px; 12538 } 12539 12540 td .form-control { 12541 display: inline-block; 12542 width: auto; 12543 } 12544 12545 .checkboxes { 12546 padding-top: 5px; 12547 } 12548 .checkboxes .checkbox input { 12549 position: static; 12550 margin-left: 0; 12551 } 12552 12553 .form-check { 12554 padding-top: 5px; 12555 margin-bottom: 0; 12556 } 12557 12558 .modal label { 12559 width: 100%; 12560 } 12561 12562 .invalid { 12563 color: var(--danger); 12564 border-color: var(--danger); 12565 } 12566 12567 .valid { 12568 border-color: var(--success); 12569 } 12570 12571 .form-control-feedback { 12572 display: block; 12573 } 12574 12575 [aria-grabbed=true] { 12576 box-shadow: inset 0 0 0 0.1rem #e9e9e9; 12577 } 12578 12579 .sortable-handler.inactive { 12580 opacity: 0.3; 12581 } 12582 12583 [role=tooltip]:not(.show) { 12584 z-index: 1070; 12585 display: none; 12586 padding: 0.5em; 12587 margin: 0.25em; 12588 color: #fff; 12589 text-align: start; 12590 background: #000; 12591 border-radius: 0.2rem !important; 12592 } 12593 12594 :focus + [role=tooltip], 12595 :hover + [role=tooltip] { 12596 position: absolute; 12597 display: block; 12598 } 12599 12600 .filter-search-bar__description { 12601 bottom: 100%; 12602 } 12603 12604 .container-popup .filter-search-bar__description { 12605 top: 100%; 12606 bottom: auto; 12607 } 12608 12609 .input-group > .form-control[readonly] { 12610 margin-right: 1px; 12611 } 12612 12613 div.subform-repeatable-group { 12614 position: relative; 12615 padding: 32px 32px 16px 28px; 12616 margin-top: 20px; 12617 border: solid 1px var(--template-bg-dark-20); 12618 border-radius: 0.25rem; 12619 } 12620 div.subform-repeatable-group > .btn-toolbar .btn-group { 12621 position: static; 12622 } 12623 div.subform-repeatable-group > .btn-toolbar .btn { 12624 position: absolute; 12625 } 12626 div.subform-repeatable-group > .btn-toolbar .btn.group-add { 12627 right: -1px; 12628 bottom: -1px; 12629 border-radius: 0.25rem 0 0.25rem 0; 12630 } 12631 div.subform-repeatable-group > .btn-toolbar .btn.group-remove { 12632 top: -1px; 12633 right: -1px; 12634 border-radius: 0 0.25rem 0 0.25rem; 12635 } 12636 div.subform-repeatable-group > .btn-toolbar .btn.group-move { 12637 top: 50%; 12638 right: 100%; 12639 margin-top: -27px; 12640 line-height: 52px; 12641 border-radius: 0.25rem 0 0 0.25rem; 12642 } 12643 12644 .subform-repeatable-group[draggable=true] { 12645 background-color: #20c997; 12646 } 12647 .subform-repeatable-group[draggable=true] > td { 12648 background-color: #20c997; 12649 } 12650 12651 .icon-white { 12652 color: #fff; 12653 } 12654 12655 .tbody-icon { 12656 padding: 0 3px; 12657 text-align: center; 12658 background-color: transparent; 12659 border: 0; 12660 } 12661 .tbody-icon [class^=icon-], 12662 .tbody-icon [class*=" icon-"], 12663 .tbody-icon [class^=fa-], 12664 .tbody-icon [class*=" fa-"] { 12665 width: 26px; 12666 height: 26px; 12667 font-size: 1rem; 12668 line-height: 22px; 12669 color: #cdcdcd; 12670 border: 2px solid var(--border); 12671 border-radius: 50%; 12672 } 12673 .tbody-icon .icon-publish, 12674 .tbody-icon .icon-check, 12675 .tbody-icon .fa-check { 12676 color: var(--success); 12677 border-color: var(--success); 12678 } 12679 .tbody-icon .icon-home, 12680 .tbody-icon .icon-color-featured, 12681 .tbody-icon .icon-star.featured, 12682 .tbody-icon .fa-star.featured { 12683 color: #ffb514; 12684 border-color: #ffb514; 12685 } 12686 .tbody-icon .icon-folder, 12687 .tbody-icon .fa-folder { 12688 color: var(--template-text-dark); 12689 border-color: #495057; 12690 } 12691 .tbody-icon .icon-checkedout, 12692 .tbody-icon .icon-lock, 12693 .tbody-icon .fa-lock { 12694 width: auto; 12695 height: auto; 12696 font-size: 1.2rem; 12697 line-height: 1rem; 12698 color: var(--template-text-dark); 12699 border: 0; 12700 } 12701 .tbody-icon.home-disabled, .tbody-icon.featured-disabled, .tbody-icon.color-featured-disabled, .tbody-icon.icon-star-disabled, .tbody-icon.fa-star-disabled { 12702 cursor: not-allowed; 12703 opacity: 1; 12704 } 12705 .tbody-icon.disabled .icon-home, .tbody-icon.disabled .fa-home { 12706 color: #fffcf4; 12707 border-color: #fffcf4; 12708 } 12709 12710 .plg_system_webauthn_login_button svg { 12711 -webkit-margin-end: 2px; 12712 margin-inline-end: 2px; 12713 } 12714 12715 .plg_system_webauthn_login_button svg path { 12716 fill: var(--white); 12717 } 12718 12719 .badge > span { 12720 -webkit-margin-end: 0.5rem; 12721 margin-inline-end: 0.5rem; 12722 } 12723 12724 iframe { 12725 border: 0; 12726 } 12727 12728 .modal iframe { 12729 width: 100%; 12730 } 12731 12732 .options-form { 12733 width: 100%; 12734 padding: 1vw 2vw; 12735 margin-bottom: 1rem; 12736 color: var(--template-text-dark); 12737 border: 1px solid var(--template-bg-dark-20); 12738 } 12739 .options-form > legend { 12740 float: none; 12741 width: auto; 12742 padding: 0 1rem; 12743 font-weight: 700; 12744 color: var(--template-text-dark); 12745 background-color: #fff; 12746 } 12747 12748 .view-login .container-main, 12749 .task-logout .container-main { 12750 order: 1; 12751 } 12752 @media (max-width: 767.98px) { 12753 .view-login .container-main, 12754 .task-logout .container-main { 12755 display: flex; 12756 flex-wrap: wrap; 12757 align-items: center; 12758 justify-content: center; 12759 min-height: 65vh; 12760 } 12761 } 12762 @media (max-width: 767.98px) { 12763 .view-login .container-main #content, 12764 .task-logout .container-main #content { 12765 max-width: 98%; 12766 padding: 0; 12767 } 12768 } 12769 .view-login .login, 12770 .task-logout .login { 12771 width: 100%; 12772 max-width: 25rem; 12773 padding: 30px; 12774 margin: 1rem; 12775 color: var(--template-text-dark); 12776 background: var(--white); 12777 border-radius: 10px; 12778 box-shadow: 0 4px 20px -10px var(--template-bg-dark-50); 12779 } 12780 @media (max-width: 991.98px) { 12781 .view-login .login, 12782 .task-logout .login { 12783 margin-bottom: 3rem; 12784 } 12785 } 12786 .view-login .login img, 12787 .task-logout .login img { 12788 max-height: 4.4rem; 12789 } 12790 .view-login .login .logo, 12791 .task-logout .login .logo { 12792 padding: 0 20px 20px; 12793 } 12794 .view-login .login svg.joomla-logo, 12795 .task-logout .login svg.joomla-logo { 12796 width: 2.4rem; 12797 height: 4.4rem; 12798 background-size: 4.4rem 2.4rem; 12799 } 12800 .view-login .login svg.joomla-logo path, 12801 .task-logout .login svg.joomla-logo path { 12802 fill: var(--template-bg-dark); 12803 } 12804 .view-login .login-watermark, 12805 .task-logout .login-watermark { 12806 position: absolute; 12807 z-index: -1; 12808 max-width: 500px; 12809 -webkit-transform: rotate(12deg) translate(40%, 10%); 12810 transform: rotate(12deg) translate(40%, 10%); 12811 } 12812 .view-login .form-group, 12813 .task-logout .form-group { 12814 position: relative; 12815 margin-bottom: 1.85rem; 12816 } 12817 .view-login .form-group label span, 12818 .task-logout .form-group label span { 12819 font-size: 0.9rem; 12820 } 12821 @media (max-width: 575.98px) { 12822 .view-login .form-group label span, 12823 .task-logout .form-group label span { 12824 width: 100%; 12825 } 12826 } 12827 .view-login .form-group label span.text-end, 12828 .task-logout .form-group label span.text-end { 12829 font-size: 0.75rem; 12830 color: var(--template-special-color); 12831 } 12832 .view-login .form-group .form-control-feedback, 12833 .task-logout .form-group .form-control-feedback { 12834 position: absolute; 12835 inset-inline-end: 0; 12836 bottom: -1.5rem; 12837 font-size: 0.75rem; 12838 text-align: end; 12839 } 12840 .view-login .form-group .form-control-hint, 12841 .task-logout .form-group .form-control-hint { 12842 position: absolute; 12843 top: 0.1rem; 12844 inset-inline-end: 0; 12845 font-size: 0.75rem; 12846 text-align: end; 12847 } 12848 .view-login input:focus, 12849 .view-login select:focus, 12850 .task-logout input:focus, 12851 .task-logout select:focus { 12852 background: #fff; 12853 box-shadow: inset 0 0 1px 1px var(--template-contrast); 12854 } 12855 .view-login h1, .view-login .h1, 12856 .task-logout h1, 12857 .task-logout .h1 { 12858 margin-bottom: 0.25rem; 12859 color: #fff; 12860 text-align: center; 12861 } 12862 .view-login h2, .view-login .h2, 12863 .task-logout h2, 12864 .task-logout .h2 { 12865 font-weight: 400; 12866 color: var(--template-bg-dark-10); 12867 } 12868 @media (max-width: 575.98px) { 12869 .view-login .btn, 12870 .task-logout .btn { 12871 padding: 8px 10px; 12872 font-size: 0.875rem; 12873 } 12874 } 12875 .view-login .form-control, 12876 .view-login .form-select, 12877 .view-login .custom-select, 12878 .task-logout .form-control, 12879 .task-logout .form-select, 12880 .task-logout .custom-select { 12881 max-width: none; 12882 } 12883 .view-login .sidebar-wrapper, 12884 .view-login .header .logo, 12885 .task-logout .sidebar-wrapper, 12886 .task-logout .header .logo { 12887 flex: 1 0 400px; 12888 } 12889 .view-login .sidebar-wrapper, 12890 .task-logout .sidebar-wrapper { 12891 display: flex; 12892 flex-direction: column; 12893 max-width: none; 12894 background-color: var(--template-sidebar-bg); 12895 } 12896 @media (max-width: 767.98px) { 12897 .view-login .sidebar-wrapper, 12898 .task-logout .sidebar-wrapper { 12899 order: 2; 12900 margin-bottom: 3rem; 12901 } 12902 } 12903 .view-login .sidebar-wrapper .main-brand, 12904 .task-logout .sidebar-wrapper .main-brand { 12905 margin-bottom: auto; 12906 } 12907 .view-login .sidebar-wrapper .main-brand a, 12908 .task-logout .sidebar-wrapper .main-brand a { 12909 font-size: 0.875rem; 12910 } 12911 .view-login .sidebar-wrapper .card-header, 12912 .task-logout .sidebar-wrapper .card-header { 12913 font-size: 1.125rem; 12914 color: #fff; 12915 } 12916 .view-login #sidebar, 12917 .task-logout #sidebar { 12918 align-self: flex-end; 12919 width: 100%; 12920 font-size: 0.875rem; 12921 color: var(--template-text-light); 12922 text-align: center; 12923 } 12924 .view-login #sidebar .card, 12925 .task-logout #sidebar .card { 12926 background: rgba(0, 0, 0, 0.1); 12927 box-shadow: none; 12928 } 12929 .view-login #sidebar .card .module-body, 12930 .task-logout #sidebar .card .module-body { 12931 padding: 0.75rem 1.25rem; 12932 } 12933 @media (max-width: 767.98px) { 12934 .view-login #sidebar, 12935 .task-logout #sidebar { 12936 position: relative; 12937 bottom: 0; 12938 } 12939 } 12940 @media (max-width: 767.98px) { 12941 .view-login .container-main, 12942 .view-login .sidebar-wrapper, 12943 .task-logout .container-main, 12944 .task-logout .sidebar-wrapper { 12945 flex: 1 0 100% !important; 12946 max-width: 100% !important; 12947 min-height: auto; 12948 } 12949 } 12950 .view-login .wrapper, 12951 .task-logout .wrapper { 12952 display: flex; 12953 } 12954 @media (max-width: 767.98px) { 12955 .view-login .wrapper, 12956 .task-logout .wrapper { 12957 flex-direction: column; 12958 } 12959 } 12960 .view-login .header, 12961 .task-logout .header { 12962 display: flex; 12963 } 12964 .view-login .header .logo.small, 12965 .task-logout .header .logo.small { 12966 line-height: 2.5rem; 12967 } 12968 @media (max-width: 767.98px) { 12969 .view-login .header, 12970 .task-logout .header { 12971 background: var(--template-bg-dark-70); 12972 } 12973 } 12974 12975 label { 12976 color: #132f53; 12977 } 12978 12979 .com_login .sidebar-wrapper .main-brand { 12980 flex: 1; 12981 flex-basis: auto; 12982 margin-top: 100px; 12983 text-align: center; 12984 } 12985 @media (max-width: 767.98px) { 12986 .com_login .sidebar-wrapper .main-brand { 12987 margin-top: 10px; 12988 } 12989 } 12990 12991 .com_login .sidebar-wrapper #sidebar p { 12992 margin-bottom: 0.2rem; 12993 } 12994 12995 .com_login .sidebar-wrapper .main-brand a, 12996 .com_login .sidebar-wrapper #sidebar, 12997 .com_login .sidebar-wrapper #sidebar a { 12998 color: var(--template-text-light); 12999 } 13000 13001 @media (max-width: 767.98px) { 13002 .view-login #wrapper.d-flex { 13003 display: flex !important; 13004 } 13005 } 13006 @media (max-width: 767.98px) { 13007 .view-login #sidebar-wrapper:not(.show):not(.collapse) { 13008 display: block; 13009 } 13010 } 13011 .view-login .invalid .form-control-feedback { 13012 color: var(--danger); 13013 } 13014 13015 .ie11 { 13016 display: none; 13017 } 13018 13019 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 13020 .ie11 { 13021 display: block; 13022 } 13023 } 13024 .login_message { 13025 margin: 1rem 1rem 0; 13026 } 13027 13028 .modal .btn { 13029 padding: 0 22px; 13030 -webkit-margin-end: 0.5rem; 13031 margin-inline-end: 0.5rem; 13032 font-size: 1rem; 13033 line-height: 2.3rem; 13034 color: var(--template-text-dark); 13035 background: var(--white); 13036 border-color: var(--whiteoffset); 13037 box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25); 13038 } 13039 .modal .btn-primary:not([href]), 13040 .modal .btn-success:not([href]), 13041 .modal .btn-danger:not([href]), 13042 .modal .btn-secondary:not([href]) { 13043 color: var(--template-text-dark); 13044 background: var(--white); 13045 border: 1px solid var(--template-text-dark); 13046 } 13047 .modal .btn-primary:not([href]):hover, .modal .btn-primary:not([href]):focus { 13048 color: var(--white); 13049 background: var(--primary); 13050 border-color: var(--primary); 13051 } 13052 .modal .btn-secondary:not([href]):hover, .modal .btn-secondary:not([href]):focus { 13053 color: var(--white); 13054 background: var(--secondary); 13055 border-color: var(--secondary); 13056 } 13057 .modal .btn-success:not([href]):hover, .modal .btn-success:not([href]):focus { 13058 color: var(--white); 13059 background: var(--success); 13060 border-color: var(--success); 13061 } 13062 .modal .btn-danger:not([href]):hover, .modal .btn-danger:not([href]):focus { 13063 color: var(--white); 13064 background: var(--danger); 13065 border-color: var(--danger); 13066 } 13067 .modal .btn.btn-danger [class^=icon-], 13068 .modal .btn.btn-danger [class*=" icon-"], 13069 .modal .btn.btn-danger [class^=fa-], 13070 .modal .btn.btn-danger [class*=" fa-"], 13071 .modal .btn.btn-danger span { 13072 display: inline-block; 13073 width: 2.375rem; 13074 height: 100%; 13075 margin: 0 16px; 13076 -webkit-margin-start: -22px; 13077 margin-inline-start: -22px; 13078 line-height: 2.375rem; 13079 color: rgba(255, 255, 255, 0.9); 13080 background-color: var(--danger); 13081 } 13082 .modal .btn.btn-success [class^=icon-], 13083 .modal .btn.btn-success [class*=" icon-"], 13084 .modal .btn.btn-success [class^=fa-], 13085 .modal .btn.btn-success [class*=" fa-"], 13086 .modal .btn.btn-success span { 13087 display: inline-block; 13088 width: 2.375rem; 13089 height: 100%; 13090 margin: 0 16px; 13091 -webkit-margin-start: -22px; 13092 margin-inline-start: -22px; 13093 line-height: 2.375rem; 13094 color: rgba(255, 255, 255, 0.9); 13095 background-color: var(--success); 13096 } 13097 13098 .modal-header { 13099 padding: 0 15px; 13100 } 13101 13102 .modal-body { 13103 overflow-y: initial; 13104 } 13105 13106 .modal-title { 13107 font-weight: 400; 13108 line-height: 2.875rem; 13109 } 13110 13111 .contentpane { 13112 padding: 20px; 13113 } 13114 13115 .changelog { 13116 text-align: start !important; 13117 } 13118 .changelog__item { 13119 display: flex; 13120 border-bottom: 1px solid #dee2e6; 13121 } 13122 @media (max-width: 767.98px) { 13123 .changelog__item { 13124 flex-direction: column; 13125 } 13126 } 13127 .changelog__tag { 13128 flex: 1 0 180px; 13129 max-width: 180px; 13130 padding: 10px 15px; 13131 text-align: end; 13132 background: #f1f3f5; 13133 border-right: 1px solid #dee2e6; 13134 } 13135 .changelog__tag .badge { 13136 border-radius: 0.2rem; 13137 } 13138 .changelog__tag .badge.badge-jlanguage { 13139 background-color: #fff; 13140 } 13141 @media (max-width: 767.98px) { 13142 .changelog__tag { 13143 flex: 1 0 auto; 13144 max-width: 100%; 13145 text-align: left; 13146 border-right: 0; 13147 border-bottom: 1px solid #dee2e6; 13148 } 13149 } 13150 .changelog__list { 13151 padding: 10px 15px; 13152 } 13153 .changelog__list ul { 13154 -webkit-padding-start: 15px; 13155 padding-inline-start: 15px; 13156 margin-bottom: 0; 13157 } 13158 .changelog__list li { 13159 margin-bottom: 0.15rem; 13160 } 13161 .changelog__list li:last-of-type { 13162 margin-bottom: 0; 13163 } 13164 13165 .quick-icons { 13166 background-color: #fff; 13167 } 13168 .quick-icons .nav { 13169 display: grid; 13170 grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); 13171 grid-gap: 1rem; 13172 } 13173 .quick-icons a { 13174 text-decoration: none; 13175 } 13176 .quick-icons ul { 13177 padding: 0; 13178 } 13179 .quick-icons .quickicon { 13180 --text-color: hsl(var(--hue), 30%, 40%); 13181 --bg-color: hsl(var(--hue), 60%, 97%); 13182 --icon-color: hsl(var(--hue), 30%, 40%); 13183 --bg-color-hvr: var(--template-bg-dark); 13184 display: flex; 13185 flex-grow: 1; 13186 } 13187 .quick-icons .quickicon a { 13188 display: flex; 13189 flex-direction: column; 13190 flex-grow: 1; 13191 justify-content: flex-end; 13192 padding: 0 1rem; 13193 color: var(--text-color); 13194 background-color: var(--bg-color); 13195 transition: all 0.25s ease; 13196 } 13197 .quick-icons .quickicon a .quickicon-icon { 13198 margin-top: 0.5rem; 13199 -webkit-margin-start: 0.2rem; 13200 margin-inline-start: 0.2rem; 13201 } 13202 .quick-icons .quickicon a .quickicon-icon > * { 13203 font-size: 2rem; 13204 color: var(--icon-color); 13205 } 13206 .quick-icons .quickicon a .quickicon-name { 13207 padding: 0.125rem 0 0.6rem; 13208 font-size: 0.875rem; 13209 font-weight: bold; 13210 } 13211 .quick-icons .quickicon a .quickicon-amount { 13212 padding: 0.25rem 0.5rem; 13213 font-weight: 700; 13214 line-height: 1rem; 13215 background: hsl(var(--hue), 50%, 93%); 13216 border-radius: 0.25rem; 13217 transition: all 0.25s ease; 13218 -webkit-margin-start: 0.5rem; 13219 margin-inline-start: 0.5rem; 13220 } 13221 .quick-icons .quickicon a .j-links-link { 13222 display: block; 13223 padding: 0 0.2rem; 13224 line-height: 1.1; 13225 } 13226 .quick-icons .quickicon a:hover, .quick-icons .quickicon a:focus, .quick-icons .quickicon a:active { 13227 color: #fff; 13228 text-decoration: none; 13229 background: var(--bg-color-hvr); 13230 } 13231 .quick-icons .quickicon a:hover .quickicon-amount, .quick-icons .quickicon a:focus .quickicon-amount, .quick-icons .quickicon a:active .quickicon-amount { 13232 background: var(--icon-color); 13233 } 13234 .quick-icons .quickicon a.warning, .quick-icons .quickicon a.danger { 13235 --text-color: var(--danger); 13236 --bg-color: #f4f0f0; 13237 --icon-color: #ce8484; 13238 --bg-color-hvr: var(--danger); 13239 } 13240 .quick-icons .quickicon a.success { 13241 --text-color: var(--success); 13242 --bg-color: #f3f9f3; 13243 --icon-color: #55a258; 13244 --bg-color-hvr: var(--success); 13245 } 13246 .quick-icons .quickicon-info { 13247 display: flex; 13248 align-items: flex-end; 13249 } 13250 .quick-icons .quickicon-linkadd { 13251 width: 2.5rem; 13252 font-size: 1.2rem; 13253 background: hsl(var(--hue), 50%, 93%); 13254 transition: all 0.25s ease; 13255 } 13256 .quick-icons .quickicon-linkadd a { 13257 align-items: flex-end; 13258 justify-content: center; 13259 width: 100%; 13260 } 13261 .quick-icons .quickicon-linkadd a > * { 13262 margin-bottom: 10px; 13263 color: hsl(var(--hue), 30%, 40%); 13264 } 13265 .quick-icons .quickicon-linkadd a:hover, .quick-icons .quickicon-linkadd a:focus, .quick-icons .quickicon-linkadd a:active { 13266 background: var(--template-bg-dark); 13267 } 13268 .quick-icons .quickicon-linkadd a:hover *, .quick-icons .quickicon-linkadd a:focus *, .quick-icons .quickicon-linkadd a:active * { 13269 color: #fff; 13270 } 13271 .quick-icons .quickicon-single, 13272 .quick-icons .quickicon-group { 13273 display: flex; 13274 min-height: 6rem; 13275 overflow: hidden; 13276 border: 1px solid hsl(var(--hue), 50%, 93%); 13277 border-radius: 4px; 13278 } 13279 13280 #content .menu-quicktask { 13281 position: absolute; 13282 inset-inline-end: 1.25rem; 13283 } 13284 13285 #content form .name.break-word { 13286 word-break: break-word; 13287 } 13288 13289 .sidebar-wrapper { 13290 z-index: 1010; 13291 min-height: calc(100vh - 66px); 13292 overflow: hidden; 13293 background-color: var(--template-sidebar-bg); 13294 box-shadow: 0 0 20px -10px var(--template-bg-dark-50); 13295 } 13296 .sidebar-wrapper .sidebar-sticky { 13297 position: sticky; 13298 top: 0; 13299 } 13300 .sidebar-wrapper .item { 13301 position: relative; 13302 display: flex; 13303 flex-wrap: wrap; 13304 list-style-type: none; 13305 } 13306 .sidebar-wrapper .item a, 13307 .sidebar-wrapper .item .menu-dashboard, 13308 .sidebar-wrapper .item .menu-quicktask { 13309 color: #fff; 13310 text-decoration: none; 13311 } 13312 .sidebar-wrapper .item a:hover, 13313 .sidebar-wrapper .item .menu-dashboard:hover, 13314 .sidebar-wrapper .item .menu-quicktask:hover { 13315 color: var(--template-text-light); 13316 text-decoration: none; 13317 background-color: var(--template-bg-dark-65); 13318 } 13319 .sidebar-wrapper .item > a { 13320 position: relative; 13321 display: flex; 13322 flex-grow: 1; 13323 align-items: center; 13324 min-height: 40px; 13325 } 13326 .sidebar-wrapper .item > a [class^=icon-], 13327 .sidebar-wrapper .item > a [class*=" icon-"], 13328 .sidebar-wrapper .item > a [class^=fa-], 13329 .sidebar-wrapper .item > a [class*=" fa-"] { 13330 margin: 0 0.85rem; 13331 -webkit-transform: scale(1.2); 13332 transform: scale(1.2); 13333 } 13334 .sidebar-wrapper .item-level-2 > a { 13335 -webkit-padding-start: 3rem; 13336 padding-inline-start: 3rem; 13337 } 13338 .sidebar-wrapper .item-level-3 > a { 13339 -webkit-padding-start: 3.75rem; 13340 padding-inline-start: 3.75rem; 13341 } 13342 @media (min-width: 576px) { 13343 .sidebar-wrapper { 13344 flex: 1 0 18rem; 13345 max-width: 18rem; 13346 transition: all 0.3s ease-in-out; 13347 } 13348 } 13349 @media (max-width: 575.98px) { 13350 .sidebar-wrapper.sidebar-menu { 13351 top: auto; 13352 } 13353 } 13354 .sidebar-wrapper .sidebar-toggle { 13355 background: var(--template-bg-dark-60); 13356 } 13357 .sidebar-wrapper .sidebar-toggle a { 13358 color: #fff; 13359 } 13360 .sidebar-wrapper .sidebar-toggle .sidebar-item-title { 13361 white-space: nowrap; 13362 } 13363 13364 .main-nav { 13365 width: 18rem; 13366 padding: 0; 13367 font-size: 0.95rem; 13368 } 13369 @media (max-width: 575.98px) { 13370 .main-nav { 13371 width: 100%; 13372 } 13373 } 13374 .main-nav li .menu-dashboard > a, 13375 .main-nav li .menu-quicktask > a { 13376 display: inline-flex; 13377 align-items: center; 13378 justify-content: center; 13379 width: 40px; 13380 height: 100%; 13381 } 13382 .main-nav ul { 13383 width: 100%; 13384 padding: 0; 13385 background-color: var(--template-bg-dark-75); 13386 } 13387 .main-nav .divider { 13388 height: 1px; 13389 margin: 0 0 0 48px; 13390 list-style: none; 13391 background-color: var(--template-bg-dark-60); 13392 } 13393 .main-nav .menuitem-group { 13394 margin-top: 0.65rem; 13395 font-size: 0.75rem; 13396 -webkit-padding-start: 3rem; 13397 padding-inline-start: 3rem; 13398 } 13399 .main-nav .menuitem-group .sidebar-item-title { 13400 color: var(--template-bg-dark-30); 13401 } 13402 .main-nav .has-arrow .sidebar-item-title { 13403 -webkit-margin-end: auto; 13404 margin-inline-end: auto; 13405 } 13406 .main-nav .has-arrow::after { 13407 display: flex; 13408 align-items: center; 13409 justify-content: center; 13410 width: 2rem; 13411 font-family: "Font Awesome 5 Free"; 13412 font-weight: 900; 13413 } 13414 [dir=ltr] .main-nav .has-arrow::after { 13415 content: "\f054"; 13416 } 13417 [dir=rtl] .main-nav .has-arrow::after { 13418 content: "\f053"; 13419 } 13420 .main-nav a.mm-active { 13421 background-color: var(--template-bg-dark-70); 13422 } 13423 .main-nav a.mm-active + .menu-quicktask { 13424 background-color: var(--template-bg-dark-60); 13425 } 13426 .main-nav .mm-active > .has-arrow::after { 13427 content: "\f078"; 13428 } 13429 .main-nav .mm-collapse { 13430 display: none; 13431 } 13432 .main-nav .mm-collapse.mm-collapsed, .main-nav .mm-collapse.mm-show { 13433 display: block; 13434 } 13435 .main-nav .mm-collapsing { 13436 position: relative; 13437 height: 0; 13438 overflow: hidden; 13439 transition: all 0.35s ease; 13440 } 13441 .main-nav .badge { 13442 align-self: center; 13443 margin: 0 0.3rem 0.25rem; 13444 background-color: var(--template-bg-dark-60); 13445 } 13446 13447 .closed .sidebar-wrapper { 13448 flex: 1 0 3rem; 13449 max-width: 3rem; 13450 overflow: visible; 13451 } 13452 .closed .sidebar-item-title, 13453 .closed .has-arrow::after, 13454 .closed .menu-dashboard { 13455 display: none; 13456 } 13457 .closed .main-nav, 13458 .closed .main-nav li { 13459 max-width: 3rem; 13460 } 13461 .closed .main-nav a:hover { 13462 position: relative; 13463 max-width: 3rem; 13464 } 13465 .closed .main-nav a:hover .sidebar-item-title { 13466 position: absolute; 13467 inset-inline-start: 100%; 13468 display: flex; 13469 align-items: center; 13470 height: 100%; 13471 padding: 0 1rem; 13472 white-space: nowrap; 13473 pointer-events: none; 13474 background-color: var(--template-bg-dark-60); 13475 border-end-start-radius: 0; 13476 border-end-end-radius: 0.25rem; 13477 border-start-end-radius: 0.25rem; 13478 border-start-start-radius: 0; 13479 } 13480 .closed .main-nav > li > ul { 13481 height: 0; 13482 padding: 0; 13483 visibility: hidden; 13484 } 13485 13486 @media (min-width: 576px) { 13487 .toggler-burger { 13488 display: none; 13489 } 13490 } 13491 @media (max-width: 575.98px) { 13492 #menu-collapse { 13493 display: none; 13494 background: var(--template-bg-dark-50); 13495 } 13496 13497 .toggler-burger { 13498 position: fixed; 13499 right: 0; 13500 bottom: 0; 13501 z-index: 9999; 13502 padding: 10px 15px; 13503 } 13504 [dir=rtl] .toggler-burger { 13505 right: auto; 13506 left: 0; 13507 } 13508 .toggler-burger:focus { 13509 box-shadow: none; 13510 } 13511 .toggler-burger .navbar-toggler-icon::before { 13512 display: inline-block; 13513 font: normal normal 900 28px/1 "Font Awesome 5 Free"; 13514 color: var(--toggle-color); 13515 content: "\f00d"; 13516 } 13517 .toggler-burger.collapsed .navbar-toggler-icon::before { 13518 content: "\f0c9"; 13519 } 13520 13521 .sidebar-menu { 13522 display: none; 13523 } 13524 .sidebar-menu.show, .sidebar-menu.collapsing { 13525 position: fixed; 13526 bottom: 55px; 13527 z-index: 9000; 13528 display: block; 13529 width: 100%; 13530 min-height: auto; 13531 max-height: calc(100vh - 72px); 13532 overflow-y: auto; 13533 } 13534 } 13535 .sidebar-nav { 13536 padding: 1rem 2rem; 13537 } 13538 .sidebar-nav li { 13539 font-size: 0.9rem; 13540 font-weight: 700; 13541 } 13542 .sidebar-nav li.divider { 13543 margin: 0.3rem 0; 13544 } 13545 .sidebar-nav li a { 13546 display: block; 13547 padding: 0.25rem; 13548 font-weight: 400; 13549 color: var(--template-text-dark); 13550 text-decoration: none; 13551 } 13552 .sidebar-nav li a::before { 13553 margin-right: 0.5rem; 13554 font-family: "Font Awesome 5 Free"; 13555 font-weight: 900; 13556 content: "\f054"; 13557 } 13558 [dir=rtl] .sidebar-nav li a::before { 13559 margin-right: 0; 13560 content: none; 13561 } 13562 [dir=rtl] .sidebar-nav li a::after { 13563 -webkit-margin-end: 0.5rem; 13564 margin-inline-end: 0.5rem; 13565 font-family: "Font Awesome 5 Free"; 13566 font-weight: 900; 13567 content: "\f053"; 13568 } 13569 .sidebar-nav li.item:hover, .sidebar-nav li.active { 13570 background-color: var(--template-bg-dark-60); 13571 } 13572 .sidebar-nav li.item:hover a, .sidebar-nav li.active a { 13573 color: var(--template-text-light); 13574 } 13575 13576 .switcher .toggle-outside { 13577 border: solid 1px var(--template-bg-dark-20); 13578 border-radius: 0.25rem; 13579 } 13580 .switcher .toggle-outside:focus { 13581 box-shadow: inset 0 0 0 0.1rem #e9e9e9; 13582 } 13583 .switcher input:focus ~ .toggle-outside { 13584 border-color: #39f; 13585 box-shadow: 0 0 0 0.2rem #eaeaea; 13586 } 13587 13588 .disabled { 13589 opacity: 0.4; 13590 } 13591 13592 .subhead { 13593 position: sticky; 13594 top: 0; 13595 right: 0; 13596 left: 0; 13597 z-index: 1000; 13598 width: auto; 13599 min-height: 43px; 13600 padding: 8px 1rem; 13601 color: var(--template-text-dark); 13602 background: #fff; 13603 background-image: linear-gradient(var(--toolbar-bg), var(--template-bg-dark-3)); 13604 box-shadow: 0 2px 10px -8px var(--template-bg-dark-50); 13605 } 13606 .subhead .row { 13607 margin-right: 0; 13608 margin-left: 0; 13609 } 13610 .subhead.noshadow { 13611 box-shadow: none; 13612 } 13613 .subhead joomla-toolbar-button, 13614 .subhead .btn-group { 13615 -webkit-margin-start: 0.75rem; 13616 margin-inline-start: 0.75rem; 13617 } 13618 .subhead joomla-toolbar-button:first-child, 13619 .subhead .btn-group:first-child { 13620 -webkit-margin-start: 0; 13621 margin-inline-start: 0; 13622 } 13623 .subhead joomla-toolbar-button .btn > span, 13624 .subhead joomla-toolbar-button .dropdown-item > span { 13625 -webkit-margin-end: 0.5rem; 13626 margin-inline-end: 0.5rem; 13627 width: 1.25em; 13628 text-align: center; 13629 } 13630 .subhead .btn { 13631 --subhead-btn-accent: var(--template-text-dark); 13632 padding: 0 1rem; 13633 margin: 5px 0; 13634 font-size: 1rem; 13635 line-height: 2.45rem; 13636 color: var(--template-text-dark); 13637 background: #fff; 13638 border-color: hsl(var(--hue), 20%, 80%); 13639 } 13640 .subhead .btn > span { 13641 display: inline-block; 13642 color: var(--subhead-btn-accent); 13643 } 13644 .subhead .btn:not([disabled]):hover, .subhead .btn:not([disabled]):active, .subhead .btn:not([disabled]):focus { 13645 color: rgba(255, 255, 255, 0.9); 13646 background-color: var(--subhead-btn-accent); 13647 border-color: var(--subhead-btn-accent); 13648 } 13649 .subhead .btn:not([disabled]):hover > span, .subhead .btn:not([disabled]):active > span, .subhead .btn:not([disabled]):focus > span { 13650 color: rgba(255, 255, 255, 0.9); 13651 } 13652 .subhead .btn.btn-success { 13653 --subhead-btn-accent: var(--success); 13654 } 13655 .subhead .btn.btn-danger { 13656 --subhead-btn-accent: var(--danger); 13657 } 13658 .subhead .btn.btn-primary { 13659 --subhead-btn-accent: var(--template-link-color); 13660 } 13661 .subhead .btn.btn-secondary { 13662 --subhead-btn-accent: var(--template-special-color); 13663 } 13664 .subhead .btn.btn-info { 13665 --subhead-btn-accent: var(--template-bg-dark); 13666 } 13667 .subhead .btn.btn-action { 13668 --subhead-btn-accent: var(--template-bg-dark); 13669 display: flex; 13670 align-items: center; 13671 } 13672 .subhead .btn.btn-action::after { 13673 width: 2.375rem; 13674 font-family: "Font Awesome 5 Free"; 13675 font-weight: 900; 13676 content: "\f078"; 13677 border: 0; 13678 } 13679 .subhead .btn[disabled], .subhead .btn.dropdown-toggle[disabled] { 13680 --subhead-btn-accent: var(--template-bg-dark); 13681 background: rgba(222, 226, 230, 0.8); 13682 opacity: 0.5; 13683 } 13684 .subhead .btn[disabled]:hover, .subhead .btn[disabled]:active, .subhead .btn[disabled]:focus, .subhead .btn.dropdown-toggle[disabled]:hover, .subhead .btn.dropdown-toggle[disabled]:active, .subhead .btn.dropdown-toggle[disabled]:focus { 13685 cursor: not-allowed; 13686 } 13687 .subhead .dropdown-toggle.btn { 13688 -webkit-padding-end: 0; 13689 padding-inline-end: 0; 13690 } 13691 .subhead .btn-group:not(:last-child) > .dropdown-toggle-split { 13692 order: 1; 13693 -webkit-margin-start: -0.25rem; 13694 margin-inline-start: -0.25rem; 13695 } 13696 [dir=ltr] .subhead .btn-group:not(:last-child) > .dropdown-toggle-split { 13697 border-radius: 0 0.25rem 0.25rem 0; 13698 } 13699 [dir=rtl] .subhead .btn-group:not(:last-child) > .dropdown-toggle-split { 13700 border-radius: 0.25rem 0 0 0.25rem; 13701 } 13702 .subhead .dropdown-menu joomla-toolbar-button, 13703 .subhead .btn-group joomla-toolbar-button { 13704 -webkit-margin-start: 0; 13705 margin-inline-start: 0; 13706 } 13707 .contentpane .subhead { 13708 margin: -15px -15px 0; 13709 background-image: none; 13710 border-bottom: 1px solid var(--template-bg-dark-7); 13711 } 13712 13713 @media (max-width: 575.98px) { 13714 joomla-tab[view=accordion] .col-md-9, 13715 joomla-tab[view=accordion] .col-md-3 { 13716 padding: 0.5rem 1rem !important; 13717 } 13718 13719 #myTab { 13720 margin-top: 1rem; 13721 margin-bottom: 1.5rem; 13722 } 13723 13724 joomla-tab[view=accordion] ul li { 13725 width: 100%; 13726 } 13727 13728 .toggler-toolbar { 13729 top: 0; 13730 bottom: auto; 13731 z-index: 1030; 13732 padding: 7px 10px; 13733 margin: 5px; 13734 background-color: var(--template-bg-dark); 13735 border-radius: 30px; 13736 } 13737 .toggler-toolbar .toggler-toolbar-icon::before { 13738 font: normal normal 900 28px/1 "Font Awesome 5 Free"; 13739 color: var(--toggle-color); 13740 content: "\f00d"; 13741 } 13742 .toggler-toolbar.collapsed .toggler-toolbar-icon::before { 13743 content: "\f085"; 13744 } 13745 13746 .subhead { 13747 padding-right: 0; 13748 padding-left: 0; 13749 } 13750 .subhead joomla-toolbar-button, 13751 .subhead .btn-group, 13752 .subhead .btn { 13753 width: 100%; 13754 margin-left: 0; 13755 text-align: left; 13756 } 13757 .subhead .btn-toolbar > .btn-group, 13758 .subhead .btn-toolbar > joomla-toolbar-button { 13759 margin-left: 0; 13760 } 13761 .subhead .btn.btn-action::after { 13762 text-align: center; 13763 -webkit-margin-start: auto; 13764 margin-inline-start: auto; 13765 } 13766 .subhead .dropdown-toggle-split { 13767 width: auto; 13768 } 13769 } 13770 .treeselect { 13771 display: block; 13772 padding-left: 0; 13773 list-style: none; 13774 } 13775 .treeselect .nav-header { 13776 font-weight: 700; 13777 color: #212529; 13778 } 13779 .treeselect li { 13780 position: relative; 13781 display: block; 13782 line-height: 2.2rem; 13783 list-style: none; 13784 } 13785 .treeselect li::before { 13786 position: absolute; 13787 top: 14px; 13788 inset-inline-start: 25px; 13789 width: 10px; 13790 height: 1px; 13791 margin: auto; 13792 content: ""; 13793 background-color: rgba(0, 0, 0, 0.2); 13794 } 13795 .treeselect li::after { 13796 position: absolute; 13797 top: 0; 13798 bottom: 0; 13799 inset-inline-start: 25px; 13800 width: 1px; 13801 height: 100%; 13802 content: ""; 13803 background-color: rgba(0, 0, 0, 0.2); 13804 } 13805 .treeselect li:last-child::after { 13806 height: 14px; 13807 } 13808 .treeselect li li { 13809 -webkit-padding-start: 40px; 13810 padding-inline-start: 40px; 13811 } 13812 .treeselect > li::before, 13813 .treeselect > li::after { 13814 display: none; 13815 } 13816 .treeselect .icon-, 13817 .treeselect .fa- { 13818 display: none; 13819 } 13820 .treeselect .treeselect-toggle { 13821 display: inline-block; 13822 padding: 0; 13823 margin-right: 0.1rem; 13824 text-align: center; 13825 cursor: pointer; 13826 } 13827 .treeselect .treeselect-menu { 13828 display: inline-block; 13829 } 13830 .treeselect .treeselect-item { 13831 display: inline-block; 13832 } 13833 .treeselect .treeselect-item input { 13834 position: relative; 13835 top: 1px; 13836 margin-right: 0.2rem; 13837 } 13838 .treeselect .treeselect-item label { 13839 margin-bottom: 0; 13840 } 13841 .treeselect .dropdown-toggle { 13842 padding: 0 0.5rem 0.3rem; 13843 margin-left: 0.5rem; 13844 } 13845 .treeselect .dropdown-toggle::after { 13846 margin-left: 0; 13847 font-size: 1rem; 13848 color: var(--template-text-dark); 13849 } 13850 13851 .treeselect-sub { 13852 padding-left: 0; 13853 } 13854 13855 .tree-holder ul ul li::before, 13856 .tree-holder ul ul li::after { 13857 inset-inline-start: 8px; 13858 display: block; 13859 } 13860 .tree-holder ul ul li::before { 13861 top: 12px; 13862 } 13863 .tree-holder ul ul li:last-child::after { 13864 height: 12px; 13865 } 13866 .tree-holder li { 13867 line-height: 1.8rem; 13868 } 13869 .tree-holder li li { 13870 -webkit-padding-start: 20px; 13871 padding-inline-start: 20px; 13872 } 13873 13874 * { 13875 box-sizing: border-box; 13876 } 13877 13878 .element-invisible { 13879 position: absolute; 13880 width: 1px; 13881 height: 1px; 13882 padding: 0; 13883 overflow: hidden; 13884 clip: rect(0, 0, 0, 0); 13885 white-space: nowrap; 13886 border: 0; 13887 -webkit-clip-path: inset(50%); 13888 clip-path: inset(50%); 13889 } 13890 13891 .hidden { 13892 display: none; 13893 } 13894 13895 .table-row { 13896 display: table-row; 13897 } 13898 13899 .form-grid { 13900 --span-1: span 1; 13901 --span-2: span 1; 13902 --span-3: span 1; 13903 --span-4: span 1; 13904 --span-5: span 1; 13905 display: grid; 13906 grid-template-columns: repeat(1, 1fr); 13907 grid-gap: 1rem; 13908 } 13909 @media (min-width: 576px) { 13910 .form-grid { 13911 --span-2: span 2; 13912 --span-3: span 2; 13913 --span-4: span 2; 13914 --span-5: span 2; 13915 grid-template-columns: repeat(2, 1fr); 13916 } 13917 } 13918 @media (min-width: 1400px) { 13919 .form-grid { 13920 --span-3: span 3; 13921 --span-4: span 4; 13922 --span-5: span 5; 13923 grid-template-columns: repeat(6, 1fr); 13924 } 13925 } 13926 .form-grid > * { 13927 grid-column: 1/-1; 13928 } 13929 .form-grid .stack { 13930 flex-direction: column; 13931 } 13932 .form-grid .span-1 { 13933 grid-column: 1/var(--span-1); 13934 } 13935 .form-grid .span-1-inline { 13936 grid-column: var(--span-1); 13937 } 13938 .form-grid .span-2 { 13939 grid-column: 1/var(--span-2); 13940 } 13941 .form-grid .span-2-inline { 13942 grid-column: var(--span-1); 13943 } 13944 @media (min-width: 1400px) { 13945 .form-grid .span-2-inline { 13946 grid-column: var(--span-2); 13947 } 13948 } 13949 .form-grid .span-3 { 13950 grid-column: 1/var(--span-3); 13951 } 13952 .form-grid .span-3-inline { 13953 grid-column: var(--span-3); 13954 } 13955 .form-grid .span-4 { 13956 grid-column: 1/var(--span-4); 13957 } 13958 .form-grid .span-4-inline { 13959 grid-column: var(--span-4); 13960 } 13961 .form-grid .span-5 { 13962 grid-column: 1/var(--span-5); 13963 } 13964 .form-grid .span-5-inline { 13965 grid-column: var(--span-5); 13966 } 13967 @media (min-width: 992px) { 13968 .form-grid .offset-1 { 13969 grid-column-start: 2; 13970 } 13971 .form-grid .offset-2 { 13972 grid-column-start: 3; 13973 } 13974 .form-grid .offset-3 { 13975 grid-column-start: 4; 13976 } 13977 .form-grid .offset-4 { 13978 grid-column-start: 5; 13979 } 13980 .form-grid .offset-5 { 13981 grid-column-start: 6; 13982 } 13983 } 13984 13985 .w-1 { 13986 width: 1%; 13987 } 13988 13989 .w-3 { 13990 width: 3%; 13991 } 13992 13993 .w-5 { 13994 width: 5%; 13995 } 13996 13997 .w-6 { 13998 width: 6%; 13999 } 14000 14001 .w-7 { 14002 width: 7%; 14003 } 14004 14005 .w-10 { 14006 width: 10%; 14007 } 14008 14009 .w-12 { 14010 width: 12%; 14011 } 14012 14013 .w-15 { 14014 width: 15%; 14015 } 14016 14017 .w-20 { 14018 width: 20%; 14019 } 14020 14021 .w-30 { 14022 width: 30%; 14023 } 14024 14025 .w-35 { 14026 width: 35%; 14027 } 14028 14029 .w-40 { 14030 width: 40%; 14031 } 14032 14033 .w-60 { 14034 width: 60%; 14035 } 14036 14037 .w-80 { 14038 width: 80%; 14039 } 14040 14041 .editor-xtd-buttons .btn { 14042 margin-bottom: 5px; 14043 } 14044 14045 .CodeMirror-fullscreen { 14046 top: 133px; 14047 } 14048 14049 .gu-mirror { 14050 position: fixed !important; 14051 z-index: 1060 !important; 14052 display: table; 14053 margin: 0 !important; 14054 cursor: move; 14055 background-color: #20c997; 14056 opacity: 0.8; 14057 } 14058 .gu-mirror td, .gu-mirror th { 14059 background-color: #20c997; 14060 } 14061 14062 .js-draggable .sortable-handler { 14063 cursor: move; 14064 } 14065 14066 .editor .toggle-editor { 14067 margin-top: 1rem; 14068 } 14069 .editor .mce-tinymce { 14070 border: 1px solid var(--template-bg-dark); 14071 } 14072 .editor .mce-btn, 14073 .editor .mce-panel { 14074 background: var(--white-offset); 14075 } 14076 14077 .tox-fullscreen { 14078 z-index: 1039 !important; 14079 } 14080 14081 .container-main .mce-panel { 14082 background: transparent; 14083 border: 0; 14084 box-shadow: none; 14085 } 14086 .container-main .mce-top-part { 14087 margin-bottom: 1rem; 14088 } 14089 .container-main .mce-top-part::before { 14090 box-shadow: none; 14091 } 14092 .container-main .mce-menubar .mce-menubtn { 14093 background-color: #fff; 14094 } 14095 .container-main .mce-flow-layout-item { 14096 margin: 2px 8px 2px 0; 14097 } 14098 .container-main .mce-btn-group:not(:first-child) { 14099 margin-right: 6px; 14100 margin-left: 0; 14101 } 14102 .container-main .mce-btn-group .mce-btn { 14103 margin: 0 1px 0 0; 14104 } 14105 .container-main .mce-statusbar .mce-container-body { 14106 background-color: #fff; 14107 border-top: var(--template-bg-light) 1px solid; 14108 } 14109 14110 .com_config #fieldset-permissions { 14111 grid-template-columns: 1fr; 14112 } 14113 .com_config #page-filters .form-select, .com_config #page-filters .custom-select { 14114 width: auto; 14115 } 14116 .com_config .tab-description { 14117 grid-column: 1/-1; 14118 } 14119 .com_config .options-menu .revert-controls .controls { 14120 -webkit-margin-start: 0; 14121 margin-inline-start: 0; 14122 } 14123 14124 .com_content.layout-edit joomla-field-media .field-media-preview { 14125 height: 10.25rem; 14126 } 14127 .com_content.layout-edit joomla-tab #attrib-basic[active], 14128 .com_content.layout-edit joomla-tab #editor[active] { 14129 display: flex; 14130 flex-wrap: wrap; 14131 } 14132 .com_content.layout-edit joomla-tab #attrib-basic[active] .form-group, 14133 .com_content.layout-edit joomla-tab #editor[active] .form-group { 14134 flex: 0 0 50%; 14135 max-width: 50%; 14136 box-shadow: none; 14137 } 14138 .com_content.layout-edit joomla-tab #attrib-basic[active] .form-group:nth-child(1), .com_content.layout-edit joomla-tab #attrib-basic[active] .form-group:nth-child(19), 14139 .com_content.layout-edit joomla-tab #editor[active] .form-group:nth-child(1), 14140 .com_content.layout-edit joomla-tab #editor[active] .form-group:nth-child(19) { 14141 flex: 0 0 100%; 14142 max-width: 100%; 14143 } 14144 .com_content.layout-edit joomla-tab #attrib-basic[active] .field-spacer, 14145 .com_content.layout-edit joomla-tab #editor[active] .field-spacer { 14146 flex: 0 0 100%; 14147 max-width: 100%; 14148 } 14149 14150 .cpanel-add-module-icon-help .list-group-item, .cpanel-add-module-icon-system .list-group-item, 14151 .com-cpanel-help .list-group-item, 14152 .com-cpanel-system .list-group-item { 14153 padding: 0; 14154 } 14155 .cpanel-add-module-icon-help .list-group-item a, .cpanel-add-module-icon-system .list-group-item a, 14156 .com-cpanel-help .list-group-item a, 14157 .com-cpanel-system .list-group-item a { 14158 display: block; 14159 padding: 0.75rem 1rem; 14160 } 14161 .cpanel-add-module-icon-help__header, 14162 .com-cpanel-help__header { 14163 color: var(--template-special-color); 14164 } 14165 .cpanel-add-module-icon-help a, 14166 .com-cpanel-help a { 14167 color: var(--template-link-color); 14168 } 14169 .cpanel-add-module-icon-help h2, .cpanel-add-module-icon-help .h2, 14170 .com-cpanel-help h2, 14171 .com-cpanel-help .h2 { 14172 font-size: 1rem; 14173 } 14174 .cpanel-add-module-icon-system, 14175 .com-cpanel-system { 14176 -webkit-column-count: 4; 14177 -moz-column-count: 4; 14178 column-count: 4; 14179 } 14180 .cpanel-add-module-icon-system__category, 14181 .com-cpanel-system__category { 14182 margin-bottom: 1.5em; 14183 page-break-inside: avoid; 14184 -webkit-column-break-inside: avoid; 14185 -moz-column-break-inside: avoid; 14186 break-inside: avoid; 14187 } 14188 .cpanel-add-module-icon-system__header, 14189 .com-cpanel-system__header { 14190 color: var(--template-special-color); 14191 } 14192 .cpanel-add-module-icon-system__header span, 14193 .com-cpanel-system__header span { 14194 margin-right: 5px; 14195 } 14196 .cpanel-add-module-icon-system a, 14197 .com-cpanel-system a { 14198 color: var(--template-link-color); 14199 } 14200 .cpanel-add-module-icon-system h2, .cpanel-add-module-icon-system .h2, 14201 .com-cpanel-system h2, 14202 .com-cpanel-system .h2 { 14203 font-size: 1rem; 14204 } 14205 @media (max-width: 991.98px) { 14206 .cpanel-add-module-icon-system, 14207 .com-cpanel-system { 14208 -webkit-column-count: 2; 14209 -moz-column-count: 2; 14210 column-count: 2; 14211 } 14212 } 14213 @media (max-width: 767.98px) { 14214 .cpanel-add-module-icon-system, 14215 .com-cpanel-system { 14216 -webkit-column-count: 1; 14217 -moz-column-count: 1; 14218 column-count: 1; 14219 } 14220 } 14221 14222 .com_cpanel .content { 14223 margin-top: 2rem; 14224 } 14225 .com_cpanel .card p:last-child { 14226 margin-bottom: 0; 14227 } 14228 .com_cpanel .card .list-group, 14229 .com_cpanel .card .table { 14230 padding: 0; 14231 margin-bottom: unset; 14232 } 14233 .com_cpanel .card-header { 14234 display: flex; 14235 align-items: center; 14236 padding: 1rem 1rem 0.75rem; 14237 font-weight: 700; 14238 color: var(--template-bg-dark); 14239 background: var(--card-bg); 14240 } 14241 .com_cpanel .card-header > [class^=icon-], 14242 .com_cpanel .card-header > img { 14243 -webkit-margin-end: 0.5rem; 14244 margin-inline-end: 0.5rem; 14245 } 14246 .com_cpanel .card-header .btn { 14247 margin-top: 0.25em; 14248 margin-bottom: 0.25em; 14249 } 14250 .com_cpanel .card-body { 14251 padding: 0; 14252 overflow: hidden; 14253 border-bottom-right-radius: 0.25rem; 14254 border-bottom-left-radius: 0.25rem; 14255 } 14256 .com_cpanel .module-actions { 14257 order: 1; 14258 -webkit-margin-start: auto; 14259 margin-inline-start: auto; 14260 } 14261 .com_cpanel .module-actions > * { 14262 padding: 0; 14263 color: var(--template-bg-dark-70); 14264 } 14265 .com_cpanel .cpanel-add-module { 14266 display: flex; 14267 flex-direction: column; 14268 align-items: flex-start; 14269 justify-content: flex-end; 14270 width: 100%; 14271 min-height: 130px; 14272 padding: 0 1rem; 14273 font-size: 0.875rem; 14274 font-weight: 700; 14275 line-height: 1; 14276 color: hsl(var(--hue), 30%, 40%); 14277 background-color: hsl(var(--hue), 35%, 98%); 14278 border: 1px solid hsl(var(--hue), 35%, 88%); 14279 border-radius: 0.25rem; 14280 transition: all 0.15s ease-in; 14281 } 14282 .com_cpanel .cpanel-add-module:hover, .com_cpanel .cpanel-add-module:focus, .com_cpanel .cpanel-add-module:active { 14283 color: #fff; 14284 text-decoration: none; 14285 background: var(--template-bg-dark); 14286 } 14287 .com_cpanel .cpanel-add-module > span { 14288 padding: 0.25rem 0 1rem; 14289 } 14290 .com_cpanel .cpanel-add-module .cpanel-add-module-icon { 14291 font-size: 2rem; 14292 color: hsl(var(--hue), 30%, 40%); 14293 -webkit-margin-end: 0.5rem; 14294 margin-inline-end: 0.5rem; 14295 } 14296 14297 .cpanel-modules .list-group { 14298 border-top: 1px solid hsl(var(--hue), 40%, 85%); 14299 } 14300 .cpanel-modules .list-group-item:hover { 14301 background: var(--toolbar-bg); 14302 } 14303 .cpanel-modules .list-group-item a { 14304 font-weight: 500; 14305 text-decoration: underline; 14306 } 14307 .cpanel-modules .list-group-item .btn { 14308 text-decoration: none; 14309 } 14310 .cpanel-modules .list-group-item .list-group-item a > span[class^=icon-], .cpanel-modules .list-group-item .list-group-item a > span[class*=" icon-"], .cpanel-modules .list-group-item .list-group-item a > span[class^=fa-], .cpanel-modules .list-group-item .list-group-item a > span[class*=" fa-"] { 14311 display: block; 14312 padding: 0.5rem; 14313 color: rgba(255, 255, 255, 0.9); 14314 background: var(--template-link-color); 14315 box-shadow: 0 2px 10px -8px var(--template-bg-dark-50); 14316 } 14317 .cpanel-modules .list-group-item .list-group-item a > span[class^=icon-]:hover, .cpanel-modules .list-group-item .list-group-item a > span[class*=" icon-"]:hover, .cpanel-modules .list-group-item .list-group-item a > span[class^=fa-]:hover, .cpanel-modules .list-group-item .list-group-item a > span[class*=" fa-"]:hover { 14318 background: var(--template-link-hover-color); 14319 } 14320 .cpanel-modules .list-group-item span.home-image[class^=icon-], .cpanel-modules .list-group-item span.home-image[class*=" icon-"], .cpanel-modules .list-group-item span.home-image[class^=fa-], .cpanel-modules .list-group-item span.home-image[class*=" fa-"] { 14321 display: inline-block; 14322 padding: 0; 14323 margin: 0 0.85rem; 14324 font-size: 0.9rem; 14325 color: #010101; 14326 background: var(--white-offset); 14327 box-shadow: none; 14328 -webkit-transform: scale(1.2); 14329 transform: scale(1.2); 14330 } 14331 .cpanel-modules h2, .cpanel-modules .h2 { 14332 margin-bottom: 0; 14333 font-size: 1rem; 14334 } 14335 .cpanel-modules .mod-custom { 14336 padding: 1rem; 14337 } 14338 14339 .sample-data .list-group-item { 14340 padding: 1rem; 14341 } 14342 14343 .sample-data__title { 14344 font-weight: bold; 14345 color: var(--primary); 14346 } 14347 14348 .sample-data__icon { 14349 width: 1.3rem; 14350 text-align: center; 14351 } 14352 14353 .sample-data__desc { 14354 -webkit-border-start: 4px solid hsl(var(--hue), 50%, 93%); 14355 border-inline-start: 4px solid hsl(var(--hue), 50%, 93%); 14356 -webkit-padding-start: 1rem; 14357 padding-inline-start: 1rem; 14358 -webkit-margin-start: 8px; 14359 margin-inline-start: 8px; 14360 } 14361 14362 .com_joomlaupdate caption { 14363 caption-side: top; 14364 } 14365 14366 .new-modules .card-columns { 14367 grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); 14368 } 14369 14370 .new-module { 14371 display: flex; 14372 overflow: hidden; 14373 color: hsl(var(--hue), 30%, 40%); 14374 background-color: hsl(var(--hue), 60%, 97%); 14375 border: 1px solid hsl(var(--hue), 50%, 93%); 14376 border-radius: 0.25rem; 14377 } 14378 .new-module * { 14379 transition: all 0.25s ease; 14380 } 14381 .new-module-details { 14382 flex: 1 0; 14383 padding: 1rem; 14384 } 14385 .new-module-title { 14386 margin-bottom: 0.25rem; 14387 font-size: 1rem; 14388 font-weight: 700; 14389 } 14390 .new-module-caption { 14391 display: flex; 14392 margin: 0; 14393 font-size: 0.875rem; 14394 } 14395 .new-module-link { 14396 display: flex; 14397 align-items: flex-end; 14398 justify-content: center; 14399 width: 2.5rem; 14400 font-size: 1.2rem; 14401 background: hsl(var(--hue), 50%, 93%); 14402 } 14403 .new-module-link span { 14404 margin-bottom: 10px; 14405 color: hsl(var(--hue), 30%, 40%); 14406 } 14407 .new-module:hover .new-module-link { 14408 background: var(--template-bg-dark); 14409 } 14410 .new-module:hover .new-module-link span { 14411 color: #fff; 14412 } 14413 14414 .com_tags #fieldset-image-intro > div, 14415 .com_tags #fieldset-image-fulltext > div { 14416 grid-template-columns: 1fr; 14417 } 14418 @media (min-width: 768px) { 14419 .com_tags #fieldset-image-intro, 14420 .com_tags #fieldset-image-fulltext { 14421 display: inline-block; 14422 width: calc(50% - 15px); 14423 } 14424 } 14425 .com_tags #fieldset-image-intro { 14426 -webkit-margin-end: 15px; 14427 margin-inline-end: 15px; 14428 } 14429 .com_tags #fieldset-image-fulltext { 14430 -webkit-margin-start: 15px; 14431 margin-inline-start: 15px; 14432 } 14433 14434 .tbody-icon .icon-download, 14435 .tbody-icon .fa-download { 14436 color: var(--success); 14437 border-color: var(--success); 14438 } 14439 .tbody-icon .icon-mail, 14440 .tbody-icon .fa-mail { 14441 color: var(--primary); 14442 border-color: var(--primary); 14443 } 14444 .tbody-icon .icon-delete, 14445 .tbody-icon .fa-delete, 14446 .tbody-icon .icon-times, 14447 .tbody-icon .fa-times { 14448 color: var(--danger); 14449 border-color: var(--danger); 14450 } 14451 14452 .com_templates .menu-assignment { 14453 position: relative; 14454 } 14455 .com_templates .menu-assignment .menu-links { 14456 padding-left: 0; 14457 margin-top: 15px; 14458 margin-left: 0; 14459 -webkit-column-count: 3; 14460 -moz-column-count: 3; 14461 column-count: 3; 14462 -webkit-column-gap: 15px; 14463 -moz-column-gap: 15px; 14464 column-gap: 15px; 14465 } 14466 @media (max-width: 991.98px) { 14467 .com_templates .menu-assignment .menu-links { 14468 -webkit-column-count: auto; 14469 -moz-column-count: auto; 14470 column-count: auto; 14471 } 14472 } 14473 .com_templates .menu-assignment .menu-links > li { 14474 display: inline-block; 14475 width: 100%; 14476 margin-bottom: 15px; 14477 vertical-align: top; 14478 list-style: none; 14479 -webkit-backface-visibility: hidden; 14480 backface-visibility: hidden; 14481 page-break-inside: avoid; 14482 -webkit-column-break-inside: avoid; 14483 -moz-column-break-inside: avoid; 14484 break-inside: avoid; 14485 } 14486 .com_templates .menu-assignment .menu-links-block { 14487 padding: 15px; 14488 background-color: var(--card-bg); 14489 border: 1px solid #dee2e6; 14490 border-radius: 3px; 14491 } 14492 .com_templates .menu-assignment label { 14493 display: block; 14494 padding: 3px 0; 14495 font-size: inherit; 14496 } 14497 .com_templates .menu-assignment label input { 14498 position: relative; 14499 -webkit-margin-end: 5px; 14500 margin-inline-end: 5px; 14501 } 14502 .com_templates .thumbnail > img { 14503 max-width: 100%; 14504 max-height: 100%; 14505 } 14506 14507 .com_users.view-debuggroup thead th, .com_users.view-debuguser thead th { 14508 white-space: normal; 14509 } 14510 .com_users.view-debuggroup .legend, .com_users.view-debuguser .legend { 14511 margin: 1rem 1rem 0; 14512 } 14513 .com_users.view-mail .form-control { 14514 max-width: 100%; 14515 } 14516 .com_users #fieldset-groups .controls { 14517 -webkit-margin-start: 2rem; 14518 margin-inline-start: 2rem; 14519 } 14520 14521 @media (prefers-reduced-motion: reduce) { 14522 *, ::before, ::after { 14523 background-attachment: initial !important; 14524 transition-delay: 0s !important; 14525 transition-duration: 0.001ms !important; 14526 -webkit-animation-duration: 1ms !important; 14527 animation-duration: 1ms !important; 14528 -webkit-animation-delay: -1ms !important; 14529 animation-delay: -1ms !important; 14530 -webkit-animation-iteration-count: 1 !important; 14531 animation-iteration-count: 1 !important; 14532 scroll-behavior: auto !important; 14533 } 14534 } 14535 .float-start { 14536 float: right !important; 14537 } 14538 14539 .float-end { 14540 float: left !important; 14541 } 14542 14543 .modal-header .btn-close { 14544 margin: -0.5rem auto -0.5rem -0.5rem; 14545 } 14546 14547 .text-start { 14548 text-align: right !important; 14549 } 14550 14551 .text-end { 14552 text-align: left !important; 14553 } 14554 14555 .me-0 { 14556 margin-right: auto !important; 14557 margin-left: 0 !important; 14558 } 14559 14560 .me-1 { 14561 margin-right: auto !important; 14562 margin-left: 0.25rem !important; 14563 } 14564 14565 .me-2 { 14566 margin-right: auto !important; 14567 margin-left: 0.5rem !important; 14568 } 14569 14570 .me-3 { 14571 margin-right: auto !important; 14572 margin-left: 1rem !important; 14573 } 14574 14575 .me-4 { 14576 margin-right: auto !important; 14577 margin-left: 1.5rem !important; 14578 } 14579 14580 .me-5 { 14581 margin-right: auto !important; 14582 margin-left: 3rem !important; 14583 } 14584 14585 .me-auto { 14586 margin-right: 0 !important; 14587 margin-left: auto !important; 14588 } 14589 14590 .ms-0 { 14591 margin-right: 0 !important; 14592 margin-left: auto !important; 14593 } 14594 14595 .ms-1 { 14596 margin-right: 0.25rem !important; 14597 margin-left: auto !important; 14598 } 14599 14600 .ms-2 { 14601 margin-right: 0.5rem !important; 14602 margin-left: auto !important; 14603 } 14604 14605 .ms-3 { 14606 margin-right: 1rem !important; 14607 margin-left: auto !important; 14608 } 14609 14610 .ms-4 { 14611 margin-right: 1.5rem !important; 14612 margin-left: auto !important; 14613 } 14614 14615 .ms-5 { 14616 margin-right: 3rem !important; 14617 margin-left: auto !important; 14618 } 14619 14620 .ms-auto { 14621 margin-right: auto !important; 14622 margin-left: 0 !important; 14623 } 14624 14625 .pe-0 { 14626 padding-right: 0 !important; 14627 padding-left: 0 !important; 14628 } 14629 14630 .pe-1 { 14631 padding-right: 0 !important; 14632 padding-left: 0.25rem !important; 14633 } 14634 14635 .pe-2 { 14636 padding-right: 0 !important; 14637 padding-left: 0.5rem !important; 14638 } 14639 14640 .pe-3 { 14641 padding-right: 0 !important; 14642 padding-left: 1rem !important; 14643 } 14644 14645 .pe-4 { 14646 padding-right: 0 !important; 14647 padding-left: 1.5rem !important; 14648 } 14649 14650 .pe-5 { 14651 padding-right: 0 !important; 14652 padding-left: 3rem !important; 14653 } 14654 14655 .ps-0 { 14656 padding-right: 0 !important; 14657 padding-left: 0 !important; 14658 } 14659 14660 .ps-1 { 14661 padding-right: 0.25rem !important; 14662 padding-left: 0 !important; 14663 } 14664 14665 .ps-2 { 14666 padding-right: 0.5rem !important; 14667 padding-left: 0 !important; 14668 } 14669 14670 .ps-3 { 14671 padding-right: 1rem !important; 14672 padding-left: 0 !important; 14673 } 14674 14675 .ps-4 { 14676 padding-right: 1.5rem !important; 14677 padding-left: 0 !important; 14678 } 14679 14680 .ps-5 { 14681 padding-right: 3rem !important; 14682 padding-left: 0 !important; 14683 } 14684 14685 .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), 14686 .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { 14687 border-top-right-radius: 0.25rem; 14688 border-bottom-right-radius: 0.25rem; 14689 } 14690 .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), 14691 .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { 14692 border-top-right-radius: 0; 14693 border-bottom-right-radius: 0; 14694 } 14695 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { 14696 margin-left: -1px; 14697 border-top-left-radius: 0; 14698 border-bottom-left-radius: 0; 14699 border-top-right-radius: 0; 14700 border-bottom-right-radius: 0; 14701 } 14702 .input-group > :last-child:not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { 14703 margin-left: -1px; 14704 border-top-left-radius: 0.25rem; 14705 border-bottom-left-radius: 0.25rem; 14706 border-top-right-radius: 0; 14707 border-bottom-right-radius: 0; 14708 } 14709 14710 .dropdown-menu { 14711 text-align: right; 14712 } 14713 14714 dl, 14715 ol, 14716 ul { 14717 padding-right: 0; 14718 } 14719 14720 #jform_new_url, 14721 #jform_old_url, 14722 #new_url { 14723 text-align: left; 14724 } 14725 14726 #jform_dbprefix { 14727 text-align: right; 14728 direction: ltr; 14729 } 14730 14731 .input-group > .form-control:not(:last-child), 14732 .input-group > .form-select:not(:last-child), 14733 .input-group > .custom-select:not(:last-child) { 14734 border-top-left-radius: 0; 14735 border-bottom-left-radius: 0; 14736 border-top-right-radius: 0.25rem; 14737 border-bottom-right-radius: 0.25rem; 14738 } 14739 14740 .btn-group > .btn:first-child:not(.dropdown-toggle) { 14741 border-top-right-radius: 0.25rem; 14742 border-bottom-right-radius: 0.25rem; 14743 } 14744 14745 .btn-group > .btn:not(:last-child):not(.dropdown-toggle), 14746 .btn-group > .btn-group:not(:last-child) > .btn { 14747 border-top-left-radius: 0; 14748 border-bottom-left-radius: 0; 14749 margin-left: -1px; 14750 } 14751 14752 .btn-group > .btn:last-child:not(.dropdown-toggle) { 14753 border-top-left-radius: 0.25rem; 14754 border-bottom-left-radius: 0.25rem; 14755 } 14756 14757 .btn-group > .btn:not(:first-child), 14758 .btn-group > .btn-group:not(:first-child) { 14759 border-top-right-radius: 0; 14760 border-bottom-right-radius: 0; 14761 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated: Wed Sep 7 05:41:13 2022 | Chilli.vc Blog - For Webmaster,Blog-Writer,System Admin and Domainer |