Merge branch 'MDL-58426-master-bigicons' of git://github.com/mudrd8mz/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.resize {
2534   height: 1em;
2535   width: 1em;
2537 .block img.resize,
2538 .breadcrumb img.resize {
2539   height: 0.9em;
2540   width: 0.8em;
2542 /* Icon styles */
2543 img.icon {
2544   height: 16px;
2545   vertical-align: text-bottom;
2546   width: 16px;
2547   padding-right: 6px;
2549 img.icon.iconsize-big {
2550   width: 64px;
2551   height: 64px;
2553 img.iconsmall {
2554   height: 12px;
2555   margin-right: 3px;
2556   vertical-align: middle;
2557   width: 12px;
2559 img.iconhelp,
2560 .helplink img {
2561   height: 16px;
2562   padding-left: 3px;
2563   vertical-align: text-bottom;
2564   width: 16px;
2566 h1 img.iconhelp,
2567 h1 img.icon,
2568 h2 img.iconhelp,
2569 h2 img.icon,
2570 h3 img.iconhelp,
2571 h3 img.icon,
2572 h4 img.iconhelp,
2573 h4 img.icon,
2574 h5 img.iconhelp,
2575 h5 img.icon,
2576 h6 img.iconhelp,
2577 h6 img.icon {
2578   vertical-align: middle;
2579   padding: 4px;
2581 img.iconlarge {
2582   height: 24px;
2583   width: 24px;
2584   vertical-align: middle;
2586 img.iconsort {
2587   vertical-align: text-bottom;
2588   padding-left: .3em;
2589   margin-bottom: .15em;
2591 img.icontoggle {
2592   height: 17px;
2593   vertical-align: middle;
2594   width: 50px;
2596 img.iconkbhelp {
2597   height: 17px;
2598   width: 49px;
2600 img.icon-pre {
2601   padding-right: 3px;
2602   padding-left: 0;
2604 img.icon-post {
2605   padding-left: 3px;
2606   padding-right: 0;
2608 .sitelink img {
2609   width: 112px;
2611 .boxaligncenter {
2612   margin-left: auto;
2613   margin-right: auto;
2615 .boxalignright {
2616   margin-left: auto;
2617   margin-right: 0;
2619 .boxalignleft {
2620   margin-left: 0;
2621   margin-right: auto;
2623 .boxwidthnarrow {
2624   width: 30%;
2626 .boxwidthnormal {
2627   width: 50%;
2629 .boxwidthwide {
2630   width: 80%;
2632 .headermain {
2633   font-weight: bold;
2635 #maincontent {
2636   display: block;
2637   height: 1px;
2638   overflow: hidden;
2640 img.uihint {
2641   cursor: help;
2643 #addmembersform table {
2644   margin-left: auto;
2645   margin-right: auto;
2647 table.flexible .emptyrow {
2648   display: none;
2650 img.emoticon {
2651   vertical-align: middle;
2652   width: 15px;
2653   height: 15px;
2655 form.popupform,
2656 form.popupform div {
2657   display: inline;
2659 .arrow_button input {
2660   overflow: hidden;
2662 .action-icon img.smallicon {
2663   vertical-align: text-bottom;
2664   margin: 0 0.3em;
2666 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
2667 .no-overflow {
2668   overflow: auto;
2669   padding-bottom: 1px;
2671 .pagelayout-report .no-overflow {
2672   overflow: visible;
2674 .no-overflow > .generaltable {
2675   margin-bottom: 0;
2677 .accesshide {
2678   position: absolute;
2679   left: -10000px;
2680   font-weight: normal;
2681   font-size: 1em;
2683 span.hide,
2684 div.hide {
2685   display: none;
2687 a.skip-block,
2688 a.skip {
2689   position: absolute;
2690   top: -1000em;
2691   font-size: 0.85em;
2692   text-decoration: none;
2694 a.skip-block:focus,
2695 a.skip-block:active,
2696 a.skip:focus,
2697 a.skip:active {
2698   position: static;
2699   display: block;
2701 .skip-block-to {
2702   display: block;
2703   height: 1px;
2704   overflow: hidden;
2706 .addbloglink {
2707   text-align: center;
2709 .blog_entry .audience {
2710   text-align: right;
2711   padding-right: 4px;
2713 .blog_entry .tags {
2714   margin-top: 15px;
2716 .blog_entry .tags .action-icon img.smallicon {
2717   height: 16px;
2718   width: 16px;
2720 .blog_entry .content {
2721   margin-left: 43px;
2723 #page-group-index #groupeditform {
2724   text-align: center;
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 .signuppanel .subcontent {
2800   text-align: left;
2802 .loginbox .loginsub {
2803   margin-left: 0;
2804   margin-right: 0;
2806 .loginbox .guestsub,
2807 .loginbox .forgotsub,
2808 .loginbox .potentialidps {
2809   margin: 5px 12%;
2811 .loginbox .potentialidps .potentialidplist {
2812   margin-left: 40%;
2814 .loginbox .potentialidps .potentialidplist div {
2815   text-align: left;
2817 .loginbox .loginform {
2818   margin-top: 1em;
2819   text-align: left;
2821 .loginbox .loginform .form-label {
2822   float: left;
2823   text-align: right;
2824   width: 49%;
2825   white-space: nowrap;
2827 .loginbox .loginform .form-input {
2828   float: right;
2829   width: 50%;
2831 .loginbox .loginform .form-input input {
2832   width: 6em;
2834 .loginbox .signupform {
2835   margin-top: 1em;
2836   text-align: center;
2838 .loginbox.twocolumns .loginpanel,
2839 .loginbox.twocolumns .signuppanel {
2840   width: 48%;
2841   border: 0;
2842   margin: 0;
2843   padding: 0;
2844   -webkit-box-sizing: border-box;
2845   -moz-box-sizing: border-box;
2846   box-sizing: border-box;
2847   display: block;
2848   float: left;
2849   margin-left: 2.76243%;
2850   min-height: 30px;
2851   margin-bottom: -2000px;
2852   padding-bottom: 2000px;
2854 .loginbox .potentialidp .smallicon {
2855   vertical-align: text-bottom;
2856   margin: 0 .3em;
2858 .notepost {
2859   margin-bottom: 1em;
2861 .notepost .userpicture {
2862   float: left;
2863   margin-right: 5px;
2865 .notepost .content,
2866 .notepost .footer {
2867   clear: both;
2869 .notesgroup {
2870   margin-left: 20px;
2872 .path-my .coursebox .overview {
2873   margin: 15px 30px 10px 30px;
2875 .path-my .coursebox .info {
2876   float: none;
2877   margin: 0;
2879 .mod_introbox {
2880   padding: 10px;
2882 table.mod_index {
2883   width: 100%;
2885 .comment-ctrl {
2886   font-size: 12px;
2887   display: none;
2888   margin: 0;
2889   padding: 0;
2891 .comment-ctrl h5 {
2892   margin: 0;
2893   padding: 5px;
2895 .comment-area {
2896   max-width: 400px;
2897   padding: 5px;
2899 .comment-area textarea {
2900   width: 100%;
2901   overflow: auto;
2903 .comment-area textarea.fullwidth {
2904   -webkit-box-sizing: border-box;
2905   -moz-box-sizing: border-box;
2906   box-sizing: border-box;
2908 .comment-area .fd {
2909   text-align: right;
2911 .comment-meta span {
2912   color: gray;
2914 .comment-link img {
2915   vertical-align: text-bottom;
2917 .comment-list {
2918   font-size: 11px;
2919   overflow: auto;
2920   list-style: none;
2921   padding: 0;
2922   margin: 0;
2924 .comment-list li {
2925   margin: 2px;
2926   list-style: none;
2927   margin-bottom: 5px;
2928   clear: both;
2929   padding: .3em;
2930   position: relative;
2932 .comment-list li.first {
2933   display: none;
2935 .comment-paging {
2936   text-align: center;
2938 .comment-paging .pageno {
2939   padding: 2px;
2941 .comment-paging .curpage {
2942   border: 1px solid #ccc;
2944 .comment-message .picture {
2945   width: 20px;
2946   float: left;
2948 .comment-message .text {
2949   margin: 0;
2950   padding: 0;
2952 .comment-message .text p {
2953   padding: 0;
2954   margin: 0 18px 0 0;
2956 .comment-delete {
2957   position: absolute;
2958   top: 0;
2959   right: 0;
2960   margin: .3em;
2962 .comment-report-selectall {
2963   display: none;
2965 .comment-link {
2966   display: none;
2968 .jsenabled .comment-link {
2969   display: block;
2971 .jsenabled .showcommentsnonjs {
2972   display: none;
2974 .jsenabled .comment-report-selectall {
2975   display: inline;
2977 /**
2978 * Completion progress report
2979 */
2980 .completion-expired {
2981   background: #f2dede;
2983 .completion-expected {
2984   font-size: 10.5px;
2986 .completion-sortchoice,
2987 .completion-identifyfield {
2988   font-size: 10.5px;
2989   vertical-align: bottom;
2991 .completion-progresscell {
2992   text-align: right;
2994 .completion-expired .completion-expected {
2995   font-weight: bold;
2997 /**
2998 * Tags
2999 */
3000 img.user-image {
3001   height: 100px;
3002   width: 100px;
3004 #tag-search-box {
3005   text-align: center;
3006   margin: 10px auto;
3008 .path-tag .tag-index-items .tagarea {
3009   border: 1px solid #e3e3e3;
3010   border-radius: 4px;
3011   padding: 10px;
3012   margin-top: 10px;
3014 .path-tag .tag-index-items .tagarea h3 {
3015   display: block;
3016   padding: 3px 0 10px 0;
3017   margin: 0;
3018   font-size: 1.1em;
3019   font-weight: bold;
3020   line-height: 20px;
3021   color: #999;
3022   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
3023   text-transform: uppercase;
3024   word-wrap: break-word;
3025   border-bottom: solid 1px #e3e3e3;
3026   margin-bottom: 10px;
3028 .path-tag .tagarea .controls,
3029 .path-tag .tagarea .taggeditems {
3030   *zoom: 1;
3032 .path-tag .tagarea .controls:before,
3033 .path-tag .tagarea .taggeditems:before,
3034 .path-tag .tagarea .controls:after,
3035 .path-tag .tagarea .taggeditems:after {
3036   display: table;
3037   content: "";
3038   line-height: 0;
3040 .path-tag .tagarea .controls:after,
3041 .path-tag .tagarea .taggeditems:after {
3042   clear: both;
3044 .path-tag .tagarea .controls,
3045 .path-tag .tag-backtoallitems {
3046   text-align: center;
3048 .path-tag .tagarea .controls .gotopage.nextpage {
3049   float: right;
3051 .path-tag .tagarea .controls .gotopage.prevpage {
3052   float: left;
3054 .path-tag .tagarea .controls .exclusivemode {
3055   display: inline-block;
3057 .path-tag .tagarea .controls.controls-bottom {
3058   margin-top: 5px;
3060 .path-tag .tagarea .controls .gotopage.nextpage::after {
3061   /*rtl:remove*/
3062   content: "»";
3063   /*rtl:raw:
3064     content: "«";
3065     */
3066   padding-right: 5px;
3067   padding-left: 5px;
3069 .path-tag .tagarea .controls .gotopage.prevpage::before {
3070   /*rtl:remove*/
3071   content: "«";
3072   /*rtl:raw:
3073     content: "»";
3074     */
3075   padding-right: 5px;
3076   padding-left: 5px;
3078 span.flagged-tag,
3079 tr.flagged-tag,
3080 span.flagged-tag a,
3081 tr.flagged-tag a {
3082   color: #b94a48;
3084 .tag-management-table td,
3085 .tag-management-table th {
3086   vertical-align: middle;
3087   padding: 4px;
3089 .tag-management-table .inplaceeditable.inplaceeditingon input {
3090   width: 150px;
3092 .path-admin-tag .addstandardtags {
3093   float: right;
3095 .path-admin-tag .addstandardtags img {
3096   margin: 0 5px;
3098 .path-tag .tag-relatedtags {
3099   padding-top: 10px;
3101 .path-tag .tag-management-box {
3102   text-align: right;
3104 .path-tag .tag-index-toc {
3105   padding: 10px;
3106   text-align: center;
3108 .path-tag .tag-index-toc li,
3109 .path-tag .tag-management-box li {
3110   margin-left: 5px;
3111   margin-right: 5px;
3113 .path-tag .tag-management-box li a.edittag {
3114   background-image: url([[pix:moodle|i/settings]]);
3116 .path-tag .tag-management-box li a.flagasinappropriate {
3117   background-image: url([[pix:moodle|i/flagged]]);
3119 .path-tag .tag-management-box li a.removefrommyinterests {
3120   background-image: url([[pix:moodle|t/delete]]);
3122 .path-tag .tag-management-box li a.addtomyinterests {
3123   background-image: url([[pix:moodle|t/add]]);
3125 .path-tag .tag-management-box li a {
3126   background-repeat: no-repeat;
3127   background-position: left;
3128   padding-left: 17px;
3130 .tag_feed.media-list .media .itemimage {
3131   float: left;
3133 .tag_feed.media-list .media .itemimage img {
3134   height: 35px;
3135   width: 35px;
3137 .tag_feed.media-list .media .media-body {
3138   padding-right: 10px;
3139   padding-left: 10px;
3141 .tag_feed .media .muted a {
3142   color: #999;
3144 .tag_cloud {
3145   text-align: center;
3147 .tag_cloud .inline-list li {
3148   padding: 0 0.2em;
3150 .tag_cloud .tag_overflow {
3151   margin-top: 1em;
3152   font-style: italic;
3154 .tag_cloud .s20 {
3155   font-size: 2.7em;
3157 .tag_cloud .s19 {
3158   font-size: 2.6em;
3160 .tag_cloud .s18 {
3161   font-size: 2.5em;
3163 .tag_cloud .s17 {
3164   font-size: 2.4em;
3166 .tag_cloud .s16 {
3167   font-size: 2.3em;
3169 .tag_cloud .s15 {
3170   font-size: 2.2em;
3172 .tag_cloud .s14 {
3173   font-size: 2.1em;
3175 .tag_cloud .s13 {
3176   font-size: 2em;
3178 .tag_cloud .s12 {
3179   font-size: 1.9em;
3181 .tag_cloud .s11 {
3182   font-size: 1.8em;
3184 .tag_cloud .s10 {
3185   font-size: 1.7em;
3187 .tag_cloud .s9 {
3188   font-size: 1.6em;
3190 .tag_cloud .s8 {
3191   font-size: 1.5em;
3193 .tag_cloud .s7 {
3194   font-size: 1.4em;
3196 .tag_cloud .s6 {
3197   font-size: 1.3em;
3199 .tag_cloud .s5 {
3200   font-size: 1.2em;
3202 .tag_cloud .s4 {
3203   font-size: 1.1em;
3205 .tag_cloud .s3 {
3206   font-size: 1em;
3208 .tag_cloud .s2 {
3209   font-size: 0.9em;
3211 .tag_cloud .s1 {
3212   font-size: 0.8em;
3214 .tag_cloud .s0 {
3215   font-size: 0.7em;
3217 .tag_list ul {
3218   display: inline;
3220 .tag_list.hideoverlimit .overlimit {
3221   display: none;
3223 .tag_list .tagmorelink {
3224   display: none;
3226 .tag_list.hideoverlimit .tagmorelink {
3227   display: inline;
3229 .tag_list.hideoverlimit .taglesslink {
3230   display: none;
3232 /**
3233 * Web Service
3234 */
3235 #webservice-doc-generator td {
3236   text-align: left;
3237   border: 0 solid black;
3239 /**
3240 * Registration
3241 */
3242 #page-admin-registration-register .registration_textfield {
3243   width: 300px;
3245 /**
3246 * Enrol
3247 */
3248 .userenrolment {
3249   width: 100%;
3250   border-collapse: collapse;
3252 .userenrolment tr {
3253   vertical-align: top;
3255 .userenrolment td {
3256   padding: 0;
3257   height: 41px;
3259 .userenrolment .subfield {
3260   margin-right: 5px;
3262 .userenrolment .col_userdetails .subfield {
3263   margin-left: 40px;
3265 .userenrolment .col_userdetails .subfield_picture {
3266   float: left;
3267   margin-left: 0;
3269 .userenrolment .col_lastseen {
3270   width: 150px;
3272 .userenrolment .col_role {
3273   width: 262px;
3275 .userenrolment .col_role .roles,
3276 .userenrolment .col_group .groups {
3277   margin-right: 30px;
3279 .userenrolment .col_role .role {
3280   float: left;
3281   padding: 0 3px 3px;
3282   margin: 0 3px 3px;
3283   white-space: nowrap;
3285 .userenrolment .col_group .group {
3286   float: left;
3287   padding: 3px;
3288   margin: 3px;
3289   white-space: nowrap;
3291 .userenrolment .col_role .role a,
3292 .userenrolment .col_group .group a {
3293   margin-left: 3px;
3294   cursor: pointer;
3296 .userenrolment .col_role .addrole,
3297 .userenrolment .col_group .addgroup {
3298   float: right;
3299   padding: 3px;
3300   margin: 3px;
3302 .userenrolment .col_role .addrole > a:hover,
3303 .userenrolment .col_group .addgroup > a:hover {
3304   border-bottom: 1px solid #666;
3306 .userenrolment .col_role .addrole img,
3307 .userenrolment .col_group .addgroup img {
3308   vertical-align: baseline;
3310 .userenrolment .hasAllRoles .col_role .addrole {
3311   display: none;
3313 .userenrolment .col_enrol .enrolment {
3314   float: left;
3315   padding: 0 3px 3px;
3316   margin: 0 3px 3px;
3318 .userenrolment .col_enrol .enrolment a {
3319   float: right;
3320   margin-left: 3px;
3322 #page-enrol-users .enrol_user_buttons {
3323   float: right;
3325 #page-enrol-users .enrol_user_buttons .enrolusersbutton {
3326   display: inline;
3328 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
3329 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {
3330   display: inline;
3331   margin-right: 0;
3333 #page-enrol-users #filterform {
3334   min-height: 20px;
3335   padding: 19px;
3336   margin-bottom: 20px;
3337   background-color: #f5f5f5;
3338   border: 1px solid #e3e3e3;
3339   -webkit-border-radius: 4px;
3340   -moz-border-radius: 4px;
3341   border-radius: 4px;
3342   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3343   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3344   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3345   border-color: #e3e3e3;
3346   padding: 9px;
3347   -webkit-border-radius: 3px;
3348   -moz-border-radius: 3px;
3349   border-radius: 3px;
3350   display: inline-block;
3352 #page-enrol-users #filterform blockquote {
3353   border-color: #ddd;
3354   border-color: rgba(0, 0, 0, 0.15);
3356 #page-enrol-users #filterform .fitem {
3357   display: inline-block;
3358   line-height: 40px;
3359   margin-right: .3em;
3360   white-space: nowrap;
3362 #page-enrol-users #filterform .fitem label {
3363   display: inline;
3364   line-height: 20px;
3365   padding-right: .3em;
3367 #page-enrol-users #filterform .fitem :before,
3368 #page-enrol-users #filterform .fitem :after {
3369   display: inline;
3371 #page-enrol-users #filterform div,
3372 #page-enrol-users #filterform fieldset {
3373   display: inline;
3374   float: none;
3375   clear: none;
3376   width: auto;
3377   margin: 0;
3379 #page-enrol-users #filterform select,
3380 #page-enrol-users #filterform .ftext input {
3381   width: 7em;
3383 #page-enrol-users #filterform input,
3384 #page-enrol-users #filterform select {
3385   margin-bottom: 0;
3387 #page-enrol-users .user-enroller-panel .uep-search-results .user .details {
3388   width: 237px;
3390 #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details {
3391   width: 237px;
3393 #page-enrol-users .enrol-users-page-action input {
3394   margin-left: 0;
3396 .corelightbox {
3397   background-color: #ccc;
3398   position: absolute;
3399   top: 0;
3400   left: 0;
3401   width: 100%;
3402   height: 100%;
3403   text-align: center;
3405 .corelightbox img {
3406   position: fixed;
3407   top: 50%;
3408   left: 50%;
3410 .mod-indent-outer {
3411   display: table;
3413 .mod-indent {
3414   display: table-cell;
3416 .label .mod-indent {
3417   float: left;
3418   padding-top: 20px;
3420 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
3421 .mod-indent-1 {
3422   width: 30px;
3424 .mod-indent-2 {
3425   width: 60px;
3427 .mod-indent-3 {
3428   width: 90px;
3430 .mod-indent-4 {
3431   width: 120px;
3433 .mod-indent-5 {
3434   width: 150px;
3436 .mod-indent-6 {
3437   width: 180px;
3439 .mod-indent-7 {
3440   width: 210px;
3442 .mod-indent-8 {
3443   width: 240px;
3445 .mod-indent-9 {
3446   width: 270px;
3448 .mod-indent-10 {
3449   width: 300px;
3451 .mod-indent-11 {
3452   width: 330px;
3454 .mod-indent-12 {
3455   width: 360px;
3457 .mod-indent-13 {
3458   width: 390px;
3460 .mod-indent-14 {
3461   width: 420px;
3463 .mod-indent-15 {
3464   width: 450px;
3466 .mod-indent-16 {
3467   width: 480px;
3469 .mod-indent-huge {
3470   width: 480px;
3472 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
3473 .resourcecontent .mediaplugin_mp3 object {
3474   height: 25px;
3475   width: 600px;
3477 .resourcecontent audio.mediaplugin_html5audio {
3478   width: 600px;
3480 /** Large resource images should avoid hidden overflow **/
3481 .resourceimage {
3482   max-width: 100%;
3484 /* Audio player size in 'inline' mode (can only change width, as above) */
3485 .mediaplugin_mp3 object {
3486   height: 15px;
3487   width: 300px;
3489 audio.mediaplugin_html5audio {
3490   width: 300px;
3492 /* TinyMCE moodle media preview frame should not have padding */
3493 .core_media_preview.pagelayout-embedded #content {
3494   padding: 0;
3496 .core_media_preview.pagelayout-embedded #maincontent {
3497   height: 0;
3499 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
3500   padding: 0;
3501   margin: 0;
3502   min-width: 0;
3503   background: none;
3505 /** Fix YUI 2 Treeview for Right to left languages **/
3506 .dir-rtl .ygtvtn,
3507 .dir-rtl .ygtvtm,
3508 .dir-rtl .ygtvtmh,
3509 .dir-rtl .ygtvtmhh,
3510 .dir-rtl .ygtvtp,
3511 .dir-rtl .ygtvtph,
3512 .dir-rtl .ygtvtphh,
3513 .dir-rtl .ygtvln,
3514 .dir-rtl .ygtvlm,
3515 .dir-rtl .ygtvlmh,
3516 .dir-rtl .ygtvlmhh,
3517 .dir-rtl .ygtvlp,
3518 .dir-rtl .ygtvlph,
3519 .dir-rtl .ygtvlphh,
3520 .dir-rtl .ygtvdepthcell,
3521 .dir-rtl .ygtvok,
3522 .dir-rtl .ygtvok:hover,
3523 .dir-rtl .ygtvcancel,
3524 .dir-rtl .ygtvcancel:hover {
3525   width: 18px;
3526   height: 22px;
3527   background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
3528   background-repeat: no-repeat;
3529   cursor: pointer;
3531 .dir-rtl .ygtvtn {
3532   background-position: 0 -5600px;
3534 .dir-rtl .ygtvtm {
3535   background-position: 0 -4000px;
3537 .dir-rtl .ygtvtmh,
3538 .dir-rtl .ygtvtmhh {
3539   background-position: 0 -4800px;
3541 .dir-rtl .ygtvtp {
3542   background-position: 0 -6400px;
3544 .dir-rtl .ygtvtph,
3545 .dir-rtl .ygtvtphh {
3546   background-position: 0 -7200px;
3548 .dir-rtl .ygtvln {
3549   background-position: 0 -1600px;
3551 .dir-rtl .ygtvlm {
3552   background-position: 0 0;
3554 .dir-rtl .ygtvlmh,
3555 .dir-rtl .ygtvlmhh {
3556   background-position: 0 -800px;
3558 .dir-rtl .ygtvlp {
3559   background-position: 0 -2400px;
3561 .dir-rtl .ygtvlph,
3562 .dir-rtl .ygtvlphh {
3563   background-position: 0 -3200px;
3565 .dir-rtl .ygtvdepthcell {
3566   background-position: 0 -8000px;
3568 .dir-rtl .ygtvok {
3569   background-position: 0 -8800px;
3571 .dir-rtl .ygtvok:hover {
3572   background-position: 0 -8844px;
3574 .dir-rtl .ygtvcancel {
3575   background-position: 0 -8822px;
3577 .dir-rtl .ygtvcancel:hover {
3578   background-position: 0 -8866px;
3580 .dir-rtl.yui-skin-sam .yui-panel .hd {
3581   text-align: right;
3583 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
3584   text-align: right;
3586 /** Fix TinyMCE editor right to left **/
3587 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
3588 .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
3589   top: 44px;
3591 .dir-rtl .o2k7Skin table,
3592 .dir-rtl .o2k7Skin tbody,
3593 .dir-rtl .o2k7Skin a,
3594 .dir-rtl .o2k7Skin img,
3595 .dir-rtl .o2k7Skin tr,
3596 .dir-rtl .o2k7Skin div,
3597 .dir-rtl .o2k7Skin td,
3598 .dir-rtl .o2k7Skin iframe,
3599 .dir-rtl .o2k7Skin span,
3600 .dir-rtl .o2k7Skin *,
3601 .dir-rtl .o2k7Skin .mceText,
3602 .dir-rtl .o2k7Skin .mceListBox .mceText {
3603   text-align: right;
3605 .path-rating .ratingtable {
3606   width: 100%;
3607   margin-bottom: 1em;
3609 .path-rating .ratingtable th.rating {
3610   width: 100%;
3612 .path-rating .ratingtable td.rating,
3613 .path-rating .ratingtable td.time {
3614   white-space: nowrap;
3615   text-align: center;
3617 .initialbar {
3618   overflow: auto;
3620 .initialbar .initialbarlabel {
3621   display: inline-block;
3622   width: 6em;
3623   float: left;
3624   overflow: hidden;
3625   text-overflow: ellipsis;
3626   white-space: nowrap;
3628 .initialbar .initialbarall {
3629   float: left;
3630   width: 4em;
3631   margin-bottom: 2px;
3632   overflow: hidden;
3633   text-overflow: ellipsis;
3634   white-space: nowrap;
3636 .initialbar .initialbargroups {
3637   float: left;
3639 .initialbar .initialbargroup {
3640   float: left;
3641   display: inline-block;
3642   white-space: nowrap;
3643   margin: 0;
3644   padding: 0;
3646 .initialbar .initialbargroup li {
3647   float: left;
3648   list-style: none;
3650 .initialbar .letter {
3651   display: inline-block;
3652   height: 1.35em;
3653   min-width: 1.35em;
3654   text-align: center;
3655   color: #0070a8;
3656   background: #fff;
3657   border-width: 1px;
3658   border-color: #ddd;
3659   border-style: solid;
3661 .initialbar .letter:hover,
3662 .initialbar .letter.active {
3663   color: white;
3664   background-color: #0070a8;
3666 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
3667 .moodle-dialogue-base .moodle-dialogue-lightbox {
3668   background-color: #aaa;
3670 .moodle-dialogue-base .hidden,
3671 .moodle-dialogue-base .moodle-dialogue-hidden {
3672   display: none;
3674 .no-scrolling {
3675   overflow: hidden;
3677 .moodle-dialogue-base .moodle-dialogue-fullscreen {
3678   left: 0;
3679   top: 0;
3680   right: 0;
3681   bottom: -50px;
3682   position: fixed;
3684 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3685   overflow: auto;
3687 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
3688   width: 28px;
3689   height: 16px;
3690   background-size: 100%;
3692 .moodle-dialogue-base .moodle-dialogue {
3693   padding: 0;
3694   margin: 0;
3695   background: none;
3696   border: none;
3697   z-index: 600;
3698   outline: #000 dotted 0;
3700 .moodle-dialogue-base .moodle-dialogue-wrap {
3701   margin-top: -3px;
3702   margin-left: -3px;
3703   background-color: #fff;
3704   border: 1px solid #ccc;
3705   -webkit-border-radius: 10px;
3706   -moz-border-radius: 10px;
3707   border-radius: 10px;
3708   -webkit-box-shadow: 5px 5px 20px 0 #666;
3709   -moz-box-shadow: 5px 5px 20px 0 #666;
3710   box-shadow: 5px 5px 20px 0 #666;
3712 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
3713 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
3714   margin: 0;
3715   padding: 5px;
3716   font-size: 12px;
3717   font-weight: normal;
3718   letter-spacing: 1px;
3719   color: #333;
3720   text-align: center;
3721   text-shadow: 1px 1px 1px #fff;
3722   -webkit-border-radius: 10px 10px 0 0;
3723   -moz-border-radius: 10px 10px 0 0;
3724   border-radius: 10px 10px 0 0;
3725   border-bottom: 1px solid #bbb;
3726   background: #ccc;
3727   background-color: #ebebeb;
3728   background-image: -moz-linear-gradient(top, #fff, #ccc);
3729   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
3730   background-image: -webkit-linear-gradient(top, #fff, #ccc);
3731   background-image: -o-linear-gradient(top, #fff, #ccc);
3732   background-image: linear-gradient(to bottom, #fff, #ccc);
3733   background-repeat: repeat-x;
3734   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
3735   filter: 0;
3737 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
3738   padding: 0;
3739   display: inline;
3740   font-size: 100%;
3741   font-weight: bold;
3743 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
3744   padding: 5px;
3746 .moodle-dialogue-base .closebutton {
3747   width: 25px;
3748   height: 15px;
3749   float: right;
3750   display: inline-block;
3751   cursor: pointer;
3752   padding: 0;
3753   background-image: url([[pix:theme|sprite]]);
3754   background-repeat: no-repeat;
3755   border-style: none;
3757 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
3758   padding: 1em;
3759   line-height: 2em;
3760   color: #555;
3761   font-size: 12px;
3763 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
3764   padding: 0;
3765   background: #fff;
3767 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
3768   padding: 10px;
3769   font-size: 16px;
3771 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3772   overflow: auto;
3773   position: absolute;
3774   top: 0;
3775   bottom: 50px;
3776   left: 0;
3777   right: 0;
3778   margin: 0;
3779   border: 0;
3781 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
3782 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
3783   border-radius: 0;
3785 .moodle-dialogue-confirm .confirmation-dialogue {
3786   text-align: center;
3788 .moodle-dialogue-confirm .confirmation-dialogue input {
3789   text-align: center;
3791 .moodle-dialogue-exception .moodle-exception-message {
3792   text-align: center;
3794 .moodle-dialogue-exception .moodle-exception-param label {
3795   font-weight: bold;
3797 .moodle-dialogue-exception .param-stacktrace label {
3798   background-color: #eee;
3799   border: 1px solid #ccc;
3800   border-bottom-width: 0;
3802 .moodle-dialogue-exception .param-stacktrace pre {
3803   border: 1px solid #ccc;
3804   background-color: #fff;
3806 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3807   color: navy;
3808   font-size: 11.9px;
3810 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3811   color: #b94a48;
3812   font-size: 11.9px;
3814 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3815   color: #333;
3816   font-size: 90%;
3817   border-bottom: 1px solid #eee;
3819 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
3820   padding: 0;
3821   margin: 0.7em 1em;
3822   text-align: right;
3823   background-color: #fff;
3824   font-size: 12px;
3826 .moodle-dialogue-confirm .confirmation-message {
3827   margin: 0.5em 1em;
3829 .moodle-dialogue-confirm .confirmation-dialogue input {
3830   min-width: 80px;
3832 .moodle-dialogue-exception .moodle-exception-message {
3833   margin: 1em;
3835 .moodle-dialogue-exception .moodle-exception-param {
3836   margin-bottom: 0.5em;
3838 .moodle-dialogue-exception .moodle-exception-param label {
3839   width: 150px;
3841 .moodle-dialogue-exception .param-stacktrace label {
3842   display: block;
3843   margin: 0;
3844   padding: 4px 1em;
3846 .moodle-dialogue-exception .param-stacktrace pre {
3847   display: block;
3848   height: 200px;
3849   overflow: auto;
3851 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3852   display: inline-block;
3853   margin: 4px 0;
3855 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3856   display: inline-block;
3857   width: 50px;
3858   margin: 4px 1em;
3860 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3861   padding-left: 25px;
3862   margin-bottom: 4px;
3863   padding-bottom: 4px;
3865 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
3866   opacity: 0.75;
3867   filter: alpha(opacity=75);
3868   width: 100%;
3869   height: 100%;
3870   top: 0;
3871   left: 0;
3872   background-color: white;
3873   text-align: center;
3874   padding: 10% 0;
3876 /* Apply a default max-height on tooltip text */
3877 .moodle-dialogue .tooltiptext {
3878   max-height: 300px;
3880 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
3881   z-index: 3001;
3883 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
3884   overflow: auto;
3886 /**
3887  * Chooser Dialogues (moodle-core-chooserdialogue)
3888  *
3889  * This CSS belong to the chooser dialogue which should work both with, and
3890  * without javascript enabled
3891  */
3892 /* Hide the dialog and it's title */
3893 .chooserdialoguebody,
3894 .choosertitle {
3895   display: none;
3897 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
3898   margin: 0;
3900 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
3901   padding: 0;
3902   background: #f2f2f2;
3903   -webkit-border-bottom-right-radius: 10px;
3904   -moz-border-radius-bottomright: 10px;
3905   border-bottom-right-radius: 10px;
3906   -webkit-border-bottom-left-radius: 10px;
3907   -moz-border-radius-bottomleft: 10px;
3908   border-bottom-left-radius: 10px;
3910 /* Center the submit buttons within the area */
3911 .choosercontainer #chooseform .submitbuttons {
3912   padding: 0.7em 0;
3913   text-align: center;
3915 /* Fixed for safari browser on iPhone4S with ios7.*/
3916 @media (max-height: 639px) {
3917   .ios.safari .choosercontainer #chooseform .submitbuttons {
3918     padding: 45px 0;
3919   }
3921 .choosercontainer #chooseform .submitbuttons input {
3922   min-width: 100px;
3923   margin: 0 0.5em;
3925 /* Various settings for the options area */
3926 .choosercontainer #chooseform .options {
3927   position: relative;
3928   border-bottom: 1px solid #bbb;
3930 /* Only set these options if we're showing the js container */
3931 .jschooser .choosercontainer #chooseform .alloptions {
3932   overflow-x: hidden;
3933   overflow-y: auto;
3934   max-width: 20.3em;
3935   -webkit-box-shadow: inset 0 0 30px 0 #ccc;
3936   -moz-box-shadow: inset 0 0 30px 0 #ccc;
3937   box-shadow: inset 0 0 30px 0 #ccc;
3939 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
3940   display: inline-block;
3942 .jschooser .choosercontainer #chooseform .alloptions .option .modicon {
3943   display: inline-block;
3945 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
3946   display: inline-block;
3947   width: 65%;
3949 /* Settings for option rows and option subtypes */
3950 .choosercontainer #chooseform .moduletypetitle,
3951 .choosercontainer #chooseform .option,
3952 .choosercontainer #chooseform .nonoption {
3953   margin-bottom: 0;
3954   padding: 0 1.6em 0 1.6em;
3956 .choosercontainer #chooseform .moduletypetitle {
3957   text-transform: uppercase;
3958   padding-top: 1.2em;
3959   padding-bottom: 0.4em;
3961 .choosercontainer #chooseform .option .typename,
3962 .choosercontainer #chooseform .option span.modicon img.icon,
3963 .choosercontainer #chooseform .nonoption .typename,
3964 .choosercontainer #chooseform .nonoption span.modicon img.icon {
3965   padding: 0 0 0 0.5em;
3967 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
3968 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
3969   height: 24px;
3970   width: 24px;
3972 .choosercontainer #chooseform .option input[type=radio],
3973 .choosercontainer #chooseform .option span.typename,
3974 .choosercontainer #chooseform .option span.modicon {
3975   vertical-align: middle;
3977 .choosercontainer #chooseform .option label {
3978   display: block;
3979   padding: 0.3em 0 0.1em 0;
3980   border-bottom: 1px solid #fff;
3982 .choosercontainer #chooseform .nonoption {
3983   padding-left: 2.7em;
3984   padding-top: 0.3em;
3985   padding-bottom: 0.1em;
3987 .choosercontainer #chooseform .subtype {
3988   margin-bottom: 0;
3989   padding: 0 1.6em 0 3.2em;
3991 .choosercontainer #chooseform .subtype .typename {
3992   margin: 0 0 0 0.2em;
3994 /* The instruction/help area */
3995 .jschooser .choosercontainer #chooseform .instruction,
3996 .jschooser .choosercontainer #chooseform .typesummary {
3997   display: none;
3998   position: absolute;
3999   top: 0;
4000   right: 0;
4001   bottom: 0;
4002   left: 20.3em;
4003   margin: 0;
4004   padding: 1.6em;
4005   background-color: #fff;
4006   overflow-x: hidden;
4007   overflow-y: auto;
4008   line-height: 2em;
4010 /* Selected option settings */
4011 .jschooser .choosercontainer #chooseform .instruction,
4012 .choosercontainer #chooseform .selected .typesummary {
4013   display: block;
4015 .choosercontainer #chooseform .selected {
4016   background-color: #fff;
4017   -webkit-box-shadow: 0px 0 10px 0 #ccc;
4018   -moz-box-shadow: 0px 0 10px 0 #ccc;
4019   box-shadow: 0px 0 10px 0 #ccc;
4021 .section-modchooser-link img.smallicon {
4022   padding: 3px;
4024 /* Form element: listing */
4025 .formlistingradio {
4026   padding-bottom: 25px;
4027   padding-right: 10px;
4029 .formlistinginputradio {
4030   float: left;
4032 .formlistingmain {
4033   min-height: 225px;
4035 .formlisting {
4036   position: relative;
4037   margin: 15px 0;
4038   padding: 1px 19px 14px;
4039   background-color: white;
4040   border: 1px solid #ddd;
4041   -webkit-border-radius: 4px;
4042   -moz-border-radius: 4px;
4043   border-radius: 4px;
4045 .formlistingmore {
4046   position: absolute;
4047   cursor: pointer;
4048   bottom: -1px;
4049   right: -1px;
4050   padding: 3px 7px;
4051   font-size: 12px;
4052   font-weight: bold;
4053   background-color: #f5f5f5;
4054   border: 1px solid #ddd;
4055   color: #9da0a4;
4056   -webkit-border-radius: 4px 0 4px 0;
4057   -moz-border-radius: 4px 0 4px 0;
4058   border-radius: 4px 0 4px 0;
4060 .formlistingall {
4061   margin: 15px 0;
4062   padding: 0;
4063   -webkit-border-radius: 4px;
4064   -moz-border-radius: 4px;
4065   border-radius: 4px;
4067 .formlistingrow {
4068   cursor: pointer;
4069   border-bottom: 1px solid;
4070   border-color: #e1e1e8;
4071   border-left: 1px solid #e1e1e8;
4072   border-right: 1px solid #e1e1e8;
4073   background-color: #f7f7f9;
4074   -webkit-border-radius: 0 0 4px 4px;
4075   -moz-border-radius: 0 0 4px 4px;
4076   border-radius: 0 0 4px 4px;
4077   padding: 6px;
4078   top: 50%;
4079   left: 50%;
4080   min-height: 34px;
4081   float: left;
4082   width: 150px;
4084 body.jsenabled .formlistingradio {
4085   display: none;
4087 body.jsenabled .formlisting {
4088   display: block;
4090 /* Badges styles */
4091 table.collection {
4092   width: 100%;
4093   margin-bottom: 20px;
4094   border: 1px solid #ddd;
4095   border-collapse: separate;
4096   *border-collapse: collapse;
4097   border-left: 0;
4098   -webkit-border-radius: 4px;
4099   -moz-border-radius: 4px;
4100   border-radius: 4px;
4102 table.collection th,
4103 table.collection td {
4104   padding: 8px;
4105   line-height: 20px;
4106   text-align: left;
4107   vertical-align: top;
4108   border-top: 1px solid #ddd;
4110 table.collection th {
4111   font-weight: bold;
4113 table.collection thead th {
4114   vertical-align: bottom;
4116 table.collection caption + thead tr:first-child th,
4117 table.collection caption + thead tr:first-child td,
4118 table.collection colgroup + thead tr:first-child th,
4119 table.collection colgroup + thead tr:first-child td,
4120 table.collection thead:first-child tr:first-child th,
4121 table.collection thead:first-child tr:first-child td {
4122   border-top: 0;
4124 table.collection tbody + tbody {
4125   border-top: 2px solid #ddd;
4127 table.collection .table {
4128   background-color: #fff;
4130 table.collection th,
4131 table.collection td {
4132   border-left: 1px solid #ddd;
4134 table.collection caption + thead tr:first-child th,