MDL-44328 theme_bootstrapbase: Re-defined colour variables making new ones where...
[moodle.git] / theme / bootstrapbase / style / moodle.css
1 /* core.less */
3 /** Page layout CSS starts **/
5 .layout-option-noheader #page-header,
6 .layout-option-nonavbar #page-navbar,
7 .layout-option-nofooter #page-footer,
8 .layout-option-nocourseheader .course-content-header,
9 .layout-option-nocoursefooter .course-content-footer {
10   display: none;
11 }
13 .empty-region-side-pre #block-region-side-pre,
14 .empty-region-side-post #block-region-side-post,
15 .jsenabled.docked-region-side-post #block-region-side-post,
16 .jsenabled.docked-region-side-pre #block-region-side-pre {
17   display: none;
18 }
20 .empty-region-side-post #region-bs-main-and-pre.span9,
21 .empty-region-side-pre #region-bs-main-and-post.span9,
22 .empty-region-side-post #region-bs-main-and-post.span9 #region-main.span8,
23 .jsenabled.docked-region-side-post #region-bs-main-and-pre.span9,
24 .jsenabled.docked-region-side-post #region-bs-main-and-post.span9 #region-main.span8,
25 .jsenabled.docked-region-side-pre #region-bs-main-and-post.span9 {
26   width: 100%;
27 }
29 .empty-region-side-pre #region-bs-main-and-pre.span9 #region-main,
30 .jsenabled.docked-region-side-pre #region-bs-main-and-pre.span9 #region-main {
31   float: none;
32   width: 100%;
33 }
35 .empty-region-side-post.used-region-side-pre #region-main.span8,
36 .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
37   /** Increase the span size by 1 **/
39   width: 74.46808510638297%;
40   *width: 74.41489361702126%;
41 }
43 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
44 .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
45   /** Decrease the span size by 1 **/
47   width: 23.404255319148934%;
48   *width: 23.351063829787233%;
49 }
51 .empty-region-side-pre #region-bs-main-and-post.span9 #region-main.span8,
52 .jsenabled.docked-region-side-pre #region-bs-main-and-post.span9 #region-main.span8 {
53   float: right;
54 }
56 /** Page layout CSS ends **/
58 .dir-ltr,
59 .mdl-left,
60 .dir-rtl .mdl-right {
61   text-align: left;
62 }
64 .dir-rtl,
65 .mdl-right,
66 .dir-rtl .mdl-left {
67   text-align: right;
68 }
70 #add,
71 #remove,
72 .centerpara,
73 .mdl-align {
74   text-align: center;
75 }
77 a.dimmed,
78 a.dimmed:link,
79 a.dimmed:visited,
80 a.dimmed_text,
81 a.dimmed_text:link,
82 a.dimmed_text:visited,
83 .dimmed_text,
84 .dimmed_text a,
85 .dimmed_text a:link,
86 .dimmed_text a:visited,
87 .usersuspended,
88 .usersuspended a,
89 .usersuspended a:link,
90 .usersuspended a:visited,
91 .dimmed_category,
92 .dimmed_category a {
93   color: #999999;
94 }
96 .activity.label .dimmed_text {
97   opacity: 0.5;
98   filter: alpha(opacity=50);
99 }
101 .unlist,
102 .unlist li,
103 .inline-list,
104 .inline-list li,
105 .block .list,
106 .block .list li,
107 .section li.activity,
108 .section li.movehere,
109 .tabtree li {
110   padding: 0;
111   margin: 0;
112   list-style: none;
115 .inline,
116 .inline-list li {
117   display: inline;
120 .notifytiny {
121   font-size: 10.5px;
124 .notifytiny li,
125 .notifytiny td {
126   font-size: 100%;
129 .red,
130 .notifyproblem {
131   color: #b94a48;
134 .green,
135 .notifysuccess {
136   color: #468847;
139 .highlight {
140   background: #d9edf7;
143 .reportlink {
144   text-align: right;
147 a.autolink.glossary:hover {
148   cursor: help;
151 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
153 .collapsibleregioncaption {
154   white-space: nowrap;
157 .collapsibleregioncaption img {
158   vertical-align: middle;
161 .jsenabled .hiddenifjs {
162   display: none;
165 .visibleifjs {
166   display: none;
169 .jsenabled .visibleifjs {
170   display: inline;
173 .jsenabled .collapsibleregion {
174   overflow: hidden;
177 .jsenabled .collapsed .collapsibleregioninner {
178   visibility: hidden;
181 .collapsible-actions {
182   display: none;
183   text-align: right;
186 .dir-rtl .collapsible-actions {
187   text-align: left;
190 .jsenabled .collapsible-actions {
191   display: block;
194 .collapsible-actions .collapseexpand {
195   padding-left: 20px;
196   background: url([[pix:t/collapsed]]) 2px center no-repeat;
199 .dir-rtl .collapsible-actions .collapseexpand {
200   padding-right: 20px;
201   padding-left: 0;
202   background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
205 .collapsible-actions .collapse-all,
206 .dir-rtl .collapsible-actions .collapse-all {
207   background-image: url([[pix:t/expanded]]);
210 .yui-overlay .yui-widget-bd {
211   position: relative;
212   top: 0;
213   left: 0;
214   z-index: 1;
215   padding: 2px 5px;
216   color: #000000;
217   background-color: #FFEE69;
218   border: 1px solid #A6982B;
219   border-top-color: #D4C237;
222 .clearer {
223   display: block;
224   height: 1px;
225   padding: 0;
226   margin: 0;
227   clear: both;
228   background: transparent;
229   border-width: 0;
232 .bold,
233 .warning,
234 .errorbox .title,
235 .pagingbar .title,
236 .pagingbar .thispage {
237   font-weight: bold;
240 img.resize {
241   width: 1em;
242   height: 1em;
245 .block img.resize,
246 .breadcrumb img.resize {
247   width: 0.8em;
248   height: 0.9em;
251 /* Icon styles */
253 img.icon {
254   width: 16px;
255   height: 16px;
256   padding-right: 6px;
257   vertical-align: text-bottom;
260 .dir-rtl img.icon {
261   padding-right: 0;
262   padding-left: 6px;
265 img.iconsmall {
266   width: 12px;
267   height: 12px;
268   margin-right: 3px;
269   vertical-align: middle;
272 img.iconhelp,
273 .helplink img {
274   width: 16px;
275   height: 16px;
276   padding-left: 3px;
277   vertical-align: text-bottom;
280 h1 img.iconhelp,
281 h1 img.icon,
282 h2 img.iconhelp,
283 h2 img.icon,
284 h3 img.iconhelp,
285 h3 img.icon,
286 h4 img.iconhelp,
287 h4 img.icon,
288 h5 img.iconhelp,
289 h5 img.icon,
290 h6 img.iconhelp,
291 h6 img.icon {
292   padding: 4px;
293   vertical-align: middle;
296 .dir-rtl img.iconhelp,
297 .dir-rtl .helplink img {
298   padding-right: 3px;
299   padding-left: 0;
302 img.iconlarge {
303   width: 24px;
304   height: 24px;
305   vertical-align: middle;
308 img.iconsort {
309   padding-left: .3em;
310   margin-bottom: .15em;
311   vertical-align: text-bottom;
314 .dir-rtl img.iconsort {
315   padding-right: .3em;
316   padding-left: 0;
319 img.icontoggle {
320   width: 50px;
321   height: 17px;
322   vertical-align: middle;
325 img.iconkbhelp {
326   width: 49px;
327   height: 17px;
330 img.icon-pre,
331 .dir-rtl img.icon-post {
332   padding-right: 3px;
333   padding-left: 0;
336 img.icon-post,
337 .dir-rtl img.icon-pre {
338   padding-right: 0;
339   padding-left: 3px;
342 .boxaligncenter {
343   margin-right: auto;
344   margin-left: auto;
347 .boxalignright {
348   margin-right: 0;
349   margin-left: auto;
352 .boxalignleft {
353   margin-right: auto;
354   margin-left: 0;
357 .boxwidthnarrow {
358   width: 30%;
361 .boxwidthnormal {
362   width: 50%;
365 .boxwidthwide {
366   width: 80%;
369 .headermain {
370   font-weight: bold;
373 #maincontent {
374   display: block;
375   height: 1px;
376   overflow: hidden;
379 img.uihint {
380   cursor: help;
383 #addmembersform table {
384   margin-right: auto;
385   margin-left: auto;
388 .flexible th {
389   white-space: nowrap;
392 table.flexible .emptyrow {
393   display: none;
396 img.emoticon {
397   width: 15px;
398   height: 15px;
399   vertical-align: middle;
402 form.popupform,
403 form.popupform div {
404   display: inline;
407 .arrow_button input {
408   overflow: hidden;
411 .action-icon img.smallicon {
412   margin: 0 0.3em;
413   vertical-align: text-bottom;
416 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
418 .no-overflow {
419   padding-bottom: 1px;
420   overflow: auto;
423 .pagelayout-report .no-overflow {
424   overflow: visible;
427 .no-overflow > .generaltable {
428   margin-bottom: 0;
431 .accesshide {
432   position: absolute;
433   left: -10000px;
434   font-size: 1em;
435   font-weight: normal;
438 .dir-rtl .accesshide {
439   top: -30000px;
440   left: auto;
443 span.hide,
444 div.hide {
445   display: none;
448 a.skip-block,
449 a.skip {
450   position: absolute;
451   top: -1000em;
452   font-size: 0.85em;
453   text-decoration: none;
456 a.skip-block:focus,
457 a.skip-block:active,
458 a.skip:focus,
459 a.skip:active {
460   position: static;
461   display: block;
464 .skip-block-to {
465   display: block;
466   height: 1px;
467   overflow: hidden;
470 .addbloglink {
471   text-align: center;
474 .blog_entry .audience {
475   padding-right: 4px;
476   text-align: right;
479 .blog_entry .tags {
480   margin-top: 15px;
483 .blog_entry .tags .action-icon img.smallicon {
484   width: 16px;
485   height: 16px;
488 .blog_entry .content {
489   margin-left: 43px;
492 #page-group-index #groupeditform {
493   text-align: center;
496 #doc-contents h1 {
497   margin: 1em 0 0 0;
500 #doc-contents ul {
501   width: 90%;
502   padding: 0;
503   margin: 0;
506 #doc-contents ul li {
507   list-style-type: none;
510 .groupmanagementtable td {
511   vertical-align: top;
514 .groupmanagementtable #existingcell,
515 .groupmanagementtable #potentialcell {
516   width: 42%;
519 .groupmanagementtable #buttonscell {
520   width: 16%;
523 .groupmanagementtable #buttonscell p.arrow_button input {
524   width: auto;
525   min-width: 80%;
526   margin: 0 auto;
529 .groupmanagementtable #removeselect_wrapper,
530 .groupmanagementtable #addselect_wrapper {
531   width: 100%;
534 .groupmanagementtable #removeselect_wrapper label,
535 .groupmanagementtable #addselect_wrapper label {
536   font-weight: normal;
539 .dir-rtl .groupmanagementtable p {
540   text-align: right;
543 #group-usersummary {
544   width: 14em;
547 .groupselector {
548   display: inline-block;
549   margin-top: 3px;
550   margin-bottom: 3px;
553 .groupselector label {
554   display: inline-block;
557 .loginbox {
558   margin: 15px;
559   overflow: visible;
562 .loginbox.twocolumns {
563   margin: 15px;
566 .loginbox h2,
567 .loginbox .subcontent {
568   padding: 10px;
569   margin: 5px;
570   text-align: center;
573 .loginbox .loginpanel .desc {
574   padding: 0;
575   margin: 0;
576   margin-top: 15px;
577   margin-bottom: 5px;
580 .loginbox .signuppanel .subcontent {
581   text-align: left;
584 .dir-rtl .loginbox .signuppanel .subcontent {
585   text-align: right;
588 .loginbox .loginsub {
589   margin-right: 0;
590   margin-left: 0;
593 .loginbox .guestsub,
594 .loginbox .forgotsub,
595 .loginbox .potentialidps {
596   margin: 5px 12%;
599 .loginbox .potentialidps .potentialidplist {
600   margin-left: 40%;
603 .loginbox .potentialidps .potentialidplist div {
604   text-align: left;
607 .loginbox .loginform {
608   margin-top: 1em;
609   text-align: left;
612 .loginbox .loginform .form-label {
613   float: left;
614   width: 44%;
615   text-align: right;
616   white-space: nowrap;
617   direction: rtl;
620 .dir-rtl .loginbox .loginform .form-label {
621   float: left;
622   width: 44%;
623   text-align: right;
624   white-space: nowrap;
625   direction: ltr;
628 .loginbox .loginform .form-input {
629   float: right;
630   width: 55%;
633 .loginbox .loginform .form-input input {
634   width: 6em;
637 .loginbox .signupform {
638   margin-top: 1em;
639   text-align: center;
642 .loginbox.twocolumns .loginpanel,
643 .loginbox.twocolumns .signuppanel {
644   display: block;
645   float: left;
646   width: 48%;
647   min-height: 30px;
648   padding: 0;
649   padding-bottom: 2000px;
650   margin: 0;
651   margin-bottom: -2000px;
652   margin-left: 2.76243%;
653   border: 0;
654   -webkit-box-sizing: border-box;
655      -moz-box-sizing: border-box;
656           box-sizing: border-box;
659 .dir-rtl .loginbox.twocolumns .loginpanel,
660 .dir-rtl .loginbox.twocolumns .signuppanel {
661   float: right;
664 .loginbox .potentialidp .smallicon {
665   margin: 0 .3em;
666   vertical-align: text-bottom;
669 .notepost {
670   margin-bottom: 1em;
673 .notepost .userpicture {
674   float: left;
675   margin-right: 5px;
678 .notepost .content,
679 .notepost .footer {
680   clear: both;
683 .notesgroup {
684   margin-left: 20px;
687 .path-my .coursebox .overview {
688   margin: 15px 30px 10px 30px;
691 .path-my .coursebox .info {
692   float: none;
693   margin: 0;
696 .mod_introbox {
697   padding: 10px;
700 table.mod_index {
701   width: 100%;
704 .comment-ctrl {
705   display: none;
706   padding: 0;
707   margin: 0;
708   font-size: 12px;
711 .comment-ctrl h5 {
712   padding: 5px;
713   margin: 0;
716 .comment-area {
717   max-width: 400px;
718   padding: 5px;
721 .comment-area textarea {
722   width: 100%;
723   overflow: auto;
726 .comment-area .fd {
727   text-align: right;
730 .comment-meta span {
731   color: gray;
734 .comment-link img {
735   vertical-align: text-bottom;
738 .comment-list {
739   padding: 0;
740   margin: 0;
741   overflow: auto;
742   font-size: 11px;
743   list-style: none;
746 .comment-list li {
747   position: relative;
748   padding: .3em;
749   margin: 2px;
750   margin-bottom: 5px;
751   clear: both;
752   list-style: none;
755 .comment-list li.first {
756   display: none;
759 .comment-paging {
760   text-align: center;
763 .comment-paging .pageno {
764   padding: 2px;
767 .comment-paging .curpage {
768   border: 1px solid #CCC;
771 .comment-message .picture {
772   float: left;
773   width: 20px;
776 .dir-rtl .comment-message .picture {
777   float: right;
780 .comment-message .text {
781   padding: 0;
782   margin: 0;
785 .comment-message .text p {
786   padding: 0;
787   margin: 0 18px 0 0;
790 .comment-delete {
791   position: absolute;
792   top: 0;
793   right: 0;
794   margin: .3em;
797 .dir-rtl .comment-delete {
798   position: absolute;
799   right: auto;
800   left: 0;
801   margin: .3em;
804 .comment-delete-confirm {
805   width: 5em;
806   padding: 2px;
807   text-align: center;
808   background: #eee;
811 .comment-container {
812   float: left;
813   margin: 4px;
816 .comment-report-selectall {
817   display: none;
820 .comment-link {
821   display: none;
824 .jsenabled .comment-link {
825   display: block;
828 .jsenabled .showcommentsnonjs {
829   display: none;
832 .jsenabled .comment-report-selectall {
833   display: inline;
836 /**
837 * Completion progress report
838 */
840 .completion-expired {
841   background: #f2dede;
844 .completion-expected {
845   font-size: 10.5px;
848 .completion-sortchoice,
849 .completion-identifyfield {
850   font-size: 10.5px;
851   vertical-align: bottom;
854 .completion-progresscell {
855   text-align: right;
858 .completion-expired .completion-expected {
859   font-weight: bold;
862 /**
863 * Tags
864 */
866 #page-tag-coursetags_edit .coursetag_edit_centered {
867   position: relative;
868   width: 600px;
869   margin: 20px auto;
872 #page-tag-coursetags_edit .coursetag_edit_row {
873   clear: both;
876 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {
877   float: left;
878   width: 50%;
879   text-align: right;
882 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {
883   margin-left: 50%;
886 #page-tag-coursetags_edit .coursetag_edit_input3 {
887   display: none;
890 #page-tag-coursetags_more .coursetag_more_large {
891   font-size: 120%;
894 #page-tag-coursetags_more .coursetag_more_small {
895   font-size: 80%;
898 #page-tag-coursetags_more .coursetag_more_link {
899   font-size: 80%;
902 #tag-description,
903 #tag-blogs {
904   width: 100%;
907 #tag-management-box {
908   margin-bottom: 10px;
909   line-height: 20px;
912 #tag-user-table {
913   width: 100%;
914   padding: 3px;
915   clear: both;
918 #tag-user-table {
919   *zoom: 1;
922 #tag-user-table:before,
923 #tag-user-table:after {
924   display: table;
925   line-height: 0;
926   content: "";
929 #tag-user-table:after {
930   clear: both;
933 img.user-image {
934   width: 100px;
935   height: 100px;
938 #small-tag-cloud-box {
939   width: 300px;
940   margin: 0 auto;
943 #big-tag-cloud-box {
944   float: none;
945   width: 600px;
946   margin: 0 auto;
949 ul#tag-cloud-list {
950   padding: 5px;
951   margin: 0;
952   list-style: none;
955 ul#tag-cloud-list li {
956   display: inline;
957   margin: 0;
958   list-style-type: none;
961 #tag-search-box {
962   margin: 10px auto;
963   text-align: center;
966 #tag-search-results-container {
967   width: 100%;
968   padding: 0;
971 #tag-search-results {
972   display: block;
973   float: left;
974   width: 60%;
975   padding: 0;
976   margin: 15px 20% 0 20%;
979 #tag-search-results li {
980   float: left;
981   width: 30%;
982   padding-right: 1%;
983   padding-left: 1%;
984   line-height: 20px;
985   text-align: left;
986   list-style: none;
989 span.flagged-tag,
990 span.flagged-tag a {
991   color: #b94a48;
994 table#tag-management-list {
995   width: 100%;
996   text-align: left;
999 table#tag-management-list td,
1000 table#tag-management-list th {
1001   padding: 4px;
1002   text-align: left;
1003   vertical-align: middle;
1006 .tag-management-form {
1007   text-align: center;
1010 #relatedtags-autocomplete-container {
1011   width: 100%;
1012   min-height: 4.6em;
1013   margin-right: auto;
1014   margin-left: auto;
1017 #relatedtags-autocomplete {
1018   position: relative;
1019   display: block;
1020   width: 60%;
1021   margin-right: auto;
1022   margin-left: auto;
1025 #relatedtags-autocomplete .yui-ac-content {
1026   position: absolute;
1027   left: 20%;
1028   z-index: 9050;
1029   width: 420px;
1030   overflow: hidden;
1031   background: #fff;
1032   border: 1px solid #404040;
1035 #relatedtags-autocomplete .ysearchquery {
1036   position: absolute;
1037   right: 10px;
1038   z-index: 10;
1039   color: #808080;
1042 #relatedtags-autocomplete .yui-ac-shadow {
1043   position: absolute;
1044   z-index: 9049;
1045   width: 100%;
1046   margin: .3em;
1047   background: #a0a0a0;
1050 #relatedtags-autocomplete ul {
1051   width: 100%;
1052   padding: 0;
1053   margin: 0;
1054   list-style-type: none;
1057 #relatedtags-autocomplete li {
1058   padding: 0 5px;
1059   white-space: nowrap;
1060   cursor: default;
1063 #relatedtags-autocomplete li.yui-ac-highlight {
1064   background: #FFFFCC;
1067 h2.tag-heading,
1068 div#tag-description,
1069 div#tag-blogs,
1070 body.tag .managelink {
1071   padding: 5px;
1074 .tag_cloud .s20 {
1075   font-size: 1.5em;
1076   font-weight: bold;
1079 .tag_cloud .s19 {
1080   font-size: 1.5em;
1083 .tag_cloud .s18 {
1084   font-size: 1.4em;
1085   font-weight: bold;
1088 .tag_cloud .s17 {
1089   font-size: 1.4em;
1092 .tag_cloud .s16 {
1093   font-size: 1.3em;
1094   font-weight: bold;
1097 .tag_cloud .s15 {
1098   font-size: 1.3em;
1101 .tag_cloud .s14 {
1102   font-size: 1.2em;
1103   font-weight: bold;
1106 .tag_cloud .s13 {
1107   font-size: 1.2em;
1110 .tag_cloud .s12,
1111 .tag_cloud .s11 {
1112   font-size: 1.1em;
1113   font-weight: bold;
1116 .tag_cloud .s10,
1117 .tag_cloud .s9 {
1118   font-size: 1.1em;
1121 .tag_cloud .s8,
1122 .tag_cloud .s7 {
1123   font-size: 1em;
1124   font-weight: bold;
1127 .tag_cloud .s6,
1128 .tag_cloud .s5 {
1129   font-size: 1em;
1132 .tag_cloud .s4,
1133 .tag_cloud .s3 {
1134   font-size: 0.9em;
1135   font-weight: bold;
1138 .tag_cloud .s2,
1139 .tag_cloud .s1 {
1140   font-size: 0.9em;
1143 .tag_cloud .s0 {
1144   font-size: 0.8em;
1147 /**
1148 * Web Service
1149 */
1151 #webservice-doc-generator td {
1152   text-align: left;
1153   border: 0 solid black;
1156 /**
1157 * Smart Select Element
1158 */
1160 .smartselect {
1161   position: absolute;
1164 .smartselect .smartselect_mask {
1165   background-color: #fff;
1168 .smartselect ul {
1169   padding: 0;
1170   margin: 0;
1173 .smartselect ul li {
1174   list-style: none;
1177 .smartselect .smartselect_menu {
1178   margin-right: 5px;
1181 .safari .smartselect .smartselect_menu {
1182   margin-left: 2px;
1185 .smartselect .smartselect_menu,
1186 .smartselect .smartselect_submenu {
1187   display: none;
1188   background-color: #FFF;
1189   border: 1px solid #000;
1192 .smartselect .smartselect_menu.visible,
1193 .smartselect .smartselect_submenu.visible {
1194   display: block;
1197 .smartselect .smartselect_menu_content ul li {
1198   position: relative;
1199   padding: 2px 5px;
1202 .smartselect .smartselect_menu_content ul li a {
1203   color: #333;
1204   text-decoration: none;
1207 .smartselect .smartselect_menu_content ul li a.selectable {
1208   color: inherit;
1211 .smartselect .smartselect_submenuitem {
1212   background-image: url([[pix:moodle|t/collapsed]]);
1213   background-position: 100%;
1214   background-repeat: no-repeat;
1217 /** Spanning mode */
1219 .smartselect.spanningmenu .smartselect_submenu {
1220   position: absolute;
1221   top: -1px;
1222   left: 100%;
1225 .smartselect.spanningmenu .smartselect_submenu a {
1226   padding-right: 16px;
1227   white-space: nowrap;
1230 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
1231   text-decoration: underline;
1234 /** Compact mode */
1236 .smartselect.compactmenu .smartselect_submenu {
1237   position: relative;
1238   z-index: 1010;
1239   display: none;
1240   margin: 2px -3px;
1241   margin-left: 10px;
1242   border-width: 0;
1245 .smartselect.compactmenu .smartselect_submenu.visible {
1246   display: block;
1249 .smartselect.compactmenu .smartselect_menu {
1250   z-index: 1000;
1251   overflow: hidden;
1254 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
1255   z-index: 1020;
1258 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
1259   font-weight: bold;
1262 /**
1263 * Registration
1264 */
1266 #page-admin-registration-register .registration_textfield {
1267   width: 300px;
1270 /**
1271 * Enrol
1272 */
1274 .userenrolment {
1275   width: 100%;
1276   border-collapse: collapse;
1279 .userenrolment tr {
1280   vertical-align: top;
1283 .userenrolment td {
1284   height: 41px;
1285   padding: 0;
1288 .userenrolment .subfield {
1289   margin-right: 5px;
1292 .userenrolment .col_userdetails .subfield_picture {
1293   float: left;
1296 .userenrolment .col_lastseen {
1297   width: 150px;
1300 .userenrolment .col_role {
1301   width: 262px;
1304 .userenrolment .col_role .roles,
1305 .userenrolment .col_group .groups {
1306   margin-right: 30px;
1309 .userenrolment .col_role .role,
1310 .userenrolment .col_group .group {
1311   float: left;
1312   padding: 3px;
1313   margin: 3px;
1314   white-space: nowrap;
1317 .userenrolment .col_role .role a,
1318 .userenrolment .col_group .group a {
1319   margin-left: 3px;
1320   cursor: pointer;
1323 .userenrolment .col_role .addrole,
1324 .userenrolment .col_group .addgroup {
1325   float: right;
1326   padding: 3px;
1327   margin: 3px;
1330 .userenrolment .col_role .addrole > *:hover,
1331 .userenrolment .col_group .addgroup > *:hover {
1332   border-bottom: 1px solid #666;
1335 .userenrolment .col_role .addrole img,
1336 .userenrolment .col_group .addgroup img {
1337   vertical-align: baseline;
1340 .dir-rtl .userenrolment .col_role .role {
1341   float: right;
1344 .userenrolment .hasAllRoles .col_role .addrole {
1345   display: none;
1348 .userenrolment .col_enrol .enrolment {
1349   float: left;
1350   padding: 3px;
1351   margin: 3px;
1354 .userenrolment .col_enrol .enrolment a {
1355   float: right;
1356   margin-left: 3px;
1359 #page-enrol-users .enrol_user_buttons {
1360   float: right;
1363 #page-enrol-users .enrol_user_buttons .enrolusersbutton {
1364   display: inline;
1367 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1368 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {
1369   display: inline;
1370   margin-right: 0;
1373 #page-enrol-users #filterform {
1374   display: inline-block;
1375   min-height: 20px;
1376   padding: 19px;
1377   padding: 9px;
1378   margin-bottom: 20px;
1379   background-color: #f5f5f5;
1380   border: 1px solid #e3e3e3;
1381   -webkit-border-radius: 4px;
1382   -webkit-border-radius: 3px;
1383      -moz-border-radius: 4px;
1384      -moz-border-radius: 3px;
1385           border-radius: 4px;
1386   border-radius: 3px;
1387   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1388      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1389           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1392 #page-enrol-users #filterform blockquote {
1393   border-color: #ddd;
1394   border-color: rgba(0, 0, 0, 0.15);
1397 #page-enrol-users #filterform .fitem {
1398   display: inline-block;
1399   margin-right: .3em;
1400   line-height: 40px;
1401   white-space: nowrap;
1404 #page-enrol-users #filterform .fitem label {
1405   display: inline;
1406   padding-right: .3em;
1407   line-height: 20px;
1410 #page-enrol-users #filterform .fitem :before,
1411 #page-enrol-users #filterform .fitem :after {
1412   display: inline;
1415 #page-enrol-users #filterform div,
1416 #page-enrol-users #filterform fieldset {
1417   display: inline;
1418   float: none;
1419   width: auto;
1420   margin: 0;
1421   clear: none;
1424 #page-enrol-users #filterform select,
1425 #page-enrol-users #filterform .ftext input {
1426   width: 7em;
1429 #page-enrol-users #filterform input,
1430 #page-enrol-users #filterform select {
1431   margin-bottom: 0;
1434 #page-enrol-users .user-enroller-panel .uep-search-results .user .details {
1435   width: 237px;
1438 .dir-rtl#page-enrol-users .col_userdetails .subfield_picture {
1439   float: right;
1442 .dir-rtl#page-enrol-users .enrol_user_buttons {
1443   float: left;
1446 .dir-rtl#page-enrol-users .enrol_user_buttons .enrolusersbutton {
1447   margin-right: 1em;
1448   margin-left: 0;
1451 .dir-rtl#page-enrol-users .enrol_user_buttons .enrolusersbutton div {
1452   margin-left: 0;
1455 .dir-rtl#page-enrol-users #filterform .fitem {
1456   margin-right: 0;
1457   margin-left: .3em;
1460 .dir-rtl#page-enrol-users #filterform .fitem label {
1461   padding-right: 0;
1462   padding-left: .3em;
1465 /**
1466 * Overide for RTL layout
1467 **/
1469 .dir-rtl .headermain {
1470   float: right;
1473 .dir-rtl .headermenu {
1474   float: left;
1477 .dir-rtl .loginbox .loginform .form-label {
1478   float: right;
1479   text-align: left;
1482 .dir-rtl .loginbox .loginform .form-input {
1483   text-align: right;
1486 .dir-rtl .yui3-menu-hidden {
1487   left: 0;
1490 #page-admin-roles-define.dir-rtl #rolesform .felement {
1491   margin-right: 180px;
1494 #page-message-edit.dir-rtl table.generaltable th.c0 {
1495   text-align: right;
1498 .corelightbox {
1499   position: absolute;
1500   top: 0;
1501   left: 0;
1502   width: 100%;
1503   height: 100%;
1504   text-align: center;
1505   background-color: #CCC;
1508 .corelightbox img {
1509   position: fixed;
1510   top: 50%;
1511   left: 50%;
1514 .mod-indent-outer {
1515   display: table;
1518 .mod-indent {
1519   display: table-cell;
1522 .label .mod-indent {
1523   float: left;
1524   padding-top: 20px;
1527 .mod-indent-1 {
1528   width: 30px;
1531 .mod-indent-2 {
1532   width: 60px;
1535 .mod-indent-3 {
1536   width: 90px;
1539 .mod-indent-4 {
1540   width: 120px;
1543 .mod-indent-5 {
1544   width: 150px;
1547 .mod-indent-6 {
1548   width: 180px;
1551 .mod-indent-7 {
1552   width: 210px;
1555 .mod-indent-8 {
1556   width: 240px;
1559 .mod-indent-9 {
1560   width: 270px;
1563 .mod-indent-10 {
1564   width: 300px;
1567 .mod-indent-11 {
1568   width: 330px;
1571 .mod-indent-12 {
1572   width: 360px;
1575 .mod-indent-13 {
1576   width: 390px;
1579 .mod-indent-14 {
1580   width: 420px;
1583 .mod-indent-15,
1584 .mod-indent-huge {
1585   width: 420px;
1588 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1590 .resourcecontent .mediaplugin_mp3 object {
1591   width: 600px;
1592   height: 25px;
1595 .resourcecontent audio.mediaplugin_html5audio {
1596   width: 600px;
1599 /** Large resource images should avoid hidden overflow **/
1601 .resourceimage {
1602   max-width: 100%;
1605 /* Audio player size in 'inline' mode (can only change width, as above) */
1607 .mediaplugin_mp3 object {
1608   width: 300px;
1609   height: 15px;
1612 audio.mediaplugin_html5audio {
1613   width: 300px;
1616 /* TinyMCE moodle media preview frame should not have padding */
1618 .core_media_preview.pagelayout-embedded #content {
1619   padding: 0;
1622 .core_media_preview.pagelayout-embedded #maincontent {
1623   height: 0;
1626 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
1627   min-width: 0;
1628   padding: 0;
1629   margin: 0;
1630   background: none;
1633 /** Fix YUI 2 Treeview for Right to left languages **/
1635 .dir-rtl .ygtvtn,
1636 .dir-rtl .ygtvtm,
1637 .dir-rtl .ygtvtmh,
1638 .dir-rtl .ygtvtmhh,
1639 .dir-rtl .ygtvtp,
1640 .dir-rtl .ygtvtph,
1641 .dir-rtl .ygtvtphh,
1642 .dir-rtl .ygtvln,
1643 .dir-rtl .ygtvlm,
1644 .dir-rtl .ygtvlmh,
1645 .dir-rtl .ygtvlmhh,
1646 .dir-rtl .ygtvlp,
1647 .dir-rtl .ygtvlph,
1648 .dir-rtl .ygtvlphh,
1649 .dir-rtl .ygtvdepthcell,
1650 .dir-rtl .ygtvok,
1651 .dir-rtl .ygtvok:hover,
1652 .dir-rtl .ygtvcancel,
1653 .dir-rtl .ygtvcancel:hover {
1654   width: 18px;
1655   height: 22px;
1656   cursor: pointer;
1657   background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
1658   background-repeat: no-repeat;
1661 .dir-rtl .ygtvtn {
1662   background-position: 0 -5600px;
1665 .dir-rtl .ygtvtm {
1666   background-position: 0 -4000px;
1669 .dir-rtl .ygtvtmh,
1670 .dir-rtl .ygtvtmhh {
1671   background-position: 0 -4800px;
1674 .dir-rtl .ygtvtp {
1675   background-position: 0 -6400px;
1678 .dir-rtl .ygtvtph,
1679 .dir-rtl .ygtvtphh {
1680   background-position: 0 -7200px;
1683 .dir-rtl .ygtvln {
1684   background-position: 0 -1600px;
1687 .dir-rtl .ygtvlm {
1688   background-position: 0 0;
1691 .dir-rtl .ygtvlmh,
1692 .dir-rtl .ygtvlmhh {
1693   background-position: 0 -800px;
1696 .dir-rtl .ygtvlp {
1697   background-position: 0 -2400px;
1700 .dir-rtl .ygtvlph,
1701 .dir-rtl .ygtvlphh {
1702   background-position: 0 -3200px;
1705 .dir-rtl .ygtvdepthcell {
1706   background-position: 0 -8000px;
1709 .dir-rtl .ygtvok {
1710   background-position: 0 -8800px;
1713 .dir-rtl .ygtvok:hover {
1714   background-position: 0 -8844px;
1717 .dir-rtl .ygtvcancel {
1718   background-position: 0 -8822px;
1721 .dir-rtl .ygtvcancel:hover {
1722   background-position: 0 -8866px;
1725 .dir-rtl.yui-skin-sam .yui-panel .hd {
1726   text-align: right;
1729 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
1730   text-align: right;
1733 /** Fix TinyMCE editor right to left **/
1735 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
1736 .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
1737   top: 44px;
1740 .dir-rtl .o2k7Skin table,
1741 .dir-rtl .o2k7Skin tbody,
1742 .dir-rtl .o2k7Skin a,
1743 .dir-rtl .o2k7Skin img,
1744 .dir-rtl .o2k7Skin tr,
1745 .dir-rtl .o2k7Skin div,
1746 .dir-rtl .o2k7Skin td,
1747 .dir-rtl .o2k7Skin iframe,
1748 .dir-rtl .o2k7Skin span,
1749 .dir-rtl .o2k7Skin *,
1750 .dir-rtl .o2k7Skin .mceText,
1751 .dir-rtl .o2k7Skin .mceListBox .mceText {
1752   text-align: right;
1755 .path-rating .ratingtable {
1756   width: 100%;
1757   margin-bottom: 1em;
1760 .path-rating .ratingtable th.rating {
1761   width: 100%;
1764 .path-rating .ratingtable td.rating,
1765 .path-rating .ratingtable td.time {
1766   text-align: center;
1767   white-space: nowrap;
1770 .initialbar a,
1771 .initialbar strong {
1772   padding-right: 3px;
1773   padding-left: 3px;
1776 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
1778 .moodle-dialogue-base .moodle-dialogue-lightbox {
1779   background-color: #AAA;
1782 .moodle-dialogue-base .hidden,
1783 .moodle-dialogue-base .moodle-dialogue-hidden {
1784   display: none;
1787 .no-scrolling {
1788   overflow: hidden;
1791 .moodle-dialogue-base .moodle-dialogue-fullscreen {
1792   position: fixed;
1793   top: 0;
1794   right: 0;
1795   bottom: -50px;
1796   left: 0;
1799 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1800   overflow: auto;
1803 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1804   width: 28px;
1805   height: 16px;
1806   background-size: 100%;
1809 .moodle-dialogue-base .moodle-dialogue {
1810   z-index: 600;
1811   padding: 0;
1812   margin: 0;
1813   background: none;
1814   border: none;
1815   outline: #000 dotted 0;
1818 .moodle-dialogue-base .moodle-dialogue-wrap {
1819   margin-top: -3px;
1820   margin-left: -3px;
1821   background-color: #fff;
1822   border: 1px solid #ccc;
1823   -webkit-border-radius: 10px;
1824      -moz-border-radius: 10px;
1825           border-radius: 10px;
1826   -webkit-box-shadow: 5px 5px 20px 0 #666666;
1827      -moz-box-shadow: 5px 5px 20px 0 #666666;
1828           box-shadow: 5px 5px 20px 0 #666666;
1831 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1832 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
1833   padding: 5px;
1834   margin: 0;
1835   font-size: 12px;
1836   font-weight: normal;
1837   letter-spacing: 1px;
1838   color: #333;
1839   text-align: center;
1840   text-shadow: 1px 1px 1px #fff;
1841   background: #ccc;
1842   background-color: #ebebeb;
1843   background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
1844   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
1845   background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
1846   background-image: -o-linear-gradient(top, #ffffff, #cccccc);
1847   background-image: linear-gradient(to bottom, #ffffff, #cccccc);
1848   background-repeat: repeat-x;
1849   border-bottom: 1px solid #bbb;
1850   -webkit-border-radius: 10px 10px 0 0;
1851      -moz-border-radius: 10px 10px 0 0;
1852           border-radius: 10px 10px 0 0;
1853   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
1854   filter: 0;
1857 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1858   display: inline;
1859   padding: 0;
1860   margin: 0;
1861   font-size: 100%;
1862   font-weight: bold;
1865 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1866   padding: 5px;
1869 .moodle-dialogue-base .closebutton {
1870   display: inline-block;
1871   float: right;
1872   width: 25px;
1873   height: 15px;
1874   padding: 0;
1875   vertical-align: middle;
1876   cursor: pointer;
1877   background-image: url([[pix:theme|sprite]]);
1878   background-repeat: no-repeat;
1879   border-style: none;
1882 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1883   right: auto;
1884   left: 0;
1887 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1888   padding: 1em;
1889   font-size: 12px;
1890   line-height: 2em;
1891   color: #555;
1894 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1895   padding: 0;
1896   background: #FFF;
1899 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1900   padding: 10px;
1901   font-size: 16px;
1904 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1905   position: absolute;
1906   top: 0;
1907   right: 0;
1908   bottom: 50px;
1909   left: 0;
1910   margin: 0;
1911   overflow: auto;
1912   border: 0;
1915 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1916 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1917   border-radius: 0;
1920 .moodle-dialogue-confirm .confirmation-dialogue {
1921   text-align: center;
1924 .moodle-dialogue-confirm .confirmation-dialogue input {
1925   text-align: center;
1928 .moodle-dialogue-exception .moodle-exception-message {
1929   text-align: center;
1932 .moodle-dialogue-exception .moodle-exception-param label {
1933   font-weight: bold;
1936 .moodle-dialogue-exception .param-stacktrace label {
1937   background-color: #EEE;
1938   border: 1px solid #ccc;
1939   border-bottom-width: 0;
1942 .moodle-dialogue-exception .param-stacktrace pre {
1943   background-color: #fff;
1944   border: 1px solid #ccc;
1947 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1948   font-size: 11.9px;
1949   color: navy;
1952 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1953   font-size: 11.9px;
1954   color: #b94a48;
1957 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1958   font-size: 90%;
1959   color: #333;
1960   border-bottom: 1px solid #eee;
1963 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1964   padding: 0;
1965   margin: 0.7em 1em;
1966   font-size: 12px;
1967   text-align: right;
1968   background-color: #FFF;
1971 .moodle-dialogue-confirm .confirmation-message {
1972   margin: 0.5em 1em;
1975 .moodle-dialogue-confirm .confirmation-dialogue input {
1976   min-width: 80px;
1979 .moodle-dialogue-exception .moodle-exception-message {
1980   margin: 1em;
1983 .moodle-dialogue-exception .moodle-exception-param {
1984   margin-bottom: 0.5em;
1987 .moodle-dialogue-exception .moodle-exception-param label {
1988   width: 150px;
1991 .moodle-dialogue-exception .param-stacktrace label {
1992   display: block;
1993   padding: 4px 1em;
1994   margin: 0;
1997 .moodle-dialogue-exception .param-stacktrace pre {
1998   display: block;
1999   height: 200px;
2000   overflow: auto;
2003 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
2004   display: inline-block;
2005   margin: 4px 0;
2008 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
2009   display: inline-block;
2010   width: 50px;
2011   margin: 4px 1em;
2014 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
2015   padding-bottom: 4px;
2016   padding-left: 25px;
2017   margin-bottom: 4px;
2020 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
2021   top: 0;
2022   left: 0;
2023   width: 100%;
2024   height: 100%;
2025   padding: 10% 0;
2026   text-align: center;
2027   background-color: white;
2028   opacity: 0.75;
2029   filter: alpha(opacity=75);
2032 /* Apply a default max-height on tooltip text */
2034 .moodle-dialogue .tooltiptext {
2035   max-height: 300px;
2038 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
2039   z-index: 3001;
2042 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
2043   overflow: auto;
2046 /* Question Bank - Question Chooser "Close" button */
2048 #page-question-edit.dir-rtl a.container-close {
2049   right: auto;
2050   left: 6px;
2053 /**
2054 * Chooser Dialogues (moodle-core-chooserdialogue)
2056 * This CSS belong to the chooser dialogue which should work both with, and
2057 * without javascript enabled
2058 */
2060 /* Hide the dialog and it's title */
2062 .chooserdialoguebody,
2063 .choosertitle {
2064   display: none;
2067 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
2068   margin: 0;
2071 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
2072   padding: 0;
2073   background: #F2F2F2;
2074   -webkit-border-bottom-right-radius: 10px;
2075           border-bottom-right-radius: 10px;
2076   -webkit-border-bottom-left-radius: 10px;
2077           border-bottom-left-radius: 10px;
2078   -moz-border-radius-bottomright: 10px;
2079   -moz-border-radius-bottomleft: 10px;
2082 /* Center the submit buttons within the area */
2084 .choosercontainer #chooseform .submitbuttons {
2085   padding: 0.7em 0;
2086   text-align: center;
2089 /* Fixed for safari browser on iPhone4S with ios7.*/
2091 @media (max-height: 639px) {
2092   .ios.safari .choosercontainer #chooseform .submitbuttons {
2093     padding: 45px 0;
2094   }
2097 .choosercontainer #chooseform .submitbuttons input {
2098   min-width: 100px;
2099   margin: 0 0.5em;
2102 /* Various settings for the options area */
2104 .choosercontainer #chooseform .options {
2105   position: relative;
2106   border-bottom: 1px solid #BBBBBB;
2109 /* Only set these options if we're showing the js container */
2111 .jsenabled .choosercontainer #chooseform .alloptions {
2112   max-width: 20.3em;
2113   overflow-x: hidden;
2114   overflow-y: auto;
2115   -webkit-box-shadow: inset 0 0 30px 0px #cccccc;
2116      -moz-box-shadow: inset 0 0 30px 0px #cccccc;
2117           box-shadow: inset 0 0 30px 0px #cccccc;
2120 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
2121   max-width: 18.3em;
2124 /* Settings for option rows and option subtypes */
2126 .choosercontainer #chooseform .moduletypetitle,
2127 .choosercontainer #chooseform .option,
2128 .choosercontainer #chooseform .nonoption {
2129   padding: 0 1.6em 0 1.6em;
2130   margin-bottom: 0;
2133 .choosercontainer #chooseform .moduletypetitle {
2134   padding-top: 1.2em;
2135   padding-bottom: 0.4em;
2136   text-transform: uppercase;
2139 .choosercontainer #chooseform .option .typename,
2140 .choosercontainer #chooseform .option span.modicon img.icon,
2141 .choosercontainer #chooseform .nonoption .typename,
2142 .choosercontainer #chooseform .nonoption span.modicon img.icon {
2143   padding: 0 0 0 0.5em;
2146 .dir-rtl .choosercontainer #chooseform .option .typename,
2147 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
2148 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
2149 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
2150   padding: 0 0.5em 0 0;
2153 .choosercontainer #chooseform .option span.modicon img.icon,
2154 .choosercontainer #chooseform .nonoption span.modicon img.icon {
2155   width: 24px;
2156   height: 24px;
2159 .choosercontainer #chooseform .option input[type=radio],
2160 .choosercontainer #chooseform .option span.typename,
2161 .choosercontainer #chooseform .option span.modicon {
2162   vertical-align: middle;
2165 .choosercontainer #chooseform .option label {
2166   display: block;
2167   padding: 0.3em 0 0.1em 0;
2168   border-bottom: 1px solid #FFFFFF;
2171 .choosercontainer #chooseform .nonoption {
2172   padding-top: 0.3em;
2173   padding-bottom: 0.1em;
2174   padding-left: 2.7em;
2177 .dir-rtl .choosercontainer #chooseform .nonoption {
2178   padding-right: 2.7em;
2179   padding-left: 0;
2182 .choosercontainer #chooseform .subtype {
2183   padding: 0 1.6em 0 3.2em;
2184   margin-bottom: 0;
2187 .dir-rtl .choosercontainer #chooseform .subtype {
2188   padding: 0 3.2em 0 1.6em;
2191 .choosercontainer #chooseform .subtype .typename {
2192   margin: 0 0 0 0.2em;
2195 .dir-rtl .choosercontainer #chooseform .subtype .typename {
2196   margin: 0 0.2em 0 0;
2199 /* The instruction/help area */
2201 .jsenabled .choosercontainer #chooseform .instruction,
2202 .jsenabled .choosercontainer #chooseform .typesummary {
2203   position: absolute;
2204   top: 0;
2205   right: 0;
2206   bottom: 0;
2207   left: 20.3em;
2208   display: none;
2209   padding: 1.6em;
2210   margin: 0;
2211   overflow-x: hidden;
2212   overflow-y: auto;
2213   line-height: 2em;
2214   background-color: #ffffff;
2217 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
2218 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
2219   right: 18.5em;
2220   left: 0;
2221   border-right: 1px solid grey;
2224 /* Selected option settings */
2226 .jsenabled .choosercontainer #chooseform .instruction,
2227 .choosercontainer #chooseform .selected .typesummary {
2228   display: block;
2231 .choosercontainer #chooseform .selected {
2232   background-color: #ffffff;
2233   -webkit-box-shadow: 0px 0 10px 0 #cccccc;
2234      -moz-box-shadow: 0px 0 10px 0 #cccccc;
2235           box-shadow: 0px 0 10px 0 #cccccc;
2238 .section-modchooser-link img.smallicon {
2239   padding: 3px;
2242 /* Form element: listing */
2244 .formlistingradio {
2245   padding-right: 10px;
2246   padding-bottom: 25px;
2249 .formlistinginputradio {
2250   float: left;
2253 .formlistingmain {
2254   min-height: 225px;
2257 .formlisting {
2258   position: relative;
2259   padding: 1px 19px 14px;
2260   margin: 15px 0;
2261   background-color: white;
2262   border: 1px solid #DDD;
2263   -webkit-border-radius: 4px;
2264      -moz-border-radius: 4px;
2265           border-radius: 4px;
2268 .formlistingmore {
2269   position: absolute;
2270   right: -1px;
2271   bottom: -1px;
2272   padding: 3px 7px;
2273   font-size: 12px;
2274   font-weight: bold;
2275   color: #9DA0A4;
2276   cursor: pointer;
2277   background-color: whiteSmoke;
2278   border: 1px solid #ddd;
2279   -webkit-border-radius: 4px 0 4px 0;
2280      -moz-border-radius: 4px 0 4px 0;
2281           border-radius: 4px 0 4px 0;
2284 .formlistingall {
2285   padding: 0;
2286   margin: 15px 0;
2287   -webkit-border-radius: 4px;
2288      -moz-border-radius: 4px;
2289           border-radius: 4px;
2292 .formlistingrow {
2293   top: 50%;
2294   left: 50%;
2295   float: left;
2296   width: 150px;
2297   min-height: 34px;
2298   padding: 6px;
2299   cursor: pointer;
2300   background-color: #F7F7F9;
2301   border-right: 1px solid #E1E1E8;
2302   border-bottom: 1px solid;
2303   border-left: 1px solid #E1E1E8;
2304   border-color: #E1E1E8;
2305   -webkit-border-radius: 0 0 4px 4px;
2306      -moz-border-radius: 0 0 4px 4px;
2307           border-radius: 0 0 4px 4px;
2310 body.jsenabled .formlistingradio {
2311   display: none;
2314 body.jsenabled .formlisting {
2315   display: block;
2318 /* Badges styles */
2320 table.collection {
2321   width: 100%;
2322   margin-bottom: 20px;
2323   border: 1px solid #dddddd;
2324   border-collapse: separate;
2325   *border-collapse: collapse;
2326   border-left: 0;
2327   -webkit-border-radius: 4px;
2328      -moz-border-radius: 4px;
2329           border-radius: 4px;
2332 table.collection th,
2333 table.collection td {
2334   padding: 8px;
2335   line-height: 20px;
2336   text-align: left;
2337   vertical-align: top;
2338   border-top: 1px solid #dddddd;
2341 table.collection th {
2342   font-weight: bold;
2345 table.collection thead th {
2346   vertical-align: bottom;
2349 table.collection caption + thead tr:first-child th,
2350 table.collection caption + thead tr:first-child td,
2351 table.collection colgroup + thead tr:first-child th,
2352 table.collection colgroup + thead tr:first-child td,
2353 table.collection thead:first-child tr:first-child th,
2354 table.collection thead:first-child tr:first-child td {
2355   border-top: 0;
2358 table.collection tbody + tbody {
2359   border-top: 2px solid #dddddd;
2362 table.collection .table {
2363   background-color: #ffffff;
2366 table.collection th,
2367 table.collection td {
2368   border-left: 1px solid #dddddd;
2371 table.collection caption + thead tr:first-child th,
2372 table.collection caption + tbody tr:first-child th,
2373 table.collection caption + tbody tr:first-child td,
2374 table.collection colgroup + thead tr:first-child th,
2375 table.collection colgroup + tbody tr:first-child th,
2376 table.collection colgroup + tbody tr:first-child td,
2377 table.collection thead:first-child tr:first-child th,
2378 table.collection tbody:first-child tr:first-child th,
2379 table.collection tbody:first-child tr:first-child td {
2380   border-top: 0;
2383 table.collection thead:first-child tr:first-child > th:first-child,
2384 table.collection tbody:first-child tr:first-child > td:first-child,
2385 table.collection tbody:first-child tr:first-child > th:first-child {
2386   -webkit-border-top-left-radius: 4px;
2387           border-top-left-radius: 4px;
2388   -moz-border-radius-topleft: 4px;
2391 table.collection thead:first-child tr:first-child > th:last-child,
2392 table.collection tbody:first-child tr:first-child > td:last-child,
2393 table.collection tbody:first-child tr:first-child > th:last-child {
2394   -webkit-border-top-right-radius: 4px;
2395           border-top-right-radius: 4px;
2396   -moz-border-radius-topright: 4px;
2399 table.collection thead:last-child tr:last-child > th:first-child,
2400 table.collection tbody:last-child tr:last-child > td:first-child,
2401 table.collection tbody:last-child tr:last-child > th:first-child,
2402 table.collection tfoot:last-child tr:last-child > td:first-child,
2403 table.collection tfoot:last-child tr:last-child > th:first-child {
2404   -webkit-border-bottom-left-radius: 4px;
2405           border-bottom-left-radius: 4px;
2406   -moz-border-radius-bottomleft: 4px;
2409 table.collection thead:last-child tr:last-child > th:last-child,
2410 table.collection tbody:last-child tr:last-child > td:last-child,
2411 table.collection tbody:last-child tr:last-child > th:last-child,
2412 table.collection tfoot:last-child tr:last-child > td:last-child,
2413 table.collection tfoot:last-child tr:last-child > th:last-child {
2414   -webkit-border-bottom-right-radius: 4px;
2415           border-bottom-right-radius: 4px;
2416   -moz-border-radius-bottomright: 4px;
2419 table.collection tfoot + tbody:last-child tr:last-child td:first-child {
2420   -webkit-border-bottom-left-radius: 0;
2421           border-bottom-left-radius: 0;
2422   -moz-border-radius-bottomleft: 0;
2425 table.collection tfoot + tbody:last-child tr:last-child td:last-child {
2426   -webkit-border-bottom-right-radius: 0;
2427           border-bottom-right-radius: 0;
2428   -moz-border-radius-bottomright: 0;
2431 table.collection caption + thead tr:first-child th:first-child,
2432 table.collection caption + tbody tr:first-child td:first-child,
2433 table.collection colgroup + thead tr:first-child th:first-child,
2434 table.collection colgroup + tbody tr:first-child td:first-child {
2435   -webkit-border-top-left-radius: 4px;
2436           border-top-left-radius: 4px;
2437   -moz-border-radius-topleft: 4px;
2440 table.collection caption + thead tr:first-child th:last-child,
2441 table.collection caption + tbody tr:first-child td:last-child,
2442 table.collection colgroup + thead tr:first-child th:last-child,
2443 table.collection colgroup + tbody tr:first-child td:last-child {
2444   -webkit-border-top-right-radius: 4px;
2445           border-top-right-radius: 4px;
2446   -moz-border-radius-topright: 4px;
2449 table.collection tbody > tr:nth-child(odd) > td,
2450 table.collection tbody > tr:nth-child(odd) > th {
2451   background-color: #f9f9f9;
2454 table.collection .name {
2455   text-align: left;
2456   vertical-align: middle;
2459 table.collection .awards {
2460   width: 10%;
2461   text-align: center;
2462   vertical-align: middle;
2465 table.collection .criteria {
2466   width: 40%;
2467   text-align: left;
2468   vertical-align: top;
2471 table.collection .badgeimage,
2472 table.collection .status {
2473   width: 15%;
2474   text-align: center;
2475   vertical-align: middle;
2478 table.collection .description {
2479   width: 25%;
2480   text-align: left;
2483 table.collection .actions {
2484   width: 11em;
2485   text-align: center;
2486   vertical-align: middle;
2489 a.criteria-action {
2490   float: right;
2491   padding: 0 3px;
2494 table.issuedbadgebox {
2495   width: 750px;
2496   background-color: #FFFFFF;
2499 table.badgeissuedimage {
2500   width: 150px;
2501   text-align: center;
2504 table.badgeissuedinfo {
2505   width: 600px;
2508 table.badgeissuedinfo .bvalue {
2509   text-align: left;
2510   vertical-align: middle;
2513 table.badgeissuedinfo .bfield {
2514   width: 125px;
2515   font-style: italic;
2516   text-align: left;
2519 .dir-rtl table.badgeissuedinfo .bvalue,
2520 .dir-rtl table.badgeissuedinfo .bfield {
2521   text-align: right;
2524 ul.badges {
2525   margin: 0;
2526   list-style: none;
2529 .badges li {
2530   position: relative;
2531   display: inline-block;
2532   width: 150px;
2533   padding-bottom: 2em;
2534   text-align: center;
2535   vertical-align: top;
2538 .badges li .badge-name {
2539   display: block;
2540   padding: 5px;
2543 .badges li > img {
2544   position: absolute;
2547 .badges li .badge-image {
2548   top: 0;
2549   left: 10px;
2550   z-index: 1;
2551   width: 90px;
2552   height: 90px;
2555 .badges li .badge-actions {
2556   position: relative;
2559 div.badge {
2560   position: relative;
2561   display: block;
2564 div.badge .expireimage {
2565   top: 0;
2566   left: 20px;
2567   width: 100px;
2568   height: 100px;
2571 .expireimage {
2572   position: absolute;
2573   top: 0;
2574   left: 30px;
2575   z-index: 10;
2576   width: 90px;
2577   height: 90px;
2578   opacity: 0.85;
2579   filter: alpha(opacity=85);
2582 .badge-profile {
2583   vertical-align: top;
2586 .connected {
2587   color: #468847;
2590 .notconnected {
2591   color: #b94a48;
2594 .connecting {
2595   color: #c09853;
2598 #page-badges-award .recipienttable tr td {
2599   vertical-align: top;
2602 #page-badges-award .recipienttable tr td.actions .actionbutton {
2603   width: 100%;
2604   padding: 0.5em 0;
2605   margin: 0.3em 0;
2608 #page-badges-award .recipienttable tr td.existing,
2609 #page-badges-award .recipienttable tr td.potential {
2610   width: 42%;
2613 .statustable {
2614   margin-bottom: 0;
2617 .statusbox.active {
2618   background-color: #dff0d8;
2621 .statusbox.inactive {
2622   background-color: #fcf8e3;
2625 .activatebadge {
2626   margin: 0;
2627   text-align: left;
2628   vertical-align: middle;
2631 .dir-rtl .activatebadge {
2632   text-align: right;
2635 img#persona_signin {
2636   cursor: pointer;
2639 .addcourse {
2640   float: right;
2643 .invisiblefieldset {
2644   display: inline;
2645   padding: 0;
2646   margin: 0;
2647   border-width: 0;
2650 .breadcrumb-nav {
2651   float: left;
2652   margin-bottom: 10px;
2655 .dir-rtl .breadcrumb-nav {
2656   float: right;
2659 .breadcrumb-button .singlebutton div {
2660   margin-right: 0;
2663 .breadcrumb-nav .breadcrumb {
2664   margin: 0;
2667 /** Action menu component styles **/
2669 .moodle-actionmenu,
2670 .moodle-actionmenu > ul,
2671 .moodle-actionmenu > ul > li {
2672   display: inline-block;
2675 .moodle-actionmenu ul {
2676   padding: 0;
2677   margin: 0;
2678   list-style-type: none;
2681 .moodle-actionmenu .toggle-display,
2682 .moodle-actionmenu .menu-action-text {
2683   display: none;
2684   /** Hidden by default, display none so that we don't take up space. **/
2688 .jsenabled .moodle-actionmenu[data-enhance] {
2689   display: block;
2692 .jsenabled .moodle-actionmenu[data-enhance] .menu {
2693   display: none;
2696 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {
2697   display: inline;
2698   /** JS is enabled, we'll be using it so return display to normal **/
2700   opacity: 0.5;
2701   filter: alpha(opacity=50);
2704 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
2705   display: block;
2706   padding-right: 4px;
2707   padding-left: 4px;
2708   margin-left: 4px;
2711 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
2712   padding: 8px 4px 0 2px;
2713   margin: 4px 4px 4px 0;
2714   vertical-align: text-bottom;
2717 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2718   margin-top: 8px;
2719   margin-left: 2px;
2720   border-top-color: #777777;
2723 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:hover,
2724 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:active {
2725   border-top-color: #555555;
2728 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
2729   opacity: 1;
2730   filter: alpha(opacity=100);
2733 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
2734   display: inline;
2737 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
2738   margin-right: 4px;
2739   margin-left: initial;
2742 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2743   margin-right: 2px;
2744   margin-left: initial;
2747 .moodle-actionmenu[data-enhanced].show {
2748   position: relative;
2751 .moodle-actionmenu[data-enhanced].show .menu {
2752   position: absolute;
2753   z-index: 1000;
2754   display: block;
2755   text-align: left;
2756   background-color: #fff;
2757   border: 1px solid #ccc;
2758   -webkit-border-radius: 5px;
2759      -moz-border-radius: 5px;
2760           border-radius: 5px;
2761   -webkit-box-shadow: 5px 5px 20px 0 #666666;
2762      -moz-box-shadow: 5px 5px 20px 0 #666666;
2763           box-shadow: 5px 5px 20px 0 #666666;
2766 .moodle-actionmenu[data-enhanced].show .menu a {
2767   display: block;
2768   padding: 2px 1em 2px 28px;
2769   color: #333333;
2772 .moodle-actionmenu[data-enhanced].show .menu a:hover {
2773   color: #ffffff;
2774   background-color: #0070a8;
2777 .moodle-actionmenu[data-enhanced].show .menu a:first-child {
2778   -webkit-border-top-right-radius: 4px;
2779           border-top-right-radius: 4px;
2780   -webkit-border-top-left-radius: 4px;
2781           border-top-left-radius: 4px;
2782   -moz-border-radius-topright: 4px;
2783   -moz-border-radius-topleft: 4px;
2786 .moodle-actionmenu[data-enhanced].show .menu a:last-child {
2787   -webkit-border-bottom-right-radius: 4px;
2788           border-bottom-right-radius: 4px;
2789   -webkit-border-bottom-left-radius: 4px;
2790           border-bottom-left-radius: 4px;
2791   -moz-border-radius-bottomright: 4px;
2792   -moz-border-radius-bottomleft: 4px;
2795 .moodle-actionmenu[data-enhanced].show .menu a.hidden {
2796   display: none;
2799 .moodle-actionmenu[data-enhanced].show .menu img {
2800   vertical-align: middle;
2803 .moodle-actionmenu[data-enhanced].show .menu .iconsmall {
2804   margin: 4px 4px 4px -24px;
2807 .moodle-actionmenu[data-enhanced].show .menu > li {
2808   display: block;
2811 .moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
2812   top: 100%;
2813   left: 0;
2814   margin-top: 4px;
2817 .moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
2818   top: 100%;
2819   right: 100%;
2822 .moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
2823   bottom: 100%;
2824   left: 0;
2827 .moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
2828   right: 100%;
2829   bottom: 100%;
2832 .moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
2833   top: 100%;
2834   left: 100%;
2837 .moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
2838   top: 100%;
2839   right: 0;
2840   margin-top: 4px;
2843 .moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
2844   bottom: 100%;
2845   left: 100%;
2848 .moodle-actionmenu[data-enhanced].show .menu.align-br-br {
2849   right: 0;
2850   bottom: 100%;
2853 .moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
2854   top: 0;
2855   left: 0;
2858 .moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
2859   top: 0;
2860   right: 100%;
2861   margin-right: 4px;
2864 .moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
2865   bottom: 100%;
2866   left: 0;
2867   margin-bottom: 4px;
2870 .moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
2871   right: 100%;
2872   bottom: 100%;
2875 .moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
2876   top: 0;
2877   left: 100%;
2878   margin-left: 4px;
2881 .moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
2882   top: 0;
2883   right: 0;
2886 .moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
2887   bottom: 100%;
2888   left: 100%;
2891 .moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
2892   right: 0;
2893   bottom: 100%;
2894   margin-bottom: 4px;
2897 .block .moodle-actionmenu {
2898   text-align: right;
2901 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {
2902   right: auto;
2903   left: 0;
2904   text-align: right;
2907 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall {
2908   margin-right: 0;
2909   margin-left: 8px;
2912 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
2913   right: 0;
2914   left: auto;
2917 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
2918   right: auto;
2919   left: 100%;
2922 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
2923   right: 0;
2924   left: auto;
2927 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
2928   right: auto;
2929   left: 100%;
2932 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
2933   right: 100%;
2934   left: auto;
2937 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
2938   right: auto;
2939   left: 0;
2942 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
2943   right: 100%;
2944   left: auto;
2947 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-br-br {
2948   right: auto;
2949   left: 0;
2952 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
2953   right: 0;
2954   left: auto;
2957 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
2958   right: auto;
2959   left: 100%;
2962 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
2963   right: 0;
2964   left: auto;
2967 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
2968   right: auto;
2969   left: 100%;
2972 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
2973   right: 100%;
2974   left: auto;
2977 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
2978   right: auto;
2979   left: 0;
2982 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
2983   right: 100%;
2984   left: auto;
2987 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
2988   right: auto;
2989   left: 0;
2992 .dir-rtl .block .moodle-actionmenu {
2993   text-align: right;
2996 ul.dragdrop-keyboard-drag li {
2997   list-style-type: none;
3000 .block-control-actions .moodle-core-dragdrop-draghandle img {
3001   width: 12px;
3002   height: 12px;
3005 a.disabled:hover,
3006 a.disabled {
3007   font-style: italic;
3008   color: #808080;
3009   text-decoration: none;
3010   cursor: default;
3013 body.lockscroll {
3014   height: 100%;
3015   overflow: hidden;
3018 /* admin.less */
3020 .formtable tbody th {
3021   font-weight: normal;
3022   text-align: right;
3025 .path-admin #assignrole {
3026   width: 60%;
3027   margin-right: auto;
3028   margin-left: auto;
3031 .path-admin .admintable .leftalign {
3032   text-align: left;
3035 .environmenttable p.warn {
3036   color: #c09853;
3037   background-color: #fcf8e3;
3040 .environmenttable .error,
3041 .environmenttable span.warn,
3042 .environmenttable .ok {
3043   display: inline-block;
3044   padding: 2px 4px;
3045   font-size: 11.844px;
3046   font-weight: bold;
3047   line-height: 14px;
3048   color: #ffffff;
3049   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
3050   white-space: nowrap;
3051   vertical-align: baseline;
3052   background-color: #999999;
3053   -webkit-border-radius: 3px;
3054      -moz-border-radius: 3px;
3055           border-radius: 3px;
3058 .environmenttable .error:empty,
3059 .environmenttable span.warn:empty,
3060 .environmenttable .ok:empty {
3061   display: none;
3064 .environmenttable .error-important,
3065 .environmenttable span.warn-important,
3066 .environmenttable .ok-important {
3067   background-color: #b94a48;
3070 .environmenttable .error-important[href],
3071 .environmenttable span.warn-important[href],
3072 .environmenttable .ok-important[href] {
3073   background-color: #953b39;
3076 .environmenttable .error-warning,
3077 .environmenttable span.warn-warning,
3078 .environmenttable .ok-warning {
3079   background-color: #f89406;
3082 .environmenttable .error-warning[href],
3083 .environmenttable span.warn-warning[href],
3084 .environmenttable .ok-warning[href] {
3085   background-color: #c67605;
3088 .environmenttable .error-success,
3089 .environmenttable span.warn-success,
3090 .environmenttable .ok-success {
3091   background-color: #468847;
3094 .environmenttable .error-success[href],
3095 .environmenttable span.warn-success[href],
3096 .environmenttable .ok-success[href] {
3097   background-color: #356635;
3100 .environmenttable .error-info,
3101 .environmenttable span.warn-info,
3102 .environmenttable .ok-info {
3103   background-color: #3a87ad;
3106 .environmenttable .error-info[href],
3107 .environmenttable span.warn-info[href],
3108 .environmenttable .ok-info[href] {
3109   background-color: #2d6987;
3112 .environmenttable .error-inverse,
3113 .environmenttable span.warn-inverse,
3114 .environmenttable .ok-inverse {
3115   background-color: #333333;
3118 .environmenttable .error-inverse[href],
3119 .environmenttable span.warn-inverse[href],
3120 .environmenttable .ok-inverse[href] {
3121   background-color: #1a1a1a;
3124 .environmenttable .error {
3125   background-color: #b94a48;
3128 .environmenttable span.warn {
3129   background-color: #f89406;
3132 .environmenttable .ok {
3133   background-color: #468847;
3136 .path-admin .admintable.environmenttable .name,
3137 .path-admin .admintable.environmenttable .info,
3138 .path-admin #assignrole .admintable .role,
3139 .path-admin #assignrole .admintable .userrole,
3140 .path-admin #assignrole .admintable .roleholder {
3141   white-space: nowrap;
3144 .path-admin .incompatibleblockstable td.c0 {
3145   font-weight: bold;
3148 #page-admin-course-category .addcategory {
3149   padding: 10px;
3152 #page-admin-course-index .editcourse {
3153   margin: 20px auto;
3156 #page-admin-course-index .editcourse th,
3157 #page-admin-course-index .editcourse td {
3158   padding-right: 10px;
3159   padding-left: 10px;
3162 .timewarninghidden {
3163   display: none;
3166 .statusok,
3167 .statuswarning,
3168 .statusserious,
3169 .statuscritical {
3170   display: inline-block;
3171   padding: 2px 4px;
3172   font-size: 11.844px;
3173   font-weight: bold;
3174   line-height: 14px;
3175   color: #ffffff;
3176   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
3177   white-space: nowrap;
3178   vertical-align: baseline;
3179   background-color: #999999;
3180   -webkit-border-radius: 3px;
3181      -moz-border-radius: 3px;
3182           border-radius: 3px;
3185 .statusok:empty,
3186 .statuswarning:empty,
3187 .statusserious:empty,
3188 .statuscritical:empty {
3189   display: none;
3192 .statusok-important,
3193 .statuswarning-important,
3194 .statusserious-important,
3195 .statuscritical-important {
3196   background-color: #b94a48;
3199 .statusok-important[href],
3200 .statuswarning-important[href],
3201 .statusserious-important[href],
3202 .statuscritical-important[href] {
3203   background-color: #953b39;
3206 .statusok-warning,
3207 .statuswarning-warning,
3208 .statusserious-warning,
3209 .statuscritical-warning {
3210   background-color: #f89406;
3213 .statusok-warning[href],
3214 .statuswarning-warning[href],
3215 .statusserious-warning[href],
3216 .statuscritical-warning[href] {
3217   background-color: #c67605;
3220 .statusok-success,
3221 .statuswarning-success,
3222 .statusserious-success,
3223 .statuscritical-success {
3224   background-color: #468847;
3227 .statusok-success[href],
3228 .statuswarning-success[href],
3229 .statusserious-success[href],
3230 .statuscritical-success[href] {
3231   background-color: #356635;
3234 .statusok-info,
3235 .statuswarning-info,
3236 .statusserious-info,
3237 .statuscritical-info {
3238   background-color: #3a87ad;
3241 .statusok-info[href],
3242 .statuswarning-info[href],
3243 .statusserious-info[href],
3244 .statuscritical-info[href] {
3245   background-color: #2d6987;
3248 .statusok-inverse,
3249 .statuswarning-inverse,
3250 .statusserious-inverse,
3251 .statuscritical-inverse {
3252   background-color: #333333;
3255 .statusok-inverse[href],
3256 .statuswarning-inverse[href],
3257 .statusserious-inverse[href],
3258 .statuscritical-inverse[href] {
3259   background-color: #1a1a1a;
3262 .statusok {
3263   background-color: #468847;
3266 .statuswarning {
3267   background-color: #c09853;
3270 .statusserious {
3271   background-color: #f89406;
3274 .statuscritical {
3275   background-color: #b94a48;
3278 #page-admin-report-capability-index #capabilitysearch {
3279   width: 30em;
3282 #page-admin-report-backups-index .backup-error,
3283 #page-admin-report-backups-index .backup-unfinished {
3284   color: #b94a48;
3287 #page-admin-report-backups-index .backup-skipped,
3288 #page-admin-report-backups-index .backup-ok,
3289 #page-admin-report-backups-index .backup-notyetrun {
3290   color: #468847;
3293 #page-admin-report-backups-index .backup-warning {
3294   color: #c09853;
3297 #page-admin-qtypes .disabled,
3298 #page-admin-qbehaviours .disabled {
3299   color: #999999;
3302 #page-admin-qtypes #qtypes div,
3303 #page-admin-qtypes #qtypes form,
3304 #page-admin-qbehaviours #qbehaviours div,
3305 #page-admin-qbehaviours #qbehaviours form {
3306   display: inline;
3309 #page-admin-qtypes #qtypes img.spacer,
3310 #page-admin-qbehaviours #qbehaviours img.spacer {
3311   width: 16px;
3314 img.iconsmall {
3315   padding: 0.3em;
3316   margin: 0;
3319 #page-admin-qbehaviours .cell.c3,
3320 #page-admin-qtypes .cell.c3 {
3321   font-size: 10.5px;
3324 #page-admin-lang .generalbox,
3325 #page-admin-course-index .singlebutton,
3326 #page-admin-course-index .addcategory,
3327 #page-course-index .buttons,
3328 #page-course-index-category .buttons,
3329 #page-admin-course-category .addcategory,
3330 #page-admin-stickyblocks .generalbox,
3331 #page-admin-maintenance .buttons,
3332 #page-admin-course-index .buttons,
3333 #page-admin-course-category .buttons,
3334 #page-admin-index .copyright,
3335 #page-admin-index .copyrightnotice,
3336 #page-admin-index .adminerror .singlebutton,
3337 #page-admin-index .adminwarning .singlebutton,
3338 #page-admin-index #layout-table .singlebutton {
3339   margin-bottom: 1em;
3340   text-align: center;
3343 .path-admin-roles .capabilitysearchui {
3344   margin-right: auto;
3345   margin-left: auto;
3346   text-align: left;
3349 #page-admin-roles-define .topfields {
3350   margin: 1em 0 2em;
3353 #page-admin-roles-define .capdefault {
3354   background-color: #eee;
3355   border: 1px solid #cecece;
3358 #page-filter-manage .backlink,
3359 .path-admin-roles .backlink {
3360   margin-top: 1em;
3363 #page-admin-roles-explain #chooseuser h3,
3364 #page-admin-roles-usersroles .contextname {
3365   margin-top: 0;
3368 #page-admin-roles-explain #chooseusersubmit {
3369   margin-top: 0;
3370   text-align: center;
3373 #page-admin-roles-usersroles p {
3374   margin: 0;
3377 #page-admin-roles-override .cell.c1,
3378 #page-admin-roles-assign .cell.c3,
3379 #page-admin-roles-assign .cell.c1 {
3380   padding-top: 0.75em;
3383 #page-admin-roles-override .overridenotice,
3384 #page-admin-roles-define .definenotice {
3385   margin: 1em 10% 2em 10%;
3386   text-align: left;
3389 #notice {
3390   width: 60%;
3391   min-width: 220px;
3392   margin: auto;
3395 #page-admin-index .releasenoteslink,
3396 #page-admin-index .adminwarning,
3397 #page-admin-index .adminerror {
3398   width: 60%;
3399   min-width: 220px;
3400   padding: 8px 35px 8px 14px;
3401   margin: auto;
3402   margin-bottom: 20px;
3403   color: #c09853;
3404   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
3405   background-color: #fcf8e3;
3406   border: 1px solid #fbeed5;
3407   -webkit-border-radius: 4px;
3408      -moz-border-radius: 4px;
3409           border-radius: 4px;
3412 #page-admin-index .adminerror {
3413   color: #b94a48;
3414   background-color: #f2dede;
3415   border-color: #eed3d7;
3418 #page-admin-index .releasenoteslink {
3419   color: #3a87ad;
3420   background-color: #d9edf7;
3421   border-color: #bce8f1;
3424 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
3425   display: block;
3428 #page-admin-index .updateplugin div,
3429 #page-admin-plugins .updateplugin div {
3430   margin-bottom: 0.5em;
3433 #page-admin-index .updateplugin .updatepluginconfirmexternal,
3434 #page-admin-plugins .updateplugin .updatepluginconfirmexternal {
3435   padding: 1em;
3436   background-color: #f2dede;
3437   border: 1px solid #eed3d7;
3440 #page-admin-user-user_bulk #users .fgroup {
3441   white-space: nowrap;
3444 #page-admin-report-stats-index .graph {
3445   margin-bottom: 1em;
3446   text-align: center;
3449 #page-admin-report-courseoverview-index .graph {
3450   margin-bottom: 1em;
3451   text-align: center;
3454 #page-admin-lang .translator {
3455   border-style: solid;
3456   border-width: 1px;
3459 .path-admin .roleassigntable {
3460   width: 100%;
3463 .path-admin .roleassigntable td {
3464   padding: 0.2em 0.3em;
3465   vertical-align: top;
3468 .path-admin .roleassigntable p {
3469   margin: 0.2em 0;
3470   text-align: left;
3473 .path-admin .roleassigntable #existingcell,
3474 .path-admin .roleassigntable #potentialcell {
3475   width: 42%;
3478 .path-admin .roleassigntable #existingcell p > label:first-child,
3479 .path-admin .roleassigntable #potentialcell p > label:first-child {
3480   font-weight: bold;
3483 .path-admin .roleassigntable #buttonscell {
3484   width: 16%;
3487 .path-admin .roleassigntable #buttonscell #assignoptions {
3488   font-size: 10.5px;
3491 .path-admin .roleassigntable #removeselect_wrapper,
3492 .path-admin .roleassigntable #addselect_wrapper {
3493   width: 100%;
3496 .path-admin table.rolecap tr.rolecap th {
3497   font-weight: normal;
3498   text-align: left;
3501 .path-admin.dir-rtl table.rolecap tr.rolecap th {
3502   text-align: right;
3505 .path-admin .rolecap .hiddenrow {
3506   display: none;
3509 .path-admin #defineroletable .rolecap .inherit,
3510 .path-admin #defineroletable .rolecap .allow,
3511 .path-admin #defineroletable .rolecap .prevent,
3512 .path-admin #defineroletable .rolecap .prohibit {
3513   min-width: 3.5em;
3514   padding: 0;
3515   text-align: center;
3518 .path-admin .rolecap .cap-name,
3519 .path-admin .rolecap .note {
3520   display: block;
3521   font-size: 10.5px;
3522   font-weight: normal;
3523   white-space: nowrap;
3526 .path-admin .rolecap label {
3527   display: block;
3528   padding: 0.5em;
3529   margin: 0;
3530   text-align: center;
3533 .plugincheckwrapper {
3534   width: 100%;
3537 .environmentbox {
3538   margin-top: 1em;
3541 #mnetconfig table {
3542   margin-right: auto;
3543   margin-left: auto;
3546 .environmenttable .cell {
3547   padding: .15em .5em;
3550 .environmenttable img.iconhelp {
3551   padding-right: .3em;
3554 .dir-rtl .environmenttable img.iconhelp {
3555   padding-right: 0;
3556   padding-left: .3em;
3559 #trustedhosts .generaltable {
3560   width: 500px;
3561   margin-right: auto;
3562   margin-left: auto;
3565 #trustedhosts .standard {
3566   width: auto;
3569 #adminsettings legend {
3570   display: none;
3573 #adminsettings fieldset.error {
3574   margin: .2em 0 .5em 0;
3577 #adminsettings fieldset.error legend {
3578   display: block;
3581 .dir-rtl #admin-spelllanguagelist textarea,
3582 #page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea {
3583   text-align: left;
3584   direction: ltr;
3587 /* Styles for flags on admin settings */
3589 .adminsettingsflags {
3590   float: right;
3593 .dir-rtl .adminsettingsflags {
3594   float: left;
3597 .adminsettingsflags label {
3598   margin-right: 7px;
3601 .dir-rtl .adminsettingsflags label {
3602   margin-left: 7px;
3605 .form-description {
3606   clear: right;
3609 .dir-rtl .form-description {
3610   clear: left;
3613 .form-item .form-setting .form-htmlarea {
3614   display: inline;
3615   width: 640px;
3618 .form-item .form-setting .form-htmlarea .htmlarea {
3619   display: block;
3620   width: 640px;
3623 .form-item .form-setting .form-multicheckbox ul {
3624   padding: 0;
3625   margin: 7px 0 0 0;
3626   list-style: none;
3629 .form-item .form-setting .defaultsnext {
3630   display: inline;
3631   margin-right: 0.5em;
3634 .dir-rtl .form-item .form-setting .defaultsnext {
3635   margin-right: 0;
3636   margin-left: 0.5em;
3639 .form-item .form-setting .locked-checkbox {
3640   display: inline;
3641   margin-right: 0.2em;
3642   margin-left: 0.5em;
3645 .dir-rtl .form-item .form-setting .locked-checkbox {
3646   display: inline;
3647   margin-right: 0.5em;
3648   margin-left: 0.2em;
3651 .form-item .form-setting .form-password .unmask,
3652 .form-item .form-setting .form-defaultinfo {
3653   display: inline-block;
3656 .form-item .pathok,
3657 .form-item .patherror {
3658   margin-left: 0.5em;
3661 #admin-emoticons td input {
3662   width: 8em;
3665 #admin-emoticons td.c0 input {
3666   width: 4em;
3669 #adminthemeselector .selectedtheme td.c0 {
3670   border: 1px solid;
3671   border-right-width: 0;
3674 #adminthemeselector .selectedtheme td.c1 {
3675   border: 1px solid;
3676   border-left-width: 0;
3679 .admin_colourpicker,
3680 .admin_colourpicker_preview {
3681   display: none;
3684 .jsenabled .admin_colourpicker_preview {
3685   display: inline;
3688 .jsenabled .admin_colourpicker {
3689   display: block;
3690   width: 410px;
3691   height: 102px;
3692   margin-bottom: 10px;
3695 .admin_colourpicker .loadingicon {
3696   margin-left: auto;
3697   vertical-align: middle;
3700 .admin_colourpicker .colourdialogue {
3701   float: left;
3702   border: 1px solid #000;
3705 .admin_colourpicker .previewcolour {
3706   margin-left: 301px;
3707   border: 1px solid #000;
3710 .admin_colourpicker .currentcolour {
3711   margin-left: 301px;
3712   border: 1px solid #000;
3713   border-top-width: 0;
3716 /** Overide for RTL layout **/
3718 .dir-rtl .form-item .form-setting,
3719 .dir-rtl .form-item .form-label,
3720 .dir-rtl .form-item .form-description,
3721 .dir-rtl.path-admin .roleassigntable p {
3722   text-align: right;
3725 #page-admin-index #notice .checkforupdates {
3726   text-align: center;
3729 #plugins-check-info {
3730   margin: 1em;
3731   text-align: center;
3734 #plugins-check .displayname .pluginicon {
3735   width: 16px;
3738 #plugins-check .status-new .status {
3739   background-color: #dff0d8;
3742 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release,
3743 #plugins-check .status-upgrade .status,
3744 #plugins-check .status-delete .status {
3745   background-color: #d9edf7;
3748 #plugins-control-panel .extension .source,
3749 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
3750 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release,
3751 .pluginupdateinfo.maturity100,
3752 .pluginupdateinfo.maturity150,
3753 #plugins-check .extension .source {
3754   background-color: #fcf8e3;
3757 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release,
3758 .pluginupdateinfo.maturity50,
3759 #plugins-check .requires-failed,
3760 #plugins-check .missingfromdisk .displayname,
3761 #plugins-check .status-missing .status,
3762 #plugins-check .status-downgrade .status {
3763   background-color: #f2dede;
3766 #plugins-control-panel .statusmsg {
3767   padding: 3px;
3768   background-color: #eeeeee;
3769   -webkit-border-radius: 5px;
3770      -moz-border-radius: 5px;
3771           border-radius: 5px;
3774 #plugins-control-panel .status-missing .pluginname {
3775   background-color: #f2dede;
3778 #plugins-control-panel .status-missing .statusmsg {
3779   color: #b94a48;
3782 #plugins-control-panel .status-new .pluginname {
3783   background-color: #dff0d8;
3786 #plugins-control-panel .status-new .statusmsg {
3787   color: #468847;
3790 #plugins-control-panel .disabled .availability {
3791   background-color: #eeeeee;
3794 #plugins-check .standard .source,
3795 #plugins-check .status-nodb .status,
3796 #plugins-check .status-uptodate .status,
3797 #plugins-check .requires-ok {
3798   color: #999999;
3801 #plugins-check .requires ul {
3802   margin: 0;
3803   font-size: 10.5px;
3806 #plugins-check .status .pluginupdateinfo {
3807   padding: 5px 10px;
3808   margin: 10px;
3809   background-color: #d9edf7;
3810   -webkit-border-radius: 10px;
3811      -moz-border-radius: 10px;
3812           border-radius: 10px;
3815 #plugins-check .status .pluginupdateinfo span,
3816 #plugins-check .status .pluginupdateinfo a {
3817   padding-right: 1em;
3820 #page-admin-index .upgradepluginsinfo {
3821   text-align: center;
3824 #page-admin-plugins .checkforupdates {
3825   margin: 0 auto 1em;
3826   text-align: center;
3829 #plugins-control-panel .requiredby,
3830 #plugins-control-panel .pluginname .componentname {
3831   font-size: 11.9px;
3832   color: #999999;
3835 #plugins-control-panel .pluginname .componentname {
3836   margin-left: 22px;
3839 #plugins-overview-filter .filter-item,
3840 #plugins-overview-panel .info {
3841   padding: 0 10px;
3844 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator,
3845 #plugins-check .status .pluginupdateinfo .separator,
3846 #page-admin-plugins .separator {
3847   border-left: 1px dotted #999;
3850 #plugins-control-panel .msg td {
3851   text-align: center;
3854 #plugins-overview-filter,
3855 #plugins-overview-panel {
3856   margin: 1em auto;
3857   text-align: center;
3860 #plugins-overview-panel .info.updatable {
3861   margin-left: 10px;
3862   font-weight: bold;
3863   background-color: #d9edf7;
3864   -webkit-border-radius: 10px;
3865      -moz-border-radius: 10px;
3866           border-radius: 10px;
3869 #plugins-overview-filter .filter-item.active {
3870   font-weight: bold;
3873 #plugins-control-panel .displayname img.icon {
3874   padding-top: 0;
3875   padding-bottom: 0;
3878 #plugins-control-panel .uninstall a {
3879   color: #b94a48;
3882 #plugins-control-panel .notes .pluginupdateinfo {
3883   padding: 5px 10px;
3884   margin: 10px;
3885   background-color: #d9edf7;
3886   -webkit-border-radius: 10px;
3887      -moz-border-radius: 10px;
3888           border-radius: 10px;
3891 #plugins-control-panel .notes .pluginupdateinfo span,
3892 #plugins-control-panel .notes .pluginupdateinfo a {
3893   padding-right: 1em;
3896 .dir-rtl #plugins-check .pluginupdateinfo {
3897   text-align: center;
3898   direction: ltr;
3901 .dir-rtl #plugins-check .rootdir,
3902 .dir-rtl #plugins-check .requires-ok {
3903   text-align: left;
3904   direction: ltr;
3907 /** MNet networking */
3909 #page-admin-mnet-peers .box.deletedhosts {
3910   margin-bottom: 1em;
3911   font-size: 11.9px;
3914 #page-admin-mnet-peers .mform .certdetails {
3915   background-color: white;
3918 #page-admin-mnet-peers .mform .deletedhostinfo {
3919   padding: 4px;
3920   margin-bottom: 5px;
3921   background-color: #f2dede;
3922   border: 2px solid #eed3d7;
3925 #core-cache-plugin-summaries table,
3926 #core-cache-store-summaries table {
3927   width: 100%;
3930 #core-cache-lock-summary table,
3931 #core-cache-definition-summaries table,
3932 #core-cache-mode-mappings table {
3933   margin: 0 auto;
3936 #core-cache-store-summaries .default-store td {
3937   font-style: italic;
3938   color: #333;
3941 #core-cache-rescan-definitions,
3942 #core-cache-mode-mappings .edit-link,
3943 #core-cache-lock-summary .new-instance {
3944   margin-top: 0.5em;
3945   text-align: center;
3948 .tinymcesubplugins img.icon {
3949   padding-top: 0;
3950   padding-bottom: 0;
3953 #page-admin-roles-assign div.box.generalbox {
3954   padding: 8px 35px 8px 14px;
3955   margin-bottom: 20px;
3956   color: #c09853;
3957   color: #b94a48;
3958   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
3959   background-color: #fcf8e3;
3960   background-color: #f2dede;
3961   border: 1px solid #fbeed5;
3962   border-color: #eed3d7;
3963   -webkit-border-radius: 4px;
3964      -moz-border-radius: 4px;
3965           border-radius: 4px;
3968 .maintenancewarning {
3969   position: fixed;
3970   right: 0;
3971   bottom: 0;
3972   z-index: 1;
3973   padding: 3px 1em;
3974   overflow: hidden;
3975   text-align: center;
3978 .maintenancewarning.error {
3979   font-weight: bold;
3980   color: #b94a48;
3981   background-color: #f2dede;
3982   border: 2px solid #eed3d7;
3985 .maintenancewarning.warning {
3986   color: #c09853;
3987   background-color: #fcf8e3;
3988   border: 2px solid #fbeed5;
3991 /* calendar.less */
3993 .calendar_event_course {
3994   background-color: #ffd3bd;
3997 .calendar_event_global {
3998   background-color: #d6f8cd;
4001 .calendar_event_group {
4002   background-color: #fee7ae;
4005 .calendar_event_user {
4006   background-color: #dce7ec;
4009 .path-calendar .calendartable {
4010   width: 100%;
4013 .path-calendar .calendartable th,
4014 .path-calendar .calendartable td {
4015   width: 14%;
4016   text-align: center;
4017   vertical-align: top;
4018   border: 0;
4021 .path-calendar .calendar-controls .previous,
4022 .path-calendar .calendar-controls .next,
4023 .path-calendar .calendar-controls .current {
4024   display: block;
4025   float: left;
4026   width: 12%;
4029 .path-calendar .calendar-controls .previous {
4030   text-align: left;
4033 .path-calendar .calendar-controls .current {
4034   width: 76%;
4035   text-align: center;
4038 .path-calendar .calendar-controls .next {
4039   text-align: right;
4042 .path-calendar .filters table {
4043   width: 100%;
4044   border-collapse: separate;
4045   border-spacing: 2px;
4048 .path-calendar .cal_courses_flt label {
4049   margin-right: .45em;
4052 .path-calendar .maincalendar {
4053   padding: 0;
4054   vertical-align: top;
4057 .path-calendar .maincalendar .bottom {
4058   padding: 5px 0 0 0;
4059   text-align: center;
4062 .path-calendar .maincalendar .heightcontainer {
4063   position: relative;
4064   height: 100%;
4067 .path-calendar .maincalendar .calendarmonth {
4068   width: 98%;
4069   margin: 10px auto;
4072 .path-calendar .maincalendar .calendarmonth ul {
4073   margin: 0;
4076 .path-calendar .maincalendar .calendarmonth ul li {
4077   margin-top: 4px;
4078   list-style-type: none;
4081 .path-calendar .maincalendar .calendarmonth td {
4082   height: 5em;
4085 .path-calendar .maincalendar .calendar-controls .previous,
4086 .path-calendar .maincalendar .calendar-controls .next {
4087   width: 30%;
4090 .path-calendar .maincalendar .calendar-controls .current {
4091   width: 39.95%;
4094 .path-calendar .maincalendar .controls {
4095   width: 98%;
4096   margin: 10px auto;
4099 .path-calendar .maincalendar .calendar_event_course,
4100 .path-calendar .maincalendar .calendar_event_global,
4101 .path-calendar .maincalendar .calendar_event_group,
4102 .path-calendar .maincalendar .calendar_event_user {
4103   border-style: solid;
4104   border-width: 1px 1px 1px 12px;
4107 .path-calendar .maincalendar .calendar_event_course {
4108   border-color: #ffd3bd;
4111 .path-calendar .maincalendar .calendar_event_global {
4112   border-color: #d6f8cd;
4115 .path-calendar .maincalendar .calendar_event_group {
4116   border-color: #fee7ae;
4119 .path-calendar .maincalendar .calendar_event_user {
4120   border-color: #dce7ec;
4123 .path-calendar .maincalendar .calendar-event-panel {
4124   background-color: #eeeeee;
4125   border: 2px solid #eeeeee;
4128 .path-calendar .maincalendar .calendar-event-panel .yui3-overlay-content {
4129   padding: 19px;
4130   background-color: #fdfdfd;
4131   border: 1px solid #e3e3e3;
4132   -webkit-border-radius: 4px;
4133      -moz-border-radius: 4px;
4134           border-radius: 4px;
4135   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4136      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4137           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4140 .path-calendar .maincalendar .calendar-event-panel .yui3-overlay-content h2.eventtitle {
4141   color: #555555;