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: #ced4da;
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: #f1f3f5; }
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: #e2e6ea; }
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: #e2e6ea; }
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 .fp-content-center form + div,
3802 div.backup-section + form {
3803   margin-bottom: 1rem; }
3804
3805 .form-text {
3806   display: block;
3807   margin-top: 0.25rem; }
3808
3809 .form-row {
3810   display: flex;
3811   flex-wrap: wrap;
3812   margin-right: -5px;
3813   margin-left: -5px; }
3814   .form-row > .col,
3815   .form-row > [class*="col-"] {
3816     padding-right: 5px;
3817     padding-left: 5px; }
3818
3819 .form-check {
3820   position: relative;
3821   display: block;
3822   padding-left: 1.25rem; }
3823
3824 .form-check-input {
3825   position: absolute;
3826   margin-top: 0.3rem;
3827   margin-left: -1.25rem; }
3828   .form-check-input:disabled ~ .form-check-label {
3829     color: #868e96; }
3830
3831 .form-check-label {
3832   margin-bottom: 0; }
3833
3834 .form-check-inline {
3835   display: inline-flex;
3836   align-items: center;
3837   padding-left: 0;
3838   margin-right: 0.75rem; }
3839   .form-check-inline .form-check-input {
3840     position: static;
3841     margin-top: 0;
3842     margin-right: 0.3125rem;
3843     margin-left: 0; }
3844
3845 .valid-feedback {
3846   display: none;
3847   width: 100%;
3848   margin-top: 0.25rem;
3849   font-size: 80%;
3850   color: #5cb85c; }
3851
3852 .valid-tooltip {
3853   position: absolute;
3854   top: 100%;
3855   z-index: 5;
3856   display: none;
3857   max-width: 100%;
3858   padding: .5rem;
3859   margin-top: .1rem;
3860   font-size: .875rem;
3861   line-height: 1;
3862   color: #fff;
3863   background-color: rgba(92, 184, 92, 0.8);
3864   border-radius: .2rem; }
3865
3866 .was-validated .form-control:valid, .form-control.is-valid, .was-validated
3867 .custom-select:valid,
3868 .custom-select.is-valid {
3869   border-color: #5cb85c; }
3870   .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
3871   .custom-select:valid:focus,
3872   .custom-select.is-valid:focus {
3873     border-color: #5cb85c;
3874     box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25); }
3875   .was-validated .form-control:valid ~ .valid-feedback,
3876   .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
3877   .form-control.is-valid ~ .valid-tooltip, .was-validated
3878   .custom-select:valid ~ .valid-feedback,
3879   .was-validated
3880   .custom-select:valid ~ .valid-tooltip,
3881   .custom-select.is-valid ~ .valid-feedback,
3882   .custom-select.is-valid ~ .valid-tooltip {
3883     display: block; }
3884
3885 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3886   color: #5cb85c; }
3887
3888 .was-validated .form-check-input:valid ~ .valid-feedback,
3889 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
3890 .form-check-input.is-valid ~ .valid-tooltip {
3891   display: block; }
3892
3893 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
3894   color: #5cb85c; }
3895   .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
3896     background-color: #b5dfb5; }
3897
3898 .was-validated .custom-control-input:valid ~ .valid-feedback,
3899 .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
3900 .custom-control-input.is-valid ~ .valid-tooltip {
3901   display: block; }
3902
3903 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
3904   background-color: #80c780; }
3905
3906 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
3907   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(92, 184, 92, 0.25); }
3908
3909 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
3910   border-color: #5cb85c; }
3911   .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
3912     border-color: inherit; }
3913
3914 .was-validated .custom-file-input:valid ~ .valid-feedback,
3915 .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
3916 .custom-file-input.is-valid ~ .valid-tooltip {
3917   display: block; }
3918
3919 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
3920   box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25); }
3921
3922 .invalid-feedback {
3923   display: none;
3924   width: 100%;
3925   margin-top: 0.25rem;
3926   font-size: 80%;
3927   color: #d9534f; }
3928
3929 .invalid-tooltip {
3930   position: absolute;
3931   top: 100%;
3932   z-index: 5;
3933   display: none;
3934   max-width: 100%;
3935   padding: .5rem;
3936   margin-top: .1rem;
3937   font-size: .875rem;
3938   line-height: 1;
3939   color: #fff;
3940   background-color: rgba(217, 83, 79, 0.8);
3941   border-radius: .2rem; }
3942
3943 .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
3944 .custom-select:invalid,
3945 .custom-select.is-invalid {
3946   border-color: #d9534f; }
3947   .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
3948   .custom-select:invalid:focus,
3949   .custom-select.is-invalid:focus {
3950     border-color: #d9534f;
3951     box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25); }
3952   .was-validated .form-control:invalid ~ .invalid-feedback,
3953   .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
3954   .form-control.is-invalid ~ .invalid-tooltip, .was-validated
3955   .custom-select:invalid ~ .invalid-feedback,
3956   .was-validated
3957   .custom-select:invalid ~ .invalid-tooltip,
3958   .custom-select.is-invalid ~ .invalid-feedback,
3959   .custom-select.is-invalid ~ .invalid-tooltip {
3960     display: block; }
3961
3962 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
3963   color: #d9534f; }
3964
3965 .was-validated .form-check-input:invalid ~ .invalid-feedback,
3966 .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
3967 .form-check-input.is-invalid ~ .invalid-tooltip {
3968   display: block; }
3969
3970 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
3971   color: #d9534f; }
3972   .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
3973     background-color: #f0b9b8; }
3974
3975 .was-validated .custom-control-input:invalid ~ .invalid-feedback,
3976 .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
3977 .custom-control-input.is-invalid ~ .invalid-tooltip {
3978   display: block; }
3979
3980 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
3981   background-color: #e27c79; }
3982
3983 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
3984   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(217, 83, 79, 0.25); }
3985
3986 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
3987   border-color: #d9534f; }
3988   .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
3989     border-color: inherit; }
3990
3991 .was-validated .custom-file-input:invalid ~ .invalid-feedback,
3992 .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
3993 .custom-file-input.is-invalid ~ .invalid-tooltip {
3994   display: block; }
3995
3996 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
3997   box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25); }
3998
3999 .form-inline {
4000   display: flex;
4001   flex-flow: row wrap;
4002   align-items: center; }
4003   .form-inline .form-check {
4004     width: 100%; }
4005   @media (min-width: 576px) {
4006     .form-inline label {
4007       display: flex;
4008       align-items: center;
4009       justify-content: center;
4010       margin-bottom: 0; }
4011     .form-inline .form-group, .form-inline .form-buttons,
4012     .form-inline .path-admin .buttons, .path-admin .form-inline .buttons,
4013     .form-inline .fp-content-center form + div, .fp-content-center .form-inline form + div,
4014     .form-inline div.backup-section + form {
4015       display: flex;
4016       flex: 0 0 auto;
4017       flex-flow: row wrap;
4018       align-items: center;
4019       margin-bottom: 0; }
4020     .form-inline .form-control {
4021       display: inline-block;
4022       width: auto;
4023       vertical-align: middle; }
4024     .form-inline .form-control-plaintext {
4025       display: inline-block; }
4026     .form-inline .input-group {
4027       width: auto; }
4028     .form-inline .form-check {
4029       display: flex;
4030       align-items: center;
4031       justify-content: center;
4032       width: auto;
4033       padding-left: 0; }
4034     .form-inline .form-check-input {
4035       position: relative;
4036       margin-top: 0;
4037       margin-right: 0.25rem;
4038       margin-left: 0; }
4039     .form-inline .custom-control {
4040       align-items: center;
4041       justify-content: center; }
4042     .form-inline .custom-control-label {
4043       margin-bottom: 0; } }
4044
4045 .btn, #page-grade-grading-manage .actions .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric .addcriterion {
4046   display: inline-block;
4047   font-weight: 400;
4048   text-align: center;
4049   white-space: nowrap;
4050   vertical-align: middle;
4051   user-select: none;
4052   border: 1px solid transparent;
4053   padding: 0.375rem 0.75rem;
4054   font-size: 0.9375rem;
4055   line-height: 1.5;
4056   border-radius: 0;
4057   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; }
4058   .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 {
4059     text-decoration: none; }
4060   .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 {
4061     outline: 0;
4062     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
4063   .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 {
4064     opacity: 0.65; }
4065   .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) {
4066     cursor: pointer; }
4067   .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 {
4068     background-image: none; }
4069
4070 a.btn.disabled, .fp-viewbar.disabled a, #page-grade-grading-manage .actions a.disabled.action, #rubric-rubric.gradingform_rubric a.disabled.addcriterion,
4071 fieldset:disabled a.btn,
4072 fieldset:disabled #page-grade-grading-manage .actions a.action,
4073 #page-grade-grading-manage .actions fieldset:disabled a.action,
4074 fieldset:disabled #rubric-rubric.gradingform_rubric a.addcriterion,
4075 #rubric-rubric.gradingform_rubric fieldset:disabled a.addcriterion {
4076   pointer-events: none; }
4077
4078 .btn-primary {
4079   color: #fff;
4080   background-color: #1177d1;
4081   border-color: #1177d1; }
4082   .btn-primary:hover {
4083     color: #fff;
4084     background-color: #0e63ae;
4085     border-color: #0d5ca2; }
4086   .btn-primary:focus, .btn-primary.focus {
4087     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
4088   .btn-primary.disabled, .btn-primary:disabled {
4089     color: #fff;
4090     background-color: #1177d1;
4091     border-color: #1177d1; }
4092   .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
4093   .show > .btn-primary.dropdown-toggle {
4094     color: #fff;
4095     background-color: #0d5ca2;
4096     border-color: #0c5596; }
4097     .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
4098     .show > .btn-primary.dropdown-toggle:focus {
4099       box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
4100
4101 .btn-secondary, .btn-default {
4102   color: #212529;
4103   background-color: #ced4da;
4104   border-color: #ced4da; }
4105   .btn-secondary:hover, .btn-default:hover {
4106     color: #212529;
4107     background-color: #b8c1ca;
4108     border-color: #b1bbc4; }
4109   .btn-secondary:focus, .btn-default:focus, .btn-secondary.focus, .focus.btn-default {
4110     box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); }
4111   .btn-secondary.disabled, .fp-viewbar.disabled a, .disabled.btn-default, .btn-secondary:disabled, .btn-default:disabled {
4112     color: #212529;
4113     background-color: #ced4da;
4114     border-color: #ced4da; }
4115   .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,
4116   .show > .btn-secondary.dropdown-toggle,
4117   .show > .dropdown-toggle.btn-default {
4118     color: #212529;
4119     background-color: #b1bbc4;
4120     border-color: #aab4bf; }
4121     .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,
4122     .show > .btn-secondary.dropdown-toggle:focus,
4123     .show > .dropdown-toggle.btn-default:focus {
4124       box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); }
4125
4126 .btn-success {
4127   color: #fff;
4128   background-color: #5cb85c;
4129   border-color: #5cb85c; }
4130   .btn-success:hover {
4131     color: #fff;
4132     background-color: #48a648;
4133     border-color: #449d44; }
4134   .btn-success:focus, .btn-success.focus {
4135     box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
4136   .btn-success.disabled, .btn-success:disabled {
4137     color: #fff;
4138     background-color: #5cb85c;
4139     border-color: #5cb85c; }
4140   .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
4141   .show > .btn-success.dropdown-toggle {
4142     color: #fff;
4143     background-color: #449d44;
4144     border-color: #409440; }
4145     .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
4146     .show > .btn-success.dropdown-toggle:focus {
4147       box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
4148
4149 .btn-info {
4150   color: #212529;
4151   background-color: #5bc0de;
4152   border-color: #5bc0de; }
4153   .btn-info:hover {
4154     color: #fff;
4155     background-color: #3bb4d8;
4156     border-color: #31b0d5; }
4157   .btn-info:focus, .btn-info.focus {
4158     box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
4159   .btn-info.disabled, .btn-info:disabled {
4160     color: #212529;
4161     background-color: #5bc0de;
4162     border-color: #5bc0de; }
4163   .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
4164   .show > .btn-info.dropdown-toggle {
4165     color: #fff;
4166     background-color: #31b0d5;
4167     border-color: #2aaacf; }
4168     .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
4169     .show > .btn-info.dropdown-toggle:focus {
4170       box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
4171
4172 .btn-warning {
4173   color: #212529;
4174   background-color: #f0ad4e;
4175   border-color: #f0ad4e; }
4176   .btn-warning:hover {
4177     color: #212529;
4178     background-color: #ed9d2b;
4179     border-color: #ec971f; }
4180   .btn-warning:focus, .btn-warning.focus {
4181     box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
4182   .btn-warning.disabled, .btn-warning:disabled {
4183     color: #212529;
4184     background-color: #f0ad4e;
4185     border-color: #f0ad4e; }
4186   .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
4187   .show > .btn-warning.dropdown-toggle {
4188     color: #212529;
4189     background-color: #ec971f;
4190     border-color: #ea9214; }
4191     .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
4192     .show > .btn-warning.dropdown-toggle:focus {
4193       box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
4194
4195 .btn-danger {
4196   color: #fff;
4197   background-color: #d9534f;
4198   border-color: #d9534f; }
4199   .btn-danger:hover {
4200     color: #fff;
4201     background-color: #d23430;
4202     border-color: #c9302c; }
4203   .btn-danger:focus, .btn-danger.focus {
4204     box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
4205   .btn-danger.disabled, .btn-danger:disabled {
4206     color: #fff;
4207     background-color: #d9534f;
4208     border-color: #d9534f; }
4209   .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
4210   .show > .btn-danger.dropdown-toggle {
4211     color: #fff;
4212     background-color: #c9302c;
4213     border-color: #bf2e29; }
4214     .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
4215     .show > .btn-danger.dropdown-toggle:focus {
4216       box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
4217
4218 .btn-light {
4219   color: #212529;
4220   background-color: #f8f9fa;
4221   border-color: #f8f9fa; }
4222   .btn-light:hover {
4223     color: #212529;
4224     background-color: #e2e6ea;
4225     border-color: #dae0e5; }
4226   .btn-light:focus, .btn-light.focus {
4227     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
4228   .btn-light.disabled, .btn-light:disabled {
4229     color: #212529;
4230     background-color: #f8f9fa;
4231     border-color: #f8f9fa; }
4232   .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
4233   .show > .btn-light.dropdown-toggle {
4234     color: #212529;
4235     background-color: #dae0e5;
4236     border-color: #d3d9df; }
4237     .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
4238     .show > .btn-light.dropdown-toggle:focus {
4239       box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
4240
4241 .btn-dark {
4242   color: #fff;
4243   background-color: #373a3c;
4244   border-color: #373a3c; }
4245   .btn-dark:hover {
4246     color: #fff;
4247     background-color: #252728;
4248     border-color: #1f2021; }
4249   .btn-dark:focus, .btn-dark.focus {
4250     box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
4251   .btn-dark.disabled, .btn-dark:disabled {
4252     color: #fff;
4253     background-color: #373a3c;
4254     border-color: #373a3c; }
4255   .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
4256   .show > .btn-dark.dropdown-toggle {
4257     color: #fff;
4258     background-color: #1f2021;
4259     border-color: #191a1b; }
4260     .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
4261     .show > .btn-dark.dropdown-toggle:focus {
4262       box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
4263
4264 .btn-outline-primary {
4265   color: #1177d1;
4266   background-color: transparent;
4267   background-image: none;
4268   border-color: #1177d1; }
4269   .btn-outline-primary:hover {
4270     color: #fff;
4271     background-color: #1177d1;
4272     border-color: #1177d1; }
4273   .btn-outline-primary:focus, .btn-outline-primary.focus {
4274     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
4275   .btn-outline-primary.disabled, .btn-outline-primary:disabled {
4276     color: #1177d1;
4277     background-color: transparent; }
4278   .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
4279   .show > .btn-outline-primary.dropdown-toggle {
4280     color: #fff;
4281     background-color: #1177d1;
4282     border-color: #1177d1; }
4283     .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
4284     .show > .btn-outline-primary.dropdown-toggle:focus {
4285       box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
4286
4287 .btn-outline-secondary {
4288   color: #ced4da;
4289   background-color: transparent;
4290   background-image: none;
4291   border-color: #ced4da; }
4292   .btn-outline-secondary:hover {
4293     color: #212529;
4294     background-color: #ced4da;
4295     border-color: #ced4da; }
4296   .btn-outline-secondary:focus, .btn-outline-secondary.focus {
4297     box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); }
4298   .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
4299     color: #ced4da;
4300     background-color: transparent; }
4301   .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
4302   .show > .btn-outline-secondary.dropdown-toggle {
4303     color: #212529;
4304     background-color: #ced4da;
4305     border-color: #ced4da; }
4306     .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
4307     .show > .btn-outline-secondary.dropdown-toggle:focus {
4308       box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); }
4309
4310 .btn-outline-success {
4311   color: #5cb85c;
4312   background-color: transparent;
4313   background-image: none;
4314   border-color: #5cb85c; }
4315   .btn-outline-success:hover {
4316     color: #fff;
4317     background-color: #5cb85c;
4318     border-color: #5cb85c; }
4319   .btn-outline-success:focus, .btn-outline-success.focus {
4320     box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
4321   .btn-outline-success.disabled, .btn-outline-success:disabled {
4322     color: #5cb85c;
4323     background-color: transparent; }
4324   .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
4325   .show > .btn-outline-success.dropdown-toggle {
4326     color: #fff;
4327     background-color: #5cb85c;
4328     border-color: #5cb85c; }
4329     .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
4330     .show > .btn-outline-success.dropdown-toggle:focus {
4331       box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
4332
4333 .btn-outline-info {
4334   color: #5bc0de;
4335   background-color: transparent;
4336   background-image: none;
4337   border-color: #5bc0de; }
4338   .btn-outline-info:hover {
4339     color: #212529;
4340     background-color: #5bc0de;
4341     border-color: #5bc0de; }
4342   .btn-outline-info:focus, .btn-outline-info.focus {
4343     box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
4344   .btn-outline-info.disabled, .btn-outline-info:disabled {
4345     color: #5bc0de;
4346     background-color: transparent; }
4347   .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
4348   .show > .btn-outline-info.dropdown-toggle {
4349     color: #212529;
4350     background-color: #5bc0de;
4351     border-color: #5bc0de; }
4352     .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
4353     .show > .btn-outline-info.dropdown-toggle:focus {
4354       box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
4355
4356 .btn-outline-warning {
4357   color: #f0ad4e;
4358   background-color: transparent;
4359   background-image: none;
4360   border-color: #f0ad4e; }
4361   .btn-outline-warning:hover {
4362     color: #212529;
4363     background-color: #f0ad4e;
4364     border-color: #f0ad4e; }
4365   .btn-outline-warning:focus, .btn-outline-warning.focus {
4366     box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
4367   .btn-outline-warning.disabled, .btn-outline-warning:disabled {
4368     color: #f0ad4e;
4369     background-color: transparent; }
4370   .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
4371   .show > .btn-outline-warning.dropdown-toggle {
4372     color: #212529;
4373     background-color: #f0ad4e;
4374     border-color: #f0ad4e; }
4375     .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
4376     .show > .btn-outline-warning.dropdown-toggle:focus {
4377       box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
4378
4379 .btn-outline-danger {
4380   color: #d9534f;
4381   background-color: transparent;
4382   background-image: none;
4383   border-color: #d9534f; }
4384   .btn-outline-danger:hover {
4385     color: #fff;
4386     background-color: #d9534f;
4387     border-color: #d9534f; }
4388   .btn-outline-danger:focus, .btn-outline-danger.focus {
4389     box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
4390   .btn-outline-danger.disabled, .btn-outline-danger:disabled {
4391     color: #d9534f;
4392     background-color: transparent; }
4393   .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
4394   .show > .btn-outline-danger.dropdown-toggle {
4395     color: #fff;
4396     background-color: #d9534f;
4397     border-color: #d9534f; }
4398     .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
4399     .show > .btn-outline-danger.dropdown-toggle:focus {
4400       box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
4401
4402 .btn-outline-light {
4403   color: #f8f9fa;
4404   background-color: transparent;
4405   background-image: none;
4406   border-color: #f8f9fa; }
4407   .btn-outline-light:hover {
4408     color: #212529;
4409     background-color: #f8f9fa;
4410     border-color: #f8f9fa; }
4411   .btn-outline-light:focus, .btn-outline-light.focus {
4412     box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
4413   .btn-outline-light.disabled, .btn-outline-light:disabled {
4414     color: #f8f9fa;
4415     background-color: transparent; }
4416   .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
4417   .show > .btn-outline-light.dropdown-toggle {
4418     color: #212529;
4419     background-color: #f8f9fa;
4420     border-color: #f8f9fa; }
4421     .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
4422     .show > .btn-outline-light.dropdown-toggle:focus {
4423       box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
4424
4425 .btn-outline-dark {
4426   color: #373a3c;
4427   background-color: transparent;
4428   background-image: none;
4429   border-color: #373a3c; }
4430   .btn-outline-dark:hover {
4431     color: #fff;
4432     background-color: #373a3c;
4433     border-color: #373a3c; }
4434   .btn-outline-dark:focus, .btn-outline-dark.focus {
4435     box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
4436   .btn-outline-dark.disabled, .btn-outline-dark:disabled {
4437     color: #373a3c;
4438     background-color: transparent; }
4439   .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
4440   .show > .btn-outline-dark.dropdown-toggle {
4441     color: #fff;
4442     background-color: #373a3c;
4443     border-color: #373a3c; }
4444     .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
4445     .show > .btn-outline-dark.dropdown-toggle:focus {
4446       box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
4447
4448 .btn-link {
4449   font-weight: 400;
4450   color: #1177d1;
4451   background-color: transparent; }
4452   .btn-link:hover {
4453     color: #0b4f8a;
4454     text-decoration: underline;
4455     background-color: transparent;
4456     border-color: transparent; }
4457   .btn-link:focus, .btn-link.focus {
4458     text-decoration: underline;
4459     border-color: transparent;
4460     box-shadow: none; }
4461   .btn-link:disabled, .btn-link.disabled {
4462     color: #868e96; }
4463
4464 .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 {
4465   padding: 0.5rem 1rem;
4466   font-size: 1.171875rem;
4467   line-height: 1.5;
4468   border-radius: 0; }
4469
4470 .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 {
4471   padding: 0.25rem 0.5rem;
4472   font-size: 0.8203125rem;
4473   line-height: 1.5;
4474   border-radius: 0; }
4475
4476 .btn-block, p.arrow_button input, #addcontrols input,
4477 #removecontrols input {
4478   display: block;
4479   width: 100%; }
4480   .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,
4481   #removecontrols .btn-block + input, #removecontrols p.arrow_button input + input,
4482   #removecontrols input + input {
4483     margin-top: 0.5rem; }
4484
4485 input[type="submit"].btn-block, p.arrow_button input[type="submit"], #addcontrols input[type="submit"],
4486 #removecontrols input[type="submit"],
4487 input[type="reset"].btn-block,
4488 p.arrow_button input[type="reset"],
4489 #addcontrols input[type="reset"],
4490 #removecontrols input[type="reset"],
4491 input[type="button"].btn-block,
4492 p.arrow_button input[type="button"],
4493 #addcontrols input[type="button"],
4494 #removecontrols input[type="button"] {
4495   width: 100%; }
4496
4497 .fade {
4498   opacity: 0;
4499   transition: opacity 0.15s linear; }
4500   .fade.show {
4501     opacity: 1; }
4502
4503 .collapse {
4504   display: none; }
4505   .collapse.show {
4506     display: block; }
4507
4508 tr.collapse.show {
4509   display: table-row; }
4510
4511 tbody.collapse.show {
4512   display: table-row-group; }
4513
4514 .collapsing {
4515   position: relative;
4516   height: 0;
4517   overflow: hidden;
4518   transition: height 0.35s ease; }
4519
4520 .dropup,
4521 .dropdown {
4522   position: relative; }
4523
4524 .dropdown-toggle::after {
4525   display: inline-block;
4526   width: 0;
4527   height: 0;
4528   margin-left: 0.255em;
4529   vertical-align: 0.255em;
4530   content: "";
4531   border-top: 0.3em solid;
4532   border-right: 0.3em solid transparent;
4533   border-bottom: 0;
4534   border-left: 0.3em solid transparent; }
4535
4536 .dropdown-toggle:empty::after {
4537   margin-left: 0; }
4538
4539 .dropdown-menu {
4540   position: absolute;
4541   top: 100%;
4542   left: 0;
4543   z-index: 1000;
4544   display: none;
4545   float: left;
4546   min-width: 10rem;
4547   padding: 0.5rem 0;
4548   margin: 0.125rem 0 0;
4549   font-size: 0.9375rem;
4550   color: #373a3c;
4551   text-align: left;
4552   list-style: none;
4553   background-color: #fff;
4554   background-clip: padding-box;
4555   border: 1px solid rgba(0, 0, 0, 0.15); }
4556
4557 .dropup .dropdown-menu {
4558   margin-top: 0;
4559   margin-bottom: 0.125rem; }
4560
4561 .dropup .dropdown-toggle::after {
4562   display: inline-block;
4563   width: 0;
4564   height: 0;
4565   margin-left: 0.255em;
4566   vertical-align: 0.255em;
4567   content: "";
4568   border-top: 0;
4569   border-right: 0.3em solid transparent;
4570   border-bottom: 0.3em solid;
4571   border-left: 0.3em solid transparent; }
4572
4573 .dropup .dropdown-toggle:empty::after {
4574   margin-left: 0; }
4575
4576 .dropright .dropdown-menu {
4577   margin-top: 0;
4578   margin-left: 0.125rem; }
4579
4580 .dropright .dropdown-toggle::after {
4581   display: inline-block;
4582   width: 0;
4583   height: 0;
4584   margin-left: 0.255em;
4585   vertical-align: 0.255em;
4586   content: "";
4587   border-top: 0.3em solid transparent;
4588   border-bottom: 0.3em solid transparent;
4589   border-left: 0.3em solid; }
4590
4591 .dropright .dropdown-toggle:empty::after {
4592   margin-left: 0; }
4593
4594 .dropright .dropdown-toggle::after {
4595   vertical-align: 0; }
4596
4597 .dropleft .dropdown-menu {
4598   margin-top: 0;
4599   margin-right: 0.125rem; }
4600
4601 .dropleft .dropdown-toggle::after {
4602   display: inline-block;
4603   width: 0;
4604   height: 0;
4605   margin-left: 0.255em;
4606   vertical-align: 0.255em;
4607   content: ""; }
4608
4609 .dropleft .dropdown-toggle::after {
4610   display: none; }
4611
4612 .dropleft .dropdown-toggle::before {
4613   display: inline-block;
4614   width: 0;
4615   height: 0;
4616   margin-right: 0.255em;
4617   vertical-align: 0.255em;
4618   content: "";
4619   border-top: 0.3em solid transparent;
4620   border-right: 0.3em solid;
4621   border-bottom: 0.3em solid transparent; }
4622
4623 .dropleft .dropdown-toggle:empty::after {
4624   margin-left: 0; }
4625
4626 .dropleft .dropdown-toggle::before {
4627   vertical-align: 0; }
4628
4629 .dropdown-divider {
4630   height: 0;
4631   margin: 0.5rem 0;
4632   overflow: hidden;
4633   border-top: 1px solid #e9ecef; }
4634
4635 .dropdown-item {
4636   display: block;
4637   width: 100%;
4638   padding: 0.25rem 1.5rem;
4639   clear: both;
4640   font-weight: 400;
4641   color: #212529;
4642   text-align: inherit;
4643   white-space: nowrap;
4644   background-color: transparent;
4645   border: 0; }
4646   .dropdown-item:hover, .dropdown-item:focus {
4647     color: #16181b;
4648     text-decoration: none;
4649     background-color: #f8f9fa; }
4650   .dropdown-item.active, .dropdown-item:active {
4651     color: #fff;
4652     text-decoration: none;
4653     background-color: #1177d1; }
4654   .dropdown-item.disabled, .dropdown-item:disabled {
4655     color: #868e96;
4656     background-color: transparent; }
4657
4658 .dropdown-menu.show {
4659   display: block; }
4660
4661 .dropdown-header {
4662   display: block;
4663   padding: 0.5rem 1.5rem;
4664   margin-bottom: 0;
4665   font-size: 0.8203125rem;
4666   color: #868e96;
4667   white-space: nowrap; }
4668
4669 .btn-group,
4670 .btn-group-vertical {
4671   position: relative;
4672   display: inline-flex;
4673   vertical-align: middle; }
4674   .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,
4675   .btn-group-vertical > .btn,
4676   #page-grade-grading-manage .actions .btn-group-vertical > .action,
4677   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input,
4678   #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion {
4679     position: relative;
4680     flex: 0 1 auto; }
4681     .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,
4682     .btn-group-vertical > .btn:hover,
4683     #page-grade-grading-manage .actions .btn-group-vertical > .action:hover,
4684     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:hover,
4685     #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:hover {
4686       z-index: 1; }
4687     .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,
4688     .btn-group-vertical > .btn:focus,
4689     #page-grade-grading-manage .actions .btn-group-vertical > .action:focus,
4690     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:focus,
4691     #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:focus,
4692     .btn-group-vertical > .btn:active,
4693     #page-grade-grading-manage .actions .btn-group-vertical > .action:active,
4694     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:active,
4695     #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:active,
4696     .btn-group-vertical > .btn.active,
4697     #page-grade-grading-manage .actions .btn-group-vertical > .active.action,
4698     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input.active,
4699     #rubric-rubric.gradingform_rubric .btn-group-vertical > .active.addcriterion {
4700       z-index: 1; }
4701   .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,
4702   .btn-group .btn + .btn-group,
4703   .btn-group #page-grade-grading-manage .actions .action + .btn-group,
4704   #page-grade-grading-manage .actions .btn-group .action + .btn-group,
4705   .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn-group,
4706   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + .btn-group,
4707   .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .btn-group,
4708   #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .btn-group,
4709   .btn-group .btn-group + .btn,
4710   .btn-group #page-grade-grading-manage .actions .btn-group + .action,
4711   #page-grade-grading-manage .actions .btn-group .btn-group + .action,
4712   .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group + input,
4713   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group .btn-group + input,
4714   .btn-group #rubric-rubric.gradingform_rubric .btn-group + .addcriterion,
4715   #rubric-rubric.gradingform_rubric .btn-group .btn-group + .addcriterion,
4716   .btn-group .btn-group + .btn-group,
4717   .btn-group-vertical .btn + .btn,
4718   .btn-group-vertical #page-grade-grading-manage .actions .action + .btn,
4719   #page-grade-grading-manage .actions .btn-group-vertical .action + .btn,
4720   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn,
4721   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .btn,
4722   .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .btn,
4723   #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .btn,
4724   .btn-group-vertical #page-grade-grading-manage .actions .btn + .action,
4725   #page-grade-grading-manage .actions .btn-group-vertical .btn + .action,
4726   .btn-group-vertical #page-grade-grading-manage .actions .action + .action,
4727   #page-grade-grading-manage .actions .btn-group-vertical .action + .action,
4728   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action,
4729   #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action,
4730   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical #page-grade-grading-manage .actions input + .action,
4731   #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .action,
4732   .btn-group-vertical #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action,
4733   #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .action,
4734   #rubric-rubric.gradingform_rubric .btn-group-vertical #page-grade-grading-manage .actions .addcriterion + .action,
4735   #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .action,
4736   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input,
4737   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical .btn + input,
4738   .btn-group-vertical #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
4739   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical #page-grade-grading-manage .actions .action + input,
4740   #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
4741   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .btn-group-vertical .action + input,
4742   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input,
4743   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + input,
4744   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input,
4745   #rubric-rubric.gradingform_rubric .btn-group-vertical #rubric-criteria .criterion .addlevel .addcriterion + input,
4746   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical .addcriterion + input,
4747   .btn-group-vertical #rubric-rubric.gradingform_rubric .btn + .addcriterion,
4748   #rubric-rubric.gradingform_rubric .btn-group-vertical .btn + .addcriterion,
4749   .btn-group-vertical #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion,
4750   #rubric-rubric.gradingform_rubric .btn-group-vertical #page-grade-grading-manage .actions .action + .addcriterion,
4751   #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric .action + .addcriterion,
4752   #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group-vertical .action + .addcriterion,
4753   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion,
4754   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .addcriterion,
4755   .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion,
4756   #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .addcriterion,
4757   .btn-group-vertical .btn + .btn-group,
4758   .btn-group-vertical #page-grade-grading-manage .actions .action + .btn-group,
4759   #page-grade-grading-manage .actions .btn-group-vertical .action + .btn-group,
4760   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn-group,
4761   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .btn-group,
4762   .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .btn-group,
4763   #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .btn-group,
4764   .btn-group-vertical .btn-group + .btn,
4765   .btn-group-vertical #page-grade-grading-manage .actions .btn-group + .action,
4766   #page-grade-grading-manage .actions .btn-group-vertical .btn-group + .action,
4767   .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group + input,
4768   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical .btn-group + input,
4769   .btn-group-vertical #rubric-rubric.gradingform_rubric .btn-group + .addcriterion,
4770   #rubric-rubric.gradingform_rubric .btn-group-vertical .btn-group + .addcriterion,
4771   .btn-group-vertical .btn-group + .btn-group {
4772     margin-left: -1px; }
4773
4774 .btn-toolbar {
4775   display: flex;
4776   flex-wrap: wrap;
4777   justify-content: flex-start; }
4778   .btn-toolbar .input-group {
4779     width: auto; }
4780
4781 .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 {
4782   margin-left: 0; }
4783
4784 .dropdown-toggle-split {
4785   padding-right: 0.5625rem;
4786   padding-left: 0.5625rem; }
4787   .dropdown-toggle-split::after {
4788     margin-left: 0; }
4789
4790 .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 {
4791   padding-right: 0.375rem;
4792   padding-left: 0.375rem; }
4793
4794 .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 {
4795   padding-right: 0.75rem;
4796   padding-left: 0.75rem; }
4797
4798 .btn-group-vertical {
4799   flex-direction: column;
4800   align-items: flex-start;
4801   justify-content: center; }
4802   .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,
4803   .btn-group-vertical .btn-group {
4804     width: 100%; }
4805   .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,
4806   .btn-group-vertical > .btn + .btn-group,
4807   #page-grade-grading-manage .actions .btn-group-vertical > .action + .btn-group,
4808   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + .btn-group,
4809   #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .btn-group,
4810   .btn-group-vertical > .btn-group + .btn,
4811   #page-grade-grading-manage .actions .btn-group-vertical > .btn-group + .action,
4812   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .btn-group + input,
4813   #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn-group + .addcriterion,
4814   .btn-group-vertical > .btn-group + .btn-group {
4815     margin-top: -1px;
4816     margin-left: 0; }
4817
4818 .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,
4819 .btn-group-toggle > .btn-group > .btn,
4820 #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action,
4821 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input,
4822 #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion {
4823   margin-bottom: 0; }
4824   .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"],
4825   .btn-group-toggle > .btn input[type="checkbox"],
4826   #page-grade-grading-manage .actions .btn-group-toggle > .action input[type="checkbox"],
4827   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > input input[type="checkbox"],
4828   #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion input[type="checkbox"],
4829   .btn-group-toggle > .btn-group > .btn input[type="radio"],
4830   #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action input[type="radio"],
4831   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input input[type="radio"],
4832   #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion input[type="radio"],
4833   .btn-group-toggle > .btn-group > .btn input[type="checkbox"],
4834   #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action input[type="checkbox"],
4835   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input input[type="checkbox"],
4836   #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion input[type="checkbox"] {
4837     position: absolute;
4838     clip: rect(0, 0, 0, 0);
4839     pointer-events: none; }
4840
4841 .input-group {
4842   position: relative;
4843   display: flex;
4844   flex-wrap: wrap;
4845   align-items: stretch;
4846   width: 100%; }
4847   .input-group > .form-control,
4848   .input-group > .custom-select,
4849   .input-group > .custom-file {
4850     position: relative;
4851     flex: 1 1 auto;
4852     width: 1%;
4853     margin-bottom: 0; }
4854     .input-group > .form-control:focus,
4855     .input-group > .custom-select:focus,
4856     .input-group > .custom-file:focus {
4857       z-index: 3; }
4858     .input-group > .form-control + .form-control,
4859     .input-group > .form-control + .custom-select,
4860     .input-group > .form-control + .custom-file,
4861     .input-group > .custom-select + .form-control,
4862     .input-group > .custom-select + .custom-select,
4863     .input-group > .custom-select + .custom-file,
4864     .input-group > .custom-file + .form-control,
4865     .input-group > .custom-file + .custom-select,
4866     .input-group > .custom-file + .custom-file {
4867       margin-left: -1px; }
4868   .input-group > .custom-file {
4869     display: flex;
4870     align-items: center; }
4871
4872 .input-group-prepend,
4873 .input-group-append {
4874   display: flex; }
4875   .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,
4876   .input-group-append .btn,
4877   .input-group-append #page-grade-grading-manage .actions .action,
4878   #page-grade-grading-manage .actions .input-group-append .action,
4879   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input,
4880   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input,
4881   .input-group-append #rubric-rubric.gradingform_rubric .addcriterion,
4882   #rubric-rubric.gradingform_rubric .input-group-append .addcriterion {
4883     position: relative;
4884     z-index: 2; }
4885   .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,
4886   .input-group-prepend .btn + .input-group-text,
4887   .input-group-prepend #page-grade-grading-manage .actions .action + .input-group-text,
4888   #page-grade-grading-manage .actions .input-group-prepend .action + .input-group-text,
4889   .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .input-group-text,
4890   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .input-group-text,
4891   .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .input-group-text,
4892   #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .input-group-text,
4893   .input-group-prepend .input-group-text + .input-group-text,
4894   .input-group-prepend .input-group-text + .btn,
4895   .input-group-prepend #page-grade-grading-manage .actions .input-group-text + .action,
4896   #page-grade-grading-manage .actions .input-group-prepend .input-group-text + .action,
4897   .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-text + input,
4898   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend .input-group-text + input,
4899   .input-group-prepend #rubric-rubric.gradingform_rubric .input-group-text + .addcriterion,
4900   #rubric-rubric.gradingform_rubric .input-group-prepend .input-group-text + .addcriterion,
4901   .input-group-append .btn + .btn,
4902   .input-group-append #page-grade-grading-manage .actions .action + .btn,
4903   #page-grade-grading-manage .actions .input-group-append .action + .btn,
4904   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn,
4905   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .btn,
4906   .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .btn,
4907   #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .btn,
4908   .input-group-append #page-grade-grading-manage .actions .btn + .action,
4909   #page-grade-grading-manage .actions .input-group-append .btn + .action,
4910   .input-group-append #page-grade-grading-manage .actions .action + .action,
4911   #page-grade-grading-manage .actions .input-group-append .action + .action,
4912   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action,
4913   #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action,
4914   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append #page-grade-grading-manage .actions input + .action,
4915   #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .action,
4916   .input-group-append #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action,
4917   #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .action,
4918   #rubric-rubric.gradingform_rubric .input-group-append #page-grade-grading-manage .actions .addcriterion + .action,
4919   #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .action,
4920   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input,
4921   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .btn + input,
4922   .input-group-append #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
4923   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append #page-grade-grading-manage .actions .action + input,
4924   #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
4925   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .input-group-append .action + input,
4926   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input,
4927   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + input,
4928   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input,
4929   #rubric-rubric.gradingform_rubric .input-group-append #rubric-criteria .criterion .addlevel .addcriterion + input,
4930   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .addcriterion + input,
4931   .input-group-append #rubric-rubric.gradingform_rubric .btn + .addcriterion,
4932   #rubric-rubric.gradingform_rubric .input-group-append .btn + .addcriterion,
4933   .input-group-append #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion,
4934   #rubric-rubric.gradingform_rubric .input-group-append #page-grade-grading-manage .actions .action + .addcriterion,
4935   #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric .action + .addcriterion,
4936   #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .input-group-append .action + .addcriterion,
4937   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion,
4938   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .addcriterion,
4939   .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion,
4940   #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .addcriterion,
4941   .input-group-append .btn + .input-group-text,
4942   .input-group-append #page-grade-grading-manage .actions .action + .input-group-text,
4943   #page-grade-grading-manage .actions .input-group-append .action + .input-group-text,
4944   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .input-group-text,
4945   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .input-group-text,
4946   .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .input-group-text,
4947   #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .input-group-text,
4948   .input-group-append .input-group-text + .input-group-text,
4949   .input-group-append .input-group-text + .btn,
4950   .input-group-append #page-grade-grading-manage .actions .input-group-text + .action,
4951   #page-grade-grading-manage .actions .input-group-append .input-group-text + .action,
4952   .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-text + input,
4953   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .input-group-text + input,
4954   .input-group-append #rubric-rubric.gradingform_rubric .input-group-text + .addcriterion,
4955   #rubric-rubric.gradingform_rubric .input-group-append .input-group-text + .addcriterion {
4956     margin-left: -1px; }
4957
4958 .input-group-prepend {
4959   margin-right: -1px; }
4960
4961 .input-group-append {
4962   margin-left: -1px; }
4963
4964 .input-group-text {
4965   display: flex;
4966   align-items: center;
4967   padding: 0.375rem 0.75rem;
4968   margin-bottom: 0;
4969   font-size: 0.9375rem;
4970   font-weight: 400;
4971   line-height: 1.5;
4972   color: #495057;
4973   text-align: center;
4974   white-space: nowrap;
4975   background-color: #e9ecef;
4976   border: 1px solid #ced4da; }
4977   .input-group-text input[type="radio"],
4978   .input-group-text input[type="checkbox"] {
4979     margin-top: 0; }
4980
4981 .custom-control {
4982   position: relative;
4983   display: block;
4984   min-height: 1.5rem;
4985   padding-left: 1.5rem; }
4986
4987 .custom-control-inline {
4988   display: inline-flex;
4989   margin-right: 1rem; }
4990
4991 .custom-control-input {
4992   position: absolute;
4993   z-index: -1;
4994   opacity: 0; }
4995   .custom-control-input:checked ~ .custom-control-label::before {
4996     color: #fff;
4997     background-color: #1177d1; }
4998   .custom-control-input:focus ~ .custom-control-label::before {
4999     box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
5000   .custom-control-input:active ~ .custom-control-label::before {
5001     color: #fff;
5002     background-color: #9dcdf7; }
5003   .custom-control-input:disabled ~ .custom-control-label {
5004     color: #868e96; }
5005     .custom-control-input:disabled ~ .custom-control-label::before {
5006       background-color: #e9ecef; }
5007
5008 .custom-control-label {
5009   margin-bottom: 0; }
5010   .custom-control-label::before {
5011     position: absolute;
5012     top: 0.25rem;
5013     left: 0;
5014     display: block;
5015     width: 1rem;
5016     height: 1rem;
5017     pointer-events: none;
5018     content: "";
5019     user-select: none;
5020     background-color: #dee2e6; }
5021   .custom-control-label::after {
5022     position: absolute;
5023     top: 0.25rem;
5024     left: 0;
5025     display: block;
5026     width: 1rem;
5027     height: 1rem;
5028     content: "";
5029     background-repeat: no-repeat;
5030     background-position: center center;
5031     background-size: 50% 50%; }
5032
5033 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
5034   background-color: #1177d1; }
5035
5036 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
5037   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"); }
5038
5039 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
5040   background-color: #1177d1; }
5041
5042 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
5043   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"); }
5044
5045 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
5046   background-color: rgba(17, 119, 209, 0.5); }
5047
5048 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5049   background-color: rgba(17, 119, 209, 0.5); }
5050
5051 .custom-radio .custom-control-label::before {
5052   border-radius: 50%; }
5053
5054 .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
5055   background-color: #1177d1; }
5056
5057 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
5058   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"); }
5059
5060 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
5061   background-color: rgba(17, 119, 209, 0.5); }
5062
5063 .custom-select {
5064   display: inline-block;
5065   width: 100%;
5066   height: calc(2.15625rem + 2px);
5067   padding: 0.375rem 1.75rem 0.375rem 0.75rem;
5068   line-height: 1.5;
5069   color: #495057;
5070   vertical-align: middle;
5071   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;
5072   background-size: 8px 10px;
5073   border: 1px solid #ced4da;
5074   border-radius: 0;
5075   appearance: none; }
5076   .custom-select:focus {
5077     border-color: #6eb5f3;
5078     outline: 0;
5079     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(110, 181, 243, 0.5); }
5080     .custom-select:focus::-ms-value {
5081       color: #495057;
5082       background-color: #fff; }
5083   .custom-select[multiple], .custom-select[size]:not([size="1"]) {
5084     height: auto;
5085     padding-right: 0.75rem;
5086     background-image: none; }
5087   .custom-select:disabled {
5088     color: #868e96;
5089     background-color: #e9ecef; }
5090   .custom-select::-ms-expand {
5091     opacity: 0; }
5092
5093 .custom-select-sm {
5094   height: calc(1.73046875rem + 2px);
5095   padding-top: 0.375rem;
5096   padding-bottom: 0.375rem;
5097   font-size: 75%; }
5098
5099 .custom-select-lg {
5100   height: calc(2.7578125rem + 2px);
5101   padding-top: 0.375rem;
5102   padding-bottom: 0.375rem;
5103   font-size: 125%; }
5104
5105 .custom-file {
5106   position: relative;
5107   display: inline-block;
5108   width: 100%;
5109   height: calc(2.15625rem + 2px);
5110   margin-bottom: 0; }
5111
5112 .custom-file-input {
5113   position: relative;
5114   z-index: 2;
5115   width: 100%;
5116   height: calc(2.15625rem + 2px);
5117   margin: 0;
5118   opacity: 0; }
5119   .custom-file-input:focus ~ .custom-file-control {
5120     border-color: #6eb5f3;
5121     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
5122     .custom-file-input:focus ~ .custom-file-control::before {
5123       border-color: #6eb5f3; }
5124   .custom-file-input:lang(en) ~ .custom-file-label::after {
5125     content: "Browse"; }
5126
5127 .custom-file-label {
5128   position: absolute;
5129   top: 0;
5130   right: 0;
5131   left: 0;
5132   z-index: 1;
5133   height: calc(2.15625rem + 2px);
5134   padding: 0.375rem 0.75rem;
5135   line-height: 1.5;
5136   color: #495057;
5137   background-color: #fff;
5138   border: 1px solid #ced4da; }
5139   .custom-file-label::after {
5140     position: absolute;
5141     top: 0;
5142     right: 0;
5143     bottom: 0;
5144     z-index: 3;
5145     display: block;
5146     height: calc(calc(2.15625rem + 2px) - 1px * 2);
5147     padding: 0.375rem 0.75rem;
5148     line-height: 1.5;
5149     color: #495057;
5150     content: "Browse";
5151     background-color: #e9ecef;
5152     border-left: 1px solid #ced4da; }
5153
5154 .nav {
5155   display: flex;
5156   flex-wrap: wrap;
5157   padding-left: 0;
5158   margin-bottom: 0;
5159   list-style: none; }
5160
5161 .nav-link {
5162   display: block;
5163   padding: 0.5rem 1rem; }
5164   .nav-link:hover, .nav-link:focus {
5165     text-decoration: none; }
5166   .nav-link.disabled {
5167     color: #868e96; }
5168
5169 .nav-tabs {
5170   border-bottom: 1px solid #dee2e6; }
5171   .nav-tabs .nav-item {
5172     margin-bottom: -1px; }
5173   .nav-tabs .nav-link {
5174     border: 1px solid transparent; }
5175     .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
5176       border-color: #e9ecef #e9ecef #dee2e6; }
5177     .nav-tabs .nav-link.disabled {
5178       color: #868e96;
5179       background-color: transparent;
5180       border-color: transparent; }
5181   .nav-tabs .nav-link.active,
5182   .nav-tabs .nav-item.show .nav-link {
5183     color: #495057;
5184     background-color: #fff;
5185     border-color: #dee2e6 #dee2e6 #fff; }
5186   .nav-tabs .dropdown-menu {
5187     margin-top: -1px; }
5188
5189 .nav-pills .nav-link.active,
5190 .nav-pills .show > .nav-link {
5191   color: #fff;
5192   background-color: #1177d1; }
5193
5194 .nav-fill .nav-item {
5195   flex: 1 1 auto;
5196   text-align: center; }
5197
5198 .nav-justified .nav-item {
5199   flex-basis: 0;
5200   flex-grow: 1;
5201   text-align: center; }
5202
5203 .tab-content > .tab-pane {
5204   display: none; }
5205
5206 .tab-content > .active {
5207   display: block; }
5208
5209 .navbar {
5210   position: relative;
5211   display: flex;
5212   flex-wrap: wrap;
5213   align-items: center;
5214   justify-content: space-between;
5215   padding: 0.5rem 1rem; }
5216   .navbar > .container,
5217   .navbar > .container-fluid {
5218     display: flex;
5219     flex-wrap: wrap;
5220     align-items: center;
5221     justify-content: space-between; }
5222
5223 .navbar-brand {
5224   display: inline-block;
5225   padding-top: 0.32421875rem;
5226   padding-bottom: 0.32421875rem;
5227   margin-right: 1rem;
5228   font-size: 1.171875rem;
5229   line-height: inherit;
5230   white-space: nowrap; }
5231   .navbar-brand:hover, .navbar-brand:focus {
5232     text-decoration: none; }
5233
5234 .navbar-nav {
5235   display: flex;
5236   flex-direction: column;
5237   padding-left: 0;
5238   margin-bottom: 0;
5239   list-style: none; }
5240   .navbar-nav .nav-link {
5241     padding-right: 0;
5242     padding-left: 0; }
5243   .navbar-nav .dropdown-menu {
5244     position: static;
5245     float: none; }
5246
5247 .navbar-text {
5248   display: inline-block;
5249   padding-top: 0.5rem;
5250   padding-bottom: 0.5rem; }
5251
5252 .navbar-collapse {
5253   flex-basis: 100%;
5254   flex-grow: 1;
5255   align-items: center; }
5256
5257 .navbar-toggler {
5258   padding: 0.25rem 0.75rem;
5259   font-size: 1.171875rem;
5260   line-height: 1;
5261   background-color: transparent;
5262   border: 1px solid transparent; }
5263   .navbar-toggler:hover, .navbar-toggler:focus {
5264     text-decoration: none; }
5265   .navbar-toggler:not(:disabled):not(.disabled) {
5266     cursor: pointer; }
5267
5268 .navbar-toggler-icon {
5269   display: inline-block;
5270   width: 1.5em;
5271   height: 1.5em;
5272   vertical-align: middle;
5273   content: "";
5274   background: no-repeat center center;
5275   background-size: 100% 100%; }
5276
5277 @media (max-width: 575.98px) {
5278   .navbar-expand-sm > .container,
5279   .navbar-expand-sm > .container-fluid {
5280     padding-right: 0;
5281     padding-left: 0; } }
5282
5283 @media (min-width: 576px) {
5284   .navbar-expand-sm {
5285     flex-flow: row nowrap;
5286     justify-content: flex-start; }
5287     .navbar-expand-sm .navbar-nav {
5288       flex-direction: row; }
5289       .navbar-expand-sm .navbar-nav .dropdown-menu {
5290         position: absolute; }
5291       .navbar-expand-sm .navbar-nav .dropdown-menu-right {
5292         right: 0;
5293         left: auto; }
5294       .navbar-expand-sm .navbar-nav .nav-link {
5295         padding-right: 0.5rem;
5296         padding-left: 0.5rem; }
5297     .navbar-expand-sm > .container,
5298     .navbar-expand-sm > .container-fluid {
5299       flex-wrap: nowrap; }
5300     .navbar-expand-sm .navbar-collapse {
5301       display: flex !important;
5302       flex-basis: auto; }
5303     .navbar-expand-sm .navbar-toggler {
5304       display: none; }
5305     .navbar-expand-sm .dropup .dropdown-menu {
5306       top: auto;
5307       bottom: 100%; } }
5308
5309 @media (max-width: 767.98px) {
5310   .navbar-expand-md > .container,
5311   .navbar-expand-md > .container-fluid {
5312     padding-right: 0;
5313     padding-left: 0; } }
5314
5315 @media (min-width: 768px) {
5316   .navbar-expand-md {
5317     flex-flow: row nowrap;
5318     justify-content: flex-start; }
5319     .navbar-expand-md .navbar-nav {
5320       flex-direction: row; }
5321       .navbar-expand-md .navbar-nav .dropdown-menu {
5322         position: absolute; }
5323       .navbar-expand-md .navbar-nav .dropdown-menu-right {
5324         right: 0;
5325         left: auto; }
5326       .navbar-expand-md .navbar-nav .nav-link {
5327         padding-right: 0.5rem;
5328         padding-left: 0.5rem; }
5329     .navbar-expand-md > .container,
5330     .navbar-expand-md > .container-fluid {
5331       flex-wrap: nowrap; }
5332     .navbar-expand-md .navbar-collapse {
5333       display: flex !important;
5334       flex-basis: auto; }
5335     .navbar-expand-md .navbar-toggler {
5336       display: none; }
5337     .navbar-expand-md .dropup .dropdown-menu {
5338       top: auto;
5339       bottom: 100%; } }
5340
5341 @media (max-width: 991.98px) {
5342   .navbar-expand-lg > .container,
5343   .navbar-expand-lg > .container-fluid {
5344     padding-right: 0;
5345     padding-left: 0; } }
5346
5347 @media (min-width: 992px) {
5348   .navbar-expand-lg {
5349     flex-flow: row nowrap;
5350     justify-content: flex-start; }
5351     .navbar-expand-lg .navbar-nav {
5352       flex-direction: row; }
5353       .navbar-expand-lg .navbar-nav .dropdown-menu {
5354         position: absolute; }
5355       .navbar-expand-lg .navbar-nav .dropdown-menu-right {
5356         right: 0;
5357         left: auto; }
5358       .navbar-expand-lg .navbar-nav .nav-link {
5359         padding-right: 0.5rem;
5360         padding-left: 0.5rem; }
5361     .navbar-expand-lg > .container,
5362     .navbar-expand-lg > .container-fluid {
5363       flex-wrap: nowrap; }
5364     .navbar-expand-lg .navbar-collapse {
5365       display: flex !important;
5366       flex-basis: auto; }
5367     .navbar-expand-lg .navbar-toggler {
5368       display: none; }
5369     .navbar-expand-lg .dropup .dropdown-menu {
5370       top: auto;
5371       bottom: 100%; } }
5372
5373 @media (max-width: 1199.98px) {
5374   .navbar-expand-xl > .container,
5375   .navbar-expand-xl > .container-fluid {
5376     padding-right: 0;
5377     padding-left: 0; } }
5378
5379 @media (min-width: 1200px) {
5380   .navbar-expand-xl {
5381     flex-flow: row nowrap;
5382     justify-content: flex-start; }
5383     .navbar-expand-xl .navbar-nav {
5384       flex-direction: row; }
5385       .navbar-expand-xl .navbar-nav .dropdown-menu {
5386         position: absolute; }
5387       .navbar-expand-xl .navbar-nav .dropdown-menu-right {
5388         right: 0;
5389         left: auto; }
5390       .navbar-expand-xl .navbar-nav .nav-link {
5391         padding-right: 0.5rem;
5392         padding-left: 0.5rem; }
5393     .navbar-expand-xl > .container,
5394     .navbar-expand-xl > .container-fluid {
5395       flex-wrap: nowrap; }
5396     .navbar-expand-xl .navbar-collapse {
5397       display: flex !important;
5398       flex-basis: auto; }
5399     .navbar-expand-xl .navbar-toggler {
5400       display: none; }
5401     .navbar-expand-xl .dropup .dropdown-menu {
5402       top: auto;
5403       bottom: 100%; } }
5404
5405 .navbar-expand {
5406   flex-flow: row nowrap;
5407   justify-content: flex-start; }
5408   .navbar-expand > .container,
5409   .navbar-expand > .container-fluid {
5410     padding-right: 0;
5411     padding-left: 0; }
5412   .navbar-expand .navbar-nav {
5413     flex-direction: row; }
5414     .navbar-expand .navbar-nav .dropdown-menu {
5415       position: absolute; }
5416     .navbar-expand .navbar-nav .dropdown-menu-right {
5417       right: 0;
5418       left: auto; }
5419     .navbar-expand .navbar-nav .nav-link {
5420       padding-right: 0.5rem;
5421       padding-left: 0.5rem; }
5422   .navbar-expand > .container,
5423   .navbar-expand > .container-fluid {
5424     flex-wrap: nowrap; }
5425   .navbar-expand .navbar-collapse {
5426     display: flex !important;
5427     flex-basis: auto; }
5428   .navbar-expand .navbar-toggler {
5429     display: none; }
5430   .navbar-expand .dropup .dropdown-menu {
5431     top: auto;
5432     bottom: 100%; }
5433
5434 .navbar-light .navbar-brand {
5435   color: rgba(0, 0, 0, 0.9); }
5436   .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
5437     color: rgba(0, 0, 0, 0.9); }
5438
5439 .navbar-light .navbar-nav .nav-link {
5440   color: rgba(0, 0, 0, 0.5); }
5441   .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
5442     color: rgba(0, 0, 0, 0.9); }
5443   .navbar-light .navbar-nav .nav-link.disabled {
5444     color: rgba(0, 0, 0, 0.3); }
5445
5446 .navbar-light .navbar-nav .show > .nav-link,
5447 .navbar-light .navbar-nav .active > .nav-link,
5448 .navbar-light .navbar-nav .nav-link.show,
5449 .navbar-light .navbar-nav .nav-link.active {
5450   color: rgba(0, 0, 0, 0.9); }
5451
5452 .navbar-light .navbar-toggler {
5453   color: rgba(0, 0, 0, 0.5);
5454   border-color: rgba(0, 0, 0, 0.1); }
5455
5456 .navbar-light .navbar-toggler-icon {
5457   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"); }
5458
5459 .navbar-light .navbar-text {
5460   color: rgba(0, 0, 0, 0.5); }
5461   .navbar-light .navbar-text a {
5462     color: rgba(0, 0, 0, 0.9); }
5463     .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
5464       color: rgba(0, 0, 0, 0.9); }
5465
5466 .navbar-dark .navbar-brand {
5467   color: #fff; }
5468   .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
5469     color: #fff; }
5470
5471 .navbar-dark .navbar-nav .nav-link {
5472   color: rgba(255, 255, 255, 0.5); }
5473   .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
5474     color: white; }
5475   .navbar-dark .navbar-nav .nav-link.disabled {
5476     color: rgba(255, 255, 255, 0.25); }
5477
5478 .navbar-dark .navbar-nav .show > .nav-link,
5479 .navbar-dark .navbar-nav .active > .nav-link,
5480 .navbar-dark .navbar-nav .nav-link.show,
5481 .navbar-dark .navbar-nav .nav-link.active {
5482   color: #fff; }
5483
5484 .navbar-dark .navbar-toggler {
5485   color: rgba(255, 255, 255, 0.5);
5486   border-color: rgba(255, 255, 255, 0.1); }
5487
5488 .navbar-dark .navbar-toggler-icon {
5489   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"); }
5490
5491 .navbar-dark .navbar-text {
5492   color: rgba(255, 255, 255, 0.5); }
5493   .navbar-dark .navbar-text a {
5494     color: #fff; }
5495     .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
5496       color: #fff; }
5497
5498 .card, #page-enrol-users #filterform, .que .history, .userprofile .profile_tree section, .groupinfobox, .well {
5499   position: relative;
5500   display: flex;
5501   flex-direction: column;
5502   min-width: 0;
5503   word-wrap: break-word;
5504   background-color: #fff;
5505   background-clip: border-box;
5506   border: 1px solid rgba(0, 0, 0, 0.125); }
5507   .card > hr, #page-enrol-users #filterform > hr, .que .history > hr, .userprofile .profile_tree section > hr, .groupinfobox > hr, .well > hr {
5508     margin-right: 0;
5509     margin-left: 0; }
5510
5511 .card-body, .userprofile .profile_tree section {
5512   flex: 1 1 auto;
5513   padding: 1.25rem; }
5514
5515 .card-title {
5516   margin-bottom: 0.75rem; }
5517
5518 .card-subtitle {
5519   margin-top: -0.375rem;
5520   margin-bottom: 0; }
5521
5522 .card-text:last-child {
5523   margin-bottom: 0; }
5524
5525 .card-link:hover {
5526   text-decoration: none; }
5527
5528 .card-link + .card-link {
5529   margin-left: 1.25rem; }
5530
5531 .card-header {
5532   padding: 0.75rem 1.25rem;
5533   margin-bottom: 0;
5534   background-color: rgba(0, 0, 0, 0.03);
5535   border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
5536   .card-header + .list-group .list-group-item:first-child {
5537     border-top: 0; }
5538
5539 .card-footer {
5540   padding: 0.75rem 1.25rem;
5541   background-color: rgba(0, 0, 0, 0.03);
5542   border-top: 1px solid rgba(0, 0, 0, 0.125); }
5543
5544 .card-header-tabs {
5545   margin-right: -0.625rem;
5546   margin-bottom: -0.75rem;
5547   margin-left: -0.625rem;
5548   border-bottom: 0; }
5549
5550 .card-header-pills {
5551   margin-right: -0.625rem;
5552   margin-left: -0.625rem; }
5553
5554 .card-img-overlay {
5555   position: absolute;
5556   top: 0;
5557   right: 0;
5558   bottom: 0;
5559   left: 0;
5560   padding: 1.25rem; }
5561
5562 .card-img {
5563   width: 100%; }
5564
5565 .card-img-top {
5566   width: 100%; }
5567
5568 .card-img-bottom {
5569   width: 100%; }
5570
5571 .card-deck {
5572   display: flex;
5573   flex-direction: column; }
5574   .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 {
5575     margin-bottom: 0.25rem; }
5576   @media (min-width: 576px) {
5577     .card-deck {
5578       flex-flow: row wrap;
5579       margin-right: -0.25rem;
5580       margin-left: -0.25rem; }
5581       .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 {
5582         display: flex;
5583         flex: 1 0 0%;
5584         flex-direction: column;
5585         margin-right: 0.25rem;
5586         margin-bottom: 0;
5587         margin-left: 0.25rem; } }
5588
5589 .card-group {
5590   display: flex;
5591   flex-direction: column; }
5592   .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 {
5593     margin-bottom: 0.25rem; }
5594   @media (min-width: 576px) {
5595     .card-group {
5596       flex-flow: row wrap; }
5597       .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 {
5598         flex: 1 0 0%;
5599         margin-bottom: 0; }
5600         .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 {
5601           margin-left: 0;
5602           border-left: 0; } }
5603
5604 .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 {
5605   margin-bottom: 0.75rem; }
5606
5607 @media (min-width: 576px) {
5608   .card-columns {
5609     column-count: 3;
5610     column-gap: 1.25rem; }
5611     .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 {
5612       display: inline-block;
5613       width: 100%; } }
5614
5615 .breadcrumb {
5616   display: flex;
5617   flex-wrap: wrap;
5618   padding: 0.25rem 0;
5619   margin-bottom: 0;
5620   list-style: none;
5621   background-color: transparent; }
5622
5623 .breadcrumb-item + .breadcrumb-item::before {
5624   display: inline-block;
5625   padding-right: 0.5rem;
5626   padding-left: 0.5rem;
5627   color: #868e96;
5628   content: "/"; }
5629
5630 .breadcrumb-item + .breadcrumb-item:hover::before {
5631   text-decoration: underline; }
5632
5633 .breadcrumb-item + .breadcrumb-item:hover::before {
5634   text-decoration: none; }
5635
5636 .breadcrumb-item.active {
5637   color: #868e96; }
5638
5639 .pagination {
5640   display: flex;
5641   padding-left: 0;
5642   list-style: none; }
5643
5644 .page-link {
5645   position: relative;
5646   display: block;
5647   padding: 0.5rem 0.75rem;
5648   margin-left: -1px;
5649   line-height: 1.25;
5650   color: #1177d1;
5651   background-color: #fff;
5652   border: 1px solid #dee2e6; }
5653   .page-link:hover {
5654     color: #0b4f8a;
5655     text-decoration: none;
5656     background-color: #e9ecef;
5657     border-color: #dee2e6; }
5658   .page-link:focus {
5659     z-index: 2;
5660     outline: 0;
5661     box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
5662   .page-link:not(:disabled):not(.disabled) {
5663     cursor: pointer; }
5664
5665 .page-item:first-child .page-link {
5666   margin-left: 0; }
5667
5668 .page-item.active .page-link {
5669   z-index: 1;
5670   color: #fff;
5671   background-color: #1177d1;
5672   border-color: #1177d1; }
5673
5674 .page-item.disabled .page-link {
5675   color: #868e96;
5676   pointer-events: none;
5677   cursor: auto;
5678   background-color: #fff;
5679   border-color: #dee2e6; }
5680
5681 .pagination-lg .page-link {
5682   padding: 0.75rem 1.5rem;
5683   font-size: 1.171875rem;
5684   line-height: 1.5; }
5685
5686 .pagination-sm .page-link {
5687   padding: 0.25rem 0.5rem;
5688   font-size: 0.8203125rem;
5689   line-height: 1.5; }
5690
5691 .badge {
5692   display: inline-block;
5693   padding: 0.25em 0.4em;
5694   font-size: 75%;
5695   font-weight: 700;
5696   line-height: 1;
5697   text-align: center;
5698   white-space: nowrap;
5699   vertical-align: baseline; }
5700   .badge:empty {
5701     display: none; }
5702
5703 .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 {
5704   position: relative;
5705   top: -1px; }
5706
5707 .badge-pill {
5708   padding-right: 0.6em;
5709   padding-left: 0.6em; }
5710
5711 .badge-primary {
5712   color: #fff;
5713   background-color: #1177d1; }
5714   .badge-primary[href]:hover, .badge-primary[href]:focus {
5715     color: #fff;
5716     text-decoration: none;
5717     background-color: #0d5ca2; }
5718
5719 .badge-secondary {
5720   color: #212529;
5721   background-color: #ced4da; }
5722   .badge-secondary[href]:hover, .badge-secondary[href]:focus {
5723     color: #212529;
5724     text-decoration: none;
5725     background-color: #b1bbc4; }
5726
5727 .badge-success {
5728   color: #fff;
5729   background-color: #5cb85c; }
5730   .badge-success[href]:hover, .badge-success[href]:focus {
5731     color: #fff;
5732     text-decoration: none;
5733     background-color: #449d44; }
5734
5735 .badge-info {
5736   color: #212529;
5737   background-color: #5bc0de; }
5738   .badge-info[href]:hover, .badge-info[href]:focus {
5739     color: #212529;
5740     text-decoration: none;
5741     background-color: #31b0d5; }
5742
5743 .badge-warning {
5744   color: #212529;
5745   background-color: #f0ad4e; }
5746   .badge-warning[href]:hover, .badge-warning[href]:focus {
5747     color: #212529;
5748     text-decoration: none;
5749     background-color: #ec971f; }
5750
5751 .badge-danger {
5752   color: #fff;
5753   background-color: #d9534f; }
5754   .badge-danger[href]:hover, .badge-danger[href]:focus {
5755     color: #fff;
5756     text-decoration: none;
5757     background-color: #c9302c; }
5758
5759 .badge-light {
5760   color: #212529;
5761   background-color: #f8f9fa; }
5762   .badge-light[href]:hover, .badge-light[href]:focus {
5763     color: #212529;
5764     text-decoration: none;
5765     background-color: #dae0e5; }
5766
5767 .badge-dark {
5768   color: #fff;
5769   background-color: #373a3c; }
5770   .badge-dark[href]:hover, .badge-dark[href]:focus {
5771     color: #fff;
5772     text-decoration: none;
5773     background-color: #1f2021; }
5774
5775 .jumbotron {
5776   padding: 2rem 1rem;
5777   margin-bottom: 2rem;
5778   background-color: #e9ecef; }
5779   @media (min-width: 576px) {
5780     .jumbotron {
5781       padding: 4rem 2rem; } }
5782
5783 .jumbotron-fluid {
5784   padding-right: 0;
5785   padding-left: 0; }
5786
5787 .alert, #page-admin-index .releasenoteslink,
5788 #page-admin-index .adminwarning,
5789 #page-admin-index .adminerror, .que .formulation,
5790 .que .outcome,
5791 .que .comment, .assignfeedback_editpdf_widget .label {
5792   position: relative;
5793   padding: 0.75rem 1.25rem;
5794   margin-bottom: 1rem;
5795   border: 0 solid transparent; }
5796
5797 .alert-heading {
5798   color: inherit; }
5799
5800 .alert-link {
5801   font-weight: 700; }
5802
5803 .alert-dismissible {
5804   padding-right: 3.90625rem; }
5805   .alert-dismissible .close, .alert-dismissible .moodle-dialogue-base .closebutton, .moodle-dialogue-base .alert-dismissible .closebutton {
5806     position: absolute;
5807     top: 0;
5808     right: 0;
5809     padding: 0.75rem 1.25rem;
5810     color: inherit; }
5811
5812 .alert-primary {
5813   color: #093e6d;
5814   background-color: #cfe4f6;
5815   border-color: #bcd9f2; }
5816   .alert-primary hr {
5817     border-top-color: #a7cdee; }
5818   .alert-primary .alert-link {
5819     color: #05233e; }
5820
5821 .alert-secondary {
5822   color: #6b6e71;
5823   background-color: #f5f6f8;
5824   border-color: #f1f3f5; }
5825   .alert-secondary hr {
5826     border-top-color: #e2e6ea; }
5827   .alert-secondary .alert-link {
5828     color: #525557; }
5829
5830 .alert-success,
5831 .que .comment {
5832   color: #306030;
5833   background-color: #def1de;
5834   border-color: #d1ebd1; }
5835   .alert-success hr, .que .comment hr {
5836     border-top-color: #bfe3bf; }
5837   .alert-success .alert-link, .que .comment .alert-link {
5838     color: #1f3e1f; }
5839
5840 .alert-info, #page-admin-index .releasenoteslink, #adminsettings .form-overridden, .que .formulation, .assignfeedback_editpdf_widget .label {
5841   color: #2f6473;
5842   background-color: #def2f8;
5843   border-color: #d1edf6; }
5844   .alert-info hr, #page-admin-index .releasenoteslink hr, #adminsettings .form-overridden hr, .que .formulation hr, .assignfeedback_editpdf_widget .label hr {
5845     border-top-color: #bce5f2; }
5846   .alert-info .alert-link, #page-admin-index .releasenoteslink .alert-link, #adminsettings .form-overridden .alert-link, .que .formulation .alert-link, .assignfeedback_editpdf_widget .label .alert-link {
5847     color: #20454f; }
5848
5849 .alert-warning,
5850 #page-admin-index .adminwarning, .uninstalldeleteconfirmexternal,
5851 .que .outcome,
5852 .que .comment {
5853   color: #7d5a29;
5854   background-color: #fcefdc;
5855   border-color: #fbe8cd; }
5856   .alert-warning hr, #page-admin-index .adminwarning hr, .uninstalldeleteconfirmexternal hr, .que .outcome hr, .que .comment hr {
5857     border-top-color: #f9ddb5; }
5858   .alert-warning .alert-link, #page-admin-index .adminwarning .alert-link, .uninstalldeleteconfirmexternal .alert-link, .que .outcome .alert-link, .que .comment .alert-link {
5859     color: #573e1c; }
5860
5861 .alert-danger,
5862 #page-admin-index .adminerror {
5863   color: #712b29;
5864   background-color: #f7dddc;
5865   border-color: #f4cfce; }
5866   .alert-danger hr, #page-admin-index .adminerror hr {
5867     border-top-color: #efbbb9; }
5868   .alert-danger .alert-link, #page-admin-index .adminerror .alert-link {
5869     color: #4c1d1b; }
5870
5871 .alert-light {
5872   color: #818182;
5873   background-color: #fefefe;
5874   border-color: #fdfdfe; }
5875   .alert-light hr {
5876     border-top-color: #ececf6; }
5877   .alert-light .alert-link {
5878     color: #686868; }
5879
5880 .alert-dark {
5881   color: #1d1e1f;
5882   background-color: #d7d8d8;
5883   border-color: #c7c8c8; }
5884   .alert-dark hr {
5885     border-top-color: #babbbb; }
5886   .alert-dark .alert-link {
5887     color: #040505; }
5888
5889 @keyframes progress-bar-stripes {
5890   from {
5891     background-position: 1rem 0; }
5892   to {
5893     background-position: 0 0; } }
5894
5895 .progress {
5896   display: flex;
5897   height: 1rem;
5898   overflow: hidden;
5899   font-size: 0.703125rem;
5900   background-color: #e9ecef; }
5901
5902 .progress-bar {
5903   display: flex;
5904   flex-direction: column;
5905   justify-content: center;
5906   color: #fff;
5907   text-align: center;
5908   background-color: #1177d1;
5909   transition: width 0.6s ease; }
5910
5911 .progress-bar-striped {
5912   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);
5913   background-size: 1rem 1rem; }
5914
5915 .progress-bar-animated {
5916   animation: progress-bar-stripes 1s linear infinite; }
5917
5918 .media {
5919   display: flex;
5920   align-items: flex-start; }
5921
5922 .media-body {
5923   flex: 1; }
5924
5925 .list-group {
5926   display: flex;
5927   flex-direction: column;
5928   padding-left: 0;
5929   margin-bottom: 0; }
5930
5931 .list-group-item-action {
5932   width: 100%;
5933   color: #495057;
5934   text-align: inherit; }
5935   .list-group-item-action:hover, .list-group-item-action:focus {
5936     color: #495057;
5937     text-decoration: none;
5938     background-color: #f8f9fa; }
5939   .list-group-item-action:active {
5940     color: #373a3c;
5941     background-color: #e9ecef; }
5942
5943 .list-group-item {
5944   position: relative;
5945   display: block;
5946   padding: 0.75rem 1.25rem;
5947   margin-bottom: -1px;
5948   background-color: #fff;
5949   border: 1px solid rgba(0, 0, 0, 0.125); }
5950   .list-group-item:last-child {
5951     margin-bottom: 0; }
5952   .list-group-item:hover, .list-group-item:focus {
5953     z-index: 1;
5954     text-decoration: none; }
5955   .list-group-item.disabled, .list-group-item:disabled {
5956     color: #868e96;
5957     background-color: #fff; }
5958   .list-group-item.active {
5959     z-index: 2;
5960     color: #fff;
5961     background-color: #1177d1;
5962     border-color: #1177d1; }
5963
5964 .list-group-flush .list-group-item {
5965   border-right: 0;
5966   border-left: 0; }
5967
5968 .list-group-flush:first-child .list-group-item:first-child {
5969   border-top: 0; }
5970
5971 .list-group-flush:last-child .list-group-item:last-child {
5972   border-bottom: 0; }
5973
5974 .list-group-item-primary {
5975   color: #093e6d;
5976   background-color: #bcd9f2; }
5977   .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
5978     color: #093e6d;
5979     background-color: #a7cdee; }
5980   .list-group-item-primary.list-group-item-action.active {
5981     color: #fff;
5982     background-color: #093e6d;
5983     border-color: #093e6d; }
5984
5985 .list-group-item-secondary {
5986   color: #6b6e71;
5987   background-color: #f1f3f5; }
5988   .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
5989     color: #6b6e71;
5990     background-color: #e2e6ea; }
5991   .list-group-item-secondary.list-group-item-action.active {
5992     color: #fff;
5993     background-color: #6b6e71;
5994     border-color: #6b6e71; }
5995
5996 .list-group-item-success {
5997   color: #306030;
5998   background-color: #d1ebd1; }
5999   .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
6000     color: #306030;
6001     background-color: #bfe3bf; }
6002   .list-group-item-success.list-group-item-action.active {
6003     color: #fff;
6004     background-color: #306030;
6005     border-color: #306030; }
6006
6007 .list-group-item-info {
6008   color: #2f6473;
6009   background-color: #d1edf6; }
6010   .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
6011     color: #2f6473;
6012     background-color: #bce5f2; }
6013   .list-group-item-info.list-group-item-action.active {
6014     color: #fff;
6015     background-color: #2f6473;
6016     border-color: #2f6473; }
6017
6018 .list-group-item-warning {
6019   color: #7d5a29;
6020   background-color: #fbe8cd; }
6021   .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
6022     color: #7d5a29;
6023     background-color: #f9ddb5; }
6024   .list-group-item-warning.list-group-item-action.active {
6025     color: #fff;
6026     background-color: #7d5a29;
6027     border-color: #7d5a29; }
6028
6029 .list-group-item-danger {
6030   color: #712b29;
6031   background-color: #f4cfce; }
6032   .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
6033     color: #712b29;
6034     background-color: #efbbb9; }
6035   .list-group-item-danger.list-group-item-action.active {
6036     color: #fff;
6037     background-color: #712b29;
6038     border-color: #712b29; }
6039
6040 .list-group-item-light {
6041   color: #818182;
6042   background-color: #fdfdfe; }
6043   .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
6044     color: #818182;
6045     background-color: #ececf6; }
6046   .list-group-item-light.list-group-item-action.active {
6047     color: #fff;
6048     background-color: #818182;
6049     border-color: #818182; }
6050
6051 .list-group-item-dark {
6052   color: #1d1e1f;
6053   background-color: #c7c8c8; }
6054   .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
6055     color: #1d1e1f;
6056     background-color: #babbbb; }
6057   .list-group-item-dark.list-group-item-action.active {
6058     color: #fff;
6059     background-color: #1d1e1f;
6060     border-color: #1d1e1f; }
6061
6062 .close, .moodle-dialogue-base .closebutton {
6063   float: right;
6064   font-size: 1.40625rem;
6065   font-weight: 700;
6066   line-height: 1;
6067   color: #000;
6068   text-shadow: 0 1px 0 #fff;
6069   opacity: .5; }
6070   .close:hover, .moodle-dialogue-base .closebutton:hover, .close:focus, .moodle-dialogue-base .closebutton:focus {
6071     color: #000;
6072     text-decoration: none;
6073     opacity: .75; }
6074   .close:not(:disabled):not(.disabled), .moodle-dialogue-base .closebutton:not(:disabled):not(.disabled) {
6075     cursor: pointer; }
6076
6077 button.close, .moodle-dialogue-base button.closebutton {
6078   padding: 0;
6079   background-color: transparent;
6080   border: 0;
6081   -webkit-appearance: none; }
6082
6083 .modal-open {
6084   overflow: hidden; }
6085
6086 .modal {
6087   position: fixed;
6088   top: 0;
6089   right: 0;
6090   bottom: 0;
6091   left: 0;
6092   z-index: 1050;
6093   display: none;
6094   overflow: hidden;
6095   outline: 0; }
6096   .modal-open .modal {
6097     overflow-x: hidden;
6098     overflow-y: auto; }
6099
6100 .modal-dialog {
6101   position: relative;
6102   width: auto;
6103   margin: 0.5rem;
6104   pointer-events: none; }
6105   .modal.fade .modal-dialog {
6106     transition: transform 0.3s ease-out;
6107     transform: translate(0, -25%); }
6108   .modal.show .modal-dialog {
6109     transform: translate(0, 0); }
6110
6111 .modal-dialog-centered {
6112   display: flex;
6113   align-items: center;
6114   min-height: calc(100% - (0.5rem * 2)); }
6115
6116 .modal-content, .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content {
6117   position: relative;
6118   display: flex;
6119   flex-direction: column;
6120   width: 100%;
6121   pointer-events: auto;
6122   background-color: #fff;
6123   background-clip: padding-box;
6124   border: 1px solid rgba(0, 0, 0, 0.2);
6125   outline: 0; }
6126
6127 .modal-backdrop {
6128   position: fixed;
6129   top: 0;
6130   right: 0;
6131   bottom: 0;
6132   left: 0;
6133   z-index: 1040;
6134   background-color: #000; }
6135   .modal-backdrop.fade {
6136     opacity: 0; }
6137   .modal-backdrop.show {
6138     opacity: 0.5; }
6139
6140 .modal-header, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
6141   display: flex;
6142   align-items: flex-start;
6143   justify-content: space-between;
6144   padding: 1rem;
6145   border-bottom: 1px solid #e9ecef; }
6146   .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 {
6147     padding: 1rem;
6148     margin: -1rem -1rem -1rem auto; }
6149
6150 .modal-title, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
6151   margin-bottom: 0;
6152   line-height: 1.5; }
6153
6154 .modal-body {
6155   position: relative;
6156   flex: 1 1 auto;
6157   padding: 1rem; }
6158
6159 .modal-footer, .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
6160   display: flex;
6161   align-items: center;
6162   justify-content: flex-end;
6163   padding: 1rem;
6164   border-top: 1px solid #e9ecef; }
6165   .modal-footer > :not(:first-child), .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft > :not(:first-child) {
6166     margin-left: .25rem; }
6167   .modal-footer > :not(:last-child), .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft > :not(:last-child) {
6168     margin-right: .25rem; }
6169
6170 .modal-scrollbar-measure {
6171   position: absolute;
6172   top: -9999px;
6173   width: 50px;
6174   height: 50px;
6175   overflow: scroll; }
6176
6177 @media (min-width: 576px) {
6178   .modal-dialog {
6179     max-width: 500px;
6180     margin: 1.75rem auto; }
6181   .modal-dialog-centered {
6182     min-height: calc(100% - (1.75rem * 2)); }
6183   .modal-sm {
6184     max-width: 300px; } }
6185
6186 @media (min-width: 992px) {
6187   .modal-lg {
6188     max-width: 800px; } }
6189
6190 .tooltip {
6191   position: absolute;
6192   z-index: 1070;
6193   display: block;
6194   margin: 0;
6195   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6196   font-style: normal;
6197   font-weight: 400;
6198   line-height: 1.5;
6199   text-align: left;
6200   text-align: start;
6201   text-decoration: none;
6202   text-shadow: none;
6203   text-transform: none;
6204   letter-spacing: normal;
6205   word-break: normal;
6206   word-spacing: normal;
6207   white-space: normal;
6208   line-break: auto;
6209   font-size: 0.8203125rem;
6210   word-wrap: break-word;
6211   opacity: 0; }
6212   .tooltip.show {
6213     opacity: 0.9; }
6214   .tooltip .arrow {
6215     position: absolute;
6216     display: block;
6217     width: 0.8rem;
6218     height: 0.4rem; }
6219     .tooltip .arrow::before {
6220       position: absolute;
6221       content: "";
6222       border-color: transparent;
6223       border-style: solid; }
6224
6225 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
6226   padding: 0.4rem 0; }
6227   .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
6228     bottom: 0; }
6229     .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
6230       top: 0;
6231       border-width: 0.4rem 0.4rem 0;
6232       border-top-color: #000; }
6233
6234 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
6235   padding: 0 0.4rem; }
6236   .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
6237     left: 0;
6238     width: 0.4rem;
6239     height: 0.8rem; }
6240     .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
6241       right: 0;
6242       border-width: 0.4rem 0.4rem 0.4rem 0;
6243       border-right-color: #000; }
6244
6245 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
6246   padding: 0.4rem 0; }
6247   .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
6248     top: 0; }
6249     .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
6250       bottom: 0;
6251       border-width: 0 0.4rem 0.4rem;
6252       border-bottom-color: #000; }
6253
6254 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
6255   padding: 0 0.4rem; }
6256   .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
6257     right: 0;
6258     width: 0.4rem;
6259     height: 0.8rem; }
6260     .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
6261       left: 0;
6262       border-width: 0.4rem 0 0.4rem 0.4rem;
6263       border-left-color: #000; }
6264
6265 .tooltip-inner {
6266   max-width: 200px;
6267   padding: 0.25rem 0.5rem;
6268   color: #fff;
6269   text-align: center;
6270   background-color: #000; }
6271
6272 /* rtl:begin:ignore */
6273 .popover {
6274   position: absolute;
6275   top: 0;
6276   left: 0;
6277   z-index: 1060;
6278   display: block;
6279   max-width: 276px;
6280   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6281   font-style: normal;
6282   font-weight: 400;
6283   line-height: 1.5;
6284   text-align: left;
6285   text-align: start;
6286   text-decoration: none;
6287   text-shadow: none;
6288   text-transform: none;
6289   letter-spacing: normal;
6290   word-break: normal;
6291   word-spacing: normal;
6292   white-space: normal;
6293   line-break: auto;
6294   font-size: 0.8203125rem;
6295   word-wrap: break-word;
6296   background-color: #fff;
6297   background-clip: padding-box;
6298   border: 1px solid rgba(0, 0, 0, 0.2); }
6299   .popover .arrow {
6300     position: absolute;
6301     display: block;
6302     width: 1rem;
6303     height: 0.5rem;
6304     margin: 0 0.3rem; }
6305     .popover .arrow::before, .popover .arrow::after {
6306       position: absolute;
6307       display: block;
6308       content: "";
6309       border-color: transparent;
6310       border-style: solid; }
6311
6312 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
6313   margin-bottom: 0.5rem; }
6314   .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
6315     bottom: calc((0.5rem + 1px) * -1); }
6316   .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
6317   .bs-popover-top .arrow::after,
6318   .bs-popover-auto[x-placement^="top"] .arrow::after {
6319     border-width: 0.5rem 0.5rem 0; }
6320   .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
6321     bottom: 0;
6322     border-top-color: rgba(0, 0, 0, 0.25); }
6323
6324   .bs-popover-top .arrow::after,
6325   .bs-popover-auto[x-placement^="top"] .arrow::after {
6326     bottom: 1px;
6327     border-top-color: #fff; }
6328
6329 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
6330   margin-left: 0.5rem; }
6331   .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
6332     left: calc((0.5rem + 1px) * -1);
6333     width: 0.5rem;
6334     height: 1rem;
6335     margin: 0.3rem 0; }
6336   .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
6337   .bs-popover-right .arrow::after,
6338   .bs-popover-auto[x-placement^="right"] .arrow::after {
6339     border-width: 0.5rem 0.5rem 0.5rem 0; }
6340   .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
6341     left: 0;
6342     border-right-color: rgba(0, 0, 0, 0.25); }
6343
6344   .bs-popover-right .arrow::after,
6345   .bs-popover-auto[x-placement^="right"] .arrow::after {
6346     left: 1px;
6347     border-right-color: #fff; }
6348
6349 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
6350   margin-top: 0.5rem; }
6351   .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
6352     top: calc((0.5rem + 1px) * -1); }
6353   .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
6354   .bs-popover-bottom .arrow::after,
6355   .bs-popover-auto[x-placement^="bottom"] .arrow::after {
6356     border-width: 0 0.5rem 0.5rem 0.5rem; }
6357   .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
6358     top: 0;
6359     border-bottom-color: rgba(0, 0, 0, 0.25); }
6360
6361   .bs-popover-bottom .arrow::after,
6362   .bs-popover-auto[x-placement^="bottom"] .arrow::after {
6363     top: 1px;
6364     border-bottom-color: #fff; }
6365   .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
6366     position: absolute;
6367     top: 0;
6368     left: 50%;
6369     display: block;
6370     width: 1rem;
6371     margin-left: -0.5rem;
6372     content: "";
6373     border-bottom: 1px solid #f7f7f7; }
6374
6375 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
6376   margin-right: 0.5rem; }
6377   .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
6378     right: calc((0.5rem + 1px) * -1);
6379     width: 0.5rem;
6380     height: 1rem;
6381     margin: 0.3rem 0; }
6382   .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
6383   .bs-popover-left .arrow::after,
6384   .bs-popover-auto[x-placement^="left"] .arrow::after {
6385     border-width: 0.5rem 0 0.5rem 0.5rem; }
6386   .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
6387     right: 0;
6388     border-left-color: rgba(0, 0, 0, 0.25); }
6389
6390   .bs-popover-left .arrow::after,
6391   .bs-popover-auto[x-placement^="left"] .arrow::after {
6392     right: 1px;
6393     border-left-color: #fff; }
6394
6395 .popover-header {
6396   padding: 0.5rem 0.75rem;
6397   margin-bottom: 0;
6398   font-size: 0.9375rem;
6399   color: inherit;
6400   background-color: #f7f7f7;
6401   border-bottom: 1px solid #ebebeb; }
6402   .popover-header:empty {
6403     display: none; }
6404
6405 .popover-body {
6406   padding: 0.5rem 0.75rem;
6407   color: #373a3c; }
6408
6409 /* rtl:end:ignore */
6410 .carousel {
6411   position: relative; }
6412
6413 .carousel-inner {
6414   position: relative;
6415   width: 100%;
6416   overflow: hidden; }
6417
6418 .carousel-item {
6419   position: relative;
6420   display: none;
6421   align-items: center;
6422   width: 100%;
6423   transition: transform 0.6s ease;
6424   backface-visibility: hidden;
6425   perspective: 1000px; }
6426
6427 .carousel-item.active,
6428 .carousel-item-next,
6429 .carousel-item-prev {
6430   display: block; }
6431
6432 .carousel-item-next,
6433 .carousel-item-prev {
6434   position: absolute;
6435   top: 0; }
6436
6437 .carousel-control-prev,
6438 .carousel-control-next {
6439   position: absolute;
6440   top: 0;
6441   bottom: 0;
6442   display: flex;
6443   align-items: center;
6444   justify-content: center;
6445   width: 15%;
6446   color: #fff;
6447   text-align: center;
6448   opacity: 0.5; }
6449   .carousel-control-prev:hover, .carousel-control-prev:focus,
6450   .carousel-control-next:hover,
6451   .carousel-control-next:focus {
6452     color: #fff;
6453     text-decoration: none;
6454     outline: 0;
6455     opacity: .9; }
6456
6457 .carousel-control-prev {
6458   left: 0; }
6459
6460 .carousel-control-next {
6461   right: 0; }
6462
6463 .carousel-control-prev-icon,
6464 .carousel-control-next-icon {
6465   display: inline-block;
6466   width: 20px;
6467   height: 20px;
6468   background: transparent no-repeat center center;
6469   background-size: 100% 100%; }
6470
6471 .carousel-control-prev-icon {
6472   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"); }
6473
6474 .carousel-control-next-icon {
6475   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"); }
6476
6477 .carousel-indicators {
6478   position: absolute;
6479   right: 0;
6480   bottom: 10px;
6481   left: 0;
6482   z-index: 15;
6483   display: flex;
6484   justify-content: center;
6485   padding-left: 0;
6486   margin-right: 15%;
6487   margin-left: 15%;
6488   list-style: none; }
6489   .carousel-indicators li {
6490     position: relative;
6491     flex: 0 1 auto;
6492     width: 30px;
6493     height: 3px;
6494     margin-right: 3px;
6495     margin-left: 3px;
6496     text-indent: -999px;
6497     background-color: rgba(255, 255, 255, 0.5); }
6498     .carousel-indicators li::before {
6499       position: absolute;
6500       top: -10px;
6501       left: 0;
6502       display: inline-block;
6503       width: 100%;
6504       height: 10px;
6505       content: ""; }
6506     .carousel-indicators li::after {
6507       position: absolute;
6508       bottom: -10px;
6509       left: 0;
6510       display: inline-block;
6511       width: 100%;
6512       height: 10px;
6513       content: ""; }
6514   .carousel-indicators .active {
6515     background-color: #fff; }
6516
6517 .carousel-caption {
6518   position: absolute;
6519   right: 15%;
6520   bottom: 20px;
6521   left: 15%;
6522   z-index: 10;
6523   padding-top: 20px;
6524   padding-bottom: 20px;
6525   color: #fff;
6526   text-align: center; }
6527
6528 .align-baseline {
6529   vertical-align: baseline !important; }
6530
6531 .align-top {
6532   vertical-align: top !important; }
6533
6534 .align-middle {
6535   vertical-align: middle !important; }
6536
6537 .align-bottom {
6538   vertical-align: bottom !important; }
6539
6540 .align-text-bottom {
6541   vertical-align: text-bottom !important; }
6542
6543 .align-text-top {
6544   vertical-align: text-top !important; }
6545
6546 .bg-primary {
6547   background-color: #1177d1 !important; }
6548
6549 a.bg-primary:hover, a.bg-primary:focus,
6550 button.bg-primary:hover,
6551 button.bg-primary:focus {
6552   background-color: #0d5ca2 !important; }
6553
6554 .bg-secondary {
6555   background-color: #ced4da !important; }
6556
6557 a.bg-secondary:hover, a.bg-secondary:focus,
6558 button.bg-secondary:hover,
6559 button.bg-secondary:focus {
6560   background-color: #b1bbc4 !important; }
6561
6562 .bg-success {
6563   background-color: #5cb85c !important; }
6564
6565 a.bg-success:hover, a.bg-success:focus,
6566 button.bg-success:hover,
6567 button.bg-success:focus {
6568   background-color: #449d44 !important; }
6569
6570 .bg-info {
6571   background-color: #5bc0de !important; }
6572
6573 a.bg-info:hover, a.bg-info:focus,
6574 button.bg-info:hover,
6575 button.bg-info:focus {
6576   background-color: #31b0d5 !important; }
6577
6578 .bg-warning {
6579   background-color: #f0ad4e !important; }
6580
6581 a.bg-warning:hover, a.bg-warning:focus,
6582 button.bg-warning:hover,
6583 button.bg-warning:focus {
6584   background-color: #ec971f !important; }
6585
6586 .bg-danger {
6587   background-color: #d9534f !important; }
6588
6589 a.bg-danger:hover, a.bg-danger:focus,
6590 button.bg-danger:hover,
6591 button.bg-danger:focus {
6592   background-color: #c9302c !important; }
6593
6594 .bg-light {
6595   background-color: #f8f9fa !important; }
6596
6597 a.bg-light:hover, a.bg-light:focus,
6598 button.bg-light:hover,
6599 button.bg-light:focus {
6600   background-color: #dae0e5 !important; }
6601
6602 .bg-dark {
6603   background-color: #373a3c !important; }
6604
6605 a.bg-dark:hover, a.bg-dark:focus,
6606 button.bg-dark:hover,
6607 button.bg-dark:focus {
6608   background-color: #1f2021 !important; }
6609
6610 .bg-white {
6611   background-color: #fff !important; }
6612
6613 .bg-transparent {
6614   background-color: transparent !important; }
6615
6616 .border, .filemanager-container,
6617 .filepicker-filelist {
6618   border: 1px solid #dee2e6 !important; }
6619
6620 .border-top {
6621   border-top: 1px solid #dee2e6 !important; }
6622
6623 .border-right {
6624   border-right: 1px solid #dee2e6 !important; }
6625
6626 .border-bottom {
6627   border-bottom: 1px solid #dee2e6 !important; }
6628
6629 .border-left {
6630   border-left: 1px solid #dee2e6 !important; }
6631
6632 .border-0 {
6633   border: 0 !important; }
6634
6635 .border-top-0 {
6636   border-top: 0 !important; }
6637
6638 .border-right-0 {
6639   border-right: 0 !important; }
6640
6641 .border-bottom-0 {
6642   border-bottom: 0 !important; }
6643
6644 .border-left-0 {
6645   border-left: 0 !important; }
6646
6647 .border-primary {
6648   border-color: #1177d1 !important; }
6649
6650 .border-secondary {
6651   border-color: #ced4da !important; }
6652
6653 .border-success {
6654   border-color: #5cb85c !important; }
6655
6656 .border-info {
6657   border-color: #5bc0de !important; }
6658
6659 .border-warning {
6660   border-color: #f0ad4e !important; }
6661
6662 .border-danger {
6663   border-color: #d9534f !important; }
6664
6665 .border-light {
6666   border-color: #f8f9fa !important; }
6667
6668 .border-dark {
6669   border-color: #373a3c !important; }
6670
6671 .border-white {
6672   border-color: #fff !important; }
6673
6674 .rounded {
6675   border-radius: 0.25rem !important; }
6676
6677 .rounded-top {
6678   border-top-left-radius: 0.25rem !important;
6679   border-top-right-radius: 0.25rem !important; }
6680
6681 .rounded-right {
6682   border-top-right-radius: 0.25rem !important;
6683   border-bottom-right-radius: 0.25rem !important; }
6684
6685 .rounded-bottom {
6686   border-bottom-right-radius: 0.25rem !important;
6687   border-bottom-left-radius: 0.25rem !important; }
6688
6689 .rounded-left {
6690   border-top-left-radius: 0.25rem !important;
6691   border-bottom-left-radius: 0.25rem !important; }
6692
6693 .rounded-circle {
6694   border-radius: 50% !important; }
6695
6696 .rounded-0 {
6697   border-radius: 0 !important; }
6698
6699 .clearfix::after {
6700   display: block;
6701   clear: both;
6702   content: ""; }
6703
6704 .d-none {
6705   display: none !important; }
6706
6707 .d-inline {
6708   display: inline !important; }
6709
6710 .d-inline-block {
6711   display: inline-block !important; }
6712
6713 .d-block {
6714   display: block !important; }
6715
6716 .d-table {
6717   display: table !important; }
6718
6719 .d-table-row {
6720   display: table-row !important; }
6721
6722 .d-table-cell {
6723   display: table-cell !important; }
6724
6725 .d-flex {
6726   display: flex !important; }
6727
6728 .d-inline-flex {
6729   display: inline-flex !important; }
6730
6731 @media (min-width: 576px) {
6732   .d-sm-none {
6733     display: none !important; }
6734   .d-sm-inline {
6735     display: inline !important; }
6736   .d-sm-inline-block {
6737     display: inline-block !important; }
6738   .d-sm-block {
6739     display: block !important; }
6740   .d-sm-table {
6741     display: table !important; }
6742   .d-sm-table-row {
6743     display: table-row !important; }
6744   .d-sm-table-cell {
6745     display: table-cell !important; }
6746   .d-sm-flex {
6747     display: flex !important; }
6748   .d-sm-inline-flex {
6749     display: inline-flex !important; } }
6750
6751 @media (min-width: 768px) {
6752   .d-md-none {
6753     display: none !important; }
6754   .d-md-inline {
6755     display: inline !important; }
6756   .d-md-inline-block {
6757     display: inline-block !important; }
6758   .d-md-block {
6759     display: block !important; }
6760   .d-md-table {
6761     display: table !important; }
6762   .d-md-table-row {
6763     display: table-row !important; }
6764   .d-md-table-cell {
6765     display: table-cell !important; }
6766   .d-md-flex {
6767     display: flex !important; }
6768   .d-md-inline-flex {
6769     display: inline-flex !important; } }
6770
6771 @media (min-width: 992px) {
6772   .d-lg-none {
6773     display: none !important; }
6774   .d-lg-inline {
6775     display: inline !important; }
6776   .d-lg-inline-block {
6777     display: inline-block !important; }
6778   .d-lg-block {
6779     display: block !important; }
6780   .d-lg-table {
6781     display: table !important; }
6782   .d-lg-table-row {
6783     display: table-row !important; }
6784   .d-lg-table-cell {
6785     display: table-cell !important; }
6786   .d-lg-flex {
6787     display: flex !important; }
6788   .d-lg-inline-flex {
6789     display: inline-flex !important; } }
6790
6791 @media (min-width: 1200px) {
6792   .d-xl-none {
6793     display: none !important; }
6794   .d-xl-inline {
6795     display: inline !important; }
6796   .d-xl-inline-block {
6797     display: inline-block !important; }
6798   .d-xl-block {
6799     display: block !important; }
6800   .d-xl-table {
6801     display: table !important; }
6802   .d-xl-table-row {
6803     display: table-row !important; }
6804   .d-xl-table-cell {
6805     display: table-cell !important; }
6806   .d-xl-flex {
6807     display: flex !important; }
6808   .d-xl-inline-flex {
6809     display: inline-flex !important; } }
6810
6811 @media print {
6812   .d-print-none {
6813     display: none !important; }
6814   .d-print-inline {
6815     display: inline !important; }
6816   .d-print-inline-block {
6817     display: inline-block !important; }
6818   .d-print-block {
6819     display: block !important; }
6820   .d-print-table {
6821     display: table !important; }
6822   .d-print-table-row {
6823     display: table-row !important; }
6824   .d-print-table-cell {
6825     display: table-cell !important; }
6826   .d-print-flex {
6827     display: flex !important; }
6828   .d-print-inline-flex {
6829     display: inline-flex !important; } }
6830
6831 .embed-responsive {
6832   position: relative;
6833   display: block;
6834   width: 100%;
6835   padding: 0;
6836   overflow: hidden; }
6837   .embed-responsive::before {
6838     display: block;
6839     content: ""; }
6840   .embed-responsive .embed-responsive-item,
6841   .embed-responsive iframe,
6842   .embed-responsive embed,
6843   .embed-responsive object,
6844   .embed-responsive video {
6845     position: absolute;
6846     top: 0;
6847     bottom: 0;
6848     left: 0;
6849     width: 100%;
6850     height: 100%;
6851     border: 0; }
6852
6853 .embed-responsive-21by9::before {
6854   padding-top: 42.8571428571%; }
6855
6856 .embed-responsive-16by9::before {
6857   padding-top: 56.25%; }
6858
6859 .embed-responsive-4by3::before {
6860   padding-top: 75%; }
6861
6862 .embed-responsive-1by1::before {
6863   padding-top: 100%; }
6864
6865 .flex-row {
6866   flex-direction: row !important; }
6867
6868 .flex-column {
6869   flex-direction: column !important; }
6870
6871 .flex-row-reverse {
6872   flex-direction: row-reverse !important; }
6873
6874 .flex-column-reverse {
6875   flex-direction: column-reverse !important; }
6876
6877 .flex-wrap {
6878   flex-wrap: wrap !important; }
6879
6880 .flex-nowrap {
6881   flex-wrap: nowrap !important; }
6882
6883 .flex-wrap-reverse {
6884   flex-wrap: wrap-reverse !important; }
6885
6886 .justify-content-start {
6887   justify-content: flex-start !important; }
6888
6889 .justify-content-end {
6890   justify-content: flex-end !important; }
6891
6892 .justify-content-center {
6893   justify-content: center !important; }
6894
6895 .justify-content-between {
6896   justify-content: space-between !important; }
6897
6898 .justify-content-around {
6899   justify-content: space-around !important; }
6900
6901 .align-items-start {
6902   align-items: flex-start !important; }
6903
6904 .align-items-end {
6905   align-items: flex-end !important; }
6906
6907 .align-items-center {
6908   align-items: center !important; }
6909
6910 .align-items-baseline {
6911   align-items: baseline !important; }
6912
6913 .align-items-stretch {
6914   align-items: stretch !important; }
6915
6916 .align-content-start {
6917   align-content: flex-start !important; }
6918
6919 .align-content-end {
6920   align-content: flex-end !important; }
6921
6922 .align-content-center {
6923   align-content: center !important; }
6924
6925 .align-content-between {
6926   align-content: space-between !important; }
6927
6928 .align-content-around {
6929   align-content: space-around !important; }
6930
6931 .align-content-stretch {
6932   align-content: stretch !important; }
6933
6934 .align-self-auto {
6935   align-self: auto !important; }
6936
6937 .align-self-start {
6938   align-self: flex-start !important; }
6939
6940 .align-self-end {
6941   align-self: flex-end !important; }
6942
6943 .align-self-center {
6944   align-self: center !important; }
6945
6946 .align-self-baseline {
6947   align-self: baseline !important; }
6948
6949 .align-self-stretch {
6950   align-self: stretch !important; }
6951
6952 @media (min-width: 576px) {
6953   .flex-sm-row {
6954     flex-direction: row !important; }
6955   .flex-sm-column {
6956     flex-direction: column !important; }
6957   .flex-sm-row-reverse {
6958     flex-direction: row-reverse !important; }
6959   .flex-sm-column-reverse {
6960     flex-direction: column-reverse !important; }
6961   .flex-sm-wrap {
6962     flex-wrap: wrap !important; }
6963   .flex-sm-nowrap {
6964     flex-wrap: nowrap !important; }
6965   .flex-sm-wrap-reverse {
6966     flex-wrap: wrap-reverse !important; }
6967   .justify-content-sm-start {
6968     justify-content: flex-start !important; }
6969   .justify-content-sm-end {
6970     justify-content: flex-end !important; }
6971   .justify-content-sm-center {
6972     justify-content: center !important; }
6973   .justify-content-sm-between {
6974     justify-content: space-between !important; }
6975   .justify-content-sm-around {
6976     justify-content: space-around !important; }
6977   .align-items-sm-start {
6978     align-items: flex-start !important; }
6979   .align-items-sm-end {
6980     align-items: flex-end !important; }
6981   .align-items-sm-center {
6982     align-items: center !important; }
6983   .align-items-sm-baseline {
6984     align-items: baseline !important; }
6985   .align-items-sm-stretch {
6986     align-items: stretch !important; }
6987   .align-content-sm-start {
6988     align-content: flex-start !important; }
6989   .align-content-sm-end {
6990     align-content: flex-end !important; }
6991   .align-content-sm-center {
6992     align-content: center !important; }
6993   .align-content-sm-between {
6994     align-content: space-between !important; }
6995   .align-content-sm-around {
6996     align-content: space-around !important; }
6997   .align-content-sm-stretch {
6998     align-content: stretch !important; }
6999   .align-self-sm-auto {
7000     align-self: auto !important; }
7001   .align-self-sm-start {
7002     align-self: flex-start !important; }
7003   .align-self-sm-end {
7004     align-self: flex-end !important; }
7005   .align-self-sm-center {
7006     align-self: center !important; }
7007   .align-self-sm-baseline {
7008     align-self: baseline !important; }
7009   .align-self-sm-stretch {
7010     align-self: stretch !important; } }
7011
7012 @media (min-width: 768px) {
7013   .flex-md-row {
7014     flex-direction: row !important; }
7015   .flex-md-column {
7016     flex-direction: column !important; }
7017   .flex-md-row-reverse {
7018     flex-direction: row-reverse !important; }
7019   .flex-md-column-reverse {
7020     flex-direction: column-reverse !important; }
7021   .flex-md-wrap {
7022     flex-wrap: wrap !important; }
7023   .flex-md-nowrap {
7024     flex-wrap: nowrap !important; }
7025   .flex-md-wrap-reverse {
7026     flex-wrap: wrap-reverse !important; }
7027   .justify-content-md-start {
7028     justify-content: flex-start !important; }
7029   .justify-content-md-end {
7030     justify-content: flex-end !important; }
7031   .justify-content-md-center {
7032     justify-content: center !important; }
7033   .justify-content-md-between {
7034     justify-content: space-between !important; }
7035   .justify-content-md-around {
7036     justify-content: space-around !important; }
7037   .align-items-md-start {
7038     align-items: flex-start !important; }
7039   .align-items-md-end {
7040     align-items: flex-end !important; }
7041   .align-items-md-center {
7042     align-items: center !important; }
7043   .align-items-md-baseline {
7044     align-items: baseline !important; }
7045   .align-items-md-stretch {
7046     align-items: stretch !important; }
7047   .align-content-md-start {
7048     align-content: flex-start !important; }
7049   .align-content-md-end {
7050     align-content: flex-end !important; }
7051   .align-content-md-center {
7052     align-content: center !important; }
7053   .align-content-md-between {
7054     align-content: space-between !important; }
7055   .align-content-md-around {
7056     align-content: space-around !important; }
7057   .align-content-md-stretch {
7058     align-content: stretch !important; }
7059   .align-self-md-auto {
7060     align-self: auto !important; }
7061   .align-self-md-start {
7062     align-self: flex-start !important; }
7063   .align-self-md-end {
7064     align-self: flex-end !important; }
7065   .align-self-md-center {
7066     align-self: center !important; }
7067   .align-self-md-baseline {
7068     align-self: baseline !important; }
7069   .align-self-md-stretch {
7070     align-self: stretch !important; } }
7071
7072 @media (min-width: 992px) {
7073   .flex-lg-row {
7074     flex-direction: row !important; }
7075   .flex-lg-column {
7076     flex-direction: column !important; }
7077   .flex-lg-row-reverse {
7078     flex-direction: row-reverse !important; }
7079   .flex-lg-column-reverse {
7080     flex-direction: column-reverse !important; }
7081   .flex-lg-wrap {
7082     flex-wrap: wrap !important; }
7083   .flex-lg-nowrap {
7084     flex-wrap: nowrap !important; }
7085   .flex-lg-wrap-reverse {
7086     flex-wrap: wrap-reverse !important; }
7087   .justify-content-lg-start {
7088     justify-content: flex-start !important; }
7089   .justify-content-lg-end {
7090     justify-content: flex-end !important; }
7091   .justify-content-lg-center {
7092     justify-content: center !important; }
7093   .justify-content-lg-between {
7094     justify-content: space-between !important; }
7095   .justify-content-lg-around {
7096     justify-content: space-around !important; }
7097   .align-items-lg-start {
7098     align-items: flex-start !important; }
7099   .align-items-lg-end {
7100     align-items: flex-end !important; }
7101   .align-items-lg-center {
7102     align-items: center !important; }
7103   .align-items-lg-baseline {
7104     align-items: baseline !important; }
7105   .align-items-lg-stretch {
7106     align-items: stretch !important; }
7107   .align-content-lg-start {
7108     align-content: flex-start !important; }
7109   .align-content-lg-end {
7110     align-content: flex-end !important; }
7111   .align-content-lg-center {
7112     align-content: center !important; }
7113   .align-content-lg-between {
7114     align-content: space-between !important; }
7115   .align-content-lg-around {
7116     align-content: space-around !important; }
7117   .align-content-lg-stretch {
7118     align-content: stretch !important; }
7119   .align-self-lg-auto {
7120     align-self: auto !important; }
7121   .align-self-lg-start {
7122     align-self: flex-start !important; }
7123   .align-self-lg-end {
7124     align-self: flex-end !important; }
7125   .align-self-lg-center {
7126     align-self: center !important; }
7127   .align-self-lg-baseline {
7128     align-self: baseline !important; }
7129   .align-self-lg-stretch {
7130     align-self: stretch !important; } }
7131
7132 @media (min-width: 1200px) {
7133   .flex-xl-row {
7134     flex-direction: row !important; }
7135   .flex-xl-column {
7136     flex-direction: column !important; }
7137   .flex-xl-row-reverse {
7138     flex-direction: row-reverse !important; }
7139   .flex-xl-column-reverse {
7140     flex-direction: column-reverse !important; }
7141   .flex-xl-wrap {
7142     flex-wrap: wrap !important; }
7143   .flex-xl-nowrap {
7144     flex-wrap: nowrap !important; }
7145   .flex-xl-wrap-reverse {
7146     flex-wrap: wrap-reverse !important; }
7147   .justify-content-xl-start {
7148     justify-content: flex-start !important; }
7149   .justify-content-xl-end {
7150     justify-content: flex-end !important; }
7151   .justify-content-xl-center {
7152     justify-content: center !important; }
7153   .justify-content-xl-between {
7154     justify-content: space-between !important; }
7155   .justify-content-xl-around {
7156     justify-content: space-around !important; }
7157   .align-items-xl-start {
7158     align-items: flex-start !important; }
7159   .align-items-xl-end {
7160     align-items: flex-end !important; }
7161   .align-items-xl-center {
7162     align-items: center !important; }
7163   .align-items-xl-baseline {
7164     align-items: baseline !important; }
7165   .align-items-xl-stretch {
7166     align-items: stretch !important; }
7167   .align-content-xl-start {
7168     align-content: flex-start !important; }
7169   .align-content-xl-end {
7170     align-content: flex-end !important; }
7171   .align-content-xl-center {
7172     align-content: center !important; }
7173   .align-content-xl-between {
7174     align-content: space-between !important; }
7175   .align-content-xl-around {
7176     align-content: space-around !important; }
7177   .align-content-xl-stretch {
7178     align-content: stretch !important; }
7179   .align-self-xl-auto {
7180     align-self: auto !important; }
7181   .align-self-xl-start {
7182     align-self: flex-start !important; }
7183   .align-self-xl-end {
7184     align-self: flex-end !important; }
7185   .align-self-xl-center {
7186     align-self: center !important; }
7187   .align-self-xl-baseline {
7188     align-self: baseline !important; }
7189   .align-self-xl-stretch {
7190     align-self: stretch !important; } }
7191
7192 .float-left {
7193   float: left !important; }
7194
7195 .float-right {
7196   float: right !important; }
7197
7198 .float-none {
7199   float: none !important; }
7200
7201 @media (min-width: 576px) {
7202   .float-sm-left {
7203     float: left !important; }
7204   .float-sm-right {
7205     float: right !important; }
7206   .float-sm-none {
7207     float: none !important; } }
7208
7209 @media (min-width: 768px) {
7210   .float-md-left {
7211     float: left !important; }
7212   .float-md-right {
7213     float: right !important; }
7214   .float-md-none {
7215     float: none !important; } }
7216
7217 @media (min-width: 992px) {
7218   .float-lg-left {
7219     float: left !important; }
7220   .float-lg-right {
7221     float: right !important; }
7222   .float-lg-none {
7223     float: none !important; } }
7224
7225 @media (min-width: 1200px) {
7226   .float-xl-left {
7227     float: left !important; }
7228   .float-xl-right {
7229     float: right !important; }
7230   .float-xl-none {
7231     float: none !important; } }
7232
7233 .position-static {
7234   position: static !important; }
7235
7236 .position-relative {
7237   position: relative !important; }
7238
7239 .position-absolute {
7240   position: absolute !important; }
7241
7242 .position-fixed {
7243   position: fixed !important; }
7244
7245 .position-sticky {
7246   position: sticky !important; }
7247
7248 .fixed-top {
7249   position: fixed;
7250   top: 0;
7251   right: 0;
7252   left: 0;
7253   z-index: 1030; }
7254
7255 .fixed-bottom {
7256   position: fixed;
7257   right: 0;
7258   bottom: 0;
7259   left: 0;
7260   z-index: 1030; }
7261
7262 .sticky-top {
7263   position: sticky;
7264   top: 0;
7265   z-index: 1020; }
7266
7267 .sr-only {
7268   position: absolute;
7269   width: 1px;
7270   height: 1px;
7271   padding: 0;
7272   overflow: hidden;
7273   clip: rect(0, 0, 0, 0);
7274   white-space: nowrap;
7275   clip-path: inset(50%);
7276   border: 0; }
7277
7278 .sr-only-focusable:active, .sr-only-focusable:focus {
7279   position: static;
7280   width: auto;
7281   height: auto;
7282   overflow: visible;
7283   clip: auto;
7284   white-space: normal;
7285   clip-path: none; }
7286
7287 .w-25 {
7288   width: 25% !important; }
7289
7290 .w-50 {
7291   width: 50% !important; }
7292
7293 .w-75 {
7294   width: 75% !important; }
7295
7296 .w-100 {
7297   width: 100% !important; }
7298
7299 .h-25 {
7300   height: 25% !important; }
7301
7302 .h-50 {
7303   height: 50% !important; }
7304
7305 .h-75 {
7306   height: 75% !important; }
7307
7308 .h-100 {
7309   height: 100% !important; }
7310
7311 .mw-100 {
7312   max-width: 100% !important; }
7313
7314 .mh-100 {
7315   max-height: 100% !important; }
7316
7317 .m-0 {
7318   margin: 0 !important; }
7319
7320 .mt-0,
7321 .my-0 {
7322   margin-top: 0 !important; }
7323
7324 .mr-0,
7325 .mx-0 {
7326   margin-right: 0 !important; }
7327
7328 .mb-0,
7329 .my-0 {
7330   margin-bottom: 0 !important; }
7331
7332 .ml-0,
7333 .mx-0 {
7334   margin-left: 0 !important; }
7335
7336 .m-1 {
7337   margin: 0.25rem !important; }
7338
7339 .mt-1,
7340 .my-1 {
7341   margin-top: 0.25rem !important; }
7342
7343 .mr-1,
7344 .mx-1 {
7345   margin-right: 0.25rem !important; }
7346
7347 .mb-1,
7348 .my-1 {
7349   margin-bottom: 0.25rem !important; }
7350
7351 .ml-1,
7352 .mx-1 {
7353   margin-left: 0.25rem !important; }
7354
7355 .m-2 {
7356   margin: 0.5rem !important; }
7357
7358 .mt-2,
7359 .my-2 {
7360   margin-top: 0.5rem !important; }
7361
7362 .mr-2,
7363 .mx-2 {
7364   margin-right: 0.5rem !important; }
7365
7366 .mb-2,
7367 .my-2 {
7368   margin-bottom: 0.5rem !important; }
7369
7370 .ml-2,
7371 .mx-2 {
7372   margin-left: 0.5rem !important; }
7373
7374 .m-3 {
7375   margin: 1rem !important; }
7376
7377 .mt-3,
7378 .my-3 {
7379   margin-top: 1rem !important; }
7380
7381 .mr-3,
7382 .mx-3 {
7383   margin-right: 1rem !important; }
7384
7385 .mb-3,
7386 .my-3 {
7387   margin-bottom: 1rem !important; }
7388
7389 .ml-3,
7390 .mx-3 {
7391   margin-left: 1rem !important; }
7392
7393 .m-4 {
7394   margin: 1.5rem !important; }
7395
7396 .mt-4,
7397 .my-4 {
7398   margin-top: 1.5rem !important; }
7399
7400 .mr-4,
7401 .mx-4 {
7402   margin-right: 1.5rem !important; }
7403
7404 .mb-4,
7405 .my-4 {
7406   margin-bottom: 1.5rem !important; }
7407
7408 .ml-4,
7409 .mx-4 {
7410   margin-left: 1.5rem !important; }
7411
7412 .m-5 {
7413   margin: 3rem !important; }
7414
7415 .mt-5,
7416 .my-5 {
7417   margin-top: 3rem !important; }
7418
7419 .mr-5,
7420 .mx-5 {
7421   margin-right: 3rem !important; }
7422
7423 .mb-5,
7424 .my-5 {
7425   margin-bottom: 3rem !important; }
7426
7427 .ml-5,
7428 .mx-5 {
7429   margin-left: 3rem !important; }
7430
7431 .p-0, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
7432   padding: 0 !important; }
7433
7434 .pt-0,
7435 .py-0 {
7436   padding-top: 0 !important; }
7437
7438 .pr-0,
7439 .px-0 {
7440   padding-right: 0 !important; }
7441
7442 .pb-0,
7443 .py-0 {
7444   padding-bottom: 0 !important; }
7445
7446 .pl-0,
7447 .px-0 {
7448   padding-left: 0 !important; }
7449
7450 .p-1 {
7451   padding: 0.25rem !important; }
7452
7453 .pt-1,
7454 .py-1 {
7455   padding-top: 0.25rem !important; }
7456
7457 .pr-1,
7458 .px-1 {
7459   padding-right: 0.25rem !important; }
7460
7461 .pb-1,
7462 .py-1 {
7463   padding-bottom: 0.25rem !important; }
7464
7465 .pl-1,
7466 .px-1 {
7467   padding-left: 0.25rem !important; }
7468
7469 .p-2 {
7470   padding: 0.5rem !important; }
7471
7472 .pt-2,
7473 .py-2 {
7474   padding-top: 0.5rem !important; }
7475
7476 .pr-2,
7477 .px-2 {
7478   padding-right: 0.5rem !important; }
7479
7480 .pb-2,
7481 .py-2 {
7482   padding-bottom: 0.5rem !important; }
7483
7484 .pl-2,
7485 .px-2 {
7486   padding-left: 0.5rem !important; }
7487
7488 .p-3 {
7489   padding: 1rem !important; }
7490
7491 .pt-3,
7492 .py-3 {
7493   padding-top: 1rem !important; }
7494
7495 .pr-3,
7496 .px-3 {
7497   padding-right: 1rem !important; }
7498
7499 .pb-3,
7500 .py-3 {
7501   padding-bottom: 1rem !important; }
7502
7503 .pl-3,
7504 .px-3 {
7505   padding-left: 1rem !important; }
7506
7507 .p-4 {
7508   padding: 1.5rem !important; }
7509
7510 .pt-4,
7511 .py-4 {
7512   padding-top: 1.5rem !important; }
7513
7514 .pr-4,
7515 .px-4 {
7516   padding-right: 1.5rem !important; }
7517
7518 .pb-4,
7519 .py-4 {
7520   padding-bottom: 1.5rem !important; }
7521
7522 .pl-4,
7523 .px-4 {
7524   padding-left: 1.5rem !important; }
7525
7526 .p-5 {
7527   padding: 3rem !important; }
7528
7529 .pt-5,
7530 .py-5 {
7531   padding-top: 3rem !important; }
7532
7533 .pr-5,
7534 .px-5 {
7535   padding-right: 3rem !important; }
7536
7537 .pb-5,
7538 .py-5 {
7539   padding-bottom: 3rem !important; }
7540
7541 .pl-5,
7542 .px-5 {
7543   padding-left: 3rem !important; }
7544
7545 .m-auto {
7546   margin: auto !important; }
7547
7548 .mt-auto,
7549 .my-auto {
7550   margin-top: auto !important; }
7551
7552 .mr-auto,
7553 .mx-auto {
7554   margin-right: auto !important; }
7555
7556 .mb-auto,
7557 .my-auto {
7558   margin-bottom: auto !important; }
7559
7560 .ml-auto,
7561 .mx-auto {
7562   margin-left: auto !important; }
7563
7564 @media (min-width: 576px) {
7565   .m-sm-0 {
7566     margin: 0 !important; }
7567   .mt-sm-0,
7568   .my-sm-0 {
7569     margin-top: 0 !important; }
7570   .mr-sm-0,
7571   .mx-sm-0 {
7572     margin-right: 0 !important; }
7573   .mb-sm-0,
7574   .my-sm-0 {
7575     margin-bottom: 0 !important; }
7576   .ml-sm-0,
7577   .mx-sm-0 {
7578     margin-left: 0 !important; }
7579   .m-sm-1 {
7580     margin: 0.25rem !important; }
7581   .mt-sm-1,
7582   .my-sm-1 {
7583     margin-top: 0.25rem !important; }
7584   .mr-sm-1,
7585   .mx-sm-1 {
7586     margin-right: 0.25rem !important; }
7587   .mb-sm-1,
7588   .my-sm-1 {
7589     margin-bottom: 0.25rem !important; }
7590   .ml-sm-1,
7591   .mx-sm-1 {
7592     margin-left: 0.25rem !important; }
7593   .m-sm-2 {
7594     margin: 0.5rem !important; }
7595   .mt-sm-2,
7596   .my-sm-2 {
7597     margin-top: 0.5rem !important; }
7598   .mr-sm-2,
7599   .mx-sm-2 {
7600     margin-right: 0.5rem !important; }
7601   .mb-sm-2,
7602   .my-sm-2 {
7603     margin-bottom: 0.5rem !important; }
7604   .ml-sm-2,
7605   .mx-sm-2 {
7606     margin-left: 0.5rem !important; }
7607   .m-sm-3 {
7608     margin: 1rem !important; }
7609   .mt-sm-3,
7610   .my-sm-3 {
7611     margin-top: 1rem !important; }
7612   .mr-sm-3,
7613   .mx-sm-3 {
7614     margin-right: 1rem !important; }
7615   .mb-sm-3,
7616   .my-sm-3 {
7617     margin-bottom: 1rem !important; }
7618   .ml-sm-3,
7619   .mx-sm-3 {
7620     margin-left: 1rem !important; }
7621   .m-sm-4 {
7622     margin: 1.5rem !important; }
7623   .mt-sm-4,
7624   .my-sm-4 {
7625     margin-top: 1.5rem !important; }
7626   .mr-sm-4,
7627   .mx-sm-4 {
7628     margin-right: 1.5rem !important; }
7629   .mb-sm-4,
7630   .my-sm-4 {
7631     margin-bottom: 1.5rem !important; }
7632   .ml-sm-4,
7633   .mx-sm-4 {
7634     margin-left: 1.5rem !important; }
7635   .m-sm-5 {
7636     margin: 3rem !important; }
7637   .mt-sm-5,
7638   .my-sm-5 {
7639     margin-top: 3rem !important; }
7640   .mr-sm-5,
7641   .mx-sm-5 {
7642     margin-right: 3rem !important; }
7643   .mb-sm-5,
7644   .my-sm-5 {
7645     margin-bottom: 3rem !important; }
7646   .ml-sm-5,
7647   .mx-sm-5 {
7648     margin-left: 3rem !important; }
7649   .p-sm-0 {
7650     padding: 0 !important; }
7651   .pt-sm-0,
7652   .py-sm-0 {
7653     padding-top: 0 !important; }
7654   .pr-sm-0,
7655   .px-sm-0 {
7656     padding-right: 0 !important; }
7657   .pb-sm-0,
7658   .py-sm-0 {
7659     padding-bottom: 0 !important; }
7660   .pl-sm-0,
7661   .px-sm-0 {
7662     padding-left: 0 !important; }
7663   .p-sm-1 {
7664     padding: 0.25rem !important; }
7665   .pt-sm-1,
7666   .py-sm-1 {
7667     padding-top: 0.25rem !important; }
7668   .pr-sm-1,
7669   .px-sm-1 {
7670     padding-right: 0.25rem !important; }
7671   .pb-sm-1,
7672   .py-sm-1 {
7673     padding-bottom: 0.25rem !important; }
7674   .pl-sm-1,
7675   .px-sm-1 {
7676     padding-left: 0.25rem !important; }
7677   .p-sm-2 {
7678     padding: 0.5rem !important; }
7679   .pt-sm-2,
7680   .py-sm-2 {
7681     padding-top: 0.5rem !important; }
7682   .pr-sm-2,
7683   .px-sm-2 {
7684     padding-right: 0.5rem !important; }
7685   .pb-sm-2,
7686   .py-sm-2 {
7687     padding-bottom: 0.5rem !important; }
7688   .pl-sm-2,
7689   .px-sm-2 {
7690     padding-left: 0.5rem !important; }
7691   .p-sm-3 {
7692     padding: 1rem !important; }
7693   .pt-sm-3,
7694   .py-sm-3 {
7695     padding-top: 1rem !important; }
7696   .pr-sm-3,
7697   .px-sm-3 {
7698     padding-right: 1rem !important; }
7699   .pb-sm-3,
7700   .py-sm-3 {
7701     padding-bottom: 1rem !important; }
7702   .pl-sm-3,
7703   .px-sm-3 {
7704     padding-left: 1rem !important; }
7705   .p-sm-4 {
7706     padding: 1.5rem !important; }
7707   .pt-sm-4,
7708   .py-sm-4 {
7709     padding-top: 1.5rem !important; }
7710   .pr-sm-4,
7711   .px-sm-4 {
7712     padding-right: 1.5rem !important; }
7713   .pb-sm-4,
7714   .py-sm-4 {
7715     padding-bottom: 1.5rem !important; }
7716   .pl-sm-4,
7717   .px-sm-4 {
7718     padding-left: 1.5rem !important; }
7719   .p-sm-5 {
7720     padding: 3rem !important; }
7721   .pt-sm-5,
7722   .py-sm-5 {
7723     padding-top: 3rem !important; }
7724   .pr-sm-5,
7725   .px-sm-5 {
7726     padding-right: 3rem !important; }
7727   .pb-sm-5,
7728   .py-sm-5 {
7729     padding-bottom: 3rem !important; }
7730   .pl-sm-5,
7731   .px-sm-5 {
7732     padding-left: 3rem !important; }
7733   .m-sm-auto {
7734     margin: auto !important; }
7735   .mt-sm-auto,
7736   .my-sm-auto {
7737     margin-top: auto !important; }
7738   .mr-sm-auto,
7739   .mx-sm-auto {
7740     margin-right: auto !important; }
7741   .mb-sm-auto,
7742   .my-sm-auto {
7743     margin-bottom: auto !important; }
7744   .ml-sm-auto,
7745   .mx-sm-auto {
7746     margin-left: auto !important; } }
7747
7748 @media (min-width: 768px) {
7749   .m-md-0 {
7750     margin: 0 !important; }
7751   .mt-md-0,
7752   .my-md-0 {
7753     margin-top: 0 !important; }
7754   .mr-md-0,
7755   .mx-md-0 {
7756     margin-right: 0 !important; }
7757   .mb-md-0,
7758   .my-md-0 {
7759     margin-bottom: 0 !important; }
7760   .ml-md-0,
7761   .mx-md-0 {
7762     margin-left: 0 !important; }
7763   .m-md-1 {
7764     margin: 0.25rem !important; }
7765   .mt-md-1,
7766   .my-md-1 {
7767     margin-top: 0.25rem !important; }
7768   .mr-md-1,
7769   .mx-md-1 {
7770     margin-right: 0.25rem !important; }
7771   .mb-md-1,
7772   .my-md-1 {
7773     margin-bottom: 0.25rem !important; }
7774   .ml-md-1,
7775   .mx-md-1 {
7776     margin-left: 0.25rem !important; }
7777   .m-md-2 {
7778     margin: 0.5rem !important; }
7779   .mt-md-2,
7780   .my-md-2 {
7781     margin-top: 0.5rem !important; }
7782   .mr-md-2,
7783   .mx-md-2 {
7784     margin-right: 0.5rem !important; }
7785   .mb-md-2,
7786   .my-md-2 {
7787     margin-bottom: 0.5rem !important; }
7788   .ml-md-2,
7789   .mx-md-2 {
7790     margin-left: 0.5rem !important; }
7791   .m-md-3 {
7792     margin: 1rem !important; }
7793   .mt-md-3,
7794   .my-md-3 {
7795     margin-top: 1rem !important; }
7796   .mr-md-3,
7797   .mx-md-3 {
7798     margin-right: 1rem !important; }
7799   .mb-md-3,
7800   .my-md-3 {
7801     margin-bottom: 1rem !important; }
7802   .ml-md-3,
7803   .mx-md-3 {
7804     margin-left: 1rem !important; }
7805   .m-md-4 {
7806     margin: 1.5rem !important; }
7807   .mt-md-4,
7808   .my-md-4 {
7809     margin-top: 1.5rem !important; }
7810   .mr-md-4,
7811   .mx-md-4 {
7812     margin-right: 1.5rem !important; }
7813   .mb-md-4,
7814   .my-md-4 {
7815     margin-bottom: 1.5rem !important; }
7816   .ml-md-4,
7817   .mx-md-4 {
7818     margin-left: 1.5rem !important; }
7819   .m-md-5 {
7820     margin: 3rem !important; }
7821   .mt-md-5,
7822   .my-md-5 {
7823     margin-top: 3rem !important; }
7824   .mr-md-5,
7825   .mx-md-5 {
7826     margin-right: 3rem !important; }
7827   .mb-md-5,
7828   .my-md-5 {
7829     margin-bottom: 3rem !important; }
7830   .ml-md-5,
7831   .mx-md-5 {
7832     margin-left: 3rem !important; }
7833   .p-md-0 {
7834     padding: 0 !important; }
7835   .pt-md-0,
7836   .py-md-0 {
7837     padding-top: 0 !important; }
7838   .pr-md-0,
7839   .px-md-0 {
7840     padding-right: 0 !important; }
7841   .pb-md-0,
7842   .py-md-0 {
7843     padding-bottom: 0 !important; }
7844   .pl-md-0,
7845   .px-md-0 {
7846     padding-left: 0 !important; }
7847   .p-md-1 {
7848     padding: 0.25rem !important; }
7849   .pt-md-1,
7850   .py-md-1 {
7851     padding-top: 0.25rem !important; }
7852   .pr-md-1,
7853   .px-md-1 {
7854     padding-right: 0.25rem !important; }
7855   .pb-md-1,
7856   .py-md-1 {
7857     padding-bottom: 0.25rem !important; }
7858   .pl-md-1,
7859   .px-md-1 {
7860     padding-left: 0.25rem !important; }
7861   .p-md-2 {
7862     padding: 0.5rem !important; }
7863   .pt-md-2,
7864   .py-md-2 {
7865     padding-top: 0.5rem !important; }
7866   .pr-md-2,
7867   .px-md-2 {
7868     padding-right: 0.5rem !important; }
7869   .pb-md-2,
7870   .py-md-2 {
7871     padding-bottom: 0.5rem !important; }
7872   .pl-md-2,
7873   .px-md-2 {
7874     padding-left: 0.5rem !important; }
7875   .p-md-3 {
7876     padding: 1rem !important; }
7877   .pt-md-3,
7878   .py-md-3 {
7879     padding-top: 1rem !important; }
7880   .pr-md-3,
7881   .px-md-3 {
7882     padding-right: 1rem !important; }
7883   .pb-md-3,
7884   .py-md-3 {
7885     padding-bottom: 1rem !important; }
7886   .pl-md-3,
7887   .px-md-3 {
7888     padding-left: 1rem !important; }
7889   .p-md-4 {
7890     padding: 1.5rem !important; }
7891   .pt-md-4,
7892   .py-md-4 {
7893     padding-top: 1.5rem !important; }
7894   .pr-md-4,
7895   .px-md-4 {
7896     padding-right: 1.5rem !important; }
7897   .pb-md-4,
7898   .py-md-4 {
7899     padding-bottom: 1.5rem !important; }
7900   .pl-md-4,
7901   .px-md-4 {
7902     padding-left: 1.5rem !important; }
7903   .p-md-5 {
7904     padding: 3rem !important; }
7905   .pt-md-5,
7906   .py-md-5 {
7907     padding-top: 3rem !important; }
7908   .pr-md-5,
7909   .px-md-5 {
7910     padding-right: 3rem !important; }
7911   .pb-md-5,
7912   .py-md-5 {
7913     padding-bottom: 3rem !important; }
7914   .pl-md-5,
7915   .px-md-5 {
7916     padding-left: 3rem !important; }
7917   .m-md-auto {
7918     margin: auto !important; }
7919   .mt-md-auto,
7920   .my-md-auto {
7921     margin-top: auto !important; }
7922   .mr-md-auto,
7923   .mx-md-auto {
7924     margin-right: auto !important; }
7925   .mb-md-auto,
7926   .my-md-auto {
7927     margin-bottom: auto !important; }
7928   .ml-md-auto,
7929   .mx-md-auto {
7930     margin-left: auto !important; } }
7931
7932 @media (min-width: 992px) {
7933   .m-lg-0 {
7934     margin: 0 !important; }
7935   .mt-lg-0,
7936   .my-lg-0 {
7937     margin-top: 0 !important; }
7938   .mr-lg-0,
7939   .mx-lg-0 {
7940     margin-right: 0 !important; }
7941   .mb-lg-0,
7942   .my-lg-0 {
7943     margin-bottom: 0 !important; }
7944   .ml-lg-0,
7945   .mx-lg-0 {
7946     margin-left: 0 !important; }
7947   .m-lg-1 {
7948     margin: 0.25rem !important; }
7949   .mt-lg-1,
7950   .my-lg-1 {
7951     margin-top: 0.25rem !important; }
7952   .mr-lg-1,
7953   .mx-lg-1 {
7954     margin-right: 0.25rem !important; }
7955   .mb-lg-1,
7956   .my-lg-1 {
7957     margin-bottom: 0.25rem !important; }
7958   .ml-lg-1,
7959   .mx-lg-1 {
7960     margin-left: 0.25rem !important; }
7961   .m-lg-2 {
7962     margin: 0.5rem !important; }
7963   .mt-lg-2,
7964   .my-lg-2 {
7965     margin-top: 0.5rem !important; }
7966   .mr-lg-2,
7967   .mx-lg-2 {
7968     margin-right: 0.5rem !important; }
7969   .mb-lg-2,
7970   .my-lg-2 {
7971     margin-bottom: 0.5rem !important; }
7972   .ml-lg-2,
7973   .mx-lg-2 {
7974     margin-left: 0.5rem !important; }
7975   .m-lg-3 {
7976     margin: 1rem !important; }
7977   .mt-lg-3,
7978   .my-lg-3 {
7979     margin-top: 1rem !important; }
7980   .mr-lg-3,
7981   .mx-lg-3 {
7982     margin-right: 1rem !important; }
7983   .mb-lg-3,
7984   .my-lg-3 {
7985     margin-bottom: 1rem !important; }
7986   .ml-lg-3,
7987   .mx-lg-3 {
7988     margin-left: 1rem !important; }
7989   .m-lg-4 {
7990     margin: 1.5rem !important; }
7991   .mt-lg-4,
7992   .my-lg-4 {
7993     margin-top: 1.5rem !important; }
7994   .mr-lg-4,
7995   .mx-lg-4 {
7996     margin-right: 1.5rem !important; }
7997   .mb-lg-4,
7998   .my-lg-4 {
7999     margin-bottom: 1.5rem !important; }
8000   .ml-lg-4,
8001   .mx-lg-4 {
8002     margin-left: 1.5rem !important; }
8003   .m-lg-5 {
8004     margin: 3rem !important; }
8005   .mt-lg-5,
8006   .my-lg-5 {
8007     margin-top: 3rem !important; }
8008   .mr-lg-5,
8009   .mx-lg-5 {
8010     margin-right: 3rem !important; }
8011   .mb-lg-5,
8012   .my-lg-5 {
8013     margin-bottom: 3rem !important; }
8014   .ml-lg-5,
8015   .mx-lg-5 {
8016     margin-left: 3rem !important; }
8017   .p-lg-0 {
8018     padding: 0 !important; }
8019   .pt-lg-0,
8020   .py-lg-0 {
8021     padding-top: 0 !important; }
8022   .pr-lg-0,
8023   .px-lg-0 {
8024     padding-right: 0 !important; }
8025   .pb-lg-0,
8026   .py-lg-0 {
8027     padding-bottom: 0 !important; }
8028   .pl-lg-0,
8029   .px-lg-0 {
8030     padding-left: 0 !important; }
8031   .p-lg-1 {
8032     padding: 0.25rem !important; }
8033   .pt-lg-1,
8034   .py-lg-1 {
8035     padding-top: 0.25rem !important; }
8036   .pr-lg-1,
8037   .px-lg-1 {
8038     padding-right: 0.25rem !important; }
8039   .pb-lg-1,
8040   .py-lg-1 {
8041     padding-bottom: 0.25rem !important; }
8042   .pl-lg-1,
8043   .px-lg-1 {
8044     padding-left: 0.25rem !important; }
8045   .p-lg-2 {
8046     padding: 0.5rem !important; }
8047   .pt-lg-2,
8048   .py-lg-2 {
8049     padding-top: 0.5rem !important; }
8050   .pr-lg-2,
8051   .px-lg-2 {
8052     padding-right: 0.5rem !important; }
8053   .pb-lg-2,
8054   .py-lg-2 {
8055     padding-bottom: 0.5rem !important; }
8056   .pl-lg-2,
8057   .px-lg-2 {
8058     padding-left: 0.5rem !important; }
8059   .p-lg-3 {
8060     padding: 1rem !important; }
8061   .pt-lg-3,
8062   .py-lg-3 {
8063     padding-top: 1rem !important; }
8064   .pr-lg-3,
8065   .px-lg-3 {
8066     padding-right: 1rem !important; }
8067   .pb-lg-3,
8068   .py-lg-3 {
8069     padding-bottom: 1rem !important; }
8070   .pl-lg-3,
8071   .px-lg-3 {
8072     padding-left: 1rem !important; }
8073   .p-lg-4 {
8074     padding: 1.5rem !important; }
8075   .pt-lg-4,
8076   .py-lg-4 {
8077     padding-top: 1.5rem !important; }
8078   .pr-lg-4,
8079   .px-lg-4 {
8080     padding-right: 1.5rem !important; }
8081   .pb-lg-4,
8082   .py-lg-4 {
8083     padding-bottom: 1.5rem !important; }
8084   .pl-lg-4,
8085   .px-lg-4 {
8086     padding-left: 1.5rem !important; }
8087   .p-lg-5 {
8088     padding: 3rem !important; }
8089   .pt-lg-5,
8090   .py-lg-5 {
8091     padding-top: 3rem !important; }
8092   .pr-lg-5,
8093   .px-lg-5 {
8094     padding-right: 3rem !important; }
8095   .pb-lg-5,
8096   .py-lg-5 {
8097     padding-bottom: 3rem !important; }
8098   .pl-lg-5,
8099   .px-lg-5 {
8100     padding-left: 3rem !important; }
8101   .m-lg-auto {
8102     margin: auto !important; }
8103   .mt-lg-auto,
8104   .my-lg-auto {
8105     margin-top: auto !important; }
8106   .mr-lg-auto,
8107   .mx-lg-auto {
8108     margin-right: auto !important; }
8109   .mb-lg-auto,
8110   .my-lg-auto {
8111     margin-bottom: auto !important; }
8112   .ml-lg-auto,
8113   .mx-lg-auto {
8114     margin-left: auto !important; } }
8115
8116 @media (min-width: 1200px) {
8117   .m-xl-0 {
8118     margin: 0 !important; }
8119   .mt-xl-0,
8120   .my-xl-0 {
8121     margin-top: 0 !important; }
8122   .mr-xl-0,
8123   .mx-xl-0 {
8124     margin-right: 0 !important; }
8125   .mb-xl-0,
8126   .my-xl-0 {
8127     margin-bottom: 0 !important; }
8128   .ml-xl-0,
8129   .mx-xl-0 {
8130     margin-left: 0 !important; }
8131   .m-xl-1 {
8132     margin: 0.25rem !important; }
8133   .mt-xl-1,
8134   .my-xl-1 {
8135     margin-top: 0.25rem !important; }
8136   .mr-xl-1,
8137   .mx-xl-1 {
8138     margin-right: 0.25rem !important; }
8139   .mb-xl-1,
8140   .my-xl-1 {
8141     margin-bottom: 0.25rem !important; }
8142   .ml-xl-1,
8143   .mx-xl-1 {
8144     margin-left: 0.25rem !important; }
8145   .m-xl-2 {
8146     margin: 0.5rem !important; }
8147   .mt-xl-2,
8148   .my-xl-2 {
8149     margin-top: 0.5rem !important; }
8150   .mr-xl-2,
8151   .mx-xl-2 {
8152     margin-right: 0.5rem !important; }
8153   .mb-xl-2,
8154   .my-xl-2 {
8155     margin-bottom: 0.5rem !important; }
8156   .ml-xl-2,
8157   .mx-xl-2 {
8158     margin-left: 0.5rem !important; }
8159   .m-xl-3 {
8160     margin: 1rem !important; }
8161   .mt-xl-3,
8162   .my-xl-3 {
8163     margin-top: 1rem !important; }
8164   .mr-xl-3,
8165   .mx-xl-3 {
8166     margin-right: 1rem !important; }
8167   .mb-xl-3,
8168   .my-xl-3 {
8169     margin-bottom: 1rem !important; }
8170   .ml-xl-3,
8171   .mx-xl-3 {
8172     margin-left: 1rem !important; }
8173   .m-xl-4 {
8174     margin: 1.5rem !important; }
8175   .mt-xl-4,
8176   .my-xl-4 {
8177     margin-top: 1.5rem !important; }
8178   .mr-xl-4,
8179   .mx-xl-4 {
8180     margin-right: 1.5rem !important; }
8181   .mb-xl-4,
8182   .my-xl-4 {
8183     margin-bottom: 1.5rem !important; }
8184   .ml-xl-4,
8185   .mx-xl-4 {
8186     margin-left: 1.5rem !important; }
8187   .m-xl-5 {
8188     margin: 3rem !important; }
8189   .mt-xl-5,
8190   .my-xl-5 {
8191     margin-top: 3rem !important; }
8192   .mr-xl-5,
8193   .mx-xl-5 {
8194     margin-right: 3rem !important; }
8195   .mb-xl-5,
8196   .my-xl-5 {
8197     margin-bottom: 3rem !important; }
8198   .ml-xl-5,
8199   .mx-xl-5 {
8200     margin-left: 3rem !important; }
8201   .p-xl-0 {
8202     padding: 0 !important; }
8203   .pt-xl-0,
8204   .py-xl-0 {
8205     padding-top: 0 !important; }
8206   .pr-xl-0,
8207   .px-xl-0 {
8208     padding-right: 0 !important; }
8209   .pb-xl-0,
8210   .py-xl-0 {
8211     padding-bottom: 0 !important; }
8212   .pl-xl-0,
8213   .px-xl-0 {
8214     padding-left: 0 !important; }
8215   .p-xl-1 {
8216     padding: 0.25rem !important; }
8217   .pt-xl-1,
8218   .py-xl-1 {
8219     padding-top: 0.25rem !important; }
8220   .pr-xl-1,
8221   .px-xl-1 {
8222     padding-right: 0.25rem !important; }
8223   .pb-xl-1,
8224   .py-xl-1 {
8225     padding-bottom: 0.25rem !important; }
8226   .pl-xl-1,
8227   .px-xl-1 {
8228     padding-left: 0.25rem !important; }
8229   .p-xl-2 {
8230     padding: 0.5rem !important; }
8231   .pt-xl-2,
8232   .py-xl-2 {
8233     padding-top: 0.5rem !important; }
8234   .pr-xl-2,
8235   .px-xl-2 {
8236     padding-right: 0.5rem !important; }
8237   .pb-xl-2,
8238   .py-xl-2 {
8239     padding-bottom: 0.5rem !important; }
8240   .pl-xl-2,
8241   .px-xl-2 {
8242     padding-left: 0.5rem !important; }
8243   .p-xl-3 {
8244     padding: 1rem !important; }
8245   .pt-xl-3,
8246   .py-xl-3 {
8247     padding-top: 1rem !important; }
8248   .pr-xl-3,
8249   .px-xl-3 {
8250     padding-right: 1rem !important; }
8251   .pb-xl-3,
8252   .py-xl-3 {
8253     padding-bottom: 1rem !important; }
8254   .pl-xl-3,
8255   .px-xl-3 {
8256     padding-left: 1rem !important; }
8257   .p-xl-4 {
8258     padding: 1.5rem !important; }
8259   .pt-xl-4,
8260   .py-xl-4 {
8261     padding-top: 1.5rem !important; }
8262   .pr-xl-4,
8263   .px-xl-4 {
8264     padding-right: 1.5rem !important; }
8265   .pb-xl-4,
8266   .py-xl-4 {
8267     padding-bottom: 1.5rem !important; }
8268   .pl-xl-4,
8269   .px-xl-4 {
8270     padding-left: 1.5rem !important; }
8271   .p-xl-5 {
8272     padding: 3rem !important; }
8273   .pt-xl-5,
8274   .py-xl-5 {
8275     padding-top: 3rem !important; }
8276   .pr-xl-5,
8277   .px-xl-5 {
8278     padding-right: 3rem !important; }
8279   .pb-xl-5,
8280   .py-xl-5 {
8281     padding-bottom: 3rem !important; }
8282   .pl-xl-5,
8283   .px-xl-5 {
8284     padding-left: 3rem !important; }
8285   .m-xl-auto {
8286     margin: auto !important; }
8287   .mt-xl-auto,
8288   .my-xl-auto {
8289     margin-top: auto !important; }
8290   .mr-xl-auto,
8291   .mx-xl-auto {
8292     margin-right: auto !important; }
8293   .mb-xl-auto,
8294   .my-xl-auto {
8295     margin-bottom: auto !important; }
8296   .ml-xl-auto,
8297   .mx-xl-auto {
8298     margin-left: auto !important; } }
8299
8300 .text-justify {
8301   text-align: justify !important; }
8302
8303 .text-nowrap {
8304   white-space: nowrap !important; }
8305
8306 .text-truncate {
8307   overflow: hidden;
8308   text-overflow: ellipsis;
8309   white-space: nowrap; }
8310
8311 .text-left {
8312   text-align: left !important; }
8313
8314 .text-right {
8315   text-align: right !important; }
8316
8317 .text-center {
8318   text-align: center !important; }
8319
8320 @media (min-width: 576px) {
8321   .text-sm-left {
8322     text-align: left !important; }
8323   .text-sm-right {
8324     text-align: right !important; }
8325   .text-sm-center {
8326     text-align: center !important; } }
8327
8328 @media (min-width: 768px) {
8329   .text-md-left {
8330     text-align: left !important; }
8331   .text-md-right {
8332     text-align: right !important; }
8333   .text-md-center {
8334     text-align: center !important; } }
8335
8336 @media (min-width: 992px) {
8337   .text-lg-left {
8338     text-align: left !important; }
8339   .text-lg-right {
8340     text-align: right !important; }
8341   .text-lg-center {
8342     text-align: center !important; } }
8343
8344 @media (min-width: 1200px) {
8345   .text-xl-left {
8346     text-align: left !important; }
8347   .text-xl-right {
8348     text-align: right !important; }
8349   .text-xl-center {
8350     text-align: center !important; } }
8351
8352 .text-lowercase {
8353   text-transform: lowercase !important; }
8354
8355 .text-uppercase {
8356   text-transform: uppercase !important; }
8357
8358 .text-capitalize {
8359   text-transform: capitalize !important; }
8360
8361 .font-weight-light {
8362   font-weight: 300 !important; }
8363
8364 .font-weight-normal {
8365   font-weight: 400 !important; }
8366
8367 .font-weight-bold {
8368   font-weight: 700 !important; }
8369
8370 .font-italic {
8371   font-style: italic !important; }
8372
8373 .text-white {
8374   color: #fff !important; }
8375
8376 .text-primary {
8377   color: #1177d1 !important; }
8378
8379 a.text-primary:hover, a.text-primary:focus {
8380   color: #0d5ca2 !important; }
8381
8382 .text-secondary {
8383   color: #ced4da !important; }
8384
8385 a.text-secondary:hover, a.text-secondary:focus {
8386   color: #b1bbc4 !important; }
8387
8388 .text-success, .green,
8389 .notifysuccess, .connected {
8390   color: #5cb85c !important; }
8391
8392 a.text-success:hover, a.green:hover,
8393 a.notifysuccess:hover, a.connected:hover, a.text-success:focus, a.green:focus,
8394 a.notifysuccess:focus, a.connected:focus {
8395   color: #449d44 !important; }
8396
8397 .text-info, .highlight {
8398   color: #5bc0de !important; }
8399
8400 a.text-info:hover, a.highlight:hover, a.text-info:focus, a.highlight:focus {
8401   color: #31b0d5 !important; }
8402
8403 .text-warning, .red,
8404 .notifyproblem, .completion-expired, span.flagged-tag,
8405 tr.flagged-tag,
8406 span.flagged-tag a,
8407 tr.flagged-tag a, .moodle-dialogue-exception .param-stacktrace .stacktrace-line, .connecting {
8408   color: #f0ad4e !important; }
8409
8410 a.text-warning:hover, a.red:hover,
8411 a.notifyproblem:hover, a.completion-expired:hover,
8412 span.flagged-tag a:hover,
8413 tr.flagged-tag a:hover, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:hover, a.connecting:hover, a.text-warning:focus, a.red:focus,
8414 a.notifyproblem:focus, a.completion-expired:focus,
8415 span.flagged-tag a:focus,
8416 tr.flagged-tag a:focus, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:focus, a.connecting:focus {
8417   color: #ec971f !important; }
8418
8419 .text-danger, .notconnected, .que .validationerror, .text-error {
8420   color: #d9534f !important; }
8421
8422 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 {
8423   color: #c9302c !important; }
8424
8425 .text-light {
8426   color: #f8f9fa !important; }
8427
8428 a.text-light:hover, a.text-light:focus {
8429   color: #dae0e5 !important; }
8430
8431 .text-dark, #categoryquestions .highlight {
8432   color: #373a3c !important; }
8433
8434 a.text-dark:hover, #categoryquestions a.highlight:hover, a.text-dark:focus, #categoryquestions a.highlight:focus {
8435   color: #1f2021 !important; }
8436
8437 .text-muted, a.dimmed,
8438 a.dimmed:link,
8439 a.dimmed:visited,
8440 a.dimmed_text,
8441 a.dimmed_text:link,
8442 a.dimmed_text:visited,
8443 .dimmed_text,
8444 .dimmed_text a,
8445 .dimmed_text a:link,
8446 .dimmed_text a:visited,
8447 .usersuspended,
8448 .usersuspended a,
8449 .usersuspended a:link,
8450 .usersuspended a:visited,
8451 .dimmed_category,
8452 .dimmed_category a, .tag_feed .media .muted a, #page-admin-qtypes .disabled,
8453 #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,
8454 .course-content ul li.section.hidden .content > div.summary,
8455 .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,
8456 .form-label .form-shortname, .formsettingheading .form-horizontal, .no-felement.fstatic, .path-backup .backup_progress .backup_stage {
8457   color: #868e96 !important; }
8458
8459 .text-hide {
8460   font: 0/0 a;
8461   color: transparent;
8462   text-shadow: none;
8463   background-color: transparent;
8464   border: 0; }
8465
8466 .visible {
8467   visibility: visible !important; }
8468
8469 .invisible {
8470   visibility: hidden !important; }
8471
8472 @media print {
8473   *,
8474   *::before,
8475   *::after {
8476     text-shadow: none !important;
8477     box-shadow: none !important; }
8478   a:not(.btn) {
8479     text-decoration: underline; }
8480   abbr[title]::after {
8481     content: " (" attr(title) ")"; }
8482   pre {
8483     white-space: pre-wrap !important; }
8484   pre,
8485   blockquote {
8486     border: 1px solid #999;
8487     page-break-inside: avoid; }
8488   thead {
8489     display: table-header-group; }
8490   tr,
8491   img {
8492     page-break-inside: avoid; }
8493   p,
8494   h2,
8495   h3 {
8496     orphans: 3;
8497     widows: 3; }
8498   h2,
8499   h3 {
8500     page-break-after: avoid; }
8501   @page {
8502     size: a3; }
8503   body {
8504     min-width: 992px !important; }
8505   .container {
8506     min-width: 992px !important; }
8507   .navbar {
8508     display: none; }
8509   .badge {
8510     border: 1px solid #000; }
8511   .table, table.collection, table.flexible,
8512   .generaltable {
8513     border-collapse: collapse !important; }
8514
8515     .table td,
8516     table.collection td,
8517     table.flexible td,
8518     .generaltable td, .table th, table.collection th, table.flexible th, .generaltable th {
8519       background-color: #fff !important; }
8520   .table-bordered th, table.collection th,
8521   .table-bordered td,
8522   table.collection td {
8523     border: 1px solid #ddd !important; } }
8524
8525 /* stylelint-disable function-url-scheme-blacklist */
8526 /* stylelint-enable function-url-scheme-blacklist */
8527 .tag, .statusok, .statuswarning, .statusserious,
8528 .statuscritical, .que .correctness, .label {
8529   display: inline-block;
8530   padding: 0.25rem 0.4em;
8531   font-size: 75%;
8532   font-weight: bold;
8533   line-height: 1;
8534   color: #fff;
8535   text-align: center;
8536   white-space: nowrap;
8537   vertical-align: baseline; }
8538   .tag:empty, .statusok:empty, .statuswarning:empty, .statusserious:empty,
8539   .statuscritical:empty, .que .correctness:empty, .label:empty {
8540     display: none; }
8541
8542 .form-control-success,
8543 .form-control-warning,
8544 .maintenancewarning.warning,
8545 .form-control-danger,
8546 #page-admin-mnet-peers .mform .deletedhostinfo,
8547 .maintenancewarning.error {
8548   padding-right: 2.25rem;
8549   background-repeat: no-repeat;
8550   background-position: center right calc(2.15625rem + 2px)/4;
8551   background-size: calc(2.15625rem + 2px)/2 calc(2.15625rem + 2px)/2; }
8552
8553 .tag-default {
8554   background-color: #868e96; }
8555   .tag-default[href]:hover, .tag-default[href]:focus {
8556     background-color: #6c757d; }
8557
8558 .tag-primary {
8559   background-color: #1177d1; }
8560   .tag-primary[href]:hover, .tag-primary[href]:focus {
8561     background-color: #0d5ca2; }
8562
8563 .tag-success, .statusok, #page-admin-report-backups-index .backup-skipped,
8564 #page-admin-report-backups-index .backup-ok,
8565 #page-admin-report-backups-index .backup-notyetrun {
8566   background-color: #5cb85c; }
8567   .tag-success[href]:hover, .statusok[href]:hover, #page-admin-report-backups-index .backup-skipped[href]:hover,
8568   #page-admin-report-backups-index .backup-ok[href]:hover,
8569   #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,
8570   #page-admin-report-backups-index .backup-ok[href]:focus,
8571   #page-admin-report-backups-index .backup-notyetrun[href]:focus {
8572     background-color: #449d44; }
8573
8574 .tag-info, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
8575   background-color: #5bc0de; }
8576   .tag-info[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release[href]:hover, .tag-info[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release[href]:focus {
8577     background-color: #31b0d5; }
8578
8579 .tag-warning, .statuswarning, #page-admin-report-backups-index .backup-warning, #page-admin-index .updateplugin .updatepluginconfirmexternal, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
8580 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
8581   background-color: #ff7518; }
8582   .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,
8583   #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,
8584   #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release[href]:focus {
8585     background-color: #e45c00; }
8586
8587 .tag-danger, .statusserious,
8588 .statuscritical, #page-admin-report-backups-index .backup-error,
8589 #page-admin-report-backups-index .backup-unfinished, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
8590   background-color: #d9534f; }
8591   .tag-danger[href]:hover, .statusserious[href]:hover,
8592   .statuscritical[href]:hover, #page-admin-report-backups-index .backup-error[href]:hover,
8593   #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,
8594   .statuscritical[href]:focus, #page-admin-report-backups-index .backup-error[href]:focus,
8595   #page-admin-report-backups-index .backup-unfinished[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release[href]:focus {
8596     background-color: #c9302c; }
8597
8598 .custom-select {
8599   width: auto; }
8600
8601 .fade.in {
8602   opacity: 1; }
8603
8604 .m-a-0 {
8605   margin: 0 !important; }
8606
8607 .m-t-0,
8608 .m-y-0 {
8609   margin-top: 0 !important; }
8610
8611 .m-r-0,
8612 .m-x-0 {
8613   margin-right: 0 !important; }
8614
8615 .m-b-0,
8616 .m-y-0 {
8617   margin-bottom: 0 !important; }
8618
8619 .m-l-0,
8620 .m-x-0 {
8621   margin-left: 0 !important; }
8622
8623 .m-a-1 {
8624   margin: 1rem !important; }
8625
8626 .m-t-1,
8627 .m-y-1 {
8628   margin-top: 1rem !important; }
8629
8630 .m-r-1,
8631 .m-x-1 {
8632   margin-right: 1rem !important; }
8633
8634 .m-b-1,
8635 .m-y-1 {
8636   margin-bottom: 1rem !important; }
8637
8638 .m-l-1,
8639 .m-x-1 {
8640   margin-left: 1rem !important; }
8641
8642 .m-a-2 {
8643   margin: 2rem !important; }
8644
8645 .m-t-2,
8646 .m-y-2 {
8647   margin-top: 2rem !important; }
8648
8649 .m-r-2,
8650 .m-x-2 {
8651   margin-right: 2rem !important; }
8652
8653 .m-b-2,
8654 .m-y-2 {
8655   margin-bottom: 2rem !important; }
8656
8657 .m-l-2,
8658 .m-x-2 {
8659   margin-left: 2rem !important; }
8660
8661 .m-a-3 {
8662   margin: 3rem !important; }
8663
8664 .m-t-3,
8665 .m-y-3 {
8666   margin-top: 3rem !important; }
8667
8668 .m-r-3,
8669 .m-x-3 {
8670   margin-right: 3rem !important; }
8671
8672 .m-b-3,
8673 .m-y-3 {
8674   margin-bottom: 3rem !important; }
8675
8676 .m-l-3,
8677 .m-x-3 {
8678   margin-left: 3rem !important; }
8679
8680 .p-a-0 {
8681   padding: 0 !important; }
8682
8683 .p-t-0,
8684 .p-y-0 {
8685   padding-top: 0 !important; }
8686
8687 .p-r-0,
8688 .p-x-0 {
8689   padding-right: 0 !important; }
8690
8691 .p-b-0,
8692 .p-y-0 {
8693   padding-bottom: 0 !important; }
8694
8695 .p-l-0,
8696 .p-x-0 {
8697   padding-left: 0 !important; }
8698
8699 .p-a-1 {
8700   padding: 1rem !important; }
8701
8702 .p-t-1,
8703 .p-y-1 {
8704   padding-top: 1rem !important; }
8705
8706 .p-r-1,
8707 .p-x-1 {
8708   padding-right: 1rem !important; }
8709
8710 .p-b-1,
8711 .p-y-1 {
8712   padding-bottom: 1rem !important; }
8713
8714 .p-l-1,
8715 .p-x-1 {
8716   padding-left: 1rem !important; }
8717
8718 .p-a-2 {
8719   padding: 2rem !important; }
8720
8721 .p-t-2,
8722 .p-y-2 {
8723   padding-top: 2rem !important; }
8724
8725 .p-r-2,
8726 .p-x-2 {
8727   padding-right: 2rem !important; }
8728
8729 .p-b-2,
8730 .p-y-2 {
8731   padding-bottom: 2rem !important; }
8732
8733 .p-l-2,
8734 .p-x-2 {
8735   padding-left: 2rem !important; }
8736
8737 .p-a-3 {
8738   padding: 3rem !important; }
8739
8740 .p-t-3,
8741 .p-y-3 {
8742   padding-top: 3rem !important; }
8743
8744 .p-r-3,
8745 .p-x-3 {
8746   padding-right: 3rem !important; }
8747
8748 .p-b-3,
8749 .p-y-3 {
8750   padding-bottom: 3rem !important; }
8751
8752 .p-l-3,
8753 .p-x-3 {
8754   padding-left: 3rem !important; }
8755
8756 input[disabled] {
8757   cursor: not-allowed; }
8758
8759 .row-fluid {
8760   display: flex;
8761   flex-wrap: wrap;
8762   margin-right: -15px;
8763   margin-left: -15px; }
8764
8765 /*rtl:raw:
8766 .dropdown-menu-right {
8767     right: 0;
8768     left: auto;
8769 }
8770 .dropdown-menu-left {
8771     right: auto;
8772     left: 0;
8773 }
8774 */
8775 /**
8776  * Bootstrap overrides for RTL
8777  *
8778  * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
8779  * moodle scss should be placed immediately after the definition of the ltr rule.
8780  */
8781 .breadcrumb-item + .breadcrumb-item::before {
8782   content: "/";
8783   /*rtl:remove*/
8784   content: "/";
8785   /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
8786
8787 /*rtl:raw:
8788 .dropdown-menu {
8789     right: auto;
8790     left: 0;
8791     text-align: right;
8792 }
8793 */
8794 /* core.less */
8795 #region-main {
8796   overflow-x: auto;
8797   overflow-y: visible;
8798   border: 1px solid rgba(0, 0, 0, 0.125);
8799   padding: 1.25rem;
8800   background-color: #fff; }
8801
8802 .context-header-settings-menu,
8803 .region-main-settings-menu {
8804   float: right;
8805   width: auto;
8806   max-width: 4em;
8807   height: 2em;
8808   display: block;
8809   margin-top: 4px; }
8810
8811 .context-header-settings-menu .dropdown-toggle > .icon,
8812 #region-main-settings-menu .dropdown-toggle > .icon {
8813   height: 24px;
8814   font-size: 24px;
8815   width: auto; }
8816
8817 /** Prevent user notifications overlapping with region main settings menu */
8818 #user-notifications {
8819   display: block;
8820   overflow: hidden; }
8821
8822 /** Page layout CSS starts **/
8823 .layout-option-noheader #page-header,
8824 .layout-option-nonavbar #page-navbar,
8825 .layout-option-nofooter #page-footer,
8826 .layout-option-nocourseheader .course-content-header,
8827 .layout-option-nocoursefooter .course-content-footer {
8828   display: none; }
8829
8830 /** Page layout CSS ends **/
8831 .mdl-left {
8832   text-align: left; }
8833
8834 .mdl-right {
8835   text-align: right; }
8836
8837 /*rtl:ignore*/
8838 .text-ltr {
8839   direction: ltr !important;
8840   /* stylelint-disable-line declaration-no-important */ }
8841
8842 #add,
8843 #remove,
8844 .centerpara,
8845 .mdl-align {
8846   text-align: center; }
8847
8848 .unlist,
8849 .unlist li,
8850 .inline-list,
8851 .inline-list li,
8852 .block .list,
8853 .block .list li,
8854 .section li.activity,
8855 .section li.movehere,
8856 .tabtree li {
8857   list-style: none;
8858   margin: 0;
8859   padding: 0; }
8860
8861 .inline,
8862 .inline-list li {
8863   display: inline; }
8864
8865 .notifytiny {
8866   font-size: 0.703125rem; }
8867
8868 .notifytiny li,
8869 .notifytiny td {
8870   font-size: 100%; }
8871
8872 .fitem.advanced .text-info, .fitem.advanced .highlight {
8873   font-weight: bold; }
8874
8875 .reportlink {
8876   text-align: right; }
8877
8878 a.autolink.glossary:hover {
8879   cursor: help; }
8880
8881 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
8882 .collapsibleregioncaption {
8883   white-space: nowrap;
8884   min-height: 1.40625rem; }
8885
8886 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
8887   cursor: pointer; }
8888
8889 .pagelayout-mydashboard #region-main {
8890   border: 0;
8891   padding: 0;
8892   background-color: transparent;
8893   margin-top: -1px; }
8894
8895 .collapsibleregioncaption img {
8896   vertical-align: middle; }
8897
8898 .jsenabled .hiddenifjs {
8899   display: none; }
8900
8901 .visibleifjs {
8902   display: none; }
8903
8904 .jsenabled .visibleifjs {
8905   display: inline; }
8906
8907 .jsenabled .collapsibleregion {
8908   overflow: hidden;
8909   box-sizing: content-box; }
8910
8911 .jsenabled .collapsed .collapsibleregioninner {
8912   visibility: hidden; }
8913
8914 .collapsible-actions {
8915   display: none;
8916   text-align: right; }
8917
8918 .jsenabled .collapsible-actions {
8919   display: block; }
8920
8921 .collapsible-actions .collapseexpand {
8922   padding-left: 20px;
8923   background: url([[pix:t/collapsed]]) 2px center no-repeat; }
8924
8925 /*rtl:raw:
8926 .collapsible-actions .collapseexpand {
8927     background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
8928 }
8929 */
8930 .collapsible-actions .collapse-all {
8931   background-image: url([[pix:t/expanded]]); }
8932
8933 .yui-overlay .yui-widget-bd {
8934   background-color: #ffee69;
8935   border: 1px solid #a6982b;
8936   border-top-color: #d4c237;
8937   color: #000;
8938   left: 0;
8939   padding: 2px 5px;
8940   position: relative;
8941   top: 0;
8942   z-index: 1; }
8943
8944 .clearer {
8945   background: transparent;
8946   border-width: 0;
8947   clear: both;
8948   display: block;
8949   height: 1px;
8950   margin: 0;
8951   padding: 0; }
8952
8953 .bold,
8954 .warning,
8955 .errorbox .title,
8956 .pagingbar .title,
8957 .pagingbar .thispage {
8958   font-weight: bold; }
8959
8960 img.userpicture {
8961   margin-right: 0.5rem; }
8962
8963 img.resize {
8964   height: 1em;
8965   width: 1em; }
8966
8967 .action-menu .dropdown-toggle {
8968   text-decoration: none; }
8969
8970 .action-menu {
8971   white-space: nowrap; }
8972
8973 .block img.resize {
8974   height: 0.9em;
8975   width: 0.8em; }
8976
8977 /* Icon styles */
8978 img.activityicon {
8979   height: 24px;
8980   width: 24px;
8981   vertical-align: middle; }
8982
8983 .headermain {
8984   font-weight: bold; }
8985
8986 #maincontent {
8987   display: block;
8988   height: 1px;
8989   overflow: hidden; }
8990
8991 img.uihint {
8992   cursor: help; }
8993
8994 #addmembersform table {
8995   margin-left: auto;
8996   margin-right: auto; }
8997
8998 table.flexible .emptyrow {
8999   display: none; }
9000
9001 form.popupform,
9002 form.popupform div {
9003   display: inline; }
9004
9005 .arrow_button input {
9006   overflow: hidden; }
9007
9008 .no-overflow {
9009   overflow: auto; }
9010
9011 .no-overflow > .generaltable {
9012   position: relative;
9013   margin-bottom: 0;
9014   min-height: 10em; }
9015
9016 .accesshide {
9017   position: absolute;
9018   width: 1px;
9019   height: 1px;
9020   padding: 0;
9021   overflow: hidden;
9022   clip: rect(0, 0, 0, 0);
9023   white-space: nowrap;
9024   clip-path: inset(50%);
9025   border: 0; }
9026
9027 span.hide,
9028 div.hide,
9029 .hidden {
9030   display: none; }
9031
9032 a.skip-block,
9033 a.skip {
9034   position: absolute;
9035   top: -1000em;
9036   font-size: 0.85em;
9037   text-decoration: none; }
9038
9039 a.skip-block:focus,
9040 a.skip-block:active,
9041 a.skip:focus,
9042 a.skip:active {
9043   position: static;
9044   display: block; }
9045
9046 .skip-block-to {
9047   display: block;
9048   height: 1px;
9049   overflow: hidden; }
9050
9051 .addbloglink {
9052   text-align: center; }
9053
9054 .blog_entry .audience {
9055   text-align: right;
9056   padding-right: 4px; }
9057
9058 .blog_entry .tags {
9059   margin-top: 15px; }
9060
9061 .blog_entry .content {
9062   margin-left: 43px; }
9063
9064 #doc-contents h1 {
9065   margin: 1em 0 0 0; }
9066
9067 #doc-contents ul {
9068   margin: 0;
9069   padding: 0;
9070   width: 90%; }
9071
9072 #doc-contents ul li {
9073   list-style-type: none; }
9074
9075 .groupmanagementtable td {
9076   vertical-align: top; }
9077
9078 .groupmanagementtable #existingcell,
9079 .groupmanagementtable #potentialcell {
9080   width: 42%; }
9081
9082 .groupmanagementtable #buttonscell {
9083   width: 16%; }
9084
9085 .groupmanagementtable #buttonscell p.arrow_button input {
9086   width: auto;
9087   min-width: 80%;
9088   margin: 0 auto; }
9089
9090 .groupmanagementtable #removeselect_wrapper,
9091 .groupmanagementtable #addselect_wrapper {
9092   width: 100%; }
9093
9094 .groupmanagementtable #removeselect_wrapper label,
9095 .groupmanagementtable #addselect_wrapper label {
9096   font-weight: normal; }
9097
9098 #group-usersummary {
9099   width: 14em; }
9100
9101 .groupselector {
9102   margin-top: 3px;
9103   margin-bottom: 3px;
9104   display: inline-block; }
9105
9106 .groupselector label {
9107   display: inline-block; }
9108
9109 .login-page [name="username"] {
9110   margin-bottom: -1px;
9111   border-bottom-right-radius: 0;
9112   border-bottom-left-radius: 0; }
9113
9114 .login-page [type="password"] {
9115   margin-bottom: 10px;
9116   border-top-left-radius: 0;
9117   border-top-right-radius: 0; }
9118
9119 .notepost {
9120   margin-bottom: 1em; }
9121
9122 .notepost .userpicture {
9123   float: left;
9124   margin-right: 5px; }
9125
9126 .notepost .content,
9127 .notepost .footer {
9128   clear: both; }
9129
9130 .notesgroup {
9131   margin-left: 20px; }
9132
9133 .path-my .coursebox {
9134   margin: 1rem 0;
9135   padding: 0; }
9136   .path-my .coursebox .overview {
9137     margin: 15px 30px 10px 30px; }
9138
9139 .path-my .coursebox .info {
9140   float: none;
9141   margin: 0; }
9142
9143 .mod_introbox {
9144   padding: 10px; }
9145
9146 table.mod_index {
9147   width: 100%; }
9148
9149 .comment-ctrl {
9150   font-size: 12px;
9151   display: none;
9152   margin: 0;
9153   padding: 0; }
9154
9155 .comment-ctrl h5 {
9156   margin: 0;
9157   padding: 5px; }
9158
9159 .comment-area {
9160   max-width: 400px;
9161   padding: 5px; }
9162
9163 .comment-area textarea {
9164   width: 100%;
9165   overflow: auto; }
9166   .comment-area textarea.fullwidth {
9167     -webkit-box-sizing: border-box;
9168     -moz-box-sizing: border-box;
9169     box-sizing: border-box; }
9170
9171 .comment-area .fd {
9172   text-align: right; }
9173
9174 .comment-meta span {
9175   color: gray; }
9176
9177 .comment-link img {
9178   vertical-align: text-bottom; }
9179
9180 .comment-list {
9181   font-size: 11px;
9182   overflow: auto;
9183   list-style: none;
9184   padding: 0;
9185   margin: 0; }
9186
9187 .comment-list li {
9188   margin: 2px;
9189   list-style: none;
9190   margin-bottom: 5px;
9191   clear: both;
9192   padding: .3em;
9193   position: relative; }
9194
9195 .comment-list li.first {
9196   display: none; }
9197
9198 .comment-paging {
9199   text-align: center; }
9200
9201 .comment-paging .pageno {
9202   padding: 2px; }
9203
9204 .comment-paging .curpage {
9205   border: 1px solid #ccc; }
9206
9207 .comment-message .picture {
9208   width: 20px;
9209   float: left; }
9210
9211 .comment-message .text {
9212   margin: 0;
9213   padding: 0; }
9214
9215 .comment-message .text p {
9216   padding: 0;
9217   margin: 0 18px 0 0; }
9218
9219 .comment-delete {
9220   position: absolute;
9221   top: 0;
9222   right: 0;
9223   margin: .3em; }
9224
9225 .comment-report-selectall {
9226   display: none; }
9227
9228 .comment-link {
9229   display: none; }
9230
9231 .jsenabled .comment-link {
9232   display: block; }
9233
9234 .jsenabled .showcommentsnonjs {
9235   display: none; }
9236
9237 .jsenabled .comment-report-selectall {
9238   display: inline; }
9239
9240 /**
9241 * Completion progress report
9242 */
9243 .completion-expected {
9244   font-size: 0.703125rem; }
9245
9246 .completion-sortchoice,
9247 .completion-identifyfield {
9248   font-size: 0.703125rem;
9249   vertical-align: bottom; }
9250
9251 .completion-progresscell {
9252   text-align: right; }
9253
9254 .completion-expired .completion-expected {
9255   font-weight: bold; }
9256
9257 /**
9258 * Tags
9259 */
9260 img.user-image {
9261   height: 100px;
9262   width: 100px; }
9263
9264 #tag-search-box {
9265   text-align: center;
9266   margin: 10px auto; }
9267
9268 .path-tag .tag-index-items .tagarea {
9269   border: 1px solid #e3e3e3;
9270   border-radius: 4px;
9271   padding: 10px;
9272   margin-top: 10px; }
9273
9274 .path-tag .tag-index-items .tagarea h3 {
9275   display: block;
9276   padding: 3px 0 10px 0;
9277   margin: 0;
9278   font-size: 1.1em;
9279   font-weight: bold;
9280   line-height: 20px;
9281   color: #999;
9282   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
9283   text-transform: uppercase;
9284   word-wrap: break-word;
9285   border-bottom: solid 1px #e3e3e3;
9286   margin-bottom: 10px; }
9287
9288 .path-tag .tagarea .controls::after,
9289 .path-tag .tagarea .taggeditems::after {
9290   display: block;
9291   clear: both;
9292   content: ""; }
9293
9294 .path-tag .tagarea .controls,
9295 .path-tag .tag-backtoallitems {
9296   text-align: center; }
9297
9298 .path-tag .tagarea .controls .gotopage.nextpage {
9299   float: right; }
9300
9301 .path-tag .tagarea .controls .gotopage.prevpage {
9302   float: left; }
9303
9304 .path-tag .tagarea .controls .exclusivemode {
9305   display: inline-block; }
9306
9307 .path-tag .tagarea .controls.controls-bottom {
9308   margin-top: 5px; }
9309
9310 .path-tag .tagarea .controls .gotopage.nextpage::after {
9311   padding-right: 5px;
9312   padding-left: 5px;
9313   content: "»"; }
9314
9315 .path-tag .tagarea .controls .gotopage.prevpage::before {
9316   padding-right: 5px;
9317   padding-left: 5px;
9318   content: "«"; }
9319
9320 .tag-management-table td,
9321 .tag-management-table th {
9322   vertical-align: middle;
9323   padding: 4px; }
9324
9325 .tag-management-table .inplaceeditable.inplaceeditingon input {
9326   width: 150px; }
9327
9328 .path-admin-tag .addstandardtags {
9329   float: right; }
9330   .path-admin-tag .addstandardtags img {
9331     margin: 0 5px; }
9332
9333 .path-tag .tag-relatedtags {
9334   padding-top: 10px; }
9335
9336 .path-tag .tag-management-box {
9337   text-align: right; }
9338
9339 .path-tag .tag-index-toc {
9340   padding: 10px;
9341   text-align: center; }
9342
9343 .path-tag .tag-index-toc li,
9344 .path-tag .tag-management-box li {
9345   margin-left: 5px;
9346   margin-right: 5px; }
9347
9348 .path-tag .tag-management-box li a.edittag {
9349   background-image: url([[pix:moodle|i/settings]]); }
9350
9351 .path-tag .tag-management-box li a.flagasinappropriate {
9352   background-image: url([[pix:moodle|i/flagged]]); }
9353
9354 .path-tag .tag-management-box li a.removefrommyinterests {
9355   background-image: url([[pix:moodle|t/delete]]); }
9356
9357 .path-tag .tag-management-box li a.addtomyinterests {
9358   background-image: url([[pix:moodle|t/add]]); }
9359
9360 .path-tag .tag-management-box li a {
9361   background-repeat: no-repeat;
9362   background-position: left;
9363   padding-left: 17px; }
9364
9365 .tag_feed.media-list .media .itemimage {
9366   float: left; }
9367
9368 .tag_feed.media-list .media .itemimage img {
9369   height: 35px;
9370   width: 35px; }
9371
9372 .tag_feed.media-list .media .media-body {
9373   padding-right: 10px;
9374   padding-left: 10px; }
9375
9376 .tag_cloud {
9377   text-align: center; }
9378
9379 .tag_cloud .inline-list li {
9380   padding: 0 0.2em; }
9381
9382 .tag_cloud .tag_overflow {
9383   margin-top: 1em;
9384   font-style: italic; }
9385
9386 .tag_cloud .s20 {
9387   font-size: 2.7em; }
9388
9389 .tag_cloud .s19 {
9390   font-size: 2.6em; }
9391
9392 .tag_cloud .s18 {
9393   font-size: 2.5em; }
9394
9395 .tag_cloud .s17 {
9396   font-size: 2.4em; }
9397
9398 .tag_cloud .s16 {
9399   font-size: 2.3em; }
9400
9401 .tag_cloud .s15 {
9402   font-size: 2.2em; }
9403
9404 .tag_cloud .s14 {
9405   font-size: 2.1em; }
9406
9407 .tag_cloud .s13 {
9408   font-size: 2em; }
9409
9410 .tag_cloud .s12 {
9411   font-size: 1.9em; }
9412
9413 .tag_cloud .s11 {
9414   font-size: 1.8em; }
9415
9416 .tag_cloud .s10 {
9417   font-size: 1.7em; }
9418
9419 .tag_cloud .s9 {
9420   font-size: 1.6em; }
9421
9422 .tag_cloud .s8 {
9423   font-size: 1.5em; }
9424
9425 .tag_cloud .s7 {
9426   font-size: 1.4em; }
9427
9428 .tag_cloud .s6 {
9429   font-size: 1.3em; }
9430
9431 .tag_cloud .s5 {
9432   font-size: 1.2em; }
9433
9434 .tag_cloud .s4 {
9435   font-size: 1.1em; }
9436
9437 .tag_cloud .s3 {
9438   font-size: 1em; }
9439
9440 .tag_cloud .s2 {
9441   font-size: 0.9em; }
9442
9443 .tag_cloud .s1 {
9444   font-size: 0.8em; }
9445
9446 .tag_cloud .s0 {
9447   font-size: 0.7em; }
9448
9449 .tag_list ul {
9450   display: inline; }
9451
9452 .tag_list.hideoverlimit .overlimit {
9453   display: none; }
9454
9455 .tag_list .tagmorelink {
9456   display: none; }
9457
9458 .tag_list.hideoverlimit .tagmorelink {
9459   display: inline; }
9460
9461 .tag_list.hideoverlimit .taglesslink {
9462   display: none; }
9463
9464 /**
9465 * Web Service
9466 */
9467 #webservice-doc-generator td {
9468   text-align: left;
9469   border: 0 solid black; }
9470
9471 /**
9472 * Enrol
9473 */
9474 .userenrolment {
9475   width: 100%;
9476   border-collapse: collapse; }
9477
9478 .userenrolment tr {
9479   vertical-align: top; }
9480
9481 .userenrolment td {
9482   padding: 0;
9483   height: 41px; }
9484
9485 .userenrolment .subfield {
9486   margin-right: 5px; }
9487
9488 .userenrolment .col_userdetails .subfield {
9489   margin-left: 40px; }
9490
9491 .userenrolment .col_userdetails .subfield_picture {
9492   float: left;
9493   margin-left: 0; }
9494
9495 .userenrolment .col_lastseen {
9496   width: 150px; }
9497
9498 .userenrolment .col_role {
9499   width: 262px; }
9500
9501 .userenrolment .col_role .roles,
9502 .userenrolment .col_group .groups {
9503   margin-right: 30px; }
9504
9505 .userenrolment .col_role .role {
9506   float: left;
9507   padding: 0 3px 3px;
9508   margin: 0 3px 3px;
9509   white-space: nowrap; }
9510
9511 .userenrolment .col_group .group {
9512   float: left;
9513   padding: 3px;
9514   margin: 3px;
9515   white-space: nowrap; }
9516
9517 .userenrolment .col_role .role a,
9518 .userenrolment .col_group .group a {
9519   margin-left: 3px;
9520   cursor: pointer; }
9521
9522 .userenrolment .col_role .addrole,
9523 .userenrolment .col_group .addgroup {
9524   float: right;
9525   padding: 3px;
9526   margin: 3px; }
9527   .userenrolment .col_role .addrole > a:hover,
9528   .userenrolment .col_group .addgroup > a:hover {
9529     border-bottom: 1px solid #666; }
9530
9531 .userenrolment .col_role .addrole img,
9532 .userenrolment .col_group .addgroup img {
9533   vertical-align: baseline; }
9534
9535 .userenrolment .hasAllRoles .col_role .addrole {
9536   display: none; }
9537
9538 .userenrolment .col_enrol .enrolment {
9539   float: left;
9540   padding: 0 3px 3px;
9541   margin: 0 3px 3px; }
9542
9543 .userenrolment .col_enrol .enrolment a {
9544   float: right;
9545   margin-left: 3px; }
9546
9547 #page-enrol-users .enrol_user_buttons {
9548   text-align: right; }
9549
9550 #page-enrol-users .enrol-users-page-action input {
9551   margin-left: 0; }
9552
9553 .corelightbox {
9554   background-color: #ccc;
9555   position: absolute;
9556   top: 0;
9557   left: 0;
9558   width: 100%;
9559   height: 100%;
9560   text-align: center; }
9561
9562 .corelightbox img {
9563   position: fixed;
9564   top: 50%;
9565   left: 50%; }
9566
9567 .mod-indent-outer {
9568   display: table; }
9569
9570 .mod-indent {
9571   display: table-cell; }
9572
9573 .label .mod-indent {
9574   float: left;
9575   padding-top: 20px; }
9576
9577 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
9578 .mod-indent-1 {
9579   width: 30px; }
9580
9581 .mod-indent-2 {
9582   width: 60px; }
9583
9584 .mod-indent-3 {
9585   width: 90px; }
9586
9587 .mod-indent-4 {
9588   width: 120px; }
9589
9590 .mod-indent-5 {
9591   width: 150px; }
9592
9593 .mod-indent-6 {
9594   width: 180px; }
9595
9596 .mod-indent-7 {
9597   width: 210px; }
9598
9599 .mod-indent-8 {
9600   width: 240px; }
9601
9602 .mod-indent-9 {
9603   width: 270px; }
9604
9605 .mod-indent-10 {
9606   width: 300px; }
9607
9608 .mod-indent-11 {
9609   width: 330px; }
9610
9611 .mod-indent-12 {
9612   width: 360px; }
9613
9614 .mod-indent-13 {
9615   width: 390px; }
9616
9617 .mod-indent-14 {
9618   width: 420px; }
9619
9620 .mod-indent-15 {
9621   width: 450px; }
9622
9623 .mod-indent-16 {
9624   width: 480px; }
9625
9626 .mod-indent-huge {
9627   width: 480px; }
9628
9629 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
9630 .resourcecontent .mediaplugin_mp3 object {
9631   height: 25px;
9632   width: 600px; }
9633
9634 .resourcecontent audio.mediaplugin_html5audio {
9635   width: 600px; }
9636
9637 /** Large resource images should avoid hidden overflow **/
9638 .resourceimage {
9639   max-width: 100%; }
9640
9641 /* Audio player size in 'inline' mode (can only change width, as above) */
9642 .mediaplugin_mp3 object {
9643   height: 15px;
9644   width: 300px; }
9645
9646 audio.mediaplugin_html5audio {
9647   width: 300px; }
9648
9649 /* TinyMCE moodle media preview frame should not have padding */
9650 .core_media_preview.pagelayout-embedded #content {
9651   padding: 0; }
9652
9653 .core_media_preview.pagelayout-embedded #maincontent {
9654   height: 0; }
9655
9656 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
9657   padding: 0;
9658   margin: 0;
9659   min-width: 0;
9660   background: none; }
9661
9662 .path-rating .ratingtable {
9663   width: 100%;
9664   margin-bottom: 1em; }
9665
9666 .path-rating .ratingtable th.rating {
9667   width: 100%; }
9668
9669 .path-rating .ratingtable td.rating,
9670 .path-rating .ratingtable td.time {
9671   white-space: nowrap;
9672   text-align: center; }
9673
9674 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
9675 .moodle-dialogue-base .moodle-dialogue-lightbox {
9676   background-color: #495057; }
9677
9678 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
9679   background-color: transparent; }
9680
9681 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
9682   box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); }
9683
9684 .moodle-dialogue-base .hidden,
9685 .moodle-dialogue-base .moodle-dialogue-hidden {
9686   display: none; }
9687
9688 .no-scrolling {
9689   overflow: hidden; }
9690
9691 .moodle-dialogue-base .moodle-dialogue-fullscreen {
9692   left: 0;
9693   top: 0;
9694   right: 0;
9695   bottom: -50px;
9696   position: fixed; }
9697
9698 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
9699   overflow: auto; }
9700
9701 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
9702   width: 28px;
9703   height: 16px;
9704   background-size: 100%; }
9705
9706 .moodle-dialogue-base .moodle-dialogue-wrap {
9707   background-color: #fff;
9708   border: 1px solid #ccc; }
9709
9710 .modal.show {
9711   display: block; }
9712
9713 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
9714   min-height: 3rem;
9715   color: initial;
9716   background: initial;
9717   font-size: 1.5rem;
9718   line-height: 1.5; }
9719
9720 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
9721   font-size: 1.5rem; }
9722
9723 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
9724   /*rtl:raw:
9725         left: 0;
9726         right: auto;
9727     */
9728   padding: 1rem; }
9729
9730 .moodle-dialogue-base .closebutton {
9731   box-shadow: none; }
9732   .moodle-dialogue-base .closebutton::after {
9733     content: "×"; }
9734
9735 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
9736   padding: 0.5rem; }
9737
9738 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
9739   overflow: auto;
9740   position: absolute;
9741   top: 0;
9742   bottom: 50px;
9743   left: 0;
9744   right: 0;
9745   margin: 0;
9746   border: 0; }
9747
9748 .moodle-dialogue-exception .moodle-exception-param label {
9749   font-weight: bold; }
9750
9751 .moodle-dialogue-exception .param-stacktrace label {
9752   background-color: #eee;
9753   border: 1px solid #ccc;
9754   border-bottom-width: 0; }
9755
9756 .moodle-dialogue-exception .param-stacktrace pre {
9757   border: 1px solid #ccc;
9758   background-color: #fff; }
9759
9760 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
9761   color: navy;
9762   font-size: 0.8203125rem; }
9763
9764 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
9765   font-size: 0.8203125rem; }
9766
9767 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
9768   color: #333;
9769   font-size: 90%;
9770   border-bottom: 1px solid #eee; }
9771
9772 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
9773   display: none; }
9774
9775 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
9776   background: initial; }
9777
9778 .moodle-dialogue-confirm .confirmation-message {
9779   margin: 0.5rem 0; }
9780
9781 .moodle-dialogue-confirm .confirmation-dialogue input {
9782   min-width: 80px; }
9783
9784 .moodle-dialogue-exception .moodle-exception-message {
9785   margin: 1em; }
9786
9787 .moodle-dialogue-exception .moodle-exception-param {
9788   margin-bottom: 0.5em; }
9789
9790 .moodle-dialogue-exception .moodle-exception-param label {
9791   width: 150px; }
9792
9793 .moodle-dialogue-exception .param-stacktrace label {
9794   display: block;
9795   margin: 0;
9796   padding: 4px 1em; }
9797
9798 .moodle-dialogue-exception .param-stacktrace pre {
9799   display: block;
9800   height: 200px;
9801   overflow: auto; }
9802
9803 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
9804   display: inline-block;
9805   margin: 4px 0; }
9806
9807 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
9808   display: inline-block;
9809   width: 50px;
9810   margin: 4px 1em; }
9811
9812 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
9813   padding-left: 25px;
9814   margin-bottom: 4px;
9815   padding-bottom: 4px; }
9816
9817 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
9818   opacity: 0.75;
9819   width: 100%;
9820   height: 100%;
9821   top: 0;
9822   left: 0;
9823   background-color: white;
9824   text-align: center;
9825   padding: 10% 0; }
9826
9827 /* Apply a default max-height on tooltip text */
9828 .moodle-dialogue .tooltiptext {
9829   max-height: 300px; }
9830
9831 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
9832   z-index: 3001; }
9833   .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
9834     overflow: auto; }
9835
9836 /**
9837  * Chooser Dialogues (moodle-core-chooserdialogue)
9838  *
9839  * This CSS belong to the chooser dialogue which should work both with, and
9840  * without javascript enabled
9841  */
9842 /* Hide the dialog and it's title */
9843 .chooserdialoguebody,
9844 .choosertitle {
9845   display: none; }
9846
9847 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
9848   margin: 0; }
9849
9850 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
9851   padding: 0;
9852   background: #f2f2f2; }
9853
9854 /* Center the submit buttons within the area */
9855 .choosercontainer #chooseform .submitbuttons {
9856   padding: 0.7em 0;
9857   text-align: right; }
9858
9859 /* Fixed for safari browser on iPhone4S with ios7@mixin */
9860 @media (max-height: 639px) {
9861   .ios .choosercontainer #chooseform .submitbuttons {
9862     padding: 45px 0; } }
9863
9864 .choosercontainer #chooseform .submitbuttons input {
9865   min-width: 100px;
9866   margin: 0 0.5em; }
9867
9868 /* Various settings for the options area */
9869 .choosercontainer #chooseform .options {
9870   position: relative;
9871   border-bottom: 1px solid #bbb; }
9872
9873 /* Only set these options if we're showing the js container */
9874 .jschooser .choosercontainer #chooseform .alloptions {
9875   overflow-x: hidden;
9876   overflow-y: auto;
9877   max-width: 240px; }
9878   .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
9879     display: inline-block; }
9880   .jschooser .choosercontainer #chooseform .alloptions .option .typename {
9881     display: inline-block;
9882     width: 55%; }
9883
9884 /* Settings for option rows and option subtypes */
9885 .choosercontainer #chooseform .moduletypetitle,
9886 .choosercontainer #chooseform .option,
9887 .choosercontainer #chooseform .nonoption {
9888   margin-bottom: 0;
9889   padding: 0 1.6em 0 1.6em; }
9890
9891 .choosercontainer #chooseform .moduletypetitle {
9892   text-transform: uppercase;
9893   padding-top: 1.2em;
9894   padding-bottom: 0.4em; }
9895
9896 .choosercontainer #chooseform .option .typename,
9897 .choosercontainer #chooseform .nonoption .typename {
9898   padding: 0 0 0 0.5em; }
9899
9900 .choosercontainer #chooseform .modicon + .typename {
9901   padding-left: 0; }
9902
9903 .choosercontainer #chooseform .option input[type=radio],
9904 .choosercontainer #chooseform .option span.typename {
9905   vertical-align: middle; }
9906
9907 .choosercontainer #chooseform .option label {
9908   display: block;
9909   margin: 0;
9910   padding: 0.5rem 0;
9911   border-bottom: 1px solid #fff; }
9912
9913 .choosercontainer #chooseform .option .icon {
9914   margin: 0;
9915   padding: 0 1rem; }
9916
9917 .choosercontainer #chooseform .nonoption {
9918   padding-left: 2.7em;
9919   padding-top: 0.3em;
9920   padding-bottom: 0.1em; }
9921
9922 .choosercontainer #chooseform .subtype {
9923   margin-bottom: 0;
9924   padding: 0 1.6em 0 3.2em; }
9925
9926 .choosercontainer #chooseform .subtype .typename {
9927   margin: 0 0 0 0.2em; }
9928
9929 /* The instruction/help area */
9930 .jschooser .choosercontainer #chooseform .instruction,
9931 .jschooser .choosercontainer #chooseform .typesummary {
9932   display: none;
9933   position: absolute;
9934   top: 0;
9935   right: 0;
9936   bottom: 0;
9937   left: 240px;
9938   margin: 0;
9939   padding: 1.6em;
9940   background-color: #fff;
9941   overflow-x: hidden;
9942   overflow-y: auto;
9943   line-height: 2em; }
9944
9945 /* Selected option settings */
9946 .jschooser .choosercontainer #chooseform .instruction,
9947 .choosercontainer #chooseform .selected .typesummary {
9948   display: block; }
9949
9950 .choosercontainer #chooseform .selected {
9951   background-color: #fff;
9952   margin-top: -1px;
9953   padding-top: 1px; }
9954
9955 .chooserdialogue-course-modchooser .modicon .icon {
9956   width: 24px;
9957   height: 24px;
9958   font-size: 24px; }
9959
9960 @media (max-width: 575.98px) {
9961   .jsenabled .choosercontainer #chooseform .alloptions {
9962     max-width: 100%; }
9963   .jsenabled .choosercontainer #chooseform .instruction,
9964   .jsenabled .choosercontainer #chooseform .typesummary {
9965     position: static; } }
9966
9967 /* Form element: listing */
9968 .formlistingradio {
9969   padding-bottom: 25px;
9970   padding-right: 10px; }
9971
9972 .formlistinginputradio {
9973   float: left; }
9974
9975 .formlistingmain {
9976   min-height: 225px; }
9977
9978 .formlisting {
9979   position: relative;
9980   margin: 15px 0;
9981   padding: 1px 19px 14px;
9982   background-color: white;
9983   border: 1px solid #ddd; }
9984
9985 .formlistingmore {
9986   position: absolute;
9987   cursor: pointer;
9988   bottom: -1px;
9989   right: -1px;
9990   padding: 3px 7px;
9991   font-size: 12px;
9992   font-weight: bold;
9993   background-color: whitesmoke;
9994   border: 1px solid #ddd;
9995   color: #9da0a4; }
9996
9997 .formlistingall {
9998   margin: 15px 0;
9999   padding: 0; }
10000
10001 .formlistingrow {
10002   cursor: pointer;
10003   border-bottom: 1px solid;
10004   border-color: #e1e1e8;
10005   border-left: 1px solid #e1e1e8;
10006   border-right: 1px solid #e1e1e8;
10007   background-color: #f7f7f9;
10008   padding: 6px;
10009   top: 50%;
10010   left: 50%;
10011   min-height: 34px;
10012   float: left;
10013   width: 150px; }
10014
10015 body.jsenabled .formlistingradio {
10016   display: none; }
10017
10018 body.jsenabled .formlisting {
10019   display: block; }
10020
10021 /* Badges styles */
10022 a.criteria-action {
10023   padding: 0 3px;
10024   float: right; }
10025
10026 div.criteria-description {
10027   padding: 10px 15px;
10028   margin: 5px 0;
10029   background: none repeat scroll 0 0 #f9f9f9;
10030   border: 1px solid #eee; }
10031
10032 ul.badges {
10033   margin: 0;
10034   list-style: none; }
10035
10036 .badges li {
10037   position: relative;
10038   display: inline-block;
10039   padding-top: 1em;
10040   text-align: center;
10041   vertical-align: top;
10042   width: 150px; }
10043
10044 .badges li .badge-name {
10045   display: block;
10046   padding: 5px; }
10047
10048 .badges li > img {
10049   position: absolute; }
10050
10051 .badges li .badge-image {
10052   width: 100px;
10053   height: 100px;
10054   left: 10px;
10055   top: 0;
10056   z-index: 1; }
10057
10058 .badges li .badge-actions {
10059   position: relative; }
10060
10061 .badges li .expireimage {
10062   width: 100px;
10063   height: 100px;
10064   left: 25px;
10065   top: 0;
10066   position: absolute;
10067   z-index: 10;
10068   opacity: 0.85; }
10069
10070 #badge-image {
10071   background-color: transparent;
10072   padding: 0;
10073   position: relative;
10074   min-width: 100px;
10075   width: 20%;
10076   display: inline-block;
10077   vertical-align: top;
10078   margin-top: 17px;
10079   margin-bottom: 20px; }
10080   #badge-image .expireimage {
10081     width: 100px;
10082     height: 100px;
10083     left: 0;
10084     top: 0;
10085     opacity: 0.85;
10086     position: absolute;
10087     z-index: 10; }
10088   #badge-image .singlebutton {
10089     padding-top: 5px;
10090     display: block; }
10091     #badge-image .singlebutton button {
10092       margin-left: 4px; }
10093
10094 #badge-details {
10095   display: inline-block;
10096   width: 79%; }
10097
10098 #badge-overview dl,
10099 #badge-details dl {
10100   margin: 0; }
10101   #badge-overview dl dt,
10102   #badge-overview dl dd,
10103   #badge-details dl dt,
10104   #badge-details dl dd {
10105     vertical-align: top;
10106     padding: 3px 0; }
10107   #badge-overview dl dt,
10108   #badge-details dl dt {
10109     clear: both;
10110     display: inline-block;
10111     width: 20%;
10112     min-width: 100px; }
10113   #badge-overview dl dd,
10114   #badge-details dl dd {
10115     display: inline-block;
10116     width: 79%;
10117     margin-left: 1%; }
10118
10119 .badge-profile {
10120   vertical-align: top; }
10121
10122 #page-badges-award .recipienttable tr td {
10123   vertical-align: top; }
10124
10125 #page-badges-award .recipienttable tr td.actions .actionbutton {
10126   margin: 0.3em 0;
10127   padding: 0.5em 0;
10128   width: 100%; }
10129
10130 #page-badges-award .recipienttable tr td.existing,
10131 #page-badges-award .recipienttable tr td.potential {
10132   width: 42%; }
10133
10134 #issued-badge-table .activatebadge {
10135   display: inline-block; }
10136
10137 .statusbox.active {
10138   background-color: #def1de; }
10139
10140 .statusbox.inactive {
10141   background-color: #fcefdc; }
10142
10143 .statusbox {
10144   text-align: center;
10145   margin-bottom: 5px;
10146   padding: 5px; }
10147
10148 .statusbox .activatebadge {
10149   display: inline-block; }
10150
10151 .statusbox .activatebadge input[type=submit] {
10152   margin: 3px; }
10153
10154 .activatebadge {
10155   margin: 0;
10156   text-align: left;
10157   vertical-align: middle; }
10158
10159 img#persona_signin {
10160   cursor: pointer; }
10161
10162 .addcourse {
10163   float: right; }
10164
10165 .invisiblefieldset {
10166   display: inline;
10167   padding: 0;
10168   border-width: 0; }
10169
10170 /** Page header */
10171 #page-header .logo {
10172   margin: 1rem 0; }
10173   #page-header .logo img {
10174     max-height: 75px; }
10175
10176 /** Navbar logo. */
10177 nav.navbar .logo img {
10178   max-height: 35px; }
10179
10180 /** Header-bar styles **/
10181 .page-context-header {
10182   overflow: hidden; }
10183   .page-context-header .page-header-image,
10184   .page-context-header .page-header-headings {
10185     float: left;
10186     display: block;
10187     position: relative; }
10188   .page-context-header .page-header-image {
10189     margin-right: 1em;
10190     margin-bottom: 1em; }
10191   .page-context-header .page-header-headings,
10192   .page-context-header .header-button-group {
10193     position: relative;
10194     line-height: 24px;
10195     vertical-align: middle; }
10196   .page-context-header .header-button-group {
10197     display: block;
10198     float: left; }
10199     .page-context-header .header-button-group a {
10200       position: relative;
10201       top: -0.4em; }
10202
10203 ul.dragdrop-keyboard-drag li {
10204   list-style-type: none; }
10205
10206 a.disabled:hover,
10207 a.disabled {
10208   text-decoration: none;
10209   cursor: default;
10210   font-style: italic;
10211   color: #808080; }
10212
10213 body.lockscroll {
10214   height: 100%;
10215   overflow: hidden; }
10216
10217 .progressbar_container {
10218   max-width: 500px;
10219   margin: 0 auto; }
10220
10221 /* IE10 only fix for calendar titling */
10222 .ie10 .yui3-calendar-header-label {
10223   display: inline-block; }
10224
10225 dd:before,
10226 dd:after {
10227   display: block;
10228   content: " "; }
10229
10230 dd:after {
10231   clear: both; }
10232
10233 .nav-tabs > .active > a[href],
10234 .nav-tabs > .active > a[href]:hover,
10235 .nav-tabs > .active > a[href]:focus {
10236   cursor: pointer; }
10237
10238 .inplaceeditable.inplaceeditingon {
10239   position: relative; }
10240   .inplaceeditable.inplaceeditingon .editinstructions {
10241     margin-top: -30px;
10242     font-weight: normal;
10243     margin-right: 0;
10244     margin-left: 0;
10245     left: 0;
10246     right: auto;
10247     white-space: nowrap; }
10248   .inplaceeditable.inplaceeditingon input {
10249     width: 330px;
10250     vertical-align: text-bottom;
10251     margin-bottom: 0; }
10252   .inplaceeditable.inplaceeditingon select {
10253     margin-bottom: 0; }
10254
10255 .inplaceeditable .quickediticon img {
10256   opacity: 0.2; }
10257
10258 .inplaceeditable .quickeditlink {
10259   color: inherit;
10260   text-decoration: inherit; }
10261
10262 .inplaceeditable:hover .quickeditlink .quickediticon img,
10263 .inplaceeditable .quickeditlink:focus .quickediticon img {
10264   opacity: 1; }
10265
10266 .inplaceeditable.inplaceeditable-toggle .quickediticon {
10267   display: none; }
10268
10269 .inplaceeditable.inplaceeditable-autocomplete {
10270   display: block; }
10271
10272 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
10273   margin-top: -20px; }
10274
10275 /** Chart area. */
10276 .chart-area .chart-table-data {
10277   display: none; }
10278
10279 .chart-area .chart-table {
10280   /** When accessible, we display the table only. */ }
10281   .chart-area .chart-table .chart-output-htmltable caption {
10282     white-space: nowrap; }
10283   .chart-area .chart-table.accesshide .chart-table-expand {
10284     display: none; }
10285   .chart-area .chart-table.accesshide .chart-table-data {
10286     display: block; }
10287
10288 ul {
10289   padding-left: 1rem; }
10290
10291 /* YUI 2 Tree View */
10292 /*rtl:raw:
10293 .ygtvtn,
10294 .ygtvtm,
10295 .ygtvtmh,
10296 .ygtvtmhh,
10297 .ygtvtp,
10298 .ygtvtph,
10299 .ygtvtphh,
10300 .ygtvln,
10301 .ygtvlm,
10302 .ygtvlmh,
10303 .ygtvlmhh,
10304 .ygtvlp,
10305 .ygtvlph,
10306 .ygtvlphh,
10307 .ygtvdepthcell,
10308 .ygtvok,
10309 .ygtvok:hover,
10310 .ygtvcancel,
10311 .ygtvcancel:hover {
10312     background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
10313 }
10314 */
10315 .hover-tooltip-container {
10316   position: relative; }
10317   .hover-tooltip-container .hover-tooltip {
10318     opacity: 0;
10319     visibility: hidden;
10320     position: absolute;
10321     /*rtl:ignore*/
10322     left: 50%;
10323     top: calc(-50% - 5px);
10324     transform: translate(-50%, -50%);
10325     background-color: #fff;
10326     border: 1px solid rgba(0, 0, 0, 0.2);
10327     border-radius: .3rem;
10328     box-sizing: border-box;
10329     padding: 5px;
10330     white-space: nowrap;
10331     transition: opacity 0.15s, visibility 0.15s;
10332     z-index: 1000; }
10333     .hover-tooltip-container .hover-tooltip:before {
10334       content: '';
10335       display: inline-block;
10336       border-left: 8px solid transparent;
10337       border-right: 8px solid transparent;
10338       border-top: 8px solid rgba(0, 0, 0, 0.2);
10339       position: absolute;
10340       bottom: -8px;
10341       left: calc(50% - 8px); }
10342     .hover-tooltip-container .hover-tooltip:after {
10343       content: '';
10344       display: inline-block;
10345       border-left: 7px solid transparent;
10346       border-right: 7px solid transparent;
10347       border-top: 7px solid #fff;
10348       position: absolute;
10349       bottom: -6px;
10350       left: calc(50% - 7px);
10351       z-index: 2; }
10352   .hover-tooltip-container:hover .hover-tooltip {
10353     opacity: 1;
10354     visibility: visible;
10355     transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s; }
10356
10357 #region-flat-nav {
10358   padding-right: 0;
10359   padding-left: 0; }
10360   #region-flat-nav .nav {
10361     margin-right: 15px;
10362     background-color: #fff; }
10363   @media (max-width: 767.98px) {
10364     #region-flat-nav .nav {
10365       margin-top: 30px;
10366       margin-right: 0; } }
10367
10368 #page-footer a {
10369   color: #fff;
10370   text-decoration: underline; }
10371   #page-footer a .icon {
10372     color: #fff; }
10373
10374 .bg-inverse a {
10375   color: #fff;
10376   text-decoration: underline; }
10377   .bg-inverse a .icon {
10378     color: #fff; }
10379
10380 .sitelink img {
10381   width: 112px; }
10382
10383 .dropdown-item a {
10384   display: block;
10385   width: 100%;
10386   color: #373a3c; }
10387
10388 .dropdown-item:active a {
10389   color: #fff; }
10390
10391 .competency-tree ul {
10392   padding-left: 1.5rem; }
10393
10394 .sr-only-focusable:active, .sr-only-focusable:focus {
10395   z-index: 1031;
10396   position: fixed;
10397   background: #fff;
10398   padding: 7px;
10399   left: 0;
10400   top: 0; }
10401
10402 [data-drag-type="move"] {
10403   cursor: move;
10404   touch-action: none; }
10405
10406 .clickable {
10407   cursor: pointer; }
10408
10409 .overlay-icon-container {
10410   position: absolute;
10411   top: 0;
10412   left: 0;
10413   width: 100%;
10414   height: 100%;
10415   background-color: rgba(255, 255, 255, 0.6); }
10416   .overlay-icon-container .loading-icon {
10417     position: absolute;
10418     top: 50%;
10419     left: 50%;
10420     transform: translate(-50%, -50%); }
10421     .overlay-icon-container .loading-icon .icon {
10422       height: 30px;
10423       width: 30px;
10424       font-size: 30px; }
10425
10426 .open.atto_menu > .dropdown-menu {
10427   display: block; }
10428
10429 div.editor_atto_toolbar button .icon {
10430   color: #495057; }
10431
10432 .w-auto {
10433   width: auto; }
10434
10435 .bg-pulse-grey {
10436   animation: bg-pulse-grey 2s infinite linear; }
10437
10438 @keyframes bg-pulse-grey {
10439   0% {
10440     background-color: #f8f9fa; }
10441   50% {
10442     background-color: #e9ecef; }
10443   100% {
10444     background-color: #f8f9fa; } }
10445
10446 .line-height-0 {
10447   line-height: 0 !important;
10448   /* stylelint-disable-line declaration-no-important */ }
10449
10450 .line-height-1 {
10451   line-height: 0.25rem !important;
10452   /* stylelint-disable-line declaration-no-important */ }
10453
10454 .line-height-2 {
10455   line-height: 0.5rem !important;
10456   /* stylelint-disable-line declaration-no-important */ }
10457
10458 .line-height-3 {
10459   line-height: 1rem !important;
10460   /* stylelint-disable-line declaration-no-important */ }
10461
10462 .line-height-4 {
10463   line-height: 1.5rem !important;
10464   /* stylelint-disable-line declaration-no-important */ }
10465
10466 .line-height-5 {
10467   line-height: 3rem !important;
10468   /* stylelint-disable-line declaration-no-important */ }
10469
10470 .dir-rtl .dir-rtl-hide {
10471   display: none; }
10472
10473 .dir-ltr .dir-ltr-hide {
10474   display: none; }
10475
10476 .switch {
10477   position: relative; }
10478   .switch input {
10479     float: left;
10480     width: 1px;
10481     transform: translateX(1px);
10482     padding: 0;
10483     margin: 0;
10484     opacity: 0; }
10485     .switch input + label {
10486       position: relative;
10487       min-height: 1.725rem;
10488       min-width: 3.45rem;
10489       line-height: 1.725rem;
10490       border-radius: 1.725rem;
10491       display: inline-block;
10492       cursor: pointer;
10493       outline: none;
10494       user-select: none;
10495       vertical-align: middle;
10496       padding-left: 3.95rem; }
10497     .switch input + label::before,
10498     .switch input + label::after {
10499       content: '';
10500       position: absolute;
10501       top: calc(50% - 0.8625rem);
10502       left: 0;
10503       width: 3.45rem;
10504       height: 1.725rem;
10505       bottom: 0;
10506       display: block; }
10507     .switch input + label::before {
10508       right: 0;
10509       background-color: #dee2e6;
10510       border-radius: 1.725rem;
10511       transition: 0.2s all; }
10512     .switch input + label::after {
10513       margin-top: 2px;
10514       left: 2px;
10515       width: calc(1.725rem - 4px);
10516       height: calc(1.725rem - 4px);
10517       border-radius: 50%;
10518       background-color: #fff;
10519       transition: 0.2s all; }
10520     .switch input:checked + label::before {
10521       background-color: #1177d1; }
10522     .switch input:checked + label::after {
10523       margin-left: 1.725rem; }
10524     .switch input:focus + label::before {
10525       outline: none;
10526       box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
10527     .switch input:disabled + label {
10528       color: #868e96;
10529       cursor: not-allowed; }
10530     .switch input:disabled + label::before {
10531       background-color: #e9ecef; }
10532
10533 .paged-content-page-container {
10534   min-height: 3.125rem; }
10535
10536 .text-decoration-none {
10537   text-decoration: none !important;
10538   /* stylelint-disable-line declaration-no-important */ }
10539
10540 .position-right {
10541   right: 0 !important;
10542   /* stylelint-disable-line declaration-no-important */ }
10543
10544 .overflow-hidden {
10545   overflow: hidden !important;
10546   /* stylelint-disable-line declaration-no-important */ }
10547
10548 .text-break {
10549   overflow-wrap: break-word !important;
10550   /* stylelint-disable-line declaration-no-important */ }
10551
10552 .z-index-1 {
10553   z-index: 1 !important;
10554   /* stylelint-disable-line declaration-no-important */ }
10555
10556 .icon {
10557   font-size: 16px;
10558   width: 16px;
10559   height: 16px;
10560   margin: 0;
10561   padding: 0;
10562   box-sizing: content-box;
10563   margin-right: 0.5rem; }
10564   .icon.spacer {
10565     margin-right: 0; }
10566   .icon.iconsize-big {
10567     width: 64px;
10568     height: 64px;
10569     font-size: 64px; }
10570   .icon.movetarget {
10571     width: 80px; }
10572
10573 .navbar-dark a .icon {
10574   color: rgba(255, 255, 255, 0.5) !important;
10575   /* stylelint-disable-line declaration-no-important */ }
10576
10577 .action-menu-item a:first-of-type > .icon {
10578   margin-left: 0.5rem; }
10579
10580 .ygtvcell .icon {
10581   margin-left: 0 !important;
10582   /* stylelint-disable-line declaration-no-important */ }
10583
10584 .block_navigation .tree_item .icon,
10585 .block_settings .tree_item .icon {
10586   margin-left: 0; }
10587
10588 [data-action=toggle-drawer] .icon {
10589   margin: 0; }
10590
10591 .icon-no-spacing a > .icon {
10592   margin: 0; }
10593
10594 .icon-no-margin .icon {
10595   margin-left: 0;
10596   margin-right: 0;
10597   margin-top: 0;
10598   margin-bottom: 0; }
10599
10600 .icon-large > .icon {
10601   width: 32px;
10602   height: 32px; }
10603
10604 .icon-size-0 .icon {
10605   height: 0 !important;
10606   /* stylelint-disable-line declaration-no-important */
10607   width: 0 !important;
10608   /* stylelint-disable-line declaration-no-important */
10609   font-size: 0 !important;
10610   /* stylelint-disable-line declaration-no-important */ }
10611
10612 .icon-size-1 .icon {
10613   height: 4px !important;
10614   /* stylelint-disable-line declaration-no-important */
10615   width: 4px !important;
10616   /* stylelint-disable-line declaration-no-important */
10617   font-size: 4px !important;
10618   /* stylelint-disable-line declaration-no-important */ }
10619
10620 .icon-size-2 .icon {
10621   height: 8px !important;
10622   /* stylelint-disable-line declaration-no-important */
10623   width: 8px !important;
10624   /* stylelint-disable-line declaration-no-important */
10625   font-size: 8px !important;
10626   /* stylelint-disable-line declaration-no-important */ }
10627
10628 .icon-size-3 .icon {
10629   height: 16px !important;
10630   /* stylelint-disable-line declaration-no-important */
10631   width: 16px !important;
10632   /* stylelint-disable-line declaration-no-important */
10633   font-size: 16px !important;
10634   /* stylelint-disable-line declaration-no-important */ }
10635
10636 .icon-size-4 .icon {
10637   height: 24px !important;
10638   /* stylelint-disable-line declaration-no-important */
10639   width: 24px !important;
10640   /* stylelint-disable-line declaration-no-important */
10641   font-size: 24px !important;
10642   /* stylelint-disable-line declaration-no-important */ }
10643
10644 .icon-size-5 .icon {
10645   height: 48px !important;
10646   /* stylelint-disable-line declaration-no-important */
10647   width: 48px !important;
10648   /* stylelint-disable-line declaration-no-important */
10649   font-size: 48px !important;
10650   /* stylelint-disable-line declaration-no-important */ }
10651
10652 .helplink .icon {
10653   margin-left: 0.5rem; }
10654
10655 /* admin.less */
10656 .formtable tbody th {
10657   font-weight: normal;
10658   text-align: right; }
10659
10660 .path-admin #assignrole {
10661   width: 60%;
10662   margin-left: auto;
10663   margin-right: auto; }
10664
10665 .path-admin .admintable .leftalign {
10666   text-align: left; }
10667
10668 .environmenttable .warn {
10669   background-color: #fcefdc;
10670   color: #ff7518; }
10671
10672 .environmenttable .error {
10673   background-color: #f7dddc;
10674   color: #d9534f; }
10675
10676 .environmenttable .ok {
10677   background-color: #def1de;
10678   color: #5cb85c; }
10679
10680 .path-admin .admintable.environmenttable .name,
10681 .path-admin .admintable.environmenttable .info,
10682 .path-admin #assignrole .admintable .role,
10683 .path-admin #assignrole .admintable .userrole,
10684 .path-admin #assignrole .admintable .roleholder {
10685   white-space: nowrap; }
10686
10687 .path-admin .incompatibleblockstable td.c0 {
10688   font-weight: bold; }
10689
10690 #page-admin-course-category .addcategory {
10691   padding: 10px; }
10692
10693 #page-admin-course-index .editcourse {
10694   margin: 20px auto; }
10695
10696 #page-admin-course-index .editcourse th,
10697 #page-admin-course-index .editcourse td {
10698   padding-left: 10px;
10699   padding-right: 10px; }
10700
10701 .timewarninghidden {
10702   display: none; }
10703
10704 #page-admin-report-capability-index #capabilitysearch {
10705   width: 30em; }
10706
10707 #page-admin-qtypes #qtypes div,
10708 #page-admin-qtypes #qtypes form,
10709 #page-admin-qbehaviours #qbehaviours div,
10710 #page-admin-qbehaviours #qbehaviours form {
10711   display: inline; }
10712
10713 #page-admin-qtypes #qtypes img.spacer,
10714 #page-admin-qbehaviours #qbehaviours img.spacer {
10715   width: 16px; }
10716
10717 #page-admin-qbehaviours .cell.c3,
10718 #page-admin-qtypes .cell.c3 {
10719   font-size: 0.8203125rem; }
10720
10721 #page-admin-lang .generalbox,
10722 #page-admin-course-index .singlebutton,
10723 #page-admin-course-index .addcategory,
10724 #page-course-index .buttons,
10725 #page-course-index-category .buttons,
10726 #page-admin-course-category .addcategory,
10727 #page-admin-stickyblocks .generalbox,
10728 #page-admin-maintenance .buttons,
10729 #page-admin-course-index .buttons,
10730 #page-admin-course-category .buttons,
10731 #page-admin-index .copyright,
10732 #page-admin-index .copyrightnotice,
10733 #page-admin-index .adminerror .singlebutton,
10734 #page-admin-index .adminwarning .singlebutton,
10735 #page-admin-index #layout-table .singlebutton {
10736   text-align: center;
10737   margin-bottom: 1em; }
10738
10739 .path-admin-roles .capabilitysearchui {
10740   text-align: left;
10741   margin-left: auto;
10742   margin-right: auto;
10743   margin-top: 1rem; }
10744
10745 #page-admin-roles-define .topfields {
10746   margin: 1em 0 2em; }
10747
10748 #page-admin-roles-define .capdefault {
10749   background-color: rgba(0, 0, 0, 0.075); }
10750
10751 #page-filter-manage .backlink,
10752 .path-admin-roles .backlink {
10753   margin-top: 1em; }
10754
10755 #page-admin-roles-explain #chooseuser h3,
10756 #page-admin-roles-usersroles .contextname {
10757   margin-top: 0; }
10758
10759 #page-admin-roles-explain #chooseusersubmit {
10760   margin-top: 0;
10761   text-align: center; }
10762
10763 #page-admin-roles-usersroles p {
10764   margin: 0; }
10765
10766 #page-admin-roles-override .cell.c1,
10767 #page-admin-roles-assign .cell.c3,
10768 #page-admin-roles-assign .cell.c1 {
10769   padding-top: 0.75em; }
10770
10771 #page-admin-roles-override .overridenotice,
10772 #page-admin-roles-define .definenotice {
10773   margin: 1em 10% 2em 10%;
10774   text-align: left; }
10775
10776 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
10777   display: block; }
10778
10779 #page-admin-index .updateplugin div {
10780   margin-bottom: 0.5em; }
10781
10782 #page-admin-user-user_bulk #users .fgroup {
10783   white-space: nowrap; }
10784
10785 #page-admin-report-stats-index .graph {
10786   text-align: center;
10787   margin-bottom: 1em; }
10788
10789 #page-admin-report-courseoverview-index .graph {
10790   text-align: center;
10791   margin-bottom: 1em; }
10792
10793 #page-admin-lang .translator {
10794   border-width: 1px;
10795   border-style: solid; }
10796
10797 .path-admin .roleassigntable {
10798   width: 100%; }
10799
10800 .path-admin .roleassigntable td {
10801   vertical-align: top;
10802   padding: 0.2em 0.3em; }
10803
10804 .path-admin .roleassigntable p {
10805   text-align: left;
10806   margin: 0.2em 0; }
10807
10808 .path-admin .roleassigntable #existingcell,
10809 .path-admin .roleassigntable #potentialcell {
10810   width: 42%; }
10811
10812 .path-admin .roleassigntable #existingcell p > label:first-child,
10813 .path-admin .roleassigntable #potentialcell p > label:first-child {
10814   font-weight: bold; }
10815
10816 .path-admin .roleassigntable #buttonscell {
10817   width: 16%; }
10818
10819 .path-admin .roleassigntable #buttonscell #assignoptions {
10820   font-size: 0.8203125rem; }
10821
10822 .path-admin .roleassigntable #removeselect_wrapper,
10823 .path-admin .roleassigntable #addselect_wrapper {
10824   width: 100%; }
10825
10826 .path-admin table.rolecap tr.rolecap th {
10827   text-align: left;
10828   font-weight: normal; }
10829
10830 .path-admin .rolecap .hiddenrow {
10831   display: none; }
10832
10833 .path-admin #defineroletable .rolecap .inherit,
10834 .path-admin #defineroletable .rolecap .allow,
10835 .path-admin #defineroletable .rolecap .prevent,
10836 .path-admin #defineroletable .rolecap .prohibit {
10837   text-align: center;
10838   padding: 0;
10839   min-width: 3.5em; }
10840
10841 .path-admin .rolecap .cap-name,
10842 .path-admin .rolecap .note {
10843   display: block;
10844   font-size: 0.8203125rem;
10845   white-space: nowrap;
10846   font-weight: normal; }
10847
10848 .path-admin .rolecap label {
10849   display: block;
10850   text-align: center;
10851   padding: 0.5em;
10852   margin: 0; }
10853
10854 .plugincheckwrapper {
10855   width: 100%; }
10856
10857 .environmentbox {
10858   margin-top: 1em; }
10859
10860 #mnetconfig table {
10861   margin-left: auto;
10862   margin-right: auto; }
10863
10864 .environmenttable .cell {
10865   padding: .15em .5em; }
10866
10867 #trustedhosts .generaltable {
10868   margin-left: auto;
10869   margin-right: auto;
10870   width: 500px; }
10871
10872 #trustedhosts .standard {
10873   width: auto; }
10874
10875 #adminsettings legend {
10876   display: none; }
10877
10878 #adminsettings fieldset.error {
10879   margin: .2em 0 .5em 0; }
10880
10881 #adminsettings fieldset.error legend {
10882   display: block; }
10883
10884 #admin-spelllanguagelist textarea,
10885 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
10886   /* rtl:ignore */
10887   text-align: left;
10888   /* rtl:ignore */
10889   direction: ltr; }
10890
10891 /* Styles for flags on admin settings */
10892 .adminsettingsflags {
10893   float: right; }
10894
10895 .adminsettingsflags label {
10896   margin-right: 7px; }
10897
10898 .form-description pre,
10899 .formsettingheading pre {
10900   /*rtl:ignore*/
10901   direction: ltr; }
10902
10903 .form-item .form-setting .form-htmlarea {
10904   display: inline; }
10905
10906 .form-item .form-setting .form-htmlarea .htmlarea {
10907   width: 640px;
10908   display: block; }
10909
10910 .form-item .form-setting .form-multicheckbox ul {
10911   list-style: none;
10912   padding: 0;
10913   margin: 7px 0 0 0; }
10914
10915 .form-item .form-setting .defaultsnext {
10916   display: inline; }
10917
10918 .form-item .form-setting .locked-checkbox {
10919   margin-right: 0.2em;
10920   margin-left: 0.5em;
10921   display: inline; }
10922
10923 .form-item .form-setting .form-password .unmask,
10924 .form-item .form-setting .form-defaultinfo {
10925   display: inline-block; }
10926
10927 .form-item .form-setting .form-defaultinfo {
10928   max-width: 100%;
10929   word-wrap: break-word; }
10930
10931 #admin-emoticons td input {
10932   width: 8em; }
10933
10934 #admin-emoticons td.c0 input {
10935   width: 4em; }
10936
10937 #adminthemeselector .selectedtheme td.c0 {
10938   border: 1px solid #d1edf6;
10939   border-right-width: 0; }
10940
10941 #adminthemeselector .selectedtheme td.c1 {
10942   border: 1px solid #d1edf6;
10943   border-left-width: 0; }
10944
10945 .admin_colourpicker,
10946 .admin_colourpicker_preview {
10947   display: none; }
10948
10949 .jsenabled .admin_colourpicker_preview {
10950   display: inline; }
10951
10952 .jsenabled .admin_colourpicker {
10953   display: block;
10954   height: 102px;
10955   width: 410px;
10956   margin-bottom: 10px;
10957   box-sizing: content-box; }
10958
10959 .admin_colourpicker .loadingicon {
10960   vertical-align: middle;
10961   margin-left: auto; }
10962
10963 .admin_colourpicker .colourdialogue {
10964   float: left;
10965   border: 1px solid #d1edf6; }
10966
10967 .admin_colourpicker .previewcolour {
10968   border: 1px solid #d1edf6;
10969   margin-left: 301px; }
10970
10971 .admin_colourpicker .currentcolour {
10972   border: 1px solid #d1edf6;
10973   margin-left: 301px;
10974   border-top-width: 0; }
10975
10976 #page-admin-index #notice .checkforupdates {
10977   text-align: center; }
10978
10979 #page-admin-plugins #plugins-overview-panel .info {
10980   display: inline-block;
10981   margin-right: 1em; }
10982
10983 #page-admin-plugins .checkforupdates {
10984   margin: 10px 0; }
10985   #page-admin-plugins .checkforupdates .singlebutton {
10986     margin: 5px 0;
10987     padding: 0; }
10988     #page-admin-plugins .checkforupdates .singlebutton div,
10989     #page-admin-plugins .checkforupdates .singlebutton input {
10990       margin: 0 3px 0 0; }
10991
10992 #page-admin-plugins .updateavailableinstallall {
10993   margin: 5px 0;
10994   padding: 0; }
10995   #page-admin-plugins .updateavailableinstallall div,
10996   #page-admin-plugins .updateavailableinstallall input {
10997     margin: 0 3px 5px 0; }
10998
10999 #page-admin-plugins #plugins-control-panel .status-missing td {
11000   background-color: #fcefdc; }
11001
11002 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
11003   font-size: 0.8203125rem;
11004   margin-left: 22px; }
11005
11006 #page-admin-plugins #plugins-control-panel .version .versionnumber {
11007   font-size: 0.8203125rem; }
11008
11009 #page-admin-plugins #plugins-control-panel .uninstall a {
11010   color: #d9534f; }
11011
11012 #page-admin-plugins #plugins-control-panel .notes .label {
11013   margin-right: 3px; }
11014
11015 #page-admin-plugins #plugins-control-panel .notes .requiredby {
11016   font-size: 0.8203125rem; }
11017
11018 #plugins-check-page .checkforupdates .singlebutton {
11019   margin: 5px 0;
11020   padding: 0; }
11021   #plugins-check-page .checkforupdates .singlebutton div,
11022   #plugins-check-page .checkforupdates .singlebutton input {
11023     margin: 0 3px 0 0; }
11024
11025 #plugins-check-page #plugins-check-info .actions > div {
11026   display: inline-block;
11027   margin-right: 1em; }
11028
11029 #plugins-check-page #plugins-check-info .actions .singlebutton {
11030   margin: 5px 0;
11031   padding: 0; }
11032   #plugins-check-page #plugins-check-info .actions .singlebutton div,
11033   #plugins-check-page #plugins-check-info .actions .singlebutton input {
11034     margin: 0 3px 0 0; }
11035
11036 #plugins-check-page #plugins-check .status-missing td,
11037 #plugins-check-page #plugins-check .status-downgrade td {
11038   background-color: #f7dddc; }
11039
11040 #plugins-check-page #plugins-check .displayname .plugindir {
11041   font-size: 0.8203125rem; }
11042
11043 #plugins-check-page #plugins-check .requires ul {
11044   margin-left: 13px; }
11045
11046 #plugins-check-page #plugins-check .status .actionbutton {
11047   margin: 5px 0;
11048   padding: 0; }
11049   #plugins-check-page #plugins-check .status .actionbutton input {
11050     margin: 0; }
11051
11052 #plugins-check-page .plugins-check-dependencies-actions > div {
11053   display: inline-block;
11054   margin-right: 1em; }
11055
11056 #plugins-check-page .plugins-check-dependencies-actions .singlebutton {
11057   margin: 5px 0;
11058   padding: 0; }
11059   #plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
11060   #plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
11061     margin: 0 3px 0 0; }
11062
11063 #plugins-check-page #plugins-check-available-dependencies .displayname .component {
11064   font-size: 0.8203125rem; }
11065
11066 #plugins-check-page #plugins-check-available-dependencies .info .actions > div {
11067   display: inline-block;
11068   margin-right: 1em; }
11069
11070 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
11071   display: block;
11072   margin: 5px 0;
11073   padding: 0; }
11074   #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
11075     margin: 0; }
11076
11077 #plugins-check-page .pluginupdateinfo,
11078 #plugins-control-panel .pluginupdateinfo {
11079   background-color: #def2f8;
11080   padding: 5px;
11081   margin: 10px 0; }
11082   #plugins-check-page .pluginupdateinfo.maturity50,
11083   #plugins-control-panel .pluginupdateinfo.maturity50 {
11084     background-color: #f7dddc; }
11085   #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
11086   #plugins-control-panel .pluginupdateinfo.maturity100,
11087   #plugins-control-panel .pluginupdateinfo.maturity150 {
11088     background-color: #fcefdc; }
11089   #plugins-check-page .pluginupdateinfo .info,
11090   #plugins-control-panel .pluginupdateinfo .info {
11091     display: inline-block; }
11092   #plugins-check-page .pluginupdateinfo .separator:after,
11093   #plugins-control-panel .pluginupdateinfo .separator:after {
11094     content: " | "; }
11095   #plugins-check-page .pluginupdateinfo .singlebutton,
11096   #plugins-control-panel .pluginupdateinfo .singlebutton {
11097     margin: 5px 0;
11098     padding: 0; }
11099     #plugins-check-page .pluginupdateinfo .singlebutton div,
11100     #plugins-check-page .pluginupdateinfo .singlebutton input,
11101     #plugins-control-panel .pluginupdateinfo .singlebutton div,
11102     #plugins-control-panel .pluginupdateinfo .singlebutton input {
11103       margin: 0 3px 0 0; }
11104
11105 .plugins-management-confirm-buttons > div {
11106   display: inline-block;
11107   margin: 1em 1em 1em 0; }
11108
11109 .plugins-management-confirm-buttons .continue {
11110   padding: 0; }
11111   .plugins-management-confirm-buttons .continue div,
11112   .plugins-management-confirm-buttons .continue input {
11113     margin: 0; }
11114
11115 .uninstalldeleteconfirmexternal {
11116   padding: 0.5em 1em;
11117   margin: 5px 0 10px 0; }
11118
11119 #page-admin-index .upgradepluginsinfo {
11120   text-align: center; }
11121
11122 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
11123   content: " | "; }
11124
11125 /** MNet networking */
11126 #page-admin-mnet-peers .box.deletedhosts {
11127   margin-bottom: 1em;
11128   font-size: 0.8203125rem; }
11129
11130 #page-admin-mnet-peers .mform .deletedhostinfo {
11131   padding: 4px;
11132   margin-bottom: 5px; }
11133
11134 #core-cache-plugin-summaries table,
11135 #core-cache-store-summaries table {
11136   width: 100%; }
11137
11138 #core-cache-lock-summary table,
11139 #core-cache-definition-summaries table,
11140 #core-cache-mode-mappings table {
11141   margin: 0 auto; }
11142
11143 #core-cache-store-summaries .default-store td {
11144   font-style: italic; }
11145
11146 #core-cache-rescan-definitions,
11147 #core-cache-mode-mappings .edit-link,
11148 #core-cache-lock-summary .new-instance {
11149   margin-top: 0.5em;
11150   text-align: center; }
11151
11152 .maintenancewarning {
11153   position: fixed;
11154   bottom: 0;
11155   right: 0;
11156   overflow: hidden;
11157   z-index: 1000; }
11158
11159 .modal.modal-in-page {
11160   z-index: 0; }
11161
11162 #page-admin-search .adminpagetitle {
11163   margin-bottom: 0;
11164   border-bottom: none; }
11165
11166 #page-admin-search .adminpagepath {
11167   display: flex;
11168   flex-wrap: wrap;
11169   list-style: none;
11170   padding: 0;
11171   margin: 0 0 1.5rem 0; }
11172   #page-admin-search .adminpagepath li + li:before {
11173     padding-right: 0.5rem;
11174     padding-left: 0.5rem;
11175     content: "/"; }
11176
11177 @media (min-width: 576px) {
11178   #page-admin-search .container {
11179     overflow-wrap: break-word; } }
11180
11181 #page-admin-tasklogs .task-class {
11182   font-size: 0.8203125rem;
11183   color: #868e96; }
11184
11185 .blockmovetarget .accesshide {
11186   position: relative;
11187   left: initial; }
11188
11189 .block:target {
11190   padding-top: 0 !important;
11191   /* stylelint-disable declaration-no-important */
11192   margin-top: 0 !important; }
11193
11194 .block_search_forums .searchform {
11195   /* Override plugin's default. */
11196   text-align: left; }
11197
11198 .block.block_navigation .block_tree ul,
11199 .block_settings .block_tree ul {
11200   margin-left: 0; }
11201
11202 .block .block-controls .dropdown-toggle {
11203   /* So that the caret takes the colour of the icon. */
11204   color: #373a3c; }
11205
11206 [data-region="blocks-column"] {
11207   width: 360px;
11208   float: right; }
11209
11210 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
11211 #region-main-settings-menu {
11212   position: relative;
11213   float: left;
11214   width: 100%; }
11215
11216 #region-main-settings-menu > div {
11217   position: absolute;
11218   right: 0;
11219   z-index: 100;
11220   margin: 1rem; }
11221
11222 .region_main_settings_menu_proxy {
11223   width: 4rem;
11224   height: 2rem;
11225   background-color: #fff;
11226   margin-left: 0.625rem;
11227   margin-bottom: 0.625rem;
11228   border-bottom-left-radius: 0.5rem;
11229   float: right; }
11230
11231 #region-main-settings-menu.has-blocks,
11232 #region-main.has-blocks {
11233   display: inline-block;
11234   width: calc(100% - 375px); }
11235   @media (max-width: 1199.98px) {
11236     #region-main-settings-menu.has-blocks,
11237     #region-main.has-blocks {
11238       width: 100%;
11239       /* MDL-63102 - Remove extra space at bottom.
11240         If modifying make sure block-region is horizontally stacked when in full screen */
11241       display: block; } }
11242
11243 @media (max-width: 1199.98px) {
11244   [data-region="blocks-column"] {
11245     width: 100%; } }
11246
11247 .block .empty-placeholder-image-lg {
11248   height: 5rem; }
11249
11250 .block .block-cards .course-info-container {
11251   padding: 0.8rem; }
11252
11253 .block .block-cards .progress {
11254   height: 0.5rem; }
11255
11256 .block .block-cards .course-summaryitem {
11257   border: 1px solid #dee2e6;
11258   background-color: #fff; }
11259
11260 .block .block-cards .icon {
11261   margin-right: 0; }
11262
11263 .block .block-cards .card .coursemenubtn, .block .block-cards #page-enrol-users #filterform .coursemenubtn, #page-enrol-users .block .block-cards #filterform .coursemenubtn, .block .block-cards .que .history .coursemenubtn, .que .block .block-cards .history .coursemenubtn, .block .block-cards .userprofile .profile_tree section .coursemenubtn, .userprofile .profile_tree .block .block-cards section .coursemenubtn, .block .block-cards .groupinfobox .coursemenubtn, .block .block-cards .well .coursemenubtn {
11264   margin-top: -0.5rem; }
11265
11266 .block .block-cards a.coursename,
11267 .block .block-cards span.categoryname,
11268 .block .block-cards .btn-link {
11269   color: inherit; }
11270
11271 .block .block-cards .multiline {
11272   white-space: normal; }
11273
11274 .block .block-cards .btn.btn-link.btn-icon, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-link.btn-icon, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion {
11275   height: 36px;
11276   width: 36px;
11277   padding: 0;
11278   border-radius: 50%; }
11279   .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action:hover, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-link.btn-icon:hover, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion:hover, .block .block-cards .btn.btn-link.btn-icon:focus, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action:focus, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-link.btn-icon:focus, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion:focus {
11280     background-color: #e9ecef; }
11281
11282 .dashboard-card-deck.one-row {
11283   flex-flow: nowrap;
11284   overflow-x: scroll; }
11285
11286 .summaryimage {
11287   height: 5rem;
11288   width: 5rem;
11289   background-position: center;
11290   background-size: cover; }
11291
11292 .dashboard-card-deck .dashboard-card {
11293   margin-bottom: 0.5rem;
11294   flex-basis: auto;
11295   width: 100%;
11296   flex-grow: 0;
11297   flex-shrink: 0; }
11298   .dashboard-card-deck .dashboard-card .dashboard-card-img {
11299     height: 7rem;
11300     background-position: center;
11301     background-size: cover; }
11302   .dashboard-card-deck .dashboard-card .dashboard-card-footer {
11303     padding: 0.8rem; }
11304
11305 .dashboard-card-deck.fixed-width-cards .dashboard-card {
11306   width: 300px; }
11307
11308 @media (min-width: 576px) {
11309   .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11310     width: calc(50% - 0.5rem); } }
11311
11312 @media (min-width: 840px) {
11313   .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11314     width: calc(33.33% - 0.5rem); } }
11315
11316 @media (min-width: 1100px) {
11317   .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11318     width: calc(25% - 0.5rem); } }
11319
11320 @media (min-width: 1360px) {
11321   .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11322     width: calc(20% - 0.5rem); } }
11323
11324 @media (min-width: 1200px) {
11325   #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11326     width: calc(33.33% - 0.5rem); } }
11327
11328 @media (min-width: 1470px) {
11329   #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11330     width: calc(25% - 0.5rem); } }
11331
11332 @media (min-width: 768px) {
11333   body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11334     width: calc(100% - 0.5rem); } }
11335
11336 @media (min-width: 861px) {
11337   body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11338     width: calc(50% - 0.5rem); } }
11339
11340 @media (min-width: 1122px) {
11341   body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11342     width: calc(33.33% - 0.5rem); } }
11343
11344 @media (min-width: 1381px) {
11345   body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11346     width: calc(25% - 0.5rem); } }
11347
11348 @media (min-width: 1200px) {
11349   body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11350     width: calc(100% - 0.5rem); } }
11351
11352 @media (min-width: 1236px) {
11353   body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11354     width: calc(50% - 0.5rem); } }
11355
11356 @media (min-width: 1497px) {
11357   body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11358     width: calc(33.33% - 0.5rem); } }
11359
11360 @media (min-width: 1200px) {
11361   #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) {
11362     margin-left: 0;
11363     margin-right: 0; }
11364     #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11365       width: calc(100% - 0.5rem) !important; } }
11366
11367 .block_recentlyaccessedcourses .paging-bar-container {
11368   margin-top: -2.4rem;
11369   justify-content: flex-end; }
11370
11371 @media (max-width: 575.98px) {
11372   .block_recentlyaccessedcourses .paging-bar-container {
11373     margin-top: 0; } }
11374
11375 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
11376   margin-top: 0; }
11377
11378 .block_recentlyaccesseditems img.icon {
11379   height: auto;
11380   width: auto;
11381   margin-right: 6px; }
11382
11383 .block_myoverview .content {
11384   min-height: 19.35rem; }
11385
11386 .block_myoverview .paged-content-page-container {
11387   min-height: 13rem; }
11388
11389 .block_settings .block_tree [aria-expanded="true"],
11390 .block_settings .block_tree [aria-expanded="true"].emptybranch,
11391 .block_settings .block_tree [aria-expanded="false"],
11392 .block_navigation .block_tree [aria-expanded="true"],
11393 .block_navigation .block_tree [aria-expanded="true"].emptybranch,
11394 .block_navigation .block_tree [aria-expanded="false"] {
11395   background-image: none; }
11396
11397 .block_settings .block_tree [aria-expanded="true"]:before,
11398 .block_navigation .block_tree [aria-expanded="true"]:before {
11399   content: "";
11400   margin-right: 0;
11401   font-size: 16px;
11402   width: 16px; }
11403
11404 .block_settings .block_tree [aria-expanded="false"]:before,
11405 .block_navigation .block_tree [aria-expanded="false"]:before {
11406   content: "";
11407   font-size: 16px;
11408   margin-right: 0;
11409   width: 16px; }
11410
11411 .dir-rtl .block_settings .block_tree [aria-expanded="false"]:before,
11412 .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
11413   content: ""; }
11414
11415 .block_navigation .block_tree p.hasicon,
11416 .block_settings .block_tree p.hasicon {
11417   text-indent: -3px; }
11418   .block_navigation .block_tree p.hasicon .icon,
11419   .block_settings .block_tree p.hasicon .icon {
11420     margin-right: 2px; }
11421
11422 .block.invisibleblock .card-title {
11423   color: #868e96; }
11424
11425 .navbar {
11426   max-height: 50px; }
11427
11428 /* calendar.less */
11429 .calendar_event_category {
11430   background-color: #d8bfd8; }
11431
11432 .calendar_event_course {
11433   background-color: #ffd3bd; }
11434
11435 .calendar_event_site {
11436   background-color: #d6f8cd; }
11437
11438 .calendar_event_group {
11439   background-color: #fee7ae; }
11440
11441 .calendar_event_user {
11442   background-color: #dce7ec; }
11443
11444 .path-calendar .calendartable {
11445   width: 100%;
11446   table-layout: fixed; }
11447   .path-calendar .calendartable th,
11448   .path-calendar .calendartable td {
11449     width: 14%;
11450     vertical-align: top;
11451     text-align: center;
11452     border: 0; }
11453
11454 .path-calendar .calendar-controls .previous,
11455 .path-calendar .calendar-controls .next,
11456 .path-calendar .calendar-controls .current {
11457   display: block;
11458   float: left;
11459   width: 12%; }
11460
11461 .path-calendar .calendar-controls .previous {
11462   text-align: left;
11463   border: 1px solid transparent; }
11464
11465 .path-calendar .calendar-controls .current {
11466   text-align: center;
11467   width: 76%; }
11468
11469 .path-calendar .calendar-controls .next {
11470   text-align: right;
11471   border: 1px solid transparent; }
11472
11473 .path-calendar .calendar-controls .drop-target {
11474   box-sizing: border-box;
11475   border: 1px dashed #1177d1; }
11476
11477 .path-calendar .filters table {
11478   border-collapse: separate;
11479   border-spacing: 2px;
11480   width: 100%; }
11481
11482 .path-calendar .maincalendar {
11483   vertical-align: top;
11484   padding: 0; }
11485   .path-calendar .maincalendar .bottom {
11486     text-align: center;
11487     padding: 5px 0 0 0; }
11488   .path-calendar .maincalendar .heightcontainer {
11489     height: 100%;
11490     position: relative; }
11491   .path-calendar .maincalendar .calendarmonth {
11492     width: 98%;
11493     margin: 10px auto; }
11494     .path-calendar .maincalendar .calendarmonth ul {
11495       margin: 0;
11496       padding: 0; }
11497       .path-calendar .maincalendar .calendarmonth ul li {
11498         list-style-type: none; }
11499         .path-calendar .maincalendar .calendarmonth ul li > a {
11500           overflow: hidden;
11501           text-overflow: ellipsis;
11502           white-space: nowrap;
11503           max-width: 100%;
11504           display: inline-block; }
11505           .path-calendar .maincalendar .calendarmonth ul li > a:hover {
11506             text-decoration: none; }
11507             .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
11508               text-decoration: underline; }
11509         .path-calendar .maincalendar .calendarmonth ul li .icon {
11510           margin-left: 0.25em;
11511           margin-right: 0.25em;
11512           vertical-align: initial; }
11513         .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle {
11514           width: 12px;
11515           height: 12px;
11516           border-radius: 6px;
11517           vertical-align: middle; }
11518           .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category {
11519             background-color: #d8bfd8; }
11520           .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course {
11521             background-color: #ffd3bd; }
11522           .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site {
11523             background-color: #d6f8cd; }
11524           .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group {
11525             background-color: #fee7ae; }
11526           .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user {
11527             background-color: #dce7ec; }
11528     .path-calendar .maincalendar .calendarmonth td {
11529       height: 5em; }
11530     .path-calendar .maincalendar .calendarmonth .clickable:hover {
11531       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); }
11532   .path-calendar .maincalendar .calendar-controls .previous,
11533   .path-calendar .maincalendar .calendar-controls .next {
11534     width: 30%; }
11535   .path-calendar .maincalendar .calendar-controls .current {
11536     width: 39.95%; }
11537   .path-calendar .maincalendar .controls {
11538     width: 98%;
11539     margin: 10px auto; }
11540   .path-calendar .maincalendar .calendar_event_category:hover a,
11541   .path-calendar .maincalendar .calendar_event_course:hover a,
11542   .path-calendar .maincalendar .calendar_event_site:hover a,
11543   .path-calendar .maincalendar .calendar_event_group:hover a,
11544   .path-calendar .maincalendar .calendar_event_user:hover a {
11545     color: #0b4f8a;
11546     text-decoration: underline; }
11547   .path-calendar .maincalendar .calendar_event_category {
11548     border-color: #d8bfd8; }
11549   .path-calendar .maincalendar .calendar_event_course {
11550     border-color: #ffd3bd; }
11551   .path-calendar .maincalendar .calendar_event_site {
11552     border-color: #d6f8cd; }
11553   .path-calendar .maincalendar .calendar_event_group {
11554     border-color: #fee7ae; }
11555   .path-calendar .maincalendar .calendar_event_user {
11556     border-color: #dce7ec; }
11557   .path-calendar .maincalendar .calendartable td,
11558   .path-calendar .maincalendar .calendartable li {
11559     padding: 0 4px 4px 4px; }
11560   .path-calendar .maincalendar .calendartable li {
11561     text-align: left; }
11562   .path-calendar .maincalendar .header {
11563     overflow: hidden; }
11564     .path-calendar .maincalendar .header .buttons {
11565       float: right; }
11566   .path-calendar .maincalendar .event .card-header img {
11567     vertical-align: baseline; }
11568   .path-calendar .maincalendar .event .location {
11569     word-break: break-all;
11570     overflow-wrap: break-word; }
11571
11572 #page-calendar-export .indent {
11573   padding-left: 20px; }
11574
11575 .block .minicalendar {
11576   max-width: 280px;
11577   margin: 0 auto;
11578   width: 100%; }
11579   .block .minicalendar th,
11580   .block .minicalendar td {
11581     padding: 2px;
11582     font-size: 0.8em;
11583     text-align: center; }
11584   .block .minicalendar td a {
11585     width: 100%;
11586     height: 100%;
11587     display: block; }
11588   .block .minicalendar td.duration_global {
11589     border-top: 1px solid #d6f8cd;
11590     border-bottom: 1px solid #d6f8cd; }
11591     .block .minicalendar td.duration_global.duration_finish {
11592       background-color: #d6f8cd; }
11593   .block .minicalendar td.duration_category {
11594     border-top: 1px solid #d8bfd8;
11595     border-bottom: 1px solid #d8bfd8; }
11596     .block .minicalendar td.duration_category.duration_finish {
11597       background-color: #d8bfd8; }
11598   .block .minicalendar td.duration_course {
11599     border-top: 1px solid #ffd3bd;
11600     border-bottom: 1px solid #ffd3bd; }
11601     .block .minicalendar td.duration_course.duration_finish {
11602       background-color: #ffd3bd; }
11603   .block .minicalendar td.duration_group {
11604     border-top: 1px solid #fee7ae;
11605     border-bottom: 1px solid #fee7ae; }
11606     .block .minicalendar td.duration_group.duration_finish {
11607       background-color: #fee7ae; }
11608   .block .minicalendar td.duration_user {
11609     border-top: 1px solid #dce7ec;
11610     border-bottom: 1px solid #dce7ec; }
11611     .block .minicalendar td.duration_user.duration_finish {
11612       background-color: #dce7ec; }
11613   .block .minicalendar caption {
11614     font-size: inherit;
11615     font-weight: inherit;
11616     line-height: inherit;
11617     text-align: center; }
11618
11619 .block .calendar-controls .previous,
11620 .block .calendar-controls .current,
11621 .block .calendar-controls .next {
11622   display: block;
11623   float: left; }
11624
11625 .block .calendar-controls .previous {
11626   text-align: left;
11627   width: 12%; }
11628
11629 .block .calendar-controls .current {
11630   text-align: center;
11631   width: 76%; }
11632
11633 .block .calendar-controls .next {
11634   text-align: right;
11635   width: 12%; }
11636
11637 .block .calendar_filters ul {
11638   list-style: none;
11639   margin: 0;
11640   padding: 0; }
11641
11642 .block .calendar_filters li {
11643   margin-bottom: 0.2em; }
11644   .block .calendar_filters li span img {
11645     padding: 0 0.2em;
11646     margin: 0; }
11647   .block .calendar_filters li .icon {
11648     vertical-align: initial;
11649     margin: 0 0.1rem 0 0.4rem; }
11650   .block .calendar_filters li > a:hover {
11651     text-decoration: none; }
11652     .block .calendar_filters li > a:hover .eventname {
11653       text-decoration: underline; }
11654
11655 .block .content h3.eventskey {
11656   margin-top: 0.5em; }
11657
11658 /* Display month name above the calendar */
11659 table.calendartable caption {
11660   caption-side: top; }
11661
11662 @media (min-width: 768px) {
11663   #page-calender-view .container-fluid {
11664     min-width: 1024px; } }
11665
11666 .calendarwrapper {
11667   position: relative; }
11668
11669 .day-popover-content:empty + .day-popover-alternate {
11670   display: block; }
11671
11672 .location-content {
11673   overflow-wrap: break-word; }
11674
11675 .description-content {
11676   overflow-wrap: break-word; }
11677   .description-content > p {
11678     margin: 0; }
11679
11680 /* course.less */
11681 /* COURSE CONTENT */
11682 .section-modchooser-link img {
11683   margin-right: 0.5rem;
11684   width: 16px;
11685   height: 16px; }
11686
11687 .section_add_menus {
11688   text-align: right;
11689   clear: both; }
11690
11691 .section-modchooser {
11692   clear: both; }
11693
11694 .block_tree .tree_item.branch {
11695   margin-left: 8px; }
11696
11697 .section_add_menus .horizontal div,
11698 .section_add_menus .horizontal form {
11699   display: inline; }
11700
11701 .section_add_menus optgroup {
11702   font-weight: normal;
11703   font-style: italic; }
11704
11705 /*rtl:ignore*/
11706 .section_add_menus .urlselect {
11707   text-align: left;
11708   margin-left: .4em; }
11709
11710 /*rtl:ignore*/
11711 .section_add_menus .urlselect select {
11712   margin-left: .2em; }
11713
11714 .sitetopic ul.section {
11715   margin: 0; }
11716
11717 body:not(.editing) .sitetopic ul.section {
11718   padding-left: 0; }
11719   body:not(.editing) .sitetopic ul.section .label .mod-indent-outer {
11720     padding-left: 0; }
11721
11722 .course-content ul.section {
11723   margin: 1rem; }
11724
11725 .section .side {
11726   margin-top: 0.5rem; }
11727   .section .side.left {
11728     float: left; }
11729   .section .side.right {
11730     float: right;
11731     clear: right; }
11732
11733 .section .spinner {
11734   height: 16px;
11735   width: 16px; }
11736
11737 .section .activity {
11738   /* The command block for each activity */ }
11739   .section .activity .spinner {
11740     left: 100%;
11741     position: absolute; }
11742   .section .activity .actions {
11743     position: absolute;
11744     right: 0;
11745     top: 0;
11746     display: flex; }
11747   .section .activity .contentwithoutlink,
11748   .section .activity .activityinstance {
11749     min-width: 40%;
11750     display: table-cell;
11751     padding-right: 4px;
11752     min-height: 2em; }
11753     .section .activity .contentwithoutlink > a,
11754     .section .activity .activityinstance > a {
11755       display: block;
11756       text-indent: -31px;
11757       padding-left: 31px; }
11758     .section .activity .contentwithoutlink .dimmed .activityicon,
11759     .section .activity .activityinstance .dimmed .activityicon {
11760       opacity: .5; }
11761   .section .activity a.stealth,
11762   .section .activity a.stealth:hover {
11763     color: #6eb5f3 !important;
11764     /* stylelint-disable-line declaration-no-important */ }
11765
11766 .section .label .contentwithoutlink,
11767 .section .label .activityinstance {
11768   padding-right: 32px;
11769   display: block;
11770   height: inherit; }
11771
11772 .section .label .mod-indent-outer {
11773   padding-left: 24px;
11774   display: block; }
11775
11776 .section .filler {
11777   width: 16px;
11778   height: 16px;
11779   padding: 0;
11780   margin: 0 0.5rem;
11781   display: inline-block; }
11782
11783 .section .activity.editor_displayed a.editing_title,
11784 .section .activity.editor_displayed .moodle-actionmenu {
11785   display: none; }
11786
11787 .section .activity.editor_displayed div.activityinstance {
11788   padding-right: initial; }
11789   .section .activity.editor_displayed div.activityinstance input {
11790     margin-bottom: initial;
11791     padding-top: initial;
11792     padding-bottom: initial;
11793     vertical-align: text-bottom; }
11794
11795 .activity img.activityicon {
11796   margin-right: 6px;
11797   vertical-align: text-bottom; }
11798
11799 .section .activity .activityinstance,
11800 .section .activity .activityinstance div {
11801   display: inline-block; }
11802
11803 .editing .section .activity .contentwithoutlink,
11804 .editing .section .activity .activityinstance {
11805   padding-right: 200px; }
11806
11807 .editing .section .activity .editing_move {
11808   /* Move the move icon to the start of the line */
11809   position: absolute;
11810   left: 0;
11811   top: 0; }
11812
11813 .editing .section .activity .mod-indent-outer {
11814   /**
11815                  * Add appropriate padding such that nothing overlaps the
11816                  * absolute positioned move icon.
11817                  */
11818   padding-left: 2rem; }
11819
11820 .editing_show + .editing_assign,
11821 .editing_hide + .editing_assign {
11822   margin-left: 20px; }
11823
11824 .section .activity .commands {
11825   white-space: nowrap;
11826   display: inline-block; }
11827
11828 .section .activity.modtype_label.label {
11829   font-weight: normal;
11830   padding: .2em; }
11831
11832 .section li.activity {
11833   padding: .2em;
11834   clear: both; }
11835
11836 .section .activity .activityinstance .groupinglabel {
11837   padding-left: 30px; }
11838
11839 .section .activity .availabilityinfo,
11840 .section .activity .contentafterlink {
11841   margin-top: 0.5em;
11842   margin-left: 30px; }
11843
11844 .section .activity .contentafterlink p {
11845   margin: .5em 0; }
11846
11847 .editing .section .activity:hover,
11848 .editing .section .activity.action-menu-shown {
11849   background-color: rgba(0, 0, 0, 0.05); }
11850
11851 .course-content .current {
11852   position: relative; }
11853
11854 .course-content .current::before {
11855   content: "";
11856   border-left: #1177d1 2px solid;
11857   position: absolute;
11858   left: -1.25rem;
11859   top: 0;
11860   bottom: 0; }
11861
11862 .course-content .section-summary {
11863   border: 1px solid #dee2e6;
11864   margin-top: 5px;
11865   list-style: none; }
11866
11867 .course-content .section-summary .section-title {
11868   margin: 2px 5px 10px 5px; }
11869
11870 .course-content .section-summary .summarytext {
11871   margin: 2px 5px 2px 5px; }
11872
11873 .course-content .section-summary .section-summary-activities .activity-count {
11874   font-size: 0.8203125rem;
11875   margin: 3px;
11876   white-space: nowrap;
11877   display: inline-block; }
11878
11879 .course-content .section-summary .summary {
11880   margin-top: 5px; }
11881
11882 .course-content .single-section {
11883   margin-top: 1em; }
11884
11885 .course-content .single-section .section-navigation {
11886   display: block;
11887   padding: 0.5em;
11888   margin-bottom: -0.5em; }
11889
11890 .course-content .single-section .section-navigation .title {
11891   font-weight: bold;
11892   font-size: 108%;
11893   clear: both; }
11894
11895 .course-content .single-section .section-navigation .mdl-left {
11896   font-weight: normal;
11897   float: left;
11898   margin-right: 1em; }
11899
11900 .course-content .single-section .section-navigation .mdl-left .larrow {
11901   margin-right: 0.1em; }
11902
11903 .course-content .single-section .section-navigation .mdl-right {
11904   font-weight: normal;
11905   float: right;
11906   margin-left: 1em; }
11907
11908 .course-content .single-section .section-navigation .mdl-right .rarrow {
11909   margin-left: 0.1em; }
11910
11911 .course-content .single-section .section-navigation .mdl-bottom {
11912   margin-top: 0; }
11913
11914 .course-content ul li.section.main {
11915   border-bottom: 1px solid #dee2e6;
11916   margin-top: 0; }
11917   .course-content ul li.section.main:last-child {
11918     border-bottom: 0; }
11919
11920 .course-content ul.topics,
11921 .course-content ul.weeks {
11922   padding: 0; }
11923   .course-content ul.topics li.section,
11924   .course-content ul.weeks li.section {
11925     margin-top: 1rem;
11926     padding-bottom: 1rem; }
11927     .course-content ul.topics li.section .content,
11928     .course-content ul.weeks li.section .content {
11929       margin: 0;
11930       padding: 0; }
11931     .course-content ul.topics li.section .summary,
11932     .course-content ul.topics li.section .content > .availabilityinfo,
11933     .course-content ul.weeks li.section .summary,
11934     .course-content ul.weeks li.section .content > .availabilityinfo {
11935       margin-left: 25px; }
11936     .course-content ul.topics li.section .left,
11937     .course-content ul.weeks li.section .left {
11938       padding-top: 0;
11939       text-align: right; }
11940
11941 .course-content {
11942   margin-top: 0; }
11943
11944 .course-content .hidden {
11945   display: none; }
11946
11947 .course-content li.section ul {
11948   list-style: disc; }
11949   .course-content li.section ul ul {
11950     list-style: circle; }
11951     .course-content li.section ul ul ul {
11952       list-style: square; }
11953
11954 .course-content li.section li.activity ul {
11955   list-style: disc; }
11956   .course-content li.section li.activity ul ul {
11957     list-style: circle; }
11958     .course-content li.section li.activity ul ul ul {
11959       list-style: square; }
11960
11961 .course-content li.section .right > .icon:first-child {
11962   /* Remove the spacer icon. */
11963   display: none; }
11964
11965 .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 {
11966   padding-bottom: 13rem; }
11967
11968 .jumpmenu .form-inline {
11969   display: block; }
11970
11971 .path-course-view .completionprogress {
11972   margin-left: 25px; }
11973
11974 .path-course-view .completionprogress {
11975   display: block;
11976   float: right;
11977   height: 20px;
11978   position: relative; }
11979
11980 #page-site-index .subscribelink {
11981   text-align: right; }
11982
11983 #site-news-forum h2,
11984 #frontpage-course-list h2,
11985 #frontpage-category-names h2,
11986 #frontpage-category-combo h2 {
11987   margin-bottom: 9px; }
11988
11989 .path-course-view a.reduce-sections {
11990   padding-left: 0.2em; }
11991
11992 .path-course-view .subscribelink {
11993   text-align: right; }
11994
11995 .path-course-view .unread {
11996   margin-left: 30px; }
11997
11998 .path-course-view .block.drag .header {
11999   cursor: move; }
12000
12001 .path-course-view .completionprogress {
12002   text-align: right; }
12003
12004 .path-course-view .single-section .completionprogress {
12005   margin-right: 5px; }
12006
12007 .path-site li.activity > div,
12008 .path-course-view li.activity > div {
12009   position: relative;
12010   padding: 0 16px 0 0;
12011   /* to accommodate the floated completion icon with highlighting */ }
12012
12013 .path-course-view li.activity span.autocompletion img {
12014   vertical-align: text-bottom;
12015   margin-left: 0; }
12016
12017 .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 {
12018   padding: 0; }
12019
12020 .path-course-view li.activity form.togglecompletion img {
12021   max-width: none;
12022   /* The width is 0 so ensure we don't end up with a relative max-width */ }
12023
12024 .path-course-view.editing li.activity span.autocompletion img {
12025   /* Use the same spacing as the filler. */
12026   margin-right: 0.5rem;
12027   margin-left: 0.5rem; }
12028
12029 .path-course-view li.activity form.togglecompletion .ajaxworking {
12030   width: 16px;
12031   height: 16px;
12032   position: absolute;
12033   right: 22px;
12034   top: 3px;
12035   background: url([[pix:i/ajaxloader]]) no-repeat; }
12036
12037 li.section.hidden span.commands a.editing_hide,
12038 li.section.hidden span.commands a.editing_show {
12039   cursor: default; }
12040
12041 .single-section h3.sectionname {
12042   text-align: center;
12043   clear: both; }
12044
12045 input.titleeditor {
12046   width: 330px;
12047   vertical-align: text-bottom; }
12048
12049 span.editinstructions {
12050   /*rtl:remove*/
12051   position: absolute;
12052   /*rtl:raw:
12053     position: relative;
12054     */
12055   top: 0;
12056   margin-top: -22px;
12057   margin-left: 30px;
12058   font-size: 0.8203125rem;
12059   padding: .1em .4em;
12060   background-color: #def2f8;
12061   color: #5bc0de;
12062   text-decoration: none;
12063   z-index: 9999;
12064   border: 1px solid #d1edf6; }
12065
12066 /* Course drag and drop upload styles */
12067 #dndupload-status {
12068   position: fixed;
12069   left: 0;
12070   width: 40%;
12071   margin: 0 30%;
12072   padding: 6px;
12073   border: 1px solid #d1edf6;
12074   text-align: center;
12075   background: #def2f8;
12076   color: #5bc0de;
12077   z-index: 1; }
12078
12079 .dndupload-preview {
12080   color: #909090;
12081   border: 1px dashed #909090;
12082   list-style: none;
12083   margin-top: .2em;
12084   padding: .3em; }
12085
12086 .dndupload-progress-outer {
12087   background-color: #e9ecef;
12088   display: block;
12089   width: 100%;
12090   height: 1rem;
12091   margin-bottom: 1rem; }
12092
12093 .dndupload-progress-inner {
12094   background-color: #fff;
12095   display: inline-block;
12096   height: 1rem; }
12097
12098 .dndupload-hidden {
12099   display: none; }
12100
12101 /* COURSES LISTINGS AND COURSE SUMMARY */
12102 #page-course-pending .singlebutton,
12103 #page-course-index .singlebutton,
12104 #page-course-index-category .singlebutton,
12105 #page-course-editsection .singlebutton {
12106   text-align: center; }
12107
12108 #page-admin-course-manage #movecourses td img {
12109   margin: 0 .22em;
12110   vertical-align: text-bottom; }
12111
12112 #coursesearch {
12113   margin-top: 1em;
12114   text-align: center; }
12115
12116 #page-course-pending .pendingcourserequests {
12117   margin-bottom: 1em; }
12118
12119 #page-course-pending .pendingcourserequests .singlebutton {
12120   display: inline; }
12121
12122 #page-course-pending .pendingcourserequests .cell {
12123   padding: 0 5px; }
12124
12125 #page-course-pending .pendingcourserequests .cell.c6 {
12126   white-space: nowrap; }
12127
12128 .coursebox {
12129   padding: 0.5rem; }
12130
12131 .coursebox > .info > .coursename a {
12132   display: block;
12133   background-image: url([[pix:moodle|i/course]]);
12134   background-repeat: no-repeat;
12135   padding-left: 21px;
12136   background-position: left 0.2em; }
12137
12138 .coursebox > .info > .coursename,
12139 .coursebox .content .teachers,
12140 .coursebox .content .courseimage,
12141 .coursebox .content .coursefile,
12142 .coursebox .content .customfields-container {
12143   float: left;
12144   clear: left; }
12145
12146 .coursebox .content .teachers,
12147 .coursebox .content .courseimage,
12148 .coursebox .content .coursefile,
12149 .coursebox .content .customfields-container {
12150   width: 40%; }
12151
12152 .coursebox > .info > h3.coursename {
12153   margin: 5px; }
12154
12155 .coursebox > .info > .coursename {
12156   margin: 5px;
12157   padding: 0; }
12158
12159 .coursebox .content .teachers li {
12160   list-style-type: none;
12161   padding: 0;
12162   margin: 0; }
12163
12164 .coursebox .moreinfo {
12165   padding: 3px 0;
12166   float: right; }
12167
12168 .coursebox .moreinfo img {
12169   margin: 0 .2em; }
12170
12171 .coursebox .content {
12172   clear: both; }
12173
12174 .coursebox .content .summary,
12175 .coursebox .content .coursecat {
12176   float: right;
12177   width: 55%; }
12178
12179 .coursebox .content .coursecat {
12180   text-align: right;
12181   clear: right; }
12182
12183 .coursebox.remotecoursebox .remotecourseinfo {
12184   float: left;
12185   width: 40%; }
12186
12187 .coursebox .content .courseimage img {
12188   max-width: 100px;
12189   max-height: 100px; }
12190
12191 .coursebox .content .coursecat,
12192 .coursebox .content .summary,
12193 .coursebox .content .courseimage,
12194 .coursebox .content .coursefile,
12195 .coursebox .content .teachers,
12196 .coursebox.remotecoursebox .remotecourseinfo,
12197 .coursebox .content .customfields-container {
12198   margin: 15px 5px 5px;
12199   padding: 0; }
12200
12201 .coursebox.remotehost > .info > .categoryname a {
12202   background-image: url([[pix:moodle|i/mnethost]]); }
12203
12204 .coursebox.collapsed {
12205   margin-bottom: 0; }
12206
12207 .coursebox.collapsed > .content {
12208   display: none; }
12209
12210 .courses .coursebox.collapsed {
12211   padding-top: 0.5rem;
12212   padding-bottom: 0.5rem; }
12213
12214 .courses .coursebox.even {
12215   background-color: rgba(0, 0, 0, 0.05); }
12216
12217 .courses > .paging.paging-morelink {
12218   text-align: center;
12219   padding: 1rem; }
12220
12221 .course_category_tree .category .numberofcourse {
12222   font-size: 0.8203125rem; }
12223
12224 .course_category_tree .controls {
12225   visibility: hidden; }
12226
12227 .course_category_tree .controls div {
12228   display: inline;
12229   cursor: pointer; }
12230
12231 .jsenabled .course_category_tree .controls {
12232   visibility: visible; }
12233
12234 .course_category_tree .controls {
12235   margin-bottom: 5px;
12236   text-align: right;
12237   float: right; }
12238
12239 .course_category_tree .controls div {
12240   padding-right: 2em;
12241   font-size: 75%; }
12242
12243 .course_category_tree .category > .info > .categoryname {
12244   background-image: url([[pix:moodle|t/collapsed_empty]]);
12245   background-repeat: no-repeat;
12246   padding: 2px 18px;
12247   margin: 3px;
12248   background-position: center left; }
12249
12250 /* rtl:raw:
12251 .course_category_tree .category > .info > .categoryname {
12252     background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
12253 }
12254  */
12255 .course_category_tree .category.with_children > .info > .categoryname {
12256   background-image: url([[pix:moodle|t/expanded]]);
12257   cursor: pointer; }
12258
12259 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
12260   background-image: url([[pix:moodle|t/collapsed]]); }
12261
12262 /* rtl:raw:
12263 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
12264     background-image:url([[pix:moodle|t/collapsed_rtl]]);
12265 }
12266 */
12267 .course_category_tree .category.collapsed > .content {
12268   display: none; }
12269
12270 .course_category_tree .category > .info {
12271   clear: both; }
12272
12273 .course_category_tree .category > .content {
12274   padding-left: 16px; }
12275
12276 #page-course-index-category .generalbox.info {
12277   margin-bottom: 15px;
12278   border: 1px dotted #ddd;
12279   padding: 5px; }
12280
12281 #page-course-index-category .categorypicker {
12282   text-align: center;
12283   margin: 10px 0 20px; }
12284
12285 /**
12286  * Course management page
12287  * Palette
12288  *
12289  * Background (reg)         #F5F5F5
12290  * Background (light        #fafafa
12291  * Background (highlight)   #ddffaa
12292  * Borders                  #e1e1e8
12293  */
12294 #course-category-listings {
12295   margin-bottom: 0;
12296   /** Two column layout */
12297   /** Three column layout */ }
12298   #course-category-listings.columns-2 > #course-listing > div {
12299     position: relative;
12300     left: -1px; }
12301   #course-category-listings.columns-3 > #course-listing > div {
12302     height: 100%; }
12303   #course-category-listings > div > div {
12304     min-height: 300px; }
12305     #course-category-listings > div > div > ul.ml > li:first-child > div {
12306       border-top: 0; }
12307   #course-category-listings h3 {
12308     margin: 0;
12309     padding: 0.4rem 0.6rem 0.3rem; }
12310   #course-category-listings h4 {
12311     margin: 1rem 0 0;
12312     padding: 0.6rem 1rem 0.5rem; }
12313   #course-category-listings .moodle-actionmenu {
12314     white-space: nowrap; }
12315   #course-category-listings .listing-actions {
12316     text-align: center; }
12317     #course-category-listings .listing-actions > .moodle-actionmenu {
12318       display: inline-block; }
12319   #course-category-listings ul.ml {
12320     list-style: none;
12321     margin: 1rem 0; }
12322     #course-category-listings ul.ml ul.ml {
12323       margin: 0; }
12324   #course-category-listings .listitem[data-selected='1'] {
12325     background-color: rgba(0, 0, 0, 0.05); }
12326     #course-category-listings .listitem[data-selected='1']:hover {
12327       background-color: rgba(0, 0, 0, 0.075); }
12328   #course-category-listings .item-actions {
12329     margin-right: 1em;
12330     display: inline-block; }
12331     #course-category-listings .item-actions.show .menu img {
12332       width: 12px;
12333       max-width: none; }
12334     #course-category-listings .item-actions .menu-action-text {
12335       vertical-align: inherit; }
12336   #course-category-listings .listitem > div > .float-left {
12337     float: left; }
12338   #course-category-listings .listitem > div > .float-right {
12339     float: right;
12340     text-align: right; }
12341   #course-category-listings .listitem > div .item-actions .action-show {
12342     display: none; }
12343   #course-category-listings .listitem > div .item-actions .action-hide {
12344     display: inline; }
12345   #course-category-listings .listitem > div .without-actions {
12346     color: #333; }
12347   #course-category-listings .listitem > div .idnumber {
12348     color: #a1a1a8;
12349     margin-right: 2em; }
12350   #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
12351     display: inline; }
12352   #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
12353     display: none; }
12354   #course-category-listings .listitem.highlight {
12355     background-color: #fff; }
12356     #course-category-listings .listitem.highlight > div,
12357     #course-category-listings .listitem.highlight > div:hover,
12358     #course-category-listings .listitem.highlight[data-selected='1'] > div {
12359       background-color: rgba(0, 0, 0, 0.075); }
12360   #course-category-listings #course-listing .listitem .categoryname {
12361     display: inline-block;
12362     margin-left: 1em;
12363     color: #a1a1a8; }
12364   #course-category-listings #course-listing .listitem .coursename {
12365     display: inline-block; }
12366   #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
12367   #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
12368     display: none; }
12369   #course-category-listings #course-listing .bulk-action-checkbox {
12370     margin: -2px 6px 0 0; }
12371   #course-category-listings #category-listing .listitem.collapsed > ul.ml {
12372     display: none; }
12373   #course-category-listings #category-listing .listitem > div > .ba-checkbox {
12374     width: 2.2em;
12375     text-align: center;
12376     margin: -1px 0.5em 0 0;
12377     padding-top: 2px; }
12378   #course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
12379     background-color: rgba(0, 0, 0, 0.075); }
12380   #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
12381     margin: 0 0.5em 0 0;
12382     padding: 0;
12383     background-color: inherit; }
12384   #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
12385   #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
12386     display: none; }
12387   #course-category-listings #category-listing .course-count {
12388     color: #a1a1a8;
12389     margin-right: 2rem;
12390     min-width: 3.5em;
12391     display: inline-block; }
12392   #course-category-listings #category-listing .bulk-action-checkbox {
12393     margin-right: -3px; }
12394   #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
12395     position: relative; }
12396   #course-category-listings #category-listing .category-bulk-actions {
12397     margin: 0 0.5em 0.5em;
12398     position: relative; }
12399   #course-category-listings .detail-pair > * {
12400     display: inline-block; }
12401   #course-category-listings .detail-pair .pair-key {
12402     font-weight: bold;
12403     vertical-align: top; }
12404     #course-category-listings .detail-pair .pair-key span {
12405       margin-right: 1rem;
12406       display: block; }
12407   #course-category-listings .detail-pair .pair-value select {
12408     max-width: 100%; }
12409   #course-category-listings .bulk-actions .detail-pair > * {
12410     display: block;
12411     width: 100%; }
12412   #course-category-listings .listing-pagination {
12413     text-align: center; }
12414     #course-category-listings .listing-pagination .yui3-button {
12415       color: #212529;
12416       background-color: #5bc0de;
12417       border-color: #5bc0de;
12418       border: 0;
12419       margin: 0.4rem 0.2rem 0.45rem;
12420       font-size: 10.4px; }
12421       #course-category-listings .listing-pagination .yui3-button:hover {
12422         color: #fff;
12423         background-color: #3bb4d8;
12424         border-color: #31b0d5; }
12425       #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
12426         box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
12427       #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
12428         color: #212529;
12429         background-color: #5bc0de;
12430         border-color: #5bc0de; }
12431       #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active,
12432       .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
12433         color: #fff;
12434         background-color: #31b0d5;
12435         border-color: #2aaacf; }
12436         #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,
12437         .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
12438           box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
12439       #course-category-listings .listing-pagination .yui3-button.active-page {
12440         color: #fff;
12441         background-color: #1177d1;
12442         border-color: #1177d1; }
12443         #course-category-listings .listing-pagination .yui3-button.active-page:hover {
12444           color: #fff;
12445           background-color: #0e63ae;
12446           border-color: #0d5ca2; }
12447         #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
12448           box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
12449         #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
12450           color: #fff;
12451           background-color: #1177d1;
12452           border-color: #1177d1; }
12453         #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,
12454         .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
12455           color: #fff;
12456           background-color: #0d5ca2;
12457           border-color: #0c5596; }
12458           #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,
12459           .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
12460             box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
12461   #course-category-listings .listing-pagination-totals {
12462     text-align: center; }
12463     #course-category-listings .listing-pagination-totals.dimmed {
12464       margin: 0.4rem 1rem 0.45rem; }
12465   #course-category-listings .select-a-category .notifymessage,
12466   #course-category-listings .select-a-category .alert,
12467   #course-category-listings .select-a-category #page-admin-index .releasenoteslink,
12468   #page-admin-index #course-category-listings .select-a-category .releasenoteslink,
12469   #course-category-listings .select-a-category #page-admin-index .adminwarning,
12470   #page-admin-index #course-category-listings .select-a-category .adminwarning,
12471   #course-category-listings .select-a-category #page-admin-index .adminerror,
12472   #page-admin-index #course-category-listings .select-a-category .adminerror,
12473   #course-category-listings .select-a-category .que .formulation,
12474   .que #course-category-listings .select-a-category .formulation,
12475   #course-category-listings .select-a-category .que .outcome,
12476   .que #course-category-listings .select-a-category .outcome,
12477   #course-category-listings .select-a-category .que .comment,
12478   .que #course-category-listings .select-a-category .comment,
12479   #course-category-listings .select-a-category .assignfeedback_editpdf_widget .label,
12480   .assignfeedback_editpdf_widget #course-category-listings .select-a-category .label {
12481     margin: 1em; }
12482
12483 #course-category-listings #course-listing .listitem .drag-handle {
12484   display: none; }
12485
12486 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
12487   display: inline-block;
12488   margin: 0 6px 0 0;
12489   cursor: pointer; }
12490
12491 /** Management header styling **/
12492 .coursecat-management-header {
12493   vertical-align: middle; }
12494   .coursecat-management-header h2 {
12495     display: inline-block;
12496     text-align: left; }
12497   .coursecat-management-header > div {
12498     display: inline-block;
12499     float: right; }
12500     .coursecat-management-header > div > div {
12501       margin: 10px 0 10px 1em;
12502       display: inline-block; }
12503   .coursecat-management-header select {
12504     max-width: 300px;
12505     cursor: pointer;
12506     padding: 0.4em 0.5em 0.45em 1em;
12507     vertical-align: baseline;
12508     white-space: nowrap; }
12509   .coursecat-management-header .view-mode-selector .moodle-actionmenu {
12510     white-space: nowrap;
12511     display: inline-block; }
12512   .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
12513     padding-left: 1em; }
12514
12515 .course-being-dragged-proxy {
12516   border: 0;
12517   color: #1177d1;
12518   vertical-align: middle;
12519   padding: 0 0 0 4em; }
12520
12521 .course-being-dragged {
12522   opacity: 0.5; }
12523
12524 /**
12525  * Display sizes:
12526  * Large displays                   1200        +
12527  * Default displays                  980     1199
12528  * Tablets                           768      979
12529  * Small tablets and large phones    481      767
12530  * Phones                              0      480
12531  */
12532 @media (min-width: 1200px) and (max-width: 1600px) {
12533   #course-category-listings.columns-3 {
12534     background-color: #fff;
12535     border: 0; }
12536     #course-category-listings.columns-3 #category-listing,
12537     #course-category-listings.columns-3 #course-listing {
12538       width: 50%; }
12539     #course-category-listings.columns-3 #category-listing > div,
12540     #course-category-listings.columns-3 #course-listing > div,
12541     #course-category-listings.columns-3 #course-detail > div {
12542       background-color: #fff; }
12543     #course-category-listings.columns-3 #course-detail {
12544       width: 100%;
12545       margin-top: 1em; } }
12546
12547 @media (max-width: 1199px) {
12548   #course-category-listings.columns-2,
12549   #course-category-listings.columns-3 {
12550     border: 0; }
12551     #course-category-listings.columns-2 #category-listing,
12552     #course-category-listings.columns-2 #course-listing,
12553     #course-category-listings.columns-2 #course-detail,
12554     #course-category-listings.columns-3 #category-listing,
12555     #course-category-listings.columns-3 #course-listing,
12556     #course-category-listings.columns-3 #course-detail {
12557       width: 100%;
12558       margin: 0 0 1em; } }
12559
12560 .page-settings-menu .menubar > a > .icon {
12561   width: auto;
12562   height: 32px;
12563   font-size: 32px; }
12564
12565 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
12566 :target::before {
12567   content: " ";
12568   display: block;
12569   height: 60px;
12570   /* fixed header height*/
12571   margin-top: -60px;
12572   /* negative fixed header height */
12573   width: 1px;
12574   pointer-events: none; }
12575
12576 .pagelayout-embedded :target {
12577   padding-top: initial;
12578   margin-top: initial; }
12579
12580 #nav-drawer.closed {
12581   left: -305px; }
12582
12583 #page {
12584   margin-top: 50px; }
12585
12586 /* Use a variable for the drawer background colors. */
12587 [data-region="drawer"] {
12588   position: fixed;
12589   padding: 20px 20px;
12590   width: 285px;
12591   top: 50px;
12592   height: calc(100% - 50px);
12593   overflow-y: auto;
12594   -webkit-overflow-scrolling: touch;
12595   z-index: 999;
12596   background-color: #f2f2f2;
12597   -webkit-transition: right 0.5s ease, left 0.5s ease;
12598   -moz-transition: right 0.5s ease, left 0.5s ease;
12599   transition: right 0.5s ease, left 0.5s ease; }
12600
12601 #nav-drawer {
12602   right: auto;
12603   left: 0; }
12604
12605 #page {
12606   margin-top: 50px; }
12607
12608 .pagelayout-embedded #page {
12609   margin-top: 0; }
12610
12611 body.drawer-ease {
12612   -webkit-transition: margin-left 0.5s ease, margin-right 0.5s ease;
12613   -moz-transition: margin-left 0.5s ease, margin-right 0.5s ease;
12614   transition: margin-left 0.5s ease, margin-right 0.5s ease; }
12615
12616 @media (min-width: 768px) {
12617   body.drawer-open-left {
12618     margin-left: 285px; } }
12619
12620 @media (min-width: 768px) {
12621   body.drawer-open-right {
12622     margin-right: 285px; } }
12623
12624 #page-my-index {
12625   background-color: #f8f9fa; }
12626
12627 .fp-content-center {
12628   height: 100%;
12629   width: 100%;
12630   display: table-cell;
12631   vertical-align: middle; }
12632
12633 .fp-content-hidden {
12634   visibility: hidden; }
12635
12636 .yui3-panel-focused {
12637   outline: none; }
12638
12639 .fp-panel-button {
12640   background: #fff;
12641   padding: 3px 20px 2px 20px;
12642   text-align: center;
12643   margin: 10px;
12644   display: inline-block; }
12645
12646 .filepicker .yui3-widget-content-expanded {
12647   height: auto; }
12648
12649 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
12650 .filepicker .moodle-dialogue-bd {
12651   min-height: 520px; }
12652
12653 .file-picker .fp-navbar {
12654   border-bottom: 1px solid #e5e5e5;
12655   min-height: 40px;
12656   padding: 4px; }
12657
12658 .file-picker .fp-content {
12659   border-top: 0;
12660   background: #fff;
12661   clear: none;
12662   overflow: auto;
12663   height: 452px; }
12664
12665 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
12666   width: 100%; }
12667
12668 .file-picker .fp-content-loading {
12669   height: 100%;
12670   width: 100%;
12671   display: table;
12672   text-align: center; }
12673
12674 .file-picker .fp-content .fp-object-container {
12675   width: 98%;
12676   height: 98%; }
12677
12678 .file-picker .fp-def-search {
12679   margin-top: 0; }
12680
12681 .file-picker .fp-list {
12682   list-style-type: none;
12683   padding: 0;
12684   float: left;
12685   width: 100%;
12686   margin: 0; }
12687
12688 .file-picker .fp-list .fp-repo a {
12689   display: block;
12690   padding: .5em .7em; }
12691
12692 .file-picker .fp-list .fp-repo.active {
12693   background: #f2f2f2; }
12694
12695 .file-picker .fp-list .fp-repo-icon {
12696   padding: 0 7px 0 5px;
12697   width: 16px;
12698   height: 16px; }
12699
12700 .fp-toolbar {
12701   float: left; }
12702
12703 .fp-toolbar.empty {
12704   display: none; }
12705
12706 .fp-toolbar .disabled {
12707   display: none; }
12708
12709 .fp-toolbar div {
12710   display: block;
12711   float: left;
12712   margin-right: 4px; }
12713
12714 .fp-toolbar img {
12715   vertical-align: -15%;
12716   margin-right: 5px; }
12717
12718 .file-picker .fp-clear-left {
12719   clear: left; }
12720
12721 .fp-pathbar.empty {
12722   display: none; }
12723
12724 .fp-pathbar .fp-path-folder {
12725   background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
12726   background-size: 12px 12px;
12727   height: 12px;
12728   margin-left: 12px; }
12729
12730 /*rtl:raw:
12731 .fp-pathbar .fp-path-folder {
12732     background-image: url('[[pix:theme|fp/path_folder_rtl]]');
12733 }
12734 */
12735 .fp-pathbar .fp-path-folder-name {
12736   margin-left: 24px; }
12737
12738 .fp-iconview .fp-file {
12739   float: left;
12740   text-align: center;
12741   position: relative;
12742   margin: 10px 10px 35px; }
12743
12744 .fp-iconview .fp-thumbnail {
12745   min-width: 110px;
12746   min-height: 110px;
12747   line-height: 110px;
12748   text-align: center;
12749   border: 1px solid #fff;
12750   display: block; }
12751
12752 .fp-iconview .fp-thumbnail img {
12753   border: 1px solid #ddd;
12754   padding: 3px;
12755   vertical-align: middle; }
12756
12757 .fp-iconview .fp-thumbnail:hover {
12758   background: #fff;
12759   border: 1px solid #ddd; }
12760
12761 .fp-iconview .fp-filename-field {
12762   height: 33px;
12763   word-wrap: break-word;
12764   overflow: hidden;
12765   position: absolute; }
12766
12767 .fp-iconview .fp-file:focus .fp-filename-field,
12768 .fp-iconview .fp-file:hover .fp-filename-field {
12769   overflow: visible;
12770   z-index: 1000; }
12771
12772 .fp-iconview .fp-file:focus .fp-filename,
12773 .fp-iconview .fp-file:hover .fp-filename {
12774   overflow: inherit;
12775   white-space: normal;
12776   text-overflow: inherit; }
12777
12778 .fp-iconview .fp-filename-field .fp-filename {
12779   background: #fff;
12780   padding-top: 5px;
12781   padding-bottom: 12px;
12782   min-width: 112px; }
12783
12784 .file-picker .yui3-datatable table {
12785   border: 0 solid #bbb;
12786   width: 100%; }
12787
12788 .file-picker .ygtvtn,
12789 .filemanager .ygtvtn {
12790   /*rtl:remove*/
12791   background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
12792   /*rtl:raw:
12793     background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
12794     */
12795   width: 19px;
12796   height: 32px; }
12797
12798 .file-picker .ygtvtm,
12799 .filemanager .ygtvtm {
12800   background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
12801   /*rtl:raw:
12802         background-position: 2px 10px;
12803     */
12804   width: 13px;
12805   height: 12px;
12806   cursor: pointer; }
12807
12808 .file-picker .ygtvtmh,
12809 .filemanager .ygtvtmh {
12810   background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
12811   /*rtl:raw:
12812         background-position: 2px 10px;
12813     */
12814   width: 13px;
12815   height: 12px;
12816   cursor: pointer; }
12817
12818 .file-picker .ygtvtp,
12819 .filemanager .ygtvtp {
12820   /*rtl:remove*/
12821   background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
12822   /*rtl:raw:
12823     background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
12824     */
12825   width: 13px;
12826   height: 12px;
12827   cursor: pointer; }
12828
12829 .file-picker .ygtvtph,
12830 .filemanager .ygtvtph {
12831   /*rtl:remove*/
12832   background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
12833   /*rtl:raw:
12834     background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
12835     */
12836   width: 13px;
12837   height: 22px;
12838   cursor: pointer; }
12839
12840 .file-picker .ygtvln,
12841 .filemanager .ygtvln {
12842   /*rtl:remove*/
12843   background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
12844   /*rtl:raw:
12845     background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
12846     */
12847   width: 19px;
12848   height: 32px; }
12849
12850 .file-picker .ygtvlm,
12851 .filemanager .ygtvlm {
12852   background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
12853   /*rtl:raw:
12854         background-position: 2px 10px;
12855     */
12856   width: 13px;
12857   height: 12px;
12858   cursor: pointer; }
12859
12860 .file-picker .ygtvlmh,
12861 .filemanager .ygtvlmh {
12862   background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
12863   /*rtl:raw:
12864         background-position: 2px 10px;
12865     */
12866   width: 13px;
12867   height: 12px;
12868   cursor: pointer; }
12869
12870 .file-picker .ygtvlp,
12871 .filemanager .ygtvlp {
12872   /*rtl:remove*/
12873   background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
12874   /*rtl:raw:
12875     background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
12876     */
12877   width: 13px;
12878   height: 12px;
12879   cursor: pointer; }
12880
12881 .file-picker .ygtvlph,
12882 .filemanager .ygtvlph {
12883   /*rtl:remove*/
12884   background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
12885   /*rtl:raw:
12886     background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
12887     */
12888   width: 13px;
12889   height: 12px;
12890   cursor: pointer; }
12891
12892 .file-picker .ygtvloading,
12893 .filemanager .ygtvloading {
12894   background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
12895   width: 16px;
12896   height: 22px; }
12897
12898 .file-picker .ygtvdepthcell,
12899 .filemanager .ygtvdepthcell {
12900   background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
12901   /*rtl:raw:
12902     background-position: 0 0;
12903     */
12904   width: 17px;
12905   height: 32px; }
12906
12907 .file-picker .ygtvblankdepthcell,
12908 .filemanager .ygtvblankdepthcell {
12909   width: 17px;
12910   height: 22px; }
12911
12912 a.ygtvspacer:hover {
12913   color: transparent;
12914   text-decoration: none; }
12915
12916 .ygtvlabel,
12917 .ygtvlabel:link,
12918 .ygtvlabel:visited,
12919 .ygtvlabel:hover {
12920   background-color: transparent;
12921   cursor: pointer;
12922   margin-left: 2px;
12923   text-decoration: none; }
12924
12925 .file-picker .ygtvfocus,
12926 .filemanager .ygtvfocus {
12927   background-color: #eee; }
12928
12929 .fp-filename-icon {
12930   margin-top: 10px;
12931   display: block;
12932   position: relative; }
12933
12934 .fp-icon {
12935   float: left;
12936   margin-top: -7px;
12937   width: 24px;
12938   height: 24px;
12939   margin-right: 10px;
12940   text-align: center;
12941   line-height: 24px; }
12942
12943 .fp-icon img {
12944   max-height: 24px;
12945   max-width: 24px;
12946   vertical-align: middle; }
12947
12948 .fp-filename {
12949   padding-right: 10px; }
12950
12951 .file-picker .fp-login-form {
12952   height: 100%;
12953   width: 100%;
12954   display: table; }
12955
12956 .file-picker .fp-upload-form {
12957   height: 100%;
12958   width: 100%;
12959   display: table; }
12960
12961 .file-picker .fp-upload-form table {
12962   margin: 0 auto; }
12963
12964 .file-picker.fp-dlg {
12965   text-align: center; }
12966
12967 .file-picker.fp-dlg .fp-dlg-buttons {
12968   margin: 0 20px; }
12969
12970 .file-picker.fp-msg {
12971   text-align: center; }
12972
12973 .file-picker .fp-content-error {
12974   height: 100%;
12975   width: 100%;
12976   display: table;
12977   text-align: center; }
12978
12979 .file-picker .fp-nextpage {
12980   clear: both; }
12981
12982 .file-picker .fp-nextpage .fp-nextpage-loading {
12983   display: none; }
12984
12985 .file-picker .fp-nextpage.loading .fp-nextpage-link {
12986   display: none; }
12987
12988 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
12989   display: block;
12990   text-align: center;
12991   height: 100px;
12992   padding-top: 50px; }
12993
12994 .fp-select .fp-select-loading {
12995   text-align: center;
12996   margin-top: 20px; }
12997
12998 .fp-select table {
12999   padding: 0 0 10px; }
13000
13001 .fp-select table .mdl-right {
13002   min-width: 84px; }
13003
13004 .fp-select .fp-reflist .mdl-right {
13005   vertical-align: top; }
13006
13007 .fp-select .fp-select-buttons {
13008   float: right; }
13009
13010 .fp-select .fp-info {
13011   font-size: 0.703125rem; }
13012
13013 .fp-select .fp-thumbnail {
13014   float: left;
13015   min-width: 110px;
13016   min-height: 110px;
13017   line-height: 110px;
13018   text-align: center;
13019   margin: 10px 20px 0 0;
13020   background: #fff;
13021   border: 1px solid #ddd; }
13022
13023 .fp-select .fp-thumbnail img {
13024   border: 1px solid #ddd;
13025   padding: 3px;
13026   vertical-align: middle;
13027   margin: 10px; }
13028
13029 .fp-select .fp-fileinfo {
13030   display: inline-block;
13031   margin-top: 10px; }
13032
13033 .file-picker.fp-select .fp-fileinfo {
13034   max-width: 240px; }
13035
13036 .fp-select .fp-fileinfo div {
13037   padding-bottom: 5px; }
13038
13039 .file-picker.fp-select .uneditable {
13040   display: none; }
13041
13042 .file-picker.fp-select .fp-select-loading {
13043   display: none; }
13044
13045 .file-picker.fp-select.loading .fp-select-loading {
13046   display: block; }
13047
13048 .file-picker.fp-select.loading form {
13049   display: none; }
13050
13051 .fp-select .fp-dimensions.fp-unknown {
13052   display: none; }
13053
13054 .fp-select .fp-size.fp-unknown {
13055   display: none; }
13056
13057 .filemanager-loading {
13058   display: none; }
13059
13060 .jsenabled .filemanager-loading {
13061   display: block;
13062   margin-top: 100px; }
13063
13064 .filemanager.fm-loading .filemanager-toolbar,
13065 .filemanager.fm-loading .fp-pathbar,
13066 .filemanager.fm-loading .filemanager-container,
13067 .filemanager.fm-loaded .filemanager-loading,
13068 .filemanager.fm-maxfiles .fp-btn-add,
13069 .filemanager.fm-maxfiles .dndupload-message,
13070 .filemanager.fm-noitems .fp-btn-download,
13071 .filemanager .fm-empty-container,
13072 .filemanager.fm-noitems .filemanager-container .fp-content {
13073   display: none; }
13074
13075 .filemanager .fp-img-downloading {
13076   display: none;
13077   padding-top: 7px; }
13078
13079 .filemanager .filemanager-updating {
13080   display: none;
13081   text-align: center; }
13082
13083 .filemanager.fm-updating .filemanager-updating {
13084   display: block;
13085   margin-top: 37px; }
13086
13087 .filemanager.fm-updating .fm-content-wrapper,
13088 .filemanager.fm-nomkdir .fp-btn-mkdir,
13089 .fitem.disabled .filemanager .filemanager-toolbar,
13090 .fitem.disabled .filemanager .fp-pathbar,
13091 .fitem.disabled .filemanager .fp-restrictions,
13092 .fitem.disabled .filemanager .fm-content-wrapper {
13093   display: none; }
13094
13095 .filemanager .fp-restrictions {
13096   text-align: right; }
13097
13098 .filemanager-toolbar {
13099   padding: 4px;
13100   overflow: hidden; }
13101
13102 .filemanager .fp-pathbar.empty {
13103   display: none; }
13104
13105 .filepicker-filelist,
13106 .filemanager-container {
13107   min-height: 140px;
13108   border-top: 0; }
13109
13110 .filemanager .fp-content {
13111   overflow: auto;
13112   max-height: 472px;
13113   min-height: 157px; }
13114
13115 .filemanager-container,
13116 .filepicker-filelist {
13117   overflow: hidden; }
13118
13119 .file-picker .yui3-datatable-header {
13120   background: initial; }
13121
13122 .fitem.disabled .filepicker-filelist,
13123 .fitem.disabled .filemanager-container {
13124   background-color: #ebebe4; }
13125
13126 .fitem.disabled .filepicker-filelist .filepicker-filename {
13127   display: none; }
13128
13129 .fp-iconview .fp-reficons1 {
13130   position: absolute;
13131   height: 100%;
13132   width: 100%;
13133   top: 0;
13134   left: 0; }
13135
13136 .fp-iconview .fp-reficons2 {
13137   position: absolute;
13138   height: 100%;
13139   width: 100%;
13140   top: 0;
13141   left: 0; }
13142
13143 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
13144   background: url("[[pix:theme|fp/link]]") no-repeat;
13145   /*rtl:raw:
13146     transform: scaleX(-1);
13147     */
13148   /*rtl:ignore*/
13149   background-position: bottom right;
13150   background-size: 16px 16px; }
13151
13152 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
13153   background: url("[[pix:theme|fp/alias]]") no-repeat;
13154   /*rtl:raw:
13155     transform: scaleX(-1);
13156     */
13157   /*rtl:ignore*/
13158   background-position: bottom left;
13159   background-size: 16px 16px; }
13160
13161 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
13162   display: none; }
13163
13164 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
13165   background: url([[pix:s/dead]]) no-repeat;
13166   background-position: center center; }
13167
13168 .filemanager .yui3-datatable table {
13169   border: 0 solid #bbb;
13170   width: 100%; }
13171
13172 /* Override YUI default styling */
13173 /* stylelint-disable declaration-no-important */
13174 .filemanager .yui3-datatable-header {
13175   background: #fff !important;
13176   border-bottom: 1px solid #ccc !important;
13177   border-left: 0 solid #fff !important;
13178   color: #555 !important; }
13179
13180 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
13181   background-color: #f6f6f6 !important;
13182   border-left: 0 solid #f6f6f6; }
13183
13184 .filemanager .yui3-datatable-even .yui3-datatable-cell {
13185   background-color: #fff !important;
13186   border-left: 0 solid #fff; }
13187
13188 /* stylelint-enable */
13189 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
13190   background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
13191   height: 100%;
13192   width: 100%;
13193   /*rtl:raw:
13194     transform: scaleX(-1);
13195     */
13196   position: absolute;
13197   top: 8px;
13198   left: 17px;
13199   background-size: 16px 16px; }
13200
13201 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
13202   background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
13203   height: 100%;
13204   width: 100%;
13205   /*rtl:raw:
13206     transform: scaleX(-1);
13207     */
13208   position: absolute;
13209   top: 9px;
13210   left: -6px;
13211   background-size: 16px 16px; }
13212
13213 .filemanager .fp-contextmenu {
13214   display: none; }
13215
13216 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
13217   display: block;
13218   position: absolute;
13219   right: 7px;
13220   bottom: 5px; }
13221
13222 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
13223 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
13224   display: inline;
13225   position: absolute;
13226   left: 14px;
13227   margin-right: -20px;
13228   top: 6px; }
13229
13230 .filepicker-filelist .filepicker-container,
13231 .filemanager.fm-noitems .fm-empty-container {
13232   display: block;
13233   position: absolute;
13234   top: 10px;
13235   bottom: 10px;
13236   left: 10px;
13237   right: 10px;
13238   border: 2px dashed #bbb;
13239   padding-top: 85px;
13240   text-align: center; }
13241
13242 .filepicker-filelist .dndupload-target,
13243 .filemanager-container .dndupload-target {
13244   background: #fff;
13245   position: absolute;
13246   top: 10px;
13247   bottom: 10px;
13248   left: 10px;
13249   right: 10px;
13250   border: 2px dashed #fb7979;
13251   padding-top: 85px;
13252   text-align: center; }
13253
13254 .filepicker-filelist.dndupload-over .dndupload-target,
13255 .filemanager-container.dndupload-over .dndupload-target {
13256   background: #fff;
13257   position: absolute;
13258   top: 10px;
13259   bottom: 10px;
13260   left: 10px;
13261   right: 10px;
13262   border: 2px dashed #6c8cd3;
13263   padding-top: 85px;
13264   text-align: center; }
13265
13266 .dndupload-message {
13267   display: none; }
13268
13269 .dndsupported .dndupload-message {
13270   display: inline; }
13271
13272 .dnduploadnotsupported-message {
13273   display: none; }
13274
13275 .dndnotsupported .dnduploadnotsupported-message {
13276   display: inline; }
13277
13278 .dndupload-target {
13279   display: none; }
13280
13281 .dndsupported .dndupload-ready .dndupload-target {
13282   display: block; }
13283
13284 .dndupload-uploadinprogress {
13285   display: none;
13286   text-align: center; }
13287
13288 .dndupload-uploading .dndupload-uploadinprogress {
13289   display: block; }
13290
13291 .dndupload-arrow {
13292   background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
13293   width: 100%;
13294   height: 80px;
13295   position: absolute;
13296   top: 5px; }
13297
13298 .fitem.disabled .filepicker-container,
13299 .fitem.disabled .fm-empty-container {
13300   display: none; }
13301
13302 .dndupload-progressbars {
13303   padding: 10px;
13304   display: none; }
13305
13306 .dndupload-inprogress .dndupload-progressbars {
13307   display: block; }
13308
13309 .dndupload-inprogress .fp-content {
13310   display: none; }
13311
13312 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
13313   display: none; }
13314
13315 .filepicker-filelist.dndupload-inprogress .filepicker-container {
13316   display: none; }
13317
13318 .filepicker-filelist.dndupload-inprogress a {
13319   display: none; }
13320
13321 .filemanager.fp-select .fp-select-loading {
13322   display: none; }
13323
13324 .filemanager.fp-select.loading .fp-select-loading {
13325   display: block; }
13326
13327 .filemanager.fp-select.loading form {
13328   display: none; }
13329
13330 .filemanager.fp-select.fp-folder .fp-license,
13331 .filemanager.fp-select.fp-folder .fp-author,
13332 .filemanager.fp-select.fp-file .fp-file-unzip,
13333 .filemanager.fp-select.fp-folder .fp-file-unzip,
13334 .filemanager.fp-select.fp-file .fp-file-zip,
13335 .filemanager.fp-select.fp-zip .fp-file-zip {
13336   display: none; }
13337
13338 .filemanager.fp-select .fp-file-setmain,
13339 .filemanager.fp-select .fp-file-setmain-help {
13340   display: none; }
13341
13342 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
13343 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
13344   display: inline-block; }
13345
13346 .filemanager .fp-mainfile .fp-filename {
13347   font-weight: bold; }
13348
13349 .filemanager.fp-select.fp-folder .fp-file-download {
13350   display: none; }
13351
13352 .fm-operation {
13353   font-weight: bold; }
13354
13355 .filemanager.fp-select .fp-original.fp-unknown,
13356 .filemanager.fp-select .fp-original .fp-originloading {
13357   display: none; }
13358
13359 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
13360   display: inline; }
13361
13362 .filemanager.fp-select .fp-reflist.fp-unknown,
13363 .filemanager.fp-select .fp-reflist .fp-reflistloading {
13364   display: none; }
13365
13366 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
13367   display: inline; }
13368
13369 .filemanager.fp-select .fp-reflist .fp-value {
13370   background: #f9f9f9;
13371   border: 1px solid #bbb;
13372   padding: 8px 7px;
13373   margin: 0;
13374   max-height: 75px;
13375   overflow: auto; }
13376
13377 .filemanager.fp-select .fp-reflist .fp-value li {
13378   padding-bottom: 7px; }
13379
13380 .filemanager.fp-mkdir-dlg {
13381   text-align: center; }
13382
13383 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
13384   text-align: left;
13385   margin: 20px; }
13386
13387 .filemanager.fp-dlg {
13388   text-align: center; }
13389
13390 .file-picker div.bd {
13391   text-align: left; }
13392
13393 .fp-formset {
13394   padding: 10px; }
13395   .fp-formset input[type="file"] {
13396     line-height: inherit; }
13397
13398 .fp-forminset {
13399   padding: 0 10px; }
13400
13401 .fp-fileinfo .fp-value {
13402   display: inline-block;
13403   padding-left: 5px; }
13404
13405 /** The message area **/
13406 .hidden {
13407   display: none; }
13408
13409 .preferences-container .container-fluid {
13410   padding: 0; }
13411   .preferences-container .container-fluid .col-md-6 {
13412     min-height: 20px; }
13413
13414 .preferences-container .align-bottom {
13415   vertical-align: bottom; }
13416
13417 .preferences-container .preference-table {
13418   border: 1px solid #ddd; }
13419   .preferences-container .preference-table thead th {
13420     text-align: center; }
13421     .preferences-container .preference-table thead th .config-warning {
13422       display: none; }
13423     .preferences-container .preference-table thead th.unconfigured .config-warning {
13424       display: inline-block; }
13425   .preferences-container .preference-table tr td:not(:first-child) {
13426     width: 150px;
13427     text-align: center; }
13428   .preferences-container .preference-table tr td:nth-child(even) {
13429     background-color: #f7f7f7; }
13430   .preferences-container .preference-table tr th:nth-child(even) {
13431     background-color: #f7f7f7; }
13432   .preferences-container .preference-table .preference-row .hover-tooltip-container {
13433     display: inline-block; }
13434   .preferences-container .preference-table .preference-row .preference-name {
13435     vertical-align: middle; }
13436   .preferences-container .preference-table .preference-row .disabled-message {
13437     text-align: center;
13438     height: 30px;
13439     line-height: 30px; }
13440   .preferences-container .preference-table .preference-row .preference-state {
13441     margin: 0;
13442     padding: 0;
13443     display: inline-block;
13444     vertical-align: middle; }
13445     .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
13446       background-color: #5cb85c; }
13447       .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
13448         display: inline-block; }
13449       .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
13450         display: none; }
13451     .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
13452       width: 30px;
13453       height: 30px;
13454       line-height: 30px;
13455       text-align: center;
13456       border-radius: 4px;
13457       background-color: #d9534f;
13458       color: #fff;
13459       cursor: pointer; }
13460       .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
13461         display: none; }
13462       .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
13463         display: none; }
13464       .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
13465         display: inline-block; }
13466     .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text,
13467     .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
13468       display: none; }
13469     .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
13470     .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
13471       display: none; }
13472     .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
13473       display: block; }
13474   .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
13475     display: block; }
13476
13477 .disabled-message {
13478   display: none; }
13479
13480 .disabled .disabled-message {
13481   display: block; }
13482   .disabled .disabled-message + form {
13483     display: none; }
13484
13485 .general-settings-container .loading-icon {
13486   display: none; }
13487
13488 .general-settings-container .loading .loading-icon {
13489   display: inline-block; }
13490
13491 .general-settings-container label {
13492   display: inline-block; }
13493
13494 .processor-container {
13495   position: relative; }
13496   .processor-container .loading-container {
13497     display: none;
13498     position: absolute;
13499     width: 100%;
13500     height: 100%;
13501     text-align: center;
13502     background-color: rgba(255, 255, 255, 0.5); }
13503     .processor-container .loading-container .vertical-align {
13504       height: 100%;
13505       width: 0%;
13506       display: inline-block;
13507       vertical-align: middle; }
13508   .processor-container.loading .loading-container {
13509     display: block; }
13510
13511 .preferences-page-container .checkbox-container {
13512   margin: 30px 5px;
13513   line-height: 20px; }
13514   .preferences-page-container .checkbox-container input {
13515     line-height: 20px;
13516     margin: 0; }
13517   .preferences-page-container .checkbox-container .loading-icon {
13518     display: none; }
13519   .preferences-page-container .checkbox-container.loading .loading-icon {
13520     display: inline-block; }
13521
13522 .notification-area {
13523   height: 600px;
13524   box-sizing: border-box;
13525   border-radius: 4px;
13526   margin-bottom: 30px;
13527   border: 1px solid #e3e3e3; }
13528   @media (max-height: 670px) {
13529     .notification-area {
13530       height: 500px; } }
13531   .notification-area .control-area {
13532     box-sizing: border-box;
13533     display: inline-block;
13534     width: 300px;
13535     height: 100%;
13536     overflow: auto;
13537     -webkit-overflow-scrolling: touch;
13538     border-right: 1px solid #e3e3e3; }
13539     .notification-area .control-area .content {
13540       position: relative; }
13541       .notification-area .control-area .content .content-item-container {
13542         cursor: pointer; }
13543       .notification-area .control-area .content:empty + .empty-text {
13544         display: block; }
13545     .notification-area .control-area .loading-icon {
13546       display: none; }
13547     .notification-area .control-area .empty-text {
13548       display: none;
13549       text-align: center;
13550       padding-top: 20px; }
13551     .notification-area .control-area.loading .loading-icon {
13552       display: block;
13553       text-align: center;
13554       box-sizing: border-box;
13555       padding: 5px; }
13556     .notification-area .control-area.loading .content:empty + .empty-text {
13557       display: none; }
13558   .notification-area .content-area {
13559     box-sizing: border-box;
13560     display: inline-block;
13561     width: calc(100% - 300px);
13562     float: right; }
13563     .notification-area .content-area .toggle-mode {
13564       display: none; }
13565     .notification-area .content-area .header {
13566       height: 50px;
13567       box-sizing: border-box;
13568       border-bottom: 1px solid #e3e3e3;
13569       padding: 5px; }
13570       .notification-area .content-area .header .image-container {
13571         display: inline-block;
13572         height: 25px;
13573         width: 24px;
13574         float: left; }
13575       .notification-area .content-area .header .subject-container {
13576         display: inline-block;
13577         max-width: calc(100% - 24px);
13578         white-space: nowrap;
13579         overflow: hidden;
13580         text-overflow: ellipsis;
13581         height: 25px;
13582         padding-left: 5px;
13583         box-sizing: border-box; }
13584       .notification-area .content-area .header .timestamp {
13585         font-size: 10px;
13586         line-height: 10px;
13587         margin: 0;
13588         color: #666;
13589         margin-left: 30px; }
13590       .notification-area .content-area .header:empty {
13591         display: none; }
13592     .notification-area .content-area > .content {
13593       height: 500px;
13594       box-sizing: border-box;
13595       overflow: auto;
13596       -webkit-overflow-scrolling: touch;
13597       padding: 15px; }
13598       @media (max-height: 670px) {
13599         .notification-area .content-area > .content {
13600           height: 400px; } }
13601       .notification-area .content-area > .content:empty {
13602         display: none; }
13603         .notification-area .content-area > .content:empty + .empty-text {
13604           display: block;
13605           text-align: center;
13606           padding-top: 100px; }
13607     .notification-area .content-area .empty-text {
13608       display: none; }
13609     .notification-area .content-area .footer {
13610       height: 50px;
13611       box-sizing: border-box;
13612       text-align: center; }
13613       .notification-area .content-area .footer a {
13614         line-height: 50px; }
13615       .notification-area .content-area .footer:empty {
13616         display: none; }
13617
13618 @media (max-width: 979px) {
13619   .notification-area {
13620     position: relative;
13621     overflow: hidden; }
13622     .notification-area .control-area {
13623       border-right: none;
13624       width: 100%;
13625       position: absolute;
13626       top: 0;
13627       left: 0;
13628       opacity: 1;
13629       visibility: visible;
13630       transition: left 0.25s; }
13631     .notification-area .content-area {
13632       width: 100%;
13633       position: absolute;
13634       top: 0;
13635       right: -100%;
13636       opacity: 0;
13637       visibility: hidden;
13638       transition: right 0.25s, opacity 0.25s, visibility 0.25s; }
13639       .notification-area .content-area .toggle-mode {
13640         display: inline-block;
13641         float: left;
13642         width: 70px;
13643         height: 50px;
13644         line-height: 50px;
13645         box-sizing: border-box;
13646         border-right: 1px solid #e3e3e3;
13647         border-bottom: 1px solid #e3e3e3; }
13648       .notification-area .content-area .header {
13649         display: inline-block;
13650         width: calc(100% - 70px); }
13651     .notification-area.show-content-area .control-area {
13652       left: -100%;
13653       opacity: 0;
13654       visibility: hidden;
13655       transition: left 0.25s, opacity 0.25s, visibility 0.25s; }
13656     .notification-area.show-content-area .content-area {
13657       right: 0;
13658       opacity: 1;
13659       visibility: visible;
13660       transition: right 0.25s; } }
13661
13662 .message-app {
13663   display: flex;
13664   flex-direction: column;
13665   transition: all 0.2s ease-in-out; }
13666   .message-app .icon-back-in-drawer {
13667     display: none; }
13668   .message-app.drawer {
13669     z-index: 1020;
13670     position: fixed;
13671     top: 50px;
13672     right: 0;
13673     height: calc(100% - 50px);
13674     width: 320px;
13675     box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }
13676     .message-app.drawer .icon-back-in-app {
13677       display: none; }
13678     .message-app.drawer .icon-back-in-drawer {
13679       display: inherit; }
13680   .message-app.main {
13681     min-height: 400px; }
13682   .message-app.hidden {
13683     display: block;
13684     right: -320px; }
13685   .message-app .header-container {
13686     flex-shrink: 0; }
13687   .message-app .body-container {
13688     flex: 1;
13689     overflow: hidden; }
13690     .message-app .body-container > * {
13691       position: absolute;
13692       right: 0;
13693       left: 0;
13694       top: 0;
13695       bottom: 0; }
13696   .message-app .footer-container {
13697     flex-shrink: 0;
13698     overflow-x: hidden; }
13699     .message-app .footer-container textarea {
13700       direction: ltr; }
13701   .message-app .matchtext {
13702     background-color: #b5d9f9;
13703     color: #373a3c;
13704     height: 1.5rem; }
13705   .message-app .contact-status {
13706     position: absolute;
13707     left: 39px;
13708     top: 39px;
13709     width: 10px;
13710     height: 10px;
13711     border-radius: 50%; }
13712     .message-app .contact-status.online {
13713       border: 1px solid #fff;
13714       background-color: #5cb85c; }
13715   .message-app .message p {
13716     margin: 0; }
13717   .message-app .clickable {
13718     cursor: pointer; }
13719     .message-app .clickable:hover {
13720       box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05), 3px 3px 5px -2px rgba(0, 0, 0, 0.1), 1px 1px 5px 0 rgba(0, 0, 0, 0.03); }
13721   .message-app a,
13722   .message-app .btn-link {
13723     color: inherit; }
13724   .message-app .btn-link:hover, .message-app .btn-link:focus {
13725     background-color: rgba(0, 0, 0, 0.035);
13726     text-decoration: none; }
13727   .message-app .icon {
13728     margin-right: 0; }
13729   .message-app .overview-section-toggle .collapsed-icon-container {
13730     display: none; }
13731   .message-app .overview-section-toggle .expanded-icon-container {
13732     display: inline-block; }
13733   .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
13734     display: inline-block; }
13735   .message-app .overview-section-toggle.collapsed .expanded-icon-container {
13736     display: none; }
13737   .message-app .btn.btn-link.btn-icon, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-link.btn-icon, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.addcriterion {
13738     height: 16px;
13739     width: 16px;
13740     padding: 0;
13741     border-radius: 50%;
13742     flex-shrink: 0; }
13743     .message-app .btn.btn-link.btn-icon:hover, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.action:hover, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-link.btn-icon:hover, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.addcriterion:hover, .message-app .btn.btn-link.btn-icon:focus, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.action:focus, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-link.btn-icon:focus, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.addcriterion:focus {
13744       background-color: #e9ecef; }
13745     .message-app .btn.btn-link.btn-icon.icon-size-0, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-0.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-0.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-0, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-link.btn-icon.icon-size-0, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-0.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-0.addcriterion {
13746       height: 20px !important;
13747       /* stylelint-disable-line declaration-no-important */
13748       width: 20px !important;
13749       /* stylelint-disable-line declaration-no-important */ }
13750     .message-app .btn.btn-link.btn-icon.icon-size-1, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-1.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-1.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-1, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-link.btn-icon.icon-size-1, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-1.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-1.addcriterion {
13751       height: 24px !important;
13752       /* stylelint-disable-line declaration-no-important */
13753       width: 24px !important;
13754       /* stylelint-disable-line declaration-no-important */ }
13755     .message-app .btn.btn-link.btn-icon.icon-size-2, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-2.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-2.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-2, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-link.btn-icon.icon-size-2, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-2.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-2.addcriterion {
13756       height: 28px !important;
13757       /* stylelint-disable-line declaration-no-important */
13758       width: 28px !important;
13759       /* stylelint-disable-line declaration-no-important */ }
13760     .message-app .btn.btn-link.btn-icon.icon-size-3, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-3.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-3.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-3, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-link.btn-icon.icon-size-3, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-3.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-3.addcriterion {
13761       height: 36px !important;
13762       /* stylelint-disable-line declaration-no-important */
13763       width: 36px !important;
13764       /* stylelint-disable-line declaration-no-important */ }
13765     .message-app .btn.btn-link.btn-icon.icon-size-4, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-4.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-4.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-4, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-link.btn-icon.icon-size-4, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-4.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-4.addcriterion {
13766       height: 44px !important;
13767       /* stylelint-disable-line declaration-no-important */
13768       width: 44px !important;
13769       /* stylelint-disable-line declaration-no-important */ }
13770     .message-app .btn.btn-link.btn-icon.icon-size-5, .message-app #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-5.action, #page-grade-grading-manage .actions .message-app .btn-link.btn-icon.icon-size-5.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-5, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-link.btn-icon.icon-size-5, .message-app #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-5.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-link.btn-icon.icon-size-5.addcriterion {
13771       height: 68px !important;
13772       /* stylelint-disable-line declaration-no-important */
13773       width: 68px !important;
13774       /* stylelint-disable-line declaration-no-important */ }
13775   .message-app .view-overview-body .section {
13776     display: block; }
13777     .message-app .view-overview-body .section.expanded {
13778       display: flex; }
13779   .message-app .view-conversation .content-message-container img {
13780     max-width: 100%; }
13781   .message-app .list-group .list-group-item {
13782     border-left: 0;
13783     border-right: 0; }
13784     .message-app .list-group .list-group-item:first-child {
13785       border-top: 0; }
13786     .message-app .list-group .list-group-item:last-child {
13787       border-bottom: 0; }
13788   .message-app .last-message {
13789     min-height: 1.5rem; }
13790   .message-app .section .collapsing {
13791     overflow: hidden; }
13792   .message-app .message .tail {
13793     content: '';
13794     bottom: 0;
13795     width: 0;
13796     height: 0;
13797     border: 0.5rem solid transparent;
13798     position: relative; }
13799   .message-app .message.send .tail {
13800     right: 0;
13801     margin-right: -0.5rem;
13802     border-bottom-color: #ced4da; }
13803   .message-app .message.received .tail {
13804     left: 0;
13805     margin-left: -0.5rem;
13806     border-bottom-color: #fff; }
13807   .message-app .lazy-load-list {
13808     overflow-y: auto; }
13809
13810 #page-message-index #region-main {
13811   height: 100%; }
13812   #page-message-index #region-main div[role="main"] {
13813     height: 100%; }
13814     #page-message-index #region-main div[role="main"] #maincontent {
13815       margin-top: -1px; }
13816     #page-message-index #region-main div[role="main"] .message-app.main {
13817       height: 100%; }
13818
13819 .dir-rtl .message-drawer {
13820   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); }
13821
13822 /* Question */
13823 .questionbank h2 {
13824   margin-top: 0; }
13825
13826 .questioncategories h3 {
13827   margin-top: 0; }
13828
13829 #chooseqtypebox {
13830   margin-top: 1em; }
13831
13832 #chooseqtype h3 {
13833   margin: 0 0 0.3em; }
13834
13835 #chooseqtype .instruction {
13836   display: none; }
13837
13838 #chooseqtype .fakeqtypes {
13839   border-top: 1px solid silver; }
13840
13841 #chooseqtype .qtypeoption {
13842   margin-bottom: 0.5em; }
13843
13844 #chooseqtype label {
13845   display: block; }
13846
13847 #chooseqtype .qtypename img {
13848   padding: 0 0.3em; }
13849
13850 #chooseqtype .qtypename {
13851   display: inline-table;
13852   width: 16em; }
13853
13854 #chooseqtype .qtypesummary {
13855   display: block;
13856   margin: 0 2em; }
13857
13858 #chooseqtype .submitbuttons {
13859   margin: 0.7em 0;
13860   text-align: center; }
13861
13862 #qtypechoicecontainer {
13863   display: none; }
13864
13865 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
13866   background: none; }
13867
13868 #qtypechoicecontainer.yui-panel .hd {
13869   color: #333;
13870   letter-spacing: 1px;
13871   text-shadow: 1px 1px 1px #fff;
13872   border: 1px solid #ccc;
13873   border-bottom: 1px solid #bbb;
13874   background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
13875   background-repeat: repeat-x; }
13876
13877 #qtypechoicecontainer {
13878   font-size: 12px;
13879   color: #333;
13880   background: #f2f2f2;
13881   border: 1px solid #ccc;
13882   border-top: 0 none; }
13883
13884 #qtypechoicecontainer #chooseqtype {
13885   width: 40em; }
13886
13887 #chooseqtypehead h3 {
13888   margin: 0;
13889   font-weight: normal; }
13890
13891 #chooseqtype .qtypes {
13892   position: relative;
13893   border-bottom: 1px solid #bbb;
13894   padding: 0.24em 0; }
13895
13896 #chooseqtype .alloptions {
13897   overflow-x: hidden;
13898   overflow-y: auto;
13899   max-height: calc(100vh - 15em);
13900   width: 60%; }
13901
13902 #chooseqtype .qtypeoption {
13903   margin-bottom: 0;
13904   padding: 0.3em 0.3em 0.3em 1.6em; }
13905
13906 #chooseqtype .qtypeoption img {
13907   vertical-align: text-bottom;
13908   padding-left: 1em;
13909   padding-right: 0.5em; }
13910
13911 #chooseqtype .selected {
13912   background-color: #fff; }
13913
13914 #chooseqtype .instruction,
13915 #chooseqtype .qtypesummary {
13916   display: none;
13917   position: absolute;
13918   top: 0;
13919   right: 0;
13920   bottom: 0;
13921   left: 60%;
13922   margin: 0;
13923   overflow-x: hidden;
13924   overflow-y: auto;
13925   padding: 1.5em 1.6em;
13926   background-color: #fff; }
13927
13928 #chooseqtype .instruction,
13929 #chooseqtype .selected .qtypesummary {
13930   display: block; }
13931
13932 #categoryquestions {
13933   margin: 0; }
13934   #categoryquestions td,
13935   #categoryquestions th {
13936     padding: 0 0.2em; }
13937   #categoryquestions th {
13938     text-align: left;
13939     font-weight: normal; }
13940   #categoryquestions .checkbox {
13941     padding-left: 5px; }
13942   #categoryquestions .checkbox input[type="checkbox"] {
13943     margin-left: 0;
13944     float: none; }
13945   #categoryquestions .iconcol {
13946     padding: 3px;
13947     box-sizing: content-box; }
13948     #categoryquestions .iconcol .icon {
13949       margin: 0;
13950       width: 12px;
13951       height: 12px; }
13952   #categoryquestions label {
13953     margin: 0;
13954     display: block; }
13955   #categoryquestions .header {
13956     text-align: left; }
13957
13958 #page-mod-quiz-edit div.questionbankwindow div.header {
13959   margin: 0; }
13960
13961 #page-mod-quiz-edit div.questionbankwindow.block {
13962   padding: 0; }
13963
13964 .questionbank .singleselect {
13965   margin: 0; }
13966
13967 /* Question editing form */
13968 #combinedfeedbackhdr div.fhtmleditor {
13969   padding: 0; }
13970
13971 #combinedfeedbackhdr div.fcheckbox {
13972   margin-bottom: 1em; }
13973
13974 #multitriesheader div.fitem_feditor {
13975   margin-top: 1em; }
13976
13977 #multitriesheader div.fitem_fgroup {
13978   margin-bottom: 1em; }
13979
13980 #multitriesheader div.fitem_fgroup fieldset.felement label {
13981   margin-left: 0.3em;
13982   margin-right: 0.3em; }
13983
13984 body.path-question-type {
13985   /* Hacks to display the labels within a form group. */ }
13986   body.path-question-type .fitem_fgroup .accesshide {
13987     font: inherit;
13988     position: static;
13989     padding-right: .3em; }
13990   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 .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 {
13991     position: static;
13992     width: auto;
13993     height: auto;
13994     padding: 0;
13995     margin: 0 0.5rem 0 0;
13996     overflow: visible;
13997     clip: auto;
13998     clip-path: none;
13999     border: 0; }
14000
14001 .que {
14002   clear: left;
14003   text-align: left;
14004   margin: 0 auto 1.8em auto; }
14005
14006 .que .info {
14007   float: left;
14008   width: 7em;
14009   padding: 0.5em;
14010   margin-bottom: 1.8em;
14011   background-color: #dee2e6;
14012   border: 1px solid #cad0d7; }
14013
14014 .que h3.no {
14015   margin: 0;
14016   font-size: 0.8em;
14017   line-height: 1; }
14018
14019 .que span.qno {
14020   font-size: 1.5em;
14021   font-weight: bold; }
14022
14023 .que .info > div {
14024   font-size: 0.8em;
14025   margin-top: 0.7em; }
14026
14027 .que .info .questionflag.editable {
14028   cursor: pointer; }
14029
14030 .que .info .editquestion img,
14031 .que .info .questionflag img,
14032 .que .info .questionflag input {
14033   vertical-align: bottom; }
14034
14035 .que .content {
14036   margin: 0 0 0 8.5em; }
14037
14038 .que.multichoice .answer div.r0 .icon.fa-check,
14039 .que.multichoice .answer div.r1 .icon.fa-check,
14040 .que.multichoice .answer div.r0 .icon.fa-remove,
14041 .que.multichoice .answer div.r1 .icon.fa-remove {
14042   text-indent: 0; }
14043
14044 .qtype_multichoice_clearchoice {
14045   padding-top: 10px; }
14046   .qtype_multichoice_clearchoice a {
14047     cursor: pointer;
14048     text-decoration: underline;
14049     padding-left: 30px; }
14050
14051 .formulation input[type="text"],
14052 .formulation select {
14053   width: auto;
14054   vertical-align: baseline; }
14055
14056 .que.multianswer .formulation .yui3-widget-positioned {
14057   box-sizing: content-box; }
14058   .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
14059     width: inherit;
14060     max-width: inherit; }
14061
14062 .path-mod-quiz input[size] {
14063   width: auto;
14064   max-width: 100%; }
14065
14066 .que .ablock {
14067   margin: 0.7em 0 0.3em 0; }
14068
14069 .que .im-controls {
14070   margin-top: 0.5em;
14071   text-align: left; }
14072
14073 .que .specificfeedback,
14074 .que .generalfeedback,
14075 .que .numpartscorrect .que .rightanswer,
14076 .que .im-feedback,
14077 .que .feedback,
14078 .que p {
14079   margin: 0 0 0.5em; }
14080
14081 .que .correctness.correct {
14082   background-color: #5cb85c; }
14083
14084 .que .correctness.partiallycorrect {
14085   background-color: #ff7518; }
14086
14087 .que .correctness.notanswered, .que .correctness.incorrect {
14088   background-color: #d9534f; }
14089
14090 .que .qtext {
14091   margin-bottom: 1.5em; }
14092
14093 .que .grading,
14094 .que .comment,
14095 .que .commentlink,
14096 .que .history {
14097   margin-top: 0.5em; }
14098
14099 .que .history h3 {
14100   margin: 0 0 0.2em;
14101   font-size: 1em; }
14102
14103 .que .history table {
14104   width: 100%;
14105   margin: 0; }
14106
14107 .que .history .current {
14108   font-weight: bold; }
14109
14110 .que .questioncorrectnessicon {
14111   vertical-align: text-bottom; }
14112
14113 .que input.questionflagimage {
14114   padding-right: 3px;
14115   height: 16px;
14116   width: 16px; }
14117
14118 .importerror {
14119   margin-top: 10px;
14120   border-bottom: 1px solid #555; }
14121
14122 .mform .que.comment .fitemtitle {
14123   width: 20%; }
14124
14125 #page-question-preview #techinfo {
14126   margin: 1em 0; }
14127
14128 #page-mod-quiz-edit ul.slots .activityinstance > a {
14129   display: inline;
14130   text-indent: 0;
14131   padding-left: 0; }
14132
14133 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
14134   margin-left: 0; }
14135
14136 #page-mod-quiz-edit .box.generalbox.questionbank {
14137   padding: 0.5em; }
14138
14139 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
14140 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
14141 #page-mod-quiz-edit .questionbank .choosecategory {
14142   padding: 0; }
14143
14144 #page-mod-quiz-edit .questionbank .choosecategory select {
14145   width: 100%; }
14146
14147 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
14148   background: transparent; }
14149
14150 #page-mod-quiz-edit #categoryquestions > thead {
14151   background: #fff; }
14152
14153 #page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
14154   background: #e4e4e4; }
14155
14156 #page-mod-quiz-edit .questionbankwindow div.header {
14157   color: #444;
14158   text-shadow: none;
14159   margin: 0 -10px 0 -10px;
14160   padding: 2px 10px 2px 10px;
14161   background: transparent;
14162   /* Old browsers */ }
14163
14164 #page-mod-quiz-edit .questionbankwindow div.header a:link,
14165 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
14166   color: #1177d1; }
14167
14168 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
14169   color: #0b4f8a; }
14170
14171 #page-mod-quiz-edit .createnewquestion {
14172   padding: 0.3em 0; }
14173   #page-mod-quiz-edit .createnewquestion div,
14174   #page-mod-quiz-edit .createnewquestion input {
14175     margin: 0; }
14176
14177 #page-mod-quiz-edit .questionbankwindow div.header .title {
14178   color: #373a3c; }
14179
14180 #page-mod-quiz-edit div.container div.generalbox {
14181   background-color: transparent;
14182   padding: 1.5em; }
14183
14184 #page-mod-quiz-edit .categoryinfo {
14185   background-color: transparent;
14186   border-bottom: none; }
14187
14188 #page-mod-quiz-edit .createnewquestion .singlebutton input {
14189   margin-bottom: 0; }
14190
14191 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
14192 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
14193   padding: 0 0 1.5em 0; }
14194
14195 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
14196   background-color: transparent;
14197   margin: 0;
14198   border-top: 0;
14199   border-bottom: 0; }
14200   #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
14201     padding: 0 0.3em; }
14202
14203 #page-mod-quiz-edit div.question div.content div.questioncontrols {
14204   background-color: #fff; }
14205
14206 #page-mod-quiz-edit div.question div.content div.points {
14207   margin-top: -0.5em;
14208   padding-bottom: 0;
14209   border: none;
14210   background-color: #fff;
14211   position: static;
14212   width: 12.1em;
14213   float: right;
14214   margin-right: 60px; }
14215
14216 #page-mod-quiz-edit div.question div.content div.points br {
14217   display: none; }
14218
14219 #page-mod-quiz-edit div.question div.content div.points label {
14220   display: inline-block; }
14221
14222 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
14223   background-color: #fff; }
14224
14225 #page-mod-quiz-edit .quizpagedelete,
14226 #page-mod-quiz-edit .quizpagedelete img {
14227   background-color: transparent; }
14228
14229 #page-mod-quiz-edit div.quizpage .pagecontent {
14230   border: 1px solid #ddd;
14231   overflow: hidden; }
14232
14233 #page-mod-quiz-edit div.questionbank .categoryinfo {
14234   padding: 0.3em 0; }
14235
14236 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
14237   padding: 0; }
14238   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
14239     display: block; }
14240   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,
14241   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
14242     display: none; }
14243   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
14244     margin-left: -0.3em; }
14245   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
14246     margin-left: 0.3em; }
14247   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
14248     margin-left: 0; }
14249   #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
14250     margin-left: 5px; }
14251
14252 .questionbankwindow .module {
14253   width: auto; }
14254
14255 #page-mod-quiz-edit div.editq div.question div.content {
14256   background-color: #fff;
14257   border: 1px solid #ddd;
14258   overflow: hidden; }
14259
14260 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
14261   margin-top: 0; }
14262
14263 .path-mod-quiz .statedetails {
14264   display: block;
14265   font-size: 0.9em; }
14266
14267 a#hidebankcmd {
14268   color: #1177d1; }
14269
14270 .que.shortanswer .answer {
14271   padding: 0; }
14272
14273 .que label {
14274   display: inline; }
14275
14276 body.path-question-type .mform fieldset.hidden {
14277   padding: 0;
14278   margin: 0.7em 0 0; }
14279
14280 .que.ddwtos,
14281 .que.ddwtos .drop {
14282   box-sizing: content-box; }
14283
14284 .tag-condition-container {
14285   position: relative; }
14286
14287 @media (max-width: 767.98px) {
14288   .que .info {
14289     float: none;
14290     width: auto; }
14291   .que .content {
14292     margin: 0; } }
14293
14294 /* user.less */
14295 .userprofile .fullprofilelink {
14296   text-align: center;
14297   margin: 10px; }
14298
14299 .userprofile .page-context-header {
14300   margin-bottom: 10px; }
14301
14302 .userprofile .description {
14303   margin-top: 10px;
14304   margin-bottom: 30px; }
14305
14306 .userprofile .profile_tree {
14307   column-count: 2; }
14308   .userprofile .profile_tree section {
14309     display: inline-block;
14310     width: 100%;
14311     margin-bottom: 1rem; }
14312
14313 #participantsform .no-overflow {
14314   overflow: visible; }
14315
14316 .userprofile dl.list > dd + dt {
14317   clear: left; }
14318
14319 .user-box {
14320   margin: 8px;
14321   width: 115px;
14322   height: 160px;
14323   text-align: center;
14324   float: left;
14325   clear: none; }
14326
14327 #page-user-profile .node_category ul,
14328 .path-user .node_category ul {
14329   margin: 0;
14330   list-style: none;
14331   padding-left: 0; }
14332
14333 #page-user-profile .node_category li,
14334 .path-user .node_category li {
14335   margin-top: 5px; }
14336
14337 #page-user-profile .node_category .editprofile,
14338 #page-user-profile .node_category .viewmore,
14339 .path-user .node_category .editprofile,
14340 .path-user .node_category .viewmore {
14341   text-align: right; }
14342
14343 .ajax-contact-button {
14344   box-sizing: border-box;
14345   position: relative; }
14346   .ajax-contact-button.loading .loading-icon {
14347     display: block; }
14348   .ajax-contact-button .loading-icon {
14349     display: none;
14350     position: absolute;
14351     top: 0;
14352     left: 0;
14353     width: 100%;
14354     height: 100%;
14355     background-color: rgba(255, 255, 255, 0.7); }
14356     .ajax-contact-button .loading-icon .icon {
14357       position: absolute;
14358       left: 50%;
14359       top: 50%;
14360       transform: translate(-50%, -50%); }
14361
14362 @media (max-width: 480px) {
14363   .userprofile .profile_tree {
14364     /** Display the profile on one column on phones@mixin  */
14365     column-count: 1; } }
14366
14367 .userlist #showall {
14368   margin: 10px 0; }
14369
14370 .userlist .buttons {
14371   text-align: center; }
14372
14373 .userlist .buttons label {
14374   padding: 0 3px; }
14375
14376 .userlist table#participants {
14377   text-align: center; }
14378
14379 .userlist table#participants td {
14380   text-align: left;
14381   padding: 4px;
14382   vertical-align: middle; }
14383
14384 .userlist table#participants th {
14385   text-align: left;
14386   padding: 4px; }
14387
14388 .userlist table.controls {
14389   width: 100%; }
14390   .userlist table.controls tr {
14391     vertical-align: top; }
14392   .userlist table.controls .right {
14393     text-align: right; }
14394   .userlist table.controls .groupselector {
14395     margin-bottom: 0;
14396     margin-top: 0; }
14397     .userlist table.controls .groupselector label {
14398       display: block; }
14399
14400 .userinfobox {
14401   width: 100%;
14402   border: 1px solid;
14403   border-collapse: separate;
14404   padding: 10px; }
14405
14406 .userinfobox .left,
14407 .userinfobox .side {
14408   width: 100px;
14409   vertical-align: top; }
14410
14411 .userinfobox .userpicture {
14412   width: 100px;
14413   height: 100px; }
14414
14415 .userinfobox .content {
14416   vertical-align: top; }
14417
14418 .userinfobox .links {
14419   width: 100px;
14420   padding: 5px;
14421   vertical-align: bottom; }
14422
14423 .userinfobox .links a {
14424   display: block; }
14425
14426 .userinfobox .list td {
14427   padding: 3px; }
14428
14429 .userinfobox .username {
14430   padding-bottom: 20px;
14431   font-weight: bold; }
14432
14433 .userinfobox td.label {
14434   text-align: right;
14435   white-space: nowrap;
14436   vertical-align: top;
14437   font-weight: bold; }
14438
14439 .group-edit {
14440   position: absolute;
14441   right: 0;
14442   margin-right: 0.6em; }
14443
14444 .group-image {
14445   display: block;
14446   float: left;
14447   margin-right: 1em; }
14448   .group-image .grouppicture {
14449     border-radius: 50%; }
14450
14451 .groupinfobox .left {
14452   padding: 10px;
14453   width: 100px;
14454   vertical-align: top; }
14455
14456 .course-participation #showall {
14457   text-align: center;
14458   margin: 10px 0; }
14459
14460 #user-policy .noticebox {
14461   text-align: center;
14462   margin-left: auto;
14463   margin-right: auto;
14464   margin-bottom: 10px;
14465   width: 80%;
14466   height: 250px; }
14467
14468 #user-policy #policyframe {
14469   width: 100%;
14470   height: 100%; }
14471
14472 .iplookup #map {
14473   margin: auto; }
14474
14475 .userselector select {
14476   width: 100%; }
14477
14478 .userselector div {
14479   margin-top: 0.2em; }
14480
14481 .userselector div label {
14482   margin-right: 0.3em; }
14483
14484 /* Next style does not work in all browsers but looks nicer when it does */
14485 .userselector .userselector-infobelow {
14486   font-size: 0.8em; }
14487
14488 #userselector_options .collapsibleregioncaption {
14489   font-weight: bold; }
14490
14491 #userselector_options p {
14492   margin: 0.2em 0;
14493   text-align: left; }
14494
14495 /** user full profile */
14496 #page-user-profile .messagebox {
14497   text-align: center;
14498   margin-left: auto;
14499   margin-right: auto; }
14500
14501 /** user course profile */
14502 #page-course-view-weeks .messagebox {
14503   text-align: center;
14504   margin-left: auto;
14505   margin-right: auto; }
14506
14507 .profileeditor > .singleselect {
14508   margin: 0 0.5em 0 0; }
14509
14510 .profileeditor > .singlebutton {
14511   display: inline-block;
14512   margin: 0 0 0 0.5em; }
14513   .profileeditor > .singlebutton div,
14514   .profileeditor > .singlebutton input {
14515     margin: 0; }
14516
14517 .userlist h3 .action-icon {
14518   display: none; }
14519
14520 #page-enrol-users .popover {
14521   max-width: none; }
14522
14523 .user-enroller-panel {
14524   width: 600px; }
14525
14526 .search-results .result {
14527   margin-left: 0;
14528   margin-right: 0; }
14529
14530 .search-results .result .result-content {
14531   margin: 7px 0; }
14532
14533 .search-results .result .filename {
14534   font-style: italic; }
14535
14536 .search-input-wrapper {
14537   margin: 0 1rem 0 0;
14538   overflow: hidden;
14539   float: right;
14540   width: 24px;
14541   transition: width 0.5s ease, left 0.5s ease;
14542   padding-top: 0;
14543   padding-bottom: 0; }
14544
14545 .search-input-wrapper > div {
14546   float: left;
14547   margin: 0; }
14548   .search-input-wrapper > div .icon {
14549     margin-right: 0;
14550     margin-top: 10px; }
14551
14552 .search-input-wrapper > form {
14553   opacity: 0;
14554   margin-left: 25px;
14555   transition: opacity 0.5s ease-in-out; }
14556
14557 .search-input-wrapper > form > input {
14558   margin: 0; }
14559
14560 .search-input-wrapper form.expanded {
14561   opacity: 1; }
14562
14563 .search-input-wrapper.expanded {
14564   width: 162px; }
14565
14566 @media (max-width: 575.98px) {
14567   .search-input-wrapper {
14568     margin: 0 1rem 0 0; }
14569     .search-input-wrapper > div {
14570       margin: 0; }
14571     .search-input-wrapper > form {
14572       display: none; } }
14573
14574 .search-areas-actions {
14575   margin-bottom: 1rem; }
14576
14577 .search-areas-actions > div {
14578   margin-right: 1rem;
14579   display: inline-block; }
14580
14581 #core-search-areas .lastcol li {
14582   margin-left: 24px;
14583   text-indent: -24px; }
14584
14585 #core-search-areas .lastcol li > i {
14586   text-indent: 0; }
14587
14588 /**
14589  * Moodle forms HTML isn't changeable via renderers (yet?) so this
14590  * .less file imports styles from the bootstrap $variables file and
14591  * adds them to the existing Moodle form CSS ids and classes.
14592  *
14593  */
14594 .jsenabled .mform .containsadvancedelements .advanced {
14595   display: none; }
14596
14597 .mform .containsadvancedelements .advanced.show {
14598   display: flex; }
14599
14600 #adminsettings span.error {
14601   display: inline-block;
14602   border: 1px solid #f4cfce;
14603   border-radius: 4px;
14604   background-color: #f7dddc;
14605   padding: 4px;
14606   margin-bottom: 4px; }
14607
14608 .mform .form-inline .form-control,
14609 .mform .form-inline .custom-select {
14610   max-width: 100%; }
14611
14612 .mform .form-inline .form-group, .mform .form-inline .form-buttons,
14613 .mform .form-inline .path-admin .buttons, .path-admin .mform .form-inline .buttons,
14614 .mform .form-inline .fp-content-center form + div, .fp-content-center .mform .form-inline form + div,
14615 .mform .form-inline div.backup-section + form {
14616   margin: 0.1rem 0.25rem 0.1rem 0; }
14617
14618 .mform .form-inline br + label {
14619   justify-content: flex-start;
14620   width: 100%; }
14621
14622 .unresponsive.mform .form-inline,
14623 .unresponsive.mform .form-inline label {
14624   display: inline-flex; }
14625
14626 #jump-to-activity.custom-select {
14627   width: 100%; }
14628
14629 .mform fieldset {
14630   margin-bottom: 0.5rem;
14631   border-bottom: 1px solid #dee2e6; }
14632
14633 .mform > .form-group, .mform > .form-buttons,
14634 .path-admin .mform > .buttons,
14635 .fp-content-center .mform > form + div,
14636 .mform > div.backup-section + form {
14637   margin-left: 1.5rem; }
14638
14639 .editor_atto_content.form-control {
14640   width: 100%; }
14641
14642 #adminsettings .form-control[size] {
14643   width: auto; }
14644
14645 .jsenabled .mform .collapsed .fcontainer {
14646   display: none; }
14647
14648 #adminsettings .error {
14649   color: #d9534f; }
14650
14651 .mform ul.file-list {
14652   padding: 0;
14653   margin: 0;
14654   list-style: none; }
14655
14656 .mform label .req,
14657 .mform label .adv {
14658   cursor: help; }
14659
14660 /*rtl:ignore*/
14661 input#id_externalurl {
14662   direction: ltr; }
14663
14664 #portfolio-add-button {
14665   display: inline; }
14666
14667 .form-label .form-shortname {
14668   font-size: 0.703125rem;
14669   display: block; }
14670
14671 .form-item .form-inline {
14672   display: inline; }
14673
14674 .form-inline label:not(.sr-only):not(.accesshide) + select {
14675   margin-left: 0.5rem; }
14676
14677 .no-felement.fstatic {
14678   padding-top: 5px; }
14679
14680 .no-fitem .fstaticlabel {
14681   font-weight: bold; }
14682
14683 .form-buttons,
14684 .path-admin .buttons,
14685 .fp-content-center form + div,
14686 div.backup-section + form {
14687   padding-left: 0; }
14688
14689 .form-item .form-setting .defaultsnext > input {
14690   display: inline-block; }
14691
14692 .form-item .form-setting .form-checkbox.defaultsnext {
14693   margin-top: 5px;
14694   display: inline-block; }
14695
14696 #adminsettings h3 {
14697   display: block;
14698   width: 100%;
14699   padding: 0;
14700   margin-bottom: 1.5;
14701   font-size: 1.171875rem;
14702   line-height: 3;
14703   border: 0;
14704   border-bottom: 1px solid #e5e5e5; }
14705
14706 /* rtl:ignore */
14707 .mform .fitem .felement input[name="email"],
14708 .mform .fitem .felement input[name="email2"],
14709 .mform .fitem .felement input[name="url"],
14710 .mform .fitem .felement input[name="idnumber"],
14711 .mform .fitem .felement input[name="phone1"],
14712 .mform .fitem .felement input[name="phone2"] {
14713   text-align: left;
14714   direction: ltr; }
14715
14716 .que.match .mediaplugin {
14717   width: 50vw; }
14718
14719 /* rtl:ignore */
14720 #page-admin-grade-edit-scale-edit .error input#id_name {
14721   margin-right: 170px; }
14722
14723 #page-grade-edit-outcome-course .courseoutcomes {
14724   margin-left: auto;
14725   margin-right: auto;
14726   width: 100%; }
14727
14728 #page-grade-edit-outcome-course .courseoutcomes td {
14729   text-align: center; }
14730
14731 /* Install Process' text fields Forms, should always be justified to the left */
14732 /* rtl:ignore */
14733 #installform #id_wwwroot,
14734 #installform #id_dirroot,
14735 #installform #id_dataroot,
14736 #installform #id_dbhost,
14737 #installform #id_dbname,
14738 #installform #id_dbuser,
14739 #installform #id_dbpass,
14740 #installform #id_prefix {
14741   direction: ltr; }
14742
14743 .mdl-right > label {
14744   display: inline-block; }
14745
14746 .singleselect {
14747   max-width: 100%; }
14748
14749 .form-item .form-label label {
14750   margin-bottom: 0; }
14751
14752 div#dateselector-calendar-panel {
14753   z-index: 3100;
14754   /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
14755
14756 fieldset.coursesearchbox label {
14757   display: inline; }
14758
14759 /**
14760  * Show the labels above text editors and file managers except on wide screens.
14761  */
14762 /* Section and module editing forms contain special JS components for the
14763    availability system (if enabled). */
14764 #id_availabilityconditionsjson[aria-hidden=true],
14765 .availability-field [aria-hidden=true] {
14766   display: none; }
14767
14768 .availability-field label {
14769   display: inline-flex; }
14770
14771 .availability-field .availability-group label {
14772   vertical-align: top; }
14773
14774 .availability-eye {
14775   clear: left;
14776   float: left; }
14777
14778 .availability-inner,
14779 .availability-plugincontrols {
14780   float: left;
14781   border: 1px solid rgba(0, 0, 0, 0.125);
14782   padding: 1rem;
14783   margin-top: 0.5rem; }
14784
14785 .availability-plugincontrols,
14786 .availability-childlist .availability-inner {
14787   margin-left: .625rem; }
14788
14789 .availability-field .availability-plugincontrols .availability-group select {
14790   max-width: 12rem; }
14791
14792 /* Custom styles for autocomplete form element */
14793 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
14794 [data-fieldtype=autocomplete] select,
14795 [data-fieldtype=tags] select,
14796 .form-autocomplete-original-select {
14797   visibility: hidden;
14798   overflow: hidden;
14799   width: 15rem;
14800   height: 44px;
14801   margin: 0;
14802   padding: 0;
14803   border: 0;
14804   margin-top: 1.65625rem;
14805   vertical-align: bottom; }
14806
14807 .form-autocomplete-selection {
14808   margin: 0.25rem;
14809   min-height: 2.375rem; }
14810
14811 .form-autocomplete-multiple [role=listitem] {
14812   cursor: pointer; }
14813
14814 .form-autocomplete-suggestions {
14815   position: absolute;
14816   background-color: white;
14817   border: 2px solid #dee2e6;
14818   border-radius: 3px;
14819   min-width: 206px;
14820   max-height: 20em;
14821   overflow: auto;
14822   margin: 0;
14823   padding: 0;
14824   margin-top: 0.4em;
14825   z-index: 1; }
14826
14827 .form-autocomplete-suggestions li {
14828   list-style-type: none;
14829   padding: 0.2em;
14830   margin: 0;
14831   cursor: pointer;
14832   color: #373a3c; }
14833
14834 .form-autocomplete-suggestions li:hover {
14835   background-color: #3f9def;
14836   color: #fff; }
14837
14838 .form-autocomplete-suggestions li[aria-selected=true] {
14839   background-color: #f2f2f2;
14840   color: #495057; }
14841
14842 .form-autocomplete-downarrow {
14843   color: #373a3c;
14844   position: relative;
14845   top: 0.2em;
14846   left: -1.5em;
14847   cursor: pointer; }
14848   .form-autocomplete-downarrow .loading-icon {
14849     position: absolute;
14850     top: 0;
14851     left: 0;
14852     background-color: #fff; }
14853
14854 .form-autocomplete-selection:focus {
14855   outline: none; }
14856
14857 /** Undo some bootstrap things */
14858 .form-autocomplete-selection + input.form-control {
14859   width: auto;
14860   display: inline-block;
14861   vertical-align: middle; }
14862
14863 .form-autocomplete-selection [data-active-selection=true] {
14864   padding: 0.5em;
14865   font-size: large; }
14866
14867 /* Non-bootstrap selects with a size show their contents outside of the element.
14868  * Remove when we update to stable bootstrap 4. (MDL-56511) */
14869 select[size],
14870 select[multiple] {
14871   overflow: auto; }
14872
14873 select[size="1"] {
14874   overflow: visible; }
14875
14876 textarea[data-auto-rows] {
14877   overflow-x: hidden; }
14878
14879 /** Display elements under labels in vertical forms regardless of the screen size. */
14880 .mform.full-width-labels .fitem.row {
14881   margin-left: 0;
14882   margin-right: 0; }
14883   .mform.full-width-labels .fitem.row > .col-md-3,
14884   .mform.full-width-labels .fitem.row > .col-md-9 {
14885     float: none;
14886     width: inherit;
14887     padding-right: 0;
14888     padding-left: 0; }
14889   .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
14890     display: none; }
14891
14892 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
14893 @media (min-width: 768px) {
14894   .form-inline .col-md-9,
14895   .form-inline .col-md-3 {
14896     margin-bottom: 1rem;
14897     width: auto; }
14898     .form-inline .col-md-9 label,
14899     .form-inline .col-md-3 label {
14900       margin-left: 1rem; } }
14901
14902 [data-fieldtype="modgrade"] .form-group, [data-fieldtype="modgrade"] .form-buttons,
14903 [data-fieldtype="modgrade"] .path-admin .buttons, .path-admin [data-fieldtype="modgrade"] .buttons,
14904 [data-fieldtype="modgrade"] .fp-content-center form + div, .fp-content-center [data-fieldtype="modgrade"] form + div,
14905 [data-fieldtype="modgrade"] div.backup-section + form {
14906   padding-bottom: 0.375rem; }
14907
14908 [data-fieldtype="modgrade"] {
14909   background-color: #fff;
14910   border: 1px solid rgba(0, 0, 0, 0.125);
14911   padding: 1.25rem;
14912   margin-left: 15px;
14913   max-width: 30rem; }
14914
14915 /** Atto fields do not have form-control because that would break the layout of the editor.
14916     So they need these extra styles to highlight the editor when there is a validation error. */
14917 .has-danger .editor_atto_content.form-control,
14918 .has-danger .editor_atto_content.form-control-danger,
14919 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo,
14920 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo,
14921 .has-danger .editor_atto_content.maintenancewarning.error {
14922   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");
14923   padding-right: 2.25rem;
14924   background-repeat: no-repeat;
14925   background-position: center right 1rem;
14926   background-size: 1.5rem; }
14927   .has-danger .editor_atto_content.form-control .form-control-feedback,
14928   .has-danger .editor_atto_content.form-control .form-control-label,
14929   .has-danger .editor_atto_content.form-control .form-check-label,
14930   .has-danger .editor_atto_content.form-control .form-check-inline,
14931   .has-danger .editor_atto_content.form-control .custom-control,
14932   .has-danger .editor_atto_content.form-control-danger .form-control-feedback,
14933   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback,
14934   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback,
14935   .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback,
14936   .has-danger .editor_atto_content.form-control-danger .form-control-label,
14937   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-label,
14938   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-label,
14939   .has-danger .editor_atto_content.maintenancewarning.error .form-control-label,
14940   .has-danger .editor_atto_content.form-control-danger .form-check-label,
14941   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-label,
14942   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-label,
14943   .has-danger .editor_atto_content.maintenancewarning.error .form-check-label,
14944   .has-danger .editor_atto_content.form-control-danger .form-check-inline,
14945   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-inline,
14946   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-inline,
14947   .has-danger .editor_atto_content.maintenancewarning.error .form-check-inline,
14948   .has-danger .editor_atto_content.form-control-danger .custom-control,
14949   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .custom-control,
14950   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .custom-control,
14951   .has-danger .editor_atto_content.maintenancewarning.error .custom-control {
14952     color: #d9534f; }
14953   .has-danger .editor_atto_content.form-control .form-control,
14954   .has-danger .editor_atto_content.form-control-danger .form-control,
14955   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control,
14956   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control,
14957   .has-danger .editor_atto_content.maintenancewarning.error .form-control {
14958     border-color: #d9534f; }
14959   .has-danger .editor_atto_content.form-control .input-group-addon,
14960   .has-danger .editor_atto_content.form-control-danger .input-group-addon,
14961   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .input-group-addon,
14962   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .input-group-addon,
14963   .has-danger .editor_atto_content.maintenancewarning.error .input-group-addon {
14964     color: #d9534f;
14965     border-color: #d9534f;
14966     background-color: #fdf7f7; }
14967   .has-danger .editor_atto_content.form-control .form-control-feedback,
14968   .has-danger .editor_atto_content.form-control-danger .form-control-feedback,
14969   .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback,
14970   #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback,
14971   .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback {
14972     color: #d9534f; }
14973
14974 [data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"],
14975 [data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"],
14976 [data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
14977   display: none; }
14978
14979 .form-inline[data-fieldtype="autocomplete"],
14980 .form-inline[data-fieldtype="tags"] {
14981   display: block; }
14982
14983 [data-fieldtype="editor"] > div {
14984   flex-grow: 1; }
14985
14986 @media (min-width: 576px) {
14987   .mform fieldset {
14988     margin-left: 1.5rem; }
14989   .mform fieldset.collapsible legend a.fheader {
14990     padding: 0 5px 0 1.5rem;
14991     margin-left: -1.5rem;
14992     background: url([[pix:t/expanded]]) 0 center no-repeat; }
14993   .mform fieldset.collapsed legend a.fheader {
14994     /*rtl:raw:
14995         background-image: url([[pix:t/collapsed_rtl]]);
14996         */
14997     /*rtl:remove*/
14998     background-image: url([[pix:t/collapsed]]); } }
14999
15000 .pagelayout-login .card-title h2 img {
15001   max-width: 100%;
15002   max-height: 100px; }
15003
15004 .pagelayout-login #region-main {
15005   border: 0;
15006   background-color: inherit; }
15007
15008 /* modules.less */
15009 select {
15010   width: auto; }
15011
15012 .path-mod-choice .horizontal .choices .option {
15013   display: inline-block; }
15014
15015 .path-mod-feedback .feedback_form .col-form-label {
15016   display: block !important;
15017   /* stylelint-disable-line declaration-no-important */ }
15018
15019 .path-mod-feedback .itemactions {
15020   float: right; }
15021
15022 .path-mod-feedback .itemhandle {
15023   position: absolute;
15024   right: 1rem; }
15025
15026 .path-mod-forum .forumsearch input,
15027 .path-mod-forum .forumsearch .helptooltip {
15028   margin: 0 3px; }
15029
15030 .path-mod-forum .forumheaderlist,
15031 .path-mod-forum .forumheaderlist td {
15032   border: none; }
15033
15034 .path-mod-forum .forumheaderlist thead .header,
15035 .path-mod-forum .forumheaderlist tbody .discussion td {
15036   white-space: normal;
15037   vertical-align: top;
15038   padding-left: 0.5em;
15039   padding-right: 0.5em; }
15040
15041 .path-mod-forum .forumheaderlist thead .header {
15042   white-space: normal;
15043   vertical-align: top; }
15044
15045 .path-mod-forum .forumheaderlist thead .header.replies {
15046   text-align: center; }
15047
15048 .path-mod-forum .forumheaderlist thead .header.lastpost {
15049   text-align: right; }
15050
15051 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
15052 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
15053   width: 16px;
15054   padding-left: 0.5em;
15055   padding-right: 0.5em; }
15056
15057 .path-mod-forum .forumheaderlist .discussion .replies,
15058 .path-mod-forum .forumheaderlist .discussion .lastpost {
15059   white-space: normal; }
15060
15061 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
15062 .path-mod-forum .forumheaderlist .discussion .replies {
15063   text-align: center; }
15064
15065 .path-mod-forum .forumheaderlist .discussion .topic,
15066 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
15067 .path-mod-forum .forumheaderlist .discussion .topic.starter,
15068 .path-mod-forum .forumheaderlist .discussion .replies,
15069 .path-mod-forum .forumheaderlist .discussion .lastpost {
15070   vertical-align: top; }
15071
15072 .path-mod-forum .subscriptionmode {
15073   color: #373a3c; }
15074
15075 .path-mod-forum .activesetting {
15076   color: #373a3c;
15077   font-weight: bold; }
15078
15079 .forumpost {
15080   border: 1px solid #dee2e6;
15081   display: block;
15082   padding: 6px; }
15083   .forumpost .header {
15084     margin-bottom: 3px; }
15085   .forumpost .picture img {
15086     margin: 3px; }
15087     .forumpost .picture img.userpicture {
15088       margin-left: 3px;
15089       margin-right: 10px; }
15090   .forumpost .content .posting.fullpost {
15091     margin-top: 8px; }
15092   .forumpost .row {
15093     display: block; }
15094     .forumpost .row .topic,
15095     .forumpost .row .content-mask,
15096     .forumpost .row .options {
15097       margin-left: 48px; }
15098     .forumpost .row.side {
15099       clear: both; }
15100
15101 .forumpost .row .left {
15102   width: 48px; }
15103
15104 .forumpost .options .commands {
15105   margin-left: 0; }
15106
15107 .forumpost .subject {
15108   font-weight: bold; }
15109
15110 .forumsearch input[type=text] {
15111   margin-bottom: 0; }
15112
15113 #page-mod-forum-discuss .discussioncontrols {
15114   width: auto;
15115   margin: 0; }
15116   #page-mod-forum-discuss .discussioncontrols .form-inline input {
15117     margin-top: -1px; }
15118
15119 .maincalendar .calendarmonth td,
15120 .maincalendar .calendarmonth th {
15121   border: 1px dotted #dee2e6; }
15122
15123 .path-grade-report-grader h1 {
15124   text-align: inherit; }
15125
15126 #page-mod-chat-gui_basic input#message {
15127   max-width: 100%; }
15128
15129 #page-mod-data-view #singleimage {
15130   width: auto; }
15131
15132 .path-mod-data form {
15133   margin-top: 10px; }
15134
15135 .template_heading {
15136   margin-top: 10px; }
15137
15138 .breadcrumb-button {
15139   margin-top: 4px; }
15140
15141 .breadcrumb-button .singlebutton {
15142   float: left;
15143   margin-left: 4px; }
15144
15145 .ie .row-fluid .desktop-first-column {
15146   margin-left: 0; }
15147
15148 .langmenu form {
15149   margin: 0; }
15150
15151 canvas {
15152   -ms-touch-action: auto; }
15153
15154 div#dock {
15155   display: none; }
15156
15157 /** General styles (scope: all of lesson) **/
15158 .path-mod-lesson .invisiblefieldset.fieldsetfix {
15159   display: block; }
15160
15161 .path-mod-lesson .answeroption .checkbox label p {
15162   display: inline; }
15163
15164 .path-mod-lesson .form-inline label.form-check-label {
15165   display: inline-block; }
15166
15167 .path-mod-lesson .slideshow {
15168   overflow: auto;
15169   padding: 15px; }
15170
15171 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] {
15172   white-space: normal; }
15173
15174 #page-mod-lesson-view .vertical .singlebutton {
15175   display: block; }
15176   #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
15177     margin-left: 0;
15178     margin-top: 1rem; }
15179
15180 #page-mod-lesson-view .fitem .felement .custom-select {
15181   align-self: flex-start; }
15182
15183 .path-mod-lesson .generaltable td {
15184   vertical-align: middle; }
15185   .path-mod-lesson .generaltable td label {
15186     margin-bottom: 0; }
15187   .path-mod-lesson .generaltable td .highlight {
15188     display: inline-block;
15189     margin-left: 0.25rem; }
15190   .path-mod-lesson .generaltable td input[type="checkbox"] {
15191     display: block; }
15192
15193 .path-mod-wiki .wiki_headingtitle,
15194 .path-mod-wiki .midpad,
15195 .path-mod-wiki .wiki_headingtime {
15196   text-align: inherit; }
15197
15198 .path-mod-wiki .wiki_contentbox {
15199   width: 100%; }
15200
15201 .path-mod-survey .surveytable > tbody > tr:nth-of-type(odd) {
15202   background-color: transparent; }
15203
15204 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
15205   background-color: rgba(0, 0, 0, 0.05); }
15206
15207 .path-mod-survey .surveytable .rblock label {
15208   text-align: center; }
15209
15210 .nav .caret {
15211   margin-left: 4px; }
15212
15213 .nav .divider {
15214   overflow: hidden;
15215   width: 0; }
15216
15217 .usermenu .login {
15218   line-height: 2.25rem; }
15219   .usermenu .login a {
15220     color: #1177d1; }
15221     .usermenu .login a:hover, .usermenu .login a:focus {
15222       color: #0b4f8a;
15223       text-decoration: underline; }
15224
15225 .userloggedinas .usermenu .usertext,
15226 .userswitchedrole .usermenu .usertext,
15227 .loginfailures .usermenu .usertext {
15228   float: left;
15229   text-align: right;
15230   margin-right: 0.5rem;
15231   height: 35px; }
15232   .userloggedinas .usermenu .usertext .meta,
15233   .userswitchedrole .usermenu .usertext .meta,
15234   .loginfailures .usermenu .usertext .meta {
15235     display: block;
15236     font-size: 0.8203125rem; }
15237
15238 .userloggedinas .usermenu .avatar img,
15239 .userswitchedrole .usermenu .avatar img,
15240 .loginfailures .usermenu .avatar img {
15241   margin: 0; }
15242
15243 .userloggedinas .usermenu .userbutton .avatars {
15244   position: relative;
15245   display: inline-block; }
15246   .userloggedinas .usermenu .userbutton .avatars .avatar.current {
15247     display: inline-block;
15248     position: absolute;
15249     bottom: 0;
15250     right: 0;
15251     width: 20px;
15252     height: 20px;
15253     border-radius: 50%; }
15254     .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
15255       vertical-align: baseline; }
15256   .userloggedinas .usermenu .userbutton .avatars .avatar img {
15257     width: inherit;
15258     height: inherit; }
15259   .userloggedinas .usermenu .userbutton .avatars .realuser {
15260     width: 35px;
15261     height: 35px;
15262     display: inline-block; }
15263
15264 @media (max-width: 767.98px) {
15265   .usertext {
15266     display: none; } }
15267
15268 .path-mod-quiz .mod-quiz-edit-content {
15269   margin-bottom: 10rem; }
15270
15271 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
15272 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
15273   width: auto;
15274   max-width: none; }
15275
15276 #page-mod-quiz-mod #id_reviewoptionshdr .form-group, #page-mod-quiz-mod #id_reviewoptionshdr .form-buttons,
15277 #page-mod-quiz-mod #id_reviewoptionshdr .path-admin .buttons, .path-admin #page-mod-quiz-mod #id_reviewoptionshdr .buttons,
15278 #page-mod-quiz-mod #id_reviewoptionshdr .fp-content-center form + div, .fp-content-center #page-mod-quiz-mod #id_reviewoptionshdr form + div,
15279 #page-mod-quiz-mod #id_reviewoptionshdr div.backup-section + form {
15280   float: left;
15281   width: 20rem;
15282   display: inline-block;
15283   min-height: 12rem; }
15284
15285 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
15286   line-height: 1.5;
15287   vertical-align: bottom; }
15288
15289 #page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
15290   float: left;
15291   clear: left; }
15292
15293 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
15294   width: 90%;
15295   height: 22px;
15296   justify-content: flex-start; }
15297
15298 .path-mod-quiz #mod_quiz_navblock .qnbutton {
15299   text-decoration: none;
15300   font-size: 14px;
15301   line-height: 20px;
15302   font-weight: normal;
15303   background-color: #fff;
15304   background-image: none;
15305   height: 40px;
15306   width: 30px;
15307   border-radius: 3px;
15308   border: 0;
15309   overflow: visible;
15310   margin: 0 6px 6px 0; }
15311
15312 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
15313   cursor: default;
15314   background-color: #e9ecef;
15315   color: #495057; }
15316
15317 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
15318 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
15319 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
15320   text-decoration: underline; }
15321
15322 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
15323   border: 1px solid;
15324   border-radius: 3px;
15325   z-index: 1; }
15326
15327 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
15328   border-width: 3px; }
15329
15330 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
15331   border-width: 1px; }
15332
15333 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
15334   background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat; }
15335
15336 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
15337   border: 0;
15338   background: #fff none center/10px no-repeat scroll;
15339   height: 20px;
15340   margin-top: 20px;
15341   border-radius: 0 0 3px 3px; }
15342
15343 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
15344 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
15345   background-color: #fff; }
15346
15347 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
15348   background-image: url([[pix:theme|mod/quiz/warningtriangle]]); }
15349
15350 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
15351   background-image: url([[pix:theme|mod/quiz/checkmark]]);
15352   background-color: #5cb85c; }
15353
15354 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
15355   background-image: url([[pix:core|t/locked]]);
15356   background-color: #e9ecef; }
15357
15358 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
15359 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
15360   background-color: #d9534f; }
15361
15362 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
15363   background-image: url([[pix:theme|mod/quiz/whitecircle]]);
15364   background-color: #ff7518; }
15365
15366 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
15367 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
15368 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
15369   background-color: #868e96; }
15370
15371 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
15372   height: 1.4em;
15373   vertical-align: middle; }
15374
15375 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
15376   padding: 0;
15377   margin: 0 0.4em; }
15378
15379 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
15380   top: auto; }
15381
15382 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
15383   height: calc(100% - 4rem); }
15384
15385 .path-mod-assign [data-region="grade-panel"] {
15386   padding-top: 1rem; }
15387
15388 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3,
15389 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
15390   width: 100%;
15391   padding: 0;
15392   max-width: 100%;
15393   flex: none; }
15394
15395 .path-mod-assign [data-region="grade-panel"] fieldset,
15396 .path-mod-assign [data-region="grade-panel"] .fitem.row {
15397   margin: 0; }
15398
15399 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3 > .pull-xs-right {
15400   float: none !important;
15401   /* stylelint-disable-line declaration-no-important */ }
15402
15403 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
15404   width: 100%; }
15405
15406 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
15407   width: auto; }
15408
15409 .path-mod-assign [data-region="grade-panel"] .popout {
15410   background-color: #fff; }
15411
15412 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
15413   background-color: #fff;
15414   border: 1px solid rgba(0, 0, 0, 0.125);
15415   padding: 1.25rem;
15416   margin-bottom: 1rem; }
15417
15418 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
15419   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
15420   margin-bottom: 1rem; }
15421
15422 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
15423   font-size: 1.40625rem; }
15424
15425 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
15426   margin-top: 0; }
15427
15428 .path-mod-assign [data-region="assignment-info"] {
15429   overflow-y: hidden; }
15430
15431 .path-mod-assign [data-region="grading-navigation"] {
15432   padding: 6px; }
15433
15434 .path-mod-assign [data-region="grade-actions"] {
15435   padding: 10px; }
15436
15437 .path-mod-assign [data-region="user-info"] .img-rounded {
15438   margin-top: 0; }
15439
15440 .path-mod-assign [data-region="grading-navigation-panel"] {
15441   height: 85px; }
15442
15443 @media (max-width: 767px) {
15444   .path-mod-assign [data-region="grading-navigation-panel"] {
15445     height: auto; }
15446   .path-mod-assign [data-region="user-info"] {
15447     margin-top: 1rem; } }
15448
15449 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
15450   width: auto;
15451   display: inline-block; }
15452
15453 /**
15454  * Assign feedback.
15455  */
15456 .assignfeedback_editpdf_widget * {
15457   box-sizing: content-box; }
15458
15459 .assignfeedback_editpdf_widget button {
15460   box-sizing: border-box; }
15461
15462 .assignfeedback_editpdf_widget .commentcolourbutton img {
15463   border-width: 0; }
15464
15465 .assignfeedback_editpdf_menu {
15466   padding: 0; }
15467
15468 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
15469   float: none; }
15470
15471 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
15472   width: 100%; }
15473
15474 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
15475   padding-left: 1rem;
15476   padding-right: 1rem; }
15477
15478 .path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
15479 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
15480   background-color: #fff; }
15481
15482 /**
15483  * Mod LTI.
15484  */
15485 .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,
15486 .path-admin-mod-lti #tool-list-loader-container .loader img {
15487   height: auto; }
15488
15489 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
15490   background-color: #fff; }
15491   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
15492   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
15493   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
15494   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
15495   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
15496     border: 0; }
15497   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
15498   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
15499     border-radius: 0; }
15500   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
15501     background-color: transparent; }
15502   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
15503     background-color: #f8f9fa; }
15504   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
15505   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
15506     border: 0;
15507     padding: 3px 15px;
15508     white-space: nowrap;
15509     margin-bottom: 0; }
15510   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
15511     padding: 10px 5px; }
15512     .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
15513       border-top: 1px solid #dee2e6;
15514       border-bottom: 1px solid #fff; }
15515       .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
15516         border-top: 1px solid #fff;
15517         border-bottom: 1px solid #dee2e6;
15518         padding: 5px 10px; }
15519       .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
15520         margin-right: 8px;
15521         border: 1px solid #ccc;
15522         border-radius: 4px;
15523         max-width: none; }
15524   .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
15525     margin: 20px 25px; }
15526     .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
15527       text-align: center;
15528       margin: 10px 0;
15529       font-size: 0.8203125rem;
15530       color: #495057; }
15531     .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
15532       margin-bottom: 0.75rem;
15533       border: 1px solid rgba(0, 0, 0, 0.125);
15534       padding: 1.25rem; }
15535       .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
15536         float: right;
15537         font-size: 11px;
15538         color: #495057; }
15539     .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
15540       background-color: #fff; }
15541       .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
15542         font-weight: bold; }
15543
15544 /* reports.less */
15545 #page-report-participation-index .participationselectform div label {
15546   display: inline-block;
15547   margin: 0 5px; }
15548
15549 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
15550   margin-left: 0; }
15551
15552 .path-backup .mform {
15553   /* These are long labels with checkboxes on the right. */ }
15554   .path-backup .mform .grouped_settings {
15555     clear: both;
15556     overflow: hidden;
15557     /* Use card styles but avoid extend because that brings in too much. */ }
15558     .path-backup .mform .grouped_settings.section_level {
15559       background-color: #fff;
15560       border: 1px solid rgba(0, 0, 0, 0.125);
15561       padding: 1.25rem;
15562       margin-bottom: 1.25rem; }
15563       .path-backup .mform .grouped_settings.section_level::after {
15564         display: block;
15565         clear: both;
15566         content: ""; }
15567   .path-backup .mform .include_setting {
15568     width: 50%;
15569     display: inline-block;
15570     float: left;
15571     padding: 0.3rem; }
15572   .path-backup .mform .normal_setting {
15573     width: 50%;
15574     display: inline-block;
15575     float: left;
15576     padding: 0.3rem; }
15577
15578 .path-backup {
15579   /* Bold section labels */ }
15580   .path-backup .section_level {
15581     font-weight: bold; }
15582   .path-backup .section_level .activity_level {
15583     font-weight: normal; }
15584   .path-backup .proceedbutton {
15585     margin-left: auto; }
15586
15587 /* Override the columns width to leave more room for the labels. */
15588 .path-backup .mform .root_setting,
15589 .path-backup .mform .grouped_settings {
15590   /* Striped rows like a table */ }
15591   .path-backup .mform .root_setting:nth-of-type(odd),
15592   .path-backup .mform .grouped_settings:nth-of-type(odd) {
15593     background-color: rgba(0, 0, 0, 0.05); }
15594   .path-backup .mform .root_setting:nth-of-type(even),
15595   .path-backup .mform .grouped_settings:nth-of-type(even) {
15596     background-color: #fff; }
15597   .path-backup .mform .root_setting .form-group, .path-backup .mform .root_setting .form-buttons,
15598   .path-backup .mform .root_setting .path-admin .buttons, .path-admin .path-backup .mform .root_setting .buttons,
15599   .path-backup .mform .root_setting .fp-content-center form + div, .fp-content-center .path-backup .mform .root_setting form + div,
15600   .path-backup .mform .root_setting div.backup-section + form,
15601   .path-backup .mform .grouped_settings .form-group,
15602   .path-backup .mform .grouped_settings .form-buttons,
15603   .path-backup .mform .grouped_settings .path-admin .buttons,
15604   .path-admin .path-backup .mform .grouped_settings .buttons,
15605   .path-backup .mform .grouped_settings .fp-content-center form + div,
15606   .fp-content-center .path-backup .mform .grouped_settings form + div,
15607   .path-backup .mform .grouped_settings div.backup-section + form {
15608     /* These checkboxes with no label on the left. */ }
15609     .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 .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,
15610     .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox,
15611     .path-backup .mform .grouped_settings .form-buttons .col-md-3.checkbox,
15612     .path-backup .mform .grouped_settings .path-admin .buttons .col-md-3.checkbox,
15613     .path-admin .path-backup .mform .grouped_settings .buttons .col-md-3.checkbox,
15614     .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-3.checkbox,
15615     .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-3.checkbox,
15616     .path-backup .mform .grouped_settings div.backup-section + form .col-md-3.checkbox {
15617       width: 0%; }
15618     .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 .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,
15619     .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox,
15620     .path-backup .mform .grouped_settings .form-buttons .col-md-9.checkbox,
15621     .path-backup .mform .grouped_settings .path-admin .buttons .col-md-9.checkbox,
15622     .path-admin .path-backup .mform .grouped_settings .buttons .col-md-9.checkbox,
15623     .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-9.checkbox,
15624     .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-9.checkbox,
15625     .path-backup .mform .grouped_settings div.backup-section + form .col-md-9.checkbox {
15626       width: 100%;
15627       left: 0; }
15628
15629 /* Detail pair is (usually) some short label with a longer value */
15630 .path-backup .detail-pair .detail-pair-label {
15631   width: 25%;
15632   float: left;
15633   clear: left; }
15634
15635 .path-backup .detail-pair .detail-pair-value {
15636   width: 75%;
15637   float: left; }
15638
15639 .path-backup .backup-restore .singlebutton {
15640   float: right; }
15641
15642 /* Make these bits full width and work with the detail-pair */
15643 .path-backup .backup-section {
15644   /* Fix for nested table headers */
15645   /* Add card styles to backup sections */
15646   background-color: #fff;
15647   border: 1px solid rgba(0, 0, 0, 0.125);
15648   padding: 1.25rem;
15649   margin-bottom: 1.25rem; }
15650   .path-backup .backup-section .sub-header,
15651   .path-backup .backup-section .backup-sub-section,
15652   .path-backup .backup-section .singlebutton,
15653   .path-backup .backup-section .header {
15654     width: 100%;
15655     float: left;
15656     clear: both; }
15657   .path-backup .backup-section th.header {
15658     width: auto;
15659     float: none; }
15660   .path-backup .backup-section ::after {
15661     content: "";
15662     display: table;
15663     clear: both; }
15664   .path-backup .backup-section::after {
15665     display: block;
15666     clear: both;
15667     content: ""; }
15668
15669 .path-backup .notification.dependencies_enforced {
15670   color: #d9534f;
15671   font-weight: bold; }
15672
15673 .path-backup .backup_progress {
15674   margin-top: 1rem;
15675   margin-bottom: 1rem; }
15676   .path-backup .backup_progress .backup_stage.backup_stage_current {
15677     font-weight: bold;
15678     color: inherit; }
15679
15680 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
15681   color: inherit; }
15682
15683 #page-backup-restore .filealiasesfailures {
15684   background-color: #f7dddc; }
15685   #page-backup-restore .filealiasesfailures .aliaseslist {
15686     background-color: #fff; }
15687
15688 .path-backup .wibbler {
15689   width: 500px;
15690   margin: 0 auto 10px;
15691   border-bottom: 1px solid black;
15692   border-right: 1px solid black;
15693   border-left: 1px solid black;
15694   position: relative;
15695   min-height: 4px; }
15696   .path-backup .wibbler .wibble {
15697     position: absolute;
15698     left: 0;
15699     right: 0;
15700     top: 0;
15701     height: 4px; }
15702   .path-backup .wibbler .state0 {
15703     background: #eee; }
15704   .path-backup .wibbler .state1 {
15705     background: #ddd; }
15706   .path-backup .wibbler .state2 {
15707     background: #ccc; }
15708   .path-backup .wibbler .state3 {
15709     background: #bbb; }
15710   .path-backup .wibbler .state4 {
15711     background: #aaa; }
15712   .path-backup .wibbler .state5 {
15713     background: #999; }
15714   .path-backup .wibbler .state6 {
15715     background: #888; }
15716   .path-backup .wibbler .state7 {
15717     background: #777; }
15718   .path-backup .wibbler .state8 {
15719     background: #666; }
15720   .path-backup .wibbler .state9 {
15721     background: #555; }
15722   .path-backup .wibbler .state10 {
15723     background: #444; }
15724   .path-backup .wibbler .state11 {
15725     background: #333; }
15726   .path-backup .wibbler .state12 {
15727     background: #222; }
15728
15729 .singlebutton {
15730   display: inline-block; }
15731   .singlebutton + .singlebutton {
15732     margin-left: 0.5rem; }
15733
15734 .continuebutton {
15735   text-align: center; }
15736
15737 p.arrow_button {
15738   margin-top: 5em;
15739   text-align: center; }
15740   p.arrow_button #remove {
15741     margin: 3em auto 5em; }
15742
15743 #addcontrols {
15744   margin-top: 11.25rem;
15745   text-align: center;
15746   margin-bottom: 3em; }
15747   #addcontrols label {
15748     display: inline; }
15749
15750 #addcontrols input,
15751 #removecontrols input {
15752   margin: auto; }
15753
15754 .btn-lineup {
15755   margin: 0 0 10px 5px; }
15756
15757 .gradetreebox h4 {
15758   font-size: 0.9375rem; }
15759
15760 .gradetreebox th.cell,
15761 .gradetreebox input[type=text] {
15762   width: auto; }
15763
15764 .gradetreebox input[type=text],
15765 .gradetreebox select {
15766   margin-bottom: 0; }
15767
15768 .core_grades_notices .singlebutton {
15769   display: inline-block; }
15770
15771 .path-grade-report #maincontent + .urlselect {
15772   position: absolute;
15773   left: 40vw; }
15774
15775 .path-grade-report-grader #region-main {
15776   overflow-x: visible;
15777   min-width: 100%;
15778   width: auto;
15779   display: inline-flex;
15780   flex-direction: column; }
15781   .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 {
15782     width: auto;
15783     overflow-x: initial; }
15784   .path-grade-report-grader #region-main div[role="main"] {
15785     flex: 1 1 auto; }
15786
15787 .path-grade-report-grader [data-region="blocks-column"] {
15788   width: 100%;
15789   clear: both; }
15790
15791 #page-grade-grading-manage #activemethodselector label {
15792   display: inline-block; }
15793
15794 #page-grade-grading-manage #activemethodselector .helptooltip {
15795   margin-right: 0.5em; }
15796
15797 #page-grade-grading-manage .actions {
15798   display: block;
15799   text-align: center;
15800   margin-bottom: 1em; }
15801   #page-grade-grading-manage .actions .action {
15802     display: inline-block;
15803     position: relative;
15804     vertical-align: top;
15805     width: 150px;
15806     text-align: center;
15807     overflow: hidden;
15808     margin: 0.5em;
15809     padding: 1em;
15810     border: 1px solid #aaa; }
15811     #page-grade-grading-manage .actions .action .action-text {
15812       position: relative;
15813       top: 0.4em;
15814       font-size: 14px;
15815       white-space: normal; }
15816
15817 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
15818   font-size: 70%; }
15819
15820 .gradingform_rubric.editor .addlevel input,
15821 .gradingform_rubric.editor .addcriterion input {
15822   background: #fff none no-repeat top left; }
15823
15824 #rubric-rubric.gradingform_rubric #rubric-criteria {
15825   margin-bottom: 1em; }
15826   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
15827     vertical-align: top;
15828     padding: 6px; }
15829     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea {
15830       margin-bottom: 0;
15831       height: 115px; }
15832   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea {
15833     width: 80%;
15834     margin-bottom: 0; }
15835   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score {
15836     position: relative;
15837     float: left;
15838     margin-right: 28px; }
15839     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input {
15840       margin-bottom: 0; }
15841   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level {
15842     vertical-align: top;
15843     padding: 6px; }
15844     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete {
15845       position: relative;
15846       width: 32px;
15847       height: 32px;
15848       margin-top: -32px;
15849       clear: both;
15850       float: right; }
15851       #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input {
15852         display: block;
15853         position: absolute;
15854         right: 0;
15855         bottom: 0;
15856         height: 24px;
15857         width: 24px;
15858         margin: 0; }
15859         #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover {
15860           background-color: #ddd; }
15861   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input {
15862     float: none;
15863     width: 2em; }
15864     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
15865       width: 0; }
15866   #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
15867     vertical-align: middle; }
15868     #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
15869       background-position: 0 0;
15870       height: 30px;
15871       margin-right: 5px; }
15872
15873 #rubric-rubric.gradingform_rubric .addcriterion {
15874   margin-left: 5px;
15875   padding: 0;
15876   margin-bottom: 1em; }
15877   #rubric-rubric.gradingform_rubric .addcriterion input {
15878     margin: 0;
15879     color: inherit;
15880     text-shadow: inherit;
15881     border: 0 none;
15882     line-height: inherit;
15883     background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
15884     padding-left: 26px; }
15885
15886 #rubric-rubric.gradingform_rubric .options {
15887   clear: both; }
15888   #rubric-rubric.gradingform_rubric .options .option label {
15889     margin: 0;
15890     padding: 0;
15891     font-size: inherit;
15892     font-weight: normal;
15893     line-height: 2em;
15894     color: inherit;
15895     text-shadow: none;
15896     background-color: transparent; }
15897   #rubric-rubric.gradingform_rubric .options .option input {
15898     margin-left: 5px;
15899     margin-right: 12px; }
15900
15901 .path-grade-edit-tree .setup-grades h4 {
15902   margin: 0; }
15903
15904 .path-grade-edit-tree .setup-grades .column-rowspan {
15905   padding: 0;
15906   width: 24px;
15907   min-width: 24px;
15908   max-width: 24px; }
15909
15910 .path-grade-edit-tree .setup-grades .category td.column-name {
15911   padding-left: 0; }
15912
15913 .path-grade-edit-tree .setup-grades td.column-name {
15914   padding-left: 24px; }
15915
15916 .path-grade-edit-tree .setup-grades .category input[type="text"],
15917 .path-grade-edit-tree .setup-grades .category .column-range,
15918 .path-grade-edit-tree .setup-grades .categoryitem,
15919 .path-grade-edit-tree .setup-grades .courseitem {
15920   font-weight: bold; }
15921
15922 .path-grade-edit-tree .setup-grades .emptyrow {
15923   display: none; }
15924
15925 .path-grade-edit-tree .setup-grades .gradeitemdescription {
15926   font-weight: normal;
15927   padding-left: 24px; }
15928
15929 .path-grade-edit-tree .setup-grades .column-weight {
15930   white-space: nowrap; }
15931   .path-grade-edit-tree .setup-grades .column-weight.level3 {
15932     padding-left: 37px; }
15933   .path-grade-edit-tree .setup-grades .column-weight.level4 {
15934     padding-left: 66px; }
15935   .path-grade-edit-tree .setup-grades .column-weight.level5 {
15936     padding-left: 95px; }
15937   .path-grade-edit-tree .setup-grades .column-weight.level6 {
15938     padding-left: 124px; }
15939   .path-grade-edit-tree .setup-grades .column-weight.level7 {
15940     padding-left: 153px; }
15941   .path-grade-edit-tree .setup-grades .column-weight.level8 {
15942     padding-left: 182px; }
15943   .path-grade-edit-tree .setup-grades .column-weight.level9 {
15944     padding-left: 211px; }
15945   .path-grade-edit-tree .setup-grades .column-weight.level10 {
15946     padding-left: 240px; }
15947
15948 .path-grade-edit-tree .setup-grades .column-range.level2 {
15949   padding-left: 37px; }
15950
15951 .path-grade-edit-tree .setup-grades .column-range.level3 {
15952   padding-left: 66px; }
15953
15954 .path-grade-edit-tree .setup-grades .column-range.level4 {
15955   padding-left: 95px; }
15956
15957 .path-grade-edit-tree .setup-grades .column-range.level5 {
15958   padding-left: 124px; }
15959
15960 .path-grade-edit-tree .setup-grades .column-range.level6 {
15961   padding-left: 153px; }
15962
15963 .path-grade-edit-tree .setup-grades .column-range.level7 {
15964   padding-left: 182px; }
15965
15966 .path-grade-edit-tree .setup-grades .column-range.level8 {
15967   padding-left: 211px; }
15968
15969 .path-grade-edit-tree .setup-grades .column-range.level9 {
15970   padding-left: 240px; }
15971
15972 .path-grade-edit-tree .setup-grades .column-range.level10 {
15973   padding-left: 269px; }
15974
15975 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
15976   background-color: rgba(0, 0, 0, 0.05); }
15977
15978 .path-grade-edit-tree .setup-grades.generaltable .leveleven {
15979   background-color: transparent; }
15980
15981 /**
15982  * Grader report.
15983  */
15984 .path-grade-report-grader .gradeparent tr .cell {
15985   background-color: #fff; }
15986
15987 .path-grade-report-grader .gradeparent table,
15988 .path-grade-report-grader .gradeparent .cell {
15989   border-color: #dee2e6; }
15990
15991 .path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell,
15992 .path-grade-report-grader .gradeparent .floater .cell,
15993 .path-grade-report-grader .gradeparent .avg {
15994   background-color: #f8f9fa; }
15995
15996 .path-grade-report-grader .gradeparent table .clickable {
15997   cursor: pointer; }
15998
15999 /**
16000  * User report.
16001  */
16002 .path-grade-report-user .user-grade {
16003   border: none; }
16004   .path-grade-report-user .user-grade.generaltable .levelodd {
16005     background-color: rgba(0, 0, 0, 0.05); }
16006   .path-grade-report-user .user-grade.generaltable .leveleven {
16007     background-color: transparent; }
16008
16009 /**
16010  * Single view.
16011  */
16012 .path-grade-report-singleview input[name^="finalgrade"] {
16013   width: 80px; }
16014
16015 .columns-autoflow-1to1to1 {
16016   column-count: 3; }
16017
16018 @media (max-width: 767px) {
16019   .columns-autoflow-1to1to1 {
16020     column-count: 1; } }
16021
16022 /* some very targetted corrections to roll back nameclashes between
16023  * Moodle and Bootstrap like .row, .label, .content, .controls
16024  *
16025  * Mostly relies on these styles being more specific than the Bootstrap
16026  * ones in order to overule them.
16027  */
16028 li.activity.label,
16029 .file-picker td.label {
16030   background: inherit;
16031   color: inherit;
16032   border: inherit;
16033   text-shadow: none;
16034   padding: 8px;
16035   white-space: normal;
16036   display: block;
16037   font-size: inherit;
16038   line-height: inherit;
16039   text-align: inherit; }
16040
16041 .file-picker td.label {
16042   display: table-cell;
16043   text-align: right; }
16044
16045 .choosercontainer #chooseform .option label {
16046   font-size: 12px; }
16047
16048 /* block.invisible vs .invisible
16049  * block.hidden vs .invisible
16050  *
16051  * uses .invisible where the rest of Moodle uses @mixin dimmed
16052  * fixible in block renderer?
16053  *
16054  * There's seems to be even more naming confusion here since,
16055  * blocks can be actually 'visible' (or not) to students,
16056  * marked 'visible' but really just dimmed to indicate to editors
16057  * that students can't see them or  'visible' to the user who
16058  * collapses them, 'visible' if you have the right role and in
16059  * different circumstances different sections of a block can
16060  * be 'visible' or not.
16061  *
16062  * currently worked around in renderers.php function block{}
16063  * by rewriting the class name "invisible" to "dimmed",
16064  * though the blocks don't look particularly different apart
16065  * from their contents disappearing. Maybe try .muted? or
16066  * dimming all the edit icons apart from unhide, might be a
16067  * nice effect, though they'd still be active. Maybe reverse
16068  * it to white?
16069  */
16070 li.section.hidden,
16071 .block.hidden,
16072 .block.invisible {
16073   visibility: visible;
16074   display: block; }
16075
16076 /* .row vs .row
16077  *
16078  * very tricky to track down this when it goes wrong,
16079  * since the styles are applied to generated content
16080  *
16081  * basically if you see things shifted left or right compared
16082  * with where they should be check for a .row
16083  */
16084 .forumpost .row {
16085   margin-left: 0 !important;
16086   /* stylelint-disable-line declaration-no-important */ }
16087
16088 .forumpost .row:before,
16089 .forumpost .row:after {
16090   content: none; }
16091
16092 /* fieldset.hidden vs .hidden
16093  *
16094  * Moodle uses fieldset.hidden for mforms, to signify a collection of
16095  * form elements that don't have a box drawn round them. Bootstrap
16096  * uses hidden for stuff that is hidden in various responsive modes.
16097  *
16098  * Relatedly, there is also fieldset.invisiblefieldset which hides the
16099  * border and sets the display to inline.
16100  *
16101  * Originally this just set block and visible, but it is used
16102  * in random question dialogue in Quiz,
16103  * that dialogue is hidden and shown, so when hidden the
16104  * above workaround leaves you with a button floating around
16105  */
16106 fieldset.hidden {
16107   display: inherit;
16108   visibility: inherit; }
16109
16110 /* .container vs .container
16111  *
16112  * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
16113  * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
16114  * it becomes near unuseable.
16115  */
16116 #questionbank + .container {
16117   width: auto; }
16118
16119 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
16120   display: block;
16121   margin-top: -6px; }
16122
16123 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
16124 .langmenu.open > .dropdown-menu {
16125   display: block;
16126   max-height: 150px;
16127   overflow-y: auto; }
16128
16129 .navbar.fixed-top .dropdown .dropdown-menu {
16130   max-height: calc(100vh - 50px);
16131   overflow-y: auto; }
16132
16133 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
16134   z-index: inherit; }
16135
16136 /* Force positioning of popover arrows.
16137  *
16138  * The Css prefixer used in Moodle does not support complex calc statements used
16139  * in Bootstrap 4 CSS. For example:
16140  * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
16141  * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
16142  */
16143 .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow,
16144 .bs-popover-auto[x-placement^="right"] .arrow {
16145   left: -9px; }
16146
16147 .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow,
16148 .bs-popover-auto[x-placement^="left"] .arrow {
16149   right: -9px; }
16150
16151 .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow,
16152 .bs-popover-auto[x-placement^="top"] .arrow {
16153   bottom: -9px; }
16154
16155 .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow,
16156 .bs-popover-auto[x-placement^="bottom"] .arrow {
16157   top: -9px; }
16158
16159 .custom-select {
16160   word-wrap: normal; }
16161
16162 /* Add commented out carousel transistions back in.
16163  *
16164  * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
16165  */
16166 .carousel-item-next.carousel-item-left,
16167 .carousel-item-prev.carousel-item-right {
16168   transform: translateX(0); }
16169
16170 .carousel-item-next,
16171 .active.carousel-item-right {
16172   transform: translateX(100%); }
16173
16174 .carousel-item-prev,
16175 .active.carousel-item-left {
16176   transform: translateX(-100%); }
16177
16178 body.behat-site .fixed-top {
16179   position: absolute; }
16180
16181 body.behat-site .dropdown-item {
16182   margin-top: 4px !important;
16183   /* stylelint-disable declaration-no-important */ }
16184
16185 body.behat-site.drawer-ease {
16186   -webkit-transition: initial;
16187   -moz-transition: initial;
16188   transition: initial; }
16189
16190 body.behat-site [data-region="drawer"] {
16191   -webkit-transition: initial;
16192   -moz-transition: initial;
16193   transition: initial;
16194   position: absolute; }
16195
16196 .phpinfo table,
16197 .phpinfo th,
16198 .phpinfo h2 {
16199   margin: auto; }
16200
16201 .phpinfo h2 {
16202   width: 600px; }
16203
16204 .phpinfo .e,
16205 .phpinfo .v,
16206 .phpinfo .h {
16207   border: 1px solid #000;
16208   font-size: 0.8em;
16209   vertical-align: baseline;
16210   color: #000;
16211   background-color: #ccc; }
16212
16213 .phpinfo .e {
16214   background-color: #ccf;
16215   font-weight: bold; }
16216
16217 .phpinfo .h {
16218   background-color: #99c;
16219   font-weight: bold; }
16220
16221 table caption {
16222   font-size: 24px;
16223   font-weight: bold;
16224   line-height: 42px;
16225   text-align: left;
16226   caption-side: top; }
16227
16228 /**
16229  * This file contains the styles required to make the footer sticky.
16230  */
16231 html,
16232 body {
16233   height: 100%; }
16234
16235 #page-wrapper {
16236   height: 100%;
16237   display: flex;
16238   flex-direction: column; }
16239   #page-wrapper #page {
16240     flex: 1 0 auto;
16241     display: flex;
16242     flex-direction: column; }
16243     #page-wrapper #page #page-content {
16244       flex: 1 0 auto; }
16245   #page-wrapper #page-footer {
16246     flex-shrink: 0; }
16247
16248 .popover-region {
16249   float: right;
16250   position: relative; }
16251   .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
16252     display: none; }
16253   .popover-region.collapsed .popover-region-container {
16254     opacity: 0;
16255     visibility: hidden;
16256     height: 0;
16257     overflow: hidden;
16258     transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; }
16259
16260 .popover-region-toggle {
16261   cursor: pointer; }
16262   .popover-region-toggle::before {
16263     content: '';
16264     display: inline-block;
16265     border-left: 10px solid transparent;
16266     border-right: 10px solid transparent;
16267     border-bottom: 10px solid #ddd;
16268     position: absolute;
16269     bottom: 0;
16270     right: 7px; }
16271   .popover-region-toggle::after {
16272     content: '';
16273     display: inline-block;
16274     border-left: 9px solid transparent;
16275     border-right: 9px solid transparent;
16276     border-bottom: 9px solid #fff;
16277     position: absolute;
16278     bottom: -1px;
16279     right: 8px;
16280     z-index: 2; }
16281
16282 .count-container {
16283   padding: 2px;
16284   border-radius: 2px;
16285   background-color: red;
16286   color: white;
16287   font-size: 10px;
16288   line-height: 10px;
16289   position: absolute;
16290   top: 5px;
16291   right: 0; }
16292
16293 .popover-region-container {
16294   opacity: 1;
16295   visibility: visible;
16296   position: absolute;
16297   right: 0;
16298   top: 0;
16299   height: 500px;
16300   width: 380px;
16301   border: 1px solid #ddd;
16302   transition: height 0.25s;
16303   background-color: #fff;
16304   z-index: 1; }
16305
16306 .popover-region-header-container {
16307   height: 25px;
16308   line-height: 25px;
16309   padding-left: 5px;
16310   padding-right: 5px;
16311   border-bottom: 1px solid #ddd;
16312   box-sizing: border-box; }
16313
16314 .popover-region-footer-container {
16315   height: 30px;
16316   text-align: center;
16317   border-top: 1px solid #ddd;
16318   background-color: #fff;
16319   padding-top: 3px; }
16320
16321 .popover-region-header-text {
16322   float: left;
16323   margin: 0;
16324   font-size: 14px;
16325   line-height: 25px; }
16326
16327 .popover-region-header-actions {
16328   float: right; }
16329   .popover-region-header-actions > * {
16330     margin-left: 10px;
16331     min-width: 20px;
16332     display: inline-block; }
16333   .popover-region-header-actions .loading-icon {
16334     display: none;
16335     height: 12px;
16336     width: 12px; }
16337   .popover-region-header-actions .newmessage-link {
16338     margin-right: 10px; }
16339   .popover-region-header-actions label {
16340     display: inline-block;
16341     text-align: center;
16342     margin-bottom: 0; }
16343
16344 .popover-region-content-container {
16345   height: calc(100% - 55px);
16346   width: 100%;
16347   overflow-y: auto;
16348   -webkit-overflow-scrolling: touch; }
16349   .popover-region-content-container > .loading-icon {
16350     display: none;
16351     text-align: center;
16352     padding: 5px;
16353     box-sizing: border-box; }
16354   .popover-region-content-container .empty-message {
16355     display: none;
16356     text-align: center;
16357     padding: 10px; }
16358   .popover-region-content-container.loading > .loading-icon {
16359     display: block; }
16360   .popover-region-content-container.loading .empty-message {
16361     display: none; }
16362
16363 .navbar .popover-region {
16364   float: right;
16365   margin-right: 10px; }
16366   .navbar .popover-region.collapsed .popover-region-container {
16367     opacity: 0;
16368     visibility: hidden;
16369     height: 0;
16370     overflow: hidden;
16371     transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; }
16372
16373 .navbar .popover-region-toggle {
16374   width: 25px; }
16375
16376 .navbar .count-container {
16377   padding: 2px;
16378   border-radius: 2px;
16379   background-color: red;
16380   color: white;
16381   font-size: 10px;
16382   line-height: 10px;
16383   position: absolute;
16384   top: 5px;
16385   right: 0; }
16386
16387 .navbar .popover-region-container {
16388   top: 1.96875rem; }
16389
16390 .content-item-container {
16391   width: 100%;
16392   border-bottom: 1px solid #ddd;
16393   box-sizing: border-box;
16394   padding: 5px;
16395   position: relative;
16396   margin: 0;
16397   display: block;
16398   color: inherit;
16399   text-decoration: none; }
16400   .content-item-container:hover {
16401     color: #fff;
16402     background-color: #79b5e6; }
16403     .content-item-container:hover .content-item-footer .timestamp {
16404       color: #fff; }
16405   .content-item-container.unread {
16406     margin: 0;
16407     background-color: #f4f4f4; }
16408     .content-item-container.unread:hover {
16409       color: #fff;
16410       background-color: #79b5e6; }
16411     .content-item-container.unread .content-item-body .notification-message {
16412       font-weight: 600; }
16413   .content-item-container .context-link {
16414     color: inherit;
16415     text-decoration: none; }
16416   .content-item-container .content-item-body {
16417     box-sizing: border-box;
16418     margin-bottom: 5px; }
16419   .content-item-container .content-item-footer {
16420     text-align: left;
16421     box-sizing: border-box; }
16422     .content-item-container .content-item-footer .timestamp {
16423       font-size: 10px;
16424       line-height: 10px;
16425       margin: 0;
16426       color: #666;
16427       margin-left: 24px; }
16428   .content-item-container .view-more {
16429     position: absolute;
16430     bottom: 5px;
16431     right: 5px;
16432     font-size: 12px;
16433     line-height: 12px; }
16434   .content-item-container.notification .content-item-body .notification-image {
16435     display: inline-block;
16436     width: 24px;
16437     height: 24px;
16438     float: left; }
16439     .content-item-container.notification .content-item-body .notification-image img {
16440       height: 75%; }
16441   .content-item-container.notification .content-item-body .notification-message {
16442     display: inline-block;
16443     font-size: 12px;
16444     width: calc(100% - 24px); }
16445   .content-item-container.selected {
16446     background-color: #4f94cd;
16447     color: #fff;
16448     border-color: #4f94cd; }
16449     .content-item-container.selected .content-item-footer .timestamp {
16450       color: #fff; }
16451
16452 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
16453   display: inline-block; }
16454
16455 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
16456   display: none; }
16457
16458 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
16459   display: inline-block; }
16460
16461 .popover-region-notifications .all-notifications {
16462   opacity: 1;
16463   visibility: visible;
16464   height: auto;
16465   overflow: hidden; }
16466   .popover-region-notifications .all-notifications:empty + .empty-message {
16467     display: block; }
16468
16469 .popover-region-notifications .notification-image {
16470   display: inline-block;
16471   width: 8%;
16472   vertical-align: top; }
16473   .popover-region-notifications .notification-image img {
16474     height: 75%; }
16475
16476 .popover-region-notifications .notification-message {
16477   display: inline-block;
16478   font-size: 12px; }
16479
16480 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
16481   display: none; }
16482
16483 .popover-region-messages .mark-all-read-button .normal-icon {
16484   display: inline-block; }
16485
16486 .popover-region-messages .mark-all-read-button.loading .normal-icon {
16487   display: none; }
16488
16489 .popover-region-messages .mark-all-read-button.loading .loading-icon {
16490   display: inline-block; }
16491
16492 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
16493   display: none; }
16494
16495 .popover-region-messages .messages:empty + .empty-message {
16496   display: block; }
16497
16498 .popover-region-messages .content-item-container.unread .content-item-body {
16499   font-weight: 600;
16500   width: calc(90% - 30px); }
16501
16502 .popover-region-messages .content-item-container.unread .unread-count-container {
16503   display: inline-block;
16504   width: 10%;
16505   text-align: center;
16506   float: right; }
16507
16508 .popover-region-messages .content-item {
16509   height: 100%;
16510   width: 100%;
16511   box-sizing: border-box; }
16512
16513 .popover-region-messages .profile-image-container {
16514   width: 30px;
16515   display: inline-block;
16516   text-align: center;
16517   float: left; }
16518   .popover-region-messages .profile-image-container img {
16519     width: 100%;
16520     display: inline-block;
16521     vertical-align: middle;
16522     border-radius: 50%; }
16523
16524 .popover-region-messages .content-item-body {
16525   display: inline-block;
16526   box-sizing: border-box;
16527   width: calc(100% - 30px);
16528   font-size: 12px;
16529   padding-left: 10px;
16530   overflow: hidden; }
16531   .popover-region-messages .content-item-body h3 {
16532     font-size: 12px;
16533     line-height: 12px;
16534     margin: 0;
16535     width: 100%; }
16536   .popover-region-messages .content-item-body p {
16537     margin: 0; }
16538
16539 .popover-region-messages .unread-count-container {
16540   display: none; }
16541
16542 @media (max-width: 767px) {
16543   .navbar .popover-region .popover-region-container {
16544     right: -70px; } }
16545
16546 @media (max-width: 480px) {
16547   .navbar .popover-region .popover-region-container {
16548     position: fixed;
16549     top: 46px;
16550     right: 0;
16551     left: 0;
16552     bottom: 0;
16553     width: auto;
16554     height: auto; } }
16555
16556 /**
16557  * Tour step must sit above all other UI components.
16558  * The backdrop is the lowest point in the tour.
16559  * Everything else is in the container, and the target background should be at the same z-index.
16560  * ----- moodle
16561  *  ---- step backdrop
16562  *   --- step container
16563  *   --- step target background
16564  */
16565 div[data-flexitour="backdrop"] {
16566   background-color: #000;
16567   opacity: 0.5;
16568   z-index: 1040; }
16569
16570 div[data-flexitour="step-background-fader"],
16571 div[data-flexitour="step-background"] {
16572   z-index: 1041; }
16573
16574 span[data-flexitour="container"],
16575 div[data-flexitour="step-background-fader"],
16576 [data-flexitour="step-backdrop"] > td,
16577 [data-flexitour="step-backdrop"] {
16578   z-index: 1042; }
16579
16580 span[data-flexitour="container"] .modal-dialog {
16581   /**
16582          * Remove all margins to:
16583          * 1) ensure that the arrow touches the target; and
16584          * 2) ensure that the focus border touches the modal.
16585          */
16586   margin: 0; }
16587
16588 span[data-flexitour="container"] div[data-role="arrow"] {
16589   border-width: 11px; }
16590
16591 span[data-flexitour="container"] div[data-role="arrow"],
16592 span[data-flexitour="container"] div[data-role="arrow"]:after {
16593   position: absolute;
16594   display: block;
16595   width: 0;
16596   height: 0;
16597   border-color: transparent;
16598   border-style: solid;
16599   border-width: 1rem; }
16600
16601 span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] {
16602   margin-bottom: 1rem; }
16603   span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
16604     bottom: -11px;
16605     left: 50%;
16606     margin-left: -11px;
16607     border-bottom-width: 0;
16608     border-top-color: rgba(0, 0, 0, 0.25); }
16609   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 {
16610     bottom: 1px;
16611     margin-left: -1rem;
16612     content: " ";
16613     border-bottom-width: 0;
16614     border-top-color: #fff; }
16615
16616 span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] {
16617   margin-top: 1rem; }
16618   span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
16619     top: -11px;
16620     left: 50%;
16621     margin-left: -11px;
16622     border-top-width: 0;
16623     border-bottom-color: rgba(0, 0, 0, 0.25); }
16624   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 {
16625     top: 1px;
16626     margin-left: -1rem;
16627     content: " ";
16628     border-top-width: 0;
16629     border-bottom-color: #fff; }
16630
16631 span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] {
16632   margin-right: 1rem; }
16633   span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
16634     right: -11px;
16635     top: 50%;
16636     margin-top: -11px;
16637     border-right-width: 0;
16638     border-left-color: rgba(0, 0, 0, 0.25); }
16639   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 {
16640     right: 1px;
16641     margin-top: -1rem;
16642     content: " ";
16643     border-right-width: 0;
16644     border-left-color: #fff; }
16645
16646 span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] {
16647   margin-left: 1rem; }
16648   span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
16649     left: -11px;
16650     top: 50%;
16651     margin-top: -11px;
16652     border-left-width: 0;
16653     border-right-color: rgba(0, 0, 0, 0.25); }
16654   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 {
16655     left: 1px;
16656     margin-top: -1rem;
16657     content: " ";
16658     border-left-width: 0;
16659     border-right-color: #fff; }
16660
16661 [data-region="drawer"] [data-flexitour="container"] {
16662   /*rtl:ignore*/
16663   margin-left: -15px;
16664   width: 275px; }
16665
16666 .label {
16667   background-color: #868e96; }
16668   .label[href]:hover, .label[href]:focus {
16669     background-color: #6c757d; }
16670
16671 .label-success {
16672   background-color: #5cb85c; }
16673   .label-success[href]:hover, .label-success[href]:focus {
16674     background-color: #449d44; }
16675
16676 .label-info {
16677   background-color: #5bc0de; }
16678   .label-info[href]:hover, .label-info[href]:focus {
16679     background-color: #31b0d5; }
16680
16681 .label-warning {
16682   background-color: #ff7518; }
16683   .label-warning[href]:hover, .label-warning[href]:focus {
16684     background-color: #e45c00; }
16685
16686 .label-important {
16687   background-color: #d9534f; }
16688   .label-important[href]:hover, .label-important[href]:focus {
16689     background-color: #c9302c; }
16690
16691 .pull-left {
16692   float: left !important; }
16693
16694 .pull-right {
16695   float: right !important; }
16696
16697 @media print {
16698   body.drawer-open-left.jsenabled,
16699   body.drawer-open-right.jsenabled {
16700     margin: 0; }
16701   .container {
16702     width: auto; } }
16703
16704 .modal .modal-body > .loading-icon {
16705   display: block;
16706   position: relative;
16707   width: 100%;
16708   height: 100%; }
16709   .modal .modal-body > .loading-icon .icon {
16710     position: absolute;
16711     top: 50%;
16712     /*rtl:ignore*/
16713     left: 50%;
16714     transform: translate(-50%, -50%); }
16715
16716 body {
16717   -webkit-font-smoothing: antialiased; }
16718
16719 .navbar {
16720   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
16721
16722 .userpicture {
16723   border-radius: 50%; }
16724
16725 .btn-outline-secondary {
16726   color: #868e96;
16727   background-color: transparent;
16728   background-image: none;
16729   border-color: #868e96;
16730   border-color: #dee2e6; }
16731   .btn-outline-secondary:hover {
16732     color: #fff;
16733     background-color: #868e96;
16734     border-color: #868e96; }
16735   .btn-outline-secondary:focus, .btn-outline-secondary.focus {
16736     box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
16737   .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
16738     color: #868e96;
16739     background-color: transparent; }
16740   .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
16741   .show > .btn-outline-secondary.dropdown-toggle {
16742     color: #fff;
16743     background-color: #868e96;
16744     border-color: #868e96; }
16745     .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
16746     .show > .btn-outline-secondary.dropdown-toggle:focus {
16747       box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
16748
16749 .bg-gray {
16750   background-color: #e9ecef !important; }
16751
16752 a.bg-gray:hover, a.bg-gray:focus,
16753 button.bg-gray:hover,
16754 button.bg-gray:focus {
16755   background-color: #cbd3da !important; }