1@charset "UTF-8"; 2@font-face { 3 font-family: 'FontAwesome'; 4 src: url("[[font:core|fontawesome-webfont.eot]]?v=4.7.0"); 5 src: url("[[font:core|fontawesome-webfont.eot]]?#iefix&v=4.7.0") format("embedded-opentype"), url("[[font:core|fontawesome-webfont.woff2]]?v=4.7.0") format("woff2"), url("[[font:core|fontawesome-webfont.woff]]?v=4.7.0") format("woff"), url("[[font:core|fontawesome-webfont.ttf]]?v=4.7.0") format("truetype"), url("[[font:core|fontawesome-webfont.svg]]?v=4.7.0#fontawesomeregular") format("svg"); 6 font-weight: normal; 7 font-style: normal; } 8 9/*! 10 * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 11 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 12 */ 13.fa { 14 display: inline-block; 15 font: normal normal normal 14px/1 FontAwesome; 16 font-size: inherit; 17 text-rendering: auto; 18 -webkit-font-smoothing: antialiased; 19 -moz-osx-font-smoothing: grayscale; } 20 21/* makes the font 33% larger relative to the icon container */ 22.fa-lg { 23 font-size: 1.3333333333em; 24 line-height: 0.75em; 25 vertical-align: -15%; } 26 27.fa-2x { 28 font-size: 2em; } 29 30.fa-3x { 31 font-size: 3em; } 32 33.fa-4x { 34 font-size: 4em; } 35 36.fa-5x { 37 font-size: 5em; } 38 39.fa-fw { 40 width: 1.2857142857em; 41 text-align: center; } 42 43.fa-ul { 44 padding-left: 0; 45 margin-left: 2.1428571429em; 46 list-style-type: none; } 47 .fa-ul > li { 48 position: relative; } 49 50.fa-li { 51 position: absolute; 52 left: -2.1428571429em; 53 width: 2.1428571429em; 54 top: 0.1428571429em; 55 text-align: center; } 56 .fa-li.fa-lg { 57 left: -1.8571428571em; } 58 59.fa-border { 60 padding: .2em .25em .15em; 61 border: solid 0.08em #eee; 62 border-radius: .1em; } 63 64.fa-pull-left { 65 float: left; } 66 67.fa-pull-right { 68 float: right; } 69 70.fa.fa-pull-left { 71 margin-right: .3em; } 72 73.fa.fa-pull-right { 74 margin-left: .3em; } 75 76/* Deprecated as of 4.4.0 */ 77.pull-right { 78 float: right; } 79 80.pull-left { 81 float: left; } 82 83.fa.pull-left { 84 margin-right: .3em; } 85 86.fa.pull-right { 87 margin-left: .3em; } 88 89.fa-spin { 90 -webkit-animation: fa-spin 2s infinite linear; 91 animation: fa-spin 2s infinite linear; } 92 93.fa-pulse { 94 -webkit-animation: fa-spin 1s infinite steps(8); 95 animation: fa-spin 1s infinite steps(8); } 96 97@-webkit-keyframes fa-spin { 98 0% { 99 -webkit-transform: rotate(0deg); 100 transform: rotate(0deg); } 101 100% { 102 -webkit-transform: rotate(359deg); 103 transform: rotate(359deg); } } 104 105@keyframes fa-spin { 106 0% { 107 -webkit-transform: rotate(0deg); 108 transform: rotate(0deg); } 109 100% { 110 -webkit-transform: rotate(359deg); 111 transform: rotate(359deg); } } 112 113.fa-rotate-90 { 114 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; 115 -webkit-transform: rotate(90deg); 116 -ms-transform: rotate(90deg); 117 transform: rotate(90deg); } 118 119.fa-rotate-180 { 120 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; 121 -webkit-transform: rotate(180deg); 122 -ms-transform: rotate(180deg); 123 transform: rotate(180deg); } 124 125.fa-rotate-270 { 126 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; 127 -webkit-transform: rotate(270deg); 128 -ms-transform: rotate(270deg); 129 transform: rotate(270deg); } 130 131.fa-flip-horizontal { 132 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; 133 -webkit-transform: scale(-1, 1); 134 -ms-transform: scale(-1, 1); 135 transform: scale(-1, 1); } 136 137.fa-flip-vertical { 138 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; 139 -webkit-transform: scale(1, -1); 140 -ms-transform: scale(1, -1); 141 transform: scale(1, -1); } 142 143:root .fa-rotate-90, 144:root .fa-rotate-180, 145:root .fa-rotate-270, 146:root .fa-flip-horizontal, 147:root .fa-flip-vertical { 148 filter: none; } 149 150.fa-stack { 151 position: relative; 152 display: inline-block; 153 width: 2em; 154 height: 2em; 155 line-height: 2em; 156 vertical-align: middle; } 157 158.fa-stack-1x, .fa-stack-2x { 159 position: absolute; 160 left: 0; 161 width: 100%; 162 text-align: center; } 163 164.fa-stack-1x { 165 line-height: inherit; } 166 167.fa-stack-2x { 168 font-size: 2em; } 169 170.fa-inverse { 171 color: #fff; } 172 173/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen 174 readers do not read off random characters that represent icons */ 175.fa-glass:before { 176 content: ""; } 177 178.fa-music:before { 179 content: ""; } 180 181.fa-search:before { 182 content: ""; } 183 184.fa-envelope-o:before { 185 content: ""; } 186 187.fa-heart:before { 188 content: ""; } 189 190.fa-star:before { 191 content: ""; } 192 193.fa-star-o:before { 194 content: ""; } 195 196.fa-user:before { 197 content: ""; } 198 199.fa-film:before { 200 content: ""; } 201 202.fa-th-large:before { 203 content: ""; } 204 205.fa-th:before { 206 content: ""; } 207 208.fa-th-list:before { 209 content: ""; } 210 211.fa-check:before { 212 content: ""; } 213 214.fa-remove:before, 215.fa-close:before, 216.fa-times:before { 217 content: ""; } 218 219.fa-search-plus:before { 220 content: ""; } 221 222.fa-search-minus:before { 223 content: ""; } 224 225.fa-power-off:before { 226 content: ""; } 227 228.fa-signal:before { 229 content: ""; } 230 231.fa-gear:before, 232.fa-cog:before { 233 content: ""; } 234 235.fa-trash-o:before { 236 content: ""; } 237 238.fa-home:before { 239 content: ""; } 240 241.fa-file-o:before { 242 content: ""; } 243 244.fa-clock-o:before { 245 content: ""; } 246 247.fa-road:before { 248 content: ""; } 249 250.fa-download:before { 251 content: ""; } 252 253.fa-arrow-circle-o-down:before { 254 content: ""; } 255 256.fa-arrow-circle-o-up:before { 257 content: ""; } 258 259.fa-inbox:before { 260 content: ""; } 261 262.fa-play-circle-o:before { 263 content: ""; } 264 265.fa-rotate-right:before, 266.fa-repeat:before { 267 content: ""; } 268 269.fa-refresh:before { 270 content: ""; } 271 272.fa-list-alt:before { 273 content: ""; } 274 275.fa-lock:before { 276 content: ""; } 277 278.fa-flag:before { 279 content: ""; } 280 281.fa-headphones:before { 282 content: ""; } 283 284.fa-volume-off:before { 285 content: ""; } 286 287.fa-volume-down:before { 288 content: ""; } 289 290.fa-volume-up:before { 291 content: ""; } 292 293.fa-qrcode:before { 294 content: ""; } 295 296.fa-barcode:before { 297 content: ""; } 298 299.fa-tag:before { 300 content: ""; } 301 302.fa-tags:before { 303 content: ""; } 304 305.fa-book:before { 306 content: ""; } 307 308.fa-bookmark:before { 309 content: ""; } 310 311.fa-print:before { 312 content: ""; } 313 314.fa-camera:before { 315 content: ""; } 316 317.fa-font:before { 318 content: ""; } 319 320.fa-bold:before { 321 content: ""; } 322 323.fa-italic:before { 324 content: ""; } 325 326.fa-text-height:before { 327 content: ""; } 328 329.fa-text-width:before { 330 content: ""; } 331 332.fa-align-left:before { 333 content: ""; } 334 335.fa-align-center:before { 336 content: ""; } 337 338.fa-align-right:before { 339 content: ""; } 340 341.fa-align-justify:before { 342 content: ""; } 343 344.fa-list:before { 345 content: ""; } 346 347.fa-dedent:before, 348.fa-outdent:before { 349 content: ""; } 350 351.fa-indent:before { 352 content: ""; } 353 354.fa-video-camera:before { 355 content: ""; } 356 357.fa-photo:before, 358.fa-image:before, 359.fa-picture-o:before { 360 content: ""; } 361 362.fa-pencil:before { 363 content: ""; } 364 365.fa-map-marker:before { 366 content: ""; } 367 368.fa-adjust:before { 369 content: ""; } 370 371.fa-tint:before { 372 content: ""; } 373 374.fa-edit:before, 375.fa-pencil-square-o:before { 376 content: ""; } 377 378.fa-share-square-o:before { 379 content: ""; } 380 381.fa-check-square-o:before { 382 content: ""; } 383 384.fa-arrows:before { 385 content: ""; } 386 387.fa-step-backward:before { 388 content: ""; } 389 390.fa-fast-backward:before { 391 content: ""; } 392 393.fa-backward:before { 394 content: ""; } 395 396.fa-play:before { 397 content: ""; } 398 399.fa-pause:before { 400 content: ""; } 401 402.fa-stop:before { 403 content: ""; } 404 405.fa-forward:before { 406 content: ""; } 407 408.fa-fast-forward:before { 409 content: ""; } 410 411.fa-step-forward:before { 412 content: ""; } 413 414.fa-eject:before { 415 content: ""; } 416 417.fa-chevron-left:before { 418 content: ""; } 419 420.fa-chevron-right:before { 421 content: ""; } 422 423.fa-plus-circle:before { 424 content: ""; } 425 426.fa-minus-circle:before { 427 content: ""; } 428 429.fa-times-circle:before { 430 content: ""; } 431 432.fa-check-circle:before { 433 content: ""; } 434 435.fa-question-circle:before { 436 content: ""; } 437 438.fa-info-circle:before { 439 content: ""; } 440 441.fa-crosshairs:before { 442 content: ""; } 443 444.fa-times-circle-o:before { 445 content: ""; } 446 447.fa-check-circle-o:before { 448 content: ""; } 449 450.fa-ban:before { 451 content: ""; } 452 453.fa-arrow-left:before { 454 content: ""; } 455 456.fa-arrow-right:before { 457 content: ""; } 458 459.fa-arrow-up:before { 460 content: ""; } 461 462.fa-arrow-down:before { 463 content: ""; } 464 465.fa-mail-forward:before, 466.fa-share:before { 467 content: ""; } 468 469.fa-expand:before { 470 content: ""; } 471 472.fa-compress:before { 473 content: ""; } 474 475.fa-plus:before { 476 content: ""; } 477 478.fa-minus:before { 479 content: ""; } 480 481.fa-asterisk:before { 482 content: ""; } 483 484.fa-exclamation-circle:before { 485 content: ""; } 486 487.fa-gift:before { 488 content: ""; } 489 490.fa-leaf:before { 491 content: ""; } 492 493.fa-fire:before { 494 content: ""; } 495 496.fa-eye:before { 497 content: ""; } 498 499.fa-eye-slash:before { 500 content: ""; } 501 502.fa-warning:before, 503.fa-exclamation-triangle:before { 504 content: ""; } 505 506.fa-plane:before { 507 content: ""; } 508 509.fa-calendar:before { 510 content: ""; } 511 512.fa-random:before { 513 content: ""; } 514 515.fa-comment:before { 516 content: ""; } 517 518.fa-magnet:before { 519 content: ""; } 520 521.fa-chevron-up:before { 522 content: ""; } 523 524.fa-chevron-down:before { 525 content: ""; } 526 527.fa-retweet:before { 528 content: ""; } 529 530.fa-shopping-cart:before { 531 content: ""; } 532 533.fa-folder:before { 534 content: ""; } 535 536.fa-folder-open:before { 537 content: ""; } 538 539.fa-arrows-v:before { 540 content: ""; } 541 542.fa-arrows-h:before { 543 content: ""; } 544 545.fa-bar-chart-o:before, 546.fa-bar-chart:before { 547 content: ""; } 548 549.fa-twitter-square:before { 550 content: ""; } 551 552.fa-facebook-square:before { 553 content: ""; } 554 555.fa-camera-retro:before { 556 content: ""; } 557 558.fa-key:before { 559 content: ""; } 560 561.fa-gears:before, 562.fa-cogs:before { 563 content: ""; } 564 565.fa-comments:before { 566 content: ""; } 567 568.fa-thumbs-o-up:before { 569 content: ""; } 570 571.fa-thumbs-o-down:before { 572 content: ""; } 573 574.fa-star-half:before { 575 content: ""; } 576 577.fa-heart-o:before { 578 content: ""; } 579 580.fa-sign-out:before { 581 content: ""; } 582 583.fa-linkedin-square:before { 584 content: ""; } 585 586.fa-thumb-tack:before { 587 content: ""; } 588 589.fa-external-link:before { 590 content: ""; } 591 592.fa-sign-in:before { 593 content: ""; } 594 595.fa-trophy:before { 596 content: ""; } 597 598.fa-github-square:before { 599 content: ""; } 600 601.fa-upload:before { 602 content: ""; } 603 604.fa-lemon-o:before { 605 content: ""; } 606 607.fa-phone:before { 608 content: ""; } 609 610.fa-square-o:before { 611 content: ""; } 612 613.fa-bookmark-o:before { 614 content: ""; } 615 616.fa-phone-square:before { 617 content: ""; } 618 619.fa-twitter:before { 620 content: ""; } 621 622.fa-facebook-f:before, 623.fa-facebook:before { 624 content: ""; } 625 626.fa-github:before { 627 content: ""; } 628 629.fa-unlock:before { 630 content: ""; } 631 632.fa-credit-card:before { 633 content: ""; } 634 635.fa-feed:before, 636.fa-rss:before { 637 content: ""; } 638 639.fa-hdd-o:before { 640 content: ""; } 641 642.fa-bullhorn:before { 643 content: ""; } 644 645.fa-bell:before { 646 content: ""; } 647 648.fa-certificate:before { 649 content: ""; } 650 651.fa-hand-o-right:before { 652 content: ""; } 653 654.fa-hand-o-left:before { 655 content: ""; } 656 657.fa-hand-o-up:before { 658 content: ""; } 659 660.fa-hand-o-down:before { 661 content: ""; } 662 663.fa-arrow-circle-left:before { 664 content: ""; } 665 666.fa-arrow-circle-right:before { 667 content: ""; } 668 669.fa-arrow-circle-up:before { 670 content: ""; } 671 672.fa-arrow-circle-down:before { 673 content: ""; } 674 675.fa-globe:before { 676 content: ""; } 677 678.fa-wrench:before { 679 content: ""; } 680 681.fa-tasks:before { 682 content: ""; } 683 684.fa-filter:before { 685 content: ""; } 686 687.fa-briefcase:before { 688 content: ""; } 689 690.fa-arrows-alt:before { 691 content: ""; } 692 693.fa-group:before, 694.fa-users:before { 695 content: ""; } 696 697.fa-chain:before, 698.fa-link:before { 699 content: ""; } 700 701.fa-cloud:before { 702 content: ""; } 703 704.fa-flask:before { 705 content: ""; } 706 707.fa-cut:before, 708.fa-scissors:before { 709 content: ""; } 710 711.fa-copy:before, 712.fa-files-o:before { 713 content: ""; } 714 715.fa-paperclip:before { 716 content: ""; } 717 718.fa-save:before, 719.fa-floppy-o:before { 720 content: ""; } 721 722.fa-square:before { 723 content: ""; } 724 725.fa-navicon:before, 726.fa-reorder:before, 727.fa-bars:before { 728 content: ""; } 729 730.fa-list-ul:before { 731 content: ""; } 732 733.fa-list-ol:before { 734 content: ""; } 735 736.fa-strikethrough:before { 737 content: ""; } 738 739.fa-underline:before { 740 content: ""; } 741 742.fa-table:before { 743 content: ""; } 744 745.fa-magic:before { 746 content: ""; } 747 748.fa-truck:before { 749 content: ""; } 750 751.fa-pinterest:before { 752 content: ""; } 753 754.fa-pinterest-square:before { 755 content: ""; } 756 757.fa-google-plus-square:before { 758 content: ""; } 759 760.fa-google-plus:before { 761 content: ""; } 762 763.fa-money:before { 764 content: ""; } 765 766.fa-caret-down:before { 767 content: ""; } 768 769.fa-caret-up:before { 770 content: ""; } 771 772.fa-caret-left:before { 773 content: ""; } 774 775.fa-caret-right:before { 776 content: ""; } 777 778.fa-columns:before { 779 content: ""; } 780 781.fa-unsorted:before, 782.fa-sort:before { 783 content: ""; } 784 785.fa-sort-down:before, 786.fa-sort-desc:before { 787 content: ""; } 788 789.fa-sort-up:before, 790.fa-sort-asc:before { 791 content: ""; } 792 793.fa-envelope:before { 794 content: ""; } 795 796.fa-linkedin:before { 797 content: ""; } 798 799.fa-rotate-left:before, 800.fa-undo:before { 801 content: ""; } 802 803.fa-legal:before, 804.fa-gavel:before { 805 content: ""; } 806 807.fa-dashboard:before, 808.fa-tachometer:before { 809 content: ""; } 810 811.fa-comment-o:before { 812 content: ""; } 813 814.fa-comments-o:before { 815 content: ""; } 816 817.fa-flash:before, 818.fa-bolt:before { 819 content: ""; } 820 821.fa-sitemap:before { 822 content: ""; } 823 824.fa-umbrella:before { 825 content: ""; } 826 827.fa-paste:before, 828.fa-clipboard:before { 829 content: ""; } 830 831.fa-lightbulb-o:before { 832 content: ""; } 833 834.fa-exchange:before { 835 content: ""; } 836 837.fa-cloud-download:before { 838 content: ""; } 839 840.fa-cloud-upload:before { 841 content: ""; } 842 843.fa-user-md:before { 844 content: ""; } 845 846.fa-stethoscope:before { 847 content: ""; } 848 849.fa-suitcase:before { 850 content: ""; } 851 852.fa-bell-o:before { 853 content: ""; } 854 855.fa-coffee:before { 856 content: ""; } 857 858.fa-cutlery:before { 859 content: ""; } 860 861.fa-file-text-o:before { 862 content: ""; } 863 864.fa-building-o:before { 865 content: ""; } 866 867.fa-hospital-o:before { 868 content: ""; } 869 870.fa-ambulance:before { 871 content: ""; } 872 873.fa-medkit:before { 874 content: ""; } 875 876.fa-fighter-jet:before { 877 content: ""; } 878 879.fa-beer:before { 880 content: ""; } 881 882.fa-h-square:before { 883 content: ""; } 884 885.fa-plus-square:before { 886 content: ""; } 887 888.fa-angle-double-left:before { 889 content: ""; } 890 891.fa-angle-double-right:before { 892 content: ""; } 893 894.fa-angle-double-up:before { 895 content: ""; } 896 897.fa-angle-double-down:before { 898 content: ""; } 899 900.fa-angle-left:before { 901 content: ""; } 902 903.fa-angle-right:before { 904 content: ""; } 905 906.fa-angle-up:before { 907 content: ""; } 908 909.fa-angle-down:before { 910 content: ""; } 911 912.fa-desktop:before { 913 content: ""; } 914 915.fa-laptop:before { 916 content: ""; } 917 918.fa-tablet:before { 919 content: ""; } 920 921.fa-mobile-phone:before, 922.fa-mobile:before { 923 content: ""; } 924 925.fa-circle-o:before { 926 content: ""; } 927 928.fa-quote-left:before { 929 content: ""; } 930 931.fa-quote-right:before { 932 content: ""; } 933 934.fa-spinner:before { 935 content: ""; } 936 937.fa-circle:before { 938 content: ""; } 939 940.fa-mail-reply:before, 941.fa-reply:before { 942 content: ""; } 943 944.fa-github-alt:before { 945 content: ""; } 946 947.fa-folder-o:before { 948 content: ""; } 949 950.fa-folder-open-o:before { 951 content: ""; } 952 953.fa-smile-o:before { 954 content: ""; } 955 956.fa-frown-o:before { 957 content: ""; } 958 959.fa-meh-o:before { 960 content: ""; } 961 962.fa-gamepad:before { 963 content: ""; } 964 965.fa-keyboard-o:before { 966 content: ""; } 967 968.fa-flag-o:before { 969 content: ""; } 970 971.fa-flag-checkered:before { 972 content: ""; } 973 974.fa-terminal:before { 975 content: ""; } 976 977.fa-code:before { 978 content: ""; } 979 980.fa-mail-reply-all:before, 981.fa-reply-all:before { 982 content: ""; } 983 984.fa-star-half-empty:before, 985.fa-star-half-full:before, 986.fa-star-half-o:before { 987 content: ""; } 988 989.fa-location-arrow:before { 990 content: ""; } 991 992.fa-crop:before { 993 content: ""; } 994 995.fa-code-fork:before { 996 content: ""; } 997 998.fa-unlink:before, 999.fa-chain-broken:before { 1000 content: ""; } 1001 1002.fa-question:before { 1003 content: ""; } 1004 1005.fa-info:before { 1006 content: ""; } 1007 1008.fa-exclamation:before { 1009 content: ""; } 1010 1011.fa-superscript:before { 1012 content: ""; } 1013 1014.fa-subscript:before { 1015 content: ""; } 1016 1017.fa-eraser:before { 1018 content: ""; } 1019 1020.fa-puzzle-piece:before { 1021 content: ""; } 1022 1023.fa-microphone:before { 1024 content: ""; } 1025 1026.fa-microphone-slash:before { 1027 content: ""; } 1028 1029.fa-shield:before { 1030 content: ""; } 1031 1032.fa-calendar-o:before { 1033 content: ""; } 1034 1035.fa-fire-extinguisher:before { 1036 content: ""; } 1037 1038.fa-rocket:before { 1039 content: ""; } 1040 1041.fa-maxcdn:before { 1042 content: ""; } 1043 1044.fa-chevron-circle-left:before { 1045 content: ""; } 1046 1047.fa-chevron-circle-right:before { 1048 content: ""; } 1049 1050.fa-chevron-circle-up:before { 1051 content: ""; } 1052 1053.fa-chevron-circle-down:before { 1054 content: ""; } 1055 1056.fa-html5:before { 1057 content: ""; } 1058 1059.fa-css3:before { 1060 content: ""; } 1061 1062.fa-anchor:before { 1063 content: ""; } 1064 1065.fa-unlock-alt:before { 1066 content: ""; } 1067 1068.fa-bullseye:before { 1069 content: ""; } 1070 1071.fa-ellipsis-h:before { 1072 content: ""; } 1073 1074.fa-ellipsis-v:before { 1075 content: ""; } 1076 1077.fa-rss-square:before { 1078 content: ""; } 1079 1080.fa-play-circle:before { 1081 content: ""; } 1082 1083.fa-ticket:before { 1084 content: ""; } 1085 1086.fa-minus-square:before { 1087 content: ""; } 1088 1089.fa-minus-square-o:before { 1090 content: ""; } 1091 1092.fa-level-up:before { 1093 content: ""; } 1094 1095.fa-level-down:before { 1096 content: ""; } 1097 1098.fa-check-square:before { 1099 content: ""; } 1100 1101.fa-pencil-square:before { 1102 content: ""; } 1103 1104.fa-external-link-square:before { 1105 content: ""; } 1106 1107.fa-share-square:before { 1108 content: ""; } 1109 1110.fa-compass:before { 1111 content: ""; } 1112 1113.fa-toggle-down:before, 1114.fa-caret-square-o-down:before { 1115 content: ""; } 1116 1117.fa-toggle-up:before, 1118.fa-caret-square-o-up:before { 1119 content: ""; } 1120 1121.fa-toggle-right:before, 1122.fa-caret-square-o-right:before { 1123 content: ""; } 1124 1125.fa-euro:before, 1126.fa-eur:before { 1127 content: ""; } 1128 1129.fa-gbp:before { 1130 content: ""; } 1131 1132.fa-dollar:before, 1133.fa-usd:before { 1134 content: ""; } 1135 1136.fa-rupee:before, 1137.fa-inr:before { 1138 content: ""; } 1139 1140.fa-cny:before, 1141.fa-rmb:before, 1142.fa-yen:before, 1143.fa-jpy:before { 1144 content: ""; } 1145 1146.fa-ruble:before, 1147.fa-rouble:before, 1148.fa-rub:before { 1149 content: ""; } 1150 1151.fa-won:before, 1152.fa-krw:before { 1153 content: ""; } 1154 1155.fa-bitcoin:before, 1156.fa-btc:before { 1157 content: ""; } 1158 1159.fa-file:before { 1160 content: ""; } 1161 1162.fa-file-text:before { 1163 content: ""; } 1164 1165.fa-sort-alpha-asc:before { 1166 content: ""; } 1167 1168.fa-sort-alpha-desc:before { 1169 content: ""; } 1170 1171.fa-sort-amount-asc:before { 1172 content: ""; } 1173 1174.fa-sort-amount-desc:before { 1175 content: ""; } 1176 1177.fa-sort-numeric-asc:before { 1178 content: ""; } 1179 1180.fa-sort-numeric-desc:before { 1181 content: ""; } 1182 1183.fa-thumbs-up:before { 1184 content: ""; } 1185 1186.fa-thumbs-down:before { 1187 content: ""; } 1188 1189.fa-youtube-square:before { 1190 content: ""; } 1191 1192.fa-youtube:before { 1193 content: ""; } 1194 1195.fa-xing:before { 1196 content: ""; } 1197 1198.fa-xing-square:before { 1199 content: ""; } 1200 1201.fa-youtube-play:before { 1202 content: ""; } 1203 1204.fa-dropbox:before { 1205 content: ""; } 1206 1207.fa-stack-overflow:before { 1208 content: ""; } 1209 1210.fa-instagram:before { 1211 content: ""; } 1212 1213.fa-flickr:before { 1214 content: ""; } 1215 1216.fa-adn:before { 1217 content: ""; } 1218 1219.fa-bitbucket:before { 1220 content: ""; } 1221 1222.fa-bitbucket-square:before { 1223 content: ""; } 1224 1225.fa-tumblr:before { 1226 content: ""; } 1227 1228.fa-tumblr-square:before { 1229 content: ""; } 1230 1231.fa-long-arrow-down:before { 1232 content: ""; } 1233 1234.fa-long-arrow-up:before { 1235 content: ""; } 1236 1237.fa-long-arrow-left:before { 1238 content: ""; } 1239 1240.fa-long-arrow-right:before { 1241 content: ""; } 1242 1243.fa-apple:before { 1244 content: ""; } 1245 1246.fa-windows:before { 1247 content: ""; } 1248 1249.fa-android:before { 1250 content: ""; } 1251 1252.fa-linux:before { 1253 content: ""; } 1254 1255.fa-dribbble:before { 1256 content: ""; } 1257 1258.fa-skype:before { 1259 content: ""; } 1260 1261.fa-foursquare:before { 1262 content: ""; } 1263 1264.fa-trello:before { 1265 content: ""; } 1266 1267.fa-female:before { 1268 content: ""; } 1269 1270.fa-male:before { 1271 content: ""; } 1272 1273.fa-gittip:before, 1274.fa-gratipay:before { 1275 content: ""; } 1276 1277.fa-sun-o:before { 1278 content: ""; } 1279 1280.fa-moon-o:before { 1281 content: ""; } 1282 1283.fa-archive:before { 1284 content: ""; } 1285 1286.fa-bug:before { 1287 content: ""; } 1288 1289.fa-vk:before { 1290 content: ""; } 1291 1292.fa-weibo:before { 1293 content: ""; } 1294 1295.fa-renren:before { 1296 content: ""; } 1297 1298.fa-pagelines:before { 1299 content: ""; } 1300 1301.fa-stack-exchange:before { 1302 content: ""; } 1303 1304.fa-arrow-circle-o-right:before { 1305 content: ""; } 1306 1307.fa-arrow-circle-o-left:before { 1308 content: ""; } 1309 1310.fa-toggle-left:before, 1311.fa-caret-square-o-left:before { 1312 content: ""; } 1313 1314.fa-dot-circle-o:before { 1315 content: ""; } 1316 1317.fa-wheelchair:before { 1318 content: ""; } 1319 1320.fa-vimeo-square:before { 1321 content: ""; } 1322 1323.fa-turkish-lira:before, 1324.fa-try:before { 1325 content: ""; } 1326 1327.fa-plus-square-o:before { 1328 content: ""; } 1329 1330.fa-space-shuttle:before { 1331 content: ""; } 1332 1333.fa-slack:before { 1334 content: ""; } 1335 1336.fa-envelope-square:before { 1337 content: ""; } 1338 1339.fa-wordpress:before { 1340 content: ""; } 1341 1342.fa-openid:before { 1343 content: ""; } 1344 1345.fa-institution:before, 1346.fa-bank:before, 1347.fa-university:before { 1348 content: ""; } 1349 1350.fa-mortar-board:before, 1351.fa-graduation-cap:before { 1352 content: ""; } 1353 1354.fa-yahoo:before { 1355 content: ""; } 1356 1357.fa-google:before { 1358 content: ""; } 1359 1360.fa-reddit:before { 1361 content: ""; } 1362 1363.fa-reddit-square:before { 1364 content: ""; } 1365 1366.fa-stumbleupon-circle:before { 1367 content: ""; } 1368 1369.fa-stumbleupon:before { 1370 content: ""; } 1371 1372.fa-delicious:before { 1373 content: ""; } 1374 1375.fa-digg:before { 1376 content: ""; } 1377 1378.fa-pied-piper-pp:before { 1379 content: ""; } 1380 1381.fa-pied-piper-alt:before { 1382 content: ""; } 1383 1384.fa-drupal:before { 1385 content: ""; } 1386 1387.fa-joomla:before { 1388 content: ""; } 1389 1390.fa-language:before { 1391 content: ""; } 1392 1393.fa-fax:before { 1394 content: ""; } 1395 1396.fa-building:before { 1397 content: ""; } 1398 1399.fa-child:before { 1400 content: ""; } 1401 1402.fa-paw:before { 1403 content: ""; } 1404 1405.fa-spoon:before { 1406 content: ""; } 1407 1408.fa-cube:before { 1409 content: ""; } 1410 1411.fa-cubes:before { 1412 content: ""; } 1413 1414.fa-behance:before { 1415 content: ""; } 1416 1417.fa-behance-square:before { 1418 content: ""; } 1419 1420.fa-steam:before { 1421 content: ""; } 1422 1423.fa-steam-square:before { 1424 content: ""; } 1425 1426.fa-recycle:before { 1427 content: ""; } 1428 1429.fa-automobile:before, 1430.fa-car:before { 1431 content: ""; } 1432 1433.fa-cab:before, 1434.fa-taxi:before { 1435 content: ""; } 1436 1437.fa-tree:before { 1438 content: ""; } 1439 1440.fa-spotify:before { 1441 content: ""; } 1442 1443.fa-deviantart:before { 1444 content: ""; } 1445 1446.fa-soundcloud:before { 1447 content: ""; } 1448 1449.fa-database:before { 1450 content: ""; } 1451 1452.fa-file-pdf-o:before { 1453 content: ""; } 1454 1455.fa-file-word-o:before { 1456 content: ""; } 1457 1458.fa-file-excel-o:before { 1459 content: ""; } 1460 1461.fa-file-powerpoint-o:before { 1462 content: ""; } 1463 1464.fa-file-photo-o:before, 1465.fa-file-picture-o:before, 1466.fa-file-image-o:before { 1467 content: ""; } 1468 1469.fa-file-zip-o:before, 1470.fa-file-archive-o:before { 1471 content: ""; } 1472 1473.fa-file-sound-o:before, 1474.fa-file-audio-o:before { 1475 content: ""; } 1476 1477.fa-file-movie-o:before, 1478.fa-file-video-o:before { 1479 content: ""; } 1480 1481.fa-file-code-o:before { 1482 content: ""; } 1483 1484.fa-vine:before { 1485 content: ""; } 1486 1487.fa-codepen:before { 1488 content: ""; } 1489 1490.fa-jsfiddle:before { 1491 content: ""; } 1492 1493.fa-life-bouy:before, 1494.fa-life-buoy:before, 1495.fa-life-saver:before, 1496.fa-support:before, 1497.fa-life-ring:before { 1498 content: ""; } 1499 1500.fa-circle-o-notch:before { 1501 content: ""; } 1502 1503.fa-ra:before, 1504.fa-resistance:before, 1505.fa-rebel:before { 1506 content: ""; } 1507 1508.fa-ge:before, 1509.fa-empire:before { 1510 content: ""; } 1511 1512.fa-git-square:before { 1513 content: ""; } 1514 1515.fa-git:before { 1516 content: ""; } 1517 1518.fa-y-combinator-square:before, 1519.fa-yc-square:before, 1520.fa-hacker-news:before { 1521 content: ""; } 1522 1523.fa-tencent-weibo:before { 1524 content: ""; } 1525 1526.fa-qq:before { 1527 content: ""; } 1528 1529.fa-wechat:before, 1530.fa-weixin:before { 1531 content: ""; } 1532 1533.fa-send:before, 1534.fa-paper-plane:before { 1535 content: ""; } 1536 1537.fa-send-o:before, 1538.fa-paper-plane-o:before { 1539 content: ""; } 1540 1541.fa-history:before { 1542 content: ""; } 1543 1544.fa-circle-thin:before { 1545 content: ""; } 1546 1547.fa-header:before { 1548 content: ""; } 1549 1550.fa-paragraph:before { 1551 content: ""; } 1552 1553.fa-sliders:before { 1554 content: ""; } 1555 1556.fa-share-alt:before { 1557 content: ""; } 1558 1559.fa-share-alt-square:before { 1560 content: ""; } 1561 1562.fa-bomb:before { 1563 content: ""; } 1564 1565.fa-soccer-ball-o:before, 1566.fa-futbol-o:before { 1567 content: ""; } 1568 1569.fa-tty:before { 1570 content: ""; } 1571 1572.fa-binoculars:before { 1573 content: ""; } 1574 1575.fa-plug:before { 1576 content: ""; } 1577 1578.fa-slideshare:before { 1579 content: ""; } 1580 1581.fa-twitch:before { 1582 content: ""; } 1583 1584.fa-yelp:before { 1585 content: ""; } 1586 1587.fa-newspaper-o:before { 1588 content: ""; } 1589 1590.fa-wifi:before { 1591 content: ""; } 1592 1593.fa-calculator:before { 1594 content: ""; } 1595 1596.fa-paypal:before { 1597 content: ""; } 1598 1599.fa-google-wallet:before { 1600 content: ""; } 1601 1602.fa-cc-visa:before { 1603 content: ""; } 1604 1605.fa-cc-mastercard:before { 1606 content: ""; } 1607 1608.fa-cc-discover:before { 1609 content: ""; } 1610 1611.fa-cc-amex:before { 1612 content: ""; } 1613 1614.fa-cc-paypal:before { 1615 content: ""; } 1616 1617.fa-cc-stripe:before { 1618 content: ""; } 1619 1620.fa-bell-slash:before { 1621 content: ""; } 1622 1623.fa-bell-slash-o:before { 1624 content: ""; } 1625 1626.fa-trash:before { 1627 content: ""; } 1628 1629.fa-copyright:before { 1630 content: ""; } 1631 1632.fa-at:before { 1633 content: ""; } 1634 1635.fa-eyedropper:before { 1636 content: ""; } 1637 1638.fa-paint-brush:before { 1639 content: ""; } 1640 1641.fa-birthday-cake:before { 1642 content: ""; } 1643 1644.fa-area-chart:before { 1645 content: ""; } 1646 1647.fa-pie-chart:before { 1648 content: ""; } 1649 1650.fa-line-chart:before { 1651 content: ""; } 1652 1653.fa-lastfm:before { 1654 content: ""; } 1655 1656.fa-lastfm-square:before { 1657 content: ""; } 1658 1659.fa-toggle-off:before { 1660 content: ""; } 1661 1662.fa-toggle-on:before { 1663 content: ""; } 1664 1665.fa-bicycle:before { 1666 content: ""; } 1667 1668.fa-bus:before { 1669 content: ""; } 1670 1671.fa-ioxhost:before { 1672 content: ""; } 1673 1674.fa-angellist:before { 1675 content: ""; } 1676 1677.fa-cc:before { 1678 content: ""; } 1679 1680.fa-shekel:before, 1681.fa-sheqel:before, 1682.fa-ils:before { 1683 content: ""; } 1684 1685.fa-meanpath:before { 1686 content: ""; } 1687 1688.fa-buysellads:before { 1689 content: ""; } 1690 1691.fa-connectdevelop:before { 1692 content: ""; } 1693 1694.fa-dashcube:before { 1695 content: ""; } 1696 1697.fa-forumbee:before { 1698 content: ""; } 1699 1700.fa-leanpub:before { 1701 content: ""; } 1702 1703.fa-sellsy:before { 1704 content: ""; } 1705 1706.fa-shirtsinbulk:before { 1707 content: ""; } 1708 1709.fa-simplybuilt:before { 1710 content: ""; } 1711 1712.fa-skyatlas:before { 1713 content: ""; } 1714 1715.fa-cart-plus:before { 1716 content: ""; } 1717 1718.fa-cart-arrow-down:before { 1719 content: ""; } 1720 1721.fa-diamond:before { 1722 content: ""; } 1723 1724.fa-ship:before { 1725 content: ""; } 1726 1727.fa-user-secret:before { 1728 content: ""; } 1729 1730.fa-motorcycle:before { 1731 content: ""; } 1732 1733.fa-street-view:before { 1734 content: ""; } 1735 1736.fa-heartbeat:before { 1737 content: ""; } 1738 1739.fa-venus:before { 1740 content: ""; } 1741 1742.fa-mars:before { 1743 content: ""; } 1744 1745.fa-mercury:before { 1746 content: ""; } 1747 1748.fa-intersex:before, 1749.fa-transgender:before { 1750 content: ""; } 1751 1752.fa-transgender-alt:before { 1753 content: ""; } 1754 1755.fa-venus-double:before { 1756 content: ""; } 1757 1758.fa-mars-double:before { 1759 content: ""; } 1760 1761.fa-venus-mars:before { 1762 content: ""; } 1763 1764.fa-mars-stroke:before { 1765 content: ""; } 1766 1767.fa-mars-stroke-v:before { 1768 content: ""; } 1769 1770.fa-mars-stroke-h:before { 1771 content: ""; } 1772 1773.fa-neuter:before { 1774 content: ""; } 1775 1776.fa-genderless:before { 1777 content: ""; } 1778 1779.fa-facebook-official:before { 1780 content: ""; } 1781 1782.fa-pinterest-p:before { 1783 content: ""; } 1784 1785.fa-whatsapp:before { 1786 content: ""; } 1787 1788.fa-server:before { 1789 content: ""; } 1790 1791.fa-user-plus:before { 1792 content: ""; } 1793 1794.fa-user-times:before { 1795 content: ""; } 1796 1797.fa-hotel:before, 1798.fa-bed:before { 1799 content: ""; } 1800 1801.fa-viacoin:before { 1802 content: ""; } 1803 1804.fa-train:before { 1805 content: ""; } 1806 1807.fa-subway:before { 1808 content: ""; } 1809 1810.fa-medium:before { 1811 content: ""; } 1812 1813.fa-yc:before, 1814.fa-y-combinator:before { 1815 content: ""; } 1816 1817.fa-optin-monster:before { 1818 content: ""; } 1819 1820.fa-opencart:before { 1821 content: ""; } 1822 1823.fa-expeditedssl:before { 1824 content: ""; } 1825 1826.fa-battery-4:before, 1827.fa-battery:before, 1828.fa-battery-full:before { 1829 content: ""; } 1830 1831.fa-battery-3:before, 1832.fa-battery-three-quarters:before { 1833 content: ""; } 1834 1835.fa-battery-2:before, 1836.fa-battery-half:before { 1837 content: ""; } 1838 1839.fa-battery-1:before, 1840.fa-battery-quarter:before { 1841 content: ""; } 1842 1843.fa-battery-0:before, 1844.fa-battery-empty:before { 1845 content: ""; } 1846 1847.fa-mouse-pointer:before { 1848 content: ""; } 1849 1850.fa-i-cursor:before { 1851 content: ""; } 1852 1853.fa-object-group:before { 1854 content: ""; } 1855 1856.fa-object-ungroup:before { 1857 content: ""; } 1858 1859.fa-sticky-note:before { 1860 content: ""; } 1861 1862.fa-sticky-note-o:before { 1863 content: ""; } 1864 1865.fa-cc-jcb:before { 1866 content: ""; } 1867 1868.fa-cc-diners-club:before { 1869 content: ""; } 1870 1871.fa-clone:before { 1872 content: ""; } 1873 1874.fa-balance-scale:before { 1875 content: ""; } 1876 1877.fa-hourglass-o:before { 1878 content: ""; } 1879 1880.fa-hourglass-1:before, 1881.fa-hourglass-start:before { 1882 content: ""; } 1883 1884.fa-hourglass-2:before, 1885.fa-hourglass-half:before { 1886 content: ""; } 1887 1888.fa-hourglass-3:before, 1889.fa-hourglass-end:before { 1890 content: ""; } 1891 1892.fa-hourglass:before { 1893 content: ""; } 1894 1895.fa-hand-grab-o:before, 1896.fa-hand-rock-o:before { 1897 content: ""; } 1898 1899.fa-hand-stop-o:before, 1900.fa-hand-paper-o:before { 1901 content: ""; } 1902 1903.fa-hand-scissors-o:before { 1904 content: ""; } 1905 1906.fa-hand-lizard-o:before { 1907 content: ""; } 1908 1909.fa-hand-spock-o:before { 1910 content: ""; } 1911 1912.fa-hand-pointer-o:before { 1913 content: ""; } 1914 1915.fa-hand-peace-o:before { 1916 content: ""; } 1917 1918.fa-trademark:before { 1919 content: ""; } 1920 1921.fa-registered:before { 1922 content: ""; } 1923 1924.fa-creative-commons:before { 1925 content: ""; } 1926 1927.fa-gg:before { 1928 content: ""; } 1929 1930.fa-gg-circle:before { 1931 content: ""; } 1932 1933.fa-tripadvisor:before { 1934 content: ""; } 1935 1936.fa-odnoklassniki:before { 1937 content: ""; } 1938 1939.fa-odnoklassniki-square:before { 1940 content: ""; } 1941 1942.fa-get-pocket:before { 1943 content: ""; } 1944 1945.fa-wikipedia-w:before { 1946 content: ""; } 1947 1948.fa-safari:before { 1949 content: ""; } 1950 1951.fa-chrome:before { 1952 content: ""; } 1953 1954.fa-firefox:before { 1955 content: ""; } 1956 1957.fa-opera:before { 1958 content: ""; } 1959 1960.fa-internet-explorer:before { 1961 content: ""; } 1962 1963.fa-tv:before, 1964.fa-television:before { 1965 content: ""; } 1966 1967.fa-contao:before { 1968 content: ""; } 1969 1970.fa-500px:before { 1971 content: ""; } 1972 1973.fa-amazon:before { 1974 content: ""; } 1975 1976.fa-calendar-plus-o:before { 1977 content: ""; } 1978 1979.fa-calendar-minus-o:before { 1980 content: ""; } 1981 1982.fa-calendar-times-o:before { 1983 content: ""; } 1984 1985.fa-calendar-check-o:before { 1986 content: ""; } 1987 1988.fa-industry:before { 1989 content: ""; } 1990 1991.fa-map-pin:before { 1992 content: ""; } 1993 1994.fa-map-signs:before { 1995 content: ""; } 1996 1997.fa-map-o:before { 1998 content: ""; } 1999 2000.fa-map:before { 2001 content: ""; } 2002 2003.fa-commenting:before { 2004 content: ""; } 2005 2006.fa-commenting-o:before { 2007 content: ""; } 2008 2009.fa-houzz:before { 2010 content: ""; } 2011 2012.fa-vimeo:before { 2013 content: ""; } 2014 2015.fa-black-tie:before { 2016 content: ""; } 2017 2018.fa-fonticons:before { 2019 content: ""; } 2020 2021.fa-reddit-alien:before { 2022 content: ""; } 2023 2024.fa-edge:before { 2025 content: ""; } 2026 2027.fa-credit-card-alt:before { 2028 content: ""; } 2029 2030.fa-codiepie:before { 2031 content: ""; } 2032 2033.fa-modx:before { 2034 content: ""; } 2035 2036.fa-fort-awesome:before { 2037 content: ""; } 2038 2039.fa-usb:before { 2040 content: ""; } 2041 2042.fa-product-hunt:before { 2043 content: ""; } 2044 2045.fa-mixcloud:before { 2046 content: ""; } 2047 2048.fa-scribd:before { 2049 content: ""; } 2050 2051.fa-pause-circle:before { 2052 content: ""; } 2053 2054.fa-pause-circle-o:before { 2055 content: ""; } 2056 2057.fa-stop-circle:before { 2058 content: ""; } 2059 2060.fa-stop-circle-o:before { 2061 content: ""; } 2062 2063.fa-shopping-bag:before { 2064 content: ""; } 2065 2066.fa-shopping-basket:before { 2067 content: ""; } 2068 2069.fa-hashtag:before { 2070 content: ""; } 2071 2072.fa-bluetooth:before { 2073 content: ""; } 2074 2075.fa-bluetooth-b:before { 2076 content: ""; } 2077 2078.fa-percent:before { 2079 content: ""; } 2080 2081.fa-gitlab:before { 2082 content: ""; } 2083 2084.fa-wpbeginner:before { 2085 content: ""; } 2086 2087.fa-wpforms:before { 2088 content: ""; } 2089 2090.fa-envira:before { 2091 content: ""; } 2092 2093.fa-universal-access:before { 2094 content: ""; } 2095 2096.fa-wheelchair-alt:before { 2097 content: ""; } 2098 2099.fa-question-circle-o:before { 2100 content: ""; } 2101 2102.fa-blind:before { 2103 content: ""; } 2104 2105.fa-audio-description:before { 2106 content: ""; } 2107 2108.fa-volume-control-phone:before { 2109 content: ""; } 2110 2111.fa-braille:before { 2112 content: ""; } 2113 2114.fa-assistive-listening-systems:before { 2115 content: ""; } 2116 2117.fa-asl-interpreting:before, 2118.fa-american-sign-language-interpreting:before { 2119 content: ""; } 2120 2121.fa-deafness:before, 2122.fa-hard-of-hearing:before, 2123.fa-deaf:before { 2124 content: ""; } 2125 2126.fa-glide:before { 2127 content: ""; } 2128 2129.fa-glide-g:before { 2130 content: ""; } 2131 2132.fa-signing:before, 2133.fa-sign-language:before { 2134 content: ""; } 2135 2136.fa-low-vision:before { 2137 content: ""; } 2138 2139.fa-viadeo:before { 2140 content: ""; } 2141 2142.fa-viadeo-square:before { 2143 content: ""; } 2144 2145.fa-snapchat:before { 2146 content: ""; } 2147 2148.fa-snapchat-ghost:before { 2149 content: ""; } 2150 2151.fa-snapchat-square:before { 2152 content: ""; } 2153 2154.fa-pied-piper:before { 2155 content: ""; } 2156 2157.fa-first-order:before { 2158 content: ""; } 2159 2160.fa-yoast:before { 2161 content: ""; } 2162 2163.fa-themeisle:before { 2164 content: ""; } 2165 2166.fa-google-plus-circle:before, 2167.fa-google-plus-official:before { 2168 content: ""; } 2169 2170.fa-fa:before, 2171.fa-font-awesome:before { 2172 content: ""; } 2173 2174.fa-handshake-o:before { 2175 content: ""; } 2176 2177.fa-envelope-open:before { 2178 content: ""; } 2179 2180.fa-envelope-open-o:before { 2181 content: ""; } 2182 2183.fa-linode:before { 2184 content: ""; } 2185 2186.fa-address-book:before { 2187 content: ""; } 2188 2189.fa-address-book-o:before { 2190 content: ""; } 2191 2192.fa-vcard:before, 2193.fa-address-card:before { 2194 content: ""; } 2195 2196.fa-vcard-o:before, 2197.fa-address-card-o:before { 2198 content: ""; } 2199 2200.fa-user-circle:before { 2201 content: ""; } 2202 2203.fa-user-circle-o:before { 2204 content: ""; } 2205 2206.fa-user-o:before { 2207 content: ""; } 2208 2209.fa-id-badge:before { 2210 content: ""; } 2211 2212.fa-drivers-license:before, 2213.fa-id-card:before { 2214 content: ""; } 2215 2216.fa-drivers-license-o:before, 2217.fa-id-card-o:before { 2218 content: ""; } 2219 2220.fa-quora:before { 2221 content: ""; } 2222 2223.fa-free-code-camp:before { 2224 content: ""; } 2225 2226.fa-telegram:before { 2227 content: ""; } 2228 2229.fa-thermometer-4:before, 2230.fa-thermometer:before, 2231.fa-thermometer-full:before { 2232 content: ""; } 2233 2234.fa-thermometer-3:before, 2235.fa-thermometer-three-quarters:before { 2236 content: ""; } 2237 2238.fa-thermometer-2:before, 2239.fa-thermometer-half:before { 2240 content: ""; } 2241 2242.fa-thermometer-1:before, 2243.fa-thermometer-quarter:before { 2244 content: ""; } 2245 2246.fa-thermometer-0:before, 2247.fa-thermometer-empty:before { 2248 content: ""; } 2249 2250.fa-shower:before { 2251 content: ""; } 2252 2253.fa-bathtub:before, 2254.fa-s15:before, 2255.fa-bath:before { 2256 content: ""; } 2257 2258.fa-podcast:before { 2259 content: ""; } 2260 2261.fa-window-maximize:before { 2262 content: ""; } 2263 2264.fa-window-minimize:before { 2265 content: ""; } 2266 2267.fa-window-restore:before { 2268 content: ""; } 2269 2270.fa-times-rectangle:before, 2271.fa-window-close:before { 2272 content: ""; } 2273 2274.fa-times-rectangle-o:before, 2275.fa-window-close-o:before { 2276 content: ""; } 2277 2278.fa-bandcamp:before { 2279 content: ""; } 2280 2281.fa-grav:before { 2282 content: ""; } 2283 2284.fa-etsy:before { 2285 content: ""; } 2286 2287.fa-imdb:before { 2288 content: ""; } 2289 2290.fa-ravelry:before { 2291 content: ""; } 2292 2293.fa-eercast:before { 2294 content: ""; } 2295 2296.fa-microchip:before { 2297 content: ""; } 2298 2299.fa-snowflake-o:before { 2300 content: ""; } 2301 2302.fa-superpowers:before { 2303 content: ""; } 2304 2305.fa-wpexplorer:before { 2306 content: ""; } 2307 2308.fa-meetup:before { 2309 content: ""; } 2310 2311.sr-only { 2312 position: absolute; 2313 width: 1px; 2314 height: 1px; 2315 padding: 0; 2316 margin: -1px; 2317 overflow: hidden; 2318 clip: rect(0, 0, 0, 0); 2319 border: 0; } 2320 2321.sr-only-focusable:active, .sr-only-focusable:focus { 2322 position: static; 2323 width: auto; 2324 height: auto; 2325 margin: 0; 2326 overflow: visible; 2327 clip: auto; } 2328 2329/*! 2330 * Bootstrap v4.6.0 (https://getbootstrap.com/) 2331 * Copyright 2011-2021 The Bootstrap Authors 2332 * Copyright 2011-2021 Twitter, Inc. 2333 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 2334 */ 2335:root { 2336 --blue: #0f6cbf; 2337 --indigo: #6610f2; 2338 --purple: #613d7c; 2339 --pink: #e83e8c; 2340 --red: #ca3120; 2341 --orange: #f0ad4e; 2342 --yellow: #ff7518; 2343 --green: #357a32; 2344 --teal: #20c997; 2345 --cyan: #008196; 2346 --white: #fff; 2347 --gray: #6a737b; 2348 --gray-dark: #343a40; 2349 --primary: #0f6cbf; 2350 --secondary: #ced4da; 2351 --success: #357a32; 2352 --info: #008196; 2353 --warning: #f0ad4e; 2354 --danger: #ca3120; 2355 --light: #f8f9fa; 2356 --dark: #343a40; 2357 --breakpoint-xs: 0; 2358 --breakpoint-sm: 576px; 2359 --breakpoint-md: 768px; 2360 --breakpoint-lg: 992px; 2361 --breakpoint-xl: 1200px; 2362 --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 2363 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } 2364 2365*, 2366*::before, 2367*::after { 2368 box-sizing: border-box; } 2369 2370html { 2371 font-family: sans-serif; 2372 line-height: 1.15; 2373 -webkit-text-size-adjust: 100%; 2374 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 2375 2376article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { 2377 display: block; } 2378 2379body { 2380 margin: 0; 2381 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 2382 font-size: 0.9375rem; 2383 font-weight: 400; 2384 line-height: 1.5; 2385 color: #1d2125; 2386 text-align: left; 2387 background-color: #fff; } 2388 @media (max-width: 1200px) { 2389 body { 2390 font-size: calc(0.90375rem + 0.045vw) ; } } 2391 2392[tabindex="-1"]:focus:not(:focus-visible) { 2393 outline: 0 !important; } 2394 2395hr { 2396 box-sizing: content-box; 2397 height: 0; 2398 overflow: visible; } 2399 2400h1, h2, h3, h4, h5, h6 { 2401 margin-top: 0; 2402 margin-bottom: 0.5rem; } 2403 2404p { 2405 margin-top: 0; 2406 margin-bottom: 1rem; } 2407 2408abbr[title], 2409abbr[data-original-title] { 2410 text-decoration: underline; 2411 text-decoration: underline dotted; 2412 cursor: help; 2413 border-bottom: 0; 2414 text-decoration-skip-ink: none; } 2415 2416address { 2417 margin-bottom: 1rem; 2418 font-style: normal; 2419 line-height: inherit; } 2420 2421ol, 2422ul, 2423dl { 2424 margin-top: 0; 2425 margin-bottom: 1rem; } 2426 2427ol ol, 2428ul ul, 2429ol ul, 2430ul ol { 2431 margin-bottom: 0; } 2432 2433dt { 2434 font-weight: 700; } 2435 2436dd { 2437 margin-bottom: .5rem; 2438 margin-left: 0; } 2439 2440blockquote { 2441 margin: 0 0 1rem; } 2442 2443b, 2444strong { 2445 font-weight: bolder; } 2446 2447small { 2448 font-size: 80%; } 2449 2450sub, 2451sup { 2452 position: relative; 2453 font-size: 75%; 2454 line-height: 0; 2455 vertical-align: baseline; } 2456 2457sub { 2458 bottom: -.25em; } 2459 2460sup { 2461 top: -.5em; } 2462 2463a { 2464 color: #0f6cbf; 2465 text-decoration: none; 2466 background-color: transparent; } 2467 a:hover { 2468 color: #094478; 2469 text-decoration: underline; } 2470 2471a:not([href]):not([class]) { 2472 color: inherit; 2473 text-decoration: none; } 2474 a:not([href]):not([class]):hover { 2475 color: inherit; 2476 text-decoration: none; } 2477 2478pre, 2479code, 2480kbd, 2481samp { 2482 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 2483 font-size: 1em; } 2484 2485pre { 2486 margin-top: 0; 2487 margin-bottom: 1rem; 2488 overflow: auto; 2489 -ms-overflow-style: scrollbar; } 2490 2491figure { 2492 margin: 0 0 1rem; } 2493 2494img { 2495 vertical-align: middle; 2496 border-style: none; } 2497 2498svg { 2499 overflow: hidden; 2500 vertical-align: middle; } 2501 2502table { 2503 border-collapse: collapse; } 2504 2505caption { 2506 padding-top: 0.75rem; 2507 padding-bottom: 0.75rem; 2508 color: #6a737b; 2509 text-align: left; 2510 caption-side: bottom; } 2511 2512th { 2513 text-align: inherit; 2514 text-align: -webkit-match-parent; } 2515 2516label { 2517 display: inline-block; 2518 margin-bottom: 0.5rem; } 2519 2520button { 2521 border-radius: 0; } 2522 2523button:focus:not(:focus-visible) { 2524 outline: 0; } 2525 2526input, 2527button, 2528select, 2529optgroup, 2530textarea { 2531 margin: 0; 2532 font-family: inherit; 2533 font-size: inherit; 2534 line-height: inherit; } 2535 2536button, 2537input { 2538 overflow: visible; } 2539 2540button, 2541select { 2542 text-transform: none; } 2543 2544[role="button"] { 2545 cursor: pointer; } 2546 2547select { 2548 word-wrap: normal; } 2549 2550button, 2551[type="button"], 2552[type="reset"], 2553[type="submit"] { 2554 -webkit-appearance: button; } 2555 2556button:not(:disabled), 2557[type="button"]:not(:disabled), 2558[type="reset"]:not(:disabled), 2559[type="submit"]:not(:disabled) { 2560 cursor: pointer; } 2561 2562button::-moz-focus-inner, 2563[type="button"]::-moz-focus-inner, 2564[type="reset"]::-moz-focus-inner, 2565[type="submit"]::-moz-focus-inner { 2566 padding: 0; 2567 border-style: none; } 2568 2569input[type="radio"], 2570input[type="checkbox"] { 2571 box-sizing: border-box; 2572 padding: 0; } 2573 2574textarea { 2575 overflow: auto; 2576 resize: vertical; } 2577 2578fieldset { 2579 min-width: 0; 2580 padding: 0; 2581 margin: 0; 2582 border: 0; } 2583 2584legend { 2585 display: block; 2586 width: 100%; 2587 max-width: 100%; 2588 padding: 0; 2589 margin-bottom: .5rem; 2590 font-size: 1.5rem; 2591 line-height: inherit; 2592 color: inherit; 2593 white-space: normal; } 2594 @media (max-width: 1200px) { 2595 legend { 2596 font-size: calc(0.96rem + 0.72vw) ; } } 2597 2598progress { 2599 vertical-align: baseline; } 2600 2601[type="number"]::-webkit-inner-spin-button, 2602[type="number"]::-webkit-outer-spin-button { 2603 height: auto; } 2604 2605[type="search"] { 2606 outline-offset: -2px; 2607 -webkit-appearance: none; } 2608 2609[type="search"]::-webkit-search-decoration { 2610 -webkit-appearance: none; } 2611 2612::-webkit-file-upload-button { 2613 font: inherit; 2614 -webkit-appearance: button; } 2615 2616output { 2617 display: inline-block; } 2618 2619summary { 2620 display: list-item; 2621 cursor: pointer; } 2622 2623template { 2624 display: none; } 2625 2626[hidden] { 2627 display: none !important; } 2628 2629h1, h2, h3, h4, h5, h6, 2630.h1, .h2, .h3, .h4, .h5, .h6 { 2631 margin-bottom: 0.5rem; 2632 font-weight: 300; 2633 line-height: 1.2; } 2634 2635h1, .h1 { 2636 font-size: 2.34375rem; } 2637 @media (max-width: 1200px) { 2638 h1, .h1 { 2639 font-size: calc(1.044375rem + 1.7325vw) ; } } 2640 2641h2, .h2 { 2642 font-size: 1.875rem; } 2643 @media (max-width: 1200px) { 2644 h2, .h2 { 2645 font-size: calc(0.9975rem + 1.17vw) ; } } 2646 2647h3, .h3 { 2648 font-size: 1.640625rem; } 2649 @media (max-width: 1200px) { 2650 h3, .h3 { 2651 font-size: calc(0.9740625rem + 0.88875vw) ; } } 2652 2653h4, .h4 { 2654 font-size: 1.40625rem; } 2655 @media (max-width: 1200px) { 2656 h4, .h4 { 2657 font-size: calc(0.950625rem + 0.6075vw) ; } } 2658 2659h5, .h5 { 2660 font-size: 1.171875rem; } 2661 @media (max-width: 1200px) { 2662 h5, .h5 { 2663 font-size: calc(0.9271875rem + 0.32625vw) ; } } 2664 2665h6, .h6 { 2666 font-size: 0.9375rem; } 2667 @media (max-width: 1200px) { 2668 h6, .h6 { 2669 font-size: calc(0.90375rem + 0.045vw) ; } } 2670 2671.lead { 2672 font-size: 1.171875rem; 2673 font-weight: 300; } 2674 @media (max-width: 1200px) { 2675 .lead { 2676 font-size: calc(0.9271875rem + 0.32625vw) ; } } 2677 2678.display-1 { 2679 font-size: 6rem; 2680 font-weight: 300; 2681 line-height: 1.2; } 2682 @media (max-width: 1200px) { 2683 .display-1 { 2684 font-size: calc(1.41rem + 6.12vw) ; } } 2685 2686.display-2 { 2687 font-size: 5.5rem; 2688 font-weight: 300; 2689 line-height: 1.2; } 2690 @media (max-width: 1200px) { 2691 .display-2 { 2692 font-size: calc(1.36rem + 5.52vw) ; } } 2693 2694.display-3 { 2695 font-size: 4.5rem; 2696 font-weight: 300; 2697 line-height: 1.2; } 2698 @media (max-width: 1200px) { 2699 .display-3 { 2700 font-size: calc(1.26rem + 4.32vw) ; } } 2701 2702.display-4 { 2703 font-size: 3.5rem; 2704 font-weight: 300; 2705 line-height: 1.2; } 2706 @media (max-width: 1200px) { 2707 .display-4 { 2708 font-size: calc(1.16rem + 3.12vw) ; } } 2709 2710hr { 2711 margin-top: 1rem; 2712 margin-bottom: 1rem; 2713 border: 0; 2714 border-top: 1px solid rgba(0, 0, 0, 0.1); } 2715 2716small, 2717.small { 2718 font-size: 80%; 2719 font-weight: 400; } 2720 2721mark, 2722.mark { 2723 padding: 0.2em; 2724 background-color: #fcf8e3; } 2725 2726.list-unstyled { 2727 padding-left: 0; 2728 list-style: none; } 2729 2730.list-inline { 2731 padding-left: 0; 2732 list-style: none; } 2733 2734.list-inline-item { 2735 display: inline-block; } 2736 .list-inline-item:not(:last-child) { 2737 margin-right: 0.5rem; } 2738 2739.initialism { 2740 font-size: 90%; 2741 text-transform: uppercase; } 2742 2743.blockquote { 2744 margin-bottom: 1rem; 2745 font-size: 1.171875rem; } 2746 @media (max-width: 1200px) { 2747 .blockquote { 2748 font-size: calc(0.9271875rem + 0.32625vw) ; } } 2749 2750.blockquote-footer { 2751 display: block; 2752 font-size: 80%; 2753 color: #6a737b; } 2754 .blockquote-footer::before { 2755 content: "\2014\00A0"; } 2756 2757.img-fluid { 2758 max-width: 100%; 2759 height: auto; } 2760 2761.img-thumbnail { 2762 padding: 0.25rem; 2763 background-color: #fff; 2764 border: 1px solid #dee2e6; 2765 border-radius: 0.25rem; 2766 max-width: 100%; 2767 height: auto; } 2768 2769.figure { 2770 display: inline-block; } 2771 2772.figure-img { 2773 margin-bottom: 0.5rem; 2774 line-height: 1; } 2775 2776.figure-caption { 2777 font-size: 90%; 2778 color: #6a737b; } 2779 2780code { 2781 font-size: 87.5%; 2782 color: #e83e8c; 2783 word-wrap: break-word; } 2784 a > code { 2785 color: inherit; } 2786 2787kbd { 2788 padding: 0.2rem 0.4rem; 2789 font-size: 87.5%; 2790 color: #fff; 2791 background-color: #1d2125; 2792 border-radius: 0.2rem; } 2793 kbd kbd { 2794 padding: 0; 2795 font-size: 100%; 2796 font-weight: 700; } 2797 2798pre { 2799 display: block; 2800 font-size: 87.5%; 2801 color: #1d2125; } 2802 pre code { 2803 font-size: inherit; 2804 color: inherit; 2805 word-break: normal; } 2806 2807.pre-scrollable { 2808 max-height: 340px; 2809 overflow-y: scroll; } 2810 2811.container, 2812.container-fluid, 2813.container-sm, 2814.container-md, 2815.container-lg, 2816.container-xl { 2817 width: 100%; 2818 padding-right: 15px; 2819 padding-left: 15px; 2820 margin-right: auto; 2821 margin-left: auto; } 2822 2823@media (min-width: 576px) { 2824 .container, .container-sm { 2825 max-width: 540px; } } 2826 2827@media (min-width: 768px) { 2828 .container, .container-sm, .container-md { 2829 max-width: 720px; } } 2830 2831@media (min-width: 992px) { 2832 .container, .container-sm, .container-md, .container-lg { 2833 max-width: 960px; } } 2834 2835@media (min-width: 1200px) { 2836 .container, .container-sm, .container-md, .container-lg, .container-xl { 2837 max-width: 1140px; } } 2838 2839.row { 2840 display: flex; 2841 flex-wrap: wrap; 2842 margin-right: -15px; 2843 margin-left: -15px; } 2844 2845.no-gutters { 2846 margin-right: 0; 2847 margin-left: 0; } 2848 .no-gutters > .col, 2849 .no-gutters > [class*="col-"] { 2850 padding-right: 0; 2851 padding-left: 0; } 2852 2853.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, 2854.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, 2855.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, 2856.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, 2857.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, 2858.col-xl-auto { 2859 position: relative; 2860 width: 100%; 2861 padding-right: 15px; 2862 padding-left: 15px; } 2863 2864.col { 2865 flex-basis: 0; 2866 flex-grow: 1; 2867 max-width: 100%; } 2868 2869.row-cols-1 > * { 2870 flex: 0 0 100%; 2871 max-width: 100%; } 2872 2873.row-cols-2 > * { 2874 flex: 0 0 50%; 2875 max-width: 50%; } 2876 2877.row-cols-3 > * { 2878 flex: 0 0 33.3333333333%; 2879 max-width: 33.3333333333%; } 2880 2881.row-cols-4 > * { 2882 flex: 0 0 25%; 2883 max-width: 25%; } 2884 2885.row-cols-5 > * { 2886 flex: 0 0 20%; 2887 max-width: 20%; } 2888 2889.row-cols-6 > * { 2890 flex: 0 0 16.6666666667%; 2891 max-width: 16.6666666667%; } 2892 2893.col-auto { 2894 flex: 0 0 auto; 2895 width: auto; 2896 max-width: 100%; } 2897 2898.col-1 { 2899 flex: 0 0 8.3333333333%; 2900 max-width: 8.3333333333%; } 2901 2902.col-2 { 2903 flex: 0 0 16.6666666667%; 2904 max-width: 16.6666666667%; } 2905 2906.col-3 { 2907 flex: 0 0 25%; 2908 max-width: 25%; } 2909 2910.col-4 { 2911 flex: 0 0 33.3333333333%; 2912 max-width: 33.3333333333%; } 2913 2914.col-5 { 2915 flex: 0 0 41.6666666667%; 2916 max-width: 41.6666666667%; } 2917 2918.col-6 { 2919 flex: 0 0 50%; 2920 max-width: 50%; } 2921 2922.col-7 { 2923 flex: 0 0 58.3333333333%; 2924 max-width: 58.3333333333%; } 2925 2926.col-8 { 2927 flex: 0 0 66.6666666667%; 2928 max-width: 66.6666666667%; } 2929 2930.col-9 { 2931 flex: 0 0 75%; 2932 max-width: 75%; } 2933 2934.col-10 { 2935 flex: 0 0 83.3333333333%; 2936 max-width: 83.3333333333%; } 2937 2938.col-11 { 2939 flex: 0 0 91.6666666667%; 2940 max-width: 91.6666666667%; } 2941 2942.col-12 { 2943 flex: 0 0 100%; 2944 max-width: 100%; } 2945 2946.order-first { 2947 order: -1; } 2948 2949.order-last { 2950 order: 13; } 2951 2952.order-0 { 2953 order: 0; } 2954 2955.order-1 { 2956 order: 1; } 2957 2958.order-2 { 2959 order: 2; } 2960 2961.order-3 { 2962 order: 3; } 2963 2964.order-4 { 2965 order: 4; } 2966 2967.order-5 { 2968 order: 5; } 2969 2970.order-6 { 2971 order: 6; } 2972 2973.order-7 { 2974 order: 7; } 2975 2976.order-8 { 2977 order: 8; } 2978 2979.order-9 { 2980 order: 9; } 2981 2982.order-10 { 2983 order: 10; } 2984 2985.order-11 { 2986 order: 11; } 2987 2988.order-12 { 2989 order: 12; } 2990 2991.offset-1 { 2992 margin-left: 8.3333333333%; } 2993 2994.offset-2 { 2995 margin-left: 16.6666666667%; } 2996 2997.offset-3 { 2998 margin-left: 25%; } 2999 3000.offset-4 { 3001 margin-left: 33.3333333333%; } 3002 3003.offset-5 { 3004 margin-left: 41.6666666667%; } 3005 3006.offset-6 { 3007 margin-left: 50%; } 3008 3009.offset-7 { 3010 margin-left: 58.3333333333%; } 3011 3012.offset-8 { 3013 margin-left: 66.6666666667%; } 3014 3015.offset-9 { 3016 margin-left: 75%; } 3017 3018.offset-10 { 3019 margin-left: 83.3333333333%; } 3020 3021.offset-11 { 3022 margin-left: 91.6666666667%; } 3023 3024@media (min-width: 576px) { 3025 .col-sm { 3026 flex-basis: 0; 3027 flex-grow: 1; 3028 max-width: 100%; } 3029 .row-cols-sm-1 > * { 3030 flex: 0 0 100%; 3031 max-width: 100%; } 3032 .row-cols-sm-2 > * { 3033 flex: 0 0 50%; 3034 max-width: 50%; } 3035 .row-cols-sm-3 > * { 3036 flex: 0 0 33.3333333333%; 3037 max-width: 33.3333333333%; } 3038 .row-cols-sm-4 > * { 3039 flex: 0 0 25%; 3040 max-width: 25%; } 3041 .row-cols-sm-5 > * { 3042 flex: 0 0 20%; 3043 max-width: 20%; } 3044 .row-cols-sm-6 > * { 3045 flex: 0 0 16.6666666667%; 3046 max-width: 16.6666666667%; } 3047 .col-sm-auto { 3048 flex: 0 0 auto; 3049 width: auto; 3050 max-width: 100%; } 3051 .col-sm-1 { 3052 flex: 0 0 8.3333333333%; 3053 max-width: 8.3333333333%; } 3054 .col-sm-2 { 3055 flex: 0 0 16.6666666667%; 3056 max-width: 16.6666666667%; } 3057 .col-sm-3 { 3058 flex: 0 0 25%; 3059 max-width: 25%; } 3060 .col-sm-4 { 3061 flex: 0 0 33.3333333333%; 3062 max-width: 33.3333333333%; } 3063 .col-sm-5 { 3064 flex: 0 0 41.6666666667%; 3065 max-width: 41.6666666667%; } 3066 .col-sm-6 { 3067 flex: 0 0 50%; 3068 max-width: 50%; } 3069 .col-sm-7 { 3070 flex: 0 0 58.3333333333%; 3071 max-width: 58.3333333333%; } 3072 .col-sm-8 { 3073 flex: 0 0 66.6666666667%; 3074 max-width: 66.6666666667%; } 3075 .col-sm-9 { 3076 flex: 0 0 75%; 3077 max-width: 75%; } 3078 .col-sm-10 { 3079 flex: 0 0 83.3333333333%; 3080 max-width: 83.3333333333%; } 3081 .col-sm-11 { 3082 flex: 0 0 91.6666666667%; 3083 max-width: 91.6666666667%; } 3084 .col-sm-12 { 3085 flex: 0 0 100%; 3086 max-width: 100%; } 3087 .order-sm-first { 3088 order: -1; } 3089 .order-sm-last { 3090 order: 13; } 3091 .order-sm-0 { 3092 order: 0; } 3093 .order-sm-1 { 3094 order: 1; } 3095 .order-sm-2 { 3096 order: 2; } 3097 .order-sm-3 { 3098 order: 3; } 3099 .order-sm-4 { 3100 order: 4; } 3101 .order-sm-5 { 3102 order: 5; } 3103 .order-sm-6 { 3104 order: 6; } 3105 .order-sm-7 { 3106 order: 7; } 3107 .order-sm-8 { 3108 order: 8; } 3109 .order-sm-9 { 3110 order: 9; } 3111 .order-sm-10 { 3112 order: 10; } 3113 .order-sm-11 { 3114 order: 11; } 3115 .order-sm-12 { 3116 order: 12; } 3117 .offset-sm-0 { 3118 margin-left: 0; } 3119 .offset-sm-1 { 3120 margin-left: 8.3333333333%; } 3121 .offset-sm-2 { 3122 margin-left: 16.6666666667%; } 3123 .offset-sm-3 { 3124 margin-left: 25%; } 3125 .offset-sm-4 { 3126 margin-left: 33.3333333333%; } 3127 .offset-sm-5 { 3128 margin-left: 41.6666666667%; } 3129 .offset-sm-6 { 3130 margin-left: 50%; } 3131 .offset-sm-7 { 3132 margin-left: 58.3333333333%; } 3133 .offset-sm-8 { 3134 margin-left: 66.6666666667%; } 3135 .offset-sm-9 { 3136 margin-left: 75%; } 3137 .offset-sm-10 { 3138 margin-left: 83.3333333333%; } 3139 .offset-sm-11 { 3140 margin-left: 91.6666666667%; } } 3141 3142@media (min-width: 768px) { 3143 .col-md { 3144 flex-basis: 0; 3145 flex-grow: 1; 3146 max-width: 100%; } 3147 .row-cols-md-1 > * { 3148 flex: 0 0 100%; 3149 max-width: 100%; } 3150 .row-cols-md-2 > * { 3151 flex: 0 0 50%; 3152 max-width: 50%; } 3153 .row-cols-md-3 > * { 3154 flex: 0 0 33.3333333333%; 3155 max-width: 33.3333333333%; } 3156 .row-cols-md-4 > * { 3157 flex: 0 0 25%; 3158 max-width: 25%; } 3159 .row-cols-md-5 > * { 3160 flex: 0 0 20%; 3161 max-width: 20%; } 3162 .row-cols-md-6 > * { 3163 flex: 0 0 16.6666666667%; 3164 max-width: 16.6666666667%; } 3165 .col-md-auto { 3166 flex: 0 0 auto; 3167 width: auto; 3168 max-width: 100%; } 3169 .col-md-1 { 3170 flex: 0 0 8.3333333333%; 3171 max-width: 8.3333333333%; } 3172 .col-md-2 { 3173 flex: 0 0 16.6666666667%; 3174 max-width: 16.6666666667%; } 3175 .col-md-3 { 3176 flex: 0 0 25%; 3177 max-width: 25%; } 3178 .col-md-4 { 3179 flex: 0 0 33.3333333333%; 3180 max-width: 33.3333333333%; } 3181 .col-md-5 { 3182 flex: 0 0 41.6666666667%; 3183 max-width: 41.6666666667%; } 3184 .col-md-6 { 3185 flex: 0 0 50%; 3186 max-width: 50%; } 3187 .col-md-7 { 3188 flex: 0 0 58.3333333333%; 3189 max-width: 58.3333333333%; } 3190 .col-md-8 { 3191 flex: 0 0 66.6666666667%; 3192 max-width: 66.6666666667%; } 3193 .col-md-9 { 3194 flex: 0 0 75%; 3195 max-width: 75%; } 3196 .col-md-10 { 3197 flex: 0 0 83.3333333333%; 3198 max-width: 83.3333333333%; } 3199 .col-md-11 { 3200 flex: 0 0 91.6666666667%; 3201 max-width: 91.6666666667%; } 3202 .col-md-12 { 3203 flex: 0 0 100%; 3204 max-width: 100%; } 3205 .order-md-first { 3206 order: -1; } 3207 .order-md-last { 3208 order: 13; } 3209 .order-md-0 { 3210 order: 0; } 3211 .order-md-1 { 3212 order: 1; } 3213 .order-md-2 { 3214 order: 2; } 3215 .order-md-3 { 3216 order: 3; } 3217 .order-md-4 { 3218 order: 4; } 3219 .order-md-5 { 3220 order: 5; } 3221 .order-md-6 { 3222 order: 6; } 3223 .order-md-7 { 3224 order: 7; } 3225 .order-md-8 { 3226 order: 8; } 3227 .order-md-9 { 3228 order: 9; } 3229 .order-md-10 { 3230 order: 10; } 3231 .order-md-11 { 3232 order: 11; } 3233 .order-md-12 { 3234 order: 12; } 3235 .offset-md-0 { 3236 margin-left: 0; } 3237 .offset-md-1 { 3238 margin-left: 8.3333333333%; } 3239 .offset-md-2 { 3240 margin-left: 16.6666666667%; } 3241 .offset-md-3 { 3242 margin-left: 25%; } 3243 .offset-md-4 { 3244 margin-left: 33.3333333333%; } 3245 .offset-md-5 { 3246 margin-left: 41.6666666667%; } 3247 .offset-md-6 { 3248 margin-left: 50%; } 3249 .offset-md-7 { 3250 margin-left: 58.3333333333%; } 3251 .offset-md-8 { 3252 margin-left: 66.6666666667%; } 3253 .offset-md-9 { 3254 margin-left: 75%; } 3255 .offset-md-10 { 3256 margin-left: 83.3333333333%; } 3257 .offset-md-11 { 3258 margin-left: 91.6666666667%; } } 3259 3260@media (min-width: 992px) { 3261 .col-lg { 3262 flex-basis: 0; 3263 flex-grow: 1; 3264 max-width: 100%; } 3265 .row-cols-lg-1 > * { 3266 flex: 0 0 100%; 3267 max-width: 100%; } 3268 .row-cols-lg-2 > * { 3269 flex: 0 0 50%; 3270 max-width: 50%; } 3271 .row-cols-lg-3 > * { 3272 flex: 0 0 33.3333333333%; 3273 max-width: 33.3333333333%; } 3274 .row-cols-lg-4 > * { 3275 flex: 0 0 25%; 3276 max-width: 25%; } 3277 .row-cols-lg-5 > * { 3278 flex: 0 0 20%; 3279 max-width: 20%; } 3280 .row-cols-lg-6 > * { 3281 flex: 0 0 16.6666666667%; 3282 max-width: 16.6666666667%; } 3283 .col-lg-auto { 3284 flex: 0 0 auto; 3285 width: auto; 3286 max-width: 100%; } 3287 .col-lg-1 { 3288 flex: 0 0 8.3333333333%; 3289 max-width: 8.3333333333%; } 3290 .col-lg-2 { 3291 flex: 0 0 16.6666666667%; 3292 max-width: 16.6666666667%; } 3293 .col-lg-3 { 3294 flex: 0 0 25%; 3295 max-width: 25%; } 3296 .col-lg-4 { 3297 flex: 0 0 33.3333333333%; 3298 max-width: 33.3333333333%; } 3299 .col-lg-5 { 3300 flex: 0 0 41.6666666667%; 3301 max-width: 41.6666666667%; } 3302 .col-lg-6 { 3303 flex: 0 0 50%; 3304 max-width: 50%; } 3305 .col-lg-7 { 3306 flex: 0 0 58.3333333333%; 3307 max-width: 58.3333333333%; } 3308 .col-lg-8 { 3309 flex: 0 0 66.6666666667%; 3310 max-width: 66.6666666667%; } 3311 .col-lg-9 { 3312 flex: 0 0 75%; 3313 max-width: 75%; } 3314 .col-lg-10 { 3315 flex: 0 0 83.3333333333%; 3316 max-width: 83.3333333333%; } 3317 .col-lg-11 { 3318 flex: 0 0 91.6666666667%; 3319 max-width: 91.6666666667%; } 3320 .col-lg-12 { 3321 flex: 0 0 100%; 3322 max-width: 100%; } 3323 .order-lg-first { 3324 order: -1; } 3325 .order-lg-last { 3326 order: 13; } 3327 .order-lg-0 { 3328 order: 0; } 3329 .order-lg-1 { 3330 order: 1; } 3331 .order-lg-2 { 3332 order: 2; } 3333 .order-lg-3 { 3334 order: 3; } 3335 .order-lg-4 { 3336 order: 4; } 3337 .order-lg-5 { 3338 order: 5; } 3339 .order-lg-6 { 3340 order: 6; } 3341 .order-lg-7 { 3342 order: 7; } 3343 .order-lg-8 { 3344 order: 8; } 3345 .order-lg-9 { 3346 order: 9; } 3347 .order-lg-10 { 3348 order: 10; } 3349 .order-lg-11 { 3350 order: 11; } 3351 .order-lg-12 { 3352 order: 12; } 3353 .offset-lg-0 { 3354 margin-left: 0; } 3355 .offset-lg-1 { 3356 margin-left: 8.3333333333%; } 3357 .offset-lg-2 { 3358 margin-left: 16.6666666667%; } 3359 .offset-lg-3 { 3360 margin-left: 25%; } 3361 .offset-lg-4 { 3362 margin-left: 33.3333333333%; } 3363 .offset-lg-5 { 3364 margin-left: 41.6666666667%; } 3365 .offset-lg-6 { 3366 margin-left: 50%; } 3367 .offset-lg-7 { 3368 margin-left: 58.3333333333%; } 3369 .offset-lg-8 { 3370 margin-left: 66.6666666667%; } 3371 .offset-lg-9 { 3372 margin-left: 75%; } 3373 .offset-lg-10 { 3374 margin-left: 83.3333333333%; } 3375 .offset-lg-11 { 3376 margin-left: 91.6666666667%; } } 3377 3378@media (min-width: 1200px) { 3379 .col-xl { 3380 flex-basis: 0; 3381 flex-grow: 1; 3382 max-width: 100%; } 3383 .row-cols-xl-1 > * { 3384 flex: 0 0 100%; 3385 max-width: 100%; } 3386 .row-cols-xl-2 > * { 3387 flex: 0 0 50%; 3388 max-width: 50%; } 3389 .row-cols-xl-3 > * { 3390 flex: 0 0 33.3333333333%; 3391 max-width: 33.3333333333%; } 3392 .row-cols-xl-4 > * { 3393 flex: 0 0 25%; 3394 max-width: 25%; } 3395 .row-cols-xl-5 > * { 3396 flex: 0 0 20%; 3397 max-width: 20%; } 3398 .row-cols-xl-6 > * { 3399 flex: 0 0 16.6666666667%; 3400 max-width: 16.6666666667%; } 3401 .col-xl-auto { 3402 flex: 0 0 auto; 3403 width: auto; 3404 max-width: 100%; } 3405 .col-xl-1 { 3406 flex: 0 0 8.3333333333%; 3407 max-width: 8.3333333333%; } 3408 .col-xl-2 { 3409 flex: 0 0 16.6666666667%; 3410 max-width: 16.6666666667%; } 3411 .col-xl-3 { 3412 flex: 0 0 25%; 3413 max-width: 25%; } 3414 .col-xl-4 { 3415 flex: 0 0 33.3333333333%; 3416 max-width: 33.3333333333%; } 3417 .col-xl-5 { 3418 flex: 0 0 41.6666666667%; 3419 max-width: 41.6666666667%; } 3420 .col-xl-6 { 3421 flex: 0 0 50%; 3422 max-width: 50%; } 3423 .col-xl-7 { 3424 flex: 0 0 58.3333333333%; 3425 max-width: 58.3333333333%; } 3426 .col-xl-8 { 3427 flex: 0 0 66.6666666667%; 3428 max-width: 66.6666666667%; } 3429 .col-xl-9 { 3430 flex: 0 0 75%; 3431 max-width: 75%; } 3432 .col-xl-10 { 3433 flex: 0 0 83.3333333333%; 3434 max-width: 83.3333333333%; } 3435 .col-xl-11 { 3436 flex: 0 0 91.6666666667%; 3437 max-width: 91.6666666667%; } 3438 .col-xl-12 { 3439 flex: 0 0 100%; 3440 max-width: 100%; } 3441 .order-xl-first { 3442 order: -1; } 3443 .order-xl-last { 3444 order: 13; } 3445 .order-xl-0 { 3446 order: 0; } 3447 .order-xl-1 { 3448 order: 1; } 3449 .order-xl-2 { 3450 order: 2; } 3451 .order-xl-3 { 3452 order: 3; } 3453 .order-xl-4 { 3454 order: 4; } 3455 .order-xl-5 { 3456 order: 5; } 3457 .order-xl-6 { 3458 order: 6; } 3459 .order-xl-7 { 3460 order: 7; } 3461 .order-xl-8 { 3462 order: 8; } 3463 .order-xl-9 { 3464 order: 9; } 3465 .order-xl-10 { 3466 order: 10; } 3467 .order-xl-11 { 3468 order: 11; } 3469 .order-xl-12 { 3470 order: 12; } 3471 .offset-xl-0 { 3472 margin-left: 0; } 3473 .offset-xl-1 { 3474 margin-left: 8.3333333333%; } 3475 .offset-xl-2 { 3476 margin-left: 16.6666666667%; } 3477 .offset-xl-3 { 3478 margin-left: 25%; } 3479 .offset-xl-4 { 3480 margin-left: 33.3333333333%; } 3481 .offset-xl-5 { 3482 margin-left: 41.6666666667%; } 3483 .offset-xl-6 { 3484 margin-left: 50%; } 3485 .offset-xl-7 { 3486 margin-left: 58.3333333333%; } 3487 .offset-xl-8 { 3488 margin-left: 66.6666666667%; } 3489 .offset-xl-9 { 3490 margin-left: 75%; } 3491 .offset-xl-10 { 3492 margin-left: 83.3333333333%; } 3493 .offset-xl-11 { 3494 margin-left: 91.6666666667%; } } 3495 3496.table { 3497 width: 100%; 3498 margin-bottom: 1rem; 3499 color: #1d2125; } 3500 .table th, 3501 .table td { 3502 padding: 0.75rem; 3503 vertical-align: top; 3504 border-top: 1px solid #dee2e6; } 3505 .table thead th { 3506 vertical-align: bottom; 3507 border-bottom: 2px solid #dee2e6; } 3508 .table tbody + tbody { 3509 border-top: 2px solid #dee2e6; } 3510 3511.table-sm th, 3512.table-sm td { 3513 padding: 0.3rem; } 3514 3515.table-bordered { 3516 border: 1px solid #dee2e6; } 3517 .table-bordered th, 3518 .table-bordered td { 3519 border: 1px solid #dee2e6; } 3520 .table-bordered thead th, 3521 .table-bordered thead td { 3522 border-bottom-width: 2px; } 3523 3524.table-borderless th, 3525.table-borderless td, 3526.table-borderless thead th, 3527.table-borderless tbody + tbody { 3528 border: 0; } 3529 3530.table-striped tbody tr:nth-of-type(odd) { 3531 background-color: rgba(0, 0, 0, 0.03); } 3532 3533.table-hover tbody tr:hover { 3534 color: #1d2125; 3535 background-color: rgba(0, 0, 0, 0.075); } 3536 3537.table-primary, 3538.table-primary > th, 3539.table-primary > td { 3540 background-color: #bcd6ed; } 3541 3542.table-primary th, 3543.table-primary td, 3544.table-primary thead th, 3545.table-primary tbody + tbody { 3546 border-color: #82b3de; } 3547 3548.table-hover .table-primary:hover { 3549 background-color: #a8cae8; } 3550 .table-hover .table-primary:hover > td, 3551 .table-hover .table-primary:hover > th { 3552 background-color: #a8cae8; } 3553 3554.table-secondary, 3555.table-secondary > th, 3556.table-secondary > td { 3557 background-color: #f1f3f5; } 3558 3559.table-secondary th, 3560.table-secondary td, 3561.table-secondary thead th, 3562.table-secondary tbody + tbody { 3563 border-color: #e6e9ec; } 3564 3565.table-hover .table-secondary:hover { 3566 background-color: #e2e6ea; } 3567 .table-hover .table-secondary:hover > td, 3568 .table-hover .table-secondary:hover > th { 3569 background-color: #e2e6ea; } 3570 3571.table-success, 3572.table-success > th, 3573.table-success > td { 3574 background-color: #c6dac6; } 3575 3576.table-success th, 3577.table-success td, 3578.table-success thead th, 3579.table-success tbody + tbody { 3580 border-color: #96ba94; } 3581 3582.table-hover .table-success:hover { 3583 background-color: #b7d0b7; } 3584 .table-hover .table-success:hover > td, 3585 .table-hover .table-success:hover > th { 3586 background-color: #b7d0b7; } 3587 3588.table-info, 3589.table-info > th, 3590.table-info > td { 3591 background-color: #b8dce2; } 3592 3593.table-info th, 3594.table-info td, 3595.table-info thead th, 3596.table-info tbody + tbody { 3597 border-color: #7abdc8; } 3598 3599.table-hover .table-info:hover { 3600 background-color: #a6d3db; } 3601 .table-hover .table-info:hover > td, 3602 .table-hover .table-info:hover > th { 3603 background-color: #a6d3db; } 3604 3605.table-warning, 3606.table-warning > th, 3607.table-warning > td { 3608 background-color: #fbe8cd; } 3609 3610.table-warning th, 3611.table-warning td, 3612.table-warning thead th, 3613.table-warning tbody + tbody { 3614 border-color: #f7d4a3; } 3615 3616.table-hover .table-warning:hover { 3617 background-color: #f9ddb5; } 3618 .table-hover .table-warning:hover > td, 3619 .table-hover .table-warning:hover > th { 3620 background-color: #f9ddb5; } 3621 3622.table-danger, 3623.table-danger > th, 3624.table-danger > td { 3625 background-color: #f0c5c1; } 3626 3627.table-danger th, 3628.table-danger td, 3629.table-danger thead th, 3630.table-danger tbody + tbody { 3631 border-color: #e3948b; } 3632 3633.table-hover .table-danger:hover { 3634 background-color: #ebb2ac; } 3635 .table-hover .table-danger:hover > td, 3636 .table-hover .table-danger:hover > th { 3637 background-color: #ebb2ac; } 3638 3639.table-light, 3640.table-light > th, 3641.table-light > td { 3642 background-color: #fdfdfe; } 3643 3644.table-light th, 3645.table-light td, 3646.table-light thead th, 3647.table-light tbody + tbody { 3648 border-color: #fbfcfc; } 3649 3650.table-hover .table-light:hover { 3651 background-color: #ececf6; } 3652 .table-hover .table-light:hover > td, 3653 .table-hover .table-light:hover > th { 3654 background-color: #ececf6; } 3655 3656.table-dark, 3657.table-dark > th, 3658.table-dark > td { 3659 background-color: #c6c8ca; } 3660 3661.table-dark th, 3662.table-dark td, 3663.table-dark thead th, 3664.table-dark tbody + tbody { 3665 border-color: #95999c; } 3666 3667.table-hover .table-dark:hover { 3668 background-color: #b9bbbe; } 3669 .table-hover .table-dark:hover > td, 3670 .table-hover .table-dark:hover > th { 3671 background-color: #b9bbbe; } 3672 3673.table-active, 3674.table-active > th, 3675.table-active > td { 3676 background-color: rgba(0, 0, 0, 0.075); } 3677 3678.table-hover .table-active:hover { 3679 background-color: rgba(0, 0, 0, 0.075); } 3680 .table-hover .table-active:hover > td, 3681 .table-hover .table-active:hover > th { 3682 background-color: rgba(0, 0, 0, 0.075); } 3683 3684.table .thead-dark th { 3685 color: #fff; 3686 background-color: #343a40; 3687 border-color: #454d55; } 3688 3689.table .thead-light th { 3690 color: #495057; 3691 background-color: #e9ecef; 3692 border-color: #dee2e6; } 3693 3694.table-dark { 3695 color: #fff; 3696 background-color: #343a40; } 3697 .table-dark th, 3698 .table-dark td, 3699 .table-dark thead th { 3700 border-color: #454d55; } 3701 .table-dark.table-bordered { 3702 border: 0; } 3703 .table-dark.table-striped tbody tr:nth-of-type(odd) { 3704 background-color: rgba(255, 255, 255, 0.05); } 3705 .table-dark.table-hover tbody tr:hover { 3706 color: #fff; 3707 background-color: rgba(255, 255, 255, 0.075); } 3708 3709@media (max-width: 575.98px) { 3710 .table-responsive-sm { 3711 display: block; 3712 width: 100%; 3713 overflow-x: auto; 3714 -webkit-overflow-scrolling: touch; } 3715 .table-responsive-sm > .table-bordered { 3716 border: 0; } } 3717 3718@media (max-width: 767.98px) { 3719 .table-responsive-md { 3720 display: block; 3721 width: 100%; 3722 overflow-x: auto; 3723 -webkit-overflow-scrolling: touch; } 3724 .table-responsive-md > .table-bordered { 3725 border: 0; } } 3726 3727@media (max-width: 991.98px) { 3728 .table-responsive-lg { 3729 display: block; 3730 width: 100%; 3731 overflow-x: auto; 3732 -webkit-overflow-scrolling: touch; } 3733 .table-responsive-lg > .table-bordered { 3734 border: 0; } } 3735 3736@media (max-width: 1199.98px) { 3737 .table-responsive-xl { 3738 display: block; 3739 width: 100%; 3740 overflow-x: auto; 3741 -webkit-overflow-scrolling: touch; } 3742 .table-responsive-xl > .table-bordered { 3743 border: 0; } } 3744 3745.table-responsive { 3746 display: block; 3747 width: 100%; 3748 overflow-x: auto; 3749 -webkit-overflow-scrolling: touch; } 3750 .table-responsive > .table-bordered { 3751 border: 0; } 3752 3753.form-control { 3754 display: block; 3755 width: 100%; 3756 height: calc(1.5em + 0.75rem + 2px); 3757 padding: 0.375rem 0.75rem; 3758 font-size: 0.9375rem; 3759 font-weight: 400; 3760 line-height: 1.5; 3761 color: #495057; 3762 background-color: #fff; 3763 background-clip: padding-box; 3764 border: 1px solid #8f959e; 3765 border-radius: 0.25rem; 3766 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } 3767 @media (max-width: 1200px) { 3768 .form-control { 3769 font-size: calc(0.90375rem + 0.045vw) ; } } 3770 @media (prefers-reduced-motion: reduce) { 3771 .form-control { 3772 transition: none; } } 3773 .form-control::-ms-expand { 3774 background-color: transparent; 3775 border: 0; } 3776 .form-control:-moz-focusring { 3777 color: transparent; 3778 text-shadow: 0 0 0 #495057; } 3779 .form-control:focus { 3780 color: #495057; 3781 background-color: #fff; 3782 border-color: #5babf2; 3783 outline: 0; 3784 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 3785 .form-control::placeholder { 3786 color: #6a737b; 3787 opacity: 1; } 3788 .form-control:disabled, .form-control[readonly] { 3789 background-color: #e9ecef; 3790 opacity: 1; } 3791 3792input[type="date"].form-control, 3793input[type="time"].form-control, 3794input[type="datetime-local"].form-control, 3795input[type="month"].form-control { 3796 appearance: none; } 3797 3798select.form-control:focus::-ms-value { 3799 color: #495057; 3800 background-color: #fff; } 3801 3802.form-control-file, 3803.form-control-range { 3804 display: block; 3805 width: 100%; } 3806 3807.col-form-label { 3808 padding-top: calc(0.375rem + 1px); 3809 padding-bottom: calc(0.375rem + 1px); 3810 margin-bottom: 0; 3811 font-size: inherit; 3812 line-height: 1.5; } 3813 3814.col-form-label-lg { 3815 padding-top: calc(0.5rem + 1px); 3816 padding-bottom: calc(0.5rem + 1px); 3817 font-size: 1.171875rem; 3818 line-height: 1.5; } 3819 @media (max-width: 1200px) { 3820 .col-form-label-lg { 3821 font-size: calc(0.9271875rem + 0.32625vw) ; } } 3822 3823.col-form-label-sm { 3824 padding-top: calc(0.25rem + 1px); 3825 padding-bottom: calc(0.25rem + 1px); 3826 font-size: 0.8203125rem; 3827 line-height: 1.5; } 3828 3829.form-control-plaintext { 3830 display: block; 3831 width: 100%; 3832 padding: 0.375rem 0; 3833 margin-bottom: 0; 3834 font-size: 0.9375rem; 3835 line-height: 1.5; 3836 color: #1d2125; 3837 background-color: transparent; 3838 border: solid transparent; 3839 border-width: 1px 0; } 3840 @media (max-width: 1200px) { 3841 .form-control-plaintext { 3842 font-size: calc(0.90375rem + 0.045vw) ; } } 3843 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { 3844 padding-right: 0; 3845 padding-left: 0; } 3846 3847.form-control-sm { 3848 height: calc(1.5em + 0.5rem + 2px); 3849 padding: 0.25rem 0.5rem; 3850 font-size: 0.8203125rem; 3851 line-height: 1.5; 3852 border-radius: 0.2rem; } 3853 3854.form-control-lg { 3855 height: calc(1.5em + 1rem + 2px); 3856 padding: 0.5rem 1rem; 3857 font-size: 1.171875rem; 3858 line-height: 1.5; 3859 border-radius: 0.3rem; } 3860 @media (max-width: 1200px) { 3861 .form-control-lg { 3862 font-size: calc(0.9271875rem + 0.32625vw) ; } } 3863 3864select.form-control[size], select.form-control[multiple] { 3865 height: auto; } 3866 3867textarea.form-control { 3868 height: auto; } 3869 3870.form-group { 3871 margin-bottom: 1rem; } 3872 3873.form-text { 3874 display: block; 3875 margin-top: 0.25rem; } 3876 3877.form-row { 3878 display: flex; 3879 flex-wrap: wrap; 3880 margin-right: -5px; 3881 margin-left: -5px; } 3882 .form-row > .col, 3883 .form-row > [class*="col-"] { 3884 padding-right: 5px; 3885 padding-left: 5px; } 3886 3887.form-check { 3888 position: relative; 3889 display: block; 3890 padding-left: 1.25rem; } 3891 3892.form-check-input { 3893 position: absolute; 3894 margin-top: 0.3rem; 3895 margin-left: -1.25rem; } 3896 .form-check-input[disabled] ~ .form-check-label, 3897 .form-check-input:disabled ~ .form-check-label { 3898 color: #6a737b; } 3899 3900.form-check-label { 3901 margin-bottom: 0; } 3902 3903.form-check-inline { 3904 display: inline-flex; 3905 align-items: center; 3906 padding-left: 0; 3907 margin-right: 0.75rem; } 3908 .form-check-inline .form-check-input { 3909 position: static; 3910 margin-top: 0; 3911 margin-right: 0.3125rem; 3912 margin-left: 0; } 3913 3914.valid-feedback { 3915 display: none; 3916 width: 100%; 3917 margin-top: 0.25rem; 3918 font-size: 80%; 3919 color: #357a32; } 3920 3921.valid-tooltip { 3922 position: absolute; 3923 top: 100%; 3924 left: 0; 3925 z-index: 5; 3926 display: none; 3927 max-width: 100%; 3928 padding: 0.25rem 0.5rem; 3929 margin-top: .1rem; 3930 font-size: 0.8203125rem; 3931 line-height: 1.5; 3932 color: #fff; 3933 background-color: rgba(53, 122, 50, 0.9); 3934 border-radius: 0.25rem; } 3935 .form-row > .col > .valid-tooltip, 3936 .form-row > [class*="col-"] > .valid-tooltip { 3937 left: 5px; } 3938 3939.was-validated :valid ~ .valid-feedback, 3940.was-validated :valid ~ .valid-tooltip, 3941.is-valid ~ .valid-feedback, 3942.is-valid ~ .valid-tooltip { 3943 display: block; } 3944 3945.was-validated .form-control:valid, .form-control.is-valid { 3946 border-color: #357a32; 3947 padding-right: calc(1.5em + 0.75rem); 3948 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' 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"); 3949 background-repeat: no-repeat; 3950 background-position: right calc(0.375em + 0.1875rem) center; 3951 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } 3952 .was-validated .form-control:valid:focus, .form-control.is-valid:focus { 3953 border-color: #357a32; 3954 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25); } 3955 3956.was-validated textarea.form-control:valid, textarea.form-control.is-valid { 3957 padding-right: calc(1.5em + 0.75rem); 3958 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } 3959 3960.was-validated .custom-select:valid, .custom-select.is-valid { 3961 border-color: #357a32; 3962 padding-right: calc(0.75em + 2.3125rem); 3963 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' 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") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } 3964 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { 3965 border-color: #357a32; 3966 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25); } 3967 3968.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { 3969 color: #357a32; } 3970 3971.was-validated .form-check-input:valid ~ .valid-feedback, 3972.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, 3973.form-check-input.is-valid ~ .valid-tooltip { 3974 display: block; } 3975 3976.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { 3977 color: #357a32; } 3978 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { 3979 border-color: #357a32; } 3980 3981.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { 3982 border-color: #459e41; 3983 background-color: #459e41; } 3984 3985.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { 3986 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25); } 3987 3988.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { 3989 border-color: #357a32; } 3990 3991.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { 3992 border-color: #357a32; } 3993 3994.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { 3995 border-color: #357a32; 3996 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25); } 3997 3998.invalid-feedback { 3999 display: none; 4000 width: 100%; 4001 margin-top: 0.25rem; 4002 font-size: 80%; 4003 color: #ca3120; } 4004 4005.invalid-tooltip { 4006 position: absolute; 4007 top: 100%; 4008 left: 0; 4009 z-index: 5; 4010 display: none; 4011 max-width: 100%; 4012 padding: 0.25rem 0.5rem; 4013 margin-top: .1rem; 4014 font-size: 0.8203125rem; 4015 line-height: 1.5; 4016 color: #fff; 4017 background-color: rgba(202, 49, 32, 0.9); 4018 border-radius: 0.25rem; } 4019 .form-row > .col > .invalid-tooltip, 4020 .form-row > [class*="col-"] > .invalid-tooltip { 4021 left: 5px; } 4022 4023.was-validated :invalid ~ .invalid-feedback, 4024.was-validated :invalid ~ .invalid-tooltip, 4025.is-invalid ~ .invalid-feedback, 4026.is-invalid ~ .invalid-tooltip { 4027 display: block; } 4028 4029.was-validated .form-control:invalid, .form-control.is-invalid { 4030 border-color: #ca3120; 4031 padding-right: calc(1.5em + 0.75rem); 4032 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%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='%23ca3120' stroke='none'/%3e%3c/svg%3e"); 4033 background-repeat: no-repeat; 4034 background-position: right calc(0.375em + 0.1875rem) center; 4035 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } 4036 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { 4037 border-color: #ca3120; 4038 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 4039 4040.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { 4041 padding-right: calc(1.5em + 0.75rem); 4042 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } 4043 4044.was-validated .custom-select:invalid, .custom-select.is-invalid { 4045 border-color: #ca3120; 4046 padding-right: calc(0.75em + 2.3125rem); 4047 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%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='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } 4048 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { 4049 border-color: #ca3120; 4050 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 4051 4052.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { 4053 color: #ca3120; } 4054 4055.was-validated .form-check-input:invalid ~ .invalid-feedback, 4056.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, 4057.form-check-input.is-invalid ~ .invalid-tooltip { 4058 display: block; } 4059 4060.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { 4061 color: #ca3120; } 4062 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { 4063 border-color: #ca3120; } 4064 4065.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { 4066 border-color: #e04d3d; 4067 background-color: #e04d3d; } 4068 4069.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { 4070 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 4071 4072.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { 4073 border-color: #ca3120; } 4074 4075.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { 4076 border-color: #ca3120; } 4077 4078.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { 4079 border-color: #ca3120; 4080 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 4081 4082.form-inline { 4083 display: flex; 4084 flex-flow: row wrap; 4085 align-items: center; } 4086 .form-inline .form-check { 4087 width: 100%; } 4088 @media (min-width: 576px) { 4089 .form-inline label { 4090 display: flex; 4091 align-items: center; 4092 justify-content: center; 4093 margin-bottom: 0; } 4094 .form-inline .form-group { 4095 display: flex; 4096 flex: 0 0 auto; 4097 flex-flow: row wrap; 4098 align-items: center; 4099 margin-bottom: 0; } 4100 .form-inline .form-control { 4101 display: inline-block; 4102 width: auto; 4103 vertical-align: middle; } 4104 .form-inline .form-control-plaintext { 4105 display: inline-block; } 4106 .form-inline .input-group, 4107 .form-inline .custom-select { 4108 width: auto; } 4109 .form-inline .form-check { 4110 display: flex; 4111 align-items: center; 4112 justify-content: center; 4113 width: auto; 4114 padding-left: 0; } 4115 .form-inline .form-check-input { 4116 position: relative; 4117 flex-shrink: 0; 4118 margin-top: 0; 4119 margin-right: 0.25rem; 4120 margin-left: 0; } 4121 .form-inline .custom-control { 4122 align-items: center; 4123 justify-content: center; } 4124 .form-inline .custom-control-label { 4125 margin-bottom: 0; } } 4126 4127.btn { 4128 display: inline-block; 4129 font-weight: 400; 4130 color: #1d2125; 4131 text-align: center; 4132 vertical-align: middle; 4133 user-select: none; 4134 background-color: transparent; 4135 border: 1px solid transparent; 4136 padding: 0.375rem 0.75rem; 4137 font-size: 0.9375rem; 4138 line-height: 1.5; 4139 border-radius: 0.25rem; 4140 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; } 4141 @media (max-width: 1200px) { 4142 .btn { 4143 font-size: calc(0.90375rem + 0.045vw) ; } } 4144 @media (prefers-reduced-motion: reduce) { 4145 .btn { 4146 transition: none; } } 4147 .btn:hover { 4148 color: #1d2125; 4149 text-decoration: none; } 4150 .btn:focus, .btn.focus { 4151 outline: 0; 4152 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 4153 .btn.disabled, .btn:disabled { 4154 opacity: 0.65; } 4155 .btn:not(:disabled):not(.disabled) { 4156 cursor: pointer; } 4157 4158a.btn.disabled, 4159fieldset:disabled a.btn { 4160 pointer-events: none; } 4161 4162.btn-primary { 4163 color: #fff; 4164 background-color: #0f6cbf; 4165 border-color: #0f6cbf; } 4166 .btn-primary:hover { 4167 color: #fff; 4168 background-color: #0c589c; 4169 border-color: #0b5190; } 4170 .btn-primary:focus, .btn-primary.focus { 4171 color: #fff; 4172 background-color: #0c589c; 4173 border-color: #0b5190; 4174 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5); } 4175 .btn-primary.disabled, .btn-primary:disabled { 4176 color: #fff; 4177 background-color: #0f6cbf; 4178 border-color: #0f6cbf; } 4179 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, 4180 .show > .btn-primary.dropdown-toggle { 4181 color: #fff; 4182 background-color: #0b5190; 4183 border-color: #0a4b84; } 4184 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, 4185 .show > .btn-primary.dropdown-toggle:focus { 4186 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5); } 4187 4188.btn-secondary { 4189 color: #1d2125; 4190 background-color: #ced4da; 4191 border-color: #ced4da; } 4192 .btn-secondary:hover { 4193 color: #1d2125; 4194 background-color: #b8c1ca; 4195 border-color: #b1bbc4; } 4196 .btn-secondary:focus, .btn-secondary.focus { 4197 color: #1d2125; 4198 background-color: #b8c1ca; 4199 border-color: #b1bbc4; 4200 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5); } 4201 .btn-secondary.disabled, .btn-secondary:disabled { 4202 color: #1d2125; 4203 background-color: #ced4da; 4204 border-color: #ced4da; } 4205 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, 4206 .show > .btn-secondary.dropdown-toggle { 4207 color: #1d2125; 4208 background-color: #b1bbc4; 4209 border-color: #aab4bf; } 4210 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, 4211 .show > .btn-secondary.dropdown-toggle:focus { 4212 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5); } 4213 4214.btn-success { 4215 color: #fff; 4216 background-color: #357a32; 4217 border-color: #357a32; } 4218 .btn-success:hover { 4219 color: #fff; 4220 background-color: #295f27; 4221 border-color: #255623; } 4222 .btn-success:focus, .btn-success.focus { 4223 color: #fff; 4224 background-color: #295f27; 4225 border-color: #255623; 4226 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5); } 4227 .btn-success.disabled, .btn-success:disabled { 4228 color: #fff; 4229 background-color: #357a32; 4230 border-color: #357a32; } 4231 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, 4232 .show > .btn-success.dropdown-toggle { 4233 color: #fff; 4234 background-color: #255623; 4235 border-color: #214d1f; } 4236 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, 4237 .show > .btn-success.dropdown-toggle:focus { 4238 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5); } 4239 4240.btn-info { 4241 color: #fff; 4242 background-color: #008196; 4243 border-color: #008196; } 4244 .btn-info:hover { 4245 color: #fff; 4246 background-color: #006070; 4247 border-color: #005563; } 4248 .btn-info:focus, .btn-info.focus { 4249 color: #fff; 4250 background-color: #006070; 4251 border-color: #005563; 4252 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5); } 4253 .btn-info.disabled, .btn-info:disabled { 4254 color: #fff; 4255 background-color: #008196; 4256 border-color: #008196; } 4257 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, 4258 .show > .btn-info.dropdown-toggle { 4259 color: #fff; 4260 background-color: #005563; 4261 border-color: #004a56; } 4262 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, 4263 .show > .btn-info.dropdown-toggle:focus { 4264 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5); } 4265 4266.btn-warning { 4267 color: #1d2125; 4268 background-color: #f0ad4e; 4269 border-color: #f0ad4e; } 4270 .btn-warning:hover { 4271 color: #1d2125; 4272 background-color: #ed9d2b; 4273 border-color: #ec971f; } 4274 .btn-warning:focus, .btn-warning.focus { 4275 color: #1d2125; 4276 background-color: #ed9d2b; 4277 border-color: #ec971f; 4278 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5); } 4279 .btn-warning.disabled, .btn-warning:disabled { 4280 color: #1d2125; 4281 background-color: #f0ad4e; 4282 border-color: #f0ad4e; } 4283 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, 4284 .show > .btn-warning.dropdown-toggle { 4285 color: #1d2125; 4286 background-color: #ec971f; 4287 border-color: #ea9214; } 4288 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, 4289 .show > .btn-warning.dropdown-toggle:focus { 4290 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5); } 4291 4292.btn-danger { 4293 color: #fff; 4294 background-color: #ca3120; 4295 border-color: #ca3120; } 4296 .btn-danger:hover { 4297 color: #fff; 4298 background-color: #a9291b; 4299 border-color: #9e2619; } 4300 .btn-danger:focus, .btn-danger.focus { 4301 color: #fff; 4302 background-color: #a9291b; 4303 border-color: #9e2619; 4304 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5); } 4305 .btn-danger.disabled, .btn-danger:disabled { 4306 color: #fff; 4307 background-color: #ca3120; 4308 border-color: #ca3120; } 4309 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, 4310 .show > .btn-danger.dropdown-toggle { 4311 color: #fff; 4312 background-color: #9e2619; 4313 border-color: #932417; } 4314 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, 4315 .show > .btn-danger.dropdown-toggle:focus { 4316 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5); } 4317 4318.btn-light { 4319 color: #1d2125; 4320 background-color: #f8f9fa; 4321 border-color: #f8f9fa; } 4322 .btn-light:hover { 4323 color: #1d2125; 4324 background-color: #e2e6ea; 4325 border-color: #dae0e5; } 4326 .btn-light:focus, .btn-light.focus { 4327 color: #1d2125; 4328 background-color: #e2e6ea; 4329 border-color: #dae0e5; 4330 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5); } 4331 .btn-light.disabled, .btn-light:disabled { 4332 color: #1d2125; 4333 background-color: #f8f9fa; 4334 border-color: #f8f9fa; } 4335 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, 4336 .show > .btn-light.dropdown-toggle { 4337 color: #1d2125; 4338 background-color: #dae0e5; 4339 border-color: #d3d9df; } 4340 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, 4341 .show > .btn-light.dropdown-toggle:focus { 4342 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5); } 4343 4344.btn-dark { 4345 color: #fff; 4346 background-color: #343a40; 4347 border-color: #343a40; } 4348 .btn-dark:hover { 4349 color: #fff; 4350 background-color: #23272b; 4351 border-color: #1d2124; } 4352 .btn-dark:focus, .btn-dark.focus { 4353 color: #fff; 4354 background-color: #23272b; 4355 border-color: #1d2124; 4356 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } 4357 .btn-dark.disabled, .btn-dark:disabled { 4358 color: #fff; 4359 background-color: #343a40; 4360 border-color: #343a40; } 4361 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, 4362 .show > .btn-dark.dropdown-toggle { 4363 color: #fff; 4364 background-color: #1d2124; 4365 border-color: #171a1d; } 4366 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, 4367 .show > .btn-dark.dropdown-toggle:focus { 4368 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } 4369 4370.btn-outline-primary { 4371 color: #0f6cbf; 4372 border-color: #0f6cbf; } 4373 .btn-outline-primary:hover { 4374 color: #fff; 4375 background-color: #0f6cbf; 4376 border-color: #0f6cbf; } 4377 .btn-outline-primary:focus, .btn-outline-primary.focus { 4378 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5); } 4379 .btn-outline-primary.disabled, .btn-outline-primary:disabled { 4380 color: #0f6cbf; 4381 background-color: transparent; } 4382 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, 4383 .show > .btn-outline-primary.dropdown-toggle { 4384 color: #fff; 4385 background-color: #0f6cbf; 4386 border-color: #0f6cbf; } 4387 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, 4388 .show > .btn-outline-primary.dropdown-toggle:focus { 4389 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5); } 4390 4391.btn-outline-secondary { 4392 color: #ced4da; 4393 border-color: #ced4da; } 4394 .btn-outline-secondary:hover { 4395 color: #1d2125; 4396 background-color: #ced4da; 4397 border-color: #ced4da; } 4398 .btn-outline-secondary:focus, .btn-outline-secondary.focus { 4399 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } 4400 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { 4401 color: #ced4da; 4402 background-color: transparent; } 4403 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, 4404 .show > .btn-outline-secondary.dropdown-toggle { 4405 color: #1d2125; 4406 background-color: #ced4da; 4407 border-color: #ced4da; } 4408 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, 4409 .show > .btn-outline-secondary.dropdown-toggle:focus { 4410 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } 4411 4412.btn-outline-success { 4413 color: #357a32; 4414 border-color: #357a32; } 4415 .btn-outline-success:hover { 4416 color: #fff; 4417 background-color: #357a32; 4418 border-color: #357a32; } 4419 .btn-outline-success:focus, .btn-outline-success.focus { 4420 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5); } 4421 .btn-outline-success.disabled, .btn-outline-success:disabled { 4422 color: #357a32; 4423 background-color: transparent; } 4424 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, 4425 .show > .btn-outline-success.dropdown-toggle { 4426 color: #fff; 4427 background-color: #357a32; 4428 border-color: #357a32; } 4429 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, 4430 .show > .btn-outline-success.dropdown-toggle:focus { 4431 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5); } 4432 4433.btn-outline-info { 4434 color: #008196; 4435 border-color: #008196; } 4436 .btn-outline-info:hover { 4437 color: #fff; 4438 background-color: #008196; 4439 border-color: #008196; } 4440 .btn-outline-info:focus, .btn-outline-info.focus { 4441 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5); } 4442 .btn-outline-info.disabled, .btn-outline-info:disabled { 4443 color: #008196; 4444 background-color: transparent; } 4445 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, 4446 .show > .btn-outline-info.dropdown-toggle { 4447 color: #fff; 4448 background-color: #008196; 4449 border-color: #008196; } 4450 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, 4451 .show > .btn-outline-info.dropdown-toggle:focus { 4452 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5); } 4453 4454.btn-outline-warning { 4455 color: #f0ad4e; 4456 border-color: #f0ad4e; } 4457 .btn-outline-warning:hover { 4458 color: #1d2125; 4459 background-color: #f0ad4e; 4460 border-color: #f0ad4e; } 4461 .btn-outline-warning:focus, .btn-outline-warning.focus { 4462 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } 4463 .btn-outline-warning.disabled, .btn-outline-warning:disabled { 4464 color: #f0ad4e; 4465 background-color: transparent; } 4466 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, 4467 .show > .btn-outline-warning.dropdown-toggle { 4468 color: #1d2125; 4469 background-color: #f0ad4e; 4470 border-color: #f0ad4e; } 4471 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, 4472 .show > .btn-outline-warning.dropdown-toggle:focus { 4473 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } 4474 4475.btn-outline-danger { 4476 color: #ca3120; 4477 border-color: #ca3120; } 4478 .btn-outline-danger:hover { 4479 color: #fff; 4480 background-color: #ca3120; 4481 border-color: #ca3120; } 4482 .btn-outline-danger:focus, .btn-outline-danger.focus { 4483 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5); } 4484 .btn-outline-danger.disabled, .btn-outline-danger:disabled { 4485 color: #ca3120; 4486 background-color: transparent; } 4487 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, 4488 .show > .btn-outline-danger.dropdown-toggle { 4489 color: #fff; 4490 background-color: #ca3120; 4491 border-color: #ca3120; } 4492 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, 4493 .show > .btn-outline-danger.dropdown-toggle:focus { 4494 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5); } 4495 4496.btn-outline-light { 4497 color: #f8f9fa; 4498 border-color: #f8f9fa; } 4499 .btn-outline-light:hover { 4500 color: #1d2125; 4501 background-color: #f8f9fa; 4502 border-color: #f8f9fa; } 4503 .btn-outline-light:focus, .btn-outline-light.focus { 4504 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } 4505 .btn-outline-light.disabled, .btn-outline-light:disabled { 4506 color: #f8f9fa; 4507 background-color: transparent; } 4508 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, 4509 .show > .btn-outline-light.dropdown-toggle { 4510 color: #1d2125; 4511 background-color: #f8f9fa; 4512 border-color: #f8f9fa; } 4513 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, 4514 .show > .btn-outline-light.dropdown-toggle:focus { 4515 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } 4516 4517.btn-outline-dark { 4518 color: #343a40; 4519 border-color: #343a40; } 4520 .btn-outline-dark:hover { 4521 color: #fff; 4522 background-color: #343a40; 4523 border-color: #343a40; } 4524 .btn-outline-dark:focus, .btn-outline-dark.focus { 4525 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } 4526 .btn-outline-dark.disabled, .btn-outline-dark:disabled { 4527 color: #343a40; 4528 background-color: transparent; } 4529 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, 4530 .show > .btn-outline-dark.dropdown-toggle { 4531 color: #fff; 4532 background-color: #343a40; 4533 border-color: #343a40; } 4534 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, 4535 .show > .btn-outline-dark.dropdown-toggle:focus { 4536 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } 4537 4538.btn-link { 4539 font-weight: 400; 4540 color: #0f6cbf; 4541 text-decoration: none; } 4542 .btn-link:hover { 4543 color: #094478; 4544 text-decoration: underline; } 4545 .btn-link:focus, .btn-link.focus { 4546 text-decoration: underline; } 4547 .btn-link:disabled, .btn-link.disabled { 4548 color: #6a737b; 4549 pointer-events: none; } 4550 4551.btn-lg, .btn-group-lg > .btn { 4552 padding: 0.5rem 1rem; 4553 font-size: 1.171875rem; 4554 line-height: 1.5; 4555 border-radius: 0.3rem; } 4556 @media (max-width: 1200px) { 4557 .btn-lg, .btn-group-lg > .btn { 4558 font-size: calc(0.9271875rem + 0.32625vw) ; } } 4559 4560.btn-sm, .btn-group-sm > .btn { 4561 padding: 0.25rem 0.5rem; 4562 font-size: 0.8203125rem; 4563 line-height: 1.5; 4564 border-radius: 0.2rem; } 4565 4566.btn-block { 4567 display: block; 4568 width: 100%; } 4569 .btn-block + .btn-block { 4570 margin-top: 0.5rem; } 4571 4572input[type="submit"].btn-block, 4573input[type="reset"].btn-block, 4574input[type="button"].btn-block { 4575 width: 100%; } 4576 4577.fade { 4578 transition: opacity 0.15s linear; } 4579 @media (prefers-reduced-motion: reduce) { 4580 .fade { 4581 transition: none; } } 4582 .fade:not(.show) { 4583 opacity: 0; } 4584 4585.collapse:not(.show) { 4586 display: none; } 4587 4588.collapsing { 4589 position: relative; 4590 height: 0; 4591 overflow: hidden; 4592 transition: height 0.35s ease; } 4593 @media (prefers-reduced-motion: reduce) { 4594 .collapsing { 4595 transition: none; } } 4596 4597.dropup, 4598.dropright, 4599.dropdown, 4600.dropleft { 4601 position: relative; } 4602 4603.dropdown-toggle { 4604 white-space: nowrap; } 4605 .dropdown-toggle::after { 4606 display: inline-block; 4607 margin-left: 0.255em; 4608 vertical-align: 0.255em; 4609 content: ""; 4610 border-top: 0.3em solid; 4611 border-right: 0.3em solid transparent; 4612 border-bottom: 0; 4613 border-left: 0.3em solid transparent; } 4614 .dropdown-toggle:empty::after { 4615 margin-left: 0; } 4616 4617.dropdown-menu { 4618 position: absolute; 4619 top: 100%; 4620 left: 0; 4621 z-index: 1000; 4622 display: none; 4623 float: left; 4624 min-width: 10rem; 4625 padding: 0.5rem 0; 4626 margin: 0.125rem 0 0; 4627 font-size: 0.9375rem; 4628 color: #1d2125; 4629 text-align: left; 4630 list-style: none; 4631 background-color: #fff; 4632 background-clip: padding-box; 4633 border: 1px solid rgba(0, 0, 0, 0.15); 4634 border-radius: 0.25rem; } 4635 @media (max-width: 1200px) { 4636 .dropdown-menu { 4637 font-size: calc(0.90375rem + 0.045vw) ; } } 4638 4639.dropdown-menu-left { 4640 right: auto; 4641 left: 0; } 4642 4643.dropdown-menu-right { 4644 right: 0; 4645 left: auto; } 4646 4647@media (min-width: 576px) { 4648 .dropdown-menu-sm-left { 4649 right: auto; 4650 left: 0; } 4651 .dropdown-menu-sm-right { 4652 right: 0; 4653 left: auto; } } 4654 4655@media (min-width: 768px) { 4656 .dropdown-menu-md-left { 4657 right: auto; 4658 left: 0; } 4659 .dropdown-menu-md-right { 4660 right: 0; 4661 left: auto; } } 4662 4663@media (min-width: 992px) { 4664 .dropdown-menu-lg-left { 4665 right: auto; 4666 left: 0; } 4667 .dropdown-menu-lg-right { 4668 right: 0; 4669 left: auto; } } 4670 4671@media (min-width: 1200px) { 4672 .dropdown-menu-xl-left { 4673 right: auto; 4674 left: 0; } 4675 .dropdown-menu-xl-right { 4676 right: 0; 4677 left: auto; } } 4678 4679.dropup .dropdown-menu { 4680 top: auto; 4681 bottom: 100%; 4682 margin-top: 0; 4683 margin-bottom: 0.125rem; } 4684 4685.dropup .dropdown-toggle::after { 4686 display: inline-block; 4687 margin-left: 0.255em; 4688 vertical-align: 0.255em; 4689 content: ""; 4690 border-top: 0; 4691 border-right: 0.3em solid transparent; 4692 border-bottom: 0.3em solid; 4693 border-left: 0.3em solid transparent; } 4694 4695.dropup .dropdown-toggle:empty::after { 4696 margin-left: 0; } 4697 4698.dropright .dropdown-menu { 4699 top: 0; 4700 right: auto; 4701 left: 100%; 4702 margin-top: 0; 4703 margin-left: 0.125rem; } 4704 4705.dropright .dropdown-toggle::after { 4706 display: inline-block; 4707 margin-left: 0.255em; 4708 vertical-align: 0.255em; 4709 content: ""; 4710 border-top: 0.3em solid transparent; 4711 border-right: 0; 4712 border-bottom: 0.3em solid transparent; 4713 border-left: 0.3em solid; } 4714 4715.dropright .dropdown-toggle:empty::after { 4716 margin-left: 0; } 4717 4718.dropright .dropdown-toggle::after { 4719 vertical-align: 0; } 4720 4721.dropleft .dropdown-menu { 4722 top: 0; 4723 right: 100%; 4724 left: auto; 4725 margin-top: 0; 4726 margin-right: 0.125rem; } 4727 4728.dropleft .dropdown-toggle::after { 4729 display: inline-block; 4730 margin-left: 0.255em; 4731 vertical-align: 0.255em; 4732 content: ""; } 4733 4734.dropleft .dropdown-toggle::after { 4735 display: none; } 4736 4737.dropleft .dropdown-toggle::before { 4738 display: inline-block; 4739 margin-right: 0.255em; 4740 vertical-align: 0.255em; 4741 content: ""; 4742 border-top: 0.3em solid transparent; 4743 border-right: 0.3em solid; 4744 border-bottom: 0.3em solid transparent; } 4745 4746.dropleft .dropdown-toggle:empty::after { 4747 margin-left: 0; } 4748 4749.dropleft .dropdown-toggle::before { 4750 vertical-align: 0; } 4751 4752.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { 4753 right: auto; 4754 bottom: auto; } 4755 4756.dropdown-divider { 4757 height: 0; 4758 margin: 0.5rem 0; 4759 overflow: hidden; 4760 border-top: 1px solid #e9ecef; } 4761 4762.dropdown-item { 4763 display: block; 4764 width: 100%; 4765 padding: 0.25rem 1.5rem; 4766 clear: both; 4767 font-weight: 400; 4768 color: #1d2125; 4769 text-align: inherit; 4770 white-space: nowrap; 4771 background-color: transparent; 4772 border: 0; } 4773 .dropdown-item:hover, .dropdown-item:focus { 4774 color: #fff; 4775 text-decoration: none; 4776 background-color: #0f6cbf; } 4777 .dropdown-item.active, .dropdown-item:active { 4778 color: #fff; 4779 text-decoration: none; 4780 background-color: #0f6cbf; } 4781 .dropdown-item.disabled, .dropdown-item:disabled { 4782 color: #8f959e; 4783 pointer-events: none; 4784 background-color: transparent; } 4785 4786.dropdown-menu.show { 4787 display: block; } 4788 4789.dropdown-header { 4790 display: block; 4791 padding: 0.5rem 1.5rem; 4792 margin-bottom: 0; 4793 font-size: 0.8203125rem; 4794 color: #6a737b; 4795 white-space: nowrap; } 4796 4797.dropdown-item-text { 4798 display: block; 4799 padding: 0.25rem 1.5rem; 4800 color: #1d2125; } 4801 4802.btn-group, 4803.btn-group-vertical { 4804 position: relative; 4805 display: inline-flex; 4806 vertical-align: middle; } 4807 .btn-group > .btn, 4808 .btn-group-vertical > .btn { 4809 position: relative; 4810 flex: 1 1 auto; } 4811 .btn-group > .btn:hover, 4812 .btn-group-vertical > .btn:hover { 4813 z-index: 1; } 4814 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, 4815 .btn-group-vertical > .btn:focus, 4816 .btn-group-vertical > .btn:active, 4817 .btn-group-vertical > .btn.active { 4818 z-index: 1; } 4819 4820.btn-toolbar { 4821 display: flex; 4822 flex-wrap: wrap; 4823 justify-content: flex-start; } 4824 .btn-toolbar .input-group { 4825 width: auto; } 4826 4827.btn-group > .btn:not(:first-child), 4828.btn-group > .btn-group:not(:first-child) { 4829 margin-left: -1px; } 4830 4831.btn-group > .btn:not(:last-child):not(.dropdown-toggle), 4832.btn-group > .btn-group:not(:last-child) > .btn { 4833 border-top-right-radius: 0; 4834 border-bottom-right-radius: 0; } 4835 4836.btn-group > .btn:not(:first-child), 4837.btn-group > .btn-group:not(:first-child) > .btn { 4838 border-top-left-radius: 0; 4839 border-bottom-left-radius: 0; } 4840 4841.dropdown-toggle-split { 4842 padding-right: 0.5625rem; 4843 padding-left: 0.5625rem; } 4844 .dropdown-toggle-split::after, 4845 .dropup .dropdown-toggle-split::after, 4846 .dropright .dropdown-toggle-split::after { 4847 margin-left: 0; } 4848 .dropleft .dropdown-toggle-split::before { 4849 margin-right: 0; } 4850 4851.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { 4852 padding-right: 0.375rem; 4853 padding-left: 0.375rem; } 4854 4855.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { 4856 padding-right: 0.75rem; 4857 padding-left: 0.75rem; } 4858 4859.btn-group-vertical { 4860 flex-direction: column; 4861 align-items: flex-start; 4862 justify-content: center; } 4863 .btn-group-vertical > .btn, 4864 .btn-group-vertical > .btn-group { 4865 width: 100%; } 4866 .btn-group-vertical > .btn:not(:first-child), 4867 .btn-group-vertical > .btn-group:not(:first-child) { 4868 margin-top: -1px; } 4869 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), 4870 .btn-group-vertical > .btn-group:not(:last-child) > .btn { 4871 border-bottom-right-radius: 0; 4872 border-bottom-left-radius: 0; } 4873 .btn-group-vertical > .btn:not(:first-child), 4874 .btn-group-vertical > .btn-group:not(:first-child) > .btn { 4875 border-top-left-radius: 0; 4876 border-top-right-radius: 0; } 4877 4878.btn-group-toggle > .btn, 4879.btn-group-toggle > .btn-group > .btn { 4880 margin-bottom: 0; } 4881 .btn-group-toggle > .btn input[type="radio"], 4882 .btn-group-toggle > .btn input[type="checkbox"], 4883 .btn-group-toggle > .btn-group > .btn input[type="radio"], 4884 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { 4885 position: absolute; 4886 clip: rect(0, 0, 0, 0); 4887 pointer-events: none; } 4888 4889.input-group { 4890 position: relative; 4891 display: flex; 4892 flex-wrap: wrap; 4893 align-items: stretch; 4894 width: 100%; } 4895 .input-group > .form-control, 4896 .input-group > .form-control-plaintext, 4897 .input-group > .custom-select, 4898 .input-group > .custom-file { 4899 position: relative; 4900 flex: 1 1 auto; 4901 width: 1%; 4902 min-width: 0; 4903 margin-bottom: 0; } 4904 .input-group > .form-control + .form-control, 4905 .input-group > .form-control + .custom-select, 4906 .input-group > .form-control + .custom-file, 4907 .input-group > .form-control-plaintext + .form-control, 4908 .input-group > .form-control-plaintext + .custom-select, 4909 .input-group > .form-control-plaintext + .custom-file, 4910 .input-group > .custom-select + .form-control, 4911 .input-group > .custom-select + .custom-select, 4912 .input-group > .custom-select + .custom-file, 4913 .input-group > .custom-file + .form-control, 4914 .input-group > .custom-file + .custom-select, 4915 .input-group > .custom-file + .custom-file { 4916 margin-left: -1px; } 4917 .input-group > .form-control:focus, 4918 .input-group > .custom-select:focus, 4919 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { 4920 z-index: 3; } 4921 .input-group > .custom-file .custom-file-input:focus { 4922 z-index: 4; } 4923 .input-group > .form-control:not(:first-child), 4924 .input-group > .custom-select:not(:first-child) { 4925 border-top-left-radius: 0; 4926 border-bottom-left-radius: 0; } 4927 .input-group > .custom-file { 4928 display: flex; 4929 align-items: center; } 4930 .input-group > .custom-file:not(:last-child) .custom-file-label, 4931 .input-group > .custom-file:not(:first-child) .custom-file-label { 4932 border-top-left-radius: 0; 4933 border-bottom-left-radius: 0; } 4934 .input-group:not(.has-validation) > .form-control:not(:last-child), 4935 .input-group:not(.has-validation) > .custom-select:not(:last-child), 4936 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { 4937 border-top-right-radius: 0; 4938 border-bottom-right-radius: 0; } 4939 .input-group.has-validation > .form-control:nth-last-child(n + 3), 4940 .input-group.has-validation > .custom-select:nth-last-child(n + 3), 4941 .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after { 4942 border-top-right-radius: 0; 4943 border-bottom-right-radius: 0; } 4944 4945.input-group-prepend, 4946.input-group-append { 4947 display: flex; } 4948 .input-group-prepend .btn, 4949 .input-group-append .btn { 4950 position: relative; 4951 z-index: 2; } 4952 .input-group-prepend .btn:focus, 4953 .input-group-append .btn:focus { 4954 z-index: 3; } 4955 .input-group-prepend .btn + .btn, 4956 .input-group-prepend .btn + .input-group-text, 4957 .input-group-prepend .input-group-text + .input-group-text, 4958 .input-group-prepend .input-group-text + .btn, 4959 .input-group-append .btn + .btn, 4960 .input-group-append .btn + .input-group-text, 4961 .input-group-append .input-group-text + .input-group-text, 4962 .input-group-append .input-group-text + .btn { 4963 margin-left: -1px; } 4964 4965.input-group-prepend { 4966 margin-right: -1px; } 4967 4968.input-group-append { 4969 margin-left: -1px; } 4970 4971.input-group-text { 4972 display: flex; 4973 align-items: center; 4974 padding: 0.375rem 0.75rem; 4975 margin-bottom: 0; 4976 font-size: 0.9375rem; 4977 font-weight: 400; 4978 line-height: 1.5; 4979 color: #495057; 4980 text-align: center; 4981 white-space: nowrap; 4982 background-color: #e9ecef; 4983 border: 1px solid #8f959e; 4984 border-radius: 0.25rem; } 4985 @media (max-width: 1200px) { 4986 .input-group-text { 4987 font-size: calc(0.90375rem + 0.045vw) ; } } 4988 .input-group-text input[type="radio"], 4989 .input-group-text input[type="checkbox"] { 4990 margin-top: 0; } 4991 4992.input-group-lg > .form-control:not(textarea), 4993.input-group-lg > .custom-select { 4994 height: calc(1.5em + 1rem + 2px); } 4995 4996.input-group-lg > .form-control, 4997.input-group-lg > .custom-select, 4998.input-group-lg > .input-group-prepend > .input-group-text, 4999.input-group-lg > .input-group-append > .input-group-text, 5000.input-group-lg > .input-group-prepend > .btn, 5001.input-group-lg > .input-group-append > .btn { 5002 padding: 0.5rem 1rem; 5003 font-size: 1.171875rem; 5004 line-height: 1.5; 5005 border-radius: 0.3rem; } 5006 @media (max-width: 1200px) { 5007 .input-group-lg > .form-control, 5008 .input-group-lg > .custom-select, 5009 .input-group-lg > .input-group-prepend > .input-group-text, 5010 .input-group-lg > .input-group-append > .input-group-text, 5011 .input-group-lg > .input-group-prepend > .btn, 5012 .input-group-lg > .input-group-append > .btn { 5013 font-size: calc(0.9271875rem + 0.32625vw) ; } } 5014 5015.input-group-sm > .form-control:not(textarea), 5016.input-group-sm > .custom-select { 5017 height: calc(1.5em + 0.5rem + 2px); } 5018 5019.input-group-sm > .form-control, 5020.input-group-sm > .custom-select, 5021.input-group-sm > .input-group-prepend > .input-group-text, 5022.input-group-sm > .input-group-append > .input-group-text, 5023.input-group-sm > .input-group-prepend > .btn, 5024.input-group-sm > .input-group-append > .btn { 5025 padding: 0.25rem 0.5rem; 5026 font-size: 0.8203125rem; 5027 line-height: 1.5; 5028 border-radius: 0.2rem; } 5029 5030.input-group-lg > .custom-select, 5031.input-group-sm > .custom-select { 5032 padding-right: 1.75rem; } 5033 5034.input-group > .input-group-prepend > .btn, 5035.input-group > .input-group-prepend > .input-group-text, 5036.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, 5037.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, 5038.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, 5039.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, 5040.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), 5041.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { 5042 border-top-right-radius: 0; 5043 border-bottom-right-radius: 0; } 5044 5045.input-group > .input-group-append > .btn, 5046.input-group > .input-group-append > .input-group-text, 5047.input-group > .input-group-prepend:not(:first-child) > .btn, 5048.input-group > .input-group-prepend:not(:first-child) > .input-group-text, 5049.input-group > .input-group-prepend:first-child > .btn:not(:first-child), 5050.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { 5051 border-top-left-radius: 0; 5052 border-bottom-left-radius: 0; } 5053 5054.custom-control { 5055 position: relative; 5056 z-index: 1; 5057 display: block; 5058 min-height: 1.40625rem; 5059 padding-left: 1.5rem; 5060 color-adjust: exact; } 5061 5062.custom-control-inline { 5063 display: inline-flex; 5064 margin-right: 1rem; } 5065 5066.custom-control-input { 5067 position: absolute; 5068 left: 0; 5069 z-index: -1; 5070 width: 1rem; 5071 height: 1.203125rem; 5072 opacity: 0; } 5073 .custom-control-input:checked ~ .custom-control-label::before { 5074 color: #fff; 5075 border-color: #0f6cbf; 5076 background-color: #0f6cbf; } 5077 .custom-control-input:focus ~ .custom-control-label::before { 5078 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5079 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { 5080 border-color: #5babf2; } 5081 .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 5082 color: #fff; 5083 background-color: #8bc3f6; 5084 border-color: #8bc3f6; } 5085 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { 5086 color: #6a737b; } 5087 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { 5088 background-color: #e9ecef; } 5089 5090.custom-control-label { 5091 position: relative; 5092 margin-bottom: 0; 5093 vertical-align: top; } 5094 .custom-control-label::before { 5095 position: absolute; 5096 top: 0.203125rem; 5097 left: -1.5rem; 5098 display: block; 5099 width: 1rem; 5100 height: 1rem; 5101 pointer-events: none; 5102 content: ""; 5103 background-color: #fff; 5104 border: #8f959e solid 1px; } 5105 .custom-control-label::after { 5106 position: absolute; 5107 top: 0.203125rem; 5108 left: -1.5rem; 5109 display: block; 5110 width: 1rem; 5111 height: 1rem; 5112 content: ""; 5113 background: 50% / 50% 50% no-repeat; } 5114 5115.custom-checkbox .custom-control-label::before { 5116 border-radius: 0.25rem; } 5117 5118.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { 5119 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } 5120 5121.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { 5122 border-color: #0f6cbf; 5123 background-color: #0f6cbf; } 5124 5125.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { 5126 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } 5127 5128.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { 5129 background-color: rgba(15, 108, 191, 0.5); } 5130 5131.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { 5132 background-color: rgba(15, 108, 191, 0.5); } 5133 5134.custom-radio .custom-control-label::before { 5135 border-radius: 50%; } 5136 5137.custom-radio .custom-control-input:checked ~ .custom-control-label::after { 5138 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } 5139 5140.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { 5141 background-color: rgba(15, 108, 191, 0.5); } 5142 5143.custom-switch { 5144 padding-left: 2.25rem; } 5145 .custom-switch .custom-control-label::before { 5146 left: -2.25rem; 5147 width: 1.75rem; 5148 pointer-events: all; 5149 border-radius: 0.5rem; } 5150 .custom-switch .custom-control-label::after { 5151 top: calc(0.203125rem + 2px); 5152 left: calc(-2.25rem + 2px); 5153 width: calc(1rem - 4px); 5154 height: calc(1rem - 4px); 5155 background-color: #8f959e; 5156 border-radius: 0.5rem; 5157 transition: transform 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; } 5158 @media (prefers-reduced-motion: reduce) { 5159 .custom-switch .custom-control-label::after { 5160 transition: none; } } 5161 .custom-switch .custom-control-input:checked ~ .custom-control-label::after { 5162 background-color: #fff; 5163 transform: translateX(0.75rem); } 5164 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { 5165 background-color: rgba(15, 108, 191, 0.5); } 5166 5167.custom-select { 5168 display: inline-block; 5169 width: 100%; 5170 height: calc(1.5em + 0.75rem + 2px); 5171 padding: 0.375rem 1.75rem 0.375rem 0.75rem; 5172 font-size: 0.9375rem; 5173 font-weight: 400; 5174 line-height: 1.5; 5175 color: #495057; 5176 vertical-align: middle; 5177 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; 5178 border: 1px solid #8f959e; 5179 border-radius: 0.25rem; 5180 appearance: none; } 5181 @media (max-width: 1200px) { 5182 .custom-select { 5183 font-size: calc(0.90375rem + 0.045vw) ; } } 5184 .custom-select:focus { 5185 border-color: #5babf2; 5186 outline: 0; 5187 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5188 .custom-select:focus::-ms-value { 5189 color: #495057; 5190 background-color: #fff; } 5191 .custom-select[multiple], .custom-select[size]:not([size="1"]) { 5192 height: auto; 5193 padding-right: 0.75rem; 5194 background-image: none; } 5195 .custom-select:disabled { 5196 color: #6a737b; 5197 background-color: #e9ecef; } 5198 .custom-select::-ms-expand { 5199 display: none; } 5200 .custom-select:-moz-focusring { 5201 color: transparent; 5202 text-shadow: 0 0 0 #495057; } 5203 5204.custom-select-sm { 5205 height: calc(1.5em + 0.5rem + 2px); 5206 padding-top: 0.25rem; 5207 padding-bottom: 0.25rem; 5208 padding-left: 0.5rem; 5209 font-size: 0.8203125rem; } 5210 5211.custom-select-lg { 5212 height: calc(1.5em + 1rem + 2px); 5213 padding-top: 0.5rem; 5214 padding-bottom: 0.5rem; 5215 padding-left: 1rem; 5216 font-size: 1.171875rem; } 5217 @media (max-width: 1200px) { 5218 .custom-select-lg { 5219 font-size: calc(0.9271875rem + 0.32625vw) ; } } 5220 5221.custom-file { 5222 position: relative; 5223 display: inline-block; 5224 width: 100%; 5225 height: calc(1.5em + 0.75rem + 2px); 5226 margin-bottom: 0; } 5227 5228.custom-file-input { 5229 position: relative; 5230 z-index: 2; 5231 width: 100%; 5232 height: calc(1.5em + 0.75rem + 2px); 5233 margin: 0; 5234 overflow: hidden; 5235 opacity: 0; } 5236 .custom-file-input:focus ~ .custom-file-label { 5237 border-color: #5babf2; 5238 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5239 .custom-file-input[disabled] ~ .custom-file-label, 5240 .custom-file-input:disabled ~ .custom-file-label { 5241 background-color: #e9ecef; } 5242 .custom-file-input:lang(en) ~ .custom-file-label::after { 5243 content: "Browse"; } 5244 .custom-file-input ~ .custom-file-label[data-browse]::after { 5245 content: attr(data-browse); } 5246 5247.custom-file-label { 5248 position: absolute; 5249 top: 0; 5250 right: 0; 5251 left: 0; 5252 z-index: 1; 5253 height: calc(1.5em + 0.75rem + 2px); 5254 padding: 0.375rem 0.75rem; 5255 overflow: hidden; 5256 font-weight: 400; 5257 line-height: 1.5; 5258 color: #495057; 5259 background-color: #fff; 5260 border: 1px solid #8f959e; 5261 border-radius: 0.25rem; } 5262 .custom-file-label::after { 5263 position: absolute; 5264 top: 0; 5265 right: 0; 5266 bottom: 0; 5267 z-index: 3; 5268 display: block; 5269 height: calc(1.5em + 0.75rem); 5270 padding: 0.375rem 0.75rem; 5271 line-height: 1.5; 5272 color: #495057; 5273 content: "Browse"; 5274 background-color: #e9ecef; 5275 border-left: inherit; 5276 border-radius: 0 0.25rem 0.25rem 0; } 5277 5278.custom-range { 5279 width: 100%; 5280 height: 1.4rem; 5281 padding: 0; 5282 background-color: transparent; 5283 appearance: none; } 5284 .custom-range:focus { 5285 outline: 0; } 5286 .custom-range:focus::-webkit-slider-thumb { 5287 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5288 .custom-range:focus::-moz-range-thumb { 5289 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5290 .custom-range:focus::-ms-thumb { 5291 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5292 .custom-range::-moz-focus-outer { 5293 border: 0; } 5294 .custom-range::-webkit-slider-thumb { 5295 width: 1rem; 5296 height: 1rem; 5297 margin-top: -0.25rem; 5298 background-color: #0f6cbf; 5299 border: 0; 5300 border-radius: 1rem; 5301 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 5302 appearance: none; } 5303 @media (prefers-reduced-motion: reduce) { 5304 .custom-range::-webkit-slider-thumb { 5305 transition: none; } } 5306 .custom-range::-webkit-slider-thumb:active { 5307 background-color: #8bc3f6; } 5308 .custom-range::-webkit-slider-runnable-track { 5309 width: 100%; 5310 height: 0.5rem; 5311 color: transparent; 5312 cursor: pointer; 5313 background-color: #dee2e6; 5314 border-color: transparent; 5315 border-radius: 1rem; } 5316 .custom-range::-moz-range-thumb { 5317 width: 1rem; 5318 height: 1rem; 5319 background-color: #0f6cbf; 5320 border: 0; 5321 border-radius: 1rem; 5322 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 5323 appearance: none; } 5324 @media (prefers-reduced-motion: reduce) { 5325 .custom-range::-moz-range-thumb { 5326 transition: none; } } 5327 .custom-range::-moz-range-thumb:active { 5328 background-color: #8bc3f6; } 5329 .custom-range::-moz-range-track { 5330 width: 100%; 5331 height: 0.5rem; 5332 color: transparent; 5333 cursor: pointer; 5334 background-color: #dee2e6; 5335 border-color: transparent; 5336 border-radius: 1rem; } 5337 .custom-range::-ms-thumb { 5338 width: 1rem; 5339 height: 1rem; 5340 margin-top: 0; 5341 margin-right: 0.2rem; 5342 margin-left: 0.2rem; 5343 background-color: #0f6cbf; 5344 border: 0; 5345 border-radius: 1rem; 5346 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 5347 appearance: none; } 5348 @media (prefers-reduced-motion: reduce) { 5349 .custom-range::-ms-thumb { 5350 transition: none; } } 5351 .custom-range::-ms-thumb:active { 5352 background-color: #8bc3f6; } 5353 .custom-range::-ms-track { 5354 width: 100%; 5355 height: 0.5rem; 5356 color: transparent; 5357 cursor: pointer; 5358 background-color: transparent; 5359 border-color: transparent; 5360 border-width: 0.5rem; } 5361 .custom-range::-ms-fill-lower { 5362 background-color: #dee2e6; 5363 border-radius: 1rem; } 5364 .custom-range::-ms-fill-upper { 5365 margin-right: 15px; 5366 background-color: #dee2e6; 5367 border-radius: 1rem; } 5368 .custom-range:disabled::-webkit-slider-thumb { 5369 background-color: #8f959e; } 5370 .custom-range:disabled::-webkit-slider-runnable-track { 5371 cursor: default; } 5372 .custom-range:disabled::-moz-range-thumb { 5373 background-color: #8f959e; } 5374 .custom-range:disabled::-moz-range-track { 5375 cursor: default; } 5376 .custom-range:disabled::-ms-thumb { 5377 background-color: #8f959e; } 5378 5379.custom-control-label::before, 5380.custom-file-label, 5381.custom-select { 5382 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } 5383 @media (prefers-reduced-motion: reduce) { 5384 .custom-control-label::before, 5385 .custom-file-label, 5386 .custom-select { 5387 transition: none; } } 5388 5389.nav { 5390 display: flex; 5391 flex-wrap: wrap; 5392 padding-left: 0; 5393 margin-bottom: 0; 5394 list-style: none; } 5395 5396.nav-link { 5397 display: block; 5398 padding: 0.5rem 1rem; } 5399 .nav-link:hover, .nav-link:focus { 5400 text-decoration: none; } 5401 .nav-link.disabled { 5402 color: #6a737b; 5403 pointer-events: none; 5404 cursor: default; } 5405 5406.nav-tabs { 5407 border-bottom: 1px solid #dee2e6; } 5408 .nav-tabs .nav-link { 5409 margin-bottom: -1px; 5410 border: 1px solid transparent; 5411 border-top-left-radius: 0.25rem; 5412 border-top-right-radius: 0.25rem; } 5413 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { 5414 border-color: #e9ecef #e9ecef #dee2e6; } 5415 .nav-tabs .nav-link.disabled { 5416 color: #6a737b; 5417 background-color: transparent; 5418 border-color: transparent; } 5419 .nav-tabs .nav-link.active, 5420 .nav-tabs .nav-item.show .nav-link { 5421 color: #495057; 5422 background-color: #fff; 5423 border-color: #dee2e6 #dee2e6 #fff; } 5424 .nav-tabs .dropdown-menu { 5425 margin-top: -1px; 5426 border-top-left-radius: 0; 5427 border-top-right-radius: 0; } 5428 5429.nav-pills .nav-link { 5430 border-radius: 0.25rem; } 5431 5432.nav-pills .nav-link.active, 5433.nav-pills .show > .nav-link { 5434 color: #fff; 5435 background-color: #0f6cbf; } 5436 5437.nav-fill > .nav-link, 5438.nav-fill .nav-item { 5439 flex: 1 1 auto; 5440 text-align: center; } 5441 5442.nav-justified > .nav-link, 5443.nav-justified .nav-item { 5444 flex-basis: 0; 5445 flex-grow: 1; 5446 text-align: center; } 5447 5448.tab-content > .tab-pane { 5449 display: none; } 5450 5451.tab-content > .active { 5452 display: block; } 5453 5454.navbar { 5455 position: relative; 5456 display: flex; 5457 flex-wrap: wrap; 5458 align-items: center; 5459 justify-content: space-between; 5460 padding: 0.5rem 1rem; } 5461 .navbar .container, 5462 .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { 5463 display: flex; 5464 flex-wrap: wrap; 5465 align-items: center; 5466 justify-content: space-between; } 5467 5468.navbar-brand { 5469 display: inline-block; 5470 padding-top: 0.32421875rem; 5471 padding-bottom: 0.32421875rem; 5472 margin-right: 1rem; 5473 font-size: 1.171875rem; 5474 line-height: inherit; 5475 white-space: nowrap; } 5476 @media (max-width: 1200px) { 5477 .navbar-brand { 5478 font-size: calc(0.9271875rem + 0.32625vw) ; } } 5479 .navbar-brand:hover, .navbar-brand:focus { 5480 text-decoration: none; } 5481 5482.navbar-nav { 5483 display: flex; 5484 flex-direction: column; 5485 padding-left: 0; 5486 margin-bottom: 0; 5487 list-style: none; } 5488 .navbar-nav .nav-link { 5489 padding-right: 0; 5490 padding-left: 0; } 5491 .navbar-nav .dropdown-menu { 5492 position: static; 5493 float: none; } 5494 5495.navbar-text { 5496 display: inline-block; 5497 padding-top: 0.5rem; 5498 padding-bottom: 0.5rem; } 5499 5500.navbar-collapse { 5501 flex-basis: 100%; 5502 flex-grow: 1; 5503 align-items: center; } 5504 5505.navbar-toggler { 5506 padding: 0.25rem 0.75rem; 5507 font-size: 1.171875rem; 5508 line-height: 1; 5509 background-color: transparent; 5510 border: 1px solid transparent; 5511 border-radius: 0.25rem; } 5512 @media (max-width: 1200px) { 5513 .navbar-toggler { 5514 font-size: calc(0.9271875rem + 0.32625vw) ; } } 5515 .navbar-toggler:hover, .navbar-toggler:focus { 5516 text-decoration: none; } 5517 5518.navbar-toggler-icon { 5519 display: inline-block; 5520 width: 1.5em; 5521 height: 1.5em; 5522 vertical-align: middle; 5523 content: ""; 5524 background: 50% / 100% 100% no-repeat; } 5525 5526.navbar-nav-scroll { 5527 max-height: 75vh; 5528 overflow-y: auto; } 5529 5530@media (max-width: 575.98px) { 5531 .navbar-expand-sm > .container, 5532 .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { 5533 padding-right: 0; 5534 padding-left: 0; } } 5535 5536@media (min-width: 576px) { 5537 .navbar-expand-sm { 5538 flex-flow: row nowrap; 5539 justify-content: flex-start; } 5540 .navbar-expand-sm .navbar-nav { 5541 flex-direction: row; } 5542 .navbar-expand-sm .navbar-nav .dropdown-menu { 5543 position: absolute; } 5544 .navbar-expand-sm .navbar-nav .nav-link { 5545 padding-right: 0.5rem; 5546 padding-left: 0.5rem; } 5547 .navbar-expand-sm > .container, 5548 .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { 5549 flex-wrap: nowrap; } 5550 .navbar-expand-sm .navbar-nav-scroll { 5551 overflow: visible; } 5552 .navbar-expand-sm .navbar-collapse { 5553 display: flex !important; 5554 flex-basis: auto; } 5555 .navbar-expand-sm .navbar-toggler { 5556 display: none; } } 5557 5558@media (max-width: 767.98px) { 5559 .navbar-expand-md > .container, 5560 .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { 5561 padding-right: 0; 5562 padding-left: 0; } } 5563 5564@media (min-width: 768px) { 5565 .navbar-expand-md { 5566 flex-flow: row nowrap; 5567 justify-content: flex-start; } 5568 .navbar-expand-md .navbar-nav { 5569 flex-direction: row; } 5570 .navbar-expand-md .navbar-nav .dropdown-menu { 5571 position: absolute; } 5572 .navbar-expand-md .navbar-nav .nav-link { 5573 padding-right: 0.5rem; 5574 padding-left: 0.5rem; } 5575 .navbar-expand-md > .container, 5576 .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { 5577 flex-wrap: nowrap; } 5578 .navbar-expand-md .navbar-nav-scroll { 5579 overflow: visible; } 5580 .navbar-expand-md .navbar-collapse { 5581 display: flex !important; 5582 flex-basis: auto; } 5583 .navbar-expand-md .navbar-toggler { 5584 display: none; } } 5585 5586@media (max-width: 991.98px) { 5587 .navbar-expand-lg > .container, 5588 .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { 5589 padding-right: 0; 5590 padding-left: 0; } } 5591 5592@media (min-width: 992px) { 5593 .navbar-expand-lg { 5594 flex-flow: row nowrap; 5595 justify-content: flex-start; } 5596 .navbar-expand-lg .navbar-nav { 5597 flex-direction: row; } 5598 .navbar-expand-lg .navbar-nav .dropdown-menu { 5599 position: absolute; } 5600 .navbar-expand-lg .navbar-nav .nav-link { 5601 padding-right: 0.5rem; 5602 padding-left: 0.5rem; } 5603 .navbar-expand-lg > .container, 5604 .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { 5605 flex-wrap: nowrap; } 5606 .navbar-expand-lg .navbar-nav-scroll { 5607 overflow: visible; } 5608 .navbar-expand-lg .navbar-collapse { 5609 display: flex !important; 5610 flex-basis: auto; } 5611 .navbar-expand-lg .navbar-toggler { 5612 display: none; } } 5613 5614@media (max-width: 1199.98px) { 5615 .navbar-expand-xl > .container, 5616 .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { 5617 padding-right: 0; 5618 padding-left: 0; } } 5619 5620@media (min-width: 1200px) { 5621 .navbar-expand-xl { 5622 flex-flow: row nowrap; 5623 justify-content: flex-start; } 5624 .navbar-expand-xl .navbar-nav { 5625 flex-direction: row; } 5626 .navbar-expand-xl .navbar-nav .dropdown-menu { 5627 position: absolute; } 5628 .navbar-expand-xl .navbar-nav .nav-link { 5629 padding-right: 0.5rem; 5630 padding-left: 0.5rem; } 5631 .navbar-expand-xl > .container, 5632 .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { 5633 flex-wrap: nowrap; } 5634 .navbar-expand-xl .navbar-nav-scroll { 5635 overflow: visible; } 5636 .navbar-expand-xl .navbar-collapse { 5637 display: flex !important; 5638 flex-basis: auto; } 5639 .navbar-expand-xl .navbar-toggler { 5640 display: none; } } 5641 5642.navbar-expand { 5643 flex-flow: row nowrap; 5644 justify-content: flex-start; } 5645 .navbar-expand > .container, 5646 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { 5647 padding-right: 0; 5648 padding-left: 0; } 5649 .navbar-expand .navbar-nav { 5650 flex-direction: row; } 5651 .navbar-expand .navbar-nav .dropdown-menu { 5652 position: absolute; } 5653 .navbar-expand .navbar-nav .nav-link { 5654 padding-right: 0.5rem; 5655 padding-left: 0.5rem; } 5656 .navbar-expand > .container, 5657 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { 5658 flex-wrap: nowrap; } 5659 .navbar-expand .navbar-nav-scroll { 5660 overflow: visible; } 5661 .navbar-expand .navbar-collapse { 5662 display: flex !important; 5663 flex-basis: auto; } 5664 .navbar-expand .navbar-toggler { 5665 display: none; } 5666 5667.navbar-light .navbar-brand { 5668 color: rgba(0, 0, 0, 0.9); } 5669 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { 5670 color: rgba(0, 0, 0, 0.9); } 5671 5672.navbar-light .navbar-nav .nav-link { 5673 color: rgba(0, 0, 0, 0.6); } 5674 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { 5675 color: rgba(0, 0, 0, 0.9); } 5676 .navbar-light .navbar-nav .nav-link.disabled { 5677 color: rgba(0, 0, 0, 0.3); } 5678 5679.navbar-light .navbar-nav .show > .nav-link, 5680.navbar-light .navbar-nav .active > .nav-link, 5681.navbar-light .navbar-nav .nav-link.show, 5682.navbar-light .navbar-nav .nav-link.active { 5683 color: rgba(0, 0, 0, 0.9); } 5684 5685.navbar-light .navbar-toggler { 5686 color: rgba(0, 0, 0, 0.6); 5687 border-color: rgba(0, 0, 0, 0.1); } 5688 5689.navbar-light .navbar-toggler-icon { 5690 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } 5691 5692.navbar-light .navbar-text { 5693 color: rgba(0, 0, 0, 0.6); } 5694 .navbar-light .navbar-text a { 5695 color: rgba(0, 0, 0, 0.9); } 5696 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { 5697 color: rgba(0, 0, 0, 0.9); } 5698 5699.navbar-dark .navbar-brand { 5700 color: #fff; } 5701 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { 5702 color: #fff; } 5703 5704.navbar-dark .navbar-nav .nav-link { 5705 color: rgba(255, 255, 255, 0.5); } 5706 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { 5707 color: white; } 5708 .navbar-dark .navbar-nav .nav-link.disabled { 5709 color: rgba(255, 255, 255, 0.25); } 5710 5711.navbar-dark .navbar-nav .show > .nav-link, 5712.navbar-dark .navbar-nav .active > .nav-link, 5713.navbar-dark .navbar-nav .nav-link.show, 5714.navbar-dark .navbar-nav .nav-link.active { 5715 color: #fff; } 5716 5717.navbar-dark .navbar-toggler { 5718 color: rgba(255, 255, 255, 0.5); 5719 border-color: rgba(255, 255, 255, 0.1); } 5720 5721.navbar-dark .navbar-toggler-icon { 5722 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } 5723 5724.navbar-dark .navbar-text { 5725 color: rgba(255, 255, 255, 0.5); } 5726 .navbar-dark .navbar-text a { 5727 color: #fff; } 5728 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { 5729 color: #fff; } 5730 5731.card { 5732 position: relative; 5733 display: flex; 5734 flex-direction: column; 5735 min-width: 0; 5736 word-wrap: break-word; 5737 background-color: #fff; 5738 background-clip: border-box; 5739 border: 1px solid rgba(0, 0, 0, 0.125); 5740 border-radius: 0.25rem; } 5741 .card > hr { 5742 margin-right: 0; 5743 margin-left: 0; } 5744 .card > .list-group { 5745 border-top: inherit; 5746 border-bottom: inherit; } 5747 .card > .list-group:first-child { 5748 border-top-width: 0; 5749 border-top-left-radius: calc(0.25rem - 1px); 5750 border-top-right-radius: calc(0.25rem - 1px); } 5751 .card > .list-group:last-child { 5752 border-bottom-width: 0; 5753 border-bottom-right-radius: calc(0.25rem - 1px); 5754 border-bottom-left-radius: calc(0.25rem - 1px); } 5755 .card > .card-header + .list-group, 5756 .card > .list-group + .card-footer { 5757 border-top: 0; } 5758 5759.card-body { 5760 flex: 1 1 auto; 5761 min-height: 1px; 5762 padding: 1.25rem; } 5763 5764.card-title { 5765 margin-bottom: 0.75rem; } 5766 5767.card-subtitle { 5768 margin-top: -0.375rem; 5769 margin-bottom: 0; } 5770 5771.card-text:last-child { 5772 margin-bottom: 0; } 5773 5774.card-link:hover { 5775 text-decoration: none; } 5776 5777.card-link + .card-link { 5778 margin-left: 1.25rem; } 5779 5780.card-header { 5781 padding: 0.75rem 1.25rem; 5782 margin-bottom: 0; 5783 background-color: rgba(0, 0, 0, 0.03); 5784 border-bottom: 1px solid rgba(0, 0, 0, 0.125); } 5785 .card-header:first-child { 5786 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } 5787 5788.card-footer { 5789 padding: 0.75rem 1.25rem; 5790 background-color: rgba(0, 0, 0, 0.03); 5791 border-top: 1px solid rgba(0, 0, 0, 0.125); } 5792 .card-footer:last-child { 5793 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } 5794 5795.card-header-tabs { 5796 margin-right: -0.625rem; 5797 margin-bottom: -0.75rem; 5798 margin-left: -0.625rem; 5799 border-bottom: 0; } 5800 5801.card-header-pills { 5802 margin-right: -0.625rem; 5803 margin-left: -0.625rem; } 5804 5805.card-img-overlay { 5806 position: absolute; 5807 top: 0; 5808 right: 0; 5809 bottom: 0; 5810 left: 0; 5811 padding: 1.25rem; 5812 border-radius: calc(0.25rem - 1px); } 5813 5814.card-img, 5815.card-img-top, 5816.card-img-bottom { 5817 flex-shrink: 0; 5818 width: 100%; } 5819 5820.card-img, 5821.card-img-top { 5822 border-top-left-radius: calc(0.25rem - 1px); 5823 border-top-right-radius: calc(0.25rem - 1px); } 5824 5825.card-img, 5826.card-img-bottom { 5827 border-bottom-right-radius: calc(0.25rem - 1px); 5828 border-bottom-left-radius: calc(0.25rem - 1px); } 5829 5830.card-deck .card { 5831 margin-bottom: 0.25rem; } 5832 5833@media (min-width: 576px) { 5834 .card-deck { 5835 display: flex; 5836 flex-flow: row wrap; 5837 margin-right: -0.25rem; 5838 margin-left: -0.25rem; } 5839 .card-deck .card { 5840 flex: 1 0 0%; 5841 margin-right: 0.25rem; 5842 margin-bottom: 0; 5843 margin-left: 0.25rem; } } 5844 5845.card-group > .card { 5846 margin-bottom: 0.25rem; } 5847 5848@media (min-width: 576px) { 5849 .card-group { 5850 display: flex; 5851 flex-flow: row wrap; } 5852 .card-group > .card { 5853 flex: 1 0 0%; 5854 margin-bottom: 0; } 5855 .card-group > .card + .card { 5856 margin-left: 0; 5857 border-left: 0; } 5858 .card-group > .card:not(:last-child) { 5859 border-top-right-radius: 0; 5860 border-bottom-right-radius: 0; } 5861 .card-group > .card:not(:last-child) .card-img-top, 5862 .card-group > .card:not(:last-child) .card-header { 5863 border-top-right-radius: 0; } 5864 .card-group > .card:not(:last-child) .card-img-bottom, 5865 .card-group > .card:not(:last-child) .card-footer { 5866 border-bottom-right-radius: 0; } 5867 .card-group > .card:not(:first-child) { 5868 border-top-left-radius: 0; 5869 border-bottom-left-radius: 0; } 5870 .card-group > .card:not(:first-child) .card-img-top, 5871 .card-group > .card:not(:first-child) .card-header { 5872 border-top-left-radius: 0; } 5873 .card-group > .card:not(:first-child) .card-img-bottom, 5874 .card-group > .card:not(:first-child) .card-footer { 5875 border-bottom-left-radius: 0; } } 5876 5877.card-columns .card { 5878 margin-bottom: 0.75rem; } 5879 5880@media (min-width: 576px) { 5881 .card-columns { 5882 column-count: 3; 5883 column-gap: 1.25rem; 5884 orphans: 1; 5885 widows: 1; } 5886 .card-columns .card { 5887 display: inline-block; 5888 width: 100%; } } 5889 5890.accordion { 5891 overflow-anchor: none; } 5892 .accordion > .card { 5893 overflow: hidden; } 5894 .accordion > .card:not(:last-of-type) { 5895 border-bottom: 0; 5896 border-bottom-right-radius: 0; 5897 border-bottom-left-radius: 0; } 5898 .accordion > .card:not(:first-of-type) { 5899 border-top-left-radius: 0; 5900 border-top-right-radius: 0; } 5901 .accordion > .card > .card-header { 5902 border-radius: 0; 5903 margin-bottom: -1px; } 5904 5905.breadcrumb { 5906 display: flex; 5907 flex-wrap: wrap; 5908 padding: 0.25rem 0; 5909 margin-bottom: 0; 5910 list-style: none; 5911 background-color: transparent; 5912 border-radius: 0.25rem; } 5913 5914.breadcrumb-item + .breadcrumb-item { 5915 padding-left: 0.5rem; } 5916 .breadcrumb-item + .breadcrumb-item::before { 5917 float: left; 5918 padding-right: 0.5rem; 5919 color: #6a737b; 5920 content: "/"; } 5921 5922.breadcrumb-item + .breadcrumb-item:hover::before { 5923 text-decoration: underline; } 5924 5925.breadcrumb-item + .breadcrumb-item:hover::before { 5926 text-decoration: none; } 5927 5928.breadcrumb-item.active { 5929 color: #6a737b; } 5930 5931.pagination { 5932 display: flex; 5933 padding-left: 0; 5934 list-style: none; 5935 border-radius: 0.25rem; } 5936 5937.page-link { 5938 position: relative; 5939 display: block; 5940 padding: 0.5rem 0.75rem; 5941 margin-left: -1px; 5942 line-height: 1.25; 5943 color: #0f6cbf; 5944 background-color: #fff; 5945 border: 1px solid #dee2e6; } 5946 .page-link:hover { 5947 z-index: 2; 5948 color: #094478; 5949 text-decoration: none; 5950 background-color: #e9ecef; 5951 border-color: #dee2e6; } 5952 .page-link:focus { 5953 z-index: 3; 5954 outline: 0; 5955 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5956 5957.page-item:first-child .page-link { 5958 margin-left: 0; 5959 border-top-left-radius: 0.25rem; 5960 border-bottom-left-radius: 0.25rem; } 5961 5962.page-item:last-child .page-link { 5963 border-top-right-radius: 0.25rem; 5964 border-bottom-right-radius: 0.25rem; } 5965 5966.page-item.active .page-link { 5967 z-index: 3; 5968 color: #fff; 5969 background-color: #0f6cbf; 5970 border-color: #0f6cbf; } 5971 5972.page-item.disabled .page-link { 5973 color: #6a737b; 5974 pointer-events: none; 5975 cursor: auto; 5976 background-color: #fff; 5977 border-color: #dee2e6; } 5978 5979.pagination-lg .page-link { 5980 padding: 0.75rem 1.5rem; 5981 font-size: 1.171875rem; 5982 line-height: 1.5; } 5983 @media (max-width: 1200px) { 5984 .pagination-lg .page-link { 5985 font-size: calc(0.9271875rem + 0.32625vw) ; } } 5986 5987.pagination-lg .page-item:first-child .page-link { 5988 border-top-left-radius: 0.3rem; 5989 border-bottom-left-radius: 0.3rem; } 5990 5991.pagination-lg .page-item:last-child .page-link { 5992 border-top-right-radius: 0.3rem; 5993 border-bottom-right-radius: 0.3rem; } 5994 5995.pagination-sm .page-link { 5996 padding: 0.25rem 0.5rem; 5997 font-size: 0.8203125rem; 5998 line-height: 1.5; } 5999 6000.pagination-sm .page-item:first-child .page-link { 6001 border-top-left-radius: 0.2rem; 6002 border-bottom-left-radius: 0.2rem; } 6003 6004.pagination-sm .page-item:last-child .page-link { 6005 border-top-right-radius: 0.2rem; 6006 border-bottom-right-radius: 0.2rem; } 6007 6008.badge { 6009 display: inline-block; 6010 padding: 0.25em 0.4em; 6011 font-size: 75%; 6012 font-weight: 700; 6013 line-height: 1; 6014 text-align: center; 6015 white-space: nowrap; 6016 vertical-align: baseline; 6017 border-radius: 0.25rem; 6018 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; } 6019 @media (prefers-reduced-motion: reduce) { 6020 .badge { 6021 transition: none; } } 6022 a.badge:hover, a.badge:focus { 6023 text-decoration: none; } 6024 .badge:empty { 6025 display: none; } 6026 6027.btn .badge { 6028 position: relative; 6029 top: -1px; } 6030 6031.badge-pill { 6032 padding-right: 0.6em; 6033 padding-left: 0.6em; 6034 border-radius: 10rem; } 6035 6036.badge-primary { 6037 color: #fff; 6038 background-color: #0f6cbf; } 6039 a.badge-primary:hover, a.badge-primary:focus { 6040 color: #fff; 6041 background-color: #0b5190; } 6042 a.badge-primary:focus, a.badge-primary.focus { 6043 outline: 0; 6044 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5); } 6045 6046.badge-secondary { 6047 color: #1d2125; 6048 background-color: #ced4da; } 6049 a.badge-secondary:hover, a.badge-secondary:focus { 6050 color: #1d2125; 6051 background-color: #b1bbc4; } 6052 a.badge-secondary:focus, a.badge-secondary.focus { 6053 outline: 0; 6054 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } 6055 6056.badge-success { 6057 color: #fff; 6058 background-color: #357a32; } 6059 a.badge-success:hover, a.badge-success:focus { 6060 color: #fff; 6061 background-color: #255623; } 6062 a.badge-success:focus, a.badge-success.focus { 6063 outline: 0; 6064 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5); } 6065 6066.badge-info { 6067 color: #fff; 6068 background-color: #008196; } 6069 a.badge-info:hover, a.badge-info:focus { 6070 color: #fff; 6071 background-color: #005563; } 6072 a.badge-info:focus, a.badge-info.focus { 6073 outline: 0; 6074 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5); } 6075 6076.badge-warning { 6077 color: #1d2125; 6078 background-color: #f0ad4e; } 6079 a.badge-warning:hover, a.badge-warning:focus { 6080 color: #1d2125; 6081 background-color: #ec971f; } 6082 a.badge-warning:focus, a.badge-warning.focus { 6083 outline: 0; 6084 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } 6085 6086.badge-danger { 6087 color: #fff; 6088 background-color: #ca3120; } 6089 a.badge-danger:hover, a.badge-danger:focus { 6090 color: #fff; 6091 background-color: #9e2619; } 6092 a.badge-danger:focus, a.badge-danger.focus { 6093 outline: 0; 6094 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5); } 6095 6096.badge-light { 6097 color: #1d2125; 6098 background-color: #f8f9fa; } 6099 a.badge-light:hover, a.badge-light:focus { 6100 color: #1d2125; 6101 background-color: #dae0e5; } 6102 a.badge-light:focus, a.badge-light.focus { 6103 outline: 0; 6104 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } 6105 6106.badge-dark { 6107 color: #fff; 6108 background-color: #343a40; } 6109 a.badge-dark:hover, a.badge-dark:focus { 6110 color: #fff; 6111 background-color: #1d2124; } 6112 a.badge-dark:focus, a.badge-dark.focus { 6113 outline: 0; 6114 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } 6115 6116.jumbotron { 6117 padding: 2rem 1rem; 6118 margin-bottom: 2rem; 6119 background-color: #e9ecef; 6120 border-radius: 0.3rem; } 6121 @media (min-width: 576px) { 6122 .jumbotron { 6123 padding: 4rem 2rem; } } 6124 6125.jumbotron-fluid { 6126 padding-right: 0; 6127 padding-left: 0; 6128 border-radius: 0; } 6129 6130.alert { 6131 position: relative; 6132 padding: 0.75rem 1.25rem; 6133 margin-bottom: 1rem; 6134 border: 0 solid transparent; 6135 border-radius: 0.25rem; } 6136 6137.alert-heading { 6138 color: inherit; } 6139 6140.alert-link { 6141 font-weight: 700; } 6142 6143.alert-dismissible { 6144 padding-right: 3.90625rem; } 6145 .alert-dismissible .close { 6146 position: absolute; 6147 top: 0; 6148 right: 0; 6149 z-index: 2; 6150 padding: 0.75rem 1.25rem; 6151 color: inherit; } 6152 6153.alert-primary { 6154 color: #083863; 6155 background-color: #cfe2f2; 6156 border-color: #bcd6ed; } 6157 .alert-primary hr { 6158 border-top-color: #a8cae8; } 6159 .alert-primary .alert-link { 6160 color: #041d34; } 6161 6162.alert-secondary { 6163 color: #6b6e71; 6164 background-color: #f5f6f8; 6165 border-color: #f1f3f5; } 6166 .alert-secondary hr { 6167 border-top-color: #e2e6ea; } 6168 .alert-secondary .alert-link { 6169 color: #525557; } 6170 6171.alert-success, .environmenttable .ok { 6172 color: #1c3f1a; 6173 background-color: #d7e4d6; 6174 border-color: #c6dac6; } 6175 .alert-success hr, .environmenttable .ok hr { 6176 border-top-color: #b7d0b7; } 6177 .alert-success .alert-link, .environmenttable .ok .alert-link { 6178 color: #0c1b0b; } 6179 6180.alert-info { 6181 color: #00434e; 6182 background-color: #cce6ea; 6183 border-color: #b8dce2; } 6184 .alert-info hr { 6185 border-top-color: #a6d3db; } 6186 .alert-info .alert-link { 6187 color: #00171b; } 6188 6189.alert-warning, .environmenttable .warn { 6190 color: #7d5a29; 6191 background-color: #fcefdc; 6192 border-color: #fbe8cd; } 6193 .alert-warning hr, .environmenttable .warn hr { 6194 border-top-color: #f9ddb5; } 6195 .alert-warning .alert-link, .environmenttable .warn .alert-link { 6196 color: #573e1c; } 6197 6198.alert-danger, .environmenttable .error { 6199 color: #691911; 6200 background-color: #f4d6d2; 6201 border-color: #f0c5c1; } 6202 .alert-danger hr, .environmenttable .error hr { 6203 border-top-color: #ebb2ac; } 6204 .alert-danger .alert-link, .environmenttable .error .alert-link { 6205 color: #3d0f0a; } 6206 6207.alert-light { 6208 color: #818182; 6209 background-color: #fefefe; 6210 border-color: #fdfdfe; } 6211 .alert-light hr { 6212 border-top-color: #ececf6; } 6213 .alert-light .alert-link { 6214 color: #686868; } 6215 6216.alert-dark { 6217 color: #1b1e21; 6218 background-color: #d6d8d9; 6219 border-color: #c6c8ca; } 6220 .alert-dark hr { 6221 border-top-color: #b9bbbe; } 6222 .alert-dark .alert-link { 6223 color: #040505; } 6224 6225@keyframes progress-bar-stripes { 6226 from { 6227 background-position: 1rem 0; } 6228 to { 6229 background-position: 0 0; } } 6230 6231.progress { 6232 display: flex; 6233 height: 1rem; 6234 overflow: hidden; 6235 line-height: 0; 6236 font-size: 0.703125rem; 6237 background-color: #e9ecef; 6238 border-radius: 0.25rem; } 6239 6240.progress-bar { 6241 display: flex; 6242 flex-direction: column; 6243 justify-content: center; 6244 overflow: hidden; 6245 color: #fff; 6246 text-align: center; 6247 white-space: nowrap; 6248 background-color: #0f6cbf; 6249 transition: width 0.6s ease; } 6250 @media (prefers-reduced-motion: reduce) { 6251 .progress-bar { 6252 transition: none; } } 6253 6254.progress-bar-striped { 6255 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); 6256 background-size: 1rem 1rem; } 6257 6258.progress-bar-animated { 6259 animation: 1s linear infinite progress-bar-stripes; } 6260 @media (prefers-reduced-motion: reduce) { 6261 .progress-bar-animated { 6262 animation: none; } } 6263 6264.media { 6265 display: flex; 6266 align-items: flex-start; } 6267 6268.media-body { 6269 flex: 1; } 6270 6271.list-group { 6272 display: flex; 6273 flex-direction: column; 6274 padding-left: 0; 6275 margin-bottom: 0; 6276 border-radius: 0.25rem; } 6277 6278.list-group-item-action { 6279 width: 100%; 6280 color: #495057; 6281 text-align: inherit; } 6282 .list-group-item-action:hover, .list-group-item-action:focus { 6283 z-index: 1; 6284 color: #495057; 6285 text-decoration: none; 6286 background-color: #f8f9fa; } 6287 .list-group-item-action:active { 6288 color: #1d2125; 6289 background-color: #e9ecef; } 6290 6291.list-group-item { 6292 position: relative; 6293 display: block; 6294 padding: 0.75rem 1.25rem; 6295 background-color: #fff; 6296 border: 1px solid rgba(0, 0, 0, 0.125); } 6297 .list-group-item:first-child { 6298 border-top-left-radius: inherit; 6299 border-top-right-radius: inherit; } 6300 .list-group-item:last-child { 6301 border-bottom-right-radius: inherit; 6302 border-bottom-left-radius: inherit; } 6303 .list-group-item.disabled, .list-group-item:disabled { 6304 color: #6a737b; 6305 pointer-events: none; 6306 background-color: #fff; } 6307 .list-group-item.active { 6308 z-index: 2; 6309 color: #fff; 6310 background-color: #0f6cbf; 6311 border-color: #0f6cbf; } 6312 .list-group-item + .list-group-item { 6313 border-top-width: 0; } 6314 .list-group-item + .list-group-item.active { 6315 margin-top: -1px; 6316 border-top-width: 1px; } 6317 6318.list-group-horizontal { 6319 flex-direction: row; } 6320 .list-group-horizontal > .list-group-item:first-child { 6321 border-bottom-left-radius: 0.25rem; 6322 border-top-right-radius: 0; } 6323 .list-group-horizontal > .list-group-item:last-child { 6324 border-top-right-radius: 0.25rem; 6325 border-bottom-left-radius: 0; } 6326 .list-group-horizontal > .list-group-item.active { 6327 margin-top: 0; } 6328 .list-group-horizontal > .list-group-item + .list-group-item { 6329 border-top-width: 1px; 6330 border-left-width: 0; } 6331 .list-group-horizontal > .list-group-item + .list-group-item.active { 6332 margin-left: -1px; 6333 border-left-width: 1px; } 6334 6335@media (min-width: 576px) { 6336 .list-group-horizontal-sm { 6337 flex-direction: row; } 6338 .list-group-horizontal-sm > .list-group-item:first-child { 6339 border-bottom-left-radius: 0.25rem; 6340 border-top-right-radius: 0; } 6341 .list-group-horizontal-sm > .list-group-item:last-child { 6342 border-top-right-radius: 0.25rem; 6343 border-bottom-left-radius: 0; } 6344 .list-group-horizontal-sm > .list-group-item.active { 6345 margin-top: 0; } 6346 .list-group-horizontal-sm > .list-group-item + .list-group-item { 6347 border-top-width: 1px; 6348 border-left-width: 0; } 6349 .list-group-horizontal-sm > .list-group-item + .list-group-item.active { 6350 margin-left: -1px; 6351 border-left-width: 1px; } } 6352 6353@media (min-width: 768px) { 6354 .list-group-horizontal-md { 6355 flex-direction: row; } 6356 .list-group-horizontal-md > .list-group-item:first-child { 6357 border-bottom-left-radius: 0.25rem; 6358 border-top-right-radius: 0; } 6359 .list-group-horizontal-md > .list-group-item:last-child { 6360 border-top-right-radius: 0.25rem; 6361 border-bottom-left-radius: 0; } 6362 .list-group-horizontal-md > .list-group-item.active { 6363 margin-top: 0; } 6364 .list-group-horizontal-md > .list-group-item + .list-group-item { 6365 border-top-width: 1px; 6366 border-left-width: 0; } 6367 .list-group-horizontal-md > .list-group-item + .list-group-item.active { 6368 margin-left: -1px; 6369 border-left-width: 1px; } } 6370 6371@media (min-width: 992px) { 6372 .list-group-horizontal-lg { 6373 flex-direction: row; } 6374 .list-group-horizontal-lg > .list-group-item:first-child { 6375 border-bottom-left-radius: 0.25rem; 6376 border-top-right-radius: 0; } 6377 .list-group-horizontal-lg > .list-group-item:last-child { 6378 border-top-right-radius: 0.25rem; 6379 border-bottom-left-radius: 0; } 6380 .list-group-horizontal-lg > .list-group-item.active { 6381 margin-top: 0; } 6382 .list-group-horizontal-lg > .list-group-item + .list-group-item { 6383 border-top-width: 1px; 6384 border-left-width: 0; } 6385 .list-group-horizontal-lg > .list-group-item + .list-group-item.active { 6386 margin-left: -1px; 6387 border-left-width: 1px; } } 6388 6389@media (min-width: 1200px) { 6390 .list-group-horizontal-xl { 6391 flex-direction: row; } 6392 .list-group-horizontal-xl > .list-group-item:first-child { 6393 border-bottom-left-radius: 0.25rem; 6394 border-top-right-radius: 0; } 6395 .list-group-horizontal-xl > .list-group-item:last-child { 6396 border-top-right-radius: 0.25rem; 6397 border-bottom-left-radius: 0; } 6398 .list-group-horizontal-xl > .list-group-item.active { 6399 margin-top: 0; } 6400 .list-group-horizontal-xl > .list-group-item + .list-group-item { 6401 border-top-width: 1px; 6402 border-left-width: 0; } 6403 .list-group-horizontal-xl > .list-group-item + .list-group-item.active { 6404 margin-left: -1px; 6405 border-left-width: 1px; } } 6406 6407.list-group-flush { 6408 border-radius: 0; } 6409 .list-group-flush > .list-group-item { 6410 border-width: 0 0 1px; } 6411 .list-group-flush > .list-group-item:last-child { 6412 border-bottom-width: 0; } 6413 6414.list-group-item-primary { 6415 color: #083863; 6416 background-color: #bcd6ed; } 6417 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { 6418 color: #083863; 6419 background-color: #a8cae8; } 6420 .list-group-item-primary.list-group-item-action.active { 6421 color: #fff; 6422 background-color: #083863; 6423 border-color: #083863; } 6424 6425.list-group-item-secondary { 6426 color: #6b6e71; 6427 background-color: #f1f3f5; } 6428 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { 6429 color: #6b6e71; 6430 background-color: #e2e6ea; } 6431 .list-group-item-secondary.list-group-item-action.active { 6432 color: #fff; 6433 background-color: #6b6e71; 6434 border-color: #6b6e71; } 6435 6436.list-group-item-success { 6437 color: #1c3f1a; 6438 background-color: #c6dac6; } 6439 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { 6440 color: #1c3f1a; 6441 background-color: #b7d0b7; } 6442 .list-group-item-success.list-group-item-action.active { 6443 color: #fff; 6444 background-color: #1c3f1a; 6445 border-color: #1c3f1a; } 6446 6447.list-group-item-info { 6448 color: #00434e; 6449 background-color: #b8dce2; } 6450 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { 6451 color: #00434e; 6452 background-color: #a6d3db; } 6453 .list-group-item-info.list-group-item-action.active { 6454 color: #fff; 6455 background-color: #00434e; 6456 border-color: #00434e; } 6457 6458.list-group-item-warning { 6459 color: #7d5a29; 6460 background-color: #fbe8cd; } 6461 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { 6462 color: #7d5a29; 6463 background-color: #f9ddb5; } 6464 .list-group-item-warning.list-group-item-action.active { 6465 color: #fff; 6466 background-color: #7d5a29; 6467 border-color: #7d5a29; } 6468 6469.list-group-item-danger { 6470 color: #691911; 6471 background-color: #f0c5c1; } 6472 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { 6473 color: #691911; 6474 background-color: #ebb2ac; } 6475 .list-group-item-danger.list-group-item-action.active { 6476 color: #fff; 6477 background-color: #691911; 6478 border-color: #691911; } 6479 6480.list-group-item-light { 6481 color: #818182; 6482 background-color: #fdfdfe; } 6483 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { 6484 color: #818182; 6485 background-color: #ececf6; } 6486 .list-group-item-light.list-group-item-action.active { 6487 color: #fff; 6488 background-color: #818182; 6489 border-color: #818182; } 6490 6491.list-group-item-dark { 6492 color: #1b1e21; 6493 background-color: #c6c8ca; } 6494 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { 6495 color: #1b1e21; 6496 background-color: #b9bbbe; } 6497 .list-group-item-dark.list-group-item-action.active { 6498 color: #fff; 6499 background-color: #1b1e21; 6500 border-color: #1b1e21; } 6501 6502.close { 6503 float: right; 6504 font-size: 1.40625rem; 6505 font-weight: 700; 6506 line-height: 1; 6507 color: #000; 6508 text-shadow: 0 1px 0 #fff; 6509 opacity: .5; } 6510 @media (max-width: 1200px) { 6511 .close { 6512 font-size: calc(0.950625rem + 0.6075vw) ; } } 6513 .close:hover { 6514 color: #000; 6515 text-decoration: none; } 6516 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { 6517 opacity: .75; } 6518 6519button.close { 6520 padding: 0; 6521 background-color: transparent; 6522 border: 0; } 6523 6524a.close.disabled { 6525 pointer-events: none; } 6526 6527.toast { 6528 flex-basis: 350px; 6529 max-width: 350px; 6530 font-size: 0.875rem; 6531 color: #fff; 6532 background-color: rgba(29, 33, 37, 0.95); 6533 background-clip: padding-box; 6534 border: 1px solid rgba(0, 0, 0, 0.1); 6535 box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); 6536 opacity: 0; 6537 border-radius: 0.25rem; } 6538 .toast:not(:last-child) { 6539 margin-bottom: 0.75rem; } 6540 .toast.showing { 6541 opacity: 1; } 6542 .toast.show { 6543 display: block; 6544 opacity: 1; } 6545 .toast.hide { 6546 display: none; } 6547 6548.toast-header { 6549 display: flex; 6550 align-items: center; 6551 padding: 0.25rem 0.75rem; 6552 color: #f8f9fa; 6553 background-color: rgba(255, 255, 255, 0.1); 6554 background-clip: padding-box; 6555 border-bottom: 1px solid rgba(0, 0, 0, 0.05); 6556 border-top-left-radius: calc(0.25rem - 1px); 6557 border-top-right-radius: calc(0.25rem - 1px); } 6558 6559.toast-body { 6560 padding: 0.75rem; } 6561 6562.modal-open { 6563 overflow: hidden; } 6564 .modal-open .modal { 6565 overflow-x: hidden; 6566 overflow-y: auto; } 6567 6568.modal { 6569 position: fixed; 6570 top: 0; 6571 left: 0; 6572 z-index: 1050; 6573 display: none; 6574 width: 100%; 6575 height: 100%; 6576 overflow: hidden; 6577 outline: 0; } 6578 6579.modal-dialog { 6580 position: relative; 6581 width: auto; 6582 margin: 0.5rem; 6583 pointer-events: none; } 6584 .modal.fade .modal-dialog { 6585 transition: transform 0.3s ease-out; 6586 transform: translate(0, -50px); } 6587 @media (prefers-reduced-motion: reduce) { 6588 .modal.fade .modal-dialog { 6589 transition: none; } } 6590 .modal.show .modal-dialog { 6591 transform: none; } 6592 .modal.modal-static .modal-dialog { 6593 transform: scale(1.02); } 6594 6595.modal-dialog-scrollable { 6596 display: flex; 6597 max-height: calc(100% - 1rem); } 6598 .modal-dialog-scrollable .modal-content { 6599 max-height: calc(100vh - 1rem); 6600 overflow: hidden; } 6601 .modal-dialog-scrollable .modal-header, 6602 .modal-dialog-scrollable .modal-footer { 6603 flex-shrink: 0; } 6604 .modal-dialog-scrollable .modal-body { 6605 overflow-y: auto; } 6606 6607.modal-dialog-centered { 6608 display: flex; 6609 align-items: center; 6610 min-height: calc(100% - 1rem); } 6611 .modal-dialog-centered::before { 6612 display: block; 6613 height: calc(100vh - 1rem); 6614 height: min-content; 6615 content: ""; } 6616 .modal-dialog-centered.modal-dialog-scrollable { 6617 flex-direction: column; 6618 justify-content: center; 6619 height: 100%; } 6620 .modal-dialog-centered.modal-dialog-scrollable .modal-content { 6621 max-height: none; } 6622 .modal-dialog-centered.modal-dialog-scrollable::before { 6623 content: none; } 6624 6625.modal-content { 6626 position: relative; 6627 display: flex; 6628 flex-direction: column; 6629 width: 100%; 6630 pointer-events: auto; 6631 background-color: #fff; 6632 background-clip: padding-box; 6633 border: 1px solid rgba(0, 0, 0, 0.2); 6634 border-radius: 0.3rem; 6635 outline: 0; } 6636 6637.modal-backdrop { 6638 position: fixed; 6639 top: 0; 6640 left: 0; 6641 z-index: 1040; 6642 width: 100vw; 6643 height: 100vh; 6644 background-color: #000; } 6645 .modal-backdrop.fade { 6646 opacity: 0; } 6647 .modal-backdrop.show { 6648 opacity: 0.5; } 6649 6650.modal-header { 6651 display: flex; 6652 align-items: flex-start; 6653 justify-content: space-between; 6654 padding: 1rem 1rem; 6655 border-bottom: 1px solid #dee2e6; 6656 border-top-left-radius: calc(0.3rem - 1px); 6657 border-top-right-radius: calc(0.3rem - 1px); } 6658 .modal-header .close { 6659 padding: 1rem 1rem; 6660 margin: -1rem -1rem -1rem auto; } 6661 6662.modal-title { 6663 margin-bottom: 0; 6664 line-height: 1.5; } 6665 6666.modal-body { 6667 position: relative; 6668 flex: 1 1 auto; 6669 padding: 1rem; } 6670 6671.modal-footer { 6672 display: flex; 6673 flex-wrap: wrap; 6674 align-items: center; 6675 justify-content: flex-end; 6676 padding: 0.75rem; 6677 border-top: 1px solid #dee2e6; 6678 border-bottom-right-radius: calc(0.3rem - 1px); 6679 border-bottom-left-radius: calc(0.3rem - 1px); } 6680 .modal-footer > * { 6681 margin: 0.25rem; } 6682 6683.modal-scrollbar-measure { 6684 position: absolute; 6685 top: -9999px; 6686 width: 50px; 6687 height: 50px; 6688 overflow: scroll; } 6689 6690@media (min-width: 576px) { 6691 .modal-dialog { 6692 max-width: 500px; 6693 margin: 1.75rem auto; } 6694 .modal-dialog-scrollable { 6695 max-height: calc(100% - 3.5rem); } 6696 .modal-dialog-scrollable .modal-content { 6697 max-height: calc(100vh - 3.5rem); } 6698 .modal-dialog-centered { 6699 min-height: calc(100% - 3.5rem); } 6700 .modal-dialog-centered::before { 6701 height: calc(100vh - 3.5rem); 6702 height: min-content; } 6703 .modal-sm { 6704 max-width: 300px; } } 6705 6706@media (min-width: 992px) { 6707 .modal-lg, 6708 .modal-xl { 6709 max-width: 800px; } } 6710 6711@media (min-width: 1200px) { 6712 .modal-xl { 6713 max-width: 1140px; } } 6714 6715.tooltip { 6716 position: absolute; 6717 z-index: 1070; 6718 display: block; 6719 margin: 0; 6720 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 6721 font-style: normal; 6722 font-weight: 400; 6723 line-height: 1.5; 6724 text-align: left; 6725 text-align: start; 6726 text-decoration: none; 6727 text-shadow: none; 6728 text-transform: none; 6729 letter-spacing: normal; 6730 word-break: normal; 6731 word-spacing: normal; 6732 white-space: normal; 6733 line-break: auto; 6734 font-size: 0.8203125rem; 6735 word-wrap: break-word; 6736 opacity: 0; } 6737 .tooltip.show { 6738 opacity: 0.9; } 6739 .tooltip .arrow { 6740 position: absolute; 6741 display: block; 6742 width: 0.8rem; 6743 height: 0.4rem; } 6744 .tooltip .arrow::before { 6745 position: absolute; 6746 content: ""; 6747 border-color: transparent; 6748 border-style: solid; } 6749 6750.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { 6751 padding: 0.4rem 0; } 6752 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { 6753 bottom: 0; } 6754 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { 6755 top: 0; 6756 border-width: 0.4rem 0.4rem 0; 6757 border-top-color: #000; } 6758 6759.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { 6760 padding: 0 0.4rem; } 6761 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { 6762 left: 0; 6763 width: 0.4rem; 6764 height: 0.8rem; } 6765 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { 6766 right: 0; 6767 border-width: 0.4rem 0.4rem 0.4rem 0; 6768 border-right-color: #000; } 6769 6770.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { 6771 padding: 0.4rem 0; } 6772 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { 6773 top: 0; } 6774 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { 6775 bottom: 0; 6776 border-width: 0 0.4rem 0.4rem; 6777 border-bottom-color: #000; } 6778 6779.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { 6780 padding: 0 0.4rem; } 6781 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { 6782 right: 0; 6783 width: 0.4rem; 6784 height: 0.8rem; } 6785 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { 6786 left: 0; 6787 border-width: 0.4rem 0 0.4rem 0.4rem; 6788 border-left-color: #000; } 6789 6790.tooltip-inner { 6791 max-width: 200px; 6792 padding: 0.25rem 0.5rem; 6793 color: #fff; 6794 text-align: center; 6795 background-color: #000; 6796 border-radius: 0.25rem; } 6797 6798.popover { 6799 position: absolute; 6800 top: 0; 6801 z-index: 1060; 6802 display: block; 6803 max-width: 276px; 6804 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 6805 font-style: normal; 6806 font-weight: 400; 6807 line-height: 1.5; 6808 text-align: left; 6809 text-align: start; 6810 text-decoration: none; 6811 text-shadow: none; 6812 text-transform: none; 6813 letter-spacing: normal; 6814 word-break: normal; 6815 word-spacing: normal; 6816 white-space: normal; 6817 line-break: auto; 6818 font-size: 0.8203125rem; 6819 word-wrap: break-word; 6820 background-color: #fff; 6821 background-clip: padding-box; 6822 border: 1px solid rgba(0, 0, 0, 0.2); 6823 border-radius: 0.3rem; } 6824 .popover .arrow { 6825 position: absolute; 6826 display: block; 6827 width: 1rem; 6828 height: 0.5rem; 6829 margin: 0 0.3rem; } 6830 .popover .arrow::before, .popover .arrow::after { 6831 position: absolute; 6832 display: block; 6833 content: ""; 6834 border-color: transparent; 6835 border-style: solid; } 6836 6837.bs-popover-top, .bs-popover-auto[x-placement^="top"] { 6838 margin-bottom: 0.5rem; } 6839 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { 6840 bottom: calc(-0.5rem - 1px); } 6841 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { 6842 bottom: 0; 6843 border-width: 0.5rem 0.5rem 0; 6844 border-top-color: rgba(0, 0, 0, 0.25); } 6845 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { 6846 bottom: 1px; 6847 border-width: 0.5rem 0.5rem 0; 6848 border-top-color: #fff; } 6849 6850.bs-popover-right, .bs-popover-auto[x-placement^="right"] { 6851 margin-left: 0.5rem; } 6852 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { 6853 left: calc(-0.5rem - 1px); 6854 width: 0.5rem; 6855 height: 1rem; 6856 margin: 0.3rem 0; } 6857 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { 6858 left: 0; 6859 border-width: 0.5rem 0.5rem 0.5rem 0; 6860 border-right-color: rgba(0, 0, 0, 0.25); } 6861 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { 6862 left: 1px; 6863 border-width: 0.5rem 0.5rem 0.5rem 0; 6864 border-right-color: #fff; } 6865 6866.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { 6867 margin-top: 0.5rem; } 6868 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { 6869 top: calc(-0.5rem - 1px); } 6870 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { 6871 top: 0; 6872 border-width: 0 0.5rem 0.5rem 0.5rem; 6873 border-bottom-color: rgba(0, 0, 0, 0.25); } 6874 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { 6875 top: 1px; 6876 border-width: 0 0.5rem 0.5rem 0.5rem; 6877 border-bottom-color: #fff; } 6878 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { 6879 position: absolute; 6880 top: 0; 6881 left: 50%; 6882 display: block; 6883 width: 1rem; 6884 margin-left: -0.5rem; 6885 content: ""; 6886 border-bottom: 1px solid #f7f7f7; } 6887 6888.bs-popover-left, .bs-popover-auto[x-placement^="left"] { 6889 margin-right: 0.5rem; } 6890 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { 6891 right: calc(-0.5rem - 1px); 6892 width: 0.5rem; 6893 height: 1rem; 6894 margin: 0.3rem 0; } 6895 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { 6896 right: 0; 6897 border-width: 0.5rem 0 0.5rem 0.5rem; 6898 border-left-color: rgba(0, 0, 0, 0.25); } 6899 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { 6900 right: 1px; 6901 border-width: 0.5rem 0 0.5rem 0.5rem; 6902 border-left-color: #fff; } 6903 6904.popover-header { 6905 padding: 0.5rem 0.75rem; 6906 margin-bottom: 0; 6907 font-size: 0.9375rem; 6908 background-color: #f7f7f7; 6909 border-bottom: 1px solid #ebebeb; 6910 border-top-left-radius: calc(0.3rem - 1px); 6911 border-top-right-radius: calc(0.3rem - 1px); } 6912 @media (max-width: 1200px) { 6913 .popover-header { 6914 font-size: calc(0.90375rem + 0.045vw) ; } } 6915 .popover-header:empty { 6916 display: none; } 6917 6918.popover-body { 6919 padding: 0.5rem 0.75rem; 6920 color: #1d2125; } 6921 6922.carousel { 6923 position: relative; } 6924 6925.carousel.pointer-event { 6926 touch-action: pan-y; } 6927 6928.carousel-inner { 6929 position: relative; 6930 width: 100%; 6931 overflow: hidden; } 6932 .carousel-inner::after { 6933 display: block; 6934 clear: both; 6935 content: ""; } 6936 6937.carousel-item { 6938 position: relative; 6939 display: none; 6940 float: left; 6941 width: 100%; 6942 margin-right: -100%; 6943 backface-visibility: hidden; 6944 transition: transform 0.6s ease-in-out; } 6945 @media (prefers-reduced-motion: reduce) { 6946 .carousel-item { 6947 transition: none; } } 6948 6949.carousel-item.active, 6950.carousel-item-next, 6951.carousel-item-prev { 6952 display: block; } 6953 6954.carousel-item-next:not(.carousel-item-left), 6955.active.carousel-item-right { 6956 transform: translateX(100%); } 6957 6958.carousel-item-prev:not(.carousel-item-right), 6959.active.carousel-item-left { 6960 transform: translateX(-100%); } 6961 6962.carousel-fade .carousel-item { 6963 opacity: 0; 6964 transition-property: opacity; 6965 transform: none; } 6966 6967.carousel-fade .carousel-item.active, 6968.carousel-fade .carousel-item-next.carousel-item-left, 6969.carousel-fade .carousel-item-prev.carousel-item-right { 6970 z-index: 1; 6971 opacity: 1; } 6972 6973.carousel-fade .active.carousel-item-left, 6974.carousel-fade .active.carousel-item-right { 6975 z-index: 0; 6976 opacity: 0; 6977 transition: opacity 0s 0.6s; } 6978 @media (prefers-reduced-motion: reduce) { 6979 .carousel-fade .active.carousel-item-left, 6980 .carousel-fade .active.carousel-item-right { 6981 transition: none; } } 6982 6983.carousel-control-prev, 6984.carousel-control-next { 6985 position: absolute; 6986 top: 0; 6987 bottom: 0; 6988 z-index: 1; 6989 display: flex; 6990 align-items: center; 6991 justify-content: center; 6992 width: 15%; 6993 color: #fff; 6994 text-align: center; 6995 opacity: 0.5; 6996 transition: opacity 0.15s ease; } 6997 @media (prefers-reduced-motion: reduce) { 6998 .carousel-control-prev, 6999 .carousel-control-next { 7000 transition: none; } } 7001 .carousel-control-prev:hover, .carousel-control-prev:focus, 7002 .carousel-control-next:hover, 7003 .carousel-control-next:focus { 7004 color: #fff; 7005 text-decoration: none; 7006 outline: 0; 7007 opacity: 0.9; } 7008 7009.carousel-control-prev { 7010 left: 0; } 7011 7012.carousel-control-next { 7013 right: 0; } 7014 7015.carousel-control-prev-icon, 7016.carousel-control-next-icon { 7017 display: inline-block; 7018 width: 20px; 7019 height: 20px; 7020 background: 50% / 100% 100% no-repeat; } 7021 7022.carousel-control-prev-icon { 7023 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } 7024 7025.carousel-control-next-icon { 7026 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } 7027 7028.carousel-indicators { 7029 position: absolute; 7030 right: 0; 7031 bottom: 0; 7032 left: 0; 7033 z-index: 15; 7034 display: flex; 7035 justify-content: center; 7036 padding-left: 0; 7037 margin-right: 15%; 7038 margin-left: 15%; 7039 list-style: none; } 7040 .carousel-indicators li { 7041 box-sizing: content-box; 7042 flex: 0 1 auto; 7043 width: 30px; 7044 height: 3px; 7045 margin-right: 3px; 7046 margin-left: 3px; 7047 text-indent: -999px; 7048 cursor: pointer; 7049 background-color: #fff; 7050 background-clip: padding-box; 7051 border-top: 10px solid transparent; 7052 border-bottom: 10px solid transparent; 7053 opacity: .5; 7054 transition: opacity 0.6s ease; } 7055 @media (prefers-reduced-motion: reduce) { 7056 .carousel-indicators li { 7057 transition: none; } } 7058 .carousel-indicators .active { 7059 opacity: 1; } 7060 7061.carousel-caption { 7062 position: absolute; 7063 right: 15%; 7064 bottom: 20px; 7065 left: 15%; 7066 z-index: 10; 7067 padding-top: 20px; 7068 padding-bottom: 20px; 7069 color: #fff; 7070 text-align: center; } 7071 7072@keyframes spinner-border { 7073 to { 7074 transform: rotate(360deg); } } 7075 7076.spinner-border { 7077 display: inline-block; 7078 width: 2rem; 7079 height: 2rem; 7080 vertical-align: text-bottom; 7081 border: 0.25em solid currentColor; 7082 border-right-color: transparent; 7083 border-radius: 50%; 7084 animation: .75s linear infinite spinner-border; } 7085 7086.spinner-border-sm { 7087 width: 1rem; 7088 height: 1rem; 7089 border-width: 0.2em; } 7090 7091@keyframes spinner-grow { 7092 0% { 7093 transform: scale(0); } 7094 50% { 7095 opacity: 1; 7096 transform: none; } } 7097 7098.spinner-grow { 7099 display: inline-block; 7100 width: 2rem; 7101 height: 2rem; 7102 vertical-align: text-bottom; 7103 background-color: currentColor; 7104 border-radius: 50%; 7105 opacity: 0; 7106 animation: .75s linear infinite spinner-grow; } 7107 7108.spinner-grow-sm { 7109 width: 1rem; 7110 height: 1rem; } 7111 7112@media (prefers-reduced-motion: reduce) { 7113 .spinner-border, 7114 .spinner-grow { 7115 animation-duration: 1.5s; } } 7116 7117.align-baseline { 7118 vertical-align: baseline !important; } 7119 7120.align-top, [data-filterregion="value"] div:first-of-type { 7121 vertical-align: top !important; } 7122 7123.align-middle { 7124 vertical-align: middle !important; } 7125 7126.align-bottom { 7127 vertical-align: bottom !important; } 7128 7129.align-text-bottom { 7130 vertical-align: text-bottom !important; } 7131 7132.align-text-top { 7133 vertical-align: text-top !important; } 7134 7135.bg-primary { 7136 background-color: #0f6cbf !important; } 7137 7138a.bg-primary:hover, a.bg-primary:focus, 7139button.bg-primary:hover, 7140button.bg-primary:focus { 7141 background-color: #0b5190 !important; } 7142 7143.bg-secondary { 7144 background-color: #ced4da !important; } 7145 7146a.bg-secondary:hover, a.bg-secondary:focus, 7147button.bg-secondary:hover, 7148button.bg-secondary:focus { 7149 background-color: #b1bbc4 !important; } 7150 7151.bg-success { 7152 background-color: #357a32 !important; } 7153 7154a.bg-success:hover, a.bg-success:focus, 7155button.bg-success:hover, 7156button.bg-success:focus { 7157 background-color: #255623 !important; } 7158 7159.bg-info { 7160 background-color: #008196 !important; } 7161 7162a.bg-info:hover, a.bg-info:focus, 7163button.bg-info:hover, 7164button.bg-info:focus { 7165 background-color: #005563 !important; } 7166 7167.bg-warning { 7168 background-color: #f0ad4e !important; } 7169 7170a.bg-warning:hover, a.bg-warning:focus, 7171button.bg-warning:hover, 7172button.bg-warning:focus { 7173 background-color: #ec971f !important; } 7174 7175.bg-danger { 7176 background-color: #ca3120 !important; } 7177 7178a.bg-danger:hover, a.bg-danger:focus, 7179button.bg-danger:hover, 7180button.bg-danger:focus { 7181 background-color: #9e2619 !important; } 7182 7183.bg-light { 7184 background-color: #f8f9fa !important; } 7185 7186a.bg-light:hover, a.bg-light:focus, 7187button.bg-light:hover, 7188button.bg-light:focus { 7189 background-color: #dae0e5 !important; } 7190 7191.bg-dark { 7192 background-color: #343a40 !important; } 7193 7194a.bg-dark:hover, a.bg-dark:focus, 7195button.bg-dark:hover, 7196button.bg-dark:focus { 7197 background-color: #1d2124 !important; } 7198 7199.bg-white { 7200 background-color: #fff !important; } 7201 7202.bg-transparent { 7203 background-color: transparent !important; } 7204 7205.border { 7206 border: 1px solid #dee2e6 !important; } 7207 7208.border-top { 7209 border-top: 1px solid #dee2e6 !important; } 7210 7211.border-right { 7212 border-right: 1px solid #dee2e6 !important; } 7213 7214.border-bottom { 7215 border-bottom: 1px solid #dee2e6 !important; } 7216 7217.border-left { 7218 border-left: 1px solid #dee2e6 !important; } 7219 7220.border-0 { 7221 border: 0 !important; } 7222 7223.border-top-0 { 7224 border-top: 0 !important; } 7225 7226.border-right-0 { 7227 border-right: 0 !important; } 7228 7229.border-bottom-0 { 7230 border-bottom: 0 !important; } 7231 7232.border-left-0 { 7233 border-left: 0 !important; } 7234 7235.border-primary { 7236 border-color: #0f6cbf !important; } 7237 7238.border-secondary { 7239 border-color: #ced4da !important; } 7240 7241.border-success { 7242 border-color: #357a32 !important; } 7243 7244.border-info { 7245 border-color: #008196 !important; } 7246 7247.border-warning { 7248 border-color: #f0ad4e !important; } 7249 7250.border-danger { 7251 border-color: #ca3120 !important; } 7252 7253.border-light { 7254 border-color: #f8f9fa !important; } 7255 7256.border-dark { 7257 border-color: #343a40 !important; } 7258 7259.border-white { 7260 border-color: #fff !important; } 7261 7262.rounded-sm { 7263 border-radius: 0.2rem !important; } 7264 7265.rounded { 7266 border-radius: 0.25rem !important; } 7267 7268.rounded-top { 7269 border-top-left-radius: 0.25rem !important; 7270 border-top-right-radius: 0.25rem !important; } 7271 7272.rounded-right { 7273 border-top-right-radius: 0.25rem !important; 7274 border-bottom-right-radius: 0.25rem !important; } 7275 7276.rounded-bottom { 7277 border-bottom-right-radius: 0.25rem !important; 7278 border-bottom-left-radius: 0.25rem !important; } 7279 7280.rounded-left { 7281 border-top-left-radius: 0.25rem !important; 7282 border-bottom-left-radius: 0.25rem !important; } 7283 7284.rounded-lg { 7285 border-radius: 0.3rem !important; } 7286 7287.rounded-circle { 7288 border-radius: 50% !important; } 7289 7290.rounded-pill { 7291 border-radius: 50rem !important; } 7292 7293.rounded-0 { 7294 border-radius: 0 !important; } 7295 7296.clearfix::after { 7297 display: block; 7298 clear: both; 7299 content: ""; } 7300 7301.d-none { 7302 display: none !important; } 7303 7304.d-inline { 7305 display: inline !important; } 7306 7307.d-inline-block { 7308 display: inline-block !important; } 7309 7310.d-block { 7311 display: block !important; } 7312 7313.d-table { 7314 display: table !important; } 7315 7316.d-table-row { 7317 display: table-row !important; } 7318 7319.d-table-cell { 7320 display: table-cell !important; } 7321 7322.d-flex { 7323 display: flex !important; } 7324 7325.d-inline-flex { 7326 display: inline-flex !important; } 7327 7328@media (min-width: 576px) { 7329 .d-sm-none { 7330 display: none !important; } 7331 .d-sm-inline { 7332 display: inline !important; } 7333 .d-sm-inline-block { 7334 display: inline-block !important; } 7335 .d-sm-block { 7336 display: block !important; } 7337 .d-sm-table { 7338 display: table !important; } 7339 .d-sm-table-row { 7340 display: table-row !important; } 7341 .d-sm-table-cell { 7342 display: table-cell !important; } 7343 .d-sm-flex { 7344 display: flex !important; } 7345 .d-sm-inline-flex { 7346 display: inline-flex !important; } } 7347 7348@media (min-width: 768px) { 7349 .d-md-none { 7350 display: none !important; } 7351 .d-md-inline { 7352 display: inline !important; } 7353 .d-md-inline-block { 7354 display: inline-block !important; } 7355 .d-md-block { 7356 display: block !important; } 7357 .d-md-table { 7358 display: table !important; } 7359 .d-md-table-row { 7360 display: table-row !important; } 7361 .d-md-table-cell { 7362 display: table-cell !important; } 7363 .d-md-flex { 7364 display: flex !important; } 7365 .d-md-inline-flex { 7366 display: inline-flex !important; } } 7367 7368@media (min-width: 992px) { 7369 .d-lg-none { 7370 display: none !important; } 7371 .d-lg-inline { 7372 display: inline !important; } 7373 .d-lg-inline-block { 7374 display: inline-block !important; } 7375 .d-lg-block { 7376 display: block !important; } 7377 .d-lg-table { 7378 display: table !important; } 7379 .d-lg-table-row { 7380 display: table-row !important; } 7381 .d-lg-table-cell { 7382 display: table-cell !important; } 7383 .d-lg-flex { 7384 display: flex !important; } 7385 .d-lg-inline-flex { 7386 display: inline-flex !important; } } 7387 7388@media (min-width: 1200px) { 7389 .d-xl-none { 7390 display: none !important; } 7391 .d-xl-inline { 7392 display: inline !important; } 7393 .d-xl-inline-block { 7394 display: inline-block !important; } 7395 .d-xl-block { 7396 display: block !important; } 7397 .d-xl-table { 7398 display: table !important; } 7399 .d-xl-table-row { 7400 display: table-row !important; } 7401 .d-xl-table-cell { 7402 display: table-cell !important; } 7403 .d-xl-flex { 7404 display: flex !important; } 7405 .d-xl-inline-flex { 7406 display: inline-flex !important; } } 7407 7408@media print { 7409 .d-print-none { 7410 display: none !important; } 7411 .d-print-inline { 7412 display: inline !important; } 7413 .d-print-inline-block { 7414 display: inline-block !important; } 7415 .d-print-block { 7416 display: block !important; } 7417 .d-print-table { 7418 display: table !important; } 7419 .d-print-table-row { 7420 display: table-row !important; } 7421 .d-print-table-cell { 7422 display: table-cell !important; } 7423 .d-print-flex { 7424 display: flex !important; } 7425 .d-print-inline-flex { 7426 display: inline-flex !important; } } 7427 7428.embed-responsive { 7429 position: relative; 7430 display: block; 7431 width: 100%; 7432 padding: 0; 7433 overflow: hidden; } 7434 .embed-responsive::before { 7435 display: block; 7436 content: ""; } 7437 .embed-responsive .embed-responsive-item, 7438 .embed-responsive iframe, 7439 .embed-responsive embed, 7440 .embed-responsive object, 7441 .embed-responsive video { 7442 position: absolute; 7443 top: 0; 7444 bottom: 0; 7445 left: 0; 7446 width: 100%; 7447 height: 100%; 7448 border: 0; } 7449 7450.embed-responsive-21by9::before { 7451 padding-top: 42.8571428571%; } 7452 7453.embed-responsive-16by9::before { 7454 padding-top: 56.25%; } 7455 7456.embed-responsive-4by3::before { 7457 padding-top: 75%; } 7458 7459.embed-responsive-1by1::before { 7460 padding-top: 100%; } 7461 7462.flex-row { 7463 flex-direction: row !important; } 7464 7465.flex-column { 7466 flex-direction: column !important; } 7467 7468.flex-row-reverse { 7469 flex-direction: row-reverse !important; } 7470 7471.flex-column-reverse { 7472 flex-direction: column-reverse !important; } 7473 7474.flex-wrap { 7475 flex-wrap: wrap !important; } 7476 7477.flex-nowrap { 7478 flex-wrap: nowrap !important; } 7479 7480.flex-wrap-reverse { 7481 flex-wrap: wrap-reverse !important; } 7482 7483.flex-fill { 7484 flex: 1 1 auto !important; } 7485 7486.flex-grow-0 { 7487 flex-grow: 0 !important; } 7488 7489.flex-grow-1 { 7490 flex-grow: 1 !important; } 7491 7492.flex-shrink-0 { 7493 flex-shrink: 0 !important; } 7494 7495.flex-shrink-1 { 7496 flex-shrink: 1 !important; } 7497 7498.justify-content-start { 7499 justify-content: flex-start !important; } 7500 7501.justify-content-end { 7502 justify-content: flex-end !important; } 7503 7504.justify-content-center { 7505 justify-content: center !important; } 7506 7507.justify-content-between { 7508 justify-content: space-between !important; } 7509 7510.justify-content-around { 7511 justify-content: space-around !important; } 7512 7513.align-items-start { 7514 align-items: flex-start !important; } 7515 7516.align-items-end { 7517 align-items: flex-end !important; } 7518 7519.align-items-center { 7520 align-items: center !important; } 7521 7522.align-items-baseline { 7523 align-items: baseline !important; } 7524 7525.align-items-stretch { 7526 align-items: stretch !important; } 7527 7528.align-content-start { 7529 align-content: flex-start !important; } 7530 7531.align-content-end { 7532 align-content: flex-end !important; } 7533 7534.align-content-center { 7535 align-content: center !important; } 7536 7537.align-content-between { 7538 align-content: space-between !important; } 7539 7540.align-content-around { 7541 align-content: space-around !important; } 7542 7543.align-content-stretch { 7544 align-content: stretch !important; } 7545 7546.align-self-auto { 7547 align-self: auto !important; } 7548 7549.align-self-start { 7550 align-self: flex-start !important; } 7551 7552.align-self-end { 7553 align-self: flex-end !important; } 7554 7555.align-self-center { 7556 align-self: center !important; } 7557 7558.align-self-baseline { 7559 align-self: baseline !important; } 7560 7561.align-self-stretch { 7562 align-self: stretch !important; } 7563 7564@media (min-width: 576px) { 7565 .flex-sm-row { 7566 flex-direction: row !important; } 7567 .flex-sm-column { 7568 flex-direction: column !important; } 7569 .flex-sm-row-reverse { 7570 flex-direction: row-reverse !important; } 7571 .flex-sm-column-reverse { 7572 flex-direction: column-reverse !important; } 7573 .flex-sm-wrap { 7574 flex-wrap: wrap !important; } 7575 .flex-sm-nowrap { 7576 flex-wrap: nowrap !important; } 7577 .flex-sm-wrap-reverse { 7578 flex-wrap: wrap-reverse !important; } 7579 .flex-sm-fill { 7580 flex: 1 1 auto !important; } 7581 .flex-sm-grow-0 { 7582 flex-grow: 0 !important; } 7583 .flex-sm-grow-1 { 7584 flex-grow: 1 !important; } 7585 .flex-sm-shrink-0 { 7586 flex-shrink: 0 !important; } 7587 .flex-sm-shrink-1 { 7588 flex-shrink: 1 !important; } 7589 .justify-content-sm-start { 7590 justify-content: flex-start !important; } 7591 .justify-content-sm-end { 7592 justify-content: flex-end !important; } 7593 .justify-content-sm-center { 7594 justify-content: center !important; } 7595 .justify-content-sm-between { 7596 justify-content: space-between !important; } 7597 .justify-content-sm-around { 7598 justify-content: space-around !important; } 7599 .align-items-sm-start { 7600 align-items: flex-start !important; } 7601 .align-items-sm-end { 7602 align-items: flex-end !important; } 7603 .align-items-sm-center { 7604 align-items: center !important; } 7605 .align-items-sm-baseline { 7606 align-items: baseline !important; } 7607 .align-items-sm-stretch { 7608 align-items: stretch !important; } 7609 .align-content-sm-start { 7610 align-content: flex-start !important; } 7611 .align-content-sm-end { 7612 align-content: flex-end !important; } 7613 .align-content-sm-center { 7614 align-content: center !important; } 7615 .align-content-sm-between { 7616 align-content: space-between !important; } 7617 .align-content-sm-around { 7618 align-content: space-around !important; } 7619 .align-content-sm-stretch { 7620 align-content: stretch !important; } 7621 .align-self-sm-auto { 7622 align-self: auto !important; } 7623 .align-self-sm-start { 7624 align-self: flex-start !important; } 7625 .align-self-sm-end { 7626 align-self: flex-end !important; } 7627 .align-self-sm-center { 7628 align-self: center !important; } 7629 .align-self-sm-baseline { 7630 align-self: baseline !important; } 7631 .align-self-sm-stretch { 7632 align-self: stretch !important; } } 7633 7634@media (min-width: 768px) { 7635 .flex-md-row { 7636 flex-direction: row !important; } 7637 .flex-md-column { 7638 flex-direction: column !important; } 7639 .flex-md-row-reverse { 7640 flex-direction: row-reverse !important; } 7641 .flex-md-column-reverse { 7642 flex-direction: column-reverse !important; } 7643 .flex-md-wrap { 7644 flex-wrap: wrap !important; } 7645 .flex-md-nowrap { 7646 flex-wrap: nowrap !important; } 7647 .flex-md-wrap-reverse { 7648 flex-wrap: wrap-reverse !important; } 7649 .flex-md-fill { 7650 flex: 1 1 auto !important; } 7651 .flex-md-grow-0 { 7652 flex-grow: 0 !important; } 7653 .flex-md-grow-1 { 7654 flex-grow: 1 !important; } 7655 .flex-md-shrink-0 { 7656 flex-shrink: 0 !important; } 7657 .flex-md-shrink-1 { 7658 flex-shrink: 1 !important; } 7659 .justify-content-md-start { 7660 justify-content: flex-start !important; } 7661 .justify-content-md-end { 7662 justify-content: flex-end !important; } 7663 .justify-content-md-center { 7664 justify-content: center !important; } 7665 .justify-content-md-between { 7666 justify-content: space-between !important; } 7667 .justify-content-md-around { 7668 justify-content: space-around !important; } 7669 .align-items-md-start { 7670 align-items: flex-start !important; } 7671 .align-items-md-end { 7672 align-items: flex-end !important; } 7673 .align-items-md-center { 7674 align-items: center !important; } 7675 .align-items-md-baseline { 7676 align-items: baseline !important; } 7677 .align-items-md-stretch { 7678 align-items: stretch !important; } 7679 .align-content-md-start { 7680 align-content: flex-start !important; } 7681 .align-content-md-end { 7682 align-content: flex-end !important; } 7683 .align-content-md-center { 7684 align-content: center !important; } 7685 .align-content-md-between { 7686 align-content: space-between !important; } 7687 .align-content-md-around { 7688 align-content: space-around !important; } 7689 .align-content-md-stretch { 7690 align-content: stretch !important; } 7691 .align-self-md-auto { 7692 align-self: auto !important; } 7693 .align-self-md-start { 7694 align-self: flex-start !important; } 7695 .align-self-md-end { 7696 align-self: flex-end !important; } 7697 .align-self-md-center { 7698 align-self: center !important; } 7699 .align-self-md-baseline { 7700 align-self: baseline !important; } 7701 .align-self-md-stretch { 7702 align-self: stretch !important; } } 7703 7704@media (min-width: 992px) { 7705 .flex-lg-row { 7706 flex-direction: row !important; } 7707 .flex-lg-column { 7708 flex-direction: column !important; } 7709 .flex-lg-row-reverse { 7710 flex-direction: row-reverse !important; } 7711 .flex-lg-column-reverse { 7712 flex-direction: column-reverse !important; } 7713 .flex-lg-wrap { 7714 flex-wrap: wrap !important; } 7715 .flex-lg-nowrap { 7716 flex-wrap: nowrap !important; } 7717 .flex-lg-wrap-reverse { 7718 flex-wrap: wrap-reverse !important; } 7719 .flex-lg-fill { 7720 flex: 1 1 auto !important; } 7721 .flex-lg-grow-0 { 7722 flex-grow: 0 !important; } 7723 .flex-lg-grow-1 { 7724 flex-grow: 1 !important; } 7725 .flex-lg-shrink-0 { 7726 flex-shrink: 0 !important; } 7727 .flex-lg-shrink-1 { 7728 flex-shrink: 1 !important; } 7729 .justify-content-lg-start { 7730 justify-content: flex-start !important; } 7731 .justify-content-lg-end { 7732 justify-content: flex-end !important; } 7733 .justify-content-lg-center { 7734 justify-content: center !important; } 7735 .justify-content-lg-between { 7736 justify-content: space-between !important; } 7737 .justify-content-lg-around { 7738 justify-content: space-around !important; } 7739 .align-items-lg-start { 7740 align-items: flex-start !important; } 7741 .align-items-lg-end { 7742 align-items: flex-end !important; } 7743 .align-items-lg-center { 7744 align-items: center !important; } 7745 .align-items-lg-baseline { 7746 align-items: baseline !important; } 7747 .align-items-lg-stretch { 7748 align-items: stretch !important; } 7749 .align-content-lg-start { 7750 align-content: flex-start !important; } 7751 .align-content-lg-end { 7752 align-content: flex-end !important; } 7753 .align-content-lg-center { 7754 align-content: center !important; } 7755 .align-content-lg-between { 7756 align-content: space-between !important; } 7757 .align-content-lg-around { 7758 align-content: space-around !important; } 7759 .align-content-lg-stretch { 7760 align-content: stretch !important; } 7761 .align-self-lg-auto { 7762 align-self: auto !important; } 7763 .align-self-lg-start { 7764 align-self: flex-start !important; } 7765 .align-self-lg-end { 7766 align-self: flex-end !important; } 7767 .align-self-lg-center { 7768 align-self: center !important; } 7769 .align-self-lg-baseline { 7770 align-self: baseline !important; } 7771 .align-self-lg-stretch { 7772 align-self: stretch !important; } } 7773 7774@media (min-width: 1200px) { 7775 .flex-xl-row { 7776 flex-direction: row !important; } 7777 .flex-xl-column { 7778 flex-direction: column !important; } 7779 .flex-xl-row-reverse { 7780 flex-direction: row-reverse !important; } 7781 .flex-xl-column-reverse { 7782 flex-direction: column-reverse !important; } 7783 .flex-xl-wrap { 7784 flex-wrap: wrap !important; } 7785 .flex-xl-nowrap { 7786 flex-wrap: nowrap !important; } 7787 .flex-xl-wrap-reverse { 7788 flex-wrap: wrap-reverse !important; } 7789 .flex-xl-fill { 7790 flex: 1 1 auto !important; } 7791 .flex-xl-grow-0 { 7792 flex-grow: 0 !important; } 7793 .flex-xl-grow-1 { 7794 flex-grow: 1 !important; } 7795 .flex-xl-shrink-0 { 7796 flex-shrink: 0 !important; } 7797 .flex-xl-shrink-1 { 7798 flex-shrink: 1 !important; } 7799 .justify-content-xl-start { 7800 justify-content: flex-start !important; } 7801 .justify-content-xl-end { 7802 justify-content: flex-end !important; } 7803 .justify-content-xl-center { 7804 justify-content: center !important; } 7805 .justify-content-xl-between { 7806 justify-content: space-between !important; } 7807 .justify-content-xl-around { 7808 justify-content: space-around !important; } 7809 .align-items-xl-start { 7810 align-items: flex-start !important; } 7811 .align-items-xl-end { 7812 align-items: flex-end !important; } 7813 .align-items-xl-center { 7814 align-items: center !important; } 7815 .align-items-xl-baseline { 7816 align-items: baseline !important; } 7817 .align-items-xl-stretch { 7818 align-items: stretch !important; } 7819 .align-content-xl-start { 7820 align-content: flex-start !important; } 7821 .align-content-xl-end { 7822 align-content: flex-end !important; } 7823 .align-content-xl-center { 7824 align-content: center !important; } 7825 .align-content-xl-between { 7826 align-content: space-between !important; } 7827 .align-content-xl-around { 7828 align-content: space-around !important; } 7829 .align-content-xl-stretch { 7830 align-content: stretch !important; } 7831 .align-self-xl-auto { 7832 align-self: auto !important; } 7833 .align-self-xl-start { 7834 align-self: flex-start !important; } 7835 .align-self-xl-end { 7836 align-self: flex-end !important; } 7837 .align-self-xl-center { 7838 align-self: center !important; } 7839 .align-self-xl-baseline { 7840 align-self: baseline !important; } 7841 .align-self-xl-stretch { 7842 align-self: stretch !important; } } 7843 7844.float-left { 7845 float: left !important; } 7846 7847.float-right { 7848 float: right !important; } 7849 7850.float-none { 7851 float: none !important; } 7852 7853@media (min-width: 576px) { 7854 .float-sm-left { 7855 float: left !important; } 7856 .float-sm-right { 7857 float: right !important; } 7858 .float-sm-none { 7859 float: none !important; } } 7860 7861@media (min-width: 768px) { 7862 .float-md-left { 7863 float: left !important; } 7864 .float-md-right { 7865 float: right !important; } 7866 .float-md-none { 7867 float: none !important; } } 7868 7869@media (min-width: 992px) { 7870 .float-lg-left { 7871 float: left !important; } 7872 .float-lg-right { 7873 float: right !important; } 7874 .float-lg-none { 7875 float: none !important; } } 7876 7877@media (min-width: 1200px) { 7878 .float-xl-left { 7879 float: left !important; } 7880 .float-xl-right { 7881 float: right !important; } 7882 .float-xl-none { 7883 float: none !important; } } 7884 7885.user-select-all { 7886 user-select: all !important; } 7887 7888.user-select-auto { 7889 user-select: auto !important; } 7890 7891.user-select-none { 7892 user-select: none !important; } 7893 7894.overflow-auto { 7895 overflow: auto !important; } 7896 7897.overflow-hidden { 7898 overflow: hidden !important; } 7899 7900.position-static { 7901 position: static !important; } 7902 7903.position-relative { 7904 position: relative !important; } 7905 7906.position-absolute { 7907 position: absolute !important; } 7908 7909.position-fixed { 7910 position: fixed !important; } 7911 7912.position-sticky { 7913 position: sticky !important; } 7914 7915.fixed-top { 7916 position: fixed; 7917 top: 0; 7918 right: 0; 7919 left: 0; 7920 z-index: 1030; } 7921 7922.fixed-bottom { 7923 position: fixed; 7924 right: 0; 7925 bottom: 0; 7926 left: 0; 7927 z-index: 1030; } 7928 7929@supports (position: sticky) { 7930 .sticky-top { 7931 position: sticky; 7932 top: 0; 7933 z-index: 1020; } } 7934 7935.sr-only { 7936 position: absolute; 7937 width: 1px; 7938 height: 1px; 7939 padding: 0; 7940 margin: -1px; 7941 overflow: hidden; 7942 clip: rect(0, 0, 0, 0); 7943 white-space: nowrap; 7944 border: 0; } 7945 7946.sr-only-focusable:active, .sr-only-focusable:focus { 7947 position: static; 7948 width: auto; 7949 height: auto; 7950 overflow: visible; 7951 clip: auto; 7952 white-space: normal; } 7953 7954.shadow-sm { 7955 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } 7956 7957.shadow { 7958 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } 7959 7960.shadow-lg { 7961 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } 7962 7963.shadow-none { 7964 box-shadow: none !important; } 7965 7966.w-25 { 7967 width: 25% !important; } 7968 7969.w-50 { 7970 width: 50% !important; } 7971 7972.w-75 { 7973 width: 75% !important; } 7974 7975.w-100 { 7976 width: 100% !important; } 7977 7978.w-auto { 7979 width: auto !important; } 7980 7981.h-25 { 7982 height: 25% !important; } 7983 7984.h-50 { 7985 height: 50% !important; } 7986 7987.h-75 { 7988 height: 75% !important; } 7989 7990.h-100 { 7991 height: 100% !important; } 7992 7993.h-auto { 7994 height: auto !important; } 7995 7996.mw-100 { 7997 max-width: 100% !important; } 7998 7999.mh-100 { 8000 max-height: 100% !important; } 8001 8002.min-vw-100 { 8003 min-width: 100vw !important; } 8004 8005.min-vh-100 { 8006 min-height: 100vh !important; } 8007 8008.vw-100 { 8009 width: 100vw !important; } 8010 8011.vh-100 { 8012 height: 100vh !important; } 8013 8014.m-0 { 8015 margin: 0 !important; } 8016 8017.mt-0, 8018.my-0 { 8019 margin-top: 0 !important; } 8020 8021.mr-0, 8022.mx-0 { 8023 margin-right: 0 !important; } 8024 8025.mb-0, 8026.my-0 { 8027 margin-bottom: 0 !important; } 8028 8029.ml-0, 8030.mx-0 { 8031 margin-left: 0 !important; } 8032 8033.m-1 { 8034 margin: 0.25rem !important; } 8035 8036.mt-1, 8037.my-1 { 8038 margin-top: 0.25rem !important; } 8039 8040.mr-1, 8041.mx-1 { 8042 margin-right: 0.25rem !important; } 8043 8044.mb-1, 8045.my-1 { 8046 margin-bottom: 0.25rem !important; } 8047 8048.ml-1, 8049.mx-1 { 8050 margin-left: 0.25rem !important; } 8051 8052.m-2 { 8053 margin: 0.5rem !important; } 8054 8055.mt-2, 8056.my-2 { 8057 margin-top: 0.5rem !important; } 8058 8059.mr-2, 8060.mx-2 { 8061 margin-right: 0.5rem !important; } 8062 8063.mb-2, 8064.my-2 { 8065 margin-bottom: 0.5rem !important; } 8066 8067.ml-2, 8068.mx-2 { 8069 margin-left: 0.5rem !important; } 8070 8071.m-3 { 8072 margin: 1rem !important; } 8073 8074.mt-3, 8075.my-3 { 8076 margin-top: 1rem !important; } 8077 8078.mr-3, 8079.mx-3 { 8080 margin-right: 1rem !important; } 8081 8082.mb-3, 8083.my-3 { 8084 margin-bottom: 1rem !important; } 8085 8086.ml-3, 8087.mx-3 { 8088 margin-left: 1rem !important; } 8089 8090.m-4 { 8091 margin: 1.5rem !important; } 8092 8093.mt-4, 8094.my-4 { 8095 margin-top: 1.5rem !important; } 8096 8097.mr-4, 8098.mx-4 { 8099 margin-right: 1.5rem !important; } 8100 8101.mb-4, 8102.my-4 { 8103 margin-bottom: 1.5rem !important; } 8104 8105.ml-4, 8106.mx-4 { 8107 margin-left: 1.5rem !important; } 8108 8109.m-5 { 8110 margin: 2rem !important; } 8111 8112.mt-5, 8113.my-5 { 8114 margin-top: 2rem !important; } 8115 8116.mr-5, 8117.mx-5 { 8118 margin-right: 2rem !important; } 8119 8120.mb-5, 8121.my-5 { 8122 margin-bottom: 2rem !important; } 8123 8124.ml-5, 8125.mx-5 { 8126 margin-left: 2rem !important; } 8127 8128.m-6 { 8129 margin: 3rem !important; } 8130 8131.mt-6, 8132.my-6 { 8133 margin-top: 3rem !important; } 8134 8135.mr-6, 8136.mx-6 { 8137 margin-right: 3rem !important; } 8138 8139.mb-6, 8140.my-6 { 8141 margin-bottom: 3rem !important; } 8142 8143.ml-6, 8144.mx-6 { 8145 margin-left: 3rem !important; } 8146 8147.p-0 { 8148 padding: 0 !important; } 8149 8150.pt-0, 8151.py-0 { 8152 padding-top: 0 !important; } 8153 8154.pr-0, 8155.px-0 { 8156 padding-right: 0 !important; } 8157 8158.pb-0, 8159.py-0 { 8160 padding-bottom: 0 !important; } 8161 8162.pl-0, 8163.px-0 { 8164 padding-left: 0 !important; } 8165 8166.p-1 { 8167 padding: 0.25rem !important; } 8168 8169.pt-1, 8170.py-1 { 8171 padding-top: 0.25rem !important; } 8172 8173.pr-1, 8174.px-1 { 8175 padding-right: 0.25rem !important; } 8176 8177.pb-1, 8178.py-1 { 8179 padding-bottom: 0.25rem !important; } 8180 8181.pl-1, 8182.px-1 { 8183 padding-left: 0.25rem !important; } 8184 8185.p-2 { 8186 padding: 0.5rem !important; } 8187 8188.pt-2, 8189.py-2 { 8190 padding-top: 0.5rem !important; } 8191 8192.pr-2, 8193.px-2 { 8194 padding-right: 0.5rem !important; } 8195 8196.pb-2, 8197.py-2 { 8198 padding-bottom: 0.5rem !important; } 8199 8200.pl-2, 8201.px-2 { 8202 padding-left: 0.5rem !important; } 8203 8204.p-3 { 8205 padding: 1rem !important; } 8206 8207.pt-3, 8208.py-3 { 8209 padding-top: 1rem !important; } 8210 8211.pr-3, 8212.px-3 { 8213 padding-right: 1rem !important; } 8214 8215.pb-3, 8216.py-3 { 8217 padding-bottom: 1rem !important; } 8218 8219.pl-3, 8220.px-3 { 8221 padding-left: 1rem !important; } 8222 8223.p-4 { 8224 padding: 1.5rem !important; } 8225 8226.pt-4, 8227.py-4 { 8228 padding-top: 1.5rem !important; } 8229 8230.pr-4, 8231.px-4 { 8232 padding-right: 1.5rem !important; } 8233 8234.pb-4, 8235.py-4 { 8236 padding-bottom: 1.5rem !important; } 8237 8238.pl-4, 8239.px-4 { 8240 padding-left: 1.5rem !important; } 8241 8242.p-5 { 8243 padding: 2rem !important; } 8244 8245.pt-5, 8246.py-5 { 8247 padding-top: 2rem !important; } 8248 8249.pr-5, 8250.px-5 { 8251 padding-right: 2rem !important; } 8252 8253.pb-5, 8254.py-5 { 8255 padding-bottom: 2rem !important; } 8256 8257.pl-5, 8258.px-5 { 8259 padding-left: 2rem !important; } 8260 8261.p-6 { 8262 padding: 3rem !important; } 8263 8264.pt-6, 8265.py-6 { 8266 padding-top: 3rem !important; } 8267 8268.pr-6, 8269.px-6 { 8270 padding-right: 3rem !important; } 8271 8272.pb-6, 8273.py-6 { 8274 padding-bottom: 3rem !important; } 8275 8276.pl-6, 8277.px-6 { 8278 padding-left: 3rem !important; } 8279 8280.m-n1 { 8281 margin: -0.25rem !important; } 8282 8283.mt-n1, 8284.my-n1 { 8285 margin-top: -0.25rem !important; } 8286 8287.mr-n1, 8288.mx-n1 { 8289 margin-right: -0.25rem !important; } 8290 8291.mb-n1, 8292.my-n1 { 8293 margin-bottom: -0.25rem !important; } 8294 8295.ml-n1, 8296.mx-n1 { 8297 margin-left: -0.25rem !important; } 8298 8299.m-n2 { 8300 margin: -0.5rem !important; } 8301 8302.mt-n2, 8303.my-n2 { 8304 margin-top: -0.5rem !important; } 8305 8306.mr-n2, 8307.mx-n2 { 8308 margin-right: -0.5rem !important; } 8309 8310.mb-n2, 8311.my-n2 { 8312 margin-bottom: -0.5rem !important; } 8313 8314.ml-n2, 8315.mx-n2 { 8316 margin-left: -0.5rem !important; } 8317 8318.m-n3 { 8319 margin: -1rem !important; } 8320 8321.mt-n3, 8322.my-n3 { 8323 margin-top: -1rem !important; } 8324 8325.mr-n3, 8326.mx-n3 { 8327 margin-right: -1rem !important; } 8328 8329.mb-n3, 8330.my-n3 { 8331 margin-bottom: -1rem !important; } 8332 8333.ml-n3, 8334.mx-n3 { 8335 margin-left: -1rem !important; } 8336 8337.m-n4 { 8338 margin: -1.5rem !important; } 8339 8340.mt-n4, 8341.my-n4 { 8342 margin-top: -1.5rem !important; } 8343 8344.mr-n4, 8345.mx-n4 { 8346 margin-right: -1.5rem !important; } 8347 8348.mb-n4, 8349.my-n4 { 8350 margin-bottom: -1.5rem !important; } 8351 8352.ml-n4, 8353.mx-n4 { 8354 margin-left: -1.5rem !important; } 8355 8356.m-n5 { 8357 margin: -2rem !important; } 8358 8359.mt-n5, 8360.my-n5 { 8361 margin-top: -2rem !important; } 8362 8363.mr-n5, 8364.mx-n5 { 8365 margin-right: -2rem !important; } 8366 8367.mb-n5, 8368.my-n5 { 8369 margin-bottom: -2rem !important; } 8370 8371.ml-n5, 8372.mx-n5 { 8373 margin-left: -2rem !important; } 8374 8375.m-n6 { 8376 margin: -3rem !important; } 8377 8378.mt-n6, 8379.my-n6 { 8380 margin-top: -3rem !important; } 8381 8382.mr-n6, 8383.mx-n6 { 8384 margin-right: -3rem !important; } 8385 8386.mb-n6, 8387.my-n6 { 8388 margin-bottom: -3rem !important; } 8389 8390.ml-n6, 8391.mx-n6 { 8392 margin-left: -3rem !important; } 8393 8394.m-auto { 8395 margin: auto !important; } 8396 8397.mt-auto, 8398.my-auto { 8399 margin-top: auto !important; } 8400 8401.mr-auto, 8402.mx-auto { 8403 margin-right: auto !important; } 8404 8405.mb-auto, 8406.my-auto { 8407 margin-bottom: auto !important; } 8408 8409.ml-auto, 8410.mx-auto { 8411 margin-left: auto !important; } 8412 8413@media (min-width: 576px) { 8414 .m-sm-0 { 8415 margin: 0 !important; } 8416 .mt-sm-0, 8417 .my-sm-0 { 8418 margin-top: 0 !important; } 8419 .mr-sm-0, 8420 .mx-sm-0 { 8421 margin-right: 0 !important; } 8422 .mb-sm-0, 8423 .my-sm-0 { 8424 margin-bottom: 0 !important; } 8425 .ml-sm-0, 8426 .mx-sm-0 { 8427 margin-left: 0 !important; } 8428 .m-sm-1 { 8429 margin: 0.25rem !important; } 8430 .mt-sm-1, 8431 .my-sm-1 { 8432 margin-top: 0.25rem !important; } 8433 .mr-sm-1, 8434 .mx-sm-1 { 8435 margin-right: 0.25rem !important; } 8436 .mb-sm-1, 8437 .my-sm-1 { 8438 margin-bottom: 0.25rem !important; } 8439 .ml-sm-1, 8440 .mx-sm-1 { 8441 margin-left: 0.25rem !important; } 8442 .m-sm-2 { 8443 margin: 0.5rem !important; } 8444 .mt-sm-2, 8445 .my-sm-2 { 8446 margin-top: 0.5rem !important; } 8447 .mr-sm-2, 8448 .mx-sm-2 { 8449 margin-right: 0.5rem !important; } 8450 .mb-sm-2, 8451 .my-sm-2 { 8452 margin-bottom: 0.5rem !important; } 8453 .ml-sm-2, 8454 .mx-sm-2 { 8455 margin-left: 0.5rem !important; } 8456 .m-sm-3 { 8457 margin: 1rem !important; } 8458 .mt-sm-3, 8459 .my-sm-3 { 8460 margin-top: 1rem !important; } 8461 .mr-sm-3, 8462 .mx-sm-3 { 8463 margin-right: 1rem !important; } 8464 .mb-sm-3, 8465 .my-sm-3 { 8466 margin-bottom: 1rem !important; } 8467 .ml-sm-3, 8468 .mx-sm-3 { 8469 margin-left: 1rem !important; } 8470 .m-sm-4 { 8471 margin: 1.5rem !important; } 8472 .mt-sm-4, 8473 .my-sm-4 { 8474 margin-top: 1.5rem !important; } 8475 .mr-sm-4, 8476 .mx-sm-4 { 8477 margin-right: 1.5rem !important; } 8478 .mb-sm-4, 8479 .my-sm-4 { 8480 margin-bottom: 1.5rem !important; } 8481 .ml-sm-4, 8482 .mx-sm-4 { 8483 margin-left: 1.5rem !important; } 8484 .m-sm-5 { 8485 margin: 2rem !important; } 8486 .mt-sm-5, 8487 .my-sm-5 { 8488 margin-top: 2rem !important; } 8489 .mr-sm-5, 8490 .mx-sm-5 { 8491 margin-right: 2rem !important; } 8492 .mb-sm-5, 8493 .my-sm-5 { 8494 margin-bottom: 2rem !important; } 8495 .ml-sm-5, 8496 .mx-sm-5 { 8497 margin-left: 2rem !important; } 8498 .m-sm-6 { 8499 margin: 3rem !important; } 8500 .mt-sm-6, 8501 .my-sm-6 { 8502 margin-top: 3rem !important; } 8503 .mr-sm-6, 8504 .mx-sm-6 { 8505 margin-right: 3rem !important; } 8506 .mb-sm-6, 8507 .my-sm-6 { 8508 margin-bottom: 3rem !important; } 8509 .ml-sm-6, 8510 .mx-sm-6 { 8511 margin-left: 3rem !important; } 8512 .p-sm-0 { 8513 padding: 0 !important; } 8514 .pt-sm-0, 8515 .py-sm-0 { 8516 padding-top: 0 !important; } 8517 .pr-sm-0, 8518 .px-sm-0 { 8519 padding-right: 0 !important; } 8520 .pb-sm-0, 8521 .py-sm-0 { 8522 padding-bottom: 0 !important; } 8523 .pl-sm-0, 8524 .px-sm-0 { 8525 padding-left: 0 !important; } 8526 .p-sm-1 { 8527 padding: 0.25rem !important; } 8528 .pt-sm-1, 8529 .py-sm-1 { 8530 padding-top: 0.25rem !important; } 8531 .pr-sm-1, 8532 .px-sm-1 { 8533 padding-right: 0.25rem !important; } 8534 .pb-sm-1, 8535 .py-sm-1 { 8536 padding-bottom: 0.25rem !important; } 8537 .pl-sm-1, 8538 .px-sm-1 { 8539 padding-left: 0.25rem !important; } 8540 .p-sm-2 { 8541 padding: 0.5rem !important; } 8542 .pt-sm-2, 8543 .py-sm-2 { 8544 padding-top: 0.5rem !important; } 8545 .pr-sm-2, 8546 .px-sm-2 { 8547 padding-right: 0.5rem !important; } 8548 .pb-sm-2, 8549 .py-sm-2 { 8550 padding-bottom: 0.5rem !important; } 8551 .pl-sm-2, 8552 .px-sm-2 { 8553 padding-left: 0.5rem !important; } 8554 .p-sm-3 { 8555 padding: 1rem !important; } 8556 .pt-sm-3, 8557 .py-sm-3 { 8558 padding-top: 1rem !important; } 8559 .pr-sm-3, 8560 .px-sm-3 { 8561 padding-right: 1rem !important; } 8562 .pb-sm-3, 8563 .py-sm-3 { 8564 padding-bottom: 1rem !important; } 8565 .pl-sm-3, 8566 .px-sm-3 { 8567 padding-left: 1rem !important; } 8568 .p-sm-4 { 8569 padding: 1.5rem !important; } 8570 .pt-sm-4, 8571 .py-sm-4 { 8572 padding-top: 1.5rem !important; } 8573 .pr-sm-4, 8574 .px-sm-4 { 8575 padding-right: 1.5rem !important; } 8576 .pb-sm-4, 8577 .py-sm-4 { 8578 padding-bottom: 1.5rem !important; } 8579 .pl-sm-4, 8580 .px-sm-4 { 8581 padding-left: 1.5rem !important; } 8582 .p-sm-5 { 8583 padding: 2rem !important; } 8584 .pt-sm-5, 8585 .py-sm-5 { 8586 padding-top: 2rem !important; } 8587 .pr-sm-5, 8588 .px-sm-5 { 8589 padding-right: 2rem !important; } 8590 .pb-sm-5, 8591 .py-sm-5 { 8592 padding-bottom: 2rem !important; } 8593 .pl-sm-5, 8594 .px-sm-5 { 8595 padding-left: 2rem !important; } 8596 .p-sm-6 { 8597 padding: 3rem !important; } 8598 .pt-sm-6, 8599 .py-sm-6 { 8600 padding-top: 3rem !important; } 8601 .pr-sm-6, 8602 .px-sm-6 { 8603 padding-right: 3rem !important; } 8604 .pb-sm-6, 8605 .py-sm-6 { 8606 padding-bottom: 3rem !important; } 8607 .pl-sm-6, 8608 .px-sm-6 { 8609 padding-left: 3rem !important; } 8610 .m-sm-n1 { 8611 margin: -0.25rem !important; } 8612 .mt-sm-n1, 8613 .my-sm-n1 { 8614 margin-top: -0.25rem !important; } 8615 .mr-sm-n1, 8616 .mx-sm-n1 { 8617 margin-right: -0.25rem !important; } 8618 .mb-sm-n1, 8619 .my-sm-n1 { 8620 margin-bottom: -0.25rem !important; } 8621 .ml-sm-n1, 8622 .mx-sm-n1 { 8623 margin-left: -0.25rem !important; } 8624 .m-sm-n2 { 8625 margin: -0.5rem !important; } 8626 .mt-sm-n2, 8627 .my-sm-n2 { 8628 margin-top: -0.5rem !important; } 8629 .mr-sm-n2, 8630 .mx-sm-n2 { 8631 margin-right: -0.5rem !important; } 8632 .mb-sm-n2, 8633 .my-sm-n2 { 8634 margin-bottom: -0.5rem !important; } 8635 .ml-sm-n2, 8636 .mx-sm-n2 { 8637 margin-left: -0.5rem !important; } 8638 .m-sm-n3 { 8639 margin: -1rem !important; } 8640 .mt-sm-n3, 8641 .my-sm-n3 { 8642 margin-top: -1rem !important; } 8643 .mr-sm-n3, 8644 .mx-sm-n3 { 8645 margin-right: -1rem !important; } 8646 .mb-sm-n3, 8647 .my-sm-n3 { 8648 margin-bottom: -1rem !important; } 8649 .ml-sm-n3, 8650 .mx-sm-n3 { 8651 margin-left: -1rem !important; } 8652 .m-sm-n4 { 8653 margin: -1.5rem !important; } 8654 .mt-sm-n4, 8655 .my-sm-n4 { 8656 margin-top: -1.5rem !important; } 8657 .mr-sm-n4, 8658 .mx-sm-n4 { 8659 margin-right: -1.5rem !important; } 8660 .mb-sm-n4, 8661 .my-sm-n4 { 8662 margin-bottom: -1.5rem !important; } 8663 .ml-sm-n4, 8664 .mx-sm-n4 { 8665 margin-left: -1.5rem !important; } 8666 .m-sm-n5 { 8667 margin: -2rem !important; } 8668 .mt-sm-n5, 8669 .my-sm-n5 { 8670 margin-top: -2rem !important; } 8671 .mr-sm-n5, 8672 .mx-sm-n5 { 8673 margin-right: -2rem !important; } 8674 .mb-sm-n5, 8675 .my-sm-n5 { 8676 margin-bottom: -2rem !important; } 8677 .ml-sm-n5, 8678 .mx-sm-n5 { 8679 margin-left: -2rem !important; } 8680 .m-sm-n6 { 8681 margin: -3rem !important; } 8682 .mt-sm-n6, 8683 .my-sm-n6 { 8684 margin-top: -3rem !important; } 8685 .mr-sm-n6, 8686 .mx-sm-n6 { 8687 margin-right: -3rem !important; } 8688 .mb-sm-n6, 8689 .my-sm-n6 { 8690 margin-bottom: -3rem !important; } 8691 .ml-sm-n6, 8692 .mx-sm-n6 { 8693 margin-left: -3rem !important; } 8694 .m-sm-auto { 8695 margin: auto !important; } 8696 .mt-sm-auto, 8697 .my-sm-auto { 8698 margin-top: auto !important; } 8699 .mr-sm-auto, 8700 .mx-sm-auto { 8701 margin-right: auto !important; } 8702 .mb-sm-auto, 8703 .my-sm-auto { 8704 margin-bottom: auto !important; } 8705 .ml-sm-auto, 8706 .mx-sm-auto { 8707 margin-left: auto !important; } } 8708 8709@media (min-width: 768px) { 8710 .m-md-0 { 8711 margin: 0 !important; } 8712 .mt-md-0, 8713 .my-md-0 { 8714 margin-top: 0 !important; } 8715 .mr-md-0, 8716 .mx-md-0 { 8717 margin-right: 0 !important; } 8718 .mb-md-0, 8719 .my-md-0 { 8720 margin-bottom: 0 !important; } 8721 .ml-md-0, 8722 .mx-md-0 { 8723 margin-left: 0 !important; } 8724 .m-md-1 { 8725 margin: 0.25rem !important; } 8726 .mt-md-1, 8727 .my-md-1 { 8728 margin-top: 0.25rem !important; } 8729 .mr-md-1, 8730 .mx-md-1 { 8731 margin-right: 0.25rem !important; } 8732 .mb-md-1, 8733 .my-md-1 { 8734 margin-bottom: 0.25rem !important; } 8735 .ml-md-1, 8736 .mx-md-1 { 8737 margin-left: 0.25rem !important; } 8738 .m-md-2 { 8739 margin: 0.5rem !important; } 8740 .mt-md-2, 8741 .my-md-2 { 8742 margin-top: 0.5rem !important; } 8743 .mr-md-2, 8744 .mx-md-2 { 8745 margin-right: 0.5rem !important; } 8746 .mb-md-2, 8747 .my-md-2 { 8748 margin-bottom: 0.5rem !important; } 8749 .ml-md-2, 8750 .mx-md-2 { 8751 margin-left: 0.5rem !important; } 8752 .m-md-3 { 8753 margin: 1rem !important; } 8754 .mt-md-3, 8755 .my-md-3 { 8756 margin-top: 1rem !important; } 8757 .mr-md-3, 8758 .mx-md-3 { 8759 margin-right: 1rem !important; } 8760 .mb-md-3, 8761 .my-md-3 { 8762 margin-bottom: 1rem !important; } 8763 .ml-md-3, 8764 .mx-md-3 { 8765 margin-left: 1rem !important; } 8766 .m-md-4 { 8767 margin: 1.5rem !important; } 8768 .mt-md-4, 8769 .my-md-4 { 8770 margin-top: 1.5rem !important; } 8771 .mr-md-4, 8772 .mx-md-4 { 8773 margin-right: 1.5rem !important; } 8774 .mb-md-4, 8775 .my-md-4 { 8776 margin-bottom: 1.5rem !important; } 8777 .ml-md-4, 8778 .mx-md-4 { 8779 margin-left: 1.5rem !important; } 8780 .m-md-5 { 8781 margin: 2rem !important; } 8782 .mt-md-5, 8783 .my-md-5 { 8784 margin-top: 2rem !important; } 8785 .mr-md-5, 8786 .mx-md-5 { 8787 margin-right: 2rem !important; } 8788 .mb-md-5, 8789 .my-md-5 { 8790 margin-bottom: 2rem !important; } 8791 .ml-md-5, 8792 .mx-md-5 { 8793 margin-left: 2rem !important; } 8794 .m-md-6 { 8795 margin: 3rem !important; } 8796 .mt-md-6, 8797 .my-md-6 { 8798 margin-top: 3rem !important; } 8799 .mr-md-6, 8800 .mx-md-6 { 8801 margin-right: 3rem !important; } 8802 .mb-md-6, 8803 .my-md-6 { 8804 margin-bottom: 3rem !important; } 8805 .ml-md-6, 8806 .mx-md-6 { 8807 margin-left: 3rem !important; } 8808 .p-md-0 { 8809 padding: 0 !important; } 8810 .pt-md-0, 8811 .py-md-0 { 8812 padding-top: 0 !important; } 8813 .pr-md-0, 8814 .px-md-0 { 8815 padding-right: 0 !important; } 8816 .pb-md-0, 8817 .py-md-0 { 8818 padding-bottom: 0 !important; } 8819 .pl-md-0, 8820 .px-md-0 { 8821 padding-left: 0 !important; } 8822 .p-md-1 { 8823 padding: 0.25rem !important; } 8824 .pt-md-1, 8825 .py-md-1 { 8826 padding-top: 0.25rem !important; } 8827 .pr-md-1, 8828 .px-md-1 { 8829 padding-right: 0.25rem !important; } 8830 .pb-md-1, 8831 .py-md-1 { 8832 padding-bottom: 0.25rem !important; } 8833 .pl-md-1, 8834 .px-md-1 { 8835 padding-left: 0.25rem !important; } 8836 .p-md-2 { 8837 padding: 0.5rem !important; } 8838 .pt-md-2, 8839 .py-md-2 { 8840 padding-top: 0.5rem !important; } 8841 .pr-md-2, 8842 .px-md-2 { 8843 padding-right: 0.5rem !important; } 8844 .pb-md-2, 8845 .py-md-2 { 8846 padding-bottom: 0.5rem !important; } 8847 .pl-md-2, 8848 .px-md-2 { 8849 padding-left: 0.5rem !important; } 8850 .p-md-3 { 8851 padding: 1rem !important; } 8852 .pt-md-3, 8853 .py-md-3 { 8854 padding-top: 1rem !important; } 8855 .pr-md-3, 8856 .px-md-3 { 8857 padding-right: 1rem !important; } 8858 .pb-md-3, 8859 .py-md-3 { 8860 padding-bottom: 1rem !important; } 8861 .pl-md-3, 8862 .px-md-3 { 8863 padding-left: 1rem !important; } 8864 .p-md-4 { 8865 padding: 1.5rem !important; } 8866 .pt-md-4, 8867 .py-md-4 { 8868 padding-top: 1.5rem !important; } 8869 .pr-md-4, 8870 .px-md-4 { 8871 padding-right: 1.5rem !important; } 8872 .pb-md-4, 8873 .py-md-4 { 8874 padding-bottom: 1.5rem !important; } 8875 .pl-md-4, 8876 .px-md-4 { 8877 padding-left: 1.5rem !important; } 8878 .p-md-5 { 8879 padding: 2rem !important; } 8880 .pt-md-5, 8881 .py-md-5 { 8882 padding-top: 2rem !important; } 8883 .pr-md-5, 8884 .px-md-5 { 8885 padding-right: 2rem !important; } 8886 .pb-md-5, 8887 .py-md-5 { 8888 padding-bottom: 2rem !important; } 8889 .pl-md-5, 8890 .px-md-5 { 8891 padding-left: 2rem !important; } 8892 .p-md-6 { 8893 padding: 3rem !important; } 8894 .pt-md-6, 8895 .py-md-6 { 8896 padding-top: 3rem !important; } 8897 .pr-md-6, 8898 .px-md-6 { 8899 padding-right: 3rem !important; } 8900 .pb-md-6, 8901 .py-md-6 { 8902 padding-bottom: 3rem !important; } 8903 .pl-md-6, 8904 .px-md-6 { 8905 padding-left: 3rem !important; } 8906 .m-md-n1 { 8907 margin: -0.25rem !important; } 8908 .mt-md-n1, 8909 .my-md-n1 { 8910 margin-top: -0.25rem !important; } 8911 .mr-md-n1, 8912 .mx-md-n1 { 8913 margin-right: -0.25rem !important; } 8914 .mb-md-n1, 8915 .my-md-n1 { 8916 margin-bottom: -0.25rem !important; } 8917 .ml-md-n1, 8918 .mx-md-n1 { 8919 margin-left: -0.25rem !important; } 8920 .m-md-n2 { 8921 margin: -0.5rem !important; } 8922 .mt-md-n2, 8923 .my-md-n2 { 8924 margin-top: -0.5rem !important; } 8925 .mr-md-n2, 8926 .mx-md-n2 { 8927 margin-right: -0.5rem !important; } 8928 .mb-md-n2, 8929 .my-md-n2 { 8930 margin-bottom: -0.5rem !important; } 8931 .ml-md-n2, 8932 .mx-md-n2 { 8933 margin-left: -0.5rem !important; } 8934 .m-md-n3 { 8935 margin: -1rem !important; } 8936 .mt-md-n3, 8937 .my-md-n3 { 8938 margin-top: -1rem !important; } 8939 .mr-md-n3, 8940 .mx-md-n3 { 8941 margin-right: -1rem !important; } 8942 .mb-md-n3, 8943 .my-md-n3 { 8944 margin-bottom: -1rem !important; } 8945 .ml-md-n3, 8946 .mx-md-n3 { 8947 margin-left: -1rem !important; } 8948 .m-md-n4 { 8949 margin: -1.5rem !important; } 8950 .mt-md-n4, 8951 .my-md-n4 { 8952 margin-top: -1.5rem !important; } 8953 .mr-md-n4, 8954 .mx-md-n4 { 8955 margin-right: -1.5rem !important; } 8956 .mb-md-n4, 8957 .my-md-n4 { 8958 margin-bottom: -1.5rem !important; } 8959 .ml-md-n4, 8960 .mx-md-n4 { 8961 margin-left: -1.5rem !important; } 8962 .m-md-n5 { 8963 margin: -2rem !important; } 8964 .mt-md-n5, 8965 .my-md-n5 { 8966 margin-top: -2rem !important; } 8967 .mr-md-n5, 8968 .mx-md-n5 { 8969 margin-right: -2rem !important; } 8970 .mb-md-n5, 8971 .my-md-n5 { 8972 margin-bottom: -2rem !important; } 8973 .ml-md-n5, 8974 .mx-md-n5 { 8975 margin-left: -2rem !important; } 8976 .m-md-n6 { 8977 margin: -3rem !important; } 8978 .mt-md-n6, 8979 .my-md-n6 { 8980 margin-top: -3rem !important; } 8981 .mr-md-n6, 8982 .mx-md-n6 { 8983 margin-right: -3rem !important; } 8984 .mb-md-n6, 8985 .my-md-n6 { 8986 margin-bottom: -3rem !important; } 8987 .ml-md-n6, 8988 .mx-md-n6 { 8989 margin-left: -3rem !important; } 8990 .m-md-auto { 8991 margin: auto !important; } 8992 .mt-md-auto, 8993 .my-md-auto { 8994 margin-top: auto !important; } 8995 .mr-md-auto, 8996 .mx-md-auto { 8997 margin-right: auto !important; } 8998 .mb-md-auto, 8999 .my-md-auto { 9000 margin-bottom: auto !important; } 9001 .ml-md-auto, 9002 .mx-md-auto { 9003 margin-left: auto !important; } } 9004 9005@media (min-width: 992px) { 9006 .m-lg-0 { 9007 margin: 0 !important; } 9008 .mt-lg-0, 9009 .my-lg-0 { 9010 margin-top: 0 !important; } 9011 .mr-lg-0, 9012 .mx-lg-0 { 9013 margin-right: 0 !important; } 9014 .mb-lg-0, 9015 .my-lg-0 { 9016 margin-bottom: 0 !important; } 9017 .ml-lg-0, 9018 .mx-lg-0 { 9019 margin-left: 0 !important; } 9020 .m-lg-1 { 9021 margin: 0.25rem !important; } 9022 .mt-lg-1, 9023 .my-lg-1 { 9024 margin-top: 0.25rem !important; } 9025 .mr-lg-1, 9026 .mx-lg-1 { 9027 margin-right: 0.25rem !important; } 9028 .mb-lg-1, 9029 .my-lg-1 { 9030 margin-bottom: 0.25rem !important; } 9031 .ml-lg-1, 9032 .mx-lg-1 { 9033 margin-left: 0.25rem !important; } 9034 .m-lg-2 { 9035 margin: 0.5rem !important; } 9036 .mt-lg-2, 9037 .my-lg-2 { 9038 margin-top: 0.5rem !important; } 9039 .mr-lg-2, 9040 .mx-lg-2 { 9041 margin-right: 0.5rem !important; } 9042 .mb-lg-2, 9043 .my-lg-2 { 9044 margin-bottom: 0.5rem !important; } 9045 .ml-lg-2, 9046 .mx-lg-2 { 9047 margin-left: 0.5rem !important; } 9048 .m-lg-3 { 9049 margin: 1rem !important; } 9050 .mt-lg-3, 9051 .my-lg-3 { 9052 margin-top: 1rem !important; } 9053 .mr-lg-3, 9054 .mx-lg-3 { 9055 margin-right: 1rem !important; } 9056 .mb-lg-3, 9057 .my-lg-3 { 9058 margin-bottom: 1rem !important; } 9059 .ml-lg-3, 9060 .mx-lg-3 { 9061 margin-left: 1rem !important; } 9062 .m-lg-4 { 9063 margin: 1.5rem !important; } 9064 .mt-lg-4, 9065 .my-lg-4 { 9066 margin-top: 1.5rem !important; } 9067 .mr-lg-4, 9068 .mx-lg-4 { 9069 margin-right: 1.5rem !important; } 9070 .mb-lg-4, 9071 .my-lg-4 { 9072 margin-bottom: 1.5rem !important; } 9073 .ml-lg-4, 9074 .mx-lg-4 { 9075 margin-left: 1.5rem !important; } 9076 .m-lg-5 { 9077 margin: 2rem !important; } 9078 .mt-lg-5, 9079 .my-lg-5 { 9080 margin-top: 2rem !important; } 9081 .mr-lg-5, 9082 .mx-lg-5 { 9083 margin-right: 2rem !important; } 9084 .mb-lg-5, 9085 .my-lg-5 { 9086 margin-bottom: 2rem !important; } 9087 .ml-lg-5, 9088 .mx-lg-5 { 9089 margin-left: 2rem !important; } 9090 .m-lg-6 { 9091 margin: 3rem !important; } 9092 .mt-lg-6, 9093 .my-lg-6 { 9094 margin-top: 3rem !important; } 9095 .mr-lg-6, 9096 .mx-lg-6 { 9097 margin-right: 3rem !important; } 9098 .mb-lg-6, 9099 .my-lg-6 { 9100 margin-bottom: 3rem !important; } 9101 .ml-lg-6, 9102 .mx-lg-6 { 9103 margin-left: 3rem !important; } 9104 .p-lg-0 { 9105 padding: 0 !important; } 9106 .pt-lg-0, 9107 .py-lg-0 { 9108 padding-top: 0 !important; } 9109 .pr-lg-0, 9110 .px-lg-0 { 9111 padding-right: 0 !important; } 9112 .pb-lg-0, 9113 .py-lg-0 { 9114 padding-bottom: 0 !important; } 9115 .pl-lg-0, 9116 .px-lg-0 { 9117 padding-left: 0 !important; } 9118 .p-lg-1 { 9119 padding: 0.25rem !important; } 9120 .pt-lg-1, 9121 .py-lg-1 { 9122 padding-top: 0.25rem !important; } 9123 .pr-lg-1, 9124 .px-lg-1 { 9125 padding-right: 0.25rem !important; } 9126 .pb-lg-1, 9127 .py-lg-1 { 9128 padding-bottom: 0.25rem !important; } 9129 .pl-lg-1, 9130 .px-lg-1 { 9131 padding-left: 0.25rem !important; } 9132 .p-lg-2 { 9133 padding: 0.5rem !important; } 9134 .pt-lg-2, 9135 .py-lg-2 { 9136 padding-top: 0.5rem !important; } 9137 .pr-lg-2, 9138 .px-lg-2 { 9139 padding-right: 0.5rem !important; } 9140 .pb-lg-2, 9141 .py-lg-2 { 9142 padding-bottom: 0.5rem !important; } 9143 .pl-lg-2, 9144 .px-lg-2 { 9145 padding-left: 0.5rem !important; } 9146 .p-lg-3 { 9147 padding: 1rem !important; } 9148 .pt-lg-3, 9149 .py-lg-3 { 9150 padding-top: 1rem !important; } 9151 .pr-lg-3, 9152 .px-lg-3 { 9153 padding-right: 1rem !important; } 9154 .pb-lg-3, 9155 .py-lg-3 { 9156 padding-bottom: 1rem !important; } 9157 .pl-lg-3, 9158 .px-lg-3 { 9159 padding-left: 1rem !important; } 9160 .p-lg-4 { 9161 padding: 1.5rem !important; } 9162 .pt-lg-4, 9163 .py-lg-4 { 9164 padding-top: 1.5rem !important; } 9165 .pr-lg-4, 9166 .px-lg-4 { 9167 padding-right: 1.5rem !important; } 9168 .pb-lg-4, 9169 .py-lg-4 { 9170 padding-bottom: 1.5rem !important; } 9171 .pl-lg-4, 9172 .px-lg-4 { 9173 padding-left: 1.5rem !important; } 9174 .p-lg-5 { 9175 padding: 2rem !important; } 9176 .pt-lg-5, 9177 .py-lg-5 { 9178 padding-top: 2rem !important; } 9179 .pr-lg-5, 9180 .px-lg-5 { 9181 padding-right: 2rem !important; } 9182 .pb-lg-5, 9183 .py-lg-5 { 9184 padding-bottom: 2rem !important; } 9185 .pl-lg-5, 9186 .px-lg-5 { 9187 padding-left: 2rem !important; } 9188 .p-lg-6 { 9189 padding: 3rem !important; } 9190 .pt-lg-6, 9191 .py-lg-6 { 9192 padding-top: 3rem !important; } 9193 .pr-lg-6, 9194 .px-lg-6 { 9195 padding-right: 3rem !important; } 9196 .pb-lg-6, 9197 .py-lg-6 { 9198 padding-bottom: 3rem !important; } 9199 .pl-lg-6, 9200 .px-lg-6 { 9201 padding-left: 3rem !important; } 9202 .m-lg-n1 { 9203 margin: -0.25rem !important; } 9204 .mt-lg-n1, 9205 .my-lg-n1 { 9206 margin-top: -0.25rem !important; } 9207 .mr-lg-n1, 9208 .mx-lg-n1 { 9209 margin-right: -0.25rem !important; } 9210 .mb-lg-n1, 9211 .my-lg-n1 { 9212 margin-bottom: -0.25rem !important; } 9213 .ml-lg-n1, 9214 .mx-lg-n1 { 9215 margin-left: -0.25rem !important; } 9216 .m-lg-n2 { 9217 margin: -0.5rem !important; } 9218 .mt-lg-n2, 9219 .my-lg-n2 { 9220 margin-top: -0.5rem !important; } 9221 .mr-lg-n2, 9222 .mx-lg-n2 { 9223 margin-right: -0.5rem !important; } 9224 .mb-lg-n2, 9225 .my-lg-n2 { 9226 margin-bottom: -0.5rem !important; } 9227 .ml-lg-n2, 9228 .mx-lg-n2 { 9229 margin-left: -0.5rem !important; } 9230 .m-lg-n3 { 9231 margin: -1rem !important; } 9232 .mt-lg-n3, 9233 .my-lg-n3 { 9234 margin-top: -1rem !important; } 9235 .mr-lg-n3, 9236 .mx-lg-n3 { 9237 margin-right: -1rem !important; } 9238 .mb-lg-n3, 9239 .my-lg-n3 { 9240 margin-bottom: -1rem !important; } 9241 .ml-lg-n3, 9242 .mx-lg-n3 { 9243 margin-left: -1rem !important; } 9244 .m-lg-n4 { 9245 margin: -1.5rem !important; } 9246 .mt-lg-n4, 9247 .my-lg-n4 { 9248 margin-top: -1.5rem !important; } 9249 .mr-lg-n4, 9250 .mx-lg-n4 { 9251 margin-right: -1.5rem !important; } 9252 .mb-lg-n4, 9253 .my-lg-n4 { 9254 margin-bottom: -1.5rem !important; } 9255 .ml-lg-n4, 9256 .mx-lg-n4 { 9257 margin-left: -1.5rem !important; } 9258 .m-lg-n5 { 9259 margin: -2rem !important; } 9260 .mt-lg-n5, 9261 .my-lg-n5 { 9262 margin-top: -2rem !important; } 9263 .mr-lg-n5, 9264 .mx-lg-n5 { 9265 margin-right: -2rem !important; } 9266 .mb-lg-n5, 9267 .my-lg-n5 { 9268 margin-bottom: -2rem !important; } 9269 .ml-lg-n5, 9270 .mx-lg-n5 { 9271 margin-left: -2rem !important; } 9272 .m-lg-n6 { 9273 margin: -3rem !important; } 9274 .mt-lg-n6, 9275 .my-lg-n6 { 9276 margin-top: -3rem !important; } 9277 .mr-lg-n6, 9278 .mx-lg-n6 { 9279 margin-right: -3rem !important; } 9280 .mb-lg-n6, 9281 .my-lg-n6 { 9282 margin-bottom: -3rem !important; } 9283 .ml-lg-n6, 9284 .mx-lg-n6 { 9285 margin-left: -3rem !important; } 9286 .m-lg-auto { 9287 margin: auto !important; } 9288 .mt-lg-auto, 9289 .my-lg-auto { 9290 margin-top: auto !important; } 9291 .mr-lg-auto, 9292 .mx-lg-auto { 9293 margin-right: auto !important; } 9294 .mb-lg-auto, 9295 .my-lg-auto { 9296 margin-bottom: auto !important; } 9297 .ml-lg-auto, 9298 .mx-lg-auto { 9299 margin-left: auto !important; } } 9300 9301@media (min-width: 1200px) { 9302 .m-xl-0 { 9303 margin: 0 !important; } 9304 .mt-xl-0, 9305 .my-xl-0 { 9306 margin-top: 0 !important; } 9307 .mr-xl-0, 9308 .mx-xl-0 { 9309 margin-right: 0 !important; } 9310 .mb-xl-0, 9311 .my-xl-0 { 9312 margin-bottom: 0 !important; } 9313 .ml-xl-0, 9314 .mx-xl-0 { 9315 margin-left: 0 !important; } 9316 .m-xl-1 { 9317 margin: 0.25rem !important; } 9318 .mt-xl-1, 9319 .my-xl-1 { 9320 margin-top: 0.25rem !important; } 9321 .mr-xl-1, 9322 .mx-xl-1 { 9323 margin-right: 0.25rem !important; } 9324 .mb-xl-1, 9325 .my-xl-1 { 9326 margin-bottom: 0.25rem !important; } 9327 .ml-xl-1, 9328 .mx-xl-1 { 9329 margin-left: 0.25rem !important; } 9330 .m-xl-2 { 9331 margin: 0.5rem !important; } 9332 .mt-xl-2, 9333 .my-xl-2 { 9334 margin-top: 0.5rem !important; } 9335 .mr-xl-2, 9336 .mx-xl-2 { 9337 margin-right: 0.5rem !important; } 9338 .mb-xl-2, 9339 .my-xl-2 { 9340 margin-bottom: 0.5rem !important; } 9341 .ml-xl-2, 9342 .mx-xl-2 { 9343 margin-left: 0.5rem !important; } 9344 .m-xl-3 { 9345 margin: 1rem !important; } 9346 .mt-xl-3, 9347 .my-xl-3 { 9348 margin-top: 1rem !important; } 9349 .mr-xl-3, 9350 .mx-xl-3 { 9351 margin-right: 1rem !important; } 9352 .mb-xl-3, 9353 .my-xl-3 { 9354 margin-bottom: 1rem !important; } 9355 .ml-xl-3, 9356 .mx-xl-3 { 9357 margin-left: 1rem !important; } 9358 .m-xl-4 { 9359 margin: 1.5rem !important; } 9360 .mt-xl-4, 9361 .my-xl-4 { 9362 margin-top: 1.5rem !important; } 9363 .mr-xl-4, 9364 .mx-xl-4 { 9365 margin-right: 1.5rem !important; } 9366 .mb-xl-4, 9367 .my-xl-4 { 9368 margin-bottom: 1.5rem !important; } 9369 .ml-xl-4, 9370 .mx-xl-4 { 9371 margin-left: 1.5rem !important; } 9372 .m-xl-5 { 9373 margin: 2rem !important; } 9374 .mt-xl-5, 9375 .my-xl-5 { 9376 margin-top: 2rem !important; } 9377 .mr-xl-5, 9378 .mx-xl-5 { 9379 margin-right: 2rem !important; } 9380 .mb-xl-5, 9381 .my-xl-5 { 9382 margin-bottom: 2rem !important; } 9383 .ml-xl-5, 9384 .mx-xl-5 { 9385 margin-left: 2rem !important; } 9386 .m-xl-6 { 9387 margin: 3rem !important; } 9388 .mt-xl-6, 9389 .my-xl-6 { 9390 margin-top: 3rem !important; } 9391 .mr-xl-6, 9392 .mx-xl-6 { 9393 margin-right: 3rem !important; } 9394 .mb-xl-6, 9395 .my-xl-6 { 9396 margin-bottom: 3rem !important; } 9397 .ml-xl-6, 9398 .mx-xl-6 { 9399 margin-left: 3rem !important; } 9400 .p-xl-0 { 9401 padding: 0 !important; } 9402 .pt-xl-0, 9403 .py-xl-0 { 9404 padding-top: 0 !important; } 9405 .pr-xl-0, 9406 .px-xl-0 { 9407 padding-right: 0 !important; } 9408 .pb-xl-0, 9409 .py-xl-0 { 9410 padding-bottom: 0 !important; } 9411 .pl-xl-0, 9412 .px-xl-0 { 9413 padding-left: 0 !important; } 9414 .p-xl-1 { 9415 padding: 0.25rem !important; } 9416 .pt-xl-1, 9417 .py-xl-1 { 9418 padding-top: 0.25rem !important; } 9419 .pr-xl-1, 9420 .px-xl-1 { 9421 padding-right: 0.25rem !important; } 9422 .pb-xl-1, 9423 .py-xl-1 { 9424 padding-bottom: 0.25rem !important; } 9425 .pl-xl-1, 9426 .px-xl-1 { 9427 padding-left: 0.25rem !important; } 9428 .p-xl-2 { 9429 padding: 0.5rem !important; } 9430 .pt-xl-2, 9431 .py-xl-2 { 9432 padding-top: 0.5rem !important; } 9433 .pr-xl-2, 9434 .px-xl-2 { 9435 padding-right: 0.5rem !important; } 9436 .pb-xl-2, 9437 .py-xl-2 { 9438 padding-bottom: 0.5rem !important; } 9439 .pl-xl-2, 9440 .px-xl-2 { 9441 padding-left: 0.5rem !important; } 9442 .p-xl-3 { 9443 padding: 1rem !important; } 9444 .pt-xl-3, 9445 .py-xl-3 { 9446 padding-top: 1rem !important; } 9447 .pr-xl-3, 9448 .px-xl-3 { 9449 padding-right: 1rem !important; } 9450 .pb-xl-3, 9451 .py-xl-3 { 9452 padding-bottom: 1rem !important; } 9453 .pl-xl-3, 9454 .px-xl-3 { 9455 padding-left: 1rem !important; } 9456 .p-xl-4 { 9457 padding: 1.5rem !important; } 9458 .pt-xl-4, 9459 .py-xl-4 { 9460 padding-top: 1.5rem !important; } 9461 .pr-xl-4, 9462 .px-xl-4 { 9463 padding-right: 1.5rem !important; } 9464 .pb-xl-4, 9465 .py-xl-4 { 9466 padding-bottom: 1.5rem !important; } 9467 .pl-xl-4, 9468 .px-xl-4 { 9469 padding-left: 1.5rem !important; } 9470 .p-xl-5 { 9471 padding: 2rem !important; } 9472 .pt-xl-5, 9473 .py-xl-5 { 9474 padding-top: 2rem !important; } 9475 .pr-xl-5, 9476 .px-xl-5 { 9477 padding-right: 2rem !important; } 9478 .pb-xl-5, 9479 .py-xl-5 { 9480 padding-bottom: 2rem !important; } 9481 .pl-xl-5, 9482 .px-xl-5 { 9483 padding-left: 2rem !important; } 9484 .p-xl-6 { 9485 padding: 3rem !important; } 9486 .pt-xl-6, 9487 .py-xl-6 { 9488 padding-top: 3rem !important; } 9489 .pr-xl-6, 9490 .px-xl-6 { 9491 padding-right: 3rem !important; } 9492 .pb-xl-6, 9493 .py-xl-6 { 9494 padding-bottom: 3rem !important; } 9495 .pl-xl-6, 9496 .px-xl-6 { 9497 padding-left: 3rem !important; } 9498 .m-xl-n1 { 9499 margin: -0.25rem !important; } 9500 .mt-xl-n1, 9501 .my-xl-n1 { 9502 margin-top: -0.25rem !important; } 9503 .mr-xl-n1, 9504 .mx-xl-n1 { 9505 margin-right: -0.25rem !important; } 9506 .mb-xl-n1, 9507 .my-xl-n1 { 9508 margin-bottom: -0.25rem !important; } 9509 .ml-xl-n1, 9510 .mx-xl-n1 { 9511 margin-left: -0.25rem !important; } 9512 .m-xl-n2 { 9513 margin: -0.5rem !important; } 9514 .mt-xl-n2, 9515 .my-xl-n2 { 9516 margin-top: -0.5rem !important; } 9517 .mr-xl-n2, 9518 .mx-xl-n2 { 9519 margin-right: -0.5rem !important; } 9520 .mb-xl-n2, 9521 .my-xl-n2 { 9522 margin-bottom: -0.5rem !important; } 9523 .ml-xl-n2, 9524 .mx-xl-n2 { 9525 margin-left: -0.5rem !important; } 9526 .m-xl-n3 { 9527 margin: -1rem !important; } 9528 .mt-xl-n3, 9529 .my-xl-n3 { 9530 margin-top: -1rem !important; } 9531 .mr-xl-n3, 9532 .mx-xl-n3 { 9533 margin-right: -1rem !important; } 9534 .mb-xl-n3, 9535 .my-xl-n3 { 9536 margin-bottom: -1rem !important; } 9537 .ml-xl-n3, 9538 .mx-xl-n3 { 9539 margin-left: -1rem !important; } 9540 .m-xl-n4 { 9541 margin: -1.5rem !important; } 9542 .mt-xl-n4, 9543 .my-xl-n4 { 9544 margin-top: -1.5rem !important; } 9545 .mr-xl-n4, 9546 .mx-xl-n4 { 9547 margin-right: -1.5rem !important; } 9548 .mb-xl-n4, 9549 .my-xl-n4 { 9550 margin-bottom: -1.5rem !important; } 9551 .ml-xl-n4, 9552 .mx-xl-n4 { 9553 margin-left: -1.5rem !important; } 9554 .m-xl-n5 { 9555 margin: -2rem !important; } 9556 .mt-xl-n5, 9557 .my-xl-n5 { 9558 margin-top: -2rem !important; } 9559 .mr-xl-n5, 9560 .mx-xl-n5 { 9561 margin-right: -2rem !important; } 9562 .mb-xl-n5, 9563 .my-xl-n5 { 9564 margin-bottom: -2rem !important; } 9565 .ml-xl-n5, 9566 .mx-xl-n5 { 9567 margin-left: -2rem !important; } 9568 .m-xl-n6 { 9569 margin: -3rem !important; } 9570 .mt-xl-n6, 9571 .my-xl-n6 { 9572 margin-top: -3rem !important; } 9573 .mr-xl-n6, 9574 .mx-xl-n6 { 9575 margin-right: -3rem !important; } 9576 .mb-xl-n6, 9577 .my-xl-n6 { 9578 margin-bottom: -3rem !important; } 9579 .ml-xl-n6, 9580 .mx-xl-n6 { 9581 margin-left: -3rem !important; } 9582 .m-xl-auto { 9583 margin: auto !important; } 9584 .mt-xl-auto, 9585 .my-xl-auto { 9586 margin-top: auto !important; } 9587 .mr-xl-auto, 9588 .mx-xl-auto { 9589 margin-right: auto !important; } 9590 .mb-xl-auto, 9591 .my-xl-auto { 9592 margin-bottom: auto !important; } 9593 .ml-xl-auto, 9594 .mx-xl-auto { 9595 margin-left: auto !important; } } 9596 9597.stretched-link::after { 9598 position: absolute; 9599 top: 0; 9600 right: 0; 9601 bottom: 0; 9602 left: 0; 9603 z-index: 1; 9604 pointer-events: auto; 9605 content: ""; 9606 background-color: rgba(0, 0, 0, 0); } 9607 9608.text-monospace { 9609 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } 9610 9611.text-justify { 9612 text-align: justify !important; } 9613 9614.text-wrap { 9615 white-space: normal !important; } 9616 9617.text-nowrap { 9618 white-space: nowrap !important; } 9619 9620.text-truncate { 9621 overflow: hidden; 9622 text-overflow: ellipsis; 9623 white-space: nowrap; } 9624 9625.text-left { 9626 text-align: left !important; } 9627 9628.text-right { 9629 text-align: right !important; } 9630 9631.text-center { 9632 text-align: center !important; } 9633 9634@media (min-width: 576px) { 9635 .text-sm-left { 9636 text-align: left !important; } 9637 .text-sm-right { 9638 text-align: right !important; } 9639 .text-sm-center { 9640 text-align: center !important; } } 9641 9642@media (min-width: 768px) { 9643 .text-md-left { 9644 text-align: left !important; } 9645 .text-md-right { 9646 text-align: right !important; } 9647 .text-md-center { 9648 text-align: center !important; } } 9649 9650@media (min-width: 992px) { 9651 .text-lg-left { 9652 text-align: left !important; } 9653 .text-lg-right { 9654 text-align: right !important; } 9655 .text-lg-center { 9656 text-align: center !important; } } 9657 9658@media (min-width: 1200px) { 9659 .text-xl-left { 9660 text-align: left !important; } 9661 .text-xl-right { 9662 text-align: right !important; } 9663 .text-xl-center { 9664 text-align: center !important; } } 9665 9666.text-lowercase { 9667 text-transform: lowercase !important; } 9668 9669.text-uppercase { 9670 text-transform: uppercase !important; } 9671 9672.text-capitalize { 9673 text-transform: capitalize !important; } 9674 9675.font-weight-light { 9676 font-weight: 300 !important; } 9677 9678.font-weight-lighter { 9679 font-weight: lighter !important; } 9680 9681.font-weight-normal { 9682 font-weight: 400 !important; } 9683 9684.font-weight-bold { 9685 font-weight: 700 !important; } 9686 9687.font-weight-bolder { 9688 font-weight: bolder !important; } 9689 9690.font-italic { 9691 font-style: italic !important; } 9692 9693.text-white { 9694 color: #fff !important; } 9695 9696.text-primary { 9697 color: #0f6cbf !important; } 9698 9699a.text-primary:hover, a.text-primary:focus { 9700 color: #094478 !important; } 9701 9702.text-secondary { 9703 color: #ced4da !important; } 9704 9705a.text-secondary:hover, a.text-secondary:focus { 9706 color: #a2aeb9 !important; } 9707 9708.text-success { 9709 color: #357a32 !important; } 9710 9711a.text-success:hover, a.text-success:focus { 9712 color: #1d441c !important; } 9713 9714.text-info { 9715 color: #008196 !important; } 9716 9717a.text-info:hover, a.text-info:focus { 9718 color: #003f4a !important; } 9719 9720.text-warning { 9721 color: #f0ad4e !important; } 9722 9723a.text-warning:hover, a.text-warning:focus { 9724 color: #df8a13 !important; } 9725 9726.text-danger { 9727 color: #ca3120 !important; } 9728 9729a.text-danger:hover, a.text-danger:focus { 9730 color: #882116 !important; } 9731 9732.text-light { 9733 color: #f8f9fa !important; } 9734 9735a.text-light:hover, a.text-light:focus { 9736 color: #cbd3da !important; } 9737 9738.text-dark { 9739 color: #343a40 !important; } 9740 9741a.text-dark:hover, a.text-dark:focus { 9742 color: #121416 !important; } 9743 9744.text-body { 9745 color: #1d2125 !important; } 9746 9747.text-muted { 9748 color: #6a737b !important; } 9749 9750.text-black-50 { 9751 color: rgba(0, 0, 0, 0.5) !important; } 9752 9753.text-white-50 { 9754 color: rgba(255, 255, 255, 0.5) !important; } 9755 9756.text-hide { 9757 font: 0/0 a; 9758 color: transparent; 9759 text-shadow: none; 9760 background-color: transparent; 9761 border: 0; } 9762 9763.text-decoration-none { 9764 text-decoration: none !important; } 9765 9766.text-break { 9767 word-break: break-word !important; 9768 word-wrap: break-word !important; } 9769 9770.text-reset { 9771 color: inherit !important; } 9772 9773.visible { 9774 visibility: visible !important; } 9775 9776.invisible { 9777 visibility: hidden !important; } 9778 9779@media print { 9780 *, 9781 *::before, 9782 *::after { 9783 text-shadow: none !important; 9784 box-shadow: none !important; } 9785 a:not(.btn) { 9786 text-decoration: underline; } 9787 abbr[title]::after { 9788 content: " (" attr(title) ")"; } 9789 pre { 9790 white-space: pre-wrap !important; } 9791 pre, 9792 blockquote { 9793 border: 1px solid #8f959e; 9794 page-break-inside: avoid; } 9795 thead { 9796 display: table-header-group; } 9797 tr, 9798 img { 9799 page-break-inside: avoid; } 9800 p, 9801 h2, 9802 h3 { 9803 orphans: 3; 9804 widows: 3; } 9805 h2, 9806 h3 { 9807 page-break-after: avoid; } 9808 body { 9809 min-width: 992px !important; } 9810 .container { 9811 min-width: 992px !important; } 9812 .navbar { 9813 display: none; } 9814 .badge { 9815 border: 1px solid #000; } 9816 .table { 9817 border-collapse: collapse !important; } 9818 .table td, 9819 .table th { 9820 background-color: #fff !important; } 9821 .table-bordered th, 9822 .table-bordered td { 9823 border: 1px solid #dee2e6 !important; } 9824 .table-dark { 9825 color: inherit; } 9826 .table-dark th, 9827 .table-dark td, 9828 .table-dark thead th, 9829 .table-dark tbody + tbody { 9830 border-color: #dee2e6; } 9831 .table .thead-dark th { 9832 color: inherit; 9833 border-color: #dee2e6; } } 9834 9835/** 9836 * Bootstrap overrides for RTL 9837 * 9838 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for 9839 * moodle scss should be placed immediately after the definition of the ltr rule. 9840 */ 9841.breadcrumb-item + .breadcrumb-item::before { 9842 content: "/"; 9843 /*rtl:remove*/ 9844 content: "/"; 9845 /* stylelint-disable-line declaration-block-no-duplicate-properties */ } 9846 9847.dir-rtl .custom-select { 9848 background-position: 0.75rem center; } 9849 9850/*rtl:raw: 9851.dropdown-menu { 9852 right: auto; 9853 left: 0; 9854 text-align: right; 9855} 9856*/ 9857.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after { 9858 transform: translateX(-0.75rem); } 9859 9860/** 9861 * Moodle variables 9862 * 9863 * Variables written for Moodle specific components 9864 * 9865 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in 9866 * preset files instead. 9867 */ 9868/* core.less */ 9869#region-main { 9870 overflow-x: auto; 9871 overflow-y: visible; 9872 background-color: #fff; } 9873 9874@media (min-width: 576px) { 9875 #region-main { 9876 border: 1px solid rgba(0, 0, 0, 0.125); 9877 border-radius: 0.25rem; 9878 padding: 1.25rem; } } 9879 9880@media (min-width: 576px) { 9881 .context-header-settings-menu, 9882 .region-main-settings-menu { 9883 float: right; 9884 width: auto; 9885 max-width: 4em; 9886 height: 2em; 9887 display: block; 9888 margin-top: 4px; } } 9889 9890@media (max-width: 767.98px) { 9891 .context-header-settings-menu, 9892 .region-main-settings-menu { 9893 display: flex; 9894 justify-content: flex-end; } } 9895 9896#goto-top-link { 9897 visibility: hidden; 9898 opacity: 0; 9899 transition: opacity .7s ease 0s, visibility .1s ease .8s; 9900 display: block; 9901 position: fixed; 9902 bottom: 50px; 9903 right: 0; } 9904 #goto-top-link a { 9905 position: absolute; 9906 right: 0; 9907 transform: translateY(-100%); } 9908 9909@media (max-width: 767.98px) { 9910 #goto-top-link { 9911 bottom: 0; } } 9912 9913body.scrolled #goto-top-link { 9914 opacity: 1; 9915 visibility: visible; 9916 transition: visibility 0s ease 0s, opacity .7s ease .1s; } 9917 9918.context-header-settings-menu .dropdown-toggle > .icon, 9919#region-main-settings-menu .dropdown-toggle > .icon { 9920 height: 24px; 9921 font-size: 24px; 9922 width: auto; } 9923 9924/** Prevent user notifications overlapping with region main settings menu */ 9925#user-notifications { 9926 display: block; 9927 overflow: hidden; } 9928 9929/** Page layout CSS starts **/ 9930.layout-option-noheader #page-header, 9931.layout-option-nonavbar #page-navbar, 9932.layout-option-nofooter #page-footer, 9933.layout-option-nocourseheader .course-content-header, 9934.layout-option-nocoursefooter .course-content-footer { 9935 display: none; } 9936 9937/** Page layout CSS ends **/ 9938.mdl-left { 9939 text-align: left; } 9940 9941.mdl-right { 9942 text-align: right; } 9943 9944/*rtl:ignore*/ 9945.text-ltr { 9946 direction: ltr !important; 9947 /* stylelint-disable-line declaration-no-important */ } 9948 9949#add, 9950#remove, 9951.centerpara, 9952.mdl-align { 9953 text-align: center; } 9954 9955a.dimmed, 9956a.dimmed:link, 9957a.dimmed:visited, 9958a.dimmed_text, 9959a.dimmed_text:link, 9960a.dimmed_text:visited, 9961.dimmed_text, 9962.dimmed_text a, 9963.dimmed_text a:link, 9964.dimmed_text a:visited, 9965.usersuspended, 9966.usersuspended a, 9967.usersuspended a:link, 9968.usersuspended a:visited, 9969.dimmed_category, 9970.dimmed_category a { 9971 color: #6a737b; } 9972 9973.aalink.focus, .aalink:focus, 9974#page-footer a:not([class]).focus, 9975#page-footer a:not([class]):focus, 9976.arrow_link.focus, 9977.arrow_link:focus, 9978a:not([class]).focus, 9979a:not([class]):focus, 9980.activityinstance > a.focus, 9981.activityinstance > a:focus { 9982 outline: 0.2rem solid transparent; 9983 color: #1d2125; 9984 background-color: #d2e8fb; 9985 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40; } 9986 9987.aalink:focus:hover, 9988#page-footer a:not([class]):focus:hover, 9989.arrow_link:focus:hover, 9990a:not([class]):focus:hover, 9991.activityinstance > a:focus:hover { 9992 text-decoration: none; } 9993 9994.aabtn.focus, .aabtn:focus, 9995.btn-link.focus, 9996.btn-link:focus, 9997.nav-link.focus, 9998.nav-link:focus, 9999.editor_atto_toolbar button.focus, 10000.editor_atto_toolbar button:focus, 10001[role="button"].focus, 10002[role="button"]:focus, 10003.list-group-item-action.focus, 10004.list-group-item-action:focus, 10005input[type="checkbox"].focus, 10006input[type="checkbox"]:focus, 10007input[type="radio"].focus, 10008input[type="radio"]:focus, 10009input[type="file"].focus, 10010input[type="file"]:focus, 10011input[type="image"].focus, 10012input[type="image"]:focus, 10013.sr-only-focusable.focus, 10014.sr-only-focusable:focus, 10015a.dropdown-toggle.focus, 10016a.dropdown-toggle:focus, 10017.modal-dialog[tabindex="0"].focus, 10018.modal-dialog[tabindex="0"]:focus, 10019.moodle-dialogue-base .closebutton.focus, 10020.moodle-dialogue-base .closebutton:focus, 10021button.close.focus, 10022button.close:focus, 10023.form-autocomplete-selection.focus, 10024.form-autocomplete-selection:focus, 10025[role="treeitem"]:not([aria-expanded="true"]).focus, 10026[role="treeitem"]:not([aria-expanded="true"]):focus { 10027 outline: 0; 10028 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 10029 10030.aabtn:focus:hover, 10031.btn-link:focus:hover, 10032.nav-link:focus:hover, 10033.editor_atto_toolbar button:focus:hover, 10034[role="button"]:focus:hover, 10035.list-group-item-action:focus:hover, 10036input[type="checkbox"]:focus:hover, 10037input[type="radio"]:focus:hover, 10038input[type="file"]:focus:hover, 10039input[type="image"]:focus:hover, 10040.sr-only-focusable:focus:hover, 10041a.dropdown-toggle:focus:hover, 10042.modal-dialog[tabindex="0"]:focus:hover, 10043.moodle-dialogue-base .closebutton:focus:hover, 10044button.close:focus:hover, 10045.form-autocomplete-selection:focus:hover, 10046[role="treeitem"]:not([aria-expanded="true"]):focus:hover { 10047 text-decoration: none; } 10048 10049[role="treeitem"][aria-expanded="true"] { 10050 outline: 0; } 10051 [role="treeitem"][aria-expanded="true"].focus > *:first-child, [role="treeitem"][aria-expanded="true"]:focus > *:first-child { 10052 outline: 0; 10053 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 10054 [role="treeitem"][aria-expanded="true"]:focus:hover { 10055 text-decoration: none; } 10056 10057.form-autocomplete-suggestions li[aria-selected=true] { 10058 outline: 0; 10059 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 10060 10061.safari input[type="checkbox"].focus, .safari input[type="checkbox"]:focus, 10062.safari input[type="radio"].focus, 10063.safari input[type="radio"]:focus { 10064 outline: auto; } 10065 10066.unlist, 10067.unlist li, 10068.inline-list, 10069.inline-list li, 10070.block .list, 10071.block .list li, 10072.section li.activity, 10073.section li.movehere, 10074.tabtree li { 10075 list-style: none; 10076 margin: 0; 10077 padding: 0; } 10078 10079.section li.movehere a { 10080 display: block; 10081 width: 100%; 10082 height: 2rem; 10083 border: 2px dashed #343a40; } 10084 10085.editing .course-content .hidden.sectionname { 10086 visibility: hidden; 10087 display: initial; } 10088 10089.inline, 10090.inline-list li { 10091 display: inline; } 10092 10093.notifytiny { 10094 font-size: 0.703125rem; } 10095 10096.notifytiny li, 10097.notifytiny td { 10098 font-size: 100%; } 10099 10100.red, 10101.notifyproblem { 10102 color: #f0ad4e; } 10103 10104.green, 10105.notifysuccess { 10106 color: #357a32; } 10107 10108.highlight { 10109 color: #008196; } 10110 10111.fitem.advanced .text-info { 10112 font-weight: bold; } 10113 10114.reportlink { 10115 text-align: right; } 10116 10117a.autolink.glossary:hover { 10118 cursor: help; } 10119 10120/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */ 10121.collapsibleregioncaption { 10122 white-space: nowrap; 10123 min-height: 1.40625rem; } 10124 10125.pagelayout-mydashboard.jsenabled .collapsibleregioncaption { 10126 cursor: pointer; } 10127 10128.pagelayout-mydashboard #region-main { 10129 border: 0; 10130 padding: 0; 10131 background-color: transparent; 10132 margin-top: -1px; } 10133 10134@media (max-width: 767.98px) { 10135 .pagelayout-mydashboard #region-main-box, 10136 .pagelayout-login #region-main-box { 10137 padding-left: 0; 10138 padding-right: 0; } } 10139 10140.collapsibleregioncaption img { 10141 vertical-align: middle; } 10142 10143.jsenabled .hiddenifjs { 10144 display: none; } 10145 10146.visibleifjs { 10147 display: none; } 10148 10149.jsenabled .visibleifjs { 10150 display: inline; } 10151 10152.jsenabled .collapsibleregion { 10153 overflow: hidden; 10154 box-sizing: content-box; } 10155 10156.jsenabled .collapsed .collapsibleregioninner { 10157 visibility: hidden; } 10158 10159.collapsible-actions { 10160 display: none; 10161 text-align: right; } 10162 10163.jsenabled .collapsible-actions { 10164 display: block; } 10165 10166.collapsible-actions .collapseexpand { 10167 padding-left: 20px; 10168 background: url([[pix:t/collapsed]]) 2px center no-repeat; } 10169 10170/*rtl:raw: 10171.collapsible-actions .collapseexpand { 10172 background: url([[pix:t/collapsed_rtl]]) right center no-repeat; 10173} 10174*/ 10175.collapsible-actions .collapse-all { 10176 background-image: url([[pix:t/expanded]]); } 10177 10178.yui-overlay .yui-widget-bd { 10179 background-color: #ffee69; 10180 border: 1px solid #a6982b; 10181 border-top-color: #d4c237; 10182 color: #000; 10183 left: 0; 10184 padding: 2px 5px; 10185 position: relative; 10186 top: 0; 10187 z-index: 1; } 10188 10189.clearer { 10190 background: transparent; 10191 border-width: 0; 10192 clear: both; 10193 display: block; 10194 height: 1px; 10195 margin: 0; 10196 padding: 0; } 10197 10198.bold, 10199.warning, 10200.errorbox .title, 10201.pagingbar .title, 10202.pagingbar .thispage { 10203 font-weight: bold; } 10204 10205img.userpicture { 10206 margin-right: 0.5rem; } 10207 10208img.resize { 10209 height: 1em; 10210 width: 1em; } 10211 10212.action-menu .dropdown-toggle { 10213 text-decoration: none; } 10214 10215.action-menu { 10216 white-space: nowrap; } 10217 10218.block img.resize { 10219 height: 0.9em; 10220 width: 0.8em; } 10221 10222/* Icon styles */ 10223img.activityicon { 10224 height: 24px; 10225 width: 24px; 10226 vertical-align: middle; } 10227 10228.headermain { 10229 font-weight: bold; } 10230 10231#maincontent { 10232 display: block; 10233 height: 1px; 10234 overflow: hidden; } 10235 10236img.uihint { 10237 cursor: help; } 10238 10239#addmembersform table { 10240 margin-left: auto; 10241 margin-right: auto; } 10242 10243table.flexible .emptyrow { 10244 display: none; } 10245 10246form.popupform, 10247form.popupform div { 10248 display: inline; } 10249 10250.arrow_button input { 10251 overflow: hidden; } 10252 10253.no-overflow { 10254 overflow: auto; } 10255 10256.no-overflow > .generaltable { 10257 position: relative; 10258 margin-bottom: 0; } 10259 10260.accesshide { 10261 position: absolute; 10262 width: 1px; 10263 height: 1px; 10264 padding: 0; 10265 margin: -1px; 10266 overflow: hidden; 10267 clip: rect(0, 0, 0, 0); 10268 white-space: nowrap; 10269 border: 0; } 10270 10271span.hide, 10272div.hide, 10273.hidden { 10274 display: none; } 10275 10276a.skip-block, 10277a.skip { 10278 position: absolute; 10279 top: -1000em; 10280 font-size: 0.85em; 10281 text-decoration: none; } 10282 10283a.skip-block:focus, 10284a.skip-block:active, 10285a.skip:focus, 10286a.skip:active { 10287 position: static; 10288 display: block; } 10289 10290.skip-block-to { 10291 display: block; 10292 height: 1px; 10293 overflow: hidden; } 10294 10295.addbloglink { 10296 text-align: center; } 10297 10298.blog_entry .audience { 10299 text-align: right; 10300 padding-right: 4px; } 10301 10302.blog_entry .tags { 10303 margin-top: 15px; } 10304 10305.blog_entry .content { 10306 margin-left: 43px; } 10307 10308#doc-contents h1 { 10309 margin: 1em 0 0 0; } 10310 10311#doc-contents ul { 10312 margin: 0; 10313 padding: 0; 10314 width: 90%; } 10315 10316#doc-contents ul li { 10317 list-style-type: none; } 10318 10319.groupmanagementtable td { 10320 vertical-align: top; } 10321 10322.groupmanagementtable #existingcell, 10323.groupmanagementtable #potentialcell { 10324 width: 42%; } 10325 10326.groupmanagementtable #buttonscell { 10327 width: 16%; } 10328 10329.groupmanagementtable #buttonscell p.arrow_button input { 10330 width: auto; 10331 min-width: 80%; 10332 margin: 0 auto; 10333 display: block; } 10334 10335.groupmanagementtable #removeselect_wrapper, 10336.groupmanagementtable #addselect_wrapper { 10337 width: 100%; } 10338 10339.groupmanagementtable #removeselect_wrapper label, 10340.groupmanagementtable #addselect_wrapper label { 10341 font-weight: normal; } 10342 10343#group-usersummary { 10344 width: 14em; } 10345 10346.groupselector { 10347 margin-top: 3px; 10348 margin-bottom: 3px; 10349 display: inline-block; } 10350 10351.groupselector label { 10352 display: inline-block; } 10353 10354.login-page [name="username"] { 10355 margin-bottom: -1px; 10356 border-bottom-right-radius: 0; 10357 border-bottom-left-radius: 0; } 10358 10359.login-page [type="password"] { 10360 margin-bottom: 10px; 10361 border-top-left-radius: 0; 10362 border-top-right-radius: 0; } 10363 10364.notepost { 10365 margin-bottom: 1em; } 10366 10367.notepost .userpicture { 10368 float: left; 10369 margin-right: 5px; } 10370 10371.notepost .content, 10372.notepost .footer { 10373 clear: both; } 10374 10375.notesgroup { 10376 margin-left: 20px; } 10377 10378.path-my .coursebox { 10379 margin: 1rem 0; 10380 padding: 0; } 10381 .path-my .coursebox .overview { 10382 margin: 15px 30px 10px 30px; } 10383 10384.path-my .coursebox .info { 10385 float: none; 10386 margin: 0; } 10387 10388.mod_introbox { 10389 padding: 10px; } 10390 10391table.mod_index { 10392 width: 100%; } 10393 10394.comment-ctrl { 10395 font-size: 12px; 10396 display: none; 10397 margin: 0; 10398 padding: 0; } 10399 10400.comment-ctrl h5 { 10401 margin: 0; 10402 padding: 5px; } 10403 10404.comment-area { 10405 max-width: 400px; 10406 padding: 5px; } 10407 10408.comment-area textarea { 10409 width: 100%; 10410 overflow: auto; } 10411 .comment-area textarea.fullwidth { 10412 -webkit-box-sizing: border-box; 10413 -moz-box-sizing: border-box; 10414 box-sizing: border-box; } 10415 10416.comment-area .fd { 10417 text-align: right; } 10418 10419.comment-meta span { 10420 color: gray; } 10421 10422.comment-link img { 10423 vertical-align: text-bottom; } 10424 10425.comment-list { 10426 font-size: 11px; 10427 overflow: auto; 10428 list-style: none; 10429 padding: 0; 10430 margin: 0; } 10431 10432.comment-list li { 10433 margin: 2px; 10434 list-style: none; 10435 margin-bottom: 5px; 10436 clear: both; 10437 padding: .3em; 10438 position: relative; } 10439 10440.comment-list li.first { 10441 display: none; } 10442 10443.comment-paging { 10444 text-align: center; } 10445 10446.comment-paging .pageno { 10447 padding: 2px; } 10448 10449.comment-paging .curpage { 10450 border: 1px solid #ccc; } 10451 10452.comment-message .picture { 10453 width: 20px; 10454 float: left; } 10455 10456.comment-message .text { 10457 margin: 0; 10458 padding: 0; } 10459 10460.comment-message .text p { 10461 padding: 0; 10462 margin: 0 18px 0 0; } 10463 10464.comment-delete { 10465 position: absolute; 10466 top: 0; 10467 right: 0; 10468 margin: .3em; } 10469 10470.comment-report-selectall { 10471 display: none; } 10472 10473.comment-link { 10474 display: none; } 10475 10476.jsenabled .comment-link { 10477 display: block; } 10478 10479.jsenabled .showcommentsnonjs { 10480 display: none; } 10481 10482.jsenabled .comment-report-selectall { 10483 display: inline; } 10484 10485/** 10486* Completion progress report 10487*/ 10488.completion-expired { 10489 color: #f0ad4e; } 10490 10491.completion-expected { 10492 font-size: 0.703125rem; } 10493 10494.completion-sortchoice, 10495.completion-identifyfield { 10496 font-size: 0.703125rem; 10497 vertical-align: bottom; } 10498 10499.completion-progresscell { 10500 text-align: right; } 10501 10502.completion-expired .completion-expected { 10503 font-weight: bold; } 10504 10505/** 10506* Tags 10507*/ 10508img.user-image { 10509 height: 100px; 10510 width: 100px; } 10511 10512#tag-search-box { 10513 text-align: center; 10514 margin: 10px auto; } 10515 10516.path-tag .tag-index-items .tagarea { 10517 border: 1px solid #e3e3e3; 10518 border-radius: 4px; 10519 padding: 10px; 10520 margin-top: 10px; } 10521 10522.path-tag .tag-index-items .tagarea h3 { 10523 display: block; 10524 padding: 3px 0 10px 0; 10525 margin: 0; 10526 font-size: 1.1em; 10527 font-weight: bold; 10528 line-height: 20px; 10529 color: #999; 10530 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 10531 text-transform: uppercase; 10532 word-wrap: break-word; 10533 border-bottom: solid 1px #e3e3e3; 10534 margin-bottom: 10px; } 10535 10536.path-tag .tagarea .controls::after, 10537.path-tag .tagarea .taggeditems::after { 10538 display: block; 10539 clear: both; 10540 content: ""; } 10541 10542.path-tag .tagarea .controls, 10543.path-tag .tag-backtoallitems { 10544 text-align: center; } 10545 10546.path-tag .tagarea .controls .gotopage.nextpage { 10547 float: right; } 10548 10549.path-tag .tagarea .controls .gotopage.prevpage { 10550 float: left; } 10551 10552.path-tag .tagarea .controls .exclusivemode { 10553 display: inline-block; } 10554 10555.path-tag .tagarea .controls.controls-bottom { 10556 margin-top: 5px; } 10557 10558.path-tag .tagarea .controls .gotopage.nextpage::after { 10559 padding-right: 5px; 10560 padding-left: 5px; 10561 content: "»"; } 10562 10563.path-tag .tagarea .controls .gotopage.prevpage::before { 10564 padding-right: 5px; 10565 padding-left: 5px; 10566 content: "«"; } 10567 10568span.flagged-tag, 10569tr.flagged-tag, 10570span.flagged-tag a, 10571tr.flagged-tag a { 10572 color: #f0ad4e; } 10573 10574.tag-management-table td, 10575.tag-management-table th { 10576 vertical-align: middle; 10577 padding: 4px; } 10578 10579.tag-management-table .inplaceeditable.inplaceeditingon input { 10580 width: 150px; } 10581 10582.path-admin-tag .addstandardtags { 10583 float: right; } 10584 .path-admin-tag .addstandardtags img { 10585 margin: 0 5px; } 10586 10587.path-tag .tag-relatedtags { 10588 padding-top: 10px; } 10589 10590.path-tag .tag-management-box { 10591 text-align: right; } 10592 10593.path-tag .tag-index-toc { 10594 padding: 10px; 10595 text-align: center; } 10596 10597.path-tag .tag-index-toc li, 10598.path-tag .tag-management-box li { 10599 margin-left: 5px; 10600 margin-right: 5px; } 10601 10602.path-tag .tag-management-box li a.edittag { 10603 background-image: url([[pix:moodle|i/settings]]); } 10604 10605.path-tag .tag-management-box li a.flagasinappropriate { 10606 background-image: url([[pix:moodle|i/flagged]]); } 10607 10608.path-tag .tag-management-box li a.removefrommyinterests { 10609 background-image: url([[pix:moodle|t/delete]]); } 10610 10611.path-tag .tag-management-box li a.addtomyinterests { 10612 background-image: url([[pix:moodle|t/add]]); } 10613 10614.path-tag .tag-management-box li a { 10615 background-repeat: no-repeat; 10616 background-position: left; 10617 padding-left: 17px; } 10618 10619.tag_feed.media-list .media .itemimage { 10620 float: left; } 10621 10622.tag_feed.media-list .media .itemimage img { 10623 height: 35px; 10624 width: 35px; } 10625 10626.tag_feed.media-list .media .media-body { 10627 padding-right: 10px; 10628 padding-left: 10px; } 10629 10630.tag_feed .media .muted a { 10631 color: #6a737b; } 10632 10633.tag_cloud { 10634 text-align: center; } 10635 10636.tag_cloud .inline-list li { 10637 padding: 0 0.2em; } 10638 10639.tag_cloud .tag_overflow { 10640 margin-top: 1em; 10641 font-style: italic; } 10642 10643.tag_cloud .s20 { 10644 font-size: 2.7em; } 10645 10646.tag_cloud .s19 { 10647 font-size: 2.6em; } 10648 10649.tag_cloud .s18 { 10650 font-size: 2.5em; } 10651 10652.tag_cloud .s17 { 10653 font-size: 2.4em; } 10654 10655.tag_cloud .s16 { 10656 font-size: 2.3em; } 10657 10658.tag_cloud .s15 { 10659 font-size: 2.2em; } 10660 10661.tag_cloud .s14 { 10662 font-size: 2.1em; } 10663 10664.tag_cloud .s13 { 10665 font-size: 2em; } 10666 10667.tag_cloud .s12 { 10668 font-size: 1.9em; } 10669 10670.tag_cloud .s11 { 10671 font-size: 1.8em; } 10672 10673.tag_cloud .s10 { 10674 font-size: 1.7em; } 10675 10676.tag_cloud .s9 { 10677 font-size: 1.6em; } 10678 10679.tag_cloud .s8 { 10680 font-size: 1.5em; } 10681 10682.tag_cloud .s7 { 10683 font-size: 1.4em; } 10684 10685.tag_cloud .s6 { 10686 font-size: 1.3em; } 10687 10688.tag_cloud .s5 { 10689 font-size: 1.2em; } 10690 10691.tag_cloud .s4 { 10692 font-size: 1.1em; } 10693 10694.tag_cloud .s3 { 10695 font-size: 1em; } 10696 10697.tag_cloud .s2 { 10698 font-size: 0.9em; } 10699 10700.tag_cloud .s1 { 10701 font-size: 0.8em; } 10702 10703.tag_cloud .s0 { 10704 font-size: 0.7em; } 10705 10706.tag_list ul { 10707 display: inline; } 10708 10709.tag_list.hideoverlimit .overlimit { 10710 display: none; } 10711 10712.tag_list .tagmorelink { 10713 display: none; } 10714 10715.tag_list.hideoverlimit .tagmorelink { 10716 display: inline; } 10717 10718.tag_list.hideoverlimit .taglesslink { 10719 display: none; } 10720 10721/** 10722* Web Service 10723*/ 10724#webservice-doc-generator td { 10725 text-align: left; 10726 border: 0 solid black; } 10727 10728/** 10729* Enrol 10730*/ 10731.userenrolment { 10732 width: 100%; 10733 border-collapse: collapse; } 10734 10735.userenrolment tr { 10736 vertical-align: top; } 10737 10738.userenrolment td { 10739 padding: 0; 10740 height: 41px; } 10741 10742.userenrolment .subfield { 10743 margin-right: 5px; } 10744 10745.userenrolment .col_userdetails .subfield { 10746 margin-left: 40px; } 10747 10748.userenrolment .col_userdetails .subfield_picture { 10749 float: left; 10750 margin-left: 0; } 10751 10752.userenrolment .col_lastseen { 10753 width: 150px; } 10754 10755.userenrolment .col_role { 10756 width: 262px; } 10757 10758.userenrolment .col_role .roles, 10759.userenrolment .col_group .groups { 10760 margin-right: 30px; } 10761 10762.userenrolment .col_role .role { 10763 float: left; 10764 padding: 0 3px 3px; 10765 margin: 0 3px 3px; 10766 white-space: nowrap; } 10767 10768.userenrolment .col_group .group { 10769 float: left; 10770 padding: 3px; 10771 margin: 3px; 10772 white-space: nowrap; } 10773 10774.userenrolment .col_role .role a, 10775.userenrolment .col_group .group a { 10776 margin-left: 3px; 10777 cursor: pointer; } 10778 10779.userenrolment .col_role .addrole, 10780.userenrolment .col_group .addgroup { 10781 float: right; 10782 padding: 3px; 10783 margin: 3px; } 10784 .userenrolment .col_role .addrole > a:hover, 10785 .userenrolment .col_group .addgroup > a:hover { 10786 border-bottom: 1px solid #666; } 10787 10788.userenrolment .col_role .addrole img, 10789.userenrolment .col_group .addgroup img { 10790 vertical-align: baseline; } 10791 10792.userenrolment .hasAllRoles .col_role .addrole { 10793 display: none; } 10794 10795.userenrolment .col_enrol .enrolment { 10796 float: left; 10797 padding: 0 3px 3px; 10798 margin: 0 3px 3px; } 10799 10800.userenrolment .col_enrol .enrolment a { 10801 float: right; 10802 margin-left: 3px; } 10803 10804.corelightbox { 10805 background-color: #ccc; 10806 position: absolute; 10807 top: 0; 10808 left: 0; 10809 width: 100%; 10810 height: 100%; 10811 text-align: center; } 10812 10813.corelightbox img { 10814 position: fixed; 10815 top: 50%; 10816 left: 50%; } 10817 10818.mod-indent-outer { 10819 display: table; } 10820 10821.mod-indent { 10822 display: table-cell; } 10823 10824.label .mod-indent { 10825 float: left; 10826 padding-top: 20px; } 10827 10828@media (min-width: 576px) { 10829 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */ 10830 .mod-indent-1 { 10831 width: 30px; } 10832 .mod-indent-2 { 10833 width: 60px; } 10834 .mod-indent-3 { 10835 width: 90px; } 10836 .mod-indent-4 { 10837 width: 120px; } 10838 .mod-indent-5 { 10839 width: 150px; } 10840 .mod-indent-6 { 10841 width: 180px; } 10842 .mod-indent-7 { 10843 width: 210px; } 10844 .mod-indent-8 { 10845 width: 240px; } 10846 .mod-indent-9 { 10847 width: 270px; } 10848 .mod-indent-10 { 10849 width: 300px; } 10850 .mod-indent-11 { 10851 width: 330px; } 10852 .mod-indent-12 { 10853 width: 360px; } 10854 .mod-indent-13 { 10855 width: 390px; } 10856 .mod-indent-14 { 10857 width: 420px; } 10858 .mod-indent-15 { 10859 width: 450px; } 10860 .mod-indent-16 { 10861 width: 480px; } 10862 .mod-indent-huge { 10863 width: 480px; } } 10864 10865/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */ 10866.resourcecontent .mediaplugin_mp3 object { 10867 height: 25px; 10868 width: 600px; } 10869 10870.resourcecontent audio.mediaplugin_html5audio { 10871 width: 600px; } 10872 10873/** Large resource images should avoid hidden overflow **/ 10874.resourceimage { 10875 max-width: 100%; } 10876 10877/* Audio player size in 'inline' mode (can only change width, as above) */ 10878.mediaplugin_mp3 object { 10879 height: 15px; 10880 width: 300px; } 10881 10882audio.mediaplugin_html5audio { 10883 width: 300px; } 10884 10885/* TinyMCE moodle media preview frame should not have padding */ 10886.core_media_preview.pagelayout-embedded #content { 10887 padding: 0; } 10888 10889.core_media_preview.pagelayout-embedded #maincontent { 10890 height: 0; } 10891 10892body#page-lib-editor-tinymce-plugins-moodlemedia-preview { 10893 padding: 0; 10894 margin: 0; 10895 min-width: 0; 10896 background: none; } 10897 10898.path-rating .ratingtable { 10899 width: 100%; 10900 margin-bottom: 1em; } 10901 10902.path-rating .ratingtable th.rating { 10903 width: 100%; } 10904 10905.path-rating .ratingtable td.rating, 10906.path-rating .ratingtable td.time { 10907 white-space: nowrap; 10908 text-align: center; } 10909 10910/* Moodle Dialogue Settings (moodle-core-dialogue) */ 10911.moodle-dialogue-base .moodle-dialogue-lightbox { 10912 background-color: #495057; } 10913 10914.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox { 10915 background-color: transparent; } 10916 10917.pagelayout-popup .moodle-dialogue-base .moodle-dialogue { 10918 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); } 10919 10920.moodle-dialogue-base .hidden, 10921.moodle-dialogue-base .moodle-dialogue-hidden { 10922 display: none; } 10923 10924.no-scrolling { 10925 overflow: hidden; } 10926 10927.moodle-dialogue-base .moodle-dialogue-fullscreen { 10928 left: 0; 10929 top: 0; 10930 right: 0; 10931 bottom: -50px; 10932 position: fixed; } 10933 10934.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { 10935 overflow: auto; } 10936 10937.moodle-dialogue-base .moodle-dialogue-wrap { 10938 background-color: #fff; 10939 border: 1px solid #ccc; } 10940 10941.modal.show { 10942 display: block; } 10943 10944.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd { 10945 display: flex; 10946 padding: 1rem 1rem; 10947 border-bottom: 1px solid #dee2e6; } 10948 10949.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd { 10950 min-height: 3rem; 10951 color: initial; 10952 background: initial; 10953 font-size: 1.5rem; 10954 line-height: 1.5; } 10955 10956.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 { 10957 font-size: 1.5rem; 10958 font-weight: 400; 10959 margin-bottom: 0; 10960 line-height: 1.5; } 10961 10962.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons { 10963 /*rtl:raw: 10964 left: 0; 10965 right: auto; 10966 */ 10967 padding: 0; 10968 position: relative; 10969 margin-left: auto; } 10970 10971.moodle-dialogue-base .closebutton { 10972 padding: 1rem 1rem; 10973 margin: -1rem -1rem -1rem auto; 10974 position: relative; 10975 background-color: transparent; 10976 border: 0; 10977 background-image: none; 10978 box-shadow: none; 10979 opacity: 0.7; } 10980 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active { 10981 opacity: 1; } 10982 .moodle-dialogue-base .closebutton::after { 10983 content: "×"; } 10984 10985.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd { 10986 padding: 0.5rem; } 10987 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body { 10988 background-color: #fff; } 10989 10990.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { 10991 overflow: auto; 10992 position: absolute; 10993 top: 0; 10994 bottom: 50px; 10995 left: 0; 10996 right: 0; 10997 margin: 0; 10998 border: 0; } 10999 11000.moodle-dialogue-exception .moodle-exception-param label { 11001 font-weight: bold; } 11002 11003.moodle-dialogue-exception .param-stacktrace label { 11004 background-color: #eee; 11005 border: 1px solid #ccc; 11006 border-bottom-width: 0; } 11007 11008.moodle-dialogue-exception .param-stacktrace pre { 11009 border: 1px solid #ccc; 11010 background-color: #fff; } 11011 11012.moodle-dialogue-exception .param-stacktrace .stacktrace-file { 11013 color: navy; 11014 font-size: 0.8203125rem; } 11015 11016.moodle-dialogue-exception .param-stacktrace .stacktrace-line { 11017 color: #f0ad4e; 11018 font-size: 0.8203125rem; } 11019 11020.moodle-dialogue-exception .param-stacktrace .stacktrace-call { 11021 color: #333; 11022 font-size: 90%; 11023 border-bottom: 1px solid #eee; } 11024 11025.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty { 11026 display: none; } 11027 11028.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft { 11029 background: initial; } 11030 11031.moodle-dialogue-confirm .confirmation-message { 11032 margin: 0.5rem 0; } 11033 11034.moodle-dialogue-confirm .confirmation-dialogue input { 11035 min-width: 80px; } 11036 11037.moodle-dialogue-exception .moodle-exception-message { 11038 margin: 1em; } 11039 11040.moodle-dialogue-exception .moodle-exception-param { 11041 margin-bottom: 0.5em; } 11042 11043.moodle-dialogue-exception .moodle-exception-param label { 11044 width: 150px; } 11045 11046.moodle-dialogue-exception .param-stacktrace label { 11047 display: block; 11048 margin: 0; 11049 padding: 4px 1em; } 11050 11051.moodle-dialogue-exception .param-stacktrace pre { 11052 display: block; 11053 height: 200px; 11054 overflow: auto; } 11055 11056.moodle-dialogue-exception .param-stacktrace .stacktrace-file { 11057 display: inline-block; 11058 margin: 4px 0; } 11059 11060.moodle-dialogue-exception .param-stacktrace .stacktrace-line { 11061 display: inline-block; 11062 width: 50px; 11063 margin: 4px 1em; } 11064 11065.moodle-dialogue-exception .param-stacktrace .stacktrace-call { 11066 padding-left: 25px; 11067 margin-bottom: 4px; 11068 padding-bottom: 4px; } 11069 11070.moodle-dialogue .moodle-dialogue-bd .content-lightbox { 11071 opacity: 0.75; 11072 width: 100%; 11073 height: 100%; 11074 top: 0; 11075 left: 0; 11076 background-color: white; 11077 text-align: center; 11078 padding: 10% 0; } 11079 11080/* Apply a default max-height on tooltip text */ 11081.moodle-dialogue .tooltiptext { 11082 max-height: 300px; } 11083 11084.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip { 11085 z-index: 3001; } 11086 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd { 11087 overflow: auto; } 11088 11089/** 11090 * Chooser Dialogues (moodle-core-chooserdialogue) 11091 * 11092 * This CSS belong to the chooser dialogue which should work both with, and 11093 * without javascript enabled 11094 */ 11095/* Hide the dialog and it's title */ 11096.chooserdialoguebody, 11097.choosertitle { 11098 display: none; } 11099 11100.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft { 11101 margin: 0; } 11102 11103.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd { 11104 padding: 0; 11105 background: #f2f2f2; 11106 border-bottom-right-radius: 10px; 11107 border-bottom-left-radius: 10px; } 11108 11109/* Center the submit buttons within the area */ 11110.choosercontainer #chooseform .submitbuttons { 11111 padding: 0.7em 0; 11112 text-align: right; } 11113 11114/* Fixed for safari browser on iPhone4S with ios7@mixin */ 11115@media (max-height: 639px) { 11116 .ios .choosercontainer #chooseform .submitbuttons { 11117 padding: 45px 0; } } 11118 11119.choosercontainer #chooseform .submitbuttons input { 11120 min-width: 100px; 11121 margin: 0 0.5em; } 11122 11123/* Various settings for the options area */ 11124.choosercontainer #chooseform .options { 11125 position: relative; 11126 border-bottom: 1px solid #bbb; } 11127 11128/* Only set these options if we're showing the js container */ 11129.jschooser .choosercontainer #chooseform .alloptions { 11130 overflow-x: hidden; 11131 overflow-y: auto; 11132 max-width: 240px; } 11133 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] { 11134 display: inline-block; } 11135 .jschooser .choosercontainer #chooseform .alloptions .option .typename { 11136 display: inline-block; 11137 width: 55%; } 11138 11139/* Settings for option rows and option subtypes */ 11140.choosercontainer #chooseform .moduletypetitle, 11141.choosercontainer #chooseform .option, 11142.choosercontainer #chooseform .nonoption { 11143 margin-bottom: 0; 11144 padding: 0 1.6em 0 1.6em; } 11145 11146.choosercontainer #chooseform .moduletypetitle { 11147 text-transform: uppercase; 11148 padding-top: 1.2em; 11149 padding-bottom: 0.4em; 11150 margin-bottom: 0.5rem; 11151 font-size: 100%; } 11152 11153.choosercontainer #chooseform .option .typename, 11154.choosercontainer #chooseform .nonoption .typename { 11155 padding: 0 0 0 0.5em; } 11156 11157.choosercontainer #chooseform .modicon + .typename { 11158 padding-left: 0; } 11159 11160.choosercontainer #chooseform .option input[type=radio], 11161.choosercontainer #chooseform .option span.typename { 11162 vertical-align: middle; } 11163 11164.choosercontainer #chooseform .option label { 11165 display: block; 11166 margin: 0; 11167 padding: 0.5rem 0; 11168 border-bottom: 1px solid #fff; } 11169 11170.choosercontainer #chooseform .option .icon { 11171 margin: 0; 11172 padding: 0 1rem; } 11173 11174.choosercontainer #chooseform .nonoption { 11175 padding-left: 2.7em; 11176 padding-top: 0.3em; 11177 padding-bottom: 0.1em; } 11178 11179.choosercontainer #chooseform .subtype { 11180 margin-bottom: 0; 11181 padding: 0 1.6em 0 3.2em; } 11182 11183.choosercontainer #chooseform .subtype .typename { 11184 margin: 0 0 0 0.2em; } 11185 11186/* The instruction/help area */ 11187.jschooser .choosercontainer #chooseform .instruction, 11188.jschooser .choosercontainer #chooseform .typesummary { 11189 display: none; 11190 position: absolute; 11191 top: 0; 11192 right: 0; 11193 bottom: 0; 11194 left: 240px; 11195 margin: 0; 11196 padding: 1.6em; 11197 background-color: #fff; 11198 overflow-x: hidden; 11199 overflow-y: auto; 11200 line-height: 2em; } 11201 11202/* Selected option settings */ 11203.jschooser .choosercontainer #chooseform .instruction, 11204.choosercontainer #chooseform .selected .typesummary { 11205 display: block; } 11206 11207.choosercontainer #chooseform .selected { 11208 background-color: #fff; 11209 margin-top: -1px; 11210 padding-top: 1px; } 11211 11212@media (max-width: 575.98px) { 11213 .jsenabled .choosercontainer #chooseform .alloptions { 11214 max-width: 100%; } 11215 .jsenabled .choosercontainer #chooseform .instruction, 11216 .jsenabled .choosercontainer #chooseform .typesummary { 11217 position: static; } } 11218 11219/** 11220 * Module chooser dialogue (moodle-core-chooserdialogue) 11221 * 11222 * This CSS belong to the chooser dialogue which should work both with, and 11223 * without javascript enabled 11224 */ 11225.modchooser .modal-body { 11226 padding: 0; 11227 overflow-y: auto; 11228 min-height: 640px; 11229 display: flex; 11230 flex-direction: column; } 11231 .modchooser .modal-body .searchresultitemscontainer-wrapper { 11232 min-height: 495px; } 11233 .modchooser .modal-body .carousel-item.active { 11234 display: flex; } 11235 .modchooser .modal-body .chooser-container { 11236 display: flex; 11237 flex-direction: column; 11238 flex: 1 1 auto; } 11239 .modchooser .modal-body .loading-icon { 11240 opacity: 1; } 11241 .modchooser .modal-body .loading-icon .icon { 11242 display: block; 11243 font-size: 3em; 11244 height: 1em; 11245 width: 1em; } 11246 .modchooser .modal-body .carousel-item .loading-icon .icon { 11247 margin: 1em auto; } 11248 .modchooser .modal-body .searchbar { 11249 width: 100%; } 11250 11251.modchooser .modal-footer { 11252 height: 70px; 11253 background: #fff; } 11254 .modchooser .modal-footer .moodlenet-logo .icon { 11255 height: 2.5rem; 11256 width: 6rem; 11257 margin-bottom: .6rem; } 11258 11259.modchoosercontainer.noscroll { 11260 overflow-y: hidden; } 11261 11262.modchoosercontainer .optionscontainer, 11263.modchoosercontainer .searchresultitemscontainer { 11264 overflow-x: hidden; } 11265 .modchoosercontainer .optionscontainer .option, 11266 .modchoosercontainer .searchresultitemscontainer .option { 11267 flex-basis: calc(50% - 0.5rem); } 11268 .modchoosercontainer .optionscontainer .option .optionactions .optionaction, 11269 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction { 11270 cursor: pointer; 11271 color: #6a737b; } 11272 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i, 11273 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i { 11274 margin: 0; } 11275 .modchoosercontainer .optionscontainer .option .optioninfo a, 11276 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a { 11277 color: #495057; } 11278 .modchoosercontainer .optionscontainer .option .optioninfo a:hover, 11279 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover { 11280 text-decoration: none; } 11281 11282.modchooser .modal-body .optionsummary { 11283 background-color: #fff; 11284 overflow-x: hidden; 11285 overflow-y: auto; 11286 height: 640px; } 11287 .modchooser .modal-body .optionsummary .content { 11288 overflow-y: auto; } 11289 .modchooser .modal-body .optionsummary .content .heading .icon { 11290 height: 32px; 11291 width: 32px; 11292 font-size: 32px; 11293 padding: 0; } 11294 .modchooser .modal-body .optionsummary .actions { 11295 border-top: 1px solid #dee2e6; 11296 background: #fff; } 11297 11298@media (max-width: 575.98px) { 11299 .path-course-view .modal-dialog.modal-lg, 11300 .path-course-view .modal-content, 11301 .modchooser .modal-body, 11302 .modchooser .modal-body .carousel, 11303 .modchooser .modal-body .carousel-inner, 11304 .modchooser .modal-body .carousel-item, 11305 .modchooser .modal-body .optionsummary, 11306 .modchoosercontainer, 11307 .optionscontainer, 11308 .searchresultitemscontainer { 11309 min-height: auto; 11310 height: 100%; 11311 overflow-y: auto; } 11312 .path-course-view .modal-dialog.modal-lg { 11313 margin: 0; } 11314 .modchooser .modal-body .searchresultitemscontainer-wrapper { 11315 min-height: auto; } } 11316 11317@media (min-width: 576px) { 11318 .modchoosercontainer .optionscontainer .option, 11319 .modchoosercontainer .searchresultitemscontainer .option { 11320 flex-basis: calc(33.33% - 0.5rem); } } 11321 11322@media (min-width: 992px) { 11323 .modchoosercontainer .optionscontainer .option, 11324 .modchoosercontainer .searchresultitemscontainer .option { 11325 flex-basis: calc(16.66% - 0.5rem); } } 11326 11327/* Form element: listing */ 11328.formlistingradio { 11329 padding-bottom: 25px; 11330 padding-right: 10px; } 11331 11332.formlistinginputradio { 11333 float: left; } 11334 11335.formlistingmain { 11336 min-height: 225px; } 11337 11338.formlisting { 11339 position: relative; 11340 margin: 15px 0; 11341 padding: 1px 19px 14px; 11342 background-color: white; 11343 border: 1px solid #ddd; 11344 border-radius: 4px; } 11345 11346.formlistingmore { 11347 position: absolute; 11348 cursor: pointer; 11349 bottom: -1px; 11350 right: -1px; 11351 padding: 3px 7px; 11352 font-size: 12px; 11353 font-weight: bold; 11354 background-color: whitesmoke; 11355 border: 1px solid #ddd; 11356 color: #9da0a4; 11357 border-radius: 4px 0 4px 0; } 11358 11359.formlistingall { 11360 margin: 15px 0; 11361 padding: 0; 11362 border-radius: 4px; } 11363 11364.formlistingrow { 11365 cursor: pointer; 11366 border-bottom: 1px solid; 11367 border-color: #e1e1e8; 11368 border-left: 1px solid #e1e1e8; 11369 border-right: 1px solid #e1e1e8; 11370 background-color: #f7f7f9; 11371 border-radius: 0 0 4px 4px; 11372 padding: 6px; 11373 top: 50%; 11374 left: 50%; 11375 min-height: 34px; 11376 float: left; 11377 width: 150px; } 11378 11379body.jsenabled .formlistingradio { 11380 display: none; } 11381 11382body.jsenabled .formlisting { 11383 display: block; } 11384 11385a.criteria-action { 11386 padding: 0 3px; 11387 float: right; } 11388 11389div.criteria-description { 11390 padding: 10px 15px; 11391 margin: 5px 0; 11392 background: none repeat scroll 0 0 #f9f9f9; 11393 border: 1px solid #eee; } 11394 11395ul.badges { 11396 margin: 0; 11397 list-style: none; } 11398 11399.badges li { 11400 position: relative; 11401 display: inline-block; 11402 padding-top: 1em; 11403 text-align: center; 11404 vertical-align: top; 11405 width: 150px; } 11406 11407.badges li .badge-name { 11408 display: block; 11409 padding: 5px; } 11410 11411.badges li > img { 11412 position: absolute; } 11413 11414.badges li .badge-image { 11415 width: 100px; 11416 height: 100px; 11417 left: 10px; 11418 top: 0; 11419 z-index: 1; } 11420 11421.badges li .badge-actions { 11422 position: relative; } 11423 11424.badges li .expireimage { 11425 background-image: url([[pix:i/expired]]); 11426 background-repeat: no-repeat; 11427 background-size: 100px 100px; 11428 width: 100px; 11429 height: 100px; 11430 left: 25px; 11431 top: 15px; 11432 position: absolute; 11433 z-index: 10; 11434 opacity: 0.85; } 11435 11436#badge-image { 11437 background-color: transparent; 11438 padding: 0; 11439 position: relative; 11440 min-width: 100px; 11441 width: 20%; 11442 display: inline-block; 11443 vertical-align: top; 11444 margin-top: 17px; 11445 margin-bottom: 20px; } 11446 #badge-image .expireimage { 11447 background-image: url([[pix:i/expired]]); 11448 background-repeat: no-repeat; 11449 background-size: 100px 100px; 11450 width: 100px; 11451 height: 100px; 11452 left: 0; 11453 top: 0; 11454 opacity: 0.85; 11455 position: absolute; 11456 z-index: 10; } 11457 #badge-image .singlebutton { 11458 padding-top: 5px; 11459 display: block; } 11460 #badge-image .singlebutton button { 11461 margin-left: 4px; } 11462 11463#badge-details { 11464 display: inline-block; 11465 width: 79%; } 11466 11467#badge-overview dl, 11468#badge-details dl { 11469 margin: 0; } 11470 #badge-overview dl dt, 11471 #badge-overview dl dd, 11472 #badge-details dl dt, 11473 #badge-details dl dd { 11474 vertical-align: top; 11475 padding: 3px 0; } 11476 #badge-overview dl dt, 11477 #badge-details dl dt { 11478 clear: both; 11479 display: inline-block; 11480 width: 20%; 11481 min-width: 100px; } 11482 #badge-overview dl dd, 11483 #badge-details dl dd { 11484 display: inline-block; 11485 width: 79%; 11486 margin-left: 1%; } 11487 11488.badge-profile { 11489 vertical-align: top; } 11490 11491.connected { 11492 color: #357a32; } 11493 11494.notconnected { 11495 color: #ca3120; } 11496 11497.connecting { 11498 color: #f0ad4e; } 11499 11500#page-badges-award .recipienttable tr td { 11501 vertical-align: top; } 11502 11503#page-badges-award .recipienttable tr td.actions .actionbutton { 11504 margin: 0.3em 0; 11505 padding: 0.5em 0; 11506 width: 100%; } 11507 11508#page-badges-award .recipienttable tr td.existing, 11509#page-badges-award .recipienttable tr td.potential { 11510 width: 42%; } 11511 11512#issued-badge-table .activatebadge { 11513 display: inline-block; } 11514 11515.statusbox.active { 11516 background-color: #d7e4d6; } 11517 11518.statusbox.inactive { 11519 background-color: #fcefdc; } 11520 11521.statusbox { 11522 text-align: center; 11523 margin-bottom: 5px; 11524 padding: 5px; } 11525 11526.statusbox .activatebadge { 11527 display: inline-block; } 11528 11529.statusbox .activatebadge input[type=submit] { 11530 margin: 3px; } 11531 11532.activatebadge { 11533 margin: 0; 11534 text-align: left; 11535 vertical-align: middle; } 11536 11537img#persona_signin { 11538 cursor: pointer; } 11539 11540.addcourse { 11541 float: right; } 11542 11543.invisiblefieldset { 11544 display: inline; 11545 padding: 0; 11546 border-width: 0; } 11547 11548/** Page header */ 11549#page-header .logo { 11550 margin: 1rem 0; } 11551 #page-header .logo img { 11552 max-height: 75px; } 11553 11554/** Navbar logo. */ 11555nav.navbar .logo img { 11556 max-height: 35px; } 11557 11558.nav.usernav .nav-item { 11559 display: flex; } 11560 11561.nav.usernav .usermenu .dropdown-toggle { 11562 padding: 0 0.5rem; } 11563 11564/** Header-bar styles **/ 11565.page-context-header { 11566 overflow: hidden; 11567 padding: 0.25rem; } 11568 .page-context-header .page-header-image, 11569 .page-context-header .page-header-headings { 11570 float: left; 11571 display: block; 11572 position: relative; } 11573 .page-context-header .page-header-image { 11574 margin-right: 1em; 11575 margin-bottom: 1em; } 11576 .page-context-header .page-header-image > a { 11577 display: inline-block; } 11578 .page-context-header .page-header-headings, 11579 .page-context-header .header-button-group { 11580 position: relative; 11581 line-height: 24px; 11582 vertical-align: middle; } 11583 .page-context-header .header-button-group { 11584 display: block; 11585 float: left; } 11586 11587ul.dragdrop-keyboard-drag li { 11588 list-style-type: none; } 11589 11590a.disabled:hover, 11591a.disabled { 11592 text-decoration: none; 11593 cursor: default; 11594 font-style: italic; 11595 color: #808080; } 11596 11597body.lockscroll { 11598 height: 100%; 11599 overflow: hidden; } 11600 11601.progressbar_container { 11602 max-width: 500px; 11603 margin: 0 auto; } 11604 11605/* IE10 only fix for calendar titling */ 11606.ie10 .yui3-calendar-header-label { 11607 display: inline-block; } 11608 11609dd:before, 11610dd:after { 11611 display: block; 11612 content: " "; } 11613 11614dd:after { 11615 clear: both; } 11616 11617.nav-tabs > .active > a[href], 11618.nav-tabs > .active > a[href]:hover, 11619.nav-tabs > .active > a[href]:focus { 11620 cursor: pointer; } 11621 11622.inplaceeditable.inplaceeditingon { 11623 position: relative; } 11624 .inplaceeditable.inplaceeditingon .editinstructions { 11625 margin-top: -30px; 11626 font-weight: normal; 11627 margin-right: 0; 11628 margin-left: 0; 11629 left: 0; 11630 right: auto; 11631 white-space: nowrap; } 11632 @media (min-width: 576px) { 11633 .inplaceeditable.inplaceeditingon input { 11634 width: 330px; 11635 vertical-align: text-bottom; 11636 margin-bottom: 0; } } 11637 .inplaceeditable.inplaceeditingon select { 11638 margin-bottom: 0; } 11639 11640.inplaceeditable .quickediticon img { 11641 opacity: 0.2; } 11642 11643.inplaceeditable .quickeditlink { 11644 color: inherit; 11645 text-decoration: inherit; } 11646 11647.inplaceeditable:hover .quickeditlink .quickediticon img, 11648.inplaceeditable .quickeditlink:focus .quickediticon img { 11649 opacity: 1; } 11650 11651.inplaceeditable.inplaceeditable-toggle .quickediticon { 11652 display: none; } 11653 11654.inplaceeditable.inplaceeditable-autocomplete { 11655 display: block; } 11656 11657h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions { 11658 margin-top: -20px; } 11659 11660/** Chart area. */ 11661.chart-area .chart-table-data { 11662 display: none; } 11663 11664.chart-area .chart-table { 11665 /** When accessible, we display the table only. */ } 11666 .chart-area .chart-table .chart-output-htmltable caption { 11667 white-space: nowrap; } 11668 .chart-area .chart-table.accesshide .chart-table-expand { 11669 display: none; } 11670 .chart-area .chart-table.accesshide .chart-table-data { 11671 display: block; } 11672 11673ul { 11674 padding-left: 1rem; 11675 -webkit-margin-start: 0.2rem; 11676 /* stylelint-disable-line */ } 11677 11678/* YUI 2 Tree View */ 11679/*rtl:raw: 11680.ygtvtn, 11681.ygtvtm, 11682.ygtvtmh, 11683.ygtvtmhh, 11684.ygtvtp, 11685.ygtvtph, 11686.ygtvtphh, 11687.ygtvln, 11688.ygtvlm, 11689.ygtvlmh, 11690.ygtvlmhh, 11691.ygtvlp, 11692.ygtvlph, 11693.ygtvlphh, 11694.ygtvdepthcell, 11695.ygtvok, 11696.ygtvok:hover, 11697.ygtvcancel, 11698.ygtvcancel:hover { 11699 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]); 11700} 11701*/ 11702.hover-tooltip-container { 11703 position: relative; } 11704 .hover-tooltip-container .hover-tooltip { 11705 opacity: 0; 11706 visibility: hidden; 11707 position: absolute; 11708 /*rtl:ignore*/ 11709 left: 50%; 11710 top: calc(-50% - 5px); 11711 transform: translate(-50%, -50%); 11712 background-color: #fff; 11713 border: 1px solid rgba(0, 0, 0, 0.2); 11714 border-radius: .3rem; 11715 box-sizing: border-box; 11716 padding: 5px; 11717 white-space: nowrap; 11718 transition: opacity 0.15s, visibility 0.15s; 11719 z-index: 1000; } 11720 .hover-tooltip-container .hover-tooltip:before { 11721 content: ''; 11722 display: inline-block; 11723 border-left: 8px solid transparent; 11724 border-right: 8px solid transparent; 11725 border-top: 8px solid rgba(0, 0, 0, 0.2); 11726 position: absolute; 11727 bottom: -8px; 11728 left: calc(50% - 8px); } 11729 .hover-tooltip-container .hover-tooltip:after { 11730 content: ''; 11731 display: inline-block; 11732 border-left: 7px solid transparent; 11733 border-right: 7px solid transparent; 11734 border-top: 7px solid #fff; 11735 position: absolute; 11736 bottom: -6px; 11737 left: calc(50% - 7px); 11738 z-index: 2; } 11739 .hover-tooltip-container:hover .hover-tooltip { 11740 opacity: 1; 11741 visibility: visible; 11742 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s; } 11743 11744#region-flat-nav { 11745 padding-right: 0; 11746 padding-left: 0; } 11747 #region-flat-nav .nav { 11748 margin-right: 15px; 11749 background-color: #fff; } 11750 @media (max-width: 767.98px) { 11751 #region-flat-nav .nav { 11752 margin-top: 30px; 11753 margin-right: 0; } } 11754 11755#page-footer a { 11756 color: #fff; 11757 text-decoration: underline; } 11758 #page-footer a .icon { 11759 color: #fff; } 11760 #page-footer a:focus .icon { 11761 color: #1d2125; } 11762 11763.bg-inverse a { 11764 color: #fff; 11765 text-decoration: underline; } 11766 .bg-inverse a .icon { 11767 color: #fff; } 11768 11769.sitelink img { 11770 width: 112px; } 11771 11772.dropdown-item a { 11773 display: block; 11774 width: 100%; 11775 color: #1d2125; } 11776 11777.dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within { 11778 outline: 0; 11779 background-color: #0f6cbf; 11780 color: #fff; } 11781 .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a { 11782 color: #fff; } 11783 11784.dropdown-item[aria-current="true"] { 11785 position: relative; 11786 display: flex; 11787 align-items: center; } 11788 .dropdown-item[aria-current="true"]:before { 11789 display: inline-block; 11790 font: normal normal normal 14px/1 FontAwesome; 11791 font-size: inherit; 11792 text-rendering: auto; 11793 -webkit-font-smoothing: antialiased; 11794 -moz-osx-font-smoothing: grayscale; 11795 content: ""; 11796 position: absolute; 11797 left: 0.4rem; 11798 font-size: 0.7rem; } 11799 11800.competency-tree ul { 11801 padding-left: 1.5rem; } 11802 11803.sr-only-focusable:active, .sr-only-focusable:focus { 11804 z-index: 1031; 11805 position: fixed; 11806 background: #fff; 11807 padding: 7px; 11808 left: 0; 11809 top: 0; } 11810 11811[data-drag-type="move"] { 11812 cursor: move; 11813 touch-action: none; } 11814 11815.clickable { 11816 cursor: pointer; } 11817 11818.overlay-icon-container { 11819 position: absolute; 11820 top: 0; 11821 left: 0; 11822 width: 100%; 11823 height: 100%; 11824 background-color: rgba(255, 255, 255, 0.6); } 11825 .overlay-icon-container .loading-icon { 11826 position: absolute; 11827 top: 50%; 11828 left: 50%; 11829 transform: translate(-50%, -50%); } 11830 .overlay-icon-container .loading-icon .icon { 11831 height: 30px; 11832 width: 30px; 11833 font-size: 30px; } 11834 11835.w-auto { 11836 width: auto; } 11837 11838.bg-pulse-grey { 11839 animation: bg-pulse-grey 2s infinite linear; } 11840 11841@keyframes bg-pulse-grey { 11842 0% { 11843 background-color: #f8f9fa; } 11844 50% { 11845 background-color: #e9ecef; } 11846 100% { 11847 background-color: #f8f9fa; } } 11848 11849.line-height-0 { 11850 line-height: 0 !important; 11851 /* stylelint-disable-line declaration-no-important */ } 11852 11853.line-height-1 { 11854 line-height: 0.25rem !important; 11855 /* stylelint-disable-line declaration-no-important */ } 11856 11857.line-height-2 { 11858 line-height: 0.5rem !important; 11859 /* stylelint-disable-line declaration-no-important */ } 11860 11861.line-height-3 { 11862 line-height: 1rem !important; 11863 /* stylelint-disable-line declaration-no-important */ } 11864 11865.line-height-4 { 11866 line-height: 1.5rem !important; 11867 /* stylelint-disable-line declaration-no-important */ } 11868 11869.line-height-5 { 11870 line-height: 2rem !important; 11871 /* stylelint-disable-line declaration-no-important */ } 11872 11873.line-height-6 { 11874 line-height: 3rem !important; 11875 /* stylelint-disable-line declaration-no-important */ } 11876 11877.dir-rtl .dir-rtl-hide { 11878 display: none; } 11879 11880.dir-ltr .dir-ltr-hide { 11881 display: none; } 11882 11883.paged-content-page-container { 11884 min-height: 3.125rem; } 11885 11886body.h5p-embed #page-content { 11887 display: inherit; } 11888 11889body.h5p-embed #maincontent { 11890 display: none; } 11891 11892body.h5p-embed .h5pmessages { 11893 min-height: 230px; } 11894 11895#h5pcontenttypes td { 11896 vertical-align: middle; } 11897 11898.text-decoration-none { 11899 text-decoration: none !important; 11900 /* stylelint-disable-line declaration-no-important */ } 11901 11902.colour-inherit { 11903 color: inherit !important; 11904 /* stylelint-disable-line declaration-no-important */ } 11905 11906.position-right { 11907 right: 0 !important; 11908 /* stylelint-disable-line declaration-no-important */ } 11909 11910.overflow-hidden { 11911 overflow: hidden !important; 11912 /* stylelint-disable-line declaration-no-important */ } 11913 11914.text-break { 11915 overflow-wrap: break-word !important; 11916 /* stylelint-disable-line declaration-no-important */ } 11917 11918.word-break { 11919 word-break: break-word !important; 11920 /* stylelint-disable-line declaration-no-important */ } 11921 11922.z-index-0 { 11923 z-index: 0 !important; 11924 /* stylelint-disable-line declaration-no-important */ } 11925 11926.z-index-1 { 11927 z-index: 1 !important; 11928 /* stylelint-disable-line declaration-no-important */ } 11929 11930.float-left { 11931 float: left !important; 11932 /* stylelint-disable-line declaration-no-important */ } 11933 11934.float-right { 11935 float: right !important; 11936 /* stylelint-disable-line declaration-no-important */ } 11937 11938.img-responsive { 11939 max-width: 100%; 11940 height: auto; } 11941 11942input[disabled] { 11943 cursor: not-allowed; } 11944 11945.custom-select { 11946 width: auto; } 11947 11948.fade.in { 11949 opacity: 1; } 11950 11951.clamp-2 { 11952 display: -webkit-box; 11953 -webkit-box-orient: vertical; 11954 -webkit-line-clamp: 2; 11955 overflow: hidden; } 11956 11957.word-break-all { 11958 word-break: break-all; } 11959 11960.matchtext { 11961 background-color: #a2cff8; 11962 color: #1d2125; 11963 height: 1.5rem; } 11964 11965.border-radius { 11966 border-radius: 0.25rem; } 11967 11968.emoji-picker { 11969 width: 350px; 11970 height: 400px; } 11971 .emoji-picker .category-button { 11972 padding: .375rem 0; 11973 height: 100%; 11974 width: 38.8888888889px; 11975 border-top: none; 11976 border-left: none; 11977 border-right: none; 11978 border-bottom: 2px solid transparent; } 11979 .emoji-picker .category-button.selected { 11980 border-bottom: 2px solid #0f6cbf; } 11981 .emoji-picker .emojis-container, 11982 .emoji-picker .search-results-container { 11983 min-width: 280px; } 11984 .emoji-picker .picker-row { 11985 height: 40px; } 11986 .emoji-picker .picker-row .category-name { 11987 line-height: 40px; } 11988 .emoji-picker .picker-row .emoji-button { 11989 height: 40px; 11990 width: 40px; 11991 line-height: 40px; 11992 font-size: 24px; 11993 overflow: hidden; } 11994 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus { 11995 color: inherit; 11996 text-decoration: none; } 11997 .emoji-picker .emoji-preview { 11998 height: 40px; 11999 font-size: 40px; 12000 line-height: 40px; } 12001 .emoji-picker .emoji-short-name { 12002 line-height: 20px; } 12003 @media (max-width: 575.98px) { 12004 .emoji-picker { 12005 width: 320px; } } 12006 12007.emoji-auto-complete { 12008 height: 40px; } 12009 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button { 12010 height: 40px; 12011 width: 40px; 12012 line-height: 40px; 12013 font-size: 24px; } 12014 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active { 12015 background-color: #e9ecef; } 12016 12017.toast-wrapper { 12018 max-width: 350px; 12019 max-height: 0; 12020 z-index: 1051; } 12021 .toast-wrapper > :first-child { 12022 margin-top: 1rem; } 12023 12024.alert-primary a { 12025 color: #041d34; } 12026 12027.alert-secondary a { 12028 color: #525557; } 12029 12030.alert-success a, .environmenttable .ok a { 12031 color: #0c1b0b; } 12032 12033.alert-info a { 12034 color: #00171b; } 12035 12036.alert-warning a, .environmenttable .warn a { 12037 color: #573e1c; } 12038 12039.alert-danger a, .environmenttable .error a { 12040 color: #3d0f0a; } 12041 12042.alert-light a { 12043 color: #686868; } 12044 12045.alert-dark a { 12046 color: #040505; } 12047 12048.alert a { 12049 font-weight: 700; } 12050 12051@media (max-width: 767.98px) { 12052 #page-navbar { 12053 width: 100%; } 12054 .breadcrumb:not(:empty) { 12055 width: 100%; 12056 border: 2px solid #e9ecef; 12057 padding: 0.25rem; 12058 margin-bottom: 0.5rem; } 12059 .breadcrumb:not(:empty) .breadcrumb-item { 12060 padding-top: 0.3333333333rem; 12061 padding-bottom: 0.3333333333rem; 12062 display: inline-block; } 12063 .mform { 12064 width: 100%; 12065 padding-right: 15px; 12066 padding-left: 15px; } 12067 .pagination { 12068 flex-wrap: wrap; 12069 justify-content: center; } 12070 .custom-select { 12071 max-width: 100%; } 12072 .card .card-body { 12073 padding: 0.625rem; } 12074 #page-header .card { 12075 border: 0; } 12076 #page-header .card .card-body { 12077 padding: 0; } 12078 .nav-tabs, 12079 .nav-pills { 12080 margin: 0; 12081 border: 0; 12082 padding: 0.125rem; 12083 background-color: #e9ecef; } 12084 .nav-tabs .nav-item, 12085 .nav-pills .nav-item { 12086 flex: 1 1 auto; 12087 text-align: center; } 12088 .nav-tabs .nav-link, 12089 .nav-pills .nav-link { 12090 background: #fff; 12091 border: 0; 12092 margin: 0.125rem; } 12093 .nav-tabs .nav-link.active, 12094 .nav-pills .nav-link.active { 12095 color: #6a737b; 12096 border-color: #6a737b; 12097 border-color: #6a737b; } 12098 .nav-tabs .nav-link.active:hover, 12099 .nav-pills .nav-link.active:hover { 12100 color: #fff; 12101 background-color: #6a737b; 12102 border-color: #6a737b; } 12103 .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active.focus, 12104 .nav-pills .nav-link.active:focus, 12105 .nav-pills .nav-link.active.focus { 12106 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5); } 12107 .nav-tabs .nav-link.active.disabled, .nav-tabs .nav-link.active:disabled, 12108 .nav-pills .nav-link.active.disabled, 12109 .nav-pills .nav-link.active:disabled { 12110 color: #6a737b; 12111 background-color: transparent; } 12112 .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active, 12113 .show > .nav-tabs .nav-link.active.dropdown-toggle, 12114 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active, 12115 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active, 12116 .show > 12117 .nav-pills .nav-link.active.dropdown-toggle { 12118 color: #fff; 12119 background-color: #6a737b; 12120 border-color: #6a737b; } 12121 .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active:focus, 12122 .show > .nav-tabs .nav-link.active.dropdown-toggle:focus, 12123 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus, 12124 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus, 12125 .show > 12126 .nav-pills .nav-link.active.dropdown-toggle:focus { 12127 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5); } } 12128 12129@media (max-width: 576px) and (max-height: 320px) { 12130 div#page { 12131 margin-top: 0; } 12132 .navbar.fixed-top { 12133 position: relative; 12134 z-index: inherit; } } 12135 12136.link-underline { 12137 text-decoration: underline; } 12138 .link-underline:focus { 12139 text-decoration: none; } 12140 12141.alert.cta .cta-icon .icon { 12142 padding: 0.3rem; } 12143 .alert.cta .cta-icon .icon.fa { 12144 border-radius: 50%; 12145 border-style: solid; 12146 border-width: 0.125rem; } 12147 12148.core_payment_gateways_modal .custom-control-label::before, 12149.core_payment_gateways_modal .custom-control-label::after { 12150 top: 45%; } 12151 12152.visual-scroll-x { 12153 scrollbar-width: thin; 12154 scrollbar-color: #0f6cbf #a2cff8; 12155 -ms-overflow-style: -ms-autohiding-scrollbar; } 12156 .visual-scroll-x::-webkit-scrollbar { 12157 height: 8px; 12158 -webkit-appearance: none; 12159 appearance: none; } 12160 .visual-scroll-x::-webkit-scrollbar-thumb { 12161 background-color: #0f6cbf; 12162 border-right: 1px solid #fff; } 12163 .visual-scroll-x::-webkit-scrollbar-track { 12164 background-color: #a2cff8; 12165 border-right: 1px solid #fff; } 12166 12167.icon { 12168 font-size: 16px; 12169 width: 16px; 12170 height: 16px; 12171 margin: 0; 12172 padding: 0; 12173 box-sizing: content-box; 12174 margin-right: 0.5rem; } 12175 .icon.spacer { 12176 margin-right: 0; } 12177 .icon.iconsize-big { 12178 width: 64px; 12179 height: 64px; 12180 font-size: 64px; } 12181 12182.navbar-dark a .icon { 12183 color: rgba(255, 255, 255, 0.5) !important; 12184 /* stylelint-disable-line declaration-no-important */ } 12185 12186.action-menu-item a:first-of-type > .icon { 12187 margin-left: 0.5rem; } 12188 12189.ygtvcell .icon { 12190 margin-left: 0 !important; 12191 /* stylelint-disable-line declaration-no-important */ } 12192 12193.block_navigation .tree_item .icon, 12194.block_settings .tree_item .icon { 12195 margin-left: 0; } 12196 12197[data-action=toggle-drawer] .icon { 12198 margin: 0; } 12199 12200.icon-no-spacing a > .icon { 12201 margin: 0; } 12202 12203.icon-no-margin .icon { 12204 margin-left: 0; 12205 margin-right: 0; 12206 margin-top: 0; 12207 margin-bottom: 0; } 12208 12209.icon-large > .icon { 12210 width: 32px; 12211 height: 32px; } 12212 12213.icon-size-0 .icon { 12214 height: 0 !important; 12215 /* stylelint-disable-line declaration-no-important */ 12216 width: 0 !important; 12217 /* stylelint-disable-line declaration-no-important */ 12218 font-size: 0 !important; 12219 /* stylelint-disable-line declaration-no-important */ } 12220 12221.icon-size-1 .icon { 12222 height: 4px !important; 12223 /* stylelint-disable-line declaration-no-important */ 12224 width: 4px !important; 12225 /* stylelint-disable-line declaration-no-important */ 12226 font-size: 4px !important; 12227 /* stylelint-disable-line declaration-no-important */ } 12228 12229.icon-size-2 .icon { 12230 height: 8px !important; 12231 /* stylelint-disable-line declaration-no-important */ 12232 width: 8px !important; 12233 /* stylelint-disable-line declaration-no-important */ 12234 font-size: 8px !important; 12235 /* stylelint-disable-line declaration-no-important */ } 12236 12237.icon-size-3 .icon { 12238 height: 16px !important; 12239 /* stylelint-disable-line declaration-no-important */ 12240 width: 16px !important; 12241 /* stylelint-disable-line declaration-no-important */ 12242 font-size: 16px !important; 12243 /* stylelint-disable-line declaration-no-important */ } 12244 12245.icon-size-4 .icon { 12246 height: 24px !important; 12247 /* stylelint-disable-line declaration-no-important */ 12248 width: 24px !important; 12249 /* stylelint-disable-line declaration-no-important */ 12250 font-size: 24px !important; 12251 /* stylelint-disable-line declaration-no-important */ } 12252 12253.icon-size-5 .icon { 12254 height: 32px !important; 12255 /* stylelint-disable-line declaration-no-important */ 12256 width: 32px !important; 12257 /* stylelint-disable-line declaration-no-important */ 12258 font-size: 32px !important; 12259 /* stylelint-disable-line declaration-no-important */ } 12260 12261.icon-size-6 .icon { 12262 height: 40px !important; 12263 /* stylelint-disable-line declaration-no-important */ 12264 width: 40px !important; 12265 /* stylelint-disable-line declaration-no-important */ 12266 font-size: 40px !important; 12267 /* stylelint-disable-line declaration-no-important */ } 12268 12269.icon-size-7 .icon { 12270 height: 48px !important; 12271 /* stylelint-disable-line declaration-no-important */ 12272 width: 48px !important; 12273 /* stylelint-disable-line declaration-no-important */ 12274 font-size: 48px !important; 12275 /* stylelint-disable-line declaration-no-important */ } 12276 12277.helplink .icon { 12278 margin-left: 0.5rem; } 12279 12280/* admin.less */ 12281.formtable tbody th { 12282 font-weight: normal; 12283 text-align: right; } 12284 12285.path-admin #assignrole { 12286 width: 60%; 12287 margin-left: auto; 12288 margin-right: auto; } 12289 12290.path-admin .admintable .leftalign { 12291 text-align: left; } 12292 12293.path-admin .admintable.environmenttable .name, 12294.path-admin .admintable.environmenttable .info, 12295.path-admin #assignrole .admintable .role, 12296.path-admin #assignrole .admintable .userrole, 12297.path-admin #assignrole .admintable .roleholder { 12298 white-space: nowrap; } 12299 12300.path-admin .incompatibleblockstable td.c0 { 12301 font-weight: bold; } 12302 12303#page-admin-course-category .addcategory { 12304 padding: 10px; } 12305 12306#page-admin-course-index .editcourse { 12307 margin: 20px auto; } 12308 12309#page-admin-course-index .editcourse th, 12310#page-admin-course-index .editcourse td { 12311 padding-left: 10px; 12312 padding-right: 10px; } 12313 12314.timewarninghidden { 12315 display: none; } 12316 12317#page-admin-report-capability-index #capabilitysearch { 12318 width: 30em; } 12319 12320#page-admin-qtypes #qtypes div, 12321#page-admin-qtypes #qtypes form, 12322#page-admin-qbehaviours #qbehaviours div, 12323#page-admin-qbehaviours #qbehaviours form { 12324 display: inline; } 12325 12326#page-admin-qtypes #qtypes img.spacer, 12327#page-admin-qbehaviours #qbehaviours img.spacer { 12328 width: 16px; } 12329 12330#page-admin-qbehaviours .cell.c3, 12331#page-admin-qtypes .cell.c3 { 12332 font-size: 0.8203125rem; } 12333 12334#page-admin-lang .generalbox, 12335#page-admin-course-index .singlebutton, 12336#page-admin-course-index .addcategory, 12337#page-course-index .buttons, 12338#page-course-index-category .buttons, 12339#page-admin-course-category .addcategory, 12340#page-admin-stickyblocks .generalbox, 12341#page-admin-maintenance .buttons, 12342#page-admin-course-index .buttons, 12343#page-admin-course-category .buttons, 12344#page-admin-index .copyright, 12345#page-admin-index .copyrightnotice, 12346#page-admin-index .adminerror .singlebutton, 12347#page-admin-index .adminwarning .singlebutton, 12348#page-admin-index #layout-table .singlebutton { 12349 text-align: center; 12350 margin-bottom: 1em; } 12351 12352.path-admin-roles .capabilitysearchui { 12353 text-align: left; 12354 margin-left: auto; 12355 margin-right: auto; 12356 margin-top: 1rem; } 12357 12358#page-admin-roles-define .topfields { 12359 margin: 1em 0 2em; } 12360 12361#page-admin-roles-define .capdefault { 12362 background-color: rgba(0, 0, 0, 0.075); } 12363 12364#page-filter-manage .backlink, 12365.path-admin-roles .backlink { 12366 margin-top: 1em; } 12367 12368#page-admin-roles-explain #chooseuser h3, 12369#page-admin-roles-usersroles .contextname { 12370 margin-top: 0; } 12371 12372#page-admin-roles-explain #chooseusersubmit { 12373 margin-top: 0; 12374 text-align: center; } 12375 12376#page-admin-roles-usersroles p { 12377 margin: 0; } 12378 12379#page-admin-roles-override .cell.c1, 12380#page-admin-roles-assign .cell.c3, 12381#page-admin-roles-assign .cell.c1 { 12382 padding-top: 0.75em; } 12383 12384#page-admin-roles-override .overridenotice, 12385#page-admin-roles-define .definenotice { 12386 margin: 1em 10% 2em 10%; 12387 text-align: left; } 12388 12389#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span { 12390 display: block; } 12391 12392#page-admin-index .updateplugin div { 12393 margin-bottom: 0.5em; } 12394 12395#page-admin-user-user_bulk #users .fgroup { 12396 white-space: nowrap; } 12397 12398#page-admin-report-stats-index .graph { 12399 text-align: center; 12400 margin-bottom: 1em; } 12401 12402#page-admin-report-courseoverview-index .graph { 12403 text-align: center; 12404 margin-bottom: 1em; } 12405 12406#page-admin-lang .translator { 12407 border-width: 1px; 12408 border-style: solid; } 12409 12410.path-admin .roleassigntable { 12411 width: 100%; } 12412 12413.path-admin .roleassigntable td { 12414 vertical-align: top; 12415 padding: 0.2em 0.3em; } 12416 12417.path-admin .roleassigntable p { 12418 text-align: left; 12419 margin: 0.2em 0; } 12420 12421.path-admin .roleassigntable #existingcell, 12422.path-admin .roleassigntable #potentialcell { 12423 width: 42%; } 12424 12425.path-admin .roleassigntable #existingcell p > label:first-child, 12426.path-admin .roleassigntable #potentialcell p > label:first-child { 12427 font-weight: bold; } 12428 12429.path-admin .roleassigntable #buttonscell { 12430 width: 16%; } 12431 12432.path-admin .roleassigntable #buttonscell #assignoptions { 12433 font-size: 0.8203125rem; } 12434 12435.path-admin .roleassigntable #removeselect_wrapper, 12436.path-admin .roleassigntable #addselect_wrapper { 12437 width: 100%; } 12438 12439.path-admin table.rolecap tr.rolecap th { 12440 text-align: left; 12441 font-weight: normal; } 12442 12443.path-admin .rolecap .hiddenrow { 12444 display: none; } 12445 12446.path-admin #defineroletable .rolecap .inherit, 12447.path-admin #defineroletable .rolecap .allow, 12448.path-admin #defineroletable .rolecap .prevent, 12449.path-admin #defineroletable .rolecap .prohibit { 12450 text-align: center; 12451 padding: 0; 12452 min-width: 3.5em; } 12453 12454.path-admin .rolecap .cap-name, 12455.path-admin .rolecap .note { 12456 display: block; 12457 font-size: 0.8203125rem; 12458 white-space: nowrap; 12459 font-weight: normal; } 12460 12461.path-admin .rolecap label { 12462 display: block; 12463 text-align: center; 12464 padding: 0.5em; 12465 margin: 0; } 12466 12467.plugincheckwrapper { 12468 width: 100%; } 12469 12470.environmentbox { 12471 margin-top: 1em; } 12472 12473#mnetconfig table { 12474 margin-left: auto; 12475 margin-right: auto; } 12476 12477.environmenttable .cell { 12478 padding: .15em .5em; } 12479 12480#trustedhosts .generaltable { 12481 margin-left: auto; 12482 margin-right: auto; 12483 width: 500px; } 12484 12485#trustedhosts .standard { 12486 width: auto; } 12487 12488#adminsettings legend { 12489 display: none; } 12490 12491#adminsettings fieldset.error { 12492 margin: .2em 0 .5em 0; } 12493 12494#adminsettings fieldset.error legend { 12495 display: block; } 12496 12497#admin-spelllanguagelist textarea, 12498#page-admin-setting-editorsettingstinymce .form-textarea textarea { 12499 /* rtl:ignore */ 12500 text-align: left; 12501 /* rtl:ignore */ 12502 direction: ltr; } 12503 12504/* Styles for flags on admin settings */ 12505.adminsettingsflags { 12506 float: right; } 12507 12508.adminsettingsflags label { 12509 margin-right: 7px; } 12510 12511.form-description pre, 12512.formsettingheading pre { 12513 /*rtl:ignore*/ 12514 direction: ltr; } 12515 12516.form-item .form-setting .form-htmlarea { 12517 display: inline; } 12518 12519.form-item .form-setting .form-htmlarea .htmlarea { 12520 width: 640px; 12521 display: block; } 12522 12523.form-item .form-setting .form-multicheckbox ul { 12524 list-style: none; 12525 padding: 0; 12526 margin: 7px 0 0 0; } 12527 12528.form-item .form-setting .defaultsnext { 12529 display: inline; } 12530 12531.form-item .form-setting .locked-checkbox { 12532 margin-right: 0.2em; 12533 margin-left: 0.5em; 12534 display: inline; } 12535 12536.form-item .form-setting .form-password .unmask, 12537.form-item .form-setting .form-defaultinfo { 12538 display: inline-block; } 12539 12540.form-item .form-setting .form-defaultinfo { 12541 max-width: 100%; 12542 word-wrap: break-word; } 12543 12544#admin-emoticons td input { 12545 width: 8em; } 12546 12547#admin-emoticons td.c0 input { 12548 width: 4em; } 12549 12550#adminthemeselector .selectedtheme td.c0 { 12551 border: 1px solid #b8dce2; 12552 border-right-width: 0; } 12553 12554#adminthemeselector .selectedtheme td.c1 { 12555 border: 1px solid #b8dce2; 12556 border-left-width: 0; } 12557 12558.admin_colourpicker, 12559.admin_colourpicker_preview { 12560 display: none; } 12561 12562.jsenabled .admin_colourpicker_preview { 12563 display: inline; } 12564 12565@media (min-width: 768px) { 12566 .jsenabled .admin_colourpicker { 12567 display: block; 12568 height: 102px; 12569 width: 410px; 12570 margin-bottom: 10px; 12571 box-sizing: content-box; } 12572 .admin_colourpicker .colourdialogue { 12573 float: left; 12574 border: 1px solid #8f959e; } 12575 .admin_colourpicker .previewcolour { 12576 border: 1px solid #8f959e; 12577 margin-left: 301px; } 12578 .admin_colourpicker .currentcolour { 12579 border: 1px solid #8f959e; 12580 margin-left: 301px; 12581 border-top-width: 0; } } 12582 12583@media (max-width: 767.98px) { 12584 .jsenabled .admin_colourpicker { 12585 height: 150px; 12586 margin-bottom: 10px; 12587 display: block; 12588 position: relative; } 12589 .admin_colourpicker .previewcolour { 12590 display: none; } 12591 .admin_colourpicker .currentcolour { 12592 position: absolute; 12593 border: 1px solid #dee2e6; 12594 top: 100px; 12595 left: 0; } } 12596 12597.admin_colourpicker .loadingicon { 12598 vertical-align: middle; 12599 margin-left: auto; } 12600 12601#page-admin-index #notice .checkforupdates { 12602 text-align: center; } 12603 12604#page-admin-plugins #plugins-overview-panel .info { 12605 display: inline-block; 12606 margin-right: 1em; } 12607 12608#page-admin-plugins .checkforupdates { 12609 margin: 10px 0; } 12610 #page-admin-plugins .checkforupdates .singlebutton { 12611 margin: 5px 0; 12612 padding: 0; } 12613 #page-admin-plugins .checkforupdates .singlebutton div, 12614 #page-admin-plugins .checkforupdates .singlebutton input { 12615 margin: 0 3px 0 0; } 12616 12617#page-admin-plugins .updateavailableinstallall { 12618 margin: 5px 0; 12619 padding: 0; } 12620 #page-admin-plugins .updateavailableinstallall div, 12621 #page-admin-plugins .updateavailableinstallall input { 12622 margin: 0 3px 5px 0; } 12623 12624#page-admin-plugins #plugins-control-panel .status-missing td { 12625 background-color: #fcefdc; } 12626 12627#page-admin-plugins #plugins-control-panel .pluginname .componentname { 12628 font-size: 0.8203125rem; 12629 color: #6a737b; 12630 margin-left: 22px; } 12631 12632#page-admin-plugins #plugins-control-panel .version .versionnumber { 12633 font-size: 0.8203125rem; 12634 color: #6a737b; } 12635 12636#page-admin-plugins #plugins-control-panel .uninstall a { 12637 color: #ca3120; } 12638 12639#page-admin-plugins #plugins-control-panel .notes .label { 12640 margin-right: 3px; } 12641 12642#page-admin-plugins #plugins-control-panel .notes .requiredby { 12643 font-size: 0.8203125rem; 12644 color: #6a737b; } 12645 12646#plugins-check-page #plugins-check .status-missing td, 12647#plugins-check-page #plugins-check .status-downgrade td { 12648 background-color: #f4d6d2; } 12649 12650#plugins-check-page .pluginupdateinfo, 12651#plugins-control-panel .pluginupdateinfo { 12652 background-color: #cce6ea; 12653 padding: 5px; 12654 margin: 10px 0; 12655 border-radius: 5px; } 12656 #plugins-check-page .pluginupdateinfo.maturity50, 12657 #plugins-control-panel .pluginupdateinfo.maturity50 { 12658 background-color: #f4d6d2; } 12659 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150, 12660 #plugins-control-panel .pluginupdateinfo.maturity100, 12661 #plugins-control-panel .pluginupdateinfo.maturity150 { 12662 background-color: #fcefdc; } 12663 #plugins-check-page .pluginupdateinfo .info, 12664 #plugins-control-panel .pluginupdateinfo .info { 12665 display: inline-block; } 12666 #plugins-check-page .pluginupdateinfo .separator:after, 12667 #plugins-control-panel .pluginupdateinfo .separator:after { 12668 content: " | "; } 12669 #plugins-check-page .pluginupdateinfo .singlebutton, 12670 #plugins-control-panel .pluginupdateinfo .singlebutton { 12671 margin: 5px 0; 12672 padding: 0; } 12673 #plugins-check-page .pluginupdateinfo .singlebutton div, 12674 #plugins-check-page .pluginupdateinfo .singlebutton input, 12675 #plugins-control-panel .pluginupdateinfo .singlebutton div, 12676 #plugins-control-panel .pluginupdateinfo .singlebutton input { 12677 margin: 0 3px 0 0; } 12678 12679.plugins-management-confirm-buttons > div { 12680 display: inline-block; 12681 margin: 1em 1em 1em 0; } 12682 12683.plugins-management-confirm-buttons .continue { 12684 padding: 0; } 12685 .plugins-management-confirm-buttons .continue div, 12686 .plugins-management-confirm-buttons .continue input { 12687 margin: 0; } 12688 12689#page-admin-index .upgradepluginsinfo { 12690 text-align: center; } 12691 12692#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after { 12693 content: " | "; } 12694 12695/** MNet networking */ 12696#page-admin-mnet-peers .box.deletedhosts { 12697 margin-bottom: 1em; 12698 font-size: 0.8203125rem; } 12699 12700#core-cache-plugin-summaries table, 12701#core-cache-store-summaries table { 12702 width: 100%; } 12703 12704#core-cache-lock-summary table, 12705#core-cache-definition-summaries table, 12706#core-cache-mode-mappings table { 12707 margin: 0 auto; } 12708 12709#core-cache-store-summaries .default-store td { 12710 font-style: italic; } 12711 12712#core-cache-rescan-definitions, 12713#core-cache-mode-mappings .edit-link, 12714#core-cache-lock-additional-actions .new-instance { 12715 margin-top: 0.5em; 12716 text-align: center; } 12717 12718.maintenancewarning { 12719 position: fixed; 12720 bottom: 0; 12721 right: 0; 12722 overflow: hidden; 12723 z-index: 1000; } 12724 12725.modal.modal-in-page { 12726 z-index: 0; } 12727 12728#page-admin-search .adminpagetitle { 12729 margin-bottom: 0; 12730 border-bottom: none; } 12731 12732#page-admin-search .adminpagepath { 12733 display: flex; 12734 flex-wrap: wrap; 12735 list-style: none; 12736 padding: 0; 12737 margin: 0 0 1.5rem 0; } 12738 #page-admin-search .adminpagepath li + li:before { 12739 padding-right: 0.5rem; 12740 padding-left: 0.5rem; 12741 content: "/"; } 12742 12743@media (min-width: 576px) { 12744 #page-admin-search .container { 12745 overflow-wrap: break-word; } } 12746 12747#page-admin-tasklogs .task-class { 12748 font-size: 0.8203125rem; 12749 color: #6a737b; } 12750 12751.path-admin-tool-uploaduser .uuwarning { 12752 background-color: #fcefdc; } 12753 12754.path-admin-tool-uploaduser .uuerror { 12755 background-color: #f4d6d2; } 12756 12757.path-admin-tool-uploaduser .uuinfo { 12758 background-color: #d7e4d6; } 12759 12760.blockmovetarget .accesshide { 12761 position: relative; 12762 left: initial; } 12763 12764.block:target { 12765 padding-top: 0 !important; 12766 /* stylelint-disable declaration-no-important */ 12767 margin-top: 0 !important; } 12768 12769.block_search_forums .searchform { 12770 /* Override plugin's default. */ 12771 text-align: left; } 12772 12773.block.block_navigation .block_tree ul, 12774.block_settings .block_tree ul { 12775 margin-left: 0; } 12776 12777.block .block-controls .dropdown-toggle { 12778 /* So that the caret takes the colour of the icon. */ 12779 color: #1d2125; } 12780 12781[data-region="blocks-column"] { 12782 width: 360px; 12783 float: right; } 12784 12785/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */ 12786@media (min-width: 576px) { 12787 #region-main-settings-menu { 12788 position: relative; 12789 float: left; 12790 width: 100%; } 12791 #region-main-settings-menu > div { 12792 position: absolute; 12793 right: 0; 12794 z-index: 100; 12795 margin: 1rem; } 12796 .region_main_settings_menu_proxy { 12797 width: 4rem; 12798 height: 2rem; 12799 background-color: #fff; 12800 margin-left: 0.625rem; 12801 margin-bottom: 0.625rem; 12802 border-bottom-left-radius: 0.5rem; 12803 float: right; } } 12804 12805@media (max-width: 767.98px) { 12806 #region-main-settings-menu .menubar { 12807 justify-content: flex-end; } } 12808 12809#region-main-settings-menu.has-blocks, 12810#region-main.has-blocks { 12811 display: inline-block; 12812 width: calc(100% - 375px); } 12813 @media (max-width: 1199.98px) { 12814 #region-main-settings-menu.has-blocks, 12815 #region-main.has-blocks { 12816 width: 100%; 12817 /* MDL-63102 - Remove extra space at bottom. 12818 If modifying make sure block-region is horizontally stacked when in full screen */ 12819 display: block; } } 12820 12821.header-action #region-main-settings-menu { 12822 position: unset; 12823 float: none; 12824 width: auto; } 12825 .header-action #region-main-settings-menu > div { 12826 position: unset; 12827 right: auto; 12828 margin: 0; } 12829 12830@media (max-width: 1199.98px) { 12831 [data-region="blocks-column"] { 12832 width: 100%; } } 12833 12834.block .empty-placeholder-image-lg { 12835 height: 5rem; } 12836 12837.block .block-cards .course-info-container { 12838 padding: 0.8rem; } 12839 12840.block .block-cards .progress { 12841 height: 0.5rem; } 12842 12843.block .block-cards .course-summaryitem { 12844 border: 1px solid #dee2e6; 12845 background-color: #fff; } 12846 12847.block .block-cards .icon { 12848 margin-right: 0; } 12849 12850.block .block-cards .card .coursemenubtn { 12851 margin-top: -0.5rem; } 12852 12853.block .block-cards a.coursename, 12854.block .block-cards span.categoryname, 12855.block .block-cards .btn-link { 12856 color: inherit; } 12857 12858.block .block-cards .multiline { 12859 white-space: normal; } 12860 12861.block .block-cards .btn.btn-link.btn-icon { 12862 height: 36px; 12863 width: 36px; 12864 padding: 0; 12865 border-radius: 50%; } 12866 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus { 12867 background-color: #e9ecef; } 12868 12869.dashboard-card-deck.one-row { 12870 flex-flow: nowrap; 12871 overflow-x: scroll; } 12872 12873.summaryimage { 12874 height: 5rem; 12875 width: 5rem; 12876 background-position: center; 12877 background-size: cover; } 12878 12879.dashboard-card-deck .dashboard-card { 12880 margin-bottom: 0.5rem; 12881 flex-basis: auto; 12882 width: 100%; 12883 flex-grow: 0; 12884 flex-shrink: 0; } 12885 .dashboard-card-deck .dashboard-card .dashboard-card-img { 12886 height: 7rem; 12887 background-position: center; 12888 background-size: cover; } 12889 .dashboard-card-deck .dashboard-card .dashboard-card-footer { 12890 padding: 0.8rem; } 12891 12892@media (min-width: 576px) { 12893 .dashboard-card-deck.fixed-width-cards .dashboard-card { 12894 width: 300px; 12895 max-width: 100%; } } 12896 12897@media (min-width: 576px) { 12898 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12899 width: calc(50% - 0.5rem); } } 12900 12901@media (min-width: 840px) { 12902 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12903 width: calc(33.33% - 0.5rem); } } 12904 12905@media (min-width: 1100px) { 12906 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12907 width: calc(25% - 0.5rem); } } 12908 12909@media (min-width: 1360px) { 12910 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12911 width: calc(20% - 0.5rem); } } 12912 12913@media (min-width: 1200px) { 12914 #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12915 width: calc(33.33% - 0.5rem); } } 12916 12917@media (min-width: 1470px) { 12918 #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12919 width: calc(25% - 0.5rem); } } 12920 12921@media (min-width: 768px) { 12922 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12923 width: calc(100% - 0.5rem); } } 12924 12925@media (min-width: 861px) { 12926 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12927 width: calc(50% - 0.5rem); } } 12928 12929@media (min-width: 1122px) { 12930 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12931 width: calc(33.33% - 0.5rem); } } 12932 12933@media (min-width: 1381px) { 12934 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12935 width: calc(25% - 0.5rem); } } 12936 12937@media (min-width: 1200px) { 12938 body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12939 width: calc(100% - 0.5rem); } } 12940 12941@media (min-width: 1236px) { 12942 body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12943 width: calc(50% - 0.5rem); } } 12944 12945@media (min-width: 1497px) { 12946 body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12947 width: calc(33.33% - 0.5rem); } } 12948 12949@media (min-width: 1200px) { 12950 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) { 12951 margin-left: 0; 12952 margin-right: 0; } 12953 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12954 width: calc(100% - 0.5rem) !important; } } 12955 12956.block_recentlyaccessedcourses .paging-bar-container { 12957 margin-top: -2.4rem; 12958 justify-content: flex-end; } 12959 12960@media (max-width: 575.98px) { 12961 .block_recentlyaccessedcourses .paging-bar-container { 12962 margin-top: 0; } } 12963 12964#block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container { 12965 margin-top: 0; } 12966 12967.block_recentlyaccesseditems img.icon { 12968 height: 24px; 12969 width: 24px; 12970 margin-right: 6px; } 12971 12972.block_myoverview .content { 12973 min-height: 19.35rem; } 12974 12975.block_myoverview .paged-content-page-container { 12976 min-height: 13rem; } 12977 12978.block_settings .block_tree [aria-expanded="true"], 12979.block_settings .block_tree [aria-expanded="true"].emptybranch, 12980.block_settings .block_tree [aria-expanded="false"], 12981.block_navigation .block_tree [aria-expanded="true"], 12982.block_navigation .block_tree [aria-expanded="true"].emptybranch, 12983.block_navigation .block_tree [aria-expanded="false"] { 12984 background-image: none; } 12985 12986.block_settings .block_tree [aria-expanded="true"] > p:before, 12987.block_navigation .block_tree [aria-expanded="true"] > p:before { 12988 content: ""; 12989 margin-right: 0; 12990 display: inline-block; 12991 font: normal normal normal 14px/1 FontAwesome; 12992 font-size: inherit; 12993 text-rendering: auto; 12994 -webkit-font-smoothing: antialiased; 12995 -moz-osx-font-smoothing: grayscale; 12996 font-size: 16px; 12997 width: 16px; } 12998 12999.block_settings .block_tree [aria-expanded="false"] > p:before, 13000.block_navigation .block_tree [aria-expanded="false"] > p:before { 13001 content: ""; 13002 margin-right: 0; 13003 display: inline-block; 13004 font: normal normal normal 14px/1 FontAwesome; 13005 font-size: inherit; 13006 text-rendering: auto; 13007 -webkit-font-smoothing: antialiased; 13008 -moz-osx-font-smoothing: grayscale; 13009 font-size: 16px; 13010 width: 16px; } 13011 13012.dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, 13013.dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before { 13014 content: ""; } 13015 13016.block_navigation .block_tree p.hasicon, 13017.block_settings .block_tree p.hasicon { 13018 text-indent: -3px; } 13019 .block_navigation .block_tree p.hasicon .icon, 13020 .block_settings .block_tree p.hasicon .icon { 13021 margin-right: 2px; } 13022 13023.block.invisibleblock .card-title { 13024 color: #6a737b; } 13025 13026@media (max-width: 767.98px) { 13027 .block.card { 13028 border-left: 0; 13029 border-right: 0; } } 13030 13031.block_social_activities li a.movehere, 13032.block_site_main_menu li a.movehere { 13033 display: block; 13034 width: 100%; 13035 height: 2rem; 13036 border: 2px dashed #343a40; 13037 margin: 4px 0; } 13038 13039.pagelayout-embedded .has-fake-blocks { 13040 padding: 1rem; 13041 display: flex; } 13042 13043.pagelayout-embedded .has-fake-blocks .embedded-main { 13044 order: 0; 13045 width: calc(100% - 360px); 13046 margin-right: 1rem; } 13047 13048.pagelayout-embedded .embedded-blocks { 13049 order: 1; 13050 width: 360px; } 13051 13052@media (max-width: 767.98px) { 13053 .pagelayout-embedded .has-fake-blocks { 13054 display: block; } 13055 .pagelayout-embedded .has-fake-blocks .embedded-main { 13056 width: 100%; } 13057 .pagelayout-embedded .embedded-blocks { 13058 width: 100%; } } 13059 13060.navbar { 13061 max-height: 50px; } 13062 13063/* calendar.less */ 13064.calendar_event_category { 13065 background-color: #e0cbe0; } 13066 .calendar_event_category .commands a { 13067 color: #0d5ca1; } 13068 13069.calendar_event_course { 13070 background-color: #ffd3bd; } 13071 .calendar_event_course .commands a { 13072 color: #0d5ca1; } 13073 13074.calendar_event_site { 13075 background-color: #d6f8cd; } 13076 .calendar_event_site .commands a { 13077 color: #0d5ca1; } 13078 13079.calendar_event_group { 13080 background-color: #fee7ae; } 13081 .calendar_event_group .commands a { 13082 color: #0d5ca1; } 13083 13084.calendar_event_user { 13085 background-color: #dce7ec; } 13086 .calendar_event_user .commands a { 13087 color: #0d5ca1; } 13088 13089.calendar_event_other { 13090 background-color: #ced4da; } 13091 .calendar_event_other .commands a { 13092 color: #0d5ca1; } 13093 13094.path-calendar .calendartable { 13095 width: 100%; 13096 table-layout: fixed; } 13097 .path-calendar .calendartable th, 13098 .path-calendar .calendartable td { 13099 width: 14%; 13100 vertical-align: top; 13101 text-align: center; 13102 border: 0; } 13103 13104.path-calendar .calendar-controls .previous, 13105.path-calendar .calendar-controls .next, 13106.path-calendar .calendar-controls .current { 13107 display: block; 13108 float: left; 13109 width: 12%; } 13110 13111.path-calendar .calendar-controls .previous { 13112 text-align: left; 13113 border: 1px solid transparent; } 13114 13115.path-calendar .calendar-controls .current { 13116 text-align: center; 13117 width: 76%; } 13118 13119.path-calendar .calendar-controls .next { 13120 text-align: right; 13121 border: 1px solid transparent; } 13122 13123.path-calendar .calendar-controls .drop-target { 13124 box-sizing: border-box; 13125 border: 1px dashed #0f6cbf; } 13126 13127.path-calendar .filters table { 13128 border-collapse: separate; 13129 border-spacing: 2px; 13130 width: 100%; } 13131 13132.path-calendar .maincalendar { 13133 vertical-align: top; 13134 padding: 0; } 13135 .path-calendar .maincalendar .bottom { 13136 text-align: center; 13137 padding: 5px 0 0 0; } 13138 .path-calendar .maincalendar .heightcontainer { 13139 height: 100%; 13140 position: relative; } 13141 .path-calendar .maincalendar .calendarmonth { 13142 width: 98%; 13143 margin: 10px auto; } 13144 .path-calendar .maincalendar .calendarmonth ul { 13145 margin: 0; 13146 padding: 0; } 13147 .path-calendar .maincalendar .calendarmonth ul li { 13148 list-style-type: none; } 13149 .path-calendar .maincalendar .calendarmonth ul li > a { 13150 overflow: hidden; 13151 text-overflow: ellipsis; 13152 white-space: nowrap; 13153 max-width: 100%; 13154 display: inline-block; } 13155 .path-calendar .maincalendar .calendarmonth ul li > a:hover { 13156 text-decoration: none; } 13157 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname { 13158 text-decoration: underline; } 13159 .path-calendar .maincalendar .calendarmonth ul li .icon { 13160 margin-left: 0.25em; 13161 margin-right: 0.25em; 13162 vertical-align: initial; } 13163 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle { 13164 width: 12px; 13165 height: 12px; 13166 border-radius: 6px; 13167 vertical-align: middle; 13168 display: inline-block; } 13169 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category { 13170 background-color: #e0cbe0; 13171 border: 2px solid #9e619f; } 13172 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course { 13173 background-color: #ffd3bd; 13174 border: 2px solid #d34600; } 13175 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site { 13176 background-color: #d6f8cd; 13177 border: 2px solid #2b8713; } 13178 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group { 13179 background-color: #fee7ae; 13180 border: 2px solid #9a6e02; } 13181 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user { 13182 background-color: #dce7ec; 13183 border: 2px solid #4e7c91; } 13184 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other { 13185 background-color: #ced4da; 13186 border: 2px solid #687889; } 13187 .path-calendar .maincalendar .calendarmonth td { 13188 height: 5em; } 13189 .path-calendar .maincalendar .calendarmonth .clickable:hover { 13190 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } 13191 .path-calendar .maincalendar .calendar-controls .previous, 13192 .path-calendar .maincalendar .calendar-controls .next { 13193 width: 30%; } 13194 .path-calendar .maincalendar .calendar-controls .current { 13195 width: 39.95%; } 13196 .path-calendar .maincalendar .controls { 13197 width: 98%; 13198 margin: 10px auto; } 13199 .path-calendar .maincalendar .calendar_event_category:hover a, 13200 .path-calendar .maincalendar .calendar_event_course:hover a, 13201 .path-calendar .maincalendar .calendar_event_site:hover a, 13202 .path-calendar .maincalendar .calendar_event_group:hover a, 13203 .path-calendar .maincalendar .calendar_event_user:hover a { 13204 color: #094478; 13205 text-decoration: underline; } 13206 .path-calendar .maincalendar .calendar_event_category { 13207 border-color: #e0cbe0; } 13208 .path-calendar .maincalendar .calendar_event_course { 13209 border-color: #ffd3bd; } 13210 .path-calendar .maincalendar .calendar_event_site { 13211 border-color: #d6f8cd; } 13212 .path-calendar .maincalendar .calendar_event_group { 13213 border-color: #fee7ae; } 13214 .path-calendar .maincalendar .calendar_event_user { 13215 border-color: #dce7ec; } 13216 .path-calendar .maincalendar .calendar_event_other { 13217 border-color: #ced4da; } 13218 .path-calendar .maincalendar .calendartable td, 13219 .path-calendar .maincalendar .calendartable li { 13220 padding: 0 4px 4px 4px; } 13221 .path-calendar .maincalendar .calendartable li { 13222 text-align: left; } 13223 .path-calendar .maincalendar .header { 13224 overflow: hidden; } 13225 .path-calendar .maincalendar .header .buttons { 13226 float: right; } 13227 .path-calendar .maincalendar .event .card-header img { 13228 vertical-align: baseline; } 13229 .path-calendar .maincalendar .event .location { 13230 word-break: break-all; 13231 overflow-wrap: break-word; } 13232 13233#page-calendar-export .indent { 13234 padding-left: 20px; } 13235 13236.block .minicalendar { 13237 max-width: 280px; 13238 margin: 0 auto; 13239 width: 100%; } 13240 .block .minicalendar th, 13241 .block .minicalendar td { 13242 padding: 2px; 13243 font-size: 0.8em; 13244 text-align: center; } 13245 .block .minicalendar td.weekend { 13246 color: #6a737b; } 13247 .block .minicalendar td a { 13248 width: 100%; 13249 height: 100%; 13250 display: block; 13251 color: #0d5ca1; } 13252 .block .minicalendar td.duration_global { 13253 border-top: 1px solid #d6f8cd; 13254 border-bottom: 1px solid #d6f8cd; } 13255 .block .minicalendar td.duration_global.duration_finish { 13256 background-color: #d6f8cd; } 13257 .block .minicalendar td.duration_category { 13258 border-top: 1px solid #e0cbe0; 13259 border-bottom: 1px solid #e0cbe0; } 13260 .block .minicalendar td.duration_category.duration_finish { 13261 background-color: #e0cbe0; } 13262 .block .minicalendar td.duration_course { 13263 border-top: 1px solid #ffd3bd; 13264 border-bottom: 1px solid #ffd3bd; } 13265 .block .minicalendar td.duration_course.duration_finish { 13266 background-color: #ffd3bd; } 13267 .block .minicalendar td.duration_group { 13268 border-top: 1px solid #fee7ae; 13269 border-bottom: 1px solid #fee7ae; } 13270 .block .minicalendar td.duration_group.duration_finish { 13271 background-color: #fee7ae; } 13272 .block .minicalendar td.duration_user { 13273 border-top: 1px solid #dce7ec; 13274 border-bottom: 1px solid #dce7ec; } 13275 .block .minicalendar td.duration_user.duration_finish { 13276 background-color: #dce7ec; } 13277 .block .minicalendar td.duration_other { 13278 border-top: 1px solid #ced4da; 13279 border-bottom: 1px solid #ced4da; } 13280 .block .minicalendar td.duration_other.duration_finish { 13281 background-color: #ced4da; } 13282 .block .minicalendar caption { 13283 font-size: inherit; 13284 font-weight: inherit; 13285 line-height: inherit; 13286 text-align: center; } 13287 13288.block .calendar-controls .previous, 13289.block .calendar-controls .current, 13290.block .calendar-controls .next { 13291 display: block; 13292 float: left; } 13293 13294.block .calendar-controls .previous { 13295 text-align: left; 13296 width: 12%; } 13297 13298.block .calendar-controls .current { 13299 text-align: center; 13300 width: 76%; } 13301 13302.block .calendar-controls .next { 13303 text-align: right; 13304 width: 12%; } 13305 13306.block .calendar_filters ul { 13307 list-style: none; 13308 margin: 0; 13309 padding: 0; } 13310 13311.block .calendar_filters li { 13312 margin-bottom: 0.2em; } 13313 .block .calendar_filters li span.calendar_event_category i { 13314 color: #0d5ca1; } 13315 .block .calendar_filters li span.calendar_event_course i { 13316 color: #0d5ca1; } 13317 .block .calendar_filters li span.calendar_event_site i { 13318 color: #0d5ca1; } 13319 .block .calendar_filters li span.calendar_event_group i { 13320 color: #0d5ca1; } 13321 .block .calendar_filters li span.calendar_event_user i { 13322 color: #0d5ca1; } 13323 .block .calendar_filters li span.calendar_event_other i { 13324 color: #0d5ca1; } 13325 .block .calendar_filters li span img { 13326 padding: 0 0.2em; 13327 margin: 0; } 13328 .block .calendar_filters li .icon { 13329 vertical-align: initial; 13330 margin: 0 0.1rem 0 0.4rem; } 13331 .block .calendar_filters li > a:hover { 13332 text-decoration: none; } 13333 .block .calendar_filters li > a:hover .eventname { 13334 text-decoration: underline; } 13335 13336.block .content h3.eventskey { 13337 margin-top: 0.5em; } 13338 13339/* Display month name above the calendar */ 13340table.calendartable caption { 13341 caption-side: top; } 13342 13343@media (min-width: 768px) { 13344 #page-calender-view .container-fluid, #page-calender-view .container-sm, #page-calender-view .container-md, #page-calender-view .container-lg, #page-calender-view .container-xl { 13345 min-width: 1024px; } } 13346 13347.calendarwrapper { 13348 position: relative; } 13349 13350.day-popover-content:empty + .day-popover-alternate { 13351 display: block; } 13352 13353.location-content { 13354 overflow-wrap: break-word; } 13355 13356.description-content { 13357 overflow-wrap: break-word; } 13358 .description-content > p { 13359 margin: 0; } 13360 13361.cal_courses_flt { 13362 color: #6a737b; } 13363 13364.content-bank-container .cb-content-wrapper { 13365 padding: 0.5rem; 13366 min-height: 140px; 13367 max-height: 500px; 13368 overflow-x: auto; 13369 flex-wrap: wrap; } 13370 13371.content-bank-container .cb-thumbnail { 13372 width: 24px; 13373 height: 24px; 13374 background-repeat: no-repeat; 13375 background-position: center; 13376 background-size: cover; } 13377 13378.content-bank-container.view-grid { 13379 /* Display a centered eye slash on top of unlisted content icons. */ } 13380 .content-bank-container.view-grid .cb-listitem { 13381 margin-bottom: 0.5rem; } 13382 .content-bank-container.view-grid .cb-listitem.cb-unlisted { 13383 position: relative; } 13384 @media (max-width: 767.98px) { 13385 .content-bank-container.view-grid .cb-listitem { 13386 flex-basis: 50%; } } 13387 @media (min-width: 576px) { 13388 .content-bank-container.view-grid .cb-listitem { 13389 max-width: 120px; 13390 min-width: 120px; } } 13391 .content-bank-container.view-grid .cb-name { 13392 text-align: center; } 13393 .content-bank-container.view-grid .cb-file { 13394 padding: 0.5rem; } 13395 .content-bank-container.view-grid .cb-thumbnail { 13396 width: 64px; 13397 height: 64px; 13398 margin-left: auto; 13399 margin-right: auto; 13400 margin-bottom: 0.5rem; } 13401 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail { 13402 opacity: .15; } 13403 .content-bank-container.view-grid .cb-unlisted::after { 13404 position: absolute; 13405 top: 20px; 13406 left: 0; 13407 width: 100%; 13408 content: ""; 13409 font-family: FontAwesome; 13410 font-size: 26px; 13411 text-align: center; 13412 opacity: 0.9; 13413 text-shadow: 0 0 10px #fff; } 13414 .content-bank-container.view-grid .cb-heading, 13415 .content-bank-container.view-grid .cb-uses, 13416 .content-bank-container.view-grid .cb-date, 13417 .content-bank-container.view-grid .cb-size, 13418 .content-bank-container.view-grid .cb-type, 13419 .content-bank-container.view-grid .cb-author { 13420 display: none; } 13421 13422.content-bank-container.view-list .cb-content-wrapper { 13423 padding: 0 0.5rem; 13424 flex-direction: column; 13425 flex-wrap: nowrap; } 13426 13427.content-bank-container.view-list .cb-thumbnail { 13428 margin-right: 0.5rem; } 13429 13430.content-bank-container.view-list .cb-listitem, 13431.content-bank-container.view-list .cb-heading { 13432 display: flex; 13433 flex-wrap: wrap; 13434 width: 100%; 13435 border-bottom: 1px solid #dee2e6; } 13436 13437.content-bank-container.view-list .cb-column { 13438 display: flex; 13439 padding: 0.25rem; } 13440 13441.content-bank-container.view-list .cb-column { 13442 border-right: 1px solid #dee2e6; } 13443 13444.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail { 13445 opacity: .3; } 13446 13447.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column, 13448.content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a { 13449 color: #6a737b; } 13450 13451@media (max-width: 767.98px) { 13452 .content-bank-container.view-list .cb-column { 13453 flex: 0 0 50%; 13454 max-width: 50%; } } 13455 13456@media (min-width: 576px) { 13457 .content-bank-container.view-list .cb-heading { 13458 position: sticky; 13459 top: 0; 13460 z-index: 1; } 13461 .content-bank-container.view-list .cb-file { 13462 flex: 0 0 40%; 13463 max-width: 40%; } 13464 .content-bank-container.view-list .cb-uses, 13465 .content-bank-container.view-list .cb-date, 13466 .content-bank-container.view-list .cb-size, 13467 .content-bank-container.view-list .cb-type, 13468 .content-bank-container.view-list .cb-author { 13469 flex: 0 0 12%; 13470 max-width: 12%; } 13471 .content-bank-container.view-list .cb-column.last { 13472 border-right: 0; } } 13473 13474.content-bank-container.view-list .cb-btnsort span { 13475 display: none; } 13476 13477.content-bank-container.view-list .cb-btnsort .title { 13478 display: inline; } 13479 13480.content-bank-container.view-list .cb-btnsort.dir-none .default, 13481.content-bank-container.view-list .cb-btnsort.dir-asc .asc, 13482.content-bank-container.view-list .cb-btnsort.dir-desc .desc { 13483 display: inline; } 13484 13485.cb-toolbar-container .dropdown-scrollable { 13486 max-height: 190px; 13487 overflow-y: auto; } 13488 13489/* course.less */ 13490/* COURSE CONTENT */ 13491.section_add_menus { 13492 text-align: right; 13493 clear: both; } 13494 13495.section-modchooser { 13496 clear: both; } 13497 13498.block_tree .tree_item.branch { 13499 margin-left: 8px; } 13500 13501.section_add_menus .horizontal div, 13502.section_add_menus .horizontal form { 13503 display: inline; } 13504 13505.section_add_menus optgroup { 13506 font-weight: normal; 13507 font-style: italic; } 13508 13509/*rtl:ignore*/ 13510.section_add_menus .urlselect { 13511 text-align: left; 13512 margin-left: .4em; } 13513 13514/*rtl:ignore*/ 13515.section_add_menus .urlselect select { 13516 margin-left: .2em; } 13517 13518.sitetopic ul.section { 13519 margin: 0; } 13520 13521body:not(.editing) .sitetopic ul.section { 13522 padding-left: 0; } 13523 body:not(.editing) .sitetopic ul.section .label .mod-indent-outer { 13524 padding-left: 0; } 13525 13526@media (min-width: 576px) { 13527 .course-content ul.section { 13528 margin: 1rem; } } 13529 13530.section .side { 13531 margin-top: 0.5rem; } 13532 .section .side.left { 13533 float: left; } 13534 .section .side.right { 13535 float: right; 13536 clear: right; } 13537 13538.section .spinner { 13539 height: 16px; 13540 width: 16px; } 13541 13542.section .activity { 13543 /* The command block for each activity */ } 13544 .section .activity .spinner { 13545 left: 100%; 13546 position: absolute; } 13547 .section .activity .actions { 13548 position: absolute; 13549 right: 0; 13550 top: 0; 13551 display: flex; } 13552 .section .activity .contentwithoutlink, 13553 .section .activity .activityinstance { 13554 min-width: 40%; 13555 display: table-cell; 13556 padding-right: 4px; 13557 min-height: 2em; } 13558 .section .activity .contentwithoutlink > a, 13559 .section .activity .activityinstance > a { 13560 display: inline-block; 13561 text-indent: -31px; 13562 padding-left: 31px; } 13563 .section .activity .contentwithoutlink .dimmed .activityicon, 13564 .section .activity .activityinstance .dimmed .activityicon { 13565 opacity: .5; } 13566 .section .activity .stealth { 13567 color: #6a737b; } 13568 .section .activity a.stealth, 13569 .section .activity a.stealth:hover { 13570 color: #5babf2 !important; 13571 /* stylelint-disable-line declaration-no-important */ } 13572 13573.section .label .contentwithoutlink, 13574.section .label .activityinstance { 13575 padding-right: 32px; 13576 display: block; 13577 height: inherit; } 13578 13579@media (min-width: 576px) { 13580 .section .label .mod-indent-outer { 13581 padding-left: 24px; 13582 display: block; } } 13583 13584.section .filler { 13585 width: 16px; 13586 height: 16px; 13587 padding: 0; 13588 margin: 0 0.5rem; 13589 display: inline-block; } 13590 13591.section .activity.editor_displayed a.editing_title, 13592.section .activity.editor_displayed .moodle-actionmenu { 13593 display: none; } 13594 13595.section .activity.editor_displayed div.activityinstance { 13596 padding-right: initial; } 13597 .section .activity.editor_displayed div.activityinstance input { 13598 margin-bottom: initial; 13599 padding-top: initial; 13600 padding-bottom: initial; 13601 vertical-align: text-bottom; } 13602 13603.activity img.activityicon { 13604 margin-right: 6px; 13605 vertical-align: text-bottom; } 13606 13607.section .activity .activityinstance, 13608.section .activity .activityinstance div { 13609 display: inline-block; } 13610 13611.editing .section .activity .contentwithoutlink, 13612.editing .section .activity .activityinstance { 13613 padding-right: 200px; } 13614 13615.editing .section .activity .editing_move { 13616 /* Move the move icon to the start of the line */ 13617 position: absolute; 13618 left: 0; 13619 top: 0; } 13620 13621.editing .section .activity .mod-indent-outer { 13622 /** 13623 * Add appropriate padding such that nothing overlaps the 13624 * absolute positioned move icon. 13625 */ 13626 padding-left: 2rem; } 13627 13628.editing_show + .editing_assign, 13629.editing_hide + .editing_assign { 13630 margin-left: 20px; } 13631 13632.section .activity .commands { 13633 white-space: nowrap; 13634 display: inline-block; } 13635 13636.section .activity.modtype_label.label { 13637 font-weight: normal; } 13638 .section .activity.modtype_label.label .contentwithoutlink { 13639 min-height: 0; } 13640 .section .activity.modtype_label.label.hasinfo p:last-child, 13641 .section .activity.modtype_label.label.hasinfo i:last-child { 13642 margin-bottom: 0; } 13643 13644.section li.activity { 13645 padding: .2em; 13646 clear: both; } 13647 .section li.activity.hasinfo { 13648 border-bottom: 1px solid #dee2e6; 13649 padding-top: 1rem; 13650 padding-bottom: 1rem; } 13651 .section li.activity.hasinfo:last-child { 13652 border-bottom: 0; 13653 padding-bottom: 0; } 13654 13655.section .activity .activityinstance .groupinglabel { 13656 padding-left: 30px; } 13657 13658.section .activity .availabilityinfo, 13659.section .activity .contentafterlink { 13660 margin-top: 0.5em; 13661 margin-left: 30px; } 13662 13663.section .activity .contentafterlink p { 13664 margin: .5em 0; } 13665 13666.editing .section .activity:hover, 13667.editing .section .activity.action-menu-shown { 13668 background-color: rgba(0, 0, 0, 0.03); } 13669 13670.course-content .current { 13671 position: relative; } 13672 13673.course-content .current::before { 13674 content: ""; 13675 border-left: #0f6cbf 2px solid; 13676 position: absolute; 13677 left: -1.25rem; 13678 top: 0; 13679 bottom: 0; } 13680 13681.course-content .section-summary { 13682 border: 1px solid #dee2e6; 13683 margin-top: 5px; 13684 list-style: none; } 13685 13686.course-content .section-summary .section-title { 13687 margin: 2px 5px 10px 5px; } 13688 13689.course-content .section-summary .summarytext { 13690 margin: 2px 5px 2px 5px; } 13691 13692.course-content .section-summary .section-summary-activities .activity-count { 13693 color: #6a737b; 13694 font-size: 0.8203125rem; 13695 margin: 3px; 13696 white-space: nowrap; 13697 display: inline-block; } 13698 13699.course-content .section-summary .summary { 13700 margin-top: 5px; } 13701 13702.course-content .single-section { 13703 margin-top: 1em; } 13704 13705.course-content .single-section .section-navigation { 13706 display: block; 13707 padding: 0.5em; 13708 margin-bottom: -0.5em; } 13709 13710.course-content .single-section .section-navigation .title { 13711 font-weight: bold; 13712 font-size: 108%; 13713 clear: both; } 13714 13715.course-content .single-section .section-navigation .mdl-left { 13716 font-weight: normal; 13717 float: left; 13718 margin-right: 1em; } 13719 13720.course-content .single-section .section-navigation .mdl-left .larrow { 13721 margin-right: 0.1em; } 13722 13723.course-content .single-section .section-navigation .mdl-right { 13724 font-weight: normal; 13725 float: right; 13726 margin-left: 1em; } 13727 13728.course-content .single-section .section-navigation .mdl-right .rarrow { 13729 margin-left: 0.1em; } 13730 13731.course-content .single-section .section-navigation .mdl-bottom { 13732 margin-top: 0; } 13733 13734.course-content ul li.section.main { 13735 border-bottom: 1px solid #dee2e6; 13736 margin-top: 0; } 13737 .course-content ul li.section.main:last-child { 13738 border-bottom: 0; } 13739 13740.course-content ul li.section.hidden .sectionname > span, 13741.course-content ul li.section.hidden .content > div.summary, 13742.course-content ul li.section.hidden .activity .activityinstance { 13743 color: #6a737b; } 13744 13745.course-content ul.topics, 13746.course-content ul.weeks { 13747 padding: 0; 13748 margin: 0; 13749 list-style: none; } 13750 .course-content ul.topics li.section, 13751 .course-content ul.weeks li.section { 13752 margin-top: 1rem; 13753 padding-bottom: 1rem; } 13754 .course-content ul.topics li.section .content, 13755 .course-content ul.weeks li.section .content { 13756 margin: 0; 13757 padding: 0; } 13758 @media (min-width: 576px) { 13759 .course-content ul.topics li.section .summary, 13760 .course-content ul.topics li.section .content > .availabilityinfo, 13761 .course-content ul.weeks li.section .summary, 13762 .course-content ul.weeks li.section .content > .availabilityinfo { 13763 margin-left: 25px; } } 13764 .course-content ul.topics li.section .left, 13765 .course-content ul.topics li.section .right, 13766 .course-content ul.weeks li.section .left, 13767 .course-content ul.weeks li.section .right { 13768 padding: 0 6px 0; 13769 text-align: right; 13770 width: auto; } 13771 13772@media (max-width: 767.98px) { 13773 body:not(.editing) .course-content ul.topics li.section .left, 13774 body:not(.editing) .course-content ul.topics li.section .right, 13775 body:not(.editing) .course-content ul.weeks li.section .left, 13776 body:not(.editing) .course-content ul.weeks li.section .right { 13777 display: none; } } 13778 13779.course-content { 13780 margin-top: 0; } 13781 13782.course-content .hidden { 13783 display: none; } 13784 13785@media (max-width: 767.98px) { 13786 .course-content li.section ul { 13787 padding-left: 0; } } 13788 13789.course-content li.section ul { 13790 list-style: disc; } 13791 .course-content li.section ul ul { 13792 list-style: circle; } 13793 .course-content li.section ul ul ul { 13794 list-style: square; } 13795 13796.course-content li.section li.activity ul { 13797 list-style: disc; } 13798 .course-content li.section li.activity ul ul { 13799 list-style: circle; } 13800 .course-content li.section li.activity ul ul ul { 13801 list-style: square; } 13802 13803.course-content li.section .right > .icon:first-child { 13804 /* Remove the spacer icon. */ 13805 display: none; } 13806 13807.path-course-view.editing #region-main > .card-block { 13808 padding-bottom: 13rem; } 13809 13810.jumpmenu .form-inline { 13811 display: block; } 13812 13813.path-course-view .completionprogress { 13814 margin-left: 25px; } 13815 13816.path-course-view .completionprogress { 13817 display: block; 13818 float: right; 13819 height: 20px; 13820 position: relative; } 13821 13822#page-site-index .subscribelink { 13823 text-align: right; } 13824 13825#site-news-forum h2, 13826#frontpage-course-list h2, 13827#frontpage-category-names h2, 13828#frontpage-category-combo h2 { 13829 margin-bottom: 9px; } 13830 13831.path-course-view a.reduce-sections { 13832 padding-left: 0.2em; } 13833 13834.path-course-view .subscribelink { 13835 text-align: right; } 13836 13837.path-course-view .unread { 13838 margin-left: 30px; } 13839 13840.path-course-view .block.drag .header { 13841 cursor: move; } 13842 13843.path-course-view .completionprogress { 13844 text-align: right; } 13845 13846.path-course-view .single-section .completionprogress { 13847 margin-right: 5px; } 13848 13849.path-site li.activity > div, 13850.path-course-view li.activity > div { 13851 position: relative; 13852 padding: 0 16px 0 0; 13853 /* to accommodate the floated completion icon with highlighting */ } 13854 13855.path-course-view li.activity span.autocompletion img { 13856 vertical-align: text-bottom; 13857 margin-left: 0; } 13858 13859.path-course-view li.activity form.togglecompletion .btn { 13860 padding: 0; } 13861 13862.path-course-view li.activity form.togglecompletion img { 13863 max-width: none; 13864 /* The width is 0 so ensure we don't end up with a relative max-width */ } 13865 13866.path-course-view.editing li.activity span.autocompletion img { 13867 /* Use the same spacing as the filler. */ 13868 margin-right: 0.5rem; 13869 margin-left: 0.5rem; } 13870 13871.path-course-view li.activity form.togglecompletion .ajaxworking { 13872 width: 16px; 13873 height: 16px; 13874 position: absolute; 13875 right: 22px; 13876 top: 3px; 13877 background: url([[pix:i/ajaxloader]]) no-repeat; } 13878 13879li.section.hidden span.commands a.editing_hide, 13880li.section.hidden span.commands a.editing_show { 13881 cursor: default; } 13882 13883.single-section h3.sectionname { 13884 text-align: center; 13885 clear: both; } 13886 13887input.titleeditor { 13888 width: 330px; 13889 vertical-align: text-bottom; } 13890 13891span.editinstructions { 13892 /*rtl:remove*/ 13893 position: absolute; 13894 /*rtl:raw: 13895 position: relative; 13896 */ 13897 top: 0; 13898 margin-top: -22px; 13899 margin-left: 30px; 13900 font-size: 0.8203125rem; 13901 padding: .1em .4em; 13902 text-decoration: none; 13903 z-index: 9999; 13904 border: 0 solid transparent; 13905 color: #00434e; 13906 background-color: #cce6ea; 13907 border-color: #b8dce2; } 13908 span.editinstructions hr { 13909 border-top-color: #a6d3db; } 13910 span.editinstructions .alert-link { 13911 color: #00171b; } 13912 13913/* Course drag and drop upload styles */ 13914#dndupload-status { 13915 position: fixed; 13916 left: 0; 13917 width: 40%; 13918 margin: 0 30%; 13919 padding: 6px; 13920 text-align: center; 13921 z-index: 1; 13922 border: 0 solid transparent; 13923 color: #00434e; 13924 background-color: #cce6ea; 13925 border-color: #b8dce2; } 13926 #dndupload-status hr { 13927 border-top-color: #a6d3db; } 13928 #dndupload-status .alert-link { 13929 color: #00171b; } 13930 13931.dndupload-preview { 13932 color: #909090; 13933 border: 1px dashed #909090; 13934 list-style: none; 13935 margin-top: .2em; 13936 padding: .3em; } 13937 13938.dndupload-hidden { 13939 display: none; } 13940 13941/* COURSES LISTINGS AND COURSE SUMMARY */ 13942#page-course-pending .singlebutton, 13943#page-course-index .singlebutton, 13944#page-course-index-category .singlebutton, 13945#page-course-editsection .singlebutton { 13946 text-align: center; } 13947 13948#page-admin-course-manage #movecourses td img { 13949 margin: 0 .22em; 13950 vertical-align: text-bottom; } 13951 13952#coursesearch { 13953 margin-top: 1em; 13954 text-align: left; } 13955 13956#page-course-pending .pendingcourserequests { 13957 margin-bottom: 1em; } 13958 13959#page-course-pending .pendingcourserequests .singlebutton { 13960 display: inline; } 13961 13962#page-course-pending .pendingcourserequests .cell { 13963 padding: 0 5px; } 13964 13965#page-course-pending .pendingcourserequests .cell.c6 { 13966 white-space: nowrap; } 13967 13968.coursebox { 13969 padding: 0.5rem; } 13970 13971.coursebox > .info > .coursename a { 13972 display: block; 13973 background-image: url([[pix:moodle|i/course]]); 13974 background-repeat: no-repeat; 13975 padding-left: 21px; 13976 background-position: left 0.2em; } 13977 13978.coursebox > .info > .coursename, 13979.coursebox .content .teachers, 13980.coursebox .content .courseimage, 13981.coursebox .content .coursefile, 13982.coursebox .content .customfields-container { 13983 float: left; 13984 clear: left; } 13985 13986.coursebox .content .teachers, 13987.coursebox .content .courseimage, 13988.coursebox .content .coursefile, 13989.coursebox .content .customfields-container { 13990 width: 40%; } 13991 13992.coursebox > .info > h3.coursename { 13993 margin: 5px; } 13994 13995.coursebox > .info > .coursename { 13996 margin: 5px; 13997 padding: 0; } 13998 13999.coursebox .content .teachers li { 14000 list-style-type: none; 14001 padding: 0; 14002 margin: 0; } 14003 14004.coursebox .moreinfo, 14005.coursebox .enrolmenticons { 14006 padding: 3px 0; 14007 float: right; } 14008 14009.coursebox .moreinfo img { 14010 margin: 0 .2em; } 14011 14012.coursebox .content { 14013 clear: both; } 14014 14015.coursebox .content .summary, 14016.coursebox .content .coursecat { 14017 float: right; 14018 width: 55%; } 14019 14020.coursebox .content .coursecat { 14021 text-align: right; 14022 clear: right; } 14023 14024.coursebox.remotecoursebox .remotecourseinfo { 14025 float: left; 14026 width: 40%; } 14027 14028.coursebox .content .courseimage img { 14029 max-width: 100px; 14030 max-height: 100px; } 14031 14032.coursebox .content .coursecat, 14033.coursebox .content .summary, 14034.coursebox .content .courseimage, 14035.coursebox .content .coursefile, 14036.coursebox .content .teachers, 14037.coursebox.remotecoursebox .remotecourseinfo, 14038.coursebox .content .customfields-container { 14039 margin: 15px 5px 5px; 14040 padding: 0; } 14041 14042.coursebox.remotehost > .info > .categoryname a { 14043 background-image: url([[pix:moodle|i/mnethost]]); } 14044 14045.coursebox.collapsed { 14046 margin-bottom: 0; } 14047 14048.coursebox.collapsed > .content { 14049 display: none; } 14050 14051.courses .coursebox.collapsed { 14052 padding-top: 0.5rem; 14053 padding-bottom: 0.5rem; } 14054 14055.courses .coursebox.even { 14056 background-color: rgba(0, 0, 0, 0.03); } 14057 14058.courses > .paging.paging-morelink { 14059 text-align: center; 14060 padding: 1rem; } 14061 14062.course_category_tree .category .numberofcourse { 14063 font-size: 0.8203125rem; } 14064 14065.course_category_tree .controls { 14066 visibility: hidden; } 14067 14068.course_category_tree .controls div { 14069 display: inline; 14070 cursor: pointer; } 14071 14072.jsenabled .course_category_tree .controls { 14073 visibility: visible; } 14074 14075.course_category_tree .controls { 14076 margin-bottom: 5px; 14077 text-align: right; 14078 float: right; } 14079 14080.course_category_tree .controls div { 14081 padding-right: 2em; 14082 font-size: 75%; } 14083 14084.course_category_tree .category > .info > .categoryname { 14085 background-image: url([[pix:moodle|t/collapsed_empty]]); 14086 background-repeat: no-repeat; 14087 padding: 2px 18px; 14088 margin: 3px; 14089 background-position: center left; } 14090 14091/* rtl:raw: 14092.course_category_tree .category > .info > .categoryname { 14093 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]); 14094} 14095 */ 14096.course_category_tree .category.with_children > .info > .categoryname { 14097 background-image: url([[pix:moodle|t/expanded]]); 14098 cursor: pointer; } 14099 14100.course_category_tree .category.with_children.collapsed > .info > .categoryname { 14101 background-image: url([[pix:moodle|t/collapsed]]); } 14102 14103/* rtl:raw: 14104.course_category_tree .category.with_children.collapsed > .info > .categoryname { 14105 background-image:url([[pix:moodle|t/collapsed_rtl]]); 14106} 14107*/ 14108.course_category_tree .category.collapsed > .content { 14109 display: none; } 14110 14111.course_category_tree .category > .info { 14112 clear: both; } 14113 14114.course_category_tree .category > .content { 14115 padding-left: 16px; } 14116 14117#page-course-index-category .generalbox.info { 14118 margin-bottom: 15px; 14119 border: 1px dotted #ddd; 14120 border-radius: 4px; 14121 padding: 5px; } 14122 14123#page-course-index-category .categorypicker { 14124 text-align: center; 14125 margin: 10px 0 20px; } 14126 14127/** 14128 * Course management page 14129 * Palette 14130 * 14131 * Background (reg) #F5F5F5 14132 * Background (light #fafafa 14133 * Background (highlight) #ddffaa 14134 * Borders #e1e1e8 14135 */ 14136#course-category-listings { 14137 margin-bottom: 0; 14138 /** Two column layout */ 14139 /** Three column layout */ } 14140 #course-category-listings.columns-2 > #course-listing > div { 14141 position: relative; 14142 left: -1px; } 14143 #course-category-listings.columns-3 > #course-listing > div { 14144 height: 100%; } 14145 #course-category-listings > div > div { 14146 min-height: 300px; } 14147 #course-category-listings > div > div > ul.ml > li:first-child > div { 14148 border-top: 0; } 14149 #course-category-listings h3 { 14150 margin: 0; 14151 padding: 0.4rem 0.6rem 0.3rem; } 14152 #course-category-listings h4 { 14153 margin: 1rem 0 0; 14154 padding: 0.6rem 1rem 0.5rem; } 14155 #course-category-listings .moodle-actionmenu { 14156 white-space: nowrap; } 14157 #course-category-listings .listing-actions { 14158 text-align: center; } 14159 #course-category-listings .listing-actions > .moodle-actionmenu { 14160 display: inline-block; } 14161 #course-category-listings ul.ml { 14162 list-style: none; 14163 margin: 1rem 0; } 14164 #course-category-listings ul.ml ul.ml { 14165 margin: 0; } 14166 #course-category-listings .listitem[data-selected='1'] { 14167 border-left: calc(1px + 5px) solid #0f6cbf; 14168 padding-left: calc(1.25rem - 5px); } 14169 #course-category-listings .item-actions { 14170 margin-right: 1em; 14171 display: inline-block; } 14172 #course-category-listings .item-actions.show .menu img { 14173 width: 12px; 14174 max-width: none; } 14175 #course-category-listings .item-actions .menu-action-text { 14176 vertical-align: inherit; } 14177 #course-category-listings .listitem > div > .float-left { 14178 float: left; } 14179 #course-category-listings .listitem > div > .float-right { 14180 float: right; 14181 text-align: right; } 14182 #course-category-listings .listitem > div .item-actions .action-show { 14183 display: none; } 14184 #course-category-listings .listitem > div .item-actions .action-hide { 14185 display: inline; } 14186 #course-category-listings .listitem > div .without-actions { 14187 color: #333; } 14188 #course-category-listings .listitem > div .idnumber { 14189 margin-right: 2em; } 14190 #course-category-listings .listitem[data-visible="0"] { 14191 color: #6a737b; } 14192 #course-category-listings .listitem[data-visible="0"] > div > a { 14193 color: #6a737b; } 14194 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show { 14195 display: inline; } 14196 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide { 14197 display: none; } 14198 #course-category-listings .listitem.highlight { 14199 background-color: #fff; } 14200 #course-category-listings .listitem.highlight > div, 14201 #course-category-listings .listitem.highlight > div:hover, 14202 #course-category-listings .listitem.highlight[data-selected='1'] > div { 14203 background-color: rgba(0, 0, 0, 0.075); } 14204 #course-category-listings #course-listing .listitem .categoryname { 14205 display: inline-block; 14206 margin-left: 1em; 14207 color: #a1a1a8; } 14208 #course-category-listings #course-listing .listitem .coursename { 14209 display: inline-block; } 14210 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup, 14211 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown { 14212 display: none; } 14213 #course-category-listings #course-listing .bulk-action-checkbox { 14214 margin: -2px 6px 0 0; } 14215 #course-category-listings #category-listing .listitem.collapsed > ul.ml { 14216 display: none; } 14217 #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, 14218 #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown { 14219 display: none; } 14220 #course-category-listings #category-listing .course-count { 14221 color: #a1a1a8; 14222 margin-right: 2rem; 14223 min-width: 3.5em; 14224 display: inline-block; } 14225 #course-category-listings #category-listing .bulk-action-checkbox { 14226 margin-right: -3px; } 14227 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child { 14228 position: relative; } 14229 #course-category-listings #category-listing .category-bulk-actions { 14230 margin: 0 0.5em 0.5em; 14231 position: relative; } 14232 #course-category-listings .detail-pair > * { 14233 display: inline-block; } 14234 #course-category-listings .detail-pair .pair-key { 14235 font-weight: bold; 14236 vertical-align: top; } 14237 #course-category-listings .detail-pair .pair-key span { 14238 margin-right: 1rem; 14239 display: block; } 14240 #course-category-listings .detail-pair .pair-value select { 14241 max-width: 100%; } 14242 #course-category-listings .bulk-actions .detail-pair > * { 14243 display: block; 14244 width: 100%; } 14245 #course-category-listings .listing-pagination { 14246 text-align: center; } 14247 #course-category-listings .listing-pagination .yui3-button { 14248 color: #fff; 14249 background-color: #008196; 14250 border-color: #008196; 14251 border: 0; 14252 margin: 0.4rem 0.2rem 0.45rem; 14253 font-size: 10.4px; } 14254 #course-category-listings .listing-pagination .yui3-button:hover { 14255 color: #fff; 14256 background-color: #006070; 14257 border-color: #005563; } 14258 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus { 14259 color: #fff; 14260 background-color: #006070; 14261 border-color: #005563; 14262 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5); } 14263 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled { 14264 color: #fff; 14265 background-color: #008196; 14266 border-color: #008196; } 14267 #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, 14268 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle { 14269 color: #fff; 14270 background-color: #005563; 14271 border-color: #004a56; } 14272 #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus, 14273 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus { 14274 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5); } 14275 #course-category-listings .listing-pagination .yui3-button.active-page { 14276 color: #fff; 14277 background-color: #0f6cbf; 14278 border-color: #0f6cbf; } 14279 #course-category-listings .listing-pagination .yui3-button.active-page:hover { 14280 color: #fff; 14281 background-color: #0c589c; 14282 border-color: #0b5190; } 14283 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus { 14284 color: #fff; 14285 background-color: #0c589c; 14286 border-color: #0b5190; 14287 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5); } 14288 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled { 14289 color: #fff; 14290 background-color: #0f6cbf; 14291 border-color: #0f6cbf; } 14292 #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active, 14293 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle { 14294 color: #fff; 14295 background-color: #0b5190; 14296 border-color: #0a4b84; } 14297 #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus, 14298 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus { 14299 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5); } 14300 #course-category-listings .listing-pagination-totals { 14301 text-align: center; } 14302 #course-category-listings .listing-pagination-totals.dimmed { 14303 color: #6a737b; 14304 margin: 0.4rem 1rem 0.45rem; } 14305 #course-category-listings .select-a-category .notifymessage, 14306 #course-category-listings .select-a-category .alert { 14307 margin: 1em; } 14308 14309#course-category-listings #course-listing .listitem .drag-handle { 14310 display: none; } 14311 14312.jsenabled #course-category-listings #course-listing .listitem .drag-handle { 14313 display: inline-block; 14314 margin: 0 6px 0 0; 14315 cursor: pointer; } 14316 14317/** Management header styling **/ 14318.coursecat-management-header { 14319 vertical-align: middle; } 14320 .coursecat-management-header h2 { 14321 display: inline-block; 14322 text-align: left; } 14323 .coursecat-management-header > div { 14324 display: inline-block; 14325 float: right; } 14326 .coursecat-management-header > div > div { 14327 margin: 10px 0 10px 1em; 14328 display: inline-block; } 14329 .coursecat-management-header select { 14330 max-width: 300px; 14331 cursor: pointer; 14332 padding: 0.4em 0.5em 0.45em 1em; 14333 vertical-align: baseline; 14334 white-space: nowrap; } 14335 .coursecat-management-header .view-mode-selector .moodle-actionmenu { 14336 white-space: nowrap; 14337 display: inline-block; } 14338 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a { 14339 padding-left: 1em; } 14340 14341.course-being-dragged-proxy { 14342 border: 0; 14343 color: #0f6cbf; 14344 vertical-align: middle; 14345 padding: 0 0 0 4em; } 14346 14347.course-being-dragged { 14348 opacity: 0.5; } 14349 14350/** 14351 * Display sizes: 14352 * Large displays 1200 + 14353 * Default displays 980 1199 14354 * Tablets 768 979 14355 * Small tablets and large phones 481 767 14356 * Phones 0 480 14357 */ 14358@media (min-width: 1200px) and (max-width: 1600px) { 14359 #course-category-listings.columns-3 { 14360 background-color: #fff; 14361 border: 0; } 14362 #course-category-listings.columns-3 #category-listing, 14363 #course-category-listings.columns-3 #course-listing { 14364 width: 50%; } 14365 #course-category-listings.columns-3 #category-listing > div, 14366 #course-category-listings.columns-3 #course-listing > div, 14367 #course-category-listings.columns-3 #course-detail > div { 14368 background-color: #fff; } 14369 #course-category-listings.columns-3 #course-detail { 14370 width: 100%; 14371 margin-top: 1em; } } 14372 14373@media (max-width: 1199px) { 14374 #course-category-listings.columns-2, 14375 #course-category-listings.columns-3 { 14376 border: 0; } 14377 #course-category-listings.columns-2 #category-listing, 14378 #course-category-listings.columns-2 #course-listing, 14379 #course-category-listings.columns-2 #course-detail, 14380 #course-category-listings.columns-3 #category-listing, 14381 #course-category-listings.columns-3 #course-listing, 14382 #course-category-listings.columns-3 #course-detail { 14383 width: 100%; 14384 margin: 0 0 1em; } } 14385 14386.page-settings-menu .menubar > a > .icon { 14387 width: auto; 14388 height: 32px; 14389 font-size: 32px; } 14390 14391.activity-navigation .row { 14392 align-items: center; } 14393 14394.activity-navigation #prev-activity-link, 14395.activity-navigation #next-activity-link { 14396 white-space: pre-wrap; } 14397 14398.automatic-completion-conditions .badge { 14399 font-size: 100%; } 14400 14401/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */ 14402:target { 14403 scroll-margin-top: 60px; } 14404 14405.pagelayout-embedded :target { 14406 padding-top: initial; 14407 margin-top: initial; } 14408 14409#nav-drawer.closed { 14410 left: -305px; } 14411 14412#nav-drawer[aria-hidden=true] .list-group-item { 14413 display: none; } 14414 14415/* Use a variable for the drawer background colors. */ 14416[data-region="drawer"] { 14417 position: fixed; 14418 width: 285px; 14419 top: 50px; 14420 height: calc(100% - 50px); 14421 overflow-y: auto; 14422 -webkit-overflow-scrolling: touch; 14423 z-index: 999; 14424 background-color: #f2f2f2; 14425 -webkit-transition: right 0.5s ease, left 0.5s ease; 14426 -moz-transition: right 0.5s ease, left 0.5s ease; 14427 transition: right 0.5s ease, left 0.5s ease; } 14428 14429@media (min-width: 576px) { 14430 [data-region="drawer"] { 14431 padding: 20px 20px; } } 14432 14433#nav-drawer { 14434 right: auto; 14435 left: 0; 14436 /* Override the z-indexes defined in bootstrap/_list-group.scss that 14437 lead to side effects on the user tours positioning. */ } 14438 #nav-drawer .list-group-item-action.active, 14439 #nav-drawer .list-group-item.active { 14440 z-index: inherit; } 14441 #nav-drawer .list-group-item-action.active + .list-group-item, 14442 #nav-drawer .list-group-item.active + .list-group-item { 14443 border-top: none; } 14444 #nav-drawer .list-group ul { 14445 list-style: none; 14446 padding: 0; 14447 margin: 0; } 14448 #nav-drawer .list-group li { 14449 margin-bottom: -1px; } 14450 #nav-drawer .list-group li:last-child { 14451 margin-bottom: 0; } 14452 14453#page { 14454 margin-top: 50px; } 14455 14456.pagelayout-embedded #page { 14457 margin-top: 0; } 14458 14459body.drawer-ease { 14460 -webkit-transition: margin-left 0.5s ease, margin-right 0.5s ease; 14461 -moz-transition: margin-left 0.5s ease, margin-right 0.5s ease; 14462 transition: margin-left 0.5s ease, margin-right 0.5s ease; } 14463 14464@media (min-width: 768px) { 14465 body.drawer-open-left { 14466 margin-left: 285px; } } 14467 14468@media (min-width: 768px) { 14469 body.drawer-open-right { 14470 margin-right: 285px; } } 14471 14472[data-region=right-hand-drawer] { 14473 display: flex; 14474 flex-direction: column; 14475 transition: right 0.2s ease-in-out; } 14476 @media (prefers-reduced-motion: reduce) { 14477 [data-region=right-hand-drawer] { 14478 transition: none; } } 14479 [data-region=right-hand-drawer].drawer { 14480 z-index: 1020; 14481 position: fixed; 14482 top: 50px; 14483 right: 0; 14484 height: calc(100% - 50px); 14485 width: 320px; 14486 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); 14487 padding: 0; 14488 visibility: visible; 14489 opacity: 1; } 14490 [data-region=right-hand-drawer].hidden { 14491 display: block; 14492 right: -320px; 14493 visibility: hidden; 14494 opacity: 0; 14495 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s; } 14496 @media (prefers-reduced-motion: reduce) { 14497 [data-region=right-hand-drawer].hidden { 14498 transition: none; } } 14499 14500@media (max-width: 767.98px) { 14501 [data-region=right-hand-drawer].drawer { 14502 top: 0; 14503 height: 100%; 14504 z-index: 1030; } 14505 body.drawer-open-left, 14506 body.drawer-open-right { 14507 overflow: hidden; } } 14508 14509.dir-rtl [data-region=right-hand-drawer] { 14510 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); } 14511 14512#page-my-index { 14513 background-color: #f7f7f7; } 14514 14515.fp-content-center { 14516 height: 100%; 14517 width: 100%; 14518 display: table-cell; 14519 vertical-align: middle; } 14520 14521.fp-content-hidden { 14522 visibility: hidden; } 14523 14524.yui3-panel-focused { 14525 outline: none; } 14526 14527.fp-panel-button { 14528 background: #fff; 14529 padding: 3px 20px 2px 20px; 14530 text-align: center; 14531 margin: 10px; 14532 border-radius: 10px; 14533 display: inline-block; } 14534 14535.filepicker .yui3-widget-content-expanded { 14536 height: auto; } 14537 14538/* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */ 14539.filepicker .moodle-dialogue-bd { 14540 min-height: 520px; } 14541 14542.file-picker .fp-navbar { 14543 min-height: 40px; 14544 padding: 4px; } 14545 14546.fp-navbar { 14547 border-color: #8f959e; 14548 border-bottom: 0; } 14549 14550.file-picker .fp-content { 14551 border-top: 0; 14552 background: #fff; 14553 clear: none; 14554 overflow: auto; 14555 height: 452px; } 14556 14557.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content { 14558 width: 100%; } 14559 14560.file-picker .fp-content-loading { 14561 height: 100%; 14562 width: 100%; 14563 display: table; 14564 text-align: center; } 14565 14566.file-picker .fp-content .fp-object-container { 14567 width: 98%; 14568 height: 98%; } 14569 14570.file-picker .fp-def-search { 14571 margin-top: 0; } 14572 14573.file-picker .fp-list { 14574 list-style-type: none; 14575 padding: 0; 14576 float: left; 14577 width: 100%; 14578 margin: 0; } 14579 14580.file-picker .fp-list .fp-repo a { 14581 display: block; 14582 padding: .5em .7em; } 14583 14584.file-picker .fp-list .fp-repo.active { 14585 background: #f2f2f2; } 14586 14587.file-picker .fp-list .fp-repo-icon { 14588 padding: 0 7px 0 5px; 14589 width: 16px; 14590 height: 16px; } 14591 14592.fp-toolbar { 14593 float: left; } 14594 14595.fp-toolbar.empty { 14596 display: none; } 14597 14598.fp-toolbar .disabled { 14599 display: none; } 14600 14601.fp-toolbar div { 14602 display: block; 14603 float: left; 14604 margin-right: 4px; } 14605 14606.fp-toolbar img { 14607 vertical-align: -15%; 14608 margin-right: 5px; } 14609 14610.fp-viewbar:not(.disabled) a.checked { 14611 background-color: #b1bbc4; 14612 color: #1d2125; 14613 border-color: #aab4bf; } 14614 14615.fp-viewbar.disabled a { 14616 pointer-events: none; 14617 opacity: 0.65; } 14618 14619.file-picker .fp-clear-left { 14620 clear: left; } 14621 14622.fp-pathbar.empty { 14623 display: none; } 14624 14625.fp-pathbar .fp-path-folder { 14626 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat; 14627 background-size: 12px 12px; 14628 height: 12px; 14629 margin-left: 12px; } 14630 14631/*rtl:raw: 14632.fp-pathbar .fp-path-folder { 14633 background-image: url('[[pix:theme|fp/path_folder_rtl]]'); 14634} 14635*/ 14636.fp-pathbar .fp-path-folder-name { 14637 margin-left: 24px; } 14638 14639.fp-iconview .fp-file { 14640 float: left; 14641 text-align: center; 14642 position: relative; 14643 margin: 10px 10px 35px; } 14644 14645.fp-iconview .fp-thumbnail { 14646 min-width: 110px; 14647 min-height: 110px; 14648 line-height: 110px; 14649 text-align: center; 14650 border: 1px solid #fff; 14651 display: block; } 14652 14653.fp-iconview .fp-thumbnail img { 14654 border: 1px solid #ddd; 14655 padding: 3px; 14656 vertical-align: middle; } 14657 14658.fp-iconview .fp-thumbnail:hover { 14659 background: #fff; 14660 border: 1px solid #ddd; } 14661 14662.fp-iconview .fp-filename-field { 14663 height: 33px; 14664 margin-top: 3px; 14665 word-wrap: break-word; 14666 overflow: hidden; 14667 position: absolute; } 14668 14669.fp-iconview .fp-file:focus .fp-filename-field, 14670.fp-iconview .fp-file:hover .fp-filename-field { 14671 overflow: visible; 14672 z-index: 1000; } 14673 14674.fp-iconview .fp-file:focus .fp-filename, 14675.fp-iconview .fp-file:hover .fp-filename { 14676 overflow: inherit; 14677 white-space: normal; 14678 text-overflow: inherit; } 14679 14680.fp-iconview .fp-filename-field .fp-filename { 14681 background: #fff; 14682 padding-top: 5px; 14683 padding-bottom: 12px; 14684 min-width: 112px; } 14685 14686.file-picker .yui3-datatable table { 14687 border: 0 solid #bbb; 14688 width: 100%; } 14689 14690.file-picker .ygtvtn, 14691.filemanager .ygtvtn { 14692 /*rtl:remove*/ 14693 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat; 14694 /*rtl:raw: 14695 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat; 14696 */ 14697 width: 19px; 14698 height: 32px; } 14699 14700.file-picker .ygtvtm, 14701.filemanager .ygtvtm { 14702 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat; 14703 /*rtl:raw: 14704 background-position: 2px 10px; 14705 */ 14706 width: 13px; 14707 height: 12px; 14708 cursor: pointer; } 14709 14710.file-picker .ygtvtmh, 14711.filemanager .ygtvtmh { 14712 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat; 14713 /*rtl:raw: 14714 background-position: 2px 10px; 14715 */ 14716 width: 13px; 14717 height: 12px; 14718 cursor: pointer; } 14719 14720.file-picker .ygtvtp, 14721.filemanager .ygtvtp { 14722 /*rtl:remove*/ 14723 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat; 14724 /*rtl:raw: 14725 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat; 14726 */ 14727 width: 13px; 14728 height: 12px; 14729 cursor: pointer; } 14730 14731.file-picker .ygtvtph, 14732.filemanager .ygtvtph { 14733 /*rtl:remove*/ 14734 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat; 14735 /*rtl:raw: 14736 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat; 14737 */ 14738 width: 13px; 14739 height: 22px; 14740 cursor: pointer; } 14741 14742.file-picker .ygtvln, 14743.filemanager .ygtvln { 14744 /*rtl:remove*/ 14745 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat; 14746 /*rtl:raw: 14747 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat; 14748 */ 14749 width: 19px; 14750 height: 32px; } 14751 14752.file-picker .ygtvlm, 14753.filemanager .ygtvlm { 14754 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat; 14755 /*rtl:raw: 14756 background-position: 2px 10px; 14757 */ 14758 width: 13px; 14759 height: 12px; 14760 cursor: pointer; } 14761 14762.file-picker .ygtvlmh, 14763.filemanager .ygtvlmh { 14764 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat; 14765 /*rtl:raw: 14766 background-position: 2px 10px; 14767 */ 14768 width: 13px; 14769 height: 12px; 14770 cursor: pointer; } 14771 14772.file-picker .ygtvlp, 14773.filemanager .ygtvlp { 14774 /*rtl:remove*/ 14775 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat; 14776 /*rtl:raw: 14777 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat; 14778 */ 14779 width: 13px; 14780 height: 12px; 14781 cursor: pointer; } 14782 14783.file-picker .ygtvlph, 14784.filemanager .ygtvlph { 14785 /*rtl:remove*/ 14786 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat; 14787 /*rtl:raw: 14788 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat; 14789 */ 14790 width: 13px; 14791 height: 12px; 14792 cursor: pointer; } 14793 14794.file-picker .ygtvloading, 14795.filemanager .ygtvloading { 14796 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat; 14797 width: 16px; 14798 height: 22px; } 14799 14800.file-picker .ygtvdepthcell, 14801.filemanager .ygtvdepthcell { 14802 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat; 14803 /*rtl:raw: 14804 background-position: 0 0; 14805 */ 14806 width: 17px; 14807 height: 32px; } 14808 14809.file-picker .ygtvblankdepthcell, 14810.filemanager .ygtvblankdepthcell { 14811 width: 17px; 14812 height: 22px; } 14813 14814a.ygtvspacer:hover { 14815 color: transparent; 14816 text-decoration: none; } 14817 14818.ygtvlabel, 14819.ygtvlabel:link, 14820.ygtvlabel:visited, 14821.ygtvlabel:hover { 14822 background-color: transparent; 14823 cursor: pointer; 14824 margin-left: 2px; 14825 text-decoration: none; } 14826 14827.file-picker .ygtvfocus, 14828.filemanager .ygtvfocus { 14829 background-color: #eee; } 14830 14831.fp-filename-icon { 14832 margin-top: 10px; 14833 display: block; 14834 position: relative; } 14835 14836.fp-icon { 14837 float: left; 14838 margin-top: -7px; 14839 width: 24px; 14840 height: 24px; 14841 margin-right: 10px; 14842 text-align: center; 14843 line-height: 24px; } 14844 14845.fp-icon img { 14846 max-height: 24px; 14847 max-width: 24px; 14848 vertical-align: middle; } 14849 14850.fp-filename { 14851 padding-right: 10px; } 14852 14853.file-picker .fp-login-form { 14854 height: 100%; 14855 width: 100%; 14856 display: table; } 14857 14858.file-picker .fp-upload-form { 14859 height: 100%; 14860 width: 100%; 14861 display: table; } 14862 14863.file-picker .fp-upload-form table { 14864 margin: 0 auto; } 14865 14866.file-picker.fp-dlg { 14867 text-align: center; } 14868 14869.file-picker.fp-dlg .fp-dlg-buttons { 14870 margin: 0 20px; } 14871 14872.file-picker.fp-msg { 14873 text-align: center; } 14874 14875.file-picker .fp-content-error { 14876 height: 100%; 14877 width: 100%; 14878 display: table; 14879 text-align: center; } 14880 14881.file-picker .fp-nextpage { 14882 clear: both; } 14883 14884.file-picker .fp-nextpage .fp-nextpage-loading { 14885 display: none; } 14886 14887.file-picker .fp-nextpage.loading .fp-nextpage-link { 14888 display: none; } 14889 14890.file-picker .fp-nextpage.loading .fp-nextpage-loading { 14891 display: block; 14892 text-align: center; 14893 height: 100px; 14894 padding-top: 50px; } 14895 14896.fp-select .fp-select-loading { 14897 text-align: center; 14898 margin-top: 20px; } 14899 14900.fp-select table { 14901 padding: 0 0 10px; } 14902 14903.fp-select table .mdl-right { 14904 min-width: 84px; } 14905 14906.fp-select .fp-reflist .mdl-right { 14907 vertical-align: top; } 14908 14909.fp-select .fp-select-buttons { 14910 float: right; } 14911 14912.fp-select .fp-info { 14913 font-size: 0.703125rem; } 14914 14915.fp-select .fp-thumbnail { 14916 float: left; 14917 min-width: 110px; 14918 min-height: 110px; 14919 line-height: 110px; 14920 text-align: center; 14921 margin: 10px 20px 0 0; 14922 background: #fff; 14923 border: 1px solid #ddd; } 14924 14925.fp-select .fp-thumbnail img { 14926 border: 1px solid #ddd; 14927 padding: 3px; 14928 vertical-align: middle; 14929 margin: 10px; } 14930 14931.fp-select .fp-fileinfo { 14932 display: inline-block; 14933 margin-top: 10px; } 14934 14935.file-picker.fp-select .fp-fileinfo { 14936 max-width: 240px; } 14937 14938.fp-select .fp-fileinfo div { 14939 padding-bottom: 5px; } 14940 14941.file-picker.fp-select .uneditable { 14942 display: none; } 14943 14944.file-picker.fp-select .fp-select-loading { 14945 display: none; } 14946 14947.file-picker.fp-select.loading .fp-select-loading { 14948 display: block; } 14949 14950.file-picker.fp-select.loading form { 14951 display: none; } 14952 14953.fp-select .fp-dimensions.fp-unknown { 14954 display: none; } 14955 14956.fp-select .fp-size.fp-unknown { 14957 display: none; } 14958 14959.filemanager-loading { 14960 display: none; } 14961 14962.jsenabled .filemanager-loading { 14963 display: block; 14964 margin-top: 100px; } 14965 14966.filemanager.fm-loading .filemanager-toolbar, 14967.filemanager.fm-loading .fp-pathbar, 14968.filemanager.fm-loading .filemanager-container, 14969.filemanager.fm-loaded .filemanager-loading, 14970.filemanager.fm-maxfiles .fp-btn-add, 14971.filemanager.fm-maxfiles .dndupload-message, 14972.filemanager.fm-noitems .fp-btn-download, 14973.filemanager.fm-noitems .fp-btn-delete, 14974.filemanager .fm-empty-container, 14975.filemanager.fm-noitems .filemanager-container .fp-content { 14976 display: none; } 14977 14978.filemanager .fp-img-downloading { 14979 display: none; 14980 padding-top: 7px; } 14981 14982.filemanager .filemanager-updating { 14983 display: none; 14984 text-align: center; } 14985 14986.filemanager.fm-updating .filemanager-updating { 14987 display: block; 14988 margin-top: 37px; } 14989 14990.filemanager.fm-updating .fm-content-wrapper, 14991.filemanager.fm-nomkdir .fp-btn-mkdir, 14992.fitem.disabled .filemanager .filemanager-toolbar, 14993.fitem.disabled .filemanager .fp-pathbar, 14994.fitem.disabled .filemanager .fp-restrictions, 14995.fitem.disabled .filemanager .fm-content-wrapper { 14996 display: none; } 14997 14998.filemanager .fp-restrictions { 14999 text-align: right; } 15000 15001.filemanager-toolbar { 15002 padding: 4px; 15003 overflow: hidden; } 15004 15005.filemanager .fp-pathbar.empty { 15006 display: none; } 15007 15008.filepicker-filelist, 15009.filemanager-container { 15010 min-height: 140px; 15011 border: 1px solid #8f959e; } 15012 15013.filemanager .fp-content { 15014 overflow: auto; 15015 max-height: 472px; 15016 min-height: 157px; } 15017 15018.filemanager-container, 15019.filepicker-filelist { 15020 overflow: hidden; } 15021 15022.file-picker .yui3-datatable-header { 15023 /*rtl:raw: 15024 text-align: right; 15025 */ 15026 background: initial; } 15027 15028.fitem.disabled .filepicker-filelist, 15029.fitem.disabled .filemanager-container { 15030 background-color: #ebebe4; } 15031 15032.fitem.disabled .fp-btn-choose { 15033 color: #6a737b; } 15034 15035.fitem.disabled .filepicker-filelist .filepicker-filename { 15036 display: none; } 15037 15038.fp-iconview .fp-reficons1 { 15039 position: absolute; 15040 height: 100%; 15041 width: 100%; 15042 top: 0; 15043 left: 0; } 15044 15045.fp-iconview .fp-reficons2 { 15046 position: absolute; 15047 height: 100%; 15048 width: 100%; 15049 top: 0; 15050 left: 0; } 15051 15052.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 { 15053 background: url("[[pix:theme|fp/link]]") no-repeat; 15054 /*rtl:raw: 15055 transform: scaleX(-1); 15056 */ 15057 /*rtl:ignore*/ 15058 background-position: bottom right; 15059 background-size: 16px 16px; } 15060 15061.fp-iconview .fp-file.fp-isreference .fp-reficons2 { 15062 background: url("[[pix:theme|fp/alias]]") no-repeat; 15063 /*rtl:raw: 15064 transform: scaleX(-1); 15065 */ 15066 /*rtl:ignore*/ 15067 background-position: bottom left; 15068 background-size: 16px 16px; } 15069 15070.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img { 15071 display: none; } 15072 15073.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail { 15074 background: url([[pix:s/dead]]) no-repeat; 15075 background-position: center center; } 15076 15077.filemanager .yui3-datatable table { 15078 border: 0 solid #bbb; 15079 width: 100%; } 15080 15081/* Override YUI default styling */ 15082/* stylelint-disable declaration-no-important */ 15083.filemanager .yui3-datatable-header { 15084 /*rtl:raw: 15085 text-align: right; 15086 */ 15087 background: #fff !important; 15088 border-bottom: 1px solid #ccc !important; 15089 border-left: 0 solid #fff !important; 15090 color: #555 !important; } 15091 15092.filemanager .yui3-datatable-odd .yui3-datatable-cell { 15093 background-color: #f6f6f6 !important; 15094 border-left: 0 solid #f6f6f6; } 15095 15096.filemanager .yui3-datatable-even .yui3-datatable-cell { 15097 background-color: #fff !important; 15098 border-left: 0 solid #fff; } 15099 15100/* stylelint-enable */ 15101.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 { 15102 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0; 15103 height: 100%; 15104 width: 100%; 15105 /*rtl:raw: 15106 transform: scaleX(-1); 15107 */ 15108 position: absolute; 15109 top: 8px; 15110 left: 17px; 15111 background-size: 16px 16px; } 15112 15113.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 { 15114 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0; 15115 height: 100%; 15116 width: 100%; 15117 /*rtl:raw: 15118 transform: scaleX(-1); 15119 */ 15120 position: absolute; 15121 top: 9px; 15122 left: -6px; 15123 background-size: 16px 16px; } 15124 15125.filemanager .fp-contextmenu { 15126 display: none; } 15127 15128.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu { 15129 position: absolute; 15130 right: 0; 15131 bottom: 0; 15132 display: flex; 15133 align-items: center; 15134 justify-content: center; } 15135 15136.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, 15137.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu { 15138 display: inline; 15139 position: absolute; 15140 left: 14px; 15141 margin-right: -20px; 15142 top: 6px; } 15143 15144.filepicker-filelist .filepicker-container, 15145.filemanager.fm-noitems .fm-empty-container { 15146 display: block; 15147 position: absolute; 15148 top: 10px; 15149 bottom: 10px; 15150 left: 10px; 15151 right: 10px; 15152 border: 2px dashed #bbb; 15153 padding-top: 85px; 15154 text-align: center; } 15155 15156.filepicker-filelist .dndupload-target, 15157.filemanager-container .dndupload-target { 15158 background: #fff; 15159 position: absolute; 15160 top: 10px; 15161 bottom: 10px; 15162 left: 10px; 15163 right: 10px; 15164 border: 2px dashed #fb7979; 15165 padding-top: 85px; 15166 text-align: center; } 15167 15168.filepicker-filelist.dndupload-over .dndupload-target, 15169.filemanager-container.dndupload-over .dndupload-target { 15170 background: #fff; 15171 position: absolute; 15172 top: 10px; 15173 bottom: 10px; 15174 left: 10px; 15175 right: 10px; 15176 border: 2px dashed #6c8cd3; 15177 padding-top: 85px; 15178 text-align: center; } 15179 15180.dndupload-message { 15181 display: none; } 15182 15183.dndsupported .dndupload-message { 15184 display: inline; } 15185 15186.dnduploadnotsupported-message { 15187 display: none; } 15188 15189.dndnotsupported .dnduploadnotsupported-message { 15190 display: inline; } 15191 15192.dndupload-target { 15193 display: none; } 15194 15195.dndsupported .dndupload-ready .dndupload-target { 15196 display: block; } 15197 15198.dndupload-uploadinprogress { 15199 display: none; 15200 text-align: center; } 15201 15202.dndupload-uploading .dndupload-uploadinprogress { 15203 display: block; } 15204 15205.dndupload-arrow { 15206 background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat; 15207 width: 100%; 15208 height: 80px; 15209 position: absolute; 15210 top: 5px; } 15211 15212.fitem.disabled .filepicker-container, 15213.fitem.disabled .fm-empty-container { 15214 display: none; } 15215 15216.dndupload-progressbars { 15217 padding: 10px; 15218 display: none; } 15219 15220.dndupload-inprogress .dndupload-progressbars { 15221 display: block; } 15222 15223.dndupload-inprogress .fp-content { 15224 display: none; } 15225 15226.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container { 15227 display: none; } 15228 15229.filepicker-filelist.dndupload-inprogress .filepicker-container { 15230 display: none; } 15231 15232.filepicker-filelist.dndupload-inprogress a { 15233 display: none; } 15234 15235.filemanager.fp-select .fp-select-loading { 15236 display: none; } 15237 15238.filemanager.fp-select.loading .fp-select-loading { 15239 display: block; } 15240 15241.filemanager.fp-select.loading form { 15242 display: none; } 15243 15244.filemanager.fp-select.fp-folder .fp-license, 15245.filemanager.fp-select.fp-folder .fp-author, 15246.filemanager.fp-select.fp-file .fp-file-unzip, 15247.filemanager.fp-select.fp-folder .fp-file-unzip, 15248.filemanager.fp-select.fp-file .fp-file-zip, 15249.filemanager.fp-select.fp-zip .fp-file-zip { 15250 display: none; } 15251 15252.filemanager.fp-select .fp-file-setmain, 15253.filemanager.fp-select .fp-file-setmain-help { 15254 display: none; } 15255 15256.filemanager.fp-select.fp-cansetmain .fp-file-setmain, 15257.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help { 15258 display: inline-block; } 15259 15260.filemanager .fp-mainfile .fp-filename { 15261 font-weight: bold; } 15262 15263.filemanager.fp-select.fp-folder .fp-file-download { 15264 display: none; } 15265 15266.fm-operation { 15267 font-weight: bold; } 15268 15269.filemanager.fp-select .fp-original.fp-unknown, 15270.filemanager.fp-select .fp-original .fp-originloading { 15271 display: none; } 15272 15273.filemanager.fp-select .fp-original.fp-loading .fp-originloading { 15274 display: inline; } 15275 15276.filemanager.fp-select .fp-reflist.fp-unknown, 15277.filemanager.fp-select .fp-reflist .fp-reflistloading { 15278 display: none; } 15279 15280.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading { 15281 display: inline; } 15282 15283.filemanager.fp-select .fp-reflist .fp-value { 15284 background: #f9f9f9; 15285 border: 1px solid #bbb; 15286 padding: 8px 7px; 15287 margin: 0; 15288 max-height: 75px; 15289 overflow: auto; } 15290 15291.filemanager.fp-select .fp-reflist .fp-value li { 15292 padding-bottom: 7px; } 15293 15294.filemanager.fp-mkdir-dlg { 15295 text-align: center; } 15296 15297.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text { 15298 text-align: left; 15299 margin: 20px; } 15300 15301.filemanager.fp-dlg { 15302 text-align: center; } 15303 15304.file-picker div.bd { 15305 text-align: left; } 15306 15307.fp-formset { 15308 padding: 10px; } 15309 .fp-formset input[type="file"] { 15310 line-height: inherit; } 15311 15312.fp-forminset { 15313 padding: 0 10px; } 15314 15315.fp-fileinfo .fp-value { 15316 display: inline-block; 15317 padding-left: 5px; } 15318 15319/** The message area **/ 15320.hidden { 15321 display: none; } 15322 15323.preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl { 15324 padding: 0; } 15325 .preferences-container .container-fluid .col-md-6, .preferences-container .container-sm .col-md-6, .preferences-container .container-md .col-md-6, .preferences-container .container-lg .col-md-6, .preferences-container .container-xl .col-md-6 { 15326 min-height: 20px; } 15327 15328.preferences-container .align-bottom { 15329 vertical-align: bottom; } 15330 15331.preferences-container .preference-table { 15332 border: 1px solid #ddd; } 15333 .preferences-container .preference-table thead th { 15334 text-align: center; } 15335 .preferences-container .preference-table thead th .config-warning { 15336 display: none; } 15337 .preferences-container .preference-table thead th.unconfigured .config-warning { 15338 display: inline-block; } 15339 .preferences-container .preference-table tr th { 15340 border-left: 1px solid #dee2e6; } 15341 .preferences-container .preference-table tr td:not(:first-child) { 15342 width: 150px; 15343 text-align: center; } 15344 .preferences-container .preference-table tr td:nth-child(even) { 15345 border: 1px solid #dee2e6; } 15346 .preferences-container .preference-table .preference-row .hover-tooltip-container { 15347 display: inline-block; } 15348 .preferences-container .preference-table .preference-row .preference-name { 15349 vertical-align: middle; } 15350 .preferences-container .preference-table .preference-row .disabled-message { 15351 text-align: center; 15352 height: 30px; 15353 line-height: 30px; } 15354 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon { 15355 display: block; } 15356 15357.disabled-message { 15358 display: none; } 15359 15360.disabled .disabled-message { 15361 display: block; } 15362 .disabled .disabled-message + form { 15363 display: none; } 15364 15365.general-settings-container .loading-icon { 15366 display: none; } 15367 15368.general-settings-container .loading .loading-icon { 15369 display: inline-block; } 15370 15371.general-settings-container label { 15372 display: inline-block; } 15373 15374.processor-container { 15375 position: relative; } 15376 .processor-container .loading-container { 15377 display: none; 15378 position: absolute; 15379 width: 100%; 15380 height: 100%; 15381 text-align: center; 15382 background-color: rgba(255, 255, 255, 0.5); } 15383 .processor-container .loading-container .vertical-align { 15384 height: 100%; 15385 width: 0%; 15386 display: inline-block; 15387 vertical-align: middle; } 15388 .processor-container.loading .loading-container { 15389 display: block; } 15390 15391.preferences-page-container .checkbox-container { 15392 margin: 30px 5px; 15393 line-height: 20px; } 15394 .preferences-page-container .checkbox-container input { 15395 line-height: 20px; 15396 margin: 0; } 15397 .preferences-page-container .checkbox-container .loading-icon { 15398 display: none; } 15399 .preferences-page-container .checkbox-container.loading .loading-icon { 15400 display: inline-block; } 15401 15402.notification-area { 15403 height: 600px; 15404 box-sizing: border-box; 15405 border-radius: 4px; 15406 margin-bottom: 30px; 15407 border: 1px solid #e3e3e3; } 15408 @media (max-height: 670px) { 15409 .notification-area { 15410 height: 500px; } } 15411 .notification-area .control-area { 15412 box-sizing: border-box; 15413 display: inline-block; 15414 width: 300px; 15415 height: 100%; 15416 overflow: auto; 15417 -webkit-overflow-scrolling: touch; 15418 border-right: 1px solid #e3e3e3; } 15419 .notification-area .control-area .content { 15420 position: relative; } 15421 .notification-area .control-area .content .content-item-container { 15422 cursor: pointer; } 15423 .notification-area .control-area .content:empty + .empty-text { 15424 display: block; } 15425 .notification-area .control-area .loading-icon { 15426 display: none; } 15427 .notification-area .control-area .empty-text { 15428 display: none; 15429 text-align: center; 15430 padding-top: 20px; } 15431 .notification-area .control-area.loading .loading-icon { 15432 display: block; 15433 text-align: center; 15434 box-sizing: border-box; 15435 padding: 5px; } 15436 .notification-area .control-area.loading .content:empty + .empty-text { 15437 display: none; } 15438 .notification-area .content-area { 15439 box-sizing: border-box; 15440 display: inline-block; 15441 width: calc(100% - 300px); 15442 float: right; } 15443 .notification-area .content-area .toggle-mode { 15444 display: none; } 15445 .notification-area .content-area .header { 15446 height: 50px; 15447 box-sizing: border-box; 15448 border-bottom: 1px solid #e3e3e3; 15449 padding: 5px; } 15450 .notification-area .content-area .header .image-container { 15451 display: inline-block; 15452 height: 25px; 15453 width: 24px; 15454 float: left; } 15455 .notification-area .content-area .header .subject-container { 15456 display: inline-block; 15457 max-width: calc(100% - 24px); 15458 white-space: nowrap; 15459 overflow: hidden; 15460 text-overflow: ellipsis; 15461 height: 25px; 15462 padding-left: 5px; 15463 box-sizing: border-box; } 15464 .notification-area .content-area .header .timestamp { 15465 font-size: 10px; 15466 line-height: 10px; 15467 margin: 0; 15468 color: #666; 15469 margin-left: 30px; } 15470 .notification-area .content-area .header:empty { 15471 display: none; } 15472 .notification-area .content-area > .content { 15473 height: 500px; 15474 box-sizing: border-box; 15475 overflow: auto; 15476 -webkit-overflow-scrolling: touch; 15477 padding: 15px; } 15478 @media (max-height: 670px) { 15479 .notification-area .content-area > .content { 15480 height: 400px; } } 15481 .notification-area .content-area > .content:empty { 15482 display: none; } 15483 .notification-area .content-area > .content:empty + .empty-text { 15484 display: block; 15485 text-align: center; 15486 padding-top: 100px; } 15487 .notification-area .content-area .empty-text { 15488 display: none; } 15489 .notification-area .content-area .footer { 15490 height: 50px; 15491 box-sizing: border-box; 15492 text-align: center; } 15493 .notification-area .content-area .footer a { 15494 line-height: 50px; } 15495 .notification-area .content-area .footer:empty { 15496 display: none; } 15497 15498@media (max-width: 979px) { 15499 .notification-area { 15500 position: relative; 15501 overflow: hidden; } 15502 .notification-area .control-area { 15503 border-right: none; 15504 width: 100%; 15505 position: absolute; 15506 top: 0; 15507 left: 0; 15508 opacity: 1; 15509 visibility: visible; 15510 transition: left 0.25s; } 15511 .notification-area .content-area { 15512 width: 100%; 15513 position: absolute; 15514 top: 0; 15515 right: -100%; 15516 opacity: 0; 15517 visibility: hidden; 15518 transition: right 0.25s, opacity 0.25s, visibility 0.25s; } 15519 .notification-area .content-area .toggle-mode { 15520 display: inline-block; 15521 float: left; 15522 width: 70px; 15523 height: 50px; 15524 line-height: 50px; 15525 box-sizing: border-box; 15526 border-right: 1px solid #e3e3e3; 15527 border-bottom: 1px solid #e3e3e3; } 15528 .notification-area .content-area .header { 15529 display: inline-block; 15530 width: calc(100% - 70px); } 15531 .notification-area.show-content-area .control-area { 15532 left: -100%; 15533 opacity: 0; 15534 visibility: hidden; 15535 transition: left 0.25s, opacity 0.25s, visibility 0.25s; } 15536 .notification-area.show-content-area .content-area { 15537 right: 0; 15538 opacity: 1; 15539 visibility: visible; 15540 transition: right 0.25s; } } 15541 15542.drawer .message-app { 15543 height: 100%; } 15544 .drawer .message-app .icon-back-in-app { 15545 display: none; } 15546 .drawer .message-app .icon-back-in-drawer { 15547 display: inherit; } 15548 15549.message-app { 15550 display: flex; 15551 flex-direction: column; 15552 background-color: #eff1f3; } 15553 .message-app .icon-back-in-drawer { 15554 display: none; } 15555 .message-app.main { 15556 min-height: 400px; } 15557 .message-app .header-container { 15558 flex-shrink: 0; } 15559 .message-app .overflow-y { 15560 overflow-y: auto; } 15561 @media (max-height: 320px) { 15562 .message-app .header-container [data-region="view-overview"]:not(.hidden) { 15563 display: flex; 15564 align-items: center; } 15565 .message-app .footer-container [data-region="view-overview"] { 15566 display: none; } 15567 .message-app .overflow-y { 15568 overflow-y: unset; } } 15569 .message-app .body-container { 15570 flex: 1; 15571 overflow: hidden; } 15572 .message-app .body-container > * { 15573 position: absolute; 15574 right: 0; 15575 left: 0; 15576 top: 0; 15577 bottom: 0; 15578 overflow: auto; } 15579 .message-app .footer-container { 15580 flex-shrink: 0; } 15581 .message-app .footer-container textarea { 15582 direction: ltr; } 15583 .message-app .contact-status { 15584 position: absolute; 15585 left: 39px; 15586 top: 39px; 15587 width: 10px; 15588 height: 10px; 15589 border-radius: 50%; } 15590 .message-app .contact-status.online { 15591 border: 1px solid #fff; 15592 background-color: #357a32; } 15593 .message-app .message p { 15594 margin: 0; } 15595 .message-app .clickable { 15596 cursor: pointer; } 15597 .message-app .clickable:hover { 15598 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)); } 15599 .message-app a, 15600 .message-app .btn-link { 15601 color: inherit; } 15602 .message-app .btn-link:hover, .message-app .btn-link:focus { 15603 background-color: rgba(0, 0, 0, 0.035); 15604 text-decoration: none; } 15605 .message-app .icon { 15606 margin-right: 0; } 15607 .message-app .overview-section-toggle .collapsed-icon-container { 15608 display: none; } 15609 .message-app .overview-section-toggle .expanded-icon-container { 15610 display: inline-block; } 15611 .message-app .overview-section-toggle.collapsed .collapsed-icon-container { 15612 display: inline-block; } 15613 .message-app .overview-section-toggle.collapsed .expanded-icon-container { 15614 display: none; } 15615 .message-app .btn.btn-link.btn-icon { 15616 height: 16px; 15617 width: 16px; 15618 padding: 0; 15619 border-radius: 50%; 15620 flex-shrink: 0; } 15621 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus { 15622 background-color: #e9ecef; } 15623 .message-app .btn.btn-link.btn-icon.icon-size-0 { 15624 height: 20px !important; 15625 /* stylelint-disable-line declaration-no-important */ 15626 width: 20px !important; 15627 /* stylelint-disable-line declaration-no-important */ } 15628 .message-app .btn.btn-link.btn-icon.icon-size-1 { 15629 height: 24px !important; 15630 /* stylelint-disable-line declaration-no-important */ 15631 width: 24px !important; 15632 /* stylelint-disable-line declaration-no-important */ } 15633 .message-app .btn.btn-link.btn-icon.icon-size-2 { 15634 height: 28px !important; 15635 /* stylelint-disable-line declaration-no-important */ 15636 width: 28px !important; 15637 /* stylelint-disable-line declaration-no-important */ } 15638 .message-app .btn.btn-link.btn-icon.icon-size-3 { 15639 height: 36px !important; 15640 /* stylelint-disable-line declaration-no-important */ 15641 width: 36px !important; 15642 /* stylelint-disable-line declaration-no-important */ } 15643 .message-app .btn.btn-link.btn-icon.icon-size-4 { 15644 height: 44px !important; 15645 /* stylelint-disable-line declaration-no-important */ 15646 width: 44px !important; 15647 /* stylelint-disable-line declaration-no-important */ } 15648 .message-app .btn.btn-link.btn-icon.icon-size-5 { 15649 height: 52px !important; 15650 /* stylelint-disable-line declaration-no-important */ 15651 width: 52px !important; 15652 /* stylelint-disable-line declaration-no-important */ } 15653 .message-app .btn.btn-link.btn-icon.icon-size-6 { 15654 height: 60px !important; 15655 /* stylelint-disable-line declaration-no-important */ 15656 width: 60px !important; 15657 /* stylelint-disable-line declaration-no-important */ } 15658 .message-app .btn.btn-link.btn-icon.icon-size-7 { 15659 height: 68px !important; 15660 /* stylelint-disable-line declaration-no-important */ 15661 width: 68px !important; 15662 /* stylelint-disable-line declaration-no-important */ } 15663 .message-app .view-overview-body .section { 15664 display: block; } 15665 .message-app .view-overview-body .section.expanded { 15666 display: flex; } 15667 .message-app .view-overview-body .section div[data-region="toggle"] { 15668 padding: 0.1rem; } 15669 .message-app .view-conversation .content-message-container img { 15670 max-width: 100%; } 15671 .message-app .list-group .list-group-item { 15672 border-left: 0; 15673 border-right: 0; } 15674 .message-app .list-group .list-group-item:hover { 15675 color: #fff; 15676 background-color: #0f6cbf; } 15677 .message-app .list-group .list-group-item:hover .badge-primary { 15678 background-color: #fff; 15679 color: #0f6cbf; } 15680 .message-app .list-group .list-group-item:first-child { 15681 border-top: 0; } 15682 .message-app .list-group .list-group-item:last-child { 15683 border-bottom: 0; } 15684 .message-app .list-group .list-group-item.list-group-item-action { 15685 margin: 0.1rem; 15686 width: auto; 15687 text-align: inherit; } 15688 .message-app .last-message { 15689 min-height: 1.5rem; } 15690 .message-app .section .collapsing { 15691 overflow: hidden; } 15692 .message-app .message.send { 15693 background-color: #dee2e6; 15694 color: #1d2125; } 15695 .message-app .message.send .time { 15696 color: #1d2125; } 15697 .message-app .message.send .tail { 15698 right: 0; 15699 margin-right: -0.5rem; 15700 border-bottom-color: #dee2e6; } 15701 .message-app .message.received { 15702 background-color: #fff; 15703 color: #1d2125; } 15704 .message-app .message.received .time { 15705 color: #616466; } 15706 .message-app .message.received .tail { 15707 left: 0; 15708 margin-left: -0.5rem; 15709 border-bottom-color: #fff; } 15710 .message-app .message .tail { 15711 content: ''; 15712 bottom: 0; 15713 width: 0; 15714 height: 0; 15715 border: 0.5rem solid transparent; 15716 position: relative; } 15717 .message-app .day { 15718 color: #1d2125; } 15719 .message-app .lazy-load-list { 15720 overflow-y: auto; } 15721 15722#page-message-index #page-header { 15723 display: none; } 15724 15725#page-message-index #region-main { 15726 height: 100%; 15727 margin-top: 0; } 15728 #page-message-index #region-main .conversationcontainer .section { 15729 max-height: calc(100vh - 50px); } 15730 #page-message-index #region-main div[role="main"] { 15731 height: 100%; } 15732 #page-message-index #region-main div[role="main"] #maincontent { 15733 margin-top: -1px; } 15734 #page-message-index #region-main div[role="main"] .message-app.main { 15735 height: 100%; } 15736 15737.dir-rtl .message-drawer { 15738 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); } 15739 15740.message-app .emoji-picker-container { 15741 position: absolute; 15742 top: -5px; 15743 right: 5px; 15744 transform: translateY(-100%); } 15745 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button { 15746 height: 40px; 15747 width: 40px; } 15748 @media (max-width: 575.98px) { 15749 .message-app .emoji-picker-container { 15750 right: -0.5rem; } } 15751 15752@media (max-height: 495px) { 15753 .message-app .emoji-picker-container { 15754 position: fixed; 15755 top: 0; 15756 transform: none; } } 15757 15758.message-app .emoji-auto-complete-container { 15759 overflow: auto; 15760 max-height: 90px; 15761 transition: max-height .15s ease-in-out; 15762 visibility: visible; } 15763 .message-app .emoji-auto-complete-container.hidden { 15764 display: block; 15765 max-height: 0; 15766 visibility: hidden; 15767 overflow: hidden; 15768 transition: max-height .15s ease-in-out, visibility 0s linear .15s, overflow 0s linear .15s; } 15769 15770/* Question */ 15771.questionbank h2 { 15772 margin-top: 0; } 15773 15774.questioncategories h3 { 15775 margin-top: 0; } 15776 15777#chooseqtypebox { 15778 margin-top: 1em; } 15779 15780#chooseqtype h3 { 15781 margin: 0 0 0.3em; } 15782 15783#chooseqtype .instruction { 15784 display: none; } 15785 15786#chooseqtype .fakeqtypes { 15787 border-top: 1px solid silver; } 15788 15789#chooseqtype .qtypeoption { 15790 margin-bottom: 0.5em; } 15791 15792#chooseqtype label { 15793 display: block; } 15794 15795#chooseqtype .qtypename img { 15796 padding: 0 0.3em; } 15797 15798#chooseqtype .qtypename { 15799 display: inline-table; 15800 width: 16em; } 15801 15802#chooseqtype .qtypesummary { 15803 display: block; 15804 margin: 0 2em; } 15805 15806#chooseqtype .submitbuttons { 15807 margin: 0.7em 0; 15808 text-align: center; } 15809 15810#qtypechoicecontainer { 15811 display: none; } 15812 15813#qtypechoicecontainer_c.yui-panel-container.shadow .underlay { 15814 background: none; } 15815 15816#qtypechoicecontainer.yui-panel .hd { 15817 color: #333; 15818 letter-spacing: 1px; 15819 text-shadow: 1px 1px 1px #fff; 15820 border-top-left-radius: 10px; 15821 border-top-right-radius: 10px; 15822 border: 1px solid #ccc; 15823 border-bottom: 1px solid #bbb; 15824 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%); 15825 background-repeat: repeat-x; } 15826 15827#qtypechoicecontainer { 15828 font-size: 12px; 15829 color: #333; 15830 background: #f2f2f2; 15831 border-radius: 10px; 15832 border: 1px solid #ccc; 15833 border-top: 0 none; } 15834 15835#qtypechoicecontainer #chooseqtype { 15836 width: 40em; } 15837 15838#chooseqtypehead h3 { 15839 margin: 0; 15840 font-weight: normal; } 15841 15842#chooseqtype .qtypes { 15843 position: relative; 15844 border-bottom: 1px solid #bbb; 15845 padding: 0.24em 0; } 15846 15847#chooseqtype .alloptions { 15848 overflow-x: hidden; 15849 overflow-y: auto; 15850 max-height: calc(100vh - 15em); 15851 width: 60%; } 15852 15853#chooseqtype .qtypeoption { 15854 margin-bottom: 0; 15855 padding: 0.3em 0.3em 0.3em 1.6em; } 15856 15857#chooseqtype .qtypeoption img { 15858 vertical-align: text-bottom; 15859 padding-left: 1em; 15860 padding-right: 0.5em; } 15861 15862#chooseqtype .selected { 15863 background-color: #fff; } 15864 15865#chooseqtype .instruction, 15866#chooseqtype .qtypesummary { 15867 display: none; 15868 position: absolute; 15869 top: 0; 15870 right: 0; 15871 bottom: 0; 15872 left: 60%; 15873 margin: 0; 15874 overflow-x: hidden; 15875 overflow-y: auto; 15876 padding: 1.5em 1.6em; 15877 background-color: #fff; } 15878 15879#chooseqtype .instruction, 15880#chooseqtype .selected .qtypesummary { 15881 display: block; } 15882 15883#categoryquestions { 15884 margin: 0; } 15885 #categoryquestions td, 15886 #categoryquestions th { 15887 padding: 0 0.2em; } 15888 #categoryquestions th { 15889 text-align: left; 15890 font-weight: normal; } 15891 #categoryquestions > tbody > tr.r1 { 15892 background-color: rgba(0, 0, 0, 0.03); } 15893 #categoryquestions > tbody > tr.highlight { 15894 border: 1px solid #008196; } 15895 #categoryquestions .checkbox { 15896 padding-left: 5px; } 15897 #categoryquestions .checkbox input[type="checkbox"] { 15898 margin-left: 0; 15899 float: none; } 15900 #categoryquestions .iconcol { 15901 padding: 3px; 15902 box-sizing: content-box; } 15903 #categoryquestions .iconcol .icon { 15904 margin: 0; 15905 width: 12px; 15906 height: 12px; } 15907 #categoryquestions label { 15908 margin: 0; 15909 display: block; } 15910 #categoryquestions .header { 15911 text-align: left; } 15912 15913#page-mod-quiz-edit div.questionbankwindow div.header { 15914 margin: 0; } 15915 15916#page-mod-quiz-edit div.questionbankwindow.block { 15917 padding: 0; } 15918 15919.questionbank .singleselect { 15920 margin: 0; } 15921 15922/* Question editing form */ 15923#combinedfeedbackhdr div.fhtmleditor { 15924 padding: 0; } 15925 15926#combinedfeedbackhdr div.fcheckbox { 15927 margin-bottom: 1em; } 15928 15929#multitriesheader div.fitem_feditor { 15930 margin-top: 1em; } 15931 15932#multitriesheader div.fitem_fgroup { 15933 margin-bottom: 1em; } 15934 15935#multitriesheader div.fitem_fgroup fieldset.felement label { 15936 margin-left: 0.3em; 15937 margin-right: 0.3em; } 15938 15939body.path-question-type { 15940 /* Hacks to display the labels within a form group. */ } 15941 body.path-question-type .form-group .sr-only:not(legend):not([for="id_category"]) { 15942 position: static; 15943 width: auto; 15944 height: auto; 15945 padding: 0; 15946 margin: 0 0.5rem 0 0; 15947 overflow: visible; 15948 clip: auto; 15949 clip-path: none; 15950 border: 0; } 15951 15952.que { 15953 clear: left; 15954 text-align: left; 15955 margin: 0 auto 1.8em auto; } 15956 15957.que .info { 15958 float: left; 15959 width: 7em; 15960 padding: 0.5em; 15961 margin-bottom: 1.8em; 15962 background-color: #f8f9fa; 15963 border: 1px solid #cad0d7; 15964 border-radius: 2px; } 15965 15966.que h3.no { 15967 margin: 0; 15968 font-size: 0.8em; 15969 line-height: 1; } 15970 15971.que span.qno { 15972 font-size: 1.5em; 15973 font-weight: bold; } 15974 15975.que .info > div { 15976 font-size: 0.8em; 15977 margin-top: 0.7em; } 15978 15979.que .info .questionflag.editable { 15980 cursor: pointer; } 15981 15982.que .info .editquestion img, 15983.que .info .questionflag img, 15984.que .info .questionflag input { 15985 vertical-align: bottom; } 15986 15987.que .content { 15988 margin: 0 0 0 8.5em; } 15989 15990.que .formulation, 15991.que .outcome, 15992.que .comment { 15993 position: relative; 15994 padding: 0.75rem 1.25rem; 15995 margin-bottom: 1rem; 15996 border: 0 solid transparent; 15997 border-radius: 0.25rem; } 15998 15999.que .outcome, 16000.que .comment { 16001 color: #8e662e; 16002 background-color: #fcefdc; 16003 border-color: #fbe8cd; 16004 /* stylelint-disable-line max-line-length */ } 16005 .que .outcome hr, 16006 .que .comment hr { 16007 border-top-color: #f9ddb5; } 16008 .que .outcome .alert-link, 16009 .que .comment .alert-link { 16010 color: #674a22; } 16011 .que .outcome a, 16012 .que .comment a { 16013 color: #041c31; } 16014 16015.que .formulation { 16016 color: #001a1e; 16017 background-color: #e7f3f5; 16018 border-color: #b8dce2; 16019 /* stylelint-disable-line max-line-length */ } 16020 .que .formulation hr { 16021 border-top-color: #a6d3db; } 16022 .que .formulation .alert-link { 16023 color: black; } 16024 16025.que.multichoice .answer div.r0 .icon.fa-check, 16026.que.multichoice .answer div.r1 .icon.fa-check, 16027.que.multichoice .answer div.r0 .icon.fa-remove, 16028.que.multichoice .answer div.r1 .icon.fa-remove { 16029 text-indent: 0; } 16030 16031.formulation input[type="text"], 16032.formulation select { 16033 width: auto; 16034 vertical-align: baseline; } 16035 16036.que.multianswer .formulation .yui3-widget-positioned { 16037 box-sizing: content-box; } 16038 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan { 16039 width: inherit; 16040 max-width: inherit; } 16041 16042.path-mod-quiz input[size] { 16043 width: auto; 16044 max-width: 100%; } 16045 16046.que .comment { 16047 color: #1c3f1a; 16048 background-color: #d7e4d6; 16049 border-color: #c6dac6; 16050 /* stylelint-disable-line max-line-length */ } 16051 .que .comment hr { 16052 border-top-color: #b7d0b7; } 16053 .que .comment .alert-link { 16054 color: #0c1b0b; } 16055 16056.que .ablock { 16057 margin: 0.7em 0 0.3em 0; } 16058 16059.que .im-controls { 16060 margin-top: 0.5em; 16061 text-align: left; } 16062 16063.que .specificfeedback, 16064.que .generalfeedback, 16065.que .numpartscorrect .que .rightanswer, 16066.que .im-feedback, 16067.que .feedback, 16068.que p { 16069 margin: 0 0 0.5em; } 16070 16071.que .correctness.correct { 16072 color: #fff; 16073 background-color: #357a32; } 16074 a.que .correctness.correct:hover, a.que .correctness.correct:focus { 16075 color: #fff; 16076 background-color: #255623; } 16077 a.que .correctness.correct:focus, a.que .correctness.correct.focus { 16078 outline: 0; 16079 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5); } 16080 16081.que .correctness.partiallycorrect { 16082 color: #1d2125; 16083 background-color: #f0ad4e; } 16084 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus { 16085 color: #1d2125; 16086 background-color: #ec971f; } 16087 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus { 16088 outline: 0; 16089 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } 16090 16091.que .correctness.notanswered, .que .correctness.incorrect { 16092 color: #fff; 16093 background-color: #ca3120; } 16094 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus { 16095 color: #fff; 16096 background-color: #9e2619; } 16097 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus { 16098 outline: 0; 16099 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5); } 16100 16101.que .qtext { 16102 margin-bottom: 1.5em; } 16103 16104.que .validationerror { 16105 color: #ca3120; } 16106 16107.que .grading, 16108.que .comment, 16109.que .commentlink, 16110.que .history { 16111 margin-top: 0.5em; } 16112 16113.que .history h3 { 16114 margin: 0 0 0.2em; 16115 font-size: 1em; } 16116 16117.que .history table { 16118 width: 100%; 16119 margin: 0; } 16120 16121.que .history .current { 16122 font-weight: bold; } 16123 16124.que .questioncorrectnessicon { 16125 vertical-align: text-bottom; } 16126 16127body.jsenabled .questionflag input[type=checkbox] { 16128 display: none; } 16129 16130.que .questionflagimage { 16131 padding-right: 3px; 16132 height: 16px; 16133 width: 16px; } 16134 16135.importerror { 16136 margin-top: 10px; 16137 border-bottom: 1px solid #555; } 16138 16139.mform .que.comment .fitemtitle { 16140 width: 20%; } 16141 16142#page-question-preview #techinfo { 16143 margin: 1em 0; } 16144 16145#page-question-preview .collapsibleregion .collapsibleregioncaption, 16146#page-question-preview .collapsibleregion .collapsibleregionextracontent { 16147 display: inline-block; } 16148 16149#page-mod-quiz-edit ul.slots .activityinstance > a { 16150 display: flex; 16151 max-width: 100%; 16152 align-items: center; 16153 text-indent: 0; 16154 padding-left: 0; } 16155 16156#page-mod-quiz-edit ul.slots .activityinstance img.activityicon { 16157 margin-left: 0; 16158 width: 16px; 16159 height: 16px; 16160 padding-right: 4px; } 16161 16162#page-mod-quiz-edit .activity img.activityicon { 16163 vertical-align: text-top; } 16164 16165#page-mod-quiz-edit .box.generalbox.questionbank { 16166 padding: 0.5em; } 16167 16168#page-mod-quiz-edit .questionbank .categorypagingbarcontainer, 16169#page-mod-quiz-edit .questionbank .categoryquestionscontainer, 16170#page-mod-quiz-edit .questionbank .choosecategory { 16171 padding: 0; } 16172 16173#page-mod-quiz-edit .questionbank .choosecategory select { 16174 width: 100%; } 16175 16176#page-mod-quiz-edit div.questionbank .categoryquestionscontainer { 16177 background: transparent; } 16178 16179#page-mod-quiz-edit .questionbankwindow div.header { 16180 color: #444; 16181 text-shadow: none; 16182 border-top-left-radius: 4px; 16183 border-top-right-radius: 4px; 16184 margin: 0 -10px 0 -10px; 16185 padding: 2px 10px 2px 10px; 16186 background: transparent; 16187 /* Old browsers */ } 16188 16189#page-mod-quiz-edit .questionbankwindow div.header a:link, 16190#page-mod-quiz-edit .questionbankwindow div.header a:visited { 16191 color: #0f6cbf; } 16192 16193#page-mod-quiz-edit .questionbankwindow div.header a:hover { 16194 color: #094478; } 16195 16196#page-mod-quiz-edit .createnewquestion { 16197 padding: 0.3em 0; } 16198 #page-mod-quiz-edit .createnewquestion div, 16199 #page-mod-quiz-edit .createnewquestion input { 16200 margin: 0; } 16201 16202#page-mod-quiz-edit .questionbankwindow div.header .title { 16203 color: #1d2125; } 16204 16205#page-mod-quiz-edit div.container div.generalbox { 16206 background-color: transparent; 16207 padding: 1.5em; } 16208 16209#page-mod-quiz-edit .categoryinfo { 16210 background-color: transparent; 16211 border-bottom: none; } 16212 16213#page-mod-quiz-edit .createnewquestion .singlebutton input { 16214 margin-bottom: 0; } 16215 16216#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer, 16217#page-mod-quiz-edit div.questionbank .categoryselectallcontainer { 16218 padding: 0 0 1.5em 0; } 16219 16220#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer { 16221 background-color: transparent; 16222 margin: 0; 16223 border-top: 0; 16224 border-bottom: 0; } 16225 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging { 16226 padding: 0 0.3em; } 16227 16228#page-mod-quiz-edit div.question div.content div.questioncontrols { 16229 background-color: #fff; } 16230 16231#page-mod-quiz-edit div.question div.content div.points { 16232 margin-top: -0.5em; 16233 padding-bottom: 0; 16234 border: none; 16235 background-color: #fff; 16236 position: static; 16237 width: 12.1em; 16238 float: right; 16239 margin-right: 60px; } 16240 16241#page-mod-quiz-edit div.question div.content div.points br { 16242 display: none; } 16243 16244#page-mod-quiz-edit div.question div.content div.points label { 16245 display: inline-block; } 16246 16247#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus { 16248 background-color: #fff; } 16249 16250#page-mod-quiz-edit .quizpagedelete, 16251#page-mod-quiz-edit .quizpagedelete img { 16252 background-color: transparent; } 16253 16254#page-mod-quiz-edit div.quizpage .pagecontent { 16255 border: 1px solid #ddd; 16256 border-radius: 2px; 16257 overflow: hidden; } 16258 16259#page-mod-quiz-edit div.questionbank .categoryinfo { 16260 padding: 0.3em 0; } 16261 16262#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer { 16263 padding: 0; } 16264 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong { 16265 display: block; } 16266 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr, 16267 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br { 16268 display: none; } 16269 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong { 16270 margin-left: -0.3em; } 16271 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label { 16272 margin-left: 0.3em; } 16273 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input { 16274 margin-left: 0; } 16275 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input { 16276 margin-left: 5px; } 16277 16278.questionbankwindow .module { 16279 width: auto; } 16280 16281.questionbankwindow .form-autocomplete-selection { 16282 margin-left: 0; } 16283 16284#page-mod-quiz-edit div.editq div.question div.content { 16285 background-color: #fff; 16286 border: 1px solid #ddd; 16287 border-radius: 2px; 16288 overflow: hidden; } 16289 16290#page-mod-quiz-edit ul.slots .activityinstance img.activityicon { 16291 margin-top: 0; 16292 padding-right: 4px; } 16293 16294.path-mod-quiz .statedetails { 16295 display: block; 16296 font-size: 0.9em; } 16297 16298a#hidebankcmd { 16299 color: #0f6cbf; } 16300 16301.que.shortanswer .answer { 16302 padding: 0; } 16303 16304.que label { 16305 display: inline; } 16306 16307.que .content .answer div[data-region="answer-label"] .mediaplugin { 16308 width: 400px; } 16309 16310body.path-question-type .mform fieldset.hidden { 16311 padding: 0; 16312 margin: 0.7em 0 0; } 16313 16314.que.ddwtos, 16315.que.ddwtos .drop { 16316 box-sizing: content-box; } 16317 16318.tag-condition-container { 16319 position: relative; } 16320 16321@media (max-width: 767.98px) { 16322 .que .info { 16323 float: none; 16324 width: auto; } 16325 .que .content { 16326 margin: 0; } } 16327 16328/* user.less */ 16329.userprofile .fullprofilelink { 16330 text-align: center; 16331 margin: 10px; } 16332 16333.userprofile .page-context-header { 16334 margin-bottom: 10px; } 16335 16336.userprofile .description { 16337 margin-top: 10px; 16338 margin-bottom: 30px; } 16339 16340.userprofile .profile_tree { 16341 column-count: 2; } 16342 16343#participantsform .no-overflow { 16344 overflow: visible; } 16345 16346.userprofile dl.list > dd + dt { 16347 clear: left; } 16348 16349.user-box { 16350 margin: 8px; 16351 width: 115px; 16352 height: 160px; 16353 text-align: center; 16354 float: left; 16355 clear: none; } 16356 16357#page-user-profile .node_category ul, 16358.path-user .node_category ul { 16359 margin: 0; 16360 list-style: none; 16361 padding-left: 0; } 16362 16363#page-user-profile .node_category li, 16364.path-user .node_category li { 16365 margin-top: 5px; } 16366 16367#page-user-profile .node_category .editprofile, 16368#page-user-profile .node_category .viewmore, 16369.path-user .node_category .editprofile, 16370.path-user .node_category .viewmore { 16371 text-align: right; } 16372 16373.ajax-contact-button { 16374 box-sizing: border-box; 16375 position: relative; } 16376 .ajax-contact-button.loading .loading-icon { 16377 display: block; } 16378 .ajax-contact-button .loading-icon { 16379 display: none; 16380 position: absolute; 16381 top: 0; 16382 left: 0; 16383 width: 100%; 16384 height: 100%; 16385 background-color: rgba(255, 255, 255, 0.7); } 16386 .ajax-contact-button .loading-icon .icon { 16387 position: absolute; 16388 left: 50%; 16389 top: 50%; 16390 transform: translate(-50%, -50%); } 16391 16392@media (max-width: 480px) { 16393 .userprofile .profile_tree { 16394 /** Display the profile on one column on phones@mixin */ 16395 column-count: 1; } } 16396 16397.userlist #showall { 16398 margin: 10px 0; } 16399 16400.userlist .buttons { 16401 text-align: center; } 16402 16403.userlist .buttons label { 16404 padding: 0 3px; } 16405 16406.userlist table#participants { 16407 text-align: center; } 16408 16409.userlist table#participants td { 16410 text-align: left; 16411 padding: 4px; 16412 vertical-align: middle; } 16413 16414.userlist table#participants th { 16415 text-align: left; 16416 padding: 4px; } 16417 16418.userlist table.controls { 16419 width: 100%; } 16420 .userlist table.controls tr { 16421 vertical-align: top; } 16422 .userlist table.controls .right { 16423 text-align: right; } 16424 .userlist table.controls .groupselector { 16425 margin-bottom: 0; 16426 margin-top: 0; } 16427 .userlist table.controls .groupselector label { 16428 display: block; } 16429 16430.userinfobox { 16431 width: 100%; 16432 border: 1px solid; 16433 border-collapse: separate; 16434 padding: 10px; } 16435 16436.userinfobox .left, 16437.userinfobox .side { 16438 width: 100px; 16439 vertical-align: top; } 16440 16441.userinfobox .userpicture { 16442 width: 100px; 16443 height: 100px; } 16444 16445.userinfobox .content { 16446 vertical-align: top; } 16447 16448.userinfobox .links { 16449 width: 100px; 16450 padding: 5px; 16451 vertical-align: bottom; } 16452 16453.userinfobox .links a { 16454 display: block; } 16455 16456.userinfobox .list td { 16457 padding: 3px; } 16458 16459.userinfobox .username { 16460 padding-bottom: 20px; 16461 font-weight: bold; } 16462 16463.userinfobox td.label { 16464 text-align: right; 16465 white-space: nowrap; 16466 vertical-align: top; 16467 font-weight: bold; } 16468 16469.group-edit { 16470 position: absolute; 16471 right: 0; 16472 margin-right: 0.6em; } 16473 16474.group-image { 16475 display: block; 16476 float: left; 16477 margin-right: 1em; } 16478 .group-image .grouppicture { 16479 border-radius: 50%; } 16480 16481.groupinfobox .left { 16482 padding: 10px; 16483 width: 100px; 16484 vertical-align: top; } 16485 16486.course-participation #showall { 16487 text-align: center; 16488 margin: 10px 0; } 16489 16490#user-policy .noticebox { 16491 text-align: center; 16492 margin-left: auto; 16493 margin-right: auto; 16494 margin-bottom: 10px; 16495 width: 80%; 16496 height: 250px; } 16497 16498#user-policy #policyframe { 16499 width: 100%; 16500 height: 100%; } 16501 16502.iplookup #map { 16503 margin: auto; } 16504 16505.userselector select { 16506 width: 100%; } 16507 16508.userselector div { 16509 margin-top: 0.2em; } 16510 16511.userselector div label { 16512 margin-right: 0.3em; } 16513 16514/* Next style does not work in all browsers but looks nicer when it does */ 16515.userselector .userselector-infobelow { 16516 font-size: 0.8em; } 16517 16518#userselector_options .collapsibleregioncaption { 16519 font-weight: bold; } 16520 16521#userselector_options p { 16522 margin: 0.2em 0; 16523 text-align: left; } 16524 16525/** user full profile */ 16526#page-user-profile .messagebox { 16527 text-align: center; 16528 margin-left: auto; 16529 margin-right: auto; } 16530 16531/** user course profile */ 16532#page-course-view-weeks .messagebox { 16533 text-align: center; 16534 margin-left: auto; 16535 margin-right: auto; } 16536 16537.profileeditor > .singleselect { 16538 margin: 0 0.5em 0 0; } 16539 16540.profileeditor > .singlebutton { 16541 display: inline-block; 16542 margin: 0 0 0 0.5em; } 16543 .profileeditor > .singlebutton div, 16544 .profileeditor > .singlebutton input { 16545 margin: 0; } 16546 16547.userlist h3 .action-icon { 16548 display: none; } 16549 16550#page-enrol-users .popover { 16551 max-width: none; } 16552 16553.user-enroller-panel { 16554 width: 600px; } 16555 16556[data-filterverbfor], 16557[data-filterregion="filter"]:last-child [data-filterregion="joinadverb"] { 16558 display: none; } 16559 16560[data-filterverb="0"] [data-filterverbfor="0"], 16561[data-filterverb="1"] [data-filterverbfor="1"], 16562[data-filterverb="2"] [data-filterverbfor="2"] { 16563 display: block; } 16564 16565.search-results .result { 16566 margin-left: 0; 16567 margin-right: 0; } 16568 16569.search-results .result .result-content { 16570 margin: 7px 0; } 16571 16572.search-results .result .filename { 16573 font-style: italic; } 16574 16575.simplesearchform .btn { 16576 padding-left: 0.5rem; 16577 padding-right: 0.5rem; } 16578 16579.simplesearchform .btn .icon { 16580 margin: 0; } 16581 16582.simplesearchform .btn-submit { 16583 border-color: #8f959e; 16584 color: #6a737b; } 16585 16586.simplesearchform .btn-close, 16587.simplesearchform .btn-clear { 16588 position: absolute; 16589 top: 0; 16590 right: 0; 16591 color: #6a737b; 16592 z-index: 4; } 16593 16594.simplesearchform .btn-close { 16595 right: 2.2rem; } 16596 16597.simplesearchform .btn-submit { 16598 background-color: #f8f9fa; } 16599 16600.simplesearchform .withclear { 16601 padding-right: 2rem; } 16602 16603.simplesearchform .searchinput { 16604 display: flex; 16605 flex: 1 1 auto; } 16606 16607.simplesearchform .collapsing { 16608 height: inherit; 16609 transition: none; 16610 width: inherit; } 16611 16612@media (max-width: 991.98px) { 16613 .simplesearchform .collapse.show, 16614 .simplesearchform .collapsing { 16615 position: absolute; 16616 left: 0; 16617 top: 0; 16618 width: 100%; 16619 display: flex; 16620 background-color: #fff; 16621 z-index: 1060; 16622 height: 50px; } 16623 .simplesearchform .collapse.show .form-inline, 16624 .simplesearchform .collapsing .form-inline { 16625 width: auto; 16626 margin-left: auto; 16627 margin-right: auto; } } 16628 16629.navbar.navbar-light .simplesearchform .btn-open { 16630 color: rgba(0, 0, 0, 0.6); } 16631 .navbar.navbar-light .simplesearchform .btn-open:hover { 16632 color: rgba(0, 0, 0, 0.9); } 16633 16634.search-areas-actions { 16635 margin-bottom: 1rem; } 16636 16637.search-areas-actions > div { 16638 margin-right: 1rem; 16639 display: inline-block; } 16640 16641#core-search-areas .lastcol li { 16642 margin-left: 24px; 16643 text-indent: -24px; } 16644 16645#core-search-areas .lastcol li > i { 16646 text-indent: 0; } 16647 16648/** 16649 * Moodle forms HTML isn't changeable via renderers (yet?) so this 16650 * .less file imports styles from the bootstrap $variables file and 16651 * adds them to the existing Moodle form CSS ids and classes. 16652 * 16653 */ 16654.jsenabled .mform .containsadvancedelements .advanced { 16655 display: none; } 16656 16657.mform .containsadvancedelements .advanced.show { 16658 display: flex; } 16659 16660#adminsettings span.error { 16661 display: inline-block; 16662 border: 1px solid #f0c5c1; 16663 border-radius: 4px; 16664 background-color: #f4d6d2; 16665 padding: 4px; 16666 margin-bottom: 4px; } 16667 16668.mform .form-inline .form-control, 16669.mform .form-inline .custom-select { 16670 max-width: 100%; } 16671 16672.mform .form-inline .form-group { 16673 margin: 0.1rem 0.25rem 0.1rem 0; } 16674 16675.mform .form-inline br + label { 16676 justify-content: flex-start; 16677 width: 100%; 16678 margin-right: 0; } 16679 16680.unresponsive.mform .form-inline, 16681.unresponsive.mform .form-inline label { 16682 display: inline-flex; } 16683 16684#jump-to-activity.custom-select { 16685 width: 100%; } 16686 16687.mform fieldset { 16688 margin-bottom: 0.5rem; 16689 border-bottom: 1px solid #dee2e6; } 16690 16691@media (min-width: 576px) { 16692 .mform > .form-group { 16693 margin-left: 1.5rem; } } 16694 16695#adminsettings .form-control[size] { 16696 width: auto; } 16697 16698.jsenabled .mform .collapsed .fcontainer { 16699 display: none; } 16700 16701#adminsettings .error { 16702 color: #ca3120; } 16703 16704.mform ul.file-list { 16705 padding: 0; 16706 margin: 0; 16707 list-style: none; } 16708 16709.mform label .req, 16710.mform label .adv { 16711 cursor: help; } 16712 16713/*rtl:ignore*/ 16714input#id_externalurl { 16715 direction: ltr; } 16716 16717#portfolio-add-button { 16718 display: inline; } 16719 16720.form-defaultinfo, 16721.form-label .form-shortname { 16722 color: #6a737b; } 16723 16724.form-label .form-shortname { 16725 font-size: 0.703125rem; 16726 display: block; } 16727 16728.form-item .form-inline { 16729 display: inline; } 16730 16731.form-inline label:not(.sr-only):not(.accesshide) + select { 16732 margin-left: 0.5rem; } 16733 16734.formsettingheading .form-horizontal { 16735 color: #6a737b; } 16736 16737.no-felement.fstatic { 16738 color: #6a737b; 16739 padding-top: 5px; } 16740 16741.no-fitem .fstaticlabel { 16742 font-weight: bold; } 16743 16744.form-item .form-setting .defaultsnext > input { 16745 display: inline-block; } 16746 16747.form-item .form-setting .form-checkbox.defaultsnext { 16748 margin-top: 5px; 16749 display: inline-block; } 16750 16751#adminsettings h3 { 16752 display: block; 16753 width: 100%; 16754 padding: 0; 16755 margin-bottom: 1.5; 16756 font-size: 1.171875rem; 16757 line-height: 3; 16758 border: 0; 16759 border-bottom: 1px solid #e5e5e5; } 16760 16761/* rtl:ignore */ 16762.mform .fitem .felement input[name="email"], 16763.mform .fitem .felement input[name="email2"], 16764.mform .fitem .felement input[name="url"], 16765.mform .fitem .felement input[name="idnumber"], 16766.mform .fitem .felement input[name="phone1"], 16767.mform .fitem .felement input[name="phone2"] { 16768 text-align: left; 16769 direction: ltr; } 16770 16771.que.match .mediaplugin { 16772 width: 50vw; } 16773 16774/* rtl:ignore */ 16775#page-admin-grade-edit-scale-edit .error input#id_name { 16776 margin-right: 170px; } 16777 16778#page-grade-edit-outcome-course .courseoutcomes { 16779 margin-left: auto; 16780 margin-right: auto; 16781 width: 100%; } 16782 16783#page-grade-edit-outcome-course .courseoutcomes td { 16784 text-align: center; } 16785 16786/* Install Process' text fields Forms, should always be justified to the left */ 16787/* rtl:ignore */ 16788#installform #id_wwwroot, 16789#installform #id_dirroot, 16790#installform #id_dataroot, 16791#installform #id_dbhost, 16792#installform #id_dbname, 16793#installform #id_dbuser, 16794#installform #id_dbpass, 16795#installform #id_prefix { 16796 direction: ltr; } 16797 16798.mdl-right > label { 16799 display: inline-block; } 16800 16801.singleselect { 16802 max-width: 100%; } 16803 16804.form-item .form-label label { 16805 margin-bottom: 0; } 16806 16807div#dateselector-calendar-panel { 16808 z-index: 3100; 16809 /* Set higher than the z-index of the filemanager - see MDL-39047. */ } 16810 16811fieldset.coursesearchbox label { 16812 display: inline; } 16813 16814/** 16815 * Show the labels above text editors and file managers except on wide screens. 16816 */ 16817/* Section and module editing forms contain special JS components for the 16818 availability system (if enabled). */ 16819#id_availabilityconditionsjson[aria-hidden=true], 16820.availability-field [aria-hidden=true] { 16821 display: none; } 16822 16823.availability-field label { 16824 display: inline-flex; } 16825 16826.availability-field .availability-group label { 16827 vertical-align: top; } 16828 16829.availability-eye { 16830 clear: left; 16831 float: left; } 16832 16833.availability-inner, 16834.availability-plugincontrols { 16835 float: left; 16836 border-radius: 0.25rem; 16837 border: 1px solid rgba(0, 0, 0, 0.125); 16838 padding: 1rem; 16839 margin-top: 0.5rem; } 16840 16841.availability-plugincontrols, 16842.availability-childlist .availability-inner { 16843 margin-left: .625rem; } 16844 16845.availability-field .availability-plugincontrols .availability-group select { 16846 max-width: 12rem; } 16847 16848/* Custom styles for autocomplete form element */ 16849/* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */ 16850[data-fieldtype=autocomplete] select, 16851[data-fieldtype=tags] select, 16852.form-autocomplete-original-select { 16853 visibility: hidden; 16854 overflow: hidden; 16855 width: 15rem; 16856 height: 44px; 16857 margin: 0; 16858 padding: 0; 16859 border: 0; 16860 margin-top: 1.65625rem; 16861 vertical-align: bottom; } 16862 16863.form-autocomplete-selection { 16864 margin: 0.25rem; 16865 min-height: 2.375rem; } 16866 16867.form-autocomplete-selection [role=option] { 16868 cursor: pointer; 16869 white-space: inherit; 16870 word-break: break-word; 16871 line-height: 1.4; 16872 text-align: left; } 16873 16874.form-autocomplete-suggestions { 16875 position: absolute; 16876 background-color: white; 16877 border: 1px solid #8f959e; 16878 min-width: 206px; 16879 max-height: 20em; 16880 overflow: auto; 16881 margin: 0.125rem 0 0; 16882 padding: 0.5rem 0; 16883 z-index: 1; } 16884 16885.form-autocomplete-suggestions li { 16886 list-style-type: none; 16887 padding: 0.25rem 1.5rem; 16888 margin: 0; 16889 cursor: pointer; 16890 color: #1d2125; } 16891 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] { 16892 background-color: #0f6cbf; 16893 color: #fff; } 16894 .form-autocomplete-suggestions li::before { 16895 content: "\200B"; } 16896 16897.form-autocomplete-downarrow { 16898 color: #1d2125; 16899 top: 0.2rem; 16900 right: 0.5rem; 16901 cursor: pointer; } 16902 .form-autocomplete-downarrow .loading-icon { 16903 position: absolute; 16904 top: 0; 16905 left: 0; 16906 background-color: #fff; } 16907 16908/** Undo some bootstrap things */ 16909.form-autocomplete-selection + input.form-control { 16910 width: auto; 16911 display: inline-block; 16912 vertical-align: middle; } 16913 16914.form-autocomplete-selection [data-active-selection=true] { 16915 padding: 0.5em; 16916 font-size: large; } 16917 16918select.form-control[size], select.form-control[multiple] { 16919 padding-right: 0; } 16920 select.form-control[size] option, select.form-control[multiple] option { 16921 width: fit-content; } 16922 16923/* Non-bootstrap selects with a size show their contents outside of the element. 16924 * Remove when we update to stable bootstrap 4. (MDL-56511) */ 16925select[size], 16926select[multiple] { 16927 overflow: auto; } 16928 16929select[size="1"] { 16930 overflow: visible; } 16931 16932textarea[data-auto-rows] { 16933 overflow-x: hidden; 16934 resize: none; } 16935 16936/** Display elements under labels in vertical forms regardless of the screen size. */ 16937.mform.full-width-labels .fitem.row { 16938 margin-left: 0; 16939 margin-right: 0; } 16940 .mform.full-width-labels .fitem.row > .col-md-3, 16941 .mform.full-width-labels .fitem.row > .col-md-9 { 16942 flex: 0 0 100%; 16943 max-width: 100%; 16944 width: inherit; 16945 padding-right: 0; 16946 padding-left: 0; } 16947 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 { 16948 display: none; } 16949 .mform.full-width-labels .fitem.row .form-control { 16950 width: 100%; } 16951 16952.mform .col-form-label .form-label-addon { 16953 margin-left: 0.25rem; } 16954 16955@media (min-width: 576px) { 16956 .mform:not(.full-width-labels) .col-form-label .form-label-addon { 16957 margin-left: auto; } } 16958 16959/** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */ 16960@media (min-width: 768px) { 16961 .form-inline .col-md-9, 16962 .form-inline .col-md-3 { 16963 margin-bottom: 1rem; 16964 width: auto; } 16965 .form-inline .col-md-9 label, 16966 .form-inline .col-md-3 label { 16967 margin-left: 1rem; } } 16968 16969[data-fieldtype="modgrade"] .form-group { 16970 padding-bottom: 0.375rem; } 16971 16972[data-fieldtype="modgrade"] { 16973 background-color: #fff; 16974 border-radius: 0.25rem; 16975 border: 1px solid rgba(0, 0, 0, 0.125); 16976 padding: 1.25rem; 16977 margin-left: 15px; 16978 max-width: 30rem; } 16979 16980[data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"], 16981[data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"], 16982[data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] { 16983 display: none; } 16984 16985.form-inline[data-fieldtype="autocomplete"], 16986.form-inline[data-fieldtype="tags"] { 16987 display: block; } 16988 16989[data-fieldtype="editor"] > div { 16990 flex-grow: 1; } 16991 16992@media (min-width: 576px) { 16993 .mform fieldset { 16994 margin-left: 1.5rem; } 16995 .mform fieldset.collapsible legend a.fheader { 16996 padding: 0 5px 0 1.5rem; 16997 margin-left: -1.5rem; 16998 background: url([[pix:t/expanded]]) 0 center no-repeat; } 16999 .mform fieldset.collapsed legend a.fheader { 17000 /*rtl:raw: 17001 background-image: url([[pix:t/collapsed_rtl]]); 17002 */ 17003 /*rtl:remove*/ 17004 background-image: url([[pix:t/collapsed]]); } 17005 .mform .form-inline .fdefaultcustom label { 17006 justify-content: initial; } } 17007 17008.input-group.form-inset .form-inset-item { 17009 position: absolute; 17010 padding-top: calc(0.375rem + 1px); 17011 z-index: 3; } 17012 17013.input-group.form-inset.form-inset-left .form-control { 17014 padding-left: 1.5rem; } 17015 17016.input-group.form-inset.form-inset-right .form-control { 17017 padding-right: 1.5rem; } 17018 17019.input-group.form-inset.form-inset-right .form-inset-item { 17020 right: 0; } 17021 17022.pagelayout-login .card-title h2 img { 17023 max-width: 100%; 17024 max-height: 100px; } 17025 17026.pagelayout-login #region-main { 17027 border: 0; 17028 background-color: inherit; } 17029 17030/* modules.less */ 17031select { 17032 width: auto; } 17033 17034.path-mod div.activity-information { 17035 border-bottom: 1px solid #dee2e6; 17036 padding-top: 0.5rem; 17037 padding-bottom: 1rem; 17038 margin-bottom: 0.5rem; } 17039 17040.path-mod-choice .horizontal .choices .option { 17041 display: inline-block; } 17042 17043.path-mod-choice .choices .option label { 17044 vertical-align: top; } 17045 17046.path-mod-feedback .feedback_form .col-form-label { 17047 display: block !important; 17048 /* stylelint-disable-line declaration-no-important */ } 17049 17050.path-mod-feedback .itemactions { 17051 float: right; } 17052 17053.path-mod-feedback .itemhandle { 17054 position: absolute; 17055 right: 1rem; } 17056 17057.path-mod-forum .forumsearch input, 17058.path-mod-forum .forumsearch .helptooltip { 17059 margin: 0 3px; } 17060 17061.path-mod-forum .forumheaderlist, 17062.path-mod-forum .forumheaderlist td { 17063 border: none; } 17064 17065.path-mod-forum .forumheaderlist thead .header, 17066.path-mod-forum .forumheaderlist tbody .discussion td { 17067 white-space: normal; 17068 vertical-align: top; 17069 padding-left: 0.5em; 17070 padding-right: 0.5em; } 17071 17072.path-mod-forum .forumheaderlist thead .header { 17073 white-space: normal; 17074 vertical-align: top; } 17075 17076.path-mod-forum .forumheaderlist thead .header.replies { 17077 text-align: center; } 17078 17079.path-mod-forum .forumheaderlist thead .header.lastpost { 17080 text-align: right; } 17081 17082.path-mod-forum .forumheaderlist thead .header th.discussionsubscription, 17083.path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription { 17084 width: 16px; 17085 padding-left: 0.5em; 17086 padding-right: 0.5em; } 17087 17088.path-mod-forum .forumheaderlist .discussion .replies, 17089.path-mod-forum .forumheaderlist .discussion .lastpost { 17090 white-space: normal; } 17091 17092.path-mod-forum .forumheaderlist .discussion .discussionsubscription, 17093.path-mod-forum .forumheaderlist .discussion .replies { 17094 text-align: center; } 17095 17096.path-mod-forum .forumheaderlist .discussion .topic, 17097.path-mod-forum .forumheaderlist .discussion .discussionsubscription, 17098.path-mod-forum .forumheaderlist .discussion .topic.starter, 17099.path-mod-forum .forumheaderlist .discussion .replies, 17100.path-mod-forum .forumheaderlist .discussion .lastpost { 17101 vertical-align: top; } 17102 17103.path-mod-forum .discussion-list .topic { 17104 font-weight: inherit; } 17105 17106.path-mod-forum .subscriptionmode { 17107 color: #1d2125; } 17108 17109.path-mod-forum .activesetting { 17110 color: #1d2125; 17111 font-weight: bold; } 17112 17113.discussion-settings-container .custom-select { 17114 width: 100%; } 17115 17116.discussion-settings-container input { 17117 max-width: 100%; } 17118 17119.forumpost { 17120 border: 1px solid #dee2e6; 17121 display: block; 17122 padding: 6px; } 17123 .forumpost .header { 17124 margin-bottom: 3px; } 17125 .forumpost .picture img { 17126 margin: 3px; } 17127 .forumpost .picture img.userpicture { 17128 margin-left: 3px; 17129 margin-right: 10px; } 17130 .forumpost .content .posting.fullpost { 17131 margin-top: 8px; } 17132 .forumpost .row { 17133 display: block; } 17134 .forumpost .row .topic, 17135 .forumpost .row .content-mask, 17136 .forumpost .row .options { 17137 margin-left: 48px; } 17138 .forumpost .row.side { 17139 clear: both; } 17140 17141.forumpost .row .left { 17142 width: 48px; } 17143 17144.forumpost .options .commands { 17145 margin-left: 0; } 17146 17147.forumpost .subject { 17148 font-weight: bold; } 17149 17150.forumsearch input[type=text] { 17151 margin-bottom: 0; } 17152 17153#page-mod-forum-view table .fit-content { 17154 width: 1px; 17155 white-space: nowrap; } 17156 17157#page-mod-forum-view table .limit-width { 17158 max-width: 200px; 17159 white-space: nowrap; 17160 text-overflow: ellipsis; 17161 overflow: hidden; } 17162 #page-mod-forum-view table .limit-width .author-info { 17163 max-width: calc(100% - 35px - .5rem); } 17164 17165#page-mod-forum-discuss .discussioncontrols { 17166 width: auto; 17167 margin: 0; } 17168 #page-mod-forum-discuss .discussioncontrols .form-inline input { 17169 margin-top: -1px; } 17170 17171/** Gently highlight the selected post by changing it's background to blue and then fading it out. */ 17172@keyframes background-highlight { 17173 from { 17174 background-color: rgba(0, 123, 255, 0.5); } 17175 to { 17176 background-color: inherit; } } 17177 17178.path-mod-forum .nested-v2-display-mode, 17179.path-mod-forum.nested-v2-display-mode { 17180 /** Reset the badge styling back to pill style. */ 17181 /** Style the ratings like a badge. */ 17182 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */ 17183 /** Fix muted text contrast ratios for accessibility. */ 17184 /** Make the tag list text screen reader visible only */ } 17185 .path-mod-forum .nested-v2-display-mode .discussionsubscription, 17186 .path-mod-forum.nested-v2-display-mode .discussionsubscription { 17187 margin-top: 0; 17188 text-align: inherit; 17189 margin-bottom: 0; } 17190 .path-mod-forum .nested-v2-display-mode .preload-subscribe, 17191 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe, 17192 .path-mod-forum.nested-v2-display-mode .preload-subscribe, 17193 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe { 17194 display: none; } 17195 .path-mod-forum .nested-v2-display-mode .post-message, 17196 .path-mod-forum.nested-v2-display-mode .post-message { 17197 line-height: 1.6; } 17198 .path-mod-forum .nested-v2-display-mode .indent, 17199 .path-mod-forum.nested-v2-display-mode .indent { 17200 margin-left: 0; } 17201 .path-mod-forum .nested-v2-display-mode .badge, 17202 .path-mod-forum.nested-v2-display-mode .badge { 17203 font-size: inherit; 17204 font-weight: inherit; 17205 padding-left: .5rem; 17206 padding-right: .5rem; 17207 border-radius: 10rem; } 17208 .path-mod-forum .nested-v2-display-mode .badge-light, 17209 .path-mod-forum.nested-v2-display-mode .badge-light { 17210 background-color: #f6f6f6; 17211 color: #5b5b5b; } 17212 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container, 17213 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container { 17214 background-color: #f6f6f6; 17215 color: #5b5b5b; 17216 padding: .25em .5em; 17217 line-height: 1; 17218 margin-right: .5rem; 17219 vertical-align: middle; 17220 border-radius: 10rem; 17221 text-align: center; } 17222 .path-mod-forum .nested-v2-display-mode .ratinginput, 17223 .path-mod-forum.nested-v2-display-mode .ratinginput { 17224 padding: .25em 1.75rem 0.25em .75em; 17225 line-height: 1; 17226 height: auto; 17227 border-radius: 10rem; } 17228 @media (max-width: 767.98px) { 17229 .path-mod-forum .nested-v2-display-mode .ratinginput, 17230 .path-mod-forum.nested-v2-display-mode .ratinginput { 17231 margin-top: .5rem; } } 17232 .path-mod-forum .nested-v2-display-mode .group-image, 17233 .path-mod-forum.nested-v2-display-mode .group-image { 17234 width: 35px; 17235 height: 35px; 17236 margin-right: 0; 17237 float: none; 17238 display: inline-block; } 17239 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, 17240 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked { 17241 position: absolute; 17242 width: 1px; 17243 height: 1px; 17244 padding: 0; 17245 margin: -1px; 17246 overflow: hidden; 17247 clip: rect(0, 0, 0, 0); 17248 white-space: nowrap; 17249 border: 0; } 17250 .path-mod-forum .nested-v2-display-mode .text-muted, 17251 .path-mod-forum .nested-v2-display-mode .dimmed_text, 17252 .path-mod-forum.nested-v2-display-mode .text-muted, 17253 .path-mod-forum.nested-v2-display-mode .dimmed_text { 17254 color: #707070 !important; 17255 /* stylelint-disable-line declaration-no-important */ } 17256 .path-mod-forum .nested-v2-display-mode .author-header, 17257 .path-mod-forum.nested-v2-display-mode .author-header { 17258 font-style: italic; } 17259 .path-mod-forum .nested-v2-display-mode .author-header .author-name, 17260 .path-mod-forum.nested-v2-display-mode .author-header .author-name { 17261 font-style: normal; } 17262 .path-mod-forum .nested-v2-display-mode .tag_list > b, 17263 .path-mod-forum.nested-v2-display-mode .tag_list > b { 17264 position: absolute; 17265 width: 1px; 17266 height: 1px; 17267 padding: 0; 17268 margin: -1px; 17269 overflow: hidden; 17270 clip: rect(0, 0, 0, 0); 17271 white-space: nowrap; 17272 border: 0; } 17273 .path-mod-forum .nested-v2-display-mode :target > .focus-target, 17274 .path-mod-forum.nested-v2-display-mode :target > .focus-target { 17275 animation-name: background-highlight; 17276 animation-duration: 1s; 17277 animation-timing-function: ease-in-out; 17278 animation-iteration-count: 1; } 17279 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container, 17280 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container { 17281 border-top: 1px solid #dee2e6; 17282 padding-top: 1.5rem; } 17283 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container, 17284 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container { 17285 border-top: none; 17286 padding-top: 0; } 17287 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author, 17288 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author { 17289 display: none; } 17290 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type, 17291 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type { 17292 margin-bottom: 0; } 17293 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container, 17294 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container { 17295 width: 70px; 17296 margin-right: 24px; 17297 flex-shrink: 0; } 17298 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea, 17299 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea { 17300 border: 0; 17301 resize: none; } 17302 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent, 17303 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent { 17304 /** 17305 * The first post and first set of replies have a larger author image so offset the 2nd 17306 * set of replies by the image width + margin to ensure they align. 17307 */ } 17308 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent, 17309 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent { 17310 padding-left: 94px; 17311 /** 17312 * Reduce the size of the the author image for all second level replies (and below). 17313 */ 17314 /** 17315 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image. 17316 */ } 17317 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container, 17318 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container { 17319 width: 30px; 17320 margin-right: 8px; 17321 padding-top: 3px; } 17322 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent, 17323 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent { 17324 padding-left: 38px; 17325 /** 17326 * Stop indenting the replies after the 5th reply. 17327 */ } 17328 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent, 17329 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent { 17330 padding-left: 0; } 17331 17332/** Extra small devices (portrait phones, less than 576px). */ 17333@media (max-width: 767.98px) { 17334 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container { 17335 width: 30px; 17336 margin-right: 8px; } 17337 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent { 17338 padding-left: 38px; } 17339 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent { 17340 padding-left: 0; } 17341 #page-mod-forum-discuss.nested-v2-display-mode .group-image { 17342 width: 30px; 17343 height: 30px; } } 17344 17345.filter-scrollable { 17346 overflow-y: auto; 17347 max-height: 25em; 17348 margin-bottom: 1em; } 17349 17350.filter-dates-popover { 17351 width: 100%; 17352 max-width: 41.5em; } 17353 .filter-dates-popover .mform { 17354 margin-left: -3em; } 17355 17356/* stylelint-disable-line max-line-length */ 17357@keyframes expandSearchButton { 17358 from { 17359 height: 36px; 17360 width: 36px; 17361 border-radius: 18px; 17362 background-color: #e9ecef; } 17363 to { 17364 width: 100%; 17365 height: calc(1.5em + 1rem + 2px); 17366 border-radius: 0; 17367 background-color: #fff; 17368 border-color: #8f959e; 17369 padding-left: calc(0.5rem + 8px); 17370 padding-top: 0.5rem; 17371 padding-bottom: 0.5rem; 17372 font-size: 1.171875rem; 17373 @media (max-width: 1200px) { 17374 font-size: calc(0.9271875rem + 0.32625vw) ; } 17375 line-height: 1.5; 17376 right: 0; } } 17377 17378@keyframes collapseSearchButton { 17379 from { 17380 width: 100%; 17381 height: calc(1.5em + 1rem + 2px); 17382 border-radius: 0; 17383 background-color: #fff; 17384 border-color: #8f959e; 17385 padding-left: calc(0.5rem + 8px); 17386 padding-top: 0.5rem; 17387 padding-bottom: 0.5rem; 17388 font-size: 1.171875rem; 17389 @media (max-width: 1200px) { 17390 font-size: calc(0.9271875rem + 0.32625vw) ; } 17391 line-height: 1.5; 17392 right: 0; } 17393 to { 17394 height: 36px; 17395 width: 36px; 17396 border-radius: 18px; 17397 background-color: #e9ecef; } } 17398 17399.path-mod-forum .unified-grader .navbar { 17400 max-height: none; 17401 z-index: 1; } 17402 17403.path-mod-forum .unified-grader .body-container { 17404 overflow: auto; } 17405 .path-mod-forum .unified-grader .body-container.hidden { 17406 display: none !important; 17407 /* stylelint-disable-line declaration-no-important */ } 17408 17409.path-mod-forum .unified-grader .userpicture { 17410 height: 60px; 17411 width: 60px; } 17412 17413.path-mod-forum .unified-grader .grader-grading-panel { 17414 top: 0; 17415 position: absolute; 17416 height: 100%; 17417 z-index: 0; 17418 width: 430px; } 17419 .path-mod-forum .unified-grader .grader-grading-panel.hidden { 17420 right: -430px; } 17421 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon { 17422 width: 36px; } 17423 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name { 17424 max-width: 240px; } 17425 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link { 17426 width: 36px; 17427 height: 36px; 17428 display: flex; 17429 text-align: center; 17430 align-items: center; 17431 justify-content: center; } 17432 .path-mod-forum .unified-grader .grader-grading-panel .header-container { 17433 height: 65px; 17434 position: relative; 17435 overflow: hidden; } 17436 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container { 17437 position: absolute; 17438 top: 50%; 17439 left: 0; 17440 transform: translateY(-50%); 17441 width: 100%; 17442 height: 100%; 17443 padding: 0.5rem; 17444 padding-right: calc(36px + 0.5rem); 17445 opacity: 1; 17446 visibility: visible; 17447 transition: left 0.3s ease-in-out; 17448 z-index: 1; } 17449 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand { 17450 animation-name: expandSearchButton; 17451 animation-duration: 0.3s; 17452 animation-timing-function: ease-in-out; } 17453 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse { 17454 display: block; 17455 animation-name: collapseSearchButton; 17456 animation-duration: 0.3s; } 17457 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container { 17458 overflow: hidden; 17459 position: absolute; 17460 top: 50%; 17461 right: 0; 17462 transform: translateY(-50%); 17463 z-index: 2; 17464 width: 100%; 17465 height: 100% !important; 17466 /* stylelint-disable-line declaration-no-important */ 17467 padding: 0.5rem; } 17468 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container { 17469 position: relative; 17470 overflow: visible; 17471 flex-wrap: nowrap; } 17472 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input { 17473 padding-left: calc(0.5rem + 0.5rem + 34px); 17474 padding-right: calc(0.5rem + 36px); 17475 opacity: 1; 17476 visibility: visible; 17477 transition: opacity 0s linear 0.3s, visibility 0s linear; } 17478 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon { 17479 position: absolute; 17480 top: 50%; 17481 left: 0.5rem; 17482 transform: translateY(-50%); 17483 color: #495057; 17484 height: 36px; 17485 width: 34px; 17486 background-color: #fff; 17487 opacity: 1; 17488 visibility: visible; 17489 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s; } 17490 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button { 17491 position: absolute; 17492 top: 50%; 17493 right: 0.5rem; 17494 transform: translateY(-50%); 17495 z-index: 1; 17496 color: inherit; 17497 text-align: left; 17498 padding-left: 9px; 17499 transition: right 0s linear 0.3s; } 17500 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon { 17501 opacity: 1; 17502 visibility: visible; 17503 max-width: 50px; 17504 max-height: 50px; 17505 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s; } 17506 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon { 17507 opacity: 0; 17508 visibility: hidden; 17509 max-height: 0; 17510 max-width: 0; 17511 overflow: hidden; 17512 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s; } 17513 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed { 17514 width: calc(36px + 0.5rem + 0.5rem); 17515 transition: width 0.3s ease-in-out; } 17516 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container { 17517 flex-wrap: nowrap; } 17518 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input, 17519 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon { 17520 opacity: 0; 17521 visibility: hidden; 17522 transition: opacity 0s linear, visibility 0s linear; } 17523 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input { 17524 padding-left: 0; 17525 padding-right: 0; } 17526 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon { 17527 opacity: 0; 17528 visibility: hidden; 17529 max-height: 0; 17530 max-width: 0; 17531 overflow: hidden; 17532 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear; } 17533 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon { 17534 opacity: 1; 17535 visibility: visible; 17536 max-width: 50px; 17537 max-height: 50px; 17538 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear; } 17539 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container { 17540 opacity: 0; 17541 visibility: hidden; 17542 left: calc(100% * -1); 17543 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s; } 17544 17545.path-mod-forum .unified-grader .grader-module-content { 17546 overflow-y: auto; 17547 margin-right: 430px; 17548 transition: margin-right 0.2s ease-in-out; } 17549 @media (prefers-reduced-motion: reduce) { 17550 .path-mod-forum .unified-grader .grader-module-content { 17551 transition: none; } } 17552 17553.path-mod-forum .unified-grader .drawer-button { 17554 position: relative; } 17555 .path-mod-forum .unified-grader .drawer-button.active::after { 17556 content: ""; 17557 position: absolute; 17558 bottom: calc(-0.5rem - 1px); 17559 left: 0; 17560 width: 100%; 17561 height: 3px; 17562 background-color: #0f6cbf; } 17563 .path-mod-forum .unified-grader .drawer-button .icon { 17564 font-size: 20px; 17565 height: 20px; 17566 width: 20px; } 17567 17568.path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr { 17569 display: none; } 17570 17571.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr { 17572 display: none; } 17573 17574.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container { 17575 position: relative; } 17576 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button { 17577 position: absolute; 17578 height: 100%; 17579 width: 100%; 17580 left: 0; 17581 top: 0; 17582 padding-left: calc(1rem + 45px); 17583 text-align: left; 17584 z-index: 1; } 17585 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) { 17586 display: none; } 17587 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content { 17588 display: block; 17589 height: auto !important; 17590 /* stylelint-disable-line declaration-no-important */ } 17591 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header { 17592 transition: margin-bottom 0.3s ease-in-out; } 17593 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div { 17594 opacity: 1; 17595 visibility: visible; 17596 max-height: none; 17597 transition: opacity 0.3s linear, visibility 0s linear; } 17598 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container { 17599 opacity: 1; 17600 visibility: visible; 17601 max-height: none; 17602 transition: opacity 0.3s linear, visibility 0s linear; } 17603 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core { 17604 opacity: 1; 17605 visibility: visible; 17606 max-height: none; 17607 transition: opacity 0.3s linear, visibility 0s linear; } 17608 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content { 17609 opacity: .3; } 17610 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header { 17611 margin-bottom: 0 !important; 17612 /* stylelint-disable-line declaration-no-important */ } 17613 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div { 17614 opacity: 0; 17615 visibility: hidden; 17616 max-height: 0; } 17617 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container { 17618 opacity: 0; 17619 visibility: hidden; 17620 max-height: 0; } 17621 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core { 17622 opacity: 0; 17623 visibility: hidden; 17624 max-height: 0; } 17625 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content, 17626 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content { 17627 opacity: 1; } 17628 17629.path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon { 17630 height: 250px; 17631 width: 250px; 17632 margin-right: 0; } 17633 17634.path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button { 17635 padding-left: 94px; } 17636 17637.path-mod-forum .unified-grader .no-search-results-container .icon { 17638 height: 250px; 17639 width: 250px; 17640 margin-right: 0; } 17641 17642.path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button { 17643 margin-left: 94px; 17644 border-radius: 0.3rem; } 17645 17646.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container { 17647 position: relative; } 17648 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after { 17649 position: absolute; 17650 top: calc(70px + 0.5rem); 17651 content: ""; 17652 background-color: #e9ecef; 17653 width: 2px; 17654 height: calc(100% - 70px + 0.5rem); } 17655 17656.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img { 17657 width: 30px !important; 17658 /* stylelint-disable-line declaration-no-important */ } 17659 17660.path-mod-forum .unified-grader .nested-v2-display-mode .post-subject, 17661.path-mod-forum .modal .nested-v2-display-mode .post-subject { 17662 display: none; } 17663 17664@media (max-width: 575.98px) { 17665 .path-mod-forum .unified-grader .grader-grading-panel { 17666 width: 100%; 17667 position: fixed; 17668 height: calc(100vh - 50px); 17669 overflow: scroll; 17670 top: 50px; } 17671 .path-mod-forum .unified-grader .body-container { 17672 overflow: visible; } } 17673 17674.maincalendar .calendarmonth td, 17675.maincalendar .calendarmonth th { 17676 border: 1px dotted #dee2e6; } 17677 17678.path-grade-report-grader h1 { 17679 text-align: inherit; } 17680 17681#page-mod-chat-gui_basic input#message { 17682 max-width: 100%; } 17683 17684#page-mod-data-view #singleimage { 17685 width: auto; } 17686 17687.path-mod-data form { 17688 margin-top: 10px; } 17689 17690.template_heading { 17691 margin-top: 10px; } 17692 17693.breadcrumb-button { 17694 margin-top: 4px; } 17695 17696.breadcrumb-button .singlebutton { 17697 float: left; 17698 margin-left: 4px; } 17699 17700.langmenu form { 17701 margin: 0; } 17702 17703canvas { 17704 -ms-touch-action: auto; } 17705 17706div#dock { 17707 display: none; } 17708 17709/** General styles (scope: all of lesson) **/ 17710.path-mod-lesson .invisiblefieldset.fieldsetfix { 17711 display: block; } 17712 17713.path-mod-lesson .answeroption .checkbox label p { 17714 display: inline; } 17715 17716.path-mod-lesson .form-inline label.form-check-label { 17717 display: inline-block; } 17718 17719.path-mod-lesson .slideshow { 17720 overflow: auto; 17721 padding: 15px; } 17722 17723#page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] { 17724 white-space: normal; } 17725 17726#page-mod-lesson-view .vertical .singlebutton { 17727 display: block; } 17728 #page-mod-lesson-view .vertical .singlebutton + .singlebutton { 17729 margin-left: 0; 17730 margin-top: 1rem; } 17731 17732#page-mod-lesson-view .fitem .felement .custom-select { 17733 align-self: flex-start; } 17734 17735.path-mod-lesson .generaltable td { 17736 vertical-align: middle; } 17737 .path-mod-lesson .generaltable td label { 17738 margin-bottom: 0; } 17739 .path-mod-lesson .generaltable td .highlight { 17740 display: inline-block; 17741 margin-left: 0.25rem; } 17742 .path-mod-lesson .generaltable td input[type="checkbox"] { 17743 display: block; } 17744 17745.path-mod-wiki .wiki_headingtitle, 17746.path-mod-wiki .midpad, 17747.path-mod-wiki .wiki_headingtime { 17748 text-align: inherit; } 17749 17750.path-mod-wiki .wiki_contentbox { 17751 width: 100%; } 17752 17753.path-mod-survey .surveytable > tbody > tr:nth-of-type(even) { 17754 background-color: rgba(0, 0, 0, 0.03); } 17755 17756.path-mod-survey .surveytable .rblock label { 17757 text-align: center; } 17758 17759.nav .caret { 17760 margin-left: 4px; } 17761 17762.nav .divider { 17763 overflow: hidden; 17764 width: 0; } 17765 17766.usermenu .login { 17767 line-height: 2.25rem; } 17768 17769.userloggedinas .usermenu .usertext, 17770.userswitchedrole .usermenu .usertext, 17771.loginfailures .usermenu .usertext { 17772 float: left; 17773 text-align: right; 17774 margin-right: 0.5rem; 17775 height: 35px; } 17776 .userloggedinas .usermenu .usertext .meta, 17777 .userswitchedrole .usermenu .usertext .meta, 17778 .loginfailures .usermenu .usertext .meta { 17779 display: block; 17780 font-size: 0.8203125rem; } 17781 17782.userloggedinas .usermenu .avatar img, 17783.userswitchedrole .usermenu .avatar img, 17784.loginfailures .usermenu .avatar img { 17785 margin: 0; } 17786 17787.userloggedinas .usermenu .userbutton .avatars { 17788 position: relative; 17789 display: inline-block; } 17790 .userloggedinas .usermenu .userbutton .avatars .avatar.current { 17791 display: inline-block; 17792 position: absolute; 17793 bottom: 0; 17794 right: 0; 17795 width: 20px; 17796 height: 20px; 17797 border-radius: 50%; } 17798 .userloggedinas .usermenu .userbutton .avatars .avatar.current img { 17799 vertical-align: baseline; } 17800 .userloggedinas .usermenu .userbutton .avatars .avatar img { 17801 width: inherit; 17802 height: inherit; } 17803 .userloggedinas .usermenu .userbutton .avatars .realuser { 17804 width: 35px; 17805 height: 35px; 17806 display: inline-block; } 17807 17808@media (max-width: 767.98px) { 17809 .usertext { 17810 display: none; } } 17811 17812.path-mod-quiz .mod-quiz-edit-content { 17813 margin-bottom: 10rem; } 17814 17815#page-mod-quiz-mod #id_reviewoptionshdr .col-md-3, 17816#page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 { 17817 width: auto; 17818 max-width: none; } 17819 17820#page-mod-quiz-mod #id_reviewoptionshdr .form-group { 17821 float: left; 17822 width: 20rem; 17823 display: inline-block; 17824 min-height: 12rem; } 17825 17826#page-mod-quiz-mod #id_reviewoptionshdr .btn-link { 17827 line-height: 1.5; 17828 vertical-align: bottom; } 17829 17830#page-mod-quiz-mod #id_reviewoptionshdr .form-inline { 17831 float: left; 17832 clear: left; } 17833 17834#page-mod-quiz-mod #id_reviewoptionshdr .form-check { 17835 width: auto; 17836 height: 22px; 17837 justify-content: flex-start; } 17838 17839#page-mod-quiz-mod #id_reviewoptionshdr .review_option_item { 17840 width: 90%; 17841 height: 22px; } 17842 17843.path-mod-quiz #mod_quiz_navblock .qnbutton { 17844 text-decoration: none; 17845 font-size: 14px; 17846 line-height: 20px; 17847 font-weight: normal; 17848 background-color: #fff; 17849 background-image: none; 17850 height: 40px; 17851 width: 30px; 17852 border-radius: 3px; 17853 border: 0; 17854 overflow: visible; 17855 margin: 0 6px 6px 0; } 17856 17857.path-mod-quiz #mod_quiz_navblock span.qnbutton { 17858 cursor: default; 17859 background-color: #e9ecef; 17860 color: #495057; } 17861 17862.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover, 17863.path-mod-quiz #mod_quiz_navblock a.qnbutton:active, 17864.path-mod-quiz #mod_quiz_navblock a.qnbutton:focus { 17865 text-decoration: underline; } 17866 17867.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder { 17868 border: 1px solid; 17869 border-radius: 3px; 17870 z-index: 1; } 17871 17872.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder { 17873 border-width: 3px; } 17874 17875.path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder { 17876 border-width: 1px; } 17877 17878.path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder { 17879 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat; } 17880 17881.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight { 17882 border: 0; 17883 background: #fff none center/10px no-repeat scroll; 17884 height: 20px; 17885 margin-top: 20px; 17886 border-radius: 0 0 3px 3px; } 17887 17888.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight, 17889.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight { 17890 background-color: #fff; } 17891 17892.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight { 17893 background-image: url([[pix:theme|mod/quiz/warningtriangle]]); } 17894 17895.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight { 17896 background-image: url([[pix:theme|mod/quiz/checkmark]]); 17897 background-color: #357a32; } 17898 17899.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight { 17900 background-image: url([[pix:core|t/locked]]); 17901 background-color: #e9ecef; } 17902 17903.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight, 17904.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight { 17905 background-color: #ca3120; } 17906 17907.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight { 17908 background-image: url([[pix:theme|mod/quiz/whitecircle]]); 17909 background-color: #f0ad4e; } 17910 17911.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, 17912.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, 17913.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight { 17914 background-color: #6a737b; } 17915 17916#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input { 17917 height: 1.4em; 17918 vertical-align: middle; } 17919 17920#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer { 17921 padding: 0; 17922 margin: 0 0.4em; } 17923 17924/* Countdown timer. */ 17925#page-mod-quiz-attempt #region-main { 17926 overflow-x: inherit; } 17927 17928#quiz-timer-wrapper { 17929 display: none; 17930 position: sticky; 17931 justify-content: end; 17932 top: 55px; 17933 z-index: 1020; } 17934 #quiz-timer-wrapper #quiz-timer { 17935 border: 1px solid #ca3120; 17936 background-color: #fff; } 17937 17938.pagelayout-embedded #quiz-timer-wrapper { 17939 top: 5px; } 17940 17941#quiz-timer-wrapper #quiz-timer.timeleft0 { 17942 background-color: #ca3120; 17943 color: #fff; } 17944 17945#quiz-timer-wrapper #quiz-timer.timeleft1 { 17946 background-color: #d73422; 17947 color: #fff; } 17948 17949#quiz-timer-wrapper #quiz-timer.timeleft2 { 17950 background-color: #dd3d2b; 17951 color: #fff; } 17952 17953#quiz-timer-wrapper #quiz-timer.timeleft3 { 17954 background-color: #e04938; 17955 color: #fff; } 17956 17957#quiz-timer-wrapper #quiz-timer.timeleft4 { 17958 background-color: #e25546; 17959 color: #fff; } 17960 17961#quiz-timer-wrapper #quiz-timer.timeleft5 { 17962 background-color: #e46153; 17963 color: #fff; } 17964 17965#quiz-timer-wrapper #quiz-timer.timeleft6 { 17966 background-color: #e66d60; 17967 color: #fff; } 17968 17969#quiz-timer-wrapper #quiz-timer.timeleft7 { 17970 background-color: #e8796d; 17971 color: #1d2125; } 17972 17973#quiz-timer-wrapper #quiz-timer.timeleft8 { 17974 background-color: #ea867a; 17975 color: #1d2125; } 17976 17977#quiz-timer-wrapper #quiz-timer.timeleft9 { 17978 background-color: #ec9288; 17979 color: #1d2125; } 17980 17981#quiz-timer-wrapper #quiz-timer.timeleft10 { 17982 background-color: #ee9e95; 17983 color: #1d2125; } 17984 17985#quiz-timer-wrapper #quiz-timer.timeleft11 { 17986 background-color: #f0aaa2; 17987 color: #1d2125; } 17988 17989#quiz-timer-wrapper #quiz-timer.timeleft12 { 17990 background-color: #f2b6af; 17991 color: #1d2125; } 17992 17993#quiz-timer-wrapper #quiz-timer.timeleft13 { 17994 background-color: #f4c2bc; 17995 color: #1d2125; } 17996 17997#quiz-timer-wrapper #quiz-timer.timeleft14 { 17998 background-color: #f7ceca; 17999 color: #1d2125; } 18000 18001#quiz-timer-wrapper #quiz-timer.timeleft15 { 18002 background-color: #f9dad7; 18003 color: #1d2125; } 18004 18005#quiz-timer-wrapper #quiz-timer.timeleft16 { 18006 background-color: #fbe6e4; 18007 color: #1d2125; } 18008 18009.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons { 18010 top: auto; } 18011 18012.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement { 18013 height: calc(100% - 4rem); } 18014 18015.path-mod-assign [data-region="grade-panel"] { 18016 padding-top: 1rem; } 18017 18018.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3, 18019.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 { 18020 width: 100%; 18021 padding: 0; 18022 max-width: 100%; 18023 flex: none; } 18024 18025.path-mod-assign [data-region="grade-panel"] fieldset, 18026.path-mod-assign [data-region="grade-panel"] .fitem.row { 18027 margin: 0; } 18028 18029.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement { 18030 width: 100%; } 18031 18032.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement { 18033 width: auto; } 18034 18035.path-mod-assign [data-region="grade-panel"] .popout { 18036 background-color: #fff; } 18037 18038.path-mod-assign [data-region="grade-panel"] .fitem.has-popout { 18039 background-color: #fff; 18040 border-radius: 0.25rem; 18041 border: 1px solid rgba(0, 0, 0, 0.125); 18042 padding: 1.25rem; 18043 margin-bottom: 1rem; } 18044 18045.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 { 18046 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 18047 margin-bottom: 1rem; } 18048 18049.path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 { 18050 display: flex; 18051 align-items: flex-start; 18052 justify-content: space-between; 18053 font-size: 1.40625rem; } 18054 18055.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] { 18056 margin-top: 0; } 18057 18058.path-mod-assign [data-region="assignment-info"] { 18059 overflow-y: hidden; } 18060 18061.path-mod-assign [data-region="grading-navigation"] { 18062 padding: 6px; } 18063 18064.path-mod-assign [data-region="grade-actions"] { 18065 padding: 10px; } 18066 18067.path-mod-assign [data-region="user-info"] .img-rounded { 18068 margin-top: 0; } 18069 18070.path-mod-assign [data-region="grading-navigation-panel"] { 18071 height: 85px; } 18072 18073@media (max-width: 767px) { 18074 .path-mod-assign [data-region="grading-navigation-panel"] { 18075 height: auto; } 18076 .path-mod-assign [data-region="user-info"] { 18077 margin-top: 1rem; } } 18078 18079.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input { 18080 width: auto; 18081 display: inline-block; } 18082 18083/** 18084 * Assign feedback. 18085 */ 18086.assignfeedback_editpdf_widget * { 18087 box-sizing: content-box; } 18088 18089.assignfeedback_editpdf_widget button { 18090 box-sizing: border-box; } 18091 18092.assignfeedback_editpdf_widget .commentcolourbutton img { 18093 border-width: 0; } 18094 18095.assignfeedback_editpdf_widget .label { 18096 position: relative; 18097 padding: 0.75rem 1.25rem; 18098 margin-bottom: 1rem; 18099 border: 0 solid transparent; 18100 border-radius: 0.25rem; 18101 color: #00434e; 18102 background-color: #cce6ea; 18103 border-color: #b8dce2; 18104 /* stylelint-disable-line max-line-length */ } 18105 .assignfeedback_editpdf_widget .label hr { 18106 border-top-color: #a6d3db; } 18107 .assignfeedback_editpdf_widget .label .alert-link { 18108 color: #00171b; } 18109 18110.assignfeedback_editpdf_menu { 18111 padding: 0; } 18112 18113.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser { 18114 float: none; } 18115 18116.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark { 18117 width: 100%; } 18118 18119.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] { 18120 padding-left: 1rem; 18121 padding-right: 1rem; } 18122 18123.path-mod-assign [data-region="grade-panel"] .showmarkerdesc, 18124.path-mod-assign [data-region="grade-panel"] .showstudentdesc { 18125 background-color: #fff; } 18126 18127/** 18128 * Mod LTI. 18129 */ 18130.path-admin-mod-lti .btn .loader img, 18131.path-admin-mod-lti #tool-list-loader-container .loader img { 18132 height: auto; } 18133 18134.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax { 18135 background-color: #fff; } 18136 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd, 18137 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft, 18138 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd, 18139 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, 18140 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom { 18141 border: 0; } 18142 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, 18143 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom { 18144 border-radius: 0; } 18145 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd { 18146 background-color: transparent; } 18147 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd { 18148 background-color: #f8f9fa; } 18149 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 { 18150 padding: 0 !important; 18151 /* stylelint-disable-line declaration-no-important */ } 18152 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable, 18153 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell { 18154 border: 0; 18155 padding: 3px 15px; 18156 white-space: nowrap; 18157 margin-bottom: 0; } 18158 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist { 18159 padding: 10px 5px; } 18160 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list { 18161 border-top: 1px solid #dee2e6; 18162 border-bottom: 1px solid #fff; } 18163 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li { 18164 border-top: 1px solid #fff; 18165 border-bottom: 1px solid #dee2e6; 18166 padding: 5px 10px; } 18167 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img { 18168 margin-right: 8px; 18169 border: 1px solid #ccc; 18170 border-radius: 4px; 18171 max-width: none; } 18172 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages { 18173 margin: 20px 25px; } 18174 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme { 18175 text-align: center; 18176 margin: 10px 0; 18177 font-size: 0.8203125rem; 18178 color: #495057; } 18179 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme { 18180 margin-bottom: 0.75rem; 18181 border-radius: 0.25rem; 18182 border: 1px solid rgba(0, 0, 0, 0.125); 18183 padding: 1.25rem; } 18184 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time { 18185 float: right; 18186 font-size: 11px; 18187 color: #495057; } 18188 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme { 18189 background-color: #fff; } 18190 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user { 18191 font-weight: bold; } 18192 18193/* reports.less */ 18194#page-report-participation-index .participationselectform div label { 18195 display: inline-block; 18196 margin: 0 5px; } 18197 18198#page-report-participation-index .participationselectform div label[for=menuinstanceid] { 18199 margin-left: 0; } 18200 18201.path-backup .mform { 18202 /* These are long labels with checkboxes on the right. */ } 18203 .path-backup .mform .grouped_settings { 18204 clear: both; 18205 overflow: hidden; 18206 /* Use card styles but avoid extend because that brings in too much. */ } 18207 .path-backup .mform .grouped_settings.section_level { 18208 background-color: #fff; 18209 border-radius: 0.25rem; 18210 border: 1px solid rgba(0, 0, 0, 0.125); 18211 padding: 1.25rem; 18212 margin-bottom: 1.25rem; } 18213 .path-backup .mform .grouped_settings.section_level::after { 18214 display: block; 18215 clear: both; 18216 content: ""; } 18217 .path-backup .mform .include_setting { 18218 width: 50%; 18219 display: inline-block; 18220 float: left; 18221 padding: 0.3rem; } 18222 .path-backup .mform .normal_setting { 18223 width: 50%; 18224 display: inline-block; 18225 float: left; 18226 padding: 0.3rem; } 18227 18228.path-backup { 18229 /* Bold section labels */ } 18230 .path-backup .section_level { 18231 font-weight: bold; } 18232 .path-backup .section_level .activity_level { 18233 font-weight: normal; } 18234 .path-backup .proceedbutton { 18235 margin-left: auto; } 18236 18237/* Override the columns width to leave more room for the labels. */ 18238.path-backup .mform .root_setting, 18239.path-backup .mform .grouped_settings { 18240 /* Striped rows like a table */ } 18241 .path-backup .mform .root_setting:nth-of-type(odd), 18242 .path-backup .mform .grouped_settings:nth-of-type(odd) { 18243 background-color: rgba(0, 0, 0, 0.03); } 18244 .path-backup .mform .root_setting:nth-of-type(even), 18245 .path-backup .mform .grouped_settings:nth-of-type(even) { 18246 background-color: #fff; } 18247 .path-backup .mform .root_setting .form-group, 18248 .path-backup .mform .grouped_settings .form-group { 18249 /* These checkboxes with no label on the left. */ } 18250 .path-backup .mform .root_setting .form-group .col-md-3.checkbox, 18251 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox { 18252 width: 0%; } 18253 .path-backup .mform .root_setting .form-group .col-md-9.checkbox, 18254 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox { 18255 width: 100%; 18256 left: 0; } 18257 18258/* Detail pair is (usually) some short label with a longer value */ 18259.path-backup .detail-pair .detail-pair-label { 18260 width: 25%; 18261 float: left; 18262 clear: left; } 18263 18264.path-backup .detail-pair .detail-pair-value { 18265 width: 75%; 18266 float: left; } 18267 18268.path-backup .backup-restore .singlebutton { 18269 float: right; } 18270 18271/* Make these bits full width and work with the detail-pair */ 18272.path-backup .backup-section { 18273 /* Fix for nested table headers */ 18274 /* Add card styles to backup sections */ 18275 background-color: #fff; 18276 border-radius: 0.25rem; 18277 border: 1px solid rgba(0, 0, 0, 0.125); 18278 padding: 1.25rem; 18279 margin-bottom: 1.25rem; } 18280 .path-backup .backup-section .sub-header, 18281 .path-backup .backup-section .backup-sub-section, 18282 .path-backup .backup-section .singlebutton, 18283 .path-backup .backup-section .header { 18284 width: 100%; 18285 float: left; 18286 clear: both; } 18287 .path-backup .backup-section th.header { 18288 width: auto; 18289 float: none; } 18290 .path-backup .backup-section ::after { 18291 content: ""; 18292 display: table; 18293 clear: both; } 18294 .path-backup .backup-section::after { 18295 display: block; 18296 clear: both; 18297 content: ""; } 18298 18299.path-backup .notification.dependencies_enforced { 18300 color: #ca3120; 18301 font-weight: bold; } 18302 18303.path-backup .backup_progress { 18304 margin-top: 1rem; 18305 margin-bottom: 1rem; } 18306 .path-backup .backup_progress .backup_stage { 18307 color: #6a737b; } 18308 .path-backup .backup_progress .backup_stage.backup_stage_current { 18309 font-weight: bold; 18310 color: inherit; } 18311 18312.path-backup .backup_progress span.backup_stage.backup_stage_complete { 18313 color: inherit; } 18314 18315#page-backup-restore .filealiasesfailures { 18316 background-color: #f4d6d2; } 18317 #page-backup-restore .filealiasesfailures .aliaseslist { 18318 background-color: #fff; } 18319 18320.path-backup .wibbler { 18321 width: 500px; 18322 margin: 0 auto 10px; 18323 border-bottom: 1px solid black; 18324 border-right: 1px solid black; 18325 border-left: 1px solid black; 18326 position: relative; 18327 min-height: 4px; } 18328 .path-backup .wibbler .wibble { 18329 position: absolute; 18330 left: 0; 18331 right: 0; 18332 top: 0; 18333 height: 4px; } 18334 .path-backup .wibbler .state0 { 18335 background: #eee; } 18336 .path-backup .wibbler .state1 { 18337 background: #ddd; } 18338 .path-backup .wibbler .state2 { 18339 background: #ccc; } 18340 .path-backup .wibbler .state3 { 18341 background: #bbb; } 18342 .path-backup .wibbler .state4 { 18343 background: #aaa; } 18344 .path-backup .wibbler .state5 { 18345 background: #999; } 18346 .path-backup .wibbler .state6 { 18347 background: #888; } 18348 .path-backup .wibbler .state7 { 18349 background: #777; } 18350 .path-backup .wibbler .state8 { 18351 background: #666; } 18352 .path-backup .wibbler .state9 { 18353 background: #555; } 18354 .path-backup .wibbler .state10 { 18355 background: #444; } 18356 .path-backup .wibbler .state11 { 18357 background: #333; } 18358 .path-backup .wibbler .state12 { 18359 background: #222; } 18360 18361.generaltable { 18362 width: 100%; 18363 margin-bottom: 1rem; 18364 color: #1d2125; } 18365 .generaltable th, 18366 .generaltable td { 18367 padding: 0.75rem; 18368 vertical-align: top; 18369 border-top: 1px solid #dee2e6; } 18370 .generaltable thead th { 18371 vertical-align: bottom; 18372 border-bottom: 2px solid #dee2e6; } 18373 .generaltable tbody + tbody { 18374 border-top: 2px solid #dee2e6; } 18375 .generaltable tbody tr:nth-of-type(odd) { 18376 background-color: rgba(0, 0, 0, 0.03); } 18377 .generaltable.table-sm th, 18378 .generaltable.table-sm td { 18379 padding: 0.3rem; } 18380 .generaltable tbody tr:hover { 18381 color: #1d2125; 18382 background-color: rgba(0, 0, 0, 0.075); } 18383 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) { 18384 color: #1d2125; } 18385 18386table caption { 18387 font-size: 24px; 18388 font-weight: bold; 18389 line-height: 42px; 18390 text-align: left; 18391 caption-side: top; } 18392 18393.table-dynamic .loading-icon { 18394 position: absolute; 18395 left: calc(50% - 1.5rem); 18396 top: 200px; } 18397 .table-dynamic .loading-icon .icon { 18398 height: 3rem; 18399 width: 3rem; 18400 font-size: 3rem; } 18401 18402.singlebutton { 18403 display: inline-block; } 18404 .singlebutton + .singlebutton { 18405 margin-left: 0.5rem; } 18406 18407.continuebutton { 18408 text-align: center; } 18409 18410p.arrow_button { 18411 margin-top: 5em; 18412 text-align: center; } 18413 18414#addcontrols { 18415 margin-top: 11.25rem; 18416 text-align: center; 18417 margin-bottom: 3em; } 18418 #addcontrols label { 18419 display: inline; } 18420 18421#addcontrols input, 18422#removecontrols input { 18423 width: 100%; 18424 margin: auto; } 18425 18426.btn-lineup { 18427 margin: 0 0 10px 5px; } 18428 18429.btn.btn-icon { 18430 height: 36px; 18431 width: 36px; 18432 font-size: 16px; 18433 line-height: 16px; 18434 padding: 0; 18435 border-radius: 50%; 18436 flex-shrink: 0; } 18437 .btn.btn-icon:hover, .btn.btn-icon:focus { 18438 background-color: #e9ecef; } 18439 .btn.btn-icon.icon-size-0 { 18440 height: 20px !important; 18441 /* stylelint-disable-line declaration-no-important */ 18442 width: 20px !important; 18443 /* stylelint-disable-line declaration-no-important */ 18444 font-size: 0 !important; 18445 /* stylelint-disable-line declaration-no-important */ 18446 line-height: 0 !important; 18447 /* stylelint-disable-line declaration-no-important */ } 18448 .btn.btn-icon.icon-size-1 { 18449 height: 24px !important; 18450 /* stylelint-disable-line declaration-no-important */ 18451 width: 24px !important; 18452 /* stylelint-disable-line declaration-no-important */ 18453 font-size: 4px !important; 18454 /* stylelint-disable-line declaration-no-important */ 18455 line-height: 4px !important; 18456 /* stylelint-disable-line declaration-no-important */ } 18457 .btn.btn-icon.icon-size-2 { 18458 height: 28px !important; 18459 /* stylelint-disable-line declaration-no-important */ 18460 width: 28px !important; 18461 /* stylelint-disable-line declaration-no-important */ 18462 font-size: 8px !important; 18463 /* stylelint-disable-line declaration-no-important */ 18464 line-height: 8px !important; 18465 /* stylelint-disable-line declaration-no-important */ } 18466 .btn.btn-icon.icon-size-3 { 18467 height: 36px !important; 18468 /* stylelint-disable-line declaration-no-important */ 18469 width: 36px !important; 18470 /* stylelint-disable-line declaration-no-important */ 18471 font-size: 16px !important; 18472 /* stylelint-disable-line declaration-no-important */ 18473 line-height: 16px !important; 18474 /* stylelint-disable-line declaration-no-important */ } 18475 .btn.btn-icon.icon-size-4 { 18476 height: 44px !important; 18477 /* stylelint-disable-line declaration-no-important */ 18478 width: 44px !important; 18479 /* stylelint-disable-line declaration-no-important */ 18480 font-size: 24px !important; 18481 /* stylelint-disable-line declaration-no-important */ 18482 line-height: 24px !important; 18483 /* stylelint-disable-line declaration-no-important */ } 18484 .btn.btn-icon.icon-size-5 { 18485 height: 52px !important; 18486 /* stylelint-disable-line declaration-no-important */ 18487 width: 52px !important; 18488 /* stylelint-disable-line declaration-no-important */ 18489 font-size: 32px !important; 18490 /* stylelint-disable-line declaration-no-important */ 18491 line-height: 32px !important; 18492 /* stylelint-disable-line declaration-no-important */ } 18493 .btn.btn-icon.icon-size-6 { 18494 height: 60px !important; 18495 /* stylelint-disable-line declaration-no-important */ 18496 width: 60px !important; 18497 /* stylelint-disable-line declaration-no-important */ 18498 font-size: 40px !important; 18499 /* stylelint-disable-line declaration-no-important */ 18500 line-height: 40px !important; 18501 /* stylelint-disable-line declaration-no-important */ } 18502 .btn.btn-icon.icon-size-7 { 18503 height: 68px !important; 18504 /* stylelint-disable-line declaration-no-important */ 18505 width: 68px !important; 18506 /* stylelint-disable-line declaration-no-important */ 18507 font-size: 48px !important; 18508 /* stylelint-disable-line declaration-no-important */ 18509 line-height: 48px !important; 18510 /* stylelint-disable-line declaration-no-important */ } 18511 18512.btn-primary:focus, .btn-primary.focus { 18513 outline: 0.2rem solid #000102; 18514 box-shadow: inset 0 0 0 2px #fff; } 18515 18516.btn-secondary:focus, .btn-secondary.focus { 18517 outline: 0.2rem solid #5f6e7d; 18518 box-shadow: inset 0 0 0 2px #fff; } 18519 18520.btn-success:focus, .btn-success.focus { 18521 outline: 0.2rem solid black; 18522 box-shadow: inset 0 0 0 2px #fff; } 18523 18524.btn-info:focus, .btn-info.focus { 18525 outline: 0.2rem solid black; 18526 box-shadow: inset 0 0 0 2px #fff; } 18527 18528.btn-warning:focus, .btn-warning.focus { 18529 outline: 0.2rem solid #694109; 18530 box-shadow: inset 0 0 0 2px #fff; } 18531 18532.btn-danger:focus, .btn-danger.focus { 18533 outline: 0.2rem solid #1a0604; 18534 box-shadow: inset 0 0 0 2px #fff; } 18535 18536.btn-light:focus, .btn-light.focus { 18537 outline: 0.2rem solid #8193a5; 18538 box-shadow: inset 0 0 0 2px #fff; } 18539 18540.btn-dark:focus, .btn-dark.focus { 18541 outline: 0.2rem solid black; 18542 box-shadow: inset 0 0 0 2px #fff; } 18543 18544.btn-outline-primary:focus, .btn-outline-primary.focus { 18545 outline: 0.2rem solid #000102; 18546 box-shadow: inset 0 0 0 2px #343a40; } 18547 18548.btn-outline-secondary:focus, .btn-outline-secondary.focus { 18549 outline: 0.2rem solid #5f6e7d; 18550 box-shadow: inset 0 0 0 2px #343a40; } 18551 18552.btn-outline-success:focus, .btn-outline-success.focus { 18553 outline: 0.2rem solid black; 18554 box-shadow: inset 0 0 0 2px #343a40; } 18555 18556.btn-outline-info:focus, .btn-outline-info.focus { 18557 outline: 0.2rem solid black; 18558 box-shadow: inset 0 0 0 2px #343a40; } 18559 18560.btn-outline-warning:focus, .btn-outline-warning.focus { 18561 outline: 0.2rem solid #694109; 18562 box-shadow: inset 0 0 0 2px #343a40; } 18563 18564.btn-outline-danger:focus, .btn-outline-danger.focus { 18565 outline: 0.2rem solid #1a0604; 18566 box-shadow: inset 0 0 0 2px #343a40; } 18567 18568.btn-outline-light:focus, .btn-outline-light.focus { 18569 outline: 0.2rem solid #8193a5; 18570 box-shadow: inset 0 0 0 2px #343a40; } 18571 18572.btn-outline-dark:focus, .btn-outline-dark.focus { 18573 outline: 0.2rem solid black; 18574 box-shadow: inset 0 0 0 2px #343a40; } 18575 18576.gradetreebox h4 { 18577 font-size: 0.9375rem; } 18578 18579.gradetreebox th.cell, 18580.gradetreebox input[type=text] { 18581 width: auto; } 18582 18583.gradetreebox input[type=text], 18584.gradetreebox select { 18585 margin-bottom: 0; } 18586 18587.core_grades_notices .singlebutton { 18588 display: inline-block; } 18589 18590.path-grade-report #maincontent + .urlselect { 18591 position: absolute; 18592 left: 40vw; } 18593 18594.path-grade-report-grader #region-main { 18595 overflow-x: visible; 18596 min-width: 100%; 18597 width: auto; 18598 display: inline-flex; 18599 flex-direction: column; } 18600 .path-grade-report-grader #region-main > .card { 18601 width: auto; 18602 overflow-x: initial; } 18603 .path-grade-report-grader #region-main div[role="main"] { 18604 flex: 1 1 auto; } 18605 18606.path-grade-report-grader [data-region="blocks-column"] { 18607 width: 100%; 18608 clear: both; } 18609 18610.path-grade-report-grader span.gradepass { 18611 color: #357a32; } 18612 18613.path-grade-report-grader span.gradefail { 18614 color: #ca3120; } 18615 18616#page-grade-grading-manage #activemethodselector label { 18617 display: inline-block; } 18618 18619#page-grade-grading-manage #activemethodselector .helptooltip { 18620 margin-right: 0.5em; } 18621 18622#page-grade-grading-manage .actions { 18623 display: block; 18624 text-align: center; 18625 margin-bottom: 1em; } 18626 #page-grade-grading-manage .actions .action { 18627 display: inline-block; 18628 position: relative; 18629 vertical-align: top; 18630 width: 150px; 18631 text-align: center; 18632 overflow: hidden; 18633 margin: 0.5em; 18634 padding: 1em; 18635 border: 1px solid #aaa; } 18636 #page-grade-grading-manage .actions .action .action-text { 18637 position: relative; 18638 top: 0.4em; 18639 font-size: 14px; 18640 white-space: normal; } 18641 18642#page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status { 18643 font-size: 70%; } 18644 18645#rubric-rubric.gradingform_rubric #rubric-criteria { 18646 margin-bottom: 1em; } 18647 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description { 18648 vertical-align: top; 18649 padding: 6px; } 18650 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea { 18651 margin-bottom: 0; 18652 height: 115px; } 18653 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea { 18654 width: 80%; 18655 margin-bottom: 0; } 18656 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score { 18657 position: relative; 18658 float: left; 18659 margin-right: 28px; } 18660 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input { 18661 margin-bottom: 0; } 18662 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level { 18663 vertical-align: top; 18664 padding: 6px; } 18665 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete { 18666 position: relative; 18667 width: 32px; 18668 height: 32px; 18669 margin-top: -32px; 18670 clear: both; 18671 float: right; } 18672 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input { 18673 display: block; 18674 position: absolute; 18675 right: 0; 18676 bottom: 0; 18677 height: 24px; 18678 width: 24px; 18679 margin: 0; } 18680 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover { 18681 background-color: #ddd; } 18682 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input { 18683 float: none; 18684 width: 2em; } 18685 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink { 18686 width: 0; } 18687 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel { 18688 vertical-align: top; 18689 padding-top: 6px; } 18690 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input { 18691 height: 30px; 18692 line-height: 1rem; } 18693 18694#rubric-rubric.gradingform_rubric .addcriterion { 18695 margin-left: 5px; 18696 padding: 0; 18697 margin-bottom: 1em; } 18698 #rubric-rubric.gradingform_rubric .addcriterion input { 18699 margin: 0; 18700 color: inherit; 18701 text-shadow: inherit; 18702 border: 0 none; 18703 line-height: inherit; 18704 background: transparent url([[pix:t/add]]) no-repeat 7px 8px; 18705 padding-left: 26px; } 18706 18707#rubric-rubric.gradingform_rubric .options { 18708 clear: both; } 18709 #rubric-rubric.gradingform_rubric .options .option label { 18710 margin: 0; 18711 padding: 0; 18712 font-size: inherit; 18713 font-weight: normal; 18714 line-height: 2em; 18715 color: inherit; 18716 text-shadow: none; 18717 background-color: transparent; } 18718 #rubric-rubric.gradingform_rubric .options .option input { 18719 margin-left: 5px; 18720 margin-right: 12px; } 18721 18722.grade-display .description { 18723 font-size: 1rem; } 18724 18725.criterion .description { 18726 font-size: 1rem; } 18727 18728.criterion .criterion-toggle .expanded-icon { 18729 display: block; } 18730 18731.criterion .criterion-toggle .collapsed-icon { 18732 display: none; } 18733 18734.criterion .criterion-toggle.collapsed .expanded-icon { 18735 display: none; } 18736 18737.criterion .criterion-toggle.collapsed .collapsed-icon { 18738 display: block; } 18739 18740.path-grade-edit-tree .setup-grades h4 { 18741 margin: 0; } 18742 18743.path-grade-edit-tree .setup-grades .column-rowspan { 18744 padding: 0; 18745 width: 24px; 18746 min-width: 24px; 18747 max-width: 24px; } 18748 18749.path-grade-edit-tree .setup-grades .category td.column-name { 18750 padding-left: 0; } 18751 18752.path-grade-edit-tree .setup-grades td.column-name { 18753 padding-left: 24px; } 18754 18755.path-grade-edit-tree .setup-grades td.movehere { 18756 padding: 0; } 18757 18758.path-grade-edit-tree .setup-grades td.movehere a.movehere { 18759 display: block; 18760 width: 100%; 18761 height: 2rem; 18762 border: 2px dashed #343a40; } 18763 18764.path-grade-edit-tree .setup-grades .category input[type="text"], 18765.path-grade-edit-tree .setup-grades .category .column-range, 18766.path-grade-edit-tree .setup-grades .categoryitem, 18767.path-grade-edit-tree .setup-grades .courseitem { 18768 font-weight: bold; } 18769 18770.path-grade-edit-tree .setup-grades .emptyrow { 18771 display: none; } 18772 18773.path-grade-edit-tree .setup-grades .gradeitemdescription { 18774 font-weight: normal; 18775 padding-left: 24px; } 18776 18777.path-grade-edit-tree .setup-grades .column-weight { 18778 white-space: nowrap; } 18779 .path-grade-edit-tree .setup-grades .column-weight.level3 { 18780 padding-left: 37px; } 18781 .path-grade-edit-tree .setup-grades .column-weight.level4 { 18782 padding-left: 66px; } 18783 .path-grade-edit-tree .setup-grades .column-weight.level5 { 18784 padding-left: 95px; } 18785 .path-grade-edit-tree .setup-grades .column-weight.level6 { 18786 padding-left: 124px; } 18787 .path-grade-edit-tree .setup-grades .column-weight.level7 { 18788 padding-left: 153px; } 18789 .path-grade-edit-tree .setup-grades .column-weight.level8 { 18790 padding-left: 182px; } 18791 .path-grade-edit-tree .setup-grades .column-weight.level9 { 18792 padding-left: 211px; } 18793 .path-grade-edit-tree .setup-grades .column-weight.level10 { 18794 padding-left: 240px; } 18795 18796.path-grade-edit-tree .setup-grades .column-range.level2 { 18797 padding-left: 37px; } 18798 18799.path-grade-edit-tree .setup-grades .column-range.level3 { 18800 padding-left: 66px; } 18801 18802.path-grade-edit-tree .setup-grades .column-range.level4 { 18803 padding-left: 95px; } 18804 18805.path-grade-edit-tree .setup-grades .column-range.level5 { 18806 padding-left: 124px; } 18807 18808.path-grade-edit-tree .setup-grades .column-range.level6 { 18809 padding-left: 153px; } 18810 18811.path-grade-edit-tree .setup-grades .column-range.level7 { 18812 padding-left: 182px; } 18813 18814.path-grade-edit-tree .setup-grades .column-range.level8 { 18815 padding-left: 211px; } 18816 18817.path-grade-edit-tree .setup-grades .column-range.level9 { 18818 padding-left: 240px; } 18819 18820.path-grade-edit-tree .setup-grades .column-range.level10 { 18821 padding-left: 269px; } 18822 18823.path-grade-edit-tree .setup-grades.generaltable .levelodd { 18824 background-color: rgba(0, 0, 0, 0.03); } 18825 18826/** 18827 * Grader report. 18828 */ 18829.path-grade-report-grader .gradeparent table { 18830 border-radius: 0.25rem; } 18831 18832.path-grade-report-grader .gradeparent tr .cell, 18833.path-grade-report-grader .gradeparent .floater .cell { 18834 background-color: #fff; } 18835 18836.path-grade-report-grader .gradeparent table, 18837.path-grade-report-grader .gradeparent .cell { 18838 border-color: #dee2e6; } 18839 18840.path-grade-report-grader .gradeparent .userrow.odd .cell, 18841.path-grade-report-grader .gradeparent .floater .cell.odd, 18842.path-grade-report-grader .gradeparent .heading .cell, 18843.path-grade-report-grader .gradeparent .cell.category, 18844.path-grade-report-grader .gradeparent .avg .cell { 18845 background-color: #f8f9fa; } 18846 18847.path-grade-report-grader .gradeparent table .clickable { 18848 cursor: pointer; } 18849 18850/** 18851 * User report. 18852 */ 18853.path-grade-report-user .user-grade { 18854 border: none; } 18855 .path-grade-report-user .user-grade.generaltable .levelodd { 18856 background-color: rgba(0, 0, 0, 0.03); } 18857 .path-grade-report-user .user-grade .column-contributiontocoursetotal, 18858 .path-grade-report-user .user-grade .column-range, 18859 .path-grade-report-user .user-grade .column-percentage, 18860 .path-grade-report-user .user-grade .column-weight { 18861 /*rtl:ignore*/ 18862 direction: ltr; } 18863 18864/** 18865 * Single view. 18866 */ 18867.path-grade-report-singleview input[name^="finalgrade"] { 18868 width: 80px; } 18869 18870.columns-autoflow-1to1to1 { 18871 column-count: 3; } 18872 18873@media (max-width: 767px) { 18874 .columns-autoflow-1to1to1 { 18875 column-count: 1; } } 18876 18877/* some very targetted corrections to roll back nameclashes between 18878 * Moodle and Bootstrap like .row, .label, .content, .controls 18879 * 18880 * Mostly relies on these styles being more specific than the Bootstrap 18881 * ones in order to overule them. 18882 */ 18883li.activity.label, 18884.file-picker td.label { 18885 background: inherit; 18886 color: inherit; 18887 border: inherit; 18888 text-shadow: none; 18889 white-space: normal; 18890 display: block; 18891 font-size: inherit; 18892 line-height: inherit; 18893 text-align: inherit; } 18894 18895.file-picker td.label { 18896 display: table-cell; 18897 text-align: right; 18898 padding: 8px; } 18899 18900.choosercontainer #chooseform .option label { 18901 font-size: 12px; } 18902 18903/* block.invisible vs .invisible 18904 * block.hidden vs .invisible 18905 * 18906 * uses .invisible where the rest of Moodle uses @mixin dimmed 18907 * fixible in block renderer? 18908 * 18909 * There's seems to be even more naming confusion here since, 18910 * blocks can be actually 'visible' (or not) to students, 18911 * marked 'visible' but really just dimmed to indicate to editors 18912 * that students can't see them or 'visible' to the user who 18913 * collapses them, 'visible' if you have the right role and in 18914 * different circumstances different sections of a block can 18915 * be 'visible' or not. 18916 * 18917 * currently worked around in renderers.php function block{} 18918 * by rewriting the class name "invisible" to "dimmed", 18919 * though the blocks don't look particularly different apart 18920 * from their contents disappearing. Maybe try .muted? or 18921 * dimming all the edit icons apart from unhide, might be a 18922 * nice effect, though they'd still be active. Maybe reverse 18923 * it to white? 18924 */ 18925li.section.hidden, 18926.block.hidden, 18927.block.invisible { 18928 visibility: visible; 18929 display: block; } 18930 18931/* .row vs .row 18932 * 18933 * very tricky to track down this when it goes wrong, 18934 * since the styles are applied to generated content 18935 * 18936 * basically if you see things shifted left or right compared 18937 * with where they should be check for a .row 18938 */ 18939.forumpost .row { 18940 margin-left: 0 !important; 18941 /* stylelint-disable-line declaration-no-important */ } 18942 18943.forumpost .row:before, 18944.forumpost .row:after { 18945 content: none; } 18946 18947/* fieldset.hidden vs .hidden 18948 * 18949 * Moodle uses fieldset.hidden for mforms, to signify a collection of 18950 * form elements that don't have a box drawn round them. Bootstrap 18951 * uses hidden for stuff that is hidden in various responsive modes. 18952 * 18953 * Relatedly, there is also fieldset.invisiblefieldset which hides the 18954 * border and sets the display to inline. 18955 * 18956 * Originally this just set block and visible, but it is used 18957 * in random question dialogue in Quiz, 18958 * that dialogue is hidden and shown, so when hidden the 18959 * above workaround leaves you with a button floating around 18960 */ 18961fieldset.hidden { 18962 display: inherit; 18963 visibility: inherit; } 18964 18965/* .container vs .container 18966 * 18967 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it 18968 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code, 18969 * it becomes near unuseable. 18970 */ 18971#questionbank + .container { 18972 width: auto; } 18973 18974body:not(.jsenabled) .dropdown:hover > .dropdown-menu { 18975 display: block; 18976 margin-top: -6px; } 18977 18978body:not(.jsenabled) .langmenu:hover > .dropdown-menu, 18979.langmenu.open > .dropdown-menu { 18980 display: block; 18981 max-height: 150px; 18982 overflow-y: auto; } 18983 18984.navbar.fixed-top .dropdown .dropdown-menu { 18985 max-height: calc(100vh - 50px); 18986 overflow-y: auto; } 18987 18988.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus { 18989 z-index: inherit; } 18990 18991/* Force positioning of popover arrows. 18992 * 18993 * The Css prefixer used in Moodle does not support complex calc statements used 18994 * in Bootstrap 4 CSS. For example: 18995 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php. 18996 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved. 18997 */ 18998.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow, 18999.bs-popover-auto[x-placement^="right"] .arrow { 19000 left: -9px; } 19001 19002.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow, 19003.bs-popover-auto[x-placement^="left"] .arrow { 19004 right: -9px; } 19005 19006.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow, 19007.bs-popover-auto[x-placement^="top"] .arrow { 19008 bottom: -9px; } 19009 19010.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow, 19011.bs-popover-auto[x-placement^="bottom"] .arrow { 19012 top: -9px; } 19013 19014.custom-select { 19015 word-wrap: normal; } 19016 19017/* Add commented out carousel transistions back in. 19018 * 19019 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515. 19020 */ 19021.carousel-item-next.carousel-item-left, 19022.carousel-item-prev.carousel-item-right { 19023 transform: translateX(0); } 19024 19025.carousel-item-next, 19026.active.carousel-item-right { 19027 transform: translateX(100%); } 19028 19029.carousel-item-prev, 19030.active.carousel-item-left { 19031 transform: translateX(-100%); } 19032 19033/** 19034 * Reset all of the forced style on the page. 19035 * - Remove borders on header and content. 19036 * - Remove most of the vertical padding. 19037 * - Make the content region flex grow so it pushes things like the 19038 * next activity selector to the bottom of the page. 19039 */ 19040body.behat-site .fixed-top { 19041 position: absolute; } 19042 19043body.behat-site .dropdown-item { 19044 margin-top: 4px !important; 19045 /* stylelint-disable declaration-no-important */ } 19046 19047body.behat-site.drawer-ease { 19048 -webkit-transition: initial; 19049 -moz-transition: initial; 19050 transition: initial; } 19051 19052body.behat-site [data-region="drawer"] { 19053 -webkit-transition: initial; 19054 -moz-transition: initial; 19055 transition: initial; 19056 position: absolute; } 19057 19058body.behat-site .custom-control, 19059body.behat-site .custom-switch { 19060 padding-left: 0; } 19061 19062body.behat-site .custom-control-input { 19063 position: static; 19064 z-index: 0; 19065 opacity: 1; } 19066 19067body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after { 19068 content: none; } 19069 19070body.behat-site [data-region="message-drawer"] { 19071 padding-right: 10px; } 19072 19073.phpinfo table, 19074.phpinfo th, 19075.phpinfo h2 { 19076 margin: auto; } 19077 19078.phpinfo .e, 19079.phpinfo .v, 19080.phpinfo .h { 19081 border: 1px solid #000; 19082 font-size: 0.8em; 19083 vertical-align: baseline; 19084 color: #000; 19085 background-color: #ccc; } 19086 19087.phpinfo .e { 19088 background-color: #ccf; 19089 font-weight: bold; } 19090 19091.phpinfo .h { 19092 background-color: #99c; 19093 font-weight: bold; } 19094 19095/** 19096 * This file contains the styles required to make the footer sticky. 19097 */ 19098html, 19099body { 19100 height: 100%; } 19101 19102#page-wrapper { 19103 height: 100%; 19104 display: flex; 19105 flex-direction: column; } 19106 #page-wrapper #page { 19107 flex: 1 0 auto; 19108 display: flex; 19109 flex-direction: column; } 19110 #page-wrapper #page #page-content { 19111 flex: 1 0 auto; } 19112 #page-wrapper #page-footer { 19113 flex-shrink: 0; } 19114 19115.popover-region { 19116 position: relative; } 19117 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after { 19118 display: none; } 19119 .popover-region.collapsed .popover-region-container { 19120 opacity: 0; 19121 visibility: hidden; 19122 height: 0; 19123 overflow: hidden; 19124 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; } 19125 19126.popover-region-toggle { 19127 cursor: pointer; } 19128 .popover-region-toggle::before { 19129 content: ''; 19130 display: inline-block; 19131 border-left: 10px solid transparent; 19132 border-right: 10px solid transparent; 19133 border-bottom: 10px solid #ddd; 19134 position: absolute; 19135 bottom: 0; 19136 right: 7px; } 19137 .popover-region-toggle::after { 19138 content: ''; 19139 display: inline-block; 19140 border-left: 9px solid transparent; 19141 border-right: 9px solid transparent; 19142 border-bottom: 9px solid #fff; 19143 position: absolute; 19144 bottom: -1px; 19145 right: 8px; 19146 z-index: 2; } 19147 19148.count-container { 19149 padding: 2px; 19150 border-radius: 2px; 19151 background-color: #ca3120; 19152 color: white; 19153 font-size: 11px; 19154 line-height: 11px; 19155 position: absolute; 19156 top: 5px; 19157 right: 0; } 19158 19159.popover-region-container { 19160 opacity: 1; 19161 visibility: visible; 19162 position: absolute; 19163 right: 0; 19164 top: 0; 19165 height: 500px; 19166 width: 380px; 19167 border: 1px solid #ddd; 19168 transition: height 0.25s; 19169 background-color: #fff; 19170 z-index: 1; } 19171 19172.popover-region-header-container { 19173 height: 25px; 19174 line-height: 25px; 19175 padding-left: 5px; 19176 padding-right: 5px; 19177 border-bottom: 1px solid #ddd; 19178 box-sizing: border-box; } 19179 19180.popover-region-footer-container { 19181 height: 30px; 19182 text-align: center; 19183 border-top: 1px solid #ddd; 19184 background-color: #fff; 19185 padding-top: 3px; } 19186 19187.popover-region-header-text { 19188 float: left; 19189 margin: 0; 19190 font-size: 14px; 19191 line-height: 25px; } 19192 19193.popover-region-header-actions { 19194 float: right; } 19195 .popover-region-header-actions > * { 19196 margin-left: 10px; 19197 min-width: 20px; 19198 display: inline-block; } 19199 .popover-region-header-actions .loading-icon { 19200 display: none; 19201 height: 12px; 19202 width: 12px; } 19203 .popover-region-header-actions .newmessage-link { 19204 margin-right: 10px; } 19205 .popover-region-header-actions label { 19206 display: inline-block; 19207 text-align: center; 19208 margin-bottom: 0; } 19209 19210.popover-region-content-container { 19211 height: calc(100% - 55px); 19212 width: 100%; 19213 overflow-y: auto; 19214 -webkit-overflow-scrolling: touch; } 19215 .popover-region-content-container > .loading-icon { 19216 display: none; 19217 text-align: center; 19218 padding: 5px; 19219 box-sizing: border-box; } 19220 .popover-region-content-container .empty-message { 19221 display: none; 19222 text-align: center; 19223 padding: 10px; } 19224 .popover-region-content-container.loading > .loading-icon { 19225 display: block; } 19226 .popover-region-content-container.loading .empty-message { 19227 display: none; } 19228 19229.navbar .popover-region.collapsed .popover-region-container { 19230 opacity: 0; 19231 visibility: hidden; 19232 height: 0; 19233 overflow: hidden; 19234 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; } 19235 19236.navbar .count-container { 19237 padding: 2px; 19238 border-radius: 2px; 19239 background-color: #ca3120; 19240 color: white; 19241 font-size: 11px; 19242 line-height: 11px; 19243 position: absolute; 19244 top: 5px; 19245 right: 0; } 19246 19247.navbar .popover-region-container { 19248 top: 1.96875rem; } 19249 19250.content-item-container { 19251 width: 100%; 19252 border-bottom: 1px solid #ddd; 19253 box-sizing: border-box; 19254 padding: 5px; 19255 position: relative; 19256 margin: 0; 19257 display: block; 19258 color: inherit; 19259 text-decoration: none; } 19260 .content-item-container:hover { 19261 color: #fff; 19262 background-color: #0f6cbf; } 19263 .content-item-container:hover .content-item-footer .timestamp { 19264 color: #fff; } 19265 .content-item-container:hover .view-more { 19266 color: inherit; } 19267 .content-item-container.unread { 19268 margin: 0; 19269 background-color: #f4f4f4; } 19270 .content-item-container.unread:hover { 19271 color: #fff; 19272 background-color: #0f6cbf; } 19273 .content-item-container.unread .content-item-body .notification-message { 19274 font-weight: 600; } 19275 .content-item-container .context-link { 19276 color: inherit; 19277 text-decoration: none; } 19278 .content-item-container .content-item-body { 19279 box-sizing: border-box; 19280 margin-bottom: 5px; } 19281 .content-item-container .content-item-footer { 19282 text-align: left; 19283 box-sizing: border-box; } 19284 .content-item-container .content-item-footer .timestamp { 19285 font-size: 10px; 19286 line-height: 10px; 19287 margin: 0; 19288 color: inherit; 19289 margin-left: 24px; } 19290 .content-item-container .view-more { 19291 position: absolute; 19292 bottom: 5px; 19293 right: 5px; 19294 font-size: 12px; 19295 line-height: 12px; } 19296 .content-item-container .view-more:hover { 19297 color: inherit; } 19298 .content-item-container.notification .content-item-body .notification-image { 19299 display: inline-block; 19300 width: 24px; 19301 height: 24px; 19302 float: left; } 19303 .content-item-container.notification .content-item-body .notification-image img { 19304 height: 75%; } 19305 .content-item-container.notification .content-item-body .notification-message { 19306 display: inline-block; 19307 font-size: 12px; 19308 width: calc(100% - 24px); } 19309 .content-item-container.selected { 19310 background-color: #4f94cd; 19311 color: #fff; 19312 border-color: #4f94cd; } 19313 .content-item-container.selected .content-item-footer .timestamp { 19314 color: #fff; } 19315 19316.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon { 19317 display: inline-block; } 19318 19319.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon { 19320 display: none; } 19321 19322.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon { 19323 display: inline-block; } 19324 19325.popover-region-notifications .all-notifications { 19326 opacity: 1; 19327 visibility: visible; 19328 height: auto; 19329 overflow: hidden; } 19330 .popover-region-notifications .all-notifications:empty + .empty-message { 19331 display: block; } 19332 19333.popover-region-notifications .notification-image { 19334 display: inline-block; 19335 width: 8%; 19336 vertical-align: top; } 19337 .popover-region-notifications .notification-image img { 19338 height: 75%; } 19339 19340.popover-region-notifications .notification-message { 19341 display: inline-block; 19342 font-size: 12px; } 19343 19344.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message { 19345 display: none; } 19346 19347.popover-region-messages .mark-all-read-button .normal-icon { 19348 display: inline-block; } 19349 19350.popover-region-messages .mark-all-read-button.loading .normal-icon { 19351 display: none; } 19352 19353.popover-region-messages .mark-all-read-button.loading .loading-icon { 19354 display: inline-block; } 19355 19356.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message { 19357 display: none; } 19358 19359.popover-region-messages .messages:empty + .empty-message { 19360 display: block; } 19361 19362.popover-region-messages .content-item-container.unread .content-item-body { 19363 font-weight: 600; 19364 width: calc(90% - 30px); } 19365 19366.popover-region-messages .content-item-container.unread .unread-count-container { 19367 display: inline-block; 19368 width: 10%; 19369 text-align: center; 19370 float: right; } 19371 19372.popover-region-messages .content-item { 19373 height: 100%; 19374 width: 100%; 19375 box-sizing: border-box; } 19376 19377.popover-region-messages .profile-image-container { 19378 width: 30px; 19379 display: inline-block; 19380 text-align: center; 19381 float: left; } 19382 .popover-region-messages .profile-image-container img { 19383 width: 100%; 19384 display: inline-block; 19385 vertical-align: middle; 19386 border-radius: 50%; } 19387 19388.popover-region-messages .content-item-body { 19389 display: inline-block; 19390 box-sizing: border-box; 19391 width: calc(100% - 30px); 19392 font-size: 12px; 19393 padding-left: 10px; 19394 overflow: hidden; } 19395 .popover-region-messages .content-item-body h3 { 19396 font-size: 12px; 19397 line-height: 12px; 19398 margin: 0; 19399 width: 100%; } 19400 .popover-region-messages .content-item-body p { 19401 margin: 0; } 19402 19403.popover-region-messages .unread-count-container { 19404 display: none; } 19405 19406@media (max-width: 767px) { 19407 .navbar .popover-region .popover-region-container { 19408 right: -70px; } } 19409 19410@media (max-width: 480px) { 19411 .navbar .popover-region .popover-region-container { 19412 position: fixed; 19413 top: 46px; 19414 right: 0; 19415 left: 0; 19416 bottom: 0; 19417 width: auto; 19418 height: auto; } } 19419 19420/** 19421 * Tour step must sit above all other UI components. 19422 * The backdrop is the lowest point in the tour. 19423 * Everything else is in the container, and the target background should be at the same z-index. 19424 * ----- moodle 19425 * ---- step backdrop 19426 * --- step container 19427 * --- step target background 19428 */ 19429div[data-flexitour="backdrop"] { 19430 background-color: #000; 19431 opacity: 0.5; 19432 z-index: 1040; } 19433 19434div[data-flexitour="step-background-fader"], 19435div[data-flexitour="step-background"] { 19436 border-radius: 0.3rem; 19437 z-index: 1041; } 19438 19439span[data-flexitour="container"], 19440div[data-flexitour="step-background-fader"], 19441[data-flexitour="step-backdrop"] > td, 19442[data-flexitour="step-backdrop"] { 19443 z-index: 1042; } 19444 19445span[data-flexitour="container"] .modal-dialog { 19446 /** 19447 * Remove all margins to: 19448 * 1) ensure that the arrow touches the target; and 19449 * 2) ensure that the focus border touches the modal. 19450 */ 19451 margin: 0; } 19452 19453span[data-flexitour="container"] div[data-role="arrow"] { 19454 border-width: 1rem; } 19455 19456span[data-flexitour="container"] div[data-role="arrow"], 19457span[data-flexitour="container"] div[data-role="arrow"]:after { 19458 position: absolute; 19459 display: block; 19460 width: 0; 19461 height: 0; 19462 border-color: transparent; 19463 border-style: solid; 19464 border-width: 1rem; } 19465 19466span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] { 19467 margin-bottom: 1rem; } 19468 span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] { 19469 bottom: -1rem; 19470 left: 50%; 19471 margin-left: -1rem; 19472 border-bottom-width: 0; 19473 border-top-color: rgba(0, 0, 0, 0.25); } 19474 span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after { 19475 bottom: 1px; 19476 margin-left: -1rem; 19477 content: " "; 19478 border-bottom-width: 0; 19479 border-top-color: #fff; } 19480 19481span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] { 19482 margin-top: 1rem; } 19483 span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] { 19484 top: -1rem; 19485 left: 50%; 19486 margin-left: -1rem; 19487 border-top-width: 0; 19488 border-bottom-color: rgba(0, 0, 0, 0.25); } 19489 span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after { 19490 top: 1px; 19491 margin-left: -1rem; 19492 content: " "; 19493 border-top-width: 0; 19494 border-bottom-color: #fff; } 19495 19496span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] { 19497 margin-right: 1rem; } 19498 span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] { 19499 right: -1rem; 19500 top: 50%; 19501 margin-top: -1rem; 19502 border-right-width: 0; 19503 border-left-color: rgba(0, 0, 0, 0.25); } 19504 span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after { 19505 right: 1px; 19506 margin-top: -1rem; 19507 content: " "; 19508 border-right-width: 0; 19509 border-left-color: #fff; } 19510 19511span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] { 19512 margin-left: 1rem; } 19513 span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] { 19514 left: -1rem; 19515 top: 50%; 19516 margin-top: -1rem; 19517 border-left-width: 0; 19518 border-right-color: rgba(0, 0, 0, 0.25); } 19519 span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after { 19520 left: 1px; 19521 margin-top: -1rem; 19522 content: " "; 19523 border-left-width: 0; 19524 border-right-color: #fff; } 19525 19526[data-region="drawer"] [data-flexitour="container"] { 19527 /*rtl:ignore*/ 19528 margin-left: -15px; 19529 width: 275px; } 19530 19531@media print { 19532 body.drawer-open-left.jsenabled, 19533 body.drawer-open-right.jsenabled { 19534 margin: 0; } 19535 .container { 19536 width: auto; } } 19537 19538.modal .modal-body > .loading-icon { 19539 display: block; 19540 position: relative; 19541 width: 100%; 19542 height: 100%; } 19543 .modal .modal-body > .loading-icon .icon { 19544 position: absolute; 19545 top: 50%; 19546 /*rtl:ignore*/ 19547 left: 50%; 19548 transform: translate(-50%, -50%); } 19549 19550.layout.fullscreen { 19551 height: 100vh; 19552 position: fixed; 19553 top: 0; 19554 left: 0; 19555 z-index: 1040; 19556 transition: 0.5s; 19557 width: 100vw; 19558 margin: 0; 19559 opacity: 1; 19560 background-color: #fff; } 19561 .layout.fullscreen > div { 19562 height: 100%; 19563 width: 100%; } 19564 .layout.fullscreen .loading-icon { 19565 margin-left: auto; 19566 margin-right: auto; 19567 text-align: center; 19568 display: inline-block; 19569 width: 100%; 19570 top: 40%; 19571 position: fixed; } 19572 .layout.fullscreen .loading-icon .icon { 19573 width: 1em; 19574 height: 1em; 19575 font-size: 4em; } 19576 19577.form-control:-ms-input-placeholder { 19578 color: #6a737b; } 19579 19580.custom-select { 19581 -webkit-appearance: none; 19582 -moz-appearance: none; } 19583 19584.custom-range { 19585 -webkit-appearance: none; 19586 -moz-appearance: none; } 19587 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb { 19588 -webkit-appearance: none; 19589 -moz-appearance: none; } 19590 19591input[type="date"].form-control, 19592input[type="time"].form-control, 19593input[type="datetime-local"].form-control, 19594input[type="month"].form-control { 19595 -webkit-appearance: none; 19596 -moz-appearance: none; } 19597 19598@media (min-width: 576px) { 19599 .card-columns { 19600 -webkit-column-gap: 1.25rem; 19601 -moz-column-gap: 1.25rem; } } 19602 19603.carousel-item { 19604 -webkit-backface-visibility: hidden; } 19605 19606.card { 19607 -webkit-background-clip: border-box; } 19608 19609.carousel-indicators li, 19610.dropdown-menu, 19611.form-control, 19612.modal-content, 19613.popover, 19614.toast { 19615 -webkit-background-clip: padding-box; } 19616 19617.btn { 19618 -webkit-user-select: none; 19619 -ms-user-select: none; } 19620 19621.user-select-all { 19622 -webkit-user-select: all !important; 19623 /* stylelint-disable-line declaration-no-important */ 19624 -ms-user-select: none; } 19625 19626.user-select-auto { 19627 -webkit-user-select: auto !important; 19628 /* stylelint-disable-line declaration-no-important */ 19629 -ms-user-select: none; } 19630 19631.user-select-none { 19632 -webkit-user-select: none !important; 19633 /* stylelint-disable-line declaration-no-important */ 19634 -ms-user-select: none; } 19635 19636.editor_atto_content_wrap { 19637 background-color: white; 19638 color: #333; } 19639 19640.editor_atto_content { 19641 padding: 4px; 19642 resize: vertical; 19643 overflow: auto; } 19644 19645.editor_atto_content_wrap, 19646.editor_atto + textarea { 19647 width: 100%; 19648 padding: 0; } 19649 19650.editor_atto + textarea { 19651 border-radius: 0; 19652 resize: vertical; 19653 margin-top: -1px; } 19654 19655div.editor_atto_toolbar { 19656 display: block; 19657 background: #f2f2f2; 19658 min-height: 35px; 19659 border: 1px solid #8f959e; 19660 width: 100%; 19661 padding: 0 0 9px 0; } 19662 19663div.editor_atto_toolbar button { 19664 padding: 4px 9px; 19665 background: none; 19666 border: 0; 19667 margin: 0; 19668 border-radius: 0; 19669 cursor: pointer; } 19670 19671div.editor_atto_toolbar button + button { 19672 border-left: 1px solid #ccc; } 19673 19674div.editor_atto_toolbar button[disabled] { 19675 opacity: .45; 19676 background: none; 19677 cursor: default; } 19678 19679.editor_atto_toolbar button:hover { 19680 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%); 19681 background-color: #ebebeb; } 19682 19683.editor_atto_toolbar button:active, 19684.editor_atto_toolbar button.highlight { 19685 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%); 19686 background-color: #dfdfdf; } 19687 19688/* Make firefox button sizes match other browsers */ 19689div.editor_atto_toolbar button::-moz-focus-inner { 19690 border: 0; 19691 padding: 0; } 19692 19693div.editor_atto_toolbar button .icon { 19694 padding: 0; 19695 margin: 2px 0; } 19696 19697div.editor_atto_toolbar div.atto_group { 19698 display: inline-block; 19699 border: 1px solid #ccc; 19700 border-bottom: 1px solid #b3b3b3; 19701 border-radius: 4px; 19702 margin: 9px 0 0 9px; 19703 background: #fff; } 19704 19705.editor_atto_content img { 19706 resize: both; 19707 overflow: auto; } 19708 19709.atto_hasmenu { 19710 /* IE8 places the images on top of each other if that is not set. */ 19711 white-space: nowrap; } 19712 19713.atto_menuentry .icon { 19714 width: 16px; 19715 height: 16px; } 19716 19717.atto_menuentry { 19718 clear: left; } 19719 19720.atto_menuentry h1, 19721.atto_menuentry h2, 19722.atto_menuentry p { 19723 margin: 4px; } 19724 19725/*.atto_form label.sameline { 19726 display: inline-block; 19727 min-width: 10em; 19728}*/ 19729.atto_form textarea.fullwidth, 19730.atto_form input.fullwidth { 19731 width: 100%; } 19732 19733.atto_form { 19734 padding: 0.5rem; } 19735 19736/*.atto_form label { 19737 display: block; 19738 margin: 0 0 5px 0; 19739}*/ 19740.atto_control { 19741 position: absolute; 19742 right: -6px; 19743 bottom: -6px; 19744 display: none; 19745 cursor: pointer; } 19746 19747.atto_control .icon { 19748 background-color: white; } 19749 19750div.editor_atto_content:focus .atto_control, 19751div.editor_atto_content:hover .atto_control { 19752 display: block; } 19753 19754.editor_atto_menu.yui3-menu-hidden { 19755 display: none; } 19756 19757/* Get broken images back in firefox */ 19758.editor_atto_content img:-moz-broken { 19759 -moz-force-broken-image-icon: 1; 19760 min-width: 24px; 19761 min-height: 24px; } 19762 19763/* Atto menu styling */ 19764.moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd { 19765 padding: 0; 19766 z-index: 1000; } 19767 19768.editor_atto_menu .dropdown-menu > li > a { 19769 margin: 3px 14px; } 19770 19771.editor_atto_menu .open ul.dropdown-menu { 19772 padding-top: 5px; 19773 padding-bottom: 5px; } 19774 19775.editor_atto_wrap { 19776 position: relative; } 19777 19778/*rtl:ignore*/ 19779.editor_atto_wrap textarea { 19780 direction: ltr; } 19781 19782.editor_atto_notification .atto_info, 19783.editor_atto_notification .atto_warning { 19784 display: inline-block; 19785 background-color: #f2f2f2; 19786 padding: 0.5em; 19787 padding-left: 1em; 19788 padding-right: 1em; 19789 border-bottom-left-radius: 1em; 19790 border-bottom-right-radius: 1em; } 19791 19792.editor_atto_notification .atto_info { 19793 background-color: #f2f2f2; } 19794 19795.editor_atto_notification .atto_warning { 19796 background-color: #ffd700; } 19797 19798.editor_atto_toolbar, 19799.editor_atto_content_wrap, 19800.editor_atto + textarea { 19801 box-sizing: border-box; } 19802 19803.editor_atto_content.form-control { 19804 width: 100%; 19805 border-top: 0; } 19806 19807/** Atto fields do not have form-control because that would break the layout of the editor. 19808 So they need these extra styles to highlight the editor when there is a validation error. */ 19809.has-danger .editor_atto_content.form-control .invalid-feedback, 19810.has-danger .editor_atto_content.form-control-danger .invalid-feedback { 19811 display: none; 19812 width: 100%; 19813 margin-top: 0.25rem; 19814 font-size: 80%; 19815 color: #ca3120; } 19816 19817.has-danger .editor_atto_content.form-control .invalid-tooltip, 19818.has-danger .editor_atto_content.form-control-danger .invalid-tooltip { 19819 position: absolute; 19820 top: 100%; 19821 left: 0; 19822 z-index: 5; 19823 display: none; 19824 max-width: 100%; 19825 padding: 0.25rem 0.5rem; 19826 margin-top: .1rem; 19827 font-size: 0.8203125rem; 19828 line-height: 1.5; 19829 color: #fff; 19830 background-color: rgba(202, 49, 32, 0.9); 19831 border-radius: 0.25rem; } 19832 .form-row > .col > .has-danger .editor_atto_content.form-control .invalid-tooltip, 19833 .form-row > [class*="col-"] > .has-danger .editor_atto_content.form-control .invalid-tooltip, .form-row > .col > 19834 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip, 19835 .form-row > [class*="col-"] > 19836 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip { 19837 left: 5px; } 19838 19839.was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback, 19840.was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback, 19841.has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip, .was-validated 19842.has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback, 19843.was-validated 19844.has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip, 19845.has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback, 19846.has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip { 19847 display: block; } 19848 19849.was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid, .was-validated 19850.has-danger .editor_atto_content.form-control-danger .form-control:invalid, 19851.has-danger .editor_atto_content.form-control-danger .form-control.is-invalid { 19852 border-color: #ca3120; 19853 padding-right: calc(1.5em + 0.75rem); 19854 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%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='%23ca3120' stroke='none'/%3e%3c/svg%3e"); 19855 background-repeat: no-repeat; 19856 background-position: right calc(0.375em + 0.1875rem) center; 19857 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } 19858 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid:focus, .has-danger .editor_atto_content.form-control .form-control.is-invalid:focus, .was-validated 19859 .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus, 19860 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus { 19861 border-color: #ca3120; 19862 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 19863 19864.was-validated .has-danger .editor_atto_content.form-control textarea.form-control:invalid, .has-danger .editor_atto_content.form-control textarea.form-control.is-invalid, .was-validated 19865.has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid, 19866.has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid { 19867 padding-right: calc(1.5em + 0.75rem); 19868 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } 19869 19870.was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid, .was-validated 19871.has-danger .editor_atto_content.form-control-danger .custom-select:invalid, 19872.has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid { 19873 border-color: #ca3120; 19874 padding-right: calc(0.75em + 2.3125rem); 19875 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%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='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } 19876 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid:focus, .has-danger .editor_atto_content.form-control .custom-select.is-invalid:focus, .was-validated 19877 .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus, 19878 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus { 19879 border-color: #ca3120; 19880 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 19881 19882.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .form-check-label, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .form-check-label, .was-validated 19883.has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label, 19884.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label { 19885 color: #ca3120; } 19886 19887.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback, 19888.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-feedback, 19889.has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated 19890.has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback, 19891.was-validated 19892.has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip, 19893.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback, 19894.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip { 19895 display: block; } 19896 19897.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid ~ .custom-control-label, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid ~ .custom-control-label, .was-validated 19898.has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label, 19899.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label { 19900 color: #ca3120; } 19901 .was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated 19902 .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before, 19903 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before { 19904 border-color: #ca3120; } 19905 19906.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:checked ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated 19907.has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before, 19908.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before { 19909 border-color: #e04d3d; 19910 background-color: #e04d3d; } 19911 19912.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:focus ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated 19913.has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before, 19914.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before { 19915 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 19916 19917.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated 19918.has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, 19919.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { 19920 border-color: #ca3120; } 19921 19922.was-validated .has-danger .editor_atto_content.form-control .custom-file-input:invalid ~ .custom-file-label, .has-danger .editor_atto_content.form-control .custom-file-input.is-invalid ~ .custom-file-label, .was-validated 19923.has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label, 19924.has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label { 19925 border-color: #ca3120; } 19926 19927.was-validated .has-danger .editor_atto_content.form-control .custom-file-input:invalid:focus ~ .custom-file-label, .has-danger .editor_atto_content.form-control .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated 19928.has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label, 19929.has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label { 19930 border-color: #ca3120; 19931 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 19932 19933.open.atto_menu > .dropdown-menu { 19934 display: block; } 19935 19936div.editor_atto_toolbar button .icon { 19937 color: #495057; } 19938 19939.toast { 19940 border-radius: 0.25rem; } 19941 .toast.toast-success { 19942 background-color: rgba(215, 228, 214, 0.95); 19943 color: #1c3f1a; } 19944 .toast.toast-success .toast-header { 19945 color: #1c3f1a; } 19946 .toast.toast-success .toast-body:before { 19947 display: inline-block; 19948 font: normal normal normal 14px/1 FontAwesome; 19949 font-size: inherit; 19950 text-rendering: auto; 19951 -webkit-font-smoothing: antialiased; 19952 -moz-osx-font-smoothing: grayscale; 19953 margin: 2px 5px 0 0; 19954 content: ""; } 19955 .toast.toast-danger { 19956 background-color: rgba(244, 214, 210, 0.95); 19957 color: #691911; } 19958 .toast.toast-danger .toast-header { 19959 color: #691911; } 19960 .toast.toast-danger .toast-body:before { 19961 display: inline-block; 19962 font: normal normal normal 14px/1 FontAwesome; 19963 font-size: inherit; 19964 text-rendering: auto; 19965 -webkit-font-smoothing: antialiased; 19966 -moz-osx-font-smoothing: grayscale; 19967 margin: 2px 5px 0 0; 19968 content: ""; } 19969 .toast.toast-info { 19970 background-color: rgba(204, 230, 234, 0.95); 19971 color: #00434e; } 19972 .toast.toast-info .toast-header { 19973 color: #00434e; } 19974 .toast.toast-info .toast-body:before { 19975 display: inline-block; 19976 font: normal normal normal 14px/1 FontAwesome; 19977 font-size: inherit; 19978 text-rendering: auto; 19979 -webkit-font-smoothing: antialiased; 19980 -moz-osx-font-smoothing: grayscale; 19981 margin: 2px 5px 0 0; 19982 content: ""; } 19983 .toast.toast-warning { 19984 background-color: rgba(252, 239, 220, 0.95); 19985 color: #7d5a29; } 19986 .toast.toast-warning .toast-header { 19987 color: #7d5a29; } 19988 .toast.toast-warning .toast-body:before { 19989 display: inline-block; 19990 font: normal normal normal 14px/1 FontAwesome; 19991 font-size: inherit; 19992 text-rendering: auto; 19993 -webkit-font-smoothing: antialiased; 19994 -moz-osx-font-smoothing: grayscale; 19995 margin: 2px 5px 0 0; 19996 content: ""; } 19997 .toast .close { 19998 color: inherit; } 19999 20000body { 20001 -webkit-font-smoothing: antialiased; 20002 -moz-osx-font-smoothing: grayscale; } 20003 20004.navbar { 20005 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } 20006 20007.userpicture { 20008 border-radius: 50%; } 20009 20010.block { 20011 background-color: #f8f9fa; } 20012 20013#page-my-index { 20014 background-color: #fff; } 20015 20016.btn-outline-secondary { 20017 color: #6a737b; 20018 border-color: #6a737b; 20019 border-color: #6a737b; } 20020 .btn-outline-secondary:hover { 20021 color: #fff; 20022 background-color: #6a737b; 20023 border-color: #6a737b; } 20024 .btn-outline-secondary:focus, .btn-outline-secondary.focus { 20025 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5); } 20026 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { 20027 color: #6a737b; 20028 background-color: transparent; } 20029 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, 20030 .show > .btn-outline-secondary.dropdown-toggle { 20031 color: #fff; 20032 background-color: #6a737b; 20033 border-color: #6a737b; } 20034 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, 20035 .show > .btn-outline-secondary.dropdown-toggle:focus { 20036 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5); } 20037 20038.btn-outline-info { 20039 color: #1f7e9a; 20040 border-color: #1f7e9a; } 20041 .btn-outline-info:hover { 20042 color: #fff; 20043 background-color: #1f7e9a; 20044 border-color: #1f7e9a; } 20045 .btn-outline-info:focus, .btn-outline-info.focus { 20046 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5); } 20047 .btn-outline-info.disabled, .btn-outline-info:disabled { 20048 color: #1f7e9a; 20049 background-color: transparent; } 20050 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, 20051 .show > .btn-outline-info.dropdown-toggle { 20052 color: #fff; 20053 background-color: #1f7e9a; 20054 border-color: #1f7e9a; } 20055 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, 20056 .show > .btn-outline-info.dropdown-toggle:focus { 20057 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5); } 20058 20059.btn-outline-warning { 20060 color: #a6670e; 20061 border-color: #a6670e; } 20062 .btn-outline-warning:hover { 20063 color: #fff; 20064 background-color: #a6670e; 20065 border-color: #a6670e; } 20066 .btn-outline-warning:focus, .btn-outline-warning.focus { 20067 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5); } 20068 .btn-outline-warning.disabled, .btn-outline-warning:disabled { 20069 color: #a6670e; 20070 background-color: transparent; } 20071 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, 20072 .show > .btn-outline-warning.dropdown-toggle { 20073 color: #fff; 20074 background-color: #a6670e; 20075 border-color: #a6670e; } 20076 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, 20077 .show > .btn-outline-warning.dropdown-toggle:focus { 20078 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5); } 20079 20080@media (max-width: 767.98px) { 20081 .blockcolumn, 20082 .region-main { 20083 flex: 0 0 100%; 20084 max-width: 100%; 20085 padding: 0 1rem; 20086 margin-bottom: 1rem; } } 20087 20088@media (min-width: 768px) { 20089 #page-content { 20090 display: flex; } 20091 #page-content .region-main { 20092 flex: 0 0 100%; 20093 padding: 0 1rem; 20094 max-width: 100%; } 20095 #page-content.blocks-pre .columnleft { 20096 flex: 0 0 32%; 20097 order: -1; 20098 padding: 0 1rem; 20099 max-width: 32%; } 20100 #page-content.blocks-pre .region-main { 20101 flex: 0 0 68%; 20102 max-width: 68%; 20103 padding: 0 1rem 0 0; } 20104 #page-content.blocks-post .region-main { 20105 flex: 0 0 68%; 20106 max-width: 68%; 20107 padding: 0 0 0 1rem; } 20108 #page-content.blocks-post .columnright { 20109 flex: 0 0 32%; 20110 padding: 0 1rem; 20111 max-width: 32%; } 20112 #page-content.blocks-pre.blocks-post .region-main { 20113 flex: 0 0 36%; 20114 max-width: 36%; 20115 padding: 0; } 20116 #page-content [data-region="blocks-column"] { 20117 width: 100%; } 20118 .empty-region-side-pre.used-region-side-post #page-content .region-main { 20119 flex: 0 0 68%; 20120 max-width: 68%; 20121 padding-left: 1rem; } 20122 .empty-region-side-pre.used-region-side-post #page-content .columnright { 20123 flex: 0 0 32%; 20124 padding: 0 1rem; 20125 max-width: 32%; } 20126 .empty-region-side-post.used-region-side-pre #page-content .region-main { 20127 flex: 0 0 68%; 20128 max-width: 68%; 20129 padding-right: 1rem; } 20130 .empty-region-side-post.used-region-side-pre #page-content .columnleft { 20131 flex: 0 0 32%; 20132 order: -1; 20133 padding: 0 1rem; 20134 max-width: 32%; } 20135 .used-region-side-post.used-region-side-pre #page-content .region-main { 20136 flex: 0 0 36%; 20137 max-width: 36%; 20138 padding: 0; } 20139 .used-region-side-post.used-region-side-pre #page-content .columnleft { 20140 flex: 0 0 32%; 20141 order: -1; 20142 padding: 0 1rem; 20143 max-width: 32%; } 20144 .used-region-side-post.used-region-side-pre #page-content .columnright { 20145 flex: 0 0 32%; 20146 padding: 0 1rem; 20147 max-width: 32%; } } 20148 20149@media (min-width: 992px) { 20150 #page-content { 20151 display: flex; } 20152 #page-content .region-main { 20153 flex: 0 0 100%; 20154 padding: 0 1rem; 20155 max-width: 100%; } 20156 #page-content.blocks-pre .columnleft { 20157 flex: 0 0 25%; 20158 order: -1; 20159 padding: 0 1rem; 20160 max-width: 25%; } 20161 #page-content.blocks-pre .region-main { 20162 flex: 0 0 75%; 20163 max-width: 75%; 20164 padding: 0 1rem 0 0; } 20165 #page-content.blocks-post .region-main { 20166 flex: 0 0 75%; 20167 max-width: 75%; 20168 padding: 0 0 0 1rem; } 20169 #page-content.blocks-post .columnright { 20170 flex: 0 0 25%; 20171 padding: 0 1rem; 20172 max-width: 25%; } 20173 #page-content.blocks-pre.blocks-post .region-main { 20174 flex: 0 0 50%; 20175 max-width: 50%; 20176 padding: 0; } 20177 #page-content [data-region="blocks-column"] { 20178 width: 100%; } 20179 .empty-region-side-pre.used-region-side-post #page-content .region-main { 20180 flex: 0 0 75%; 20181 max-width: 75%; 20182 padding-left: 1rem; } 20183 .empty-region-side-pre.used-region-side-post #page-content .columnright { 20184 flex: 0 0 25%; 20185 padding: 0 1rem; 20186 max-width: 25%; } 20187 .empty-region-side-post.used-region-side-pre #page-content .region-main { 20188 flex: 0 0 75%; 20189 max-width: 75%; 20190 padding-right: 1rem; } 20191 .empty-region-side-post.used-region-side-pre #page-content .columnleft { 20192 flex: 0 0 25%; 20193 order: -1; 20194 padding: 0 1rem; 20195 max-width: 25%; } 20196 .used-region-side-post.used-region-side-pre #page-content .region-main { 20197 flex: 0 0 50%; 20198 max-width: 50%; 20199 padding: 0; } 20200 .used-region-side-post.used-region-side-pre #page-content .columnleft { 20201 flex: 0 0 25%; 20202 order: -1; 20203 padding: 0 1rem; 20204 max-width: 25%; } 20205 .used-region-side-post.used-region-side-pre #page-content .columnright { 20206 flex: 0 0 25%; 20207 padding: 0 1rem; 20208 max-width: 25%; } } 20209 20210@media (min-width: 1200px) { 20211 #page-content { 20212 display: flex; } 20213 #page-content .region-main { 20214 flex: 0 0 100%; 20215 padding: 0 1rem; 20216 max-width: 100%; } 20217 #page-content.blocks-pre .columnleft { 20218 flex: 0 0 20%; 20219 order: -1; 20220 padding: 0 1rem; 20221 max-width: 20%; } 20222 #page-content.blocks-pre .region-main { 20223 flex: 0 0 80%; 20224 max-width: 80%; 20225 padding: 0 1rem 0 0; } 20226 #page-content.blocks-post .region-main { 20227 flex: 0 0 80%; 20228 max-width: 80%; 20229 padding: 0 0 0 1rem; } 20230 #page-content.blocks-post .columnright { 20231 flex: 0 0 20%; 20232 padding: 0 1rem; 20233 max-width: 20%; } 20234 #page-content.blocks-pre.blocks-post .region-main { 20235 flex: 0 0 60%; 20236 max-width: 60%; 20237 padding: 0; } 20238 #page-content [data-region="blocks-column"] { 20239 width: 100%; } 20240 .empty-region-side-pre.used-region-side-post #page-content .region-main { 20241 flex: 0 0 80%; 20242 max-width: 80%; 20243 padding-left: 1rem; } 20244 .empty-region-side-pre.used-region-side-post #page-content .columnright { 20245 flex: 0 0 20%; 20246 padding: 0 1rem; 20247 max-width: 20%; } 20248 .empty-region-side-post.used-region-side-pre #page-content .region-main { 20249 flex: 0 0 80%; 20250 max-width: 80%; 20251 padding-right: 1rem; } 20252 .empty-region-side-post.used-region-side-pre #page-content .columnleft { 20253 flex: 0 0 20%; 20254 order: -1; 20255 padding: 0 1rem; 20256 max-width: 20%; } 20257 .used-region-side-post.used-region-side-pre #page-content .region-main { 20258 flex: 0 0 60%; 20259 max-width: 60%; 20260 padding: 0; } 20261 .used-region-side-post.used-region-side-pre #page-content .columnleft { 20262 flex: 0 0 20%; 20263 order: -1; 20264 padding: 0 1rem; 20265 max-width: 20%; } 20266 .used-region-side-post.used-region-side-pre #page-content .columnright { 20267 flex: 0 0 20%; 20268 padding: 0 1rem; 20269 max-width: 20%; } } 20270 20271@media print { 20272 #page-content .region-main { 20273 max-width: 100% !important; 20274 /* stylelint-disable-line declaration-no-important */ 20275 flex: 0 0 100% !important; 20276 /* stylelint-disable-line declaration-no-important */ 20277 padding: 0 1rem 0 !important; 20278 /* stylelint-disable-line declaration-no-important */ } } 20279 20280@media (min-width: 576px) { 20281 .dashboard-card-deck .dashboard-card { 20282 width: calc(50% - 0.5rem); } } 20283 20284@media (min-width: 768px) { 20285 .dashboard-card-deck .dashboard-card { 20286 width: calc(50% - 0.5rem); } 20287 .blocks-post .dashboard-card-deck .dashboard-card, 20288 .blocks-pre .dashboard-card-deck .dashboard-card { 20289 width: calc(100% - 0.5rem); } } 20290 20291@media (min-width: 992px) { 20292 .dashboard-card-deck .dashboard-card { 20293 width: calc(33.33% - 0.5rem); } 20294 .blocks-post .dashboard-card-deck .dashboard-card, 20295 .blocks-pre .dashboard-card-deck .dashboard-card { 20296 width: calc(50% - 0.5rem); } } 20297 20298@media (min-width: 1200px) { 20299 .dashboard-card-deck .dashboard-card { 20300 width: calc(25% - 0.5rem); } 20301 .blocks-post .dashboard-card-deck .dashboard-card, 20302 .blocks-pre .dashboard-card-deck .dashboard-card { 20303 width: calc(33.33% - 0.5rem); } } 20304 20305@media (min-width: 768px) { 20306 .blockcolumn .dashboard-card-deck { 20307 margin-left: 0; 20308 margin-right: 0; } 20309 .blockcolumn .dashboard-card-deck .dashboard-card { 20310 width: calc(100% - 0.5rem) !important; 20311 /* stylelint-disable-line declaration-no-important */ } } 20312 20313.block_navigation .block_tree.list > li > ul, 20314.block_settings .block_tree.list > li > ul { 20315 padding-left: 0; } 20316 20317.block_navigation .block_tree .tree_item.branch, 20318.block_settings .block_tree .tree_item.branch { 20319 margin-left: 5px; 20320 padding-left: 0.75rem; } 20321 20322.block_navigation .block_tree p.hasicon, 20323.block_settings .block_tree p.hasicon { 20324 text-indent: 0; 20325 padding-left: 0.75rem; } 20326 20327.block_navigation .block_tree ul, 20328.block_settings .block_tree ul { 20329 margin-left: 0.25rem; 20330 padding-left: 1rem; } 20331 20332.block_navigation .block_tree p.hasicon .icon, 20333.block_settings .block_tree p.hasicon .icon { 20334 margin-right: 5px; } 20335 20336.root_node, 20337.navigation_node { 20338 margin-left: 0 !important; 20339 /* stylelint-disable-line declaration-no-important */ 20340 padding-left: 0 !important; 20341 /* stylelint-disable-line declaration-no-important */ } 20342 20343.block.block_settings #settingsnav { 20344 padding-top: 0 !important; 20345 /* stylelint-disable-line declaration-no-important */ } 20346