Merge branch 'MDL-63923-master' of git://github.com/bmbrands/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 .list-unstyled,
2424 .list-unstyled li,
2425 .inline-list,
2426 .inline-list li,
2427 .block .list,
2428 .block .list li,
2429 .section li.activity,
2430 .section li.movehere,
2431 .tabtree li {
2432   list-style: none;
2433   margin: 0;
2434   padding: 0;
2436 .inline,
2437 .inline-list li {
2438   display: inline;
2440 .notifytiny {
2441   font-size: 10.5px;
2443 .notifytiny li,
2444 .notifytiny td {
2445   font-size: 100%;
2447 .red,
2448 .notifyproblem {
2449   color: #b94a48;
2451 .green,
2452 .notifysuccess {
2453   color: #468847;
2455 .highlight {
2456   background: #d9edf7;
2458 .reportlink {
2459   text-align: right;
2461 a.autolink.glossary:hover {
2462   cursor: help;
2464 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
2465 .collapsibleregioncaption {
2466   white-space: nowrap;
2468 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
2469   cursor: pointer;
2471 .collapsibleregioncaption img {
2472   vertical-align: middle;
2474 .jsenabled .hiddenifjs {
2475   display: none;
2477 .visibleifjs {
2478   display: none;
2480 .jsenabled .visibleifjs {
2481   display: inline;
2483 .jsenabled .collapsibleregion {
2484   overflow: hidden;
2486 .jsenabled .collapsed .collapsibleregioninner {
2487   visibility: hidden;
2489 .collapsible-actions {
2490   display: none;
2491   text-align: right;
2493 .jsenabled .collapsible-actions {
2494   display: block;
2496 .collapsible-actions .collapseexpand {
2497   padding-left: 20px;
2498   background: url([[pix:t/collapsed]]) 2px center no-repeat;
2500 /*rtl:raw:
2501 .collapsible-actions .collapseexpand {
2502     background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
2504 */
2505 .collapsible-actions .collapse-all {
2506   background-image: url([[pix:t/expanded]]);
2508 .yui-overlay .yui-widget-bd {
2509   background-color: #ffee69;
2510   border: 1px solid #a6982b;
2511   border-top-color: #d4c237;
2512   color: #000;
2513   left: 0;
2514   padding: 2px 5px;
2515   position: relative;
2516   top: 0;
2517   z-index: 1;
2519 .clearer {
2520   background: transparent;
2521   border-width: 0;
2522   clear: both;
2523   display: block;
2524   height: 1px;
2525   margin: 0;
2526   padding: 0;
2528 .bold,
2529 .warning,
2530 .errorbox .title,
2531 .pagingbar .title,
2532 .pagingbar .thispage {
2533   font-weight: bold;
2535 img.userpicture {
2536   margin-right: 5px;
2538 img.resize {
2539   height: 1em;
2540   width: 1em;
2542 .block img.resize,
2543 .breadcrumb img.resize {
2544   height: 0.9em;
2545   width: 0.8em;
2547 /* Icon styles */
2548 img.icon {
2549   height: 16px;
2550   vertical-align: text-bottom;
2551   width: 16px;
2552   padding-right: 6px;
2554 img.icon.iconsize-big {
2555   width: 64px;
2556   height: 64px;
2558 img.iconsmall {
2559   height: 12px;
2560   margin-right: 3px;
2561   vertical-align: middle;
2562   width: 12px;
2564 img.iconhelp,
2565 .helplink img {
2566   height: 16px;
2567   padding-left: 3px;
2568   vertical-align: text-bottom;
2569   width: 16px;
2571 h1 img.iconhelp,
2572 h1 img.icon,
2573 h2 img.iconhelp,
2574 h2 img.icon,
2575 h3 img.iconhelp,
2576 h3 img.icon,
2577 h4 img.iconhelp,
2578 h4 img.icon,
2579 h5 img.iconhelp,
2580 h5 img.icon,
2581 h6 img.iconhelp,
2582 h6 img.icon {
2583   vertical-align: middle;
2584   padding: 4px;
2586 img.iconlarge {
2587   height: 24px;
2588   width: 24px;
2589   vertical-align: middle;
2591 img.iconsort {
2592   vertical-align: text-bottom;
2593   padding-left: .3em;
2594   margin-bottom: .15em;
2596 img.icontoggle {
2597   height: 17px;
2598   vertical-align: middle;
2599   width: 50px;
2601 img.iconkbhelp {
2602   height: 17px;
2603   width: 49px;
2605 img.icon-pre {
2606   padding-right: 3px;
2607   padding-left: 0;
2609 img.icon-post {
2610   padding-left: 3px;
2611   padding-right: 0;
2613 .sitelink img {
2614   width: 112px;
2616 .boxaligncenter {
2617   margin-left: auto;
2618   margin-right: auto;
2620 .boxalignright {
2621   margin-left: auto;
2622   margin-right: 0;
2624 .boxalignleft {
2625   margin-left: 0;
2626   margin-right: auto;
2628 .boxwidthnarrow {
2629   width: 30%;
2631 .boxwidthnormal {
2632   width: 50%;
2634 .boxwidthwide {
2635   width: 80%;
2637 .headermain {
2638   font-weight: bold;
2640 #maincontent {
2641   display: block;
2642   height: 1px;
2643   overflow: hidden;
2645 img.uihint {
2646   cursor: help;
2648 #addmembersform table {
2649   margin-left: auto;
2650   margin-right: auto;
2652 table.flexible .emptyrow {
2653   display: none;
2655 img.emoticon {
2656   vertical-align: middle;
2657   width: 15px;
2658   height: 15px;
2660 form.popupform,
2661 form.popupform div {
2662   display: inline;
2664 .arrow_button input {
2665   overflow: hidden;
2667 .action-icon img.smallicon {
2668   vertical-align: text-bottom;
2669   margin: 0 0.3em;
2671 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
2672 .no-overflow {
2673   overflow: auto;
2674   padding-bottom: 1px;
2676 .pagelayout-report .no-overflow {
2677   overflow: visible;
2679 .no-overflow > .generaltable {
2680   margin-bottom: 0;
2681   min-height: 10em;
2683 .accesshide {
2684   position: absolute;
2685   left: -10000px;
2686   font-weight: normal;
2687   font-size: 1em;
2689 span.hide,
2690 div.hide {
2691   display: none;
2693 a.skip-block,
2694 a.skip {
2695   position: absolute;
2696   top: -1000em;
2697   font-size: 0.85em;
2698   text-decoration: none;
2700 a.skip-block:focus,
2701 a.skip-block:active,
2702 a.skip:focus,
2703 a.skip:active {
2704   position: static;
2705   display: block;
2707 .skip-block-to {
2708   display: block;
2709   height: 1px;
2710   overflow: hidden;
2712 .addbloglink {
2713   text-align: center;
2715 .blog_entry .audience {
2716   text-align: right;
2717   padding-right: 4px;
2719 .blog_entry .tags {
2720   margin-top: 15px;
2722 .blog_entry .tags .action-icon img.smallicon {
2723   height: 16px;
2724   width: 16px;
2726 .blog_entry .content {
2727   margin-left: 43px;
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 .loginsub {
2803   margin-left: 0;
2804   margin-right: 0;
2806 .loginbox .guestsub,
2807 .loginbox .forgotsub {
2808   margin: 5px 12%;
2810 .loginbox .loginform {
2811   margin-top: 1em;
2812   text-align: left;
2814 .loginbox .loginform .form-label {
2815   float: left;
2816   text-align: right;
2817   width: 49%;
2818   white-space: nowrap;
2820 .loginbox .loginform .form-input {
2821   float: right;
2822   width: 50%;
2824 .loginbox .loginform .form-input input {
2825   width: 6em;
2827 .loginbox .signupform {
2828   margin-top: 1em;
2829   text-align: center;
2831 .loginbox.twocolumns .loginpanel,
2832 .loginbox.twocolumns .signuppanel {
2833   width: 48%;
2834   border: 0;
2835   margin: 0;
2836   padding: 0;
2837   -webkit-box-sizing: border-box;
2838   -moz-box-sizing: border-box;
2839   box-sizing: border-box;
2840   display: block;
2841   float: left;
2842   margin-left: 2.76243%;
2843   min-height: 30px;
2844   margin-bottom: -2000px;
2845   padding-bottom: 2000px;
2847 .loginbox .potentialidp {
2848   margin-bottom: 0.3em;
2850 .loginbox .potentialidp .smallicon {
2851   vertical-align: text-bottom;
2852   margin: 0 .3em;
2854 .notepost {
2855   margin-bottom: 1em;
2857 .notepost .userpicture {
2858   float: left;
2860 .notepost .content,
2861 .notepost .footer {
2862   clear: both;
2864 .notesgroup {
2865   margin-left: 20px;
2867 .path-my .coursebox .overview {
2868   margin: 15px 30px 10px 30px;
2870 .path-my .coursebox .info {
2871   float: none;
2872   margin: 0;
2874 .mod_introbox {
2875   padding: 10px;
2877 table.mod_index {
2878   width: 100%;
2880 .comment-ctrl {
2881   font-size: 12px;
2882   display: none;
2883   margin: 0;
2884   padding: 0;
2886 .comment-ctrl h5 {
2887   margin: 0;
2888   padding: 5px;
2890 .comment-area {
2891   max-width: 400px;
2892   padding: 5px;
2894 .comment-area textarea {
2895   width: 100%;
2896   overflow: auto;
2898 .comment-area textarea.fullwidth {
2899   -webkit-box-sizing: border-box;
2900   -moz-box-sizing: border-box;
2901   box-sizing: border-box;
2903 .comment-area .fd {
2904   text-align: right;
2906 .comment-meta span {
2907   color: gray;
2909 .comment-link img {
2910   vertical-align: text-bottom;
2912 .comment-list {
2913   font-size: 11px;
2914   overflow: auto;
2915   list-style: none;
2916   padding: 0;
2917   margin: 0;
2919 .comment-list li {
2920   margin: 2px;
2921   list-style: none;
2922   margin-bottom: 5px;
2923   clear: both;
2924   padding: .3em;
2925   position: relative;
2927 .comment-list li.first {
2928   display: none;
2930 .comment-paging {
2931   text-align: center;
2933 .comment-paging .pageno {
2934   padding: 2px;
2936 .comment-paging .curpage {
2937   border: 1px solid #ccc;
2939 .comment-message .picture {
2940   width: 20px;
2941   float: left;
2943 .comment-message .text {
2944   margin: 0;
2945   padding: 0;
2947 .comment-message .text p {
2948   padding: 0;
2949   margin: 0 18px 0 0;
2951 .comment-delete {
2952   position: absolute;
2953   top: 0;
2954   right: 0;
2955   margin: .3em;
2957 .comment-report-selectall {
2958   display: none;
2960 .comment-link {
2961   display: none;
2963 .jsenabled .comment-link {
2964   display: block;
2966 .jsenabled .showcommentsnonjs {
2967   display: none;
2969 .jsenabled .comment-report-selectall {
2970   display: inline;
2972 /**
2973 * Completion progress report
2974 */
2975 .completion-expired {
2976   background: #f2dede;
2978 .completion-expected {
2979   font-size: 10.5px;
2981 .completion-sortchoice,
2982 .completion-identifyfield {
2983   font-size: 10.5px;
2984   vertical-align: bottom;
2986 .completion-progresscell {
2987   text-align: right;
2989 .completion-expired .completion-expected {
2990   font-weight: bold;
2992 /**
2993 * Tags
2994 */
2995 img.user-image {
2996   height: 100px;
2997   width: 100px;
2999 #tag-search-box {
3000   text-align: center;
3001   margin: 10px auto;
3003 .path-tag .tag-index-items .tagarea {
3004   border: 1px solid #e3e3e3;
3005   border-radius: 4px;
3006   padding: 10px;
3007   margin-top: 10px;
3009 .path-tag .tag-index-items .tagarea h3 {
3010   display: block;
3011   padding: 3px 0 10px 0;
3012   margin: 0;
3013   font-size: 1.1em;
3014   font-weight: bold;
3015   line-height: 20px;
3016   color: #999;
3017   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
3018   text-transform: uppercase;
3019   word-wrap: break-word;
3020   border-bottom: solid 1px #e3e3e3;
3021   margin-bottom: 10px;
3023 .path-tag .tagarea .controls,
3024 .path-tag .tagarea .taggeditems {
3025   *zoom: 1;
3027 .path-tag .tagarea .controls:before,
3028 .path-tag .tagarea .taggeditems:before,
3029 .path-tag .tagarea .controls:after,
3030 .path-tag .tagarea .taggeditems:after {
3031   display: table;
3032   content: "";
3033   line-height: 0;
3035 .path-tag .tagarea .controls:after,
3036 .path-tag .tagarea .taggeditems:after {
3037   clear: both;
3039 .path-tag .tagarea .controls,
3040 .path-tag .tag-backtoallitems {
3041   text-align: center;
3043 .path-tag .tagarea .controls .gotopage.nextpage {
3044   float: right;
3046 .path-tag .tagarea .controls .gotopage.prevpage {
3047   float: left;
3049 .path-tag .tagarea .controls .exclusivemode {
3050   display: inline-block;
3052 .path-tag .tagarea .controls.controls-bottom {
3053   margin-top: 5px;
3055 .path-tag .tagarea .controls .gotopage.nextpage::after {
3056   /*rtl:remove*/
3057   content: "»";
3058   /*rtl:raw:
3059     content: "«";
3060     */
3061   padding-right: 5px;
3062   padding-left: 5px;
3064 .path-tag .tagarea .controls .gotopage.prevpage::before {
3065   /*rtl:remove*/
3066   content: "«";
3067   /*rtl:raw:
3068     content: "»";
3069     */
3070   padding-right: 5px;
3071   padding-left: 5px;
3073 span.flagged-tag,
3074 tr.flagged-tag,
3075 span.flagged-tag a,
3076 tr.flagged-tag a {
3077   color: #b94a48;
3079 .tag-management-table td,
3080 .tag-management-table th {
3081   vertical-align: middle;
3082   padding: 4px;
3084 .tag-management-table .inplaceeditable.inplaceeditingon input {
3085   width: 150px;
3087 .path-admin-tag .addstandardtags {
3088   float: right;
3090 .path-admin-tag .addstandardtags img {
3091   margin: 0 5px;
3093 .path-tag .tag-relatedtags {
3094   padding-top: 10px;
3096 .path-tag .tag-management-box {
3097   text-align: right;
3099 .path-tag .tag-index-toc {
3100   padding: 10px;
3101   text-align: center;
3103 .path-tag .tag-index-toc li,
3104 .path-tag .tag-management-box li {
3105   margin-left: 5px;
3106   margin-right: 5px;
3108 .path-tag .tag-management-box li a.edittag {
3109   background-image: url([[pix:moodle|i/settings]]);
3111 .path-tag .tag-management-box li a.flagasinappropriate {
3112   background-image: url([[pix:moodle|i/flagged]]);
3114 .path-tag .tag-management-box li a.removefrommyinterests {
3115   background-image: url([[pix:moodle|t/delete]]);
3117 .path-tag .tag-management-box li a.addtomyinterests {
3118   background-image: url([[pix:moodle|t/add]]);
3120 .path-tag .tag-management-box li a {
3121   background-repeat: no-repeat;
3122   background-position: left;
3123   padding-left: 17px;
3125 .tag_feed.media-list .media .itemimage {
3126   float: left;
3128 .tag_feed.media-list .media .itemimage img {
3129   height: 35px;
3130   width: 35px;
3132 .tag_feed.media-list .media .media-body {
3133   padding-right: 10px;
3134   padding-left: 10px;
3136 .tag_feed .media .muted a {
3137   color: #999;
3139 .tag_cloud {
3140   text-align: center;
3142 .tag_cloud .inline-list li {
3143   padding: 0 0.2em;
3145 .tag_cloud .tag_overflow {
3146   margin-top: 1em;
3147   font-style: italic;
3149 .tag_cloud .s20 {
3150   font-size: 2.7em;
3152 .tag_cloud .s19 {
3153   font-size: 2.6em;
3155 .tag_cloud .s18 {
3156   font-size: 2.5em;
3158 .tag_cloud .s17 {
3159   font-size: 2.4em;
3161 .tag_cloud .s16 {
3162   font-size: 2.3em;
3164 .tag_cloud .s15 {
3165   font-size: 2.2em;
3167 .tag_cloud .s14 {
3168   font-size: 2.1em;
3170 .tag_cloud .s13 {
3171   font-size: 2em;
3173 .tag_cloud .s12 {
3174   font-size: 1.9em;
3176 .tag_cloud .s11 {
3177   font-size: 1.8em;
3179 .tag_cloud .s10 {
3180   font-size: 1.7em;
3182 .tag_cloud .s9 {
3183   font-size: 1.6em;
3185 .tag_cloud .s8 {
3186   font-size: 1.5em;
3188 .tag_cloud .s7 {
3189   font-size: 1.4em;
3191 .tag_cloud .s6 {
3192   font-size: 1.3em;
3194 .tag_cloud .s5 {
3195   font-size: 1.2em;
3197 .tag_cloud .s4 {
3198   font-size: 1.1em;
3200 .tag_cloud .s3 {
3201   font-size: 1em;
3203 .tag_cloud .s2 {
3204   font-size: 0.9em;
3206 .tag_cloud .s1 {
3207   font-size: 0.8em;
3209 .tag_cloud .s0 {
3210   font-size: 0.7em;
3212 .tag_list ul {
3213   display: inline;
3215 .tag_list.hideoverlimit .overlimit {
3216   display: none;
3218 .tag_list .tagmorelink {
3219   display: none;
3221 .tag_list.hideoverlimit .tagmorelink {
3222   display: inline;
3224 .tag_list.hideoverlimit .taglesslink {
3225   display: none;
3227 /**
3228 * Web Service
3229 */
3230 #webservice-doc-generator td {
3231   text-align: left;
3232   border: 0 solid black;
3234 /**
3235 * Registration
3236 */
3237 #page-admin-registration-register .registration_textfield {
3238   width: 300px;
3240 /**
3241 * Enrol
3242 */
3243 .userenrolment {
3244   width: 100%;
3245   border-collapse: collapse;
3247 .userenrolment tr {
3248   vertical-align: top;
3250 .userenrolment td {
3251   padding: 0;
3252   height: 41px;
3254 .userenrolment .subfield {
3255   margin-right: 5px;
3257 .userenrolment .col_userdetails .subfield {
3258   margin-left: 40px;
3260 .userenrolment .col_userdetails .subfield_picture {
3261   float: left;
3262   margin-left: 0;
3264 .userenrolment .col_lastseen {
3265   width: 150px;
3267 .userenrolment .col_role {
3268   width: 262px;
3270 .userenrolment .col_role .roles,
3271 .userenrolment .col_group .groups {
3272   margin-right: 30px;
3274 .userenrolment .col_role .role {
3275   float: left;
3276   padding: 0 3px 3px;
3277   margin: 0 3px 3px;
3278   white-space: nowrap;
3280 .userenrolment .col_group .group {
3281   float: left;
3282   padding: 3px;
3283   margin: 3px;
3284   white-space: nowrap;
3286 .userenrolment .col_role .role a,
3287 .userenrolment .col_group .group a {
3288   margin-left: 3px;
3289   cursor: pointer;
3291 .userenrolment .col_role .addrole,
3292 .userenrolment .col_group .addgroup {
3293   float: right;
3294   padding: 3px;
3295   margin: 3px;
3297 .userenrolment .col_role .addrole > a:hover,
3298 .userenrolment .col_group .addgroup > a:hover {
3299   border-bottom: 1px solid #666;
3301 .userenrolment .col_role .addrole img,
3302 .userenrolment .col_group .addgroup img {
3303   vertical-align: baseline;
3305 .userenrolment .hasAllRoles .col_role .addrole {
3306   display: none;
3308 .userenrolment .col_enrol .enrolment {
3309   float: left;
3310   padding: 0 3px 3px;
3311   margin: 0 3px 3px;
3313 .userenrolment .col_enrol .enrolment a {
3314   float: right;
3315   margin-left: 3px;
3317 #page-enrol-users .enrol_user_buttons {
3318   float: right;
3320 #page-enrol-users .enrol_user_buttons .enrolusersbutton {
3321   display: inline;
3323 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
3324 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {
3325   display: inline;
3326   margin-right: 0;
3328 #page-enrol-users #filterform {
3329   min-height: 20px;
3330   padding: 19px;
3331   margin-bottom: 20px;
3332   background-color: #f5f5f5;
3333   border: 1px solid #e3e3e3;
3334   -webkit-border-radius: 4px;
3335   -moz-border-radius: 4px;
3336   border-radius: 4px;
3337   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3338   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3339   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3340   border-color: #e3e3e3;
3341   padding: 9px;
3342   -webkit-border-radius: 3px;
3343   -moz-border-radius: 3px;
3344   border-radius: 3px;
3345   display: inline-block;
3347 #page-enrol-users #filterform blockquote {
3348   border-color: #ddd;
3349   border-color: rgba(0, 0, 0, 0.15);
3351 #page-enrol-users #filterform .fitem {
3352   display: inline-block;
3353   line-height: 40px;
3354   margin-right: .3em;
3355   white-space: nowrap;
3357 #page-enrol-users #filterform .fitem label {
3358   display: inline;
3359   line-height: 20px;
3360   padding-right: .3em;
3362 #page-enrol-users #filterform .fitem :before,
3363 #page-enrol-users #filterform .fitem :after {
3364   display: inline;
3366 #page-enrol-users #filterform div,
3367 #page-enrol-users #filterform fieldset {
3368   display: inline;
3369   float: none;
3370   clear: none;
3371   width: auto;
3372   margin: 0;
3374 #page-enrol-users #filterform select,
3375 #page-enrol-users #filterform .ftext input {
3376   width: 7em;
3378 #page-enrol-users #filterform input,
3379 #page-enrol-users #filterform select {
3380   margin-bottom: 0;
3382 #page-enrol-users .user-enroller-panel .uep-search-results .user .details {
3383   width: 237px;
3385 #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details {
3386   width: 237px;
3388 #page-enrol-users .enrol-users-page-action input {
3389   margin-left: 0;
3391 .corelightbox {
3392   background-color: #ccc;
3393   position: absolute;
3394   top: 0;
3395   left: 0;
3396   width: 100%;
3397   height: 100%;
3398   text-align: center;
3400 .corelightbox img {
3401   position: fixed;
3402   top: 50%;
3403   left: 50%;
3405 .mod-indent-outer {
3406   display: table;
3408 .mod-indent {
3409   display: table-cell;
3411 .label .mod-indent {
3412   float: left;
3413   padding-top: 20px;
3415 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
3416 .mod-indent-1 {
3417   width: 30px;
3419 .mod-indent-2 {
3420   width: 60px;
3422 .mod-indent-3 {
3423   width: 90px;
3425 .mod-indent-4 {
3426   width: 120px;
3428 .mod-indent-5 {
3429   width: 150px;
3431 .mod-indent-6 {
3432   width: 180px;
3434 .mod-indent-7 {
3435   width: 210px;
3437 .mod-indent-8 {
3438   width: 240px;
3440 .mod-indent-9 {
3441   width: 270px;
3443 .mod-indent-10 {
3444   width: 300px;
3446 .mod-indent-11 {
3447   width: 330px;
3449 .mod-indent-12 {
3450   width: 360px;
3452 .mod-indent-13 {
3453   width: 390px;
3455 .mod-indent-14 {
3456   width: 420px;
3458 .mod-indent-15 {
3459   width: 450px;
3461 .mod-indent-16 {
3462   width: 480px;
3464 .mod-indent-huge {
3465   width: 480px;
3467 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
3468 .resourcecontent .mediaplugin_mp3 object {
3469   height: 25px;
3470   width: 600px;
3472 .resourcecontent audio.mediaplugin_html5audio {
3473   width: 600px;
3475 /** Large resource images should avoid hidden overflow **/
3476 .resourceimage {
3477   max-width: 100%;
3479 /* Audio player size in 'inline' mode (can only change width, as above) */
3480 .mediaplugin_mp3 object {
3481   height: 15px;
3482   width: 300px;
3484 audio.mediaplugin_html5audio {
3485   width: 300px;
3487 /* TinyMCE moodle media preview frame should not have padding */
3488 .core_media_preview.pagelayout-embedded #content {
3489   padding: 0;
3491 .core_media_preview.pagelayout-embedded #maincontent {
3492   height: 0;
3494 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
3495   padding: 0;
3496   margin: 0;
3497   min-width: 0;
3498   background: none;
3500 /** Fix YUI 2 Treeview for Right to left languages **/
3501 .dir-rtl .ygtvtn,
3502 .dir-rtl .ygtvtm,
3503 .dir-rtl .ygtvtmh,
3504 .dir-rtl .ygtvtmhh,
3505 .dir-rtl .ygtvtp,
3506 .dir-rtl .ygtvtph,
3507 .dir-rtl .ygtvtphh,
3508 .dir-rtl .ygtvln,
3509 .dir-rtl .ygtvlm,
3510 .dir-rtl .ygtvlmh,
3511 .dir-rtl .ygtvlmhh,
3512 .dir-rtl .ygtvlp,
3513 .dir-rtl .ygtvlph,
3514 .dir-rtl .ygtvlphh,
3515 .dir-rtl .ygtvdepthcell,
3516 .dir-rtl .ygtvok,
3517 .dir-rtl .ygtvok:hover,
3518 .dir-rtl .ygtvcancel,
3519 .dir-rtl .ygtvcancel:hover {
3520   width: 18px;
3521   height: 22px;
3522   background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
3523   background-repeat: no-repeat;
3524   cursor: pointer;
3526 .dir-rtl .ygtvtn {
3527   background-position: 0 -5600px;
3529 .dir-rtl .ygtvtm {
3530   background-position: 0 -4000px;
3532 .dir-rtl .ygtvtmh,
3533 .dir-rtl .ygtvtmhh {
3534   background-position: 0 -4800px;
3536 .dir-rtl .ygtvtp {
3537   background-position: 0 -6400px;
3539 .dir-rtl .ygtvtph,
3540 .dir-rtl .ygtvtphh {
3541   background-position: 0 -7200px;
3543 .dir-rtl .ygtvln {
3544   background-position: 0 -1600px;
3546 .dir-rtl .ygtvlm {
3547   background-position: 0 0;
3549 .dir-rtl .ygtvlmh,
3550 .dir-rtl .ygtvlmhh {
3551   background-position: 0 -800px;
3553 .dir-rtl .ygtvlp {
3554   background-position: 0 -2400px;
3556 .dir-rtl .ygtvlph,
3557 .dir-rtl .ygtvlphh {
3558   background-position: 0 -3200px;
3560 .dir-rtl .ygtvdepthcell {
3561   background-position: 0 -8000px;
3563 .dir-rtl .ygtvok {
3564   background-position: 0 -8800px;
3566 .dir-rtl .ygtvok:hover {
3567   background-position: 0 -8844px;
3569 .dir-rtl .ygtvcancel {
3570   background-position: 0 -8822px;
3572 .dir-rtl .ygtvcancel:hover {
3573   background-position: 0 -8866px;
3575 .dir-rtl.yui-skin-sam .yui-panel .hd {
3576   text-align: right;
3578 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
3579   text-align: right;
3581 /** Fix TinyMCE editor right to left **/
3582 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
3583 .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
3584   top: 44px;
3586 .dir-rtl .o2k7Skin table,
3587 .dir-rtl .o2k7Skin tbody,
3588 .dir-rtl .o2k7Skin a,
3589 .dir-rtl .o2k7Skin img,
3590 .dir-rtl .o2k7Skin tr,
3591 .dir-rtl .o2k7Skin div,
3592 .dir-rtl .o2k7Skin td,
3593 .dir-rtl .o2k7Skin iframe,
3594 .dir-rtl .o2k7Skin span,
3595 .dir-rtl .o2k7Skin *,
3596 .dir-rtl .o2k7Skin .mceText,
3597 .dir-rtl .o2k7Skin .mceListBox .mceText {
3598   text-align: right;
3600 .path-rating .ratingtable {
3601   width: 100%;
3602   margin-bottom: 1em;
3604 .path-rating .ratingtable th.rating {
3605   width: 100%;
3607 .path-rating .ratingtable td.rating,
3608 .path-rating .ratingtable td.time {
3609   white-space: nowrap;
3610   text-align: center;
3612 .initialbar {
3613   overflow: auto;
3615 .initialbar .initialbarlabel {
3616   display: inline-block;
3617   width: 6em;
3618   float: left;
3619   overflow: hidden;
3620   text-overflow: ellipsis;
3621   white-space: nowrap;
3623 .initialbar .initialbarall {
3624   float: left;
3625   width: 4em;
3626   margin-bottom: 2px;
3627   overflow: hidden;
3628   text-overflow: ellipsis;
3629   white-space: nowrap;
3631 .initialbar .initialbargroups {
3632   float: left;
3634 .initialbar .initialbargroup {
3635   float: left;
3636   display: inline-block;
3637   white-space: nowrap;
3638   margin: 0;
3639   padding: 0;
3641 .initialbar .initialbargroup li {
3642   float: left;
3643   list-style: none;
3645 .initialbar .letter {
3646   display: inline-block;
3647   height: 1.35em;
3648   min-width: 1.35em;
3649   text-align: center;
3650   color: #0070a8;
3651   background: #fff;
3652   border-width: 1px;
3653   border-color: #ddd;
3654   border-style: solid;
3656 .initialbar .letter:hover,
3657 .initialbar .letter.active {
3658   color: white;
3659   background-color: #0070a8;
3661 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
3662 .moodle-dialogue-base .moodle-dialogue-lightbox {
3663   background-color: #aaa;
3665 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
3666   background-color: transparent;
3668 .moodle-dialogue-base .hidden,
3669 .moodle-dialogue-base .moodle-dialogue-hidden {
3670   display: none;
3672 .no-scrolling {
3673   overflow: hidden;
3675 .moodle-dialogue-base .moodle-dialogue-fullscreen {
3676   left: 0;
3677   top: 0;
3678   right: 0;
3679   bottom: -50px;
3680   position: fixed;
3682 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3683   overflow: auto;
3685 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
3686   width: 28px;
3687   height: 16px;
3688   background-size: 100%;
3690 .moodle-dialogue-base .moodle-dialogue {
3691   padding: 0;
3692   margin: 0;
3693   background: none;
3694   border: none;
3695   z-index: 600;
3696   outline: #000 dotted 0;
3698 .moodle-dialogue-base .moodle-dialogue-wrap {
3699   margin-top: -3px;
3700   margin-left: -3px;
3701   background-color: #fff;
3702   border: 1px solid #ccc;
3703   -webkit-border-radius: 10px;
3704   -moz-border-radius: 10px;
3705   border-radius: 10px;
3706   -webkit-box-shadow: 5px 5px 20px 0 #666;
3707   -moz-box-shadow: 5px 5px 20px 0 #666;
3708   box-shadow: 5px 5px 20px 0 #666;
3710 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
3711 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
3712   margin: 0;
3713   padding: 5px;
3714   font-size: 12px;
3715   font-weight: normal;
3716   letter-spacing: 1px;
3717   color: #333;
3718   text-align: center;
3719   text-shadow: 1px 1px 1px #fff;
3720   -webkit-border-radius: 10px 10px 0 0;
3721   -moz-border-radius: 10px 10px 0 0;
3722   border-radius: 10px 10px 0 0;
3723   border-bottom: 1px solid #bbb;
3724   background: #ccc;
3725   background-color: #ebebeb;
3726   background-image: -moz-linear-gradient(top, #fff, #ccc);
3727   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
3728   background-image: -webkit-linear-gradient(top, #fff, #ccc);
3729   background-image: -o-linear-gradient(top, #fff, #ccc);
3730   background-image: linear-gradient(to bottom, #fff, #ccc);
3731   background-repeat: repeat-x;
3732   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
3733   filter: none;
3735 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
3736   padding: 0;
3737   display: inline;
3738   font-size: 100%;
3739   font-weight: bold;
3741 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
3742   padding: 5px;
3744 .moodle-dialogue-base .closebutton {
3745   width: 25px;
3746   height: 15px;
3747   float: right;
3748   display: inline-block;
3749   cursor: pointer;
3750   padding: 0;
3751   background-image: url([[pix:theme|sprite]]);
3752   background-repeat: no-repeat;
3753   border-style: none;
3755 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
3756   padding: 1em;
3757   line-height: 2em;
3758   color: #555;
3759   font-size: 12px;
3761 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
3762   padding: 0;
3763   background: #fff;
3765 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
3766   padding: 10px;
3767   font-size: 16px;
3769 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
3770   overflow: auto;
3771   position: absolute;
3772   top: 0;
3773   bottom: 50px;
3774   left: 0;
3775   right: 0;
3776   margin: 0;
3777   border: 0;
3779 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
3780 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
3781   border-radius: 0;
3783 .moodle-dialogue-confirm .confirmation-dialogue {
3784   text-align: center;
3786 .moodle-dialogue-confirm .confirmation-dialogue input {
3787   text-align: center;
3789 .moodle-dialogue-exception .moodle-exception-message {
3790   text-align: center;
3792 .moodle-dialogue-exception .moodle-exception-param label {
3793   font-weight: bold;
3795 .moodle-dialogue-exception .param-stacktrace label {
3796   background-color: #eee;
3797   border: 1px solid #ccc;
3798   border-bottom-width: 0;
3800 .moodle-dialogue-exception .param-stacktrace pre {
3801   border: 1px solid #ccc;
3802   background-color: #fff;
3804 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3805   color: navy;
3806   font-size: 11.9px;
3808 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3809   color: #b94a48;
3810   font-size: 11.9px;
3812 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3813   color: #333;
3814   font-size: 90%;
3815   border-bottom: 1px solid #eee;
3817 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
3818   padding: 0;
3819   margin: 0.7em 1em;
3820   text-align: right;
3821   background-color: #fff;
3822   font-size: 12px;
3824 .moodle-dialogue-confirm .confirmation-message {
3825   margin: 0.5em 1em;
3827 .moodle-dialogue-confirm .confirmation-dialogue input {
3828   min-width: 80px;
3830 .moodle-dialogue-exception .moodle-exception-message {
3831   margin: 1em;
3833 .moodle-dialogue-exception .moodle-exception-param {
3834   margin-bottom: 0.5em;
3836 .moodle-dialogue-exception .moodle-exception-param label {
3837   width: 150px;
3839 .moodle-dialogue-exception .param-stacktrace label {
3840   display: block;
3841   margin: 0;
3842   padding: 4px 1em;
3844 .moodle-dialogue-exception .param-stacktrace pre {
3845   display: block;
3846   height: 200px;
3847   overflow: auto;
3849 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
3850   display: inline-block;
3851   margin: 4px 0;
3853 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
3854   display: inline-block;
3855   width: 50px;
3856   margin: 4px 1em;
3858 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
3859   padding-left: 25px;
3860   margin-bottom: 4px;
3861   padding-bottom: 4px;
3863 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
3864   opacity: 0.75;
3865   filter: alpha(opacity=75);
3866   width: 100%;
3867   height: 100%;
3868   top: 0;
3869   left: 0;
3870   background-color: white;
3871   text-align: center;
3872   padding: 10% 0;
3874 /* Apply a default max-height on tooltip text */
3875 .moodle-dialogue .tooltiptext {
3876   max-height: 300px;
3878 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
3879   z-index: 3001;
3881 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
3882   overflow: auto;
3884 /**
3885  * Chooser Dialogues (moodle-core-chooserdialogue)
3886  *
3887  * This CSS belong to the chooser dialogue which should work both with, and
3888  * without javascript enabled
3889  */
3890 /* Hide the dialog and it's title */
3891 .chooserdialoguebody,
3892 .choosertitle {
3893   display: none;
3895 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
3896   margin: 0;
3898 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
3899   padding: 0;
3900   background: #f2f2f2;
3901   -webkit-border-bottom-right-radius: 10px;
3902   -moz-border-radius-bottomright: 10px;
3903   border-bottom-right-radius: 10px;
3904   -webkit-border-bottom-left-radius: 10px;
3905   -moz-border-radius-bottomleft: 10px;
3906   border-bottom-left-radius: 10px;
3908 /* Center the submit buttons within the area */
3909 .choosercontainer #chooseform .submitbuttons {
3910   padding: 0.7em 0;
3911   text-align: center;
3913 /* Fixed for safari browser on iPhone4S with ios7.*/
3914 @media (max-height: 639px) {
3915   .ios .choosercontainer #chooseform .submitbuttons {
3916     padding: 45px 0;
3917   }
3919 .choosercontainer #chooseform .submitbuttons input {
3920   min-width: 100px;
3921   margin: 0 0.5em;
3923 /* Various settings for the options area */
3924 .choosercontainer #chooseform .options {
3925   position: relative;
3926   border-bottom: 1px solid #bbb;
3928 /* Only set these options if we're showing the js container */
3929 .jschooser .choosercontainer #chooseform .alloptions {
3930   overflow-x: hidden;
3931   overflow-y: auto;
3932   max-width: 20.3em;
3933   -webkit-box-shadow: inset 0 0 30px 0 #ccc;
3934   -moz-box-shadow: inset 0 0 30px 0 #ccc;
3935   box-shadow: inset 0 0 30px 0 #ccc;
3937 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
3938   display: inline-block;
3940 .jschooser .choosercontainer #chooseform .alloptions .option .modicon {
3941   display: inline-block;
3943 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
3944   display: inline-block;
3945   width: 65%;
3947 /* Settings for option rows and option subtypes */
3948 .choosercontainer #chooseform .moduletypetitle,
3949 .choosercontainer #chooseform .option,
3950 .choosercontainer #chooseform .nonoption {
3951   margin-bottom: 0;
3952   padding: 0 1.6em 0 1.6em;
3954 .choosercontainer #chooseform .moduletypetitle {
3955   text-transform: uppercase;
3956   padding-top: 1.2em;
3957   padding-bottom: 0.4em;
3959 .choosercontainer #chooseform .option .typename,
3960 .choosercontainer #chooseform .option span.modicon img.icon,
3961 .choosercontainer #chooseform .nonoption .typename,
3962 .choosercontainer #chooseform .nonoption span.modicon img.icon {
3963   padding: 0 0 0 0.5em;
3965 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
3966 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
3967   height: 24px;
3968   width: 24px;
3970 .choosercontainer #chooseform .option input[type=radio],
3971 .choosercontainer #chooseform .option span.typename,
3972 .choosercontainer #chooseform .option span.modicon {
3973   vertical-align: middle;
3975 .choosercontainer #chooseform .option label {
3976   display: block;
3977   padding: 0.3em 0 0.1em 0;
3978   border-bottom: 1px solid #fff;
3980 .choosercontainer #chooseform .nonoption {
3981   padding-left: 2.7em;
3982   padding-top: 0.3em;
3983   padding-bottom: 0.1em;
3985 .choosercontainer #chooseform .subtype {
3986   margin-bottom: 0;
3987   padding: 0 1.6em 0 3.2em;
3989 .choosercontainer #chooseform .subtype .typename {
3990   margin: 0 0 0 0.2em;
3992 /* The instruction/help area */
3993 .jschooser .choosercontainer #chooseform .instruction,
3994 .jschooser .choosercontainer #chooseform .typesummary {
3995   display: none;
3996   position: absolute;
3997   top: 0;
3998   right: 0;
3999   bottom: 0;
4000   left: 20.3em;
4001   margin: 0;
4002   padding: 1.6em;
4003   background-color: #fff;
4004   overflow-x: hidden;
4005   overflow-y: auto;
4006   line-height: 2em;
4008 /* Selected option settings */
4009 .jschooser .choosercontainer #chooseform .instruction,
4010 .choosercontainer #chooseform .selected .typesummary {
4011   display: block;
4013 .choosercontainer #chooseform .selected {
4014   background-color: #fff;
4015   -webkit-box-shadow: 0px 0 10px 0 #ccc;
4016   -moz-box-shadow: 0px 0 10px 0 #ccc;
4017   box-shadow: 0px 0 10px 0 #ccc;
4019 .section-modchooser-link img.smallicon {
4020   padding: 3px;
4022 /* Form element: listing */
4023 .formlistingradio {
4024   padding-bottom: 25px;
4025   padding-right: 10px;
4027 .formlistinginputradio {
4028   float: left;
4030 .formlistingmain {
4031   min-height: 225px;
4033 .formlisting {
4034   position: relative;
4035   margin: 15px 0;
4036   padding: 1px 19px 14px;
4037   background-color: white;
4038   border: 1px solid #ddd;
4039   -webkit-border-radius: 4px;
4040   -moz-border-radius: 4px;
4041   border-radius: 4px;
4043 .formlistingmore {
4044   position: absolute;
4045   cursor: pointer;
4046   bottom: -1px;
4047   right: -1px;
4048   padding: 3px 7px;
4049   font-size: 12px;
4050   font-weight: bold;
4051   background-color: #f5f5f5;
4052   border: 1px solid #ddd;
4053   color: #9da0a4;
4054   -webkit-border-radius: 4px 0 4px 0;
4055   -moz-border-radius: 4px 0 4px 0;
4056   border-radius: 4px 0 4px 0;
4058 .formlistingall {
4059   margin: 15px 0;
4060   padding: 0;
4061   -webkit-border-radius: 4px;
4062   -moz-border-radius: 4px;
4063   border-radius: 4px;
4065 .formlistingrow {
4066   cursor: pointer;
4067   border-bottom: 1px solid;
4068   border-color: #e1e1e8;
4069   border-left: 1px solid #e1e1e8;
4070   border-right: 1px solid #e1e1e8;
4071   background-color: #f7f7f9;
4072   -webkit-border-radius: 0 0 4px 4px;
4073   -moz-border-radius: 0 0 4px 4px;
4074   border-radius: 0 0 4px 4px;
4075   padding: 6px;
4076   top: 50%;
4077   left: 50%;
4078   min-height: 34px;
4079   float: left;
4080   width: 150px;
4082 body.jsenabled .formlistingradio {
4083   display: none;
4085 body.jsenabled .formlisting {
4086   display: block;
4088 /* Badges styles */
4089 table.collection {
4090   width: 100%;
4091   margin-bottom: 20px;
4092   border: 1px solid #ddd;
4093   border-collapse: separate;
4094   *border-collapse: collapse;
4095   border-left: 0;
4096   -webkit-border-radius: 4px;
4097   -moz-border-radius: 4px;
4098   border-radius: 4px;
4100 table.collection th,
4101 table.collection td {
4102   padding: 8px;
4103   line-height: 20px;
4104   text-align: left;
4105   vertical-align: top;
4106   border-top: 1px solid #ddd;
4108 table.collection th {
4109   font-weight: bold;
4111 table.collection thead th {
4112   vertical-align: bottom;
4114 table.collection caption + thead tr:first-child th,
4115 table.collection caption + thead tr:first-child td,
4116 table.collection colgroup + thead tr:first-child th,
4117 table.collection colgroup + thead tr:first-child td,
4118 table.collection thead:first-child tr:first-child th,
4119 table.collection thead:first-child tr:first-child td {
4120   border-top: 0;
4122 table.collection tbody + tbody {
4123   border-top: 2px solid #ddd;
4125 table.collection .table {
4126   background-color: #fff;
4128 table.collection th,
4129 table.collection td {
4130   border-left: 1px solid #ddd;
4132 table.collection caption + thead tr:first-child th,
4133 table.collection caption + tbody tr:first-child th,
4134 table.collection caption + tbody tr:first-child td,