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.5.0 (https://getbootstrap.com/) 2331 * Copyright 2011-2020 The Bootstrap Authors 2332 * Copyright 2011-2020 Twitter, Inc. 2333 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/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", 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", 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]) { 2472 color: inherit; 2473 text-decoration: none; } 2474 a:not([href]):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 2515label { 2516 display: inline-block; 2517 margin-bottom: 0.5rem; } 2518 2519button { 2520 border-radius: 0; } 2521 2522button:focus { 2523 outline: 1px dotted; 2524 outline: 5px auto -webkit-focus-ring-color; } 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 width: 100%; 2813 padding-right: 15px; 2814 padding-left: 15px; 2815 margin-right: auto; 2816 margin-left: auto; } 2817 @media (min-width: 576px) { 2818 .container { 2819 max-width: 540px; } } 2820 @media (min-width: 768px) { 2821 .container { 2822 max-width: 720px; } } 2823 @media (min-width: 992px) { 2824 .container { 2825 max-width: 960px; } } 2826 @media (min-width: 1200px) { 2827 .container { 2828 max-width: 1140px; } } 2829 2830.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { 2831 width: 100%; 2832 padding-right: 15px; 2833 padding-left: 15px; 2834 margin-right: auto; 2835 margin-left: auto; } 2836 2837@media (min-width: 576px) { 2838 .container, .container-sm { 2839 max-width: 540px; } } 2840 2841@media (min-width: 768px) { 2842 .container, .container-sm, .container-md { 2843 max-width: 720px; } } 2844 2845@media (min-width: 992px) { 2846 .container, .container-sm, .container-md, .container-lg { 2847 max-width: 960px; } } 2848 2849@media (min-width: 1200px) { 2850 .container, .container-sm, .container-md, .container-lg, .container-xl { 2851 max-width: 1140px; } } 2852 2853.row { 2854 display: flex; 2855 flex-wrap: wrap; 2856 margin-right: -15px; 2857 margin-left: -15px; } 2858 2859.no-gutters { 2860 margin-right: 0; 2861 margin-left: 0; } 2862 .no-gutters > .col, 2863 .no-gutters > [class*="col-"] { 2864 padding-right: 0; 2865 padding-left: 0; } 2866 2867.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, 2868.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, 2869.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, 2870.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, 2871.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, 2872.col-xl-auto { 2873 position: relative; 2874 width: 100%; 2875 padding-right: 15px; 2876 padding-left: 15px; } 2877 2878.col { 2879 flex-basis: 0; 2880 flex-grow: 1; 2881 min-width: 0; 2882 max-width: 100%; } 2883 2884.row-cols-1 > * { 2885 flex: 0 0 100%; 2886 max-width: 100%; } 2887 2888.row-cols-2 > * { 2889 flex: 0 0 50%; 2890 max-width: 50%; } 2891 2892.row-cols-3 > * { 2893 flex: 0 0 33.3333333333%; 2894 max-width: 33.3333333333%; } 2895 2896.row-cols-4 > * { 2897 flex: 0 0 25%; 2898 max-width: 25%; } 2899 2900.row-cols-5 > * { 2901 flex: 0 0 20%; 2902 max-width: 20%; } 2903 2904.row-cols-6 > * { 2905 flex: 0 0 16.6666666667%; 2906 max-width: 16.6666666667%; } 2907 2908.col-auto { 2909 flex: 0 0 auto; 2910 width: auto; 2911 max-width: 100%; } 2912 2913.col-1 { 2914 flex: 0 0 8.3333333333%; 2915 max-width: 8.3333333333%; } 2916 2917.col-2 { 2918 flex: 0 0 16.6666666667%; 2919 max-width: 16.6666666667%; } 2920 2921.col-3 { 2922 flex: 0 0 25%; 2923 max-width: 25%; } 2924 2925.col-4 { 2926 flex: 0 0 33.3333333333%; 2927 max-width: 33.3333333333%; } 2928 2929.col-5 { 2930 flex: 0 0 41.6666666667%; 2931 max-width: 41.6666666667%; } 2932 2933.col-6 { 2934 flex: 0 0 50%; 2935 max-width: 50%; } 2936 2937.col-7 { 2938 flex: 0 0 58.3333333333%; 2939 max-width: 58.3333333333%; } 2940 2941.col-8 { 2942 flex: 0 0 66.6666666667%; 2943 max-width: 66.6666666667%; } 2944 2945.col-9 { 2946 flex: 0 0 75%; 2947 max-width: 75%; } 2948 2949.col-10 { 2950 flex: 0 0 83.3333333333%; 2951 max-width: 83.3333333333%; } 2952 2953.col-11 { 2954 flex: 0 0 91.6666666667%; 2955 max-width: 91.6666666667%; } 2956 2957.col-12 { 2958 flex: 0 0 100%; 2959 max-width: 100%; } 2960 2961.order-first { 2962 order: -1; } 2963 2964.order-last { 2965 order: 13; } 2966 2967.order-0 { 2968 order: 0; } 2969 2970.order-1 { 2971 order: 1; } 2972 2973.order-2 { 2974 order: 2; } 2975 2976.order-3 { 2977 order: 3; } 2978 2979.order-4 { 2980 order: 4; } 2981 2982.order-5 { 2983 order: 5; } 2984 2985.order-6 { 2986 order: 6; } 2987 2988.order-7 { 2989 order: 7; } 2990 2991.order-8 { 2992 order: 8; } 2993 2994.order-9 { 2995 order: 9; } 2996 2997.order-10 { 2998 order: 10; } 2999 3000.order-11 { 3001 order: 11; } 3002 3003.order-12 { 3004 order: 12; } 3005 3006.offset-1 { 3007 margin-left: 8.3333333333%; } 3008 3009.offset-2 { 3010 margin-left: 16.6666666667%; } 3011 3012.offset-3 { 3013 margin-left: 25%; } 3014 3015.offset-4 { 3016 margin-left: 33.3333333333%; } 3017 3018.offset-5 { 3019 margin-left: 41.6666666667%; } 3020 3021.offset-6 { 3022 margin-left: 50%; } 3023 3024.offset-7 { 3025 margin-left: 58.3333333333%; } 3026 3027.offset-8 { 3028 margin-left: 66.6666666667%; } 3029 3030.offset-9 { 3031 margin-left: 75%; } 3032 3033.offset-10 { 3034 margin-left: 83.3333333333%; } 3035 3036.offset-11 { 3037 margin-left: 91.6666666667%; } 3038 3039@media (min-width: 576px) { 3040 .col-sm { 3041 flex-basis: 0; 3042 flex-grow: 1; 3043 min-width: 0; 3044 max-width: 100%; } 3045 .row-cols-sm-1 > * { 3046 flex: 0 0 100%; 3047 max-width: 100%; } 3048 .row-cols-sm-2 > * { 3049 flex: 0 0 50%; 3050 max-width: 50%; } 3051 .row-cols-sm-3 > * { 3052 flex: 0 0 33.3333333333%; 3053 max-width: 33.3333333333%; } 3054 .row-cols-sm-4 > * { 3055 flex: 0 0 25%; 3056 max-width: 25%; } 3057 .row-cols-sm-5 > * { 3058 flex: 0 0 20%; 3059 max-width: 20%; } 3060 .row-cols-sm-6 > * { 3061 flex: 0 0 16.6666666667%; 3062 max-width: 16.6666666667%; } 3063 .col-sm-auto { 3064 flex: 0 0 auto; 3065 width: auto; 3066 max-width: 100%; } 3067 .col-sm-1 { 3068 flex: 0 0 8.3333333333%; 3069 max-width: 8.3333333333%; } 3070 .col-sm-2 { 3071 flex: 0 0 16.6666666667%; 3072 max-width: 16.6666666667%; } 3073 .col-sm-3 { 3074 flex: 0 0 25%; 3075 max-width: 25%; } 3076 .col-sm-4 { 3077 flex: 0 0 33.3333333333%; 3078 max-width: 33.3333333333%; } 3079 .col-sm-5 { 3080 flex: 0 0 41.6666666667%; 3081 max-width: 41.6666666667%; } 3082 .col-sm-6 { 3083 flex: 0 0 50%; 3084 max-width: 50%; } 3085 .col-sm-7 { 3086 flex: 0 0 58.3333333333%; 3087 max-width: 58.3333333333%; } 3088 .col-sm-8 { 3089 flex: 0 0 66.6666666667%; 3090 max-width: 66.6666666667%; } 3091 .col-sm-9 { 3092 flex: 0 0 75%; 3093 max-width: 75%; } 3094 .col-sm-10 { 3095 flex: 0 0 83.3333333333%; 3096 max-width: 83.3333333333%; } 3097 .col-sm-11 { 3098 flex: 0 0 91.6666666667%; 3099 max-width: 91.6666666667%; } 3100 .col-sm-12 { 3101 flex: 0 0 100%; 3102 max-width: 100%; } 3103 .order-sm-first { 3104 order: -1; } 3105 .order-sm-last { 3106 order: 13; } 3107 .order-sm-0 { 3108 order: 0; } 3109 .order-sm-1 { 3110 order: 1; } 3111 .order-sm-2 { 3112 order: 2; } 3113 .order-sm-3 { 3114 order: 3; } 3115 .order-sm-4 { 3116 order: 4; } 3117 .order-sm-5 { 3118 order: 5; } 3119 .order-sm-6 { 3120 order: 6; } 3121 .order-sm-7 { 3122 order: 7; } 3123 .order-sm-8 { 3124 order: 8; } 3125 .order-sm-9 { 3126 order: 9; } 3127 .order-sm-10 { 3128 order: 10; } 3129 .order-sm-11 { 3130 order: 11; } 3131 .order-sm-12 { 3132 order: 12; } 3133 .offset-sm-0 { 3134 margin-left: 0; } 3135 .offset-sm-1 { 3136 margin-left: 8.3333333333%; } 3137 .offset-sm-2 { 3138 margin-left: 16.6666666667%; } 3139 .offset-sm-3 { 3140 margin-left: 25%; } 3141 .offset-sm-4 { 3142 margin-left: 33.3333333333%; } 3143 .offset-sm-5 { 3144 margin-left: 41.6666666667%; } 3145 .offset-sm-6 { 3146 margin-left: 50%; } 3147 .offset-sm-7 { 3148 margin-left: 58.3333333333%; } 3149 .offset-sm-8 { 3150 margin-left: 66.6666666667%; } 3151 .offset-sm-9 { 3152 margin-left: 75%; } 3153 .offset-sm-10 { 3154 margin-left: 83.3333333333%; } 3155 .offset-sm-11 { 3156 margin-left: 91.6666666667%; } } 3157 3158@media (min-width: 768px) { 3159 .col-md { 3160 flex-basis: 0; 3161 flex-grow: 1; 3162 min-width: 0; 3163 max-width: 100%; } 3164 .row-cols-md-1 > * { 3165 flex: 0 0 100%; 3166 max-width: 100%; } 3167 .row-cols-md-2 > * { 3168 flex: 0 0 50%; 3169 max-width: 50%; } 3170 .row-cols-md-3 > * { 3171 flex: 0 0 33.3333333333%; 3172 max-width: 33.3333333333%; } 3173 .row-cols-md-4 > * { 3174 flex: 0 0 25%; 3175 max-width: 25%; } 3176 .row-cols-md-5 > * { 3177 flex: 0 0 20%; 3178 max-width: 20%; } 3179 .row-cols-md-6 > * { 3180 flex: 0 0 16.6666666667%; 3181 max-width: 16.6666666667%; } 3182 .col-md-auto { 3183 flex: 0 0 auto; 3184 width: auto; 3185 max-width: 100%; } 3186 .col-md-1 { 3187 flex: 0 0 8.3333333333%; 3188 max-width: 8.3333333333%; } 3189 .col-md-2 { 3190 flex: 0 0 16.6666666667%; 3191 max-width: 16.6666666667%; } 3192 .col-md-3 { 3193 flex: 0 0 25%; 3194 max-width: 25%; } 3195 .col-md-4 { 3196 flex: 0 0 33.3333333333%; 3197 max-width: 33.3333333333%; } 3198 .col-md-5 { 3199 flex: 0 0 41.6666666667%; 3200 max-width: 41.6666666667%; } 3201 .col-md-6 { 3202 flex: 0 0 50%; 3203 max-width: 50%; } 3204 .col-md-7 { 3205 flex: 0 0 58.3333333333%; 3206 max-width: 58.3333333333%; } 3207 .col-md-8 { 3208 flex: 0 0 66.6666666667%; 3209 max-width: 66.6666666667%; } 3210 .col-md-9 { 3211 flex: 0 0 75%; 3212 max-width: 75%; } 3213 .col-md-10 { 3214 flex: 0 0 83.3333333333%; 3215 max-width: 83.3333333333%; } 3216 .col-md-11 { 3217 flex: 0 0 91.6666666667%; 3218 max-width: 91.6666666667%; } 3219 .col-md-12 { 3220 flex: 0 0 100%; 3221 max-width: 100%; } 3222 .order-md-first { 3223 order: -1; } 3224 .order-md-last { 3225 order: 13; } 3226 .order-md-0 { 3227 order: 0; } 3228 .order-md-1 { 3229 order: 1; } 3230 .order-md-2 { 3231 order: 2; } 3232 .order-md-3 { 3233 order: 3; } 3234 .order-md-4 { 3235 order: 4; } 3236 .order-md-5 { 3237 order: 5; } 3238 .order-md-6 { 3239 order: 6; } 3240 .order-md-7 { 3241 order: 7; } 3242 .order-md-8 { 3243 order: 8; } 3244 .order-md-9 { 3245 order: 9; } 3246 .order-md-10 { 3247 order: 10; } 3248 .order-md-11 { 3249 order: 11; } 3250 .order-md-12 { 3251 order: 12; } 3252 .offset-md-0 { 3253 margin-left: 0; } 3254 .offset-md-1 { 3255 margin-left: 8.3333333333%; } 3256 .offset-md-2 { 3257 margin-left: 16.6666666667%; } 3258 .offset-md-3 { 3259 margin-left: 25%; } 3260 .offset-md-4 { 3261 margin-left: 33.3333333333%; } 3262 .offset-md-5 { 3263 margin-left: 41.6666666667%; } 3264 .offset-md-6 { 3265 margin-left: 50%; } 3266 .offset-md-7 { 3267 margin-left: 58.3333333333%; } 3268 .offset-md-8 { 3269 margin-left: 66.6666666667%; } 3270 .offset-md-9 { 3271 margin-left: 75%; } 3272 .offset-md-10 { 3273 margin-left: 83.3333333333%; } 3274 .offset-md-11 { 3275 margin-left: 91.6666666667%; } } 3276 3277@media (min-width: 992px) { 3278 .col-lg { 3279 flex-basis: 0; 3280 flex-grow: 1; 3281 min-width: 0; 3282 max-width: 100%; } 3283 .row-cols-lg-1 > * { 3284 flex: 0 0 100%; 3285 max-width: 100%; } 3286 .row-cols-lg-2 > * { 3287 flex: 0 0 50%; 3288 max-width: 50%; } 3289 .row-cols-lg-3 > * { 3290 flex: 0 0 33.3333333333%; 3291 max-width: 33.3333333333%; } 3292 .row-cols-lg-4 > * { 3293 flex: 0 0 25%; 3294 max-width: 25%; } 3295 .row-cols-lg-5 > * { 3296 flex: 0 0 20%; 3297 max-width: 20%; } 3298 .row-cols-lg-6 > * { 3299 flex: 0 0 16.6666666667%; 3300 max-width: 16.6666666667%; } 3301 .col-lg-auto { 3302 flex: 0 0 auto; 3303 width: auto; 3304 max-width: 100%; } 3305 .col-lg-1 { 3306 flex: 0 0 8.3333333333%; 3307 max-width: 8.3333333333%; } 3308 .col-lg-2 { 3309 flex: 0 0 16.6666666667%; 3310 max-width: 16.6666666667%; } 3311 .col-lg-3 { 3312 flex: 0 0 25%; 3313 max-width: 25%; } 3314 .col-lg-4 { 3315 flex: 0 0 33.3333333333%; 3316 max-width: 33.3333333333%; } 3317 .col-lg-5 { 3318 flex: 0 0 41.6666666667%; 3319 max-width: 41.6666666667%; } 3320 .col-lg-6 { 3321 flex: 0 0 50%; 3322 max-width: 50%; } 3323 .col-lg-7 { 3324 flex: 0 0 58.3333333333%; 3325 max-width: 58.3333333333%; } 3326 .col-lg-8 { 3327 flex: 0 0 66.6666666667%; 3328 max-width: 66.6666666667%; } 3329 .col-lg-9 { 3330 flex: 0 0 75%; 3331 max-width: 75%; } 3332 .col-lg-10 { 3333 flex: 0 0 83.3333333333%; 3334 max-width: 83.3333333333%; } 3335 .col-lg-11 { 3336 flex: 0 0 91.6666666667%; 3337 max-width: 91.6666666667%; } 3338 .col-lg-12 { 3339 flex: 0 0 100%; 3340 max-width: 100%; } 3341 .order-lg-first { 3342 order: -1; } 3343 .order-lg-last { 3344 order: 13; } 3345 .order-lg-0 { 3346 order: 0; } 3347 .order-lg-1 { 3348 order: 1; } 3349 .order-lg-2 { 3350 order: 2; } 3351 .order-lg-3 { 3352 order: 3; } 3353 .order-lg-4 { 3354 order: 4; } 3355 .order-lg-5 { 3356 order: 5; } 3357 .order-lg-6 { 3358 order: 6; } 3359 .order-lg-7 { 3360 order: 7; } 3361 .order-lg-8 { 3362 order: 8; } 3363 .order-lg-9 { 3364 order: 9; } 3365 .order-lg-10 { 3366 order: 10; } 3367 .order-lg-11 { 3368 order: 11; } 3369 .order-lg-12 { 3370 order: 12; } 3371 .offset-lg-0 { 3372 margin-left: 0; } 3373 .offset-lg-1 { 3374 margin-left: 8.3333333333%; } 3375 .offset-lg-2 { 3376 margin-left: 16.6666666667%; } 3377 .offset-lg-3 { 3378 margin-left: 25%; } 3379 .offset-lg-4 { 3380 margin-left: 33.3333333333%; } 3381 .offset-lg-5 { 3382 margin-left: 41.6666666667%; } 3383 .offset-lg-6 { 3384 margin-left: 50%; } 3385 .offset-lg-7 { 3386 margin-left: 58.3333333333%; } 3387 .offset-lg-8 { 3388 margin-left: 66.6666666667%; } 3389 .offset-lg-9 { 3390 margin-left: 75%; } 3391 .offset-lg-10 { 3392 margin-left: 83.3333333333%; } 3393 .offset-lg-11 { 3394 margin-left: 91.6666666667%; } } 3395 3396@media (min-width: 1200px) { 3397 .col-xl { 3398 flex-basis: 0; 3399 flex-grow: 1; 3400 min-width: 0; 3401 max-width: 100%; } 3402 .row-cols-xl-1 > * { 3403 flex: 0 0 100%; 3404 max-width: 100%; } 3405 .row-cols-xl-2 > * { 3406 flex: 0 0 50%; 3407 max-width: 50%; } 3408 .row-cols-xl-3 > * { 3409 flex: 0 0 33.3333333333%; 3410 max-width: 33.3333333333%; } 3411 .row-cols-xl-4 > * { 3412 flex: 0 0 25%; 3413 max-width: 25%; } 3414 .row-cols-xl-5 > * { 3415 flex: 0 0 20%; 3416 max-width: 20%; } 3417 .row-cols-xl-6 > * { 3418 flex: 0 0 16.6666666667%; 3419 max-width: 16.6666666667%; } 3420 .col-xl-auto { 3421 flex: 0 0 auto; 3422 width: auto; 3423 max-width: 100%; } 3424 .col-xl-1 { 3425 flex: 0 0 8.3333333333%; 3426 max-width: 8.3333333333%; } 3427 .col-xl-2 { 3428 flex: 0 0 16.6666666667%; 3429 max-width: 16.6666666667%; } 3430 .col-xl-3 { 3431 flex: 0 0 25%; 3432 max-width: 25%; } 3433 .col-xl-4 { 3434 flex: 0 0 33.3333333333%; 3435 max-width: 33.3333333333%; } 3436 .col-xl-5 { 3437 flex: 0 0 41.6666666667%; 3438 max-width: 41.6666666667%; } 3439 .col-xl-6 { 3440 flex: 0 0 50%; 3441 max-width: 50%; } 3442 .col-xl-7 { 3443 flex: 0 0 58.3333333333%; 3444 max-width: 58.3333333333%; } 3445 .col-xl-8 { 3446 flex: 0 0 66.6666666667%; 3447 max-width: 66.6666666667%; } 3448 .col-xl-9 { 3449 flex: 0 0 75%; 3450 max-width: 75%; } 3451 .col-xl-10 { 3452 flex: 0 0 83.3333333333%; 3453 max-width: 83.3333333333%; } 3454 .col-xl-11 { 3455 flex: 0 0 91.6666666667%; 3456 max-width: 91.6666666667%; } 3457 .col-xl-12 { 3458 flex: 0 0 100%; 3459 max-width: 100%; } 3460 .order-xl-first { 3461 order: -1; } 3462 .order-xl-last { 3463 order: 13; } 3464 .order-xl-0 { 3465 order: 0; } 3466 .order-xl-1 { 3467 order: 1; } 3468 .order-xl-2 { 3469 order: 2; } 3470 .order-xl-3 { 3471 order: 3; } 3472 .order-xl-4 { 3473 order: 4; } 3474 .order-xl-5 { 3475 order: 5; } 3476 .order-xl-6 { 3477 order: 6; } 3478 .order-xl-7 { 3479 order: 7; } 3480 .order-xl-8 { 3481 order: 8; } 3482 .order-xl-9 { 3483 order: 9; } 3484 .order-xl-10 { 3485 order: 10; } 3486 .order-xl-11 { 3487 order: 11; } 3488 .order-xl-12 { 3489 order: 12; } 3490 .offset-xl-0 { 3491 margin-left: 0; } 3492 .offset-xl-1 { 3493 margin-left: 8.3333333333%; } 3494 .offset-xl-2 { 3495 margin-left: 16.6666666667%; } 3496 .offset-xl-3 { 3497 margin-left: 25%; } 3498 .offset-xl-4 { 3499 margin-left: 33.3333333333%; } 3500 .offset-xl-5 { 3501 margin-left: 41.6666666667%; } 3502 .offset-xl-6 { 3503 margin-left: 50%; } 3504 .offset-xl-7 { 3505 margin-left: 58.3333333333%; } 3506 .offset-xl-8 { 3507 margin-left: 66.6666666667%; } 3508 .offset-xl-9 { 3509 margin-left: 75%; } 3510 .offset-xl-10 { 3511 margin-left: 83.3333333333%; } 3512 .offset-xl-11 { 3513 margin-left: 91.6666666667%; } } 3514 3515.table { 3516 width: 100%; 3517 margin-bottom: 1rem; 3518 color: #1d2125; } 3519 .table th, 3520 .table td { 3521 padding: 0.75rem; 3522 vertical-align: top; 3523 border-top: 1px solid #dee2e6; } 3524 .table thead th { 3525 vertical-align: bottom; 3526 border-bottom: 2px solid #dee2e6; } 3527 .table tbody + tbody { 3528 border-top: 2px solid #dee2e6; } 3529 3530.table-sm th, 3531.table-sm td { 3532 padding: 0.3rem; } 3533 3534.table-bordered { 3535 border: 1px solid #dee2e6; } 3536 .table-bordered th, 3537 .table-bordered td { 3538 border: 1px solid #dee2e6; } 3539 .table-bordered thead th, 3540 .table-bordered thead td { 3541 border-bottom-width: 2px; } 3542 3543.table-borderless th, 3544.table-borderless td, 3545.table-borderless thead th, 3546.table-borderless tbody + tbody { 3547 border: 0; } 3548 3549.table-striped tbody tr:nth-of-type(odd) { 3550 background-color: rgba(0, 0, 0, 0.03); } 3551 3552.table-hover tbody tr:hover { 3553 color: #1d2125; 3554 background-color: rgba(0, 0, 0, 0.075); } 3555 3556.table-primary, 3557.table-primary > th, 3558.table-primary > td { 3559 background-color: #bcd6ed; } 3560 3561.table-primary th, 3562.table-primary td, 3563.table-primary thead th, 3564.table-primary tbody + tbody { 3565 border-color: #82b3de; } 3566 3567.table-hover .table-primary:hover { 3568 background-color: #a8cae8; } 3569 .table-hover .table-primary:hover > td, 3570 .table-hover .table-primary:hover > th { 3571 background-color: #a8cae8; } 3572 3573.table-secondary, 3574.table-secondary > th, 3575.table-secondary > td { 3576 background-color: #f1f3f5; } 3577 3578.table-secondary th, 3579.table-secondary td, 3580.table-secondary thead th, 3581.table-secondary tbody + tbody { 3582 border-color: #e6e9ec; } 3583 3584.table-hover .table-secondary:hover { 3585 background-color: #e2e6ea; } 3586 .table-hover .table-secondary:hover > td, 3587 .table-hover .table-secondary:hover > th { 3588 background-color: #e2e6ea; } 3589 3590.table-success, 3591.table-success > th, 3592.table-success > td { 3593 background-color: #c6dac6; } 3594 3595.table-success th, 3596.table-success td, 3597.table-success thead th, 3598.table-success tbody + tbody { 3599 border-color: #96ba94; } 3600 3601.table-hover .table-success:hover { 3602 background-color: #b7d0b7; } 3603 .table-hover .table-success:hover > td, 3604 .table-hover .table-success:hover > th { 3605 background-color: #b7d0b7; } 3606 3607.table-info, 3608.table-info > th, 3609.table-info > td { 3610 background-color: #b8dce2; } 3611 3612.table-info th, 3613.table-info td, 3614.table-info thead th, 3615.table-info tbody + tbody { 3616 border-color: #7abdc8; } 3617 3618.table-hover .table-info:hover { 3619 background-color: #a6d3db; } 3620 .table-hover .table-info:hover > td, 3621 .table-hover .table-info:hover > th { 3622 background-color: #a6d3db; } 3623 3624.table-warning, 3625.table-warning > th, 3626.table-warning > td { 3627 background-color: #fbe8cd; } 3628 3629.table-warning th, 3630.table-warning td, 3631.table-warning thead th, 3632.table-warning tbody + tbody { 3633 border-color: #f7d4a3; } 3634 3635.table-hover .table-warning:hover { 3636 background-color: #f9ddb5; } 3637 .table-hover .table-warning:hover > td, 3638 .table-hover .table-warning:hover > th { 3639 background-color: #f9ddb5; } 3640 3641.table-danger, 3642.table-danger > th, 3643.table-danger > td { 3644 background-color: #f0c5c1; } 3645 3646.table-danger th, 3647.table-danger td, 3648.table-danger thead th, 3649.table-danger tbody + tbody { 3650 border-color: #e3948b; } 3651 3652.table-hover .table-danger:hover { 3653 background-color: #ebb2ac; } 3654 .table-hover .table-danger:hover > td, 3655 .table-hover .table-danger:hover > th { 3656 background-color: #ebb2ac; } 3657 3658.table-light, 3659.table-light > th, 3660.table-light > td { 3661 background-color: #fdfdfe; } 3662 3663.table-light th, 3664.table-light td, 3665.table-light thead th, 3666.table-light tbody + tbody { 3667 border-color: #fbfcfc; } 3668 3669.table-hover .table-light:hover { 3670 background-color: #ececf6; } 3671 .table-hover .table-light:hover > td, 3672 .table-hover .table-light:hover > th { 3673 background-color: #ececf6; } 3674 3675.table-dark, 3676.table-dark > th, 3677.table-dark > td { 3678 background-color: #c6c8ca; } 3679 3680.table-dark th, 3681.table-dark td, 3682.table-dark thead th, 3683.table-dark tbody + tbody { 3684 border-color: #95999c; } 3685 3686.table-hover .table-dark:hover { 3687 background-color: #b9bbbe; } 3688 .table-hover .table-dark:hover > td, 3689 .table-hover .table-dark:hover > th { 3690 background-color: #b9bbbe; } 3691 3692.table-active, 3693.table-active > th, 3694.table-active > td { 3695 background-color: rgba(0, 0, 0, 0.075); } 3696 3697.table-hover .table-active:hover { 3698 background-color: rgba(0, 0, 0, 0.075); } 3699 .table-hover .table-active:hover > td, 3700 .table-hover .table-active:hover > th { 3701 background-color: rgba(0, 0, 0, 0.075); } 3702 3703.table .thead-dark th { 3704 color: #fff; 3705 background-color: #343a40; 3706 border-color: #454d55; } 3707 3708.table .thead-light th { 3709 color: #495057; 3710 background-color: #e9ecef; 3711 border-color: #dee2e6; } 3712 3713.table-dark { 3714 color: #fff; 3715 background-color: #343a40; } 3716 .table-dark th, 3717 .table-dark td, 3718 .table-dark thead th { 3719 border-color: #454d55; } 3720 .table-dark.table-bordered { 3721 border: 0; } 3722 .table-dark.table-striped tbody tr:nth-of-type(odd) { 3723 background-color: rgba(255, 255, 255, 0.05); } 3724 .table-dark.table-hover tbody tr:hover { 3725 color: #fff; 3726 background-color: rgba(255, 255, 255, 0.075); } 3727 3728@media (max-width: 575.98px) { 3729 .table-responsive-sm { 3730 display: block; 3731 width: 100%; 3732 overflow-x: auto; 3733 -webkit-overflow-scrolling: touch; } 3734 .table-responsive-sm > .table-bordered { 3735 border: 0; } } 3736 3737@media (max-width: 767.98px) { 3738 .table-responsive-md { 3739 display: block; 3740 width: 100%; 3741 overflow-x: auto; 3742 -webkit-overflow-scrolling: touch; } 3743 .table-responsive-md > .table-bordered { 3744 border: 0; } } 3745 3746@media (max-width: 991.98px) { 3747 .table-responsive-lg { 3748 display: block; 3749 width: 100%; 3750 overflow-x: auto; 3751 -webkit-overflow-scrolling: touch; } 3752 .table-responsive-lg > .table-bordered { 3753 border: 0; } } 3754 3755@media (max-width: 1199.98px) { 3756 .table-responsive-xl { 3757 display: block; 3758 width: 100%; 3759 overflow-x: auto; 3760 -webkit-overflow-scrolling: touch; } 3761 .table-responsive-xl > .table-bordered { 3762 border: 0; } } 3763 3764.table-responsive { 3765 display: block; 3766 width: 100%; 3767 overflow-x: auto; 3768 -webkit-overflow-scrolling: touch; } 3769 .table-responsive > .table-bordered { 3770 border: 0; } 3771 3772.form-control { 3773 display: block; 3774 width: 100%; 3775 height: calc(1.5em + 0.75rem + 2px); 3776 padding: 0.375rem 0.75rem; 3777 font-size: 0.9375rem; 3778 font-weight: 400; 3779 line-height: 1.5; 3780 color: #495057; 3781 background-color: #fff; 3782 background-clip: padding-box; 3783 border: 1px solid #8f959e; 3784 border-radius: 0.25rem; 3785 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } 3786 @media (max-width: 1200px) { 3787 .form-control { 3788 font-size: calc(0.90375rem + 0.045vw) ; } } 3789 @media (prefers-reduced-motion: reduce) { 3790 .form-control { 3791 transition: none; } } 3792 .form-control::-ms-expand { 3793 background-color: transparent; 3794 border: 0; } 3795 .form-control:-moz-focusring { 3796 color: transparent; 3797 text-shadow: 0 0 0 #495057; } 3798 .form-control:focus { 3799 color: #495057; 3800 background-color: #fff; 3801 border-color: #5babf2; 3802 outline: 0; 3803 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 3804 .form-control::placeholder { 3805 color: #6a737b; 3806 opacity: 1; } 3807 .form-control:disabled, .form-control[readonly] { 3808 background-color: #e9ecef; 3809 opacity: 1; } 3810 3811input[type="date"].form-control, 3812input[type="time"].form-control, 3813input[type="datetime-local"].form-control, 3814input[type="month"].form-control { 3815 appearance: none; } 3816 3817select.form-control:focus::-ms-value { 3818 color: #495057; 3819 background-color: #fff; } 3820 3821.form-control-file, 3822.form-control-range { 3823 display: block; 3824 width: 100%; } 3825 3826.col-form-label { 3827 padding-top: calc(0.375rem + 1px); 3828 padding-bottom: calc(0.375rem + 1px); 3829 margin-bottom: 0; 3830 font-size: inherit; 3831 line-height: 1.5; } 3832 3833.col-form-label-lg { 3834 padding-top: calc(0.5rem + 1px); 3835 padding-bottom: calc(0.5rem + 1px); 3836 font-size: 1.171875rem; 3837 line-height: 1.5; } 3838 @media (max-width: 1200px) { 3839 .col-form-label-lg { 3840 font-size: calc(0.9271875rem + 0.32625vw) ; } } 3841 3842.col-form-label-sm { 3843 padding-top: calc(0.25rem + 1px); 3844 padding-bottom: calc(0.25rem + 1px); 3845 font-size: 0.8203125rem; 3846 line-height: 1.5; } 3847 3848.form-control-plaintext { 3849 display: block; 3850 width: 100%; 3851 padding: 0.375rem 0; 3852 margin-bottom: 0; 3853 font-size: 0.9375rem; 3854 line-height: 1.5; 3855 color: #1d2125; 3856 background-color: transparent; 3857 border: solid transparent; 3858 border-width: 1px 0; } 3859 @media (max-width: 1200px) { 3860 .form-control-plaintext { 3861 font-size: calc(0.90375rem + 0.045vw) ; } } 3862 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { 3863 padding-right: 0; 3864 padding-left: 0; } 3865 3866.form-control-sm { 3867 height: calc(1.5em + 0.5rem + 2px); 3868 padding: 0.25rem 0.5rem; 3869 font-size: 0.8203125rem; 3870 line-height: 1.5; 3871 border-radius: 0.2rem; } 3872 3873.form-control-lg { 3874 height: calc(1.5em + 1rem + 2px); 3875 padding: 0.5rem 1rem; 3876 font-size: 1.171875rem; 3877 line-height: 1.5; 3878 border-radius: 0.3rem; } 3879 @media (max-width: 1200px) { 3880 .form-control-lg { 3881 font-size: calc(0.9271875rem + 0.32625vw) ; } } 3882 3883select.form-control[size], select.form-control[multiple] { 3884 height: auto; } 3885 3886textarea.form-control { 3887 height: auto; } 3888 3889.form-group { 3890 margin-bottom: 1rem; } 3891 3892.form-text { 3893 display: block; 3894 margin-top: 0.25rem; } 3895 3896.form-row { 3897 display: flex; 3898 flex-wrap: wrap; 3899 margin-right: -5px; 3900 margin-left: -5px; } 3901 .form-row > .col, 3902 .form-row > [class*="col-"] { 3903 padding-right: 5px; 3904 padding-left: 5px; } 3905 3906.form-check { 3907 position: relative; 3908 display: block; 3909 padding-left: 1.25rem; } 3910 3911.form-check-input { 3912 position: absolute; 3913 margin-top: 0.3rem; 3914 margin-left: -1.25rem; } 3915 .form-check-input[disabled] ~ .form-check-label, 3916 .form-check-input:disabled ~ .form-check-label { 3917 color: #6a737b; } 3918 3919.form-check-label { 3920 margin-bottom: 0; } 3921 3922.form-check-inline { 3923 display: inline-flex; 3924 align-items: center; 3925 padding-left: 0; 3926 margin-right: 0.75rem; } 3927 .form-check-inline .form-check-input { 3928 position: static; 3929 margin-top: 0; 3930 margin-right: 0.3125rem; 3931 margin-left: 0; } 3932 3933.valid-feedback { 3934 display: none; 3935 width: 100%; 3936 margin-top: 0.25rem; 3937 font-size: 80%; 3938 color: #357a32; } 3939 3940.valid-tooltip { 3941 position: absolute; 3942 top: 100%; 3943 z-index: 5; 3944 display: none; 3945 max-width: 100%; 3946 padding: 0.25rem 0.5rem; 3947 margin-top: .1rem; 3948 font-size: 0.8203125rem; 3949 line-height: 1.5; 3950 color: #fff; 3951 background-color: rgba(53, 122, 50, 0.9); 3952 border-radius: 0.25rem; } 3953 3954.was-validated :valid ~ .valid-feedback, 3955.was-validated :valid ~ .valid-tooltip, 3956.is-valid ~ .valid-feedback, 3957.is-valid ~ .valid-tooltip { 3958 display: block; } 3959 3960.was-validated .form-control:valid, .form-control.is-valid { 3961 border-color: #357a32; 3962 padding-right: calc(1.5em + 0.75rem); 3963 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"); 3964 background-repeat: no-repeat; 3965 background-position: right calc(0.375em + 0.1875rem) center; 3966 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } 3967 .was-validated .form-control:valid:focus, .form-control.is-valid:focus { 3968 border-color: #357a32; 3969 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25); } 3970 3971.was-validated textarea.form-control:valid, textarea.form-control.is-valid { 3972 padding-right: calc(1.5em + 0.75rem); 3973 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } 3974 3975.was-validated .custom-select:valid, .custom-select.is-valid { 3976 border-color: #357a32; 3977 padding-right: calc(0.75em + 2.3125rem); 3978 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") no-repeat right 0.75rem center/8px 10px, 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } 3979 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { 3980 border-color: #357a32; 3981 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25); } 3982 3983.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { 3984 color: #357a32; } 3985 3986.was-validated .form-check-input:valid ~ .valid-feedback, 3987.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, 3988.form-check-input.is-valid ~ .valid-tooltip { 3989 display: block; } 3990 3991.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { 3992 color: #357a32; } 3993 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { 3994 border-color: #357a32; } 3995 3996.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { 3997 border-color: #459e41; 3998 background-color: #459e41; } 3999 4000.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { 4001 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25); } 4002 4003.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 { 4004 border-color: #357a32; } 4005 4006.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { 4007 border-color: #357a32; } 4008 4009.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { 4010 border-color: #357a32; 4011 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25); } 4012 4013.invalid-feedback { 4014 display: none; 4015 width: 100%; 4016 margin-top: 0.25rem; 4017 font-size: 80%; 4018 color: #ca3120; } 4019 4020.invalid-tooltip { 4021 position: absolute; 4022 top: 100%; 4023 z-index: 5; 4024 display: none; 4025 max-width: 100%; 4026 padding: 0.25rem 0.5rem; 4027 margin-top: .1rem; 4028 font-size: 0.8203125rem; 4029 line-height: 1.5; 4030 color: #fff; 4031 background-color: rgba(202, 49, 32, 0.9); 4032 border-radius: 0.25rem; } 4033 4034.was-validated :invalid ~ .invalid-feedback, 4035.was-validated :invalid ~ .invalid-tooltip, 4036.is-invalid ~ .invalid-feedback, 4037.is-invalid ~ .invalid-tooltip { 4038 display: block; } 4039 4040.was-validated .form-control:invalid, .form-control.is-invalid { 4041 border-color: #ca3120; 4042 padding-right: calc(1.5em + 0.75rem); 4043 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"); 4044 background-repeat: no-repeat; 4045 background-position: right calc(0.375em + 0.1875rem) center; 4046 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } 4047 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { 4048 border-color: #ca3120; 4049 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 4050 4051.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { 4052 padding-right: calc(1.5em + 0.75rem); 4053 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } 4054 4055.was-validated .custom-select:invalid, .custom-select.is-invalid { 4056 border-color: #ca3120; 4057 padding-right: calc(0.75em + 2.3125rem); 4058 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") no-repeat right 0.75rem center/8px 10px, 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } 4059 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { 4060 border-color: #ca3120; 4061 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 4062 4063.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { 4064 color: #ca3120; } 4065 4066.was-validated .form-check-input:invalid ~ .invalid-feedback, 4067.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, 4068.form-check-input.is-invalid ~ .invalid-tooltip { 4069 display: block; } 4070 4071.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { 4072 color: #ca3120; } 4073 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { 4074 border-color: #ca3120; } 4075 4076.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { 4077 border-color: #e04d3d; 4078 background-color: #e04d3d; } 4079 4080.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { 4081 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 4082 4083.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 { 4084 border-color: #ca3120; } 4085 4086.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { 4087 border-color: #ca3120; } 4088 4089.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { 4090 border-color: #ca3120; 4091 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 4092 4093.form-inline { 4094 display: flex; 4095 flex-flow: row wrap; 4096 align-items: center; } 4097 .form-inline .form-check { 4098 width: 100%; } 4099 @media (min-width: 576px) { 4100 .form-inline label { 4101 display: flex; 4102 align-items: center; 4103 justify-content: center; 4104 margin-bottom: 0; } 4105 .form-inline .form-group { 4106 display: flex; 4107 flex: 0 0 auto; 4108 flex-flow: row wrap; 4109 align-items: center; 4110 margin-bottom: 0; } 4111 .form-inline .form-control { 4112 display: inline-block; 4113 width: auto; 4114 vertical-align: middle; } 4115 .form-inline .form-control-plaintext { 4116 display: inline-block; } 4117 .form-inline .input-group, 4118 .form-inline .custom-select { 4119 width: auto; } 4120 .form-inline .form-check { 4121 display: flex; 4122 align-items: center; 4123 justify-content: center; 4124 width: auto; 4125 padding-left: 0; } 4126 .form-inline .form-check-input { 4127 position: relative; 4128 flex-shrink: 0; 4129 margin-top: 0; 4130 margin-right: 0.25rem; 4131 margin-left: 0; } 4132 .form-inline .custom-control { 4133 align-items: center; 4134 justify-content: center; } 4135 .form-inline .custom-control-label { 4136 margin-bottom: 0; } } 4137 4138.btn { 4139 display: inline-block; 4140 font-weight: 400; 4141 color: #1d2125; 4142 text-align: center; 4143 vertical-align: middle; 4144 user-select: none; 4145 background-color: transparent; 4146 border: 1px solid transparent; 4147 padding: 0.375rem 0.75rem; 4148 font-size: 0.9375rem; 4149 line-height: 1.5; 4150 border-radius: 0.25rem; 4151 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; } 4152 @media (max-width: 1200px) { 4153 .btn { 4154 font-size: calc(0.90375rem + 0.045vw) ; } } 4155 @media (prefers-reduced-motion: reduce) { 4156 .btn { 4157 transition: none; } } 4158 .btn:hover { 4159 color: #1d2125; 4160 text-decoration: none; } 4161 .btn:focus, .btn.focus { 4162 outline: 0; 4163 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 4164 .btn.disabled, .btn:disabled { 4165 opacity: 0.65; } 4166 .btn:not(:disabled):not(.disabled) { 4167 cursor: pointer; } 4168 4169a.btn.disabled, 4170fieldset:disabled a.btn { 4171 pointer-events: none; } 4172 4173.btn-primary { 4174 color: #fff; 4175 background-color: #0f6cbf; 4176 border-color: #0f6cbf; } 4177 .btn-primary:hover { 4178 color: #fff; 4179 background-color: #0c589c; 4180 border-color: #0b5190; } 4181 .btn-primary:focus, .btn-primary.focus { 4182 color: #fff; 4183 background-color: #0c589c; 4184 border-color: #0b5190; 4185 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5); } 4186 .btn-primary.disabled, .btn-primary:disabled { 4187 color: #fff; 4188 background-color: #0f6cbf; 4189 border-color: #0f6cbf; } 4190 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, 4191 .show > .btn-primary.dropdown-toggle { 4192 color: #fff; 4193 background-color: #0b5190; 4194 border-color: #0a4b84; } 4195 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, 4196 .show > .btn-primary.dropdown-toggle:focus { 4197 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5); } 4198 4199.btn-secondary { 4200 color: #1d2125; 4201 background-color: #ced4da; 4202 border-color: #ced4da; } 4203 .btn-secondary:hover { 4204 color: #1d2125; 4205 background-color: #b8c1ca; 4206 border-color: #b1bbc4; } 4207 .btn-secondary:focus, .btn-secondary.focus { 4208 color: #1d2125; 4209 background-color: #b8c1ca; 4210 border-color: #b1bbc4; 4211 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5); } 4212 .btn-secondary.disabled, .btn-secondary:disabled { 4213 color: #1d2125; 4214 background-color: #ced4da; 4215 border-color: #ced4da; } 4216 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, 4217 .show > .btn-secondary.dropdown-toggle { 4218 color: #1d2125; 4219 background-color: #b1bbc4; 4220 border-color: #aab4bf; } 4221 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, 4222 .show > .btn-secondary.dropdown-toggle:focus { 4223 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5); } 4224 4225.btn-success { 4226 color: #fff; 4227 background-color: #357a32; 4228 border-color: #357a32; } 4229 .btn-success:hover { 4230 color: #fff; 4231 background-color: #295f27; 4232 border-color: #255623; } 4233 .btn-success:focus, .btn-success.focus { 4234 color: #fff; 4235 background-color: #295f27; 4236 border-color: #255623; 4237 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5); } 4238 .btn-success.disabled, .btn-success:disabled { 4239 color: #fff; 4240 background-color: #357a32; 4241 border-color: #357a32; } 4242 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, 4243 .show > .btn-success.dropdown-toggle { 4244 color: #fff; 4245 background-color: #255623; 4246 border-color: #214d1f; } 4247 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, 4248 .show > .btn-success.dropdown-toggle:focus { 4249 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5); } 4250 4251.btn-info { 4252 color: #fff; 4253 background-color: #008196; 4254 border-color: #008196; } 4255 .btn-info:hover { 4256 color: #fff; 4257 background-color: #006070; 4258 border-color: #005563; } 4259 .btn-info:focus, .btn-info.focus { 4260 color: #fff; 4261 background-color: #006070; 4262 border-color: #005563; 4263 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5); } 4264 .btn-info.disabled, .btn-info:disabled { 4265 color: #fff; 4266 background-color: #008196; 4267 border-color: #008196; } 4268 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, 4269 .show > .btn-info.dropdown-toggle { 4270 color: #fff; 4271 background-color: #005563; 4272 border-color: #004a56; } 4273 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, 4274 .show > .btn-info.dropdown-toggle:focus { 4275 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5); } 4276 4277.btn-warning { 4278 color: #1d2125; 4279 background-color: #f0ad4e; 4280 border-color: #f0ad4e; } 4281 .btn-warning:hover { 4282 color: #1d2125; 4283 background-color: #ed9d2b; 4284 border-color: #ec971f; } 4285 .btn-warning:focus, .btn-warning.focus { 4286 color: #1d2125; 4287 background-color: #ed9d2b; 4288 border-color: #ec971f; 4289 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5); } 4290 .btn-warning.disabled, .btn-warning:disabled { 4291 color: #1d2125; 4292 background-color: #f0ad4e; 4293 border-color: #f0ad4e; } 4294 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, 4295 .show > .btn-warning.dropdown-toggle { 4296 color: #1d2125; 4297 background-color: #ec971f; 4298 border-color: #ea9214; } 4299 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, 4300 .show > .btn-warning.dropdown-toggle:focus { 4301 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5); } 4302 4303.btn-danger { 4304 color: #fff; 4305 background-color: #ca3120; 4306 border-color: #ca3120; } 4307 .btn-danger:hover { 4308 color: #fff; 4309 background-color: #a9291b; 4310 border-color: #9e2619; } 4311 .btn-danger:focus, .btn-danger.focus { 4312 color: #fff; 4313 background-color: #a9291b; 4314 border-color: #9e2619; 4315 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5); } 4316 .btn-danger.disabled, .btn-danger:disabled { 4317 color: #fff; 4318 background-color: #ca3120; 4319 border-color: #ca3120; } 4320 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, 4321 .show > .btn-danger.dropdown-toggle { 4322 color: #fff; 4323 background-color: #9e2619; 4324 border-color: #932417; } 4325 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, 4326 .show > .btn-danger.dropdown-toggle:focus { 4327 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5); } 4328 4329.btn-light { 4330 color: #1d2125; 4331 background-color: #f8f9fa; 4332 border-color: #f8f9fa; } 4333 .btn-light:hover { 4334 color: #1d2125; 4335 background-color: #e2e6ea; 4336 border-color: #dae0e5; } 4337 .btn-light:focus, .btn-light.focus { 4338 color: #1d2125; 4339 background-color: #e2e6ea; 4340 border-color: #dae0e5; 4341 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5); } 4342 .btn-light.disabled, .btn-light:disabled { 4343 color: #1d2125; 4344 background-color: #f8f9fa; 4345 border-color: #f8f9fa; } 4346 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, 4347 .show > .btn-light.dropdown-toggle { 4348 color: #1d2125; 4349 background-color: #dae0e5; 4350 border-color: #d3d9df; } 4351 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, 4352 .show > .btn-light.dropdown-toggle:focus { 4353 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5); } 4354 4355.btn-dark { 4356 color: #fff; 4357 background-color: #343a40; 4358 border-color: #343a40; } 4359 .btn-dark:hover { 4360 color: #fff; 4361 background-color: #23272b; 4362 border-color: #1d2124; } 4363 .btn-dark:focus, .btn-dark.focus { 4364 color: #fff; 4365 background-color: #23272b; 4366 border-color: #1d2124; 4367 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } 4368 .btn-dark.disabled, .btn-dark:disabled { 4369 color: #fff; 4370 background-color: #343a40; 4371 border-color: #343a40; } 4372 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, 4373 .show > .btn-dark.dropdown-toggle { 4374 color: #fff; 4375 background-color: #1d2124; 4376 border-color: #171a1d; } 4377 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, 4378 .show > .btn-dark.dropdown-toggle:focus { 4379 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } 4380 4381.btn-outline-primary { 4382 color: #0f6cbf; 4383 border-color: #0f6cbf; } 4384 .btn-outline-primary:hover { 4385 color: #fff; 4386 background-color: #0f6cbf; 4387 border-color: #0f6cbf; } 4388 .btn-outline-primary:focus, .btn-outline-primary.focus { 4389 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5); } 4390 .btn-outline-primary.disabled, .btn-outline-primary:disabled { 4391 color: #0f6cbf; 4392 background-color: transparent; } 4393 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, 4394 .show > .btn-outline-primary.dropdown-toggle { 4395 color: #fff; 4396 background-color: #0f6cbf; 4397 border-color: #0f6cbf; } 4398 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, 4399 .show > .btn-outline-primary.dropdown-toggle:focus { 4400 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5); } 4401 4402.btn-outline-secondary { 4403 color: #ced4da; 4404 border-color: #ced4da; } 4405 .btn-outline-secondary:hover { 4406 color: #1d2125; 4407 background-color: #ced4da; 4408 border-color: #ced4da; } 4409 .btn-outline-secondary:focus, .btn-outline-secondary.focus { 4410 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } 4411 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { 4412 color: #ced4da; 4413 background-color: transparent; } 4414 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, 4415 .show > .btn-outline-secondary.dropdown-toggle { 4416 color: #1d2125; 4417 background-color: #ced4da; 4418 border-color: #ced4da; } 4419 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, 4420 .show > .btn-outline-secondary.dropdown-toggle:focus { 4421 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } 4422 4423.btn-outline-success { 4424 color: #357a32; 4425 border-color: #357a32; } 4426 .btn-outline-success:hover { 4427 color: #fff; 4428 background-color: #357a32; 4429 border-color: #357a32; } 4430 .btn-outline-success:focus, .btn-outline-success.focus { 4431 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5); } 4432 .btn-outline-success.disabled, .btn-outline-success:disabled { 4433 color: #357a32; 4434 background-color: transparent; } 4435 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, 4436 .show > .btn-outline-success.dropdown-toggle { 4437 color: #fff; 4438 background-color: #357a32; 4439 border-color: #357a32; } 4440 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, 4441 .show > .btn-outline-success.dropdown-toggle:focus { 4442 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5); } 4443 4444.btn-outline-info { 4445 color: #008196; 4446 border-color: #008196; } 4447 .btn-outline-info:hover { 4448 color: #fff; 4449 background-color: #008196; 4450 border-color: #008196; } 4451 .btn-outline-info:focus, .btn-outline-info.focus { 4452 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5); } 4453 .btn-outline-info.disabled, .btn-outline-info:disabled { 4454 color: #008196; 4455 background-color: transparent; } 4456 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, 4457 .show > .btn-outline-info.dropdown-toggle { 4458 color: #fff; 4459 background-color: #008196; 4460 border-color: #008196; } 4461 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, 4462 .show > .btn-outline-info.dropdown-toggle:focus { 4463 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5); } 4464 4465.btn-outline-warning { 4466 color: #f0ad4e; 4467 border-color: #f0ad4e; } 4468 .btn-outline-warning:hover { 4469 color: #1d2125; 4470 background-color: #f0ad4e; 4471 border-color: #f0ad4e; } 4472 .btn-outline-warning:focus, .btn-outline-warning.focus { 4473 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } 4474 .btn-outline-warning.disabled, .btn-outline-warning:disabled { 4475 color: #f0ad4e; 4476 background-color: transparent; } 4477 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, 4478 .show > .btn-outline-warning.dropdown-toggle { 4479 color: #1d2125; 4480 background-color: #f0ad4e; 4481 border-color: #f0ad4e; } 4482 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, 4483 .show > .btn-outline-warning.dropdown-toggle:focus { 4484 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } 4485 4486.btn-outline-danger { 4487 color: #ca3120; 4488 border-color: #ca3120; } 4489 .btn-outline-danger:hover { 4490 color: #fff; 4491 background-color: #ca3120; 4492 border-color: #ca3120; } 4493 .btn-outline-danger:focus, .btn-outline-danger.focus { 4494 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5); } 4495 .btn-outline-danger.disabled, .btn-outline-danger:disabled { 4496 color: #ca3120; 4497 background-color: transparent; } 4498 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, 4499 .show > .btn-outline-danger.dropdown-toggle { 4500 color: #fff; 4501 background-color: #ca3120; 4502 border-color: #ca3120; } 4503 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, 4504 .show > .btn-outline-danger.dropdown-toggle:focus { 4505 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5); } 4506 4507.btn-outline-light { 4508 color: #f8f9fa; 4509 border-color: #f8f9fa; } 4510 .btn-outline-light:hover { 4511 color: #1d2125; 4512 background-color: #f8f9fa; 4513 border-color: #f8f9fa; } 4514 .btn-outline-light:focus, .btn-outline-light.focus { 4515 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } 4516 .btn-outline-light.disabled, .btn-outline-light:disabled { 4517 color: #f8f9fa; 4518 background-color: transparent; } 4519 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, 4520 .show > .btn-outline-light.dropdown-toggle { 4521 color: #1d2125; 4522 background-color: #f8f9fa; 4523 border-color: #f8f9fa; } 4524 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, 4525 .show > .btn-outline-light.dropdown-toggle:focus { 4526 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } 4527 4528.btn-outline-dark { 4529 color: #343a40; 4530 border-color: #343a40; } 4531 .btn-outline-dark:hover { 4532 color: #fff; 4533 background-color: #343a40; 4534 border-color: #343a40; } 4535 .btn-outline-dark:focus, .btn-outline-dark.focus { 4536 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } 4537 .btn-outline-dark.disabled, .btn-outline-dark:disabled { 4538 color: #343a40; 4539 background-color: transparent; } 4540 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, 4541 .show > .btn-outline-dark.dropdown-toggle { 4542 color: #fff; 4543 background-color: #343a40; 4544 border-color: #343a40; } 4545 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, 4546 .show > .btn-outline-dark.dropdown-toggle:focus { 4547 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } 4548 4549.btn-link { 4550 font-weight: 400; 4551 color: #0f6cbf; 4552 text-decoration: none; } 4553 .btn-link:hover { 4554 color: #094478; 4555 text-decoration: underline; } 4556 .btn-link:focus, .btn-link.focus { 4557 text-decoration: underline; } 4558 .btn-link:disabled, .btn-link.disabled { 4559 color: #6a737b; 4560 pointer-events: none; } 4561 4562.btn-lg, .btn-group-lg > .btn { 4563 padding: 0.5rem 1rem; 4564 font-size: 1.171875rem; 4565 line-height: 1.5; 4566 border-radius: 0.3rem; } 4567 @media (max-width: 1200px) { 4568 .btn-lg, .btn-group-lg > .btn { 4569 font-size: calc(0.9271875rem + 0.32625vw) ; } } 4570 4571.btn-sm, .btn-group-sm > .btn { 4572 padding: 0.25rem 0.5rem; 4573 font-size: 0.8203125rem; 4574 line-height: 1.5; 4575 border-radius: 0.2rem; } 4576 4577.btn-block { 4578 display: block; 4579 width: 100%; } 4580 .btn-block + .btn-block { 4581 margin-top: 0.5rem; } 4582 4583input[type="submit"].btn-block, 4584input[type="reset"].btn-block, 4585input[type="button"].btn-block { 4586 width: 100%; } 4587 4588.fade { 4589 transition: opacity 0.15s linear; } 4590 @media (prefers-reduced-motion: reduce) { 4591 .fade { 4592 transition: none; } } 4593 .fade:not(.show) { 4594 opacity: 0; } 4595 4596.collapse:not(.show) { 4597 display: none; } 4598 4599.collapsing { 4600 position: relative; 4601 height: 0; 4602 overflow: hidden; 4603 transition: height 0.35s ease; } 4604 @media (prefers-reduced-motion: reduce) { 4605 .collapsing { 4606 transition: none; } } 4607 4608.dropup, 4609.dropright, 4610.dropdown, 4611.dropleft { 4612 position: relative; } 4613 4614.dropdown-toggle { 4615 white-space: nowrap; } 4616 .dropdown-toggle::after { 4617 display: inline-block; 4618 margin-left: 0.255em; 4619 vertical-align: 0.255em; 4620 content: ""; 4621 border-top: 0.3em solid; 4622 border-right: 0.3em solid transparent; 4623 border-bottom: 0; 4624 border-left: 0.3em solid transparent; } 4625 .dropdown-toggle:empty::after { 4626 margin-left: 0; } 4627 4628.dropdown-menu { 4629 position: absolute; 4630 top: 100%; 4631 left: 0; 4632 z-index: 1000; 4633 display: none; 4634 float: left; 4635 min-width: 10rem; 4636 padding: 0.5rem 0; 4637 margin: 0.125rem 0 0; 4638 font-size: 0.9375rem; 4639 color: #1d2125; 4640 text-align: left; 4641 list-style: none; 4642 background-color: #fff; 4643 background-clip: padding-box; 4644 border: 1px solid rgba(0, 0, 0, 0.15); 4645 border-radius: 0.25rem; } 4646 @media (max-width: 1200px) { 4647 .dropdown-menu { 4648 font-size: calc(0.90375rem + 0.045vw) ; } } 4649 4650.dropdown-menu-left { 4651 right: auto; 4652 left: 0; } 4653 4654.dropdown-menu-right { 4655 right: 0; 4656 left: auto; } 4657 4658@media (min-width: 576px) { 4659 .dropdown-menu-sm-left { 4660 right: auto; 4661 left: 0; } 4662 .dropdown-menu-sm-right { 4663 right: 0; 4664 left: auto; } } 4665 4666@media (min-width: 768px) { 4667 .dropdown-menu-md-left { 4668 right: auto; 4669 left: 0; } 4670 .dropdown-menu-md-right { 4671 right: 0; 4672 left: auto; } } 4673 4674@media (min-width: 992px) { 4675 .dropdown-menu-lg-left { 4676 right: auto; 4677 left: 0; } 4678 .dropdown-menu-lg-right { 4679 right: 0; 4680 left: auto; } } 4681 4682@media (min-width: 1200px) { 4683 .dropdown-menu-xl-left { 4684 right: auto; 4685 left: 0; } 4686 .dropdown-menu-xl-right { 4687 right: 0; 4688 left: auto; } } 4689 4690.dropup .dropdown-menu { 4691 top: auto; 4692 bottom: 100%; 4693 margin-top: 0; 4694 margin-bottom: 0.125rem; } 4695 4696.dropup .dropdown-toggle::after { 4697 display: inline-block; 4698 margin-left: 0.255em; 4699 vertical-align: 0.255em; 4700 content: ""; 4701 border-top: 0; 4702 border-right: 0.3em solid transparent; 4703 border-bottom: 0.3em solid; 4704 border-left: 0.3em solid transparent; } 4705 4706.dropup .dropdown-toggle:empty::after { 4707 margin-left: 0; } 4708 4709.dropright .dropdown-menu { 4710 top: 0; 4711 right: auto; 4712 left: 100%; 4713 margin-top: 0; 4714 margin-left: 0.125rem; } 4715 4716.dropright .dropdown-toggle::after { 4717 display: inline-block; 4718 margin-left: 0.255em; 4719 vertical-align: 0.255em; 4720 content: ""; 4721 border-top: 0.3em solid transparent; 4722 border-right: 0; 4723 border-bottom: 0.3em solid transparent; 4724 border-left: 0.3em solid; } 4725 4726.dropright .dropdown-toggle:empty::after { 4727 margin-left: 0; } 4728 4729.dropright .dropdown-toggle::after { 4730 vertical-align: 0; } 4731 4732.dropleft .dropdown-menu { 4733 top: 0; 4734 right: 100%; 4735 left: auto; 4736 margin-top: 0; 4737 margin-right: 0.125rem; } 4738 4739.dropleft .dropdown-toggle::after { 4740 display: inline-block; 4741 margin-left: 0.255em; 4742 vertical-align: 0.255em; 4743 content: ""; } 4744 4745.dropleft .dropdown-toggle::after { 4746 display: none; } 4747 4748.dropleft .dropdown-toggle::before { 4749 display: inline-block; 4750 margin-right: 0.255em; 4751 vertical-align: 0.255em; 4752 content: ""; 4753 border-top: 0.3em solid transparent; 4754 border-right: 0.3em solid; 4755 border-bottom: 0.3em solid transparent; } 4756 4757.dropleft .dropdown-toggle:empty::after { 4758 margin-left: 0; } 4759 4760.dropleft .dropdown-toggle::before { 4761 vertical-align: 0; } 4762 4763.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { 4764 right: auto; 4765 bottom: auto; } 4766 4767.dropdown-divider { 4768 height: 0; 4769 margin: 0.5rem 0; 4770 overflow: hidden; 4771 border-top: 1px solid #e9ecef; } 4772 4773.dropdown-item { 4774 display: block; 4775 width: 100%; 4776 padding: 0.25rem 1.5rem; 4777 clear: both; 4778 font-weight: 400; 4779 color: #1d2125; 4780 text-align: inherit; 4781 white-space: nowrap; 4782 background-color: transparent; 4783 border: 0; } 4784 .dropdown-item:hover, .dropdown-item:focus { 4785 color: #fff; 4786 text-decoration: none; 4787 background-color: #0f6cbf; } 4788 .dropdown-item.active, .dropdown-item:active { 4789 color: #fff; 4790 text-decoration: none; 4791 background-color: #0f6cbf; } 4792 .dropdown-item.disabled, .dropdown-item:disabled { 4793 color: #6a737b; 4794 pointer-events: none; 4795 background-color: transparent; } 4796 4797.dropdown-menu.show { 4798 display: block; } 4799 4800.dropdown-header { 4801 display: block; 4802 padding: 0.5rem 1.5rem; 4803 margin-bottom: 0; 4804 font-size: 0.8203125rem; 4805 color: #6a737b; 4806 white-space: nowrap; } 4807 4808.dropdown-item-text { 4809 display: block; 4810 padding: 0.25rem 1.5rem; 4811 color: #1d2125; } 4812 4813.btn-group, 4814.btn-group-vertical { 4815 position: relative; 4816 display: inline-flex; 4817 vertical-align: middle; } 4818 .btn-group > .btn, 4819 .btn-group-vertical > .btn { 4820 position: relative; 4821 flex: 1 1 auto; } 4822 .btn-group > .btn:hover, 4823 .btn-group-vertical > .btn:hover { 4824 z-index: 1; } 4825 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, 4826 .btn-group-vertical > .btn:focus, 4827 .btn-group-vertical > .btn:active, 4828 .btn-group-vertical > .btn.active { 4829 z-index: 1; } 4830 4831.btn-toolbar { 4832 display: flex; 4833 flex-wrap: wrap; 4834 justify-content: flex-start; } 4835 .btn-toolbar .input-group { 4836 width: auto; } 4837 4838.btn-group > .btn:not(:first-child), 4839.btn-group > .btn-group:not(:first-child) { 4840 margin-left: -1px; } 4841 4842.btn-group > .btn:not(:last-child):not(.dropdown-toggle), 4843.btn-group > .btn-group:not(:last-child) > .btn { 4844 border-top-right-radius: 0; 4845 border-bottom-right-radius: 0; } 4846 4847.btn-group > .btn:not(:first-child), 4848.btn-group > .btn-group:not(:first-child) > .btn { 4849 border-top-left-radius: 0; 4850 border-bottom-left-radius: 0; } 4851 4852.dropdown-toggle-split { 4853 padding-right: 0.5625rem; 4854 padding-left: 0.5625rem; } 4855 .dropdown-toggle-split::after, 4856 .dropup .dropdown-toggle-split::after, 4857 .dropright .dropdown-toggle-split::after { 4858 margin-left: 0; } 4859 .dropleft .dropdown-toggle-split::before { 4860 margin-right: 0; } 4861 4862.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { 4863 padding-right: 0.375rem; 4864 padding-left: 0.375rem; } 4865 4866.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { 4867 padding-right: 0.75rem; 4868 padding-left: 0.75rem; } 4869 4870.btn-group-vertical { 4871 flex-direction: column; 4872 align-items: flex-start; 4873 justify-content: center; } 4874 .btn-group-vertical > .btn, 4875 .btn-group-vertical > .btn-group { 4876 width: 100%; } 4877 .btn-group-vertical > .btn:not(:first-child), 4878 .btn-group-vertical > .btn-group:not(:first-child) { 4879 margin-top: -1px; } 4880 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), 4881 .btn-group-vertical > .btn-group:not(:last-child) > .btn { 4882 border-bottom-right-radius: 0; 4883 border-bottom-left-radius: 0; } 4884 .btn-group-vertical > .btn:not(:first-child), 4885 .btn-group-vertical > .btn-group:not(:first-child) > .btn { 4886 border-top-left-radius: 0; 4887 border-top-right-radius: 0; } 4888 4889.btn-group-toggle > .btn, 4890.btn-group-toggle > .btn-group > .btn { 4891 margin-bottom: 0; } 4892 .btn-group-toggle > .btn input[type="radio"], 4893 .btn-group-toggle > .btn input[type="checkbox"], 4894 .btn-group-toggle > .btn-group > .btn input[type="radio"], 4895 .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { 4896 position: absolute; 4897 clip: rect(0, 0, 0, 0); 4898 pointer-events: none; } 4899 4900.input-group { 4901 position: relative; 4902 display: flex; 4903 flex-wrap: wrap; 4904 align-items: stretch; 4905 width: 100%; } 4906 .input-group > .form-control, 4907 .input-group > .form-control-plaintext, 4908 .input-group > .custom-select, 4909 .input-group > .custom-file { 4910 position: relative; 4911 flex: 1 1 auto; 4912 width: 1%; 4913 min-width: 0; 4914 margin-bottom: 0; } 4915 .input-group > .form-control + .form-control, 4916 .input-group > .form-control + .custom-select, 4917 .input-group > .form-control + .custom-file, 4918 .input-group > .form-control-plaintext + .form-control, 4919 .input-group > .form-control-plaintext + .custom-select, 4920 .input-group > .form-control-plaintext + .custom-file, 4921 .input-group > .custom-select + .form-control, 4922 .input-group > .custom-select + .custom-select, 4923 .input-group > .custom-select + .custom-file, 4924 .input-group > .custom-file + .form-control, 4925 .input-group > .custom-file + .custom-select, 4926 .input-group > .custom-file + .custom-file { 4927 margin-left: -1px; } 4928 .input-group > .form-control:focus, 4929 .input-group > .custom-select:focus, 4930 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { 4931 z-index: 3; } 4932 .input-group > .custom-file .custom-file-input:focus { 4933 z-index: 4; } 4934 .input-group > .form-control:not(:last-child), 4935 .input-group > .custom-select:not(:last-child) { 4936 border-top-right-radius: 0; 4937 border-bottom-right-radius: 0; } 4938 .input-group > .form-control:not(:first-child), 4939 .input-group > .custom-select:not(:first-child) { 4940 border-top-left-radius: 0; 4941 border-bottom-left-radius: 0; } 4942 .input-group > .custom-file { 4943 display: flex; 4944 align-items: center; } 4945 .input-group > .custom-file:not(:last-child) .custom-file-label, 4946 .input-group > .custom-file:not(:last-child) .custom-file-label::after { 4947 border-top-right-radius: 0; 4948 border-bottom-right-radius: 0; } 4949 .input-group > .custom-file:not(:first-child) .custom-file-label { 4950 border-top-left-radius: 0; 4951 border-bottom-left-radius: 0; } 4952 4953.input-group-prepend, 4954.input-group-append { 4955 display: flex; } 4956 .input-group-prepend .btn, 4957 .input-group-append .btn { 4958 position: relative; 4959 z-index: 2; } 4960 .input-group-prepend .btn:focus, 4961 .input-group-append .btn:focus { 4962 z-index: 3; } 4963 .input-group-prepend .btn + .btn, 4964 .input-group-prepend .btn + .input-group-text, 4965 .input-group-prepend .input-group-text + .input-group-text, 4966 .input-group-prepend .input-group-text + .btn, 4967 .input-group-append .btn + .btn, 4968 .input-group-append .btn + .input-group-text, 4969 .input-group-append .input-group-text + .input-group-text, 4970 .input-group-append .input-group-text + .btn { 4971 margin-left: -1px; } 4972 4973.input-group-prepend { 4974 margin-right: -1px; } 4975 4976.input-group-append { 4977 margin-left: -1px; } 4978 4979.input-group-text { 4980 display: flex; 4981 align-items: center; 4982 padding: 0.375rem 0.75rem; 4983 margin-bottom: 0; 4984 font-size: 0.9375rem; 4985 font-weight: 400; 4986 line-height: 1.5; 4987 color: #495057; 4988 text-align: center; 4989 white-space: nowrap; 4990 background-color: #e9ecef; 4991 border: 1px solid #8f959e; 4992 border-radius: 0.25rem; } 4993 @media (max-width: 1200px) { 4994 .input-group-text { 4995 font-size: calc(0.90375rem + 0.045vw) ; } } 4996 .input-group-text input[type="radio"], 4997 .input-group-text input[type="checkbox"] { 4998 margin-top: 0; } 4999 5000.input-group-lg > .form-control:not(textarea), 5001.input-group-lg > .custom-select { 5002 height: calc(1.5em + 1rem + 2px); } 5003 5004.input-group-lg > .form-control, 5005.input-group-lg > .custom-select, 5006.input-group-lg > .input-group-prepend > .input-group-text, 5007.input-group-lg > .input-group-append > .input-group-text, 5008.input-group-lg > .input-group-prepend > .btn, 5009.input-group-lg > .input-group-append > .btn { 5010 padding: 0.5rem 1rem; 5011 font-size: 1.171875rem; 5012 line-height: 1.5; 5013 border-radius: 0.3rem; } 5014 @media (max-width: 1200px) { 5015 .input-group-lg > .form-control, 5016 .input-group-lg > .custom-select, 5017 .input-group-lg > .input-group-prepend > .input-group-text, 5018 .input-group-lg > .input-group-append > .input-group-text, 5019 .input-group-lg > .input-group-prepend > .btn, 5020 .input-group-lg > .input-group-append > .btn { 5021 font-size: calc(0.9271875rem + 0.32625vw) ; } } 5022 5023.input-group-sm > .form-control:not(textarea), 5024.input-group-sm > .custom-select { 5025 height: calc(1.5em + 0.5rem + 2px); } 5026 5027.input-group-sm > .form-control, 5028.input-group-sm > .custom-select, 5029.input-group-sm > .input-group-prepend > .input-group-text, 5030.input-group-sm > .input-group-append > .input-group-text, 5031.input-group-sm > .input-group-prepend > .btn, 5032.input-group-sm > .input-group-append > .btn { 5033 padding: 0.25rem 0.5rem; 5034 font-size: 0.8203125rem; 5035 line-height: 1.5; 5036 border-radius: 0.2rem; } 5037 5038.input-group-lg > .custom-select, 5039.input-group-sm > .custom-select { 5040 padding-right: 1.75rem; } 5041 5042.input-group > .input-group-prepend > .btn, 5043.input-group > .input-group-prepend > .input-group-text, 5044.input-group > .input-group-append:not(:last-child) > .btn, 5045.input-group > .input-group-append:not(:last-child) > .input-group-text, 5046.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), 5047.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { 5048 border-top-right-radius: 0; 5049 border-bottom-right-radius: 0; } 5050 5051.input-group > .input-group-append > .btn, 5052.input-group > .input-group-append > .input-group-text, 5053.input-group > .input-group-prepend:not(:first-child) > .btn, 5054.input-group > .input-group-prepend:not(:first-child) > .input-group-text, 5055.input-group > .input-group-prepend:first-child > .btn:not(:first-child), 5056.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { 5057 border-top-left-radius: 0; 5058 border-bottom-left-radius: 0; } 5059 5060.custom-control { 5061 position: relative; 5062 display: block; 5063 min-height: 1.40625rem; 5064 padding-left: 1.5rem; } 5065 5066.custom-control-inline { 5067 display: inline-flex; 5068 margin-right: 1rem; } 5069 5070.custom-control-input { 5071 position: absolute; 5072 left: 0; 5073 z-index: -1; 5074 width: 1rem; 5075 height: 1.203125rem; 5076 opacity: 0; } 5077 .custom-control-input:checked ~ .custom-control-label::before { 5078 color: #fff; 5079 border-color: #0f6cbf; 5080 background-color: #0f6cbf; } 5081 .custom-control-input:focus ~ .custom-control-label::before { 5082 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5083 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { 5084 border-color: #5babf2; } 5085 .custom-control-input:not(:disabled):active ~ .custom-control-label::before { 5086 color: #fff; 5087 background-color: #8bc3f6; 5088 border-color: #8bc3f6; } 5089 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { 5090 color: #6a737b; } 5091 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { 5092 background-color: #e9ecef; } 5093 5094.custom-control-label { 5095 position: relative; 5096 margin-bottom: 0; 5097 vertical-align: top; } 5098 .custom-control-label::before { 5099 position: absolute; 5100 top: 0.203125rem; 5101 left: -1.5rem; 5102 display: block; 5103 width: 1rem; 5104 height: 1rem; 5105 pointer-events: none; 5106 content: ""; 5107 background-color: #fff; 5108 border: #8f959e solid 1px; } 5109 .custom-control-label::after { 5110 position: absolute; 5111 top: 0.203125rem; 5112 left: -1.5rem; 5113 display: block; 5114 width: 1rem; 5115 height: 1rem; 5116 content: ""; 5117 background: no-repeat 50% / 50% 50%; } 5118 5119.custom-checkbox .custom-control-label::before { 5120 border-radius: 0.25rem; } 5121 5122.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { 5123 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"); } 5124 5125.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { 5126 border-color: #0f6cbf; 5127 background-color: #0f6cbf; } 5128 5129.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { 5130 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"); } 5131 5132.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { 5133 background-color: rgba(15, 108, 191, 0.5); } 5134 5135.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { 5136 background-color: rgba(15, 108, 191, 0.5); } 5137 5138.custom-radio .custom-control-label::before { 5139 border-radius: 50%; } 5140 5141.custom-radio .custom-control-input:checked ~ .custom-control-label::after { 5142 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"); } 5143 5144.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { 5145 background-color: rgba(15, 108, 191, 0.5); } 5146 5147.custom-switch { 5148 padding-left: 2.25rem; } 5149 .custom-switch .custom-control-label::before { 5150 left: -2.25rem; 5151 width: 1.75rem; 5152 pointer-events: all; 5153 border-radius: 0.5rem; } 5154 .custom-switch .custom-control-label::after { 5155 top: calc(0.203125rem + 2px); 5156 left: calc(-2.25rem + 2px); 5157 width: calc(1rem - 4px); 5158 height: calc(1rem - 4px); 5159 background-color: #8f959e; 5160 border-radius: 0.5rem; 5161 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; } 5162 @media (prefers-reduced-motion: reduce) { 5163 .custom-switch .custom-control-label::after { 5164 transition: none; } } 5165 .custom-switch .custom-control-input:checked ~ .custom-control-label::after { 5166 background-color: #fff; 5167 transform: translateX(0.75rem); } 5168 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { 5169 background-color: rgba(15, 108, 191, 0.5); } 5170 5171.custom-select { 5172 display: inline-block; 5173 width: 100%; 5174 height: calc(1.5em + 0.75rem + 2px); 5175 padding: 0.375rem 1.75rem 0.375rem 0.75rem; 5176 font-size: 0.9375rem; 5177 font-weight: 400; 5178 line-height: 1.5; 5179 color: #495057; 5180 vertical-align: middle; 5181 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") no-repeat right 0.75rem center/8px 10px; 5182 border: 1px solid #8f959e; 5183 border-radius: 0.25rem; 5184 appearance: none; } 5185 @media (max-width: 1200px) { 5186 .custom-select { 5187 font-size: calc(0.90375rem + 0.045vw) ; } } 5188 .custom-select:focus { 5189 border-color: #5babf2; 5190 outline: 0; 5191 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5192 .custom-select:focus::-ms-value { 5193 color: #495057; 5194 background-color: #fff; } 5195 .custom-select[multiple], .custom-select[size]:not([size="1"]) { 5196 height: auto; 5197 padding-right: 0.75rem; 5198 background-image: none; } 5199 .custom-select:disabled { 5200 color: #6a737b; 5201 background-color: #e9ecef; } 5202 .custom-select::-ms-expand { 5203 display: none; } 5204 .custom-select:-moz-focusring { 5205 color: transparent; 5206 text-shadow: 0 0 0 #495057; } 5207 5208.custom-select-sm { 5209 height: calc(1.5em + 0.5rem + 2px); 5210 padding-top: 0.25rem; 5211 padding-bottom: 0.25rem; 5212 padding-left: 0.5rem; 5213 font-size: 0.8203125rem; } 5214 5215.custom-select-lg { 5216 height: calc(1.5em + 1rem + 2px); 5217 padding-top: 0.5rem; 5218 padding-bottom: 0.5rem; 5219 padding-left: 1rem; 5220 font-size: 1.171875rem; } 5221 @media (max-width: 1200px) { 5222 .custom-select-lg { 5223 font-size: calc(0.9271875rem + 0.32625vw) ; } } 5224 5225.custom-file { 5226 position: relative; 5227 display: inline-block; 5228 width: 100%; 5229 height: calc(1.5em + 0.75rem + 2px); 5230 margin-bottom: 0; } 5231 5232.custom-file-input { 5233 position: relative; 5234 z-index: 2; 5235 width: 100%; 5236 height: calc(1.5em + 0.75rem + 2px); 5237 margin: 0; 5238 opacity: 0; } 5239 .custom-file-input:focus ~ .custom-file-label { 5240 border-color: #5babf2; 5241 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5242 .custom-file-input[disabled] ~ .custom-file-label, 5243 .custom-file-input:disabled ~ .custom-file-label { 5244 background-color: #e9ecef; } 5245 .custom-file-input:lang(en) ~ .custom-file-label::after { 5246 content: "Browse"; } 5247 .custom-file-input ~ .custom-file-label[data-browse]::after { 5248 content: attr(data-browse); } 5249 5250.custom-file-label { 5251 position: absolute; 5252 top: 0; 5253 right: 0; 5254 left: 0; 5255 z-index: 1; 5256 height: calc(1.5em + 0.75rem + 2px); 5257 padding: 0.375rem 0.75rem; 5258 font-weight: 400; 5259 line-height: 1.5; 5260 color: #495057; 5261 background-color: #fff; 5262 border: 1px solid #8f959e; 5263 border-radius: 0.25rem; } 5264 .custom-file-label::after { 5265 position: absolute; 5266 top: 0; 5267 right: 0; 5268 bottom: 0; 5269 z-index: 3; 5270 display: block; 5271 height: calc(1.5em + 0.75rem); 5272 padding: 0.375rem 0.75rem; 5273 line-height: 1.5; 5274 color: #495057; 5275 content: "Browse"; 5276 background-color: #e9ecef; 5277 border-left: inherit; 5278 border-radius: 0 0.25rem 0.25rem 0; } 5279 5280.custom-range { 5281 width: 100%; 5282 height: 1.4rem; 5283 padding: 0; 5284 background-color: transparent; 5285 appearance: none; } 5286 .custom-range:focus { 5287 outline: none; } 5288 .custom-range:focus::-webkit-slider-thumb { 5289 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5290 .custom-range:focus::-moz-range-thumb { 5291 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5292 .custom-range:focus::-ms-thumb { 5293 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5294 .custom-range::-moz-focus-outer { 5295 border: 0; } 5296 .custom-range::-webkit-slider-thumb { 5297 width: 1rem; 5298 height: 1rem; 5299 margin-top: -0.25rem; 5300 background-color: #0f6cbf; 5301 border: 0; 5302 border-radius: 1rem; 5303 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 5304 appearance: none; } 5305 @media (prefers-reduced-motion: reduce) { 5306 .custom-range::-webkit-slider-thumb { 5307 transition: none; } } 5308 .custom-range::-webkit-slider-thumb:active { 5309 background-color: #8bc3f6; } 5310 .custom-range::-webkit-slider-runnable-track { 5311 width: 100%; 5312 height: 0.5rem; 5313 color: transparent; 5314 cursor: pointer; 5315 background-color: #dee2e6; 5316 border-color: transparent; 5317 border-radius: 1rem; } 5318 .custom-range::-moz-range-thumb { 5319 width: 1rem; 5320 height: 1rem; 5321 background-color: #0f6cbf; 5322 border: 0; 5323 border-radius: 1rem; 5324 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 5325 appearance: none; } 5326 @media (prefers-reduced-motion: reduce) { 5327 .custom-range::-moz-range-thumb { 5328 transition: none; } } 5329 .custom-range::-moz-range-thumb:active { 5330 background-color: #8bc3f6; } 5331 .custom-range::-moz-range-track { 5332 width: 100%; 5333 height: 0.5rem; 5334 color: transparent; 5335 cursor: pointer; 5336 background-color: #dee2e6; 5337 border-color: transparent; 5338 border-radius: 1rem; } 5339 .custom-range::-ms-thumb { 5340 width: 1rem; 5341 height: 1rem; 5342 margin-top: 0; 5343 margin-right: 0.2rem; 5344 margin-left: 0.2rem; 5345 background-color: #0f6cbf; 5346 border: 0; 5347 border-radius: 1rem; 5348 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 5349 appearance: none; } 5350 @media (prefers-reduced-motion: reduce) { 5351 .custom-range::-ms-thumb { 5352 transition: none; } } 5353 .custom-range::-ms-thumb:active { 5354 background-color: #8bc3f6; } 5355 .custom-range::-ms-track { 5356 width: 100%; 5357 height: 0.5rem; 5358 color: transparent; 5359 cursor: pointer; 5360 background-color: transparent; 5361 border-color: transparent; 5362 border-width: 0.5rem; } 5363 .custom-range::-ms-fill-lower { 5364 background-color: #dee2e6; 5365 border-radius: 1rem; } 5366 .custom-range::-ms-fill-upper { 5367 margin-right: 15px; 5368 background-color: #dee2e6; 5369 border-radius: 1rem; } 5370 .custom-range:disabled::-webkit-slider-thumb { 5371 background-color: #8f959e; } 5372 .custom-range:disabled::-webkit-slider-runnable-track { 5373 cursor: default; } 5374 .custom-range:disabled::-moz-range-thumb { 5375 background-color: #8f959e; } 5376 .custom-range:disabled::-moz-range-track { 5377 cursor: default; } 5378 .custom-range:disabled::-ms-thumb { 5379 background-color: #8f959e; } 5380 5381.custom-control-label::before, 5382.custom-file-label, 5383.custom-select { 5384 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } 5385 @media (prefers-reduced-motion: reduce) { 5386 .custom-control-label::before, 5387 .custom-file-label, 5388 .custom-select { 5389 transition: none; } } 5390 5391.nav { 5392 display: flex; 5393 flex-wrap: wrap; 5394 padding-left: 0; 5395 margin-bottom: 0; 5396 list-style: none; } 5397 5398.nav-link { 5399 display: block; 5400 padding: 0.5rem 1rem; } 5401 .nav-link:hover, .nav-link:focus { 5402 text-decoration: none; } 5403 .nav-link.disabled { 5404 color: #6a737b; 5405 pointer-events: none; 5406 cursor: default; } 5407 5408.nav-tabs { 5409 border-bottom: 1px solid #dee2e6; } 5410 .nav-tabs .nav-item { 5411 margin-bottom: -1px; } 5412 .nav-tabs .nav-link { 5413 border: 1px solid transparent; 5414 border-top-left-radius: 0.25rem; 5415 border-top-right-radius: 0.25rem; } 5416 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { 5417 border-color: #e9ecef #e9ecef #dee2e6; } 5418 .nav-tabs .nav-link.disabled { 5419 color: #6a737b; 5420 background-color: transparent; 5421 border-color: transparent; } 5422 .nav-tabs .nav-link.active, 5423 .nav-tabs .nav-item.show .nav-link { 5424 color: #495057; 5425 background-color: #fff; 5426 border-color: #dee2e6 #dee2e6 #fff; } 5427 .nav-tabs .dropdown-menu { 5428 margin-top: -1px; 5429 border-top-left-radius: 0; 5430 border-top-right-radius: 0; } 5431 5432.nav-pills .nav-link { 5433 border-radius: 0.25rem; } 5434 5435.nav-pills .nav-link.active, 5436.nav-pills .show > .nav-link { 5437 color: #fff; 5438 background-color: #0f6cbf; } 5439 5440.nav-fill .nav-item { 5441 flex: 1 1 auto; 5442 text-align: center; } 5443 5444.nav-justified .nav-item { 5445 flex-basis: 0; 5446 flex-grow: 1; 5447 text-align: center; } 5448 5449.tab-content > .tab-pane { 5450 display: none; } 5451 5452.tab-content > .active { 5453 display: block; } 5454 5455.navbar { 5456 position: relative; 5457 display: flex; 5458 flex-wrap: wrap; 5459 align-items: center; 5460 justify-content: space-between; 5461 padding: 0.5rem 1rem; } 5462 .navbar .container, 5463 .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { 5464 display: flex; 5465 flex-wrap: wrap; 5466 align-items: center; 5467 justify-content: space-between; } 5468 5469.navbar-brand { 5470 display: inline-block; 5471 padding-top: 0.32421875rem; 5472 padding-bottom: 0.32421875rem; 5473 margin-right: 1rem; 5474 font-size: 1.171875rem; 5475 line-height: inherit; 5476 white-space: nowrap; } 5477 @media (max-width: 1200px) { 5478 .navbar-brand { 5479 font-size: calc(0.9271875rem + 0.32625vw) ; } } 5480 .navbar-brand:hover, .navbar-brand:focus { 5481 text-decoration: none; } 5482 5483.navbar-nav { 5484 display: flex; 5485 flex-direction: column; 5486 padding-left: 0; 5487 margin-bottom: 0; 5488 list-style: none; } 5489 .navbar-nav .nav-link { 5490 padding-right: 0; 5491 padding-left: 0; } 5492 .navbar-nav .dropdown-menu { 5493 position: static; 5494 float: none; } 5495 5496.navbar-text { 5497 display: inline-block; 5498 padding-top: 0.5rem; 5499 padding-bottom: 0.5rem; } 5500 5501.navbar-collapse { 5502 flex-basis: 100%; 5503 flex-grow: 1; 5504 align-items: center; } 5505 5506.navbar-toggler { 5507 padding: 0.25rem 0.75rem; 5508 font-size: 1.171875rem; 5509 line-height: 1; 5510 background-color: transparent; 5511 border: 1px solid transparent; 5512 border-radius: 0.25rem; } 5513 @media (max-width: 1200px) { 5514 .navbar-toggler { 5515 font-size: calc(0.9271875rem + 0.32625vw) ; } } 5516 .navbar-toggler:hover, .navbar-toggler:focus { 5517 text-decoration: none; } 5518 5519.navbar-toggler-icon { 5520 display: inline-block; 5521 width: 1.5em; 5522 height: 1.5em; 5523 vertical-align: middle; 5524 content: ""; 5525 background: no-repeat center center; 5526 background-size: 100% 100%; } 5527 5528@media (max-width: 575.98px) { 5529 .navbar-expand-sm > .container, 5530 .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 { 5531 padding-right: 0; 5532 padding-left: 0; } } 5533 5534@media (min-width: 576px) { 5535 .navbar-expand-sm { 5536 flex-flow: row nowrap; 5537 justify-content: flex-start; } 5538 .navbar-expand-sm .navbar-nav { 5539 flex-direction: row; } 5540 .navbar-expand-sm .navbar-nav .dropdown-menu { 5541 position: absolute; } 5542 .navbar-expand-sm .navbar-nav .nav-link { 5543 padding-right: 0.5rem; 5544 padding-left: 0.5rem; } 5545 .navbar-expand-sm > .container, 5546 .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 { 5547 flex-wrap: nowrap; } 5548 .navbar-expand-sm .navbar-collapse { 5549 display: flex !important; 5550 flex-basis: auto; } 5551 .navbar-expand-sm .navbar-toggler { 5552 display: none; } } 5553 5554@media (max-width: 767.98px) { 5555 .navbar-expand-md > .container, 5556 .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 { 5557 padding-right: 0; 5558 padding-left: 0; } } 5559 5560@media (min-width: 768px) { 5561 .navbar-expand-md { 5562 flex-flow: row nowrap; 5563 justify-content: flex-start; } 5564 .navbar-expand-md .navbar-nav { 5565 flex-direction: row; } 5566 .navbar-expand-md .navbar-nav .dropdown-menu { 5567 position: absolute; } 5568 .navbar-expand-md .navbar-nav .nav-link { 5569 padding-right: 0.5rem; 5570 padding-left: 0.5rem; } 5571 .navbar-expand-md > .container, 5572 .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 { 5573 flex-wrap: nowrap; } 5574 .navbar-expand-md .navbar-collapse { 5575 display: flex !important; 5576 flex-basis: auto; } 5577 .navbar-expand-md .navbar-toggler { 5578 display: none; } } 5579 5580@media (max-width: 991.98px) { 5581 .navbar-expand-lg > .container, 5582 .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 { 5583 padding-right: 0; 5584 padding-left: 0; } } 5585 5586@media (min-width: 992px) { 5587 .navbar-expand-lg { 5588 flex-flow: row nowrap; 5589 justify-content: flex-start; } 5590 .navbar-expand-lg .navbar-nav { 5591 flex-direction: row; } 5592 .navbar-expand-lg .navbar-nav .dropdown-menu { 5593 position: absolute; } 5594 .navbar-expand-lg .navbar-nav .nav-link { 5595 padding-right: 0.5rem; 5596 padding-left: 0.5rem; } 5597 .navbar-expand-lg > .container, 5598 .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 { 5599 flex-wrap: nowrap; } 5600 .navbar-expand-lg .navbar-collapse { 5601 display: flex !important; 5602 flex-basis: auto; } 5603 .navbar-expand-lg .navbar-toggler { 5604 display: none; } } 5605 5606@media (max-width: 1199.98px) { 5607 .navbar-expand-xl > .container, 5608 .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 { 5609 padding-right: 0; 5610 padding-left: 0; } } 5611 5612@media (min-width: 1200px) { 5613 .navbar-expand-xl { 5614 flex-flow: row nowrap; 5615 justify-content: flex-start; } 5616 .navbar-expand-xl .navbar-nav { 5617 flex-direction: row; } 5618 .navbar-expand-xl .navbar-nav .dropdown-menu { 5619 position: absolute; } 5620 .navbar-expand-xl .navbar-nav .nav-link { 5621 padding-right: 0.5rem; 5622 padding-left: 0.5rem; } 5623 .navbar-expand-xl > .container, 5624 .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 { 5625 flex-wrap: nowrap; } 5626 .navbar-expand-xl .navbar-collapse { 5627 display: flex !important; 5628 flex-basis: auto; } 5629 .navbar-expand-xl .navbar-toggler { 5630 display: none; } } 5631 5632.navbar-expand { 5633 flex-flow: row nowrap; 5634 justify-content: flex-start; } 5635 .navbar-expand > .container, 5636 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { 5637 padding-right: 0; 5638 padding-left: 0; } 5639 .navbar-expand .navbar-nav { 5640 flex-direction: row; } 5641 .navbar-expand .navbar-nav .dropdown-menu { 5642 position: absolute; } 5643 .navbar-expand .navbar-nav .nav-link { 5644 padding-right: 0.5rem; 5645 padding-left: 0.5rem; } 5646 .navbar-expand > .container, 5647 .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { 5648 flex-wrap: nowrap; } 5649 .navbar-expand .navbar-collapse { 5650 display: flex !important; 5651 flex-basis: auto; } 5652 .navbar-expand .navbar-toggler { 5653 display: none; } 5654 5655.navbar-light .navbar-brand { 5656 color: rgba(0, 0, 0, 0.9); } 5657 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { 5658 color: rgba(0, 0, 0, 0.9); } 5659 5660.navbar-light .navbar-nav .nav-link { 5661 color: rgba(0, 0, 0, 0.6); } 5662 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { 5663 color: rgba(0, 0, 0, 0.9); } 5664 .navbar-light .navbar-nav .nav-link.disabled { 5665 color: rgba(0, 0, 0, 0.3); } 5666 5667.navbar-light .navbar-nav .show > .nav-link, 5668.navbar-light .navbar-nav .active > .nav-link, 5669.navbar-light .navbar-nav .nav-link.show, 5670.navbar-light .navbar-nav .nav-link.active { 5671 color: rgba(0, 0, 0, 0.9); } 5672 5673.navbar-light .navbar-toggler { 5674 color: rgba(0, 0, 0, 0.6); 5675 border-color: rgba(0, 0, 0, 0.1); } 5676 5677.navbar-light .navbar-toggler-icon { 5678 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"); } 5679 5680.navbar-light .navbar-text { 5681 color: rgba(0, 0, 0, 0.6); } 5682 .navbar-light .navbar-text a { 5683 color: rgba(0, 0, 0, 0.9); } 5684 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { 5685 color: rgba(0, 0, 0, 0.9); } 5686 5687.navbar-dark .navbar-brand { 5688 color: #fff; } 5689 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { 5690 color: #fff; } 5691 5692.navbar-dark .navbar-nav .nav-link { 5693 color: rgba(255, 255, 255, 0.5); } 5694 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { 5695 color: white; } 5696 .navbar-dark .navbar-nav .nav-link.disabled { 5697 color: rgba(255, 255, 255, 0.25); } 5698 5699.navbar-dark .navbar-nav .show > .nav-link, 5700.navbar-dark .navbar-nav .active > .nav-link, 5701.navbar-dark .navbar-nav .nav-link.show, 5702.navbar-dark .navbar-nav .nav-link.active { 5703 color: #fff; } 5704 5705.navbar-dark .navbar-toggler { 5706 color: rgba(255, 255, 255, 0.5); 5707 border-color: rgba(255, 255, 255, 0.1); } 5708 5709.navbar-dark .navbar-toggler-icon { 5710 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"); } 5711 5712.navbar-dark .navbar-text { 5713 color: rgba(255, 255, 255, 0.5); } 5714 .navbar-dark .navbar-text a { 5715 color: #fff; } 5716 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { 5717 color: #fff; } 5718 5719.card { 5720 position: relative; 5721 display: flex; 5722 flex-direction: column; 5723 min-width: 0; 5724 word-wrap: break-word; 5725 background-color: #fff; 5726 background-clip: border-box; 5727 border: 1px solid rgba(0, 0, 0, 0.125); 5728 border-radius: 0.25rem; } 5729 .card > hr { 5730 margin-right: 0; 5731 margin-left: 0; } 5732 .card > .list-group { 5733 border-top: inherit; 5734 border-bottom: inherit; } 5735 .card > .list-group:first-child { 5736 border-top-width: 0; 5737 border-top-left-radius: calc(0.25rem - 1px); 5738 border-top-right-radius: calc(0.25rem - 1px); } 5739 .card > .list-group:last-child { 5740 border-bottom-width: 0; 5741 border-bottom-right-radius: calc(0.25rem - 1px); 5742 border-bottom-left-radius: calc(0.25rem - 1px); } 5743 5744.card-body { 5745 flex: 1 1 auto; 5746 min-height: 1px; 5747 padding: 1.25rem; } 5748 5749.card-title { 5750 margin-bottom: 0.75rem; } 5751 5752.card-subtitle { 5753 margin-top: -0.375rem; 5754 margin-bottom: 0; } 5755 5756.card-text:last-child { 5757 margin-bottom: 0; } 5758 5759.card-link:hover { 5760 text-decoration: none; } 5761 5762.card-link + .card-link { 5763 margin-left: 1.25rem; } 5764 5765.card-header { 5766 padding: 0.75rem 1.25rem; 5767 margin-bottom: 0; 5768 background-color: rgba(0, 0, 0, 0.03); 5769 border-bottom: 1px solid rgba(0, 0, 0, 0.125); } 5770 .card-header:first-child { 5771 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } 5772 .card-header + .list-group .list-group-item:first-child { 5773 border-top: 0; } 5774 5775.card-footer { 5776 padding: 0.75rem 1.25rem; 5777 background-color: rgba(0, 0, 0, 0.03); 5778 border-top: 1px solid rgba(0, 0, 0, 0.125); } 5779 .card-footer:last-child { 5780 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } 5781 5782.card-header-tabs { 5783 margin-right: -0.625rem; 5784 margin-bottom: -0.75rem; 5785 margin-left: -0.625rem; 5786 border-bottom: 0; } 5787 5788.card-header-pills { 5789 margin-right: -0.625rem; 5790 margin-left: -0.625rem; } 5791 5792.card-img-overlay { 5793 position: absolute; 5794 top: 0; 5795 right: 0; 5796 bottom: 0; 5797 left: 0; 5798 padding: 1.25rem; } 5799 5800.card-img, 5801.card-img-top, 5802.card-img-bottom { 5803 flex-shrink: 0; 5804 width: 100%; } 5805 5806.card-img, 5807.card-img-top { 5808 border-top-left-radius: calc(0.25rem - 1px); 5809 border-top-right-radius: calc(0.25rem - 1px); } 5810 5811.card-img, 5812.card-img-bottom { 5813 border-bottom-right-radius: calc(0.25rem - 1px); 5814 border-bottom-left-radius: calc(0.25rem - 1px); } 5815 5816.card-deck .card { 5817 margin-bottom: 0.25rem; } 5818 5819@media (min-width: 576px) { 5820 .card-deck { 5821 display: flex; 5822 flex-flow: row wrap; 5823 margin-right: -0.25rem; 5824 margin-left: -0.25rem; } 5825 .card-deck .card { 5826 flex: 1 0 0%; 5827 margin-right: 0.25rem; 5828 margin-bottom: 0; 5829 margin-left: 0.25rem; } } 5830 5831.card-group > .card { 5832 margin-bottom: 0.25rem; } 5833 5834@media (min-width: 576px) { 5835 .card-group { 5836 display: flex; 5837 flex-flow: row wrap; } 5838 .card-group > .card { 5839 flex: 1 0 0%; 5840 margin-bottom: 0; } 5841 .card-group > .card + .card { 5842 margin-left: 0; 5843 border-left: 0; } 5844 .card-group > .card:not(:last-child) { 5845 border-top-right-radius: 0; 5846 border-bottom-right-radius: 0; } 5847 .card-group > .card:not(:last-child) .card-img-top, 5848 .card-group > .card:not(:last-child) .card-header { 5849 border-top-right-radius: 0; } 5850 .card-group > .card:not(:last-child) .card-img-bottom, 5851 .card-group > .card:not(:last-child) .card-footer { 5852 border-bottom-right-radius: 0; } 5853 .card-group > .card:not(:first-child) { 5854 border-top-left-radius: 0; 5855 border-bottom-left-radius: 0; } 5856 .card-group > .card:not(:first-child) .card-img-top, 5857 .card-group > .card:not(:first-child) .card-header { 5858 border-top-left-radius: 0; } 5859 .card-group > .card:not(:first-child) .card-img-bottom, 5860 .card-group > .card:not(:first-child) .card-footer { 5861 border-bottom-left-radius: 0; } } 5862 5863.card-columns .card { 5864 margin-bottom: 0.75rem; } 5865 5866@media (min-width: 576px) { 5867 .card-columns { 5868 column-count: 3; 5869 column-gap: 1.25rem; 5870 orphans: 1; 5871 widows: 1; } 5872 .card-columns .card { 5873 display: inline-block; 5874 width: 100%; } } 5875 5876.accordion > .card { 5877 overflow: hidden; } 5878 .accordion > .card:not(:last-of-type) { 5879 border-bottom: 0; 5880 border-bottom-right-radius: 0; 5881 border-bottom-left-radius: 0; } 5882 .accordion > .card:not(:first-of-type) { 5883 border-top-left-radius: 0; 5884 border-top-right-radius: 0; } 5885 .accordion > .card > .card-header { 5886 border-radius: 0; 5887 margin-bottom: -1px; } 5888 5889.breadcrumb { 5890 display: flex; 5891 flex-wrap: wrap; 5892 padding: 0.25rem 0; 5893 margin-bottom: 0; 5894 list-style: none; 5895 background-color: transparent; 5896 border-radius: 0.25rem; } 5897 5898.breadcrumb-item { 5899 display: flex; } 5900 .breadcrumb-item + .breadcrumb-item { 5901 padding-left: 0.5rem; } 5902 .breadcrumb-item + .breadcrumb-item::before { 5903 display: inline-block; 5904 padding-right: 0.5rem; 5905 color: #6a737b; 5906 content: "/"; } 5907 .breadcrumb-item + .breadcrumb-item:hover::before { 5908 text-decoration: underline; } 5909 .breadcrumb-item + .breadcrumb-item:hover::before { 5910 text-decoration: none; } 5911 .breadcrumb-item.active { 5912 color: #6a737b; } 5913 5914.pagination { 5915 display: flex; 5916 padding-left: 0; 5917 list-style: none; 5918 border-radius: 0.25rem; } 5919 5920.page-link { 5921 position: relative; 5922 display: block; 5923 padding: 0.5rem 0.75rem; 5924 margin-left: -1px; 5925 line-height: 1.25; 5926 color: #0f6cbf; 5927 background-color: #fff; 5928 border: 1px solid #dee2e6; } 5929 .page-link:hover { 5930 z-index: 2; 5931 color: #094478; 5932 text-decoration: none; 5933 background-color: #e9ecef; 5934 border-color: #dee2e6; } 5935 .page-link:focus { 5936 z-index: 3; 5937 outline: 0; 5938 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 5939 5940.page-item:first-child .page-link { 5941 margin-left: 0; 5942 border-top-left-radius: 0.25rem; 5943 border-bottom-left-radius: 0.25rem; } 5944 5945.page-item:last-child .page-link { 5946 border-top-right-radius: 0.25rem; 5947 border-bottom-right-radius: 0.25rem; } 5948 5949.page-item.active .page-link { 5950 z-index: 3; 5951 color: #fff; 5952 background-color: #0f6cbf; 5953 border-color: #0f6cbf; } 5954 5955.page-item.disabled .page-link { 5956 color: #6a737b; 5957 pointer-events: none; 5958 cursor: auto; 5959 background-color: #fff; 5960 border-color: #dee2e6; } 5961 5962.pagination-lg .page-link { 5963 padding: 0.75rem 1.5rem; 5964 font-size: 1.171875rem; 5965 line-height: 1.5; } 5966 @media (max-width: 1200px) { 5967 .pagination-lg .page-link { 5968 font-size: calc(0.9271875rem + 0.32625vw) ; } } 5969 5970.pagination-lg .page-item:first-child .page-link { 5971 border-top-left-radius: 0.3rem; 5972 border-bottom-left-radius: 0.3rem; } 5973 5974.pagination-lg .page-item:last-child .page-link { 5975 border-top-right-radius: 0.3rem; 5976 border-bottom-right-radius: 0.3rem; } 5977 5978.pagination-sm .page-link { 5979 padding: 0.25rem 0.5rem; 5980 font-size: 0.8203125rem; 5981 line-height: 1.5; } 5982 5983.pagination-sm .page-item:first-child .page-link { 5984 border-top-left-radius: 0.2rem; 5985 border-bottom-left-radius: 0.2rem; } 5986 5987.pagination-sm .page-item:last-child .page-link { 5988 border-top-right-radius: 0.2rem; 5989 border-bottom-right-radius: 0.2rem; } 5990 5991.badge { 5992 display: inline-block; 5993 padding: 0.25em 0.4em; 5994 font-size: 75%; 5995 font-weight: 700; 5996 line-height: 1; 5997 text-align: center; 5998 white-space: nowrap; 5999 vertical-align: baseline; 6000 border-radius: 0.25rem; 6001 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; } 6002 @media (prefers-reduced-motion: reduce) { 6003 .badge { 6004 transition: none; } } 6005 a.badge:hover, a.badge:focus { 6006 text-decoration: none; } 6007 .badge:empty { 6008 display: none; } 6009 6010.btn .badge { 6011 position: relative; 6012 top: -1px; } 6013 6014.badge-pill { 6015 padding-right: 0.6em; 6016 padding-left: 0.6em; 6017 border-radius: 10rem; } 6018 6019.badge-primary { 6020 color: #fff; 6021 background-color: #0f6cbf; } 6022 a.badge-primary:hover, a.badge-primary:focus { 6023 color: #fff; 6024 background-color: #0b5190; } 6025 a.badge-primary:focus, a.badge-primary.focus { 6026 outline: 0; 6027 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5); } 6028 6029.badge-secondary { 6030 color: #1d2125; 6031 background-color: #ced4da; } 6032 a.badge-secondary:hover, a.badge-secondary:focus { 6033 color: #1d2125; 6034 background-color: #b1bbc4; } 6035 a.badge-secondary:focus, a.badge-secondary.focus { 6036 outline: 0; 6037 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); } 6038 6039.badge-success { 6040 color: #fff; 6041 background-color: #357a32; } 6042 a.badge-success:hover, a.badge-success:focus { 6043 color: #fff; 6044 background-color: #255623; } 6045 a.badge-success:focus, a.badge-success.focus { 6046 outline: 0; 6047 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5); } 6048 6049.badge-info { 6050 color: #fff; 6051 background-color: #008196; } 6052 a.badge-info:hover, a.badge-info:focus { 6053 color: #fff; 6054 background-color: #005563; } 6055 a.badge-info:focus, a.badge-info.focus { 6056 outline: 0; 6057 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5); } 6058 6059.badge-warning { 6060 color: #1d2125; 6061 background-color: #f0ad4e; } 6062 a.badge-warning:hover, a.badge-warning:focus { 6063 color: #1d2125; 6064 background-color: #ec971f; } 6065 a.badge-warning:focus, a.badge-warning.focus { 6066 outline: 0; 6067 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } 6068 6069.badge-danger { 6070 color: #fff; 6071 background-color: #ca3120; } 6072 a.badge-danger:hover, a.badge-danger:focus { 6073 color: #fff; 6074 background-color: #9e2619; } 6075 a.badge-danger:focus, a.badge-danger.focus { 6076 outline: 0; 6077 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5); } 6078 6079.badge-light { 6080 color: #1d2125; 6081 background-color: #f8f9fa; } 6082 a.badge-light:hover, a.badge-light:focus { 6083 color: #1d2125; 6084 background-color: #dae0e5; } 6085 a.badge-light:focus, a.badge-light.focus { 6086 outline: 0; 6087 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } 6088 6089.badge-dark { 6090 color: #fff; 6091 background-color: #343a40; } 6092 a.badge-dark:hover, a.badge-dark:focus { 6093 color: #fff; 6094 background-color: #1d2124; } 6095 a.badge-dark:focus, a.badge-dark.focus { 6096 outline: 0; 6097 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } 6098 6099.jumbotron { 6100 padding: 2rem 1rem; 6101 margin-bottom: 2rem; 6102 background-color: #e9ecef; 6103 border-radius: 0.3rem; } 6104 @media (min-width: 576px) { 6105 .jumbotron { 6106 padding: 4rem 2rem; } } 6107 6108.jumbotron-fluid { 6109 padding-right: 0; 6110 padding-left: 0; 6111 border-radius: 0; } 6112 6113.alert { 6114 position: relative; 6115 padding: 0.75rem 1.25rem; 6116 margin-bottom: 1rem; 6117 border: 0 solid transparent; 6118 border-radius: 0.25rem; } 6119 6120.alert-heading { 6121 color: inherit; } 6122 6123.alert-link { 6124 font-weight: 700; } 6125 6126.alert-dismissible { 6127 padding-right: 3.90625rem; } 6128 .alert-dismissible .close { 6129 position: absolute; 6130 top: 0; 6131 right: 0; 6132 padding: 0.75rem 1.25rem; 6133 color: inherit; } 6134 6135.alert-primary { 6136 color: #083863; 6137 background-color: #cfe2f2; 6138 border-color: #bcd6ed; } 6139 .alert-primary hr { 6140 border-top-color: #a8cae8; } 6141 .alert-primary .alert-link { 6142 color: #041d34; } 6143 6144.alert-secondary { 6145 color: #6b6e71; 6146 background-color: #f5f6f8; 6147 border-color: #f1f3f5; } 6148 .alert-secondary hr { 6149 border-top-color: #e2e6ea; } 6150 .alert-secondary .alert-link { 6151 color: #525557; } 6152 6153.alert-success, .environmenttable .ok { 6154 color: #1c3f1a; 6155 background-color: #d7e4d6; 6156 border-color: #c6dac6; } 6157 .alert-success hr, .environmenttable .ok hr { 6158 border-top-color: #b7d0b7; } 6159 .alert-success .alert-link, .environmenttable .ok .alert-link { 6160 color: #0c1b0b; } 6161 6162.alert-info { 6163 color: #00434e; 6164 background-color: #cce6ea; 6165 border-color: #b8dce2; } 6166 .alert-info hr { 6167 border-top-color: #a6d3db; } 6168 .alert-info .alert-link { 6169 color: #00171b; } 6170 6171.alert-warning, .environmenttable .warn { 6172 color: #7d5a29; 6173 background-color: #fcefdc; 6174 border-color: #fbe8cd; } 6175 .alert-warning hr, .environmenttable .warn hr { 6176 border-top-color: #f9ddb5; } 6177 .alert-warning .alert-link, .environmenttable .warn .alert-link { 6178 color: #573e1c; } 6179 6180.alert-danger, .environmenttable .error { 6181 color: #691911; 6182 background-color: #f4d6d2; 6183 border-color: #f0c5c1; } 6184 .alert-danger hr, .environmenttable .error hr { 6185 border-top-color: #ebb2ac; } 6186 .alert-danger .alert-link, .environmenttable .error .alert-link { 6187 color: #3d0f0a; } 6188 6189.alert-light { 6190 color: #818182; 6191 background-color: #fefefe; 6192 border-color: #fdfdfe; } 6193 .alert-light hr { 6194 border-top-color: #ececf6; } 6195 .alert-light .alert-link { 6196 color: #686868; } 6197 6198.alert-dark { 6199 color: #1b1e21; 6200 background-color: #d6d8d9; 6201 border-color: #c6c8ca; } 6202 .alert-dark hr { 6203 border-top-color: #b9bbbe; } 6204 .alert-dark .alert-link { 6205 color: #040505; } 6206 6207@keyframes progress-bar-stripes { 6208 from { 6209 background-position: 1rem 0; } 6210 to { 6211 background-position: 0 0; } } 6212 6213.progress { 6214 display: flex; 6215 height: 1rem; 6216 overflow: hidden; 6217 line-height: 0; 6218 font-size: 0.703125rem; 6219 background-color: #e9ecef; 6220 border-radius: 0.25rem; } 6221 6222.progress-bar { 6223 display: flex; 6224 flex-direction: column; 6225 justify-content: center; 6226 overflow: hidden; 6227 color: #fff; 6228 text-align: center; 6229 white-space: nowrap; 6230 background-color: #0f6cbf; 6231 transition: width 0.6s ease; } 6232 @media (prefers-reduced-motion: reduce) { 6233 .progress-bar { 6234 transition: none; } } 6235 6236.progress-bar-striped { 6237 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); 6238 background-size: 1rem 1rem; } 6239 6240.progress-bar-animated { 6241 animation: progress-bar-stripes 1s linear infinite; } 6242 @media (prefers-reduced-motion: reduce) { 6243 .progress-bar-animated { 6244 animation: none; } } 6245 6246.media { 6247 display: flex; 6248 align-items: flex-start; } 6249 6250.media-body { 6251 flex: 1; } 6252 6253.list-group { 6254 display: flex; 6255 flex-direction: column; 6256 padding-left: 0; 6257 margin-bottom: 0; 6258 border-radius: 0.25rem; } 6259 6260.list-group-item-action { 6261 width: 100%; 6262 color: #495057; 6263 text-align: inherit; } 6264 .list-group-item-action:hover, .list-group-item-action:focus { 6265 z-index: 1; 6266 color: #495057; 6267 text-decoration: none; 6268 background-color: #f8f9fa; } 6269 .list-group-item-action:active { 6270 color: #1d2125; 6271 background-color: #e9ecef; } 6272 6273.list-group-item { 6274 position: relative; 6275 display: block; 6276 padding: 0.75rem 1.25rem; 6277 background-color: #fff; 6278 border: 1px solid rgba(0, 0, 0, 0.125); } 6279 .list-group-item:first-child { 6280 border-top-left-radius: inherit; 6281 border-top-right-radius: inherit; } 6282 .list-group-item:last-child { 6283 border-bottom-right-radius: inherit; 6284 border-bottom-left-radius: inherit; } 6285 .list-group-item.disabled, .list-group-item:disabled { 6286 color: #6a737b; 6287 pointer-events: none; 6288 background-color: #fff; } 6289 .list-group-item.active { 6290 z-index: 2; 6291 color: #fff; 6292 background-color: #0f6cbf; 6293 border-color: #0f6cbf; } 6294 .list-group-item + .list-group-item { 6295 border-top-width: 0; } 6296 .list-group-item + .list-group-item.active { 6297 margin-top: -1px; 6298 border-top-width: 1px; } 6299 6300.list-group-horizontal { 6301 flex-direction: row; } 6302 .list-group-horizontal > .list-group-item:first-child { 6303 border-bottom-left-radius: 0.25rem; 6304 border-top-right-radius: 0; } 6305 .list-group-horizontal > .list-group-item:last-child { 6306 border-top-right-radius: 0.25rem; 6307 border-bottom-left-radius: 0; } 6308 .list-group-horizontal > .list-group-item.active { 6309 margin-top: 0; } 6310 .list-group-horizontal > .list-group-item + .list-group-item { 6311 border-top-width: 1px; 6312 border-left-width: 0; } 6313 .list-group-horizontal > .list-group-item + .list-group-item.active { 6314 margin-left: -1px; 6315 border-left-width: 1px; } 6316 6317@media (min-width: 576px) { 6318 .list-group-horizontal-sm { 6319 flex-direction: row; } 6320 .list-group-horizontal-sm > .list-group-item:first-child { 6321 border-bottom-left-radius: 0.25rem; 6322 border-top-right-radius: 0; } 6323 .list-group-horizontal-sm > .list-group-item:last-child { 6324 border-top-right-radius: 0.25rem; 6325 border-bottom-left-radius: 0; } 6326 .list-group-horizontal-sm > .list-group-item.active { 6327 margin-top: 0; } 6328 .list-group-horizontal-sm > .list-group-item + .list-group-item { 6329 border-top-width: 1px; 6330 border-left-width: 0; } 6331 .list-group-horizontal-sm > .list-group-item + .list-group-item.active { 6332 margin-left: -1px; 6333 border-left-width: 1px; } } 6334 6335@media (min-width: 768px) { 6336 .list-group-horizontal-md { 6337 flex-direction: row; } 6338 .list-group-horizontal-md > .list-group-item:first-child { 6339 border-bottom-left-radius: 0.25rem; 6340 border-top-right-radius: 0; } 6341 .list-group-horizontal-md > .list-group-item:last-child { 6342 border-top-right-radius: 0.25rem; 6343 border-bottom-left-radius: 0; } 6344 .list-group-horizontal-md > .list-group-item.active { 6345 margin-top: 0; } 6346 .list-group-horizontal-md > .list-group-item + .list-group-item { 6347 border-top-width: 1px; 6348 border-left-width: 0; } 6349 .list-group-horizontal-md > .list-group-item + .list-group-item.active { 6350 margin-left: -1px; 6351 border-left-width: 1px; } } 6352 6353@media (min-width: 992px) { 6354 .list-group-horizontal-lg { 6355 flex-direction: row; } 6356 .list-group-horizontal-lg > .list-group-item:first-child { 6357 border-bottom-left-radius: 0.25rem; 6358 border-top-right-radius: 0; } 6359 .list-group-horizontal-lg > .list-group-item:last-child { 6360 border-top-right-radius: 0.25rem; 6361 border-bottom-left-radius: 0; } 6362 .list-group-horizontal-lg > .list-group-item.active { 6363 margin-top: 0; } 6364 .list-group-horizontal-lg > .list-group-item + .list-group-item { 6365 border-top-width: 1px; 6366 border-left-width: 0; } 6367 .list-group-horizontal-lg > .list-group-item + .list-group-item.active { 6368 margin-left: -1px; 6369 border-left-width: 1px; } } 6370 6371@media (min-width: 1200px) { 6372 .list-group-horizontal-xl { 6373 flex-direction: row; } 6374 .list-group-horizontal-xl > .list-group-item:first-child { 6375 border-bottom-left-radius: 0.25rem; 6376 border-top-right-radius: 0; } 6377 .list-group-horizontal-xl > .list-group-item:last-child { 6378 border-top-right-radius: 0.25rem; 6379 border-bottom-left-radius: 0; } 6380 .list-group-horizontal-xl > .list-group-item.active { 6381 margin-top: 0; } 6382 .list-group-horizontal-xl > .list-group-item + .list-group-item { 6383 border-top-width: 1px; 6384 border-left-width: 0; } 6385 .list-group-horizontal-xl > .list-group-item + .list-group-item.active { 6386 margin-left: -1px; 6387 border-left-width: 1px; } } 6388 6389.list-group-flush { 6390 border-radius: 0; } 6391 .list-group-flush > .list-group-item { 6392 border-width: 0 0 1px; } 6393 .list-group-flush > .list-group-item:last-child { 6394 border-bottom-width: 0; } 6395 6396.list-group-item-primary { 6397 color: #083863; 6398 background-color: #bcd6ed; } 6399 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { 6400 color: #083863; 6401 background-color: #a8cae8; } 6402 .list-group-item-primary.list-group-item-action.active { 6403 color: #fff; 6404 background-color: #083863; 6405 border-color: #083863; } 6406 6407.list-group-item-secondary { 6408 color: #6b6e71; 6409 background-color: #f1f3f5; } 6410 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { 6411 color: #6b6e71; 6412 background-color: #e2e6ea; } 6413 .list-group-item-secondary.list-group-item-action.active { 6414 color: #fff; 6415 background-color: #6b6e71; 6416 border-color: #6b6e71; } 6417 6418.list-group-item-success { 6419 color: #1c3f1a; 6420 background-color: #c6dac6; } 6421 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { 6422 color: #1c3f1a; 6423 background-color: #b7d0b7; } 6424 .list-group-item-success.list-group-item-action.active { 6425 color: #fff; 6426 background-color: #1c3f1a; 6427 border-color: #1c3f1a; } 6428 6429.list-group-item-info { 6430 color: #00434e; 6431 background-color: #b8dce2; } 6432 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { 6433 color: #00434e; 6434 background-color: #a6d3db; } 6435 .list-group-item-info.list-group-item-action.active { 6436 color: #fff; 6437 background-color: #00434e; 6438 border-color: #00434e; } 6439 6440.list-group-item-warning { 6441 color: #7d5a29; 6442 background-color: #fbe8cd; } 6443 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { 6444 color: #7d5a29; 6445 background-color: #f9ddb5; } 6446 .list-group-item-warning.list-group-item-action.active { 6447 color: #fff; 6448 background-color: #7d5a29; 6449 border-color: #7d5a29; } 6450 6451.list-group-item-danger { 6452 color: #691911; 6453 background-color: #f0c5c1; } 6454 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { 6455 color: #691911; 6456 background-color: #ebb2ac; } 6457 .list-group-item-danger.list-group-item-action.active { 6458 color: #fff; 6459 background-color: #691911; 6460 border-color: #691911; } 6461 6462.list-group-item-light { 6463 color: #818182; 6464 background-color: #fdfdfe; } 6465 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { 6466 color: #818182; 6467 background-color: #ececf6; } 6468 .list-group-item-light.list-group-item-action.active { 6469 color: #fff; 6470 background-color: #818182; 6471 border-color: #818182; } 6472 6473.list-group-item-dark { 6474 color: #1b1e21; 6475 background-color: #c6c8ca; } 6476 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { 6477 color: #1b1e21; 6478 background-color: #b9bbbe; } 6479 .list-group-item-dark.list-group-item-action.active { 6480 color: #fff; 6481 background-color: #1b1e21; 6482 border-color: #1b1e21; } 6483 6484.close { 6485 float: right; 6486 font-size: 1.40625rem; 6487 font-weight: 700; 6488 line-height: 1; 6489 color: #000; 6490 text-shadow: 0 1px 0 #fff; 6491 opacity: .5; } 6492 @media (max-width: 1200px) { 6493 .close { 6494 font-size: calc(0.950625rem + 0.6075vw) ; } } 6495 .close:hover { 6496 color: #000; 6497 text-decoration: none; } 6498 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { 6499 opacity: .75; } 6500 6501button.close { 6502 padding: 0; 6503 background-color: transparent; 6504 border: 0; } 6505 6506a.close.disabled { 6507 pointer-events: none; } 6508 6509.toast { 6510 max-width: 350px; 6511 overflow: hidden; 6512 font-size: 0.875rem; 6513 background-color: rgba(255, 255, 255, 0.85); 6514 background-clip: padding-box; 6515 border: 1px solid rgba(0, 0, 0, 0.1); 6516 box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); 6517 backdrop-filter: blur(10px); 6518 opacity: 0; 6519 border-radius: 0.25rem; } 6520 .toast:not(:last-child) { 6521 margin-bottom: 0.75rem; } 6522 .toast.showing { 6523 opacity: 1; } 6524 .toast.show { 6525 display: block; 6526 opacity: 1; } 6527 .toast.hide { 6528 display: none; } 6529 6530.toast-header { 6531 display: flex; 6532 align-items: center; 6533 padding: 0.25rem 0.75rem; 6534 color: #6a737b; 6535 background-color: rgba(255, 255, 255, 0.85); 6536 background-clip: padding-box; 6537 border-bottom: 1px solid rgba(0, 0, 0, 0.05); } 6538 6539.toast-body { 6540 padding: 0.75rem; } 6541 6542.modal-open { 6543 overflow: hidden; } 6544 .modal-open .modal { 6545 overflow-x: hidden; 6546 overflow-y: auto; } 6547 6548.modal { 6549 position: fixed; 6550 top: 0; 6551 left: 0; 6552 z-index: 1050; 6553 display: none; 6554 width: 100%; 6555 height: 100%; 6556 overflow: hidden; 6557 outline: 0; } 6558 6559.modal-dialog { 6560 position: relative; 6561 width: auto; 6562 margin: 0.5rem; 6563 pointer-events: none; } 6564 .modal.fade .modal-dialog { 6565 transition: transform 0.3s ease-out; 6566 transform: translate(0, -50px); } 6567 @media (prefers-reduced-motion: reduce) { 6568 .modal.fade .modal-dialog { 6569 transition: none; } } 6570 .modal.show .modal-dialog { 6571 transform: none; } 6572 .modal.modal-static .modal-dialog { 6573 transform: scale(1.02); } 6574 6575.modal-dialog-scrollable { 6576 display: flex; 6577 max-height: calc(100% - 1rem); } 6578 .modal-dialog-scrollable .modal-content { 6579 max-height: calc(100vh - 1rem); 6580 overflow: hidden; } 6581 .modal-dialog-scrollable .modal-header, 6582 .modal-dialog-scrollable .modal-footer { 6583 flex-shrink: 0; } 6584 .modal-dialog-scrollable .modal-body { 6585 overflow-y: auto; } 6586 6587.modal-dialog-centered { 6588 display: flex; 6589 align-items: center; 6590 min-height: calc(100% - 1rem); } 6591 .modal-dialog-centered::before { 6592 display: block; 6593 height: calc(100vh - 1rem); 6594 height: min-content; 6595 content: ""; } 6596 .modal-dialog-centered.modal-dialog-scrollable { 6597 flex-direction: column; 6598 justify-content: center; 6599 height: 100%; } 6600 .modal-dialog-centered.modal-dialog-scrollable .modal-content { 6601 max-height: none; } 6602 .modal-dialog-centered.modal-dialog-scrollable::before { 6603 content: none; } 6604 6605.modal-content { 6606 position: relative; 6607 display: flex; 6608 flex-direction: column; 6609 width: 100%; 6610 pointer-events: auto; 6611 background-color: #fff; 6612 background-clip: padding-box; 6613 border: 1px solid rgba(0, 0, 0, 0.2); 6614 border-radius: 0.3rem; 6615 outline: 0; } 6616 6617.modal-backdrop { 6618 position: fixed; 6619 top: 0; 6620 left: 0; 6621 z-index: 1040; 6622 width: 100vw; 6623 height: 100vh; 6624 background-color: #000; } 6625 .modal-backdrop.fade { 6626 opacity: 0; } 6627 .modal-backdrop.show { 6628 opacity: 0.5; } 6629 6630.modal-header { 6631 display: flex; 6632 align-items: flex-start; 6633 justify-content: space-between; 6634 padding: 1rem 1rem; 6635 border-bottom: 1px solid #dee2e6; 6636 border-top-left-radius: calc(0.3rem - 1px); 6637 border-top-right-radius: calc(0.3rem - 1px); } 6638 .modal-header .close { 6639 padding: 1rem 1rem; 6640 margin: -1rem -1rem -1rem auto; } 6641 6642.modal-title { 6643 margin-bottom: 0; 6644 line-height: 1.5; } 6645 6646.modal-body { 6647 position: relative; 6648 flex: 1 1 auto; 6649 padding: 1rem; } 6650 6651.modal-footer { 6652 display: flex; 6653 flex-wrap: wrap; 6654 align-items: center; 6655 justify-content: flex-end; 6656 padding: 0.75rem; 6657 border-top: 1px solid #dee2e6; 6658 border-bottom-right-radius: calc(0.3rem - 1px); 6659 border-bottom-left-radius: calc(0.3rem - 1px); } 6660 .modal-footer > * { 6661 margin: 0.25rem; } 6662 6663.modal-scrollbar-measure { 6664 position: absolute; 6665 top: -9999px; 6666 width: 50px; 6667 height: 50px; 6668 overflow: scroll; } 6669 6670@media (min-width: 576px) { 6671 .modal-dialog { 6672 max-width: 500px; 6673 margin: 1.75rem auto; } 6674 .modal-dialog-scrollable { 6675 max-height: calc(100% - 3.5rem); } 6676 .modal-dialog-scrollable .modal-content { 6677 max-height: calc(100vh - 3.5rem); } 6678 .modal-dialog-centered { 6679 min-height: calc(100% - 3.5rem); } 6680 .modal-dialog-centered::before { 6681 height: calc(100vh - 3.5rem); 6682 height: min-content; } 6683 .modal-sm { 6684 max-width: 300px; } } 6685 6686@media (min-width: 992px) { 6687 .modal-lg, 6688 .modal-xl { 6689 max-width: 800px; } } 6690 6691@media (min-width: 1200px) { 6692 .modal-xl { 6693 max-width: 1140px; } } 6694 6695.tooltip { 6696 position: absolute; 6697 z-index: 1070; 6698 display: block; 6699 margin: 0; 6700 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 6701 font-style: normal; 6702 font-weight: 400; 6703 line-height: 1.5; 6704 text-align: left; 6705 text-align: start; 6706 text-decoration: none; 6707 text-shadow: none; 6708 text-transform: none; 6709 letter-spacing: normal; 6710 word-break: normal; 6711 word-spacing: normal; 6712 white-space: normal; 6713 line-break: auto; 6714 font-size: 0.8203125rem; 6715 word-wrap: break-word; 6716 opacity: 0; } 6717 .tooltip.show { 6718 opacity: 0.9; } 6719 .tooltip .arrow { 6720 position: absolute; 6721 display: block; 6722 width: 0.8rem; 6723 height: 0.4rem; } 6724 .tooltip .arrow::before { 6725 position: absolute; 6726 content: ""; 6727 border-color: transparent; 6728 border-style: solid; } 6729 6730.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { 6731 padding: 0.4rem 0; } 6732 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { 6733 bottom: 0; } 6734 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { 6735 top: 0; 6736 border-width: 0.4rem 0.4rem 0; 6737 border-top-color: #000; } 6738 6739.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { 6740 padding: 0 0.4rem; } 6741 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { 6742 left: 0; 6743 width: 0.4rem; 6744 height: 0.8rem; } 6745 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { 6746 right: 0; 6747 border-width: 0.4rem 0.4rem 0.4rem 0; 6748 border-right-color: #000; } 6749 6750.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { 6751 padding: 0.4rem 0; } 6752 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { 6753 top: 0; } 6754 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { 6755 bottom: 0; 6756 border-width: 0 0.4rem 0.4rem; 6757 border-bottom-color: #000; } 6758 6759.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { 6760 padding: 0 0.4rem; } 6761 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { 6762 right: 0; 6763 width: 0.4rem; 6764 height: 0.8rem; } 6765 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { 6766 left: 0; 6767 border-width: 0.4rem 0 0.4rem 0.4rem; 6768 border-left-color: #000; } 6769 6770.tooltip-inner { 6771 max-width: 200px; 6772 padding: 0.25rem 0.5rem; 6773 color: #fff; 6774 text-align: center; 6775 background-color: #000; 6776 border-radius: 0.25rem; } 6777 6778.popover { 6779 position: absolute; 6780 top: 0; 6781 z-index: 1060; 6782 display: block; 6783 max-width: 276px; 6784 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 6785 font-style: normal; 6786 font-weight: 400; 6787 line-height: 1.5; 6788 text-align: left; 6789 text-align: start; 6790 text-decoration: none; 6791 text-shadow: none; 6792 text-transform: none; 6793 letter-spacing: normal; 6794 word-break: normal; 6795 word-spacing: normal; 6796 white-space: normal; 6797 line-break: auto; 6798 font-size: 0.8203125rem; 6799 word-wrap: break-word; 6800 background-color: #fff; 6801 background-clip: padding-box; 6802 border: 1px solid rgba(0, 0, 0, 0.2); 6803 border-radius: 0.3rem; } 6804 .popover .arrow { 6805 position: absolute; 6806 display: block; 6807 width: 1rem; 6808 height: 0.5rem; 6809 margin: 0 0.3rem; } 6810 .popover .arrow::before, .popover .arrow::after { 6811 position: absolute; 6812 display: block; 6813 content: ""; 6814 border-color: transparent; 6815 border-style: solid; } 6816 6817.bs-popover-top, .bs-popover-auto[x-placement^="top"] { 6818 margin-bottom: 0.5rem; } 6819 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { 6820 bottom: calc(-0.5rem - 1px); } 6821 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { 6822 bottom: 0; 6823 border-width: 0.5rem 0.5rem 0; 6824 border-top-color: rgba(0, 0, 0, 0.25); } 6825 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { 6826 bottom: 1px; 6827 border-width: 0.5rem 0.5rem 0; 6828 border-top-color: #fff; } 6829 6830.bs-popover-right, .bs-popover-auto[x-placement^="right"] { 6831 margin-left: 0.5rem; } 6832 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { 6833 left: calc(-0.5rem - 1px); 6834 width: 0.5rem; 6835 height: 1rem; 6836 margin: 0.3rem 0; } 6837 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { 6838 left: 0; 6839 border-width: 0.5rem 0.5rem 0.5rem 0; 6840 border-right-color: rgba(0, 0, 0, 0.25); } 6841 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { 6842 left: 1px; 6843 border-width: 0.5rem 0.5rem 0.5rem 0; 6844 border-right-color: #fff; } 6845 6846.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { 6847 margin-top: 0.5rem; } 6848 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { 6849 top: calc(-0.5rem - 1px); } 6850 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { 6851 top: 0; 6852 border-width: 0 0.5rem 0.5rem 0.5rem; 6853 border-bottom-color: rgba(0, 0, 0, 0.25); } 6854 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { 6855 top: 1px; 6856 border-width: 0 0.5rem 0.5rem 0.5rem; 6857 border-bottom-color: #fff; } 6858 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { 6859 position: absolute; 6860 top: 0; 6861 left: 50%; 6862 display: block; 6863 width: 1rem; 6864 margin-left: -0.5rem; 6865 content: ""; 6866 border-bottom: 1px solid #f7f7f7; } 6867 6868.bs-popover-left, .bs-popover-auto[x-placement^="left"] { 6869 margin-right: 0.5rem; } 6870 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { 6871 right: calc(-0.5rem - 1px); 6872 width: 0.5rem; 6873 height: 1rem; 6874 margin: 0.3rem 0; } 6875 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { 6876 right: 0; 6877 border-width: 0.5rem 0 0.5rem 0.5rem; 6878 border-left-color: rgba(0, 0, 0, 0.25); } 6879 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { 6880 right: 1px; 6881 border-width: 0.5rem 0 0.5rem 0.5rem; 6882 border-left-color: #fff; } 6883 6884.popover-header { 6885 padding: 0.5rem 0.75rem; 6886 margin-bottom: 0; 6887 font-size: 0.9375rem; 6888 background-color: #f7f7f7; 6889 border-bottom: 1px solid #ebebeb; 6890 border-top-left-radius: calc(0.3rem - 1px); 6891 border-top-right-radius: calc(0.3rem - 1px); } 6892 @media (max-width: 1200px) { 6893 .popover-header { 6894 font-size: calc(0.90375rem + 0.045vw) ; } } 6895 .popover-header:empty { 6896 display: none; } 6897 6898.popover-body { 6899 padding: 0.5rem 0.75rem; 6900 color: #1d2125; } 6901 6902.carousel { 6903 position: relative; } 6904 6905.carousel.pointer-event { 6906 touch-action: pan-y; } 6907 6908.carousel-inner { 6909 position: relative; 6910 width: 100%; 6911 overflow: hidden; } 6912 .carousel-inner::after { 6913 display: block; 6914 clear: both; 6915 content: ""; } 6916 6917.carousel-item { 6918 position: relative; 6919 display: none; 6920 float: left; 6921 width: 100%; 6922 margin-right: -100%; 6923 backface-visibility: hidden; 6924 transition: transform 0.6s ease-in-out; } 6925 @media (prefers-reduced-motion: reduce) { 6926 .carousel-item { 6927 transition: none; } } 6928 6929.carousel-item.active, 6930.carousel-item-next, 6931.carousel-item-prev { 6932 display: block; } 6933 6934.carousel-item-next:not(.carousel-item-left), 6935.active.carousel-item-right { 6936 transform: translateX(100%); } 6937 6938.carousel-item-prev:not(.carousel-item-right), 6939.active.carousel-item-left { 6940 transform: translateX(-100%); } 6941 6942.carousel-fade .carousel-item { 6943 opacity: 0; 6944 transition-property: opacity; 6945 transform: none; } 6946 6947.carousel-fade .carousel-item.active, 6948.carousel-fade .carousel-item-next.carousel-item-left, 6949.carousel-fade .carousel-item-prev.carousel-item-right { 6950 z-index: 1; 6951 opacity: 1; } 6952 6953.carousel-fade .active.carousel-item-left, 6954.carousel-fade .active.carousel-item-right { 6955 z-index: 0; 6956 opacity: 0; 6957 transition: opacity 0s 0.6s; } 6958 @media (prefers-reduced-motion: reduce) { 6959 .carousel-fade .active.carousel-item-left, 6960 .carousel-fade .active.carousel-item-right { 6961 transition: none; } } 6962 6963.carousel-control-prev, 6964.carousel-control-next { 6965 position: absolute; 6966 top: 0; 6967 bottom: 0; 6968 z-index: 1; 6969 display: flex; 6970 align-items: center; 6971 justify-content: center; 6972 width: 15%; 6973 color: #fff; 6974 text-align: center; 6975 opacity: 0.5; 6976 transition: opacity 0.15s ease; } 6977 @media (prefers-reduced-motion: reduce) { 6978 .carousel-control-prev, 6979 .carousel-control-next { 6980 transition: none; } } 6981 .carousel-control-prev:hover, .carousel-control-prev:focus, 6982 .carousel-control-next:hover, 6983 .carousel-control-next:focus { 6984 color: #fff; 6985 text-decoration: none; 6986 outline: 0; 6987 opacity: 0.9; } 6988 6989.carousel-control-prev { 6990 left: 0; } 6991 6992.carousel-control-next { 6993 right: 0; } 6994 6995.carousel-control-prev-icon, 6996.carousel-control-next-icon { 6997 display: inline-block; 6998 width: 20px; 6999 height: 20px; 7000 background: no-repeat 50% / 100% 100%; } 7001 7002.carousel-control-prev-icon { 7003 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"); } 7004 7005.carousel-control-next-icon { 7006 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"); } 7007 7008.carousel-indicators { 7009 position: absolute; 7010 right: 0; 7011 bottom: 0; 7012 left: 0; 7013 z-index: 15; 7014 display: flex; 7015 justify-content: center; 7016 padding-left: 0; 7017 margin-right: 15%; 7018 margin-left: 15%; 7019 list-style: none; } 7020 .carousel-indicators li { 7021 box-sizing: content-box; 7022 flex: 0 1 auto; 7023 width: 30px; 7024 height: 3px; 7025 margin-right: 3px; 7026 margin-left: 3px; 7027 text-indent: -999px; 7028 cursor: pointer; 7029 background-color: #fff; 7030 background-clip: padding-box; 7031 border-top: 10px solid transparent; 7032 border-bottom: 10px solid transparent; 7033 opacity: .5; 7034 transition: opacity 0.6s ease; } 7035 @media (prefers-reduced-motion: reduce) { 7036 .carousel-indicators li { 7037 transition: none; } } 7038 .carousel-indicators .active { 7039 opacity: 1; } 7040 7041.carousel-caption { 7042 position: absolute; 7043 right: 15%; 7044 bottom: 20px; 7045 left: 15%; 7046 z-index: 10; 7047 padding-top: 20px; 7048 padding-bottom: 20px; 7049 color: #fff; 7050 text-align: center; } 7051 7052@keyframes spinner-border { 7053 to { 7054 transform: rotate(360deg); } } 7055 7056.spinner-border { 7057 display: inline-block; 7058 width: 2rem; 7059 height: 2rem; 7060 vertical-align: text-bottom; 7061 border: 0.25em solid currentColor; 7062 border-right-color: transparent; 7063 border-radius: 50%; 7064 animation: spinner-border .75s linear infinite; } 7065 7066.spinner-border-sm { 7067 width: 1rem; 7068 height: 1rem; 7069 border-width: 0.2em; } 7070 7071@keyframes spinner-grow { 7072 0% { 7073 transform: scale(0); } 7074 50% { 7075 opacity: 1; 7076 transform: none; } } 7077 7078.spinner-grow { 7079 display: inline-block; 7080 width: 2rem; 7081 height: 2rem; 7082 vertical-align: text-bottom; 7083 background-color: currentColor; 7084 border-radius: 50%; 7085 opacity: 0; 7086 animation: spinner-grow .75s linear infinite; } 7087 7088.spinner-grow-sm { 7089 width: 1rem; 7090 height: 1rem; } 7091 7092.align-baseline { 7093 vertical-align: baseline !important; } 7094 7095.align-top, [data-filterregion="value"] div:first-of-type { 7096 vertical-align: top !important; } 7097 7098.align-middle { 7099 vertical-align: middle !important; } 7100 7101.align-bottom { 7102 vertical-align: bottom !important; } 7103 7104.align-text-bottom { 7105 vertical-align: text-bottom !important; } 7106 7107.align-text-top { 7108 vertical-align: text-top !important; } 7109 7110.bg-primary { 7111 background-color: #0f6cbf !important; } 7112 7113a.bg-primary:hover, a.bg-primary:focus, 7114button.bg-primary:hover, 7115button.bg-primary:focus { 7116 background-color: #0b5190 !important; } 7117 7118.bg-secondary { 7119 background-color: #ced4da !important; } 7120 7121a.bg-secondary:hover, a.bg-secondary:focus, 7122button.bg-secondary:hover, 7123button.bg-secondary:focus { 7124 background-color: #b1bbc4 !important; } 7125 7126.bg-success { 7127 background-color: #357a32 !important; } 7128 7129a.bg-success:hover, a.bg-success:focus, 7130button.bg-success:hover, 7131button.bg-success:focus { 7132 background-color: #255623 !important; } 7133 7134.bg-info { 7135 background-color: #008196 !important; } 7136 7137a.bg-info:hover, a.bg-info:focus, 7138button.bg-info:hover, 7139button.bg-info:focus { 7140 background-color: #005563 !important; } 7141 7142.bg-warning { 7143 background-color: #f0ad4e !important; } 7144 7145a.bg-warning:hover, a.bg-warning:focus, 7146button.bg-warning:hover, 7147button.bg-warning:focus { 7148 background-color: #ec971f !important; } 7149 7150.bg-danger { 7151 background-color: #ca3120 !important; } 7152 7153a.bg-danger:hover, a.bg-danger:focus, 7154button.bg-danger:hover, 7155button.bg-danger:focus { 7156 background-color: #9e2619 !important; } 7157 7158.bg-light { 7159 background-color: #f8f9fa !important; } 7160 7161a.bg-light:hover, a.bg-light:focus, 7162button.bg-light:hover, 7163button.bg-light:focus { 7164 background-color: #dae0e5 !important; } 7165 7166.bg-dark { 7167 background-color: #343a40 !important; } 7168 7169a.bg-dark:hover, a.bg-dark:focus, 7170button.bg-dark:hover, 7171button.bg-dark:focus { 7172 background-color: #1d2124 !important; } 7173 7174.bg-white { 7175 background-color: #fff !important; } 7176 7177.bg-transparent { 7178 background-color: transparent !important; } 7179 7180.border { 7181 border: 1px solid #dee2e6 !important; } 7182 7183.border-top { 7184 border-top: 1px solid #dee2e6 !important; } 7185 7186.border-right { 7187 border-right: 1px solid #dee2e6 !important; } 7188 7189.border-bottom { 7190 border-bottom: 1px solid #dee2e6 !important; } 7191 7192.border-left { 7193 border-left: 1px solid #dee2e6 !important; } 7194 7195.border-0 { 7196 border: 0 !important; } 7197 7198.border-top-0 { 7199 border-top: 0 !important; } 7200 7201.border-right-0 { 7202 border-right: 0 !important; } 7203 7204.border-bottom-0 { 7205 border-bottom: 0 !important; } 7206 7207.border-left-0 { 7208 border-left: 0 !important; } 7209 7210.border-primary { 7211 border-color: #0f6cbf !important; } 7212 7213.border-secondary { 7214 border-color: #ced4da !important; } 7215 7216.border-success { 7217 border-color: #357a32 !important; } 7218 7219.border-info { 7220 border-color: #008196 !important; } 7221 7222.border-warning { 7223 border-color: #f0ad4e !important; } 7224 7225.border-danger { 7226 border-color: #ca3120 !important; } 7227 7228.border-light { 7229 border-color: #f8f9fa !important; } 7230 7231.border-dark { 7232 border-color: #343a40 !important; } 7233 7234.border-white { 7235 border-color: #fff !important; } 7236 7237.rounded-sm { 7238 border-radius: 0.2rem !important; } 7239 7240.rounded { 7241 border-radius: 0.25rem !important; } 7242 7243.rounded-top { 7244 border-top-left-radius: 0.25rem !important; 7245 border-top-right-radius: 0.25rem !important; } 7246 7247.rounded-right { 7248 border-top-right-radius: 0.25rem !important; 7249 border-bottom-right-radius: 0.25rem !important; } 7250 7251.rounded-bottom { 7252 border-bottom-right-radius: 0.25rem !important; 7253 border-bottom-left-radius: 0.25rem !important; } 7254 7255.rounded-left { 7256 border-top-left-radius: 0.25rem !important; 7257 border-bottom-left-radius: 0.25rem !important; } 7258 7259.rounded-lg { 7260 border-radius: 0.3rem !important; } 7261 7262.rounded-circle { 7263 border-radius: 50% !important; } 7264 7265.rounded-pill { 7266 border-radius: 50rem !important; } 7267 7268.rounded-0 { 7269 border-radius: 0 !important; } 7270 7271.clearfix::after { 7272 display: block; 7273 clear: both; 7274 content: ""; } 7275 7276.d-none { 7277 display: none !important; } 7278 7279.d-inline { 7280 display: inline !important; } 7281 7282.d-inline-block { 7283 display: inline-block !important; } 7284 7285.d-block { 7286 display: block !important; } 7287 7288.d-table { 7289 display: table !important; } 7290 7291.d-table-row { 7292 display: table-row !important; } 7293 7294.d-table-cell { 7295 display: table-cell !important; } 7296 7297.d-flex { 7298 display: flex !important; } 7299 7300.d-inline-flex { 7301 display: inline-flex !important; } 7302 7303@media (min-width: 576px) { 7304 .d-sm-none { 7305 display: none !important; } 7306 .d-sm-inline { 7307 display: inline !important; } 7308 .d-sm-inline-block { 7309 display: inline-block !important; } 7310 .d-sm-block { 7311 display: block !important; } 7312 .d-sm-table { 7313 display: table !important; } 7314 .d-sm-table-row { 7315 display: table-row !important; } 7316 .d-sm-table-cell { 7317 display: table-cell !important; } 7318 .d-sm-flex { 7319 display: flex !important; } 7320 .d-sm-inline-flex { 7321 display: inline-flex !important; } } 7322 7323@media (min-width: 768px) { 7324 .d-md-none { 7325 display: none !important; } 7326 .d-md-inline { 7327 display: inline !important; } 7328 .d-md-inline-block { 7329 display: inline-block !important; } 7330 .d-md-block { 7331 display: block !important; } 7332 .d-md-table { 7333 display: table !important; } 7334 .d-md-table-row { 7335 display: table-row !important; } 7336 .d-md-table-cell { 7337 display: table-cell !important; } 7338 .d-md-flex { 7339 display: flex !important; } 7340 .d-md-inline-flex { 7341 display: inline-flex !important; } } 7342 7343@media (min-width: 992px) { 7344 .d-lg-none { 7345 display: none !important; } 7346 .d-lg-inline { 7347 display: inline !important; } 7348 .d-lg-inline-block { 7349 display: inline-block !important; } 7350 .d-lg-block { 7351 display: block !important; } 7352 .d-lg-table { 7353 display: table !important; } 7354 .d-lg-table-row { 7355 display: table-row !important; } 7356 .d-lg-table-cell { 7357 display: table-cell !important; } 7358 .d-lg-flex { 7359 display: flex !important; } 7360 .d-lg-inline-flex { 7361 display: inline-flex !important; } } 7362 7363@media (min-width: 1200px) { 7364 .d-xl-none { 7365 display: none !important; } 7366 .d-xl-inline { 7367 display: inline !important; } 7368 .d-xl-inline-block { 7369 display: inline-block !important; } 7370 .d-xl-block { 7371 display: block !important; } 7372 .d-xl-table { 7373 display: table !important; } 7374 .d-xl-table-row { 7375 display: table-row !important; } 7376 .d-xl-table-cell { 7377 display: table-cell !important; } 7378 .d-xl-flex { 7379 display: flex !important; } 7380 .d-xl-inline-flex { 7381 display: inline-flex !important; } } 7382 7383@media print { 7384 .d-print-none { 7385 display: none !important; } 7386 .d-print-inline { 7387 display: inline !important; } 7388 .d-print-inline-block { 7389 display: inline-block !important; } 7390 .d-print-block { 7391 display: block !important; } 7392 .d-print-table { 7393 display: table !important; } 7394 .d-print-table-row { 7395 display: table-row !important; } 7396 .d-print-table-cell { 7397 display: table-cell !important; } 7398 .d-print-flex { 7399 display: flex !important; } 7400 .d-print-inline-flex { 7401 display: inline-flex !important; } } 7402 7403.embed-responsive { 7404 position: relative; 7405 display: block; 7406 width: 100%; 7407 padding: 0; 7408 overflow: hidden; } 7409 .embed-responsive::before { 7410 display: block; 7411 content: ""; } 7412 .embed-responsive .embed-responsive-item, 7413 .embed-responsive iframe, 7414 .embed-responsive embed, 7415 .embed-responsive object, 7416 .embed-responsive video { 7417 position: absolute; 7418 top: 0; 7419 bottom: 0; 7420 left: 0; 7421 width: 100%; 7422 height: 100%; 7423 border: 0; } 7424 7425.embed-responsive-21by9::before { 7426 padding-top: 42.8571428571%; } 7427 7428.embed-responsive-16by9::before { 7429 padding-top: 56.25%; } 7430 7431.embed-responsive-4by3::before { 7432 padding-top: 75%; } 7433 7434.embed-responsive-1by1::before { 7435 padding-top: 100%; } 7436 7437.flex-row { 7438 flex-direction: row !important; } 7439 7440.flex-column { 7441 flex-direction: column !important; } 7442 7443.flex-row-reverse { 7444 flex-direction: row-reverse !important; } 7445 7446.flex-column-reverse { 7447 flex-direction: column-reverse !important; } 7448 7449.flex-wrap { 7450 flex-wrap: wrap !important; } 7451 7452.flex-nowrap { 7453 flex-wrap: nowrap !important; } 7454 7455.flex-wrap-reverse { 7456 flex-wrap: wrap-reverse !important; } 7457 7458.flex-fill { 7459 flex: 1 1 auto !important; } 7460 7461.flex-grow-0 { 7462 flex-grow: 0 !important; } 7463 7464.flex-grow-1 { 7465 flex-grow: 1 !important; } 7466 7467.flex-shrink-0 { 7468 flex-shrink: 0 !important; } 7469 7470.flex-shrink-1 { 7471 flex-shrink: 1 !important; } 7472 7473.justify-content-start { 7474 justify-content: flex-start !important; } 7475 7476.justify-content-end { 7477 justify-content: flex-end !important; } 7478 7479.justify-content-center { 7480 justify-content: center !important; } 7481 7482.justify-content-between { 7483 justify-content: space-between !important; } 7484 7485.justify-content-around { 7486 justify-content: space-around !important; } 7487 7488.align-items-start { 7489 align-items: flex-start !important; } 7490 7491.align-items-end { 7492 align-items: flex-end !important; } 7493 7494.align-items-center { 7495 align-items: center !important; } 7496 7497.align-items-baseline { 7498 align-items: baseline !important; } 7499 7500.align-items-stretch { 7501 align-items: stretch !important; } 7502 7503.align-content-start { 7504 align-content: flex-start !important; } 7505 7506.align-content-end { 7507 align-content: flex-end !important; } 7508 7509.align-content-center { 7510 align-content: center !important; } 7511 7512.align-content-between { 7513 align-content: space-between !important; } 7514 7515.align-content-around { 7516 align-content: space-around !important; } 7517 7518.align-content-stretch { 7519 align-content: stretch !important; } 7520 7521.align-self-auto { 7522 align-self: auto !important; } 7523 7524.align-self-start { 7525 align-self: flex-start !important; } 7526 7527.align-self-end { 7528 align-self: flex-end !important; } 7529 7530.align-self-center { 7531 align-self: center !important; } 7532 7533.align-self-baseline { 7534 align-self: baseline !important; } 7535 7536.align-self-stretch { 7537 align-self: stretch !important; } 7538 7539@media (min-width: 576px) { 7540 .flex-sm-row { 7541 flex-direction: row !important; } 7542 .flex-sm-column { 7543 flex-direction: column !important; } 7544 .flex-sm-row-reverse { 7545 flex-direction: row-reverse !important; } 7546 .flex-sm-column-reverse { 7547 flex-direction: column-reverse !important; } 7548 .flex-sm-wrap { 7549 flex-wrap: wrap !important; } 7550 .flex-sm-nowrap { 7551 flex-wrap: nowrap !important; } 7552 .flex-sm-wrap-reverse { 7553 flex-wrap: wrap-reverse !important; } 7554 .flex-sm-fill { 7555 flex: 1 1 auto !important; } 7556 .flex-sm-grow-0 { 7557 flex-grow: 0 !important; } 7558 .flex-sm-grow-1 { 7559 flex-grow: 1 !important; } 7560 .flex-sm-shrink-0 { 7561 flex-shrink: 0 !important; } 7562 .flex-sm-shrink-1 { 7563 flex-shrink: 1 !important; } 7564 .justify-content-sm-start { 7565 justify-content: flex-start !important; } 7566 .justify-content-sm-end { 7567 justify-content: flex-end !important; } 7568 .justify-content-sm-center { 7569 justify-content: center !important; } 7570 .justify-content-sm-between { 7571 justify-content: space-between !important; } 7572 .justify-content-sm-around { 7573 justify-content: space-around !important; } 7574 .align-items-sm-start { 7575 align-items: flex-start !important; } 7576 .align-items-sm-end { 7577 align-items: flex-end !important; } 7578 .align-items-sm-center { 7579 align-items: center !important; } 7580 .align-items-sm-baseline { 7581 align-items: baseline !important; } 7582 .align-items-sm-stretch { 7583 align-items: stretch !important; } 7584 .align-content-sm-start { 7585 align-content: flex-start !important; } 7586 .align-content-sm-end { 7587 align-content: flex-end !important; } 7588 .align-content-sm-center { 7589 align-content: center !important; } 7590 .align-content-sm-between { 7591 align-content: space-between !important; } 7592 .align-content-sm-around { 7593 align-content: space-around !important; } 7594 .align-content-sm-stretch { 7595 align-content: stretch !important; } 7596 .align-self-sm-auto { 7597 align-self: auto !important; } 7598 .align-self-sm-start { 7599 align-self: flex-start !important; } 7600 .align-self-sm-end { 7601 align-self: flex-end !important; } 7602 .align-self-sm-center { 7603 align-self: center !important; } 7604 .align-self-sm-baseline { 7605 align-self: baseline !important; } 7606 .align-self-sm-stretch { 7607 align-self: stretch !important; } } 7608 7609@media (min-width: 768px) { 7610 .flex-md-row { 7611 flex-direction: row !important; } 7612 .flex-md-column { 7613 flex-direction: column !important; } 7614 .flex-md-row-reverse { 7615 flex-direction: row-reverse !important; } 7616 .flex-md-column-reverse { 7617 flex-direction: column-reverse !important; } 7618 .flex-md-wrap { 7619 flex-wrap: wrap !important; } 7620 .flex-md-nowrap { 7621 flex-wrap: nowrap !important; } 7622 .flex-md-wrap-reverse { 7623 flex-wrap: wrap-reverse !important; } 7624 .flex-md-fill { 7625 flex: 1 1 auto !important; } 7626 .flex-md-grow-0 { 7627 flex-grow: 0 !important; } 7628 .flex-md-grow-1 { 7629 flex-grow: 1 !important; } 7630 .flex-md-shrink-0 { 7631 flex-shrink: 0 !important; } 7632 .flex-md-shrink-1 { 7633 flex-shrink: 1 !important; } 7634 .justify-content-md-start { 7635 justify-content: flex-start !important; } 7636 .justify-content-md-end { 7637 justify-content: flex-end !important; } 7638 .justify-content-md-center { 7639 justify-content: center !important; } 7640 .justify-content-md-between { 7641 justify-content: space-between !important; } 7642 .justify-content-md-around { 7643 justify-content: space-around !important; } 7644 .align-items-md-start { 7645 align-items: flex-start !important; } 7646 .align-items-md-end { 7647 align-items: flex-end !important; } 7648 .align-items-md-center { 7649 align-items: center !important; } 7650 .align-items-md-baseline { 7651 align-items: baseline !important; } 7652 .align-items-md-stretch { 7653 align-items: stretch !important; } 7654 .align-content-md-start { 7655 align-content: flex-start !important; } 7656 .align-content-md-end { 7657 align-content: flex-end !important; } 7658 .align-content-md-center { 7659 align-content: center !important; } 7660 .align-content-md-between { 7661 align-content: space-between !important; } 7662 .align-content-md-around { 7663 align-content: space-around !important; } 7664 .align-content-md-stretch { 7665 align-content: stretch !important; } 7666 .align-self-md-auto { 7667 align-self: auto !important; } 7668 .align-self-md-start { 7669 align-self: flex-start !important; } 7670 .align-self-md-end { 7671 align-self: flex-end !important; } 7672 .align-self-md-center { 7673 align-self: center !important; } 7674 .align-self-md-baseline { 7675 align-self: baseline !important; } 7676 .align-self-md-stretch { 7677 align-self: stretch !important; } } 7678 7679@media (min-width: 992px) { 7680 .flex-lg-row { 7681 flex-direction: row !important; } 7682 .flex-lg-column { 7683 flex-direction: column !important; } 7684 .flex-lg-row-reverse { 7685 flex-direction: row-reverse !important; } 7686 .flex-lg-column-reverse { 7687 flex-direction: column-reverse !important; } 7688 .flex-lg-wrap { 7689 flex-wrap: wrap !important; } 7690 .flex-lg-nowrap { 7691 flex-wrap: nowrap !important; } 7692 .flex-lg-wrap-reverse { 7693 flex-wrap: wrap-reverse !important; } 7694 .flex-lg-fill { 7695 flex: 1 1 auto !important; } 7696 .flex-lg-grow-0 { 7697 flex-grow: 0 !important; } 7698 .flex-lg-grow-1 { 7699 flex-grow: 1 !important; } 7700 .flex-lg-shrink-0 { 7701 flex-shrink: 0 !important; } 7702 .flex-lg-shrink-1 { 7703 flex-shrink: 1 !important; } 7704 .justify-content-lg-start { 7705 justify-content: flex-start !important; } 7706 .justify-content-lg-end { 7707 justify-content: flex-end !important; } 7708 .justify-content-lg-center { 7709 justify-content: center !important; } 7710 .justify-content-lg-between { 7711 justify-content: space-between !important; } 7712 .justify-content-lg-around { 7713 justify-content: space-around !important; } 7714 .align-items-lg-start { 7715 align-items: flex-start !important; } 7716 .align-items-lg-end { 7717 align-items: flex-end !important; } 7718 .align-items-lg-center { 7719 align-items: center !important; } 7720 .align-items-lg-baseline { 7721 align-items: baseline !important; } 7722 .align-items-lg-stretch { 7723 align-items: stretch !important; } 7724 .align-content-lg-start { 7725 align-content: flex-start !important; } 7726 .align-content-lg-end { 7727 align-content: flex-end !important; } 7728 .align-content-lg-center { 7729 align-content: center !important; } 7730 .align-content-lg-between { 7731 align-content: space-between !important; } 7732 .align-content-lg-around { 7733 align-content: space-around !important; } 7734 .align-content-lg-stretch { 7735 align-content: stretch !important; } 7736 .align-self-lg-auto { 7737 align-self: auto !important; } 7738 .align-self-lg-start { 7739 align-self: flex-start !important; } 7740 .align-self-lg-end { 7741 align-self: flex-end !important; } 7742 .align-self-lg-center { 7743 align-self: center !important; } 7744 .align-self-lg-baseline { 7745 align-self: baseline !important; } 7746 .align-self-lg-stretch { 7747 align-self: stretch !important; } } 7748 7749@media (min-width: 1200px) { 7750 .flex-xl-row { 7751 flex-direction: row !important; } 7752 .flex-xl-column { 7753 flex-direction: column !important; } 7754 .flex-xl-row-reverse { 7755 flex-direction: row-reverse !important; } 7756 .flex-xl-column-reverse { 7757 flex-direction: column-reverse !important; } 7758 .flex-xl-wrap { 7759 flex-wrap: wrap !important; } 7760 .flex-xl-nowrap { 7761 flex-wrap: nowrap !important; } 7762 .flex-xl-wrap-reverse { 7763 flex-wrap: wrap-reverse !important; } 7764 .flex-xl-fill { 7765 flex: 1 1 auto !important; } 7766 .flex-xl-grow-0 { 7767 flex-grow: 0 !important; } 7768 .flex-xl-grow-1 { 7769 flex-grow: 1 !important; } 7770 .flex-xl-shrink-0 { 7771 flex-shrink: 0 !important; } 7772 .flex-xl-shrink-1 { 7773 flex-shrink: 1 !important; } 7774 .justify-content-xl-start { 7775 justify-content: flex-start !important; } 7776 .justify-content-xl-end { 7777 justify-content: flex-end !important; } 7778 .justify-content-xl-center { 7779 justify-content: center !important; } 7780 .justify-content-xl-between { 7781 justify-content: space-between !important; } 7782 .justify-content-xl-around { 7783 justify-content: space-around !important; } 7784 .align-items-xl-start { 7785 align-items: flex-start !important; } 7786 .align-items-xl-end { 7787 align-items: flex-end !important; } 7788 .align-items-xl-center { 7789 align-items: center !important; } 7790 .align-items-xl-baseline { 7791 align-items: baseline !important; } 7792 .align-items-xl-stretch { 7793 align-items: stretch !important; } 7794 .align-content-xl-start { 7795 align-content: flex-start !important; } 7796 .align-content-xl-end { 7797 align-content: flex-end !important; } 7798 .align-content-xl-center { 7799 align-content: center !important; } 7800 .align-content-xl-between { 7801 align-content: space-between !important; } 7802 .align-content-xl-around { 7803 align-content: space-around !important; } 7804 .align-content-xl-stretch { 7805 align-content: stretch !important; } 7806 .align-self-xl-auto { 7807 align-self: auto !important; } 7808 .align-self-xl-start { 7809 align-self: flex-start !important; } 7810 .align-self-xl-end { 7811 align-self: flex-end !important; } 7812 .align-self-xl-center { 7813 align-self: center !important; } 7814 .align-self-xl-baseline { 7815 align-self: baseline !important; } 7816 .align-self-xl-stretch { 7817 align-self: stretch !important; } } 7818 7819.float-left { 7820 float: left !important; } 7821 7822.float-right { 7823 float: right !important; } 7824 7825.float-none { 7826 float: none !important; } 7827 7828@media (min-width: 576px) { 7829 .float-sm-left { 7830 float: left !important; } 7831 .float-sm-right { 7832 float: right !important; } 7833 .float-sm-none { 7834 float: none !important; } } 7835 7836@media (min-width: 768px) { 7837 .float-md-left { 7838 float: left !important; } 7839 .float-md-right { 7840 float: right !important; } 7841 .float-md-none { 7842 float: none !important; } } 7843 7844@media (min-width: 992px) { 7845 .float-lg-left { 7846 float: left !important; } 7847 .float-lg-right { 7848 float: right !important; } 7849 .float-lg-none { 7850 float: none !important; } } 7851 7852@media (min-width: 1200px) { 7853 .float-xl-left { 7854 float: left !important; } 7855 .float-xl-right { 7856 float: right !important; } 7857 .float-xl-none { 7858 float: none !important; } } 7859 7860.user-select-all { 7861 user-select: all !important; } 7862 7863.user-select-auto { 7864 user-select: auto !important; } 7865 7866.user-select-none { 7867 user-select: none !important; } 7868 7869.overflow-auto { 7870 overflow: auto !important; } 7871 7872.overflow-hidden { 7873 overflow: hidden !important; } 7874 7875.position-static { 7876 position: static !important; } 7877 7878.position-relative { 7879 position: relative !important; } 7880 7881.position-absolute { 7882 position: absolute !important; } 7883 7884.position-fixed { 7885 position: fixed !important; } 7886 7887.position-sticky { 7888 position: sticky !important; } 7889 7890.fixed-top { 7891 position: fixed; 7892 top: 0; 7893 right: 0; 7894 left: 0; 7895 z-index: 1030; } 7896 7897.fixed-bottom { 7898 position: fixed; 7899 right: 0; 7900 bottom: 0; 7901 left: 0; 7902 z-index: 1030; } 7903 7904@supports (position: sticky) { 7905 .sticky-top { 7906 position: sticky; 7907 top: 0; 7908 z-index: 1020; } } 7909 7910.sr-only { 7911 position: absolute; 7912 width: 1px; 7913 height: 1px; 7914 padding: 0; 7915 margin: -1px; 7916 overflow: hidden; 7917 clip: rect(0, 0, 0, 0); 7918 white-space: nowrap; 7919 border: 0; } 7920 7921.sr-only-focusable:active, .sr-only-focusable:focus { 7922 position: static; 7923 width: auto; 7924 height: auto; 7925 overflow: visible; 7926 clip: auto; 7927 white-space: normal; } 7928 7929.shadow-sm { 7930 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } 7931 7932.shadow { 7933 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } 7934 7935.shadow-lg { 7936 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } 7937 7938.shadow-none { 7939 box-shadow: none !important; } 7940 7941.w-25 { 7942 width: 25% !important; } 7943 7944.w-50 { 7945 width: 50% !important; } 7946 7947.w-75 { 7948 width: 75% !important; } 7949 7950.w-100 { 7951 width: 100% !important; } 7952 7953.w-auto { 7954 width: auto !important; } 7955 7956.h-25 { 7957 height: 25% !important; } 7958 7959.h-50 { 7960 height: 50% !important; } 7961 7962.h-75 { 7963 height: 75% !important; } 7964 7965.h-100 { 7966 height: 100% !important; } 7967 7968.h-auto { 7969 height: auto !important; } 7970 7971.mw-100 { 7972 max-width: 100% !important; } 7973 7974.mh-100 { 7975 max-height: 100% !important; } 7976 7977.min-vw-100 { 7978 min-width: 100vw !important; } 7979 7980.min-vh-100 { 7981 min-height: 100vh !important; } 7982 7983.vw-100 { 7984 width: 100vw !important; } 7985 7986.vh-100 { 7987 height: 100vh !important; } 7988 7989.m-0 { 7990 margin: 0 !important; } 7991 7992.mt-0, 7993.my-0 { 7994 margin-top: 0 !important; } 7995 7996.mr-0, 7997.mx-0 { 7998 margin-right: 0 !important; } 7999 8000.mb-0, 8001.my-0 { 8002 margin-bottom: 0 !important; } 8003 8004.ml-0, 8005.mx-0 { 8006 margin-left: 0 !important; } 8007 8008.m-1 { 8009 margin: 0.25rem !important; } 8010 8011.mt-1, 8012.my-1 { 8013 margin-top: 0.25rem !important; } 8014 8015.mr-1, 8016.mx-1 { 8017 margin-right: 0.25rem !important; } 8018 8019.mb-1, 8020.my-1 { 8021 margin-bottom: 0.25rem !important; } 8022 8023.ml-1, 8024.mx-1 { 8025 margin-left: 0.25rem !important; } 8026 8027.m-2 { 8028 margin: 0.5rem !important; } 8029 8030.mt-2, 8031.my-2 { 8032 margin-top: 0.5rem !important; } 8033 8034.mr-2, 8035.mx-2 { 8036 margin-right: 0.5rem !important; } 8037 8038.mb-2, 8039.my-2 { 8040 margin-bottom: 0.5rem !important; } 8041 8042.ml-2, 8043.mx-2 { 8044 margin-left: 0.5rem !important; } 8045 8046.m-3 { 8047 margin: 1rem !important; } 8048 8049.mt-3, 8050.my-3 { 8051 margin-top: 1rem !important; } 8052 8053.mr-3, 8054.mx-3 { 8055 margin-right: 1rem !important; } 8056 8057.mb-3, 8058.my-3 { 8059 margin-bottom: 1rem !important; } 8060 8061.ml-3, 8062.mx-3 { 8063 margin-left: 1rem !important; } 8064 8065.m-4 { 8066 margin: 1.5rem !important; } 8067 8068.mt-4, 8069.my-4 { 8070 margin-top: 1.5rem !important; } 8071 8072.mr-4, 8073.mx-4 { 8074 margin-right: 1.5rem !important; } 8075 8076.mb-4, 8077.my-4 { 8078 margin-bottom: 1.5rem !important; } 8079 8080.ml-4, 8081.mx-4 { 8082 margin-left: 1.5rem !important; } 8083 8084.m-5 { 8085 margin: 2rem !important; } 8086 8087.mt-5, 8088.my-5 { 8089 margin-top: 2rem !important; } 8090 8091.mr-5, 8092.mx-5 { 8093 margin-right: 2rem !important; } 8094 8095.mb-5, 8096.my-5 { 8097 margin-bottom: 2rem !important; } 8098 8099.ml-5, 8100.mx-5 { 8101 margin-left: 2rem !important; } 8102 8103.m-6 { 8104 margin: 3rem !important; } 8105 8106.mt-6, 8107.my-6 { 8108 margin-top: 3rem !important; } 8109 8110.mr-6, 8111.mx-6 { 8112 margin-right: 3rem !important; } 8113 8114.mb-6, 8115.my-6 { 8116 margin-bottom: 3rem !important; } 8117 8118.ml-6, 8119.mx-6 { 8120 margin-left: 3rem !important; } 8121 8122.p-0 { 8123 padding: 0 !important; } 8124 8125.pt-0, 8126.py-0 { 8127 padding-top: 0 !important; } 8128 8129.pr-0, 8130.px-0 { 8131 padding-right: 0 !important; } 8132 8133.pb-0, 8134.py-0 { 8135 padding-bottom: 0 !important; } 8136 8137.pl-0, 8138.px-0 { 8139 padding-left: 0 !important; } 8140 8141.p-1 { 8142 padding: 0.25rem !important; } 8143 8144.pt-1, 8145.py-1 { 8146 padding-top: 0.25rem !important; } 8147 8148.pr-1, 8149.px-1 { 8150 padding-right: 0.25rem !important; } 8151 8152.pb-1, 8153.py-1 { 8154 padding-bottom: 0.25rem !important; } 8155 8156.pl-1, 8157.px-1 { 8158 padding-left: 0.25rem !important; } 8159 8160.p-2 { 8161 padding: 0.5rem !important; } 8162 8163.pt-2, 8164.py-2 { 8165 padding-top: 0.5rem !important; } 8166 8167.pr-2, 8168.px-2 { 8169 padding-right: 0.5rem !important; } 8170 8171.pb-2, 8172.py-2 { 8173 padding-bottom: 0.5rem !important; } 8174 8175.pl-2, 8176.px-2 { 8177 padding-left: 0.5rem !important; } 8178 8179.p-3 { 8180 padding: 1rem !important; } 8181 8182.pt-3, 8183.py-3 { 8184 padding-top: 1rem !important; } 8185 8186.pr-3, 8187.px-3 { 8188 padding-right: 1rem !important; } 8189 8190.pb-3, 8191.py-3 { 8192 padding-bottom: 1rem !important; } 8193 8194.pl-3, 8195.px-3 { 8196 padding-left: 1rem !important; } 8197 8198.p-4 { 8199 padding: 1.5rem !important; } 8200 8201.pt-4, 8202.py-4 { 8203 padding-top: 1.5rem !important; } 8204 8205.pr-4, 8206.px-4 { 8207 padding-right: 1.5rem !important; } 8208 8209.pb-4, 8210.py-4 { 8211 padding-bottom: 1.5rem !important; } 8212 8213.pl-4, 8214.px-4 { 8215 padding-left: 1.5rem !important; } 8216 8217.p-5 { 8218 padding: 2rem !important; } 8219 8220.pt-5, 8221.py-5 { 8222 padding-top: 2rem !important; } 8223 8224.pr-5, 8225.px-5 { 8226 padding-right: 2rem !important; } 8227 8228.pb-5, 8229.py-5 { 8230 padding-bottom: 2rem !important; } 8231 8232.pl-5, 8233.px-5 { 8234 padding-left: 2rem !important; } 8235 8236.p-6 { 8237 padding: 3rem !important; } 8238 8239.pt-6, 8240.py-6 { 8241 padding-top: 3rem !important; } 8242 8243.pr-6, 8244.px-6 { 8245 padding-right: 3rem !important; } 8246 8247.pb-6, 8248.py-6 { 8249 padding-bottom: 3rem !important; } 8250 8251.pl-6, 8252.px-6 { 8253 padding-left: 3rem !important; } 8254 8255.m-n1 { 8256 margin: -0.25rem !important; } 8257 8258.mt-n1, 8259.my-n1 { 8260 margin-top: -0.25rem !important; } 8261 8262.mr-n1, 8263.mx-n1 { 8264 margin-right: -0.25rem !important; } 8265 8266.mb-n1, 8267.my-n1 { 8268 margin-bottom: -0.25rem !important; } 8269 8270.ml-n1, 8271.mx-n1 { 8272 margin-left: -0.25rem !important; } 8273 8274.m-n2 { 8275 margin: -0.5rem !important; } 8276 8277.mt-n2, 8278.my-n2 { 8279 margin-top: -0.5rem !important; } 8280 8281.mr-n2, 8282.mx-n2 { 8283 margin-right: -0.5rem !important; } 8284 8285.mb-n2, 8286.my-n2 { 8287 margin-bottom: -0.5rem !important; } 8288 8289.ml-n2, 8290.mx-n2 { 8291 margin-left: -0.5rem !important; } 8292 8293.m-n3 { 8294 margin: -1rem !important; } 8295 8296.mt-n3, 8297.my-n3 { 8298 margin-top: -1rem !important; } 8299 8300.mr-n3, 8301.mx-n3 { 8302 margin-right: -1rem !important; } 8303 8304.mb-n3, 8305.my-n3 { 8306 margin-bottom: -1rem !important; } 8307 8308.ml-n3, 8309.mx-n3 { 8310 margin-left: -1rem !important; } 8311 8312.m-n4 { 8313 margin: -1.5rem !important; } 8314 8315.mt-n4, 8316.my-n4 { 8317 margin-top: -1.5rem !important; } 8318 8319.mr-n4, 8320.mx-n4 { 8321 margin-right: -1.5rem !important; } 8322 8323.mb-n4, 8324.my-n4 { 8325 margin-bottom: -1.5rem !important; } 8326 8327.ml-n4, 8328.mx-n4 { 8329 margin-left: -1.5rem !important; } 8330 8331.m-n5 { 8332 margin: -2rem !important; } 8333 8334.mt-n5, 8335.my-n5 { 8336 margin-top: -2rem !important; } 8337 8338.mr-n5, 8339.mx-n5 { 8340 margin-right: -2rem !important; } 8341 8342.mb-n5, 8343.my-n5 { 8344 margin-bottom: -2rem !important; } 8345 8346.ml-n5, 8347.mx-n5 { 8348 margin-left: -2rem !important; } 8349 8350.m-n6 { 8351 margin: -3rem !important; } 8352 8353.mt-n6, 8354.my-n6 { 8355 margin-top: -3rem !important; } 8356 8357.mr-n6, 8358.mx-n6 { 8359 margin-right: -3rem !important; } 8360 8361.mb-n6, 8362.my-n6 { 8363 margin-bottom: -3rem !important; } 8364 8365.ml-n6, 8366.mx-n6 { 8367 margin-left: -3rem !important; } 8368 8369.m-auto { 8370 margin: auto !important; } 8371 8372.mt-auto, 8373.my-auto { 8374 margin-top: auto !important; } 8375 8376.mr-auto, 8377.mx-auto { 8378 margin-right: auto !important; } 8379 8380.mb-auto, 8381.my-auto { 8382 margin-bottom: auto !important; } 8383 8384.ml-auto, 8385.mx-auto { 8386 margin-left: auto !important; } 8387 8388@media (min-width: 576px) { 8389 .m-sm-0 { 8390 margin: 0 !important; } 8391 .mt-sm-0, 8392 .my-sm-0 { 8393 margin-top: 0 !important; } 8394 .mr-sm-0, 8395 .mx-sm-0 { 8396 margin-right: 0 !important; } 8397 .mb-sm-0, 8398 .my-sm-0 { 8399 margin-bottom: 0 !important; } 8400 .ml-sm-0, 8401 .mx-sm-0 { 8402 margin-left: 0 !important; } 8403 .m-sm-1 { 8404 margin: 0.25rem !important; } 8405 .mt-sm-1, 8406 .my-sm-1 { 8407 margin-top: 0.25rem !important; } 8408 .mr-sm-1, 8409 .mx-sm-1 { 8410 margin-right: 0.25rem !important; } 8411 .mb-sm-1, 8412 .my-sm-1 { 8413 margin-bottom: 0.25rem !important; } 8414 .ml-sm-1, 8415 .mx-sm-1 { 8416 margin-left: 0.25rem !important; } 8417 .m-sm-2 { 8418 margin: 0.5rem !important; } 8419 .mt-sm-2, 8420 .my-sm-2 { 8421 margin-top: 0.5rem !important; } 8422 .mr-sm-2, 8423 .mx-sm-2 { 8424 margin-right: 0.5rem !important; } 8425 .mb-sm-2, 8426 .my-sm-2 { 8427 margin-bottom: 0.5rem !important; } 8428 .ml-sm-2, 8429 .mx-sm-2 { 8430 margin-left: 0.5rem !important; } 8431 .m-sm-3 { 8432 margin: 1rem !important; } 8433 .mt-sm-3, 8434 .my-sm-3 { 8435 margin-top: 1rem !important; } 8436 .mr-sm-3, 8437 .mx-sm-3 { 8438 margin-right: 1rem !important; } 8439 .mb-sm-3, 8440 .my-sm-3 { 8441 margin-bottom: 1rem !important; } 8442 .ml-sm-3, 8443 .mx-sm-3 { 8444 margin-left: 1rem !important; } 8445 .m-sm-4 { 8446 margin: 1.5rem !important; } 8447 .mt-sm-4, 8448 .my-sm-4 { 8449 margin-top: 1.5rem !important; } 8450 .mr-sm-4, 8451 .mx-sm-4 { 8452 margin-right: 1.5rem !important; } 8453 .mb-sm-4, 8454 .my-sm-4 { 8455 margin-bottom: 1.5rem !important; } 8456 .ml-sm-4, 8457 .mx-sm-4 { 8458 margin-left: 1.5rem !important; } 8459 .m-sm-5 { 8460 margin: 2rem !important; } 8461 .mt-sm-5, 8462 .my-sm-5 { 8463 margin-top: 2rem !important; } 8464 .mr-sm-5, 8465 .mx-sm-5 { 8466 margin-right: 2rem !important; } 8467 .mb-sm-5, 8468 .my-sm-5 { 8469 margin-bottom: 2rem !important; } 8470 .ml-sm-5, 8471 .mx-sm-5 { 8472 margin-left: 2rem !important; } 8473 .m-sm-6 { 8474 margin: 3rem !important; } 8475 .mt-sm-6, 8476 .my-sm-6 { 8477 margin-top: 3rem !important; } 8478 .mr-sm-6, 8479 .mx-sm-6 { 8480 margin-right: 3rem !important; } 8481 .mb-sm-6, 8482 .my-sm-6 { 8483 margin-bottom: 3rem !important; } 8484 .ml-sm-6, 8485 .mx-sm-6 { 8486 margin-left: 3rem !important; } 8487 .p-sm-0 { 8488 padding: 0 !important; } 8489 .pt-sm-0, 8490 .py-sm-0 { 8491 padding-top: 0 !important; } 8492 .pr-sm-0, 8493 .px-sm-0 { 8494 padding-right: 0 !important; } 8495 .pb-sm-0, 8496 .py-sm-0 { 8497 padding-bottom: 0 !important; } 8498 .pl-sm-0, 8499 .px-sm-0 { 8500 padding-left: 0 !important; } 8501 .p-sm-1 { 8502 padding: 0.25rem !important; } 8503 .pt-sm-1, 8504 .py-sm-1 { 8505 padding-top: 0.25rem !important; } 8506 .pr-sm-1, 8507 .px-sm-1 { 8508 padding-right: 0.25rem !important; } 8509 .pb-sm-1, 8510 .py-sm-1 { 8511 padding-bottom: 0.25rem !important; } 8512 .pl-sm-1, 8513 .px-sm-1 { 8514 padding-left: 0.25rem !important; } 8515 .p-sm-2 { 8516 padding: 0.5rem !important; } 8517 .pt-sm-2, 8518 .py-sm-2 { 8519 padding-top: 0.5rem !important; } 8520 .pr-sm-2, 8521 .px-sm-2 { 8522 padding-right: 0.5rem !important; } 8523 .pb-sm-2, 8524 .py-sm-2 { 8525 padding-bottom: 0.5rem !important; } 8526 .pl-sm-2, 8527 .px-sm-2 { 8528 padding-left: 0.5rem !important; } 8529 .p-sm-3 { 8530 padding: 1rem !important; } 8531 .pt-sm-3, 8532 .py-sm-3 { 8533 padding-top: 1rem !important; } 8534 .pr-sm-3, 8535 .px-sm-3 { 8536 padding-right: 1rem !important; } 8537 .pb-sm-3, 8538 .py-sm-3 { 8539 padding-bottom: 1rem !important; } 8540 .pl-sm-3, 8541 .px-sm-3 { 8542 padding-left: 1rem !important; } 8543 .p-sm-4 { 8544 padding: 1.5rem !important; } 8545 .pt-sm-4, 8546 .py-sm-4 { 8547 padding-top: 1.5rem !important; } 8548 .pr-sm-4, 8549 .px-sm-4 { 8550 padding-right: 1.5rem !important; } 8551 .pb-sm-4, 8552 .py-sm-4 { 8553 padding-bottom: 1.5rem !important; } 8554 .pl-sm-4, 8555 .px-sm-4 { 8556 padding-left: 1.5rem !important; } 8557 .p-sm-5 { 8558 padding: 2rem !important; } 8559 .pt-sm-5, 8560 .py-sm-5 { 8561 padding-top: 2rem !important; } 8562 .pr-sm-5, 8563 .px-sm-5 { 8564 padding-right: 2rem !important; } 8565 .pb-sm-5, 8566 .py-sm-5 { 8567 padding-bottom: 2rem !important; } 8568 .pl-sm-5, 8569 .px-sm-5 { 8570 padding-left: 2rem !important; } 8571 .p-sm-6 { 8572 padding: 3rem !important; } 8573 .pt-sm-6, 8574 .py-sm-6 { 8575 padding-top: 3rem !important; } 8576 .pr-sm-6, 8577 .px-sm-6 { 8578 padding-right: 3rem !important; } 8579 .pb-sm-6, 8580 .py-sm-6 { 8581 padding-bottom: 3rem !important; } 8582 .pl-sm-6, 8583 .px-sm-6 { 8584 padding-left: 3rem !important; } 8585 .m-sm-n1 { 8586 margin: -0.25rem !important; } 8587 .mt-sm-n1, 8588 .my-sm-n1 { 8589 margin-top: -0.25rem !important; } 8590 .mr-sm-n1, 8591 .mx-sm-n1 { 8592 margin-right: -0.25rem !important; } 8593 .mb-sm-n1, 8594 .my-sm-n1 { 8595 margin-bottom: -0.25rem !important; } 8596 .ml-sm-n1, 8597 .mx-sm-n1 { 8598 margin-left: -0.25rem !important; } 8599 .m-sm-n2 { 8600 margin: -0.5rem !important; } 8601 .mt-sm-n2, 8602 .my-sm-n2 { 8603 margin-top: -0.5rem !important; } 8604 .mr-sm-n2, 8605 .mx-sm-n2 { 8606 margin-right: -0.5rem !important; } 8607 .mb-sm-n2, 8608 .my-sm-n2 { 8609 margin-bottom: -0.5rem !important; } 8610 .ml-sm-n2, 8611 .mx-sm-n2 { 8612 margin-left: -0.5rem !important; } 8613 .m-sm-n3 { 8614 margin: -1rem !important; } 8615 .mt-sm-n3, 8616 .my-sm-n3 { 8617 margin-top: -1rem !important; } 8618 .mr-sm-n3, 8619 .mx-sm-n3 { 8620 margin-right: -1rem !important; } 8621 .mb-sm-n3, 8622 .my-sm-n3 { 8623 margin-bottom: -1rem !important; } 8624 .ml-sm-n3, 8625 .mx-sm-n3 { 8626 margin-left: -1rem !important; } 8627 .m-sm-n4 { 8628 margin: -1.5rem !important; } 8629 .mt-sm-n4, 8630 .my-sm-n4 { 8631 margin-top: -1.5rem !important; } 8632 .mr-sm-n4, 8633 .mx-sm-n4 { 8634 margin-right: -1.5rem !important; } 8635 .mb-sm-n4, 8636 .my-sm-n4 { 8637 margin-bottom: -1.5rem !important; } 8638 .ml-sm-n4, 8639 .mx-sm-n4 { 8640 margin-left: -1.5rem !important; } 8641 .m-sm-n5 { 8642 margin: -2rem !important; } 8643 .mt-sm-n5, 8644 .my-sm-n5 { 8645 margin-top: -2rem !important; } 8646 .mr-sm-n5, 8647 .mx-sm-n5 { 8648 margin-right: -2rem !important; } 8649 .mb-sm-n5, 8650 .my-sm-n5 { 8651 margin-bottom: -2rem !important; } 8652 .ml-sm-n5, 8653 .mx-sm-n5 { 8654 margin-left: -2rem !important; } 8655 .m-sm-n6 { 8656 margin: -3rem !important; } 8657 .mt-sm-n6, 8658 .my-sm-n6 { 8659 margin-top: -3rem !important; } 8660 .mr-sm-n6, 8661 .mx-sm-n6 { 8662 margin-right: -3rem !important; } 8663 .mb-sm-n6, 8664 .my-sm-n6 { 8665 margin-bottom: -3rem !important; } 8666 .ml-sm-n6, 8667 .mx-sm-n6 { 8668 margin-left: -3rem !important; } 8669 .m-sm-auto { 8670 margin: auto !important; } 8671 .mt-sm-auto, 8672 .my-sm-auto { 8673 margin-top: auto !important; } 8674 .mr-sm-auto, 8675 .mx-sm-auto { 8676 margin-right: auto !important; } 8677 .mb-sm-auto, 8678 .my-sm-auto { 8679 margin-bottom: auto !important; } 8680 .ml-sm-auto, 8681 .mx-sm-auto { 8682 margin-left: auto !important; } } 8683 8684@media (min-width: 768px) { 8685 .m-md-0 { 8686 margin: 0 !important; } 8687 .mt-md-0, 8688 .my-md-0 { 8689 margin-top: 0 !important; } 8690 .mr-md-0, 8691 .mx-md-0 { 8692 margin-right: 0 !important; } 8693 .mb-md-0, 8694 .my-md-0 { 8695 margin-bottom: 0 !important; } 8696 .ml-md-0, 8697 .mx-md-0 { 8698 margin-left: 0 !important; } 8699 .m-md-1 { 8700 margin: 0.25rem !important; } 8701 .mt-md-1, 8702 .my-md-1 { 8703 margin-top: 0.25rem !important; } 8704 .mr-md-1, 8705 .mx-md-1 { 8706 margin-right: 0.25rem !important; } 8707 .mb-md-1, 8708 .my-md-1 { 8709 margin-bottom: 0.25rem !important; } 8710 .ml-md-1, 8711 .mx-md-1 { 8712 margin-left: 0.25rem !important; } 8713 .m-md-2 { 8714 margin: 0.5rem !important; } 8715 .mt-md-2, 8716 .my-md-2 { 8717 margin-top: 0.5rem !important; } 8718 .mr-md-2, 8719 .mx-md-2 { 8720 margin-right: 0.5rem !important; } 8721 .mb-md-2, 8722 .my-md-2 { 8723 margin-bottom: 0.5rem !important; } 8724 .ml-md-2, 8725 .mx-md-2 { 8726 margin-left: 0.5rem !important; } 8727 .m-md-3 { 8728 margin: 1rem !important; } 8729 .mt-md-3, 8730 .my-md-3 { 8731 margin-top: 1rem !important; } 8732 .mr-md-3, 8733 .mx-md-3 { 8734 margin-right: 1rem !important; } 8735 .mb-md-3, 8736 .my-md-3 { 8737 margin-bottom: 1rem !important; } 8738 .ml-md-3, 8739 .mx-md-3 { 8740 margin-left: 1rem !important; } 8741 .m-md-4 { 8742 margin: 1.5rem !important; } 8743 .mt-md-4, 8744 .my-md-4 { 8745 margin-top: 1.5rem !important; } 8746 .mr-md-4, 8747 .mx-md-4 { 8748 margin-right: 1.5rem !important; } 8749 .mb-md-4, 8750 .my-md-4 { 8751 margin-bottom: 1.5rem !important; } 8752 .ml-md-4, 8753 .mx-md-4 { 8754 margin-left: 1.5rem !important; } 8755 .m-md-5 { 8756 margin: 2rem !important; } 8757 .mt-md-5, 8758 .my-md-5 { 8759 margin-top: 2rem !important; } 8760 .mr-md-5, 8761 .mx-md-5 { 8762 margin-right: 2rem !important; } 8763 .mb-md-5, 8764 .my-md-5 { 8765 margin-bottom: 2rem !important; } 8766 .ml-md-5, 8767 .mx-md-5 { 8768 margin-left: 2rem !important; } 8769 .m-md-6 { 8770 margin: 3rem !important; } 8771 .mt-md-6, 8772 .my-md-6 { 8773 margin-top: 3rem !important; } 8774 .mr-md-6, 8775 .mx-md-6 { 8776 margin-right: 3rem !important; } 8777 .mb-md-6, 8778 .my-md-6 { 8779 margin-bottom: 3rem !important; } 8780 .ml-md-6, 8781 .mx-md-6 { 8782 margin-left: 3rem !important; } 8783 .p-md-0 { 8784 padding: 0 !important; } 8785 .pt-md-0, 8786 .py-md-0 { 8787 padding-top: 0 !important; } 8788 .pr-md-0, 8789 .px-md-0 { 8790 padding-right: 0 !important; } 8791 .pb-md-0, 8792 .py-md-0 { 8793 padding-bottom: 0 !important; } 8794 .pl-md-0, 8795 .px-md-0 { 8796 padding-left: 0 !important; } 8797 .p-md-1 { 8798 padding: 0.25rem !important; } 8799 .pt-md-1, 8800 .py-md-1 { 8801 padding-top: 0.25rem !important; } 8802 .pr-md-1, 8803 .px-md-1 { 8804 padding-right: 0.25rem !important; } 8805 .pb-md-1, 8806 .py-md-1 { 8807 padding-bottom: 0.25rem !important; } 8808 .pl-md-1, 8809 .px-md-1 { 8810 padding-left: 0.25rem !important; } 8811 .p-md-2 { 8812 padding: 0.5rem !important; } 8813 .pt-md-2, 8814 .py-md-2 { 8815 padding-top: 0.5rem !important; } 8816 .pr-md-2, 8817 .px-md-2 { 8818 padding-right: 0.5rem !important; } 8819 .pb-md-2, 8820 .py-md-2 { 8821 padding-bottom: 0.5rem !important; } 8822 .pl-md-2, 8823 .px-md-2 { 8824 padding-left: 0.5rem !important; } 8825 .p-md-3 { 8826 padding: 1rem !important; } 8827 .pt-md-3, 8828 .py-md-3 { 8829 padding-top: 1rem !important; } 8830 .pr-md-3, 8831 .px-md-3 { 8832 padding-right: 1rem !important; } 8833 .pb-md-3, 8834 .py-md-3 { 8835 padding-bottom: 1rem !important; } 8836 .pl-md-3, 8837 .px-md-3 { 8838 padding-left: 1rem !important; } 8839 .p-md-4 { 8840 padding: 1.5rem !important; } 8841 .pt-md-4, 8842 .py-md-4 { 8843 padding-top: 1.5rem !important; } 8844 .pr-md-4, 8845 .px-md-4 { 8846 padding-right: 1.5rem !important; } 8847 .pb-md-4, 8848 .py-md-4 { 8849 padding-bottom: 1.5rem !important; } 8850 .pl-md-4, 8851 .px-md-4 { 8852 padding-left: 1.5rem !important; } 8853 .p-md-5 { 8854 padding: 2rem !important; } 8855 .pt-md-5, 8856 .py-md-5 { 8857 padding-top: 2rem !important; } 8858 .pr-md-5, 8859 .px-md-5 { 8860 padding-right: 2rem !important; } 8861 .pb-md-5, 8862 .py-md-5 { 8863 padding-bottom: 2rem !important; } 8864 .pl-md-5, 8865 .px-md-5 { 8866 padding-left: 2rem !important; } 8867 .p-md-6 { 8868 padding: 3rem !important; } 8869 .pt-md-6, 8870 .py-md-6 { 8871 padding-top: 3rem !important; } 8872 .pr-md-6, 8873 .px-md-6 { 8874 padding-right: 3rem !important; } 8875 .pb-md-6, 8876 .py-md-6 { 8877 padding-bottom: 3rem !important; } 8878 .pl-md-6, 8879 .px-md-6 { 8880 padding-left: 3rem !important; } 8881 .m-md-n1 { 8882 margin: -0.25rem !important; } 8883 .mt-md-n1, 8884 .my-md-n1 { 8885 margin-top: -0.25rem !important; } 8886 .mr-md-n1, 8887 .mx-md-n1 { 8888 margin-right: -0.25rem !important; } 8889 .mb-md-n1, 8890 .my-md-n1 { 8891 margin-bottom: -0.25rem !important; } 8892 .ml-md-n1, 8893 .mx-md-n1 { 8894 margin-left: -0.25rem !important; } 8895 .m-md-n2 { 8896 margin: -0.5rem !important; } 8897 .mt-md-n2, 8898 .my-md-n2 { 8899 margin-top: -0.5rem !important; } 8900 .mr-md-n2, 8901 .mx-md-n2 { 8902 margin-right: -0.5rem !important; } 8903 .mb-md-n2, 8904 .my-md-n2 { 8905 margin-bottom: -0.5rem !important; } 8906 .ml-md-n2, 8907 .mx-md-n2 { 8908 margin-left: -0.5rem !important; } 8909 .m-md-n3 { 8910 margin: -1rem !important; } 8911 .mt-md-n3, 8912 .my-md-n3 { 8913 margin-top: -1rem !important; } 8914 .mr-md-n3, 8915 .mx-md-n3 { 8916 margin-right: -1rem !important; } 8917 .mb-md-n3, 8918 .my-md-n3 { 8919 margin-bottom: -1rem !important; } 8920 .ml-md-n3, 8921 .mx-md-n3 { 8922 margin-left: -1rem !important; } 8923 .m-md-n4 { 8924 margin: -1.5rem !important; } 8925 .mt-md-n4, 8926 .my-md-n4 { 8927 margin-top: -1.5rem !important; } 8928 .mr-md-n4, 8929 .mx-md-n4 { 8930 margin-right: -1.5rem !important; } 8931 .mb-md-n4, 8932 .my-md-n4 { 8933 margin-bottom: -1.5rem !important; } 8934 .ml-md-n4, 8935 .mx-md-n4 { 8936 margin-left: -1.5rem !important; } 8937 .m-md-n5 { 8938 margin: -2rem !important; } 8939 .mt-md-n5, 8940 .my-md-n5 { 8941 margin-top: -2rem !important; } 8942 .mr-md-n5, 8943 .mx-md-n5 { 8944 margin-right: -2rem !important; } 8945 .mb-md-n5, 8946 .my-md-n5 { 8947 margin-bottom: -2rem !important; } 8948 .ml-md-n5, 8949 .mx-md-n5 { 8950 margin-left: -2rem !important; } 8951 .m-md-n6 { 8952 margin: -3rem !important; } 8953 .mt-md-n6, 8954 .my-md-n6 { 8955 margin-top: -3rem !important; } 8956 .mr-md-n6, 8957 .mx-md-n6 { 8958 margin-right: -3rem !important; } 8959 .mb-md-n6, 8960 .my-md-n6 { 8961 margin-bottom: -3rem !important; } 8962 .ml-md-n6, 8963 .mx-md-n6 { 8964 margin-left: -3rem !important; } 8965 .m-md-auto { 8966 margin: auto !important; } 8967 .mt-md-auto, 8968 .my-md-auto { 8969 margin-top: auto !important; } 8970 .mr-md-auto, 8971 .mx-md-auto { 8972 margin-right: auto !important; } 8973 .mb-md-auto, 8974 .my-md-auto { 8975 margin-bottom: auto !important; } 8976 .ml-md-auto, 8977 .mx-md-auto { 8978 margin-left: auto !important; } } 8979 8980@media (min-width: 992px) { 8981 .m-lg-0 { 8982 margin: 0 !important; } 8983 .mt-lg-0, 8984 .my-lg-0 { 8985 margin-top: 0 !important; } 8986 .mr-lg-0, 8987 .mx-lg-0 { 8988 margin-right: 0 !important; } 8989 .mb-lg-0, 8990 .my-lg-0 { 8991 margin-bottom: 0 !important; } 8992 .ml-lg-0, 8993 .mx-lg-0 { 8994 margin-left: 0 !important; } 8995 .m-lg-1 { 8996 margin: 0.25rem !important; } 8997 .mt-lg-1, 8998 .my-lg-1 { 8999 margin-top: 0.25rem !important; } 9000 .mr-lg-1, 9001 .mx-lg-1 { 9002 margin-right: 0.25rem !important; } 9003 .mb-lg-1, 9004 .my-lg-1 { 9005 margin-bottom: 0.25rem !important; } 9006 .ml-lg-1, 9007 .mx-lg-1 { 9008 margin-left: 0.25rem !important; } 9009 .m-lg-2 { 9010 margin: 0.5rem !important; } 9011 .mt-lg-2, 9012 .my-lg-2 { 9013 margin-top: 0.5rem !important; } 9014 .mr-lg-2, 9015 .mx-lg-2 { 9016 margin-right: 0.5rem !important; } 9017 .mb-lg-2, 9018 .my-lg-2 { 9019 margin-bottom: 0.5rem !important; } 9020 .ml-lg-2, 9021 .mx-lg-2 { 9022 margin-left: 0.5rem !important; } 9023 .m-lg-3 { 9024 margin: 1rem !important; } 9025 .mt-lg-3, 9026 .my-lg-3 { 9027 margin-top: 1rem !important; } 9028 .mr-lg-3, 9029 .mx-lg-3 { 9030 margin-right: 1rem !important; } 9031 .mb-lg-3, 9032 .my-lg-3 { 9033 margin-bottom: 1rem !important; } 9034 .ml-lg-3, 9035 .mx-lg-3 { 9036 margin-left: 1rem !important; } 9037 .m-lg-4 { 9038 margin: 1.5rem !important; } 9039 .mt-lg-4, 9040 .my-lg-4 { 9041 margin-top: 1.5rem !important; } 9042 .mr-lg-4, 9043 .mx-lg-4 { 9044 margin-right: 1.5rem !important; } 9045 .mb-lg-4, 9046 .my-lg-4 { 9047 margin-bottom: 1.5rem !important; } 9048 .ml-lg-4, 9049 .mx-lg-4 { 9050 margin-left: 1.5rem !important; } 9051 .m-lg-5 { 9052 margin: 2rem !important; } 9053 .mt-lg-5, 9054 .my-lg-5 { 9055 margin-top: 2rem !important; } 9056 .mr-lg-5, 9057 .mx-lg-5 { 9058 margin-right: 2rem !important; } 9059 .mb-lg-5, 9060 .my-lg-5 { 9061 margin-bottom: 2rem !important; } 9062 .ml-lg-5, 9063 .mx-lg-5 { 9064 margin-left: 2rem !important; } 9065 .m-lg-6 { 9066 margin: 3rem !important; } 9067 .mt-lg-6, 9068 .my-lg-6 { 9069 margin-top: 3rem !important; } 9070 .mr-lg-6, 9071 .mx-lg-6 { 9072 margin-right: 3rem !important; } 9073 .mb-lg-6, 9074 .my-lg-6 { 9075 margin-bottom: 3rem !important; } 9076 .ml-lg-6, 9077 .mx-lg-6 { 9078 margin-left: 3rem !important; } 9079 .p-lg-0 { 9080 padding: 0 !important; } 9081 .pt-lg-0, 9082 .py-lg-0 { 9083 padding-top: 0 !important; } 9084 .pr-lg-0, 9085 .px-lg-0 { 9086 padding-right: 0 !important; } 9087 .pb-lg-0, 9088 .py-lg-0 { 9089 padding-bottom: 0 !important; } 9090 .pl-lg-0, 9091 .px-lg-0 { 9092 padding-left: 0 !important; } 9093 .p-lg-1 { 9094 padding: 0.25rem !important; } 9095 .pt-lg-1, 9096 .py-lg-1 { 9097 padding-top: 0.25rem !important; } 9098 .pr-lg-1, 9099 .px-lg-1 { 9100 padding-right: 0.25rem !important; } 9101 .pb-lg-1, 9102 .py-lg-1 { 9103 padding-bottom: 0.25rem !important; } 9104 .pl-lg-1, 9105 .px-lg-1 { 9106 padding-left: 0.25rem !important; } 9107 .p-lg-2 { 9108 padding: 0.5rem !important; } 9109 .pt-lg-2, 9110 .py-lg-2 { 9111 padding-top: 0.5rem !important; } 9112 .pr-lg-2, 9113 .px-lg-2 { 9114 padding-right: 0.5rem !important; } 9115 .pb-lg-2, 9116 .py-lg-2 { 9117 padding-bottom: 0.5rem !important; } 9118 .pl-lg-2, 9119 .px-lg-2 { 9120 padding-left: 0.5rem !important; } 9121 .p-lg-3 { 9122 padding: 1rem !important; } 9123 .pt-lg-3, 9124 .py-lg-3 { 9125 padding-top: 1rem !important; } 9126 .pr-lg-3, 9127 .px-lg-3 { 9128 padding-right: 1rem !important; } 9129 .pb-lg-3, 9130 .py-lg-3 { 9131 padding-bottom: 1rem !important; } 9132 .pl-lg-3, 9133 .px-lg-3 { 9134 padding-left: 1rem !important; } 9135 .p-lg-4 { 9136 padding: 1.5rem !important; } 9137 .pt-lg-4, 9138 .py-lg-4 { 9139 padding-top: 1.5rem !important; } 9140 .pr-lg-4, 9141 .px-lg-4 { 9142 padding-right: 1.5rem !important; } 9143 .pb-lg-4, 9144 .py-lg-4 { 9145 padding-bottom: 1.5rem !important; } 9146 .pl-lg-4, 9147 .px-lg-4 { 9148 padding-left: 1.5rem !important; } 9149 .p-lg-5 { 9150 padding: 2rem !important; } 9151 .pt-lg-5, 9152 .py-lg-5 { 9153 padding-top: 2rem !important; } 9154 .pr-lg-5, 9155 .px-lg-5 { 9156 padding-right: 2rem !important; } 9157 .pb-lg-5, 9158 .py-lg-5 { 9159 padding-bottom: 2rem !important; } 9160 .pl-lg-5, 9161 .px-lg-5 { 9162 padding-left: 2rem !important; } 9163 .p-lg-6 { 9164 padding: 3rem !important; } 9165 .pt-lg-6, 9166 .py-lg-6 { 9167 padding-top: 3rem !important; } 9168 .pr-lg-6, 9169 .px-lg-6 { 9170 padding-right: 3rem !important; } 9171 .pb-lg-6, 9172 .py-lg-6 { 9173 padding-bottom: 3rem !important; } 9174 .pl-lg-6, 9175 .px-lg-6 { 9176 padding-left: 3rem !important; } 9177 .m-lg-n1 { 9178 margin: -0.25rem !important; } 9179 .mt-lg-n1, 9180 .my-lg-n1 { 9181 margin-top: -0.25rem !important; } 9182 .mr-lg-n1, 9183 .mx-lg-n1 { 9184 margin-right: -0.25rem !important; } 9185 .mb-lg-n1, 9186 .my-lg-n1 { 9187 margin-bottom: -0.25rem !important; } 9188 .ml-lg-n1, 9189 .mx-lg-n1 { 9190 margin-left: -0.25rem !important; } 9191 .m-lg-n2 { 9192 margin: -0.5rem !important; } 9193 .mt-lg-n2, 9194 .my-lg-n2 { 9195 margin-top: -0.5rem !important; } 9196 .mr-lg-n2, 9197 .mx-lg-n2 { 9198 margin-right: -0.5rem !important; } 9199 .mb-lg-n2, 9200 .my-lg-n2 { 9201 margin-bottom: -0.5rem !important; } 9202 .ml-lg-n2, 9203 .mx-lg-n2 { 9204 margin-left: -0.5rem !important; } 9205 .m-lg-n3 { 9206 margin: -1rem !important; } 9207 .mt-lg-n3, 9208 .my-lg-n3 { 9209 margin-top: -1rem !important; } 9210 .mr-lg-n3, 9211 .mx-lg-n3 { 9212 margin-right: -1rem !important; } 9213 .mb-lg-n3, 9214 .my-lg-n3 { 9215 margin-bottom: -1rem !important; } 9216 .ml-lg-n3, 9217 .mx-lg-n3 { 9218 margin-left: -1rem !important; } 9219 .m-lg-n4 { 9220 margin: -1.5rem !important; } 9221 .mt-lg-n4, 9222 .my-lg-n4 { 9223 margin-top: -1.5rem !important; } 9224 .mr-lg-n4, 9225 .mx-lg-n4 { 9226 margin-right: -1.5rem !important; } 9227 .mb-lg-n4, 9228 .my-lg-n4 { 9229 margin-bottom: -1.5rem !important; } 9230 .ml-lg-n4, 9231 .mx-lg-n4 { 9232 margin-left: -1.5rem !important; } 9233 .m-lg-n5 { 9234 margin: -2rem !important; } 9235 .mt-lg-n5, 9236 .my-lg-n5 { 9237 margin-top: -2rem !important; } 9238 .mr-lg-n5, 9239 .mx-lg-n5 { 9240 margin-right: -2rem !important; } 9241 .mb-lg-n5, 9242 .my-lg-n5 { 9243 margin-bottom: -2rem !important; } 9244 .ml-lg-n5, 9245 .mx-lg-n5 { 9246 margin-left: -2rem !important; } 9247 .m-lg-n6 { 9248 margin: -3rem !important; } 9249 .mt-lg-n6, 9250 .my-lg-n6 { 9251 margin-top: -3rem !important; } 9252 .mr-lg-n6, 9253 .mx-lg-n6 { 9254 margin-right: -3rem !important; } 9255 .mb-lg-n6, 9256 .my-lg-n6 { 9257 margin-bottom: -3rem !important; } 9258 .ml-lg-n6, 9259 .mx-lg-n6 { 9260 margin-left: -3rem !important; } 9261 .m-lg-auto { 9262 margin: auto !important; } 9263 .mt-lg-auto, 9264 .my-lg-auto { 9265 margin-top: auto !important; } 9266 .mr-lg-auto, 9267 .mx-lg-auto { 9268 margin-right: auto !important; } 9269 .mb-lg-auto, 9270 .my-lg-auto { 9271 margin-bottom: auto !important; } 9272 .ml-lg-auto, 9273 .mx-lg-auto { 9274 margin-left: auto !important; } } 9275 9276@media (min-width: 1200px) { 9277 .m-xl-0 { 9278 margin: 0 !important; } 9279 .mt-xl-0, 9280 .my-xl-0 { 9281 margin-top: 0 !important; } 9282 .mr-xl-0, 9283 .mx-xl-0 { 9284 margin-right: 0 !important; } 9285 .mb-xl-0, 9286 .my-xl-0 { 9287 margin-bottom: 0 !important; } 9288 .ml-xl-0, 9289 .mx-xl-0 { 9290 margin-left: 0 !important; } 9291 .m-xl-1 { 9292 margin: 0.25rem !important; } 9293 .mt-xl-1, 9294 .my-xl-1 { 9295 margin-top: 0.25rem !important; } 9296 .mr-xl-1, 9297 .mx-xl-1 { 9298 margin-right: 0.25rem !important; } 9299 .mb-xl-1, 9300 .my-xl-1 { 9301 margin-bottom: 0.25rem !important; } 9302 .ml-xl-1, 9303 .mx-xl-1 { 9304 margin-left: 0.25rem !important; } 9305 .m-xl-2 { 9306 margin: 0.5rem !important; } 9307 .mt-xl-2, 9308 .my-xl-2 { 9309 margin-top: 0.5rem !important; } 9310 .mr-xl-2, 9311 .mx-xl-2 { 9312 margin-right: 0.5rem !important; } 9313 .mb-xl-2, 9314 .my-xl-2 { 9315 margin-bottom: 0.5rem !important; } 9316 .ml-xl-2, 9317 .mx-xl-2 { 9318 margin-left: 0.5rem !important; } 9319 .m-xl-3 { 9320 margin: 1rem !important; } 9321 .mt-xl-3, 9322 .my-xl-3 { 9323 margin-top: 1rem !important; } 9324 .mr-xl-3, 9325 .mx-xl-3 { 9326 margin-right: 1rem !important; } 9327 .mb-xl-3, 9328 .my-xl-3 { 9329 margin-bottom: 1rem !important; } 9330 .ml-xl-3, 9331 .mx-xl-3 { 9332 margin-left: 1rem !important; } 9333 .m-xl-4 { 9334 margin: 1.5rem !important; } 9335 .mt-xl-4, 9336 .my-xl-4 { 9337 margin-top: 1.5rem !important; } 9338 .mr-xl-4, 9339 .mx-xl-4 { 9340 margin-right: 1.5rem !important; } 9341 .mb-xl-4, 9342 .my-xl-4 { 9343 margin-bottom: 1.5rem !important; } 9344 .ml-xl-4, 9345 .mx-xl-4 { 9346 margin-left: 1.5rem !important; } 9347 .m-xl-5 { 9348 margin: 2rem !important; } 9349 .mt-xl-5, 9350 .my-xl-5 { 9351 margin-top: 2rem !important; } 9352 .mr-xl-5, 9353 .mx-xl-5 { 9354 margin-right: 2rem !important; } 9355 .mb-xl-5, 9356 .my-xl-5 { 9357 margin-bottom: 2rem !important; } 9358 .ml-xl-5, 9359 .mx-xl-5 { 9360 margin-left: 2rem !important; } 9361 .m-xl-6 { 9362 margin: 3rem !important; } 9363 .mt-xl-6, 9364 .my-xl-6 { 9365 margin-top: 3rem !important; } 9366 .mr-xl-6, 9367 .mx-xl-6 { 9368 margin-right: 3rem !important; } 9369 .mb-xl-6, 9370 .my-xl-6 { 9371 margin-bottom: 3rem !important; } 9372 .ml-xl-6, 9373 .mx-xl-6 { 9374 margin-left: 3rem !important; } 9375 .p-xl-0 { 9376 padding: 0 !important; } 9377 .pt-xl-0, 9378 .py-xl-0 { 9379 padding-top: 0 !important; } 9380 .pr-xl-0, 9381 .px-xl-0 { 9382 padding-right: 0 !important; } 9383 .pb-xl-0, 9384 .py-xl-0 { 9385 padding-bottom: 0 !important; } 9386 .pl-xl-0, 9387 .px-xl-0 { 9388 padding-left: 0 !important; } 9389 .p-xl-1 { 9390 padding: 0.25rem !important; } 9391 .pt-xl-1, 9392 .py-xl-1 { 9393 padding-top: 0.25rem !important; } 9394 .pr-xl-1, 9395 .px-xl-1 { 9396 padding-right: 0.25rem !important; } 9397 .pb-xl-1, 9398 .py-xl-1 { 9399 padding-bottom: 0.25rem !important; } 9400 .pl-xl-1, 9401 .px-xl-1 { 9402 padding-left: 0.25rem !important; } 9403 .p-xl-2 { 9404 padding: 0.5rem !important; } 9405 .pt-xl-2, 9406 .py-xl-2 { 9407 padding-top: 0.5rem !important; } 9408 .pr-xl-2, 9409 .px-xl-2 { 9410 padding-right: 0.5rem !important; } 9411 .pb-xl-2, 9412 .py-xl-2 { 9413 padding-bottom: 0.5rem !important; } 9414 .pl-xl-2, 9415 .px-xl-2 { 9416 padding-left: 0.5rem !important; } 9417 .p-xl-3 { 9418 padding: 1rem !important; } 9419 .pt-xl-3, 9420 .py-xl-3 { 9421 padding-top: 1rem !important; } 9422 .pr-xl-3, 9423 .px-xl-3 { 9424 padding-right: 1rem !important; } 9425 .pb-xl-3, 9426 .py-xl-3 { 9427 padding-bottom: 1rem !important; } 9428 .pl-xl-3, 9429 .px-xl-3 { 9430 padding-left: 1rem !important; } 9431 .p-xl-4 { 9432 padding: 1.5rem !important; } 9433 .pt-xl-4, 9434 .py-xl-4 { 9435 padding-top: 1.5rem !important; } 9436 .pr-xl-4, 9437 .px-xl-4 { 9438 padding-right: 1.5rem !important; } 9439 .pb-xl-4, 9440 .py-xl-4 { 9441 padding-bottom: 1.5rem !important; } 9442 .pl-xl-4, 9443 .px-xl-4 { 9444 padding-left: 1.5rem !important; } 9445 .p-xl-5 { 9446 padding: 2rem !important; } 9447 .pt-xl-5, 9448 .py-xl-5 { 9449 padding-top: 2rem !important; } 9450 .pr-xl-5, 9451 .px-xl-5 { 9452 padding-right: 2rem !important; } 9453 .pb-xl-5, 9454 .py-xl-5 { 9455 padding-bottom: 2rem !important; } 9456 .pl-xl-5, 9457 .px-xl-5 { 9458 padding-left: 2rem !important; } 9459 .p-xl-6 { 9460 padding: 3rem !important; } 9461 .pt-xl-6, 9462 .py-xl-6 { 9463 padding-top: 3rem !important; } 9464 .pr-xl-6, 9465 .px-xl-6 { 9466 padding-right: 3rem !important; } 9467 .pb-xl-6, 9468 .py-xl-6 { 9469 padding-bottom: 3rem !important; } 9470 .pl-xl-6, 9471 .px-xl-6 { 9472 padding-left: 3rem !important; } 9473 .m-xl-n1 { 9474 margin: -0.25rem !important; } 9475 .mt-xl-n1, 9476 .my-xl-n1 { 9477 margin-top: -0.25rem !important; } 9478 .mr-xl-n1, 9479 .mx-xl-n1 { 9480 margin-right: -0.25rem !important; } 9481 .mb-xl-n1, 9482 .my-xl-n1 { 9483 margin-bottom: -0.25rem !important; } 9484 .ml-xl-n1, 9485 .mx-xl-n1 { 9486 margin-left: -0.25rem !important; } 9487 .m-xl-n2 { 9488 margin: -0.5rem !important; } 9489 .mt-xl-n2, 9490 .my-xl-n2 { 9491 margin-top: -0.5rem !important; } 9492 .mr-xl-n2, 9493 .mx-xl-n2 { 9494 margin-right: -0.5rem !important; } 9495 .mb-xl-n2, 9496 .my-xl-n2 { 9497 margin-bottom: -0.5rem !important; } 9498 .ml-xl-n2, 9499 .mx-xl-n2 { 9500 margin-left: -0.5rem !important; } 9501 .m-xl-n3 { 9502 margin: -1rem !important; } 9503 .mt-xl-n3, 9504 .my-xl-n3 { 9505 margin-top: -1rem !important; } 9506 .mr-xl-n3, 9507 .mx-xl-n3 { 9508 margin-right: -1rem !important; } 9509 .mb-xl-n3, 9510 .my-xl-n3 { 9511 margin-bottom: -1rem !important; } 9512 .ml-xl-n3, 9513 .mx-xl-n3 { 9514 margin-left: -1rem !important; } 9515 .m-xl-n4 { 9516 margin: -1.5rem !important; } 9517 .mt-xl-n4, 9518 .my-xl-n4 { 9519 margin-top: -1.5rem !important; } 9520 .mr-xl-n4, 9521 .mx-xl-n4 { 9522 margin-right: -1.5rem !important; } 9523 .mb-xl-n4, 9524 .my-xl-n4 { 9525 margin-bottom: -1.5rem !important; } 9526 .ml-xl-n4, 9527 .mx-xl-n4 { 9528 margin-left: -1.5rem !important; } 9529 .m-xl-n5 { 9530 margin: -2rem !important; } 9531 .mt-xl-n5, 9532 .my-xl-n5 { 9533 margin-top: -2rem !important; } 9534 .mr-xl-n5, 9535 .mx-xl-n5 { 9536 margin-right: -2rem !important; } 9537 .mb-xl-n5, 9538 .my-xl-n5 { 9539 margin-bottom: -2rem !important; } 9540 .ml-xl-n5, 9541 .mx-xl-n5 { 9542 margin-left: -2rem !important; } 9543 .m-xl-n6 { 9544 margin: -3rem !important; } 9545 .mt-xl-n6, 9546 .my-xl-n6 { 9547 margin-top: -3rem !important; } 9548 .mr-xl-n6, 9549 .mx-xl-n6 { 9550 margin-right: -3rem !important; } 9551 .mb-xl-n6, 9552 .my-xl-n6 { 9553 margin-bottom: -3rem !important; } 9554 .ml-xl-n6, 9555 .mx-xl-n6 { 9556 margin-left: -3rem !important; } 9557 .m-xl-auto { 9558 margin: auto !important; } 9559 .mt-xl-auto, 9560 .my-xl-auto { 9561 margin-top: auto !important; } 9562 .mr-xl-auto, 9563 .mx-xl-auto { 9564 margin-right: auto !important; } 9565 .mb-xl-auto, 9566 .my-xl-auto { 9567 margin-bottom: auto !important; } 9568 .ml-xl-auto, 9569 .mx-xl-auto { 9570 margin-left: auto !important; } } 9571 9572.stretched-link::after { 9573 position: absolute; 9574 top: 0; 9575 right: 0; 9576 bottom: 0; 9577 left: 0; 9578 z-index: 1; 9579 pointer-events: auto; 9580 content: ""; 9581 background-color: rgba(0, 0, 0, 0); } 9582 9583.text-monospace { 9584 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } 9585 9586.text-justify { 9587 text-align: justify !important; } 9588 9589.text-wrap { 9590 white-space: normal !important; } 9591 9592.text-nowrap { 9593 white-space: nowrap !important; } 9594 9595.text-truncate { 9596 overflow: hidden; 9597 text-overflow: ellipsis; 9598 white-space: nowrap; } 9599 9600.text-left { 9601 text-align: left !important; } 9602 9603.text-right { 9604 text-align: right !important; } 9605 9606.text-center { 9607 text-align: center !important; } 9608 9609@media (min-width: 576px) { 9610 .text-sm-left { 9611 text-align: left !important; } 9612 .text-sm-right { 9613 text-align: right !important; } 9614 .text-sm-center { 9615 text-align: center !important; } } 9616 9617@media (min-width: 768px) { 9618 .text-md-left { 9619 text-align: left !important; } 9620 .text-md-right { 9621 text-align: right !important; } 9622 .text-md-center { 9623 text-align: center !important; } } 9624 9625@media (min-width: 992px) { 9626 .text-lg-left { 9627 text-align: left !important; } 9628 .text-lg-right { 9629 text-align: right !important; } 9630 .text-lg-center { 9631 text-align: center !important; } } 9632 9633@media (min-width: 1200px) { 9634 .text-xl-left { 9635 text-align: left !important; } 9636 .text-xl-right { 9637 text-align: right !important; } 9638 .text-xl-center { 9639 text-align: center !important; } } 9640 9641.text-lowercase { 9642 text-transform: lowercase !important; } 9643 9644.text-uppercase { 9645 text-transform: uppercase !important; } 9646 9647.text-capitalize { 9648 text-transform: capitalize !important; } 9649 9650.font-weight-light { 9651 font-weight: 300 !important; } 9652 9653.font-weight-lighter { 9654 font-weight: lighter !important; } 9655 9656.font-weight-normal { 9657 font-weight: 400 !important; } 9658 9659.font-weight-bold { 9660 font-weight: 700 !important; } 9661 9662.font-weight-bolder { 9663 font-weight: bolder !important; } 9664 9665.font-italic { 9666 font-style: italic !important; } 9667 9668.text-white { 9669 color: #fff !important; } 9670 9671.text-primary { 9672 color: #0f6cbf !important; } 9673 9674a.text-primary:hover, a.text-primary:focus { 9675 color: #094478 !important; } 9676 9677.text-secondary { 9678 color: #ced4da !important; } 9679 9680a.text-secondary:hover, a.text-secondary:focus { 9681 color: #a2aeb9 !important; } 9682 9683.text-success { 9684 color: #357a32 !important; } 9685 9686a.text-success:hover, a.text-success:focus { 9687 color: #1d441c !important; } 9688 9689.text-info { 9690 color: #008196 !important; } 9691 9692a.text-info:hover, a.text-info:focus { 9693 color: #003f4a !important; } 9694 9695.text-warning { 9696 color: #f0ad4e !important; } 9697 9698a.text-warning:hover, a.text-warning:focus { 9699 color: #df8a13 !important; } 9700 9701.text-danger { 9702 color: #ca3120 !important; } 9703 9704a.text-danger:hover, a.text-danger:focus { 9705 color: #882116 !important; } 9706 9707.text-light { 9708 color: #f8f9fa !important; } 9709 9710a.text-light:hover, a.text-light:focus { 9711 color: #cbd3da !important; } 9712 9713.text-dark { 9714 color: #343a40 !important; } 9715 9716a.text-dark:hover, a.text-dark:focus { 9717 color: #121416 !important; } 9718 9719.text-body { 9720 color: #1d2125 !important; } 9721 9722.text-muted { 9723 color: #6a737b !important; } 9724 9725.text-black-50 { 9726 color: rgba(0, 0, 0, 0.5) !important; } 9727 9728.text-white-50 { 9729 color: rgba(255, 255, 255, 0.5) !important; } 9730 9731.text-hide { 9732 font: 0/0 a; 9733 color: transparent; 9734 text-shadow: none; 9735 background-color: transparent; 9736 border: 0; } 9737 9738.text-decoration-none { 9739 text-decoration: none !important; } 9740 9741.text-break { 9742 word-wrap: break-word !important; } 9743 9744.text-reset { 9745 color: inherit !important; } 9746 9747.visible { 9748 visibility: visible !important; } 9749 9750.invisible { 9751 visibility: hidden !important; } 9752 9753@media print { 9754 *, 9755 *::before, 9756 *::after { 9757 text-shadow: none !important; 9758 box-shadow: none !important; } 9759 a:not(.btn) { 9760 text-decoration: underline; } 9761 abbr[title]::after { 9762 content: " (" attr(title) ")"; } 9763 pre { 9764 white-space: pre-wrap !important; } 9765 pre, 9766 blockquote { 9767 border: 1px solid #8f959e; 9768 page-break-inside: avoid; } 9769 thead { 9770 display: table-header-group; } 9771 tr, 9772 img { 9773 page-break-inside: avoid; } 9774 p, 9775 h2, 9776 h3 { 9777 orphans: 3; 9778 widows: 3; } 9779 h2, 9780 h3 { 9781 page-break-after: avoid; } 9782 body { 9783 min-width: 992px !important; } 9784 .container { 9785 min-width: 992px !important; } 9786 .navbar { 9787 display: none; } 9788 .badge { 9789 border: 1px solid #000; } 9790 .table { 9791 border-collapse: collapse !important; } 9792 .table td, 9793 .table th { 9794 background-color: #fff !important; } 9795 .table-bordered th, 9796 .table-bordered td { 9797 border: 1px solid #dee2e6 !important; } 9798 .table-dark { 9799 color: inherit; } 9800 .table-dark th, 9801 .table-dark td, 9802 .table-dark thead th, 9803 .table-dark tbody + tbody { 9804 border-color: #dee2e6; } 9805 .table .thead-dark th { 9806 color: inherit; 9807 border-color: #dee2e6; } } 9808 9809/** 9810 * Bootstrap overrides for RTL 9811 * 9812 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for 9813 * moodle scss should be placed immediately after the definition of the ltr rule. 9814 */ 9815.breadcrumb-item + .breadcrumb-item::before { 9816 content: "/"; 9817 /*rtl:remove*/ 9818 content: "/"; 9819 /* stylelint-disable-line declaration-block-no-duplicate-properties */ } 9820 9821.dir-rtl .custom-select { 9822 background-position: 0.75rem center; } 9823 9824/*rtl:raw: 9825.dropdown-menu { 9826 right: auto; 9827 left: 0; 9828 text-align: right; 9829} 9830*/ 9831.dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after { 9832 transform: translateX(-0.75rem); } 9833 9834/** 9835 * Moodle variables 9836 * 9837 * Variables written for Moodle specific components 9838 * 9839 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in 9840 * preset files instead. 9841 */ 9842/* core.less */ 9843#region-main { 9844 overflow-x: auto; 9845 overflow-y: visible; 9846 background-color: #fff; } 9847 9848@media (min-width: 576px) { 9849 #region-main { 9850 border: 1px solid rgba(0, 0, 0, 0.125); 9851 border-radius: 0.25rem; 9852 padding: 1.25rem; } } 9853 9854@media (min-width: 576px) { 9855 .context-header-settings-menu, 9856 .region-main-settings-menu { 9857 float: right; 9858 width: auto; 9859 max-width: 4em; 9860 height: 2em; 9861 display: block; 9862 margin-top: 4px; } } 9863 9864@media (max-width: 767.98px) { 9865 .context-header-settings-menu, 9866 .region-main-settings-menu { 9867 display: flex; 9868 justify-content: flex-end; } } 9869 9870#goto-top-link { 9871 visibility: hidden; 9872 opacity: 0; 9873 transition: opacity .7s ease 0s, visibility .1s ease .8s; 9874 display: block; 9875 position: fixed; 9876 bottom: 50px; 9877 right: 0; } 9878 #goto-top-link a { 9879 position: absolute; 9880 right: 0; 9881 transform: translateY(-100%); } 9882 9883@media (max-width: 767.98px) { 9884 #goto-top-link { 9885 bottom: 0; } } 9886 9887body.scrolled #goto-top-link { 9888 opacity: 1; 9889 visibility: visible; 9890 transition: visibility 0s ease 0s, opacity .7s ease .1s; } 9891 9892.context-header-settings-menu .dropdown-toggle > .icon, 9893#region-main-settings-menu .dropdown-toggle > .icon { 9894 height: 24px; 9895 font-size: 24px; 9896 width: auto; } 9897 9898/** Prevent user notifications overlapping with region main settings menu */ 9899#user-notifications { 9900 display: block; 9901 overflow: hidden; } 9902 9903/** Page layout CSS starts **/ 9904.layout-option-noheader #page-header, 9905.layout-option-nonavbar #page-navbar, 9906.layout-option-nofooter #page-footer, 9907.layout-option-nocourseheader .course-content-header, 9908.layout-option-nocoursefooter .course-content-footer { 9909 display: none; } 9910 9911/** Page layout CSS ends **/ 9912.mdl-left { 9913 text-align: left; } 9914 9915.mdl-right { 9916 text-align: right; } 9917 9918/*rtl:ignore*/ 9919.text-ltr { 9920 direction: ltr !important; 9921 /* stylelint-disable-line declaration-no-important */ } 9922 9923#add, 9924#remove, 9925.centerpara, 9926.mdl-align { 9927 text-align: center; } 9928 9929a.dimmed, 9930a.dimmed:link, 9931a.dimmed:visited, 9932a.dimmed_text, 9933a.dimmed_text:link, 9934a.dimmed_text:visited, 9935.dimmed_text, 9936.dimmed_text a, 9937.dimmed_text a:link, 9938.dimmed_text a:visited, 9939.usersuspended, 9940.usersuspended a, 9941.usersuspended a:link, 9942.usersuspended a:visited, 9943.dimmed_category, 9944.dimmed_category a { 9945 color: #6a737b; } 9946 9947.aalink.focus, .aalink:focus, 9948#page-footer a:not([class]).focus, 9949#page-footer a:not([class]):focus, 9950.arrow_link.focus, 9951.arrow_link:focus, 9952a:not([class]).focus, 9953a:not([class]):focus, 9954.activityinstance > a.focus, 9955.activityinstance > a:focus { 9956 outline: 0.2rem solid transparent; 9957 color: #1d2125; 9958 background-color: #d2e8fb; 9959 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40; } 9960 9961.aalink:focus:hover, 9962#page-footer a:not([class]):focus:hover, 9963.arrow_link:focus:hover, 9964a:not([class]):focus:hover, 9965.activityinstance > a:focus:hover { 9966 text-decoration: none; } 9967 9968.aabtn.focus, .aabtn:focus, 9969.btn-link.focus, 9970.btn-link:focus, 9971.nav-link.focus, 9972.nav-link:focus, 9973.editor_atto_toolbar button.focus, 9974.editor_atto_toolbar button:focus, 9975[role="button"].focus, 9976[role="button"]:focus, 9977.list-group-item-action.focus, 9978.list-group-item-action:focus, 9979input[type="checkbox"].focus, 9980input[type="checkbox"]:focus, 9981input[type="radio"].focus, 9982input[type="radio"]:focus, 9983input[type="file"].focus, 9984input[type="file"]:focus, 9985input[type="image"].focus, 9986input[type="image"]:focus, 9987.sr-only-focusable.focus, 9988.sr-only-focusable:focus, 9989a.dropdown-toggle.focus, 9990a.dropdown-toggle:focus, 9991.modal-dialog[tabindex="0"].focus, 9992.modal-dialog[tabindex="0"]:focus, 9993.moodle-dialogue-base .closebutton.focus, 9994.moodle-dialogue-base .closebutton:focus, 9995button.close.focus, 9996button.close:focus, 9997.form-autocomplete-selection.focus, 9998.form-autocomplete-selection:focus, 9999[role="treeitem"]:not([aria-expanded="true"]).focus, 10000[role="treeitem"]:not([aria-expanded="true"]):focus { 10001 outline: 0; 10002 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 10003 10004.aabtn:focus:hover, 10005.btn-link:focus:hover, 10006.nav-link:focus:hover, 10007.editor_atto_toolbar button:focus:hover, 10008[role="button"]:focus:hover, 10009.list-group-item-action:focus:hover, 10010input[type="checkbox"]:focus:hover, 10011input[type="radio"]:focus:hover, 10012input[type="file"]:focus:hover, 10013input[type="image"]:focus:hover, 10014.sr-only-focusable:focus:hover, 10015a.dropdown-toggle:focus:hover, 10016.modal-dialog[tabindex="0"]:focus:hover, 10017.moodle-dialogue-base .closebutton:focus:hover, 10018button.close:focus:hover, 10019.form-autocomplete-selection:focus:hover, 10020[role="treeitem"]:not([aria-expanded="true"]):focus:hover { 10021 text-decoration: none; } 10022 10023[role="treeitem"][aria-expanded="true"] { 10024 outline: 0; } 10025 [role="treeitem"][aria-expanded="true"].focus > *:first-child, [role="treeitem"][aria-expanded="true"]:focus > *:first-child { 10026 outline: 0; 10027 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 10028 [role="treeitem"][aria-expanded="true"]:focus:hover { 10029 text-decoration: none; } 10030 10031.form-autocomplete-suggestions li[aria-selected=true] { 10032 outline: 0; 10033 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); } 10034 10035.safari input[type="checkbox"].focus, .safari input[type="checkbox"]:focus, 10036.safari input[type="radio"].focus, 10037.safari input[type="radio"]:focus { 10038 outline: auto; } 10039 10040.unlist, 10041.unlist li, 10042.inline-list, 10043.inline-list li, 10044.block .list, 10045.block .list li, 10046.section li.activity, 10047.section li.movehere, 10048.tabtree li { 10049 list-style: none; 10050 margin: 0; 10051 padding: 0; } 10052 10053.section li.movehere a { 10054 display: block; 10055 width: 100%; 10056 height: 2rem; 10057 border: 2px dashed #343a40; } 10058 10059.editing .course-content .hidden.sectionname { 10060 visibility: hidden; 10061 display: initial; } 10062 10063.inline, 10064.inline-list li { 10065 display: inline; } 10066 10067.notifytiny { 10068 font-size: 0.703125rem; } 10069 10070.notifytiny li, 10071.notifytiny td { 10072 font-size: 100%; } 10073 10074.red, 10075.notifyproblem { 10076 color: #f0ad4e; } 10077 10078.green, 10079.notifysuccess { 10080 color: #357a32; } 10081 10082.highlight { 10083 color: #008196; } 10084 10085.fitem.advanced .text-info { 10086 font-weight: bold; } 10087 10088.reportlink { 10089 text-align: right; } 10090 10091a.autolink.glossary:hover { 10092 cursor: help; } 10093 10094/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */ 10095.collapsibleregioncaption { 10096 white-space: nowrap; 10097 min-height: 1.40625rem; } 10098 10099.pagelayout-mydashboard.jsenabled .collapsibleregioncaption { 10100 cursor: pointer; } 10101 10102.pagelayout-mydashboard #region-main { 10103 border: 0; 10104 padding: 0; 10105 background-color: transparent; 10106 margin-top: -1px; } 10107 10108@media (max-width: 767.98px) { 10109 .pagelayout-mydashboard #region-main-box, 10110 .pagelayout-login #region-main-box { 10111 padding-left: 0; 10112 padding-right: 0; } } 10113 10114.collapsibleregioncaption img { 10115 vertical-align: middle; } 10116 10117.jsenabled .hiddenifjs { 10118 display: none; } 10119 10120.visibleifjs { 10121 display: none; } 10122 10123.jsenabled .visibleifjs { 10124 display: inline; } 10125 10126.jsenabled .collapsibleregion { 10127 overflow: hidden; 10128 box-sizing: content-box; } 10129 10130.jsenabled .collapsed .collapsibleregioninner { 10131 visibility: hidden; } 10132 10133.collapsible-actions { 10134 display: none; 10135 text-align: right; } 10136 10137.jsenabled .collapsible-actions { 10138 display: block; } 10139 10140.collapsible-actions .collapseexpand { 10141 padding-left: 20px; 10142 background: url([[pix:t/collapsed]]) 2px center no-repeat; } 10143 10144/*rtl:raw: 10145.collapsible-actions .collapseexpand { 10146 background: url([[pix:t/collapsed_rtl]]) right center no-repeat; 10147} 10148*/ 10149.collapsible-actions .collapse-all { 10150 background-image: url([[pix:t/expanded]]); } 10151 10152.yui-overlay .yui-widget-bd { 10153 background-color: #ffee69; 10154 border: 1px solid #a6982b; 10155 border-top-color: #d4c237; 10156 color: #000; 10157 left: 0; 10158 padding: 2px 5px; 10159 position: relative; 10160 top: 0; 10161 z-index: 1; } 10162 10163.clearer { 10164 background: transparent; 10165 border-width: 0; 10166 clear: both; 10167 display: block; 10168 height: 1px; 10169 margin: 0; 10170 padding: 0; } 10171 10172.bold, 10173.warning, 10174.errorbox .title, 10175.pagingbar .title, 10176.pagingbar .thispage { 10177 font-weight: bold; } 10178 10179img.userpicture { 10180 margin-right: 0.5rem; } 10181 10182img.resize { 10183 height: 1em; 10184 width: 1em; } 10185 10186.action-menu .dropdown-toggle { 10187 text-decoration: none; } 10188 10189.action-menu { 10190 white-space: nowrap; } 10191 10192.block img.resize { 10193 height: 0.9em; 10194 width: 0.8em; } 10195 10196/* Icon styles */ 10197img.activityicon { 10198 height: 24px; 10199 width: 24px; 10200 vertical-align: middle; } 10201 10202.headermain { 10203 font-weight: bold; } 10204 10205#maincontent { 10206 display: block; 10207 height: 1px; 10208 overflow: hidden; } 10209 10210img.uihint { 10211 cursor: help; } 10212 10213#addmembersform table { 10214 margin-left: auto; 10215 margin-right: auto; } 10216 10217table.flexible .emptyrow { 10218 display: none; } 10219 10220form.popupform, 10221form.popupform div { 10222 display: inline; } 10223 10224.arrow_button input { 10225 overflow: hidden; } 10226 10227.no-overflow { 10228 overflow: auto; } 10229 10230.no-overflow > .generaltable { 10231 position: relative; 10232 margin-bottom: 0; } 10233 10234.accesshide { 10235 position: absolute; 10236 width: 1px; 10237 height: 1px; 10238 padding: 0; 10239 margin: -1px; 10240 overflow: hidden; 10241 clip: rect(0, 0, 0, 0); 10242 white-space: nowrap; 10243 border: 0; } 10244 10245span.hide, 10246div.hide, 10247.hidden { 10248 display: none; } 10249 10250a.skip-block, 10251a.skip { 10252 position: absolute; 10253 top: -1000em; 10254 font-size: 0.85em; 10255 text-decoration: none; } 10256 10257a.skip-block:focus, 10258a.skip-block:active, 10259a.skip:focus, 10260a.skip:active { 10261 position: static; 10262 display: block; } 10263 10264.skip-block-to { 10265 display: block; 10266 height: 1px; 10267 overflow: hidden; } 10268 10269.addbloglink { 10270 text-align: center; } 10271 10272.blog_entry .audience { 10273 text-align: right; 10274 padding-right: 4px; } 10275 10276.blog_entry .tags { 10277 margin-top: 15px; } 10278 10279.blog_entry .content { 10280 margin-left: 43px; } 10281 10282#doc-contents h1 { 10283 margin: 1em 0 0 0; } 10284 10285#doc-contents ul { 10286 margin: 0; 10287 padding: 0; 10288 width: 90%; } 10289 10290#doc-contents ul li { 10291 list-style-type: none; } 10292 10293.groupmanagementtable td { 10294 vertical-align: top; } 10295 10296.groupmanagementtable #existingcell, 10297.groupmanagementtable #potentialcell { 10298 width: 42%; } 10299 10300.groupmanagementtable #buttonscell { 10301 width: 16%; } 10302 10303.groupmanagementtable #buttonscell p.arrow_button input { 10304 width: auto; 10305 min-width: 80%; 10306 margin: 0 auto; 10307 display: block; } 10308 10309.groupmanagementtable #removeselect_wrapper, 10310.groupmanagementtable #addselect_wrapper { 10311 width: 100%; } 10312 10313.groupmanagementtable #removeselect_wrapper label, 10314.groupmanagementtable #addselect_wrapper label { 10315 font-weight: normal; } 10316 10317#group-usersummary { 10318 width: 14em; } 10319 10320.groupselector { 10321 margin-top: 3px; 10322 margin-bottom: 3px; 10323 display: inline-block; } 10324 10325.groupselector label { 10326 display: inline-block; } 10327 10328.login-page [name="username"] { 10329 margin-bottom: -1px; 10330 border-bottom-right-radius: 0; 10331 border-bottom-left-radius: 0; } 10332 10333.login-page [type="password"] { 10334 margin-bottom: 10px; 10335 border-top-left-radius: 0; 10336 border-top-right-radius: 0; } 10337 10338.notepost { 10339 margin-bottom: 1em; } 10340 10341.notepost .userpicture { 10342 float: left; 10343 margin-right: 5px; } 10344 10345.notepost .content, 10346.notepost .footer { 10347 clear: both; } 10348 10349.notesgroup { 10350 margin-left: 20px; } 10351 10352.path-my .coursebox { 10353 margin: 1rem 0; 10354 padding: 0; } 10355 .path-my .coursebox .overview { 10356 margin: 15px 30px 10px 30px; } 10357 10358.path-my .coursebox .info { 10359 float: none; 10360 margin: 0; } 10361 10362.mod_introbox { 10363 padding: 10px; } 10364 10365table.mod_index { 10366 width: 100%; } 10367 10368.comment-ctrl { 10369 font-size: 12px; 10370 display: none; 10371 margin: 0; 10372 padding: 0; } 10373 10374.comment-ctrl h5 { 10375 margin: 0; 10376 padding: 5px; } 10377 10378.comment-area { 10379 max-width: 400px; 10380 padding: 5px; } 10381 10382.comment-area textarea { 10383 width: 100%; 10384 overflow: auto; } 10385 .comment-area textarea.fullwidth { 10386 -webkit-box-sizing: border-box; 10387 -moz-box-sizing: border-box; 10388 box-sizing: border-box; } 10389 10390.comment-area .fd { 10391 text-align: right; } 10392 10393.comment-meta span { 10394 color: gray; } 10395 10396.comment-link img { 10397 vertical-align: text-bottom; } 10398 10399.comment-list { 10400 font-size: 11px; 10401 overflow: auto; 10402 list-style: none; 10403 padding: 0; 10404 margin: 0; } 10405 10406.comment-list li { 10407 margin: 2px; 10408 list-style: none; 10409 margin-bottom: 5px; 10410 clear: both; 10411 padding: .3em; 10412 position: relative; } 10413 10414.comment-list li.first { 10415 display: none; } 10416 10417.comment-paging { 10418 text-align: center; } 10419 10420.comment-paging .pageno { 10421 padding: 2px; } 10422 10423.comment-paging .curpage { 10424 border: 1px solid #ccc; } 10425 10426.comment-message .picture { 10427 width: 20px; 10428 float: left; } 10429 10430.comment-message .text { 10431 margin: 0; 10432 padding: 0; } 10433 10434.comment-message .text p { 10435 padding: 0; 10436 margin: 0 18px 0 0; } 10437 10438.comment-delete { 10439 position: absolute; 10440 top: 0; 10441 right: 0; 10442 margin: .3em; } 10443 10444.comment-report-selectall { 10445 display: none; } 10446 10447.comment-link { 10448 display: none; } 10449 10450.jsenabled .comment-link { 10451 display: block; } 10452 10453.jsenabled .showcommentsnonjs { 10454 display: none; } 10455 10456.jsenabled .comment-report-selectall { 10457 display: inline; } 10458 10459/** 10460* Completion progress report 10461*/ 10462.completion-expired { 10463 color: #f0ad4e; } 10464 10465.completion-expected { 10466 font-size: 0.703125rem; } 10467 10468.completion-sortchoice, 10469.completion-identifyfield { 10470 font-size: 0.703125rem; 10471 vertical-align: bottom; } 10472 10473.completion-progresscell { 10474 text-align: right; } 10475 10476.completion-expired .completion-expected { 10477 font-weight: bold; } 10478 10479/** 10480* Tags 10481*/ 10482img.user-image { 10483 height: 100px; 10484 width: 100px; } 10485 10486#tag-search-box { 10487 text-align: center; 10488 margin: 10px auto; } 10489 10490.path-tag .tag-index-items .tagarea { 10491 border: 1px solid #e3e3e3; 10492 border-radius: 4px; 10493 padding: 10px; 10494 margin-top: 10px; } 10495 10496.path-tag .tag-index-items .tagarea h3 { 10497 display: block; 10498 padding: 3px 0 10px 0; 10499 margin: 0; 10500 font-size: 1.1em; 10501 font-weight: bold; 10502 line-height: 20px; 10503 color: #999; 10504 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 10505 text-transform: uppercase; 10506 word-wrap: break-word; 10507 border-bottom: solid 1px #e3e3e3; 10508 margin-bottom: 10px; } 10509 10510.path-tag .tagarea .controls::after, 10511.path-tag .tagarea .taggeditems::after { 10512 display: block; 10513 clear: both; 10514 content: ""; } 10515 10516.path-tag .tagarea .controls, 10517.path-tag .tag-backtoallitems { 10518 text-align: center; } 10519 10520.path-tag .tagarea .controls .gotopage.nextpage { 10521 float: right; } 10522 10523.path-tag .tagarea .controls .gotopage.prevpage { 10524 float: left; } 10525 10526.path-tag .tagarea .controls .exclusivemode { 10527 display: inline-block; } 10528 10529.path-tag .tagarea .controls.controls-bottom { 10530 margin-top: 5px; } 10531 10532.path-tag .tagarea .controls .gotopage.nextpage::after { 10533 padding-right: 5px; 10534 padding-left: 5px; 10535 content: "»"; } 10536 10537.path-tag .tagarea .controls .gotopage.prevpage::before { 10538 padding-right: 5px; 10539 padding-left: 5px; 10540 content: "«"; } 10541 10542span.flagged-tag, 10543tr.flagged-tag, 10544span.flagged-tag a, 10545tr.flagged-tag a { 10546 color: #f0ad4e; } 10547 10548.tag-management-table td, 10549.tag-management-table th { 10550 vertical-align: middle; 10551 padding: 4px; } 10552 10553.tag-management-table .inplaceeditable.inplaceeditingon input { 10554 width: 150px; } 10555 10556.path-admin-tag .addstandardtags { 10557 float: right; } 10558 .path-admin-tag .addstandardtags img { 10559 margin: 0 5px; } 10560 10561.path-tag .tag-relatedtags { 10562 padding-top: 10px; } 10563 10564.path-tag .tag-management-box { 10565 text-align: right; } 10566 10567.path-tag .tag-index-toc { 10568 padding: 10px; 10569 text-align: center; } 10570 10571.path-tag .tag-index-toc li, 10572.path-tag .tag-management-box li { 10573 margin-left: 5px; 10574 margin-right: 5px; } 10575 10576.path-tag .tag-management-box li a.edittag { 10577 background-image: url([[pix:moodle|i/settings]]); } 10578 10579.path-tag .tag-management-box li a.flagasinappropriate { 10580 background-image: url([[pix:moodle|i/flagged]]); } 10581 10582.path-tag .tag-management-box li a.removefrommyinterests { 10583 background-image: url([[pix:moodle|t/delete]]); } 10584 10585.path-tag .tag-management-box li a.addtomyinterests { 10586 background-image: url([[pix:moodle|t/add]]); } 10587 10588.path-tag .tag-management-box li a { 10589 background-repeat: no-repeat; 10590 background-position: left; 10591 padding-left: 17px; } 10592 10593.tag_feed.media-list .media .itemimage { 10594 float: left; } 10595 10596.tag_feed.media-list .media .itemimage img { 10597 height: 35px; 10598 width: 35px; } 10599 10600.tag_feed.media-list .media .media-body { 10601 padding-right: 10px; 10602 padding-left: 10px; } 10603 10604.tag_feed .media .muted a { 10605 color: #6a737b; } 10606 10607.tag_cloud { 10608 text-align: center; } 10609 10610.tag_cloud .inline-list li { 10611 padding: 0 0.2em; } 10612 10613.tag_cloud .tag_overflow { 10614 margin-top: 1em; 10615 font-style: italic; } 10616 10617.tag_cloud .s20 { 10618 font-size: 2.7em; } 10619 10620.tag_cloud .s19 { 10621 font-size: 2.6em; } 10622 10623.tag_cloud .s18 { 10624 font-size: 2.5em; } 10625 10626.tag_cloud .s17 { 10627 font-size: 2.4em; } 10628 10629.tag_cloud .s16 { 10630 font-size: 2.3em; } 10631 10632.tag_cloud .s15 { 10633 font-size: 2.2em; } 10634 10635.tag_cloud .s14 { 10636 font-size: 2.1em; } 10637 10638.tag_cloud .s13 { 10639 font-size: 2em; } 10640 10641.tag_cloud .s12 { 10642 font-size: 1.9em; } 10643 10644.tag_cloud .s11 { 10645 font-size: 1.8em; } 10646 10647.tag_cloud .s10 { 10648 font-size: 1.7em; } 10649 10650.tag_cloud .s9 { 10651 font-size: 1.6em; } 10652 10653.tag_cloud .s8 { 10654 font-size: 1.5em; } 10655 10656.tag_cloud .s7 { 10657 font-size: 1.4em; } 10658 10659.tag_cloud .s6 { 10660 font-size: 1.3em; } 10661 10662.tag_cloud .s5 { 10663 font-size: 1.2em; } 10664 10665.tag_cloud .s4 { 10666 font-size: 1.1em; } 10667 10668.tag_cloud .s3 { 10669 font-size: 1em; } 10670 10671.tag_cloud .s2 { 10672 font-size: 0.9em; } 10673 10674.tag_cloud .s1 { 10675 font-size: 0.8em; } 10676 10677.tag_cloud .s0 { 10678 font-size: 0.7em; } 10679 10680.tag_list ul { 10681 display: inline; } 10682 10683.tag_list.hideoverlimit .overlimit { 10684 display: none; } 10685 10686.tag_list .tagmorelink { 10687 display: none; } 10688 10689.tag_list.hideoverlimit .tagmorelink { 10690 display: inline; } 10691 10692.tag_list.hideoverlimit .taglesslink { 10693 display: none; } 10694 10695/** 10696* Web Service 10697*/ 10698#webservice-doc-generator td { 10699 text-align: left; 10700 border: 0 solid black; } 10701 10702/** 10703* Enrol 10704*/ 10705.userenrolment { 10706 width: 100%; 10707 border-collapse: collapse; } 10708 10709.userenrolment tr { 10710 vertical-align: top; } 10711 10712.userenrolment td { 10713 padding: 0; 10714 height: 41px; } 10715 10716.userenrolment .subfield { 10717 margin-right: 5px; } 10718 10719.userenrolment .col_userdetails .subfield { 10720 margin-left: 40px; } 10721 10722.userenrolment .col_userdetails .subfield_picture { 10723 float: left; 10724 margin-left: 0; } 10725 10726.userenrolment .col_lastseen { 10727 width: 150px; } 10728 10729.userenrolment .col_role { 10730 width: 262px; } 10731 10732.userenrolment .col_role .roles, 10733.userenrolment .col_group .groups { 10734 margin-right: 30px; } 10735 10736.userenrolment .col_role .role { 10737 float: left; 10738 padding: 0 3px 3px; 10739 margin: 0 3px 3px; 10740 white-space: nowrap; } 10741 10742.userenrolment .col_group .group { 10743 float: left; 10744 padding: 3px; 10745 margin: 3px; 10746 white-space: nowrap; } 10747 10748.userenrolment .col_role .role a, 10749.userenrolment .col_group .group a { 10750 margin-left: 3px; 10751 cursor: pointer; } 10752 10753.userenrolment .col_role .addrole, 10754.userenrolment .col_group .addgroup { 10755 float: right; 10756 padding: 3px; 10757 margin: 3px; } 10758 .userenrolment .col_role .addrole > a:hover, 10759 .userenrolment .col_group .addgroup > a:hover { 10760 border-bottom: 1px solid #666; } 10761 10762.userenrolment .col_role .addrole img, 10763.userenrolment .col_group .addgroup img { 10764 vertical-align: baseline; } 10765 10766.userenrolment .hasAllRoles .col_role .addrole { 10767 display: none; } 10768 10769.userenrolment .col_enrol .enrolment { 10770 float: left; 10771 padding: 0 3px 3px; 10772 margin: 0 3px 3px; } 10773 10774.userenrolment .col_enrol .enrolment a { 10775 float: right; 10776 margin-left: 3px; } 10777 10778.corelightbox { 10779 background-color: #ccc; 10780 position: absolute; 10781 top: 0; 10782 left: 0; 10783 width: 100%; 10784 height: 100%; 10785 text-align: center; } 10786 10787.corelightbox img { 10788 position: fixed; 10789 top: 50%; 10790 left: 50%; } 10791 10792.mod-indent-outer { 10793 display: table; } 10794 10795.mod-indent { 10796 display: table-cell; } 10797 10798.label .mod-indent { 10799 float: left; 10800 padding-top: 20px; } 10801 10802@media (min-width: 576px) { 10803 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */ 10804 .mod-indent-1 { 10805 width: 30px; } 10806 .mod-indent-2 { 10807 width: 60px; } 10808 .mod-indent-3 { 10809 width: 90px; } 10810 .mod-indent-4 { 10811 width: 120px; } 10812 .mod-indent-5 { 10813 width: 150px; } 10814 .mod-indent-6 { 10815 width: 180px; } 10816 .mod-indent-7 { 10817 width: 210px; } 10818 .mod-indent-8 { 10819 width: 240px; } 10820 .mod-indent-9 { 10821 width: 270px; } 10822 .mod-indent-10 { 10823 width: 300px; } 10824 .mod-indent-11 { 10825 width: 330px; } 10826 .mod-indent-12 { 10827 width: 360px; } 10828 .mod-indent-13 { 10829 width: 390px; } 10830 .mod-indent-14 { 10831 width: 420px; } 10832 .mod-indent-15 { 10833 width: 450px; } 10834 .mod-indent-16 { 10835 width: 480px; } 10836 .mod-indent-huge { 10837 width: 480px; } } 10838 10839/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */ 10840.resourcecontent .mediaplugin_mp3 object { 10841 height: 25px; 10842 width: 600px; } 10843 10844.resourcecontent audio.mediaplugin_html5audio { 10845 width: 600px; } 10846 10847/** Large resource images should avoid hidden overflow **/ 10848.resourceimage { 10849 max-width: 100%; } 10850 10851/* Audio player size in 'inline' mode (can only change width, as above) */ 10852.mediaplugin_mp3 object { 10853 height: 15px; 10854 width: 300px; } 10855 10856audio.mediaplugin_html5audio { 10857 width: 300px; } 10858 10859/* TinyMCE moodle media preview frame should not have padding */ 10860.core_media_preview.pagelayout-embedded #content { 10861 padding: 0; } 10862 10863.core_media_preview.pagelayout-embedded #maincontent { 10864 height: 0; } 10865 10866body#page-lib-editor-tinymce-plugins-moodlemedia-preview { 10867 padding: 0; 10868 margin: 0; 10869 min-width: 0; 10870 background: none; } 10871 10872.path-rating .ratingtable { 10873 width: 100%; 10874 margin-bottom: 1em; } 10875 10876.path-rating .ratingtable th.rating { 10877 width: 100%; } 10878 10879.path-rating .ratingtable td.rating, 10880.path-rating .ratingtable td.time { 10881 white-space: nowrap; 10882 text-align: center; } 10883 10884/* Moodle Dialogue Settings (moodle-core-dialogue) */ 10885.moodle-dialogue-base .moodle-dialogue-lightbox { 10886 background-color: #495057; } 10887 10888.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox { 10889 background-color: transparent; } 10890 10891.pagelayout-popup .moodle-dialogue-base .moodle-dialogue { 10892 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); } 10893 10894.moodle-dialogue-base .hidden, 10895.moodle-dialogue-base .moodle-dialogue-hidden { 10896 display: none; } 10897 10898.no-scrolling { 10899 overflow: hidden; } 10900 10901.moodle-dialogue-base .moodle-dialogue-fullscreen { 10902 left: 0; 10903 top: 0; 10904 right: 0; 10905 bottom: -50px; 10906 position: fixed; } 10907 10908.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { 10909 overflow: auto; } 10910 10911.moodle-dialogue-base .moodle-dialogue-wrap { 10912 background-color: #fff; 10913 border: 1px solid #ccc; } 10914 10915.modal.show { 10916 display: block; } 10917 10918.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd { 10919 display: flex; 10920 padding: 1rem 1rem; 10921 border-bottom: 1px solid #dee2e6; } 10922 10923.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd { 10924 min-height: 3rem; 10925 color: initial; 10926 background: initial; 10927 font-size: 1.5rem; 10928 line-height: 1.5; } 10929 10930.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 { 10931 font-size: 1.5rem; 10932 font-weight: 400; 10933 margin-bottom: 0; 10934 line-height: 1.5; } 10935 10936.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons { 10937 /*rtl:raw: 10938 left: 0; 10939 right: auto; 10940 */ 10941 padding: 0; 10942 position: relative; 10943 margin-left: auto; } 10944 10945.moodle-dialogue-base .closebutton { 10946 padding: 1rem 1rem; 10947 margin: -1rem -1rem -1rem auto; 10948 position: relative; 10949 background-color: transparent; 10950 border: 0; 10951 background-image: none; 10952 box-shadow: none; 10953 opacity: 0.7; } 10954 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active { 10955 opacity: 1; } 10956 .moodle-dialogue-base .closebutton::after { 10957 content: "×"; } 10958 10959.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd { 10960 padding: 0.5rem; } 10961 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body { 10962 background-color: #fff; } 10963 10964.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { 10965 overflow: auto; 10966 position: absolute; 10967 top: 0; 10968 bottom: 50px; 10969 left: 0; 10970 right: 0; 10971 margin: 0; 10972 border: 0; } 10973 10974.moodle-dialogue-exception .moodle-exception-param label { 10975 font-weight: bold; } 10976 10977.moodle-dialogue-exception .param-stacktrace label { 10978 background-color: #eee; 10979 border: 1px solid #ccc; 10980 border-bottom-width: 0; } 10981 10982.moodle-dialogue-exception .param-stacktrace pre { 10983 border: 1px solid #ccc; 10984 background-color: #fff; } 10985 10986.moodle-dialogue-exception .param-stacktrace .stacktrace-file { 10987 color: navy; 10988 font-size: 0.8203125rem; } 10989 10990.moodle-dialogue-exception .param-stacktrace .stacktrace-line { 10991 color: #f0ad4e; 10992 font-size: 0.8203125rem; } 10993 10994.moodle-dialogue-exception .param-stacktrace .stacktrace-call { 10995 color: #333; 10996 font-size: 90%; 10997 border-bottom: 1px solid #eee; } 10998 10999.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty { 11000 display: none; } 11001 11002.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft { 11003 background: initial; } 11004 11005.moodle-dialogue-confirm .confirmation-message { 11006 margin: 0.5rem 0; } 11007 11008.moodle-dialogue-confirm .confirmation-dialogue input { 11009 min-width: 80px; } 11010 11011.moodle-dialogue-exception .moodle-exception-message { 11012 margin: 1em; } 11013 11014.moodle-dialogue-exception .moodle-exception-param { 11015 margin-bottom: 0.5em; } 11016 11017.moodle-dialogue-exception .moodle-exception-param label { 11018 width: 150px; } 11019 11020.moodle-dialogue-exception .param-stacktrace label { 11021 display: block; 11022 margin: 0; 11023 padding: 4px 1em; } 11024 11025.moodle-dialogue-exception .param-stacktrace pre { 11026 display: block; 11027 height: 200px; 11028 overflow: auto; } 11029 11030.moodle-dialogue-exception .param-stacktrace .stacktrace-file { 11031 display: inline-block; 11032 margin: 4px 0; } 11033 11034.moodle-dialogue-exception .param-stacktrace .stacktrace-line { 11035 display: inline-block; 11036 width: 50px; 11037 margin: 4px 1em; } 11038 11039.moodle-dialogue-exception .param-stacktrace .stacktrace-call { 11040 padding-left: 25px; 11041 margin-bottom: 4px; 11042 padding-bottom: 4px; } 11043 11044.moodle-dialogue .moodle-dialogue-bd .content-lightbox { 11045 opacity: 0.75; 11046 width: 100%; 11047 height: 100%; 11048 top: 0; 11049 left: 0; 11050 background-color: white; 11051 text-align: center; 11052 padding: 10% 0; } 11053 11054/* Apply a default max-height on tooltip text */ 11055.moodle-dialogue .tooltiptext { 11056 max-height: 300px; } 11057 11058.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip { 11059 z-index: 3001; } 11060 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd { 11061 overflow: auto; } 11062 11063/** 11064 * Chooser Dialogues (moodle-core-chooserdialogue) 11065 * 11066 * This CSS belong to the chooser dialogue which should work both with, and 11067 * without javascript enabled 11068 */ 11069/* Hide the dialog and it's title */ 11070.chooserdialoguebody, 11071.choosertitle { 11072 display: none; } 11073 11074.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft { 11075 margin: 0; } 11076 11077.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd { 11078 padding: 0; 11079 background: #f2f2f2; 11080 border-bottom-right-radius: 10px; 11081 border-bottom-left-radius: 10px; } 11082 11083/* Center the submit buttons within the area */ 11084.choosercontainer #chooseform .submitbuttons { 11085 padding: 0.7em 0; 11086 text-align: right; } 11087 11088/* Fixed for safari browser on iPhone4S with ios7@mixin */ 11089@media (max-height: 639px) { 11090 .ios .choosercontainer #chooseform .submitbuttons { 11091 padding: 45px 0; } } 11092 11093.choosercontainer #chooseform .submitbuttons input { 11094 min-width: 100px; 11095 margin: 0 0.5em; } 11096 11097/* Various settings for the options area */ 11098.choosercontainer #chooseform .options { 11099 position: relative; 11100 border-bottom: 1px solid #bbb; } 11101 11102/* Only set these options if we're showing the js container */ 11103.jschooser .choosercontainer #chooseform .alloptions { 11104 overflow-x: hidden; 11105 overflow-y: auto; 11106 max-width: 240px; } 11107 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] { 11108 display: inline-block; } 11109 .jschooser .choosercontainer #chooseform .alloptions .option .typename { 11110 display: inline-block; 11111 width: 55%; } 11112 11113/* Settings for option rows and option subtypes */ 11114.choosercontainer #chooseform .moduletypetitle, 11115.choosercontainer #chooseform .option, 11116.choosercontainer #chooseform .nonoption { 11117 margin-bottom: 0; 11118 padding: 0 1.6em 0 1.6em; } 11119 11120.choosercontainer #chooseform .moduletypetitle { 11121 text-transform: uppercase; 11122 padding-top: 1.2em; 11123 padding-bottom: 0.4em; 11124 margin-bottom: 0.5rem; 11125 font-size: 100%; } 11126 11127.choosercontainer #chooseform .option .typename, 11128.choosercontainer #chooseform .nonoption .typename { 11129 padding: 0 0 0 0.5em; } 11130 11131.choosercontainer #chooseform .modicon + .typename { 11132 padding-left: 0; } 11133 11134.choosercontainer #chooseform .option input[type=radio], 11135.choosercontainer #chooseform .option span.typename { 11136 vertical-align: middle; } 11137 11138.choosercontainer #chooseform .option label { 11139 display: block; 11140 margin: 0; 11141 padding: 0.5rem 0; 11142 border-bottom: 1px solid #fff; } 11143 11144.choosercontainer #chooseform .option .icon { 11145 margin: 0; 11146 padding: 0 1rem; } 11147 11148.choosercontainer #chooseform .nonoption { 11149 padding-left: 2.7em; 11150 padding-top: 0.3em; 11151 padding-bottom: 0.1em; } 11152 11153.choosercontainer #chooseform .subtype { 11154 margin-bottom: 0; 11155 padding: 0 1.6em 0 3.2em; } 11156 11157.choosercontainer #chooseform .subtype .typename { 11158 margin: 0 0 0 0.2em; } 11159 11160/* The instruction/help area */ 11161.jschooser .choosercontainer #chooseform .instruction, 11162.jschooser .choosercontainer #chooseform .typesummary { 11163 display: none; 11164 position: absolute; 11165 top: 0; 11166 right: 0; 11167 bottom: 0; 11168 left: 240px; 11169 margin: 0; 11170 padding: 1.6em; 11171 background-color: #fff; 11172 overflow-x: hidden; 11173 overflow-y: auto; 11174 line-height: 2em; } 11175 11176/* Selected option settings */ 11177.jschooser .choosercontainer #chooseform .instruction, 11178.choosercontainer #chooseform .selected .typesummary { 11179 display: block; } 11180 11181.choosercontainer #chooseform .selected { 11182 background-color: #fff; 11183 margin-top: -1px; 11184 padding-top: 1px; } 11185 11186@media (max-width: 575.98px) { 11187 .jsenabled .choosercontainer #chooseform .alloptions { 11188 max-width: 100%; } 11189 .jsenabled .choosercontainer #chooseform .instruction, 11190 .jsenabled .choosercontainer #chooseform .typesummary { 11191 position: static; } } 11192 11193/** 11194 * Module chooser dialogue (moodle-core-chooserdialogue) 11195 * 11196 * This CSS belong to the chooser dialogue which should work both with, and 11197 * without javascript enabled 11198 */ 11199.modchooser .modal-body { 11200 padding: 0; 11201 overflow-y: auto; 11202 min-height: 640px; 11203 display: flex; 11204 flex-direction: column; } 11205 .modchooser .modal-body .searchresultitemscontainer-wrapper { 11206 min-height: 495px; } 11207 .modchooser .modal-body .carousel-item.active { 11208 display: flex; } 11209 .modchooser .modal-body .chooser-container { 11210 display: flex; 11211 flex-direction: column; 11212 flex: 1 1 auto; } 11213 .modchooser .modal-body .loading-icon { 11214 opacity: 1; } 11215 .modchooser .modal-body .loading-icon .icon { 11216 display: block; 11217 font-size: 3em; 11218 height: 1em; 11219 width: 1em; } 11220 .modchooser .modal-body .carousel-item .loading-icon .icon { 11221 margin: 1em auto; } 11222 .modchooser .modal-body .searchbar { 11223 width: 100%; } 11224 11225.modchooser .modal-footer { 11226 height: 70px; 11227 background: #fff; } 11228 .modchooser .modal-footer .moodlenet-logo .icon { 11229 height: 2.5rem; 11230 width: 6rem; 11231 margin-bottom: .6rem; } 11232 11233.modchoosercontainer.noscroll { 11234 overflow-y: hidden; } 11235 11236.modchoosercontainer .optionscontainer, 11237.modchoosercontainer .searchresultitemscontainer { 11238 overflow-x: hidden; } 11239 .modchoosercontainer .optionscontainer .option, 11240 .modchoosercontainer .searchresultitemscontainer .option { 11241 flex-basis: calc(50% - 0.5rem); } 11242 .modchoosercontainer .optionscontainer .option .optionactions .optionaction, 11243 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction { 11244 cursor: pointer; 11245 color: #6a737b; } 11246 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i, 11247 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i { 11248 margin: 0; } 11249 .modchoosercontainer .optionscontainer .option .optioninfo a, 11250 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a { 11251 color: #495057; } 11252 .modchoosercontainer .optionscontainer .option .optioninfo a:hover, 11253 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover { 11254 text-decoration: none; } 11255 11256.modchooser .modal-body .optionsummary { 11257 background-color: #fff; 11258 overflow-x: hidden; 11259 overflow-y: auto; 11260 height: 640px; } 11261 .modchooser .modal-body .optionsummary .content { 11262 overflow-y: auto; } 11263 .modchooser .modal-body .optionsummary .content .heading .icon { 11264 height: 32px; 11265 width: 32px; 11266 font-size: 32px; 11267 padding: 0; } 11268 .modchooser .modal-body .optionsummary .actions { 11269 border-top: 1px solid #dee2e6; 11270 background: #fff; } 11271 11272@media (max-width: 575.98px) { 11273 .path-course-view .modal-dialog.modal-lg, 11274 .path-course-view .modal-content, 11275 .modchooser .modal-body, 11276 .modchooser .modal-body .carousel, 11277 .modchooser .modal-body .carousel-inner, 11278 .modchooser .modal-body .carousel-item, 11279 .modchooser .modal-body .optionsummary, 11280 .modchoosercontainer, 11281 .optionscontainer, 11282 .searchresultitemscontainer { 11283 min-height: auto; 11284 height: 100%; 11285 overflow-y: auto; } 11286 .path-course-view .modal-dialog.modal-lg { 11287 margin: 0; } 11288 .modchooser .modal-body .searchresultitemscontainer-wrapper { 11289 min-height: auto; } } 11290 11291@media (min-width: 576px) { 11292 .modchoosercontainer .optionscontainer .option, 11293 .modchoosercontainer .searchresultitemscontainer .option { 11294 flex-basis: calc(33.33% - 0.5rem); } } 11295 11296@media (min-width: 992px) { 11297 .modchoosercontainer .optionscontainer .option, 11298 .modchoosercontainer .searchresultitemscontainer .option { 11299 flex-basis: calc(16.66% - 0.5rem); } } 11300 11301/* Form element: listing */ 11302.formlistingradio { 11303 padding-bottom: 25px; 11304 padding-right: 10px; } 11305 11306.formlistinginputradio { 11307 float: left; } 11308 11309.formlistingmain { 11310 min-height: 225px; } 11311 11312.formlisting { 11313 position: relative; 11314 margin: 15px 0; 11315 padding: 1px 19px 14px; 11316 background-color: white; 11317 border: 1px solid #ddd; 11318 border-radius: 4px; } 11319 11320.formlistingmore { 11321 position: absolute; 11322 cursor: pointer; 11323 bottom: -1px; 11324 right: -1px; 11325 padding: 3px 7px; 11326 font-size: 12px; 11327 font-weight: bold; 11328 background-color: whitesmoke; 11329 border: 1px solid #ddd; 11330 color: #9da0a4; 11331 border-radius: 4px 0 4px 0; } 11332 11333.formlistingall { 11334 margin: 15px 0; 11335 padding: 0; 11336 border-radius: 4px; } 11337 11338.formlistingrow { 11339 cursor: pointer; 11340 border-bottom: 1px solid; 11341 border-color: #e1e1e8; 11342 border-left: 1px solid #e1e1e8; 11343 border-right: 1px solid #e1e1e8; 11344 background-color: #f7f7f9; 11345 border-radius: 0 0 4px 4px; 11346 padding: 6px; 11347 top: 50%; 11348 left: 50%; 11349 min-height: 34px; 11350 float: left; 11351 width: 150px; } 11352 11353body.jsenabled .formlistingradio { 11354 display: none; } 11355 11356body.jsenabled .formlisting { 11357 display: block; } 11358 11359a.criteria-action { 11360 padding: 0 3px; 11361 float: right; } 11362 11363div.criteria-description { 11364 padding: 10px 15px; 11365 margin: 5px 0; 11366 background: none repeat scroll 0 0 #f9f9f9; 11367 border: 1px solid #eee; } 11368 11369ul.badges { 11370 margin: 0; 11371 list-style: none; } 11372 11373.badges li { 11374 position: relative; 11375 display: inline-block; 11376 padding-top: 1em; 11377 text-align: center; 11378 vertical-align: top; 11379 width: 150px; } 11380 11381.badges li .badge-name { 11382 display: block; 11383 padding: 5px; } 11384 11385.badges li > img { 11386 position: absolute; } 11387 11388.badges li .badge-image { 11389 width: 100px; 11390 height: 100px; 11391 left: 10px; 11392 top: 0; 11393 z-index: 1; } 11394 11395.badges li .badge-actions { 11396 position: relative; } 11397 11398.badges li .expireimage { 11399 background-image: url([[pix:i/expired]]); 11400 background-repeat: no-repeat; 11401 background-size: 100px 100px; 11402 width: 100px; 11403 height: 100px; 11404 left: 25px; 11405 top: 15px; 11406 position: absolute; 11407 z-index: 10; 11408 opacity: 0.85; } 11409 11410#badge-image { 11411 background-color: transparent; 11412 padding: 0; 11413 position: relative; 11414 min-width: 100px; 11415 width: 20%; 11416 display: inline-block; 11417 vertical-align: top; 11418 margin-top: 17px; 11419 margin-bottom: 20px; } 11420 #badge-image .expireimage { 11421 background-image: url([[pix:i/expired]]); 11422 background-repeat: no-repeat; 11423 background-size: 100px 100px; 11424 width: 100px; 11425 height: 100px; 11426 left: 0; 11427 top: 0; 11428 opacity: 0.85; 11429 position: absolute; 11430 z-index: 10; } 11431 #badge-image .singlebutton { 11432 padding-top: 5px; 11433 display: block; } 11434 #badge-image .singlebutton button { 11435 margin-left: 4px; } 11436 11437#badge-details { 11438 display: inline-block; 11439 width: 79%; } 11440 11441#badge-overview dl, 11442#badge-details dl { 11443 margin: 0; } 11444 #badge-overview dl dt, 11445 #badge-overview dl dd, 11446 #badge-details dl dt, 11447 #badge-details dl dd { 11448 vertical-align: top; 11449 padding: 3px 0; } 11450 #badge-overview dl dt, 11451 #badge-details dl dt { 11452 clear: both; 11453 display: inline-block; 11454 width: 20%; 11455 min-width: 100px; } 11456 #badge-overview dl dd, 11457 #badge-details dl dd { 11458 display: inline-block; 11459 width: 79%; 11460 margin-left: 1%; } 11461 11462.badge-profile { 11463 vertical-align: top; } 11464 11465.connected { 11466 color: #357a32; } 11467 11468.notconnected { 11469 color: #ca3120; } 11470 11471.connecting { 11472 color: #f0ad4e; } 11473 11474#page-badges-award .recipienttable tr td { 11475 vertical-align: top; } 11476 11477#page-badges-award .recipienttable tr td.actions .actionbutton { 11478 margin: 0.3em 0; 11479 padding: 0.5em 0; 11480 width: 100%; } 11481 11482#page-badges-award .recipienttable tr td.existing, 11483#page-badges-award .recipienttable tr td.potential { 11484 width: 42%; } 11485 11486#issued-badge-table .activatebadge { 11487 display: inline-block; } 11488 11489.statusbox.active { 11490 background-color: #d7e4d6; } 11491 11492.statusbox.inactive { 11493 background-color: #fcefdc; } 11494 11495.statusbox { 11496 text-align: center; 11497 margin-bottom: 5px; 11498 padding: 5px; } 11499 11500.statusbox .activatebadge { 11501 display: inline-block; } 11502 11503.statusbox .activatebadge input[type=submit] { 11504 margin: 3px; } 11505 11506.activatebadge { 11507 margin: 0; 11508 text-align: left; 11509 vertical-align: middle; } 11510 11511img#persona_signin { 11512 cursor: pointer; } 11513 11514.addcourse { 11515 float: right; } 11516 11517.invisiblefieldset { 11518 display: inline; 11519 padding: 0; 11520 border-width: 0; } 11521 11522/** Page header */ 11523#page-header .logo { 11524 margin: 1rem 0; } 11525 #page-header .logo img { 11526 max-height: 75px; } 11527 11528/** Navbar logo. */ 11529nav.navbar .logo img { 11530 max-height: 35px; } 11531 11532.nav.usernav .nav-item { 11533 display: flex; } 11534 11535.nav.usernav .usermenu .dropdown-toggle { 11536 padding: 0 0.5rem; } 11537 11538/** Header-bar styles **/ 11539.page-context-header { 11540 overflow: hidden; 11541 padding: 0.25rem; } 11542 .page-context-header .page-header-image, 11543 .page-context-header .page-header-headings { 11544 float: left; 11545 display: block; 11546 position: relative; } 11547 .page-context-header .page-header-image { 11548 margin-right: 1em; 11549 margin-bottom: 1em; } 11550 .page-context-header .page-header-image > a { 11551 display: inline-block; } 11552 .page-context-header .page-header-headings, 11553 .page-context-header .header-button-group { 11554 position: relative; 11555 line-height: 24px; 11556 vertical-align: middle; } 11557 .page-context-header .header-button-group { 11558 display: block; 11559 float: left; } 11560 11561ul.dragdrop-keyboard-drag li { 11562 list-style-type: none; } 11563 11564a.disabled:hover, 11565a.disabled { 11566 text-decoration: none; 11567 cursor: default; 11568 font-style: italic; 11569 color: #808080; } 11570 11571body.lockscroll { 11572 height: 100%; 11573 overflow: hidden; } 11574 11575.progressbar_container { 11576 max-width: 500px; 11577 margin: 0 auto; } 11578 11579/* IE10 only fix for calendar titling */ 11580.ie10 .yui3-calendar-header-label { 11581 display: inline-block; } 11582 11583dd:before, 11584dd:after { 11585 display: block; 11586 content: " "; } 11587 11588dd:after { 11589 clear: both; } 11590 11591.nav-tabs > .active > a[href], 11592.nav-tabs > .active > a[href]:hover, 11593.nav-tabs > .active > a[href]:focus { 11594 cursor: pointer; } 11595 11596.inplaceeditable.inplaceeditingon { 11597 position: relative; } 11598 .inplaceeditable.inplaceeditingon .editinstructions { 11599 margin-top: -30px; 11600 font-weight: normal; 11601 margin-right: 0; 11602 margin-left: 0; 11603 left: 0; 11604 right: auto; 11605 white-space: nowrap; } 11606 @media (min-width: 576px) { 11607 .inplaceeditable.inplaceeditingon input { 11608 width: 330px; 11609 vertical-align: text-bottom; 11610 margin-bottom: 0; } } 11611 .inplaceeditable.inplaceeditingon select { 11612 margin-bottom: 0; } 11613 11614.inplaceeditable .quickediticon img { 11615 opacity: 0.2; } 11616 11617.inplaceeditable .quickeditlink { 11618 color: inherit; 11619 text-decoration: inherit; } 11620 11621.inplaceeditable:hover .quickeditlink .quickediticon img, 11622.inplaceeditable .quickeditlink:focus .quickediticon img { 11623 opacity: 1; } 11624 11625.inplaceeditable.inplaceeditable-toggle .quickediticon { 11626 display: none; } 11627 11628.inplaceeditable.inplaceeditable-autocomplete { 11629 display: block; } 11630 11631h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions { 11632 margin-top: -20px; } 11633 11634/** Chart area. */ 11635.chart-area .chart-table-data { 11636 display: none; } 11637 11638.chart-area .chart-table { 11639 /** When accessible, we display the table only. */ } 11640 .chart-area .chart-table .chart-output-htmltable caption { 11641 white-space: nowrap; } 11642 .chart-area .chart-table.accesshide .chart-table-expand { 11643 display: none; } 11644 .chart-area .chart-table.accesshide .chart-table-data { 11645 display: block; } 11646 11647ul { 11648 padding-left: 1rem; 11649 -webkit-margin-start: 0.2rem; 11650 /* stylelint-disable-line */ } 11651 11652/* YUI 2 Tree View */ 11653/*rtl:raw: 11654.ygtvtn, 11655.ygtvtm, 11656.ygtvtmh, 11657.ygtvtmhh, 11658.ygtvtp, 11659.ygtvtph, 11660.ygtvtphh, 11661.ygtvln, 11662.ygtvlm, 11663.ygtvlmh, 11664.ygtvlmhh, 11665.ygtvlp, 11666.ygtvlph, 11667.ygtvlphh, 11668.ygtvdepthcell, 11669.ygtvok, 11670.ygtvok:hover, 11671.ygtvcancel, 11672.ygtvcancel:hover { 11673 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]); 11674} 11675*/ 11676.hover-tooltip-container { 11677 position: relative; } 11678 .hover-tooltip-container .hover-tooltip { 11679 opacity: 0; 11680 visibility: hidden; 11681 position: absolute; 11682 /*rtl:ignore*/ 11683 left: 50%; 11684 top: calc(-50% - 5px); 11685 transform: translate(-50%, -50%); 11686 background-color: #fff; 11687 border: 1px solid rgba(0, 0, 0, 0.2); 11688 border-radius: .3rem; 11689 box-sizing: border-box; 11690 padding: 5px; 11691 white-space: nowrap; 11692 transition: opacity 0.15s, visibility 0.15s; 11693 z-index: 1000; } 11694 .hover-tooltip-container .hover-tooltip:before { 11695 content: ''; 11696 display: inline-block; 11697 border-left: 8px solid transparent; 11698 border-right: 8px solid transparent; 11699 border-top: 8px solid rgba(0, 0, 0, 0.2); 11700 position: absolute; 11701 bottom: -8px; 11702 left: calc(50% - 8px); } 11703 .hover-tooltip-container .hover-tooltip:after { 11704 content: ''; 11705 display: inline-block; 11706 border-left: 7px solid transparent; 11707 border-right: 7px solid transparent; 11708 border-top: 7px solid #fff; 11709 position: absolute; 11710 bottom: -6px; 11711 left: calc(50% - 7px); 11712 z-index: 2; } 11713 .hover-tooltip-container:hover .hover-tooltip { 11714 opacity: 1; 11715 visibility: visible; 11716 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s; } 11717 11718#region-flat-nav { 11719 padding-right: 0; 11720 padding-left: 0; } 11721 #region-flat-nav .nav { 11722 margin-right: 15px; 11723 background-color: #fff; } 11724 @media (max-width: 767.98px) { 11725 #region-flat-nav .nav { 11726 margin-top: 30px; 11727 margin-right: 0; } } 11728 11729#page-footer a { 11730 color: #fff; 11731 text-decoration: underline; } 11732 #page-footer a .icon { 11733 color: #fff; } 11734 #page-footer a:focus .icon { 11735 color: #1d2125; } 11736 11737.bg-inverse a { 11738 color: #fff; 11739 text-decoration: underline; } 11740 .bg-inverse a .icon { 11741 color: #fff; } 11742 11743.sitelink img { 11744 width: 112px; } 11745 11746.dropdown-item a { 11747 display: block; 11748 width: 100%; 11749 color: #1d2125; } 11750 11751.dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within { 11752 outline: 0; 11753 background-color: #0f6cbf; 11754 color: #fff; } 11755 .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a { 11756 color: #fff; } 11757 11758.dropdown-item[aria-current="true"] { 11759 position: relative; 11760 display: flex; 11761 align-items: center; } 11762 .dropdown-item[aria-current="true"]:before { 11763 display: inline-block; 11764 font: normal normal normal 14px/1 FontAwesome; 11765 font-size: inherit; 11766 text-rendering: auto; 11767 -webkit-font-smoothing: antialiased; 11768 -moz-osx-font-smoothing: grayscale; 11769 content: ""; 11770 position: absolute; 11771 left: 0.4rem; 11772 font-size: 0.7rem; } 11773 11774.competency-tree ul { 11775 padding-left: 1.5rem; } 11776 11777.sr-only-focusable:active, .sr-only-focusable:focus { 11778 z-index: 1031; 11779 position: fixed; 11780 background: #fff; 11781 padding: 7px; 11782 left: 0; 11783 top: 0; } 11784 11785[data-drag-type="move"] { 11786 cursor: move; 11787 touch-action: none; } 11788 11789.clickable { 11790 cursor: pointer; } 11791 11792.overlay-icon-container { 11793 position: absolute; 11794 top: 0; 11795 left: 0; 11796 width: 100%; 11797 height: 100%; 11798 background-color: rgba(255, 255, 255, 0.6); } 11799 .overlay-icon-container .loading-icon { 11800 position: absolute; 11801 top: 50%; 11802 left: 50%; 11803 transform: translate(-50%, -50%); } 11804 .overlay-icon-container .loading-icon .icon { 11805 height: 30px; 11806 width: 30px; 11807 font-size: 30px; } 11808 11809.w-auto { 11810 width: auto; } 11811 11812.bg-pulse-grey { 11813 animation: bg-pulse-grey 2s infinite linear; } 11814 11815@keyframes bg-pulse-grey { 11816 0% { 11817 background-color: #f8f9fa; } 11818 50% { 11819 background-color: #e9ecef; } 11820 100% { 11821 background-color: #f8f9fa; } } 11822 11823.line-height-0 { 11824 line-height: 0 !important; 11825 /* stylelint-disable-line declaration-no-important */ } 11826 11827.line-height-1 { 11828 line-height: 0.25rem !important; 11829 /* stylelint-disable-line declaration-no-important */ } 11830 11831.line-height-2 { 11832 line-height: 0.5rem !important; 11833 /* stylelint-disable-line declaration-no-important */ } 11834 11835.line-height-3 { 11836 line-height: 1rem !important; 11837 /* stylelint-disable-line declaration-no-important */ } 11838 11839.line-height-4 { 11840 line-height: 1.5rem !important; 11841 /* stylelint-disable-line declaration-no-important */ } 11842 11843.line-height-5 { 11844 line-height: 2rem !important; 11845 /* stylelint-disable-line declaration-no-important */ } 11846 11847.line-height-6 { 11848 line-height: 3rem !important; 11849 /* stylelint-disable-line declaration-no-important */ } 11850 11851.dir-rtl .dir-rtl-hide { 11852 display: none; } 11853 11854.dir-ltr .dir-ltr-hide { 11855 display: none; } 11856 11857.paged-content-page-container { 11858 min-height: 3.125rem; } 11859 11860body.h5p-embed #page-content { 11861 display: inherit; } 11862 11863body.h5p-embed #maincontent { 11864 display: none; } 11865 11866body.h5p-embed .h5pmessages { 11867 min-height: 230px; } 11868 11869.text-decoration-none { 11870 text-decoration: none !important; 11871 /* stylelint-disable-line declaration-no-important */ } 11872 11873.colour-inherit { 11874 color: inherit !important; 11875 /* stylelint-disable-line declaration-no-important */ } 11876 11877.position-right { 11878 right: 0 !important; 11879 /* stylelint-disable-line declaration-no-important */ } 11880 11881.overflow-hidden { 11882 overflow: hidden !important; 11883 /* stylelint-disable-line declaration-no-important */ } 11884 11885.text-break { 11886 overflow-wrap: break-word !important; 11887 /* stylelint-disable-line declaration-no-important */ } 11888 11889.word-break { 11890 word-break: break-word !important; 11891 /* stylelint-disable-line declaration-no-important */ } 11892 11893.z-index-0 { 11894 z-index: 0 !important; 11895 /* stylelint-disable-line declaration-no-important */ } 11896 11897.z-index-1 { 11898 z-index: 1 !important; 11899 /* stylelint-disable-line declaration-no-important */ } 11900 11901.float-left { 11902 float: left !important; 11903 /* stylelint-disable-line declaration-no-important */ } 11904 11905.float-right { 11906 float: right !important; 11907 /* stylelint-disable-line declaration-no-important */ } 11908 11909.img-responsive { 11910 max-width: 100%; 11911 height: auto; } 11912 11913input[disabled] { 11914 cursor: not-allowed; } 11915 11916.custom-select { 11917 width: auto; } 11918 11919.fade.in { 11920 opacity: 1; } 11921 11922.clamp-2 { 11923 display: -webkit-box; 11924 -webkit-box-orient: vertical; 11925 -webkit-line-clamp: 2; 11926 overflow: hidden; } 11927 11928.word-break-all { 11929 word-break: break-all; } 11930 11931.matchtext { 11932 background-color: #a2cff8; 11933 color: #1d2125; 11934 height: 1.5rem; } 11935 11936.border-radius { 11937 border-radius: 0.25rem; } 11938 11939.emoji-picker { 11940 width: 350px; 11941 height: 400px; } 11942 .emoji-picker .category-button { 11943 padding: .375rem 0; 11944 height: 100%; 11945 width: 38.8888888889px; 11946 border-top: none; 11947 border-left: none; 11948 border-right: none; 11949 border-bottom: 2px solid transparent; } 11950 .emoji-picker .category-button.selected { 11951 border-bottom: 2px solid #0f6cbf; } 11952 .emoji-picker .emojis-container, 11953 .emoji-picker .search-results-container { 11954 min-width: 280px; } 11955 .emoji-picker .picker-row { 11956 height: 40px; } 11957 .emoji-picker .picker-row .category-name { 11958 line-height: 40px; } 11959 .emoji-picker .picker-row .emoji-button { 11960 height: 40px; 11961 width: 40px; 11962 line-height: 40px; 11963 font-size: 24px; 11964 overflow: hidden; } 11965 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus { 11966 color: inherit; 11967 text-decoration: none; } 11968 .emoji-picker .emoji-preview { 11969 height: 40px; 11970 font-size: 40px; 11971 line-height: 40px; } 11972 .emoji-picker .emoji-short-name { 11973 line-height: 20px; } 11974 @media (max-width: 575.98px) { 11975 .emoji-picker { 11976 width: 320px; } } 11977 11978.emoji-auto-complete { 11979 height: 40px; } 11980 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button { 11981 height: 40px; 11982 width: 40px; 11983 line-height: 40px; 11984 font-size: 24px; } 11985 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active { 11986 background-color: #e9ecef; } 11987 11988.toast-wrapper { 11989 max-width: 350px; 11990 max-height: 0; 11991 z-index: 1051; } 11992 .toast-wrapper > :first-child { 11993 margin-top: 1rem; } 11994 11995.alert-primary a { 11996 color: #041d34; } 11997 11998.alert-secondary a { 11999 color: #525557; } 12000 12001.alert-success a, .environmenttable .ok a { 12002 color: #0c1b0b; } 12003 12004.alert-info a { 12005 color: #00171b; } 12006 12007.alert-warning a, .environmenttable .warn a { 12008 color: #573e1c; } 12009 12010.alert-danger a, .environmenttable .error a { 12011 color: #3d0f0a; } 12012 12013.alert-light a { 12014 color: #686868; } 12015 12016.alert-dark a { 12017 color: #040505; } 12018 12019.alert a { 12020 font-weight: 700; } 12021 12022@media (max-width: 767.98px) { 12023 #page-navbar { 12024 width: 100%; } 12025 .breadcrumb:not(:empty) { 12026 width: 100%; 12027 border: 2px solid #e9ecef; 12028 padding: 0.25rem; 12029 margin-bottom: 0.5rem; } 12030 .breadcrumb:not(:empty) .breadcrumb-item { 12031 padding-top: 0.3333333333rem; 12032 padding-bottom: 0.3333333333rem; 12033 display: inline-block; } 12034 .mform { 12035 width: 100%; 12036 padding-right: 15px; 12037 padding-left: 15px; } 12038 .pagination { 12039 flex-wrap: wrap; 12040 justify-content: center; } 12041 .custom-select { 12042 max-width: 100%; } 12043 .card .card-body { 12044 padding: 0.625rem; } 12045 #page-header .card { 12046 border: 0; } 12047 #page-header .card .card-body { 12048 padding: 0; } 12049 .nav-tabs, 12050 .nav-pills { 12051 margin: 0; 12052 border: 0; 12053 padding: 0.125rem; 12054 background-color: #e9ecef; } 12055 .nav-tabs .nav-item, 12056 .nav-pills .nav-item { 12057 flex: 1 1 auto; 12058 text-align: center; } 12059 .nav-tabs .nav-link, 12060 .nav-pills .nav-link { 12061 background: #fff; 12062 border: 0; 12063 margin: 0.125rem; } 12064 .nav-tabs .nav-link.active, 12065 .nav-pills .nav-link.active { 12066 color: #6a737b; 12067 border-color: #6a737b; 12068 border-color: #6a737b; } 12069 .nav-tabs .nav-link.active:hover, 12070 .nav-pills .nav-link.active:hover { 12071 color: #fff; 12072 background-color: #6a737b; 12073 border-color: #6a737b; } 12074 .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active.focus, 12075 .nav-pills .nav-link.active:focus, 12076 .nav-pills .nav-link.active.focus { 12077 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5); } 12078 .nav-tabs .nav-link.active.disabled, .nav-tabs .nav-link.active:disabled, 12079 .nav-pills .nav-link.active.disabled, 12080 .nav-pills .nav-link.active:disabled { 12081 color: #6a737b; 12082 background-color: transparent; } 12083 .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active, 12084 .show > .nav-tabs .nav-link.active.dropdown-toggle, 12085 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active, 12086 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active, 12087 .show > 12088 .nav-pills .nav-link.active.dropdown-toggle { 12089 color: #fff; 12090 background-color: #6a737b; 12091 border-color: #6a737b; } 12092 .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs .nav-link.active:not(:disabled):not(.disabled).active:focus, 12093 .show > .nav-tabs .nav-link.active.dropdown-toggle:focus, 12094 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus, 12095 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus, 12096 .show > 12097 .nav-pills .nav-link.active.dropdown-toggle:focus { 12098 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5); } } 12099 12100@media (max-width: 576px) and (max-height: 320px) { 12101 div#page { 12102 margin-top: 0; } 12103 .navbar.fixed-top { 12104 position: relative; 12105 z-index: inherit; } } 12106 12107.link-underline { 12108 text-decoration: underline; } 12109 .link-underline:focus { 12110 text-decoration: none; } 12111 12112.alert.cta .cta-icon .icon { 12113 padding: 0.3rem; } 12114 .alert.cta .cta-icon .icon.fa { 12115 border-radius: 50%; 12116 border-style: solid; 12117 border-width: 0.125rem; } 12118 12119.core_payment_gateways_modal .custom-control-label::before, 12120.core_payment_gateways_modal .custom-control-label::after { 12121 top: 45%; } 12122 12123.visual-scroll-x { 12124 scrollbar-width: thin; 12125 scrollbar-color: #0f6cbf #a2cff8; 12126 -ms-overflow-style: -ms-autohiding-scrollbar; } 12127 .visual-scroll-x::-webkit-scrollbar { 12128 height: 8px; 12129 -webkit-appearance: none; 12130 appearance: none; } 12131 .visual-scroll-x::-webkit-scrollbar-thumb { 12132 background-color: #0f6cbf; 12133 border-right: 1px solid #fff; } 12134 .visual-scroll-x::-webkit-scrollbar-track { 12135 background-color: #a2cff8; 12136 border-right: 1px solid #fff; } 12137 12138.icon { 12139 font-size: 16px; 12140 width: 16px; 12141 height: 16px; 12142 margin: 0; 12143 padding: 0; 12144 box-sizing: content-box; 12145 margin-right: 0.5rem; } 12146 .icon.spacer { 12147 margin-right: 0; } 12148 .icon.iconsize-big { 12149 width: 64px; 12150 height: 64px; 12151 font-size: 64px; } 12152 12153.navbar-dark a .icon { 12154 color: rgba(255, 255, 255, 0.5) !important; 12155 /* stylelint-disable-line declaration-no-important */ } 12156 12157.action-menu-item a:first-of-type > .icon { 12158 margin-left: 0.5rem; } 12159 12160.ygtvcell .icon { 12161 margin-left: 0 !important; 12162 /* stylelint-disable-line declaration-no-important */ } 12163 12164.block_navigation .tree_item .icon, 12165.block_settings .tree_item .icon { 12166 margin-left: 0; } 12167 12168[data-action=toggle-drawer] .icon { 12169 margin: 0; } 12170 12171.icon-no-spacing a > .icon { 12172 margin: 0; } 12173 12174.icon-no-margin .icon { 12175 margin-left: 0; 12176 margin-right: 0; 12177 margin-top: 0; 12178 margin-bottom: 0; } 12179 12180.icon-large > .icon { 12181 width: 32px; 12182 height: 32px; } 12183 12184.icon-size-0 .icon { 12185 height: 0 !important; 12186 /* stylelint-disable-line declaration-no-important */ 12187 width: 0 !important; 12188 /* stylelint-disable-line declaration-no-important */ 12189 font-size: 0 !important; 12190 /* stylelint-disable-line declaration-no-important */ } 12191 12192.icon-size-1 .icon { 12193 height: 4px !important; 12194 /* stylelint-disable-line declaration-no-important */ 12195 width: 4px !important; 12196 /* stylelint-disable-line declaration-no-important */ 12197 font-size: 4px !important; 12198 /* stylelint-disable-line declaration-no-important */ } 12199 12200.icon-size-2 .icon { 12201 height: 8px !important; 12202 /* stylelint-disable-line declaration-no-important */ 12203 width: 8px !important; 12204 /* stylelint-disable-line declaration-no-important */ 12205 font-size: 8px !important; 12206 /* stylelint-disable-line declaration-no-important */ } 12207 12208.icon-size-3 .icon { 12209 height: 16px !important; 12210 /* stylelint-disable-line declaration-no-important */ 12211 width: 16px !important; 12212 /* stylelint-disable-line declaration-no-important */ 12213 font-size: 16px !important; 12214 /* stylelint-disable-line declaration-no-important */ } 12215 12216.icon-size-4 .icon { 12217 height: 24px !important; 12218 /* stylelint-disable-line declaration-no-important */ 12219 width: 24px !important; 12220 /* stylelint-disable-line declaration-no-important */ 12221 font-size: 24px !important; 12222 /* stylelint-disable-line declaration-no-important */ } 12223 12224.icon-size-5 .icon { 12225 height: 32px !important; 12226 /* stylelint-disable-line declaration-no-important */ 12227 width: 32px !important; 12228 /* stylelint-disable-line declaration-no-important */ 12229 font-size: 32px !important; 12230 /* stylelint-disable-line declaration-no-important */ } 12231 12232.icon-size-6 .icon { 12233 height: 40px !important; 12234 /* stylelint-disable-line declaration-no-important */ 12235 width: 40px !important; 12236 /* stylelint-disable-line declaration-no-important */ 12237 font-size: 40px !important; 12238 /* stylelint-disable-line declaration-no-important */ } 12239 12240.icon-size-7 .icon { 12241 height: 48px !important; 12242 /* stylelint-disable-line declaration-no-important */ 12243 width: 48px !important; 12244 /* stylelint-disable-line declaration-no-important */ 12245 font-size: 48px !important; 12246 /* stylelint-disable-line declaration-no-important */ } 12247 12248.helplink .icon { 12249 margin-left: 0.5rem; } 12250 12251/* admin.less */ 12252.formtable tbody th { 12253 font-weight: normal; 12254 text-align: right; } 12255 12256.path-admin #assignrole { 12257 width: 60%; 12258 margin-left: auto; 12259 margin-right: auto; } 12260 12261.path-admin .admintable .leftalign { 12262 text-align: left; } 12263 12264.path-admin .admintable.environmenttable .name, 12265.path-admin .admintable.environmenttable .info, 12266.path-admin #assignrole .admintable .role, 12267.path-admin #assignrole .admintable .userrole, 12268.path-admin #assignrole .admintable .roleholder { 12269 white-space: nowrap; } 12270 12271.path-admin .incompatibleblockstable td.c0 { 12272 font-weight: bold; } 12273 12274#page-admin-course-category .addcategory { 12275 padding: 10px; } 12276 12277#page-admin-course-index .editcourse { 12278 margin: 20px auto; } 12279 12280#page-admin-course-index .editcourse th, 12281#page-admin-course-index .editcourse td { 12282 padding-left: 10px; 12283 padding-right: 10px; } 12284 12285.timewarninghidden { 12286 display: none; } 12287 12288#page-admin-report-capability-index #capabilitysearch { 12289 width: 30em; } 12290 12291#page-admin-qtypes #qtypes div, 12292#page-admin-qtypes #qtypes form, 12293#page-admin-qbehaviours #qbehaviours div, 12294#page-admin-qbehaviours #qbehaviours form { 12295 display: inline; } 12296 12297#page-admin-qtypes #qtypes img.spacer, 12298#page-admin-qbehaviours #qbehaviours img.spacer { 12299 width: 16px; } 12300 12301#page-admin-qbehaviours .cell.c3, 12302#page-admin-qtypes .cell.c3 { 12303 font-size: 0.8203125rem; } 12304 12305#page-admin-lang .generalbox, 12306#page-admin-course-index .singlebutton, 12307#page-admin-course-index .addcategory, 12308#page-course-index .buttons, 12309#page-course-index-category .buttons, 12310#page-admin-course-category .addcategory, 12311#page-admin-stickyblocks .generalbox, 12312#page-admin-maintenance .buttons, 12313#page-admin-course-index .buttons, 12314#page-admin-course-category .buttons, 12315#page-admin-index .copyright, 12316#page-admin-index .copyrightnotice, 12317#page-admin-index .adminerror .singlebutton, 12318#page-admin-index .adminwarning .singlebutton, 12319#page-admin-index #layout-table .singlebutton { 12320 text-align: center; 12321 margin-bottom: 1em; } 12322 12323.path-admin-roles .capabilitysearchui { 12324 text-align: left; 12325 margin-left: auto; 12326 margin-right: auto; 12327 margin-top: 1rem; } 12328 12329#page-admin-roles-define .topfields { 12330 margin: 1em 0 2em; } 12331 12332#page-admin-roles-define .capdefault { 12333 background-color: rgba(0, 0, 0, 0.075); } 12334 12335#page-filter-manage .backlink, 12336.path-admin-roles .backlink { 12337 margin-top: 1em; } 12338 12339#page-admin-roles-explain #chooseuser h3, 12340#page-admin-roles-usersroles .contextname { 12341 margin-top: 0; } 12342 12343#page-admin-roles-explain #chooseusersubmit { 12344 margin-top: 0; 12345 text-align: center; } 12346 12347#page-admin-roles-usersroles p { 12348 margin: 0; } 12349 12350#page-admin-roles-override .cell.c1, 12351#page-admin-roles-assign .cell.c3, 12352#page-admin-roles-assign .cell.c1 { 12353 padding-top: 0.75em; } 12354 12355#page-admin-roles-override .overridenotice, 12356#page-admin-roles-define .definenotice { 12357 margin: 1em 10% 2em 10%; 12358 text-align: left; } 12359 12360#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span { 12361 display: block; } 12362 12363#page-admin-index .updateplugin div { 12364 margin-bottom: 0.5em; } 12365 12366#page-admin-user-user_bulk #users .fgroup { 12367 white-space: nowrap; } 12368 12369#page-admin-report-stats-index .graph { 12370 text-align: center; 12371 margin-bottom: 1em; } 12372 12373#page-admin-report-courseoverview-index .graph { 12374 text-align: center; 12375 margin-bottom: 1em; } 12376 12377#page-admin-lang .translator { 12378 border-width: 1px; 12379 border-style: solid; } 12380 12381.path-admin .roleassigntable { 12382 width: 100%; } 12383 12384.path-admin .roleassigntable td { 12385 vertical-align: top; 12386 padding: 0.2em 0.3em; } 12387 12388.path-admin .roleassigntable p { 12389 text-align: left; 12390 margin: 0.2em 0; } 12391 12392.path-admin .roleassigntable #existingcell, 12393.path-admin .roleassigntable #potentialcell { 12394 width: 42%; } 12395 12396.path-admin .roleassigntable #existingcell p > label:first-child, 12397.path-admin .roleassigntable #potentialcell p > label:first-child { 12398 font-weight: bold; } 12399 12400.path-admin .roleassigntable #buttonscell { 12401 width: 16%; } 12402 12403.path-admin .roleassigntable #buttonscell #assignoptions { 12404 font-size: 0.8203125rem; } 12405 12406.path-admin .roleassigntable #removeselect_wrapper, 12407.path-admin .roleassigntable #addselect_wrapper { 12408 width: 100%; } 12409 12410.path-admin table.rolecap tr.rolecap th { 12411 text-align: left; 12412 font-weight: normal; } 12413 12414.path-admin .rolecap .hiddenrow { 12415 display: none; } 12416 12417.path-admin #defineroletable .rolecap .inherit, 12418.path-admin #defineroletable .rolecap .allow, 12419.path-admin #defineroletable .rolecap .prevent, 12420.path-admin #defineroletable .rolecap .prohibit { 12421 text-align: center; 12422 padding: 0; 12423 min-width: 3.5em; } 12424 12425.path-admin .rolecap .cap-name, 12426.path-admin .rolecap .note { 12427 display: block; 12428 font-size: 0.8203125rem; 12429 white-space: nowrap; 12430 font-weight: normal; } 12431 12432.path-admin .rolecap label { 12433 display: block; 12434 text-align: center; 12435 padding: 0.5em; 12436 margin: 0; } 12437 12438.plugincheckwrapper { 12439 width: 100%; } 12440 12441.environmentbox { 12442 margin-top: 1em; } 12443 12444#mnetconfig table { 12445 margin-left: auto; 12446 margin-right: auto; } 12447 12448.environmenttable .cell { 12449 padding: .15em .5em; } 12450 12451#trustedhosts .generaltable { 12452 margin-left: auto; 12453 margin-right: auto; 12454 width: 500px; } 12455 12456#trustedhosts .standard { 12457 width: auto; } 12458 12459#adminsettings legend { 12460 display: none; } 12461 12462#adminsettings fieldset.error { 12463 margin: .2em 0 .5em 0; } 12464 12465#adminsettings fieldset.error legend { 12466 display: block; } 12467 12468#admin-spelllanguagelist textarea, 12469#page-admin-setting-editorsettingstinymce .form-textarea textarea { 12470 /* rtl:ignore */ 12471 text-align: left; 12472 /* rtl:ignore */ 12473 direction: ltr; } 12474 12475/* Styles for flags on admin settings */ 12476.adminsettingsflags { 12477 float: right; } 12478 12479.adminsettingsflags label { 12480 margin-right: 7px; } 12481 12482.form-description pre, 12483.formsettingheading pre { 12484 /*rtl:ignore*/ 12485 direction: ltr; } 12486 12487.form-item .form-setting .form-htmlarea { 12488 display: inline; } 12489 12490.form-item .form-setting .form-htmlarea .htmlarea { 12491 width: 640px; 12492 display: block; } 12493 12494.form-item .form-setting .form-multicheckbox ul { 12495 list-style: none; 12496 padding: 0; 12497 margin: 7px 0 0 0; } 12498 12499.form-item .form-setting .defaultsnext { 12500 display: inline; } 12501 12502.form-item .form-setting .locked-checkbox { 12503 margin-right: 0.2em; 12504 margin-left: 0.5em; 12505 display: inline; } 12506 12507.form-item .form-setting .form-password .unmask, 12508.form-item .form-setting .form-defaultinfo { 12509 display: inline-block; } 12510 12511.form-item .form-setting .form-defaultinfo { 12512 max-width: 100%; 12513 word-wrap: break-word; } 12514 12515#admin-emoticons td input { 12516 width: 8em; } 12517 12518#admin-emoticons td.c0 input { 12519 width: 4em; } 12520 12521#adminthemeselector .selectedtheme td.c0 { 12522 border: 1px solid #b8dce2; 12523 border-right-width: 0; } 12524 12525#adminthemeselector .selectedtheme td.c1 { 12526 border: 1px solid #b8dce2; 12527 border-left-width: 0; } 12528 12529.admin_colourpicker, 12530.admin_colourpicker_preview { 12531 display: none; } 12532 12533.jsenabled .admin_colourpicker_preview { 12534 display: inline; } 12535 12536@media (min-width: 768px) { 12537 .jsenabled .admin_colourpicker { 12538 display: block; 12539 height: 102px; 12540 width: 410px; 12541 margin-bottom: 10px; 12542 box-sizing: content-box; } 12543 .admin_colourpicker .colourdialogue { 12544 float: left; 12545 border: 1px solid #8f959e; } 12546 .admin_colourpicker .previewcolour { 12547 border: 1px solid #8f959e; 12548 margin-left: 301px; } 12549 .admin_colourpicker .currentcolour { 12550 border: 1px solid #8f959e; 12551 margin-left: 301px; 12552 border-top-width: 0; } } 12553 12554@media (max-width: 767.98px) { 12555 .jsenabled .admin_colourpicker { 12556 height: 150px; 12557 margin-bottom: 10px; 12558 display: block; 12559 position: relative; } 12560 .admin_colourpicker .previewcolour { 12561 display: none; } 12562 .admin_colourpicker .currentcolour { 12563 position: absolute; 12564 border: 1px solid #dee2e6; 12565 top: 100px; 12566 left: 0; } } 12567 12568.admin_colourpicker .loadingicon { 12569 vertical-align: middle; 12570 margin-left: auto; } 12571 12572#page-admin-index #notice .checkforupdates { 12573 text-align: center; } 12574 12575#page-admin-plugins #plugins-overview-panel .info { 12576 display: inline-block; 12577 margin-right: 1em; } 12578 12579#page-admin-plugins .checkforupdates { 12580 margin: 10px 0; } 12581 #page-admin-plugins .checkforupdates .singlebutton { 12582 margin: 5px 0; 12583 padding: 0; } 12584 #page-admin-plugins .checkforupdates .singlebutton div, 12585 #page-admin-plugins .checkforupdates .singlebutton input { 12586 margin: 0 3px 0 0; } 12587 12588#page-admin-plugins .updateavailableinstallall { 12589 margin: 5px 0; 12590 padding: 0; } 12591 #page-admin-plugins .updateavailableinstallall div, 12592 #page-admin-plugins .updateavailableinstallall input { 12593 margin: 0 3px 5px 0; } 12594 12595#page-admin-plugins #plugins-control-panel .status-missing td { 12596 background-color: #fcefdc; } 12597 12598#page-admin-plugins #plugins-control-panel .pluginname .componentname { 12599 font-size: 0.8203125rem; 12600 color: #6a737b; 12601 margin-left: 22px; } 12602 12603#page-admin-plugins #plugins-control-panel .version .versionnumber { 12604 font-size: 0.8203125rem; 12605 color: #6a737b; } 12606 12607#page-admin-plugins #plugins-control-panel .uninstall a { 12608 color: #ca3120; } 12609 12610#page-admin-plugins #plugins-control-panel .notes .label { 12611 margin-right: 3px; } 12612 12613#page-admin-plugins #plugins-control-panel .notes .requiredby { 12614 font-size: 0.8203125rem; 12615 color: #6a737b; } 12616 12617#plugins-check-page #plugins-check .status-missing td, 12618#plugins-check-page #plugins-check .status-downgrade td { 12619 background-color: #f4d6d2; } 12620 12621#plugins-check-page .pluginupdateinfo, 12622#plugins-control-panel .pluginupdateinfo { 12623 background-color: #cce6ea; 12624 padding: 5px; 12625 margin: 10px 0; 12626 border-radius: 5px; } 12627 #plugins-check-page .pluginupdateinfo.maturity50, 12628 #plugins-control-panel .pluginupdateinfo.maturity50 { 12629 background-color: #f4d6d2; } 12630 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150, 12631 #plugins-control-panel .pluginupdateinfo.maturity100, 12632 #plugins-control-panel .pluginupdateinfo.maturity150 { 12633 background-color: #fcefdc; } 12634 #plugins-check-page .pluginupdateinfo .info, 12635 #plugins-control-panel .pluginupdateinfo .info { 12636 display: inline-block; } 12637 #plugins-check-page .pluginupdateinfo .separator:after, 12638 #plugins-control-panel .pluginupdateinfo .separator:after { 12639 content: " | "; } 12640 #plugins-check-page .pluginupdateinfo .singlebutton, 12641 #plugins-control-panel .pluginupdateinfo .singlebutton { 12642 margin: 5px 0; 12643 padding: 0; } 12644 #plugins-check-page .pluginupdateinfo .singlebutton div, 12645 #plugins-check-page .pluginupdateinfo .singlebutton input, 12646 #plugins-control-panel .pluginupdateinfo .singlebutton div, 12647 #plugins-control-panel .pluginupdateinfo .singlebutton input { 12648 margin: 0 3px 0 0; } 12649 12650.plugins-management-confirm-buttons > div { 12651 display: inline-block; 12652 margin: 1em 1em 1em 0; } 12653 12654.plugins-management-confirm-buttons .continue { 12655 padding: 0; } 12656 .plugins-management-confirm-buttons .continue div, 12657 .plugins-management-confirm-buttons .continue input { 12658 margin: 0; } 12659 12660#page-admin-index .upgradepluginsinfo { 12661 text-align: center; } 12662 12663#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after { 12664 content: " | "; } 12665 12666/** MNet networking */ 12667#page-admin-mnet-peers .box.deletedhosts { 12668 margin-bottom: 1em; 12669 font-size: 0.8203125rem; } 12670 12671#core-cache-plugin-summaries table, 12672#core-cache-store-summaries table { 12673 width: 100%; } 12674 12675#core-cache-lock-summary table, 12676#core-cache-definition-summaries table, 12677#core-cache-mode-mappings table { 12678 margin: 0 auto; } 12679 12680#core-cache-store-summaries .default-store td { 12681 font-style: italic; } 12682 12683#core-cache-rescan-definitions, 12684#core-cache-mode-mappings .edit-link, 12685#core-cache-lock-additional-actions .new-instance { 12686 margin-top: 0.5em; 12687 text-align: center; } 12688 12689.maintenancewarning { 12690 position: fixed; 12691 bottom: 0; 12692 right: 0; 12693 overflow: hidden; 12694 z-index: 1000; } 12695 12696.modal.modal-in-page { 12697 z-index: 0; } 12698 12699#page-admin-search .adminpagetitle { 12700 margin-bottom: 0; 12701 border-bottom: none; } 12702 12703#page-admin-search .adminpagepath { 12704 display: flex; 12705 flex-wrap: wrap; 12706 list-style: none; 12707 padding: 0; 12708 margin: 0 0 1.5rem 0; } 12709 #page-admin-search .adminpagepath li + li:before { 12710 padding-right: 0.5rem; 12711 padding-left: 0.5rem; 12712 content: "/"; } 12713 12714@media (min-width: 576px) { 12715 #page-admin-search .container { 12716 overflow-wrap: break-word; } } 12717 12718#page-admin-tasklogs .task-class { 12719 font-size: 0.8203125rem; 12720 color: #6a737b; } 12721 12722.path-admin-tool-uploaduser .uuwarning { 12723 background-color: #fcefdc; } 12724 12725.path-admin-tool-uploaduser .uuerror { 12726 background-color: #f4d6d2; } 12727 12728.path-admin-tool-uploaduser .uuinfo { 12729 background-color: #d7e4d6; } 12730 12731.blockmovetarget .accesshide { 12732 position: relative; 12733 left: initial; } 12734 12735.block:target { 12736 padding-top: 0 !important; 12737 /* stylelint-disable declaration-no-important */ 12738 margin-top: 0 !important; } 12739 12740.block_search_forums .searchform { 12741 /* Override plugin's default. */ 12742 text-align: left; } 12743 12744.block.block_navigation .block_tree ul, 12745.block_settings .block_tree ul { 12746 margin-left: 0; } 12747 12748.block .block-controls .dropdown-toggle { 12749 /* So that the caret takes the colour of the icon. */ 12750 color: #1d2125; } 12751 12752[data-region="blocks-column"] { 12753 width: 360px; 12754 float: right; } 12755 12756/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */ 12757@media (min-width: 576px) { 12758 #region-main-settings-menu { 12759 position: relative; 12760 float: left; 12761 width: 100%; } 12762 #region-main-settings-menu > div { 12763 position: absolute; 12764 right: 0; 12765 z-index: 100; 12766 margin: 1rem; } 12767 .region_main_settings_menu_proxy { 12768 width: 4rem; 12769 height: 2rem; 12770 background-color: #fff; 12771 margin-left: 0.625rem; 12772 margin-bottom: 0.625rem; 12773 border-bottom-left-radius: 0.5rem; 12774 float: right; } } 12775 12776@media (max-width: 767.98px) { 12777 #region-main-settings-menu .menubar { 12778 justify-content: flex-end; } } 12779 12780#region-main-settings-menu.has-blocks, 12781#region-main.has-blocks { 12782 display: inline-block; 12783 width: calc(100% - 375px); } 12784 @media (max-width: 1199.98px) { 12785 #region-main-settings-menu.has-blocks, 12786 #region-main.has-blocks { 12787 width: 100%; 12788 /* MDL-63102 - Remove extra space at bottom. 12789 If modifying make sure block-region is horizontally stacked when in full screen */ 12790 display: block; } } 12791 12792.header-action #region-main-settings-menu { 12793 position: unset; 12794 float: none; 12795 width: auto; } 12796 .header-action #region-main-settings-menu > div { 12797 position: unset; 12798 right: auto; 12799 margin: 0; } 12800 12801@media (max-width: 1199.98px) { 12802 [data-region="blocks-column"] { 12803 width: 100%; } } 12804 12805.block .empty-placeholder-image-lg { 12806 height: 5rem; } 12807 12808.block .block-cards .course-info-container { 12809 padding: 0.8rem; } 12810 12811.block .block-cards .progress { 12812 height: 0.5rem; } 12813 12814.block .block-cards .course-summaryitem { 12815 border: 1px solid #dee2e6; 12816 background-color: #fff; } 12817 12818.block .block-cards .icon { 12819 margin-right: 0; } 12820 12821.block .block-cards .card .coursemenubtn { 12822 margin-top: -0.5rem; } 12823 12824.block .block-cards a.coursename, 12825.block .block-cards span.categoryname, 12826.block .block-cards .btn-link { 12827 color: inherit; } 12828 12829.block .block-cards .multiline { 12830 white-space: normal; } 12831 12832.block .block-cards .btn.btn-link.btn-icon { 12833 height: 36px; 12834 width: 36px; 12835 padding: 0; 12836 border-radius: 50%; } 12837 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus { 12838 background-color: #e9ecef; } 12839 12840.dashboard-card-deck.one-row { 12841 flex-flow: nowrap; 12842 overflow-x: scroll; } 12843 12844.summaryimage { 12845 height: 5rem; 12846 width: 5rem; 12847 background-position: center; 12848 background-size: cover; } 12849 12850.dashboard-card-deck .dashboard-card { 12851 margin-bottom: 0.5rem; 12852 flex-basis: auto; 12853 width: 100%; 12854 flex-grow: 0; 12855 flex-shrink: 0; } 12856 .dashboard-card-deck .dashboard-card .dashboard-card-img { 12857 height: 7rem; 12858 background-position: center; 12859 background-size: cover; } 12860 .dashboard-card-deck .dashboard-card .dashboard-card-footer { 12861 padding: 0.8rem; } 12862 12863@media (min-width: 576px) { 12864 .dashboard-card-deck.fixed-width-cards .dashboard-card { 12865 width: 300px; 12866 max-width: 100%; } } 12867 12868@media (min-width: 576px) { 12869 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12870 width: calc(50% - 0.5rem); } } 12871 12872@media (min-width: 840px) { 12873 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12874 width: calc(33.33% - 0.5rem); } } 12875 12876@media (min-width: 1100px) { 12877 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12878 width: calc(25% - 0.5rem); } } 12879 12880@media (min-width: 1360px) { 12881 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12882 width: calc(20% - 0.5rem); } } 12883 12884@media (min-width: 1200px) { 12885 #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12886 width: calc(33.33% - 0.5rem); } } 12887 12888@media (min-width: 1470px) { 12889 #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12890 width: calc(25% - 0.5rem); } } 12891 12892@media (min-width: 768px) { 12893 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12894 width: calc(100% - 0.5rem); } } 12895 12896@media (min-width: 861px) { 12897 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12898 width: calc(50% - 0.5rem); } } 12899 12900@media (min-width: 1122px) { 12901 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12902 width: calc(33.33% - 0.5rem); } } 12903 12904@media (min-width: 1381px) { 12905 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12906 width: calc(25% - 0.5rem); } } 12907 12908@media (min-width: 1200px) { 12909 body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12910 width: calc(100% - 0.5rem); } } 12911 12912@media (min-width: 1236px) { 12913 body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12914 width: calc(50% - 0.5rem); } } 12915 12916@media (min-width: 1497px) { 12917 body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12918 width: calc(33.33% - 0.5rem); } } 12919 12920@media (min-width: 1200px) { 12921 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) { 12922 margin-left: 0; 12923 margin-right: 0; } 12924 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { 12925 width: calc(100% - 0.5rem) !important; } } 12926 12927.block_recentlyaccessedcourses .paging-bar-container { 12928 margin-top: -2.4rem; 12929 justify-content: flex-end; } 12930 12931@media (max-width: 575.98px) { 12932 .block_recentlyaccessedcourses .paging-bar-container { 12933 margin-top: 0; } } 12934 12935#block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container { 12936 margin-top: 0; } 12937 12938.block_recentlyaccesseditems img.icon { 12939 height: 24px; 12940 width: 24px; 12941 margin-right: 6px; } 12942 12943.block_myoverview .content { 12944 min-height: 19.35rem; } 12945 12946.block_myoverview .paged-content-page-container { 12947 min-height: 13rem; } 12948 12949.block_settings .block_tree [aria-expanded="true"], 12950.block_settings .block_tree [aria-expanded="true"].emptybranch, 12951.block_settings .block_tree [aria-expanded="false"], 12952.block_navigation .block_tree [aria-expanded="true"], 12953.block_navigation .block_tree [aria-expanded="true"].emptybranch, 12954.block_navigation .block_tree [aria-expanded="false"] { 12955 background-image: none; } 12956 12957.block_settings .block_tree [aria-expanded="true"] > p:before, 12958.block_navigation .block_tree [aria-expanded="true"] > p:before { 12959 content: ""; 12960 margin-right: 0; 12961 display: inline-block; 12962 font: normal normal normal 14px/1 FontAwesome; 12963 font-size: inherit; 12964 text-rendering: auto; 12965 -webkit-font-smoothing: antialiased; 12966 -moz-osx-font-smoothing: grayscale; 12967 font-size: 16px; 12968 width: 16px; } 12969 12970.block_settings .block_tree [aria-expanded="false"] > p:before, 12971.block_navigation .block_tree [aria-expanded="false"] > p:before { 12972 content: ""; 12973 margin-right: 0; 12974 display: inline-block; 12975 font: normal normal normal 14px/1 FontAwesome; 12976 font-size: inherit; 12977 text-rendering: auto; 12978 -webkit-font-smoothing: antialiased; 12979 -moz-osx-font-smoothing: grayscale; 12980 font-size: 16px; 12981 width: 16px; } 12982 12983.dir-rtl .block_settings .block_tree [aria-expanded="false"] > p:before, 12984.dir-rtl .block_navigation .block_tree [aria-expanded="false"] > p:before { 12985 content: ""; } 12986 12987.block_navigation .block_tree p.hasicon, 12988.block_settings .block_tree p.hasicon { 12989 text-indent: -3px; } 12990 .block_navigation .block_tree p.hasicon .icon, 12991 .block_settings .block_tree p.hasicon .icon { 12992 margin-right: 2px; } 12993 12994.block.invisibleblock .card-title { 12995 color: #6a737b; } 12996 12997@media (max-width: 767.98px) { 12998 .block.card { 12999 border-left: 0; 13000 border-right: 0; } } 13001 13002.block_social_activities li a.movehere, 13003.block_site_main_menu li a.movehere { 13004 display: block; 13005 width: 100%; 13006 height: 2rem; 13007 border: 2px dashed #343a40; 13008 margin: 4px 0; } 13009 13010.navbar { 13011 max-height: 50px; } 13012 13013/* calendar.less */ 13014.calendar_event_category { 13015 background-color: #e0cbe0; } 13016 .calendar_event_category .commands a { 13017 color: #0d5ca1; } 13018 13019.calendar_event_course { 13020 background-color: #ffd3bd; } 13021 .calendar_event_course .commands a { 13022 color: #0d5ca1; } 13023 13024.calendar_event_site { 13025 background-color: #d6f8cd; } 13026 .calendar_event_site .commands a { 13027 color: #0d5ca1; } 13028 13029.calendar_event_group { 13030 background-color: #fee7ae; } 13031 .calendar_event_group .commands a { 13032 color: #0d5ca1; } 13033 13034.calendar_event_user { 13035 background-color: #dce7ec; } 13036 .calendar_event_user .commands a { 13037 color: #0d5ca1; } 13038 13039.calendar_event_other { 13040 background-color: #ced4da; } 13041 .calendar_event_other .commands a { 13042 color: #0d5ca1; } 13043 13044.path-calendar .calendartable { 13045 width: 100%; 13046 table-layout: fixed; } 13047 .path-calendar .calendartable th, 13048 .path-calendar .calendartable td { 13049 width: 14%; 13050 vertical-align: top; 13051 text-align: center; 13052 border: 0; } 13053 13054.path-calendar .calendar-controls .previous, 13055.path-calendar .calendar-controls .next, 13056.path-calendar .calendar-controls .current { 13057 display: block; 13058 float: left; 13059 width: 12%; } 13060 13061.path-calendar .calendar-controls .previous { 13062 text-align: left; 13063 border: 1px solid transparent; } 13064 13065.path-calendar .calendar-controls .current { 13066 text-align: center; 13067 width: 76%; } 13068 13069.path-calendar .calendar-controls .next { 13070 text-align: right; 13071 border: 1px solid transparent; } 13072 13073.path-calendar .calendar-controls .drop-target { 13074 box-sizing: border-box; 13075 border: 1px dashed #0f6cbf; } 13076 13077.path-calendar .filters table { 13078 border-collapse: separate; 13079 border-spacing: 2px; 13080 width: 100%; } 13081 13082.path-calendar .maincalendar { 13083 vertical-align: top; 13084 padding: 0; } 13085 .path-calendar .maincalendar .bottom { 13086 text-align: center; 13087 padding: 5px 0 0 0; } 13088 .path-calendar .maincalendar .heightcontainer { 13089 height: 100%; 13090 position: relative; } 13091 .path-calendar .maincalendar .calendarmonth { 13092 width: 98%; 13093 margin: 10px auto; } 13094 .path-calendar .maincalendar .calendarmonth ul { 13095 margin: 0; 13096 padding: 0; } 13097 .path-calendar .maincalendar .calendarmonth ul li { 13098 list-style-type: none; } 13099 .path-calendar .maincalendar .calendarmonth ul li > a { 13100 overflow: hidden; 13101 text-overflow: ellipsis; 13102 white-space: nowrap; 13103 max-width: 100%; 13104 display: inline-block; } 13105 .path-calendar .maincalendar .calendarmonth ul li > a:hover { 13106 text-decoration: none; } 13107 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname { 13108 text-decoration: underline; } 13109 .path-calendar .maincalendar .calendarmonth ul li .icon { 13110 margin-left: 0.25em; 13111 margin-right: 0.25em; 13112 vertical-align: initial; } 13113 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle { 13114 width: 12px; 13115 height: 12px; 13116 border-radius: 6px; 13117 vertical-align: middle; 13118 display: inline-block; } 13119 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category { 13120 background-color: #e0cbe0; 13121 border: 2px solid #9e619f; } 13122 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course { 13123 background-color: #ffd3bd; 13124 border: 2px solid #d34600; } 13125 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site { 13126 background-color: #d6f8cd; 13127 border: 2px solid #2b8713; } 13128 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group { 13129 background-color: #fee7ae; 13130 border: 2px solid #9a6e02; } 13131 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user { 13132 background-color: #dce7ec; 13133 border: 2px solid #4e7c91; } 13134 .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other { 13135 background-color: #ced4da; 13136 border: 2px solid #687889; } 13137 .path-calendar .maincalendar .calendarmonth td { 13138 height: 5em; } 13139 .path-calendar .maincalendar .calendarmonth .clickable:hover { 13140 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); } 13141 .path-calendar .maincalendar .calendar-controls .previous, 13142 .path-calendar .maincalendar .calendar-controls .next { 13143 width: 30%; } 13144 .path-calendar .maincalendar .calendar-controls .current { 13145 width: 39.95%; } 13146 .path-calendar .maincalendar .controls { 13147 width: 98%; 13148 margin: 10px auto; } 13149 .path-calendar .maincalendar .calendar_event_category:hover a, 13150 .path-calendar .maincalendar .calendar_event_course:hover a, 13151 .path-calendar .maincalendar .calendar_event_site:hover a, 13152 .path-calendar .maincalendar .calendar_event_group:hover a, 13153 .path-calendar .maincalendar .calendar_event_user:hover a { 13154 color: #094478; 13155 text-decoration: underline; } 13156 .path-calendar .maincalendar .calendar_event_category { 13157 border-color: #e0cbe0; } 13158 .path-calendar .maincalendar .calendar_event_course { 13159 border-color: #ffd3bd; } 13160 .path-calendar .maincalendar .calendar_event_site { 13161 border-color: #d6f8cd; } 13162 .path-calendar .maincalendar .calendar_event_group { 13163 border-color: #fee7ae; } 13164 .path-calendar .maincalendar .calendar_event_user { 13165 border-color: #dce7ec; } 13166 .path-calendar .maincalendar .calendar_event_other { 13167 border-color: #ced4da; } 13168 .path-calendar .maincalendar .calendartable td, 13169 .path-calendar .maincalendar .calendartable li { 13170 padding: 0 4px 4px 4px; } 13171 .path-calendar .maincalendar .calendartable li { 13172 text-align: left; } 13173 .path-calendar .maincalendar .header { 13174 overflow: hidden; } 13175 .path-calendar .maincalendar .header .buttons { 13176 float: right; } 13177 .path-calendar .maincalendar .event .card-header img { 13178 vertical-align: baseline; } 13179 .path-calendar .maincalendar .event .location { 13180 word-break: break-all; 13181 overflow-wrap: break-word; } 13182 13183#page-calendar-export .indent { 13184 padding-left: 20px; } 13185 13186.block .minicalendar { 13187 max-width: 280px; 13188 margin: 0 auto; 13189 width: 100%; } 13190 .block .minicalendar th, 13191 .block .minicalendar td { 13192 padding: 2px; 13193 font-size: 0.8em; 13194 text-align: center; } 13195 .block .minicalendar td.weekend { 13196 color: #6a737b; } 13197 .block .minicalendar td a { 13198 width: 100%; 13199 height: 100%; 13200 display: block; 13201 color: #0d5ca1; } 13202 .block .minicalendar td.duration_global { 13203 border-top: 1px solid #d6f8cd; 13204 border-bottom: 1px solid #d6f8cd; } 13205 .block .minicalendar td.duration_global.duration_finish { 13206 background-color: #d6f8cd; } 13207 .block .minicalendar td.duration_category { 13208 border-top: 1px solid #e0cbe0; 13209 border-bottom: 1px solid #e0cbe0; } 13210 .block .minicalendar td.duration_category.duration_finish { 13211 background-color: #e0cbe0; } 13212 .block .minicalendar td.duration_course { 13213 border-top: 1px solid #ffd3bd; 13214 border-bottom: 1px solid #ffd3bd; } 13215 .block .minicalendar td.duration_course.duration_finish { 13216 background-color: #ffd3bd; } 13217 .block .minicalendar td.duration_group { 13218 border-top: 1px solid #fee7ae; 13219 border-bottom: 1px solid #fee7ae; } 13220 .block .minicalendar td.duration_group.duration_finish { 13221 background-color: #fee7ae; } 13222 .block .minicalendar td.duration_user { 13223 border-top: 1px solid #dce7ec; 13224 border-bottom: 1px solid #dce7ec; } 13225 .block .minicalendar td.duration_user.duration_finish { 13226 background-color: #dce7ec; } 13227 .block .minicalendar td.duration_other { 13228 border-top: 1px solid #ced4da; 13229 border-bottom: 1px solid #ced4da; } 13230 .block .minicalendar td.duration_other.duration_finish { 13231 background-color: #ced4da; } 13232 .block .minicalendar caption { 13233 font-size: inherit; 13234 font-weight: inherit; 13235 line-height: inherit; 13236 text-align: center; } 13237 13238.block .calendar-controls .previous, 13239.block .calendar-controls .current, 13240.block .calendar-controls .next { 13241 display: block; 13242 float: left; } 13243 13244.block .calendar-controls .previous { 13245 text-align: left; 13246 width: 12%; } 13247 13248.block .calendar-controls .current { 13249 text-align: center; 13250 width: 76%; } 13251 13252.block .calendar-controls .next { 13253 text-align: right; 13254 width: 12%; } 13255 13256.block .calendar_filters ul { 13257 list-style: none; 13258 margin: 0; 13259 padding: 0; } 13260 13261.block .calendar_filters li { 13262 margin-bottom: 0.2em; } 13263 .block .calendar_filters li span.calendar_event_category i { 13264 color: #0d5ca1; } 13265 .block .calendar_filters li span.calendar_event_course i { 13266 color: #0d5ca1; } 13267 .block .calendar_filters li span.calendar_event_site i { 13268 color: #0d5ca1; } 13269 .block .calendar_filters li span.calendar_event_group i { 13270 color: #0d5ca1; } 13271 .block .calendar_filters li span.calendar_event_user i { 13272 color: #0d5ca1; } 13273 .block .calendar_filters li span.calendar_event_other i { 13274 color: #0d5ca1; } 13275 .block .calendar_filters li span img { 13276 padding: 0 0.2em; 13277 margin: 0; } 13278 .block .calendar_filters li .icon { 13279 vertical-align: initial; 13280 margin: 0 0.1rem 0 0.4rem; } 13281 .block .calendar_filters li > a:hover { 13282 text-decoration: none; } 13283 .block .calendar_filters li > a:hover .eventname { 13284 text-decoration: underline; } 13285 13286.block .content h3.eventskey { 13287 margin-top: 0.5em; } 13288 13289/* Display month name above the calendar */ 13290table.calendartable caption { 13291 caption-side: top; } 13292 13293@media (min-width: 768px) { 13294 #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 { 13295 min-width: 1024px; } } 13296 13297.calendarwrapper { 13298 position: relative; } 13299 13300.day-popover-content:empty + .day-popover-alternate { 13301 display: block; } 13302 13303.location-content { 13304 overflow-wrap: break-word; } 13305 13306.description-content { 13307 overflow-wrap: break-word; } 13308 .description-content > p { 13309 margin: 0; } 13310 13311.cal_courses_flt { 13312 color: #6a737b; } 13313 13314.content-bank-container .cb-content-wrapper { 13315 padding: 0.5rem; 13316 min-height: 140px; 13317 max-height: 500px; 13318 overflow-x: auto; 13319 flex-wrap: wrap; } 13320 13321.content-bank-container .cb-thumbnail { 13322 width: 24px; 13323 height: 24px; 13324 background-repeat: no-repeat; 13325 background-position: center; 13326 background-size: cover; } 13327 13328.content-bank-container.view-grid .cb-listitem { 13329 margin-bottom: 0.5rem; } 13330 13331@media (max-width: 767.98px) { 13332 .content-bank-container.view-grid .cb-listitem { 13333 flex-basis: 50%; } } 13334 13335@media (min-width: 576px) { 13336 .content-bank-container.view-grid .cb-listitem { 13337 max-width: 120px; 13338 min-width: 120px; } } 13339 13340.content-bank-container.view-grid .cb-name { 13341 text-align: center; } 13342 13343.content-bank-container.view-grid .cb-file { 13344 padding: 0.5rem; } 13345 13346.content-bank-container.view-grid .cb-thumbnail { 13347 width: 64px; 13348 height: 64px; 13349 margin-left: auto; 13350 margin-right: auto; 13351 margin-bottom: 0.5rem; } 13352 13353.content-bank-container.view-grid .cb-heading, 13354.content-bank-container.view-grid .cb-date, 13355.content-bank-container.view-grid .cb-size, 13356.content-bank-container.view-grid .cb-type, 13357.content-bank-container.view-grid .cb-author { 13358 display: none; } 13359 13360.content-bank-container.view-list .cb-content-wrapper { 13361 padding: 0 0.5rem; 13362 flex-direction: column; 13363 flex-wrap: nowrap; } 13364 13365.content-bank-container.view-list .cb-thumbnail { 13366 margin-right: 0.5rem; } 13367 13368.content-bank-container.view-list .cb-listitem, 13369.content-bank-container.view-list .cb-heading { 13370 display: flex; 13371 flex-wrap: wrap; 13372 width: 100%; 13373 border-bottom: 1px solid #dee2e6; } 13374 13375.content-bank-container.view-list .cb-column { 13376 display: flex; 13377 padding: 0.25rem; } 13378 13379.content-bank-container.view-list .cb-column { 13380 border-right: 1px solid #dee2e6; } 13381 13382@media (max-width: 767.98px) { 13383 .content-bank-container.view-list .cb-column { 13384 flex: 0 0 50%; 13385 max-width: 50%; } } 13386 13387@media (min-width: 576px) { 13388 .content-bank-container.view-list .cb-heading { 13389 position: sticky; 13390 top: 0; 13391 z-index: 1; } 13392 .content-bank-container.view-list .cb-file { 13393 flex: 0 0 40%; 13394 max-width: 40%; } 13395 .content-bank-container.view-list .cb-date, 13396 .content-bank-container.view-list .cb-size, 13397 .content-bank-container.view-list .cb-type, 13398 .content-bank-container.view-list .cb-author { 13399 flex: 0 0 15%; 13400 max-width: 15%; } 13401 .content-bank-container.view-list .cb-column.last { 13402 border-right: 0; } } 13403 13404.content-bank-container.view-list .cb-btnsort span { 13405 display: none; } 13406 13407.content-bank-container.view-list .cb-btnsort .title { 13408 display: inline; } 13409 13410.content-bank-container.view-list .cb-btnsort.dir-none .default, 13411.content-bank-container.view-list .cb-btnsort.dir-asc .asc, 13412.content-bank-container.view-list .cb-btnsort.dir-desc .desc { 13413 display: inline; } 13414 13415.cb-toolbar-container .dropdown-scrollable { 13416 max-height: 190px; 13417 overflow-y: auto; } 13418 13419/* course.less */ 13420/* COURSE CONTENT */ 13421.section_add_menus { 13422 text-align: right; 13423 clear: both; } 13424 13425.section-modchooser { 13426 clear: both; } 13427 13428.block_tree .tree_item.branch { 13429 margin-left: 8px; } 13430 13431.section_add_menus .horizontal div, 13432.section_add_menus .horizontal form { 13433 display: inline; } 13434 13435.section_add_menus optgroup { 13436 font-weight: normal; 13437 font-style: italic; } 13438 13439/*rtl:ignore*/ 13440.section_add_menus .urlselect { 13441 text-align: left; 13442 margin-left: .4em; } 13443 13444/*rtl:ignore*/ 13445.section_add_menus .urlselect select { 13446 margin-left: .2em; } 13447 13448.sitetopic ul.section { 13449 margin: 0; } 13450 13451body:not(.editing) .sitetopic ul.section { 13452 padding-left: 0; } 13453 body:not(.editing) .sitetopic ul.section .label .mod-indent-outer { 13454 padding-left: 0; } 13455 13456@media (min-width: 576px) { 13457 .course-content ul.section { 13458 margin: 1rem; } } 13459 13460.section .side { 13461 margin-top: 0.5rem; } 13462 .section .side.left { 13463 float: left; } 13464 .section .side.right { 13465 float: right; 13466 clear: right; } 13467 13468.section .spinner { 13469 height: 16px; 13470 width: 16px; } 13471 13472.section .activity { 13473 /* The command block for each activity */ } 13474 .section .activity .spinner { 13475 left: 100%; 13476 position: absolute; } 13477 .section .activity .actions { 13478 position: absolute; 13479 right: 0; 13480 top: 0; 13481 display: flex; } 13482 .section .activity .contentwithoutlink, 13483 .section .activity .activityinstance { 13484 min-width: 40%; 13485 display: table-cell; 13486 padding-right: 4px; 13487 min-height: 2em; } 13488 .section .activity .contentwithoutlink > a, 13489 .section .activity .activityinstance > a { 13490 display: inline-block; 13491 text-indent: -31px; 13492 padding-left: 31px; } 13493 .section .activity .contentwithoutlink .dimmed .activityicon, 13494 .section .activity .activityinstance .dimmed .activityicon { 13495 opacity: .5; } 13496 .section .activity .stealth { 13497 color: #6a737b; } 13498 .section .activity a.stealth, 13499 .section .activity a.stealth:hover { 13500 color: #5babf2 !important; 13501 /* stylelint-disable-line declaration-no-important */ } 13502 13503.section .label .contentwithoutlink, 13504.section .label .activityinstance { 13505 padding-right: 32px; 13506 display: block; 13507 height: inherit; } 13508 13509@media (min-width: 576px) { 13510 .section .label .mod-indent-outer { 13511 padding-left: 24px; 13512 display: block; } } 13513 13514.section .filler { 13515 width: 16px; 13516 height: 16px; 13517 padding: 0; 13518 margin: 0 0.5rem; 13519 display: inline-block; } 13520 13521.section .activity.editor_displayed a.editing_title, 13522.section .activity.editor_displayed .moodle-actionmenu { 13523 display: none; } 13524 13525.section .activity.editor_displayed div.activityinstance { 13526 padding-right: initial; } 13527 .section .activity.editor_displayed div.activityinstance input { 13528 margin-bottom: initial; 13529 padding-top: initial; 13530 padding-bottom: initial; 13531 vertical-align: text-bottom; } 13532 13533.activity img.activityicon { 13534 margin-right: 6px; 13535 vertical-align: text-bottom; } 13536 13537.section .activity .activityinstance, 13538.section .activity .activityinstance div { 13539 display: inline-block; } 13540 13541.editing .section .activity .contentwithoutlink, 13542.editing .section .activity .activityinstance { 13543 padding-right: 200px; } 13544 13545.editing .section .activity .editing_move { 13546 /* Move the move icon to the start of the line */ 13547 position: absolute; 13548 left: 0; 13549 top: 0; } 13550 13551.editing .section .activity .mod-indent-outer { 13552 /** 13553 * Add appropriate padding such that nothing overlaps the 13554 * absolute positioned move icon. 13555 */ 13556 padding-left: 2rem; } 13557 13558.editing_show + .editing_assign, 13559.editing_hide + .editing_assign { 13560 margin-left: 20px; } 13561 13562.section .activity .commands { 13563 white-space: nowrap; 13564 display: inline-block; } 13565 13566.section .activity.modtype_label.label { 13567 font-weight: normal; 13568 padding: .2em; } 13569 13570.section li.activity { 13571 padding: .2em; 13572 clear: both; } 13573 13574.section .activity .activityinstance .groupinglabel { 13575 padding-left: 30px; } 13576 13577.section .activity .availabilityinfo, 13578.section .activity .contentafterlink { 13579 margin-top: 0.5em; 13580 margin-left: 30px; } 13581 13582.section .activity .contentafterlink p { 13583 margin: .5em 0; } 13584 13585.editing .section .activity:hover, 13586.editing .section .activity.action-menu-shown { 13587 background-color: rgba(0, 0, 0, 0.03); } 13588 13589.course-content .current { 13590 position: relative; } 13591 13592.course-content .current::before { 13593 content: ""; 13594 border-left: #0f6cbf 2px solid; 13595 position: absolute; 13596 left: -1.25rem; 13597 top: 0; 13598 bottom: 0; } 13599 13600.course-content .section-summary { 13601 border: 1px solid #dee2e6; 13602 margin-top: 5px; 13603 list-style: none; } 13604 13605.course-content .section-summary .section-title { 13606 margin: 2px 5px 10px 5px; } 13607 13608.course-content .section-summary .summarytext { 13609 margin: 2px 5px 2px 5px; } 13610 13611.course-content .section-summary .section-summary-activities .activity-count { 13612 color: #6a737b; 13613 font-size: 0.8203125rem; 13614 margin: 3px; 13615 white-space: nowrap; 13616 display: inline-block; } 13617 13618.course-content .section-summary .summary { 13619 margin-top: 5px; } 13620 13621.course-content .single-section { 13622 margin-top: 1em; } 13623 13624.course-content .single-section .section-navigation { 13625 display: block; 13626 padding: 0.5em; 13627 margin-bottom: -0.5em; } 13628 13629.course-content .single-section .section-navigation .title { 13630 font-weight: bold; 13631 font-size: 108%; 13632 clear: both; } 13633 13634.course-content .single-section .section-navigation .mdl-left { 13635 font-weight: normal; 13636 float: left; 13637 margin-right: 1em; } 13638 13639.course-content .single-section .section-navigation .mdl-left .larrow { 13640 margin-right: 0.1em; } 13641 13642.course-content .single-section .section-navigation .mdl-right { 13643 font-weight: normal; 13644 float: right; 13645 margin-left: 1em; } 13646 13647.course-content .single-section .section-navigation .mdl-right .rarrow { 13648 margin-left: 0.1em; } 13649 13650.course-content .single-section .section-navigation .mdl-bottom { 13651 margin-top: 0; } 13652 13653.course-content ul li.section.main { 13654 border-bottom: 1px solid #dee2e6; 13655 margin-top: 0; } 13656 .course-content ul li.section.main:last-child { 13657 border-bottom: 0; } 13658 13659.course-content ul li.section.hidden .sectionname > span, 13660.course-content ul li.section.hidden .content > div.summary, 13661.course-content ul li.section.hidden .activity .activityinstance { 13662 color: #6a737b; } 13663 13664.course-content ul.topics, 13665.course-content ul.weeks { 13666 padding: 0; 13667 margin: 0; 13668 list-style: none; } 13669 .course-content ul.topics li.section, 13670 .course-content ul.weeks li.section { 13671 margin-top: 1rem; 13672 padding-bottom: 1rem; } 13673 .course-content ul.topics li.section .content, 13674 .course-content ul.weeks li.section .content { 13675 margin: 0; 13676 padding: 0; } 13677 @media (min-width: 576px) { 13678 .course-content ul.topics li.section .summary, 13679 .course-content ul.topics li.section .content > .availabilityinfo, 13680 .course-content ul.weeks li.section .summary, 13681 .course-content ul.weeks li.section .content > .availabilityinfo { 13682 margin-left: 25px; } } 13683 .course-content ul.topics li.section .left, 13684 .course-content ul.topics li.section .right, 13685 .course-content ul.weeks li.section .left, 13686 .course-content ul.weeks li.section .right { 13687 padding: 0 6px 0; 13688 text-align: right; 13689 width: auto; } 13690 13691@media (max-width: 767.98px) { 13692 body:not(.editing) .course-content ul.topics li.section .left, 13693 body:not(.editing) .course-content ul.topics li.section .right, 13694 body:not(.editing) .course-content ul.weeks li.section .left, 13695 body:not(.editing) .course-content ul.weeks li.section .right { 13696 display: none; } } 13697 13698.course-content { 13699 margin-top: 0; } 13700 13701.course-content .hidden { 13702 display: none; } 13703 13704@media (max-width: 767.98px) { 13705 .course-content li.section ul { 13706 padding-left: 0; } } 13707 13708.course-content li.section ul { 13709 list-style: disc; } 13710 .course-content li.section ul ul { 13711 list-style: circle; } 13712 .course-content li.section ul ul ul { 13713 list-style: square; } 13714 13715.course-content li.section li.activity ul { 13716 list-style: disc; } 13717 .course-content li.section li.activity ul ul { 13718 list-style: circle; } 13719 .course-content li.section li.activity ul ul ul { 13720 list-style: square; } 13721 13722.course-content li.section .right > .icon:first-child { 13723 /* Remove the spacer icon. */ 13724 display: none; } 13725 13726.path-course-view.editing #region-main > .card-block { 13727 padding-bottom: 13rem; } 13728 13729.jumpmenu .form-inline { 13730 display: block; } 13731 13732.path-course-view .completionprogress { 13733 margin-left: 25px; } 13734 13735.path-course-view .completionprogress { 13736 display: block; 13737 float: right; 13738 height: 20px; 13739 position: relative; } 13740 13741#page-site-index .subscribelink { 13742 text-align: right; } 13743 13744#site-news-forum h2, 13745#frontpage-course-list h2, 13746#frontpage-category-names h2, 13747#frontpage-category-combo h2 { 13748 margin-bottom: 9px; } 13749 13750.path-course-view a.reduce-sections { 13751 padding-left: 0.2em; } 13752 13753.path-course-view .subscribelink { 13754 text-align: right; } 13755 13756.path-course-view .unread { 13757 margin-left: 30px; } 13758 13759.path-course-view .block.drag .header { 13760 cursor: move; } 13761 13762.path-course-view .completionprogress { 13763 text-align: right; } 13764 13765.path-course-view .single-section .completionprogress { 13766 margin-right: 5px; } 13767 13768.path-site li.activity > div, 13769.path-course-view li.activity > div { 13770 position: relative; 13771 padding: 0 16px 0 0; 13772 /* to accommodate the floated completion icon with highlighting */ } 13773 13774.path-course-view li.activity span.autocompletion img { 13775 vertical-align: text-bottom; 13776 margin-left: 0; } 13777 13778.path-course-view li.activity form.togglecompletion .btn { 13779 padding: 0; } 13780 13781.path-course-view li.activity form.togglecompletion img { 13782 max-width: none; 13783 /* The width is 0 so ensure we don't end up with a relative max-width */ } 13784 13785.path-course-view.editing li.activity span.autocompletion img { 13786 /* Use the same spacing as the filler. */ 13787 margin-right: 0.5rem; 13788 margin-left: 0.5rem; } 13789 13790.path-course-view li.activity form.togglecompletion .ajaxworking { 13791 width: 16px; 13792 height: 16px; 13793 position: absolute; 13794 right: 22px; 13795 top: 3px; 13796 background: url([[pix:i/ajaxloader]]) no-repeat; } 13797 13798li.section.hidden span.commands a.editing_hide, 13799li.section.hidden span.commands a.editing_show { 13800 cursor: default; } 13801 13802.single-section h3.sectionname { 13803 text-align: center; 13804 clear: both; } 13805 13806input.titleeditor { 13807 width: 330px; 13808 vertical-align: text-bottom; } 13809 13810span.editinstructions { 13811 /*rtl:remove*/ 13812 position: absolute; 13813 /*rtl:raw: 13814 position: relative; 13815 */ 13816 top: 0; 13817 margin-top: -22px; 13818 margin-left: 30px; 13819 font-size: 0.8203125rem; 13820 padding: .1em .4em; 13821 text-decoration: none; 13822 z-index: 9999; 13823 border: 0 solid transparent; 13824 color: #00434e; 13825 background-color: #cce6ea; 13826 border-color: #b8dce2; } 13827 span.editinstructions hr { 13828 border-top-color: #a6d3db; } 13829 span.editinstructions .alert-link { 13830 color: #00171b; } 13831 13832/* Course drag and drop upload styles */ 13833#dndupload-status { 13834 position: fixed; 13835 left: 0; 13836 width: 40%; 13837 margin: 0 30%; 13838 padding: 6px; 13839 text-align: center; 13840 z-index: 1; 13841 border: 0 solid transparent; 13842 color: #00434e; 13843 background-color: #cce6ea; 13844 border-color: #b8dce2; } 13845 #dndupload-status hr { 13846 border-top-color: #a6d3db; } 13847 #dndupload-status .alert-link { 13848 color: #00171b; } 13849 13850.dndupload-preview { 13851 color: #909090; 13852 border: 1px dashed #909090; 13853 list-style: none; 13854 margin-top: .2em; 13855 padding: .3em; } 13856 13857.dndupload-hidden { 13858 display: none; } 13859 13860/* COURSES LISTINGS AND COURSE SUMMARY */ 13861#page-course-pending .singlebutton, 13862#page-course-index .singlebutton, 13863#page-course-index-category .singlebutton, 13864#page-course-editsection .singlebutton { 13865 text-align: center; } 13866 13867#page-admin-course-manage #movecourses td img { 13868 margin: 0 .22em; 13869 vertical-align: text-bottom; } 13870 13871#coursesearch { 13872 margin-top: 1em; 13873 text-align: left; } 13874 13875#page-course-pending .pendingcourserequests { 13876 margin-bottom: 1em; } 13877 13878#page-course-pending .pendingcourserequests .singlebutton { 13879 display: inline; } 13880 13881#page-course-pending .pendingcourserequests .cell { 13882 padding: 0 5px; } 13883 13884#page-course-pending .pendingcourserequests .cell.c6 { 13885 white-space: nowrap; } 13886 13887.coursebox { 13888 padding: 0.5rem; } 13889 13890.coursebox > .info > .coursename a { 13891 display: block; 13892 background-image: url([[pix:moodle|i/course]]); 13893 background-repeat: no-repeat; 13894 padding-left: 21px; 13895 background-position: left 0.2em; } 13896 13897.coursebox > .info > .coursename, 13898.coursebox .content .teachers, 13899.coursebox .content .courseimage, 13900.coursebox .content .coursefile, 13901.coursebox .content .customfields-container { 13902 float: left; 13903 clear: left; } 13904 13905.coursebox .content .teachers, 13906.coursebox .content .courseimage, 13907.coursebox .content .coursefile, 13908.coursebox .content .customfields-container { 13909 width: 40%; } 13910 13911.coursebox > .info > h3.coursename { 13912 margin: 5px; } 13913 13914.coursebox > .info > .coursename { 13915 margin: 5px; 13916 padding: 0; } 13917 13918.coursebox .content .teachers li { 13919 list-style-type: none; 13920 padding: 0; 13921 margin: 0; } 13922 13923.coursebox .moreinfo, 13924.coursebox .enrolmenticons { 13925 padding: 3px 0; 13926 float: right; } 13927 13928.coursebox .moreinfo img { 13929 margin: 0 .2em; } 13930 13931.coursebox .content { 13932 clear: both; } 13933 13934.coursebox .content .summary, 13935.coursebox .content .coursecat { 13936 float: right; 13937 width: 55%; } 13938 13939.coursebox .content .coursecat { 13940 text-align: right; 13941 clear: right; } 13942 13943.coursebox.remotecoursebox .remotecourseinfo { 13944 float: left; 13945 width: 40%; } 13946 13947.coursebox .content .courseimage img { 13948 max-width: 100px; 13949 max-height: 100px; } 13950 13951.coursebox .content .coursecat, 13952.coursebox .content .summary, 13953.coursebox .content .courseimage, 13954.coursebox .content .coursefile, 13955.coursebox .content .teachers, 13956.coursebox.remotecoursebox .remotecourseinfo, 13957.coursebox .content .customfields-container { 13958 margin: 15px 5px 5px; 13959 padding: 0; } 13960 13961.coursebox.remotehost > .info > .categoryname a { 13962 background-image: url([[pix:moodle|i/mnethost]]); } 13963 13964.coursebox.collapsed { 13965 margin-bottom: 0; } 13966 13967.coursebox.collapsed > .content { 13968 display: none; } 13969 13970.courses .coursebox.collapsed { 13971 padding-top: 0.5rem; 13972 padding-bottom: 0.5rem; } 13973 13974.courses .coursebox.even { 13975 background-color: rgba(0, 0, 0, 0.03); } 13976 13977.courses > .paging.paging-morelink { 13978 text-align: center; 13979 padding: 1rem; } 13980 13981.course_category_tree .category .numberofcourse { 13982 font-size: 0.8203125rem; } 13983 13984.course_category_tree .controls { 13985 visibility: hidden; } 13986 13987.course_category_tree .controls div { 13988 display: inline; 13989 cursor: pointer; } 13990 13991.jsenabled .course_category_tree .controls { 13992 visibility: visible; } 13993 13994.course_category_tree .controls { 13995 margin-bottom: 5px; 13996 text-align: right; 13997 float: right; } 13998 13999.course_category_tree .controls div { 14000 padding-right: 2em; 14001 font-size: 75%; } 14002 14003.course_category_tree .category > .info > .categoryname { 14004 background-image: url([[pix:moodle|t/collapsed_empty]]); 14005 background-repeat: no-repeat; 14006 padding: 2px 18px; 14007 margin: 3px; 14008 background-position: center left; } 14009 14010/* rtl:raw: 14011.course_category_tree .category > .info > .categoryname { 14012 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]); 14013} 14014 */ 14015.course_category_tree .category.with_children > .info > .categoryname { 14016 background-image: url([[pix:moodle|t/expanded]]); 14017 cursor: pointer; } 14018 14019.course_category_tree .category.with_children.collapsed > .info > .categoryname { 14020 background-image: url([[pix:moodle|t/collapsed]]); } 14021 14022/* rtl:raw: 14023.course_category_tree .category.with_children.collapsed > .info > .categoryname { 14024 background-image:url([[pix:moodle|t/collapsed_rtl]]); 14025} 14026*/ 14027.course_category_tree .category.collapsed > .content { 14028 display: none; } 14029 14030.course_category_tree .category > .info { 14031 clear: both; } 14032 14033.course_category_tree .category > .content { 14034 padding-left: 16px; } 14035 14036#page-course-index-category .generalbox.info { 14037 margin-bottom: 15px; 14038 border: 1px dotted #ddd; 14039 border-radius: 4px; 14040 padding: 5px; } 14041 14042#page-course-index-category .categorypicker { 14043 text-align: center; 14044 margin: 10px 0 20px; } 14045 14046/** 14047 * Course management page 14048 * Palette 14049 * 14050 * Background (reg) #F5F5F5 14051 * Background (light #fafafa 14052 * Background (highlight) #ddffaa 14053 * Borders #e1e1e8 14054 */ 14055#course-category-listings { 14056 margin-bottom: 0; 14057 /** Two column layout */ 14058 /** Three column layout */ } 14059 #course-category-listings.columns-2 > #course-listing > div { 14060 position: relative; 14061 left: -1px; } 14062 #course-category-listings.columns-3 > #course-listing > div { 14063 height: 100%; } 14064 #course-category-listings > div > div { 14065 min-height: 300px; } 14066 #course-category-listings > div > div > ul.ml > li:first-child > div { 14067 border-top: 0; } 14068 #course-category-listings h3 { 14069 margin: 0; 14070 padding: 0.4rem 0.6rem 0.3rem; } 14071 #course-category-listings h4 { 14072 margin: 1rem 0 0; 14073 padding: 0.6rem 1rem 0.5rem; } 14074 #course-category-listings .moodle-actionmenu { 14075 white-space: nowrap; } 14076 #course-category-listings .listing-actions { 14077 text-align: center; } 14078 #course-category-listings .listing-actions > .moodle-actionmenu { 14079 display: inline-block; } 14080 #course-category-listings ul.ml { 14081 list-style: none; 14082 margin: 1rem 0; } 14083 #course-category-listings ul.ml ul.ml { 14084 margin: 0; } 14085 #course-category-listings .listitem[data-selected='1'] { 14086 border-left: calc(1px + 5px) solid #0f6cbf; 14087 padding-left: calc(1.25rem - 5px); } 14088 #course-category-listings .item-actions { 14089 margin-right: 1em; 14090 display: inline-block; } 14091 #course-category-listings .item-actions.show .menu img { 14092 width: 12px; 14093 max-width: none; } 14094 #course-category-listings .item-actions .menu-action-text { 14095 vertical-align: inherit; } 14096 #course-category-listings .listitem > div > .float-left { 14097 float: left; } 14098 #course-category-listings .listitem > div > .float-right { 14099 float: right; 14100 text-align: right; } 14101 #course-category-listings .listitem > div .item-actions .action-show { 14102 display: none; } 14103 #course-category-listings .listitem > div .item-actions .action-hide { 14104 display: inline; } 14105 #course-category-listings .listitem > div .without-actions { 14106 color: #333; } 14107 #course-category-listings .listitem > div .idnumber { 14108 margin-right: 2em; } 14109 #course-category-listings .listitem[data-visible="0"] { 14110 color: #6a737b; } 14111 #course-category-listings .listitem[data-visible="0"] > div > a { 14112 color: #6a737b; } 14113 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show { 14114 display: inline; } 14115 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide { 14116 display: none; } 14117 #course-category-listings .listitem.highlight { 14118 background-color: #fff; } 14119 #course-category-listings .listitem.highlight > div, 14120 #course-category-listings .listitem.highlight > div:hover, 14121 #course-category-listings .listitem.highlight[data-selected='1'] > div { 14122 background-color: rgba(0, 0, 0, 0.075); } 14123 #course-category-listings #course-listing .listitem .categoryname { 14124 display: inline-block; 14125 margin-left: 1em; 14126 color: #a1a1a8; } 14127 #course-category-listings #course-listing .listitem .coursename { 14128 display: inline-block; } 14129 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup, 14130 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown { 14131 display: none; } 14132 #course-category-listings #course-listing .bulk-action-checkbox { 14133 margin: -2px 6px 0 0; } 14134 #course-category-listings #category-listing .listitem.collapsed > ul.ml { 14135 display: none; } 14136 #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, 14137 #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown { 14138 display: none; } 14139 #course-category-listings #category-listing .course-count { 14140 color: #a1a1a8; 14141 margin-right: 2rem; 14142 min-width: 3.5em; 14143 display: inline-block; } 14144 #course-category-listings #category-listing .bulk-action-checkbox { 14145 margin-right: -3px; } 14146 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child { 14147 position: relative; } 14148 #course-category-listings #category-listing .category-bulk-actions { 14149 margin: 0 0.5em 0.5em; 14150 position: relative; } 14151 #course-category-listings .detail-pair > * { 14152 display: inline-block; } 14153 #course-category-listings .detail-pair .pair-key { 14154 font-weight: bold; 14155 vertical-align: top; } 14156 #course-category-listings .detail-pair .pair-key span { 14157 margin-right: 1rem; 14158 display: block; } 14159 #course-category-listings .detail-pair .pair-value select { 14160 max-width: 100%; } 14161 #course-category-listings .bulk-actions .detail-pair > * { 14162 display: block; 14163 width: 100%; } 14164 #course-category-listings .listing-pagination { 14165 text-align: center; } 14166 #course-category-listings .listing-pagination .yui3-button { 14167 color: #fff; 14168 background-color: #008196; 14169 border-color: #008196; 14170 border: 0; 14171 margin: 0.4rem 0.2rem 0.45rem; 14172 font-size: 10.4px; } 14173 #course-category-listings .listing-pagination .yui3-button:hover { 14174 color: #fff; 14175 background-color: #006070; 14176 border-color: #005563; } 14177 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus { 14178 color: #fff; 14179 background-color: #006070; 14180 border-color: #005563; 14181 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5); } 14182 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled { 14183 color: #fff; 14184 background-color: #008196; 14185 border-color: #008196; } 14186 #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, 14187 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle { 14188 color: #fff; 14189 background-color: #005563; 14190 border-color: #004a56; } 14191 #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, 14192 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus { 14193 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5); } 14194 #course-category-listings .listing-pagination .yui3-button.active-page { 14195 color: #fff; 14196 background-color: #0f6cbf; 14197 border-color: #0f6cbf; } 14198 #course-category-listings .listing-pagination .yui3-button.active-page:hover { 14199 color: #fff; 14200 background-color: #0c589c; 14201 border-color: #0b5190; } 14202 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus { 14203 color: #fff; 14204 background-color: #0c589c; 14205 border-color: #0b5190; 14206 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5); } 14207 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled { 14208 color: #fff; 14209 background-color: #0f6cbf; 14210 border-color: #0f6cbf; } 14211 #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, 14212 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle { 14213 color: #fff; 14214 background-color: #0b5190; 14215 border-color: #0a4b84; } 14216 #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, 14217 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus { 14218 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5); } 14219 #course-category-listings .listing-pagination-totals { 14220 text-align: center; } 14221 #course-category-listings .listing-pagination-totals.dimmed { 14222 color: #6a737b; 14223 margin: 0.4rem 1rem 0.45rem; } 14224 #course-category-listings .select-a-category .notifymessage, 14225 #course-category-listings .select-a-category .alert { 14226 margin: 1em; } 14227 14228#course-category-listings #course-listing .listitem .drag-handle { 14229 display: none; } 14230 14231.jsenabled #course-category-listings #course-listing .listitem .drag-handle { 14232 display: inline-block; 14233 margin: 0 6px 0 0; 14234 cursor: pointer; } 14235 14236/** Management header styling **/ 14237.coursecat-management-header { 14238 vertical-align: middle; } 14239 .coursecat-management-header h2 { 14240 display: inline-block; 14241 text-align: left; } 14242 .coursecat-management-header > div { 14243 display: inline-block; 14244 float: right; } 14245 .coursecat-management-header > div > div { 14246 margin: 10px 0 10px 1em; 14247 display: inline-block; } 14248 .coursecat-management-header select { 14249 max-width: 300px; 14250 cursor: pointer; 14251 padding: 0.4em 0.5em 0.45em 1em; 14252 vertical-align: baseline; 14253 white-space: nowrap; } 14254 .coursecat-management-header .view-mode-selector .moodle-actionmenu { 14255 white-space: nowrap; 14256 display: inline-block; } 14257 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a { 14258 padding-left: 1em; } 14259 14260.course-being-dragged-proxy { 14261 border: 0; 14262 color: #0f6cbf; 14263 vertical-align: middle; 14264 padding: 0 0 0 4em; } 14265 14266.course-being-dragged { 14267 opacity: 0.5; } 14268 14269/** 14270 * Display sizes: 14271 * Large displays 1200 + 14272 * Default displays 980 1199 14273 * Tablets 768 979 14274 * Small tablets and large phones 481 767 14275 * Phones 0 480 14276 */ 14277@media (min-width: 1200px) and (max-width: 1600px) { 14278 #course-category-listings.columns-3 { 14279 background-color: #fff; 14280 border: 0; } 14281 #course-category-listings.columns-3 #category-listing, 14282 #course-category-listings.columns-3 #course-listing { 14283 width: 50%; } 14284 #course-category-listings.columns-3 #category-listing > div, 14285 #course-category-listings.columns-3 #course-listing > div, 14286 #course-category-listings.columns-3 #course-detail > div { 14287 background-color: #fff; } 14288 #course-category-listings.columns-3 #course-detail { 14289 width: 100%; 14290 margin-top: 1em; } } 14291 14292@media (max-width: 1199px) { 14293 #course-category-listings.columns-2, 14294 #course-category-listings.columns-3 { 14295 border: 0; } 14296 #course-category-listings.columns-2 #category-listing, 14297 #course-category-listings.columns-2 #course-listing, 14298 #course-category-listings.columns-2 #course-detail, 14299 #course-category-listings.columns-3 #category-listing, 14300 #course-category-listings.columns-3 #course-listing, 14301 #course-category-listings.columns-3 #course-detail { 14302 width: 100%; 14303 margin: 0 0 1em; } } 14304 14305.page-settings-menu .menubar > a > .icon { 14306 width: auto; 14307 height: 32px; 14308 font-size: 32px; } 14309 14310.activity-navigation .row { 14311 align-items: center; } 14312 14313.activity-navigation #prev-activity-link, 14314.activity-navigation #next-activity-link { 14315 white-space: pre-wrap; } 14316 14317/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */ 14318:target { 14319 scroll-margin-top: 60px; } 14320 14321.pagelayout-embedded :target { 14322 padding-top: initial; 14323 margin-top: initial; } 14324 14325#nav-drawer.closed { 14326 left: -305px; } 14327 14328#nav-drawer[aria-hidden=true] .list-group-item { 14329 display: none; } 14330 14331/* Use a variable for the drawer background colors. */ 14332[data-region="drawer"] { 14333 position: fixed; 14334 width: 285px; 14335 top: 50px; 14336 height: calc(100% - 50px); 14337 overflow-y: auto; 14338 -webkit-overflow-scrolling: touch; 14339 z-index: 999; 14340 background-color: #f2f2f2; 14341 -webkit-transition: right 0.5s ease, left 0.5s ease; 14342 -moz-transition: right 0.5s ease, left 0.5s ease; 14343 transition: right 0.5s ease, left 0.5s ease; } 14344 14345@media (min-width: 576px) { 14346 [data-region="drawer"] { 14347 padding: 20px 20px; } } 14348 14349#nav-drawer { 14350 right: auto; 14351 left: 0; 14352 /* Override the z-indexes defined in bootstrap/_list-group.scss that 14353 lead to side effects on the user tours positioning. */ } 14354 #nav-drawer .list-group-item-action.active, 14355 #nav-drawer .list-group-item.active { 14356 z-index: inherit; } 14357 #nav-drawer .list-group-item-action.active + .list-group-item, 14358 #nav-drawer .list-group-item.active + .list-group-item { 14359 border-top: none; } 14360 #nav-drawer .list-group ul { 14361 list-style: none; 14362 padding: 0; 14363 margin: 0; } 14364 #nav-drawer .list-group li { 14365 margin-bottom: -1px; } 14366 #nav-drawer .list-group li:last-child { 14367 margin-bottom: 0; } 14368 14369#page { 14370 margin-top: 50px; } 14371 14372.pagelayout-embedded #page { 14373 margin-top: 0; } 14374 14375body.drawer-ease { 14376 -webkit-transition: margin-left 0.5s ease, margin-right 0.5s ease; 14377 -moz-transition: margin-left 0.5s ease, margin-right 0.5s ease; 14378 transition: margin-left 0.5s ease, margin-right 0.5s ease; } 14379 14380@media (min-width: 768px) { 14381 body.drawer-open-left { 14382 margin-left: 285px; } } 14383 14384@media (min-width: 768px) { 14385 body.drawer-open-right { 14386 margin-right: 285px; } } 14387 14388[data-region=right-hand-drawer] { 14389 display: flex; 14390 flex-direction: column; 14391 transition: right 0.2s ease-in-out; } 14392 @media (prefers-reduced-motion: reduce) { 14393 [data-region=right-hand-drawer] { 14394 transition: none; } } 14395 [data-region=right-hand-drawer].drawer { 14396 z-index: 1020; 14397 position: fixed; 14398 top: 50px; 14399 right: 0; 14400 height: calc(100% - 50px); 14401 width: 320px; 14402 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); 14403 padding: 0; 14404 visibility: visible; 14405 opacity: 1; } 14406 [data-region=right-hand-drawer] .closewidget { 14407 display: none; } 14408 [data-region=right-hand-drawer].hidden { 14409 display: block; 14410 right: -320px; 14411 visibility: hidden; 14412 opacity: 0; 14413 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s; } 14414 @media (prefers-reduced-motion: reduce) { 14415 [data-region=right-hand-drawer].hidden { 14416 transition: none; } } 14417 14418@media (max-width: 767.98px) { 14419 [data-region=right-hand-drawer].drawer { 14420 top: 0; 14421 height: 100%; 14422 z-index: 1030; } 14423 [data-region=right-hand-drawer] .closewidget { 14424 display: block; 14425 padding: 0 0.2rem; } 14426 body.drawer-open-left, 14427 body.drawer-open-right { 14428 overflow: hidden; } } 14429 14430.dir-rtl [data-region=right-hand-drawer] { 14431 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); } 14432 14433#page-my-index { 14434 background-color: #f7f7f7; } 14435 14436.fp-content-center { 14437 height: 100%; 14438 width: 100%; 14439 display: table-cell; 14440 vertical-align: middle; } 14441 14442.fp-content-hidden { 14443 visibility: hidden; } 14444 14445.yui3-panel-focused { 14446 outline: none; } 14447 14448.fp-panel-button { 14449 background: #fff; 14450 padding: 3px 20px 2px 20px; 14451 text-align: center; 14452 margin: 10px; 14453 border-radius: 10px; 14454 display: inline-block; } 14455 14456.filepicker .yui3-widget-content-expanded { 14457 height: auto; } 14458 14459/* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */ 14460.filepicker .moodle-dialogue-bd { 14461 min-height: 520px; } 14462 14463.file-picker .fp-navbar { 14464 min-height: 40px; 14465 padding: 4px; } 14466 14467.fp-navbar { 14468 border-color: #8f959e; 14469 border-bottom: 0; } 14470 14471.file-picker .fp-content { 14472 border-top: 0; 14473 background: #fff; 14474 clear: none; 14475 overflow: auto; 14476 height: 452px; } 14477 14478.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content { 14479 width: 100%; } 14480 14481.file-picker .fp-content-loading { 14482 height: 100%; 14483 width: 100%; 14484 display: table; 14485 text-align: center; } 14486 14487.file-picker .fp-content .fp-object-container { 14488 width: 98%; 14489 height: 98%; } 14490 14491.file-picker .fp-def-search { 14492 margin-top: 0; } 14493 14494.file-picker .fp-list { 14495 list-style-type: none; 14496 padding: 0; 14497 float: left; 14498 width: 100%; 14499 margin: 0; } 14500 14501.file-picker .fp-list .fp-repo a { 14502 display: block; 14503 padding: .5em .7em; } 14504 14505.file-picker .fp-list .fp-repo.active { 14506 background: #f2f2f2; } 14507 14508.file-picker .fp-list .fp-repo-icon { 14509 padding: 0 7px 0 5px; 14510 width: 16px; 14511 height: 16px; } 14512 14513.fp-toolbar { 14514 float: left; } 14515 14516.fp-toolbar.empty { 14517 display: none; } 14518 14519.fp-toolbar .disabled { 14520 display: none; } 14521 14522.fp-toolbar div { 14523 display: block; 14524 float: left; 14525 margin-right: 4px; } 14526 14527.fp-toolbar img { 14528 vertical-align: -15%; 14529 margin-right: 5px; } 14530 14531.fp-viewbar:not(.disabled) a.checked { 14532 background-color: #b1bbc4; 14533 color: #1d2125; 14534 border-color: #aab4bf; } 14535 14536.fp-viewbar.disabled a { 14537 pointer-events: none; 14538 opacity: 0.65; } 14539 14540.file-picker .fp-clear-left { 14541 clear: left; } 14542 14543.fp-pathbar.empty { 14544 display: none; } 14545 14546.fp-pathbar .fp-path-folder { 14547 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat; 14548 background-size: 12px 12px; 14549 height: 12px; 14550 margin-left: 12px; } 14551 14552/*rtl:raw: 14553.fp-pathbar .fp-path-folder { 14554 background-image: url('[[pix:theme|fp/path_folder_rtl]]'); 14555} 14556*/ 14557.fp-pathbar .fp-path-folder-name { 14558 margin-left: 24px; } 14559 14560.fp-iconview .fp-file { 14561 float: left; 14562 text-align: center; 14563 position: relative; 14564 margin: 10px 10px 35px; } 14565 14566.fp-iconview .fp-thumbnail { 14567 min-width: 110px; 14568 min-height: 110px; 14569 line-height: 110px; 14570 text-align: center; 14571 border: 1px solid #fff; 14572 display: block; } 14573 14574.fp-iconview .fp-thumbnail img { 14575 border: 1px solid #ddd; 14576 padding: 3px; 14577 vertical-align: middle; } 14578 14579.fp-iconview .fp-thumbnail:hover { 14580 background: #fff; 14581 border: 1px solid #ddd; } 14582 14583.fp-iconview .fp-filename-field { 14584 height: 33px; 14585 margin-top: 3px; 14586 word-wrap: break-word; 14587 overflow: hidden; 14588 position: absolute; } 14589 14590.fp-iconview .fp-file:focus .fp-filename-field, 14591.fp-iconview .fp-file:hover .fp-filename-field { 14592 overflow: visible; 14593 z-index: 1000; } 14594 14595.fp-iconview .fp-file:focus .fp-filename, 14596.fp-iconview .fp-file:hover .fp-filename { 14597 overflow: inherit; 14598 white-space: normal; 14599 text-overflow: inherit; } 14600 14601.fp-iconview .fp-filename-field .fp-filename { 14602 background: #fff; 14603 padding-top: 5px; 14604 padding-bottom: 12px; 14605 min-width: 112px; } 14606 14607.file-picker .yui3-datatable table { 14608 border: 0 solid #bbb; 14609 width: 100%; } 14610 14611.file-picker .ygtvtn, 14612.filemanager .ygtvtn { 14613 /*rtl:remove*/ 14614 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat; 14615 /*rtl:raw: 14616 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat; 14617 */ 14618 width: 19px; 14619 height: 32px; } 14620 14621.file-picker .ygtvtm, 14622.filemanager .ygtvtm { 14623 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat; 14624 /*rtl:raw: 14625 background-position: 2px 10px; 14626 */ 14627 width: 13px; 14628 height: 12px; 14629 cursor: pointer; } 14630 14631.file-picker .ygtvtmh, 14632.filemanager .ygtvtmh { 14633 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat; 14634 /*rtl:raw: 14635 background-position: 2px 10px; 14636 */ 14637 width: 13px; 14638 height: 12px; 14639 cursor: pointer; } 14640 14641.file-picker .ygtvtp, 14642.filemanager .ygtvtp { 14643 /*rtl:remove*/ 14644 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat; 14645 /*rtl:raw: 14646 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat; 14647 */ 14648 width: 13px; 14649 height: 12px; 14650 cursor: pointer; } 14651 14652.file-picker .ygtvtph, 14653.filemanager .ygtvtph { 14654 /*rtl:remove*/ 14655 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat; 14656 /*rtl:raw: 14657 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat; 14658 */ 14659 width: 13px; 14660 height: 22px; 14661 cursor: pointer; } 14662 14663.file-picker .ygtvln, 14664.filemanager .ygtvln { 14665 /*rtl:remove*/ 14666 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat; 14667 /*rtl:raw: 14668 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat; 14669 */ 14670 width: 19px; 14671 height: 32px; } 14672 14673.file-picker .ygtvlm, 14674.filemanager .ygtvlm { 14675 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat; 14676 /*rtl:raw: 14677 background-position: 2px 10px; 14678 */ 14679 width: 13px; 14680 height: 12px; 14681 cursor: pointer; } 14682 14683.file-picker .ygtvlmh, 14684.filemanager .ygtvlmh { 14685 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat; 14686 /*rtl:raw: 14687 background-position: 2px 10px; 14688 */ 14689 width: 13px; 14690 height: 12px; 14691 cursor: pointer; } 14692 14693.file-picker .ygtvlp, 14694.filemanager .ygtvlp { 14695 /*rtl:remove*/ 14696 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat; 14697 /*rtl:raw: 14698 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat; 14699 */ 14700 width: 13px; 14701 height: 12px; 14702 cursor: pointer; } 14703 14704.file-picker .ygtvlph, 14705.filemanager .ygtvlph { 14706 /*rtl:remove*/ 14707 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat; 14708 /*rtl:raw: 14709 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat; 14710 */ 14711 width: 13px; 14712 height: 12px; 14713 cursor: pointer; } 14714 14715.file-picker .ygtvloading, 14716.filemanager .ygtvloading { 14717 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat; 14718 width: 16px; 14719 height: 22px; } 14720 14721.file-picker .ygtvdepthcell, 14722.filemanager .ygtvdepthcell { 14723 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat; 14724 /*rtl:raw: 14725 background-position: 0 0; 14726 */ 14727 width: 17px; 14728 height: 32px; } 14729 14730.file-picker .ygtvblankdepthcell, 14731.filemanager .ygtvblankdepthcell { 14732 width: 17px; 14733 height: 22px; } 14734 14735a.ygtvspacer:hover { 14736 color: transparent; 14737 text-decoration: none; } 14738 14739.ygtvlabel, 14740.ygtvlabel:link, 14741.ygtvlabel:visited, 14742.ygtvlabel:hover { 14743 background-color: transparent; 14744 cursor: pointer; 14745 margin-left: 2px; 14746 text-decoration: none; } 14747 14748.file-picker .ygtvfocus, 14749.filemanager .ygtvfocus { 14750 background-color: #eee; } 14751 14752.fp-filename-icon { 14753 margin-top: 10px; 14754 display: block; 14755 position: relative; } 14756 14757.fp-icon { 14758 float: left; 14759 margin-top: -7px; 14760 width: 24px; 14761 height: 24px; 14762 margin-right: 10px; 14763 text-align: center; 14764 line-height: 24px; } 14765 14766.fp-icon img { 14767 max-height: 24px; 14768 max-width: 24px; 14769 vertical-align: middle; } 14770 14771.fp-filename { 14772 padding-right: 10px; } 14773 14774.file-picker .fp-login-form { 14775 height: 100%; 14776 width: 100%; 14777 display: table; } 14778 14779.file-picker .fp-upload-form { 14780 height: 100%; 14781 width: 100%; 14782 display: table; } 14783 14784.file-picker .fp-upload-form table { 14785 margin: 0 auto; } 14786 14787.file-picker.fp-dlg { 14788 text-align: center; } 14789 14790.file-picker.fp-dlg .fp-dlg-buttons { 14791 margin: 0 20px; } 14792 14793.file-picker.fp-msg { 14794 text-align: center; } 14795 14796.file-picker .fp-content-error { 14797 height: 100%; 14798 width: 100%; 14799 display: table; 14800 text-align: center; } 14801 14802.file-picker .fp-nextpage { 14803 clear: both; } 14804 14805.file-picker .fp-nextpage .fp-nextpage-loading { 14806 display: none; } 14807 14808.file-picker .fp-nextpage.loading .fp-nextpage-link { 14809 display: none; } 14810 14811.file-picker .fp-nextpage.loading .fp-nextpage-loading { 14812 display: block; 14813 text-align: center; 14814 height: 100px; 14815 padding-top: 50px; } 14816 14817.fp-select .fp-select-loading { 14818 text-align: center; 14819 margin-top: 20px; } 14820 14821.fp-select table { 14822 padding: 0 0 10px; } 14823 14824.fp-select table .mdl-right { 14825 min-width: 84px; } 14826 14827.fp-select .fp-reflist .mdl-right { 14828 vertical-align: top; } 14829 14830.fp-select .fp-select-buttons { 14831 float: right; } 14832 14833.fp-select .fp-info { 14834 font-size: 0.703125rem; } 14835 14836.fp-select .fp-thumbnail { 14837 float: left; 14838 min-width: 110px; 14839 min-height: 110px; 14840 line-height: 110px; 14841 text-align: center; 14842 margin: 10px 20px 0 0; 14843 background: #fff; 14844 border: 1px solid #ddd; } 14845 14846.fp-select .fp-thumbnail img { 14847 border: 1px solid #ddd; 14848 padding: 3px; 14849 vertical-align: middle; 14850 margin: 10px; } 14851 14852.fp-select .fp-fileinfo { 14853 display: inline-block; 14854 margin-top: 10px; } 14855 14856.file-picker.fp-select .fp-fileinfo { 14857 max-width: 240px; } 14858 14859.fp-select .fp-fileinfo div { 14860 padding-bottom: 5px; } 14861 14862.file-picker.fp-select .uneditable { 14863 display: none; } 14864 14865.file-picker.fp-select .fp-select-loading { 14866 display: none; } 14867 14868.file-picker.fp-select.loading .fp-select-loading { 14869 display: block; } 14870 14871.file-picker.fp-select.loading form { 14872 display: none; } 14873 14874.fp-select .fp-dimensions.fp-unknown { 14875 display: none; } 14876 14877.fp-select .fp-size.fp-unknown { 14878 display: none; } 14879 14880.filemanager-loading { 14881 display: none; } 14882 14883.jsenabled .filemanager-loading { 14884 display: block; 14885 margin-top: 100px; } 14886 14887.filemanager.fm-loading .filemanager-toolbar, 14888.filemanager.fm-loading .fp-pathbar, 14889.filemanager.fm-loading .filemanager-container, 14890.filemanager.fm-loaded .filemanager-loading, 14891.filemanager.fm-maxfiles .fp-btn-add, 14892.filemanager.fm-maxfiles .dndupload-message, 14893.filemanager.fm-noitems .fp-btn-download, 14894.filemanager.fm-noitems .fp-btn-delete, 14895.filemanager .fm-empty-container, 14896.filemanager.fm-noitems .filemanager-container .fp-content { 14897 display: none; } 14898 14899.filemanager .fp-img-downloading { 14900 display: none; 14901 padding-top: 7px; } 14902 14903.filemanager .filemanager-updating { 14904 display: none; 14905 text-align: center; } 14906 14907.filemanager.fm-updating .filemanager-updating { 14908 display: block; 14909 margin-top: 37px; } 14910 14911.filemanager.fm-updating .fm-content-wrapper, 14912.filemanager.fm-nomkdir .fp-btn-mkdir, 14913.fitem.disabled .filemanager .filemanager-toolbar, 14914.fitem.disabled .filemanager .fp-pathbar, 14915.fitem.disabled .filemanager .fp-restrictions, 14916.fitem.disabled .filemanager .fm-content-wrapper { 14917 display: none; } 14918 14919.filemanager .fp-restrictions { 14920 text-align: right; } 14921 14922.filemanager-toolbar { 14923 padding: 4px; 14924 overflow: hidden; } 14925 14926.filemanager .fp-pathbar.empty { 14927 display: none; } 14928 14929.filepicker-filelist, 14930.filemanager-container { 14931 min-height: 140px; 14932 border: 1px solid #8f959e; } 14933 14934.filemanager .fp-content { 14935 overflow: auto; 14936 max-height: 472px; 14937 min-height: 157px; } 14938 14939.filemanager-container, 14940.filepicker-filelist { 14941 overflow: hidden; } 14942 14943.file-picker .yui3-datatable-header { 14944 /*rtl:raw: 14945 text-align: right; 14946 */ 14947 background: initial; } 14948 14949.fitem.disabled .filepicker-filelist, 14950.fitem.disabled .filemanager-container { 14951 background-color: #ebebe4; } 14952 14953.fitem.disabled .fp-btn-choose { 14954 color: #6a737b; } 14955 14956.fitem.disabled .filepicker-filelist .filepicker-filename { 14957 display: none; } 14958 14959.fp-iconview .fp-reficons1 { 14960 position: absolute; 14961 height: 100%; 14962 width: 100%; 14963 top: 0; 14964 left: 0; } 14965 14966.fp-iconview .fp-reficons2 { 14967 position: absolute; 14968 height: 100%; 14969 width: 100%; 14970 top: 0; 14971 left: 0; } 14972 14973.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 { 14974 background: url("[[pix:theme|fp/link]]") no-repeat; 14975 /*rtl:raw: 14976 transform: scaleX(-1); 14977 */ 14978 /*rtl:ignore*/ 14979 background-position: bottom right; 14980 background-size: 16px 16px; } 14981 14982.fp-iconview .fp-file.fp-isreference .fp-reficons2 { 14983 background: url("[[pix:theme|fp/alias]]") no-repeat; 14984 /*rtl:raw: 14985 transform: scaleX(-1); 14986 */ 14987 /*rtl:ignore*/ 14988 background-position: bottom left; 14989 background-size: 16px 16px; } 14990 14991.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img { 14992 display: none; } 14993 14994.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail { 14995 background: url([[pix:s/dead]]) no-repeat; 14996 background-position: center center; } 14997 14998.filemanager .yui3-datatable table { 14999 border: 0 solid #bbb; 15000 width: 100%; } 15001 15002/* Override YUI default styling */ 15003/* stylelint-disable declaration-no-important */ 15004.filemanager .yui3-datatable-header { 15005 /*rtl:raw: 15006 text-align: right; 15007 */ 15008 background: #fff !important; 15009 border-bottom: 1px solid #ccc !important; 15010 border-left: 0 solid #fff !important; 15011 color: #555 !important; } 15012 15013.filemanager .yui3-datatable-odd .yui3-datatable-cell { 15014 background-color: #f6f6f6 !important; 15015 border-left: 0 solid #f6f6f6; } 15016 15017.filemanager .yui3-datatable-even .yui3-datatable-cell { 15018 background-color: #fff !important; 15019 border-left: 0 solid #fff; } 15020 15021/* stylelint-enable */ 15022.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 { 15023 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0; 15024 height: 100%; 15025 width: 100%; 15026 /*rtl:raw: 15027 transform: scaleX(-1); 15028 */ 15029 position: absolute; 15030 top: 8px; 15031 left: 17px; 15032 background-size: 16px 16px; } 15033 15034.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 { 15035 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0; 15036 height: 100%; 15037 width: 100%; 15038 /*rtl:raw: 15039 transform: scaleX(-1); 15040 */ 15041 position: absolute; 15042 top: 9px; 15043 left: -6px; 15044 background-size: 16px 16px; } 15045 15046.filemanager .fp-contextmenu { 15047 display: none; } 15048 15049.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu { 15050 position: absolute; 15051 right: 0; 15052 bottom: 0; 15053 display: flex; 15054 align-items: center; 15055 justify-content: center; } 15056 15057.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, 15058.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu { 15059 display: inline; 15060 position: absolute; 15061 left: 14px; 15062 margin-right: -20px; 15063 top: 6px; } 15064 15065.filepicker-filelist .filepicker-container, 15066.filemanager.fm-noitems .fm-empty-container { 15067 display: block; 15068 position: absolute; 15069 top: 10px; 15070 bottom: 10px; 15071 left: 10px; 15072 right: 10px; 15073 border: 2px dashed #bbb; 15074 padding-top: 85px; 15075 text-align: center; } 15076 15077.filepicker-filelist .dndupload-target, 15078.filemanager-container .dndupload-target { 15079 background: #fff; 15080 position: absolute; 15081 top: 10px; 15082 bottom: 10px; 15083 left: 10px; 15084 right: 10px; 15085 border: 2px dashed #fb7979; 15086 padding-top: 85px; 15087 text-align: center; } 15088 15089.filepicker-filelist.dndupload-over .dndupload-target, 15090.filemanager-container.dndupload-over .dndupload-target { 15091 background: #fff; 15092 position: absolute; 15093 top: 10px; 15094 bottom: 10px; 15095 left: 10px; 15096 right: 10px; 15097 border: 2px dashed #6c8cd3; 15098 padding-top: 85px; 15099 text-align: center; } 15100 15101.dndupload-message { 15102 display: none; } 15103 15104.dndsupported .dndupload-message { 15105 display: inline; } 15106 15107.dnduploadnotsupported-message { 15108 display: none; } 15109 15110.dndnotsupported .dnduploadnotsupported-message { 15111 display: inline; } 15112 15113.dndupload-target { 15114 display: none; } 15115 15116.dndsupported .dndupload-ready .dndupload-target { 15117 display: block; } 15118 15119.dndupload-uploadinprogress { 15120 display: none; 15121 text-align: center; } 15122 15123.dndupload-uploading .dndupload-uploadinprogress { 15124 display: block; } 15125 15126.dndupload-arrow { 15127 background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat; 15128 width: 100%; 15129 height: 80px; 15130 position: absolute; 15131 top: 5px; } 15132 15133.fitem.disabled .filepicker-container, 15134.fitem.disabled .fm-empty-container { 15135 display: none; } 15136 15137.dndupload-progressbars { 15138 padding: 10px; 15139 display: none; } 15140 15141.dndupload-inprogress .dndupload-progressbars { 15142 display: block; } 15143 15144.dndupload-inprogress .fp-content { 15145 display: none; } 15146 15147.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container { 15148 display: none; } 15149 15150.filepicker-filelist.dndupload-inprogress .filepicker-container { 15151 display: none; } 15152 15153.filepicker-filelist.dndupload-inprogress a { 15154 display: none; } 15155 15156.filemanager.fp-select .fp-select-loading { 15157 display: none; } 15158 15159.filemanager.fp-select.loading .fp-select-loading { 15160 display: block; } 15161 15162.filemanager.fp-select.loading form { 15163 display: none; } 15164 15165.filemanager.fp-select.fp-folder .fp-license, 15166.filemanager.fp-select.fp-folder .fp-author, 15167.filemanager.fp-select.fp-file .fp-file-unzip, 15168.filemanager.fp-select.fp-folder .fp-file-unzip, 15169.filemanager.fp-select.fp-file .fp-file-zip, 15170.filemanager.fp-select.fp-zip .fp-file-zip { 15171 display: none; } 15172 15173.filemanager.fp-select .fp-file-setmain, 15174.filemanager.fp-select .fp-file-setmain-help { 15175 display: none; } 15176 15177.filemanager.fp-select.fp-cansetmain .fp-file-setmain, 15178.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help { 15179 display: inline-block; } 15180 15181.filemanager .fp-mainfile .fp-filename { 15182 font-weight: bold; } 15183 15184.filemanager.fp-select.fp-folder .fp-file-download { 15185 display: none; } 15186 15187.fm-operation { 15188 font-weight: bold; } 15189 15190.filemanager.fp-select .fp-original.fp-unknown, 15191.filemanager.fp-select .fp-original .fp-originloading { 15192 display: none; } 15193 15194.filemanager.fp-select .fp-original.fp-loading .fp-originloading { 15195 display: inline; } 15196 15197.filemanager.fp-select .fp-reflist.fp-unknown, 15198.filemanager.fp-select .fp-reflist .fp-reflistloading { 15199 display: none; } 15200 15201.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading { 15202 display: inline; } 15203 15204.filemanager.fp-select .fp-reflist .fp-value { 15205 background: #f9f9f9; 15206 border: 1px solid #bbb; 15207 padding: 8px 7px; 15208 margin: 0; 15209 max-height: 75px; 15210 overflow: auto; } 15211 15212.filemanager.fp-select .fp-reflist .fp-value li { 15213 padding-bottom: 7px; } 15214 15215.filemanager.fp-mkdir-dlg { 15216 text-align: center; } 15217 15218.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text { 15219 text-align: left; 15220 margin: 20px; } 15221 15222.filemanager.fp-dlg { 15223 text-align: center; } 15224 15225.file-picker div.bd { 15226 text-align: left; } 15227 15228.fp-formset { 15229 padding: 10px; } 15230 .fp-formset input[type="file"] { 15231 line-height: inherit; } 15232 15233.fp-forminset { 15234 padding: 0 10px; } 15235 15236.fp-fileinfo .fp-value { 15237 display: inline-block; 15238 padding-left: 5px; } 15239 15240/** The message area **/ 15241.hidden { 15242 display: none; } 15243 15244.preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl { 15245 padding: 0; } 15246 .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 { 15247 min-height: 20px; } 15248 15249.preferences-container .align-bottom { 15250 vertical-align: bottom; } 15251 15252.preferences-container .preference-table { 15253 border: 1px solid #ddd; } 15254 .preferences-container .preference-table thead th { 15255 text-align: center; } 15256 .preferences-container .preference-table thead th .config-warning { 15257 display: none; } 15258 .preferences-container .preference-table thead th.unconfigured .config-warning { 15259 display: inline-block; } 15260 .preferences-container .preference-table tr td:not(:first-child) { 15261 width: 150px; 15262 text-align: center; } 15263 .preferences-container .preference-table tr td:nth-child(even) { 15264 background-color: #f7f7f7; } 15265 .preferences-container .preference-table tr th:nth-child(even) { 15266 background-color: #f7f7f7; } 15267 .preferences-container .preference-table .preference-row .hover-tooltip-container { 15268 display: inline-block; } 15269 .preferences-container .preference-table .preference-row .preference-name { 15270 vertical-align: middle; } 15271 .preferences-container .preference-table .preference-row .disabled-message { 15272 text-align: center; 15273 height: 30px; 15274 line-height: 30px; } 15275 .preferences-container .preference-table .preference-row .preference-state { 15276 margin: 0; 15277 padding: 0; 15278 display: inline-block; 15279 vertical-align: middle; } 15280 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container { 15281 background-color: #5cb85c; } 15282 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text { 15283 display: inline-block; } 15284 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text { 15285 display: none; } 15286 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container { 15287 width: 30px; 15288 height: 30px; 15289 line-height: 30px; 15290 text-align: center; 15291 border-radius: 4px; 15292 background-color: #d9534f; 15293 color: #fff; 15294 cursor: pointer; } 15295 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon { 15296 display: none; } 15297 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text { 15298 display: none; } 15299 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text { 15300 display: inline-block; } 15301 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text, 15302 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text { 15303 display: none; } 15304 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text, 15305 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text { 15306 display: none; } 15307 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon { 15308 display: block; } 15309 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon { 15310 display: block; } 15311 15312.disabled-message { 15313 display: none; } 15314 15315.disabled .disabled-message { 15316 display: block; } 15317 .disabled .disabled-message + form { 15318 display: none; } 15319 15320.general-settings-container .loading-icon { 15321 display: none; } 15322 15323.general-settings-container .loading .loading-icon { 15324 display: inline-block; } 15325 15326.general-settings-container label { 15327 display: inline-block; } 15328 15329.processor-container { 15330 position: relative; } 15331 .processor-container .loading-container { 15332 display: none; 15333 position: absolute; 15334 width: 100%; 15335 height: 100%; 15336 text-align: center; 15337 background-color: rgba(255, 255, 255, 0.5); } 15338 .processor-container .loading-container .vertical-align { 15339 height: 100%; 15340 width: 0%; 15341 display: inline-block; 15342 vertical-align: middle; } 15343 .processor-container.loading .loading-container { 15344 display: block; } 15345 15346.preferences-page-container .checkbox-container { 15347 margin: 30px 5px; 15348 line-height: 20px; } 15349 .preferences-page-container .checkbox-container input { 15350 line-height: 20px; 15351 margin: 0; } 15352 .preferences-page-container .checkbox-container .loading-icon { 15353 display: none; } 15354 .preferences-page-container .checkbox-container.loading .loading-icon { 15355 display: inline-block; } 15356 15357.notification-area { 15358 height: 600px; 15359 box-sizing: border-box; 15360 border-radius: 4px; 15361 margin-bottom: 30px; 15362 border: 1px solid #e3e3e3; } 15363 @media (max-height: 670px) { 15364 .notification-area { 15365 height: 500px; } } 15366 .notification-area .control-area { 15367 box-sizing: border-box; 15368 display: inline-block; 15369 width: 300px; 15370 height: 100%; 15371 overflow: auto; 15372 -webkit-overflow-scrolling: touch; 15373 border-right: 1px solid #e3e3e3; } 15374 .notification-area .control-area .content { 15375 position: relative; } 15376 .notification-area .control-area .content .content-item-container { 15377 cursor: pointer; } 15378 .notification-area .control-area .content:empty + .empty-text { 15379 display: block; } 15380 .notification-area .control-area .loading-icon { 15381 display: none; } 15382 .notification-area .control-area .empty-text { 15383 display: none; 15384 text-align: center; 15385 padding-top: 20px; } 15386 .notification-area .control-area.loading .loading-icon { 15387 display: block; 15388 text-align: center; 15389 box-sizing: border-box; 15390 padding: 5px; } 15391 .notification-area .control-area.loading .content:empty + .empty-text { 15392 display: none; } 15393 .notification-area .content-area { 15394 box-sizing: border-box; 15395 display: inline-block; 15396 width: calc(100% - 300px); 15397 float: right; } 15398 .notification-area .content-area .toggle-mode { 15399 display: none; } 15400 .notification-area .content-area .header { 15401 height: 50px; 15402 box-sizing: border-box; 15403 border-bottom: 1px solid #e3e3e3; 15404 padding: 5px; } 15405 .notification-area .content-area .header .image-container { 15406 display: inline-block; 15407 height: 25px; 15408 width: 24px; 15409 float: left; } 15410 .notification-area .content-area .header .subject-container { 15411 display: inline-block; 15412 max-width: calc(100% - 24px); 15413 white-space: nowrap; 15414 overflow: hidden; 15415 text-overflow: ellipsis; 15416 height: 25px; 15417 padding-left: 5px; 15418 box-sizing: border-box; } 15419 .notification-area .content-area .header .timestamp { 15420 font-size: 10px; 15421 line-height: 10px; 15422 margin: 0; 15423 color: #666; 15424 margin-left: 30px; } 15425 .notification-area .content-area .header:empty { 15426 display: none; } 15427 .notification-area .content-area > .content { 15428 height: 500px; 15429 box-sizing: border-box; 15430 overflow: auto; 15431 -webkit-overflow-scrolling: touch; 15432 padding: 15px; } 15433 @media (max-height: 670px) { 15434 .notification-area .content-area > .content { 15435 height: 400px; } } 15436 .notification-area .content-area > .content:empty { 15437 display: none; } 15438 .notification-area .content-area > .content:empty + .empty-text { 15439 display: block; 15440 text-align: center; 15441 padding-top: 100px; } 15442 .notification-area .content-area .empty-text { 15443 display: none; } 15444 .notification-area .content-area .footer { 15445 height: 50px; 15446 box-sizing: border-box; 15447 text-align: center; } 15448 .notification-area .content-area .footer a { 15449 line-height: 50px; } 15450 .notification-area .content-area .footer:empty { 15451 display: none; } 15452 15453@media (max-width: 979px) { 15454 .notification-area { 15455 position: relative; 15456 overflow: hidden; } 15457 .notification-area .control-area { 15458 border-right: none; 15459 width: 100%; 15460 position: absolute; 15461 top: 0; 15462 left: 0; 15463 opacity: 1; 15464 visibility: visible; 15465 transition: left 0.25s; } 15466 .notification-area .content-area { 15467 width: 100%; 15468 position: absolute; 15469 top: 0; 15470 right: -100%; 15471 opacity: 0; 15472 visibility: hidden; 15473 transition: right 0.25s, opacity 0.25s, visibility 0.25s; } 15474 .notification-area .content-area .toggle-mode { 15475 display: inline-block; 15476 float: left; 15477 width: 70px; 15478 height: 50px; 15479 line-height: 50px; 15480 box-sizing: border-box; 15481 border-right: 1px solid #e3e3e3; 15482 border-bottom: 1px solid #e3e3e3; } 15483 .notification-area .content-area .header { 15484 display: inline-block; 15485 width: calc(100% - 70px); } 15486 .notification-area.show-content-area .control-area { 15487 left: -100%; 15488 opacity: 0; 15489 visibility: hidden; 15490 transition: left 0.25s, opacity 0.25s, visibility 0.25s; } 15491 .notification-area.show-content-area .content-area { 15492 right: 0; 15493 opacity: 1; 15494 visibility: visible; 15495 transition: right 0.25s; } } 15496 15497.drawer .message-app { 15498 height: 100%; } 15499 .drawer .message-app .icon-back-in-app { 15500 display: none; } 15501 .drawer .message-app .icon-back-in-drawer { 15502 display: inherit; } 15503 15504.message-app { 15505 display: flex; 15506 flex-direction: column; 15507 background-color: #eff1f3; } 15508 .message-app .icon-back-in-drawer { 15509 display: none; } 15510 .message-app.main { 15511 min-height: 400px; } 15512 .message-app .header-container { 15513 flex-shrink: 0; } 15514 .message-app .overflow-y { 15515 overflow-y: auto; } 15516 @media (max-height: 320px) { 15517 .message-app .header-container [data-region="view-overview"]:not(.hidden) { 15518 display: flex; 15519 align-items: center; } 15520 .message-app .footer-container [data-region="view-overview"] { 15521 display: none; } 15522 .message-app .overflow-y { 15523 overflow-y: unset; } } 15524 .message-app .body-container { 15525 flex: 1; 15526 overflow: hidden; } 15527 .message-app .body-container > * { 15528 position: absolute; 15529 right: 0; 15530 left: 0; 15531 top: 0; 15532 bottom: 0; 15533 overflow: auto; } 15534 .message-app .footer-container { 15535 flex-shrink: 0; } 15536 .message-app .footer-container textarea { 15537 direction: ltr; } 15538 .message-app .contact-status { 15539 position: absolute; 15540 left: 39px; 15541 top: 39px; 15542 width: 10px; 15543 height: 10px; 15544 border-radius: 50%; } 15545 .message-app .contact-status.online { 15546 border: 1px solid #fff; 15547 background-color: #357a32; } 15548 .message-app .message p { 15549 margin: 0; } 15550 .message-app .clickable { 15551 cursor: pointer; } 15552 .message-app .clickable:hover { 15553 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)); } 15554 .message-app a, 15555 .message-app .btn-link { 15556 color: inherit; } 15557 .message-app .btn-link:hover, .message-app .btn-link:focus { 15558 background-color: rgba(0, 0, 0, 0.035); 15559 text-decoration: none; } 15560 .message-app .icon { 15561 margin-right: 0; } 15562 .message-app .overview-section-toggle .collapsed-icon-container { 15563 display: none; } 15564 .message-app .overview-section-toggle .expanded-icon-container { 15565 display: inline-block; } 15566 .message-app .overview-section-toggle.collapsed .collapsed-icon-container { 15567 display: inline-block; } 15568 .message-app .overview-section-toggle.collapsed .expanded-icon-container { 15569 display: none; } 15570 .message-app .btn.btn-link.btn-icon { 15571 height: 16px; 15572 width: 16px; 15573 padding: 0; 15574 border-radius: 50%; 15575 flex-shrink: 0; } 15576 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus { 15577 background-color: #e9ecef; } 15578 .message-app .btn.btn-link.btn-icon.icon-size-0 { 15579 height: 20px !important; 15580 /* stylelint-disable-line declaration-no-important */ 15581 width: 20px !important; 15582 /* stylelint-disable-line declaration-no-important */ } 15583 .message-app .btn.btn-link.btn-icon.icon-size-1 { 15584 height: 24px !important; 15585 /* stylelint-disable-line declaration-no-important */ 15586 width: 24px !important; 15587 /* stylelint-disable-line declaration-no-important */ } 15588 .message-app .btn.btn-link.btn-icon.icon-size-2 { 15589 height: 28px !important; 15590 /* stylelint-disable-line declaration-no-important */ 15591 width: 28px !important; 15592 /* stylelint-disable-line declaration-no-important */ } 15593 .message-app .btn.btn-link.btn-icon.icon-size-3 { 15594 height: 36px !important; 15595 /* stylelint-disable-line declaration-no-important */ 15596 width: 36px !important; 15597 /* stylelint-disable-line declaration-no-important */ } 15598 .message-app .btn.btn-link.btn-icon.icon-size-4 { 15599 height: 44px !important; 15600 /* stylelint-disable-line declaration-no-important */ 15601 width: 44px !important; 15602 /* stylelint-disable-line declaration-no-important */ } 15603 .message-app .btn.btn-link.btn-icon.icon-size-5 { 15604 height: 52px !important; 15605 /* stylelint-disable-line declaration-no-important */ 15606 width: 52px !important; 15607 /* stylelint-disable-line declaration-no-important */ } 15608 .message-app .btn.btn-link.btn-icon.icon-size-6 { 15609 height: 60px !important; 15610 /* stylelint-disable-line declaration-no-important */ 15611 width: 60px !important; 15612 /* stylelint-disable-line declaration-no-important */ } 15613 .message-app .btn.btn-link.btn-icon.icon-size-7 { 15614 height: 68px !important; 15615 /* stylelint-disable-line declaration-no-important */ 15616 width: 68px !important; 15617 /* stylelint-disable-line declaration-no-important */ } 15618 .message-app .view-overview-body .section { 15619 display: block; } 15620 .message-app .view-overview-body .section.expanded { 15621 display: flex; } 15622 .message-app .view-overview-body .section div[data-region="toggle"] { 15623 padding: 0.1rem; } 15624 .message-app .view-conversation .content-message-container img { 15625 max-width: 100%; } 15626 .message-app .list-group .list-group-item { 15627 border-left: 0; 15628 border-right: 0; } 15629 .message-app .list-group .list-group-item:hover { 15630 color: #fff; 15631 background-color: #0f6cbf; } 15632 .message-app .list-group .list-group-item:hover .badge-primary { 15633 background-color: #fff; 15634 color: #0f6cbf; } 15635 .message-app .list-group .list-group-item:first-child { 15636 border-top: 0; } 15637 .message-app .list-group .list-group-item:last-child { 15638 border-bottom: 0; } 15639 .message-app .list-group .list-group-item.list-group-item-action { 15640 margin: 0.1rem; 15641 width: auto; 15642 text-align: inherit; } 15643 .message-app .last-message { 15644 min-height: 1.5rem; } 15645 .message-app .section .collapsing { 15646 overflow: hidden; } 15647 .message-app .message.send { 15648 background-color: #dee2e6; 15649 color: #1d2125; } 15650 .message-app .message.send .time { 15651 color: #1d2125; } 15652 .message-app .message.send .tail { 15653 right: 0; 15654 margin-right: -0.5rem; 15655 border-bottom-color: #dee2e6; } 15656 .message-app .message.received { 15657 background-color: #fff; 15658 color: #1d2125; } 15659 .message-app .message.received .time { 15660 color: #616466; } 15661 .message-app .message.received .tail { 15662 left: 0; 15663 margin-left: -0.5rem; 15664 border-bottom-color: #fff; } 15665 .message-app .message .tail { 15666 content: ''; 15667 bottom: 0; 15668 width: 0; 15669 height: 0; 15670 border: 0.5rem solid transparent; 15671 position: relative; } 15672 .message-app .day { 15673 color: #1d2125; } 15674 .message-app .lazy-load-list { 15675 overflow-y: auto; } 15676 15677#page-message-index #page-header { 15678 display: none; } 15679 15680#page-message-index #region-main { 15681 height: 100%; 15682 margin-top: 0; } 15683 #page-message-index #region-main .conversationcontainer .section { 15684 max-height: calc(100vh - 50px); } 15685 #page-message-index #region-main div[role="main"] { 15686 height: 100%; } 15687 #page-message-index #region-main div[role="main"] #maincontent { 15688 margin-top: -1px; } 15689 #page-message-index #region-main div[role="main"] .message-app.main { 15690 height: 100%; } 15691 15692.dir-rtl .message-drawer { 15693 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); } 15694 15695.message-app .emoji-picker-container { 15696 position: absolute; 15697 top: -5px; 15698 right: 5px; 15699 transform: translateY(-100%); } 15700 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button { 15701 height: 40px; 15702 width: 40px; } 15703 @media (max-width: 575.98px) { 15704 .message-app .emoji-picker-container { 15705 right: -0.5rem; } } 15706 15707@media (max-height: 495px) { 15708 .message-app .emoji-picker-container { 15709 position: fixed; 15710 top: 0; 15711 transform: none; } } 15712 15713.message-app .emoji-auto-complete-container { 15714 overflow: auto; 15715 max-height: 90px; 15716 transition: max-height .15s ease-in-out; 15717 visibility: visible; } 15718 .message-app .emoji-auto-complete-container.hidden { 15719 display: block; 15720 max-height: 0; 15721 visibility: hidden; 15722 overflow: hidden; 15723 transition: max-height .15s ease-in-out, visibility 0s linear .15s, overflow 0s linear .15s; } 15724 15725/* Question */ 15726.questionbank h2 { 15727 margin-top: 0; } 15728 15729.questioncategories h3 { 15730 margin-top: 0; } 15731 15732#chooseqtypebox { 15733 margin-top: 1em; } 15734 15735#chooseqtype h3 { 15736 margin: 0 0 0.3em; } 15737 15738#chooseqtype .instruction { 15739 display: none; } 15740 15741#chooseqtype .fakeqtypes { 15742 border-top: 1px solid silver; } 15743 15744#chooseqtype .qtypeoption { 15745 margin-bottom: 0.5em; } 15746 15747#chooseqtype label { 15748 display: block; } 15749 15750#chooseqtype .qtypename img { 15751 padding: 0 0.3em; } 15752 15753#chooseqtype .qtypename { 15754 display: inline-table; 15755 width: 16em; } 15756 15757#chooseqtype .qtypesummary { 15758 display: block; 15759 margin: 0 2em; } 15760 15761#chooseqtype .submitbuttons { 15762 margin: 0.7em 0; 15763 text-align: center; } 15764 15765#qtypechoicecontainer { 15766 display: none; } 15767 15768#qtypechoicecontainer_c.yui-panel-container.shadow .underlay { 15769 background: none; } 15770 15771#qtypechoicecontainer.yui-panel .hd { 15772 color: #333; 15773 letter-spacing: 1px; 15774 text-shadow: 1px 1px 1px #fff; 15775 border-top-left-radius: 10px; 15776 border-top-right-radius: 10px; 15777 border: 1px solid #ccc; 15778 border-bottom: 1px solid #bbb; 15779 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%); 15780 background-repeat: repeat-x; } 15781 15782#qtypechoicecontainer { 15783 font-size: 12px; 15784 color: #333; 15785 background: #f2f2f2; 15786 border-radius: 10px; 15787 border: 1px solid #ccc; 15788 border-top: 0 none; } 15789 15790#qtypechoicecontainer #chooseqtype { 15791 width: 40em; } 15792 15793#chooseqtypehead h3 { 15794 margin: 0; 15795 font-weight: normal; } 15796 15797#chooseqtype .qtypes { 15798 position: relative; 15799 border-bottom: 1px solid #bbb; 15800 padding: 0.24em 0; } 15801 15802#chooseqtype .alloptions { 15803 overflow-x: hidden; 15804 overflow-y: auto; 15805 max-height: calc(100vh - 15em); 15806 width: 60%; } 15807 15808#chooseqtype .qtypeoption { 15809 margin-bottom: 0; 15810 padding: 0.3em 0.3em 0.3em 1.6em; } 15811 15812#chooseqtype .qtypeoption img { 15813 vertical-align: text-bottom; 15814 padding-left: 1em; 15815 padding-right: 0.5em; } 15816 15817#chooseqtype .selected { 15818 background-color: #fff; } 15819 15820#chooseqtype .instruction, 15821#chooseqtype .qtypesummary { 15822 display: none; 15823 position: absolute; 15824 top: 0; 15825 right: 0; 15826 bottom: 0; 15827 left: 60%; 15828 margin: 0; 15829 overflow-x: hidden; 15830 overflow-y: auto; 15831 padding: 1.5em 1.6em; 15832 background-color: #fff; } 15833 15834#chooseqtype .instruction, 15835#chooseqtype .selected .qtypesummary { 15836 display: block; } 15837 15838#categoryquestions { 15839 margin: 0; } 15840 #categoryquestions td, 15841 #categoryquestions th { 15842 padding: 0 0.2em; } 15843 #categoryquestions th { 15844 text-align: left; 15845 font-weight: normal; } 15846 #categoryquestions > tbody > tr.r1 { 15847 background-color: rgba(0, 0, 0, 0.03); } 15848 #categoryquestions > tbody > tr.highlight { 15849 border: 1px solid #008196; } 15850 #categoryquestions .checkbox { 15851 padding-left: 5px; } 15852 #categoryquestions .checkbox input[type="checkbox"] { 15853 margin-left: 0; 15854 float: none; } 15855 #categoryquestions .iconcol { 15856 padding: 3px; 15857 box-sizing: content-box; } 15858 #categoryquestions .iconcol .icon { 15859 margin: 0; 15860 width: 12px; 15861 height: 12px; } 15862 #categoryquestions label { 15863 margin: 0; 15864 display: block; } 15865 #categoryquestions .header { 15866 text-align: left; } 15867 15868#page-mod-quiz-edit div.questionbankwindow div.header { 15869 margin: 0; } 15870 15871#page-mod-quiz-edit div.questionbankwindow.block { 15872 padding: 0; } 15873 15874.questionbank .singleselect { 15875 margin: 0; } 15876 15877/* Question editing form */ 15878#combinedfeedbackhdr div.fhtmleditor { 15879 padding: 0; } 15880 15881#combinedfeedbackhdr div.fcheckbox { 15882 margin-bottom: 1em; } 15883 15884#multitriesheader div.fitem_feditor { 15885 margin-top: 1em; } 15886 15887#multitriesheader div.fitem_fgroup { 15888 margin-bottom: 1em; } 15889 15890#multitriesheader div.fitem_fgroup fieldset.felement label { 15891 margin-left: 0.3em; 15892 margin-right: 0.3em; } 15893 15894body.path-question-type { 15895 /* Hacks to display the labels within a form group. */ } 15896 body.path-question-type .form-group .sr-only:not(legend):not([for="id_category"]) { 15897 position: static; 15898 width: auto; 15899 height: auto; 15900 padding: 0; 15901 margin: 0 0.5rem 0 0; 15902 overflow: visible; 15903 clip: auto; 15904 clip-path: none; 15905 border: 0; } 15906 15907.que { 15908 clear: left; 15909 text-align: left; 15910 margin: 0 auto 1.8em auto; } 15911 15912.que .info { 15913 float: left; 15914 width: 7em; 15915 padding: 0.5em; 15916 margin-bottom: 1.8em; 15917 background-color: #f8f9fa; 15918 border: 1px solid #cad0d7; 15919 border-radius: 2px; } 15920 15921.que h3.no { 15922 margin: 0; 15923 font-size: 0.8em; 15924 line-height: 1; } 15925 15926.que span.qno { 15927 font-size: 1.5em; 15928 font-weight: bold; } 15929 15930.que .info > div { 15931 font-size: 0.8em; 15932 margin-top: 0.7em; } 15933 15934.que .info .questionflag.editable { 15935 cursor: pointer; } 15936 15937.que .info .editquestion img, 15938.que .info .questionflag img, 15939.que .info .questionflag input { 15940 vertical-align: bottom; } 15941 15942.que .content { 15943 margin: 0 0 0 8.5em; } 15944 15945.que .formulation, 15946.que .outcome, 15947.que .comment { 15948 position: relative; 15949 padding: 0.75rem 1.25rem; 15950 margin-bottom: 1rem; 15951 border: 0 solid transparent; 15952 border-radius: 0.25rem; } 15953 15954.que .outcome, 15955.que .comment { 15956 color: #8e662e; 15957 background-color: #fcefdc; 15958 border-color: #fbe8cd; 15959 /* stylelint-disable-line max-line-length */ } 15960 .que .outcome hr, 15961 .que .comment hr { 15962 border-top-color: #f9ddb5; } 15963 .que .outcome .alert-link, 15964 .que .comment .alert-link { 15965 color: #674a22; } 15966 .que .outcome a, 15967 .que .comment a { 15968 color: #041c31; } 15969 15970.que .formulation { 15971 color: #001a1e; 15972 background-color: #e7f3f5; 15973 border-color: #b8dce2; 15974 /* stylelint-disable-line max-line-length */ } 15975 .que .formulation hr { 15976 border-top-color: #a6d3db; } 15977 .que .formulation .alert-link { 15978 color: black; } 15979 15980.que.multichoice .answer div.r0 .icon.fa-check, 15981.que.multichoice .answer div.r1 .icon.fa-check, 15982.que.multichoice .answer div.r0 .icon.fa-remove, 15983.que.multichoice .answer div.r1 .icon.fa-remove { 15984 text-indent: 0; } 15985 15986.formulation input[type="text"], 15987.formulation select { 15988 width: auto; 15989 vertical-align: baseline; } 15990 15991.que.multianswer .formulation .yui3-widget-positioned { 15992 box-sizing: content-box; } 15993 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan { 15994 width: inherit; 15995 max-width: inherit; } 15996 15997.path-mod-quiz input[size] { 15998 width: auto; 15999 max-width: 100%; } 16000 16001.que .comment { 16002 color: #1c3f1a; 16003 background-color: #d7e4d6; 16004 border-color: #c6dac6; 16005 /* stylelint-disable-line max-line-length */ } 16006 .que .comment hr { 16007 border-top-color: #b7d0b7; } 16008 .que .comment .alert-link { 16009 color: #0c1b0b; } 16010 16011.que .ablock { 16012 margin: 0.7em 0 0.3em 0; } 16013 16014.que .im-controls { 16015 margin-top: 0.5em; 16016 text-align: left; } 16017 16018.que .specificfeedback, 16019.que .generalfeedback, 16020.que .numpartscorrect .que .rightanswer, 16021.que .im-feedback, 16022.que .feedback, 16023.que p { 16024 margin: 0 0 0.5em; } 16025 16026.que .correctness.correct { 16027 color: #fff; 16028 background-color: #357a32; } 16029 a.que .correctness.correct:hover, a.que .correctness.correct:focus { 16030 color: #fff; 16031 background-color: #255623; } 16032 a.que .correctness.correct:focus, a.que .correctness.correct.focus { 16033 outline: 0; 16034 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5); } 16035 16036.que .correctness.partiallycorrect { 16037 color: #1d2125; 16038 background-color: #f0ad4e; } 16039 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus { 16040 color: #1d2125; 16041 background-color: #ec971f; } 16042 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus { 16043 outline: 0; 16044 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } 16045 16046.que .correctness.notanswered, .que .correctness.incorrect { 16047 color: #fff; 16048 background-color: #ca3120; } 16049 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus { 16050 color: #fff; 16051 background-color: #9e2619; } 16052 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus { 16053 outline: 0; 16054 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5); } 16055 16056.que .qtext { 16057 margin-bottom: 1.5em; } 16058 16059.que .validationerror { 16060 color: #ca3120; } 16061 16062.que .grading, 16063.que .comment, 16064.que .commentlink, 16065.que .history { 16066 margin-top: 0.5em; } 16067 16068.que .history h3 { 16069 margin: 0 0 0.2em; 16070 font-size: 1em; } 16071 16072.que .history table { 16073 width: 100%; 16074 margin: 0; } 16075 16076.que .history .current { 16077 font-weight: bold; } 16078 16079.que .questioncorrectnessicon { 16080 vertical-align: text-bottom; } 16081 16082body.jsenabled .questionflag input[type=checkbox] { 16083 display: none; } 16084 16085.que .questionflagimage { 16086 padding-right: 3px; 16087 height: 16px; 16088 width: 16px; } 16089 16090.importerror { 16091 margin-top: 10px; 16092 border-bottom: 1px solid #555; } 16093 16094.mform .que.comment .fitemtitle { 16095 width: 20%; } 16096 16097#page-question-preview #techinfo { 16098 margin: 1em 0; } 16099 16100#page-question-preview .collapsibleregion .collapsibleregioncaption, 16101#page-question-preview .collapsibleregion .collapsibleregionextracontent { 16102 display: inline-block; } 16103 16104#page-mod-quiz-edit ul.slots .activityinstance > a { 16105 display: flex; 16106 max-width: 100%; 16107 align-items: center; 16108 text-indent: 0; 16109 padding-left: 0; } 16110 16111#page-mod-quiz-edit ul.slots .activityinstance img.activityicon { 16112 margin-left: 0; 16113 width: 16px; 16114 height: 16px; 16115 padding-right: 4px; } 16116 16117#page-mod-quiz-edit .activity img.activityicon { 16118 vertical-align: text-top; } 16119 16120#page-mod-quiz-edit .box.generalbox.questionbank { 16121 padding: 0.5em; } 16122 16123#page-mod-quiz-edit .questionbank .categorypagingbarcontainer, 16124#page-mod-quiz-edit .questionbank .categoryquestionscontainer, 16125#page-mod-quiz-edit .questionbank .choosecategory { 16126 padding: 0; } 16127 16128#page-mod-quiz-edit .questionbank .choosecategory select { 16129 width: 100%; } 16130 16131#page-mod-quiz-edit div.questionbank .categoryquestionscontainer { 16132 background: transparent; } 16133 16134#page-mod-quiz-edit .questionbankwindow div.header { 16135 color: #444; 16136 text-shadow: none; 16137 border-top-left-radius: 4px; 16138 border-top-right-radius: 4px; 16139 margin: 0 -10px 0 -10px; 16140 padding: 2px 10px 2px 10px; 16141 background: transparent; 16142 /* Old browsers */ } 16143 16144#page-mod-quiz-edit .questionbankwindow div.header a:link, 16145#page-mod-quiz-edit .questionbankwindow div.header a:visited { 16146 color: #0f6cbf; } 16147 16148#page-mod-quiz-edit .questionbankwindow div.header a:hover { 16149 color: #094478; } 16150 16151#page-mod-quiz-edit .createnewquestion { 16152 padding: 0.3em 0; } 16153 #page-mod-quiz-edit .createnewquestion div, 16154 #page-mod-quiz-edit .createnewquestion input { 16155 margin: 0; } 16156 16157#page-mod-quiz-edit .questionbankwindow div.header .title { 16158 color: #1d2125; } 16159 16160#page-mod-quiz-edit div.container div.generalbox { 16161 background-color: transparent; 16162 padding: 1.5em; } 16163 16164#page-mod-quiz-edit .categoryinfo { 16165 background-color: transparent; 16166 border-bottom: none; } 16167 16168#page-mod-quiz-edit .createnewquestion .singlebutton input { 16169 margin-bottom: 0; } 16170 16171#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer, 16172#page-mod-quiz-edit div.questionbank .categoryselectallcontainer { 16173 padding: 0 0 1.5em 0; } 16174 16175#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer { 16176 background-color: transparent; 16177 margin: 0; 16178 border-top: 0; 16179 border-bottom: 0; } 16180 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging { 16181 padding: 0 0.3em; } 16182 16183#page-mod-quiz-edit div.question div.content div.questioncontrols { 16184 background-color: #fff; } 16185 16186#page-mod-quiz-edit div.question div.content div.points { 16187 margin-top: -0.5em; 16188 padding-bottom: 0; 16189 border: none; 16190 background-color: #fff; 16191 position: static; 16192 width: 12.1em; 16193 float: right; 16194 margin-right: 60px; } 16195 16196#page-mod-quiz-edit div.question div.content div.points br { 16197 display: none; } 16198 16199#page-mod-quiz-edit div.question div.content div.points label { 16200 display: inline-block; } 16201 16202#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus { 16203 background-color: #fff; } 16204 16205#page-mod-quiz-edit .quizpagedelete, 16206#page-mod-quiz-edit .quizpagedelete img { 16207 background-color: transparent; } 16208 16209#page-mod-quiz-edit div.quizpage .pagecontent { 16210 border: 1px solid #ddd; 16211 border-radius: 2px; 16212 overflow: hidden; } 16213 16214#page-mod-quiz-edit div.questionbank .categoryinfo { 16215 padding: 0.3em 0; } 16216 16217#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer { 16218 padding: 0; } 16219 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong { 16220 display: block; } 16221 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr, 16222 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br { 16223 display: none; } 16224 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong { 16225 margin-left: -0.3em; } 16226 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label { 16227 margin-left: 0.3em; } 16228 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input { 16229 margin-left: 0; } 16230 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input { 16231 margin-left: 5px; } 16232 16233.questionbankwindow .module { 16234 width: auto; } 16235 16236.questionbankwindow .form-autocomplete-selection { 16237 margin-left: 0; } 16238 16239#page-mod-quiz-edit div.editq div.question div.content { 16240 background-color: #fff; 16241 border: 1px solid #ddd; 16242 border-radius: 2px; 16243 overflow: hidden; } 16244 16245#page-mod-quiz-edit ul.slots .activityinstance img.activityicon { 16246 margin-top: 0; 16247 padding-right: 4px; } 16248 16249.path-mod-quiz .statedetails { 16250 display: block; 16251 font-size: 0.9em; } 16252 16253a#hidebankcmd { 16254 color: #0f6cbf; } 16255 16256.que.shortanswer .answer { 16257 padding: 0; } 16258 16259.que label { 16260 display: inline; } 16261 16262.que .content .answer div[data-region="answer-label"] .mediaplugin { 16263 width: 400px; } 16264 16265body.path-question-type .mform fieldset.hidden { 16266 padding: 0; 16267 margin: 0.7em 0 0; } 16268 16269.que.ddwtos, 16270.que.ddwtos .drop { 16271 box-sizing: content-box; } 16272 16273.tag-condition-container { 16274 position: relative; } 16275 16276@media (max-width: 767.98px) { 16277 .que .info { 16278 float: none; 16279 width: auto; } 16280 .que .content { 16281 margin: 0; } } 16282 16283/* user.less */ 16284.userprofile .fullprofilelink { 16285 text-align: center; 16286 margin: 10px; } 16287 16288.userprofile .page-context-header { 16289 margin-bottom: 10px; } 16290 16291.userprofile .description { 16292 margin-top: 10px; 16293 margin-bottom: 30px; } 16294 16295.userprofile .profile_tree { 16296 column-count: 2; } 16297 16298#participantsform .no-overflow { 16299 overflow: visible; } 16300 16301.userprofile dl.list > dd + dt { 16302 clear: left; } 16303 16304.user-box { 16305 margin: 8px; 16306 width: 115px; 16307 height: 160px; 16308 text-align: center; 16309 float: left; 16310 clear: none; } 16311 16312#page-user-profile .node_category ul, 16313.path-user .node_category ul { 16314 margin: 0; 16315 list-style: none; 16316 padding-left: 0; } 16317 16318#page-user-profile .node_category li, 16319.path-user .node_category li { 16320 margin-top: 5px; } 16321 16322#page-user-profile .node_category .editprofile, 16323#page-user-profile .node_category .viewmore, 16324.path-user .node_category .editprofile, 16325.path-user .node_category .viewmore { 16326 text-align: right; } 16327 16328.ajax-contact-button { 16329 box-sizing: border-box; 16330 position: relative; } 16331 .ajax-contact-button.loading .loading-icon { 16332 display: block; } 16333 .ajax-contact-button .loading-icon { 16334 display: none; 16335 position: absolute; 16336 top: 0; 16337 left: 0; 16338 width: 100%; 16339 height: 100%; 16340 background-color: rgba(255, 255, 255, 0.7); } 16341 .ajax-contact-button .loading-icon .icon { 16342 position: absolute; 16343 left: 50%; 16344 top: 50%; 16345 transform: translate(-50%, -50%); } 16346 16347@media (max-width: 480px) { 16348 .userprofile .profile_tree { 16349 /** Display the profile on one column on phones@mixin */ 16350 column-count: 1; } } 16351 16352.userlist #showall { 16353 margin: 10px 0; } 16354 16355.userlist .buttons { 16356 text-align: center; } 16357 16358.userlist .buttons label { 16359 padding: 0 3px; } 16360 16361.userlist table#participants { 16362 text-align: center; } 16363 16364.userlist table#participants td { 16365 text-align: left; 16366 padding: 4px; 16367 vertical-align: middle; } 16368 16369.userlist table#participants th { 16370 text-align: left; 16371 padding: 4px; } 16372 16373.userlist table.controls { 16374 width: 100%; } 16375 .userlist table.controls tr { 16376 vertical-align: top; } 16377 .userlist table.controls .right { 16378 text-align: right; } 16379 .userlist table.controls .groupselector { 16380 margin-bottom: 0; 16381 margin-top: 0; } 16382 .userlist table.controls .groupselector label { 16383 display: block; } 16384 16385.userinfobox { 16386 width: 100%; 16387 border: 1px solid; 16388 border-collapse: separate; 16389 padding: 10px; } 16390 16391.userinfobox .left, 16392.userinfobox .side { 16393 width: 100px; 16394 vertical-align: top; } 16395 16396.userinfobox .userpicture { 16397 width: 100px; 16398 height: 100px; } 16399 16400.userinfobox .content { 16401 vertical-align: top; } 16402 16403.userinfobox .links { 16404 width: 100px; 16405 padding: 5px; 16406 vertical-align: bottom; } 16407 16408.userinfobox .links a { 16409 display: block; } 16410 16411.userinfobox .list td { 16412 padding: 3px; } 16413 16414.userinfobox .username { 16415 padding-bottom: 20px; 16416 font-weight: bold; } 16417 16418.userinfobox td.label { 16419 text-align: right; 16420 white-space: nowrap; 16421 vertical-align: top; 16422 font-weight: bold; } 16423 16424.group-edit { 16425 position: absolute; 16426 right: 0; 16427 margin-right: 0.6em; } 16428 16429.group-image { 16430 display: block; 16431 float: left; 16432 margin-right: 1em; } 16433 .group-image .grouppicture { 16434 border-radius: 50%; } 16435 16436.groupinfobox .left { 16437 padding: 10px; 16438 width: 100px; 16439 vertical-align: top; } 16440 16441.course-participation #showall { 16442 text-align: center; 16443 margin: 10px 0; } 16444 16445#user-policy .noticebox { 16446 text-align: center; 16447 margin-left: auto; 16448 margin-right: auto; 16449 margin-bottom: 10px; 16450 width: 80%; 16451 height: 250px; } 16452 16453#user-policy #policyframe { 16454 width: 100%; 16455 height: 100%; } 16456 16457.iplookup #map { 16458 margin: auto; } 16459 16460.userselector select { 16461 width: 100%; } 16462 16463.userselector div { 16464 margin-top: 0.2em; } 16465 16466.userselector div label { 16467 margin-right: 0.3em; } 16468 16469/* Next style does not work in all browsers but looks nicer when it does */ 16470.userselector .userselector-infobelow { 16471 font-size: 0.8em; } 16472 16473#userselector_options .collapsibleregioncaption { 16474 font-weight: bold; } 16475 16476#userselector_options p { 16477 margin: 0.2em 0; 16478 text-align: left; } 16479 16480/** user full profile */ 16481#page-user-profile .messagebox { 16482 text-align: center; 16483 margin-left: auto; 16484 margin-right: auto; } 16485 16486/** user course profile */ 16487#page-course-view-weeks .messagebox { 16488 text-align: center; 16489 margin-left: auto; 16490 margin-right: auto; } 16491 16492.profileeditor > .singleselect { 16493 margin: 0 0.5em 0 0; } 16494 16495.profileeditor > .singlebutton { 16496 display: inline-block; 16497 margin: 0 0 0 0.5em; } 16498 .profileeditor > .singlebutton div, 16499 .profileeditor > .singlebutton input { 16500 margin: 0; } 16501 16502.userlist h3 .action-icon { 16503 display: none; } 16504 16505#page-enrol-users .popover { 16506 max-width: none; } 16507 16508.user-enroller-panel { 16509 width: 600px; } 16510 16511[data-filterverbfor], 16512[data-filterregion="filter"]:last-child [data-filterregion="joinadverb"] { 16513 display: none; } 16514 16515[data-filterverb="0"] [data-filterverbfor="0"], 16516[data-filterverb="1"] [data-filterverbfor="1"], 16517[data-filterverb="2"] [data-filterverbfor="2"] { 16518 display: block; } 16519 16520.search-results .result { 16521 margin-left: 0; 16522 margin-right: 0; } 16523 16524.search-results .result .result-content { 16525 margin: 7px 0; } 16526 16527.search-results .result .filename { 16528 font-style: italic; } 16529 16530.simplesearchform .btn { 16531 padding-left: 0.5rem; 16532 padding-right: 0.5rem; } 16533 16534.simplesearchform .btn .icon { 16535 margin: 0; } 16536 16537.simplesearchform .btn-submit { 16538 border-color: #8f959e; 16539 color: #6a737b; } 16540 16541.simplesearchform .btn-close, 16542.simplesearchform .btn-clear { 16543 position: absolute; 16544 top: 0; 16545 right: 0; 16546 color: #6a737b; 16547 z-index: 4; } 16548 16549.simplesearchform .btn-close { 16550 right: 2.2rem; } 16551 16552.simplesearchform .btn-submit { 16553 background-color: #f8f9fa; } 16554 16555.simplesearchform .withclear { 16556 padding-right: 2rem; } 16557 16558.simplesearchform .searchinput { 16559 display: flex; 16560 flex: 1 1 auto; } 16561 16562.simplesearchform .collapsing { 16563 height: inherit; 16564 transition: none; 16565 width: inherit; } 16566 16567@media (max-width: 991.98px) { 16568 .simplesearchform .collapse.show, 16569 .simplesearchform .collapsing { 16570 position: absolute; 16571 left: 0; 16572 top: 0; 16573 width: 100%; 16574 display: flex; 16575 background-color: #fff; 16576 z-index: 1060; 16577 height: 50px; } 16578 .simplesearchform .collapse.show .form-inline, 16579 .simplesearchform .collapsing .form-inline { 16580 width: auto; 16581 margin-left: auto; 16582 margin-right: auto; } } 16583 16584.navbar.navbar-light .simplesearchform .btn-open { 16585 color: rgba(0, 0, 0, 0.6); } 16586 .navbar.navbar-light .simplesearchform .btn-open:hover { 16587 color: rgba(0, 0, 0, 0.9); } 16588 16589.search-areas-actions { 16590 margin-bottom: 1rem; } 16591 16592.search-areas-actions > div { 16593 margin-right: 1rem; 16594 display: inline-block; } 16595 16596#core-search-areas .lastcol li { 16597 margin-left: 24px; 16598 text-indent: -24px; } 16599 16600#core-search-areas .lastcol li > i { 16601 text-indent: 0; } 16602 16603/** 16604 * Moodle forms HTML isn't changeable via renderers (yet?) so this 16605 * .less file imports styles from the bootstrap $variables file and 16606 * adds them to the existing Moodle form CSS ids and classes. 16607 * 16608 */ 16609.jsenabled .mform .containsadvancedelements .advanced { 16610 display: none; } 16611 16612.mform .containsadvancedelements .advanced.show { 16613 display: flex; } 16614 16615#adminsettings span.error { 16616 display: inline-block; 16617 border: 1px solid #f0c5c1; 16618 border-radius: 4px; 16619 background-color: #f4d6d2; 16620 padding: 4px; 16621 margin-bottom: 4px; } 16622 16623.mform .form-inline .form-control, 16624.mform .form-inline .custom-select { 16625 max-width: 100%; } 16626 16627.mform .form-inline .form-group { 16628 margin: 0.1rem 0.25rem 0.1rem 0; } 16629 16630.mform .form-inline br + label { 16631 justify-content: flex-start; 16632 width: 100%; 16633 margin-right: 0; } 16634 16635.unresponsive.mform .form-inline, 16636.unresponsive.mform .form-inline label { 16637 display: inline-flex; } 16638 16639#jump-to-activity.custom-select { 16640 width: 100%; } 16641 16642.mform fieldset { 16643 margin-bottom: 0.5rem; 16644 border-bottom: 1px solid #dee2e6; } 16645 16646@media (min-width: 576px) { 16647 .mform > .form-group { 16648 margin-left: 1.5rem; } } 16649 16650#adminsettings .form-control[size] { 16651 width: auto; } 16652 16653.jsenabled .mform .collapsed .fcontainer { 16654 display: none; } 16655 16656#adminsettings .error { 16657 color: #ca3120; } 16658 16659.mform ul.file-list { 16660 padding: 0; 16661 margin: 0; 16662 list-style: none; } 16663 16664.mform label .req, 16665.mform label .adv { 16666 cursor: help; } 16667 16668/*rtl:ignore*/ 16669input#id_externalurl { 16670 direction: ltr; } 16671 16672#portfolio-add-button { 16673 display: inline; } 16674 16675.form-defaultinfo, 16676.form-label .form-shortname { 16677 color: #6a737b; } 16678 16679.form-label .form-shortname { 16680 font-size: 0.703125rem; 16681 display: block; } 16682 16683.form-item .form-inline { 16684 display: inline; } 16685 16686.form-inline label:not(.sr-only):not(.accesshide) + select { 16687 margin-left: 0.5rem; } 16688 16689.formsettingheading .form-horizontal { 16690 color: #6a737b; } 16691 16692.no-felement.fstatic { 16693 color: #6a737b; 16694 padding-top: 5px; } 16695 16696.no-fitem .fstaticlabel { 16697 font-weight: bold; } 16698 16699.form-item .form-setting .defaultsnext > input { 16700 display: inline-block; } 16701 16702.form-item .form-setting .form-checkbox.defaultsnext { 16703 margin-top: 5px; 16704 display: inline-block; } 16705 16706#adminsettings h3 { 16707 display: block; 16708 width: 100%; 16709 padding: 0; 16710 margin-bottom: 1.5; 16711 font-size: 1.171875rem; 16712 line-height: 3; 16713 border: 0; 16714 border-bottom: 1px solid #e5e5e5; } 16715 16716/* rtl:ignore */ 16717.mform .fitem .felement input[name="email"], 16718.mform .fitem .felement input[name="email2"], 16719.mform .fitem .felement input[name="url"], 16720.mform .fitem .felement input[name="idnumber"], 16721.mform .fitem .felement input[name="phone1"], 16722.mform .fitem .felement input[name="phone2"] { 16723 text-align: left; 16724 direction: ltr; } 16725 16726.que.match .mediaplugin { 16727 width: 50vw; } 16728 16729/* rtl:ignore */ 16730#page-admin-grade-edit-scale-edit .error input#id_name { 16731 margin-right: 170px; } 16732 16733#page-grade-edit-outcome-course .courseoutcomes { 16734 margin-left: auto; 16735 margin-right: auto; 16736 width: 100%; } 16737 16738#page-grade-edit-outcome-course .courseoutcomes td { 16739 text-align: center; } 16740 16741/* Install Process' text fields Forms, should always be justified to the left */ 16742/* rtl:ignore */ 16743#installform #id_wwwroot, 16744#installform #id_dirroot, 16745#installform #id_dataroot, 16746#installform #id_dbhost, 16747#installform #id_dbname, 16748#installform #id_dbuser, 16749#installform #id_dbpass, 16750#installform #id_prefix { 16751 direction: ltr; } 16752 16753.mdl-right > label { 16754 display: inline-block; } 16755 16756.singleselect { 16757 max-width: 100%; } 16758 16759.form-item .form-label label { 16760 margin-bottom: 0; } 16761 16762div#dateselector-calendar-panel { 16763 z-index: 3100; 16764 /* Set higher than the z-index of the filemanager - see MDL-39047. */ } 16765 16766fieldset.coursesearchbox label { 16767 display: inline; } 16768 16769/** 16770 * Show the labels above text editors and file managers except on wide screens. 16771 */ 16772/* Section and module editing forms contain special JS components for the 16773 availability system (if enabled). */ 16774#id_availabilityconditionsjson[aria-hidden=true], 16775.availability-field [aria-hidden=true] { 16776 display: none; } 16777 16778.availability-field label { 16779 display: inline-flex; } 16780 16781.availability-field .availability-group label { 16782 vertical-align: top; } 16783 16784.availability-eye { 16785 clear: left; 16786 float: left; } 16787 16788.availability-inner, 16789.availability-plugincontrols { 16790 float: left; 16791 border-radius: 0.25rem; 16792 border: 1px solid rgba(0, 0, 0, 0.125); 16793 padding: 1rem; 16794 margin-top: 0.5rem; } 16795 16796.availability-plugincontrols, 16797.availability-childlist .availability-inner { 16798 margin-left: .625rem; } 16799 16800.availability-field .availability-plugincontrols .availability-group select { 16801 max-width: 12rem; } 16802 16803/* Custom styles for autocomplete form element */ 16804/* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */ 16805[data-fieldtype=autocomplete] select, 16806[data-fieldtype=tags] select, 16807.form-autocomplete-original-select { 16808 visibility: hidden; 16809 overflow: hidden; 16810 width: 15rem; 16811 height: 44px; 16812 margin: 0; 16813 padding: 0; 16814 border: 0; 16815 margin-top: 1.65625rem; 16816 vertical-align: bottom; } 16817 16818.form-autocomplete-selection { 16819 margin: 0.25rem; 16820 min-height: 2.375rem; } 16821 16822.form-autocomplete-selection [role=option] { 16823 cursor: pointer; 16824 white-space: inherit; 16825 word-break: break-word; 16826 line-height: 1.4; 16827 text-align: left; } 16828 16829.form-autocomplete-suggestions { 16830 position: absolute; 16831 background-color: white; 16832 border: 1px solid #8f959e; 16833 min-width: 206px; 16834 max-height: 20em; 16835 overflow: auto; 16836 margin: 0.125rem 0 0; 16837 padding: 0.5rem 0; 16838 z-index: 1; } 16839 16840.form-autocomplete-suggestions li { 16841 list-style-type: none; 16842 padding: 0.25rem 1.5rem; 16843 margin: 0; 16844 cursor: pointer; 16845 color: #1d2125; } 16846 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected="true"] { 16847 background-color: #0f6cbf; 16848 color: #fff; } 16849 .form-autocomplete-suggestions li::before { 16850 content: "\200B"; } 16851 16852.form-autocomplete-downarrow { 16853 color: #1d2125; 16854 top: 0.2rem; 16855 right: 0.5rem; 16856 cursor: pointer; } 16857 .form-autocomplete-downarrow .loading-icon { 16858 position: absolute; 16859 top: 0; 16860 left: 0; 16861 background-color: #fff; } 16862 16863/** Undo some bootstrap things */ 16864.form-autocomplete-selection + input.form-control { 16865 width: auto; 16866 display: inline-block; 16867 vertical-align: middle; } 16868 16869.form-autocomplete-selection [data-active-selection=true] { 16870 padding: 0.5em; 16871 font-size: large; } 16872 16873select.form-control[size], select.form-control[multiple] { 16874 padding-right: 0; } 16875 select.form-control[size] option, select.form-control[multiple] option { 16876 width: fit-content; } 16877 16878/* Non-bootstrap selects with a size show their contents outside of the element. 16879 * Remove when we update to stable bootstrap 4. (MDL-56511) */ 16880select[size], 16881select[multiple] { 16882 overflow: auto; } 16883 16884select[size="1"] { 16885 overflow: visible; } 16886 16887textarea[data-auto-rows] { 16888 overflow-x: hidden; 16889 resize: none; } 16890 16891/** Display elements under labels in vertical forms regardless of the screen size. */ 16892.mform.full-width-labels .fitem.row { 16893 margin-left: 0; 16894 margin-right: 0; } 16895 .mform.full-width-labels .fitem.row > .col-md-3, 16896 .mform.full-width-labels .fitem.row > .col-md-9 { 16897 flex: 0 0 100%; 16898 max-width: 100%; 16899 width: inherit; 16900 padding-right: 0; 16901 padding-left: 0; } 16902 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 { 16903 display: none; } 16904 .mform.full-width-labels .fitem.row .form-control { 16905 width: 100%; } 16906 16907.mform .col-form-label .form-label-addon { 16908 margin-left: 0.25rem; } 16909 16910@media (min-width: 576px) { 16911 .mform:not(.full-width-labels) .col-form-label .form-label-addon { 16912 margin-left: auto; } } 16913 16914/** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */ 16915@media (min-width: 768px) { 16916 .form-inline .col-md-9, 16917 .form-inline .col-md-3 { 16918 margin-bottom: 1rem; 16919 width: auto; } 16920 .form-inline .col-md-9 label, 16921 .form-inline .col-md-3 label { 16922 margin-left: 1rem; } } 16923 16924[data-fieldtype="modgrade"] .form-group { 16925 padding-bottom: 0.375rem; } 16926 16927[data-fieldtype="modgrade"] { 16928 background-color: #fff; 16929 border-radius: 0.25rem; 16930 border: 1px solid rgba(0, 0, 0, 0.125); 16931 padding: 1.25rem; 16932 margin-left: 15px; 16933 max-width: 30rem; } 16934 16935[data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"], 16936[data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"], 16937[data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] { 16938 display: none; } 16939 16940.form-inline[data-fieldtype="autocomplete"], 16941.form-inline[data-fieldtype="tags"] { 16942 display: block; } 16943 16944[data-fieldtype="editor"] > div { 16945 flex-grow: 1; } 16946 16947@media (min-width: 576px) { 16948 .mform fieldset { 16949 margin-left: 1.5rem; } 16950 .mform fieldset.collapsible legend a.fheader { 16951 padding: 0 5px 0 1.5rem; 16952 margin-left: -1.5rem; 16953 background: url([[pix:t/expanded]]) 0 center no-repeat; } 16954 .mform fieldset.collapsed legend a.fheader { 16955 /*rtl:raw: 16956 background-image: url([[pix:t/collapsed_rtl]]); 16957 */ 16958 /*rtl:remove*/ 16959 background-image: url([[pix:t/collapsed]]); } 16960 .mform .form-inline .fdefaultcustom label { 16961 justify-content: initial; } } 16962 16963.input-group.form-inset .form-inset-item { 16964 position: absolute; 16965 padding-top: calc(0.375rem + 1px); 16966 z-index: 3; } 16967 16968.input-group.form-inset.form-inset-left .form-control { 16969 padding-left: 1.5rem; } 16970 16971.input-group.form-inset.form-inset-right .form-control { 16972 padding-right: 1.5rem; } 16973 16974.input-group.form-inset.form-inset-right .form-inset-item { 16975 right: 0; } 16976 16977.pagelayout-login .card-title h2 img { 16978 max-width: 100%; 16979 max-height: 100px; } 16980 16981.pagelayout-login #region-main { 16982 border: 0; 16983 background-color: inherit; } 16984 16985/* modules.less */ 16986select { 16987 width: auto; } 16988 16989.path-mod-choice .horizontal .choices .option { 16990 display: inline-block; } 16991 16992.path-mod-choice .choices .option label { 16993 vertical-align: top; } 16994 16995.path-mod-feedback .feedback_form .col-form-label { 16996 display: block !important; 16997 /* stylelint-disable-line declaration-no-important */ } 16998 16999.path-mod-feedback .itemactions { 17000 float: right; } 17001 17002.path-mod-feedback .itemhandle { 17003 position: absolute; 17004 right: 1rem; } 17005 17006.path-mod-forum .forumsearch input, 17007.path-mod-forum .forumsearch .helptooltip { 17008 margin: 0 3px; } 17009 17010.path-mod-forum .forumheaderlist, 17011.path-mod-forum .forumheaderlist td { 17012 border: none; } 17013 17014.path-mod-forum .forumheaderlist thead .header, 17015.path-mod-forum .forumheaderlist tbody .discussion td { 17016 white-space: normal; 17017 vertical-align: top; 17018 padding-left: 0.5em; 17019 padding-right: 0.5em; } 17020 17021.path-mod-forum .forumheaderlist thead .header { 17022 white-space: normal; 17023 vertical-align: top; } 17024 17025.path-mod-forum .forumheaderlist thead .header.replies { 17026 text-align: center; } 17027 17028.path-mod-forum .forumheaderlist thead .header.lastpost { 17029 text-align: right; } 17030 17031.path-mod-forum .forumheaderlist thead .header th.discussionsubscription, 17032.path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription { 17033 width: 16px; 17034 padding-left: 0.5em; 17035 padding-right: 0.5em; } 17036 17037.path-mod-forum .forumheaderlist .discussion .replies, 17038.path-mod-forum .forumheaderlist .discussion .lastpost { 17039 white-space: normal; } 17040 17041.path-mod-forum .forumheaderlist .discussion .discussionsubscription, 17042.path-mod-forum .forumheaderlist .discussion .replies { 17043 text-align: center; } 17044 17045.path-mod-forum .forumheaderlist .discussion .topic, 17046.path-mod-forum .forumheaderlist .discussion .discussionsubscription, 17047.path-mod-forum .forumheaderlist .discussion .topic.starter, 17048.path-mod-forum .forumheaderlist .discussion .replies, 17049.path-mod-forum .forumheaderlist .discussion .lastpost { 17050 vertical-align: top; } 17051 17052.path-mod-forum .discussion-list .topic { 17053 font-weight: inherit; } 17054 17055.path-mod-forum .subscriptionmode { 17056 color: #1d2125; } 17057 17058.path-mod-forum .activesetting { 17059 color: #1d2125; 17060 font-weight: bold; } 17061 17062.discussion-settings-container .custom-select { 17063 width: 100%; } 17064 17065.discussion-settings-container input { 17066 max-width: 100%; } 17067 17068.forumpost { 17069 border: 1px solid #dee2e6; 17070 display: block; 17071 padding: 6px; } 17072 .forumpost .header { 17073 margin-bottom: 3px; } 17074 .forumpost .picture img { 17075 margin: 3px; } 17076 .forumpost .picture img.userpicture { 17077 margin-left: 3px; 17078 margin-right: 10px; } 17079 .forumpost .content .posting.fullpost { 17080 margin-top: 8px; } 17081 .forumpost .row { 17082 display: block; } 17083 .forumpost .row .topic, 17084 .forumpost .row .content-mask, 17085 .forumpost .row .options { 17086 margin-left: 48px; } 17087 .forumpost .row.side { 17088 clear: both; } 17089 17090.forumpost .row .left { 17091 width: 48px; } 17092 17093.forumpost .options .commands { 17094 margin-left: 0; } 17095 17096.forumpost .subject { 17097 font-weight: bold; } 17098 17099.forumsearch input[type=text] { 17100 margin-bottom: 0; } 17101 17102#page-mod-forum-view table .fit-content { 17103 width: 1px; 17104 white-space: nowrap; } 17105 17106#page-mod-forum-view table .limit-width { 17107 max-width: 200px; 17108 white-space: nowrap; 17109 text-overflow: ellipsis; 17110 overflow: hidden; } 17111 #page-mod-forum-view table .limit-width .author-info { 17112 max-width: calc(100% - 35px - .5rem); } 17113 17114#page-mod-forum-discuss .discussioncontrols { 17115 width: auto; 17116 margin: 0; } 17117 #page-mod-forum-discuss .discussioncontrols .form-inline input { 17118 margin-top: -1px; } 17119 17120/** Gently highlight the selected post by changing it's background to blue and then fading it out. */ 17121@keyframes background-highlight { 17122 from { 17123 background-color: rgba(0, 123, 255, 0.5); } 17124 to { 17125 background-color: inherit; } } 17126 17127.path-mod-forum .nested-v2-display-mode, 17128.path-mod-forum.nested-v2-display-mode { 17129 /** Reset the badge styling back to pill style. */ 17130 /** Style the ratings like a badge. */ 17131 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */ 17132 /** Fix muted text contrast ratios for accessibility. */ 17133 /** Make the tag list text screen reader visible only */ } 17134 .path-mod-forum .nested-v2-display-mode .discussionsubscription, 17135 .path-mod-forum.nested-v2-display-mode .discussionsubscription { 17136 margin-top: 0; 17137 text-align: inherit; 17138 margin-bottom: 0; } 17139 .path-mod-forum .nested-v2-display-mode .preload-subscribe, 17140 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe, 17141 .path-mod-forum.nested-v2-display-mode .preload-subscribe, 17142 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe { 17143 display: none; } 17144 .path-mod-forum .nested-v2-display-mode .post-message, 17145 .path-mod-forum.nested-v2-display-mode .post-message { 17146 line-height: 1.6; } 17147 .path-mod-forum .nested-v2-display-mode .indent, 17148 .path-mod-forum.nested-v2-display-mode .indent { 17149 margin-left: 0; } 17150 .path-mod-forum .nested-v2-display-mode .badge, 17151 .path-mod-forum.nested-v2-display-mode .badge { 17152 font-size: inherit; 17153 font-weight: inherit; 17154 padding-left: .5rem; 17155 padding-right: .5rem; 17156 border-radius: 10rem; } 17157 .path-mod-forum .nested-v2-display-mode .badge-light, 17158 .path-mod-forum.nested-v2-display-mode .badge-light { 17159 background-color: #f6f6f6; 17160 color: #5b5b5b; } 17161 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container, 17162 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container { 17163 background-color: #f6f6f6; 17164 color: #5b5b5b; 17165 padding: .25em .5em; 17166 line-height: 1; 17167 margin-right: .5rem; 17168 vertical-align: middle; 17169 border-radius: 10rem; 17170 text-align: center; } 17171 .path-mod-forum .nested-v2-display-mode .ratinginput, 17172 .path-mod-forum.nested-v2-display-mode .ratinginput { 17173 padding: .25em 1.75rem 0.25em .75em; 17174 line-height: 1; 17175 height: auto; 17176 border-radius: 10rem; } 17177 @media (max-width: 767.98px) { 17178 .path-mod-forum .nested-v2-display-mode .ratinginput, 17179 .path-mod-forum.nested-v2-display-mode .ratinginput { 17180 margin-top: .5rem; } } 17181 .path-mod-forum .nested-v2-display-mode .group-image, 17182 .path-mod-forum.nested-v2-display-mode .group-image { 17183 width: 35px; 17184 height: 35px; 17185 margin-right: 0; 17186 float: none; 17187 display: inline-block; } 17188 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, 17189 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked { 17190 position: absolute; 17191 width: 1px; 17192 height: 1px; 17193 padding: 0; 17194 margin: -1px; 17195 overflow: hidden; 17196 clip: rect(0, 0, 0, 0); 17197 white-space: nowrap; 17198 border: 0; } 17199 .path-mod-forum .nested-v2-display-mode .text-muted, 17200 .path-mod-forum .nested-v2-display-mode .dimmed_text, 17201 .path-mod-forum.nested-v2-display-mode .text-muted, 17202 .path-mod-forum.nested-v2-display-mode .dimmed_text { 17203 color: #707070 !important; 17204 /* stylelint-disable-line declaration-no-important */ } 17205 .path-mod-forum .nested-v2-display-mode .author-header, 17206 .path-mod-forum.nested-v2-display-mode .author-header { 17207 font-style: italic; } 17208 .path-mod-forum .nested-v2-display-mode .author-header .author-name, 17209 .path-mod-forum.nested-v2-display-mode .author-header .author-name { 17210 font-style: normal; } 17211 .path-mod-forum .nested-v2-display-mode .tag_list > b, 17212 .path-mod-forum.nested-v2-display-mode .tag_list > b { 17213 position: absolute; 17214 width: 1px; 17215 height: 1px; 17216 padding: 0; 17217 margin: -1px; 17218 overflow: hidden; 17219 clip: rect(0, 0, 0, 0); 17220 white-space: nowrap; 17221 border: 0; } 17222 .path-mod-forum .nested-v2-display-mode :target > .focus-target, 17223 .path-mod-forum.nested-v2-display-mode :target > .focus-target { 17224 animation-name: background-highlight; 17225 animation-duration: 1s; 17226 animation-timing-function: ease-in-out; 17227 animation-iteration-count: 1; } 17228 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container, 17229 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container { 17230 border-top: 1px solid #dee2e6; 17231 padding-top: 1.5rem; } 17232 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container, 17233 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container { 17234 border-top: none; 17235 padding-top: 0; } 17236 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author, 17237 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author { 17238 display: none; } 17239 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type, 17240 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type { 17241 margin-bottom: 0; } 17242 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container, 17243 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container { 17244 width: 70px; 17245 margin-right: 24px; 17246 flex-shrink: 0; } 17247 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea, 17248 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea { 17249 border: 0; 17250 resize: none; } 17251 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent, 17252 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent { 17253 /** 17254 * The first post and first set of replies have a larger author image so offset the 2nd 17255 * set of replies by the image width + margin to ensure they align. 17256 */ } 17257 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent, 17258 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent { 17259 padding-left: 94px; 17260 /** 17261 * Reduce the size of the the author image for all second level replies (and below). 17262 */ 17263 /** 17264 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image. 17265 */ } 17266 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container, 17267 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container { 17268 width: 30px; 17269 margin-right: 8px; 17270 padding-top: 3px; } 17271 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent, 17272 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent { 17273 padding-left: 38px; 17274 /** 17275 * Stop indenting the replies after the 5th reply. 17276 */ } 17277 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent, 17278 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent { 17279 padding-left: 0; } 17280 17281/** Extra small devices (portrait phones, less than 576px). */ 17282@media (max-width: 767.98px) { 17283 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container { 17284 width: 30px; 17285 margin-right: 8px; } 17286 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent { 17287 padding-left: 38px; } 17288 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent { 17289 padding-left: 0; } 17290 #page-mod-forum-discuss.nested-v2-display-mode .group-image { 17291 width: 30px; 17292 height: 30px; } } 17293 17294.filter-scrollable { 17295 overflow-y: auto; 17296 max-height: 25em; 17297 margin-bottom: 1em; } 17298 17299.filter-dates-popover { 17300 width: 100%; 17301 max-width: 41.5em; } 17302 .filter-dates-popover .mform { 17303 margin-left: -3em; } 17304 17305/* stylelint-disable-line max-line-length */ 17306@keyframes expandSearchButton { 17307 from { 17308 height: 36px; 17309 width: 36px; 17310 border-radius: 18px; 17311 background-color: #e9ecef; } 17312 to { 17313 width: 100%; 17314 height: calc(1.5em + 1rem + 2px); 17315 border-radius: 0; 17316 background-color: #fff; 17317 border-color: #8f959e; 17318 padding-left: calc(0.5rem + 8px); 17319 padding-top: 0.5rem; 17320 padding-bottom: 0.5rem; 17321 font-size: 1.171875rem; 17322 @media (max-width: 1200px) { 17323 font-size: calc(0.9271875rem + 0.32625vw) ; } 17324 line-height: 1.5; 17325 right: 0; } } 17326 17327@keyframes collapseSearchButton { 17328 from { 17329 width: 100%; 17330 height: calc(1.5em + 1rem + 2px); 17331 border-radius: 0; 17332 background-color: #fff; 17333 border-color: #8f959e; 17334 padding-left: calc(0.5rem + 8px); 17335 padding-top: 0.5rem; 17336 padding-bottom: 0.5rem; 17337 font-size: 1.171875rem; 17338 @media (max-width: 1200px) { 17339 font-size: calc(0.9271875rem + 0.32625vw) ; } 17340 line-height: 1.5; 17341 right: 0; } 17342 to { 17343 height: 36px; 17344 width: 36px; 17345 border-radius: 18px; 17346 background-color: #e9ecef; } } 17347 17348.path-mod-forum .unified-grader .navbar { 17349 max-height: none; 17350 z-index: 1; } 17351 17352.path-mod-forum .unified-grader .body-container { 17353 overflow: auto; } 17354 .path-mod-forum .unified-grader .body-container.hidden { 17355 display: none !important; 17356 /* stylelint-disable-line declaration-no-important */ } 17357 17358.path-mod-forum .unified-grader .userpicture { 17359 height: 60px; 17360 width: 60px; } 17361 17362.path-mod-forum .unified-grader .grader-grading-panel { 17363 top: 0; 17364 position: absolute; 17365 height: 100%; 17366 z-index: 0; 17367 width: 430px; } 17368 .path-mod-forum .unified-grader .grader-grading-panel.hidden { 17369 right: -430px; } 17370 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon { 17371 width: 36px; } 17372 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name { 17373 max-width: 240px; } 17374 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link { 17375 width: 36px; 17376 height: 36px; 17377 display: flex; 17378 text-align: center; 17379 align-items: center; 17380 justify-content: center; } 17381 .path-mod-forum .unified-grader .grader-grading-panel .header-container { 17382 height: 65px; 17383 position: relative; 17384 overflow: hidden; } 17385 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container { 17386 position: absolute; 17387 top: 50%; 17388 left: 0; 17389 transform: translateY(-50%); 17390 width: 100%; 17391 height: 100%; 17392 padding: 0.5rem; 17393 padding-right: calc(36px + 0.5rem); 17394 opacity: 1; 17395 visibility: visible; 17396 transition: left 0.3s ease-in-out; 17397 z-index: 1; } 17398 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand { 17399 animation-name: expandSearchButton; 17400 animation-duration: 0.3s; 17401 animation-timing-function: ease-in-out; } 17402 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse { 17403 display: block; 17404 animation-name: collapseSearchButton; 17405 animation-duration: 0.3s; } 17406 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container { 17407 overflow: hidden; 17408 position: absolute; 17409 top: 50%; 17410 right: 0; 17411 transform: translateY(-50%); 17412 z-index: 2; 17413 width: 100%; 17414 height: 100% !important; 17415 /* stylelint-disable-line declaration-no-important */ 17416 padding: 0.5rem; } 17417 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container { 17418 position: relative; 17419 overflow: visible; 17420 flex-wrap: nowrap; } 17421 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input { 17422 padding-left: calc(0.5rem + 0.5rem + 34px); 17423 padding-right: calc(0.5rem + 36px); 17424 opacity: 1; 17425 visibility: visible; 17426 transition: opacity 0s linear 0.3s, visibility 0s linear; } 17427 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon { 17428 position: absolute; 17429 top: 50%; 17430 left: 0.5rem; 17431 transform: translateY(-50%); 17432 color: #495057; 17433 height: 36px; 17434 width: 34px; 17435 background-color: #fff; 17436 opacity: 1; 17437 visibility: visible; 17438 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s; } 17439 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button { 17440 position: absolute; 17441 top: 50%; 17442 right: 0.5rem; 17443 transform: translateY(-50%); 17444 z-index: 1; 17445 color: inherit; 17446 text-align: left; 17447 padding-left: 9px; 17448 transition: right 0s linear 0.3s; } 17449 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon { 17450 opacity: 1; 17451 visibility: visible; 17452 max-width: 50px; 17453 max-height: 50px; 17454 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s; } 17455 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon { 17456 opacity: 0; 17457 visibility: hidden; 17458 max-height: 0; 17459 max-width: 0; 17460 overflow: hidden; 17461 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s; } 17462 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed { 17463 width: calc(36px + 0.5rem + 0.5rem); 17464 transition: width 0.3s ease-in-out; } 17465 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container { 17466 flex-wrap: nowrap; } 17467 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input, 17468 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon { 17469 opacity: 0; 17470 visibility: hidden; 17471 transition: opacity 0s linear, visibility 0s linear; } 17472 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input { 17473 padding-left: 0; 17474 padding-right: 0; } 17475 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon { 17476 opacity: 0; 17477 visibility: hidden; 17478 max-height: 0; 17479 max-width: 0; 17480 overflow: hidden; 17481 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear; } 17482 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon { 17483 opacity: 1; 17484 visibility: visible; 17485 max-width: 50px; 17486 max-height: 50px; 17487 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear; } 17488 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container { 17489 opacity: 0; 17490 visibility: hidden; 17491 left: calc(100% * -1); 17492 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s; } 17493 17494.path-mod-forum .unified-grader .grader-module-content { 17495 overflow-y: auto; 17496 margin-right: 430px; 17497 transition: margin-right 0.2s ease-in-out; } 17498 @media (prefers-reduced-motion: reduce) { 17499 .path-mod-forum .unified-grader .grader-module-content { 17500 transition: none; } } 17501 17502.path-mod-forum .unified-grader .drawer-button { 17503 position: relative; } 17504 .path-mod-forum .unified-grader .drawer-button.active::after { 17505 content: ""; 17506 position: absolute; 17507 bottom: calc(-0.5rem - 1px); 17508 left: 0; 17509 width: 100%; 17510 height: 3px; 17511 background-color: #0f6cbf; } 17512 .path-mod-forum .unified-grader .drawer-button .icon { 17513 font-size: 20px; 17514 height: 20px; 17515 width: 20px; } 17516 17517.path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr { 17518 display: none; } 17519 17520.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr { 17521 display: none; } 17522 17523.path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container { 17524 position: relative; } 17525 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button { 17526 position: absolute; 17527 height: 100%; 17528 width: 100%; 17529 left: 0; 17530 top: 0; 17531 padding-left: calc(1rem + 45px); 17532 text-align: left; 17533 z-index: 1; } 17534 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) { 17535 display: none; } 17536 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content { 17537 display: block; 17538 height: auto !important; 17539 /* stylelint-disable-line declaration-no-important */ } 17540 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header { 17541 transition: margin-bottom 0.3s ease-in-out; } 17542 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div { 17543 opacity: 1; 17544 visibility: visible; 17545 max-height: none; 17546 transition: opacity 0.3s linear, visibility 0s linear; } 17547 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container { 17548 opacity: 1; 17549 visibility: visible; 17550 max-height: none; 17551 transition: opacity 0.3s linear, visibility 0s linear; } 17552 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core { 17553 opacity: 1; 17554 visibility: visible; 17555 max-height: none; 17556 transition: opacity 0.3s linear, visibility 0s linear; } 17557 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content { 17558 opacity: .3; } 17559 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header { 17560 margin-bottom: 0 !important; 17561 /* stylelint-disable-line declaration-no-important */ } 17562 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div { 17563 opacity: 0; 17564 visibility: hidden; 17565 max-height: 0; } 17566 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container { 17567 opacity: 0; 17568 visibility: hidden; 17569 max-height: 0; } 17570 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core { 17571 opacity: 0; 17572 visibility: hidden; 17573 max-height: 0; } 17574 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content, 17575 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content { 17576 opacity: 1; } 17577 17578.path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon { 17579 height: 250px; 17580 width: 250px; 17581 margin-right: 0; } 17582 17583.path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button { 17584 padding-left: 94px; } 17585 17586.path-mod-forum .unified-grader .no-search-results-container .icon { 17587 height: 250px; 17588 width: 250px; 17589 margin-right: 0; } 17590 17591.path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button { 17592 margin-left: 94px; 17593 border-radius: 0.3rem; } 17594 17595.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container { 17596 position: relative; } 17597 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after { 17598 position: absolute; 17599 top: calc(70px + 0.5rem); 17600 content: ""; 17601 background-color: #e9ecef; 17602 width: 2px; 17603 height: calc(100% - 70px + 0.5rem); } 17604 17605.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img { 17606 width: 30px !important; 17607 /* stylelint-disable-line declaration-no-important */ } 17608 17609.path-mod-forum .unified-grader .nested-v2-display-mode .post-subject, 17610.path-mod-forum .modal .nested-v2-display-mode .post-subject { 17611 display: none; } 17612 17613@media (max-width: 575.98px) { 17614 .path-mod-forum .unified-grader .grader-grading-panel { 17615 width: 100%; 17616 position: fixed; 17617 height: calc(100vh - 50px); 17618 overflow: scroll; 17619 top: 50px; } 17620 .path-mod-forum .unified-grader .body-container { 17621 overflow: visible; } } 17622 17623.maincalendar .calendarmonth td, 17624.maincalendar .calendarmonth th { 17625 border: 1px dotted #dee2e6; } 17626 17627.path-grade-report-grader h1 { 17628 text-align: inherit; } 17629 17630#page-mod-chat-gui_basic input#message { 17631 max-width: 100%; } 17632 17633#page-mod-data-view #singleimage { 17634 width: auto; } 17635 17636.path-mod-data form { 17637 margin-top: 10px; } 17638 17639.template_heading { 17640 margin-top: 10px; } 17641 17642.breadcrumb-button { 17643 margin-top: 4px; } 17644 17645.breadcrumb-button .singlebutton { 17646 float: left; 17647 margin-left: 4px; } 17648 17649.langmenu form { 17650 margin: 0; } 17651 17652canvas { 17653 -ms-touch-action: auto; } 17654 17655div#dock { 17656 display: none; } 17657 17658/** General styles (scope: all of lesson) **/ 17659.path-mod-lesson .invisiblefieldset.fieldsetfix { 17660 display: block; } 17661 17662.path-mod-lesson .answeroption .checkbox label p { 17663 display: inline; } 17664 17665.path-mod-lesson .form-inline label.form-check-label { 17666 display: inline-block; } 17667 17668.path-mod-lesson .slideshow { 17669 overflow: auto; 17670 padding: 15px; } 17671 17672#page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] { 17673 white-space: normal; } 17674 17675#page-mod-lesson-view .vertical .singlebutton { 17676 display: block; } 17677 #page-mod-lesson-view .vertical .singlebutton + .singlebutton { 17678 margin-left: 0; 17679 margin-top: 1rem; } 17680 17681#page-mod-lesson-view .fitem .felement .custom-select { 17682 align-self: flex-start; } 17683 17684.path-mod-lesson .generaltable td { 17685 vertical-align: middle; } 17686 .path-mod-lesson .generaltable td label { 17687 margin-bottom: 0; } 17688 .path-mod-lesson .generaltable td .highlight { 17689 display: inline-block; 17690 margin-left: 0.25rem; } 17691 .path-mod-lesson .generaltable td input[type="checkbox"] { 17692 display: block; } 17693 17694.path-mod-wiki .wiki_headingtitle, 17695.path-mod-wiki .midpad, 17696.path-mod-wiki .wiki_headingtime { 17697 text-align: inherit; } 17698 17699.path-mod-wiki .wiki_contentbox { 17700 width: 100%; } 17701 17702.path-mod-survey .surveytable > tbody > tr:nth-of-type(even) { 17703 background-color: rgba(0, 0, 0, 0.03); } 17704 17705.path-mod-survey .surveytable .rblock label { 17706 text-align: center; } 17707 17708.nav .caret { 17709 margin-left: 4px; } 17710 17711.nav .divider { 17712 overflow: hidden; 17713 width: 0; } 17714 17715.usermenu .login { 17716 line-height: 2.25rem; } 17717 17718.userloggedinas .usermenu .usertext, 17719.userswitchedrole .usermenu .usertext, 17720.loginfailures .usermenu .usertext { 17721 float: left; 17722 text-align: right; 17723 margin-right: 0.5rem; 17724 height: 35px; } 17725 .userloggedinas .usermenu .usertext .meta, 17726 .userswitchedrole .usermenu .usertext .meta, 17727 .loginfailures .usermenu .usertext .meta { 17728 display: block; 17729 font-size: 0.8203125rem; } 17730 17731.userloggedinas .usermenu .avatar img, 17732.userswitchedrole .usermenu .avatar img, 17733.loginfailures .usermenu .avatar img { 17734 margin: 0; } 17735 17736.userloggedinas .usermenu .userbutton .avatars { 17737 position: relative; 17738 display: inline-block; } 17739 .userloggedinas .usermenu .userbutton .avatars .avatar.current { 17740 display: inline-block; 17741 position: absolute; 17742 bottom: 0; 17743 right: 0; 17744 width: 20px; 17745 height: 20px; 17746 border-radius: 50%; } 17747 .userloggedinas .usermenu .userbutton .avatars .avatar.current img { 17748 vertical-align: baseline; } 17749 .userloggedinas .usermenu .userbutton .avatars .avatar img { 17750 width: inherit; 17751 height: inherit; } 17752 .userloggedinas .usermenu .userbutton .avatars .realuser { 17753 width: 35px; 17754 height: 35px; 17755 display: inline-block; } 17756 17757@media (max-width: 767.98px) { 17758 .usertext { 17759 display: none; } } 17760 17761.path-mod-quiz .mod-quiz-edit-content { 17762 margin-bottom: 10rem; } 17763 17764#page-mod-quiz-mod #id_reviewoptionshdr .col-md-3, 17765#page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 { 17766 width: auto; 17767 max-width: none; } 17768 17769#page-mod-quiz-mod #id_reviewoptionshdr .form-group { 17770 float: left; 17771 width: 20rem; 17772 display: inline-block; 17773 min-height: 12rem; } 17774 17775#page-mod-quiz-mod #id_reviewoptionshdr .btn-link { 17776 line-height: 1.5; 17777 vertical-align: bottom; } 17778 17779#page-mod-quiz-mod #id_reviewoptionshdr .form-inline { 17780 float: left; 17781 clear: left; } 17782 17783#page-mod-quiz-mod #id_reviewoptionshdr .form-check { 17784 width: auto; 17785 height: 22px; 17786 justify-content: flex-start; } 17787 17788#page-mod-quiz-mod #id_reviewoptionshdr .review_option_item { 17789 width: 90%; 17790 height: 22px; } 17791 17792.path-mod-quiz #mod_quiz_navblock .qnbutton { 17793 text-decoration: none; 17794 font-size: 14px; 17795 line-height: 20px; 17796 font-weight: normal; 17797 background-color: #fff; 17798 background-image: none; 17799 height: 40px; 17800 width: 30px; 17801 border-radius: 3px; 17802 border: 0; 17803 overflow: visible; 17804 margin: 0 6px 6px 0; } 17805 17806.path-mod-quiz #mod_quiz_navblock span.qnbutton { 17807 cursor: default; 17808 background-color: #e9ecef; 17809 color: #495057; } 17810 17811.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover, 17812.path-mod-quiz #mod_quiz_navblock a.qnbutton:active, 17813.path-mod-quiz #mod_quiz_navblock a.qnbutton:focus { 17814 text-decoration: underline; } 17815 17816.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder { 17817 border: 1px solid; 17818 border-radius: 3px; 17819 z-index: 1; } 17820 17821.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder { 17822 border-width: 3px; } 17823 17824.path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder { 17825 border-width: 1px; } 17826 17827.path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder { 17828 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat; } 17829 17830.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight { 17831 border: 0; 17832 background: #fff none center/10px no-repeat scroll; 17833 height: 20px; 17834 margin-top: 20px; 17835 border-radius: 0 0 3px 3px; } 17836 17837.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight, 17838.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight { 17839 background-color: #fff; } 17840 17841.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight { 17842 background-image: url([[pix:theme|mod/quiz/warningtriangle]]); } 17843 17844.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight { 17845 background-image: url([[pix:theme|mod/quiz/checkmark]]); 17846 background-color: #357a32; } 17847 17848.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight { 17849 background-image: url([[pix:core|t/locked]]); 17850 background-color: #e9ecef; } 17851 17852.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight, 17853.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight { 17854 background-color: #ca3120; } 17855 17856.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight { 17857 background-image: url([[pix:theme|mod/quiz/whitecircle]]); 17858 background-color: #f0ad4e; } 17859 17860.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, 17861.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, 17862.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight { 17863 background-color: #6a737b; } 17864 17865#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input { 17866 height: 1.4em; 17867 vertical-align: middle; } 17868 17869#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer { 17870 padding: 0; 17871 margin: 0 0.4em; } 17872 17873/* Countdown timer. */ 17874#page-mod-quiz-attempt #region-main { 17875 overflow-x: inherit; } 17876 17877#quiz-timer-wrapper { 17878 display: none; 17879 position: sticky; 17880 justify-content: end; 17881 top: 55px; 17882 z-index: 1020; } 17883 #quiz-timer-wrapper #quiz-timer { 17884 border: 1px solid #ca3120; 17885 background-color: #fff; } 17886 17887.pagelayout-embedded #quiz-timer-wrapper { 17888 top: 5px; } 17889 17890#quiz-timer-wrapper #quiz-timer.timeleft0 { 17891 background-color: #ca3120; 17892 color: #fff; } 17893 17894#quiz-timer-wrapper #quiz-timer.timeleft1 { 17895 background-color: #d73422; 17896 color: #fff; } 17897 17898#quiz-timer-wrapper #quiz-timer.timeleft2 { 17899 background-color: #dd3d2b; 17900 color: #fff; } 17901 17902#quiz-timer-wrapper #quiz-timer.timeleft3 { 17903 background-color: #e04938; 17904 color: #fff; } 17905 17906#quiz-timer-wrapper #quiz-timer.timeleft4 { 17907 background-color: #e25546; 17908 color: #fff; } 17909 17910#quiz-timer-wrapper #quiz-timer.timeleft5 { 17911 background-color: #e46153; 17912 color: #fff; } 17913 17914#quiz-timer-wrapper #quiz-timer.timeleft6 { 17915 background-color: #e66d60; 17916 color: #fff; } 17917 17918#quiz-timer-wrapper #quiz-timer.timeleft7 { 17919 background-color: #e8796d; 17920 color: #1d2125; } 17921 17922#quiz-timer-wrapper #quiz-timer.timeleft8 { 17923 background-color: #ea867a; 17924 color: #1d2125; } 17925 17926#quiz-timer-wrapper #quiz-timer.timeleft9 { 17927 background-color: #ec9288; 17928 color: #1d2125; } 17929 17930#quiz-timer-wrapper #quiz-timer.timeleft10 { 17931 background-color: #ee9e95; 17932 color: #1d2125; } 17933 17934#quiz-timer-wrapper #quiz-timer.timeleft11 { 17935 background-color: #f0aaa2; 17936 color: #1d2125; } 17937 17938#quiz-timer-wrapper #quiz-timer.timeleft12 { 17939 background-color: #f2b6af; 17940 color: #1d2125; } 17941 17942#quiz-timer-wrapper #quiz-timer.timeleft13 { 17943 background-color: #f4c2bc; 17944 color: #1d2125; } 17945 17946#quiz-timer-wrapper #quiz-timer.timeleft14 { 17947 background-color: #f7ceca; 17948 color: #1d2125; } 17949 17950#quiz-timer-wrapper #quiz-timer.timeleft15 { 17951 background-color: #f9dad7; 17952 color: #1d2125; } 17953 17954#quiz-timer-wrapper #quiz-timer.timeleft16 { 17955 background-color: #fbe6e4; 17956 color: #1d2125; } 17957 17958.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons { 17959 top: auto; } 17960 17961.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement { 17962 height: calc(100% - 4rem); } 17963 17964.path-mod-assign [data-region="grade-panel"] { 17965 padding-top: 1rem; } 17966 17967.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3, 17968.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 { 17969 width: 100%; 17970 padding: 0; 17971 max-width: 100%; 17972 flex: none; } 17973 17974.path-mod-assign [data-region="grade-panel"] fieldset, 17975.path-mod-assign [data-region="grade-panel"] .fitem.row { 17976 margin: 0; } 17977 17978.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement { 17979 width: 100%; } 17980 17981.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement { 17982 width: auto; } 17983 17984.path-mod-assign [data-region="grade-panel"] .popout { 17985 background-color: #fff; } 17986 17987.path-mod-assign [data-region="grade-panel"] .fitem.has-popout { 17988 background-color: #fff; 17989 border-radius: 0.25rem; 17990 border: 1px solid rgba(0, 0, 0, 0.125); 17991 padding: 1.25rem; 17992 margin-bottom: 1rem; } 17993 17994.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 { 17995 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 17996 margin-bottom: 1rem; } 17997 17998.path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 { 17999 display: flex; 18000 align-items: flex-start; 18001 justify-content: space-between; 18002 font-size: 1.40625rem; } 18003 18004.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] { 18005 margin-top: 0; } 18006 18007.path-mod-assign [data-region="assignment-info"] { 18008 overflow-y: hidden; } 18009 18010.path-mod-assign [data-region="grading-navigation"] { 18011 padding: 6px; } 18012 18013.path-mod-assign [data-region="grade-actions"] { 18014 padding: 10px; } 18015 18016.path-mod-assign [data-region="user-info"] .img-rounded { 18017 margin-top: 0; } 18018 18019.path-mod-assign [data-region="grading-navigation-panel"] { 18020 height: 85px; } 18021 18022@media (max-width: 767px) { 18023 .path-mod-assign [data-region="grading-navigation-panel"] { 18024 height: auto; } 18025 .path-mod-assign [data-region="user-info"] { 18026 margin-top: 1rem; } } 18027 18028.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input { 18029 width: auto; 18030 display: inline-block; } 18031 18032/** 18033 * Assign feedback. 18034 */ 18035.assignfeedback_editpdf_widget * { 18036 box-sizing: content-box; } 18037 18038.assignfeedback_editpdf_widget button { 18039 box-sizing: border-box; } 18040 18041.assignfeedback_editpdf_widget .commentcolourbutton img { 18042 border-width: 0; } 18043 18044.assignfeedback_editpdf_widget .label { 18045 position: relative; 18046 padding: 0.75rem 1.25rem; 18047 margin-bottom: 1rem; 18048 border: 0 solid transparent; 18049 border-radius: 0.25rem; 18050 color: #00434e; 18051 background-color: #cce6ea; 18052 border-color: #b8dce2; 18053 /* stylelint-disable-line max-line-length */ } 18054 .assignfeedback_editpdf_widget .label hr { 18055 border-top-color: #a6d3db; } 18056 .assignfeedback_editpdf_widget .label .alert-link { 18057 color: #00171b; } 18058 18059.assignfeedback_editpdf_menu { 18060 padding: 0; } 18061 18062.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser { 18063 float: none; } 18064 18065.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark { 18066 width: 100%; } 18067 18068.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] { 18069 padding-left: 1rem; 18070 padding-right: 1rem; } 18071 18072.path-mod-assign [data-region="grade-panel"] .showmarkerdesc, 18073.path-mod-assign [data-region="grade-panel"] .showstudentdesc { 18074 background-color: #fff; } 18075 18076/** 18077 * Mod LTI. 18078 */ 18079.path-admin-mod-lti .btn .loader img, 18080.path-admin-mod-lti #tool-list-loader-container .loader img { 18081 height: auto; } 18082 18083.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax { 18084 background-color: #fff; } 18085 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd, 18086 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft, 18087 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd, 18088 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, 18089 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom { 18090 border: 0; } 18091 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, 18092 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom { 18093 border-radius: 0; } 18094 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd { 18095 background-color: transparent; } 18096 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd { 18097 background-color: #f8f9fa; } 18098 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 { 18099 padding: 0 !important; 18100 /* stylelint-disable-line declaration-no-important */ } 18101 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable, 18102 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell { 18103 border: 0; 18104 padding: 3px 15px; 18105 white-space: nowrap; 18106 margin-bottom: 0; } 18107 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist { 18108 padding: 10px 5px; } 18109 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list { 18110 border-top: 1px solid #dee2e6; 18111 border-bottom: 1px solid #fff; } 18112 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li { 18113 border-top: 1px solid #fff; 18114 border-bottom: 1px solid #dee2e6; 18115 padding: 5px 10px; } 18116 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img { 18117 margin-right: 8px; 18118 border: 1px solid #ccc; 18119 border-radius: 4px; 18120 max-width: none; } 18121 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages { 18122 margin: 20px 25px; } 18123 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme { 18124 text-align: center; 18125 margin: 10px 0; 18126 font-size: 0.8203125rem; 18127 color: #495057; } 18128 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme { 18129 margin-bottom: 0.75rem; 18130 border-radius: 0.25rem; 18131 border: 1px solid rgba(0, 0, 0, 0.125); 18132 padding: 1.25rem; } 18133 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time { 18134 float: right; 18135 font-size: 11px; 18136 color: #495057; } 18137 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme { 18138 background-color: #fff; } 18139 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user { 18140 font-weight: bold; } 18141 18142/* reports.less */ 18143#page-report-participation-index .participationselectform div label { 18144 display: inline-block; 18145 margin: 0 5px; } 18146 18147#page-report-participation-index .participationselectform div label[for=menuinstanceid] { 18148 margin-left: 0; } 18149 18150.path-backup .mform { 18151 /* These are long labels with checkboxes on the right. */ } 18152 .path-backup .mform .grouped_settings { 18153 clear: both; 18154 overflow: hidden; 18155 /* Use card styles but avoid extend because that brings in too much. */ } 18156 .path-backup .mform .grouped_settings.section_level { 18157 background-color: #fff; 18158 border-radius: 0.25rem; 18159 border: 1px solid rgba(0, 0, 0, 0.125); 18160 padding: 1.25rem; 18161 margin-bottom: 1.25rem; } 18162 .path-backup .mform .grouped_settings.section_level::after { 18163 display: block; 18164 clear: both; 18165 content: ""; } 18166 .path-backup .mform .include_setting { 18167 width: 50%; 18168 display: inline-block; 18169 float: left; 18170 padding: 0.3rem; } 18171 .path-backup .mform .normal_setting { 18172 width: 50%; 18173 display: inline-block; 18174 float: left; 18175 padding: 0.3rem; } 18176 18177.path-backup { 18178 /* Bold section labels */ } 18179 .path-backup .section_level { 18180 font-weight: bold; } 18181 .path-backup .section_level .activity_level { 18182 font-weight: normal; } 18183 .path-backup .proceedbutton { 18184 margin-left: auto; } 18185 18186/* Override the columns width to leave more room for the labels. */ 18187.path-backup .mform .root_setting, 18188.path-backup .mform .grouped_settings { 18189 /* Striped rows like a table */ } 18190 .path-backup .mform .root_setting:nth-of-type(odd), 18191 .path-backup .mform .grouped_settings:nth-of-type(odd) { 18192 background-color: rgba(0, 0, 0, 0.03); } 18193 .path-backup .mform .root_setting:nth-of-type(even), 18194 .path-backup .mform .grouped_settings:nth-of-type(even) { 18195 background-color: #fff; } 18196 .path-backup .mform .root_setting .form-group, 18197 .path-backup .mform .grouped_settings .form-group { 18198 /* These checkboxes with no label on the left. */ } 18199 .path-backup .mform .root_setting .form-group .col-md-3.checkbox, 18200 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox { 18201 width: 0%; } 18202 .path-backup .mform .root_setting .form-group .col-md-9.checkbox, 18203 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox { 18204 width: 100%; 18205 left: 0; } 18206 18207/* Detail pair is (usually) some short label with a longer value */ 18208.path-backup .detail-pair .detail-pair-label { 18209 width: 25%; 18210 float: left; 18211 clear: left; } 18212 18213.path-backup .detail-pair .detail-pair-value { 18214 width: 75%; 18215 float: left; } 18216 18217.path-backup .backup-restore .singlebutton { 18218 float: right; } 18219 18220/* Make these bits full width and work with the detail-pair */ 18221.path-backup .backup-section { 18222 /* Fix for nested table headers */ 18223 /* Add card styles to backup sections */ 18224 background-color: #fff; 18225 border-radius: 0.25rem; 18226 border: 1px solid rgba(0, 0, 0, 0.125); 18227 padding: 1.25rem; 18228 margin-bottom: 1.25rem; } 18229 .path-backup .backup-section .sub-header, 18230 .path-backup .backup-section .backup-sub-section, 18231 .path-backup .backup-section .singlebutton, 18232 .path-backup .backup-section .header { 18233 width: 100%; 18234 float: left; 18235 clear: both; } 18236 .path-backup .backup-section th.header { 18237 width: auto; 18238 float: none; } 18239 .path-backup .backup-section ::after { 18240 content: ""; 18241 display: table; 18242 clear: both; } 18243 .path-backup .backup-section::after { 18244 display: block; 18245 clear: both; 18246 content: ""; } 18247 18248.path-backup .notification.dependencies_enforced { 18249 color: #ca3120; 18250 font-weight: bold; } 18251 18252.path-backup .backup_progress { 18253 margin-top: 1rem; 18254 margin-bottom: 1rem; } 18255 .path-backup .backup_progress .backup_stage { 18256 color: #6a737b; } 18257 .path-backup .backup_progress .backup_stage.backup_stage_current { 18258 font-weight: bold; 18259 color: inherit; } 18260 18261.path-backup .backup_progress span.backup_stage.backup_stage_complete { 18262 color: inherit; } 18263 18264#page-backup-restore .filealiasesfailures { 18265 background-color: #f4d6d2; } 18266 #page-backup-restore .filealiasesfailures .aliaseslist { 18267 background-color: #fff; } 18268 18269.path-backup .wibbler { 18270 width: 500px; 18271 margin: 0 auto 10px; 18272 border-bottom: 1px solid black; 18273 border-right: 1px solid black; 18274 border-left: 1px solid black; 18275 position: relative; 18276 min-height: 4px; } 18277 .path-backup .wibbler .wibble { 18278 position: absolute; 18279 left: 0; 18280 right: 0; 18281 top: 0; 18282 height: 4px; } 18283 .path-backup .wibbler .state0 { 18284 background: #eee; } 18285 .path-backup .wibbler .state1 { 18286 background: #ddd; } 18287 .path-backup .wibbler .state2 { 18288 background: #ccc; } 18289 .path-backup .wibbler .state3 { 18290 background: #bbb; } 18291 .path-backup .wibbler .state4 { 18292 background: #aaa; } 18293 .path-backup .wibbler .state5 { 18294 background: #999; } 18295 .path-backup .wibbler .state6 { 18296 background: #888; } 18297 .path-backup .wibbler .state7 { 18298 background: #777; } 18299 .path-backup .wibbler .state8 { 18300 background: #666; } 18301 .path-backup .wibbler .state9 { 18302 background: #555; } 18303 .path-backup .wibbler .state10 { 18304 background: #444; } 18305 .path-backup .wibbler .state11 { 18306 background: #333; } 18307 .path-backup .wibbler .state12 { 18308 background: #222; } 18309 18310.generaltable { 18311 width: 100%; 18312 margin-bottom: 1rem; 18313 color: #1d2125; } 18314 .generaltable th, 18315 .generaltable td { 18316 padding: 0.75rem; 18317 vertical-align: top; 18318 border-top: 1px solid #dee2e6; } 18319 .generaltable thead th { 18320 vertical-align: bottom; 18321 border-bottom: 2px solid #dee2e6; } 18322 .generaltable tbody + tbody { 18323 border-top: 2px solid #dee2e6; } 18324 .generaltable tbody tr:nth-of-type(odd) { 18325 background-color: rgba(0, 0, 0, 0.03); } 18326 .generaltable.table-sm th, 18327 .generaltable.table-sm td { 18328 padding: 0.3rem; } 18329 .generaltable tbody tr:hover { 18330 color: #1d2125; 18331 background-color: rgba(0, 0, 0, 0.075); } 18332 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) { 18333 color: #1d2125; } 18334 18335table caption { 18336 font-size: 24px; 18337 font-weight: bold; 18338 line-height: 42px; 18339 text-align: left; 18340 caption-side: top; } 18341 18342.table-dynamic .loading-icon { 18343 position: absolute; 18344 left: calc(50% - 1.5rem); 18345 top: 200px; } 18346 .table-dynamic .loading-icon .icon { 18347 height: 3rem; 18348 width: 3rem; 18349 font-size: 3rem; } 18350 18351.singlebutton { 18352 display: inline-block; } 18353 .singlebutton + .singlebutton { 18354 margin-left: 0.5rem; } 18355 18356.continuebutton { 18357 text-align: center; } 18358 18359p.arrow_button { 18360 margin-top: 5em; 18361 text-align: center; } 18362 18363#addcontrols { 18364 margin-top: 11.25rem; 18365 text-align: center; 18366 margin-bottom: 3em; } 18367 #addcontrols label { 18368 display: inline; } 18369 18370#addcontrols input, 18371#removecontrols input { 18372 width: 100%; 18373 margin: auto; } 18374 18375.btn-lineup { 18376 margin: 0 0 10px 5px; } 18377 18378.btn.btn-icon { 18379 height: 36px; 18380 width: 36px; 18381 font-size: 16px; 18382 line-height: 16px; 18383 padding: 0; 18384 border-radius: 50%; 18385 flex-shrink: 0; } 18386 .btn.btn-icon:hover, .btn.btn-icon:focus { 18387 background-color: #e9ecef; } 18388 .btn.btn-icon.icon-size-0 { 18389 height: 20px !important; 18390 /* stylelint-disable-line declaration-no-important */ 18391 width: 20px !important; 18392 /* stylelint-disable-line declaration-no-important */ 18393 font-size: 0 !important; 18394 /* stylelint-disable-line declaration-no-important */ 18395 line-height: 0 !important; 18396 /* stylelint-disable-line declaration-no-important */ } 18397 .btn.btn-icon.icon-size-1 { 18398 height: 24px !important; 18399 /* stylelint-disable-line declaration-no-important */ 18400 width: 24px !important; 18401 /* stylelint-disable-line declaration-no-important */ 18402 font-size: 4px !important; 18403 /* stylelint-disable-line declaration-no-important */ 18404 line-height: 4px !important; 18405 /* stylelint-disable-line declaration-no-important */ } 18406 .btn.btn-icon.icon-size-2 { 18407 height: 28px !important; 18408 /* stylelint-disable-line declaration-no-important */ 18409 width: 28px !important; 18410 /* stylelint-disable-line declaration-no-important */ 18411 font-size: 8px !important; 18412 /* stylelint-disable-line declaration-no-important */ 18413 line-height: 8px !important; 18414 /* stylelint-disable-line declaration-no-important */ } 18415 .btn.btn-icon.icon-size-3 { 18416 height: 36px !important; 18417 /* stylelint-disable-line declaration-no-important */ 18418 width: 36px !important; 18419 /* stylelint-disable-line declaration-no-important */ 18420 font-size: 16px !important; 18421 /* stylelint-disable-line declaration-no-important */ 18422 line-height: 16px !important; 18423 /* stylelint-disable-line declaration-no-important */ } 18424 .btn.btn-icon.icon-size-4 { 18425 height: 44px !important; 18426 /* stylelint-disable-line declaration-no-important */ 18427 width: 44px !important; 18428 /* stylelint-disable-line declaration-no-important */ 18429 font-size: 24px !important; 18430 /* stylelint-disable-line declaration-no-important */ 18431 line-height: 24px !important; 18432 /* stylelint-disable-line declaration-no-important */ } 18433 .btn.btn-icon.icon-size-5 { 18434 height: 52px !important; 18435 /* stylelint-disable-line declaration-no-important */ 18436 width: 52px !important; 18437 /* stylelint-disable-line declaration-no-important */ 18438 font-size: 32px !important; 18439 /* stylelint-disable-line declaration-no-important */ 18440 line-height: 32px !important; 18441 /* stylelint-disable-line declaration-no-important */ } 18442 .btn.btn-icon.icon-size-6 { 18443 height: 60px !important; 18444 /* stylelint-disable-line declaration-no-important */ 18445 width: 60px !important; 18446 /* stylelint-disable-line declaration-no-important */ 18447 font-size: 40px !important; 18448 /* stylelint-disable-line declaration-no-important */ 18449 line-height: 40px !important; 18450 /* stylelint-disable-line declaration-no-important */ } 18451 .btn.btn-icon.icon-size-7 { 18452 height: 68px !important; 18453 /* stylelint-disable-line declaration-no-important */ 18454 width: 68px !important; 18455 /* stylelint-disable-line declaration-no-important */ 18456 font-size: 48px !important; 18457 /* stylelint-disable-line declaration-no-important */ 18458 line-height: 48px !important; 18459 /* stylelint-disable-line declaration-no-important */ } 18460 18461.btn-primary:focus, .btn-primary.focus { 18462 outline: 0.2rem solid #000102; 18463 box-shadow: inset 0 0 0 2px #fff; } 18464 18465.btn-secondary:focus, .btn-secondary.focus { 18466 outline: 0.2rem solid #5f6e7d; 18467 box-shadow: inset 0 0 0 2px #fff; } 18468 18469.btn-success:focus, .btn-success.focus { 18470 outline: 0.2rem solid black; 18471 box-shadow: inset 0 0 0 2px #fff; } 18472 18473.btn-info:focus, .btn-info.focus { 18474 outline: 0.2rem solid black; 18475 box-shadow: inset 0 0 0 2px #fff; } 18476 18477.btn-warning:focus, .btn-warning.focus { 18478 outline: 0.2rem solid #694109; 18479 box-shadow: inset 0 0 0 2px #fff; } 18480 18481.btn-danger:focus, .btn-danger.focus { 18482 outline: 0.2rem solid #1a0604; 18483 box-shadow: inset 0 0 0 2px #fff; } 18484 18485.btn-light:focus, .btn-light.focus { 18486 outline: 0.2rem solid #8193a5; 18487 box-shadow: inset 0 0 0 2px #fff; } 18488 18489.btn-dark:focus, .btn-dark.focus { 18490 outline: 0.2rem solid black; 18491 box-shadow: inset 0 0 0 2px #fff; } 18492 18493.btn-outline-primary:focus, .btn-outline-primary.focus { 18494 outline: 0.2rem solid #000102; 18495 box-shadow: inset 0 0 0 2px #343a40; } 18496 18497.btn-outline-secondary:focus, .btn-outline-secondary.focus { 18498 outline: 0.2rem solid #5f6e7d; 18499 box-shadow: inset 0 0 0 2px #343a40; } 18500 18501.btn-outline-success:focus, .btn-outline-success.focus { 18502 outline: 0.2rem solid black; 18503 box-shadow: inset 0 0 0 2px #343a40; } 18504 18505.btn-outline-info:focus, .btn-outline-info.focus { 18506 outline: 0.2rem solid black; 18507 box-shadow: inset 0 0 0 2px #343a40; } 18508 18509.btn-outline-warning:focus, .btn-outline-warning.focus { 18510 outline: 0.2rem solid #694109; 18511 box-shadow: inset 0 0 0 2px #343a40; } 18512 18513.btn-outline-danger:focus, .btn-outline-danger.focus { 18514 outline: 0.2rem solid #1a0604; 18515 box-shadow: inset 0 0 0 2px #343a40; } 18516 18517.btn-outline-light:focus, .btn-outline-light.focus { 18518 outline: 0.2rem solid #8193a5; 18519 box-shadow: inset 0 0 0 2px #343a40; } 18520 18521.btn-outline-dark:focus, .btn-outline-dark.focus { 18522 outline: 0.2rem solid black; 18523 box-shadow: inset 0 0 0 2px #343a40; } 18524 18525.gradetreebox h4 { 18526 font-size: 0.9375rem; } 18527 18528.gradetreebox th.cell, 18529.gradetreebox input[type=text] { 18530 width: auto; } 18531 18532.gradetreebox input[type=text], 18533.gradetreebox select { 18534 margin-bottom: 0; } 18535 18536.core_grades_notices .singlebutton { 18537 display: inline-block; } 18538 18539.path-grade-report #maincontent + .urlselect { 18540 position: absolute; 18541 left: 40vw; } 18542 18543.path-grade-report-grader #region-main { 18544 overflow-x: visible; 18545 min-width: 100%; 18546 width: auto; 18547 display: inline-flex; 18548 flex-direction: column; } 18549 .path-grade-report-grader #region-main > .card { 18550 width: auto; 18551 overflow-x: initial; } 18552 .path-grade-report-grader #region-main div[role="main"] { 18553 flex: 1 1 auto; } 18554 18555.path-grade-report-grader [data-region="blocks-column"] { 18556 width: 100%; 18557 clear: both; } 18558 18559.path-grade-report-grader span.gradepass { 18560 color: #357a32; } 18561 18562.path-grade-report-grader span.gradefail { 18563 color: #ca3120; } 18564 18565#page-grade-grading-manage #activemethodselector label { 18566 display: inline-block; } 18567 18568#page-grade-grading-manage #activemethodselector .helptooltip { 18569 margin-right: 0.5em; } 18570 18571#page-grade-grading-manage .actions { 18572 display: block; 18573 text-align: center; 18574 margin-bottom: 1em; } 18575 #page-grade-grading-manage .actions .action { 18576 display: inline-block; 18577 position: relative; 18578 vertical-align: top; 18579 width: 150px; 18580 text-align: center; 18581 overflow: hidden; 18582 margin: 0.5em; 18583 padding: 1em; 18584 border: 1px solid #aaa; } 18585 #page-grade-grading-manage .actions .action .action-text { 18586 position: relative; 18587 top: 0.4em; 18588 font-size: 14px; 18589 white-space: normal; } 18590 18591#page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status { 18592 font-size: 70%; } 18593 18594#rubric-rubric.gradingform_rubric #rubric-criteria { 18595 margin-bottom: 1em; } 18596 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description { 18597 vertical-align: top; 18598 padding: 6px; } 18599 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea { 18600 margin-bottom: 0; 18601 height: 115px; } 18602 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea { 18603 width: 80%; 18604 margin-bottom: 0; } 18605 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score { 18606 position: relative; 18607 float: left; 18608 margin-right: 28px; } 18609 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input { 18610 margin-bottom: 0; } 18611 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level { 18612 vertical-align: top; 18613 padding: 6px; } 18614 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete { 18615 position: relative; 18616 width: 32px; 18617 height: 32px; 18618 margin-top: -32px; 18619 clear: both; 18620 float: right; } 18621 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input { 18622 display: block; 18623 position: absolute; 18624 right: 0; 18625 bottom: 0; 18626 height: 24px; 18627 width: 24px; 18628 margin: 0; } 18629 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover { 18630 background-color: #ddd; } 18631 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input { 18632 float: none; 18633 width: 2em; } 18634 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink { 18635 width: 0; } 18636 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel { 18637 vertical-align: top; 18638 padding-top: 6px; } 18639 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input { 18640 height: 30px; 18641 line-height: 1rem; } 18642 18643#rubric-rubric.gradingform_rubric .addcriterion { 18644 margin-left: 5px; 18645 padding: 0; 18646 margin-bottom: 1em; } 18647 #rubric-rubric.gradingform_rubric .addcriterion input { 18648 margin: 0; 18649 color: inherit; 18650 text-shadow: inherit; 18651 border: 0 none; 18652 line-height: inherit; 18653 background: transparent url([[pix:t/add]]) no-repeat 7px 8px; 18654 padding-left: 26px; } 18655 18656#rubric-rubric.gradingform_rubric .options { 18657 clear: both; } 18658 #rubric-rubric.gradingform_rubric .options .option label { 18659 margin: 0; 18660 padding: 0; 18661 font-size: inherit; 18662 font-weight: normal; 18663 line-height: 2em; 18664 color: inherit; 18665 text-shadow: none; 18666 background-color: transparent; } 18667 #rubric-rubric.gradingform_rubric .options .option input { 18668 margin-left: 5px; 18669 margin-right: 12px; } 18670 18671.grade-display .description { 18672 font-size: 1rem; } 18673 18674.criterion .description { 18675 font-size: 1rem; } 18676 18677.criterion .criterion-toggle .expanded-icon { 18678 display: block; } 18679 18680.criterion .criterion-toggle .collapsed-icon { 18681 display: none; } 18682 18683.criterion .criterion-toggle.collapsed .expanded-icon { 18684 display: none; } 18685 18686.criterion .criterion-toggle.collapsed .collapsed-icon { 18687 display: block; } 18688 18689.path-grade-edit-tree .setup-grades h4 { 18690 margin: 0; } 18691 18692.path-grade-edit-tree .setup-grades .column-rowspan { 18693 padding: 0; 18694 width: 24px; 18695 min-width: 24px; 18696 max-width: 24px; } 18697 18698.path-grade-edit-tree .setup-grades .category td.column-name { 18699 padding-left: 0; } 18700 18701.path-grade-edit-tree .setup-grades td.column-name { 18702 padding-left: 24px; } 18703 18704.path-grade-edit-tree .setup-grades td.movehere { 18705 padding: 0; } 18706 18707.path-grade-edit-tree .setup-grades td.movehere a.movehere { 18708 display: block; 18709 width: 100%; 18710 height: 2rem; 18711 border: 2px dashed #343a40; } 18712 18713.path-grade-edit-tree .setup-grades .category input[type="text"], 18714.path-grade-edit-tree .setup-grades .category .column-range, 18715.path-grade-edit-tree .setup-grades .categoryitem, 18716.path-grade-edit-tree .setup-grades .courseitem { 18717 font-weight: bold; } 18718 18719.path-grade-edit-tree .setup-grades .emptyrow { 18720 display: none; } 18721 18722.path-grade-edit-tree .setup-grades .gradeitemdescription { 18723 font-weight: normal; 18724 padding-left: 24px; } 18725 18726.path-grade-edit-tree .setup-grades .column-weight { 18727 white-space: nowrap; } 18728 .path-grade-edit-tree .setup-grades .column-weight.level3 { 18729 padding-left: 37px; } 18730 .path-grade-edit-tree .setup-grades .column-weight.level4 { 18731 padding-left: 66px; } 18732 .path-grade-edit-tree .setup-grades .column-weight.level5 { 18733 padding-left: 95px; } 18734 .path-grade-edit-tree .setup-grades .column-weight.level6 { 18735 padding-left: 124px; } 18736 .path-grade-edit-tree .setup-grades .column-weight.level7 { 18737 padding-left: 153px; } 18738 .path-grade-edit-tree .setup-grades .column-weight.level8 { 18739 padding-left: 182px; } 18740 .path-grade-edit-tree .setup-grades .column-weight.level9 { 18741 padding-left: 211px; } 18742 .path-grade-edit-tree .setup-grades .column-weight.level10 { 18743 padding-left: 240px; } 18744 18745.path-grade-edit-tree .setup-grades .column-range.level2 { 18746 padding-left: 37px; } 18747 18748.path-grade-edit-tree .setup-grades .column-range.level3 { 18749 padding-left: 66px; } 18750 18751.path-grade-edit-tree .setup-grades .column-range.level4 { 18752 padding-left: 95px; } 18753 18754.path-grade-edit-tree .setup-grades .column-range.level5 { 18755 padding-left: 124px; } 18756 18757.path-grade-edit-tree .setup-grades .column-range.level6 { 18758 padding-left: 153px; } 18759 18760.path-grade-edit-tree .setup-grades .column-range.level7 { 18761 padding-left: 182px; } 18762 18763.path-grade-edit-tree .setup-grades .column-range.level8 { 18764 padding-left: 211px; } 18765 18766.path-grade-edit-tree .setup-grades .column-range.level9 { 18767 padding-left: 240px; } 18768 18769.path-grade-edit-tree .setup-grades .column-range.level10 { 18770 padding-left: 269px; } 18771 18772.path-grade-edit-tree .setup-grades.generaltable .levelodd { 18773 background-color: rgba(0, 0, 0, 0.03); } 18774 18775/** 18776 * Grader report. 18777 */ 18778.path-grade-report-grader .gradeparent table { 18779 border-radius: 0.25rem; } 18780 18781.path-grade-report-grader .gradeparent tr .cell, 18782.path-grade-report-grader .gradeparent .floater .cell { 18783 background-color: #fff; } 18784 18785.path-grade-report-grader .gradeparent table, 18786.path-grade-report-grader .gradeparent .cell { 18787 border-color: #dee2e6; } 18788 18789.path-grade-report-grader .gradeparent .userrow.odd .cell, 18790.path-grade-report-grader .gradeparent .floater .cell.odd, 18791.path-grade-report-grader .gradeparent .heading .cell, 18792.path-grade-report-grader .gradeparent .cell.category, 18793.path-grade-report-grader .gradeparent .avg .cell { 18794 background-color: #f8f9fa; } 18795 18796.path-grade-report-grader .gradeparent table .clickable { 18797 cursor: pointer; } 18798 18799/** 18800 * User report. 18801 */ 18802.path-grade-report-user .user-grade { 18803 border: none; } 18804 .path-grade-report-user .user-grade.generaltable .levelodd { 18805 background-color: rgba(0, 0, 0, 0.03); } 18806 .path-grade-report-user .user-grade .column-contributiontocoursetotal, 18807 .path-grade-report-user .user-grade .column-range, 18808 .path-grade-report-user .user-grade .column-percentage, 18809 .path-grade-report-user .user-grade .column-weight { 18810 /*rtl:ignore*/ 18811 direction: ltr; } 18812 18813/** 18814 * Single view. 18815 */ 18816.path-grade-report-singleview input[name^="finalgrade"] { 18817 width: 80px; } 18818 18819.columns-autoflow-1to1to1 { 18820 column-count: 3; } 18821 18822@media (max-width: 767px) { 18823 .columns-autoflow-1to1to1 { 18824 column-count: 1; } } 18825 18826/* some very targetted corrections to roll back nameclashes between 18827 * Moodle and Bootstrap like .row, .label, .content, .controls 18828 * 18829 * Mostly relies on these styles being more specific than the Bootstrap 18830 * ones in order to overule them. 18831 */ 18832li.activity.label, 18833.file-picker td.label { 18834 background: inherit; 18835 color: inherit; 18836 border: inherit; 18837 text-shadow: none; 18838 padding: 8px; 18839 white-space: normal; 18840 display: block; 18841 font-size: inherit; 18842 line-height: inherit; 18843 text-align: inherit; } 18844 18845.file-picker td.label { 18846 display: table-cell; 18847 text-align: right; } 18848 18849.choosercontainer #chooseform .option label { 18850 font-size: 12px; } 18851 18852/* block.invisible vs .invisible 18853 * block.hidden vs .invisible 18854 * 18855 * uses .invisible where the rest of Moodle uses @mixin dimmed 18856 * fixible in block renderer? 18857 * 18858 * There's seems to be even more naming confusion here since, 18859 * blocks can be actually 'visible' (or not) to students, 18860 * marked 'visible' but really just dimmed to indicate to editors 18861 * that students can't see them or 'visible' to the user who 18862 * collapses them, 'visible' if you have the right role and in 18863 * different circumstances different sections of a block can 18864 * be 'visible' or not. 18865 * 18866 * currently worked around in renderers.php function block{} 18867 * by rewriting the class name "invisible" to "dimmed", 18868 * though the blocks don't look particularly different apart 18869 * from their contents disappearing. Maybe try .muted? or 18870 * dimming all the edit icons apart from unhide, might be a 18871 * nice effect, though they'd still be active. Maybe reverse 18872 * it to white? 18873 */ 18874li.section.hidden, 18875.block.hidden, 18876.block.invisible { 18877 visibility: visible; 18878 display: block; } 18879 18880/* .row vs .row 18881 * 18882 * very tricky to track down this when it goes wrong, 18883 * since the styles are applied to generated content 18884 * 18885 * basically if you see things shifted left or right compared 18886 * with where they should be check for a .row 18887 */ 18888.forumpost .row { 18889 margin-left: 0 !important; 18890 /* stylelint-disable-line declaration-no-important */ } 18891 18892.forumpost .row:before, 18893.forumpost .row:after { 18894 content: none; } 18895 18896/* fieldset.hidden vs .hidden 18897 * 18898 * Moodle uses fieldset.hidden for mforms, to signify a collection of 18899 * form elements that don't have a box drawn round them. Bootstrap 18900 * uses hidden for stuff that is hidden in various responsive modes. 18901 * 18902 * Relatedly, there is also fieldset.invisiblefieldset which hides the 18903 * border and sets the display to inline. 18904 * 18905 * Originally this just set block and visible, but it is used 18906 * in random question dialogue in Quiz, 18907 * that dialogue is hidden and shown, so when hidden the 18908 * above workaround leaves you with a button floating around 18909 */ 18910fieldset.hidden { 18911 display: inherit; 18912 visibility: inherit; } 18913 18914/* .container vs .container 18915 * 18916 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it 18917 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code, 18918 * it becomes near unuseable. 18919 */ 18920#questionbank + .container { 18921 width: auto; } 18922 18923body:not(.jsenabled) .dropdown:hover > .dropdown-menu { 18924 display: block; 18925 margin-top: -6px; } 18926 18927body:not(.jsenabled) .langmenu:hover > .dropdown-menu, 18928.langmenu.open > .dropdown-menu { 18929 display: block; 18930 max-height: 150px; 18931 overflow-y: auto; } 18932 18933.navbar.fixed-top .dropdown .dropdown-menu { 18934 max-height: calc(100vh - 50px); 18935 overflow-y: auto; } 18936 18937.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus { 18938 z-index: inherit; } 18939 18940/* Force positioning of popover arrows. 18941 * 18942 * The Css prefixer used in Moodle does not support complex calc statements used 18943 * in Bootstrap 4 CSS. For example: 18944 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php. 18945 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved. 18946 */ 18947.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow, 18948.bs-popover-auto[x-placement^="right"] .arrow { 18949 left: -9px; } 18950 18951.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow, 18952.bs-popover-auto[x-placement^="left"] .arrow { 18953 right: -9px; } 18954 18955.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow, 18956.bs-popover-auto[x-placement^="top"] .arrow { 18957 bottom: -9px; } 18958 18959.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow, 18960.bs-popover-auto[x-placement^="bottom"] .arrow { 18961 top: -9px; } 18962 18963.custom-select { 18964 word-wrap: normal; } 18965 18966/* Add commented out carousel transistions back in. 18967 * 18968 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515. 18969 */ 18970.carousel-item-next.carousel-item-left, 18971.carousel-item-prev.carousel-item-right { 18972 transform: translateX(0); } 18973 18974.carousel-item-next, 18975.active.carousel-item-right { 18976 transform: translateX(100%); } 18977 18978.carousel-item-prev, 18979.active.carousel-item-left { 18980 transform: translateX(-100%); } 18981 18982/** 18983 * Reset all of the forced style on the page. 18984 * - Remove borders on header and content. 18985 * - Remove most of the vertical padding. 18986 * - Make the content region flex grow so it pushes things like the 18987 * next activity selector to the bottom of the page. 18988 */ 18989body.behat-site .fixed-top { 18990 position: absolute; } 18991 18992body.behat-site .dropdown-item { 18993 margin-top: 4px !important; 18994 /* stylelint-disable declaration-no-important */ } 18995 18996body.behat-site.drawer-ease { 18997 -webkit-transition: initial; 18998 -moz-transition: initial; 18999 transition: initial; } 19000 19001body.behat-site [data-region="drawer"] { 19002 -webkit-transition: initial; 19003 -moz-transition: initial; 19004 transition: initial; 19005 position: absolute; } 19006 19007body.behat-site .custom-control, 19008body.behat-site .custom-switch { 19009 padding-left: 0; } 19010 19011body.behat-site .custom-control-input { 19012 position: static; 19013 z-index: 0; 19014 opacity: 1; } 19015 19016body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after { 19017 content: none; } 19018 19019body.behat-site [data-region="message-drawer"] { 19020 padding-right: 10px; } 19021 19022.phpinfo table, 19023.phpinfo th, 19024.phpinfo h2 { 19025 margin: auto; } 19026 19027.phpinfo .e, 19028.phpinfo .v, 19029.phpinfo .h { 19030 border: 1px solid #000; 19031 font-size: 0.8em; 19032 vertical-align: baseline; 19033 color: #000; 19034 background-color: #ccc; } 19035 19036.phpinfo .e { 19037 background-color: #ccf; 19038 font-weight: bold; } 19039 19040.phpinfo .h { 19041 background-color: #99c; 19042 font-weight: bold; } 19043 19044/** 19045 * This file contains the styles required to make the footer sticky. 19046 */ 19047html, 19048body { 19049 height: 100%; } 19050 19051#page-wrapper { 19052 height: 100%; 19053 display: flex; 19054 flex-direction: column; } 19055 #page-wrapper #page { 19056 flex: 1 0 auto; 19057 display: flex; 19058 flex-direction: column; } 19059 #page-wrapper #page #page-content { 19060 flex: 1 0 auto; } 19061 #page-wrapper #page-footer { 19062 flex-shrink: 0; } 19063 19064.popover-region { 19065 position: relative; } 19066 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after { 19067 display: none; } 19068 .popover-region.collapsed .popover-region-container { 19069 opacity: 0; 19070 visibility: hidden; 19071 height: 0; 19072 overflow: hidden; 19073 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; } 19074 19075.popover-region-toggle { 19076 cursor: pointer; } 19077 .popover-region-toggle::before { 19078 content: ''; 19079 display: inline-block; 19080 border-left: 10px solid transparent; 19081 border-right: 10px solid transparent; 19082 border-bottom: 10px solid #ddd; 19083 position: absolute; 19084 bottom: 0; 19085 right: 7px; } 19086 .popover-region-toggle::after { 19087 content: ''; 19088 display: inline-block; 19089 border-left: 9px solid transparent; 19090 border-right: 9px solid transparent; 19091 border-bottom: 9px solid #fff; 19092 position: absolute; 19093 bottom: -1px; 19094 right: 8px; 19095 z-index: 2; } 19096 19097.count-container { 19098 padding: 2px; 19099 border-radius: 2px; 19100 background-color: #ca3120; 19101 color: white; 19102 font-size: 11px; 19103 line-height: 11px; 19104 position: absolute; 19105 top: 5px; 19106 right: 0; } 19107 19108.popover-region-container { 19109 opacity: 1; 19110 visibility: visible; 19111 position: absolute; 19112 right: 0; 19113 top: 0; 19114 height: 500px; 19115 width: 380px; 19116 border: 1px solid #ddd; 19117 transition: height 0.25s; 19118 background-color: #fff; 19119 z-index: 1; } 19120 19121.popover-region-header-container { 19122 height: 25px; 19123 line-height: 25px; 19124 padding-left: 5px; 19125 padding-right: 5px; 19126 border-bottom: 1px solid #ddd; 19127 box-sizing: border-box; } 19128 19129.popover-region-footer-container { 19130 height: 30px; 19131 text-align: center; 19132 border-top: 1px solid #ddd; 19133 background-color: #fff; 19134 padding-top: 3px; } 19135 19136.popover-region-header-text { 19137 float: left; 19138 margin: 0; 19139 font-size: 14px; 19140 line-height: 25px; } 19141 19142.popover-region-header-actions { 19143 float: right; } 19144 .popover-region-header-actions > * { 19145 margin-left: 10px; 19146 min-width: 20px; 19147 display: inline-block; } 19148 .popover-region-header-actions .loading-icon { 19149 display: none; 19150 height: 12px; 19151 width: 12px; } 19152 .popover-region-header-actions .newmessage-link { 19153 margin-right: 10px; } 19154 .popover-region-header-actions label { 19155 display: inline-block; 19156 text-align: center; 19157 margin-bottom: 0; } 19158 19159.popover-region-content-container { 19160 height: calc(100% - 55px); 19161 width: 100%; 19162 overflow-y: auto; 19163 -webkit-overflow-scrolling: touch; } 19164 .popover-region-content-container > .loading-icon { 19165 display: none; 19166 text-align: center; 19167 padding: 5px; 19168 box-sizing: border-box; } 19169 .popover-region-content-container .empty-message { 19170 display: none; 19171 text-align: center; 19172 padding: 10px; } 19173 .popover-region-content-container.loading > .loading-icon { 19174 display: block; } 19175 .popover-region-content-container.loading .empty-message { 19176 display: none; } 19177 19178.navbar .popover-region.collapsed .popover-region-container { 19179 opacity: 0; 19180 visibility: hidden; 19181 height: 0; 19182 overflow: hidden; 19183 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; } 19184 19185.navbar .count-container { 19186 padding: 2px; 19187 border-radius: 2px; 19188 background-color: #ca3120; 19189 color: white; 19190 font-size: 11px; 19191 line-height: 11px; 19192 position: absolute; 19193 top: 5px; 19194 right: 0; } 19195 19196.navbar .popover-region-container { 19197 top: 1.96875rem; } 19198 19199.content-item-container { 19200 width: 100%; 19201 border-bottom: 1px solid #ddd; 19202 box-sizing: border-box; 19203 padding: 5px; 19204 position: relative; 19205 margin: 0; 19206 display: block; 19207 color: inherit; 19208 text-decoration: none; } 19209 .content-item-container:hover { 19210 color: #fff; 19211 background-color: #0f6cbf; } 19212 .content-item-container:hover .content-item-footer .timestamp { 19213 color: #fff; } 19214 .content-item-container:hover .view-more { 19215 color: inherit; } 19216 .content-item-container.unread { 19217 margin: 0; 19218 background-color: #f4f4f4; } 19219 .content-item-container.unread:hover { 19220 color: #fff; 19221 background-color: #0f6cbf; } 19222 .content-item-container.unread .content-item-body .notification-message { 19223 font-weight: 600; } 19224 .content-item-container .context-link { 19225 color: inherit; 19226 text-decoration: none; } 19227 .content-item-container .content-item-body { 19228 box-sizing: border-box; 19229 margin-bottom: 5px; } 19230 .content-item-container .content-item-footer { 19231 text-align: left; 19232 box-sizing: border-box; } 19233 .content-item-container .content-item-footer .timestamp { 19234 font-size: 10px; 19235 line-height: 10px; 19236 margin: 0; 19237 color: inherit; 19238 margin-left: 24px; } 19239 .content-item-container .view-more { 19240 position: absolute; 19241 bottom: 5px; 19242 right: 5px; 19243 font-size: 12px; 19244 line-height: 12px; } 19245 .content-item-container .view-more:hover { 19246 color: inherit; } 19247 .content-item-container.notification .content-item-body .notification-image { 19248 display: inline-block; 19249 width: 24px; 19250 height: 24px; 19251 float: left; } 19252 .content-item-container.notification .content-item-body .notification-image img { 19253 height: 75%; } 19254 .content-item-container.notification .content-item-body .notification-message { 19255 display: inline-block; 19256 font-size: 12px; 19257 width: calc(100% - 24px); } 19258 .content-item-container.selected { 19259 background-color: #4f94cd; 19260 color: #fff; 19261 border-color: #4f94cd; } 19262 .content-item-container.selected .content-item-footer .timestamp { 19263 color: #fff; } 19264 19265.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon { 19266 display: inline-block; } 19267 19268.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon { 19269 display: none; } 19270 19271.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon { 19272 display: inline-block; } 19273 19274.popover-region-notifications .all-notifications { 19275 opacity: 1; 19276 visibility: visible; 19277 height: auto; 19278 overflow: hidden; } 19279 .popover-region-notifications .all-notifications:empty + .empty-message { 19280 display: block; } 19281 19282.popover-region-notifications .notification-image { 19283 display: inline-block; 19284 width: 8%; 19285 vertical-align: top; } 19286 .popover-region-notifications .notification-image img { 19287 height: 75%; } 19288 19289.popover-region-notifications .notification-message { 19290 display: inline-block; 19291 font-size: 12px; } 19292 19293.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message { 19294 display: none; } 19295 19296.popover-region-messages .mark-all-read-button .normal-icon { 19297 display: inline-block; } 19298 19299.popover-region-messages .mark-all-read-button.loading .normal-icon { 19300 display: none; } 19301 19302.popover-region-messages .mark-all-read-button.loading .loading-icon { 19303 display: inline-block; } 19304 19305.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message { 19306 display: none; } 19307 19308.popover-region-messages .messages:empty + .empty-message { 19309 display: block; } 19310 19311.popover-region-messages .content-item-container.unread .content-item-body { 19312 font-weight: 600; 19313 width: calc(90% - 30px); } 19314 19315.popover-region-messages .content-item-container.unread .unread-count-container { 19316 display: inline-block; 19317 width: 10%; 19318 text-align: center; 19319 float: right; } 19320 19321.popover-region-messages .content-item { 19322 height: 100%; 19323 width: 100%; 19324 box-sizing: border-box; } 19325 19326.popover-region-messages .profile-image-container { 19327 width: 30px; 19328 display: inline-block; 19329 text-align: center; 19330 float: left; } 19331 .popover-region-messages .profile-image-container img { 19332 width: 100%; 19333 display: inline-block; 19334 vertical-align: middle; 19335 border-radius: 50%; } 19336 19337.popover-region-messages .content-item-body { 19338 display: inline-block; 19339 box-sizing: border-box; 19340 width: calc(100% - 30px); 19341 font-size: 12px; 19342 padding-left: 10px; 19343 overflow: hidden; } 19344 .popover-region-messages .content-item-body h3 { 19345 font-size: 12px; 19346 line-height: 12px; 19347 margin: 0; 19348 width: 100%; } 19349 .popover-region-messages .content-item-body p { 19350 margin: 0; } 19351 19352.popover-region-messages .unread-count-container { 19353 display: none; } 19354 19355@media (max-width: 767px) { 19356 .navbar .popover-region .popover-region-container { 19357 right: -70px; } } 19358 19359@media (max-width: 480px) { 19360 .navbar .popover-region .popover-region-container { 19361 position: fixed; 19362 top: 46px; 19363 right: 0; 19364 left: 0; 19365 bottom: 0; 19366 width: auto; 19367 height: auto; } } 19368 19369/** 19370 * Tour step must sit above all other UI components. 19371 * The backdrop is the lowest point in the tour. 19372 * Everything else is in the container, and the target background should be at the same z-index. 19373 * ----- moodle 19374 * ---- step backdrop 19375 * --- step container 19376 * --- step target background 19377 */ 19378div[data-flexitour="backdrop"] { 19379 background-color: #000; 19380 opacity: 0.5; 19381 z-index: 1040; } 19382 19383div[data-flexitour="step-background-fader"], 19384div[data-flexitour="step-background"] { 19385 border-radius: 0.3rem; 19386 z-index: 1041; } 19387 19388span[data-flexitour="container"], 19389div[data-flexitour="step-background-fader"], 19390[data-flexitour="step-backdrop"] > td, 19391[data-flexitour="step-backdrop"] { 19392 z-index: 1042; } 19393 19394span[data-flexitour="container"] .modal-dialog { 19395 /** 19396 * Remove all margins to: 19397 * 1) ensure that the arrow touches the target; and 19398 * 2) ensure that the focus border touches the modal. 19399 */ 19400 margin: 0; } 19401 19402span[data-flexitour="container"] div[data-role="arrow"] { 19403 border-width: 1rem; } 19404 19405span[data-flexitour="container"] div[data-role="arrow"], 19406span[data-flexitour="container"] div[data-role="arrow"]:after { 19407 position: absolute; 19408 display: block; 19409 width: 0; 19410 height: 0; 19411 border-color: transparent; 19412 border-style: solid; 19413 border-width: 1rem; } 19414 19415span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] { 19416 margin-bottom: 1rem; } 19417 span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] { 19418 bottom: -1rem; 19419 left: 50%; 19420 margin-left: -1rem; 19421 border-bottom-width: 0; 19422 border-top-color: rgba(0, 0, 0, 0.25); } 19423 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 { 19424 bottom: 1px; 19425 margin-left: -1rem; 19426 content: " "; 19427 border-bottom-width: 0; 19428 border-top-color: #fff; } 19429 19430span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] { 19431 margin-top: 1rem; } 19432 span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] { 19433 top: -1rem; 19434 left: 50%; 19435 margin-left: -1rem; 19436 border-top-width: 0; 19437 border-bottom-color: rgba(0, 0, 0, 0.25); } 19438 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 { 19439 top: 1px; 19440 margin-left: -1rem; 19441 content: " "; 19442 border-top-width: 0; 19443 border-bottom-color: #fff; } 19444 19445span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] { 19446 margin-right: 1rem; } 19447 span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] { 19448 right: -1rem; 19449 top: 50%; 19450 margin-top: -1rem; 19451 border-right-width: 0; 19452 border-left-color: rgba(0, 0, 0, 0.25); } 19453 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 { 19454 right: 1px; 19455 margin-top: -1rem; 19456 content: " "; 19457 border-right-width: 0; 19458 border-left-color: #fff; } 19459 19460span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] { 19461 margin-left: 1rem; } 19462 span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] { 19463 left: -1rem; 19464 top: 50%; 19465 margin-top: -1rem; 19466 border-left-width: 0; 19467 border-right-color: rgba(0, 0, 0, 0.25); } 19468 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 { 19469 left: 1px; 19470 margin-top: -1rem; 19471 content: " "; 19472 border-left-width: 0; 19473 border-right-color: #fff; } 19474 19475[data-region="drawer"] [data-flexitour="container"] { 19476 /*rtl:ignore*/ 19477 margin-left: -15px; 19478 width: 275px; } 19479 19480@media print { 19481 body.drawer-open-left.jsenabled, 19482 body.drawer-open-right.jsenabled { 19483 margin: 0; } 19484 .container { 19485 width: auto; } } 19486 19487.modal .modal-body > .loading-icon { 19488 display: block; 19489 position: relative; 19490 width: 100%; 19491 height: 100%; } 19492 .modal .modal-body > .loading-icon .icon { 19493 position: absolute; 19494 top: 50%; 19495 /*rtl:ignore*/ 19496 left: 50%; 19497 transform: translate(-50%, -50%); } 19498 19499.layout.fullscreen { 19500 height: 100vh; 19501 position: fixed; 19502 top: 0; 19503 left: 0; 19504 z-index: 1040; 19505 transition: 0.5s; 19506 width: 100vw; 19507 margin: 0; 19508 opacity: 1; 19509 background-color: #fff; } 19510 .layout.fullscreen > div { 19511 height: 100%; 19512 width: 100%; } 19513 .layout.fullscreen .loading-icon { 19514 margin-left: auto; 19515 margin-right: auto; 19516 text-align: center; 19517 display: inline-block; 19518 width: 100%; 19519 top: 40%; 19520 position: fixed; } 19521 .layout.fullscreen .loading-icon .icon { 19522 width: 1em; 19523 height: 1em; 19524 font-size: 4em; } 19525 19526.form-control:-ms-input-placeholder { 19527 color: #6a737b; } 19528 19529.custom-select { 19530 -webkit-appearance: none; 19531 -moz-appearance: none; } 19532 19533.custom-range { 19534 -webkit-appearance: none; 19535 -moz-appearance: none; } 19536 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb { 19537 -webkit-appearance: none; 19538 -moz-appearance: none; } 19539 19540input[type="date"].form-control, 19541input[type="time"].form-control, 19542input[type="datetime-local"].form-control, 19543input[type="month"].form-control { 19544 -webkit-appearance: none; 19545 -moz-appearance: none; } 19546 19547@media (min-width: 576px) { 19548 .card-columns { 19549 -webkit-column-gap: 1.25rem; 19550 -moz-column-gap: 1.25rem; } } 19551 19552.carousel-item { 19553 -webkit-backface-visibility: hidden; } 19554 19555.card { 19556 -webkit-background-clip: border-box; } 19557 19558.carousel-indicators li, 19559.dropdown-menu, 19560.form-control, 19561.modal-content, 19562.popover, 19563.toast { 19564 -webkit-background-clip: padding-box; } 19565 19566.btn { 19567 -webkit-user-select: none; 19568 -ms-user-select: none; } 19569 19570.user-select-all { 19571 -webkit-user-select: all !important; 19572 /* stylelint-disable-line declaration-no-important */ 19573 -ms-user-select: none; } 19574 19575.user-select-auto { 19576 -webkit-user-select: auto !important; 19577 /* stylelint-disable-line declaration-no-important */ 19578 -ms-user-select: none; } 19579 19580.user-select-none { 19581 -webkit-user-select: none !important; 19582 /* stylelint-disable-line declaration-no-important */ 19583 -ms-user-select: none; } 19584 19585.editor_atto_content_wrap { 19586 background-color: white; 19587 color: #333; } 19588 19589.editor_atto_content { 19590 padding: 4px; 19591 resize: vertical; 19592 overflow: auto; } 19593 19594.editor_atto_content_wrap, 19595.editor_atto + textarea { 19596 width: 100%; 19597 padding: 0; } 19598 19599.editor_atto + textarea { 19600 border-radius: 0; 19601 resize: vertical; 19602 margin-top: -1px; } 19603 19604div.editor_atto_toolbar { 19605 display: block; 19606 background: #f2f2f2; 19607 min-height: 35px; 19608 border: 1px solid #8f959e; 19609 width: 100%; 19610 padding: 0 0 9px 0; } 19611 19612div.editor_atto_toolbar button { 19613 padding: 4px 9px; 19614 background: none; 19615 border: 0; 19616 margin: 0; 19617 border-radius: 0; 19618 cursor: pointer; } 19619 19620div.editor_atto_toolbar button + button { 19621 border-left: 1px solid #ccc; } 19622 19623div.editor_atto_toolbar button[disabled] { 19624 opacity: .45; 19625 background: none; 19626 cursor: default; } 19627 19628.editor_atto_toolbar button:hover { 19629 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%); 19630 background-color: #ebebeb; } 19631 19632.editor_atto_toolbar button:active, 19633.editor_atto_toolbar button.highlight { 19634 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%); 19635 background-color: #dfdfdf; } 19636 19637/* Make firefox button sizes match other browsers */ 19638div.editor_atto_toolbar button::-moz-focus-inner { 19639 border: 0; 19640 padding: 0; } 19641 19642div.editor_atto_toolbar button .icon { 19643 padding: 0; 19644 margin: 2px 0; } 19645 19646div.editor_atto_toolbar div.atto_group { 19647 display: inline-block; 19648 border: 1px solid #ccc; 19649 border-bottom: 1px solid #b3b3b3; 19650 border-radius: 4px; 19651 margin: 9px 0 0 9px; 19652 background: #fff; } 19653 19654.editor_atto_content img { 19655 resize: both; 19656 overflow: auto; } 19657 19658.atto_hasmenu { 19659 /* IE8 places the images on top of each other if that is not set. */ 19660 white-space: nowrap; } 19661 19662.atto_menuentry .icon { 19663 width: 16px; 19664 height: 16px; } 19665 19666.atto_menuentry { 19667 clear: left; } 19668 19669.atto_menuentry h1, 19670.atto_menuentry h2, 19671.atto_menuentry p { 19672 margin: 4px; } 19673 19674/*.atto_form label.sameline { 19675 display: inline-block; 19676 min-width: 10em; 19677}*/ 19678.atto_form textarea.fullwidth, 19679.atto_form input.fullwidth { 19680 width: 100%; } 19681 19682.atto_form { 19683 padding: 0.5rem; } 19684 19685/*.atto_form label { 19686 display: block; 19687 margin: 0 0 5px 0; 19688}*/ 19689.atto_control { 19690 position: absolute; 19691 right: -6px; 19692 bottom: -6px; 19693 display: none; 19694 cursor: pointer; } 19695 19696.atto_control .icon { 19697 background-color: white; } 19698 19699div.editor_atto_content:focus .atto_control, 19700div.editor_atto_content:hover .atto_control { 19701 display: block; } 19702 19703.editor_atto_menu.yui3-menu-hidden { 19704 display: none; } 19705 19706/* Get broken images back in firefox */ 19707.editor_atto_content img:-moz-broken { 19708 -moz-force-broken-image-icon: 1; 19709 min-width: 24px; 19710 min-height: 24px; } 19711 19712/* Atto menu styling */ 19713.moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd { 19714 padding: 0; 19715 z-index: 1000; } 19716 19717.editor_atto_menu .dropdown-menu > li > a { 19718 margin: 3px 14px; } 19719 19720.editor_atto_menu .open ul.dropdown-menu { 19721 padding-top: 5px; 19722 padding-bottom: 5px; } 19723 19724.editor_atto_wrap { 19725 position: relative; } 19726 19727/*rtl:ignore*/ 19728.editor_atto_wrap textarea { 19729 direction: ltr; } 19730 19731.editor_atto_notification .atto_info, 19732.editor_atto_notification .atto_warning { 19733 display: inline-block; 19734 background-color: #f2f2f2; 19735 padding: 0.5em; 19736 padding-left: 1em; 19737 padding-right: 1em; 19738 border-bottom-left-radius: 1em; 19739 border-bottom-right-radius: 1em; } 19740 19741.editor_atto_notification .atto_info { 19742 background-color: #f2f2f2; } 19743 19744.editor_atto_notification .atto_warning { 19745 background-color: #ffd700; } 19746 19747.editor_atto_toolbar, 19748.editor_atto_content_wrap, 19749.editor_atto + textarea { 19750 box-sizing: border-box; } 19751 19752.editor_atto_content.form-control { 19753 width: 100%; 19754 border-top: 0; } 19755 19756/** Atto fields do not have form-control because that would break the layout of the editor. 19757 So they need these extra styles to highlight the editor when there is a validation error. */ 19758.has-danger .editor_atto_content.form-control .invalid-feedback, 19759.has-danger .editor_atto_content.form-control-danger .invalid-feedback { 19760 display: none; 19761 width: 100%; 19762 margin-top: 0.25rem; 19763 font-size: 80%; 19764 color: #ca3120; } 19765 19766.has-danger .editor_atto_content.form-control .invalid-tooltip, 19767.has-danger .editor_atto_content.form-control-danger .invalid-tooltip { 19768 position: absolute; 19769 top: 100%; 19770 z-index: 5; 19771 display: none; 19772 max-width: 100%; 19773 padding: 0.25rem 0.5rem; 19774 margin-top: .1rem; 19775 font-size: 0.8203125rem; 19776 line-height: 1.5; 19777 color: #fff; 19778 background-color: rgba(202, 49, 32, 0.9); 19779 border-radius: 0.25rem; } 19780 19781.was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback, 19782.was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback, 19783.has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip, .was-validated 19784.has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback, 19785.was-validated 19786.has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip, 19787.has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback, 19788.has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip { 19789 display: block; } 19790 19791.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 19792.has-danger .editor_atto_content.form-control-danger .form-control:invalid, 19793.has-danger .editor_atto_content.form-control-danger .form-control.is-invalid { 19794 border-color: #ca3120; 19795 padding-right: calc(1.5em + 0.75rem); 19796 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"); 19797 background-repeat: no-repeat; 19798 background-position: right calc(0.375em + 0.1875rem) center; 19799 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } 19800 .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 19801 .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus, 19802 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus { 19803 border-color: #ca3120; 19804 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 19805 19806.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 19807.has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid, 19808.has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid { 19809 padding-right: calc(1.5em + 0.75rem); 19810 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } 19811 19812.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 19813.has-danger .editor_atto_content.form-control-danger .custom-select:invalid, 19814.has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid { 19815 border-color: #ca3120; 19816 padding-right: calc(0.75em + 2.3125rem); 19817 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") no-repeat right 0.75rem center/8px 10px, 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } 19818 .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 19819 .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus, 19820 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus { 19821 border-color: #ca3120; 19822 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 19823 19824.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 19825.has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label, 19826.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label { 19827 color: #ca3120; } 19828 19829.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback, 19830.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, 19831.has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated 19832.has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback, 19833.was-validated 19834.has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip, 19835.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback, 19836.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip { 19837 display: block; } 19838 19839.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 19840.has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label, 19841.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label { 19842 color: #ca3120; } 19843 .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 19844 .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before, 19845 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before { 19846 border-color: #ca3120; } 19847 19848.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 19849.has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before, 19850.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before { 19851 border-color: #e04d3d; 19852 background-color: #e04d3d; } 19853 19854.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 19855.has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before, 19856.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before { 19857 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 19858 19859.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 19860.has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, 19861.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { 19862 border-color: #ca3120; } 19863 19864.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 19865.has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label, 19866.has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label { 19867 border-color: #ca3120; } 19868 19869.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 19870.has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label, 19871.has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label { 19872 border-color: #ca3120; 19873 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25); } 19874 19875.open.atto_menu > .dropdown-menu { 19876 display: block; } 19877 19878div.editor_atto_toolbar button .icon { 19879 color: #495057; } 19880 19881body { 19882 -webkit-font-smoothing: antialiased; 19883 -moz-osx-font-smoothing: grayscale; } 19884 19885.navbar { 19886 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } 19887 19888.userpicture { 19889 border-radius: 50%; } 19890 19891.block { 19892 background-color: #f8f9fa; } 19893 19894#page-my-index { 19895 background-color: #fff; } 19896 19897.btn-outline-secondary { 19898 color: #6a737b; 19899 border-color: #6a737b; 19900 border-color: #6a737b; } 19901 .btn-outline-secondary:hover { 19902 color: #fff; 19903 background-color: #6a737b; 19904 border-color: #6a737b; } 19905 .btn-outline-secondary:focus, .btn-outline-secondary.focus { 19906 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5); } 19907 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { 19908 color: #6a737b; 19909 background-color: transparent; } 19910 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, 19911 .show > .btn-outline-secondary.dropdown-toggle { 19912 color: #fff; 19913 background-color: #6a737b; 19914 border-color: #6a737b; } 19915 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, 19916 .show > .btn-outline-secondary.dropdown-toggle:focus { 19917 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5); } 19918 19919.btn-outline-info { 19920 color: #1f7e9a; 19921 border-color: #1f7e9a; } 19922 .btn-outline-info:hover { 19923 color: #fff; 19924 background-color: #1f7e9a; 19925 border-color: #1f7e9a; } 19926 .btn-outline-info:focus, .btn-outline-info.focus { 19927 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5); } 19928 .btn-outline-info.disabled, .btn-outline-info:disabled { 19929 color: #1f7e9a; 19930 background-color: transparent; } 19931 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, 19932 .show > .btn-outline-info.dropdown-toggle { 19933 color: #fff; 19934 background-color: #1f7e9a; 19935 border-color: #1f7e9a; } 19936 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, 19937 .show > .btn-outline-info.dropdown-toggle:focus { 19938 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5); } 19939 19940.btn-outline-warning { 19941 color: #a6670e; 19942 border-color: #a6670e; } 19943 .btn-outline-warning:hover { 19944 color: #fff; 19945 background-color: #a6670e; 19946 border-color: #a6670e; } 19947 .btn-outline-warning:focus, .btn-outline-warning.focus { 19948 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5); } 19949 .btn-outline-warning.disabled, .btn-outline-warning:disabled { 19950 color: #a6670e; 19951 background-color: transparent; } 19952 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, 19953 .show > .btn-outline-warning.dropdown-toggle { 19954 color: #fff; 19955 background-color: #a6670e; 19956 border-color: #a6670e; } 19957 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, 19958 .show > .btn-outline-warning.dropdown-toggle:focus { 19959 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5); } 19960 19961@media (max-width: 767.98px) { 19962 .blockcolumn, 19963 .region-main { 19964 flex: 0 0 100%; 19965 max-width: 100%; 19966 padding: 0 1rem; 19967 margin-bottom: 1rem; } } 19968 19969@media (min-width: 768px) { 19970 #page-content { 19971 display: flex; } 19972 #page-content .region-main { 19973 flex: 0 0 100%; 19974 padding: 0 1rem; 19975 max-width: 100%; } 19976 #page-content.blocks-pre .columnleft { 19977 flex: 0 0 32%; 19978 order: -1; 19979 padding: 0 1rem; 19980 max-width: 32%; } 19981 #page-content.blocks-pre .region-main { 19982 flex: 0 0 68%; 19983 max-width: 68%; 19984 padding: 0 1rem 0 0; } 19985 #page-content.blocks-post .region-main { 19986 flex: 0 0 68%; 19987 max-width: 68%; 19988 padding: 0 0 0 1rem; } 19989 #page-content.blocks-post .columnright { 19990 flex: 0 0 32%; 19991 padding: 0 1rem; 19992 max-width: 32%; } 19993 #page-content.blocks-pre.blocks-post .region-main { 19994 flex: 0 0 36%; 19995 max-width: 36%; 19996 padding: 0; } 19997 #page-content [data-region="blocks-column"] { 19998 width: 100%; } 19999 .empty-region-side-pre.used-region-side-post #page-content .region-main { 20000 flex: 0 0 68%; 20001 max-width: 68%; 20002 padding-left: 1rem; } 20003 .empty-region-side-pre.used-region-side-post #page-content .columnright { 20004 flex: 0 0 32%; 20005 padding: 0 1rem; 20006 max-width: 32%; } 20007 .empty-region-side-post.used-region-side-pre #page-content .region-main { 20008 flex: 0 0 68%; 20009 max-width: 68%; 20010 padding-right: 1rem; } 20011 .empty-region-side-post.used-region-side-pre #page-content .columnleft { 20012 flex: 0 0 32%; 20013 order: -1; 20014 padding: 0 1rem; 20015 max-width: 32%; } 20016 .used-region-side-post.used-region-side-pre #page-content .region-main { 20017 flex: 0 0 36%; 20018 max-width: 36%; 20019 padding: 0; } 20020 .used-region-side-post.used-region-side-pre #page-content .columnleft { 20021 flex: 0 0 32%; 20022 order: -1; 20023 padding: 0 1rem; 20024 max-width: 32%; } 20025 .used-region-side-post.used-region-side-pre #page-content .columnright { 20026 flex: 0 0 32%; 20027 padding: 0 1rem; 20028 max-width: 32%; } } 20029 20030@media (min-width: 992px) { 20031 #page-content { 20032 display: flex; } 20033 #page-content .region-main { 20034 flex: 0 0 100%; 20035 padding: 0 1rem; 20036 max-width: 100%; } 20037 #page-content.blocks-pre .columnleft { 20038 flex: 0 0 25%; 20039 order: -1; 20040 padding: 0 1rem; 20041 max-width: 25%; } 20042 #page-content.blocks-pre .region-main { 20043 flex: 0 0 75%; 20044 max-width: 75%; 20045 padding: 0 1rem 0 0; } 20046 #page-content.blocks-post .region-main { 20047 flex: 0 0 75%; 20048 max-width: 75%; 20049 padding: 0 0 0 1rem; } 20050 #page-content.blocks-post .columnright { 20051 flex: 0 0 25%; 20052 padding: 0 1rem; 20053 max-width: 25%; } 20054 #page-content.blocks-pre.blocks-post .region-main { 20055 flex: 0 0 50%; 20056 max-width: 50%; 20057 padding: 0; } 20058 #page-content [data-region="blocks-column"] { 20059 width: 100%; } 20060 .empty-region-side-pre.used-region-side-post #page-content .region-main { 20061 flex: 0 0 75%; 20062 max-width: 75%; 20063 padding-left: 1rem; } 20064 .empty-region-side-pre.used-region-side-post #page-content .columnright { 20065 flex: 0 0 25%; 20066 padding: 0 1rem; 20067 max-width: 25%; } 20068 .empty-region-side-post.used-region-side-pre #page-content .region-main { 20069 flex: 0 0 75%; 20070 max-width: 75%; 20071 padding-right: 1rem; } 20072 .empty-region-side-post.used-region-side-pre #page-content .columnleft { 20073 flex: 0 0 25%; 20074 order: -1; 20075 padding: 0 1rem; 20076 max-width: 25%; } 20077 .used-region-side-post.used-region-side-pre #page-content .region-main { 20078 flex: 0 0 50%; 20079 max-width: 50%; 20080 padding: 0; } 20081 .used-region-side-post.used-region-side-pre #page-content .columnleft { 20082 flex: 0 0 25%; 20083 order: -1; 20084 padding: 0 1rem; 20085 max-width: 25%; } 20086 .used-region-side-post.used-region-side-pre #page-content .columnright { 20087 flex: 0 0 25%; 20088 padding: 0 1rem; 20089 max-width: 25%; } } 20090 20091@media (min-width: 1200px) { 20092 #page-content { 20093 display: flex; } 20094 #page-content .region-main { 20095 flex: 0 0 100%; 20096 padding: 0 1rem; 20097 max-width: 100%; } 20098 #page-content.blocks-pre .columnleft { 20099 flex: 0 0 20%; 20100 order: -1; 20101 padding: 0 1rem; 20102 max-width: 20%; } 20103 #page-content.blocks-pre .region-main { 20104 flex: 0 0 80%; 20105 max-width: 80%; 20106 padding: 0 1rem 0 0; } 20107 #page-content.blocks-post .region-main { 20108 flex: 0 0 80%; 20109 max-width: 80%; 20110 padding: 0 0 0 1rem; } 20111 #page-content.blocks-post .columnright { 20112 flex: 0 0 20%; 20113 padding: 0 1rem; 20114 max-width: 20%; } 20115 #page-content.blocks-pre.blocks-post .region-main { 20116 flex: 0 0 60%; 20117 max-width: 60%; 20118 padding: 0; } 20119 #page-content [data-region="blocks-column"] { 20120 width: 100%; } 20121 .empty-region-side-pre.used-region-side-post #page-content .region-main { 20122 flex: 0 0 80%; 20123 max-width: 80%; 20124 padding-left: 1rem; } 20125 .empty-region-side-pre.used-region-side-post #page-content .columnright { 20126 flex: 0 0 20%; 20127 padding: 0 1rem; 20128 max-width: 20%; } 20129 .empty-region-side-post.used-region-side-pre #page-content .region-main { 20130 flex: 0 0 80%; 20131 max-width: 80%; 20132 padding-right: 1rem; } 20133 .empty-region-side-post.used-region-side-pre #page-content .columnleft { 20134 flex: 0 0 20%; 20135 order: -1; 20136 padding: 0 1rem; 20137 max-width: 20%; } 20138 .used-region-side-post.used-region-side-pre #page-content .region-main { 20139 flex: 0 0 60%; 20140 max-width: 60%; 20141 padding: 0; } 20142 .used-region-side-post.used-region-side-pre #page-content .columnleft { 20143 flex: 0 0 20%; 20144 order: -1; 20145 padding: 0 1rem; 20146 max-width: 20%; } 20147 .used-region-side-post.used-region-side-pre #page-content .columnright { 20148 flex: 0 0 20%; 20149 padding: 0 1rem; 20150 max-width: 20%; } } 20151 20152@media print { 20153 #page-content .region-main { 20154 max-width: 100% !important; 20155 /* stylelint-disable-line declaration-no-important */ 20156 flex: 0 0 100% !important; 20157 /* stylelint-disable-line declaration-no-important */ 20158 padding: 0 1rem 0 !important; 20159 /* stylelint-disable-line declaration-no-important */ } } 20160 20161@media (min-width: 576px) { 20162 .dashboard-card-deck .dashboard-card { 20163 width: calc(50% - 0.5rem); } } 20164 20165@media (min-width: 768px) { 20166 .dashboard-card-deck .dashboard-card { 20167 width: calc(50% - 0.5rem); } 20168 .blocks-post .dashboard-card-deck .dashboard-card, 20169 .blocks-pre .dashboard-card-deck .dashboard-card { 20170 width: calc(100% - 0.5rem); } } 20171 20172@media (min-width: 992px) { 20173 .dashboard-card-deck .dashboard-card { 20174 width: calc(33.33% - 0.5rem); } 20175 .blocks-post .dashboard-card-deck .dashboard-card, 20176 .blocks-pre .dashboard-card-deck .dashboard-card { 20177 width: calc(50% - 0.5rem); } } 20178 20179@media (min-width: 1200px) { 20180 .dashboard-card-deck .dashboard-card { 20181 width: calc(25% - 0.5rem); } 20182 .blocks-post .dashboard-card-deck .dashboard-card, 20183 .blocks-pre .dashboard-card-deck .dashboard-card { 20184 width: calc(33.33% - 0.5rem); } } 20185 20186@media (min-width: 768px) { 20187 .blockcolumn .dashboard-card-deck { 20188 margin-left: 0; 20189 margin-right: 0; } 20190 .blockcolumn .dashboard-card-deck .dashboard-card { 20191 width: calc(100% - 0.5rem) !important; 20192 /* stylelint-disable-line declaration-no-important */ } } 20193 20194.block_navigation .block_tree.list > li > ul, 20195.block_settings .block_tree.list > li > ul { 20196 padding-left: 0; } 20197 20198.block_navigation .block_tree .tree_item.branch, 20199.block_settings .block_tree .tree_item.branch { 20200 margin-left: 5px; 20201 padding-left: 0.75rem; } 20202 20203.block_navigation .block_tree p.hasicon, 20204.block_settings .block_tree p.hasicon { 20205 text-indent: 0; 20206 padding-left: 0.75rem; } 20207 20208.block_navigation .block_tree ul, 20209.block_settings .block_tree ul { 20210 margin-left: 0.25rem; 20211 padding-left: 1rem; } 20212 20213.block_navigation .block_tree p.hasicon .icon, 20214.block_settings .block_tree p.hasicon .icon { 20215 margin-right: 5px; } 20216 20217.root_node, 20218.navigation_node { 20219 margin-left: 0 !important; 20220 /* stylelint-disable-line declaration-no-important */ 20221 padding-left: 0 !important; 20222 /* stylelint-disable-line declaration-no-important */ } 20223 20224.block.block_settings #settingsnav { 20225 padding-top: 0 !important; 20226 /* stylelint-disable-line declaration-no-important */ } 20227