theme/boost/style/moodle.css

   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, .block_settings .block_tree [aria-expanded="true"]:before,
  14 .block_navigation .block_tree [aria-expanded="true"]:before, .block_settings .block_tree [aria-expanded="false"]:before,
  15 .block_navigation .block_tree [aria-expanded="false"]:before {
  16   display: inline-block;
  17   font: normal normal normal 14px/1 FontAwesome;
  18   font-size: inherit;
  19   text-rendering: auto;
  20   -webkit-font-smoothing: antialiased;
  21   -moz-osx-font-smoothing: grayscale; }
  22
  23 /* makes the font 33% larger relative to the icon container */
  24 .fa-lg {
  25   font-size: 1.3333333333em;
  26   line-height: 0.75em;
  27   vertical-align: -15%; }
  28
  29 .fa-2x {
  30   font-size: 2em; }
  31
  32 .fa-3x {
  33   font-size: 3em; }
  34
  35 .fa-4x {
  36   font-size: 4em; }
  37
  38 .fa-5x {
  39   font-size: 5em; }
  40
  41 .fa-fw {
  42   width: 1.2857142857em;
  43   text-align: center; }
  44
  45 .fa-ul {
  46   padding-left: 0;
  47   margin-left: 2.1428571429em;
  48   list-style-type: none; }
  49   .fa-ul > li {
  50     position: relative; }
  51
  52 .fa-li {
  53   position: absolute;
  54   left: -2.1428571429em;
  55   width: 2.1428571429em;
  56   top: 0.1428571429em;
  57   text-align: center; }
  58   .fa-li.fa-lg {
  59     left: -1.8571428571em; }
  60
  61 .fa-border {
  62   padding: .2em .25em .15em;
  63   border: solid 0.08em #eee;
  64   border-radius: .1em; }
  65
  66 .fa-pull-left {
  67   float: left; }
  68
  69 .fa-pull-right {
  70   float: right; }
  71
  72 .fa.fa-pull-left, .block_settings .block_tree .fa-pull-left[aria-expanded="true"]:before,
  73 .block_navigation .block_tree .fa-pull-left[aria-expanded="true"]:before, .block_settings .block_tree .fa-pull-left[aria-expanded="false"]:before,
  74 .block_navigation .block_tree .fa-pull-left[aria-expanded="false"]:before {
  75   margin-right: .3em; }
  76
  77 .fa.fa-pull-right, .block_settings .block_tree .fa-pull-right[aria-expanded="true"]:before,
  78 .block_navigation .block_tree .fa-pull-right[aria-expanded="true"]:before, .block_settings .block_tree .fa-pull-right[aria-expanded="false"]:before,
  79 .block_navigation .block_tree .fa-pull-right[aria-expanded="false"]:before {
  80   margin-left: .3em; }
  81
  82 /* Deprecated as of 4.4.0 */
  83 .pull-right {
  84   float: right; }
  85
  86 .pull-left {
  87   float: left; }
  88
  89 .fa.pull-left, .block_settings .block_tree .pull-left[aria-expanded="true"]:before,
  90 .block_navigation .block_tree .pull-left[aria-expanded="true"]:before, .block_settings .block_tree .pull-left[aria-expanded="false"]:before,
  91 .block_navigation .block_tree .pull-left[aria-expanded="false"]:before {
  92   margin-right: .3em; }
  93
  94 .fa.pull-right, .block_settings .block_tree .pull-right[aria-expanded="true"]:before,
  95 .block_navigation .block_tree .pull-right[aria-expanded="true"]:before, .block_settings .block_tree .pull-right[aria-expanded="false"]:before,
  96 .block_navigation .block_tree .pull-right[aria-expanded="false"]:before {
  97   margin-left: .3em; }
  98
  99 .fa-spin {
 100   -webkit-animation: fa-spin 2s infinite linear;
 101   animation: fa-spin 2s infinite linear; }
 102
 103 .fa-pulse {
 104   -webkit-animation: fa-spin 1s infinite steps(8);
 105   animation: fa-spin 1s infinite steps(8); }
 106
 107 @-webkit-keyframes fa-spin {
 108   0% {
 109     -webkit-transform: rotate(0deg);
 110     transform: rotate(0deg); }
 111   100% {
 112     -webkit-transform: rotate(359deg);
 113     transform: rotate(359deg); } }
 114
 115 @keyframes fa-spin {
 116   0% {
 117     -webkit-transform: rotate(0deg);
 118     transform: rotate(0deg); }
 119   100% {
 120     -webkit-transform: rotate(359deg);
 121     transform: rotate(359deg); } }
 122
 123 .fa-rotate-90 {
 124   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
 125   -webkit-transform: rotate(90deg);
 126   -ms-transform: rotate(90deg);
 127   transform: rotate(90deg); }
 128
 129 .fa-rotate-180 {
 130   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
 131   -webkit-transform: rotate(180deg);
 132   -ms-transform: rotate(180deg);
 133   transform: rotate(180deg); }
 134
 135 .fa-rotate-270 {
 136   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
 137   -webkit-transform: rotate(270deg);
 138   -ms-transform: rotate(270deg);
 139   transform: rotate(270deg); }
 140
 141 .fa-flip-horizontal {
 142   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
 143   -webkit-transform: scale(-1, 1);
 144   -ms-transform: scale(-1, 1);
 145   transform: scale(-1, 1); }
 146
 147 .fa-flip-vertical {
 148   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
 149   -webkit-transform: scale(1, -1);
 150   -ms-transform: scale(1, -1);
 151   transform: scale(1, -1); }
 152
 153 :root .fa-rotate-90,
 154 :root .fa-rotate-180,
 155 :root .fa-rotate-270,
 156 :root .fa-flip-horizontal,
 157 :root .fa-flip-vertical {
 158   filter: none; }
 159
 160 .fa-stack {
 161   position: relative;
 162   display: inline-block;
 163   width: 2em;
 164   height: 2em;
 165   line-height: 2em;
 166   vertical-align: middle; }
 167
 168 .fa-stack-1x, .fa-stack-2x {
 169   position: absolute;
 170   left: 0;
 171   width: 100%;
 172   text-align: center; }
 173
 174 .fa-stack-1x {
 175   line-height: inherit; }
 176
 177 .fa-stack-2x {
 178   font-size: 2em; }
 179
 180 .fa-inverse {
 181   color: #fff; }
 182
 183 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 184    readers do not read off random characters that represent icons */
 185 .fa-glass:before {
 186   content: ""; }
 187
 188 .fa-music:before {
 189   content: ""; }
 190
 191 .fa-search:before {
 192   content: ""; }
 193
 194 .fa-envelope-o:before {
 195   content: ""; }
 196
 197 .fa-heart:before {
 198   content: ""; }
 199
 200 .fa-star:before {
 201   content: ""; }
 202
 203 .fa-star-o:before {
 204   content: ""; }
 205
 206 .fa-user:before {
 207   content: ""; }
 208
 209 .fa-film:before {
 210   content: ""; }
 211
 212 .fa-th-large:before {
 213   content: ""; }
 214
 215 .fa-th:before {
 216   content: ""; }
 217
 218 .fa-th-list:before {
 219   content: ""; }
 220
 221 .fa-check:before {
 222   content: ""; }
 223
 224 .fa-remove:before,
 225 .fa-close:before,
 226 .fa-times:before {
 227   content: ""; }
 228
 229 .fa-search-plus:before {
 230   content: ""; }
 231
 232 .fa-search-minus:before {
 233   content: ""; }
 234
 235 .fa-power-off:before {
 236   content: ""; }
 237
 238 .fa-signal:before {
 239   content: ""; }
 240
 241 .fa-gear:before,
 242 .fa-cog:before {
 243   content: ""; }
 244
 245 .fa-trash-o:before {
 246   content: ""; }
 247
 248 .fa-home:before {
 249   content: ""; }
 250
 251 .fa-file-o:before {
 252   content: ""; }
 253
 254 .fa-clock-o:before {
 255   content: ""; }
 256
 257 .fa-road:before {
 258   content: ""; }
 259
 260 .fa-download:before {
 261   content: ""; }
 262
 263 .fa-arrow-circle-o-down:before {
 264   content: ""; }
 265
 266 .fa-arrow-circle-o-up:before {
 267   content: ""; }
 268
 269 .fa-inbox:before {
 270   content: ""; }
 271
 272 .fa-play-circle-o:before {
 273   content: ""; }
 274
 275 .fa-rotate-right:before,
 276 .fa-repeat:before {
 277   content: ""; }
 278
 279 .fa-refresh:before {
 280   content: ""; }
 281
 282 .fa-list-alt:before {
 283   content: ""; }
 284
 285 .fa-lock:before {
 286   content: ""; }
 287
 288 .fa-flag:before {
 289   content: ""; }
 290
 291 .fa-headphones:before {
 292   content: ""; }
 293
 294 .fa-volume-off:before {
 295   content: ""; }
 296
 297 .fa-volume-down:before {
 298   content: ""; }
 299
 300 .fa-volume-up:before {
 301   content: ""; }
 302
 303 .fa-qrcode:before {
 304   content: ""; }
 305
 306 .fa-barcode:before {
 307   content: ""; }
 308
 309 .fa-tag:before {
 310   content: ""; }
 311
 312 .fa-tags:before {
 313   content: ""; }
 314
 315 .fa-book:before {
 316   content: ""; }
 317
 318 .fa-bookmark:before {
 319   content: ""; }
 320
 321 .fa-print:before {
 322   content: ""; }
 323
 324 .fa-camera:before {
 325   content: ""; }
 326
 327 .fa-font:before {
 328   content: ""; }
 329
 330 .fa-bold:before {
 331   content: ""; }
 332
 333 .fa-italic:before {
 334   content: ""; }
 335
 336 .fa-text-height:before {
 337   content: ""; }
 338
 339 .fa-text-width:before {
 340   content: ""; }
 341
 342 .fa-align-left:before {
 343   content: ""; }
 344
 345 .fa-align-center:before {
 346   content: ""; }
 347
 348 .fa-align-right:before {
 349   content: ""; }
 350
 351 .fa-align-justify:before {
 352   content: ""; }
 353
 354 .fa-list:before {
 355   content: ""; }
 356
 357 .fa-dedent:before,
 358 .fa-outdent:before {
 359   content: ""; }
 360
 361 .fa-indent:before {
 362   content: ""; }
 363
 364 .fa-video-camera:before {
 365   content: ""; }
 366
 367 .fa-photo:before,
 368 .fa-image:before,
 369 .fa-picture-o:before {
 370   content: ""; }
 371
 372 .fa-pencil:before {
 373   content: ""; }
 374
 375 .fa-map-marker:before {
 376   content: ""; }
 377
 378 .fa-adjust:before {
 379   content: ""; }
 380
 381 .fa-tint:before {
 382   content: ""; }
 383
 384 .fa-edit:before,
 385 .fa-pencil-square-o:before {
 386   content: ""; }
 387
 388 .fa-share-square-o:before {
 389   content: ""; }
 390
 391 .fa-check-square-o:before {
 392   content: ""; }
 393
 394 .fa-arrows:before {
 395   content: ""; }
 396
 397 .fa-step-backward:before {
 398   content: ""; }
 399
 400 .fa-fast-backward:before {
 401   content: ""; }
 402
 403 .fa-backward:before {
 404   content: ""; }
 405
 406 .fa-play:before {
 407   content: ""; }
 408
 409 .fa-pause:before {
 410   content: ""; }
 411
 412 .fa-stop:before {
 413   content: ""; }
 414
 415 .fa-forward:before {
 416   content: ""; }
 417
 418 .fa-fast-forward:before {
 419   content: ""; }
 420
 421 .fa-step-forward:before {
 422   content: ""; }
 423
 424 .fa-eject:before {
 425   content: ""; }
 426
 427 .fa-chevron-left:before {
 428   content: ""; }
 429
 430 .fa-chevron-right:before {
 431   content: ""; }
 432
 433 .fa-plus-circle:before {
 434   content: ""; }
 435
 436 .fa-minus-circle:before {
 437   content: ""; }
 438
 439 .fa-times-circle:before {
 440   content: ""; }
 441
 442 .fa-check-circle:before {
 443   content: ""; }
 444
 445 .fa-question-circle:before {
 446   content: ""; }
 447
 448 .fa-info-circle:before {
 449   content: ""; }
 450
 451 .fa-crosshairs:before {
 452   content: ""; }
 453
 454 .fa-times-circle-o:before {
 455   content: ""; }
 456
 457 .fa-check-circle-o:before {
 458   content: ""; }
 459
 460 .fa-ban:before {
 461   content: ""; }
 462
 463 .fa-arrow-left:before {
 464   content: ""; }
 465
 466 .fa-arrow-right:before {
 467   content: ""; }
 468
 469 .fa-arrow-up:before {
 470   content: ""; }
 471
 472 .fa-arrow-down:before {
 473   content: ""; }
 474
 475 .fa-mail-forward:before,
 476 .fa-share:before {
 477   content: ""; }
 478
 479 .fa-expand:before {
 480   content: ""; }
 481
 482 .fa-compress:before {
 483   content: ""; }
 484
 485 .fa-plus:before {
 486   content: ""; }
 487
 488 .fa-minus:before {
 489   content: ""; }
 490
 491 .fa-asterisk:before {
 492   content: ""; }
 493
 494 .fa-exclamation-circle:before {
 495   content: ""; }
 496
 497 .fa-gift:before {
 498   content: ""; }
 499
 500 .fa-leaf:before {
 501   content: ""; }
 502
 503 .fa-fire:before {
 504   content: ""; }
 505
 506 .fa-eye:before {
 507   content: ""; }
 508
 509 .fa-eye-slash:before {
 510   content: ""; }
 511
 512 .fa-warning:before,
 513 .fa-exclamation-triangle:before {
 514   content: ""; }
 515
 516 .fa-plane:before {
 517   content: ""; }
 518
 519 .fa-calendar:before {
 520   content: ""; }
 521
 522 .fa-random:before {
 523   content: ""; }
 524
 525 .fa-comment:before {
 526   content: ""; }
 527
 528 .fa-magnet:before {
 529   content: ""; }
 530
 531 .fa-chevron-up:before {
 532   content: ""; }
 533
 534 .fa-chevron-down:before {
 535   content: ""; }
 536
 537 .fa-retweet:before {
 538   content: ""; }
 539
 540 .fa-shopping-cart:before {
 541   content: ""; }
 542
 543 .fa-folder:before {
 544   content: ""; }
 545
 546 .fa-folder-open:before {
 547   content: ""; }
 548
 549 .fa-arrows-v:before {
 550   content: ""; }
 551
 552 .fa-arrows-h:before {
 553   content: ""; }
 554
 555 .fa-bar-chart-o:before,
 556 .fa-bar-chart:before {
 557   content: ""; }
 558
 559 .fa-twitter-square:before {
 560   content: ""; }
 561
 562 .fa-facebook-square:before {
 563   content: ""; }
 564
 565 .fa-camera-retro:before {
 566   content: ""; }
 567
 568 .fa-key:before {
 569   content: ""; }
 570
 571 .fa-gears:before,
 572 .fa-cogs:before {
 573   content: ""; }
 574
 575 .fa-comments:before {
 576   content: ""; }
 577
 578 .fa-thumbs-o-up:before {
 579   content: ""; }
 580
 581 .fa-thumbs-o-down:before {
 582   content: ""; }
 583
 584 .fa-star-half:before {
 585   content: ""; }
 586
 587 .fa-heart-o:before {
 588   content: ""; }
 589
 590 .fa-sign-out:before {
 591   content: ""; }
 592
 593 .fa-linkedin-square:before {
 594   content: ""; }
 595
 596 .fa-thumb-tack:before {
 597   content: ""; }
 598
 599 .fa-external-link:before {
 600   content: ""; }
 601
 602 .fa-sign-in:before {
 603   content: ""; }
 604
 605 .fa-trophy:before {
 606   content: ""; }
 607
 608 .fa-github-square:before {
 609   content: ""; }
 610
 611 .fa-upload:before {
 612   content: ""; }
 613
 614 .fa-lemon-o:before {
 615   content: ""; }
 616
 617 .fa-phone:before {
 618   content: ""; }
 619
 620 .fa-square-o:before {
 621   content: ""; }
 622
 623 .fa-bookmark-o:before {
 624   content: ""; }
 625
 626 .fa-phone-square:before {
 627   content: ""; }
 628
 629 .fa-twitter:before {
 630   content: ""; }
 631
 632 .fa-facebook-f:before,
 633 .fa-facebook:before {
 634   content: ""; }
 635
 636 .fa-github:before {
 637   content: ""; }
 638
 639 .fa-unlock:before {
 640   content: ""; }
 641
 642 .fa-credit-card:before {
 643   content: ""; }
 644
 645 .fa-feed:before,
 646 .fa-rss:before {
 647   content: ""; }
 648
 649 .fa-hdd-o:before {
 650   content: ""; }
 651
 652 .fa-bullhorn:before {
 653   content: ""; }
 654
 655 .fa-bell:before {
 656   content: ""; }
 657
 658 .fa-certificate:before {
 659   content: ""; }
 660
 661 .fa-hand-o-right:before {
 662   content: ""; }
 663
 664 .fa-hand-o-left:before {
 665   content: ""; }
 666
 667 .fa-hand-o-up:before {
 668   content: ""; }
 669
 670 .fa-hand-o-down:before {
 671   content: ""; }
 672
 673 .fa-arrow-circle-left:before {
 674   content: ""; }
 675
 676 .fa-arrow-circle-right:before {
 677   content: ""; }
 678
 679 .fa-arrow-circle-up:before {
 680   content: ""; }
 681
 682 .fa-arrow-circle-down:before {
 683   content: ""; }
 684
 685 .fa-globe:before {
 686   content: ""; }
 687
 688 .fa-wrench:before {
 689   content: ""; }
 690
 691 .fa-tasks:before {
 692   content: ""; }
 693
 694 .fa-filter:before {
 695   content: ""; }
 696
 697 .fa-briefcase:before {
 698   content: ""; }
 699
 700 .fa-arrows-alt:before {
 701   content: ""; }
 702
 703 .fa-group:before,
 704 .fa-users:before {
 705   content: ""; }
 706
 707 .fa-chain:before,
 708 .fa-link:before {
 709   content: ""; }
 710
 711 .fa-cloud:before {
 712   content: ""; }
 713
 714 .fa-flask:before {
 715   content: ""; }
 716
 717 .fa-cut:before,
 718 .fa-scissors:before {
 719   content: ""; }
 720
 721 .fa-copy:before,
 722 .fa-files-o:before {
 723   content: ""; }
 724
 725 .fa-paperclip:before {
 726   content: ""; }
 727
 728 .fa-save:before,
 729 .fa-floppy-o:before {
 730   content: ""; }
 731
 732 .fa-square:before {
 733   content: ""; }
 734
 735 .fa-navicon:before,
 736 .fa-reorder:before,
 737 .fa-bars:before {
 738   content: ""; }
 739
 740 .fa-list-ul:before {
 741   content: ""; }
 742
 743 .fa-list-ol:before {
 744   content: ""; }
 745
 746 .fa-strikethrough:before {
 747   content: ""; }
 748
 749 .fa-underline:before {
 750   content: ""; }
 751
 752 .fa-table:before {
 753   content: ""; }
 754
 755 .fa-magic:before {
 756   content: ""; }
 757
 758 .fa-truck:before {
 759   content: ""; }
 760
 761 .fa-pinterest:before {
 762   content: ""; }
 763
 764 .fa-pinterest-square:before {
 765   content: ""; }
 766
 767 .fa-google-plus-square:before {
 768   content: ""; }
 769
 770 .fa-google-plus:before {
 771   content: ""; }
 772
 773 .fa-money:before {
 774   content: ""; }
 775
 776 .fa-caret-down:before {
 777   content: ""; }
 778
 779 .fa-caret-up:before {
 780   content: ""; }
 781
 782 .fa-caret-left:before {
 783   content: ""; }
 784
 785 .fa-caret-right:before {
 786   content: ""; }
 787
 788 .fa-columns:before {
 789   content: ""; }
 790
 791 .fa-unsorted:before,
 792 .fa-sort:before {
 793   content: ""; }
 794
 795 .fa-sort-down:before,
 796 .fa-sort-desc:before {
 797   content: ""; }
 798
 799 .fa-sort-up:before,
 800 .fa-sort-asc:before {
 801   content: ""; }
 802
 803 .fa-envelope:before {
 804   content: ""; }
 805
 806 .fa-linkedin:before {
 807   content: ""; }
 808
 809 .fa-rotate-left:before,
 810 .fa-undo:before {
 811   content: ""; }
 812
 813 .fa-legal:before,
 814 .fa-gavel:before {
 815   content: ""; }
 816
 817 .fa-dashboard:before,
 818 .fa-tachometer:before {
 819   content: ""; }
 820
 821 .fa-comment-o:before {
 822   content: ""; }
 823
 824 .fa-comments-o:before {
 825   content: ""; }
 826
 827 .fa-flash:before,
 828 .fa-bolt:before {
 829   content: ""; }
 830
 831 .fa-sitemap:before {
 832   content: ""; }
 833
 834 .fa-umbrella:before {
 835   content: ""; }
 836
 837 .fa-paste:before,
 838 .fa-clipboard:before {
 839   content: ""; }
 840
 841 .fa-lightbulb-o:before {
 842   content: ""; }
 843
 844 .fa-exchange:before {
 845   content: ""; }
 846
 847 .fa-cloud-download:before {
 848   content: ""; }
 849
 850 .fa-cloud-upload:before {
 851   content: ""; }
 852
 853 .fa-user-md:before {
 854   content: ""; }
 855
 856 .fa-stethoscope:before {
 857   content: ""; }
 858
 859 .fa-suitcase:before {
 860   content: ""; }
 861
 862 .fa-bell-o:before {
 863   content: ""; }
 864
 865 .fa-coffee:before {
 866   content: ""; }
 867
 868 .fa-cutlery:before {
 869   content: ""; }
 870
 871 .fa-file-text-o:before {
 872   content: ""; }
 873
 874 .fa-building-o:before {
 875   content: ""; }
 876
 877 .fa-hospital-o:before {
 878   content: ""; }
 879
 880 .fa-ambulance:before {
 881   content: ""; }
 882
 883 .fa-medkit:before {
 884   content: ""; }
 885
 886 .fa-fighter-jet:before {
 887   content: ""; }
 888
 889 .fa-beer:before {
 890   content: ""; }
 891
 892 .fa-h-square:before {
 893   content: ""; }
 894
 895 .fa-plus-square:before {
 896   content: ""; }
 897
 898 .fa-angle-double-left:before {
 899   content: ""; }
 900
 901 .fa-angle-double-right:before {
 902   content: ""; }
 903
 904 .fa-angle-double-up:before {
 905   content: ""; }
 906
 907 .fa-angle-double-down:before {
 908   content: ""; }
 909
 910 .fa-angle-left:before {
 911   content: ""; }
 912
 913 .fa-angle-right:before {
 914   content: ""; }
 915
 916 .fa-angle-up:before {
 917   content: ""; }
 918
 919 .fa-angle-down:before {
 920   content: ""; }
 921
 922 .fa-desktop:before {
 923   content: ""; }
 924
 925 .fa-laptop:before {
 926   content: ""; }
 927
 928 .fa-tablet:before {
 929   content: ""; }
 930
 931 .fa-mobile-phone:before,
 932 .fa-mobile:before {
 933   content: ""; }
 934
 935 .fa-circle-o:before {
 936   content: ""; }
 937
 938 .fa-quote-left:before {
 939   content: ""; }
 940
 941 .fa-quote-right:before {
 942   content: ""; }
 943
 944 .fa-spinner:before {
 945   content: ""; }
 946
 947 .fa-circle:before {
 948   content: ""; }
 949
 950 .fa-mail-reply:before,
 951 .fa-reply:before {
 952   content: ""; }
 953
 954 .fa-github-alt:before {
 955   content: ""; }
 956
 957 .fa-folder-o:before {
 958   content: ""; }
 959
 960 .fa-folder-open-o:before {
 961   content: ""; }
 962
 963 .fa-smile-o:before {
 964   content: ""; }
 965
 966 .fa-frown-o:before {
 967   content: ""; }
 968
 969 .fa-meh-o:before {
 970   content: ""; }
 971
 972 .fa-gamepad:before {
 973   content: ""; }
 974
 975 .fa-keyboard-o:before {
 976   content: ""; }
 977
 978 .fa-flag-o:before {
 979   content: ""; }
 980
 981 .fa-flag-checkered:before {
 982   content: ""; }
 983
 984 .fa-terminal:before {
 985   content: ""; }
 986
 987 .fa-code:before {
 988   content: ""; }
 989
 990 .fa-mail-reply-all:before,
 991 .fa-reply-all:before {
 992   content: ""; }
 993
 994 .fa-star-half-empty:before,
 995 .fa-star-half-full:before,
 996 .fa-star-half-o:before {
 997   content: ""; }
 998
 999 .fa-location-arrow:before {
1000   content: ""; }
1001
1002 .fa-crop:before {
1003   content: ""; }
1004
1005 .fa-code-fork:before {
1006   content: ""; }
1007
1008 .fa-unlink:before,
1009 .fa-chain-broken:before {
1010   content: ""; }
1011
1012 .fa-question:before {
1013   content: ""; }
1014
1015 .fa-info:before {
1016   content: ""; }
1017
1018 .fa-exclamation:before {
1019   content: ""; }
1020
1021 .fa-superscript:before {
1022   content: ""; }
1023
1024 .fa-subscript:before {
1025   content: ""; }
1026
1027 .fa-eraser:before {
1028   content: ""; }
1029
1030 .fa-puzzle-piece:before {
1031   content: ""; }
1032
1033 .fa-microphone:before {
1034   content: ""; }
1035
1036 .fa-microphone-slash:before {
1037   content: ""; }
1038
1039 .fa-shield:before {
1040   content: ""; }
1041
1042 .fa-calendar-o:before {
1043   content: ""; }
1044
1045 .fa-fire-extinguisher:before {
1046   content: ""; }
1047
1048 .fa-rocket:before {
1049   content: ""; }
1050
1051 .fa-maxcdn:before {
1052   content: ""; }
1053
1054 .fa-chevron-circle-left:before {
1055   content: ""; }
1056
1057 .fa-chevron-circle-right:before {
1058   content: ""; }
1059
1060 .fa-chevron-circle-up:before {
1061   content: ""; }
1062
1063 .fa-chevron-circle-down:before {
1064   content: ""; }
1065
1066 .fa-html5:before {
1067   content: ""; }
1068
1069 .fa-css3:before {
1070   content: ""; }
1071
1072 .fa-anchor:before {
1073   content: ""; }
1074
1075 .fa-unlock-alt:before {
1076   content: ""; }
1077
1078 .fa-bullseye:before {
1079   content: ""; }
1080
1081 .fa-ellipsis-h:before {
1082   content: ""; }
1083
1084 .fa-ellipsis-v:before {
1085   content: ""; }
1086
1087 .fa-rss-square:before {
1088   content: ""; }
1089
1090 .fa-play-circle:before {
1091   content: ""; }
1092
1093 .fa-ticket:before {
1094   content: ""; }
1095
1096 .fa-minus-square:before {
1097   content: ""; }
1098
1099 .fa-minus-square-o:before {
1100   content: ""; }
1101
1102 .fa-level-up:before {
1103   content: ""; }
1104
1105 .fa-level-down:before {
1106   content: ""; }
1107
1108 .fa-check-square:before {
1109   content: ""; }
1110
1111 .fa-pencil-square:before {
1112   content: ""; }
1113
1114 .fa-external-link-square:before {
1115   content: ""; }
1116
1117 .fa-share-square:before {
1118   content: ""; }
1119
1120 .fa-compass:before {
1121   content: ""; }
1122
1123 .fa-toggle-down:before,
1124 .fa-caret-square-o-down:before {
1125   content: ""; }
1126
1127 .fa-toggle-up:before,
1128 .fa-caret-square-o-up:before {
1129   content: ""; }
1130
1131 .fa-toggle-right:before,
1132 .fa-caret-square-o-right:before {
1133   content: ""; }
1134
1135 .fa-euro:before,
1136 .fa-eur:before {
1137   content: ""; }
1138
1139 .fa-gbp:before {
1140   content: ""; }
1141
1142 .fa-dollar:before,
1143 .fa-usd:before {
1144   content: ""; }
1145
1146 .fa-rupee:before,
1147 .fa-inr:before {
1148   content: ""; }
1149
1150 .fa-cny:before,
1151 .fa-rmb:before,
1152 .fa-yen:before,
1153 .fa-jpy:before {
1154   content: ""; }
1155
1156 .fa-ruble:before,
1157 .fa-rouble:before,
1158 .fa-rub:before {
1159   content: ""; }
1160
1161 .fa-won:before,
1162 .fa-krw:before {
1163   content: ""; }
1164
1165 .fa-bitcoin:before,
1166 .fa-btc:before {
1167   content: ""; }
1168
1169 .fa-file:before {
1170   content: ""; }
1171
1172 .fa-file-text:before {
1173   content: ""; }
1174
1175 .fa-sort-alpha-asc:before {
1176   content: ""; }
1177
1178 .fa-sort-alpha-desc:before {
1179   content: ""; }
1180
1181 .fa-sort-amount-asc:before {
1182   content: ""; }
1183
1184 .fa-sort-amount-desc:before {
1185   content: ""; }
1186
1187 .fa-sort-numeric-asc:before {
1188   content: ""; }
1189
1190 .fa-sort-numeric-desc:before {
1191   content: ""; }
1192
1193 .fa-thumbs-up:before {
1194   content: ""; }
1195
1196 .fa-thumbs-down:before {
1197   content: ""; }
1198
1199 .fa-youtube-square:before {
1200   content: ""; }
1201
1202 .fa-youtube:before {
1203   content: ""; }
1204
1205 .fa-xing:before {
1206   content: ""; }
1207
1208 .fa-xing-square:before {
1209   content: ""; }
1210
1211 .fa-youtube-play:before {
1212   content: ""; }
1213
1214 .fa-dropbox:before {
1215   content: ""; }
1216
1217 .fa-stack-overflow:before {
1218   content: ""; }
1219
1220 .fa-instagram:before {
1221   content: ""; }
1222
1223 .fa-flickr:before {
1224   content: ""; }
1225
1226 .fa-adn:before {
1227   content: ""; }
1228
1229 .fa-bitbucket:before {
1230   content: ""; }
1231
1232 .fa-bitbucket-square:before {
1233   content: ""; }
1234
1235 .fa-tumblr:before {
1236   content: ""; }
1237
1238 .fa-tumblr-square:before {
1239   content: ""; }
1240
1241 .fa-long-arrow-down:before {
1242   content: ""; }
1243
1244 .fa-long-arrow-up:before {
1245   content: ""; }
1246
1247 .fa-long-arrow-left:before {
1248   content: ""; }
1249
1250 .fa-long-arrow-right:before {
1251   content: ""; }
1252
1253 .fa-apple:before {
1254   content: ""; }
1255
1256 .fa-windows:before {
1257   content: ""; }
1258
1259 .fa-android:before {
1260   content: ""; }
1261
1262 .fa-linux:before {
1263   content: ""; }
1264
1265 .fa-dribbble:before {
1266   content: ""; }
1267
1268 .fa-skype:before {
1269   content: ""; }
1270
1271 .fa-foursquare:before {
1272   content: ""; }
1273
1274 .fa-trello:before {
1275   content: ""; }
1276
1277 .fa-female:before {
1278   content: ""; }
1279
1280 .fa-male:before {
1281   content: ""; }
1282
1283 .fa-gittip:before,
1284 .fa-gratipay:before {
1285   content: ""; }
1286
1287 .fa-sun-o:before {
1288   content: ""; }
1289
1290 .fa-moon-o:before {
1291   content: ""; }
1292
1293 .fa-archive:before {
1294   content: ""; }
1295
1296 .fa-bug:before {
1297   content: ""; }
1298
1299 .fa-vk:before {
1300   content: ""; }
1301
1302 .fa-weibo:before {
1303   content: ""; }
1304
1305 .fa-renren:before {
1306   content: ""; }
1307
1308 .fa-pagelines:before {
1309   content: ""; }
1310
1311 .fa-stack-exchange:before {
1312   content: ""; }
1313
1314 .fa-arrow-circle-o-right:before {
1315   content: ""; }
1316
1317 .fa-arrow-circle-o-left:before {
1318   content: ""; }
1319
1320 .fa-toggle-left:before,
1321 .fa-caret-square-o-left:before {
1322   content: ""; }
1323
1324 .fa-dot-circle-o:before {
1325   content: ""; }
1326
1327 .fa-wheelchair:before {
1328   content: ""; }
1329
1330 .fa-vimeo-square:before {
1331   content: ""; }
1332
1333 .fa-turkish-lira:before,
1334 .fa-try:before {
1335   content: ""; }
1336
1337 .fa-plus-square-o:before {
1338   content: ""; }
1339
1340 .fa-space-shuttle:before {
1341   content: ""; }
1342
1343 .fa-slack:before {
1344   content: ""; }
1345
1346 .fa-envelope-square:before {
1347   content: ""; }
1348
1349 .fa-wordpress:before {
1350   content: ""; }
1351
1352 .fa-openid:before {
1353   content: ""; }
1354
1355 .fa-institution:before,
1356 .fa-bank:before,
1357 .fa-university:before {
1358   content: ""; }
1359
1360 .fa-mortar-board:before,
1361 .fa-graduation-cap:before {
1362   content: ""; }
1363
1364 .fa-yahoo:before {
1365   content: ""; }
1366
1367 .fa-google:before {
1368   content: ""; }
1369
1370 .fa-reddit:before {
1371   content: ""; }
1372
1373 .fa-reddit-square:before {
1374   content: ""; }
1375
1376 .fa-stumbleupon-circle:before {
1377   content: ""; }
1378
1379 .fa-stumbleupon:before {
1380   content: ""; }
1381
1382 .fa-delicious:before {
1383   content: ""; }
1384
1385 .fa-digg:before {
1386   content: ""; }
1387
1388 .fa-pied-piper-pp:before {
1389   content: ""; }
1390
1391 .fa-pied-piper-alt:before {
1392   content: ""; }
1393
1394 .fa-drupal:before {
1395   content: ""; }
1396
1397 .fa-joomla:before {
1398   content: ""; }
1399
1400 .fa-language:before {
1401   content: ""; }
1402
1403 .fa-fax:before {
1404   content: ""; }
1405
1406 .fa-building:before {
1407   content: ""; }
1408
1409 .fa-child:before {
1410   content: ""; }
1411
1412 .fa-paw:before {
1413   content: ""; }
1414
1415 .fa-spoon:before {
1416   content: ""; }
1417
1418 .fa-cube:before {
1419   content: ""; }
1420
1421 .fa-cubes:before {
1422   content: ""; }
1423
1424 .fa-behance:before {
1425   content: ""; }
1426
1427 .fa-behance-square:before {
1428   content: ""; }
1429
1430 .fa-steam:before {
1431   content: ""; }
1432
1433 .fa-steam-square:before {
1434   content: ""; }
1435
1436 .fa-recycle:before {
1437   content: ""; }
1438
1439 .fa-automobile:before,
1440 .fa-car:before {
1441   content: ""; }
1442
1443 .fa-cab:before,
1444 .fa-taxi:before {
1445   content: ""; }
1446
1447 .fa-tree:before {
1448   content: ""; }
1449
1450 .fa-spotify:before {
1451   content: ""; }
1452
1453 .fa-deviantart:before {
1454   content: ""; }
1455
1456 .fa-soundcloud:before {
1457   content: ""; }
1458
1459 .fa-database:before {
1460   content: ""; }
1461
1462 .fa-file-pdf-o:before {
1463   content: ""; }
1464
1465 .fa-file-word-o:before {
1466   content: ""; }
1467
1468 .fa-file-excel-o:before {
1469   content: ""; }
1470
1471 .fa-file-powerpoint-o:before {
1472   content: ""; }
1473
1474 .fa-file-photo-o:before,
1475 .fa-file-picture-o:before,
1476 .fa-file-image-o:before {
1477   content: ""; }
1478
1479 .fa-file-zip-o:before,
1480 .fa-file-archive-o:before {
1481   content: ""; }
1482
1483 .fa-file-sound-o:before,
1484 .fa-file-audio-o:before {
1485   content: ""; }
1486
1487 .fa-file-movie-o:before,
1488 .fa-file-video-o:before {
1489   content: ""; }
1490
1491 .fa-file-code-o:before {
1492   content: ""; }
1493
1494 .fa-vine:before {
1495   content: ""; }
1496
1497 .fa-codepen:before {
1498   content: ""; }
1499
1500 .fa-jsfiddle:before {
1501   content: ""; }
1502
1503 .fa-life-bouy:before,
1504 .fa-life-buoy:before,
1505 .fa-life-saver:before,
1506 .fa-support:before,
1507 .fa-life-ring:before {
1508   content: ""; }
1509
1510 .fa-circle-o-notch:before {
1511   content: ""; }
1512
1513 .fa-ra:before,
1514 .fa-resistance:before,
1515 .fa-rebel:before {
1516   content: ""; }
1517
1518 .fa-ge:before,
1519 .fa-empire:before {
1520   content: ""; }
1521
1522 .fa-git-square:before {
1523   content: ""; }
1524
1525 .fa-git:before {
1526   content: ""; }
1527
1528 .fa-y-combinator-square:before,
1529 .fa-yc-square:before,
1530 .fa-hacker-news:before {
1531   content: ""; }
1532
1533 .fa-tencent-weibo:before {
1534   content: ""; }
1535
1536 .fa-qq:before {
1537   content: ""; }
1538
1539 .fa-wechat:before,
1540 .fa-weixin:before {
1541   content: ""; }
1542
1543 .fa-send:before,
1544 .fa-paper-plane:before {
1545   content: ""; }
1546
1547 .fa-send-o:before,
1548 .fa-paper-plane-o:before {
1549   content: ""; }
1550
1551 .fa-history:before {
1552   content: ""; }
1553
1554 .fa-circle-thin:before {
1555   content: ""; }
1556
1557 .fa-header:before {
1558   content: ""; }
1559
1560 .fa-paragraph:before {
1561   content: ""; }
1562
1563 .fa-sliders:before {
1564   content: ""; }
1565
1566 .fa-share-alt:before {
1567   content: ""; }
1568
1569 .fa-share-alt-square:before {
1570   content: ""; }
1571
1572 .fa-bomb:before {
1573   content: ""; }
1574
1575 .fa-soccer-ball-o:before,
1576 .fa-futbol-o:before {
1577   content: ""; }
1578
1579 .fa-tty:before {
1580   content: ""; }
1581
1582 .fa-binoculars:before {
1583   content: ""; }
1584
1585 .fa-plug:before {
1586   content: ""; }
1587
1588 .fa-slideshare:before {
1589   content: ""; }
1590
1591 .fa-twitch:before {
1592   content: ""; }
1593
1594 .fa-yelp:before {
1595   content: ""; }
1596
1597 .fa-newspaper-o:before {
1598   content: ""; }
1599
1600 .fa-wifi:before {
1601   content: ""; }
1602
1603 .fa-calculator:before {
1604   content: ""; }
1605
1606 .fa-paypal:before {
1607   content: ""; }
1608
1609 .fa-google-wallet:before {
1610   content: ""; }
1611
1612 .fa-cc-visa:before {
1613   content: ""; }
1614
1615 .fa-cc-mastercard:before {
1616   content: ""; }
1617
1618 .fa-cc-discover:before {
1619   content: ""; }
1620
1621 .fa-cc-amex:before {
1622   content: ""; }
1623
1624 .fa-cc-paypal:before {
1625   content: ""; }
1626
1627 .fa-cc-stripe:before {
1628   content: ""; }
1629
1630 .fa-bell-slash:before {
1631   content: ""; }
1632
1633 .fa-bell-slash-o:before {
1634   content: ""; }
1635
1636 .fa-trash:before {
1637   content: ""; }
1638
1639 .fa-copyright:before {
1640   content: ""; }
1641
1642 .fa-at:before {
1643   content: ""; }
1644
1645 .fa-eyedropper:before {
1646   content: ""; }
1647
1648 .fa-paint-brush:before {
1649   content: ""; }
1650
1651 .fa-birthday-cake:before {
1652   content: ""; }
1653
1654 .fa-area-chart:before {
1655   content: ""; }
1656
1657 .fa-pie-chart:before {
1658   content: ""; }
1659
1660 .fa-line-chart:before {
1661   content: ""; }
1662
1663 .fa-lastfm:before {
1664   content: ""; }
1665
1666 .fa-lastfm-square:before {
1667   content: ""; }
1668
1669 .fa-toggle-off:before {
1670   content: ""; }
1671
1672 .fa-toggle-on:before {
1673   content: ""; }
1674
1675 .fa-bicycle:before {
1676   content: ""; }
1677
1678 .fa-bus:before {
1679   content: ""; }
1680
1681 .fa-ioxhost:before {
1682   content: ""; }
1683
1684 .fa-angellist:before {
1685   content: ""; }
1686
1687 .fa-cc:before {
1688   content: ""; }
1689
1690 .fa-shekel:before,
1691 .fa-sheqel:before,
1692 .fa-ils:before {
1693   content: ""; }
1694
1695 .fa-meanpath:before {
1696   content: ""; }
1697
1698 .fa-buysellads:before {
1699   content: ""; }
1700
1701 .fa-connectdevelop:before {
1702   content: ""; }
1703
1704 .fa-dashcube:before {
1705   content: ""; }
1706
1707 .fa-forumbee:before {
1708   content: ""; }
1709
1710 .fa-leanpub:before {
1711   content: ""; }
1712
1713 .fa-sellsy:before {
1714   content: ""; }
1715
1716 .fa-shirtsinbulk:before {
1717   content: ""; }
1718
1719 .fa-simplybuilt:before {
1720   content: ""; }
1721
1722 .fa-skyatlas:before {
1723   content: ""; }
1724
1725 .fa-cart-plus:before {
1726   content: ""; }
1727
1728 .fa-cart-arrow-down:before {
1729   content: ""; }
1730
1731 .fa-diamond:before {
1732   content: ""; }
1733
1734 .fa-ship:before {
1735   content: ""; }
1736
1737 .fa-user-secret:before {
1738   content: ""; }
1739
1740 .fa-motorcycle:before {
1741   content: ""; }
1742
1743 .fa-street-view:before {
1744   content: ""; }
1745
1746 .fa-heartbeat:before {
1747   content: ""; }
1748
1749 .fa-venus:before {
1750   content: ""; }
1751
1752 .fa-mars:before {
1753   content: ""; }
1754
1755 .fa-mercury:before {
1756   content: ""; }
1757
1758 .fa-intersex:before,
1759 .fa-transgender:before {
1760   content: ""; }
1761
1762 .fa-transgender-alt:before {
1763   content: ""; }
1764
1765 .fa-venus-double:before {
1766   content: ""; }
1767
1768 .fa-mars-double:before {
1769   content: ""; }
1770
1771 .fa-venus-mars:before {
1772   content: ""; }
1773
1774 .fa-mars-stroke:before {
1775   content: ""; }
1776
1777 .fa-mars-stroke-v:before {
1778   content: ""; }
1779
1780 .fa-mars-stroke-h:before {
1781   content: ""; }
1782
1783 .fa-neuter:before {
1784   content: ""; }
1785
1786 .fa-genderless:before {
1787   content: ""; }
1788
1789 .fa-facebook-official:before {
1790   content: ""; }
1791
1792 .fa-pinterest-p:before {
1793   content: ""; }
1794
1795 .fa-whatsapp:before {
1796   content: ""; }
1797
1798 .fa-server:before {
1799   content: ""; }
1800
1801 .fa-user-plus:before {
1802   content: ""; }
1803
1804 .fa-user-times:before {
1805   content: ""; }
1806
1807 .fa-hotel:before,
1808 .fa-bed:before {
1809   content: ""; }
1810
1811 .fa-viacoin:before {
1812   content: ""; }
1813
1814 .fa-train:before {
1815   content: ""; }
1816
1817 .fa-subway:before {
1818   content: ""; }
1819
1820 .fa-medium:before {
1821   content: ""; }
1822
1823 .fa-yc:before,
1824 .fa-y-combinator:before {
1825   content: ""; }
1826
1827 .fa-optin-monster:before {
1828   content: ""; }
1829
1830 .fa-opencart:before {
1831   content: ""; }
1832
1833 .fa-expeditedssl:before {
1834   content: ""; }
1835
1836 .fa-battery-4:before,
1837 .fa-battery:before,
1838 .fa-battery-full:before {
1839   content: ""; }
1840
1841 .fa-battery-3:before,
1842 .fa-battery-three-quarters:before {
1843   content: ""; }
1844
1845 .fa-battery-2:before,
1846 .fa-battery-half:before {
1847   content: ""; }
1848
1849 .fa-battery-1:before,
1850 .fa-battery-quarter:before {
1851   content: ""; }
1852
1853 .fa-battery-0:before,
1854 .fa-battery-empty:before {
1855   content: ""; }
1856
1857 .fa-mouse-pointer:before {
1858   content: ""; }
1859
1860 .fa-i-cursor:before {
1861   content: ""; }
1862
1863 .fa-object-group:before {
1864   content: ""; }
1865
1866 .fa-object-ungroup:before {
1867   content: ""; }
1868
1869 .fa-sticky-note:before {
1870   content: ""; }
1871
1872 .fa-sticky-note-o:before {
1873   content: ""; }
1874
1875 .fa-cc-jcb:before {
1876   content: ""; }
1877
1878 .fa-cc-diners-club:before {
1879   content: ""; }
1880
1881 .fa-clone:before {
1882   content: ""; }
1883
1884 .fa-balance-scale:before {
1885   content: ""; }
1886
1887 .fa-hourglass-o:before {
1888   content: ""; }
1889
1890 .fa-hourglass-1:before,
1891 .fa-hourglass-start:before {
1892   content: ""; }
1893
1894 .fa-hourglass-2:before,
1895 .fa-hourglass-half:before {
1896   content: ""; }
1897
1898 .fa-hourglass-3:before,
1899 .fa-hourglass-end:before {
1900   content: ""; }
1901
1902 .fa-hourglass:before {
1903   content: ""; }
1904
1905 .fa-hand-grab-o:before,
1906 .fa-hand-rock-o:before {
1907   content: ""; }
1908
1909 .fa-hand-stop-o:before,
1910 .fa-hand-paper-o:before {
1911   content: ""; }
1912
1913 .fa-hand-scissors-o:before {
1914   content: ""; }
1915
1916 .fa-hand-lizard-o:before {
1917   content: ""; }
1918
1919 .fa-hand-spock-o:before {
1920   content: ""; }
1921
1922 .fa-hand-pointer-o:before {
1923   content: ""; }
1924
1925 .fa-hand-peace-o:before {
1926   content: ""; }
1927
1928 .fa-trademark:before {
1929   content: ""; }
1930
1931 .fa-registered:before {
1932   content: ""; }
1933
1934 .fa-creative-commons:before {
1935   content: ""; }
1936
1937 .fa-gg:before {
1938   content: ""; }
1939
1940 .fa-gg-circle:before {
1941   content: ""; }
1942
1943 .fa-tripadvisor:before {
1944   content: ""; }
1945
1946 .fa-odnoklassniki:before {
1947   content: ""; }
1948
1949 .fa-odnoklassniki-square:before {
1950   content: ""; }
1951
1952 .fa-get-pocket:before {
1953   content: ""; }
1954
1955 .fa-wikipedia-w:before {
1956   content: ""; }
1957
1958 .fa-safari:before {
1959   content: ""; }
1960
1961 .fa-chrome:before {
1962   content: ""; }
1963
1964 .fa-firefox:before {
1965   content: ""; }
1966
1967 .fa-opera:before {
1968   content: ""; }
1969
1970 .fa-internet-explorer:before {
1971   content: ""; }
1972
1973 .fa-tv:before,
1974 .fa-television:before {
1975   content: ""; }
1976
1977 .fa-contao:before {
1978   content: ""; }
1979
1980 .fa-500px:before {
1981   content: ""; }
1982
1983 .fa-amazon:before {
1984   content: ""; }
1985
1986 .fa-calendar-plus-o:before {
1987   content: ""; }
1988
1989 .fa-calendar-minus-o:before {
1990   content: ""; }
1991
1992 .fa-calendar-times-o:before {
1993   content: ""; }
1994
1995 .fa-calendar-check-o:before {
1996   content: ""; }
1997
1998 .fa-industry:before {
1999   content: ""; }
2000
2001 .fa-map-pin:before {
2002   content: ""; }
2003
2004 .fa-map-signs:before {
2005   content: ""; }
2006
2007 .fa-map-o:before {
2008   content: ""; }
2009
2010 .fa-map:before {
2011   content: ""; }
2012
2013 .fa-commenting:before {
2014   content: ""; }
2015
2016 .fa-commenting-o:before {
2017   content: ""; }
2018
2019 .fa-houzz:before {
2020   content: ""; }
2021
2022 .fa-vimeo:before {
2023   content: ""; }
2024
2025 .fa-black-tie:before {
2026   content: ""; }
2027
2028 .fa-fonticons:before {
2029   content: ""; }
2030
2031 .fa-reddit-alien:before {
2032   content: ""; }
2033
2034 .fa-edge:before {
2035   content: ""; }
2036
2037 .fa-credit-card-alt:before {
2038   content: ""; }
2039
2040 .fa-codiepie:before {
2041   content: ""; }
2042
2043 .fa-modx:before {
2044   content: ""; }
2045
2046 .fa-fort-awesome:before {
2047   content: ""; }
2048
2049 .fa-usb:before {
2050   content: ""; }
2051
2052 .fa-product-hunt:before {
2053   content: ""; }
2054
2055 .fa-mixcloud:before {
2056   content: ""; }
2057
2058 .fa-scribd:before {
2059   content: ""; }
2060
2061 .fa-pause-circle:before {
2062   content: ""; }
2063
2064 .fa-pause-circle-o:before {
2065   content: ""; }
2066
2067 .fa-stop-circle:before {
2068   content: ""; }
2069
2070 .fa-stop-circle-o:before {
2071   content: ""; }
2072
2073 .fa-shopping-bag:before {
2074   content: ""; }
2075
2076 .fa-shopping-basket:before {
2077   content: ""; }
2078
2079 .fa-hashtag:before {
2080   content: ""; }
2081
2082 .fa-bluetooth:before {
2083   content: ""; }
2084
2085 .fa-bluetooth-b:before {
2086   content: ""; }
2087
2088 .fa-percent:before {
2089   content: ""; }
2090
2091 .fa-gitlab:before {
2092   content: ""; }
2093
2094 .fa-wpbeginner:before {
2095   content: ""; }
2096
2097 .fa-wpforms:before {
2098   content: ""; }
2099
2100 .fa-envira:before {
2101   content: ""; }
2102
2103 .fa-universal-access:before {
2104   content: ""; }
2105
2106 .fa-wheelchair-alt:before {
2107   content: ""; }
2108
2109 .fa-question-circle-o:before {
2110   content: ""; }
2111
2112 .fa-blind:before {
2113   content: ""; }
2114
2115 .fa-audio-description:before {
2116   content: ""; }
2117
2118 .fa-volume-control-phone:before {
2119   content: ""; }
2120
2121 .fa-braille:before {
2122   content: ""; }
2123
2124 .fa-assistive-listening-systems:before {
2125   content: ""; }
2126
2127 .fa-asl-interpreting:before,
2128 .fa-american-sign-language-interpreting:before {
2129   content: ""; }
2130
2131 .fa-deafness:before,
2132 .fa-hard-of-hearing:before,
2133 .fa-deaf:before {
2134   content: ""; }
2135
2136 .fa-glide:before {
2137   content: ""; }
2138
2139 .fa-glide-g:before {
2140   content: ""; }
2141
2142 .fa-signing:before,
2143 .fa-sign-language:before {
2144   content: ""; }
2145
2146 .fa-low-vision:before {
2147   content: ""; }
2148
2149 .fa-viadeo:before {
2150   content: ""; }
2151
2152 .fa-viadeo-square:before {
2153   content: ""; }
2154
2155 .fa-snapchat:before {
2156   content: ""; }
2157
2158 .fa-snapchat-ghost:before {
2159   content: ""; }
2160
2161 .fa-snapchat-square:before {
2162   content: ""; }
2163
2164 .fa-pied-piper:before {
2165   content: ""; }
2166
2167 .fa-first-order:before {
2168   content: ""; }
2169
2170 .fa-yoast:before {
2171   content: ""; }
2172
2173 .fa-themeisle:before {
2174   content: ""; }
2175
2176 .fa-google-plus-circle:before,
2177 .fa-google-plus-official:before {
2178   content: ""; }
2179
2180 .fa-fa:before,
2181 .fa-font-awesome:before {
2182   content: ""; }
2183
2184 .fa-handshake-o:before {
2185   content: ""; }
2186
2187 .fa-envelope-open:before {
2188   content: ""; }
2189
2190 .fa-envelope-open-o:before {
2191   content: ""; }
2192
2193 .fa-linode:before {
2194   content: ""; }
2195
2196 .fa-address-book:before {
2197   content: ""; }
2198
2199 .fa-address-book-o:before {
2200   content: ""; }
2201
2202 .fa-vcard:before,
2203 .fa-address-card:before {
2204   content: ""; }
2205
2206 .fa-vcard-o:before,
2207 .fa-address-card-o:before {
2208   content: ""; }
2209
2210 .fa-user-circle:before {
2211   content: ""; }
2212
2213 .fa-user-circle-o:before {
2214   content: ""; }
2215
2216 .fa-user-o:before {
2217   content: ""; }
2218
2219 .fa-id-badge:before {
2220   content: ""; }
2221
2222 .fa-drivers-license:before,
2223 .fa-id-card:before {
2224   content: ""; }
2225
2226 .fa-drivers-license-o:before,
2227 .fa-id-card-o:before {
2228   content: ""; }
2229
2230 .fa-quora:before {
2231   content: ""; }
2232
2233 .fa-free-code-camp:before {
2234   content: ""; }
2235
2236 .fa-telegram:before {
2237   content: ""; }
2238
2239 .fa-thermometer-4:before,
2240 .fa-thermometer:before,
2241 .fa-thermometer-full:before {
2242   content: ""; }
2243
2244 .fa-thermometer-3:before,
2245 .fa-thermometer-three-quarters:before {
2246   content: ""; }
2247
2248 .fa-thermometer-2:before,
2249 .fa-thermometer-half:before {
2250   content: ""; }
2251
2252 .fa-thermometer-1:before,
2253 .fa-thermometer-quarter:before {
2254   content: ""; }
2255
2256 .fa-thermometer-0:before,
2257 .fa-thermometer-empty:before {
2258   content: ""; }
2259
2260 .fa-shower:before {
2261   content: ""; }
2262
2263 .fa-bathtub:before,
2264 .fa-s15:before,
2265 .fa-bath:before {
2266   content: ""; }
2267
2268 .fa-podcast:before {
2269   content: ""; }
2270
2271 .fa-window-maximize:before {
2272   content: ""; }
2273
2274 .fa-window-minimize:before {
2275   content: ""; }
2276
2277 .fa-window-restore:before {
2278   content: ""; }
2279
2280 .fa-times-rectangle:before,
2281 .fa-window-close:before {
2282   content: ""; }
2283
2284 .fa-times-rectangle-o:before,
2285 .fa-window-close-o:before {
2286   content: ""; }
2287
2288 .fa-bandcamp:before {
2289   content: ""; }
2290
2291 .fa-grav:before {
2292   content: ""; }
2293
2294 .fa-etsy:before {
2295   content: ""; }
2296
2297 .fa-imdb:before {
2298   content: ""; }
2299
2300 .fa-ravelry:before {
2301   content: ""; }
2302
2303 .fa-eercast:before {
2304   content: ""; }
2305
2306 .fa-microchip:before {
2307   content: ""; }
2308
2309 .fa-snowflake-o:before {
2310   content: ""; }
2311
2312 .fa-superpowers:before {
2313   content: ""; }
2314
2315 .fa-wpexplorer:before {
2316   content: ""; }
2317
2318 .fa-meetup:before {
2319   content: ""; }
2320
2321 .sr-only {
2322   position: absolute;
2323   width: 1px;
2324   height: 1px;
2325   padding: 0;
2326   margin: -1px;
2327   overflow: hidden;
2328   clip: rect(0, 0, 0, 0);
2329   border: 0; }
2330
2331 .sr-only-focusable:active, .sr-only-focusable:focus {
2332   position: static;
2333   width: auto;
2334   height: auto;
2335   margin: 0;
2336   overflow: visible;
2337   clip: auto; }
2338
2339 /*!
2340  * Bootstrap v4.0.0 (https://getbootstrap.com)
2341  * Copyright 2011-2018 The Bootstrap Authors
2342  * Copyright 2011-2018 Twitter, Inc.
2343  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
2344  */
2345 :root {
2346   --blue: #1177d1;
2347   --indigo: #6610f2;
2348   --purple: #613d7c;
2349   --pink: #e83e8c;
2350   --red: #d9534f;
2351   --orange: #f0ad4e;
2352   --yellow: #ff7518;
2353   --green: #5cb85c;
2354   --teal: #20c997;
2355   --cyan: #5bc0de;
2356   --white: #fff;
2357   --gray: #868e96;
2358   --gray-dark: #373a3c;
2359   --primary: #1177d1;
2360   --secondary: #e9ecef;
2361   --success: #5cb85c;
2362   --info: #5bc0de;
2363   --warning: #f0ad4e;
2364   --danger: #d9534f;
2365   --light: #f8f9fa;
2366   --dark: #373a3c;
2367   --breakpoint-xs: 0;
2368   --breakpoint-sm: 576px;
2369   --breakpoint-md: 768px;
2370   --breakpoint-lg: 992px;
2371   --breakpoint-xl: 1200px;
2372   --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2373   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
2374
2375 *,
2376 *::before,
2377 *::after {
2378   box-sizing: border-box; }
2379
2380 html {
2381   font-family: sans-serif;
2382   line-height: 1.15;
2383   -webkit-text-size-adjust: 100%;
2384   -ms-text-size-adjust: 100%;
2385   -ms-overflow-style: scrollbar;
2386   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
2387
2388 @-ms-viewport {
2389   width: device-width; }
2390
2391 article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
2392   display: block; }
2393
2394 body {
2395   margin: 0;
2396   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2397   font-size: 0.9375rem;
2398   font-weight: 400;
2399   line-height: 1.5;
2400   color: #373a3c;
2401   text-align: left;
2402   background-color: #fff; }
2403
2404 [tabindex="-1"]:focus {
2405   outline: 0 !important; }
2406
2407 hr {
2408   box-sizing: content-box;
2409   height: 0;
2410   overflow: visible; }
2411
2412 h1, h2, h3, h4, h5, h6 {
2413   margin-top: 0;
2414   margin-bottom: 0.5rem; }
2415
2416 p {
2417   margin-top: 0;
2418   margin-bottom: 1rem; }
2419
2420 abbr[title],
2421 abbr[data-original-title] {
2422   text-decoration: underline;
2423   text-decoration: underline dotted;
2424   cursor: help;
2425   border-bottom: 0; }
2426
2427 address {
2428   margin-bottom: 1rem;
2429   font-style: normal;
2430   line-height: inherit; }
2431
2432 ol,
2433 ul,
2434 dl {
2435   margin-top: 0;
2436   margin-bottom: 1rem; }
2437
2438 ol ol,
2439 ul ul,
2440 ol ul,
2441 ul ol {
2442   margin-bottom: 0; }
2443
2444 dt {
2445   font-weight: 700; }
2446
2447 dd {
2448   margin-bottom: .5rem;
2449   margin-left: 0; }
2450
2451 blockquote {
2452   margin: 0 0 1rem; }
2453
2454 dfn {
2455   font-style: italic; }
2456
2457 b,
2458 strong {
2459   font-weight: bolder; }
2460
2461 small {
2462   font-size: 80%; }
2463
2464 sub,
2465 sup {
2466   position: relative;
2467   font-size: 75%;
2468   line-height: 0;
2469   vertical-align: baseline; }
2470
2471 sub {
2472   bottom: -.25em; }
2473
2474 sup {
2475   top: -.5em; }
2476
2477 a {
2478   color: #1177d1;
2479   text-decoration: none;
2480   background-color: transparent;
2481   -webkit-text-decoration-skip: objects; }
2482   a:hover {
2483     color: #0b4f8a;
2484     text-decoration: underline; }
2485
2486 a:not([href]):not([tabindex]) {
2487   color: inherit;
2488   text-decoration: none; }
2489   a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
2490     color: inherit;
2491     text-decoration: none; }
2492   a:not([href]):not([tabindex]):focus {
2493     outline: 0; }
2494
2495 pre,
2496 code,
2497 kbd,
2498 samp {
2499   font-family: monospace, monospace;
2500   font-size: 1em; }
2501
2502 pre {
2503   margin-top: 0;
2504   margin-bottom: 1rem;
2505   overflow: auto;
2506   -ms-overflow-style: scrollbar; }
2507
2508 figure {
2509   margin: 0 0 1rem; }
2510
2511 img {
2512   vertical-align: middle;
2513   border-style: none; }
2514
2515 svg:not(:root) {
2516   overflow: hidden; }
2517
2518 table {
2519   border-collapse: collapse; }
2520
2521 caption {
2522   padding-top: 0.75rem;
2523   padding-bottom: 0.75rem;
2524   color: #868e96;
2525   text-align: left;
2526   caption-side: bottom; }
2527
2528 th {
2529   text-align: inherit; }
2530
2531 label {
2532   display: inline-block;
2533   margin-bottom: .5rem; }
2534
2535 button {
2536   border-radius: 0; }
2537
2538 button:focus {
2539   outline: 1px dotted;
2540   outline: 5px auto -webkit-focus-ring-color; }
2541
2542 input,
2543 button,
2544 select,
2545 optgroup,
2546 textarea {
2547   margin: 0;
2548   font-family: inherit;
2549   font-size: inherit;
2550   line-height: inherit; }
2551
2552 button,
2553 input {
2554   overflow: visible; }
2555
2556 button,
2557 select {
2558   text-transform: none; }
2559
2560 button,
2561 html [type="button"],
2562 [type="reset"],
2563 [type="submit"] {
2564   -webkit-appearance: button; }
2565
2566 button::-moz-focus-inner,
2567 [type="button"]::-moz-focus-inner,
2568 [type="reset"]::-moz-focus-inner,
2569 [type="submit"]::-moz-focus-inner {
2570   padding: 0;
2571   border-style: none; }
2572
2573 input[type="radio"],
2574 input[type="checkbox"] {
2575   box-sizing: border-box;
2576   padding: 0; }
2577
2578 input[type="date"],
2579 input[type="time"],
2580 input[type="datetime-local"],
2581 input[type="month"] {
2582   -webkit-appearance: listbox; }
2583
2584 textarea {
2585   overflow: auto;
2586   resize: vertical; }
2587
2588 fieldset {
2589   min-width: 0;
2590   padding: 0;
2591   margin: 0;
2592   border: 0; }
2593
2594 legend {
2595   display: block;
2596   width: 100%;
2597   max-width: 100%;
2598   padding: 0;
2599   margin-bottom: .5rem;
2600   font-size: 1.5rem;
2601   line-height: inherit;
2602   color: inherit;
2603   white-space: normal; }
2604
2605 progress {
2606   vertical-align: baseline; }
2607
2608 [type="number"]::-webkit-inner-spin-button,
2609 [type="number"]::-webkit-outer-spin-button {
2610   height: auto; }
2611
2612 [type="search"] {
2613   outline-offset: -2px;
2614   -webkit-appearance: none; }
2615
2616 [type="search"]::-webkit-search-cancel-button,
2617 [type="search"]::-webkit-search-decoration {
2618   -webkit-appearance: none; }
2619
2620 ::-webkit-file-upload-button {
2621   font: inherit;
2622   -webkit-appearance: button; }
2623
2624 output {
2625   display: inline-block; }
2626
2627 summary {
2628   display: list-item;
2629   cursor: pointer; }
2630
2631 template {
2632   display: none; }
2633
2634 [hidden] {
2635   display: none !important; }
2636
2637 h1, h2, h3, h4, h5, h6,
2638 .h1, .h2, .path-calendar .maincalendar .calendar-controls .current, .h3, .h4, .h5, .h6 {
2639   margin-bottom: 0.5rem;
2640   font-family: inherit;
2641   font-weight: 300;
2642   line-height: 1.2;
2643   color: inherit; }
2644
2645 h1, .h1 {
2646   font-size: 2.34375rem; }
2647
2648 h2, .h2, .path-calendar .maincalendar .calendar-controls .current {
2649   font-size: 1.875rem; }
2650
2651 h3, .h3 {
2652   font-size: 1.640625rem; }
2653
2654 h4, .h4 {
2655   font-size: 1.40625rem; }
2656
2657 h5, .h5 {
2658   font-size: 1.171875rem; }
2659
2660 h6, .h6 {
2661   font-size: 0.9375rem; }
2662
2663 .lead, .userprofile .profile_tree section h3 {
2664   font-size: 1.171875rem;
2665   font-weight: 300; }
2666
2667 .display-1 {
2668   font-size: 6rem;
2669   font-weight: 300;
2670   line-height: 1.2; }
2671
2672 .display-2 {
2673   font-size: 5.5rem;
2674   font-weight: 300;
2675   line-height: 1.2; }
2676
2677 .display-3 {
2678   font-size: 4.5rem;
2679   font-weight: 300;
2680   line-height: 1.2; }
2681
2682 .display-4 {
2683   font-size: 3.5rem;
2684   font-weight: 300;
2685   line-height: 1.2; }
2686
2687 hr {
2688   margin-top: 1rem;
2689   margin-bottom: 1rem;
2690   border: 0;
2691   border-top: 1px solid rgba(0, 0, 0, 0.1); }
2692
2693 small,
2694 .small,
2695 #page-admin-search .adminpagepath li {
2696   font-size: 80%;
2697   font-weight: 400; }
2698
2699 mark,
2700 .mark {
2701   padding: 0.2em;
2702   background-color: #fcf8e3; }
2703
2704 .list-unstyled {
2705   padding-left: 0;
2706   list-style: none; }
2707
2708 .list-inline {
2709   padding-left: 0;
2710   list-style: none; }
2711
2712 .list-inline-item {
2713   display: inline-block; }
2714   .list-inline-item:not(:last-child) {
2715     margin-right: 0.5rem; }
2716
2717 .initialism {
2718   font-size: 90%;
2719   text-transform: uppercase; }
2720
2721 .blockquote {
2722   margin-bottom: 1rem;
2723   font-size: 1.171875rem; }
2724
2725 .blockquote-footer {
2726   display: block;
2727   font-size: 80%;
2728   color: #868e96; }
2729   .blockquote-footer::before {
2730     content: "\2014 \00A0"; }
2731
2732 .img-fluid, .img-responsive {
2733   max-width: 100%;
2734   height: auto; }
2735
2736 .img-thumbnail {
2737   padding: 0.25rem;
2738   background-color: #fff;
2739   border: 1px solid #dee2e6;
2740   max-width: 100%;
2741   height: auto; }
2742
2743 .figure {
2744   display: inline-block; }
2745
2746 .figure-img {
2747   margin-bottom: 0.5rem;
2748   line-height: 1; }
2749
2750 .figure-caption {
2751   font-size: 90%;
2752   color: #868e96; }
2753
2754 code,
2755 kbd,
2756 pre,
2757 samp {
2758   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
2759
2760 code {
2761   font-size: 87.5%;
2762   color: #e83e8c;
2763   word-break: break-word; }
2764   a > code {
2765     color: inherit; }
2766
2767 kbd {
2768   padding: 0.2rem 0.4rem;
2769   font-size: 87.5%;
2770   color: #fff;
2771   background-color: #212529; }
2772   kbd kbd {
2773     padding: 0;
2774     font-size: 100%;
2775     font-weight: 700; }
2776
2777 pre {
2778   display: block;
2779   font-size: 87.5%;
2780   color: #212529; }
2781   pre code {
2782     font-size: inherit;
2783     color: inherit;
2784     word-break: normal; }
2785
2786 .pre-scrollable {
2787   max-height: 340px;
2788   overflow-y: scroll; }
2789
2790 .container {
2791   width: 100%;
2792   padding-right: 15px;
2793   padding-left: 15px;
2794   margin-right: auto;
2795   margin-left: auto; }
2796   @media (min-width: 576px) {
2797     .container {
2798       max-width: 540px; } }
2799   @media (min-width: 768px) {
2800     .container {
2801       max-width: 720px; } }
2802   @media (min-width: 992px) {
2803     .container {
2804       max-width: 960px; } }
2805   @media (min-width: 1200px) {
2806     .container {
2807       max-width: 1140px; } }
2808
2809 .container-fluid {
2810   width: 100%;
2811   padding-right: 15px;
2812   padding-left: 15px;
2813   margin-right: auto;
2814   margin-left: auto; }
2815
2816 .row {
2817   display: flex;
2818   flex-wrap: wrap;
2819   margin-right: -15px;
2820   margin-left: -15px; }
2821
2822 .no-gutters {
2823   margin-right: 0;
2824   margin-left: 0; }
2825   .no-gutters > .col,
2826   .no-gutters > [class*="col-"] {
2827     padding-right: 0;
2828     padding-left: 0; }
2829
2830 .col-1, .col-xs-1, .col-2, .col-xs-2, .col-3, .col-xs-3, .col-4, .col-xs-4, .col-5, .col-xs-5, .col-6, .col-xs-6, .col-7, .col-xs-7, .col-8, .col-xs-8, .col-9, .col-xs-9, .col-10, .col-xs-10, .col-11, .col-xs-11, .col-12, .col-xs-12, .col,
2831 .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,
2832 .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,
2833 .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,
2834 .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,
2835 .col-xl-auto {
2836   position: relative;
2837   width: 100%;
2838   min-height: 1px;
2839   padding-right: 15px;
2840   padding-left: 15px; }
2841
2842 .col {
2843   flex-basis: 0;
2844   flex-grow: 1;
2845   max-width: 100%; }
2846
2847 .col-auto {
2848   flex: 0 0 auto;
2849   width: auto;
2850   max-width: none; }
2851
2852 .col-1, .col-xs-1 {
2853   flex: 0 0 8.3333333333%;
2854   max-width: 8.3333333333%; }
2855
2856 .col-2, .col-xs-2 {
2857   flex: 0 0 16.6666666667%;
2858   max-width: 16.6666666667%; }
2859
2860 .col-3, .col-xs-3 {
2861   flex: 0 0 25%;
2862   max-width: 25%; }
2863
2864 .col-4, .col-xs-4 {
2865   flex: 0 0 33.3333333333%;
2866   max-width: 33.3333333333%; }
2867
2868 .col-5, .col-xs-5 {
2869   flex: 0 0 41.6666666667%;
2870   max-width: 41.6666666667%; }
2871
2872 .col-6, .col-xs-6 {
2873   flex: 0 0 50%;
2874   max-width: 50%; }
2875
2876 .col-7, .col-xs-7 {
2877   flex: 0 0 58.3333333333%;
2878   max-width: 58.3333333333%; }
2879
2880 .col-8, .col-xs-8 {
2881   flex: 0 0 66.6666666667%;
2882   max-width: 66.6666666667%; }
2883
2884 .col-9, .col-xs-9 {
2885   flex: 0 0 75%;
2886   max-width: 75%; }
2887
2888 .col-10, .col-xs-10 {
2889   flex: 0 0 83.3333333333%;
2890   max-width: 83.3333333333%; }
2891
2892 .col-11, .col-xs-11 {
2893   flex: 0 0 91.6666666667%;
2894   max-width: 91.6666666667%; }
2895
2896 .col-12, .col-xs-12 {
2897   flex: 0 0 100%;
2898   max-width: 100%; }
2899
2900 .order-first {
2901   order: -1; }
2902
2903 .order-last {
2904   order: 13; }
2905
2906 .order-0 {
2907   order: 0; }
2908
2909 .order-1 {
2910   order: 1; }
2911
2912 .order-2 {
2913   order: 2; }
2914
2915 .order-3 {
2916   order: 3; }
2917
2918 .order-4 {
2919   order: 4; }
2920
2921 .order-5 {
2922   order: 5; }
2923
2924 .order-6 {
2925   order: 6; }
2926
2927 .order-7 {
2928   order: 7; }
2929
2930 .order-8 {
2931   order: 8; }
2932
2933 .order-9 {
2934   order: 9; }
2935
2936 .order-10 {
2937   order: 10; }
2938
2939 .order-11 {
2940   order: 11; }
2941
2942 .order-12 {
2943   order: 12; }
2944
2945 .offset-1 {
2946   margin-left: 8.3333333333%; }
2947
2948 .offset-2 {
2949   margin-left: 16.6666666667%; }
2950
2951 .offset-3 {
2952   margin-left: 25%; }
2953
2954 .offset-4 {
2955   margin-left: 33.3333333333%; }
2956
2957 .offset-5 {
2958   margin-left: 41.6666666667%; }
2959
2960 .offset-6 {
2961   margin-left: 50%; }
2962
2963 .offset-7 {
2964   margin-left: 58.3333333333%; }
2965
2966 .offset-8 {
2967   margin-left: 66.6666666667%; }
2968
2969 .offset-9 {
2970   margin-left: 75%; }
2971
2972 .offset-10 {
2973   margin-left: 83.3333333333%; }
2974
2975 .offset-11 {
2976   margin-left: 91.6666666667%; }
2977
2978 @media (min-width: 576px) {
2979   .col-sm {
2980     flex-basis: 0;
2981     flex-grow: 1;
2982     max-width: 100%; }
2983   .col-sm-auto {
2984     flex: 0 0 auto;
2985     width: auto;
2986     max-width: none; }
2987   .col-sm-1 {
2988     flex: 0 0 8.3333333333%;
2989     max-width: 8.3333333333%; }
2990   .col-sm-2 {
2991     flex: 0 0 16.6666666667%;
2992     max-width: 16.6666666667%; }
2993   .col-sm-3 {
2994     flex: 0 0 25%;
2995     max-width: 25%; }
2996   .col-sm-4 {
2997     flex: 0 0 33.3333333333%;
2998     max-width: 33.3333333333%; }
2999   .col-sm-5 {
3000     flex: 0 0 41.6666666667%;
3001     max-width: 41.6666666667%; }
3002   .col-sm-6 {
3003     flex: 0 0 50%;
3004     max-width: 50%; }
3005   .col-sm-7 {
3006     flex: 0 0 58.3333333333%;
3007     max-width: 58.3333333333%; }
3008   .col-sm-8 {
3009     flex: 0 0 66.6666666667%;
3010     max-width: 66.6666666667%; }
3011   .col-sm-9 {
3012     flex: 0 0 75%;
3013     max-width: 75%; }
3014   .col-sm-10 {
3015     flex: 0 0 83.3333333333%;
3016     max-width: 83.3333333333%; }
3017   .col-sm-11 {
3018     flex: 0 0 91.6666666667%;
3019     max-width: 91.6666666667%; }
3020   .col-sm-12 {
3021     flex: 0 0 100%;
3022     max-width: 100%; }
3023   .order-sm-first {
3024     order: -1; }
3025   .order-sm-last {
3026     order: 13; }
3027   .order-sm-0 {
3028     order: 0; }
3029   .order-sm-1 {
3030     order: 1; }
3031   .order-sm-2 {
3032     order: 2; }
3033   .order-sm-3 {
3034     order: 3; }
3035   .order-sm-4 {
3036     order: 4; }
3037   .order-sm-5 {
3038     order: 5; }
3039   .order-sm-6 {
3040     order: 6; }
3041   .order-sm-7 {
3042     order: 7; }
3043   .order-sm-8 {
3044     order: 8; }
3045   .order-sm-9 {
3046     order: 9; }
3047   .order-sm-10 {
3048     order: 10; }
3049   .order-sm-11 {
3050     order: 11; }
3051   .order-sm-12 {
3052     order: 12; }
3053   .offset-sm-0 {
3054     margin-left: 0; }
3055   .offset-sm-1 {
3056     margin-left: 8.3333333333%; }
3057   .offset-sm-2 {
3058     margin-left: 16.6666666667%; }
3059   .offset-sm-3 {
3060     margin-left: 25%; }
3061   .offset-sm-4 {
3062     margin-left: 33.3333333333%; }
3063   .offset-sm-5 {
3064     margin-left: 41.6666666667%; }
3065   .offset-sm-6 {
3066     margin-left: 50%; }
3067   .offset-sm-7 {
3068     margin-left: 58.3333333333%; }
3069   .offset-sm-8 {
3070     margin-left: 66.6666666667%; }
3071   .offset-sm-9 {
3072     margin-left: 75%; }
3073   .offset-sm-10 {
3074     margin-left: 83.3333333333%; }
3075   .offset-sm-11 {
3076     margin-left: 91.6666666667%; } }
3077
3078 @media (min-width: 768px) {
3079   .col-md {
3080     flex-basis: 0;
3081     flex-grow: 1;
3082     max-width: 100%; }
3083   .col-md-auto {
3084     flex: 0 0 auto;
3085     width: auto;
3086     max-width: none; }
3087   .col-md-1 {
3088     flex: 0 0 8.3333333333%;
3089     max-width: 8.3333333333%; }
3090   .col-md-2 {
3091     flex: 0 0 16.6666666667%;
3092     max-width: 16.6666666667%; }
3093   .col-md-3 {
3094     flex: 0 0 25%;
3095     max-width: 25%; }
3096   .col-md-4 {
3097     flex: 0 0 33.3333333333%;
3098     max-width: 33.3333333333%; }
3099   .col-md-5 {
3100     flex: 0 0 41.6666666667%;
3101     max-width: 41.6666666667%; }
3102   .col-md-6 {
3103     flex: 0 0 50%;
3104     max-width: 50%; }
3105   .col-md-7 {
3106     flex: 0 0 58.3333333333%;
3107     max-width: 58.3333333333%; }
3108   .col-md-8 {
3109     flex: 0 0 66.6666666667%;
3110     max-width: 66.6666666667%; }
3111   .col-md-9 {
3112     flex: 0 0 75%;
3113     max-width: 75%; }
3114   .col-md-10 {
3115     flex: 0 0 83.3333333333%;
3116     max-width: 83.3333333333%; }
3117   .col-md-11 {
3118     flex: 0 0 91.6666666667%;
3119     max-width: 91.6666666667%; }
3120   .col-md-12 {
3121     flex: 0 0 100%;
3122     max-width: 100%; }
3123   .order-md-first {
3124     order: -1; }
3125   .order-md-last {
3126     order: 13; }
3127   .order-md-0 {
3128     order: 0; }
3129   .order-md-1 {
3130     order: 1; }
3131   .order-md-2 {
3132     order: 2; }
3133   .order-md-3 {
3134     order: 3; }
3135   .order-md-4 {
3136     order: 4; }
3137   .order-md-5 {
3138     order: 5; }
3139   .order-md-6 {
3140     order: 6; }
3141   .order-md-7 {
3142     order: 7; }
3143   .order-md-8 {
3144     order: 8; }
3145   .order-md-9 {
3146     order: 9; }
3147   .order-md-10 {
3148     order: 10; }
3149   .order-md-11 {
3150     order: 11; }
3151   .order-md-12 {
3152     order: 12; }
3153   .offset-md-0 {
3154     margin-left: 0; }
3155   .offset-md-1 {
3156     margin-left: 8.3333333333%; }
3157   .offset-md-2 {
3158     margin-left: 16.6666666667%; }
3159   .offset-md-3 {
3160     margin-left: 25%; }
3161   .offset-md-4 {
3162     margin-left: 33.3333333333%; }
3163   .offset-md-5 {
3164     margin-left: 41.6666666667%; }
3165   .offset-md-6 {
3166     margin-left: 50%; }
3167   .offset-md-7 {
3168     margin-left: 58.3333333333%; }
3169   .offset-md-8 {
3170     margin-left: 66.6666666667%; }
3171   .offset-md-9 {
3172     margin-left: 75%; }
3173   .offset-md-10 {
3174     margin-left: 83.3333333333%; }
3175   .offset-md-11 {
3176     margin-left: 91.6666666667%; } }
3177
3178 @media (min-width: 992px) {
3179   .col-lg {
3180     flex-basis: 0;
3181     flex-grow: 1;
3182     max-width: 100%; }
3183   .col-lg-auto {
3184     flex: 0 0 auto;
3185     width: auto;
3186     max-width: none; }
3187   .col-lg-1 {
3188     flex: 0 0 8.3333333333%;
3189     max-width: 8.3333333333%; }
3190   .col-lg-2 {
3191     flex: 0 0 16.6666666667%;
3192     max-width: 16.6666666667%; }
3193   .col-lg-3 {
3194     flex: 0 0 25%;
3195     max-width: 25%; }
3196   .col-lg-4 {
3197     flex: 0 0 33.3333333333%;
3198     max-width: 33.3333333333%; }
3199   .col-lg-5 {
3200     flex: 0 0 41.6666666667%;
3201     max-width: 41.6666666667%; }
3202   .col-lg-6 {
3203     flex: 0 0 50%;
3204     max-width: 50%; }
3205   .col-lg-7 {
3206     flex: 0 0 58.3333333333%;
3207     max-width: 58.3333333333%; }
3208   .col-lg-8 {
3209     flex: 0 0 66.6666666667%;
3210     max-width: 66.6666666667%; }
3211   .col-lg-9 {
3212     flex: 0 0 75%;
3213     max-width: 75%; }
3214   .col-lg-10 {
3215     flex: 0 0 83.3333333333%;
3216     max-width: 83.3333333333%; }
3217   .col-lg-11 {
3218     flex: 0 0 91.6666666667%;
3219     max-width: 91.6666666667%; }
3220   .col-lg-12 {
3221     flex: 0 0 100%;
3222     max-width: 100%; }
3223   .order-lg-first {
3224     order: -1; }
3225   .order-lg-last {
3226     order: 13; }
3227   .order-lg-0 {
3228     order: 0; }
3229   .order-lg-1 {
3230     order: 1; }
3231   .order-lg-2 {
3232     order: 2; }
3233   .order-lg-3 {
3234     order: 3; }
3235   .order-lg-4 {
3236     order: 4; }
3237   .order-lg-5 {
3238     order: 5; }
3239   .order-lg-6 {
3240     order: 6; }
3241   .order-lg-7 {
3242     order: 7; }
3243   .order-lg-8 {
3244     order: 8; }
3245   .order-lg-9 {
3246     order: 9; }
3247   .order-lg-10 {
3248     order: 10; }
3249   .order-lg-11 {
3250     order: 11; }
3251   .order-lg-12 {
3252     order: 12; }
3253   .offset-lg-0 {
3254     margin-left: 0; }
3255   .offset-lg-1 {
3256     margin-left: 8.3333333333%; }
3257   .offset-lg-2 {
3258     margin-left: 16.6666666667%; }
3259   .offset-lg-3 {
3260     margin-left: 25%; }
3261   .offset-lg-4 {
3262     margin-left: 33.3333333333%; }
3263   .offset-lg-5 {
3264     margin-left: 41.6666666667%; }
3265   .offset-lg-6 {
3266     margin-left: 50%; }
3267   .offset-lg-7 {
3268     margin-left: 58.3333333333%; }
3269   .offset-lg-8 {
3270     margin-left: 66.6666666667%; }
3271   .offset-lg-9 {
3272     margin-left: 75%; }
3273   .offset-lg-10 {
3274     margin-left: 83.3333333333%; }
3275   .offset-lg-11 {
3276     margin-left: 91.6666666667%; } }
3277
3278 @media (min-width: 1200px) {
3279   .col-xl {
3280     flex-basis: 0;
3281     flex-grow: 1;
3282     max-width: 100%; }
3283   .col-xl-auto {
3284     flex: 0 0 auto;
3285     width: auto;
3286     max-width: none; }
3287   .col-xl-1 {
3288     flex: 0 0 8.3333333333%;
3289     max-width: 8.3333333333%; }
3290   .col-xl-2 {
3291     flex: 0 0 16.6666666667%;
3292     max-width: 16.6666666667%; }
3293   .col-xl-3 {
3294     flex: 0 0 25%;
3295     max-width: 25%; }
3296   .col-xl-4 {
3297     flex: 0 0 33.3333333333%;
3298     max-width: 33.3333333333%; }
3299   .col-xl-5 {
3300     flex: 0 0 41.6666666667%;
3301     max-width: 41.6666666667%; }
3302   .col-xl-6 {
3303     flex: 0 0 50%;
3304     max-width: 50%; }
3305   .col-xl-7 {
3306     flex: 0 0 58.3333333333%;
3307     max-width: 58.3333333333%; }
3308   .col-xl-8 {
3309     flex: 0 0 66.6666666667%;
3310     max-width: 66.6666666667%; }
3311   .col-xl-9 {
3312     flex: 0 0 75%;
3313     max-width: 75%; }
3314   .col-xl-10 {
3315     flex: 0 0 83.3333333333%;
3316     max-width: 83.3333333333%; }
3317   .col-xl-11 {
3318     flex: 0 0 91.6666666667%;
3319     max-width: 91.6666666667%; }
3320   .col-xl-12 {
3321     flex: 0 0 100%;
3322     max-width: 100%; }
3323   .order-xl-first {
3324     order: -1; }
3325   .order-xl-last {
3326     order: 13; }
3327   .order-xl-0 {
3328     order: 0; }
3329   .order-xl-1 {
3330     order: 1; }
3331   .order-xl-2 {
3332     order: 2; }
3333   .order-xl-3 {
3334     order: 3; }
3335   .order-xl-4 {
3336     order: 4; }
3337   .order-xl-5 {
3338     order: 5; }
3339   .order-xl-6 {
3340     order: 6; }
3341   .order-xl-7 {
3342     order: 7; }
3343   .order-xl-8 {
3344     order: 8; }
3345   .order-xl-9 {
3346     order: 9; }
3347   .order-xl-10 {
3348     order: 10; }
3349   .order-xl-11 {
3350     order: 11; }
3351   .order-xl-12 {
3352     order: 12; }
3353   .offset-xl-0 {
3354     margin-left: 0; }
3355   .offset-xl-1 {
3356     margin-left: 8.3333333333%; }
3357   .offset-xl-2 {
3358     margin-left: 16.6666666667%; }
3359   .offset-xl-3 {
3360     margin-left: 25%; }
3361   .offset-xl-4 {
3362     margin-left: 33.3333333333%; }
3363   .offset-xl-5 {
3364     margin-left: 41.6666666667%; }
3365   .offset-xl-6 {
3366     margin-left: 50%; }
3367   .offset-xl-7 {
3368     margin-left: 58.3333333333%; }
3369   .offset-xl-8 {
3370     margin-left: 66.6666666667%; }
3371   .offset-xl-9 {
3372     margin-left: 75%; }
3373   .offset-xl-10 {
3374     margin-left: 83.3333333333%; }
3375   .offset-xl-11 {
3376     margin-left: 91.6666666667%; } }
3377
3378 .table, table.collection, table.flexible,
3379 .generaltable {
3380   width: 100%;
3381   max-width: 100%;
3382   margin-bottom: 1rem;
3383   background-color: transparent; }
3384   .table th, table.collection th, table.flexible th, .generaltable th,
3385   .table td,
3386   table.collection td,
3387   table.flexible td,
3388   .generaltable td {
3389     padding: 0.75rem;
3390     vertical-align: top;
3391     border-top: 1px solid #dee2e6; }
3392   .table thead th, table.collection thead th, table.flexible thead th, .generaltable thead th {
3393     vertical-align: bottom;
3394     border-bottom: 2px solid #dee2e6; }
3395   .table tbody + tbody, table.collection tbody + tbody, table.flexible tbody + tbody, .generaltable tbody + tbody {
3396     border-top: 2px solid #dee2e6; }
3397   .table .table, table.collection .table, table.flexible .table, .generaltable .table, .table table.collection, table.collection table.collection, table.flexible table.collection, .generaltable table.collection, .table table.flexible, table.collection table.flexible, table.flexible table.flexible, .generaltable table.flexible,
3398   .table .generaltable,
3399   table.collection .generaltable,
3400   table.flexible .generaltable,
3401   .generaltable .generaltable {
3402     background-color: #fff; }
3403
3404 .table-sm th, #page-report-loglive-index .generaltable th, #page-admin-report-log-index .generaltable th, #page-report-log-user .generaltable th, #page-admin-user table th, .environmenttable th, .category_subcategories th, .rcs-results th, table#listdirectories th,
3405 .table-sm td,
3406 #page-report-loglive-index .generaltable td,
3407 #page-admin-report-log-index .generaltable td,
3408 #page-report-log-user .generaltable td,
3409 #page-admin-user table td,
3410 .environmenttable td,
3411 .category_subcategories td,
3412 .rcs-results td,
3413 table#listdirectories td {
3414   padding: 0.3rem; }
3415
3416 .table-bordered, table.collection {
3417   border: 1px solid #dee2e6; }
3418   .table-bordered th, table.collection th,
3419   .table-bordered td,
3420   table.collection td {
3421     border: 1px solid #dee2e6; }
3422   .table-bordered thead th, table.collection thead th,
3423   .table-bordered thead td,
3424   table.collection thead td {
3425     border-bottom-width: 2px; }
3426
3427 .table-striped tbody tr:nth-of-type(odd), table.collection tbody tr:nth-of-type(odd), table#explaincaps tbody tr:nth-of-type(odd), table#defineroletable tbody tr:nth-of-type(odd), table.grading-report tbody tr:nth-of-type(odd), table#listdirectories tbody tr:nth-of-type(odd), table.rolecaps tbody tr:nth-of-type(odd), table.userenrolment tbody tr:nth-of-type(odd), form#movecourses table tbody tr:nth-of-type(odd), #page-admin-course-index .editcourse tbody tr:nth-of-type(odd), .forumheaderlist tbody tr:nth-of-type(odd), table.flexible tbody tr:nth-of-type(odd), .generaltable tbody tr:nth-of-type(odd) {
3428   background-color: rgba(0, 0, 0, 0.05); }
3429
3430 .table-hover tbody tr:hover, table.grading-report tbody tr:hover, .forumheaderlist tbody tr:hover, .generaltable tbody tr:hover, table.flexible tbody tr:hover, .category_subcategories tbody tr:hover, table#modules tbody tr:hover, table#permissions tbody tr:hover {
3431   background-color: rgba(0, 0, 0, 0.075); }
3432
3433 .table-primary,
3434 .table-primary > th,
3435 .table-primary > td {
3436   background-color: #bcd9f2; }
3437
3438 .table-hover .table-primary:hover, table.grading-report .table-primary:hover, .forumheaderlist .table-primary:hover, .generaltable .table-primary:hover, table.flexible .table-primary:hover, .category_subcategories .table-primary:hover, table#modules .table-primary:hover, table#permissions .table-primary:hover {
3439   background-color: #a7cdee; }
3440   .table-hover .table-primary:hover > td, table.grading-report .table-primary:hover > td, .forumheaderlist .table-primary:hover > td, .generaltable .table-primary:hover > td, table.flexible .table-primary:hover > td, .category_subcategories .table-primary:hover > td, table#modules .table-primary:hover > td, table#permissions .table-primary:hover > td,
3441   .table-hover .table-primary:hover > th,
3442   table.grading-report .table-primary:hover > th,
3443   .forumheaderlist .table-primary:hover > th,
3444   .generaltable .table-primary:hover > th,
3445   table.flexible .table-primary:hover > th,
3446   .category_subcategories .table-primary:hover > th,
3447   table#modules .table-primary:hover > th,
3448   table#permissions .table-primary:hover > th {
3449     background-color: #a7cdee; }
3450
3451 .table-secondary,
3452 .table-secondary > th,
3453 .table-secondary > td {
3454   background-color: #f9fafb; }
3455
3456 .table-hover .table-secondary:hover, table.grading-report .table-secondary:hover, .forumheaderlist .table-secondary:hover, .generaltable .table-secondary:hover, table.flexible .table-secondary:hover, .category_subcategories .table-secondary:hover, table#modules .table-secondary:hover, table#permissions .table-secondary:hover {
3457   background-color: #eaedf1; }
3458   .table-hover .table-secondary:hover > td, table.grading-report .table-secondary:hover > td, .forumheaderlist .table-secondary:hover > td, .generaltable .table-secondary:hover > td, table.flexible .table-secondary:hover > td, .category_subcategories .table-secondary:hover > td, table#modules .table-secondary:hover > td, table#permissions .table-secondary:hover > td,
3459   .table-hover .table-secondary:hover > th,
3460   table.grading-report .table-secondary:hover > th,
3461   .forumheaderlist .table-secondary:hover > th,
3462   .generaltable .table-secondary:hover > th,
3463   table.flexible .table-secondary:hover > th,
3464   .category_subcategories .table-secondary:hover > th,
3465   table#modules .table-secondary:hover > th,
3466   table#permissions .table-secondary:hover > th {
3467     background-color: #eaedf1; }
3468
3469 .table-success,
3470 .table-success > th,
3471 .table-success > td {
3472   background-color: #d1ebd1; }
3473
3474 .table-hover .table-success:hover, table.grading-report .table-success:hover, .forumheaderlist .table-success:hover, .generaltable .table-success:hover, table.flexible .table-success:hover, .category_subcategories .table-success:hover, table#modules .table-success:hover, table#permissions .table-success:hover {
3475   background-color: #bfe3bf; }
3476   .table-hover .table-success:hover > td, table.grading-report .table-success:hover > td, .forumheaderlist .table-success:hover > td, .generaltable .table-success:hover > td, table.flexible .table-success:hover > td, .category_subcategories .table-success:hover > td, table#modules .table-success:hover > td, table#permissions .table-success:hover > td,
3477   .table-hover .table-success:hover > th,
3478   table.grading-report .table-success:hover > th,
3479   .forumheaderlist .table-success:hover > th,
3480   .generaltable .table-success:hover > th,
3481   table.flexible .table-success:hover > th,
3482   .category_subcategories .table-success:hover > th,
3483   table#modules .table-success:hover > th,
3484   table#permissions .table-success:hover > th {
3485     background-color: #bfe3bf; }
3486
3487 .table-info,
3488 .table-info > th,
3489 .table-info > td {
3490   background-color: #d1edf6; }
3491
3492 .table-hover .table-info:hover, table.grading-report .table-info:hover, .forumheaderlist .table-info:hover, .generaltable .table-info:hover, table.flexible .table-info:hover, .category_subcategories .table-info:hover, table#modules .table-info:hover, table#permissions .table-info:hover {
3493   background-color: #bce5f2; }
3494   .table-hover .table-info:hover > td, table.grading-report .table-info:hover > td, .forumheaderlist .table-info:hover > td, .generaltable .table-info:hover > td, table.flexible .table-info:hover > td, .category_subcategories .table-info:hover > td, table#modules .table-info:hover > td, table#permissions .table-info:hover > td,
3495   .table-hover .table-info:hover > th,
3496   table.grading-report .table-info:hover > th,
3497   .forumheaderlist .table-info:hover > th,
3498   .generaltable .table-info:hover > th,
3499   table.flexible .table-info:hover > th,
3500   .category_subcategories .table-info:hover > th,
3501   table#modules .table-info:hover > th,
3502   table#permissions .table-info:hover > th {
3503     background-color: #bce5f2; }
3504
3505 .table-warning, #overriderolestable .overriddenpermission,
3506 .table-warning > th,
3507 #overriderolestable .overriddenpermission > th,
3508 .table-warning > td,
3509 #overriderolestable .overriddenpermission > td {
3510   background-color: #fbe8cd; }
3511
3512 .table-hover .table-warning:hover, table.grading-report .table-warning:hover, .forumheaderlist .table-warning:hover, .generaltable .table-warning:hover, table.flexible .table-warning:hover, .category_subcategories .table-warning:hover, table#modules .table-warning:hover, table#permissions .table-warning:hover, .table-hover #overriderolestable .overriddenpermission:hover, #overriderolestable .table-hover .overriddenpermission:hover, table.grading-report #overriderolestable .overriddenpermission:hover, #overriderolestable table.grading-report .overriddenpermission:hover, .forumheaderlist #overriderolestable .overriddenpermission:hover, #overriderolestable .forumheaderlist .overriddenpermission:hover, .generaltable #overriderolestable .overriddenpermission:hover, #overriderolestable .generaltable .overriddenpermission:hover, table.flexible #overriderolestable .overriddenpermission:hover, #overriderolestable table.flexible .overriddenpermission:hover, .category_subcategories #overriderolestable .overriddenpermission:hover, #overriderolestable .category_subcategories .overriddenpermission:hover, table#modules #overriderolestable .overriddenpermission:hover, #overriderolestable table#modules .overriddenpermission:hover, table#permissions #overriderolestable .overriddenpermission:hover, #overriderolestable table#permissions .overriddenpermission:hover {
3513   background-color: #f9ddb5; }
3514   .table-hover .table-warning:hover > td, table.grading-report .table-warning:hover > td, .forumheaderlist .table-warning:hover > td, .generaltable .table-warning:hover > td, table.flexible .table-warning:hover > td, .category_subcategories .table-warning:hover > td, table#modules .table-warning:hover > td, table#permissions .table-warning:hover > td, .table-hover #overriderolestable .overriddenpermission:hover > td, #overriderolestable .table-hover .overriddenpermission:hover > td, table.grading-report #overriderolestable .overriddenpermission:hover > td, #overriderolestable table.grading-report .overriddenpermission:hover > td, .forumheaderlist #overriderolestable .overriddenpermission:hover > td, #overriderolestable .forumheaderlist .overriddenpermission:hover > td, .generaltable #overriderolestable .overriddenpermission:hover > td, #overriderolestable .generaltable .overriddenpermission:hover > td, table.flexible #overriderolestable .overriddenpermission:hover > td, #overriderolestable table.flexible .overriddenpermission:hover > td, .category_subcategories #overriderolestable .overriddenpermission:hover > td, #overriderolestable .category_subcategories .overriddenpermission:hover > td, table#modules #overriderolestable .overriddenpermission:hover > td, #overriderolestable table#modules .overriddenpermission:hover > td, table#permissions #overriderolestable .overriddenpermission:hover > td, #overriderolestable table#permissions .overriddenpermission:hover > td,
3515   .table-hover .table-warning:hover > th,
3516   table.grading-report .table-warning:hover > th,
3517   .forumheaderlist .table-warning:hover > th,
3518   .generaltable .table-warning:hover > th,
3519   table.flexible .table-warning:hover > th,
3520   .category_subcategories .table-warning:hover > th,
3521   table#modules .table-warning:hover > th,
3522   table#permissions .table-warning:hover > th,
3523   .table-hover #overriderolestable .overriddenpermission:hover > th,
3524   #overriderolestable .table-hover .overriddenpermission:hover > th,
3525   table.grading-report #overriderolestable .overriddenpermission:hover > th,
3526   #overriderolestable table.grading-report .overriddenpermission:hover > th,
3527   .forumheaderlist #overriderolestable .overriddenpermission:hover > th,
3528   #overriderolestable .forumheaderlist .overriddenpermission:hover > th,
3529   .generaltable #overriderolestable .overriddenpermission:hover > th,
3530   #overriderolestable .generaltable .overriddenpermission:hover > th,
3531   table.flexible #overriderolestable .overriddenpermission:hover > th,
3532   #overriderolestable table.flexible .overriddenpermission:hover > th,
3533   .category_subcategories #overriderolestable .overriddenpermission:hover > th,
3534   #overriderolestable .category_subcategories .overriddenpermission:hover > th,
3535   table#modules #overriderolestable .overriddenpermission:hover > th,
3536   #overriderolestable table#modules .overriddenpermission:hover > th,
3537   table#permissions #overriderolestable .overriddenpermission:hover > th,
3538   #overriderolestable table#permissions .overriddenpermission:hover > th {
3539     background-color: #f9ddb5; }
3540
3541 .table-danger,
3542 .table-danger > th,
3543 .table-danger > td {
3544   background-color: #f4cfce; }
3545
3546 .table-hover .table-danger:hover, table.grading-report .table-danger:hover, .forumheaderlist .table-danger:hover, .generaltable .table-danger:hover, table.flexible .table-danger:hover, .category_subcategories .table-danger:hover, table#modules .table-danger:hover, table#permissions .table-danger:hover {
3547   background-color: #efbbb9; }
3548   .table-hover .table-danger:hover > td, table.grading-report .table-danger:hover > td, .forumheaderlist .table-danger:hover > td, .generaltable .table-danger:hover > td, table.flexible .table-danger:hover > td, .category_subcategories .table-danger:hover > td, table#modules .table-danger:hover > td, table#permissions .table-danger:hover > td,
3549   .table-hover .table-danger:hover > th,
3550   table.grading-report .table-danger:hover > th,
3551   .forumheaderlist .table-danger:hover > th,
3552   .generaltable .table-danger:hover > th,
3553   table.flexible .table-danger:hover > th,
3554   .category_subcategories .table-danger:hover > th,
3555   table#modules .table-danger:hover > th,
3556   table#permissions .table-danger:hover > th {
3557     background-color: #efbbb9; }
3558
3559 .table-light,
3560 .table-light > th,
3561 .table-light > td {
3562   background-color: #fdfdfe; }
3563
3564 .table-hover .table-light:hover, table.grading-report .table-light:hover, .forumheaderlist .table-light:hover, .generaltable .table-light:hover, table.flexible .table-light:hover, .category_subcategories .table-light:hover, table#modules .table-light:hover, table#permissions .table-light:hover {
3565   background-color: #ececf6; }
3566   .table-hover .table-light:hover > td, table.grading-report .table-light:hover > td, .forumheaderlist .table-light:hover > td, .generaltable .table-light:hover > td, table.flexible .table-light:hover > td, .category_subcategories .table-light:hover > td, table#modules .table-light:hover > td, table#permissions .table-light:hover > td,
3567   .table-hover .table-light:hover > th,
3568   table.grading-report .table-light:hover > th,
3569   .forumheaderlist .table-light:hover > th,
3570   .generaltable .table-light:hover > th,
3571   table.flexible .table-light:hover > th,
3572   .category_subcategories .table-light:hover > th,
3573   table#modules .table-light:hover > th,
3574   table#permissions .table-light:hover > th {
3575     background-color: #ececf6; }
3576
3577 .table-dark,
3578 .table-dark > th,
3579 .table-dark > td {
3580   background-color: #c7c8c8; }
3581
3582 .table-hover .table-dark:hover, table.grading-report .table-dark:hover, .forumheaderlist .table-dark:hover, .generaltable .table-dark:hover, table.flexible .table-dark:hover, .category_subcategories .table-dark:hover, table#modules .table-dark:hover, table#permissions .table-dark:hover {
3583   background-color: #babbbb; }
3584   .table-hover .table-dark:hover > td, table.grading-report .table-dark:hover > td, .forumheaderlist .table-dark:hover > td, .generaltable .table-dark:hover > td, table.flexible .table-dark:hover > td, .category_subcategories .table-dark:hover > td, table#modules .table-dark:hover > td, table#permissions .table-dark:hover > td,
3585   .table-hover .table-dark:hover > th,
3586   table.grading-report .table-dark:hover > th,
3587   .forumheaderlist .table-dark:hover > th,
3588   .generaltable .table-dark:hover > th,
3589   table.flexible .table-dark:hover > th,
3590   .category_subcategories .table-dark:hover > th,
3591   table#modules .table-dark:hover > th,
3592   table#permissions .table-dark:hover > th {
3593     background-color: #babbbb; }
3594
3595 .table-active,
3596 .table-active > th,
3597 .table-active > td {
3598   background-color: rgba(0, 0, 0, 0.075); }
3599
3600 .table-hover .table-active:hover, table.grading-report .table-active:hover, .forumheaderlist .table-active:hover, .generaltable .table-active:hover, table.flexible .table-active:hover, .category_subcategories .table-active:hover, table#modules .table-active:hover, table#permissions .table-active:hover {
3601   background-color: rgba(0, 0, 0, 0.075); }
3602   .table-hover .table-active:hover > td, table.grading-report .table-active:hover > td, .forumheaderlist .table-active:hover > td, .generaltable .table-active:hover > td, table.flexible .table-active:hover > td, .category_subcategories .table-active:hover > td, table#modules .table-active:hover > td, table#permissions .table-active:hover > td,
3603   .table-hover .table-active:hover > th,
3604   table.grading-report .table-active:hover > th,
3605   .forumheaderlist .table-active:hover > th,
3606   .generaltable .table-active:hover > th,
3607   table.flexible .table-active:hover > th,
3608   .category_subcategories .table-active:hover > th,
3609   table#modules .table-active:hover > th,
3610   table#permissions .table-active:hover > th {
3611     background-color: rgba(0, 0, 0, 0.075); }
3612
3613 .table .thead-dark th, table.collection .thead-dark th, table.flexible .thead-dark th, .generaltable .thead-dark th {
3614   color: #fff;
3615   background-color: #212529;
3616   border-color: #32383e; }
3617
3618 .table .thead-light th, table.collection .thead-light th, table.flexible .thead-light th, .generaltable .thead-light th {
3619   color: #495057;
3620   background-color: #e9ecef;
3621   border-color: #dee2e6; }
3622
3623 .table-dark {
3624   color: #fff;
3625   background-color: #212529; }
3626   .table-dark th,
3627   .table-dark td,
3628   .table-dark thead th {
3629     border-color: #32383e; }
3630   .table-dark.table-bordered, table.table-dark.collection {
3631     border: 0; }
3632   .table-dark.table-striped tbody tr:nth-of-type(odd), table.table-dark.collection tbody tr:nth-of-type(odd), table.table-dark#explaincaps tbody tr:nth-of-type(odd), table.table-dark#defineroletable tbody tr:nth-of-type(odd), table.table-dark.grading-report tbody tr:nth-of-type(odd), table.table-dark#listdirectories tbody tr:nth-of-type(odd), table.table-dark.rolecaps tbody tr:nth-of-type(odd), table.table-dark.userenrolment tbody tr:nth-of-type(odd), form#movecourses table.table-dark tbody tr:nth-of-type(odd), #page-admin-course-index .table-dark.editcourse tbody tr:nth-of-type(odd), .table-dark.forumheaderlist tbody tr:nth-of-type(odd), table.table-dark.flexible tbody tr:nth-of-type(odd), .table-dark.generaltable tbody tr:nth-of-type(odd) {
3633     background-color: rgba(255, 255, 255, 0.05); }
3634   .table-dark.table-hover tbody tr:hover, table.table-dark.grading-report tbody tr:hover, .table-dark.forumheaderlist tbody tr:hover, .table-dark.generaltable tbody tr:hover, table.table-dark.flexible tbody tr:hover, .table-dark.category_subcategories tbody tr:hover, table.table-dark#modules tbody tr:hover, table.table-dark#permissions tbody tr:hover {
3635     background-color: rgba(255, 255, 255, 0.075); }
3636
3637 @media (max-width: 575.98px) {
3638   .table-responsive-sm {
3639     display: block;
3640     width: 100%;
3641     overflow-x: auto;
3642     -webkit-overflow-scrolling: touch;
3643     -ms-overflow-style: -ms-autohiding-scrollbar; }
3644     .table-responsive-sm > .table-bordered, .table-responsive-sm > table.collection {
3645       border: 0; } }
3646
3647 @media (max-width: 767.98px) {
3648   .table-responsive-md {
3649     display: block;
3650     width: 100%;
3651     overflow-x: auto;
3652     -webkit-overflow-scrolling: touch;
3653     -ms-overflow-style: -ms-autohiding-scrollbar; }
3654     .table-responsive-md > .table-bordered, .table-responsive-md > table.collection {
3655       border: 0; } }
3656
3657 @media (max-width: 991.98px) {
3658   .table-responsive-lg {
3659     display: block;
3660     width: 100%;
3661     overflow-x: auto;
3662     -webkit-overflow-scrolling: touch;
3663     -ms-overflow-style: -ms-autohiding-scrollbar; }
3664     .table-responsive-lg > .table-bordered, .table-responsive-lg > table.collection {
3665       border: 0; } }
3666
3667 @media (max-width: 1199.98px) {
3668   .table-responsive-xl {
3669     display: block;
3670     width: 100%;
3671     overflow-x: auto;
3672     -webkit-overflow-scrolling: touch;
3673     -ms-overflow-style: -ms-autohiding-scrollbar; }
3674     .table-responsive-xl > .table-bordered, .table-responsive-xl > table.collection {
3675       border: 0; } }
3676
3677 .table-responsive {
3678   display: block;
3679   width: 100%;
3680   overflow-x: auto;
3681   -webkit-overflow-scrolling: touch;
3682   -ms-overflow-style: -ms-autohiding-scrollbar; }
3683   .table-responsive > .table-bordered, .table-responsive > table.collection {
3684     border: 0; }
3685
3686 .form-control {
3687   display: block;
3688   width: 100%;
3689   padding: 0.375rem 0.75rem;
3690   font-size: 0.9375rem;
3691   line-height: 1.5;
3692   color: #495057;
3693   background-color: #fff;
3694   background-clip: padding-box;
3695   border: 1px solid #ced4da;
3696   border-radius: 0;
3697   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
3698   .form-control::-ms-expand {
3699     background-color: transparent;
3700     border: 0; }
3701   .form-control:focus {
3702     color: #495057;
3703     background-color: #fff;
3704     border-color: #6eb5f3;
3705     outline: 0;
3706     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
3707   .form-control::placeholder {
3708     color: #868e96;
3709     opacity: 1; }
3710   .form-control:disabled, .form-control[readonly] {
3711     background-color: #e9ecef;
3712     opacity: 1; }
3713
3714 select.form-control:not([size]):not([multiple]) {
3715   height: calc(2.15625rem + 2px); }
3716
3717 select.form-control:focus::-ms-value {
3718   color: #495057;
3719   background-color: #fff; }
3720
3721 .form-control-file,
3722 .form-control-range {
3723   display: block;
3724   width: 100%; }
3725
3726 .col-form-label {
3727   padding-top: calc(0.375rem + 1px);
3728   padding-bottom: calc(0.375rem + 1px);
3729   margin-bottom: 0;
3730   font-size: inherit;
3731   line-height: 1.5; }
3732
3733 .col-form-label-lg {
3734   padding-top: calc(0.5rem + 1px);
3735   padding-bottom: calc(0.5rem + 1px);
3736   font-size: 1.171875rem;
3737   line-height: 1.5; }
3738
3739 .col-form-label-sm {
3740   padding-top: calc(0.25rem + 1px);
3741   padding-bottom: calc(0.25rem + 1px);
3742   font-size: 0.8203125rem;
3743   line-height: 1.5; }
3744
3745 .form-control-plaintext {
3746   display: block;
3747   width: 100%;
3748   padding-top: 0.375rem;
3749   padding-bottom: 0.375rem;
3750   margin-bottom: 0;
3751   line-height: 1.5;
3752   background-color: transparent;
3753   border: solid transparent;
3754   border-width: 1px 0; }
3755   .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
3756   .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
3757   .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
3758   .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-prepend > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-sm > .input-group-prepend > input.form-control-plaintext, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-prepend > .form-control-plaintext.addcriterion,
3759   .input-group-sm > .input-group-append > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-append > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-sm > .input-group-append > input.form-control-plaintext, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-append > .form-control-plaintext.addcriterion, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
3760   .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
3761   .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
3762   .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-prepend > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-lg > .input-group-prepend > input.form-control-plaintext, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-prepend > .form-control-plaintext.addcriterion,
3763   .input-group-lg > .input-group-append > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-append > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-lg > .input-group-append > input.form-control-plaintext, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-append > .form-control-plaintext.addcriterion {
3764     padding-right: 0;
3765     padding-left: 0; }
3766
3767 .form-control-sm, .input-group-sm > .form-control,
3768 .input-group-sm > .input-group-prepend > .input-group-text,
3769 .input-group-sm > .input-group-append > .input-group-text,
3770 .input-group-sm > .input-group-prepend > .btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-prepend > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-sm > .input-group-prepend > input, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-prepend > .addcriterion,
3771 .input-group-sm > .input-group-append > .btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-append > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-sm > .input-group-append > input, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-append > .addcriterion {
3772   padding: 0.25rem 0.5rem;
3773   font-size: 0.8203125rem;
3774   line-height: 1.5; }
3775
3776 select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
3777 .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
3778 .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
3779 .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-sm > .input-group-prepend > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-prepend > select.addcriterion:not([size]):not([multiple]),
3780 .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-sm > .input-group-append > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-append > select.addcriterion:not([size]):not([multiple]) {
3781   height: calc(1.73046875rem + 2px); }
3782
3783 .form-control-lg, .input-group-lg > .form-control,
3784 .input-group-lg > .input-group-prepend > .input-group-text,
3785 .input-group-lg > .input-group-append > .input-group-text,
3786 .input-group-lg > .input-group-prepend > .btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-prepend > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-lg > .input-group-prepend > input, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-prepend > .addcriterion,
3787 .input-group-lg > .input-group-append > .btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-append > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-lg > .input-group-append > input, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-append > .addcriterion {
3788   padding: 0.5rem 1rem;
3789   font-size: 1.171875rem;
3790   line-height: 1.5; }
3791
3792 select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
3793 .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
3794 .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
3795 .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-lg > .input-group-prepend > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-prepend > select.addcriterion:not([size]):not([multiple]),
3796 .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-lg > .input-group-append > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-append > select.addcriterion:not([size]):not([multiple]) {
3797   height: calc(2.7578125rem + 2px); }
3798
3799 .form-group, .form-buttons,
3800 .path-admin .buttons,
3801 #fitem_id_submitbutton,
3802 .fp-content-center form + div,
3803 div.backup-section + form,
3804 #fgroup_id_buttonar {
3805   margin-bottom: 1rem; }
3806
3807 .form-text {
3808   display: block;
3809   margin-top: 0.25rem; }
3810
3811 .form-row {
3812   display: flex;
3813   flex-wrap: wrap;
3814   margin-right: -5px;
3815   margin-left: -5px; }
3816   .form-row > .col,
3817   .form-row > [class*="col-"] {
3818     padding-right: 5px;
3819     padding-left: 5px; }
3820
3821 .form-check {
3822   position: relative;
3823   display: block;
3824   padding-left: 1.25rem; }
3825
3826 .form-check-input {
3827   position: absolute;
3828   margin-top: 0.3rem;
3829   margin-left: -1.25rem; }
3830   .form-check-input:disabled ~ .form-check-label {
3831     color: #868e96; }
3832
3833 .form-check-label {
3834   margin-bottom: 0; }
3835
3836 .form-check-inline {
3837   display: inline-flex;
3838   align-items: center;
3839   padding-left: 0;
3840   margin-right: 0.75rem; }
3841   .form-check-inline .form-check-input {
3842     position: static;
3843     margin-top: 0;
3844     margin-right: 0.3125rem;
3845     margin-left: 0; }
3846
3847 .valid-feedback {
3848   display: none;
3849   width: 100%;
3850   margin-top: 0.25rem;
3851   font-size: 80%;
3852   color: #5cb85c; }
3853
3854 .valid-tooltip {
3855   position: absolute;
3856   top: 100%;
3857   z-index: 5;
3858   display: none;
3859   max-width: 100%;
3860   padding: .5rem;
3861   margin-top: .1rem;
3862   font-size: .875rem;
3863   line-height: 1;
3864   color: #fff;
3865   background-color: rgba(92, 184, 92, 0.8);
3866   border-radius: .2rem; }
3867
3868 .was-validated .form-control:valid, .form-control.is-valid, .was-validated
3869 .custom-select:valid,
3870 .custom-select.is-valid {
3871   border-color: #5cb85c; }
3872   .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
3873   .custom-select:valid:focus,
3874   .custom-select.is-valid:focus {
3875     border-color: #5cb85c;
3876     box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25); }
3877   .was-validated .form-control:valid ~ .valid-feedback,
3878   .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
3879   .form-control.is-valid ~ .valid-tooltip, .was-validated
3880   .custom-select:valid ~ .valid-feedback,
3881   .was-validated
3882   .custom-select:valid ~ .valid-tooltip,
3883   .custom-select.is-valid ~ .valid-feedback,
3884   .custom-select.is-valid ~ .valid-tooltip {
3885     display: block; }
3886
3887 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3888   color: #5cb85c; }
3889
3890 .was-validated .form-check-input:valid ~ .valid-feedback,
3891 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
3892 .form-check-input.is-valid ~ .valid-tooltip {
3893   display: block; }
3894
3895 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
3896   color: #5cb85c; }
3897   .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
3898     background-color: #b5dfb5; }
3899
3900 .was-validated .custom-control-input:valid ~ .valid-feedback,
3901 .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
3902 .custom-control-input.is-valid ~ .valid-tooltip {
3903   display: block; }
3904
3905 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
3906   background-color: #80c780; }
3907
3908 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
3909   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(92, 184, 92, 0.25); }
3910
3911 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
3912   border-color: #5cb85c; }
3913   .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
3914     border-color: inherit; }
3915
3916 .was-validated .custom-file-input:valid ~ .valid-feedback,
3917 .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
3918 .custom-file-input.is-valid ~ .valid-tooltip {
3919   display: block; }
3920
3921 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
3922   box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25); }
3923
3924 .invalid-feedback {
3925   display: none;
3926   width: 100%;
3927   margin-top: 0.25rem;
3928   font-size: 80%;
3929   color: #d9534f; }
3930
3931 .invalid-tooltip {
3932   position: absolute;
3933   top: 100%;
3934   z-index: 5;
3935   display: none;
3936   max-width: 100%;
3937   padding: .5rem;
3938   margin-top: .1rem;
3939   font-size: .875rem;
3940   line-height: 1;
3941   color: #fff;
3942   background-color: rgba(217, 83, 79, 0.8);
3943   border-radius: .2rem; }
3944
3945 .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
3946 .custom-select:invalid,
3947 .custom-select.is-invalid {
3948   border-color: #d9534f; }
3949   .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
3950   .custom-select:invalid:focus,
3951   .custom-select.is-invalid:focus {
3952     border-color: #d9534f;
3953     box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25); }
3954   .was-validated .form-control:invalid ~ .invalid-feedback,
3955   .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
3956   .form-control.is-invalid ~ .invalid-tooltip, .was-validated
3957   .custom-select:invalid ~ .invalid-feedback,
3958   .was-validated
3959   .custom-select:invalid ~ .invalid-tooltip,
3960   .custom-select.is-invalid ~ .invalid-feedback,
3961   .custom-select.is-invalid ~ .invalid-tooltip {
3962     display: block; }
3963
3964 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
3965   color: #d9534f; }
3966
3967 .was-validated .form-check-input:invalid ~ .invalid-feedback,
3968 .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
3969 .form-check-input.is-invalid ~ .invalid-tooltip {
3970   display: block; }
3971
3972 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
3973   color: #d9534f; }
3974   .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
3975     background-color: #f0b9b8; }
3976
3977 .was-validated .custom-control-input:invalid ~ .invalid-feedback,
3978 .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
3979 .custom-control-input.is-invalid ~ .invalid-tooltip {
3980   display: block; }
3981
3982 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
3983   background-color: #e27c79; }
3984
3985 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
3986   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(217, 83, 79, 0.25); }
3987
3988 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
3989   border-color: #d9534f; }
3990   .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
3991     border-color: inherit; }
3992
3993 .was-validated .custom-file-input:invalid ~ .invalid-feedback,
3994 .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
3995 .custom-file-input.is-invalid ~ .invalid-tooltip {
3996   display: block; }
3997
3998 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
3999   box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25); }
4000
4001 .form-inline {
4002   display: flex;
4003   flex-flow: row wrap;
4004   align-items: center; }
4005   .form-inline .form-check {
4006     width: 100%; }
4007   @media (min-width: 576px) {
4008     .form-inline label {
4009       display: flex;
4010       align-items: center;
4011       justify-content: center;
4012       margin-bottom: 0; }
4013     .form-inline .form-group, .form-inline .form-buttons,
4014     .form-inline .path-admin .buttons, .path-admin .form-inline .buttons,
4015     .form-inline #fitem_id_submitbutton,
4016     .form-inline .fp-content-center form + div, .fp-content-center .form-inline form + div,
4017     .form-inline div.backup-section + form,
4018     .form-inline #fgroup_id_buttonar {
4019       display: flex;
4020       flex: 0 0 auto;
4021       flex-flow: row wrap;
4022       align-items: center;
4023       margin-bottom: 0; }
4024     .form-inline .form-control {
4025       display: inline-block;
4026       width: auto;
4027       vertical-align: middle; }
4028     .form-inline .form-control-plaintext {
4029       display: inline-block; }
4030     .form-inline .input-group {
4031       width: auto; }
4032     .form-inline .form-check {
4033       display: flex;
4034       align-items: center;
4035       justify-content: center;
4036       width: auto;
4037       padding-left: 0; }
4038     .form-inline .form-check-input {
4039       position: relative;
4040       margin-top: 0;
4041       margin-right: 0.25rem;
4042       margin-left: 0; }
4043     .form-inline .custom-control {
4044       align-items: center;
4045       justify-content: center; }
4046     .form-inline .custom-control-label {
4047       margin-bottom: 0; } }
4048
4049 .btn, #page-grade-grading-manage .actions .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric .addcriterion {
4050   display: inline-block;
4051   font-weight: 400;
4052   text-align: center;
4053   white-space: nowrap;
4054   vertical-align: middle;
4055   user-select: none;
4056   border: 1px solid transparent;
4057   padding: 0.375rem 0.75rem;
4058   font-size: 0.9375rem;
4059   line-height: 1.5;
4060   border-radius: 0;
4061   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; }
4062   .btn:hover, #page-grade-grading-manage .actions .action:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover, #rubric-rubric.gradingform_rubric .addcriterion:hover, .btn:focus, #page-grade-grading-manage .actions .action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus, #rubric-rubric.gradingform_rubric .addcriterion:focus {
4063     text-decoration: none; }
4064   .btn:focus, #page-grade-grading-manage .actions .action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus, #rubric-rubric.gradingform_rubric .addcriterion:focus, .btn.focus, #page-grade-grading-manage .actions .focus.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.focus, #rubric-rubric.gradingform_rubric .focus.addcriterion {
4065     outline: 0;
4066     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
4067   .btn.disabled, .fp-viewbar.disabled a, #page-grade-grading-manage .actions .disabled.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled, #rubric-rubric.gradingform_rubric .disabled.addcriterion, .btn:disabled, #page-grade-grading-manage .actions .action:disabled, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:disabled, #rubric-rubric.gradingform_rubric .addcriterion:disabled {
4068     opacity: 0.65; }
4069   .btn:not(:disabled):not(.disabled), #page-grade-grading-manage .actions .action:not(:disabled):not(.disabled), #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:not(:disabled):not(.disabled), #rubric-rubric.gradingform_rubric .addcriterion:not(:disabled):not(.disabled) {
4070     cursor: pointer; }
4071   .btn:not(:disabled):not(.disabled):active, #page-grade-grading-manage .actions .action:not(:disabled):not(.disabled):active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:not(:disabled):not(.disabled):active, #rubric-rubric.gradingform_rubric .addcriterion:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, #page-grade-grading-manage .actions .action:not(:disabled):not(.disabled).active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:not(:disabled):not(.disabled).active, #rubric-rubric.gradingform_rubric .addcriterion:not(:disabled):not(.disabled).active {
4072     background-image: none; }
4073
4074 a.btn.disabled, .fp-viewbar.disabled a, #page-grade-grading-manage .actions a.disabled.action, #rubric-rubric.gradingform_rubric a.disabled.addcriterion,
4075 fieldset:disabled a.btn,
4076 fieldset:disabled #page-grade-grading-manage .actions a.action,
4077 #page-grade-grading-manage .actions fieldset:disabled a.action,
4078 fieldset:disabled #rubric-rubric.gradingform_rubric a.addcriterion,
4079 #rubric-rubric.gradingform_rubric fieldset:disabled a.addcriterion {
4080   pointer-events: none; }
4081
4082 .btn-primary {
4083   color: #fff;
4084   background-color: #1177d1;
4085   border-color: #1177d1; }
4086   .btn-primary:hover {
4087     color: #fff;
4088     background-color: #0e63ae;
4089     border-color: #0d5ca2; }
4090   .btn-primary:focus, .btn-primary.focus {
4091     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
4092   .btn-primary.disabled, .btn-primary:disabled {
4093     color: #fff;
4094     background-color: #1177d1;
4095     border-color: #1177d1; }
4096   .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
4097   .show > .btn-primary.dropdown-toggle {
4098     color: #fff;
4099     background-color: #0d5ca2;
4100     border-color: #0c5596; }
4101     .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
4102     .show > .btn-primary.dropdown-toggle:focus {
4103       box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
4104
4105 .btn-secondary, .btn-default {
4106   color: #212529;
4107   background-color: #e9ecef;
4108   border-color: #e9ecef; }
4109   .btn-secondary:hover, .btn-default:hover {
4110     color: #212529;
4111     background-color: #d3d9df;
4112     border-color: #cbd3da; }
4113   .btn-secondary:focus, .btn-default:focus, .btn-secondary.focus, .focus.btn-default {
4114     box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
4115   .btn-secondary.disabled, .fp-viewbar.disabled a, .disabled.btn-default, .btn-secondary:disabled, .btn-default:disabled {
4116     color: #212529;
4117     background-color: #e9ecef;
4118     border-color: #e9ecef; }
4119   .btn-secondary:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .fp-viewbar:not(.disabled) a.checked:not(:disabled):not(.disabled), .btn-default:not(:disabled):not(.disabled).active,
4120   .show > .btn-secondary.dropdown-toggle,
4121   .show > .dropdown-toggle.btn-default {
4122     color: #212529;
4123     background-color: #cbd3da;
4124     border-color: #c4ccd4; }
4125     .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .fp-viewbar:not(.disabled) a.checked:not(:disabled):not(.disabled):focus, .btn-default:not(:disabled):not(.disabled).active:focus,
4126     .show > .btn-secondary.dropdown-toggle:focus,
4127     .show > .dropdown-toggle.btn-default:focus {
4128       box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
4129
4130 .btn-success {
4131   color: #fff;
4132   background-color: #5cb85c;
4133   border-color: #5cb85c; }
4134   .btn-success:hover {
4135     color: #fff;
4136     background-color: #48a648;
4137     border-color: #449d44; }
4138   .btn-success:focus, .btn-success.focus {
4139     box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
4140   .btn-success.disabled, .btn-success:disabled {
4141     color: #fff;
4142     background-color: #5cb85c;
4143     border-color: #5cb85c; }
4144   .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
4145   .show > .btn-success.dropdown-toggle {
4146     color: #fff;
4147     background-color: #449d44;
4148     border-color: #409440; }
4149     .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
4150     .show > .btn-success.dropdown-toggle:focus {
4151       box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
4152
4153 .btn-info {
4154   color: #212529;
4155   background-color: #5bc0de;
4156   border-color: #5bc0de; }
4157   .btn-info:hover {
4158     color: #fff;
4159     background-color: #3bb4d8;
4160     border-color: #31b0d5; }
4161   .btn-info:focus, .btn-info.focus {
4162     box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
4163   .btn-info.disabled, .btn-info:disabled {
4164     color: #212529;
4165     background-color: #5bc0de;
4166     border-color: #5bc0de; }
4167   .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
4168   .show > .btn-info.dropdown-toggle {
4169     color: #fff;
4170     background-color: #31b0d5;
4171     border-color: #2aaacf; }
4172     .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
4173     .show > .btn-info.dropdown-toggle:focus {
4174       box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
4175
4176 .btn-warning {
4177   color: #212529;
4178   background-color: #f0ad4e;
4179   border-color: #f0ad4e; }
4180   .btn-warning:hover {
4181     color: #212529;
4182     background-color: #ed9d2b;
4183     border-color: #ec971f; }
4184   .btn-warning:focus, .btn-warning.focus {
4185     box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
4186   .btn-warning.disabled, .btn-warning:disabled {
4187     color: #212529;
4188     background-color: #f0ad4e;
4189     border-color: #f0ad4e; }
4190   .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
4191   .show > .btn-warning.dropdown-toggle {
4192     color: #212529;
4193     background-color: #ec971f;
4194     border-color: #ea9214; }
4195     .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
4196     .show > .btn-warning.dropdown-toggle:focus {
4197       box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
4198
4199 .btn-danger {
4200   color: #fff;
4201   background-color: #d9534f;
4202   border-color: #d9534f; }
4203   .btn-danger:hover {
4204     color: #fff;
4205     background-color: #d23430;
4206     border-color: #c9302c; }
4207   .btn-danger:focus, .btn-danger.focus {
4208     box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
4209   .btn-danger.disabled, .btn-danger:disabled {
4210     color: #fff;
4211     background-color: #d9534f;
4212     border-color: #d9534f; }
4213   .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
4214   .show > .btn-danger.dropdown-toggle {
4215     color: #fff;
4216     background-color: #c9302c;
4217     border-color: #bf2e29; }
4218     .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
4219     .show > .btn-danger.dropdown-toggle:focus {
4220       box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
4221
4222 .btn-light {
4223   color: #212529;
4224   background-color: #f8f9fa;
4225   border-color: #f8f9fa; }
4226   .btn-light:hover {
4227     color: #212529;
4228     background-color: #e2e6ea;
4229     border-color: #dae0e5; }
4230   .btn-light:focus, .btn-light.focus {
4231     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
4232   .btn-light.disabled, .btn-light:disabled {
4233     color: #212529;
4234     background-color: #f8f9fa;
4235     border-color: #f8f9fa; }
4236   .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
4237   .show > .btn-light.dropdown-toggle {
4238     color: #212529;
4239     background-color: #dae0e5;
4240     border-color: #d3d9df; }
4241     .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
4242     .show > .btn-light.dropdown-toggle:focus {
4243       box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
4244
4245 .btn-dark {
4246   color: #fff;
4247   background-color: #373a3c;
4248   border-color: #373a3c; }
4249   .btn-dark:hover {
4250     color: #fff;
4251     background-color: #252728;
4252     border-color: #1f2021; }
4253   .btn-dark:focus, .btn-dark.focus {
4254     box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
4255   .btn-dark.disabled, .btn-dark:disabled {
4256     color: #fff;
4257     background-color: #373a3c;
4258     border-color: #373a3c; }
4259   .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
4260   .show > .btn-dark.dropdown-toggle {
4261     color: #fff;
4262     background-color: #1f2021;
4263     border-color: #191a1b; }
4264     .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
4265     .show > .btn-dark.dropdown-toggle:focus {
4266       box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
4267
4268 .btn-outline-primary {
4269   color: #1177d1;
4270   background-color: transparent;
4271   background-image: none;
4272   border-color: #1177d1; }
4273   .btn-outline-primary:hover {
4274     color: #fff;
4275     background-color: #1177d1;
4276     border-color: #1177d1; }
4277   .btn-outline-primary:focus, .btn-outline-primary.focus {
4278     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
4279   .btn-outline-primary.disabled, .btn-outline-primary:disabled {
4280     color: #1177d1;
4281     background-color: transparent; }
4282   .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
4283   .show > .btn-outline-primary.dropdown-toggle {
4284     color: #fff;
4285     background-color: #1177d1;
4286     border-color: #1177d1; }
4287     .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
4288     .show > .btn-outline-primary.dropdown-toggle:focus {
4289       box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
4290
4291 .btn-outline-secondary {
4292   color: #e9ecef;
4293   background-color: transparent;
4294   background-image: none;
4295   border-color: #e9ecef; }
4296   .btn-outline-secondary:hover {
4297     color: #212529;
4298     background-color: #e9ecef;
4299     border-color: #e9ecef; }
4300   .btn-outline-secondary:focus, .btn-outline-secondary.focus {
4301     box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
4302   .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
4303     color: #e9ecef;
4304     background-color: transparent; }
4305   .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
4306   .show > .btn-outline-secondary.dropdown-toggle {
4307     color: #212529;
4308     background-color: #e9ecef;
4309     border-color: #e9ecef; }
4310     .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
4311     .show > .btn-outline-secondary.dropdown-toggle:focus {
4312       box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); }
4313
4314 .btn-outline-success {
4315   color: #5cb85c;
4316   background-color: transparent;
4317   background-image: none;
4318   border-color: #5cb85c; }
4319   .btn-outline-success:hover {
4320     color: #fff;
4321     background-color: #5cb85c;
4322     border-color: #5cb85c; }
4323   .btn-outline-success:focus, .btn-outline-success.focus {
4324     box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
4325   .btn-outline-success.disabled, .btn-outline-success:disabled {
4326     color: #5cb85c;
4327     background-color: transparent; }
4328   .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
4329   .show > .btn-outline-success.dropdown-toggle {
4330     color: #fff;
4331     background-color: #5cb85c;
4332     border-color: #5cb85c; }
4333     .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
4334     .show > .btn-outline-success.dropdown-toggle:focus {
4335       box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
4336
4337 .btn-outline-info {
4338   color: #5bc0de;
4339   background-color: transparent;
4340   background-image: none;
4341   border-color: #5bc0de; }
4342   .btn-outline-info:hover {
4343     color: #212529;
4344     background-color: #5bc0de;
4345     border-color: #5bc0de; }
4346   .btn-outline-info:focus, .btn-outline-info.focus {
4347     box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
4348   .btn-outline-info.disabled, .btn-outline-info:disabled {
4349     color: #5bc0de;
4350     background-color: transparent; }
4351   .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
4352   .show > .btn-outline-info.dropdown-toggle {
4353     color: #212529;
4354     background-color: #5bc0de;
4355     border-color: #5bc0de; }
4356     .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
4357     .show > .btn-outline-info.dropdown-toggle:focus {
4358       box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
4359
4360 .btn-outline-warning {
4361   color: #f0ad4e;
4362   background-color: transparent;
4363   background-image: none;
4364   border-color: #f0ad4e; }
4365   .btn-outline-warning:hover {
4366     color: #212529;
4367     background-color: #f0ad4e;
4368     border-color: #f0ad4e; }
4369   .btn-outline-warning:focus, .btn-outline-warning.focus {
4370     box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
4371   .btn-outline-warning.disabled, .btn-outline-warning:disabled {
4372     color: #f0ad4e;
4373     background-color: transparent; }
4374   .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
4375   .show > .btn-outline-warning.dropdown-toggle {
4376     color: #212529;
4377     background-color: #f0ad4e;
4378     border-color: #f0ad4e; }
4379     .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
4380     .show > .btn-outline-warning.dropdown-toggle:focus {
4381       box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
4382
4383 .btn-outline-danger {
4384   color: #d9534f;
4385   background-color: transparent;
4386   background-image: none;
4387   border-color: #d9534f; }
4388   .btn-outline-danger:hover {
4389     color: #fff;
4390     background-color: #d9534f;
4391     border-color: #d9534f; }
4392   .btn-outline-danger:focus, .btn-outline-danger.focus {
4393     box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
4394   .btn-outline-danger.disabled, .btn-outline-danger:disabled {
4395     color: #d9534f;
4396     background-color: transparent; }
4397   .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
4398   .show > .btn-outline-danger.dropdown-toggle {
4399     color: #fff;
4400     background-color: #d9534f;
4401     border-color: #d9534f; }
4402     .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
4403     .show > .btn-outline-danger.dropdown-toggle:focus {
4404       box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
4405
4406 .btn-outline-light {
4407   color: #f8f9fa;
4408   background-color: transparent;
4409   background-image: none;
4410   border-color: #f8f9fa; }
4411   .btn-outline-light:hover {
4412     color: #212529;
4413     background-color: #f8f9fa;
4414     border-color: #f8f9fa; }
4415   .btn-outline-light:focus, .btn-outline-light.focus {
4416     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
4417   .btn-outline-light.disabled, .btn-outline-light:disabled {
4418     color: #f8f9fa;
4419     background-color: transparent; }
4420   .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
4421   .show > .btn-outline-light.dropdown-toggle {
4422     color: #212529;
4423     background-color: #f8f9fa;
4424     border-color: #f8f9fa; }
4425     .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
4426     .show > .btn-outline-light.dropdown-toggle:focus {
4427       box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
4428
4429 .btn-outline-dark {
4430   color: #373a3c;
4431   background-color: transparent;
4432   background-image: none;
4433   border-color: #373a3c; }
4434   .btn-outline-dark:hover {
4435     color: #fff;
4436     background-color: #373a3c;
4437     border-color: #373a3c; }
4438   .btn-outline-dark:focus, .btn-outline-dark.focus {
4439     box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
4440   .btn-outline-dark.disabled, .btn-outline-dark:disabled {
4441     color: #373a3c;
4442     background-color: transparent; }
4443   .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
4444   .show > .btn-outline-dark.dropdown-toggle {
4445     color: #fff;
4446     background-color: #373a3c;
4447     border-color: #373a3c; }
4448     .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
4449     .show > .btn-outline-dark.dropdown-toggle:focus {
4450       box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
4451
4452 .btn-link {
4453   font-weight: 400;
4454   color: #1177d1;
4455   background-color: transparent; }
4456   .btn-link:hover {
4457     color: #0b4f8a;
4458     text-decoration: underline;
4459     background-color: transparent;
4460     border-color: transparent; }
4461   .btn-link:focus, .btn-link.focus {
4462     text-decoration: underline;
4463     border-color: transparent;
4464     box-shadow: none; }
4465   .btn-link:disabled, .btn-link.disabled {
4466     color: #868e96; }
4467
4468 .btn-lg, .btn-group-lg > .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-lg > input, #rubric-rubric.gradingform_rubric .btn-group-lg > .addcriterion, #page-grade-grading-manage .actions .action {
4469   padding: 0.5rem 1rem;
4470   font-size: 1.171875rem;
4471   line-height: 1.5;
4472   border-radius: 0; }
4473
4474 .btn-sm, .btn-group-sm > .btn, #page-grade-grading-manage .actions .btn-group-sm > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-sm > input, #rubric-rubric.gradingform_rubric .btn-group-sm > .addcriterion {
4475   padding: 0.25rem 0.5rem;
4476   font-size: 0.8203125rem;
4477   line-height: 1.5;
4478   border-radius: 0; }
4479
4480 .btn-block, p.arrow_button input, #addcontrols input,
4481 #removecontrols input {
4482   display: block;
4483   width: 100%; }
4484   .btn-block + .btn-block, p.arrow_button input + .btn-block, #addcontrols input + .btn-block, #removecontrols input + .btn-block, p.arrow_button .btn-block + input, p.arrow_button input + input, #addcontrols .btn-block + input, #addcontrols p.arrow_button input + input, #addcontrols input + input,
4485   #removecontrols .btn-block + input, #removecontrols p.arrow_button input + input,
4486   #removecontrols input + input {
4487     margin-top: 0.5rem; }
4488
4489 input[type="submit"].btn-block, p.arrow_button input[type="submit"], #addcontrols input[type="submit"],
4490 #removecontrols input[type="submit"],
4491 input[type="reset"].btn-block,
4492 p.arrow_button input[type="reset"],
4493 #addcontrols input[type="reset"],
4494 #removecontrols input[type="reset"],
4495 input[type="button"].btn-block,
4496 p.arrow_button input[type="button"],
4497 #addcontrols input[type="button"],
4498 #removecontrols input[type="button"] {
4499   width: 100%; }
4500
4501 .fade {
4502   opacity: 0;
4503   transition: opacity 0.15s linear; }
4504   .fade.show {
4505     opacity: 1; }
4506
4507 .collapse {
4508   display: none; }
4509   .collapse.show {
4510     display: block; }
4511
4512 tr.collapse.show {
4513   display: table-row; }
4514
4515 tbody.collapse.show {
4516   display: table-row-group; }
4517
4518 .collapsing {
4519   position: relative;
4520   height: 0;
4521   overflow: hidden;
4522   transition: height 0.35s ease; }
4523
4524 .dropup,
4525 .dropdown {
4526   position: relative; }
4527
4528 .dropdown-toggle::after {
4529   display: inline-block;
4530   width: 0;
4531   height: 0;
4532   margin-left: 0.255em;
4533   vertical-align: 0.255em;
4534   content: "";
4535   border-top: 0.3em solid;
4536   border-right: 0.3em solid transparent;
4537   border-bottom: 0;
4538   border-left: 0.3em solid transparent; }
4539
4540 .dropdown-toggle:empty::after {
4541   margin-left: 0; }
4542
4543 .dropdown-menu {
4544   position: absolute;
4545   top: 100%;
4546   left: 0;
4547   z-index: 1000;
4548   display: none;
4549   float: left;
4550   min-width: 10rem;
4551   padding: 0.5rem 0;
4552   margin: 0.125rem 0 0;
4553   font-size: 0.9375rem;
4554   color: #373a3c;
4555   text-align: left;
4556   list-style: none;
4557   background-color: #fff;
4558   background-clip: padding-box;
4559   border: 1px solid rgba(0, 0, 0, 0.15); }
4560
4561 .dropup .dropdown-menu {
4562   margin-top: 0;
4563   margin-bottom: 0.125rem; }
4564
4565 .dropup .dropdown-toggle::after {
4566   display: inline-block;
4567   width: 0;
4568   height: 0;
4569   margin-left: 0.255em;
4570   vertical-align: 0.255em;
4571   content: "";
4572   border-top: 0;
4573   border-right: 0.3em solid transparent;
4574   border-bottom: 0.3em solid;
4575   border-left: 0.3em solid transparent; }
4576
4577 .dropup .dropdown-toggle:empty::after {
4578   margin-left: 0; }
4579
4580 .dropright .dropdown-menu {
4581   margin-top: 0;
4582   margin-left: 0.125rem; }
4583
4584 .dropright .dropdown-toggle::after {
4585   display: inline-block;
4586   width: 0;
4587   height: 0;
4588   margin-left: 0.255em;
4589   vertical-align: 0.255em;
4590   content: "";
4591   border-top: 0.3em solid transparent;
4592   border-bottom: 0.3em solid transparent;
4593   border-left: 0.3em solid; }
4594
4595 .dropright .dropdown-toggle:empty::after {
4596   margin-left: 0; }
4597
4598 .dropright .dropdown-toggle::after {
4599   vertical-align: 0; }
4600
4601 .dropleft .dropdown-menu {
4602   margin-top: 0;
4603   margin-right: 0.125rem; }
4604
4605 .dropleft .dropdown-toggle::after {
4606   display: inline-block;
4607   width: 0;
4608   height: 0;
4609   margin-left: 0.255em;
4610   vertical-align: 0.255em;
4611   content: ""; }
4612
4613 .dropleft .dropdown-toggle::after {
4614   display: none; }
4615
4616 .dropleft .dropdown-toggle::before {
4617   display: inline-block;
4618   width: 0;
4619   height: 0;
4620   margin-right: 0.255em;
4621   vertical-align: 0.255em;
4622   content: "";
4623   border-top: 0.3em solid transparent;
4624   border-right: 0.3em solid;
4625   border-bottom: 0.3em solid transparent; }
4626
4627 .dropleft .dropdown-toggle:empty::after {
4628   margin-left: 0; }
4629
4630 .dropleft .dropdown-toggle::before {
4631   vertical-align: 0; }
4632
4633 .dropdown-divider {
4634   height: 0;
4635   margin: 0.5rem 0;
4636   overflow: hidden;
4637   border-top: 1px solid #e9ecef; }
4638
4639 .dropdown-item {
4640   display: block;
4641   width: 100%;
4642   padding: 0.25rem 1.5rem;
4643   clear: both;
4644   font-weight: 400;
4645   color: #212529;
4646   text-align: inherit;
4647   white-space: nowrap;
4648   background-color: transparent;
4649   border: 0; }
4650   .dropdown-item:hover, .dropdown-item:focus {
4651     color: #16181b;
4652     text-decoration: none;
4653     background-color: #f8f9fa; }
4654   .dropdown-item.active, .dropdown-item:active {
4655     color: #fff;
4656     text-decoration: none;
4657     background-color: #1177d1; }
4658   .dropdown-item.disabled, .dropdown-item:disabled {
4659     color: #868e96;
4660     background-color: transparent; }
4661
4662 .dropdown-menu.show {
4663   display: block; }
4664
4665 .dropdown-header {
4666   display: block;
4667   padding: 0.5rem 1.5rem;
4668   margin-bottom: 0;
4669   font-size: 0.8203125rem;
4670   color: #868e96;
4671   white-space: nowrap; }
4672
4673 .btn-group,
4674 .btn-group-vertical {
4675   position: relative;
4676   display: inline-flex;
4677   vertical-align: middle; }
4678   .btn-group > .btn, #page-grade-grading-manage .actions .btn-group > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion,
4679   .btn-group-vertical > .btn,
4680   #page-grade-grading-manage .actions .btn-group-vertical > .action,
4681   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input,
4682   #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion {
4683     position: relative;
4684     flex: 0 1 auto; }
4685     .btn-group > .btn:hover, #page-grade-grading-manage .actions .btn-group > .action:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:hover, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:hover,
4686     .btn-group-vertical > .btn:hover,
4687     #page-grade-grading-manage .actions .btn-group-vertical > .action:hover,
4688     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:hover,
4689     #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:hover {
4690       z-index: 1; }
4691     .btn-group > .btn:focus, #page-grade-grading-manage .actions .btn-group > .action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:focus, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:focus, .btn-group > .btn:active, #page-grade-grading-manage .actions .btn-group > .action:active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:active, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:active, .btn-group > .btn.active, #page-grade-grading-manage .actions .btn-group > .active.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input.active, #rubric-rubric.gradingform_rubric .btn-group > .active.addcriterion,
4692     .btn-group-vertical > .btn:focus,
4693     #page-grade-grading-manage .actions .btn-group-vertical > .action:focus,
4694     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:focus,
4695     #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:focus,
4696     .btn-group-vertical > .btn:active,
4697     #page-grade-grading-manage .actions .btn-group-vertical > .action:active,
4698     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:active,
4699     #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:active,
4700     .btn-group-vertical > .btn.active,
4701     #page-grade-grading-manage .actions .btn-group-vertical > .active.action,
4702     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input.active,
4703     #rubric-rubric.gradingform_rubric .btn-group-vertical > .active.addcriterion {
4704       z-index: 1; }
4705   .btn-group .btn + .btn, .btn-group #page-grade-grading-manage .actions .action + .btn, #page-grade-grading-manage .actions .btn-group .action + .btn, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + .btn, .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .btn, #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .btn, .btn-group #page-grade-grading-manage .actions .btn + .action, #page-grade-grading-manage .actions .btn-group .btn + .action, .btn-group #page-grade-grading-manage .actions .action + .action, #page-grade-grading-manage .actions .btn-group .action + .action, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + .action, .btn-group #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .action, #rubric-rubric.gradingform_rubric .btn-group #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .action, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group .btn + input, .btn-group #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group #page-grade-grading-manage .actions .action + input, #page-grade-grading-manage .actions .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .btn-group .action + input, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + input, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric .btn-group #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group .addcriterion + input, .btn-group #rubric-rubric.gradingform_rubric .btn + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group .btn + .addcriterion, .btn-group #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group #page-grade-grading-manage .actions .action + .addcriterion, #page-grade-grading-manage .actions .btn-group #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group .action + .addcriterion, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + .addcriterion, .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .addcriterion,
4706   .btn-group .btn + .btn-group,
4707   .btn-group #page-grade-grading-manage .actions .action + .btn-group,
4708   #page-grade-grading-manage .actions .btn-group .action + .btn-group,
4709   .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn-group,
4710   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + .btn-group,
4711   .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .btn-group,
4712   #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .btn-group,
4713   .btn-group .btn-group + .btn,
4714   .btn-group #page-grade-grading-manage .actions .btn-group + .action,
4715   #page-grade-grading-manage .actions .btn-group .btn-group + .action,
4716   .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group + input,
4717   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group .btn-group + input,
4718   .btn-group #rubric-rubric.gradingform_rubric .btn-group + .addcriterion,
4719   #rubric-rubric.gradingform_rubric .btn-group .btn-group + .addcriterion,
4720   .btn-group .btn-group + .btn-group,
4721   .btn-group-vertical .btn + .btn,
4722   .btn-group-vertical #page-grade-grading-manage .actions .action + .btn,
4723   #page-grade-grading-manage .actions .btn-group-vertical .action + .btn,
4724   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn,
4725   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .btn,
4726   .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .btn,
4727   #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .btn,
4728   .btn-group-vertical #page-grade-grading-manage .actions .btn + .action,
4729   #page-grade-grading-manage .actions .btn-group-vertical .btn + .action,
4730   .btn-group-vertical #page-grade-grading-manage .actions .action + .action,
4731   #page-grade-grading-manage .actions .btn-group-vertical .action + .action,
4732   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action,
4733   #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action,
4734   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical #page-grade-grading-manage .actions input + .action,
4735   #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .action,
4736   .btn-group-vertical #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action,
4737   #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .action,
4738   #rubric-rubric.gradingform_rubric .btn-group-vertical #page-grade-grading-manage .actions .addcriterion + .action,
4739   #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .action,
4740   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input,
4741   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical .btn + input,
4742   .btn-group-vertical #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
4743   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical #page-grade-grading-manage .actions .action + input,
4744   #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
4745   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .btn-group-vertical .action + input,
4746   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input,
4747   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + input,
4748   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input,
4749   #rubric-rubric.gradingform_rubric .btn-group-vertical #rubric-criteria .criterion .addlevel .addcriterion + input,
4750   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical .addcriterion + input,
4751   .btn-group-vertical #rubric-rubric.gradingform_rubric .btn + .addcriterion,
4752   #rubric-rubric.gradingform_rubric .btn-group-vertical .btn + .addcriterion,
4753   .btn-group-vertical #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion,
4754   #rubric-rubric.gradingform_rubric .btn-group-vertical #page-grade-grading-manage .actions .action + .addcriterion,
4755   #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric .action + .addcriterion,
4756   #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group-vertical .action + .addcriterion,
4757   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion,
4758   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .addcriterion,
4759   .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion,
4760   #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .addcriterion,
4761   .btn-group-vertical .btn + .btn-group,
4762   .btn-group-vertical #page-grade-grading-manage .actions .action + .btn-group,
4763   #page-grade-grading-manage .actions .btn-group-vertical .action + .btn-group,
4764   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn-group,
4765   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .btn-group,
4766   .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .btn-group,
4767   #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .btn-group,
4768   .btn-group-vertical .btn-group + .btn,
4769   .btn-group-vertical #page-grade-grading-manage .actions .btn-group + .action,
4770   #page-grade-grading-manage .actions .btn-group-vertical .btn-group + .action,
4771   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group + input,
4772   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical .btn-group + input,
4773   .btn-group-vertical #rubric-rubric.gradingform_rubric .btn-group + .addcriterion,
4774   #rubric-rubric.gradingform_rubric .btn-group-vertical .btn-group + .addcriterion,
4775   .btn-group-vertical .btn-group + .btn-group {
4776     margin-left: -1px; }
4777
4778 .btn-toolbar {
4779   display: flex;
4780   flex-wrap: wrap;
4781   justify-content: flex-start; }
4782   .btn-toolbar .input-group {
4783     width: auto; }
4784
4785 .btn-group > .btn:first-child, #page-grade-grading-manage .actions .btn-group > .action:first-child, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:first-child, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:first-child {
4786   margin-left: 0; }
4787
4788 .dropdown-toggle-split {
4789   padding-right: 0.5625rem;
4790   padding-left: 0.5625rem; }
4791   .dropdown-toggle-split::after {
4792     margin-left: 0; }
4793
4794 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, #page-grade-grading-manage .actions .btn-group-sm > .action + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-sm > input + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric .btn-group-sm > .addcriterion + .dropdown-toggle-split {
4795   padding-right: 0.375rem;
4796   padding-left: 0.375rem; }
4797
4798 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, #page-grade-grading-manage .actions .btn-group-lg > .action + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-lg > input + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric .btn-group-lg > .addcriterion + .dropdown-toggle-split, #page-grade-grading-manage .actions .action + .dropdown-toggle-split {
4799   padding-right: 0.75rem;
4800   padding-left: 0.75rem; }
4801
4802 .btn-group-vertical {
4803   flex-direction: column;
4804   align-items: flex-start;
4805   justify-content: center; }
4806   .btn-group-vertical .btn, .btn-group-vertical #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .btn-group-vertical .action, .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input, .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion,
4807   .btn-group-vertical .btn-group {
4808     width: 100%; }
4809   .btn-group-vertical > .btn + .btn, #page-grade-grading-manage .actions .btn-group-vertical > .action + .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + .btn, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .btn, #page-grade-grading-manage .actions .btn-group-vertical > .btn + .action, #page-grade-grading-manage .actions .btn-group-vertical > .action + .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .btn-group-vertical > input + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + .action, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group-vertical > .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .btn + input, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .btn-group-vertical > .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .addcriterion + input, #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn + .addcriterion, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group-vertical > .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group-vertical > .action + .addcriterion, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .addcriterion,
4810   .btn-group-vertical > .btn + .btn-group,
4811   #page-grade-grading-manage .actions .btn-group-vertical > .action + .btn-group,
4812   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + .btn-group,
4813   #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .btn-group,
4814   .btn-group-vertical > .btn-group + .btn,
4815   #page-grade-grading-manage .actions .btn-group-vertical > .btn-group + .action,
4816   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .btn-group + input,
4817   #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn-group + .addcriterion,
4818   .btn-group-vertical > .btn-group + .btn-group {
4819     margin-top: -1px;
4820     margin-left: 0; }
4821
4822 .btn-group-toggle > .btn, #page-grade-grading-manage .actions .btn-group-toggle > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > input, #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion,
4823 .btn-group-toggle > .btn-group > .btn,
4824 #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action,
4825 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input,
4826 #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion {
4827   margin-bottom: 0; }
4828   .btn-group-toggle > .btn input[type="radio"], #page-grade-grading-manage .actions .btn-group-toggle > .action input[type="radio"], #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > input input[type="radio"], #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion input[type="radio"],
4829   .btn-group-toggle > .btn input[type="checkbox"],
4830   #page-grade-grading-manage .actions .btn-group-toggle > .action input[type="checkbox"],
4831   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > input input[type="checkbox"],
4832   #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion input[type="checkbox"],
4833   .btn-group-toggle > .btn-group > .btn input[type="radio"],
4834   #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action input[type="radio"],
4835   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input input[type="radio"],
4836   #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion input[type="radio"],
4837   .btn-group-toggle > .btn-group > .btn input[type="checkbox"],
4838   #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action input[type="checkbox"],
4839   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input input[type="checkbox"],
4840   #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion input[type="checkbox"] {
4841     position: absolute;
4842     clip: rect(0, 0, 0, 0);
4843     pointer-events: none; }
4844
4845 .input-group {
4846   position: relative;
4847   display: flex;
4848   flex-wrap: wrap;
4849   align-items: stretch;
4850   width: 100%; }
4851   .input-group > .form-control,
4852   .input-group > .custom-select,
4853   .input-group > .custom-file {
4854     position: relative;
4855     flex: 1 1 auto;
4856     width: 1%;
4857     margin-bottom: 0; }
4858     .input-group > .form-control:focus,
4859     .input-group > .custom-select:focus,
4860     .input-group > .custom-file:focus {
4861       z-index: 3; }
4862     .input-group > .form-control + .form-control,
4863     .input-group > .form-control + .custom-select,
4864     .input-group > .form-control + .custom-file,
4865     .input-group > .custom-select + .form-control,
4866     .input-group > .custom-select + .custom-select,
4867     .input-group > .custom-select + .custom-file,
4868     .input-group > .custom-file + .form-control,
4869     .input-group > .custom-file + .custom-select,
4870     .input-group > .custom-file + .custom-file {
4871       margin-left: -1px; }
4872   .input-group > .custom-file {
4873     display: flex;
4874     align-items: center; }
4875
4876 .input-group-prepend,
4877 .input-group-append {
4878   display: flex; }
4879   .input-group-prepend .btn, .input-group-prepend #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .input-group-prepend .action, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion,
4880   .input-group-append .btn,
4881   .input-group-append #page-grade-grading-manage .actions .action,
4882   #page-grade-grading-manage .actions .input-group-append .action,
4883   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input,
4884   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input,
4885   .input-group-append #rubric-rubric.gradingform_rubric .addcriterion,
4886   #rubric-rubric.gradingform_rubric .input-group-append .addcriterion {
4887     position: relative;
4888     z-index: 2; }
4889   .input-group-prepend .btn + .btn, .input-group-prepend #page-grade-grading-manage .actions .action + .btn, #page-grade-grading-manage .actions .input-group-prepend .action + .btn, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .btn, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .btn, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .btn, .input-group-prepend #page-grade-grading-manage .actions .btn + .action, #page-grade-grading-manage .actions .input-group-prepend .btn + .action, .input-group-prepend #page-grade-grading-manage .actions .action + .action, #page-grade-grading-manage .actions .input-group-prepend .action + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .action, #rubric-rubric.gradingform_rubric .input-group-prepend #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend .btn + input, .input-group-prepend #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend #page-grade-grading-manage .actions .action + input, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .input-group-prepend .action + input, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + input, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric .input-group-prepend #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend .addcriterion + input, .input-group-prepend #rubric-rubric.gradingform_rubric .btn + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .btn + .addcriterion, .input-group-prepend #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend #page-grade-grading-manage .actions .action + .addcriterion, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .input-group-prepend .action + .addcriterion, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .addcriterion, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .addcriterion,
4890   .input-group-prepend .btn + .input-group-text,
4891   .input-group-prepend #page-grade-grading-manage .actions .action + .input-group-text,
4892   #page-grade-grading-manage .actions .input-group-prepend .action + .input-group-text,
4893   .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .input-group-text,
4894   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .input-group-text,
4895   .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .input-group-text,
4896   #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .input-group-text,
4897   .input-group-prepend .input-group-text + .input-group-text,
4898   .input-group-prepend .input-group-text + .btn,
4899   .input-group-prepend #page-grade-grading-manage .actions .input-group-text + .action,
4900   #page-grade-grading-manage .actions .input-group-prepend .input-group-text + .action,
4901   .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-text + input,
4902   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend .input-group-text + input,
4903   .input-group-prepend #rubric-rubric.gradingform_rubric .input-group-text + .addcriterion,
4904   #rubric-rubric.gradingform_rubric .input-group-prepend .input-group-text + .addcriterion,
4905   .input-group-append .btn + .btn,
4906   .input-group-append #page-grade-grading-manage .actions .action + .btn,
4907   #page-grade-grading-manage .actions .input-group-append .action + .btn,
4908   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn,
4909   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .btn,
4910   .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .btn,
4911   #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .btn,
4912   .input-group-append #page-grade-grading-manage .actions .btn + .action,
4913   #page-grade-grading-manage .actions .input-group-append .btn + .action,
4914   .input-group-append #page-grade-grading-manage .actions .action + .action,
4915   #page-grade-grading-manage .actions .input-group-append .action + .action,
4916   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action,
4917   #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action,
4918   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append #page-grade-grading-manage .actions input + .action,
4919   #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .action,
4920   .input-group-append #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action,
4921   #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .action,
4922   #rubric-rubric.gradingform_rubric .input-group-append #page-grade-grading-manage .actions .addcriterion + .action,
4923   #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .action,
4924   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input,
4925   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .btn + input,
4926   .input-group-append #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
4927   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append #page-grade-grading-manage .actions .action + input,
4928   #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
4929   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .input-group-append .action + input,
4930   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input,
4931   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + input,
4932   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input,
4933   #rubric-rubric.gradingform_rubric .input-group-append #rubric-criteria .criterion .addlevel .addcriterion + input,
4934   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .addcriterion + input,
4935   .input-group-append #rubric-rubric.gradingform_rubric .btn + .addcriterion,
4936   #rubric-rubric.gradingform_rubric .input-group-append .btn + .addcriterion,
4937   .input-group-append #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion,
4938   #rubric-rubric.gradingform_rubric .input-group-append #page-grade-grading-manage .actions .action + .addcriterion,
4939   #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric .action + .addcriterion,
4940   #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .input-group-append .action + .addcriterion,
4941   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion,
4942   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .addcriterion,
4943   .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion,
4944   #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .addcriterion,
4945   .input-group-append .btn + .input-group-text,
4946   .input-group-append #page-grade-grading-manage .actions .action + .input-group-text,
4947   #page-grade-grading-manage .actions .input-group-append .action + .input-group-text,
4948   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .input-group-text,
4949   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .input-group-text,
4950   .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .input-group-text,
4951   #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .input-group-text,
4952   .input-group-append .input-group-text + .input-group-text,
4953   .input-group-append .input-group-text + .btn,
4954   .input-group-append #page-grade-grading-manage .actions .input-group-text + .action,
4955   #page-grade-grading-manage .actions .input-group-append .input-group-text + .action,
4956   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-text + input,
4957   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .input-group-text + input,
4958   .input-group-append #rubric-rubric.gradingform_rubric .input-group-text + .addcriterion,
4959   #rubric-rubric.gradingform_rubric .input-group-append .input-group-text + .addcriterion {
4960     margin-left: -1px; }
4961
4962 .input-group-prepend {
4963   margin-right: -1px; }
4964
4965 .input-group-append {
4966   margin-left: -1px; }
4967
4968 .input-group-text {
4969   display: flex;
4970   align-items: center;
4971   padding: 0.375rem 0.75rem;
4972   margin-bottom: 0;
4973   font-size: 0.9375rem;
4974   font-weight: 400;
4975   line-height: 1.5;
4976   color: #495057;
4977   text-align: center;
4978   white-space: nowrap;
4979   background-color: #e9ecef;
4980   border: 1px solid #ced4da; }
4981   .input-group-text input[type="radio"],
4982   .input-group-text input[type="checkbox"] {
4983     margin-top: 0; }
4984
4985 .custom-control {
4986   position: relative;
4987   display: block;
4988   min-height: 1.5rem;
4989   padding-left: 1.5rem; }
4990
4991 .custom-control-inline {
4992   display: inline-flex;
4993   margin-right: 1rem; }
4994
4995 .custom-control-input {
4996   position: absolute;
4997   z-index: -1;
4998   opacity: 0; }
4999   .custom-control-input:checked ~ .custom-control-label::before {
5000     color: #fff;
5001     background-color: #1177d1; }
5002   .custom-control-input:focus ~ .custom-control-label::before {
5003     box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
5004   .custom-control-input:active ~ .custom-control-label::before {
5005     color: #fff;
5006     background-color: #9dcdf7; }
5007   .custom-control-input:disabled ~ .custom-control-label {
5008     color: #868e96; }
5009     .custom-control-input:disabled ~ .custom-control-label::before {
5010       background-color: #e9ecef; }
5011
5012 .custom-control-label {
5013   margin-bottom: 0; }
5014   .custom-control-label::before {
5015     position: absolute;
5016     top: 0.25rem;
5017     left: 0;
5018     display: block;
5019     width: 1rem;
5020     height: 1rem;
5021     pointer-events: none;
5022     content: "";
5023     user-select: none;
5024     background-color: #dee2e6; }
5025   .custom-control-label::after {
5026     position: absolute;
5027     top: 0.25rem;
5028     left: 0;
5029     display: block;
5030     width: 1rem;
5031     height: 1rem;
5032     content: "";
5033     background-repeat: no-repeat;
5034     background-position: center center;
5035     background-size: 50% 50%; }
5036
5037 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
5038   background-color: #1177d1; }
5039
5040 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
5041   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
5042
5043 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
5044   background-color: #1177d1; }
5045
5046 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
5047   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
5048
5049 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
5050   background-color: rgba(17, 119, 209, 0.5); }
5051
5052 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5053   background-color: rgba(17, 119, 209, 0.5); }
5054
5055 .custom-radio .custom-control-label::before {
5056   border-radius: 50%; }
5057
5058 .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
5059   background-color: #1177d1; }
5060
5061 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
5062   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }
5063
5064 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
5065   background-color: rgba(17, 119, 209, 0.5); }
5066
5067 .custom-select {
5068   display: inline-block;
5069   width: 100%;
5070   height: calc(2.15625rem + 2px);
5071   padding: 0.375rem 1.75rem 0.375rem 0.75rem;
5072   line-height: 1.5;
5073   color: #495057;
5074   vertical-align: middle;
5075   background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23373a3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
5076   background-size: 8px 10px;
5077   border: 1px solid #ced4da;
5078   border-radius: 0;
5079   appearance: none; }
5080   .custom-select:focus {
5081     border-color: #6eb5f3;
5082     outline: 0;
5083     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(110, 181, 243, 0.5); }
5084     .custom-select:focus::-ms-value {
5085       color: #495057;
5086       background-color: #fff; }
5087   .custom-select[multiple], .custom-select[size]:not([size="1"]) {
5088     height: auto;
5089     padding-right: 0.75rem;
5090     background-image: none; }
5091   .custom-select:disabled {
5092     color: #868e96;
5093     background-color: #e9ecef; }
5094   .custom-select::-ms-expand {
5095     opacity: 0; }
5096
5097 .custom-select-sm {
5098   height: calc(1.73046875rem + 2px);
5099   padding-top: 0.375rem;
5100   padding-bottom: 0.375rem;
5101   font-size: 75%; }
5102
5103 .custom-select-lg {
5104   height: calc(2.7578125rem + 2px);
5105   padding-top: 0.375rem;
5106   padding-bottom: 0.375rem;
5107   font-size: 125%; }
5108
5109 .custom-file {
5110   position: relative;
5111   display: inline-block;
5112   width: 100%;
5113   height: calc(2.15625rem + 2px);
5114   margin-bottom: 0; }
5115
5116 .custom-file-input {
5117   position: relative;
5118   z-index: 2;
5119   width: 100%;
5120   height: calc(2.15625rem + 2px);
5121   margin: 0;
5122   opacity: 0; }
5123   .custom-file-input:focus ~ .custom-file-control {
5124     border-color: #6eb5f3;
5125     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
5126     .custom-file-input:focus ~ .custom-file-control::before {
5127       border-color: #6eb5f3; }
5128   .custom-file-input:lang(en) ~ .custom-file-label::after {
5129     content: "Browse"; }
5130
5131 .custom-file-label {
5132   position: absolute;
5133   top: 0;
5134   right: 0;
5135   left: 0;
5136   z-index: 1;
5137   height: calc(2.15625rem + 2px);
5138   padding: 0.375rem 0.75rem;
5139   line-height: 1.5;
5140   color: #495057;
5141   background-color: #fff;
5142   border: 1px solid #ced4da; }
5143   .custom-file-label::after {
5144     position: absolute;
5145     top: 0;
5146     right: 0;
5147     bottom: 0;
5148     z-index: 3;
5149     display: block;
5150     height: calc(calc(2.15625rem + 2px) - 1px * 2);
5151     padding: 0.375rem 0.75rem;
5152     line-height: 1.5;
5153     color: #495057;
5154     content: "Browse";
5155     background-color: #e9ecef;
5156     border-left: 1px solid #ced4da; }
5157
5158 .nav {
5159   display: flex;
5160   flex-wrap: wrap;
5161   padding-left: 0;
5162   margin-bottom: 0;
5163   list-style: none; }
5164
5165 .nav-link {
5166   display: block;
5167   padding: 0.5rem 1rem; }
5168   .nav-link:hover, .nav-link:focus {
5169     text-decoration: none; }
5170   .nav-link.disabled {
5171     color: #868e96; }
5172
5173 .nav-tabs {
5174   border-bottom: 1px solid #dee2e6; }
5175   .nav-tabs .nav-item {
5176     margin-bottom: -1px; }
5177   .nav-tabs .nav-link {
5178     border: 1px solid transparent; }
5179     .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
5180       border-color: #e9ecef #e9ecef #dee2e6; }
5181     .nav-tabs .nav-link.disabled {
5182       color: #868e96;
5183       background-color: transparent;
5184       border-color: transparent; }
5185   .nav-tabs .nav-link.active,
5186   .nav-tabs .nav-item.show .nav-link {
5187     color: #495057;
5188     background-color: #fff;
5189     border-color: #dee2e6 #dee2e6 #fff; }
5190   .nav-tabs .dropdown-menu {
5191     margin-top: -1px; }
5192
5193 .nav-pills .nav-link.active,
5194 .nav-pills .show > .nav-link {
5195   color: #fff;
5196   background-color: #1177d1; }
5197
5198 .nav-fill .nav-item {
5199   flex: 1 1 auto;
5200   text-align: center; }
5201
5202 .nav-justified .nav-item {
5203   flex-basis: 0;
5204   flex-grow: 1;
5205   text-align: center; }
5206
5207 .tab-content > .tab-pane {
5208   display: none; }
5209
5210 .tab-content > .active {
5211   display: block; }
5212
5213 .navbar {
5214   position: relative;
5215   display: flex;
5216   flex-wrap: wrap;
5217   align-items: center;
5218   justify-content: space-between;
5219   padding: 0.5rem 1rem; }
5220   .navbar > .container,
5221   .navbar > .container-fluid {
5222     display: flex;
5223     flex-wrap: wrap;
5224     align-items: center;
5225     justify-content: space-between; }
5226
5227 .navbar-brand {
5228   display: inline-block;
5229   padding-top: 0.32421875rem;
5230   padding-bottom: 0.32421875rem;
5231   margin-right: 1rem;
5232   font-size: 1.171875rem;
5233   line-height: inherit;
5234   white-space: nowrap; }
5235   .navbar-brand:hover, .navbar-brand:focus {
5236     text-decoration: none; }
5237
5238 .navbar-nav {
5239   display: flex;
5240   flex-direction: column;
5241   padding-left: 0;
5242   margin-bottom: 0;
5243   list-style: none; }
5244   .navbar-nav .nav-link {
5245     padding-right: 0;
5246     padding-left: 0; }
5247   .navbar-nav .dropdown-menu {
5248     position: static;
5249     float: none; }
5250
5251 .navbar-text {
5252   display: inline-block;
5253   padding-top: 0.5rem;
5254   padding-bottom: 0.5rem; }
5255
5256 .navbar-collapse {
5257   flex-basis: 100%;
5258   flex-grow: 1;
5259   align-items: center; }
5260
5261 .navbar-toggler {
5262   padding: 0.25rem 0.75rem;
5263   font-size: 1.171875rem;
5264   line-height: 1;
5265   background-color: transparent;
5266   border: 1px solid transparent; }
5267   .navbar-toggler:hover, .navbar-toggler:focus {
5268     text-decoration: none; }
5269   .navbar-toggler:not(:disabled):not(.disabled) {
5270     cursor: pointer; }
5271
5272 .navbar-toggler-icon {
5273   display: inline-block;
5274   width: 1.5em;
5275   height: 1.5em;
5276   vertical-align: middle;
5277   content: "";
5278   background: no-repeat center center;
5279   background-size: 100% 100%; }
5280
5281 @media (max-width: 575.98px) {
5282   .navbar-expand-sm > .container,
5283   .navbar-expand-sm > .container-fluid {
5284     padding-right: 0;
5285     padding-left: 0; } }
5286
5287 @media (min-width: 576px) {
5288   .navbar-expand-sm {
5289     flex-flow: row nowrap;
5290     justify-content: flex-start; }
5291     .navbar-expand-sm .navbar-nav {
5292       flex-direction: row; }
5293       .navbar-expand-sm .navbar-nav .dropdown-menu {
5294         position: absolute; }
5295       .navbar-expand-sm .navbar-nav .dropdown-menu-right {
5296         right: 0;
5297         left: auto; }
5298       .navbar-expand-sm .navbar-nav .nav-link {
5299         padding-right: 0.5rem;
5300         padding-left: 0.5rem; }
5301     .navbar-expand-sm > .container,
5302     .navbar-expand-sm > .container-fluid {
5303       flex-wrap: nowrap; }
5304     .navbar-expand-sm .navbar-collapse {
5305       display: flex !important;
5306       flex-basis: auto; }
5307     .navbar-expand-sm .navbar-toggler {
5308       display: none; }
5309     .navbar-expand-sm .dropup .dropdown-menu {
5310       top: auto;
5311       bottom: 100%; } }
5312
5313 @media (max-width: 767.98px) {
5314   .navbar-expand-md > .container,
5315   .navbar-expand-md > .container-fluid {
5316     padding-right: 0;
5317     padding-left: 0; } }
5318
5319 @media (min-width: 768px) {
5320   .navbar-expand-md {
5321     flex-flow: row nowrap;
5322     justify-content: flex-start; }
5323     .navbar-expand-md .navbar-nav {
5324       flex-direction: row; }
5325       .navbar-expand-md .navbar-nav .dropdown-menu {
5326         position: absolute; }
5327       .navbar-expand-md .navbar-nav .dropdown-menu-right {
5328         right: 0;
5329         left: auto; }
5330       .navbar-expand-md .navbar-nav .nav-link {
5331         padding-right: 0.5rem;
5332         padding-left: 0.5rem; }
5333     .navbar-expand-md > .container,
5334     .navbar-expand-md > .container-fluid {
5335       flex-wrap: nowrap; }
5336     .navbar-expand-md .navbar-collapse {
5337       display: flex !important;
5338       flex-basis: auto; }
5339     .navbar-expand-md .navbar-toggler {
5340       display: none; }
5341     .navbar-expand-md .dropup .dropdown-menu {
5342       top: auto;
5343       bottom: 100%; } }
5344
5345 @media (max-width: 991.98px) {
5346   .navbar-expand-lg > .container,
5347   .navbar-expand-lg > .container-fluid {
5348     padding-right: 0;
5349     padding-left: 0; } }
5350
5351 @media (min-width: 992px) {
5352   .navbar-expand-lg {
5353     flex-flow: row nowrap;
5354     justify-content: flex-start; }
5355     .navbar-expand-lg .navbar-nav {
5356       flex-direction: row; }
5357       .navbar-expand-lg .navbar-nav .dropdown-menu {
5358         position: absolute; }
5359       .navbar-expand-lg .navbar-nav .dropdown-menu-right {
5360         right: 0;
5361         left: auto; }
5362       .navbar-expand-lg .navbar-nav .nav-link {
5363         padding-right: 0.5rem;
5364         padding-left: 0.5rem; }
5365     .navbar-expand-lg > .container,
5366     .navbar-expand-lg > .container-fluid {
5367       flex-wrap: nowrap; }
5368     .navbar-expand-lg .navbar-collapse {
5369       display: flex !important;
5370       flex-basis: auto; }
5371     .navbar-expand-lg .navbar-toggler {
5372       display: none; }
5373     .navbar-expand-lg .dropup .dropdown-menu {
5374       top: auto;
5375       bottom: 100%; } }
5376
5377 @media (max-width: 1199.98px) {
5378   .navbar-expand-xl > .container,
5379   .navbar-expand-xl > .container-fluid {
5380     padding-right: 0;
5381     padding-left: 0; } }
5382
5383 @media (min-width: 1200px) {
5384   .navbar-expand-xl {
5385     flex-flow: row nowrap;
5386     justify-content: flex-start; }
5387     .navbar-expand-xl .navbar-nav {
5388       flex-direction: row; }
5389       .navbar-expand-xl .navbar-nav .dropdown-menu {
5390         position: absolute; }
5391       .navbar-expand-xl .navbar-nav .dropdown-menu-right {
5392         right: 0;
5393         left: auto; }
5394       .navbar-expand-xl .navbar-nav .nav-link {
5395         padding-right: 0.5rem;
5396         padding-left: 0.5rem; }
5397     .navbar-expand-xl > .container,
5398     .navbar-expand-xl > .container-fluid {
5399       flex-wrap: nowrap; }
5400     .navbar-expand-xl .navbar-collapse {
5401       display: flex !important;
5402       flex-basis: auto; }
5403     .navbar-expand-xl .navbar-toggler {
5404       display: none; }
5405     .navbar-expand-xl .dropup .dropdown-menu {
5406       top: auto;
5407       bottom: 100%; } }
5408
5409 .navbar-expand {
5410   flex-flow: row nowrap;
5411   justify-content: flex-start; }
5412   .navbar-expand > .container,
5413   .navbar-expand > .container-fluid {
5414     padding-right: 0;
5415     padding-left: 0; }
5416   .navbar-expand .navbar-nav {
5417     flex-direction: row; }
5418     .navbar-expand .navbar-nav .dropdown-menu {
5419       position: absolute; }
5420     .navbar-expand .navbar-nav .dropdown-menu-right {
5421       right: 0;
5422       left: auto; }
5423     .navbar-expand .navbar-nav .nav-link {
5424       padding-right: 0.5rem;
5425       padding-left: 0.5rem; }
5426   .navbar-expand > .container,
5427   .navbar-expand > .container-fluid {
5428     flex-wrap: nowrap; }
5429   .navbar-expand .navbar-collapse {
5430     display: flex !important;
5431     flex-basis: auto; }
5432   .navbar-expand .navbar-toggler {
5433     display: none; }
5434   .navbar-expand .dropup .dropdown-menu {
5435     top: auto;
5436     bottom: 100%; }
5437
5438 .navbar-light .navbar-brand {
5439   color: rgba(0, 0, 0, 0.9); }
5440   .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
5441     color: rgba(0, 0, 0, 0.9); }
5442
5443 .navbar-light .navbar-nav .nav-link {
5444   color: rgba(0, 0, 0, 0.5); }
5445   .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
5446     color: rgba(0, 0, 0, 0.9); }
5447   .navbar-light .navbar-nav .nav-link.disabled {
5448     color: rgba(0, 0, 0, 0.3); }
5449
5450 .navbar-light .navbar-nav .show > .nav-link,
5451 .navbar-light .navbar-nav .active > .nav-link,
5452 .navbar-light .navbar-nav .nav-link.show,
5453 .navbar-light .navbar-nav .nav-link.active {
5454   color: rgba(0, 0, 0, 0.9); }
5455
5456 .navbar-light .navbar-toggler {
5457   color: rgba(0, 0, 0, 0.5);
5458   border-color: rgba(0, 0, 0, 0.1); }
5459
5460 .navbar-light .navbar-toggler-icon {
5461   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
5462
5463 .navbar-light .navbar-text {
5464   color: rgba(0, 0, 0, 0.5); }
5465   .navbar-light .navbar-text a {
5466     color: rgba(0, 0, 0, 0.9); }
5467     .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
5468       color: rgba(0, 0, 0, 0.9); }
5469
5470 .navbar-dark .navbar-brand {
5471   color: #fff; }
5472   .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
5473     color: #fff; }
5474
5475 .navbar-dark .navbar-nav .nav-link {
5476   color: rgba(255, 255, 255, 0.5); }
5477   .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
5478     color: white; }
5479   .navbar-dark .navbar-nav .nav-link.disabled {
5480     color: rgba(255, 255, 255, 0.25); }
5481
5482 .navbar-dark .navbar-nav .show > .nav-link,
5483 .navbar-dark .navbar-nav .active > .nav-link,
5484 .navbar-dark .navbar-nav .nav-link.show,
5485 .navbar-dark .navbar-nav .nav-link.active {
5486   color: #fff; }
5487
5488 .navbar-dark .navbar-toggler {
5489   color: rgba(255, 255, 255, 0.5);
5490   border-color: rgba(255, 255, 255, 0.1); }
5491
5492 .navbar-dark .navbar-toggler-icon {
5493   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
5494
5495 .navbar-dark .navbar-text {
5496   color: rgba(255, 255, 255, 0.5); }
5497   .navbar-dark .navbar-text a {
5498     color: #fff; }
5499     .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
5500       color: #fff; }
5501
5502 .card, #page-enrol-users #filterform, .que .history, .userprofile .profile_tree section, .groupinfobox, .well {
5503   position: relative;
5504   display: flex;
5505   flex-direction: column;
5506   min-width: 0;
5507   word-wrap: break-word;
5508   background-color: #fff;
5509   background-clip: border-box;
5510   border: 1px solid rgba(0, 0, 0, 0.125); }
5511   .card > hr, #page-enrol-users #filterform > hr, .que .history > hr, .userprofile .profile_tree section > hr, .groupinfobox > hr, .well > hr {
5512     margin-right: 0;
5513     margin-left: 0; }
5514
5515 .card-body, .userprofile .profile_tree section {
5516   flex: 1 1 auto;
5517   padding: 1.25rem; }
5518
5519 .card-title {
5520   margin-bottom: 0.75rem; }
5521
5522 .card-subtitle {
5523   margin-top: -0.375rem;
5524   margin-bottom: 0; }
5525
5526 .card-text:last-child {
5527   margin-bottom: 0; }
5528
5529 .card-link:hover {
5530   text-decoration: none; }
5531
5532 .card-link + .card-link {
5533   margin-left: 1.25rem; }
5534
5535 .card-header {
5536   padding: 0.75rem 1.25rem;
5537   margin-bottom: 0;
5538   background-color: rgba(0, 0, 0, 0.03);
5539   border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
5540   .card-header + .list-group .list-group-item:first-child {
5541     border-top: 0; }
5542
5543 .card-footer {
5544   padding: 0.75rem 1.25rem;
5545   background-color: rgba(0, 0, 0, 0.03);
5546   border-top: 1px solid rgba(0, 0, 0, 0.125); }
5547
5548 .card-header-tabs {
5549   margin-right: -0.625rem;
5550   margin-bottom: -0.75rem;
5551   margin-left: -0.625rem;
5552   border-bottom: 0; }
5553
5554 .card-header-pills {
5555   margin-right: -0.625rem;
5556   margin-left: -0.625rem; }
5557
5558 .card-img-overlay {
5559   position: absolute;
5560   top: 0;
5561   right: 0;
5562   bottom: 0;
5563   left: 0;
5564   padding: 1.25rem; }
5565
5566 .card-img {
5567   width: 100%; }
5568
5569 .card-img-top {
5570   width: 100%; }
5571
5572 .card-img-bottom {
5573   width: 100%; }
5574
5575 .card-deck {
5576   display: flex;
5577   flex-direction: column; }
5578   .card-deck .card, .card-deck #page-enrol-users #filterform, #page-enrol-users .card-deck #filterform, .card-deck .que .history, .que .card-deck .history, .card-deck .userprofile .profile_tree section, .userprofile .profile_tree .card-deck section, .card-deck .groupinfobox, .card-deck .well {
5579     margin-bottom: 0.25rem; }
5580   @media (min-width: 576px) {
5581     .card-deck {
5582       flex-flow: row wrap;
5583       margin-right: -0.25rem;
5584       margin-left: -0.25rem; }
5585       .card-deck .card, .card-deck #page-enrol-users #filterform, #page-enrol-users .card-deck #filterform, .card-deck .que .history, .que .card-deck .history, .card-deck .userprofile .profile_tree section, .userprofile .profile_tree .card-deck section, .card-deck .groupinfobox, .card-deck .well {
5586         display: flex;
5587         flex: 1 0 0%;
5588         flex-direction: column;
5589         margin-right: 0.25rem;
5590         margin-bottom: 0;
5591         margin-left: 0.25rem; } }
5592
5593 .card-group {
5594   display: flex;
5595   flex-direction: column; }
5596   .card-group > .card, #page-enrol-users .card-group > #filterform, .que .card-group > .history, .userprofile .profile_tree .card-group > section, .card-group > .groupinfobox, .card-group > .well {
5597     margin-bottom: 0.25rem; }
5598   @media (min-width: 576px) {
5599     .card-group {
5600       flex-flow: row wrap; }
5601       .card-group > .card, #page-enrol-users .card-group > #filterform, .que .card-group > .history, .userprofile .profile_tree .card-group > section, .card-group > .groupinfobox, .card-group > .well {
5602         flex: 1 0 0%;
5603         margin-bottom: 0; }
5604         .card-group > .card + .card, #page-enrol-users .card-group > #filterform + .card, .que .card-group > .history + .card, .userprofile .profile_tree .card-group > section + .card, .card-group > .groupinfobox + .card, .card-group > .well + .card, #page-enrol-users .card-group > .card + #filterform, #page-enrol-users .card-group > #filterform + #filterform, .que #page-enrol-users .card-group > .history + #filterform, #page-enrol-users .que .card-group > .history + #filterform, .userprofile .profile_tree #page-enrol-users .card-group > section + #filterform, #page-enrol-users .userprofile .profile_tree .card-group > section + #filterform, #page-enrol-users .card-group > .groupinfobox + #filterform, #page-enrol-users .card-group > .well + #filterform, .que .card-group > .card + .history, #page-enrol-users .que .card-group > #filterform + .history, .que #page-enrol-users .card-group > #filterform + .history, .que .card-group > .history + .history, .userprofile .profile_tree .que .card-group > section + .history, .que .userprofile .profile_tree .card-group > section + .history, .que .card-group > .groupinfobox + .history, .que .card-group > .well + .history, .userprofile .profile_tree .card-group > .card + section, #page-enrol-users .userprofile .profile_tree .card-group > #filterform + section, .userprofile .profile_tree #page-enrol-users .card-group > #filterform + section, .que .userprofile .profile_tree .card-group > .history + section, .userprofile .profile_tree .que .card-group > .history + section, .userprofile .profile_tree .card-group > section + section, .userprofile .profile_tree .card-group > .groupinfobox + section, .userprofile .profile_tree .card-group > .well + section, .card-group > .card + .groupinfobox, #page-enrol-users .card-group > #filterform + .groupinfobox, .que .card-group > .history + .groupinfobox, .userprofile .profile_tree .card-group > section + .groupinfobox, .card-group > .groupinfobox + .groupinfobox, .card-group > .well + .groupinfobox, .card-group > .card + .well, #page-enrol-users .card-group > #filterform + .well, .que .card-group > .history + .well, .userprofile .profile_tree .card-group > section + .well, .card-group > .groupinfobox + .well, .card-group > .well + .well {
5605           margin-left: 0;
5606           border-left: 0; } }
5607
5608 .card-columns .card, .card-columns #page-enrol-users #filterform, #page-enrol-users .card-columns #filterform, .card-columns .que .history, .que .card-columns .history, .card-columns .userprofile .profile_tree section, .userprofile .profile_tree .card-columns section, .card-columns .groupinfobox, .card-columns .well {
5609   margin-bottom: 0.75rem; }
5610
5611 @media (min-width: 576px) {
5612   .card-columns {
5613     column-count: 3;
5614     column-gap: 1.25rem; }
5615     .card-columns .card, .card-columns #page-enrol-users #filterform, #page-enrol-users .card-columns #filterform, .card-columns .que .history, .que .card-columns .history, .card-columns .userprofile .profile_tree section, .userprofile .profile_tree .card-columns section, .card-columns .groupinfobox, .card-columns .well {
5616       display: inline-block;
5617       width: 100%; } }
5618
5619 .breadcrumb {
5620   display: flex;
5621   flex-wrap: wrap;
5622   padding: 0.25rem 0;
5623   margin-bottom: 0;
5624   list-style: none;
5625   background-color: transparent; }
5626
5627 .breadcrumb-item + .breadcrumb-item::before {
5628   display: inline-block;
5629   padding-right: 0.5rem;
5630   padding-left: 0.5rem;
5631   color: #868e96;
5632   content: "/"; }
5633
5634 .breadcrumb-item + .breadcrumb-item:hover::before {
5635   text-decoration: underline; }
5636
5637 .breadcrumb-item + .breadcrumb-item:hover::before {
5638   text-decoration: none; }
5639
5640 .breadcrumb-item.active {
5641   color: #868e96; }
5642
5643 .pagination {
5644   display: flex;
5645   padding-left: 0;
5646   list-style: none; }
5647
5648 .page-link {
5649   position: relative;
5650   display: block;
5651   padding: 0.5rem 0.75rem;
5652   margin-left: -1px;
5653   line-height: 1.25;
5654   color: #1177d1;
5655   background-color: #fff;
5656   border: 1px solid #dee2e6; }
5657   .page-link:hover {
5658     color: #0b4f8a;
5659     text-decoration: none;
5660     background-color: #e9ecef;
5661     border-color: #dee2e6; }
5662   .page-link:focus {
5663     z-index: 2;
5664     outline: 0;
5665     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
5666   .page-link:not(:disabled):not(.disabled) {
5667     cursor: pointer; }
5668
5669 .page-item:first-child .page-link {
5670   margin-left: 0; }
5671
5672 .page-item.active .page-link {
5673   z-index: 1;
5674   color: #fff;
5675   background-color: #1177d1;
5676   border-color: #1177d1; }
5677
5678 .page-item.disabled .page-link {
5679   color: #868e96;
5680   pointer-events: none;
5681   cursor: auto;
5682   background-color: #fff;
5683   border-color: #dee2e6; }
5684
5685 .pagination-lg .page-link {
5686   padding: 0.75rem 1.5rem;
5687   font-size: 1.171875rem;
5688   line-height: 1.5; }
5689
5690 .pagination-sm .page-link {
5691   padding: 0.25rem 0.5rem;
5692   font-size: 0.8203125rem;
5693   line-height: 1.5; }
5694
5695 .badge {
5696   display: inline-block;
5697   padding: 0.25em 0.4em;
5698   font-size: 75%;
5699   font-weight: 700;
5700   line-height: 1;
5701   text-align: center;
5702   white-space: nowrap;
5703   vertical-align: baseline; }
5704   .badge:empty {
5705     display: none; }
5706
5707 .btn .badge, #page-grade-grading-manage .actions .action .badge, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .badge, #rubric-rubric.gradingform_rubric .addcriterion .badge {
5708   position: relative;
5709   top: -1px; }
5710
5711 .badge-pill {
5712   padding-right: 0.6em;
5713   padding-left: 0.6em; }
5714
5715 .badge-primary {
5716   color: #fff;
5717   background-color: #1177d1; }
5718   .badge-primary[href]:hover, .badge-primary[href]:focus {
5719     color: #fff;
5720     text-decoration: none;
5721     background-color: #0d5ca2; }
5722
5723 .badge-secondary {
5724   color: #212529;
5725   background-color: #e9ecef; }
5726   .badge-secondary[href]:hover, .badge-secondary[href]:focus {
5727     color: #212529;
5728     text-decoration: none;
5729     background-color: #cbd3da; }
5730
5731 .badge-success {
5732   color: #fff;
5733   background-color: #5cb85c; }
5734   .badge-success[href]:hover, .badge-success[href]:focus {
5735     color: #fff;
5736     text-decoration: none;
5737     background-color: #449d44; }
5738
5739 .badge-info {
5740   color: #212529;
5741   background-color: #5bc0de; }
5742   .badge-info[href]:hover, .badge-info[href]:focus {
5743     color: #212529;
5744     text-decoration: none;
5745     background-color: #31b0d5; }
5746
5747 .badge-warning {
5748   color: #212529;
5749   background-color: #f0ad4e; }
5750   .badge-warning[href]:hover, .badge-warning[href]:focus {
5751     color: #212529;
5752     text-decoration: none;
5753     background-color: #ec971f; }
5754
5755 .badge-danger {
5756   color: #fff;
5757   background-color: #d9534f; }
5758   .badge-danger[href]:hover, .badge-danger[href]:focus {
5759     color: #fff;
5760     text-decoration: none;
5761     background-color: #c9302c; }
5762
5763 .badge-light {
5764   color: #212529;
5765   background-color: #f8f9fa; }
5766   .badge-light[href]:hover, .badge-light[href]:focus {
5767     color: #212529;
5768     text-decoration: none;
5769     background-color: #dae0e5; }
5770
5771 .badge-dark {
5772   color: #fff;
5773   background-color: #373a3c; }
5774   .badge-dark[href]:hover, .badge-dark[href]:focus {
5775     color: #fff;
5776     text-decoration: none;
5777     background-color: #1f2021; }
5778
5779 .jumbotron {
5780   padding: 2rem 1rem;
5781   margin-bottom: 2rem;
5782   background-color: #e9ecef; }
5783   @media (min-width: 576px) {
5784     .jumbotron {
5785       padding: 4rem 2rem; } }
5786
5787 .jumbotron-fluid {
5788   padding-right: 0;
5789   padding-left: 0; }
5790
5791 .alert, #page-admin-index .releasenoteslink,
5792 #page-admin-index .adminwarning,
5793 #page-admin-index .adminerror, .que .formulation,
5794 .que .outcome,
5795 .que .comment {
5796   position: relative;
5797   padding: 0.75rem 1.25rem;
5798   margin-bottom: 1rem;
5799   border: 0 solid transparent; }
5800
5801 .alert-heading {
5802   color: inherit; }
5803
5804 .alert-link {
5805   font-weight: 700; }
5806
5807 .alert-dismissible {
5808   padding-right: 3.90625rem; }
5809   .alert-dismissible .close, .alert-dismissible .moodle-dialogue-base .closebutton, .moodle-dialogue-base .alert-dismissible .closebutton {
5810     position: absolute;
5811     top: 0;
5812     right: 0;
5813     padding: 0.75rem 1.25rem;
5814     color: inherit; }
5815
5816 .alert-primary {
5817   color: #093e6d;
5818   background-color: #cfe4f6;
5819   border-color: #bcd9f2; }
5820   .alert-primary hr {
5821     border-top-color: #a7cdee; }
5822   .alert-primary .alert-link {
5823     color: #05233e; }
5824
5825 .alert-secondary {
5826   color: #797b7c;
5827   background-color: #fbfbfc;
5828   border-color: #f9fafb; }
5829   .alert-secondary hr {
5830     border-top-color: #eaedf1; }
5831   .alert-secondary .alert-link {
5832     color: #606162; }
5833
5834 .alert-success,
5835 .que .comment {
5836   color: #306030;
5837   background-color: #def1de;
5838   border-color: #d1ebd1; }
5839   .alert-success hr, .que .comment hr {
5840     border-top-color: #bfe3bf; }
5841   .alert-success .alert-link, .que .comment .alert-link {
5842     color: #1f3e1f; }
5843
5844 .alert-info, #page-admin-index .releasenoteslink, #adminsettings .form-overridden, .que .formulation {
5845   color: #2f6473;
5846   background-color: #def2f8;
5847   border-color: #d1edf6; }
5848   .alert-info hr, #page-admin-index .releasenoteslink hr, #adminsettings .form-overridden hr, .que .formulation hr {
5849     border-top-color: #bce5f2; }
5850   .alert-info .alert-link, #page-admin-index .releasenoteslink .alert-link, #adminsettings .form-overridden .alert-link, .que .formulation .alert-link {
5851     color: #20454f; }
5852
5853 .alert-warning,
5854 #page-admin-index .adminwarning, .uninstalldeleteconfirmexternal,
5855 .que .outcome,
5856 .que .comment {
5857   color: #7d5a29;
5858   background-color: #fcefdc;
5859   border-color: #fbe8cd; }
5860   .alert-warning hr, #page-admin-index .adminwarning hr, .uninstalldeleteconfirmexternal hr, .que .outcome hr, .que .comment hr {
5861     border-top-color: #f9ddb5; }
5862   .alert-warning .alert-link, #page-admin-index .adminwarning .alert-link, .uninstalldeleteconfirmexternal .alert-link, .que .outcome .alert-link, .que .comment .alert-link {
5863     color: #573e1c; }
5864
5865 .alert-danger,
5866 #page-admin-index .adminerror {
5867   color: #712b29;
5868   background-color: #f7dddc;
5869   border-color: #f4cfce; }
5870   .alert-danger hr, #page-admin-index .adminerror hr {
5871     border-top-color: #efbbb9; }
5872   .alert-danger .alert-link, #page-admin-index .adminerror .alert-link {
5873     color: #4c1d1b; }
5874
5875 .alert-light {
5876   color: #818182;
5877   background-color: #fefefe;
5878   border-color: #fdfdfe; }
5879   .alert-light hr {
5880     border-top-color: #ececf6; }
5881   .alert-light .alert-link {
5882     color: #686868; }
5883
5884 .alert-dark {
5885   color: #1d1e1f;
5886   background-color: #d7d8d8;
5887   border-color: #c7c8c8; }
5888   .alert-dark hr {
5889     border-top-color: #babbbb; }
5890   .alert-dark .alert-link {
5891     color: #040505; }
5892
5893 @keyframes progress-bar-stripes {
5894   from {
5895     background-position: 1rem 0; }
5896   to {
5897     background-position: 0 0; } }
5898
5899 .progress {
5900   display: flex;
5901   height: 1rem;
5902   overflow: hidden;
5903   font-size: 0.703125rem;
5904   background-color: #e9ecef; }
5905
5906 .progress-bar {
5907   display: flex;
5908   flex-direction: column;
5909   justify-content: center;
5910   color: #fff;
5911   text-align: center;
5912   background-color: #1177d1;
5913   transition: width 0.6s ease; }
5914
5915 .progress-bar-striped {
5916   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);
5917   background-size: 1rem 1rem; }
5918
5919 .progress-bar-animated {
5920   animation: progress-bar-stripes 1s linear infinite; }
5921
5922 .media {
5923   display: flex;
5924   align-items: flex-start; }
5925
5926 .media-body {
5927   flex: 1; }
5928
5929 .list-group {
5930   display: flex;
5931   flex-direction: column;
5932   padding-left: 0;
5933   margin-bottom: 0; }
5934
5935 .list-group-item-action {
5936   width: 100%;
5937   color: #495057;
5938   text-align: inherit; }
5939   .list-group-item-action:hover, .list-group-item-action:focus {
5940     color: #495057;
5941     text-decoration: none;
5942     background-color: #f8f9fa; }
5943   .list-group-item-action:active {
5944     color: #373a3c;
5945     background-color: #e9ecef; }
5946
5947 .list-group-item {
5948   position: relative;
5949   display: block;
5950   padding: 0.75rem 1.25rem;
5951   margin-bottom: -1px;
5952   background-color: #fff;
5953   border: 1px solid rgba(0, 0, 0, 0.125); }
5954   .list-group-item:last-child {
5955     margin-bottom: 0; }
5956   .list-group-item:hover, .list-group-item:focus {
5957     z-index: 1;
5958     text-decoration: none; }
5959   .list-group-item.disabled, .list-group-item:disabled {
5960     color: #868e96;
5961     background-color: #fff; }
5962   .list-group-item.active {
5963     z-index: 2;
5964     color: #fff;
5965     background-color: #1177d1;
5966     border-color: #1177d1; }
5967
5968 .list-group-flush .list-group-item {
5969   border-right: 0;
5970   border-left: 0; }
5971
5972 .list-group-flush:first-child .list-group-item:first-child {
5973   border-top: 0; }
5974
5975 .list-group-flush:last-child .list-group-item:last-child {
5976   border-bottom: 0; }
5977
5978 .list-group-item-primary {
5979   color: #093e6d;
5980   background-color: #bcd9f2; }
5981   .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
5982     color: #093e6d;
5983     background-color: #a7cdee; }
5984   .list-group-item-primary.list-group-item-action.active {
5985     color: #fff;
5986     background-color: #093e6d;
5987     border-color: #093e6d; }
5988
5989 .list-group-item-secondary {
5990   color: #797b7c;
5991   background-color: #f9fafb; }
5992   .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
5993     color: #797b7c;
5994     background-color: #eaedf1; }
5995   .list-group-item-secondary.list-group-item-action.active {
5996     color: #fff;
5997     background-color: #797b7c;
5998     border-color: #797b7c; }
5999
6000 .list-group-item-success {
6001   color: #306030;
6002   background-color: #d1ebd1; }
6003   .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6004     color: #306030;
6005     background-color: #bfe3bf; }
6006   .list-group-item-success.list-group-item-action.active {
6007     color: #fff;
6008     background-color: #306030;
6009     border-color: #306030; }
6010
6011 .list-group-item-info {
6012   color: #2f6473;
6013   background-color: #d1edf6; }
6014   .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6015     color: #2f6473;
6016     background-color: #bce5f2; }
6017   .list-group-item-info.list-group-item-action.active {
6018     color: #fff;
6019     background-color: #2f6473;
6020     border-color: #2f6473; }
6021
6022 .list-group-item-warning {
6023   color: #7d5a29;
6024   background-color: #fbe8cd; }
6025   .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6026     color: #7d5a29;
6027     background-color: #f9ddb5; }
6028   .list-group-item-warning.list-group-item-action.active {
6029     color: #fff;
6030     background-color: #7d5a29;
6031     border-color: #7d5a29; }
6032
6033 .list-group-item-danger {
6034   color: #712b29;
6035   background-color: #f4cfce; }
6036   .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6037     color: #712b29;
6038     background-color: #efbbb9; }
6039   .list-group-item-danger.list-group-item-action.active {
6040     color: #fff;
6041     background-color: #712b29;
6042     border-color: #712b29; }
6043
6044 .list-group-item-light {
6045   color: #818182;
6046   background-color: #fdfdfe; }
6047   .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6048     color: #818182;
6049     background-color: #ececf6; }
6050   .list-group-item-light.list-group-item-action.active {
6051     color: #fff;
6052     background-color: #818182;
6053     border-color: #818182; }
6054
6055 .list-group-item-dark {
6056   color: #1d1e1f;
6057   background-color: #c7c8c8; }
6058   .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6059     color: #1d1e1f;
6060     background-color: #babbbb; }
6061   .list-group-item-dark.list-group-item-action.active {
6062     color: #fff;
6063     background-color: #1d1e1f;
6064     border-color: #1d1e1f; }
6065
6066 .close, .moodle-dialogue-base .closebutton {
6067   float: right;
6068   font-size: 1.40625rem;
6069   font-weight: 700;
6070   line-height: 1;
6071   color: #000;
6072   text-shadow: 0 1px 0 #fff;
6073   opacity: .5; }
6074   .close:hover, .moodle-dialogue-base .closebutton:hover, .close:focus, .moodle-dialogue-base .closebutton:focus {
6075     color: #000;
6076     text-decoration: none;
6077     opacity: .75; }
6078   .close:not(:disabled):not(.disabled), .moodle-dialogue-base .closebutton:not(:disabled):not(.disabled) {
6079     cursor: pointer; }
6080
6081 button.close, .moodle-dialogue-base button.closebutton {
6082   padding: 0;
6083   background-color: transparent;
6084   border: 0;
6085   -webkit-appearance: none; }
6086
6087 .modal-open {
6088   overflow: hidden; }
6089
6090 .modal {
6091   position: fixed;
6092   top: 0;
6093   right: 0;
6094   bottom: 0;
6095   left: 0;
6096   z-index: 1050;
6097   display: none;
6098   overflow: hidden;
6099   outline: 0; }
6100   .modal-open .modal {
6101     overflow-x: hidden;
6102     overflow-y: auto; }
6103
6104 .modal-dialog {
6105   position: relative;
6106   width: auto;
6107   margin: 0.5rem;
6108   pointer-events: none; }
6109   .modal.fade .modal-dialog {
6110     transition: transform 0.3s ease-out;
6111     transform: translate(0, -25%); }
6112   .modal.show .modal-dialog {
6113     transform: translate(0, 0); }
6114
6115 .modal-dialog-centered {
6116   display: flex;
6117   align-items: center;
6118   min-height: calc(100% - (0.5rem * 2)); }
6119
6120 .modal-content, .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content {
6121   position: relative;
6122   display: flex;
6123   flex-direction: column;
6124   width: 100%;
6125   pointer-events: auto;
6126   background-color: #fff;
6127   background-clip: padding-box;
6128   border: 1px solid rgba(0, 0, 0, 0.2);
6129   outline: 0; }
6130
6131 .modal-backdrop {
6132   position: fixed;
6133   top: 0;
6134   right: 0;
6135   bottom: 0;
6136   left: 0;
6137   z-index: 1040;
6138   background-color: #000; }
6139   .modal-backdrop.fade {
6140     opacity: 0; }
6141   .modal-backdrop.show {
6142     opacity: 0.5; }
6143
6144 .modal-header, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
6145   display: flex;
6146   align-items: flex-start;
6147   justify-content: space-between;
6148   padding: 1rem;
6149   border-bottom: 1px solid #e9ecef; }
6150   .modal-header .close, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .close, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .close, .modal-header .moodle-dialogue-base .closebutton, .moodle-dialogue-base .modal-header .closebutton, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .closebutton, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .moodle-dialogue-base .closebutton, .moodle-dialogue-base .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .closebutton {
6151     padding: 1rem;
6152     margin: -1rem -1rem -1rem auto; }
6153
6154 .modal-title, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
6155   margin-bottom: 0;
6156   line-height: 1.5; }
6157
6158 .modal-body {
6159   position: relative;
6160   flex: 1 1 auto;
6161   padding: 1rem; }
6162
6163 .modal-footer, .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
6164   display: flex;
6165   align-items: center;
6166   justify-content: flex-end;
6167   padding: 1rem;
6168   border-top: 1px solid #e9ecef; }
6169   .modal-footer > :not(:first-child), .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft > :not(:first-child) {
6170     margin-left: .25rem; }
6171   .modal-footer > :not(:last-child), .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft > :not(:last-child) {
6172     margin-right: .25rem; }
6173
6174 .modal-scrollbar-measure {
6175   position: absolute;
6176   top: -9999px;
6177   width: 50px;
6178   height: 50px;
6179   overflow: scroll; }
6180
6181 @media (min-width: 576px) {
6182   .modal-dialog {
6183     max-width: 500px;
6184     margin: 1.75rem auto; }
6185   .modal-dialog-centered {
6186     min-height: calc(100% - (1.75rem * 2)); }
6187   .modal-sm {
6188     max-width: 300px; } }
6189
6190 @media (min-width: 992px) {
6191   .modal-lg {
6192     max-width: 800px; } }
6193
6194 .tooltip {
6195   position: absolute;
6196   z-index: 1070;
6197   display: block;
6198   margin: 0;
6199   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6200   font-style: normal;
6201   font-weight: 400;
6202   line-height: 1.5;
6203   text-align: left;
6204   text-align: start;
6205   text-decoration: none;
6206   text-shadow: none;
6207   text-transform: none;
6208   letter-spacing: normal;
6209   word-break: normal;
6210   word-spacing: normal;
6211   white-space: normal;
6212   line-break: auto;
6213   font-size: 0.8203125rem;
6214   word-wrap: break-word;
6215   opacity: 0; }
6216   .tooltip.show {
6217     opacity: 0.9; }
6218   .tooltip .arrow {
6219     position: absolute;
6220     display: block;
6221     width: 0.8rem;
6222     height: 0.4rem; }
6223     .tooltip .arrow::before {
6224       position: absolute;
6225       content: "";
6226       border-color: transparent;
6227       border-style: solid; }
6228
6229 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
6230   padding: 0.4rem 0; }
6231   .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
6232     bottom: 0; }
6233     .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
6234       top: 0;
6235       border-width: 0.4rem 0.4rem 0;
6236       border-top-color: #000; }
6237
6238 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
6239   padding: 0 0.4rem; }
6240   .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
6241     left: 0;
6242     width: 0.4rem;
6243     height: 0.8rem; }
6244     .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
6245       right: 0;
6246       border-width: 0.4rem 0.4rem 0.4rem 0;
6247       border-right-color: #000; }
6248
6249 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
6250   padding: 0.4rem 0; }
6251   .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
6252     top: 0; }
6253     .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
6254       bottom: 0;
6255       border-width: 0 0.4rem 0.4rem;
6256       border-bottom-color: #000; }
6257
6258 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
6259   padding: 0 0.4rem; }
6260   .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
6261     right: 0;
6262     width: 0.4rem;
6263     height: 0.8rem; }
6264     .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
6265       left: 0;
6266       border-width: 0.4rem 0 0.4rem 0.4rem;
6267       border-left-color: #000; }
6268
6269 .tooltip-inner {
6270   max-width: 200px;
6271   padding: 0.25rem 0.5rem;
6272   color: #fff;
6273   text-align: center;
6274   background-color: #000; }
6275
6276 /* rtl:begin:ignore */
6277 .popover {
6278   position: absolute;
6279   top: 0;
6280   left: 0;
6281   z-index: 1060;
6282   display: block;
6283   max-width: 276px;
6284   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6285   font-style: normal;
6286   font-weight: 400;
6287   line-height: 1.5;
6288   text-align: left;
6289   text-align: start;
6290   text-decoration: none;
6291   text-shadow: none;
6292   text-transform: none;
6293   letter-spacing: normal;
6294   word-break: normal;
6295   word-spacing: normal;
6296   white-space: normal;
6297   line-break: auto;
6298   font-size: 0.8203125rem;
6299   word-wrap: break-word;
6300   background-color: #fff;
6301   background-clip: padding-box;
6302   border: 1px solid rgba(0, 0, 0, 0.2); }
6303   .popover .arrow {
6304     position: absolute;
6305     display: block;
6306     width: 1rem;
6307     height: 0.5rem;
6308     margin: 0 0.3rem; }
6309     .popover .arrow::before, .popover .arrow::after {
6310       position: absolute;
6311       display: block;
6312       content: "";
6313       border-color: transparent;
6314       border-style: solid; }
6315
6316 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
6317   margin-bottom: 0.5rem; }
6318   .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
6319     bottom: calc((0.5rem + 1px) * -1); }
6320   .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
6321   .bs-popover-top .arrow::after,
6322   .bs-popover-auto[x-placement^="top"] .arrow::after {
6323     border-width: 0.5rem 0.5rem 0; }
6324   .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
6325     bottom: 0;
6326     border-top-color: rgba(0, 0, 0, 0.25); }
6327
6328   .bs-popover-top .arrow::after,
6329   .bs-popover-auto[x-placement^="top"] .arrow::after {
6330     bottom: 1px;
6331     border-top-color: #fff; }
6332
6333 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
6334   margin-left: 0.5rem; }
6335   .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
6336     left: calc((0.5rem + 1px) * -1);
6337     width: 0.5rem;
6338     height: 1rem;
6339     margin: 0.3rem 0; }
6340   .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
6341   .bs-popover-right .arrow::after,
6342   .bs-popover-auto[x-placement^="right"] .arrow::after {
6343     border-width: 0.5rem 0.5rem 0.5rem 0; }
6344   .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
6345     left: 0;
6346     border-right-color: rgba(0, 0, 0, 0.25); }
6347
6348   .bs-popover-right .arrow::after,
6349   .bs-popover-auto[x-placement^="right"] .arrow::after {
6350     left: 1px;
6351     border-right-color: #fff; }
6352
6353 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
6354   margin-top: 0.5rem; }
6355   .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
6356     top: calc((0.5rem + 1px) * -1); }
6357   .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
6358   .bs-popover-bottom .arrow::after,
6359   .bs-popover-auto[x-placement^="bottom"] .arrow::after {
6360     border-width: 0 0.5rem 0.5rem 0.5rem; }
6361   .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
6362     top: 0;
6363     border-bottom-color: rgba(0, 0, 0, 0.25); }
6364
6365   .bs-popover-bottom .arrow::after,
6366   .bs-popover-auto[x-placement^="bottom"] .arrow::after {
6367     top: 1px;
6368     border-bottom-color: #fff; }
6369   .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
6370     position: absolute;
6371     top: 0;
6372     left: 50%;
6373     display: block;
6374     width: 1rem;
6375     margin-left: -0.5rem;
6376     content: "";
6377     border-bottom: 1px solid #f7f7f7; }
6378
6379 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
6380   margin-right: 0.5rem; }
6381   .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
6382     right: calc((0.5rem + 1px) * -1);
6383     width: 0.5rem;
6384     height: 1rem;
6385     margin: 0.3rem 0; }
6386   .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
6387   .bs-popover-left .arrow::after,
6388   .bs-popover-auto[x-placement^="left"] .arrow::after {
6389     border-width: 0.5rem 0 0.5rem 0.5rem; }
6390   .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
6391     right: 0;
6392     border-left-color: rgba(0, 0, 0, 0.25); }
6393
6394   .bs-popover-left .arrow::after,
6395   .bs-popover-auto[x-placement^="left"] .arrow::after {
6396     right: 1px;
6397     border-left-color: #fff; }
6398
6399 .popover-header {
6400   padding: 0.5rem 0.75rem;
6401   margin-bottom: 0;
6402   font-size: 0.9375rem;
6403   color: inherit;
6404   background-color: #f7f7f7;
6405   border-bottom: 1px solid #ebebeb; }
6406   .popover-header:empty {
6407     display: none; }
6408
6409 .popover-body {
6410   padding: 0.5rem 0.75rem;
6411   color: #373a3c; }
6412
6413 /* rtl:end:ignore */
6414 .carousel {
6415   position: relative; }
6416
6417 .carousel-inner {
6418   position: relative;
6419   width: 100%;
6420   overflow: hidden; }
6421
6422 .carousel-item {
6423   position: relative;
6424   display: none;
6425   align-items: center;
6426   width: 100%;
6427   transition: transform 0.6s ease;
6428   backface-visibility: hidden;
6429   perspective: 1000px; }
6430
6431 .carousel-item.active,
6432 .carousel-item-next,
6433 .carousel-item-prev {
6434   display: block; }
6435
6436 .carousel-item-next,
6437 .carousel-item-prev {
6438   position: absolute;
6439   top: 0; }
6440
6441 .carousel-control-prev,
6442 .carousel-control-next {
6443   position: absolute;
6444   top: 0;
6445   bottom: 0;
6446   display: flex;
6447   align-items: center;
6448   justify-content: center;
6449   width: 15%;
6450   color: #fff;
6451   text-align: center;
6452   opacity: 0.5; }
6453   .carousel-control-prev:hover, .carousel-control-prev:focus,
6454   .carousel-control-next:hover,
6455   .carousel-control-next:focus {
6456     color: #fff;
6457     text-decoration: none;
6458     outline: 0;
6459     opacity: .9; }
6460
6461 .carousel-control-prev {
6462   left: 0; }
6463
6464 .carousel-control-next {
6465   right: 0; }
6466
6467 .carousel-control-prev-icon,
6468 .carousel-control-next-icon {
6469   display: inline-block;
6470   width: 20px;
6471   height: 20px;
6472   background: transparent no-repeat center center;
6473   background-size: 100% 100%; }
6474
6475 .carousel-control-prev-icon {
6476   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
6477
6478 .carousel-control-next-icon {
6479   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
6480
6481 .carousel-indicators {
6482   position: absolute;
6483   right: 0;
6484   bottom: 10px;
6485   left: 0;
6486   z-index: 15;
6487   display: flex;
6488   justify-content: center;
6489   padding-left: 0;
6490   margin-right: 15%;
6491   margin-left: 15%;
6492   list-style: none; }
6493   .carousel-indicators li {
6494     position: relative;
6495     flex: 0 1 auto;
6496     width: 30px;
6497     height: 3px;
6498     margin-right: 3px;
6499     margin-left: 3px;
6500     text-indent: -999px;
6501     background-color: rgba(255, 255, 255, 0.5); }
6502     .carousel-indicators li::before {
6503       position: absolute;
6504       top: -10px;
6505       left: 0;
6506       display: inline-block;
6507       width: 100%;
6508       height: 10px;
6509       content: ""; }
6510     .carousel-indicators li::after {
6511       position: absolute;
6512       bottom: -10px;
6513       left: 0;
6514       display: inline-block;
6515       width: 100%;
6516       height: 10px;
6517       content: ""; }
6518   .carousel-indicators .active {
6519     background-color: #fff; }
6520
6521 .carousel-caption {
6522   position: absolute;
6523   right: 15%;
6524   bottom: 20px;
6525   left: 15%;
6526   z-index: 10;
6527   padding-top: 20px;
6528   padding-bottom: 20px;
6529   color: #fff;
6530   text-align: center; }
6531
6532 .align-baseline {
6533   vertical-align: baseline !important; }
6534
6535 .align-top {
6536   vertical-align: top !important; }
6537
6538 .align-middle {
6539   vertical-align: middle !important; }
6540
6541 .align-bottom {
6542   vertical-align: bottom !important; }
6543
6544 .align-text-bottom {
6545   vertical-align: text-bottom !important; }
6546
6547 .align-text-top {
6548   vertical-align: text-top !important; }
6549
6550 .bg-primary {
6551   background-color: #1177d1 !important; }
6552
6553 a.bg-primary:hover, a.bg-primary:focus,
6554 button.bg-primary:hover,
6555 button.bg-primary:focus {
6556   background-color: #0d5ca2 !important; }
6557
6558 .bg-secondary {
6559   background-color: #e9ecef !important; }
6560
6561 a.bg-secondary:hover, a.bg-secondary:focus,
6562 button.bg-secondary:hover,
6563 button.bg-secondary:focus {
6564   background-color: #cbd3da !important; }
6565
6566 .bg-success {
6567   background-color: #5cb85c !important; }
6568
6569 a.bg-success:hover, a.bg-success:focus,
6570 button.bg-success:hover,
6571 button.bg-success:focus {
6572   background-color: #449d44 !important; }
6573
6574 .bg-info {
6575   background-color: #5bc0de !important; }
6576
6577 a.bg-info:hover, a.bg-info:focus,
6578 button.bg-info:hover,
6579 button.bg-info:focus {
6580   background-color: #31b0d5 !important; }
6581
6582 .bg-warning {
6583   background-color: #f0ad4e !important; }
6584
6585 a.bg-warning:hover, a.bg-warning:focus,
6586 button.bg-warning:hover,
6587 button.bg-warning:focus {
6588   background-color: #ec971f !important; }
6589
6590 .bg-danger {
6591   background-color: #d9534f !important; }
6592
6593 a.bg-danger:hover, a.bg-danger:focus,
6594 button.bg-danger:hover,
6595 button.bg-danger:focus {
6596   background-color: #c9302c !important; }
6597
6598 .bg-light {
6599   background-color: #f8f9fa !important; }
6600
6601 a.bg-light:hover, a.bg-light:focus,
6602 button.bg-light:hover,
6603 button.bg-light:focus {
6604   background-color: #dae0e5 !important; }
6605
6606 .bg-dark {
6607   background-color: #373a3c !important; }
6608
6609 a.bg-dark:hover, a.bg-dark:focus,
6610 button.bg-dark:hover,
6611 button.bg-dark:focus {
6612   background-color: #1f2021 !important; }
6613
6614 .bg-white {
6615   background-color: #fff !important; }
6616
6617 .bg-transparent {
6618   background-color: transparent !important; }
6619
6620 .border, .filemanager-container,
6621 .filepicker-filelist {
6622   border: 1px solid #dee2e6 !important; }
6623
6624 .border-top {
6625   border-top: 1px solid #dee2e6 !important; }
6626
6627 .border-right {
6628   border-right: 1px solid #dee2e6 !important; }
6629
6630 .border-bottom {
6631   border-bottom: 1px solid #dee2e6 !important; }
6632
6633 .border-left {
6634   border-left: 1px solid #dee2e6 !important; }
6635
6636 .border-0 {
6637   border: 0 !important; }
6638
6639 .border-top-0 {
6640   border-top: 0 !important; }
6641
6642 .border-right-0 {
6643   border-right: 0 !important; }
6644
6645 .border-bottom-0 {
6646   border-bottom: 0 !important; }
6647
6648 .border-left-0 {
6649   border-left: 0 !important; }
6650
6651 .border-primary {
6652   border-color: #1177d1 !important; }
6653
6654 .border-secondary {
6655   border-color: #e9ecef !important; }
6656
6657 .border-success {
6658   border-color: #5cb85c !important; }
6659
6660 .border-info {
6661   border-color: #5bc0de !important; }
6662
6663 .border-warning {
6664   border-color: #f0ad4e !important; }
6665
6666 .border-danger {
6667   border-color: #d9534f !important; }
6668
6669 .border-light {
6670   border-color: #f8f9fa !important; }
6671
6672 .border-dark {
6673   border-color: #373a3c !important; }
6674
6675 .border-white {
6676   border-color: #fff !important; }
6677
6678 .rounded {
6679   border-radius: 0.25rem !important; }
6680
6681 .rounded-top {
6682   border-top-left-radius: 0.25rem !important;
6683   border-top-right-radius: 0.25rem !important; }
6684
6685 .rounded-right {
6686   border-top-right-radius: 0.25rem !important;
6687   border-bottom-right-radius: 0.25rem !important; }
6688
6689 .rounded-bottom {
6690   border-bottom-right-radius: 0.25rem !important;
6691   border-bottom-left-radius: 0.25rem !important; }
6692
6693 .rounded-left {
6694   border-top-left-radius: 0.25rem !important;
6695   border-bottom-left-radius: 0.25rem !important; }
6696
6697 .rounded-circle {
6698   border-radius: 50% !important; }
6699
6700 .rounded-0 {
6701   border-radius: 0 !important; }
6702
6703 .clearfix::after {
6704   display: block;
6705   clear: both;
6706   content: ""; }
6707
6708 .d-none {
6709   display: none !important; }
6710
6711 .d-inline {
6712   display: inline !important; }
6713
6714 .d-inline-block {
6715   display: inline-block !important; }
6716
6717 .d-block {
6718   display: block !important; }
6719
6720 .d-table {
6721   display: table !important; }
6722
6723 .d-table-row {
6724   display: table-row !important; }
6725
6726 .d-table-cell {
6727   display: table-cell !important; }
6728
6729 .d-flex {
6730   display: flex !important; }
6731
6732 .d-inline-flex {
6733   display: inline-flex !important; }
6734
6735 @media (min-width: 576px) {
6736   .d-sm-none {
6737     display: none !important; }
6738   .d-sm-inline {
6739     display: inline !important; }
6740   .d-sm-inline-block {
6741     display: inline-block !important; }
6742   .d-sm-block {
6743     display: block !important; }
6744   .d-sm-table {
6745     display: table !important; }
6746   .d-sm-table-row {
6747     display: table-row !important; }
6748   .d-sm-table-cell {
6749     display: table-cell !important; }
6750   .d-sm-flex {
6751     display: flex !important; }
6752   .d-sm-inline-flex {
6753     display: inline-flex !important; } }
6754
6755 @media (min-width: 768px) {
6756   .d-md-none {
6757     display: none !important; }
6758   .d-md-inline {
6759     display: inline !important; }
6760   .d-md-inline-block {
6761     display: inline-block !important; }
6762   .d-md-block {
6763     display: block !important; }
6764   .d-md-table {
6765     display: table !important; }
6766   .d-md-table-row {
6767     display: table-row !important; }
6768   .d-md-table-cell {
6769     display: table-cell !important; }
6770   .d-md-flex {
6771     display: flex !important; }
6772   .d-md-inline-flex {
6773     display: inline-flex !important; } }
6774
6775 @media (min-width: 992px) {
6776   .d-lg-none {
6777     display: none !important; }
6778   .d-lg-inline {
6779     display: inline !important; }
6780   .d-lg-inline-block {
6781     display: inline-block !important; }
6782   .d-lg-block {
6783     display: block !important; }
6784   .d-lg-table {
6785     display: table !important; }
6786   .d-lg-table-row {
6787     display: table-row !important; }
6788   .d-lg-table-cell {
6789     display: table-cell !important; }
6790   .d-lg-flex {
6791     display: flex !important; }
6792   .d-lg-inline-flex {
6793     display: inline-flex !important; } }
6794
6795 @media (min-width: 1200px) {
6796   .d-xl-none {
6797     display: none !important; }
6798   .d-xl-inline {
6799     display: inline !important; }
6800   .d-xl-inline-block {
6801     display: inline-block !important; }
6802   .d-xl-block {
6803     display: block !important; }
6804   .d-xl-table {
6805     display: table !important; }
6806   .d-xl-table-row {
6807     display: table-row !important; }
6808   .d-xl-table-cell {
6809     display: table-cell !important; }
6810   .d-xl-flex {
6811     display: flex !important; }
6812   .d-xl-inline-flex {
6813     display: inline-flex !important; } }
6814
6815 @media print {
6816   .d-print-none {
6817     display: none !important; }
6818   .d-print-inline {
6819     display: inline !important; }
6820   .d-print-inline-block {
6821     display: inline-block !important; }
6822   .d-print-block {
6823     display: block !important; }
6824   .d-print-table {
6825     display: table !important; }
6826   .d-print-table-row {
6827     display: table-row !important; }
6828   .d-print-table-cell {
6829     display: table-cell !important; }
6830   .d-print-flex {
6831     display: flex !important; }
6832   .d-print-inline-flex {
6833     display: inline-flex !important; } }
6834
6835 .embed-responsive {
6836   position: relative;
6837   display: block;
6838   width: 100%;
6839   padding: 0;
6840   overflow: hidden; }
6841   .embed-responsive::before {
6842     display: block;
6843     content: ""; }
6844   .embed-responsive .embed-responsive-item,
6845   .embed-responsive iframe,
6846   .embed-responsive embed,
6847   .embed-responsive object,
6848   .embed-responsive video {
6849     position: absolute;
6850     top: 0;
6851     bottom: 0;
6852     left: 0;
6853     width: 100%;
6854     height: 100%;
6855     border: 0; }
6856
6857 .embed-responsive-21by9::before {
6858   padding-top: 42.8571428571%; }
6859
6860 .embed-responsive-16by9::before {
6861   padding-top: 56.25%; }
6862
6863 .embed-responsive-4by3::before {
6864   padding-top: 75%; }
6865
6866 .embed-responsive-1by1::before {
6867   padding-top: 100%; }
6868
6869 .flex-row {
6870   flex-direction: row !important; }
6871
6872 .flex-column {
6873   flex-direction: column !important; }
6874
6875 .flex-row-reverse {
6876   flex-direction: row-reverse !important; }
6877
6878 .flex-column-reverse {
6879   flex-direction: column-reverse !important; }
6880
6881 .flex-wrap {
6882   flex-wrap: wrap !important; }
6883
6884 .flex-nowrap {
6885   flex-wrap: nowrap !important; }
6886
6887 .flex-wrap-reverse {
6888   flex-wrap: wrap-reverse !important; }
6889
6890 .justify-content-start {
6891   justify-content: flex-start !important; }
6892
6893 .justify-content-end {
6894   justify-content: flex-end !important; }
6895
6896 .justify-content-center {
6897   justify-content: center !important; }
6898
6899 .justify-content-between {
6900   justify-content: space-between !important; }
6901
6902 .justify-content-around {
6903   justify-content: space-around !important; }
6904
6905 .align-items-start {
6906   align-items: flex-start !important; }
6907
6908 .align-items-end {
6909   align-items: flex-end !important; }
6910
6911 .align-items-center {
6912   align-items: center !important; }
6913
6914 .align-items-baseline {
6915   align-items: baseline !important; }
6916
6917 .align-items-stretch {
6918   align-items: stretch !important; }
6919
6920 .align-content-start {
6921   align-content: flex-start !important; }
6922
6923 .align-content-end {
6924   align-content: flex-end !important; }
6925
6926 .align-content-center {
6927   align-content: center !important; }
6928
6929 .align-content-between {
6930   align-content: space-between !important; }
6931
6932 .align-content-around {
6933   align-content: space-around !important; }
6934
6935 .align-content-stretch {
6936   align-content: stretch !important; }
6937
6938 .align-self-auto {
6939   align-self: auto !important; }
6940
6941 .align-self-start {
6942   align-self: flex-start !important; }
6943
6944 .align-self-end {
6945   align-self: flex-end !important; }
6946
6947 .align-self-center {
6948   align-self: center !important; }
6949
6950 .align-self-baseline {
6951   align-self: baseline !important; }
6952
6953 .align-self-stretch {
6954   align-self: stretch !important; }
6955
6956 @media (min-width: 576px) {
6957   .flex-sm-row {
6958     flex-direction: row !important; }
6959   .flex-sm-column {
6960     flex-direction: column !important; }
6961   .flex-sm-row-reverse {
6962     flex-direction: row-reverse !important; }
6963   .flex-sm-column-reverse {
6964     flex-direction: column-reverse !important; }
6965   .flex-sm-wrap {
6966     flex-wrap: wrap !important; }
6967   .flex-sm-nowrap {
6968     flex-wrap: nowrap !important; }
6969   .flex-sm-wrap-reverse {
6970     flex-wrap: wrap-reverse !important; }
6971   .justify-content-sm-start {
6972     justify-content: flex-start !important; }
6973   .justify-content-sm-end {
6974     justify-content: flex-end !important; }
6975   .justify-content-sm-center {
6976     justify-content: center !important; }
6977   .justify-content-sm-between {
6978     justify-content: space-between !important; }
6979   .justify-content-sm-around {
6980     justify-content: space-around !important; }
6981   .align-items-sm-start {
6982     align-items: flex-start !important; }
6983   .align-items-sm-end {
6984     align-items: flex-end !important; }
6985   .align-items-sm-center {
6986     align-items: center !important; }
6987   .align-items-sm-baseline {
6988     align-items: baseline !important; }
6989   .align-items-sm-stretch {
6990     align-items: stretch !important; }
6991   .align-content-sm-start {
6992     align-content: flex-start !important; }
6993   .align-content-sm-end {
6994     align-content: flex-end !important; }
6995   .align-content-sm-center {
6996     align-content: center !important; }
6997   .align-content-sm-between {
6998     align-content: space-between !important; }
6999   .align-content-sm-around {
7000     align-content: space-around !important; }
7001   .align-content-sm-stretch {
7002     align-content: stretch !important; }
7003   .align-self-sm-auto {
7004     align-self: auto !important; }
7005   .align-self-sm-start {
7006     align-self: flex-start !important; }
7007   .align-self-sm-end {
7008     align-self: flex-end !important; }
7009   .align-self-sm-center {
7010     align-self: center !important; }
7011   .align-self-sm-baseline {
7012     align-self: baseline !important; }
7013   .align-self-sm-stretch {
7014     align-self: stretch !important; } }
7015
7016 @media (min-width: 768px) {
7017   .flex-md-row {
7018     flex-direction: row !important; }
7019   .flex-md-column {
7020     flex-direction: column !important; }
7021   .flex-md-row-reverse {
7022     flex-direction: row-reverse !important; }
7023   .flex-md-column-reverse {
7024     flex-direction: column-reverse !important; }
7025   .flex-md-wrap {
7026     flex-wrap: wrap !important; }
7027   .flex-md-nowrap {
7028     flex-wrap: nowrap !important; }
7029   .flex-md-wrap-reverse {
7030     flex-wrap: wrap-reverse !important; }
7031   .justify-content-md-start {
7032     justify-content: flex-start !important; }
7033   .justify-content-md-end {
7034     justify-content: flex-end !important; }
7035   .justify-content-md-center {
7036     justify-content: center !important; }
7037   .justify-content-md-between {
7038     justify-content: space-between !important; }
7039   .justify-content-md-around {
7040     justify-content: space-around !important; }
7041   .align-items-md-start {
7042     align-items: flex-start !important; }
7043   .align-items-md-end {
7044     align-items: flex-end !important; }
7045   .align-items-md-center {
7046     align-items: center !important; }
7047   .align-items-md-baseline {
7048     align-items: baseline !important; }
7049   .align-items-md-stretch {
7050     align-items: stretch !important; }
7051   .align-content-md-start {
7052     align-content: flex-start !important; }
7053   .align-content-md-end {
7054     align-content: flex-end !important; }
7055   .align-content-md-center {
7056     align-content: center !important; }
7057   .align-content-md-between {
7058     align-content: space-between !important; }
7059   .align-content-md-around {
7060     align-content: space-around !important; }
7061   .align-content-md-stretch {
7062     align-content: stretch !important; }
7063   .align-self-md-auto {
7064     align-self: auto !important; }
7065   .align-self-md-start {
7066     align-self: flex-start !important; }
7067   .align-self-md-end {
7068     align-self: flex-end !important; }
7069   .align-self-md-center {
7070     align-self: center !important; }
7071   .align-self-md-baseline {
7072     align-self: baseline !important; }
7073   .align-self-md-stretch {
7074     align-self: stretch !important; } }
7075
7076 @media (min-width: 992px) {
7077   .flex-lg-row {
7078     flex-direction: row !important; }
7079   .flex-lg-column {
7080     flex-direction: column !important; }
7081   .flex-lg-row-reverse {
7082     flex-direction: row-reverse !important; }
7083   .flex-lg-column-reverse {
7084     flex-direction: column-reverse !important; }
7085   .flex-lg-wrap {
7086     flex-wrap: wrap !important; }
7087   .flex-lg-nowrap {
7088     flex-wrap: nowrap !important; }
7089   .flex-lg-wrap-reverse {
7090     flex-wrap: wrap-reverse !important; }
7091   .justify-content-lg-start {
7092     justify-content: flex-start !important; }
7093   .justify-content-lg-end {
7094     justify-content: flex-end !important; }
7095   .justify-content-lg-center {
7096     justify-content: center !important; }
7097   .justify-content-lg-between {
7098     justify-content: space-between !important; }
7099   .justify-content-lg-around {
7100     justify-content: space-around !important; }
7101   .align-items-lg-start {
7102     align-items: flex-start !important; }
7103   .align-items-lg-end {
7104     align-items: flex-end !important; }
7105   .align-items-lg-center {
7106     align-items: center !important; }
7107   .align-items-lg-baseline {
7108     align-items: baseline !important; }
7109   .align-items-lg-stretch {
7110     align-items: stretch !important; }
7111   .align-content-lg-start {
7112     align-content: flex-start !important; }
7113   .align-content-lg-end {
7114     align-content: flex-end !important; }
7115   .align-content-lg-center {
7116     align-content: center !important; }
7117   .align-content-lg-between {
7118     align-content: space-between !important; }
7119   .align-content-lg-around {
7120     align-content: space-around !important; }
7121   .align-content-lg-stretch {
7122     align-content: stretch !important; }
7123   .align-self-lg-auto {
7124     align-self: auto !important; }
7125   .align-self-lg-start {
7126     align-self: flex-start !important; }
7127   .align-self-lg-end {
7128     align-self: flex-end !important; }
7129   .align-self-lg-center {
7130     align-self: center !important; }
7131   .align-self-lg-baseline {
7132     align-self: baseline !important; }
7133   .align-self-lg-stretch {
7134     align-self: stretch !important; } }
7135
7136 @media (min-width: 1200px) {
7137   .flex-xl-row {
7138     flex-direction: row !important; }
7139   .flex-xl-column {
7140     flex-direction: column !important; }
7141   .flex-xl-row-reverse {
7142     flex-direction: row-reverse !important; }
7143   .flex-xl-column-reverse {
7144     flex-direction: column-reverse !important; }
7145   .flex-xl-wrap {
7146     flex-wrap: wrap !important; }
7147   .flex-xl-nowrap {
7148     flex-wrap: nowrap !important; }
7149   .flex-xl-wrap-reverse {
7150     flex-wrap: wrap-reverse !important; }
7151   .justify-content-xl-start {
7152     justify-content: flex-start !important; }
7153   .justify-content-xl-end {
7154     justify-content: flex-end !important; }
7155   .justify-content-xl-center {
7156     justify-content: center !important; }
7157   .justify-content-xl-between {
7158     justify-content: space-between !important; }
7159   .justify-content-xl-around {
7160     justify-content: space-around !important; }
7161   .align-items-xl-start {
7162     align-items: flex-start !important; }
7163   .align-items-xl-end {
7164     align-items: flex-end !important; }
7165   .align-items-xl-center {
7166     align-items: center !important; }
7167   .align-items-xl-baseline {
7168     align-items: baseline !important; }
7169   .align-items-xl-stretch {
7170     align-items: stretch !important; }
7171   .align-content-xl-start {
7172     align-content: flex-start !important; }
7173   .align-content-xl-end {
7174     align-content: flex-end !important; }
7175   .align-content-xl-center {
7176     align-content: center !important; }
7177   .align-content-xl-between {
7178     align-content: space-between !important; }
7179   .align-content-xl-around {
7180     align-content: space-around !important; }
7181   .align-content-xl-stretch {
7182     align-content: stretch !important; }
7183   .align-self-xl-auto {
7184     align-self: auto !important; }
7185   .align-self-xl-start {
7186     align-self: flex-start !important; }
7187   .align-self-xl-end {
7188     align-self: flex-end !important; }
7189   .align-self-xl-center {
7190     align-self: center !important; }
7191   .align-self-xl-baseline {
7192     align-self: baseline !important; }
7193   .align-self-xl-stretch {
7194     align-self: stretch !important; } }
7195
7196 .float-left {
7197   float: left !important; }
7198
7199 .float-right {
7200   float: right !important; }
7201
7202 .float-none {
7203   float: none !important; }
7204
7205 @media (min-width: 576px) {
7206   .float-sm-left {
7207     float: left !important; }
7208   .float-sm-right {
7209     float: right !important; }
7210   .float-sm-none {
7211     float: none !important; } }
7212
7213 @media (min-width: 768px) {
7214   .float-md-left {
7215     float: left !important; }
7216   .float-md-right {
7217     float: right !important; }
7218   .float-md-none {
7219     float: none !important; } }
7220
7221 @media (min-width: 992px) {
7222   .float-lg-left {
7223     float: left !important; }
7224   .float-lg-right {
7225     float: right !important; }
7226   .float-lg-none {
7227     float: none !important; } }
7228
7229 @media (min-width: 1200px) {
7230   .float-xl-left {
7231     float: left !important; }
7232   .float-xl-right {
7233     float: right !important; }
7234   .float-xl-none {
7235     float: none !important; } }
7236
7237 .position-static {
7238   position: static !important; }
7239
7240 .position-relative {
7241   position: relative !important; }
7242
7243 .position-absolute {
7244   position: absolute !important; }
7245
7246 .position-fixed {
7247   position: fixed !important; }
7248
7249 .position-sticky {
7250   position: sticky !important; }
7251
7252 .fixed-top {
7253   position: fixed;
7254   top: 0;
7255   right: 0;
7256   left: 0;
7257   z-index: 1030; }
7258
7259 .fixed-bottom {
7260   position: fixed;
7261   right: 0;
7262   bottom: 0;
7263   left: 0;
7264   z-index: 1030; }
7265
7266 .sr-only {
7267   position: absolute;
7268   width: 1px;
7269   height: 1px;
7270   padding: 0;
7271   overflow: hidden;
7272   clip: rect(0, 0, 0, 0);
7273   white-space: nowrap;
7274   clip-path: inset(50%);
7275   border: 0; }
7276
7277 .sr-only-focusable:active, .sr-only-focusable:focus {
7278   position: static;
7279   width: auto;
7280   height: auto;
7281   overflow: visible;
7282   clip: auto;
7283   white-space: normal;
7284   clip-path: none; }
7285
7286 .w-25 {
7287   width: 25% !important; }
7288
7289 .w-50 {
7290   width: 50% !important; }
7291
7292 .w-75 {
7293   width: 75% !important; }
7294
7295 .w-100 {
7296   width: 100% !important; }
7297
7298 .h-25 {
7299   height: 25% !important; }
7300
7301 .h-50 {
7302   height: 50% !important; }
7303
7304 .h-75 {
7305   height: 75% !important; }
7306
7307 .h-100 {
7308   height: 100% !important; }
7309
7310 .mw-100 {
7311   max-width: 100% !important; }
7312
7313 .mh-100 {
7314   max-height: 100% !important; }
7315
7316 .m-0 {
7317   margin: 0 !important; }
7318
7319 .mt-0,
7320 .my-0 {
7321   margin-top: 0 !important; }
7322
7323 .mr-0,
7324 .mx-0 {
7325   margin-right: 0 !important; }
7326
7327 .mb-0,
7328 .my-0 {
7329   margin-bottom: 0 !important; }
7330
7331 .ml-0,
7332 .mx-0 {
7333   margin-left: 0 !important; }
7334
7335 .m-1 {
7336   margin: 0.25rem !important; }
7337
7338 .mt-1,
7339 .my-1 {
7340   margin-top: 0.25rem !important; }
7341
7342 .mr-1,
7343 .mx-1 {
7344   margin-right: 0.25rem !important; }
7345
7346 .mb-1,
7347 .my-1 {
7348   margin-bottom: 0.25rem !important; }
7349
7350 .ml-1,
7351 .mx-1 {
7352   margin-left: 0.25rem !important; }
7353
7354 .m-2 {
7355   margin: 0.5rem !important; }
7356
7357 .mt-2,
7358 .my-2 {
7359   margin-top: 0.5rem !important; }
7360
7361 .mr-2,
7362 .mx-2 {
7363   margin-right: 0.5rem !important; }
7364
7365 .mb-2,
7366 .my-2 {
7367   margin-bottom: 0.5rem !important; }
7368
7369 .ml-2,
7370 .mx-2 {
7371   margin-left: 0.5rem !important; }
7372
7373 .m-3 {
7374   margin: 1rem !important; }
7375
7376 .mt-3,
7377 .my-3 {
7378   margin-top: 1rem !important; }
7379
7380 .mr-3,
7381 .mx-3 {
7382   margin-right: 1rem !important; }
7383
7384 .mb-3,
7385 .my-3 {
7386   margin-bottom: 1rem !important; }
7387
7388 .ml-3,
7389 .mx-3 {
7390   margin-left: 1rem !important; }
7391
7392 .m-4 {
7393   margin: 1.5rem !important; }
7394
7395 .mt-4,
7396 .my-4 {
7397   margin-top: 1.5rem !important; }
7398
7399 .mr-4,
7400 .mx-4 {
7401   margin-right: 1.5rem !important; }
7402
7403 .mb-4,
7404 .my-4 {
7405   margin-bottom: 1.5rem !important; }
7406
7407 .ml-4,
7408 .mx-4 {
7409   margin-left: 1.5rem !important; }
7410
7411 .m-5 {
7412   margin: 3rem !important; }
7413
7414 .mt-5,
7415 .my-5 {
7416   margin-top: 3rem !important; }
7417
7418 .mr-5,
7419 .mx-5 {
7420   margin-right: 3rem !important; }
7421
7422 .mb-5,
7423 .my-5 {
7424   margin-bottom: 3rem !important; }
7425
7426 .ml-5,
7427 .mx-5 {
7428   margin-left: 3rem !important; }
7429
7430 .p-0, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
7431   padding: 0 !important; }
7432
7433 .pt-0,
7434 .py-0 {
7435   padding-top: 0 !important; }
7436
7437 .pr-0,
7438 .px-0 {
7439   padding-right: 0 !important; }
7440
7441 .pb-0,
7442 .py-0 {
7443   padding-bottom: 0 !important; }
7444
7445 .pl-0,
7446 .px-0 {
7447   padding-left: 0 !important; }
7448
7449 .p-1 {
7450   padding: 0.25rem !important; }
7451
7452 .pt-1,
7453 .py-1 {
7454   padding-top: 0.25rem !important; }
7455
7456 .pr-1,
7457 .px-1 {
7458   padding-right: 0.25rem !important; }
7459
7460 .pb-1,
7461 .py-1 {
7462   padding-bottom: 0.25rem !important; }
7463
7464 .pl-1,
7465 .px-1 {
7466   padding-left: 0.25rem !important; }
7467
7468 .p-2 {
7469   padding: 0.5rem !important; }
7470
7471 .pt-2,
7472 .py-2 {
7473   padding-top: 0.5rem !important; }
7474
7475 .pr-2,
7476 .px-2 {
7477   padding-right: 0.5rem !important; }
7478
7479 .pb-2,
7480 .py-2 {
7481   padding-bottom: 0.5rem !important; }
7482
7483 .pl-2,
7484 .px-2 {
7485   padding-left: 0.5rem !important; }
7486
7487 .p-3 {
7488   padding: 1rem !important; }
7489
7490 .pt-3,
7491 .py-3 {
7492   padding-top: 1rem !important; }
7493
7494 .pr-3,
7495 .px-3 {
7496   padding-right: 1rem !important; }
7497
7498 .pb-3,
7499 .py-3 {
7500   padding-bottom: 1rem !important; }
7501
7502 .pl-3,
7503 .px-3 {
7504   padding-left: 1rem !important; }
7505
7506 .p-4 {
7507   padding: 1.5rem !important; }
7508
7509 .pt-4,
7510 .py-4 {
7511   padding-top: 1.5rem !important; }
7512
7513 .pr-4,
7514 .px-4 {
7515   padding-right: 1.5rem !important; }
7516
7517 .pb-4,
7518 .py-4 {
7519   padding-bottom: 1.5rem !important; }
7520
7521 .pl-4,
7522 .px-4 {
7523   padding-left: 1.5rem !important; }
7524
7525 .p-5 {
7526   padding: 3rem !important; }
7527
7528 .pt-5,
7529 .py-5 {
7530   padding-top: 3rem !important; }
7531
7532 .pr-5,
7533 .px-5 {
7534   padding-right: 3rem !important; }
7535
7536 .pb-5,
7537 .py-5 {
7538   padding-bottom: 3rem !important; }
7539
7540 .pl-5,
7541 .px-5 {
7542   padding-left: 3rem !important; }
7543
7544 .m-auto {
7545   margin: auto !important; }
7546
7547 .mt-auto,
7548 .my-auto {
7549   margin-top: auto !important; }
7550
7551 .mr-auto,
7552 .mx-auto {
7553   margin-right: auto !important; }
7554
7555 .mb-auto,
7556 .my-auto {
7557   margin-bottom: auto !important; }
7558
7559 .ml-auto,
7560 .mx-auto {
7561   margin-left: auto !important; }
7562
7563 @media (min-width: 576px) {
7564   .m-sm-0 {
7565     margin: 0 !important; }
7566   .mt-sm-0,
7567   .my-sm-0 {
7568     margin-top: 0 !important; }
7569   .mr-sm-0,
7570   .mx-sm-0 {
7571     margin-right: 0 !important; }
7572   .mb-sm-0,
7573   .my-sm-0 {
7574     margin-bottom: 0 !important; }
7575   .ml-sm-0,
7576   .mx-sm-0 {
7577     margin-left: 0 !important; }
7578   .m-sm-1 {
7579     margin: 0.25rem !important; }
7580   .mt-sm-1,
7581   .my-sm-1 {
7582     margin-top: 0.25rem !important; }
7583   .mr-sm-1,
7584   .mx-sm-1 {
7585     margin-right: 0.25rem !important; }
7586   .mb-sm-1,
7587   .my-sm-1 {
7588     margin-bottom: 0.25rem !important; }
7589   .ml-sm-1,
7590   .mx-sm-1 {
7591     margin-left: 0.25rem !important; }
7592   .m-sm-2 {
7593     margin: 0.5rem !important; }
7594   .mt-sm-2,
7595   .my-sm-2 {
7596     margin-top: 0.5rem !important; }
7597   .mr-sm-2,
7598   .mx-sm-2 {
7599     margin-right: 0.5rem !important; }
7600   .mb-sm-2,
7601   .my-sm-2 {
7602     margin-bottom: 0.5rem !important; }
7603   .ml-sm-2,
7604   .mx-sm-2 {
7605     margin-left: 0.5rem !important; }
7606   .m-sm-3 {
7607     margin: 1rem !important; }
7608   .mt-sm-3,
7609   .my-sm-3 {
7610     margin-top: 1rem !important; }
7611   .mr-sm-3,
7612   .mx-sm-3 {
7613     margin-right: 1rem !important; }
7614   .mb-sm-3,
7615   .my-sm-3 {
7616     margin-bottom: 1rem !important; }
7617   .ml-sm-3,
7618   .mx-sm-3 {
7619     margin-left: 1rem !important; }
7620   .m-sm-4 {
7621     margin: 1.5rem !important; }
7622   .mt-sm-4,
7623   .my-sm-4 {
7624     margin-top: 1.5rem !important; }
7625   .mr-sm-4,
7626   .mx-sm-4 {
7627     margin-right: 1.5rem !important; }
7628   .mb-sm-4,
7629   .my-sm-4 {
7630     margin-bottom: 1.5rem !important; }
7631   .ml-sm-4,
7632   .mx-sm-4 {
7633     margin-left: 1.5rem !important; }
7634   .m-sm-5 {
7635     margin: 3rem !important; }
7636   .mt-sm-5,
7637   .my-sm-5 {
7638     margin-top: 3rem !important; }
7639   .mr-sm-5,
7640   .mx-sm-5 {
7641     margin-right: 3rem !important; }
7642   .mb-sm-5,
7643   .my-sm-5 {
7644     margin-bottom: 3rem !important; }
7645   .ml-sm-5,
7646   .mx-sm-5 {
7647     margin-left: 3rem !important; }
7648   .p-sm-0 {
7649     padding: 0 !important; }
7650   .pt-sm-0,
7651   .py-sm-0 {
7652     padding-top: 0 !important; }
7653   .pr-sm-0,
7654   .px-sm-0 {
7655     padding-right: 0 !important; }
7656   .pb-sm-0,
7657   .py-sm-0 {
7658     padding-bottom: 0 !important; }
7659   .pl-sm-0,
7660   .px-sm-0 {
7661     padding-left: 0 !important; }
7662   .p-sm-1 {
7663     padding: 0.25rem !important; }
7664   .pt-sm-1,
7665   .py-sm-1 {
7666     padding-top: 0.25rem !important; }
7667   .pr-sm-1,
7668   .px-sm-1 {
7669     padding-right: 0.25rem !important; }
7670   .pb-sm-1,
7671   .py-sm-1 {
7672     padding-bottom: 0.25rem !important; }
7673   .pl-sm-1,
7674   .px-sm-1 {
7675     padding-left: 0.25rem !important; }
7676   .p-sm-2 {
7677     padding: 0.5rem !important; }
7678   .pt-sm-2,
7679   .py-sm-2 {
7680     padding-top: 0.5rem !important; }
7681   .pr-sm-2,
7682   .px-sm-2 {
7683     padding-right: 0.5rem !important; }
7684   .pb-sm-2,
7685   .py-sm-2 {
7686     padding-bottom: 0.5rem !important; }
7687   .pl-sm-2,
7688   .px-sm-2 {
7689     padding-left: 0.5rem !important; }
7690   .p-sm-3 {
7691     padding: 1rem !important; }
7692   .pt-sm-3,
7693   .py-sm-3 {
7694     padding-top: 1rem !important; }
7695   .pr-sm-3,
7696   .px-sm-3 {
7697     padding-right: 1rem !important; }
7698   .pb-sm-3,
7699   .py-sm-3 {
7700     padding-bottom: 1rem !important; }
7701   .pl-sm-3,
7702   .px-sm-3 {
7703     padding-left: 1rem !important; }
7704   .p-sm-4 {
7705     padding: 1.5rem !important; }
7706   .pt-sm-4,
7707   .py-sm-4 {
7708     padding-top: 1.5rem !important; }
7709   .pr-sm-4,
7710   .px-sm-4 {
7711     padding-right: 1.5rem !important; }
7712   .pb-sm-4,
7713   .py-sm-4 {
7714     padding-bottom: 1.5rem !important; }
7715   .pl-sm-4,
7716   .px-sm-4 {
7717     padding-left: 1.5rem !important; }
7718   .p-sm-5 {
7719     padding: 3rem !important; }
7720   .pt-sm-5,
7721   .py-sm-5 {
7722     padding-top: 3rem !important; }
7723   .pr-sm-5,
7724   .px-sm-5 {
7725     padding-right: 3rem !important; }
7726   .pb-sm-5,
7727   .py-sm-5 {
7728     padding-bottom: 3rem !important; }
7729   .pl-sm-5,
7730   .px-sm-5 {
7731     padding-left: 3rem !important; }
7732   .m-sm-auto {
7733     margin: auto !important; }
7734   .mt-sm-auto,
7735   .my-sm-auto {
7736     margin-top: auto !important; }
7737   .mr-sm-auto,
7738   .mx-sm-auto {
7739     margin-right: auto !important; }
7740   .mb-sm-auto,
7741   .my-sm-auto {
7742     margin-bottom: auto !important; }
7743   .ml-sm-auto,
7744   .mx-sm-auto {
7745     margin-left: auto !important; } }
7746
7747 @media (min-width: 768px) {
7748   .m-md-0 {
7749     margin: 0 !important; }
7750   .mt-md-0,
7751   .my-md-0 {
7752     margin-top: 0 !important; }
7753   .mr-md-0,
7754   .mx-md-0 {
7755     margin-right: 0 !important; }
7756   .mb-md-0,
7757   .my-md-0 {
7758     margin-bottom: 0 !important; }
7759   .ml-md-0,
7760   .mx-md-0 {
7761     margin-left: 0 !important; }
7762   .m-md-1 {
7763     margin: 0.25rem !important; }
7764   .mt-md-1,
7765   .my-md-1 {
7766     margin-top: 0.25rem !important; }
7767   .mr-md-1,
7768   .mx-md-1 {
7769     margin-right: 0.25rem !important; }
7770   .mb-md-1,
7771   .my-md-1 {
7772     margin-bottom: 0.25rem !important; }
7773   .ml-md-1,
7774   .mx-md-1 {
7775     margin-left: 0.25rem !important; }
7776   .m-md-2 {
7777     margin: 0.5rem !important; }
7778   .mt-md-2,
7779   .my-md-2 {
7780     margin-top: 0.5rem !important; }
7781   .mr-md-2,
7782   .mx-md-2 {
7783     margin-right: 0.5rem !important; }
7784   .mb-md-2,
7785   .my-md-2 {
7786     margin-bottom: 0.5rem !important; }
7787   .ml-md-2,
7788   .mx-md-2 {
7789     margin-left: 0.5rem !important; }
7790   .m-md-3 {
7791     margin: 1rem !important; }
7792   .mt-md-3,
7793   .my-md-3 {
7794     margin-top: 1rem !important; }
7795   .mr-md-3,
7796   .mx-md-3 {
7797     margin-right: 1rem !important; }
7798   .mb-md-3,
7799   .my-md-3 {
7800     margin-bottom: 1rem !important; }
7801   .ml-md-3,
7802   .mx-md-3 {
7803     margin-left: 1rem !important; }
7804   .m-md-4 {
7805     margin: 1.5rem !important; }
7806   .mt-md-4,
7807   .my-md-4 {
7808     margin-top: 1.5rem !important; }
7809   .mr-md-4,
7810   .mx-md-4 {
7811     margin-right: 1.5rem !important; }
7812   .mb-md-4,
7813   .my-md-4 {
7814     margin-bottom: 1.5rem !important; }
7815   .ml-md-4,
7816   .mx-md-4 {
7817     margin-left: 1.5rem !important; }
7818   .m-md-5 {
7819     margin: 3rem !important; }
7820   .mt-md-5,
7821   .my-md-5 {
7822     margin-top: 3rem !important; }
7823   .mr-md-5,
7824   .mx-md-5 {
7825     margin-right: 3rem !important; }
7826   .mb-md-5,
7827   .my-md-5 {
7828     margin-bottom: 3rem !important; }
7829   .ml-md-5,
7830   .mx-md-5 {
7831     margin-left: 3rem !important; }
7832   .p-md-0 {
7833     padding: 0 !important; }
7834   .pt-md-0,
7835   .py-md-0 {
7836     padding-top: 0 !important; }
7837   .pr-md-0,
7838   .px-md-0 {
7839     padding-right: 0 !important; }
7840   .pb-md-0,
7841   .py-md-0 {
7842     padding-bottom: 0 !important; }
7843   .pl-md-0,
7844   .px-md-0 {
7845     padding-left: 0 !important; }
7846   .p-md-1 {
7847     padding: 0.25rem !important; }
7848   .pt-md-1,
7849   .py-md-1 {
7850     padding-top: 0.25rem !important; }
7851   .pr-md-1,
7852   .px-md-1 {
7853     padding-right: 0.25rem !important; }
7854   .pb-md-1,
7855   .py-md-1 {
7856     padding-bottom: 0.25rem !important; }
7857   .pl-md-1,
7858   .px-md-1 {
7859     padding-left: 0.25rem !important; }
7860   .p-md-2 {
7861     padding: 0.5rem !important; }
7862   .pt-md-2,
7863   .py-md-2 {
7864     padding-top: 0.5rem !important; }
7865   .pr-md-2,
7866   .px-md-2 {
7867     padding-right: 0.5rem !important; }
7868   .pb-md-2,
7869   .py-md-2 {
7870     padding-bottom: 0.5rem !important; }
7871   .pl-md-2,
7872   .px-md-2 {
7873     padding-left: 0.5rem !important; }
7874   .p-md-3 {
7875     padding: 1rem !important; }
7876   .pt-md-3,
7877   .py-md-3 {
7878     padding-top: 1rem !important; }
7879   .pr-md-3,
7880   .px-md-3 {
7881     padding-right: 1rem !important; }
7882   .pb-md-3,
7883   .py-md-3 {
7884     padding-bottom: 1rem !important; }
7885   .pl-md-3,
7886   .px-md-3 {
7887     padding-left: 1rem !important; }
7888   .p-md-4 {
7889     padding: 1.5rem !important; }
7890   .pt-md-4,
7891   .py-md-4 {
7892     padding-top: 1.5rem !important; }
7893   .pr-md-4,
7894   .px-md-4 {
7895     padding-right: 1.5rem !important; }
7896   .pb-md-4,
7897   .py-md-4 {
7898     padding-bottom: 1.5rem !important; }
7899   .pl-md-4,
7900   .px-md-4 {
7901     padding-left: 1.5rem !important; }
7902   .p-md-5 {
7903     padding: 3rem !important; }
7904   .pt-md-5,
7905   .py-md-5 {
7906     padding-top: 3rem !important; }
7907   .pr-md-5,
7908   .px-md-5 {
7909     padding-right: 3rem !important; }
7910   .pb-md-5,
7911   .py-md-5 {
7912     padding-bottom: 3rem !important; }
7913   .pl-md-5,
7914   .px-md-5 {
7915     padding-left: 3rem !important; }
7916   .m-md-auto {
7917     margin: auto !important; }
7918   .mt-md-auto,
7919   .my-md-auto {
7920     margin-top: auto !important; }
7921   .mr-md-auto,
7922   .mx-md-auto {
7923     margin-right: auto !important; }
7924   .mb-md-auto,
7925   .my-md-auto {
7926     margin-bottom: auto !important; }
7927   .ml-md-auto,
7928   .mx-md-auto {
7929     margin-left: auto !important; } }
7930
7931 @media (min-width: 992px) {
7932   .m-lg-0 {
7933     margin: 0 !important; }
7934   .mt-lg-0,
7935   .my-lg-0 {
7936     margin-top: 0 !important; }
7937   .mr-lg-0,
7938   .mx-lg-0 {
7939     margin-right: 0 !important; }
7940   .mb-lg-0,
7941   .my-lg-0 {
7942     margin-bottom: 0 !important; }
7943   .ml-lg-0,
7944   .mx-lg-0 {
7945     margin-left: 0 !important; }
7946   .m-lg-1 {
7947     margin: 0.25rem !important; }
7948   .mt-lg-1,
7949   .my-lg-1 {
7950     margin-top: 0.25rem !important; }
7951   .mr-lg-1,
7952   .mx-lg-1 {
7953     margin-right: 0.25rem !important; }
7954   .mb-lg-1,
7955   .my-lg-1 {
7956     margin-bottom: 0.25rem !important; }
7957   .ml-lg-1,
7958   .mx-lg-1 {
7959     margin-left: 0.25rem !important; }
7960   .m-lg-2 {
7961     margin: 0.5rem !important; }
7962   .mt-lg-2,
7963   .my-lg-2 {
7964     margin-top: 0.5rem !important; }
7965   .mr-lg-2,
7966   .mx-lg-2 {
7967     margin-right: 0.5rem !important; }
7968   .mb-lg-2,
7969   .my-lg-2 {
7970     margin-bottom: 0.5rem !important; }
7971   .ml-lg-2,
7972   .mx-lg-2 {
7973     margin-left: 0.5rem !important; }
7974   .m-lg-3 {
7975     margin: 1rem !important; }
7976   .mt-lg-3,
7977   .my-lg-3 {
7978     margin-top: 1rem !important; }
7979   .mr-lg-3,
7980   .mx-lg-3 {
7981     margin-right: 1rem !important; }
7982   .mb-lg-3,
7983   .my-lg-3 {
7984     margin-bottom: 1rem !important; }
7985   .ml-lg-3,
7986   .mx-lg-3 {
7987     margin-left: 1rem !important; }
7988   .m-lg-4 {
7989     margin: 1.5rem !important; }
7990   .mt-lg-4,
7991   .my-lg-4 {
7992     margin-top: 1.5rem !important; }
7993   .mr-lg-4,
7994   .mx-lg-4 {
7995     margin-right: 1.5rem !important; }
7996   .mb-lg-4,
7997   .my-lg-4 {
7998     margin-bottom: 1.5rem !important; }
7999   .ml-lg-4,
8000   .mx-lg-4 {
8001     margin-left: 1.5rem !important; }
8002   .m-lg-5 {
8003     margin: 3rem !important; }
8004   .mt-lg-5,
8005   .my-lg-5 {
8006     margin-top: 3rem !important; }
8007   .mr-lg-5,
8008   .mx-lg-5 {
8009     margin-right: 3rem !important; }
8010   .mb-lg-5,
8011   .my-lg-5 {
8012     margin-bottom: 3rem !important; }
8013   .ml-lg-5,
8014   .mx-lg-5 {
8015     margin-left: 3rem !important; }
8016   .p-lg-0 {
8017     padding: 0 !important; }
8018   .pt-lg-0,
8019   .py-lg-0 {
8020     padding-top: 0 !important; }
8021   .pr-lg-0,
8022   .px-lg-0 {
8023     padding-right: 0 !important; }
8024   .pb-lg-0,
8025   .py-lg-0 {
8026     padding-bottom: 0 !important; }
8027   .pl-lg-0,
8028   .px-lg-0 {
8029     padding-left: 0 !important; }
8030   .p-lg-1 {
8031     padding: 0.25rem !important; }
8032   .pt-lg-1,
8033   .py-lg-1 {
8034     padding-top: 0.25rem !important; }
8035   .pr-lg-1,
8036   .px-lg-1 {
8037     padding-right: 0.25rem !important; }
8038   .pb-lg-1,
8039   .py-lg-1 {
8040     padding-bottom: 0.25rem !important; }
8041   .pl-lg-1,
8042   .px-lg-1 {
8043     padding-left: 0.25rem !important; }
8044   .p-lg-2 {
8045     padding: 0.5rem !important; }
8046   .pt-lg-2,
8047   .py-lg-2 {
8048     padding-top: 0.5rem !important; }
8049   .pr-lg-2,
8050   .px-lg-2 {
8051     padding-right: 0.5rem !important; }
8052   .pb-lg-2,
8053   .py-lg-2 {
8054     padding-bottom: 0.5rem !important; }
8055   .pl-lg-2,
8056   .px-lg-2 {
8057     padding-left: 0.5rem !important; }
8058   .p-lg-3 {
8059     padding: 1rem !important; }
8060   .pt-lg-3,
8061   .py-lg-3 {
8062     padding-top: 1rem !important; }
8063   .pr-lg-3,
8064   .px-lg-3 {
8065     padding-right: 1rem !important; }
8066   .pb-lg-3,
8067   .py-lg-3 {
8068     padding-bottom: 1rem !important; }
8069   .pl-lg-3,
8070   .px-lg-3 {
8071     padding-left: 1rem !important; }
8072   .p-lg-4 {
8073     padding: 1.5rem !important; }
8074   .pt-lg-4,
8075   .py-lg-4 {
8076     padding-top: 1.5rem !important; }
8077   .pr-lg-4,
8078   .px-lg-4 {
8079     padding-right: 1.5rem !important; }
8080   .pb-lg-4,
8081   .py-lg-4 {
8082     padding-bottom: 1.5rem !important; }
8083   .pl-lg-4,
8084   .px-lg-4 {
8085     padding-left: 1.5rem !important; }
8086   .p-lg-5 {
8087     padding: 3rem !important; }
8088   .pt-lg-5,
8089   .py-lg-5 {
8090     padding-top: 3rem !important; }
8091   .pr-lg-5,
8092   .px-lg-5 {
8093     padding-right: 3rem !important; }
8094   .pb-lg-5,
8095   .py-lg-5 {
8096     padding-bottom: 3rem !important; }
8097   .pl-lg-5,
8098   .px-lg-5 {
8099     padding-left: 3rem !important; }
8100   .m-lg-auto {
8101     margin: auto !important; }
8102   .mt-lg-auto,
8103   .my-lg-auto {
8104     margin-top: auto !important; }
8105   .mr-lg-auto,
8106   .mx-lg-auto {
8107     margin-right: auto !important; }
8108   .mb-lg-auto,
8109   .my-lg-auto {
8110     margin-bottom: auto !important; }
8111   .ml-lg-auto,
8112   .mx-lg-auto {
8113     margin-left: auto !important; } }
8114
8115 @media (min-width: 1200px) {
8116   .m-xl-0 {
8117     margin: 0 !important; }
8118   .mt-xl-0,
8119   .my-xl-0 {
8120     margin-top: 0 !important; }
8121   .mr-xl-0,
8122   .mx-xl-0 {
8123     margin-right: 0 !important; }
8124   .mb-xl-0,
8125   .my-xl-0 {
8126     margin-bottom: 0 !important; }
8127   .ml-xl-0,
8128   .mx-xl-0 {
8129     margin-left: 0 !important; }
8130   .m-xl-1 {
8131     margin: 0.25rem !important; }
8132   .mt-xl-1,
8133   .my-xl-1 {
8134     margin-top: 0.25rem !important; }
8135   .mr-xl-1,
8136   .mx-xl-1 {
8137     margin-right: 0.25rem !important; }
8138   .mb-xl-1,
8139   .my-xl-1 {
8140     margin-bottom: 0.25rem !important; }
8141   .ml-xl-1,
8142   .mx-xl-1 {
8143     margin-left: 0.25rem !important; }
8144   .m-xl-2 {
8145     margin: 0.5rem !important; }
8146   .mt-xl-2,
8147   .my-xl-2 {
8148     margin-top: 0.5rem !important; }
8149   .mr-xl-2,
8150   .mx-xl-2 {
8151     margin-right: 0.5rem !important; }
8152   .mb-xl-2,
8153   .my-xl-2 {
8154     margin-bottom: 0.5rem !important; }
8155   .ml-xl-2,
8156   .mx-xl-2 {
8157     margin-left: 0.5rem !important; }
8158   .m-xl-3 {
8159     margin: 1rem !important; }
8160   .mt-xl-3,
8161   .my-xl-3 {
8162     margin-top: 1rem !important; }
8163   .mr-xl-3,
8164   .mx-xl-3 {
8165     margin-right: 1rem !important; }
8166   .mb-xl-3,
8167   .my-xl-3 {
8168     margin-bottom: 1rem !important; }
8169   .ml-xl-3,
8170   .mx-xl-3 {
8171     margin-left: 1rem !important; }
8172   .m-xl-4 {
8173     margin: 1.5rem !important; }
8174   .mt-xl-4,
8175   .my-xl-4 {
8176     margin-top: 1.5rem !important; }
8177   .mr-xl-4,
8178   .mx-xl-4 {
8179     margin-right: 1.5rem !important; }
8180   .mb-xl-4,
8181   .my-xl-4 {
8182     margin-bottom: 1.5rem !important; }
8183   .ml-xl-4,
8184   .mx-xl-4 {
8185     margin-left: 1.5rem !important; }
8186   .m-xl-5 {
8187     margin: 3rem !important; }
8188   .mt-xl-5,
8189   .my-xl-5 {
8190     margin-top: 3rem !important; }
8191   .mr-xl-5,
8192   .mx-xl-5 {
8193     margin-right: 3rem !important; }
8194   .mb-xl-5,
8195   .my-xl-5 {
8196     margin-bottom: 3rem !important; }
8197   .ml-xl-5,
8198   .mx-xl-5 {
8199     margin-left: 3rem !important; }
8200   .p-xl-0 {
8201     padding: 0 !important; }
8202   .pt-xl-0,
8203   .py-xl-0 {
8204     padding-top: 0 !important; }
8205   .pr-xl-0,
8206   .px-xl-0 {
8207     padding-right: 0 !important; }
8208   .pb-xl-0,
8209   .py-xl-0 {
8210     padding-bottom: 0 !important; }
8211   .pl-xl-0,
8212   .px-xl-0 {
8213     padding-left: 0 !important; }
8214   .p-xl-1 {
8215     padding: 0.25rem !important; }
8216   .pt-xl-1,
8217   .py-xl-1 {
8218     padding-top: 0.25rem !important; }
8219   .pr-xl-1,
8220   .px-xl-1 {
8221     padding-right: 0.25rem !important; }
8222   .pb-xl-1,
8223   .py-xl-1 {
8224     padding-bottom: 0.25rem !important; }
8225   .pl-xl-1,
8226   .px-xl-1 {
8227     padding-left: 0.25rem !important; }
8228   .p-xl-2 {
8229     padding: 0.5rem !important; }
8230   .pt-xl-2,
8231   .py-xl-2 {
8232     padding-top: 0.5rem !important; }
8233   .pr-xl-2,
8234   .px-xl-2 {
8235     padding-right: 0.5rem !important; }
8236   .pb-xl-2,
8237   .py-xl-2 {
8238     padding-bottom: 0.5rem !important; }
8239   .pl-xl-2,
8240   .px-xl-2 {
8241     padding-left: 0.5rem !important; }
8242   .p-xl-3 {
8243     padding: 1rem !important; }
8244   .pt-xl-3,
8245   .py-xl-3 {
8246     padding-top: 1rem !important; }
8247   .pr-xl-3,
8248   .px-xl-3 {
8249     padding-right: 1rem !important; }
8250   .pb-xl-3,
8251   .py-xl-3 {
8252     padding-bottom: 1rem !important; }
8253   .pl-xl-3,
8254   .px-xl-3 {
8255     padding-left: 1rem !important; }
8256   .p-xl-4 {
8257     padding: 1.5rem !important; }
8258   .pt-xl-4,
8259   .py-xl-4 {
8260     padding-top: 1.5rem !important; }
8261   .pr-xl-4,
8262   .px-xl-4 {
8263     padding-right: 1.5rem !important; }
8264   .pb-xl-4,
8265   .py-xl-4 {
8266     padding-bottom: 1.5rem !important; }
8267   .pl-xl-4,
8268   .px-xl-4 {
8269     padding-left: 1.5rem !important; }
8270   .p-xl-5 {
8271     padding: 3rem !important; }
8272   .pt-xl-5,
8273   .py-xl-5 {
8274     padding-top: 3rem !important; }
8275   .pr-xl-5,
8276   .px-xl-5 {
8277     padding-right: 3rem !important; }
8278   .pb-xl-5,
8279   .py-xl-5 {
8280     padding-bottom: 3rem !important; }
8281   .pl-xl-5,
8282   .px-xl-5 {
8283     padding-left: 3rem !important; }
8284   .m-xl-auto {
8285     margin: auto !important; }
8286   .mt-xl-auto,
8287   .my-xl-auto {
8288     margin-top: auto !important; }
8289   .mr-xl-auto,
8290   .mx-xl-auto {
8291     margin-right: auto !important; }
8292   .mb-xl-auto,
8293   .my-xl-auto {
8294     margin-bottom: auto !important; }
8295   .ml-xl-auto,
8296   .mx-xl-auto {
8297     margin-left: auto !important; } }
8298
8299 .text-justify {
8300   text-align: justify !important; }
8301
8302 .text-nowrap {
8303   white-space: nowrap !important; }
8304
8305 .text-truncate {
8306   overflow: hidden;
8307   text-overflow: ellipsis;
8308   white-space: nowrap; }
8309
8310 .text-left {
8311   text-align: left !important; }
8312
8313 .text-right {
8314   text-align: right !important; }
8315
8316 .text-center {
8317   text-align: center !important; }
8318
8319 @media (min-width: 576px) {
8320   .text-sm-left {
8321     text-align: left !important; }
8322   .text-sm-right {
8323     text-align: right !important; }
8324   .text-sm-center {
8325     text-align: center !important; } }
8326
8327 @media (min-width: 768px) {
8328   .text-md-left {
8329     text-align: left !important; }
8330   .text-md-right {
8331     text-align: right !important; }
8332   .text-md-center {
8333     text-align: center !important; } }
8334
8335 @media (min-width: 992px) {
8336   .text-lg-left {
8337     text-align: left !important; }
8338   .text-lg-right {
8339     text-align: right !important; }
8340   .text-lg-center {
8341     text-align: center !important; } }
8342
8343 @media (min-width: 1200px) {
8344   .text-xl-left {
8345     text-align: left !important; }
8346   .text-xl-right {
8347     text-align: right !important; }
8348   .text-xl-center {
8349     text-align: center !important; } }
8350
8351 .text-lowercase {
8352   text-transform: lowercase !important; }
8353
8354 .text-uppercase {
8355   text-transform: uppercase !important; }
8356
8357 .text-capitalize {
8358   text-transform: capitalize !important; }
8359
8360 .font-weight-light {
8361   font-weight: 300 !important; }
8362
8363 .font-weight-normal {
8364   font-weight: 400 !important; }
8365
8366 .font-weight-bold {
8367   font-weight: 700 !important; }
8368
8369 .font-italic {
8370   font-style: italic !important; }
8371
8372 .text-white {
8373   color: #fff !important; }
8374
8375 .text-primary {
8376   color: #1177d1 !important; }
8377
8378 a.text-primary:hover, a.text-primary:focus {
8379   color: #0d5ca2 !important; }
8380
8381 .text-secondary {
8382   color: #e9ecef !important; }
8383
8384 a.text-secondary:hover, a.text-secondary:focus {
8385   color: #cbd3da !important; }
8386
8387 .text-success, .green,
8388 .notifysuccess, .connected {
8389   color: #5cb85c !important; }
8390
8391 a.text-success:hover, a.green:hover,
8392 a.notifysuccess:hover, a.connected:hover, a.text-success:focus, a.green:focus,
8393 a.notifysuccess:focus, a.connected:focus {
8394   color: #449d44 !important; }
8395
8396 .text-info, .highlight {
8397   color: #5bc0de !important; }
8398
8399 a.text-info:hover, a.highlight:hover, a.text-info:focus, a.highlight:focus {
8400   color: #31b0d5 !important; }
8401
8402 .text-warning, .red,
8403 .notifyproblem, .completion-expired, span.flagged-tag,
8404 tr.flagged-tag,
8405 span.flagged-tag a,
8406 tr.flagged-tag a, .moodle-dialogue-exception .param-stacktrace .stacktrace-line, .connecting {
8407   color: #f0ad4e !important; }
8408
8409 a.text-warning:hover, a.red:hover,
8410 a.notifyproblem:hover, a.completion-expired:hover,
8411 span.flagged-tag a:hover,
8412 tr.flagged-tag a:hover, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:hover, a.connecting:hover, a.text-warning:focus, a.red:focus,
8413 a.notifyproblem:focus, a.completion-expired:focus,
8414 span.flagged-tag a:focus,
8415 tr.flagged-tag a:focus, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:focus, a.connecting:focus {
8416   color: #ec971f !important; }
8417
8418 .text-danger, .notconnected, .que .validationerror, .text-error {
8419   color: #d9534f !important; }
8420
8421 a.text-danger:hover, a.notconnected:hover, .que a.validationerror:hover, a.text-error:hover, a.text-danger:focus, a.notconnected:focus, .que a.validationerror:focus, a.text-error:focus {
8422   color: #c9302c !important; }
8423
8424 .text-light {
8425   color: #f8f9fa !important; }
8426
8427 a.text-light:hover, a.text-light:focus {
8428   color: #dae0e5 !important; }
8429
8430 .text-dark {
8431   color: #373a3c !important; }
8432
8433 a.text-dark:hover, a.text-dark:focus {
8434   color: #1f2021 !important; }
8435
8436 .text-muted, a.dimmed,
8437 a.dimmed:link,
8438 a.dimmed:visited,
8439 a.dimmed_text,
8440 a.dimmed_text:link,
8441 a.dimmed_text:visited,
8442 .dimmed_text,
8443 .dimmed_text a,
8444 .dimmed_text a:link,
8445 .dimmed_text a:visited,
8446 .usersuspended,
8447 .usersuspended a,
8448 .usersuspended a:link,
8449 .usersuspended a:visited,
8450 .dimmed_category,
8451 .dimmed_category a, .tag_feed .media .muted a, #page-admin-qtypes .disabled,
8452 #page-admin-qbehaviours .disabled, #page-admin-plugins #plugins-control-panel .pluginname .componentname, #page-admin-plugins #plugins-control-panel .version .versionnumber, #page-admin-plugins #plugins-control-panel .notes .requiredby, #plugins-check-page .page-description, #plugins-check-page #plugins-check .requires-ok, #plugins-check-page #plugins-check .displayname .plugindir, #plugins-check-page #plugins-check-available-dependencies .displayname .component, #page-admin-search .adminpagepath li, .block .minicalendar td.weekend, .section .activity .stealth, .course-content .section-summary .section-summary-activities .activity-count, .course-content ul li.section.hidden .sectionname > span,
8453 .course-content ul li.section.hidden .content > div.summary,
8454 .course-content ul li.section.hidden .activity .activityinstance, #course-category-listings .listitem[data-visible="0"], #course-category-listings .listitem[data-visible="0"] > div > a, #course-category-listings .listing-pagination-totals.dimmed, .fitem.disabled .fp-btn-choose, .form-defaultinfo,
8455 .form-label .form-shortname, .formsettingheading .form-horizontal, .no-felement.fstatic, .path-backup .backup_progress .backup_stage {
8456   color: #868e96 !important; }
8457
8458 .text-hide {
8459   font: 0/0 a;
8460   color: transparent;
8461   text-shadow: none;
8462   background-color: transparent;
8463   border: 0; }
8464
8465 .visible {
8466   visibility: visible !important; }
8467
8468 .invisible {
8469   visibility: hidden !important; }
8470
8471 @media print {
8472   *,
8473   *::before,
8474   *::after {
8475     text-shadow: none !important;
8476     box-shadow: none !important; }
8477   a:not(.btn) {
8478     text-decoration: underline; }
8479   abbr[title]::after {
8480     content: " (" attr(title) ")"; }
8481   pre {
8482     white-space: pre-wrap !important; }
8483   pre,
8484   blockquote {
8485     border: 1px solid #999;
8486     page-break-inside: avoid; }
8487   thead {
8488     display: table-header-group; }
8489   tr,
8490   img {
8491     page-break-inside: avoid; }
8492   p,
8493   h2,
8494   h3 {
8495     orphans: 3;
8496     widows: 3; }
8497   h2,
8498   h3 {
8499     page-break-after: avoid; }
8500   @page {
8501     size: a3; }
8502   body {
8503     min-width: 992px !important; }
8504   .container {
8505     min-width: 992px !important; }
8506   .navbar {
8507     display: none; }
8508   .badge {
8509     border: 1px solid #000; }
8510   .table, table.collection, table.flexible,
8511   .generaltable {
8512     border-collapse: collapse !important; }
8513
8514     .table td,
8515     table.collection td,
8516     table.flexible td,
8517     .generaltable td, .table th, table.collection th, table.flexible th, .generaltable th {
8518       background-color: #fff !important; }
8519   .table-bordered th, table.collection th,
8520   .table-bordered td,
8521   table.collection td {
8522     border: 1px solid #ddd !important; } }
8523
8524 /* stylelint-disable function-url-scheme-blacklist */
8525 /* stylelint-enable function-url-scheme-blacklist */
8526 .tag, .statusok, .statuswarning, .statusserious,
8527 .statuscritical, .que .correctness, .assignfeedback_editpdf_widget .label, .label, .badge {
8528   display: inline-block;
8529   padding: 0.25rem 0.4em;
8530   font-size: 75%;
8531   font-weight: bold;
8532   line-height: 1;
8533   color: #fff;
8534   text-align: center;
8535   white-space: nowrap;
8536   vertical-align: baseline; }
8537   .tag:empty, .statusok:empty, .statuswarning:empty, .statusserious:empty,
8538   .statuscritical:empty, .que .correctness:empty, .label:empty, .badge:empty {
8539     display: none; }
8540
8541 .form-control-success,
8542 .form-control-warning,
8543 .maintenancewarning.warning,
8544 .form-control-danger,
8545 #page-admin-mnet-peers .mform .deletedhostinfo,
8546 .maintenancewarning.error {
8547   padding-right: 2.25rem;
8548   background-repeat: no-repeat;
8549   background-position: center right calc(2.15625rem + 2px)/4;
8550   background-size: calc(2.15625rem + 2px)/2 calc(2.15625rem + 2px)/2; }
8551
8552 .tag-default {
8553   background-color: #868e96; }
8554   .tag-default[href]:hover, .tag-default[href]:focus {
8555     background-color: #6c757d; }
8556
8557 .tag-primary {
8558   background-color: #1177d1; }
8559   .tag-primary[href]:hover, .tag-primary[href]:focus {
8560     background-color: #0d5ca2; }
8561
8562 .tag-success, .statusok, #page-admin-report-backups-index .backup-skipped,
8563 #page-admin-report-backups-index .backup-ok,
8564 #page-admin-report-backups-index .backup-notyetrun {
8565   background-color: #5cb85c; }
8566   .tag-success[href]:hover, .statusok[href]:hover, #page-admin-report-backups-index .backup-skipped[href]:hover,
8567   #page-admin-report-backups-index .backup-ok[href]:hover,
8568   #page-admin-report-backups-index .backup-notyetrun[href]:hover, .tag-success[href]:focus, .statusok[href]:focus, #page-admin-report-backups-index .backup-skipped[href]:focus,
8569   #page-admin-report-backups-index .backup-ok[href]:focus,
8570   #page-admin-report-backups-index .backup-notyetrun[href]:focus {
8571     background-color: #449d44; }
8572
8573 .tag-info, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release, .assignfeedback_editpdf_widget .label {
8574   background-color: #5bc0de; }
8575   .tag-info[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release[href]:hover, .assignfeedback_editpdf_widget .label[href]:hover, .tag-info[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release[href]:focus, .assignfeedback_editpdf_widget .label[href]:focus {
8576     background-color: #31b0d5; }
8577
8578 .tag-warning, .statuswarning, #page-admin-report-backups-index .backup-warning, #page-admin-index .updateplugin .updatepluginconfirmexternal, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
8579 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
8580   background-color: #ff7518; }
8581   .tag-warning[href]:hover, .statuswarning[href]:hover, #page-admin-report-backups-index .backup-warning[href]:hover, #page-admin-index .updateplugin .updatepluginconfirmexternal[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release[href]:hover,
8582   #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release[href]:hover, .tag-warning[href]:focus, .statuswarning[href]:focus, #page-admin-report-backups-index .backup-warning[href]:focus, #page-admin-index .updateplugin .updatepluginconfirmexternal[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release[href]:focus,
8583   #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release[href]:focus {
8584     background-color: #e45c00; }
8585
8586 .tag-danger, .statusserious,
8587 .statuscritical, #page-admin-report-backups-index .backup-error,
8588 #page-admin-report-backups-index .backup-unfinished, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
8589   background-color: #d9534f; }
8590   .tag-danger[href]:hover, .statusserious[href]:hover,
8591   .statuscritical[href]:hover, #page-admin-report-backups-index .backup-error[href]:hover,
8592   #page-admin-report-backups-index .backup-unfinished[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release[href]:hover, .tag-danger[href]:focus, .statusserious[href]:focus,
8593   .statuscritical[href]:focus, #page-admin-report-backups-index .backup-error[href]:focus,
8594   #page-admin-report-backups-index .backup-unfinished[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release[href]:focus {
8595     background-color: #c9302c; }
8596
8597 .custom-select {
8598   width: auto; }
8599
8600 .fade.in {
8601   opacity: 1; }
8602
8603 .m-a-0 {
8604   margin: 0 !important; }
8605
8606 .m-t-0,
8607 .m-y-0 {
8608   margin-top: 0 !important; }
8609
8610 .m-r-0,
8611 .m-x-0 {
8612   margin-right: 0 !important; }
8613
8614 .m-b-0,
8615 .m-y-0 {
8616   margin-bottom: 0 !important; }
8617
8618 .m-l-0,
8619 .m-x-0 {
8620   margin-left: 0 !important; }
8621
8622 .m-a-1 {
8623   margin: 1rem !important; }
8624
8625 .m-t-1,
8626 .m-y-1 {
8627   margin-top: 1rem !important; }
8628
8629 .m-r-1,
8630 .m-x-1 {
8631   margin-right: 1rem !important; }
8632
8633 .m-b-1,
8634 .m-y-1 {
8635   margin-bottom: 1rem !important; }
8636
8637 .m-l-1,
8638 .m-x-1 {
8639   margin-left: 1rem !important; }
8640
8641 .m-a-2 {
8642   margin: 2rem !important; }
8643
8644 .m-t-2,
8645 .m-y-2 {
8646   margin-top: 2rem !important; }
8647
8648 .m-r-2,
8649 .m-x-2 {
8650   margin-right: 2rem !important; }
8651
8652 .m-b-2,
8653 .m-y-2 {
8654   margin-bottom: 2rem !important; }
8655
8656 .m-l-2,
8657 .m-x-2 {
8658   margin-left: 2rem !important; }
8659
8660 .m-a-3 {
8661   margin: 3rem !important; }
8662
8663 .m-t-3,
8664 .m-y-3 {
8665   margin-top: 3rem !important; }
8666
8667 .m-r-3,
8668 .m-x-3 {
8669   margin-right: 3rem !important; }
8670
8671 .m-b-3,
8672 .m-y-3 {
8673   margin-bottom: 3rem !important; }
8674
8675 .m-l-3,
8676 .m-x-3 {
8677   margin-left: 3rem !important; }
8678
8679 .p-a-0 {
8680   padding: 0 !important; }
8681
8682 .p-t-0,
8683 .p-y-0 {
8684   padding-top: 0 !important; }
8685
8686 .p-r-0,
8687 .p-x-0 {
8688   padding-right: 0 !important; }
8689
8690 .p-b-0,
8691 .p-y-0 {
8692   padding-bottom: 0 !important; }
8693
8694 .p-l-0,
8695 .p-x-0 {
8696   padding-left: 0 !important; }
8697
8698 .p-a-1 {
8699   padding: 1rem !important; }
8700
8701 .p-t-1,
8702 .p-y-1 {
8703   padding-top: 1rem !important; }
8704
8705 .p-r-1,
8706 .p-x-1 {
8707   padding-right: 1rem !important; }
8708
8709 .p-b-1,
8710 .p-y-1 {
8711   padding-bottom: 1rem !important; }
8712
8713 .p-l-1,
8714 .p-x-1 {
8715   padding-left: 1rem !important; }
8716
8717 .p-a-2 {
8718   padding: 2rem !important; }
8719
8720 .p-t-2,
8721 .p-y-2 {
8722   padding-top: 2rem !important; }
8723
8724 .p-r-2,
8725 .p-x-2 {
8726   padding-right: 2rem !important; }
8727
8728 .p-b-2,
8729 .p-y-2 {
8730   padding-bottom: 2rem !important; }
8731
8732 .p-l-2,
8733 .p-x-2 {
8734   padding-left: 2rem !important; }
8735
8736 .p-a-3 {
8737   padding: 3rem !important; }
8738
8739 .p-t-3,
8740 .p-y-3 {
8741   padding-top: 3rem !important; }
8742
8743 .p-r-3,
8744 .p-x-3 {
8745   padding-right: 3rem !important; }
8746
8747 .p-b-3,
8748 .p-y-3 {
8749   padding-bottom: 3rem !important; }
8750
8751 .p-l-3,
8752 .p-x-3 {
8753   padding-left: 3rem !important; }
8754
8755 input[disabled] {
8756   cursor: not-allowed; }
8757
8758 .row-fluid {
8759   display: flex;
8760   flex-wrap: wrap;
8761   margin-right: -15px;
8762   margin-left: -15px; }
8763
8764 /*rtl:raw:
8765 .dropdown-menu-right {
8766     right: 0;
8767     left: auto;
8768 }
8769 .dropdown-menu-left {
8770     right: auto;
8771     left: 0;
8772 }
8773 */
8774 /**
8775  * Bootstrap overrides for RTL
8776  *
8777  * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
8778  * moodle scss should be placed immediately after the definition of the ltr rule.
8779  */
8780 .breadcrumb-item + .breadcrumb-item::before {
8781   content: "/";
8782   /*rtl:remove*/
8783   content: "/";
8784   /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
8785
8786 /*rtl:raw:
8787 .dropdown-menu {
8788     right: auto;
8789     left: 0;
8790     text-align: right;
8791 }
8792 */
8793 /* core.less */
8794 #region-main {
8795   overflow-x: auto;
8796   overflow-y: visible;
8797   border: 1px solid rgba(0, 0, 0, 0.125);
8798   padding: 1.25rem;
8799   background-color: #fff; }
8800
8801 .context-header-settings-menu,
8802 .region-main-settings-menu {
8803   float: right;
8804   width: auto;
8805   max-width: 4em;
8806   height: 2em;
8807   display: block;
8808   margin-top: 4px; }
8809
8810 .context-header-settings-menu .dropdown-toggle > .icon,
8811 #region-main-settings-menu .dropdown-toggle > .icon {
8812   height: 24px;
8813   font-size: 24px;
8814   width: auto; }
8815
8816 /** Prevent user notifications overlapping with region main settings menu */
8817 #user-notifications {
8818   display: block;
8819   overflow: hidden; }
8820
8821 /** Page layout CSS starts **/
8822 .layout-option-noheader #page-header,
8823 .layout-option-nonavbar #page-navbar,
8824 .layout-option-nofooter #page-footer,
8825 .layout-option-nocourseheader .course-content-header,
8826 .layout-option-nocoursefooter .course-content-footer {
8827   display: none; }
8828
8829 /** Page layout CSS ends **/
8830 .mdl-left {
8831   text-align: left; }
8832
8833 .mdl-right {
8834   text-align: right; }
8835
8836 /*rtl:ignore*/
8837 .text-ltr {
8838   direction: ltr !important;
8839   /* stylelint-disable-line declaration-no-important */ }
8840
8841 #add,
8842 #remove,
8843 .centerpara,
8844 .mdl-align {
8845   text-align: center; }
8846
8847 .unlist,
8848 .unlist li,
8849 .inline-list,
8850 .inline-list li,
8851 .block .list,
8852 .block .list li,
8853 .section li.activity,
8854 .section li.movehere,
8855 .tabtree li {
8856   list-style: none;
8857   margin: 0;
8858   padding: 0; }
8859
8860 .inline,
8861 .inline-list li {
8862   display: inline; }
8863
8864 .notifytiny {
8865   font-size: 0.703125rem; }
8866
8867 .notifytiny li,
8868 .notifytiny td {
8869   font-size: 100%; }
8870
8871 .fitem.advanced .text-info, .fitem.advanced .highlight {
8872   font-weight: bold; }
8873
8874 .reportlink {
8875   text-align: right; }
8876
8877 a.autolink.glossary:hover {
8878   cursor: help; }
8879
8880 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
8881 .collapsibleregioncaption {
8882   white-space: nowrap;
8883   min-height: 1.40625rem; }
8884
8885 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
8886   cursor: pointer; }
8887
8888 .pagelayout-mydashboard #region-main {
8889   border: 0;
8890   padding: 0;
8891   background-color: transparent;
8892   margin-top: -1px; }
8893
8894 .collapsibleregioncaption img {
8895   vertical-align: middle; }
8896
8897 .jsenabled .hiddenifjs {
8898   display: none; }
8899
8900 .visibleifjs {
8901   display: none; }
8902
8903 .jsenabled .visibleifjs {
8904   display: inline; }
8905
8906 .jsenabled .collapsibleregion {
8907   overflow: hidden;
8908   box-sizing: content-box; }
8909
8910 .jsenabled .collapsed .collapsibleregioninner {
8911   visibility: hidden; }
8912
8913 .collapsible-actions {
8914   display: none;
8915   text-align: right; }
8916
8917 .jsenabled .collapsible-actions {
8918   display: block; }
8919
8920 .collapsible-actions .collapseexpand {
8921   padding-left: 20px;
8922   background: url([[pix:t/collapsed]]) 2px center no-repeat; }
8923
8924 /*rtl:raw:
8925 .collapsible-actions .collapseexpand {
8926     background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
8927 }
8928 */
8929 .collapsible-actions .collapse-all {
8930   background-image: url([[pix:t/expanded]]); }
8931
8932 .yui-overlay .yui-widget-bd {
8933   background-color: #ffee69;
8934   border: 1px solid #a6982b;
8935   border-top-color: #d4c237;
8936   color: #000;
8937   left: 0;
8938   padding: 2px 5px;
8939   position: relative;
8940   top: 0;
8941   z-index: 1; }
8942
8943 .clearer {
8944   background: transparent;
8945   border-width: 0;
8946   clear: both;
8947   display: block;
8948   height: 1px;
8949   margin: 0;
8950   padding: 0; }
8951
8952 .bold,
8953 .warning,
8954 .errorbox .title,
8955 .pagingbar .title,
8956 .pagingbar .thispage {
8957   font-weight: bold; }
8958
8959 img.userpicture {
8960   margin-right: 0.5rem; }
8961
8962 img.resize {
8963   height: 1em;
8964   width: 1em; }
8965
8966 .action-menu .dropdown-toggle {
8967   text-decoration: none; }
8968
8969 .action-menu {
8970   white-space: nowrap; }
8971
8972 .block img.resize {
8973   height: 0.9em;
8974   width: 0.8em; }
8975
8976 /* Icon styles */
8977 img.activityicon {
8978   height: 24px;
8979   width: 24px;
8980   vertical-align: middle; }
8981
8982 .headermain {
8983   font-weight: bold; }
8984
8985 #maincontent {
8986   display: block;
8987   height: 1px;
8988   overflow: hidden; }
8989
8990 img.uihint {
8991   cursor: help; }
8992
8993 #addmembersform table {
8994   margin-left: auto;
8995   margin-right: auto; }
8996
8997 table.flexible .emptyrow {
8998   display: none; }
8999
9000 form.popupform,
9001 form.popupform div {
9002   display: inline; }
9003
9004 .arrow_button input {
9005   overflow: hidden; }
9006
9007 .no-overflow {
9008   overflow: auto; }
9009
9010 .no-overflow > .generaltable {
9011   margin-bottom: 0;
9012   min-height: 10em; }
9013
9014 .accesshide {
9015   position: absolute;
9016   width: 1px;
9017   height: 1px;
9018   padding: 0;
9019   overflow: hidden;
9020   clip: rect(0, 0, 0, 0);
9021   white-space: nowrap;
9022   clip-path: inset(50%);
9023   border: 0; }
9024
9025 span.hide,
9026 div.hide,
9027 .hidden {
9028   display: none; }
9029
9030 a.skip-block,
9031 a.skip {
9032   position: absolute;
9033   top: -1000em;
9034   font-size: 0.85em;
9035   text-decoration: none; }
9036
9037 a.skip-block:focus,
9038 a.skip-block:active,
9039 a.skip:focus,
9040 a.skip:active {
9041   position: static;
9042   display: block; }
9043
9044 .skip-block-to {
9045   display: block;
9046   height: 1px;
9047   overflow: hidden; }
9048
9049 .addbloglink {
9050   text-align: center; }
9051
9052 .blog_entry .audience {
9053   text-align: right;
9054   padding-right: 4px; }
9055
9056 .blog_entry .tags {
9057   margin-top: 15px; }
9058
9059 .blog_entry .content {
9060   margin-left: 43px; }
9061
9062 #doc-contents h1 {
9063   margin: 1em 0 0 0; }
9064
9065 #doc-contents ul {
9066   margin: 0;
9067   padding: 0;
9068   width: 90%; }
9069
9070 #doc-contents ul li {
9071   list-style-type: none; }
9072
9073 .groupmanagementtable td {
9074   vertical-align: top; }
9075
9076 .groupmanagementtable #existingcell,
9077 .groupmanagementtable #potentialcell {
9078   width: 42%; }
9079
9080 .groupmanagementtable #buttonscell {
9081   width: 16%; }
9082
9083 .groupmanagementtable #buttonscell p.arrow_button input {
9084   width: auto;
9085   min-width: 80%;
9086   margin: 0 auto; }
9087
9088 .groupmanagementtable #removeselect_wrapper,
9089 .groupmanagementtable #addselect_wrapper {
9090   width: 100%; }
9091
9092 .groupmanagementtable #removeselect_wrapper label,
9093 .groupmanagementtable #addselect_wrapper label {
9094   font-weight: normal; }
9095
9096 #group-usersummary {
9097   width: 14em; }
9098
9099 .groupselector {
9100   margin-top: 3px;
9101   margin-bottom: 3px;
9102   display: inline-block; }
9103
9104 .groupselector label {
9105   display: inline-block; }
9106
9107 .login-page [name="username"] {
9108   margin-bottom: -1px;
9109   border-bottom-right-radius: 0;
9110   border-bottom-left-radius: 0; }
9111
9112 .login-page [type="password"] {
9113   margin-bottom: 10px;
9114   border-top-left-radius: 0;
9115   border-top-right-radius: 0; }
9116
9117 .notepost {
9118   margin-bottom: 1em; }
9119
9120 .notepost .userpicture {
9121   float: left;
9122   margin-right: 5px; }
9123
9124 .notepost .content,
9125 .notepost .footer {
9126   clear: both; }
9127
9128 .notesgroup {
9129   margin-left: 20px; }
9130
9131 .path-my .coursebox {
9132   margin: 1rem 0;
9133   padding: 0; }
9134   .path-my .coursebox .overview {
9135     margin: 15px 30px 10px 30px; }
9136
9137 .path-my .coursebox .info {
9138   float: none;
9139   margin: 0; }
9140
9141 .mod_introbox {
9142   padding: 10px; }
9143
9144 table.mod_index {
9145   width: 100%; }
9146
9147 .comment-ctrl {
9148   font-size: 12px;
9149   display: none;
9150   margin: 0;
9151   padding: 0; }
9152
9153 .comment-ctrl h5 {
9154   margin: 0;
9155   padding: 5px; }
9156
9157 .comment-area {
9158   max-width: 400px;
9159   padding: 5px; }
9160
9161 .comment-area textarea {
9162   width: 100%;
9163   overflow: auto; }
9164   .comment-area textarea.fullwidth {
9165     -webkit-box-sizing: border-box;
9166     -moz-box-sizing: border-box;
9167     box-sizing: border-box; }
9168
9169 .comment-area .fd {
9170   text-align: right; }
9171
9172 .comment-meta span {
9173   color: gray; }
9174
9175 .comment-link img {
9176   vertical-align: text-bottom; }
9177
9178 .comment-list {
9179   font-size: 11px;
9180   overflow: auto;
9181   list-style: none;
9182   padding: 0;
9183   margin: 0; }
9184
9185 .comment-list li {
9186   margin: 2px;
9187   list-style: none;
9188   margin-bottom: 5px;
9189   clear: both;
9190   padding: .3em;
9191   position: relative; }
9192
9193 .comment-list li.first {
9194   display: none; }
9195
9196 .comment-paging {
9197   text-align: center; }
9198
9199 .comment-paging .pageno {
9200   padding: 2px; }
9201
9202 .comment-paging .curpage {
9203   border: 1px solid #ccc; }
9204
9205 .comment-message .picture {
9206   width: 20px;
9207   float: left; }
9208
9209 .comment-message .text {
9210   margin: 0;
9211   padding: 0; }
9212
9213 .comment-message .text p {
9214   padding: 0;
9215   margin: 0 18px 0 0; }
9216
9217 .comment-delete {
9218   position: absolute;
9219   top: 0;
9220   right: 0;
9221   margin: .3em; }
9222
9223 .comment-report-selectall {
9224   display: none; }
9225
9226 .comment-link {
9227   display: none; }
9228
9229 .jsenabled .comment-link {
9230   display: block; }
9231
9232 .jsenabled .showcommentsnonjs {
9233   display: none; }
9234
9235 .jsenabled .comment-report-selectall {
9236   display: inline; }
9237
9238 /**
9239 * Completion progress report
9240 */
9241 .completion-expected {
9242   font-size: 0.703125rem; }
9243
9244 .completion-sortchoice,
9245 .completion-identifyfield {
9246   font-size: 0.703125rem;
9247   vertical-align: bottom; }
9248
9249 .completion-progresscell {
9250   text-align: right; }
9251
9252 .completion-expired .completion-expected {
9253   font-weight: bold; }
9254
9255 /**
9256 * Tags
9257 */
9258 img.user-image {
9259   height: 100px;
9260   width: 100px; }
9261
9262 #tag-search-box {
9263   text-align: center;
9264   margin: 10px auto; }
9265
9266 .path-tag .tag-index-items .tagarea {
9267   border: 1px solid #e3e3e3;
9268   border-radius: 4px;
9269   padding: 10px;
9270   margin-top: 10px; }
9271
9272 .path-tag .tag-index-items .tagarea h3 {
9273   display: block;
9274   padding: 3px 0 10px 0;
9275   margin: 0;
9276   font-size: 1.1em;
9277   font-weight: bold;
9278   line-height: 20px;
9279   color: #999;
9280   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
9281   text-transform: uppercase;
9282   word-wrap: break-word;
9283   border-bottom: solid 1px #e3e3e3;
9284   margin-bottom: 10px; }
9285
9286 .path-tag .tagarea .controls::after,
9287 .path-tag .tagarea .taggeditems::after {
9288   display: block;
9289   clear: both;
9290   content: ""; }
9291
9292 .path-tag .tagarea .controls,
9293 .path-tag .tag-backtoallitems {
9294   text-align: center; }
9295
9296 .path-tag .tagarea .controls .gotopage.nextpage {
9297   float: right; }
9298
9299 .path-tag .tagarea .controls .gotopage.prevpage {
9300   float: left; }
9301
9302 .path-tag .tagarea .controls .exclusivemode {
9303   display: inline-block; }
9304
9305 .path-tag .tagarea .controls.controls-bottom {
9306   margin-top: 5px; }
9307
9308 .path-tag .tagarea .controls .gotopage.nextpage::after {
9309   padding-right: 5px;
9310   padding-left: 5px;
9311   content: "»"; }
9312
9313 .path-tag .tagarea .controls .gotopage.prevpage::before {
9314   padding-right: 5px;
9315   padding-left: 5px;
9316   content: "«"; }
9317
9318 .tag-management-table td,
9319 .tag-management-table th {
9320   vertical-align: middle;
9321   padding: 4px; }
9322
9323 .tag-management-table .inplaceeditable.inplaceeditingon input {
9324   width: 150px; }
9325
9326 .path-admin-tag .addstandardtags {
9327   float: right; }
9328   .path-admin-tag .addstandardtags img {
9329     margin: 0 5px; }
9330
9331 .path-tag .tag-relatedtags {
9332   padding-top: 10px; }
9333
9334 .path-tag .tag-management-box {
9335   text-align: right; }
9336
9337 .path-tag .tag-index-toc {
9338   padding: 10px;
9339   text-align: center; }
9340
9341 .path-tag .tag-index-toc li,
9342 .path-tag .tag-management-box li {
9343   margin-left: 5px;
9344   margin-right: 5px; }
9345
9346 .path-tag .tag-management-box li a.edittag {
9347   background-image: url([[pix:moodle|i/settings]]); }
9348
9349 .path-tag .tag-management-box li a.flagasinappropriate {
9350   background-image: url([[pix:moodle|i/flagged]]); }
9351
9352 .path-tag .tag-management-box li a.removefrommyinterests {
9353   background-image: url([[pix:moodle|t/delete]]); }
9354
9355 .path-tag .tag-management-box li a.addtomyinterests {
9356   background-image: url([[pix:moodle|t/add]]); }
9357
9358 .path-tag .tag-management-box li a {
9359   background-repeat: no-repeat;
9360   background-position: left;
9361   padding-left: 17px; }
9362
9363 .tag_feed.media-list .media .itemimage {
9364   float: left; }
9365
9366 .tag_feed.media-list .media .itemimage img {
9367   height: 35px;
9368   width: 35px; }
9369
9370 .tag_feed.media-list .media .media-body {
9371   padding-right: 10px;
9372   padding-left: 10px; }
9373
9374 .tag_cloud {
9375   text-align: center; }
9376
9377 .tag_cloud .inline-list li {
9378   padding: 0 0.2em; }
9379
9380 .tag_cloud .tag_overflow {
9381   margin-top: 1em;
9382   font-style: italic; }
9383
9384 .tag_cloud .s20 {
9385   font-size: 2.7em; }
9386
9387 .tag_cloud .s19 {
9388   font-size: 2.6em; }
9389
9390 .tag_cloud .s18 {
9391   font-size: 2.5em; }
9392
9393 .tag_cloud .s17 {
9394   font-size: 2.4em; }
9395
9396 .tag_cloud .s16 {
9397   font-size: 2.3em; }
9398
9399 .tag_cloud .s15 {
9400   font-size: 2.2em; }
9401
9402 .tag_cloud .s14 {
9403   font-size: 2.1em; }
9404
9405 .tag_cloud .s13 {
9406   font-size: 2em; }
9407
9408 .tag_cloud .s12 {
9409   font-size: 1.9em; }
9410
9411 .tag_cloud .s11 {
9412   font-size: 1.8em; }
9413
9414 .tag_cloud .s10 {
9415   font-size: 1.7em; }
9416
9417 .tag_cloud .s9 {
9418   font-size: 1.6em; }
9419
9420 .tag_cloud .s8 {
9421   font-size: 1.5em; }
9422
9423 .tag_cloud .s7 {
9424   font-size: 1.4em; }
9425
9426 .tag_cloud .s6 {
9427   font-size: 1.3em; }
9428
9429 .tag_cloud .s5 {
9430   font-size: 1.2em; }
9431
9432 .tag_cloud .s4 {
9433   font-size: 1.1em; }
9434
9435 .tag_cloud .s3 {
9436   font-size: 1em; }
9437
9438 .tag_cloud .s2 {
9439   font-size: 0.9em; }
9440
9441 .tag_cloud .s1 {
9442   font-size: 0.8em; }
9443
9444 .tag_cloud .s0 {
9445   font-size: 0.7em; }
9446
9447 .tag_list ul {
9448   display: inline; }
9449
9450 .tag_list.hideoverlimit .overlimit {
9451   display: none; }
9452
9453 .tag_list .tagmorelink {
9454   display: none; }
9455
9456 .tag_list.hideoverlimit .tagmorelink {
9457   display: inline; }
9458
9459 .tag_list.hideoverlimit .taglesslink {
9460   display: none; }
9461
9462 /**
9463 * Web Service
9464 */
9465 #webservice-doc-generator td {
9466   text-align: left;
9467   border: 0 solid black; }
9468
9469 /**
9470 * Enrol
9471 */
9472 .userenrolment {
9473   width: 100%;
9474   border-collapse: collapse; }
9475
9476 .userenrolment tr {
9477   vertical-align: top; }
9478
9479 .userenrolment td {
9480   padding: 0;
9481   height: 41px; }
9482
9483 .userenrolment .subfield {
9484   margin-right: 5px; }
9485
9486 .userenrolment .col_userdetails .subfield {
9487   margin-left: 40px; }
9488
9489 .userenrolment .col_userdetails .subfield_picture {
9490   float: left;
9491   margin-left: 0; }
9492
9493 .userenrolment .col_lastseen {
9494   width: 150px; }
9495
9496 .userenrolment .col_role {
9497   width: 262px; }
9498
9499 .userenrolment .col_role .roles,
9500 .userenrolment .col_group .groups {
9501   margin-right: 30px; }
9502
9503 .userenrolment .col_role .role {
9504   float: left;
9505   padding: 0 3px 3px;
9506   margin: 0 3px 3px;
9507   white-space: nowrap; }
9508
9509 .userenrolment .col_group .group {
9510   float: left;
9511   padding: 3px;
9512   margin: 3px;
9513   white-space: nowrap; }
9514
9515 .userenrolment .col_role .role a,
9516 .userenrolment .col_group .group a {
9517   margin-left: 3px;
9518   cursor: pointer; }
9519
9520 .userenrolment .col_role .addrole,
9521 .userenrolment .col_group .addgroup {
9522   float: right;
9523   padding: 3px;
9524   margin: 3px; }
9525   .userenrolment .col_role .addrole > a:hover,
9526   .userenrolment .col_group .addgroup > a:hover {
9527     border-bottom: 1px solid #666; }
9528
9529 .userenrolment .col_role .addrole img,
9530 .userenrolment .col_group .addgroup img {
9531   vertical-align: baseline; }
9532
9533 .userenrolment .hasAllRoles .col_role .addrole {
9534   display: none; }
9535
9536 .userenrolment .col_enrol .enrolment {
9537   float: left;
9538   padding: 0 3px 3px;
9539   margin: 0 3px 3px; }
9540
9541 .userenrolment .col_enrol .enrolment a {
9542   float: right;
9543   margin-left: 3px; }
9544
9545 #page-enrol-users .enrol_user_buttons {
9546   text-align: right; }
9547
9548 #page-enrol-users .enrol-users-page-action input {
9549   margin-left: 0; }
9550
9551 .corelightbox {
9552   background-color: #ccc;
9553   position: absolute;
9554   top: 0;
9555   left: 0;
9556   width: 100%;
9557   height: 100%;
9558   text-align: center; }
9559
9560 .corelightbox img {
9561   position: fixed;
9562   top: 50%;
9563   left: 50%; }
9564
9565 .mod-indent-outer {
9566   display: table; }
9567
9568 .mod-indent {
9569   display: table-cell; }
9570
9571 .label .mod-indent {
9572   float: left;
9573   padding-top: 20px; }
9574
9575 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
9576 .mod-indent-1 {
9577   width: 30px; }
9578
9579 .mod-indent-2 {
9580   width: 60px; }
9581
9582 .mod-indent-3 {
9583   width: 90px; }
9584
9585 .mod-indent-4 {
9586   width: 120px; }
9587
9588 .mod-indent-5 {
9589   width: 150px; }
9590
9591 .mod-indent-6 {
9592   width: 180px; }
9593
9594 .mod-indent-7 {
9595   width: 210px; }
9596
9597 .mod-indent-8 {
9598   width: 240px; }
9599
9600 .mod-indent-9 {
9601   width: 270px; }
9602
9603 .mod-indent-10 {
9604   width: 300px; }
9605
9606 .mod-indent-11 {
9607   width: 330px; }
9608
9609 .mod-indent-12 {
9610   width: 360px; }
9611
9612 .mod-indent-13 {
9613   width: 390px; }
9614
9615 .mod-indent-14 {
9616   width: 420px; }
9617
9618 .mod-indent-15 {
9619   width: 450px; }
9620
9621 .mod-indent-16 {
9622   width: 480px; }
9623
9624 .mod-indent-huge {
9625   width: 480px; }
9626
9627 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
9628 .resourcecontent .mediaplugin_mp3 object {
9629   height: 25px;
9630   width: 600px; }
9631
9632 .resourcecontent audio.mediaplugin_html5audio {
9633   width: 600px; }
9634
9635 /** Large resource images should avoid hidden overflow **/
9636 .resourceimage {
9637   max-width: 100%; }
9638
9639 /* Audio player size in 'inline' mode (can only change width, as above) */
9640 .mediaplugin_mp3 object {
9641   height: 15px;
9642   width: 300px; }
9643
9644 audio.mediaplugin_html5audio {
9645   width: 300px; }
9646
9647 /* TinyMCE moodle media preview frame should not have padding */
9648 .core_media_preview.pagelayout-embedded #content {
9649   padding: 0; }
9650
9651 .core_media_preview.pagelayout-embedded #maincontent {
9652   height: 0; }
9653
9654 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
9655   padding: 0;
9656   margin: 0;
9657   min-width: 0;
9658   background: none; }
9659
9660 .path-rating .ratingtable {
9661   width: 100%;
9662   margin-bottom: 1em; }
9663
9664 .path-rating .ratingtable th.rating {
9665   width: 100%; }
9666
9667 .path-rating .ratingtable td.rating,
9668 .path-rating .ratingtable td.time {
9669   white-space: nowrap;
9670   text-align: center; }
9671
9672 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
9673 .moodle-dialogue-base .moodle-dialogue-lightbox {
9674   background-color: #495057; }
9675
9676 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
9677   background-color: transparent; }
9678
9679 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
9680   box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); }
9681
9682 .moodle-dialogue-base .hidden,
9683 .moodle-dialogue-base .moodle-dialogue-hidden {
9684   display: none; }
9685
9686 .no-scrolling {
9687   overflow: hidden; }
9688
9689 .moodle-dialogue-base .moodle-dialogue-fullscreen {
9690   left: 0;
9691   top: 0;
9692   right: 0;
9693   bottom: -50px;
9694   position: fixed; }
9695
9696 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
9697   overflow: auto; }
9698
9699 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
9700   width: 28px;
9701   height: 16px;
9702   background-size: 100%; }
9703
9704 .moodle-dialogue-base .moodle-dialogue-wrap {
9705   background-color: #fff;
9706   border: 1px solid #ccc; }
9707
9708 .modal.show {
9709   display: block; }
9710
9711 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
9712   min-height: 3rem;
9713   color: initial;
9714   background: initial;
9715   font-size: 1.5rem;
9716   line-height: 1.5; }
9717
9718 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
9719   font-size: 1.5rem; }
9720
9721 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
9722   /*rtl:raw:
9723         left: 0;
9724         right: auto;
9725     */
9726   padding: 1rem; }
9727
9728 .moodle-dialogue-base .closebutton {
9729   box-shadow: none; }
9730   .moodle-dialogue-base .closebutton::after {
9731     content: "×"; }
9732
9733 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
9734   padding: 0.5rem; }
9735
9736 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
9737   overflow: auto;
9738   position: absolute;
9739   top: 0;
9740   bottom: 50px;
9741   left: 0;
9742   right: 0;
9743   margin: 0;
9744   border: 0; }
9745
9746 .moodle-dialogue-exception .moodle-exception-param label {
9747   font-weight: bold; }
9748
9749 .moodle-dialogue-exception .param-stacktrace label {
9750   background-color: #eee;
9751   border: 1px solid #ccc;
9752   border-bottom-width: 0; }
9753
9754 .moodle-dialogue-exception .param-stacktrace pre {
9755   border: 1px solid #ccc;
9756   background-color: #fff; }
9757
9758 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
9759   color: navy;
9760   font-size: 0.8203125rem; }
9761
9762 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
9763   font-size: 0.8203125rem; }
9764
9765 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
9766   color: #333;
9767   font-size: 90%;
9768   border-bottom: 1px solid #eee; }
9769
9770 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
9771   display: none; }
9772
9773 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
9774   background: initial; }
9775
9776 .moodle-dialogue-confirm .confirmation-message {
9777   margin: 0.5rem 0; }
9778
9779 .moodle-dialogue-confirm .confirmation-dialogue input {
9780   min-width: 80px; }
9781
9782 .moodle-dialogue-exception .moodle-exception-message {
9783   margin: 1em; }
9784
9785 .moodle-dialogue-exception .moodle-exception-param {
9786   margin-bottom: 0.5em; }
9787
9788 .moodle-dialogue-exception .moodle-exception-param label {
9789   width: 150px; }
9790
9791 .moodle-dialogue-exception .param-stacktrace label {
9792   display: block;
9793   margin: 0;
9794   padding: 4px 1em; }
9795
9796 .moodle-dialogue-exception .param-stacktrace pre {
9797   display: block;
9798   height: 200px;
9799   overflow: auto; }
9800
9801 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
9802   display: inline-block;
9803   margin: 4px 0; }
9804
9805 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
9806   display: inline-block;
9807   width: 50px;
9808   margin: 4px 1em; }
9809
9810 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
9811   padding-left: 25px;
9812   margin-bottom: 4px;
9813   padding-bottom: 4px; }
9814
9815 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
9816   opacity: 0.75;
9817   width: 100%;
9818   height: 100%;
9819   top: 0;
9820   left: 0;
9821   background-color: white;
9822   text-align: center;
9823   padding: 10% 0; }
9824
9825 /* Apply a default max-height on tooltip text */
9826 .moodle-dialogue .tooltiptext {
9827   max-height: 300px; }
9828
9829 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
9830   z-index: 3001; }
9831   .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
9832     overflow: auto; }
9833
9834 /**
9835  * Chooser Dialogues (moodle-core-chooserdialogue)
9836  *
9837  * This CSS belong to the chooser dialogue which should work both with, and
9838  * without javascript enabled
9839  */
9840 /* Hide the dialog and it's title */
9841 .chooserdialoguebody,
9842 .choosertitle {
9843   display: none; }
9844
9845 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
9846   margin: 0; }
9847
9848 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
9849   padding: 0;
9850   background: #f2f2f2; }
9851
9852 /* Center the submit buttons within the area */
9853 .choosercontainer #chooseform .submitbuttons {
9854   padding: 0.7em 0;
9855   text-align: right; }
9856
9857 /* Fixed for safari browser on iPhone4S with ios7@mixin */
9858 @media (max-height: 639px) {
9859   .ios .choosercontainer #chooseform .submitbuttons {
9860     padding: 45px 0; } }
9861
9862 .choosercontainer #chooseform .submitbuttons input {
9863   min-width: 100px;
9864   margin: 0 0.5em; }
9865
9866 /* Various settings for the options area */
9867 .choosercontainer #chooseform .options {
9868   position: relative;
9869   border-bottom: 1px solid #bbb; }
9870
9871 /* Only set these options if we're showing the js container */
9872 .jschooser .choosercontainer #chooseform .alloptions {
9873   overflow-x: hidden;
9874   overflow-y: auto;
9875   max-width: 240px; }
9876   .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
9877     display: inline-block; }
9878   .jschooser .choosercontainer #chooseform .alloptions .option .typename {
9879     display: inline-block;
9880     width: 55%; }
9881
9882 /* Settings for option rows and option subtypes */
9883 .choosercontainer #chooseform .moduletypetitle,
9884 .choosercontainer #chooseform .option,
9885 .choosercontainer #chooseform .nonoption {
9886   margin-bottom: 0;
9887   padding: 0 1.6em 0 1.6em; }
9888
9889 .choosercontainer #chooseform .moduletypetitle {
9890   text-transform: uppercase;
9891   padding-top: 1.2em;
9892   padding-bottom: 0.4em; }
9893
9894 .choosercontainer #chooseform .option .typename,
9895 .choosercontainer #chooseform .nonoption .typename {
9896   padding: 0 0 0 0.5em; }
9897
9898 .choosercontainer #chooseform .modicon + .typename {
9899   padding-left: 0; }
9900
9901 .choosercontainer #chooseform .option input[type=radio],
9902 .choosercontainer #chooseform .option span.typename {
9903   vertical-align: middle; }
9904
9905 .choosercontainer #chooseform .option label {
9906   display: block;
9907   margin: 0;
9908   padding: 0.5rem 0;
9909   border-bottom: 1px solid #fff; }
9910
9911 .choosercontainer #chooseform .option .icon {
9912   margin: 0;
9913   padding: 0 1rem; }
9914
9915 .choosercontainer #chooseform .nonoption {
9916   padding-left: 2.7em;
9917   padding-top: 0.3em;
9918   padding-bottom: 0.1em; }
9919
9920 .choosercontainer #chooseform .subtype {
9921   margin-bottom: 0;
9922   padding: 0 1.6em 0 3.2em; }
9923
9924 .choosercontainer #chooseform .subtype .typename {
9925   margin: 0 0 0 0.2em; }
9926
9927 /* The instruction/help area */
9928 .jschooser .choosercontainer #chooseform .instruction,
9929 .jschooser .choosercontainer #chooseform .typesummary {
9930   display: none;
9931   position: absolute;
9932   top: 0;
9933   right: 0;
9934   bottom: 0;
9935   left: 240px;
9936   margin: 0;
9937   padding: 1.6em;
9938   background-color: #fff;
9939   overflow-x: hidden;
9940   overflow-y: auto;
9941   line-height: 2em; }
9942
9943 /* Selected option settings */
9944 .jschooser .choosercontainer #chooseform .instruction,
9945 .choosercontainer #chooseform .selected .typesummary {
9946   display: block; }
9947
9948 .choosercontainer #chooseform .selected {
9949   background-color: #fff;
9950   margin-top: -1px;
9951   padding-top: 1px; }
9952
9953 .chooserdialogue-course-modchooser .modicon .icon {
9954   width: 24px;
9955   height: 24px;
9956   font-size: 24px; }
9957
9958 @media (max-width: 575.98px) {
9959   .jsenabled .choosercontainer #chooseform .alloptions {
9960     max-width: 100%; }
9961   .jsenabled .choosercontainer #chooseform .instruction,
9962   .jsenabled .choosercontainer #chooseform .typesummary {
9963     position: static; } }
9964
9965 /* Form element: listing */
9966 .formlistingradio {
9967   padding-bottom: 25px;
9968   padding-right: 10px; }
9969
9970 .formlistinginputradio {
9971   float: left; }
9972
9973 .formlistingmain {
9974   min-height: 225px; }
9975
9976 .formlisting {
9977   position: relative;
9978   margin: 15px 0;
9979   padding: 1px 19px 14px;
9980   background-color: white;
9981   border: 1px solid #ddd; }
9982
9983 .formlistingmore {
9984   position: absolute;
9985   cursor: pointer;
9986   bottom: -1px;
9987   right: -1px;
9988   padding: 3px 7px;
9989   font-size: 12px;
9990   font-weight: bold;
9991   background-color: whitesmoke;
9992   border: 1px solid #ddd;
9993   color: #9da0a4; }
9994
9995 .formlistingall {
9996   margin: 15px 0;
9997   padding: 0; }
9998
9999 .formlistingrow {
10000   cursor: pointer;
10001   border-bottom: 1px solid;
10002   border-color: #e1e1e8;
10003   border-left: 1px solid #e1e1e8;
10004   border-right: 1px solid #e1e1e8;
10005   background-color: #f7f7f9;
10006   padding: 6px;
10007   top: 50%;
10008   left: 50%;
10009   min-height: 34px;
10010   float: left;
10011   width: 150px; }
10012
10013 body.jsenabled .formlistingradio {
10014   display: none; }
10015
10016 body.jsenabled .formlisting {
10017   display: block; }
10018
10019 /* Badges styles */
10020 a.criteria-action {
10021   padding: 0 3px;
10022   float: right; }
10023
10024 div.criteria-description {
10025   padding: 10px 15px;
10026   margin: 5px 0;
10027   background: none repeat scroll 0 0 #f9f9f9;
10028   border: 1px solid #eee; }
10029
10030 ul.badges {
10031   margin: 0;
10032   list-style: none; }
10033
10034 .badges li {
10035   position: relative;
10036   display: inline-block;
10037   padding-top: 1em;
10038   text-align: center;
10039   vertical-align: top;
10040   width: 150px; }
10041
10042 .badges li .badge-name {
10043   display: block;
10044   padding: 5px; }
10045
10046 .badges li > img {
10047   position: absolute; }
10048
10049 .badges li .badge-image {
10050   width: 100px;
10051   height: 100px;
10052   left: 10px;
10053   top: 0;
10054   z-index: 1; }
10055
10056 .badges li .badge-actions {
10057   position: relative; }
10058
10059 .badges li .expireimage {
10060   width: 100px;
10061   height: 100px;
10062   left: 25px;
10063   top: 0;
10064   position: absolute;
10065   z-index: 10;
10066   opacity: 0.85; }
10067
10068 #badge-image {
10069   background-color: transparent;
10070   padding: 0;
10071   position: relative;
10072   min-width: 100px;
10073   width: 20%;
10074   display: inline-block;
10075   vertical-align: top;
10076   margin-top: 17px;
10077   margin-bottom: 20px; }
10078   #badge-image .expireimage {
10079     width: 100px;
10080     height: 100px;
10081     left: 0;
10082     top: 0;
10083     opacity: 0.85;
10084     position: absolute;
10085     z-index: 10; }
10086   #badge-image .singlebutton {
10087     padding-top: 5px;
10088     display: block; }
10089     #badge-image .singlebutton button {
10090       margin-left: 4px; }
10091
10092 #badge-details {
10093   display: inline-block;
10094   width: 79%; }
10095
10096 #badge-overview dl,
10097 #badge-details dl {
10098   margin: 0; }
10099   #badge-overview dl dt,
10100   #badge-overview dl dd,
10101   #badge-details dl dt,
10102   #badge-details dl dd {
10103     vertical-align: top;
10104     padding: 3px 0; }
10105   #badge-overview dl dt,
10106   #badge-details dl dt {
10107     clear: both;
10108     display: inline-block;
10109     width: 20%;
10110     min-width: 100px; }
10111   #badge-overview dl dd,
10112   #badge-details dl dd {
10113     display: inline-block;
10114     width: 79%;
10115     margin-left: 1%; }
10116
10117 .badge-profile {
10118   vertical-align: top; }
10119
10120 #page-badges-award .recipienttable tr td {
10121   vertical-align: top; }
10122
10123 #page-badges-award .recipienttable tr td.actions .actionbutton {
10124   margin: 0.3em 0;
10125   padding: 0.5em 0;
10126   width: 100%; }
10127
10128 #page-badges-award .recipienttable tr td.existing,
10129 #page-badges-award .recipienttable tr td.potential {
10130   width: 42%; }
10131
10132 #issued-badge-table .activatebadge {
10133   display: inline-block; }
10134
10135 .statusbox.active {
10136   background-color: #def1de; }
10137
10138 .statusbox.inactive {
10139   background-color: #fcefdc; }
10140
10141 .statusbox {
10142   text-align: center;
10143   margin-bottom: 5px;
10144   padding: 5px; }
10145
10146 .statusbox .activatebadge {
10147   display: inline-block; }
10148
10149 .statusbox .activatebadge input[type=submit] {
10150   margin: 3px; }
10151
10152 .activatebadge {
10153   margin: 0;
10154   text-align: left;
10155   vertical-align: middle; }
10156
10157 img#persona_signin {
10158   cursor: pointer; }
10159
10160 .addcourse {
10161   float: right; }
10162
10163 .invisiblefieldset {
10164   display: inline;
10165   padding: 0;
10166   border-width: 0; }
10167
10168 /** Page header */
10169 #page-header .logo {
10170   margin: 1rem 0; }
10171   #page-header .logo img {
10172     max-height: 75px; }
10173
10174 /** Navbar logo. */
10175 nav.navbar .logo img {
10176   max-height: 35px; }
10177
10178 /** Header-bar styles **/
10179 .page-context-header {
10180   overflow: hidden; }
10181   .page-context-header .page-header-image,
10182   .page-context-header .page-header-headings {
10183     float: left;
10184     display: block;
10185     position: relative; }
10186   .page-context-header .page-header-image {
10187     margin-right: 1em;
10188     margin-bottom: 1em; }
10189   .page-context-header .page-header-headings,
10190   .page-context-header .header-button-group {
10191     position: relative;
10192     line-height: 24px;
10193     vertical-align: middle; }
10194   .page-context-header .header-button-group {
10195     display: block;
10196     float: left; }
10197     .page-context-header .header-button-group a {
10198       position: relative;
10199       top: -0.4em; }
10200
10201 ul.dragdrop-keyboard-drag li {
10202   list-style-type: none; }
10203
10204 a.disabled:hover,
10205 a.disabled {
10206   text-decoration: none;
10207   cursor: default;
10208   font-style: italic;
10209   color: #808080; }
10210
10211 body.lockscroll {
10212   height: 100%;
10213   overflow: hidden; }
10214
10215 .progressbar_container {
10216   max-width: 500px;
10217   margin: 0 auto; }
10218
10219 /* IE10 only fix for calendar titling */
10220 .ie10 .yui3-calendar-header-label {
10221   display: inline-block; }
10222
10223 dd:before,
10224 dd:after {
10225   display: block;
10226   content: " "; }
10227
10228 dd:after {
10229   clear: both; }
10230
10231 .nav-tabs > .active > a[href],
10232 .nav-tabs > .active > a[href]:hover,
10233 .nav-tabs > .active > a[href]:focus {
10234   cursor: pointer; }
10235
10236 .inplaceeditable.inplaceeditingon {
10237   position: relative; }
10238   .inplaceeditable.inplaceeditingon .editinstructions {
10239     margin-top: -30px;
10240     font-weight: normal;
10241     margin-right: 0;
10242     margin-left: 0;
10243     left: 0;
10244     right: auto;
10245     white-space: nowrap; }
10246   .inplaceeditable.inplaceeditingon input {
10247     width: 330px;
10248     vertical-align: text-bottom;
10249     margin-bottom: 0; }
10250   .inplaceeditable.inplaceeditingon select {
10251     margin-bottom: 0; }
10252
10253 .inplaceeditable .quickediticon img {
10254   opacity: 0.2; }
10255
10256 .inplaceeditable .quickeditlink {
10257   color: inherit;
10258   text-decoration: inherit; }
10259
10260 .inplaceeditable:hover .quickeditlink .quickediticon img,
10261 .inplaceeditable .quickeditlink:focus .quickediticon img {
10262   opacity: 1; }
10263
10264 .inplaceeditable.inplaceeditable-toggle .quickediticon {
10265   display: none; }
10266
10267 .inplaceeditable.inplaceeditable-autocomplete {
10268   display: block; }
10269
10270 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
10271   margin-top: -20px; }
10272
10273 /** Chart area. */
10274 .chart-area .chart-table-data {
10275   display: none; }
10276
10277 .chart-area .chart-table {
10278   /** When accessible, we display the table only. */ }
10279   .chart-area .chart-table .chart-output-htmltable caption {
10280     white-space: nowrap; }
10281   .chart-area .chart-table.accesshide .chart-table-expand {
10282     display: none; }
10283   .chart-area .chart-table.accesshide .chart-table-data {
10284     display: block; }
10285
10286 ul {
10287   padding-left: 1rem; }
10288
10289 /* YUI 2 Tree View */
10290 /*rtl:raw:
10291 .ygtvtn,
10292 .ygtvtm,
10293 .ygtvtmh,
10294 .ygtvtmhh,
10295 .ygtvtp,
10296 .ygtvtph,
10297 .ygtvtphh,
10298 .ygtvln,
10299 .ygtvlm,
10300 .ygtvlmh,
10301 .ygtvlmhh,
10302 .ygtvlp,
10303 .ygtvlph,
10304 .ygtvlphh,
10305 .ygtvdepthcell,
10306 .ygtvok,
10307 .ygtvok:hover,
10308 .ygtvcancel,
10309 .ygtvcancel:hover {
10310     background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
10311 }
10312 */
10313 .hover-tooltip-container {
10314   position: relative; }
10315   .hover-tooltip-container .hover-tooltip {
10316     opacity: 0;
10317     visibility: hidden;
10318     position: absolute;
10319     /*rtl:ignore*/
10320     left: 50%;
10321     top: calc(-50% - 5px);
10322     transform: translate(-50%, -50%);
10323     background-color: #fff;
10324     border: 1px solid rgba(0, 0, 0, 0.2);
10325     border-radius: .3rem;
10326     box-sizing: border-box;
10327     padding: 5px;
10328     white-space: nowrap;
10329     transition: opacity 0.15s, visibility 0.15s;
10330     z-index: 1000; }
10331     .hover-tooltip-container .hover-tooltip:before {
10332       content: '';
10333       display: inline-block;
10334       border-left: 8px solid transparent;
10335       border-right: 8px solid transparent;
10336       border-top: 8px solid rgba(0, 0, 0, 0.2);
10337       position: absolute;
10338       bottom: -8px;
10339       left: calc(50% - 8px); }
10340     .hover-tooltip-container .hover-tooltip:after {
10341       content: '';
10342       display: inline-block;
10343       border-left: 7px solid transparent;
10344       border-right: 7px solid transparent;
10345       border-top: 7px solid #fff;
10346       position: absolute;
10347       bottom: -6px;
10348       left: calc(50% - 7px);
10349       z-index: 2; }
10350   .hover-tooltip-container:hover .hover-tooltip {
10351     opacity: 1;
10352     visibility: visible;
10353     transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s; }
10354
10355 #region-flat-nav {
10356   padding-right: 0;
10357   padding-left: 0; }
10358   #region-flat-nav .nav {
10359     margin-right: 15px;
10360     background-color: #fff; }
10361   @media (max-width: 767.98px) {
10362     #region-flat-nav .nav {
10363       margin-top: 30px;
10364       margin-right: 0; } }
10365
10366 #page-footer a {
10367   color: #fff;
10368   text-decoration: underline; }
10369   #page-footer a .icon {
10370     color: #fff; }
10371
10372 .bg-inverse a {
10373   color: #fff;
10374   text-decoration: underline; }
10375   .bg-inverse a .icon {
10376     color: #fff; }
10377
10378 .sitelink img {
10379   width: 112px; }
10380
10381 .dropdown-item a {
10382   display: block;
10383   width: 100%;
10384   color: #373a3c; }
10385
10386 .competency-tree ul {
10387   padding-left: 1.5rem; }
10388
10389 .sr-only-focusable:active, .sr-only-focusable:focus {
10390   z-index: 1031;
10391   position: fixed;
10392   background: #fff;
10393   padding: 7px;
10394   left: 0;
10395   top: 0; }
10396
10397 [data-drag-type="move"] {
10398   cursor: move;
10399   touch-action: none; }
10400
10401 .clickable {
10402   cursor: pointer; }
10403
10404 .overlay-icon-container {
10405   position: absolute;
10406   top: 0;
10407   left: 0;
10408   width: 100%;
10409   height: 100%;
10410   background-color: rgba(255, 255, 255, 0.6); }
10411   .overlay-icon-container .loading-icon {
10412     position: absolute;
10413     top: 50%;
10414     left: 50%;
10415     transform: translate(-50%, -50%); }
10416     .overlay-icon-container .loading-icon .icon {
10417       height: 30px;
10418       width: 30px;
10419       font-size: 30px; }
10420
10421 .open.atto_menu > .dropdown-menu {
10422   display: block; }
10423
10424 div.editor_atto_toolbar button .icon {
10425   color: #495057; }
10426
10427 .w-auto {
10428   width: auto; }
10429
10430 .bg-pulse-grey {
10431   animation: bg-pulse-grey 2s infinite linear; }
10432
10433 @keyframes bg-pulse-grey {
10434   0% {
10435     background-color: #f8f9fa; }
10436   50% {
10437     background-color: #e9ecef; }
10438   100% {
10439     background-color: #f8f9fa; } }
10440
10441 .line-height-0 {
10442   line-height: 0 !important;
10443   /* stylelint-disable-line declaration-no-important */ }
10444
10445 .line-height-1 {
10446   line-height: 0.25rem !important;
10447   /* stylelint-disable-line declaration-no-important */ }
10448
10449 .line-height-2 {
10450   line-height: 0.5rem !important;
10451   /* stylelint-disable-line declaration-no-important */ }
10452
10453 .line-height-3 {
10454   line-height: 1rem !important;
10455   /* stylelint-disable-line declaration-no-important */ }
10456
10457 .line-height-4 {
10458   line-height: 1.5rem !important;
10459   /* stylelint-disable-line declaration-no-important */ }
10460
10461 .line-height-5 {
10462   line-height: 3rem !important;
10463   /* stylelint-disable-line declaration-no-important */ }
10464
10465 .dir-rtl .dir-rtl-hide {
10466   display: none; }
10467
10468 .dir-ltr .dir-ltr-hide {
10469   display: none; }
10470
10471 .icon {
10472   font-size: 16px;
10473   width: 16px;
10474   height: 16px;
10475   margin: 0;
10476   padding: 0;
10477   box-sizing: content-box;
10478   margin-right: 0.5rem; }
10479   .icon.spacer {
10480     margin-right: 0; }
10481   .icon.iconsize-big {
10482     width: 64px;
10483     height: 64px;
10484     font-size: 64px; }
10485
10486 .navbar-dark a .icon {
10487   color: rgba(255, 255, 255, 0.5) !important;
10488   /* stylelint-disable-line declaration-no-important */ }
10489
10490 .action-menu-item a:first-of-type > .icon {
10491   margin-left: 0.5rem; }
10492
10493 .ygtvcell .icon {
10494   margin-left: 0 !important;
10495   /* stylelint-disable-line declaration-no-important */ }
10496
10497 .block_navigation .tree_item .icon,
10498 .block_settings .tree_item .icon {
10499   margin-left: 0; }
10500
10501 [data-action=toggle-drawer] .icon {
10502   margin: 0; }
10503
10504 .icon-no-spacing a > .icon {
10505   margin: 0; }
10506
10507 .icon-no-margin .icon {
10508   margin-left: 0;
10509   margin-right: 0;
10510   margin-top: 0;
10511   margin-bottom: 0; }
10512
10513 .icon-large > .icon {
10514   width: 32px;
10515   height: 32px; }
10516
10517 .icon-size-0 .icon {
10518   height: 0 !important;
10519   /* stylelint-disable-line declaration-no-important */
10520   width: 0 !important;
10521   /* stylelint-disable-line declaration-no-important */ }
10522
10523 .icon-size-1 .icon {
10524   height: 4px !important;
10525   /* stylelint-disable-line declaration-no-important */
10526   width: 4px !important;
10527   /* stylelint-disable-line declaration-no-important */ }
10528
10529 .icon-size-2 .icon {
10530   height: 8px !important;
10531   /* stylelint-disable-line declaration-no-important */
10532   width: 8px !important;
10533   /* stylelint-disable-line declaration-no-important */ }
10534
10535 .icon-size-3 .icon {
10536   height: 16px !important;
10537   /* stylelint-disable-line declaration-no-important */
10538   width: 16px !important;
10539   /* stylelint-disable-line declaration-no-important */ }
10540
10541 .icon-size-4 .icon {
10542   height: 24px !important;
10543   /* stylelint-disable-line declaration-no-important */
10544   width: 24px !important;
10545   /* stylelint-disable-line declaration-no-important */ }
10546
10547 .icon-size-5 .icon {
10548   height: 48px !important;
10549   /* stylelint-disable-line declaration-no-important */
10550   width: 48px !important;
10551   /* stylelint-disable-line declaration-no-important */ }
10552
10553 .helplink .icon {
10554   margin-left: 0.5rem; }
10555
10556 /* admin.less */
10557 .formtable tbody th {
10558   font-weight: normal;
10559   text-align: right; }
10560
10561 .path-admin #assignrole {
10562   width: 60%;
10563   margin-left: auto;
10564   margin-right: auto; }
10565
10566 .path-admin .admintable .leftalign {
10567   text-align: left; }
10568
10569 .environmenttable .warn {
10570   background-color: #fcefdc;
10571   color: #ff7518; }
10572
10573 .environmenttable .error {
10574   background-color: #f7dddc;
10575   color: #d9534f; }
10576
10577 .environmenttable .ok {
10578   background-color: #def1de;
10579   color: #5cb85c; }
10580
10581 .path-admin .admintable.environmenttable .name,
10582 .path-admin .admintable.environmenttable .info,
10583 .path-admin #assignrole .admintable .role,
10584 .path-admin #assignrole .admintable .userrole,
10585 .path-admin #assignrole .admintable .roleholder {
10586   white-space: nowrap; }
10587
10588 .path-admin .incompatibleblockstable td.c0 {
10589   font-weight: bold; }
10590
10591 #page-admin-course-category .addcategory {
10592   padding: 10px; }
10593
10594 #page-admin-course-index .editcourse {
10595   margin: 20px auto; }
10596
10597 #page-admin-course-index .editcourse th,
10598 #page-admin-course-index .editcourse td {
10599   padding-left: 10px;
10600   padding-right: 10px; }
10601
10602 .timewarninghidden {
10603   display: none; }
10604
10605 #page-admin-report-capability-index #capabilitysearch {
10606   width: 30em; }
10607
10608 #page-admin-qtypes #qtypes div,
10609 #page-admin-qtypes #qtypes form,
10610 #page-admin-qbehaviours #qbehaviours div,
10611 #page-admin-qbehaviours #qbehaviours form {
10612   display: inline; }
10613
10614 #page-admin-qtypes #qtypes img.spacer,
10615 #page-admin-qbehaviours #qbehaviours img.spacer {
10616   width: 16px; }
10617
10618 #page-admin-qbehaviours .cell.c3,
10619 #page-admin-qtypes .cell.c3 {
10620   font-size: 0.8203125rem; }
10621
10622 #page-admin-lang .generalbox,
10623 #page-admin-course-index .singlebutton,
10624 #page-admin-course-index .addcategory,
10625 #page-course-index .buttons,
10626 #page-course-index-category .buttons,
10627 #page-admin-course-category .addcategory,
10628 #page-admin-stickyblocks .generalbox,
10629 #page-admin-maintenance .buttons,
10630 #page-admin-course-index .buttons,
10631 #page-admin-course-category .buttons,
10632 #page-admin-index .copyright,
10633 #page-admin-index .copyrightnotice,
10634 #page-admin-index .adminerror .singlebutton,
10635 #page-admin-index .adminwarning .singlebutton,
10636 #page-admin-index #layout-table .singlebutton {
10637   text-align: center;
10638   margin-bottom: 1em; }
10639
10640 .path-admin-roles .capabilitysearchui {
10641   text-align: left;
10642   margin-left: auto;
10643   margin-right: auto;
10644   margin-top: 1rem; }
10645
10646 #page-admin-roles-define .topfields {
10647   margin: 1em 0 2em; }
10648
10649 #page-admin-roles-define .capdefault {
10650   background-color: rgba(0, 0, 0, 0.075); }
10651
10652 #page-filter-manage .backlink,
10653 .path-admin-roles .backlink {
10654   margin-top: 1em; }
10655
10656 #page-admin-roles-explain #chooseuser h3,
10657 #page-admin-roles-usersroles .contextname {
10658   margin-top: 0; }
10659
10660 #page-admin-roles-explain #chooseusersubmit {
10661   margin-top: 0;
10662   text-align: center; }
10663
10664 #page-admin-roles-usersroles p {
10665   margin: 0; }
10666
10667 #page-admin-roles-override .cell.c1,
10668 #page-admin-roles-assign .cell.c3,
10669 #page-admin-roles-assign .cell.c1 {
10670   padding-top: 0.75em; }
10671
10672 #page-admin-roles-override .overridenotice,
10673 #page-admin-roles-define .definenotice {
10674   margin: 1em 10% 2em 10%;
10675   text-align: left; }
10676
10677 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
10678   display: block; }
10679
10680 #page-admin-index .updateplugin div {
10681   margin-bottom: 0.5em; }
10682
10683 #page-admin-user-user_bulk #users .fgroup {
10684   white-space: nowrap; }
10685
10686 #page-admin-report-stats-index .graph {
10687   text-align: center;
10688   margin-bottom: 1em; }
10689
10690 #page-admin-report-courseoverview-index .graph {
10691   text-align: center;
10692   margin-bottom: 1em; }
10693
10694 #page-admin-lang .translator {
10695   border-width: 1px;
10696   border-style: solid; }
10697
10698 .path-admin .roleassigntable {
10699   width: 100%; }
10700
10701 .path-admin .roleassigntable td {
10702   vertical-align: top;
10703   padding: 0.2em 0.3em; }
10704
10705 .path-admin .roleassigntable p {
10706   text-align: left;
10707   margin: 0.2em 0; }
10708
10709 .path-admin .roleassigntable #existingcell,
10710 .path-admin .roleassigntable #potentialcell {
10711   width: 42%; }
10712
10713 .path-admin .roleassigntable #existingcell p > label:first-child,
10714 .path-admin .roleassigntable #potentialcell p > label:first-child {
10715   font-weight: bold; }
10716
10717 .path-admin .roleassigntable #buttonscell {
10718   width: 16%; }
10719
10720 .path-admin .roleassigntable #buttonscell #assignoptions {
10721   font-size: 0.8203125rem; }
10722
10723 .path-admin .roleassigntable #removeselect_wrapper,
10724 .path-admin .roleassigntable #addselect_wrapper {
10725   width: 100%; }
10726
10727 .path-admin table.rolecap tr.rolecap th {
10728   text-align: left;
10729   font-weight: normal; }
10730
10731 .path-admin .rolecap .hiddenrow {
10732   display: none; }
10733
10734 .path-admin #defineroletable .rolecap .inherit,
10735 .path-admin #defineroletable .rolecap .allow,
10736 .path-admin #defineroletable .rolecap .prevent,
10737 .path-admin #defineroletable .rolecap .prohibit {
10738   text-align: center;
10739   padding: 0;
10740   min-width: 3.5em; }
10741
10742 .path-admin .rolecap .cap-name,
10743 .path-admin .rolecap .note {
10744   display: block;
10745   font-size: 0.8203125rem;
10746   white-space: nowrap;
10747   font-weight: normal; }
10748
10749 .path-admin .rolecap label {
10750   display: block;
10751   text-align: center;
10752   padding: 0.5em;
10753   margin: 0; }
10754
10755 .plugincheckwrapper {
10756   width: 100%; }
10757
10758 .environmentbox {
10759   margin-top: 1em; }
10760
10761 #mnetconfig table {
10762   margin-left: auto;
10763   margin-right: auto; }
10764
10765 .environmenttable .cell {
10766   padding: .15em .5em; }
10767
10768 #trustedhosts .generaltable {
10769   margin-left: auto;
10770   margin-right: auto;
10771   width: 500px; }
10772
10773 #trustedhosts .standard {
10774   width: auto; }
10775
10776 #adminsettings legend {
10777   display: none; }
10778
10779 #adminsettings fieldset.error {
10780   margin: .2em 0 .5em 0; }
10781
10782 #adminsettings fieldset.error legend {
10783   display: block; }
10784
10785 #admin-spelllanguagelist textarea,
10786 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
10787   /* rtl:ignore */
10788   text-align: left;
10789   /* rtl:ignore */
10790   direction: ltr; }
10791
10792 /* Styles for flags on admin settings */
10793 .adminsettingsflags {
10794   float: right; }
10795
10796 .adminsettingsflags label {
10797   margin-right: 7px; }
10798
10799 .form-description pre,
10800 .formsettingheading pre {
10801   /*rtl:ignore*/
10802   direction: ltr; }
10803
10804 .form-item .form-setting .form-htmlarea {
10805   display: inline; }
10806
10807 .form-item .form-setting .form-htmlarea .htmlarea {
10808   width: 640px;
10809   display: block; }
10810
10811 .form-item .form-setting .form-multicheckbox ul {
10812   list-style: none;
10813   padding: 0;
10814   margin: 7px 0 0 0; }
10815
10816 .form-item .form-setting .defaultsnext {
10817   display: inline; }
10818
10819 .form-item .form-setting .locked-checkbox {
10820   margin-right: 0.2em;
10821   margin-left: 0.5em;
10822   display: inline; }
10823
10824 .form-item .form-setting .form-password .unmask,
10825 .form-item .form-setting .form-defaultinfo {
10826   display: inline-block; }
10827
10828 .form-item .form-setting .form-defaultinfo {
10829   max-width: 100%;
10830   word-wrap: break-word; }
10831
10832 #admin-emoticons td input {
10833   width: 8em; }
10834
10835 #admin-emoticons td.c0 input {
10836   width: 4em; }
10837
10838 #adminthemeselector .selectedtheme td.c0 {
10839   border: 1px solid #d1edf6;
10840   border-right-width: 0; }
10841
10842 #adminthemeselector .selectedtheme td.c1 {
10843   border: 1px solid #d1edf6;
10844   border-left-width: 0; }
10845
10846 .admin_colourpicker,
10847 .admin_colourpicker_preview {
10848   display: none; }
10849
10850 .jsenabled .admin_colourpicker_preview {
10851   display: inline; }
10852
10853 .jsenabled .admin_colourpicker {
10854   display: block;
10855   height: 102px;
10856   width: 410px;
10857   margin-bottom: 10px;
10858   box-sizing: content-box; }
10859
10860 .admin_colourpicker .loadingicon {
10861   vertical-align: middle;
10862   margin-left: auto; }
10863
10864 .admin_colourpicker .colourdialogue {
10865   float: left;
10866   border: 1px solid #d1edf6; }
10867
10868 .admin_colourpicker .previewcolour {
10869   border: 1px solid #d1edf6;
10870   margin-left: 301px; }
10871
10872 .admin_colourpicker .currentcolour {
10873   border: 1px solid #d1edf6;
10874   margin-left: 301px;
10875   border-top-width: 0; }
10876
10877 #page-admin-index #notice .checkforupdates {
10878   text-align: center; }
10879
10880 #page-admin-plugins #plugins-overview-panel .info {
10881   display: inline-block;
10882   margin-right: 1em; }
10883
10884 #page-admin-plugins .checkforupdates {
10885   margin: 10px 0; }
10886   #page-admin-plugins .checkforupdates .singlebutton {
10887     margin: 5px 0;
10888     padding: 0; }
10889     #page-admin-plugins .checkforupdates .singlebutton div,
10890     #page-admin-plugins .checkforupdates .singlebutton input {
10891       margin: 0 3px 0 0; }
10892
10893 #page-admin-plugins .updateavailableinstallall {
10894   margin: 5px 0;
10895   padding: 0; }
10896   #page-admin-plugins .updateavailableinstallall div,
10897   #page-admin-plugins .updateavailableinstallall input {
10898     margin: 0 3px 5px 0; }
10899
10900 #page-admin-plugins #plugins-control-panel .status-missing td {
10901   background-color: #fcefdc; }
10902
10903 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
10904   font-size: 0.8203125rem;
10905   margin-left: 22px; }
10906
10907 #page-admin-plugins #plugins-control-panel .version .versionnumber {
10908   font-size: 0.8203125rem; }
10909
10910 #page-admin-plugins #plugins-control-panel .uninstall a {
10911   color: #d9534f; }
10912
10913 #page-admin-plugins #plugins-control-panel .notes .label {
10914   margin-right: 3px; }
10915
10916 #page-admin-plugins #plugins-control-panel .notes .requiredby {
10917   font-size: 0.8203125rem; }
10918
10919 #plugins-check-page .checkforupdates .singlebutton {
10920   margin: 5px 0;
10921   padding: 0; }
10922   #plugins-check-page .checkforupdates .singlebutton div,
10923   #plugins-check-page .checkforupdates .singlebutton input {
10924     margin: 0 3px 0 0; }
10925
10926 #plugins-check-page #plugins-check-info .actions > div {
10927   display: inline-block;
10928   margin-right: 1em; }
10929
10930 #plugins-check-page #plugins-check-info .actions .singlebutton {
10931   margin: 5px 0;
10932   padding: 0; }
10933   #plugins-check-page #plugins-check-info .actions .singlebutton div,
10934   #plugins-check-page #plugins-check-info .actions .singlebutton input {
10935     margin: 0 3px 0 0; }
10936
10937 #plugins-check-page #plugins-check .status-missing td,
10938 #plugins-check-page #plugins-check .status-downgrade td {
10939   background-color: #f7dddc; }
10940
10941 #plugins-check-page #plugins-check .displayname .plugindir {
10942   font-size: 0.8203125rem; }
10943
10944 #plugins-check-page #plugins-check .requires ul {
10945   margin-left: 13px; }
10946
10947 #plugins-check-page #plugins-check .status .actionbutton {
10948   margin: 5px 0;
10949   padding: 0; }
10950   #plugins-check-page #plugins-check .status .actionbutton input {
10951     margin: 0; }
10952
10953 #plugins-check-page .plugins-check-dependencies-actions > div {
10954   display: inline-block;
10955   margin-right: 1em; }
10956
10957 #plugins-check-page .plugins-check-dependencies-actions .singlebutton {
10958   margin: 5px 0;
10959   padding: 0; }
10960   #plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
10961   #plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
10962     margin: 0 3px 0 0; }
10963
10964 #plugins-check-page #plugins-check-available-dependencies .displayname .component {
10965   font-size: 0.8203125rem; }
10966
10967 #plugins-check-page #plugins-check-available-dependencies .info .actions > div {
10968   display: inline-block;
10969   margin-right: 1em; }
10970
10971 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
10972   display: block;
10973   margin: 5px 0;
10974   padding: 0; }
10975   #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
10976     margin: 0; }
10977
10978 #plugins-check-page .pluginupdateinfo,
10979 #plugins-control-panel .pluginupdateinfo {
10980   background-color: #def2f8;
10981   padding: 5px;
10982   margin: 10px 0; }
10983   #plugins-check-page .pluginupdateinfo.maturity50,
10984   #plugins-control-panel .pluginupdateinfo.maturity50 {
10985     background-color: #f7dddc; }
10986   #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
10987   #plugins-control-panel .pluginupdateinfo.maturity100,
10988   #plugins-control-panel .pluginupdateinfo.maturity150 {
10989     background-color: #fcefdc; }
10990   #plugins-check-page .pluginupdateinfo .info,
10991   #plugins-control-panel .pluginupdateinfo .info {
10992     display: inline-block; }
10993   #plugins-check-page .pluginupdateinfo .separator:after,
10994   #plugins-control-panel .pluginupdateinfo .separator:after {
10995     content: " | "; }
10996   #plugins-check-page .pluginupdateinfo .singlebutton,
10997   #plugins-control-panel .pluginupdateinfo .singlebutton {
10998     margin: 5px 0;
10999     padding: 0; }
11000     #plugins-check-page .pluginupdateinfo .singlebutton div,
11001     #plugins-check-page .pluginupdateinfo .singlebutton input,
11002     #plugins-control-panel .pluginupdateinfo .singlebutton div,
11003     #plugins-control-panel .pluginupdateinfo .singlebutton input {
11004       margin: 0 3px 0 0; }
11005
11006 .plugins-management-confirm-buttons > div {
11007   display: inline-block;
11008   margin: 1em 1em 1em 0; }
11009
11010 .plugins-management-confirm-buttons .continue {
11011   padding: 0; }
11012   .plugins-management-confirm-buttons .continue div,
11013   .plugins-management-confirm-buttons .continue input {
11014     margin: 0; }
11015
11016 .uninstalldeleteconfirmexternal {
11017   padding: 0.5em 1em;
11018   margin: 5px 0 10px 0; }
11019
11020 #page-admin-index .upgradepluginsinfo {
11021   text-align: center; }
11022
11023 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
11024   content: " | "; }
11025
11026 /** MNet networking */
11027 #page-admin-mnet-peers .box.deletedhosts {
11028   margin-bottom: 1em;
11029   font-size: 0.8203125rem; }
11030
11031 #page-admin-mnet-peers .mform .deletedhostinfo {
11032   padding: 4px;
11033   margin-bottom: 5px; }
11034
11035 #core-cache-plugin-summaries table,
11036 #core-cache-store-summaries table {
11037   width: 100%; }
11038
11039 #core-cache-lock-summary table,
11040 #core-cache-definition-summaries table,
11041 #core-cache-mode-mappings table {
11042   margin: 0 auto; }
11043
11044 #core-cache-store-summaries .default-store td {
11045   font-style: italic; }
11046
11047 #core-cache-rescan-definitions,
11048 #core-cache-mode-mappings .edit-link,
11049 #core-cache-lock-summary .new-instance {
11050   margin-top: 0.5em;
11051   text-align: center; }
11052
11053 .maintenancewarning {
11054   position: fixed;
11055   bottom: 0;
11056   right: 0;
11057   overflow: hidden;
11058   z-index: 1000; }
11059
11060 .modal.modal-in-page {
11061   z-index: 0; }
11062
11063 #page-admin-search .adminpagetitle {
11064   margin-bottom: 0;
11065   border-bottom: none; }
11066
11067 #page-admin-search .adminpagepath {
11068   display: flex;
11069   flex-wrap: wrap;
11070   list-style: none;
11071   padding: 0;
11072   margin: 0 0 1.5rem 0; }
11073   #page-admin-search .adminpagepath li + li:before {
11074     padding-right: 0.5rem;
11075     padding-left: 0.5rem;
11076     content: "/"; }
11077
11078 .blockmovetarget .accesshide {
11079   position: relative;
11080   left: initial; }
11081
11082 .block:target {
11083   padding-top: 0 !important;
11084   /* stylelint-disable declaration-no-important */
11085   margin-top: 0 !important; }
11086
11087 .block_search_forums .searchform {
11088   /* Override plugin's default. */
11089   text-align: left; }
11090
11091 .block.block_navigation .block_tree ul,
11092 .block_settings .block_tree ul {
11093   margin-left: 0; }
11094
11095 .block .block-controls .dropdown-toggle {
11096   /* So that the caret takes the colour of the icon. */
11097   color: #373a3c; }
11098
11099 [data-region="blocks-column"] {
11100   width: 360px;
11101   float: right; }
11102
11103 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
11104 #region-main-settings-menu {
11105   position: relative;
11106   float: left;
11107   width: 100%; }
11108
11109 #region-main-settings-menu > div {
11110   position: absolute;
11111   right: 0;
11112   z-index: 100;
11113   margin: 1rem; }
11114
11115 .region_main_settings_menu_proxy {
11116   width: 4rem;
11117   height: 2rem;
11118   background-color: #fff;
11119   margin-left: 0.625rem;
11120   margin-bottom: 0.625rem;
11121   border-bottom-left-radius: 0.5rem;
11122   float: right; }
11123
11124 #region-main-settings-menu.has-blocks,
11125 #region-main.has-blocks {
11126   display: inline-block;
11127   width: calc(100% - 375px); }
11128   @media (max-width: 1199.98px) {
11129     #region-main-settings-menu.has-blocks,
11130     #region-main.has-blocks {
11131       width: 100%;
11132       /* MDL-63102 - Remove extra space at bottom.
11133         If modifying make sure block-region is horizontally stacked when in full screen */
11134       display: block; } }
11135
11136 @media (max-width: 1199.98px) {
11137   [data-region="blocks-column"] {
11138     width: 100%; } }
11139
11140 .block .empty-placeholder-image-lg {
11141   height: 125px; }
11142
11143 .block_myoverview .course-info-container,
11144 .block_starredcourses .course-info-container,
11145 .block_recentlyaccesseditems .course-info-container,
11146 .block_recentlyaccessedcourses .course-info-container {
11147   padding: 0.8rem; }
11148
11149 .block_myoverview .progress,
11150 .block_starredcourses .progress,
11151 .block_recentlyaccesseditems .progress,
11152 .block_recentlyaccessedcourses .progress {
11153   height: 0.5rem; }
11154
11155 .block_myoverview .course-summaryitem,
11156 .block_starredcourses .course-summaryitem,
11157 .block_recentlyaccesseditems .course-summaryitem,
11158 .block_recentlyaccessedcourses .course-summaryitem {
11159   border: 1px solid #dee2e6;
11160   background-color: #fff; }
11161
11162 .block_myoverview .icon,
11163 .block_starredcourses .icon,
11164 .block_recentlyaccesseditems .icon,
11165 .block_recentlyaccessedcourses .icon {
11166   margin-right: 0; }
11167
11168 .block_myoverview a,
11169 .block_myoverview .btn-link,
11170 .block_starredcourses a,
11171 .block_starredcourses .btn-link,
11172 .block_recentlyaccesseditems a,
11173 .block_recentlyaccesseditems .btn-link,
11174 .block_recentlyaccessedcourses a,
11175 .block_recentlyaccessedcourses .btn-link {
11176   color: inherit; }
11177
11178 .block_myoverview .btn.btn-link.btn-icon, .block_myoverview #page-grade-grading-manage .actions .btn-link.btn-icon.action, #page-grade-grading-manage .actions .block_myoverview .btn-link.btn-icon.action, .block_myoverview #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_myoverview input.btn-link.btn-icon, .block_myoverview #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .block_myoverview .btn-link.btn-icon.addcriterion,
11179 .block_starredcourses .btn.btn-link.btn-icon,
11180 .block_starredcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action,
11181 #page-grade-grading-manage .actions .block_starredcourses .btn-link.btn-icon.action,
11182 .block_starredcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon,
11183 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_starredcourses input.btn-link.btn-icon,
11184 .block_starredcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion,
11185 #rubric-rubric.gradingform_rubric .block_starredcourses .btn-link.btn-icon.addcriterion,
11186 .block_recentlyaccesseditems .btn.btn-link.btn-icon,
11187 .block_recentlyaccesseditems #page-grade-grading-manage .actions .btn-link.btn-icon.action,
11188 #page-grade-grading-manage .actions .block_recentlyaccesseditems .btn-link.btn-icon.action,
11189 .block_recentlyaccesseditems #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon,
11190 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccesseditems input.btn-link.btn-icon,
11191 .block_recentlyaccesseditems #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion,
11192 #rubric-rubric.gradingform_rubric .block_recentlyaccesseditems .btn-link.btn-icon.addcriterion,
11193 .block_recentlyaccessedcourses .btn.btn-link.btn-icon,
11194 .block_recentlyaccessedcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action,
11195 #page-grade-grading-manage .actions .block_recentlyaccessedcourses .btn-link.btn-icon.action,
11196 .block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon,
11197 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccessedcourses input.btn-link.btn-icon,
11198 .block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion,
11199 #rubric-rubric.gradingform_rubric .block_recentlyaccessedcourses .btn-link.btn-icon.addcriterion {
11200   height: 36px;
11201   width: 36px;
11202   padding: 0;
11203   border-radius: 50%; }
11204   .block_myoverview .btn.btn-link.btn-icon:hover, .block_myoverview #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover, #page-grade-grading-manage .actions .block_myoverview .btn-link.btn-icon.action:hover, .block_myoverview #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_myoverview input.btn-link.btn-icon:hover, .block_myoverview #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .block_myoverview .btn-link.btn-icon.addcriterion:hover, .block_myoverview .btn.btn-link.btn-icon:focus, .block_myoverview #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus, #page-grade-grading-manage .actions .block_myoverview .btn-link.btn-icon.action:focus, .block_myoverview #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_myoverview input.btn-link.btn-icon:focus, .block_myoverview #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .block_myoverview .btn-link.btn-icon.addcriterion:focus,
11205   .block_starredcourses .btn.btn-link.btn-icon:hover,
11206   .block_starredcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover,
11207   #page-grade-grading-manage .actions .block_starredcourses .btn-link.btn-icon.action:hover,
11208   .block_starredcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover,
11209   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_starredcourses input.btn-link.btn-icon:hover,
11210   .block_starredcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover,
11211   #rubric-rubric.gradingform_rubric .block_starredcourses .btn-link.btn-icon.addcriterion:hover,
11212   .block_starredcourses .btn.btn-link.btn-icon:focus,
11213   .block_starredcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus,
11214   #page-grade-grading-manage .actions .block_starredcourses .btn-link.btn-icon.action:focus,
11215   .block_starredcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus,
11216   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_starredcourses input.btn-link.btn-icon:focus,
11217   .block_starredcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus,
11218   #rubric-rubric.gradingform_rubric .block_starredcourses .btn-link.btn-icon.addcriterion:focus,
11219   .block_recentlyaccesseditems .btn.btn-link.btn-icon:hover,
11220   .block_recentlyaccesseditems #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover,
11221   #page-grade-grading-manage .actions .block_recentlyaccesseditems .btn-link.btn-icon.action:hover,
11222   .block_recentlyaccesseditems #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover,
11223   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccesseditems input.btn-link.btn-icon:hover,
11224   .block_recentlyaccesseditems #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover,
11225   #rubric-rubric.gradingform_rubric .block_recentlyaccesseditems .btn-link.btn-icon.addcriterion:hover,
11226   .block_recentlyaccesseditems .btn.btn-link.btn-icon:focus,
11227   .block_recentlyaccesseditems #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus,
11228   #page-grade-grading-manage .actions .block_recentlyaccesseditems .btn-link.btn-icon.action:focus,
11229   .block_recentlyaccesseditems #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus,
11230   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccesseditems input.btn-link.btn-icon:focus,
11231   .block_recentlyaccesseditems #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus,
11232   #rubric-rubric.gradingform_rubric .block_recentlyaccesseditems .btn-link.btn-icon.addcriterion:focus,
11233   .block_recentlyaccessedcourses .btn.btn-link.btn-icon:hover,
11234   .block_recentlyaccessedcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover,
11235   #page-grade-grading-manage .actions .block_recentlyaccessedcourses .btn-link.btn-icon.action:hover,
11236   .block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover,
11237   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccessedcourses input.btn-link.btn-icon:hover,
11238   .block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover,
11239   #rubric-rubric.gradingform_rubric .block_recentlyaccessedcourses .btn-link.btn-icon.addcriterion:hover,
11240   .block_recentlyaccessedcourses .btn.btn-link.btn-icon:focus,
11241   .block_recentlyaccessedcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus,
11242   #page-grade-grading-manage .actions .block_recentlyaccessedcourses .btn-link.btn-icon.action:focus,
11243   .block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus,
11244   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccessedcourses input.btn-link.btn-icon:focus,
11245   .block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus,
11246   #rubric-rubric.gradingform_rubric .block_recentlyaccessedcourses .btn-link.btn-icon.addcriterion:focus {
11247     background-color: #e9ecef; }
11248
11249 .block_starredcourses .dashboard-card-deck,
11250 .block_recentlyaccesseditems .dashboard-card-deck,
11251 .block_recentlyaccessedcourses .dashboard-card-deck {
11252   flex-flow: nowrap;
11253   overflow-y: scroll; }
11254
11255 .summaryimage {
11256   height: 7rem;
11257   background-position: center;
11258   background-size: cover; }
11259
11260 .dashboard-card-deck .dashboard-card {
11261   margin-bottom: 0.5rem;
11262   flex-basis: auto;
11263   width: 100%;
11264   flex-grow: 0;
11265   flex-shrink: 0; }
11266   .dashboard-card-deck .dashboard-card .dashboard-card-img {
11267     height: 7rem;
11268     background-position: center;
11269     background-size: cover; }
11270   .dashboard-card-deck .dashboard-card .dashboard-card-footer {
11271     padding: 0.8rem; }
11272
11273 @media (min-width: 576px) {
11274   .dashboard-card-deck .dashboard-card {
11275     width: calc(50% - 0.5rem); } }
11276
11277 @media (min-width: 768px) {
11278   .dashboard-card-deck .dashboard-card {
11279     width: calc(33.33% - 0.5rem); } }
11280
11281 @media (min-width: 992px) {
11282   .dashboard-card-deck .dashboard-card {
11283     width: calc(25% - 0.5rem); } }
11284
11285 @media (min-width: 1200px) {
11286   .dashboard-card-deck .dashboard-card {
11287     width: calc(20% - 0.5rem); } }
11288
11289 @media (min-width: 992px) {
11290   #region-main.has-blocks .dashboard-card-deck .dashboard-card {
11291     width: calc(33.33% - 0.5rem); } }
11292
11293 @media (min-width: 1200px) {
11294   #region-main.has-blocks .dashboard-card-deck .dashboard-card {
11295     width: calc(25% - 0.5rem); } }
11296
11297 @media (min-width: 992px) {
11298   body.drawer-open-left #region-main.has-blocks .dashboard-card-deck .dashboard-card {
11299     width: calc(33.33% - 0.5rem); } }
11300
11301 @media (min-width: 1400px) {
11302   body.drawer-open-left #region-main.has-blocks .dashboard-card-deck .dashboard-card {
11303     width: calc(25% - 0.5rem); } }
11304
11305 @media (min-width: 1200px) {
11306   #block-region-side-pre .dashboard-card-deck {
11307     margin: 0; }
11308     #block-region-side-pre .dashboard-card-deck .dashboard-card {
11309       width: 100% !important;
11310       margin-left: 0;
11311       margin-right: 0; } }
11312
11313 .block_settings .block_tree [aria-expanded="true"],
11314 .block_settings .block_tree [aria-expanded="true"].emptybranch,
11315 .block_settings .block_tree [aria-expanded="false"],
11316 .block_navigation .block_tree [aria-expanded="true"],
11317 .block_navigation .block_tree [aria-expanded="true"].emptybranch,
11318 .block_navigation .block_tree [aria-expanded="false"] {
11319   background-image: none; }
11320
11321 .block_settings .block_tree [aria-expanded="true"]:before,
11322 .block_navigation .block_tree [aria-expanded="true"]:before {
11323   content: "";
11324   margin-right: 0;
11325   font-size: 16px;
11326   width: 16px; }
11327
11328 .block_settings .block_tree [aria-expanded="false"]:before,
11329 .block_navigation .block_tree [aria-expanded="false"]:before {
11330   content: "";
11331   font-size: 16px;
11332   margin-right: 0;
11333   width: 16px; }
11334
11335 .dir-rtl .block_settings .block_tree [aria-expanded="false"]:before,
11336 .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
11337   content: ""; }
11338
11339 .block_navigation .block_tree p.hasicon,
11340 .block_settings .block_tree p.hasicon {
11341   text-indent: -3px; }
11342   .block_navigation .block_tree p.hasicon .icon,
11343   .block_settings .block_tree p.hasicon .icon {
11344     margin-right: 2px; }
11345
11346 .navbar {
11347   max-height: 50px; }
11348
11349 /* calendar.less */
11350 .calendar_event_category {
11351   background-color: #d8bfd8; }
11352
11353 .calendar_event_course {
11354   background-color: #ffd3bd; }
11355
11356 .calendar_event_site {
11357   background-color: #d6f8cd; }
11358
11359 .calendar_event_group {
11360   background-color: #fee7ae; }
11361
11362 .calendar_event_user {
11363   background-color: #dce7ec; }
11364
11365 .path-calendar .calendartable {
11366   width: 100%;
11367   table-layout: fixed; }
11368   .path-calendar .calendartable th,
11369   .path-calendar .calendartable td {
11370     width: 14%;
11371     vertical-align: top;
11372     text-align: center;
11373     border: 0; }
11374
11375 .path-calendar .calendar-controls .previous,
11376 .path-calendar .calendar-controls .next,
11377 .path-calendar .calendar-controls .current {
11378   display: block;
11379   float: left;
11380   width: 12%; }
11381
11382 .path-calendar .calendar-controls .previous {
11383   text-align: left;
11384   border: 1px solid transparent; }
11385
11386 .path-calendar .calendar-controls .current {
11387   text-align: center;
11388   width: 76%; }
11389
11390 .path-calendar .calendar-controls .next {
11391   text-align: right;
11392   border: 1px solid transparent; }
11393
11394 .path-calendar .calendar-controls .drop-target {
11395   box-sizing: border-box;
11396   border: 1px dashed #1177d1; }
11397
11398 .path-calendar .filters table {
11399   border-collapse: separate;
11400   border-spacing: 2px;
11401   width: 100%; }
11402
11403 .path-calendar .maincalendar {
11404   vertical-align: top;
11405   padding: 0; }
11406   .path-calendar .maincalendar .bottom {
11407     text-align: center;
11408     padding: 5px 0 0 0; }
11409   .path-calendar .maincalendar .heightcontainer {
11410     height: 100%;
11411     position: relative; }
11412   .path-calendar .maincalendar .calendarmonth {
11413     width: 98%;
11414     margin: 10px auto; }
11415     .path-calendar .maincalendar .calendarmonth ul {
11416       margin: 0;
11417       padding: 0; }
11418       .path-calendar .maincalendar .calendarmonth ul li {
11419         list-style-type: none; }
11420         .path-calendar .maincalendar .calendarmonth ul li > a {
11421           overflow: hidden;
11422           text-overflow: ellipsis;
11423           white-space: nowrap;
11424           max-width: 100%;
11425           display: inline-block; }
11426           .path-calendar .maincalendar .calendarmonth ul li > a:hover {
11427             text-decoration: none; }
11428             .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
11429               text-decoration: underline; }
11430         .path-calendar .maincalendar .calendarmonth ul li .icon {
11431           margin-left: 0.25em;
11432           margin-right: 0.25em;
11433           vertical-align: initial; }
11434         .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle {
11435           width: 12px;
11436           height: 12px;
11437           border-radius: 6px;
11438           vertical-align: middle; }
11439           .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category {
11440             background-color: #d8bfd8; }
11441           .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course {
11442             background-color: #ffd3bd; }
11443           .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site {
11444             background-color: #d6f8cd; }
11445           .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group {
11446             background-color: #fee7ae; }
11447           .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user {
11448             background-color: #dce7ec; }
11449     .path-calendar .maincalendar .calendarmonth td {
11450       height: 5em; }
11451     .path-calendar .maincalendar .calendarmonth .clickable:hover {
11452       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); }
11453   .path-calendar .maincalendar .calendar-controls .previous,
11454   .path-calendar .maincalendar .calendar-controls .next {
11455     width: 30%; }
11456   .path-calendar .maincalendar .calendar-controls .current {
11457     width: 39.95%; }
11458   .path-calendar .maincalendar .controls {
11459     width: 98%;
11460     margin: 10px auto; }
11461   .path-calendar .maincalendar .calendar_event_category:hover a,
11462   .path-calendar .maincalendar .calendar_event_course:hover a,
11463   .path-calendar .maincalendar .calendar_event_site:hover a,
11464   .path-calendar .maincalendar .calendar_event_group:hover a,
11465   .path-calendar .maincalendar .calendar_event_user:hover a {
11466     color: #0b4f8a;
11467     text-decoration: underline; }
11468   .path-calendar .maincalendar .calendar_event_category {
11469     border-color: #d8bfd8; }
11470   .path-calendar .maincalendar .calendar_event_course {
11471     border-color: #ffd3bd; }
11472   .path-calendar .maincalendar .calendar_event_site {
11473     border-color: #d6f8cd; }
11474   .path-calendar .maincalendar .calendar_event_group {
11475     border-color: #fee7ae; }
11476   .path-calendar .maincalendar .calendar_event_user {
11477     border-color: #dce7ec; }
11478   .path-calendar .maincalendar .calendartable td,
11479   .path-calendar .maincalendar .calendartable li {
11480     padding: 0 4px 4px 4px; }
11481   .path-calendar .maincalendar .calendartable li {
11482     text-align: left; }
11483   .path-calendar .maincalendar .header {
11484     overflow: hidden; }
11485     .path-calendar .maincalendar .header .buttons {
11486       float: right; }
11487   .path-calendar .maincalendar .event .card-header img {
11488     vertical-align: baseline; }
11489   .path-calendar .maincalendar .event .location {
11490     word-break: break-all;
11491     overflow-wrap: break-word; }
11492
11493 #page-calendar-export .indent {
11494   padding-left: 20px; }
11495
11496 .block .minicalendar {
11497   max-width: 280px;
11498   margin: 0 auto;
11499   width: 100%; }
11500   .block .minicalendar th,
11501   .block .minicalendar td {
11502     padding: 2px;
11503     font-size: 0.8em;
11504     text-align: center; }
11505   .block .minicalendar td a {
11506     width: 100%;
11507     height: 100%;
11508     display: block; }
11509   .block .minicalendar td.duration_global {
11510     border-top: 1px solid #d6f8cd;
11511     border-bottom: 1px solid #d6f8cd; }
11512     .block .minicalendar td.duration_global.duration_finish {
11513       background-color: #d6f8cd; }
11514   .block .minicalendar td.duration_category {
11515     border-top: 1px solid #d8bfd8;
11516     border-bottom: 1px solid #d8bfd8; }
11517     .block .minicalendar td.duration_category.duration_finish {
11518       background-color: #d8bfd8; }
11519   .block .minicalendar td.duration_course {
11520     border-top: 1px solid #ffd3bd;
11521     border-bottom: 1px solid #ffd3bd; }
11522     .block .minicalendar td.duration_course.duration_finish {
11523       background-color: #ffd3bd; }
11524   .block .minicalendar td.duration_group {
11525     border-top: 1px solid #fee7ae;
11526     border-bottom: 1px solid #fee7ae; }
11527     .block .minicalendar td.duration_group.duration_finish {
11528       background-color: #fee7ae; }
11529   .block .minicalendar td.duration_user {
11530     border-top: 1px solid #dce7ec;
11531     border-bottom: 1px solid #dce7ec; }
11532     .block .minicalendar td.duration_user.duration_finish {
11533       background-color: #dce7ec; }
11534   .block .minicalendar caption {
11535     font-size: inherit;
11536     font-weight: inherit;
11537     line-height: inherit;
11538     text-align: center; }
11539
11540 .block .calendar-controls .previous,
11541 .block .calendar-controls .current,
11542 .block .calendar-controls .next {
11543   display: block;
11544   float: left; }
11545
11546 .block .calendar-controls .previous {
11547   text-align: left;
11548   width: 12%; }
11549
11550 .block .calendar-controls .current {
11551   text-align: center;
11552   width: 76%; }
11553
11554 .block .calendar-controls .next {
11555   text-align: right;
11556   width: 12%; }
11557
11558 .block .calendar_filters ul {
11559   list-style: none;
11560   margin: 0;
11561   padding: 0; }
11562
11563 .block .calendar_filters li {
11564   margin-bottom: 0.2em; }
11565   .block .calendar_filters li span img {
11566     padding: 0 0.2em;
11567     margin: 0; }
11568   .block .calendar_filters li .icon {
11569     vertical-align: initial;
11570     margin: 0 0.1rem 0 0.4rem; }
11571   .block .calendar_filters li > a:hover {
11572     text-decoration: none; }
11573     .block .calendar_filters li > a:hover .eventname {
11574       text-decoration: underline; }
11575
11576 .block .content h3.eventskey {
11577   margin-top: 0.5em; }
11578
11579 /* Display month name above the calendar */
11580 table.calendartable caption {
11581   caption-side: top; }
11582
11583 @media (min-width: 768px) {
11584   #page-calender-view .container-fluid {
11585     min-width: 1024px; } }
11586
11587 .calendarwrapper {
11588   position: relative; }
11589
11590 .day-popover-content:empty + .day-popover-alternate {
11591   display: block; }
11592
11593 .summary-modal-container .description-content > p {
11594   margin: 0; }
11595
11596 .summary-modal-container .location-content {
11597   overflow-wrap: break-word; }
11598
11599 /* course.less */
11600 /* COURSE CONTENT */
11601 .section-modchooser-link img {
11602   margin-right: 0.5rem;
11603   width: 16px;
11604   height: 16px; }
11605
11606 .section_add_menus {
11607   text-align: right;
11608   clear: both; }
11609
11610 .section-modchooser {
11611   clear: both; }
11612
11613 .block_tree .tree_item.branch {
11614   margin-left: 8px; }
11615
11616 .section_add_menus .horizontal div,
11617 .section_add_menus .horizontal form {
11618   display: inline; }
11619
11620 .section_add_menus optgroup {
11621   font-weight: normal;
11622   font-style: italic; }
11623
11624 /*rtl:ignore*/
11625 .section_add_menus .urlselect {
11626   text-align: left;
11627   margin-left: .4em; }
11628
11629 /*rtl:ignore*/
11630 .section_add_menus .urlselect select {
11631   margin-left: .2em; }
11632
11633 .sitetopic ul.section {
11634   margin: 0; }
11635
11636 .course-content ul.section {
11637   margin: 1rem; }
11638
11639 .section .side {
11640   margin-top: 0.5rem; }
11641   .section .side.left {
11642     float: left; }
11643   .section .side.right {
11644     float: right;
11645     clear: right; }
11646
11647 .section .spinner {
11648   height: 16px;
11649   width: 16px; }
11650
11651 .section .activity {
11652   /* The command block for each activity */ }
11653   .section .activity .spinner {
11654     left: 100%;
11655     position: absolute; }
11656   .section .activity .actions {
11657     position: absolute;
11658     right: 0;
11659     top: 0;
11660     display: flex; }
11661   .section .activity .contentwithoutlink,
11662   .section .activity .activityinstance {
11663     min-width: 40%;
11664     display: table-cell;
11665     padding-right: 4px;
11666     min-height: 2em; }
11667     .section .activity .contentwithoutlink > a,
11668     .section .activity .activityinstance > a {
11669       display: block;
11670       text-indent: -31px;
11671       padding-left: 31px; }
11672     .section .activity .contentwithoutlink .dimmed .activityicon,
11673     .section .activity .activityinstance .dimmed .activityicon {
11674       opacity: .5; }
11675   .section .activity a.stealth,
11676   .section .activity a.stealth:hover {
11677     color: #6eb5f3 !important;
11678     /* stylelint-disable-line declaration-no-important */ }
11679
11680 .section .label .contentwithoutlink,
11681 .section .label .activityinstance {
11682   padding-right: 32px;
11683   display: block;
11684   height: inherit; }
11685
11686 .section .label .mod-indent-outer {
11687   padding-left: 24px;
11688   display: block; }
11689
11690 .section .filler {
11691   width: 16px;
11692   height: 16px;
11693   padding: 0;
11694   margin: 0 0.5rem;
11695   display: inline-block; }
11696
11697 .section .activity.editor_displayed a.editing_title,
11698 .section .activity.editor_displayed .moodle-actionmenu {
11699   display: none; }
11700
11701 .section .activity.editor_displayed div.activityinstance {
11702   padding-right: initial; }
11703   .section .activity.editor_displayed div.activityinstance input {
11704     margin-bottom: initial;
11705     padding-top: initial;
11706     padding-bottom: initial;
11707     vertical-align: text-bottom; }
11708
11709 .activity img.activityicon {
11710   margin-right: 6px;
11711   vertical-align: text-bottom; }
11712
11713 .section .activity .activityinstance,
11714 .section .activity .activityinstance div {
11715   display: inline-block; }
11716
11717 .editing .section .activity .contentwithoutlink,
11718 .editing .section .activity .activityinstance {
11719   padding-right: 200px; }
11720
11721 .editing .section .activity .editing_move {
11722   /* Move the move icon to the start of the line */
11723   position: absolute;
11724   left: 0;
11725   top: 0; }
11726
11727 .editing .section .activity .mod-indent-outer {
11728   /**
11729                  * Add appropriate padding such that nothing overlaps the
11730                  * absolute positioned move icon.
11731                  */
11732   padding-left: 2rem; }
11733
11734 .editing_show + .editing_assign,
11735 .editing_hide + .editing_assign {
11736   margin-left: 20px; }
11737
11738 .section .activity .commands {
11739   white-space: nowrap;
11740   display: inline-block; }
11741
11742 .section .activity.modtype_label.label {
11743   font-weight: normal;
11744   padding: .2em; }
11745
11746 .section li.activity {
11747   padding: .2em;
11748   clear: both; }
11749
11750 .section .activity .activityinstance .groupinglabel {
11751   padding-left: 30px; }
11752
11753 .section .activity .availabilityinfo,
11754 .section .activity .contentafterlink {
11755   margin-top: 0.5em;
11756   margin-left: 30px; }
11757
11758 .section .activity .contentafterlink p {
11759   margin: .5em 0; }
11760
11761 .editing .section .activity:hover,
11762 .editing .section .activity.action-menu-shown {
11763   background-color: rgba(0, 0, 0, 0.05); }
11764
11765 .course-content .current {
11766   position: relative; }
11767
11768 .course-content .current::before {
11769   content: "";
11770   border-left: #1177d1 2px solid;
11771   position: absolute;
11772   left: -1.25rem;
11773   top: 0;
11774   bottom: 0; }
11775
11776 .course-content .section-summary {
11777   border: 1px solid #dee2e6;
11778   margin-top: 5px;
11779   list-style: none; }
11780
11781 .course-content .section-summary .section-title {
11782   margin: 2px 5px 10px 5px; }
11783
11784 .course-content .section-summary .summarytext {
11785   margin: 2px 5px 2px 5px; }
11786
11787 .course-content .section-summary .section-summary-activities .activity-count {
11788   font-size: 0.8203125rem;
11789   margin: 3px;
11790   white-space: nowrap;
11791   display: inline-block; }
11792
11793 .course-content .section-summary .summary {
11794   margin-top: 5px; }
11795
11796 .course-content .single-section {
11797   margin-top: 1em; }
11798
11799 .course-content .single-section .section-navigation {
11800   display: block;
11801   padding: 0.5em;
11802   margin-bottom: -0.5em; }
11803
11804 .course-content .single-section .section-navigation .title {
11805   font-weight: bold;
11806   font-size: 108%;
11807   clear: both; }
11808
11809 .course-content .single-section .section-navigation .mdl-left {
11810   font-weight: normal;
11811   float: left;
11812   margin-right: 1em; }
11813
11814 .course-content .single-section .section-navigation .mdl-left .larrow {
11815   margin-right: 0.1em; }
11816
11817 .course-content .single-section .section-navigation .mdl-right {
11818   font-weight: normal;
11819   float: right;
11820   margin-left: 1em; }
11821
11822 .course-content .single-section .section-navigation .mdl-right .rarrow {
11823   margin-left: 0.1em; }
11824
11825 .course-content .single-section .section-navigation .mdl-bottom {
11826   margin-top: 0; }
11827
11828 .course-content ul li.section.main {
11829   border-bottom: 1px solid #dee2e6;
11830   margin-top: 0; }
11831   .course-content ul li.section.main:last-child {
11832     border-bottom: 0; }
11833
11834 .course-content ul.topics,
11835 .course-content ul.weeks {
11836   padding: 0; }
11837   .course-content ul.topics li.section,
11838   .course-content ul.weeks li.section {
11839     margin-top: 1rem;
11840     padding-bottom: 1rem; }
11841     .course-content ul.topics li.section .content,
11842     .course-content ul.weeks li.section .content {
11843       margin: 0;
11844       padding: 0; }
11845     .course-content ul.topics li.section .summary,
11846     .course-content ul.topics li.section .content > .availabilityinfo,
11847     .course-content ul.weeks li.section .summary,
11848     .course-content ul.weeks li.section .content > .availabilityinfo {
11849       margin-left: 25px; }
11850     .course-content ul.topics li.section .left,
11851     .course-content ul.weeks li.section .left {
11852       padding-top: 0;
11853       text-align: right; }
11854
11855 .course-content {
11856   margin-top: 0; }
11857
11858 .course-content .hidden {
11859   display: none; }
11860
11861 .course-content li.section ul {
11862   list-style: disc; }
11863   .course-content li.section ul ul {
11864     list-style: circle; }
11865     .course-content li.section ul ul ul {
11866       list-style: square; }
11867
11868 .course-content li.section li.activity ul {
11869   list-style: disc; }
11870   .course-content li.section li.activity ul ul {
11871     list-style: circle; }
11872     .course-content li.section li.activity ul ul ul {
11873       list-style: square; }
11874
11875 .course-content li.section .right > .icon:first-child {
11876   /* Remove the spacer icon. */
11877   display: none; }
11878
11879 .path-course-view.editing #region-main > .card-block, .path-course-view.editing #page-enrol-users #region-main > #filterform, #page-enrol-users .path-course-view.editing #region-main > #filterform {
11880   padding-bottom: 13rem; }
11881
11882 .jumpmenu .form-inline {
11883   display: block; }
11884
11885 .path-course-view .completionprogress {
11886   margin-left: 25px; }
11887
11888 .path-course-view .completionprogress {
11889   display: block;
11890   float: right;
11891   height: 20px;
11892   position: relative; }
11893
11894 #page-site-index .subscribelink {
11895   text-align: right; }
11896
11897 #site-news-forum h2,
11898 #frontpage-course-list h2,
11899 #frontpage-category-names h2,
11900 #frontpage-category-combo h2 {
11901   margin-bottom: 9px; }
11902
11903 .path-course-view a.reduce-sections {
11904   padding-left: 0.2em; }
11905
11906 .path-course-view .subscribelink {
11907   text-align: right; }
11908
11909 .path-course-view .unread {
11910   margin-left: 30px; }
11911
11912 .path-course-view .block.drag .header {
11913   cursor: move; }
11914
11915 .path-course-view .completionprogress {
11916   text-align: right; }
11917
11918 .path-course-view .single-section .completionprogress {
11919   margin-right: 5px; }
11920
11921 .path-site li.activity > div,
11922 .path-course-view li.activity > div {
11923   position: relative;
11924   padding: 0 16px 0 0;
11925   /* to accommodate the floated completion icon with highlighting */ }
11926
11927 .path-course-view li.activity span.autocompletion img {
11928   vertical-align: text-bottom;
11929   margin-left: 0; }
11930
11931 .path-course-view li.activity form.togglecompletion .btn, .path-course-view li.activity form.togglecompletion #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .path-course-view li.activity form.togglecompletion .action, .path-course-view li.activity form.togglecompletion #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .path-course-view li.activity form.togglecompletion input, .path-course-view li.activity form.togglecompletion #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .path-course-view li.activity form.togglecompletion .addcriterion {
11932   padding: 0; }
11933
11934 .path-course-view li.activity form.togglecompletion img {
11935   max-width: none;
11936   /* The width is 0 so ensure we don't end up with a relative max-width */ }
11937
11938 .path-course-view.editing li.activity span.autocompletion img {
11939   /* Use the same spacing as the filler. */
11940   margin-right: 0.5rem;
11941   margin-left: 0.5rem; }
11942
11943 .path-course-view li.activity form.togglecompletion .ajaxworking {
11944   width: 16px;
11945   height: 16px;
11946   position: absolute;
11947   right: 22px;
11948   top: 3px;
11949   background: url([[pix:i/ajaxloader]]) no-repeat; }
11950
11951 li.section.hidden span.commands a.editing_hide,
11952 li.section.hidden span.commands a.editing_show {
11953   cursor: default; }
11954
11955 .single-section h3.sectionname {
11956   text-align: center;
11957   clear: both; }
11958
11959 .section img.movetarget {
11960   height: 16px;
11961   width: 80px; }
11962
11963 input.titleeditor {
11964   width: 330px;
11965   vertical-align: text-bottom; }
11966
11967 span.editinstructions {
11968   /*rtl:remove*/
11969   position: absolute;
11970   /*rtl:raw:
11971     position: relative;
11972     */
11973   top: 0;
11974   margin-top: -22px;
11975   margin-left: 30px;
11976   font-size: 0.8203125rem;
11977   padding: .1em .4em;
11978   background-color: #def2f8;
11979   color: #5bc0de;
11980   text-decoration: none;
11981   z-index: 9999;
11982   border: 1px solid #d1edf6; }
11983
11984 /* Course drag and drop upload styles */
11985 #dndupload-status {
11986   position: fixed;
11987   left: 0;
11988   width: 40%;
11989   margin: 0 30%;
11990   padding: 6px;
11991   border: 1px solid #d1edf6;
11992   text-align: center;
11993   background: #def2f8;
11994   color: #5bc0de;
11995   z-index: 1; }
11996
11997 .dndupload-preview {
11998   color: #909090;
11999   border: 1px dashed #909090;
12000   list-style: none;
12001   margin-top: .2em;
12002   padding: .3em; }
12003
12004 .dndupload-progress-outer {
12005   background-color: #e9ecef;
12006   display: block;
12007   width: 100%;
12008   height: 1rem;
12009   margin-bottom: 1rem; }
12010
12011 .dndupload-progress-inner {
12012   background-color: #fff;
12013   display: inline-block;
12014   height: 1rem; }
12015
12016 .dndupload-hidden {
12017   display: none; }
12018
12019 /* COURSES LISTINGS AND COURSE SUMMARY */
12020 #page-course-pending .singlebutton,
12021 #page-course-index .singlebutton,
12022 #page-course-index-category .singlebutton,
12023 #page-course-editsection .singlebutton {
12024   text-align: center; }
12025
12026 #page-admin-course-manage #movecourses td img {
12027   margin: 0 .22em;
12028   vertical-align: text-bottom; }
12029
12030 #coursesearch {
12031   margin-top: 1em;
12032   text-align: center; }
12033
12034 #page-course-pending .pendingcourserequests {
12035   margin-bottom: 1em; }
12036
12037 #page-course-pending .pendingcourserequests .singlebutton {
12038   display: inline; }
12039
12040 #page-course-pending .pendingcourserequests .cell {
12041   padding: 0 5px; }
12042
12043 #page-course-pending .pendingcourserequests .cell.c6 {
12044   white-space: nowrap; }
12045
12046 .coursebox {
12047   padding: 0.5rem; }
12048
12049 .coursebox > .info > .coursename a {
12050   display: block;
12051   background-image: url([[pix:moodle|i/course]]);
12052   background-repeat: no-repeat;
12053   padding-left: 21px;
12054   background-position: left 0.2em; }
12055
12056 .coursebox > .info > .coursename,
12057 .coursebox .content .teachers,
12058 .coursebox .content .courseimage,
12059 .coursebox .content .coursefile {
12060   float: left;
12061   clear: left; }
12062
12063 .coursebox .content .teachers,
12064 .coursebox .content .courseimage,
12065 .coursebox .content .coursefile {
12066   width: 40%; }
12067
12068 .coursebox > .info > h3.coursename {
12069   margin: 5px; }
12070
12071 .coursebox > .info > .coursename {
12072   margin: 5px;
12073   padding: 0; }
12074
12075 .coursebox .content .teachers li {
12076   list-style-type: none;
12077   padding: 0;
12078   margin: 0; }
12079
12080 .coursebox .moreinfo {
12081   padding: 3px 0;
12082   float: right; }
12083
12084 .coursebox .moreinfo img {
12085   margin: 0 .2em; }
12086
12087 .coursebox .content {
12088   clear: both; }
12089
12090 .coursebox .content .summary,
12091 .coursebox .content .coursecat {
12092   float: right;
12093   width: 55%; }
12094
12095 .coursebox .content .coursecat {
12096   text-align: right;
12097   clear: right; }
12098
12099 .coursebox.remotecoursebox .remotecourseinfo {
12100   float: left;
12101   width: 40%; }
12102
12103 .coursebox .content .courseimage img {
12104   max-width: 100px;
12105   max-height: 100px; }
12106
12107 .coursebox .content .coursecat,
12108 .coursebox .content .summary,
12109 .coursebox .content .courseimage,
12110 .coursebox .content .coursefile,
12111 .coursebox .content .teachers,
12112 .coursebox.remotecoursebox .remotecourseinfo {
12113   margin: 15px 5px 5px;
12114   padding: 0; }
12115
12116 .coursebox.remotehost > .info > .categoryname a {
12117   background-image: url([[pix:moodle|i/mnethost]]); }
12118
12119 .coursebox.collapsed {
12120   margin-bottom: 0; }
12121
12122 .coursebox.collapsed > .content {
12123   display: none; }
12124
12125 .courses .coursebox.collapsed {
12126   padding-top: 0.5rem;
12127   padding-bottom: 0.5rem; }
12128
12129 .courses .coursebox.even {
12130   background-color: rgba(0, 0, 0, 0.05); }
12131
12132 .courses > .paging.paging-morelink {
12133   text-align: center;
12134   padding: 1rem; }
12135
12136 .course_category_tree .category .numberofcourse {
12137   font-size: 0.8203125rem; }
12138
12139 .course_category_tree .controls {
12140   visibility: hidden; }
12141
12142 .course_category_tree .controls div {
12143   display: inline;
12144   cursor: pointer; }
12145
12146 .jsenabled .course_category_tree .controls {
12147   visibility: visible; }
12148
12149 .course_category_tree .controls {
12150   margin-bottom: 5px;
12151   text-align: right;
12152   float: right; }
12153
12154 .course_category_tree .controls div {
12155   padding-right: 2em;
12156   font-size: 75%; }
12157
12158 .course_category_tree .category > .info > .categoryname {
12159   background-image: url([[pix:moodle|t/collapsed_empty]]);
12160   background-repeat: no-repeat;
12161   padding: 2px 18px;
12162   margin: 3px;
12163   background-position: center left; }
12164
12165 /* rtl:raw:
12166 .course_category_tree .category > .info > .categoryname {
12167     background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
12168 }
12169  */
12170 .course_category_tree .category.with_children > .info > .categoryname {
12171   background-image: url([[pix:moodle|t/expanded]]);
12172   cursor: pointer; }
12173
12174 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
12175   background-image: url([[pix:moodle|t/collapsed]]); }
12176
12177 /* rtl:raw:
12178 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
12179     background-image:url([[pix:moodle|t/collapsed_rtl]]);
12180 }
12181 */
12182 .course_category_tree .category.collapsed > .content {
12183   display: none; }
12184
12185 .course_category_tree .category > .info {
12186   clear: both; }
12187
12188 .course_category_tree .category > .content {
12189   padding-left: 16px; }
12190
12191 #page-course-index-category .generalbox.info {
12192   margin-bottom: 15px;
12193   border: 1px dotted #ddd;
12194   padding: 5px; }
12195
12196 #page-course-index-category .categorypicker {
12197   text-align: center;
12198   margin: 10px 0 20px; }
12199
12200 /**
12201  * Course management page
12202  * Palette
12203  *
12204  * Background (reg)         #F5F5F5
12205  * Background (light        #fafafa
12206  * Background (highlight)   #ddffaa
12207  * Borders                  #e1e1e8
12208  */
12209 #course-category-listings {
12210   margin-bottom: 0;
12211   /** Two column layout */
12212   /** Three column layout */ }
12213   #course-category-listings.columns-2 > #course-listing > div {
12214     position: relative;
12215     left: -1px; }
12216   #course-category-listings.columns-3 > #course-listing > div {
12217     height: 100%; }
12218   #course-category-listings > div > div {
12219     min-height: 300px; }
12220     #course-category-listings > div > div > ul.ml > li:first-child > div {
12221       border-top: 0; }
12222   #course-category-listings h3 {
12223     margin: 0;
12224     padding: 0.4rem 0.6rem 0.3rem; }
12225   #course-category-listings h4 {
12226     margin: 1rem 0 0;
12227     padding: 0.6rem 1rem 0.5rem; }
12228   #course-category-listings .moodle-actionmenu {
12229     white-space: nowrap; }
12230   #course-category-listings .listing-actions {
12231     text-align: center; }
12232     #course-category-listings .listing-actions > .moodle-actionmenu {
12233       display: inline-block; }
12234   #course-category-listings ul.ml {
12235     list-style: none;
12236     margin: 1rem 0; }
12237     #course-category-listings ul.ml ul.ml {
12238       margin: 0; }
12239   #course-category-listings .listitem[data-selected='1'] {
12240     background-color: rgba(0, 0, 0, 0.05); }
12241     #course-category-listings .listitem[data-selected='1']:hover {
12242       background-color: rgba(0, 0, 0, 0.075); }
12243   #course-category-listings .item-actions {
12244     margin-right: 1em;
12245     display: inline-block; }
12246     #course-category-listings .item-actions.show .menu img {
12247       width: 12px;
12248       max-width: none; }
12249     #course-category-listings .item-actions .menu-action-text {
12250       vertical-align: inherit; }
12251   #course-category-listings .listitem > div > .float-left {
12252     float: left; }
12253   #course-category-listings .listitem > div > .float-right {
12254     float: right;
12255     text-align: right; }
12256   #course-category-listings .listitem > div .item-actions .action-show {
12257     display: none; }
12258   #course-category-listings .listitem > div .item-actions .action-hide {
12259     display: inline; }
12260   #course-category-listings .listitem > div .without-actions {
12261     color: #333; }
12262   #course-category-listings .listitem > div .idnumber {
12263     color: #a1a1a8;
12264     margin-right: 2em; }
12265   #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
12266     display: inline; }
12267   #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
12268     display: none; }
12269   #course-category-listings .listitem.highlight {
12270     background-color: #fff; }
12271     #course-category-listings .listitem.highlight > div,
12272     #course-category-listings .listitem.highlight > div:hover,
12273     #course-category-listings .listitem.highlight[data-selected='1'] > div {
12274       background-color: rgba(0, 0, 0, 0.075); }
12275   #course-category-listings #course-listing .listitem .categoryname {
12276     display: inline-block;
12277     margin-left: 1em;
12278     color: #a1a1a8; }
12279   #course-category-listings #course-listing .listitem .coursename {
12280     display: inline-block; }
12281   #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
12282   #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
12283     display: none; }
12284   #course-category-listings #course-listing .bulk-action-checkbox {
12285     margin: -2px 6px 0 0; }
12286   #course-category-listings #category-listing .listitem.collapsed > ul.ml {
12287     display: none; }
12288   #course-category-listings #category-listing .listitem > div > .ba-checkbox {
12289     width: 2.2em;
12290     text-align: center;
12291     margin: -1px 0.5em 0 0;
12292     padding-top: 2px; }
12293   #course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
12294     background-color: rgba(0, 0, 0, 0.075); }
12295   #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
12296     margin: 0 0.5em 0 0;
12297     padding: 0;
12298     background-color: inherit; }
12299   #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
12300   #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
12301     display: none; }
12302   #course-category-listings #category-listing .course-count {
12303     color: #a1a1a8;
12304     margin-right: 2rem;
12305     min-width: 3.5em;
12306     display: inline-block; }
12307   #course-category-listings #category-listing .bulk-action-checkbox {
12308     margin-right: -3px; }
12309   #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
12310     position: relative; }
12311   #course-category-listings #category-listing .category-bulk-actions {
12312     margin: 0 0.5em 0.5em;
12313     position: relative; }
12314   #course-category-listings .detail-pair > * {
12315     display: inline-block; }
12316   #course-category-listings .detail-pair .pair-key {
12317     font-weight: bold;
12318     vertical-align: top; }
12319     #course-category-listings .detail-pair .pair-key span {
12320       margin-right: 1rem;
12321       display: block; }
12322   #course-category-listings .detail-pair .pair-value select {
12323     max-width: 100%; }
12324   #course-category-listings .bulk-actions .detail-pair > * {
12325     display: block;
12326     width: 100%; }
12327   #course-category-listings .listing-pagination {
12328     text-align: center; }
12329     #course-category-listings .listing-pagination .yui3-button {
12330       color: #212529;
12331       background-color: #5bc0de;
12332       border-color: #5bc0de;
12333       border: 0;
12334       margin: 0.4rem 0.2rem 0.45rem;
12335       font-size: 10.4px; }
12336       #course-category-listings .listing-pagination .yui3-button:hover {
12337         color: #fff;
12338         background-color: #3bb4d8;
12339         border-color: #31b0d5; }
12340       #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
12341         box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
12342       #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
12343         color: #212529;
12344         background-color: #5bc0de;
12345         border-color: #5bc0de; }
12346       #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active,
12347       .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
12348         color: #fff;
12349         background-color: #31b0d5;
12350         border-color: #2aaacf; }
12351         #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,
12352         .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
12353           box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
12354       #course-category-listings .listing-pagination .yui3-button.active-page {
12355         color: #fff;
12356         background-color: #1177d1;
12357         border-color: #1177d1; }
12358         #course-category-listings .listing-pagination .yui3-button.active-page:hover {
12359           color: #fff;
12360           background-color: #0e63ae;
12361           border-color: #0d5ca2; }
12362         #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
12363           box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
12364         #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
12365           color: #fff;
12366           background-color: #1177d1;
12367           border-color: #1177d1; }
12368         #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,
12369         .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
12370           color: #fff;
12371           background-color: #0d5ca2;
12372           border-color: #0c5596; }
12373           #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,
12374           .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
12375             box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
12376   #course-category-listings .listing-pagination-totals {
12377     text-align: center; }
12378     #course-category-listings .listing-pagination-totals.dimmed {
12379       margin: 0.4rem 1rem 0.45rem; }
12380   #course-category-listings .select-a-category .notifymessage,
12381   #course-category-listings .select-a-category .alert,
12382   #course-category-listings .select-a-category #page-admin-index .releasenoteslink,
12383   #page-admin-index #course-category-listings .select-a-category .releasenoteslink,
12384   #course-category-listings .select-a-category #page-admin-index .adminwarning,
12385   #page-admin-index #course-category-listings .select-a-category .adminwarning,
12386   #course-category-listings .select-a-category #page-admin-index .adminerror,
12387   #page-admin-index #course-category-listings .select-a-category .adminerror,
12388   #course-category-listings .select-a-category .que .formulation,
12389   .que #course-category-listings .select-a-category .formulation,
12390   #course-category-listings .select-a-category .que .outcome,
12391   .que #course-category-listings .select-a-category .outcome,
12392   #course-category-listings .select-a-category .que .comment,
12393   .que #course-category-listings .select-a-category .comment {
12394     margin: 1em; }
12395
12396 #course-category-listings #course-listing .listitem .drag-handle {
12397   display: none; }
12398
12399 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
12400   display: inline-block;
12401   margin: 0 6px 0 0;
12402   cursor: pointer; }
12403
12404 /** Management header styling **/
12405 .coursecat-management-header {
12406   vertical-align: middle; }
12407   .coursecat-management-header h2 {
12408     display: inline-block;
12409     text-align: left; }
12410   .coursecat-management-header > div {
12411     display: inline-block;
12412     float: right; }
12413     .coursecat-management-header > div > div {
12414       margin: 10px 0 10px 1em;
12415       display: inline-block; }
12416   .coursecat-management-header select {
12417     max-width: 300px;
12418     cursor: pointer;
12419     padding: 0.4em 0.5em 0.45em 1em;
12420     vertical-align: baseline;
12421     white-space: nowrap; }
12422   .coursecat-management-header .view-mode-selector .moodle-actionmenu {
12423     white-space: nowrap;
12424     display: inline-block; }
12425   .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
12426     padding-left: 1em; }
12427
12428 .course-being-dragged-proxy {
12429   border: 0;
12430   color: #1177d1;
12431   vertical-align: middle;
12432   padding: 0 0 0 4em; }
12433
12434 .course-being-dragged {
12435   opacity: 0.5; }
12436
12437 .course-header-image-wrapper {
12438   width: 100px;
12439   height: 100px; }
12440   .course-header-image-wrapper .course-header-image {
12441     background-size: cover;
12442     background-position: center; }
12443
12444 /**
12445  * Display sizes:
12446  * Large displays                   1200        +
12447  * Default displays                  980     1199
12448  * Tablets                           768      979
12449  * Small tablets and large phones    481      767
12450  * Phones                              0      480
12451  */
12452 @media (min-width: 1200px) and (max-width: 1600px) {
12453   #course-category-listings.columns-3 {
12454     background-color: #fff;
12455     border: 0; }
12456     #course-category-listings.columns-3 #category-listing,
12457     #course-category-listings.columns-3 #course-listing {
12458       width: 50%; }
12459     #course-category-listings.columns-3 #category-listing > div,
12460     #course-category-listings.columns-3 #course-listing > div,
12461     #course-category-listings.columns-3 #course-detail > div {
12462       background-color: #fff; }
12463     #course-category-listings.columns-3 #course-detail {
12464       width: 100%;
12465       margin-top: 1em; } }
12466
12467 @media (max-width: 1199px) {
12468   #course-category-listings.columns-2,
12469   #course-category-listings.columns-3 {
12470     border: 0; }
12471     #course-category-listings.columns-2 #category-listing,
12472     #course-category-listings.columns-2 #course-listing,
12473     #course-category-listings.columns-2 #course-detail,
12474     #course-category-listings.columns-3 #category-listing,
12475     #course-category-listings.columns-3 #course-listing,
12476     #course-category-listings.columns-3 #course-detail {
12477       width: 100%;
12478       margin: 0 0 1em; } }
12479
12480 .page-settings-menu .menubar > a > .icon {
12481   width: auto;
12482   height: 32px;
12483   font-size: 32px; }
12484
12485 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
12486 :target::before {
12487   content: " ";
12488   display: block;
12489   height: 60px;
12490   /* fixed header height*/
12491   margin-top: -60px;
12492   /* negative fixed header height */ }
12493
12494 .pagelayout-embedded :target {
12495   padding-top: initial;
12496   margin-top: initial; }
12497
12498 #nav-drawer.closed {
12499   left: -305px; }
12500
12501 #page {
12502   margin-top: 50px; }
12503
12504 /* Use a variable for the drawer background colors. */
12505 [data-region="drawer"] {
12506   position: fixed;
12507   padding: 20px 20px;
12508   width: 285px;
12509   top: 50px;
12510   height: calc(100% - 50px);
12511   overflow-y: auto;
12512   -webkit-overflow-scrolling: touch;
12513   z-index: 999;
12514   background-color: #f2f2f2;
12515   -webkit-transition: right 0.5s ease, left 0.5s ease;
12516   -moz-transition: right 0.5s ease, left 0.5s ease;
12517   transition: right 0.5s ease, left 0.5s ease; }
12518
12519 #nav-drawer {
12520   right: auto;
12521   left: 0; }
12522
12523 #page {
12524   margin-top: 50px; }
12525
12526 .pagelayout-embedded #page {
12527   margin-top: 0; }
12528
12529 body.drawer-ease {
12530   -webkit-transition: margin-left 0.5s ease, margin-right 0.5s ease;
12531   -moz-transition: margin-left 0.5s ease, margin-right 0.5s ease;
12532   transition: margin-left 0.5s ease, margin-right 0.5s ease; }
12533
12534 @media (min-width: 768px) {
12535   body.drawer-open-left {
12536     margin-left: 285px; } }
12537
12538 @media (min-width: 768px) {
12539   body.drawer-open-right {
12540     margin-right: 285px; } }
12541
12542 #page-my-index {
12543   background-color: #f8f9fa; }
12544
12545 .fp-content-center {
12546   height: 100%;
12547   width: 100%;
12548   display: table-cell;
12549   vertical-align: middle; }
12550
12551 .fp-content-hidden {
12552   visibility: hidden; }
12553
12554 .yui3-panel-focused {
12555   outline: none; }
12556
12557 .fp-panel-button {
12558   background: #fff;
12559   padding: 3px 20px 2px 20px;
12560   text-align: center;
12561   margin: 10px;
12562   display: inline-block; }
12563
12564 .filepicker .yui3-widget-content-expanded {
12565   height: auto; }
12566
12567 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
12568 .filepicker .moodle-dialogue-bd {
12569   min-height: 520px; }
12570
12571 .file-picker .fp-navbar {
12572   border-bottom: 1px solid #e5e5e5;
12573   min-height: 40px;
12574   padding: 4px; }
12575
12576 .file-picker .fp-content {
12577   border-top: 0;
12578   background: #fff;
12579   clear: none;
12580   overflow: auto;
12581   height: 452px; }
12582
12583 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
12584   width: 100%; }
12585
12586 .file-picker .fp-content-loading {
12587   height: 100%;
12588   width: 100%;
12589   display: table;
12590   text-align: center; }
12591
12592 .file-picker .fp-content .fp-object-container {
12593   width: 98%;
12594   height: 98%; }
12595
12596 .file-picker .fp-def-search {
12597   margin-top: 0; }
12598
12599 .file-picker .fp-list {
12600   list-style-type: none;
12601   padding: 0;
12602   float: left;
12603   width: 100%;
12604   margin: 0; }
12605
12606 .file-picker .fp-list .fp-repo a {
12607   display: block;
12608   padding: .5em .7em; }
12609
12610 .file-picker .fp-list .fp-repo.active {
12611   background: #f2f2f2; }
12612
12613 .file-picker .fp-list .fp-repo-icon {
12614   padding: 0 7px 0 5px;
12615   width: 16px;
12616   height: 16px; }
12617
12618 .fp-toolbar {
12619   float: left; }
12620
12621 .fp-toolbar.empty {
12622   display: none; }
12623
12624 .fp-toolbar .disabled {
12625   display: none; }
12626
12627 .fp-toolbar div {
12628   display: block;
12629   float: left;
12630   margin-right: 4px; }
12631
12632 .fp-toolbar img {
12633   vertical-align: -15%;
12634   margin-right: 5px; }
12635
12636 .file-picker .fp-clear-left {
12637   clear: left; }
12638
12639 .fp-pathbar.empty {
12640   display: none; }
12641
12642 .fp-pathbar .fp-path-folder {
12643   background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
12644   background-size: 12px 12px;
12645   height: 12px;
12646   margin-left: 12px; }
12647
12648 /*rtl:raw:
12649 .fp-pathbar .fp-path-folder {
12650     background-image: url('[[pix:theme|fp/path_folder_rtl]]');
12651 }
12652 */
12653 .fp-pathbar .fp-path-folder-name {
12654   margin-left: 24px; }
12655
12656 .fp-iconview .fp-file {
12657   float: left;
12658   text-align: center;
12659   position: relative;
12660   margin: 10px 10px 35px; }
12661
12662 .fp-iconview .fp-thumbnail {
12663   min-width: 110px;
12664   min-height: 110px;
12665   line-height: 110px;
12666   text-align: center;
12667   border: 1px solid #fff;
12668   display: block; }
12669
12670 .fp-iconview .fp-thumbnail img {
12671   border: 1px solid #ddd;
12672   padding: 3px;
12673   vertical-align: middle; }
12674
12675 .fp-iconview .fp-thumbnail:hover {
12676   background: #fff;
12677   border: 1px solid #ddd; }
12678
12679 .fp-iconview .fp-filename-field {
12680   height: 33px;
12681   word-wrap: break-word;
12682   overflow: hidden;
12683   position: absolute; }
12684
12685 .fp-iconview .fp-filename-field:hover {
12686   overflow: visible;
12687   z-index: 1000; }
12688
12689 .fp-iconview .fp-filename-field .fp-filename {
12690   background: #fff;
12691   padding-top: 5px;
12692   padding-bottom: 12px;
12693   min-width: 112px; }
12694
12695 .file-picker .yui3-datatable table {
12696   border: 0 solid #bbb;
12697   width: 100%; }
12698
12699 .file-picker .ygtvtn,
12700 .filemanager .ygtvtn {
12701   /*rtl:remove*/
12702   background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
12703   /*rtl:raw:
12704     background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
12705     */
12706   width: 19px;
12707   height: 32px; }
12708
12709 .file-picker .ygtvtm,
12710 .filemanager .ygtvtm {
12711   background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
12712   /*rtl:raw:
12713         background-position: 2px 10px;
12714     */
12715   width: 13px;
12716   height: 12px;
12717   cursor: pointer; }
12718
12719 .file-picker .ygtvtmh,
12720 .filemanager .ygtvtmh {
12721   background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
12722   /*rtl:raw:
12723         background-position: 2px 10px;
12724     */
12725   width: 13px;
12726   height: 12px;
12727   cursor: pointer; }
12728
12729 .file-picker .ygtvtp,
12730 .filemanager .ygtvtp {
12731   /*rtl:remove*/
12732   background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
12733   /*rtl:raw:
12734     background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
12735     */
12736   width: 13px;
12737   height: 12px;
12738   cursor: pointer; }
12739
12740 .file-picker .ygtvtph,
12741 .filemanager .ygtvtph {
12742   /*rtl:remove*/
12743   background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
12744   /*rtl:raw:
12745     background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
12746     */
12747   width: 13px;
12748   height: 22px;
12749   cursor: pointer; }
12750
12751 .file-picker .ygtvln,
12752 .filemanager .ygtvln {
12753   /*rtl:remove*/
12754   background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
12755   /*rtl:raw:
12756     background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
12757     */
12758   width: 19px;
12759   height: 32px; }
12760
12761 .file-picker .ygtvlm,
12762 .filemanager .ygtvlm {
12763   background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
12764   /*rtl:raw:
12765         background-position: 2px 10px;
12766     */
12767   width: 13px;
12768   height: 12px;
12769   cursor: pointer; }
12770
12771 .file-picker .ygtvlmh,
12772 .filemanager .ygtvlmh {
12773   background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
12774   /*rtl:raw:
12775         background-position: 2px 10px;
12776     */
12777   width: 13px;
12778   height: 12px;
12779   cursor: pointer; }
12780
12781 .file-picker .ygtvlp,
12782 .filemanager .ygtvlp {
12783   /*rtl:remove*/
12784   background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
12785   /*rtl:raw:
12786     background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
12787     */
12788   width: 13px;
12789   height: 12px;
12790   cursor: pointer; }
12791
12792 .file-picker .ygtvlph,
12793 .filemanager .ygtvlph {
12794   /*rtl:remove*/
12795   background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
12796   /*rtl:raw:
12797     background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
12798     */
12799   width: 13px;
12800   height: 12px;
12801   cursor: pointer; }
12802
12803 .file-picker .ygtvloading,
12804 .filemanager .ygtvloading {
12805   background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
12806   width: 16px;
12807   height: 22px; }
12808
12809 .file-picker .ygtvdepthcell,
12810 .filemanager .ygtvdepthcell {
12811   background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
12812   /*rtl:raw:
12813     background-position: 0 0;
12814     */
12815   width: 17px;
12816   height: 32px; }
12817
12818 .file-picker .ygtvblankdepthcell,
12819 .filemanager .ygtvblankdepthcell {
12820   width: 17px;
12821   height: 22px; }
12822
12823 a.ygtvspacer:hover {
12824   color: transparent;
12825   text-decoration: none; }
12826
12827 .ygtvlabel,
12828 .ygtvlabel:link,
12829 .ygtvlabel:visited,
12830 .ygtvlabel:hover {
12831   background-color: transparent;
12832   cursor: pointer;
12833   margin-left: 2px;
12834   text-decoration: none; }
12835
12836 .file-picker .ygtvfocus,
12837 .filemanager .ygtvfocus {
12838   background-color: #eee; }
12839
12840 .fp-filename-icon {
12841   margin-top: 10px;
12842   display: block;
12843   position: relative; }
12844
12845 .fp-icon {
12846   float: left;
12847   margin-top: -7px;
12848   width: 24px;
12849   height: 24px;
12850   margin-right: 10px;
12851   text-align: center;
12852   line-height: 24px; }
12853
12854 .fp-icon img {
12855   max-height: 24px;
12856   max-width: 24px;
12857   vertical-align: middle; }
12858
12859 .fp-filename {
12860   padding-right: 10px; }
12861
12862 .file-picker .fp-login-form {
12863   height: 100%;
12864   width: 100%;
12865   display: table; }
12866
12867 .file-picker .fp-upload-form {
12868   height: 100%;
12869   width: 100%;
12870   display: table; }
12871
12872 .file-picker .fp-upload-form table {
12873   margin: 0 auto; }
12874
12875 .file-picker.fp-dlg {
12876   text-align: center; }
12877
12878 .file-picker.fp-dlg .fp-dlg-buttons {
12879   margin: 0 20px; }
12880
12881 .file-picker.fp-msg {
12882   text-align: center; }
12883
12884 .file-picker .fp-content-error {
12885   height: 100%;
12886   width: 100%;
12887   display: table;
12888   text-align: center; }
12889
12890 .file-picker .fp-nextpage {
12891   clear: both; }
12892
12893 .file-picker .fp-nextpage .fp-nextpage-loading {
12894   display: none; }
12895
12896 .file-picker .fp-nextpage.loading .fp-nextpage-link {
12897   display: none; }
12898
12899 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
12900   display: block;
12901   text-align: center;
12902   height: 100px;
12903   padding-top: 50px; }
12904
12905 .fp-select .fp-select-loading {
12906   text-align: center;
12907   margin-top: 20px; }
12908
12909 .fp-select table {
12910   padding: 0 0 10px; }
12911
12912 .fp-select table .mdl-right {
12913   min-width: 84px; }
12914
12915 .fp-select .fp-reflist .mdl-right {
12916   vertical-align: top; }
12917
12918 .fp-select .fp-select-buttons {
12919   float: right; }
12920
12921 .fp-select .fp-info {
12922   font-size: 0.703125rem; }
12923
12924 .fp-select .fp-thumbnail {
12925   float: left;
12926   min-width: 110px;
12927   min-height: 110px;
12928   line-height: 110px;
12929   text-align: center;
12930   margin: 10px 20px 0 0;
12931   background: #fff;
12932   border: 1px solid #ddd; }
12933
12934 .fp-select .fp-thumbnail img {
12935   border: 1px solid #ddd;
12936   padding: 3px;
12937   vertical-align: middle;
12938   margin: 10px; }
12939
12940 .fp-select .fp-fileinfo {
12941   display: inline-block;
12942   margin-top: 10px; }
12943
12944 .file-picker.fp-select .fp-fileinfo {
12945   max-width: 240px; }
12946
12947 .fp-select .fp-fileinfo div {
12948   padding-bottom: 5px; }
12949
12950 .file-picker.fp-select .uneditable {
12951   display: none; }
12952
12953 .file-picker.fp-select .fp-select-loading {
12954   display: none; }
12955
12956 .file-picker.fp-select.loading .fp-select-loading {
12957   display: block; }
12958
12959 .file-picker.fp-select.loading form {
12960   display: none; }
12961
12962 .fp-select .fp-dimensions.fp-unknown {
12963   display: none; }
12964
12965 .fp-select .fp-size.fp-unknown {
12966   display: none; }
12967
12968 .filemanager-loading {
12969   display: none; }
12970
12971 .jsenabled .filemanager-loading {
12972   display: block;
12973   margin-top: 100px; }
12974
12975 .filemanager.fm-loading .filemanager-toolbar,
12976 .filemanager.fm-loading .fp-pathbar,
12977 .filemanager.fm-loading .filemanager-container,
12978 .filemanager.fm-loaded .filemanager-loading,
12979 .filemanager.fm-maxfiles .fp-btn-add,
12980 .filemanager.fm-maxfiles .dndupload-message,
12981 .filemanager.fm-noitems .fp-btn-download,
12982 .filemanager .fm-empty-container,
12983 .filemanager.fm-noitems .filemanager-container .fp-content {
12984   display: none; }
12985
12986 .filemanager .fp-img-downloading {
12987   display: none;
12988   padding-top: 7px; }
12989
12990 .filemanager .filemanager-updating {
12991   display: none;
12992   text-align: center; }
12993
12994 .filemanager.fm-updating .filemanager-updating {
12995   display: block;
12996   margin-top: 37px; }
12997
12998 .filemanager.fm-updating .fm-content-wrapper,
12999 .filemanager.fm-nomkdir .fp-btn-mkdir,
13000 .fitem.disabled .filemanager .filemanager-toolbar,
13001 .fitem.disabled .filemanager .fp-pathbar,
13002 .fitem.disabled .filemanager .fp-restrictions,
13003 .fitem.disabled .filemanager .fm-content-wrapper {
13004   display: none; }
13005
13006 .filemanager .fp-restrictions {
13007   text-align: right; }
13008
13009 .filemanager-toolbar {
13010   padding: 4px;
13011   overflow: hidden; }
13012
13013 .filemanager .fp-pathbar.empty {
13014   display: none; }
13015
13016 .filepicker-filelist,
13017 .filemanager-container {
13018   min-height: 140px;
13019   border-top: 0; }
13020
13021 .filemanager .fp-content {
13022   overflow: auto;
13023   max-height: 472px;
13024   min-height: 157px; }
13025
13026 .filemanager-container,
13027 .filepicker-filelist {
13028   overflow: hidden; }
13029
13030 .file-picker .yui3-datatable-header {
13031   background: initial; }
13032
13033 .fitem.disabled .filepicker-filelist,
13034 .fitem.disabled .filemanager-container {
13035   background-color: #ebebe4; }
13036
13037 .fitem.disabled .filepicker-filelist .filepicker-filename {
13038   display: none; }
13039
13040 .fp-iconview .fp-reficons1 {
13041   position: absolute;
13042   height: 100%;
13043   width: 100%;
13044   top: 0;
13045   left: 0; }
13046
13047 .fp-iconview .fp-reficons2 {
13048   position: absolute;
13049   height: 100%;
13050   width: 100%;
13051   top: 0;
13052   left: 0; }
13053
13054 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
13055   background: url("[[pix:theme|fp/link]]") no-repeat;
13056   /*rtl:raw:
13057     transform: scaleX(-1);
13058     */
13059   /*rtl:ignore*/
13060   background-position: bottom right;
13061   background-size: 16px 16px; }
13062
13063 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
13064   background: url("[[pix:theme|fp/alias]]") no-repeat;
13065   /*rtl:raw:
13066     transform: scaleX(-1);
13067     */
13068   /*rtl:ignore*/
13069   background-position: bottom left;
13070   background-size: 16px 16px; }
13071
13072 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
13073   display: none; }
13074
13075 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
13076   background: url([[pix:s/dead]]) no-repeat;
13077   background-position: center center; }
13078
13079 .filemanager .yui3-datatable table {
13080   border: 0 solid #bbb;
13081   width: 100%; }
13082
13083 /* Override YUI default styling */
13084 /* stylelint-disable declaration-no-important */
13085 .filemanager .yui3-datatable-header {
13086   background: #fff !important;
13087   border-bottom: 1px solid #ccc !important;
13088   border-left: 0 solid #fff !important;
13089   color: #555 !important; }
13090
13091 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
13092   background-color: #f6f6f6 !important;
13093   border-left: 0 solid #f6f6f6; }
13094
13095 .filemanager .yui3-datatable-even .yui3-datatable-cell {
13096   background-color: #fff !important;
13097   border-left: 0 solid #fff; }
13098
13099 /* stylelint-enable */
13100 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
13101   background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
13102   height: 100%;
13103   width: 100%;
13104   /*rtl:raw:
13105     transform: scaleX(-1);
13106     */
13107   position: absolute;
13108   top: 8px;
13109   left: 17px;
13110   background-size: 16px 16px; }
13111
13112 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
13113   background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
13114   height: 100%;
13115   width: 100%;
13116   /*rtl:raw:
13117     transform: scaleX(-1);
13118     */
13119   position: absolute;
13120   top: 9px;
13121   left: -6px;
13122   background-size: 16px 16px; }
13123
13124 .filemanager .fp-contextmenu {
13125   display: none; }
13126
13127 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
13128   display: block;
13129   position: absolute;
13130   right: 7px;
13131   bottom: 5px; }
13132
13133 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
13134 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
13135   display: inline;
13136   position: absolute;
13137   left: 14px;
13138   margin-right: -20px;
13139   top: 6px; }
13140
13141 .filepicker-filelist .filepicker-container,
13142 .filemanager.fm-noitems .fm-empty-container {
13143   display: block;
13144   position: absolute;
13145   top: 10px;
13146   bottom: 10px;
13147   left: 10px;
13148   right: 10px;
13149   border: 2px dashed #bbb;
13150   padding-top: 85px;
13151   text-align: center; }
13152
13153 .filepicker-filelist .dndupload-target,
13154 .filemanager-container .dndupload-target {
13155   background: #fff;
13156   position: absolute;
13157   top: 10px;
13158   bottom: 10px;
13159   left: 10px;
13160   right: 10px;
13161   border: 2px dashed #fb7979;
13162   padding-top: 85px;
13163   text-align: center; }
13164
13165 .filepicker-filelist.dndupload-over .dndupload-target,
13166 .filemanager-container.dndupload-over .dndupload-target {
13167   background: #fff;
13168   position: absolute;
13169   top: 10px;
13170   bottom: 10px;
13171   left: 10px;
13172   right: 10px;
13173   border: 2px dashed #6c8cd3;
13174   padding-top: 85px;
13175   text-align: center; }
13176
13177 .dndupload-message {
13178   display: none; }
13179
13180 .dndsupported .dndupload-message {
13181   display: inline; }
13182
13183 .dnduploadnotsupported-message {
13184   display: none; }
13185
13186 .dndnotsupported .dnduploadnotsupported-message {
13187   display: inline; }
13188
13189 .dndupload-target {
13190   display: none; }
13191
13192 .dndsupported .dndupload-ready .dndupload-target {
13193   display: block; }
13194
13195 .dndupload-uploadinprogress {
13196   display: none;
13197   text-align: center; }
13198
13199 .dndupload-uploading .dndupload-uploadinprogress {
13200   display: block; }
13201
13202 .dndupload-arrow {
13203   background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
13204   width: 100%;
13205   height: 80px;
13206   position: absolute;
13207   top: 5px; }
13208
13209 .fitem.disabled .filepicker-container,
13210 .fitem.disabled .fm-empty-container {
13211   display: none; }
13212
13213 .dndupload-progressbars {
13214   padding: 10px;
13215   display: none; }
13216
13217 .dndupload-inprogress .dndupload-progressbars {
13218   display: block; }
13219
13220 .dndupload-inprogress .fp-content {
13221   display: none; }
13222
13223 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
13224   display: none; }
13225
13226 .filepicker-filelist.dndupload-inprogress .filepicker-container {
13227   display: none; }
13228
13229 .filepicker-filelist.dndupload-inprogress a {
13230   display: none; }
13231
13232 .filemanager.fp-select .fp-select-loading {
13233   display: none; }
13234
13235 .filemanager.fp-select.loading .fp-select-loading {
13236   display: block; }
13237
13238 .filemanager.fp-select.loading form {
13239   display: none; }
13240
13241 .filemanager.fp-select.fp-folder .fp-license,
13242 .filemanager.fp-select.fp-folder .fp-author,
13243 .filemanager.fp-select.fp-file .fp-file-unzip,
13244 .filemanager.fp-select.fp-folder .fp-file-unzip,
13245 .filemanager.fp-select.fp-file .fp-file-zip,
13246 .filemanager.fp-select.fp-zip .fp-file-zip {
13247   display: none; }
13248
13249 .filemanager.fp-select .fp-file-setmain,
13250 .filemanager.fp-select .fp-file-setmain-help {
13251   display: none; }
13252
13253 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
13254 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
13255   display: inline-block; }
13256
13257 .filemanager .fp-mainfile .fp-filename {
13258   font-weight: bold; }
13259
13260 .filemanager.fp-select.fp-folder .fp-file-download {
13261   display: none; }
13262
13263 .fm-operation {
13264   font-weight: bold; }
13265
13266 .filemanager.fp-select .fp-original.fp-unknown,
13267 .filemanager.fp-select .fp-original .fp-originloading {
13268   display: none; }
13269
13270 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
13271   display: inline; }
13272
13273 .filemanager.fp-select .fp-reflist.fp-unknown,
13274 .filemanager.fp-select .fp-reflist .fp-reflistloading {
13275   display: none; }
13276
13277 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
13278   display: inline; }
13279
13280 .filemanager.fp-select .fp-reflist .fp-value {
13281   background: #f9f9f9;
13282   border: 1px solid #bbb;
13283   padding: 8px 7px;
13284   margin: 0;
13285   max-height: 75px;
13286   overflow: auto; }
13287
13288 .filemanager.fp-select .fp-reflist .fp-value li {
13289   padding-bottom: 7px; }
13290
13291 .filemanager.fp-mkdir-dlg {
13292   text-align: center; }
13293
13294 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
13295   text-align: left;
13296   margin: 20px; }
13297
13298 .filemanager.fp-dlg {
13299   text-align: center; }
13300
13301 .file-picker div.bd {
13302   text-align: left; }
13303
13304 .fp-formset {
13305   padding: 10px; }
13306   .fp-formset input[type="file"] {
13307     line-height: inherit; }
13308
13309 .fp-forminset {
13310   padding: 0 10px; }
13311
13312 .fp-fileinfo .fp-value {
13313   display: inline-block;
13314   padding-left: 5px; }
13315
13316 /** The message area **/
13317 .hidden {
13318   display: none; }
13319
13320 .messaging-area-container {
13321   margin-bottom: 30px; }
13322   .messaging-area-container .status .online-text {
13323     display: none;
13324     color: #7d7; }
13325   .messaging-area-container .status .offline-text {
13326     color: #ff6961; }
13327   .messaging-area-container .status.online .online-text {
13328     display: inherit; }
13329   .messaging-area-container .status.online .offline-text {
13330     display: none; }
13331   .messaging-area-container a,
13332   .messaging-area-container .btn.btn-link,
13333   .messaging-area-container #page-grade-grading-manage .actions .btn-link.action,
13334   #page-grade-grading-manage .actions .messaging-area-container .btn-link.action,
13335   .messaging-area-container #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link,
13336   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .messaging-area-container input.btn-link,
13337   .messaging-area-container #rubric-rubric.gradingform_rubric .btn-link.addcriterion,
13338   #rubric-rubric.gradingform_rubric .messaging-area-container .btn-link.addcriterion {
13339     color: #4f94cd; }
13340   .messaging-area-container .messaging-area {
13341     border: 1px solid #e3e3e3;
13342     clear: both; }
13343     .messaging-area-container .messaging-area img {
13344       max-width: 100%; }
13345     .messaging-area-container .messaging-area .contacts-area {
13346       border-right: 1px solid #e3e3e3;
13347       height: 600px;
13348       width: 280px;
13349       display: inline-block;
13350       box-sizing: border-box; }
13351       @media (max-height: 670px) {
13352         .messaging-area-container .messaging-area .contacts-area {
13353           height: 500px; } }
13354       .messaging-area-container .messaging-area .contacts-area.searchfilter .searchtextarea {
13355         height: 80px; }
13356       .messaging-area-container .messaging-area .contacts-area.searchfilter .searcharea {
13357         height: 470px; }
13358       .messaging-area-container .messaging-area .contacts-area .searchtextarea {
13359         padding: 5px;
13360         text-align: center;
13361         height: 50px;
13362         box-sizing: border-box;
13363         line-height: 50px;
13364         background-color: #fff;
13365         transition: background-color linear 0.2s; }
13366         .messaging-area-container .messaging-area .contacts-area .searchtextarea input {
13367           height: 28px;
13368           line-height: 20px;
13369           margin-bottom: 10px;
13370           vertical-align: middle;
13371           padding: 4px 6px;
13372           background-color: #f5f5f5;
13373           border: 0;
13374           width: 90%;
13375           box-shadow: none;
13376           transition: background-color linear 0.2s; }
13377           .messaging-area-container .messaging-area .contacts-area .searchtextarea input:focus {
13378             box-shadow: none; }
13379         .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
13380           background-color: #f5f5f5;
13381           transition: background-color linear 0.2s; }
13382           .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
13383             background-color: #fff;
13384             transition: background-color linear 0.2s; }
13385         .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
13386           line-height: 20px;
13387           cursor: pointer; }
13388           .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
13389             float: left; }
13390           .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
13391             float: left;
13392             margin-left: 5px; }
13393       .messaging-area-container .messaging-area .contacts-area .searcharea .heading {
13394         text-align: center;
13395         border-top: 1px solid black;
13396         border-bottom: 1px solid black;
13397         font-size: 14px;
13398         font-weight: bold; }
13399       .messaging-area-container .messaging-area .contacts-area .searcharea .course {
13400         text-align: center; }
13401         .messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
13402           background-color: #4f94cd;
13403           color: #fff;
13404           border: none;
13405           cursor: pointer; }
13406       .messaging-area-container .messaging-area .contacts-area .searcharea .noresults {
13407         padding-top: 20px;
13408         text-align: center; }
13409       .messaging-area-container .messaging-area .contacts-area .contacts {
13410         height: 500px;
13411         overflow-y: auto;
13412         -webkit-overflow-scrolling: touch; }
13413         @media (max-height: 670px) {
13414           .messaging-area-container .messaging-area .contacts-area .contacts {
13415             height: 400px; } }
13416         .messaging-area-container .messaging-area .contacts-area .contacts .nocontacts {
13417           padding-top: 20px;
13418           text-align: center; }
13419         .messaging-area-container .messaging-area .contacts-area .contacts .contact {
13420           height: 66px;
13421           cursor: pointer;
13422           border-bottom: 1px solid #e3e3e3;
13423           box-sizing: border-box; }
13424           .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread {
13425             background-color: #f1f1f1; }
13426             .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .picture {
13427               border-color: #f1f1f1; }
13428             .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .information {
13429               width: 60%; }
13430             .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .unread-count-container {
13431               display: inline-block;
13432               width: 15%;
13433               float: left; }
13434           .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover {
13435             background-color: #4f94cd;
13436             color: #fff;
13437             border: none;
13438             background-color: #79b5e6; }
13439             .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage {
13440               color: #fff; }
13441             .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture {
13442               border: none; }
13443           .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected {
13444             background-color: #4f94cd;
13445             color: #fff;
13446             border: none; }
13447             .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .information .lastmessage {
13448               color: #fff; }
13449             .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .picture {
13450               border: none; }
13451           .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture {
13452             line-height: 66px;
13453             text-align: center;
13454             height: 66px;
13455             border-bottom: 1px solid #fff;
13456             width: 25%;
13457             float: left;
13458             display: inline-block;
13459             box-sizing: border-box; }
13460             .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img {
13461               border-radius: 50%;
13462               height: 54px; }
13463           .messaging-area-container .messaging-area .contacts-area .contacts .contact .information {
13464             padding: 6px 0;
13465             height: 66px;
13466             width: 75%;
13467             float: left;
13468             display: inline-block;
13469             box-sizing: border-box; }
13470             .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
13471               font-weight: bold; }
13472               .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img {
13473                 vertical-align: baseline; }
13474             .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
13475               word-wrap: break-word;
13476               margin: 0;
13477               height: 40px;
13478               line-height: 17px;
13479               overflow: hidden;
13480               text-overflow: ellipsis;
13481               white-space: nowrap;
13482               color: #a1a1a1;
13483               padding-right: 10px; }
13484           .messaging-area-container .messaging-area .contacts-area .contacts .contact .unread-count-container {
13485             display: none;
13486             line-height: 66px;
13487             text-align: center;
13488             box-sizing: border-box; }
13489       .messaging-area-container .messaging-area .contacts-area .tabs {
13490         border-top: 1px solid #e3e3e3;
13491         height: 50px;
13492         box-sizing: border-box; }
13493         .messaging-area-container .messaging-area .contacts-area .tabs .tab {
13494           cursor: pointer;
13495           height: 100%;
13496           background-color: #f5f5f5;
13497           margin: 0;
13498           width: 50%;
13499           text-align: center;
13500           float: left; }
13501           .messaging-area-container .messaging-area .contacts-area .tabs .tab:hover {
13502             color: #4f94cd; }
13503           .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage {
13504             height: 30px;
13505             line-height: 30px; }
13506             .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img {
13507               height: 20px; }
13508         .messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
13509           color: #4f94cd; }
13510     .messaging-area-container .messaging-area .messages-area {
13511       width: calc(100% - 280px);
13512       height: 600px;
13513       box-sizing: border-box;
13514       margin: 0;
13515       position: relative;
13516       float: right; }
13517       @media (max-height: 670px) {
13518         .messaging-area-container .messaging-area .messages-area {
13519           height: 500px; } }
13520       .messaging-area-container .messaging-area .messages-area .btn-container {
13521         position: absolute;
13522         top: 0;
13523         left: 0;
13524         padding-left: 15px;
13525         font-weight: normal; }
13526         .messaging-area-container .messaging-area .messages-area .btn-container.view-toggle {
13527           display: none; }
13528         .messaging-area-container .messaging-area .messages-area .btn-container.delete-all {
13529           display: none; }
13530       .messaging-area-container .messaging-area .messages-area .profile-header {
13531         height: 50px;
13532         line-height: 50px;
13533         display: none; }
13534         .messaging-area-container .messaging-area .messages-area .profile-header .btn-container {
13535           display: block; }
13536           .messaging-area-container .messaging-area .messages-area .profile-header .btn-container .btn-link {
13537             padding: 0;
13538             line-height: inherit; }
13539       .messaging-area-container .messaging-area .messages-area .profile {
13540         padding: 30px;
13541         font-size: 16px;
13542         height: 600px;
13543         box-sizing: border-box;
13544         overflow-y: auto;
13545         -webkit-overflow-scrolling: touch; }
13546         @media (max-height: 670px) {
13547           .messaging-area-container .messaging-area .messages-area .profile {
13548             height: 500px; } }
13549         .messaging-area-container .messaging-area .messages-area .profile .user-container {
13550           height: 100px; }
13551           .messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture {
13552             border-radius: 50%;
13553             max-height: 100px;
13554             display: inline-block; }
13555           .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container {
13556             display: inline-block;
13557             vertical-align: top;
13558             margin-top: 20px;
13559             margin-left: 10px; }
13560             .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name {
13561               font-weight: bold;
13562               display: block; }
13563             .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status {
13564               display: block;
13565               font-size: 14px; }
13566         .messaging-area-container .messaging-area .messages-area .profile .information {
13567           margin: 0;
13568           display: inline-block;
13569           float: right;
13570           margin-top: 20px;
13571           font-size: 14px;
13572           list-style: none; }
13573           .messaging-area-container .messaging-area .messages-area .profile .information .name {
13574             display: inline-block;
13575             font-weight: bold;
13576             text-align: right;
13577             margin-right: 10px; }
13578           .messaging-area-container .messaging-area .messages-area .profile .information .value {
13579             display: inline-block; }
13580         .messaging-area-container .messaging-area .messages-area .profile .actions {
13581           padding-top: 80px; }
13582           .messaging-area-container .messaging-area .messages-area .profile .actions .separator {
13583             border-bottom: 1px solid #e3e3e3;
13584             margin-bottom: 20px;
13585             padding-bottom: 5px; }
13586             .messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger {
13587               color: #ff6961; }
13588       .messaging-area-container .messaging-area .messages-area .messages-header {
13589         height: 50px;
13590         font-weight: bold;
13591         line-height: 50px;
13592         box-sizing: border-box;
13593         border-bottom: 1px solid #e3e3e3;
13594         text-align: center;
13595         position: relative; }
13596         .messaging-area-container .messaging-area .messages-area .messages-header .btn-link {
13597           padding: 0;
13598           line-height: inherit; }
13599         .messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions {
13600           display: none; }
13601         .messaging-area-container .messaging-area .messages-area .messages-header .name-container {
13602           padding-top: 9px;
13603           display: inline-block; }
13604           .messaging-area-container .messaging-area .messages-area .messages-header .name-container .name {
13605             line-height: 20px; }
13606           .messaging-area-container .messaging-area .messages-area .messages-header .name-container .status {
13607             line-height: 12px;
13608             font-size: 12px;
13609             font-weight: normal; }
13610         .messaging-area-container .messaging-area .messages-area .messages-header .actions {
13611           position: absolute;
13612           top: 0;
13613           right: 0;
13614           padding-right: 15px;
13615           font-weight: normal; }
13616           .messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete {
13617             display: none; }
13618       .messaging-area-container .messaging-area .messages-area .messages {
13619         height: 500px;
13620         overflow-y: auto;
13621         overflow-x: hidden;
13622         -webkit-overflow-scrolling: touch;
13623         box-sizing: border-box;
13624         padding: 20px; }
13625         @media (max-height: 670px) {
13626           .messaging-area-container .messaging-area .messages-area .messages {
13627             height: 400px; } }
13628         .messaging-area-container .messaging-area .messages-area .messages .blocktime {
13629           clear: both;
13630           text-align: center;
13631           color: #a1a1a1;
13632           font-size: 12px;
13633           margin: 5px 0; }
13634         .messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox {
13635           display: none;
13636           text-align: center;
13637           padding-top: 5px; }
13638         .messaging-area-container .messaging-area .messages-area .messages .message .content {
13639           border: 1px solid #e3e3e3;
13640           padding: 10px;
13641           margin-bottom: 5px;
13642           font-size: 12px;
13643           word-wrap: break-word;
13644           max-width: 55%;
13645           position: relative; }
13646           .messaging-area-container .messaging-area .messages-area .messages .message .content .text {
13647             display: block; }
13648             .messaging-area-container .messaging-area .messages-area .messages .message .content .text p {
13649               margin: 0; }
13650           .messaging-area-container .messaging-area .messages-area .messages .message .content .timesent {
13651             font-size: 10px;
13652             color: #a1a1a1;
13653             float: right; }
13654         .messaging-area-container .messaging-area .messages-area .messages .message .content.left {
13655           margin-left: auto; }
13656         .messaging-area-container .messaging-area .messages-area .messages .message .content.right {
13657           margin-right: auto; }
13658       .messaging-area-container .messaging-area .messages-area .response {
13659         display: table;
13660         padding: 10px 10px 9px;
13661         position: absolute;
13662         bottom: 0;
13663         left: 0;
13664         width: 100%;
13665         line-height: 28px;
13666         text-align: center;
13667         border-top: 1px solid #e3e3e3;
13668         box-sizing: border-box;
13669         background-color: #fff;
13670         transition: background-color linear 0.2s; }
13671         .messaging-area-container .messaging-area .messages-area .response .delete-confirmation {
13672           display: none; }
13673           .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #page-grade-grading-manage .actions .btn-link.confirm.action, #page-grade-grading-manage .actions .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn-link.confirm.action, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.confirm, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .messaging-area-container .messaging-area .messages-area .response .delete-confirmation input.btn-link.confirm, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #rubric-rubric.gradingform_rubric .btn-link.confirm.addcriterion, #rubric-rubric.gradingform_rubric .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn-link.confirm.addcriterion {
13674             border: 1px solid #4f94cd;
13675             height: 30px; }
13676             .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #page-grade-grading-manage .actions .btn-link.confirm.action:hover, #page-grade-grading-manage .actions .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn-link.confirm.action:hover, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.confirm:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .messaging-area-container .messaging-area .messages-area .response .delete-confirmation input.btn-link.confirm:hover, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #rubric-rubric.gradingform_rubric .btn-link.confirm.addcriterion:hover, #rubric-rubric.gradingform_rubric .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn-link.confirm.addcriterion:hover {
13677               background-color: #4f94cd;
13678               color: #fff;
13679               text-shadow: none; }
13680         .messaging-area-container .messaging-area .messages-area .response .message-box {
13681           display: table-row; }
13682           .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container {
13683             display: table-cell; }
13684             .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea {
13685               line-height: 20px;
13686               padding: 4px 6px;
13687               vertical-align: middle;
13688               width: 100%;
13689               margin: 0;
13690               resize: none;
13691               border: none;
13692               box-shadow: none;
13693               box-sizing: border-box;
13694               background-color: #f5f5f5;
13695               transition: background-color linear 0.2s; }
13696               .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea:focus {
13697                 box-shadow: none; }
13698           .messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container {
13699             display: table-cell;
13700             width: 1px; }
13701             .messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container button {
13702               height: 30px; }
13703         .messaging-area-container .messaging-area .messages-area .response.messaging {
13704           background-color: #f5f5f5;
13705           transition: background-color linear 0.2s; }
13706           .messaging-area-container .messaging-area .messages-area .response.messaging .message-box .message-text-container textarea {
13707             background-color: #fff;
13708             transition: background-color linear 0.2s; }
13709       .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-all {
13710         display: none; }
13711       .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
13712         display: block; }
13713       .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions {
13714         display: block; }
13715       .messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container {
13716         display: none; }
13717       .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete {
13718         display: none; }
13719       .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete {
13720         display: block; }
13721       .messaging-area-container .messaging-area .messages-area.editing .messages .message {
13722         cursor: pointer; }
13723         .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content {
13724           background-color: #4f94cd;
13725           border-color: #4f94cd;
13726           color: #fff; }
13727           .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent {
13728             color: #fff; }
13729         .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover {
13730           background-color: #79b5e6;
13731           color: #fff; }
13732           .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover .timesent {
13733             color: #fff; }
13734       .messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation {
13735         display: block; }
13736       .messaging-area-container .messaging-area .messages-area.editing .response .message-box {
13737         display: none; }
13738
13739 .preferences-container .container-fluid {
13740   padding: 0; }
13741   .preferences-container .container-fluid .span6 {
13742     min-height: 20px; }
13743
13744 .preferences-container .align-bottom {
13745   vertical-align: bottom; }
13746
13747 .preferences-container .preference-table {
13748   border: 1px solid #ddd; }
13749   .preferences-container .preference-table thead th {
13750     text-align: center; }
13751     .preferences-container .preference-table thead th .config-warning {
13752       display: none; }
13753     .preferences-container .preference-table thead th.unconfigured .config-warning {
13754       display: inline-block; }
13755   .preferences-container .preference-table tr td:not(:first-child) {
13756     width: 150px;
13757     text-align: center; }
13758   .preferences-container .preference-table tr td:nth-child(even) {
13759     background-color: #f7f7f7; }
13760   .preferences-container .preference-table tr th:nth-child(even) {
13761     background-color: #f7f7f7; }
13762   .preferences-container .preference-table .preference-row .hover-tooltip-container {
13763     display: inline-block; }
13764   .preferences-container .preference-table .preference-row .preference-name {
13765     vertical-align: middle; }
13766   .preferences-container .preference-table .preference-row .disabled-message {
13767     text-align: center;
13768     height: 30px;
13769     line-height: 30px; }
13770   .preferences-container .preference-table .preference-row .preference-state {
13771     margin: 0;
13772     padding: 0;
13773     display: inline-block;
13774     vertical-align: middle; }
13775     .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
13776       background-color: #5cb85c; }
13777       .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
13778         display: inline-block; }
13779       .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
13780         display: none; }
13781     .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
13782       width: 30px;
13783       height: 30px;
13784       line-height: 30px;
13785       text-align: center;
13786       border-radius: 4px;
13787       background-color: #d9534f;
13788       color: #fff;
13789       cursor: pointer; }
13790       .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
13791         display: none; }
13792       .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
13793         display: none; }
13794       .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
13795         display: inline-block; }
13796     .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text,
13797     .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
13798       display: none; }
13799     .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
13800     .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
13801       display: none; }
13802     .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
13803       display: block; }
13804   .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
13805     display: block; }
13806
13807 .disabled-message {
13808   display: none; }
13809
13810 .disabled .disabled-message {
13811   display: block; }
13812   .disabled .disabled-message + form {
13813     display: none; }
13814
13815 .general-settings-container .loading-icon {
13816   display: none; }
13817
13818 .general-settings-container .loading .loading-icon {
13819   display: inline-block; }
13820
13821 .general-settings-container label {
13822   display: inline-block; }
13823
13824 .processor-container {
13825   position: relative; }
13826   .processor-container .loading-container {
13827     display: none;
13828     position: absolute;
13829     width: 100%;
13830     height: 100%;
13831     text-align: center;
13832     background-color: rgba(255, 255, 255, 0.5); }
13833     .processor-container .loading-container .vertical-align {
13834       height: 100%;
13835       width: 0%;
13836       display: inline-block;
13837       vertical-align: middle; }
13838   .processor-container.loading .loading-container {
13839     display: block; }
13840
13841 .preferences-page-container .checkbox-container {
13842   margin: 30px 5px;
13843   line-height: 20px; }
13844   .preferences-page-container .checkbox-container input {
13845     line-height: 20px;
13846     margin: 0; }
13847   .preferences-page-container .checkbox-container .loading-icon {
13848     display: none; }
13849   .preferences-page-container .checkbox-container.loading .loading-icon {
13850     display: inline-block; }
13851
13852 .notification-area {
13853   height: 600px;
13854   box-sizing: border-box;
13855   border-radius: 4px;
13856   margin-bottom: 30px;
13857   border: 1px solid #e3e3e3; }
13858   @media (max-height: 670px) {
13859     .notification-area {
13860       height: 500px; } }
13861   .notification-area .control-area {
13862     box-sizing: border-box;
13863     display: inline-block;
13864     width: 300px;
13865     height: 100%;
13866     overflow: auto;
13867     -webkit-overflow-scrolling: touch;
13868     border-right: 1px solid #e3e3e3; }
13869     .notification-area .control-area .content {
13870       position: relative; }
13871       .notification-area .control-area .content .content-item-container {
13872         cursor: pointer; }
13873       .notification-area .control-area .content:empty + .empty-text {
13874         display: block; }
13875     .notification-area .control-area .loading-icon {
13876       display: none; }
13877     .notification-area .control-area .empty-text {
13878       display: none;
13879       text-align: center;
13880       padding-top: 20px; }
13881     .notification-area .control-area.loading .loading-icon {
13882       display: block;
13883       text-align: center;
13884       box-sizing: border-box;
13885       padding: 5px; }
13886     .notification-area .control-area.loading .content:empty + .empty-text {
13887       display: none; }
13888   .notification-area .content-area {
13889     box-sizing: border-box;
13890     display: inline-block;
13891     width: calc(100% - 300px);
13892     float: right; }
13893     .notification-area .content-area .toggle-mode {
13894       display: none; }
13895     .notification-area .content-area .header {
13896       height: 50px;
13897       box-sizing: border-box;
13898       border-bottom: 1px solid #e3e3e3;
13899       padding: 5px; }
13900       .notification-area .content-area .header .image-container {
13901         display: inline-block;
13902         height: 25px;
13903         width: 24px;
13904         float: left; }
13905       .notification-area .content-area .header .subject-container {
13906         display: inline-block;
13907         max-width: calc(100% - 24px);
13908         white-space: nowrap;
13909         overflow: hidden;
13910         text-overflow: ellipsis;
13911         height: 25px;
13912         padding-left: 5px;
13913         box-sizing: border-box; }
13914       .notification-area .content-area .header .timestamp {
13915         font-size: 10px;
13916         line-height: 10px;
13917         margin: 0;
13918         color: #666;
13919         margin-left: 30px; }
13920       .notification-area .content-area .header:empty {
13921         display: none; }
13922     .notification-area .content-area > .content {
13923       height: 500px;
13924       box-sizing: border-box;
13925       overflow: auto;
13926       -webkit-overflow-scrolling: touch;
13927       padding: 15px; }
13928       @media (max-height: 670px) {
13929         .notification-area .content-area > .content {
13930           height: 400px; } }
13931       .notification-area .content-area > .content:empty {
13932         display: none; }
13933         .notification-area .content-area > .content:empty + .empty-text {
13934           display: block;
13935           text-align: center;
13936           padding-top: 100px; }
13937     .notification-area .content-area .empty-text {
13938       display: none; }
13939     .notification-area .content-area .footer {
13940       height: 50px;
13941       box-sizing: border-box;
13942       text-align: center; }
13943       .notification-area .content-area .footer a {
13944         line-height: 50px; }
13945       .notification-area .content-area .footer:empty {
13946         display: none; }
13947
13948 @media (max-width: 979px) {
13949   .messaging-area-container .messaging-area {
13950     position: relative;
13951     overflow: hidden;
13952     height: 600px; } }
13953   @media (max-width: 979px) and (max-height: 670px) {
13954     .messaging-area-container .messaging-area {
13955       height: 500px; } }
13956
13957 @media (max-width: 979px) {
13958     .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.view-toggle {
13959       display: block; }
13960     .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.delete-all {
13961       display: none; }
13962     .messaging-area-container .messaging-area .messages-area .profile-header {
13963       display: block; }
13964     .messaging-area-container .messaging-area .messages-area .profile {
13965       height: 550px; }
13966     .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-toggle {
13967       display: none; }
13968     .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
13969       display: block; }
13970     .messaging-area-container .messaging-area .contacts-area {
13971       width: 100%;
13972       border-right: none;
13973       position: absolute;
13974       top: 0;
13975       left: 0;
13976       right: auto;
13977       bottom: auto; }
13978     .messaging-area-container .messaging-area .messages-area {
13979       width: 100%;
13980       position: absolute;
13981       top: 0;
13982       left: auto;
13983       right: 0;
13984       bottom: auto; }
13985     .messaging-area-container .messaging-area.show-messages .contacts-area {
13986       left: -100%;
13987       opacity: 0;
13988       visibility: hidden;
13989       transition: left 0.25s, opacity 0.25s, visibility 0.25s; }
13990     .messaging-area-container .messaging-area.show-messages .messages-area {
13991       right: 0;
13992       opacity: 1;
13993       visibility: visible;
13994       transition: right 0.25s, opacity 0.25s, visibility 0.25s; }
13995     .messaging-area-container .messaging-area.hide-messages .contacts-area {
13996       left: 0;
13997       opacity: 1;
13998       visibility: visible;
13999       transition: left 0.25s, opacity 0.25s, visibility 0.25s; }
14000       .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected {
14001         background-color: inherit;
14002         color: inherit;
14003         border-bottom: 1px solid #e3e3e3; }
14004         .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover {
14005           background-color: #4f94cd;
14006           color: #fff;
14007           border: none;
14008           background-color: #79b5e6; }
14009           .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .information .lastmessage {
14010             color: #fff; }
14011           .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .picture {
14012             border: none; }
14013         .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .picture {
14014           border-bottom: 1px solid #fff; }
14015         .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .information .lastmessage {
14016           color: #a1a1a1; }
14017     .messaging-area-container .messaging-area.hide-messages .messages-area {
14018       right: -100%;
14019       opacity: 0;
14020       visibility: hidden;
14021       transition: right 0.25s, opacity 0.25s, visibility 0.25s; }
14022   .notification-area {
14023     position: relative;
14024     overflow: hidden; }
14025     .notification-area .control-area {
14026       border-right: none;
14027       width: 100%;
14028       position: absolute;
14029       top: 0;
14030       left: 0;
14031       opacity: 1;
14032       visibility: visible;
14033       transition: left 0.25s; }
14034     .notification-area .content-area {
14035       width: 100%;
14036       position: absolute;
14037       top: 0;
14038       right: -100%;
14039       opacity: 0;
14040       visibility: hidden;
14041       transition: right 0.25s, opacity 0.25s, visibility 0.25s; }
14042       .notification-area .content-area .toggle-mode {
14043         display: inline-block;
14044         float: left;
14045         width: 70px;
14046         height: 50px;
14047         line-height: 50px;
14048         box-sizing: border-box;
14049         border-right: 1px solid #e3e3e3;
14050         border-bottom: 1px solid #e3e3e3; }
14051       .notification-area .content-area .header {
14052         display: inline-block;
14053         width: calc(100% - 70px); }
14054     .notification-area.show-content-area .control-area {
14055       left: -100%;
14056       opacity: 0;
14057       visibility: hidden;
14058       transition: left 0.25s, opacity 0.25s, visibility 0.25s; }
14059     .notification-area.show-content-area .content-area {
14060       right: 0;
14061       opacity: 1;
14062       visibility: visible;
14063       transition: right 0.25s; } }
14064
14065 @media (max-width: 480px) {
14066   .messaging-area-container .messaging-area .messages-area.editing .messages-header {
14067     height: 80px; }
14068     .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-all {
14069       top: 30px; }
14070     .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions {
14071       top: 30px; }
14072   .messaging-area-container .messaging-area .messages-area.editing .messages {
14073     height: 470px; } }
14074
14075 /* Question */
14076 .questionbank h2 {
14077   margin-top: 0; }
14078
14079 .questioncategories h3 {
14080   margin-top: 0; }
14081
14082 #chooseqtypebox {
14083   margin-top: 1em; }
14084
14085 #chooseqtype h3 {
14086   margin: 0 0 0.3em; }
14087
14088 #chooseqtype .instruction {
14089   display: none; }
14090
14091 #chooseqtype .fakeqtypes {
14092   border-top: 1px solid silver; }
14093
14094 #chooseqtype .qtypeoption {
14095   margin-bottom: 0.5em; }
14096
14097 #chooseqtype label {
14098   display: block; }
14099
14100 #chooseqtype .qtypename img {
14101   padding: 0 0.3em; }
14102
14103 #chooseqtype .qtypename {
14104   display: inline-table;
14105   width: 16em; }
14106
14107 #chooseqtype .qtypesummary {
14108   display: block;
14109   margin: 0 2em; }
14110
14111 #chooseqtype .submitbuttons {
14112   margin: 0.7em 0;
14113   text-align: center; }
14114
14115 #qtypechoicecontainer {
14116   display: none; }
14117
14118 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
14119   background: none; }
14120
14121 #qtypechoicecontainer.yui-panel .hd {
14122   color: #333;
14123   letter-spacing: 1px;
14124   text-shadow: 1px 1px 1px #fff;
14125   border: 1px solid #ccc;
14126   border-bottom: 1px solid #bbb;
14127   background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
14128   background-repeat: repeat-x; }
14129
14130 #qtypechoicecontainer {
14131   font-size: 12px;
14132   color: #333;
14133   background: #f2f2f2;
14134   border: 1px solid #ccc;
14135   border-top: 0 none; }
14136
14137 #qtypechoicecontainer #chooseqtype {
14138   width: 40em; }
14139
14140 #chooseqtypehead h3 {
14141   margin: 0;
14142   font-weight: normal; }
14143
14144 #chooseqtype .qtypes {
14145   position: relative;
14146   border-bottom: 1px solid #bbb;
14147   padding: 0.24em 0; }
14148
14149 #chooseqtype .alloptions {
14150   overflow-x: hidden;
14151   overflow-y: auto;
14152   max-height: calc(100vh - 15em);
14153   width: 60%; }
14154
14155 #chooseqtype .qtypeoption {
14156   margin-bottom: 0;
14157   padding: 0.3em 0.3em 0.3em 1.6em; }
14158
14159 #chooseqtype .qtypeoption img {
14160   vertical-align: text-bottom;
14161   padding-left: 1em;
14162   padding-right: 0.5em; }
14163
14164 #chooseqtype .selected {
14165   background-color: #fff; }
14166
14167 #chooseqtype .instruction,
14168 #chooseqtype .qtypesummary {
14169   display: none;
14170   position: absolute;
14171   top: 0;
14172   right: 0;
14173   bottom: 0;
14174   left: 60%;
14175   margin: 0;
14176   overflow-x: hidden;
14177   overflow-y: auto;
14178   padding: 1.5em 1.6em;
14179   background-color: #fff; }
14180
14181 #chooseqtype .instruction,
14182 #chooseqtype .selected .qtypesummary {
14183   display: block; }
14184
14185 #categoryquestions {
14186   margin: 0; }
14187   #categoryquestions td,
14188   #categoryquestions th {
14189     padding: 0 0.2em; }
14190   #categoryquestions th {
14191     text-align: left;
14192     font-weight: normal; }
14193   #categoryquestions .checkbox {
14194     padding-left: 5px; }
14195   #categoryquestions .checkbox input[type="checkbox"] {
14196     margin-left: 0;
14197     float: none; }
14198   #categoryquestions .iconcol {
14199     padding: 3px;
14200     box-sizing: content-box; }
14201     #categoryquestions .iconcol .icon {
14202       margin: 0;
14203       width: 12px;
14204       height: 12px; }
14205   #categoryquestions label {
14206     margin: 0;
14207     display: block; }
14208   #categoryquestions .header {
14209     text-align: left; }
14210
14211 #page-mod-quiz-edit div.questionbankwindow div.header {
14212   margin: 0; }
14213
14214 #page-mod-quiz-edit div.questionbankwindow.block {
14215   padding: 0; }
14216
14217 .questionbank .singleselect {
14218   margin: 0; }
14219
14220 /* Question editing form */
14221 #combinedfeedbackhdr div.fhtmleditor {
14222   padding: 0; }
14223
14224 #combinedfeedbackhdr div.fcheckbox {
14225   margin-bottom: 1em; }
14226
14227 #multitriesheader div.fitem_feditor {
14228   margin-top: 1em; }
14229
14230 #multitriesheader div.fitem_fgroup {
14231   margin-bottom: 1em; }
14232
14233 #multitriesheader div.fitem_fgroup fieldset.felement label {
14234   margin-left: 0.3em;
14235   margin-right: 0.3em; }
14236
14237 body.path-question-type {
14238   /* Hacks to display the labels within a form group. */ }
14239   body.path-question-type .fitem_fgroup .accesshide {
14240     font: inherit;
14241     position: static;
14242     padding-right: .3em; }
14243   body.path-question-type .form-group .sr-only, body.path-question-type .form-buttons .sr-only, body.path-question-type .path-admin .buttons .sr-only, .path-admin body.path-question-type .buttons .sr-only, body.path-question-type #fitem_id_submitbutton .sr-only, body.path-question-type .fp-content-center form + div .sr-only, .fp-content-center body.path-question-type form + div .sr-only, body.path-question-type div.backup-section + form .sr-only, body.path-question-type #fgroup_id_buttonar .sr-only {
14244     position: static;
14245     width: auto;
14246     height: auto;
14247     padding: 0;
14248     margin: 0 0.5rem 0 0;
14249     overflow: visible;
14250     clip: auto;
14251     clip-path: none;
14252     border: 0; }
14253
14254 .que {
14255   clear: left;
14256   text-align: left;
14257   margin: 0 auto 1.8em auto; }
14258
14259 .que .info {
14260   float: left;
14261   width: 7em;
14262   padding: 0.5em;
14263   margin-bottom: 1.8em;
14264   background-color: #dee2e6;
14265   border: 1px solid #cad0d7; }
14266
14267 .que h3.no {
14268   margin: 0;
14269   font-size: 0.8em;
14270   line-height: 1; }
14271
14272 .que span.qno {
14273   font-size: 1.5em;
14274   font-weight: bold; }
14275
14276 .que .info > div {
14277   font-size: 0.8em;
14278   margin-top: 0.7em; }
14279
14280 .que .info .questionflag.editable {
14281   cursor: pointer; }
14282
14283 .que .info .editquestion img,
14284 .que .info .questionflag img,
14285 .que .info .questionflag input {
14286   vertical-align: bottom; }
14287
14288 .que .content {
14289   margin: 0 0 0 8.5em; }
14290
14291 .que.multichoice .answer div.r0 .icon.fa-check,
14292 .que.multichoice .answer div.r1 .icon.fa-check,
14293 .que.multichoice .answer div.r0 .icon.fa-remove,
14294 .que.multichoice .answer div.r1 .icon.fa-remove {
14295   text-indent: 0; }
14296
14297 .formulation input[type="text"],
14298 .formulation select {
14299   width: auto;
14300   vertical-align: baseline; }
14301
14302 .que.multianswer .formulation .yui3-widget-positioned {
14303   box-sizing: content-box; }
14304   .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
14305     width: inherit;
14306     max-width: inherit; }
14307
14308 .path-mod-quiz input[size] {
14309   width: auto;
14310   max-width: 100%; }
14311
14312 .que .ablock {
14313   margin: 0.7em 0 0.3em 0; }
14314
14315 .que .im-controls {
14316   margin-top: 0.5em;
14317   text-align: left; }
14318
14319 .que .specificfeedback,
14320 .que .generalfeedback,
14321 .que .numpartscorrect .que .rightanswer,
14322 .que .im-feedback,
14323 .que .feedback,
14324 .que p {
14325   margin: 0 0 0.5em; }
14326
14327 .que .correctness.correct {
14328   background-color: #5cb85c; }
14329
14330 .que .correctness.partiallycorrect {
14331   background-color: #ff7518; }
14332
14333 .que .correctness.notanswered, .que .correctness.incorrect {
14334   background-color: #d9534f; }
14335
14336 .que .qtext {
14337   margin-bottom: 1.5em; }
14338
14339 .que .grading,
14340 .que .comment,
14341 .que .commentlink,
14342 .que .history {
14343   margin-top: 0.5em; }
14344
14345 .que .history h3 {
14346   margin: 0 0 0.2em;
14347   font-size: 1em; }
14348
14349 .que .history table {
14350   width: 100%;
14351   margin: 0; }
14352
14353 .que .history .current {
14354   font-weight: bold; }
14355
14356 .que .questioncorrectnessicon {
14357   vertical-align: text-bottom; }
14358
14359 .que input.questionflagimage {
14360   padding-right: 3px; }
14361
14362 .importerror {
14363   margin-top: 10px;
14364   border-bottom: 1px solid #555; }
14365
14366 .mform .que.comment .fitemtitle {
14367   width: 20%; }
14368
14369 #page-question-preview #techinfo {
14370   margin: 1em 0; }
14371
14372 #page-mod-quiz-edit ul.slots .activityinstance > a {
14373   display: inline;
14374   text-indent: 0;
14375   padding-left: 0; }
14376
14377 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
14378   margin-left: 0; }
14379
14380 #page-mod-quiz-edit .box.generalbox.questionbank {
14381   padding: 0.5em; }
14382
14383 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
14384 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
14385 #page-mod-quiz-edit .questionbank .choosecategory {
14386   padding: 0; }
14387
14388 #page-mod-quiz-edit .questionbank .choosecategory select {
14389   width: 100%; }
14390
14391 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
14392   background: transparent; }
14393
14394 #page-mod-quiz-edit #categoryquestions > thead {
14395   background: #fff; }
14396
14397 #page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
14398   background: #e4e4e4; }
14399
14400 #page-mod-quiz-edit .questionbankwindow div.header {
14401   color: #444;
14402   text-shadow: none;
14403   margin: 0 -10px 0 -10px;
14404   padding: 2px 10px 2px 10px;
14405   background: transparent;
14406   /* Old browsers */ }
14407
14408 #page-mod-quiz-edit .questionbankwindow div.header a:link,
14409 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
14410   color: #1177d1; }
14411
14412 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
14413   color: #0b4f8a; }
14414
14415 #page-mod-quiz-edit .createnewquestion {
14416   padding: 0.3em 0; }
14417   #page-mod-quiz-edit .createnewquestion div,
14418   #page-mod-quiz-edit .createnewquestion input {
14419     margin: 0; }
14420
14421 #page-mod-quiz-edit .questionbankwindow div.header .title {
14422   color: #373a3c; }
14423
14424 #page-mod-quiz-edit div.container div.generalbox {
14425   background-color: transparent;
14426   padding: 1.5em; }
14427
14428 #page-mod-quiz-edit .categoryinfo {
14429   background-color: transparent;
14430   border-bottom: none; }
14431
14432 #page-mod-quiz-edit .createnewquestion .singlebutton input {
14433   margin-bottom: 0; }
14434
14435 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
14436 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
14437   padding: 0 0 1.5em 0; }
14438
14439 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
14440   background-color: transparent;
14441   margin: 0;
14442   border-top: 0;
14443   border-bottom: 0; }
14444   #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
14445     padding: 0 0.3em; }
14446
14447 #page-mod-quiz-edit div.question div.content div.questioncontrols {
14448   background-color: #fff; }
14449
14450 #page-mod-quiz-edit div.question div.content div.points {
14451   margin-top: -0.5em;
14452   padding-bottom: 0;
14453   border: none;
14454   background-color: #fff;
14455   position: static;
14456   width: 12.1em;
14457   float: right;
14458   margin-right: 60px; }
14459
14460 #page-mod-quiz-edit div.question div.content div.points br {
14461   display: none; }
14462
14463 #page-mod-quiz-edit div.question div.content div.points label {
14464   display: inline-block; }
14465
14466 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
14467   background-color: #fff; }
14468
14469 #page-mod-quiz-edit .quizpagedelete,
14470 #page-mod-quiz-edit .quizpagedelete img {
14471   background-color: transparent; }
14472
14473 #page-mod-quiz-edit div.quizpage .pagecontent {
14474   border: 1px solid #ddd;
14475   overflow: hidden; }
14476
14477 #page-mod-quiz-edit div.questionbank .categoryinfo {
14478   padding: 0.3em 0; }
14479
14480 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
14481   padding: 0; }
14482   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
14483     display: block; }
14484   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,
14485   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
14486     display: none; }
14487   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
14488     margin-left: -0.3em; }
14489   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
14490     margin-left: 0.3em; }
14491   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
14492     margin-left: 0; }
14493   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
14494     margin-left: 5px; }
14495
14496 .questionbankwindow .module {
14497   width: auto; }
14498
14499 #page-mod-quiz-edit div.editq div.question div.content {
14500   background-color: #fff;
14501   border: 1px solid #ddd;
14502   overflow: hidden; }
14503
14504 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
14505   margin-top: 0; }
14506
14507 .path-mod-quiz .statedetails {
14508   display: block;
14509   font-size: 0.9em; }
14510
14511 a#hidebankcmd {
14512   color: #1177d1; }
14513
14514 .que.shortanswer .answer {
14515   padding: 0; }
14516
14517 .que label {
14518   display: inline; }
14519
14520 body.path-question-type .mform fieldset.hidden {
14521   padding: 0;
14522   margin: 0.7em 0 0; }
14523
14524 .que.ddwtos,
14525 .que.ddwtos .drop {
14526   box-sizing: content-box; }
14527
14528 .tag-condition-container {
14529   position: relative; }
14530
14531 @media (max-width: 767.98px) {
14532   .que .info {
14533     float: none;
14534     width: auto; }
14535   .que .content {
14536     margin: 0; } }
14537
14538 /* user.less */
14539 .userprofile .fullprofilelink {
14540   text-align: center;
14541   margin: 10px; }
14542
14543 .userprofile .page-context-header {
14544   margin-bottom: 10px; }
14545
14546 .userprofile .description {
14547   margin-top: 10px;
14548   margin-bottom: 30px; }
14549
14550 .userprofile .profile_tree {
14551   column-count: 2; }
14552   .userprofile .profile_tree section {
14553     display: inline-block;
14554     width: 100%;
14555     margin-bottom: 1rem; }
14556
14557 #participantsform .no-overflow {
14558   overflow: visible; }
14559
14560 .userprofile dl.list > dd + dt {
14561   clear: left; }
14562
14563 .user-box {
14564   margin: 8px;
14565   width: 115px;
14566   height: 160px;
14567   text-align: center;
14568   float: left;
14569   clear: none; }
14570
14571 #page-user-profile .node_category ul,
14572 .path-user .node_category ul {
14573   margin: 0;
14574   list-style: none;
14575   padding-left: 0; }
14576
14577 #page-user-profile .node_category li,
14578 .path-user .node_category li {
14579   margin-top: 5px; }
14580
14581 #page-user-profile .node_category .editprofile,
14582 #page-user-profile .node_category .viewmore,
14583 .path-user .node_category .editprofile,
14584 .path-user .node_category .viewmore {
14585   text-align: right; }
14586
14587 .ajax-contact-button {
14588   box-sizing: border-box;
14589   position: relative; }
14590   .ajax-contact-button.loading .loading-icon {
14591     display: block; }
14592   .ajax-contact-button .loading-icon {
14593     display: none;
14594     position: absolute;
14595     top: 0;
14596     left: 0;
14597     width: 100%;
14598     height: 100%;
14599     background-color: rgba(255, 255, 255, 0.7); }
14600     .ajax-contact-button .loading-icon .icon {
14601       position: absolute;
14602       left: 50%;
14603       top: 50%;
14604       transform: translate(-50%, -50%); }
14605
14606 @media (max-width: 480px) {
14607   .userprofile .profile_tree {
14608     /** Display the profile on one column on phones@mixin  */
14609     column-count: 1; } }
14610
14611 .userlist #showall {
14612   margin: 10px 0; }
14613
14614 .userlist .buttons {
14615   text-align: center; }
14616
14617 .userlist .buttons label {
14618   padding: 0 3px; }
14619
14620 .userlist table#participants {
14621   text-align: center; }
14622
14623 .userlist table#participants td {
14624   text-align: left;
14625   padding: 4px;
14626   vertical-align: middle; }
14627
14628 .userlist table#participants th {
14629   text-align: left;
14630   padding: 4px; }
14631
14632 .userlist table.controls {
14633   width: 100%; }
14634   .userlist table.controls tr {
14635     vertical-align: top; }
14636   .userlist table.controls .right {
14637     text-align: right; }
14638   .userlist table.controls .groupselector {
14639     margin-bottom: 0;
14640     margin-top: 0; }
14641     .userlist table.controls .groupselector label {
14642       display: block; }
14643
14644 .userinfobox {
14645   width: 100%;
14646   border: 1px solid;
14647   border-collapse: separate;
14648   padding: 10px; }
14649
14650 .userinfobox .left,
14651 .userinfobox .side {
14652   width: 100px;
14653   vertical-align: top; }
14654
14655 .userinfobox .userpicture {
14656   width: 100px;
14657   height: 100px; }
14658
14659 .userinfobox .content {
14660   vertical-align: top; }
14661
14662 .userinfobox .links {
14663   width: 100px;
14664   padding: 5px;
14665   vertical-align: bottom; }
14666
14667 .userinfobox .links a {
14668   display: block; }
14669
14670 .userinfobox .list td {
14671   padding: 3px; }
14672
14673 .userinfobox .username {
14674   padding-bottom: 20px;
14675   font-weight: bold; }
14676
14677 .userinfobox td.label {
14678   text-align: right;
14679   white-space: nowrap;
14680   vertical-align: top;
14681   font-weight: bold; }
14682
14683 .group-edit {
14684   position: absolute;
14685   right: 0;
14686   margin-right: 0.6em; }
14687
14688 .group-image {
14689   display: block;
14690   float: left;
14691   margin-right: 1em; }
14692   .group-image .grouppicture {
14693     border-radius: 50%; }
14694
14695 .groupinfobox .left {
14696   padding: 10px;
14697   width: 100px;
14698   vertical-align: top; }
14699
14700 .course-participation #showall {
14701   text-align: center;
14702   margin: 10px 0; }
14703
14704 #user-policy .noticebox {
14705   text-align: center;
14706   margin-left: auto;
14707   margin-right: auto;
14708   margin-bottom: 10px;
14709   width: 80%;
14710   height: 250px; }
14711
14712 #user-policy #policyframe {
14713   width: 100%;
14714   height: 100%; }
14715
14716 .iplookup #map {
14717   margin: auto; }
14718
14719 .userselector select {
14720   width: 100%; }
14721
14722 .userselector div {
14723   margin-top: 0.2em; }
14724
14725 .userselector div label {
14726   margin-right: 0.3em; }
14727
14728 /* Next style does not work in all browsers but looks nicer when it does */
14729 .userselector .userselector-infobelow {
14730   font-size: 0.8em; }
14731
14732 #userselector_options .collapsibleregioncaption {
14733   font-weight: bold; }
14734
14735 #userselector_options p {
14736   margin: 0.2em 0;
14737   text-align: left; }
14738
14739 /** user full profile */
14740 #page-user-profile .messagebox {
14741   text-align: center;
14742   margin-left: auto;
14743   margin-right: auto; }
14744
14745 /** user course profile */
14746 #page-course-view-weeks .messagebox {
14747   text-align: center;
14748   margin-left: auto;
14749   margin-right: auto; }
14750
14751 .profileeditor > .singleselect {
14752   margin: 0 0.5em 0 0; }
14753
14754 .profileeditor > .singlebutton {
14755   display: inline-block;
14756   margin: 0 0 0 0.5em; }
14757   .profileeditor > .singlebutton div,
14758   .profileeditor > .singlebutton input {
14759     margin: 0; }
14760
14761 .userlist h3 .action-icon {
14762   display: none; }
14763
14764 #page-enrol-users .popover {
14765   max-width: none; }
14766
14767 .user-enroller-panel {
14768   width: 600px; }
14769
14770 .search-results .result {
14771   margin-left: 0;
14772   margin-right: 0; }
14773
14774 .search-results .result .result-content {
14775   margin: 7px 0; }
14776
14777 .search-results .result .filename {
14778   font-style: italic; }
14779
14780 .search-input-wrapper {
14781   margin: 0 1rem 0 0;
14782   overflow: hidden;
14783   float: right;
14784   width: 24px;
14785   transition: width 0.5s ease, left 0.5s ease;
14786   padding-top: 0;
14787   padding-bottom: 0; }
14788
14789 .search-input-wrapper > div {
14790   float: left;
14791   margin: 0; }
14792   .search-input-wrapper > div .icon {
14793     margin-right: 0;
14794     margin-top: 10px; }
14795
14796 .search-input-wrapper > form {
14797   opacity: 0;
14798   margin-left: 25px;
14799   transition: opacity 0.5s ease-in-out; }
14800
14801 .search-input-wrapper > form > input {
14802   margin: 0; }
14803
14804 .search-input-wrapper form.expanded {
14805   opacity: 1; }
14806
14807 .search-input-wrapper.expanded {
14808   width: 162px; }
14809
14810 @media (max-width: 575.98px) {
14811   .search-input-wrapper {
14812     margin: 0 1rem 0 0; }
14813     .search-input-wrapper > div {
14814       margin: 0; }
14815     .search-input-wrapper > form {
14816       display: none; } }
14817
14818 .search-areas-actions {
14819   margin-bottom: 1rem; }
14820
14821 .search-areas-actions > div {
14822   margin-right: 1rem;
14823   display: inline-block; }
14824
14825 #core-search-areas .lastcol li {
14826   margin-left: 24px;
14827   text-indent: -24px; }
14828
14829 #core-search-areas .lastcol li > i {
14830   text-indent: 0; }
14831
14832 /**
14833  * Moodle forms HTML isn't changeable via renderers (yet?) so this
14834  * .less file imports styles from the bootstrap $variables file and
14835  * adds them to the existing Moodle form CSS ids and classes.
14836  *
14837  */
14838 .jsenabled .mform .containsadvancedelements .advanced {
14839   display: none; }
14840
14841 .mform .containsadvancedelements .advanced.show {
14842   display: flex; }
14843
14844 #adminsettings span.error {
14845   display: inline-block;
14846   border: 1px solid #f4cfce;
14847   border-radius: 4px;
14848   background-color: #f7dddc;
14849   padding: 4px;
14850   margin-bottom: 4px; }
14851
14852 .mform .form-inline .form-control,
14853 .mform .form-inline .custom-select {
14854   max-width: 100%; }
14855
14856 .mform .form-inline .form-group, .mform .form-inline .form-buttons,
14857 .mform .form-inline .path-admin .buttons, .path-admin .mform .form-inline .buttons,
14858 .mform .form-inline #fitem_id_submitbutton,
14859 .mform .form-inline .fp-content-center form + div, .fp-content-center .mform .form-inline form + div,
14860 .mform .form-inline div.backup-section + form,
14861 .mform .form-inline #fgroup_id_buttonar {
14862   margin: 0.1rem 0.25rem 0.1rem 0; }
14863
14864 .mform .form-inline br + label {
14865   justify-content: flex-start;
14866   width: 100%; }
14867
14868 .unresponsive.mform .form-inline,
14869 .unresponsive.mform .form-inline label {
14870   display: inline-flex; }
14871
14872 #jump-to-activity.custom-select {
14873   width: 100%; }
14874
14875 .mform fieldset {
14876   margin-bottom: 0.5rem;
14877   border-bottom: 1px solid #dee2e6; }
14878
14879 .mform > .form-group, .mform > .form-buttons,
14880 .path-admin .mform > .buttons,
14881 .mform > #fitem_id_submitbutton,
14882 .fp-content-center .mform > form + div,
14883 .mform > div.backup-section + form,
14884 .mform > #fgroup_id_buttonar {
14885   margin-left: 1.5rem; }
14886
14887 .editor_atto_content.form-control {
14888   width: 100%; }
14889
14890 #adminsettings .form-control[size] {
14891   width: auto; }
14892
14893 .jsenabled .mform .collapsed .fcontainer {
14894   display: none; }
14895
14896 #adminsettings .error {
14897   color: #d9534f; }
14898
14899 .mform ul.file-list {
14900   padding: 0;
14901   margin: 0;
14902   list-style: none; }
14903
14904 .mform label .req,
14905 .mform label .adv {
14906   cursor: help; }
14907
14908 /*rtl:ignore*/
14909 input#id_externalurl {
14910   direction: ltr; }
14911
14912 #portfolio-add-button {
14913   display: inline; }
14914
14915 .form-label .form-shortname {
14916   font-size: 0.703125rem;
14917   display: block; }
14918
14919 .form-item .form-inline {
14920   display: inline; }
14921
14922 .form-inline label:not(.sr-only):not(.accesshide) + select {
14923   margin-left: 0.5rem; }
14924
14925 .no-felement.fstatic {
14926   padding-top: 5px; }
14927
14928 .no-fitem .fstaticlabel {
14929   font-weight: bold; }
14930
14931 .form-buttons,
14932 .path-admin .buttons,
14933 #fitem_id_submitbutton,
14934 .fp-content-center form + div,
14935 div.backup-section + form,
14936 #fgroup_id_buttonar {
14937   padding-left: 0; }
14938
14939 .form-item .form-setting .defaultsnext > input {
14940   display: inline-block; }
14941
14942 .form-item .form-setting .form-checkbox.defaultsnext {
14943   margin-top: 5px;
14944   display: inline-block; }
14945
14946 #adminsettings h3 {
14947   display: block;
14948   width: 100%;
14949   padding: 0;
14950   margin-bottom: 1.5;
14951   font-size: 1.171875rem;
14952   line-height: 3;
14953   border: 0;
14954   border-bottom: 1px solid #e5e5e5; }
14955
14956 /* rtl:ignore */
14957 .mform .fitem .felement input[name="email"],
14958 .mform .fitem .felement input[name="email2"],
14959 .mform .fitem .felement input[name="url"],
14960 .mform .fitem .felement input[name="idnumber"],
14961 .mform .fitem .felement input[name="phone1"],
14962 .mform .fitem .felement input[name="phone2"] {
14963   text-align: left;
14964   direction: ltr; }
14965
14966 /* rtl:ignore */
14967 #page-admin-grade-edit-scale-edit .error input#id_name {
14968   margin-right: 170px; }
14969
14970 #page-grade-edit-outcome-course .courseoutcomes {
14971   margin-left: auto;
14972   margin-right: auto;
14973   width: 100%; }
14974
14975 #page-grade-edit-outcome-course .courseoutcomes td {
14976   text-align: center; }
14977
14978 /* Install Process' text fields Forms, should always be justified to the left */
14979 /* rtl:ignore */
14980 #installform #id_wwwroot,
14981 #installform #id_dirroot,
14982 #installform #id_dataroot,
14983 #installform #id_dbhost,
14984 #installform #id_dbname,
14985 #installform #id_dbuser,
14986 #installform #id_dbpass,
14987 #installform #id_prefix {
14988   direction: ltr; }
14989
14990 .mdl-right > label {
14991   display: inline-block; }
14992
14993 .singleselect {
14994   max-width: 100%; }
14995
14996 .form-item .form-label label {
14997   margin-bottom: 0; }
14998
14999 div#dateselector-calendar-panel {
15000   z-index: 3100;
15001   /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
15002
15003 fieldset.coursesearchbox label {
15004   display: inline; }
15005
15006 /**
15007  * Show the labels above text editors and file managers except on wide screens.
15008  */
15009 /* Section and module editing forms contain special JS components for the
15010    availability system (if enabled). */
15011 #id_availabilityconditionsjson[aria-hidden=true],
15012 .availability-field [aria-hidden=true] {
15013   display: none; }
15014
15015 .availability-field label {
15016   display: inline-flex; }
15017
15018 .availability-field .availability-group label {
15019   vertical-align: top; }
15020
15021 .availability-eye {
15022   clear: left;
15023   float: left; }
15024
15025 .availability-inner,
15026 .availability-plugincontrols {
15027   float: left;
15028   border: 1px solid rgba(0, 0, 0, 0.125);
15029   padding: 1rem;
15030   margin-top: 0.5rem; }
15031
15032 .availability-plugincontrols,
15033 .availability-childlist .availability-inner {
15034   margin-left: .625rem; }
15035
15036 .availability-field .availability-plugincontrols .availability-group select {
15037   max-width: 12rem; }
15038
15039 /* Custom styles for autocomplete form element */
15040 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
15041 [data-fieldtype=autocomplete] select,
15042 [data-fieldtype=tags] select,
15043 .form-autocomplete-original-select {
15044   visibility: hidden;
15045   overflow: hidden;
15046   width: 15rem;
15047   height: 44px;
15048   margin: 0;
15049   padding: 0;
15050   border: 0;
15051   margin-top: 1.65625rem;
15052   vertical-align: bottom; }
15053
15054 .form-autocomplete-selection {
15055   margin: 0.25rem;
15056   min-height: 2.375rem; }
15057
15058 .form-autocomplete-multiple [role=listitem] {
15059   cursor: pointer; }
15060
15061 .form-autocomplete-suggestions {
15062   position: absolute;
15063   background-color: white;
15064   border: 2px solid #dee2e6;
15065   border-radius: 3px;
15066   min-width: 206px;
15067   max-height: 20em;
15068   overflow: auto;
15069   margin: 0;
15070   padding: 0;
15071   margin-top: 0.4em;
15072   z-index: 1; }
15073
15074 .form-autocomplete-suggestions li {
15075   list-style-type: none;
15076   padding: 0.2em;
15077   margin: 0;
15078   cursor: pointer;
15079   color: #373a3c; }
15080
15081 .form-autocomplete-suggestions li:hover {
15082   background-color: #3f9def;
15083   color: #fff; }
15084
15085 .form-autocomplete-suggestions li[aria-selected=true] {
15086   background-color: #f2f2f2;
15087   color: #495057; }
15088
15089 .form-autocomplete-downarrow {
15090   color: #373a3c;
15091   position: relative;
15092   top: 0.2em;
15093   left: -1.5em;
15094   cursor: pointer; }
15095
15096 .form-autocomplete-selection:focus {
15097   outline: none; }
15098
15099 /** Undo some bootstrap things */
15100 .form-autocomplete-selection + input.form-control {
15101   width: auto;
15102   display: inline-block;
15103   vertical-align: middle; }
15104
15105 .form-autocomplete-selection [data-active-selection=true] {
15106   padding: 0.5em;
15107   font-size: large; }
15108
15109 /* Non-bootstrap selects with a size show their contents outside of the element.
15110  * Remove when we update to stable bootstrap 4. (MDL-56511) */
15111 select[size],
15112 select[multiple] {
15113   overflow: auto; }
15114
15115 select[size="1"] {
15116   overflow: visible; }
15117
15118 textarea[data-auto-rows] {
15119   overflow-x: hidden; }
15120
15121 /** Display elements under labels in vertical forms regardless of the screen size. */
15122 .mform.full-width-labels .fitem.row {
15123   margin-left: 0;
15124   margin-right: 0; }
15125   .mform.full-width-labels .fitem.row > .col-md-3,
15126   .mform.full-width-labels .fitem.row > .col-md-9 {
15127     float: none;
15128     width: inherit;
15129     padding-right: 0;
15130     padding-left: 0; }
15131   .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
15132     display: none; }
15133
15134 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
15135 @media (min-width: 768px) {
15136   .form-inline .col-md-9,
15137   .form-inline .col-md-3 {
15138     margin-bottom: 1rem;
15139     width: auto; }
15140     .form-inline .col-md-9 label,
15141     .form-inline .col-md-3 label {
15142       margin-left: 1rem; } }
15143
15144 [data-fieldtype="modgrade"] .form-group, [data-fieldtype="modgrade"] .form-buttons,
15145 [data-fieldtype="modgrade"] .path-admin .buttons, .path-admin [data-fieldtype="modgrade"] .buttons,
15146 [data-fieldtype="modgrade"] #fitem_id_submitbutton,
15147 [data-fieldtype="modgrade"] .fp-content-center form + div, .fp-content-center [data-fieldtype="modgrade"] form + div,
15148 [data-fieldtype="modgrade"] div.backup-section + form,
15149 [data-fieldtype="modgrade"] #fgroup_id_buttonar {
15150   padding-bottom: 0.375rem; }
15151
15152 [data-fieldtype="modgrade"] {
15153   background-color: #fff;
15154   border: 1px solid rgba(0, 0, 0, 0.125);
15155   padding: 1.25rem;
15156   margin-left: 15px;
15157   max-width: 30rem; }
15158
15159 /** Atto fields do not have form-control because that would break the layout of the editor.
15160     So they need these extra styles to highlight the editor when there is a validation error. */
15161 .has-danger .editor_atto_content.form-control,
15162 .has-danger .editor_atto_content.form-control-danger,
15163 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo,
15164 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo,
15165 .has-danger .editor_atto_content.maintenancewarning.error {
15166   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
15167   padding-right: 2.25rem;
15168   background-repeat: no-repeat;
15169   background-position: center right 1rem;
15170   background-size: 1.5rem; }
15171   .has-danger .editor_atto_content.form-control .form-control-feedback,
15172   .has-danger .editor_atto_content.form-control .form-control-label,
15173   .has-danger .editor_atto_content.form-control .form-check-label,
15174   .has-danger .editor_atto_content.form-control .form-check-inline,
15175   .has-danger .editor_atto_content.form-control .custom-control,
15176   .has-danger .editor_atto_content.form-control-danger .form-control-feedback,
15177   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback,
15178   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback,
15179   .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback,
15180   .has-danger .editor_atto_content.form-control-danger .form-control-label,
15181   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-label,
15182   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-label,
15183   .has-danger .editor_atto_content.maintenancewarning.error .form-control-label,
15184   .has-danger .editor_atto_content.form-control-danger .form-check-label,
15185   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-label,
15186   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-label,
15187   .has-danger .editor_atto_content.maintenancewarning.error .form-check-label,
15188   .has-danger .editor_atto_content.form-control-danger .form-check-inline,
15189   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-inline,
15190   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-inline,
15191   .has-danger .editor_atto_content.maintenancewarning.error .form-check-inline,
15192   .has-danger .editor_atto_content.form-control-danger .custom-control,
15193   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .custom-control,
15194   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .custom-control,
15195   .has-danger .editor_atto_content.maintenancewarning.error .custom-control {
15196     color: #d9534f; }
15197   .has-danger .editor_atto_content.form-control .form-control,
15198   .has-danger .editor_atto_content.form-control-danger .form-control,
15199   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control,
15200   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control,
15201   .has-danger .editor_atto_content.maintenancewarning.error .form-control {
15202     border-color: #d9534f; }
15203   .has-danger .editor_atto_content.form-control .input-group-addon,
15204   .has-danger .editor_atto_content.form-control-danger .input-group-addon,
15205   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .input-group-addon,
15206   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .input-group-addon,
15207   .has-danger .editor_atto_content.maintenancewarning.error .input-group-addon {
15208     color: #d9534f;
15209     border-color: #d9534f;
15210     background-color: #fdf7f7; }
15211   .has-danger .editor_atto_content.form-control .form-control-feedback,
15212   .has-danger .editor_atto_content.form-control-danger .form-control-feedback,
15213   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback,
15214   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback,
15215   .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback {
15216     color: #d9534f; }
15217
15218 [data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"],
15219 [data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"],
15220 [data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
15221   display: none; }
15222
15223 .form-inline[data-fieldtype="autocomplete"],
15224 .form-inline[data-fieldtype="tags"] {
15225   display: block; }
15226
15227 [data-fieldtype="editor"] > div {
15228   flex-grow: 1; }
15229
15230 @media (min-width: 576px) {
15231   .mform fieldset {
15232     margin-left: 1.5rem; }
15233   .mform fieldset.collapsible legend a.fheader {
15234     padding: 0 5px 0 1.5rem;
15235     margin-left: -1.5rem;
15236     background: url([[pix:t/expanded]]) 0 center no-repeat; }
15237   .mform fieldset.collapsed legend a.fheader {
15238     /*rtl:raw:
15239         background-image: url([[pix:t/collapsed_rtl]]);
15240         */
15241     /*rtl:remove*/
15242     background-image: url([[pix:t/collapsed]]); } }
15243
15244 .pagelayout-login .card-title h2 img {
15245   max-width: 100%;
15246   max-height: 100px; }
15247
15248 .pagelayout-login #region-main {
15249   border: 0;
15250   background-color: inherit; }
15251
15252 /* modules.less */
15253 select {
15254   width: auto; }
15255
15256 .path-mod-choice .horizontal .choices .option {
15257   display: inline-block; }
15258
15259 .path-mod-feedback .feedback_form .col-form-label {
15260   display: block !important;
15261   /* stylelint-disable-line declaration-no-important */ }
15262
15263 .path-mod-feedback .itemactions {
15264   float: right; }
15265
15266 .path-mod-feedback .itemhandle {
15267   position: absolute;
15268   right: 1rem; }
15269
15270 .path-mod-forum .forumsearch input,
15271 .path-mod-forum .forumsearch .helptooltip {
15272   margin: 0 3px; }
15273
15274 .path-mod-forum .forumheaderlist,
15275 .path-mod-forum .forumheaderlist td {
15276   border: none; }
15277
15278 .path-mod-forum .forumheaderlist thead .header,
15279 .path-mod-forum .forumheaderlist tbody .discussion td {
15280   white-space: normal;
15281   vertical-align: top;
15282   padding-left: 0.5em;
15283   padding-right: 0.5em; }
15284
15285 .path-mod-forum .forumheaderlist thead .header {
15286   white-space: normal;
15287   vertical-align: top; }
15288
15289 .path-mod-forum .forumheaderlist thead .header.replies {
15290   text-align: center; }
15291
15292 .path-mod-forum .forumheaderlist thead .header.lastpost {
15293   text-align: right; }
15294
15295 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
15296 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
15297   width: 16px;
15298   padding-left: 0.5em;
15299   padding-right: 0.5em; }
15300
15301 .path-mod-forum .forumheaderlist .discussion .replies,
15302 .path-mod-forum .forumheaderlist .discussion .lastpost {
15303   white-space: normal; }
15304
15305 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
15306 .path-mod-forum .forumheaderlist .discussion .replies {
15307   text-align: center; }
15308
15309 .path-mod-forum .forumheaderlist .discussion .topic,
15310 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
15311 .path-mod-forum .forumheaderlist .discussion .topic.starter,
15312 .path-mod-forum .forumheaderlist .discussion .replies,
15313 .path-mod-forum .forumheaderlist .discussion .lastpost {
15314   vertical-align: top; }
15315
15316 .path-mod-forum .subscriptionmode {
15317   color: #373a3c; }
15318
15319 .path-mod-forum .activesetting {
15320   color: #373a3c;
15321   font-weight: bold; }
15322
15323 .forumpost {
15324   border: 1px solid #dee2e6;
15325   display: block;
15326   padding: 6px; }
15327   .forumpost .header {
15328     margin-bottom: 3px; }
15329   .forumpost .picture img {
15330     margin: 3px; }
15331     .forumpost .picture img.userpicture {
15332       margin-left: 3px;
15333       margin-right: 10px; }
15334   .forumpost .content .posting.fullpost {
15335     margin-top: 8px; }
15336   .forumpost .row {
15337     display: block; }
15338     .forumpost .row .topic,
15339     .forumpost .row .content-mask,
15340     .forumpost .row .options {
15341       margin-left: 48px; }
15342     .forumpost .row.side {
15343       clear: both; }
15344
15345 .forumpost .row .left {
15346   width: 48px; }
15347
15348 .forumpost .options .commands {
15349   margin-left: 0; }
15350
15351 .forumpost .subject {
15352   font-weight: bold; }
15353
15354 .forumsearch input[type=text] {
15355   margin-bottom: 0; }
15356
15357 #page-mod-forum-discuss .discussioncontrols {
15358   width: auto;
15359   margin: 0; }
15360   #page-mod-forum-discuss .discussioncontrols .form-inline input {
15361     margin-top: -1px; }
15362
15363 .maincalendar .calendarmonth td,
15364 .maincalendar .calendarmonth th {
15365   border: 1px dotted #dee2e6; }
15366
15367 .path-grade-report-grader h1 {
15368   text-align: inherit; }
15369
15370 #page-mod-chat-gui_basic input#message {
15371   max-width: 100%; }
15372
15373 #page-mod-data-view #singleimage {
15374   width: auto; }
15375
15376 .path-mod-data form {
15377   margin-top: 10px; }
15378
15379 .template_heading {
15380   margin-top: 10px; }
15381
15382 .breadcrumb-button {
15383   margin-top: 4px; }
15384
15385 .breadcrumb-button .singlebutton {
15386   float: left;
15387   margin-left: 4px; }
15388
15389 .ie .row-fluid .desktop-first-column {
15390   margin-left: 0; }
15391
15392 .langmenu form {
15393   margin: 0; }
15394
15395 canvas {
15396   -ms-touch-action: auto; }
15397
15398 div#dock {
15399   display: none; }
15400
15401 /** General styles (scope: all of lesson) **/
15402 .path-mod-lesson .invisiblefieldset.fieldsetfix {
15403   display: block; }
15404
15405 .path-mod-lesson .answeroption .checkbox label p {
15406   display: inline; }
15407
15408 .path-mod-lesson .form-inline label.form-check-label {
15409   display: inline-block; }
15410
15411 .path-mod-lesson .slideshow {
15412   overflow: auto;
15413   padding: 15px; }
15414
15415 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] {
15416   white-space: normal; }
15417
15418 #page-mod-lesson-view .vertical .singlebutton {
15419   display: block; }
15420   #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
15421     margin-left: 0;
15422     margin-top: 1rem; }
15423
15424 .path-mod-lesson .generaltable td {
15425   vertical-align: middle; }
15426   .path-mod-lesson .generaltable td label {
15427     margin-bottom: 0; }
15428   .path-mod-lesson .generaltable td .highlight {
15429     display: inline-block;
15430     margin-left: 0.25rem; }
15431   .path-mod-lesson .generaltable td input[type="checkbox"] {
15432     display: block; }
15433
15434 .path-mod-wiki .wiki_headingtitle,
15435 .path-mod-wiki .midpad,
15436 .path-mod-wiki .wiki_headingtime {
15437   text-align: inherit; }
15438
15439 .path-mod-wiki .wiki_contentbox {
15440   width: 100%; }
15441
15442 .path-mod-survey .surveytable > tbody > tr:nth-of-type(odd) {
15443   background-color: transparent; }
15444
15445 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
15446   background-color: rgba(0, 0, 0, 0.05); }
15447
15448 .path-mod-survey .surveytable .rblock label {
15449   text-align: center; }
15450
15451 .nav .caret {
15452   margin-left: 4px; }
15453
15454 .nav .divider {
15455   overflow: hidden;
15456   width: 0; }
15457
15458 .usermenu .login {
15459   line-height: 2.25rem; }
15460   .usermenu .login a {
15461     color: #1177d1; }
15462     .usermenu .login a:hover, .usermenu .login a:focus {
15463       color: #0b4f8a;
15464       text-decoration: underline; }
15465
15466 .userloggedinas .usermenu .usertext,
15467 .userswitchedrole .usermenu .usertext,
15468 .loginfailures .usermenu .usertext {
15469   float: left;
15470   text-align: right;
15471   margin-right: 0.5rem;
15472   height: 35px; }
15473   .userloggedinas .usermenu .usertext .meta,
15474   .userswitchedrole .usermenu .usertext .meta,
15475   .loginfailures .usermenu .usertext .meta {
15476     display: block;
15477     font-size: 0.8203125rem; }
15478
15479 .userloggedinas .usermenu .avatar img,
15480 .userswitchedrole .usermenu .avatar img,
15481 .loginfailures .usermenu .avatar img {
15482   margin: 0; }
15483
15484 .userloggedinas .usermenu .userbutton .avatars {
15485   position: relative;
15486   display: inline-block; }
15487   .userloggedinas .usermenu .userbutton .avatars .avatar.current {
15488     display: inline-block;
15489     position: absolute;
15490     bottom: 0;
15491     right: 0;
15492     width: 20px;
15493     height: 20px;
15494     border-radius: 50%; }
15495     .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
15496       vertical-align: baseline; }
15497   .userloggedinas .usermenu .userbutton .avatars .avatar img {
15498     width: inherit;
15499     height: inherit; }
15500   .userloggedinas .usermenu .userbutton .avatars .realuser {
15501     width: 35px;
15502     height: 35px;
15503     display: inline-block; }
15504
15505 @media (max-width: 767.98px) {
15506   .usertext {
15507     display: none; } }
15508
15509 .path-mod-quiz .mod-quiz-edit-content {
15510   margin-bottom: 10rem; }
15511
15512 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
15513 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
15514   width: auto;
15515   max-width: none; }
15516
15517 #page-mod-quiz-mod #id_reviewoptionshdr .form-group, #page-mod-quiz-mod #id_reviewoptionshdr .form-buttons,
15518 #page-mod-quiz-mod #id_reviewoptionshdr .path-admin .buttons, .path-admin #page-mod-quiz-mod #id_reviewoptionshdr .buttons,
15519 #page-mod-quiz-mod #id_reviewoptionshdr #fitem_id_submitbutton,
15520 #page-mod-quiz-mod #id_reviewoptionshdr .fp-content-center form + div, .fp-content-center #page-mod-quiz-mod #id_reviewoptionshdr form + div,
15521 #page-mod-quiz-mod #id_reviewoptionshdr div.backup-section + form,
15522 #page-mod-quiz-mod #id_reviewoptionshdr #fgroup_id_buttonar {
15523   float: left;
15524   width: 20rem;
15525   display: inline-block;
15526   min-height: 12rem; }
15527
15528 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
15529   line-height: 1.5;
15530   vertical-align: bottom; }
15531
15532 #page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
15533   float: left;
15534   clear: left; }
15535
15536 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
15537   width: 90%;
15538   height: 22px;
15539   justify-content: flex-start; }
15540
15541 .path-mod-quiz #mod_quiz_navblock .qnbutton {
15542   text-decoration: none;
15543   font-size: 14px;
15544   line-height: 20px;
15545   font-weight: normal;
15546   background-color: #fff;
15547   background-image: none;
15548   height: 40px;
15549   width: 30px;
15550   border-radius: 3px;
15551   border: 0;
15552   overflow: visible;
15553   margin: 0 6px 6px 0; }
15554
15555 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
15556   cursor: default;
15557   background-color: #e9ecef;
15558   color: #495057; }
15559
15560 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
15561 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
15562 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
15563   text-decoration: underline; }
15564
15565 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
15566   border: 1px solid;
15567   border-radius: 3px;
15568   z-index: 1; }
15569
15570 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
15571   border-width: 3px; }
15572
15573 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
15574   border-width: 1px; }
15575
15576 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
15577   background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat; }
15578
15579 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
15580   border: 0;
15581   background: #fff none center/10px no-repeat scroll;
15582   height: 20px;
15583   margin-top: 20px;
15584   border-radius: 0 0 3px 3px; }
15585
15586 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
15587 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
15588   background-color: #fff; }
15589
15590 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
15591   background-image: url([[pix:theme|mod/quiz/warningtriangle]]); }
15592
15593 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
15594   background-image: url([[pix:theme|mod/quiz/checkmark]]);
15595   background-color: #5cb85c; }
15596
15597 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
15598   background-image: url([[pix:core|t/locked]]);
15599   background-color: #e9ecef; }
15600
15601 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
15602 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
15603   background-color: #d9534f; }
15604
15605 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
15606   background-image: url([[pix:theme|mod/quiz/whitecircle]]);
15607   background-color: #ff7518; }
15608
15609 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
15610 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
15611 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
15612   background-color: #868e96; }
15613
15614 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
15615   height: 1.4em;
15616   vertical-align: middle; }
15617
15618 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
15619   padding: 0;
15620   margin: 0 0.4em; }
15621
15622 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
15623   top: auto; }
15624
15625 .path-mod-assign .no-overflow {
15626   overflow: initial; }
15627
15628 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
15629   height: calc(100% - 4rem); }
15630
15631 .path-mod-assign [data-region="grade-panel"] {
15632   padding-top: 1rem; }
15633
15634 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3,
15635 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
15636   width: 100%;
15637   padding: 0;
15638   max-width: 100%;
15639   flex: none; }
15640
15641 .path-mod-assign [data-region="grade-panel"] fieldset,
15642 .path-mod-assign [data-region="grade-panel"] .fitem.row {
15643   margin: 0; }
15644
15645 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3 > .pull-xs-right {
15646   float: none !important;
15647   /* stylelint-disable-line declaration-no-important */ }
15648
15649 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
15650   width: 100%; }
15651
15652 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
15653   width: auto; }
15654
15655 .path-mod-assign [data-region="grade-panel"] .popout {
15656   background-color: #fff; }
15657
15658 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
15659   background-color: #fff;
15660   border: 1px solid rgba(0, 0, 0, 0.125);
15661   padding: 1.25rem;
15662   margin-bottom: 1rem; }
15663
15664 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
15665   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
15666   margin-bottom: 1rem; }
15667
15668 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
15669   font-size: 1.40625rem; }
15670
15671 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
15672   margin-top: 0; }
15673
15674 .path-mod-assign [data-region="assignment-info"] {
15675   overflow-y: hidden; }
15676
15677 .path-mod-assign [data-region="grading-navigation"] {
15678   padding: 6px; }
15679
15680 .path-mod-assign [data-region="grade-actions"] {
15681   padding: 10px; }
15682
15683 .path-mod-assign [data-region="user-info"] .img-rounded {
15684   margin-top: 0; }
15685
15686 .path-mod-assign [data-region="grading-navigation-panel"] {
15687   height: 85px; }
15688
15689 @media (max-width: 767px) {
15690   .path-mod-assign [data-region="grading-navigation-panel"] {
15691     height: auto; }
15692   .path-mod-assign [data-region="user-info"] {
15693     margin-top: 1rem; } }
15694
15695 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
15696   width: auto;
15697   display: inline-block; }
15698
15699 /**
15700  * Assign feedback.
15701  */
15702 .assignfeedback_editpdf_widget * {
15703   box-sizing: content-box; }
15704
15705 .assignfeedback_editpdf_widget button {
15706   box-sizing: border-box; }
15707
15708 .assignfeedback_editpdf_widget .commentcolourbutton img {
15709   border-width: 0; }
15710
15711 .assignfeedback_editpdf_menu {
15712   padding: 0; }
15713
15714 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
15715   float: none; }
15716
15717 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
15718   width: 100%; }
15719
15720 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
15721   padding-left: 1rem;
15722   padding-right: 1rem; }
15723
15724 .path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
15725 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
15726   background-color: #fff; }
15727
15728 /**
15729  * Mod LTI.
15730  */
15731 .path-admin-mod-lti .btn .loader img, .path-admin-mod-lti #page-grade-grading-manage .actions .action .loader img, #page-grade-grading-manage .actions .path-admin-mod-lti .action .loader img, .path-admin-mod-lti #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .loader img, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .path-admin-mod-lti input .loader img, .path-admin-mod-lti #rubric-rubric.gradingform_rubric .addcriterion .loader img, #rubric-rubric.gradingform_rubric .path-admin-mod-lti .addcriterion .loader img,
15732 .path-admin-mod-lti #tool-list-loader-container .loader img {
15733   height: auto; }
15734
15735 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
15736   background-color: #fff; }
15737   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
15738   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
15739   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
15740   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
15741   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
15742     border: 0; }
15743   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
15744   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
15745     border-radius: 0; }
15746   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
15747     background-color: transparent; }
15748   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
15749     background-color: #f8f9fa; }
15750   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
15751   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
15752     border: 0;
15753     padding: 3px 15px;
15754     white-space: nowrap;
15755     margin-bottom: 0; }
15756   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
15757     padding: 10px 5px; }
15758     .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
15759       border-top: 1px solid #dee2e6;
15760       border-bottom: 1px solid #fff; }
15761       .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
15762         border-top: 1px solid #fff;
15763         border-bottom: 1px solid #dee2e6;
15764         padding: 5px 10px; }
15765       .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
15766         margin-right: 8px;
15767         border: 1px solid #ccc;
15768         border-radius: 4px;
15769         max-width: none; }
15770   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
15771     margin: 20px 25px; }
15772     .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
15773       text-align: center;
15774       margin: 10px 0;
15775       font-size: 0.8203125rem;
15776       color: #495057; }
15777     .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
15778       margin-bottom: 0.75rem;
15779       border: 1px solid rgba(0, 0, 0, 0.125);
15780       padding: 1.25rem; }
15781       .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
15782         float: right;
15783         font-size: 11px;
15784         color: #495057; }
15785     .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
15786       background-color: #fff; }
15787       .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
15788         font-weight: bold; }
15789
15790 /* reports.less */
15791 #page-report-participation-index .participationselectform div label {
15792   display: inline-block;
15793   margin: 0 5px; }
15794
15795 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
15796   margin-left: 0; }
15797
15798 .path-backup .mform {
15799   /* These are long labels with checkboxes on the right. */ }
15800   .path-backup .mform .grouped_settings {
15801     clear: both;
15802     overflow: hidden;
15803     /* Use card styles but avoid extend because that brings in too much. */ }
15804     .path-backup .mform .grouped_settings.section_level {
15805       background-color: #fff;
15806       border: 1px solid rgba(0, 0, 0, 0.125);
15807       padding: 1.25rem;
15808       margin-bottom: 1.25rem; }
15809       .path-backup .mform .grouped_settings.section_level::after {
15810         display: block;
15811         clear: both;
15812         content: ""; }
15813   .path-backup .mform .include_setting {
15814     width: 50%;
15815     display: inline-block;
15816     float: left;
15817     padding: 0.3rem; }
15818   .path-backup .mform .normal_setting {
15819     width: 50%;
15820     display: inline-block;
15821     float: left;
15822     padding: 0.3rem; }
15823
15824 .path-backup {
15825   /* Bold section labels */ }
15826   .path-backup .section_level {
15827     font-weight: bold; }
15828   .path-backup .section_level .activity_level {
15829     font-weight: normal; }
15830   .path-backup .proceedbutton {
15831     margin-left: auto; }
15832
15833 /* Override the columns width to leave more room for the labels. */
15834 .path-backup .mform .root_setting,
15835 .path-backup .mform .grouped_settings {
15836   /* Striped rows like a table */ }
15837   .path-backup .mform .root_setting:nth-of-type(odd),
15838   .path-backup .mform .grouped_settings:nth-of-type(odd) {
15839     background-color: rgba(0, 0, 0, 0.05); }
15840   .path-backup .mform .root_setting:nth-of-type(even),
15841   .path-backup .mform .grouped_settings:nth-of-type(even) {
15842     background-color: #fff; }
15843   .path-backup .mform .root_setting .form-group, .path-backup .mform .root_setting .form-buttons,
15844   .path-backup .mform .root_setting .path-admin .buttons, .path-admin .path-backup .mform .root_setting .buttons,
15845   .path-backup .mform .root_setting #fitem_id_submitbutton,
15846   .path-backup .mform .root_setting .fp-content-center form + div, .fp-content-center .path-backup .mform .root_setting form + div,
15847   .path-backup .mform .root_setting div.backup-section + form,
15848   .path-backup .mform .root_setting #fgroup_id_buttonar,
15849   .path-backup .mform .grouped_settings .form-group,
15850   .path-backup .mform .grouped_settings .form-buttons,
15851   .path-backup .mform .grouped_settings .path-admin .buttons,
15852   .path-admin .path-backup .mform .grouped_settings .buttons,
15853   .path-backup .mform .grouped_settings #fitem_id_submitbutton,
15854   .path-backup .mform .grouped_settings .fp-content-center form + div,
15855   .fp-content-center .path-backup .mform .grouped_settings form + div,
15856   .path-backup .mform .grouped_settings div.backup-section + form,
15857   .path-backup .mform .grouped_settings #fgroup_id_buttonar {
15858     /* These checkboxes with no label on the left. */ }
15859     .path-backup .mform .root_setting .form-group .col-md-3.checkbox, .path-backup .mform .root_setting .form-buttons .col-md-3.checkbox, .path-backup .mform .root_setting .path-admin .buttons .col-md-3.checkbox, .path-admin .path-backup .mform .root_setting .buttons .col-md-3.checkbox, .path-backup .mform .root_setting #fitem_id_submitbutton .col-md-3.checkbox, .path-backup .mform .root_setting .fp-content-center form + div .col-md-3.checkbox, .fp-content-center .path-backup .mform .root_setting form + div .col-md-3.checkbox, .path-backup .mform .root_setting div.backup-section + form .col-md-3.checkbox, .path-backup .mform .root_setting #fgroup_id_buttonar .col-md-3.checkbox,
15860     .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox,
15861     .path-backup .mform .grouped_settings .form-buttons .col-md-3.checkbox,
15862     .path-backup .mform .grouped_settings .path-admin .buttons .col-md-3.checkbox,
15863     .path-admin .path-backup .mform .grouped_settings .buttons .col-md-3.checkbox,
15864     .path-backup .mform .grouped_settings #fitem_id_submitbutton .col-md-3.checkbox,
15865     .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-3.checkbox,
15866     .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-3.checkbox,
15867     .path-backup .mform .grouped_settings div.backup-section + form .col-md-3.checkbox,
15868     .path-backup .mform .grouped_settings #fgroup_id_buttonar .col-md-3.checkbox {
15869       width: 0%; }
15870     .path-backup .mform .root_setting .form-group .col-md-9.checkbox, .path-backup .mform .root_setting .form-buttons .col-md-9.checkbox, .path-backup .mform .root_setting .path-admin .buttons .col-md-9.checkbox, .path-admin .path-backup .mform .root_setting .buttons .col-md-9.checkbox, .path-backup .mform .root_setting #fitem_id_submitbutton .col-md-9.checkbox, .path-backup .mform .root_setting .fp-content-center form + div .col-md-9.checkbox, .fp-content-center .path-backup .mform .root_setting form + div .col-md-9.checkbox, .path-backup .mform .root_setting div.backup-section + form .col-md-9.checkbox, .path-backup .mform .root_setting #fgroup_id_buttonar .col-md-9.checkbox,
15871     .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox,
15872     .path-backup .mform .grouped_settings .form-buttons .col-md-9.checkbox,
15873     .path-backup .mform .grouped_settings .path-admin .buttons .col-md-9.checkbox,
15874     .path-admin .path-backup .mform .grouped_settings .buttons .col-md-9.checkbox,
15875     .path-backup .mform .grouped_settings #fitem_id_submitbutton .col-md-9.checkbox,
15876     .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-9.checkbox,
15877     .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-9.checkbox,
15878     .path-backup .mform .grouped_settings div.backup-section + form .col-md-9.checkbox,
15879     .path-backup .mform .grouped_settings #fgroup_id_buttonar .col-md-9.checkbox {
15880       width: 100%;
15881       left: 0; }
15882
15883 /* Detail pair is (usually) some short label with a longer value */
15884 .path-backup .detail-pair .detail-pair-label {
15885   width: 25%;
15886   float: left;
15887   clear: left; }
15888
15889 .path-backup .detail-pair .detail-pair-value {
15890   width: 75%;
15891   float: left; }
15892
15893 .path-backup .backup-restore .singlebutton {
15894   float: right; }
15895
15896 /* Make these bits full width and work with the detail-pair */
15897 .path-backup .backup-section {
15898   /* Fix for nested table headers */
15899   /* Add card styles to backup sections */
15900   background-color: #fff;
15901   border: 1px solid rgba(0, 0, 0, 0.125);
15902   padding: 1.25rem;
15903   margin-bottom: 1.25rem; }
15904   .path-backup .backup-section .sub-header,
15905   .path-backup .backup-section .backup-sub-section,
15906   .path-backup .backup-section .singlebutton,
15907   .path-backup .backup-section .header {
15908     width: 100%;
15909     float: left;
15910     clear: both; }
15911   .path-backup .backup-section th.header {
15912     width: auto;
15913     float: none; }
15914   .path-backup .backup-section ::after {
15915     content: "";
15916     display: table;
15917     clear: both; }
15918   .path-backup .backup-section::after {
15919     display: block;
15920     clear: both;
15921     content: ""; }
15922
15923 .path-backup .notification.dependencies_enforced {
15924   color: #d9534f;
15925   font-weight: bold; }
15926
15927 .path-backup .backup_progress {
15928   margin-top: 1rem;
15929   margin-bottom: 1rem; }
15930   .path-backup .backup_progress .backup_stage.backup_stage_current {
15931     font-weight: bold;
15932     color: inherit; }
15933
15934 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
15935   color: inherit; }
15936
15937 #page-backup-restore .filealiasesfailures {
15938   background-color: #f7dddc; }
15939   #page-backup-restore .filealiasesfailures .aliaseslist {
15940     background-color: #fff; }
15941
15942 .path-backup .wibbler {
15943   width: 500px;
15944   margin: 0 auto 10px;
15945   border-bottom: 1px solid black;
15946   border-right: 1px solid black;
15947   border-left: 1px solid black;
15948   position: relative;
15949   min-height: 4px; }
15950   .path-backup .wibbler .wibble {
15951     position: absolute;
15952     left: 0;
15953     right: 0;
15954     top: 0;
15955     height: 4px; }
15956   .path-backup .wibbler .state0 {
15957     background: #eee; }
15958   .path-backup .wibbler .state1 {
15959     background: #ddd; }
15960   .path-backup .wibbler .state2 {
15961     background: #ccc; }
15962   .path-backup .wibbler .state3 {
15963     background: #bbb; }
15964   .path-backup .wibbler .state4 {
15965     background: #aaa; }
15966   .path-backup .wibbler .state5 {
15967     background: #999; }
15968   .path-backup .wibbler .state6 {
15969     background: #888; }
15970   .path-backup .wibbler .state7 {
15971     background: #777; }
15972   .path-backup .wibbler .state8 {
15973     background: #666; }
15974   .path-backup .wibbler .state9 {
15975     background: #555; }
15976   .path-backup .wibbler .state10 {
15977     background: #444; }
15978   .path-backup .wibbler .state11 {
15979     background: #333; }
15980   .path-backup .wibbler .state12 {
15981     background: #222; }
15982
15983 .singlebutton {
15984   display: inline-block; }
15985   .singlebutton + .singlebutton {
15986     margin-left: 0.5rem; }
15987
15988 .continuebutton {
15989   text-align: center; }
15990
15991 p.arrow_button {
15992   margin-top: 5em;
15993   text-align: center; }
15994   p.arrow_button #remove {
15995     margin: 3em auto 5em; }
15996
15997 #addcontrols {
15998   margin-top: 11.25rem;
15999   text-align: center;
16000   margin-bottom: 3em; }
16001   #addcontrols label {
16002     display: inline; }
16003
16004 #addcontrols input,
16005 #removecontrols input {
16006   margin: auto; }
16007
16008 .btn-lineup {
16009   margin: 0 0 10px 5px; }
16010
16011 .gradetreebox h4 {
16012   font-size: 0.9375rem; }
16013
16014 .gradetreebox th.cell,
16015 .gradetreebox input[type=text] {
16016   width: auto; }
16017
16018 .gradetreebox input[type=text],
16019 .gradetreebox select {
16020   margin-bottom: 0; }
16021
16022 .core_grades_notices .singlebutton {
16023   display: inline-block; }
16024
16025 .path-grade-report #maincontent + .urlselect {
16026   position: absolute;
16027   left: 40vw; }
16028
16029 .path-grade-report-grader #region-main {
16030   min-width: 100%;
16031   width: auto; }
16032   .path-grade-report-grader #region-main > .card, .path-grade-report-grader #page-enrol-users #region-main > #filterform, #page-enrol-users .path-grade-report-grader #region-main > #filterform, .path-grade-report-grader .que #region-main > .history, .que .path-grade-report-grader #region-main > .history, .path-grade-report-grader .userprofile .profile_tree #region-main > section, .userprofile .profile_tree .path-grade-report-grader #region-main > section, .path-grade-report-grader #region-main > .groupinfobox, .path-grade-report-grader #region-main > .well {
16033     width: auto;
16034     overflow-x: initial; }
16035
16036 .path-grade-report-grader [data-region="blocks-column"] {
16037   width: 100%;
16038   clear: both; }
16039
16040 #page-grade-grading-manage #activemethodselector label {
16041   display: inline-block; }
16042
16043 #page-grade-grading-manage #activemethodselector .helptooltip {
16044   margin-right: 0.5em; }
16045
16046 #page-grade-grading-manage .actions {
16047   display: block;
16048   text-align: center;
16049   margin-bottom: 1em; }
16050   #page-grade-grading-manage .actions .action {
16051     display: inline-block;
16052     position: relative;
16053     vertical-align: top;
16054     width: 150px;
16055     text-align: center;
16056     overflow: hidden;
16057     margin: 0.5em;
16058     padding: 1em;
16059     border: 1px solid #aaa; }
16060     #page-grade-grading-manage .actions .action .action-text {
16061       position: relative;
16062       top: 0.4em;
16063       font-size: 14px;
16064       white-space: normal; }
16065
16066 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
16067   font-size: 70%; }
16068
16069 .gradingform_rubric.editor .addlevel input,
16070 .gradingform_rubric.editor .addcriterion input {
16071   background: #fff none no-repeat top left; }
16072
16073 #rubric-rubric.gradingform_rubric #rubric-criteria {
16074   margin-bottom: 1em; }
16075   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
16076     vertical-align: top;
16077     padding: 6px; }
16078     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea {
16079       margin-bottom: 0;
16080       height: 115px; }
16081   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea {
16082     width: 80%;
16083     margin-bottom: 0; }
16084   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score {
16085     position: relative;
16086     float: left;
16087     margin-right: 28px; }
16088     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input {
16089       margin-bottom: 0; }
16090   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level {
16091     vertical-align: top;
16092     padding: 6px; }
16093     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete {
16094       position: relative;
16095       width: 32px;
16096       height: 32px;
16097       margin-top: -32px;
16098       clear: both;
16099       float: right; }
16100       #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input {
16101         display: block;
16102         position: absolute;
16103         right: 0;
16104         bottom: 0;
16105         height: 24px;
16106         width: 24px;
16107         margin: 0; }
16108         #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover {
16109           background-color: #ddd; }
16110   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input {
16111     float: none;
16112     width: 2em; }
16113     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
16114       width: 0; }
16115   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
16116     vertical-align: middle; }
16117     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
16118       background-position: 0 0;
16119       height: 30px;
16120       margin-right: 5px; }
16121
16122 #rubric-rubric.gradingform_rubric .addcriterion {
16123   margin-left: 5px;
16124   padding: 0;
16125   margin-bottom: 1em; }
16126   #rubric-rubric.gradingform_rubric .addcriterion input {
16127     margin: 0;
16128     color: inherit;
16129     text-shadow: inherit;
16130     border: 0 none;
16131     line-height: inherit;
16132     background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
16133     padding-left: 26px; }
16134
16135 #rubric-rubric.gradingform_rubric .options {
16136   clear: both; }
16137   #rubric-rubric.gradingform_rubric .options .option label {
16138     margin: 0;
16139     padding: 0;
16140     font-size: inherit;
16141     font-weight: normal;
16142     line-height: 2em;
16143     color: inherit;
16144     text-shadow: none;
16145     background-color: transparent; }
16146   #rubric-rubric.gradingform_rubric .options .option input {
16147     margin-left: 5px;
16148     margin-right: 12px; }
16149
16150 .path-grade-edit-tree .setup-grades h4 {
16151   margin: 0; }
16152
16153 .path-grade-edit-tree .setup-grades .column-rowspan {
16154   padding: 0;
16155   width: 24px;
16156   min-width: 24px;
16157   max-width: 24px; }
16158
16159 .path-grade-edit-tree .setup-grades .category td.column-name {
16160   padding-left: 0; }
16161
16162 .path-grade-edit-tree .setup-grades td.column-name {
16163   padding-left: 24px; }
16164
16165 .path-grade-edit-tree .setup-grades .category input[type="text"],
16166 .path-grade-edit-tree .setup-grades .category .column-range,
16167 .path-grade-edit-tree .setup-grades .categoryitem,
16168 .path-grade-edit-tree .setup-grades .courseitem {
16169   font-weight: bold; }
16170
16171 .path-grade-edit-tree .setup-grades .emptyrow {
16172   display: none; }
16173
16174 .path-grade-edit-tree .setup-grades .gradeitemdescription {
16175   font-weight: normal;
16176   padding-left: 24px; }
16177
16178 .path-grade-edit-tree .setup-grades .column-weight {
16179   white-space: nowrap; }
16180   .path-grade-edit-tree .setup-grades .column-weight.level3 {
16181     padding-left: 37px; }
16182   .path-grade-edit-tree .setup-grades .column-weight.level4 {
16183     padding-left: 66px; }
16184   .path-grade-edit-tree .setup-grades .column-weight.level5 {
16185     padding-left: 95px; }
16186   .path-grade-edit-tree .setup-grades .column-weight.level6 {
16187     padding-left: 124px; }
16188   .path-grade-edit-tree .setup-grades .column-weight.level7 {
16189     padding-left: 153px; }
16190   .path-grade-edit-tree .setup-grades .column-weight.level8 {
16191     padding-left: 182px; }
16192   .path-grade-edit-tree .setup-grades .column-weight.level9 {
16193     padding-left: 211px; }
16194   .path-grade-edit-tree .setup-grades .column-weight.level10 {
16195     padding-left: 240px; }
16196
16197 .path-grade-edit-tree .setup-grades .column-range.level2 {
16198   padding-left: 37px; }
16199
16200 .path-grade-edit-tree .setup-grades .column-range.level3 {
16201   padding-left: 66px; }
16202
16203 .path-grade-edit-tree .setup-grades .column-range.level4 {
16204   padding-left: 95px; }
16205
16206 .path-grade-edit-tree .setup-grades .column-range.level5 {
16207   padding-left: 124px; }
16208
16209 .path-grade-edit-tree .setup-grades .column-range.level6 {
16210   padding-left: 153px; }
16211
16212 .path-grade-edit-tree .setup-grades .column-range.level7 {
16213   padding-left: 182px; }
16214
16215 .path-grade-edit-tree .setup-grades .column-range.level8 {
16216   padding-left: 211px; }
16217
16218 .path-grade-edit-tree .setup-grades .column-range.level9 {
16219   padding-left: 240px; }
16220
16221 .path-grade-edit-tree .setup-grades .column-range.level10 {
16222   padding-left: 269px; }
16223
16224 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
16225   background-color: rgba(0, 0, 0, 0.05); }
16226
16227 .path-grade-edit-tree .setup-grades.generaltable .leveleven {
16228   background-color: transparent; }
16229
16230 /**
16231  * Grader report.
16232  */
16233 .path-grade-report .gradeparent tr .cell {
16234   background-color: #fff; }
16235
16236 .path-grade-report .gradeparent table,
16237 .path-grade-report .gradeparent .cell {
16238   border-color: #dee2e6; }
16239
16240 .path-grade-report .gradeparent tr:nth-of-type(even) .cell,
16241 .path-grade-report .gradeparent .floater .cell,
16242 .path-grade-report .gradeparent .avg {
16243   background-color: #f8f9fa; }
16244
16245 .path-grade-report .gradeparent table .clickable {
16246   cursor: pointer; }
16247
16248 /**
16249  * User report.
16250  */
16251 .path-grade-report-user .user-grade {
16252   border: none; }
16253   .path-grade-report-user .user-grade.generaltable .levelodd {
16254     background-color: rgba(0, 0, 0, 0.05); }
16255   .path-grade-report-user .user-grade.generaltable .leveleven {
16256     background-color: transparent; }
16257
16258 /**
16259  * Single view.
16260  */
16261 .path-grade-report-singleview input[name^="finalgrade"] {
16262   width: 80px; }
16263
16264 .columns-autoflow-1to1to1 {
16265   column-count: 3; }
16266
16267 @media (max-width: 767px) {
16268   .columns-autoflow-1to1to1 {
16269     column-count: 1; } }
16270
16271 /* some very targetted corrections to roll back nameclashes between
16272  * Moodle and Bootstrap like .row, .label, .content, .controls
16273  *
16274  * Mostly relies on these styles being more specific than the Bootstrap
16275  * ones in order to overule them.
16276  */
16277 li.activity.label,
16278 .file-picker td.label {
16279   background: inherit;
16280   color: inherit;
16281   border: inherit;
16282   text-shadow: none;
16283   padding: 8px;
16284   white-space: normal;
16285   display: block;
16286   font-size: inherit;
16287   line-height: inherit;
16288   text-align: inherit; }
16289
16290 .file-picker td.label {
16291   display: table-cell;
16292   text-align: right; }
16293
16294 .choosercontainer #chooseform .option label {
16295   font-size: 12px; }
16296
16297 /* block.invisible vs .invisible
16298  * block.hidden vs .invisible
16299  *
16300  * uses .invisible where the rest of Moodle uses @mixin dimmed
16301  * fixible in block renderer?
16302  *
16303  * There's seems to be even more naming confusion here since,
16304  * blocks can be actually 'visible' (or not) to students,
16305  * marked 'visible' but really just dimmed to indicate to editors
16306  * that students can't see them or  'visible' to the user who
16307  * collapses them, 'visible' if you have the right role and in
16308  * different circumstances different sections of a block can
16309  * be 'visible' or not.
16310  *
16311  * currently worked around in renderers.php function block{}
16312  * by rewriting the class name "invisible" to "dimmed",
16313  * though the blocks don't look particularly different apart
16314  * from their contents disappearing. Maybe try .muted? or
16315  * dimming all the edit icons apart from unhide, might be a
16316  * nice effect, though they'd still be active. Maybe reverse
16317  * it to white?
16318  */
16319 li.section.hidden,
16320 .block.hidden,
16321 .block.invisible {
16322   visibility: visible;
16323   display: block; }
16324
16325 /* .row vs .row
16326  *
16327  * very tricky to track down this when it goes wrong,
16328  * since the styles are applied to generated content
16329  *
16330  * basically if you see things shifted left or right compared
16331  * with where they should be check for a .row
16332  */
16333 .forumpost .row {
16334   margin-left: 0 !important;
16335   /* stylelint-disable-line declaration-no-important */ }
16336
16337 .forumpost .row:before,
16338 .forumpost .row:after {
16339   content: none; }
16340
16341 /* fieldset.hidden vs .hidden
16342  *
16343  * Moodle uses fieldset.hidden for mforms, to signify a collection of
16344  * form elements that don't have a box drawn round them. Bootstrap
16345  * uses hidden for stuff that is hidden in various responsive modes.
16346  *
16347  * Relatedly, there is also fieldset.invisiblefieldset which hides the
16348  * border and sets the display to inline.
16349  *
16350  * Originally this just set block and visible, but it is used
16351  * in random question dialogue in Quiz,
16352  * that dialogue is hidden and shown, so when hidden the
16353  * above workaround leaves you with a button floating around
16354  */
16355 fieldset.hidden {
16356   display: inherit;
16357   visibility: inherit; }
16358
16359 /* .container vs .container
16360  *
16361  * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
16362  * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
16363  * it becomes near unuseable.
16364  */
16365 #questionbank + .container {
16366   width: auto; }
16367
16368 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
16369   display: block;
16370   margin-top: -6px; }
16371
16372 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
16373 .langmenu.open > .dropdown-menu {
16374   display: block;
16375   max-height: 150px;
16376   overflow-y: auto; }
16377
16378 .navbar.fixed-top .dropdown .dropdown-menu {
16379   max-height: calc(100vh - 50px);
16380   overflow-y: auto; }
16381
16382 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
16383   z-index: inherit; }
16384
16385 /* Force positioning of popover arrows.
16386  *
16387  * The Css prefixer used in Moodle does not support complex calc statements used
16388  * in Bootstrap 4 CSS. For example:
16389  * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
16390  * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
16391  */
16392 .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow,
16393 .bs-popover-auto[x-placement^="right"] .arrow {
16394   left: -9px; }
16395
16396 .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow,
16397 .bs-popover-auto[x-placement^="left"] .arrow {
16398   right: -9px; }
16399
16400 .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow,
16401 .bs-popover-auto[x-placement^="top"] .arrow {
16402   bottom: -9px; }
16403
16404 .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow,
16405 .bs-popover-auto[x-placement^="bottom"] .arrow {
16406   top: -9px; }
16407
16408 .custom-select {
16409   word-wrap: normal; }
16410
16411 /* Add commented out carousel transistions back in.
16412  *
16413  * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
16414  */
16415 .carousel-item-next.carousel-item-left,
16416 .carousel-item-prev.carousel-item-right {
16417   transform: translateX(0); }
16418
16419 .carousel-item-next,
16420 .active.carousel-item-right {
16421   transform: translateX(100%); }
16422
16423 .carousel-item-prev,
16424 .active.carousel-item-left {
16425   transform: translateX(-100%); }
16426
16427 body.behat-site .fixed-top {
16428   position: absolute; }
16429
16430 body.behat-site .dropdown-item {
16431   margin-top: 4px !important;
16432   /* stylelint-disable declaration-no-important */ }
16433
16434 body.behat-site.drawer-ease {
16435   -webkit-transition: initial;
16436   -moz-transition: initial;
16437   transition: initial; }
16438
16439 body.behat-site [data-region="drawer"] {
16440   -webkit-transition: initial;
16441   -moz-transition: initial;
16442   transition: initial;
16443   position: absolute; }
16444
16445 .phpinfo table,
16446 .phpinfo th,
16447 .phpinfo h2 {
16448   margin: auto; }
16449
16450 .phpinfo h2 {
16451   width: 600px; }
16452
16453 .phpinfo .e,
16454 .phpinfo .v,
16455 .phpinfo .h {
16456   border: 1px solid #000;
16457   font-size: 0.8em;
16458   vertical-align: baseline;
16459   color: #000;
16460   background-color: #ccc; }
16461
16462 .phpinfo .e {
16463   background-color: #ccf;
16464   font-weight: bold; }
16465
16466 .phpinfo .h {
16467   background-color: #99c;
16468   font-weight: bold; }
16469
16470 table caption {
16471   font-size: 24px;
16472   font-weight: bold;
16473   line-height: 42px;
16474   text-align: left;
16475   caption-side: top; }
16476
16477 /**
16478  * This file contains the styles required to make the footer sticky.
16479  */
16480 html,
16481 body {
16482   height: 100%; }
16483
16484 #page-wrapper {
16485   height: 100%;
16486   display: flex;
16487   flex-direction: column; }
16488   #page-wrapper #page {
16489     flex: 1 0 auto;
16490     display: flex;
16491     flex-direction: column; }
16492     #page-wrapper #page #page-content {
16493       flex: 1 0 auto; }
16494   #page-wrapper #page-footer {
16495     flex-shrink: 0; }
16496
16497 .popover-region {
16498   float: right;
16499   position: relative; }
16500   .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
16501     display: none; }
16502   .popover-region.collapsed .popover-region-container {
16503     opacity: 0;
16504     visibility: hidden;
16505     height: 0;
16506     overflow: hidden;
16507     transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; }
16508
16509 .popover-region-toggle {
16510   cursor: pointer; }
16511   .popover-region-toggle::before {
16512     content: '';
16513     display: inline-block;
16514     border-left: 10px solid transparent;
16515     border-right: 10px solid transparent;
16516     border-bottom: 10px solid #ddd;
16517     position: absolute;
16518     bottom: 0;
16519     right: 7px; }
16520   .popover-region-toggle::after {
16521     content: '';
16522     display: inline-block;
16523     border-left: 9px solid transparent;
16524     border-right: 9px solid transparent;
16525     border-bottom: 9px solid #fff;
16526     position: absolute;
16527     bottom: -1px;
16528     right: 8px;
16529     z-index: 2; }
16530
16531 .count-container {
16532   padding: 2px;
16533   border-radius: 2px;
16534   background-color: red;
16535   color: white;
16536   font-size: 10px;
16537   line-height: 10px;
16538   position: absolute;
16539   top: 5px;
16540   right: 0; }
16541
16542 .popover-region-container {
16543   opacity: 1;
16544   visibility: visible;
16545   position: absolute;
16546   right: 0;
16547   top: 0;
16548   height: 500px;
16549   width: 380px;
16550   border: 1px solid #ddd;
16551   transition: height 0.25s;
16552   background-color: #fff;
16553   z-index: 1; }
16554
16555 .popover-region-header-container {
16556   height: 25px;
16557   line-height: 25px;
16558   padding-left: 5px;
16559   padding-right: 5px;
16560   border-bottom: 1px solid #ddd;
16561   box-sizing: border-box; }
16562
16563 .popover-region-footer-container {
16564   height: 30px;
16565   text-align: center;
16566   border-top: 1px solid #ddd;
16567   background-color: #fff;
16568   padding-top: 3px; }
16569
16570 .popover-region-header-text {
16571   float: left;
16572   margin: 0;
16573   font-size: 14px;
16574   line-height: 25px; }
16575
16576 .popover-region-header-actions {
16577   float: right; }
16578   .popover-region-header-actions > * {
16579     margin-left: 10px;
16580     min-width: 20px;
16581     display: inline-block; }
16582   .popover-region-header-actions .loading-icon {
16583     display: none;
16584     height: 12px;
16585     width: 12px; }
16586   .popover-region-header-actions .newmessage-link {
16587     margin-right: 10px; }
16588   .popover-region-header-actions label {
16589     display: inline-block;
16590     text-align: center;
16591     margin-bottom: 0; }
16592
16593 .popover-region-content-container {
16594   height: calc(100% - 55px);
16595   width: 100%;
16596   overflow-y: auto;
16597   -webkit-overflow-scrolling: touch; }
16598   .popover-region-content-container > .loading-icon {
16599     display: none;
16600     text-align: center;
16601     padding: 5px;
16602     box-sizing: border-box; }
16603   .popover-region-content-container .empty-message {
16604     display: none;
16605     text-align: center;
16606     padding: 10px; }
16607   .popover-region-content-container.loading > .loading-icon {
16608     display: block; }
16609   .popover-region-content-container.loading .empty-message {
16610     display: none; }
16611
16612 .navbar .popover-region {
16613   float: right;
16614   margin-right: 10px; }
16615   .navbar .popover-region.collapsed .popover-region-container {
16616     opacity: 0;
16617     visibility: hidden;
16618     height: 0;
16619     overflow: hidden;
16620     transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; }
16621
16622 .navbar .popover-region-toggle {
16623   width: 25px; }
16624
16625 .navbar .count-container {
16626   padding: 2px;
16627   border-radius: 2px;
16628   background-color: red;
16629   color: white;
16630   font-size: 10px;
16631   line-height: 10px;
16632   position: absolute;
16633   top: 5px;
16634   right: 0; }
16635
16636 .navbar .popover-region-container {
16637   top: 1.96875rem; }
16638
16639 .content-item-container {
16640   width: 100%;
16641   border-bottom: 1px solid #ddd;
16642   box-sizing: border-box;
16643   padding: 5px;
16644   position: relative;
16645   margin: 0;
16646   display: block;
16647   color: inherit;
16648   text-decoration: none; }
16649   .content-item-container:hover {
16650     color: #fff;
16651     background-color: #79b5e6; }
16652     .content-item-container:hover .content-item-footer .timestamp {
16653       color: #fff; }
16654   .content-item-container.unread {
16655     margin: 0;
16656     background-color: #f4f4f4; }
16657     .content-item-container.unread:hover {
16658       color: #fff;
16659       background-color: #79b5e6; }
16660     .content-item-container.unread .content-item-body .notification-message {
16661       font-weight: 600; }
16662   .content-item-container .context-link {
16663     color: inherit;
16664     text-decoration: none; }
16665   .content-item-container .content-item-body {
16666     box-sizing: border-box;
16667     margin-bottom: 5px; }
16668   .content-item-container .content-item-footer {
16669     text-align: left;
16670     box-sizing: border-box; }
16671     .content-item-container .content-item-footer .timestamp {
16672       font-size: 10px;
16673       line-height: 10px;
16674       margin: 0;
16675       color: #666;
16676       margin-left: 24px; }
16677   .content-item-container .view-more {
16678     position: absolute;
16679     bottom: 5px;
16680     right: 5px;
16681     font-size: 12px;
16682     line-height: 12px; }
16683   .content-item-container.notification .content-item-body .notification-image {
16684     display: inline-block;
16685     width: 24px;
16686     height: 24px;
16687     float: left; }
16688     .content-item-container.notification .content-item-body .notification-image img {
16689       height: 75%; }
16690   .content-item-container.notification .content-item-body .notification-message {
16691     display: inline-block;
16692     font-size: 12px;
16693     width: calc(100% - 24px); }
16694   .content-item-container.selected {
16695     background-color: #4f94cd;
16696     color: #fff;
16697     border-color: #4f94cd; }
16698     .content-item-container.selected .content-item-footer .timestamp {
16699       color: #fff; }
16700
16701 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
16702   display: inline-block; }
16703
16704 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
16705   display: none; }
16706
16707 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
16708   display: inline-block; }
16709
16710 .popover-region-notifications .all-notifications {
16711   opacity: 1;
16712   visibility: visible;
16713   height: auto;
16714   overflow: hidden; }
16715   .popover-region-notifications .all-notifications:empty + .empty-message {
16716     display: block; }
16717
16718 .popover-region-notifications .notification-image {
16719   display: inline-block;
16720   width: 8%;
16721   vertical-align: top; }
16722   .popover-region-notifications .notification-image img {
16723     height: 75%; }
16724
16725 .popover-region-notifications .notification-message {
16726   display: inline-block;
16727   font-size: 12px; }
16728
16729 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
16730   display: none; }
16731
16732 .popover-region-messages .mark-all-read-button .normal-icon {
16733   display: inline-block; }
16734
16735 .popover-region-messages .mark-all-read-button.loading .normal-icon {
16736   display: none; }
16737
16738 .popover-region-messages .mark-all-read-button.loading .loading-icon {
16739   display: inline-block; }
16740
16741 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
16742   display: none; }
16743
16744 .popover-region-messages .messages:empty + .empty-message {
16745   display: block; }
16746
16747 .popover-region-messages .content-item-container.unread .content-item-body {
16748   font-weight: 600;
16749   width: calc(90% - 30px); }
16750
16751 .popover-region-messages .content-item-container.unread .unread-count-container {
16752   display: inline-block;
16753   width: 10%;
16754   text-align: center;
16755   float: right; }
16756
16757 .popover-region-messages .content-item {
16758   height: 100%;
16759   width: 100%;
16760   box-sizing: border-box; }
16761
16762 .popover-region-messages .profile-image-container {
16763   width: 30px;
16764   display: inline-block;
16765   text-align: center;
16766   float: left; }
16767   .popover-region-messages .profile-image-container img {
16768     width: 100%;
16769     display: inline-block;
16770     vertical-align: middle;
16771     border-radius: 50%; }
16772
16773 .popover-region-messages .content-item-body {
16774   display: inline-block;
16775   box-sizing: border-box;
16776   width: calc(100% - 30px);
16777   font-size: 12px;
16778   padding-left: 10px;
16779   overflow: hidden; }
16780   .popover-region-messages .content-item-body h3 {
16781     font-size: 12px;
16782     line-height: 12px;
16783     margin: 0;
16784     width: 100%; }
16785   .popover-region-messages .content-item-body p {
16786     margin: 0; }
16787
16788 .popover-region-messages .unread-count-container {
16789   display: none; }
16790
16791 @media (max-width: 767px) {
16792   .navbar .popover-region .popover-region-container {
16793     right: -70px; } }
16794
16795 @media (max-width: 480px) {
16796   .navbar .popover-region .popover-region-container {
16797     position: fixed;
16798     top: 46px;
16799     right: 0;
16800     left: 0;
16801     bottom: 0;
16802     width: auto;
16803     height: auto; } }
16804
16805 /**
16806  * Tour step must sit above all other UI components.
16807  * The backdrop is the lowest point in the tour.
16808  * Everything else is in the container, and the target background should be at the same z-index.
16809  * ----- moodle
16810  *  ---- step backdrop
16811  *   --- step container
16812  *   --- step target background
16813  */
16814 div[data-flexitour="backdrop"] {
16815   background-color: #000;
16816   opacity: 0.5;
16817   z-index: 1040; }
16818
16819 div[data-flexitour="step-background-fader"],
16820 div[data-flexitour="step-background"] {
16821   z-index: 1041; }
16822
16823 span[data-flexitour="container"],
16824 div[data-flexitour="step-background-fader"],
16825 [data-flexitour="step-backdrop"] > td,
16826 [data-flexitour="step-backdrop"] {
16827   z-index: 1042; }
16828
16829 span[data-flexitour="container"] .modal-dialog {
16830   /**
16831          * Remove all margins to:
16832          * 1) ensure that the arrow touches the target; and
16833          * 2) ensure that the focus border touches the modal.
16834          */
16835   margin: 0; }
16836
16837 span[data-flexitour="container"] div[data-role="arrow"] {
16838   border-width: 11px; }
16839
16840 span[data-flexitour="container"] div[data-role="arrow"],
16841 span[data-flexitour="container"] div[data-role="arrow"]:after {
16842   position: absolute;
16843   display: block;
16844   width: 0;
16845   height: 0;
16846   border-color: transparent;
16847   border-style: solid;
16848   border-width: 1rem; }
16849
16850 span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] {
16851   margin-bottom: 1rem; }
16852   span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
16853     bottom: -11px;
16854     left: 50%;
16855     margin-left: -11px;
16856     border-bottom-width: 0;
16857     border-top-color: rgba(0, 0, 0, 0.25); }
16858   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 {
16859     bottom: 1px;
16860     margin-left: -1rem;
16861     content: " ";
16862     border-bottom-width: 0;
16863     border-top-color: #fff; }
16864
16865 span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] {
16866   margin-top: 1rem; }
16867   span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
16868     top: -11px;
16869     left: 50%;
16870     margin-left: -11px;
16871     border-top-width: 0;
16872     border-bottom-color: rgba(0, 0, 0, 0.25); }
16873   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 {
16874     top: 1px;
16875     margin-left: -1rem;
16876     content: " ";
16877     border-top-width: 0;
16878     border-bottom-color: #fff; }
16879
16880 span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] {
16881   margin-right: 1rem; }
16882   span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
16883     right: -11px;
16884     top: 50%;
16885     margin-top: -11px;
16886     border-right-width: 0;
16887     border-left-color: rgba(0, 0, 0, 0.25); }
16888   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 {
16889     right: 1px;
16890     margin-top: -1rem;
16891     content: " ";
16892     border-right-width: 0;
16893     border-left-color: #fff; }
16894
16895 span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] {
16896   margin-left: 1rem; }
16897   span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
16898     left: -11px;
16899     top: 50%;
16900     margin-top: -11px;
16901     border-left-width: 0;
16902     border-right-color: rgba(0, 0, 0, 0.25); }
16903   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 {
16904     left: 1px;
16905     margin-top: -1rem;
16906     content: " ";
16907     border-left-width: 0;
16908     border-right-color: #fff; }
16909
16910 [data-region="drawer"] [data-flexitour="container"] {
16911   /*rtl:ignore*/
16912   margin-left: -15px;
16913   width: 275px; }
16914
16915 .label {
16916   background-color: #868e96; }
16917   .label[href]:hover, .label[href]:focus {
16918     background-color: #6c757d; }
16919
16920 .label-success {
16921   background-color: #5cb85c; }
16922   .label-success[href]:hover, .label-success[href]:focus {
16923     background-color: #449d44; }
16924
16925 .label-info {
16926   background-color: #5bc0de; }
16927   .label-info[href]:hover, .label-info[href]:focus {
16928     background-color: #31b0d5; }
16929
16930 .label-warning {
16931   background-color: #ff7518; }
16932   .label-warning[href]:hover, .label-warning[href]:focus {
16933     background-color: #e45c00; }
16934
16935 .label-important {
16936   background-color: #d9534f; }
16937   .label-important[href]:hover, .label-important[href]:focus {
16938     background-color: #c9302c; }
16939
16940 .badge {
16941   background-color: #868e96; }
16942   .badge[href]:hover, .badge[href]:focus {
16943     background-color: #6c757d; }
16944
16945 .badge-success {
16946   background-color: #5cb85c; }
16947   .badge-success[href]:hover, .badge-success[href]:focus {
16948     background-color: #449d44; }
16949
16950 .badge-info {
16951   background-color: #5bc0de; }
16952   .badge-info[href]:hover, .badge-info[href]:focus {
16953     background-color: #31b0d5; }
16954
16955 .badge-warning {
16956   background-color: #ff7518; }
16957   .badge-warning[href]:hover, .badge-warning[href]:focus {
16958     background-color: #e45c00; }
16959
16960 .badge-important {
16961   background-color: #d9534f; }
16962   .badge-important[href]:hover, .badge-important[href]:focus {
16963     background-color: #c9302c; }
16964
16965 .pull-left {
16966   float: left !important; }
16967
16968 .pull-right {
16969   float: right !important; }
16970
16971 @media print {
16972   body.drawer-open-left.jsenabled,
16973   body.drawer-open-right.jsenabled {
16974     margin: 0; }
16975   .container {
16976     width: auto; } }
16977
16978 .modal .modal-body > .loading-icon {
16979   display: block;
16980   position: relative;
16981   width: 100%;
16982   height: 100%; }
16983   .modal .modal-body > .loading-icon .icon {
16984     position: absolute;
16985     top: 50%;
16986     /*rtl:ignore*/
16987     left: 50%;
16988     transform: translate(-50%, -50%); }
16989
16990 body {
16991   -webkit-font-smoothing: antialiased; }
16992
16993 .navbar {
16994   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
16995
16996 .userpicture {
16997   border-radius: 50%; }
16998
16999 .btn-outline-secondary {
17000   color: #868e96;
17001   background-color: transparent;
17002   background-image: none;
17003   border-color: #868e96;
17004   border-color: #dee2e6; }
17005   .btn-outline-secondary:hover {
17006     color: #fff;
17007     background-color: #868e96;
17008     border-color: #868e96; }
17009   .btn-outline-secondary:focus, .btn-outline-secondary.focus {
17010     box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
17011   .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
17012     color: #868e96;
17013     background-color: transparent; }
17014   .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
17015   .show > .btn-outline-secondary.dropdown-toggle {
17016     color: #fff;
17017     background-color: #868e96;
17018     border-color: #868e96; }
17019     .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
17020     .show > .btn-outline-secondary.dropdown-toggle:focus {
17021       box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }