Merge branch 'MDL-59048' of https://github.com/timhunt/moodle
[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 #page-group-index #groupeditform {
2727   text-align: center;
2729 #doc-contents h1 {
2730   margin: 1em 0 0 0;
2732 #doc-contents ul {
2733   margin: 0;
2734   padding: 0;
2735   width: 90%;
2737 #doc-contents ul li {
2738   list-style-type: none;
2740 .groupmanagementtable td {
2741   vertical-align: top;
2743 .groupmanagementtable #existingcell,
2744 .groupmanagementtable #potentialcell {
2745   width: 42%;
2747 .groupmanagementtable #buttonscell {
2748   width: 16%;
2750 .groupmanagementtable #buttonscell p.arrow_button input {
2751   width: auto;
2752   min-width: 80%;
2753   margin: 0 auto;
2755 .groupmanagementtable #removeselect_wrapper,
2756 .groupmanagementtable #addselect_wrapper {
2757   width: 100%;
2759 .groupmanagementtable #removeselect_wrapper label,
2760 .groupmanagementtable #addselect_wrapper label {
2761   font-weight: normal;
2763 #group-usersummary {
2764   width: 14em;
2766 .groupselector {
2767   margin-top: 3px;
2768   margin-bottom: 3px;
2769   display: inline-block;
2771 .groupselector label {
2772   display: inline-block;
2774 .dataformatselector {
2775   margin: 1em 0;
2777 .dataformatselector label {
2778   display: inline-block;
2779   margin: 0 5px 10px 0;
2780   line-height: 30px;
2781   vertical-align: top;
2783 .loginbox {
2784   margin: 15px;
2785   overflow: visible;
2787 .loginbox.twocolumns {
2788   margin: 15px;
2790 .loginbox h2,
2791 .loginbox .subcontent {
2792   margin: 5px;
2793   padding: 10px;
2794   text-align: center;
2796 .loginbox .loginpanel .desc {
2797   margin: 0;
2798   padding: 0;
2799   margin-bottom: 5px;
2800   margin-top: 15px;
2802 .loginbox .signuppanel .subcontent {
2803   text-align: left;
2805 .loginbox .loginsub {
2806   margin-left: 0;
2807   margin-right: 0;
2809 .loginbox .guestsub,
2810 .loginbox .forgotsub,
2811 .loginbox .potentialidps {
2812   margin: 5px 12%;
2814 .loginbox .potentialidps .potentialidplist {
2815   margin-left: 40%;
2817 .loginbox .potentialidps .potentialidplist div {
2818   text-align: left;
2820 .loginbox .loginform {
2821   margin-top: 1em;
2822   text-align: left;
2824 .loginbox .loginform .form-label {
2825   float: left;
2826   text-align: right;
2827   width: 49%;
2828   white-space: nowrap;
2830 .loginbox .loginform .form-input {
2831   float: right;
2832   width: 50%;
2834 .loginbox .loginform .form-input input {
2835   width: 6em;
2837 .loginbox .signupform {
2838   margin-top: 1em;
2839   text-align: center;
2841 .loginbox.twocolumns .loginpanel,
2842 .loginbox.twocolumns .signuppanel {
2843   width: 48%;
2844   border: 0;
2845   margin: 0;
2846   padding: 0;
2847   -webkit-box-sizing: border-box;
2848   -moz-box-sizing: border-box;
2849   box-sizing: border-box;
2850   display: block;
2851   float: left;
2852   margin-left: 2.76243%;
2853   min-height: 30px;
2854   margin-bottom: -2000px;
2855   padding-bottom: 2000px;
2857 .loginbox .potentialidp .smallicon {
2858   vertical-align: text-bottom;
2859   margin: 0 .3em;
2861 .notepost {
2862   margin-bottom: 1em;
2864 .notepost .userpicture {
2865   float: left;
2867 .notepost .content,
2868 .notepost .footer {
2869   clear: both;
2871 .notesgroup {
2872   margin-left: 20px;
2874 .path-my .coursebox .overview {
2875   margin: 15px 30px 10px 30px;
2877 .path-my .coursebox .info {
2878   float: none;
2879   margin: 0;
2881 .mod_introbox {
2882   padding: 10px;
2884 table.mod_index {
2885   width: 100%;
2887 .comment-ctrl {
2888   font-size: 12px;
2889   display: none;
2890   margin: 0;
2891   padding: 0;
2893 .comment-ctrl h5 {
2894   margin: 0;
2895   padding: 5px;
2897 .comment-area {
2898   max-width: 400px;
2899   padding: 5px;
2901 .comment-area textarea {
2902   width: 100%;
2903   overflow: auto;
2905 .comment-area textarea.fullwidth {
2906   -webkit-box-sizing: border-box;
2907   -moz-box-sizing: border-box;
2908   box-sizing: border-box;
2910 .comment-area .fd {
2911   text-align: right;
2913 .comment-meta span {
2914   color: gray;
2916 .comment-link img {
2917   vertical-align: text-bottom;
2919 .comment-list {
2920   font-size: 11px;
2921   overflow: auto;
2922   list-style: none;
2923   padding: 0;
2924   margin: 0;
2926 .comment-list li {
2927   margin: 2px;
2928   list-style: none;
2929   margin-bottom: 5px;
2930   clear: both;
2931   padding: .3em;
2932   position: relative;
2934 .comment-list li.first {
2935   display: none;
2937 .comment-paging {
2938   text-align: center;
2940 .comment-paging .pageno {
2941   padding: 2px;
2943 .comment-paging .curpage {
2944   border: 1px solid #ccc;
2946 .comment-message .picture {
2947   width: 20px;
2948   float: left;
2950 .comment-message .text {
2951   margin: 0;
2952   padding: 0;
2954 .comment-message .text p {
2955   padding: 0;
2956   margin: 0 18px 0 0;
2958 .comment-delete {
2959   position: absolute;
2960   top: 0;
2961   right: 0;
2962   margin: .3em;
2964 .comment-report-selectall {
2965   display: none;
2967 .comment-link {
2968   display: none;
2970 .jsenabled .comment-link {
2971   display: block;
2973 .jsenabled .showcommentsnonjs {
2974   display: none;
2976 .jsenabled .comment-report-selectall {
2977   display: inline;
2979 /**
2980 * Completion progress report
2981 */
2982 .completion-expired {
2983   background: #f2dede;
2985 .completion-expected {
2986   font-size: 10.5px;
2988 .completion-sortchoice,
2989 .completion-identifyfield {
2990   font-size: 10.5px;
2991   vertical-align: bottom;
2993 .completion-progresscell {
2994   text-align: right;
2996 .completion-expired .completion-expected {
2997   font-weight: bold;
2999 /**
3000 * Tags
3001 */
3002 img.user-image {
3003   height: 100px;
3004   width: 100px;
3006 #tag-search-box {
3007   text-align: center;
3008   margin: 10px auto;
3010 .path-tag .tag-index-items .tagarea {
3011   border: 1px solid #e3e3e3;
3012   border-radius: 4px;
3013   padding: 10px;
3014   margin-top: 10px;
3016 .path-tag .tag-index-items .tagarea h3 {
3017   display: block;
3018   padding: 3px 0 10px 0;
3019   margin: 0;
3020   font-size: 1.1em;
3021   font-weight: bold;
3022   line-height: 20px;
3023   color: #999;
3024   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
3025   text-transform: uppercase;
3026   word-wrap: break-word;
3027   border-bottom: solid 1px #e3e3e3;
3028   margin-bottom: 10px;
3030 .path-tag .tagarea .controls,
3031 .path-tag .tagarea .taggeditems {
3032   *zoom: 1;
3034 .path-tag .tagarea .controls:before,
3035 .path-tag .tagarea .taggeditems:before,
3036 .path-tag .tagarea .controls:after,
3037 .path-tag .tagarea .taggeditems:after {
3038   display: table;
3039   content: "";
3040   line-height: 0;
3042 .path-tag .tagarea .controls:after,
3043 .path-tag .tagarea .taggeditems:after {
3044   clear: both;
3046 .path-tag .tagarea .controls,
3047 .path-tag .tag-backtoallitems {
3048   text-align: center;
3050 .path-tag .tagarea .controls .gotopage.nextpage {
3051   float: right;
3053 .path-tag .tagarea .controls .gotopage.prevpage {
3054   float: left;
3056 .path-tag .tagarea .controls .exclusivemode {
3057   display: inline-block;
3059 .path-tag .tagarea .controls.controls-bottom {
3060   margin-top: 5px;
3062 .path-tag .tagarea .controls .gotopage.nextpage::after {
3063   /*rtl:remove*/
3064   content: "»";
3065   /*rtl:raw:
3066     content: "«";
3067     */
3068   padding-right: 5px;
3069   padding-left: 5px;
3071 .path-tag .tagarea .controls .gotopage.prevpage::before {
3072   /*rtl:remove*/
3073   content: "«";
3074   /*rtl:raw:
3075     content: "»";
3076     */
3077   padding-right: 5px;
3078   padding-left: 5px;
3080 span.flagged-tag,
3081 tr.flagged-tag,
3082 span.flagged-tag a,
3083 tr.flagged-tag a {
3084   color: #b94a48;
3086 .tag-management-table td,
3087 .tag-management-table th {
3088   vertical-align: middle;
3089   padding: 4px;
3091 .tag-management-table .inplaceeditable.inplaceeditingon input {
3092   width: 150px;
3094 .path-admin-tag .addstandardtags {
3095   float: right;
3097 .path-admin-tag .addstandardtags img {
3098   margin: 0 5px;
3100 .path-tag .tag-relatedtags {
3101   padding-top: 10px;
3103 .path-tag .tag-management-box {
3104   text-align: right;
3106 .path-tag .tag-index-toc {
3107   padding: 10px;
3108   text-align: center;
3110 .path-tag .tag-index-toc li,
3111 .path-tag .tag-management-box li {
3112   margin-left: 5px;
3113   margin-right: 5px;
3115 .path-tag .tag-management-box li a.edittag {
3116   background-image: url([[pix:moodle|i/settings]]);
3118 .path-tag .tag-management-box li a.flagasinappropriate {
3119   background-image: url([[pix:moodle|i/flagged]]);
3121 .path-tag .tag-management-box li a.removefrommyinterests {
3122   background-image: url([[pix:moodle|t/delete]]);
3124 .path-tag .tag-management-box li a.addtomyinterests {
3125   background-image: url([[pix:moodle|t/add]]);
3127 .path-tag .tag-management-box li a {
3128   background-repeat: no-repeat;
3129   background-position: left;
3130   padding-left: 17px;
3132 .tag_feed.media-list .media .itemimage {
3133   float: left;
3135 .tag_feed.media-list .media .itemimage img {
3136   height: 35px;
3137   width: 35px;
3139 .tag_feed.media-list .media .media-body {
3140   padding-right: 10px;
3141   padding-left: 10px;
3143 .tag_feed .media .muted a {
3144   color: #999;
3146 .tag_cloud {
3147   text-align: center;
3149 .tag_cloud .inline-list li {
3150   padding: 0 0.2em;
3152 .tag_cloud .tag_overflow {
3153   margin-top: 1em;
3154   font-style: italic;
3156 .tag_cloud .s20 {
3157   font-size: 2.7em;
3159 .tag_cloud .s19 {
3160   font-size: 2.6em;
3162 .tag_cloud .s18 {
3163   font-size: 2.5em;
3165 .tag_cloud .s17 {
3166   font-size: 2.4em;
3168 .tag_cloud .s16 {
3169   font-size: 2.3em;
3171 .tag_cloud .s15 {
3172   font-size: 2.2em;
3174 .tag_cloud .s14 {
3175   font-size: 2.1em;
3177 .tag_cloud .s13 {
3178   font-size: 2em;
3180 .tag_cloud .s12 {
3181   font-size: 1.9em;
3183 .tag_cloud .s11 {
3184   font-size: 1.8em;
3186 .tag_cloud .s10 {
3187   font-size: 1.7em;
3189 .tag_cloud .s9 {
3190   font-size: 1.6em;
3192 .tag_cloud .s8 {
3193   font-size: 1.5em;
3195 .tag_cloud .s7 {
3196   font-size: 1.4em;
3198 .tag_cloud .s6 {
3199   font-size: 1.3em;
3201 .tag_cloud .s5 {
3202   font-size: 1.2em;
3204 .tag_cloud .s4 {
3205   font-size: 1.1em;
3207 .tag_cloud .s3 {
3208   font-size: 1em;
3210 .tag_cloud .s2 {
3211   font-size: 0.9em;
3213 .tag_cloud .s1 {
3214   font-size: 0.8em;
3216 .tag_cloud .s0 {
3217   font-size: 0.7em;
3219 .tag_list ul {
3220   display: inline;
3222 .tag_list.hideoverlimit .overlimit {
3223   display: none;
3225 .tag_list .tagmorelink {
3226   display: none;
3228 .tag_list.hideoverlimit .tagmorelink {
3229   display: inline;
3231 .tag_list.hideoverlimit .taglesslink {
3232   display: none;
3234 /**
3235 * Web Service
3236 */
3237 #webservice-doc-generator td {
3238   text-align: left;
3239   border: 0 solid black;
3241 /**
3242 * Registration
3243 */
3244 #page-admin-registration-register .registration_textfield {
3245   width: 300px;
3247 /**
3248 * Enrol
3249 */
3250 .userenrolment {
3251   width: 100%;
3252   border-collapse: collapse;
3254 .userenrolment tr {
3255   vertical-align: top;
3257 .userenrolment td {
3258   padding: 0;
3259   height: 41px;
3261 .userenrolment .subfield {
3262   margin-right: 5px;
3264 .userenrolment .col_userdetails .subfield {
3265   margin-left: 40px;
3267 .userenrolment .col_userdetails .subfield_picture {
3268   float: left;
3269   margin-left: 0;
3271 .userenrolment .col_lastseen {
3272   width: 150px;
3274 .userenrolment .col_role {
3275   width: 262px;
3277 .userenrolment .col_role .roles,
3278 .userenrolment .col_group .groups {
3279   margin-right: 30px;
3281 .userenrolment .col_role .role {
3282   float: left;
3283   padding: 0 3px 3px;
3284   margin: 0 3px 3px;
3285   white-space: nowrap;
3287 .userenrolment .col_group .group {
3288   float: left;
3289   padding: 3px;
3290   margin: 3px;
3291   white-space: nowrap;
3293 .userenrolment .col_role .role a,
3294 .userenrolment .col_group .group a {
3295   margin-left: 3px;
3296   cursor: pointer;
3298 .userenrolment .col_role .addrole,
3299 .userenrolment .col_group .addgroup {
3300   float: right;
3301   padding: 3px;
3302   margin: 3px;
3304 .userenrolment .col_role .addrole > a:hover,
3305 .userenrolment .col_group .addgroup > a:hover {
3306   border-bottom: 1px solid #666;
3308 .userenrolment .col_role .addrole img,
3309 .userenrolment .col_group .addgroup img {
3310   vertical-align: baseline;
3312 .userenrolment .hasAllRoles .col_role .addrole {
3313   display: none;
3315 .userenrolment .col_enrol .enrolment {
3316   float: left;
3317   padding: 0 3px 3px;
3318   margin: 0 3px 3px;
3320 .userenrolment .col_enrol .enrolment a {
3321   float: right;
3322   margin-left: 3px;
3324 #page-enrol-users .enrol_user_buttons {
3325   float: right;
3327 #page-enrol-users .enrol_user_buttons .enrolusersbutton {
3328   display: inline;
3330 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
3331 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {
3332   display: inline;
3333   margin-right: 0;
3335 #page-enrol-users #filterform {
3336   min-height: 20px;
3337   padding: 19px;
3338   margin-bottom: 20px;
3339   background-color: #f5f5f5;
3340   border: 1px solid #e3e3e3;
3341   -webkit-border-radius: 4px;
3342   -moz-border-radius: 4px;
3343   border-radius: 4px;
3344   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3345   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3346   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3347   border-color: #e3e3e3;
3348   padding: 9px;
3349   -webkit-border-radius: 3px;
3350   -moz-border-radius: 3px;
3351   border-radius: 3px;
3352   display: inline-block;
3354 #page-enrol-users #filterform blockquote {
3355   border-color: #ddd;
3356   border-color: rgba(0, 0, 0, 0.15);
3358 #page-enrol-users #filterform .fitem {
3359   display: inline-block;
3360   line-height: 40px;
3361   margin-right: .3em;
3362   white-space: nowrap;
3364 #page-enrol-users #filterform .fitem label {
3365   display: inline;
3366   line-height: 20px;
3367   padding-right: .3em;
3369 #page-enrol-users #filterform .fitem :before,
3370 #page-enrol-users #filterform .fitem :after {
3371   display: inline;
3373 #page-enrol-users #filterform div,
3374 #page-enrol-users #filterform fieldset {
3375   display: inline;
3376   float: none;
3377   clear: none;
3378   width: auto;
3379   margin: 0;
3381 #page-enrol-users #filterform select,
3382 #page-enrol-users #filterform .ftext input {
3383   width: 7em;
3385 #page-enrol-users #filterform input,
3386 #page-enrol-users #filterform select {
3387   margin-bottom: 0;
3389 #page-enrol-users .user-enroller-panel .uep-search-results .user .details {
3390   width: 237px;
3392 #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details {
3393   width: 237px;
3395 #page-enrol-users .enrol-users-page-action input {
3396   margin-left: 0;
3398 .corelightbox {
3399   background-color: #ccc;
3400   position: absolute;
3401   top: 0;
3402   left: 0;
3403   width: 100%;
3404   height: 100%;
3405   text-align: center;
3407 .corelightbox img {
3408   position: fixed;
3409   top: 50%;
3410   left: 50%;
3412 .mod-indent-outer {
3413   display: table;
3415 .mod-indent {
3416   display: table-cell;
3418 .label .mod-indent {
3419   float: left;
3420   padding-top: 20px;
3422 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
3423 .mod-indent-1 {
3424   width: 30px;
3426 .mod-indent-2 {
3427   width: 60px;
3429 .mod-indent-3 {
3430   width: 90px;
3432 .mod-indent-4 {
3433   width: 120px;
3435 .mod-indent-5 {
3436   width: 150px;
3438 .mod-indent-6 {
3439   width: 180px;
3441 .mod-indent-7 {
3442   width: 210px;
3444 .mod-indent-8 {
3445   width: 240px;
3447 .mod-indent-9 {
3448   width: 270px;
3450 .mod-indent-10 {
3451   width: 300px;
3453 .mod-indent-11 {
3454   width: 330px;
3456 .mod-indent-12 {
3457   width: 360px;
3459 .mod-indent-13 {
3460   width: 390px;
3462 .mod-indent-14 {
3463   width: 420px;
3465 .mod-indent-15 {
3466   width: 450px;
3468 .mod-indent-16 {
3469   width: 480px;
3471 .mod-indent-huge {
3472   width: 480px;
3474 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
3475 .resourcecontent .mediaplugin_mp3 object {
3476   height: 25px;
3477   width: 600px;
3479 .resourcecontent audio.mediaplugin_html5audio {
3480   width: 600px;
3482 /** Large resource images should avoid hidden overflow **/
3483 .resourceimage {
3484   max-width: 100%;
3486 /* Audio player size in 'inline' mode (can only change width, as above) */
3487 .mediaplugin_mp3 object {
3488   height: 15px;
3489   width: 300px;
3491 audio.mediaplugin_html5audio {
3492   width: 300px;
3494 /* TinyMCE moodle media preview frame should not have padding */
3495 .core_media_preview.pagelayout-embedded #content {
3496   padding: 0;
3498 .core_media_preview.pagelayout-embedded #maincontent {
3499   height: 0;
3501 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
3502   padding: 0;
3503   margin: 0;
3504   min-width: 0;
3505   background: none;
3507 /** Fix YUI 2 Treeview for Right to left languages **/
3508 .dir-rtl .ygtvtn,
3509 .dir-rtl .ygtvtm,
3510 .dir-rtl .ygtvtmh,
3511 .dir-rtl .ygtvtmhh,
3512 .dir-rtl .ygtvtp,
3513 .dir-rtl .ygtvtph,
3514 .dir-rtl .ygtvtphh,
3515 .dir-rtl .ygtvln,
3516 .dir-rtl .ygtvlm,
3517 .dir-rtl .ygtvlmh,
3518 .dir-rtl .ygtvlmhh,
3519 .dir-rtl .ygtvlp,
3520 .dir-rtl .ygtvlph,
3521 .dir-rtl .ygtvlphh,
3522 .dir-rtl .ygtvdepthcell,
3523 .dir-rtl .ygtvok,
3524 .dir-rtl .ygtvok:hover,
3525 .dir-rtl .ygtvcancel,
3526 .dir-rtl .ygtvcancel:hover {
3527   width: 18px;
3528   height: 22px;
3529   background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
3530   background-repeat: no-repeat;
3531   cursor: pointer;
3533 .dir-rtl .ygtvtn {
3534   background-position: 0 -5600px;
3536 .dir-rtl .ygtvtm {
3537   background-position: 0 -4000px;
3539 .dir-rtl .ygtvtmh,
3540 .dir-rtl .ygtvtmhh {
3541   background-position: 0 -4800px;
3543 .dir-rtl .ygtvtp {
3544   background-position: 0 -6400px;
3546 .dir-rtl .ygtvtph,
3547 .dir-rtl .ygtvtphh {
3548   background-position: 0 -7200px;
3550 .dir-rtl .ygtvln {
3551   background-position: 0 -1600px;
3553 .dir-rtl .ygtvlm {
3554   background-position: 0 0;
3556 .dir-rtl .ygtvlmh,
3557 .dir-rtl .ygtvlmhh {
3558   background-position: 0 -800px;
3560 .dir-rtl .ygtvlp {
3561   background-position: 0 -2400px;
3563 .dir-rtl .ygtvlph,
3564 .dir-rtl .ygtvlphh {
3565   background-position: 0 -3200px;
3567 .dir-rtl .ygtvdepthcell {
3568   background-position: 0 -8000px;
3570 .dir-rtl .ygtvok {
3571   background-position: 0 -8800px;
3573 .dir-rtl .ygtvok:hover {
3574   background-position: 0 -8844px;
3576 .dir-rtl .ygtvcancel {
3577   background-position: 0 -8822px;
3579 .dir-rtl .ygtvcancel:hover {
3580   background-position: 0 -8866px;
3582 .dir-rtl.yui-skin-sam .yui-panel .hd {
3583   text-align: right;
3585 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
3586   text-align: right;
3588 /** Fix TinyMCE editor right to left **/
3589 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
3590 .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
3591   top: 44px;
3593 .dir-rtl .o2k7Skin table,
3594 .dir-rtl .o2k7Skin tbody,
3595 .dir-rtl .o2k7Skin a,
3596 .dir-rtl .o2k7Skin img,
3597 .dir-rtl .o2k7Skin tr,
3598 .dir-rtl .o2k7Skin div,
3599 .dir-rtl .o2k7Skin td,
3600 .dir-rtl .o2k7Skin iframe,
3601 .dir-rtl .o2k7Skin span,
3602 .dir-rtl .o2k7Skin *,
3603 .dir-rtl .o2k7Skin .mceText,
3604 .dir-rtl .o2k7Skin .mceListBox .mceText {
3605   text-align: right;
3607 .path-rating .ratingtable {
3608   width: 100%;
3609   margin-bottom: 1em;
3611 .path-rating .ratingtable th.rating {
3612   width: 100%;
3614 .path-rating .ratingtable td.rating,
3615 .path-rating .ratingtable td.time {
3616   white-space: nowrap;
3617   text-align: center;
3619 .initialbar {
3620   overflow: auto;
3622 .initialbar .initialbarlabel {
3623   display: inline-block;
3624   width: 6em;
3625   float: left;
3626   overflow: hidden;
3627   text-overflow: ellipsis;
3628   white-space: nowrap;
3630 .initialbar .initialbarall {
3631   float: left;
3632   width: 4em;
3633   margin-bottom: 2px;
3634   overflow: hidden;
3635   text-overflow: ellipsis;
3636   white-space: nowrap;
3638 .initialbar .initialbargroups {
3639   float: left;
3641 .initialbar .initialbargroup {
3642   float: left;
3643   display: inline-block;
3644   white-space: nowrap;
3645   margin: 0;
3646   padding: 0;
3648 .initialbar .initialbargroup li {
3649   float: left;
3650   list-style: none;
3652 .initialbar .letter {
3653   display: inline-block;
3654   height: 1.35em;
3655   min-width: 1.35em;
3656   text-align: center;
3657   color: #0070a8;
3658   background: #fff;
3659   border-width: 1px;
3660   border-color: #ddd;
3661   border-style: solid;
3663 .initialbar .letter:hover,
3664 .initialbar .letter.active {
3665   color: white;
3666   background-color: #0070a8;
3668 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
3669 .moodle-dialogue-base .moodle-dialogue-lightbox {
3670   background-color: #aaa;
3672 .moodle-dialogue-base .hidden,
3673 .moodle-dialogue-base .moodle-dialogue-hidden {
3674   display: none;
3676 .no-scrolling {
3677   overflow: hidden;
3679 .moodle-dialogue-base .moodle-dialogue-fullscreen {
3680   left: 0;
3681   top: 0;
3682   right: 0;
3683   bottom: -50px;
3684   position: fixed;
3686 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3687   overflow: auto;
3689 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
3690   width: 28px;
3691   height: 16px;
3692   background-size: 100%;
3694 .moodle-dialogue-base .moodle-dialogue {
3695   padding: 0;
3696   margin: 0;
3697   background: none;
3698   border: none;
3699   z-index: 600;
3700   outline: #000 dotted 0;
3702 .moodle-dialogue-base .moodle-dialogue-wrap {
3703   margin-top: -3px;
3704   margin-left: -3px;
3705   background-color: #fff;
3706   border: 1px solid #ccc;
3707   -webkit-border-radius: 10px;
3708   -moz-border-radius: 10px;
3709   border-radius: 10px;
3710   -webkit-box-shadow: 5px 5px 20px 0 #666;
3711   -moz-box-shadow: 5px 5px 20px 0 #666;
3712   box-shadow: 5px 5px 20px 0 #666;
3714 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
3715 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
3716   margin: 0;
3717   padding: 5px;
3718   font-size: 12px;
3719   font-weight: normal;
3720   letter-spacing: 1px;
3721   color: #333;
3722   text-align: center;
3723   text-shadow: 1px 1px 1px #fff;
3724   -webkit-border-radius: 10px 10px 0 0;
3725   -moz-border-radius: 10px 10px 0 0;
3726   border-radius: 10px 10px 0 0;
3727   border-bottom: 1px solid #bbb;
3728   background: #ccc;
3729   background-color: #ebebeb;
3730   background-image: -moz-linear-gradient(top, #fff, #ccc);
3731   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
3732   background-image: -webkit-linear-gradient(top, #fff, #ccc);
3733   background-image: -o-linear-gradient(top, #fff, #ccc);
3734   background-image: linear-gradient(to bottom, #fff, #ccc);
3735   background-repeat: repeat-x;
3736   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
3737   filter: 0;
3739 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
3740   padding: 0;
3741   display: inline;
3742   font-size: 100%;
3743   font-weight: bold;
3745 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
3746   padding: 5px;
3748 .moodle-dialogue-base .closebutton {
3749   width: 25px;
3750   height: 15px;
3751   float: right;
3752   display: inline-block;
3753   cursor: pointer;
3754   padding: 0;
3755   background-image: url([[pix:theme|sprite]]);
3756   background-repeat: no-repeat;
3757   border-style: none;
3759 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
3760   padding: 1em;
3761   line-height: 2em;
3762   color: #555;
3763   font-size: 12px;
3765 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
3766   padding: 0;
3767   background: #fff;
3769 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
3770   padding: 10px;
3771   font-size: 16px;
3773 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3774   overflow: auto;
3775   position: absolute;
3776   top: 0;
3777   bottom: 50px;
3778   left: 0;
3779   right: 0;
3780   margin: 0;
3781   border: 0;
3783 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
3784 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
3785   border-radius: 0;
3787 .moodle-dialogue-confirm .confirmation-dialogue {
3788   text-align: center;
3790 .moodle-dialogue-confirm .confirmation-dialogue input {
3791   text-align: center;
3793 .moodle-dialogue-exception .moodle-exception-message {
3794   text-align: center;
3796 .moodle-dialogue-exception .moodle-exception-param label {
3797   font-weight: bold;
3799 .moodle-dialogue-exception .param-stacktrace label {
3800   background-color: #eee;
3801   border: 1px solid #ccc;
3802   border-bottom-width: 0;
3804 .moodle-dialogue-exception .param-stacktrace pre {
3805   border: 1px solid #ccc;
3806   background-color: #fff;
3808 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3809   color: navy;
3810   font-size: 11.9px;
3812 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3813   color: #b94a48;
3814   font-size: 11.9px;
3816 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3817   color: #333;
3818   font-size: 90%;
3819   border-bottom: 1px solid #eee;
3821 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
3822   padding: 0;
3823   margin: 0.7em 1em;
3824   text-align: right;
3825   background-color: #fff;
3826   font-size: 12px;
3828 .moodle-dialogue-confirm .confirmation-message {
3829   margin: 0.5em 1em;
3831 .moodle-dialogue-confirm .confirmation-dialogue input {
3832   min-width: 80px;
3834 .moodle-dialogue-exception .moodle-exception-message {
3835   margin: 1em;
3837 .moodle-dialogue-exception .moodle-exception-param {
3838   margin-bottom: 0.5em;
3840 .moodle-dialogue-exception .moodle-exception-param label {
3841   width: 150px;
3843 .moodle-dialogue-exception .param-stacktrace label {
3844   display: block;
3845   margin: 0;
3846   padding: 4px 1em;
3848 .moodle-dialogue-exception .param-stacktrace pre {
3849   display: block;
3850   height: 200px;
3851   overflow: auto;
3853 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3854   display: inline-block;
3855   margin: 4px 0;
3857 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3858   display: inline-block;
3859   width: 50px;
3860   margin: 4px 1em;
3862 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3863   padding-left: 25px;
3864   margin-bottom: 4px;
3865   padding-bottom: 4px;
3867 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
3868   opacity: 0.75;
3869   filter: alpha(opacity=75);
3870   width: 100%;
3871   height: 100%;
3872   top: 0;
3873   left: 0;
3874   background-color: white;
3875   text-align: center;
3876   padding: 10% 0;
3878 /* Apply a default max-height on tooltip text */
3879 .moodle-dialogue .tooltiptext {
3880   max-height: 300px;
3882 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
3883   z-index: 3001;
3885 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
3886   overflow: auto;
3888 /**
3889  * Chooser Dialogues (moodle-core-chooserdialogue)
3890  *
3891  * This CSS belong to the chooser dialogue which should work both with, and
3892  * without javascript enabled
3893  */
3894 /* Hide the dialog and it's title */
3895 .chooserdialoguebody,
3896 .choosertitle {
3897   display: none;
3899 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
3900   margin: 0;
3902 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
3903   padding: 0;
3904   background: #f2f2f2;
3905   -webkit-border-bottom-right-radius: 10px;
3906   -moz-border-radius-bottomright: 10px;
3907   border-bottom-right-radius: 10px;
3908   -webkit-border-bottom-left-radius: 10px;
3909   -moz-border-radius-bottomleft: 10px;
3910   border-bottom-left-radius: 10px;
3912 /* Center the submit buttons within the area */
3913 .choosercontainer #chooseform .submitbuttons {
3914   padding: 0.7em 0;
3915   text-align: center;
3917 /* Fixed for safari browser on iPhone4S with ios7.*/
3918 @media (max-height: 639px) {
3919   .ios.safari .choosercontainer #chooseform .submitbuttons {
3920     padding: 45px 0;
3921   }
3923 .choosercontainer #chooseform .submitbuttons input {
3924   min-width: 100px;
3925   margin: 0 0.5em;
3927 /* Various settings for the options area */
3928 .choosercontainer #chooseform .options {
3929   position: relative;
3930   border-bottom: 1px solid #bbb;
3932 /* Only set these options if we're showing the js container */
3933 .jschooser .choosercontainer #chooseform .alloptions {
3934   overflow-x: hidden;
3935   overflow-y: auto;
3936   max-width: 20.3em;
3937   -webkit-box-shadow: inset 0 0 30px 0 #ccc;
3938   -moz-box-shadow: inset 0 0 30px 0 #ccc;
3939   box-shadow: inset 0 0 30px 0 #ccc;
3941 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
3942   display: inline-block;
3944 .jschooser .choosercontainer #chooseform .alloptions .option .modicon {
3945   display: inline-block;
3947 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
3948   display: inline-block;
3949   width: 65%;
3951 /* Settings for option rows and option subtypes */
3952 .choosercontainer #chooseform .moduletypetitle,
3953 .choosercontainer #chooseform .option,
3954 .choosercontainer #chooseform .nonoption {
3955   margin-bottom: 0;
3956   padding: 0 1.6em 0 1.6em;
3958 .choosercontainer #chooseform .moduletypetitle {
3959   text-transform: uppercase;
3960   padding-top: 1.2em;
3961   padding-bottom: 0.4em;
3963 .choosercontainer #chooseform .option .typename,
3964 .choosercontainer #chooseform .option span.modicon img.icon,
3965 .choosercontainer #chooseform .nonoption .typename,
3966 .choosercontainer #chooseform .nonoption span.modicon img.icon {
3967   padding: 0 0 0 0.5em;
3969 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
3970 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
3971   height: 24px;
3972   width: 24px;
3974 .choosercontainer #chooseform .option input[type=radio],
3975 .choosercontainer #chooseform .option span.typename,
3976 .choosercontainer #chooseform .option span.modicon {
3977   vertical-align: middle;
3979 .choosercontainer #chooseform .option label {
3980   display: block;
3981   padding: 0.3em 0 0.1em 0;
3982   border-bottom: 1px solid #fff;
3984 .choosercontainer #chooseform .nonoption {
3985   padding-left: 2.7em;
3986   padding-top: 0.3em;
3987   padding-bottom: 0.1em;
3989 .choosercontainer #chooseform .subtype {
3990   margin-bottom: 0;
3991   padding: 0 1.6em 0 3.2em;
3993 .choosercontainer #chooseform .subtype .typename {
3994   margin: 0 0 0 0.2em;
3996 /* The instruction/help area */
3997 .jschooser .choosercontainer #chooseform .instruction,
3998 .jschooser .choosercontainer #chooseform .typesummary {
3999   display: none;
4000   position: absolute;
4001   top: 0;
4002   right: 0;
4003   bottom: 0;
4004   left: 20.3em;
4005   margin: 0;
4006   padding: 1.6em;
4007   background-color: #fff;
4008   overflow-x: hidden;
4009   overflow-y: auto;
4010   line-height: 2em;
4012 /* Selected option settings */
4013 .jschooser .choosercontainer #chooseform .instruction,
4014 .choosercontainer #chooseform .selected .typesummary {
4015   display: block;
4017 .choosercontainer #chooseform .selected {
4018   background-color: #fff;
4019   -webkit-box-shadow: 0px 0 10px 0 #ccc;
4020   -moz-box-shadow: 0px 0 10px 0 #ccc;
4021   box-shadow: 0px 0 10px 0 #ccc;
4023 .section-modchooser-link img.smallicon {
4024   padding: 3px;
4026 /* Form element: listing */
4027 .formlistingradio {
4028   padding-bottom: 25px;
4029   padding-right: 10px;
4031 .formlistinginputradio {
4032   float: left;
4034 .formlistingmain {
4035   min-height: 225px;
4037 .formlisting {
4038   position: relative;
4039   margin: 15px 0;
4040   padding: 1px 19px 14px;
4041   background-color: white;
4042   border: 1px solid #ddd;
4043   -webkit-border-radius: 4px;
4044   -moz-border-radius: 4px;
4045   border-radius: 4px;
4047 .formlistingmore {
4048   position: absolute;
4049   cursor: pointer;
4050   bottom: -1px;
4051   right: -1px;
4052   padding: 3px 7px;
4053   font-size: 12px;
4054   font-weight: bold;
4055   background-color: #f5f5f5;
4056   border: 1px solid #ddd;
4057   color: #9da0a4;
4058   -webkit-border-radius: 4px 0 4px 0;
4059   -moz-border-radius: 4px 0 4px 0;
4060   border-radius: 4px 0 4px 0;
4062 .formlistingall {
4063   margin: 15px 0;
4064   padding: 0;
4065   -webkit-border-radius: 4px;
4066   -moz-border-radius: 4px;
4067   border-radius: 4px;
4069 .formlistingrow {
4070   cursor: pointer;
4071   border-bottom: 1px solid;
4072   border-color: #e1e1e8;
4073   border-left: 1px solid #e1e1e8;
4074   border-right: 1px solid #e1e1e8;
4075   background-color: #f7f7f9;
4076   -webkit-border-radius: 0 0 4px 4px;
4077   -moz-border-radius: 0 0 4px 4px;
4078   border-radius: 0 0 4px 4px;
4079   padding: 6px;
4080   top: 50%;
4081   left: 50%;
4082   min-height: 34px;
4083   float: left;
4084   width: 150px;
4086 body.jsenabled .formlistingradio {
4087   display: none;
4089 body.jsenabled .formlisting {
4090   display: block;
4092 /* Badges styles */
4093 table.collection {
4094   width: 100%;
4095   margin-bottom: 20px;
4096   border: 1px solid #ddd;
4097   border-collapse: separate;
4098   *border-collapse: collapse;
4099   border-left: 0;
4100   -webkit-border-radius: 4px;
4101   -moz-border-radius: 4px;
4102   border-radius: 4px;
4104 table.collection th,
4105 table.collection td {
4106   padding: 8px;
4107   line-height: 20px;
4108   text-align: left;
4109   vertical-align: top;
4110   border-top: 1px solid #ddd;
4112 table.collection th {
4113   font-weight: bold;
4115 table.collection thead th {
4116   vertical-align: bottom;
4118 table.collection caption + thead tr:first-child th,
4119 table.collection caption + thead tr:first-child td,
4120 table.collection colgroup + thead tr:first-child th,
4121 table.collection colgroup + thead tr:first-child td,
4122 table.collection thead:first-child tr:first-child th,
4123 table.collection thead:first-child tr:first-child td {
4124   border-top: 0;
4126 table.collection tbody + tbody {
4127   border-top: 2px solid #ddd;
4129 table.collection .table {
4130   background-color: #fff;
4132 table.collection th,
4133 table.collection td {
4134   border-left: 1px solid #ddd;