Merge branch 'MDL-64102-master' of git://github.com/bmbrands/moodle
[moodle.git] / theme / boost / style / moodle.css
blobf8968cde47c1ea9e15caaa7d2f674c32e7ca47b6
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; }
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)
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; }
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%; }
29 .fa-2x {
30 font-size: 2em; }
32 .fa-3x {
33 font-size: 3em; }
35 .fa-4x {
36 font-size: 4em; }
38 .fa-5x {
39 font-size: 5em; }
41 .fa-fw {
42 width: 1.2857142857em;
43 text-align: center; }
45 .fa-ul {
46 padding-left: 0;
47 margin-left: 2.1428571429em;
48 list-style-type: none; }
49 .fa-ul > li {
50 position: relative; }
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; }
61 .fa-border {
62 padding: .2em .25em .15em;
63 border: solid 0.08em #eee;
64 border-radius: .1em; }
66 .fa-pull-left {
67 float: left; }
69 .fa-pull-right {
70 float: right; }
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; }
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; }
82 /* Deprecated as of 4.4.0 */
83 .pull-right {
84 float: right; }
86 .pull-left {
87 float: left; }
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; }
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; }
99 .fa-spin {
100 -webkit-animation: fa-spin 2s infinite linear;
101 animation: fa-spin 2s infinite linear; }
103 .fa-pulse {
104 -webkit-animation: fa-spin 1s infinite steps(8);
105 animation: fa-spin 1s infinite steps(8); }
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); } }
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); } }
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); }
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); }
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); }
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); }
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); }
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; }
160 .fa-stack {
161 position: relative;
162 display: inline-block;
163 width: 2em;
164 height: 2em;
165 line-height: 2em;
166 vertical-align: middle; }
168 .fa-stack-1x, .fa-stack-2x {
169 position: absolute;
170 left: 0;
171 width: 100%;
172 text-align: center; }
174 .fa-stack-1x {
175 line-height: inherit; }
177 .fa-stack-2x {
178 font-size: 2em; }
180 .fa-inverse {
181 color: #fff; }
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: ""; }
188 .fa-music:before {
189 content: ""; }
191 .fa-search:before {
192 content: ""; }
194 .fa-envelope-o:before {
195 content: ""; }
197 .fa-heart:before {
198 content: ""; }
200 .fa-star:before {
201 content: ""; }
203 .fa-star-o:before {
204 content: ""; }
206 .fa-user:before {
207 content: ""; }
209 .fa-film:before {
210 content: ""; }
212 .fa-th-large:before {
213 content: ""; }
215 .fa-th:before {
216 content: ""; }
218 .fa-th-list:before {
219 content: ""; }
221 .fa-check:before {
222 content: ""; }
224 .fa-remove:before,
225 .fa-close:before,
226 .fa-times:before {
227 content: ""; }
229 .fa-search-plus:before {
230 content: ""; }
232 .fa-search-minus:before {
233 content: ""; }
235 .fa-power-off:before {
236 content: ""; }
238 .fa-signal:before {
239 content: ""; }
241 .fa-gear:before,
242 .fa-cog:before {
243 content: ""; }
245 .fa-trash-o:before {
246 content: ""; }
248 .fa-home:before {
249 content: ""; }
251 .fa-file-o:before {
252 content: ""; }
254 .fa-clock-o:before {
255 content: ""; }
257 .fa-road:before {
258 content: ""; }
260 .fa-download:before {
261 content: ""; }
263 .fa-arrow-circle-o-down:before {
264 content: ""; }
266 .fa-arrow-circle-o-up:before {
267 content: ""; }
269 .fa-inbox:before {
270 content: ""; }
272 .fa-play-circle-o:before {
273 content: ""; }
275 .fa-rotate-right:before,
276 .fa-repeat:before {
277 content: ""; }
279 .fa-refresh:before {
280 content: ""; }
282 .fa-list-alt:before {
283 content: ""; }
285 .fa-lock:before {
286 content: ""; }
288 .fa-flag:before {
289 content: ""; }
291 .fa-headphones:before {
292 content: ""; }
294 .fa-volume-off:before {
295 content: ""; }
297 .fa-volume-down:before {
298 content: ""; }
300 .fa-volume-up:before {
301 content: ""; }
303 .fa-qrcode:before {
304 content: ""; }
306 .fa-barcode:before {
307 content: ""; }
309 .fa-tag:before {
310 content: ""; }
312 .fa-tags:before {
313 content: ""; }
315 .fa-book:before {
316 content: ""; }
318 .fa-bookmark:before {
319 content: ""; }
321 .fa-print:before {
322 content: ""; }
324 .fa-camera:before {
325 content: ""; }
327 .fa-font:before {
328 content: ""; }
330 .fa-bold:before {
331 content: ""; }
333 .fa-italic:before {
334 content: ""; }
336 .fa-text-height:before {
337 content: ""; }
339 .fa-text-width:before {
340 content: ""; }
342 .fa-align-left:before {
343 content: ""; }
345 .fa-align-center:before {
346 content: ""; }
348 .fa-align-right:before {
349 content: ""; }
351 .fa-align-justify:before {
352 content: ""; }
354 .fa-list:before {
355 content: ""; }
357 .fa-dedent:before,
358 .fa-outdent:before {
359 content: ""; }
361 .fa-indent:before {
362 content: ""; }
364 .fa-video-camera:before {
365 content: ""; }
367 .fa-photo:before,
368 .fa-image:before,
369 .fa-picture-o:before {
370 content: ""; }
372 .fa-pencil:before {
373 content: ""; }
375 .fa-map-marker:before {
376 content: ""; }
378 .fa-adjust:before {
379 content: ""; }
381 .fa-tint:before {
382 content: ""; }
384 .fa-edit:before,
385 .fa-pencil-square-o:before {
386 content: ""; }
388 .fa-share-square-o:before {
389 content: ""; }
391 .fa-check-square-o:before {
392 content: ""; }
394 .fa-arrows:before {
395 content: ""; }
397 .fa-step-backward:before {
398 content: ""; }
400 .fa-fast-backward:before {
401 content: ""; }
403 .fa-backward:before {
404 content: ""; }
406 .fa-play:before {
407 content: ""; }
409 .fa-pause:before {
410 content: ""; }
412 .fa-stop:before {
413 content: ""; }
415 .fa-forward:before {
416 content: ""; }
418 .fa-fast-forward:before {
419 content: ""; }
421 .fa-step-forward:before {
422 content: ""; }
424 .fa-eject:before {
425 content: ""; }
427 .fa-chevron-left:before {
428 content: ""; }
430 .fa-chevron-right:before {
431 content: ""; }
433 .fa-plus-circle:before {
434 content: ""; }
436 .fa-minus-circle:before {
437 content: ""; }
439 .fa-times-circle:before {
440 content: ""; }
442 .fa-check-circle:before {
443 content: ""; }
445 .fa-question-circle:before {
446 content: ""; }
448 .fa-info-circle:before {
449 content: ""; }
451 .fa-crosshairs:before {
452 content: ""; }
454 .fa-times-circle-o:before {
455 content: ""; }
457 .fa-check-circle-o:before {
458 content: ""; }
460 .fa-ban:before {
461 content: ""; }
463 .fa-arrow-left:before {
464 content: ""; }
466 .fa-arrow-right:before {
467 content: ""; }
469 .fa-arrow-up:before {
470 content: ""; }
472 .fa-arrow-down:before {
473 content: ""; }
475 .fa-mail-forward:before,
476 .fa-share:before {
477 content: ""; }
479 .fa-expand:before {
480 content: ""; }
482 .fa-compress:before {
483 content: ""; }
485 .fa-plus:before {
486 content: ""; }
488 .fa-minus:before {
489 content: ""; }
491 .fa-asterisk:before {
492 content: ""; }
494 .fa-exclamation-circle:before {
495 content: ""; }
497 .fa-gift:before {
498 content: ""; }
500 .fa-leaf:before {
501 content: ""; }
503 .fa-fire:before {
504 content: ""; }
506 .fa-eye:before {
507 content: ""; }
509 .fa-eye-slash:before {
510 content: ""; }
512 .fa-warning:before,
513 .fa-exclamation-triangle:before {
514 content: ""; }
516 .fa-plane:before {
517 content: ""; }
519 .fa-calendar:before {
520 content: ""; }
522 .fa-random:before {
523 content: ""; }
525 .fa-comment:before {
526 content: ""; }
528 .fa-magnet:before {
529 content: ""; }
531 .fa-chevron-up:before {
532 content: ""; }
534 .fa-chevron-down:before {
535 content: ""; }
537 .fa-retweet:before {
538 content: ""; }
540 .fa-shopping-cart:before {
541 content: ""; }
543 .fa-folder:before {
544 content: ""; }
546 .fa-folder-open:before {
547 content: ""; }
549 .fa-arrows-v:before {
550 content: ""; }
552 .fa-arrows-h:before {
553 content: ""; }
555 .fa-bar-chart-o:before,
556 .fa-bar-chart:before {
557 content: ""; }
559 .fa-twitter-square:before {
560 content: ""; }
562 .fa-facebook-square:before {
563 content: ""; }
565 .fa-camera-retro:before {
566 content: ""; }
568 .fa-key:before {
569 content: ""; }
571 .fa-gears:before,
572 .fa-cogs:before {
573 content: ""; }
575 .fa-comments:before {
576 content: ""; }
578 .fa-thumbs-o-up:before {
579 content: ""; }
581 .fa-thumbs-o-down:before {
582 content: ""; }
584 .fa-star-half:before {
585 content: ""; }
587 .fa-heart-o:before {
588 content: ""; }
590 .fa-sign-out:before {
591 content: ""; }
593 .fa-linkedin-square:before {
594 content: ""; }
596 .fa-thumb-tack:before {
597 content: ""; }
599 .fa-external-link:before {
600 content: ""; }
602 .fa-sign-in:before {
603 content: ""; }
605 .fa-trophy:before {
606 content: ""; }
608 .fa-github-square:before {
609 content: ""; }
611 .fa-upload:before {
612 content: ""; }
614 .fa-lemon-o:before {
615 content: ""; }
617 .fa-phone:before {
618 content: ""; }
620 .fa-square-o:before {
621 content: ""; }
623 .fa-bookmark-o:before {
624 content: ""; }
626 .fa-phone-square:before {
627 content: ""; }
629 .fa-twitter:before {
630 content: ""; }
632 .fa-facebook-f:before,
633 .fa-facebook:before {
634 content: ""; }
636 .fa-github:before {
637 content: ""; }
639 .fa-unlock:before {
640 content: ""; }
642 .fa-credit-card:before {
643 content: ""; }
645 .fa-feed:before,
646 .fa-rss:before {
647 content: ""; }
649 .fa-hdd-o:before {
650 content: ""; }
652 .fa-bullhorn:before {
653 content: ""; }
655 .fa-bell:before {
656 content: ""; }
658 .fa-certificate:before {
659 content: ""; }
661 .fa-hand-o-right:before {
662 content: ""; }
664 .fa-hand-o-left:before {
665 content: ""; }
667 .fa-hand-o-up:before {
668 content: ""; }
670 .fa-hand-o-down:before {
671 content: ""; }
673 .fa-arrow-circle-left:before {
674 content: ""; }
676 .fa-arrow-circle-right:before {
677 content: ""; }
679 .fa-arrow-circle-up:before {
680 content: ""; }
682 .fa-arrow-circle-down:before {
683 content: ""; }
685 .fa-globe:before {
686 content: ""; }
688 .fa-wrench:before {
689 content: ""; }
691 .fa-tasks:before {
692 content: ""; }
694 .fa-filter:before {
695 content: ""; }
697 .fa-briefcase:before {
698 content: ""; }
700 .fa-arrows-alt:before {
701 content: ""; }
703 .fa-group:before,
704 .fa-users:before {
705 content: ""; }
707 .fa-chain:before,
708 .fa-link:before {
709 content: ""; }
711 .fa-cloud:before {
712 content: ""; }
714 .fa-flask:before {
715 content: ""; }
717 .fa-cut:before,
718 .fa-scissors:before {
719 content: ""; }
721 .fa-copy:before,
722 .fa-files-o:before {
723 content: ""; }
725 .fa-paperclip:before {
726 content: ""; }
728 .fa-save:before,
729 .fa-floppy-o:before {
730 content: ""; }
732 .fa-square:before {
733 content: ""; }
735 .fa-navicon:before,
736 .fa-reorder:before,
737 .fa-bars:before {
738 content: ""; }
740 .fa-list-ul:before {
741 content: ""; }
743 .fa-list-ol:before {
744 content: ""; }
746 .fa-strikethrough:before {
747 content: ""; }
749 .fa-underline:before {
750 content: ""; }
752 .fa-table:before {
753 content: ""; }
755 .fa-magic:before {
756 content: ""; }
758 .fa-truck:before {
759 content: ""; }
761 .fa-pinterest:before {
762 content: ""; }
764 .fa-pinterest-square:before {
765 content: ""; }
767 .fa-google-plus-square:before {
768 content: ""; }
770 .fa-google-plus:before {
771 content: ""; }
773 .fa-money:before {
774 content: ""; }
776 .fa-caret-down:before {
777 content: ""; }
779 .fa-caret-up:before {
780 content: ""; }
782 .fa-caret-left:before {
783 content: ""; }
785 .fa-caret-right:before {
786 content: ""; }
788 .fa-columns:before {
789 content: ""; }
791 .fa-unsorted:before,
792 .fa-sort:before {
793 content: ""; }
795 .fa-sort-down:before,
796 .fa-sort-desc:before {
797 content: ""; }
799 .fa-sort-up:before,
800 .fa-sort-asc:before {
801 content: ""; }
803 .fa-envelope:before {
804 content: ""; }
806 .fa-linkedin:before {
807 content: ""; }
809 .fa-rotate-left:before,
810 .fa-undo:before {
811 content: ""; }
813 .fa-legal:before,
814 .fa-gavel:before {
815 content: ""; }
817 .fa-dashboard:before,
818 .fa-tachometer:before {
819 content: ""; }
821 .fa-comment-o:before {
822 content: ""; }
824 .fa-comments-o:before {
825 content: ""; }
827 .fa-flash:before,
828 .fa-bolt:before {
829 content: ""; }
831 .fa-sitemap:before {
832 content: ""; }
834 .fa-umbrella:before {
835 content: ""; }
837 .fa-paste:before,
838 .fa-clipboard:before {
839 content: ""; }
841 .fa-lightbulb-o:before {
842 content: ""; }
844 .fa-exchange:before {
845 content: ""; }
847 .fa-cloud-download:before {
848 content: ""; }
850 .fa-cloud-upload:before {
851 content: ""; }
853 .fa-user-md:before {
854 content: ""; }
856 .fa-stethoscope:before {
857 content: ""; }
859 .fa-suitcase:before {
860 content: ""; }
862 .fa-bell-o:before {
863 content: ""; }
865 .fa-coffee:before {
866 content: ""; }
868 .fa-cutlery:before {
869 content: ""; }
871 .fa-file-text-o:before {
872 content: ""; }
874 .fa-building-o:before {
875 content: ""; }
877 .fa-hospital-o:before {
878 content: ""; }
880 .fa-ambulance:before {
881 content: ""; }
883 .fa-medkit:before {
884 content: ""; }
886 .fa-fighter-jet:before {
887 content: ""; }
889 .fa-beer:before {
890 content: ""; }
892 .fa-h-square:before {
893 content: ""; }
895 .fa-plus-square:before {
896 content: ""; }
898 .fa-angle-double-left:before {
899 content: ""; }
901 .fa-angle-double-right:before {
902 content: ""; }
904 .fa-angle-double-up:before {
905 content: ""; }
907 .fa-angle-double-down:before {
908 content: ""; }
910 .fa-angle-left:before {
911 content: ""; }
913 .fa-angle-right:before {
914 content: ""; }
916 .fa-angle-up:before {
917 content: ""; }
919 .fa-angle-down:before {
920 content: ""; }
922 .fa-desktop:before {
923 content: ""; }
925 .fa-laptop:before {
926 content: ""; }
928 .fa-tablet:before {
929 content: ""; }
931 .fa-mobile-phone:before,
932 .fa-mobile:before {
933 content: ""; }
935 .fa-circle-o:before {
936 content: ""; }
938 .fa-quote-left:before {
939 content: ""; }
941 .fa-quote-right:before {
942 content: ""; }
944 .fa-spinner:before {
945 content: ""; }
947 .fa-circle:before {
948 content: ""; }
950 .fa-mail-reply:before,
951 .fa-reply:before {
952 content: ""; }
954 .fa-github-alt:before {
955 content: ""; }
957 .fa-folder-o:before {
958 content: ""; }
960 .fa-folder-open-o:before {
961 content: ""; }
963 .fa-smile-o:before {
964 content: ""; }
966 .fa-frown-o:before {
967 content: ""; }
969 .fa-meh-o:before {
970 content: ""; }
972 .fa-gamepad:before {
973 content: ""; }
975 .fa-keyboard-o:before {
976 content: ""; }
978 .fa-flag-o:before {
979 content: ""; }
981 .fa-flag-checkered:before {
982 content: ""; }
984 .fa-terminal:before {
985 content: ""; }
987 .fa-code:before {
988 content: ""; }
990 .fa-mail-reply-all:before,
991 .fa-reply-all:before {
992 content: ""; }
994 .fa-star-half-empty:before,
995 .fa-star-half-full:before,
996 .fa-star-half-o:before {
997 content: ""; }
999 .fa-location-arrow:before {
1000 content: ""; }
1002 .fa-crop:before {
1003 content: ""; }
1005 .fa-code-fork:before {
1006 content: ""; }
1008 .fa-unlink:before,
1009 .fa-chain-broken:before {
1010 content: ""; }
1012 .fa-question:before {
1013 content: ""; }
1015 .fa-info:before {
1016 content: ""; }
1018 .fa-exclamation:before {
1019 content: ""; }
1021 .fa-superscript:before {
1022 content: ""; }
1024 .fa-subscript:before {
1025 content: ""; }
1027 .fa-eraser:before {
1028 content: ""; }
1030 .fa-puzzle-piece:before {
1031 content: ""; }
1033 .fa-microphone:before {
1034 content: ""; }
1036 .fa-microphone-slash:before {
1037 content: ""; }
1039 .fa-shield:before {
1040 content: ""; }
1042 .fa-calendar-o:before {
1043 content: ""; }
1045 .fa-fire-extinguisher:before {
1046 content: ""; }
1048 .fa-rocket:before {
1049 content: ""; }
1051 .fa-maxcdn:before {
1052 content: ""; }
1054 .fa-chevron-circle-left:before {
1055 content: ""; }
1057 .fa-chevron-circle-right:before {
1058 content: ""; }
1060 .fa-chevron-circle-up:before {
1061 content: ""; }
1063 .fa-chevron-circle-down:before {
1064 content: ""; }
1066 .fa-html5:before {
1067 content: ""; }
1069 .fa-css3:before {
1070 content: ""; }
1072 .fa-anchor:before {
1073 content: ""; }
1075 .fa-unlock-alt:before {
1076 content: ""; }
1078 .fa-bullseye:before {
1079 content: ""; }
1081 .fa-ellipsis-h:before {
1082 content: ""; }
1084 .fa-ellipsis-v:before {
1085 content: ""; }
1087 .fa-rss-square:before {
1088 content: ""; }
1090 .fa-play-circle:before {
1091 content: ""; }
1093 .fa-ticket:before {
1094 content: ""; }
1096 .fa-minus-square:before {
1097 content: ""; }
1099 .fa-minus-square-o:before {
1100 content: ""; }
1102 .fa-level-up:before {
1103 content: ""; }
1105 .fa-level-down:before {
1106 content: ""; }
1108 .fa-check-square:before {
1109 content: ""; }
1111 .fa-pencil-square:before {
1112 content: ""; }
1114 .fa-external-link-square:before {
1115 content: ""; }
1117 .fa-share-square:before {
1118 content: ""; }
1120 .fa-compass:before {
1121 content: ""; }
1123 .fa-toggle-down:before,
1124 .fa-caret-square-o-down:before {
1125 content: ""; }
1127 .fa-toggle-up:before,
1128 .fa-caret-square-o-up:before {
1129 content: ""; }
1131 .fa-toggle-right:before,
1132 .fa-caret-square-o-right:before {
1133 content: ""; }
1135 .fa-euro:before,
1136 .fa-eur:before {
1137 content: ""; }
1139 .fa-gbp:before {
1140 content: ""; }
1142 .fa-dollar:before,
1143 .fa-usd:before {
1144 content: ""; }
1146 .fa-rupee:before,
1147 .fa-inr:before {
1148 content: ""; }
1150 .fa-cny:before,
1151 .fa-rmb:before,
1152 .fa-yen:before,
1153 .fa-jpy:before {
1154 content: ""; }
1156 .fa-ruble:before,
1157 .fa-rouble:before,
1158 .fa-rub:before {
1159 content: ""; }
1161 .fa-won:before,
1162 .fa-krw:before {
1163 content: ""; }
1165 .fa-bitcoin:before,
1166 .fa-btc:before {
1167 content: ""; }
1169 .fa-file:before {
1170 content: ""; }
1172 .fa-file-text:before {
1173 content: ""; }
1175 .fa-sort-alpha-asc:before {
1176 content: ""; }
1178 .fa-sort-alpha-desc:before {
1179 content: ""; }
1181 .fa-sort-amount-asc:before {
1182 content: ""; }
1184 .fa-sort-amount-desc:before {
1185 content: ""; }
1187 .fa-sort-numeric-asc:before {
1188 content: ""; }
1190 .fa-sort-numeric-desc:before {
1191 content: ""; }
1193 .fa-thumbs-up:before {
1194 content: ""; }
1196 .fa-thumbs-down:before {
1197 content: ""; }
1199 .fa-youtube-square:before {
1200 content: ""; }
1202 .fa-youtube:before {
1203 content: ""; }
1205 .fa-xing:before {
1206 content: ""; }
1208 .fa-xing-square:before {
1209 content: ""; }
1211 .fa-youtube-play:before {
1212 content: ""; }
1214 .fa-dropbox:before {
1215 content: ""; }
1217 .fa-stack-overflow:before {
1218 content: ""; }
1220 .fa-instagram:before {
1221 content: ""; }
1223 .fa-flickr:before {
1224 content: ""; }
1226 .fa-adn:before {
1227 content: ""; }
1229 .fa-bitbucket:before {
1230 content: ""; }
1232 .fa-bitbucket-square:before {
1233 content: ""; }
1235 .fa-tumblr:before {
1236 content: ""; }
1238 .fa-tumblr-square:before {
1239 content: ""; }
1241 .fa-long-arrow-down:before {
1242 content: ""; }
1244 .fa-long-arrow-up:before {
1245 content: ""; }
1247 .fa-long-arrow-left:before {
1248 content: ""; }
1250 .fa-long-arrow-right:before {
1251 content: ""; }
1253 .fa-apple:before {
1254 content: ""; }
1256 .fa-windows:before {
1257 content: ""; }
1259 .fa-android:before {
1260 content: ""; }
1262 .fa-linux:before {
1263 content: ""; }
1265 .fa-dribbble:before {
1266 content: ""; }
1268 .fa-skype:before {
1269 content: ""; }
1271 .fa-foursquare:before {
1272 content: ""; }
1274 .fa-trello:before {
1275 content: ""; }
1277 .fa-female:before {
1278 content: ""; }
1280 .fa-male:before {
1281 content: ""; }
1283 .fa-gittip:before,
1284 .fa-gratipay:before {
1285 content: ""; }
1287 .fa-sun-o:before {
1288 content: ""; }
1290 .fa-moon-o:before {
1291 content: ""; }
1293 .fa-archive:before {
1294 content: ""; }
1296 .fa-bug:before {
1297 content: ""; }
1299 .fa-vk:before {
1300 content: ""; }
1302 .fa-weibo:before {
1303 content: ""; }
1305 .fa-renren:before {
1306 content: ""; }
1308 .fa-pagelines:before {
1309 content: ""; }
1311 .fa-stack-exchange:before {
1312 content: ""; }
1314 .fa-arrow-circle-o-right:before {
1315 content: ""; }
1317 .fa-arrow-circle-o-left:before {
1318 content: ""; }
1320 .fa-toggle-left:before,
1321 .fa-caret-square-o-left:before {
1322 content: ""; }
1324 .fa-dot-circle-o:before {
1325 content: ""; }
1327 .fa-wheelchair:before {
1328 content: ""; }
1330 .fa-vimeo-square:before {
1331 content: ""; }
1333 .fa-turkish-lira:before,
1334 .fa-try:before {
1335 content: ""; }
1337 .fa-plus-square-o:before {
1338 content: ""; }
1340 .fa-space-shuttle:before {
1341 content: ""; }
1343 .fa-slack:before {
1344 content: ""; }
1346 .fa-envelope-square:before {
1347 content: ""; }
1349 .fa-wordpress:before {
1350 content: ""; }
1352 .fa-openid:before {
1353 content: ""; }
1355 .fa-institution:before,
1356 .fa-bank:before,
1357 .fa-university:before {
1358 content: ""; }
1360 .fa-mortar-board:before,
1361 .fa-graduation-cap:before {
1362 content: ""; }
1364 .fa-yahoo:before {
1365 content: ""; }
1367 .fa-google:before {
1368 content: ""; }
1370 .fa-reddit:before {
1371 content: ""; }
1373 .fa-reddit-square:before {
1374 content: ""; }
1376 .fa-stumbleupon-circle:before {
1377 content: ""; }
1379 .fa-stumbleupon:before {
1380 content: ""; }
1382 .fa-delicious:before {
1383 content: ""; }
1385 .fa-digg:before {
1386 content: ""; }
1388 .fa-pied-piper-pp:before {
1389 content: ""; }
1391 .fa-pied-piper-alt:before {
1392 content: ""; }
1394 .fa-drupal:before {
1395 content: ""; }
1397 .fa-joomla:before {
1398 content: ""; }
1400 .fa-language:before {
1401 content: ""; }
1403 .fa-fax:before {
1404 content: ""; }
1406 .fa-building:before {
1407 content: ""; }
1409 .fa-child:before {
1410 content: ""; }
1412 .fa-paw:before {
1413 content: ""; }
1415 .fa-spoon:before {
1416 content: ""; }
1418 .fa-cube:before {
1419 content: ""; }
1421 .fa-cubes:before {
1422 content: ""; }
1424 .fa-behance:before {
1425 content: ""; }
1427 .fa-behance-square:before {
1428 content: ""; }
1430 .fa-steam:before {
1431 content: ""; }
1433 .fa-steam-square:before {
1434 content: ""; }
1436 .fa-recycle:before {
1437 content: ""; }
1439 .fa-automobile:before,
1440 .fa-car:before {
1441 content: ""; }
1443 .fa-cab:before,
1444 .fa-taxi:before {
1445 content: ""; }
1447 .fa-tree:before {
1448 content: ""; }
1450 .fa-spotify:before {
1451 content: ""; }
1453 .fa-deviantart:before {
1454 content: ""; }
1456 .fa-soundcloud:before {
1457 content: ""; }
1459 .fa-database:before {
1460 content: ""; }
1462 .fa-file-pdf-o:before {
1463 content: ""; }
1465 .fa-file-word-o:before {
1466 content: ""; }
1468 .fa-file-excel-o:before {
1469 content: ""; }
1471 .fa-file-powerpoint-o:before {
1472 content: ""; }
1474 .fa-file-photo-o:before,
1475 .fa-file-picture-o:before,
1476 .fa-file-image-o:before {
1477 content: ""; }
1479 .fa-file-zip-o:before,
1480 .fa-file-archive-o:before {
1481 content: ""; }
1483 .fa-file-sound-o:before,
1484 .fa-file-audio-o:before {
1485 content: ""; }
1487 .fa-file-movie-o:before,
1488 .fa-file-video-o:before {
1489 content: ""; }
1491 .fa-file-code-o:before {
1492 content: ""; }
1494 .fa-vine:before {
1495 content: ""; }
1497 .fa-codepen:before {
1498 content: ""; }
1500 .fa-jsfiddle:before {
1501 content: ""; }
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: ""; }
1510 .fa-circle-o-notch:before {
1511 content: ""; }
1513 .fa-ra:before,
1514 .fa-resistance:before,
1515 .fa-rebel:before {
1516 content: ""; }
1518 .fa-ge:before,
1519 .fa-empire:before {
1520 content: ""; }
1522 .fa-git-square:before {
1523 content: ""; }
1525 .fa-git:before {
1526 content: ""; }
1528 .fa-y-combinator-square:before,
1529 .fa-yc-square:before,
1530 .fa-hacker-news:before {
1531 content: ""; }
1533 .fa-tencent-weibo:before {
1534 content: ""; }
1536 .fa-qq:before {
1537 content: ""; }
1539 .fa-wechat:before,
1540 .fa-weixin:before {
1541 content: ""; }
1543 .fa-send:before,
1544 .fa-paper-plane:before {
1545 content: ""; }
1547 .fa-send-o:before,
1548 .fa-paper-plane-o:before {
1549 content: ""; }
1551 .fa-history:before {
1552 content: ""; }
1554 .fa-circle-thin:before {
1555 content: ""; }
1557 .fa-header:before {
1558 content: ""; }
1560 .fa-paragraph:before {
1561 content: ""; }
1563 .fa-sliders:before {
1564 content: ""; }
1566 .fa-share-alt:before {
1567 content: ""; }
1569 .fa-share-alt-square:before {
1570 content: ""; }
1572 .fa-bomb:before {
1573 content: ""; }
1575 .fa-soccer-ball-o:before,
1576 .fa-futbol-o:before {
1577 content: ""; }
1579 .fa-tty:before {
1580 content: ""; }
1582 .fa-binoculars:before {
1583 content: ""; }
1585 .fa-plug:before {
1586 content: ""; }
1588 .fa-slideshare:before {
1589 content: ""; }
1591 .fa-twitch:before {
1592 content: ""; }
1594 .fa-yelp:before {
1595 content: ""; }
1597 .fa-newspaper-o:before {
1598 content: ""; }
1600 .fa-wifi:before {
1601 content: ""; }
1603 .fa-calculator:before {
1604 content: ""; }
1606 .fa-paypal:before {
1607 content: ""; }
1609 .fa-google-wallet:before {
1610 content: ""; }
1612 .fa-cc-visa:before {
1613 content: ""; }
1615 .fa-cc-mastercard:before {
1616 content: ""; }
1618 .fa-cc-discover:before {
1619 content: ""; }
1621 .fa-cc-amex:before {
1622 content: ""; }
1624 .fa-cc-paypal:before {
1625 content: ""; }
1627 .fa-cc-stripe:before {
1628 content: ""; }
1630 .fa-bell-slash:before {
1631 content: ""; }
1633 .fa-bell-slash-o:before {
1634 content: ""; }
1636 .fa-trash:before {
1637 content: ""; }
1639 .fa-copyright:before {
1640 content: ""; }
1642 .fa-at:before {
1643 content: ""; }
1645 .fa-eyedropper:before {
1646 content: ""; }
1648 .fa-paint-brush:before {
1649 content: ""; }
1651 .fa-birthday-cake:before {
1652 content: ""; }
1654 .fa-area-chart:before {
1655 content: ""; }
1657 .fa-pie-chart:before {
1658 content: ""; }
1660 .fa-line-chart:before {
1661 content: ""; }
1663 .fa-lastfm:before {
1664 content: ""; }
1666 .fa-lastfm-square:before {
1667 content: ""; }
1669 .fa-toggle-off:before {
1670 content: ""; }
1672 .fa-toggle-on:before {
1673 content: ""; }
1675 .fa-bicycle:before {
1676 content: ""; }
1678 .fa-bus:before {
1679 content: ""; }
1681 .fa-ioxhost:before {
1682 content: ""; }
1684 .fa-angellist:before {
1685 content: ""; }
1687 .fa-cc:before {
1688 content: ""; }
1690 .fa-shekel:before,
1691 .fa-sheqel:before,
1692 .fa-ils:before {
1693 content: ""; }
1695 .fa-meanpath:before {
1696 content: ""; }
1698 .fa-buysellads:before {
1699 content: ""; }
1701 .fa-connectdevelop:before {
1702 content: ""; }
1704 .fa-dashcube:before {
1705 content: ""; }
1707 .fa-forumbee:before {
1708 content: ""; }
1710 .fa-leanpub:before {
1711 content: ""; }
1713 .fa-sellsy:before {
1714 content: ""; }
1716 .fa-shirtsinbulk:before {
1717 content: ""; }
1719 .fa-simplybuilt:before {
1720 content: ""; }
1722 .fa-skyatlas:before {
1723 content: ""; }
1725 .fa-cart-plus:before {
1726 content: ""; }
1728 .fa-cart-arrow-down:before {
1729 content: ""; }
1731 .fa-diamond:before {
1732 content: ""; }
1734 .fa-ship:before {
1735 content: ""; }
1737 .fa-user-secret:before {
1738 content: ""; }
1740 .fa-motorcycle:before {
1741 content: ""; }
1743 .fa-street-view:before {
1744 content: ""; }
1746 .fa-heartbeat:before {
1747 content: ""; }
1749 .fa-venus:before {
1750 content: ""; }
1752 .fa-mars:before {
1753 content: ""; }
1755 .fa-mercury:before {
1756 content: ""; }
1758 .fa-intersex:before,
1759 .fa-transgender:before {
1760 content: ""; }
1762 .fa-transgender-alt:before {
1763 content: ""; }
1765 .fa-venus-double:before {
1766 content: ""; }
1768 .fa-mars-double:before {
1769 content: ""; }
1771 .fa-venus-mars:before {
1772 content: ""; }
1774 .fa-mars-stroke:before {
1775 content: ""; }
1777 .fa-mars-stroke-v:before {
1778 content: ""; }
1780 .fa-mars-stroke-h:before {
1781 content: ""; }
1783 .fa-neuter:before {
1784 content: ""; }
1786 .fa-genderless:before {
1787 content: ""; }
1789 .fa-facebook-official:before {
1790 content: ""; }
1792 .fa-pinterest-p:before {
1793 content: ""; }
1795 .fa-whatsapp:before {
1796 content: ""; }
1798 .fa-server:before {
1799 content: ""; }
1801 .fa-user-plus:before {
1802 content: ""; }
1804 .fa-user-times:before {
1805 content: ""; }
1807 .fa-hotel:before,
1808 .fa-bed:before {
1809 content: ""; }
1811 .fa-viacoin:before {
1812 content: ""; }
1814 .fa-train:before {
1815 content: ""; }
1817 .fa-subway:before {
1818 content: ""; }
1820 .fa-medium:before {
1821 content: ""; }
1823 .fa-yc:before,
1824 .fa-y-combinator:before {
1825 content: ""; }
1827 .fa-optin-monster:before {
1828 content: ""; }
1830 .fa-opencart:before {
1831 content: ""; }
1833 .fa-expeditedssl:before {
1834 content: ""; }
1836 .fa-battery-4:before,
1837 .fa-battery:before,
1838 .fa-battery-full:before {
1839 content: ""; }
1841 .fa-battery-3:before,
1842 .fa-battery-three-quarters:before {
1843 content: ""; }
1845 .fa-battery-2:before,
1846 .fa-battery-half:before {
1847 content: ""; }
1849 .fa-battery-1:before,
1850 .fa-battery-quarter:before {
1851 content: ""; }
1853 .fa-battery-0:before,
1854 .fa-battery-empty:before {
1855 content: ""; }
1857 .fa-mouse-pointer:before {
1858 content: ""; }
1860 .fa-i-cursor:before {
1861 content: ""; }
1863 .fa-object-group:before {
1864 content: ""; }
1866 .fa-object-ungroup:before {
1867 content: ""; }
1869 .fa-sticky-note:before {
1870 content: ""; }
1872 .fa-sticky-note-o:before {
1873 content: ""; }
1875 .fa-cc-jcb:before {
1876 content: ""; }
1878 .fa-cc-diners-club:before {
1879 content: ""; }
1881 .fa-clone:before {
1882 content: ""; }
1884 .fa-balance-scale:before {
1885 content: ""; }
1887 .fa-hourglass-o:before {
1888 content: ""; }
1890 .fa-hourglass-1:before,
1891 .fa-hourglass-start:before {
1892 content: ""; }
1894 .fa-hourglass-2:before,
1895 .fa-hourglass-half:before {
1896 content: ""; }
1898 .fa-hourglass-3:before,
1899 .fa-hourglass-end:before {
1900 content: ""; }
1902 .fa-hourglass:before {
1903 content: ""; }
1905 .fa-hand-grab-o:before,
1906 .fa-hand-rock-o:before {
1907 content: ""; }
1909 .fa-hand-stop-o:before,
1910 .fa-hand-paper-o:before {
1911 content: ""; }
1913 .fa-hand-scissors-o:before {
1914 content: ""; }
1916 .fa-hand-lizard-o:before {
1917 content: ""; }
1919 .fa-hand-spock-o:before {
1920 content: ""; }
1922 .fa-hand-pointer-o:before {
1923 content: ""; }
1925 .fa-hand-peace-o:before {
1926 content: ""; }
1928 .fa-trademark:before {
1929 content: ""; }
1931 .fa-registered:before {
1932 content: ""; }
1934 .fa-creative-commons:before {
1935 content: ""; }
1937 .fa-gg:before {
1938 content: ""; }
1940 .fa-gg-circle:before {
1941 content: ""; }
1943 .fa-tripadvisor:before {
1944 content: ""; }
1946 .fa-odnoklassniki:before {
1947 content: ""; }
1949 .fa-odnoklassniki-square:before {
1950 content: ""; }
1952 .fa-get-pocket:before {
1953 content: ""; }
1955 .fa-wikipedia-w:before {
1956 content: ""; }
1958 .fa-safari:before {
1959 content: ""; }
1961 .fa-chrome:before {
1962 content: ""; }
1964 .fa-firefox:before {
1965 content: ""; }
1967 .fa-opera:before {
1968 content: ""; }
1970 .fa-internet-explorer:before {
1971 content: ""; }
1973 .fa-tv:before,
1974 .fa-television:before {
1975 content: ""; }
1977 .fa-contao:before {
1978 content: ""; }
1980 .fa-500px:before {
1981 content: ""; }
1983 .fa-amazon:before {
1984 content: ""; }
1986 .fa-calendar-plus-o:before {
1987 content: ""; }
1989 .fa-calendar-minus-o:before {
1990 content: ""; }
1992 .fa-calendar-times-o:before {
1993 content: ""; }
1995 .fa-calendar-check-o:before {
1996 content: ""; }
1998 .fa-industry:before {
1999 content: ""; }
2001 .fa-map-pin:before {
2002 content: ""; }
2004 .fa-map-signs:before {
2005 content: ""; }
2007 .fa-map-o:before {
2008 content: ""; }
2010 .fa-map:before {
2011 content: ""; }
2013 .fa-commenting:before {
2014 content: ""; }
2016 .fa-commenting-o:before {
2017 content: ""; }
2019 .fa-houzz:before {
2020 content: ""; }
2022 .fa-vimeo:before {
2023 content: ""; }
2025 .fa-black-tie:before {
2026 content: ""; }
2028 .fa-fonticons:before {
2029 content: ""; }
2031 .fa-reddit-alien:before {
2032 content: ""; }
2034 .fa-edge:before {
2035 content: ""; }
2037 .fa-credit-card-alt:before {
2038 content: ""; }
2040 .fa-codiepie:before {
2041 content: ""; }
2043 .fa-modx:before {
2044 content: ""; }
2046 .fa-fort-awesome:before {
2047 content: ""; }
2049 .fa-usb:before {
2050 content: ""; }
2052 .fa-product-hunt:before {
2053 content: ""; }
2055 .fa-mixcloud:before {
2056 content: ""; }
2058 .fa-scribd:before {
2059 content: ""; }
2061 .fa-pause-circle:before {
2062 content: ""; }
2064 .fa-pause-circle-o:before {
2065 content: ""; }
2067 .fa-stop-circle:before {
2068 content: ""; }
2070 .fa-stop-circle-o:before {
2071 content: ""; }
2073 .fa-shopping-bag:before {
2074 content: ""; }
2076 .fa-shopping-basket:before {
2077 content: ""; }
2079 .fa-hashtag:before {
2080 content: ""; }
2082 .fa-bluetooth:before {
2083 content: ""; }
2085 .fa-bluetooth-b:before {
2086 content: ""; }
2088 .fa-percent:before {
2089 content: ""; }
2091 .fa-gitlab:before {
2092 content: ""; }
2094 .fa-wpbeginner:before {
2095 content: ""; }
2097 .fa-wpforms:before {
2098 content: ""; }
2100 .fa-envira:before {
2101 content: ""; }
2103 .fa-universal-access:before {
2104 content: ""; }
2106 .fa-wheelchair-alt:before {
2107 content: ""; }
2109 .fa-question-circle-o:before {
2110 content: ""; }
2112 .fa-blind:before {
2113 content: ""; }
2115 .fa-audio-description:before {
2116 content: ""; }
2118 .fa-volume-control-phone:before {
2119 content: ""; }
2121 .fa-braille:before {
2122 content: ""; }
2124 .fa-assistive-listening-systems:before {
2125 content: ""; }
2127 .fa-asl-interpreting:before,
2128 .fa-american-sign-language-interpreting:before {
2129 content: ""; }
2131 .fa-deafness:before,
2132 .fa-hard-of-hearing:before,
2133 .fa-deaf:before {
2134 content: ""; }
2136 .fa-glide:before {
2137 content: ""; }
2139 .fa-glide-g:before {
2140 content: ""; }
2142 .fa-signing:before,
2143 .fa-sign-language:before {
2144 content: ""; }
2146 .fa-low-vision:before {
2147 content: ""; }
2149 .fa-viadeo:before {
2150 content: ""; }
2152 .fa-viadeo-square:before {
2153 content: ""; }
2155 .fa-snapchat:before {
2156 content: ""; }
2158 .fa-snapchat-ghost:before {
2159 content: ""; }
2161 .fa-snapchat-square:before {
2162 content: ""; }
2164 .fa-pied-piper:before {
2165 content: ""; }
2167 .fa-first-order:before {
2168 content: ""; }
2170 .fa-yoast:before {
2171 content: ""; }
2173 .fa-themeisle:before {
2174 content: ""; }
2176 .fa-google-plus-circle:before,
2177 .fa-google-plus-official:before {
2178 content: ""; }
2180 .fa-fa:before,
2181 .fa-font-awesome:before {
2182 content: ""; }
2184 .fa-handshake-o:before {
2185 content: ""; }
2187 .fa-envelope-open:before {
2188 content: ""; }
2190 .fa-envelope-open-o:before {
2191 content: ""; }
2193 .fa-linode:before {
2194 content: ""; }
2196 .fa-address-book:before {
2197 content: ""; }
2199 .fa-address-book-o:before {
2200 content: ""; }
2202 .fa-vcard:before,
2203 .fa-address-card:before {
2204 content: ""; }
2206 .fa-vcard-o:before,
2207 .fa-address-card-o:before {
2208 content: ""; }
2210 .fa-user-circle:before {
2211 content: ""; }
2213 .fa-user-circle-o:before {
2214 content: ""; }
2216 .fa-user-o:before {
2217 content: ""; }
2219 .fa-id-badge:before {
2220 content: ""; }
2222 .fa-drivers-license:before,
2223 .fa-id-card:before {
2224 content: ""; }
2226 .fa-drivers-license-o:before,
2227 .fa-id-card-o:before {
2228 content: ""; }
2230 .fa-quora:before {
2231 content: ""; }
2233 .fa-free-code-camp:before {
2234 content: ""; }
2236 .fa-telegram:before {
2237 content: ""; }
2239 .fa-thermometer-4:before,
2240 .fa-thermometer:before,
2241 .fa-thermometer-full:before {
2242 content: ""; }
2244 .fa-thermometer-3:before,
2245 .fa-thermometer-three-quarters:before {
2246 content: ""; }
2248 .fa-thermometer-2:before,
2249 .fa-thermometer-half:before {
2250 content: ""; }
2252 .fa-thermometer-1:before,
2253 .fa-thermometer-quarter:before {
2254 content: ""; }
2256 .fa-thermometer-0:before,
2257 .fa-thermometer-empty:before {
2258 content: ""; }
2260 .fa-shower:before {
2261 content: ""; }
2263 .fa-bathtub:before,
2264 .fa-s15:before,
2265 .fa-bath:before {
2266 content: ""; }
2268 .fa-podcast:before {
2269 content: ""; }
2271 .fa-window-maximize:before {
2272 content: ""; }
2274 .fa-window-minimize:before {
2275 content: ""; }
2277 .fa-window-restore:before {
2278 content: ""; }
2280 .fa-times-rectangle:before,
2281 .fa-window-close:before {
2282 content: ""; }
2284 .fa-times-rectangle-o:before,
2285 .fa-window-close-o:before {
2286 content: ""; }
2288 .fa-bandcamp:before {
2289 content: ""; }
2291 .fa-grav:before {
2292 content: ""; }
2294 .fa-etsy:before {
2295 content: ""; }
2297 .fa-imdb:before {
2298 content: ""; }
2300 .fa-ravelry:before {
2301 content: ""; }
2303 .fa-eercast:before {
2304 content: ""; }
2306 .fa-microchip:before {
2307 content: ""; }
2309 .fa-snowflake-o:before {
2310 content: ""; }
2312 .fa-superpowers:before {
2313 content: ""; }
2315 .fa-wpexplorer:before {
2316 content: ""; }
2318 .fa-meetup:before {
2319 content: ""; }
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; }
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; }
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)
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; }
2376 *::before,
2377 *::after {
2378 box-sizing: border-box; }
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); }
2388 @-ms-viewport {
2389 width: device-width; }
2391 article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
2392 display: block; }
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; }
2404 [tabindex="-1"]:focus {
2405 outline: 0 !important; }
2407 hr {
2408 box-sizing: content-box;
2409 height: 0;
2410 overflow: visible; }
2412 h1, h2, h3, h4, h5, h6 {
2413 margin-top: 0;
2414 margin-bottom: 0.5rem; }
2417 margin-top: 0;
2418 margin-bottom: 1rem; }
2420 abbr[title],
2421 abbr[data-original-title] {
2422 text-decoration: underline;
2423 text-decoration: underline dotted;
2424 cursor: help;
2425 border-bottom: 0; }
2427 address {
2428 margin-bottom: 1rem;
2429 font-style: normal;
2430 line-height: inherit; }
2434 dl {
2435 margin-top: 0;
2436 margin-bottom: 1rem; }
2438 ol ol,
2439 ul ul,
2440 ol ul,
2441 ul ol {
2442 margin-bottom: 0; }
2444 dt {
2445 font-weight: 700; }
2447 dd {
2448 margin-bottom: .5rem;
2449 margin-left: 0; }
2451 blockquote {
2452 margin: 0 0 1rem; }
2454 dfn {
2455 font-style: italic; }
2458 strong {
2459 font-weight: bolder; }
2461 small {
2462 font-size: 80%; }
2464 sub,
2465 sup {
2466 position: relative;
2467 font-size: 75%;
2468 line-height: 0;
2469 vertical-align: baseline; }
2471 sub {
2472 bottom: -.25em; }
2474 sup {
2475 top: -.5em; }
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; }
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; }
2495 pre,
2496 code,
2497 kbd,
2498 samp {
2499 font-family: monospace, monospace;
2500 font-size: 1em; }
2502 pre {
2503 margin-top: 0;
2504 margin-bottom: 1rem;
2505 overflow: auto;
2506 -ms-overflow-style: scrollbar; }
2508 figure {
2509 margin: 0 0 1rem; }
2511 img {
2512 vertical-align: middle;
2513 border-style: none; }
2515 svg:not(:root) {
2516 overflow: hidden; }
2518 table {
2519 border-collapse: collapse; }
2521 caption {
2522 padding-top: 0.75rem;
2523 padding-bottom: 0.75rem;
2524 color: #868e96;
2525 text-align: left;
2526 caption-side: bottom; }
2528 th {
2529 text-align: inherit; }
2531 label {
2532 display: inline-block;
2533 margin-bottom: .5rem; }
2535 button {
2536 border-radius: 0; }
2538 button:focus {
2539 outline: 1px dotted;
2540 outline: 5px auto -webkit-focus-ring-color; }
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; }
2552 button,
2553 input {
2554 overflow: visible; }
2556 button,
2557 select {
2558 text-transform: none; }
2560 button,
2561 html [type="button"],
2562 [type="reset"],
2563 [type="submit"] {
2564 -webkit-appearance: button; }
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; }
2573 input[type="radio"],
2574 input[type="checkbox"] {
2575 box-sizing: border-box;
2576 padding: 0; }
2578 input[type="date"],
2579 input[type="time"],
2580 input[type="datetime-local"],
2581 input[type="month"] {
2582 -webkit-appearance: listbox; }
2584 textarea {
2585 overflow: auto;
2586 resize: vertical; }
2588 fieldset {
2589 min-width: 0;
2590 padding: 0;
2591 margin: 0;
2592 border: 0; }
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; }
2605 progress {
2606 vertical-align: baseline; }
2608 [type="number"]::-webkit-inner-spin-button,
2609 [type="number"]::-webkit-outer-spin-button {
2610 height: auto; }
2612 [type="search"] {
2613 outline-offset: -2px;
2614 -webkit-appearance: none; }
2616 [type="search"]::-webkit-search-cancel-button,
2617 [type="search"]::-webkit-search-decoration {
2618 -webkit-appearance: none; }
2620 ::-webkit-file-upload-button {
2621 font: inherit;
2622 -webkit-appearance: button; }
2624 output {
2625 display: inline-block; }
2627 summary {
2628 display: list-item;
2629 cursor: pointer; }
2631 template {
2632 display: none; }
2634 [hidden] {
2635 display: none !important; }
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; }
2645 h1, .h1 {
2646 font-size: 2.34375rem; }
2648 h2, .h2, .path-calendar .maincalendar .calendar-controls .current {
2649 font-size: 1.875rem; }
2651 h3, .h3 {
2652 font-size: 1.640625rem; }
2654 h4, .h4 {
2655 font-size: 1.40625rem; }
2657 h5, .h5 {
2658 font-size: 1.171875rem; }
2660 h6, .h6 {
2661 font-size: 0.9375rem; }
2663 .lead, .userprofile .profile_tree section h3 {
2664 font-size: 1.171875rem;
2665 font-weight: 300; }
2667 .display-1 {
2668 font-size: 6rem;
2669 font-weight: 300;
2670 line-height: 1.2; }
2672 .display-2 {
2673 font-size: 5.5rem;
2674 font-weight: 300;
2675 line-height: 1.2; }
2677 .display-3 {
2678 font-size: 4.5rem;
2679 font-weight: 300;
2680 line-height: 1.2; }
2682 .display-4 {
2683 font-size: 3.5rem;
2684 font-weight: 300;
2685 line-height: 1.2; }
2687 hr {
2688 margin-top: 1rem;
2689 margin-bottom: 1rem;
2690 border: 0;
2691 border-top: 1px solid rgba(0, 0, 0, 0.1); }
2693 small,
2694 .small,
2695 #page-admin-search .adminpagepath li {
2696 font-size: 80%;
2697 font-weight: 400; }
2699 mark,
2700 .mark {
2701 padding: 0.2em;
2702 background-color: #fcf8e3; }
2704 .list-unstyled {
2705 padding-left: 0;
2706 list-style: none; }
2708 .list-inline {
2709 padding-left: 0;
2710 list-style: none; }
2712 .list-inline-item {
2713 display: inline-block; }
2714 .list-inline-item:not(:last-child) {
2715 margin-right: 0.5rem; }
2717 .initialism {
2718 font-size: 90%;
2719 text-transform: uppercase; }
2721 .blockquote {
2722 margin-bottom: 1rem;
2723 font-size: 1.171875rem; }
2725 .blockquote-footer {
2726 display: block;
2727 font-size: 80%;
2728 color: #868e96; }
2729 .blockquote-footer::before {
2730 content: "\2014 \00A0"; }
2732 .img-fluid, .img-responsive {
2733 max-width: 100%;
2734 height: auto; }
2736 .img-thumbnail {
2737 padding: 0.25rem;
2738 background-color: #fff;
2739 border: 1px solid #dee2e6;
2740 max-width: 100%;
2741 height: auto; }
2743 .figure {
2744 display: inline-block; }
2746 .figure-img {
2747 margin-bottom: 0.5rem;
2748 line-height: 1; }
2750 .figure-caption {
2751 font-size: 90%;
2752 color: #868e96; }
2754 code,
2755 kbd,
2756 pre,
2757 samp {
2758 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
2760 code {
2761 font-size: 87.5%;
2762 color: #e83e8c;
2763 word-break: break-word; }
2764 a > code {
2765 color: inherit; }
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; }
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; }
2786 .pre-scrollable {
2787 max-height: 340px;
2788 overflow-y: scroll; }
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; } }
2809 .container-fluid {
2810 width: 100%;
2811 padding-right: 15px;
2812 padding-left: 15px;
2813 margin-right: auto;
2814 margin-left: auto; }
2816 .row {
2817 display: flex;
2818 flex-wrap: wrap;
2819 margin-right: -15px;
2820 margin-left: -15px; }
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; }
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; }
2842 .col {
2843 flex-basis: 0;
2844 flex-grow: 1;
2845 max-width: 100%; }
2847 .col-auto {
2848 flex: 0 0 auto;
2849 width: auto;
2850 max-width: none; }
2852 .col-1, .col-xs-1 {
2853 flex: 0 0 8.3333333333%;
2854 max-width: 8.3333333333%; }
2856 .col-2, .col-xs-2 {
2857 flex: 0 0 16.6666666667%;
2858 max-width: 16.6666666667%; }
2860 .col-3, .col-xs-3 {
2861 flex: 0 0 25%;
2862 max-width: 25%; }
2864 .col-4, .col-xs-4 {
2865 flex: 0 0 33.3333333333%;
2866 max-width: 33.3333333333%; }
2868 .col-5, .col-xs-5 {
2869 flex: 0 0 41.6666666667%;
2870 max-width: 41.6666666667%; }
2872 .col-6, .col-xs-6 {
2873 flex: 0 0 50%;
2874 max-width: 50%; }
2876 .col-7, .col-xs-7 {
2877 flex: 0 0 58.3333333333%;
2878 max-width: 58.3333333333%; }
2880 .col-8, .col-xs-8 {
2881 flex: 0 0 66.6666666667%;
2882 max-width: 66.6666666667%; }
2884 .col-9, .col-xs-9 {
2885 flex: 0 0 75%;
2886 max-width: 75%; }
2888 .col-10, .col-xs-10 {
2889 flex: 0 0 83.3333333333%;
2890 max-width: 83.3333333333%; }
2892 .col-11, .col-xs-11 {
2893 flex: 0 0 91.6666666667%;
2894 max-width: 91.6666666667%; }
2896 .col-12, .col-xs-12 {
2897 flex: 0 0 100%;
2898 max-width: 100%; }
2900 .order-first {
2901 order: -1; }
2903 .order-last {
2904 order: 13; }
2906 .order-0 {
2907 order: 0; }
2909 .order-1 {
2910 order: 1; }
2912 .order-2 {
2913 order: 2; }
2915 .order-3 {
2916 order: 3; }
2918 .order-4 {
2919 order: 4; }
2921 .order-5 {
2922 order: 5; }
2924 .order-6 {
2925 order: 6; }
2927 .order-7 {
2928 order: 7; }
2930 .order-8 {
2931 order: 8; }
2933 .order-9 {
2934 order: 9; }
2936 .order-10 {
2937 order: 10; }
2939 .order-11 {
2940 order: 11; }
2942 .order-12 {
2943 order: 12; }
2945 .offset-1 {
2946 margin-left: 8.3333333333%; }
2948 .offset-2 {
2949 margin-left: 16.6666666667%; }
2951 .offset-3 {
2952 margin-left: 25%; }
2954 .offset-4 {
2955 margin-left: 33.3333333333%; }
2957 .offset-5 {
2958 margin-left: 41.6666666667%; }
2960 .offset-6 {
2961 margin-left: 50%; }
2963 .offset-7 {
2964 margin-left: 58.3333333333%; }
2966 .offset-8 {
2967 margin-left: 66.6666666667%; }
2969 .offset-9 {
2970 margin-left: 75%; }
2972 .offset-10 {
2973 margin-left: 83.3333333333%; }
2975 .offset-11 {
2976 margin-left: 91.6666666667%; }
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%; } }
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%; } }
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%; } }
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%; } }
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; }
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; }
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; }
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); }
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); }
3433 .table-primary,
3434 .table-primary > th,
3435 .table-primary > td {
3436 background-color: #bcd9f2; }
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; }
3451 .table-secondary,
3452 .table-secondary > th,
3453 .table-secondary > td {
3454 background-color: #f1f3f5; }
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; }
3469 .table-success,
3470 .table-success > th,
3471 .table-success > td {
3472 background-color: #d1ebd1; }
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; }
3487 .table-info,
3488 .table-info > th,
3489 .table-info > td {
3490 background-color: #d1edf6; }
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; }
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; }
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; }
3541 .table-danger,
3542 .table-danger > th,
3543 .table-danger > td {
3544 background-color: #f4cfce; }
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; }
3559 .table-light,
3560 .table-light > th,
3561 .table-light > td {
3562 background-color: #fdfdfe; }
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; }
3577 .table-dark,
3578 .table-dark > th,
3579 .table-dark > td {
3580 background-color: #c7c8c8; }
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; }
3595 .table-active,
3596 .table-active > th,
3597 .table-active > td {
3598 background-color: rgba(0, 0, 0, 0.075); }
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); }
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; }
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; }
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); }
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; } }
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; } }
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; } }
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; } }
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; }
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; }
3714 select.form-control:not([size]):not([multiple]) {
3715 height: calc(2.15625rem + 2px); }
3717 select.form-control:focus::-ms-value {
3718 color: #495057;
3719 background-color: #fff; }
3721 .form-control-file,
3722 .form-control-range {
3723 display: block;
3724 width: 100%; }
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; }
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; }
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; }
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; }
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; }
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); }
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; }
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); }
3799 .form-group, .form-buttons,
3800 .path-admin .buttons,
3801 .fp-content-center form + div,
3802 div.backup-section + form {
3803 margin-bottom: 1rem; }
3805 .form-text {
3806 display: block;
3807 margin-top: 0.25rem; }
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; }
3819 .form-check {
3820 position: relative;
3821 display: block;
3822 padding-left: 1.25rem; }
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; }
3831 .form-check-label {
3832 margin-bottom: 0; }
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; }
3845 .valid-feedback {
3846 display: none;
3847 width: 100%;
3848 margin-top: 0.25rem;
3849 font-size: 80%;
3850 color: #5cb85c; }
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; }
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; }
3885 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3886 color: #5cb85c; }
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; }
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; }
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; }
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; }
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); }
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; }
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; }
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); }
3922 .invalid-feedback {
3923 display: none;
3924 width: 100%;
3925 margin-top: 0.25rem;
3926 font-size: 80%;
3927 color: #d9534f; }
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; }
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; }
3962 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
3963 color: #d9534f; }
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; }
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; }
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; }
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; }
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); }
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; }
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; }
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); }
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; } }
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; }
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; }
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); }
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); }
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); }
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); }
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); }
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); }
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); }
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); }
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); }
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); }
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); }
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); }
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); }
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); }
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); }
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); }
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; }
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; }
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; }
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; }
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%; }
4497 .fade {
4498 opacity: 0;
4499 transition: opacity 0.15s linear; }
4500 .fade.show {
4501 opacity: 1; }
4503 .collapse {
4504 display: none; }
4505 .collapse.show {
4506 display: block; }
4508 tr.collapse.show {
4509 display: table-row; }
4511 tbody.collapse.show {
4512 display: table-row-group; }
4514 .collapsing {
4515 position: relative;
4516 height: 0;
4517 overflow: hidden;
4518 transition: height 0.35s ease; }
4520 .dropup,
4521 .dropdown {
4522 position: relative; }
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; }
4536 .dropdown-toggle:empty::after {
4537 margin-left: 0; }
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); }
4557 .dropup .dropdown-menu {
4558 margin-top: 0;
4559 margin-bottom: 0.125rem; }
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; }
4573 .dropup .dropdown-toggle:empty::after {
4574 margin-left: 0; }
4576 .dropright .dropdown-menu {
4577 margin-top: 0;
4578 margin-left: 0.125rem; }
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; }
4591 .dropright .dropdown-toggle:empty::after {
4592 margin-left: 0; }
4594 .dropright .dropdown-toggle::after {
4595 vertical-align: 0; }
4597 .dropleft .dropdown-menu {
4598 margin-top: 0;
4599 margin-right: 0.125rem; }
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: ""; }
4609 .dropleft .dropdown-toggle::after {
4610 display: none; }
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; }
4623 .dropleft .dropdown-toggle:empty::after {
4624 margin-left: 0; }
4626 .dropleft .dropdown-toggle::before {
4627 vertical-align: 0; }
4629 .dropdown-divider {
4630 height: 0;
4631 margin: 0.5rem 0;
4632 overflow: hidden;
4633 border-top: 1px solid #e9ecef; }
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; }
4658 .dropdown-menu.show {
4659 display: block; }
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; }
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; }
4774 .btn-toolbar {
4775 display: flex;
4776 flex-wrap: wrap;
4777 justify-content: flex-start; }
4778 .btn-toolbar .input-group {
4779 width: auto; }
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; }
4784 .dropdown-toggle-split {
4785 padding-right: 0.5625rem;
4786 padding-left: 0.5625rem; }
4787 .dropdown-toggle-split::after {
4788 margin-left: 0; }
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; }
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; }
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; }
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; }
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; }
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; }
4958 .input-group-prepend {
4959 margin-right: -1px; }
4961 .input-group-append {
4962 margin-left: -1px; }
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; }
4981 .custom-control {
4982 position: relative;
4983 display: block;
4984 min-height: 1.5rem;
4985 padding-left: 1.5rem; }
4987 .custom-control-inline {
4988 display: inline-flex;
4989 margin-right: 1rem; }
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; }
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%; }
5033 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
5034 background-color: #1177d1; }
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"); }
5039 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
5040 background-color: #1177d1; }
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"); }
5045 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
5046 background-color: rgba(17, 119, 209, 0.5); }
5048 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
5049 background-color: rgba(17, 119, 209, 0.5); }
5051 .custom-radio .custom-control-label::before {
5052 border-radius: 50%; }
5054 .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
5055 background-color: #1177d1; }
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"); }
5060 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
5061 background-color: rgba(17, 119, 209, 0.5); }
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; }
5093 .custom-select-sm {
5094 height: calc(1.73046875rem + 2px);
5095 padding-top: 0.375rem;
5096 padding-bottom: 0.375rem;
5097 font-size: 75%; }
5099 .custom-select-lg {
5100 height: calc(2.7578125rem + 2px);
5101 padding-top: 0.375rem;
5102 padding-bottom: 0.375rem;
5103 font-size: 125%; }
5105 .custom-file {
5106 position: relative;
5107 display: inline-block;
5108 width: 100%;
5109 height: calc(2.15625rem + 2px);
5110 margin-bottom: 0; }
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"; }
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; }
5154 .nav {
5155 display: flex;
5156 flex-wrap: wrap;
5157 padding-left: 0;
5158 margin-bottom: 0;
5159 list-style: none; }
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; }
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; }
5189 .nav-pills .nav-link.active,
5190 .nav-pills .show > .nav-link {
5191 color: #fff;
5192 background-color: #1177d1; }
5194 .nav-fill .nav-item {
5195 flex: 1 1 auto;
5196 text-align: center; }
5198 .nav-justified .nav-item {
5199 flex-basis: 0;
5200 flex-grow: 1;
5201 text-align: center; }
5203 .tab-content > .tab-pane {
5204 display: none; }
5206 .tab-content > .active {
5207 display: block; }
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; }
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; }
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; }
5247 .navbar-text {
5248 display: inline-block;
5249 padding-top: 0.5rem;
5250 padding-bottom: 0.5rem; }
5252 .navbar-collapse {
5253 flex-basis: 100%;
5254 flex-grow: 1;
5255 align-items: center; }
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; }
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%; }
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; } }
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%; } }
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; } }
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%; } }
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; } }
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%; } }
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; } }
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%; } }
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%; }
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); }
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); }
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); }
5452 .navbar-light .navbar-toggler {
5453 color: rgba(0, 0, 0, 0.5);
5454 border-color: rgba(0, 0, 0, 0.1); }
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"); }
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); }
5466 .navbar-dark .navbar-brand {
5467 color: #fff; }
5468 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
5469 color: #fff; }
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); }
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; }
5484 .navbar-dark .navbar-toggler {
5485 color: rgba(255, 255, 255, 0.5);
5486 border-color: rgba(255, 255, 255, 0.1); }
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"); }
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; }
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; }
5511 .card-body, .userprofile .profile_tree section {
5512 flex: 1 1 auto;
5513 padding: 1.25rem; }
5515 .card-title {
5516 margin-bottom: 0.75rem; }
5518 .card-subtitle {
5519 margin-top: -0.375rem;
5520 margin-bottom: 0; }
5522 .card-text:last-child {
5523 margin-bottom: 0; }
5525 .card-link:hover {
5526 text-decoration: none; }
5528 .card-link + .card-link {
5529 margin-left: 1.25rem; }
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; }
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); }
5544 .card-header-tabs {
5545 margin-right: -0.625rem;
5546 margin-bottom: -0.75rem;
5547 margin-left: -0.625rem;
5548 border-bottom: 0; }
5550 .card-header-pills {
5551 margin-right: -0.625rem;
5552 margin-left: -0.625rem; }
5554 .card-img-overlay {
5555 position: absolute;
5556 top: 0;
5557 right: 0;
5558 bottom: 0;
5559 left: 0;
5560 padding: 1.25rem; }
5562 .card-img {
5563 width: 100%; }
5565 .card-img-top {
5566 width: 100%; }
5568 .card-img-bottom {
5569 width: 100%; }
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; } }
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; } }
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; }
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%; } }
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; }
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: "/"; }
5630 .breadcrumb-item + .breadcrumb-item:hover::before {
5631 text-decoration: underline; }
5633 .breadcrumb-item + .breadcrumb-item:hover::before {
5634 text-decoration: none; }
5636 .breadcrumb-item.active {
5637 color: #868e96; }
5639 .pagination {
5640 display: flex;
5641 padding-left: 0;
5642 list-style: none; }
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; }
5665 .page-item:first-child .page-link {
5666 margin-left: 0; }
5668 .page-item.active .page-link {
5669 z-index: 1;
5670 color: #fff;
5671 background-color: #1177d1;
5672 border-color: #1177d1; }
5674 .page-item.disabled .page-link {
5675 color: #868e96;
5676 pointer-events: none;
5677 cursor: auto;
5678 background-color: #fff;
5679 border-color: #dee2e6; }
5681 .pagination-lg .page-link {
5682 padding: 0.75rem 1.5rem;
5683 font-size: 1.171875rem;
5684 line-height: 1.5; }
5686 .pagination-sm .page-link {
5687 padding: 0.25rem 0.5rem;
5688 font-size: 0.8203125rem;
5689 line-height: 1.5; }
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; }
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; }
5707 .badge-pill {
5708 padding-right: 0.6em;
5709 padding-left: 0.6em; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
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; } }
5783 .jumbotron-fluid {
5784 padding-right: 0;
5785 padding-left: 0; }
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; }
5797 .alert-heading {
5798 color: inherit; }
5800 .alert-link {
5801 font-weight: 700; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
5889 @keyframes progress-bar-stripes {
5890 from {
5891 background-position: 1rem 0; }
5892 to {
5893 background-position: 0 0; } }
5895 .progress {
5896 display: flex;
5897 height: 1rem;
5898 overflow: hidden;
5899 font-size: 0.703125rem;
5900 background-color: #e9ecef; }
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; }
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; }
5915 .progress-bar-animated {
5916 animation: progress-bar-stripes 1s linear infinite; }
5918 .media {
5919 display: flex;
5920 align-items: flex-start; }
5922 .media-body {
5923 flex: 1; }
5925 .list-group {
5926 display: flex;
5927 flex-direction: column;
5928 padding-left: 0;
5929 margin-bottom: 0; }
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; }
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; }
5964 .list-group-flush .list-group-item {
5965 border-right: 0;
5966 border-left: 0; }
5968 .list-group-flush:first-child .list-group-item:first-child {
5969 border-top: 0; }
5971 .list-group-flush:last-child .list-group-item:last-child {
5972 border-bottom: 0; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
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; }
6077 button.close, .moodle-dialogue-base button.closebutton {
6078 padding: 0;
6079 background-color: transparent;
6080 border: 0;
6081 -webkit-appearance: none; }
6083 .modal-open {
6084 overflow: hidden; }
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; }
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); }
6111 .modal-dialog-centered {
6112 display: flex;
6113 align-items: center;
6114 min-height: calc(100% - (0.5rem * 2)); }
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; }
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; }
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; }
6150 .modal-title, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
6151 margin-bottom: 0;
6152 line-height: 1.5; }
6154 .modal-body {
6155 position: relative;
6156 flex: 1 1 auto;
6157 padding: 1rem; }
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; }
6170 .modal-scrollbar-measure {
6171 position: absolute;
6172 top: -9999px;
6173 width: 50px;
6174 height: 50px;
6175 overflow: scroll; }
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; } }
6186 @media (min-width: 992px) {
6187 .modal-lg {
6188 max-width: 800px; } }
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; }
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; }
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; }
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; }
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; }
6265 .tooltip-inner {
6266 max-width: 200px;
6267 padding: 0.25rem 0.5rem;
6268 color: #fff;
6269 text-align: center;
6270 background-color: #000; }
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; }
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); }
6324 .bs-popover-top .arrow::after,
6325 .bs-popover-auto[x-placement^="top"] .arrow::after {
6326 bottom: 1px;
6327 border-top-color: #fff; }
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); }
6344 .bs-popover-right .arrow::after,
6345 .bs-popover-auto[x-placement^="right"] .arrow::after {
6346 left: 1px;
6347 border-right-color: #fff; }
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); }
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; }
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); }
6390 .bs-popover-left .arrow::after,
6391 .bs-popover-auto[x-placement^="left"] .arrow::after {
6392 right: 1px;
6393 border-left-color: #fff; }
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; }
6405 .popover-body {
6406 padding: 0.5rem 0.75rem;
6407 color: #373a3c; }
6409 /* rtl:end:ignore */
6410 .carousel {
6411 position: relative; }
6413 .carousel-inner {
6414 position: relative;
6415 width: 100%;
6416 overflow: hidden; }
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; }
6427 .carousel-item.active,
6428 .carousel-item-next,
6429 .carousel-item-prev {
6430 display: block; }
6432 .carousel-item-next,
6433 .carousel-item-prev {
6434 position: absolute;
6435 top: 0; }
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; }
6457 .carousel-control-prev {
6458 left: 0; }
6460 .carousel-control-next {
6461 right: 0; }
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%; }
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"); }
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"); }
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; }
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; }
6528 .align-baseline {
6529 vertical-align: baseline !important; }
6531 .align-top {
6532 vertical-align: top !important; }
6534 .align-middle {
6535 vertical-align: middle !important; }
6537 .align-bottom {
6538 vertical-align: bottom !important; }
6540 .align-text-bottom {
6541 vertical-align: text-bottom !important; }
6543 .align-text-top {
6544 vertical-align: text-top !important; }
6546 .bg-primary {
6547 background-color: #1177d1 !important; }
6549 a.bg-primary:hover, a.bg-primary:focus,
6550 button.bg-primary:hover,
6551 button.bg-primary:focus {
6552 background-color: #0d5ca2 !important; }
6554 .bg-secondary {
6555 background-color: #ced4da !important; }
6557 a.bg-secondary:hover, a.bg-secondary:focus,
6558 button.bg-secondary:hover,
6559 button.bg-secondary:focus {
6560 background-color: #b1bbc4 !important; }
6562 .bg-success {
6563 background-color: #5cb85c !important; }
6565 a.bg-success:hover, a.bg-success:focus,
6566 button.bg-success:hover,
6567 button.bg-success:focus {
6568 background-color: #449d44 !important; }
6570 .bg-info {
6571 background-color: #5bc0de !important; }
6573 a.bg-info:hover, a.bg-info:focus,
6574 button.bg-info:hover,
6575 button.bg-info:focus {
6576 background-color: #31b0d5 !important; }
6578 .bg-warning {
6579 background-color: #f0ad4e !important; }
6581 a.bg-warning:hover, a.bg-warning:focus,
6582 button.bg-warning:hover,
6583 button.bg-warning:focus {
6584 background-color: #ec971f !important; }
6586 .bg-danger {
6587 background-color: #d9534f !important; }
6589 a.bg-danger:hover, a.bg-danger:focus,
6590 button.bg-danger:hover,
6591 button.bg-danger:focus {
6592 background-color: #c9302c !important; }
6594 .bg-light {
6595 background-color: #f8f9fa !important; }
6597 a.bg-light:hover, a.bg-light:focus,
6598 button.bg-light:hover,
6599 button.bg-light:focus {
6600 background-color: #dae0e5 !important; }
6602 .bg-dark {
6603 background-color: #373a3c !important; }
6605 a.bg-dark:hover, a.bg-dark:focus,
6606 button.bg-dark:hover,
6607 button.bg-dark:focus {
6608 background-color: #1f2021 !important; }
6610 .bg-white {
6611 background-color: #fff !important; }
6613 .bg-transparent {
6614 background-color: transparent !important; }
6616 .border, .filemanager-container,
6617 .filepicker-filelist {
6618 border: 1px solid #dee2e6 !important; }
6620 .border-top {
6621 border-top: 1px solid #dee2e6 !important; }
6623 .border-right {
6624 border-right: 1px solid #dee2e6 !important; }
6626 .border-bottom {
6627 border-bottom: 1px solid #dee2e6 !important; }
6629 .border-left {
6630 border-left: 1px solid #dee2e6 !important; }
6632 .border-0 {
6633 border: 0 !important; }
6635 .border-top-0 {
6636 border-top: 0 !important; }
6638 .border-right-0 {
6639 border-right: 0 !important; }
6641 .border-bottom-0 {
6642 border-bottom: 0 !important; }
6644 .border-left-0 {
6645 border-left: 0 !important; }
6647 .border-primary {
6648 border-color: #1177d1 !important; }
6650 .border-secondary {
6651 border-color: #ced4da !important; }
6653 .border-success {
6654 border-color: #5cb85c !important; }
6656 .border-info {
6657 border-color: #5bc0de !important; }
6659 .border-warning {
6660 border-color: #f0ad4e !important; }
6662 .border-danger {
6663 border-color: #d9534f !important; }
6665 .border-light {
6666 border-color: #f8f9fa !important; }
6668 .border-dark {
6669 border-color: #373a3c !important; }
6671 .border-white {
6672 border-color: #fff !important; }
6674 .rounded {
6675 border-radius: 0.25rem !important; }
6677 .rounded-top {
6678 border-top-left-radius: 0.25rem !important;
6679 border-top-right-radius: 0.25rem !important; }
6681 .rounded-right {
6682 border-top-right-radius: 0.25rem !important;
6683 border-bottom-right-radius: 0.25rem !important; }
6685 .rounded-bottom {
6686 border-bottom-right-radius: 0.25rem !important;
6687 border-bottom-left-radius: 0.25rem !important; }
6689 .rounded-left {
6690 border-top-left-radius: 0.25rem !important;
6691 border-bottom-left-radius: 0.25rem !important; }
6693 .rounded-circle {
6694 border-radius: 50% !important; }
6696 .rounded-0 {
6697 border-radius: 0 !important; }
6699 .clearfix::after {
6700 display: block;
6701 clear: both;
6702 content: ""; }
6704 .d-none {
6705 display: none !important; }
6707 .d-inline {
6708 display: inline !important; }
6710 .d-inline-block {
6711 display: inline-block !important; }
6713 .d-block {
6714 display: block !important; }
6716 .d-table {
6717 display: table !important; }
6719 .d-table-row {
6720 display: table-row !important; }
6722 .d-table-cell {
6723 display: table-cell !important; }
6725 .d-flex {
6726 display: flex !important; }
6728 .d-inline-flex {
6729 display: inline-flex !important; }
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; } }
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; } }
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; } }
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; } }
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; } }
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; }
6853 .embed-responsive-21by9::before {
6854 padding-top: 42.8571428571%; }
6856 .embed-responsive-16by9::before {
6857 padding-top: 56.25%; }
6859 .embed-responsive-4by3::before {
6860 padding-top: 75%; }
6862 .embed-responsive-1by1::before {
6863 padding-top: 100%; }
6865 .flex-row {
6866 flex-direction: row !important; }
6868 .flex-column {
6869 flex-direction: column !important; }
6871 .flex-row-reverse {
6872 flex-direction: row-reverse !important; }
6874 .flex-column-reverse {
6875 flex-direction: column-reverse !important; }
6877 .flex-wrap {
6878 flex-wrap: wrap !important; }
6880 .flex-nowrap {
6881 flex-wrap: nowrap !important; }
6883 .flex-wrap-reverse {
6884 flex-wrap: wrap-reverse !important; }
6886 .justify-content-start {
6887 justify-content: flex-start !important; }
6889 .justify-content-end {
6890 justify-content: flex-end !important; }
6892 .justify-content-center {
6893 justify-content: center !important; }
6895 .justify-content-between {
6896 justify-content: space-between !important; }
6898 .justify-content-around {
6899 justify-content: space-around !important; }
6901 .align-items-start {
6902 align-items: flex-start !important; }
6904 .align-items-end {
6905 align-items: flex-end !important; }
6907 .align-items-center {
6908 align-items: center !important; }
6910 .align-items-baseline {
6911 align-items: baseline !important; }
6913 .align-items-stretch {
6914 align-items: stretch !important; }
6916 .align-content-start {
6917 align-content: flex-start !important; }
6919 .align-content-end {
6920 align-content: flex-end !important; }
6922 .align-content-center {
6923 align-content: center !important; }
6925 .align-content-between {
6926 align-content: space-between !important; }
6928 .align-content-around {
6929 align-content: space-around !important; }
6931 .align-content-stretch {
6932 align-content: stretch !important; }
6934 .align-self-auto {
6935 align-self: auto !important; }
6937 .align-self-start {
6938 align-self: flex-start !important; }
6940 .align-self-end {
6941 align-self: flex-end !important; }
6943 .align-self-center {
6944 align-self: center !important; }
6946 .align-self-baseline {
6947 align-self: baseline !important; }
6949 .align-self-stretch {
6950 align-self: stretch !important; }
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; } }
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; } }
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; } }
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; } }
7192 .float-left {
7193 float: left !important; }
7195 .float-right {
7196 float: right !important; }
7198 .float-none {
7199 float: none !important; }
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; } }
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; } }
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; } }
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; } }
7233 .position-static {
7234 position: static !important; }
7236 .position-relative {
7237 position: relative !important; }
7239 .position-absolute {
7240 position: absolute !important; }
7242 .position-fixed {
7243 position: fixed !important; }
7245 .position-sticky {
7246 position: sticky !important; }
7248 .fixed-top {
7249 position: fixed;
7250 top: 0;
7251 right: 0;
7252 left: 0;
7253 z-index: 1030; }
7255 .fixed-bottom {
7256 position: fixed;
7257 right: 0;
7258 bottom: 0;
7259 left: 0;
7260 z-index: 1030; }
7262 .sr-only {
7263 position: absolute;
7264 width: 1px;
7265 height: 1px;
7266 padding: 0;
7267 overflow: hidden;
7268 clip: rect(0, 0, 0, 0);
7269 white-space: nowrap;
7270 clip-path: inset(50%);
7271 border: 0; }
7273 .sr-only-focusable:active, .sr-only-focusable:focus {
7274 position: static;
7275 width: auto;
7276 height: auto;
7277 overflow: visible;
7278 clip: auto;
7279 white-space: normal;
7280 clip-path: none; }
7282 .w-25 {
7283 width: 25% !important; }
7285 .w-50 {
7286 width: 50% !important; }
7288 .w-75 {
7289 width: 75% !important; }
7291 .w-100 {
7292 width: 100% !important; }
7294 .h-25 {
7295 height: 25% !important; }
7297 .h-50 {
7298 height: 50% !important; }
7300 .h-75 {
7301 height: 75% !important; }
7303 .h-100 {
7304 height: 100% !important; }
7306 .mw-100 {
7307 max-width: 100% !important; }
7309 .mh-100 {
7310 max-height: 100% !important; }
7312 .m-0 {
7313 margin: 0 !important; }
7315 .mt-0,
7316 .my-0 {
7317 margin-top: 0 !important; }
7319 .mr-0,
7320 .mx-0 {
7321 margin-right: 0 !important; }
7323 .mb-0,
7324 .my-0 {
7325 margin-bottom: 0 !important; }
7327 .ml-0,
7328 .mx-0 {
7329 margin-left: 0 !important; }
7331 .m-1 {
7332 margin: 0.25rem !important; }
7334 .mt-1,
7335 .my-1 {
7336 margin-top: 0.25rem !important; }
7338 .mr-1,
7339 .mx-1 {
7340 margin-right: 0.25rem !important; }
7342 .mb-1,
7343 .my-1 {
7344 margin-bottom: 0.25rem !important; }
7346 .ml-1,
7347 .mx-1 {
7348 margin-left: 0.25rem !important; }
7350 .m-2 {
7351 margin: 0.5rem !important; }
7353 .mt-2,
7354 .my-2 {
7355 margin-top: 0.5rem !important; }
7357 .mr-2,
7358 .mx-2 {
7359 margin-right: 0.5rem !important; }
7361 .mb-2,
7362 .my-2 {
7363 margin-bottom: 0.5rem !important; }
7365 .ml-2,
7366 .mx-2 {
7367 margin-left: 0.5rem !important; }
7369 .m-3 {
7370 margin: 1rem !important; }
7372 .mt-3,
7373 .my-3 {
7374 margin-top: 1rem !important; }
7376 .mr-3,
7377 .mx-3 {
7378 margin-right: 1rem !important; }
7380 .mb-3,
7381 .my-3 {
7382 margin-bottom: 1rem !important; }
7384 .ml-3,
7385 .mx-3 {
7386 margin-left: 1rem !important; }
7388 .m-4 {
7389 margin: 1.5rem !important; }
7391 .mt-4,
7392 .my-4 {
7393 margin-top: 1.5rem !important; }
7395 .mr-4,
7396 .mx-4 {
7397 margin-right: 1.5rem !important; }
7399 .mb-4,
7400 .my-4 {
7401 margin-bottom: 1.5rem !important; }
7403 .ml-4,
7404 .mx-4 {
7405 margin-left: 1.5rem !important; }
7407 .m-5 {
7408 margin: 3rem !important; }
7410 .mt-5,
7411 .my-5 {
7412 margin-top: 3rem !important; }
7414 .mr-5,
7415 .mx-5 {
7416 margin-right: 3rem !important; }
7418 .mb-5,
7419 .my-5 {
7420 margin-bottom: 3rem !important; }
7422 .ml-5,
7423 .mx-5 {
7424 margin-left: 3rem !important; }
7426 .p-0, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
7427 padding: 0 !important; }
7429 .pt-0,
7430 .py-0 {
7431 padding-top: 0 !important; }
7433 .pr-0,
7434 .px-0 {
7435 padding-right: 0 !important; }
7437 .pb-0,
7438 .py-0 {
7439 padding-bottom: 0 !important; }
7441 .pl-0,
7442 .px-0 {
7443 padding-left: 0 !important; }
7445 .p-1 {
7446 padding: 0.25rem !important; }
7448 .pt-1,
7449 .py-1 {
7450 padding-top: 0.25rem !important; }
7452 .pr-1,
7453 .px-1 {
7454 padding-right: 0.25rem !important; }
7456 .pb-1,
7457 .py-1 {
7458 padding-bottom: 0.25rem !important; }
7460 .pl-1,
7461 .px-1 {
7462 padding-left: 0.25rem !important; }
7464 .p-2 {
7465 padding: 0.5rem !important; }
7467 .pt-2,
7468 .py-2 {
7469 padding-top: 0.5rem !important; }
7471 .pr-2,
7472 .px-2 {
7473 padding-right: 0.5rem !important; }
7475 .pb-2,
7476 .py-2 {
7477 padding-bottom: 0.5rem !important; }
7479 .pl-2,
7480 .px-2 {
7481 padding-left: 0.5rem !important; }
7483 .p-3 {
7484 padding: 1rem !important; }
7486 .pt-3,
7487 .py-3 {
7488 padding-top: 1rem !important; }
7490 .pr-3,
7491 .px-3 {
7492 padding-right: 1rem !important; }
7494 .pb-3,
7495 .py-3 {
7496 padding-bottom: 1rem !important; }
7498 .pl-3,
7499 .px-3 {
7500 padding-left: 1rem !important; }
7502 .p-4 {
7503 padding: 1.5rem !important; }
7505 .pt-4,
7506 .py-4 {
7507 padding-top: 1.5rem !important; }
7509 .pr-4,
7510 .px-4 {
7511 padding-right: 1.5rem !important; }
7513 .pb-4,
7514 .py-4 {
7515 padding-bottom: 1.5rem !important; }
7517 .pl-4,
7518 .px-4 {
7519 padding-left: 1.5rem !important; }
7521 .p-5 {
7522 padding: 3rem !important; }
7524 .pt-5,
7525 .py-5 {
7526 padding-top: 3rem !important; }
7528 .pr-5,
7529 .px-5 {
7530 padding-right: 3rem !important; }
7532 .pb-5,
7533 .py-5 {
7534 padding-bottom: 3rem !important; }
7536 .pl-5,
7537 .px-5 {
7538 padding-left: 3rem !important; }
7540 .m-auto {
7541 margin: auto !important; }
7543 .mt-auto,
7544 .my-auto {
7545 margin-top: auto !important; }
7547 .mr-auto,
7548 .mx-auto {
7549 margin-right: auto !important; }
7551 .mb-auto,
7552 .my-auto {
7553 margin-bottom: auto !important; }
7555 .ml-auto,
7556 .mx-auto {
7557 margin-left: auto !important; }
7559 @media (min-width: 576px) {
7560 .m-sm-0 {
7561 margin: 0 !important; }
7562 .mt-sm-0,
7563 .my-sm-0 {
7564 margin-top: 0 !important; }
7565 .mr-sm-0,
7566 .mx-sm-0 {
7567 margin-right: 0 !important; }
7568 .mb-sm-0,
7569 .my-sm-0 {
7570 margin-bottom: 0 !important; }
7571 .ml-sm-0,
7572 .mx-sm-0 {
7573 margin-left: 0 !important; }
7574 .m-sm-1 {
7575 margin: 0.25rem !important; }
7576 .mt-sm-1,
7577 .my-sm-1 {
7578 margin-top: 0.25rem !important; }
7579 .mr-sm-1,
7580 .mx-sm-1 {
7581 margin-right: 0.25rem !important; }
7582 .mb-sm-1,
7583 .my-sm-1 {
7584 margin-bottom: 0.25rem !important; }
7585 .ml-sm-1,
7586 .mx-sm-1 {
7587 margin-left: 0.25rem !important; }
7588 .m-sm-2 {
7589 margin: 0.5rem !important; }
7590 .mt-sm-2,
7591 .my-sm-2 {
7592 margin-top: 0.5rem !important; }
7593 .mr-sm-2,
7594 .mx-sm-2 {
7595 margin-right: 0.5rem !important; }
7596 .mb-sm-2,
7597 .my-sm-2 {
7598 margin-bottom: 0.5rem !important; }
7599 .ml-sm-2,
7600 .mx-sm-2 {
7601 margin-left: 0.5rem !important; }
7602 .m-sm-3 {
7603 margin: 1rem !important; }
7604 .mt-sm-3,
7605 .my-sm-3 {
7606 margin-top: 1rem !important; }
7607 .mr-sm-3,
7608 .mx-sm-3 {
7609 margin-right: 1rem !important; }
7610 .mb-sm-3,
7611 .my-sm-3 {
7612 margin-bottom: 1rem !important; }
7613 .ml-sm-3,
7614 .mx-sm-3 {
7615 margin-left: 1rem !important; }
7616 .m-sm-4 {
7617 margin: 1.5rem !important; }
7618 .mt-sm-4,
7619 .my-sm-4 {
7620 margin-top: 1.5rem !important; }
7621 .mr-sm-4,
7622 .mx-sm-4 {
7623 margin-right: 1.5rem !important; }
7624 .mb-sm-4,
7625 .my-sm-4 {
7626 margin-bottom: 1.5rem !important; }
7627 .ml-sm-4,
7628 .mx-sm-4 {
7629 margin-left: 1.5rem !important; }
7630 .m-sm-5 {
7631 margin: 3rem !important; }
7632 .mt-sm-5,
7633 .my-sm-5 {
7634 margin-top: 3rem !important; }
7635 .mr-sm-5,
7636 .mx-sm-5 {
7637 margin-right: 3rem !important; }
7638 .mb-sm-5,
7639 .my-sm-5 {
7640 margin-bottom: 3rem !important; }
7641 .ml-sm-5,
7642 .mx-sm-5 {
7643 margin-left: 3rem !important; }
7644 .p-sm-0 {
7645 padding: 0 !important; }
7646 .pt-sm-0,
7647 .py-sm-0 {
7648 padding-top: 0 !important; }
7649 .pr-sm-0,
7650 .px-sm-0 {
7651 padding-right: 0 !important; }
7652 .pb-sm-0,
7653 .py-sm-0 {
7654 padding-bottom: 0 !important; }
7655 .pl-sm-0,
7656 .px-sm-0 {
7657 padding-left: 0 !important; }
7658 .p-sm-1 {
7659 padding: 0.25rem !important; }
7660 .pt-sm-1,
7661 .py-sm-1 {
7662 padding-top: 0.25rem !important; }
7663 .pr-sm-1,
7664 .px-sm-1 {
7665 padding-right: 0.25rem !important; }
7666 .pb-sm-1,
7667 .py-sm-1 {
7668 padding-bottom: 0.25rem !important; }
7669 .pl-sm-1,
7670 .px-sm-1 {
7671 padding-left: 0.25rem !important; }
7672 .p-sm-2 {
7673 padding: 0.5rem !important; }
7674 .pt-sm-2,
7675 .py-sm-2 {
7676 padding-top: 0.5rem !important; }
7677 .pr-sm-2,
7678 .px-sm-2 {
7679 padding-right: 0.5rem !important; }
7680 .pb-sm-2,
7681 .py-sm-2 {
7682 padding-bottom: 0.5rem !important; }
7683 .pl-sm-2,
7684 .px-sm-2 {
7685 padding-left: 0.5rem !important; }
7686 .p-sm-3 {
7687 padding: 1rem !important; }
7688 .pt-sm-3,
7689 .py-sm-3 {
7690 padding-top: 1rem !important; }
7691 .pr-sm-3,
7692 .px-sm-3 {
7693 padding-right: 1rem !important; }
7694 .pb-sm-3,
7695 .py-sm-3 {
7696 padding-bottom: 1rem !important; }
7697 .pl-sm-3,
7698 .px-sm-3 {
7699 padding-left: 1rem !important; }
7700 .p-sm-4 {
7701 padding: 1.5rem !important; }
7702 .pt-sm-4,
7703 .py-sm-4 {
7704 padding-top: 1.5rem !important; }
7705 .pr-sm-4,
7706 .px-sm-4 {
7707 padding-right: 1.5rem !important; }
7708 .pb-sm-4,
7709 .py-sm-4 {
7710 padding-bottom: 1.5rem !important; }
7711 .pl-sm-4,
7712 .px-sm-4 {
7713 padding-left: 1.5rem !important; }
7714 .p-sm-5 {
7715 padding: 3rem !important; }
7716 .pt-sm-5,
7717 .py-sm-5 {
7718 padding-top: 3rem !important; }
7719 .pr-sm-5,
7720 .px-sm-5 {
7721 padding-right: 3rem !important; }
7722 .pb-sm-5,
7723 .py-sm-5 {
7724 padding-bottom: 3rem !important; }
7725 .pl-sm-5,
7726 .px-sm-5 {
7727 padding-left: 3rem !important; }
7728 .m-sm-auto {
7729 margin: auto !important; }
7730 .mt-sm-auto,
7731 .my-sm-auto {
7732 margin-top: auto !important; }
7733 .mr-sm-auto,
7734 .mx-sm-auto {
7735 margin-right: auto !important; }
7736 .mb-sm-auto,
7737 .my-sm-auto {
7738 margin-bottom: auto !important; }
7739 .ml-sm-auto,
7740 .mx-sm-auto {
7741 margin-left: auto !important; } }
7743 @media (min-width: 768px) {
7744 .m-md-0 {
7745 margin: 0 !important; }
7746 .mt-md-0,
7747 .my-md-0 {
7748 margin-top: 0 !important; }
7749 .mr-md-0,
7750 .mx-md-0 {
7751 margin-right: 0 !important; }
7752 .mb-md-0,
7753 .my-md-0 {
7754 margin-bottom: 0 !important; }
7755 .ml-md-0,
7756 .mx-md-0 {
7757 margin-left: 0 !important; }
7758 .m-md-1 {
7759 margin: 0.25rem !important; }
7760 .mt-md-1,
7761 .my-md-1 {
7762 margin-top: 0.25rem !important; }
7763 .mr-md-1,
7764 .mx-md-1 {
7765 margin-right: 0.25rem !important; }
7766 .mb-md-1,
7767 .my-md-1 {
7768 margin-bottom: 0.25rem !important; }
7769 .ml-md-1,
7770 .mx-md-1 {
7771 margin-left: 0.25rem !important; }
7772 .m-md-2 {
7773 margin: 0.5rem !important; }
7774 .mt-md-2,
7775 .my-md-2 {
7776 margin-top: 0.5rem !important; }
7777 .mr-md-2,
7778 .mx-md-2 {
7779 margin-right: 0.5rem !important; }
7780 .mb-md-2,
7781 .my-md-2 {
7782 margin-bottom: 0.5rem !important; }
7783 .ml-md-2,
7784 .mx-md-2 {
7785 margin-left: 0.5rem !important; }
7786 .m-md-3 {
7787 margin: 1rem !important; }
7788 .mt-md-3,
7789 .my-md-3 {
7790 margin-top: 1rem !important; }
7791 .mr-md-3,
7792 .mx-md-3 {
7793 margin-right: 1rem !important; }
7794 .mb-md-3,
7795 .my-md-3 {
7796 margin-bottom: 1rem !important; }
7797 .ml-md-3,
7798 .mx-md-3 {
7799 margin-left: 1rem !important; }
7800 .m-md-4 {
7801 margin: 1.5rem !important; }
7802 .mt-md-4,
7803 .my-md-4 {
7804 margin-top: 1.5rem !important; }
7805 .mr-md-4,
7806 .mx-md-4 {
7807 margin-right: 1.5rem !important; }
7808 .mb-md-4,
7809 .my-md-4 {
7810 margin-bottom: 1.5rem !important; }
7811 .ml-md-4,
7812 .mx-md-4 {
7813 margin-left: 1.5rem !important; }
7814 .m-md-5 {
7815 margin: 3rem !important; }
7816 .mt-md-5,
7817 .my-md-5 {
7818 margin-top: 3rem !important; }
7819 .mr-md-5,
7820 .mx-md-5 {
7821 margin-right: 3rem !important; }
7822 .mb-md-5,
7823 .my-md-5 {
7824 margin-bottom: 3rem !important; }
7825 .ml-md-5,
7826 .mx-md-5 {
7827 margin-left: 3rem !important; }
7828 .p-md-0 {
7829 padding: 0 !important; }
7830 .pt-md-0,
7831 .py-md-0 {
7832 padding-top: 0 !important; }
7833 .pr-md-0,
7834 .px-md-0 {
7835 padding-right: 0 !important; }
7836 .pb-md-0,
7837 .py-md-0 {
7838 padding-bottom: 0 !important; }
7839 .pl-md-0,
7840 .px-md-0 {
7841 padding-left: 0 !important; }
7842 .p-md-1 {
7843 padding: 0.25rem !important; }
7844 .pt-md-1,
7845 .py-md-1 {
7846 padding-top: 0.25rem !important; }
7847 .pr-md-1,
7848 .px-md-1 {
7849 padding-right: 0.25rem !important; }
7850 .pb-md-1,
7851 .py-md-1 {
7852 padding-bottom: 0.25rem !important; }
7853 .pl-md-1,
7854 .px-md-1 {
7855 padding-left: 0.25rem !important; }
7856 .p-md-2 {
7857 padding: 0.5rem !important; }
7858 .pt-md-2,
7859 .py-md-2 {
7860 padding-top: 0.5rem !important; }
7861 .pr-md-2,
7862 .px-md-2 {
7863 padding-right: 0.5rem !important; }
7864 .pb-md-2,
7865 .py-md-2 {
7866 padding-bottom: 0.5rem !important; }
7867 .pl-md-2,
7868 .px-md-2 {
7869 padding-left: 0.5rem !important; }
7870 .p-md-3 {
7871 padding: 1rem !important; }
7872 .pt-md-3,
7873 .py-md-3 {
7874 padding-top: 1rem !important; }
7875 .pr-md-3,
7876 .px-md-3 {
7877 padding-right: 1rem !important; }
7878 .pb-md-3,
7879 .py-md-3 {
7880 padding-bottom: 1rem !important; }
7881 .pl-md-3,
7882 .px-md-3 {
7883 padding-left: 1rem !important; }
7884 .p-md-4 {
7885 padding: 1.5rem !important; }
7886 .pt-md-4,
7887 .py-md-4 {
7888 padding-top: 1.5rem !important; }
7889 .pr-md-4,
7890 .px-md-4 {
7891 padding-right: 1.5rem !important; }
7892 .pb-md-4,
7893 .py-md-4 {
7894 padding-bottom: 1.5rem !important; }
7895 .pl-md-4,
7896 .px-md-4 {
7897 padding-left: 1.5rem !important; }
7898 .p-md-5 {
7899 padding: 3rem !important; }
7900 .pt-md-5,
7901 .py-md-5 {
7902 padding-top: 3rem !important; }
7903 .pr-md-5,
7904 .px-md-5 {
7905 padding-right: 3rem !important; }
7906 .pb-md-5,
7907 .py-md-5 {
7908 padding-bottom: 3rem !important; }
7909 .pl-md-5,
7910 .px-md-5 {
7911 padding-left: 3rem !important; }
7912 .m-md-auto {
7913 margin: auto !important; }
7914 .mt-md-auto,
7915 .my-md-auto {
7916 margin-top: auto !important; }
7917 .mr-md-auto,
7918 .mx-md-auto {
7919 margin-right: auto !important; }
7920 .mb-md-auto,
7921 .my-md-auto {
7922 margin-bottom: auto !important; }
7923 .ml-md-auto,
7924 .mx-md-auto {
7925 margin-left: auto !important; } }
7927 @media (min-width: 992px) {
7928 .m-lg-0 {
7929 margin: 0 !important; }
7930 .mt-lg-0,
7931 .my-lg-0 {
7932 margin-top: 0 !important; }
7933 .mr-lg-0,
7934 .mx-lg-0 {
7935 margin-right: 0 !important; }
7936 .mb-lg-0,
7937 .my-lg-0 {
7938 margin-bottom: 0 !important; }
7939 .ml-lg-0,
7940 .mx-lg-0 {
7941 margin-left: 0 !important; }
7942 .m-lg-1 {
7943 margin: 0.25rem !important; }
7944 .mt-lg-1,
7945 .my-lg-1 {
7946 margin-top: 0.25rem !important; }
7947 .mr-lg-1,
7948 .mx-lg-1 {
7949 margin-right: 0.25rem !important; }
7950 .mb-lg-1,
7951 .my-lg-1 {
7952 margin-bottom: 0.25rem !important; }
7953 .ml-lg-1,
7954 .mx-lg-1 {
7955 margin-left: 0.25rem !important; }
7956 .m-lg-2 {
7957 margin: 0.5rem !important; }
7958 .mt-lg-2,
7959 .my-lg-2 {
7960 margin-top: 0.5rem !important; }
7961 .mr-lg-2,
7962 .mx-lg-2 {
7963 margin-right: 0.5rem !important; }
7964 .mb-lg-2,
7965 .my-lg-2 {
7966 margin-bottom: 0.5rem !important; }
7967 .ml-lg-2,
7968 .mx-lg-2 {
7969 margin-left: 0.5rem !important; }
7970 .m-lg-3 {
7971 margin: 1rem !important; }
7972 .mt-lg-3,
7973 .my-lg-3 {
7974 margin-top: 1rem !important; }
7975 .mr-lg-3,
7976 .mx-lg-3 {
7977 margin-right: 1rem !important; }
7978 .mb-lg-3,
7979 .my-lg-3 {
7980 margin-bottom: 1rem !important; }
7981 .ml-lg-3,
7982 .mx-lg-3 {
7983 margin-left: 1rem !important; }
7984 .m-lg-4 {
7985 margin: 1.5rem !important; }
7986 .mt-lg-4,
7987 .my-lg-4 {
7988 margin-top: 1.5rem !important; }
7989 .mr-lg-4,
7990 .mx-lg-4 {
7991 margin-right: 1.5rem !important; }
7992 .mb-lg-4,
7993 .my-lg-4 {
7994 margin-bottom: 1.5rem !important; }
7995 .ml-lg-4,
7996 .mx-lg-4 {
7997 margin-left: 1.5rem !important; }
7998 .m-lg-5 {
7999 margin: 3rem !important; }
8000 .mt-lg-5,
8001 .my-lg-5 {
8002 margin-top: 3rem !important; }
8003 .mr-lg-5,
8004 .mx-lg-5 {
8005 margin-right: 3rem !important; }
8006 .mb-lg-5,
8007 .my-lg-5 {
8008 margin-bottom: 3rem !important; }
8009 .ml-lg-5,
8010 .mx-lg-5 {
8011 margin-left: 3rem !important; }
8012 .p-lg-0 {
8013 padding: 0 !important; }
8014 .pt-lg-0,
8015 .py-lg-0 {
8016 padding-top: 0 !important; }
8017 .pr-lg-0,
8018 .px-lg-0 {
8019 padding-right: 0 !important; }
8020 .pb-lg-0,
8021 .py-lg-0 {
8022 padding-bottom: 0 !important; }
8023 .pl-lg-0,
8024 .px-lg-0 {
8025 padding-left: 0 !important; }
8026 .p-lg-1 {
8027 padding: 0.25rem !important; }
8028 .pt-lg-1,
8029 .py-lg-1 {
8030 padding-top: 0.25rem !important; }
8031 .pr-lg-1,
8032 .px-lg-1 {
8033 padding-right: 0.25rem !important; }
8034 .pb-lg-1,
8035 .py-lg-1 {
8036 padding-bottom: 0.25rem !important; }
8037 .pl-lg-1,
8038 .px-lg-1 {
8039 padding-left: 0.25rem !important; }
8040 .p-lg-2 {
8041 padding: 0.5rem !important; }
8042 .pt-lg-2,
8043 .py-lg-2 {
8044 padding-top: 0.5rem !important; }
8045 .pr-lg-2,
8046 .px-lg-2 {
8047 padding-right: 0.5rem !important; }
8048 .pb-lg-2,
8049 .py-lg-2 {
8050 padding-bottom: 0.5rem !important; }
8051 .pl-lg-2,
8052 .px-lg-2 {
8053 padding-left: 0.5rem !important; }
8054 .p-lg-3 {
8055 padding: 1rem !important; }
8056 .pt-lg-3,
8057 .py-lg-3 {
8058 padding-top: 1rem !important; }
8059 .pr-lg-3,
8060 .px-lg-3 {
8061 padding-right: 1rem !important; }
8062 .pb-lg-3,
8063 .py-lg-3 {
8064 padding-bottom: 1rem !important; }
8065 .pl-lg-3,
8066 .px-lg-3 {
8067 padding-left: 1rem !important; }
8068 .p-lg-4 {
8069 padding: 1.5rem !important; }
8070 .pt-lg-4,
8071 .py-lg-4 {
8072 padding-top: 1.5rem !important; }
8073 .pr-lg-4,
8074 .px-lg-4 {
8075 padding-right: 1.5rem !important; }
8076 .pb-lg-4,
8077 .py-lg-4 {
8078 padding-bottom: 1.5rem !important; }
8079 .pl-lg-4,
8080 .px-lg-4 {
8081 padding-left: 1.5rem !important; }
8082 .p-lg-5 {
8083 padding: 3rem !important; }
8084 .pt-lg-5,
8085 .py-lg-5 {
8086 padding-top: 3rem !important; }
8087 .pr-lg-5,
8088 .px-lg-5 {
8089 padding-right: 3rem !important; }
8090 .pb-lg-5,
8091 .py-lg-5 {
8092 padding-bottom: 3rem !important; }
8093 .pl-lg-5,
8094 .px-lg-5 {
8095 padding-left: 3rem !important; }
8096 .m-lg-auto {
8097 margin: auto !important; }
8098 .mt-lg-auto,
8099 .my-lg-auto {
8100 margin-top: auto !important; }
8101 .mr-lg-auto,
8102 .mx-lg-auto {
8103 margin-right: auto !important; }
8104 .mb-lg-auto,
8105 .my-lg-auto {
8106 margin-bottom: auto !important; }
8107 .ml-lg-auto,
8108 .mx-lg-auto {
8109 margin-left: auto !important; } }
8111 @media (min-width: 1200px) {
8112 .m-xl-0 {
8113 margin: 0 !important; }
8114 .mt-xl-0,
8115 .my-xl-0 {
8116 margin-top: 0 !important; }
8117 .mr-xl-0,
8118 .mx-xl-0 {
8119 margin-right: 0 !important; }
8120 .mb-xl-0,
8121 .my-xl-0 {
8122 margin-bottom: 0 !important; }
8123 .ml-xl-0,
8124 .mx-xl-0 {
8125 margin-left: 0 !important; }
8126 .m-xl-1 {
8127 margin: 0.25rem !important; }
8128 .mt-xl-1,
8129 .my-xl-1 {
8130 margin-top: 0.25rem !important; }
8131 .mr-xl-1,
8132 .mx-xl-1 {
8133 margin-right: 0.25rem !important; }
8134 .mb-xl-1,
8135 .my-xl-1 {
8136 margin-bottom: 0.25rem !important; }
8137 .ml-xl-1,
8138 .mx-xl-1 {
8139 margin-left: 0.25rem !important; }
8140 .m-xl-2 {
8141 margin: 0.5rem !important; }
8142 .mt-xl-2,
8143 .my-xl-2 {
8144 margin-top: 0.5rem !important; }
8145 .mr-xl-2,
8146 .mx-xl-2 {
8147 margin-right: 0.5rem !important; }
8148 .mb-xl-2,
8149 .my-xl-2 {
8150 margin-bottom: 0.5rem !important; }
8151 .ml-xl-2,
8152 .mx-xl-2 {
8153 margin-left: 0.5rem !important; }
8154 .m-xl-3 {
8155 margin: 1rem !important; }
8156 .mt-xl-3,
8157 .my-xl-3 {
8158 margin-top: 1rem !important; }
8159 .mr-xl-3,
8160 .mx-xl-3 {
8161 margin-right: 1rem !important; }
8162 .mb-xl-3,
8163 .my-xl-3 {
8164 margin-bottom: 1rem !important; }
8165 .ml-xl-3,
8166 .mx-xl-3 {
8167 margin-left: 1rem !important; }
8168 .m-xl-4 {
8169 margin: 1.5rem !important; }
8170 .mt-xl-4,
8171 .my-xl-4 {
8172 margin-top: 1.5rem !important; }
8173 .mr-xl-4,
8174 .mx-xl-4 {
8175 margin-right: 1.5rem !important; }
8176 .mb-xl-4,
8177 .my-xl-4 {
8178 margin-bottom: 1.5rem !important; }
8179 .ml-xl-4,
8180 .mx-xl-4 {
8181 margin-left: 1.5rem !important; }
8182 .m-xl-5 {
8183 margin: 3rem !important; }
8184 .mt-xl-5,
8185 .my-xl-5 {
8186 margin-top: 3rem !important; }
8187 .mr-xl-5,
8188 .mx-xl-5 {
8189 margin-right: 3rem !important; }
8190 .mb-xl-5,
8191 .my-xl-5 {
8192 margin-bottom: 3rem !important; }
8193 .ml-xl-5,
8194 .mx-xl-5 {
8195 margin-left: 3rem !important; }
8196 .p-xl-0 {
8197 padding: 0 !important; }
8198 .pt-xl-0,
8199 .py-xl-0 {
8200 padding-top: 0 !important; }
8201 .pr-xl-0,
8202 .px-xl-0 {
8203 padding-right: 0 !important; }
8204 .pb-xl-0,
8205 .py-xl-0 {
8206 padding-bottom: 0 !important; }
8207 .pl-xl-0,
8208 .px-xl-0 {
8209 padding-left: 0 !important; }
8210 .p-xl-1 {
8211 padding: 0.25rem !important; }
8212 .pt-xl-1,
8213 .py-xl-1 {
8214 padding-top: 0.25rem !important; }
8215 .pr-xl-1,
8216 .px-xl-1 {
8217 padding-right: 0.25rem !important; }
8218 .pb-xl-1,
8219 .py-xl-1 {
8220 padding-bottom: 0.25rem !important; }
8221 .pl-xl-1,
8222 .px-xl-1 {
8223 padding-left: 0.25rem !important; }
8224 .p-xl-2 {
8225 padding: 0.5rem !important; }
8226 .pt-xl-2,
8227 .py-xl-2 {
8228 padding-top: 0.5rem !important; }
8229 .pr-xl-2,
8230 .px-xl-2 {
8231 padding-right: 0.5rem !important; }
8232 .pb-xl-2,
8233 .py-xl-2 {
8234 padding-bottom: 0.5rem !important; }
8235 .pl-xl-2,
8236 .px-xl-2 {
8237 padding-left: 0.5rem !important; }
8238 .p-xl-3 {
8239 padding: 1rem !important; }
8240 .pt-xl-3,
8241 .py-xl-3 {
8242 padding-top: 1rem !important; }
8243 .pr-xl-3,
8244 .px-xl-3 {
8245 padding-right: 1rem !important; }
8246 .pb-xl-3,
8247 .py-xl-3 {
8248 padding-bottom: 1rem !important; }
8249 .pl-xl-3,
8250 .px-xl-3 {
8251 padding-left: 1rem !important; }
8252 .p-xl-4 {
8253 padding: 1.5rem !important; }
8254 .pt-xl-4,
8255 .py-xl-4 {
8256 padding-top: 1.5rem !important; }
8257 .pr-xl-4,
8258 .px-xl-4 {
8259 padding-right: 1.5rem !important; }
8260 .pb-xl-4,
8261 .py-xl-4 {
8262 padding-bottom: 1.5rem !important; }
8263 .pl-xl-4,
8264 .px-xl-4 {
8265 padding-left: 1.5rem !important; }
8266 .p-xl-5 {
8267 padding: 3rem !important; }
8268 .pt-xl-5,
8269 .py-xl-5 {
8270 padding-top: 3rem !important; }
8271 .pr-xl-5,
8272 .px-xl-5 {
8273 padding-right: 3rem !important; }
8274 .pb-xl-5,
8275 .py-xl-5 {
8276 padding-bottom: 3rem !important; }
8277 .pl-xl-5,
8278 .px-xl-5 {
8279 padding-left: 3rem !important; }
8280 .m-xl-auto {
8281 margin: auto !important; }
8282 .mt-xl-auto,
8283 .my-xl-auto {
8284 margin-top: auto !important; }
8285 .mr-xl-auto,
8286 .mx-xl-auto {
8287 margin-right: auto !important; }
8288 .mb-xl-auto,
8289 .my-xl-auto {
8290 margin-bottom: auto !important; }
8291 .ml-xl-auto,
8292 .mx-xl-auto {
8293 margin-left: auto !important; } }
8295 .text-justify {
8296 text-align: justify !important; }
8298 .text-nowrap {
8299 white-space: nowrap !important; }
8301 .text-truncate {
8302 overflow: hidden;
8303 text-overflow: ellipsis;
8304 white-space: nowrap; }
8306 .text-left {
8307 text-align: left !important; }
8309 .text-right {
8310 text-align: right !important; }
8312 .text-center {
8313 text-align: center !important; }
8315 @media (min-width: 576px) {
8316 .text-sm-left {
8317 text-align: left !important; }
8318 .text-sm-right {
8319 text-align: right !important; }
8320 .text-sm-center {
8321 text-align: center !important; } }
8323 @media (min-width: 768px) {
8324 .text-md-left {
8325 text-align: left !important; }
8326 .text-md-right {
8327 text-align: right !important; }
8328 .text-md-center {
8329 text-align: center !important; } }
8331 @media (min-width: 992px) {
8332 .text-lg-left {
8333 text-align: left !important; }
8334 .text-lg-right {
8335 text-align: right !important; }
8336 .text-lg-center {
8337 text-align: center !important; } }
8339 @media (min-width: 1200px) {
8340 .text-xl-left {
8341 text-align: left !important; }
8342 .text-xl-right {
8343 text-align: right !important; }
8344 .text-xl-center {
8345 text-align: center !important; } }
8347 .text-lowercase {
8348 text-transform: lowercase !important; }
8350 .text-uppercase {
8351 text-transform: uppercase !important; }
8353 .text-capitalize {
8354 text-transform: capitalize !important; }
8356 .font-weight-light {
8357 font-weight: 300 !important; }
8359 .font-weight-normal {
8360 font-weight: 400 !important; }
8362 .font-weight-bold {
8363 font-weight: 700 !important; }
8365 .font-italic {
8366 font-style: italic !important; }
8368 .text-white {
8369 color: #fff !important; }
8371 .text-primary {
8372 color: #1177d1 !important; }
8374 a.text-primary:hover, a.text-primary:focus {
8375 color: #0d5ca2 !important; }
8377 .text-secondary {
8378 color: #ced4da !important; }
8380 a.text-secondary:hover, a.text-secondary:focus {
8381 color: #b1bbc4 !important; }
8383 .text-success, .green,
8384 .notifysuccess, .connected {
8385 color: #5cb85c !important; }
8387 a.text-success:hover, a.green:hover,
8388 a.notifysuccess:hover, a.connected:hover, a.text-success:focus, a.green:focus,
8389 a.notifysuccess:focus, a.connected:focus {
8390 color: #449d44 !important; }
8392 .text-info, .highlight {
8393 color: #5bc0de !important; }
8395 a.text-info:hover, a.highlight:hover, a.text-info:focus, a.highlight:focus {
8396 color: #31b0d5 !important; }
8398 .text-warning, .red,
8399 .notifyproblem, .completion-expired, span.flagged-tag,
8400 tr.flagged-tag,
8401 span.flagged-tag a,
8402 tr.flagged-tag a, .moodle-dialogue-exception .param-stacktrace .stacktrace-line, .connecting {
8403 color: #f0ad4e !important; }
8405 a.text-warning:hover, a.red:hover,
8406 a.notifyproblem:hover, a.completion-expired:hover,
8407 span.flagged-tag a:hover,
8408 tr.flagged-tag a:hover, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:hover, a.connecting:hover, a.text-warning:focus, a.red:focus,
8409 a.notifyproblem:focus, a.completion-expired:focus,
8410 span.flagged-tag a:focus,
8411 tr.flagged-tag a:focus, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:focus, a.connecting:focus {
8412 color: #ec971f !important; }
8414 .text-danger, .notconnected, .que .validationerror, .text-error {
8415 color: #d9534f !important; }
8417 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 {
8418 color: #c9302c !important; }
8420 .text-light {
8421 color: #f8f9fa !important; }
8423 a.text-light:hover, a.text-light:focus {
8424 color: #dae0e5 !important; }
8426 .text-dark, #categoryquestions .highlight {
8427 color: #373a3c !important; }
8429 a.text-dark:hover, #categoryquestions a.highlight:hover, a.text-dark:focus, #categoryquestions a.highlight:focus {
8430 color: #1f2021 !important; }
8432 .text-muted, a.dimmed,
8433 a.dimmed:link,
8434 a.dimmed:visited,
8435 a.dimmed_text,
8436 a.dimmed_text:link,
8437 a.dimmed_text:visited,
8438 .dimmed_text,
8439 .dimmed_text a,
8440 .dimmed_text a:link,
8441 .dimmed_text a:visited,
8442 .usersuspended,
8443 .usersuspended a,
8444 .usersuspended a:link,
8445 .usersuspended a:visited,
8446 .dimmed_category,
8447 .dimmed_category a, .tag_feed .media .muted a, #page-admin-qtypes .disabled,
8448 #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,
8449 .course-content ul li.section.hidden .content > div.summary,
8450 .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,
8451 .form-label .form-shortname, .formsettingheading .form-horizontal, .no-felement.fstatic, .path-backup .backup_progress .backup_stage {
8452 color: #868e96 !important; }
8454 .text-hide {
8455 font: 0/0 a;
8456 color: transparent;
8457 text-shadow: none;
8458 background-color: transparent;
8459 border: 0; }
8461 .visible {
8462 visibility: visible !important; }
8464 .invisible {
8465 visibility: hidden !important; }
8467 @media print {
8469 *::before,
8470 *::after {
8471 text-shadow: none !important;
8472 box-shadow: none !important; }
8473 a:not(.btn) {
8474 text-decoration: underline; }
8475 abbr[title]::after {
8476 content: " (" attr(title) ")"; }
8477 pre {
8478 white-space: pre-wrap !important; }
8479 pre,
8480 blockquote {
8481 border: 1px solid #999;
8482 page-break-inside: avoid; }
8483 thead {
8484 display: table-header-group; }
8486 img {
8487 page-break-inside: avoid; }
8490 h3 {
8491 orphans: 3;
8492 widows: 3; }
8494 h3 {
8495 page-break-after: avoid; }
8496 @page {
8497 size: a3; }
8498 body {
8499 min-width: 992px !important; }
8500 .container {
8501 min-width: 992px !important; }
8502 .navbar {
8503 display: none; }
8504 .badge {
8505 border: 1px solid #000; }
8506 .table, table.collection, table.flexible,
8507 .generaltable {
8508 border-collapse: collapse !important; }
8510 .table td,
8511 table.collection td,
8512 table.flexible td,
8513 .generaltable td, .table th, table.collection th, table.flexible th, .generaltable th {
8514 background-color: #fff !important; }
8515 .table-bordered th, table.collection th,
8516 .table-bordered td,
8517 table.collection td {
8518 border: 1px solid #ddd !important; } }
8520 /* stylelint-disable function-url-scheme-blacklist */
8521 /* stylelint-enable function-url-scheme-blacklist */
8522 .tag, .statusok, .statuswarning, .statusserious,
8523 .statuscritical, .que .correctness, .label {
8524 display: inline-block;
8525 padding: 0.25rem 0.4em;
8526 font-size: 75%;
8527 font-weight: bold;
8528 line-height: 1;
8529 color: #fff;
8530 text-align: center;
8531 white-space: nowrap;
8532 vertical-align: baseline; }
8533 .tag:empty, .statusok:empty, .statuswarning:empty, .statusserious:empty,
8534 .statuscritical:empty, .que .correctness:empty, .label:empty {
8535 display: none; }
8537 .form-control-success,
8538 .form-control-warning,
8539 .maintenancewarning.warning,
8540 .form-control-danger,
8541 #page-admin-mnet-peers .mform .deletedhostinfo,
8542 .maintenancewarning.error {
8543 padding-right: 2.25rem;
8544 background-repeat: no-repeat;
8545 background-position: center right calc(2.15625rem + 2px)/4;
8546 background-size: calc(2.15625rem + 2px)/2 calc(2.15625rem + 2px)/2; }
8548 .tag-default {
8549 background-color: #868e96; }
8550 .tag-default[href]:hover, .tag-default[href]:focus {
8551 background-color: #6c757d; }
8553 .tag-primary {
8554 background-color: #1177d1; }
8555 .tag-primary[href]:hover, .tag-primary[href]:focus {
8556 background-color: #0d5ca2; }
8558 .tag-success, .statusok, #page-admin-report-backups-index .backup-skipped,
8559 #page-admin-report-backups-index .backup-ok,
8560 #page-admin-report-backups-index .backup-notyetrun {
8561 background-color: #5cb85c; }
8562 .tag-success[href]:hover, .statusok[href]:hover, #page-admin-report-backups-index .backup-skipped[href]:hover,
8563 #page-admin-report-backups-index .backup-ok[href]:hover,
8564 #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,
8565 #page-admin-report-backups-index .backup-ok[href]:focus,
8566 #page-admin-report-backups-index .backup-notyetrun[href]:focus {
8567 background-color: #449d44; }
8569 .tag-info, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
8570 background-color: #5bc0de; }
8571 .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 {
8572 background-color: #31b0d5; }
8574 .tag-warning, .statuswarning, #page-admin-report-backups-index .backup-warning, #page-admin-index .updateplugin .updatepluginconfirmexternal, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
8575 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
8576 background-color: #ff7518; }
8577 .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,
8578 #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,
8579 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release[href]:focus {
8580 background-color: #e45c00; }
8582 .tag-danger, .statusserious,
8583 .statuscritical, #page-admin-report-backups-index .backup-error,
8584 #page-admin-report-backups-index .backup-unfinished, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
8585 background-color: #d9534f; }
8586 .tag-danger[href]:hover, .statusserious[href]:hover,
8587 .statuscritical[href]:hover, #page-admin-report-backups-index .backup-error[href]:hover,
8588 #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,
8589 .statuscritical[href]:focus, #page-admin-report-backups-index .backup-error[href]:focus,
8590 #page-admin-report-backups-index .backup-unfinished[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release[href]:focus {
8591 background-color: #c9302c; }
8593 .custom-select {
8594 width: auto; }
8596 .fade.in {
8597 opacity: 1; }
8599 .m-a-0 {
8600 margin: 0 !important; }
8602 .m-t-0,
8603 .m-y-0 {
8604 margin-top: 0 !important; }
8606 .m-r-0,
8607 .m-x-0 {
8608 margin-right: 0 !important; }
8610 .m-b-0,
8611 .m-y-0 {
8612 margin-bottom: 0 !important; }
8614 .m-l-0,
8615 .m-x-0 {
8616 margin-left: 0 !important; }
8618 .m-a-1 {
8619 margin: 1rem !important; }
8621 .m-t-1,
8622 .m-y-1 {
8623 margin-top: 1rem !important; }
8625 .m-r-1,
8626 .m-x-1 {
8627 margin-right: 1rem !important; }
8629 .m-b-1,
8630 .m-y-1 {
8631 margin-bottom: 1rem !important; }
8633 .m-l-1,
8634 .m-x-1 {
8635 margin-left: 1rem !important; }
8637 .m-a-2 {
8638 margin: 2rem !important; }
8640 .m-t-2,
8641 .m-y-2 {
8642 margin-top: 2rem !important; }
8644 .m-r-2,
8645 .m-x-2 {
8646 margin-right: 2rem !important; }
8648 .m-b-2,
8649 .m-y-2 {
8650 margin-bottom: 2rem !important; }
8652 .m-l-2,
8653 .m-x-2 {
8654 margin-left: 2rem !important; }
8656 .m-a-3 {
8657 margin: 3rem !important; }
8659 .m-t-3,
8660 .m-y-3 {
8661 margin-top: 3rem !important; }
8663 .m-r-3,
8664 .m-x-3 {
8665 margin-right: 3rem !important; }
8667 .m-b-3,
8668 .m-y-3 {
8669 margin-bottom: 3rem !important; }
8671 .m-l-3,
8672 .m-x-3 {
8673 margin-left: 3rem !important; }
8675 .p-a-0 {
8676 padding: 0 !important; }
8678 .p-t-0,
8679 .p-y-0 {
8680 padding-top: 0 !important; }
8682 .p-r-0,
8683 .p-x-0 {
8684 padding-right: 0 !important; }
8686 .p-b-0,
8687 .p-y-0 {
8688 padding-bottom: 0 !important; }
8690 .p-l-0,
8691 .p-x-0 {
8692 padding-left: 0 !important; }
8694 .p-a-1 {
8695 padding: 1rem !important; }
8697 .p-t-1,
8698 .p-y-1 {
8699 padding-top: 1rem !important; }
8701 .p-r-1,
8702 .p-x-1 {
8703 padding-right: 1rem !important; }
8705 .p-b-1,
8706 .p-y-1 {
8707 padding-bottom: 1rem !important; }
8709 .p-l-1,
8710 .p-x-1 {
8711 padding-left: 1rem !important; }
8713 .p-a-2 {
8714 padding: 2rem !important; }
8716 .p-t-2,
8717 .p-y-2 {
8718 padding-top: 2rem !important; }
8720 .p-r-2,
8721 .p-x-2 {
8722 padding-right: 2rem !important; }
8724 .p-b-2,
8725 .p-y-2 {
8726 padding-bottom: 2rem !important; }
8728 .p-l-2,
8729 .p-x-2 {
8730 padding-left: 2rem !important; }
8732 .p-a-3 {
8733 padding: 3rem !important; }
8735 .p-t-3,
8736 .p-y-3 {
8737 padding-top: 3rem !important; }
8739 .p-r-3,
8740 .p-x-3 {
8741 padding-right: 3rem !important; }
8743 .p-b-3,
8744 .p-y-3 {
8745 padding-bottom: 3rem !important; }
8747 .p-l-3,
8748 .p-x-3 {
8749 padding-left: 3rem !important; }
8751 input[disabled] {
8752 cursor: not-allowed; }
8754 .row-fluid {
8755 display: flex;
8756 flex-wrap: wrap;
8757 margin-right: -15px;
8758 margin-left: -15px; }
8760 /*rtl:raw:
8761 .dropdown-menu-right {
8762 right: 0;
8763 left: auto;
8765 .dropdown-menu-left {
8766 right: auto;
8767 left: 0;
8771 * Bootstrap overrides for RTL
8773 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
8774 * moodle scss should be placed immediately after the definition of the ltr rule.
8776 .breadcrumb-item + .breadcrumb-item::before {
8777 content: "/";
8778 /*rtl:remove*/
8779 content: "/";
8780 /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
8782 /*rtl:raw:
8783 .dropdown-menu {
8784 right: auto;
8785 left: 0;
8786 text-align: right;
8789 /* core.less */
8790 #region-main {
8791 overflow-x: auto;
8792 overflow-y: visible;
8793 border: 1px solid rgba(0, 0, 0, 0.125);
8794 padding: 1.25rem;
8795 background-color: #fff; }
8797 .context-header-settings-menu,
8798 .region-main-settings-menu {
8799 float: right;
8800 width: auto;
8801 max-width: 4em;
8802 height: 2em;
8803 display: block;
8804 margin-top: 4px; }
8806 .context-header-settings-menu .dropdown-toggle > .icon,
8807 #region-main-settings-menu .dropdown-toggle > .icon {
8808 height: 24px;
8809 font-size: 24px;
8810 width: auto; }
8812 /** Prevent user notifications overlapping with region main settings menu */
8813 #user-notifications {
8814 display: block;
8815 overflow: hidden; }
8817 /** Page layout CSS starts **/
8818 .layout-option-noheader #page-header,
8819 .layout-option-nonavbar #page-navbar,
8820 .layout-option-nofooter #page-footer,
8821 .layout-option-nocourseheader .course-content-header,
8822 .layout-option-nocoursefooter .course-content-footer {
8823 display: none; }
8825 /** Page layout CSS ends **/
8826 .mdl-left {
8827 text-align: left; }
8829 .mdl-right {
8830 text-align: right; }
8832 /*rtl:ignore*/
8833 .text-ltr {
8834 direction: ltr !important;
8835 /* stylelint-disable-line declaration-no-important */ }
8837 #add,
8838 #remove,
8839 .centerpara,
8840 .mdl-align {
8841 text-align: center; }
8843 .unlist,
8844 .unlist li,
8845 .inline-list,
8846 .inline-list li,
8847 .block .list,
8848 .block .list li,
8849 .section li.activity,
8850 .section li.movehere,
8851 .tabtree li {
8852 list-style: none;
8853 margin: 0;
8854 padding: 0; }
8856 .inline,
8857 .inline-list li {
8858 display: inline; }
8860 .notifytiny {
8861 font-size: 0.703125rem; }
8863 .notifytiny li,
8864 .notifytiny td {
8865 font-size: 100%; }
8867 .fitem.advanced .text-info, .fitem.advanced .highlight {
8868 font-weight: bold; }
8870 .reportlink {
8871 text-align: right; }
8873 a.autolink.glossary:hover {
8874 cursor: help; }
8876 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
8877 .collapsibleregioncaption {
8878 white-space: nowrap;
8879 min-height: 1.40625rem; }
8881 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
8882 cursor: pointer; }
8884 .pagelayout-mydashboard #region-main {
8885 border: 0;
8886 padding: 0;
8887 background-color: transparent;
8888 margin-top: -1px; }
8890 .collapsibleregioncaption img {
8891 vertical-align: middle; }
8893 .jsenabled .hiddenifjs {
8894 display: none; }
8896 .visibleifjs {
8897 display: none; }
8899 .jsenabled .visibleifjs {
8900 display: inline; }
8902 .jsenabled .collapsibleregion {
8903 overflow: hidden;
8904 box-sizing: content-box; }
8906 .jsenabled .collapsed .collapsibleregioninner {
8907 visibility: hidden; }
8909 .collapsible-actions {
8910 display: none;
8911 text-align: right; }
8913 .jsenabled .collapsible-actions {
8914 display: block; }
8916 .collapsible-actions .collapseexpand {
8917 padding-left: 20px;
8918 background: url([[pix:t/collapsed]]) 2px center no-repeat; }
8920 /*rtl:raw:
8921 .collapsible-actions .collapseexpand {
8922 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
8925 .collapsible-actions .collapse-all {
8926 background-image: url([[pix:t/expanded]]); }
8928 .yui-overlay .yui-widget-bd {
8929 background-color: #ffee69;
8930 border: 1px solid #a6982b;
8931 border-top-color: #d4c237;
8932 color: #000;
8933 left: 0;
8934 padding: 2px 5px;
8935 position: relative;
8936 top: 0;
8937 z-index: 1; }
8939 .clearer {
8940 background: transparent;
8941 border-width: 0;
8942 clear: both;
8943 display: block;
8944 height: 1px;
8945 margin: 0;
8946 padding: 0; }
8948 .bold,
8949 .warning,
8950 .errorbox .title,
8951 .pagingbar .title,
8952 .pagingbar .thispage {
8953 font-weight: bold; }
8955 img.userpicture {
8956 margin-right: 0.5rem; }
8958 img.resize {
8959 height: 1em;
8960 width: 1em; }
8962 .action-menu .dropdown-toggle {
8963 text-decoration: none; }
8965 .action-menu {
8966 white-space: nowrap; }
8968 .block img.resize {
8969 height: 0.9em;
8970 width: 0.8em; }
8972 /* Icon styles */
8973 img.activityicon {
8974 height: 24px;
8975 width: 24px;
8976 vertical-align: middle; }
8978 .headermain {
8979 font-weight: bold; }
8981 #maincontent {
8982 display: block;
8983 height: 1px;
8984 overflow: hidden; }
8986 img.uihint {
8987 cursor: help; }
8989 #addmembersform table {
8990 margin-left: auto;
8991 margin-right: auto; }
8993 table.flexible .emptyrow {
8994 display: none; }
8996 form.popupform,
8997 form.popupform div {
8998 display: inline; }
9000 .arrow_button input {
9001 overflow: hidden; }
9003 .no-overflow {
9004 overflow: auto; }
9006 .no-overflow > .generaltable {
9007 position: relative;
9008 margin-bottom: 0;
9009 min-height: 10em; }
9011 .accesshide {
9012 position: absolute;
9013 width: 1px;
9014 height: 1px;
9015 padding: 0;
9016 overflow: hidden;
9017 clip: rect(0, 0, 0, 0);
9018 white-space: nowrap;
9019 clip-path: inset(50%);
9020 border: 0; }
9022 span.hide,
9023 div.hide,
9024 .hidden {
9025 display: none; }
9027 a.skip-block,
9028 a.skip {
9029 position: absolute;
9030 top: -1000em;
9031 font-size: 0.85em;
9032 text-decoration: none; }
9034 a.skip-block:focus,
9035 a.skip-block:active,
9036 a.skip:focus,
9037 a.skip:active {
9038 position: static;
9039 display: block; }
9041 .skip-block-to {
9042 display: block;
9043 height: 1px;
9044 overflow: hidden; }
9046 .addbloglink {
9047 text-align: center; }
9049 .blog_entry .audience {
9050 text-align: right;
9051 padding-right: 4px; }
9053 .blog_entry .tags {
9054 margin-top: 15px; }
9056 .blog_entry .content {
9057 margin-left: 43px; }
9059 #doc-contents h1 {
9060 margin: 1em 0 0 0; }
9062 #doc-contents ul {
9063 margin: 0;
9064 padding: 0;
9065 width: 90%; }
9067 #doc-contents ul li {
9068 list-style-type: none; }
9070 .groupmanagementtable td {
9071 vertical-align: top; }
9073 .groupmanagementtable #existingcell,
9074 .groupmanagementtable #potentialcell {
9075 width: 42%; }
9077 .groupmanagementtable #buttonscell {
9078 width: 16%; }
9080 .groupmanagementtable #buttonscell p.arrow_button input {
9081 width: auto;
9082 min-width: 80%;
9083 margin: 0 auto; }
9085 .groupmanagementtable #removeselect_wrapper,
9086 .groupmanagementtable #addselect_wrapper {
9087 width: 100%; }
9089 .groupmanagementtable #removeselect_wrapper label,
9090 .groupmanagementtable #addselect_wrapper label {
9091 font-weight: normal; }
9093 #group-usersummary {
9094 width: 14em; }
9096 .groupselector {
9097 margin-top: 3px;
9098 margin-bottom: 3px;
9099 display: inline-block; }
9101 .groupselector label {
9102 display: inline-block; }
9104 .login-page [name="username"] {
9105 margin-bottom: -1px;
9106 border-bottom-right-radius: 0;
9107 border-bottom-left-radius: 0; }
9109 .login-page [type="password"] {
9110 margin-bottom: 10px;
9111 border-top-left-radius: 0;
9112 border-top-right-radius: 0; }
9114 .notepost {
9115 margin-bottom: 1em; }
9117 .notepost .userpicture {
9118 float: left;
9119 margin-right: 5px; }
9121 .notepost .content,
9122 .notepost .footer {
9123 clear: both; }
9125 .notesgroup {
9126 margin-left: 20px; }
9128 .path-my .coursebox {
9129 margin: 1rem 0;
9130 padding: 0; }
9131 .path-my .coursebox .overview {
9132 margin: 15px 30px 10px 30px; }
9134 .path-my .coursebox .info {
9135 float: none;
9136 margin: 0; }
9138 .mod_introbox {
9139 padding: 10px; }
9141 table.mod_index {
9142 width: 100%; }
9144 .comment-ctrl {
9145 font-size: 12px;
9146 display: none;
9147 margin: 0;
9148 padding: 0; }
9150 .comment-ctrl h5 {
9151 margin: 0;
9152 padding: 5px; }
9154 .comment-area {
9155 max-width: 400px;
9156 padding: 5px; }
9158 .comment-area textarea {
9159 width: 100%;
9160 overflow: auto; }
9161 .comment-area textarea.fullwidth {
9162 -webkit-box-sizing: border-box;
9163 -moz-box-sizing: border-box;
9164 box-sizing: border-box; }
9166 .comment-area .fd {
9167 text-align: right; }
9169 .comment-meta span {
9170 color: gray; }
9172 .comment-link img {
9173 vertical-align: text-bottom; }
9175 .comment-list {
9176 font-size: 11px;
9177 overflow: auto;
9178 list-style: none;
9179 padding: 0;
9180 margin: 0; }
9182 .comment-list li {
9183 margin: 2px;
9184 list-style: none;
9185 margin-bottom: 5px;
9186 clear: both;
9187 padding: .3em;
9188 position: relative; }
9190 .comment-list li.first {
9191 display: none; }
9193 .comment-paging {
9194 text-align: center; }
9196 .comment-paging .pageno {
9197 padding: 2px; }
9199 .comment-paging .curpage {
9200 border: 1px solid #ccc; }
9202 .comment-message .picture {
9203 width: 20px;
9204 float: left; }
9206 .comment-message .text {
9207 margin: 0;
9208 padding: 0; }
9210 .comment-message .text p {
9211 padding: 0;
9212 margin: 0 18px 0 0; }
9214 .comment-delete {
9215 position: absolute;
9216 top: 0;
9217 right: 0;
9218 margin: .3em; }
9220 .comment-report-selectall {
9221 display: none; }
9223 .comment-link {
9224 display: none; }
9226 .jsenabled .comment-link {
9227 display: block; }
9229 .jsenabled .showcommentsnonjs {
9230 display: none; }
9232 .jsenabled .comment-report-selectall {
9233 display: inline; }
9236 * Completion progress report
9238 .completion-expected {
9239 font-size: 0.703125rem; }
9241 .completion-sortchoice,
9242 .completion-identifyfield {
9243 font-size: 0.703125rem;
9244 vertical-align: bottom; }
9246 .completion-progresscell {
9247 text-align: right; }
9249 .completion-expired .completion-expected {
9250 font-weight: bold; }
9253 * Tags
9255 img.user-image {
9256 height: 100px;
9257 width: 100px; }
9259 #tag-search-box {
9260 text-align: center;
9261 margin: 10px auto; }
9263 .path-tag .tag-index-items .tagarea {
9264 border: 1px solid #e3e3e3;
9265 border-radius: 4px;
9266 padding: 10px;
9267 margin-top: 10px; }
9269 .path-tag .tag-index-items .tagarea h3 {
9270 display: block;
9271 padding: 3px 0 10px 0;
9272 margin: 0;
9273 font-size: 1.1em;
9274 font-weight: bold;
9275 line-height: 20px;
9276 color: #999;
9277 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
9278 text-transform: uppercase;
9279 word-wrap: break-word;
9280 border-bottom: solid 1px #e3e3e3;
9281 margin-bottom: 10px; }
9283 .path-tag .tagarea .controls::after,
9284 .path-tag .tagarea .taggeditems::after {
9285 display: block;
9286 clear: both;
9287 content: ""; }
9289 .path-tag .tagarea .controls,
9290 .path-tag .tag-backtoallitems {
9291 text-align: center; }
9293 .path-tag .tagarea .controls .gotopage.nextpage {
9294 float: right; }
9296 .path-tag .tagarea .controls .gotopage.prevpage {
9297 float: left; }
9299 .path-tag .tagarea .controls .exclusivemode {
9300 display: inline-block; }
9302 .path-tag .tagarea .controls.controls-bottom {
9303 margin-top: 5px; }
9305 .path-tag .tagarea .controls .gotopage.nextpage::after {
9306 padding-right: 5px;
9307 padding-left: 5px;
9308 content: "»"; }
9310 .path-tag .tagarea .controls .gotopage.prevpage::before {
9311 padding-right: 5px;
9312 padding-left: 5px;
9313 content: "«"; }
9315 .tag-management-table td,
9316 .tag-management-table th {
9317 vertical-align: middle;
9318 padding: 4px; }
9320 .tag-management-table .inplaceeditable.inplaceeditingon input {
9321 width: 150px; }
9323 .path-admin-tag .addstandardtags {
9324 float: right; }
9325 .path-admin-tag .addstandardtags img {
9326 margin: 0 5px; }
9328 .path-tag .tag-relatedtags {
9329 padding-top: 10px; }
9331 .path-tag .tag-management-box {
9332 text-align: right; }
9334 .path-tag .tag-index-toc {
9335 padding: 10px;
9336 text-align: center; }
9338 .path-tag .tag-index-toc li,
9339 .path-tag .tag-management-box li {
9340 margin-left: 5px;
9341 margin-right: 5px; }
9343 .path-tag .tag-management-box li a.edittag {
9344 background-image: url([[pix:moodle|i/settings]]); }
9346 .path-tag .tag-management-box li a.flagasinappropriate {
9347 background-image: url([[pix:moodle|i/flagged]]); }
9349 .path-tag .tag-management-box li a.removefrommyinterests {
9350 background-image: url([[pix:moodle|t/delete]]); }
9352 .path-tag .tag-management-box li a.addtomyinterests {
9353 background-image: url([[pix:moodle|t/add]]); }
9355 .path-tag .tag-management-box li a {
9356 background-repeat: no-repeat;
9357 background-position: left;
9358 padding-left: 17px; }
9360 .tag_feed.media-list .media .itemimage {
9361 float: left; }
9363 .tag_feed.media-list .media .itemimage img {
9364 height: 35px;
9365 width: 35px; }
9367 .tag_feed.media-list .media .media-body {
9368 padding-right: 10px;
9369 padding-left: 10px; }
9371 .tag_cloud {
9372 text-align: center; }
9374 .tag_cloud .inline-list li {
9375 padding: 0 0.2em; }
9377 .tag_cloud .tag_overflow {
9378 margin-top: 1em;
9379 font-style: italic; }
9381 .tag_cloud .s20 {
9382 font-size: 2.7em; }
9384 .tag_cloud .s19 {
9385 font-size: 2.6em; }
9387 .tag_cloud .s18 {
9388 font-size: 2.5em; }
9390 .tag_cloud .s17 {
9391 font-size: 2.4em; }
9393 .tag_cloud .s16 {
9394 font-size: 2.3em; }
9396 .tag_cloud .s15 {
9397 font-size: 2.2em; }
9399 .tag_cloud .s14 {
9400 font-size: 2.1em; }
9402 .tag_cloud .s13 {
9403 font-size: 2em; }
9405 .tag_cloud .s12 {
9406 font-size: 1.9em; }
9408 .tag_cloud .s11 {
9409 font-size: 1.8em; }
9411 .tag_cloud .s10 {
9412 font-size: 1.7em; }
9414 .tag_cloud .s9 {
9415 font-size: 1.6em; }
9417 .tag_cloud .s8 {
9418 font-size: 1.5em; }
9420 .tag_cloud .s7 {
9421 font-size: 1.4em; }
9423 .tag_cloud .s6 {
9424 font-size: 1.3em; }
9426 .tag_cloud .s5 {
9427 font-size: 1.2em; }
9429 .tag_cloud .s4 {
9430 font-size: 1.1em; }
9432 .tag_cloud .s3 {
9433 font-size: 1em; }
9435 .tag_cloud .s2 {
9436 font-size: 0.9em; }
9438 .tag_cloud .s1 {
9439 font-size: 0.8em; }
9441 .tag_cloud .s0 {
9442 font-size: 0.7em; }
9444 .tag_list ul {
9445 display: inline; }
9447 .tag_list.hideoverlimit .overlimit {
9448 display: none; }
9450 .tag_list .tagmorelink {
9451 display: none; }
9453 .tag_list.hideoverlimit .tagmorelink {
9454 display: inline; }
9456 .tag_list.hideoverlimit .taglesslink {
9457 display: none; }
9460 * Web Service
9462 #webservice-doc-generator td {
9463 text-align: left;
9464 border: 0 solid black; }
9467 * Enrol
9469 .userenrolment {
9470 width: 100%;
9471 border-collapse: collapse; }
9473 .userenrolment tr {
9474 vertical-align: top; }
9476 .userenrolment td {
9477 padding: 0;
9478 height: 41px; }
9480 .userenrolment .subfield {
9481 margin-right: 5px; }
9483 .userenrolment .col_userdetails .subfield {
9484 margin-left: 40px; }
9486 .userenrolment .col_userdetails .subfield_picture {
9487 float: left;
9488 margin-left: 0; }
9490 .userenrolment .col_lastseen {
9491 width: 150px; }
9493 .userenrolment .col_role {
9494 width: 262px; }
9496 .userenrolment .col_role .roles,
9497 .userenrolment .col_group .groups {
9498 margin-right: 30px; }
9500 .userenrolment .col_role .role {
9501 float: left;
9502 padding: 0 3px 3px;
9503 margin: 0 3px 3px;
9504 white-space: nowrap; }
9506 .userenrolment .col_group .group {
9507 float: left;
9508 padding: 3px;
9509 margin: 3px;
9510 white-space: nowrap; }
9512 .userenrolment .col_role .role a,
9513 .userenrolment .col_group .group a {
9514 margin-left: 3px;
9515 cursor: pointer; }
9517 .userenrolment .col_role .addrole,
9518 .userenrolment .col_group .addgroup {
9519 float: right;
9520 padding: 3px;
9521 margin: 3px; }
9522 .userenrolment .col_role .addrole > a:hover,
9523 .userenrolment .col_group .addgroup > a:hover {
9524 border-bottom: 1px solid #666; }
9526 .userenrolment .col_role .addrole img,
9527 .userenrolment .col_group .addgroup img {
9528 vertical-align: baseline; }
9530 .userenrolment .hasAllRoles .col_role .addrole {
9531 display: none; }
9533 .userenrolment .col_enrol .enrolment {
9534 float: left;
9535 padding: 0 3px 3px;
9536 margin: 0 3px 3px; }
9538 .userenrolment .col_enrol .enrolment a {
9539 float: right;
9540 margin-left: 3px; }
9542 #page-enrol-users .enrol_user_buttons {
9543 text-align: right; }
9545 #page-enrol-users .enrol-users-page-action input {
9546 margin-left: 0; }
9548 .corelightbox {
9549 background-color: #ccc;
9550 position: absolute;
9551 top: 0;
9552 left: 0;
9553 width: 100%;
9554 height: 100%;
9555 text-align: center; }
9557 .corelightbox img {
9558 position: fixed;
9559 top: 50%;
9560 left: 50%; }
9562 .mod-indent-outer {
9563 display: table; }
9565 .mod-indent {
9566 display: table-cell; }
9568 .label .mod-indent {
9569 float: left;
9570 padding-top: 20px; }
9572 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
9573 .mod-indent-1 {
9574 width: 30px; }
9576 .mod-indent-2 {
9577 width: 60px; }
9579 .mod-indent-3 {
9580 width: 90px; }
9582 .mod-indent-4 {
9583 width: 120px; }
9585 .mod-indent-5 {
9586 width: 150px; }
9588 .mod-indent-6 {
9589 width: 180px; }
9591 .mod-indent-7 {
9592 width: 210px; }
9594 .mod-indent-8 {
9595 width: 240px; }
9597 .mod-indent-9 {
9598 width: 270px; }
9600 .mod-indent-10 {
9601 width: 300px; }
9603 .mod-indent-11 {
9604 width: 330px; }
9606 .mod-indent-12 {
9607 width: 360px; }
9609 .mod-indent-13 {
9610 width: 390px; }
9612 .mod-indent-14 {
9613 width: 420px; }
9615 .mod-indent-15 {
9616 width: 450px; }
9618 .mod-indent-16 {
9619 width: 480px; }
9621 .mod-indent-huge {
9622 width: 480px; }
9624 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
9625 .resourcecontent .mediaplugin_mp3 object {
9626 height: 25px;
9627 width: 600px; }
9629 .resourcecontent audio.mediaplugin_html5audio {
9630 width: 600px; }
9632 /** Large resource images should avoid hidden overflow **/
9633 .resourceimage {
9634 max-width: 100%; }
9636 /* Audio player size in 'inline' mode (can only change width, as above) */
9637 .mediaplugin_mp3 object {
9638 height: 15px;
9639 width: 300px; }
9641 audio.mediaplugin_html5audio {
9642 width: 300px; }
9644 /* TinyMCE moodle media preview frame should not have padding */
9645 .core_media_preview.pagelayout-embedded #content {
9646 padding: 0; }
9648 .core_media_preview.pagelayout-embedded #maincontent {
9649 height: 0; }
9651 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
9652 padding: 0;
9653 margin: 0;
9654 min-width: 0;
9655 background: none; }
9657 .path-rating .ratingtable {
9658 width: 100%;
9659 margin-bottom: 1em; }
9661 .path-rating .ratingtable th.rating {
9662 width: 100%; }
9664 .path-rating .ratingtable td.rating,
9665 .path-rating .ratingtable td.time {
9666 white-space: nowrap;
9667 text-align: center; }
9669 /* Moodle Dialogue Settings (moodle-core-dialogue) */
9670 .moodle-dialogue-base .moodle-dialogue-lightbox {
9671 background-color: #495057; }
9673 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
9674 background-color: transparent; }
9676 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
9677 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); }
9679 .moodle-dialogue-base .hidden,
9680 .moodle-dialogue-base .moodle-dialogue-hidden {
9681 display: none; }
9683 .no-scrolling {
9684 overflow: hidden; }
9686 .moodle-dialogue-base .moodle-dialogue-fullscreen {
9687 left: 0;
9688 top: 0;
9689 right: 0;
9690 bottom: -50px;
9691 position: fixed; }
9693 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
9694 overflow: auto; }
9696 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
9697 width: 28px;
9698 height: 16px;
9699 background-size: 100%; }
9701 .moodle-dialogue-base .moodle-dialogue-wrap {
9702 background-color: #fff;
9703 border: 1px solid #ccc; }
9705 .modal.show {
9706 display: block; }
9708 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
9709 min-height: 3rem;
9710 color: initial;
9711 background: initial;
9712 font-size: 1.5rem;
9713 line-height: 1.5; }
9715 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
9716 font-size: 1.5rem; }
9718 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
9719 /*rtl:raw:
9720 left: 0;
9721 right: auto;
9723 padding: 1rem; }
9725 .moodle-dialogue-base .closebutton {
9726 box-shadow: none; }
9727 .moodle-dialogue-base .closebutton::after {
9728 content: "×"; }
9730 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
9731 padding: 0.5rem; }
9733 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
9734 overflow: auto;
9735 position: absolute;
9736 top: 0;
9737 bottom: 50px;
9738 left: 0;
9739 right: 0;
9740 margin: 0;
9741 border: 0; }
9743 .moodle-dialogue-exception .moodle-exception-param label {
9744 font-weight: bold; }
9746 .moodle-dialogue-exception .param-stacktrace label {
9747 background-color: #eee;
9748 border: 1px solid #ccc;
9749 border-bottom-width: 0; }
9751 .moodle-dialogue-exception .param-stacktrace pre {
9752 border: 1px solid #ccc;
9753 background-color: #fff; }
9755 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
9756 color: navy;
9757 font-size: 0.8203125rem; }
9759 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
9760 font-size: 0.8203125rem; }
9762 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
9763 color: #333;
9764 font-size: 90%;
9765 border-bottom: 1px solid #eee; }
9767 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
9768 display: none; }
9770 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
9771 background: initial; }
9773 .moodle-dialogue-confirm .confirmation-message {
9774 margin: 0.5rem 0; }
9776 .moodle-dialogue-confirm .confirmation-dialogue input {
9777 min-width: 80px; }
9779 .moodle-dialogue-exception .moodle-exception-message {
9780 margin: 1em; }
9782 .moodle-dialogue-exception .moodle-exception-param {
9783 margin-bottom: 0.5em; }
9785 .moodle-dialogue-exception .moodle-exception-param label {
9786 width: 150px; }
9788 .moodle-dialogue-exception .param-stacktrace label {
9789 display: block;
9790 margin: 0;
9791 padding: 4px 1em; }
9793 .moodle-dialogue-exception .param-stacktrace pre {
9794 display: block;
9795 height: 200px;
9796 overflow: auto; }
9798 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
9799 display: inline-block;
9800 margin: 4px 0; }
9802 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
9803 display: inline-block;
9804 width: 50px;
9805 margin: 4px 1em; }
9807 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
9808 padding-left: 25px;
9809 margin-bottom: 4px;
9810 padding-bottom: 4px; }
9812 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
9813 opacity: 0.75;
9814 width: 100%;
9815 height: 100%;
9816 top: 0;
9817 left: 0;
9818 background-color: white;
9819 text-align: center;
9820 padding: 10% 0; }
9822 /* Apply a default max-height on tooltip text */
9823 .moodle-dialogue .tooltiptext {
9824 max-height: 300px; }
9826 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
9827 z-index: 3001; }
9828 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
9829 overflow: auto; }
9832 * Chooser Dialogues (moodle-core-chooserdialogue)
9834 * This CSS belong to the chooser dialogue which should work both with, and
9835 * without javascript enabled
9837 /* Hide the dialog and it's title */
9838 .chooserdialoguebody,
9839 .choosertitle {
9840 display: none; }
9842 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
9843 margin: 0; }
9845 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
9846 padding: 0;
9847 background: #f2f2f2; }
9849 /* Center the submit buttons within the area */
9850 .choosercontainer #chooseform .submitbuttons {
9851 padding: 0.7em 0;
9852 text-align: right; }
9854 /* Fixed for safari browser on iPhone4S with ios7@mixin */
9855 @media (max-height: 639px) {
9856 .ios .choosercontainer #chooseform .submitbuttons {
9857 padding: 45px 0; } }
9859 .choosercontainer #chooseform .submitbuttons input {
9860 min-width: 100px;
9861 margin: 0 0.5em; }
9863 /* Various settings for the options area */
9864 .choosercontainer #chooseform .options {
9865 position: relative;
9866 border-bottom: 1px solid #bbb; }
9868 /* Only set these options if we're showing the js container */
9869 .jschooser .choosercontainer #chooseform .alloptions {
9870 overflow-x: hidden;
9871 overflow-y: auto;
9872 max-width: 240px; }
9873 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
9874 display: inline-block; }
9875 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
9876 display: inline-block;
9877 width: 55%; }
9879 /* Settings for option rows and option subtypes */
9880 .choosercontainer #chooseform .moduletypetitle,
9881 .choosercontainer #chooseform .option,
9882 .choosercontainer #chooseform .nonoption {
9883 margin-bottom: 0;
9884 padding: 0 1.6em 0 1.6em; }
9886 .choosercontainer #chooseform .moduletypetitle {
9887 text-transform: uppercase;
9888 padding-top: 1.2em;
9889 padding-bottom: 0.4em; }
9891 .choosercontainer #chooseform .option .typename,
9892 .choosercontainer #chooseform .nonoption .typename {
9893 padding: 0 0 0 0.5em; }
9895 .choosercontainer #chooseform .modicon + .typename {
9896 padding-left: 0; }
9898 .choosercontainer #chooseform .option input[type=radio],
9899 .choosercontainer #chooseform .option span.typename {
9900 vertical-align: middle; }
9902 .choosercontainer #chooseform .option label {
9903 display: block;
9904 margin: 0;
9905 padding: 0.5rem 0;
9906 border-bottom: 1px solid #fff; }
9908 .choosercontainer #chooseform .option .icon {
9909 margin: 0;
9910 padding: 0 1rem; }
9912 .choosercontainer #chooseform .nonoption {
9913 padding-left: 2.7em;
9914 padding-top: 0.3em;
9915 padding-bottom: 0.1em; }
9917 .choosercontainer #chooseform .subtype {
9918 margin-bottom: 0;
9919 padding: 0 1.6em 0 3.2em; }
9921 .choosercontainer #chooseform .subtype .typename {
9922 margin: 0 0 0 0.2em; }
9924 /* The instruction/help area */
9925 .jschooser .choosercontainer #chooseform .instruction,
9926 .jschooser .choosercontainer #chooseform .typesummary {
9927 display: none;
9928 position: absolute;
9929 top: 0;
9930 right: 0;
9931 bottom: 0;
9932 left: 240px;
9933 margin: 0;
9934 padding: 1.6em;
9935 background-color: #fff;
9936 overflow-x: hidden;
9937 overflow-y: auto;
9938 line-height: 2em; }
9940 /* Selected option settings */
9941 .jschooser .choosercontainer #chooseform .instruction,
9942 .choosercontainer #chooseform .selected .typesummary {
9943 display: block; }
9945 .choosercontainer #chooseform .selected {
9946 background-color: #fff;
9947 margin-top: -1px;
9948 padding-top: 1px; }
9950 .chooserdialogue-course-modchooser .modicon .icon {
9951 width: 24px;
9952 height: 24px;
9953 font-size: 24px; }
9955 @media (max-width: 575.98px) {
9956 .jsenabled .choosercontainer #chooseform .alloptions {
9957 max-width: 100%; }
9958 .jsenabled .choosercontainer #chooseform .instruction,
9959 .jsenabled .choosercontainer #chooseform .typesummary {
9960 position: static; } }
9962 /* Form element: listing */
9963 .formlistingradio {
9964 padding-bottom: 25px;
9965 padding-right: 10px; }
9967 .formlistinginputradio {
9968 float: left; }
9970 .formlistingmain {
9971 min-height: 225px; }
9973 .formlisting {
9974 position: relative;
9975 margin: 15px 0;
9976 padding: 1px 19px 14px;
9977 background-color: white;
9978 border: 1px solid #ddd; }
9980 .formlistingmore {
9981 position: absolute;
9982 cursor: pointer;
9983 bottom: -1px;
9984 right: -1px;
9985 padding: 3px 7px;
9986 font-size: 12px;
9987 font-weight: bold;
9988 background-color: whitesmoke;
9989 border: 1px solid #ddd;
9990 color: #9da0a4; }
9992 .formlistingall {
9993 margin: 15px 0;
9994 padding: 0; }
9996 .formlistingrow {
9997 cursor: pointer;
9998 border-bottom: 1px solid;
9999 border-color: #e1e1e8;
10000 border-left: 1px solid #e1e1e8;
10001 border-right: 1px solid #e1e1e8;
10002 background-color: #f7f7f9;
10003 padding: 6px;
10004 top: 50%;
10005 left: 50%;
10006 min-height: 34px;
10007 float: left;
10008 width: 150px; }
10010 body.jsenabled .formlistingradio {
10011 display: none; }
10013 body.jsenabled .formlisting {
10014 display: block; }
10016 /* Badges styles */
10017 a.criteria-action {
10018 padding: 0 3px;
10019 float: right; }
10021 div.criteria-description {
10022 padding: 10px 15px;
10023 margin: 5px 0;
10024 background: none repeat scroll 0 0 #f9f9f9;
10025 border: 1px solid #eee; }
10027 ul.badges {
10028 margin: 0;
10029 list-style: none; }
10031 .badges li {
10032 position: relative;
10033 display: inline-block;
10034 padding-top: 1em;
10035 text-align: center;
10036 vertical-align: top;
10037 width: 150px; }
10039 .badges li .badge-name {
10040 display: block;
10041 padding: 5px; }
10043 .badges li > img {
10044 position: absolute; }
10046 .badges li .badge-image {
10047 width: 100px;
10048 height: 100px;
10049 left: 10px;
10050 top: 0;
10051 z-index: 1; }
10053 .badges li .badge-actions {
10054 position: relative; }
10056 .badges li .expireimage {
10057 width: 100px;
10058 height: 100px;
10059 left: 25px;
10060 top: 0;
10061 position: absolute;
10062 z-index: 10;
10063 opacity: 0.85; }
10065 #badge-image {
10066 background-color: transparent;
10067 padding: 0;
10068 position: relative;
10069 min-width: 100px;
10070 width: 20%;
10071 display: inline-block;
10072 vertical-align: top;
10073 margin-top: 17px;
10074 margin-bottom: 20px; }
10075 #badge-image .expireimage {
10076 width: 100px;
10077 height: 100px;
10078 left: 0;
10079 top: 0;
10080 opacity: 0.85;
10081 position: absolute;
10082 z-index: 10; }
10083 #badge-image .singlebutton {
10084 padding-top: 5px;
10085 display: block; }
10086 #badge-image .singlebutton button {
10087 margin-left: 4px; }
10089 #badge-details {
10090 display: inline-block;
10091 width: 79%; }
10093 #badge-overview dl,
10094 #badge-details dl {
10095 margin: 0; }
10096 #badge-overview dl dt,
10097 #badge-overview dl dd,
10098 #badge-details dl dt,
10099 #badge-details dl dd {
10100 vertical-align: top;
10101 padding: 3px 0; }
10102 #badge-overview dl dt,
10103 #badge-details dl dt {
10104 clear: both;
10105 display: inline-block;
10106 width: 20%;
10107 min-width: 100px; }
10108 #badge-overview dl dd,
10109 #badge-details dl dd {
10110 display: inline-block;
10111 width: 79%;
10112 margin-left: 1%; }
10114 .badge-profile {
10115 vertical-align: top; }
10117 #page-badges-award .recipienttable tr td {
10118 vertical-align: top; }
10120 #page-badges-award .recipienttable tr td.actions .actionbutton {
10121 margin: 0.3em 0;
10122 padding: 0.5em 0;
10123 width: 100%; }
10125 #page-badges-award .recipienttable tr td.existing,
10126 #page-badges-award .recipienttable tr td.potential {
10127 width: 42%; }
10129 #issued-badge-table .activatebadge {
10130 display: inline-block; }
10132 .statusbox.active {
10133 background-color: #def1de; }
10135 .statusbox.inactive {
10136 background-color: #fcefdc; }
10138 .statusbox {
10139 text-align: center;
10140 margin-bottom: 5px;
10141 padding: 5px; }
10143 .statusbox .activatebadge {
10144 display: inline-block; }
10146 .statusbox .activatebadge input[type=submit] {
10147 margin: 3px; }
10149 .activatebadge {
10150 margin: 0;
10151 text-align: left;
10152 vertical-align: middle; }
10154 img#persona_signin {
10155 cursor: pointer; }
10157 .addcourse {
10158 float: right; }
10160 .invisiblefieldset {
10161 display: inline;
10162 padding: 0;
10163 border-width: 0; }
10165 /** Page header */
10166 #page-header .logo {
10167 margin: 1rem 0; }
10168 #page-header .logo img {
10169 max-height: 75px; }
10171 /** Navbar logo. */
10172 nav.navbar .logo img {
10173 max-height: 35px; }
10175 /** Header-bar styles **/
10176 .page-context-header {
10177 overflow: hidden; }
10178 .page-context-header .page-header-image,
10179 .page-context-header .page-header-headings {
10180 float: left;
10181 display: block;
10182 position: relative; }
10183 .page-context-header .page-header-image {
10184 margin-right: 1em;
10185 margin-bottom: 1em; }
10186 .page-context-header .page-header-headings,
10187 .page-context-header .header-button-group {
10188 position: relative;
10189 line-height: 24px;
10190 vertical-align: middle; }
10191 .page-context-header .header-button-group {
10192 display: block;
10193 float: left; }
10194 .page-context-header .header-button-group a {
10195 position: relative;
10196 top: -0.4em; }
10198 ul.dragdrop-keyboard-drag li {
10199 list-style-type: none; }
10201 a.disabled:hover,
10202 a.disabled {
10203 text-decoration: none;
10204 cursor: default;
10205 font-style: italic;
10206 color: #808080; }
10208 body.lockscroll {
10209 height: 100%;
10210 overflow: hidden; }
10212 .progressbar_container {
10213 max-width: 500px;
10214 margin: 0 auto; }
10216 /* IE10 only fix for calendar titling */
10217 .ie10 .yui3-calendar-header-label {
10218 display: inline-block; }
10220 dd:before,
10221 dd:after {
10222 display: block;
10223 content: " "; }
10225 dd:after {
10226 clear: both; }
10228 .nav-tabs > .active > a[href],
10229 .nav-tabs > .active > a[href]:hover,
10230 .nav-tabs > .active > a[href]:focus {
10231 cursor: pointer; }
10233 .inplaceeditable.inplaceeditingon {
10234 position: relative; }
10235 .inplaceeditable.inplaceeditingon .editinstructions {
10236 margin-top: -30px;
10237 font-weight: normal;
10238 margin-right: 0;
10239 margin-left: 0;
10240 left: 0;
10241 right: auto;
10242 white-space: nowrap; }
10243 .inplaceeditable.inplaceeditingon input {
10244 width: 330px;
10245 vertical-align: text-bottom;
10246 margin-bottom: 0; }
10247 .inplaceeditable.inplaceeditingon select {
10248 margin-bottom: 0; }
10250 .inplaceeditable .quickediticon img {
10251 opacity: 0.2; }
10253 .inplaceeditable .quickeditlink {
10254 color: inherit;
10255 text-decoration: inherit; }
10257 .inplaceeditable:hover .quickeditlink .quickediticon img,
10258 .inplaceeditable .quickeditlink:focus .quickediticon img {
10259 opacity: 1; }
10261 .inplaceeditable.inplaceeditable-toggle .quickediticon {
10262 display: none; }
10264 .inplaceeditable.inplaceeditable-autocomplete {
10265 display: block; }
10267 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
10268 margin-top: -20px; }
10270 /** Chart area. */
10271 .chart-area .chart-table-data {
10272 display: none; }
10274 .chart-area .chart-table {
10275 /** When accessible, we display the table only. */ }
10276 .chart-area .chart-table .chart-output-htmltable caption {
10277 white-space: nowrap; }
10278 .chart-area .chart-table.accesshide .chart-table-expand {
10279 display: none; }
10280 .chart-area .chart-table.accesshide .chart-table-data {
10281 display: block; }
10283 ul {
10284 padding-left: 1rem; }
10286 /* YUI 2 Tree View */
10287 /*rtl:raw:
10288 .ygtvtn,
10289 .ygtvtm,
10290 .ygtvtmh,
10291 .ygtvtmhh,
10292 .ygtvtp,
10293 .ygtvtph,
10294 .ygtvtphh,
10295 .ygtvln,
10296 .ygtvlm,
10297 .ygtvlmh,
10298 .ygtvlmhh,
10299 .ygtvlp,
10300 .ygtvlph,
10301 .ygtvlphh,
10302 .ygtvdepthcell,
10303 .ygtvok,
10304 .ygtvok:hover,
10305 .ygtvcancel,
10306 .ygtvcancel:hover {
10307 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
10310 .hover-tooltip-container {
10311 position: relative; }
10312 .hover-tooltip-container .hover-tooltip {
10313 opacity: 0;
10314 visibility: hidden;
10315 position: absolute;
10316 /*rtl:ignore*/
10317 left: 50%;
10318 top: calc(-50% - 5px);
10319 transform: translate(-50%, -50%);
10320 background-color: #fff;
10321 border: 1px solid rgba(0, 0, 0, 0.2);
10322 border-radius: .3rem;
10323 box-sizing: border-box;
10324 padding: 5px;
10325 white-space: nowrap;
10326 transition: opacity 0.15s, visibility 0.15s;
10327 z-index: 1000; }
10328 .hover-tooltip-container .hover-tooltip:before {
10329 content: '';
10330 display: inline-block;
10331 border-left: 8px solid transparent;
10332 border-right: 8px solid transparent;
10333 border-top: 8px solid rgba(0, 0, 0, 0.2);
10334 position: absolute;
10335 bottom: -8px;
10336 left: calc(50% - 8px); }
10337 .hover-tooltip-container .hover-tooltip:after {
10338 content: '';
10339 display: inline-block;
10340 border-left: 7px solid transparent;
10341 border-right: 7px solid transparent;
10342 border-top: 7px solid #fff;
10343 position: absolute;
10344 bottom: -6px;
10345 left: calc(50% - 7px);
10346 z-index: 2; }
10347 .hover-tooltip-container:hover .hover-tooltip {
10348 opacity: 1;
10349 visibility: visible;
10350 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s; }
10352 #region-flat-nav {
10353 padding-right: 0;
10354 padding-left: 0; }
10355 #region-flat-nav .nav {
10356 margin-right: 15px;
10357 background-color: #fff; }
10358 @media (max-width: 767.98px) {
10359 #region-flat-nav .nav {
10360 margin-top: 30px;
10361 margin-right: 0; } }
10363 #page-footer a {
10364 color: #fff;
10365 text-decoration: underline; }
10366 #page-footer a .icon {
10367 color: #fff; }
10369 .bg-inverse a {
10370 color: #fff;
10371 text-decoration: underline; }
10372 .bg-inverse a .icon {
10373 color: #fff; }
10375 .sitelink img {
10376 width: 112px; }
10378 .dropdown-item a {
10379 display: block;
10380 width: 100%;
10381 color: #373a3c; }
10383 .dropdown-item:active a {
10384 color: #fff; }
10386 .competency-tree ul {
10387 padding-left: 1.5rem; }
10389 .sr-only-focusable:active, .sr-only-focusable:focus {
10390 z-index: 1031;
10391 position: fixed;
10392 background: #fff;
10393 padding: 7px;
10394 left: 0;
10395 top: 0; }
10397 [data-drag-type="move"] {
10398 cursor: move;
10399 touch-action: none; }
10401 .clickable {
10402 cursor: pointer; }
10404 .overlay-icon-container {
10405 position: absolute;
10406 top: 0;
10407 left: 0;
10408 width: 100%;
10409 height: 100%;
10410 background-color: rgba(255, 255, 255, 0.6); }
10411 .overlay-icon-container .loading-icon {
10412 position: absolute;
10413 top: 50%;
10414 left: 50%;
10415 transform: translate(-50%, -50%); }
10416 .overlay-icon-container .loading-icon .icon {
10417 height: 30px;
10418 width: 30px;
10419 font-size: 30px; }
10421 .open.atto_menu > .dropdown-menu {
10422 display: block; }
10424 div.editor_atto_toolbar button .icon {
10425 color: #495057; }
10427 .w-auto {
10428 width: auto; }
10430 .bg-pulse-grey {
10431 animation: bg-pulse-grey 2s infinite linear; }
10433 @keyframes bg-pulse-grey {
10434 0% {
10435 background-color: #f8f9fa; }
10436 50% {
10437 background-color: #e9ecef; }
10438 100% {
10439 background-color: #f8f9fa; } }
10441 .line-height-0 {
10442 line-height: 0 !important;
10443 /* stylelint-disable-line declaration-no-important */ }
10445 .line-height-1 {
10446 line-height: 0.25rem !important;
10447 /* stylelint-disable-line declaration-no-important */ }
10449 .line-height-2 {
10450 line-height: 0.5rem !important;
10451 /* stylelint-disable-line declaration-no-important */ }
10453 .line-height-3 {
10454 line-height: 1rem !important;
10455 /* stylelint-disable-line declaration-no-important */ }
10457 .line-height-4 {
10458 line-height: 1.5rem !important;
10459 /* stylelint-disable-line declaration-no-important */ }
10461 .line-height-5 {
10462 line-height: 3rem !important;
10463 /* stylelint-disable-line declaration-no-important */ }
10465 .dir-rtl .dir-rtl-hide {
10466 display: none; }
10468 .dir-ltr .dir-ltr-hide {
10469 display: none; }
10471 .switch {
10472 position: relative; }
10473 .switch input {
10474 float: left;
10475 width: 1px;
10476 transform: translateX(1px);
10477 padding: 0;
10478 margin: 0;
10479 opacity: 0; }
10480 .switch input + label {
10481 position: relative;
10482 min-height: 1.725rem;
10483 min-width: 3.45rem;
10484 line-height: 1.725rem;
10485 border-radius: 1.725rem;
10486 display: inline-block;
10487 cursor: pointer;
10488 outline: none;
10489 user-select: none;
10490 vertical-align: middle;
10491 padding-left: 3.95rem; }
10492 .switch input + label::before,
10493 .switch input + label::after {
10494 content: '';
10495 position: absolute;
10496 top: calc(50% - 0.8625rem);
10497 left: 0;
10498 width: 3.45rem;
10499 height: 1.725rem;
10500 bottom: 0;
10501 display: block; }
10502 .switch input + label::before {
10503 right: 0;
10504 background-color: #dee2e6;
10505 border-radius: 1.725rem;
10506 transition: 0.2s all; }
10507 .switch input + label::after {
10508 margin-top: 2px;
10509 left: 2px;
10510 width: calc(1.725rem - 4px);
10511 height: calc(1.725rem - 4px);
10512 border-radius: 50%;
10513 background-color: #fff;
10514 transition: 0.2s all; }
10515 .switch input:checked + label::before {
10516 background-color: #1177d1; }
10517 .switch input:checked + label::after {
10518 margin-left: 1.725rem; }
10519 .switch input:focus + label::before {
10520 outline: none;
10521 box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
10522 .switch input:disabled + label {
10523 color: #868e96;
10524 cursor: not-allowed; }
10525 .switch input:disabled + label::before {
10526 background-color: #e9ecef; }
10528 .paged-content-page-container {
10529 min-height: 3.125rem; }
10531 .text-decoration-none {
10532 text-decoration: none !important;
10533 /* stylelint-disable-line declaration-no-important */ }
10535 .position-right {
10536 right: 0 !important;
10537 /* stylelint-disable-line declaration-no-important */ }
10539 .overflow-hidden {
10540 overflow: hidden !important;
10541 /* stylelint-disable-line declaration-no-important */ }
10543 .text-break {
10544 overflow-wrap: break-word !important;
10545 /* stylelint-disable-line declaration-no-important */ }
10547 .icon {
10548 font-size: 16px;
10549 width: 16px;
10550 height: 16px;
10551 margin: 0;
10552 padding: 0;
10553 box-sizing: content-box;
10554 margin-right: 0.5rem; }
10555 .icon.spacer {
10556 margin-right: 0; }
10557 .icon.iconsize-big {
10558 width: 64px;
10559 height: 64px;
10560 font-size: 64px; }
10562 .navbar-dark a .icon {
10563 color: rgba(255, 255, 255, 0.5) !important;
10564 /* stylelint-disable-line declaration-no-important */ }
10566 .action-menu-item a:first-of-type > .icon {
10567 margin-left: 0.5rem; }
10569 .ygtvcell .icon {
10570 margin-left: 0 !important;
10571 /* stylelint-disable-line declaration-no-important */ }
10573 .block_navigation .tree_item .icon,
10574 .block_settings .tree_item .icon {
10575 margin-left: 0; }
10577 [data-action=toggle-drawer] .icon {
10578 margin: 0; }
10580 .icon-no-spacing a > .icon {
10581 margin: 0; }
10583 .icon-no-margin .icon {
10584 margin-left: 0;
10585 margin-right: 0;
10586 margin-top: 0;
10587 margin-bottom: 0; }
10589 .icon-large > .icon {
10590 width: 32px;
10591 height: 32px; }
10593 .icon-size-0 .icon {
10594 height: 0 !important;
10595 /* stylelint-disable-line declaration-no-important */
10596 width: 0 !important;
10597 /* stylelint-disable-line declaration-no-important */
10598 font-size: 0 !important;
10599 /* stylelint-disable-line declaration-no-important */ }
10601 .icon-size-1 .icon {
10602 height: 4px !important;
10603 /* stylelint-disable-line declaration-no-important */
10604 width: 4px !important;
10605 /* stylelint-disable-line declaration-no-important */
10606 font-size: 4px !important;
10607 /* stylelint-disable-line declaration-no-important */ }
10609 .icon-size-2 .icon {
10610 height: 8px !important;
10611 /* stylelint-disable-line declaration-no-important */
10612 width: 8px !important;
10613 /* stylelint-disable-line declaration-no-important */
10614 font-size: 8px !important;
10615 /* stylelint-disable-line declaration-no-important */ }
10617 .icon-size-3 .icon {
10618 height: 16px !important;
10619 /* stylelint-disable-line declaration-no-important */
10620 width: 16px !important;
10621 /* stylelint-disable-line declaration-no-important */
10622 font-size: 16px !important;
10623 /* stylelint-disable-line declaration-no-important */ }
10625 .icon-size-4 .icon {
10626 height: 24px !important;
10627 /* stylelint-disable-line declaration-no-important */
10628 width: 24px !important;
10629 /* stylelint-disable-line declaration-no-important */
10630 font-size: 24px !important;
10631 /* stylelint-disable-line declaration-no-important */ }
10633 .icon-size-5 .icon {
10634 height: 48px !important;
10635 /* stylelint-disable-line declaration-no-important */
10636 width: 48px !important;
10637 /* stylelint-disable-line declaration-no-important */
10638 font-size: 48px !important;
10639 /* stylelint-disable-line declaration-no-important */ }
10641 .helplink .icon {
10642 margin-left: 0.5rem; }
10644 /* admin.less */
10645 .formtable tbody th {
10646 font-weight: normal;
10647 text-align: right; }
10649 .path-admin #assignrole {
10650 width: 60%;
10651 margin-left: auto;
10652 margin-right: auto; }
10654 .path-admin .admintable .leftalign {
10655 text-align: left; }
10657 .environmenttable .warn {
10658 background-color: #fcefdc;
10659 color: #ff7518; }
10661 .environmenttable .error {
10662 background-color: #f7dddc;
10663 color: #d9534f; }
10665 .environmenttable .ok {
10666 background-color: #def1de;
10667 color: #5cb85c; }
10669 .path-admin .admintable.environmenttable .name,
10670 .path-admin .admintable.environmenttable .info,
10671 .path-admin #assignrole .admintable .role,
10672 .path-admin #assignrole .admintable .userrole,
10673 .path-admin #assignrole .admintable .roleholder {
10674 white-space: nowrap; }
10676 .path-admin .incompatibleblockstable td.c0 {
10677 font-weight: bold; }
10679 #page-admin-course-category .addcategory {
10680 padding: 10px; }
10682 #page-admin-course-index .editcourse {
10683 margin: 20px auto; }
10685 #page-admin-course-index .editcourse th,
10686 #page-admin-course-index .editcourse td {
10687 padding-left: 10px;
10688 padding-right: 10px; }
10690 .timewarninghidden {
10691 display: none; }
10693 #page-admin-report-capability-index #capabilitysearch {
10694 width: 30em; }
10696 #page-admin-qtypes #qtypes div,
10697 #page-admin-qtypes #qtypes form,
10698 #page-admin-qbehaviours #qbehaviours div,
10699 #page-admin-qbehaviours #qbehaviours form {
10700 display: inline; }
10702 #page-admin-qtypes #qtypes img.spacer,
10703 #page-admin-qbehaviours #qbehaviours img.spacer {
10704 width: 16px; }
10706 #page-admin-qbehaviours .cell.c3,
10707 #page-admin-qtypes .cell.c3 {
10708 font-size: 0.8203125rem; }
10710 #page-admin-lang .generalbox,
10711 #page-admin-course-index .singlebutton,
10712 #page-admin-course-index .addcategory,
10713 #page-course-index .buttons,
10714 #page-course-index-category .buttons,
10715 #page-admin-course-category .addcategory,
10716 #page-admin-stickyblocks .generalbox,
10717 #page-admin-maintenance .buttons,
10718 #page-admin-course-index .buttons,
10719 #page-admin-course-category .buttons,
10720 #page-admin-index .copyright,
10721 #page-admin-index .copyrightnotice,
10722 #page-admin-index .adminerror .singlebutton,
10723 #page-admin-index .adminwarning .singlebutton,
10724 #page-admin-index #layout-table .singlebutton {
10725 text-align: center;
10726 margin-bottom: 1em; }
10728 .path-admin-roles .capabilitysearchui {
10729 text-align: left;
10730 margin-left: auto;
10731 margin-right: auto;
10732 margin-top: 1rem; }
10734 #page-admin-roles-define .topfields {
10735 margin: 1em 0 2em; }
10737 #page-admin-roles-define .capdefault {
10738 background-color: rgba(0, 0, 0, 0.075); }
10740 #page-filter-manage .backlink,
10741 .path-admin-roles .backlink {
10742 margin-top: 1em; }
10744 #page-admin-roles-explain #chooseuser h3,
10745 #page-admin-roles-usersroles .contextname {
10746 margin-top: 0; }
10748 #page-admin-roles-explain #chooseusersubmit {
10749 margin-top: 0;
10750 text-align: center; }
10752 #page-admin-roles-usersroles p {
10753 margin: 0; }
10755 #page-admin-roles-override .cell.c1,
10756 #page-admin-roles-assign .cell.c3,
10757 #page-admin-roles-assign .cell.c1 {
10758 padding-top: 0.75em; }
10760 #page-admin-roles-override .overridenotice,
10761 #page-admin-roles-define .definenotice {
10762 margin: 1em 10% 2em 10%;
10763 text-align: left; }
10765 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
10766 display: block; }
10768 #page-admin-index .updateplugin div {
10769 margin-bottom: 0.5em; }
10771 #page-admin-user-user_bulk #users .fgroup {
10772 white-space: nowrap; }
10774 #page-admin-report-stats-index .graph {
10775 text-align: center;
10776 margin-bottom: 1em; }
10778 #page-admin-report-courseoverview-index .graph {
10779 text-align: center;
10780 margin-bottom: 1em; }
10782 #page-admin-lang .translator {
10783 border-width: 1px;
10784 border-style: solid; }
10786 .path-admin .roleassigntable {
10787 width: 100%; }
10789 .path-admin .roleassigntable td {
10790 vertical-align: top;
10791 padding: 0.2em 0.3em; }
10793 .path-admin .roleassigntable p {
10794 text-align: left;
10795 margin: 0.2em 0; }
10797 .path-admin .roleassigntable #existingcell,
10798 .path-admin .roleassigntable #potentialcell {
10799 width: 42%; }
10801 .path-admin .roleassigntable #existingcell p > label:first-child,
10802 .path-admin .roleassigntable #potentialcell p > label:first-child {
10803 font-weight: bold; }
10805 .path-admin .roleassigntable #buttonscell {
10806 width: 16%; }
10808 .path-admin .roleassigntable #buttonscell #assignoptions {
10809 font-size: 0.8203125rem; }
10811 .path-admin .roleassigntable #removeselect_wrapper,
10812 .path-admin .roleassigntable #addselect_wrapper {
10813 width: 100%; }
10815 .path-admin table.rolecap tr.rolecap th {
10816 text-align: left;
10817 font-weight: normal; }
10819 .path-admin .rolecap .hiddenrow {
10820 display: none; }
10822 .path-admin #defineroletable .rolecap .inherit,
10823 .path-admin #defineroletable .rolecap .allow,
10824 .path-admin #defineroletable .rolecap .prevent,
10825 .path-admin #defineroletable .rolecap .prohibit {
10826 text-align: center;
10827 padding: 0;
10828 min-width: 3.5em; }
10830 .path-admin .rolecap .cap-name,
10831 .path-admin .rolecap .note {
10832 display: block;
10833 font-size: 0.8203125rem;
10834 white-space: nowrap;
10835 font-weight: normal; }
10837 .path-admin .rolecap label {
10838 display: block;
10839 text-align: center;
10840 padding: 0.5em;
10841 margin: 0; }
10843 .plugincheckwrapper {
10844 width: 100%; }
10846 .environmentbox {
10847 margin-top: 1em; }
10849 #mnetconfig table {
10850 margin-left: auto;
10851 margin-right: auto; }
10853 .environmenttable .cell {
10854 padding: .15em .5em; }
10856 #trustedhosts .generaltable {
10857 margin-left: auto;
10858 margin-right: auto;
10859 width: 500px; }
10861 #trustedhosts .standard {
10862 width: auto; }
10864 #adminsettings legend {
10865 display: none; }
10867 #adminsettings fieldset.error {
10868 margin: .2em 0 .5em 0; }
10870 #adminsettings fieldset.error legend {
10871 display: block; }
10873 #admin-spelllanguagelist textarea,
10874 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
10875 /* rtl:ignore */
10876 text-align: left;
10877 /* rtl:ignore */
10878 direction: ltr; }
10880 /* Styles for flags on admin settings */
10881 .adminsettingsflags {
10882 float: right; }
10884 .adminsettingsflags label {
10885 margin-right: 7px; }
10887 .form-description pre,
10888 .formsettingheading pre {
10889 /*rtl:ignore*/
10890 direction: ltr; }
10892 .form-item .form-setting .form-htmlarea {
10893 display: inline; }
10895 .form-item .form-setting .form-htmlarea .htmlarea {
10896 width: 640px;
10897 display: block; }
10899 .form-item .form-setting .form-multicheckbox ul {
10900 list-style: none;
10901 padding: 0;
10902 margin: 7px 0 0 0; }
10904 .form-item .form-setting .defaultsnext {
10905 display: inline; }
10907 .form-item .form-setting .locked-checkbox {
10908 margin-right: 0.2em;
10909 margin-left: 0.5em;
10910 display: inline; }
10912 .form-item .form-setting .form-password .unmask,
10913 .form-item .form-setting .form-defaultinfo {
10914 display: inline-block; }
10916 .form-item .form-setting .form-defaultinfo {
10917 max-width: 100%;
10918 word-wrap: break-word; }
10920 #admin-emoticons td input {
10921 width: 8em; }
10923 #admin-emoticons td.c0 input {
10924 width: 4em; }
10926 #adminthemeselector .selectedtheme td.c0 {
10927 border: 1px solid #d1edf6;
10928 border-right-width: 0; }
10930 #adminthemeselector .selectedtheme td.c1 {
10931 border: 1px solid #d1edf6;
10932 border-left-width: 0; }
10934 .admin_colourpicker,
10935 .admin_colourpicker_preview {
10936 display: none; }
10938 .jsenabled .admin_colourpicker_preview {
10939 display: inline; }
10941 .jsenabled .admin_colourpicker {
10942 display: block;
10943 height: 102px;
10944 width: 410px;
10945 margin-bottom: 10px;
10946 box-sizing: content-box; }
10948 .admin_colourpicker .loadingicon {
10949 vertical-align: middle;
10950 margin-left: auto; }
10952 .admin_colourpicker .colourdialogue {
10953 float: left;
10954 border: 1px solid #d1edf6; }
10956 .admin_colourpicker .previewcolour {
10957 border: 1px solid #d1edf6;
10958 margin-left: 301px; }
10960 .admin_colourpicker .currentcolour {
10961 border: 1px solid #d1edf6;
10962 margin-left: 301px;
10963 border-top-width: 0; }
10965 #page-admin-index #notice .checkforupdates {
10966 text-align: center; }
10968 #page-admin-plugins #plugins-overview-panel .info {
10969 display: inline-block;
10970 margin-right: 1em; }
10972 #page-admin-plugins .checkforupdates {
10973 margin: 10px 0; }
10974 #page-admin-plugins .checkforupdates .singlebutton {
10975 margin: 5px 0;
10976 padding: 0; }
10977 #page-admin-plugins .checkforupdates .singlebutton div,
10978 #page-admin-plugins .checkforupdates .singlebutton input {
10979 margin: 0 3px 0 0; }
10981 #page-admin-plugins .updateavailableinstallall {
10982 margin: 5px 0;
10983 padding: 0; }
10984 #page-admin-plugins .updateavailableinstallall div,
10985 #page-admin-plugins .updateavailableinstallall input {
10986 margin: 0 3px 5px 0; }
10988 #page-admin-plugins #plugins-control-panel .status-missing td {
10989 background-color: #fcefdc; }
10991 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
10992 font-size: 0.8203125rem;
10993 margin-left: 22px; }
10995 #page-admin-plugins #plugins-control-panel .version .versionnumber {
10996 font-size: 0.8203125rem; }
10998 #page-admin-plugins #plugins-control-panel .uninstall a {
10999 color: #d9534f; }
11001 #page-admin-plugins #plugins-control-panel .notes .label {
11002 margin-right: 3px; }
11004 #page-admin-plugins #plugins-control-panel .notes .requiredby {
11005 font-size: 0.8203125rem; }
11007 #plugins-check-page .checkforupdates .singlebutton {
11008 margin: 5px 0;
11009 padding: 0; }
11010 #plugins-check-page .checkforupdates .singlebutton div,
11011 #plugins-check-page .checkforupdates .singlebutton input {
11012 margin: 0 3px 0 0; }
11014 #plugins-check-page #plugins-check-info .actions > div {
11015 display: inline-block;
11016 margin-right: 1em; }
11018 #plugins-check-page #plugins-check-info .actions .singlebutton {
11019 margin: 5px 0;
11020 padding: 0; }
11021 #plugins-check-page #plugins-check-info .actions .singlebutton div,
11022 #plugins-check-page #plugins-check-info .actions .singlebutton input {
11023 margin: 0 3px 0 0; }
11025 #plugins-check-page #plugins-check .status-missing td,
11026 #plugins-check-page #plugins-check .status-downgrade td {
11027 background-color: #f7dddc; }
11029 #plugins-check-page #plugins-check .displayname .plugindir {
11030 font-size: 0.8203125rem; }
11032 #plugins-check-page #plugins-check .requires ul {
11033 margin-left: 13px; }
11035 #plugins-check-page #plugins-check .status .actionbutton {
11036 margin: 5px 0;
11037 padding: 0; }
11038 #plugins-check-page #plugins-check .status .actionbutton input {
11039 margin: 0; }
11041 #plugins-check-page .plugins-check-dependencies-actions > div {
11042 display: inline-block;
11043 margin-right: 1em; }
11045 #plugins-check-page .plugins-check-dependencies-actions .singlebutton {
11046 margin: 5px 0;
11047 padding: 0; }
11048 #plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
11049 #plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
11050 margin: 0 3px 0 0; }
11052 #plugins-check-page #plugins-check-available-dependencies .displayname .component {
11053 font-size: 0.8203125rem; }
11055 #plugins-check-page #plugins-check-available-dependencies .info .actions > div {
11056 display: inline-block;
11057 margin-right: 1em; }
11059 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
11060 display: block;
11061 margin: 5px 0;
11062 padding: 0; }
11063 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
11064 margin: 0; }
11066 #plugins-check-page .pluginupdateinfo,
11067 #plugins-control-panel .pluginupdateinfo {
11068 background-color: #def2f8;
11069 padding: 5px;
11070 margin: 10px 0; }
11071 #plugins-check-page .pluginupdateinfo.maturity50,
11072 #plugins-control-panel .pluginupdateinfo.maturity50 {
11073 background-color: #f7dddc; }
11074 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
11075 #plugins-control-panel .pluginupdateinfo.maturity100,
11076 #plugins-control-panel .pluginupdateinfo.maturity150 {
11077 background-color: #fcefdc; }
11078 #plugins-check-page .pluginupdateinfo .info,
11079 #plugins-control-panel .pluginupdateinfo .info {
11080 display: inline-block; }
11081 #plugins-check-page .pluginupdateinfo .separator:after,
11082 #plugins-control-panel .pluginupdateinfo .separator:after {
11083 content: " | "; }
11084 #plugins-check-page .pluginupdateinfo .singlebutton,
11085 #plugins-control-panel .pluginupdateinfo .singlebutton {
11086 margin: 5px 0;
11087 padding: 0; }
11088 #plugins-check-page .pluginupdateinfo .singlebutton div,
11089 #plugins-check-page .pluginupdateinfo .singlebutton input,
11090 #plugins-control-panel .pluginupdateinfo .singlebutton div,
11091 #plugins-control-panel .pluginupdateinfo .singlebutton input {
11092 margin: 0 3px 0 0; }
11094 .plugins-management-confirm-buttons > div {
11095 display: inline-block;
11096 margin: 1em 1em 1em 0; }
11098 .plugins-management-confirm-buttons .continue {
11099 padding: 0; }
11100 .plugins-management-confirm-buttons .continue div,
11101 .plugins-management-confirm-buttons .continue input {
11102 margin: 0; }
11104 .uninstalldeleteconfirmexternal {
11105 padding: 0.5em 1em;
11106 margin: 5px 0 10px 0; }
11108 #page-admin-index .upgradepluginsinfo {
11109 text-align: center; }
11111 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
11112 content: " | "; }
11114 /** MNet networking */
11115 #page-admin-mnet-peers .box.deletedhosts {
11116 margin-bottom: 1em;
11117 font-size: 0.8203125rem; }
11119 #page-admin-mnet-peers .mform .deletedhostinfo {
11120 padding: 4px;
11121 margin-bottom: 5px; }
11123 #core-cache-plugin-summaries table,
11124 #core-cache-store-summaries table {
11125 width: 100%; }
11127 #core-cache-lock-summary table,
11128 #core-cache-definition-summaries table,
11129 #core-cache-mode-mappings table {
11130 margin: 0 auto; }
11132 #core-cache-store-summaries .default-store td {
11133 font-style: italic; }
11135 #core-cache-rescan-definitions,
11136 #core-cache-mode-mappings .edit-link,
11137 #core-cache-lock-summary .new-instance {
11138 margin-top: 0.5em;
11139 text-align: center; }
11141 .maintenancewarning {
11142 position: fixed;
11143 bottom: 0;
11144 right: 0;
11145 overflow: hidden;
11146 z-index: 1000; }
11148 .modal.modal-in-page {
11149 z-index: 0; }
11151 #page-admin-search .adminpagetitle {
11152 margin-bottom: 0;
11153 border-bottom: none; }
11155 #page-admin-search .adminpagepath {
11156 display: flex;
11157 flex-wrap: wrap;
11158 list-style: none;
11159 padding: 0;
11160 margin: 0 0 1.5rem 0; }
11161 #page-admin-search .adminpagepath li + li:before {
11162 padding-right: 0.5rem;
11163 padding-left: 0.5rem;
11164 content: "/"; }
11166 @media (min-width: 576px) {
11167 #page-admin-search .container {
11168 overflow-wrap: break-word; } }
11170 #page-admin-tasklogs .task-class {
11171 font-size: 0.8203125rem;
11172 color: #868e96; }
11174 .blockmovetarget .accesshide {
11175 position: relative;
11176 left: initial; }
11178 .block:target {
11179 padding-top: 0 !important;
11180 /* stylelint-disable declaration-no-important */
11181 margin-top: 0 !important; }
11183 .block_search_forums .searchform {
11184 /* Override plugin's default. */
11185 text-align: left; }
11187 .block.block_navigation .block_tree ul,
11188 .block_settings .block_tree ul {
11189 margin-left: 0; }
11191 .block .block-controls .dropdown-toggle {
11192 /* So that the caret takes the colour of the icon. */
11193 color: #373a3c; }
11195 [data-region="blocks-column"] {
11196 width: 360px;
11197 float: right; }
11199 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
11200 #region-main-settings-menu {
11201 position: relative;
11202 float: left;
11203 width: 100%; }
11205 #region-main-settings-menu > div {
11206 position: absolute;
11207 right: 0;
11208 z-index: 100;
11209 margin: 1rem; }
11211 .region_main_settings_menu_proxy {
11212 width: 4rem;
11213 height: 2rem;
11214 background-color: #fff;
11215 margin-left: 0.625rem;
11216 margin-bottom: 0.625rem;
11217 border-bottom-left-radius: 0.5rem;
11218 float: right; }
11220 #region-main-settings-menu.has-blocks,
11221 #region-main.has-blocks {
11222 display: inline-block;
11223 width: calc(100% - 375px); }
11224 @media (max-width: 1199.98px) {
11225 #region-main-settings-menu.has-blocks,
11226 #region-main.has-blocks {
11227 width: 100%;
11228 /* MDL-63102 - Remove extra space at bottom.
11229 If modifying make sure block-region is horizontally stacked when in full screen */
11230 display: block; } }
11232 @media (max-width: 1199.98px) {
11233 [data-region="blocks-column"] {
11234 width: 100%; } }
11236 .block .empty-placeholder-image-lg {
11237 height: 5rem; }
11239 .block .block-cards .course-info-container {
11240 padding: 0.8rem; }
11242 .block .block-cards .progress {
11243 height: 0.5rem; }
11245 .block .block-cards .course-summaryitem {
11246 border: 1px solid #dee2e6;
11247 background-color: #fff; }
11249 .block .block-cards .icon {
11250 margin-right: 0; }
11252 .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 {
11253 margin-top: -0.5rem; }
11255 .block .block-cards a.coursename,
11256 .block .block-cards .btn-link {
11257 color: inherit; }
11259 .block .block-cards .multiline {
11260 white-space: normal; }
11262 .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 {
11263 height: 36px;
11264 width: 36px;
11265 padding: 0;
11266 border-radius: 50%; }
11267 .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 {
11268 background-color: #e9ecef; }
11270 .dashboard-card-deck.one-row {
11271 flex-flow: nowrap;
11272 overflow-x: scroll; }
11274 .summaryimage {
11275 height: 5rem;
11276 width: 5rem;
11277 background-position: center;
11278 background-size: cover; }
11280 .dashboard-card-deck .dashboard-card {
11281 margin-bottom: 0.5rem;
11282 flex-basis: auto;
11283 width: 100%;
11284 flex-grow: 0;
11285 flex-shrink: 0; }
11286 .dashboard-card-deck .dashboard-card .dashboard-card-img {
11287 height: 7rem;
11288 background-position: center;
11289 background-size: cover; }
11290 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
11291 padding: 0.8rem; }
11293 .dashboard-card-deck.fixed-width-cards .dashboard-card {
11294 width: 300px; }
11296 @media (min-width: 576px) {
11297 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11298 width: calc(50% - 0.5rem); } }
11300 @media (min-width: 840px) {
11301 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11302 width: calc(33.33% - 0.5rem); } }
11304 @media (min-width: 1100px) {
11305 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11306 width: calc(25% - 0.5rem); } }
11308 @media (min-width: 1360px) {
11309 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11310 width: calc(20% - 0.5rem); } }
11312 @media (min-width: 1200px) {
11313 #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11314 width: calc(33.33% - 0.5rem); } }
11316 @media (min-width: 1470px) {
11317 #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11318 width: calc(25% - 0.5rem); } }
11320 @media (min-width: 768px) {
11321 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11322 width: calc(100% - 0.5rem); } }
11324 @media (min-width: 861px) {
11325 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11326 width: calc(50% - 0.5rem); } }
11328 @media (min-width: 1122px) {
11329 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11330 width: calc(33.33% - 0.5rem); } }
11332 @media (min-width: 1381px) {
11333 body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11334 width: calc(25% - 0.5rem); } }
11336 @media (min-width: 1200px) {
11337 body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11338 width: calc(100% - 0.5rem); } }
11340 @media (min-width: 1236px) {
11341 body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11342 width: calc(50% - 0.5rem); } }
11344 @media (min-width: 1497px) {
11345 body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11346 width: calc(33.33% - 0.5rem); } }
11348 @media (min-width: 1200px) {
11349 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) {
11350 margin-left: 0;
11351 margin-right: 0; }
11352 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
11353 width: calc(100% - 0.5rem) !important; } }
11355 .block_recentlyaccessedcourses .paging-bar-container {
11356 margin-top: -2.4rem;
11357 justify-content: flex-end; }
11359 @media (max-width: 575.98px) {
11360 .block_recentlyaccessedcourses .paging-bar-container {
11361 margin-top: 0; } }
11363 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
11364 margin-top: 0; }
11366 .block_recentlyaccesseditems img.icon {
11367 height: auto;
11368 width: auto;
11369 margin-right: 6px; }
11371 .block_myoverview .content {
11372 min-height: 19.35rem; }
11374 .block_myoverview .paged-content-page-container {
11375 min-height: 13rem; }
11377 .block_settings .block_tree [aria-expanded="true"],
11378 .block_settings .block_tree [aria-expanded="true"].emptybranch,
11379 .block_settings .block_tree [aria-expanded="false"],
11380 .block_navigation .block_tree [aria-expanded="true"],
11381 .block_navigation .block_tree [aria-expanded="true"].emptybranch,
11382 .block_navigation .block_tree [aria-expanded="false"] {
11383 background-image: none; }
11385 .block_settings .block_tree [aria-expanded="true"]:before,
11386 .block_navigation .block_tree [aria-expanded="true"]:before {
11387 content: "";
11388 margin-right: 0;
11389 font-size: 16px;
11390 width: 16px; }
11392 .block_settings .block_tree [aria-expanded="false"]:before,
11393 .block_navigation .block_tree [aria-expanded="false"]:before {
11394 content: "";
11395 font-size: 16px;
11396 margin-right: 0;
11397 width: 16px; }
11399 .dir-rtl .block_settings .block_tree [aria-expanded="false"]:before,
11400 .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
11401 content: ""; }
11403 .block_navigation .block_tree p.hasicon,
11404 .block_settings .block_tree p.hasicon {
11405 text-indent: -3px; }
11406 .block_navigation .block_tree p.hasicon .icon,
11407 .block_settings .block_tree p.hasicon .icon {
11408 margin-right: 2px; }
11410 .navbar {
11411 max-height: 50px; }
11413 /* calendar.less */
11414 .calendar_event_category {
11415 background-color: #d8bfd8; }
11417 .calendar_event_course {
11418 background-color: #ffd3bd; }
11420 .calendar_event_site {
11421 background-color: #d6f8cd; }
11423 .calendar_event_group {
11424 background-color: #fee7ae; }
11426 .calendar_event_user {
11427 background-color: #dce7ec; }
11429 .path-calendar .calendartable {
11430 width: 100%;
11431 table-layout: fixed; }
11432 .path-calendar .calendartable th,
11433 .path-calendar .calendartable td {
11434 width: 14%;
11435 vertical-align: top;
11436 text-align: center;
11437 border: 0; }
11439 .path-calendar .calendar-controls .previous,
11440 .path-calendar .calendar-controls .next,
11441 .path-calendar .calendar-controls .current {
11442 display: block;
11443 float: left;
11444 width: 12%; }
11446 .path-calendar .calendar-controls .previous {
11447 text-align: left;
11448 border: 1px solid transparent; }
11450 .path-calendar .calendar-controls .current {
11451 text-align: center;
11452 width: 76%; }
11454 .path-calendar .calendar-controls .next {
11455 text-align: right;
11456 border: 1px solid transparent; }
11458 .path-calendar .calendar-controls .drop-target {
11459 box-sizing: border-box;
11460 border: 1px dashed #1177d1; }
11462 .path-calendar .filters table {
11463 border-collapse: separate;
11464 border-spacing: 2px;
11465 width: 100%; }
11467 .path-calendar .maincalendar {
11468 vertical-align: top;
11469 padding: 0; }
11470 .path-calendar .maincalendar .bottom {
11471 text-align: center;
11472 padding: 5px 0 0 0; }
11473 .path-calendar .maincalendar .heightcontainer {
11474 height: 100%;
11475 position: relative; }
11476 .path-calendar .maincalendar .calendarmonth {
11477 width: 98%;
11478 margin: 10px auto; }
11479 .path-calendar .maincalendar .calendarmonth ul {
11480 margin: 0;
11481 padding: 0; }
11482 .path-calendar .maincalendar .calendarmonth ul li {
11483 list-style-type: none; }
11484 .path-calendar .maincalendar .calendarmonth ul li > a {
11485 overflow: hidden;
11486 text-overflow: ellipsis;
11487 white-space: nowrap;
11488 max-width: 100%;
11489 display: inline-block; }
11490 .path-calendar .maincalendar .calendarmonth ul li > a:hover {
11491 text-decoration: none; }
11492 .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
11493 text-decoration: underline; }
11494 .path-calendar .maincalendar .calendarmonth ul li .icon {
11495 margin-left: 0.25em;
11496 margin-right: 0.25em;
11497 vertical-align: initial; }
11498 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle {
11499 width: 12px;
11500 height: 12px;
11501 border-radius: 6px;
11502 vertical-align: middle; }
11503 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category {
11504 background-color: #d8bfd8; }
11505 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course {
11506 background-color: #ffd3bd; }
11507 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site {
11508 background-color: #d6f8cd; }
11509 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group {
11510 background-color: #fee7ae; }
11511 .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user {
11512 background-color: #dce7ec; }
11513 .path-calendar .maincalendar .calendarmonth td {
11514 height: 5em; }
11515 .path-calendar .maincalendar .calendarmonth .clickable:hover {
11516 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); }
11517 .path-calendar .maincalendar .calendar-controls .previous,
11518 .path-calendar .maincalendar .calendar-controls .next {
11519 width: 30%; }
11520 .path-calendar .maincalendar .calendar-controls .current {
11521 width: 39.95%; }
11522 .path-calendar .maincalendar .controls {
11523 width: 98%;
11524 margin: 10px auto; }
11525 .path-calendar .maincalendar .calendar_event_category:hover a,
11526 .path-calendar .maincalendar .calendar_event_course:hover a,
11527 .path-calendar .maincalendar .calendar_event_site:hover a,
11528 .path-calendar .maincalendar .calendar_event_group:hover a,
11529 .path-calendar .maincalendar .calendar_event_user:hover a {
11530 color: #0b4f8a;
11531 text-decoration: underline; }
11532 .path-calendar .maincalendar .calendar_event_category {
11533 border-color: #d8bfd8; }
11534 .path-calendar .maincalendar .calendar_event_course {
11535 border-color: #ffd3bd; }
11536 .path-calendar .maincalendar .calendar_event_site {
11537 border-color: #d6f8cd; }
11538 .path-calendar .maincalendar .calendar_event_group {
11539 border-color: #fee7ae; }
11540 .path-calendar .maincalendar .calendar_event_user {
11541 border-color: #dce7ec; }
11542 .path-calendar .maincalendar .calendartable td,
11543 .path-calendar .maincalendar .calendartable li {
11544 padding: 0 4px 4px 4px; }
11545 .path-calendar .maincalendar .calendartable li {
11546 text-align: left; }
11547 .path-calendar .maincalendar .header {
11548 overflow: hidden; }
11549 .path-calendar .maincalendar .header .buttons {
11550 float: right; }
11551 .path-calendar .maincalendar .event .card-header img {
11552 vertical-align: baseline; }
11553 .path-calendar .maincalendar .event .location {
11554 word-break: break-all;
11555 overflow-wrap: break-word; }
11557 #page-calendar-export .indent {
11558 padding-left: 20px; }
11560 .block .minicalendar {
11561 max-width: 280px;
11562 margin: 0 auto;
11563 width: 100%; }
11564 .block .minicalendar th,
11565 .block .minicalendar td {
11566 padding: 2px;
11567 font-size: 0.8em;
11568 text-align: center; }
11569 .block .minicalendar td a {
11570 width: 100%;
11571 height: 100%;
11572 display: block; }
11573 .block .minicalendar td.duration_global {
11574 border-top: 1px solid #d6f8cd;
11575 border-bottom: 1px solid #d6f8cd; }
11576 .block .minicalendar td.duration_global.duration_finish {
11577 background-color: #d6f8cd; }
11578 .block .minicalendar td.duration_category {
11579 border-top: 1px solid #d8bfd8;
11580 border-bottom: 1px solid #d8bfd8; }
11581 .block .minicalendar td.duration_category.duration_finish {
11582 background-color: #d8bfd8; }
11583 .block .minicalendar td.duration_course {
11584 border-top: 1px solid #ffd3bd;
11585 border-bottom: 1px solid #ffd3bd; }
11586 .block .minicalendar td.duration_course.duration_finish {
11587 background-color: #ffd3bd; }
11588 .block .minicalendar td.duration_group {
11589 border-top: 1px solid #fee7ae;
11590 border-bottom: 1px solid #fee7ae; }
11591 .block .minicalendar td.duration_group.duration_finish {
11592 background-color: #fee7ae; }
11593 .block .minicalendar td.duration_user {
11594 border-top: 1px solid #dce7ec;
11595 border-bottom: 1px solid #dce7ec; }
11596 .block .minicalendar td.duration_user.duration_finish {
11597 background-color: #dce7ec; }
11598 .block .minicalendar caption {
11599 font-size: inherit;
11600 font-weight: inherit;
11601 line-height: inherit;
11602 text-align: center; }
11604 .block .calendar-controls .previous,
11605 .block .calendar-controls .current,
11606 .block .calendar-controls .next {
11607 display: block;
11608 float: left; }
11610 .block .calendar-controls .previous {
11611 text-align: left;
11612 width: 12%; }
11614 .block .calendar-controls .current {
11615 text-align: center;
11616 width: 76%; }
11618 .block .calendar-controls .next {
11619 text-align: right;
11620 width: 12%; }
11622 .block .calendar_filters ul {
11623 list-style: none;
11624 margin: 0;
11625 padding: 0; }
11627 .block .calendar_filters li {
11628 margin-bottom: 0.2em; }
11629 .block .calendar_filters li span img {
11630 padding: 0 0.2em;
11631 margin: 0; }
11632 .block .calendar_filters li .icon {
11633 vertical-align: initial;
11634 margin: 0 0.1rem 0 0.4rem; }
11635 .block .calendar_filters li > a:hover {
11636 text-decoration: none; }
11637 .block .calendar_filters li > a:hover .eventname {
11638 text-decoration: underline; }
11640 .block .content h3.eventskey {
11641 margin-top: 0.5em; }
11643 /* Display month name above the calendar */
11644 table.calendartable caption {
11645 caption-side: top; }
11647 @media (min-width: 768px) {
11648 #page-calender-view .container-fluid {
11649 min-width: 1024px; } }
11651 .calendarwrapper {
11652 position: relative; }
11654 .day-popover-content:empty + .day-popover-alternate {
11655 display: block; }
11657 .summary-modal-container .description-content > p {
11658 margin: 0; }
11660 .summary-modal-container .location-content {
11661 overflow-wrap: break-word; }
11663 /* course.less */
11664 /* COURSE CONTENT */
11665 .section-modchooser-link img {
11666 margin-right: 0.5rem;
11667 width: 16px;
11668 height: 16px; }
11670 .section_add_menus {
11671 text-align: right;
11672 clear: both; }
11674 .section-modchooser {
11675 clear: both; }
11677 .block_tree .tree_item.branch {
11678 margin-left: 8px; }
11680 .section_add_menus .horizontal div,
11681 .section_add_menus .horizontal form {
11682 display: inline; }
11684 .section_add_menus optgroup {
11685 font-weight: normal;
11686 font-style: italic; }
11688 /*rtl:ignore*/
11689 .section_add_menus .urlselect {
11690 text-align: left;
11691 margin-left: .4em; }
11693 /*rtl:ignore*/
11694 .section_add_menus .urlselect select {
11695 margin-left: .2em; }
11697 .sitetopic ul.section {
11698 margin: 0; }
11700 .course-content ul.section {
11701 margin: 1rem; }
11703 .section .side {
11704 margin-top: 0.5rem; }
11705 .section .side.left {
11706 float: left; }
11707 .section .side.right {
11708 float: right;
11709 clear: right; }
11711 .section .spinner {
11712 height: 16px;
11713 width: 16px; }
11715 .section .activity {
11716 /* The command block for each activity */ }
11717 .section .activity .spinner {
11718 left: 100%;
11719 position: absolute; }
11720 .section .activity .actions {
11721 position: absolute;
11722 right: 0;
11723 top: 0;
11724 display: flex; }
11725 .section .activity .contentwithoutlink,
11726 .section .activity .activityinstance {
11727 min-width: 40%;
11728 display: table-cell;
11729 padding-right: 4px;
11730 min-height: 2em; }
11731 .section .activity .contentwithoutlink > a,
11732 .section .activity .activityinstance > a {
11733 display: block;
11734 text-indent: -31px;
11735 padding-left: 31px; }
11736 .section .activity .contentwithoutlink .dimmed .activityicon,
11737 .section .activity .activityinstance .dimmed .activityicon {
11738 opacity: .5; }
11739 .section .activity a.stealth,
11740 .section .activity a.stealth:hover {
11741 color: #6eb5f3 !important;
11742 /* stylelint-disable-line declaration-no-important */ }
11744 .section .label .contentwithoutlink,
11745 .section .label .activityinstance {
11746 padding-right: 32px;
11747 display: block;
11748 height: inherit; }
11750 .section .label .mod-indent-outer {
11751 padding-left: 24px;
11752 display: block; }
11754 .section .filler {
11755 width: 16px;
11756 height: 16px;
11757 padding: 0;
11758 margin: 0 0.5rem;
11759 display: inline-block; }
11761 .section .activity.editor_displayed a.editing_title,
11762 .section .activity.editor_displayed .moodle-actionmenu {
11763 display: none; }
11765 .section .activity.editor_displayed div.activityinstance {
11766 padding-right: initial; }
11767 .section .activity.editor_displayed div.activityinstance input {
11768 margin-bottom: initial;
11769 padding-top: initial;
11770 padding-bottom: initial;
11771 vertical-align: text-bottom; }
11773 .activity img.activityicon {
11774 margin-right: 6px;
11775 vertical-align: text-bottom; }
11777 .section .activity .activityinstance,
11778 .section .activity .activityinstance div {
11779 display: inline-block; }
11781 .editing .section .activity .contentwithoutlink,
11782 .editing .section .activity .activityinstance {
11783 padding-right: 200px; }
11785 .editing .section .activity .editing_move {
11786 /* Move the move icon to the start of the line */
11787 position: absolute;
11788 left: 0;
11789 top: 0; }
11791 .editing .section .activity .mod-indent-outer {
11793 * Add appropriate padding such that nothing overlaps the
11794 * absolute positioned move icon.
11796 padding-left: 2rem; }
11798 .editing_show + .editing_assign,
11799 .editing_hide + .editing_assign {
11800 margin-left: 20px; }
11802 .section .activity .commands {
11803 white-space: nowrap;
11804 display: inline-block; }
11806 .section .activity.modtype_label.label {
11807 font-weight: normal;
11808 padding: .2em; }
11810 .section li.activity {
11811 padding: .2em;
11812 clear: both; }
11814 .section .activity .activityinstance .groupinglabel {
11815 padding-left: 30px; }
11817 .section .activity .availabilityinfo,
11818 .section .activity .contentafterlink {
11819 margin-top: 0.5em;
11820 margin-left: 30px; }
11822 .section .activity .contentafterlink p {
11823 margin: .5em 0; }
11825 .editing .section .activity:hover,
11826 .editing .section .activity.action-menu-shown {
11827 background-color: rgba(0, 0, 0, 0.05); }
11829 .course-content .current {
11830 position: relative; }
11832 .course-content .current::before {
11833 content: "";
11834 border-left: #1177d1 2px solid;
11835 position: absolute;
11836 left: -1.25rem;
11837 top: 0;
11838 bottom: 0; }
11840 .course-content .section-summary {
11841 border: 1px solid #dee2e6;
11842 margin-top: 5px;
11843 list-style: none; }
11845 .course-content .section-summary .section-title {
11846 margin: 2px 5px 10px 5px; }
11848 .course-content .section-summary .summarytext {
11849 margin: 2px 5px 2px 5px; }
11851 .course-content .section-summary .section-summary-activities .activity-count {
11852 font-size: 0.8203125rem;
11853 margin: 3px;
11854 white-space: nowrap;
11855 display: inline-block; }
11857 .course-content .section-summary .summary {
11858 margin-top: 5px; }
11860 .course-content .single-section {
11861 margin-top: 1em; }
11863 .course-content .single-section .section-navigation {
11864 display: block;
11865 padding: 0.5em;
11866 margin-bottom: -0.5em; }
11868 .course-content .single-section .section-navigation .title {
11869 font-weight: bold;
11870 font-size: 108%;
11871 clear: both; }
11873 .course-content .single-section .section-navigation .mdl-left {
11874 font-weight: normal;
11875 float: left;
11876 margin-right: 1em; }
11878 .course-content .single-section .section-navigation .mdl-left .larrow {
11879 margin-right: 0.1em; }
11881 .course-content .single-section .section-navigation .mdl-right {
11882 font-weight: normal;
11883 float: right;
11884 margin-left: 1em; }
11886 .course-content .single-section .section-navigation .mdl-right .rarrow {
11887 margin-left: 0.1em; }
11889 .course-content .single-section .section-navigation .mdl-bottom {
11890 margin-top: 0; }
11892 .course-content ul li.section.main {
11893 border-bottom: 1px solid #dee2e6;
11894 margin-top: 0; }
11895 .course-content ul li.section.main:last-child {
11896 border-bottom: 0; }
11898 .course-content ul.topics,
11899 .course-content ul.weeks {
11900 padding: 0; }
11901 .course-content ul.topics li.section,
11902 .course-content ul.weeks li.section {
11903 margin-top: 1rem;
11904 padding-bottom: 1rem; }
11905 .course-content ul.topics li.section .content,
11906 .course-content ul.weeks li.section .content {
11907 margin: 0;
11908 padding: 0; }
11909 .course-content ul.topics li.section .summary,
11910 .course-content ul.topics li.section .content > .availabilityinfo,
11911 .course-content ul.weeks li.section .summary,
11912 .course-content ul.weeks li.section .content > .availabilityinfo {
11913 margin-left: 25px; }
11914 .course-content ul.topics li.section .left,
11915 .course-content ul.weeks li.section .left {
11916 padding-top: 0;
11917 text-align: right; }
11919 .course-content {
11920 margin-top: 0; }
11922 .course-content .hidden {
11923 display: none; }
11925 .course-content li.section ul {
11926 list-style: disc; }
11927 .course-content li.section ul ul {
11928 list-style: circle; }
11929 .course-content li.section ul ul ul {
11930 list-style: square; }
11932 .course-content li.section li.activity ul {
11933 list-style: disc; }
11934 .course-content li.section li.activity ul ul {
11935 list-style: circle; }
11936 .course-content li.section li.activity ul ul ul {
11937 list-style: square; }
11939 .course-content li.section .right > .icon:first-child {
11940 /* Remove the spacer icon. */
11941 display: none; }
11943 .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 {
11944 padding-bottom: 13rem; }
11946 .jumpmenu .form-inline {
11947 display: block; }
11949 .path-course-view .completionprogress {
11950 margin-left: 25px; }
11952 .path-course-view .completionprogress {
11953 display: block;
11954 float: right;
11955 height: 20px;
11956 position: relative; }
11958 #page-site-index .subscribelink {
11959 text-align: right; }
11961 #site-news-forum h2,
11962 #frontpage-course-list h2,
11963 #frontpage-category-names h2,
11964 #frontpage-category-combo h2 {
11965 margin-bottom: 9px; }
11967 .path-course-view a.reduce-sections {
11968 padding-left: 0.2em; }
11970 .path-course-view .subscribelink {
11971 text-align: right; }
11973 .path-course-view .unread {
11974 margin-left: 30px; }
11976 .path-course-view .block.drag .header {
11977 cursor: move; }
11979 .path-course-view .completionprogress {
11980 text-align: right; }
11982 .path-course-view .single-section .completionprogress {
11983 margin-right: 5px; }
11985 .path-site li.activity > div,
11986 .path-course-view li.activity > div {
11987 position: relative;
11988 padding: 0 16px 0 0;
11989 /* to accommodate the floated completion icon with highlighting */ }
11991 .path-course-view li.activity span.autocompletion img {
11992 vertical-align: text-bottom;
11993 margin-left: 0; }
11995 .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 {
11996 padding: 0; }
11998 .path-course-view li.activity form.togglecompletion img {
11999 max-width: none;
12000 /* The width is 0 so ensure we don't end up with a relative max-width */ }
12002 .path-course-view.editing li.activity span.autocompletion img {
12003 /* Use the same spacing as the filler. */
12004 margin-right: 0.5rem;
12005 margin-left: 0.5rem; }
12007 .path-course-view li.activity form.togglecompletion .ajaxworking {
12008 width: 16px;
12009 height: 16px;
12010 position: absolute;
12011 right: 22px;
12012 top: 3px;
12013 background: url([[pix:i/ajaxloader]]) no-repeat; }
12015 li.section.hidden span.commands a.editing_hide,
12016 li.section.hidden span.commands a.editing_show {
12017 cursor: default; }
12019 .single-section h3.sectionname {
12020 text-align: center;
12021 clear: both; }
12023 .section img.movetarget {
12024 height: 16px;
12025 width: 80px; }
12027 input.titleeditor {
12028 width: 330px;
12029 vertical-align: text-bottom; }
12031 span.editinstructions {
12032 /*rtl:remove*/
12033 position: absolute;
12034 /*rtl:raw:
12035 position: relative;
12037 top: 0;
12038 margin-top: -22px;
12039 margin-left: 30px;
12040 font-size: 0.8203125rem;
12041 padding: .1em .4em;
12042 background-color: #def2f8;
12043 color: #5bc0de;
12044 text-decoration: none;
12045 z-index: 9999;
12046 border: 1px solid #d1edf6; }
12048 /* Course drag and drop upload styles */
12049 #dndupload-status {
12050 position: fixed;
12051 left: 0;
12052 width: 40%;
12053 margin: 0 30%;
12054 padding: 6px;
12055 border: 1px solid #d1edf6;
12056 text-align: center;
12057 background: #def2f8;
12058 color: #5bc0de;
12059 z-index: 1; }
12061 .dndupload-preview {
12062 color: #909090;
12063 border: 1px dashed #909090;
12064 list-style: none;
12065 margin-top: .2em;
12066 padding: .3em; }
12068 .dndupload-progress-outer {
12069 background-color: #e9ecef;
12070 display: block;
12071 width: 100%;
12072 height: 1rem;
12073 margin-bottom: 1rem; }
12075 .dndupload-progress-inner {
12076 background-color: #fff;
12077 display: inline-block;
12078 height: 1rem; }
12080 .dndupload-hidden {
12081 display: none; }
12083 /* COURSES LISTINGS AND COURSE SUMMARY */
12084 #page-course-pending .singlebutton,
12085 #page-course-index .singlebutton,
12086 #page-course-index-category .singlebutton,
12087 #page-course-editsection .singlebutton {
12088 text-align: center; }
12090 #page-admin-course-manage #movecourses td img {
12091 margin: 0 .22em;
12092 vertical-align: text-bottom; }
12094 #coursesearch {
12095 margin-top: 1em;
12096 text-align: center; }
12098 #page-course-pending .pendingcourserequests {
12099 margin-bottom: 1em; }
12101 #page-course-pending .pendingcourserequests .singlebutton {
12102 display: inline; }
12104 #page-course-pending .pendingcourserequests .cell {
12105 padding: 0 5px; }
12107 #page-course-pending .pendingcourserequests .cell.c6 {
12108 white-space: nowrap; }
12110 .coursebox {
12111 padding: 0.5rem; }
12113 .coursebox > .info > .coursename a {
12114 display: block;
12115 background-image: url([[pix:moodle|i/course]]);
12116 background-repeat: no-repeat;
12117 padding-left: 21px;
12118 background-position: left 0.2em; }
12120 .coursebox > .info > .coursename,
12121 .coursebox .content .teachers,
12122 .coursebox .content .courseimage,
12123 .coursebox .content .coursefile,
12124 .coursebox .content .customfields-container {
12125 float: left;
12126 clear: left; }
12128 .coursebox .content .teachers,
12129 .coursebox .content .courseimage,
12130 .coursebox .content .coursefile,
12131 .coursebox .content .customfields-container {
12132 width: 40%; }
12134 .coursebox > .info > h3.coursename {
12135 margin: 5px; }
12137 .coursebox > .info > .coursename {
12138 margin: 5px;
12139 padding: 0; }
12141 .coursebox .content .teachers li {
12142 list-style-type: none;
12143 padding: 0;
12144 margin: 0; }
12146 .coursebox .moreinfo {
12147 padding: 3px 0;
12148 float: right; }
12150 .coursebox .moreinfo img {
12151 margin: 0 .2em; }
12153 .coursebox .content {
12154 clear: both; }
12156 .coursebox .content .summary,
12157 .coursebox .content .coursecat {
12158 float: right;
12159 width: 55%; }
12161 .coursebox .content .coursecat {
12162 text-align: right;
12163 clear: right; }
12165 .coursebox.remotecoursebox .remotecourseinfo {
12166 float: left;
12167 width: 40%; }
12169 .coursebox .content .courseimage img {
12170 max-width: 100px;
12171 max-height: 100px; }
12173 .coursebox .content .coursecat,
12174 .coursebox .content .summary,
12175 .coursebox .content .courseimage,
12176 .coursebox .content .coursefile,
12177 .coursebox .content .teachers,
12178 .coursebox.remotecoursebox .remotecourseinfo,
12179 .coursebox .content .customfields-container {
12180 margin: 15px 5px 5px;
12181 padding: 0; }
12183 .coursebox.remotehost > .info > .categoryname a {
12184 background-image: url([[pix:moodle|i/mnethost]]); }
12186 .coursebox.collapsed {
12187 margin-bottom: 0; }
12189 .coursebox.collapsed > .content {
12190 display: none; }
12192 .courses .coursebox.collapsed {
12193 padding-top: 0.5rem;
12194 padding-bottom: 0.5rem; }
12196 .courses .coursebox.even {
12197 background-color: rgba(0, 0, 0, 0.05); }
12199 .courses > .paging.paging-morelink {
12200 text-align: center;
12201 padding: 1rem; }
12203 .course_category_tree .category .numberofcourse {
12204 font-size: 0.8203125rem; }
12206 .course_category_tree .controls {
12207 visibility: hidden; }
12209 .course_category_tree .controls div {
12210 display: inline;
12211 cursor: pointer; }
12213 .jsenabled .course_category_tree .controls {
12214 visibility: visible; }
12216 .course_category_tree .controls {
12217 margin-bottom: 5px;
12218 text-align: right;
12219 float: right; }
12221 .course_category_tree .controls div {
12222 padding-right: 2em;
12223 font-size: 75%; }
12225 .course_category_tree .category > .info > .categoryname {
12226 background-image: url([[pix:moodle|t/collapsed_empty]]);
12227 background-repeat: no-repeat;
12228 padding: 2px 18px;
12229 margin: 3px;
12230 background-position: center left; }
12232 /* rtl:raw:
12233 .course_category_tree .category > .info > .categoryname {
12234 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
12237 .course_category_tree .category.with_children > .info > .categoryname {
12238 background-image: url([[pix:moodle|t/expanded]]);
12239 cursor: pointer; }
12241 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
12242 background-image: url([[pix:moodle|t/collapsed]]); }
12244 /* rtl:raw:
12245 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
12246 background-image:url([[pix:moodle|t/collapsed_rtl]]);
12249 .course_category_tree .category.collapsed > .content {
12250 display: none; }
12252 .course_category_tree .category > .info {
12253 clear: both; }
12255 .course_category_tree .category > .content {
12256 padding-left: 16px; }
12258 #page-course-index-category .generalbox.info {
12259 margin-bottom: 15px;
12260 border: 1px dotted #ddd;
12261 padding: 5px; }
12263 #page-course-index-category .categorypicker {
12264 text-align: center;
12265 margin: 10px 0 20px; }
12268 * Course management page
12269 * Palette
12271 * Background (reg) #F5F5F5
12272 * Background (light #fafafa
12273 * Background (highlight) #ddffaa
12274 * Borders #e1e1e8
12276 #course-category-listings {
12277 margin-bottom: 0;
12278 /** Two column layout */
12279 /** Three column layout */ }
12280 #course-category-listings.columns-2 > #course-listing > div {
12281 position: relative;
12282 left: -1px; }
12283 #course-category-listings.columns-3 > #course-listing > div {
12284 height: 100%; }
12285 #course-category-listings > div > div {
12286 min-height: 300px; }
12287 #course-category-listings > div > div > ul.ml > li:first-child > div {
12288 border-top: 0; }
12289 #course-category-listings h3 {
12290 margin: 0;
12291 padding: 0.4rem 0.6rem 0.3rem; }
12292 #course-category-listings h4 {
12293 margin: 1rem 0 0;
12294 padding: 0.6rem 1rem 0.5rem; }
12295 #course-category-listings .moodle-actionmenu {
12296 white-space: nowrap; }
12297 #course-category-listings .listing-actions {
12298 text-align: center; }
12299 #course-category-listings .listing-actions > .moodle-actionmenu {
12300 display: inline-block; }
12301 #course-category-listings ul.ml {
12302 list-style: none;
12303 margin: 1rem 0; }
12304 #course-category-listings ul.ml ul.ml {
12305 margin: 0; }
12306 #course-category-listings .listitem[data-selected='1'] {
12307 background-color: rgba(0, 0, 0, 0.05); }
12308 #course-category-listings .listitem[data-selected='1']:hover {
12309 background-color: rgba(0, 0, 0, 0.075); }
12310 #course-category-listings .item-actions {
12311 margin-right: 1em;
12312 display: inline-block; }
12313 #course-category-listings .item-actions.show .menu img {
12314 width: 12px;
12315 max-width: none; }
12316 #course-category-listings .item-actions .menu-action-text {
12317 vertical-align: inherit; }
12318 #course-category-listings .listitem > div > .float-left {
12319 float: left; }
12320 #course-category-listings .listitem > div > .float-right {
12321 float: right;
12322 text-align: right; }
12323 #course-category-listings .listitem > div .item-actions .action-show {
12324 display: none; }
12325 #course-category-listings .listitem > div .item-actions .action-hide {
12326 display: inline; }
12327 #course-category-listings .listitem > div .without-actions {
12328 color: #333; }
12329 #course-category-listings .listitem > div .idnumber {
12330 color: #a1a1a8;
12331 margin-right: 2em; }
12332 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
12333 display: inline; }
12334 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
12335 display: none; }
12336 #course-category-listings .listitem.highlight {
12337 background-color: #fff; }
12338 #course-category-listings .listitem.highlight > div,
12339 #course-category-listings .listitem.highlight > div:hover,
12340 #course-category-listings .listitem.highlight[data-selected='1'] > div {
12341 background-color: rgba(0, 0, 0, 0.075); }
12342 #course-category-listings #course-listing .listitem .categoryname {
12343 display: inline-block;
12344 margin-left: 1em;
12345 color: #a1a1a8; }
12346 #course-category-listings #course-listing .listitem .coursename {
12347 display: inline-block; }
12348 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
12349 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
12350 display: none; }
12351 #course-category-listings #course-listing .bulk-action-checkbox {
12352 margin: -2px 6px 0 0; }
12353 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
12354 display: none; }
12355 #course-category-listings #category-listing .listitem > div > .ba-checkbox {
12356 width: 2.2em;
12357 text-align: center;
12358 margin: -1px 0.5em 0 0;
12359 padding-top: 2px; }
12360 #course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
12361 background-color: rgba(0, 0, 0, 0.075); }
12362 #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
12363 margin: 0 0.5em 0 0;
12364 padding: 0;
12365 background-color: inherit; }
12366 #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
12367 #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
12368 display: none; }
12369 #course-category-listings #category-listing .course-count {
12370 color: #a1a1a8;
12371 margin-right: 2rem;
12372 min-width: 3.5em;
12373 display: inline-block; }
12374 #course-category-listings #category-listing .bulk-action-checkbox {
12375 margin-right: -3px; }
12376 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
12377 position: relative; }
12378 #course-category-listings #category-listing .category-bulk-actions {
12379 margin: 0 0.5em 0.5em;
12380 position: relative; }
12381 #course-category-listings .detail-pair > * {
12382 display: inline-block; }
12383 #course-category-listings .detail-pair .pair-key {
12384 font-weight: bold;
12385 vertical-align: top; }
12386 #course-category-listings .detail-pair .pair-key span {
12387 margin-right: 1rem;
12388 display: block; }
12389 #course-category-listings .detail-pair .pair-value select {
12390 max-width: 100%; }
12391 #course-category-listings .bulk-actions .detail-pair > * {
12392 display: block;
12393 width: 100%; }
12394 #course-category-listings .listing-pagination {
12395 text-align: center; }
12396 #course-category-listings .listing-pagination .yui3-button {
12397 color: #212529;
12398 background-color: #5bc0de;
12399 border-color: #5bc0de;
12400 border: 0;
12401 margin: 0.4rem 0.2rem 0.45rem;
12402 font-size: 10.4px; }
12403 #course-category-listings .listing-pagination .yui3-button:hover {
12404 color: #fff;
12405 background-color: #3bb4d8;
12406 border-color: #31b0d5; }
12407 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
12408 box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
12409 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
12410 color: #212529;
12411 background-color: #5bc0de;
12412 border-color: #5bc0de; }
12413 #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active,
12414 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
12415 color: #fff;
12416 background-color: #31b0d5;
12417 border-color: #2aaacf; }
12418 #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,
12419 .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
12420 box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
12421 #course-category-listings .listing-pagination .yui3-button.active-page {
12422 color: #fff;
12423 background-color: #1177d1;
12424 border-color: #1177d1; }
12425 #course-category-listings .listing-pagination .yui3-button.active-page:hover {
12426 color: #fff;
12427 background-color: #0e63ae;
12428 border-color: #0d5ca2; }
12429 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
12430 box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
12431 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
12432 color: #fff;
12433 background-color: #1177d1;
12434 border-color: #1177d1; }
12435 #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,
12436 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
12437 color: #fff;
12438 background-color: #0d5ca2;
12439 border-color: #0c5596; }
12440 #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,
12441 .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
12442 box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
12443 #course-category-listings .listing-pagination-totals {
12444 text-align: center; }
12445 #course-category-listings .listing-pagination-totals.dimmed {
12446 margin: 0.4rem 1rem 0.45rem; }
12447 #course-category-listings .select-a-category .notifymessage,
12448 #course-category-listings .select-a-category .alert,
12449 #course-category-listings .select-a-category #page-admin-index .releasenoteslink,
12450 #page-admin-index #course-category-listings .select-a-category .releasenoteslink,
12451 #course-category-listings .select-a-category #page-admin-index .adminwarning,
12452 #page-admin-index #course-category-listings .select-a-category .adminwarning,
12453 #course-category-listings .select-a-category #page-admin-index .adminerror,
12454 #page-admin-index #course-category-listings .select-a-category .adminerror,
12455 #course-category-listings .select-a-category .que .formulation,
12456 .que #course-category-listings .select-a-category .formulation,
12457 #course-category-listings .select-a-category .que .outcome,
12458 .que #course-category-listings .select-a-category .outcome,
12459 #course-category-listings .select-a-category .que .comment,
12460 .que #course-category-listings .select-a-category .comment,
12461 #course-category-listings .select-a-category .assignfeedback_editpdf_widget .label,
12462 .assignfeedback_editpdf_widget #course-category-listings .select-a-category .label {
12463 margin: 1em; }
12465 #course-category-listings #course-listing .listitem .drag-handle {
12466 display: none; }
12468 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
12469 display: inline-block;
12470 margin: 0 6px 0 0;
12471 cursor: pointer; }
12473 /** Management header styling **/
12474 .coursecat-management-header {
12475 vertical-align: middle; }
12476 .coursecat-management-header h2 {
12477 display: inline-block;
12478 text-align: left; }
12479 .coursecat-management-header > div {
12480 display: inline-block;
12481 float: right; }
12482 .coursecat-management-header > div > div {
12483 margin: 10px 0 10px 1em;
12484 display: inline-block; }
12485 .coursecat-management-header select {
12486 max-width: 300px;
12487 cursor: pointer;
12488 padding: 0.4em 0.5em 0.45em 1em;
12489 vertical-align: baseline;
12490 white-space: nowrap; }
12491 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
12492 white-space: nowrap;
12493 display: inline-block; }
12494 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
12495 padding-left: 1em; }
12497 .course-being-dragged-proxy {
12498 border: 0;
12499 color: #1177d1;
12500 vertical-align: middle;
12501 padding: 0 0 0 4em; }
12503 .course-being-dragged {
12504 opacity: 0.5; }
12507 * Display sizes:
12508 * Large displays 1200 +
12509 * Default displays 980 1199
12510 * Tablets 768 979
12511 * Small tablets and large phones 481 767
12512 * Phones 0 480
12514 @media (min-width: 1200px) and (max-width: 1600px) {
12515 #course-category-listings.columns-3 {
12516 background-color: #fff;
12517 border: 0; }
12518 #course-category-listings.columns-3 #category-listing,
12519 #course-category-listings.columns-3 #course-listing {
12520 width: 50%; }
12521 #course-category-listings.columns-3 #category-listing > div,
12522 #course-category-listings.columns-3 #course-listing > div,
12523 #course-category-listings.columns-3 #course-detail > div {
12524 background-color: #fff; }
12525 #course-category-listings.columns-3 #course-detail {
12526 width: 100%;
12527 margin-top: 1em; } }
12529 @media (max-width: 1199px) {
12530 #course-category-listings.columns-2,
12531 #course-category-listings.columns-3 {
12532 border: 0; }
12533 #course-category-listings.columns-2 #category-listing,
12534 #course-category-listings.columns-2 #course-listing,
12535 #course-category-listings.columns-2 #course-detail,
12536 #course-category-listings.columns-3 #category-listing,
12537 #course-category-listings.columns-3 #course-listing,
12538 #course-category-listings.columns-3 #course-detail {
12539 width: 100%;
12540 margin: 0 0 1em; } }
12542 .page-settings-menu .menubar > a > .icon {
12543 width: auto;
12544 height: 32px;
12545 font-size: 32px; }
12547 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
12548 :target::before {
12549 content: " ";
12550 display: block;
12551 height: 60px;
12552 /* fixed header height*/
12553 margin-top: -60px;
12554 /* negative fixed header height */
12555 width: 1px;
12556 pointer-events: none; }
12558 .pagelayout-embedded :target {
12559 padding-top: initial;
12560 margin-top: initial; }
12562 #nav-drawer.closed {
12563 left: -305px; }
12565 #page {
12566 margin-top: 50px; }
12568 /* Use a variable for the drawer background colors. */
12569 [data-region="drawer"] {
12570 position: fixed;
12571 padding: 20px 20px;
12572 width: 285px;
12573 top: 50px;
12574 height: calc(100% - 50px);
12575 overflow-y: auto;
12576 -webkit-overflow-scrolling: touch;
12577 z-index: 999;
12578 background-color: #f2f2f2;
12579 -webkit-transition: right 0.5s ease, left 0.5s ease;
12580 -moz-transition: right 0.5s ease, left 0.5s ease;
12581 transition: right 0.5s ease, left 0.5s ease; }
12583 #nav-drawer {
12584 right: auto;
12585 left: 0; }
12587 #page {
12588 margin-top: 50px; }
12590 .pagelayout-embedded #page {
12591 margin-top: 0; }
12593 body.drawer-ease {
12594 -webkit-transition: margin-left 0.5s ease, margin-right 0.5s ease;
12595 -moz-transition: margin-left 0.5s ease, margin-right 0.5s ease;
12596 transition: margin-left 0.5s ease, margin-right 0.5s ease; }
12598 @media (min-width: 768px) {
12599 body.drawer-open-left {
12600 margin-left: 285px; } }
12602 @media (min-width: 768px) {
12603 body.drawer-open-right {
12604 margin-right: 285px; } }
12606 #page-my-index {
12607 background-color: #f8f9fa; }
12609 .fp-content-center {
12610 height: 100%;
12611 width: 100%;
12612 display: table-cell;
12613 vertical-align: middle; }
12615 .fp-content-hidden {
12616 visibility: hidden; }
12618 .yui3-panel-focused {
12619 outline: none; }
12621 .fp-panel-button {
12622 background: #fff;
12623 padding: 3px 20px 2px 20px;
12624 text-align: center;
12625 margin: 10px;
12626 display: inline-block; }
12628 .filepicker .yui3-widget-content-expanded {
12629 height: auto; }
12631 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
12632 .filepicker .moodle-dialogue-bd {
12633 min-height: 520px; }
12635 .file-picker .fp-navbar {
12636 border-bottom: 1px solid #e5e5e5;
12637 min-height: 40px;
12638 padding: 4px; }
12640 .file-picker .fp-content {
12641 border-top: 0;
12642 background: #fff;
12643 clear: none;
12644 overflow: auto;
12645 height: 452px; }
12647 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
12648 width: 100%; }
12650 .file-picker .fp-content-loading {
12651 height: 100%;
12652 width: 100%;
12653 display: table;
12654 text-align: center; }
12656 .file-picker .fp-content .fp-object-container {
12657 width: 98%;
12658 height: 98%; }
12660 .file-picker .fp-def-search {
12661 margin-top: 0; }
12663 .file-picker .fp-list {
12664 list-style-type: none;
12665 padding: 0;
12666 float: left;
12667 width: 100%;
12668 margin: 0; }
12670 .file-picker .fp-list .fp-repo a {
12671 display: block;
12672 padding: .5em .7em; }
12674 .file-picker .fp-list .fp-repo.active {
12675 background: #f2f2f2; }
12677 .file-picker .fp-list .fp-repo-icon {
12678 padding: 0 7px 0 5px;
12679 width: 16px;
12680 height: 16px; }
12682 .fp-toolbar {
12683 float: left; }
12685 .fp-toolbar.empty {
12686 display: none; }
12688 .fp-toolbar .disabled {
12689 display: none; }
12691 .fp-toolbar div {
12692 display: block;
12693 float: left;
12694 margin-right: 4px; }
12696 .fp-toolbar img {
12697 vertical-align: -15%;
12698 margin-right: 5px; }
12700 .file-picker .fp-clear-left {
12701 clear: left; }
12703 .fp-pathbar.empty {
12704 display: none; }
12706 .fp-pathbar .fp-path-folder {
12707 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
12708 background-size: 12px 12px;
12709 height: 12px;
12710 margin-left: 12px; }
12712 /*rtl:raw:
12713 .fp-pathbar .fp-path-folder {
12714 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
12717 .fp-pathbar .fp-path-folder-name {
12718 margin-left: 24px; }
12720 .fp-iconview .fp-file {
12721 float: left;
12722 text-align: center;
12723 position: relative;
12724 margin: 10px 10px 35px; }
12726 .fp-iconview .fp-thumbnail {
12727 min-width: 110px;
12728 min-height: 110px;
12729 line-height: 110px;
12730 text-align: center;
12731 border: 1px solid #fff;
12732 display: block; }
12734 .fp-iconview .fp-thumbnail img {
12735 border: 1px solid #ddd;
12736 padding: 3px;
12737 vertical-align: middle; }
12739 .fp-iconview .fp-thumbnail:hover {
12740 background: #fff;
12741 border: 1px solid #ddd; }
12743 .fp-iconview .fp-filename-field {
12744 height: 33px;
12745 word-wrap: break-word;
12746 overflow: hidden;
12747 position: absolute; }
12749 .fp-iconview .fp-file:focus .fp-filename-field,
12750 .fp-iconview .fp-file:hover .fp-filename-field {
12751 overflow: visible;
12752 z-index: 1000; }
12754 .fp-iconview .fp-file:focus .fp-filename,
12755 .fp-iconview .fp-file:hover .fp-filename {
12756 overflow: inherit;
12757 white-space: normal;
12758 text-overflow: inherit; }
12760 .fp-iconview .fp-filename-field .fp-filename {
12761 background: #fff;
12762 padding-top: 5px;
12763 padding-bottom: 12px;
12764 min-width: 112px; }
12766 .file-picker .yui3-datatable table {
12767 border: 0 solid #bbb;
12768 width: 100%; }
12770 .file-picker .ygtvtn,
12771 .filemanager .ygtvtn {
12772 /*rtl:remove*/
12773 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
12774 /*rtl:raw:
12775 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
12777 width: 19px;
12778 height: 32px; }
12780 .file-picker .ygtvtm,
12781 .filemanager .ygtvtm {
12782 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
12783 /*rtl:raw:
12784 background-position: 2px 10px;
12786 width: 13px;
12787 height: 12px;
12788 cursor: pointer; }
12790 .file-picker .ygtvtmh,
12791 .filemanager .ygtvtmh {
12792 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
12793 /*rtl:raw:
12794 background-position: 2px 10px;
12796 width: 13px;
12797 height: 12px;
12798 cursor: pointer; }
12800 .file-picker .ygtvtp,
12801 .filemanager .ygtvtp {
12802 /*rtl:remove*/
12803 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
12804 /*rtl:raw:
12805 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
12807 width: 13px;
12808 height: 12px;
12809 cursor: pointer; }
12811 .file-picker .ygtvtph,
12812 .filemanager .ygtvtph {
12813 /*rtl:remove*/
12814 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
12815 /*rtl:raw:
12816 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
12818 width: 13px;
12819 height: 22px;
12820 cursor: pointer; }
12822 .file-picker .ygtvln,
12823 .filemanager .ygtvln {
12824 /*rtl:remove*/
12825 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
12826 /*rtl:raw:
12827 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
12829 width: 19px;
12830 height: 32px; }
12832 .file-picker .ygtvlm,
12833 .filemanager .ygtvlm {
12834 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
12835 /*rtl:raw:
12836 background-position: 2px 10px;
12838 width: 13px;
12839 height: 12px;
12840 cursor: pointer; }
12842 .file-picker .ygtvlmh,
12843 .filemanager .ygtvlmh {
12844 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
12845 /*rtl:raw:
12846 background-position: 2px 10px;
12848 width: 13px;
12849 height: 12px;
12850 cursor: pointer; }
12852 .file-picker .ygtvlp,
12853 .filemanager .ygtvlp {
12854 /*rtl:remove*/
12855 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
12856 /*rtl:raw:
12857 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
12859 width: 13px;
12860 height: 12px;
12861 cursor: pointer; }
12863 .file-picker .ygtvlph,
12864 .filemanager .ygtvlph {
12865 /*rtl:remove*/
12866 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
12867 /*rtl:raw:
12868 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
12870 width: 13px;
12871 height: 12px;
12872 cursor: pointer; }
12874 .file-picker .ygtvloading,
12875 .filemanager .ygtvloading {
12876 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
12877 width: 16px;
12878 height: 22px; }
12880 .file-picker .ygtvdepthcell,
12881 .filemanager .ygtvdepthcell {
12882 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
12883 /*rtl:raw:
12884 background-position: 0 0;
12886 width: 17px;
12887 height: 32px; }
12889 .file-picker .ygtvblankdepthcell,
12890 .filemanager .ygtvblankdepthcell {
12891 width: 17px;
12892 height: 22px; }
12894 a.ygtvspacer:hover {
12895 color: transparent;
12896 text-decoration: none; }
12898 .ygtvlabel,
12899 .ygtvlabel:link,
12900 .ygtvlabel:visited,
12901 .ygtvlabel:hover {
12902 background-color: transparent;
12903 cursor: pointer;
12904 margin-left: 2px;
12905 text-decoration: none; }
12907 .file-picker .ygtvfocus,
12908 .filemanager .ygtvfocus {
12909 background-color: #eee; }
12911 .fp-filename-icon {
12912 margin-top: 10px;
12913 display: block;
12914 position: relative; }
12916 .fp-icon {
12917 float: left;
12918 margin-top: -7px;
12919 width: 24px;
12920 height: 24px;
12921 margin-right: 10px;
12922 text-align: center;
12923 line-height: 24px; }
12925 .fp-icon img {
12926 max-height: 24px;
12927 max-width: 24px;
12928 vertical-align: middle; }
12930 .fp-filename {
12931 padding-right: 10px; }
12933 .file-picker .fp-login-form {
12934 height: 100%;
12935 width: 100%;
12936 display: table; }
12938 .file-picker .fp-upload-form {
12939 height: 100%;
12940 width: 100%;
12941 display: table; }
12943 .file-picker .fp-upload-form table {
12944 margin: 0 auto; }
12946 .file-picker.fp-dlg {
12947 text-align: center; }
12949 .file-picker.fp-dlg .fp-dlg-buttons {
12950 margin: 0 20px; }
12952 .file-picker.fp-msg {
12953 text-align: center; }
12955 .file-picker .fp-content-error {
12956 height: 100%;
12957 width: 100%;
12958 display: table;
12959 text-align: center; }
12961 .file-picker .fp-nextpage {
12962 clear: both; }
12964 .file-picker .fp-nextpage .fp-nextpage-loading {
12965 display: none; }
12967 .file-picker .fp-nextpage.loading .fp-nextpage-link {
12968 display: none; }
12970 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
12971 display: block;
12972 text-align: center;
12973 height: 100px;
12974 padding-top: 50px; }
12976 .fp-select .fp-select-loading {
12977 text-align: center;
12978 margin-top: 20px; }
12980 .fp-select table {
12981 padding: 0 0 10px; }
12983 .fp-select table .mdl-right {
12984 min-width: 84px; }
12986 .fp-select .fp-reflist .mdl-right {
12987 vertical-align: top; }
12989 .fp-select .fp-select-buttons {
12990 float: right; }
12992 .fp-select .fp-info {
12993 font-size: 0.703125rem; }
12995 .fp-select .fp-thumbnail {
12996 float: left;
12997 min-width: 110px;
12998 min-height: 110px;
12999 line-height: 110px;
13000 text-align: center;
13001 margin: 10px 20px 0 0;
13002 background: #fff;
13003 border: 1px solid #ddd; }
13005 .fp-select .fp-thumbnail img {
13006 border: 1px solid #ddd;
13007 padding: 3px;
13008 vertical-align: middle;
13009 margin: 10px; }
13011 .fp-select .fp-fileinfo {
13012 display: inline-block;
13013 margin-top: 10px; }
13015 .file-picker.fp-select .fp-fileinfo {
13016 max-width: 240px; }
13018 .fp-select .fp-fileinfo div {
13019 padding-bottom: 5px; }
13021 .file-picker.fp-select .uneditable {
13022 display: none; }
13024 .file-picker.fp-select .fp-select-loading {
13025 display: none; }
13027 .file-picker.fp-select.loading .fp-select-loading {
13028 display: block; }
13030 .file-picker.fp-select.loading form {
13031 display: none; }
13033 .fp-select .fp-dimensions.fp-unknown {
13034 display: none; }
13036 .fp-select .fp-size.fp-unknown {
13037 display: none; }
13039 .filemanager-loading {
13040 display: none; }
13042 .jsenabled .filemanager-loading {
13043 display: block;
13044 margin-top: 100px; }
13046 .filemanager.fm-loading .filemanager-toolbar,
13047 .filemanager.fm-loading .fp-pathbar,
13048 .filemanager.fm-loading .filemanager-container,
13049 .filemanager.fm-loaded .filemanager-loading,
13050 .filemanager.fm-maxfiles .fp-btn-add,
13051 .filemanager.fm-maxfiles .dndupload-message,
13052 .filemanager.fm-noitems .fp-btn-download,
13053 .filemanager .fm-empty-container,
13054 .filemanager.fm-noitems .filemanager-container .fp-content {
13055 display: none; }
13057 .filemanager .fp-img-downloading {
13058 display: none;
13059 padding-top: 7px; }
13061 .filemanager .filemanager-updating {
13062 display: none;
13063 text-align: center; }
13065 .filemanager.fm-updating .filemanager-updating {
13066 display: block;
13067 margin-top: 37px; }
13069 .filemanager.fm-updating .fm-content-wrapper,
13070 .filemanager.fm-nomkdir .fp-btn-mkdir,
13071 .fitem.disabled .filemanager .filemanager-toolbar,
13072 .fitem.disabled .filemanager .fp-pathbar,
13073 .fitem.disabled .filemanager .fp-restrictions,
13074 .fitem.disabled .filemanager .fm-content-wrapper {
13075 display: none; }
13077 .filemanager .fp-restrictions {
13078 text-align: right; }
13080 .filemanager-toolbar {
13081 padding: 4px;
13082 overflow: hidden; }
13084 .filemanager .fp-pathbar.empty {
13085 display: none; }
13087 .filepicker-filelist,
13088 .filemanager-container {
13089 min-height: 140px;
13090 border-top: 0; }
13092 .filemanager .fp-content {
13093 overflow: auto;
13094 max-height: 472px;
13095 min-height: 157px; }
13097 .filemanager-container,
13098 .filepicker-filelist {
13099 overflow: hidden; }
13101 .file-picker .yui3-datatable-header {
13102 background: initial; }
13104 .fitem.disabled .filepicker-filelist,
13105 .fitem.disabled .filemanager-container {
13106 background-color: #ebebe4; }
13108 .fitem.disabled .filepicker-filelist .filepicker-filename {
13109 display: none; }
13111 .fp-iconview .fp-reficons1 {
13112 position: absolute;
13113 height: 100%;
13114 width: 100%;
13115 top: 0;
13116 left: 0; }
13118 .fp-iconview .fp-reficons2 {
13119 position: absolute;
13120 height: 100%;
13121 width: 100%;
13122 top: 0;
13123 left: 0; }
13125 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
13126 background: url("[[pix:theme|fp/link]]") no-repeat;
13127 /*rtl:raw:
13128 transform: scaleX(-1);
13130 /*rtl:ignore*/
13131 background-position: bottom right;
13132 background-size: 16px 16px; }
13134 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
13135 background: url("[[pix:theme|fp/alias]]") no-repeat;
13136 /*rtl:raw:
13137 transform: scaleX(-1);
13139 /*rtl:ignore*/
13140 background-position: bottom left;
13141 background-size: 16px 16px; }
13143 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
13144 display: none; }
13146 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
13147 background: url([[pix:s/dead]]) no-repeat;
13148 background-position: center center; }
13150 .filemanager .yui3-datatable table {
13151 border: 0 solid #bbb;
13152 width: 100%; }
13154 /* Override YUI default styling */
13155 /* stylelint-disable declaration-no-important */
13156 .filemanager .yui3-datatable-header {
13157 background: #fff !important;
13158 border-bottom: 1px solid #ccc !important;
13159 border-left: 0 solid #fff !important;
13160 color: #555 !important; }
13162 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
13163 background-color: #f6f6f6 !important;
13164 border-left: 0 solid #f6f6f6; }
13166 .filemanager .yui3-datatable-even .yui3-datatable-cell {
13167 background-color: #fff !important;
13168 border-left: 0 solid #fff; }
13170 /* stylelint-enable */
13171 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
13172 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
13173 height: 100%;
13174 width: 100%;
13175 /*rtl:raw:
13176 transform: scaleX(-1);
13178 position: absolute;
13179 top: 8px;
13180 left: 17px;
13181 background-size: 16px 16px; }
13183 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
13184 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
13185 height: 100%;
13186 width: 100%;
13187 /*rtl:raw:
13188 transform: scaleX(-1);
13190 position: absolute;
13191 top: 9px;
13192 left: -6px;
13193 background-size: 16px 16px; }
13195 .filemanager .fp-contextmenu {
13196 display: none; }
13198 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
13199 display: block;
13200 position: absolute;
13201 right: 7px;
13202 bottom: 5px; }
13204 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
13205 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
13206 display: inline;
13207 position: absolute;
13208 left: 14px;
13209 margin-right: -20px;
13210 top: 6px; }
13212 .filepicker-filelist .filepicker-container,
13213 .filemanager.fm-noitems .fm-empty-container {
13214 display: block;
13215 position: absolute;
13216 top: 10px;
13217 bottom: 10px;
13218 left: 10px;
13219 right: 10px;
13220 border: 2px dashed #bbb;
13221 padding-top: 85px;
13222 text-align: center; }
13224 .filepicker-filelist .dndupload-target,
13225 .filemanager-container .dndupload-target {
13226 background: #fff;
13227 position: absolute;
13228 top: 10px;
13229 bottom: 10px;
13230 left: 10px;
13231 right: 10px;
13232 border: 2px dashed #fb7979;
13233 padding-top: 85px;
13234 text-align: center; }
13236 .filepicker-filelist.dndupload-over .dndupload-target,
13237 .filemanager-container.dndupload-over .dndupload-target {
13238 background: #fff;
13239 position: absolute;
13240 top: 10px;
13241 bottom: 10px;
13242 left: 10px;
13243 right: 10px;
13244 border: 2px dashed #6c8cd3;
13245 padding-top: 85px;
13246 text-align: center; }
13248 .dndupload-message {
13249 display: none; }
13251 .dndsupported .dndupload-message {
13252 display: inline; }
13254 .dnduploadnotsupported-message {
13255 display: none; }
13257 .dndnotsupported .dnduploadnotsupported-message {
13258 display: inline; }
13260 .dndupload-target {
13261 display: none; }
13263 .dndsupported .dndupload-ready .dndupload-target {
13264 display: block; }
13266 .dndupload-uploadinprogress {
13267 display: none;
13268 text-align: center; }
13270 .dndupload-uploading .dndupload-uploadinprogress {
13271 display: block; }
13273 .dndupload-arrow {
13274 background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
13275 width: 100%;
13276 height: 80px;
13277 position: absolute;
13278 top: 5px; }
13280 .fitem.disabled .filepicker-container,
13281 .fitem.disabled .fm-empty-container {
13282 display: none; }
13284 .dndupload-progressbars {
13285 padding: 10px;
13286 display: none; }
13288 .dndupload-inprogress .dndupload-progressbars {
13289 display: block; }
13291 .dndupload-inprogress .fp-content {
13292 display: none; }
13294 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
13295 display: none; }
13297 .filepicker-filelist.dndupload-inprogress .filepicker-container {
13298 display: none; }
13300 .filepicker-filelist.dndupload-inprogress a {
13301 display: none; }
13303 .filemanager.fp-select .fp-select-loading {
13304 display: none; }
13306 .filemanager.fp-select.loading .fp-select-loading {
13307 display: block; }
13309 .filemanager.fp-select.loading form {
13310 display: none; }
13312 .filemanager.fp-select.fp-folder .fp-license,
13313 .filemanager.fp-select.fp-folder .fp-author,
13314 .filemanager.fp-select.fp-file .fp-file-unzip,
13315 .filemanager.fp-select.fp-folder .fp-file-unzip,
13316 .filemanager.fp-select.fp-file .fp-file-zip,
13317 .filemanager.fp-select.fp-zip .fp-file-zip {
13318 display: none; }
13320 .filemanager.fp-select .fp-file-setmain,
13321 .filemanager.fp-select .fp-file-setmain-help {
13322 display: none; }
13324 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
13325 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
13326 display: inline-block; }
13328 .filemanager .fp-mainfile .fp-filename {
13329 font-weight: bold; }
13331 .filemanager.fp-select.fp-folder .fp-file-download {
13332 display: none; }
13334 .fm-operation {
13335 font-weight: bold; }
13337 .filemanager.fp-select .fp-original.fp-unknown,
13338 .filemanager.fp-select .fp-original .fp-originloading {
13339 display: none; }
13341 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
13342 display: inline; }
13344 .filemanager.fp-select .fp-reflist.fp-unknown,
13345 .filemanager.fp-select .fp-reflist .fp-reflistloading {
13346 display: none; }
13348 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
13349 display: inline; }
13351 .filemanager.fp-select .fp-reflist .fp-value {
13352 background: #f9f9f9;
13353 border: 1px solid #bbb;
13354 padding: 8px 7px;
13355 margin: 0;
13356 max-height: 75px;
13357 overflow: auto; }
13359 .filemanager.fp-select .fp-reflist .fp-value li {
13360 padding-bottom: 7px; }
13362 .filemanager.fp-mkdir-dlg {
13363 text-align: center; }
13365 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
13366 text-align: left;
13367 margin: 20px; }
13369 .filemanager.fp-dlg {
13370 text-align: center; }
13372 .file-picker div.bd {
13373 text-align: left; }
13375 .fp-formset {
13376 padding: 10px; }
13377 .fp-formset input[type="file"] {
13378 line-height: inherit; }
13380 .fp-forminset {
13381 padding: 0 10px; }
13383 .fp-fileinfo .fp-value {
13384 display: inline-block;
13385 padding-left: 5px; }
13387 /** The message area **/
13388 .hidden {
13389 display: none; }
13391 .preferences-container .container-fluid {
13392 padding: 0; }
13393 .preferences-container .container-fluid .col-md-6 {
13394 min-height: 20px; }
13396 .preferences-container .align-bottom {
13397 vertical-align: bottom; }
13399 .preferences-container .preference-table {
13400 border: 1px solid #ddd; }
13401 .preferences-container .preference-table thead th {
13402 text-align: center; }
13403 .preferences-container .preference-table thead th .config-warning {
13404 display: none; }
13405 .preferences-container .preference-table thead th.unconfigured .config-warning {
13406 display: inline-block; }
13407 .preferences-container .preference-table tr td:not(:first-child) {
13408 width: 150px;
13409 text-align: center; }
13410 .preferences-container .preference-table tr td:nth-child(even) {
13411 background-color: #f7f7f7; }
13412 .preferences-container .preference-table tr th:nth-child(even) {
13413 background-color: #f7f7f7; }
13414 .preferences-container .preference-table .preference-row .hover-tooltip-container {
13415 display: inline-block; }
13416 .preferences-container .preference-table .preference-row .preference-name {
13417 vertical-align: middle; }
13418 .preferences-container .preference-table .preference-row .disabled-message {
13419 text-align: center;
13420 height: 30px;
13421 line-height: 30px; }
13422 .preferences-container .preference-table .preference-row .preference-state {
13423 margin: 0;
13424 padding: 0;
13425 display: inline-block;
13426 vertical-align: middle; }
13427 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
13428 background-color: #5cb85c; }
13429 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
13430 display: inline-block; }
13431 .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
13432 display: none; }
13433 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
13434 width: 30px;
13435 height: 30px;
13436 line-height: 30px;
13437 text-align: center;
13438 border-radius: 4px;
13439 background-color: #d9534f;
13440 color: #fff;
13441 cursor: pointer; }
13442 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
13443 display: none; }
13444 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
13445 display: none; }
13446 .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
13447 display: inline-block; }
13448 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text,
13449 .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
13450 display: none; }
13451 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
13452 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
13453 display: none; }
13454 .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
13455 display: block; }
13456 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
13457 display: block; }
13459 .disabled-message {
13460 display: none; }
13462 .disabled .disabled-message {
13463 display: block; }
13464 .disabled .disabled-message + form {
13465 display: none; }
13467 .general-settings-container .loading-icon {
13468 display: none; }
13470 .general-settings-container .loading .loading-icon {
13471 display: inline-block; }
13473 .general-settings-container label {
13474 display: inline-block; }
13476 .processor-container {
13477 position: relative; }
13478 .processor-container .loading-container {
13479 display: none;
13480 position: absolute;
13481 width: 100%;
13482 height: 100%;
13483 text-align: center;
13484 background-color: rgba(255, 255, 255, 0.5); }
13485 .processor-container .loading-container .vertical-align {
13486 height: 100%;
13487 width: 0%;
13488 display: inline-block;
13489 vertical-align: middle; }
13490 .processor-container.loading .loading-container {
13491 display: block; }
13493 .preferences-page-container .checkbox-container {
13494 margin: 30px 5px;
13495 line-height: 20px; }
13496 .preferences-page-container .checkbox-container input {
13497 line-height: 20px;
13498 margin: 0; }
13499 .preferences-page-container .checkbox-container .loading-icon {
13500 display: none; }
13501 .preferences-page-container .checkbox-container.loading .loading-icon {
13502 display: inline-block; }
13504 .notification-area {
13505 height: 600px;
13506 box-sizing: border-box;
13507 border-radius: 4px;
13508 margin-bottom: 30px;
13509 border: 1px solid #e3e3e3; }
13510 @media (max-height: 670px) {
13511 .notification-area {
13512 height: 500px; } }
13513 .notification-area .control-area {
13514 box-sizing: border-box;
13515 display: inline-block;
13516 width: 300px;
13517 height: 100%;
13518 overflow: auto;
13519 -webkit-overflow-scrolling: touch;
13520 border-right: 1px solid #e3e3e3; }
13521 .notification-area .control-area .content {
13522 position: relative; }
13523 .notification-area .control-area .content .content-item-container {
13524 cursor: pointer; }
13525 .notification-area .control-area .content:empty + .empty-text {
13526 display: block; }
13527 .notification-area .control-area .loading-icon {
13528 display: none; }
13529 .notification-area .control-area .empty-text {
13530 display: none;
13531 text-align: center;
13532 padding-top: 20px; }
13533 .notification-area .control-area.loading .loading-icon {
13534 display: block;
13535 text-align: center;
13536 box-sizing: border-box;
13537 padding: 5px; }
13538 .notification-area .control-area.loading .content:empty + .empty-text {
13539 display: none; }
13540 .notification-area .content-area {
13541 box-sizing: border-box;
13542 display: inline-block;
13543 width: calc(100% - 300px);
13544 float: right; }
13545 .notification-area .content-area .toggle-mode {
13546 display: none; }
13547 .notification-area .content-area .header {
13548 height: 50px;
13549 box-sizing: border-box;
13550 border-bottom: 1px solid #e3e3e3;
13551 padding: 5px; }
13552 .notification-area .content-area .header .image-container {
13553 display: inline-block;
13554 height: 25px;
13555 width: 24px;
13556 float: left; }
13557 .notification-area .content-area .header .subject-container {
13558 display: inline-block;
13559 max-width: calc(100% - 24px);
13560 white-space: nowrap;
13561 overflow: hidden;
13562 text-overflow: ellipsis;
13563 height: 25px;
13564 padding-left: 5px;
13565 box-sizing: border-box; }
13566 .notification-area .content-area .header .timestamp {
13567 font-size: 10px;
13568 line-height: 10px;
13569 margin: 0;
13570 color: #666;
13571 margin-left: 30px; }
13572 .notification-area .content-area .header:empty {
13573 display: none; }
13574 .notification-area .content-area > .content {
13575 height: 500px;
13576 box-sizing: border-box;
13577 overflow: auto;
13578 -webkit-overflow-scrolling: touch;
13579 padding: 15px; }
13580 @media (max-height: 670px) {
13581 .notification-area .content-area > .content {
13582 height: 400px; } }
13583 .notification-area .content-area > .content:empty {
13584 display: none; }
13585 .notification-area .content-area > .content:empty + .empty-text {
13586 display: block;
13587 text-align: center;
13588 padding-top: 100px; }
13589 .notification-area .content-area .empty-text {
13590 display: none; }
13591 .notification-area .content-area .footer {
13592 height: 50px;
13593 box-sizing: border-box;
13594 text-align: center; }
13595 .notification-area .content-area .footer a {
13596 line-height: 50px; }
13597 .notification-area .content-area .footer:empty {
13598 display: none; }
13600 @media (max-width: 979px) {
13601 .notification-area {
13602 position: relative;
13603 overflow: hidden; }
13604 .notification-area .control-area {
13605 border-right: none;
13606 width: 100%;
13607 position: absolute;
13608 top: 0;
13609 left: 0;
13610 opacity: 1;
13611 visibility: visible;
13612 transition: left 0.25s; }
13613 .notification-area .content-area {
13614 width: 100%;
13615 position: absolute;
13616 top: 0;
13617 right: -100%;
13618 opacity: 0;
13619 visibility: hidden;
13620 transition: right 0.25s, opacity 0.25s, visibility 0.25s; }
13621 .notification-area .content-area .toggle-mode {
13622 display: inline-block;
13623 float: left;
13624 width: 70px;
13625 height: 50px;
13626 line-height: 50px;
13627 box-sizing: border-box;
13628 border-right: 1px solid #e3e3e3;
13629 border-bottom: 1px solid #e3e3e3; }
13630 .notification-area .content-area .header {
13631 display: inline-block;
13632 width: calc(100% - 70px); }
13633 .notification-area.show-content-area .control-area {
13634 left: -100%;
13635 opacity: 0;
13636 visibility: hidden;
13637 transition: left 0.25s, opacity 0.25s, visibility 0.25s; }
13638 .notification-area.show-content-area .content-area {
13639 right: 0;
13640 opacity: 1;
13641 visibility: visible;
13642 transition: right 0.25s; } }
13644 .message-app {
13645 display: flex;
13646 flex-direction: column;
13647 transition: all 0.2s ease-in-out; }
13648 .message-app .icon-back-in-drawer {
13649 display: none; }
13650 .message-app.drawer {
13651 z-index: 1020;
13652 position: fixed;
13653 top: 50px;
13654 right: 0;
13655 height: calc(100% - 50px);
13656 width: 320px;
13657 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }
13658 .message-app.drawer .icon-back-in-app {
13659 display: none; }
13660 .message-app.drawer .icon-back-in-drawer {
13661 display: inherit; }
13662 .message-app.main {
13663 min-height: 400px; }
13664 .message-app.hidden {
13665 display: block;
13666 right: -320px; }
13667 .message-app .header-container {
13668 flex-shrink: 0; }
13669 .message-app .body-container {
13670 flex: 1;
13671 overflow: hidden; }
13672 .message-app .body-container > * {
13673 position: absolute;
13674 right: 0;
13675 left: 0;
13676 top: 0;
13677 bottom: 0; }
13678 .message-app .footer-container {
13679 flex-shrink: 0;
13680 overflow-x: hidden; }
13681 .message-app .footer-container textarea {
13682 direction: ltr; }
13683 .message-app .matchtext {
13684 background-color: #b5d9f9;
13685 color: #373a3c;
13686 height: 1.5rem; }
13687 .message-app .contact-status {
13688 position: absolute;
13689 left: 39px;
13690 top: 39px;
13691 width: 10px;
13692 height: 10px;
13693 border-radius: 50%; }
13694 .message-app .contact-status.online {
13695 border: 1px solid #fff;
13696 background-color: #5cb85c; }
13697 .message-app .message p {
13698 margin: 0; }
13699 .message-app .clickable {
13700 cursor: pointer; }
13701 .message-app .clickable:hover {
13702 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); }
13703 .message-app a,
13704 .message-app .btn-link {
13705 color: inherit; }
13706 .message-app .btn-link:hover, .message-app .btn-link:focus {
13707 background-color: rgba(0, 0, 0, 0.035);
13708 text-decoration: none; }
13709 .message-app .icon {
13710 margin-right: 0; }
13711 .message-app .overview-section-toggle .collapsed-icon-container {
13712 display: none; }
13713 .message-app .overview-section-toggle .expanded-icon-container {
13714 display: inline-block; }
13715 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
13716 display: inline-block; }
13717 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
13718 display: none; }
13719 .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 {
13720 height: 16px;
13721 width: 16px;
13722 padding: 0;
13723 border-radius: 50%;
13724 flex-shrink: 0; }
13725 .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 {
13726 background-color: #e9ecef; }
13727 .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 {
13728 height: 20px !important;
13729 /* stylelint-disable-line declaration-no-important */
13730 width: 20px !important;
13731 /* stylelint-disable-line declaration-no-important */ }
13732 .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 {
13733 height: 24px !important;
13734 /* stylelint-disable-line declaration-no-important */
13735 width: 24px !important;
13736 /* stylelint-disable-line declaration-no-important */ }
13737 .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 {
13738 height: 28px !important;
13739 /* stylelint-disable-line declaration-no-important */
13740 width: 28px !important;
13741 /* stylelint-disable-line declaration-no-important */ }
13742 .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 {
13743 height: 36px !important;
13744 /* stylelint-disable-line declaration-no-important */
13745 width: 36px !important;
13746 /* stylelint-disable-line declaration-no-important */ }
13747 .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 {
13748 height: 44px !important;
13749 /* stylelint-disable-line declaration-no-important */
13750 width: 44px !important;
13751 /* stylelint-disable-line declaration-no-important */ }
13752 .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 {
13753 height: 68px !important;
13754 /* stylelint-disable-line declaration-no-important */
13755 width: 68px !important;
13756 /* stylelint-disable-line declaration-no-important */ }
13757 .message-app .view-overview-body .section {
13758 display: block; }
13759 .message-app .view-overview-body .section.expanded {
13760 display: flex; }
13761 .message-app .view-conversation .content-message-container img {
13762 max-width: 100%; }
13763 .message-app .list-group .list-group-item {
13764 border-left: 0;
13765 border-right: 0; }
13766 .message-app .list-group .list-group-item:first-child {
13767 border-top: 0; }
13768 .message-app .list-group .list-group-item:last-child {
13769 border-bottom: 0; }
13770 .message-app .last-message {
13771 min-height: 1.5rem; }
13772 .message-app .section .collapsing {
13773 overflow: hidden; }
13774 .message-app .message .tail {
13775 content: '';
13776 bottom: 0;
13777 width: 0;
13778 height: 0;
13779 border: 0.5rem solid transparent;
13780 position: relative; }
13781 .message-app .message.send .tail {
13782 right: 0;
13783 margin-right: -0.5rem;
13784 border-bottom-color: #ced4da; }
13785 .message-app .message.received .tail {
13786 left: 0;
13787 margin-left: -0.5rem;
13788 border-bottom-color: #fff; }
13789 .message-app .lazy-load-list {
13790 overflow-y: auto; }
13792 #page-message-index #region-main {
13793 height: 100%; }
13794 #page-message-index #region-main div[role="main"] {
13795 height: 100%; }
13796 #page-message-index #region-main div[role="main"] #maincontent {
13797 margin-top: -1px; }
13798 #page-message-index #region-main div[role="main"] .message-app.main {
13799 height: 100%; }
13801 .dir-rtl .message-drawer {
13802 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); }
13804 /* Question */
13805 .questionbank h2 {
13806 margin-top: 0; }
13808 .questioncategories h3 {
13809 margin-top: 0; }
13811 #chooseqtypebox {
13812 margin-top: 1em; }
13814 #chooseqtype h3 {
13815 margin: 0 0 0.3em; }
13817 #chooseqtype .instruction {
13818 display: none; }
13820 #chooseqtype .fakeqtypes {
13821 border-top: 1px solid silver; }
13823 #chooseqtype .qtypeoption {
13824 margin-bottom: 0.5em; }
13826 #chooseqtype label {
13827 display: block; }
13829 #chooseqtype .qtypename img {
13830 padding: 0 0.3em; }
13832 #chooseqtype .qtypename {
13833 display: inline-table;
13834 width: 16em; }
13836 #chooseqtype .qtypesummary {
13837 display: block;
13838 margin: 0 2em; }
13840 #chooseqtype .submitbuttons {
13841 margin: 0.7em 0;
13842 text-align: center; }
13844 #qtypechoicecontainer {
13845 display: none; }
13847 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
13848 background: none; }
13850 #qtypechoicecontainer.yui-panel .hd {
13851 color: #333;
13852 letter-spacing: 1px;
13853 text-shadow: 1px 1px 1px #fff;
13854 border: 1px solid #ccc;
13855 border-bottom: 1px solid #bbb;
13856 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
13857 background-repeat: repeat-x; }
13859 #qtypechoicecontainer {
13860 font-size: 12px;
13861 color: #333;
13862 background: #f2f2f2;
13863 border: 1px solid #ccc;
13864 border-top: 0 none; }
13866 #qtypechoicecontainer #chooseqtype {
13867 width: 40em; }
13869 #chooseqtypehead h3 {
13870 margin: 0;
13871 font-weight: normal; }
13873 #chooseqtype .qtypes {
13874 position: relative;
13875 border-bottom: 1px solid #bbb;
13876 padding: 0.24em 0; }
13878 #chooseqtype .alloptions {
13879 overflow-x: hidden;
13880 overflow-y: auto;
13881 max-height: calc(100vh - 15em);
13882 width: 60%; }
13884 #chooseqtype .qtypeoption {
13885 margin-bottom: 0;
13886 padding: 0.3em 0.3em 0.3em 1.6em; }
13888 #chooseqtype .qtypeoption img {
13889 vertical-align: text-bottom;
13890 padding-left: 1em;
13891 padding-right: 0.5em; }
13893 #chooseqtype .selected {
13894 background-color: #fff; }
13896 #chooseqtype .instruction,
13897 #chooseqtype .qtypesummary {
13898 display: none;
13899 position: absolute;
13900 top: 0;
13901 right: 0;
13902 bottom: 0;
13903 left: 60%;
13904 margin: 0;
13905 overflow-x: hidden;
13906 overflow-y: auto;
13907 padding: 1.5em 1.6em;
13908 background-color: #fff; }
13910 #chooseqtype .instruction,
13911 #chooseqtype .selected .qtypesummary {
13912 display: block; }
13914 #categoryquestions {
13915 margin: 0; }
13916 #categoryquestions td,
13917 #categoryquestions th {
13918 padding: 0 0.2em; }
13919 #categoryquestions th {
13920 text-align: left;
13921 font-weight: normal; }
13922 #categoryquestions .checkbox {
13923 padding-left: 5px; }
13924 #categoryquestions .checkbox input[type="checkbox"] {
13925 margin-left: 0;
13926 float: none; }
13927 #categoryquestions .iconcol {
13928 padding: 3px;
13929 box-sizing: content-box; }
13930 #categoryquestions .iconcol .icon {
13931 margin: 0;
13932 width: 12px;
13933 height: 12px; }
13934 #categoryquestions label {
13935 margin: 0;
13936 display: block; }
13937 #categoryquestions .header {
13938 text-align: left; }
13940 #page-mod-quiz-edit div.questionbankwindow div.header {
13941 margin: 0; }
13943 #page-mod-quiz-edit div.questionbankwindow.block {
13944 padding: 0; }
13946 .questionbank .singleselect {
13947 margin: 0; }
13949 /* Question editing form */
13950 #combinedfeedbackhdr div.fhtmleditor {
13951 padding: 0; }
13953 #combinedfeedbackhdr div.fcheckbox {
13954 margin-bottom: 1em; }
13956 #multitriesheader div.fitem_feditor {
13957 margin-top: 1em; }
13959 #multitriesheader div.fitem_fgroup {
13960 margin-bottom: 1em; }
13962 #multitriesheader div.fitem_fgroup fieldset.felement label {
13963 margin-left: 0.3em;
13964 margin-right: 0.3em; }
13966 body.path-question-type {
13967 /* Hacks to display the labels within a form group. */ }
13968 body.path-question-type .fitem_fgroup .accesshide {
13969 font: inherit;
13970 position: static;
13971 padding-right: .3em; }
13972 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 {
13973 position: static;
13974 width: auto;
13975 height: auto;
13976 padding: 0;
13977 margin: 0 0.5rem 0 0;
13978 overflow: visible;
13979 clip: auto;
13980 clip-path: none;
13981 border: 0; }
13983 .que {
13984 clear: left;
13985 text-align: left;
13986 margin: 0 auto 1.8em auto; }
13988 .que .info {
13989 float: left;
13990 width: 7em;
13991 padding: 0.5em;
13992 margin-bottom: 1.8em;
13993 background-color: #dee2e6;
13994 border: 1px solid #cad0d7; }
13996 .que h3.no {
13997 margin: 0;
13998 font-size: 0.8em;
13999 line-height: 1; }
14001 .que span.qno {
14002 font-size: 1.5em;
14003 font-weight: bold; }
14005 .que .info > div {
14006 font-size: 0.8em;
14007 margin-top: 0.7em; }
14009 .que .info .questionflag.editable {
14010 cursor: pointer; }
14012 .que .info .editquestion img,
14013 .que .info .questionflag img,
14014 .que .info .questionflag input {
14015 vertical-align: bottom; }
14017 .que .content {
14018 margin: 0 0 0 8.5em; }
14020 .que.multichoice .answer div.r0 .icon.fa-check,
14021 .que.multichoice .answer div.r1 .icon.fa-check,
14022 .que.multichoice .answer div.r0 .icon.fa-remove,
14023 .que.multichoice .answer div.r1 .icon.fa-remove {
14024 text-indent: 0; }
14026 .formulation input[type="text"],
14027 .formulation select {
14028 width: auto;
14029 vertical-align: baseline; }
14031 .que.multianswer .formulation .yui3-widget-positioned {
14032 box-sizing: content-box; }
14033 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
14034 width: inherit;
14035 max-width: inherit; }
14037 .path-mod-quiz input[size] {
14038 width: auto;
14039 max-width: 100%; }
14041 .que .ablock {
14042 margin: 0.7em 0 0.3em 0; }
14044 .que .im-controls {
14045 margin-top: 0.5em;
14046 text-align: left; }
14048 .que .specificfeedback,
14049 .que .generalfeedback,
14050 .que .numpartscorrect .que .rightanswer,
14051 .que .im-feedback,
14052 .que .feedback,
14053 .que p {
14054 margin: 0 0 0.5em; }
14056 .que .correctness.correct {
14057 background-color: #5cb85c; }
14059 .que .correctness.partiallycorrect {
14060 background-color: #ff7518; }
14062 .que .correctness.notanswered, .que .correctness.incorrect {
14063 background-color: #d9534f; }
14065 .que .qtext {
14066 margin-bottom: 1.5em; }
14068 .que .grading,
14069 .que .comment,
14070 .que .commentlink,
14071 .que .history {
14072 margin-top: 0.5em; }
14074 .que .history h3 {
14075 margin: 0 0 0.2em;
14076 font-size: 1em; }
14078 .que .history table {
14079 width: 100%;
14080 margin: 0; }
14082 .que .history .current {
14083 font-weight: bold; }
14085 .que .questioncorrectnessicon {
14086 vertical-align: text-bottom; }
14088 .que input.questionflagimage {
14089 padding-right: 3px;
14090 height: 16px;
14091 width: 16px; }
14093 .importerror {
14094 margin-top: 10px;
14095 border-bottom: 1px solid #555; }
14097 .mform .que.comment .fitemtitle {
14098 width: 20%; }
14100 #page-question-preview #techinfo {
14101 margin: 1em 0; }
14103 #page-mod-quiz-edit ul.slots .activityinstance > a {
14104 display: inline;
14105 text-indent: 0;
14106 padding-left: 0; }
14108 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
14109 margin-left: 0; }
14111 #page-mod-quiz-edit .box.generalbox.questionbank {
14112 padding: 0.5em; }
14114 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
14115 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
14116 #page-mod-quiz-edit .questionbank .choosecategory {
14117 padding: 0; }
14119 #page-mod-quiz-edit .questionbank .choosecategory select {
14120 width: 100%; }
14122 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
14123 background: transparent; }
14125 #page-mod-quiz-edit #categoryquestions > thead {
14126 background: #fff; }
14128 #page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
14129 background: #e4e4e4; }
14131 #page-mod-quiz-edit .questionbankwindow div.header {
14132 color: #444;
14133 text-shadow: none;
14134 margin: 0 -10px 0 -10px;
14135 padding: 2px 10px 2px 10px;
14136 background: transparent;
14137 /* Old browsers */ }
14139 #page-mod-quiz-edit .questionbankwindow div.header a:link,
14140 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
14141 color: #1177d1; }
14143 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
14144 color: #0b4f8a; }
14146 #page-mod-quiz-edit .createnewquestion {
14147 padding: 0.3em 0; }
14148 #page-mod-quiz-edit .createnewquestion div,
14149 #page-mod-quiz-edit .createnewquestion input {
14150 margin: 0; }
14152 #page-mod-quiz-edit .questionbankwindow div.header .title {
14153 color: #373a3c; }
14155 #page-mod-quiz-edit div.container div.generalbox {
14156 background-color: transparent;
14157 padding: 1.5em; }
14159 #page-mod-quiz-edit .categoryinfo {
14160 background-color: transparent;
14161 border-bottom: none; }
14163 #page-mod-quiz-edit .createnewquestion .singlebutton input {
14164 margin-bottom: 0; }
14166 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
14167 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
14168 padding: 0 0 1.5em 0; }
14170 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
14171 background-color: transparent;
14172 margin: 0;
14173 border-top: 0;
14174 border-bottom: 0; }
14175 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
14176 padding: 0 0.3em; }
14178 #page-mod-quiz-edit div.question div.content div.questioncontrols {
14179 background-color: #fff; }
14181 #page-mod-quiz-edit div.question div.content div.points {
14182 margin-top: -0.5em;
14183 padding-bottom: 0;
14184 border: none;
14185 background-color: #fff;
14186 position: static;
14187 width: 12.1em;
14188 float: right;
14189 margin-right: 60px; }
14191 #page-mod-quiz-edit div.question div.content div.points br {
14192 display: none; }
14194 #page-mod-quiz-edit div.question div.content div.points label {
14195 display: inline-block; }
14197 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
14198 background-color: #fff; }
14200 #page-mod-quiz-edit .quizpagedelete,
14201 #page-mod-quiz-edit .quizpagedelete img {
14202 background-color: transparent; }
14204 #page-mod-quiz-edit div.quizpage .pagecontent {
14205 border: 1px solid #ddd;
14206 overflow: hidden; }
14208 #page-mod-quiz-edit div.questionbank .categoryinfo {
14209 padding: 0.3em 0; }
14211 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
14212 padding: 0; }
14213 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
14214 display: block; }
14215 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,
14216 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
14217 display: none; }
14218 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
14219 margin-left: -0.3em; }
14220 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
14221 margin-left: 0.3em; }
14222 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
14223 margin-left: 0; }
14224 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
14225 margin-left: 5px; }
14227 .questionbankwindow .module {
14228 width: auto; }
14230 #page-mod-quiz-edit div.editq div.question div.content {
14231 background-color: #fff;
14232 border: 1px solid #ddd;
14233 overflow: hidden; }
14235 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
14236 margin-top: 0; }
14238 .path-mod-quiz .statedetails {
14239 display: block;
14240 font-size: 0.9em; }
14242 a#hidebankcmd {
14243 color: #1177d1; }
14245 .que.shortanswer .answer {
14246 padding: 0; }
14248 .que label {
14249 display: inline; }
14251 body.path-question-type .mform fieldset.hidden {
14252 padding: 0;
14253 margin: 0.7em 0 0; }
14255 .que.ddwtos,
14256 .que.ddwtos .drop {
14257 box-sizing: content-box; }
14259 .tag-condition-container {
14260 position: relative; }
14262 @media (max-width: 767.98px) {
14263 .que .info {
14264 float: none;
14265 width: auto; }
14266 .que .content {
14267 margin: 0; } }
14269 /* user.less */
14270 .userprofile .fullprofilelink {
14271 text-align: center;
14272 margin: 10px; }
14274 .userprofile .page-context-header {
14275 margin-bottom: 10px; }
14277 .userprofile .description {
14278 margin-top: 10px;
14279 margin-bottom: 30px; }
14281 .userprofile .profile_tree {
14282 column-count: 2; }
14283 .userprofile .profile_tree section {
14284 display: inline-block;
14285 width: 100%;
14286 margin-bottom: 1rem; }
14288 #participantsform .no-overflow {
14289 overflow: visible; }
14291 .userprofile dl.list > dd + dt {
14292 clear: left; }
14294 .user-box {
14295 margin: 8px;
14296 width: 115px;
14297 height: 160px;
14298 text-align: center;
14299 float: left;
14300 clear: none; }
14302 #page-user-profile .node_category ul,
14303 .path-user .node_category ul {
14304 margin: 0;
14305 list-style: none;
14306 padding-left: 0; }
14308 #page-user-profile .node_category li,
14309 .path-user .node_category li {
14310 margin-top: 5px; }
14312 #page-user-profile .node_category .editprofile,
14313 #page-user-profile .node_category .viewmore,
14314 .path-user .node_category .editprofile,
14315 .path-user .node_category .viewmore {
14316 text-align: right; }
14318 .ajax-contact-button {
14319 box-sizing: border-box;
14320 position: relative; }
14321 .ajax-contact-button.loading .loading-icon {
14322 display: block; }
14323 .ajax-contact-button .loading-icon {
14324 display: none;
14325 position: absolute;
14326 top: 0;
14327 left: 0;
14328 width: 100%;
14329 height: 100%;
14330 background-color: rgba(255, 255, 255, 0.7); }
14331 .ajax-contact-button .loading-icon .icon {
14332 position: absolute;
14333 left: 50%;
14334 top: 50%;
14335 transform: translate(-50%, -50%); }
14337 @media (max-width: 480px) {
14338 .userprofile .profile_tree {
14339 /** Display the profile on one column on phones@mixin */
14340 column-count: 1; } }
14342 .userlist #showall {
14343 margin: 10px 0; }
14345 .userlist .buttons {
14346 text-align: center; }
14348 .userlist .buttons label {
14349 padding: 0 3px; }
14351 .userlist table#participants {
14352 text-align: center; }
14354 .userlist table#participants td {
14355 text-align: left;
14356 padding: 4px;
14357 vertical-align: middle; }
14359 .userlist table#participants th {
14360 text-align: left;
14361 padding: 4px; }
14363 .userlist table.controls {
14364 width: 100%; }
14365 .userlist table.controls tr {
14366 vertical-align: top; }
14367 .userlist table.controls .right {
14368 text-align: right; }
14369 .userlist table.controls .groupselector {
14370 margin-bottom: 0;
14371 margin-top: 0; }
14372 .userlist table.controls .groupselector label {
14373 display: block; }
14375 .userinfobox {
14376 width: 100%;
14377 border: 1px solid;
14378 border-collapse: separate;
14379 padding: 10px; }
14381 .userinfobox .left,
14382 .userinfobox .side {
14383 width: 100px;
14384 vertical-align: top; }
14386 .userinfobox .userpicture {
14387 width: 100px;
14388 height: 100px; }
14390 .userinfobox .content {
14391 vertical-align: top; }
14393 .userinfobox .links {
14394 width: 100px;
14395 padding: 5px;
14396 vertical-align: bottom; }
14398 .userinfobox .links a {
14399 display: block; }
14401 .userinfobox .list td {
14402 padding: 3px; }
14404 .userinfobox .username {
14405 padding-bottom: 20px;
14406 font-weight: bold; }
14408 .userinfobox td.label {
14409 text-align: right;
14410 white-space: nowrap;
14411 vertical-align: top;
14412 font-weight: bold; }
14414 .group-edit {
14415 position: absolute;
14416 right: 0;
14417 margin-right: 0.6em; }
14419 .group-image {
14420 display: block;
14421 float: left;
14422 margin-right: 1em; }
14423 .group-image .grouppicture {
14424 border-radius: 50%; }
14426 .groupinfobox .left {
14427 padding: 10px;
14428 width: 100px;
14429 vertical-align: top; }
14431 .course-participation #showall {
14432 text-align: center;
14433 margin: 10px 0; }
14435 #user-policy .noticebox {
14436 text-align: center;
14437 margin-left: auto;
14438 margin-right: auto;
14439 margin-bottom: 10px;
14440 width: 80%;
14441 height: 250px; }
14443 #user-policy #policyframe {
14444 width: 100%;
14445 height: 100%; }
14447 .iplookup #map {
14448 margin: auto; }
14450 .userselector select {
14451 width: 100%; }
14453 .userselector div {
14454 margin-top: 0.2em; }
14456 .userselector div label {
14457 margin-right: 0.3em; }
14459 /* Next style does not work in all browsers but looks nicer when it does */
14460 .userselector .userselector-infobelow {
14461 font-size: 0.8em; }
14463 #userselector_options .collapsibleregioncaption {
14464 font-weight: bold; }
14466 #userselector_options p {
14467 margin: 0.2em 0;
14468 text-align: left; }
14470 /** user full profile */
14471 #page-user-profile .messagebox {
14472 text-align: center;
14473 margin-left: auto;
14474 margin-right: auto; }
14476 /** user course profile */
14477 #page-course-view-weeks .messagebox {
14478 text-align: center;
14479 margin-left: auto;
14480 margin-right: auto; }
14482 .profileeditor > .singleselect {
14483 margin: 0 0.5em 0 0; }
14485 .profileeditor > .singlebutton {
14486 display: inline-block;
14487 margin: 0 0 0 0.5em; }
14488 .profileeditor > .singlebutton div,
14489 .profileeditor > .singlebutton input {
14490 margin: 0; }
14492 .userlist h3 .action-icon {
14493 display: none; }
14495 #page-enrol-users .popover {
14496 max-width: none; }
14498 .user-enroller-panel {
14499 width: 600px; }
14501 .search-results .result {
14502 margin-left: 0;
14503 margin-right: 0; }
14505 .search-results .result .result-content {
14506 margin: 7px 0; }
14508 .search-results .result .filename {
14509 font-style: italic; }
14511 .search-input-wrapper {
14512 margin: 0 1rem 0 0;
14513 overflow: hidden;
14514 float: right;
14515 width: 24px;
14516 transition: width 0.5s ease, left 0.5s ease;
14517 padding-top: 0;
14518 padding-bottom: 0; }
14520 .search-input-wrapper > div {
14521 float: left;
14522 margin: 0; }
14523 .search-input-wrapper > div .icon {
14524 margin-right: 0;
14525 margin-top: 10px; }
14527 .search-input-wrapper > form {
14528 opacity: 0;
14529 margin-left: 25px;
14530 transition: opacity 0.5s ease-in-out; }
14532 .search-input-wrapper > form > input {
14533 margin: 0; }
14535 .search-input-wrapper form.expanded {
14536 opacity: 1; }
14538 .search-input-wrapper.expanded {
14539 width: 162px; }
14541 @media (max-width: 575.98px) {
14542 .search-input-wrapper {
14543 margin: 0 1rem 0 0; }
14544 .search-input-wrapper > div {
14545 margin: 0; }
14546 .search-input-wrapper > form {
14547 display: none; } }
14549 .search-areas-actions {
14550 margin-bottom: 1rem; }
14552 .search-areas-actions > div {
14553 margin-right: 1rem;
14554 display: inline-block; }
14556 #core-search-areas .lastcol li {
14557 margin-left: 24px;
14558 text-indent: -24px; }
14560 #core-search-areas .lastcol li > i {
14561 text-indent: 0; }
14564 * Moodle forms HTML isn't changeable via renderers (yet?) so this
14565 * .less file imports styles from the bootstrap $variables file and
14566 * adds them to the existing Moodle form CSS ids and classes.
14569 .jsenabled .mform .containsadvancedelements .advanced {
14570 display: none; }
14572 .mform .containsadvancedelements .advanced.show {
14573 display: flex; }
14575 #adminsettings span.error {
14576 display: inline-block;
14577 border: 1px solid #f4cfce;
14578 border-radius: 4px;
14579 background-color: #f7dddc;
14580 padding: 4px;
14581 margin-bottom: 4px; }
14583 .mform .form-inline .form-control,
14584 .mform .form-inline .custom-select {
14585 max-width: 100%; }
14587 .mform .form-inline .form-group, .mform .form-inline .form-buttons,
14588 .mform .form-inline .path-admin .buttons, .path-admin .mform .form-inline .buttons,
14589 .mform .form-inline .fp-content-center form + div, .fp-content-center .mform .form-inline form + div,
14590 .mform .form-inline div.backup-section + form {
14591 margin: 0.1rem 0.25rem 0.1rem 0; }
14593 .mform .form-inline br + label {
14594 justify-content: flex-start;
14595 width: 100%; }
14597 .unresponsive.mform .form-inline,
14598 .unresponsive.mform .form-inline label {
14599 display: inline-flex; }
14601 #jump-to-activity.custom-select {
14602 width: 100%; }
14604 .mform fieldset {
14605 margin-bottom: 0.5rem;
14606 border-bottom: 1px solid #dee2e6; }
14608 .mform > .form-group, .mform > .form-buttons,
14609 .path-admin .mform > .buttons,
14610 .fp-content-center .mform > form + div,
14611 .mform > div.backup-section + form {
14612 margin-left: 1.5rem; }
14614 .editor_atto_content.form-control {
14615 width: 100%; }
14617 #adminsettings .form-control[size] {
14618 width: auto; }
14620 .jsenabled .mform .collapsed .fcontainer {
14621 display: none; }
14623 #adminsettings .error {
14624 color: #d9534f; }
14626 .mform ul.file-list {
14627 padding: 0;
14628 margin: 0;
14629 list-style: none; }
14631 .mform label .req,
14632 .mform label .adv {
14633 cursor: help; }
14635 /*rtl:ignore*/
14636 input#id_externalurl {
14637 direction: ltr; }
14639 #portfolio-add-button {
14640 display: inline; }
14642 .form-label .form-shortname {
14643 font-size: 0.703125rem;
14644 display: block; }
14646 .form-item .form-inline {
14647 display: inline; }
14649 .form-inline label:not(.sr-only):not(.accesshide) + select {
14650 margin-left: 0.5rem; }
14652 .no-felement.fstatic {
14653 padding-top: 5px; }
14655 .no-fitem .fstaticlabel {
14656 font-weight: bold; }
14658 .form-buttons,
14659 .path-admin .buttons,
14660 .fp-content-center form + div,
14661 div.backup-section + form {
14662 padding-left: 0; }
14664 .form-item .form-setting .defaultsnext > input {
14665 display: inline-block; }
14667 .form-item .form-setting .form-checkbox.defaultsnext {
14668 margin-top: 5px;
14669 display: inline-block; }
14671 #adminsettings h3 {
14672 display: block;
14673 width: 100%;
14674 padding: 0;
14675 margin-bottom: 1.5;
14676 font-size: 1.171875rem;
14677 line-height: 3;
14678 border: 0;
14679 border-bottom: 1px solid #e5e5e5; }
14681 /* rtl:ignore */
14682 .mform .fitem .felement input[name="email"],
14683 .mform .fitem .felement input[name="email2"],
14684 .mform .fitem .felement input[name="url"],
14685 .mform .fitem .felement input[name="idnumber"],
14686 .mform .fitem .felement input[name="phone1"],
14687 .mform .fitem .felement input[name="phone2"] {
14688 text-align: left;
14689 direction: ltr; }
14691 .que.match .mediaplugin {
14692 width: 50vw; }
14694 /* rtl:ignore */
14695 #page-admin-grade-edit-scale-edit .error input#id_name {
14696 margin-right: 170px; }
14698 #page-grade-edit-outcome-course .courseoutcomes {
14699 margin-left: auto;
14700 margin-right: auto;
14701 width: 100%; }
14703 #page-grade-edit-outcome-course .courseoutcomes td {
14704 text-align: center; }
14706 /* Install Process' text fields Forms, should always be justified to the left */
14707 /* rtl:ignore */
14708 #installform #id_wwwroot,
14709 #installform #id_dirroot,
14710 #installform #id_dataroot,
14711 #installform #id_dbhost,
14712 #installform #id_dbname,
14713 #installform #id_dbuser,
14714 #installform #id_dbpass,
14715 #installform #id_prefix {
14716 direction: ltr; }
14718 .mdl-right > label {
14719 display: inline-block; }
14721 .singleselect {
14722 max-width: 100%; }
14724 .form-item .form-label label {
14725 margin-bottom: 0; }
14727 div#dateselector-calendar-panel {
14728 z-index: 3100;
14729 /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
14731 fieldset.coursesearchbox label {
14732 display: inline; }
14735 * Show the labels above text editors and file managers except on wide screens.
14737 /* Section and module editing forms contain special JS components for the
14738 availability system (if enabled). */
14739 #id_availabilityconditionsjson[aria-hidden=true],
14740 .availability-field [aria-hidden=true] {
14741 display: none; }
14743 .availability-field label {
14744 display: inline-flex; }
14746 .availability-field .availability-group label {
14747 vertical-align: top; }
14749 .availability-eye {
14750 clear: left;
14751 float: left; }
14753 .availability-inner,
14754 .availability-plugincontrols {
14755 float: left;
14756 border: 1px solid rgba(0, 0, 0, 0.125);
14757 padding: 1rem;
14758 margin-top: 0.5rem; }
14760 .availability-plugincontrols,
14761 .availability-childlist .availability-inner {
14762 margin-left: .625rem; }
14764 .availability-field .availability-plugincontrols .availability-group select {
14765 max-width: 12rem; }
14767 /* Custom styles for autocomplete form element */
14768 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
14769 [data-fieldtype=autocomplete] select,
14770 [data-fieldtype=tags] select,
14771 .form-autocomplete-original-select {
14772 visibility: hidden;
14773 overflow: hidden;
14774 width: 15rem;
14775 height: 44px;
14776 margin: 0;
14777 padding: 0;
14778 border: 0;
14779 margin-top: 1.65625rem;
14780 vertical-align: bottom; }
14782 .form-autocomplete-selection {
14783 margin: 0.25rem;
14784 min-height: 2.375rem; }
14786 .form-autocomplete-multiple [role=listitem] {
14787 cursor: pointer; }
14789 .form-autocomplete-suggestions {
14790 position: absolute;
14791 background-color: white;
14792 border: 2px solid #dee2e6;
14793 border-radius: 3px;
14794 min-width: 206px;
14795 max-height: 20em;
14796 overflow: auto;
14797 margin: 0;
14798 padding: 0;
14799 margin-top: 0.4em;
14800 z-index: 1; }
14802 .form-autocomplete-suggestions li {
14803 list-style-type: none;
14804 padding: 0.2em;
14805 margin: 0;
14806 cursor: pointer;
14807 color: #373a3c; }
14809 .form-autocomplete-suggestions li:hover {
14810 background-color: #3f9def;
14811 color: #fff; }
14813 .form-autocomplete-suggestions li[aria-selected=true] {
14814 background-color: #f2f2f2;
14815 color: #495057; }
14817 .form-autocomplete-downarrow {
14818 color: #373a3c;
14819 position: relative;
14820 top: 0.2em;
14821 left: -1.5em;
14822 cursor: pointer; }
14823 .form-autocomplete-downarrow .loading-icon {
14824 position: absolute;
14825 top: 0;
14826 left: 0;
14827 background-color: #fff; }
14829 .form-autocomplete-selection:focus {
14830 outline: none; }
14832 /** Undo some bootstrap things */
14833 .form-autocomplete-selection + input.form-control {
14834 width: auto;
14835 display: inline-block;
14836 vertical-align: middle; }
14838 .form-autocomplete-selection [data-active-selection=true] {
14839 padding: 0.5em;
14840 font-size: large; }
14842 /* Non-bootstrap selects with a size show their contents outside of the element.
14843 * Remove when we update to stable bootstrap 4. (MDL-56511) */
14844 select[size],
14845 select[multiple] {
14846 overflow: auto; }
14848 select[size="1"] {
14849 overflow: visible; }
14851 textarea[data-auto-rows] {
14852 overflow-x: hidden; }
14854 /** Display elements under labels in vertical forms regardless of the screen size. */
14855 .mform.full-width-labels .fitem.row {
14856 margin-left: 0;
14857 margin-right: 0; }
14858 .mform.full-width-labels .fitem.row > .col-md-3,
14859 .mform.full-width-labels .fitem.row > .col-md-9 {
14860 float: none;
14861 width: inherit;
14862 padding-right: 0;
14863 padding-left: 0; }
14864 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
14865 display: none; }
14867 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
14868 @media (min-width: 768px) {
14869 .form-inline .col-md-9,
14870 .form-inline .col-md-3 {
14871 margin-bottom: 1rem;
14872 width: auto; }
14873 .form-inline .col-md-9 label,
14874 .form-inline .col-md-3 label {
14875 margin-left: 1rem; } }
14877 [data-fieldtype="modgrade"] .form-group, [data-fieldtype="modgrade"] .form-buttons,
14878 [data-fieldtype="modgrade"] .path-admin .buttons, .path-admin [data-fieldtype="modgrade"] .buttons,
14879 [data-fieldtype="modgrade"] .fp-content-center form + div, .fp-content-center [data-fieldtype="modgrade"] form + div,
14880 [data-fieldtype="modgrade"] div.backup-section + form {
14881 padding-bottom: 0.375rem; }
14883 [data-fieldtype="modgrade"] {
14884 background-color: #fff;
14885 border: 1px solid rgba(0, 0, 0, 0.125);
14886 padding: 1.25rem;
14887 margin-left: 15px;
14888 max-width: 30rem; }
14890 /** Atto fields do not have form-control because that would break the layout of the editor.
14891 So they need these extra styles to highlight the editor when there is a validation error. */
14892 .has-danger .editor_atto_content.form-control,
14893 .has-danger .editor_atto_content.form-control-danger,
14894 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo,
14895 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo,
14896 .has-danger .editor_atto_content.maintenancewarning.error {
14897 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");
14898 padding-right: 2.25rem;
14899 background-repeat: no-repeat;
14900 background-position: center right 1rem;
14901 background-size: 1.5rem; }
14902 .has-danger .editor_atto_content.form-control .form-control-feedback,
14903 .has-danger .editor_atto_content.form-control .form-control-label,
14904 .has-danger .editor_atto_content.form-control .form-check-label,
14905 .has-danger .editor_atto_content.form-control .form-check-inline,
14906 .has-danger .editor_atto_content.form-control .custom-control,
14907 .has-danger .editor_atto_content.form-control-danger .form-control-feedback,
14908 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback,
14909 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback,
14910 .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback,
14911 .has-danger .editor_atto_content.form-control-danger .form-control-label,
14912 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-label,
14913 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-label,
14914 .has-danger .editor_atto_content.maintenancewarning.error .form-control-label,
14915 .has-danger .editor_atto_content.form-control-danger .form-check-label,
14916 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-label,
14917 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-label,
14918 .has-danger .editor_atto_content.maintenancewarning.error .form-check-label,
14919 .has-danger .editor_atto_content.form-control-danger .form-check-inline,
14920 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-inline,
14921 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-inline,
14922 .has-danger .editor_atto_content.maintenancewarning.error .form-check-inline,
14923 .has-danger .editor_atto_content.form-control-danger .custom-control,
14924 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .custom-control,
14925 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .custom-control,
14926 .has-danger .editor_atto_content.maintenancewarning.error .custom-control {
14927 color: #d9534f; }
14928 .has-danger .editor_atto_content.form-control .form-control,
14929 .has-danger .editor_atto_content.form-control-danger .form-control,
14930 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control,
14931 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control,
14932 .has-danger .editor_atto_content.maintenancewarning.error .form-control {
14933 border-color: #d9534f; }
14934 .has-danger .editor_atto_content.form-control .input-group-addon,
14935 .has-danger .editor_atto_content.form-control-danger .input-group-addon,
14936 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .input-group-addon,
14937 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .input-group-addon,
14938 .has-danger .editor_atto_content.maintenancewarning.error .input-group-addon {
14939 color: #d9534f;
14940 border-color: #d9534f;
14941 background-color: #fdf7f7; }
14942 .has-danger .editor_atto_content.form-control .form-control-feedback,
14943 .has-danger .editor_atto_content.form-control-danger .form-control-feedback,
14944 .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback,
14945 #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback,
14946 .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback {
14947 color: #d9534f; }
14949 [data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"],
14950 [data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"],
14951 [data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
14952 display: none; }
14954 .form-inline[data-fieldtype="autocomplete"],
14955 .form-inline[data-fieldtype="tags"] {
14956 display: block; }
14958 [data-fieldtype="editor"] > div {
14959 flex-grow: 1; }
14961 @media (min-width: 576px) {
14962 .mform fieldset {
14963 margin-left: 1.5rem; }
14964 .mform fieldset.collapsible legend a.fheader {
14965 padding: 0 5px 0 1.5rem;
14966 margin-left: -1.5rem;
14967 background: url([[pix:t/expanded]]) 0 center no-repeat; }
14968 .mform fieldset.collapsed legend a.fheader {
14969 /*rtl:raw:
14970 background-image: url([[pix:t/collapsed_rtl]]);
14972 /*rtl:remove*/
14973 background-image: url([[pix:t/collapsed]]); } }
14975 .pagelayout-login .card-title h2 img {
14976 max-width: 100%;
14977 max-height: 100px; }
14979 .pagelayout-login #region-main {
14980 border: 0;
14981 background-color: inherit; }
14983 /* modules.less */
14984 select {
14985 width: auto; }
14987 .path-mod-choice .horizontal .choices .option {
14988 display: inline-block; }
14990 .path-mod-feedback .feedback_form .col-form-label {
14991 display: block !important;
14992 /* stylelint-disable-line declaration-no-important */ }
14994 .path-mod-feedback .itemactions {
14995 float: right; }
14997 .path-mod-feedback .itemhandle {
14998 position: absolute;
14999 right: 1rem; }
15001 .path-mod-forum .forumsearch input,
15002 .path-mod-forum .forumsearch .helptooltip {
15003 margin: 0 3px; }
15005 .path-mod-forum .forumheaderlist,
15006 .path-mod-forum .forumheaderlist td {
15007 border: none; }
15009 .path-mod-forum .forumheaderlist thead .header,
15010 .path-mod-forum .forumheaderlist tbody .discussion td {
15011 white-space: normal;
15012 vertical-align: top;
15013 padding-left: 0.5em;
15014 padding-right: 0.5em; }
15016 .path-mod-forum .forumheaderlist thead .header {
15017 white-space: normal;
15018 vertical-align: top; }
15020 .path-mod-forum .forumheaderlist thead .header.replies {
15021 text-align: center; }
15023 .path-mod-forum .forumheaderlist thead .header.lastpost {
15024 text-align: right; }
15026 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
15027 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
15028 width: 16px;
15029 padding-left: 0.5em;
15030 padding-right: 0.5em; }
15032 .path-mod-forum .forumheaderlist .discussion .replies,
15033 .path-mod-forum .forumheaderlist .discussion .lastpost {
15034 white-space: normal; }
15036 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
15037 .path-mod-forum .forumheaderlist .discussion .replies {
15038 text-align: center; }
15040 .path-mod-forum .forumheaderlist .discussion .topic,
15041 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
15042 .path-mod-forum .forumheaderlist .discussion .topic.starter,
15043 .path-mod-forum .forumheaderlist .discussion .replies,
15044 .path-mod-forum .forumheaderlist .discussion .lastpost {
15045 vertical-align: top; }
15047 .path-mod-forum .subscriptionmode {
15048 color: #373a3c; }
15050 .path-mod-forum .activesetting {
15051 color: #373a3c;
15052 font-weight: bold; }
15054 .forumpost {
15055 border: 1px solid #dee2e6;
15056 display: block;
15057 padding: 6px; }
15058 .forumpost .header {
15059 margin-bottom: 3px; }
15060 .forumpost .picture img {
15061 margin: 3px; }
15062 .forumpost .picture img.userpicture {
15063 margin-left: 3px;
15064 margin-right: 10px; }
15065 .forumpost .content .posting.fullpost {
15066 margin-top: 8px; }
15067 .forumpost .row {
15068 display: block; }
15069 .forumpost .row .topic,
15070 .forumpost .row .content-mask,
15071 .forumpost .row .options {
15072 margin-left: 48px; }
15073 .forumpost .row.side {
15074 clear: both; }
15076 .forumpost .row .left {
15077 width: 48px; }
15079 .forumpost .options .commands {
15080 margin-left: 0; }
15082 .forumpost .subject {
15083 font-weight: bold; }
15085 .forumsearch input[type=text] {
15086 margin-bottom: 0; }
15088 #page-mod-forum-discuss .discussioncontrols {
15089 width: auto;
15090 margin: 0; }
15091 #page-mod-forum-discuss .discussioncontrols .form-inline input {
15092 margin-top: -1px; }
15094 .maincalendar .calendarmonth td,
15095 .maincalendar .calendarmonth th {
15096 border: 1px dotted #dee2e6; }
15098 .path-grade-report-grader h1 {
15099 text-align: inherit; }
15101 #page-mod-chat-gui_basic input#message {
15102 max-width: 100%; }
15104 #page-mod-data-view #singleimage {
15105 width: auto; }
15107 .path-mod-data form {
15108 margin-top: 10px; }
15110 .template_heading {
15111 margin-top: 10px; }
15113 .breadcrumb-button {
15114 margin-top: 4px; }
15116 .breadcrumb-button .singlebutton {
15117 float: left;
15118 margin-left: 4px; }
15120 .ie .row-fluid .desktop-first-column {
15121 margin-left: 0; }
15123 .langmenu form {
15124 margin: 0; }
15126 canvas {
15127 -ms-touch-action: auto; }
15129 div#dock {
15130 display: none; }
15132 /** General styles (scope: all of lesson) **/
15133 .path-mod-lesson .invisiblefieldset.fieldsetfix {
15134 display: block; }
15136 .path-mod-lesson .answeroption .checkbox label p {
15137 display: inline; }
15139 .path-mod-lesson .form-inline label.form-check-label {
15140 display: inline-block; }
15142 .path-mod-lesson .slideshow {
15143 overflow: auto;
15144 padding: 15px; }
15146 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] {
15147 white-space: normal; }
15149 #page-mod-lesson-view .vertical .singlebutton {
15150 display: block; }
15151 #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
15152 margin-left: 0;
15153 margin-top: 1rem; }
15155 #page-mod-lesson-view .fitem .felement .custom-select {
15156 align-self: flex-start; }
15158 .path-mod-lesson .generaltable td {
15159 vertical-align: middle; }
15160 .path-mod-lesson .generaltable td label {
15161 margin-bottom: 0; }
15162 .path-mod-lesson .generaltable td .highlight {
15163 display: inline-block;
15164 margin-left: 0.25rem; }
15165 .path-mod-lesson .generaltable td input[type="checkbox"] {
15166 display: block; }
15168 .path-mod-wiki .wiki_headingtitle,
15169 .path-mod-wiki .midpad,
15170 .path-mod-wiki .wiki_headingtime {
15171 text-align: inherit; }
15173 .path-mod-wiki .wiki_contentbox {
15174 width: 100%; }
15176 .path-mod-survey .surveytable > tbody > tr:nth-of-type(odd) {
15177 background-color: transparent; }
15179 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
15180 background-color: rgba(0, 0, 0, 0.05); }
15182 .path-mod-survey .surveytable .rblock label {
15183 text-align: center; }
15185 .nav .caret {
15186 margin-left: 4px; }
15188 .nav .divider {
15189 overflow: hidden;
15190 width: 0; }
15192 .usermenu .login {
15193 line-height: 2.25rem; }
15194 .usermenu .login a {
15195 color: #1177d1; }
15196 .usermenu .login a:hover, .usermenu .login a:focus {
15197 color: #0b4f8a;
15198 text-decoration: underline; }
15200 .userloggedinas .usermenu .usertext,
15201 .userswitchedrole .usermenu .usertext,
15202 .loginfailures .usermenu .usertext {
15203 float: left;
15204 text-align: right;
15205 margin-right: 0.5rem;
15206 height: 35px; }
15207 .userloggedinas .usermenu .usertext .meta,
15208 .userswitchedrole .usermenu .usertext .meta,
15209 .loginfailures .usermenu .usertext .meta {
15210 display: block;
15211 font-size: 0.8203125rem; }
15213 .userloggedinas .usermenu .avatar img,
15214 .userswitchedrole .usermenu .avatar img,
15215 .loginfailures .usermenu .avatar img {
15216 margin: 0; }
15218 .userloggedinas .usermenu .userbutton .avatars {
15219 position: relative;
15220 display: inline-block; }
15221 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
15222 display: inline-block;
15223 position: absolute;
15224 bottom: 0;
15225 right: 0;
15226 width: 20px;
15227 height: 20px;
15228 border-radius: 50%; }
15229 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
15230 vertical-align: baseline; }
15231 .userloggedinas .usermenu .userbutton .avatars .avatar img {
15232 width: inherit;
15233 height: inherit; }
15234 .userloggedinas .usermenu .userbutton .avatars .realuser {
15235 width: 35px;
15236 height: 35px;
15237 display: inline-block; }
15239 @media (max-width: 767.98px) {
15240 .usertext {
15241 display: none; } }
15243 .path-mod-quiz .mod-quiz-edit-content {
15244 margin-bottom: 10rem; }
15246 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
15247 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
15248 width: auto;
15249 max-width: none; }
15251 #page-mod-quiz-mod #id_reviewoptionshdr .form-group, #page-mod-quiz-mod #id_reviewoptionshdr .form-buttons,
15252 #page-mod-quiz-mod #id_reviewoptionshdr .path-admin .buttons, .path-admin #page-mod-quiz-mod #id_reviewoptionshdr .buttons,
15253 #page-mod-quiz-mod #id_reviewoptionshdr .fp-content-center form + div, .fp-content-center #page-mod-quiz-mod #id_reviewoptionshdr form + div,
15254 #page-mod-quiz-mod #id_reviewoptionshdr div.backup-section + form {
15255 float: left;
15256 width: 20rem;
15257 display: inline-block;
15258 min-height: 12rem; }
15260 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
15261 line-height: 1.5;
15262 vertical-align: bottom; }
15264 #page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
15265 float: left;
15266 clear: left; }
15268 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
15269 width: 90%;
15270 height: 22px;
15271 justify-content: flex-start; }
15273 .path-mod-quiz #mod_quiz_navblock .qnbutton {
15274 text-decoration: none;
15275 font-size: 14px;
15276 line-height: 20px;
15277 font-weight: normal;
15278 background-color: #fff;
15279 background-image: none;
15280 height: 40px;
15281 width: 30px;
15282 border-radius: 3px;
15283 border: 0;
15284 overflow: visible;
15285 margin: 0 6px 6px 0; }
15287 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
15288 cursor: default;
15289 background-color: #e9ecef;
15290 color: #495057; }
15292 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
15293 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
15294 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
15295 text-decoration: underline; }
15297 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
15298 border: 1px solid;
15299 border-radius: 3px;
15300 z-index: 1; }
15302 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
15303 border-width: 3px; }
15305 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
15306 border-width: 1px; }
15308 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
15309 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat; }
15311 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
15312 border: 0;
15313 background: #fff none center/10px no-repeat scroll;
15314 height: 20px;
15315 margin-top: 20px;
15316 border-radius: 0 0 3px 3px; }
15318 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
15319 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
15320 background-color: #fff; }
15322 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
15323 background-image: url([[pix:theme|mod/quiz/warningtriangle]]); }
15325 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
15326 background-image: url([[pix:theme|mod/quiz/checkmark]]);
15327 background-color: #5cb85c; }
15329 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
15330 background-image: url([[pix:core|t/locked]]);
15331 background-color: #e9ecef; }
15333 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
15334 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
15335 background-color: #d9534f; }
15337 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
15338 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
15339 background-color: #ff7518; }
15341 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
15342 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
15343 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
15344 background-color: #868e96; }
15346 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
15347 height: 1.4em;
15348 vertical-align: middle; }
15350 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
15351 padding: 0;
15352 margin: 0 0.4em; }
15354 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
15355 top: auto; }
15357 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
15358 height: calc(100% - 4rem); }
15360 .path-mod-assign [data-region="grade-panel"] {
15361 padding-top: 1rem; }
15363 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3,
15364 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
15365 width: 100%;
15366 padding: 0;
15367 max-width: 100%;
15368 flex: none; }
15370 .path-mod-assign [data-region="grade-panel"] fieldset,
15371 .path-mod-assign [data-region="grade-panel"] .fitem.row {
15372 margin: 0; }
15374 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3 > .pull-xs-right {
15375 float: none !important;
15376 /* stylelint-disable-line declaration-no-important */ }
15378 .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
15379 width: 100%; }
15381 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
15382 width: auto; }
15384 .path-mod-assign [data-region="grade-panel"] .popout {
15385 background-color: #fff; }
15387 .path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
15388 background-color: #fff;
15389 border: 1px solid rgba(0, 0, 0, 0.125);
15390 padding: 1.25rem;
15391 margin-bottom: 1rem; }
15393 .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
15394 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
15395 margin-bottom: 1rem; }
15397 .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
15398 font-size: 1.40625rem; }
15400 .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
15401 margin-top: 0; }
15403 .path-mod-assign [data-region="assignment-info"] {
15404 overflow-y: hidden; }
15406 .path-mod-assign [data-region="grading-navigation"] {
15407 padding: 6px; }
15409 .path-mod-assign [data-region="grade-actions"] {
15410 padding: 10px; }
15412 .path-mod-assign [data-region="user-info"] .img-rounded {
15413 margin-top: 0; }
15415 .path-mod-assign [data-region="grading-navigation-panel"] {
15416 height: 85px; }
15418 @media (max-width: 767px) {
15419 .path-mod-assign [data-region="grading-navigation-panel"] {
15420 height: auto; }
15421 .path-mod-assign [data-region="user-info"] {
15422 margin-top: 1rem; } }
15424 .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
15425 width: auto;
15426 display: inline-block; }
15429 * Assign feedback.
15431 .assignfeedback_editpdf_widget * {
15432 box-sizing: content-box; }
15434 .assignfeedback_editpdf_widget button {
15435 box-sizing: border-box; }
15437 .assignfeedback_editpdf_widget .commentcolourbutton img {
15438 border-width: 0; }
15440 .assignfeedback_editpdf_menu {
15441 padding: 0; }
15443 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
15444 float: none; }
15446 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
15447 width: 100%; }
15449 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
15450 padding-left: 1rem;
15451 padding-right: 1rem; }
15453 .path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
15454 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
15455 background-color: #fff; }
15458 * Mod LTI.
15460 .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,
15461 .path-admin-mod-lti #tool-list-loader-container .loader img {
15462 height: auto; }
15464 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
15465 background-color: #fff; }
15466 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
15467 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
15468 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
15469 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
15470 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
15471 border: 0; }
15472 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
15473 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
15474 border-radius: 0; }
15475 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
15476 background-color: transparent; }
15477 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
15478 background-color: #f8f9fa; }
15479 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
15480 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
15481 border: 0;
15482 padding: 3px 15px;
15483 white-space: nowrap;
15484 margin-bottom: 0; }
15485 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
15486 padding: 10px 5px; }
15487 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
15488 border-top: 1px solid #dee2e6;
15489 border-bottom: 1px solid #fff; }
15490 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
15491 border-top: 1px solid #fff;
15492 border-bottom: 1px solid #dee2e6;
15493 padding: 5px 10px; }
15494 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
15495 margin-right: 8px;
15496 border: 1px solid #ccc;
15497 border-radius: 4px;
15498 max-width: none; }
15499 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
15500 margin: 20px 25px; }
15501 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
15502 text-align: center;
15503 margin: 10px 0;
15504 font-size: 0.8203125rem;
15505 color: #495057; }
15506 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
15507 margin-bottom: 0.75rem;
15508 border: 1px solid rgba(0, 0, 0, 0.125);
15509 padding: 1.25rem; }
15510 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
15511 float: right;
15512 font-size: 11px;
15513 color: #495057; }
15514 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
15515 background-color: #fff; }
15516 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
15517 font-weight: bold; }
15519 /* reports.less */
15520 #page-report-participation-index .participationselectform div label {
15521 display: inline-block;
15522 margin: 0 5px; }
15524 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
15525 margin-left: 0; }
15527 .path-backup .mform {
15528 /* These are long labels with checkboxes on the right. */ }
15529 .path-backup .mform .grouped_settings {
15530 clear: both;
15531 overflow: hidden;
15532 /* Use card styles but avoid extend because that brings in too much. */ }
15533 .path-backup .mform .grouped_settings.section_level {
15534 background-color: #fff;
15535 border: 1px solid rgba(0, 0, 0, 0.125);
15536 padding: 1.25rem;
15537 margin-bottom: 1.25rem; }
15538 .path-backup .mform .grouped_settings.section_level::after {
15539 display: block;
15540 clear: both;
15541 content: ""; }
15542 .path-backup .mform .include_setting {
15543 width: 50%;
15544 display: inline-block;
15545 float: left;
15546 padding: 0.3rem; }
15547 .path-backup .mform .normal_setting {
15548 width: 50%;
15549 display: inline-block;
15550 float: left;
15551 padding: 0.3rem; }
15553 .path-backup {
15554 /* Bold section labels */ }
15555 .path-backup .section_level {
15556 font-weight: bold; }
15557 .path-backup .section_level .activity_level {
15558 font-weight: normal; }
15559 .path-backup .proceedbutton {
15560 margin-left: auto; }
15562 /* Override the columns width to leave more room for the labels. */
15563 .path-backup .mform .root_setting,
15564 .path-backup .mform .grouped_settings {
15565 /* Striped rows like a table */ }
15566 .path-backup .mform .root_setting:nth-of-type(odd),
15567 .path-backup .mform .grouped_settings:nth-of-type(odd) {
15568 background-color: rgba(0, 0, 0, 0.05); }
15569 .path-backup .mform .root_setting:nth-of-type(even),
15570 .path-backup .mform .grouped_settings:nth-of-type(even) {
15571 background-color: #fff; }
15572 .path-backup .mform .root_setting .form-group, .path-backup .mform .root_setting .form-buttons,
15573 .path-backup .mform .root_setting .path-admin .buttons, .path-admin .path-backup .mform .root_setting .buttons,
15574 .path-backup .mform .root_setting .fp-content-center form + div, .fp-content-center .path-backup .mform .root_setting form + div,
15575 .path-backup .mform .root_setting div.backup-section + form,
15576 .path-backup .mform .grouped_settings .form-group,
15577 .path-backup .mform .grouped_settings .form-buttons,
15578 .path-backup .mform .grouped_settings .path-admin .buttons,
15579 .path-admin .path-backup .mform .grouped_settings .buttons,
15580 .path-backup .mform .grouped_settings .fp-content-center form + div,
15581 .fp-content-center .path-backup .mform .grouped_settings form + div,
15582 .path-backup .mform .grouped_settings div.backup-section + form {
15583 /* These checkboxes with no label on the left. */ }
15584 .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,
15585 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox,
15586 .path-backup .mform .grouped_settings .form-buttons .col-md-3.checkbox,
15587 .path-backup .mform .grouped_settings .path-admin .buttons .col-md-3.checkbox,
15588 .path-admin .path-backup .mform .grouped_settings .buttons .col-md-3.checkbox,
15589 .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-3.checkbox,
15590 .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-3.checkbox,
15591 .path-backup .mform .grouped_settings div.backup-section + form .col-md-3.checkbox {
15592 width: 0%; }
15593 .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,
15594 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox,
15595 .path-backup .mform .grouped_settings .form-buttons .col-md-9.checkbox,
15596 .path-backup .mform .grouped_settings .path-admin .buttons .col-md-9.checkbox,
15597 .path-admin .path-backup .mform .grouped_settings .buttons .col-md-9.checkbox,
15598 .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-9.checkbox,
15599 .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-9.checkbox,
15600 .path-backup .mform .grouped_settings div.backup-section + form .col-md-9.checkbox {
15601 width: 100%;
15602 left: 0; }
15604 /* Detail pair is (usually) some short label with a longer value */
15605 .path-backup .detail-pair .detail-pair-label {
15606 width: 25%;
15607 float: left;
15608 clear: left; }
15610 .path-backup .detail-pair .detail-pair-value {
15611 width: 75%;
15612 float: left; }
15614 .path-backup .backup-restore .singlebutton {
15615 float: right; }
15617 /* Make these bits full width and work with the detail-pair */
15618 .path-backup .backup-section {
15619 /* Fix for nested table headers */
15620 /* Add card styles to backup sections */
15621 background-color: #fff;
15622 border: 1px solid rgba(0, 0, 0, 0.125);
15623 padding: 1.25rem;
15624 margin-bottom: 1.25rem; }
15625 .path-backup .backup-section .sub-header,
15626 .path-backup .backup-section .backup-sub-section,
15627 .path-backup .backup-section .singlebutton,
15628 .path-backup .backup-section .header {
15629 width: 100%;
15630 float: left;
15631 clear: both; }
15632 .path-backup .backup-section th.header {
15633 width: auto;
15634 float: none; }
15635 .path-backup .backup-section ::after {
15636 content: "";
15637 display: table;
15638 clear: both; }
15639 .path-backup .backup-section::after {
15640 display: block;
15641 clear: both;
15642 content: ""; }
15644 .path-backup .notification.dependencies_enforced {
15645 color: #d9534f;
15646 font-weight: bold; }
15648 .path-backup .backup_progress {
15649 margin-top: 1rem;
15650 margin-bottom: 1rem; }
15651 .path-backup .backup_progress .backup_stage.backup_stage_current {
15652 font-weight: bold;
15653 color: inherit; }
15655 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
15656 color: inherit; }
15658 #page-backup-restore .filealiasesfailures {
15659 background-color: #f7dddc; }
15660 #page-backup-restore .filealiasesfailures .aliaseslist {
15661 background-color: #fff; }
15663 .path-backup .wibbler {
15664 width: 500px;
15665 margin: 0 auto 10px;
15666 border-bottom: 1px solid black;
15667 border-right: 1px solid black;
15668 border-left: 1px solid black;
15669 position: relative;
15670 min-height: 4px; }
15671 .path-backup .wibbler .wibble {
15672 position: absolute;
15673 left: 0;
15674 right: 0;
15675 top: 0;
15676 height: 4px; }
15677 .path-backup .wibbler .state0 {
15678 background: #eee; }
15679 .path-backup .wibbler .state1 {
15680 background: #ddd; }
15681 .path-backup .wibbler .state2 {
15682 background: #ccc; }
15683 .path-backup .wibbler .state3 {
15684 background: #bbb; }
15685 .path-backup .wibbler .state4 {
15686 background: #aaa; }
15687 .path-backup .wibbler .state5 {
15688 background: #999; }
15689 .path-backup .wibbler .state6 {
15690 background: #888; }
15691 .path-backup .wibbler .state7 {
15692 background: #777; }
15693 .path-backup .wibbler .state8 {
15694 background: #666; }
15695 .path-backup .wibbler .state9 {
15696 background: #555; }
15697 .path-backup .wibbler .state10 {
15698 background: #444; }
15699 .path-backup .wibbler .state11 {
15700 background: #333; }
15701 .path-backup .wibbler .state12 {
15702 background: #222; }
15704 .singlebutton {
15705 display: inline-block; }
15706 .singlebutton + .singlebutton {
15707 margin-left: 0.5rem; }
15709 .continuebutton {
15710 text-align: center; }
15712 p.arrow_button {
15713 margin-top: 5em;
15714 text-align: center; }
15715 p.arrow_button #remove {
15716 margin: 3em auto 5em; }
15718 #addcontrols {
15719 margin-top: 11.25rem;
15720 text-align: center;
15721 margin-bottom: 3em; }
15722 #addcontrols label {
15723 display: inline; }
15725 #addcontrols input,
15726 #removecontrols input {
15727 margin: auto; }
15729 .btn-lineup {
15730 margin: 0 0 10px 5px; }
15732 .gradetreebox h4 {
15733 font-size: 0.9375rem; }
15735 .gradetreebox th.cell,
15736 .gradetreebox input[type=text] {
15737 width: auto; }
15739 .gradetreebox input[type=text],
15740 .gradetreebox select {
15741 margin-bottom: 0; }
15743 .core_grades_notices .singlebutton {
15744 display: inline-block; }
15746 .path-grade-report #maincontent + .urlselect {
15747 position: absolute;
15748 left: 40vw; }
15750 .path-grade-report-grader #region-main {
15751 overflow-x: visible;
15752 min-width: 100%;
15753 width: auto;
15754 display: inline-flex; }
15755 .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 {
15756 width: auto;
15757 overflow-x: initial; }
15758 .path-grade-report-grader #region-main div[role="main"] {
15759 flex: 1 1 auto; }
15761 .path-grade-report-grader [data-region="blocks-column"] {
15762 width: 100%;
15763 clear: both; }
15765 #page-grade-grading-manage #activemethodselector label {
15766 display: inline-block; }
15768 #page-grade-grading-manage #activemethodselector .helptooltip {
15769 margin-right: 0.5em; }
15771 #page-grade-grading-manage .actions {
15772 display: block;
15773 text-align: center;
15774 margin-bottom: 1em; }
15775 #page-grade-grading-manage .actions .action {
15776 display: inline-block;
15777 position: relative;
15778 vertical-align: top;
15779 width: 150px;
15780 text-align: center;
15781 overflow: hidden;
15782 margin: 0.5em;
15783 padding: 1em;
15784 border: 1px solid #aaa; }
15785 #page-grade-grading-manage .actions .action .action-text {
15786 position: relative;
15787 top: 0.4em;
15788 font-size: 14px;
15789 white-space: normal; }
15791 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
15792 font-size: 70%; }
15794 .gradingform_rubric.editor .addlevel input,
15795 .gradingform_rubric.editor .addcriterion input {
15796 background: #fff none no-repeat top left; }
15798 #rubric-rubric.gradingform_rubric #rubric-criteria {
15799 margin-bottom: 1em; }
15800 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
15801 vertical-align: top;
15802 padding: 6px; }
15803 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea {
15804 margin-bottom: 0;
15805 height: 115px; }
15806 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea {
15807 width: 80%;
15808 margin-bottom: 0; }
15809 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score {
15810 position: relative;
15811 float: left;
15812 margin-right: 28px; }
15813 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input {
15814 margin-bottom: 0; }
15815 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level {
15816 vertical-align: top;
15817 padding: 6px; }
15818 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete {
15819 position: relative;
15820 width: 32px;
15821 height: 32px;
15822 margin-top: -32px;
15823 clear: both;
15824 float: right; }
15825 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input {
15826 display: block;
15827 position: absolute;
15828 right: 0;
15829 bottom: 0;
15830 height: 24px;
15831 width: 24px;
15832 margin: 0; }
15833 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover {
15834 background-color: #ddd; }
15835 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input {
15836 float: none;
15837 width: 2em; }
15838 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
15839 width: 0; }
15840 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
15841 vertical-align: middle; }
15842 #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
15843 background-position: 0 0;
15844 height: 30px;
15845 margin-right: 5px; }
15847 #rubric-rubric.gradingform_rubric .addcriterion {
15848 margin-left: 5px;
15849 padding: 0;
15850 margin-bottom: 1em; }
15851 #rubric-rubric.gradingform_rubric .addcriterion input {
15852 margin: 0;
15853 color: inherit;
15854 text-shadow: inherit;
15855 border: 0 none;
15856 line-height: inherit;
15857 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
15858 padding-left: 26px; }
15860 #rubric-rubric.gradingform_rubric .options {
15861 clear: both; }
15862 #rubric-rubric.gradingform_rubric .options .option label {
15863 margin: 0;
15864 padding: 0;
15865 font-size: inherit;
15866 font-weight: normal;
15867 line-height: 2em;
15868 color: inherit;
15869 text-shadow: none;
15870 background-color: transparent; }
15871 #rubric-rubric.gradingform_rubric .options .option input {
15872 margin-left: 5px;
15873 margin-right: 12px; }
15875 .path-grade-edit-tree .setup-grades h4 {
15876 margin: 0; }
15878 .path-grade-edit-tree .setup-grades .column-rowspan {
15879 padding: 0;
15880 width: 24px;
15881 min-width: 24px;
15882 max-width: 24px; }
15884 .path-grade-edit-tree .setup-grades .category td.column-name {
15885 padding-left: 0; }
15887 .path-grade-edit-tree .setup-grades td.column-name {
15888 padding-left: 24px; }
15890 .path-grade-edit-tree .setup-grades .category input[type="text"],
15891 .path-grade-edit-tree .setup-grades .category .column-range,
15892 .path-grade-edit-tree .setup-grades .categoryitem,
15893 .path-grade-edit-tree .setup-grades .courseitem {
15894 font-weight: bold; }
15896 .path-grade-edit-tree .setup-grades .emptyrow {
15897 display: none; }
15899 .path-grade-edit-tree .setup-grades .gradeitemdescription {
15900 font-weight: normal;
15901 padding-left: 24px; }
15903 .path-grade-edit-tree .setup-grades .column-weight {
15904 white-space: nowrap; }
15905 .path-grade-edit-tree .setup-grades .column-weight.level3 {
15906 padding-left: 37px; }
15907 .path-grade-edit-tree .setup-grades .column-weight.level4 {
15908 padding-left: 66px; }
15909 .path-grade-edit-tree .setup-grades .column-weight.level5 {
15910 padding-left: 95px; }
15911 .path-grade-edit-tree .setup-grades .column-weight.level6 {
15912 padding-left: 124px; }
15913 .path-grade-edit-tree .setup-grades .column-weight.level7 {
15914 padding-left: 153px; }
15915 .path-grade-edit-tree .setup-grades .column-weight.level8 {
15916 padding-left: 182px; }
15917 .path-grade-edit-tree .setup-grades .column-weight.level9 {
15918 padding-left: 211px; }
15919 .path-grade-edit-tree .setup-grades .column-weight.level10 {
15920 padding-left: 240px; }
15922 .path-grade-edit-tree .setup-grades .column-range.level2 {
15923 padding-left: 37px; }
15925 .path-grade-edit-tree .setup-grades .column-range.level3 {
15926 padding-left: 66px; }
15928 .path-grade-edit-tree .setup-grades .column-range.level4 {
15929 padding-left: 95px; }
15931 .path-grade-edit-tree .setup-grades .column-range.level5 {
15932 padding-left: 124px; }
15934 .path-grade-edit-tree .setup-grades .column-range.level6 {
15935 padding-left: 153px; }
15937 .path-grade-edit-tree .setup-grades .column-range.level7 {
15938 padding-left: 182px; }
15940 .path-grade-edit-tree .setup-grades .column-range.level8 {
15941 padding-left: 211px; }
15943 .path-grade-edit-tree .setup-grades .column-range.level9 {
15944 padding-left: 240px; }
15946 .path-grade-edit-tree .setup-grades .column-range.level10 {
15947 padding-left: 269px; }
15949 .path-grade-edit-tree .setup-grades.generaltable .levelodd {
15950 background-color: rgba(0, 0, 0, 0.05); }
15952 .path-grade-edit-tree .setup-grades.generaltable .leveleven {
15953 background-color: transparent; }
15956 * Grader report.
15958 .path-grade-report-grader .gradeparent tr .cell {
15959 background-color: #fff; }
15961 .path-grade-report-grader .gradeparent table,
15962 .path-grade-report-grader .gradeparent .cell {
15963 border-color: #dee2e6; }
15965 .path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell,
15966 .path-grade-report-grader .gradeparent .floater .cell,
15967 .path-grade-report-grader .gradeparent .avg {
15968 background-color: #f8f9fa; }
15970 .path-grade-report-grader .gradeparent table .clickable {
15971 cursor: pointer; }
15974 * User report.
15976 .path-grade-report-user .user-grade {
15977 border: none; }
15978 .path-grade-report-user .user-grade.generaltable .levelodd {
15979 background-color: rgba(0, 0, 0, 0.05); }
15980 .path-grade-report-user .user-grade.generaltable .leveleven {
15981 background-color: transparent; }
15984 * Single view.
15986 .path-grade-report-singleview input[name^="finalgrade"] {
15987 width: 80px; }
15989 .columns-autoflow-1to1to1 {
15990 column-count: 3; }
15992 @media (max-width: 767px) {
15993 .columns-autoflow-1to1to1 {
15994 column-count: 1; } }
15996 /* some very targetted corrections to roll back nameclashes between
15997 * Moodle and Bootstrap like .row, .label, .content, .controls
15999 * Mostly relies on these styles being more specific than the Bootstrap
16000 * ones in order to overule them.
16002 li.activity.label,
16003 .file-picker td.label {
16004 background: inherit;
16005 color: inherit;
16006 border: inherit;
16007 text-shadow: none;
16008 padding: 8px;
16009 white-space: normal;
16010 display: block;
16011 font-size: inherit;
16012 line-height: inherit;
16013 text-align: inherit; }
16015 .file-picker td.label {
16016 display: table-cell;
16017 text-align: right; }
16019 .choosercontainer #chooseform .option label {
16020 font-size: 12px; }
16022 /* block.invisible vs .invisible
16023 * block.hidden vs .invisible
16025 * uses .invisible where the rest of Moodle uses @mixin dimmed
16026 * fixible in block renderer?
16028 * There's seems to be even more naming confusion here since,
16029 * blocks can be actually 'visible' (or not) to students,
16030 * marked 'visible' but really just dimmed to indicate to editors
16031 * that students can't see them or 'visible' to the user who
16032 * collapses them, 'visible' if you have the right role and in
16033 * different circumstances different sections of a block can
16034 * be 'visible' or not.
16036 * currently worked around in renderers.php function block{}
16037 * by rewriting the class name "invisible" to "dimmed",
16038 * though the blocks don't look particularly different apart
16039 * from their contents disappearing. Maybe try .muted? or
16040 * dimming all the edit icons apart from unhide, might be a
16041 * nice effect, though they'd still be active. Maybe reverse
16042 * it to white?
16044 li.section.hidden,
16045 .block.hidden,
16046 .block.invisible {
16047 visibility: visible;
16048 display: block; }
16050 /* .row vs .row
16052 * very tricky to track down this when it goes wrong,
16053 * since the styles are applied to generated content
16055 * basically if you see things shifted left or right compared
16056 * with where they should be check for a .row
16058 .forumpost .row {
16059 margin-left: 0 !important;
16060 /* stylelint-disable-line declaration-no-important */ }
16062 .forumpost .row:before,
16063 .forumpost .row:after {
16064 content: none; }
16066 /* fieldset.hidden vs .hidden
16068 * Moodle uses fieldset.hidden for mforms, to signify a collection of
16069 * form elements that don't have a box drawn round them. Bootstrap
16070 * uses hidden for stuff that is hidden in various responsive modes.
16072 * Relatedly, there is also fieldset.invisiblefieldset which hides the
16073 * border and sets the display to inline.
16075 * Originally this just set block and visible, but it is used
16076 * in random question dialogue in Quiz,
16077 * that dialogue is hidden and shown, so when hidden the
16078 * above workaround leaves you with a button floating around
16080 fieldset.hidden {
16081 display: inherit;
16082 visibility: inherit; }
16084 /* .container vs .container
16086 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
16087 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
16088 * it becomes near unuseable.
16090 #questionbank + .container {
16091 width: auto; }
16093 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
16094 display: block;
16095 margin-top: -6px; }
16097 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
16098 .langmenu.open > .dropdown-menu {
16099 display: block;
16100 max-height: 150px;
16101 overflow-y: auto; }
16103 .navbar.fixed-top .dropdown .dropdown-menu {
16104 max-height: calc(100vh - 50px);
16105 overflow-y: auto; }
16107 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
16108 z-index: inherit; }
16110 /* Force positioning of popover arrows.
16112 * The Css prefixer used in Moodle does not support complex calc statements used
16113 * in Bootstrap 4 CSS. For example:
16114 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
16115 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
16117 .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow,
16118 .bs-popover-auto[x-placement^="right"] .arrow {
16119 left: -9px; }
16121 .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow,
16122 .bs-popover-auto[x-placement^="left"] .arrow {
16123 right: -9px; }
16125 .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow,
16126 .bs-popover-auto[x-placement^="top"] .arrow {
16127 bottom: -9px; }
16129 .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow,
16130 .bs-popover-auto[x-placement^="bottom"] .arrow {
16131 top: -9px; }
16133 .custom-select {
16134 word-wrap: normal; }
16136 /* Add commented out carousel transistions back in.
16138 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
16140 .carousel-item-next.carousel-item-left,
16141 .carousel-item-prev.carousel-item-right {
16142 transform: translateX(0); }
16144 .carousel-item-next,
16145 .active.carousel-item-right {
16146 transform: translateX(100%); }
16148 .carousel-item-prev,
16149 .active.carousel-item-left {
16150 transform: translateX(-100%); }
16152 body.behat-site .fixed-top {
16153 position: absolute; }
16155 body.behat-site .dropdown-item {
16156 margin-top: 4px !important;
16157 /* stylelint-disable declaration-no-important */ }
16159 body.behat-site.drawer-ease {
16160 -webkit-transition: initial;
16161 -moz-transition: initial;
16162 transition: initial; }
16164 body.behat-site [data-region="drawer"] {
16165 -webkit-transition: initial;
16166 -moz-transition: initial;
16167 transition: initial;
16168 position: absolute; }
16170 .phpinfo table,
16171 .phpinfo th,
16172 .phpinfo h2 {
16173 margin: auto; }
16175 .phpinfo h2 {
16176 width: 600px; }
16178 .phpinfo .e,
16179 .phpinfo .v,
16180 .phpinfo .h {
16181 border: 1px solid #000;
16182 font-size: 0.8em;
16183 vertical-align: baseline;
16184 color: #000;
16185 background-color: #ccc; }
16187 .phpinfo .e {
16188 background-color: #ccf;
16189 font-weight: bold; }
16191 .phpinfo .h {
16192 background-color: #99c;
16193 font-weight: bold; }
16195 table caption {
16196 font-size: 24px;
16197 font-weight: bold;
16198 line-height: 42px;
16199 text-align: left;
16200 caption-side: top; }
16203 * This file contains the styles required to make the footer sticky.
16205 html,
16206 body {
16207 height: 100%; }
16209 #page-wrapper {
16210 height: 100%;
16211 display: flex;
16212 flex-direction: column; }
16213 #page-wrapper #page {
16214 flex: 1 0 auto;
16215 display: flex;
16216 flex-direction: column; }
16217 #page-wrapper #page #page-content {
16218 flex: 1 0 auto; }
16219 #page-wrapper #page-footer {
16220 flex-shrink: 0; }
16222 .popover-region {
16223 float: right;
16224 position: relative; }
16225 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
16226 display: none; }
16227 .popover-region.collapsed .popover-region-container {
16228 opacity: 0;
16229 visibility: hidden;
16230 height: 0;
16231 overflow: hidden;
16232 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; }
16234 .popover-region-toggle {
16235 cursor: pointer; }
16236 .popover-region-toggle::before {
16237 content: '';
16238 display: inline-block;
16239 border-left: 10px solid transparent;
16240 border-right: 10px solid transparent;
16241 border-bottom: 10px solid #ddd;
16242 position: absolute;
16243 bottom: 0;
16244 right: 7px; }
16245 .popover-region-toggle::after {
16246 content: '';
16247 display: inline-block;
16248 border-left: 9px solid transparent;
16249 border-right: 9px solid transparent;
16250 border-bottom: 9px solid #fff;
16251 position: absolute;
16252 bottom: -1px;
16253 right: 8px;
16254 z-index: 2; }
16256 .count-container {
16257 padding: 2px;
16258 border-radius: 2px;
16259 background-color: red;
16260 color: white;
16261 font-size: 10px;
16262 line-height: 10px;
16263 position: absolute;
16264 top: 5px;
16265 right: 0; }
16267 .popover-region-container {
16268 opacity: 1;
16269 visibility: visible;
16270 position: absolute;
16271 right: 0;
16272 top: 0;
16273 height: 500px;
16274 width: 380px;
16275 border: 1px solid #ddd;
16276 transition: height 0.25s;
16277 background-color: #fff;
16278 z-index: 1; }
16280 .popover-region-header-container {
16281 height: 25px;
16282 line-height: 25px;
16283 padding-left: 5px;
16284 padding-right: 5px;
16285 border-bottom: 1px solid #ddd;
16286 box-sizing: border-box; }
16288 .popover-region-footer-container {
16289 height: 30px;
16290 text-align: center;
16291 border-top: 1px solid #ddd;
16292 background-color: #fff;
16293 padding-top: 3px; }
16295 .popover-region-header-text {
16296 float: left;
16297 margin: 0;
16298 font-size: 14px;
16299 line-height: 25px; }
16301 .popover-region-header-actions {
16302 float: right; }
16303 .popover-region-header-actions > * {
16304 margin-left: 10px;
16305 min-width: 20px;
16306 display: inline-block; }
16307 .popover-region-header-actions .loading-icon {
16308 display: none;
16309 height: 12px;
16310 width: 12px; }
16311 .popover-region-header-actions .newmessage-link {
16312 margin-right: 10px; }
16313 .popover-region-header-actions label {
16314 display: inline-block;
16315 text-align: center;
16316 margin-bottom: 0; }
16318 .popover-region-content-container {
16319 height: calc(100% - 55px);
16320 width: 100%;
16321 overflow-y: auto;
16322 -webkit-overflow-scrolling: touch; }
16323 .popover-region-content-container > .loading-icon {
16324 display: none;
16325 text-align: center;
16326 padding: 5px;
16327 box-sizing: border-box; }
16328 .popover-region-content-container .empty-message {
16329 display: none;
16330 text-align: center;
16331 padding: 10px; }
16332 .popover-region-content-container.loading > .loading-icon {
16333 display: block; }
16334 .popover-region-content-container.loading .empty-message {
16335 display: none; }
16337 .navbar .popover-region {
16338 float: right;
16339 margin-right: 10px; }
16340 .navbar .popover-region.collapsed .popover-region-container {
16341 opacity: 0;
16342 visibility: hidden;
16343 height: 0;
16344 overflow: hidden;
16345 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; }
16347 .navbar .popover-region-toggle {
16348 width: 25px; }
16350 .navbar .count-container {
16351 padding: 2px;
16352 border-radius: 2px;
16353 background-color: red;
16354 color: white;
16355 font-size: 10px;
16356 line-height: 10px;
16357 position: absolute;
16358 top: 5px;
16359 right: 0; }
16361 .navbar .popover-region-container {
16362 top: 1.96875rem; }
16364 .content-item-container {
16365 width: 100%;
16366 border-bottom: 1px solid #ddd;
16367 box-sizing: border-box;
16368 padding: 5px;
16369 position: relative;
16370 margin: 0;
16371 display: block;
16372 color: inherit;
16373 text-decoration: none; }
16374 .content-item-container:hover {
16375 color: #fff;
16376 background-color: #79b5e6; }
16377 .content-item-container:hover .content-item-footer .timestamp {
16378 color: #fff; }
16379 .content-item-container.unread {
16380 margin: 0;
16381 background-color: #f4f4f4; }
16382 .content-item-container.unread:hover {
16383 color: #fff;
16384 background-color: #79b5e6; }
16385 .content-item-container.unread .content-item-body .notification-message {
16386 font-weight: 600; }
16387 .content-item-container .context-link {
16388 color: inherit;
16389 text-decoration: none; }
16390 .content-item-container .content-item-body {
16391 box-sizing: border-box;
16392 margin-bottom: 5px; }
16393 .content-item-container .content-item-footer {
16394 text-align: left;
16395 box-sizing: border-box; }
16396 .content-item-container .content-item-footer .timestamp {
16397 font-size: 10px;
16398 line-height: 10px;
16399 margin: 0;
16400 color: #666;
16401 margin-left: 24px; }
16402 .content-item-container .view-more {
16403 position: absolute;
16404 bottom: 5px;
16405 right: 5px;
16406 font-size: 12px;
16407 line-height: 12px; }
16408 .content-item-container.notification .content-item-body .notification-image {
16409 display: inline-block;
16410 width: 24px;
16411 height: 24px;
16412 float: left; }
16413 .content-item-container.notification .content-item-body .notification-image img {
16414 height: 75%; }
16415 .content-item-container.notification .content-item-body .notification-message {
16416 display: inline-block;
16417 font-size: 12px;
16418 width: calc(100% - 24px); }
16419 .content-item-container.selected {
16420 background-color: #4f94cd;
16421 color: #fff;
16422 border-color: #4f94cd; }
16423 .content-item-container.selected .content-item-footer .timestamp {
16424 color: #fff; }
16426 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
16427 display: inline-block; }
16429 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
16430 display: none; }
16432 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
16433 display: inline-block; }
16435 .popover-region-notifications .all-notifications {
16436 opacity: 1;
16437 visibility: visible;
16438 height: auto;
16439 overflow: hidden; }
16440 .popover-region-notifications .all-notifications:empty + .empty-message {
16441 display: block; }
16443 .popover-region-notifications .notification-image {
16444 display: inline-block;
16445 width: 8%;
16446 vertical-align: top; }
16447 .popover-region-notifications .notification-image img {
16448 height: 75%; }
16450 .popover-region-notifications .notification-message {
16451 display: inline-block;
16452 font-size: 12px; }
16454 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
16455 display: none; }
16457 .popover-region-messages .mark-all-read-button .normal-icon {
16458 display: inline-block; }
16460 .popover-region-messages .mark-all-read-button.loading .normal-icon {
16461 display: none; }
16463 .popover-region-messages .mark-all-read-button.loading .loading-icon {
16464 display: inline-block; }
16466 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
16467 display: none; }
16469 .popover-region-messages .messages:empty + .empty-message {
16470 display: block; }
16472 .popover-region-messages .content-item-container.unread .content-item-body {
16473 font-weight: 600;
16474 width: calc(90% - 30px); }
16476 .popover-region-messages .content-item-container.unread .unread-count-container {
16477 display: inline-block;
16478 width: 10%;
16479 text-align: center;
16480 float: right; }
16482 .popover-region-messages .content-item {
16483 height: 100%;
16484 width: 100%;
16485 box-sizing: border-box; }
16487 .popover-region-messages .profile-image-container {
16488 width: 30px;
16489 display: inline-block;
16490 text-align: center;
16491 float: left; }
16492 .popover-region-messages .profile-image-container img {
16493 width: 100%;
16494 display: inline-block;
16495 vertical-align: middle;
16496 border-radius: 50%; }
16498 .popover-region-messages .content-item-body {
16499 display: inline-block;
16500 box-sizing: border-box;
16501 width: calc(100% - 30px);
16502 font-size: 12px;
16503 padding-left: 10px;
16504 overflow: hidden; }
16505 .popover-region-messages .content-item-body h3 {
16506 font-size: 12px;
16507 line-height: 12px;
16508 margin: 0;
16509 width: 100%; }
16510 .popover-region-messages .content-item-body p {
16511 margin: 0; }
16513 .popover-region-messages .unread-count-container {
16514 display: none; }
16516 @media (max-width: 767px) {
16517 .navbar .popover-region .popover-region-container {
16518 right: -70px; } }
16520 @media (max-width: 480px) {
16521 .navbar .popover-region .popover-region-container {
16522 position: fixed;
16523 top: 46px;
16524 right: 0;
16525 left: 0;
16526 bottom: 0;
16527 width: auto;
16528 height: auto; } }
16531 * Tour step must sit above all other UI components.
16532 * The backdrop is the lowest point in the tour.
16533 * Everything else is in the container, and the target background should be at the same z-index.
16534 * ----- moodle
16535 * ---- step backdrop
16536 * --- step container
16537 * --- step target background
16539 div[data-flexitour="backdrop"] {
16540 background-color: #000;
16541 opacity: 0.5;
16542 z-index: 1040; }
16544 div[data-flexitour="step-background-fader"],
16545 div[data-flexitour="step-background"] {
16546 z-index: 1041; }
16548 span[data-flexitour="container"],
16549 div[data-flexitour="step-background-fader"],
16550 [data-flexitour="step-backdrop"] > td,
16551 [data-flexitour="step-backdrop"] {
16552 z-index: 1042; }
16554 span[data-flexitour="container"] .modal-dialog {
16556 * Remove all margins to:
16557 * 1) ensure that the arrow touches the target; and
16558 * 2) ensure that the focus border touches the modal.
16560 margin: 0; }
16562 span[data-flexitour="container"] div[data-role="arrow"] {
16563 border-width: 11px; }
16565 span[data-flexitour="container"] div[data-role="arrow"],
16566 span[data-flexitour="container"] div[data-role="arrow"]:after {
16567 position: absolute;
16568 display: block;
16569 width: 0;
16570 height: 0;
16571 border-color: transparent;
16572 border-style: solid;
16573 border-width: 1rem; }
16575 span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] {
16576 margin-bottom: 1rem; }
16577 span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
16578 bottom: -11px;
16579 left: 50%;
16580 margin-left: -11px;
16581 border-bottom-width: 0;
16582 border-top-color: rgba(0, 0, 0, 0.25); }
16583 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 {
16584 bottom: 1px;
16585 margin-left: -1rem;
16586 content: " ";
16587 border-bottom-width: 0;
16588 border-top-color: #fff; }
16590 span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] {
16591 margin-top: 1rem; }
16592 span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
16593 top: -11px;
16594 left: 50%;
16595 margin-left: -11px;
16596 border-top-width: 0;
16597 border-bottom-color: rgba(0, 0, 0, 0.25); }
16598 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 {
16599 top: 1px;
16600 margin-left: -1rem;
16601 content: " ";
16602 border-top-width: 0;
16603 border-bottom-color: #fff; }
16605 span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] {
16606 margin-right: 1rem; }
16607 span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
16608 right: -11px;
16609 top: 50%;
16610 margin-top: -11px;
16611 border-right-width: 0;
16612 border-left-color: rgba(0, 0, 0, 0.25); }
16613 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 {
16614 right: 1px;
16615 margin-top: -1rem;
16616 content: " ";
16617 border-right-width: 0;
16618 border-left-color: #fff; }
16620 span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] {
16621 margin-left: 1rem; }
16622 span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
16623 left: -11px;
16624 top: 50%;
16625 margin-top: -11px;
16626 border-left-width: 0;
16627 border-right-color: rgba(0, 0, 0, 0.25); }
16628 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 {
16629 left: 1px;
16630 margin-top: -1rem;
16631 content: " ";
16632 border-left-width: 0;
16633 border-right-color: #fff; }
16635 [data-region="drawer"] [data-flexitour="container"] {
16636 /*rtl:ignore*/
16637 margin-left: -15px;
16638 width: 275px; }
16640 .label {
16641 background-color: #868e96; }
16642 .label[href]:hover, .label[href]:focus {
16643 background-color: #6c757d; }
16645 .label-success {
16646 background-color: #5cb85c; }
16647 .label-success[href]:hover, .label-success[href]:focus {
16648 background-color: #449d44; }
16650 .label-info {
16651 background-color: #5bc0de; }
16652 .label-info[href]:hover, .label-info[href]:focus {
16653 background-color: #31b0d5; }
16655 .label-warning {
16656 background-color: #ff7518; }
16657 .label-warning[href]:hover, .label-warning[href]:focus {
16658 background-color: #e45c00; }
16660 .label-important {
16661 background-color: #d9534f; }
16662 .label-important[href]:hover, .label-important[href]:focus {
16663 background-color: #c9302c; }
16665 .pull-left {
16666 float: left !important; }
16668 .pull-right {
16669 float: right !important; }
16671 @media print {
16672 body.drawer-open-left.jsenabled,
16673 body.drawer-open-right.jsenabled {
16674 margin: 0; }
16675 .container {
16676 width: auto; } }
16678 .modal .modal-body > .loading-icon {
16679 display: block;
16680 position: relative;
16681 width: 100%;
16682 height: 100%; }
16683 .modal .modal-body > .loading-icon .icon {
16684 position: absolute;
16685 top: 50%;
16686 /*rtl:ignore*/
16687 left: 50%;
16688 transform: translate(-50%, -50%); }
16690 body {
16691 -webkit-font-smoothing: antialiased; }
16693 .navbar {
16694 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
16696 .userpicture {
16697 border-radius: 50%; }
16699 .btn-outline-secondary {
16700 color: #868e96;
16701 background-color: transparent;
16702 background-image: none;
16703 border-color: #868e96;
16704 border-color: #dee2e6; }
16705 .btn-outline-secondary:hover {
16706 color: #fff;
16707 background-color: #868e96;
16708 border-color: #868e96; }
16709 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
16710 box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
16711 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
16712 color: #868e96;
16713 background-color: transparent; }
16714 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
16715 .show > .btn-outline-secondary.dropdown-toggle {
16716 color: #fff;
16717 background-color: #868e96;
16718 border-color: #868e96; }
16719 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
16720 .show > .btn-outline-secondary.dropdown-toggle:focus {
16721 box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
16723 .bg-gray {
16724 background-color: #e9ecef !important; }
16726 a.bg-gray:hover, a.bg-gray:focus,
16727 button.bg-gray:hover,
16728 button.bg-gray:focus {
16729 background-color: #cbd3da !important; }