MDL-62171 Theme boost: modal accessibility focus
[moodle.git] / theme / bootstrapbase / style / moodle.css
1 /*!
2  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
3  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4  */
5 .fa {
6   display: inline-block;
7   font: normal normal normal 14px/1 FontAwesome;
8   font-size: inherit;
9   text-rendering: auto;
10   -webkit-font-smoothing: antialiased;
11   -moz-osx-font-smoothing: grayscale;
12 }
13 /* makes the font 33% larger relative to the icon container */
14 .fa-lg {
15   font-size: 1.33333333em;
16   line-height: 0.75em;
17   vertical-align: -15%;
18 }
19 .fa-2x {
20   font-size: 2em;
21 }
22 .fa-3x {
23   font-size: 3em;
24 }
25 .fa-4x {
26   font-size: 4em;
27 }
28 .fa-5x {
29   font-size: 5em;
30 }
31 .fa-fw {
32   width: 1.28571429em;
33   text-align: center;
34 }
35 .fa-ul {
36   padding-left: 0;
37   margin-left: 2.14285714em;
38   list-style-type: none;
39 }
40 .fa-ul > li {
41   position: relative;
42 }
43 .fa-li {
44   position: absolute;
45   left: -2.14285714em;
46   width: 2.14285714em;
47   top: 0.14285714em;
48   text-align: center;
49 }
50 .fa-li.fa-lg {
51   left: -1.85714286em;
52 }
53 .fa-border {
54   padding: .2em .25em .15em;
55   border: solid 0.08em #eee;
56   border-radius: .1em;
57 }
58 .fa-pull-left {
59   float: left;
60 }
61 .fa-pull-right {
62   float: right;
63 }
64 .fa.fa-pull-left {
65   margin-right: .3em;
66 }
67 .fa.fa-pull-right {
68   margin-left: .3em;
69 }
70 /* Deprecated as of 4.4.0 */
71 .pull-right,
72 .pull-xs-right {
73   float: right;
74 }
75 .pull-left,
76 .pull-xs-left {
77   float: left;
78 }
79 .fa.pull-left {
80   margin-right: .3em;
81 }
82 .fa.pull-right {
83   margin-left: .3em;
84 }
85 .fa-spin {
86   -webkit-animation: fa-spin 2s infinite linear;
87   animation: fa-spin 2s infinite linear;
88 }
89 .fa-pulse {
90   -webkit-animation: fa-spin 1s infinite steps(8);
91   animation: fa-spin 1s infinite steps(8);
92 }
93 @-webkit-keyframes fa-spin {
94   0% {
95     -webkit-transform: rotate(0deg);
96     transform: rotate(0deg);
97   }
98   100% {
99     -webkit-transform: rotate(359deg);
100     transform: rotate(359deg);
101   }
103 @keyframes fa-spin {
104   0% {
105     -webkit-transform: rotate(0deg);
106     transform: rotate(0deg);
107   }
108   100% {
109     -webkit-transform: rotate(359deg);
110     transform: rotate(359deg);
111   }
113 .fa-rotate-90 {
114   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
115   -webkit-transform: rotate(90deg);
116   -ms-transform: rotate(90deg);
117   transform: rotate(90deg);
119 .fa-rotate-180 {
120   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
121   -webkit-transform: rotate(180deg);
122   -ms-transform: rotate(180deg);
123   transform: rotate(180deg);
125 .fa-rotate-270 {
126   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
127   -webkit-transform: rotate(270deg);
128   -ms-transform: rotate(270deg);
129   transform: rotate(270deg);
131 .fa-flip-horizontal {
132   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
133   -webkit-transform: scale(-1, 1);
134   -ms-transform: scale(-1, 1);
135   transform: scale(-1, 1);
137 .fa-flip-vertical {
138   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
139   -webkit-transform: scale(1, -1);
140   -ms-transform: scale(1, -1);
141   transform: scale(1, -1);
143 :root .fa-rotate-90,
144 :root .fa-rotate-180,
145 :root .fa-rotate-270,
146 :root .fa-flip-horizontal,
147 :root .fa-flip-vertical {
148   filter: none;
150 .fa-stack {
151   position: relative;
152   display: inline-block;
153   width: 2em;
154   height: 2em;
155   line-height: 2em;
156   vertical-align: middle;
158 .fa-stack-1x,
159 .fa-stack-2x {
160   position: absolute;
161   left: 0;
162   width: 100%;
163   text-align: center;
165 .fa-stack-1x {
166   line-height: inherit;
168 .fa-stack-2x {
169   font-size: 2em;
171 .fa-inverse {
172   color: #fff;
174 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
175    readers do not read off random characters that represent icons */
176 .fa-glass:before {
177   content: "\f000";
179 .fa-music:before {
180   content: "\f001";
182 .fa-search:before {
183   content: "\f002";
185 .fa-envelope-o:before {
186   content: "\f003";
188 .fa-heart:before {
189   content: "\f004";
191 .fa-star:before {
192   content: "\f005";
194 .fa-star-o:before {
195   content: "\f006";
197 .fa-user:before {
198   content: "\f007";
200 .fa-film:before {
201   content: "\f008";
203 .fa-th-large:before {
204   content: "\f009";
206 .fa-th:before {
207   content: "\f00a";
209 .fa-th-list:before {
210   content: "\f00b";
212 .fa-check:before {
213   content: "\f00c";
215 .fa-remove:before,
216 .fa-close:before,
217 .fa-times:before {
218   content: "\f00d";
220 .fa-search-plus:before {
221   content: "\f00e";
223 .fa-search-minus:before {
224   content: "\f010";
226 .fa-power-off:before {
227   content: "\f011";
229 .fa-signal:before {
230   content: "\f012";
232 .fa-gear:before,
233 .fa-cog:before {
234   content: "\f013";
236 .fa-trash-o:before {
237   content: "\f014";
239 .fa-home:before {
240   content: "\f015";
242 .fa-file-o:before {
243   content: "\f016";
245 .fa-clock-o:before {
246   content: "\f017";
248 .fa-road:before {
249   content: "\f018";
251 .fa-download:before {
252   content: "\f019";
254 .fa-arrow-circle-o-down:before {
255   content: "\f01a";
257 .fa-arrow-circle-o-up:before {
258   content: "\f01b";
260 .fa-inbox:before {
261   content: "\f01c";
263 .fa-play-circle-o:before {
264   content: "\f01d";
266 .fa-rotate-right:before,
267 .fa-repeat:before {
268   content: "\f01e";
270 .fa-refresh:before {
271   content: "\f021";
273 .fa-list-alt:before {
274   content: "\f022";
276 .fa-lock:before {
277   content: "\f023";
279 .fa-flag:before {
280   content: "\f024";
282 .fa-headphones:before {
283   content: "\f025";
285 .fa-volume-off:before {
286   content: "\f026";
288 .fa-volume-down:before {
289   content: "\f027";
291 .fa-volume-up:before {
292   content: "\f028";
294 .fa-qrcode:before {
295   content: "\f029";
297 .fa-barcode:before {
298   content: "\f02a";
300 .fa-tag:before {
301   content: "\f02b";
303 .fa-tags:before {
304   content: "\f02c";
306 .fa-book:before {
307   content: "\f02d";
309 .fa-bookmark:before {
310   content: "\f02e";
312 .fa-print:before {
313   content: "\f02f";
315 .fa-camera:before {
316   content: "\f030";
318 .fa-font:before {
319   content: "\f031";
321 .fa-bold:before {
322   content: "\f032";
324 .fa-italic:before {
325   content: "\f033";
327 .fa-text-height:before {
328   content: "\f034";
330 .fa-text-width:before {
331   content: "\f035";
333 .fa-align-left:before {
334   content: "\f036";
336 .fa-align-center:before {
337   content: "\f037";
339 .fa-align-right:before {
340   content: "\f038";
342 .fa-align-justify:before {
343   content: "\f039";
345 .fa-list:before {
346   content: "\f03a";
348 .fa-dedent:before,
349 .fa-outdent:before {
350   content: "\f03b";
352 .fa-indent:before {
353   content: "\f03c";
355 .fa-video-camera:before {
356   content: "\f03d";
358 .fa-photo:before,
359 .fa-image:before,
360 .fa-picture-o:before {
361   content: "\f03e";
363 .fa-pencil:before {
364   content: "\f040";
366 .fa-map-marker:before {
367   content: "\f041";
369 .fa-adjust:before {
370   content: "\f042";
372 .fa-tint:before {
373   content: "\f043";
375 .fa-edit:before,
376 .fa-pencil-square-o:before {
377   content: "\f044";
379 .fa-share-square-o:before {
380   content: "\f045";
382 .fa-check-square-o:before {
383   content: "\f046";
385 .fa-arrows:before {
386   content: "\f047";
388 .fa-step-backward:before {
389   content: "\f048";
391 .fa-fast-backward:before {
392   content: "\f049";
394 .fa-backward:before {
395   content: "\f04a";
397 .fa-play:before {
398   content: "\f04b";
400 .fa-pause:before {
401   content: "\f04c";
403 .fa-stop:before {
404   content: "\f04d";
406 .fa-forward:before {
407   content: "\f04e";
409 .fa-fast-forward:before {
410   content: "\f050";
412 .fa-step-forward:before {
413   content: "\f051";
415 .fa-eject:before {
416   content: "\f052";
418 .fa-chevron-left:before {
419   content: "\f053";
421 .fa-chevron-right:before {
422   content: "\f054";
424 .fa-plus-circle:before {
425   content: "\f055";
427 .fa-minus-circle:before {
428   content: "\f056";
430 .fa-times-circle:before {
431   content: "\f057";
433 .fa-check-circle:before {
434   content: "\f058";
436 .fa-question-circle:before {
437   content: "\f059";
439 .fa-info-circle:before {
440   content: "\f05a";
442 .fa-crosshairs:before {
443   content: "\f05b";
445 .fa-times-circle-o:before {
446   content: "\f05c";
448 .fa-check-circle-o:before {
449   content: "\f05d";
451 .fa-ban:before {
452   content: "\f05e";
454 .fa-arrow-left:before {
455   content: "\f060";
457 .fa-arrow-right:before {
458   content: "\f061";
460 .fa-arrow-up:before {
461   content: "\f062";
463 .fa-arrow-down:before {
464   content: "\f063";
466 .fa-mail-forward:before,
467 .fa-share:before {
468   content: "\f064";
470 .fa-expand:before {
471   content: "\f065";
473 .fa-compress:before {
474   content: "\f066";
476 .fa-plus:before {
477   content: "\f067";
479 .fa-minus:before {
480   content: "\f068";
482 .fa-asterisk:before {
483   content: "\f069";
485 .fa-exclamation-circle:before {
486   content: "\f06a";
488 .fa-gift:before {
489   content: "\f06b";
491 .fa-leaf:before {
492   content: "\f06c";
494 .fa-fire:before {
495   content: "\f06d";
497 .fa-eye:before {
498   content: "\f06e";
500 .fa-eye-slash:before {
501   content: "\f070";
503 .fa-warning:before,
504 .fa-exclamation-triangle:before {
505   content: "\f071";
507 .fa-plane:before {
508   content: "\f072";
510 .fa-calendar:before {
511   content: "\f073";
513 .fa-random:before {
514   content: "\f074";
516 .fa-comment:before {
517   content: "\f075";
519 .fa-magnet:before {
520   content: "\f076";
522 .fa-chevron-up:before {
523   content: "\f077";
525 .fa-chevron-down:before {
526   content: "\f078";
528 .fa-retweet:before {
529   content: "\f079";
531 .fa-shopping-cart:before {
532   content: "\f07a";
534 .fa-folder:before {
535   content: "\f07b";
537 .fa-folder-open:before {
538   content: "\f07c";
540 .fa-arrows-v:before {
541   content: "\f07d";
543 .fa-arrows-h:before {
544   content: "\f07e";
546 .fa-bar-chart-o:before,
547 .fa-bar-chart:before {
548   content: "\f080";
550 .fa-twitter-square:before {
551   content: "\f081";
553 .fa-facebook-square:before {
554   content: "\f082";
556 .fa-camera-retro:before {
557   content: "\f083";
559 .fa-key:before {
560   content: "\f084";
562 .fa-gears:before,
563 .fa-cogs:before {
564   content: "\f085";
566 .fa-comments:before {
567   content: "\f086";
569 .fa-thumbs-o-up:before {
570   content: "\f087";
572 .fa-thumbs-o-down:before {
573   content: "\f088";
575 .fa-star-half:before {
576   content: "\f089";
578 .fa-heart-o:before {
579   content: "\f08a";
581 .fa-sign-out:before {
582   content: "\f08b";
584 .fa-linkedin-square:before {
585   content: "\f08c";
587 .fa-thumb-tack:before {
588   content: "\f08d";
590 .fa-external-link:before {
591   content: "\f08e";
593 .fa-sign-in:before {
594   content: "\f090";
596 .fa-trophy:before {
597   content: "\f091";
599 .fa-github-square:before {
600   content: "\f092";
602 .fa-upload:before {
603   content: "\f093";
605 .fa-lemon-o:before {
606   content: "\f094";
608 .fa-phone:before {
609   content: "\f095";
611 .fa-square-o:before {
612   content: "\f096";
614 .fa-bookmark-o:before {
615   content: "\f097";
617 .fa-phone-square:before {
618   content: "\f098";
620 .fa-twitter:before {
621   content: "\f099";
623 .fa-facebook-f:before,
624 .fa-facebook:before {
625   content: "\f09a";
627 .fa-github:before {
628   content: "\f09b";
630 .fa-unlock:before {
631   content: "\f09c";
633 .fa-credit-card:before {
634   content: "\f09d";
636 .fa-feed:before,
637 .fa-rss:before {
638   content: "\f09e";
640 .fa-hdd-o:before {
641   content: "\f0a0";
643 .fa-bullhorn:before {
644   content: "\f0a1";
646 .fa-bell:before {
647   content: "\f0f3";
649 .fa-certificate:before {
650   content: "\f0a3";
652 .fa-hand-o-right:before {
653   content: "\f0a4";
655 .fa-hand-o-left:before {
656   content: "\f0a5";
658 .fa-hand-o-up:before {
659   content: "\f0a6";
661 .fa-hand-o-down:before {
662   content: "\f0a7";
664 .fa-arrow-circle-left:before {
665   content: "\f0a8";
667 .fa-arrow-circle-right:before {
668   content: "\f0a9";
670 .fa-arrow-circle-up:before {
671   content: "\f0aa";
673 .fa-arrow-circle-down:before {
674   content: "\f0ab";
676 .fa-globe:before {
677   content: "\f0ac";
679 .fa-wrench:before {
680   content: "\f0ad";
682 .fa-tasks:before {
683   content: "\f0ae";
685 .fa-filter:before {
686   content: "\f0b0";
688 .fa-briefcase:before {
689   content: "\f0b1";
691 .fa-arrows-alt:before {
692   content: "\f0b2";
694 .fa-group:before,
695 .fa-users:before {
696   content: "\f0c0";
698 .fa-chain:before,
699 .fa-link:before {
700   content: "\f0c1";
702 .fa-cloud:before {
703   content: "\f0c2";
705 .fa-flask:before {
706   content: "\f0c3";
708 .fa-cut:before,
709 .fa-scissors:before {
710   content: "\f0c4";
712 .fa-copy:before,
713 .fa-files-o:before {
714   content: "\f0c5";
716 .fa-paperclip:before {
717   content: "\f0c6";
719 .fa-save:before,
720 .fa-floppy-o:before {
721   content: "\f0c7";
723 .fa-square:before {
724   content: "\f0c8";
726 .fa-navicon:before,
727 .fa-reorder:before,
728 .fa-bars:before {
729   content: "\f0c9";
731 .fa-list-ul:before {
732   content: "\f0ca";
734 .fa-list-ol:before {
735   content: "\f0cb";
737 .fa-strikethrough:before {
738   content: "\f0cc";
740 .fa-underline:before {
741   content: "\f0cd";
743 .fa-table:before {
744   content: "\f0ce";
746 .fa-magic:before {
747   content: "\f0d0";
749 .fa-truck:before {
750   content: "\f0d1";
752 .fa-pinterest:before {
753   content: "\f0d2";
755 .fa-pinterest-square:before {
756   content: "\f0d3";
758 .fa-google-plus-square:before {
759   content: "\f0d4";
761 .fa-google-plus:before {
762   content: "\f0d5";
764 .fa-money:before {
765   content: "\f0d6";
767 .fa-caret-down:before {
768   content: "\f0d7";
770 .fa-caret-up:before {
771   content: "\f0d8";
773 .fa-caret-left:before {
774   content: "\f0d9";
776 .fa-caret-right:before {
777   content: "\f0da";
779 .fa-columns:before {
780   content: "\f0db";
782 .fa-unsorted:before,
783 .fa-sort:before {
784   content: "\f0dc";
786 .fa-sort-down:before,
787 .fa-sort-desc:before {
788   content: "\f0dd";
790 .fa-sort-up:before,
791 .fa-sort-asc:before {
792   content: "\f0de";
794 .fa-envelope:before {
795   content: "\f0e0";
797 .fa-linkedin:before {
798   content: "\f0e1";
800 .fa-rotate-left:before,
801 .fa-undo:before {
802   content: "\f0e2";
804 .fa-legal:before,
805 .fa-gavel:before {
806   content: "\f0e3";
808 .fa-dashboard:before,
809 .fa-tachometer:before {
810   content: "\f0e4";
812 .fa-comment-o:before {
813   content: "\f0e5";
815 .fa-comments-o:before {
816   content: "\f0e6";
818 .fa-flash:before,
819 .fa-bolt:before {
820   content: "\f0e7";
822 .fa-sitemap:before {
823   content: "\f0e8";
825 .fa-umbrella:before {
826   content: "\f0e9";
828 .fa-paste:before,
829 .fa-clipboard:before {
830   content: "\f0ea";
832 .fa-lightbulb-o:before {
833   content: "\f0eb";
835 .fa-exchange:before {
836   content: "\f0ec";
838 .fa-cloud-download:before {
839   content: "\f0ed";
841 .fa-cloud-upload:before {
842   content: "\f0ee";
844 .fa-user-md:before {
845   content: "\f0f0";
847 .fa-stethoscope:before {
848   content: "\f0f1";
850 .fa-suitcase:before {
851   content: "\f0f2";
853 .fa-bell-o:before {
854   content: "\f0a2";
856 .fa-coffee:before {
857   content: "\f0f4";
859 .fa-cutlery:before {
860   content: "\f0f5";
862 .fa-file-text-o:before {
863   content: "\f0f6";
865 .fa-building-o:before {
866   content: "\f0f7";
868 .fa-hospital-o:before {
869   content: "\f0f8";
871 .fa-ambulance:before {
872   content: "\f0f9";
874 .fa-medkit:before {
875   content: "\f0fa";
877 .fa-fighter-jet:before {
878   content: "\f0fb";
880 .fa-beer:before {
881   content: "\f0fc";
883 .fa-h-square:before {
884   content: "\f0fd";
886 .fa-plus-square:before {
887   content: "\f0fe";
889 .fa-angle-double-left:before {
890   content: "\f100";
892 .fa-angle-double-right:before {
893   content: "\f101";
895 .fa-angle-double-up:before {
896   content: "\f102";
898 .fa-angle-double-down:before {
899   content: "\f103";
901 .fa-angle-left:before {
902   content: "\f104";
904 .fa-angle-right:before {
905   content: "\f105";
907 .fa-angle-up:before {
908   content: "\f106";
910 .fa-angle-down:before {
911   content: "\f107";
913 .fa-desktop:before {
914   content: "\f108";
916 .fa-laptop:before {
917   content: "\f109";
919 .fa-tablet:before {
920   content: "\f10a";
922 .fa-mobile-phone:before,
923 .fa-mobile:before {
924   content: "\f10b";
926 .fa-circle-o:before {
927   content: "\f10c";
929 .fa-quote-left:before {
930   content: "\f10d";
932 .fa-quote-right:before {
933   content: "\f10e";
935 .fa-spinner:before {
936   content: "\f110";
938 .fa-circle:before {
939   content: "\f111";
941 .fa-mail-reply:before,
942 .fa-reply:before {
943   content: "\f112";
945 .fa-github-alt:before {
946   content: "\f113";
948 .fa-folder-o:before {
949   content: "\f114";
951 .fa-folder-open-o:before {
952   content: "\f115";
954 .fa-smile-o:before {
955   content: "\f118";
957 .fa-frown-o:before {
958   content: "\f119";
960 .fa-meh-o:before {
961   content: "\f11a";
963 .fa-gamepad:before {
964   content: "\f11b";
966 .fa-keyboard-o:before {
967   content: "\f11c";
969 .fa-flag-o:before {
970   content: "\f11d";
972 .fa-flag-checkered:before {
973   content: "\f11e";
975 .fa-terminal:before {
976   content: "\f120";
978 .fa-code:before {
979   content: "\f121";
981 .fa-mail-reply-all:before,
982 .fa-reply-all:before {
983   content: "\f122";
985 .fa-star-half-empty:before,
986 .fa-star-half-full:before,
987 .fa-star-half-o:before {
988   content: "\f123";
990 .fa-location-arrow:before {
991   content: "\f124";
993 .fa-crop:before {
994   content: "\f125";
996 .fa-code-fork:before {
997   content: "\f126";
999 .fa-unlink:before,
1000 .fa-chain-broken:before {
1001   content: "\f127";
1003 .fa-question:before {
1004   content: "\f128";
1006 .fa-info:before {
1007   content: "\f129";
1009 .fa-exclamation:before {
1010   content: "\f12a";
1012 .fa-superscript:before {
1013   content: "\f12b";
1015 .fa-subscript:before {
1016   content: "\f12c";
1018 .fa-eraser:before {
1019   content: "\f12d";
1021 .fa-puzzle-piece:before {
1022   content: "\f12e";
1024 .fa-microphone:before {
1025   content: "\f130";
1027 .fa-microphone-slash:before {
1028   content: "\f131";
1030 .fa-shield:before {
1031   content: "\f132";
1033 .fa-calendar-o:before {
1034   content: "\f133";
1036 .fa-fire-extinguisher:before {
1037   content: "\f134";
1039 .fa-rocket:before {
1040   content: "\f135";
1042 .fa-maxcdn:before {
1043   content: "\f136";
1045 .fa-chevron-circle-left:before {
1046   content: "\f137";
1048 .fa-chevron-circle-right:before {
1049   content: "\f138";
1051 .fa-chevron-circle-up:before {
1052   content: "\f139";
1054 .fa-chevron-circle-down:before {
1055   content: "\f13a";
1057 .fa-html5:before {
1058   content: "\f13b";
1060 .fa-css3:before {
1061   content: "\f13c";
1063 .fa-anchor:before {
1064   content: "\f13d";
1066 .fa-unlock-alt:before {
1067   content: "\f13e";
1069 .fa-bullseye:before {
1070   content: "\f140";
1072 .fa-ellipsis-h:before {
1073   content: "\f141";
1075 .fa-ellipsis-v:before {
1076   content: "\f142";
1078 .fa-rss-square:before {
1079   content: "\f143";
1081 .fa-play-circle:before {
1082   content: "\f144";
1084 .fa-ticket:before {
1085   content: "\f145";
1087 .fa-minus-square:before {
1088   content: "\f146";
1090 .fa-minus-square-o:before {
1091   content: "\f147";
1093 .fa-level-up:before {
1094   content: "\f148";
1096 .fa-level-down:before {
1097   content: "\f149";
1099 .fa-check-square:before {
1100   content: "\f14a";
1102 .fa-pencil-square:before {
1103   content: "\f14b";
1105 .fa-external-link-square:before {
1106   content: "\f14c";
1108 .fa-share-square:before {
1109   content: "\f14d";
1111 .fa-compass:before {
1112   content: "\f14e";
1114 .fa-toggle-down:before,
1115 .fa-caret-square-o-down:before {
1116   content: "\f150";
1118 .fa-toggle-up:before,
1119 .fa-caret-square-o-up:before {
1120   content: "\f151";
1122 .fa-toggle-right:before,
1123 .fa-caret-square-o-right:before {
1124   content: "\f152";
1126 .fa-euro:before,
1127 .fa-eur:before {
1128   content: "\f153";
1130 .fa-gbp:before {
1131   content: "\f154";
1133 .fa-dollar:before,
1134 .fa-usd:before {
1135   content: "\f155";
1137 .fa-rupee:before,
1138 .fa-inr:before {
1139   content: "\f156";
1141 .fa-cny:before,
1142 .fa-rmb:before,
1143 .fa-yen:before,
1144 .fa-jpy:before {
1145   content: "\f157";
1147 .fa-ruble:before,
1148 .fa-rouble:before,
1149 .fa-rub:before {
1150   content: "\f158";
1152 .fa-won:before,
1153 .fa-krw:before {
1154   content: "\f159";
1156 .fa-bitcoin:before,
1157 .fa-btc:before {
1158   content: "\f15a";
1160 .fa-file:before {
1161   content: "\f15b";
1163 .fa-file-text:before {
1164   content: "\f15c";
1166 .fa-sort-alpha-asc:before {
1167   content: "\f15d";
1169 .fa-sort-alpha-desc:before {
1170   content: "\f15e";
1172 .fa-sort-amount-asc:before {
1173   content: "\f160";
1175 .fa-sort-amount-desc:before {
1176   content: "\f161";
1178 .fa-sort-numeric-asc:before {
1179   content: "\f162";
1181 .fa-sort-numeric-desc:before {
1182   content: "\f163";
1184 .fa-thumbs-up:before {
1185   content: "\f164";
1187 .fa-thumbs-down:before {
1188   content: "\f165";
1190 .fa-youtube-square:before {
1191   content: "\f166";
1193 .fa-youtube:before {
1194   content: "\f167";
1196 .fa-xing:before {
1197   content: "\f168";
1199 .fa-xing-square:before {
1200   content: "\f169";
1202 .fa-youtube-play:before {
1203   content: "\f16a";
1205 .fa-dropbox:before {
1206   content: "\f16b";
1208 .fa-stack-overflow:before {
1209   content: "\f16c";
1211 .fa-instagram:before {
1212   content: "\f16d";
1214 .fa-flickr:before {
1215   content: "\f16e";
1217 .fa-adn:before {
1218   content: "\f170";
1220 .fa-bitbucket:before {
1221   content: "\f171";
1223 .fa-bitbucket-square:before {
1224   content: "\f172";
1226 .fa-tumblr:before {
1227   content: "\f173";
1229 .fa-tumblr-square:before {
1230   content: "\f174";
1232 .fa-long-arrow-down:before {
1233   content: "\f175";
1235 .fa-long-arrow-up:before {
1236   content: "\f176";
1238 .fa-long-arrow-left:before {
1239   content: "\f177";
1241 .fa-long-arrow-right:before {
1242   content: "\f178";
1244 .fa-apple:before {
1245   content: "\f179";
1247 .fa-windows:before {
1248   content: "\f17a";
1250 .fa-android:before {
1251   content: "\f17b";
1253 .fa-linux:before {
1254   content: "\f17c";
1256 .fa-dribbble:before {
1257   content: "\f17d";
1259 .fa-skype:before {
1260   content: "\f17e";
1262 .fa-foursquare:before {
1263   content: "\f180";
1265 .fa-trello:before {
1266   content: "\f181";
1268 .fa-female:before {
1269   content: "\f182";
1271 .fa-male:before {
1272   content: "\f183";
1274 .fa-gittip:before,
1275 .fa-gratipay:before {
1276   content: "\f184";
1278 .fa-sun-o:before {
1279   content: "\f185";
1281 .fa-moon-o:before {
1282   content: "\f186";
1284 .fa-archive:before {
1285   content: "\f187";
1287 .fa-bug:before {
1288   content: "\f188";
1290 .fa-vk:before {
1291   content: "\f189";
1293 .fa-weibo:before {
1294   content: "\f18a";
1296 .fa-renren:before {
1297   content: "\f18b";
1299 .fa-pagelines:before {
1300   content: "\f18c";
1302 .fa-stack-exchange:before {
1303   content: "\f18d";
1305 .fa-arrow-circle-o-right:before {
1306   content: "\f18e";
1308 .fa-arrow-circle-o-left:before {
1309   content: "\f190";
1311 .fa-toggle-left:before,
1312 .fa-caret-square-o-left:before {
1313   content: "\f191";
1315 .fa-dot-circle-o:before {
1316   content: "\f192";
1318 .fa-wheelchair:before {
1319   content: "\f193";
1321 .fa-vimeo-square:before {
1322   content: "\f194";
1324 .fa-turkish-lira:before,
1325 .fa-try:before {
1326   content: "\f195";
1328 .fa-plus-square-o:before {
1329   content: "\f196";
1331 .fa-space-shuttle:before {
1332   content: "\f197";
1334 .fa-slack:before {
1335   content: "\f198";
1337 .fa-envelope-square:before {
1338   content: "\f199";
1340 .fa-wordpress:before {
1341   content: "\f19a";
1343 .fa-openid:before {
1344   content: "\f19b";
1346 .fa-institution:before,
1347 .fa-bank:before,
1348 .fa-university:before {
1349   content: "\f19c";
1351 .fa-mortar-board:before,
1352 .fa-graduation-cap:before {
1353   content: "\f19d";
1355 .fa-yahoo:before {
1356   content: "\f19e";
1358 .fa-google:before {
1359   content: "\f1a0";
1361 .fa-reddit:before {
1362   content: "\f1a1";
1364 .fa-reddit-square:before {
1365   content: "\f1a2";
1367 .fa-stumbleupon-circle:before {
1368   content: "\f1a3";
1370 .fa-stumbleupon:before {
1371   content: "\f1a4";
1373 .fa-delicious:before {
1374   content: "\f1a5";
1376 .fa-digg:before {
1377   content: "\f1a6";
1379 .fa-pied-piper-pp:before {
1380   content: "\f1a7";
1382 .fa-pied-piper-alt:before {
1383   content: "\f1a8";
1385 .fa-drupal:before {
1386   content: "\f1a9";
1388 .fa-joomla:before {
1389   content: "\f1aa";
1391 .fa-language:before {
1392   content: "\f1ab";
1394 .fa-fax:before {
1395   content: "\f1ac";
1397 .fa-building:before {
1398   content: "\f1ad";
1400 .fa-child:before {
1401   content: "\f1ae";
1403 .fa-paw:before {
1404   content: "\f1b0";
1406 .fa-spoon:before {
1407   content: "\f1b1";
1409 .fa-cube:before {
1410   content: "\f1b2";
1412 .fa-cubes:before {
1413   content: "\f1b3";
1415 .fa-behance:before {
1416   content: "\f1b4";
1418 .fa-behance-square:before {
1419   content: "\f1b5";
1421 .fa-steam:before {
1422   content: "\f1b6";
1424 .fa-steam-square:before {
1425   content: "\f1b7";
1427 .fa-recycle:before {
1428   content: "\f1b8";
1430 .fa-automobile:before,
1431 .fa-car:before {
1432   content: "\f1b9";
1434 .fa-cab:before,
1435 .fa-taxi:before {
1436   content: "\f1ba";
1438 .fa-tree:before {
1439   content: "\f1bb";
1441 .fa-spotify:before {
1442   content: "\f1bc";
1444 .fa-deviantart:before {
1445   content: "\f1bd";
1447 .fa-soundcloud:before {
1448   content: "\f1be";
1450 .fa-database:before {
1451   content: "\f1c0";
1453 .fa-file-pdf-o:before {
1454   content: "\f1c1";
1456 .fa-file-word-o:before {
1457   content: "\f1c2";
1459 .fa-file-excel-o:before {
1460   content: "\f1c3";
1462 .fa-file-powerpoint-o:before {
1463   content: "\f1c4";
1465 .fa-file-photo-o:before,
1466 .fa-file-picture-o:before,
1467 .fa-file-image-o:before {
1468   content: "\f1c5";
1470 .fa-file-zip-o:before,
1471 .fa-file-archive-o:before {
1472   content: "\f1c6";
1474 .fa-file-sound-o:before,
1475 .fa-file-audio-o:before {
1476   content: "\f1c7";
1478 .fa-file-movie-o:before,
1479 .fa-file-video-o:before {
1480   content: "\f1c8";
1482 .fa-file-code-o:before {
1483   content: "\f1c9";
1485 .fa-vine:before {
1486   content: "\f1ca";
1488 .fa-codepen:before {
1489   content: "\f1cb";
1491 .fa-jsfiddle:before {
1492   content: "\f1cc";
1494 .fa-life-bouy:before,
1495 .fa-life-buoy:before,
1496 .fa-life-saver:before,
1497 .fa-support:before,
1498 .fa-life-ring:before {
1499   content: "\f1cd";
1501 .fa-circle-o-notch:before {
1502   content: "\f1ce";
1504 .fa-ra:before,
1505 .fa-resistance:before,
1506 .fa-rebel:before {
1507   content: "\f1d0";
1509 .fa-ge:before,
1510 .fa-empire:before {
1511   content: "\f1d1";
1513 .fa-git-square:before {
1514   content: "\f1d2";
1516 .fa-git:before {
1517   content: "\f1d3";
1519 .fa-y-combinator-square:before,
1520 .fa-yc-square:before,
1521 .fa-hacker-news:before {
1522   content: "\f1d4";
1524 .fa-tencent-weibo:before {
1525   content: "\f1d5";
1527 .fa-qq:before {
1528   content: "\f1d6";
1530 .fa-wechat:before,
1531 .fa-weixin:before {
1532   content: "\f1d7";
1534 .fa-send:before,
1535 .fa-paper-plane:before {
1536   content: "\f1d8";
1538 .fa-send-o:before,
1539 .fa-paper-plane-o:before {
1540   content: "\f1d9";
1542 .fa-history:before {
1543   content: "\f1da";
1545 .fa-circle-thin:before {
1546   content: "\f1db";
1548 .fa-header:before {
1549   content: "\f1dc";
1551 .fa-paragraph:before {
1552   content: "\f1dd";
1554 .fa-sliders:before {
1555   content: "\f1de";
1557 .fa-share-alt:before {
1558   content: "\f1e0";
1560 .fa-share-alt-square:before {
1561   content: "\f1e1";
1563 .fa-bomb:before {
1564   content: "\f1e2";
1566 .fa-soccer-ball-o:before,
1567 .fa-futbol-o:before {
1568   content: "\f1e3";
1570 .fa-tty:before {
1571   content: "\f1e4";
1573 .fa-binoculars:before {
1574   content: "\f1e5";
1576 .fa-plug:before {
1577   content: "\f1e6";
1579 .fa-slideshare:before {
1580   content: "\f1e7";
1582 .fa-twitch:before {
1583   content: "\f1e8";
1585 .fa-yelp:before {
1586   content: "\f1e9";
1588 .fa-newspaper-o:before {
1589   content: "\f1ea";
1591 .fa-wifi:before {
1592   content: "\f1eb";
1594 .fa-calculator:before {
1595   content: "\f1ec";
1597 .fa-paypal:before {
1598   content: "\f1ed";
1600 .fa-google-wallet:before {
1601   content: "\f1ee";
1603 .fa-cc-visa:before {
1604   content: "\f1f0";
1606 .fa-cc-mastercard:before {
1607   content: "\f1f1";
1609 .fa-cc-discover:before {
1610   content: "\f1f2";
1612 .fa-cc-amex:before {
1613   content: "\f1f3";
1615 .fa-cc-paypal:before {
1616   content: "\f1f4";
1618 .fa-cc-stripe:before {
1619   content: "\f1f5";
1621 .fa-bell-slash:before {
1622   content: "\f1f6";
1624 .fa-bell-slash-o:before {
1625   content: "\f1f7";
1627 .fa-trash:before {
1628   content: "\f1f8";
1630 .fa-copyright:before {
1631   content: "\f1f9";
1633 .fa-at:before {
1634   content: "\f1fa";
1636 .fa-eyedropper:before {
1637   content: "\f1fb";
1639 .fa-paint-brush:before {
1640   content: "\f1fc";
1642 .fa-birthday-cake:before {
1643   content: "\f1fd";
1645 .fa-area-chart:before {
1646   content: "\f1fe";
1648 .fa-pie-chart:before {
1649   content: "\f200";
1651 .fa-line-chart:before {
1652   content: "\f201";
1654 .fa-lastfm:before {
1655   content: "\f202";
1657 .fa-lastfm-square:before {
1658   content: "\f203";
1660 .fa-toggle-off:before {
1661   content: "\f204";
1663 .fa-toggle-on:before {
1664   content: "\f205";
1666 .fa-bicycle:before {
1667   content: "\f206";
1669 .fa-bus:before {
1670   content: "\f207";
1672 .fa-ioxhost:before {
1673   content: "\f208";
1675 .fa-angellist:before {
1676   content: "\f209";
1678 .fa-cc:before {
1679   content: "\f20a";
1681 .fa-shekel:before,
1682 .fa-sheqel:before,
1683 .fa-ils:before {
1684   content: "\f20b";
1686 .fa-meanpath:before {
1687   content: "\f20c";
1689 .fa-buysellads:before {
1690   content: "\f20d";
1692 .fa-connectdevelop:before {
1693   content: "\f20e";
1695 .fa-dashcube:before {
1696   content: "\f210";
1698 .fa-forumbee:before {
1699   content: "\f211";
1701 .fa-leanpub:before {
1702   content: "\f212";
1704 .fa-sellsy:before {
1705   content: "\f213";
1707 .fa-shirtsinbulk:before {
1708   content: "\f214";
1710 .fa-simplybuilt:before {
1711   content: "\f215";
1713 .fa-skyatlas:before {
1714   content: "\f216";
1716 .fa-cart-plus:before {
1717   content: "\f217";
1719 .fa-cart-arrow-down:before {
1720   content: "\f218";
1722 .fa-diamond:before {
1723   content: "\f219";
1725 .fa-ship:before {
1726   content: "\f21a";
1728 .fa-user-secret:before {
1729   content: "\f21b";
1731 .fa-motorcycle:before {
1732   content: "\f21c";
1734 .fa-street-view:before {
1735   content: "\f21d";
1737 .fa-heartbeat:before {
1738   content: "\f21e";
1740 .fa-venus:before {
1741   content: "\f221";
1743 .fa-mars:before {
1744   content: "\f222";
1746 .fa-mercury:before {
1747   content: "\f223";
1749 .fa-intersex:before,
1750 .fa-transgender:before {
1751   content: "\f224";
1753 .fa-transgender-alt:before {
1754   content: "\f225";
1756 .fa-venus-double:before {
1757   content: "\f226";
1759 .fa-mars-double:before {
1760   content: "\f227";
1762 .fa-venus-mars:before {
1763   content: "\f228";
1765 .fa-mars-stroke:before {
1766   content: "\f229";
1768 .fa-mars-stroke-v:before {
1769   content: "\f22a";
1771 .fa-mars-stroke-h:before {
1772   content: "\f22b";
1774 .fa-neuter:before {
1775   content: "\f22c";
1777 .fa-genderless:before {
1778   content: "\f22d";
1780 .fa-facebook-official:before {
1781   content: "\f230";
1783 .fa-pinterest-p:before {
1784   content: "\f231";
1786 .fa-whatsapp:before {
1787   content: "\f232";
1789 .fa-server:before {
1790   content: "\f233";
1792 .fa-user-plus:before {
1793   content: "\f234";
1795 .fa-user-times:before {
1796   content: "\f235";
1798 .fa-hotel:before,
1799 .fa-bed:before {
1800   content: "\f236";
1802 .fa-viacoin:before {
1803   content: "\f237";
1805 .fa-train:before {
1806   content: "\f238";
1808 .fa-subway:before {
1809   content: "\f239";
1811 .fa-medium:before {
1812   content: "\f23a";
1814 .fa-yc:before,
1815 .fa-y-combinator:before {
1816   content: "\f23b";
1818 .fa-optin-monster:before {
1819   content: "\f23c";
1821 .fa-opencart:before {
1822   content: "\f23d";
1824 .fa-expeditedssl:before {
1825   content: "\f23e";
1827 .fa-battery-4:before,
1828 .fa-battery:before,
1829 .fa-battery-full:before {
1830   content: "\f240";
1832 .fa-battery-3:before,
1833 .fa-battery-three-quarters:before {
1834   content: "\f241";
1836 .fa-battery-2:before,
1837 .fa-battery-half:before {
1838   content: "\f242";
1840 .fa-battery-1:before,
1841 .fa-battery-quarter:before {
1842   content: "\f243";
1844 .fa-battery-0:before,
1845 .fa-battery-empty:before {
1846   content: "\f244";
1848 .fa-mouse-pointer:before {
1849   content: "\f245";
1851 .fa-i-cursor:before {
1852   content: "\f246";
1854 .fa-object-group:before {
1855   content: "\f247";
1857 .fa-object-ungroup:before {
1858   content: "\f248";
1860 .fa-sticky-note:before {
1861   content: "\f249";
1863 .fa-sticky-note-o:before {
1864   content: "\f24a";
1866 .fa-cc-jcb:before {
1867   content: "\f24b";
1869 .fa-cc-diners-club:before {
1870   content: "\f24c";
1872 .fa-clone:before {
1873   content: "\f24d";
1875 .fa-balance-scale:before {
1876   content: "\f24e";
1878 .fa-hourglass-o:before {
1879   content: "\f250";
1881 .fa-hourglass-1:before,
1882 .fa-hourglass-start:before {
1883   content: "\f251";
1885 .fa-hourglass-2:before,
1886 .fa-hourglass-half:before {
1887   content: "\f252";
1889 .fa-hourglass-3:before,
1890 .fa-hourglass-end:before {
1891   content: "\f253";
1893 .fa-hourglass:before {
1894   content: "\f254";
1896 .fa-hand-grab-o:before,
1897 .fa-hand-rock-o:before {
1898   content: "\f255";
1900 .fa-hand-stop-o:before,
1901 .fa-hand-paper-o:before {
1902   content: "\f256";
1904 .fa-hand-scissors-o:before {
1905   content: "\f257";
1907 .fa-hand-lizard-o:before {
1908   content: "\f258";
1910 .fa-hand-spock-o:before {
1911   content: "\f259";
1913 .fa-hand-pointer-o:before {
1914   content: "\f25a";
1916 .fa-hand-peace-o:before {
1917   content: "\f25b";
1919 .fa-trademark:before {
1920   content: "\f25c";
1922 .fa-registered:before {
1923   content: "\f25d";
1925 .fa-creative-commons:before {
1926   content: "\f25e";
1928 .fa-gg:before {
1929   content: "\f260";
1931 .fa-gg-circle:before {
1932   content: "\f261";
1934 .fa-tripadvisor:before {
1935   content: "\f262";
1937 .fa-odnoklassniki:before {
1938   content: "\f263";
1940 .fa-odnoklassniki-square:before {
1941   content: "\f264";
1943 .fa-get-pocket:before {
1944   content: "\f265";
1946 .fa-wikipedia-w:before {
1947   content: "\f266";
1949 .fa-safari:before {
1950   content: "\f267";
1952 .fa-chrome:before {
1953   content: "\f268";
1955 .fa-firefox:before {
1956   content: "\f269";
1958 .fa-opera:before {
1959   content: "\f26a";
1961 .fa-internet-explorer:before {
1962   content: "\f26b";
1964 .fa-tv:before,
1965 .fa-television:before {
1966   content: "\f26c";
1968 .fa-contao:before {
1969   content: "\f26d";
1971 .fa-500px:before {
1972   content: "\f26e";
1974 .fa-amazon:before {
1975   content: "\f270";
1977 .fa-calendar-plus-o:before {
1978   content: "\f271";
1980 .fa-calendar-minus-o:before {
1981   content: "\f272";
1983 .fa-calendar-times-o:before {
1984   content: "\f273";
1986 .fa-calendar-check-o:before {
1987   content: "\f274";
1989 .fa-industry:before {
1990   content: "\f275";
1992 .fa-map-pin:before {
1993   content: "\f276";
1995 .fa-map-signs:before {
1996   content: "\f277";
1998 .fa-map-o:before {
1999   content: "\f278";
2001 .fa-map:before {
2002   content: "\f279";
2004 .fa-commenting:before {
2005   content: "\f27a";
2007 .fa-commenting-o:before {
2008   content: "\f27b";
2010 .fa-houzz:before {
2011   content: "\f27c";
2013 .fa-vimeo:before {
2014   content: "\f27d";
2016 .fa-black-tie:before {
2017   content: "\f27e";
2019 .fa-fonticons:before {
2020   content: "\f280";
2022 .fa-reddit-alien:before {
2023   content: "\f281";
2025 .fa-edge:before {
2026   content: "\f282";
2028 .fa-credit-card-alt:before {
2029   content: "\f283";
2031 .fa-codiepie:before {
2032   content: "\f284";
2034 .fa-modx:before {
2035   content: "\f285";
2037 .fa-fort-awesome:before {
2038   content: "\f286";
2040 .fa-usb:before {
2041   content: "\f287";
2043 .fa-product-hunt:before {
2044   content: "\f288";
2046 .fa-mixcloud:before {
2047   content: "\f289";
2049 .fa-scribd:before {
2050   content: "\f28a";
2052 .fa-pause-circle:before {
2053   content: "\f28b";
2055 .fa-pause-circle-o:before {
2056   content: "\f28c";
2058 .fa-stop-circle:before {
2059   content: "\f28d";
2061 .fa-stop-circle-o:before {
2062   content: "\f28e";
2064 .fa-shopping-bag:before {
2065   content: "\f290";
2067 .fa-shopping-basket:before {
2068   content: "\f291";
2070 .fa-hashtag:before {
2071   content: "\f292";
2073 .fa-bluetooth:before {
2074   content: "\f293";
2076 .fa-bluetooth-b:before {
2077   content: "\f294";
2079 .fa-percent:before {
2080   content: "\f295";
2082 .fa-gitlab:before {
2083   content: "\f296";
2085 .fa-wpbeginner:before {
2086   content: "\f297";
2088 .fa-wpforms:before {
2089   content: "\f298";
2091 .fa-envira:before {
2092   content: "\f299";
2094 .fa-universal-access:before {
2095   content: "\f29a";
2097 .fa-wheelchair-alt:before {
2098   content: "\f29b";
2100 .fa-question-circle-o:before {
2101   content: "\f29c";
2103 .fa-blind:before {
2104   content: "\f29d";
2106 .fa-audio-description:before {
2107   content: "\f29e";
2109 .fa-volume-control-phone:before {
2110   content: "\f2a0";
2112 .fa-braille:before {
2113   content: "\f2a1";
2115 .fa-assistive-listening-systems:before {
2116   content: "\f2a2";
2118 .fa-asl-interpreting:before,
2119 .fa-american-sign-language-interpreting:before {
2120   content: "\f2a3";
2122 .fa-deafness:before,
2123 .fa-hard-of-hearing:before,
2124 .fa-deaf:before {
2125   content: "\f2a4";
2127 .fa-glide:before {
2128   content: "\f2a5";
2130 .fa-glide-g:before {
2131   content: "\f2a6";
2133 .fa-signing:before,
2134 .fa-sign-language:before {
2135   content: "\f2a7";
2137 .fa-low-vision:before {
2138   content: "\f2a8";
2140 .fa-viadeo:before {
2141   content: "\f2a9";
2143 .fa-viadeo-square:before {
2144   content: "\f2aa";
2146 .fa-snapchat:before {
2147   content: "\f2ab";
2149 .fa-snapchat-ghost:before {
2150   content: "\f2ac";
2152 .fa-snapchat-square:before {
2153   content: "\f2ad";
2155 .fa-pied-piper:before {
2156   content: "\f2ae";
2158 .fa-first-order:before {
2159   content: "\f2b0";
2161 .fa-yoast:before {
2162   content: "\f2b1";
2164 .fa-themeisle:before {
2165   content: "\f2b2";
2167 .fa-google-plus-circle:before,
2168 .fa-google-plus-official:before {
2169   content: "\f2b3";
2171 .fa-fa:before,
2172 .fa-font-awesome:before {
2173   content: "\f2b4";
2175 .fa-handshake-o:before {
2176   content: "\f2b5";
2178 .fa-envelope-open:before {
2179   content: "\f2b6";
2181 .fa-envelope-open-o:before {
2182   content: "\f2b7";
2184 .fa-linode:before {
2185   content: "\f2b8";
2187 .fa-address-book:before {
2188   content: "\f2b9";
2190 .fa-address-book-o:before {
2191   content: "\f2ba";
2193 .fa-vcard:before,
2194 .fa-address-card:before {
2195   content: "\f2bb";
2197 .fa-vcard-o:before,
2198 .fa-address-card-o:before {
2199   content: "\f2bc";
2201 .fa-user-circle:before {
2202   content: "\f2bd";
2204 .fa-user-circle-o:before {
2205   content: "\f2be";
2207 .fa-user-o:before {
2208   content: "\f2c0";
2210 .fa-id-badge:before {
2211   content: "\f2c1";
2213 .fa-drivers-license:before,
2214 .fa-id-card:before {
2215   content: "\f2c2";
2217 .fa-drivers-license-o:before,
2218 .fa-id-card-o:before {
2219   content: "\f2c3";
2221 .fa-quora:before {
2222   content: "\f2c4";
2224 .fa-free-code-camp:before {
2225   content: "\f2c5";
2227 .fa-telegram:before {
2228   content: "\f2c6";
2230 .fa-thermometer-4:before,
2231 .fa-thermometer:before,
2232 .fa-thermometer-full:before {
2233   content: "\f2c7";
2235 .fa-thermometer-3:before,
2236 .fa-thermometer-three-quarters:before {
2237   content: "\f2c8";
2239 .fa-thermometer-2:before,
2240 .fa-thermometer-half:before {
2241   content: "\f2c9";
2243 .fa-thermometer-1:before,
2244 .fa-thermometer-quarter:before {
2245   content: "\f2ca";
2247 .fa-thermometer-0:before,
2248 .fa-thermometer-empty:before {
2249   content: "\f2cb";
2251 .fa-shower:before {
2252   content: "\f2cc";
2254 .fa-bathtub:before,
2255 .fa-s15:before,
2256 .fa-bath:before {
2257   content: "\f2cd";
2259 .fa-podcast:before {
2260   content: "\f2ce";
2262 .fa-window-maximize:before {
2263   content: "\f2d0";
2265 .fa-window-minimize:before {
2266   content: "\f2d1";
2268 .fa-window-restore:before {
2269   content: "\f2d2";
2271 .fa-times-rectangle:before,
2272 .fa-window-close:before {
2273   content: "\f2d3";
2275 .fa-times-rectangle-o:before,
2276 .fa-window-close-o:before {
2277   content: "\f2d4";
2279 .fa-bandcamp:before {
2280   content: "\f2d5";
2282 .fa-grav:before {
2283   content: "\f2d6";
2285 .fa-etsy:before {
2286   content: "\f2d7";
2288 .fa-imdb:before {
2289   content: "\f2d8";
2291 .fa-ravelry:before {
2292   content: "\f2d9";
2294 .fa-eercast:before {
2295   content: "\f2da";
2297 .fa-microchip:before {
2298   content: "\f2db";
2300 .fa-snowflake-o:before {
2301   content: "\f2dc";
2303 .fa-superpowers:before {
2304   content: "\f2dd";
2306 .fa-wpexplorer:before {
2307   content: "\f2de";
2309 .fa-meetup:before {
2310   content: "\f2e0";
2312 .sr-only {
2313   position: absolute;
2314   width: 1px;
2315   height: 1px;
2316   padding: 0;
2317   margin: -1px;
2318   overflow: hidden;
2319   clip: rect(0, 0, 0, 0);
2320   border: 0;
2322 .sr-only-focusable:active,
2323 .sr-only-focusable:focus {
2324   position: static;
2325   width: auto;
2326   height: auto;
2327   margin: 0;
2328   overflow: visible;
2329   clip: auto;
2331 /* FONT PATH
2332  * -------------------------- */
2333 @font-face {
2334   font-family: 'FontAwesome';
2335   src: url('[[font:core|fontawesome-webfont.eot]]?v=4.7.0');
2336   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');
2337   font-weight: normal;
2338   font-style: normal;
2340 /* core.less */
2341 /** Page layout CSS starts **/
2342 .layout-option-noheader #page-header,
2343 .layout-option-nonavbar #page-navbar,
2344 .layout-option-nofooter #page-footer,
2345 .layout-option-nocourseheader .course-content-header,
2346 .layout-option-nocoursefooter .course-content-footer {
2347   display: none;
2349 .empty-region-side-pre #block-region-side-pre,
2350 .empty-region-side-post #block-region-side-post,
2351 .jsenabled.docked-region-side-post #block-region-side-post,
2352 .jsenabled.docked-region-side-pre #block-region-side-pre {
2353   display: none;
2355 /* Default Three Columns - All
2356 ------------------------------*/
2357 .content-only #region-main-box,
2358 .content-only #region-main {
2359   width: 100%;
2361 .empty-region-side-pre.used-region-side-post #region-main {
2362   width: 100%;
2364 .empty-region-side-post.used-region-side-pre #region-main-box {
2365   width: 100%;
2367 .jsenabled.docked-region-side-pre.empty-region-side-pre.used-region-side-post #region-main {
2368   width: 100%;
2370 .jsenabled.docked-region-side-post.empty-region-side-post.used-region-side-pre #region-main-box {
2371   width: 100%;
2373 .empty-region-side-post.used-region-side-pre #region-main.span8,
2374 .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
2375   /** Increase the span size by 1 **/
2376   width: 74.46808511%;
2377   *width: 74.41489362%;
2379 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
2380 .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
2381   /** Decrease the span size by 1 **/
2382   width: 23.40425532%;
2383   *width: 23.35106383%;
2385 /** Page layout CSS ends **/
2386 .mdl-left {
2387   text-align: left;
2389 .mdl-right {
2390   text-align: right;
2392 /*rtl:ignore*/
2393 .text-ltr {
2394   direction: ltr !important;
2395   /* stylelint-disable-line declaration-no-important */
2397 #add,
2398 #remove,
2399 .centerpara,
2400 .mdl-align {
2401   text-align: center;
2403 a.dimmed,
2404 a.dimmed:link,
2405 a.dimmed:visited,
2406 a.dimmed_text,
2407 a.dimmed_text:link,
2408 a.dimmed_text:visited,
2409 .dimmed_text,
2410 .dimmed_text a,
2411 .dimmed_text a:link,
2412 .dimmed_text a:visited,
2413 .usersuspended,
2414 .usersuspended a,
2415 .usersuspended a:link,
2416 .usersuspended a:visited,
2417 .dimmed_category,
2418 .dimmed_category a {
2419   color: #999;
2421 .unlist,
2422 .unlist li,
2423 .inline-list,
2424 .inline-list li,
2425 .block .list,
2426 .block .list li,
2427 .section li.activity,
2428 .section li.movehere,
2429 .tabtree li {
2430   list-style: none;
2431   margin: 0;
2432   padding: 0;
2434 .inline,
2435 .inline-list li {
2436   display: inline;
2438 .notifytiny {
2439   font-size: 10.5px;
2441 .notifytiny li,
2442 .notifytiny td {
2443   font-size: 100%;
2445 .red,
2446 .notifyproblem {
2447   color: #b94a48;
2449 .green,
2450 .notifysuccess {
2451   color: #468847;
2453 .highlight {
2454   background: #d9edf7;
2456 .reportlink {
2457   text-align: right;
2459 a.autolink.glossary:hover {
2460   cursor: help;
2462 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
2463 .collapsibleregioncaption {
2464   white-space: nowrap;
2466 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
2467   cursor: pointer;
2469 .collapsibleregioncaption img {
2470   vertical-align: middle;
2472 .jsenabled .hiddenifjs {
2473   display: none;
2475 .visibleifjs {
2476   display: none;
2478 .jsenabled .visibleifjs {
2479   display: inline;
2481 .jsenabled .collapsibleregion {
2482   overflow: hidden;
2484 .jsenabled .collapsed .collapsibleregioninner {
2485   visibility: hidden;
2487 .collapsible-actions {
2488   display: none;
2489   text-align: right;
2491 .jsenabled .collapsible-actions {
2492   display: block;
2494 .collapsible-actions .collapseexpand {
2495   padding-left: 20px;
2496   background: url([[pix:t/collapsed]]) 2px center no-repeat;
2498 /*rtl:raw:
2499 .collapsible-actions .collapseexpand {
2500     background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
2502 */
2503 .collapsible-actions .collapse-all {
2504   background-image: url([[pix:t/expanded]]);
2506 .yui-overlay .yui-widget-bd {
2507   background-color: #ffee69;
2508   border: 1px solid #a6982b;
2509   border-top-color: #d4c237;
2510   color: #000;
2511   left: 0;
2512   padding: 2px 5px;
2513   position: relative;
2514   top: 0;
2515   z-index: 1;
2517 .clearer {
2518   background: transparent;
2519   border-width: 0;
2520   clear: both;
2521   display: block;
2522   height: 1px;
2523   margin: 0;
2524   padding: 0;
2526 .bold,
2527 .warning,
2528 .errorbox .title,
2529 .pagingbar .title,
2530 .pagingbar .thispage {
2531   font-weight: bold;
2533 img.userpicture {
2534   margin-right: 5px;
2536 img.resize {
2537   height: 1em;
2538   width: 1em;
2540 .block img.resize,
2541 .breadcrumb img.resize {
2542   height: 0.9em;
2543   width: 0.8em;
2545 /* Icon styles */
2546 img.icon {
2547   height: 16px;
2548   vertical-align: text-bottom;
2549   width: 16px;
2550   padding-right: 6px;
2552 img.icon.iconsize-big {
2553   width: 64px;
2554   height: 64px;
2556 img.iconsmall {
2557   height: 12px;
2558   margin-right: 3px;
2559   vertical-align: middle;
2560   width: 12px;
2562 img.iconhelp,
2563 .helplink img {
2564   height: 16px;
2565   padding-left: 3px;
2566   vertical-align: text-bottom;
2567   width: 16px;
2569 h1 img.iconhelp,
2570 h1 img.icon,
2571 h2 img.iconhelp,
2572 h2 img.icon,
2573 h3 img.iconhelp,
2574 h3 img.icon,
2575 h4 img.iconhelp,
2576 h4 img.icon,
2577 h5 img.iconhelp,
2578 h5 img.icon,
2579 h6 img.iconhelp,
2580 h6 img.icon {
2581   vertical-align: middle;
2582   padding: 4px;
2584 img.iconlarge {
2585   height: 24px;
2586   width: 24px;
2587   vertical-align: middle;
2589 img.iconsort {
2590   vertical-align: text-bottom;
2591   padding-left: .3em;
2592   margin-bottom: .15em;
2594 img.icontoggle {
2595   height: 17px;
2596   vertical-align: middle;
2597   width: 50px;
2599 img.iconkbhelp {
2600   height: 17px;
2601   width: 49px;
2603 img.icon-pre {
2604   padding-right: 3px;
2605   padding-left: 0;
2607 img.icon-post {
2608   padding-left: 3px;
2609   padding-right: 0;
2611 .sitelink img {
2612   width: 112px;
2614 .boxaligncenter {
2615   margin-left: auto;
2616   margin-right: auto;
2618 .boxalignright {
2619   margin-left: auto;
2620   margin-right: 0;
2622 .boxalignleft {
2623   margin-left: 0;
2624   margin-right: auto;
2626 .boxwidthnarrow {
2627   width: 30%;
2629 .boxwidthnormal {
2630   width: 50%;
2632 .boxwidthwide {
2633   width: 80%;
2635 .headermain {
2636   font-weight: bold;
2638 #maincontent {
2639   display: block;
2640   height: 1px;
2641   overflow: hidden;
2643 img.uihint {
2644   cursor: help;
2646 #addmembersform table {
2647   margin-left: auto;
2648   margin-right: auto;
2650 table.flexible .emptyrow {
2651   display: none;
2653 img.emoticon {
2654   vertical-align: middle;
2655   width: 15px;
2656   height: 15px;
2658 form.popupform,
2659 form.popupform div {
2660   display: inline;
2662 .arrow_button input {
2663   overflow: hidden;
2665 .action-icon img.smallicon {
2666   vertical-align: text-bottom;
2667   margin: 0 0.3em;
2669 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
2670 .no-overflow {
2671   overflow: auto;
2672   padding-bottom: 1px;
2674 .pagelayout-report .no-overflow {
2675   overflow: visible;
2677 .no-overflow > .generaltable {
2678   margin-bottom: 0;
2680 .accesshide {
2681   position: absolute;
2682   left: -10000px;
2683   font-weight: normal;
2684   font-size: 1em;
2686 span.hide,
2687 div.hide {
2688   display: none;
2690 a.skip-block,
2691 a.skip {
2692   position: absolute;
2693   top: -1000em;
2694   font-size: 0.85em;
2695   text-decoration: none;
2697 a.skip-block:focus,
2698 a.skip-block:active,
2699 a.skip:focus,
2700 a.skip:active {
2701   position: static;
2702   display: block;
2704 .skip-block-to {
2705   display: block;
2706   height: 1px;
2707   overflow: hidden;
2709 .addbloglink {
2710   text-align: center;
2712 .blog_entry .audience {
2713   text-align: right;
2714   padding-right: 4px;
2716 .blog_entry .tags {
2717   margin-top: 15px;
2719 .blog_entry .tags .action-icon img.smallicon {
2720   height: 16px;
2721   width: 16px;
2723 .blog_entry .content {
2724   margin-left: 43px;
2726 #doc-contents h1 {
2727   margin: 1em 0 0 0;
2729 #doc-contents ul {
2730   margin: 0;
2731   padding: 0;
2732   width: 90%;
2734 #doc-contents ul li {
2735   list-style-type: none;
2737 .groupmanagementtable td {
2738   vertical-align: top;
2740 .groupmanagementtable #existingcell,
2741 .groupmanagementtable #potentialcell {
2742   width: 42%;
2744 .groupmanagementtable #buttonscell {
2745   width: 16%;
2747 .groupmanagementtable #buttonscell p.arrow_button input {
2748   width: auto;
2749   min-width: 80%;
2750   margin: 0 auto;
2752 .groupmanagementtable #removeselect_wrapper,
2753 .groupmanagementtable #addselect_wrapper {
2754   width: 100%;
2756 .groupmanagementtable #removeselect_wrapper label,
2757 .groupmanagementtable #addselect_wrapper label {
2758   font-weight: normal;
2760 #group-usersummary {
2761   width: 14em;
2763 .groupselector {
2764   margin-top: 3px;
2765   margin-bottom: 3px;
2766   display: inline-block;
2768 .groupselector label {
2769   display: inline-block;
2771 .dataformatselector {
2772   margin: 1em 0;
2774 .dataformatselector label {
2775   display: inline-block;
2776   margin: 0 5px 10px 0;
2777   line-height: 30px;
2778   vertical-align: top;
2780 .loginbox {
2781   margin: 15px;
2782   overflow: visible;
2784 .loginbox.twocolumns {
2785   margin: 15px;
2787 .loginbox h2,
2788 .loginbox .subcontent {
2789   margin: 5px;
2790   padding: 10px;
2791   text-align: center;
2793 .loginbox .loginpanel .desc {
2794   margin: 0;
2795   padding: 0;
2796   margin-bottom: 5px;
2797   margin-top: 15px;
2799 .loginbox .loginsub {
2800   margin-left: 0;
2801   margin-right: 0;
2803 .loginbox .guestsub,
2804 .loginbox .forgotsub {
2805   margin: 5px 12%;
2807 .loginbox .loginform {
2808   margin-top: 1em;
2809   text-align: left;
2811 .loginbox .loginform .form-label {
2812   float: left;
2813   text-align: right;
2814   width: 49%;
2815   white-space: nowrap;
2817 .loginbox .loginform .form-input {
2818   float: right;
2819   width: 50%;
2821 .loginbox .loginform .form-input input {
2822   width: 6em;
2824 .loginbox .signupform {
2825   margin-top: 1em;
2826   text-align: center;
2828 .loginbox.twocolumns .loginpanel,
2829 .loginbox.twocolumns .signuppanel {
2830   width: 48%;
2831   border: 0;
2832   margin: 0;
2833   padding: 0;
2834   -webkit-box-sizing: border-box;
2835   -moz-box-sizing: border-box;
2836   box-sizing: border-box;
2837   display: block;
2838   float: left;
2839   margin-left: 2.76243%;
2840   min-height: 30px;
2841   margin-bottom: -2000px;
2842   padding-bottom: 2000px;
2844 .loginbox .potentialidp {
2845   margin-bottom: 0.3em;
2847 .loginbox .potentialidp .smallicon {
2848   vertical-align: text-bottom;
2849   margin: 0 .3em;
2851 .notepost {
2852   margin-bottom: 1em;
2854 .notepost .userpicture {
2855   float: left;
2857 .notepost .content,
2858 .notepost .footer {
2859   clear: both;
2861 .notesgroup {
2862   margin-left: 20px;
2864 .path-my .coursebox .overview {
2865   margin: 15px 30px 10px 30px;
2867 .path-my .coursebox .info {
2868   float: none;
2869   margin: 0;
2871 .mod_introbox {
2872   padding: 10px;
2874 table.mod_index {
2875   width: 100%;
2877 .comment-ctrl {
2878   font-size: 12px;
2879   display: none;
2880   margin: 0;
2881   padding: 0;
2883 .comment-ctrl h5 {
2884   margin: 0;
2885   padding: 5px;
2887 .comment-area {
2888   max-width: 400px;
2889   padding: 5px;
2891 .comment-area textarea {
2892   width: 100%;
2893   overflow: auto;
2895 .comment-area textarea.fullwidth {
2896   -webkit-box-sizing: border-box;
2897   -moz-box-sizing: border-box;
2898   box-sizing: border-box;
2900 .comment-area .fd {
2901   text-align: right;
2903 .comment-meta span {
2904   color: gray;
2906 .comment-link img {
2907   vertical-align: text-bottom;
2909 .comment-list {
2910   font-size: 11px;
2911   overflow: auto;
2912   list-style: none;
2913   padding: 0;
2914   margin: 0;
2916 .comment-list li {
2917   margin: 2px;
2918   list-style: none;
2919   margin-bottom: 5px;
2920   clear: both;
2921   padding: .3em;
2922   position: relative;
2924 .comment-list li.first {
2925   display: none;
2927 .comment-paging {
2928   text-align: center;
2930 .comment-paging .pageno {
2931   padding: 2px;
2933 .comment-paging .curpage {
2934   border: 1px solid #ccc;
2936 .comment-message .picture {
2937   width: 20px;
2938   float: left;
2940 .comment-message .text {
2941   margin: 0;
2942   padding: 0;
2944 .comment-message .text p {
2945   padding: 0;
2946   margin: 0 18px 0 0;
2948 .comment-delete {
2949   position: absolute;
2950   top: 0;
2951   right: 0;
2952   margin: .3em;
2954 .comment-report-selectall {
2955   display: none;
2957 .comment-link {
2958   display: none;
2960 .jsenabled .comment-link {
2961   display: block;
2963 .jsenabled .showcommentsnonjs {
2964   display: none;
2966 .jsenabled .comment-report-selectall {
2967   display: inline;
2969 /**
2970 * Completion progress report
2971 */
2972 .completion-expired {
2973   background: #f2dede;
2975 .completion-expected {
2976   font-size: 10.5px;
2978 .completion-sortchoice,
2979 .completion-identifyfield {
2980   font-size: 10.5px;
2981   vertical-align: bottom;
2983 .completion-progresscell {
2984   text-align: right;
2986 .completion-expired .completion-expected {
2987   font-weight: bold;
2989 /**
2990 * Tags
2991 */
2992 img.user-image {
2993   height: 100px;
2994   width: 100px;
2996 #tag-search-box {
2997   text-align: center;
2998   margin: 10px auto;
3000 .path-tag .tag-index-items .tagarea {
3001   border: 1px solid #e3e3e3;
3002   border-radius: 4px;
3003   padding: 10px;
3004   margin-top: 10px;
3006 .path-tag .tag-index-items .tagarea h3 {
3007   display: block;
3008   padding: 3px 0 10px 0;
3009   margin: 0;
3010   font-size: 1.1em;
3011   font-weight: bold;
3012   line-height: 20px;
3013   color: #999;
3014   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
3015   text-transform: uppercase;
3016   word-wrap: break-word;
3017   border-bottom: solid 1px #e3e3e3;
3018   margin-bottom: 10px;
3020 .path-tag .tagarea .controls,
3021 .path-tag .tagarea .taggeditems {
3022   *zoom: 1;
3024 .path-tag .tagarea .controls:before,
3025 .path-tag .tagarea .taggeditems:before,
3026 .path-tag .tagarea .controls:after,
3027 .path-tag .tagarea .taggeditems:after {
3028   display: table;
3029   content: "";
3030   line-height: 0;
3032 .path-tag .tagarea .controls:after,
3033 .path-tag .tagarea .taggeditems:after {
3034   clear: both;
3036 .path-tag .tagarea .controls,
3037 .path-tag .tag-backtoallitems {
3038   text-align: center;
3040 .path-tag .tagarea .controls .gotopage.nextpage {
3041   float: right;
3043 .path-tag .tagarea .controls .gotopage.prevpage {
3044   float: left;
3046 .path-tag .tagarea .controls .exclusivemode {
3047   display: inline-block;
3049 .path-tag .tagarea .controls.controls-bottom {
3050   margin-top: 5px;
3052 .path-tag .tagarea .controls .gotopage.nextpage::after {
3053   /*rtl:remove*/
3054   content: "»";
3055   /*rtl:raw:
3056     content: "«";
3057     */
3058   padding-right: 5px;
3059   padding-left: 5px;
3061 .path-tag .tagarea .controls .gotopage.prevpage::before {
3062   /*rtl:remove*/
3063   content: "«";
3064   /*rtl:raw:
3065     content: "»";
3066     */
3067   padding-right: 5px;
3068   padding-left: 5px;
3070 span.flagged-tag,
3071 tr.flagged-tag,
3072 span.flagged-tag a,
3073 tr.flagged-tag a {
3074   color: #b94a48;
3076 .tag-management-table td,
3077 .tag-management-table th {
3078   vertical-align: middle;
3079   padding: 4px;
3081 .tag-management-table .inplaceeditable.inplaceeditingon input {
3082   width: 150px;
3084 .path-admin-tag .addstandardtags {
3085   float: right;
3087 .path-admin-tag .addstandardtags img {
3088   margin: 0 5px;
3090 .path-tag .tag-relatedtags {
3091   padding-top: 10px;
3093 .path-tag .tag-management-box {
3094   text-align: right;
3096 .path-tag .tag-index-toc {
3097   padding: 10px;
3098   text-align: center;
3100 .path-tag .tag-index-toc li,
3101 .path-tag .tag-management-box li {
3102   margin-left: 5px;
3103   margin-right: 5px;
3105 .path-tag .tag-management-box li a.edittag {
3106   background-image: url([[pix:moodle|i/settings]]);
3108 .path-tag .tag-management-box li a.flagasinappropriate {
3109   background-image: url([[pix:moodle|i/flagged]]);
3111 .path-tag .tag-management-box li a.removefrommyinterests {
3112   background-image: url([[pix:moodle|t/delete]]);
3114 .path-tag .tag-management-box li a.addtomyinterests {
3115   background-image: url([[pix:moodle|t/add]]);
3117 .path-tag .tag-management-box li a {
3118   background-repeat: no-repeat;
3119   background-position: left;
3120   padding-left: 17px;
3122 .tag_feed.media-list .media .itemimage {
3123   float: left;
3125 .tag_feed.media-list .media .itemimage img {
3126   height: 35px;
3127   width: 35px;
3129 .tag_feed.media-list .media .media-body {
3130   padding-right: 10px;
3131   padding-left: 10px;
3133 .tag_feed .media .muted a {
3134   color: #999;
3136 .tag_cloud {
3137   text-align: center;
3139 .tag_cloud .inline-list li {
3140   padding: 0 0.2em;
3142 .tag_cloud .tag_overflow {
3143   margin-top: 1em;
3144   font-style: italic;
3146 .tag_cloud .s20 {
3147   font-size: 2.7em;
3149 .tag_cloud .s19 {
3150   font-size: 2.6em;
3152 .tag_cloud .s18 {
3153   font-size: 2.5em;
3155 .tag_cloud .s17 {
3156   font-size: 2.4em;
3158 .tag_cloud .s16 {
3159   font-size: 2.3em;
3161 .tag_cloud .s15 {
3162   font-size: 2.2em;
3164 .tag_cloud .s14 {
3165   font-size: 2.1em;
3167 .tag_cloud .s13 {
3168   font-size: 2em;
3170 .tag_cloud .s12 {
3171   font-size: 1.9em;
3173 .tag_cloud .s11 {
3174   font-size: 1.8em;
3176 .tag_cloud .s10 {
3177   font-size: 1.7em;
3179 .tag_cloud .s9 {
3180   font-size: 1.6em;
3182 .tag_cloud .s8 {
3183   font-size: 1.5em;
3185 .tag_cloud .s7 {
3186   font-size: 1.4em;
3188 .tag_cloud .s6 {
3189   font-size: 1.3em;
3191 .tag_cloud .s5 {
3192   font-size: 1.2em;
3194 .tag_cloud .s4 {
3195   font-size: 1.1em;
3197 .tag_cloud .s3 {
3198   font-size: 1em;
3200 .tag_cloud .s2 {
3201   font-size: 0.9em;
3203 .tag_cloud .s1 {
3204   font-size: 0.8em;
3206 .tag_cloud .s0 {
3207   font-size: 0.7em;
3209 .tag_list ul {
3210   display: inline;
3212 .tag_list.hideoverlimit .overlimit {
3213   display: none;
3215 .tag_list .tagmorelink {
3216   display: none;
3218 .tag_list.hideoverlimit .tagmorelink {
3219   display: inline;
3221 .tag_list.hideoverlimit .taglesslink {
3222   display: none;
3224 /**
3225 * Web Service
3226 */
3227 #webservice-doc-generator td {
3228   text-align: left;
3229   border: 0 solid black;
3231 /**
3232 * Registration
3233 */
3234 #page-admin-registration-register .registration_textfield {
3235   width: 300px;
3237 /**
3238 * Enrol
3239 */
3240 .userenrolment {
3241   width: 100%;
3242   border-collapse: collapse;
3244 .userenrolment tr {
3245   vertical-align: top;
3247 .userenrolment td {
3248   padding: 0;
3249   height: 41px;
3251 .userenrolment .subfield {
3252   margin-right: 5px;
3254 .userenrolment .col_userdetails .subfield {
3255   margin-left: 40px;
3257 .userenrolment .col_userdetails .subfield_picture {
3258   float: left;
3259   margin-left: 0;
3261 .userenrolment .col_lastseen {
3262   width: 150px;
3264 .userenrolment .col_role {
3265   width: 262px;
3267 .userenrolment .col_role .roles,
3268 .userenrolment .col_group .groups {
3269   margin-right: 30px;
3271 .userenrolment .col_role .role {
3272   float: left;
3273   padding: 0 3px 3px;
3274   margin: 0 3px 3px;
3275   white-space: nowrap;
3277 .userenrolment .col_group .group {
3278   float: left;
3279   padding: 3px;
3280   margin: 3px;
3281   white-space: nowrap;
3283 .userenrolment .col_role .role a,
3284 .userenrolment .col_group .group a {
3285   margin-left: 3px;
3286   cursor: pointer;
3288 .userenrolment .col_role .addrole,
3289 .userenrolment .col_group .addgroup {
3290   float: right;
3291   padding: 3px;
3292   margin: 3px;
3294 .userenrolment .col_role .addrole > a:hover,
3295 .userenrolment .col_group .addgroup > a:hover {
3296   border-bottom: 1px solid #666;
3298 .userenrolment .col_role .addrole img,
3299 .userenrolment .col_group .addgroup img {
3300   vertical-align: baseline;
3302 .userenrolment .hasAllRoles .col_role .addrole {
3303   display: none;
3305 .userenrolment .col_enrol .enrolment {
3306   float: left;
3307   padding: 0 3px 3px;
3308   margin: 0 3px 3px;
3310 .userenrolment .col_enrol .enrolment a {
3311   float: right;
3312   margin-left: 3px;
3314 #page-enrol-users .enrol_user_buttons {
3315   float: right;
3317 #page-enrol-users .enrol_user_buttons .enrolusersbutton {
3318   display: inline;
3320 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
3321 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {
3322   display: inline;
3323   margin-right: 0;
3325 #page-enrol-users #filterform {
3326   min-height: 20px;
3327   padding: 19px;
3328   margin-bottom: 20px;
3329   background-color: #f5f5f5;
3330   border: 1px solid #e3e3e3;
3331   -webkit-border-radius: 4px;
3332   -moz-border-radius: 4px;
3333   border-radius: 4px;
3334   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3335   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3336   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3337   border-color: #e3e3e3;
3338   padding: 9px;
3339   -webkit-border-radius: 3px;
3340   -moz-border-radius: 3px;
3341   border-radius: 3px;
3342   display: inline-block;
3344 #page-enrol-users #filterform blockquote {
3345   border-color: #ddd;
3346   border-color: rgba(0, 0, 0, 0.15);
3348 #page-enrol-users #filterform .fitem {
3349   display: inline-block;
3350   line-height: 40px;
3351   margin-right: .3em;
3352   white-space: nowrap;
3354 #page-enrol-users #filterform .fitem label {
3355   display: inline;
3356   line-height: 20px;
3357   padding-right: .3em;
3359 #page-enrol-users #filterform .fitem :before,
3360 #page-enrol-users #filterform .fitem :after {
3361   display: inline;
3363 #page-enrol-users #filterform div,
3364 #page-enrol-users #filterform fieldset {
3365   display: inline;
3366   float: none;
3367   clear: none;
3368   width: auto;
3369   margin: 0;
3371 #page-enrol-users #filterform select,
3372 #page-enrol-users #filterform .ftext input {
3373   width: 7em;
3375 #page-enrol-users #filterform input,
3376 #page-enrol-users #filterform select {
3377   margin-bottom: 0;
3379 #page-enrol-users .user-enroller-panel .uep-search-results .user .details {
3380   width: 237px;
3382 #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details {
3383   width: 237px;
3385 #page-enrol-users .enrol-users-page-action input {
3386   margin-left: 0;
3388 .corelightbox {
3389   background-color: #ccc;
3390   position: absolute;
3391   top: 0;
3392   left: 0;
3393   width: 100%;
3394   height: 100%;
3395   text-align: center;
3397 .corelightbox img {
3398   position: fixed;
3399   top: 50%;
3400   left: 50%;
3402 .mod-indent-outer {
3403   display: table;
3405 .mod-indent {
3406   display: table-cell;
3408 .label .mod-indent {
3409   float: left;
3410   padding-top: 20px;
3412 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
3413 .mod-indent-1 {
3414   width: 30px;
3416 .mod-indent-2 {
3417   width: 60px;
3419 .mod-indent-3 {
3420   width: 90px;
3422 .mod-indent-4 {
3423   width: 120px;
3425 .mod-indent-5 {
3426   width: 150px;
3428 .mod-indent-6 {
3429   width: 180px;
3431 .mod-indent-7 {
3432   width: 210px;
3434 .mod-indent-8 {
3435   width: 240px;
3437 .mod-indent-9 {
3438   width: 270px;
3440 .mod-indent-10 {
3441   width: 300px;
3443 .mod-indent-11 {
3444   width: 330px;
3446 .mod-indent-12 {
3447   width: 360px;
3449 .mod-indent-13 {
3450   width: 390px;
3452 .mod-indent-14 {
3453   width: 420px;
3455 .mod-indent-15 {
3456   width: 450px;
3458 .mod-indent-16 {
3459   width: 480px;
3461 .mod-indent-huge {
3462   width: 480px;
3464 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
3465 .resourcecontent .mediaplugin_mp3 object {
3466   height: 25px;
3467   width: 600px;
3469 .resourcecontent audio.mediaplugin_html5audio {
3470   width: 600px;
3472 /** Large resource images should avoid hidden overflow **/
3473 .resourceimage {
3474   max-width: 100%;
3476 /* Audio player size in 'inline' mode (can only change width, as above) */
3477 .mediaplugin_mp3 object {
3478   height: 15px;
3479   width: 300px;
3481 audio.mediaplugin_html5audio {
3482   width: 300px;
3484 /* TinyMCE moodle media preview frame should not have padding */
3485 .core_media_preview.pagelayout-embedded #content {
3486   padding: 0;
3488 .core_media_preview.pagelayout-embedded #maincontent {
3489   height: 0;
3491 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
3492   padding: 0;
3493   margin: 0;
3494   min-width: 0;
3495   background: none;
3497 /** Fix YUI 2 Treeview for Right to left languages **/
3498 .dir-rtl .ygtvtn,
3499 .dir-rtl .ygtvtm,
3500 .dir-rtl .ygtvtmh,
3501 .dir-rtl .ygtvtmhh,
3502 .dir-rtl .ygtvtp,
3503 .dir-rtl .ygtvtph,
3504 .dir-rtl .ygtvtphh,
3505 .dir-rtl .ygtvln,
3506 .dir-rtl .ygtvlm,
3507 .dir-rtl .ygtvlmh,
3508 .dir-rtl .ygtvlmhh,
3509 .dir-rtl .ygtvlp,
3510 .dir-rtl .ygtvlph,
3511 .dir-rtl .ygtvlphh,
3512 .dir-rtl .ygtvdepthcell,
3513 .dir-rtl .ygtvok,
3514 .dir-rtl .ygtvok:hover,
3515 .dir-rtl .ygtvcancel,
3516 .dir-rtl .ygtvcancel:hover {
3517   width: 18px;
3518   height: 22px;
3519   background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
3520   background-repeat: no-repeat;
3521   cursor: pointer;
3523 .dir-rtl .ygtvtn {
3524   background-position: 0 -5600px;
3526 .dir-rtl .ygtvtm {
3527   background-position: 0 -4000px;
3529 .dir-rtl .ygtvtmh,
3530 .dir-rtl .ygtvtmhh {
3531   background-position: 0 -4800px;
3533 .dir-rtl .ygtvtp {
3534   background-position: 0 -6400px;
3536 .dir-rtl .ygtvtph,
3537 .dir-rtl .ygtvtphh {
3538   background-position: 0 -7200px;
3540 .dir-rtl .ygtvln {
3541   background-position: 0 -1600px;
3543 .dir-rtl .ygtvlm {
3544   background-position: 0 0;
3546 .dir-rtl .ygtvlmh,
3547 .dir-rtl .ygtvlmhh {
3548   background-position: 0 -800px;
3550 .dir-rtl .ygtvlp {
3551   background-position: 0 -2400px;
3553 .dir-rtl .ygtvlph,
3554 .dir-rtl .ygtvlphh {
3555   background-position: 0 -3200px;
3557 .dir-rtl .ygtvdepthcell {
3558   background-position: 0 -8000px;
3560 .dir-rtl .ygtvok {
3561   background-position: 0 -8800px;
3563 .dir-rtl .ygtvok:hover {
3564   background-position: 0 -8844px;
3566 .dir-rtl .ygtvcancel {
3567   background-position: 0 -8822px;
3569 .dir-rtl .ygtvcancel:hover {
3570   background-position: 0 -8866px;
3572 .dir-rtl.yui-skin-sam .yui-panel .hd {
3573   text-align: right;
3575 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
3576   text-align: right;
3578 /** Fix TinyMCE editor right to left **/
3579 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
3580 .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
3581   top: 44px;
3583 .dir-rtl .o2k7Skin table,
3584 .dir-rtl .o2k7Skin tbody,
3585 .dir-rtl .o2k7Skin a,
3586 .dir-rtl .o2k7Skin img,
3587 .dir-rtl .o2k7Skin tr,
3588 .dir-rtl .o2k7Skin div,
3589 .dir-rtl .o2k7Skin td,
3590 .dir-rtl .o2k7Skin iframe,
3591 .dir-rtl .o2k7Skin span,
3592 .dir-rtl .o2k7Skin *,
3593 .dir-rtl .o2k7Skin .mceText,
3594 .dir-rtl .o2k7Skin .mceListBox .mceText {
3595   text-align: right;
3597 .path-rating .ratingtable {
3598   width: 100%;
3599   margin-bottom: 1em;
3601 .path-rating .ratingtable th.rating {
3602   width: 100%;
3604 .path-rating .ratingtable td.rating,
3605 .path-rating .ratingtable td.time {
3606   white-space: nowrap;
3607   text-align: center;
3609 .initialbar {
3610   overflow: auto;
3612 .initialbar .initialbarlabel {
3613   display: inline-block;
3614   width: 6em;
3615   float: left;
3616   overflow: hidden;
3617   text-overflow: ellipsis;
3618   white-space: nowrap;
3620 .initialbar .initialbarall {
3621   float: left;
3622   width: 4em;
3623   margin-bottom: 2px;
3624   overflow: hidden;
3625   text-overflow: ellipsis;
3626   white-space: nowrap;
3628 .initialbar .initialbargroups {
3629   float: left;
3631 .initialbar .initialbargroup {
3632   float: left;
3633   display: inline-block;
3634   white-space: nowrap;
3635   margin: 0;
3636   padding: 0;
3638 .initialbar .initialbargroup li {
3639   float: left;
3640   list-style: none;
3642 .initialbar .letter {
3643   display: inline-block;
3644   height: 1.35em;
3645   min-width: 1.35em;
3646   text-align: center;
3647   color: #0070a8;
3648   background: #fff;
3649   border-width: 1px;
3650   border-color: #ddd;
3651   border-style: solid;
3653 .initialbar .letter:hover,
3654 .initialbar .letter.active {
3655   color: white;
3656   background-color: #0070a8;
3658 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
3659 .moodle-dialogue-base .moodle-dialogue-lightbox {
3660   background-color: #aaa;
3662 .moodle-dialogue-base .hidden,
3663 .moodle-dialogue-base .moodle-dialogue-hidden {
3664   display: none;
3666 .no-scrolling {
3667   overflow: hidden;
3669 .moodle-dialogue-base .moodle-dialogue-fullscreen {
3670   left: 0;
3671   top: 0;
3672   right: 0;
3673   bottom: -50px;
3674   position: fixed;
3676 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3677   overflow: auto;
3679 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
3680   width: 28px;
3681   height: 16px;
3682   background-size: 100%;
3684 .moodle-dialogue-base .moodle-dialogue {
3685   padding: 0;
3686   margin: 0;
3687   background: none;
3688   border: none;
3689   z-index: 600;
3690   outline: #000 dotted 0;
3692 .moodle-dialogue-base .moodle-dialogue-wrap {
3693   margin-top: -3px;
3694   margin-left: -3px;
3695   background-color: #fff;
3696   border: 1px solid #ccc;
3697   -webkit-border-radius: 10px;
3698   -moz-border-radius: 10px;
3699   border-radius: 10px;
3700   -webkit-box-shadow: 5px 5px 20px 0 #666;
3701   -moz-box-shadow: 5px 5px 20px 0 #666;
3702   box-shadow: 5px 5px 20px 0 #666;
3704 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
3705 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
3706   margin: 0;
3707   padding: 5px;
3708   font-size: 12px;
3709   font-weight: normal;
3710   letter-spacing: 1px;
3711   color: #333;
3712   text-align: center;
3713   text-shadow: 1px 1px 1px #fff;
3714   -webkit-border-radius: 10px 10px 0 0;
3715   -moz-border-radius: 10px 10px 0 0;
3716   border-radius: 10px 10px 0 0;
3717   border-bottom: 1px solid #bbb;
3718   background: #ccc;
3719   background-color: #ebebeb;
3720   background-image: -moz-linear-gradient(top, #fff, #ccc);
3721   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
3722   background-image: -webkit-linear-gradient(top, #fff, #ccc);
3723   background-image: -o-linear-gradient(top, #fff, #ccc);
3724   background-image: linear-gradient(to bottom, #fff, #ccc);
3725   background-repeat: repeat-x;
3726   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
3727   filter: none;
3729 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
3730   padding: 0;
3731   display: inline;
3732   font-size: 100%;
3733   font-weight: bold;
3735 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
3736   padding: 5px;
3738 .moodle-dialogue-base .closebutton {
3739   width: 25px;
3740   height: 15px;
3741   float: right;
3742   display: inline-block;
3743   cursor: pointer;
3744   padding: 0;
3745   background-image: url([[pix:theme|sprite]]);
3746   background-repeat: no-repeat;
3747   border-style: none;
3749 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
3750   padding: 1em;
3751   line-height: 2em;
3752   color: #555;
3753   font-size: 12px;
3755 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
3756   padding: 0;
3757   background: #fff;
3759 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
3760   padding: 10px;
3761   font-size: 16px;
3763 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3764   overflow: auto;
3765   position: absolute;
3766   top: 0;
3767   bottom: 50px;
3768   left: 0;
3769   right: 0;
3770   margin: 0;
3771   border: 0;
3773 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
3774 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
3775   border-radius: 0;
3777 .moodle-dialogue-confirm .confirmation-dialogue {
3778   text-align: center;
3780 .moodle-dialogue-confirm .confirmation-dialogue input {
3781   text-align: center;
3783 .moodle-dialogue-exception .moodle-exception-message {
3784   text-align: center;
3786 .moodle-dialogue-exception .moodle-exception-param label {
3787   font-weight: bold;
3789 .moodle-dialogue-exception .param-stacktrace label {
3790   background-color: #eee;
3791   border: 1px solid #ccc;
3792   border-bottom-width: 0;
3794 .moodle-dialogue-exception .param-stacktrace pre {
3795   border: 1px solid #ccc;
3796   background-color: #fff;
3798 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3799   color: navy;
3800   font-size: 11.9px;
3802 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3803   color: #b94a48;
3804   font-size: 11.9px;
3806 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3807   color: #333;
3808   font-size: 90%;
3809   border-bottom: 1px solid #eee;
3811 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
3812   padding: 0;
3813   margin: 0.7em 1em;
3814   text-align: right;
3815   background-color: #fff;
3816   font-size: 12px;
3818 .moodle-dialogue-confirm .confirmation-message {
3819   margin: 0.5em 1em;
3821 .moodle-dialogue-confirm .confirmation-dialogue input {
3822   min-width: 80px;
3824 .moodle-dialogue-exception .moodle-exception-message {
3825   margin: 1em;
3827 .moodle-dialogue-exception .moodle-exception-param {
3828   margin-bottom: 0.5em;
3830 .moodle-dialogue-exception .moodle-exception-param label {
3831   width: 150px;
3833 .moodle-dialogue-exception .param-stacktrace label {
3834   display: block;
3835   margin: 0;
3836   padding: 4px 1em;
3838 .moodle-dialogue-exception .param-stacktrace pre {
3839   display: block;
3840   height: 200px;
3841   overflow: auto;
3843 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3844   display: inline-block;
3845   margin: 4px 0;
3847 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3848   display: inline-block;
3849   width: 50px;
3850   margin: 4px 1em;
3852 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3853   padding-left: 25px;
3854   margin-bottom: 4px;
3855   padding-bottom: 4px;
3857 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
3858   opacity: 0.75;
3859   filter: alpha(opacity=75);
3860   width: 100%;
3861   height: 100%;
3862   top: 0;
3863   left: 0;
3864   background-color: white;
3865   text-align: center;
3866   padding: 10% 0;
3868 /* Apply a default max-height on tooltip text */
3869 .moodle-dialogue .tooltiptext {
3870   max-height: 300px;
3872 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
3873   z-index: 3001;
3875 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
3876   overflow: auto;
3878 /**
3879  * Chooser Dialogues (moodle-core-chooserdialogue)
3880  *
3881  * This CSS belong to the chooser dialogue which should work both with, and
3882  * without javascript enabled
3883  */
3884 /* Hide the dialog and it's title */
3885 .chooserdialoguebody,
3886 .choosertitle {
3887   display: none;
3889 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
3890   margin: 0;
3892 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
3893   padding: 0;
3894   background: #f2f2f2;
3895   -webkit-border-bottom-right-radius: 10px;
3896   -moz-border-radius-bottomright: 10px;
3897   border-bottom-right-radius: 10px;
3898   -webkit-border-bottom-left-radius: 10px;
3899   -moz-border-radius-bottomleft: 10px;
3900   border-bottom-left-radius: 10px;
3902 /* Center the submit buttons within the area */
3903 .choosercontainer #chooseform .submitbuttons {
3904   padding: 0.7em 0;
3905   text-align: center;
3907 /* Fixed for safari browser on iPhone4S with ios7.*/
3908 @media (max-height: 639px) {
3909   .ios.safari .choosercontainer #chooseform .submitbuttons {
3910     padding: 45px 0;
3911   }
3913 .choosercontainer #chooseform .submitbuttons input {
3914   min-width: 100px;
3915   margin: 0 0.5em;
3917 /* Various settings for the options area */
3918 .choosercontainer #chooseform .options {
3919   position: relative;
3920   border-bottom: 1px solid #bbb;
3922 /* Only set these options if we're showing the js container */
3923 .jschooser .choosercontainer #chooseform .alloptions {
3924   overflow-x: hidden;
3925   overflow-y: auto;
3926   max-width: 20.3em;
3927   -webkit-box-shadow: inset 0 0 30px 0 #ccc;
3928   -moz-box-shadow: inset 0 0 30px 0 #ccc;
3929   box-shadow: inset 0 0 30px 0 #ccc;
3931 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
3932   display: inline-block;
3934 .jschooser .choosercontainer #chooseform .alloptions .option .modicon {
3935   display: inline-block;
3937 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
3938   display: inline-block;
3939   width: 65%;
3941 /* Settings for option rows and option subtypes */
3942 .choosercontainer #chooseform .moduletypetitle,
3943 .choosercontainer #chooseform .option,
3944 .choosercontainer #chooseform .nonoption {
3945   margin-bottom: 0;
3946   padding: 0 1.6em 0 1.6em;
3948 .choosercontainer #chooseform .moduletypetitle {
3949   text-transform: uppercase;
3950   padding-top: 1.2em;
3951   padding-bottom: 0.4em;
3953 .choosercontainer #chooseform .option .typename,
3954 .choosercontainer #chooseform .option span.modicon img.icon,
3955 .choosercontainer #chooseform .nonoption .typename,
3956 .choosercontainer #chooseform .nonoption span.modicon img.icon {
3957   padding: 0 0 0 0.5em;
3959 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
3960 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
3961   height: 24px;
3962   width: 24px;
3964 .choosercontainer #chooseform .option input[type=radio],
3965 .choosercontainer #chooseform .option span.typename,
3966 .choosercontainer #chooseform .option span.modicon {
3967   vertical-align: middle;
3969 .choosercontainer #chooseform .option label {
3970   display: block;
3971   padding: 0.3em 0 0.1em 0;
3972   border-bottom: 1px solid #fff;
3974 .choosercontainer #chooseform .nonoption {
3975   padding-left: 2.7em;
3976   padding-top: 0.3em;
3977   padding-bottom: 0.1em;
3979 .choosercontainer #chooseform .subtype {
3980   margin-bottom: 0;
3981   padding: 0 1.6em 0 3.2em;
3983 .choosercontainer #chooseform .subtype .typename {
3984   margin: 0 0 0 0.2em;
3986 /* The instruction/help area */
3987 .jschooser .choosercontainer #chooseform .instruction,
3988 .jschooser .choosercontainer #chooseform .typesummary {
3989   display: none;
3990   position: absolute;
3991   top: 0;
3992   right: 0;
3993   bottom: 0;
3994   left: 20.3em;
3995   margin: 0;
3996   padding: 1.6em;
3997   background-color: #fff;
3998   overflow-x: hidden;
3999   overflow-y: auto;
4000   line-height: 2em;
4002 /* Selected option settings */
4003 .jschooser .choosercontainer #chooseform .instruction,
4004 .choosercontainer #chooseform .selected .typesummary {
4005   display: block;
4007 .choosercontainer #chooseform .selected {
4008   background-color: #fff;
4009   -webkit-box-shadow: 0px 0 10px 0 #ccc;
4010   -moz-box-shadow: 0px 0 10px 0 #ccc;
4011   box-shadow: 0px 0 10px 0 #ccc;
4013 .section-modchooser-link img.smallicon {
4014   padding: 3px;
4016 /* Form element: listing */
4017 .formlistingradio {
4018   padding-bottom: 25px;
4019   padding-right: 10px;
4021 .formlistinginputradio {
4022   float: left;
4024 .formlistingmain {
4025   min-height: 225px;
4027 .formlisting {
4028   position: relative;
4029   margin: 15px 0;
4030   padding: 1px 19px 14px;
4031   background-color: white;
4032   border: 1px solid #ddd;
4033   -webkit-border-radius: 4px;
4034   -moz-border-radius: 4px;
4035   border-radius: 4px;
4037 .formlistingmore {
4038   position: absolute;
4039   cursor: pointer;
4040   bottom: -1px;
4041   right: -1px;
4042   padding: 3px 7px;
4043   font-size: 12px;
4044   font-weight: bold;
4045   background-color: #f5f5f5;
4046   border: 1px solid #ddd;
4047   color: #9da0a4;
4048   -webkit-border-radius: 4px 0 4px 0;
4049   -moz-border-radius: 4px 0 4px 0;
4050   border-radius: 4px 0 4px 0;
4052 .formlistingall {
4053   margin: 15px 0;
4054   padding: 0;
4055   -webkit-border-radius: 4px;
4056   -moz-border-radius: 4px;
4057   border-radius: 4px;
4059 .formlistingrow {
4060   cursor: pointer;
4061   border-bottom: 1px solid;
4062   border-color: #e1e1e8;
4063   border-left: 1px solid #e1e1e8;
4064   border-right: 1px solid #e1e1e8;
4065   background-color: #f7f7f9;
4066   -webkit-border-radius: 0 0 4px 4px;
4067   -moz-border-radius: 0 0 4px 4px;
4068   border-radius: 0 0 4px 4px;
4069   padding: 6px;
4070   top: 50%;
4071   left: 50%;
4072   min-height: 34px;
4073   float: left;
4074   width: 150px;
4076 body.jsenabled .formlistingradio {
4077   display: none;
4079 body.jsenabled .formlisting {
4080   display: block;
4082 /* Badges styles */
4083 table.collection {
4084   width: 100%;
4085   margin-bottom: 20px;
4086   border: 1px solid #ddd;
4087   border-collapse: separate;
4088   *border-collapse: collapse;
4089   border-left: 0;
4090   -webkit-border-radius: 4px;
4091   -moz-border-radius: 4px;
4092   border-radius: 4px;
4094 table.collection th,
4095 table.collection td {
4096   padding: 8px;
4097   line-height: 20px;
4098   text-align: left;
4099   vertical-align: top;
4100   border-top: 1px solid #ddd;
4102 table.collection th {
4103   font-weight: bold;
4105 table.collection thead th {
4106   vertical-align: bottom;
4108 table.collection caption + thead tr:first-child th,
4109 table.collection caption + thead tr:first-child td,
4110 table.collection colgroup + thead tr:first-child th,
4111 table.collection colgroup + thead tr:first-child td,
4112 table.collection thead:first-child tr:first-child th,
4113 table.collection thead:first-child tr:first-child td {
4114   border-top: 0;
4116 table.collection tbody + tbody {
4117   border-top: 2px solid #ddd;
4119 table.collection .table {
4120   background-color: #fff;
4122 table.collection th,
4123 table.collection td {
4124   border-left: 1px solid #ddd;
4126 table.collection caption + thead tr:first-child th,
4127 table.collection caption + tbody tr:first-child th,
4128 table.collection caption + tbody tr:first-child td,
4129 table.collection colgroup + thead tr:first-child th,
4130 table.collection colgroup + tbody tr:first-child th,
4131 table.collection colgroup + tbody tr:first-child td,
4132 table.collection thead:first-child tr:first-child th,
4133 table.collection tbody:first-child tr:first-child th,