Merge branch 'MDL-81109-main' of https://github.com/lucaboesch/moodle
[moodle.git] / theme / classic / style / moodle.css
blob20cd8dfe65df602a2ca87bc51440e932d8463038
1 @charset "UTF-8";
2 /*!
3 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
4 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
5 * Copyright 2023 Fonticons, Inc.
6 */
7 :root, :host {
8 --fa-style-family-brands: "Font Awesome 6 Brands";
9 --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
12 @font-face {
13 font-family: "Font Awesome 6 Brands";
14 font-style: normal;
15 font-weight: 400;
16 font-display: block;
17 src: url("[[font:core|fa-brands-400.woff2]]") format("woff2"), url("[[font:core|fa-brands-400.ttf]]") format("truetype");
19 .fab,
20 .fa-brands {
21 font-weight: 400;
24 .fa-monero:before {
25 content: "\f3d0";
28 .fa-hooli:before {
29 content: "\f427";
32 .fa-yelp:before {
33 content: "\f1e9";
36 .fa-cc-visa:before {
37 content: "\f1f0";
40 .fa-lastfm:before {
41 content: "\f202";
44 .fa-shopware:before {
45 content: "\f5b5";
48 .fa-creative-commons-nc:before {
49 content: "\f4e8";
52 .fa-aws:before {
53 content: "\f375";
56 .fa-redhat:before {
57 content: "\f7bc";
60 .fa-yoast:before {
61 content: "\f2b1";
64 .fa-cloudflare:before {
65 content: "\e07d";
68 .fa-ups:before {
69 content: "\f7e0";
72 .fa-wpexplorer:before {
73 content: "\f2de";
76 .fa-dyalog:before {
77 content: "\f399";
80 .fa-bity:before {
81 content: "\f37a";
84 .fa-stackpath:before {
85 content: "\f842";
88 .fa-buysellads:before {
89 content: "\f20d";
92 .fa-first-order:before {
93 content: "\f2b0";
96 .fa-modx:before {
97 content: "\f285";
100 .fa-guilded:before {
101 content: "\e07e";
104 .fa-vnv:before {
105 content: "\f40b";
108 .fa-square-js:before {
109 content: "\f3b9";
112 .fa-js-square:before {
113 content: "\f3b9";
116 .fa-microsoft:before {
117 content: "\f3ca";
120 .fa-qq:before {
121 content: "\f1d6";
124 .fa-orcid:before {
125 content: "\f8d2";
128 .fa-java:before {
129 content: "\f4e4";
132 .fa-invision:before {
133 content: "\f7b0";
136 .fa-creative-commons-pd-alt:before {
137 content: "\f4ed";
140 .fa-centercode:before {
141 content: "\f380";
144 .fa-glide-g:before {
145 content: "\f2a6";
148 .fa-drupal:before {
149 content: "\f1a9";
152 .fa-hire-a-helper:before {
153 content: "\f3b0";
156 .fa-creative-commons-by:before {
157 content: "\f4e7";
160 .fa-unity:before {
161 content: "\e049";
164 .fa-whmcs:before {
165 content: "\f40d";
168 .fa-rocketchat:before {
169 content: "\f3e8";
172 .fa-vk:before {
173 content: "\f189";
176 .fa-untappd:before {
177 content: "\f405";
180 .fa-mailchimp:before {
181 content: "\f59e";
184 .fa-css3-alt:before {
185 content: "\f38b";
188 .fa-square-reddit:before {
189 content: "\f1a2";
192 .fa-reddit-square:before {
193 content: "\f1a2";
196 .fa-vimeo-v:before {
197 content: "\f27d";
200 .fa-contao:before {
201 content: "\f26d";
204 .fa-square-font-awesome:before {
205 content: "\e5ad";
208 .fa-deskpro:before {
209 content: "\f38f";
212 .fa-sistrix:before {
213 content: "\f3ee";
216 .fa-square-instagram:before {
217 content: "\e055";
220 .fa-instagram-square:before {
221 content: "\e055";
224 .fa-battle-net:before {
225 content: "\f835";
228 .fa-the-red-yeti:before {
229 content: "\f69d";
232 .fa-square-hacker-news:before {
233 content: "\f3af";
236 .fa-hacker-news-square:before {
237 content: "\f3af";
240 .fa-edge:before {
241 content: "\f282";
244 .fa-napster:before {
245 content: "\f3d2";
248 .fa-square-snapchat:before {
249 content: "\f2ad";
252 .fa-snapchat-square:before {
253 content: "\f2ad";
256 .fa-google-plus-g:before {
257 content: "\f0d5";
260 .fa-artstation:before {
261 content: "\f77a";
264 .fa-markdown:before {
265 content: "\f60f";
268 .fa-sourcetree:before {
269 content: "\f7d3";
272 .fa-google-plus:before {
273 content: "\f2b3";
276 .fa-diaspora:before {
277 content: "\f791";
280 .fa-foursquare:before {
281 content: "\f180";
284 .fa-stack-overflow:before {
285 content: "\f16c";
288 .fa-github-alt:before {
289 content: "\f113";
292 .fa-phoenix-squadron:before {
293 content: "\f511";
296 .fa-pagelines:before {
297 content: "\f18c";
300 .fa-algolia:before {
301 content: "\f36c";
304 .fa-red-river:before {
305 content: "\f3e3";
308 .fa-creative-commons-sa:before {
309 content: "\f4ef";
312 .fa-safari:before {
313 content: "\f267";
316 .fa-google:before {
317 content: "\f1a0";
320 .fa-square-font-awesome-stroke:before {
321 content: "\f35c";
324 .fa-font-awesome-alt:before {
325 content: "\f35c";
328 .fa-atlassian:before {
329 content: "\f77b";
332 .fa-linkedin-in:before {
333 content: "\f0e1";
336 .fa-digital-ocean:before {
337 content: "\f391";
340 .fa-nimblr:before {
341 content: "\f5a8";
344 .fa-chromecast:before {
345 content: "\f838";
348 .fa-evernote:before {
349 content: "\f839";
352 .fa-hacker-news:before {
353 content: "\f1d4";
356 .fa-creative-commons-sampling:before {
357 content: "\f4f0";
360 .fa-adversal:before {
361 content: "\f36a";
364 .fa-creative-commons:before {
365 content: "\f25e";
368 .fa-watchman-monitoring:before {
369 content: "\e087";
372 .fa-fonticons:before {
373 content: "\f280";
376 .fa-weixin:before {
377 content: "\f1d7";
380 .fa-shirtsinbulk:before {
381 content: "\f214";
384 .fa-codepen:before {
385 content: "\f1cb";
388 .fa-git-alt:before {
389 content: "\f841";
392 .fa-lyft:before {
393 content: "\f3c3";
396 .fa-rev:before {
397 content: "\f5b2";
400 .fa-windows:before {
401 content: "\f17a";
404 .fa-wizards-of-the-coast:before {
405 content: "\f730";
408 .fa-square-viadeo:before {
409 content: "\f2aa";
412 .fa-viadeo-square:before {
413 content: "\f2aa";
416 .fa-meetup:before {
417 content: "\f2e0";
420 .fa-centos:before {
421 content: "\f789";
424 .fa-adn:before {
425 content: "\f170";
428 .fa-cloudsmith:before {
429 content: "\f384";
432 .fa-pied-piper-alt:before {
433 content: "\f1a8";
436 .fa-square-dribbble:before {
437 content: "\f397";
440 .fa-dribbble-square:before {
441 content: "\f397";
444 .fa-codiepie:before {
445 content: "\f284";
448 .fa-node:before {
449 content: "\f419";
452 .fa-mix:before {
453 content: "\f3cb";
456 .fa-steam:before {
457 content: "\f1b6";
460 .fa-cc-apple-pay:before {
461 content: "\f416";
464 .fa-scribd:before {
465 content: "\f28a";
468 .fa-openid:before {
469 content: "\f19b";
472 .fa-instalod:before {
473 content: "\e081";
476 .fa-expeditedssl:before {
477 content: "\f23e";
480 .fa-sellcast:before {
481 content: "\f2da";
484 .fa-square-twitter:before {
485 content: "\f081";
488 .fa-twitter-square:before {
489 content: "\f081";
492 .fa-r-project:before {
493 content: "\f4f7";
496 .fa-delicious:before {
497 content: "\f1a5";
500 .fa-freebsd:before {
501 content: "\f3a4";
504 .fa-vuejs:before {
505 content: "\f41f";
508 .fa-accusoft:before {
509 content: "\f369";
512 .fa-ioxhost:before {
513 content: "\f208";
516 .fa-fonticons-fi:before {
517 content: "\f3a2";
520 .fa-app-store:before {
521 content: "\f36f";
524 .fa-cc-mastercard:before {
525 content: "\f1f1";
528 .fa-itunes-note:before {
529 content: "\f3b5";
532 .fa-golang:before {
533 content: "\e40f";
536 .fa-kickstarter:before {
537 content: "\f3bb";
540 .fa-grav:before {
541 content: "\f2d6";
544 .fa-weibo:before {
545 content: "\f18a";
548 .fa-uncharted:before {
549 content: "\e084";
552 .fa-firstdraft:before {
553 content: "\f3a1";
556 .fa-square-youtube:before {
557 content: "\f431";
560 .fa-youtube-square:before {
561 content: "\f431";
564 .fa-wikipedia-w:before {
565 content: "\f266";
568 .fa-wpressr:before {
569 content: "\f3e4";
572 .fa-rendact:before {
573 content: "\f3e4";
576 .fa-angellist:before {
577 content: "\f209";
580 .fa-galactic-republic:before {
581 content: "\f50c";
584 .fa-nfc-directional:before {
585 content: "\e530";
588 .fa-skype:before {
589 content: "\f17e";
592 .fa-joget:before {
593 content: "\f3b7";
596 .fa-fedora:before {
597 content: "\f798";
600 .fa-stripe-s:before {
601 content: "\f42a";
604 .fa-meta:before {
605 content: "\e49b";
608 .fa-laravel:before {
609 content: "\f3bd";
612 .fa-hotjar:before {
613 content: "\f3b1";
616 .fa-bluetooth-b:before {
617 content: "\f294";
620 .fa-sticker-mule:before {
621 content: "\f3f7";
624 .fa-creative-commons-zero:before {
625 content: "\f4f3";
628 .fa-hips:before {
629 content: "\f452";
632 .fa-behance:before {
633 content: "\f1b4";
636 .fa-reddit:before {
637 content: "\f1a1";
640 .fa-discord:before {
641 content: "\f392";
644 .fa-chrome:before {
645 content: "\f268";
648 .fa-app-store-ios:before {
649 content: "\f370";
652 .fa-cc-discover:before {
653 content: "\f1f2";
656 .fa-wpbeginner:before {
657 content: "\f297";
660 .fa-confluence:before {
661 content: "\f78d";
664 .fa-mdb:before {
665 content: "\f8ca";
668 .fa-dochub:before {
669 content: "\f394";
672 .fa-accessible-icon:before {
673 content: "\f368";
676 .fa-ebay:before {
677 content: "\f4f4";
680 .fa-amazon:before {
681 content: "\f270";
684 .fa-unsplash:before {
685 content: "\e07c";
688 .fa-yarn:before {
689 content: "\f7e3";
692 .fa-square-steam:before {
693 content: "\f1b7";
696 .fa-steam-square:before {
697 content: "\f1b7";
700 .fa-500px:before {
701 content: "\f26e";
704 .fa-square-vimeo:before {
705 content: "\f194";
708 .fa-vimeo-square:before {
709 content: "\f194";
712 .fa-asymmetrik:before {
713 content: "\f372";
716 .fa-font-awesome:before {
717 content: "\f2b4";
720 .fa-font-awesome-flag:before {
721 content: "\f2b4";
724 .fa-font-awesome-logo-full:before {
725 content: "\f2b4";
728 .fa-gratipay:before {
729 content: "\f184";
732 .fa-apple:before {
733 content: "\f179";
736 .fa-hive:before {
737 content: "\e07f";
740 .fa-gitkraken:before {
741 content: "\f3a6";
744 .fa-keybase:before {
745 content: "\f4f5";
748 .fa-apple-pay:before {
749 content: "\f415";
752 .fa-padlet:before {
753 content: "\e4a0";
756 .fa-amazon-pay:before {
757 content: "\f42c";
760 .fa-square-github:before {
761 content: "\f092";
764 .fa-github-square:before {
765 content: "\f092";
768 .fa-stumbleupon:before {
769 content: "\f1a4";
772 .fa-fedex:before {
773 content: "\f797";
776 .fa-phoenix-framework:before {
777 content: "\f3dc";
780 .fa-shopify:before {
781 content: "\e057";
784 .fa-neos:before {
785 content: "\f612";
788 .fa-hackerrank:before {
789 content: "\f5f7";
792 .fa-researchgate:before {
793 content: "\f4f8";
796 .fa-swift:before {
797 content: "\f8e1";
800 .fa-angular:before {
801 content: "\f420";
804 .fa-speakap:before {
805 content: "\f3f3";
808 .fa-angrycreative:before {
809 content: "\f36e";
812 .fa-y-combinator:before {
813 content: "\f23b";
816 .fa-empire:before {
817 content: "\f1d1";
820 .fa-envira:before {
821 content: "\f299";
824 .fa-square-gitlab:before {
825 content: "\e5ae";
828 .fa-gitlab-square:before {
829 content: "\e5ae";
832 .fa-studiovinari:before {
833 content: "\f3f8";
836 .fa-pied-piper:before {
837 content: "\f2ae";
840 .fa-wordpress:before {
841 content: "\f19a";
844 .fa-product-hunt:before {
845 content: "\f288";
848 .fa-firefox:before {
849 content: "\f269";
852 .fa-linode:before {
853 content: "\f2b8";
856 .fa-goodreads:before {
857 content: "\f3a8";
860 .fa-square-odnoklassniki:before {
861 content: "\f264";
864 .fa-odnoklassniki-square:before {
865 content: "\f264";
868 .fa-jsfiddle:before {
869 content: "\f1cc";
872 .fa-sith:before {
873 content: "\f512";
876 .fa-themeisle:before {
877 content: "\f2b2";
880 .fa-page4:before {
881 content: "\f3d7";
884 .fa-hashnode:before {
885 content: "\e499";
888 .fa-react:before {
889 content: "\f41b";
892 .fa-cc-paypal:before {
893 content: "\f1f4";
896 .fa-squarespace:before {
897 content: "\f5be";
900 .fa-cc-stripe:before {
901 content: "\f1f5";
904 .fa-creative-commons-share:before {
905 content: "\f4f2";
908 .fa-bitcoin:before {
909 content: "\f379";
912 .fa-keycdn:before {
913 content: "\f3ba";
916 .fa-opera:before {
917 content: "\f26a";
920 .fa-itch-io:before {
921 content: "\f83a";
924 .fa-umbraco:before {
925 content: "\f8e8";
928 .fa-galactic-senate:before {
929 content: "\f50d";
932 .fa-ubuntu:before {
933 content: "\f7df";
936 .fa-draft2digital:before {
937 content: "\f396";
940 .fa-stripe:before {
941 content: "\f429";
944 .fa-houzz:before {
945 content: "\f27c";
948 .fa-gg:before {
949 content: "\f260";
952 .fa-dhl:before {
953 content: "\f790";
956 .fa-square-pinterest:before {
957 content: "\f0d3";
960 .fa-pinterest-square:before {
961 content: "\f0d3";
964 .fa-xing:before {
965 content: "\f168";
968 .fa-blackberry:before {
969 content: "\f37b";
972 .fa-creative-commons-pd:before {
973 content: "\f4ec";
976 .fa-playstation:before {
977 content: "\f3df";
980 .fa-quinscape:before {
981 content: "\f459";
984 .fa-less:before {
985 content: "\f41d";
988 .fa-blogger-b:before {
989 content: "\f37d";
992 .fa-opencart:before {
993 content: "\f23d";
996 .fa-vine:before {
997 content: "\f1ca";
1000 .fa-paypal:before {
1001 content: "\f1ed";
1004 .fa-gitlab:before {
1005 content: "\f296";
1008 .fa-typo3:before {
1009 content: "\f42b";
1012 .fa-reddit-alien:before {
1013 content: "\f281";
1016 .fa-yahoo:before {
1017 content: "\f19e";
1020 .fa-dailymotion:before {
1021 content: "\e052";
1024 .fa-affiliatetheme:before {
1025 content: "\f36b";
1028 .fa-pied-piper-pp:before {
1029 content: "\f1a7";
1032 .fa-bootstrap:before {
1033 content: "\f836";
1036 .fa-odnoklassniki:before {
1037 content: "\f263";
1040 .fa-nfc-symbol:before {
1041 content: "\e531";
1044 .fa-ethereum:before {
1045 content: "\f42e";
1048 .fa-speaker-deck:before {
1049 content: "\f83c";
1052 .fa-creative-commons-nc-eu:before {
1053 content: "\f4e9";
1056 .fa-patreon:before {
1057 content: "\f3d9";
1060 .fa-avianex:before {
1061 content: "\f374";
1064 .fa-ello:before {
1065 content: "\f5f1";
1068 .fa-gofore:before {
1069 content: "\f3a7";
1072 .fa-bimobject:before {
1073 content: "\f378";
1076 .fa-facebook-f:before {
1077 content: "\f39e";
1080 .fa-square-google-plus:before {
1081 content: "\f0d4";
1084 .fa-google-plus-square:before {
1085 content: "\f0d4";
1088 .fa-mandalorian:before {
1089 content: "\f50f";
1092 .fa-first-order-alt:before {
1093 content: "\f50a";
1096 .fa-osi:before {
1097 content: "\f41a";
1100 .fa-google-wallet:before {
1101 content: "\f1ee";
1104 .fa-d-and-d-beyond:before {
1105 content: "\f6ca";
1108 .fa-periscope:before {
1109 content: "\f3da";
1112 .fa-fulcrum:before {
1113 content: "\f50b";
1116 .fa-cloudscale:before {
1117 content: "\f383";
1120 .fa-forumbee:before {
1121 content: "\f211";
1124 .fa-mizuni:before {
1125 content: "\f3cc";
1128 .fa-schlix:before {
1129 content: "\f3ea";
1132 .fa-square-xing:before {
1133 content: "\f169";
1136 .fa-xing-square:before {
1137 content: "\f169";
1140 .fa-bandcamp:before {
1141 content: "\f2d5";
1144 .fa-wpforms:before {
1145 content: "\f298";
1148 .fa-cloudversify:before {
1149 content: "\f385";
1152 .fa-usps:before {
1153 content: "\f7e1";
1156 .fa-megaport:before {
1157 content: "\f5a3";
1160 .fa-magento:before {
1161 content: "\f3c4";
1164 .fa-spotify:before {
1165 content: "\f1bc";
1168 .fa-optin-monster:before {
1169 content: "\f23c";
1172 .fa-fly:before {
1173 content: "\f417";
1176 .fa-aviato:before {
1177 content: "\f421";
1180 .fa-itunes:before {
1181 content: "\f3b4";
1184 .fa-cuttlefish:before {
1185 content: "\f38c";
1188 .fa-blogger:before {
1189 content: "\f37c";
1192 .fa-flickr:before {
1193 content: "\f16e";
1196 .fa-viber:before {
1197 content: "\f409";
1200 .fa-soundcloud:before {
1201 content: "\f1be";
1204 .fa-digg:before {
1205 content: "\f1a6";
1208 .fa-tencent-weibo:before {
1209 content: "\f1d5";
1212 .fa-symfony:before {
1213 content: "\f83d";
1216 .fa-maxcdn:before {
1217 content: "\f136";
1220 .fa-etsy:before {
1221 content: "\f2d7";
1224 .fa-facebook-messenger:before {
1225 content: "\f39f";
1228 .fa-audible:before {
1229 content: "\f373";
1232 .fa-think-peaks:before {
1233 content: "\f731";
1236 .fa-bilibili:before {
1237 content: "\e3d9";
1240 .fa-erlang:before {
1241 content: "\f39d";
1244 .fa-cotton-bureau:before {
1245 content: "\f89e";
1248 .fa-dashcube:before {
1249 content: "\f210";
1252 .fa-42-group:before {
1253 content: "\e080";
1256 .fa-innosoft:before {
1257 content: "\e080";
1260 .fa-stack-exchange:before {
1261 content: "\f18d";
1264 .fa-elementor:before {
1265 content: "\f430";
1268 .fa-square-pied-piper:before {
1269 content: "\e01e";
1272 .fa-pied-piper-square:before {
1273 content: "\e01e";
1276 .fa-creative-commons-nd:before {
1277 content: "\f4eb";
1280 .fa-palfed:before {
1281 content: "\f3d8";
1284 .fa-superpowers:before {
1285 content: "\f2dd";
1288 .fa-resolving:before {
1289 content: "\f3e7";
1292 .fa-xbox:before {
1293 content: "\f412";
1296 .fa-searchengin:before {
1297 content: "\f3eb";
1300 .fa-tiktok:before {
1301 content: "\e07b";
1304 .fa-square-facebook:before {
1305 content: "\f082";
1308 .fa-facebook-square:before {
1309 content: "\f082";
1312 .fa-renren:before {
1313 content: "\f18b";
1316 .fa-linux:before {
1317 content: "\f17c";
1320 .fa-glide:before {
1321 content: "\f2a5";
1324 .fa-linkedin:before {
1325 content: "\f08c";
1328 .fa-hubspot:before {
1329 content: "\f3b2";
1332 .fa-deploydog:before {
1333 content: "\f38e";
1336 .fa-twitch:before {
1337 content: "\f1e8";
1340 .fa-ravelry:before {
1341 content: "\f2d9";
1344 .fa-mixer:before {
1345 content: "\e056";
1348 .fa-square-lastfm:before {
1349 content: "\f203";
1352 .fa-lastfm-square:before {
1353 content: "\f203";
1356 .fa-vimeo:before {
1357 content: "\f40a";
1360 .fa-mendeley:before {
1361 content: "\f7b3";
1364 .fa-uniregistry:before {
1365 content: "\f404";
1368 .fa-figma:before {
1369 content: "\f799";
1372 .fa-creative-commons-remix:before {
1373 content: "\f4ee";
1376 .fa-cc-amazon-pay:before {
1377 content: "\f42d";
1380 .fa-dropbox:before {
1381 content: "\f16b";
1384 .fa-instagram:before {
1385 content: "\f16d";
1388 .fa-cmplid:before {
1389 content: "\e360";
1392 .fa-facebook:before {
1393 content: "\f09a";
1396 .fa-gripfire:before {
1397 content: "\f3ac";
1400 .fa-jedi-order:before {
1401 content: "\f50e";
1404 .fa-uikit:before {
1405 content: "\f403";
1408 .fa-fort-awesome-alt:before {
1409 content: "\f3a3";
1412 .fa-phabricator:before {
1413 content: "\f3db";
1416 .fa-ussunnah:before {
1417 content: "\f407";
1420 .fa-earlybirds:before {
1421 content: "\f39a";
1424 .fa-trade-federation:before {
1425 content: "\f513";
1428 .fa-autoprefixer:before {
1429 content: "\f41c";
1432 .fa-whatsapp:before {
1433 content: "\f232";
1436 .fa-slideshare:before {
1437 content: "\f1e7";
1440 .fa-google-play:before {
1441 content: "\f3ab";
1444 .fa-viadeo:before {
1445 content: "\f2a9";
1448 .fa-line:before {
1449 content: "\f3c0";
1452 .fa-google-drive:before {
1453 content: "\f3aa";
1456 .fa-servicestack:before {
1457 content: "\f3ec";
1460 .fa-simplybuilt:before {
1461 content: "\f215";
1464 .fa-bitbucket:before {
1465 content: "\f171";
1468 .fa-imdb:before {
1469 content: "\f2d8";
1472 .fa-deezer:before {
1473 content: "\e077";
1476 .fa-raspberry-pi:before {
1477 content: "\f7bb";
1480 .fa-jira:before {
1481 content: "\f7b1";
1484 .fa-docker:before {
1485 content: "\f395";
1488 .fa-screenpal:before {
1489 content: "\e570";
1492 .fa-bluetooth:before {
1493 content: "\f293";
1496 .fa-gitter:before {
1497 content: "\f426";
1500 .fa-d-and-d:before {
1501 content: "\f38d";
1504 .fa-microblog:before {
1505 content: "\e01a";
1508 .fa-cc-diners-club:before {
1509 content: "\f24c";
1512 .fa-gg-circle:before {
1513 content: "\f261";
1516 .fa-pied-piper-hat:before {
1517 content: "\f4e5";
1520 .fa-kickstarter-k:before {
1521 content: "\f3bc";
1524 .fa-yandex:before {
1525 content: "\f413";
1528 .fa-readme:before {
1529 content: "\f4d5";
1532 .fa-html5:before {
1533 content: "\f13b";
1536 .fa-sellsy:before {
1537 content: "\f213";
1540 .fa-sass:before {
1541 content: "\f41e";
1544 .fa-wirsindhandwerk:before {
1545 content: "\e2d0";
1548 .fa-wsh:before {
1549 content: "\e2d0";
1552 .fa-buromobelexperte:before {
1553 content: "\f37f";
1556 .fa-salesforce:before {
1557 content: "\f83b";
1560 .fa-octopus-deploy:before {
1561 content: "\e082";
1564 .fa-medapps:before {
1565 content: "\f3c6";
1568 .fa-ns8:before {
1569 content: "\f3d5";
1572 .fa-pinterest-p:before {
1573 content: "\f231";
1576 .fa-apper:before {
1577 content: "\f371";
1580 .fa-fort-awesome:before {
1581 content: "\f286";
1584 .fa-waze:before {
1585 content: "\f83f";
1588 .fa-cc-jcb:before {
1589 content: "\f24b";
1592 .fa-snapchat:before {
1593 content: "\f2ab";
1596 .fa-snapchat-ghost:before {
1597 content: "\f2ab";
1600 .fa-fantasy-flight-games:before {
1601 content: "\f6dc";
1604 .fa-rust:before {
1605 content: "\e07a";
1608 .fa-wix:before {
1609 content: "\f5cf";
1612 .fa-square-behance:before {
1613 content: "\f1b5";
1616 .fa-behance-square:before {
1617 content: "\f1b5";
1620 .fa-supple:before {
1621 content: "\f3f9";
1624 .fa-rebel:before {
1625 content: "\f1d0";
1628 .fa-css3:before {
1629 content: "\f13c";
1632 .fa-staylinked:before {
1633 content: "\f3f5";
1636 .fa-kaggle:before {
1637 content: "\f5fa";
1640 .fa-space-awesome:before {
1641 content: "\e5ac";
1644 .fa-deviantart:before {
1645 content: "\f1bd";
1648 .fa-cpanel:before {
1649 content: "\f388";
1652 .fa-goodreads-g:before {
1653 content: "\f3a9";
1656 .fa-square-git:before {
1657 content: "\f1d2";
1660 .fa-git-square:before {
1661 content: "\f1d2";
1664 .fa-square-tumblr:before {
1665 content: "\f174";
1668 .fa-tumblr-square:before {
1669 content: "\f174";
1672 .fa-trello:before {
1673 content: "\f181";
1676 .fa-creative-commons-nc-jp:before {
1677 content: "\f4ea";
1680 .fa-get-pocket:before {
1681 content: "\f265";
1684 .fa-perbyte:before {
1685 content: "\e083";
1688 .fa-grunt:before {
1689 content: "\f3ad";
1692 .fa-weebly:before {
1693 content: "\f5cc";
1696 .fa-connectdevelop:before {
1697 content: "\f20e";
1700 .fa-leanpub:before {
1701 content: "\f212";
1704 .fa-black-tie:before {
1705 content: "\f27e";
1708 .fa-themeco:before {
1709 content: "\f5c6";
1712 .fa-python:before {
1713 content: "\f3e2";
1716 .fa-android:before {
1717 content: "\f17b";
1720 .fa-bots:before {
1721 content: "\e340";
1724 .fa-free-code-camp:before {
1725 content: "\f2c5";
1728 .fa-hornbill:before {
1729 content: "\f592";
1732 .fa-js:before {
1733 content: "\f3b8";
1736 .fa-ideal:before {
1737 content: "\e013";
1740 .fa-git:before {
1741 content: "\f1d3";
1744 .fa-dev:before {
1745 content: "\f6cc";
1748 .fa-sketch:before {
1749 content: "\f7c6";
1752 .fa-yandex-international:before {
1753 content: "\f414";
1756 .fa-cc-amex:before {
1757 content: "\f1f3";
1760 .fa-uber:before {
1761 content: "\f402";
1764 .fa-github:before {
1765 content: "\f09b";
1768 .fa-php:before {
1769 content: "\f457";
1772 .fa-alipay:before {
1773 content: "\f642";
1776 .fa-youtube:before {
1777 content: "\f167";
1780 .fa-skyatlas:before {
1781 content: "\f216";
1784 .fa-firefox-browser:before {
1785 content: "\e007";
1788 .fa-replyd:before {
1789 content: "\f3e6";
1792 .fa-suse:before {
1793 content: "\f7d6";
1796 .fa-jenkins:before {
1797 content: "\f3b6";
1800 .fa-twitter:before {
1801 content: "\f099";
1804 .fa-rockrms:before {
1805 content: "\f3e9";
1808 .fa-pinterest:before {
1809 content: "\f0d2";
1812 .fa-buffer:before {
1813 content: "\f837";
1816 .fa-npm:before {
1817 content: "\f3d4";
1820 .fa-yammer:before {
1821 content: "\f840";
1824 .fa-btc:before {
1825 content: "\f15a";
1828 .fa-dribbble:before {
1829 content: "\f17d";
1832 .fa-stumbleupon-circle:before {
1833 content: "\f1a3";
1836 .fa-internet-explorer:before {
1837 content: "\f26b";
1840 .fa-stubber:before {
1841 content: "\e5c7";
1844 .fa-telegram:before {
1845 content: "\f2c6";
1848 .fa-telegram-plane:before {
1849 content: "\f2c6";
1852 .fa-old-republic:before {
1853 content: "\f510";
1856 .fa-odysee:before {
1857 content: "\e5c6";
1860 .fa-square-whatsapp:before {
1861 content: "\f40c";
1864 .fa-whatsapp-square:before {
1865 content: "\f40c";
1868 .fa-node-js:before {
1869 content: "\f3d3";
1872 .fa-edge-legacy:before {
1873 content: "\e078";
1876 .fa-slack:before {
1877 content: "\f198";
1880 .fa-slack-hash:before {
1881 content: "\f198";
1884 .fa-medrt:before {
1885 content: "\f3c8";
1888 .fa-usb:before {
1889 content: "\f287";
1892 .fa-tumblr:before {
1893 content: "\f173";
1896 .fa-vaadin:before {
1897 content: "\f408";
1900 .fa-quora:before {
1901 content: "\f2c4";
1904 .fa-reacteurope:before {
1905 content: "\f75d";
1908 .fa-medium:before {
1909 content: "\f23a";
1912 .fa-medium-m:before {
1913 content: "\f23a";
1916 .fa-amilia:before {
1917 content: "\f36d";
1920 .fa-mixcloud:before {
1921 content: "\f289";
1924 .fa-flipboard:before {
1925 content: "\f44d";
1928 .fa-viacoin:before {
1929 content: "\f237";
1932 .fa-critical-role:before {
1933 content: "\f6c9";
1936 .fa-sitrox:before {
1937 content: "\e44a";
1940 .fa-discourse:before {
1941 content: "\f393";
1944 .fa-joomla:before {
1945 content: "\f1aa";
1948 .fa-mastodon:before {
1949 content: "\f4f6";
1952 .fa-airbnb:before {
1953 content: "\f834";
1956 .fa-wolf-pack-battalion:before {
1957 content: "\f514";
1960 .fa-buy-n-large:before {
1961 content: "\f8a6";
1964 .fa-gulp:before {
1965 content: "\f3ae";
1968 .fa-creative-commons-sampling-plus:before {
1969 content: "\f4f1";
1972 .fa-strava:before {
1973 content: "\f428";
1976 .fa-ember:before {
1977 content: "\f423";
1980 .fa-canadian-maple-leaf:before {
1981 content: "\f785";
1984 .fa-teamspeak:before {
1985 content: "\f4f9";
1988 .fa-pushed:before {
1989 content: "\f3e1";
1992 .fa-wordpress-simple:before {
1993 content: "\f411";
1996 .fa-nutritionix:before {
1997 content: "\f3d6";
2000 .fa-wodu:before {
2001 content: "\e088";
2004 .fa-google-pay:before {
2005 content: "\e079";
2008 .fa-intercom:before {
2009 content: "\f7af";
2012 .fa-zhihu:before {
2013 content: "\f63f";
2016 .fa-korvue:before {
2017 content: "\f42f";
2020 .fa-pix:before {
2021 content: "\e43a";
2024 .fa-steam-symbol:before {
2025 content: "\f3f6";
2029 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2030 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2031 * Copyright 2023 Fonticons, Inc.
2033 :root, :host {
2034 --fa-style-family-classic: "Font Awesome 6 Free";
2035 --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
2038 @font-face {
2039 font-family: "Font Awesome 6 Free";
2040 font-style: normal;
2041 font-weight: 400;
2042 font-display: block;
2043 src: url("[[font:core|fa-regular-400.woff2]]") format("woff2"), url("[[font:core|fa-regular-400.ttf]]") format("truetype");
2045 .far,
2046 .fa-regular,
2047 .content-bank-container.view-grid .cb-unlisted::after {
2048 font-weight: 400;
2052 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2053 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2054 * Copyright 2023 Fonticons, Inc.
2056 :root, :host {
2057 --fa-style-family-classic: "Font Awesome 6 Free";
2058 --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
2061 @font-face {
2062 font-family: "Font Awesome 6 Free";
2063 font-style: normal;
2064 font-weight: 900;
2065 font-display: block;
2066 src: url("[[font:core|fa-solid-900.woff2]]") format("woff2"), url("[[font:core|fa-solid-900.ttf]]") format("truetype");
2068 .fas,
2069 .fa-solid,
2070 .moremenu .dropdown-item[aria-current=true]:before,
2071 .moremenu .dropdown-item.active:before,
2072 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2073 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
2074 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2075 .toast.toast-warning .toast-body:before,
2076 .toast.toast-info .toast-body:before,
2077 .toast.toast-danger .toast-body:before,
2078 .toast.toast-success .toast-body:before,
2079 .editing .editinprogress:after,
2080 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
2081 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
2082 .block_settings .block_tree [aria-expanded=false] > p:before,
2083 .block_navigation .block_tree [aria-expanded=false] > p:before,
2084 .block_settings .block_tree [aria-expanded=true] > p:before,
2085 .block_navigation .block_tree [aria-expanded=true] > p:before,
2086 .dropdown-item[aria-current=true]:before,
2087 .dropdown-item[aria-selected=true]:before,
2088 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
2089 .action-menu .dropdown-subpanel .dropdown-item::after,
2090 .dropup .dropdown-toggle::after,
2091 .dropright .dropdown-toggle::after,
2092 .dropleft .dropdown-toggle::before,
2093 .dropdown-toggle::after {
2094 font-weight: 900;
2098 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2099 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2100 * Copyright 2023 Fonticons, Inc.
2102 .fa.fa-glass:before {
2103 content: "\f000";
2106 .fa.fa-envelope-o {
2107 font-family: "Font Awesome 6 Free";
2108 font-weight: 400;
2111 .fa.fa-envelope-o:before {
2112 content: "\f0e0";
2115 .fa.fa-star-o {
2116 font-family: "Font Awesome 6 Free";
2117 font-weight: 400;
2120 .fa.fa-star-o:before {
2121 content: "\f005";
2124 .fa.fa-remove:before {
2125 content: "\f00d";
2128 .fa.fa-close:before {
2129 content: "\f00d";
2132 .fa.fa-gear:before {
2133 content: "\f013";
2136 .fa.fa-trash-o {
2137 font-family: "Font Awesome 6 Free";
2138 font-weight: 400;
2141 .fa.fa-trash-o:before {
2142 content: "\f2ed";
2145 .fa.fa-home:before {
2146 content: "\f015";
2149 .fa.fa-file-o {
2150 font-family: "Font Awesome 6 Free";
2151 font-weight: 400;
2154 .fa.fa-file-o:before {
2155 content: "\f15b";
2158 .fa.fa-clock-o {
2159 font-family: "Font Awesome 6 Free";
2160 font-weight: 400;
2163 .fa.fa-clock-o:before {
2164 content: "\f017";
2167 .fa.fa-arrow-circle-o-down {
2168 font-family: "Font Awesome 6 Free";
2169 font-weight: 400;
2172 .fa.fa-arrow-circle-o-down:before {
2173 content: "\f358";
2176 .fa.fa-arrow-circle-o-up {
2177 font-family: "Font Awesome 6 Free";
2178 font-weight: 400;
2181 .fa.fa-arrow-circle-o-up:before {
2182 content: "\f35b";
2185 .fa.fa-play-circle-o {
2186 font-family: "Font Awesome 6 Free";
2187 font-weight: 400;
2190 .fa.fa-play-circle-o:before {
2191 content: "\f144";
2194 .fa.fa-repeat:before {
2195 content: "\f01e";
2198 .fa.fa-rotate-right:before {
2199 content: "\f01e";
2202 .fa.fa-refresh:before {
2203 content: "\f021";
2206 .fa.fa-list-alt {
2207 font-family: "Font Awesome 6 Free";
2208 font-weight: 400;
2211 .fa.fa-list-alt:before {
2212 content: "\f022";
2215 .fa.fa-dedent:before {
2216 content: "\f03b";
2219 .fa.fa-video-camera:before {
2220 content: "\f03d";
2223 .fa.fa-picture-o {
2224 font-family: "Font Awesome 6 Free";
2225 font-weight: 400;
2228 .fa.fa-picture-o:before {
2229 content: "\f03e";
2232 .fa.fa-photo {
2233 font-family: "Font Awesome 6 Free";
2234 font-weight: 400;
2237 .fa.fa-photo:before {
2238 content: "\f03e";
2241 .fa.fa-image {
2242 font-family: "Font Awesome 6 Free";
2243 font-weight: 400;
2246 .fa.fa-image:before {
2247 content: "\f03e";
2250 .fa.fa-map-marker:before {
2251 content: "\f3c5";
2254 .fa.fa-pencil-square-o {
2255 font-family: "Font Awesome 6 Free";
2256 font-weight: 400;
2259 .fa.fa-pencil-square-o:before {
2260 content: "\f044";
2263 .fa.fa-edit {
2264 font-family: "Font Awesome 6 Free";
2265 font-weight: 400;
2268 .fa.fa-edit:before {
2269 content: "\f044";
2272 .fa.fa-share-square-o:before {
2273 content: "\f14d";
2276 .fa.fa-check-square-o {
2277 font-family: "Font Awesome 6 Free";
2278 font-weight: 400;
2281 .fa.fa-check-square-o:before {
2282 content: "\f14a";
2285 .fa.fa-arrows:before {
2286 content: "\f0b2";
2289 .fa.fa-times-circle-o {
2290 font-family: "Font Awesome 6 Free";
2291 font-weight: 400;
2294 .fa.fa-times-circle-o:before {
2295 content: "\f057";
2298 .fa.fa-check-circle-o {
2299 font-family: "Font Awesome 6 Free";
2300 font-weight: 400;
2303 .fa.fa-check-circle-o:before {
2304 content: "\f058";
2307 .fa.fa-mail-forward:before {
2308 content: "\f064";
2311 .fa.fa-expand:before {
2312 content: "\f424";
2315 .fa.fa-compress:before {
2316 content: "\f422";
2319 .fa.fa-eye {
2320 font-family: "Font Awesome 6 Free";
2321 font-weight: 400;
2324 .fa.fa-eye-slash {
2325 font-family: "Font Awesome 6 Free";
2326 font-weight: 400;
2329 .fa.fa-warning:before {
2330 content: "\f071";
2333 .fa.fa-calendar:before {
2334 content: "\f073";
2337 .fa.fa-arrows-v:before {
2338 content: "\f338";
2341 .fa.fa-arrows-h:before {
2342 content: "\f337";
2345 .fa.fa-bar-chart:before {
2346 content: "\e0e3";
2349 .fa.fa-bar-chart-o:before {
2350 content: "\e0e3";
2353 .fa.fa-twitter-square {
2354 font-family: "Font Awesome 6 Brands";
2355 font-weight: 400;
2358 .fa.fa-twitter-square:before {
2359 content: "\f081";
2362 .fa.fa-facebook-square {
2363 font-family: "Font Awesome 6 Brands";
2364 font-weight: 400;
2367 .fa.fa-facebook-square:before {
2368 content: "\f082";
2371 .fa.fa-gears:before {
2372 content: "\f085";
2375 .fa.fa-thumbs-o-up {
2376 font-family: "Font Awesome 6 Free";
2377 font-weight: 400;
2380 .fa.fa-thumbs-o-up:before {
2381 content: "\f164";
2384 .fa.fa-thumbs-o-down {
2385 font-family: "Font Awesome 6 Free";
2386 font-weight: 400;
2389 .fa.fa-thumbs-o-down:before {
2390 content: "\f165";
2393 .fa.fa-heart-o {
2394 font-family: "Font Awesome 6 Free";
2395 font-weight: 400;
2398 .fa.fa-heart-o:before {
2399 content: "\f004";
2402 .fa.fa-sign-out:before {
2403 content: "\f2f5";
2406 .fa.fa-linkedin-square {
2407 font-family: "Font Awesome 6 Brands";
2408 font-weight: 400;
2411 .fa.fa-linkedin-square:before {
2412 content: "\f08c";
2415 .fa.fa-thumb-tack:before {
2416 content: "\f08d";
2419 .fa.fa-external-link:before {
2420 content: "\f35d";
2423 .fa.fa-sign-in:before {
2424 content: "\f2f6";
2427 .fa.fa-github-square {
2428 font-family: "Font Awesome 6 Brands";
2429 font-weight: 400;
2432 .fa.fa-github-square:before {
2433 content: "\f092";
2436 .fa.fa-lemon-o {
2437 font-family: "Font Awesome 6 Free";
2438 font-weight: 400;
2441 .fa.fa-lemon-o:before {
2442 content: "\f094";
2445 .fa.fa-square-o {
2446 font-family: "Font Awesome 6 Free";
2447 font-weight: 400;
2450 .fa.fa-square-o:before {
2451 content: "\f0c8";
2454 .fa.fa-bookmark-o {
2455 font-family: "Font Awesome 6 Free";
2456 font-weight: 400;
2459 .fa.fa-bookmark-o:before {
2460 content: "\f02e";
2463 .fa.fa-twitter {
2464 font-family: "Font Awesome 6 Brands";
2465 font-weight: 400;
2468 .fa.fa-facebook {
2469 font-family: "Font Awesome 6 Brands";
2470 font-weight: 400;
2473 .fa.fa-facebook:before {
2474 content: "\f39e";
2477 .fa.fa-facebook-f {
2478 font-family: "Font Awesome 6 Brands";
2479 font-weight: 400;
2482 .fa.fa-facebook-f:before {
2483 content: "\f39e";
2486 .fa.fa-github {
2487 font-family: "Font Awesome 6 Brands";
2488 font-weight: 400;
2491 .fa.fa-credit-card {
2492 font-family: "Font Awesome 6 Free";
2493 font-weight: 400;
2496 .fa.fa-feed:before {
2497 content: "\f09e";
2500 .fa.fa-hdd-o {
2501 font-family: "Font Awesome 6 Free";
2502 font-weight: 400;
2505 .fa.fa-hdd-o:before {
2506 content: "\f0a0";
2509 .fa.fa-hand-o-right {
2510 font-family: "Font Awesome 6 Free";
2511 font-weight: 400;
2514 .fa.fa-hand-o-right:before {
2515 content: "\f0a4";
2518 .fa.fa-hand-o-left {
2519 font-family: "Font Awesome 6 Free";
2520 font-weight: 400;
2523 .fa.fa-hand-o-left:before {
2524 content: "\f0a5";
2527 .fa.fa-hand-o-up {
2528 font-family: "Font Awesome 6 Free";
2529 font-weight: 400;
2532 .fa.fa-hand-o-up:before {
2533 content: "\f0a6";
2536 .fa.fa-hand-o-down {
2537 font-family: "Font Awesome 6 Free";
2538 font-weight: 400;
2541 .fa.fa-hand-o-down:before {
2542 content: "\f0a7";
2545 .fa.fa-globe:before {
2546 content: "\f57d";
2549 .fa.fa-tasks:before {
2550 content: "\f828";
2553 .fa.fa-arrows-alt:before {
2554 content: "\f31e";
2557 .fa.fa-group:before {
2558 content: "\f0c0";
2561 .fa.fa-chain:before {
2562 content: "\f0c1";
2565 .fa.fa-cut:before {
2566 content: "\f0c4";
2569 .fa.fa-files-o {
2570 font-family: "Font Awesome 6 Free";
2571 font-weight: 400;
2574 .fa.fa-files-o:before {
2575 content: "\f0c5";
2578 .fa.fa-floppy-o {
2579 font-family: "Font Awesome 6 Free";
2580 font-weight: 400;
2583 .fa.fa-floppy-o:before {
2584 content: "\f0c7";
2587 .fa.fa-save {
2588 font-family: "Font Awesome 6 Free";
2589 font-weight: 400;
2592 .fa.fa-save:before {
2593 content: "\f0c7";
2596 .fa.fa-navicon:before {
2597 content: "\f0c9";
2600 .fa.fa-reorder:before {
2601 content: "\f0c9";
2604 .fa.fa-magic:before {
2605 content: "\e2ca";
2608 .fa.fa-pinterest {
2609 font-family: "Font Awesome 6 Brands";
2610 font-weight: 400;
2613 .fa.fa-pinterest-square {
2614 font-family: "Font Awesome 6 Brands";
2615 font-weight: 400;
2618 .fa.fa-pinterest-square:before {
2619 content: "\f0d3";
2622 .fa.fa-google-plus-square {
2623 font-family: "Font Awesome 6 Brands";
2624 font-weight: 400;
2627 .fa.fa-google-plus-square:before {
2628 content: "\f0d4";
2631 .fa.fa-google-plus {
2632 font-family: "Font Awesome 6 Brands";
2633 font-weight: 400;
2636 .fa.fa-google-plus:before {
2637 content: "\f0d5";
2640 .fa.fa-money:before {
2641 content: "\f3d1";
2644 .fa.fa-unsorted:before {
2645 content: "\f0dc";
2648 .fa.fa-sort-desc:before {
2649 content: "\f0dd";
2652 .fa.fa-sort-asc:before {
2653 content: "\f0de";
2656 .fa.fa-linkedin {
2657 font-family: "Font Awesome 6 Brands";
2658 font-weight: 400;
2661 .fa.fa-linkedin:before {
2662 content: "\f0e1";
2665 .fa.fa-rotate-left:before {
2666 content: "\f0e2";
2669 .fa.fa-legal:before {
2670 content: "\f0e3";
2673 .fa.fa-tachometer:before {
2674 content: "\f625";
2677 .fa.fa-dashboard:before {
2678 content: "\f625";
2681 .fa.fa-comment-o {
2682 font-family: "Font Awesome 6 Free";
2683 font-weight: 400;
2686 .fa.fa-comment-o:before {
2687 content: "\f075";
2690 .fa.fa-comments-o {
2691 font-family: "Font Awesome 6 Free";
2692 font-weight: 400;
2695 .fa.fa-comments-o:before {
2696 content: "\f086";
2699 .fa.fa-flash:before {
2700 content: "\f0e7";
2703 .fa.fa-clipboard:before {
2704 content: "\f0ea";
2707 .fa.fa-lightbulb-o {
2708 font-family: "Font Awesome 6 Free";
2709 font-weight: 400;
2712 .fa.fa-lightbulb-o:before {
2713 content: "\f0eb";
2716 .fa.fa-exchange:before {
2717 content: "\f362";
2720 .fa.fa-cloud-download:before {
2721 content: "\f0ed";
2724 .fa.fa-cloud-upload:before {
2725 content: "\f0ee";
2728 .fa.fa-bell-o {
2729 font-family: "Font Awesome 6 Free";
2730 font-weight: 400;
2733 .fa.fa-bell-o:before {
2734 content: "\f0f3";
2737 .fa.fa-cutlery:before {
2738 content: "\f2e7";
2741 .fa.fa-file-text-o {
2742 font-family: "Font Awesome 6 Free";
2743 font-weight: 400;
2746 .fa.fa-file-text-o:before {
2747 content: "\f15c";
2750 .fa.fa-building-o {
2751 font-family: "Font Awesome 6 Free";
2752 font-weight: 400;
2755 .fa.fa-building-o:before {
2756 content: "\f1ad";
2759 .fa.fa-hospital-o {
2760 font-family: "Font Awesome 6 Free";
2761 font-weight: 400;
2764 .fa.fa-hospital-o:before {
2765 content: "\f0f8";
2768 .fa.fa-tablet:before {
2769 content: "\f3fa";
2772 .fa.fa-mobile:before {
2773 content: "\f3cd";
2776 .fa.fa-mobile-phone:before {
2777 content: "\f3cd";
2780 .fa.fa-circle-o {
2781 font-family: "Font Awesome 6 Free";
2782 font-weight: 400;
2785 .fa.fa-circle-o:before {
2786 content: "\f111";
2789 .fa.fa-mail-reply:before {
2790 content: "\f3e5";
2793 .fa.fa-github-alt {
2794 font-family: "Font Awesome 6 Brands";
2795 font-weight: 400;
2798 .fa.fa-folder-o {
2799 font-family: "Font Awesome 6 Free";
2800 font-weight: 400;
2803 .fa.fa-folder-o:before {
2804 content: "\f07b";
2807 .fa.fa-folder-open-o {
2808 font-family: "Font Awesome 6 Free";
2809 font-weight: 400;
2812 .fa.fa-folder-open-o:before {
2813 content: "\f07c";
2816 .fa.fa-smile-o {
2817 font-family: "Font Awesome 6 Free";
2818 font-weight: 400;
2821 .fa.fa-smile-o:before {
2822 content: "\f118";
2825 .fa.fa-frown-o {
2826 font-family: "Font Awesome 6 Free";
2827 font-weight: 400;
2830 .fa.fa-frown-o:before {
2831 content: "\f119";
2834 .fa.fa-meh-o {
2835 font-family: "Font Awesome 6 Free";
2836 font-weight: 400;
2839 .fa.fa-meh-o:before {
2840 content: "\f11a";
2843 .fa.fa-keyboard-o {
2844 font-family: "Font Awesome 6 Free";
2845 font-weight: 400;
2848 .fa.fa-keyboard-o:before {
2849 content: "\f11c";
2852 .fa.fa-flag-o {
2853 font-family: "Font Awesome 6 Free";
2854 font-weight: 400;
2857 .fa.fa-flag-o:before {
2858 content: "\f024";
2861 .fa.fa-mail-reply-all:before {
2862 content: "\f122";
2865 .fa.fa-star-half-o {
2866 font-family: "Font Awesome 6 Free";
2867 font-weight: 400;
2870 .fa.fa-star-half-o:before {
2871 content: "\f5c0";
2874 .fa.fa-star-half-empty {
2875 font-family: "Font Awesome 6 Free";
2876 font-weight: 400;
2879 .fa.fa-star-half-empty:before {
2880 content: "\f5c0";
2883 .fa.fa-star-half-full {
2884 font-family: "Font Awesome 6 Free";
2885 font-weight: 400;
2888 .fa.fa-star-half-full:before {
2889 content: "\f5c0";
2892 .fa.fa-code-fork:before {
2893 content: "\f126";
2896 .fa.fa-chain-broken:before {
2897 content: "\f127";
2900 .fa.fa-unlink:before {
2901 content: "\f127";
2904 .fa.fa-calendar-o {
2905 font-family: "Font Awesome 6 Free";
2906 font-weight: 400;
2909 .fa.fa-calendar-o:before {
2910 content: "\f133";
2913 .fa.fa-maxcdn {
2914 font-family: "Font Awesome 6 Brands";
2915 font-weight: 400;
2918 .fa.fa-html5 {
2919 font-family: "Font Awesome 6 Brands";
2920 font-weight: 400;
2923 .fa.fa-css3 {
2924 font-family: "Font Awesome 6 Brands";
2925 font-weight: 400;
2928 .fa.fa-unlock-alt:before {
2929 content: "\f09c";
2932 .fa.fa-minus-square-o {
2933 font-family: "Font Awesome 6 Free";
2934 font-weight: 400;
2937 .fa.fa-minus-square-o:before {
2938 content: "\f146";
2941 .fa.fa-level-up:before {
2942 content: "\f3bf";
2945 .fa.fa-level-down:before {
2946 content: "\f3be";
2949 .fa.fa-pencil-square:before {
2950 content: "\f14b";
2953 .fa.fa-external-link-square:before {
2954 content: "\f360";
2957 .fa.fa-compass {
2958 font-family: "Font Awesome 6 Free";
2959 font-weight: 400;
2962 .fa.fa-caret-square-o-down {
2963 font-family: "Font Awesome 6 Free";
2964 font-weight: 400;
2967 .fa.fa-caret-square-o-down:before {
2968 content: "\f150";
2971 .fa.fa-toggle-down {
2972 font-family: "Font Awesome 6 Free";
2973 font-weight: 400;
2976 .fa.fa-toggle-down:before {
2977 content: "\f150";
2980 .fa.fa-caret-square-o-up {
2981 font-family: "Font Awesome 6 Free";
2982 font-weight: 400;
2985 .fa.fa-caret-square-o-up:before {
2986 content: "\f151";
2989 .fa.fa-toggle-up {
2990 font-family: "Font Awesome 6 Free";
2991 font-weight: 400;
2994 .fa.fa-toggle-up:before {
2995 content: "\f151";
2998 .fa.fa-caret-square-o-right {
2999 font-family: "Font Awesome 6 Free";
3000 font-weight: 400;
3003 .fa.fa-caret-square-o-right:before {
3004 content: "\f152";
3007 .fa.fa-toggle-right {
3008 font-family: "Font Awesome 6 Free";
3009 font-weight: 400;
3012 .fa.fa-toggle-right:before {
3013 content: "\f152";
3016 .fa.fa-eur:before {
3017 content: "\f153";
3020 .fa.fa-euro:before {
3021 content: "\f153";
3024 .fa.fa-gbp:before {
3025 content: "\f154";
3028 .fa.fa-usd:before {
3029 content: "\$";
3032 .fa.fa-dollar:before {
3033 content: "\$";
3036 .fa.fa-inr:before {
3037 content: "\e1bc";
3040 .fa.fa-rupee:before {
3041 content: "\e1bc";
3044 .fa.fa-jpy:before {
3045 content: "\f157";
3048 .fa.fa-cny:before {
3049 content: "\f157";
3052 .fa.fa-rmb:before {
3053 content: "\f157";
3056 .fa.fa-yen:before {
3057 content: "\f157";
3060 .fa.fa-rub:before {
3061 content: "\f158";
3064 .fa.fa-ruble:before {
3065 content: "\f158";
3068 .fa.fa-rouble:before {
3069 content: "\f158";
3072 .fa.fa-krw:before {
3073 content: "\f159";
3076 .fa.fa-won:before {
3077 content: "\f159";
3080 .fa.fa-btc {
3081 font-family: "Font Awesome 6 Brands";
3082 font-weight: 400;
3085 .fa.fa-bitcoin {
3086 font-family: "Font Awesome 6 Brands";
3087 font-weight: 400;
3090 .fa.fa-bitcoin:before {
3091 content: "\f15a";
3094 .fa.fa-file-text:before {
3095 content: "\f15c";
3098 .fa.fa-sort-alpha-asc:before {
3099 content: "\f15d";
3102 .fa.fa-sort-alpha-desc:before {
3103 content: "\f881";
3106 .fa.fa-sort-amount-asc:before {
3107 content: "\f884";
3110 .fa.fa-sort-amount-desc:before {
3111 content: "\f160";
3114 .fa.fa-sort-numeric-asc:before {
3115 content: "\f162";
3118 .fa.fa-sort-numeric-desc:before {
3119 content: "\f886";
3122 .fa.fa-youtube-square {
3123 font-family: "Font Awesome 6 Brands";
3124 font-weight: 400;
3127 .fa.fa-youtube-square:before {
3128 content: "\f431";
3131 .fa.fa-youtube {
3132 font-family: "Font Awesome 6 Brands";
3133 font-weight: 400;
3136 .fa.fa-xing {
3137 font-family: "Font Awesome 6 Brands";
3138 font-weight: 400;
3141 .fa.fa-xing-square {
3142 font-family: "Font Awesome 6 Brands";
3143 font-weight: 400;
3146 .fa.fa-xing-square:before {
3147 content: "\f169";
3150 .fa.fa-youtube-play {
3151 font-family: "Font Awesome 6 Brands";
3152 font-weight: 400;
3155 .fa.fa-youtube-play:before {
3156 content: "\f167";
3159 .fa.fa-dropbox {
3160 font-family: "Font Awesome 6 Brands";
3161 font-weight: 400;
3164 .fa.fa-stack-overflow {
3165 font-family: "Font Awesome 6 Brands";
3166 font-weight: 400;
3169 .fa.fa-instagram {
3170 font-family: "Font Awesome 6 Brands";
3171 font-weight: 400;
3174 .fa.fa-flickr {
3175 font-family: "Font Awesome 6 Brands";
3176 font-weight: 400;
3179 .fa.fa-adn {
3180 font-family: "Font Awesome 6 Brands";
3181 font-weight: 400;
3184 .fa.fa-bitbucket {
3185 font-family: "Font Awesome 6 Brands";
3186 font-weight: 400;
3189 .fa.fa-bitbucket-square {
3190 font-family: "Font Awesome 6 Brands";
3191 font-weight: 400;
3194 .fa.fa-bitbucket-square:before {
3195 content: "\f171";
3198 .fa.fa-tumblr {
3199 font-family: "Font Awesome 6 Brands";
3200 font-weight: 400;
3203 .fa.fa-tumblr-square {
3204 font-family: "Font Awesome 6 Brands";
3205 font-weight: 400;
3208 .fa.fa-tumblr-square:before {
3209 content: "\f174";
3212 .fa.fa-long-arrow-down:before {
3213 content: "\f309";
3216 .fa.fa-long-arrow-up:before {
3217 content: "\f30c";
3220 .fa.fa-long-arrow-left:before {
3221 content: "\f30a";
3224 .fa.fa-long-arrow-right:before {
3225 content: "\f30b";
3228 .fa.fa-apple {
3229 font-family: "Font Awesome 6 Brands";
3230 font-weight: 400;
3233 .fa.fa-windows {
3234 font-family: "Font Awesome 6 Brands";
3235 font-weight: 400;
3238 .fa.fa-android {
3239 font-family: "Font Awesome 6 Brands";
3240 font-weight: 400;
3243 .fa.fa-linux {
3244 font-family: "Font Awesome 6 Brands";
3245 font-weight: 400;
3248 .fa.fa-dribbble {
3249 font-family: "Font Awesome 6 Brands";
3250 font-weight: 400;
3253 .fa.fa-skype {
3254 font-family: "Font Awesome 6 Brands";
3255 font-weight: 400;
3258 .fa.fa-foursquare {
3259 font-family: "Font Awesome 6 Brands";
3260 font-weight: 400;
3263 .fa.fa-trello {
3264 font-family: "Font Awesome 6 Brands";
3265 font-weight: 400;
3268 .fa.fa-gratipay {
3269 font-family: "Font Awesome 6 Brands";
3270 font-weight: 400;
3273 .fa.fa-gittip {
3274 font-family: "Font Awesome 6 Brands";
3275 font-weight: 400;
3278 .fa.fa-gittip:before {
3279 content: "\f184";
3282 .fa.fa-sun-o {
3283 font-family: "Font Awesome 6 Free";
3284 font-weight: 400;
3287 .fa.fa-sun-o:before {
3288 content: "\f185";
3291 .fa.fa-moon-o {
3292 font-family: "Font Awesome 6 Free";
3293 font-weight: 400;
3296 .fa.fa-moon-o:before {
3297 content: "\f186";
3300 .fa.fa-vk {
3301 font-family: "Font Awesome 6 Brands";
3302 font-weight: 400;
3305 .fa.fa-weibo {
3306 font-family: "Font Awesome 6 Brands";
3307 font-weight: 400;
3310 .fa.fa-renren {
3311 font-family: "Font Awesome 6 Brands";
3312 font-weight: 400;
3315 .fa.fa-pagelines {
3316 font-family: "Font Awesome 6 Brands";
3317 font-weight: 400;
3320 .fa.fa-stack-exchange {
3321 font-family: "Font Awesome 6 Brands";
3322 font-weight: 400;
3325 .fa.fa-arrow-circle-o-right {
3326 font-family: "Font Awesome 6 Free";
3327 font-weight: 400;
3330 .fa.fa-arrow-circle-o-right:before {
3331 content: "\f35a";
3334 .fa.fa-arrow-circle-o-left {
3335 font-family: "Font Awesome 6 Free";
3336 font-weight: 400;
3339 .fa.fa-arrow-circle-o-left:before {
3340 content: "\f359";
3343 .fa.fa-caret-square-o-left {
3344 font-family: "Font Awesome 6 Free";
3345 font-weight: 400;
3348 .fa.fa-caret-square-o-left:before {
3349 content: "\f191";
3352 .fa.fa-toggle-left {
3353 font-family: "Font Awesome 6 Free";
3354 font-weight: 400;
3357 .fa.fa-toggle-left:before {
3358 content: "\f191";
3361 .fa.fa-dot-circle-o {
3362 font-family: "Font Awesome 6 Free";
3363 font-weight: 400;
3366 .fa.fa-dot-circle-o:before {
3367 content: "\f192";
3370 .fa.fa-vimeo-square {
3371 font-family: "Font Awesome 6 Brands";
3372 font-weight: 400;
3375 .fa.fa-vimeo-square:before {
3376 content: "\f194";
3379 .fa.fa-try:before {
3380 content: "\e2bb";
3383 .fa.fa-turkish-lira:before {
3384 content: "\e2bb";
3387 .fa.fa-plus-square-o {
3388 font-family: "Font Awesome 6 Free";
3389 font-weight: 400;
3392 .fa.fa-plus-square-o:before {
3393 content: "\f0fe";
3396 .fa.fa-slack {
3397 font-family: "Font Awesome 6 Brands";
3398 font-weight: 400;
3401 .fa.fa-wordpress {
3402 font-family: "Font Awesome 6 Brands";
3403 font-weight: 400;
3406 .fa.fa-openid {
3407 font-family: "Font Awesome 6 Brands";
3408 font-weight: 400;
3411 .fa.fa-institution:before {
3412 content: "\f19c";
3415 .fa.fa-bank:before {
3416 content: "\f19c";
3419 .fa.fa-mortar-board:before {
3420 content: "\f19d";
3423 .fa.fa-yahoo {
3424 font-family: "Font Awesome 6 Brands";
3425 font-weight: 400;
3428 .fa.fa-google {
3429 font-family: "Font Awesome 6 Brands";
3430 font-weight: 400;
3433 .fa.fa-reddit {
3434 font-family: "Font Awesome 6 Brands";
3435 font-weight: 400;
3438 .fa.fa-reddit-square {
3439 font-family: "Font Awesome 6 Brands";
3440 font-weight: 400;
3443 .fa.fa-reddit-square:before {
3444 content: "\f1a2";
3447 .fa.fa-stumbleupon-circle {
3448 font-family: "Font Awesome 6 Brands";
3449 font-weight: 400;
3452 .fa.fa-stumbleupon {
3453 font-family: "Font Awesome 6 Brands";
3454 font-weight: 400;
3457 .fa.fa-delicious {
3458 font-family: "Font Awesome 6 Brands";
3459 font-weight: 400;
3462 .fa.fa-digg {
3463 font-family: "Font Awesome 6 Brands";
3464 font-weight: 400;
3467 .fa.fa-pied-piper-pp {
3468 font-family: "Font Awesome 6 Brands";
3469 font-weight: 400;
3472 .fa.fa-pied-piper-alt {
3473 font-family: "Font Awesome 6 Brands";
3474 font-weight: 400;
3477 .fa.fa-drupal {
3478 font-family: "Font Awesome 6 Brands";
3479 font-weight: 400;
3482 .fa.fa-joomla {
3483 font-family: "Font Awesome 6 Brands";
3484 font-weight: 400;
3487 .fa.fa-behance {
3488 font-family: "Font Awesome 6 Brands";
3489 font-weight: 400;
3492 .fa.fa-behance-square {
3493 font-family: "Font Awesome 6 Brands";
3494 font-weight: 400;
3497 .fa.fa-behance-square:before {
3498 content: "\f1b5";
3501 .fa.fa-steam {
3502 font-family: "Font Awesome 6 Brands";
3503 font-weight: 400;
3506 .fa.fa-steam-square {
3507 font-family: "Font Awesome 6 Brands";
3508 font-weight: 400;
3511 .fa.fa-steam-square:before {
3512 content: "\f1b7";
3515 .fa.fa-automobile:before {
3516 content: "\f1b9";
3519 .fa.fa-cab:before {
3520 content: "\f1ba";
3523 .fa.fa-spotify {
3524 font-family: "Font Awesome 6 Brands";
3525 font-weight: 400;
3528 .fa.fa-deviantart {
3529 font-family: "Font Awesome 6 Brands";
3530 font-weight: 400;
3533 .fa.fa-soundcloud {
3534 font-family: "Font Awesome 6 Brands";
3535 font-weight: 400;
3538 .fa.fa-file-pdf-o {
3539 font-family: "Font Awesome 6 Free";
3540 font-weight: 400;
3543 .fa.fa-file-pdf-o:before {
3544 content: "\f1c1";
3547 .fa.fa-file-word-o {
3548 font-family: "Font Awesome 6 Free";
3549 font-weight: 400;
3552 .fa.fa-file-word-o:before {
3553 content: "\f1c2";
3556 .fa.fa-file-excel-o {
3557 font-family: "Font Awesome 6 Free";
3558 font-weight: 400;
3561 .fa.fa-file-excel-o:before {
3562 content: "\f1c3";
3565 .fa.fa-file-powerpoint-o {
3566 font-family: "Font Awesome 6 Free";
3567 font-weight: 400;
3570 .fa.fa-file-powerpoint-o:before {
3571 content: "\f1c4";
3574 .fa.fa-file-image-o {
3575 font-family: "Font Awesome 6 Free";
3576 font-weight: 400;
3579 .fa.fa-file-image-o:before {
3580 content: "\f1c5";
3583 .fa.fa-file-photo-o {
3584 font-family: "Font Awesome 6 Free";
3585 font-weight: 400;
3588 .fa.fa-file-photo-o:before {
3589 content: "\f1c5";
3592 .fa.fa-file-picture-o {
3593 font-family: "Font Awesome 6 Free";
3594 font-weight: 400;
3597 .fa.fa-file-picture-o:before {
3598 content: "\f1c5";
3601 .fa.fa-file-archive-o {
3602 font-family: "Font Awesome 6 Free";
3603 font-weight: 400;
3606 .fa.fa-file-archive-o:before {
3607 content: "\f1c6";
3610 .fa.fa-file-zip-o {
3611 font-family: "Font Awesome 6 Free";
3612 font-weight: 400;
3615 .fa.fa-file-zip-o:before {
3616 content: "\f1c6";
3619 .fa.fa-file-audio-o {
3620 font-family: "Font Awesome 6 Free";
3621 font-weight: 400;
3624 .fa.fa-file-audio-o:before {
3625 content: "\f1c7";
3628 .fa.fa-file-sound-o {
3629 font-family: "Font Awesome 6 Free";
3630 font-weight: 400;
3633 .fa.fa-file-sound-o:before {
3634 content: "\f1c7";
3637 .fa.fa-file-video-o {
3638 font-family: "Font Awesome 6 Free";
3639 font-weight: 400;
3642 .fa.fa-file-video-o:before {
3643 content: "\f1c8";
3646 .fa.fa-file-movie-o {
3647 font-family: "Font Awesome 6 Free";
3648 font-weight: 400;
3651 .fa.fa-file-movie-o:before {
3652 content: "\f1c8";
3655 .fa.fa-file-code-o {
3656 font-family: "Font Awesome 6 Free";
3657 font-weight: 400;
3660 .fa.fa-file-code-o:before {
3661 content: "\f1c9";
3664 .fa.fa-vine {
3665 font-family: "Font Awesome 6 Brands";
3666 font-weight: 400;
3669 .fa.fa-codepen {
3670 font-family: "Font Awesome 6 Brands";
3671 font-weight: 400;
3674 .fa.fa-jsfiddle {
3675 font-family: "Font Awesome 6 Brands";
3676 font-weight: 400;
3679 .fa.fa-life-bouy:before {
3680 content: "\f1cd";
3683 .fa.fa-life-buoy:before {
3684 content: "\f1cd";
3687 .fa.fa-life-saver:before {
3688 content: "\f1cd";
3691 .fa.fa-support:before {
3692 content: "\f1cd";
3695 .fa.fa-circle-o-notch:before {
3696 content: "\f1ce";
3699 .fa.fa-rebel {
3700 font-family: "Font Awesome 6 Brands";
3701 font-weight: 400;
3704 .fa.fa-ra {
3705 font-family: "Font Awesome 6 Brands";
3706 font-weight: 400;
3709 .fa.fa-ra:before {
3710 content: "\f1d0";
3713 .fa.fa-resistance {
3714 font-family: "Font Awesome 6 Brands";
3715 font-weight: 400;
3718 .fa.fa-resistance:before {
3719 content: "\f1d0";
3722 .fa.fa-empire {
3723 font-family: "Font Awesome 6 Brands";
3724 font-weight: 400;
3727 .fa.fa-ge {
3728 font-family: "Font Awesome 6 Brands";
3729 font-weight: 400;
3732 .fa.fa-ge:before {
3733 content: "\f1d1";
3736 .fa.fa-git-square {
3737 font-family: "Font Awesome 6 Brands";
3738 font-weight: 400;
3741 .fa.fa-git-square:before {
3742 content: "\f1d2";
3745 .fa.fa-git {
3746 font-family: "Font Awesome 6 Brands";
3747 font-weight: 400;
3750 .fa.fa-hacker-news {
3751 font-family: "Font Awesome 6 Brands";
3752 font-weight: 400;
3755 .fa.fa-y-combinator-square {
3756 font-family: "Font Awesome 6 Brands";
3757 font-weight: 400;
3760 .fa.fa-y-combinator-square:before {
3761 content: "\f1d4";
3764 .fa.fa-yc-square {
3765 font-family: "Font Awesome 6 Brands";
3766 font-weight: 400;
3769 .fa.fa-yc-square:before {
3770 content: "\f1d4";
3773 .fa.fa-tencent-weibo {
3774 font-family: "Font Awesome 6 Brands";
3775 font-weight: 400;
3778 .fa.fa-qq {
3779 font-family: "Font Awesome 6 Brands";
3780 font-weight: 400;
3783 .fa.fa-weixin {
3784 font-family: "Font Awesome 6 Brands";
3785 font-weight: 400;
3788 .fa.fa-wechat {
3789 font-family: "Font Awesome 6 Brands";
3790 font-weight: 400;
3793 .fa.fa-wechat:before {
3794 content: "\f1d7";
3797 .fa.fa-send:before {
3798 content: "\f1d8";
3801 .fa.fa-paper-plane-o {
3802 font-family: "Font Awesome 6 Free";
3803 font-weight: 400;
3806 .fa.fa-paper-plane-o:before {
3807 content: "\f1d8";
3810 .fa.fa-send-o {
3811 font-family: "Font Awesome 6 Free";
3812 font-weight: 400;
3815 .fa.fa-send-o:before {
3816 content: "\f1d8";
3819 .fa.fa-circle-thin {
3820 font-family: "Font Awesome 6 Free";
3821 font-weight: 400;
3824 .fa.fa-circle-thin:before {
3825 content: "\f111";
3828 .fa.fa-header:before {
3829 content: "\f1dc";
3832 .fa.fa-futbol-o {
3833 font-family: "Font Awesome 6 Free";
3834 font-weight: 400;
3837 .fa.fa-futbol-o:before {
3838 content: "\f1e3";
3841 .fa.fa-soccer-ball-o {
3842 font-family: "Font Awesome 6 Free";
3843 font-weight: 400;
3846 .fa.fa-soccer-ball-o:before {
3847 content: "\f1e3";
3850 .fa.fa-slideshare {
3851 font-family: "Font Awesome 6 Brands";
3852 font-weight: 400;
3855 .fa.fa-twitch {
3856 font-family: "Font Awesome 6 Brands";
3857 font-weight: 400;
3860 .fa.fa-yelp {
3861 font-family: "Font Awesome 6 Brands";
3862 font-weight: 400;
3865 .fa.fa-newspaper-o {
3866 font-family: "Font Awesome 6 Free";
3867 font-weight: 400;
3870 .fa.fa-newspaper-o:before {
3871 content: "\f1ea";
3874 .fa.fa-paypal {
3875 font-family: "Font Awesome 6 Brands";
3876 font-weight: 400;
3879 .fa.fa-google-wallet {
3880 font-family: "Font Awesome 6 Brands";
3881 font-weight: 400;
3884 .fa.fa-cc-visa {
3885 font-family: "Font Awesome 6 Brands";
3886 font-weight: 400;
3889 .fa.fa-cc-mastercard {
3890 font-family: "Font Awesome 6 Brands";
3891 font-weight: 400;
3894 .fa.fa-cc-discover {
3895 font-family: "Font Awesome 6 Brands";
3896 font-weight: 400;
3899 .fa.fa-cc-amex {
3900 font-family: "Font Awesome 6 Brands";
3901 font-weight: 400;
3904 .fa.fa-cc-paypal {
3905 font-family: "Font Awesome 6 Brands";
3906 font-weight: 400;
3909 .fa.fa-cc-stripe {
3910 font-family: "Font Awesome 6 Brands";
3911 font-weight: 400;
3914 .fa.fa-bell-slash-o {
3915 font-family: "Font Awesome 6 Free";
3916 font-weight: 400;
3919 .fa.fa-bell-slash-o:before {
3920 content: "\f1f6";
3923 .fa.fa-trash:before {
3924 content: "\f2ed";
3927 .fa.fa-copyright {
3928 font-family: "Font Awesome 6 Free";
3929 font-weight: 400;
3932 .fa.fa-eyedropper:before {
3933 content: "\f1fb";
3936 .fa.fa-area-chart:before {
3937 content: "\f1fe";
3940 .fa.fa-pie-chart:before {
3941 content: "\f200";
3944 .fa.fa-line-chart:before {
3945 content: "\f201";
3948 .fa.fa-lastfm {
3949 font-family: "Font Awesome 6 Brands";
3950 font-weight: 400;
3953 .fa.fa-lastfm-square {
3954 font-family: "Font Awesome 6 Brands";
3955 font-weight: 400;
3958 .fa.fa-lastfm-square:before {
3959 content: "\f203";
3962 .fa.fa-ioxhost {
3963 font-family: "Font Awesome 6 Brands";
3964 font-weight: 400;
3967 .fa.fa-angellist {
3968 font-family: "Font Awesome 6 Brands";
3969 font-weight: 400;
3972 .fa.fa-cc {
3973 font-family: "Font Awesome 6 Free";
3974 font-weight: 400;
3977 .fa.fa-cc:before {
3978 content: "\f20a";
3981 .fa.fa-ils:before {
3982 content: "\f20b";
3985 .fa.fa-shekel:before {
3986 content: "\f20b";
3989 .fa.fa-sheqel:before {
3990 content: "\f20b";
3993 .fa.fa-buysellads {
3994 font-family: "Font Awesome 6 Brands";
3995 font-weight: 400;
3998 .fa.fa-connectdevelop {
3999 font-family: "Font Awesome 6 Brands";
4000 font-weight: 400;
4003 .fa.fa-dashcube {
4004 font-family: "Font Awesome 6 Brands";
4005 font-weight: 400;
4008 .fa.fa-forumbee {
4009 font-family: "Font Awesome 6 Brands";
4010 font-weight: 400;
4013 .fa.fa-leanpub {
4014 font-family: "Font Awesome 6 Brands";
4015 font-weight: 400;
4018 .fa.fa-sellsy {
4019 font-family: "Font Awesome 6 Brands";
4020 font-weight: 400;
4023 .fa.fa-shirtsinbulk {
4024 font-family: "Font Awesome 6 Brands";
4025 font-weight: 400;
4028 .fa.fa-simplybuilt {
4029 font-family: "Font Awesome 6 Brands";
4030 font-weight: 400;
4033 .fa.fa-skyatlas {
4034 font-family: "Font Awesome 6 Brands";
4035 font-weight: 400;
4038 .fa.fa-diamond {
4039 font-family: "Font Awesome 6 Free";
4040 font-weight: 400;
4043 .fa.fa-diamond:before {
4044 content: "\f3a5";
4047 .fa.fa-transgender:before {
4048 content: "\f224";
4051 .fa.fa-intersex:before {
4052 content: "\f224";
4055 .fa.fa-transgender-alt:before {
4056 content: "\f225";
4059 .fa.fa-facebook-official {
4060 font-family: "Font Awesome 6 Brands";
4061 font-weight: 400;
4064 .fa.fa-facebook-official:before {
4065 content: "\f09a";
4068 .fa.fa-pinterest-p {
4069 font-family: "Font Awesome 6 Brands";
4070 font-weight: 400;
4073 .fa.fa-whatsapp {
4074 font-family: "Font Awesome 6 Brands";
4075 font-weight: 400;
4078 .fa.fa-hotel:before {
4079 content: "\f236";
4082 .fa.fa-viacoin {
4083 font-family: "Font Awesome 6 Brands";
4084 font-weight: 400;
4087 .fa.fa-medium {
4088 font-family: "Font Awesome 6 Brands";
4089 font-weight: 400;
4092 .fa.fa-y-combinator {
4093 font-family: "Font Awesome 6 Brands";
4094 font-weight: 400;
4097 .fa.fa-yc {
4098 font-family: "Font Awesome 6 Brands";
4099 font-weight: 400;
4102 .fa.fa-yc:before {
4103 content: "\f23b";
4106 .fa.fa-optin-monster {
4107 font-family: "Font Awesome 6 Brands";
4108 font-weight: 400;
4111 .fa.fa-opencart {
4112 font-family: "Font Awesome 6 Brands";
4113 font-weight: 400;
4116 .fa.fa-expeditedssl {
4117 font-family: "Font Awesome 6 Brands";
4118 font-weight: 400;
4121 .fa.fa-battery-4:before {
4122 content: "\f240";
4125 .fa.fa-battery:before {
4126 content: "\f240";
4129 .fa.fa-battery-3:before {
4130 content: "\f241";
4133 .fa.fa-battery-2:before {
4134 content: "\f242";
4137 .fa.fa-battery-1:before {
4138 content: "\f243";
4141 .fa.fa-battery-0:before {
4142 content: "\f244";
4145 .fa.fa-object-group {
4146 font-family: "Font Awesome 6 Free";
4147 font-weight: 400;
4150 .fa.fa-object-ungroup {
4151 font-family: "Font Awesome 6 Free";
4152 font-weight: 400;
4155 .fa.fa-sticky-note-o {
4156 font-family: "Font Awesome 6 Free";
4157 font-weight: 400;
4160 .fa.fa-sticky-note-o:before {
4161 content: "\f249";
4164 .fa.fa-cc-jcb {
4165 font-family: "Font Awesome 6 Brands";
4166 font-weight: 400;
4169 .fa.fa-cc-diners-club {
4170 font-family: "Font Awesome 6 Brands";
4171 font-weight: 400;
4174 .fa.fa-clone {
4175 font-family: "Font Awesome 6 Free";
4176 font-weight: 400;
4179 .fa.fa-hourglass-o:before {
4180 content: "\f254";
4183 .fa.fa-hourglass-1:before {
4184 content: "\f251";
4187 .fa.fa-hourglass-2:before {
4188 content: "\f252";
4191 .fa.fa-hourglass-3:before {
4192 content: "\f253";
4195 .fa.fa-hand-rock-o {
4196 font-family: "Font Awesome 6 Free";
4197 font-weight: 400;
4200 .fa.fa-hand-rock-o:before {
4201 content: "\f255";
4204 .fa.fa-hand-grab-o {
4205 font-family: "Font Awesome 6 Free";
4206 font-weight: 400;
4209 .fa.fa-hand-grab-o:before {
4210 content: "\f255";
4213 .fa.fa-hand-paper-o {
4214 font-family: "Font Awesome 6 Free";
4215 font-weight: 400;
4218 .fa.fa-hand-paper-o:before {
4219 content: "\f256";
4222 .fa.fa-hand-stop-o {
4223 font-family: "Font Awesome 6 Free";
4224 font-weight: 400;
4227 .fa.fa-hand-stop-o:before {
4228 content: "\f256";
4231 .fa.fa-hand-scissors-o {
4232 font-family: "Font Awesome 6 Free";
4233 font-weight: 400;
4236 .fa.fa-hand-scissors-o:before {
4237 content: "\f257";
4240 .fa.fa-hand-lizard-o {
4241 font-family: "Font Awesome 6 Free";
4242 font-weight: 400;
4245 .fa.fa-hand-lizard-o:before {
4246 content: "\f258";
4249 .fa.fa-hand-spock-o {
4250 font-family: "Font Awesome 6 Free";
4251 font-weight: 400;
4254 .fa.fa-hand-spock-o:before {
4255 content: "\f259";
4258 .fa.fa-hand-pointer-o {
4259 font-family: "Font Awesome 6 Free";
4260 font-weight: 400;
4263 .fa.fa-hand-pointer-o:before {
4264 content: "\f25a";
4267 .fa.fa-hand-peace-o {
4268 font-family: "Font Awesome 6 Free";
4269 font-weight: 400;
4272 .fa.fa-hand-peace-o:before {
4273 content: "\f25b";
4276 .fa.fa-registered {
4277 font-family: "Font Awesome 6 Free";
4278 font-weight: 400;
4281 .fa.fa-creative-commons {
4282 font-family: "Font Awesome 6 Brands";
4283 font-weight: 400;
4286 .fa.fa-gg {
4287 font-family: "Font Awesome 6 Brands";
4288 font-weight: 400;
4291 .fa.fa-gg-circle {
4292 font-family: "Font Awesome 6 Brands";
4293 font-weight: 400;
4296 .fa.fa-odnoklassniki {
4297 font-family: "Font Awesome 6 Brands";
4298 font-weight: 400;
4301 .fa.fa-odnoklassniki-square {
4302 font-family: "Font Awesome 6 Brands";
4303 font-weight: 400;
4306 .fa.fa-odnoklassniki-square:before {
4307 content: "\f264";
4310 .fa.fa-get-pocket {
4311 font-family: "Font Awesome 6 Brands";
4312 font-weight: 400;
4315 .fa.fa-wikipedia-w {
4316 font-family: "Font Awesome 6 Brands";
4317 font-weight: 400;
4320 .fa.fa-safari {
4321 font-family: "Font Awesome 6 Brands";
4322 font-weight: 400;
4325 .fa.fa-chrome {
4326 font-family: "Font Awesome 6 Brands";
4327 font-weight: 400;
4330 .fa.fa-firefox {
4331 font-family: "Font Awesome 6 Brands";
4332 font-weight: 400;
4335 .fa.fa-opera {
4336 font-family: "Font Awesome 6 Brands";
4337 font-weight: 400;
4340 .fa.fa-internet-explorer {
4341 font-family: "Font Awesome 6 Brands";
4342 font-weight: 400;
4345 .fa.fa-television:before {
4346 content: "\f26c";
4349 .fa.fa-contao {
4350 font-family: "Font Awesome 6 Brands";
4351 font-weight: 400;
4354 .fa.fa-500px {
4355 font-family: "Font Awesome 6 Brands";
4356 font-weight: 400;
4359 .fa.fa-amazon {
4360 font-family: "Font Awesome 6 Brands";
4361 font-weight: 400;
4364 .fa.fa-calendar-plus-o {
4365 font-family: "Font Awesome 6 Free";
4366 font-weight: 400;
4369 .fa.fa-calendar-plus-o:before {
4370 content: "\f271";
4373 .fa.fa-calendar-minus-o {
4374 font-family: "Font Awesome 6 Free";
4375 font-weight: 400;
4378 .fa.fa-calendar-minus-o:before {
4379 content: "\f272";
4382 .fa.fa-calendar-times-o {
4383 font-family: "Font Awesome 6 Free";
4384 font-weight: 400;
4387 .fa.fa-calendar-times-o:before {
4388 content: "\f273";
4391 .fa.fa-calendar-check-o {
4392 font-family: "Font Awesome 6 Free";
4393 font-weight: 400;
4396 .fa.fa-calendar-check-o:before {
4397 content: "\f274";
4400 .fa.fa-map-o {
4401 font-family: "Font Awesome 6 Free";
4402 font-weight: 400;
4405 .fa.fa-map-o:before {
4406 content: "\f279";
4409 .fa.fa-commenting:before {
4410 content: "\f4ad";
4413 .fa.fa-commenting-o {
4414 font-family: "Font Awesome 6 Free";
4415 font-weight: 400;
4418 .fa.fa-commenting-o:before {
4419 content: "\f4ad";
4422 .fa.fa-houzz {
4423 font-family: "Font Awesome 6 Brands";
4424 font-weight: 400;
4427 .fa.fa-vimeo {
4428 font-family: "Font Awesome 6 Brands";
4429 font-weight: 400;
4432 .fa.fa-vimeo:before {
4433 content: "\f27d";
4436 .fa.fa-black-tie {
4437 font-family: "Font Awesome 6 Brands";
4438 font-weight: 400;
4441 .fa.fa-fonticons {
4442 font-family: "Font Awesome 6 Brands";
4443 font-weight: 400;
4446 .fa.fa-reddit-alien {
4447 font-family: "Font Awesome 6 Brands";
4448 font-weight: 400;
4451 .fa.fa-edge {
4452 font-family: "Font Awesome 6 Brands";
4453 font-weight: 400;
4456 .fa.fa-credit-card-alt:before {
4457 content: "\f09d";
4460 .fa.fa-codiepie {
4461 font-family: "Font Awesome 6 Brands";
4462 font-weight: 400;
4465 .fa.fa-modx {
4466 font-family: "Font Awesome 6 Brands";
4467 font-weight: 400;
4470 .fa.fa-fort-awesome {
4471 font-family: "Font Awesome 6 Brands";
4472 font-weight: 400;
4475 .fa.fa-usb {
4476 font-family: "Font Awesome 6 Brands";
4477 font-weight: 400;
4480 .fa.fa-product-hunt {
4481 font-family: "Font Awesome 6 Brands";
4482 font-weight: 400;
4485 .fa.fa-mixcloud {
4486 font-family: "Font Awesome 6 Brands";
4487 font-weight: 400;
4490 .fa.fa-scribd {
4491 font-family: "Font Awesome 6 Brands";
4492 font-weight: 400;
4495 .fa.fa-pause-circle-o {
4496 font-family: "Font Awesome 6 Free";
4497 font-weight: 400;
4500 .fa.fa-pause-circle-o:before {
4501 content: "\f28b";
4504 .fa.fa-stop-circle-o {
4505 font-family: "Font Awesome 6 Free";
4506 font-weight: 400;
4509 .fa.fa-stop-circle-o:before {
4510 content: "\f28d";
4513 .fa.fa-bluetooth {
4514 font-family: "Font Awesome 6 Brands";
4515 font-weight: 400;
4518 .fa.fa-bluetooth-b {
4519 font-family: "Font Awesome 6 Brands";
4520 font-weight: 400;
4523 .fa.fa-gitlab {
4524 font-family: "Font Awesome 6 Brands";
4525 font-weight: 400;
4528 .fa.fa-wpbeginner {
4529 font-family: "Font Awesome 6 Brands";
4530 font-weight: 400;
4533 .fa.fa-wpforms {
4534 font-family: "Font Awesome 6 Brands";
4535 font-weight: 400;
4538 .fa.fa-envira {
4539 font-family: "Font Awesome 6 Brands";
4540 font-weight: 400;
4543 .fa.fa-wheelchair-alt {
4544 font-family: "Font Awesome 6 Brands";
4545 font-weight: 400;
4548 .fa.fa-wheelchair-alt:before {
4549 content: "\f368";
4552 .fa.fa-question-circle-o {
4553 font-family: "Font Awesome 6 Free";
4554 font-weight: 400;
4557 .fa.fa-question-circle-o:before {
4558 content: "\f059";
4561 .fa.fa-volume-control-phone:before {
4562 content: "\f2a0";
4565 .fa.fa-asl-interpreting:before {
4566 content: "\f2a3";
4569 .fa.fa-deafness:before {
4570 content: "\f2a4";
4573 .fa.fa-hard-of-hearing:before {
4574 content: "\f2a4";
4577 .fa.fa-glide {
4578 font-family: "Font Awesome 6 Brands";
4579 font-weight: 400;
4582 .fa.fa-glide-g {
4583 font-family: "Font Awesome 6 Brands";
4584 font-weight: 400;
4587 .fa.fa-signing:before {
4588 content: "\f2a7";
4591 .fa.fa-viadeo {
4592 font-family: "Font Awesome 6 Brands";
4593 font-weight: 400;
4596 .fa.fa-viadeo-square {
4597 font-family: "Font Awesome 6 Brands";
4598 font-weight: 400;
4601 .fa.fa-viadeo-square:before {
4602 content: "\f2aa";
4605 .fa.fa-snapchat {
4606 font-family: "Font Awesome 6 Brands";
4607 font-weight: 400;
4610 .fa.fa-snapchat-ghost {
4611 font-family: "Font Awesome 6 Brands";
4612 font-weight: 400;
4615 .fa.fa-snapchat-ghost:before {
4616 content: "\f2ab";
4619 .fa.fa-snapchat-square {
4620 font-family: "Font Awesome 6 Brands";
4621 font-weight: 400;
4624 .fa.fa-snapchat-square:before {
4625 content: "\f2ad";
4628 .fa.fa-pied-piper {
4629 font-family: "Font Awesome 6 Brands";
4630 font-weight: 400;
4633 .fa.fa-first-order {
4634 font-family: "Font Awesome 6 Brands";
4635 font-weight: 400;
4638 .fa.fa-yoast {
4639 font-family: "Font Awesome 6 Brands";
4640 font-weight: 400;
4643 .fa.fa-themeisle {
4644 font-family: "Font Awesome 6 Brands";
4645 font-weight: 400;
4648 .fa.fa-google-plus-official {
4649 font-family: "Font Awesome 6 Brands";
4650 font-weight: 400;
4653 .fa.fa-google-plus-official:before {
4654 content: "\f2b3";
4657 .fa.fa-google-plus-circle {
4658 font-family: "Font Awesome 6 Brands";
4659 font-weight: 400;
4662 .fa.fa-google-plus-circle:before {
4663 content: "\f2b3";
4666 .fa.fa-font-awesome {
4667 font-family: "Font Awesome 6 Brands";
4668 font-weight: 400;
4671 .fa.fa-fa {
4672 font-family: "Font Awesome 6 Brands";
4673 font-weight: 400;
4676 .fa.fa-fa:before {
4677 content: "\f2b4";
4680 .fa.fa-handshake-o {
4681 font-family: "Font Awesome 6 Free";
4682 font-weight: 400;
4685 .fa.fa-handshake-o:before {
4686 content: "\f2b5";
4689 .fa.fa-envelope-open-o {
4690 font-family: "Font Awesome 6 Free";
4691 font-weight: 400;
4694 .fa.fa-envelope-open-o:before {
4695 content: "\f2b6";
4698 .fa.fa-linode {
4699 font-family: "Font Awesome 6 Brands";
4700 font-weight: 400;
4703 .fa.fa-address-book-o {
4704 font-family: "Font Awesome 6 Free";
4705 font-weight: 400;
4708 .fa.fa-address-book-o:before {
4709 content: "\f2b9";
4712 .fa.fa-vcard:before {
4713 content: "\f2bb";
4716 .fa.fa-address-card-o {
4717 font-family: "Font Awesome 6 Free";
4718 font-weight: 400;
4721 .fa.fa-address-card-o:before {
4722 content: "\f2bb";
4725 .fa.fa-vcard-o {
4726 font-family: "Font Awesome 6 Free";
4727 font-weight: 400;
4730 .fa.fa-vcard-o:before {
4731 content: "\f2bb";
4734 .fa.fa-user-circle-o {
4735 font-family: "Font Awesome 6 Free";
4736 font-weight: 400;
4739 .fa.fa-user-circle-o:before {
4740 content: "\f2bd";
4743 .fa.fa-user-o {
4744 font-family: "Font Awesome 6 Free";
4745 font-weight: 400;
4748 .fa.fa-user-o:before {
4749 content: "\f007";
4752 .fa.fa-id-badge {
4753 font-family: "Font Awesome 6 Free";
4754 font-weight: 400;
4757 .fa.fa-drivers-license:before {
4758 content: "\f2c2";
4761 .fa.fa-id-card-o {
4762 font-family: "Font Awesome 6 Free";
4763 font-weight: 400;
4766 .fa.fa-id-card-o:before {
4767 content: "\f2c2";
4770 .fa.fa-drivers-license-o {
4771 font-family: "Font Awesome 6 Free";
4772 font-weight: 400;
4775 .fa.fa-drivers-license-o:before {
4776 content: "\f2c2";
4779 .fa.fa-quora {
4780 font-family: "Font Awesome 6 Brands";
4781 font-weight: 400;
4784 .fa.fa-free-code-camp {
4785 font-family: "Font Awesome 6 Brands";
4786 font-weight: 400;
4789 .fa.fa-telegram {
4790 font-family: "Font Awesome 6 Brands";
4791 font-weight: 400;
4794 .fa.fa-thermometer-4:before {
4795 content: "\f2c7";
4798 .fa.fa-thermometer:before {
4799 content: "\f2c7";
4802 .fa.fa-thermometer-3:before {
4803 content: "\f2c8";
4806 .fa.fa-thermometer-2:before {
4807 content: "\f2c9";
4810 .fa.fa-thermometer-1:before {
4811 content: "\f2ca";
4814 .fa.fa-thermometer-0:before {
4815 content: "\f2cb";
4818 .fa.fa-bathtub:before {
4819 content: "\f2cd";
4822 .fa.fa-s15:before {
4823 content: "\f2cd";
4826 .fa.fa-window-maximize {
4827 font-family: "Font Awesome 6 Free";
4828 font-weight: 400;
4831 .fa.fa-window-restore {
4832 font-family: "Font Awesome 6 Free";
4833 font-weight: 400;
4836 .fa.fa-times-rectangle:before {
4837 content: "\f410";
4840 .fa.fa-window-close-o {
4841 font-family: "Font Awesome 6 Free";
4842 font-weight: 400;
4845 .fa.fa-window-close-o:before {
4846 content: "\f410";
4849 .fa.fa-times-rectangle-o {
4850 font-family: "Font Awesome 6 Free";
4851 font-weight: 400;
4854 .fa.fa-times-rectangle-o:before {
4855 content: "\f410";
4858 .fa.fa-bandcamp {
4859 font-family: "Font Awesome 6 Brands";
4860 font-weight: 400;
4863 .fa.fa-grav {
4864 font-family: "Font Awesome 6 Brands";
4865 font-weight: 400;
4868 .fa.fa-etsy {
4869 font-family: "Font Awesome 6 Brands";
4870 font-weight: 400;
4873 .fa.fa-imdb {
4874 font-family: "Font Awesome 6 Brands";
4875 font-weight: 400;
4878 .fa.fa-ravelry {
4879 font-family: "Font Awesome 6 Brands";
4880 font-weight: 400;
4883 .fa.fa-eercast {
4884 font-family: "Font Awesome 6 Brands";
4885 font-weight: 400;
4888 .fa.fa-eercast:before {
4889 content: "\f2da";
4892 .fa.fa-snowflake-o {
4893 font-family: "Font Awesome 6 Free";
4894 font-weight: 400;
4897 .fa.fa-snowflake-o:before {
4898 content: "\f2dc";
4901 .fa.fa-superpowers {
4902 font-family: "Font Awesome 6 Brands";
4903 font-weight: 400;
4906 .fa.fa-wpexplorer {
4907 font-family: "Font Awesome 6 Brands";
4908 font-weight: 400;
4911 .fa.fa-meetup {
4912 font-family: "Font Awesome 6 Brands";
4913 font-weight: 400;
4917 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
4918 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4919 * Copyright 2023 Fonticons, Inc.
4921 .fa {
4922 font-family: var(--fa-style-family, "Font Awesome 6 Free");
4923 font-weight: var(--fa-style, 900);
4926 .fa,
4927 .fa-classic,
4928 .fa-sharp,
4929 .fas,
4930 .fa-solid,
4931 .moremenu .dropdown-item[aria-current=true]:before,
4932 .moremenu .dropdown-item.active:before,
4933 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4934 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
4935 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4936 .toast.toast-warning .toast-body:before,
4937 .toast.toast-info .toast-body:before,
4938 .toast.toast-danger .toast-body:before,
4939 .toast.toast-success .toast-body:before,
4940 .editing .editinprogress:after,
4941 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
4942 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
4943 .block_settings .block_tree [aria-expanded=false] > p:before,
4944 .block_navigation .block_tree [aria-expanded=false] > p:before,
4945 .block_settings .block_tree [aria-expanded=true] > p:before,
4946 .block_navigation .block_tree [aria-expanded=true] > p:before,
4947 .dropdown-item[aria-current=true]:before,
4948 .dropdown-item[aria-selected=true]:before,
4949 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
4950 .action-menu .dropdown-subpanel .dropdown-item::after,
4951 .dropup .dropdown-toggle::after,
4952 .dropright .dropdown-toggle::after,
4953 .dropleft .dropdown-toggle::before,
4954 .dropdown-toggle::after,
4955 .far,
4956 .fa-regular,
4957 .content-bank-container.view-grid .cb-unlisted::after,
4958 .fab,
4959 .fa-brands {
4960 -moz-osx-font-smoothing: grayscale;
4961 -webkit-font-smoothing: antialiased;
4962 display: var(--fa-display, inline-block);
4963 font-style: normal;
4964 font-variant: normal;
4965 line-height: 1;
4966 text-rendering: auto;
4969 .fas,
4970 .fa-classic,
4971 .fa-solid,
4972 .moremenu .dropdown-item[aria-current=true]:before,
4973 .moremenu .dropdown-item.active:before,
4974 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4975 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
4976 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4977 .toast.toast-warning .toast-body:before,
4978 .toast.toast-info .toast-body:before,
4979 .toast.toast-danger .toast-body:before,
4980 .toast.toast-success .toast-body:before,
4981 .editing .editinprogress:after,
4982 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
4983 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
4984 .block_settings .block_tree [aria-expanded=false] > p:before,
4985 .block_navigation .block_tree [aria-expanded=false] > p:before,
4986 .block_settings .block_tree [aria-expanded=true] > p:before,
4987 .block_navigation .block_tree [aria-expanded=true] > p:before,
4988 .dropdown-item[aria-current=true]:before,
4989 .dropdown-item[aria-selected=true]:before,
4990 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
4991 .action-menu .dropdown-subpanel .dropdown-item::after,
4992 .dropup .dropdown-toggle::after,
4993 .dropright .dropdown-toggle::after,
4994 .dropleft .dropdown-toggle::before,
4995 .dropdown-toggle::after,
4996 .far,
4997 .fa-regular,
4998 .content-bank-container.view-grid .cb-unlisted::after {
4999 font-family: "Font Awesome 6 Free";
5002 .fab,
5003 .fa-brands {
5004 font-family: "Font Awesome 6 Brands";
5007 .fa-1x {
5008 font-size: 1em;
5011 .fa-2x {
5012 font-size: 2em;
5015 .fa-3x {
5016 font-size: 3em;
5019 .fa-4x {
5020 font-size: 4em;
5023 .fa-5x {
5024 font-size: 5em;
5027 .fa-6x {
5028 font-size: 6em;
5031 .fa-7x {
5032 font-size: 7em;
5035 .fa-8x {
5036 font-size: 8em;
5039 .fa-9x {
5040 font-size: 9em;
5043 .fa-10x {
5044 font-size: 10em;
5047 .fa-2xs {
5048 font-size: 0.625em;
5049 line-height: 0.1em;
5050 vertical-align: 0.225em;
5053 .fa-xs {
5054 font-size: 0.75em;
5055 line-height: 0.0833333337em;
5056 vertical-align: 0.125em;
5059 .fa-sm {
5060 font-size: 0.875em;
5061 line-height: 0.0714285718em;
5062 vertical-align: 0.0535714295em;
5065 .fa-lg {
5066 font-size: 1.25em;
5067 line-height: 0.05em;
5068 vertical-align: -0.075em;
5071 .fa-xl {
5072 font-size: 1.5em;
5073 line-height: 0.0416666682em;
5074 vertical-align: -0.125em;
5077 .fa-2xl {
5078 font-size: 2em;
5079 line-height: 0.03125em;
5080 vertical-align: -0.1875em;
5083 .fa-fw {
5084 text-align: center;
5085 width: 1.25em;
5088 .fa-ul {
5089 list-style-type: none;
5090 margin-left: var(--fa-li-margin, 2.5em);
5091 padding-left: 0;
5093 .fa-ul > li {
5094 position: relative;
5097 .fa-li {
5098 left: calc(var(--fa-li-width, 2em) * -1);
5099 position: absolute;
5100 text-align: center;
5101 width: var(--fa-li-width, 2em);
5102 line-height: inherit;
5105 .fa-border {
5106 border-color: var(--fa-border-color, #eee);
5107 border-radius: var(--fa-border-radius, 0.1em);
5108 border-style: var(--fa-border-style, solid);
5109 border-width: var(--fa-border-width, 0.08em);
5110 padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
5113 .fa-pull-left {
5114 float: left;
5115 margin-right: var(--fa-pull-margin, 0.3em);
5118 .fa-pull-right {
5119 float: right;
5120 margin-left: var(--fa-pull-margin, 0.3em);
5123 .fa-beat {
5124 animation-name: fa-beat;
5125 animation-delay: var(--fa-animation-delay, 0s);
5126 animation-direction: var(--fa-animation-direction, normal);
5127 animation-duration: var(--fa-animation-duration, 1s);
5128 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5129 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5132 .fa-bounce {
5133 animation-name: fa-bounce;
5134 animation-delay: var(--fa-animation-delay, 0s);
5135 animation-direction: var(--fa-animation-direction, normal);
5136 animation-duration: var(--fa-animation-duration, 1s);
5137 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5138 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
5141 .fa-fade {
5142 animation-name: fa-fade;
5143 animation-delay: var(--fa-animation-delay, 0s);
5144 animation-direction: var(--fa-animation-direction, normal);
5145 animation-duration: var(--fa-animation-duration, 1s);
5146 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5147 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5150 .fa-beat-fade {
5151 animation-name: fa-beat-fade;
5152 animation-delay: var(--fa-animation-delay, 0s);
5153 animation-direction: var(--fa-animation-direction, normal);
5154 animation-duration: var(--fa-animation-duration, 1s);
5155 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5156 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5159 .fa-flip {
5160 animation-name: fa-flip;
5161 animation-delay: var(--fa-animation-delay, 0s);
5162 animation-direction: var(--fa-animation-direction, normal);
5163 animation-duration: var(--fa-animation-duration, 1s);
5164 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5165 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5168 .fa-shake {
5169 animation-name: fa-shake;
5170 animation-delay: var(--fa-animation-delay, 0s);
5171 animation-direction: var(--fa-animation-direction, normal);
5172 animation-duration: var(--fa-animation-duration, 1s);
5173 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5174 animation-timing-function: var(--fa-animation-timing, linear);
5177 .fa-spin {
5178 animation-name: fa-spin;
5179 animation-delay: var(--fa-animation-delay, 0s);
5180 animation-direction: var(--fa-animation-direction, normal);
5181 animation-duration: var(--fa-animation-duration, 2s);
5182 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5183 animation-timing-function: var(--fa-animation-timing, linear);
5186 .fa-spin-reverse {
5187 --fa-animation-direction: reverse;
5190 .fa-pulse,
5191 .fa-spin-pulse {
5192 animation-name: fa-spin;
5193 animation-direction: var(--fa-animation-direction, normal);
5194 animation-duration: var(--fa-animation-duration, 1s);
5195 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5196 animation-timing-function: var(--fa-animation-timing, steps(8));
5199 @media (prefers-reduced-motion: reduce) {
5200 .fa-beat,
5201 .fa-bounce,
5202 .fa-fade,
5203 .fa-beat-fade,
5204 .fa-flip,
5205 .fa-pulse,
5206 .fa-shake,
5207 .fa-spin,
5208 .fa-spin-pulse {
5209 animation-delay: -1ms;
5210 animation-duration: 1ms;
5211 animation-iteration-count: 1;
5212 transition-delay: 0s;
5213 transition-duration: 0s;
5216 @keyframes fa-beat {
5217 0%, 90% {
5218 transform: scale(1);
5220 45% {
5221 transform: scale(var(--fa-beat-scale, 1.25));
5224 @keyframes fa-bounce {
5225 0% {
5226 transform: scale(1, 1) translateY(0);
5228 10% {
5229 transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
5231 30% {
5232 transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
5234 50% {
5235 transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
5237 57% {
5238 transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
5240 64% {
5241 transform: scale(1, 1) translateY(0);
5243 100% {
5244 transform: scale(1, 1) translateY(0);
5247 @keyframes fa-fade {
5248 50% {
5249 opacity: var(--fa-fade-opacity, 0.4);
5252 @keyframes fa-beat-fade {
5253 0%, 100% {
5254 opacity: var(--fa-beat-fade-opacity, 0.4);
5255 transform: scale(1);
5257 50% {
5258 opacity: 1;
5259 transform: scale(var(--fa-beat-fade-scale, 1.125));
5262 @keyframes fa-flip {
5263 50% {
5264 transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
5267 @keyframes fa-shake {
5268 0% {
5269 transform: rotate(-15deg);
5271 4% {
5272 transform: rotate(15deg);
5274 8%, 24% {
5275 transform: rotate(-18deg);
5277 12%, 28% {
5278 transform: rotate(18deg);
5280 16% {
5281 transform: rotate(-22deg);
5283 20% {
5284 transform: rotate(22deg);
5286 32% {
5287 transform: rotate(-12deg);
5289 36% {
5290 transform: rotate(12deg);
5292 40%, 100% {
5293 transform: rotate(0deg);
5296 @keyframes fa-spin {
5297 0% {
5298 transform: rotate(0deg);
5300 100% {
5301 transform: rotate(360deg);
5304 .fa-rotate-90 {
5305 transform: rotate(90deg);
5308 .fa-rotate-180 {
5309 transform: rotate(180deg);
5312 .fa-rotate-270 {
5313 transform: rotate(270deg);
5316 .fa-flip-horizontal {
5317 transform: scale(-1, 1);
5320 .fa-flip-vertical {
5321 transform: scale(1, -1);
5324 .fa-flip-both,
5325 .fa-flip-horizontal.fa-flip-vertical {
5326 transform: scale(-1, -1);
5329 .fa-rotate-by {
5330 transform: rotate(var(--fa-rotate-angle, none));
5333 .fa-stack {
5334 display: inline-block;
5335 height: 2em;
5336 line-height: 2em;
5337 position: relative;
5338 vertical-align: middle;
5339 width: 2.5em;
5342 .fa-stack-1x,
5343 .fa-stack-2x {
5344 left: 0;
5345 position: absolute;
5346 text-align: center;
5347 width: 100%;
5348 z-index: var(--fa-stack-z-index, auto);
5351 .fa-stack-1x {
5352 line-height: inherit;
5355 .fa-stack-2x {
5356 font-size: 2em;
5359 .fa-inverse {
5360 color: var(--fa-inverse, #fff);
5363 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
5364 readers do not read off random characters that represent icons */
5365 .fa-0::before {
5366 content: "\30 ";
5369 .fa-1::before {
5370 content: "\31 ";
5373 .fa-2::before {
5374 content: "\32 ";
5377 .fa-3::before {
5378 content: "\33 ";
5381 .fa-4::before {
5382 content: "\34 ";
5385 .fa-5::before {
5386 content: "\35 ";
5389 .fa-6::before {
5390 content: "\36 ";
5393 .fa-7::before {
5394 content: "\37 ";
5397 .fa-8::before {
5398 content: "\38 ";
5401 .fa-9::before {
5402 content: "\39 ";
5405 .fa-fill-drip::before {
5406 content: "\f576";
5409 .fa-arrows-to-circle::before {
5410 content: "\e4bd";
5413 .fa-circle-chevron-right::before {
5414 content: "\f138";
5417 .fa-chevron-circle-right::before {
5418 content: "\f138";
5421 .fa-at::before {
5422 content: "\@";
5425 .fa-trash-can::before {
5426 content: "\f2ed";
5429 .fa-trash-alt::before {
5430 content: "\f2ed";
5433 .fa-text-height::before {
5434 content: "\f034";
5437 .fa-user-xmark::before {
5438 content: "\f235";
5441 .fa-user-times::before {
5442 content: "\f235";
5445 .fa-stethoscope::before {
5446 content: "\f0f1";
5449 .fa-message::before {
5450 content: "\f27a";
5453 .fa-comment-alt::before {
5454 content: "\f27a";
5457 .fa-info::before {
5458 content: "\f129";
5461 .fa-down-left-and-up-right-to-center::before {
5462 content: "\f422";
5465 .fa-compress-alt::before {
5466 content: "\f422";
5469 .fa-explosion::before {
5470 content: "\e4e9";
5473 .fa-file-lines::before {
5474 content: "\f15c";
5477 .fa-file-alt::before {
5478 content: "\f15c";
5481 .fa-file-text::before {
5482 content: "\f15c";
5485 .fa-wave-square::before {
5486 content: "\f83e";
5489 .fa-ring::before {
5490 content: "\f70b";
5493 .fa-building-un::before {
5494 content: "\e4d9";
5497 .fa-dice-three::before {
5498 content: "\f527";
5501 .fa-calendar-days::before {
5502 content: "\f073";
5505 .fa-calendar-alt::before {
5506 content: "\f073";
5509 .fa-anchor-circle-check::before {
5510 content: "\e4aa";
5513 .fa-building-circle-arrow-right::before {
5514 content: "\e4d1";
5517 .fa-volleyball::before {
5518 content: "\f45f";
5521 .fa-volleyball-ball::before {
5522 content: "\f45f";
5525 .fa-arrows-up-to-line::before {
5526 content: "\e4c2";
5529 .fa-sort-down::before {
5530 content: "\f0dd";
5533 .fa-sort-desc::before {
5534 content: "\f0dd";
5537 .fa-circle-minus::before {
5538 content: "\f056";
5541 .fa-minus-circle::before {
5542 content: "\f056";
5545 .fa-door-open::before {
5546 content: "\f52b";
5549 .fa-right-from-bracket::before {
5550 content: "\f2f5";
5553 .fa-sign-out-alt::before {
5554 content: "\f2f5";
5557 .fa-atom::before {
5558 content: "\f5d2";
5561 .fa-soap::before {
5562 content: "\e06e";
5565 .fa-icons::before {
5566 content: "\f86d";
5569 .fa-heart-music-camera-bolt::before {
5570 content: "\f86d";
5573 .fa-microphone-lines-slash::before {
5574 content: "\f539";
5577 .fa-microphone-alt-slash::before {
5578 content: "\f539";
5581 .fa-bridge-circle-check::before {
5582 content: "\e4c9";
5585 .fa-pump-medical::before {
5586 content: "\e06a";
5589 .fa-fingerprint::before {
5590 content: "\f577";
5593 .fa-hand-point-right::before {
5594 content: "\f0a4";
5597 .fa-magnifying-glass-location::before {
5598 content: "\f689";
5601 .fa-search-location::before {
5602 content: "\f689";
5605 .fa-forward-step::before {
5606 content: "\f051";
5609 .fa-step-forward::before {
5610 content: "\f051";
5613 .fa-face-smile-beam::before {
5614 content: "\f5b8";
5617 .fa-smile-beam::before {
5618 content: "\f5b8";
5621 .fa-flag-checkered::before {
5622 content: "\f11e";
5625 .fa-football::before {
5626 content: "\f44e";
5629 .fa-football-ball::before {
5630 content: "\f44e";
5633 .fa-school-circle-exclamation::before {
5634 content: "\e56c";
5637 .fa-crop::before {
5638 content: "\f125";
5641 .fa-angles-down::before {
5642 content: "\f103";
5645 .fa-angle-double-down::before {
5646 content: "\f103";
5649 .fa-users-rectangle::before {
5650 content: "\e594";
5653 .fa-people-roof::before {
5654 content: "\e537";
5657 .fa-people-line::before {
5658 content: "\e534";
5661 .fa-beer-mug-empty::before {
5662 content: "\f0fc";
5665 .fa-beer::before {
5666 content: "\f0fc";
5669 .fa-diagram-predecessor::before {
5670 content: "\e477";
5673 .fa-arrow-up-long::before {
5674 content: "\f176";
5677 .fa-long-arrow-up::before {
5678 content: "\f176";
5681 .fa-fire-flame-simple::before {
5682 content: "\f46a";
5685 .fa-burn::before {
5686 content: "\f46a";
5689 .fa-person::before {
5690 content: "\f183";
5693 .fa-male::before {
5694 content: "\f183";
5697 .fa-laptop::before {
5698 content: "\f109";
5701 .fa-file-csv::before {
5702 content: "\f6dd";
5705 .fa-menorah::before {
5706 content: "\f676";
5709 .fa-truck-plane::before {
5710 content: "\e58f";
5713 .fa-record-vinyl::before {
5714 content: "\f8d9";
5717 .fa-face-grin-stars::before {
5718 content: "\f587";
5721 .fa-grin-stars::before {
5722 content: "\f587";
5725 .fa-bong::before {
5726 content: "\f55c";
5729 .fa-spaghetti-monster-flying::before {
5730 content: "\f67b";
5733 .fa-pastafarianism::before {
5734 content: "\f67b";
5737 .fa-arrow-down-up-across-line::before {
5738 content: "\e4af";
5741 .fa-spoon::before {
5742 content: "\f2e5";
5745 .fa-utensil-spoon::before {
5746 content: "\f2e5";
5749 .fa-jar-wheat::before {
5750 content: "\e517";
5753 .fa-envelopes-bulk::before {
5754 content: "\f674";
5757 .fa-mail-bulk::before {
5758 content: "\f674";
5761 .fa-file-circle-exclamation::before {
5762 content: "\e4eb";
5765 .fa-circle-h::before {
5766 content: "\f47e";
5769 .fa-hospital-symbol::before {
5770 content: "\f47e";
5773 .fa-pager::before {
5774 content: "\f815";
5777 .fa-address-book::before {
5778 content: "\f2b9";
5781 .fa-contact-book::before {
5782 content: "\f2b9";
5785 .fa-strikethrough::before {
5786 content: "\f0cc";
5789 .fa-k::before {
5790 content: "K";
5793 .fa-landmark-flag::before {
5794 content: "\e51c";
5797 .fa-pencil::before {
5798 content: "\f303";
5801 .fa-pencil-alt::before {
5802 content: "\f303";
5805 .fa-backward::before {
5806 content: "\f04a";
5809 .fa-caret-right::before {
5810 content: "\f0da";
5813 .fa-comments::before {
5814 content: "\f086";
5817 .fa-paste::before {
5818 content: "\f0ea";
5821 .fa-file-clipboard::before {
5822 content: "\f0ea";
5825 .fa-code-pull-request::before {
5826 content: "\e13c";
5829 .fa-clipboard-list::before {
5830 content: "\f46d";
5833 .fa-truck-ramp-box::before {
5834 content: "\f4de";
5837 .fa-truck-loading::before {
5838 content: "\f4de";
5841 .fa-user-check::before {
5842 content: "\f4fc";
5845 .fa-vial-virus::before {
5846 content: "\e597";
5849 .fa-sheet-plastic::before {
5850 content: "\e571";
5853 .fa-blog::before {
5854 content: "\f781";
5857 .fa-user-ninja::before {
5858 content: "\f504";
5861 .fa-person-arrow-up-from-line::before {
5862 content: "\e539";
5865 .fa-scroll-torah::before {
5866 content: "\f6a0";
5869 .fa-torah::before {
5870 content: "\f6a0";
5873 .fa-broom-ball::before {
5874 content: "\f458";
5877 .fa-quidditch::before {
5878 content: "\f458";
5881 .fa-quidditch-broom-ball::before {
5882 content: "\f458";
5885 .fa-toggle-off::before {
5886 content: "\f204";
5889 .fa-box-archive::before {
5890 content: "\f187";
5893 .fa-archive::before {
5894 content: "\f187";
5897 .fa-person-drowning::before {
5898 content: "\e545";
5901 .fa-arrow-down-9-1::before {
5902 content: "\f886";
5905 .fa-sort-numeric-desc::before {
5906 content: "\f886";
5909 .fa-sort-numeric-down-alt::before {
5910 content: "\f886";
5913 .fa-face-grin-tongue-squint::before {
5914 content: "\f58a";
5917 .fa-grin-tongue-squint::before {
5918 content: "\f58a";
5921 .fa-spray-can::before {
5922 content: "\f5bd";
5925 .fa-truck-monster::before {
5926 content: "\f63b";
5929 .fa-w::before {
5930 content: "W";
5933 .fa-earth-africa::before {
5934 content: "\f57c";
5937 .fa-globe-africa::before {
5938 content: "\f57c";
5941 .fa-rainbow::before {
5942 content: "\f75b";
5945 .fa-circle-notch::before {
5946 content: "\f1ce";
5949 .fa-tablet-screen-button::before {
5950 content: "\f3fa";
5953 .fa-tablet-alt::before {
5954 content: "\f3fa";
5957 .fa-paw::before {
5958 content: "\f1b0";
5961 .fa-cloud::before {
5962 content: "\f0c2";
5965 .fa-trowel-bricks::before {
5966 content: "\e58a";
5969 .fa-face-flushed::before {
5970 content: "\f579";
5973 .fa-flushed::before {
5974 content: "\f579";
5977 .fa-hospital-user::before {
5978 content: "\f80d";
5981 .fa-tent-arrow-left-right::before {
5982 content: "\e57f";
5985 .fa-gavel::before {
5986 content: "\f0e3";
5989 .fa-legal::before {
5990 content: "\f0e3";
5993 .fa-binoculars::before {
5994 content: "\f1e5";
5997 .fa-microphone-slash::before {
5998 content: "\f131";
6001 .fa-box-tissue::before {
6002 content: "\e05b";
6005 .fa-motorcycle::before {
6006 content: "\f21c";
6009 .fa-bell-concierge::before {
6010 content: "\f562";
6013 .fa-concierge-bell::before {
6014 content: "\f562";
6017 .fa-pen-ruler::before {
6018 content: "\f5ae";
6021 .fa-pencil-ruler::before {
6022 content: "\f5ae";
6025 .fa-people-arrows::before {
6026 content: "\e068";
6029 .fa-people-arrows-left-right::before {
6030 content: "\e068";
6033 .fa-mars-and-venus-burst::before {
6034 content: "\e523";
6037 .fa-square-caret-right::before {
6038 content: "\f152";
6041 .fa-caret-square-right::before {
6042 content: "\f152";
6045 .fa-scissors::before {
6046 content: "\f0c4";
6049 .fa-cut::before {
6050 content: "\f0c4";
6053 .fa-sun-plant-wilt::before {
6054 content: "\e57a";
6057 .fa-toilets-portable::before {
6058 content: "\e584";
6061 .fa-hockey-puck::before {
6062 content: "\f453";
6065 .fa-table::before {
6066 content: "\f0ce";
6069 .fa-magnifying-glass-arrow-right::before {
6070 content: "\e521";
6073 .fa-tachograph-digital::before {
6074 content: "\f566";
6077 .fa-digital-tachograph::before {
6078 content: "\f566";
6081 .fa-users-slash::before {
6082 content: "\e073";
6085 .fa-clover::before {
6086 content: "\e139";
6089 .fa-reply::before {
6090 content: "\f3e5";
6093 .fa-mail-reply::before {
6094 content: "\f3e5";
6097 .fa-star-and-crescent::before {
6098 content: "\f699";
6101 .fa-house-fire::before {
6102 content: "\e50c";
6105 .fa-square-minus::before {
6106 content: "\f146";
6109 .fa-minus-square::before {
6110 content: "\f146";
6113 .fa-helicopter::before {
6114 content: "\f533";
6117 .fa-compass::before {
6118 content: "\f14e";
6121 .fa-square-caret-down::before {
6122 content: "\f150";
6125 .fa-caret-square-down::before {
6126 content: "\f150";
6129 .fa-file-circle-question::before {
6130 content: "\e4ef";
6133 .fa-laptop-code::before {
6134 content: "\f5fc";
6137 .fa-swatchbook::before {
6138 content: "\f5c3";
6141 .fa-prescription-bottle::before {
6142 content: "\f485";
6145 .fa-bars::before {
6146 content: "\f0c9";
6149 .fa-navicon::before {
6150 content: "\f0c9";
6153 .fa-people-group::before {
6154 content: "\e533";
6157 .fa-hourglass-end::before {
6158 content: "\f253";
6161 .fa-hourglass-3::before {
6162 content: "\f253";
6165 .fa-heart-crack::before {
6166 content: "\f7a9";
6169 .fa-heart-broken::before {
6170 content: "\f7a9";
6173 .fa-square-up-right::before {
6174 content: "\f360";
6177 .fa-external-link-square-alt::before {
6178 content: "\f360";
6181 .fa-face-kiss-beam::before {
6182 content: "\f597";
6185 .fa-kiss-beam::before {
6186 content: "\f597";
6189 .fa-film::before {
6190 content: "\f008";
6193 .fa-ruler-horizontal::before {
6194 content: "\f547";
6197 .fa-people-robbery::before {
6198 content: "\e536";
6201 .fa-lightbulb::before {
6202 content: "\f0eb";
6205 .fa-caret-left::before {
6206 content: "\f0d9";
6209 .fa-circle-exclamation::before {
6210 content: "\f06a";
6213 .fa-exclamation-circle::before {
6214 content: "\f06a";
6217 .fa-school-circle-xmark::before {
6218 content: "\e56d";
6221 .fa-arrow-right-from-bracket::before {
6222 content: "\f08b";
6225 .fa-sign-out::before {
6226 content: "\f08b";
6229 .fa-circle-chevron-down::before {
6230 content: "\f13a";
6233 .fa-chevron-circle-down::before {
6234 content: "\f13a";
6237 .fa-unlock-keyhole::before {
6238 content: "\f13e";
6241 .fa-unlock-alt::before {
6242 content: "\f13e";
6245 .fa-cloud-showers-heavy::before {
6246 content: "\f740";
6249 .fa-headphones-simple::before {
6250 content: "\f58f";
6253 .fa-headphones-alt::before {
6254 content: "\f58f";
6257 .fa-sitemap::before {
6258 content: "\f0e8";
6261 .fa-circle-dollar-to-slot::before {
6262 content: "\f4b9";
6265 .fa-donate::before {
6266 content: "\f4b9";
6269 .fa-memory::before {
6270 content: "\f538";
6273 .fa-road-spikes::before {
6274 content: "\e568";
6277 .fa-fire-burner::before {
6278 content: "\e4f1";
6281 .fa-flag::before {
6282 content: "\f024";
6285 .fa-hanukiah::before {
6286 content: "\f6e6";
6289 .fa-feather::before {
6290 content: "\f52d";
6293 .fa-volume-low::before {
6294 content: "\f027";
6297 .fa-volume-down::before {
6298 content: "\f027";
6301 .fa-comment-slash::before {
6302 content: "\f4b3";
6305 .fa-cloud-sun-rain::before {
6306 content: "\f743";
6309 .fa-compress::before {
6310 content: "\f066";
6313 .fa-wheat-awn::before {
6314 content: "\e2cd";
6317 .fa-wheat-alt::before {
6318 content: "\e2cd";
6321 .fa-ankh::before {
6322 content: "\f644";
6325 .fa-hands-holding-child::before {
6326 content: "\e4fa";
6329 .fa-asterisk::before {
6330 content: "\*";
6333 .fa-square-check::before {
6334 content: "\f14a";
6337 .fa-check-square::before {
6338 content: "\f14a";
6341 .fa-peseta-sign::before {
6342 content: "\e221";
6345 .fa-heading::before {
6346 content: "\f1dc";
6349 .fa-header::before {
6350 content: "\f1dc";
6353 .fa-ghost::before {
6354 content: "\f6e2";
6357 .fa-list::before {
6358 content: "\f03a";
6361 .fa-list-squares::before {
6362 content: "\f03a";
6365 .fa-square-phone-flip::before {
6366 content: "\f87b";
6369 .fa-phone-square-alt::before {
6370 content: "\f87b";
6373 .fa-cart-plus::before {
6374 content: "\f217";
6377 .fa-gamepad::before {
6378 content: "\f11b";
6381 .fa-circle-dot::before {
6382 content: "\f192";
6385 .fa-dot-circle::before {
6386 content: "\f192";
6389 .fa-face-dizzy::before {
6390 content: "\f567";
6393 .fa-dizzy::before {
6394 content: "\f567";
6397 .fa-egg::before {
6398 content: "\f7fb";
6401 .fa-house-medical-circle-xmark::before {
6402 content: "\e513";
6405 .fa-campground::before {
6406 content: "\f6bb";
6409 .fa-folder-plus::before {
6410 content: "\f65e";
6413 .fa-futbol::before {
6414 content: "\f1e3";
6417 .fa-futbol-ball::before {
6418 content: "\f1e3";
6421 .fa-soccer-ball::before {
6422 content: "\f1e3";
6425 .fa-paintbrush::before {
6426 content: "\f1fc";
6429 .fa-paint-brush::before {
6430 content: "\f1fc";
6433 .fa-lock::before {
6434 content: "\f023";
6437 .fa-gas-pump::before {
6438 content: "\f52f";
6441 .fa-hot-tub-person::before {
6442 content: "\f593";
6445 .fa-hot-tub::before {
6446 content: "\f593";
6449 .fa-map-location::before {
6450 content: "\f59f";
6453 .fa-map-marked::before {
6454 content: "\f59f";
6457 .fa-house-flood-water::before {
6458 content: "\e50e";
6461 .fa-tree::before {
6462 content: "\f1bb";
6465 .fa-bridge-lock::before {
6466 content: "\e4cc";
6469 .fa-sack-dollar::before {
6470 content: "\f81d";
6473 .fa-pen-to-square::before {
6474 content: "\f044";
6477 .fa-edit::before {
6478 content: "\f044";
6481 .fa-car-side::before {
6482 content: "\f5e4";
6485 .fa-share-nodes::before {
6486 content: "\f1e0";
6489 .fa-share-alt::before {
6490 content: "\f1e0";
6493 .fa-heart-circle-minus::before {
6494 content: "\e4ff";
6497 .fa-hourglass-half::before {
6498 content: "\f252";
6501 .fa-hourglass-2::before {
6502 content: "\f252";
6505 .fa-microscope::before {
6506 content: "\f610";
6509 .fa-sink::before {
6510 content: "\e06d";
6513 .fa-bag-shopping::before {
6514 content: "\f290";
6517 .fa-shopping-bag::before {
6518 content: "\f290";
6521 .fa-arrow-down-z-a::before {
6522 content: "\f881";
6525 .fa-sort-alpha-desc::before {
6526 content: "\f881";
6529 .fa-sort-alpha-down-alt::before {
6530 content: "\f881";
6533 .fa-mitten::before {
6534 content: "\f7b5";
6537 .fa-person-rays::before {
6538 content: "\e54d";
6541 .fa-users::before {
6542 content: "\f0c0";
6545 .fa-eye-slash::before {
6546 content: "\f070";
6549 .fa-flask-vial::before {
6550 content: "\e4f3";
6553 .fa-hand::before {
6554 content: "\f256";
6557 .fa-hand-paper::before {
6558 content: "\f256";
6561 .fa-om::before {
6562 content: "\f679";
6565 .fa-worm::before {
6566 content: "\e599";
6569 .fa-house-circle-xmark::before {
6570 content: "\e50b";
6573 .fa-plug::before {
6574 content: "\f1e6";
6577 .fa-chevron-up::before {
6578 content: "\f077";
6581 .fa-hand-spock::before {
6582 content: "\f259";
6585 .fa-stopwatch::before {
6586 content: "\f2f2";
6589 .fa-face-kiss::before {
6590 content: "\f596";
6593 .fa-kiss::before {
6594 content: "\f596";
6597 .fa-bridge-circle-xmark::before {
6598 content: "\e4cb";
6601 .fa-face-grin-tongue::before {
6602 content: "\f589";
6605 .fa-grin-tongue::before {
6606 content: "\f589";
6609 .fa-chess-bishop::before {
6610 content: "\f43a";
6613 .fa-face-grin-wink::before {
6614 content: "\f58c";
6617 .fa-grin-wink::before {
6618 content: "\f58c";
6621 .fa-ear-deaf::before {
6622 content: "\f2a4";
6625 .fa-deaf::before {
6626 content: "\f2a4";
6629 .fa-deafness::before {
6630 content: "\f2a4";
6633 .fa-hard-of-hearing::before {
6634 content: "\f2a4";
6637 .fa-road-circle-check::before {
6638 content: "\e564";
6641 .fa-dice-five::before {
6642 content: "\f523";
6645 .fa-square-rss::before {
6646 content: "\f143";
6649 .fa-rss-square::before {
6650 content: "\f143";
6653 .fa-land-mine-on::before {
6654 content: "\e51b";
6657 .fa-i-cursor::before {
6658 content: "\f246";
6661 .fa-stamp::before {
6662 content: "\f5bf";
6665 .fa-stairs::before {
6666 content: "\e289";
6669 .fa-i::before {
6670 content: "I";
6673 .fa-hryvnia-sign::before {
6674 content: "\f6f2";
6677 .fa-hryvnia::before {
6678 content: "\f6f2";
6681 .fa-pills::before {
6682 content: "\f484";
6685 .fa-face-grin-wide::before {
6686 content: "\f581";
6689 .fa-grin-alt::before {
6690 content: "\f581";
6693 .fa-tooth::before {
6694 content: "\f5c9";
6697 .fa-v::before {
6698 content: "V";
6701 .fa-bangladeshi-taka-sign::before {
6702 content: "\e2e6";
6705 .fa-bicycle::before {
6706 content: "\f206";
6709 .fa-staff-snake::before {
6710 content: "\e579";
6713 .fa-rod-asclepius::before {
6714 content: "\e579";
6717 .fa-rod-snake::before {
6718 content: "\e579";
6721 .fa-staff-aesculapius::before {
6722 content: "\e579";
6725 .fa-head-side-cough-slash::before {
6726 content: "\e062";
6729 .fa-truck-medical::before {
6730 content: "\f0f9";
6733 .fa-ambulance::before {
6734 content: "\f0f9";
6737 .fa-wheat-awn-circle-exclamation::before {
6738 content: "\e598";
6741 .fa-snowman::before {
6742 content: "\f7d0";
6745 .fa-mortar-pestle::before {
6746 content: "\f5a7";
6749 .fa-road-barrier::before {
6750 content: "\e562";
6753 .fa-school::before {
6754 content: "\f549";
6757 .fa-igloo::before {
6758 content: "\f7ae";
6761 .fa-joint::before {
6762 content: "\f595";
6765 .fa-angle-right::before {
6766 content: "\f105";
6769 .fa-horse::before {
6770 content: "\f6f0";
6773 .fa-q::before {
6774 content: "Q";
6777 .fa-g::before {
6778 content: "G";
6781 .fa-notes-medical::before {
6782 content: "\f481";
6785 .fa-temperature-half::before {
6786 content: "\f2c9";
6789 .fa-temperature-2::before {
6790 content: "\f2c9";
6793 .fa-thermometer-2::before {
6794 content: "\f2c9";
6797 .fa-thermometer-half::before {
6798 content: "\f2c9";
6801 .fa-dong-sign::before {
6802 content: "\e169";
6805 .fa-capsules::before {
6806 content: "\f46b";
6809 .fa-poo-storm::before {
6810 content: "\f75a";
6813 .fa-poo-bolt::before {
6814 content: "\f75a";
6817 .fa-face-frown-open::before {
6818 content: "\f57a";
6821 .fa-frown-open::before {
6822 content: "\f57a";
6825 .fa-hand-point-up::before {
6826 content: "\f0a6";
6829 .fa-money-bill::before {
6830 content: "\f0d6";
6833 .fa-bookmark::before {
6834 content: "\f02e";
6837 .fa-align-justify::before {
6838 content: "\f039";
6841 .fa-umbrella-beach::before {
6842 content: "\f5ca";
6845 .fa-helmet-un::before {
6846 content: "\e503";
6849 .fa-bullseye::before {
6850 content: "\f140";
6853 .fa-bacon::before {
6854 content: "\f7e5";
6857 .fa-hand-point-down::before {
6858 content: "\f0a7";
6861 .fa-arrow-up-from-bracket::before {
6862 content: "\e09a";
6865 .fa-folder::before {
6866 content: "\f07b";
6869 .fa-folder-blank::before {
6870 content: "\f07b";
6873 .fa-file-waveform::before {
6874 content: "\f478";
6877 .fa-file-medical-alt::before {
6878 content: "\f478";
6881 .fa-radiation::before {
6882 content: "\f7b9";
6885 .fa-chart-simple::before {
6886 content: "\e473";
6889 .fa-mars-stroke::before {
6890 content: "\f229";
6893 .fa-vial::before {
6894 content: "\f492";
6897 .fa-gauge::before {
6898 content: "\f624";
6901 .fa-dashboard::before {
6902 content: "\f624";
6905 .fa-gauge-med::before {
6906 content: "\f624";
6909 .fa-tachometer-alt-average::before {
6910 content: "\f624";
6913 .fa-wand-magic-sparkles::before {
6914 content: "\e2ca";
6917 .fa-magic-wand-sparkles::before {
6918 content: "\e2ca";
6921 .fa-e::before {
6922 content: "E";
6925 .fa-pen-clip::before {
6926 content: "\f305";
6929 .fa-pen-alt::before {
6930 content: "\f305";
6933 .fa-bridge-circle-exclamation::before {
6934 content: "\e4ca";
6937 .fa-user::before {
6938 content: "\f007";
6941 .fa-school-circle-check::before {
6942 content: "\e56b";
6945 .fa-dumpster::before {
6946 content: "\f793";
6949 .fa-van-shuttle::before {
6950 content: "\f5b6";
6953 .fa-shuttle-van::before {
6954 content: "\f5b6";
6957 .fa-building-user::before {
6958 content: "\e4da";
6961 .fa-square-caret-left::before {
6962 content: "\f191";
6965 .fa-caret-square-left::before {
6966 content: "\f191";
6969 .fa-highlighter::before {
6970 content: "\f591";
6973 .fa-key::before {
6974 content: "\f084";
6977 .fa-bullhorn::before {
6978 content: "\f0a1";
6981 .fa-globe::before {
6982 content: "\f0ac";
6985 .fa-synagogue::before {
6986 content: "\f69b";
6989 .fa-person-half-dress::before {
6990 content: "\e548";
6993 .fa-road-bridge::before {
6994 content: "\e563";
6997 .fa-location-arrow::before {
6998 content: "\f124";
7001 .fa-c::before {
7002 content: "C";
7005 .fa-tablet-button::before {
7006 content: "\f10a";
7009 .fa-building-lock::before {
7010 content: "\e4d6";
7013 .fa-pizza-slice::before {
7014 content: "\f818";
7017 .fa-money-bill-wave::before {
7018 content: "\f53a";
7021 .fa-chart-area::before {
7022 content: "\f1fe";
7025 .fa-area-chart::before {
7026 content: "\f1fe";
7029 .fa-house-flag::before {
7030 content: "\e50d";
7033 .fa-person-circle-minus::before {
7034 content: "\e540";
7037 .fa-ban::before {
7038 content: "\f05e";
7041 .fa-cancel::before {
7042 content: "\f05e";
7045 .fa-camera-rotate::before {
7046 content: "\e0d8";
7049 .fa-spray-can-sparkles::before {
7050 content: "\f5d0";
7053 .fa-air-freshener::before {
7054 content: "\f5d0";
7057 .fa-star::before {
7058 content: "\f005";
7061 .fa-repeat::before {
7062 content: "\f363";
7065 .fa-cross::before {
7066 content: "\f654";
7069 .fa-box::before {
7070 content: "\f466";
7073 .fa-venus-mars::before {
7074 content: "\f228";
7077 .fa-arrow-pointer::before {
7078 content: "\f245";
7081 .fa-mouse-pointer::before {
7082 content: "\f245";
7085 .fa-maximize::before {
7086 content: "\f31e";
7089 .fa-expand-arrows-alt::before {
7090 content: "\f31e";
7093 .fa-charging-station::before {
7094 content: "\f5e7";
7097 .fa-shapes::before {
7098 content: "\f61f";
7101 .fa-triangle-circle-square::before {
7102 content: "\f61f";
7105 .fa-shuffle::before {
7106 content: "\f074";
7109 .fa-random::before {
7110 content: "\f074";
7113 .fa-person-running::before {
7114 content: "\f70c";
7117 .fa-running::before {
7118 content: "\f70c";
7121 .fa-mobile-retro::before {
7122 content: "\e527";
7125 .fa-grip-lines-vertical::before {
7126 content: "\f7a5";
7129 .fa-spider::before {
7130 content: "\f717";
7133 .fa-hands-bound::before {
7134 content: "\e4f9";
7137 .fa-file-invoice-dollar::before {
7138 content: "\f571";
7141 .fa-plane-circle-exclamation::before {
7142 content: "\e556";
7145 .fa-x-ray::before {
7146 content: "\f497";
7149 .fa-spell-check::before {
7150 content: "\f891";
7153 .fa-slash::before {
7154 content: "\f715";
7157 .fa-computer-mouse::before {
7158 content: "\f8cc";
7161 .fa-mouse::before {
7162 content: "\f8cc";
7165 .fa-arrow-right-to-bracket::before {
7166 content: "\f090";
7169 .fa-sign-in::before {
7170 content: "\f090";
7173 .fa-shop-slash::before {
7174 content: "\e070";
7177 .fa-store-alt-slash::before {
7178 content: "\e070";
7181 .fa-server::before {
7182 content: "\f233";
7185 .fa-virus-covid-slash::before {
7186 content: "\e4a9";
7189 .fa-shop-lock::before {
7190 content: "\e4a5";
7193 .fa-hourglass-start::before {
7194 content: "\f251";
7197 .fa-hourglass-1::before {
7198 content: "\f251";
7201 .fa-blender-phone::before {
7202 content: "\f6b6";
7205 .fa-building-wheat::before {
7206 content: "\e4db";
7209 .fa-person-breastfeeding::before {
7210 content: "\e53a";
7213 .fa-right-to-bracket::before {
7214 content: "\f2f6";
7217 .fa-sign-in-alt::before {
7218 content: "\f2f6";
7221 .fa-venus::before {
7222 content: "\f221";
7225 .fa-passport::before {
7226 content: "\f5ab";
7229 .fa-heart-pulse::before {
7230 content: "\f21e";
7233 .fa-heartbeat::before {
7234 content: "\f21e";
7237 .fa-people-carry-box::before {
7238 content: "\f4ce";
7241 .fa-people-carry::before {
7242 content: "\f4ce";
7245 .fa-temperature-high::before {
7246 content: "\f769";
7249 .fa-microchip::before {
7250 content: "\f2db";
7253 .fa-crown::before {
7254 content: "\f521";
7257 .fa-weight-hanging::before {
7258 content: "\f5cd";
7261 .fa-xmarks-lines::before {
7262 content: "\e59a";
7265 .fa-file-prescription::before {
7266 content: "\f572";
7269 .fa-weight-scale::before {
7270 content: "\f496";
7273 .fa-weight::before {
7274 content: "\f496";
7277 .fa-user-group::before {
7278 content: "\f500";
7281 .fa-user-friends::before {
7282 content: "\f500";
7285 .fa-arrow-up-a-z::before {
7286 content: "\f15e";
7289 .fa-sort-alpha-up::before {
7290 content: "\f15e";
7293 .fa-chess-knight::before {
7294 content: "\f441";
7297 .fa-face-laugh-squint::before {
7298 content: "\f59b";
7301 .fa-laugh-squint::before {
7302 content: "\f59b";
7305 .fa-wheelchair::before {
7306 content: "\f193";
7309 .fa-circle-arrow-up::before {
7310 content: "\f0aa";
7313 .fa-arrow-circle-up::before {
7314 content: "\f0aa";
7317 .fa-toggle-on::before {
7318 content: "\f205";
7321 .fa-person-walking::before {
7322 content: "\f554";
7325 .fa-walking::before {
7326 content: "\f554";
7329 .fa-l::before {
7330 content: "L";
7333 .fa-fire::before {
7334 content: "\f06d";
7337 .fa-bed-pulse::before {
7338 content: "\f487";
7341 .fa-procedures::before {
7342 content: "\f487";
7345 .fa-shuttle-space::before {
7346 content: "\f197";
7349 .fa-space-shuttle::before {
7350 content: "\f197";
7353 .fa-face-laugh::before {
7354 content: "\f599";
7357 .fa-laugh::before {
7358 content: "\f599";
7361 .fa-folder-open::before {
7362 content: "\f07c";
7365 .fa-heart-circle-plus::before {
7366 content: "\e500";
7369 .fa-code-fork::before {
7370 content: "\e13b";
7373 .fa-city::before {
7374 content: "\f64f";
7377 .fa-microphone-lines::before {
7378 content: "\f3c9";
7381 .fa-microphone-alt::before {
7382 content: "\f3c9";
7385 .fa-pepper-hot::before {
7386 content: "\f816";
7389 .fa-unlock::before {
7390 content: "\f09c";
7393 .fa-colon-sign::before {
7394 content: "\e140";
7397 .fa-headset::before {
7398 content: "\f590";
7401 .fa-store-slash::before {
7402 content: "\e071";
7405 .fa-road-circle-xmark::before {
7406 content: "\e566";
7409 .fa-user-minus::before {
7410 content: "\f503";
7413 .fa-mars-stroke-up::before {
7414 content: "\f22a";
7417 .fa-mars-stroke-v::before {
7418 content: "\f22a";
7421 .fa-champagne-glasses::before {
7422 content: "\f79f";
7425 .fa-glass-cheers::before {
7426 content: "\f79f";
7429 .fa-clipboard::before {
7430 content: "\f328";
7433 .fa-house-circle-exclamation::before {
7434 content: "\e50a";
7437 .fa-file-arrow-up::before {
7438 content: "\f574";
7441 .fa-file-upload::before {
7442 content: "\f574";
7445 .fa-wifi::before {
7446 content: "\f1eb";
7449 .fa-wifi-3::before {
7450 content: "\f1eb";
7453 .fa-wifi-strong::before {
7454 content: "\f1eb";
7457 .fa-bath::before {
7458 content: "\f2cd";
7461 .fa-bathtub::before {
7462 content: "\f2cd";
7465 .fa-underline::before {
7466 content: "\f0cd";
7469 .fa-user-pen::before {
7470 content: "\f4ff";
7473 .fa-user-edit::before {
7474 content: "\f4ff";
7477 .fa-signature::before {
7478 content: "\f5b7";
7481 .fa-stroopwafel::before {
7482 content: "\f551";
7485 .fa-bold::before {
7486 content: "\f032";
7489 .fa-anchor-lock::before {
7490 content: "\e4ad";
7493 .fa-building-ngo::before {
7494 content: "\e4d7";
7497 .fa-manat-sign::before {
7498 content: "\e1d5";
7501 .fa-not-equal::before {
7502 content: "\f53e";
7505 .fa-border-top-left::before {
7506 content: "\f853";
7509 .fa-border-style::before {
7510 content: "\f853";
7513 .fa-map-location-dot::before {
7514 content: "\f5a0";
7517 .fa-map-marked-alt::before {
7518 content: "\f5a0";
7521 .fa-jedi::before {
7522 content: "\f669";
7525 .fa-square-poll-vertical::before {
7526 content: "\f681";
7529 .fa-poll::before {
7530 content: "\f681";
7533 .fa-mug-hot::before {
7534 content: "\f7b6";
7537 .fa-car-battery::before {
7538 content: "\f5df";
7541 .fa-battery-car::before {
7542 content: "\f5df";
7545 .fa-gift::before {
7546 content: "\f06b";
7549 .fa-dice-two::before {
7550 content: "\f528";
7553 .fa-chess-queen::before {
7554 content: "\f445";
7557 .fa-glasses::before {
7558 content: "\f530";
7561 .fa-chess-board::before {
7562 content: "\f43c";
7565 .fa-building-circle-check::before {
7566 content: "\e4d2";
7569 .fa-person-chalkboard::before {
7570 content: "\e53d";
7573 .fa-mars-stroke-right::before {
7574 content: "\f22b";
7577 .fa-mars-stroke-h::before {
7578 content: "\f22b";
7581 .fa-hand-back-fist::before {
7582 content: "\f255";
7585 .fa-hand-rock::before {
7586 content: "\f255";
7589 .fa-square-caret-up::before {
7590 content: "\f151";
7593 .fa-caret-square-up::before {
7594 content: "\f151";
7597 .fa-cloud-showers-water::before {
7598 content: "\e4e4";
7601 .fa-chart-bar::before {
7602 content: "\f080";
7605 .fa-bar-chart::before {
7606 content: "\f080";
7609 .fa-hands-bubbles::before {
7610 content: "\e05e";
7613 .fa-hands-wash::before {
7614 content: "\e05e";
7617 .fa-less-than-equal::before {
7618 content: "\f537";
7621 .fa-train::before {
7622 content: "\f238";
7625 .fa-eye-low-vision::before {
7626 content: "\f2a8";
7629 .fa-low-vision::before {
7630 content: "\f2a8";
7633 .fa-crow::before {
7634 content: "\f520";
7637 .fa-sailboat::before {
7638 content: "\e445";
7641 .fa-window-restore::before {
7642 content: "\f2d2";
7645 .fa-square-plus::before {
7646 content: "\f0fe";
7649 .fa-plus-square::before {
7650 content: "\f0fe";
7653 .fa-torii-gate::before {
7654 content: "\f6a1";
7657 .fa-frog::before {
7658 content: "\f52e";
7661 .fa-bucket::before {
7662 content: "\e4cf";
7665 .fa-image::before {
7666 content: "\f03e";
7669 .fa-microphone::before {
7670 content: "\f130";
7673 .fa-cow::before {
7674 content: "\f6c8";
7677 .fa-caret-up::before {
7678 content: "\f0d8";
7681 .fa-screwdriver::before {
7682 content: "\f54a";
7685 .fa-folder-closed::before {
7686 content: "\e185";
7689 .fa-house-tsunami::before {
7690 content: "\e515";
7693 .fa-square-nfi::before {
7694 content: "\e576";
7697 .fa-arrow-up-from-ground-water::before {
7698 content: "\e4b5";
7701 .fa-martini-glass::before {
7702 content: "\f57b";
7705 .fa-glass-martini-alt::before {
7706 content: "\f57b";
7709 .fa-rotate-left::before {
7710 content: "\f2ea";
7713 .fa-rotate-back::before {
7714 content: "\f2ea";
7717 .fa-rotate-backward::before {
7718 content: "\f2ea";
7721 .fa-undo-alt::before {
7722 content: "\f2ea";
7725 .fa-table-columns::before {
7726 content: "\f0db";
7729 .fa-columns::before {
7730 content: "\f0db";
7733 .fa-lemon::before {
7734 content: "\f094";
7737 .fa-head-side-mask::before {
7738 content: "\e063";
7741 .fa-handshake::before {
7742 content: "\f2b5";
7745 .fa-gem::before {
7746 content: "\f3a5";
7749 .fa-dolly::before {
7750 content: "\f472";
7753 .fa-dolly-box::before {
7754 content: "\f472";
7757 .fa-smoking::before {
7758 content: "\f48d";
7761 .fa-minimize::before {
7762 content: "\f78c";
7765 .fa-compress-arrows-alt::before {
7766 content: "\f78c";
7769 .fa-monument::before {
7770 content: "\f5a6";
7773 .fa-snowplow::before {
7774 content: "\f7d2";
7777 .fa-angles-right::before {
7778 content: "\f101";
7781 .fa-angle-double-right::before {
7782 content: "\f101";
7785 .fa-cannabis::before {
7786 content: "\f55f";
7789 .fa-circle-play::before {
7790 content: "\f144";
7793 .fa-play-circle::before {
7794 content: "\f144";
7797 .fa-tablets::before {
7798 content: "\f490";
7801 .fa-ethernet::before {
7802 content: "\f796";
7805 .fa-euro-sign::before {
7806 content: "\f153";
7809 .fa-eur::before {
7810 content: "\f153";
7813 .fa-euro::before {
7814 content: "\f153";
7817 .fa-chair::before {
7818 content: "\f6c0";
7821 .fa-circle-check::before {
7822 content: "\f058";
7825 .fa-check-circle::before {
7826 content: "\f058";
7829 .fa-circle-stop::before {
7830 content: "\f28d";
7833 .fa-stop-circle::before {
7834 content: "\f28d";
7837 .fa-compass-drafting::before {
7838 content: "\f568";
7841 .fa-drafting-compass::before {
7842 content: "\f568";
7845 .fa-plate-wheat::before {
7846 content: "\e55a";
7849 .fa-icicles::before {
7850 content: "\f7ad";
7853 .fa-person-shelter::before {
7854 content: "\e54f";
7857 .fa-neuter::before {
7858 content: "\f22c";
7861 .fa-id-badge::before {
7862 content: "\f2c1";
7865 .fa-marker::before {
7866 content: "\f5a1";
7869 .fa-face-laugh-beam::before {
7870 content: "\f59a";
7873 .fa-laugh-beam::before {
7874 content: "\f59a";
7877 .fa-helicopter-symbol::before {
7878 content: "\e502";
7881 .fa-universal-access::before {
7882 content: "\f29a";
7885 .fa-circle-chevron-up::before {
7886 content: "\f139";
7889 .fa-chevron-circle-up::before {
7890 content: "\f139";
7893 .fa-lari-sign::before {
7894 content: "\e1c8";
7897 .fa-volcano::before {
7898 content: "\f770";
7901 .fa-person-walking-dashed-line-arrow-right::before {
7902 content: "\e553";
7905 .fa-sterling-sign::before {
7906 content: "\f154";
7909 .fa-gbp::before {
7910 content: "\f154";
7913 .fa-pound-sign::before {
7914 content: "\f154";
7917 .fa-viruses::before {
7918 content: "\e076";
7921 .fa-square-person-confined::before {
7922 content: "\e577";
7925 .fa-user-tie::before {
7926 content: "\f508";
7929 .fa-arrow-down-long::before {
7930 content: "\f175";
7933 .fa-long-arrow-down::before {
7934 content: "\f175";
7937 .fa-tent-arrow-down-to-line::before {
7938 content: "\e57e";
7941 .fa-certificate::before {
7942 content: "\f0a3";
7945 .fa-reply-all::before {
7946 content: "\f122";
7949 .fa-mail-reply-all::before {
7950 content: "\f122";
7953 .fa-suitcase::before {
7954 content: "\f0f2";
7957 .fa-person-skating::before {
7958 content: "\f7c5";
7961 .fa-skating::before {
7962 content: "\f7c5";
7965 .fa-filter-circle-dollar::before {
7966 content: "\f662";
7969 .fa-funnel-dollar::before {
7970 content: "\f662";
7973 .fa-camera-retro::before {
7974 content: "\f083";
7977 .fa-circle-arrow-down::before {
7978 content: "\f0ab";
7981 .fa-arrow-circle-down::before {
7982 content: "\f0ab";
7985 .fa-file-import::before {
7986 content: "\f56f";
7989 .fa-arrow-right-to-file::before {
7990 content: "\f56f";
7993 .fa-square-arrow-up-right::before {
7994 content: "\f14c";
7997 .fa-external-link-square::before {
7998 content: "\f14c";
8001 .fa-box-open::before {
8002 content: "\f49e";
8005 .fa-scroll::before {
8006 content: "\f70e";
8009 .fa-spa::before {
8010 content: "\f5bb";
8013 .fa-location-pin-lock::before {
8014 content: "\e51f";
8017 .fa-pause::before {
8018 content: "\f04c";
8021 .fa-hill-avalanche::before {
8022 content: "\e507";
8025 .fa-temperature-empty::before {
8026 content: "\f2cb";
8029 .fa-temperature-0::before {
8030 content: "\f2cb";
8033 .fa-thermometer-0::before {
8034 content: "\f2cb";
8037 .fa-thermometer-empty::before {
8038 content: "\f2cb";
8041 .fa-bomb::before {
8042 content: "\f1e2";
8045 .fa-registered::before {
8046 content: "\f25d";
8049 .fa-address-card::before {
8050 content: "\f2bb";
8053 .fa-contact-card::before {
8054 content: "\f2bb";
8057 .fa-vcard::before {
8058 content: "\f2bb";
8061 .fa-scale-unbalanced-flip::before {
8062 content: "\f516";
8065 .fa-balance-scale-right::before {
8066 content: "\f516";
8069 .fa-subscript::before {
8070 content: "\f12c";
8073 .fa-diamond-turn-right::before {
8074 content: "\f5eb";
8077 .fa-directions::before {
8078 content: "\f5eb";
8081 .fa-burst::before {
8082 content: "\e4dc";
8085 .fa-house-laptop::before {
8086 content: "\e066";
8089 .fa-laptop-house::before {
8090 content: "\e066";
8093 .fa-face-tired::before {
8094 content: "\f5c8";
8097 .fa-tired::before {
8098 content: "\f5c8";
8101 .fa-money-bills::before {
8102 content: "\e1f3";
8105 .fa-smog::before {
8106 content: "\f75f";
8109 .fa-crutch::before {
8110 content: "\f7f7";
8113 .fa-cloud-arrow-up::before {
8114 content: "\f0ee";
8117 .fa-cloud-upload::before {
8118 content: "\f0ee";
8121 .fa-cloud-upload-alt::before {
8122 content: "\f0ee";
8125 .fa-palette::before {
8126 content: "\f53f";
8129 .fa-arrows-turn-right::before {
8130 content: "\e4c0";
8133 .fa-vest::before {
8134 content: "\e085";
8137 .fa-ferry::before {
8138 content: "\e4ea";
8141 .fa-arrows-down-to-people::before {
8142 content: "\e4b9";
8145 .fa-seedling::before {
8146 content: "\f4d8";
8149 .fa-sprout::before {
8150 content: "\f4d8";
8153 .fa-left-right::before {
8154 content: "\f337";
8157 .fa-arrows-alt-h::before {
8158 content: "\f337";
8161 .fa-boxes-packing::before {
8162 content: "\e4c7";
8165 .fa-circle-arrow-left::before {
8166 content: "\f0a8";
8169 .fa-arrow-circle-left::before {
8170 content: "\f0a8";
8173 .fa-group-arrows-rotate::before {
8174 content: "\e4f6";
8177 .fa-bowl-food::before {
8178 content: "\e4c6";
8181 .fa-candy-cane::before {
8182 content: "\f786";
8185 .fa-arrow-down-wide-short::before {
8186 content: "\f160";
8189 .fa-sort-amount-asc::before {
8190 content: "\f160";
8193 .fa-sort-amount-down::before {
8194 content: "\f160";
8197 .fa-cloud-bolt::before {
8198 content: "\f76c";
8201 .fa-thunderstorm::before {
8202 content: "\f76c";
8205 .fa-text-slash::before {
8206 content: "\f87d";
8209 .fa-remove-format::before {
8210 content: "\f87d";
8213 .fa-face-smile-wink::before {
8214 content: "\f4da";
8217 .fa-smile-wink::before {
8218 content: "\f4da";
8221 .fa-file-word::before {
8222 content: "\f1c2";
8225 .fa-file-powerpoint::before {
8226 content: "\f1c4";
8229 .fa-arrows-left-right::before {
8230 content: "\f07e";
8233 .fa-arrows-h::before {
8234 content: "\f07e";
8237 .fa-house-lock::before {
8238 content: "\e510";
8241 .fa-cloud-arrow-down::before {
8242 content: "\f0ed";
8245 .fa-cloud-download::before {
8246 content: "\f0ed";
8249 .fa-cloud-download-alt::before {
8250 content: "\f0ed";
8253 .fa-children::before {
8254 content: "\e4e1";
8257 .fa-chalkboard::before {
8258 content: "\f51b";
8261 .fa-blackboard::before {
8262 content: "\f51b";
8265 .fa-user-large-slash::before {
8266 content: "\f4fa";
8269 .fa-user-alt-slash::before {
8270 content: "\f4fa";
8273 .fa-envelope-open::before {
8274 content: "\f2b6";
8277 .fa-handshake-simple-slash::before {
8278 content: "\e05f";
8281 .fa-handshake-alt-slash::before {
8282 content: "\e05f";
8285 .fa-mattress-pillow::before {
8286 content: "\e525";
8289 .fa-guarani-sign::before {
8290 content: "\e19a";
8293 .fa-arrows-rotate::before {
8294 content: "\f021";
8297 .fa-refresh::before {
8298 content: "\f021";
8301 .fa-sync::before {
8302 content: "\f021";
8305 .fa-fire-extinguisher::before {
8306 content: "\f134";
8309 .fa-cruzeiro-sign::before {
8310 content: "\e152";
8313 .fa-greater-than-equal::before {
8314 content: "\f532";
8317 .fa-shield-halved::before {
8318 content: "\f3ed";
8321 .fa-shield-alt::before {
8322 content: "\f3ed";
8325 .fa-book-atlas::before {
8326 content: "\f558";
8329 .fa-atlas::before {
8330 content: "\f558";
8333 .fa-virus::before {
8334 content: "\e074";
8337 .fa-envelope-circle-check::before {
8338 content: "\e4e8";
8341 .fa-layer-group::before {
8342 content: "\f5fd";
8345 .fa-arrows-to-dot::before {
8346 content: "\e4be";
8349 .fa-archway::before {
8350 content: "\f557";
8353 .fa-heart-circle-check::before {
8354 content: "\e4fd";
8357 .fa-house-chimney-crack::before {
8358 content: "\f6f1";
8361 .fa-house-damage::before {
8362 content: "\f6f1";
8365 .fa-file-zipper::before {
8366 content: "\f1c6";
8369 .fa-file-archive::before {
8370 content: "\f1c6";
8373 .fa-square::before {
8374 content: "\f0c8";
8377 .fa-martini-glass-empty::before {
8378 content: "\f000";
8381 .fa-glass-martini::before {
8382 content: "\f000";
8385 .fa-couch::before {
8386 content: "\f4b8";
8389 .fa-cedi-sign::before {
8390 content: "\e0df";
8393 .fa-italic::before {
8394 content: "\f033";
8397 .fa-church::before {
8398 content: "\f51d";
8401 .fa-comments-dollar::before {
8402 content: "\f653";
8405 .fa-democrat::before {
8406 content: "\f747";
8409 .fa-z::before {
8410 content: "Z";
8413 .fa-person-skiing::before {
8414 content: "\f7c9";
8417 .fa-skiing::before {
8418 content: "\f7c9";
8421 .fa-road-lock::before {
8422 content: "\e567";
8425 .fa-a::before {
8426 content: "A";
8429 .fa-temperature-arrow-down::before {
8430 content: "\e03f";
8433 .fa-temperature-down::before {
8434 content: "\e03f";
8437 .fa-feather-pointed::before {
8438 content: "\f56b";
8441 .fa-feather-alt::before {
8442 content: "\f56b";
8445 .fa-p::before {
8446 content: "P";
8449 .fa-snowflake::before {
8450 content: "\f2dc";
8453 .fa-newspaper::before {
8454 content: "\f1ea";
8457 .fa-rectangle-ad::before {
8458 content: "\f641";
8461 .fa-ad::before {
8462 content: "\f641";
8465 .fa-circle-arrow-right::before {
8466 content: "\f0a9";
8469 .fa-arrow-circle-right::before {
8470 content: "\f0a9";
8473 .fa-filter-circle-xmark::before {
8474 content: "\e17b";
8477 .fa-locust::before {
8478 content: "\e520";
8481 .fa-sort::before {
8482 content: "\f0dc";
8485 .fa-unsorted::before {
8486 content: "\f0dc";
8489 .fa-list-ol::before {
8490 content: "\f0cb";
8493 .fa-list-1-2::before {
8494 content: "\f0cb";
8497 .fa-list-numeric::before {
8498 content: "\f0cb";
8501 .fa-person-dress-burst::before {
8502 content: "\e544";
8505 .fa-money-check-dollar::before {
8506 content: "\f53d";
8509 .fa-money-check-alt::before {
8510 content: "\f53d";
8513 .fa-vector-square::before {
8514 content: "\f5cb";
8517 .fa-bread-slice::before {
8518 content: "\f7ec";
8521 .fa-language::before {
8522 content: "\f1ab";
8525 .fa-face-kiss-wink-heart::before {
8526 content: "\f598";
8529 .fa-kiss-wink-heart::before {
8530 content: "\f598";
8533 .fa-filter::before {
8534 content: "\f0b0";
8537 .fa-question::before {
8538 content: "\?";
8541 .fa-file-signature::before {
8542 content: "\f573";
8545 .fa-up-down-left-right::before {
8546 content: "\f0b2";
8549 .fa-arrows-alt::before {
8550 content: "\f0b2";
8553 .fa-house-chimney-user::before {
8554 content: "\e065";
8557 .fa-hand-holding-heart::before {
8558 content: "\f4be";
8561 .fa-puzzle-piece::before {
8562 content: "\f12e";
8565 .fa-money-check::before {
8566 content: "\f53c";
8569 .fa-star-half-stroke::before {
8570 content: "\f5c0";
8573 .fa-star-half-alt::before {
8574 content: "\f5c0";
8577 .fa-code::before {
8578 content: "\f121";
8581 .fa-whiskey-glass::before {
8582 content: "\f7a0";
8585 .fa-glass-whiskey::before {
8586 content: "\f7a0";
8589 .fa-building-circle-exclamation::before {
8590 content: "\e4d3";
8593 .fa-magnifying-glass-chart::before {
8594 content: "\e522";
8597 .fa-arrow-up-right-from-square::before {
8598 content: "\f08e";
8601 .fa-external-link::before {
8602 content: "\f08e";
8605 .fa-cubes-stacked::before {
8606 content: "\e4e6";
8609 .fa-won-sign::before {
8610 content: "\f159";
8613 .fa-krw::before {
8614 content: "\f159";
8617 .fa-won::before {
8618 content: "\f159";
8621 .fa-virus-covid::before {
8622 content: "\e4a8";
8625 .fa-austral-sign::before {
8626 content: "\e0a9";
8629 .fa-f::before {
8630 content: "F";
8633 .fa-leaf::before {
8634 content: "\f06c";
8637 .fa-road::before {
8638 content: "\f018";
8641 .fa-taxi::before {
8642 content: "\f1ba";
8645 .fa-cab::before {
8646 content: "\f1ba";
8649 .fa-person-circle-plus::before {
8650 content: "\e541";
8653 .fa-chart-pie::before {
8654 content: "\f200";
8657 .fa-pie-chart::before {
8658 content: "\f200";
8661 .fa-bolt-lightning::before {
8662 content: "\e0b7";
8665 .fa-sack-xmark::before {
8666 content: "\e56a";
8669 .fa-file-excel::before {
8670 content: "\f1c3";
8673 .fa-file-contract::before {
8674 content: "\f56c";
8677 .fa-fish-fins::before {
8678 content: "\e4f2";
8681 .fa-building-flag::before {
8682 content: "\e4d5";
8685 .fa-face-grin-beam::before {
8686 content: "\f582";
8689 .fa-grin-beam::before {
8690 content: "\f582";
8693 .fa-object-ungroup::before {
8694 content: "\f248";
8697 .fa-poop::before {
8698 content: "\f619";
8701 .fa-location-pin::before {
8702 content: "\f041";
8705 .fa-map-marker::before {
8706 content: "\f041";
8709 .fa-kaaba::before {
8710 content: "\f66b";
8713 .fa-toilet-paper::before {
8714 content: "\f71e";
8717 .fa-helmet-safety::before {
8718 content: "\f807";
8721 .fa-hard-hat::before {
8722 content: "\f807";
8725 .fa-hat-hard::before {
8726 content: "\f807";
8729 .fa-eject::before {
8730 content: "\f052";
8733 .fa-circle-right::before {
8734 content: "\f35a";
8737 .fa-arrow-alt-circle-right::before {
8738 content: "\f35a";
8741 .fa-plane-circle-check::before {
8742 content: "\e555";
8745 .fa-face-rolling-eyes::before {
8746 content: "\f5a5";
8749 .fa-meh-rolling-eyes::before {
8750 content: "\f5a5";
8753 .fa-object-group::before {
8754 content: "\f247";
8757 .fa-chart-line::before {
8758 content: "\f201";
8761 .fa-line-chart::before {
8762 content: "\f201";
8765 .fa-mask-ventilator::before {
8766 content: "\e524";
8769 .fa-arrow-right::before {
8770 content: "\f061";
8773 .fa-signs-post::before {
8774 content: "\f277";
8777 .fa-map-signs::before {
8778 content: "\f277";
8781 .fa-cash-register::before {
8782 content: "\f788";
8785 .fa-person-circle-question::before {
8786 content: "\e542";
8789 .fa-h::before {
8790 content: "H";
8793 .fa-tarp::before {
8794 content: "\e57b";
8797 .fa-screwdriver-wrench::before {
8798 content: "\f7d9";
8801 .fa-tools::before {
8802 content: "\f7d9";
8805 .fa-arrows-to-eye::before {
8806 content: "\e4bf";
8809 .fa-plug-circle-bolt::before {
8810 content: "\e55b";
8813 .fa-heart::before {
8814 content: "\f004";
8817 .fa-mars-and-venus::before {
8818 content: "\f224";
8821 .fa-house-user::before {
8822 content: "\e1b0";
8825 .fa-home-user::before {
8826 content: "\e1b0";
8829 .fa-dumpster-fire::before {
8830 content: "\f794";
8833 .fa-house-crack::before {
8834 content: "\e3b1";
8837 .fa-martini-glass-citrus::before {
8838 content: "\f561";
8841 .fa-cocktail::before {
8842 content: "\f561";
8845 .fa-face-surprise::before {
8846 content: "\f5c2";
8849 .fa-surprise::before {
8850 content: "\f5c2";
8853 .fa-bottle-water::before {
8854 content: "\e4c5";
8857 .fa-circle-pause::before {
8858 content: "\f28b";
8861 .fa-pause-circle::before {
8862 content: "\f28b";
8865 .fa-toilet-paper-slash::before {
8866 content: "\e072";
8869 .fa-apple-whole::before {
8870 content: "\f5d1";
8873 .fa-apple-alt::before {
8874 content: "\f5d1";
8877 .fa-kitchen-set::before {
8878 content: "\e51a";
8881 .fa-r::before {
8882 content: "R";
8885 .fa-temperature-quarter::before {
8886 content: "\f2ca";
8889 .fa-temperature-1::before {
8890 content: "\f2ca";
8893 .fa-thermometer-1::before {
8894 content: "\f2ca";
8897 .fa-thermometer-quarter::before {
8898 content: "\f2ca";
8901 .fa-cube::before {
8902 content: "\f1b2";
8905 .fa-bitcoin-sign::before {
8906 content: "\e0b4";
8909 .fa-shield-dog::before {
8910 content: "\e573";
8913 .fa-solar-panel::before {
8914 content: "\f5ba";
8917 .fa-lock-open::before {
8918 content: "\f3c1";
8921 .fa-elevator::before {
8922 content: "\e16d";
8925 .fa-money-bill-transfer::before {
8926 content: "\e528";
8929 .fa-money-bill-trend-up::before {
8930 content: "\e529";
8933 .fa-house-flood-water-circle-arrow-right::before {
8934 content: "\e50f";
8937 .fa-square-poll-horizontal::before {
8938 content: "\f682";
8941 .fa-poll-h::before {
8942 content: "\f682";
8945 .fa-circle::before {
8946 content: "\f111";
8949 .fa-backward-fast::before {
8950 content: "\f049";
8953 .fa-fast-backward::before {
8954 content: "\f049";
8957 .fa-recycle::before {
8958 content: "\f1b8";
8961 .fa-user-astronaut::before {
8962 content: "\f4fb";
8965 .fa-plane-slash::before {
8966 content: "\e069";
8969 .fa-trademark::before {
8970 content: "\f25c";
8973 .fa-basketball::before {
8974 content: "\f434";
8977 .fa-basketball-ball::before {
8978 content: "\f434";
8981 .fa-satellite-dish::before {
8982 content: "\f7c0";
8985 .fa-circle-up::before {
8986 content: "\f35b";
8989 .fa-arrow-alt-circle-up::before {
8990 content: "\f35b";
8993 .fa-mobile-screen-button::before {
8994 content: "\f3cd";
8997 .fa-mobile-alt::before {
8998 content: "\f3cd";
9001 .fa-volume-high::before {
9002 content: "\f028";
9005 .fa-volume-up::before {
9006 content: "\f028";
9009 .fa-users-rays::before {
9010 content: "\e593";
9013 .fa-wallet::before {
9014 content: "\f555";
9017 .fa-clipboard-check::before {
9018 content: "\f46c";
9021 .fa-file-audio::before {
9022 content: "\f1c7";
9025 .fa-burger::before {
9026 content: "\f805";
9029 .fa-hamburger::before {
9030 content: "\f805";
9033 .fa-wrench::before {
9034 content: "\f0ad";
9037 .fa-bugs::before {
9038 content: "\e4d0";
9041 .fa-rupee-sign::before {
9042 content: "\f156";
9045 .fa-rupee::before {
9046 content: "\f156";
9049 .fa-file-image::before {
9050 content: "\f1c5";
9053 .fa-circle-question::before {
9054 content: "\f059";
9057 .fa-question-circle::before {
9058 content: "\f059";
9061 .fa-plane-departure::before {
9062 content: "\f5b0";
9065 .fa-handshake-slash::before {
9066 content: "\e060";
9069 .fa-book-bookmark::before {
9070 content: "\e0bb";
9073 .fa-code-branch::before {
9074 content: "\f126";
9077 .fa-hat-cowboy::before {
9078 content: "\f8c0";
9081 .fa-bridge::before {
9082 content: "\e4c8";
9085 .fa-phone-flip::before {
9086 content: "\f879";
9089 .fa-phone-alt::before {
9090 content: "\f879";
9093 .fa-truck-front::before {
9094 content: "\e2b7";
9097 .fa-cat::before {
9098 content: "\f6be";
9101 .fa-anchor-circle-exclamation::before {
9102 content: "\e4ab";
9105 .fa-truck-field::before {
9106 content: "\e58d";
9109 .fa-route::before {
9110 content: "\f4d7";
9113 .fa-clipboard-question::before {
9114 content: "\e4e3";
9117 .fa-panorama::before {
9118 content: "\e209";
9121 .fa-comment-medical::before {
9122 content: "\f7f5";
9125 .fa-teeth-open::before {
9126 content: "\f62f";
9129 .fa-file-circle-minus::before {
9130 content: "\e4ed";
9133 .fa-tags::before {
9134 content: "\f02c";
9137 .fa-wine-glass::before {
9138 content: "\f4e3";
9141 .fa-forward-fast::before {
9142 content: "\f050";
9145 .fa-fast-forward::before {
9146 content: "\f050";
9149 .fa-face-meh-blank::before {
9150 content: "\f5a4";
9153 .fa-meh-blank::before {
9154 content: "\f5a4";
9157 .fa-square-parking::before {
9158 content: "\f540";
9161 .fa-parking::before {
9162 content: "\f540";
9165 .fa-house-signal::before {
9166 content: "\e012";
9169 .fa-bars-progress::before {
9170 content: "\f828";
9173 .fa-tasks-alt::before {
9174 content: "\f828";
9177 .fa-faucet-drip::before {
9178 content: "\e006";
9181 .fa-cart-flatbed::before {
9182 content: "\f474";
9185 .fa-dolly-flatbed::before {
9186 content: "\f474";
9189 .fa-ban-smoking::before {
9190 content: "\f54d";
9193 .fa-smoking-ban::before {
9194 content: "\f54d";
9197 .fa-terminal::before {
9198 content: "\f120";
9201 .fa-mobile-button::before {
9202 content: "\f10b";
9205 .fa-house-medical-flag::before {
9206 content: "\e514";
9209 .fa-basket-shopping::before {
9210 content: "\f291";
9213 .fa-shopping-basket::before {
9214 content: "\f291";
9217 .fa-tape::before {
9218 content: "\f4db";
9221 .fa-bus-simple::before {
9222 content: "\f55e";
9225 .fa-bus-alt::before {
9226 content: "\f55e";
9229 .fa-eye::before {
9230 content: "\f06e";
9233 .fa-face-sad-cry::before {
9234 content: "\f5b3";
9237 .fa-sad-cry::before {
9238 content: "\f5b3";
9241 .fa-audio-description::before {
9242 content: "\f29e";
9245 .fa-person-military-to-person::before {
9246 content: "\e54c";
9249 .fa-file-shield::before {
9250 content: "\e4f0";
9253 .fa-user-slash::before {
9254 content: "\f506";
9257 .fa-pen::before {
9258 content: "\f304";
9261 .fa-tower-observation::before {
9262 content: "\e586";
9265 .fa-file-code::before {
9266 content: "\f1c9";
9269 .fa-signal::before {
9270 content: "\f012";
9273 .fa-signal-5::before {
9274 content: "\f012";
9277 .fa-signal-perfect::before {
9278 content: "\f012";
9281 .fa-bus::before {
9282 content: "\f207";
9285 .fa-heart-circle-xmark::before {
9286 content: "\e501";
9289 .fa-house-chimney::before {
9290 content: "\e3af";
9293 .fa-home-lg::before {
9294 content: "\e3af";
9297 .fa-window-maximize::before {
9298 content: "\f2d0";
9301 .fa-face-frown::before {
9302 content: "\f119";
9305 .fa-frown::before {
9306 content: "\f119";
9309 .fa-prescription::before {
9310 content: "\f5b1";
9313 .fa-shop::before {
9314 content: "\f54f";
9317 .fa-store-alt::before {
9318 content: "\f54f";
9321 .fa-floppy-disk::before {
9322 content: "\f0c7";
9325 .fa-save::before {
9326 content: "\f0c7";
9329 .fa-vihara::before {
9330 content: "\f6a7";
9333 .fa-scale-unbalanced::before {
9334 content: "\f515";
9337 .fa-balance-scale-left::before {
9338 content: "\f515";
9341 .fa-sort-up::before {
9342 content: "\f0de";
9345 .fa-sort-asc::before {
9346 content: "\f0de";
9349 .fa-comment-dots::before {
9350 content: "\f4ad";
9353 .fa-commenting::before {
9354 content: "\f4ad";
9357 .fa-plant-wilt::before {
9358 content: "\e5aa";
9361 .fa-diamond::before {
9362 content: "\f219";
9365 .fa-face-grin-squint::before {
9366 content: "\f585";
9369 .fa-grin-squint::before {
9370 content: "\f585";
9373 .fa-hand-holding-dollar::before {
9374 content: "\f4c0";
9377 .fa-hand-holding-usd::before {
9378 content: "\f4c0";
9381 .fa-bacterium::before {
9382 content: "\e05a";
9385 .fa-hand-pointer::before {
9386 content: "\f25a";
9389 .fa-drum-steelpan::before {
9390 content: "\f56a";
9393 .fa-hand-scissors::before {
9394 content: "\f257";
9397 .fa-hands-praying::before {
9398 content: "\f684";
9401 .fa-praying-hands::before {
9402 content: "\f684";
9405 .fa-arrow-rotate-right::before {
9406 content: "\f01e";
9409 .fa-arrow-right-rotate::before {
9410 content: "\f01e";
9413 .fa-arrow-rotate-forward::before {
9414 content: "\f01e";
9417 .fa-redo::before {
9418 content: "\f01e";
9421 .fa-biohazard::before {
9422 content: "\f780";
9425 .fa-location-crosshairs::before {
9426 content: "\f601";
9429 .fa-location::before {
9430 content: "\f601";
9433 .fa-mars-double::before {
9434 content: "\f227";
9437 .fa-child-dress::before {
9438 content: "\e59c";
9441 .fa-users-between-lines::before {
9442 content: "\e591";
9445 .fa-lungs-virus::before {
9446 content: "\e067";
9449 .fa-face-grin-tears::before {
9450 content: "\f588";
9453 .fa-grin-tears::before {
9454 content: "\f588";
9457 .fa-phone::before {
9458 content: "\f095";
9461 .fa-calendar-xmark::before {
9462 content: "\f273";
9465 .fa-calendar-times::before {
9466 content: "\f273";
9469 .fa-child-reaching::before {
9470 content: "\e59d";
9473 .fa-head-side-virus::before {
9474 content: "\e064";
9477 .fa-user-gear::before {
9478 content: "\f4fe";
9481 .fa-user-cog::before {
9482 content: "\f4fe";
9485 .fa-arrow-up-1-9::before {
9486 content: "\f163";
9489 .fa-sort-numeric-up::before {
9490 content: "\f163";
9493 .fa-door-closed::before {
9494 content: "\f52a";
9497 .fa-shield-virus::before {
9498 content: "\e06c";
9501 .fa-dice-six::before {
9502 content: "\f526";
9505 .fa-mosquito-net::before {
9506 content: "\e52c";
9509 .fa-bridge-water::before {
9510 content: "\e4ce";
9513 .fa-person-booth::before {
9514 content: "\f756";
9517 .fa-text-width::before {
9518 content: "\f035";
9521 .fa-hat-wizard::before {
9522 content: "\f6e8";
9525 .fa-pen-fancy::before {
9526 content: "\f5ac";
9529 .fa-person-digging::before {
9530 content: "\f85e";
9533 .fa-digging::before {
9534 content: "\f85e";
9537 .fa-trash::before {
9538 content: "\f1f8";
9541 .fa-gauge-simple::before {
9542 content: "\f629";
9545 .fa-gauge-simple-med::before {
9546 content: "\f629";
9549 .fa-tachometer-average::before {
9550 content: "\f629";
9553 .fa-book-medical::before {
9554 content: "\f7e6";
9557 .fa-poo::before {
9558 content: "\f2fe";
9561 .fa-quote-right::before {
9562 content: "\f10e";
9565 .fa-quote-right-alt::before {
9566 content: "\f10e";
9569 .fa-shirt::before {
9570 content: "\f553";
9573 .fa-t-shirt::before {
9574 content: "\f553";
9577 .fa-tshirt::before {
9578 content: "\f553";
9581 .fa-cubes::before {
9582 content: "\f1b3";
9585 .fa-divide::before {
9586 content: "\f529";
9589 .fa-tenge-sign::before {
9590 content: "\f7d7";
9593 .fa-tenge::before {
9594 content: "\f7d7";
9597 .fa-headphones::before {
9598 content: "\f025";
9601 .fa-hands-holding::before {
9602 content: "\f4c2";
9605 .fa-hands-clapping::before {
9606 content: "\e1a8";
9609 .fa-republican::before {
9610 content: "\f75e";
9613 .fa-arrow-left::before {
9614 content: "\f060";
9617 .fa-person-circle-xmark::before {
9618 content: "\e543";
9621 .fa-ruler::before {
9622 content: "\f545";
9625 .fa-align-left::before {
9626 content: "\f036";
9629 .fa-dice-d6::before {
9630 content: "\f6d1";
9633 .fa-restroom::before {
9634 content: "\f7bd";
9637 .fa-j::before {
9638 content: "J";
9641 .fa-users-viewfinder::before {
9642 content: "\e595";
9645 .fa-file-video::before {
9646 content: "\f1c8";
9649 .fa-up-right-from-square::before {
9650 content: "\f35d";
9653 .fa-external-link-alt::before {
9654 content: "\f35d";
9657 .fa-table-cells::before {
9658 content: "\f00a";
9661 .fa-th::before {
9662 content: "\f00a";
9665 .fa-file-pdf::before {
9666 content: "\f1c1";
9669 .fa-book-bible::before {
9670 content: "\f647";
9673 .fa-bible::before {
9674 content: "\f647";
9677 .fa-o::before {
9678 content: "O";
9681 .fa-suitcase-medical::before {
9682 content: "\f0fa";
9685 .fa-medkit::before {
9686 content: "\f0fa";
9689 .fa-user-secret::before {
9690 content: "\f21b";
9693 .fa-otter::before {
9694 content: "\f700";
9697 .fa-person-dress::before {
9698 content: "\f182";
9701 .fa-female::before {
9702 content: "\f182";
9705 .fa-comment-dollar::before {
9706 content: "\f651";
9709 .fa-business-time::before {
9710 content: "\f64a";
9713 .fa-briefcase-clock::before {
9714 content: "\f64a";
9717 .fa-table-cells-large::before {
9718 content: "\f009";
9721 .fa-th-large::before {
9722 content: "\f009";
9725 .fa-book-tanakh::before {
9726 content: "\f827";
9729 .fa-tanakh::before {
9730 content: "\f827";
9733 .fa-phone-volume::before {
9734 content: "\f2a0";
9737 .fa-volume-control-phone::before {
9738 content: "\f2a0";
9741 .fa-hat-cowboy-side::before {
9742 content: "\f8c1";
9745 .fa-clipboard-user::before {
9746 content: "\f7f3";
9749 .fa-child::before {
9750 content: "\f1ae";
9753 .fa-lira-sign::before {
9754 content: "\f195";
9757 .fa-satellite::before {
9758 content: "\f7bf";
9761 .fa-plane-lock::before {
9762 content: "\e558";
9765 .fa-tag::before {
9766 content: "\f02b";
9769 .fa-comment::before {
9770 content: "\f075";
9773 .fa-cake-candles::before {
9774 content: "\f1fd";
9777 .fa-birthday-cake::before {
9778 content: "\f1fd";
9781 .fa-cake::before {
9782 content: "\f1fd";
9785 .fa-envelope::before {
9786 content: "\f0e0";
9789 .fa-angles-up::before {
9790 content: "\f102";
9793 .fa-angle-double-up::before {
9794 content: "\f102";
9797 .fa-paperclip::before {
9798 content: "\f0c6";
9801 .fa-arrow-right-to-city::before {
9802 content: "\e4b3";
9805 .fa-ribbon::before {
9806 content: "\f4d6";
9809 .fa-lungs::before {
9810 content: "\f604";
9813 .fa-arrow-up-9-1::before {
9814 content: "\f887";
9817 .fa-sort-numeric-up-alt::before {
9818 content: "\f887";
9821 .fa-litecoin-sign::before {
9822 content: "\e1d3";
9825 .fa-border-none::before {
9826 content: "\f850";
9829 .fa-circle-nodes::before {
9830 content: "\e4e2";
9833 .fa-parachute-box::before {
9834 content: "\f4cd";
9837 .fa-indent::before {
9838 content: "\f03c";
9841 .fa-truck-field-un::before {
9842 content: "\e58e";
9845 .fa-hourglass::before {
9846 content: "\f254";
9849 .fa-hourglass-empty::before {
9850 content: "\f254";
9853 .fa-mountain::before {
9854 content: "\f6fc";
9857 .fa-user-doctor::before {
9858 content: "\f0f0";
9861 .fa-user-md::before {
9862 content: "\f0f0";
9865 .fa-circle-info::before {
9866 content: "\f05a";
9869 .fa-info-circle::before {
9870 content: "\f05a";
9873 .fa-cloud-meatball::before {
9874 content: "\f73b";
9877 .fa-camera::before {
9878 content: "\f030";
9881 .fa-camera-alt::before {
9882 content: "\f030";
9885 .fa-square-virus::before {
9886 content: "\e578";
9889 .fa-meteor::before {
9890 content: "\f753";
9893 .fa-car-on::before {
9894 content: "\e4dd";
9897 .fa-sleigh::before {
9898 content: "\f7cc";
9901 .fa-arrow-down-1-9::before {
9902 content: "\f162";
9905 .fa-sort-numeric-asc::before {
9906 content: "\f162";
9909 .fa-sort-numeric-down::before {
9910 content: "\f162";
9913 .fa-hand-holding-droplet::before {
9914 content: "\f4c1";
9917 .fa-hand-holding-water::before {
9918 content: "\f4c1";
9921 .fa-water::before {
9922 content: "\f773";
9925 .fa-calendar-check::before {
9926 content: "\f274";
9929 .fa-braille::before {
9930 content: "\f2a1";
9933 .fa-prescription-bottle-medical::before {
9934 content: "\f486";
9937 .fa-prescription-bottle-alt::before {
9938 content: "\f486";
9941 .fa-landmark::before {
9942 content: "\f66f";
9945 .fa-truck::before {
9946 content: "\f0d1";
9949 .fa-crosshairs::before {
9950 content: "\f05b";
9953 .fa-person-cane::before {
9954 content: "\e53c";
9957 .fa-tent::before {
9958 content: "\e57d";
9961 .fa-vest-patches::before {
9962 content: "\e086";
9965 .fa-check-double::before {
9966 content: "\f560";
9969 .fa-arrow-down-a-z::before {
9970 content: "\f15d";
9973 .fa-sort-alpha-asc::before {
9974 content: "\f15d";
9977 .fa-sort-alpha-down::before {
9978 content: "\f15d";
9981 .fa-money-bill-wheat::before {
9982 content: "\e52a";
9985 .fa-cookie::before {
9986 content: "\f563";
9989 .fa-arrow-rotate-left::before {
9990 content: "\f0e2";
9993 .fa-arrow-left-rotate::before {
9994 content: "\f0e2";
9997 .fa-arrow-rotate-back::before {
9998 content: "\f0e2";
10001 .fa-arrow-rotate-backward::before {
10002 content: "\f0e2";
10005 .fa-undo::before {
10006 content: "\f0e2";
10009 .fa-hard-drive::before {
10010 content: "\f0a0";
10013 .fa-hdd::before {
10014 content: "\f0a0";
10017 .fa-face-grin-squint-tears::before {
10018 content: "\f586";
10021 .fa-grin-squint-tears::before {
10022 content: "\f586";
10025 .fa-dumbbell::before {
10026 content: "\f44b";
10029 .fa-rectangle-list::before {
10030 content: "\f022";
10033 .fa-list-alt::before {
10034 content: "\f022";
10037 .fa-tarp-droplet::before {
10038 content: "\e57c";
10041 .fa-house-medical-circle-check::before {
10042 content: "\e511";
10045 .fa-person-skiing-nordic::before {
10046 content: "\f7ca";
10049 .fa-skiing-nordic::before {
10050 content: "\f7ca";
10053 .fa-calendar-plus::before {
10054 content: "\f271";
10057 .fa-plane-arrival::before {
10058 content: "\f5af";
10061 .fa-circle-left::before {
10062 content: "\f359";
10065 .fa-arrow-alt-circle-left::before {
10066 content: "\f359";
10069 .fa-train-subway::before {
10070 content: "\f239";
10073 .fa-subway::before {
10074 content: "\f239";
10077 .fa-chart-gantt::before {
10078 content: "\e0e4";
10081 .fa-indian-rupee-sign::before {
10082 content: "\e1bc";
10085 .fa-indian-rupee::before {
10086 content: "\e1bc";
10089 .fa-inr::before {
10090 content: "\e1bc";
10093 .fa-crop-simple::before {
10094 content: "\f565";
10097 .fa-crop-alt::before {
10098 content: "\f565";
10101 .fa-money-bill-1::before {
10102 content: "\f3d1";
10105 .fa-money-bill-alt::before {
10106 content: "\f3d1";
10109 .fa-left-long::before {
10110 content: "\f30a";
10113 .fa-long-arrow-alt-left::before {
10114 content: "\f30a";
10117 .fa-dna::before {
10118 content: "\f471";
10121 .fa-virus-slash::before {
10122 content: "\e075";
10125 .fa-minus::before {
10126 content: "\f068";
10129 .fa-subtract::before {
10130 content: "\f068";
10133 .fa-chess::before {
10134 content: "\f439";
10137 .fa-arrow-left-long::before {
10138 content: "\f177";
10141 .fa-long-arrow-left::before {
10142 content: "\f177";
10145 .fa-plug-circle-check::before {
10146 content: "\e55c";
10149 .fa-street-view::before {
10150 content: "\f21d";
10153 .fa-franc-sign::before {
10154 content: "\e18f";
10157 .fa-volume-off::before {
10158 content: "\f026";
10161 .fa-hands-asl-interpreting::before {
10162 content: "\f2a3";
10165 .fa-american-sign-language-interpreting::before {
10166 content: "\f2a3";
10169 .fa-asl-interpreting::before {
10170 content: "\f2a3";
10173 .fa-hands-american-sign-language-interpreting::before {
10174 content: "\f2a3";
10177 .fa-gear::before {
10178 content: "\f013";
10181 .fa-cog::before {
10182 content: "\f013";
10185 .fa-droplet-slash::before {
10186 content: "\f5c7";
10189 .fa-tint-slash::before {
10190 content: "\f5c7";
10193 .fa-mosque::before {
10194 content: "\f678";
10197 .fa-mosquito::before {
10198 content: "\e52b";
10201 .fa-star-of-david::before {
10202 content: "\f69a";
10205 .fa-person-military-rifle::before {
10206 content: "\e54b";
10209 .fa-cart-shopping::before {
10210 content: "\f07a";
10213 .fa-shopping-cart::before {
10214 content: "\f07a";
10217 .fa-vials::before {
10218 content: "\f493";
10221 .fa-plug-circle-plus::before {
10222 content: "\e55f";
10225 .fa-place-of-worship::before {
10226 content: "\f67f";
10229 .fa-grip-vertical::before {
10230 content: "\f58e";
10233 .fa-arrow-turn-up::before {
10234 content: "\f148";
10237 .fa-level-up::before {
10238 content: "\f148";
10241 .fa-u::before {
10242 content: "U";
10245 .fa-square-root-variable::before {
10246 content: "\f698";
10249 .fa-square-root-alt::before {
10250 content: "\f698";
10253 .fa-clock::before {
10254 content: "\f017";
10257 .fa-clock-four::before {
10258 content: "\f017";
10261 .fa-backward-step::before {
10262 content: "\f048";
10265 .fa-step-backward::before {
10266 content: "\f048";
10269 .fa-pallet::before {
10270 content: "\f482";
10273 .fa-faucet::before {
10274 content: "\e005";
10277 .fa-baseball-bat-ball::before {
10278 content: "\f432";
10281 .fa-s::before {
10282 content: "S";
10285 .fa-timeline::before {
10286 content: "\e29c";
10289 .fa-keyboard::before {
10290 content: "\f11c";
10293 .fa-caret-down::before {
10294 content: "\f0d7";
10297 .fa-house-chimney-medical::before {
10298 content: "\f7f2";
10301 .fa-clinic-medical::before {
10302 content: "\f7f2";
10305 .fa-temperature-three-quarters::before {
10306 content: "\f2c8";
10309 .fa-temperature-3::before {
10310 content: "\f2c8";
10313 .fa-thermometer-3::before {
10314 content: "\f2c8";
10317 .fa-thermometer-three-quarters::before {
10318 content: "\f2c8";
10321 .fa-mobile-screen::before {
10322 content: "\f3cf";
10325 .fa-mobile-android-alt::before {
10326 content: "\f3cf";
10329 .fa-plane-up::before {
10330 content: "\e22d";
10333 .fa-piggy-bank::before {
10334 content: "\f4d3";
10337 .fa-battery-half::before {
10338 content: "\f242";
10341 .fa-battery-3::before {
10342 content: "\f242";
10345 .fa-mountain-city::before {
10346 content: "\e52e";
10349 .fa-coins::before {
10350 content: "\f51e";
10353 .fa-khanda::before {
10354 content: "\f66d";
10357 .fa-sliders::before {
10358 content: "\f1de";
10361 .fa-sliders-h::before {
10362 content: "\f1de";
10365 .fa-folder-tree::before {
10366 content: "\f802";
10369 .fa-network-wired::before {
10370 content: "\f6ff";
10373 .fa-map-pin::before {
10374 content: "\f276";
10377 .fa-hamsa::before {
10378 content: "\f665";
10381 .fa-cent-sign::before {
10382 content: "\e3f5";
10385 .fa-flask::before {
10386 content: "\f0c3";
10389 .fa-person-pregnant::before {
10390 content: "\e31e";
10393 .fa-wand-sparkles::before {
10394 content: "\f72b";
10397 .fa-ellipsis-vertical::before {
10398 content: "\f142";
10401 .fa-ellipsis-v::before {
10402 content: "\f142";
10405 .fa-ticket::before {
10406 content: "\f145";
10409 .fa-power-off::before {
10410 content: "\f011";
10413 .fa-right-long::before {
10414 content: "\f30b";
10417 .fa-long-arrow-alt-right::before {
10418 content: "\f30b";
10421 .fa-flag-usa::before {
10422 content: "\f74d";
10425 .fa-laptop-file::before {
10426 content: "\e51d";
10429 .fa-tty::before {
10430 content: "\f1e4";
10433 .fa-teletype::before {
10434 content: "\f1e4";
10437 .fa-diagram-next::before {
10438 content: "\e476";
10441 .fa-person-rifle::before {
10442 content: "\e54e";
10445 .fa-house-medical-circle-exclamation::before {
10446 content: "\e512";
10449 .fa-closed-captioning::before {
10450 content: "\f20a";
10453 .fa-person-hiking::before {
10454 content: "\f6ec";
10457 .fa-hiking::before {
10458 content: "\f6ec";
10461 .fa-venus-double::before {
10462 content: "\f226";
10465 .fa-images::before {
10466 content: "\f302";
10469 .fa-calculator::before {
10470 content: "\f1ec";
10473 .fa-people-pulling::before {
10474 content: "\e535";
10477 .fa-n::before {
10478 content: "N";
10481 .fa-cable-car::before {
10482 content: "\f7da";
10485 .fa-tram::before {
10486 content: "\f7da";
10489 .fa-cloud-rain::before {
10490 content: "\f73d";
10493 .fa-building-circle-xmark::before {
10494 content: "\e4d4";
10497 .fa-ship::before {
10498 content: "\f21a";
10501 .fa-arrows-down-to-line::before {
10502 content: "\e4b8";
10505 .fa-download::before {
10506 content: "\f019";
10509 .fa-face-grin::before {
10510 content: "\f580";
10513 .fa-grin::before {
10514 content: "\f580";
10517 .fa-delete-left::before {
10518 content: "\f55a";
10521 .fa-backspace::before {
10522 content: "\f55a";
10525 .fa-eye-dropper::before {
10526 content: "\f1fb";
10529 .fa-eye-dropper-empty::before {
10530 content: "\f1fb";
10533 .fa-eyedropper::before {
10534 content: "\f1fb";
10537 .fa-file-circle-check::before {
10538 content: "\e5a0";
10541 .fa-forward::before {
10542 content: "\f04e";
10545 .fa-mobile::before {
10546 content: "\f3ce";
10549 .fa-mobile-android::before {
10550 content: "\f3ce";
10553 .fa-mobile-phone::before {
10554 content: "\f3ce";
10557 .fa-face-meh::before {
10558 content: "\f11a";
10561 .fa-meh::before {
10562 content: "\f11a";
10565 .fa-align-center::before {
10566 content: "\f037";
10569 .fa-book-skull::before {
10570 content: "\f6b7";
10573 .fa-book-dead::before {
10574 content: "\f6b7";
10577 .fa-id-card::before {
10578 content: "\f2c2";
10581 .fa-drivers-license::before {
10582 content: "\f2c2";
10585 .fa-outdent::before {
10586 content: "\f03b";
10589 .fa-dedent::before {
10590 content: "\f03b";
10593 .fa-heart-circle-exclamation::before {
10594 content: "\e4fe";
10597 .fa-house::before {
10598 content: "\f015";
10601 .fa-home::before {
10602 content: "\f015";
10605 .fa-home-alt::before {
10606 content: "\f015";
10609 .fa-home-lg-alt::before {
10610 content: "\f015";
10613 .fa-calendar-week::before {
10614 content: "\f784";
10617 .fa-laptop-medical::before {
10618 content: "\f812";
10621 .fa-b::before {
10622 content: "B";
10625 .fa-file-medical::before {
10626 content: "\f477";
10629 .fa-dice-one::before {
10630 content: "\f525";
10633 .fa-kiwi-bird::before {
10634 content: "\f535";
10637 .fa-arrow-right-arrow-left::before {
10638 content: "\f0ec";
10641 .fa-exchange::before {
10642 content: "\f0ec";
10645 .fa-rotate-right::before {
10646 content: "\f2f9";
10649 .fa-redo-alt::before {
10650 content: "\f2f9";
10653 .fa-rotate-forward::before {
10654 content: "\f2f9";
10657 .fa-utensils::before {
10658 content: "\f2e7";
10661 .fa-cutlery::before {
10662 content: "\f2e7";
10665 .fa-arrow-up-wide-short::before {
10666 content: "\f161";
10669 .fa-sort-amount-up::before {
10670 content: "\f161";
10673 .fa-mill-sign::before {
10674 content: "\e1ed";
10677 .fa-bowl-rice::before {
10678 content: "\e2eb";
10681 .fa-skull::before {
10682 content: "\f54c";
10685 .fa-tower-broadcast::before {
10686 content: "\f519";
10689 .fa-broadcast-tower::before {
10690 content: "\f519";
10693 .fa-truck-pickup::before {
10694 content: "\f63c";
10697 .fa-up-long::before {
10698 content: "\f30c";
10701 .fa-long-arrow-alt-up::before {
10702 content: "\f30c";
10705 .fa-stop::before {
10706 content: "\f04d";
10709 .fa-code-merge::before {
10710 content: "\f387";
10713 .fa-upload::before {
10714 content: "\f093";
10717 .fa-hurricane::before {
10718 content: "\f751";
10721 .fa-mound::before {
10722 content: "\e52d";
10725 .fa-toilet-portable::before {
10726 content: "\e583";
10729 .fa-compact-disc::before {
10730 content: "\f51f";
10733 .fa-file-arrow-down::before {
10734 content: "\f56d";
10737 .fa-file-download::before {
10738 content: "\f56d";
10741 .fa-caravan::before {
10742 content: "\f8ff";
10745 .fa-shield-cat::before {
10746 content: "\e572";
10749 .fa-bolt::before {
10750 content: "\f0e7";
10753 .fa-zap::before {
10754 content: "\f0e7";
10757 .fa-glass-water::before {
10758 content: "\e4f4";
10761 .fa-oil-well::before {
10762 content: "\e532";
10765 .fa-vault::before {
10766 content: "\e2c5";
10769 .fa-mars::before {
10770 content: "\f222";
10773 .fa-toilet::before {
10774 content: "\f7d8";
10777 .fa-plane-circle-xmark::before {
10778 content: "\e557";
10781 .fa-yen-sign::before {
10782 content: "\f157";
10785 .fa-cny::before {
10786 content: "\f157";
10789 .fa-jpy::before {
10790 content: "\f157";
10793 .fa-rmb::before {
10794 content: "\f157";
10797 .fa-yen::before {
10798 content: "\f157";
10801 .fa-ruble-sign::before {
10802 content: "\f158";
10805 .fa-rouble::before {
10806 content: "\f158";
10809 .fa-rub::before {
10810 content: "\f158";
10813 .fa-ruble::before {
10814 content: "\f158";
10817 .fa-sun::before {
10818 content: "\f185";
10821 .fa-guitar::before {
10822 content: "\f7a6";
10825 .fa-face-laugh-wink::before {
10826 content: "\f59c";
10829 .fa-laugh-wink::before {
10830 content: "\f59c";
10833 .fa-horse-head::before {
10834 content: "\f7ab";
10837 .fa-bore-hole::before {
10838 content: "\e4c3";
10841 .fa-industry::before {
10842 content: "\f275";
10845 .fa-circle-down::before {
10846 content: "\f358";
10849 .fa-arrow-alt-circle-down::before {
10850 content: "\f358";
10853 .fa-arrows-turn-to-dots::before {
10854 content: "\e4c1";
10857 .fa-florin-sign::before {
10858 content: "\e184";
10861 .fa-arrow-down-short-wide::before {
10862 content: "\f884";
10865 .fa-sort-amount-desc::before {
10866 content: "\f884";
10869 .fa-sort-amount-down-alt::before {
10870 content: "\f884";
10873 .fa-less-than::before {
10874 content: "\<";
10877 .fa-angle-down::before {
10878 content: "\f107";
10881 .fa-car-tunnel::before {
10882 content: "\e4de";
10885 .fa-head-side-cough::before {
10886 content: "\e061";
10889 .fa-grip-lines::before {
10890 content: "\f7a4";
10893 .fa-thumbs-down::before {
10894 content: "\f165";
10897 .fa-user-lock::before {
10898 content: "\f502";
10901 .fa-arrow-right-long::before {
10902 content: "\f178";
10905 .fa-long-arrow-right::before {
10906 content: "\f178";
10909 .fa-anchor-circle-xmark::before {
10910 content: "\e4ac";
10913 .fa-ellipsis::before {
10914 content: "\f141";
10917 .fa-ellipsis-h::before {
10918 content: "\f141";
10921 .fa-chess-pawn::before {
10922 content: "\f443";
10925 .fa-kit-medical::before {
10926 content: "\f479";
10929 .fa-first-aid::before {
10930 content: "\f479";
10933 .fa-person-through-window::before {
10934 content: "\e5a9";
10937 .fa-toolbox::before {
10938 content: "\f552";
10941 .fa-hands-holding-circle::before {
10942 content: "\e4fb";
10945 .fa-bug::before {
10946 content: "\f188";
10949 .fa-credit-card::before {
10950 content: "\f09d";
10953 .fa-credit-card-alt::before {
10954 content: "\f09d";
10957 .fa-car::before {
10958 content: "\f1b9";
10961 .fa-automobile::before {
10962 content: "\f1b9";
10965 .fa-hand-holding-hand::before {
10966 content: "\e4f7";
10969 .fa-book-open-reader::before {
10970 content: "\f5da";
10973 .fa-book-reader::before {
10974 content: "\f5da";
10977 .fa-mountain-sun::before {
10978 content: "\e52f";
10981 .fa-arrows-left-right-to-line::before {
10982 content: "\e4ba";
10985 .fa-dice-d20::before {
10986 content: "\f6cf";
10989 .fa-truck-droplet::before {
10990 content: "\e58c";
10993 .fa-file-circle-xmark::before {
10994 content: "\e5a1";
10997 .fa-temperature-arrow-up::before {
10998 content: "\e040";
11001 .fa-temperature-up::before {
11002 content: "\e040";
11005 .fa-medal::before {
11006 content: "\f5a2";
11009 .fa-bed::before {
11010 content: "\f236";
11013 .fa-square-h::before {
11014 content: "\f0fd";
11017 .fa-h-square::before {
11018 content: "\f0fd";
11021 .fa-podcast::before {
11022 content: "\f2ce";
11025 .fa-temperature-full::before {
11026 content: "\f2c7";
11029 .fa-temperature-4::before {
11030 content: "\f2c7";
11033 .fa-thermometer-4::before {
11034 content: "\f2c7";
11037 .fa-thermometer-full::before {
11038 content: "\f2c7";
11041 .fa-bell::before {
11042 content: "\f0f3";
11045 .fa-superscript::before {
11046 content: "\f12b";
11049 .fa-plug-circle-xmark::before {
11050 content: "\e560";
11053 .fa-star-of-life::before {
11054 content: "\f621";
11057 .fa-phone-slash::before {
11058 content: "\f3dd";
11061 .fa-paint-roller::before {
11062 content: "\f5aa";
11065 .fa-handshake-angle::before {
11066 content: "\f4c4";
11069 .fa-hands-helping::before {
11070 content: "\f4c4";
11073 .fa-location-dot::before {
11074 content: "\f3c5";
11077 .fa-map-marker-alt::before {
11078 content: "\f3c5";
11081 .fa-file::before {
11082 content: "\f15b";
11085 .fa-greater-than::before {
11086 content: "\>";
11089 .fa-person-swimming::before {
11090 content: "\f5c4";
11093 .fa-swimmer::before {
11094 content: "\f5c4";
11097 .fa-arrow-down::before {
11098 content: "\f063";
11101 .fa-droplet::before {
11102 content: "\f043";
11105 .fa-tint::before {
11106 content: "\f043";
11109 .fa-eraser::before {
11110 content: "\f12d";
11113 .fa-earth-americas::before {
11114 content: "\f57d";
11117 .fa-earth::before {
11118 content: "\f57d";
11121 .fa-earth-america::before {
11122 content: "\f57d";
11125 .fa-globe-americas::before {
11126 content: "\f57d";
11129 .fa-person-burst::before {
11130 content: "\e53b";
11133 .fa-dove::before {
11134 content: "\f4ba";
11137 .fa-battery-empty::before {
11138 content: "\f244";
11141 .fa-battery-0::before {
11142 content: "\f244";
11145 .fa-socks::before {
11146 content: "\f696";
11149 .fa-inbox::before {
11150 content: "\f01c";
11153 .fa-section::before {
11154 content: "\e447";
11157 .fa-gauge-high::before {
11158 content: "\f625";
11161 .fa-tachometer-alt::before {
11162 content: "\f625";
11165 .fa-tachometer-alt-fast::before {
11166 content: "\f625";
11169 .fa-envelope-open-text::before {
11170 content: "\f658";
11173 .fa-hospital::before {
11174 content: "\f0f8";
11177 .fa-hospital-alt::before {
11178 content: "\f0f8";
11181 .fa-hospital-wide::before {
11182 content: "\f0f8";
11185 .fa-wine-bottle::before {
11186 content: "\f72f";
11189 .fa-chess-rook::before {
11190 content: "\f447";
11193 .fa-bars-staggered::before {
11194 content: "\f550";
11197 .fa-reorder::before {
11198 content: "\f550";
11201 .fa-stream::before {
11202 content: "\f550";
11205 .fa-dharmachakra::before {
11206 content: "\f655";
11209 .fa-hotdog::before {
11210 content: "\f80f";
11213 .fa-person-walking-with-cane::before {
11214 content: "\f29d";
11217 .fa-blind::before {
11218 content: "\f29d";
11221 .fa-drum::before {
11222 content: "\f569";
11225 .fa-ice-cream::before {
11226 content: "\f810";
11229 .fa-heart-circle-bolt::before {
11230 content: "\e4fc";
11233 .fa-fax::before {
11234 content: "\f1ac";
11237 .fa-paragraph::before {
11238 content: "\f1dd";
11241 .fa-check-to-slot::before {
11242 content: "\f772";
11245 .fa-vote-yea::before {
11246 content: "\f772";
11249 .fa-star-half::before {
11250 content: "\f089";
11253 .fa-boxes-stacked::before {
11254 content: "\f468";
11257 .fa-boxes::before {
11258 content: "\f468";
11261 .fa-boxes-alt::before {
11262 content: "\f468";
11265 .fa-link::before {
11266 content: "\f0c1";
11269 .fa-chain::before {
11270 content: "\f0c1";
11273 .fa-ear-listen::before {
11274 content: "\f2a2";
11277 .fa-assistive-listening-systems::before {
11278 content: "\f2a2";
11281 .fa-tree-city::before {
11282 content: "\e587";
11285 .fa-play::before {
11286 content: "\f04b";
11289 .fa-font::before {
11290 content: "\f031";
11293 .fa-rupiah-sign::before {
11294 content: "\e23d";
11297 .fa-magnifying-glass::before {
11298 content: "\f002";
11301 .fa-search::before {
11302 content: "\f002";
11305 .fa-table-tennis-paddle-ball::before {
11306 content: "\f45d";
11309 .fa-ping-pong-paddle-ball::before {
11310 content: "\f45d";
11313 .fa-table-tennis::before {
11314 content: "\f45d";
11317 .fa-person-dots-from-line::before {
11318 content: "\f470";
11321 .fa-diagnoses::before {
11322 content: "\f470";
11325 .fa-trash-can-arrow-up::before {
11326 content: "\f82a";
11329 .fa-trash-restore-alt::before {
11330 content: "\f82a";
11333 .fa-naira-sign::before {
11334 content: "\e1f6";
11337 .fa-cart-arrow-down::before {
11338 content: "\f218";
11341 .fa-walkie-talkie::before {
11342 content: "\f8ef";
11345 .fa-file-pen::before {
11346 content: "\f31c";
11349 .fa-file-edit::before {
11350 content: "\f31c";
11353 .fa-receipt::before {
11354 content: "\f543";
11357 .fa-square-pen::before {
11358 content: "\f14b";
11361 .fa-pen-square::before {
11362 content: "\f14b";
11365 .fa-pencil-square::before {
11366 content: "\f14b";
11369 .fa-suitcase-rolling::before {
11370 content: "\f5c1";
11373 .fa-person-circle-exclamation::before {
11374 content: "\e53f";
11377 .fa-chevron-down::before {
11378 content: "\f078";
11381 .fa-battery-full::before {
11382 content: "\f240";
11385 .fa-battery::before {
11386 content: "\f240";
11389 .fa-battery-5::before {
11390 content: "\f240";
11393 .fa-skull-crossbones::before {
11394 content: "\f714";
11397 .fa-code-compare::before {
11398 content: "\e13a";
11401 .fa-list-ul::before {
11402 content: "\f0ca";
11405 .fa-list-dots::before {
11406 content: "\f0ca";
11409 .fa-school-lock::before {
11410 content: "\e56f";
11413 .fa-tower-cell::before {
11414 content: "\e585";
11417 .fa-down-long::before {
11418 content: "\f309";
11421 .fa-long-arrow-alt-down::before {
11422 content: "\f309";
11425 .fa-ranking-star::before {
11426 content: "\e561";
11429 .fa-chess-king::before {
11430 content: "\f43f";
11433 .fa-person-harassing::before {
11434 content: "\e549";
11437 .fa-brazilian-real-sign::before {
11438 content: "\e46c";
11441 .fa-landmark-dome::before {
11442 content: "\f752";
11445 .fa-landmark-alt::before {
11446 content: "\f752";
11449 .fa-arrow-up::before {
11450 content: "\f062";
11453 .fa-tv::before {
11454 content: "\f26c";
11457 .fa-television::before {
11458 content: "\f26c";
11461 .fa-tv-alt::before {
11462 content: "\f26c";
11465 .fa-shrimp::before {
11466 content: "\e448";
11469 .fa-list-check::before {
11470 content: "\f0ae";
11473 .fa-tasks::before {
11474 content: "\f0ae";
11477 .fa-jug-detergent::before {
11478 content: "\e519";
11481 .fa-circle-user::before {
11482 content: "\f2bd";
11485 .fa-user-circle::before {
11486 content: "\f2bd";
11489 .fa-user-shield::before {
11490 content: "\f505";
11493 .fa-wind::before {
11494 content: "\f72e";
11497 .fa-car-burst::before {
11498 content: "\f5e1";
11501 .fa-car-crash::before {
11502 content: "\f5e1";
11505 .fa-y::before {
11506 content: "Y";
11509 .fa-person-snowboarding::before {
11510 content: "\f7ce";
11513 .fa-snowboarding::before {
11514 content: "\f7ce";
11517 .fa-truck-fast::before {
11518 content: "\f48b";
11521 .fa-shipping-fast::before {
11522 content: "\f48b";
11525 .fa-fish::before {
11526 content: "\f578";
11529 .fa-user-graduate::before {
11530 content: "\f501";
11533 .fa-circle-half-stroke::before {
11534 content: "\f042";
11537 .fa-adjust::before {
11538 content: "\f042";
11541 .fa-clapperboard::before {
11542 content: "\e131";
11545 .fa-circle-radiation::before {
11546 content: "\f7ba";
11549 .fa-radiation-alt::before {
11550 content: "\f7ba";
11553 .fa-baseball::before {
11554 content: "\f433";
11557 .fa-baseball-ball::before {
11558 content: "\f433";
11561 .fa-jet-fighter-up::before {
11562 content: "\e518";
11565 .fa-diagram-project::before {
11566 content: "\f542";
11569 .fa-project-diagram::before {
11570 content: "\f542";
11573 .fa-copy::before {
11574 content: "\f0c5";
11577 .fa-volume-xmark::before {
11578 content: "\f6a9";
11581 .fa-volume-mute::before {
11582 content: "\f6a9";
11585 .fa-volume-times::before {
11586 content: "\f6a9";
11589 .fa-hand-sparkles::before {
11590 content: "\e05d";
11593 .fa-grip::before {
11594 content: "\f58d";
11597 .fa-grip-horizontal::before {
11598 content: "\f58d";
11601 .fa-share-from-square::before {
11602 content: "\f14d";
11605 .fa-share-square::before {
11606 content: "\f14d";
11609 .fa-child-combatant::before {
11610 content: "\e4e0";
11613 .fa-child-rifle::before {
11614 content: "\e4e0";
11617 .fa-gun::before {
11618 content: "\e19b";
11621 .fa-square-phone::before {
11622 content: "\f098";
11625 .fa-phone-square::before {
11626 content: "\f098";
11629 .fa-plus::before {
11630 content: "\+";
11633 .fa-add::before {
11634 content: "\+";
11637 .fa-expand::before {
11638 content: "\f065";
11641 .fa-computer::before {
11642 content: "\e4e5";
11645 .fa-xmark::before {
11646 content: "\f00d";
11649 .fa-close::before {
11650 content: "\f00d";
11653 .fa-multiply::before {
11654 content: "\f00d";
11657 .fa-remove::before {
11658 content: "\f00d";
11661 .fa-times::before {
11662 content: "\f00d";
11665 .fa-arrows-up-down-left-right::before {
11666 content: "\f047";
11669 .fa-arrows::before {
11670 content: "\f047";
11673 .fa-chalkboard-user::before {
11674 content: "\f51c";
11677 .fa-chalkboard-teacher::before {
11678 content: "\f51c";
11681 .fa-peso-sign::before {
11682 content: "\e222";
11685 .fa-building-shield::before {
11686 content: "\e4d8";
11689 .fa-baby::before {
11690 content: "\f77c";
11693 .fa-users-line::before {
11694 content: "\e592";
11697 .fa-quote-left::before {
11698 content: "\f10d";
11701 .fa-quote-left-alt::before {
11702 content: "\f10d";
11705 .fa-tractor::before {
11706 content: "\f722";
11709 .fa-trash-arrow-up::before {
11710 content: "\f829";
11713 .fa-trash-restore::before {
11714 content: "\f829";
11717 .fa-arrow-down-up-lock::before {
11718 content: "\e4b0";
11721 .fa-lines-leaning::before {
11722 content: "\e51e";
11725 .fa-ruler-combined::before {
11726 content: "\f546";
11729 .fa-copyright::before {
11730 content: "\f1f9";
11733 .fa-equals::before {
11734 content: "\=";
11737 .fa-blender::before {
11738 content: "\f517";
11741 .fa-teeth::before {
11742 content: "\f62e";
11745 .fa-shekel-sign::before {
11746 content: "\f20b";
11749 .fa-ils::before {
11750 content: "\f20b";
11753 .fa-shekel::before {
11754 content: "\f20b";
11757 .fa-sheqel::before {
11758 content: "\f20b";
11761 .fa-sheqel-sign::before {
11762 content: "\f20b";
11765 .fa-map::before {
11766 content: "\f279";
11769 .fa-rocket::before {
11770 content: "\f135";
11773 .fa-photo-film::before {
11774 content: "\f87c";
11777 .fa-photo-video::before {
11778 content: "\f87c";
11781 .fa-folder-minus::before {
11782 content: "\f65d";
11785 .fa-store::before {
11786 content: "\f54e";
11789 .fa-arrow-trend-up::before {
11790 content: "\e098";
11793 .fa-plug-circle-minus::before {
11794 content: "\e55e";
11797 .fa-sign-hanging::before {
11798 content: "\f4d9";
11801 .fa-sign::before {
11802 content: "\f4d9";
11805 .fa-bezier-curve::before {
11806 content: "\f55b";
11809 .fa-bell-slash::before {
11810 content: "\f1f6";
11813 .fa-tablet::before {
11814 content: "\f3fb";
11817 .fa-tablet-android::before {
11818 content: "\f3fb";
11821 .fa-school-flag::before {
11822 content: "\e56e";
11825 .fa-fill::before {
11826 content: "\f575";
11829 .fa-angle-up::before {
11830 content: "\f106";
11833 .fa-drumstick-bite::before {
11834 content: "\f6d7";
11837 .fa-holly-berry::before {
11838 content: "\f7aa";
11841 .fa-chevron-left::before {
11842 content: "\f053";
11845 .fa-bacteria::before {
11846 content: "\e059";
11849 .fa-hand-lizard::before {
11850 content: "\f258";
11853 .fa-notdef::before {
11854 content: "\e1fe";
11857 .fa-disease::before {
11858 content: "\f7fa";
11861 .fa-briefcase-medical::before {
11862 content: "\f469";
11865 .fa-genderless::before {
11866 content: "\f22d";
11869 .fa-chevron-right::before {
11870 content: "\f054";
11873 .fa-retweet::before {
11874 content: "\f079";
11877 .fa-car-rear::before {
11878 content: "\f5de";
11881 .fa-car-alt::before {
11882 content: "\f5de";
11885 .fa-pump-soap::before {
11886 content: "\e06b";
11889 .fa-video-slash::before {
11890 content: "\f4e2";
11893 .fa-battery-quarter::before {
11894 content: "\f243";
11897 .fa-battery-2::before {
11898 content: "\f243";
11901 .fa-radio::before {
11902 content: "\f8d7";
11905 .fa-baby-carriage::before {
11906 content: "\f77d";
11909 .fa-carriage-baby::before {
11910 content: "\f77d";
11913 .fa-traffic-light::before {
11914 content: "\f637";
11917 .fa-thermometer::before {
11918 content: "\f491";
11921 .fa-vr-cardboard::before {
11922 content: "\f729";
11925 .fa-hand-middle-finger::before {
11926 content: "\f806";
11929 .fa-percent::before {
11930 content: "\%";
11933 .fa-percentage::before {
11934 content: "\%";
11937 .fa-truck-moving::before {
11938 content: "\f4df";
11941 .fa-glass-water-droplet::before {
11942 content: "\e4f5";
11945 .fa-display::before {
11946 content: "\e163";
11949 .fa-face-smile::before {
11950 content: "\f118";
11953 .fa-smile::before {
11954 content: "\f118";
11957 .fa-thumbtack::before {
11958 content: "\f08d";
11961 .fa-thumb-tack::before {
11962 content: "\f08d";
11965 .fa-trophy::before {
11966 content: "\f091";
11969 .fa-person-praying::before {
11970 content: "\f683";
11973 .fa-pray::before {
11974 content: "\f683";
11977 .fa-hammer::before {
11978 content: "\f6e3";
11981 .fa-hand-peace::before {
11982 content: "\f25b";
11985 .fa-rotate::before {
11986 content: "\f2f1";
11989 .fa-sync-alt::before {
11990 content: "\f2f1";
11993 .fa-spinner::before {
11994 content: "\f110";
11997 .fa-robot::before {
11998 content: "\f544";
12001 .fa-peace::before {
12002 content: "\f67c";
12005 .fa-gears::before {
12006 content: "\f085";
12009 .fa-cogs::before {
12010 content: "\f085";
12013 .fa-warehouse::before {
12014 content: "\f494";
12017 .fa-arrow-up-right-dots::before {
12018 content: "\e4b7";
12021 .fa-splotch::before {
12022 content: "\f5bc";
12025 .fa-face-grin-hearts::before {
12026 content: "\f584";
12029 .fa-grin-hearts::before {
12030 content: "\f584";
12033 .fa-dice-four::before {
12034 content: "\f524";
12037 .fa-sim-card::before {
12038 content: "\f7c4";
12041 .fa-transgender::before {
12042 content: "\f225";
12045 .fa-transgender-alt::before {
12046 content: "\f225";
12049 .fa-mercury::before {
12050 content: "\f223";
12053 .fa-arrow-turn-down::before {
12054 content: "\f149";
12057 .fa-level-down::before {
12058 content: "\f149";
12061 .fa-person-falling-burst::before {
12062 content: "\e547";
12065 .fa-award::before {
12066 content: "\f559";
12069 .fa-ticket-simple::before {
12070 content: "\f3ff";
12073 .fa-ticket-alt::before {
12074 content: "\f3ff";
12077 .fa-building::before {
12078 content: "\f1ad";
12081 .fa-angles-left::before {
12082 content: "\f100";
12085 .fa-angle-double-left::before {
12086 content: "\f100";
12089 .fa-qrcode::before {
12090 content: "\f029";
12093 .fa-clock-rotate-left::before {
12094 content: "\f1da";
12097 .fa-history::before {
12098 content: "\f1da";
12101 .fa-face-grin-beam-sweat::before {
12102 content: "\f583";
12105 .fa-grin-beam-sweat::before {
12106 content: "\f583";
12109 .fa-file-export::before {
12110 content: "\f56e";
12113 .fa-arrow-right-from-file::before {
12114 content: "\f56e";
12117 .fa-shield::before {
12118 content: "\f132";
12121 .fa-shield-blank::before {
12122 content: "\f132";
12125 .fa-arrow-up-short-wide::before {
12126 content: "\f885";
12129 .fa-sort-amount-up-alt::before {
12130 content: "\f885";
12133 .fa-house-medical::before {
12134 content: "\e3b2";
12137 .fa-golf-ball-tee::before {
12138 content: "\f450";
12141 .fa-golf-ball::before {
12142 content: "\f450";
12145 .fa-circle-chevron-left::before {
12146 content: "\f137";
12149 .fa-chevron-circle-left::before {
12150 content: "\f137";
12153 .fa-house-chimney-window::before {
12154 content: "\e00d";
12157 .fa-pen-nib::before {
12158 content: "\f5ad";
12161 .fa-tent-arrow-turn-left::before {
12162 content: "\e580";
12165 .fa-tents::before {
12166 content: "\e582";
12169 .fa-wand-magic::before {
12170 content: "\f0d0";
12173 .fa-magic::before {
12174 content: "\f0d0";
12177 .fa-dog::before {
12178 content: "\f6d3";
12181 .fa-carrot::before {
12182 content: "\f787";
12185 .fa-moon::before {
12186 content: "\f186";
12189 .fa-wine-glass-empty::before {
12190 content: "\f5ce";
12193 .fa-wine-glass-alt::before {
12194 content: "\f5ce";
12197 .fa-cheese::before {
12198 content: "\f7ef";
12201 .fa-yin-yang::before {
12202 content: "\f6ad";
12205 .fa-music::before {
12206 content: "\f001";
12209 .fa-code-commit::before {
12210 content: "\f386";
12213 .fa-temperature-low::before {
12214 content: "\f76b";
12217 .fa-person-biking::before {
12218 content: "\f84a";
12221 .fa-biking::before {
12222 content: "\f84a";
12225 .fa-broom::before {
12226 content: "\f51a";
12229 .fa-shield-heart::before {
12230 content: "\e574";
12233 .fa-gopuram::before {
12234 content: "\f664";
12237 .fa-earth-oceania::before {
12238 content: "\e47b";
12241 .fa-globe-oceania::before {
12242 content: "\e47b";
12245 .fa-square-xmark::before {
12246 content: "\f2d3";
12249 .fa-times-square::before {
12250 content: "\f2d3";
12253 .fa-xmark-square::before {
12254 content: "\f2d3";
12257 .fa-hashtag::before {
12258 content: "\#";
12261 .fa-up-right-and-down-left-from-center::before {
12262 content: "\f424";
12265 .fa-expand-alt::before {
12266 content: "\f424";
12269 .fa-oil-can::before {
12270 content: "\f613";
12273 .fa-t::before {
12274 content: "T";
12277 .fa-hippo::before {
12278 content: "\f6ed";
12281 .fa-chart-column::before {
12282 content: "\e0e3";
12285 .fa-infinity::before {
12286 content: "\f534";
12289 .fa-vial-circle-check::before {
12290 content: "\e596";
12293 .fa-person-arrow-down-to-line::before {
12294 content: "\e538";
12297 .fa-voicemail::before {
12298 content: "\f897";
12301 .fa-fan::before {
12302 content: "\f863";
12305 .fa-person-walking-luggage::before {
12306 content: "\e554";
12309 .fa-up-down::before {
12310 content: "\f338";
12313 .fa-arrows-alt-v::before {
12314 content: "\f338";
12317 .fa-cloud-moon-rain::before {
12318 content: "\f73c";
12321 .fa-calendar::before {
12322 content: "\f133";
12325 .fa-trailer::before {
12326 content: "\e041";
12329 .fa-bahai::before {
12330 content: "\f666";
12333 .fa-haykal::before {
12334 content: "\f666";
12337 .fa-sd-card::before {
12338 content: "\f7c2";
12341 .fa-dragon::before {
12342 content: "\f6d5";
12345 .fa-shoe-prints::before {
12346 content: "\f54b";
12349 .fa-circle-plus::before {
12350 content: "\f055";
12353 .fa-plus-circle::before {
12354 content: "\f055";
12357 .fa-face-grin-tongue-wink::before {
12358 content: "\f58b";
12361 .fa-grin-tongue-wink::before {
12362 content: "\f58b";
12365 .fa-hand-holding::before {
12366 content: "\f4bd";
12369 .fa-plug-circle-exclamation::before {
12370 content: "\e55d";
12373 .fa-link-slash::before {
12374 content: "\f127";
12377 .fa-chain-broken::before {
12378 content: "\f127";
12381 .fa-chain-slash::before {
12382 content: "\f127";
12385 .fa-unlink::before {
12386 content: "\f127";
12389 .fa-clone::before {
12390 content: "\f24d";
12393 .fa-person-walking-arrow-loop-left::before {
12394 content: "\e551";
12397 .fa-arrow-up-z-a::before {
12398 content: "\f882";
12401 .fa-sort-alpha-up-alt::before {
12402 content: "\f882";
12405 .fa-fire-flame-curved::before {
12406 content: "\f7e4";
12409 .fa-fire-alt::before {
12410 content: "\f7e4";
12413 .fa-tornado::before {
12414 content: "\f76f";
12417 .fa-file-circle-plus::before {
12418 content: "\e494";
12421 .fa-book-quran::before {
12422 content: "\f687";
12425 .fa-quran::before {
12426 content: "\f687";
12429 .fa-anchor::before {
12430 content: "\f13d";
12433 .fa-border-all::before {
12434 content: "\f84c";
12437 .fa-face-angry::before {
12438 content: "\f556";
12441 .fa-angry::before {
12442 content: "\f556";
12445 .fa-cookie-bite::before {
12446 content: "\f564";
12449 .fa-arrow-trend-down::before {
12450 content: "\e097";
12453 .fa-rss::before {
12454 content: "\f09e";
12457 .fa-feed::before {
12458 content: "\f09e";
12461 .fa-draw-polygon::before {
12462 content: "\f5ee";
12465 .fa-scale-balanced::before {
12466 content: "\f24e";
12469 .fa-balance-scale::before {
12470 content: "\f24e";
12473 .fa-gauge-simple-high::before {
12474 content: "\f62a";
12477 .fa-tachometer::before {
12478 content: "\f62a";
12481 .fa-tachometer-fast::before {
12482 content: "\f62a";
12485 .fa-shower::before {
12486 content: "\f2cc";
12489 .fa-desktop::before {
12490 content: "\f390";
12493 .fa-desktop-alt::before {
12494 content: "\f390";
12497 .fa-m::before {
12498 content: "M";
12501 .fa-table-list::before {
12502 content: "\f00b";
12505 .fa-th-list::before {
12506 content: "\f00b";
12509 .fa-comment-sms::before {
12510 content: "\f7cd";
12513 .fa-sms::before {
12514 content: "\f7cd";
12517 .fa-book::before {
12518 content: "\f02d";
12521 .fa-user-plus::before {
12522 content: "\f234";
12525 .fa-check::before {
12526 content: "\f00c";
12529 .fa-battery-three-quarters::before {
12530 content: "\f241";
12533 .fa-battery-4::before {
12534 content: "\f241";
12537 .fa-house-circle-check::before {
12538 content: "\e509";
12541 .fa-angle-left::before {
12542 content: "\f104";
12545 .fa-diagram-successor::before {
12546 content: "\e47a";
12549 .fa-truck-arrow-right::before {
12550 content: "\e58b";
12553 .fa-arrows-split-up-and-left::before {
12554 content: "\e4bc";
12557 .fa-hand-fist::before {
12558 content: "\f6de";
12561 .fa-fist-raised::before {
12562 content: "\f6de";
12565 .fa-cloud-moon::before {
12566 content: "\f6c3";
12569 .fa-briefcase::before {
12570 content: "\f0b1";
12573 .fa-person-falling::before {
12574 content: "\e546";
12577 .fa-image-portrait::before {
12578 content: "\f3e0";
12581 .fa-portrait::before {
12582 content: "\f3e0";
12585 .fa-user-tag::before {
12586 content: "\f507";
12589 .fa-rug::before {
12590 content: "\e569";
12593 .fa-earth-europe::before {
12594 content: "\f7a2";
12597 .fa-globe-europe::before {
12598 content: "\f7a2";
12601 .fa-cart-flatbed-suitcase::before {
12602 content: "\f59d";
12605 .fa-luggage-cart::before {
12606 content: "\f59d";
12609 .fa-rectangle-xmark::before {
12610 content: "\f410";
12613 .fa-rectangle-times::before {
12614 content: "\f410";
12617 .fa-times-rectangle::before {
12618 content: "\f410";
12621 .fa-window-close::before {
12622 content: "\f410";
12625 .fa-baht-sign::before {
12626 content: "\e0ac";
12629 .fa-book-open::before {
12630 content: "\f518";
12633 .fa-book-journal-whills::before {
12634 content: "\f66a";
12637 .fa-journal-whills::before {
12638 content: "\f66a";
12641 .fa-handcuffs::before {
12642 content: "\e4f8";
12645 .fa-triangle-exclamation::before {
12646 content: "\f071";
12649 .fa-exclamation-triangle::before {
12650 content: "\f071";
12653 .fa-warning::before {
12654 content: "\f071";
12657 .fa-database::before {
12658 content: "\f1c0";
12661 .fa-share::before {
12662 content: "\f064";
12665 .fa-arrow-turn-right::before {
12666 content: "\f064";
12669 .fa-mail-forward::before {
12670 content: "\f064";
12673 .fa-bottle-droplet::before {
12674 content: "\e4c4";
12677 .fa-mask-face::before {
12678 content: "\e1d7";
12681 .fa-hill-rockslide::before {
12682 content: "\e508";
12685 .fa-right-left::before {
12686 content: "\f362";
12689 .fa-exchange-alt::before {
12690 content: "\f362";
12693 .fa-paper-plane::before {
12694 content: "\f1d8";
12697 .fa-road-circle-exclamation::before {
12698 content: "\e565";
12701 .fa-dungeon::before {
12702 content: "\f6d9";
12705 .fa-align-right::before {
12706 content: "\f038";
12709 .fa-money-bill-1-wave::before {
12710 content: "\f53b";
12713 .fa-money-bill-wave-alt::before {
12714 content: "\f53b";
12717 .fa-life-ring::before {
12718 content: "\f1cd";
12721 .fa-hands::before {
12722 content: "\f2a7";
12725 .fa-sign-language::before {
12726 content: "\f2a7";
12729 .fa-signing::before {
12730 content: "\f2a7";
12733 .fa-calendar-day::before {
12734 content: "\f783";
12737 .fa-water-ladder::before {
12738 content: "\f5c5";
12741 .fa-ladder-water::before {
12742 content: "\f5c5";
12745 .fa-swimming-pool::before {
12746 content: "\f5c5";
12749 .fa-arrows-up-down::before {
12750 content: "\f07d";
12753 .fa-arrows-v::before {
12754 content: "\f07d";
12757 .fa-face-grimace::before {
12758 content: "\f57f";
12761 .fa-grimace::before {
12762 content: "\f57f";
12765 .fa-wheelchair-move::before {
12766 content: "\e2ce";
12769 .fa-wheelchair-alt::before {
12770 content: "\e2ce";
12773 .fa-turn-down::before {
12774 content: "\f3be";
12777 .fa-level-down-alt::before {
12778 content: "\f3be";
12781 .fa-person-walking-arrow-right::before {
12782 content: "\e552";
12785 .fa-square-envelope::before {
12786 content: "\f199";
12789 .fa-envelope-square::before {
12790 content: "\f199";
12793 .fa-dice::before {
12794 content: "\f522";
12797 .fa-bowling-ball::before {
12798 content: "\f436";
12801 .fa-brain::before {
12802 content: "\f5dc";
12805 .fa-bandage::before {
12806 content: "\f462";
12809 .fa-band-aid::before {
12810 content: "\f462";
12813 .fa-calendar-minus::before {
12814 content: "\f272";
12817 .fa-circle-xmark::before {
12818 content: "\f057";
12821 .fa-times-circle::before {
12822 content: "\f057";
12825 .fa-xmark-circle::before {
12826 content: "\f057";
12829 .fa-gifts::before {
12830 content: "\f79c";
12833 .fa-hotel::before {
12834 content: "\f594";
12837 .fa-earth-asia::before {
12838 content: "\f57e";
12841 .fa-globe-asia::before {
12842 content: "\f57e";
12845 .fa-id-card-clip::before {
12846 content: "\f47f";
12849 .fa-id-card-alt::before {
12850 content: "\f47f";
12853 .fa-magnifying-glass-plus::before {
12854 content: "\f00e";
12857 .fa-search-plus::before {
12858 content: "\f00e";
12861 .fa-thumbs-up::before {
12862 content: "\f164";
12865 .fa-user-clock::before {
12866 content: "\f4fd";
12869 .fa-hand-dots::before {
12870 content: "\f461";
12873 .fa-allergies::before {
12874 content: "\f461";
12877 .fa-file-invoice::before {
12878 content: "\f570";
12881 .fa-window-minimize::before {
12882 content: "\f2d1";
12885 .fa-mug-saucer::before {
12886 content: "\f0f4";
12889 .fa-coffee::before {
12890 content: "\f0f4";
12893 .fa-brush::before {
12894 content: "\f55d";
12897 .fa-mask::before {
12898 content: "\f6fa";
12901 .fa-magnifying-glass-minus::before {
12902 content: "\f010";
12905 .fa-search-minus::before {
12906 content: "\f010";
12909 .fa-ruler-vertical::before {
12910 content: "\f548";
12913 .fa-user-large::before {
12914 content: "\f406";
12917 .fa-user-alt::before {
12918 content: "\f406";
12921 .fa-train-tram::before {
12922 content: "\e5b4";
12925 .fa-user-nurse::before {
12926 content: "\f82f";
12929 .fa-syringe::before {
12930 content: "\f48e";
12933 .fa-cloud-sun::before {
12934 content: "\f6c4";
12937 .fa-stopwatch-20::before {
12938 content: "\e06f";
12941 .fa-square-full::before {
12942 content: "\f45c";
12945 .fa-magnet::before {
12946 content: "\f076";
12949 .fa-jar::before {
12950 content: "\e516";
12953 .fa-note-sticky::before {
12954 content: "\f249";
12957 .fa-sticky-note::before {
12958 content: "\f249";
12961 .fa-bug-slash::before {
12962 content: "\e490";
12965 .fa-arrow-up-from-water-pump::before {
12966 content: "\e4b6";
12969 .fa-bone::before {
12970 content: "\f5d7";
12973 .fa-user-injured::before {
12974 content: "\f728";
12977 .fa-face-sad-tear::before {
12978 content: "\f5b4";
12981 .fa-sad-tear::before {
12982 content: "\f5b4";
12985 .fa-plane::before {
12986 content: "\f072";
12989 .fa-tent-arrows-down::before {
12990 content: "\e581";
12993 .fa-exclamation::before {
12994 content: "\!";
12997 .fa-arrows-spin::before {
12998 content: "\e4bb";
13001 .fa-print::before {
13002 content: "\f02f";
13005 .fa-turkish-lira-sign::before {
13006 content: "\e2bb";
13009 .fa-try::before {
13010 content: "\e2bb";
13013 .fa-turkish-lira::before {
13014 content: "\e2bb";
13017 .fa-dollar-sign::before {
13018 content: "\$";
13021 .fa-dollar::before {
13022 content: "\$";
13025 .fa-usd::before {
13026 content: "\$";
13029 .fa-x::before {
13030 content: "X";
13033 .fa-magnifying-glass-dollar::before {
13034 content: "\f688";
13037 .fa-search-dollar::before {
13038 content: "\f688";
13041 .fa-users-gear::before {
13042 content: "\f509";
13045 .fa-users-cog::before {
13046 content: "\f509";
13049 .fa-person-military-pointing::before {
13050 content: "\e54a";
13053 .fa-building-columns::before {
13054 content: "\f19c";
13057 .fa-bank::before {
13058 content: "\f19c";
13061 .fa-institution::before {
13062 content: "\f19c";
13065 .fa-museum::before {
13066 content: "\f19c";
13069 .fa-university::before {
13070 content: "\f19c";
13073 .fa-umbrella::before {
13074 content: "\f0e9";
13077 .fa-trowel::before {
13078 content: "\e589";
13081 .fa-d::before {
13082 content: "D";
13085 .fa-stapler::before {
13086 content: "\e5af";
13089 .fa-masks-theater::before {
13090 content: "\f630";
13093 .fa-theater-masks::before {
13094 content: "\f630";
13097 .fa-kip-sign::before {
13098 content: "\e1c4";
13101 .fa-hand-point-left::before {
13102 content: "\f0a5";
13105 .fa-handshake-simple::before {
13106 content: "\f4c6";
13109 .fa-handshake-alt::before {
13110 content: "\f4c6";
13113 .fa-jet-fighter::before {
13114 content: "\f0fb";
13117 .fa-fighter-jet::before {
13118 content: "\f0fb";
13121 .fa-square-share-nodes::before {
13122 content: "\f1e1";
13125 .fa-share-alt-square::before {
13126 content: "\f1e1";
13129 .fa-barcode::before {
13130 content: "\f02a";
13133 .fa-plus-minus::before {
13134 content: "\e43c";
13137 .fa-video::before {
13138 content: "\f03d";
13141 .fa-video-camera::before {
13142 content: "\f03d";
13145 .fa-graduation-cap::before {
13146 content: "\f19d";
13149 .fa-mortar-board::before {
13150 content: "\f19d";
13153 .fa-hand-holding-medical::before {
13154 content: "\e05c";
13157 .fa-person-circle-check::before {
13158 content: "\e53e";
13161 .fa-turn-up::before {
13162 content: "\f3bf";
13165 .fa-level-up-alt::before {
13166 content: "\f3bf";
13169 .sr-only,
13170 .fa-sr-only {
13171 position: absolute;
13172 width: 1px;
13173 height: 1px;
13174 padding: 0;
13175 margin: -1px;
13176 overflow: hidden;
13177 clip: rect(0, 0, 0, 0);
13178 white-space: nowrap;
13179 border-width: 0;
13182 .sr-only-focusable:not(:focus),
13183 .fa-sr-only-focusable:not(:focus) {
13184 position: absolute;
13185 width: 1px;
13186 height: 1px;
13187 padding: 0;
13188 margin: -1px;
13189 overflow: hidden;
13190 clip: rect(0, 0, 0, 0);
13191 white-space: nowrap;
13192 border-width: 0;
13196 * Bootstrap v4.6.2 (https://getbootstrap.com/)
13197 * Copyright 2011-2022 The Bootstrap Authors
13198 * Copyright 2011-2022 Twitter, Inc.
13199 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
13201 :root {
13202 --blue: #0f6cbf;
13203 --indigo: #6610f2;
13204 --purple: #613d7c;
13205 --pink: #e83e8c;
13206 --red: #ca3120;
13207 --orange: #f0ad4e;
13208 --yellow: #ff7518;
13209 --green: #357a32;
13210 --teal: #20c997;
13211 --cyan: #008196;
13212 --white: #fff;
13213 --gray: #6a737b;
13214 --gray-dark: #343a40;
13215 --primary: #0f6cbf;
13216 --secondary: #ced4da;
13217 --success: #357a32;
13218 --info: #008196;
13219 --warning: #f0ad4e;
13220 --danger: #ca3120;
13221 --light: #f8f9fa;
13222 --dark: #343a40;
13223 --breakpoint-xs: 0;
13224 --breakpoint-sm: 576px;
13225 --breakpoint-md: 768px;
13226 --breakpoint-lg: 992px;
13227 --breakpoint-xl: 1200px;
13228 --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13229 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13233 *::before,
13234 *::after {
13235 box-sizing: border-box;
13238 html {
13239 font-family: sans-serif;
13240 line-height: 1.15;
13241 -webkit-text-size-adjust: 100%;
13242 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13245 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
13246 display: block;
13249 body {
13250 margin: 0;
13251 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13252 font-size: 0.9375rem;
13253 font-weight: 400;
13254 line-height: 1.5;
13255 color: #1d2125;
13256 text-align: left;
13257 background-color: #fff;
13259 @media (max-width: 1200px) {
13260 body {
13261 font-size: calc(0.90375rem + 0.045vw);
13265 [tabindex="-1"]:focus:not(:focus-visible) {
13266 outline: 0 !important;
13269 hr {
13270 box-sizing: content-box;
13271 height: 0;
13272 overflow: visible;
13275 h1, h2, h3, h4, h5, h6 {
13276 margin-top: 0;
13277 margin-bottom: 0.5rem;
13281 margin-top: 0;
13282 margin-bottom: 1rem;
13285 abbr[title],
13286 abbr[data-original-title] {
13287 text-decoration: underline;
13288 text-decoration: underline dotted;
13289 cursor: help;
13290 border-bottom: 0;
13291 text-decoration-skip-ink: none;
13294 address {
13295 margin-bottom: 1rem;
13296 font-style: normal;
13297 line-height: inherit;
13302 dl {
13303 margin-top: 0;
13304 margin-bottom: 1rem;
13307 ol ol,
13308 ul ul,
13309 ol ul,
13310 ul ol {
13311 margin-bottom: 0;
13314 dt {
13315 font-weight: 700;
13318 dd {
13319 margin-bottom: 0.5rem;
13320 margin-left: 0;
13323 blockquote {
13324 margin: 0 0 1rem;
13328 strong {
13329 font-weight: bolder;
13332 small {
13333 font-size: 80%;
13336 sub,
13337 sup {
13338 position: relative;
13339 font-size: 75%;
13340 line-height: 0;
13341 vertical-align: baseline;
13344 sub {
13345 bottom: -0.25em;
13348 sup {
13349 top: -0.5em;
13353 color: #0f6cbf;
13354 text-decoration: none;
13355 background-color: transparent;
13357 a:hover {
13358 color: #094478;
13359 text-decoration: underline;
13362 a:not([href]):not([class]) {
13363 color: inherit;
13364 text-decoration: none;
13366 a:not([href]):not([class]):hover {
13367 color: inherit;
13368 text-decoration: none;
13371 pre,
13372 code,
13373 kbd,
13374 samp {
13375 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13376 font-size: 1em;
13379 pre {
13380 margin-top: 0;
13381 margin-bottom: 1rem;
13382 overflow: auto;
13383 -ms-overflow-style: scrollbar;
13386 figure {
13387 margin: 0 0 1rem;
13390 img {
13391 vertical-align: middle;
13392 border-style: none;
13395 svg {
13396 overflow: hidden;
13397 vertical-align: middle;
13400 table {
13401 border-collapse: collapse;
13404 caption {
13405 padding-top: 0.75rem;
13406 padding-bottom: 0.75rem;
13407 color: #6a737b;
13408 text-align: left;
13409 caption-side: bottom;
13412 th {
13413 text-align: inherit;
13414 text-align: -webkit-match-parent;
13417 label {
13418 display: inline-block;
13419 margin-bottom: 0.5rem;
13422 button {
13423 border-radius: 0;
13426 button:focus:not(:focus-visible) {
13427 outline: 0;
13430 input,
13431 button,
13432 select,
13433 optgroup,
13434 textarea {
13435 margin: 0;
13436 font-family: inherit;
13437 font-size: inherit;
13438 line-height: inherit;
13441 button,
13442 input {
13443 overflow: visible;
13446 button,
13447 select {
13448 text-transform: none;
13451 [role=button] {
13452 cursor: pointer;
13455 select {
13456 word-wrap: normal;
13459 button,
13460 [type=button],
13461 [type=reset],
13462 [type=submit] {
13463 -webkit-appearance: button;
13466 button:not(:disabled),
13467 [type=button]:not(:disabled),
13468 [type=reset]:not(:disabled),
13469 [type=submit]:not(:disabled) {
13470 cursor: pointer;
13473 button::-moz-focus-inner,
13474 [type=button]::-moz-focus-inner,
13475 [type=reset]::-moz-focus-inner,
13476 [type=submit]::-moz-focus-inner {
13477 padding: 0;
13478 border-style: none;
13481 input[type=radio],
13482 input[type=checkbox] {
13483 box-sizing: border-box;
13484 padding: 0;
13487 textarea {
13488 overflow: auto;
13489 resize: vertical;
13492 fieldset {
13493 min-width: 0;
13494 padding: 0;
13495 margin: 0;
13496 border: 0;
13499 legend {
13500 display: block;
13501 width: 100%;
13502 max-width: 100%;
13503 padding: 0;
13504 margin-bottom: 0.5rem;
13505 font-size: 1.5rem;
13506 line-height: inherit;
13507 color: inherit;
13508 white-space: normal;
13510 @media (max-width: 1200px) {
13511 legend {
13512 font-size: calc(0.96rem + 0.72vw);
13516 progress {
13517 vertical-align: baseline;
13520 [type=number]::-webkit-inner-spin-button,
13521 [type=number]::-webkit-outer-spin-button {
13522 height: auto;
13525 [type=search] {
13526 outline-offset: -2px;
13527 -webkit-appearance: none;
13530 [type=search]::-webkit-search-decoration {
13531 -webkit-appearance: none;
13534 ::-webkit-file-upload-button {
13535 font: inherit;
13536 -webkit-appearance: button;
13539 output {
13540 display: inline-block;
13543 summary {
13544 display: list-item;
13545 cursor: pointer;
13548 template {
13549 display: none;
13552 [hidden] {
13553 display: none !important;
13556 h1, h2, h3, h4, h5, h6,
13557 .h1, .h2, .h3, .h4, .h5, .h6 {
13558 margin-bottom: 0.5rem;
13559 font-weight: 300;
13560 line-height: 1.2;
13563 h1, .h1 {
13564 font-size: 2.34375rem;
13566 @media (max-width: 1200px) {
13567 h1, .h1 {
13568 font-size: calc(1.044375rem + 1.7325vw);
13572 h2, .h2 {
13573 font-size: 1.875rem;
13575 @media (max-width: 1200px) {
13576 h2, .h2 {
13577 font-size: calc(0.9975rem + 1.17vw);
13581 h3, .h3 {
13582 font-size: 1.640625rem;
13584 @media (max-width: 1200px) {
13585 h3, .h3 {
13586 font-size: calc(0.9740625rem + 0.88875vw);
13590 h4, .h4 {
13591 font-size: 1.40625rem;
13593 @media (max-width: 1200px) {
13594 h4, .h4 {
13595 font-size: calc(0.950625rem + 0.6075vw);
13599 h5, .h5 {
13600 font-size: 1.171875rem;
13602 @media (max-width: 1200px) {
13603 h5, .h5 {
13604 font-size: calc(0.9271875rem + 0.32625vw);
13608 h6, .h6 {
13609 font-size: 0.9375rem;
13611 @media (max-width: 1200px) {
13612 h6, .h6 {
13613 font-size: calc(0.90375rem + 0.045vw);
13617 .lead {
13618 font-size: 1.171875rem;
13619 font-weight: 300;
13621 @media (max-width: 1200px) {
13622 .lead {
13623 font-size: calc(0.9271875rem + 0.32625vw);
13627 .display-1 {
13628 font-size: 6rem;
13629 font-weight: 300;
13630 line-height: 1.2;
13632 @media (max-width: 1200px) {
13633 .display-1 {
13634 font-size: calc(1.41rem + 6.12vw);
13638 .display-2 {
13639 font-size: 5.5rem;
13640 font-weight: 300;
13641 line-height: 1.2;
13643 @media (max-width: 1200px) {
13644 .display-2 {
13645 font-size: calc(1.36rem + 5.52vw);
13649 .display-3 {
13650 font-size: 4.5rem;
13651 font-weight: 300;
13652 line-height: 1.2;
13654 @media (max-width: 1200px) {
13655 .display-3 {
13656 font-size: calc(1.26rem + 4.32vw);
13660 .display-4 {
13661 font-size: 3.5rem;
13662 font-weight: 300;
13663 line-height: 1.2;
13665 @media (max-width: 1200px) {
13666 .display-4 {
13667 font-size: calc(1.16rem + 3.12vw);
13671 hr {
13672 margin-top: 1rem;
13673 margin-bottom: 1rem;
13674 border: 0;
13675 border-top: 1px solid rgba(0, 0, 0, 0.1);
13678 small,
13679 .small {
13680 font-size: 0.875em;
13681 font-weight: 400;
13684 mark,
13685 .mark {
13686 padding: 0.2em;
13687 background-color: #fcf8e3;
13690 .list-unstyled {
13691 padding-left: 0;
13692 list-style: none;
13695 .list-inline {
13696 padding-left: 0;
13697 list-style: none;
13700 .list-inline-item {
13701 display: inline-block;
13703 .list-inline-item:not(:last-child) {
13704 margin-right: 0.5rem;
13707 .initialism {
13708 font-size: 90%;
13709 text-transform: uppercase;
13712 .blockquote {
13713 margin-bottom: 1rem;
13714 font-size: 1.171875rem;
13716 @media (max-width: 1200px) {
13717 .blockquote {
13718 font-size: calc(0.9271875rem + 0.32625vw);
13722 .blockquote-footer {
13723 display: block;
13724 font-size: 0.875em;
13725 color: #6a737b;
13727 .blockquote-footer::before {
13728 content: "— ";
13731 .img-fluid {
13732 max-width: 100%;
13733 height: auto;
13736 .img-thumbnail {
13737 padding: 0.25rem;
13738 background-color: #fff;
13739 border: 1px solid #dee2e6;
13740 border-radius: 0.25rem;
13741 max-width: 100%;
13742 height: auto;
13745 .figure {
13746 display: inline-block;
13749 .figure-img {
13750 margin-bottom: 0.5rem;
13751 line-height: 1;
13754 .figure-caption {
13755 font-size: 90%;
13756 color: #6a737b;
13759 code {
13760 font-size: 87.5%;
13761 color: #e83e8c;
13762 word-wrap: break-word;
13764 a > code {
13765 color: inherit;
13768 kbd {
13769 padding: 0.2rem 0.4rem;
13770 font-size: 87.5%;
13771 color: #fff;
13772 background-color: #1d2125;
13773 border-radius: 0.2rem;
13775 kbd kbd {
13776 padding: 0;
13777 font-size: 100%;
13778 font-weight: 700;
13781 pre {
13782 display: block;
13783 font-size: 87.5%;
13784 color: #1d2125;
13786 pre code {
13787 font-size: inherit;
13788 color: inherit;
13789 word-break: normal;
13792 .pre-scrollable {
13793 max-height: 340px;
13794 overflow-y: scroll;
13797 .container,
13798 .container-fluid,
13799 .container-xl,
13800 .container-lg,
13801 .container-md,
13802 .container-sm {
13803 width: 100%;
13804 padding-right: 15px;
13805 padding-left: 15px;
13806 margin-right: auto;
13807 margin-left: auto;
13810 @media (min-width: 576px) {
13811 .container-sm, .container {
13812 max-width: 540px;
13815 @media (min-width: 768px) {
13816 .container-md, .container-sm, .container {
13817 max-width: 720px;
13820 @media (min-width: 992px) {
13821 .container-lg, .container-md, .container-sm, .container {
13822 max-width: 960px;
13825 @media (min-width: 1200px) {
13826 .container-xl, .container-lg, .container-md, .container-sm, .container {
13827 max-width: 1140px;
13830 .row {
13831 display: flex;
13832 flex-wrap: wrap;
13833 margin-right: -15px;
13834 margin-left: -15px;
13837 .no-gutters {
13838 margin-right: 0;
13839 margin-left: 0;
13841 .no-gutters > .col,
13842 .no-gutters > [class*=col-] {
13843 padding-right: 0;
13844 padding-left: 0;
13847 .col-xl,
13848 .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
13849 .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
13850 .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
13851 .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
13852 .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
13853 position: relative;
13854 width: 100%;
13855 padding-right: 15px;
13856 padding-left: 15px;
13859 .col {
13860 flex-basis: 0;
13861 flex-grow: 1;
13862 max-width: 100%;
13865 .row-cols-1 > * {
13866 flex: 0 0 100%;
13867 max-width: 100%;
13870 .row-cols-2 > * {
13871 flex: 0 0 50%;
13872 max-width: 50%;
13875 .row-cols-3 > * {
13876 flex: 0 0 33.3333333333%;
13877 max-width: 33.3333333333%;
13880 .row-cols-4 > * {
13881 flex: 0 0 25%;
13882 max-width: 25%;
13885 .row-cols-5 > * {
13886 flex: 0 0 20%;
13887 max-width: 20%;
13890 .row-cols-6 > * {
13891 flex: 0 0 16.6666666667%;
13892 max-width: 16.6666666667%;
13895 .col-auto {
13896 flex: 0 0 auto;
13897 width: auto;
13898 max-width: 100%;
13901 .col-1 {
13902 flex: 0 0 8.33333333%;
13903 max-width: 8.33333333%;
13906 .col-2 {
13907 flex: 0 0 16.66666667%;
13908 max-width: 16.66666667%;
13911 .col-3 {
13912 flex: 0 0 25%;
13913 max-width: 25%;
13916 .col-4 {
13917 flex: 0 0 33.33333333%;
13918 max-width: 33.33333333%;
13921 .col-5 {
13922 flex: 0 0 41.66666667%;
13923 max-width: 41.66666667%;
13926 .col-6 {
13927 flex: 0 0 50%;
13928 max-width: 50%;
13931 .col-7 {
13932 flex: 0 0 58.33333333%;
13933 max-width: 58.33333333%;
13936 .col-8 {
13937 flex: 0 0 66.66666667%;
13938 max-width: 66.66666667%;
13941 .col-9 {
13942 flex: 0 0 75%;
13943 max-width: 75%;
13946 .col-10 {
13947 flex: 0 0 83.33333333%;
13948 max-width: 83.33333333%;
13951 .col-11 {
13952 flex: 0 0 91.66666667%;
13953 max-width: 91.66666667%;
13956 .col-12 {
13957 flex: 0 0 100%;
13958 max-width: 100%;
13961 .order-first {
13962 order: -1;
13965 .order-last {
13966 order: 13;
13969 .order-0 {
13970 order: 0;
13973 .order-1 {
13974 order: 1;
13977 .order-2 {
13978 order: 2;
13981 .order-3 {
13982 order: 3;
13985 .order-4 {
13986 order: 4;
13989 .order-5 {
13990 order: 5;
13993 .order-6 {
13994 order: 6;
13997 .order-7 {
13998 order: 7;
14001 .order-8 {
14002 order: 8;
14005 .order-9 {
14006 order: 9;
14009 .order-10 {
14010 order: 10;
14013 .order-11 {
14014 order: 11;
14017 .order-12 {
14018 order: 12;
14021 .offset-1 {
14022 margin-left: 8.33333333%;
14025 .offset-2 {
14026 margin-left: 16.66666667%;
14029 .offset-3 {
14030 margin-left: 25%;
14033 .offset-4 {
14034 margin-left: 33.33333333%;
14037 .offset-5 {
14038 margin-left: 41.66666667%;
14041 .offset-6 {
14042 margin-left: 50%;
14045 .offset-7 {
14046 margin-left: 58.33333333%;
14049 .offset-8 {
14050 margin-left: 66.66666667%;
14053 .offset-9 {
14054 margin-left: 75%;
14057 .offset-10 {
14058 margin-left: 83.33333333%;
14061 .offset-11 {
14062 margin-left: 91.66666667%;
14065 @media (min-width: 576px) {
14066 .col-sm {
14067 flex-basis: 0;
14068 flex-grow: 1;
14069 max-width: 100%;
14071 .row-cols-sm-1 > * {
14072 flex: 0 0 100%;
14073 max-width: 100%;
14075 .row-cols-sm-2 > * {
14076 flex: 0 0 50%;
14077 max-width: 50%;
14079 .row-cols-sm-3 > * {
14080 flex: 0 0 33.3333333333%;
14081 max-width: 33.3333333333%;
14083 .row-cols-sm-4 > * {
14084 flex: 0 0 25%;
14085 max-width: 25%;
14087 .row-cols-sm-5 > * {
14088 flex: 0 0 20%;
14089 max-width: 20%;
14091 .row-cols-sm-6 > * {
14092 flex: 0 0 16.6666666667%;
14093 max-width: 16.6666666667%;
14095 .col-sm-auto {
14096 flex: 0 0 auto;
14097 width: auto;
14098 max-width: 100%;
14100 .col-sm-1 {
14101 flex: 0 0 8.33333333%;
14102 max-width: 8.33333333%;
14104 .col-sm-2 {
14105 flex: 0 0 16.66666667%;
14106 max-width: 16.66666667%;
14108 .col-sm-3 {
14109 flex: 0 0 25%;
14110 max-width: 25%;
14112 .col-sm-4 {
14113 flex: 0 0 33.33333333%;
14114 max-width: 33.33333333%;
14116 .col-sm-5 {
14117 flex: 0 0 41.66666667%;
14118 max-width: 41.66666667%;
14120 .col-sm-6 {
14121 flex: 0 0 50%;
14122 max-width: 50%;
14124 .col-sm-7 {
14125 flex: 0 0 58.33333333%;
14126 max-width: 58.33333333%;
14128 .col-sm-8 {
14129 flex: 0 0 66.66666667%;
14130 max-width: 66.66666667%;
14132 .col-sm-9 {
14133 flex: 0 0 75%;
14134 max-width: 75%;
14136 .col-sm-10 {
14137 flex: 0 0 83.33333333%;
14138 max-width: 83.33333333%;
14140 .col-sm-11 {
14141 flex: 0 0 91.66666667%;
14142 max-width: 91.66666667%;
14144 .col-sm-12 {
14145 flex: 0 0 100%;
14146 max-width: 100%;
14148 .order-sm-first {
14149 order: -1;
14151 .order-sm-last {
14152 order: 13;
14154 .order-sm-0 {
14155 order: 0;
14157 .order-sm-1 {
14158 order: 1;
14160 .order-sm-2 {
14161 order: 2;
14163 .order-sm-3 {
14164 order: 3;
14166 .order-sm-4 {
14167 order: 4;
14169 .order-sm-5 {
14170 order: 5;
14172 .order-sm-6 {
14173 order: 6;
14175 .order-sm-7 {
14176 order: 7;
14178 .order-sm-8 {
14179 order: 8;
14181 .order-sm-9 {
14182 order: 9;
14184 .order-sm-10 {
14185 order: 10;
14187 .order-sm-11 {
14188 order: 11;
14190 .order-sm-12 {
14191 order: 12;
14193 .offset-sm-0 {
14194 margin-left: 0;
14196 .offset-sm-1 {
14197 margin-left: 8.33333333%;
14199 .offset-sm-2 {
14200 margin-left: 16.66666667%;
14202 .offset-sm-3 {
14203 margin-left: 25%;
14205 .offset-sm-4 {
14206 margin-left: 33.33333333%;
14208 .offset-sm-5 {
14209 margin-left: 41.66666667%;
14211 .offset-sm-6 {
14212 margin-left: 50%;
14214 .offset-sm-7 {
14215 margin-left: 58.33333333%;
14217 .offset-sm-8 {
14218 margin-left: 66.66666667%;
14220 .offset-sm-9 {
14221 margin-left: 75%;
14223 .offset-sm-10 {
14224 margin-left: 83.33333333%;
14226 .offset-sm-11 {
14227 margin-left: 91.66666667%;
14230 @media (min-width: 768px) {
14231 .col-md {
14232 flex-basis: 0;
14233 flex-grow: 1;
14234 max-width: 100%;
14236 .row-cols-md-1 > * {
14237 flex: 0 0 100%;
14238 max-width: 100%;
14240 .row-cols-md-2 > * {
14241 flex: 0 0 50%;
14242 max-width: 50%;
14244 .row-cols-md-3 > * {
14245 flex: 0 0 33.3333333333%;
14246 max-width: 33.3333333333%;
14248 .row-cols-md-4 > * {
14249 flex: 0 0 25%;
14250 max-width: 25%;
14252 .row-cols-md-5 > * {
14253 flex: 0 0 20%;
14254 max-width: 20%;
14256 .row-cols-md-6 > * {
14257 flex: 0 0 16.6666666667%;
14258 max-width: 16.6666666667%;
14260 .col-md-auto {
14261 flex: 0 0 auto;
14262 width: auto;
14263 max-width: 100%;
14265 .col-md-1 {
14266 flex: 0 0 8.33333333%;
14267 max-width: 8.33333333%;
14269 .col-md-2 {
14270 flex: 0 0 16.66666667%;
14271 max-width: 16.66666667%;
14273 .col-md-3 {
14274 flex: 0 0 25%;
14275 max-width: 25%;
14277 .col-md-4 {
14278 flex: 0 0 33.33333333%;
14279 max-width: 33.33333333%;
14281 .col-md-5 {
14282 flex: 0 0 41.66666667%;
14283 max-width: 41.66666667%;
14285 .col-md-6 {
14286 flex: 0 0 50%;
14287 max-width: 50%;
14289 .col-md-7 {
14290 flex: 0 0 58.33333333%;
14291 max-width: 58.33333333%;
14293 .col-md-8 {
14294 flex: 0 0 66.66666667%;
14295 max-width: 66.66666667%;
14297 .col-md-9 {
14298 flex: 0 0 75%;
14299 max-width: 75%;
14301 .col-md-10 {
14302 flex: 0 0 83.33333333%;
14303 max-width: 83.33333333%;
14305 .col-md-11 {
14306 flex: 0 0 91.66666667%;
14307 max-width: 91.66666667%;
14309 .col-md-12 {
14310 flex: 0 0 100%;
14311 max-width: 100%;
14313 .order-md-first {
14314 order: -1;
14316 .order-md-last {
14317 order: 13;
14319 .order-md-0 {
14320 order: 0;
14322 .order-md-1 {
14323 order: 1;
14325 .order-md-2 {
14326 order: 2;
14328 .order-md-3 {
14329 order: 3;
14331 .order-md-4 {
14332 order: 4;
14334 .order-md-5 {
14335 order: 5;
14337 .order-md-6 {
14338 order: 6;
14340 .order-md-7 {
14341 order: 7;
14343 .order-md-8 {
14344 order: 8;
14346 .order-md-9 {
14347 order: 9;
14349 .order-md-10 {
14350 order: 10;
14352 .order-md-11 {
14353 order: 11;
14355 .order-md-12 {
14356 order: 12;
14358 .offset-md-0 {
14359 margin-left: 0;
14361 .offset-md-1 {
14362 margin-left: 8.33333333%;
14364 .offset-md-2 {
14365 margin-left: 16.66666667%;
14367 .offset-md-3 {
14368 margin-left: 25%;
14370 .offset-md-4 {
14371 margin-left: 33.33333333%;
14373 .offset-md-5 {
14374 margin-left: 41.66666667%;
14376 .offset-md-6 {
14377 margin-left: 50%;
14379 .offset-md-7 {
14380 margin-left: 58.33333333%;
14382 .offset-md-8 {
14383 margin-left: 66.66666667%;
14385 .offset-md-9 {
14386 margin-left: 75%;
14388 .offset-md-10 {
14389 margin-left: 83.33333333%;
14391 .offset-md-11 {
14392 margin-left: 91.66666667%;
14395 @media (min-width: 992px) {
14396 .col-lg {
14397 flex-basis: 0;
14398 flex-grow: 1;
14399 max-width: 100%;
14401 .row-cols-lg-1 > * {
14402 flex: 0 0 100%;
14403 max-width: 100%;
14405 .row-cols-lg-2 > * {
14406 flex: 0 0 50%;
14407 max-width: 50%;
14409 .row-cols-lg-3 > * {
14410 flex: 0 0 33.3333333333%;
14411 max-width: 33.3333333333%;
14413 .row-cols-lg-4 > * {
14414 flex: 0 0 25%;
14415 max-width: 25%;
14417 .row-cols-lg-5 > * {
14418 flex: 0 0 20%;
14419 max-width: 20%;
14421 .row-cols-lg-6 > * {
14422 flex: 0 0 16.6666666667%;
14423 max-width: 16.6666666667%;
14425 .col-lg-auto {
14426 flex: 0 0 auto;
14427 width: auto;
14428 max-width: 100%;
14430 .col-lg-1 {
14431 flex: 0 0 8.33333333%;
14432 max-width: 8.33333333%;
14434 .col-lg-2 {
14435 flex: 0 0 16.66666667%;
14436 max-width: 16.66666667%;
14438 .col-lg-3 {
14439 flex: 0 0 25%;
14440 max-width: 25%;
14442 .col-lg-4 {
14443 flex: 0 0 33.33333333%;
14444 max-width: 33.33333333%;
14446 .col-lg-5 {
14447 flex: 0 0 41.66666667%;
14448 max-width: 41.66666667%;
14450 .col-lg-6 {
14451 flex: 0 0 50%;
14452 max-width: 50%;
14454 .col-lg-7 {
14455 flex: 0 0 58.33333333%;
14456 max-width: 58.33333333%;
14458 .col-lg-8 {
14459 flex: 0 0 66.66666667%;
14460 max-width: 66.66666667%;
14462 .col-lg-9 {
14463 flex: 0 0 75%;
14464 max-width: 75%;
14466 .col-lg-10 {
14467 flex: 0 0 83.33333333%;
14468 max-width: 83.33333333%;
14470 .col-lg-11 {
14471 flex: 0 0 91.66666667%;
14472 max-width: 91.66666667%;
14474 .col-lg-12 {
14475 flex: 0 0 100%;
14476 max-width: 100%;
14478 .order-lg-first {
14479 order: -1;
14481 .order-lg-last {
14482 order: 13;
14484 .order-lg-0 {
14485 order: 0;
14487 .order-lg-1 {
14488 order: 1;
14490 .order-lg-2 {
14491 order: 2;
14493 .order-lg-3 {
14494 order: 3;
14496 .order-lg-4 {
14497 order: 4;
14499 .order-lg-5 {
14500 order: 5;
14502 .order-lg-6 {
14503 order: 6;
14505 .order-lg-7 {
14506 order: 7;
14508 .order-lg-8 {
14509 order: 8;
14511 .order-lg-9 {
14512 order: 9;
14514 .order-lg-10 {
14515 order: 10;
14517 .order-lg-11 {
14518 order: 11;
14520 .order-lg-12 {
14521 order: 12;
14523 .offset-lg-0 {
14524 margin-left: 0;
14526 .offset-lg-1 {
14527 margin-left: 8.33333333%;
14529 .offset-lg-2 {
14530 margin-left: 16.66666667%;
14532 .offset-lg-3 {
14533 margin-left: 25%;
14535 .offset-lg-4 {
14536 margin-left: 33.33333333%;
14538 .offset-lg-5 {
14539 margin-left: 41.66666667%;
14541 .offset-lg-6 {
14542 margin-left: 50%;
14544 .offset-lg-7 {
14545 margin-left: 58.33333333%;
14547 .offset-lg-8 {
14548 margin-left: 66.66666667%;
14550 .offset-lg-9 {
14551 margin-left: 75%;
14553 .offset-lg-10 {
14554 margin-left: 83.33333333%;
14556 .offset-lg-11 {
14557 margin-left: 91.66666667%;
14560 @media (min-width: 1200px) {
14561 .col-xl {
14562 flex-basis: 0;
14563 flex-grow: 1;
14564 max-width: 100%;
14566 .row-cols-xl-1 > * {
14567 flex: 0 0 100%;
14568 max-width: 100%;
14570 .row-cols-xl-2 > * {
14571 flex: 0 0 50%;
14572 max-width: 50%;
14574 .row-cols-xl-3 > * {
14575 flex: 0 0 33.3333333333%;
14576 max-width: 33.3333333333%;
14578 .row-cols-xl-4 > * {
14579 flex: 0 0 25%;
14580 max-width: 25%;
14582 .row-cols-xl-5 > * {
14583 flex: 0 0 20%;
14584 max-width: 20%;
14586 .row-cols-xl-6 > * {
14587 flex: 0 0 16.6666666667%;
14588 max-width: 16.6666666667%;
14590 .col-xl-auto {
14591 flex: 0 0 auto;
14592 width: auto;
14593 max-width: 100%;
14595 .col-xl-1 {
14596 flex: 0 0 8.33333333%;
14597 max-width: 8.33333333%;
14599 .col-xl-2 {
14600 flex: 0 0 16.66666667%;
14601 max-width: 16.66666667%;
14603 .col-xl-3 {
14604 flex: 0 0 25%;
14605 max-width: 25%;
14607 .col-xl-4 {
14608 flex: 0 0 33.33333333%;
14609 max-width: 33.33333333%;
14611 .col-xl-5 {
14612 flex: 0 0 41.66666667%;
14613 max-width: 41.66666667%;
14615 .col-xl-6 {
14616 flex: 0 0 50%;
14617 max-width: 50%;
14619 .col-xl-7 {
14620 flex: 0 0 58.33333333%;
14621 max-width: 58.33333333%;
14623 .col-xl-8 {
14624 flex: 0 0 66.66666667%;
14625 max-width: 66.66666667%;
14627 .col-xl-9 {
14628 flex: 0 0 75%;
14629 max-width: 75%;
14631 .col-xl-10 {
14632 flex: 0 0 83.33333333%;
14633 max-width: 83.33333333%;
14635 .col-xl-11 {
14636 flex: 0 0 91.66666667%;
14637 max-width: 91.66666667%;
14639 .col-xl-12 {
14640 flex: 0 0 100%;
14641 max-width: 100%;
14643 .order-xl-first {
14644 order: -1;
14646 .order-xl-last {
14647 order: 13;
14649 .order-xl-0 {
14650 order: 0;
14652 .order-xl-1 {
14653 order: 1;
14655 .order-xl-2 {
14656 order: 2;
14658 .order-xl-3 {
14659 order: 3;
14661 .order-xl-4 {
14662 order: 4;
14664 .order-xl-5 {
14665 order: 5;
14667 .order-xl-6 {
14668 order: 6;
14670 .order-xl-7 {
14671 order: 7;
14673 .order-xl-8 {
14674 order: 8;
14676 .order-xl-9 {
14677 order: 9;
14679 .order-xl-10 {
14680 order: 10;
14682 .order-xl-11 {
14683 order: 11;
14685 .order-xl-12 {
14686 order: 12;
14688 .offset-xl-0 {
14689 margin-left: 0;
14691 .offset-xl-1 {
14692 margin-left: 8.33333333%;
14694 .offset-xl-2 {
14695 margin-left: 16.66666667%;
14697 .offset-xl-3 {
14698 margin-left: 25%;
14700 .offset-xl-4 {
14701 margin-left: 33.33333333%;
14703 .offset-xl-5 {
14704 margin-left: 41.66666667%;
14706 .offset-xl-6 {
14707 margin-left: 50%;
14709 .offset-xl-7 {
14710 margin-left: 58.33333333%;
14712 .offset-xl-8 {
14713 margin-left: 66.66666667%;
14715 .offset-xl-9 {
14716 margin-left: 75%;
14718 .offset-xl-10 {
14719 margin-left: 83.33333333%;
14721 .offset-xl-11 {
14722 margin-left: 91.66666667%;
14725 .table {
14726 width: 100%;
14727 margin-bottom: 1rem;
14728 color: #1d2125;
14730 .table th,
14731 .table td {
14732 padding: 0.75rem;
14733 vertical-align: top;
14734 border-top: 1px solid #dee2e6;
14736 .table thead th {
14737 vertical-align: bottom;
14738 border-bottom: 2px solid #dee2e6;
14740 .table tbody + tbody {
14741 border-top: 2px solid #dee2e6;
14744 .table-sm th,
14745 .table-sm td {
14746 padding: 0.3rem;
14749 .table-bordered {
14750 border: 1px solid #dee2e6;
14752 .table-bordered th,
14753 .table-bordered td {
14754 border: 1px solid #dee2e6;
14756 .table-bordered thead th,
14757 .table-bordered thead td {
14758 border-bottom-width: 2px;
14761 .table-borderless th,
14762 .table-borderless td,
14763 .table-borderless thead th,
14764 .table-borderless tbody + tbody {
14765 border: 0;
14768 .table-striped tbody tr:nth-of-type(odd) {
14769 background-color: rgba(0, 0, 0, 0.03);
14772 .table-hover tbody tr:hover {
14773 color: #1d2125;
14774 background-color: rgba(0, 0, 0, 0.075);
14777 .table-primary,
14778 .table-primary > th,
14779 .table-primary > td {
14780 background-color: #bcd6ed;
14782 .table-primary th,
14783 .table-primary td,
14784 .table-primary thead th,
14785 .table-primary tbody + tbody {
14786 border-color: #82b3de;
14789 .table-hover .table-primary:hover {
14790 background-color: #a8cae8;
14792 .table-hover .table-primary:hover > td,
14793 .table-hover .table-primary:hover > th {
14794 background-color: #a8cae8;
14797 .table-secondary,
14798 .table-secondary > th,
14799 .table-secondary > td {
14800 background-color: #f1f3f5;
14802 .table-secondary th,
14803 .table-secondary td,
14804 .table-secondary thead th,
14805 .table-secondary tbody + tbody {
14806 border-color: #e6e9ec;
14809 .table-hover .table-secondary:hover {
14810 background-color: #e2e6ea;
14812 .table-hover .table-secondary:hover > td,
14813 .table-hover .table-secondary:hover > th {
14814 background-color: #e2e6ea;
14817 .table-success,
14818 .table-success > th,
14819 .table-success > td {
14820 background-color: #c6dac6;
14822 .table-success th,
14823 .table-success td,
14824 .table-success thead th,
14825 .table-success tbody + tbody {
14826 border-color: #96ba94;
14829 .table-hover .table-success:hover {
14830 background-color: #b7d0b7;
14832 .table-hover .table-success:hover > td,
14833 .table-hover .table-success:hover > th {
14834 background-color: #b7d0b7;
14837 .table-info,
14838 .table-info > th,
14839 .table-info > td {
14840 background-color: #b8dce2;
14842 .table-info th,
14843 .table-info td,
14844 .table-info thead th,
14845 .table-info tbody + tbody {
14846 border-color: #7abdc8;
14849 .table-hover .table-info:hover {
14850 background-color: #a6d3db;
14852 .table-hover .table-info:hover > td,
14853 .table-hover .table-info:hover > th {
14854 background-color: #a6d3db;
14857 .table-warning,
14858 .table-warning > th,
14859 .table-warning > td {
14860 background-color: #fbe8cd;
14862 .table-warning th,
14863 .table-warning td,
14864 .table-warning thead th,
14865 .table-warning tbody + tbody {
14866 border-color: #f7d4a3;
14869 .table-hover .table-warning:hover {
14870 background-color: #f9ddb5;
14872 .table-hover .table-warning:hover > td,
14873 .table-hover .table-warning:hover > th {
14874 background-color: #f9ddb5;
14877 .table-danger,
14878 .table-danger > th,
14879 .table-danger > td {
14880 background-color: #f0c5c1;
14882 .table-danger th,
14883 .table-danger td,
14884 .table-danger thead th,
14885 .table-danger tbody + tbody {
14886 border-color: #e3948b;
14889 .table-hover .table-danger:hover {
14890 background-color: #ebb2ac;
14892 .table-hover .table-danger:hover > td,
14893 .table-hover .table-danger:hover > th {
14894 background-color: #ebb2ac;
14897 .table-light,
14898 .table-light > th,
14899 .table-light > td {
14900 background-color: #fdfdfe;
14902 .table-light th,
14903 .table-light td,
14904 .table-light thead th,
14905 .table-light tbody + tbody {
14906 border-color: #fbfcfc;
14909 .table-hover .table-light:hover {
14910 background-color: #ececf6;
14912 .table-hover .table-light:hover > td,
14913 .table-hover .table-light:hover > th {
14914 background-color: #ececf6;
14917 .table-dark,
14918 .table-dark > th,
14919 .table-dark > td {
14920 background-color: #c6c8ca;
14922 .table-dark th,
14923 .table-dark td,
14924 .table-dark thead th,
14925 .table-dark tbody + tbody {
14926 border-color: #95999c;
14929 .table-hover .table-dark:hover {
14930 background-color: #b9bbbe;
14932 .table-hover .table-dark:hover > td,
14933 .table-hover .table-dark:hover > th {
14934 background-color: #b9bbbe;
14937 .table-active,
14938 .table-active > th,
14939 .table-active > td {
14940 background-color: rgba(0, 0, 0, 0.075);
14943 .table-hover .table-active:hover {
14944 background-color: rgba(0, 0, 0, 0.075);
14946 .table-hover .table-active:hover > td,
14947 .table-hover .table-active:hover > th {
14948 background-color: rgba(0, 0, 0, 0.075);
14951 .table .thead-dark th {
14952 color: #fff;
14953 background-color: #343a40;
14954 border-color: #454d55;
14956 .table .thead-light th {
14957 color: #495057;
14958 background-color: #e9ecef;
14959 border-color: #dee2e6;
14962 .table-dark {
14963 color: #fff;
14964 background-color: #343a40;
14966 .table-dark th,
14967 .table-dark td,
14968 .table-dark thead th {
14969 border-color: #454d55;
14971 .table-dark.table-bordered {
14972 border: 0;
14974 .table-dark.table-striped tbody tr:nth-of-type(odd) {
14975 background-color: rgba(255, 255, 255, 0.05);
14977 .table-dark.table-hover tbody tr:hover {
14978 color: #fff;
14979 background-color: rgba(255, 255, 255, 0.075);
14982 @media (max-width: 575.98px) {
14983 .table-responsive-sm {
14984 display: block;
14985 width: 100%;
14986 overflow-x: auto;
14987 -webkit-overflow-scrolling: touch;
14989 .table-responsive-sm > .table-bordered {
14990 border: 0;
14993 @media (max-width: 767.98px) {
14994 .table-responsive-md {
14995 display: block;
14996 width: 100%;
14997 overflow-x: auto;
14998 -webkit-overflow-scrolling: touch;
15000 .table-responsive-md > .table-bordered {
15001 border: 0;
15004 @media (max-width: 991.98px) {
15005 .table-responsive-lg {
15006 display: block;
15007 width: 100%;
15008 overflow-x: auto;
15009 -webkit-overflow-scrolling: touch;
15011 .table-responsive-lg > .table-bordered {
15012 border: 0;
15015 @media (max-width: 1199.98px) {
15016 .table-responsive-xl {
15017 display: block;
15018 width: 100%;
15019 overflow-x: auto;
15020 -webkit-overflow-scrolling: touch;
15022 .table-responsive-xl > .table-bordered {
15023 border: 0;
15026 .table-responsive {
15027 display: block;
15028 width: 100%;
15029 overflow-x: auto;
15030 -webkit-overflow-scrolling: touch;
15032 .table-responsive > .table-bordered {
15033 border: 0;
15036 .form-control {
15037 display: block;
15038 width: 100%;
15039 height: calc(1.5em + 0.75rem + 2px);
15040 padding: 0.375rem 0.75rem;
15041 font-size: 0.9375rem;
15042 font-weight: 400;
15043 line-height: 1.5;
15044 color: #495057;
15045 background-color: #fff;
15046 background-clip: padding-box;
15047 border: 1px solid #8f959e;
15048 border-radius: 0.25rem;
15049 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15051 @media (max-width: 1200px) {
15052 .form-control {
15053 font-size: calc(0.90375rem + 0.045vw);
15056 @media (prefers-reduced-motion: reduce) {
15057 .form-control {
15058 transition: none;
15061 .form-control::-ms-expand {
15062 background-color: transparent;
15063 border: 0;
15065 .form-control:focus {
15066 color: #495057;
15067 background-color: #fff;
15068 border-color: #5babf2;
15069 outline: 0;
15070 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15072 .form-control::placeholder {
15073 color: #6a737b;
15074 opacity: 1;
15076 .form-control:disabled, .form-control[readonly] {
15077 background-color: #e9ecef;
15078 opacity: 1;
15081 input[type=date].form-control,
15082 input[type=time].form-control,
15083 input[type=datetime-local].form-control,
15084 input[type=month].form-control {
15085 appearance: none;
15088 select.form-control:-moz-focusring {
15089 color: transparent;
15090 text-shadow: 0 0 0 #495057;
15092 select.form-control:focus::-ms-value {
15093 color: #495057;
15094 background-color: #fff;
15097 .form-control-file,
15098 .form-control-range {
15099 display: block;
15100 width: 100%;
15103 .col-form-label {
15104 padding-top: calc(0.375rem + 1px);
15105 padding-bottom: calc(0.375rem + 1px);
15106 margin-bottom: 0;
15107 font-size: inherit;
15108 line-height: 1.5;
15111 .col-form-label-lg {
15112 padding-top: calc(0.5rem + 1px);
15113 padding-bottom: calc(0.5rem + 1px);
15114 font-size: 1.171875rem;
15115 line-height: 1.5;
15117 @media (max-width: 1200px) {
15118 .col-form-label-lg {
15119 font-size: calc(0.9271875rem + 0.32625vw);
15123 .col-form-label-sm {
15124 padding-top: calc(0.25rem + 1px);
15125 padding-bottom: calc(0.25rem + 1px);
15126 font-size: 0.8203125rem;
15127 line-height: 1.5;
15130 .form-control-plaintext {
15131 display: block;
15132 width: 100%;
15133 padding: 0.375rem 0;
15134 margin-bottom: 0;
15135 font-size: 0.9375rem;
15136 line-height: 1.5;
15137 color: #1d2125;
15138 background-color: transparent;
15139 border: solid transparent;
15140 border-width: 1px 0;
15142 @media (max-width: 1200px) {
15143 .form-control-plaintext {
15144 font-size: calc(0.90375rem + 0.045vw);
15147 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
15148 padding-right: 0;
15149 padding-left: 0;
15152 .form-control-sm {
15153 height: calc(1.5em + 0.5rem + 2px);
15154 padding: 0.25rem 0.5rem;
15155 font-size: 0.8203125rem;
15156 line-height: 1.5;
15157 border-radius: 0.2rem;
15160 .form-control-lg {
15161 height: calc(1.5em + 1rem + 2px);
15162 padding: 0.5rem 1rem;
15163 font-size: 1.171875rem;
15164 line-height: 1.5;
15165 border-radius: 0.3rem;
15167 @media (max-width: 1200px) {
15168 .form-control-lg {
15169 font-size: calc(0.9271875rem + 0.32625vw);
15173 select.form-control[size], select.form-control[multiple] {
15174 height: auto;
15177 textarea.form-control {
15178 height: auto;
15181 .form-group {
15182 margin-bottom: 1rem;
15185 .form-text {
15186 display: block;
15187 margin-top: 0.25rem;
15190 .form-row {
15191 display: flex;
15192 flex-wrap: wrap;
15193 margin-right: -5px;
15194 margin-left: -5px;
15196 .form-row > .col,
15197 .form-row > [class*=col-] {
15198 padding-right: 5px;
15199 padding-left: 5px;
15202 .form-check {
15203 position: relative;
15204 display: block;
15205 padding-left: 1.25rem;
15208 .form-check-input {
15209 position: absolute;
15210 margin-top: 0.3rem;
15211 margin-left: -1.25rem;
15213 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
15214 color: #6a737b;
15217 .form-check-label {
15218 margin-bottom: 0;
15221 .form-check-inline {
15222 display: inline-flex;
15223 align-items: center;
15224 padding-left: 0;
15225 margin-right: 0.75rem;
15227 .form-check-inline .form-check-input {
15228 position: static;
15229 margin-top: 0;
15230 margin-right: 0.3125rem;
15231 margin-left: 0;
15234 .valid-feedback {
15235 display: none;
15236 width: 100%;
15237 margin-top: 0.25rem;
15238 font-size: 0.875em;
15239 color: #357a32;
15242 .valid-tooltip {
15243 position: absolute;
15244 top: 100%;
15245 left: 0;
15246 z-index: 5;
15247 display: none;
15248 max-width: 100%;
15249 padding: 0.25rem 0.5rem;
15250 margin-top: 0.1rem;
15251 font-size: 0.8203125rem;
15252 line-height: 1.5;
15253 color: #fff;
15254 background-color: rgba(53, 122, 50, 0.9);
15255 border-radius: 0.25rem;
15257 .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
15258 left: 5px;
15261 .was-validated :valid ~ .valid-feedback,
15262 .was-validated :valid ~ .valid-tooltip,
15263 .is-valid ~ .valid-feedback,
15264 .is-valid ~ .valid-tooltip {
15265 display: block;
15268 .was-validated .form-control:valid, .form-control.is-valid {
15269 border-color: #357a32;
15270 padding-right: calc(1.5em + 0.75rem) !important;
15271 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
15272 background-repeat: no-repeat;
15273 background-position: right calc(0.375em + 0.1875rem) center;
15274 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15276 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
15277 border-color: #357a32;
15278 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15281 .was-validated select.form-control:valid, select.form-control.is-valid {
15282 padding-right: 3rem !important;
15283 background-position: right 1.5rem center;
15286 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
15287 padding-right: calc(1.5em + 0.75rem);
15288 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15291 .was-validated .custom-select:valid, .custom-select.is-valid {
15292 border-color: #357a32;
15293 padding-right: calc(0.75em + 2.3125rem) !important;
15294 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
15296 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
15297 border-color: #357a32;
15298 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15301 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
15302 color: #357a32;
15304 .was-validated .form-check-input:valid ~ .valid-feedback,
15305 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
15306 .form-check-input.is-valid ~ .valid-tooltip {
15307 display: block;
15310 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
15311 color: #357a32;
15313 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
15314 border-color: #357a32;
15316 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
15317 border-color: #459e41;
15318 background-color: #459e41;
15320 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
15321 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15323 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
15324 border-color: #357a32;
15327 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
15328 border-color: #357a32;
15330 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
15331 border-color: #357a32;
15332 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15335 .invalid-feedback {
15336 display: none;
15337 width: 100%;
15338 margin-top: 0.25rem;
15339 font-size: 0.875em;
15340 color: #ca3120;
15343 .invalid-tooltip {
15344 position: absolute;
15345 top: 100%;
15346 left: 0;
15347 z-index: 5;
15348 display: none;
15349 max-width: 100%;
15350 padding: 0.25rem 0.5rem;
15351 margin-top: 0.1rem;
15352 font-size: 0.8203125rem;
15353 line-height: 1.5;
15354 color: #fff;
15355 background-color: rgba(202, 49, 32, 0.9);
15356 border-radius: 0.25rem;
15358 .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
15359 left: 5px;
15362 .was-validated :invalid ~ .invalid-feedback,
15363 .was-validated :invalid ~ .invalid-tooltip,
15364 .is-invalid ~ .invalid-feedback,
15365 .is-invalid ~ .invalid-tooltip {
15366 display: block;
15369 .was-validated .form-control:invalid, .form-control.is-invalid {
15370 border-color: #ca3120;
15371 padding-right: calc(1.5em + 0.75rem) !important;
15372 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
15373 background-repeat: no-repeat;
15374 background-position: right calc(0.375em + 0.1875rem) center;
15375 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15377 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
15378 border-color: #ca3120;
15379 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15382 .was-validated select.form-control:invalid, select.form-control.is-invalid {
15383 padding-right: 3rem !important;
15384 background-position: right 1.5rem center;
15387 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
15388 padding-right: calc(1.5em + 0.75rem);
15389 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15392 .was-validated .custom-select:invalid, .custom-select.is-invalid {
15393 border-color: #ca3120;
15394 padding-right: calc(0.75em + 2.3125rem) !important;
15395 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
15397 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
15398 border-color: #ca3120;
15399 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15402 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
15403 color: #ca3120;
15405 .was-validated .form-check-input:invalid ~ .invalid-feedback,
15406 .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
15407 .form-check-input.is-invalid ~ .invalid-tooltip {
15408 display: block;
15411 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
15412 color: #ca3120;
15414 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
15415 border-color: #ca3120;
15417 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
15418 border-color: #e04d3d;
15419 background-color: #e04d3d;
15421 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
15422 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15424 .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
15425 border-color: #ca3120;
15428 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
15429 border-color: #ca3120;
15431 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
15432 border-color: #ca3120;
15433 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15436 .form-inline {
15437 display: flex;
15438 flex-flow: row wrap;
15439 align-items: center;
15441 .form-inline .form-check {
15442 width: 100%;
15444 @media (min-width: 576px) {
15445 .form-inline label {
15446 display: flex;
15447 align-items: center;
15448 justify-content: center;
15449 margin-bottom: 0;
15451 .form-inline .form-group {
15452 display: flex;
15453 flex: 0 0 auto;
15454 flex-flow: row wrap;
15455 align-items: center;
15456 margin-bottom: 0;
15458 .form-inline .form-control {
15459 display: inline-block;
15460 width: auto;
15461 vertical-align: middle;
15463 .form-inline .form-control-plaintext {
15464 display: inline-block;
15466 .form-inline .input-group,
15467 .form-inline .custom-select {
15468 width: auto;
15470 .form-inline .form-check {
15471 display: flex;
15472 align-items: center;
15473 justify-content: center;
15474 width: auto;
15475 padding-left: 0;
15477 .form-inline .form-check-input {
15478 position: relative;
15479 flex-shrink: 0;
15480 margin-top: 0;
15481 margin-right: 0.25rem;
15482 margin-left: 0;
15484 .form-inline .custom-control {
15485 align-items: center;
15486 justify-content: center;
15488 .form-inline .custom-control-label {
15489 margin-bottom: 0;
15493 .btn {
15494 display: inline-block;
15495 font-weight: 400;
15496 color: #1d2125;
15497 text-align: center;
15498 vertical-align: middle;
15499 user-select: none;
15500 background-color: transparent;
15501 border: 1px solid transparent;
15502 padding: 0.375rem 0.75rem;
15503 font-size: 0.9375rem;
15504 line-height: 1.5;
15505 border-radius: 0.25rem;
15506 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15508 @media (max-width: 1200px) {
15509 .btn {
15510 font-size: calc(0.90375rem + 0.045vw);
15513 @media (prefers-reduced-motion: reduce) {
15514 .btn {
15515 transition: none;
15518 .btn:hover {
15519 color: #1d2125;
15520 text-decoration: none;
15522 .btn:focus, .btn.focus {
15523 outline: 0;
15524 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15526 .btn.disabled, .btn:disabled {
15527 opacity: 0.65;
15529 .btn:not(:disabled):not(.disabled) {
15530 cursor: pointer;
15532 a.btn.disabled,
15533 fieldset:disabled a.btn {
15534 pointer-events: none;
15537 .btn-primary {
15538 color: #fff;
15539 background-color: #0f6cbf;
15540 border-color: #0f6cbf;
15542 .btn-primary:hover {
15543 color: #fff;
15544 background-color: #0c589c;
15545 border-color: #0b5190;
15547 .btn-primary:focus, .btn-primary.focus {
15548 color: #fff;
15549 background-color: #0c589c;
15550 border-color: #0b5190;
15551 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15553 .btn-primary.disabled, .btn-primary:disabled {
15554 color: #fff;
15555 background-color: #0f6cbf;
15556 border-color: #0f6cbf;
15558 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
15559 color: #fff;
15560 background-color: #0b5190;
15561 border-color: #0a4b84;
15563 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
15564 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15567 .btn-secondary {
15568 color: #1d2125;
15569 background-color: #ced4da;
15570 border-color: #ced4da;
15572 .btn-secondary:hover {
15573 color: #1d2125;
15574 background-color: #b8c1ca;
15575 border-color: #b1bbc4;
15577 .btn-secondary:focus, .btn-secondary.focus {
15578 color: #1d2125;
15579 background-color: #b8c1ca;
15580 border-color: #b1bbc4;
15581 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15583 .btn-secondary.disabled, .btn-secondary:disabled {
15584 color: #1d2125;
15585 background-color: #ced4da;
15586 border-color: #ced4da;
15588 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
15589 color: #1d2125;
15590 background-color: #b1bbc4;
15591 border-color: #aab4bf;
15593 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
15594 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15597 .btn-success {
15598 color: #fff;
15599 background-color: #357a32;
15600 border-color: #357a32;
15602 .btn-success:hover {
15603 color: #fff;
15604 background-color: #295f27;
15605 border-color: #255623;
15607 .btn-success:focus, .btn-success.focus {
15608 color: #fff;
15609 background-color: #295f27;
15610 border-color: #255623;
15611 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15613 .btn-success.disabled, .btn-success:disabled {
15614 color: #fff;
15615 background-color: #357a32;
15616 border-color: #357a32;
15618 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
15619 color: #fff;
15620 background-color: #255623;
15621 border-color: #214d1f;
15623 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
15624 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15627 .btn-info {
15628 color: #fff;
15629 background-color: #008196;
15630 border-color: #008196;
15632 .btn-info:hover {
15633 color: #fff;
15634 background-color: #006070;
15635 border-color: #005563;
15637 .btn-info:focus, .btn-info.focus {
15638 color: #fff;
15639 background-color: #006070;
15640 border-color: #005563;
15641 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15643 .btn-info.disabled, .btn-info:disabled {
15644 color: #fff;
15645 background-color: #008196;
15646 border-color: #008196;
15648 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
15649 color: #fff;
15650 background-color: #005563;
15651 border-color: #004a56;
15653 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
15654 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15657 .btn-warning {
15658 color: #1d2125;
15659 background-color: #f0ad4e;
15660 border-color: #f0ad4e;
15662 .btn-warning:hover {
15663 color: #1d2125;
15664 background-color: #ed9d2b;
15665 border-color: #ec971f;
15667 .btn-warning:focus, .btn-warning.focus {
15668 color: #1d2125;
15669 background-color: #ed9d2b;
15670 border-color: #ec971f;
15671 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15673 .btn-warning.disabled, .btn-warning:disabled {
15674 color: #1d2125;
15675 background-color: #f0ad4e;
15676 border-color: #f0ad4e;
15678 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
15679 color: #1d2125;
15680 background-color: #ec971f;
15681 border-color: #ea9214;
15683 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
15684 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15687 .btn-danger {
15688 color: #fff;
15689 background-color: #ca3120;
15690 border-color: #ca3120;
15692 .btn-danger:hover {
15693 color: #fff;
15694 background-color: #a9291b;
15695 border-color: #9e2619;
15697 .btn-danger:focus, .btn-danger.focus {
15698 color: #fff;
15699 background-color: #a9291b;
15700 border-color: #9e2619;
15701 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15703 .btn-danger.disabled, .btn-danger:disabled {
15704 color: #fff;
15705 background-color: #ca3120;
15706 border-color: #ca3120;
15708 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
15709 color: #fff;
15710 background-color: #9e2619;
15711 border-color: #932417;
15713 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
15714 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15717 .btn-light {
15718 color: #1d2125;
15719 background-color: #f8f9fa;
15720 border-color: #f8f9fa;
15722 .btn-light:hover {
15723 color: #1d2125;
15724 background-color: #e2e6ea;
15725 border-color: #dae0e5;
15727 .btn-light:focus, .btn-light.focus {
15728 color: #1d2125;
15729 background-color: #e2e6ea;
15730 border-color: #dae0e5;
15731 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15733 .btn-light.disabled, .btn-light:disabled {
15734 color: #1d2125;
15735 background-color: #f8f9fa;
15736 border-color: #f8f9fa;
15738 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
15739 color: #1d2125;
15740 background-color: #dae0e5;
15741 border-color: #d3d9df;
15743 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
15744 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15747 .btn-dark {
15748 color: #fff;
15749 background-color: #343a40;
15750 border-color: #343a40;
15752 .btn-dark:hover {
15753 color: #fff;
15754 background-color: #23272b;
15755 border-color: #1d2124;
15757 .btn-dark:focus, .btn-dark.focus {
15758 color: #fff;
15759 background-color: #23272b;
15760 border-color: #1d2124;
15761 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15763 .btn-dark.disabled, .btn-dark:disabled {
15764 color: #fff;
15765 background-color: #343a40;
15766 border-color: #343a40;
15768 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
15769 color: #fff;
15770 background-color: #1d2124;
15771 border-color: #171a1d;
15773 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
15774 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15777 .btn-outline-primary {
15778 color: #0f6cbf;
15779 border-color: #0f6cbf;
15781 .btn-outline-primary:hover {
15782 color: #fff;
15783 background-color: #0f6cbf;
15784 border-color: #0f6cbf;
15786 .btn-outline-primary:focus, .btn-outline-primary.focus {
15787 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15789 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
15790 color: #0f6cbf;
15791 background-color: transparent;
15793 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
15794 color: #fff;
15795 background-color: #0f6cbf;
15796 border-color: #0f6cbf;
15798 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
15799 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15802 .btn-outline-secondary {
15803 color: #ced4da;
15804 border-color: #ced4da;
15806 .btn-outline-secondary:hover {
15807 color: #1d2125;
15808 background-color: #ced4da;
15809 border-color: #ced4da;
15811 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
15812 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15814 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
15815 color: #ced4da;
15816 background-color: transparent;
15818 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
15819 color: #1d2125;
15820 background-color: #ced4da;
15821 border-color: #ced4da;
15823 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
15824 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15827 .btn-outline-success {
15828 color: #357a32;
15829 border-color: #357a32;
15831 .btn-outline-success:hover {
15832 color: #fff;
15833 background-color: #357a32;
15834 border-color: #357a32;
15836 .btn-outline-success:focus, .btn-outline-success.focus {
15837 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15839 .btn-outline-success.disabled, .btn-outline-success:disabled {
15840 color: #357a32;
15841 background-color: transparent;
15843 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
15844 color: #fff;
15845 background-color: #357a32;
15846 border-color: #357a32;
15848 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
15849 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15852 .btn-outline-info {
15853 color: #008196;
15854 border-color: #008196;
15856 .btn-outline-info:hover {
15857 color: #fff;
15858 background-color: #008196;
15859 border-color: #008196;
15861 .btn-outline-info:focus, .btn-outline-info.focus {
15862 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15864 .btn-outline-info.disabled, .btn-outline-info:disabled {
15865 color: #008196;
15866 background-color: transparent;
15868 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
15869 color: #fff;
15870 background-color: #008196;
15871 border-color: #008196;
15873 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
15874 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15877 .btn-outline-warning {
15878 color: #f0ad4e;
15879 border-color: #f0ad4e;
15881 .btn-outline-warning:hover {
15882 color: #1d2125;
15883 background-color: #f0ad4e;
15884 border-color: #f0ad4e;
15886 .btn-outline-warning:focus, .btn-outline-warning.focus {
15887 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15889 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
15890 color: #f0ad4e;
15891 background-color: transparent;
15893 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
15894 color: #1d2125;
15895 background-color: #f0ad4e;
15896 border-color: #f0ad4e;
15898 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
15899 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15902 .btn-outline-danger {
15903 color: #ca3120;
15904 border-color: #ca3120;
15906 .btn-outline-danger:hover {
15907 color: #fff;
15908 background-color: #ca3120;
15909 border-color: #ca3120;
15911 .btn-outline-danger:focus, .btn-outline-danger.focus {
15912 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15914 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
15915 color: #ca3120;
15916 background-color: transparent;
15918 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
15919 color: #fff;
15920 background-color: #ca3120;
15921 border-color: #ca3120;
15923 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
15924 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15927 .btn-outline-light {
15928 color: #f8f9fa;
15929 border-color: #f8f9fa;
15931 .btn-outline-light:hover {
15932 color: #1d2125;
15933 background-color: #f8f9fa;
15934 border-color: #f8f9fa;
15936 .btn-outline-light:focus, .btn-outline-light.focus {
15937 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
15939 .btn-outline-light.disabled, .btn-outline-light:disabled {
15940 color: #f8f9fa;
15941 background-color: transparent;
15943 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
15944 color: #1d2125;
15945 background-color: #f8f9fa;
15946 border-color: #f8f9fa;
15948 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
15949 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
15952 .btn-outline-dark {
15953 color: #343a40;
15954 border-color: #343a40;
15956 .btn-outline-dark:hover {
15957 color: #fff;
15958 background-color: #343a40;
15959 border-color: #343a40;
15961 .btn-outline-dark:focus, .btn-outline-dark.focus {
15962 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
15964 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
15965 color: #343a40;
15966 background-color: transparent;
15968 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
15969 color: #fff;
15970 background-color: #343a40;
15971 border-color: #343a40;
15973 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
15974 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
15977 .btn-link {
15978 font-weight: 400;
15979 color: #0f6cbf;
15980 text-decoration: none;
15982 .btn-link:hover {
15983 color: #094478;
15984 text-decoration: underline;
15986 .btn-link:focus, .btn-link.focus {
15987 text-decoration: underline;
15989 .btn-link:disabled, .btn-link.disabled {
15990 color: #6a737b;
15991 pointer-events: none;
15994 .btn-lg, .btn-group-lg > .btn {
15995 padding: 0.5rem 1rem;
15996 font-size: 1.171875rem;
15997 line-height: 1.5;
15998 border-radius: 0.3rem;
16000 @media (max-width: 1200px) {
16001 .btn-lg, .btn-group-lg > .btn {
16002 font-size: calc(0.9271875rem + 0.32625vw);
16006 .btn-sm, .btn-group-sm > .btn {
16007 padding: 0.25rem 0.5rem;
16008 font-size: 0.8203125rem;
16009 line-height: 1.5;
16010 border-radius: 0.2rem;
16013 .btn-block {
16014 display: block;
16015 width: 100%;
16017 .btn-block + .btn-block {
16018 margin-top: 0.5rem;
16021 input[type=submit].btn-block,
16022 input[type=reset].btn-block,
16023 input[type=button].btn-block {
16024 width: 100%;
16027 .fade {
16028 transition: opacity 0.15s linear;
16030 @media (prefers-reduced-motion: reduce) {
16031 .fade {
16032 transition: none;
16035 .fade:not(.show) {
16036 opacity: 0;
16039 .collapse:not(.show) {
16040 display: none;
16043 .collapsing {
16044 position: relative;
16045 height: 0;
16046 overflow: hidden;
16047 transition: height 0.35s ease;
16049 @media (prefers-reduced-motion: reduce) {
16050 .collapsing {
16051 transition: none;
16054 .collapsing.width {
16055 width: 0;
16056 height: auto;
16057 transition: width 0.35s ease;
16059 @media (prefers-reduced-motion: reduce) {
16060 .collapsing.width {
16061 transition: none;
16065 .dropup,
16066 .dropright,
16067 .dropdown,
16068 .dropleft {
16069 position: relative;
16072 .dropdown-toggle {
16073 white-space: nowrap;
16075 .dropdown-toggle::after {
16076 display: inline-block;
16077 margin-left: 0.255em;
16078 vertical-align: 0.255em;
16079 content: "";
16080 border-top: 0.3em solid;
16081 border-right: 0.3em solid transparent;
16082 border-bottom: 0;
16083 border-left: 0.3em solid transparent;
16085 .dropdown-toggle:empty::after {
16086 margin-left: 0;
16089 .dropdown-menu {
16090 position: absolute;
16091 top: 100%;
16092 left: 0;
16093 z-index: 1000;
16094 display: none;
16095 float: left;
16096 min-width: 10rem;
16097 padding: 0.5rem 0;
16098 margin: 0.125rem 0 0;
16099 font-size: 0.9375rem;
16100 color: #1d2125;
16101 text-align: left;
16102 list-style: none;
16103 background-color: #fff;
16104 background-clip: padding-box;
16105 border: 1px solid rgba(0, 0, 0, 0.15);
16106 border-radius: 0.25rem;
16108 @media (max-width: 1200px) {
16109 .dropdown-menu {
16110 font-size: calc(0.90375rem + 0.045vw);
16114 .dropdown-menu-left {
16115 right: auto;
16116 left: 0;
16119 .dropdown-menu-right {
16120 right: 0;
16121 left: auto;
16124 @media (min-width: 576px) {
16125 .dropdown-menu-sm-left {
16126 right: auto;
16127 left: 0;
16129 .dropdown-menu-sm-right {
16130 right: 0;
16131 left: auto;
16134 @media (min-width: 768px) {
16135 .dropdown-menu-md-left {
16136 right: auto;
16137 left: 0;
16139 .dropdown-menu-md-right {
16140 right: 0;
16141 left: auto;
16144 @media (min-width: 992px) {
16145 .dropdown-menu-lg-left {
16146 right: auto;
16147 left: 0;
16149 .dropdown-menu-lg-right {
16150 right: 0;
16151 left: auto;
16154 @media (min-width: 1200px) {
16155 .dropdown-menu-xl-left {
16156 right: auto;
16157 left: 0;
16159 .dropdown-menu-xl-right {
16160 right: 0;
16161 left: auto;
16164 .dropup .dropdown-menu {
16165 top: auto;
16166 bottom: 100%;
16167 margin-top: 0;
16168 margin-bottom: 0.125rem;
16170 .dropup .dropdown-toggle::after {
16171 display: inline-block;
16172 margin-left: 0.255em;
16173 vertical-align: 0.255em;
16174 content: "";
16175 border-top: 0;
16176 border-right: 0.3em solid transparent;
16177 border-bottom: 0.3em solid;
16178 border-left: 0.3em solid transparent;
16180 .dropup .dropdown-toggle:empty::after {
16181 margin-left: 0;
16184 .dropright .dropdown-menu {
16185 top: 0;
16186 right: auto;
16187 left: 100%;
16188 margin-top: 0;
16189 margin-left: 0.125rem;
16191 .dropright .dropdown-toggle::after {
16192 display: inline-block;
16193 margin-left: 0.255em;
16194 vertical-align: 0.255em;
16195 content: "";
16196 border-top: 0.3em solid transparent;
16197 border-right: 0;
16198 border-bottom: 0.3em solid transparent;
16199 border-left: 0.3em solid;
16201 .dropright .dropdown-toggle:empty::after {
16202 margin-left: 0;
16204 .dropright .dropdown-toggle::after {
16205 vertical-align: 0;
16208 .dropleft .dropdown-menu {
16209 top: 0;
16210 right: 100%;
16211 left: auto;
16212 margin-top: 0;
16213 margin-right: 0.125rem;
16215 .dropleft .dropdown-toggle::after {
16216 display: inline-block;
16217 margin-left: 0.255em;
16218 vertical-align: 0.255em;
16219 content: "";
16221 .dropleft .dropdown-toggle::after {
16222 display: none;
16224 .dropleft .dropdown-toggle::before {
16225 display: inline-block;
16226 margin-right: 0.255em;
16227 vertical-align: 0.255em;
16228 content: "";
16229 border-top: 0.3em solid transparent;
16230 border-right: 0.3em solid;
16231 border-bottom: 0.3em solid transparent;
16233 .dropleft .dropdown-toggle:empty::after {
16234 margin-left: 0;
16236 .dropleft .dropdown-toggle::before {
16237 vertical-align: 0;
16240 .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
16241 right: auto;
16242 bottom: auto;
16245 .dropdown-divider {
16246 height: 0;
16247 margin: 0.5rem 0;
16248 overflow: hidden;
16249 border-top: 1px solid #e9ecef;
16252 .dropdown-item {
16253 display: block;
16254 width: 100%;
16255 padding: 0.25rem 1.5rem;
16256 clear: both;
16257 font-weight: 400;
16258 color: #1d2125;
16259 text-align: inherit;
16260 white-space: nowrap;
16261 background-color: transparent;
16262 border: 0;
16264 .dropdown-item:hover, .dropdown-item:focus {
16265 color: #fff;
16266 text-decoration: none;
16267 background-color: #0f6cbf;
16269 .dropdown-item.active, .dropdown-item:active {
16270 color: #fff;
16271 text-decoration: none;
16272 background-color: #0f6cbf;
16274 .dropdown-item.disabled, .dropdown-item:disabled {
16275 color: #8f959e;
16276 pointer-events: none;
16277 background-color: transparent;
16280 .dropdown-menu.show {
16281 display: block;
16284 .dropdown-header {
16285 display: block;
16286 padding: 0.5rem 1.5rem;
16287 margin-bottom: 0;
16288 font-size: 0.8203125rem;
16289 color: #6a737b;
16290 white-space: nowrap;
16293 .dropdown-item-text {
16294 display: block;
16295 padding: 0.25rem 1.5rem;
16296 color: #1d2125;
16299 .btn-group,
16300 .btn-group-vertical {
16301 position: relative;
16302 display: inline-flex;
16303 vertical-align: middle;
16305 .btn-group > .btn,
16306 .btn-group-vertical > .btn {
16307 position: relative;
16308 flex: 1 1 auto;
16310 .btn-group > .btn:hover,
16311 .btn-group-vertical > .btn:hover {
16312 z-index: 1;
16314 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
16315 .btn-group-vertical > .btn:focus,
16316 .btn-group-vertical > .btn:active,
16317 .btn-group-vertical > .btn.active {
16318 z-index: 1;
16321 .btn-toolbar {
16322 display: flex;
16323 flex-wrap: wrap;
16324 justify-content: flex-start;
16326 .btn-toolbar .input-group {
16327 width: auto;
16330 .btn-group > .btn:not(:first-child),
16331 .btn-group > .btn-group:not(:first-child) {
16332 margin-left: -1px;
16334 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
16335 .btn-group > .btn-group:not(:last-child) > .btn {
16336 border-top-right-radius: 0;
16337 border-bottom-right-radius: 0;
16339 .btn-group > .btn:not(:first-child),
16340 .btn-group > .btn-group:not(:first-child) > .btn {
16341 border-top-left-radius: 0;
16342 border-bottom-left-radius: 0;
16345 .dropdown-toggle-split {
16346 padding-right: 0.5625rem;
16347 padding-left: 0.5625rem;
16349 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
16350 margin-left: 0;
16352 .dropleft .dropdown-toggle-split::before {
16353 margin-right: 0;
16356 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
16357 padding-right: 0.375rem;
16358 padding-left: 0.375rem;
16361 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
16362 padding-right: 0.75rem;
16363 padding-left: 0.75rem;
16366 .btn-group-vertical {
16367 flex-direction: column;
16368 align-items: flex-start;
16369 justify-content: center;
16371 .btn-group-vertical > .btn,
16372 .btn-group-vertical > .btn-group {
16373 width: 100%;
16375 .btn-group-vertical > .btn:not(:first-child),
16376 .btn-group-vertical > .btn-group:not(:first-child) {
16377 margin-top: -1px;
16379 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
16380 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
16381 border-bottom-right-radius: 0;
16382 border-bottom-left-radius: 0;
16384 .btn-group-vertical > .btn:not(:first-child),
16385 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
16386 border-top-left-radius: 0;
16387 border-top-right-radius: 0;
16390 .btn-group-toggle > .btn,
16391 .btn-group-toggle > .btn-group > .btn {
16392 margin-bottom: 0;
16394 .btn-group-toggle > .btn input[type=radio],
16395 .btn-group-toggle > .btn input[type=checkbox],
16396 .btn-group-toggle > .btn-group > .btn input[type=radio],
16397 .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
16398 position: absolute;
16399 clip: rect(0, 0, 0, 0);
16400 pointer-events: none;
16403 .input-group {
16404 position: relative;
16405 display: flex;
16406 flex-wrap: wrap;
16407 align-items: stretch;
16408 width: 100%;
16410 .input-group > .form-control,
16411 .input-group > .form-control-plaintext,
16412 .input-group > .custom-select,
16413 .input-group > .custom-file {
16414 position: relative;
16415 flex: 1 1 auto;
16416 width: 1%;
16417 min-width: 0;
16418 margin-bottom: 0;
16420 .input-group > .form-control + .form-control,
16421 .input-group > .form-control + .custom-select,
16422 .input-group > .form-control + .custom-file,
16423 .input-group > .form-control-plaintext + .form-control,
16424 .input-group > .form-control-plaintext + .custom-select,
16425 .input-group > .form-control-plaintext + .custom-file,
16426 .input-group > .custom-select + .form-control,
16427 .input-group > .custom-select + .custom-select,
16428 .input-group > .custom-select + .custom-file,
16429 .input-group > .custom-file + .form-control,
16430 .input-group > .custom-file + .custom-select,
16431 .input-group > .custom-file + .custom-file {
16432 margin-left: -1px;
16434 .input-group > .form-control:focus,
16435 .input-group > .custom-select:focus,
16436 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
16437 z-index: 3;
16439 .input-group > .custom-file .custom-file-input:focus {
16440 z-index: 4;
16442 .input-group > .form-control:not(:first-child),
16443 .input-group > .custom-select:not(:first-child) {
16444 border-top-left-radius: 0;
16445 border-bottom-left-radius: 0;
16447 .input-group > .custom-file {
16448 display: flex;
16449 align-items: center;
16451 .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
16452 border-top-right-radius: 0;
16453 border-bottom-right-radius: 0;
16455 .input-group > .custom-file:not(:first-child) .custom-file-label {
16456 border-top-left-radius: 0;
16457 border-bottom-left-radius: 0;
16459 .input-group:not(.has-validation) > .form-control:not(:last-child),
16460 .input-group:not(.has-validation) > .custom-select:not(:last-child),
16461 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
16462 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
16463 border-top-right-radius: 0;
16464 border-bottom-right-radius: 0;
16466 .input-group.has-validation > .form-control:nth-last-child(n+3),
16467 .input-group.has-validation > .custom-select:nth-last-child(n+3),
16468 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
16469 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
16470 border-top-right-radius: 0;
16471 border-bottom-right-radius: 0;
16474 .input-group-prepend,
16475 .input-group-append {
16476 display: flex;
16478 .input-group-prepend .btn,
16479 .input-group-append .btn {
16480 position: relative;
16481 z-index: 2;
16483 .input-group-prepend .btn:focus,
16484 .input-group-append .btn:focus {
16485 z-index: 3;
16487 .input-group-prepend .btn + .btn,
16488 .input-group-prepend .btn + .input-group-text,
16489 .input-group-prepend .input-group-text + .input-group-text,
16490 .input-group-prepend .input-group-text + .btn,
16491 .input-group-append .btn + .btn,
16492 .input-group-append .btn + .input-group-text,
16493 .input-group-append .input-group-text + .input-group-text,
16494 .input-group-append .input-group-text + .btn {
16495 margin-left: -1px;
16498 .input-group-prepend {
16499 margin-right: -1px;
16502 .input-group-append {
16503 margin-left: -1px;
16506 .input-group-text {
16507 display: flex;
16508 align-items: center;
16509 padding: 0.375rem 0.75rem;
16510 margin-bottom: 0;
16511 font-size: 0.9375rem;
16512 font-weight: 400;
16513 line-height: 1.5;
16514 color: #495057;
16515 text-align: center;
16516 white-space: nowrap;
16517 background-color: #e9ecef;
16518 border: 1px solid #8f959e;
16519 border-radius: 0.25rem;
16521 @media (max-width: 1200px) {
16522 .input-group-text {
16523 font-size: calc(0.90375rem + 0.045vw);
16526 .input-group-text input[type=radio],
16527 .input-group-text input[type=checkbox] {
16528 margin-top: 0;
16531 .input-group-lg > .form-control:not(textarea),
16532 .input-group-lg > .custom-select {
16533 height: calc(1.5em + 1rem + 2px);
16536 .input-group-lg > .form-control,
16537 .input-group-lg > .custom-select,
16538 .input-group-lg > .input-group-prepend > .input-group-text,
16539 .input-group-lg > .input-group-append > .input-group-text,
16540 .input-group-lg > .input-group-prepend > .btn,
16541 .input-group-lg > .input-group-append > .btn {
16542 padding: 0.5rem 1rem;
16543 font-size: 1.171875rem;
16544 line-height: 1.5;
16545 border-radius: 0.3rem;
16547 @media (max-width: 1200px) {
16548 .input-group-lg > .form-control,
16549 .input-group-lg > .custom-select,
16550 .input-group-lg > .input-group-prepend > .input-group-text,
16551 .input-group-lg > .input-group-append > .input-group-text,
16552 .input-group-lg > .input-group-prepend > .btn,
16553 .input-group-lg > .input-group-append > .btn {
16554 font-size: calc(0.9271875rem + 0.32625vw);
16558 .input-group-sm > .form-control:not(textarea),
16559 .input-group-sm > .custom-select {
16560 height: calc(1.5em + 0.5rem + 2px);
16563 .input-group-sm > .form-control,
16564 .input-group-sm > .custom-select,
16565 .input-group-sm > .input-group-prepend > .input-group-text,
16566 .input-group-sm > .input-group-append > .input-group-text,
16567 .input-group-sm > .input-group-prepend > .btn,
16568 .input-group-sm > .input-group-append > .btn {
16569 padding: 0.25rem 0.5rem;
16570 font-size: 0.8203125rem;
16571 line-height: 1.5;
16572 border-radius: 0.2rem;
16575 .input-group-lg > .custom-select,
16576 .input-group-sm > .custom-select {
16577 padding-right: 1.75rem;
16580 .input-group > .input-group-prepend > .btn,
16581 .input-group > .input-group-prepend > .input-group-text,
16582 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
16583 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
16584 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
16585 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
16586 .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
16587 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
16588 border-top-right-radius: 0;
16589 border-bottom-right-radius: 0;
16592 .input-group > .input-group-append > .btn,
16593 .input-group > .input-group-append > .input-group-text,
16594 .input-group > .input-group-prepend:not(:first-child) > .btn,
16595 .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
16596 .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
16597 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
16598 border-top-left-radius: 0;
16599 border-bottom-left-radius: 0;
16602 .custom-control {
16603 position: relative;
16604 z-index: 1;
16605 display: block;
16606 min-height: 1.40625rem;
16607 padding-left: 1.5rem;
16608 print-color-adjust: exact;
16611 .custom-control-inline {
16612 display: inline-flex;
16613 margin-right: 1rem;
16616 .custom-control-input {
16617 position: absolute;
16618 left: 0;
16619 z-index: -1;
16620 width: 1rem;
16621 height: 1.203125rem;
16622 opacity: 0;
16624 .custom-control-input:checked ~ .custom-control-label::before {
16625 color: #fff;
16626 border-color: #0f6cbf;
16627 background-color: #0f6cbf;
16629 .custom-control-input:focus ~ .custom-control-label::before {
16630 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16632 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
16633 border-color: #5babf2;
16635 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
16636 color: #fff;
16637 background-color: #8bc3f6;
16638 border-color: #8bc3f6;
16640 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
16641 color: #6a737b;
16643 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
16644 background-color: #e9ecef;
16647 .custom-control-label {
16648 position: relative;
16649 margin-bottom: 0;
16650 vertical-align: top;
16652 .custom-control-label::before {
16653 position: absolute;
16654 top: 0.203125rem;
16655 left: -1.5rem;
16656 display: block;
16657 width: 1rem;
16658 height: 1rem;
16659 pointer-events: none;
16660 content: "";
16661 background-color: #fff;
16662 border: 1px solid #8f959e;
16664 .custom-control-label::after {
16665 position: absolute;
16666 top: 0.203125rem;
16667 left: -1.5rem;
16668 display: block;
16669 width: 1rem;
16670 height: 1rem;
16671 content: "";
16672 background: 50%/50% 50% no-repeat;
16675 .custom-checkbox .custom-control-label::before {
16676 border-radius: 0.25rem;
16678 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
16679 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
16681 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
16682 border-color: #0f6cbf;
16683 background-color: #0f6cbf;
16685 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
16686 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
16688 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
16689 background-color: rgba(15, 108, 191, 0.5);
16691 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
16692 background-color: rgba(15, 108, 191, 0.5);
16695 .custom-radio .custom-control-label::before {
16696 border-radius: 50%;
16698 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
16699 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
16701 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
16702 background-color: rgba(15, 108, 191, 0.5);
16705 .custom-switch {
16706 padding-left: 2.25rem;
16708 .custom-switch .custom-control-label::before {
16709 left: -2.25rem;
16710 width: 1.75rem;
16711 pointer-events: all;
16712 border-radius: 0.5rem;
16714 .custom-switch .custom-control-label::after {
16715 top: calc(0.203125rem + 2px);
16716 left: calc(-2.25rem + 2px);
16717 width: calc(1rem - 4px);
16718 height: calc(1rem - 4px);
16719 background-color: #8f959e;
16720 border-radius: 0.5rem;
16721 transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16723 @media (prefers-reduced-motion: reduce) {
16724 .custom-switch .custom-control-label::after {
16725 transition: none;
16728 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
16729 background-color: #fff;
16730 transform: translateX(0.75rem);
16732 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
16733 background-color: rgba(15, 108, 191, 0.5);
16736 .custom-select {
16737 display: inline-block;
16738 width: 100%;
16739 height: calc(1.5em + 0.75rem + 2px);
16740 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
16741 font-size: 0.9375rem;
16742 font-weight: 400;
16743 line-height: 1.5;
16744 color: #495057;
16745 vertical-align: middle;
16746 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
16747 border: 1px solid #8f959e;
16748 border-radius: 0.25rem;
16749 appearance: none;
16751 @media (max-width: 1200px) {
16752 .custom-select {
16753 font-size: calc(0.90375rem + 0.045vw);
16756 .custom-select:focus {
16757 border-color: #5babf2;
16758 outline: 0;
16759 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16761 .custom-select:focus::-ms-value {
16762 color: #495057;
16763 background-color: #fff;
16765 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
16766 height: auto;
16767 padding-right: 0.75rem;
16768 background-image: none;
16770 .custom-select:disabled {
16771 color: #6a737b;
16772 background-color: #e9ecef;
16774 .custom-select::-ms-expand {
16775 display: none;
16777 .custom-select:-moz-focusring {
16778 color: transparent;
16779 text-shadow: 0 0 0 #495057;
16782 .custom-select-sm {
16783 height: calc(1.5em + 0.5rem + 2px);
16784 padding-top: 0.25rem;
16785 padding-bottom: 0.25rem;
16786 padding-left: 0.5rem;
16787 font-size: 0.8203125rem;
16790 .custom-select-lg {
16791 height: calc(1.5em + 1rem + 2px);
16792 padding-top: 0.5rem;
16793 padding-bottom: 0.5rem;
16794 padding-left: 1rem;
16795 font-size: 1.171875rem;
16797 @media (max-width: 1200px) {
16798 .custom-select-lg {
16799 font-size: calc(0.9271875rem + 0.32625vw);
16803 .custom-file {
16804 position: relative;
16805 display: inline-block;
16806 width: 100%;
16807 height: calc(1.5em + 0.75rem + 2px);
16808 margin-bottom: 0;
16811 .custom-file-input {
16812 position: relative;
16813 z-index: 2;
16814 width: 100%;
16815 height: calc(1.5em + 0.75rem + 2px);
16816 margin: 0;
16817 overflow: hidden;
16818 opacity: 0;
16820 .custom-file-input:focus ~ .custom-file-label {
16821 border-color: #5babf2;
16822 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16824 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
16825 background-color: #e9ecef;
16827 .custom-file-input:lang(en) ~ .custom-file-label::after {
16828 content: "Browse";
16830 .custom-file-input ~ .custom-file-label[data-browse]::after {
16831 content: attr(data-browse);
16834 .custom-file-label {
16835 position: absolute;
16836 top: 0;
16837 right: 0;
16838 left: 0;
16839 z-index: 1;
16840 height: calc(1.5em + 0.75rem + 2px);
16841 padding: 0.375rem 0.75rem;
16842 overflow: hidden;
16843 font-weight: 400;
16844 line-height: 1.5;
16845 color: #495057;
16846 background-color: #fff;
16847 border: 1px solid #8f959e;
16848 border-radius: 0.25rem;
16850 .custom-file-label::after {
16851 position: absolute;
16852 top: 0;
16853 right: 0;
16854 bottom: 0;
16855 z-index: 3;
16856 display: block;
16857 height: calc(1.5em + 0.75rem);
16858 padding: 0.375rem 0.75rem;
16859 line-height: 1.5;
16860 color: #495057;
16861 content: "Browse";
16862 background-color: #e9ecef;
16863 border-left: inherit;
16864 border-radius: 0 0.25rem 0.25rem 0;
16867 .custom-range {
16868 width: 100%;
16869 height: 1.4rem;
16870 padding: 0;
16871 background-color: transparent;
16872 appearance: none;
16874 .custom-range:focus {
16875 outline: 0;
16877 .custom-range:focus::-webkit-slider-thumb {
16878 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16880 .custom-range:focus::-moz-range-thumb {
16881 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16883 .custom-range:focus::-ms-thumb {
16884 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16886 .custom-range::-moz-focus-outer {
16887 border: 0;
16889 .custom-range::-webkit-slider-thumb {
16890 width: 1rem;
16891 height: 1rem;
16892 margin-top: -0.25rem;
16893 background-color: #0f6cbf;
16894 border: 0;
16895 border-radius: 1rem;
16896 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16897 appearance: none;
16899 @media (prefers-reduced-motion: reduce) {
16900 .custom-range::-webkit-slider-thumb {
16901 transition: none;
16904 .custom-range::-webkit-slider-thumb:active {
16905 background-color: #8bc3f6;
16907 .custom-range::-webkit-slider-runnable-track {
16908 width: 100%;
16909 height: 0.5rem;
16910 color: transparent;
16911 cursor: pointer;
16912 background-color: #dee2e6;
16913 border-color: transparent;
16914 border-radius: 1rem;
16916 .custom-range::-moz-range-thumb {
16917 width: 1rem;
16918 height: 1rem;
16919 background-color: #0f6cbf;
16920 border: 0;
16921 border-radius: 1rem;
16922 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16923 appearance: none;
16925 @media (prefers-reduced-motion: reduce) {
16926 .custom-range::-moz-range-thumb {
16927 transition: none;
16930 .custom-range::-moz-range-thumb:active {
16931 background-color: #8bc3f6;
16933 .custom-range::-moz-range-track {
16934 width: 100%;
16935 height: 0.5rem;
16936 color: transparent;
16937 cursor: pointer;
16938 background-color: #dee2e6;
16939 border-color: transparent;
16940 border-radius: 1rem;
16942 .custom-range::-ms-thumb {
16943 width: 1rem;
16944 height: 1rem;
16945 margin-top: 0;
16946 margin-right: 0.2rem;
16947 margin-left: 0.2rem;
16948 background-color: #0f6cbf;
16949 border: 0;
16950 border-radius: 1rem;
16951 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16952 appearance: none;
16954 @media (prefers-reduced-motion: reduce) {
16955 .custom-range::-ms-thumb {
16956 transition: none;
16959 .custom-range::-ms-thumb:active {
16960 background-color: #8bc3f6;
16962 .custom-range::-ms-track {
16963 width: 100%;
16964 height: 0.5rem;
16965 color: transparent;
16966 cursor: pointer;
16967 background-color: transparent;
16968 border-color: transparent;
16969 border-width: 0.5rem;
16971 .custom-range::-ms-fill-lower {
16972 background-color: #dee2e6;
16973 border-radius: 1rem;
16975 .custom-range::-ms-fill-upper {
16976 margin-right: 15px;
16977 background-color: #dee2e6;
16978 border-radius: 1rem;
16980 .custom-range:disabled::-webkit-slider-thumb {
16981 background-color: #8f959e;
16983 .custom-range:disabled::-webkit-slider-runnable-track {
16984 cursor: default;
16986 .custom-range:disabled::-moz-range-thumb {
16987 background-color: #8f959e;
16989 .custom-range:disabled::-moz-range-track {
16990 cursor: default;
16992 .custom-range:disabled::-ms-thumb {
16993 background-color: #8f959e;
16996 .custom-control-label::before,
16997 .custom-file-label,
16998 .custom-select {
16999 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17001 @media (prefers-reduced-motion: reduce) {
17002 .custom-control-label::before,
17003 .custom-file-label,
17004 .custom-select {
17005 transition: none;
17009 .nav {
17010 display: flex;
17011 flex-wrap: wrap;
17012 padding-left: 0;
17013 margin-bottom: 0;
17014 list-style: none;
17017 .nav-link {
17018 display: block;
17019 padding: 0.5rem 1rem;
17021 .nav-link:hover, .nav-link:focus {
17022 text-decoration: none;
17024 .nav-link.disabled {
17025 color: #6a737b;
17026 pointer-events: none;
17027 cursor: default;
17030 .nav-tabs {
17031 border-bottom: 1px solid #dee2e6;
17033 .nav-tabs .nav-link {
17034 margin-bottom: -1px;
17035 background-color: transparent;
17036 border: 1px solid transparent;
17037 border-top-left-radius: 0.25rem;
17038 border-top-right-radius: 0.25rem;
17040 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
17041 isolation: isolate;
17042 border-color: #e9ecef #e9ecef #dee2e6;
17044 .nav-tabs .nav-link.disabled {
17045 color: #6a737b;
17046 background-color: transparent;
17047 border-color: transparent;
17049 .nav-tabs .nav-link.active,
17050 .nav-tabs .nav-item.show .nav-link {
17051 color: #495057;
17052 background-color: #fff;
17053 border-color: #dee2e6 #dee2e6 #fff;
17055 .nav-tabs .dropdown-menu {
17056 margin-top: -1px;
17057 border-top-left-radius: 0;
17058 border-top-right-radius: 0;
17061 .nav-pills .nav-link {
17062 background: none;
17063 border: 0;
17064 border-radius: 0.25rem;
17066 .nav-pills .nav-link.active,
17067 .nav-pills .show > .nav-link {
17068 color: #fff;
17069 background-color: #0f6cbf;
17072 .nav-fill > .nav-link,
17073 .nav-fill .nav-item {
17074 flex: 1 1 auto;
17075 text-align: center;
17078 .nav-justified > .nav-link,
17079 .nav-justified .nav-item {
17080 flex-basis: 0;
17081 flex-grow: 1;
17082 text-align: center;
17085 .tab-content > .tab-pane {
17086 display: none;
17088 .tab-content > .active {
17089 display: block;
17092 .navbar {
17093 position: relative;
17094 display: flex;
17095 flex-wrap: wrap;
17096 align-items: center;
17097 justify-content: space-between;
17098 padding: 0.5rem 1rem;
17100 .navbar .container,
17101 .navbar .container-fluid,
17102 .navbar .container-sm,
17103 .navbar .container-md,
17104 .navbar .container-lg,
17105 .navbar .container-xl {
17106 display: flex;
17107 flex-wrap: wrap;
17108 align-items: center;
17109 justify-content: space-between;
17111 .navbar-brand {
17112 display: inline-block;
17113 padding-top: 0.32421875rem;
17114 padding-bottom: 0.32421875rem;
17115 margin-right: 1rem;
17116 font-size: 1.171875rem;
17117 line-height: inherit;
17118 white-space: nowrap;
17120 @media (max-width: 1200px) {
17121 .navbar-brand {
17122 font-size: calc(0.9271875rem + 0.32625vw);
17125 .navbar-brand:hover, .navbar-brand:focus {
17126 text-decoration: none;
17129 .navbar-nav {
17130 display: flex;
17131 flex-direction: column;
17132 padding-left: 0;
17133 margin-bottom: 0;
17134 list-style: none;
17136 .navbar-nav .nav-link {
17137 padding-right: 0;
17138 padding-left: 0;
17140 .navbar-nav .dropdown-menu {
17141 position: static;
17142 float: none;
17145 .navbar-text {
17146 display: inline-block;
17147 padding-top: 0.5rem;
17148 padding-bottom: 0.5rem;
17151 .navbar-collapse {
17152 flex-basis: 100%;
17153 flex-grow: 1;
17154 align-items: center;
17157 .navbar-toggler {
17158 padding: 0.25rem 0.75rem;
17159 font-size: 1.171875rem;
17160 line-height: 1;
17161 background-color: transparent;
17162 border: 1px solid transparent;
17163 border-radius: 0.25rem;
17165 @media (max-width: 1200px) {
17166 .navbar-toggler {
17167 font-size: calc(0.9271875rem + 0.32625vw);
17170 .navbar-toggler:hover, .navbar-toggler:focus {
17171 text-decoration: none;
17174 .navbar-toggler-icon {
17175 display: inline-block;
17176 width: 1.5em;
17177 height: 1.5em;
17178 vertical-align: middle;
17179 content: "";
17180 background: 50%/100% 100% no-repeat;
17183 .navbar-nav-scroll {
17184 max-height: 75vh;
17185 overflow-y: auto;
17188 @media (max-width: 575.98px) {
17189 .navbar-expand-sm > .container,
17190 .navbar-expand-sm > .container-fluid,
17191 .navbar-expand-sm > .container-sm,
17192 .navbar-expand-sm > .container-md,
17193 .navbar-expand-sm > .container-lg,
17194 .navbar-expand-sm > .container-xl {
17195 padding-right: 0;
17196 padding-left: 0;
17199 @media (min-width: 576px) {
17200 .navbar-expand-sm {
17201 flex-flow: row nowrap;
17202 justify-content: flex-start;
17204 .navbar-expand-sm .navbar-nav {
17205 flex-direction: row;
17207 .navbar-expand-sm .navbar-nav .dropdown-menu {
17208 position: absolute;
17210 .navbar-expand-sm .navbar-nav .nav-link {
17211 padding-right: 0.5rem;
17212 padding-left: 0.5rem;
17214 .navbar-expand-sm > .container,
17215 .navbar-expand-sm > .container-fluid,
17216 .navbar-expand-sm > .container-sm,
17217 .navbar-expand-sm > .container-md,
17218 .navbar-expand-sm > .container-lg,
17219 .navbar-expand-sm > .container-xl {
17220 flex-wrap: nowrap;
17222 .navbar-expand-sm .navbar-nav-scroll {
17223 overflow: visible;
17225 .navbar-expand-sm .navbar-collapse {
17226 display: flex !important;
17227 flex-basis: auto;
17229 .navbar-expand-sm .navbar-toggler {
17230 display: none;
17233 @media (max-width: 767.98px) {
17234 .navbar-expand-md > .container,
17235 .navbar-expand-md > .container-fluid,
17236 .navbar-expand-md > .container-sm,
17237 .navbar-expand-md > .container-md,
17238 .navbar-expand-md > .container-lg,
17239 .navbar-expand-md > .container-xl {
17240 padding-right: 0;
17241 padding-left: 0;
17244 @media (min-width: 768px) {
17245 .navbar-expand-md {
17246 flex-flow: row nowrap;
17247 justify-content: flex-start;
17249 .navbar-expand-md .navbar-nav {
17250 flex-direction: row;
17252 .navbar-expand-md .navbar-nav .dropdown-menu {
17253 position: absolute;
17255 .navbar-expand-md .navbar-nav .nav-link {
17256 padding-right: 0.5rem;
17257 padding-left: 0.5rem;
17259 .navbar-expand-md > .container,
17260 .navbar-expand-md > .container-fluid,
17261 .navbar-expand-md > .container-sm,
17262 .navbar-expand-md > .container-md,
17263 .navbar-expand-md > .container-lg,
17264 .navbar-expand-md > .container-xl {
17265 flex-wrap: nowrap;
17267 .navbar-expand-md .navbar-nav-scroll {
17268 overflow: visible;
17270 .navbar-expand-md .navbar-collapse {
17271 display: flex !important;
17272 flex-basis: auto;
17274 .navbar-expand-md .navbar-toggler {
17275 display: none;
17278 @media (max-width: 991.98px) {
17279 .navbar-expand-lg > .container,
17280 .navbar-expand-lg > .container-fluid,
17281 .navbar-expand-lg > .container-sm,
17282 .navbar-expand-lg > .container-md,
17283 .navbar-expand-lg > .container-lg,
17284 .navbar-expand-lg > .container-xl {
17285 padding-right: 0;
17286 padding-left: 0;
17289 @media (min-width: 992px) {
17290 .navbar-expand-lg {
17291 flex-flow: row nowrap;
17292 justify-content: flex-start;
17294 .navbar-expand-lg .navbar-nav {
17295 flex-direction: row;
17297 .navbar-expand-lg .navbar-nav .dropdown-menu {
17298 position: absolute;
17300 .navbar-expand-lg .navbar-nav .nav-link {
17301 padding-right: 0.5rem;
17302 padding-left: 0.5rem;
17304 .navbar-expand-lg > .container,
17305 .navbar-expand-lg > .container-fluid,
17306 .navbar-expand-lg > .container-sm,
17307 .navbar-expand-lg > .container-md,
17308 .navbar-expand-lg > .container-lg,
17309 .navbar-expand-lg > .container-xl {
17310 flex-wrap: nowrap;
17312 .navbar-expand-lg .navbar-nav-scroll {
17313 overflow: visible;
17315 .navbar-expand-lg .navbar-collapse {
17316 display: flex !important;
17317 flex-basis: auto;
17319 .navbar-expand-lg .navbar-toggler {
17320 display: none;
17323 @media (max-width: 1199.98px) {
17324 .navbar-expand-xl > .container,
17325 .navbar-expand-xl > .container-fluid,
17326 .navbar-expand-xl > .container-sm,
17327 .navbar-expand-xl > .container-md,
17328 .navbar-expand-xl > .container-lg,
17329 .navbar-expand-xl > .container-xl {
17330 padding-right: 0;
17331 padding-left: 0;
17334 @media (min-width: 1200px) {
17335 .navbar-expand-xl {
17336 flex-flow: row nowrap;
17337 justify-content: flex-start;
17339 .navbar-expand-xl .navbar-nav {
17340 flex-direction: row;
17342 .navbar-expand-xl .navbar-nav .dropdown-menu {
17343 position: absolute;
17345 .navbar-expand-xl .navbar-nav .nav-link {
17346 padding-right: 0.5rem;
17347 padding-left: 0.5rem;
17349 .navbar-expand-xl > .container,
17350 .navbar-expand-xl > .container-fluid,
17351 .navbar-expand-xl > .container-sm,
17352 .navbar-expand-xl > .container-md,
17353 .navbar-expand-xl > .container-lg,
17354 .navbar-expand-xl > .container-xl {
17355 flex-wrap: nowrap;
17357 .navbar-expand-xl .navbar-nav-scroll {
17358 overflow: visible;
17360 .navbar-expand-xl .navbar-collapse {
17361 display: flex !important;
17362 flex-basis: auto;
17364 .navbar-expand-xl .navbar-toggler {
17365 display: none;
17368 .navbar-expand {
17369 flex-flow: row nowrap;
17370 justify-content: flex-start;
17372 .navbar-expand > .container,
17373 .navbar-expand > .container-fluid,
17374 .navbar-expand > .container-sm,
17375 .navbar-expand > .container-md,
17376 .navbar-expand > .container-lg,
17377 .navbar-expand > .container-xl {
17378 padding-right: 0;
17379 padding-left: 0;
17381 .navbar-expand .navbar-nav {
17382 flex-direction: row;
17384 .navbar-expand .navbar-nav .dropdown-menu {
17385 position: absolute;
17387 .navbar-expand .navbar-nav .nav-link {
17388 padding-right: 0.5rem;
17389 padding-left: 0.5rem;
17391 .navbar-expand > .container,
17392 .navbar-expand > .container-fluid,
17393 .navbar-expand > .container-sm,
17394 .navbar-expand > .container-md,
17395 .navbar-expand > .container-lg,
17396 .navbar-expand > .container-xl {
17397 flex-wrap: nowrap;
17399 .navbar-expand .navbar-nav-scroll {
17400 overflow: visible;
17402 .navbar-expand .navbar-collapse {
17403 display: flex !important;
17404 flex-basis: auto;
17406 .navbar-expand .navbar-toggler {
17407 display: none;
17410 .navbar-light .navbar-brand {
17411 color: rgba(0, 0, 0, 0.9);
17413 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
17414 color: rgba(0, 0, 0, 0.9);
17416 .navbar-light .navbar-nav .nav-link {
17417 color: rgba(0, 0, 0, 0.6);
17419 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
17420 color: rgba(0, 0, 0, 0.9);
17422 .navbar-light .navbar-nav .nav-link.disabled {
17423 color: rgba(0, 0, 0, 0.3);
17425 .navbar-light .navbar-nav .show > .nav-link,
17426 .navbar-light .navbar-nav .active > .nav-link,
17427 .navbar-light .navbar-nav .nav-link.show,
17428 .navbar-light .navbar-nav .nav-link.active {
17429 color: rgba(0, 0, 0, 0.9);
17431 .navbar-light .navbar-toggler {
17432 color: rgba(0, 0, 0, 0.6);
17433 border-color: rgba(0, 0, 0, 0.1);
17435 .navbar-light .navbar-toggler-icon {
17436 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
17438 .navbar-light .navbar-text {
17439 color: rgba(0, 0, 0, 0.6);
17441 .navbar-light .navbar-text a {
17442 color: rgba(0, 0, 0, 0.9);
17444 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
17445 color: rgba(0, 0, 0, 0.9);
17448 .navbar-dark .navbar-brand {
17449 color: #fff;
17451 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
17452 color: #fff;
17454 .navbar-dark .navbar-nav .nav-link {
17455 color: rgba(255, 255, 255, 0.5);
17457 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
17458 color: white;
17460 .navbar-dark .navbar-nav .nav-link.disabled {
17461 color: rgba(255, 255, 255, 0.25);
17463 .navbar-dark .navbar-nav .show > .nav-link,
17464 .navbar-dark .navbar-nav .active > .nav-link,
17465 .navbar-dark .navbar-nav .nav-link.show,
17466 .navbar-dark .navbar-nav .nav-link.active {
17467 color: #fff;
17469 .navbar-dark .navbar-toggler {
17470 color: rgba(255, 255, 255, 0.5);
17471 border-color: rgba(255, 255, 255, 0.1);
17473 .navbar-dark .navbar-toggler-icon {
17474 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
17476 .navbar-dark .navbar-text {
17477 color: rgba(255, 255, 255, 0.5);
17479 .navbar-dark .navbar-text a {
17480 color: #fff;
17482 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
17483 color: #fff;
17486 .card {
17487 position: relative;
17488 display: flex;
17489 flex-direction: column;
17490 min-width: 0;
17491 word-wrap: break-word;
17492 background-color: #fff;
17493 background-clip: border-box;
17494 border: 1px solid rgba(0, 0, 0, 0.125);
17495 border-radius: 0.25rem;
17497 .card > hr {
17498 margin-right: 0;
17499 margin-left: 0;
17501 .card > .list-group {
17502 border-top: inherit;
17503 border-bottom: inherit;
17505 .card > .list-group:first-child {
17506 border-top-width: 0;
17507 border-top-left-radius: calc(0.25rem - 1px);
17508 border-top-right-radius: calc(0.25rem - 1px);
17510 .card > .list-group:last-child {
17511 border-bottom-width: 0;
17512 border-bottom-right-radius: calc(0.25rem - 1px);
17513 border-bottom-left-radius: calc(0.25rem - 1px);
17515 .card > .card-header + .list-group,
17516 .card > .list-group + .card-footer {
17517 border-top: 0;
17520 .card-body {
17521 flex: 1 1 auto;
17522 min-height: 1px;
17523 padding: 1.25rem;
17526 .card-title {
17527 margin-bottom: 0.75rem;
17530 .card-subtitle {
17531 margin-top: -0.375rem;
17532 margin-bottom: 0;
17535 .card-text:last-child {
17536 margin-bottom: 0;
17539 .card-link:hover {
17540 text-decoration: none;
17542 .card-link + .card-link {
17543 margin-left: 1.25rem;
17546 .card-header {
17547 padding: 0.75rem 1.25rem;
17548 margin-bottom: 0;
17549 background-color: rgba(0, 0, 0, 0.03);
17550 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
17552 .card-header:first-child {
17553 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
17556 .card-footer {
17557 padding: 0.75rem 1.25rem;
17558 background-color: rgba(0, 0, 0, 0.03);
17559 border-top: 1px solid rgba(0, 0, 0, 0.125);
17561 .card-footer:last-child {
17562 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
17565 .card-header-tabs {
17566 margin-right: -0.625rem;
17567 margin-bottom: -0.75rem;
17568 margin-left: -0.625rem;
17569 border-bottom: 0;
17572 .card-header-pills {
17573 margin-right: -0.625rem;
17574 margin-left: -0.625rem;
17577 .card-img-overlay {
17578 position: absolute;
17579 top: 0;
17580 right: 0;
17581 bottom: 0;
17582 left: 0;
17583 padding: 1.25rem;
17584 border-radius: calc(0.25rem - 1px);
17587 .card-img,
17588 .card-img-top,
17589 .card-img-bottom {
17590 flex-shrink: 0;
17591 width: 100%;
17594 .card-img,
17595 .card-img-top {
17596 border-top-left-radius: calc(0.25rem - 1px);
17597 border-top-right-radius: calc(0.25rem - 1px);
17600 .card-img,
17601 .card-img-bottom {
17602 border-bottom-right-radius: calc(0.25rem - 1px);
17603 border-bottom-left-radius: calc(0.25rem - 1px);
17606 .card-deck .card {
17607 margin-bottom: 0.25rem;
17609 @media (min-width: 576px) {
17610 .card-deck {
17611 display: flex;
17612 flex-flow: row wrap;
17613 margin-right: -0.25rem;
17614 margin-left: -0.25rem;
17616 .card-deck .card {
17617 flex: 1 0 0%;
17618 margin-right: 0.25rem;
17619 margin-bottom: 0;
17620 margin-left: 0.25rem;
17624 .card-group > .card {
17625 margin-bottom: 0.25rem;
17627 @media (min-width: 576px) {
17628 .card-group {
17629 display: flex;
17630 flex-flow: row wrap;
17632 .card-group > .card {
17633 flex: 1 0 0%;
17634 margin-bottom: 0;
17636 .card-group > .card + .card {
17637 margin-left: 0;
17638 border-left: 0;
17640 .card-group > .card:not(:last-child) {
17641 border-top-right-radius: 0;
17642 border-bottom-right-radius: 0;
17644 .card-group > .card:not(:last-child) .card-img-top,
17645 .card-group > .card:not(:last-child) .card-header {
17646 border-top-right-radius: 0;
17648 .card-group > .card:not(:last-child) .card-img-bottom,
17649 .card-group > .card:not(:last-child) .card-footer {
17650 border-bottom-right-radius: 0;
17652 .card-group > .card:not(:first-child) {
17653 border-top-left-radius: 0;
17654 border-bottom-left-radius: 0;
17656 .card-group > .card:not(:first-child) .card-img-top,
17657 .card-group > .card:not(:first-child) .card-header {
17658 border-top-left-radius: 0;
17660 .card-group > .card:not(:first-child) .card-img-bottom,
17661 .card-group > .card:not(:first-child) .card-footer {
17662 border-bottom-left-radius: 0;
17666 .card-columns .card {
17667 margin-bottom: 0.75rem;
17669 @media (min-width: 576px) {
17670 .card-columns {
17671 column-count: 3;
17672 column-gap: 1.25rem;
17673 orphans: 1;
17674 widows: 1;
17676 .card-columns .card {
17677 display: inline-block;
17678 width: 100%;
17682 .accordion {
17683 overflow-anchor: none;
17685 .accordion > .card {
17686 overflow: hidden;
17688 .accordion > .card:not(:last-of-type) {
17689 border-bottom: 0;
17690 border-bottom-right-radius: 0;
17691 border-bottom-left-radius: 0;
17693 .accordion > .card:not(:first-of-type) {
17694 border-top-left-radius: 0;
17695 border-top-right-radius: 0;
17697 .accordion > .card > .card-header {
17698 border-radius: 0;
17699 margin-bottom: -1px;
17702 .breadcrumb {
17703 display: flex;
17704 flex-wrap: wrap;
17705 padding: 0.25rem 0;
17706 margin-bottom: 0;
17707 list-style: none;
17708 background-color: transparent;
17709 border-radius: 0.25rem;
17712 .breadcrumb-item + .breadcrumb-item {
17713 padding-left: 0.5rem;
17715 .breadcrumb-item + .breadcrumb-item::before {
17716 float: left;
17717 padding-right: 0.5rem;
17718 color: #6a737b;
17719 content: "/";
17721 .breadcrumb-item + .breadcrumb-item:hover::before {
17722 text-decoration: underline;
17724 .breadcrumb-item + .breadcrumb-item:hover::before {
17725 text-decoration: none;
17727 .breadcrumb-item.active {
17728 color: #6a737b;
17731 .pagination {
17732 display: flex;
17733 padding-left: 0;
17734 list-style: none;
17735 border-radius: 0.25rem;
17738 .page-link {
17739 position: relative;
17740 display: block;
17741 padding: 0.5rem 0.75rem;
17742 margin-left: -1px;
17743 line-height: 1.25;
17744 color: #0f6cbf;
17745 background-color: #fff;
17746 border: 1px solid #dee2e6;
17748 .page-link:hover {
17749 z-index: 2;
17750 color: #094478;
17751 text-decoration: none;
17752 background-color: #e9ecef;
17753 border-color: #dee2e6;
17755 .page-link:focus {
17756 z-index: 3;
17757 outline: 0;
17758 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
17761 .page-item:first-child .page-link {
17762 margin-left: 0;
17763 border-top-left-radius: 0.25rem;
17764 border-bottom-left-radius: 0.25rem;
17766 .page-item:last-child .page-link {
17767 border-top-right-radius: 0.25rem;
17768 border-bottom-right-radius: 0.25rem;
17770 .page-item.active .page-link {
17771 z-index: 3;
17772 color: #fff;
17773 background-color: #0f6cbf;
17774 border-color: #0f6cbf;
17776 .page-item.disabled .page-link {
17777 color: #6a737b;
17778 pointer-events: none;
17779 cursor: auto;
17780 background-color: #fff;
17781 border-color: #dee2e6;
17784 .pagination-lg .page-link {
17785 padding: 0.75rem 1.5rem;
17786 font-size: 1.171875rem;
17787 line-height: 1.5;
17789 @media (max-width: 1200px) {
17790 .pagination-lg .page-link {
17791 font-size: calc(0.9271875rem + 0.32625vw);
17794 .pagination-lg .page-item:first-child .page-link {
17795 border-top-left-radius: 0.3rem;
17796 border-bottom-left-radius: 0.3rem;
17798 .pagination-lg .page-item:last-child .page-link {
17799 border-top-right-radius: 0.3rem;
17800 border-bottom-right-radius: 0.3rem;
17803 .pagination-sm .page-link {
17804 padding: 0.25rem 0.5rem;
17805 font-size: 0.8203125rem;
17806 line-height: 1.5;
17808 .pagination-sm .page-item:first-child .page-link {
17809 border-top-left-radius: 0.2rem;
17810 border-bottom-left-radius: 0.2rem;
17812 .pagination-sm .page-item:last-child .page-link {
17813 border-top-right-radius: 0.2rem;
17814 border-bottom-right-radius: 0.2rem;
17817 .badge {
17818 display: inline-block;
17819 padding: 0.25em 0.4em;
17820 font-size: 75%;
17821 font-weight: 700;
17822 line-height: 1;
17823 text-align: center;
17824 white-space: nowrap;
17825 vertical-align: baseline;
17826 border-radius: 0.25rem;
17827 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17829 @media (prefers-reduced-motion: reduce) {
17830 .badge {
17831 transition: none;
17834 a.badge:hover, a.badge:focus {
17835 text-decoration: none;
17838 .badge:empty {
17839 display: none;
17842 .btn .badge {
17843 position: relative;
17844 top: -1px;
17847 .badge-pill {
17848 padding-right: 0.6em;
17849 padding-left: 0.6em;
17850 border-radius: 10rem;
17853 .badge-primary {
17854 color: #fff;
17855 background-color: #0f6cbf;
17857 a.badge-primary:hover, a.badge-primary:focus {
17858 color: #fff;
17859 background-color: #0b5190;
17861 a.badge-primary:focus, a.badge-primary.focus {
17862 outline: 0;
17863 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
17866 .badge-secondary {
17867 color: #1d2125;
17868 background-color: #ced4da;
17870 a.badge-secondary:hover, a.badge-secondary:focus {
17871 color: #1d2125;
17872 background-color: #b1bbc4;
17874 a.badge-secondary:focus, a.badge-secondary.focus {
17875 outline: 0;
17876 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
17879 .badge-success {
17880 color: #fff;
17881 background-color: #357a32;
17883 a.badge-success:hover, a.badge-success:focus {
17884 color: #fff;
17885 background-color: #255623;
17887 a.badge-success:focus, a.badge-success.focus {
17888 outline: 0;
17889 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
17892 .badge-info {
17893 color: #fff;
17894 background-color: #008196;
17896 a.badge-info:hover, a.badge-info:focus {
17897 color: #fff;
17898 background-color: #005563;
17900 a.badge-info:focus, a.badge-info.focus {
17901 outline: 0;
17902 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
17905 .badge-warning {
17906 color: #1d2125;
17907 background-color: #f0ad4e;
17909 a.badge-warning:hover, a.badge-warning:focus {
17910 color: #1d2125;
17911 background-color: #ec971f;
17913 a.badge-warning:focus, a.badge-warning.focus {
17914 outline: 0;
17915 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
17918 .badge-danger {
17919 color: #fff;
17920 background-color: #ca3120;
17922 a.badge-danger:hover, a.badge-danger:focus {
17923 color: #fff;
17924 background-color: #9e2619;
17926 a.badge-danger:focus, a.badge-danger.focus {
17927 outline: 0;
17928 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
17931 .badge-light {
17932 color: #1d2125;
17933 background-color: #f8f9fa;
17935 a.badge-light:hover, a.badge-light:focus {
17936 color: #1d2125;
17937 background-color: #dae0e5;
17939 a.badge-light:focus, a.badge-light.focus {
17940 outline: 0;
17941 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
17944 .badge-dark {
17945 color: #fff;
17946 background-color: #343a40;
17948 a.badge-dark:hover, a.badge-dark:focus {
17949 color: #fff;
17950 background-color: #1d2124;
17952 a.badge-dark:focus, a.badge-dark.focus {
17953 outline: 0;
17954 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
17957 .jumbotron {
17958 padding: 2rem 1rem;
17959 margin-bottom: 2rem;
17960 background-color: #e9ecef;
17961 border-radius: 0.3rem;
17963 @media (min-width: 576px) {
17964 .jumbotron {
17965 padding: 4rem 2rem;
17969 .jumbotron-fluid {
17970 padding-right: 0;
17971 padding-left: 0;
17972 border-radius: 0;
17975 .alert {
17976 position: relative;
17977 padding: 0.75rem 1.25rem;
17978 margin-bottom: 1rem;
17979 border: 0 solid transparent;
17980 border-radius: 0.25rem;
17983 .alert-heading {
17984 color: inherit;
17987 .alert-link {
17988 font-weight: 700;
17991 .alert-dismissible {
17992 padding-right: 3.90625rem;
17994 .alert-dismissible .close {
17995 position: absolute;
17996 top: 0;
17997 right: 0;
17998 z-index: 2;
17999 padding: 0.75rem 1.25rem;
18000 color: inherit;
18003 .alert-primary {
18004 color: #083863;
18005 background-color: #cfe2f2;
18006 border-color: #bcd6ed;
18008 .alert-primary hr {
18009 border-top-color: #a8cae8;
18011 .alert-primary .alert-link {
18012 color: #041d34;
18015 .alert-secondary {
18016 color: #6b6e71;
18017 background-color: #f5f6f8;
18018 border-color: #f1f3f5;
18020 .alert-secondary hr {
18021 border-top-color: #e2e6ea;
18023 .alert-secondary .alert-link {
18024 color: #525557;
18027 .alert-success, .environmenttable .ok {
18028 color: #1c3f1a;
18029 background-color: #d7e4d6;
18030 border-color: #c6dac6;
18032 .alert-success hr, .environmenttable .ok hr {
18033 border-top-color: #b7d0b7;
18035 .alert-success .alert-link, .environmenttable .ok .alert-link {
18036 color: #0c1b0b;
18039 .alert-info {
18040 color: #00434e;
18041 background-color: #cce6ea;
18042 border-color: #b8dce2;
18044 .alert-info hr {
18045 border-top-color: #a6d3db;
18047 .alert-info .alert-link {
18048 color: #00171b;
18051 .alert-warning, .environmenttable .warn {
18052 color: #7d5a29;
18053 background-color: #fcefdc;
18054 border-color: #fbe8cd;
18056 .alert-warning hr, .environmenttable .warn hr {
18057 border-top-color: #f9ddb5;
18059 .alert-warning .alert-link, .environmenttable .warn .alert-link {
18060 color: #573e1c;
18063 .alert-danger, .environmenttable .error {
18064 color: #691911;
18065 background-color: #f4d6d2;
18066 border-color: #f0c5c1;
18068 .alert-danger hr, .environmenttable .error hr {
18069 border-top-color: #ebb2ac;
18071 .alert-danger .alert-link, .environmenttable .error .alert-link {
18072 color: #3d0f0a;
18075 .alert-light {
18076 color: #818182;
18077 background-color: #fefefe;
18078 border-color: #fdfdfe;
18080 .alert-light hr {
18081 border-top-color: #ececf6;
18083 .alert-light .alert-link {
18084 color: #686868;
18087 .alert-dark {
18088 color: #1b1e21;
18089 background-color: #d6d8d9;
18090 border-color: #c6c8ca;
18092 .alert-dark hr {
18093 border-top-color: #b9bbbe;
18095 .alert-dark .alert-link {
18096 color: #040505;
18099 @keyframes progress-bar-stripes {
18100 from {
18101 background-position: 1rem 0;
18103 to {
18104 background-position: 0 0;
18107 .progress {
18108 display: flex;
18109 height: 1rem;
18110 overflow: hidden;
18111 line-height: 0;
18112 font-size: 0.703125rem;
18113 background-color: #e9ecef;
18114 border-radius: 0.25rem;
18117 .progress-bar {
18118 display: flex;
18119 flex-direction: column;
18120 justify-content: center;
18121 overflow: hidden;
18122 color: #fff;
18123 text-align: center;
18124 white-space: nowrap;
18125 background-color: #0f6cbf;
18126 transition: width 0.6s ease;
18128 @media (prefers-reduced-motion: reduce) {
18129 .progress-bar {
18130 transition: none;
18134 .progress-bar-striped {
18135 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
18136 background-size: 1rem 1rem;
18139 .progress-bar-animated {
18140 animation: 1s linear infinite progress-bar-stripes;
18142 @media (prefers-reduced-motion: reduce) {
18143 .progress-bar-animated {
18144 animation: none;
18148 .media {
18149 display: flex;
18150 align-items: flex-start;
18153 .media-body {
18154 flex: 1;
18157 .list-group {
18158 display: flex;
18159 flex-direction: column;
18160 padding-left: 0;
18161 margin-bottom: 0;
18162 border-radius: 0.25rem;
18165 .list-group-item-action {
18166 width: 100%;
18167 color: #495057;
18168 text-align: inherit;
18170 .list-group-item-action:hover, .list-group-item-action:focus {
18171 z-index: 1;
18172 color: #495057;
18173 text-decoration: none;
18174 background-color: #f8f9fa;
18176 .list-group-item-action:active {
18177 color: #1d2125;
18178 background-color: #e9ecef;
18181 .list-group-item {
18182 position: relative;
18183 display: block;
18184 padding: 0.75rem 1.25rem;
18185 background-color: #fff;
18186 border: 1px solid rgba(0, 0, 0, 0.125);
18188 .list-group-item:first-child {
18189 border-top-left-radius: inherit;
18190 border-top-right-radius: inherit;
18192 .list-group-item:last-child {
18193 border-bottom-right-radius: inherit;
18194 border-bottom-left-radius: inherit;
18196 .list-group-item.disabled, .list-group-item:disabled {
18197 color: #6a737b;
18198 pointer-events: none;
18199 background-color: #fff;
18201 .list-group-item.active {
18202 z-index: 2;
18203 color: #fff;
18204 background-color: #0f6cbf;
18205 border-color: #0f6cbf;
18207 .list-group-item + .list-group-item {
18208 border-top-width: 0;
18210 .list-group-item + .list-group-item.active {
18211 margin-top: -1px;
18212 border-top-width: 1px;
18215 .list-group-horizontal {
18216 flex-direction: row;
18218 .list-group-horizontal > .list-group-item:first-child {
18219 border-bottom-left-radius: 0.25rem;
18220 border-top-right-radius: 0;
18222 .list-group-horizontal > .list-group-item:last-child {
18223 border-top-right-radius: 0.25rem;
18224 border-bottom-left-radius: 0;
18226 .list-group-horizontal > .list-group-item.active {
18227 margin-top: 0;
18229 .list-group-horizontal > .list-group-item + .list-group-item {
18230 border-top-width: 1px;
18231 border-left-width: 0;
18233 .list-group-horizontal > .list-group-item + .list-group-item.active {
18234 margin-left: -1px;
18235 border-left-width: 1px;
18238 @media (min-width: 576px) {
18239 .list-group-horizontal-sm {
18240 flex-direction: row;
18242 .list-group-horizontal-sm > .list-group-item:first-child {
18243 border-bottom-left-radius: 0.25rem;
18244 border-top-right-radius: 0;
18246 .list-group-horizontal-sm > .list-group-item:last-child {
18247 border-top-right-radius: 0.25rem;
18248 border-bottom-left-radius: 0;
18250 .list-group-horizontal-sm > .list-group-item.active {
18251 margin-top: 0;
18253 .list-group-horizontal-sm > .list-group-item + .list-group-item {
18254 border-top-width: 1px;
18255 border-left-width: 0;
18257 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
18258 margin-left: -1px;
18259 border-left-width: 1px;
18262 @media (min-width: 768px) {
18263 .list-group-horizontal-md {
18264 flex-direction: row;
18266 .list-group-horizontal-md > .list-group-item:first-child {
18267 border-bottom-left-radius: 0.25rem;
18268 border-top-right-radius: 0;
18270 .list-group-horizontal-md > .list-group-item:last-child {
18271 border-top-right-radius: 0.25rem;
18272 border-bottom-left-radius: 0;
18274 .list-group-horizontal-md > .list-group-item.active {
18275 margin-top: 0;
18277 .list-group-horizontal-md > .list-group-item + .list-group-item {
18278 border-top-width: 1px;
18279 border-left-width: 0;
18281 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
18282 margin-left: -1px;
18283 border-left-width: 1px;
18286 @media (min-width: 992px) {
18287 .list-group-horizontal-lg {
18288 flex-direction: row;
18290 .list-group-horizontal-lg > .list-group-item:first-child {
18291 border-bottom-left-radius: 0.25rem;
18292 border-top-right-radius: 0;
18294 .list-group-horizontal-lg > .list-group-item:last-child {
18295 border-top-right-radius: 0.25rem;
18296 border-bottom-left-radius: 0;
18298 .list-group-horizontal-lg > .list-group-item.active {
18299 margin-top: 0;
18301 .list-group-horizontal-lg > .list-group-item + .list-group-item {
18302 border-top-width: 1px;
18303 border-left-width: 0;
18305 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
18306 margin-left: -1px;
18307 border-left-width: 1px;
18310 @media (min-width: 1200px) {
18311 .list-group-horizontal-xl {
18312 flex-direction: row;
18314 .list-group-horizontal-xl > .list-group-item:first-child {
18315 border-bottom-left-radius: 0.25rem;
18316 border-top-right-radius: 0;
18318 .list-group-horizontal-xl > .list-group-item:last-child {
18319 border-top-right-radius: 0.25rem;
18320 border-bottom-left-radius: 0;
18322 .list-group-horizontal-xl > .list-group-item.active {
18323 margin-top: 0;
18325 .list-group-horizontal-xl > .list-group-item + .list-group-item {
18326 border-top-width: 1px;
18327 border-left-width: 0;
18329 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
18330 margin-left: -1px;
18331 border-left-width: 1px;
18334 .list-group-flush {
18335 border-radius: 0;
18337 .list-group-flush > .list-group-item {
18338 border-width: 0 0 1px;
18340 .list-group-flush > .list-group-item:last-child {
18341 border-bottom-width: 0;
18344 .list-group-item-primary {
18345 color: #083863;
18346 background-color: #bcd6ed;
18348 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
18349 color: #083863;
18350 background-color: #a8cae8;
18352 .list-group-item-primary.list-group-item-action.active {
18353 color: #fff;
18354 background-color: #083863;
18355 border-color: #083863;
18358 .list-group-item-secondary {
18359 color: #6b6e71;
18360 background-color: #f1f3f5;
18362 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
18363 color: #6b6e71;
18364 background-color: #e2e6ea;
18366 .list-group-item-secondary.list-group-item-action.active {
18367 color: #fff;
18368 background-color: #6b6e71;
18369 border-color: #6b6e71;
18372 .list-group-item-success {
18373 color: #1c3f1a;
18374 background-color: #c6dac6;
18376 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
18377 color: #1c3f1a;
18378 background-color: #b7d0b7;
18380 .list-group-item-success.list-group-item-action.active {
18381 color: #fff;
18382 background-color: #1c3f1a;
18383 border-color: #1c3f1a;
18386 .list-group-item-info {
18387 color: #00434e;
18388 background-color: #b8dce2;
18390 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
18391 color: #00434e;
18392 background-color: #a6d3db;
18394 .list-group-item-info.list-group-item-action.active {
18395 color: #fff;
18396 background-color: #00434e;
18397 border-color: #00434e;
18400 .list-group-item-warning {
18401 color: #7d5a29;
18402 background-color: #fbe8cd;
18404 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
18405 color: #7d5a29;
18406 background-color: #f9ddb5;
18408 .list-group-item-warning.list-group-item-action.active {
18409 color: #fff;
18410 background-color: #7d5a29;
18411 border-color: #7d5a29;
18414 .list-group-item-danger {
18415 color: #691911;
18416 background-color: #f0c5c1;
18418 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
18419 color: #691911;
18420 background-color: #ebb2ac;
18422 .list-group-item-danger.list-group-item-action.active {
18423 color: #fff;
18424 background-color: #691911;
18425 border-color: #691911;
18428 .list-group-item-light {
18429 color: #818182;
18430 background-color: #fdfdfe;
18432 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
18433 color: #818182;
18434 background-color: #ececf6;
18436 .list-group-item-light.list-group-item-action.active {
18437 color: #fff;
18438 background-color: #818182;
18439 border-color: #818182;
18442 .list-group-item-dark {
18443 color: #1b1e21;
18444 background-color: #c6c8ca;
18446 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
18447 color: #1b1e21;
18448 background-color: #b9bbbe;
18450 .list-group-item-dark.list-group-item-action.active {
18451 color: #fff;
18452 background-color: #1b1e21;
18453 border-color: #1b1e21;
18456 .close {
18457 float: right;
18458 font-size: 1.40625rem;
18459 font-weight: 700;
18460 line-height: 1;
18461 color: #000;
18462 text-shadow: 0 1px 0 #fff;
18463 opacity: 0.5;
18465 @media (max-width: 1200px) {
18466 .close {
18467 font-size: calc(0.950625rem + 0.6075vw);
18470 .close:hover {
18471 color: #000;
18472 text-decoration: none;
18474 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
18475 opacity: 0.75;
18478 button.close {
18479 padding: 0;
18480 background-color: transparent;
18481 border: 0;
18484 a.close.disabled {
18485 pointer-events: none;
18488 .toast {
18489 flex-basis: 350px;
18490 max-width: 350px;
18491 font-size: 0.875rem;
18492 color: #fff;
18493 background-color: rgba(29, 33, 37, 0.95);
18494 background-clip: padding-box;
18495 border: 1px solid rgba(0, 0, 0, 0.1);
18496 box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
18497 opacity: 0;
18498 border-radius: 0.25rem;
18500 .toast:not(:last-child) {
18501 margin-bottom: 0.75rem;
18503 .toast.showing {
18504 opacity: 1;
18506 .toast.show {
18507 display: block;
18508 opacity: 1;
18510 .toast.hide {
18511 display: none;
18514 .toast-header {
18515 display: flex;
18516 align-items: center;
18517 padding: 0.25rem 0.75rem;
18518 color: #f8f9fa;
18519 background-color: rgba(255, 255, 255, 0.1);
18520 background-clip: padding-box;
18521 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
18522 border-top-left-radius: calc(0.25rem - 1px);
18523 border-top-right-radius: calc(0.25rem - 1px);
18526 .toast-body {
18527 padding: 0.75rem;
18530 .modal-open {
18531 overflow: hidden;
18533 .modal-open .modal {
18534 overflow-x: hidden;
18535 overflow-y: auto;
18538 .modal {
18539 position: fixed;
18540 top: 0;
18541 left: 0;
18542 z-index: 1050;
18543 display: none;
18544 width: 100%;
18545 height: 100%;
18546 overflow: hidden;
18547 outline: 0;
18550 .modal-dialog {
18551 position: relative;
18552 width: auto;
18553 margin: 0.5rem;
18554 pointer-events: none;
18556 .modal.fade .modal-dialog {
18557 transition: transform 0.3s ease-out;
18558 transform: translate(0, -50px);
18560 @media (prefers-reduced-motion: reduce) {
18561 .modal.fade .modal-dialog {
18562 transition: none;
18565 .modal.show .modal-dialog {
18566 transform: none;
18568 .modal.modal-static .modal-dialog {
18569 transform: scale(1.02);
18572 .modal-dialog-scrollable {
18573 display: flex;
18574 max-height: calc(100% - 1rem);
18576 .modal-dialog-scrollable .modal-content {
18577 max-height: calc(100vh - 1rem);
18578 overflow: hidden;
18580 .modal-dialog-scrollable .modal-header,
18581 .modal-dialog-scrollable .modal-footer {
18582 flex-shrink: 0;
18584 .modal-dialog-scrollable .modal-body {
18585 overflow-y: auto;
18588 .modal-dialog-centered {
18589 display: flex;
18590 align-items: center;
18591 min-height: calc(100% - 1rem);
18593 .modal-dialog-centered::before {
18594 display: block;
18595 height: calc(100vh - 1rem);
18596 height: min-content;
18597 content: "";
18599 .modal-dialog-centered.modal-dialog-scrollable {
18600 flex-direction: column;
18601 justify-content: center;
18602 height: 100%;
18604 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
18605 max-height: none;
18607 .modal-dialog-centered.modal-dialog-scrollable::before {
18608 content: none;
18611 .modal-content {
18612 position: relative;
18613 display: flex;
18614 flex-direction: column;
18615 width: 100%;
18616 pointer-events: auto;
18617 background-color: #fff;
18618 background-clip: padding-box;
18619 border: 1px solid rgba(0, 0, 0, 0.2);
18620 border-radius: 0.3rem;
18621 outline: 0;
18624 .modal-backdrop {
18625 position: fixed;
18626 top: 0;
18627 left: 0;
18628 z-index: 1040;
18629 width: 100vw;
18630 height: 100vh;
18631 background-color: #000;
18633 .modal-backdrop.fade {
18634 opacity: 0;
18636 .modal-backdrop.show {
18637 opacity: 0.5;
18640 .modal-header {
18641 display: flex;
18642 align-items: flex-start;
18643 justify-content: space-between;
18644 padding: 1rem 1rem;
18645 border-bottom: 1px solid #dee2e6;
18646 border-top-left-radius: calc(0.3rem - 1px);
18647 border-top-right-radius: calc(0.3rem - 1px);
18649 .modal-header .close {
18650 padding: 1rem 1rem;
18651 margin: -1rem -1rem -1rem auto;
18654 .modal-title {
18655 margin-bottom: 0;
18656 line-height: 1.5;
18659 .modal-body {
18660 position: relative;
18661 flex: 1 1 auto;
18662 padding: 1rem;
18665 .modal-footer {
18666 display: flex;
18667 flex-wrap: wrap;
18668 align-items: center;
18669 justify-content: flex-end;
18670 padding: 0.75rem;
18671 border-top: 1px solid #dee2e6;
18672 border-bottom-right-radius: calc(0.3rem - 1px);
18673 border-bottom-left-radius: calc(0.3rem - 1px);
18675 .modal-footer > * {
18676 margin: 0.25rem;
18679 .modal-scrollbar-measure {
18680 position: absolute;
18681 top: -9999px;
18682 width: 50px;
18683 height: 50px;
18684 overflow: scroll;
18687 @media (min-width: 576px) {
18688 .modal-dialog {
18689 max-width: 500px;
18690 margin: 1.75rem auto;
18692 .modal-dialog-scrollable {
18693 max-height: calc(100% - 3.5rem);
18695 .modal-dialog-scrollable .modal-content {
18696 max-height: calc(100vh - 3.5rem);
18698 .modal-dialog-centered {
18699 min-height: calc(100% - 3.5rem);
18701 .modal-dialog-centered::before {
18702 height: calc(100vh - 3.5rem);
18703 height: min-content;
18705 .modal-sm {
18706 max-width: 300px;
18709 @media (min-width: 992px) {
18710 .modal-lg,
18711 .modal-xl {
18712 max-width: 800px;
18715 @media (min-width: 1200px) {
18716 .modal-xl {
18717 max-width: 1140px;
18720 .tooltip {
18721 position: absolute;
18722 z-index: 1070;
18723 display: block;
18724 margin: 0;
18725 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18726 font-style: normal;
18727 font-weight: 400;
18728 line-height: 1.5;
18729 text-align: left;
18730 text-align: start;
18731 text-decoration: none;
18732 text-shadow: none;
18733 text-transform: none;
18734 letter-spacing: normal;
18735 word-break: normal;
18736 white-space: normal;
18737 word-spacing: normal;
18738 line-break: auto;
18739 font-size: 0.8203125rem;
18740 word-wrap: break-word;
18741 opacity: 0;
18743 .tooltip.show {
18744 opacity: 0.9;
18746 .tooltip .arrow {
18747 position: absolute;
18748 display: block;
18749 width: 0.8rem;
18750 height: 0.4rem;
18752 .tooltip .arrow::before {
18753 position: absolute;
18754 content: "";
18755 border-color: transparent;
18756 border-style: solid;
18759 .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
18760 padding: 0.4rem 0;
18762 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
18763 bottom: 0;
18765 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
18766 top: 0;
18767 border-width: 0.4rem 0.4rem 0;
18768 border-top-color: #000;
18771 .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
18772 padding: 0 0.4rem;
18774 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
18775 left: 0;
18776 width: 0.4rem;
18777 height: 0.8rem;
18779 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
18780 right: 0;
18781 border-width: 0.4rem 0.4rem 0.4rem 0;
18782 border-right-color: #000;
18785 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
18786 padding: 0.4rem 0;
18788 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
18789 top: 0;
18791 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
18792 bottom: 0;
18793 border-width: 0 0.4rem 0.4rem;
18794 border-bottom-color: #000;
18797 .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
18798 padding: 0 0.4rem;
18800 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
18801 right: 0;
18802 width: 0.4rem;
18803 height: 0.8rem;
18805 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
18806 left: 0;
18807 border-width: 0.4rem 0 0.4rem 0.4rem;
18808 border-left-color: #000;
18811 .tooltip-inner {
18812 max-width: 200px;
18813 padding: 0.25rem 0.5rem;
18814 color: #fff;
18815 text-align: center;
18816 background-color: #000;
18817 border-radius: 0.25rem;
18820 .popover {
18821 position: absolute;
18822 top: 0;
18823 z-index: 1060;
18824 display: block;
18825 max-width: 276px;
18826 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18827 font-style: normal;
18828 font-weight: 400;
18829 line-height: 1.5;
18830 text-align: left;
18831 text-align: start;
18832 text-decoration: none;
18833 text-shadow: none;
18834 text-transform: none;
18835 letter-spacing: normal;
18836 word-break: normal;
18837 white-space: normal;
18838 word-spacing: normal;
18839 line-break: auto;
18840 font-size: 0.8203125rem;
18841 word-wrap: break-word;
18842 background-color: #fff;
18843 background-clip: padding-box;
18844 border: 1px solid rgba(0, 0, 0, 0.2);
18845 border-radius: 0.3rem;
18847 .popover .arrow {
18848 position: absolute;
18849 display: block;
18850 width: 1rem;
18851 height: 0.5rem;
18852 margin: 0 0.3rem;
18854 .popover .arrow::before, .popover .arrow::after {
18855 position: absolute;
18856 display: block;
18857 content: "";
18858 border-color: transparent;
18859 border-style: solid;
18862 .bs-popover-top, .bs-popover-auto[x-placement^=top] {
18863 margin-bottom: 0.5rem;
18865 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
18866 bottom: calc(-0.5rem - 1px);
18868 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
18869 bottom: 0;
18870 border-width: 0.5rem 0.5rem 0;
18871 border-top-color: rgba(0, 0, 0, 0.25);
18873 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
18874 bottom: 1px;
18875 border-width: 0.5rem 0.5rem 0;
18876 border-top-color: #fff;
18879 .bs-popover-right, .bs-popover-auto[x-placement^=right] {
18880 margin-left: 0.5rem;
18882 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
18883 left: calc(-0.5rem - 1px);
18884 width: 0.5rem;
18885 height: 1rem;
18886 margin: 0.3rem 0;
18888 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
18889 left: 0;
18890 border-width: 0.5rem 0.5rem 0.5rem 0;
18891 border-right-color: rgba(0, 0, 0, 0.25);
18893 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
18894 left: 1px;
18895 border-width: 0.5rem 0.5rem 0.5rem 0;
18896 border-right-color: #fff;
18899 .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
18900 margin-top: 0.5rem;
18902 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
18903 top: calc(-0.5rem - 1px);
18905 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
18906 top: 0;
18907 border-width: 0 0.5rem 0.5rem 0.5rem;
18908 border-bottom-color: rgba(0, 0, 0, 0.25);
18910 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
18911 top: 1px;
18912 border-width: 0 0.5rem 0.5rem 0.5rem;
18913 border-bottom-color: #fff;
18915 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
18916 position: absolute;
18917 top: 0;
18918 left: 50%;
18919 display: block;
18920 width: 1rem;
18921 margin-left: -0.5rem;
18922 content: "";
18923 border-bottom: 1px solid #f7f7f7;
18926 .bs-popover-left, .bs-popover-auto[x-placement^=left] {
18927 margin-right: 0.5rem;
18929 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
18930 right: calc(-0.5rem - 1px);
18931 width: 0.5rem;
18932 height: 1rem;
18933 margin: 0.3rem 0;
18935 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
18936 right: 0;
18937 border-width: 0.5rem 0 0.5rem 0.5rem;
18938 border-left-color: rgba(0, 0, 0, 0.25);
18940 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
18941 right: 1px;
18942 border-width: 0.5rem 0 0.5rem 0.5rem;
18943 border-left-color: #fff;
18946 .popover-header {
18947 padding: 0.5rem 0.75rem;
18948 margin-bottom: 0;
18949 font-size: 0.9375rem;
18950 background-color: #f7f7f7;
18951 border-bottom: 1px solid #ebebeb;
18952 border-top-left-radius: calc(0.3rem - 1px);
18953 border-top-right-radius: calc(0.3rem - 1px);
18955 @media (max-width: 1200px) {
18956 .popover-header {
18957 font-size: calc(0.90375rem + 0.045vw);
18960 .popover-header:empty {
18961 display: none;
18964 .popover-body {
18965 padding: 0.5rem 0.75rem;
18966 color: #1d2125;
18969 .carousel {
18970 position: relative;
18973 .carousel.pointer-event {
18974 touch-action: pan-y;
18977 .carousel-inner {
18978 position: relative;
18979 width: 100%;
18980 overflow: hidden;
18982 .carousel-inner::after {
18983 display: block;
18984 clear: both;
18985 content: "";
18988 .carousel-item {
18989 position: relative;
18990 display: none;
18991 float: left;
18992 width: 100%;
18993 margin-right: -100%;
18994 backface-visibility: hidden;
18995 transition: transform 0.6s ease-in-out;
18997 @media (prefers-reduced-motion: reduce) {
18998 .carousel-item {
18999 transition: none;
19003 .carousel-item.active,
19004 .carousel-item-next,
19005 .carousel-item-prev {
19006 display: block;
19009 .carousel-item-next:not(.carousel-item-left),
19010 .active.carousel-item-right {
19011 transform: translateX(100%);
19014 .carousel-item-prev:not(.carousel-item-right),
19015 .active.carousel-item-left {
19016 transform: translateX(-100%);
19019 .carousel-fade .carousel-item {
19020 opacity: 0;
19021 transition-property: opacity;
19022 transform: none;
19024 .carousel-fade .carousel-item.active,
19025 .carousel-fade .carousel-item-next.carousel-item-left,
19026 .carousel-fade .carousel-item-prev.carousel-item-right {
19027 z-index: 1;
19028 opacity: 1;
19030 .carousel-fade .active.carousel-item-left,
19031 .carousel-fade .active.carousel-item-right {
19032 z-index: 0;
19033 opacity: 0;
19034 transition: opacity 0s 0.6s;
19036 @media (prefers-reduced-motion: reduce) {
19037 .carousel-fade .active.carousel-item-left,
19038 .carousel-fade .active.carousel-item-right {
19039 transition: none;
19043 .carousel-control-prev,
19044 .carousel-control-next {
19045 position: absolute;
19046 top: 0;
19047 bottom: 0;
19048 z-index: 1;
19049 display: flex;
19050 align-items: center;
19051 justify-content: center;
19052 width: 15%;
19053 padding: 0;
19054 color: #fff;
19055 text-align: center;
19056 background: none;
19057 border: 0;
19058 opacity: 0.5;
19059 transition: opacity 0.15s ease;
19061 @media (prefers-reduced-motion: reduce) {
19062 .carousel-control-prev,
19063 .carousel-control-next {
19064 transition: none;
19067 .carousel-control-prev:hover, .carousel-control-prev:focus,
19068 .carousel-control-next:hover,
19069 .carousel-control-next:focus {
19070 color: #fff;
19071 text-decoration: none;
19072 outline: 0;
19073 opacity: 0.9;
19076 .carousel-control-prev {
19077 left: 0;
19080 .carousel-control-next {
19081 right: 0;
19084 .carousel-control-prev-icon,
19085 .carousel-control-next-icon {
19086 display: inline-block;
19087 width: 20px;
19088 height: 20px;
19089 background: 50%/100% 100% no-repeat;
19092 .carousel-control-prev-icon {
19093 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
19096 .carousel-control-next-icon {
19097 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
19100 .carousel-indicators {
19101 position: absolute;
19102 right: 0;
19103 bottom: 0;
19104 left: 0;
19105 z-index: 15;
19106 display: flex;
19107 justify-content: center;
19108 padding-left: 0;
19109 margin-right: 15%;
19110 margin-left: 15%;
19111 list-style: none;
19113 .carousel-indicators li {
19114 box-sizing: content-box;
19115 flex: 0 1 auto;
19116 width: 30px;
19117 height: 3px;
19118 margin-right: 3px;
19119 margin-left: 3px;
19120 text-indent: -999px;
19121 cursor: pointer;
19122 background-color: #fff;
19123 background-clip: padding-box;
19124 border-top: 10px solid transparent;
19125 border-bottom: 10px solid transparent;
19126 opacity: 0.5;
19127 transition: opacity 0.6s ease;
19129 @media (prefers-reduced-motion: reduce) {
19130 .carousel-indicators li {
19131 transition: none;
19134 .carousel-indicators .active {
19135 opacity: 1;
19138 .carousel-caption {
19139 position: absolute;
19140 right: 15%;
19141 bottom: 20px;
19142 left: 15%;
19143 z-index: 10;
19144 padding-top: 20px;
19145 padding-bottom: 20px;
19146 color: #fff;
19147 text-align: center;
19150 @keyframes spinner-border {
19151 to {
19152 transform: rotate(360deg);
19155 .spinner-border {
19156 display: inline-block;
19157 width: 2rem;
19158 height: 2rem;
19159 vertical-align: -0.125em;
19160 border: 0.25em solid currentcolor;
19161 border-right-color: transparent;
19162 border-radius: 50%;
19163 animation: 0.75s linear infinite spinner-border;
19166 .spinner-border-sm {
19167 width: 1rem;
19168 height: 1rem;
19169 border-width: 0.2em;
19172 @keyframes spinner-grow {
19173 0% {
19174 transform: scale(0);
19176 50% {
19177 opacity: 1;
19178 transform: none;
19181 .spinner-grow {
19182 display: inline-block;
19183 width: 2rem;
19184 height: 2rem;
19185 vertical-align: -0.125em;
19186 background-color: currentcolor;
19187 border-radius: 50%;
19188 opacity: 0;
19189 animation: 0.75s linear infinite spinner-grow;
19192 .spinner-grow-sm {
19193 width: 1rem;
19194 height: 1rem;
19197 @media (prefers-reduced-motion: reduce) {
19198 .spinner-border,
19199 .spinner-grow {
19200 animation-duration: 1.5s;
19203 .align-baseline {
19204 vertical-align: baseline !important;
19207 .align-top, [data-filterregion=value] div:first-of-type {
19208 vertical-align: top !important;
19211 .align-middle, .reportbuilder-table td {
19212 vertical-align: middle !important;
19215 .align-bottom {
19216 vertical-align: bottom !important;
19219 .align-text-bottom {
19220 vertical-align: text-bottom !important;
19223 .align-text-top {
19224 vertical-align: text-top !important;
19227 .bg-primary {
19228 background-color: #0f6cbf !important;
19231 a.bg-primary:hover, a.bg-primary:focus,
19232 button.bg-primary:hover,
19233 button.bg-primary:focus {
19234 background-color: #0b5190 !important;
19237 .bg-secondary {
19238 background-color: #ced4da !important;
19241 a.bg-secondary:hover, a.bg-secondary:focus,
19242 button.bg-secondary:hover,
19243 button.bg-secondary:focus {
19244 background-color: #b1bbc4 !important;
19247 .bg-success {
19248 background-color: #357a32 !important;
19251 a.bg-success:hover, a.bg-success:focus,
19252 button.bg-success:hover,
19253 button.bg-success:focus {
19254 background-color: #255623 !important;
19257 .bg-info {
19258 background-color: #008196 !important;
19261 a.bg-info:hover, a.bg-info:focus,
19262 button.bg-info:hover,
19263 button.bg-info:focus {
19264 background-color: #005563 !important;
19267 .bg-warning {
19268 background-color: #f0ad4e !important;
19271 a.bg-warning:hover, a.bg-warning:focus,
19272 button.bg-warning:hover,
19273 button.bg-warning:focus {
19274 background-color: #ec971f !important;
19277 .bg-danger {
19278 background-color: #ca3120 !important;
19281 a.bg-danger:hover, a.bg-danger:focus,
19282 button.bg-danger:hover,
19283 button.bg-danger:focus {
19284 background-color: #9e2619 !important;
19287 .bg-light {
19288 background-color: #f8f9fa !important;
19291 a.bg-light:hover, a.bg-light:focus,
19292 button.bg-light:hover,
19293 button.bg-light:focus {
19294 background-color: #dae0e5 !important;
19297 .bg-dark {
19298 background-color: #343a40 !important;
19301 a.bg-dark:hover, a.bg-dark:focus,
19302 button.bg-dark:hover,
19303 button.bg-dark:focus {
19304 background-color: #1d2124 !important;
19307 .bg-white {
19308 background-color: #fff !important;
19311 .bg-transparent {
19312 background-color: transparent !important;
19315 .border {
19316 border: 1px solid #dee2e6 !important;
19319 .border-top {
19320 border-top: 1px solid #dee2e6 !important;
19323 .border-right {
19324 border-right: 1px solid #dee2e6 !important;
19327 .border-bottom {
19328 border-bottom: 1px solid #dee2e6 !important;
19331 .border-left {
19332 border-left: 1px solid #dee2e6 !important;
19335 .border-0 {
19336 border: 0 !important;
19339 .border-top-0 {
19340 border-top: 0 !important;
19343 .border-right-0 {
19344 border-right: 0 !important;
19347 .border-bottom-0 {
19348 border-bottom: 0 !important;
19351 .border-left-0 {
19352 border-left: 0 !important;
19355 .border-primary {
19356 border-color: #0f6cbf !important;
19359 .border-secondary {
19360 border-color: #ced4da !important;
19363 .border-success {
19364 border-color: #357a32 !important;
19367 .border-info {
19368 border-color: #008196 !important;
19371 .border-warning {
19372 border-color: #f0ad4e !important;
19375 .border-danger {
19376 border-color: #ca3120 !important;
19379 .border-light {
19380 border-color: #f8f9fa !important;
19383 .border-dark {
19384 border-color: #343a40 !important;
19387 .border-white {
19388 border-color: #fff !important;
19391 .rounded-sm {
19392 border-radius: 0.2rem !important;
19395 .rounded {
19396 border-radius: 0.25rem !important;
19399 .rounded-top {
19400 border-top-left-radius: 0.25rem !important;
19401 border-top-right-radius: 0.25rem !important;
19404 .rounded-right {
19405 border-top-right-radius: 0.25rem !important;
19406 border-bottom-right-radius: 0.25rem !important;
19409 .rounded-bottom {
19410 border-bottom-right-radius: 0.25rem !important;
19411 border-bottom-left-radius: 0.25rem !important;
19414 .rounded-left {
19415 border-top-left-radius: 0.25rem !important;
19416 border-bottom-left-radius: 0.25rem !important;
19419 .rounded-lg {
19420 border-radius: 0.3rem !important;
19423 .rounded-circle {
19424 border-radius: 50% !important;
19427 .rounded-pill {
19428 border-radius: 50rem !important;
19431 .rounded-0 {
19432 border-radius: 0 !important;
19435 .clearfix::after {
19436 display: block;
19437 clear: both;
19438 content: "";
19441 .d-none {
19442 display: none !important;
19445 .d-inline {
19446 display: inline !important;
19449 .d-inline-block {
19450 display: inline-block !important;
19453 .d-block {
19454 display: block !important;
19457 .d-table {
19458 display: table !important;
19461 .d-table-row {
19462 display: table-row !important;
19465 .d-table-cell {
19466 display: table-cell !important;
19469 .d-flex {
19470 display: flex !important;
19473 .d-inline-flex {
19474 display: inline-flex !important;
19477 @media (min-width: 576px) {
19478 .d-sm-none {
19479 display: none !important;
19481 .d-sm-inline {
19482 display: inline !important;
19484 .d-sm-inline-block {
19485 display: inline-block !important;
19487 .d-sm-block {
19488 display: block !important;
19490 .d-sm-table {
19491 display: table !important;
19493 .d-sm-table-row {
19494 display: table-row !important;
19496 .d-sm-table-cell {
19497 display: table-cell !important;
19499 .d-sm-flex {
19500 display: flex !important;
19502 .d-sm-inline-flex {
19503 display: inline-flex !important;
19506 @media (min-width: 768px) {
19507 .d-md-none {
19508 display: none !important;
19510 .d-md-inline {
19511 display: inline !important;
19513 .d-md-inline-block {
19514 display: inline-block !important;
19516 .d-md-block {
19517 display: block !important;
19519 .d-md-table {
19520 display: table !important;
19522 .d-md-table-row {
19523 display: table-row !important;
19525 .d-md-table-cell {
19526 display: table-cell !important;
19528 .d-md-flex {
19529 display: flex !important;
19531 .d-md-inline-flex {
19532 display: inline-flex !important;
19535 @media (min-width: 992px) {
19536 .d-lg-none {
19537 display: none !important;
19539 .d-lg-inline {
19540 display: inline !important;
19542 .d-lg-inline-block {
19543 display: inline-block !important;
19545 .d-lg-block {
19546 display: block !important;
19548 .d-lg-table {
19549 display: table !important;
19551 .d-lg-table-row {
19552 display: table-row !important;
19554 .d-lg-table-cell {
19555 display: table-cell !important;
19557 .d-lg-flex {
19558 display: flex !important;
19560 .d-lg-inline-flex {
19561 display: inline-flex !important;
19564 @media (min-width: 1200px) {
19565 .d-xl-none {
19566 display: none !important;
19568 .d-xl-inline {
19569 display: inline !important;
19571 .d-xl-inline-block {
19572 display: inline-block !important;
19574 .d-xl-block {
19575 display: block !important;
19577 .d-xl-table {
19578 display: table !important;
19580 .d-xl-table-row {
19581 display: table-row !important;
19583 .d-xl-table-cell {
19584 display: table-cell !important;
19586 .d-xl-flex {
19587 display: flex !important;
19589 .d-xl-inline-flex {
19590 display: inline-flex !important;
19593 @media print {
19594 .d-print-none {
19595 display: none !important;
19597 .d-print-inline {
19598 display: inline !important;
19600 .d-print-inline-block {
19601 display: inline-block !important;
19603 .d-print-block {
19604 display: block !important;
19606 .d-print-table {
19607 display: table !important;
19609 .d-print-table-row {
19610 display: table-row !important;
19612 .d-print-table-cell {
19613 display: table-cell !important;
19615 .d-print-flex {
19616 display: flex !important;
19618 .d-print-inline-flex {
19619 display: inline-flex !important;
19622 .embed-responsive {
19623 position: relative;
19624 display: block;
19625 width: 100%;
19626 padding: 0;
19627 overflow: hidden;
19629 .embed-responsive::before {
19630 display: block;
19631 content: "";
19633 .embed-responsive .embed-responsive-item,
19634 .embed-responsive iframe,
19635 .embed-responsive embed,
19636 .embed-responsive object,
19637 .embed-responsive video {
19638 position: absolute;
19639 top: 0;
19640 bottom: 0;
19641 left: 0;
19642 width: 100%;
19643 height: 100%;
19644 border: 0;
19647 .embed-responsive-21by9::before {
19648 padding-top: 42.85714286%;
19651 .embed-responsive-16by9::before {
19652 padding-top: 56.25%;
19655 .embed-responsive-4by3::before {
19656 padding-top: 75%;
19659 .embed-responsive-1by1::before {
19660 padding-top: 100%;
19663 .flex-row {
19664 flex-direction: row !important;
19667 .flex-column {
19668 flex-direction: column !important;
19671 .flex-row-reverse {
19672 flex-direction: row-reverse !important;
19675 .flex-column-reverse {
19676 flex-direction: column-reverse !important;
19679 .flex-wrap {
19680 flex-wrap: wrap !important;
19683 .flex-nowrap {
19684 flex-wrap: nowrap !important;
19687 .flex-wrap-reverse {
19688 flex-wrap: wrap-reverse !important;
19691 .flex-fill, .reportbuilder-report-container {
19692 flex: 1 1 auto !important;
19695 .flex-grow-0 {
19696 flex-grow: 0 !important;
19699 .flex-grow-1 {
19700 flex-grow: 1 !important;
19703 .flex-shrink-0 {
19704 flex-shrink: 0 !important;
19707 .flex-shrink-1 {
19708 flex-shrink: 1 !important;
19711 .justify-content-start {
19712 justify-content: flex-start !important;
19715 .justify-content-end {
19716 justify-content: flex-end !important;
19719 .justify-content-center {
19720 justify-content: center !important;
19723 .justify-content-between {
19724 justify-content: space-between !important;
19727 .justify-content-around {
19728 justify-content: space-around !important;
19731 .align-items-start {
19732 align-items: flex-start !important;
19735 .align-items-end {
19736 align-items: flex-end !important;
19739 .align-items-center {
19740 align-items: center !important;
19743 .align-items-baseline {
19744 align-items: baseline !important;
19747 .align-items-stretch {
19748 align-items: stretch !important;
19751 .align-content-start {
19752 align-content: flex-start !important;
19755 .align-content-end {
19756 align-content: flex-end !important;
19759 .align-content-center {
19760 align-content: center !important;
19763 .align-content-between {
19764 align-content: space-between !important;
19767 .align-content-around {
19768 align-content: space-around !important;
19771 .align-content-stretch {
19772 align-content: stretch !important;
19775 .align-self-auto {
19776 align-self: auto !important;
19779 .align-self-start {
19780 align-self: flex-start !important;
19783 .align-self-end {
19784 align-self: flex-end !important;
19787 .align-self-center {
19788 align-self: center !important;
19791 .align-self-baseline {
19792 align-self: baseline !important;
19795 .align-self-stretch {
19796 align-self: stretch !important;
19799 @media (min-width: 576px) {
19800 .flex-sm-row {
19801 flex-direction: row !important;
19803 .flex-sm-column {
19804 flex-direction: column !important;
19806 .flex-sm-row-reverse {
19807 flex-direction: row-reverse !important;
19809 .flex-sm-column-reverse {
19810 flex-direction: column-reverse !important;
19812 .flex-sm-wrap {
19813 flex-wrap: wrap !important;
19815 .flex-sm-nowrap {
19816 flex-wrap: nowrap !important;
19818 .flex-sm-wrap-reverse {
19819 flex-wrap: wrap-reverse !important;
19821 .flex-sm-fill {
19822 flex: 1 1 auto !important;
19824 .flex-sm-grow-0 {
19825 flex-grow: 0 !important;
19827 .flex-sm-grow-1 {
19828 flex-grow: 1 !important;
19830 .flex-sm-shrink-0 {
19831 flex-shrink: 0 !important;
19833 .flex-sm-shrink-1 {
19834 flex-shrink: 1 !important;
19836 .justify-content-sm-start {
19837 justify-content: flex-start !important;
19839 .justify-content-sm-end {
19840 justify-content: flex-end !important;
19842 .justify-content-sm-center {
19843 justify-content: center !important;
19845 .justify-content-sm-between {
19846 justify-content: space-between !important;
19848 .justify-content-sm-around {
19849 justify-content: space-around !important;
19851 .align-items-sm-start {
19852 align-items: flex-start !important;
19854 .align-items-sm-end {
19855 align-items: flex-end !important;
19857 .align-items-sm-center {
19858 align-items: center !important;
19860 .align-items-sm-baseline {
19861 align-items: baseline !important;
19863 .align-items-sm-stretch {
19864 align-items: stretch !important;
19866 .align-content-sm-start {
19867 align-content: flex-start !important;
19869 .align-content-sm-end {
19870 align-content: flex-end !important;
19872 .align-content-sm-center {
19873 align-content: center !important;
19875 .align-content-sm-between {
19876 align-content: space-between !important;
19878 .align-content-sm-around {
19879 align-content: space-around !important;
19881 .align-content-sm-stretch {
19882 align-content: stretch !important;
19884 .align-self-sm-auto {
19885 align-self: auto !important;
19887 .align-self-sm-start {
19888 align-self: flex-start !important;
19890 .align-self-sm-end {
19891 align-self: flex-end !important;
19893 .align-self-sm-center {
19894 align-self: center !important;
19896 .align-self-sm-baseline {
19897 align-self: baseline !important;
19899 .align-self-sm-stretch {
19900 align-self: stretch !important;
19903 @media (min-width: 768px) {
19904 .flex-md-row {
19905 flex-direction: row !important;
19907 .flex-md-column {
19908 flex-direction: column !important;
19910 .flex-md-row-reverse {
19911 flex-direction: row-reverse !important;
19913 .flex-md-column-reverse {
19914 flex-direction: column-reverse !important;
19916 .flex-md-wrap {
19917 flex-wrap: wrap !important;
19919 .flex-md-nowrap {
19920 flex-wrap: nowrap !important;
19922 .flex-md-wrap-reverse {
19923 flex-wrap: wrap-reverse !important;
19925 .flex-md-fill {
19926 flex: 1 1 auto !important;
19928 .flex-md-grow-0 {
19929 flex-grow: 0 !important;
19931 .flex-md-grow-1 {
19932 flex-grow: 1 !important;
19934 .flex-md-shrink-0 {
19935 flex-shrink: 0 !important;
19937 .flex-md-shrink-1 {
19938 flex-shrink: 1 !important;
19940 .justify-content-md-start {
19941 justify-content: flex-start !important;
19943 .justify-content-md-end {
19944 justify-content: flex-end !important;
19946 .justify-content-md-center {
19947 justify-content: center !important;
19949 .justify-content-md-between {
19950 justify-content: space-between !important;
19952 .justify-content-md-around {
19953 justify-content: space-around !important;
19955 .align-items-md-start {
19956 align-items: flex-start !important;
19958 .align-items-md-end {
19959 align-items: flex-end !important;
19961 .align-items-md-center {
19962 align-items: center !important;
19964 .align-items-md-baseline {
19965 align-items: baseline !important;
19967 .align-items-md-stretch {
19968 align-items: stretch !important;
19970 .align-content-md-start {
19971 align-content: flex-start !important;
19973 .align-content-md-end {
19974 align-content: flex-end !important;
19976 .align-content-md-center {
19977 align-content: center !important;
19979 .align-content-md-between {
19980 align-content: space-between !important;
19982 .align-content-md-around {
19983 align-content: space-around !important;
19985 .align-content-md-stretch {
19986 align-content: stretch !important;
19988 .align-self-md-auto {
19989 align-self: auto !important;
19991 .align-self-md-start {
19992 align-self: flex-start !important;
19994 .align-self-md-end {
19995 align-self: flex-end !important;
19997 .align-self-md-center {
19998 align-self: center !important;
20000 .align-self-md-baseline {
20001 align-self: baseline !important;
20003 .align-self-md-stretch {
20004 align-self: stretch !important;
20007 @media (min-width: 992px) {
20008 .flex-lg-row {
20009 flex-direction: row !important;
20011 .flex-lg-column {
20012 flex-direction: column !important;
20014 .flex-lg-row-reverse {
20015 flex-direction: row-reverse !important;
20017 .flex-lg-column-reverse {
20018 flex-direction: column-reverse !important;
20020 .flex-lg-wrap {
20021 flex-wrap: wrap !important;
20023 .flex-lg-nowrap {
20024 flex-wrap: nowrap !important;
20026 .flex-lg-wrap-reverse {
20027 flex-wrap: wrap-reverse !important;
20029 .flex-lg-fill {
20030 flex: 1 1 auto !important;
20032 .flex-lg-grow-0 {
20033 flex-grow: 0 !important;
20035 .flex-lg-grow-1 {
20036 flex-grow: 1 !important;
20038 .flex-lg-shrink-0 {
20039 flex-shrink: 0 !important;
20041 .flex-lg-shrink-1 {
20042 flex-shrink: 1 !important;
20044 .justify-content-lg-start {
20045 justify-content: flex-start !important;
20047 .justify-content-lg-end {
20048 justify-content: flex-end !important;
20050 .justify-content-lg-center {
20051 justify-content: center !important;
20053 .justify-content-lg-between {
20054 justify-content: space-between !important;
20056 .justify-content-lg-around {
20057 justify-content: space-around !important;
20059 .align-items-lg-start {
20060 align-items: flex-start !important;
20062 .align-items-lg-end {
20063 align-items: flex-end !important;
20065 .align-items-lg-center {
20066 align-items: center !important;
20068 .align-items-lg-baseline {
20069 align-items: baseline !important;
20071 .align-items-lg-stretch {
20072 align-items: stretch !important;
20074 .align-content-lg-start {
20075 align-content: flex-start !important;
20077 .align-content-lg-end {
20078 align-content: flex-end !important;
20080 .align-content-lg-center {
20081 align-content: center !important;
20083 .align-content-lg-between {
20084 align-content: space-between !important;
20086 .align-content-lg-around {
20087 align-content: space-around !important;
20089 .align-content-lg-stretch {
20090 align-content: stretch !important;
20092 .align-self-lg-auto {
20093 align-self: auto !important;
20095 .align-self-lg-start {
20096 align-self: flex-start !important;
20098 .align-self-lg-end {
20099 align-self: flex-end !important;
20101 .align-self-lg-center {
20102 align-self: center !important;
20104 .align-self-lg-baseline {
20105 align-self: baseline !important;
20107 .align-self-lg-stretch {
20108 align-self: stretch !important;
20111 @media (min-width: 1200px) {
20112 .flex-xl-row {
20113 flex-direction: row !important;
20115 .flex-xl-column {
20116 flex-direction: column !important;
20118 .flex-xl-row-reverse {
20119 flex-direction: row-reverse !important;
20121 .flex-xl-column-reverse {
20122 flex-direction: column-reverse !important;
20124 .flex-xl-wrap {
20125 flex-wrap: wrap !important;
20127 .flex-xl-nowrap {
20128 flex-wrap: nowrap !important;
20130 .flex-xl-wrap-reverse {
20131 flex-wrap: wrap-reverse !important;
20133 .flex-xl-fill {
20134 flex: 1 1 auto !important;
20136 .flex-xl-grow-0 {
20137 flex-grow: 0 !important;
20139 .flex-xl-grow-1 {
20140 flex-grow: 1 !important;
20142 .flex-xl-shrink-0 {
20143 flex-shrink: 0 !important;
20145 .flex-xl-shrink-1 {
20146 flex-shrink: 1 !important;
20148 .justify-content-xl-start {
20149 justify-content: flex-start !important;
20151 .justify-content-xl-end {
20152 justify-content: flex-end !important;
20154 .justify-content-xl-center {
20155 justify-content: center !important;
20157 .justify-content-xl-between {
20158 justify-content: space-between !important;
20160 .justify-content-xl-around {
20161 justify-content: space-around !important;
20163 .align-items-xl-start {
20164 align-items: flex-start !important;
20166 .align-items-xl-end {
20167 align-items: flex-end !important;
20169 .align-items-xl-center {
20170 align-items: center !important;
20172 .align-items-xl-baseline {
20173 align-items: baseline !important;
20175 .align-items-xl-stretch {
20176 align-items: stretch !important;
20178 .align-content-xl-start {
20179 align-content: flex-start !important;
20181 .align-content-xl-end {
20182 align-content: flex-end !important;
20184 .align-content-xl-center {
20185 align-content: center !important;
20187 .align-content-xl-between {
20188 align-content: space-between !important;
20190 .align-content-xl-around {
20191 align-content: space-around !important;
20193 .align-content-xl-stretch {
20194 align-content: stretch !important;
20196 .align-self-xl-auto {
20197 align-self: auto !important;
20199 .align-self-xl-start {
20200 align-self: flex-start !important;
20202 .align-self-xl-end {
20203 align-self: flex-end !important;
20205 .align-self-xl-center {
20206 align-self: center !important;
20208 .align-self-xl-baseline {
20209 align-self: baseline !important;
20211 .align-self-xl-stretch {
20212 align-self: stretch !important;
20215 .float-left {
20216 float: left !important;
20219 .float-right {
20220 float: right !important;
20223 .float-none {
20224 float: none !important;
20227 @media (min-width: 576px) {
20228 .float-sm-left {
20229 float: left !important;
20231 .float-sm-right {
20232 float: right !important;
20234 .float-sm-none {
20235 float: none !important;
20238 @media (min-width: 768px) {
20239 .float-md-left {
20240 float: left !important;
20242 .float-md-right {
20243 float: right !important;
20245 .float-md-none {
20246 float: none !important;
20249 @media (min-width: 992px) {
20250 .float-lg-left {
20251 float: left !important;
20253 .float-lg-right {
20254 float: right !important;
20256 .float-lg-none {
20257 float: none !important;
20260 @media (min-width: 1200px) {
20261 .float-xl-left {
20262 float: left !important;
20264 .float-xl-right {
20265 float: right !important;
20267 .float-xl-none {
20268 float: none !important;
20271 .user-select-all {
20272 user-select: all !important;
20275 .user-select-auto {
20276 user-select: auto !important;
20279 .user-select-none {
20280 user-select: none !important;
20283 .overflow-auto {
20284 overflow: auto !important;
20287 .overflow-hidden {
20288 overflow: hidden !important;
20291 .position-static {
20292 position: static !important;
20295 .position-relative {
20296 position: relative !important;
20299 .position-absolute {
20300 position: absolute !important;
20303 .position-fixed {
20304 position: fixed !important;
20307 .position-sticky {
20308 position: sticky !important;
20311 .fixed-top {
20312 position: fixed;
20313 top: 0;
20314 right: 0;
20315 left: 0;
20316 z-index: 1030;
20319 .fixed-bottom {
20320 position: fixed;
20321 right: 0;
20322 bottom: 0;
20323 left: 0;
20324 z-index: 1030;
20327 @supports (position: sticky) {
20328 .sticky-top {
20329 position: sticky;
20330 top: 0;
20331 z-index: 1020;
20335 .sr-only {
20336 position: absolute;
20337 width: 1px;
20338 height: 1px;
20339 padding: 0;
20340 margin: -1px;
20341 overflow: hidden;
20342 clip: rect(0, 0, 0, 0);
20343 white-space: nowrap;
20344 border: 0;
20347 .sr-only-focusable:active, .sr-only-focusable:focus {
20348 position: static;
20349 width: auto;
20350 height: auto;
20351 overflow: visible;
20352 clip: auto;
20353 white-space: normal;
20356 .shadow-sm {
20357 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
20360 .shadow {
20361 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
20364 .shadow-lg {
20365 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
20368 .shadow-none {
20369 box-shadow: none !important;
20372 .w-25 {
20373 width: 25% !important;
20376 .w-50 {
20377 width: 50% !important;
20380 .w-75 {
20381 width: 75% !important;
20384 .w-100 {
20385 width: 100% !important;
20388 .w-auto {
20389 width: auto !important;
20392 .h-25 {
20393 height: 25% !important;
20396 .h-50 {
20397 height: 50% !important;
20400 .h-75 {
20401 height: 75% !important;
20404 .h-100 {
20405 height: 100% !important;
20408 .h-auto {
20409 height: auto !important;
20412 .mw-100 {
20413 max-width: 100% !important;
20416 .mh-100 {
20417 max-height: 100% !important;
20420 .min-vw-100 {
20421 min-width: 100vw !important;
20424 .min-vh-100 {
20425 min-height: 100vh !important;
20428 .vw-100 {
20429 width: 100vw !important;
20432 .vh-100 {
20433 height: 100vh !important;
20436 .m-0 {
20437 margin: 0 !important;
20440 .mt-0,
20441 .my-0 {
20442 margin-top: 0 !important;
20445 .mr-0,
20446 .mx-0 {
20447 margin-right: 0 !important;
20450 .mb-0,
20451 .my-0 {
20452 margin-bottom: 0 !important;
20455 .ml-0,
20456 .mx-0 {
20457 margin-left: 0 !important;
20460 .m-1 {
20461 margin: 0.25rem !important;
20464 .mt-1,
20465 .my-1 {
20466 margin-top: 0.25rem !important;
20469 .mr-1,
20470 .mx-1 {
20471 margin-right: 0.25rem !important;
20474 .mb-1,
20475 .my-1 {
20476 margin-bottom: 0.25rem !important;
20479 .ml-1,
20480 .mx-1 {
20481 margin-left: 0.25rem !important;
20484 .m-2 {
20485 margin: 0.5rem !important;
20488 .mt-2,
20489 .my-2 {
20490 margin-top: 0.5rem !important;
20493 .mr-2,
20494 .mx-2 {
20495 margin-right: 0.5rem !important;
20498 .mb-2,
20499 .my-2 {
20500 margin-bottom: 0.5rem !important;
20503 .ml-2,
20504 .mx-2 {
20505 margin-left: 0.5rem !important;
20508 .m-3 {
20509 margin: 1rem !important;
20512 .mt-3,
20513 .my-3 {
20514 margin-top: 1rem !important;
20517 .mr-3,
20518 .mx-3 {
20519 margin-right: 1rem !important;
20522 .mb-3,
20523 .my-3 {
20524 margin-bottom: 1rem !important;
20527 .ml-3,
20528 .mx-3 {
20529 margin-left: 1rem !important;
20532 .m-4 {
20533 margin: 1.5rem !important;
20536 .mt-4,
20537 .my-4 {
20538 margin-top: 1.5rem !important;
20541 .mr-4,
20542 .mx-4 {
20543 margin-right: 1.5rem !important;
20546 .mb-4,
20547 .my-4 {
20548 margin-bottom: 1.5rem !important;
20551 .ml-4,
20552 .mx-4 {
20553 margin-left: 1.5rem !important;
20556 .m-5 {
20557 margin: 2rem !important;
20560 .mt-5,
20561 .my-5 {
20562 margin-top: 2rem !important;
20565 .mr-5,
20566 .mx-5 {
20567 margin-right: 2rem !important;
20570 .mb-5,
20571 .my-5 {
20572 margin-bottom: 2rem !important;
20575 .ml-5,
20576 .mx-5 {
20577 margin-left: 2rem !important;
20580 .m-6 {
20581 margin: 3rem !important;
20584 .mt-6,
20585 .my-6 {
20586 margin-top: 3rem !important;
20589 .mr-6,
20590 .mx-6 {
20591 margin-right: 3rem !important;
20594 .mb-6,
20595 .my-6 {
20596 margin-bottom: 3rem !important;
20599 .ml-6,
20600 .mx-6 {
20601 margin-left: 3rem !important;
20604 .p-0 {
20605 padding: 0 !important;
20608 .pt-0,
20609 .py-0 {
20610 padding-top: 0 !important;
20613 .pr-0,
20614 .px-0 {
20615 padding-right: 0 !important;
20618 .pb-0,
20619 .py-0 {
20620 padding-bottom: 0 !important;
20623 .pl-0,
20624 .px-0 {
20625 padding-left: 0 !important;
20628 .p-1 {
20629 padding: 0.25rem !important;
20632 .pt-1,
20633 .py-1 {
20634 padding-top: 0.25rem !important;
20637 .pr-1,
20638 .px-1 {
20639 padding-right: 0.25rem !important;
20642 .pb-1,
20643 .py-1 {
20644 padding-bottom: 0.25rem !important;
20647 .pl-1,
20648 .px-1 {
20649 padding-left: 0.25rem !important;
20652 .p-2 {
20653 padding: 0.5rem !important;
20656 .pt-2,
20657 .py-2 {
20658 padding-top: 0.5rem !important;
20661 .pr-2,
20662 .px-2 {
20663 padding-right: 0.5rem !important;
20666 .pb-2,
20667 .py-2 {
20668 padding-bottom: 0.5rem !important;
20671 .pl-2,
20672 .px-2 {
20673 padding-left: 0.5rem !important;
20676 .p-3 {
20677 padding: 1rem !important;
20680 .pt-3,
20681 .py-3 {
20682 padding-top: 1rem !important;
20685 .pr-3,
20686 .px-3 {
20687 padding-right: 1rem !important;
20690 .pb-3,
20691 .py-3 {
20692 padding-bottom: 1rem !important;
20695 .pl-3,
20696 .px-3 {
20697 padding-left: 1rem !important;
20700 .p-4 {
20701 padding: 1.5rem !important;
20704 .pt-4,
20705 .py-4 {
20706 padding-top: 1.5rem !important;
20709 .pr-4,
20710 .px-4 {
20711 padding-right: 1.5rem !important;
20714 .pb-4,
20715 .py-4 {
20716 padding-bottom: 1.5rem !important;
20719 .pl-4,
20720 .px-4 {
20721 padding-left: 1.5rem !important;
20724 .p-5 {
20725 padding: 2rem !important;
20728 .pt-5,
20729 .py-5 {
20730 padding-top: 2rem !important;
20733 .pr-5,
20734 .px-5 {
20735 padding-right: 2rem !important;
20738 .pb-5,
20739 .py-5 {
20740 padding-bottom: 2rem !important;
20743 .pl-5,
20744 .px-5 {
20745 padding-left: 2rem !important;
20748 .p-6 {
20749 padding: 3rem !important;
20752 .pt-6,
20753 .py-6 {
20754 padding-top: 3rem !important;
20757 .pr-6,
20758 .px-6 {
20759 padding-right: 3rem !important;
20762 .pb-6,
20763 .py-6 {
20764 padding-bottom: 3rem !important;
20767 .pl-6,
20768 .px-6 {
20769 padding-left: 3rem !important;
20772 .m-n1 {
20773 margin: -0.25rem !important;
20776 .mt-n1,
20777 .my-n1 {
20778 margin-top: -0.25rem !important;
20781 .mr-n1,
20782 .mx-n1 {
20783 margin-right: -0.25rem !important;
20786 .mb-n1,
20787 .my-n1 {
20788 margin-bottom: -0.25rem !important;
20791 .ml-n1,
20792 .mx-n1 {
20793 margin-left: -0.25rem !important;
20796 .m-n2 {
20797 margin: -0.5rem !important;
20800 .mt-n2,
20801 .my-n2 {
20802 margin-top: -0.5rem !important;
20805 .mr-n2,
20806 .mx-n2 {
20807 margin-right: -0.5rem !important;
20810 .mb-n2,
20811 .my-n2 {
20812 margin-bottom: -0.5rem !important;
20815 .ml-n2,
20816 .mx-n2 {
20817 margin-left: -0.5rem !important;
20820 .m-n3 {
20821 margin: -1rem !important;
20824 .mt-n3,
20825 .my-n3 {
20826 margin-top: -1rem !important;
20829 .mr-n3,
20830 .mx-n3 {
20831 margin-right: -1rem !important;
20834 .mb-n3,
20835 .my-n3 {
20836 margin-bottom: -1rem !important;
20839 .ml-n3,
20840 .mx-n3 {
20841 margin-left: -1rem !important;
20844 .m-n4 {
20845 margin: -1.5rem !important;
20848 .mt-n4,
20849 .my-n4 {
20850 margin-top: -1.5rem !important;
20853 .mr-n4,
20854 .mx-n4 {
20855 margin-right: -1.5rem !important;
20858 .mb-n4,
20859 .my-n4 {
20860 margin-bottom: -1.5rem !important;
20863 .ml-n4,
20864 .mx-n4 {
20865 margin-left: -1.5rem !important;
20868 .m-n5 {
20869 margin: -2rem !important;
20872 .mt-n5,
20873 .my-n5 {
20874 margin-top: -2rem !important;
20877 .mr-n5,
20878 .mx-n5 {
20879 margin-right: -2rem !important;
20882 .mb-n5,
20883 .my-n5 {
20884 margin-bottom: -2rem !important;
20887 .ml-n5,
20888 .mx-n5 {
20889 margin-left: -2rem !important;
20892 .m-n6 {
20893 margin: -3rem !important;
20896 .mt-n6,
20897 .my-n6 {
20898 margin-top: -3rem !important;
20901 .mr-n6,
20902 .mx-n6 {
20903 margin-right: -3rem !important;
20906 .mb-n6,
20907 .my-n6 {
20908 margin-bottom: -3rem !important;
20911 .ml-n6,
20912 .mx-n6 {
20913 margin-left: -3rem !important;
20916 .m-auto {
20917 margin: auto !important;
20920 .mt-auto,
20921 .my-auto {
20922 margin-top: auto !important;
20925 .mr-auto,
20926 .mx-auto {
20927 margin-right: auto !important;
20930 .mb-auto,
20931 .my-auto {
20932 margin-bottom: auto !important;
20935 .ml-auto,
20936 .mx-auto {
20937 margin-left: auto !important;
20940 @media (min-width: 576px) {
20941 .m-sm-0 {
20942 margin: 0 !important;
20944 .mt-sm-0,
20945 .my-sm-0 {
20946 margin-top: 0 !important;
20948 .mr-sm-0,
20949 .mx-sm-0 {
20950 margin-right: 0 !important;
20952 .mb-sm-0,
20953 .my-sm-0 {
20954 margin-bottom: 0 !important;
20956 .ml-sm-0,
20957 .mx-sm-0 {
20958 margin-left: 0 !important;
20960 .m-sm-1 {
20961 margin: 0.25rem !important;
20963 .mt-sm-1,
20964 .my-sm-1 {
20965 margin-top: 0.25rem !important;
20967 .mr-sm-1,
20968 .mx-sm-1 {
20969 margin-right: 0.25rem !important;
20971 .mb-sm-1,
20972 .my-sm-1 {
20973 margin-bottom: 0.25rem !important;
20975 .ml-sm-1,
20976 .mx-sm-1 {
20977 margin-left: 0.25rem !important;
20979 .m-sm-2 {
20980 margin: 0.5rem !important;
20982 .mt-sm-2,
20983 .my-sm-2 {
20984 margin-top: 0.5rem !important;
20986 .mr-sm-2,
20987 .mx-sm-2 {
20988 margin-right: 0.5rem !important;
20990 .mb-sm-2,
20991 .my-sm-2 {
20992 margin-bottom: 0.5rem !important;
20994 .ml-sm-2,
20995 .mx-sm-2 {
20996 margin-left: 0.5rem !important;
20998 .m-sm-3 {
20999 margin: 1rem !important;
21001 .mt-sm-3,
21002 .my-sm-3 {
21003 margin-top: 1rem !important;
21005 .mr-sm-3,
21006 .mx-sm-3 {
21007 margin-right: 1rem !important;
21009 .mb-sm-3,
21010 .my-sm-3 {
21011 margin-bottom: 1rem !important;
21013 .ml-sm-3,
21014 .mx-sm-3 {
21015 margin-left: 1rem !important;
21017 .m-sm-4 {
21018 margin: 1.5rem !important;
21020 .mt-sm-4,
21021 .my-sm-4 {
21022 margin-top: 1.5rem !important;
21024 .mr-sm-4,
21025 .mx-sm-4 {
21026 margin-right: 1.5rem !important;
21028 .mb-sm-4,
21029 .my-sm-4 {
21030 margin-bottom: 1.5rem !important;
21032 .ml-sm-4,
21033 .mx-sm-4 {
21034 margin-left: 1.5rem !important;
21036 .m-sm-5 {
21037 margin: 2rem !important;
21039 .mt-sm-5,
21040 .my-sm-5 {
21041 margin-top: 2rem !important;
21043 .mr-sm-5,
21044 .mx-sm-5 {
21045 margin-right: 2rem !important;
21047 .mb-sm-5,
21048 .my-sm-5 {
21049 margin-bottom: 2rem !important;
21051 .ml-sm-5,
21052 .mx-sm-5 {
21053 margin-left: 2rem !important;
21055 .m-sm-6 {
21056 margin: 3rem !important;
21058 .mt-sm-6,
21059 .my-sm-6 {
21060 margin-top: 3rem !important;
21062 .mr-sm-6,
21063 .mx-sm-6 {
21064 margin-right: 3rem !important;
21066 .mb-sm-6,
21067 .my-sm-6 {
21068 margin-bottom: 3rem !important;
21070 .ml-sm-6,
21071 .mx-sm-6 {
21072 margin-left: 3rem !important;
21074 .p-sm-0 {
21075 padding: 0 !important;
21077 .pt-sm-0,
21078 .py-sm-0 {
21079 padding-top: 0 !important;
21081 .pr-sm-0,
21082 .px-sm-0 {
21083 padding-right: 0 !important;
21085 .pb-sm-0,
21086 .py-sm-0 {
21087 padding-bottom: 0 !important;
21089 .pl-sm-0,
21090 .px-sm-0 {
21091 padding-left: 0 !important;
21093 .p-sm-1 {
21094 padding: 0.25rem !important;
21096 .pt-sm-1,
21097 .py-sm-1 {
21098 padding-top: 0.25rem !important;
21100 .pr-sm-1,
21101 .px-sm-1 {
21102 padding-right: 0.25rem !important;
21104 .pb-sm-1,
21105 .py-sm-1 {
21106 padding-bottom: 0.25rem !important;
21108 .pl-sm-1,
21109 .px-sm-1 {
21110 padding-left: 0.25rem !important;
21112 .p-sm-2 {
21113 padding: 0.5rem !important;
21115 .pt-sm-2,
21116 .py-sm-2 {
21117 padding-top: 0.5rem !important;
21119 .pr-sm-2,
21120 .px-sm-2 {
21121 padding-right: 0.5rem !important;
21123 .pb-sm-2,
21124 .py-sm-2 {
21125 padding-bottom: 0.5rem !important;
21127 .pl-sm-2,
21128 .px-sm-2 {
21129 padding-left: 0.5rem !important;
21131 .p-sm-3 {
21132 padding: 1rem !important;
21134 .pt-sm-3,
21135 .py-sm-3 {
21136 padding-top: 1rem !important;
21138 .pr-sm-3,
21139 .px-sm-3 {
21140 padding-right: 1rem !important;
21142 .pb-sm-3,
21143 .py-sm-3 {
21144 padding-bottom: 1rem !important;
21146 .pl-sm-3,
21147 .px-sm-3 {
21148 padding-left: 1rem !important;
21150 .p-sm-4 {
21151 padding: 1.5rem !important;
21153 .pt-sm-4,
21154 .py-sm-4 {
21155 padding-top: 1.5rem !important;
21157 .pr-sm-4,
21158 .px-sm-4 {
21159 padding-right: 1.5rem !important;
21161 .pb-sm-4,
21162 .py-sm-4 {
21163 padding-bottom: 1.5rem !important;
21165 .pl-sm-4,
21166 .px-sm-4 {
21167 padding-left: 1.5rem !important;
21169 .p-sm-5 {
21170 padding: 2rem !important;
21172 .pt-sm-5,
21173 .py-sm-5 {
21174 padding-top: 2rem !important;
21176 .pr-sm-5,
21177 .px-sm-5 {
21178 padding-right: 2rem !important;
21180 .pb-sm-5,
21181 .py-sm-5 {
21182 padding-bottom: 2rem !important;
21184 .pl-sm-5,
21185 .px-sm-5 {
21186 padding-left: 2rem !important;
21188 .p-sm-6 {
21189 padding: 3rem !important;
21191 .pt-sm-6,
21192 .py-sm-6 {
21193 padding-top: 3rem !important;
21195 .pr-sm-6,
21196 .px-sm-6 {
21197 padding-right: 3rem !important;
21199 .pb-sm-6,
21200 .py-sm-6 {
21201 padding-bottom: 3rem !important;
21203 .pl-sm-6,
21204 .px-sm-6 {
21205 padding-left: 3rem !important;
21207 .m-sm-n1 {
21208 margin: -0.25rem !important;
21210 .mt-sm-n1,
21211 .my-sm-n1 {
21212 margin-top: -0.25rem !important;
21214 .mr-sm-n1,
21215 .mx-sm-n1 {
21216 margin-right: -0.25rem !important;
21218 .mb-sm-n1,
21219 .my-sm-n1 {
21220 margin-bottom: -0.25rem !important;
21222 .ml-sm-n1,
21223 .mx-sm-n1 {
21224 margin-left: -0.25rem !important;
21226 .m-sm-n2 {
21227 margin: -0.5rem !important;
21229 .mt-sm-n2,
21230 .my-sm-n2 {
21231 margin-top: -0.5rem !important;
21233 .mr-sm-n2,
21234 .mx-sm-n2 {
21235 margin-right: -0.5rem !important;
21237 .mb-sm-n2,
21238 .my-sm-n2 {
21239 margin-bottom: -0.5rem !important;
21241 .ml-sm-n2,
21242 .mx-sm-n2 {
21243 margin-left: -0.5rem !important;
21245 .m-sm-n3 {
21246 margin: -1rem !important;
21248 .mt-sm-n3,
21249 .my-sm-n3 {
21250 margin-top: -1rem !important;
21252 .mr-sm-n3,
21253 .mx-sm-n3 {
21254 margin-right: -1rem !important;
21256 .mb-sm-n3,
21257 .my-sm-n3 {
21258 margin-bottom: -1rem !important;
21260 .ml-sm-n3,
21261 .mx-sm-n3 {
21262 margin-left: -1rem !important;
21264 .m-sm-n4 {
21265 margin: -1.5rem !important;
21267 .mt-sm-n4,
21268 .my-sm-n4 {
21269 margin-top: -1.5rem !important;
21271 .mr-sm-n4,
21272 .mx-sm-n4 {
21273 margin-right: -1.5rem !important;
21275 .mb-sm-n4,
21276 .my-sm-n4 {
21277 margin-bottom: -1.5rem !important;
21279 .ml-sm-n4,
21280 .mx-sm-n4 {
21281 margin-left: -1.5rem !important;
21283 .m-sm-n5 {
21284 margin: -2rem !important;
21286 .mt-sm-n5,
21287 .my-sm-n5 {
21288 margin-top: -2rem !important;
21290 .mr-sm-n5,
21291 .mx-sm-n5 {
21292 margin-right: -2rem !important;
21294 .mb-sm-n5,
21295 .my-sm-n5 {
21296 margin-bottom: -2rem !important;
21298 .ml-sm-n5,
21299 .mx-sm-n5 {
21300 margin-left: -2rem !important;
21302 .m-sm-n6 {
21303 margin: -3rem !important;
21305 .mt-sm-n6,
21306 .my-sm-n6 {
21307 margin-top: -3rem !important;
21309 .mr-sm-n6,
21310 .mx-sm-n6 {
21311 margin-right: -3rem !important;
21313 .mb-sm-n6,
21314 .my-sm-n6 {
21315 margin-bottom: -3rem !important;
21317 .ml-sm-n6,
21318 .mx-sm-n6 {
21319 margin-left: -3rem !important;
21321 .m-sm-auto {
21322 margin: auto !important;
21324 .mt-sm-auto,
21325 .my-sm-auto {
21326 margin-top: auto !important;
21328 .mr-sm-auto,
21329 .mx-sm-auto {
21330 margin-right: auto !important;
21332 .mb-sm-auto,
21333 .my-sm-auto {
21334 margin-bottom: auto !important;
21336 .ml-sm-auto,
21337 .mx-sm-auto {
21338 margin-left: auto !important;
21341 @media (min-width: 768px) {
21342 .m-md-0 {
21343 margin: 0 !important;
21345 .mt-md-0,
21346 .my-md-0 {
21347 margin-top: 0 !important;
21349 .mr-md-0,
21350 .mx-md-0 {
21351 margin-right: 0 !important;
21353 .mb-md-0,
21354 .my-md-0 {
21355 margin-bottom: 0 !important;
21357 .ml-md-0,
21358 .mx-md-0 {
21359 margin-left: 0 !important;
21361 .m-md-1 {
21362 margin: 0.25rem !important;
21364 .mt-md-1,
21365 .my-md-1 {
21366 margin-top: 0.25rem !important;
21368 .mr-md-1,
21369 .mx-md-1 {
21370 margin-right: 0.25rem !important;
21372 .mb-md-1,
21373 .my-md-1 {
21374 margin-bottom: 0.25rem !important;
21376 .ml-md-1,
21377 .mx-md-1 {
21378 margin-left: 0.25rem !important;
21380 .m-md-2 {
21381 margin: 0.5rem !important;
21383 .mt-md-2,
21384 .my-md-2 {
21385 margin-top: 0.5rem !important;
21387 .mr-md-2,
21388 .mx-md-2 {
21389 margin-right: 0.5rem !important;
21391 .mb-md-2,
21392 .my-md-2 {
21393 margin-bottom: 0.5rem !important;
21395 .ml-md-2,
21396 .mx-md-2 {
21397 margin-left: 0.5rem !important;
21399 .m-md-3 {
21400 margin: 1rem !important;
21402 .mt-md-3,
21403 .my-md-3 {
21404 margin-top: 1rem !important;
21406 .mr-md-3,
21407 .mx-md-3 {
21408 margin-right: 1rem !important;
21410 .mb-md-3,
21411 .my-md-3 {
21412 margin-bottom: 1rem !important;
21414 .ml-md-3,
21415 .mx-md-3 {
21416 margin-left: 1rem !important;
21418 .m-md-4 {
21419 margin: 1.5rem !important;
21421 .mt-md-4,
21422 .my-md-4 {
21423 margin-top: 1.5rem !important;
21425 .mr-md-4,
21426 .mx-md-4 {
21427 margin-right: 1.5rem !important;
21429 .mb-md-4,
21430 .my-md-4 {
21431 margin-bottom: 1.5rem !important;
21433 .ml-md-4,
21434 .mx-md-4 {
21435 margin-left: 1.5rem !important;
21437 .m-md-5 {
21438 margin: 2rem !important;
21440 .mt-md-5,
21441 .my-md-5 {
21442 margin-top: 2rem !important;
21444 .mr-md-5,
21445 .mx-md-5 {
21446 margin-right: 2rem !important;
21448 .mb-md-5,
21449 .my-md-5 {
21450 margin-bottom: 2rem !important;
21452 .ml-md-5,
21453 .mx-md-5 {
21454 margin-left: 2rem !important;
21456 .m-md-6 {
21457 margin: 3rem !important;
21459 .mt-md-6,
21460 .my-md-6 {
21461 margin-top: 3rem !important;
21463 .mr-md-6,
21464 .mx-md-6 {
21465 margin-right: 3rem !important;
21467 .mb-md-6,
21468 .my-md-6 {
21469 margin-bottom: 3rem !important;
21471 .ml-md-6,
21472 .mx-md-6 {
21473 margin-left: 3rem !important;
21475 .p-md-0 {
21476 padding: 0 !important;
21478 .pt-md-0,
21479 .py-md-0 {
21480 padding-top: 0 !important;
21482 .pr-md-0,
21483 .px-md-0 {
21484 padding-right: 0 !important;
21486 .pb-md-0,
21487 .py-md-0 {
21488 padding-bottom: 0 !important;
21490 .pl-md-0,
21491 .px-md-0 {
21492 padding-left: 0 !important;
21494 .p-md-1 {
21495 padding: 0.25rem !important;
21497 .pt-md-1,
21498 .py-md-1 {
21499 padding-top: 0.25rem !important;
21501 .pr-md-1,
21502 .px-md-1 {
21503 padding-right: 0.25rem !important;
21505 .pb-md-1,
21506 .py-md-1 {
21507 padding-bottom: 0.25rem !important;
21509 .pl-md-1,
21510 .px-md-1 {
21511 padding-left: 0.25rem !important;
21513 .p-md-2 {
21514 padding: 0.5rem !important;
21516 .pt-md-2,
21517 .py-md-2 {
21518 padding-top: 0.5rem !important;
21520 .pr-md-2,
21521 .px-md-2 {
21522 padding-right: 0.5rem !important;
21524 .pb-md-2,
21525 .py-md-2 {
21526 padding-bottom: 0.5rem !important;
21528 .pl-md-2,
21529 .px-md-2 {
21530 padding-left: 0.5rem !important;
21532 .p-md-3 {
21533 padding: 1rem !important;
21535 .pt-md-3,
21536 .py-md-3 {
21537 padding-top: 1rem !important;
21539 .pr-md-3,
21540 .px-md-3 {
21541 padding-right: 1rem !important;
21543 .pb-md-3,
21544 .py-md-3 {
21545 padding-bottom: 1rem !important;
21547 .pl-md-3,
21548 .px-md-3 {
21549 padding-left: 1rem !important;
21551 .p-md-4 {
21552 padding: 1.5rem !important;
21554 .pt-md-4,
21555 .py-md-4 {
21556 padding-top: 1.5rem !important;
21558 .pr-md-4,
21559 .px-md-4 {
21560 padding-right: 1.5rem !important;
21562 .pb-md-4,
21563 .py-md-4 {
21564 padding-bottom: 1.5rem !important;
21566 .pl-md-4,
21567 .px-md-4 {
21568 padding-left: 1.5rem !important;
21570 .p-md-5 {
21571 padding: 2rem !important;
21573 .pt-md-5,
21574 .py-md-5 {
21575 padding-top: 2rem !important;
21577 .pr-md-5,
21578 .px-md-5 {
21579 padding-right: 2rem !important;
21581 .pb-md-5,
21582 .py-md-5 {
21583 padding-bottom: 2rem !important;
21585 .pl-md-5,
21586 .px-md-5 {
21587 padding-left: 2rem !important;
21589 .p-md-6 {
21590 padding: 3rem !important;
21592 .pt-md-6,
21593 .py-md-6 {
21594 padding-top: 3rem !important;
21596 .pr-md-6,
21597 .px-md-6 {
21598 padding-right: 3rem !important;
21600 .pb-md-6,
21601 .py-md-6 {
21602 padding-bottom: 3rem !important;
21604 .pl-md-6,
21605 .px-md-6 {
21606 padding-left: 3rem !important;
21608 .m-md-n1 {
21609 margin: -0.25rem !important;
21611 .mt-md-n1,
21612 .my-md-n1 {
21613 margin-top: -0.25rem !important;
21615 .mr-md-n1,
21616 .mx-md-n1 {
21617 margin-right: -0.25rem !important;
21619 .mb-md-n1,
21620 .my-md-n1 {
21621 margin-bottom: -0.25rem !important;
21623 .ml-md-n1,
21624 .mx-md-n1 {
21625 margin-left: -0.25rem !important;
21627 .m-md-n2 {
21628 margin: -0.5rem !important;
21630 .mt-md-n2,
21631 .my-md-n2 {
21632 margin-top: -0.5rem !important;
21634 .mr-md-n2,
21635 .mx-md-n2 {
21636 margin-right: -0.5rem !important;
21638 .mb-md-n2,
21639 .my-md-n2 {
21640 margin-bottom: -0.5rem !important;
21642 .ml-md-n2,
21643 .mx-md-n2 {
21644 margin-left: -0.5rem !important;
21646 .m-md-n3 {
21647 margin: -1rem !important;
21649 .mt-md-n3,
21650 .my-md-n3 {
21651 margin-top: -1rem !important;
21653 .mr-md-n3,
21654 .mx-md-n3 {
21655 margin-right: -1rem !important;
21657 .mb-md-n3,
21658 .my-md-n3 {
21659 margin-bottom: -1rem !important;
21661 .ml-md-n3,
21662 .mx-md-n3 {
21663 margin-left: -1rem !important;
21665 .m-md-n4 {
21666 margin: -1.5rem !important;
21668 .mt-md-n4,
21669 .my-md-n4 {
21670 margin-top: -1.5rem !important;
21672 .mr-md-n4,
21673 .mx-md-n4 {
21674 margin-right: -1.5rem !important;
21676 .mb-md-n4,
21677 .my-md-n4 {
21678 margin-bottom: -1.5rem !important;
21680 .ml-md-n4,
21681 .mx-md-n4 {
21682 margin-left: -1.5rem !important;
21684 .m-md-n5 {
21685 margin: -2rem !important;
21687 .mt-md-n5,
21688 .my-md-n5 {
21689 margin-top: -2rem !important;
21691 .mr-md-n5,
21692 .mx-md-n5 {
21693 margin-right: -2rem !important;
21695 .mb-md-n5,
21696 .my-md-n5 {
21697 margin-bottom: -2rem !important;
21699 .ml-md-n5,
21700 .mx-md-n5 {
21701 margin-left: -2rem !important;
21703 .m-md-n6 {
21704 margin: -3rem !important;
21706 .mt-md-n6,
21707 .my-md-n6 {
21708 margin-top: -3rem !important;
21710 .mr-md-n6,
21711 .mx-md-n6 {
21712 margin-right: -3rem !important;
21714 .mb-md-n6,
21715 .my-md-n6 {
21716 margin-bottom: -3rem !important;
21718 .ml-md-n6,
21719 .mx-md-n6 {
21720 margin-left: -3rem !important;
21722 .m-md-auto {
21723 margin: auto !important;
21725 .mt-md-auto,
21726 .my-md-auto {
21727 margin-top: auto !important;
21729 .mr-md-auto,
21730 .mx-md-auto {
21731 margin-right: auto !important;
21733 .mb-md-auto,
21734 .my-md-auto {
21735 margin-bottom: auto !important;
21737 .ml-md-auto,
21738 .mx-md-auto {
21739 margin-left: auto !important;
21742 @media (min-width: 992px) {
21743 .m-lg-0 {
21744 margin: 0 !important;
21746 .mt-lg-0,
21747 .my-lg-0 {
21748 margin-top: 0 !important;
21750 .mr-lg-0,
21751 .mx-lg-0 {
21752 margin-right: 0 !important;
21754 .mb-lg-0,
21755 .my-lg-0 {
21756 margin-bottom: 0 !important;
21758 .ml-lg-0,
21759 .mx-lg-0 {
21760 margin-left: 0 !important;
21762 .m-lg-1 {
21763 margin: 0.25rem !important;
21765 .mt-lg-1,
21766 .my-lg-1 {
21767 margin-top: 0.25rem !important;
21769 .mr-lg-1,
21770 .mx-lg-1 {
21771 margin-right: 0.25rem !important;
21773 .mb-lg-1,
21774 .my-lg-1 {
21775 margin-bottom: 0.25rem !important;
21777 .ml-lg-1,
21778 .mx-lg-1 {
21779 margin-left: 0.25rem !important;
21781 .m-lg-2 {
21782 margin: 0.5rem !important;
21784 .mt-lg-2,
21785 .my-lg-2 {
21786 margin-top: 0.5rem !important;
21788 .mr-lg-2,
21789 .mx-lg-2 {
21790 margin-right: 0.5rem !important;
21792 .mb-lg-2,
21793 .my-lg-2 {
21794 margin-bottom: 0.5rem !important;
21796 .ml-lg-2,
21797 .mx-lg-2 {
21798 margin-left: 0.5rem !important;
21800 .m-lg-3 {
21801 margin: 1rem !important;
21803 .mt-lg-3,
21804 .my-lg-3 {
21805 margin-top: 1rem !important;
21807 .mr-lg-3,
21808 .mx-lg-3 {
21809 margin-right: 1rem !important;
21811 .mb-lg-3,
21812 .my-lg-3 {
21813 margin-bottom: 1rem !important;
21815 .ml-lg-3,
21816 .mx-lg-3 {
21817 margin-left: 1rem !important;
21819 .m-lg-4 {
21820 margin: 1.5rem !important;
21822 .mt-lg-4,
21823 .my-lg-4 {
21824 margin-top: 1.5rem !important;
21826 .mr-lg-4,
21827 .mx-lg-4 {
21828 margin-right: 1.5rem !important;
21830 .mb-lg-4,
21831 .my-lg-4 {
21832 margin-bottom: 1.5rem !important;
21834 .ml-lg-4,
21835 .mx-lg-4 {
21836 margin-left: 1.5rem !important;
21838 .m-lg-5 {
21839 margin: 2rem !important;
21841 .mt-lg-5,
21842 .my-lg-5 {
21843 margin-top: 2rem !important;
21845 .mr-lg-5,
21846 .mx-lg-5 {
21847 margin-right: 2rem !important;
21849 .mb-lg-5,
21850 .my-lg-5 {
21851 margin-bottom: 2rem !important;
21853 .ml-lg-5,
21854 .mx-lg-5 {
21855 margin-left: 2rem !important;
21857 .m-lg-6 {
21858 margin: 3rem !important;
21860 .mt-lg-6,
21861 .my-lg-6 {
21862 margin-top: 3rem !important;
21864 .mr-lg-6,
21865 .mx-lg-6 {
21866 margin-right: 3rem !important;
21868 .mb-lg-6,
21869 .my-lg-6 {
21870 margin-bottom: 3rem !important;
21872 .ml-lg-6,
21873 .mx-lg-6 {
21874 margin-left: 3rem !important;
21876 .p-lg-0 {
21877 padding: 0 !important;
21879 .pt-lg-0,
21880 .py-lg-0 {
21881 padding-top: 0 !important;
21883 .pr-lg-0,
21884 .px-lg-0 {
21885 padding-right: 0 !important;
21887 .pb-lg-0,
21888 .py-lg-0 {
21889 padding-bottom: 0 !important;
21891 .pl-lg-0,
21892 .px-lg-0 {
21893 padding-left: 0 !important;
21895 .p-lg-1 {
21896 padding: 0.25rem !important;
21898 .pt-lg-1,
21899 .py-lg-1 {
21900 padding-top: 0.25rem !important;
21902 .pr-lg-1,
21903 .px-lg-1 {
21904 padding-right: 0.25rem !important;
21906 .pb-lg-1,
21907 .py-lg-1 {
21908 padding-bottom: 0.25rem !important;
21910 .pl-lg-1,
21911 .px-lg-1 {
21912 padding-left: 0.25rem !important;
21914 .p-lg-2 {
21915 padding: 0.5rem !important;
21917 .pt-lg-2,
21918 .py-lg-2 {
21919 padding-top: 0.5rem !important;
21921 .pr-lg-2,
21922 .px-lg-2 {
21923 padding-right: 0.5rem !important;
21925 .pb-lg-2,
21926 .py-lg-2 {
21927 padding-bottom: 0.5rem !important;
21929 .pl-lg-2,
21930 .px-lg-2 {
21931 padding-left: 0.5rem !important;
21933 .p-lg-3 {
21934 padding: 1rem !important;
21936 .pt-lg-3,
21937 .py-lg-3 {
21938 padding-top: 1rem !important;
21940 .pr-lg-3,
21941 .px-lg-3 {
21942 padding-right: 1rem !important;
21944 .pb-lg-3,
21945 .py-lg-3 {
21946 padding-bottom: 1rem !important;
21948 .pl-lg-3,
21949 .px-lg-3 {
21950 padding-left: 1rem !important;
21952 .p-lg-4 {
21953 padding: 1.5rem !important;
21955 .pt-lg-4,
21956 .py-lg-4 {
21957 padding-top: 1.5rem !important;
21959 .pr-lg-4,
21960 .px-lg-4 {
21961 padding-right: 1.5rem !important;
21963 .pb-lg-4,
21964 .py-lg-4 {
21965 padding-bottom: 1.5rem !important;
21967 .pl-lg-4,
21968 .px-lg-4 {
21969 padding-left: 1.5rem !important;
21971 .p-lg-5 {
21972 padding: 2rem !important;
21974 .pt-lg-5,
21975 .py-lg-5 {
21976 padding-top: 2rem !important;
21978 .pr-lg-5,
21979 .px-lg-5 {
21980 padding-right: 2rem !important;
21982 .pb-lg-5,
21983 .py-lg-5 {
21984 padding-bottom: 2rem !important;
21986 .pl-lg-5,
21987 .px-lg-5 {
21988 padding-left: 2rem !important;
21990 .p-lg-6 {
21991 padding: 3rem !important;
21993 .pt-lg-6,
21994 .py-lg-6 {
21995 padding-top: 3rem !important;
21997 .pr-lg-6,
21998 .px-lg-6 {
21999 padding-right: 3rem !important;
22001 .pb-lg-6,
22002 .py-lg-6 {
22003 padding-bottom: 3rem !important;
22005 .pl-lg-6,
22006 .px-lg-6 {
22007 padding-left: 3rem !important;
22009 .m-lg-n1 {
22010 margin: -0.25rem !important;
22012 .mt-lg-n1,
22013 .my-lg-n1 {
22014 margin-top: -0.25rem !important;
22016 .mr-lg-n1,
22017 .mx-lg-n1 {
22018 margin-right: -0.25rem !important;
22020 .mb-lg-n1,
22021 .my-lg-n1 {
22022 margin-bottom: -0.25rem !important;
22024 .ml-lg-n1,
22025 .mx-lg-n1 {
22026 margin-left: -0.25rem !important;
22028 .m-lg-n2 {
22029 margin: -0.5rem !important;
22031 .mt-lg-n2,
22032 .my-lg-n2 {
22033 margin-top: -0.5rem !important;
22035 .mr-lg-n2,
22036 .mx-lg-n2 {
22037 margin-right: -0.5rem !important;
22039 .mb-lg-n2,
22040 .my-lg-n2 {
22041 margin-bottom: -0.5rem !important;
22043 .ml-lg-n2,
22044 .mx-lg-n2 {
22045 margin-left: -0.5rem !important;
22047 .m-lg-n3 {
22048 margin: -1rem !important;
22050 .mt-lg-n3,
22051 .my-lg-n3 {
22052 margin-top: -1rem !important;
22054 .mr-lg-n3,
22055 .mx-lg-n3 {
22056 margin-right: -1rem !important;
22058 .mb-lg-n3,
22059 .my-lg-n3 {
22060 margin-bottom: -1rem !important;
22062 .ml-lg-n3,
22063 .mx-lg-n3 {
22064 margin-left: -1rem !important;
22066 .m-lg-n4 {
22067 margin: -1.5rem !important;
22069 .mt-lg-n4,
22070 .my-lg-n4 {
22071 margin-top: -1.5rem !important;
22073 .mr-lg-n4,
22074 .mx-lg-n4 {
22075 margin-right: -1.5rem !important;
22077 .mb-lg-n4,
22078 .my-lg-n4 {
22079 margin-bottom: -1.5rem !important;
22081 .ml-lg-n4,
22082 .mx-lg-n4 {
22083 margin-left: -1.5rem !important;
22085 .m-lg-n5 {
22086 margin: -2rem !important;
22088 .mt-lg-n5,
22089 .my-lg-n5 {
22090 margin-top: -2rem !important;
22092 .mr-lg-n5,
22093 .mx-lg-n5 {
22094 margin-right: -2rem !important;
22096 .mb-lg-n5,
22097 .my-lg-n5 {
22098 margin-bottom: -2rem !important;
22100 .ml-lg-n5,
22101 .mx-lg-n5 {
22102 margin-left: -2rem !important;
22104 .m-lg-n6 {
22105 margin: -3rem !important;
22107 .mt-lg-n6,
22108 .my-lg-n6 {
22109 margin-top: -3rem !important;
22111 .mr-lg-n6,
22112 .mx-lg-n6 {
22113 margin-right: -3rem !important;
22115 .mb-lg-n6,
22116 .my-lg-n6 {
22117 margin-bottom: -3rem !important;
22119 .ml-lg-n6,
22120 .mx-lg-n6 {
22121 margin-left: -3rem !important;
22123 .m-lg-auto {
22124 margin: auto !important;
22126 .mt-lg-auto,
22127 .my-lg-auto {
22128 margin-top: auto !important;
22130 .mr-lg-auto,
22131 .mx-lg-auto {
22132 margin-right: auto !important;
22134 .mb-lg-auto,
22135 .my-lg-auto {
22136 margin-bottom: auto !important;
22138 .ml-lg-auto,
22139 .mx-lg-auto {
22140 margin-left: auto !important;
22143 @media (min-width: 1200px) {
22144 .m-xl-0 {
22145 margin: 0 !important;
22147 .mt-xl-0,
22148 .my-xl-0 {
22149 margin-top: 0 !important;
22151 .mr-xl-0,
22152 .mx-xl-0 {
22153 margin-right: 0 !important;
22155 .mb-xl-0,
22156 .my-xl-0 {
22157 margin-bottom: 0 !important;
22159 .ml-xl-0,
22160 .mx-xl-0 {
22161 margin-left: 0 !important;
22163 .m-xl-1 {
22164 margin: 0.25rem !important;
22166 .mt-xl-1,
22167 .my-xl-1 {
22168 margin-top: 0.25rem !important;
22170 .mr-xl-1,
22171 .mx-xl-1 {
22172 margin-right: 0.25rem !important;
22174 .mb-xl-1,
22175 .my-xl-1 {
22176 margin-bottom: 0.25rem !important;
22178 .ml-xl-1,
22179 .mx-xl-1 {
22180 margin-left: 0.25rem !important;
22182 .m-xl-2 {
22183 margin: 0.5rem !important;
22185 .mt-xl-2,
22186 .my-xl-2 {
22187 margin-top: 0.5rem !important;
22189 .mr-xl-2,
22190 .mx-xl-2 {
22191 margin-right: 0.5rem !important;
22193 .mb-xl-2,
22194 .my-xl-2 {
22195 margin-bottom: 0.5rem !important;
22197 .ml-xl-2,
22198 .mx-xl-2 {
22199 margin-left: 0.5rem !important;
22201 .m-xl-3 {
22202 margin: 1rem !important;
22204 .mt-xl-3,
22205 .my-xl-3 {
22206 margin-top: 1rem !important;
22208 .mr-xl-3,
22209 .mx-xl-3 {
22210 margin-right: 1rem !important;
22212 .mb-xl-3,
22213 .my-xl-3 {
22214 margin-bottom: 1rem !important;
22216 .ml-xl-3,
22217 .mx-xl-3 {
22218 margin-left: 1rem !important;
22220 .m-xl-4 {
22221 margin: 1.5rem !important;
22223 .mt-xl-4,
22224 .my-xl-4 {
22225 margin-top: 1.5rem !important;
22227 .mr-xl-4,
22228 .mx-xl-4 {
22229 margin-right: 1.5rem !important;
22231 .mb-xl-4,
22232 .my-xl-4 {
22233 margin-bottom: 1.5rem !important;
22235 .ml-xl-4,
22236 .mx-xl-4 {
22237 margin-left: 1.5rem !important;
22239 .m-xl-5 {
22240 margin: 2rem !important;
22242 .mt-xl-5,
22243 .my-xl-5 {
22244 margin-top: 2rem !important;
22246 .mr-xl-5,
22247 .mx-xl-5 {
22248 margin-right: 2rem !important;
22250 .mb-xl-5,
22251 .my-xl-5 {
22252 margin-bottom: 2rem !important;
22254 .ml-xl-5,
22255 .mx-xl-5 {
22256 margin-left: 2rem !important;
22258 .m-xl-6 {
22259 margin: 3rem !important;
22261 .mt-xl-6,
22262 .my-xl-6 {
22263 margin-top: 3rem !important;
22265 .mr-xl-6,
22266 .mx-xl-6 {
22267 margin-right: 3rem !important;
22269 .mb-xl-6,
22270 .my-xl-6 {
22271 margin-bottom: 3rem !important;
22273 .ml-xl-6,
22274 .mx-xl-6 {
22275 margin-left: 3rem !important;
22277 .p-xl-0 {
22278 padding: 0 !important;
22280 .pt-xl-0,
22281 .py-xl-0 {
22282 padding-top: 0 !important;
22284 .pr-xl-0,
22285 .px-xl-0 {
22286 padding-right: 0 !important;
22288 .pb-xl-0,
22289 .py-xl-0 {
22290 padding-bottom: 0 !important;
22292 .pl-xl-0,
22293 .px-xl-0 {
22294 padding-left: 0 !important;
22296 .p-xl-1 {
22297 padding: 0.25rem !important;
22299 .pt-xl-1,
22300 .py-xl-1 {
22301 padding-top: 0.25rem !important;
22303 .pr-xl-1,
22304 .px-xl-1 {
22305 padding-right: 0.25rem !important;
22307 .pb-xl-1,
22308 .py-xl-1 {
22309 padding-bottom: 0.25rem !important;
22311 .pl-xl-1,
22312 .px-xl-1 {
22313 padding-left: 0.25rem !important;
22315 .p-xl-2 {
22316 padding: 0.5rem !important;
22318 .pt-xl-2,
22319 .py-xl-2 {
22320 padding-top: 0.5rem !important;
22322 .pr-xl-2,
22323 .px-xl-2 {
22324 padding-right: 0.5rem !important;
22326 .pb-xl-2,
22327 .py-xl-2 {
22328 padding-bottom: 0.5rem !important;
22330 .pl-xl-2,
22331 .px-xl-2 {
22332 padding-left: 0.5rem !important;
22334 .p-xl-3 {
22335 padding: 1rem !important;
22337 .pt-xl-3,
22338 .py-xl-3 {
22339 padding-top: 1rem !important;
22341 .pr-xl-3,
22342 .px-xl-3 {
22343 padding-right: 1rem !important;
22345 .pb-xl-3,
22346 .py-xl-3 {
22347 padding-bottom: 1rem !important;
22349 .pl-xl-3,
22350 .px-xl-3 {
22351 padding-left: 1rem !important;
22353 .p-xl-4 {
22354 padding: 1.5rem !important;
22356 .pt-xl-4,
22357 .py-xl-4 {
22358 padding-top: 1.5rem !important;
22360 .pr-xl-4,
22361 .px-xl-4 {
22362 padding-right: 1.5rem !important;
22364 .pb-xl-4,
22365 .py-xl-4 {
22366 padding-bottom: 1.5rem !important;
22368 .pl-xl-4,
22369 .px-xl-4 {
22370 padding-left: 1.5rem !important;
22372 .p-xl-5 {
22373 padding: 2rem !important;
22375 .pt-xl-5,
22376 .py-xl-5 {
22377 padding-top: 2rem !important;
22379 .pr-xl-5,
22380 .px-xl-5 {
22381 padding-right: 2rem !important;
22383 .pb-xl-5,
22384 .py-xl-5 {
22385 padding-bottom: 2rem !important;
22387 .pl-xl-5,
22388 .px-xl-5 {
22389 padding-left: 2rem !important;
22391 .p-xl-6 {
22392 padding: 3rem !important;
22394 .pt-xl-6,
22395 .py-xl-6 {
22396 padding-top: 3rem !important;
22398 .pr-xl-6,
22399 .px-xl-6 {
22400 padding-right: 3rem !important;
22402 .pb-xl-6,
22403 .py-xl-6 {
22404 padding-bottom: 3rem !important;
22406 .pl-xl-6,
22407 .px-xl-6 {
22408 padding-left: 3rem !important;
22410 .m-xl-n1 {
22411 margin: -0.25rem !important;
22413 .mt-xl-n1,
22414 .my-xl-n1 {
22415 margin-top: -0.25rem !important;
22417 .mr-xl-n1,
22418 .mx-xl-n1 {
22419 margin-right: -0.25rem !important;
22421 .mb-xl-n1,
22422 .my-xl-n1 {
22423 margin-bottom: -0.25rem !important;
22425 .ml-xl-n1,
22426 .mx-xl-n1 {
22427 margin-left: -0.25rem !important;
22429 .m-xl-n2 {
22430 margin: -0.5rem !important;
22432 .mt-xl-n2,
22433 .my-xl-n2 {
22434 margin-top: -0.5rem !important;
22436 .mr-xl-n2,
22437 .mx-xl-n2 {
22438 margin-right: -0.5rem !important;
22440 .mb-xl-n2,
22441 .my-xl-n2 {
22442 margin-bottom: -0.5rem !important;
22444 .ml-xl-n2,
22445 .mx-xl-n2 {
22446 margin-left: -0.5rem !important;
22448 .m-xl-n3 {
22449 margin: -1rem !important;
22451 .mt-xl-n3,
22452 .my-xl-n3 {
22453 margin-top: -1rem !important;
22455 .mr-xl-n3,
22456 .mx-xl-n3 {
22457 margin-right: -1rem !important;
22459 .mb-xl-n3,
22460 .my-xl-n3 {
22461 margin-bottom: -1rem !important;
22463 .ml-xl-n3,
22464 .mx-xl-n3 {
22465 margin-left: -1rem !important;
22467 .m-xl-n4 {
22468 margin: -1.5rem !important;
22470 .mt-xl-n4,
22471 .my-xl-n4 {
22472 margin-top: -1.5rem !important;
22474 .mr-xl-n4,
22475 .mx-xl-n4 {
22476 margin-right: -1.5rem !important;
22478 .mb-xl-n4,
22479 .my-xl-n4 {
22480 margin-bottom: -1.5rem !important;
22482 .ml-xl-n4,
22483 .mx-xl-n4 {
22484 margin-left: -1.5rem !important;
22486 .m-xl-n5 {
22487 margin: -2rem !important;
22489 .mt-xl-n5,
22490 .my-xl-n5 {
22491 margin-top: -2rem !important;
22493 .mr-xl-n5,
22494 .mx-xl-n5 {
22495 margin-right: -2rem !important;
22497 .mb-xl-n5,
22498 .my-xl-n5 {
22499 margin-bottom: -2rem !important;
22501 .ml-xl-n5,
22502 .mx-xl-n5 {
22503 margin-left: -2rem !important;
22505 .m-xl-n6 {
22506 margin: -3rem !important;
22508 .mt-xl-n6,
22509 .my-xl-n6 {
22510 margin-top: -3rem !important;
22512 .mr-xl-n6,
22513 .mx-xl-n6 {
22514 margin-right: -3rem !important;
22516 .mb-xl-n6,
22517 .my-xl-n6 {
22518 margin-bottom: -3rem !important;
22520 .ml-xl-n6,
22521 .mx-xl-n6 {
22522 margin-left: -3rem !important;
22524 .m-xl-auto {
22525 margin: auto !important;
22527 .mt-xl-auto,
22528 .my-xl-auto {
22529 margin-top: auto !important;
22531 .mr-xl-auto,
22532 .mx-xl-auto {
22533 margin-right: auto !important;
22535 .mb-xl-auto,
22536 .my-xl-auto {
22537 margin-bottom: auto !important;
22539 .ml-xl-auto,
22540 .mx-xl-auto {
22541 margin-left: auto !important;
22544 .stretched-link::after {
22545 position: absolute;
22546 top: 0;
22547 right: 0;
22548 bottom: 0;
22549 left: 0;
22550 z-index: 1;
22551 pointer-events: auto;
22552 content: "";
22553 background-color: rgba(0, 0, 0, 0);
22556 .text-monospace {
22557 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
22560 .text-justify {
22561 text-align: justify !important;
22564 .text-wrap {
22565 white-space: normal !important;
22568 .text-nowrap {
22569 white-space: nowrap !important;
22572 .text-truncate {
22573 overflow: hidden;
22574 text-overflow: ellipsis;
22575 white-space: nowrap;
22578 .text-left {
22579 text-align: left !important;
22582 .text-right {
22583 text-align: right !important;
22586 .text-center {
22587 text-align: center !important;
22590 @media (min-width: 576px) {
22591 .text-sm-left {
22592 text-align: left !important;
22594 .text-sm-right {
22595 text-align: right !important;
22597 .text-sm-center {
22598 text-align: center !important;
22601 @media (min-width: 768px) {
22602 .text-md-left {
22603 text-align: left !important;
22605 .text-md-right {
22606 text-align: right !important;
22608 .text-md-center {
22609 text-align: center !important;
22612 @media (min-width: 992px) {
22613 .text-lg-left {
22614 text-align: left !important;
22616 .text-lg-right {
22617 text-align: right !important;
22619 .text-lg-center {
22620 text-align: center !important;
22623 @media (min-width: 1200px) {
22624 .text-xl-left {
22625 text-align: left !important;
22627 .text-xl-right {
22628 text-align: right !important;
22630 .text-xl-center {
22631 text-align: center !important;
22634 .text-lowercase {
22635 text-transform: lowercase !important;
22638 .text-uppercase {
22639 text-transform: uppercase !important;
22642 .text-capitalize {
22643 text-transform: capitalize !important;
22646 .font-weight-light {
22647 font-weight: 300 !important;
22650 .font-weight-lighter {
22651 font-weight: lighter !important;
22654 .font-weight-normal {
22655 font-weight: 400 !important;
22658 .font-weight-bold {
22659 font-weight: 700 !important;
22662 .font-weight-bolder {
22663 font-weight: bolder !important;
22666 .font-italic {
22667 font-style: italic !important;
22670 .text-white {
22671 color: #fff !important;
22674 .text-primary {
22675 color: #0f6cbf !important;
22678 a.text-primary:hover, a.text-primary:focus {
22679 color: #094478 !important;
22682 .text-secondary {
22683 color: #ced4da !important;
22686 a.text-secondary:hover, a.text-secondary:focus {
22687 color: #a2aeb9 !important;
22690 .text-success {
22691 color: #357a32 !important;
22694 a.text-success:hover, a.text-success:focus {
22695 color: #1d441c !important;
22698 .text-info {
22699 color: #008196 !important;
22702 a.text-info:hover, a.text-info:focus {
22703 color: #003f4a !important;
22706 .text-warning {
22707 color: #f0ad4e !important;
22710 a.text-warning:hover, a.text-warning:focus {
22711 color: #df8a13 !important;
22714 .text-danger {
22715 color: #ca3120 !important;
22718 a.text-danger:hover, a.text-danger:focus {
22719 color: #882116 !important;
22722 .text-light {
22723 color: #f8f9fa !important;
22726 a.text-light:hover, a.text-light:focus {
22727 color: #cbd3da !important;
22730 .text-dark {
22731 color: #343a40 !important;
22734 a.text-dark:hover, a.text-dark:focus {
22735 color: #121416 !important;
22738 .text-body {
22739 color: #1d2125 !important;
22742 .text-muted {
22743 color: #6a737b !important;
22746 .text-black-50 {
22747 color: rgba(0, 0, 0, 0.5) !important;
22750 .text-white-50 {
22751 color: rgba(255, 255, 255, 0.5) !important;
22754 .text-hide {
22755 font: 0/0 a;
22756 color: transparent;
22757 text-shadow: none;
22758 background-color: transparent;
22759 border: 0;
22762 .text-decoration-none {
22763 text-decoration: none !important;
22766 .text-break {
22767 word-break: break-word !important;
22768 word-wrap: break-word !important;
22771 .text-reset {
22772 color: inherit !important;
22775 .visible {
22776 visibility: visible !important;
22779 .invisible {
22780 visibility: hidden !important;
22783 @media print {
22785 *::before,
22786 *::after {
22787 text-shadow: none !important;
22788 box-shadow: none !important;
22790 a:not(.btn) {
22791 text-decoration: underline;
22793 abbr[title]::after {
22794 content: " (" attr(title) ")";
22796 pre {
22797 white-space: pre-wrap !important;
22799 pre,
22800 blockquote {
22801 border: 1px solid #8f959e;
22802 page-break-inside: avoid;
22805 img {
22806 page-break-inside: avoid;
22810 h3 {
22811 orphans: 3;
22812 widows: 3;
22815 h3 {
22816 page-break-after: avoid;
22818 body {
22819 min-width: 992px !important;
22821 .container {
22822 min-width: 992px !important;
22824 .navbar {
22825 display: none;
22827 .badge {
22828 border: 1px solid #000;
22830 .table {
22831 border-collapse: collapse !important;
22833 .table td,
22834 .table th {
22835 background-color: #fff !important;
22837 .table-bordered th,
22838 .table-bordered td {
22839 border: 1px solid #dee2e6 !important;
22841 .table-dark {
22842 color: inherit;
22844 .table-dark th,
22845 .table-dark td,
22846 .table-dark thead th,
22847 .table-dark tbody + tbody {
22848 border-color: #dee2e6;
22850 .table .thead-dark th {
22851 color: inherit;
22852 border-color: #dee2e6;
22856 * Bootstrap overrides for RTL
22858 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
22859 * moodle scss should be placed immediately after the definition of the ltr rule.
22861 .breadcrumb-item + .breadcrumb-item::before {
22862 content: "/";
22863 /*rtl:remove*/
22864 content: "/"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
22867 .dir-rtl .custom-select {
22868 background-position: 0.75rem center;
22870 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
22871 transform: translateX(-0.75rem);
22873 .dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow, .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
22874 transform: rotate(180deg);
22876 .dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
22877 left: auto;
22878 right: 0;
22880 .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
22881 left: 0;
22882 right: auto;
22884 .dir-rtl .popover.bs-popover-right, .dir-rtl .popover.bs-popover-auto[x-placement^=right] {
22885 margin-right: 0;
22886 margin-left: 0.5rem;
22888 .dir-rtl .popover.bs-popover-right .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=right] .arrow {
22889 transform: rotate(180deg);
22890 left: calc(-0.5rem - 1px);
22892 .dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^=left] {
22893 margin-right: 0.5rem;
22894 margin-left: 0;
22896 .dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=left] .arrow {
22897 transform: rotate(180deg);
22898 right: calc(-0.5rem - 1px);
22902 * Moodle variables
22904 * Variables written for Moodle specific components
22906 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
22907 * preset files instead.
22909 /* core.less */
22910 #region-main {
22911 overflow-y: visible;
22912 background-color: #fff;
22915 @media (min-width: 576px) {
22916 .context-header-settings-menu,
22917 .region-main-settings-menu {
22918 float: right;
22919 width: auto;
22920 max-width: 4em;
22921 height: 2em;
22922 display: block;
22923 margin-top: 4px;
22926 @media (max-width: 767.98px) {
22927 .context-header-settings-menu,
22928 .region-main-settings-menu {
22929 display: flex;
22930 justify-content: flex-end;
22933 .context-header-settings-menu .dropdown-toggle > .icon,
22934 #region-main-settings-menu .dropdown-toggle > .icon {
22935 height: 24px;
22936 font-size: 24px;
22937 width: auto;
22940 /** Prevent user notifications overlapping with region main settings menu */
22941 #user-notifications {
22942 display: block;
22943 overflow: hidden;
22946 /** Page layout CSS starts **/
22947 .layout-option-noheader #page-header,
22948 .layout-option-nonavbar #page-navbar,
22949 .layout-option-nofooter #page-footer,
22950 .layout-option-nocourseheader .course-content-header,
22951 .layout-option-nocoursefooter .course-content-footer {
22952 display: none;
22955 /** Page layout CSS ends **/
22956 .mdl-left {
22957 text-align: left;
22960 .mdl-right {
22961 text-align: right;
22964 /*rtl:ignore*/
22965 .text-ltr {
22966 direction: ltr !important; /* stylelint-disable-line declaration-no-important */
22969 #add,
22970 #remove,
22971 .centerpara,
22972 .mdl-align {
22973 text-align: center;
22976 a.dimmed,
22977 a.dimmed:link,
22978 a.dimmed:visited,
22979 a.dimmed_text,
22980 a.dimmed_text:link,
22981 a.dimmed_text:visited,
22982 .dimmed_text,
22983 .dimmed_text a,
22984 .dimmed_text a:link,
22985 .dimmed_text a:visited,
22986 .usersuspended,
22987 .usersuspended a,
22988 .usersuspended a:link,
22989 .usersuspended a:visited,
22990 .dimmed_category,
22991 .dimmed_category a {
22992 color: #6a737b;
22995 .aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
22996 #page-footer a:not([class]).focus,
22997 #page-footer a:not([class]):focus,
22998 .arrow_link.focus,
22999 .arrow_link:focus,
23000 a:not([class]).focus,
23001 a:not([class]):focus,
23002 .activityinstance > a.focus,
23003 .activityinstance > a:focus {
23004 outline: 0.2rem solid transparent;
23005 color: #1d2125;
23006 background-color: #d2e8fb;
23007 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40;
23009 .aalink:focus:hover, a.autolink:focus:hover,
23010 #page-footer a:not([class]):focus:hover,
23011 .arrow_link:focus:hover,
23012 a:not([class]):focus:hover,
23013 .activityinstance > a:focus:hover {
23014 text-decoration: none;
23017 .aabtn.focus, .aabtn:focus,
23018 .btn-link.focus,
23019 .btn-link:focus,
23020 .nav-link.focus,
23021 .nav-link:focus,
23022 .editor_atto_toolbar button.focus,
23023 .editor_atto_toolbar button:focus,
23024 .editor_atto_toolbar .atto_toolbar_row.focus,
23025 .editor_atto_toolbar .atto_toolbar_row:focus,
23026 [role=button].focus,
23027 [role=button]:focus,
23028 .list-group-item-action.focus,
23029 .list-group-item-action:focus,
23030 input[type=checkbox].focus,
23031 input[type=checkbox]:focus,
23032 input[type=radio].focus,
23033 input[type=radio]:focus,
23034 input[type=file].focus,
23035 input[type=file]:focus,
23036 input[type=image].focus,
23037 input[type=image]:focus,
23038 .sr-only-focusable.focus,
23039 .sr-only-focusable:focus,
23040 a.dropdown-toggle.focus,
23041 a.dropdown-toggle:focus,
23042 .moodle-dialogue-base .closebutton.focus,
23043 .moodle-dialogue-base .closebutton:focus,
23044 button.close.focus,
23045 button.close:focus,
23046 .form-autocomplete-selection.focus,
23047 .form-autocomplete-selection:focus,
23048 [role=treeitem]:not([aria-expanded=true]).focus,
23049 [role=treeitem]:not([aria-expanded=true]):focus {
23050 outline: 0;
23051 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23053 .aabtn:focus:hover,
23054 .btn-link:focus:hover,
23055 .nav-link:focus:hover,
23056 .editor_atto_toolbar button:focus:hover,
23057 .editor_atto_toolbar .atto_toolbar_row:focus:hover,
23058 [role=button]:focus:hover,
23059 .list-group-item-action:focus:hover,
23060 input[type=checkbox]:focus:hover,
23061 input[type=radio]:focus:hover,
23062 input[type=file]:focus:hover,
23063 input[type=image]:focus:hover,
23064 .sr-only-focusable:focus:hover,
23065 a.dropdown-toggle:focus:hover,
23066 .moodle-dialogue-base .closebutton:focus:hover,
23067 button.close:focus:hover,
23068 .form-autocomplete-selection:focus:hover,
23069 [role=treeitem]:not([aria-expanded=true]):focus:hover {
23070 text-decoration: none;
23073 .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
23074 outline: 0;
23076 .modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
23077 outline: 0;
23078 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23079 border-radius: 0.3rem;
23082 [role=treeitem][aria-expanded=true] {
23083 outline: 0;
23085 [role=treeitem][aria-expanded=true].focus > *:first-child, [role=treeitem][aria-expanded=true]:focus > *:first-child {
23086 outline: 0;
23087 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23089 [role=treeitem][aria-expanded=true]:focus:hover {
23090 text-decoration: none;
23093 .form-autocomplete-suggestions li[aria-selected=true] {
23094 outline: 0;
23095 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23098 .safari input[type=checkbox].focus, .safari input[type=checkbox]:focus,
23099 .safari input[type=radio].focus,
23100 .safari input[type=radio]:focus {
23101 outline: auto;
23104 .unlist,
23105 .unlist li,
23106 .inline-list,
23107 .inline-list li,
23108 .block .list,
23109 .block .list li,
23110 .section li.movehere,
23111 .tabtree li {
23112 list-style: none;
23113 margin: 0;
23114 padding: 0;
23117 .section li.movehere a {
23118 display: block;
23119 width: 100%;
23120 height: 2rem;
23121 border: 2px dashed #343a40;
23124 .editing .course-content .hidden.sectionname {
23125 visibility: hidden;
23126 display: initial;
23129 .inline,
23130 .inline-list li {
23131 display: inline;
23134 .notifytiny {
23135 font-size: 0.703125rem;
23138 .notifytiny li,
23139 .notifytiny td {
23140 font-size: 100%;
23143 .red,
23144 .notifyproblem {
23145 color: #f0ad4e;
23148 .green,
23149 .notifysuccess {
23150 color: #357a32;
23153 .highlight {
23154 color: #008196;
23157 .bg-primary-light {
23158 background-color: #f5f9fc;
23161 .fitem.advanced .text-info {
23162 font-weight: bold;
23165 .reportlink {
23166 text-align: right;
23169 a.autolink.glossary:hover {
23170 cursor: help;
23173 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
23174 .collapsibleregioncaption {
23175 white-space: nowrap;
23176 min-height: 1.40625rem;
23179 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
23180 cursor: pointer;
23183 .pagelayout-mydashboard #region-main {
23184 border: 0;
23185 padding: 0;
23186 background-color: transparent;
23187 margin-top: -1px;
23190 @media (max-width: 767.98px) {
23191 .pagelayout-mydashboard #region-main-box,
23192 .pagelayout-login #region-main-box {
23193 padding-left: 0;
23194 padding-right: 0;
23197 .collapsibleregioncaption img {
23198 vertical-align: middle;
23201 .jsenabled .hiddenifjs {
23202 display: none;
23205 .visibleifjs {
23206 display: none;
23209 .jsenabled .visibleifjs {
23210 display: inline;
23213 .jsenabled .collapsibleregion {
23214 overflow: hidden;
23215 box-sizing: content-box;
23218 .jsenabled .collapsed .collapsibleregioninner {
23219 visibility: hidden;
23222 .collapsible-actions {
23223 display: none;
23224 text-align: right;
23227 .jsenabled .collapsible-actions {
23228 display: block;
23231 .yui-overlay .yui-widget-bd {
23232 background-color: #ffee69;
23233 border: 1px solid #a6982b;
23234 border-top-color: #d4c237;
23235 color: #000;
23236 left: 0;
23237 padding: 2px 5px;
23238 position: relative;
23239 top: 0;
23240 z-index: 1;
23243 .clearer {
23244 background: transparent;
23245 border-width: 0;
23246 clear: both;
23247 display: block;
23248 height: 1px;
23249 margin: 0;
23250 padding: 0;
23253 .bold,
23254 .warning,
23255 .errorbox .title,
23256 .pagingbar .title,
23257 .pagingbar .thispage {
23258 font-weight: bold;
23261 img.resize {
23262 height: 1em;
23263 width: 1em;
23266 .block img.resize {
23267 height: 0.9em;
23268 width: 0.8em;
23271 /* Icon styles */
23272 img.activityicon {
23273 height: 32px;
23274 width: 32px;
23275 vertical-align: middle;
23278 .headermain {
23279 font-weight: bold;
23282 #maincontent {
23283 display: block;
23284 height: 1px;
23285 overflow: hidden;
23288 img.uihint {
23289 cursor: help;
23292 #addmembersform table {
23293 margin-left: auto;
23294 margin-right: auto;
23297 table.flexible .emptyrow {
23298 display: none;
23301 form.popupform,
23302 form.popupform div {
23303 display: inline;
23306 .arrow_button input {
23307 overflow: hidden;
23310 .no-overflow {
23311 overflow: auto;
23314 .no-overflow > .generaltable {
23315 margin-bottom: 0;
23318 .no-overflow .generaltable .sr-only,
23319 .no-overflow .generaltable .accesshide,
23320 .table-responsive .generaltable .sr-only,
23321 .table-responsive .generaltable .accesshide {
23322 position: relative;
23323 display: block;
23326 .accesshide {
23327 position: absolute;
23328 width: 1px;
23329 height: 1px;
23330 padding: 0;
23331 margin: -1px;
23332 overflow: hidden;
23333 clip: rect(0, 0, 0, 0);
23334 white-space: nowrap;
23335 border: 0;
23338 span.hide,
23339 div.hide,
23340 .hidden {
23341 display: none;
23344 a.skip-block,
23345 a.skip {
23346 position: absolute;
23347 top: -1000em;
23348 font-size: 0.85em;
23349 text-decoration: none;
23352 a.skip-block:focus,
23353 a.skip-block:active,
23354 a.skip:focus,
23355 a.skip:active {
23356 position: static;
23357 display: block;
23360 .skip-block-to {
23361 display: block;
23362 height: 1px;
23363 overflow: hidden;
23366 .addbloglink {
23367 text-align: center;
23370 .blog_entry .audience {
23371 text-align: right;
23372 padding-right: 4px;
23375 .blog_entry .tags {
23376 margin-top: 15px;
23379 .blog_entry .content {
23380 margin-left: 43px;
23383 #doc-contents h1 {
23384 margin: 1em 0 0 0;
23387 #doc-contents ul {
23388 margin: 0;
23389 padding: 0;
23390 width: 90%;
23393 #doc-contents ul li {
23394 list-style-type: none;
23397 .groupmanagementtable td {
23398 vertical-align: top;
23401 .groupmanagementtable #existingcell,
23402 .groupmanagementtable #potentialcell {
23403 width: 42%;
23406 .groupmanagementtable #buttonscell {
23407 width: 16%;
23410 .groupmanagementtable #buttonscell p.arrow_button input {
23411 width: auto;
23412 min-width: 80%;
23413 margin: 0 auto;
23414 display: block;
23417 .groupmanagementtable #removeselect_wrapper,
23418 .groupmanagementtable #addselect_wrapper {
23419 width: 100%;
23422 .groupmanagementtable #removeselect_wrapper label,
23423 .groupmanagementtable #addselect_wrapper label {
23424 font-weight: normal;
23427 #group-usersummary {
23428 width: 14em;
23431 .groupselector {
23432 margin-top: 3px;
23433 margin-bottom: 3px;
23434 display: inline-block;
23437 .groupselector label {
23438 display: inline-block;
23441 .notepost {
23442 margin-bottom: 1em;
23445 .notepost .userpicture {
23446 float: left;
23447 margin-right: 5px;
23450 .notepost .content,
23451 .notepost .footer {
23452 clear: both;
23455 .notesgroup {
23456 margin-left: 20px;
23459 .path-my .coursebox {
23460 margin: 1rem 0;
23461 padding: 0;
23463 .path-my .coursebox .overview {
23464 margin: 15px 30px 10px 30px;
23467 .path-my .coursebox .info {
23468 float: none;
23469 margin: 0;
23472 .mod_introbox {
23473 padding: 10px;
23476 table.mod_index {
23477 width: 100%;
23480 .comment-ctrl {
23481 font-size: 12px;
23482 display: none;
23483 margin: 0;
23484 padding: 0;
23487 .comment-ctrl h5 {
23488 margin: 0;
23489 padding: 5px;
23492 .comment-area {
23493 max-width: 400px;
23494 padding: 5px;
23497 .comment-area textarea {
23498 width: 100%;
23499 overflow: auto;
23501 .comment-area textarea.fullwidth {
23502 -webkit-box-sizing: border-box;
23503 -moz-box-sizing: border-box;
23504 box-sizing: border-box;
23507 .comment-area .fd {
23508 text-align: right;
23511 .comment-meta span {
23512 color: gray;
23515 .comment-link img {
23516 vertical-align: text-bottom;
23519 .comment-list {
23520 font-size: 11px;
23521 overflow: auto;
23522 list-style: none;
23523 padding: 0;
23524 margin: 0;
23527 .comment-list li {
23528 margin: 2px;
23529 list-style: none;
23530 margin-bottom: 5px;
23531 clear: both;
23532 padding: 0.3em;
23533 position: relative;
23536 .comment-list li.first {
23537 display: none;
23540 .comment-paging {
23541 text-align: center;
23544 .comment-paging .pageno {
23545 padding: 2px;
23548 .comment-paging .curpage {
23549 border: 1px solid #ccc;
23552 .comment-message .picture {
23553 float: left;
23554 margin-right: 0.25rem;
23557 .comment-message .text {
23558 margin: 0;
23559 padding: 0;
23562 .comment-message .text p {
23563 padding: 0;
23564 margin: 0 18px 0 0;
23567 .comment-delete {
23568 position: absolute;
23569 top: 0;
23570 right: 0;
23571 margin: 0.3em;
23574 .comment-report-selectall {
23575 display: none;
23578 .comment-link {
23579 display: none;
23582 .jsenabled .comment-link {
23583 display: block;
23586 .jsenabled .showcommentsnonjs {
23587 display: none;
23590 .jsenabled .comment-report-selectall {
23591 display: inline;
23595 * Completion progress report
23597 .completion-expired {
23598 color: #f0ad4e;
23601 .completion-expected {
23602 font-size: 0.703125rem;
23605 .completion-sortchoice,
23606 .completion-identifyfield {
23607 font-size: 0.703125rem;
23608 vertical-align: bottom;
23611 .completion-progresscell {
23612 text-align: right;
23615 .completion-expired .completion-expected {
23616 font-weight: bold;
23620 * Tags
23622 #tag-search-box {
23623 text-align: center;
23624 margin: 10px auto;
23627 span.flagged-tag,
23628 tr.flagged-tag,
23629 span.flagged-tag a,
23630 tr.flagged-tag a {
23631 color: #f0ad4e;
23634 .tag-management-table td,
23635 .tag-management-table th {
23636 vertical-align: middle;
23637 padding: 4px;
23639 .tag-management-table .inplaceeditable.inplaceeditingon input {
23640 width: 150px;
23643 .path-admin-tag .addstandardtags {
23644 float: right;
23646 .path-admin-tag .addstandardtags img {
23647 margin: 0 5px;
23650 .path-tag .tag-relatedtags {
23651 padding-top: 10px;
23653 .path-tag .tag-management-box {
23654 text-align: right;
23656 .path-tag .tag-index-toc {
23657 padding: 10px;
23658 text-align: center;
23660 .path-tag .tag-index-toc li {
23661 margin-left: 5px;
23662 margin-right: 5px;
23664 .path-tag .tag-management-box li {
23665 margin-left: 5px;
23666 margin-right: 5px;
23668 .path-tag .tag-management-box li a {
23669 background-repeat: no-repeat;
23670 background-position: left;
23671 padding-left: 17px;
23673 .path-tag .tag-management-box li a.edittag {
23674 background-image: url([[pix:moodle|i/settings]]);
23676 .path-tag .tag-management-box li a.flagasinappropriate {
23677 background-image: url([[pix:moodle|i/flagged]]);
23679 .path-tag .tag-management-box li a.removefrommyinterests {
23680 background-image: url([[pix:moodle|t/delete]]);
23682 .path-tag .tag-management-box li a.addtomyinterests {
23683 background-image: url([[pix:moodle|t/add]]);
23685 .path-tag .tag-backtoallitems {
23686 text-align: center;
23688 .path-tag .tag-index-items .tagarea {
23689 border: 1px solid #e3e3e3;
23690 border-radius: 4px;
23691 padding: 10px;
23692 margin-top: 10px;
23694 .path-tag .tag-index-items .tagarea h3 {
23695 display: block;
23696 padding: 3px 0 10px 0;
23697 margin: 0;
23698 font-size: 1.1em;
23699 font-weight: bold;
23700 line-height: 20px;
23701 color: #999;
23702 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
23703 text-transform: uppercase;
23704 word-wrap: break-word;
23705 border-bottom: solid 1px #e3e3e3;
23706 margin-bottom: 10px;
23708 .path-tag .tag-index-items .tagarea .taggeditems::after {
23709 display: block;
23710 clear: both;
23711 content: "";
23713 .path-tag .tag-index-items .tagarea .controls {
23714 text-align: center;
23716 .path-tag .tag-index-items .tagarea .controls::after {
23717 display: block;
23718 clear: both;
23719 content: "";
23721 .path-tag .tag-index-items .tagarea .controls.controls-bottom {
23722 margin-top: 5px;
23724 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
23725 float: right;
23727 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
23728 float: left;
23730 .path-tag .tag-index-items .tagarea .controls .exclusivemode {
23731 display: inline-block;
23733 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
23734 padding-right: 5px;
23735 padding-left: 5px;
23736 content: "«";
23738 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
23739 padding-right: 5px;
23740 padding-left: 5px;
23741 content: "»";
23744 .tag_feed img {
23745 max-height: 35px;
23746 max-width: 35px;
23748 .tag_feed .muted a {
23749 color: #6a737b;
23752 .tag_cloud {
23753 text-align: center;
23755 .tag_cloud .inline-list li {
23756 padding: 0 0.2em;
23758 .tag_cloud .tag_overflow {
23759 margin-top: 1em;
23760 font-style: italic;
23762 .tag_cloud .s0 {
23763 font-size: 0.7em;
23765 .tag_cloud .s1 {
23766 font-size: 0.8em;
23768 .tag_cloud .s2 {
23769 font-size: 0.9em;
23771 .tag_cloud .s3 {
23772 font-size: 1em;
23774 .tag_cloud .s4 {
23775 font-size: 1.1em;
23777 .tag_cloud .s5 {
23778 font-size: 1.2em;
23780 .tag_cloud .s6 {
23781 font-size: 1.3em;
23783 .tag_cloud .s7 {
23784 font-size: 1.4em;
23786 .tag_cloud .s8 {
23787 font-size: 1.5em;
23789 .tag_cloud .s9 {
23790 font-size: 1.6em;
23792 .tag_cloud .s10 {
23793 font-size: 1.7em;
23795 .tag_cloud .s11 {
23796 font-size: 1.8em;
23798 .tag_cloud .s12 {
23799 font-size: 1.9em;
23801 .tag_cloud .s13 {
23802 font-size: 2em;
23804 .tag_cloud .s14 {
23805 font-size: 2.1em;
23807 .tag_cloud .s15 {
23808 font-size: 2.2em;
23810 .tag_cloud .s16 {
23811 font-size: 2.3em;
23813 .tag_cloud .s17 {
23814 font-size: 2.4em;
23816 .tag_cloud .s18 {
23817 font-size: 2.5em;
23819 .tag_cloud .s19 {
23820 font-size: 2.6em;
23822 .tag_cloud .s20 {
23823 font-size: 2.7em;
23826 .tag_list ul {
23827 display: inline;
23829 .tag_list .tagmorelink {
23830 display: none;
23832 .tag_list.hideoverlimit .overlimit {
23833 display: none;
23835 .tag_list.hideoverlimit .tagmorelink {
23836 display: inline;
23838 .tag_list.hideoverlimit .taglesslink {
23839 display: none;
23843 * Web Service
23845 #webservice-doc-generator td {
23846 text-align: left;
23847 border: 0 solid #000;
23851 * Enrol
23853 .userenrolment {
23854 width: 100%;
23855 border-collapse: collapse;
23858 .userenrolment tr {
23859 vertical-align: top;
23862 .userenrolment td {
23863 padding: 0;
23864 height: 41px;
23867 .userenrolment .subfield {
23868 margin-right: 5px;
23871 .userenrolment .col_userdetails .subfield {
23872 margin-left: 40px;
23875 .userenrolment .col_userdetails .subfield_picture {
23876 float: left;
23877 margin-left: 0;
23880 .userenrolment .col_lastseen {
23881 width: 150px;
23884 .userenrolment .col_role {
23885 width: 262px;
23888 .userenrolment .col_role .roles,
23889 .userenrolment .col_group .groups {
23890 margin-right: 30px;
23893 .userenrolment .col_role .role {
23894 float: left;
23895 padding: 0 3px 3px;
23896 margin: 0 3px 3px;
23897 white-space: nowrap;
23900 .userenrolment .col_group .group {
23901 float: left;
23902 padding: 3px;
23903 margin: 3px;
23904 white-space: nowrap;
23907 .userenrolment .col_role .role a,
23908 .userenrolment .col_group .group a {
23909 margin-left: 3px;
23910 cursor: pointer;
23913 .userenrolment .col_role .addrole,
23914 .userenrolment .col_group .addgroup {
23915 float: right;
23916 padding: 3px;
23917 margin: 3px;
23919 .userenrolment .col_role .addrole > a:hover,
23920 .userenrolment .col_group .addgroup > a:hover {
23921 border-bottom: 1px solid #666;
23924 .userenrolment .col_role .addrole img,
23925 .userenrolment .col_group .addgroup img {
23926 vertical-align: baseline;
23929 .userenrolment .hasAllRoles .col_role .addrole {
23930 display: none;
23933 .userenrolment .col_enrol .enrolment {
23934 float: left;
23935 padding: 0 3px 3px;
23936 margin: 0 3px 3px;
23939 .userenrolment .col_enrol .enrolment a {
23940 float: right;
23941 margin-left: 3px;
23944 #page-enrol-otherusers .userenrolment .col_role .role {
23945 float: none;
23946 margin: 3px 3px 3px 0;
23947 padding: 3px 3px 3px 0;
23950 .corelightbox {
23951 background-color: #ccc;
23952 position: absolute;
23953 top: 0;
23954 left: 0;
23955 width: 100%;
23956 height: 100%;
23957 text-align: center;
23960 .corelightbox img {
23961 position: fixed;
23962 top: 50%;
23963 left: 50%;
23966 .mod-indent-outer {
23967 display: table;
23970 .mod-indent {
23971 display: table-cell;
23974 .label .mod-indent {
23975 float: left;
23976 padding-top: 20px;
23979 .activity.label.modtype_label .mod-indent {
23980 float: none;
23983 @media (min-width: 576px) {
23984 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
23985 .mod-indent-1 {
23986 width: 30px;
23988 .mod-indent-2 {
23989 width: 60px;
23991 .mod-indent-3 {
23992 width: 90px;
23994 .mod-indent-4 {
23995 width: 120px;
23997 .mod-indent-5 {
23998 width: 150px;
24000 .mod-indent-6 {
24001 width: 180px;
24003 .mod-indent-7 {
24004 width: 210px;
24006 .mod-indent-8 {
24007 width: 240px;
24009 .mod-indent-9 {
24010 width: 270px;
24012 .mod-indent-10 {
24013 width: 300px;
24015 .mod-indent-11 {
24016 width: 330px;
24018 .mod-indent-12 {
24019 width: 360px;
24021 .mod-indent-13 {
24022 width: 390px;
24024 .mod-indent-14 {
24025 width: 420px;
24027 .mod-indent-15 {
24028 width: 450px;
24030 .mod-indent-16 {
24031 width: 480px;
24033 .mod-indent-huge {
24034 width: 480px;
24037 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
24038 .resourcecontent .mediaplugin_mp3 object {
24039 height: 25px;
24040 width: 600px;
24043 .resourcecontent audio.mediaplugin_html5audio {
24044 width: 600px;
24047 /** Large resource images should avoid hidden overflow **/
24048 .resourceimage {
24049 max-width: 100%;
24052 /* Audio player size in 'inline' mode (can only change width, as above) */
24053 .mediaplugin_mp3 object {
24054 height: 15px;
24055 width: 300px;
24058 audio.mediaplugin_html5audio {
24059 width: 300px;
24062 .core_media_preview.pagelayout-embedded #maincontent {
24063 height: 0;
24066 .path-rating .ratingtable {
24067 width: 100%;
24068 margin-bottom: 1em;
24071 .path-rating .ratingtable th.rating {
24072 width: 100%;
24075 .path-rating .ratingtable td.rating,
24076 .path-rating .ratingtable td.time {
24077 white-space: nowrap;
24078 text-align: center;
24081 /* Moodle Dialogue Settings (moodle-core-dialogue) */
24082 .moodle-dialogue-base .moodle-dialogue-lightbox {
24083 background-color: #495057;
24086 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
24087 background-color: transparent;
24089 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
24090 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
24093 .moodle-dialogue-base .hidden,
24094 .moodle-dialogue-base .moodle-dialogue-hidden {
24095 display: none;
24098 .no-scrolling {
24099 overflow: hidden;
24102 .moodle-dialogue-base .moodle-dialogue-fullscreen {
24103 left: 0;
24104 top: 0;
24105 right: 0;
24106 bottom: -50px;
24107 position: fixed;
24110 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24111 overflow: auto;
24114 .moodle-dialogue-base .moodle-dialogue-wrap {
24115 background-color: #fff;
24116 border: 1px solid #ccc;
24119 .modal.show {
24120 display: block;
24123 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
24124 display: flex;
24125 padding: 1rem 1rem;
24126 border-bottom: 1px solid #dee2e6;
24129 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
24130 min-height: 3rem;
24131 color: initial;
24132 background: initial;
24133 font-size: 1.5rem;
24134 line-height: 1.5;
24137 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
24138 font-size: 1.5rem;
24139 font-weight: 400;
24140 margin-bottom: 0;
24141 line-height: 1.5;
24144 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
24145 /*rtl:raw:
24146 left: 0;
24147 right: auto;
24149 padding: 0;
24150 position: relative;
24151 margin-left: auto;
24154 .moodle-dialogue-base .closebutton {
24155 padding: 1rem 1rem;
24156 margin: -1rem -1rem -1rem auto;
24157 position: relative;
24158 background-color: transparent;
24159 border: 0;
24160 background-image: none;
24161 box-shadow: none;
24162 opacity: 0.7;
24164 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
24165 opacity: 1;
24167 .moodle-dialogue-base .closebutton::after {
24168 content: "×";
24171 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
24172 padding: 0.5rem;
24174 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
24175 background-color: #fff;
24178 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24179 overflow: auto;
24180 position: absolute;
24181 top: 0;
24182 bottom: 50px;
24183 left: 0;
24184 right: 0;
24185 margin: 0;
24186 border: 0;
24189 .moodle-dialogue-exception .moodle-exception-param label {
24190 font-weight: bold;
24193 .moodle-dialogue-exception .param-stacktrace label {
24194 background-color: #eee;
24195 border: 1px solid #ccc;
24196 border-bottom-width: 0;
24199 .moodle-dialogue-exception .param-stacktrace pre {
24200 border: 1px solid #ccc;
24201 background-color: #fff;
24204 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24205 color: navy;
24206 font-size: 0.8203125rem;
24209 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24210 color: #f0ad4e;
24211 font-size: 0.8203125rem;
24214 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24215 color: #333;
24216 font-size: 90%;
24217 border-bottom: 1px solid #eee;
24220 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
24221 display: none;
24224 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
24225 background: initial;
24228 .moodle-dialogue-confirm .confirmation-message {
24229 margin: 0.5rem 0;
24232 .moodle-dialogue-confirm .confirmation-dialogue input {
24233 min-width: 80px;
24236 .moodle-dialogue-exception .moodle-exception-message {
24237 margin: 1em;
24240 .moodle-dialogue-exception .moodle-exception-param {
24241 margin-bottom: 0.5em;
24244 .moodle-dialogue-exception .moodle-exception-param label {
24245 width: 150px;
24248 .moodle-dialogue-exception .param-stacktrace label {
24249 display: block;
24250 margin: 0;
24251 padding: 4px 1em;
24254 .moodle-dialogue-exception .param-stacktrace pre {
24255 display: block;
24256 height: 200px;
24257 overflow: auto;
24260 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24261 display: inline-block;
24262 margin: 4px 0;
24265 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24266 display: inline-block;
24267 width: 50px;
24268 margin: 4px 1em;
24271 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24272 padding-left: 25px;
24273 margin-bottom: 4px;
24274 padding-bottom: 4px;
24277 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
24278 opacity: 0.75;
24279 width: 100%;
24280 height: 100%;
24281 top: 0;
24282 left: 0;
24283 background-color: #fff;
24284 text-align: center;
24285 padding: 10% 0;
24288 /* Apply a default max-height on tooltip text */
24289 .moodle-dialogue .tooltiptext {
24290 max-height: 300px;
24293 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
24294 z-index: 3001;
24296 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
24297 overflow: auto;
24301 * Chooser Dialogues (moodle-core-chooserdialogue)
24303 * This CSS belong to the chooser dialogue which should work both with, and
24304 * without javascript enabled
24306 /* Hide the dialog and it's title */
24307 .chooserdialoguebody,
24308 .choosertitle {
24309 display: none;
24312 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
24313 margin: 0;
24316 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
24317 padding: 0;
24318 background: #f2f2f2;
24319 border-bottom-right-radius: 10px;
24320 border-bottom-left-radius: 10px;
24323 /* Center the submit buttons within the area */
24324 .choosercontainer #chooseform .submitbuttons {
24325 padding: 0.7em 0;
24326 text-align: right;
24329 /* Fixed for safari browser on iPhone4S with ios7@mixin */
24330 @media (max-height: 639px) {
24331 .ios .choosercontainer #chooseform .submitbuttons {
24332 padding: 45px 0;
24335 .choosercontainer #chooseform .submitbuttons input {
24336 min-width: 100px;
24337 margin: 0 0.5em;
24340 /* Various settings for the options area */
24341 .choosercontainer #chooseform .options {
24342 position: relative;
24343 border-bottom: 1px solid #bbb;
24346 /* Only set these options if we're showing the js container */
24347 .jschooser .choosercontainer #chooseform .alloptions {
24348 overflow-x: hidden;
24349 overflow-y: auto;
24350 max-width: 240px;
24352 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
24353 display: inline-block;
24355 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
24356 display: inline-block;
24357 width: 55%;
24360 /* Settings for option rows and option subtypes */
24361 .choosercontainer #chooseform .moduletypetitle,
24362 .choosercontainer #chooseform .option,
24363 .choosercontainer #chooseform .nonoption {
24364 margin-bottom: 0;
24365 padding: 0 1.6em 0 1.6em;
24368 .choosercontainer #chooseform .moduletypetitle {
24369 text-transform: uppercase;
24370 padding-top: 1.2em;
24371 padding-bottom: 0.4em;
24372 margin-bottom: 0.5rem;
24373 font-size: 100%;
24376 .choosercontainer #chooseform .option .typename,
24377 .choosercontainer #chooseform .nonoption .typename {
24378 padding: 0 0 0 0.5em;
24381 .choosercontainer #chooseform .modicon + .typename {
24382 padding-left: 0;
24385 .choosercontainer #chooseform .option input[type=radio],
24386 .choosercontainer #chooseform .option span.typename {
24387 vertical-align: middle;
24390 .choosercontainer #chooseform .option label {
24391 display: block;
24392 margin: 0;
24393 padding: 0.5rem 0;
24394 border-bottom: 1px solid #fff;
24397 .choosercontainer #chooseform .option .icon {
24398 margin: 0;
24399 padding: 0 1rem;
24402 .choosercontainer #chooseform .nonoption {
24403 padding-left: 2.7em;
24404 padding-top: 0.3em;
24405 padding-bottom: 0.1em;
24408 .choosercontainer #chooseform .subtype {
24409 margin-bottom: 0;
24410 padding: 0 1.6em 0 3.2em;
24413 .choosercontainer #chooseform .subtype .typename {
24414 margin: 0 0 0 0.2em;
24417 /* The instruction/help area */
24418 .jschooser .choosercontainer #chooseform .instruction,
24419 .jschooser .choosercontainer #chooseform .typesummary {
24420 display: none;
24421 position: absolute;
24422 top: 0;
24423 right: 0;
24424 bottom: 0;
24425 left: 240px;
24426 margin: 0;
24427 padding: 1.6em;
24428 background-color: #fff;
24429 overflow-x: hidden;
24430 overflow-y: auto;
24431 line-height: 2em;
24434 /* Selected option settings */
24435 .jschooser .choosercontainer #chooseform .instruction,
24436 .choosercontainer #chooseform .selected .typesummary {
24437 display: block;
24440 .choosercontainer #chooseform .selected {
24441 background-color: #fff;
24442 margin-top: -1px;
24443 padding-top: 1px;
24446 @media (max-width: 575.98px) {
24447 .jsenabled .choosercontainer #chooseform .alloptions {
24448 max-width: 100%;
24450 .jsenabled .choosercontainer #chooseform .instruction,
24451 .jsenabled .choosercontainer #chooseform .typesummary {
24452 position: static;
24456 * Module chooser dialogue (moodle-core-chooserdialogue)
24458 * This CSS belong to the chooser dialogue which should work both with, and
24459 * without javascript enabled
24461 .modchooser .modal-body {
24462 padding: 0;
24463 overflow-y: auto;
24464 min-height: 640px;
24465 display: flex;
24466 flex-direction: column;
24468 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24469 min-height: 495px;
24471 .modchooser .modal-body .carousel-item.active {
24472 display: flex;
24474 .modchooser .modal-body .chooser-container {
24475 display: flex;
24476 flex-direction: column;
24477 flex: 1 1 auto;
24479 .modchooser .modal-body .loading-icon {
24480 opacity: 1;
24482 .modchooser .modal-body .loading-icon .icon {
24483 display: block;
24484 font-size: 3em;
24485 height: 1em;
24486 width: 1em;
24488 .modchooser .modal-body .carousel-item .loading-icon .icon {
24489 margin: 1em auto;
24491 .modchooser .modal-body .searchbar {
24492 width: 100%;
24495 .modchooser .modal-footer {
24496 height: 70px;
24497 background: #fff;
24499 .modchooser .modal-footer .moodlenet-logo .icon {
24500 height: 2.5rem;
24501 width: 6rem;
24502 max-height: 2.5rem;
24503 max-width: 6rem;
24504 margin-bottom: 0.6rem;
24507 .modchoosercontainer.noscroll {
24508 overflow-y: hidden;
24511 .modchoosercontainer .optionscontainer,
24512 .modchoosercontainer .searchresultitemscontainer {
24513 overflow-x: hidden;
24515 .modchoosercontainer .optionscontainer .option,
24516 .modchoosercontainer .searchresultitemscontainer .option {
24517 flex-basis: calc(50% - 0.5rem);
24519 .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
24520 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
24521 cursor: pointer;
24522 color: #6a737b;
24524 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i,
24525 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
24526 margin: 0;
24528 .modchoosercontainer .optionscontainer .option .optioninfo a,
24529 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
24530 color: #495057;
24532 .modchoosercontainer .optionscontainer .option .optioninfo a:hover,
24533 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
24534 text-decoration: none;
24537 .modchooser .modal-body .optionsummary {
24538 background-color: #fff;
24539 overflow-x: hidden;
24540 overflow-y: auto;
24541 height: 640px;
24543 .modchooser .modal-body .optionsummary .content {
24544 overflow-y: auto;
24546 .modchooser .modal-body .optionsummary .content .heading .icon {
24547 height: 32px;
24548 width: 32px;
24549 font-size: 32px;
24550 padding: 0;
24552 .modchooser .modal-body .optionsummary .actions {
24553 border-top: 1px solid #dee2e6;
24554 background: #fff;
24557 @media (max-width: 575.98px) {
24558 .path-course-view .modal-dialog.modal-lg,
24559 .path-course-view .modal-content,
24560 .modchooser .modal-body,
24561 .modchooser .modal-body .carousel,
24562 .modchooser .modal-body .carousel-inner,
24563 .modchooser .modal-body .carousel-item,
24564 .modchooser .modal-body .optionsummary,
24565 .modchoosercontainer,
24566 .optionscontainer,
24567 .searchresultitemscontainer {
24568 min-height: auto;
24569 height: 100%;
24570 overflow-y: auto;
24572 .path-course-view .modal-dialog.modal-lg {
24573 margin: 0;
24575 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24576 min-height: auto;
24579 @media (min-width: 576px) {
24580 .modchoosercontainer .optionscontainer .option,
24581 .modchoosercontainer .searchresultitemscontainer .option {
24582 flex-basis: calc(33.33% - 0.5rem);
24585 @media (min-width: 992px) {
24586 .modchoosercontainer .optionscontainer .option,
24587 .modchoosercontainer .searchresultitemscontainer .option {
24588 flex-basis: calc(16.66% - 0.5rem);
24591 /* Form element: listing */
24592 .formlistingradio {
24593 padding-bottom: 25px;
24594 padding-right: 10px;
24597 .formlistinginputradio {
24598 float: left;
24601 .formlistingmain {
24602 min-height: 225px;
24605 .formlisting {
24606 position: relative;
24607 margin: 15px 0;
24608 padding: 1px 19px 14px;
24609 background-color: #fff;
24610 border: 1px solid #ddd;
24611 border-radius: 4px;
24614 .formlistingmore {
24615 position: absolute;
24616 cursor: pointer;
24617 bottom: -1px;
24618 right: -1px;
24619 padding: 3px 7px;
24620 font-size: 12px;
24621 font-weight: bold;
24622 background-color: whitesmoke;
24623 border: 1px solid #ddd;
24624 color: #9da0a4;
24625 border-radius: 4px 0 4px 0;
24628 .formlistingall {
24629 margin: 15px 0;
24630 padding: 0;
24631 border-radius: 4px;
24634 .formlistingrow {
24635 cursor: pointer;
24636 border-bottom: 1px solid;
24637 border-color: #e1e1e8;
24638 border-left: 1px solid #e1e1e8;
24639 border-right: 1px solid #e1e1e8;
24640 background-color: #f7f7f9;
24641 border-radius: 0 0 4px 4px;
24642 padding: 6px;
24643 top: 50%;
24644 left: 50%;
24645 min-height: 34px;
24646 float: left;
24647 width: 150px;
24650 body.jsenabled .formlistingradio {
24651 display: none;
24654 body.jsenabled .formlisting {
24655 display: block;
24658 a.criteria-action {
24659 padding: 0 3px;
24660 float: right;
24663 div.criteria-description {
24664 padding: 10px 15px;
24665 margin: 5px 0;
24666 background: none repeat scroll 0 0 #f9f9f9;
24667 border: 1px solid #eee;
24670 ul.badges {
24671 margin: 0;
24672 list-style: none;
24675 .badges li {
24676 position: relative;
24677 display: inline-block;
24678 padding-top: 1em;
24679 text-align: center;
24680 vertical-align: top;
24681 width: 150px;
24684 .badges li .badge-name {
24685 display: block;
24686 padding: 5px;
24689 .badges li > img {
24690 position: absolute;
24693 .badges li .badge-image {
24694 width: 100px;
24695 height: 100px;
24696 left: 10px;
24697 top: 0;
24698 z-index: 1;
24701 .badges li .badge-actions {
24702 position: relative;
24705 .badges li .expireimage {
24706 background-image: url([[pix:i/expired]]);
24707 background-repeat: no-repeat;
24708 background-size: 100px 100px;
24709 width: 100px;
24710 height: 100px;
24711 left: 25px;
24712 top: 15px;
24713 position: absolute;
24714 z-index: 10;
24715 opacity: 0.85;
24718 #badge-image {
24719 background-color: transparent;
24720 padding: 0;
24721 position: relative;
24722 min-width: 100px;
24723 width: 20%;
24724 display: inline-block;
24725 vertical-align: top;
24726 margin-top: 17px;
24727 margin-bottom: 20px;
24729 #badge-image .expireimage {
24730 background-image: url([[pix:i/expired]]);
24731 background-repeat: no-repeat;
24732 background-size: 100px 100px;
24733 width: 100px;
24734 height: 100px;
24735 left: 0;
24736 top: 0;
24737 opacity: 0.85;
24738 position: absolute;
24739 z-index: 10;
24741 #badge-image .singlebutton {
24742 padding-top: 5px;
24743 display: block;
24745 #badge-image .singlebutton button {
24746 margin-left: 4px;
24749 #badge-details {
24750 display: inline-block;
24751 width: 79%;
24754 #badge-overview dl,
24755 #badge-details dl {
24756 margin: 0;
24758 #badge-overview dl dt,
24759 #badge-overview dl dd,
24760 #badge-details dl dt,
24761 #badge-details dl dd {
24762 vertical-align: top;
24763 padding: 3px 0;
24765 #badge-overview dl dt,
24766 #badge-details dl dt {
24767 clear: both;
24768 display: inline-block;
24769 width: 20%;
24770 min-width: 100px;
24772 #badge-overview dl dd,
24773 #badge-details dl dd {
24774 display: inline-block;
24775 width: 79%;
24776 margin-left: 1%;
24779 #badge-criteria li li {
24780 list-style-type: none;
24783 #badge-image-col {
24784 flex: 0 0 400px;
24787 .badge-profile {
24788 vertical-align: top;
24791 .connected {
24792 color: #357a32;
24795 .notconnected {
24796 color: #ca3120;
24799 .connecting {
24800 color: #f0ad4e;
24803 #page-badges-award .recipienttable tr td {
24804 vertical-align: top;
24807 #page-badges-award .recipienttable tr td.actions .actionbutton {
24808 margin: 0.3em 0;
24809 padding: 0.5em 0;
24810 width: 100%;
24813 #page-badges-award .recipienttable tr td.existing,
24814 #page-badges-award .recipienttable tr td.potential {
24815 width: 42%;
24818 #issued-badge-table .activatebadge {
24819 display: inline-block;
24822 .statusbox.active {
24823 background-color: #d7e4d6;
24826 .statusbox.inactive {
24827 background-color: #fcefdc;
24830 .statusbox {
24831 text-align: center;
24832 margin-bottom: 5px;
24833 padding: 5px;
24836 .statusbox .activatebadge {
24837 display: inline-block;
24840 .statusbox .activatebadge input[type=submit] {
24841 margin: 3px;
24844 .activatebadge {
24845 margin: 0;
24846 text-align: left;
24847 vertical-align: middle;
24850 img#persona_signin {
24851 cursor: pointer;
24854 .addcourse {
24855 float: right;
24858 .invisiblefieldset {
24859 display: inline;
24860 padding: 0;
24861 border-width: 0;
24864 /** Page header */
24865 #page-header h1.h2 {
24866 font-weight: bold;
24868 #page-header .logo {
24869 margin: 1rem 0;
24871 #page-header .logo img {
24872 max-height: 75px;
24875 /** Navbar logo. */
24876 nav.navbar .logo img {
24877 max-height: 35px;
24880 .nav.usernav .nav-item {
24881 display: flex;
24883 .nav.usernav .usermenu .dropdown-toggle {
24884 padding: 0 0.5rem;
24887 /** Header-bar styles **/
24888 .page-context-header {
24889 overflow: hidden;
24890 padding: 0.25rem 0;
24891 display: flex;
24893 .page-context-header .page-header-image > a {
24894 display: inline-block;
24896 .page-context-header .page-header-headings,
24897 .page-context-header .header-button-group {
24898 position: relative;
24899 line-height: 24px;
24900 vertical-align: middle;
24902 .page-context-header .header-button-group {
24903 display: block;
24904 float: left;
24907 ul.dragdrop-keyboard-drag li {
24908 list-style-type: none;
24911 a.disabled:hover,
24912 a.disabled {
24913 text-decoration: none;
24914 cursor: default;
24915 font-style: italic;
24916 color: #6a737b;
24919 body.lockscroll {
24920 height: 100%;
24921 overflow: hidden;
24924 .progressbar_container {
24925 max-width: 500px;
24926 margin: 0 auto;
24929 /* IE10 only fix for calendar titling */
24930 .ie10 .yui3-calendar-header-label {
24931 display: inline-block;
24934 dd:before,
24935 dd:after {
24936 display: block;
24937 content: " ";
24940 dd:after {
24941 clear: both;
24944 .nav-tabs > .active > a[href],
24945 .nav-tabs > .active > a[href]:hover,
24946 .nav-tabs > .active > a[href]:focus {
24947 cursor: pointer;
24950 .inplaceeditable.inplaceeditingon {
24951 position: relative;
24953 .inplaceeditable.inplaceeditingon .editinstructions {
24954 margin-top: -30px;
24955 font-weight: normal;
24956 margin-right: 0;
24957 margin-left: 0;
24958 left: 0;
24959 right: auto;
24960 white-space: nowrap;
24962 @media (min-width: 576px) {
24963 .inplaceeditable.inplaceeditingon input {
24964 width: 330px;
24965 vertical-align: text-bottom;
24966 margin-bottom: 0;
24968 .inplaceeditable.inplaceeditingon input[role=combobox] {
24969 width: auto;
24972 .inplaceeditable.inplaceeditingon select {
24973 margin-bottom: 0;
24975 .inplaceeditable .quickediticon .icon {
24976 font-size: medium;
24978 .inplaceeditable .quickediticon img {
24979 opacity: 0.2;
24981 .inplaceeditable .quickeditlink {
24982 color: inherit;
24983 text-decoration: inherit;
24985 .inplaceeditable:hover .quickeditlink .quickediticon img,
24986 .inplaceeditable .quickeditlink:focus .quickediticon img {
24987 opacity: 1;
24989 .inplaceeditable.inplaceeditable-toggle .quickediticon {
24990 display: none;
24992 .inplaceeditable.inplaceeditable-autocomplete {
24993 display: block;
24996 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
24997 margin-top: -20px;
25000 /** Chart area. */
25001 @media (min-width: 992px) {
25002 .chart-area .chart-image {
25003 position: relative;
25004 margin: auto;
25005 height: 48vh;
25006 width: 46vw;
25009 .chart-area .chart-table-data {
25010 display: none;
25012 .chart-area .chart-table {
25013 /** When accessible, we display the table only. */
25015 .chart-area .chart-table .chart-output-htmltable caption {
25016 white-space: nowrap;
25018 .chart-area .chart-table.accesshide .chart-table-expand {
25019 display: none;
25021 .chart-area .chart-table.accesshide .chart-table-data {
25022 display: block;
25025 /* YUI 2 Tree View */
25026 /*rtl:raw:
25027 .ygtvtn,
25028 .ygtvtm,
25029 .ygtvtmh,
25030 .ygtvtmhh,
25031 .ygtvtp,
25032 .ygtvtph,
25033 .ygtvtphh,
25034 .ygtvln,
25035 .ygtvlm,
25036 .ygtvlmh,
25037 .ygtvlmhh,
25038 .ygtvlp,
25039 .ygtvlph,
25040 .ygtvlphh,
25041 .ygtvdepthcell,
25042 .ygtvok,
25043 .ygtvok:hover,
25044 .ygtvcancel,
25045 .ygtvcancel:hover {
25046 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
25049 .hover-tooltip-container {
25050 position: relative;
25052 .hover-tooltip-container .hover-tooltip {
25053 opacity: 0;
25054 visibility: hidden;
25055 position: absolute;
25056 /*rtl:ignore*/
25057 left: 50%;
25058 top: calc(-50% - 5px);
25059 transform: translate(-50%, -50%);
25060 background-color: #fff;
25061 border: 1px solid rgba(0, 0, 0, 0.2);
25062 border-radius: 0.3rem;
25063 box-sizing: border-box;
25064 padding: 5px;
25065 white-space: nowrap;
25066 transition: opacity 0.15s, visibility 0.15s;
25067 z-index: 1000;
25069 .hover-tooltip-container .hover-tooltip:before {
25070 content: "";
25071 display: inline-block;
25072 border-left: 8px solid transparent;
25073 border-right: 8px solid transparent;
25074 border-top: 8px solid rgba(0, 0, 0, 0.2);
25075 position: absolute;
25076 bottom: -8px;
25077 left: calc(50% - 8px);
25079 .hover-tooltip-container .hover-tooltip:after {
25080 content: "";
25081 display: inline-block;
25082 border-left: 7px solid transparent;
25083 border-right: 7px solid transparent;
25084 border-top: 7px solid #fff;
25085 position: absolute;
25086 bottom: -6px;
25087 left: calc(50% - 7px);
25088 z-index: 2;
25090 .hover-tooltip-container:hover .hover-tooltip {
25091 opacity: 1;
25092 visibility: visible;
25093 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
25096 #region-flat-nav {
25097 padding-right: 0;
25098 padding-left: 0;
25100 #region-flat-nav .nav {
25101 margin-right: 15px;
25102 background-color: #fff;
25104 @media (max-width: 767.98px) {
25105 #region-flat-nav .nav {
25106 margin-top: 30px;
25107 margin-right: 0;
25111 .footer-dark a {
25112 color: #fff;
25113 text-decoration: underline;
25115 .footer-dark a .icon {
25116 color: #fff;
25118 .footer-dark a:focus .icon {
25119 color: #1d2125;
25122 .btn-footer-popover {
25123 display: none;
25124 position: fixed;
25125 bottom: 2rem;
25126 right: 2rem;
25129 .btn-footer-communication {
25130 display: none;
25131 position: fixed;
25132 bottom: 5rem;
25133 right: 2rem;
25136 .hasstickyfooter .btn-footer-popover {
25137 bottom: calc(1rem + max(80px, 0.9375rem * 3));
25140 .hasstickyfooter .btn-footer-communication {
25141 bottom: calc(4rem + max(80px, 0.9375rem * 3));
25144 .popover.footer .popover-body {
25145 padding: 0;
25147 .popover.footer .popover-body .footer-section a {
25148 color: #1d2125;
25149 text-decoration: underline;
25151 .popover.footer .popover-body .footer-section a .icon {
25152 color: #1d2125;
25154 .popover.footer .popover-body .footer-section a:focus {
25155 text-decoration: none;
25158 .footer-support-link {
25159 padding-bottom: 5px;
25162 @media (min-width: 576px) {
25163 .jsenabled #page-footer .footer-content-popover {
25164 display: none;
25166 .jsenabled .btn-footer-popover,
25167 .jsenabled .btn-footer-communication {
25168 display: block;
25169 z-index: 1000;
25172 .bg-inverse a {
25173 color: #fff;
25174 text-decoration: underline;
25176 .bg-inverse a .icon {
25177 color: #fff;
25180 .sitelink img {
25181 width: 112px;
25184 .competency-tree ul {
25185 padding-left: 1.5rem;
25188 .sr-only-focusable:active, .sr-only-focusable:focus {
25189 z-index: 1031;
25190 position: fixed;
25191 background: #fff;
25192 padding: 7px;
25193 left: 0;
25194 top: 0;
25197 [data-drag-type=move] {
25198 cursor: move;
25199 touch-action: none;
25202 .clickable {
25203 cursor: pointer;
25206 .overlay-icon-container {
25207 position: absolute;
25208 top: 0;
25209 left: 0;
25210 width: 100%;
25211 height: 100%;
25212 background-color: rgba(255, 255, 255, 0.6);
25214 .overlay-icon-container .loading-icon {
25215 position: absolute;
25216 top: 50%;
25217 left: 50%;
25218 transform: translate(-50%, -50%);
25220 .overlay-icon-container .loading-icon .icon {
25221 height: 30px;
25222 width: 30px;
25223 font-size: 30px;
25226 .w-auto {
25227 width: auto;
25230 .bg-pulse-grey {
25231 animation: bg-pulse-grey 2s infinite linear;
25234 @keyframes bg-pulse-grey {
25235 0% {
25236 background-color: #f8f9fa;
25238 50% {
25239 background-color: #e9ecef;
25241 100% {
25242 background-color: #f8f9fa;
25245 .line-height-0 {
25246 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
25249 .line-height-1 {
25250 line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
25253 .line-height-2 {
25254 line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
25257 .line-height-3 {
25258 line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
25261 .line-height-4 {
25262 line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
25265 .line-height-5 {
25266 line-height: 2rem !important; /* stylelint-disable-line declaration-no-important */
25269 .line-height-6 {
25270 line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
25273 .dir-rtl .dir-rtl-hide {
25274 display: none;
25277 .dir-ltr .dir-ltr-hide {
25278 display: none;
25281 .paged-content-page-container {
25282 min-height: 3.125rem;
25285 body.h5p-embed #page-content {
25286 display: inherit;
25288 body.h5p-embed #maincontent {
25289 display: none;
25291 body.h5p-embed .h5pmessages {
25292 min-height: 230px;
25295 #h5pcontenttypes td {
25296 vertical-align: middle;
25299 #page.drawers form#h5peditor,
25300 #page.drawers form#coolh5peditor,
25301 #page.drawers .core_contentbank_viewcontent {
25302 max-width: 960px;
25303 margin: 0 auto;
25306 .text-decoration-none {
25307 text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
25310 .colour-inherit {
25311 color: inherit !important; /* stylelint-disable-line declaration-no-important */
25314 .position-right {
25315 right: 0 !important; /* stylelint-disable-line declaration-no-important */
25318 .overflow-hidden {
25319 overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
25322 .text-break {
25323 overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
25326 .word-break {
25327 word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
25330 .z-index-0 {
25331 z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
25334 .z-index-1 {
25335 z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
25338 .float-left {
25339 float: left !important; /* stylelint-disable-line declaration-no-important */
25342 .float-right {
25343 float: right !important; /* stylelint-disable-line declaration-no-important */
25346 .img-responsive {
25347 max-width: 100%;
25348 height: auto;
25351 input[disabled] {
25352 cursor: not-allowed;
25355 .fade.in {
25356 opacity: 1;
25359 .clamp-2 {
25360 display: -webkit-box;
25361 -webkit-box-orient: vertical;
25362 -webkit-line-clamp: 2;
25363 overflow: hidden;
25366 .word-break-all {
25367 word-break: break-all;
25370 .matchtext {
25371 background-color: #a2cff8;
25372 color: #1d2125;
25373 height: 1.5rem;
25376 .border-radius {
25377 border-radius: 0.25rem;
25380 .v-hidden {
25381 visibility: hidden;
25384 .dialog-big {
25385 max-width: 500px;
25388 .dialog-small {
25389 max-width: 300px;
25392 @media (min-width: 576px) {
25393 .dialog-big {
25394 width: 500px;
25396 .dialog-small {
25397 width: 300px;
25401 * Helpers to show elements only when a parent element has focus or hover.
25403 .v-parent-focus {
25404 opacity: 0;
25405 visibility: hidden;
25408 .focus-control:focus-within .v-parent-focus,
25409 .focus-control:hover .v-parent-focus {
25410 opacity: 1;
25411 visibility: visible;
25414 .emoji-picker {
25415 width: 350px;
25416 height: 400px;
25418 .emoji-picker .category-button {
25419 padding: 0.375rem 0;
25420 height: 100%;
25421 width: 38.8888888889px;
25422 border-top: none;
25423 border-left: none;
25424 border-right: none;
25425 border-bottom: 2px solid transparent;
25427 .emoji-picker .category-button.selected {
25428 border-bottom: 2px solid #0f6cbf;
25430 .emoji-picker .emojis-container,
25431 .emoji-picker .search-results-container {
25432 min-width: 280px;
25434 .emoji-picker .picker-row {
25435 height: 40px;
25437 .emoji-picker .picker-row .category-name {
25438 line-height: 40px;
25440 .emoji-picker .picker-row .emoji-button {
25441 height: 40px;
25442 width: 40px;
25443 line-height: 40px;
25444 font-size: 24px;
25445 overflow: hidden;
25447 .emoji-picker .emoji-preview {
25448 height: 40px;
25449 font-size: 40px;
25450 line-height: 40px;
25452 .emoji-picker .emoji-short-name {
25453 line-height: 20px;
25455 @media (max-width: 575.98px) {
25456 .emoji-picker {
25457 width: 320px;
25461 .emoji-auto-complete {
25462 height: 40px;
25464 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
25465 height: 40px;
25466 width: 40px;
25467 line-height: 40px;
25468 font-size: 24px;
25470 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
25471 background-color: #e9ecef;
25474 .toast-wrapper {
25475 max-width: 350px;
25476 max-height: 0;
25477 z-index: 1051;
25479 .toast-wrapper > :first-child {
25480 margin-top: 1rem;
25483 .alert-primary a {
25484 color: #041d34;
25486 .alert-primary .close {
25487 color: #000305;
25488 opacity: 0.6;
25491 .alert-secondary a {
25492 color: #525557;
25494 .alert-secondary .close {
25495 color: #393b3d;
25496 opacity: 0.6;
25499 .alert-success a, .environmenttable .ok a {
25500 color: #0c1b0b;
25502 .alert-success .close, .environmenttable .ok .close {
25503 color: black;
25504 opacity: 0.6;
25507 .alert-info a {
25508 color: #00171b;
25510 .alert-info .close {
25511 color: black;
25512 opacity: 0.6;
25515 .alert-warning a, .environmenttable .warn a {
25516 color: #573e1c;
25518 .alert-warning .close, .environmenttable .warn .close {
25519 color: #302310;
25520 opacity: 0.6;
25523 .alert-danger a, .environmenttable .error a {
25524 color: #3d0f0a;
25526 .alert-danger .close, .environmenttable .error .close {
25527 color: #110403;
25528 opacity: 0.6;
25531 .alert-light a {
25532 color: #686868;
25534 .alert-light .close {
25535 color: #4e4e4f;
25536 opacity: 0.6;
25539 .alert-dark a {
25540 color: #040505;
25542 .alert-dark .close {
25543 color: black;
25544 opacity: 0.6;
25547 .alert a {
25548 font-weight: 700;
25551 .breadcrumb:empty {
25552 padding: 0;
25555 @media (max-width: 767.98px) {
25556 #page-navbar {
25557 width: 100%;
25559 .breadcrumb:not(:empty) {
25560 width: 100%;
25561 flex-wrap: nowrap;
25562 margin-bottom: 0.5rem;
25564 .breadcrumb:not(:empty) .breadcrumb-item {
25565 padding-top: 0.33333rem;
25566 padding-bottom: 0.33333rem;
25567 display: inline-flex;
25568 overflow: hidden;
25570 .breadcrumb:not(:empty) .breadcrumb-item a,
25571 .breadcrumb:not(:empty) .breadcrumb-item span {
25572 overflow: hidden;
25573 text-overflow: ellipsis;
25574 white-space: nowrap;
25576 .mform {
25577 width: 100%;
25578 padding-right: 15px;
25579 padding-left: 15px;
25581 .pagination {
25582 flex-wrap: wrap;
25583 justify-content: center;
25585 .custom-select {
25586 max-width: 100%;
25588 .card .card-body {
25589 padding: 0.625rem;
25591 #page-header .card {
25592 border: 0;
25594 #page-header .card .card-body {
25595 padding: 0;
25597 .nav-tabs:not(.more-nav),
25598 .nav-pills {
25599 margin: 0;
25600 border: 0;
25601 padding: 0.125rem;
25602 background-color: #e9ecef;
25604 .nav-tabs:not(.more-nav) .nav-item,
25605 .nav-pills .nav-item {
25606 flex: 1 1 auto;
25607 text-align: center;
25609 .nav-tabs:not(.more-nav) .nav-link,
25610 .nav-pills .nav-link {
25611 background: #fff;
25612 border: 0;
25613 margin: 0.125rem;
25615 .nav-tabs:not(.more-nav) .nav-link.active,
25616 .nav-pills .nav-link.active {
25617 color: #6a737b;
25618 border-color: #6a737b;
25619 border-color: #6a737b;
25621 .nav-tabs:not(.more-nav) .nav-link.active:hover,
25622 .nav-pills .nav-link.active:hover {
25623 color: #fff;
25624 background-color: #6a737b;
25625 border-color: #6a737b;
25627 .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
25628 .nav-pills .nav-link.active:focus,
25629 .nav-pills .nav-link.active.focus {
25630 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25632 .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
25633 .nav-pills .nav-link.active.disabled,
25634 .nav-pills .nav-link.active:disabled {
25635 color: #6a737b;
25636 background-color: transparent;
25638 .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
25639 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
25640 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
25641 .show > .nav-pills .nav-link.active.dropdown-toggle {
25642 color: #fff;
25643 background-color: #6a737b;
25644 border-color: #6a737b;
25646 .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
25647 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
25648 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
25649 .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
25650 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25653 @media (max-width: 576px) and (max-height: 320px) {
25654 div#page {
25655 margin-top: 0;
25657 .navbar.fixed-top {
25658 position: relative;
25659 z-index: inherit;
25662 .link-underline {
25663 text-decoration: underline;
25665 .link-underline:focus {
25666 text-decoration: none;
25669 .alert.cta .cta-icon .icon {
25670 padding: 0.3rem;
25672 .alert.cta .cta-icon .icon.fa {
25673 border-radius: 50%;
25674 border-style: solid;
25675 border-width: 0.125rem;
25678 .core_payment_gateways_modal .custom-control-label::before,
25679 .core_payment_gateways_modal .custom-control-label::after {
25680 top: 45%;
25683 .visual-scroll-x {
25684 scrollbar-width: thin;
25685 scrollbar-color: #0f6cbf #a2cff8;
25686 -ms-overflow-style: -ms-autohiding-scrollbar;
25688 .visual-scroll-x::-webkit-scrollbar {
25689 height: 8px;
25690 -webkit-appearance: none;
25691 appearance: none;
25693 .visual-scroll-x::-webkit-scrollbar-thumb {
25694 background-color: #0f6cbf;
25695 border-right: 1px solid #fff;
25697 .visual-scroll-x::-webkit-scrollbar-track {
25698 background-color: #a2cff8;
25699 border-right: 1px solid #fff;
25702 body.dragging .drop-zone {
25703 border: 1px dashed #1d2125;
25705 body.dragging .drop-up {
25706 border-top: 1px solid #1d2125;
25707 border-top-left-radius: 0;
25708 border-top-right-radius: 0;
25710 body.dragging .drop-down {
25711 border-bottom: 1px solid #1d2125;
25712 border-bottom-left-radius: 0;
25713 border-bottom-right-radius: 0;
25715 body.dragging .dragging {
25716 opacity: 0.6;
25719 .dragicon {
25720 visibility: hidden;
25723 .draggable:hover .dragicon {
25724 visibility: visible;
25725 cursor: move;
25728 .overlay-preview {
25729 background-color: rgba(255, 255, 255, 0.8);
25730 border: 2px dashed #0f6cbf;
25731 position: absolute;
25732 top: 0;
25733 left: 0;
25734 width: 100%;
25735 height: 100%;
25737 .overlay-preview .overlay-preview-wrapper {
25738 position: absolute;
25739 top: 0;
25740 padding: 2rem;
25741 width: 100%;
25743 .overlay-preview .overlay-preview-content {
25744 position: relative;
25745 top: 0;
25746 padding: 1rem;
25747 margin: 0 auto;
25748 width: 100%;
25749 max-width: 600px;
25750 background-color: #0f6cbf;
25751 color: #fff;
25752 text-align: center;
25753 font-size: 1.171875rem;
25754 border-radius: 0.25rem;
25757 .overlay-preview-borders {
25758 outline: 2px dashed #0f6cbf;
25761 .waitstate {
25762 display: none;
25765 .stateready .waitstate {
25766 display: inherit;
25768 .stateready .whilenostate {
25769 display: none;
25772 .collapse-list .collapse-list-item {
25773 padding: 0.5rem 1rem;
25775 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
25776 background-color: #e0f0f2;
25777 border-color: #b8dce2;
25779 .collapse-list .collapse-list-item-content .collapse-list-item {
25780 padding-left: calc(1rem * 3);
25783 .drawers .block_myoverview {
25784 border: 0;
25786 .drawers .block_myoverview > .card-body {
25787 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
25788 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
25789 padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
25792 .dropdown-toggle::after {
25793 content: "\f078";
25794 margin-right: 0;
25795 margin-left: 4px;
25796 font-size: 9px;
25797 width: 9px;
25798 border: 0;
25801 .dropleft .dropdown-toggle::before {
25802 border: 0;
25803 content: "\f053";
25804 font-size: 9px;
25805 margin-left: 0;
25806 margin-right: 4px;
25807 width: 9px;
25810 .dir-rtl .dropleft .dropdown-toggle::before {
25811 content: "\f054";
25814 .dropright .dropdown-toggle::after {
25815 border: 0;
25816 content: "\f054";
25819 .dir-rtl .dropright .dropdown-toggle::after {
25820 content: "\f053";
25823 .dropup .dropdown-toggle::after {
25824 border: 0;
25825 content: "\f077";
25828 .select-menu li:first-child ul[role=group] {
25829 padding: 0;
25831 .select-menu ul[role=group] {
25832 padding: 0.3rem 0 0 0;
25833 margin: 0;
25835 .select-menu ul[role=group] li:first-child {
25836 cursor: default;
25837 color: #6a737b;
25838 padding: 0.25rem 1.5rem;
25839 display: block;
25841 .select-menu ul[role=group] .dropdown-item {
25842 padding-left: 2.5rem;
25844 .select-menu .dropdown-item[aria-selected=true] {
25845 font-weight: bold;
25848 [role=listbox] [role=option] {
25849 cursor: pointer;
25851 [role=listbox] [role=option][aria-selected=true] {
25852 font-weight: bold;
25855 .initialbargroups ul {
25856 -webkit-margin-start: 0; /* stylelint-disable-line */
25857 margin-right: -1px;
25860 .initialbargroups .page-item:first-child .page-link {
25861 border-top-left-radius: 0;
25862 border-bottom-left-radius: 0;
25863 border-top-right-radius: 0;
25864 border-bottom-right-radius: 0;
25866 .initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
25867 border-top-left-radius: 0.3rem;
25868 border-bottom-left-radius: 0.3rem;
25870 .initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
25871 border-top-left-radius: 0.2rem;
25872 border-bottom-left-radius: 0.2rem;
25874 .initialbargroups .page-item:last-child .page-link {
25875 border-top-left-radius: 0;
25876 border-bottom-left-radius: 0;
25877 border-top-right-radius: 0;
25878 border-bottom-right-radius: 0;
25880 .initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
25881 border-top-right-radius: 0.3rem;
25882 border-bottom-right-radius: 0.3rem;
25884 .initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
25885 border-top-right-radius: 0.2rem;
25886 border-bottom-right-radius: 0.2rem;
25889 blockquote {
25890 margin: 0 0.5rem 1rem;
25891 padding-left: 1rem;
25892 color: #495057;
25893 border-left: 5px solid #ced4da;
25896 /* Prevent long strings exceeding page width */
25897 .page-header-headings:not(.text-truncate),
25898 .coursename:not(.text-truncate),
25899 .categoryname:not(.text-truncate),
25900 .breadcrumb-item:not(.text-truncate) {
25901 word-break: normal;
25902 overflow-wrap: anywhere;
25903 white-space: normal;
25906 /* Showmore component */
25907 .showmore-container.collapsed .collapsed-content {
25908 display: block;
25910 .showmore-container.collapsed .expanded-content {
25911 display: none;
25913 .showmore-container:not(.collapsed) .collapsed-content {
25914 display: none;
25916 .showmore-container:not(.collapsed) .expanded-content {
25917 display: block;
25919 .showmore-container button {
25920 float: right;
25922 .showmore-container button.btn-link {
25923 text-decoration: none;
25925 .showmore-container button .icon {
25926 font-size: 0.8203125rem;
25927 margin: 0;
25930 /* Combobox search dropdowns */
25931 .usersearchdropdown,
25932 .gradesearchdropdown,
25933 .groupsearchdropdown {
25934 max-width: 350px;
25936 .usersearchdropdown .searchresultitemscontainer,
25937 .gradesearchdropdown .searchresultitemscontainer,
25938 .groupsearchdropdown .searchresultitemscontainer {
25939 max-height: 170px;
25940 overflow: auto;
25941 /* stylelint-disable declaration-no-important */
25943 .usersearchdropdown .searchresultitemscontainer img,
25944 .gradesearchdropdown .searchresultitemscontainer img,
25945 .groupsearchdropdown .searchresultitemscontainer img {
25946 height: 48px !important;
25947 width: 48px !important;
25950 /* Bulk actions in sticky footer. */
25951 #sticky-footer [data-type=bulkactions] {
25952 display: flex;
25953 flex: 0 0 100%;
25954 align-items: center;
25957 /* Choice list component. */
25958 .choicelist {
25959 min-width: calc(300px - 25px);
25961 .choicelist i.icon {
25962 vertical-align: middle;
25965 .action-menu .dropdown-toggle {
25966 text-decoration: none;
25967 display: inline-block;
25970 .action-menu {
25971 white-space: nowrap;
25972 display: inline;
25974 .action-menu .dropdown-toggle.no-caret::after {
25975 display: none;
25977 .action-menu .dropdown-toggle.no-caret::before {
25978 display: none;
25980 .action-menu .dropdown.downleft .dropdown-subpanel-content {
25981 right: 0;
25982 left: auto;
25984 .action-menu .dropdown-subpanel.content-displayed {
25985 background-color: #e9ecef;
25987 .action-menu .dropdown-subpanel-content {
25988 max-width: 300px;
25989 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
25991 .action-menu .dropdown-subpanel-content.show {
25992 animation: 0.15s animate-pop;
25994 @media (prefers-reduced-motion: reduce) {
25995 .action-menu .dropdown-subpanel-content.show {
25996 animation: none;
25999 body.behat-site .action-menu .dropdown-subpanel-content.show {
26000 animation: none;
26002 .action-menu .dropdown-subpanel .dropdown-item::after {
26003 border: 0;
26004 content: "\f054";
26006 .action-menu .dropdown-subpanel .dropdown-item::before {
26007 display: none;
26010 @keyframes animate-pop {
26011 0% {
26012 transform: scale(0.9, 0.9);
26014 100% {
26015 transform: scale(1, 1);
26018 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
26019 border: 0;
26020 content: "\f053";
26022 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
26023 display: none;
26026 .dropdown-item a {
26027 display: block;
26028 width: 100%;
26029 color: #1d2125;
26031 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
26032 outline: 0;
26033 background-color: #0f6cbf;
26034 color: #fff;
26036 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
26037 color: #fff;
26039 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
26040 position: relative;
26041 display: flex;
26042 align-items: center;
26044 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
26045 content: "\f00c";
26046 position: absolute;
26047 left: 0.4rem;
26048 font-size: 0.7rem;
26051 .dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
26052 outline: solid #0f6cbf;
26054 .dropdown-item-outline a:focus,
26055 .dropdown-item-outline a:focus-visible {
26056 outline: 0;
26059 .icon {
26060 max-width: 24px;
26061 max-height: 24px;
26062 margin: 0;
26063 padding: 0;
26064 box-sizing: content-box;
26065 margin-right: 0.5rem;
26067 .icon.spacer {
26068 margin-right: 0;
26070 .icon.iconsize-medium {
26071 font-size: 32px;
26072 width: 32px;
26073 height: 32px;
26075 .icon.iconsize-big {
26076 width: 64px;
26077 height: 64px;
26078 font-size: 64px;
26081 .navbar-dark a .icon {
26082 color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */
26085 .action-menu-item a:first-of-type > .icon {
26086 margin-left: 0.5rem;
26089 .ygtvcell .icon {
26090 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
26093 .block_navigation .tree_item .icon,
26094 .block_settings .tree_item .icon {
26095 margin-left: 0;
26098 [data-action=toggle-drawer] .icon {
26099 margin: 0;
26102 .icon-no-spacing a > .icon {
26103 margin: 0;
26106 .icon-no-margin .icon {
26107 margin-left: 0;
26108 margin-right: 0;
26109 margin-top: 0;
26110 margin-bottom: 0;
26113 .icon-large > .icon {
26114 width: 32px;
26115 height: 32px;
26118 .icon-size-0 .icon {
26119 height: 0 !important; /* stylelint-disable-line declaration-no-important */
26120 width: 0 !important; /* stylelint-disable-line declaration-no-important */
26121 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
26124 .icon-size-1 .icon {
26125 height: 4px !important; /* stylelint-disable-line declaration-no-important */
26126 width: 4px !important; /* stylelint-disable-line declaration-no-important */
26127 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
26130 .icon-size-2 .icon {
26131 height: 8px !important; /* stylelint-disable-line declaration-no-important */
26132 width: 8px !important; /* stylelint-disable-line declaration-no-important */
26133 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
26136 .icon-size-3 .icon {
26137 height: 16px !important; /* stylelint-disable-line declaration-no-important */
26138 width: 16px !important; /* stylelint-disable-line declaration-no-important */
26139 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
26142 .icon-size-4 .icon {
26143 height: 24px !important; /* stylelint-disable-line declaration-no-important */
26144 width: 24px !important; /* stylelint-disable-line declaration-no-important */
26145 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
26148 .icon-size-5 .icon {
26149 height: 32px !important; /* stylelint-disable-line declaration-no-important */
26150 width: 32px !important; /* stylelint-disable-line declaration-no-important */
26151 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
26154 .icon-size-6 .icon {
26155 height: 40px !important; /* stylelint-disable-line declaration-no-important */
26156 width: 40px !important; /* stylelint-disable-line declaration-no-important */
26157 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
26160 .icon-size-7 .icon {
26161 height: 48px !important; /* stylelint-disable-line declaration-no-important */
26162 width: 48px !important; /* stylelint-disable-line declaration-no-important */
26163 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
26166 .helplink .icon {
26167 margin-left: 0.5rem;
26170 .icons-collapse-expand {
26171 display: flex;
26172 align-items: center;
26174 .icons-collapse-expand .expanded-icon {
26175 display: flex;
26176 align-items: center;
26178 .icons-collapse-expand .collapsed-icon {
26179 display: none;
26181 .icons-collapse-expand.collapsed .expanded-icon {
26182 display: none;
26184 .icons-collapse-expand.collapsed .collapsed-icon {
26185 display: flex;
26186 align-items: center;
26189 .activityiconcontainer {
26190 width: 52px;
26191 height: 52px;
26192 display: inline-flex;
26193 justify-content: center;
26194 align-items: center;
26195 border-radius: 4px;
26196 padding: 0.7rem;
26198 .activityiconcontainer .activityicon,
26199 .activityiconcontainer .icon {
26200 margin: 0;
26201 font-size: 32px;
26202 height: 32px;
26203 width: 32px;
26204 max-height: 32px;
26205 max-width: 32px;
26207 .activityiconcontainer.small {
26208 width: 42px;
26209 height: 42px;
26210 max-width: 42px;
26211 max-height: 42px;
26213 .activityiconcontainer.smaller {
26214 width: 32px;
26215 height: 32px;
26216 max-width: 32px;
26217 max-height: 32px;
26219 .activityiconcontainer.smaller .activityicon {
26220 width: 32px;
26221 height: 32px;
26222 max-width: 32px;
26223 max-height: 32px;
26226 .activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter),
26227 .activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
26228 filter: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26231 .activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter),
26232 .activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
26233 filter: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26236 .activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter),
26237 .activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
26238 filter: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26241 .activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter),
26242 .activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
26243 filter: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26246 .activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter),
26247 .activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
26248 filter: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26251 .activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter),
26252 .activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
26253 filter: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26256 .icon-box {
26257 width: 48px;
26258 height: 48px;
26259 display: inline-flex;
26260 justify-content: center;
26261 align-items: center;
26262 background-color: #f8f9fa;
26263 border-radius: 12px;
26264 padding: 0.7rem;
26266 .icon-box .icon {
26267 margin: 0;
26268 height: 32px;
26269 width: 32px;
26272 :root {
26273 --activityadministration: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26274 --activityassessment: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26275 --activitycollaboration: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26276 --activitycommunication: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26277 --activitycontent: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26278 --activityinteractivecontent: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26281 /* admin.less */
26282 .formtable tbody th {
26283 font-weight: normal;
26284 text-align: right;
26287 .path-admin #assignrole {
26288 width: 60%;
26289 margin-left: auto;
26290 margin-right: auto;
26293 .path-admin .admintable .leftalign {
26294 text-align: left;
26297 .path-admin .admintable.environmenttable .name,
26298 .path-admin .admintable.environmenttable .info,
26299 .path-admin #assignrole .admintable .role,
26300 .path-admin #assignrole .admintable .userrole,
26301 .path-admin #assignrole .admintable .roleholder {
26302 white-space: nowrap;
26305 .path-admin .incompatibleblockstable td.c0 {
26306 font-weight: bold;
26309 #page-admin-course-category .addcategory {
26310 padding: 10px;
26313 #page-admin-course-index .editcourse {
26314 margin: 20px auto;
26317 #page-admin-course-index .editcourse th,
26318 #page-admin-course-index .editcourse td {
26319 padding-left: 10px;
26320 padding-right: 10px;
26323 .timewarninghidden {
26324 display: none;
26327 #page-admin-qtypes #qtypes div,
26328 #page-admin-qtypes #qtypes form,
26329 #page-admin-qbehaviours #qbehaviours div,
26330 #page-admin-qbehaviours #qbehaviours form {
26331 display: inline;
26334 #page-admin-qtypes #qtypes img.spacer,
26335 #page-admin-qbehaviours #qbehaviours img.spacer {
26336 width: 16px;
26339 #page-admin-qbehaviours .cell.c3,
26340 #page-admin-qtypes .cell.c3 {
26341 font-size: 0.8203125rem;
26344 #page-admin-lang .generalbox,
26345 #page-admin-course-index .singlebutton,
26346 #page-admin-course-index .addcategory,
26347 #page-course-index .buttons,
26348 #page-course-index-category .buttons,
26349 #page-admin-course-category .addcategory,
26350 #page-admin-stickyblocks .generalbox,
26351 #page-admin-maintenance .buttons,
26352 #page-admin-course-index .buttons,
26353 #page-admin-course-category .buttons,
26354 #page-admin-index .copyright,
26355 #page-admin-index .copyrightnotice,
26356 #page-admin-index .adminerror .singlebutton,
26357 #page-admin-index .adminwarning .singlebutton,
26358 #page-admin-index #layout-table .singlebutton {
26359 text-align: center;
26360 margin-bottom: 1em;
26363 .path-admin-roles .capabilitysearchui {
26364 text-align: left;
26365 margin-left: auto;
26366 margin-right: auto;
26367 margin-top: 1rem;
26370 #page-admin-roles-define .topfields {
26371 margin: 1em 0 2em;
26374 #page-admin-roles-override .capcurrent,
26375 #page-admin-roles-define .capdefault {
26376 background-color: rgba(0, 0, 0, 0.075);
26379 #page-filter-manage .backlink,
26380 .path-admin-roles .backlink {
26381 margin-top: 1em;
26384 #page-admin-roles-explain #chooseuser h3,
26385 #page-admin-roles-usersroles .contextname {
26386 margin-top: 0;
26389 #page-admin-roles-explain #chooseusersubmit {
26390 margin-top: 0;
26391 text-align: center;
26394 #page-admin-roles-usersroles p {
26395 margin: 0;
26398 #page-admin-roles-override .cell.c1,
26399 #page-admin-roles-assign .cell.c3,
26400 #page-admin-roles-assign .cell.c1 {
26401 padding-top: 0.75em;
26404 #page-admin-roles-override .overridenotice,
26405 #page-admin-roles-define .definenotice {
26406 margin: 1em 10% 2em 10%;
26407 text-align: left;
26410 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
26411 display: block;
26414 #page-admin-index .updateplugin div {
26415 margin-bottom: 0.5em;
26418 #page-admin-user-user_bulk #users .fgroup {
26419 white-space: nowrap;
26422 #page-admin-report-stats-index .graph {
26423 text-align: center;
26424 margin-bottom: 1em;
26427 #page-admin-report-courseoverview-index .graph {
26428 text-align: center;
26429 margin-bottom: 1em;
26432 #page-admin-lang .translator {
26433 border-width: 1px;
26434 border-style: solid;
26437 .path-admin .roleassigntable {
26438 width: 100%;
26441 .path-admin .roleassigntable td {
26442 vertical-align: top;
26443 padding: 0.2em 0.3em;
26446 .path-admin .roleassigntable p {
26447 text-align: left;
26448 margin: 0.2em 0;
26451 .path-admin .roleassigntable #existingcell,
26452 .path-admin .roleassigntable #potentialcell {
26453 width: 42%;
26456 .path-admin .roleassigntable #existingcell p > label:first-child,
26457 .path-admin .roleassigntable #potentialcell p > label:first-child {
26458 font-weight: bold;
26461 .path-admin .roleassigntable #buttonscell {
26462 width: 16%;
26465 .path-admin .roleassigntable #buttonscell #assignoptions {
26466 font-size: 0.8203125rem;
26469 .path-admin .roleassigntable #removeselect_wrapper,
26470 .path-admin .roleassigntable #addselect_wrapper {
26471 width: 100%;
26474 .path-admin table.rolecap tr.rolecap th {
26475 text-align: left;
26476 font-weight: normal;
26479 .path-admin .rolecap .hiddenrow {
26480 display: none;
26483 .path-admin #defineroletable .rolecap .inherit,
26484 .path-admin #defineroletable .rolecap .allow,
26485 .path-admin #defineroletable .rolecap .prevent,
26486 .path-admin #defineroletable .rolecap .prohibit {
26487 text-align: center;
26488 padding: 0;
26489 min-width: 3.5em;
26492 .path-admin .rolecap .cap-name,
26493 .path-admin .rolecap .note {
26494 display: block;
26495 font-size: 0.8203125rem;
26496 white-space: nowrap;
26497 font-weight: normal;
26500 .path-admin .rolecap label {
26501 display: block;
26502 text-align: center;
26503 padding: 0.5em;
26504 margin: 0;
26507 .path-admin .header-maxwidth,
26508 .path-admin .secondary-navigation .navigation .nav-tabs,
26509 .format-site .header-maxwidth,
26510 .format-site .secondary-navigation .navigation .nav-tabs {
26511 max-width: none;
26514 .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
26515 .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
26516 .path-admin.path-admin-tool-lp .header-maxwidth,
26517 .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
26518 max-width: 830px;
26521 .plugincheckwrapper {
26522 width: 100%;
26525 .environmentbox {
26526 margin-top: 1em;
26529 #mnetconfig table {
26530 margin-left: auto;
26531 margin-right: auto;
26534 .environmenttable .cell {
26535 padding: 0.15em 0.5em;
26538 #trustedhosts .generaltable {
26539 margin-left: auto;
26540 margin-right: auto;
26541 width: 500px;
26544 #trustedhosts .standard {
26545 width: auto;
26548 #adminsettings legend {
26549 display: none;
26552 #adminsettings fieldset.error {
26553 margin: 0.2em 0 0.5em 0;
26556 #adminsettings fieldset.error legend {
26557 display: block;
26560 #admin-spelllanguagelist textarea {
26561 /* rtl:ignore */
26562 text-align: left;
26563 /* rtl:ignore */
26564 direction: ltr;
26567 /* Styles for flags on admin settings */
26568 .adminsettingsflags {
26569 float: right;
26572 .adminsettingsflags label {
26573 margin-right: 7px;
26576 .form-description pre,
26577 .formsettingheading pre {
26578 /*rtl:ignore*/
26579 direction: ltr;
26582 .form-item .form-setting .form-htmlarea {
26583 display: inline;
26586 .form-item .form-setting .form-htmlarea .htmlarea {
26587 width: 640px;
26588 display: block;
26591 .form-item .form-setting .form-multicheckbox ul {
26592 list-style: none;
26593 padding: 0;
26594 margin: 7px 0 0 0;
26597 .form-item .form-setting .defaultsnext {
26598 display: inline;
26601 .form-item .form-setting .locked-checkbox {
26602 margin-right: 0.2em;
26603 margin-left: 0.5em;
26604 display: inline;
26607 .form-item .form-setting .form-password .unmask,
26608 .form-item .form-setting .form-defaultinfo {
26609 display: inline-block;
26612 .form-item .form-setting .form-defaultinfo {
26613 max-width: 100%;
26614 word-wrap: break-word;
26617 #admin-emoticons td input {
26618 width: 8em;
26621 #admin-emoticons td.c0 input {
26622 width: 4em;
26625 .admin_colourpicker,
26626 .admin_colourpicker_preview {
26627 display: none;
26630 .jsenabled .admin_colourpicker_preview {
26631 display: inline;
26634 @media (min-width: 768px) {
26635 .jsenabled .admin_colourpicker {
26636 display: block;
26637 height: 102px;
26638 width: 410px;
26639 margin-bottom: 10px;
26640 box-sizing: content-box;
26642 .admin_colourpicker .colourdialogue {
26643 float: left;
26644 border: 1px solid #8f959e;
26646 .admin_colourpicker .previewcolour {
26647 border: 1px solid #8f959e;
26648 margin-left: 301px;
26650 .admin_colourpicker .currentcolour {
26651 border: 1px solid #8f959e;
26652 margin-left: 301px;
26653 border-top-width: 0;
26656 @media (max-width: 767.98px) {
26657 .jsenabled .admin_colourpicker {
26658 height: 150px;
26659 margin-bottom: 10px;
26660 display: block;
26661 position: relative;
26663 .admin_colourpicker .previewcolour {
26664 display: none;
26666 .admin_colourpicker .currentcolour {
26667 position: absolute;
26668 border: 1px solid #dee2e6;
26669 top: 100px;
26670 left: 0;
26673 .admin_colourpicker .loadingicon {
26674 vertical-align: middle;
26675 margin-left: auto;
26678 #page-admin-index #notice .checkforupdates {
26679 text-align: center;
26682 #page-admin-plugins #plugins-overview-panel .info {
26683 display: inline-block;
26684 margin-right: 1em;
26686 #page-admin-plugins .checkforupdates {
26687 margin: 10px 0;
26689 #page-admin-plugins .checkforupdates .singlebutton {
26690 margin: 5px 0;
26691 padding: 0;
26693 #page-admin-plugins .checkforupdates .singlebutton div,
26694 #page-admin-plugins .checkforupdates .singlebutton input {
26695 margin: 0 3px 0 0;
26697 #page-admin-plugins .updateavailableinstallall {
26698 margin: 5px 0;
26699 padding: 0;
26701 #page-admin-plugins .updateavailableinstallall div,
26702 #page-admin-plugins .updateavailableinstallall input {
26703 margin: 0 3px 5px 0;
26705 #page-admin-plugins #plugins-control-panel .status-missing td {
26706 background-color: #fcefdc;
26708 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
26709 font-size: 0.8203125rem;
26710 color: #6a737b;
26711 margin-left: 22px;
26713 #page-admin-plugins #plugins-control-panel .version .versionnumber {
26714 font-size: 0.8203125rem;
26715 color: #6a737b;
26717 #page-admin-plugins #plugins-control-panel .uninstall a {
26718 color: #ca3120;
26720 #page-admin-plugins #plugins-control-panel .notes .label {
26721 margin-right: 3px;
26723 #page-admin-plugins #plugins-control-panel .notes .requiredby {
26724 font-size: 0.8203125rem;
26725 color: #6a737b;
26728 #plugins-check-page #plugins-check .status-missing td,
26729 #plugins-check-page #plugins-check .status-downgrade td {
26730 background-color: #f4d6d2;
26733 #plugins-check-page .pluginupdateinfo,
26734 #plugins-control-panel .pluginupdateinfo {
26735 background-color: #cce6ea;
26736 padding: 5px;
26737 margin: 10px 0;
26738 border-radius: 5px;
26740 #plugins-check-page .pluginupdateinfo.maturity50,
26741 #plugins-control-panel .pluginupdateinfo.maturity50 {
26742 background-color: #f4d6d2;
26744 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
26745 #plugins-control-panel .pluginupdateinfo.maturity100,
26746 #plugins-control-panel .pluginupdateinfo.maturity150 {
26747 background-color: #fcefdc;
26749 #plugins-check-page .pluginupdateinfo .info,
26750 #plugins-control-panel .pluginupdateinfo .info {
26751 display: inline-block;
26753 #plugins-check-page .pluginupdateinfo .separator:after,
26754 #plugins-control-panel .pluginupdateinfo .separator:after {
26755 content: " | ";
26757 #plugins-check-page .pluginupdateinfo .singlebutton,
26758 #plugins-control-panel .pluginupdateinfo .singlebutton {
26759 margin: 5px 0;
26760 padding: 0;
26762 #plugins-check-page .pluginupdateinfo .singlebutton div,
26763 #plugins-check-page .pluginupdateinfo .singlebutton input,
26764 #plugins-control-panel .pluginupdateinfo .singlebutton div,
26765 #plugins-control-panel .pluginupdateinfo .singlebutton input {
26766 margin: 0 3px 0 0;
26769 .plugins-management-confirm-buttons > div {
26770 display: inline-block;
26771 margin: 1em 1em 1em 0;
26773 .plugins-management-confirm-buttons .continue {
26774 padding: 0;
26776 .plugins-management-confirm-buttons .continue div,
26777 .plugins-management-confirm-buttons .continue input {
26778 margin: 0;
26781 #page-admin-index .upgradepluginsinfo {
26782 text-align: center;
26785 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
26786 content: " | ";
26789 /** MNet networking */
26790 #page-admin-mnet-peers .box.deletedhosts {
26791 margin-bottom: 1em;
26792 font-size: 0.8203125rem;
26795 #core-cache-plugin-summaries table,
26796 #core-cache-store-summaries table {
26797 width: 100%;
26800 #core-cache-lock-summary table,
26801 #core-cache-definition-summaries table,
26802 #core-cache-mode-mappings table {
26803 margin: 0 auto;
26806 #core-cache-store-summaries .default-store td {
26807 font-style: italic;
26810 #core-cache-rescan-definitions,
26811 #core-cache-mode-mappings .edit-link,
26812 #core-cache-lock-additional-actions .new-instance {
26813 margin-top: 0.5em;
26814 text-align: center;
26817 .maintenancewarning {
26818 position: fixed;
26819 bottom: 0;
26820 right: 0;
26821 overflow: hidden;
26822 z-index: 1000;
26825 .modal.modal-in-page {
26826 z-index: 0;
26829 #page-admin-search .adminpagetitle {
26830 margin-bottom: 0;
26831 border-bottom: none;
26833 #page-admin-search .adminpagepath {
26834 display: flex;
26835 flex-wrap: wrap;
26836 list-style: none;
26837 padding: 0;
26838 margin: 0 0 1.5rem 0;
26840 #page-admin-search .adminpagepath li + li:before {
26841 padding-right: 0.5rem;
26842 padding-left: 0.5rem;
26843 content: "/";
26845 @media (min-width: 576px) {
26846 #page-admin-search .container {
26847 overflow-wrap: break-word;
26851 #page-admin-tasklogs .task-class {
26852 font-size: 0.8203125rem;
26853 color: #6a737b;
26856 .path-admin-tool-uploaduser .uuwarning {
26857 background-color: #fcefdc;
26859 .path-admin-tool-uploaduser .uuerror {
26860 background-color: #f4d6d2;
26862 .path-admin-tool-uploaduser .uuinfo {
26863 background-color: #d7e4d6;
26866 .blockmovetarget .accesshide {
26867 position: relative;
26868 left: initial;
26871 .block:target {
26872 padding-top: 0 !important; /* stylelint-disable declaration-no-important */
26873 margin-top: 0 !important;
26876 .block_search_forums .searchform {
26877 /* Override plugin's default. */
26878 text-align: left;
26881 .block.block_navigation .block_tree ul,
26882 .block_settings .block_tree ul {
26883 margin-left: 0;
26886 .block .block-controls .dropdown-toggle {
26887 /* So that the caret takes the colour of the icon. */
26888 color: #1d2125;
26891 [data-region=blocks-column] {
26892 width: 360px;
26893 float: right;
26896 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
26897 @media (min-width: 576px) {
26898 #region-main-settings-menu {
26899 position: relative;
26900 float: left;
26901 width: 100%;
26903 #region-main-settings-menu > div {
26904 position: absolute;
26905 right: 0;
26906 z-index: 100;
26907 margin: 1rem;
26909 .region_main_settings_menu_proxy {
26910 width: 4rem;
26911 height: 2rem;
26912 background-color: #fff;
26913 margin-left: 0.625rem;
26914 margin-bottom: 0.625rem;
26915 border-bottom-left-radius: 0.5rem;
26916 float: right;
26919 @media (max-width: 767.98px) {
26920 #region-main-settings-menu .menubar {
26921 justify-content: flex-end;
26924 #region-main.has-blocks {
26925 display: inline-block;
26926 width: calc(100% - 375px);
26928 @media (max-width: 1199.98px) {
26929 #region-main.has-blocks {
26930 width: 100%;
26931 /* MDL-63102 - Remove extra space at bottom.
26932 If modifying make sure block-region is horizontally stacked when in full screen */
26933 display: block;
26937 .header-action #region-main-settings-menu {
26938 position: unset;
26939 float: none;
26940 width: auto;
26942 .header-action #region-main-settings-menu > div {
26943 position: unset;
26944 right: auto;
26945 margin: 0;
26948 @media (max-width: 1199.98px) {
26949 [data-region=blocks-column] {
26950 width: 100%;
26954 .block .empty-placeholder-image-lg {
26955 height: 5rem;
26958 .block .searchbar .icon {
26959 margin-right: 0;
26962 .block .block-cards .course-info-container {
26963 padding: 0.8rem;
26965 .block .block-cards .progress {
26966 height: 0.5rem;
26968 .block .block-cards .course-summaryitem {
26969 border: 1px solid #dee2e6;
26970 background-color: #fff;
26972 .block .block-cards .icon {
26973 margin-right: 0;
26975 .block .block-cards .card .coursemenubtn {
26976 margin-top: -0.5rem;
26978 .block .block-cards span.categoryname,
26979 .block .block-cards .btn-link {
26980 color: #1d2125;
26982 .block .block-cards .progress-text {
26983 color: #6a737b;
26985 .block .block-cards .multiline {
26986 white-space: normal;
26988 .block .block-cards .btn.btn-link.btn-icon {
26989 height: 36px;
26990 width: 36px;
26991 padding: 0;
26992 border-radius: 50%;
26995 .dashboard-card-deck.one-row {
26996 flex-flow: nowrap;
26997 overflow-x: scroll;
27000 .summaryimage {
27001 height: 5rem;
27002 width: 5rem;
27003 background-position: center;
27004 background-size: cover;
27007 .dashboard-list-img {
27008 height: 5rem;
27009 width: 20rem;
27010 background-position: center;
27011 background-size: cover;
27013 @media (max-width: 1199.98px) {
27014 .dashboard-list-img {
27015 width: 100%;
27019 .dashboard-card-deck .dashboard-card {
27020 margin-bottom: 0.5rem;
27021 flex-basis: auto;
27022 width: 100%;
27023 flex-grow: 0;
27024 flex-shrink: 0;
27026 .dashboard-card-deck .dashboard-card .dashboard-card-img {
27027 height: 7rem;
27028 background-position: center;
27029 background-size: cover;
27030 border-bottom-left-radius: 0;
27031 border-bottom-right-radius: 0;
27033 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
27034 padding: 0.8rem;
27036 @media (min-width: 576px) {
27037 .dashboard-card-deck.fixed-width-cards .dashboard-card {
27038 width: 300px;
27039 max-width: 100%;
27043 @media (min-width: 576px) {
27044 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27045 width: calc(50% - 0.5rem);
27048 @media (min-width: 840px) {
27049 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27050 width: calc(33.33% - 0.5rem);
27054 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) {
27055 margin-left: 0;
27056 margin-right: 0;
27058 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27059 width: calc(100% - 0.5rem) !important;
27061 @media (max-width: 575.98px) {
27062 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27063 width: 100% !important;
27067 .block_recentlyaccessedcourses .paging-bar-container {
27068 margin-top: -2.4rem;
27069 padding-right: 0.5rem;
27070 justify-content: flex-end;
27072 @media (max-width: 575.98px) {
27073 .block_recentlyaccessedcourses .paging-bar-container {
27074 margin-top: 0;
27078 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
27079 margin-top: 0;
27082 .block_recentlyaccesseditems .activityiconcontainer {
27083 width: 40px;
27084 height: 40px;
27086 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck.one-row {
27087 flex-flow: wrap;
27088 overflow-x: hidden;
27090 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck .card:nth-of-type(n+4) {
27091 display: none;
27093 #block-region-content .block_recentlyaccesseditems [data-region=more-items-button-container] {
27094 display: none;
27096 .block_recentlyaccesseditems a.dashboard-card:hover, .block_recentlyaccesseditems a.dashboard-card:focus {
27097 text-decoration: none;
27099 .block_recentlyaccesseditems a.dashboard-card:hover h6, .block_recentlyaccesseditems a.dashboard-card:focus h6 {
27100 text-decoration: underline;
27102 .block_recentlyaccesseditems a.dashboard-card small {
27103 color: #1d2125;
27106 .block_myoverview .content {
27107 min-height: 19.35rem;
27109 .block_myoverview .paged-content-page-container {
27110 min-height: 13rem;
27113 .block_timeline .paged-content-page-container {
27114 background-color: #fff;
27117 .block_timeline .event-action {
27118 padding-left: 5.55em;
27121 .block_settings .block_tree [aria-expanded=true],
27122 .block_settings .block_tree [aria-expanded=true].emptybranch,
27123 .block_settings .block_tree [aria-expanded=false],
27124 .block_navigation .block_tree [aria-expanded=true],
27125 .block_navigation .block_tree [aria-expanded=true].emptybranch,
27126 .block_navigation .block_tree [aria-expanded=false] {
27127 background-image: none;
27130 .block_settings .block_tree [aria-expanded=true] > p:before,
27131 .block_navigation .block_tree [aria-expanded=true] > p:before {
27132 content: "\f107";
27133 margin-right: 0;
27134 font-size: 16px;
27135 width: 16px;
27138 .block_settings .block_tree [aria-expanded=false] > p:before,
27139 .block_navigation .block_tree [aria-expanded=false] > p:before {
27140 content: "\f105";
27141 margin-right: 0;
27142 font-size: 16px;
27143 width: 16px;
27146 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
27147 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before {
27148 content: "\f104";
27151 .block_navigation .block_tree p.hasicon,
27152 .block_settings .block_tree p.hasicon {
27153 text-indent: -3px;
27155 .block_navigation .block_tree p.hasicon .icon,
27156 .block_settings .block_tree p.hasicon .icon {
27157 margin-right: 2px;
27160 .block.invisibleblock .card-title {
27161 color: #6a737b;
27164 .block_social_activities li a.movehere,
27165 .block_site_main_menu li a.movehere {
27166 display: block;
27167 width: 100%;
27168 height: 2rem;
27169 border: 2px dashed #343a40;
27170 margin: 4px 0;
27173 .pagelayout-embedded .has-fake-blocks {
27174 padding: 1rem;
27175 display: flex;
27177 .pagelayout-embedded .has-fake-blocks .embedded-main {
27178 order: 0;
27179 width: calc(100% - 360px);
27180 margin-right: 1rem;
27182 .pagelayout-embedded .embedded-blocks {
27183 order: 1;
27184 width: 360px;
27186 @media (max-width: 767.98px) {
27187 .pagelayout-embedded .has-fake-blocks {
27188 display: block;
27190 .pagelayout-embedded .has-fake-blocks .embedded-main {
27191 width: 100%;
27193 .pagelayout-embedded .embedded-blocks {
27194 width: 100%;
27198 .block-add {
27199 color: #0f6cbf;
27200 background-color: #f5f9fc;
27201 border-color: #3584c9;
27202 border-radius: 0.25rem;
27203 width: 100%;
27204 border-width: 1px;
27206 .block-add hr {
27207 border-top-color: #3077b5;
27209 .block-add .alert-link {
27210 color: #0b5190;
27212 .block-add .pluscontainer {
27213 border: 1px solid #3584c9;
27214 border-radius: 50%;
27215 width: 32px;
27216 height: 32px;
27218 .block-add:hover {
27219 cursor: pointer;
27220 background-color: #f5f9fc;
27222 .block-add:hover .activity-add-text {
27223 text-decoration: underline;
27226 /* calendar.less */
27227 .calendar_event_category {
27228 background-color: #e0cbe0;
27230 .calendar_event_category .commands a {
27231 color: #0d5ca1;
27234 .calendar_event_course {
27235 background-color: #ffd3bd;
27237 .calendar_event_course .commands a {
27238 color: #0d5ca1;
27241 .calendar_event_site {
27242 background-color: #d6f8cd;
27244 .calendar_event_site .commands a {
27245 color: #0d5ca1;
27248 .calendar_event_group {
27249 background-color: #fee7ae;
27251 .calendar_event_group .commands a {
27252 color: #0d5ca1;
27255 .calendar_event_user {
27256 background-color: #dce7ec;
27258 .calendar_event_user .commands a {
27259 color: #0d5ca1;
27262 .calendar_event_other {
27263 background-color: #ced4da;
27265 .calendar_event_other .commands a {
27266 color: #0d5ca1;
27269 .calendartable {
27270 width: 100%;
27271 table-layout: fixed;
27273 .calendartable th,
27274 .calendartable td {
27275 width: 14%;
27276 vertical-align: top;
27277 text-align: center;
27278 border: 0;
27281 .calendar-controls .previous,
27282 .calendar-controls .next,
27283 .calendar-controls .current {
27284 display: block;
27285 float: left;
27286 width: 12%;
27288 .calendar-controls .previous {
27289 text-align: left;
27290 border: 1px solid transparent;
27291 width: 25%;
27293 .calendar-controls .current {
27294 text-align: center;
27295 width: 50%;
27297 .calendar-controls .next {
27298 text-align: right;
27299 border: 1px solid transparent;
27300 width: 25%;
27302 .calendar-controls .drop-target {
27303 box-sizing: border-box;
27304 border: 1px dashed #0f6cbf;
27307 .filters table {
27308 border-collapse: separate;
27309 border-spacing: 2px;
27310 width: 100%;
27313 #region-main .maincalendar .calendarwrapper td > div {
27314 height: 11.5em;
27315 overflow: hidden;
27318 .maincalendar {
27319 vertical-align: top;
27320 padding: 0;
27322 .maincalendar .bottom {
27323 text-align: left;
27324 width: 98%;
27325 margin: 10px auto;
27327 .maincalendar .bottom span.footer-link:after {
27328 content: "•";
27329 color: #0f6cbf;
27331 .maincalendar .bottom span.footer-link:last-child:after {
27332 content: none;
27334 .maincalendar .heightcontainer {
27335 height: 100%;
27336 position: relative;
27338 .maincalendar .calendarmonth {
27339 width: 98%;
27340 margin: 10px auto;
27342 .maincalendar .calendarmonth ul {
27343 margin: 0;
27344 padding: 0;
27346 .maincalendar .calendarmonth ul li[data-event-folded=true] {
27347 display: none;
27349 .maincalendar .calendarmonth ul li {
27350 list-style-type: none;
27351 line-height: 1.2em;
27353 .maincalendar .calendarmonth ul li > a {
27354 overflow: hidden;
27355 text-overflow: ellipsis;
27356 white-space: nowrap;
27357 max-width: 100%;
27358 display: inline-block;
27360 .maincalendar .calendarmonth ul li > a:hover {
27361 text-decoration: none;
27363 .maincalendar .calendarmonth ul li > a:hover .eventname {
27364 text-decoration: underline;
27366 .maincalendar .calendarmonth ul li a[data-action=view-day-link] {
27367 overflow: hidden;
27368 text-overflow: ellipsis;
27369 white-space: nowrap;
27371 .maincalendar .calendarmonth ul li .icon {
27372 margin-left: 0.25em;
27373 margin-right: 0.25em;
27374 vertical-align: initial;
27376 .maincalendar .calendarmonth ul li .calendar-circle {
27377 width: 12px;
27378 height: 12px;
27379 border-radius: 6px;
27380 vertical-align: middle;
27381 display: inline-block;
27383 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
27384 background-color: #e0cbe0;
27385 border: 2px solid #9e619f;
27387 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
27388 background-color: #ffd3bd;
27389 border: 2px solid #d34600;
27391 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
27392 background-color: #d6f8cd;
27393 border: 2px solid #2b8713;
27395 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
27396 background-color: #fee7ae;
27397 border: 2px solid #9a6e02;
27399 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
27400 background-color: #dce7ec;
27401 border: 2px solid #4e7c91;
27403 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
27404 background-color: #ced4da;
27405 border: 2px solid #687889;
27407 .maincalendar .calendarmonth th {
27408 text-align: left;
27409 padding-left: 16px;
27411 .maincalendar .calendarmonth td a.day:focus {
27412 display: inline-block;
27413 border-radius: 50%;
27414 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
27416 .maincalendar .calendarmonth td .day-number-circle {
27417 display: inline-block;
27418 line-height: 0;
27419 width: 30px;
27420 height: 30px;
27422 .maincalendar .calendarmonth td .day-number-circle .day-number {
27423 display: inline-block;
27424 padding: 50% 4px;
27425 width: 100%;
27426 text-align: center;
27428 .maincalendar .calendarmonth td.today .day-number-circle {
27429 border-radius: 50%;
27430 color: #fff;
27431 background-color: #0f6cbf;
27433 .maincalendar .calendarmonth .clickable:hover {
27434 background-color: #ededed;
27436 .maincalendar .controls {
27437 width: 98%;
27438 margin: 10px auto;
27440 .maincalendar .calendar_event_category:hover a,
27441 .maincalendar .calendar_event_course:hover a,
27442 .maincalendar .calendar_event_site:hover a,
27443 .maincalendar .calendar_event_group:hover a,
27444 .maincalendar .calendar_event_user:hover a {
27445 color: #094478;
27446 text-decoration: underline;
27448 .maincalendar .calendar_event_category {
27449 border-color: #e0cbe0;
27451 .maincalendar .calendar_event_course {
27452 border-color: #ffd3bd;
27454 .maincalendar .calendar_event_site {
27455 border-color: #d6f8cd;
27457 .maincalendar .calendar_event_group {
27458 border-color: #fee7ae;
27460 .maincalendar .calendar_event_user {
27461 border-color: #dce7ec;
27463 .maincalendar .calendar_event_other {
27464 border-color: #ced4da;
27466 .maincalendar .calendartable td,
27467 .maincalendar .calendartable li {
27468 padding: 4px;
27470 .maincalendar .calendartable li {
27471 text-align: left;
27473 .maincalendar .header {
27474 overflow: hidden;
27476 .maincalendar .header .buttons {
27477 float: right;
27479 .maincalendar .event .card-header img {
27480 vertical-align: baseline;
27482 .maincalendar .event .location {
27483 word-break: break-all;
27484 overflow-wrap: break-word;
27486 .maincalendar table#subscription_details_table td {
27487 vertical-align: middle;
27489 .maincalendar table#subscription_details_table td > .btn-group button {
27490 padding-left: 0;
27493 #page-calendar-export .indent {
27494 padding-left: 20px;
27497 .block .bottom {
27498 width: 98%;
27499 margin: 10px auto;
27501 .block .bottom span.footer-link:after {
27502 content: "•";
27503 color: #0f6cbf;
27505 .block .bottom span.footer-link:last-child:after {
27506 content: none;
27508 .block .minicalendar {
27509 max-width: 280px;
27510 margin: 0 auto;
27511 width: 100%;
27513 .block .minicalendar th,
27514 .block .minicalendar td {
27515 padding: 2px;
27516 font-size: 0.8em;
27517 text-align: center;
27519 .block .minicalendar td.weekend {
27520 color: #6a737b;
27522 .block .minicalendar td a {
27523 width: 100%;
27524 height: 100%;
27525 display: block;
27526 color: #0d5ca1;
27528 .block .minicalendar td.duration_global {
27529 border-top: 1px solid #d6f8cd;
27530 border-bottom: 1px solid #d6f8cd;
27532 .block .minicalendar td.duration_global.duration_finish {
27533 background-color: #d6f8cd;
27535 .block .minicalendar td.duration_category {
27536 border-top: 1px solid #e0cbe0;
27537 border-bottom: 1px solid #e0cbe0;
27539 .block .minicalendar td.duration_category.duration_finish {
27540 background-color: #e0cbe0;
27542 .block .minicalendar td.duration_course {
27543 border-top: 1px solid #ffd3bd;
27544 border-bottom: 1px solid #ffd3bd;
27546 .block .minicalendar td.duration_course.duration_finish {
27547 background-color: #ffd3bd;
27549 .block .minicalendar td.duration_group {
27550 border-top: 1px solid #fee7ae;
27551 border-bottom: 1px solid #fee7ae;
27553 .block .minicalendar td.duration_group.duration_finish {
27554 background-color: #fee7ae;
27556 .block .minicalendar td.duration_user {
27557 border-top: 1px solid #dce7ec;
27558 border-bottom: 1px solid #dce7ec;
27560 .block .minicalendar td.duration_user.duration_finish {
27561 background-color: #dce7ec;
27563 .block .minicalendar td.duration_other {
27564 border-top: 1px solid #ced4da;
27565 border-bottom: 1px solid #ced4da;
27567 .block .minicalendar td.duration_other.duration_finish {
27568 background-color: #ced4da;
27570 .block .minicalendar caption {
27571 font-size: inherit;
27572 font-weight: inherit;
27573 line-height: inherit;
27574 text-align: center;
27576 .block .calendar_filters ul {
27577 list-style: none;
27578 margin: 0;
27579 padding: 0;
27581 .block .calendar_filters li {
27582 margin-bottom: 0.2em;
27584 .block .calendar_filters li span.calendar_event_category i {
27585 color: #0d5ca1;
27587 .block .calendar_filters li span.calendar_event_course i {
27588 color: #0d5ca1;
27590 .block .calendar_filters li span.calendar_event_site i {
27591 color: #0d5ca1;
27593 .block .calendar_filters li span.calendar_event_group i {
27594 color: #0d5ca1;
27596 .block .calendar_filters li span.calendar_event_user i {
27597 color: #0d5ca1;
27599 .block .calendar_filters li span.calendar_event_other i {
27600 color: #0d5ca1;
27602 .block .calendar_filters li span img {
27603 padding: 0 0.2em;
27604 margin: 0;
27606 .block .calendar_filters li .icon {
27607 vertical-align: initial;
27608 margin: 0 0.1rem 0 0.4rem;
27610 .block .calendar_filters li > a:hover {
27611 text-decoration: none;
27613 .block .calendar_filters li > a:hover .eventname {
27614 text-decoration: underline;
27616 .block .content h3.eventskey {
27617 margin-top: 0.5em;
27620 .path-course-view .block.block_calendar_month .maincalendar div.header {
27621 visibility: hidden;
27622 height: 0;
27624 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
27625 display: none;
27627 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
27628 display: block;
27630 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
27631 content: none;
27634 /* Display month name above the calendar */
27635 table.calendartable caption {
27636 caption-side: top;
27639 @media (min-width: 768px) {
27640 #page-calender-view .container-fluid, #page-calender-view .container-sm, #page-calender-view .container-md, #page-calender-view .container-lg, #page-calender-view .container-xl {
27641 min-width: 1024px;
27644 @media (min-width: 768px) {
27645 section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
27646 visibility: hidden;
27647 height: 0;
27649 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
27650 width: 40%;
27651 font-size: inherit;
27652 line-height: inherit;
27654 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
27655 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
27656 width: 30%;
27657 font-size: 0.8em;
27659 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
27660 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27661 border: none;
27662 text-align: center !important;
27663 padding: 0;
27665 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27666 height: auto;
27667 font-size: 0.8em;
27669 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27670 display: none;
27672 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27673 display: inline-block;
27674 position: relative;
27676 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27677 content: ".";
27678 display: inline-block;
27679 position: absolute;
27680 bottom: 0.4em;
27681 left: 0;
27682 text-align: center;
27683 width: 100%;
27684 font-size: 3em;
27685 color: inherit;
27687 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
27688 content: "";
27689 display: block;
27690 margin-top: calc(100% - 26px);
27692 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
27693 background-color: inherit;
27695 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
27696 border-radius: 50%;
27697 background-color: #ededed;
27699 section:not(#region-main) .block.block_calendar_month .bottom {
27700 border-top: 1px solid rgba(0, 0, 0, 0.125);
27701 padding-top: 0.5rem;
27704 @media (max-width: 768px) {
27705 .maincalendar .calendartable.calendarmonth th,
27706 .maincalendar .calendartable.calendarmonth td {
27707 border: none;
27708 text-align: center !important;
27709 padding: 0;
27711 .maincalendar .calendartable.calendarmonth td {
27712 height: auto;
27713 font-size: inherit;
27714 padding: 0;
27716 .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27717 display: none;
27719 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27720 display: inline-block;
27721 position: relative;
27723 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27724 content: ".";
27725 display: inline-block;
27726 position: absolute;
27727 bottom: 0.4em;
27728 left: 0;
27729 text-align: center;
27730 width: 100%;
27731 font-size: 3em;
27732 color: inherit;
27734 .maincalendar .calendartable.calendarmonth td:after {
27735 content: "";
27736 display: block;
27737 margin-top: calc(100% - 26px);
27739 .maincalendar .calendartable.calendarmonth td > div {
27740 height: auto !important;
27743 .calendarwrapper {
27744 position: relative;
27747 .day-popover-content:empty + .day-popover-alternate {
27748 display: block;
27751 .location-content {
27752 overflow-wrap: break-word;
27755 .description-content {
27756 overflow-wrap: break-word;
27758 .description-content > p {
27759 margin: 0;
27762 .cal_courses_flt {
27763 color: #6a737b;
27764 max-width: 75%;
27767 .content-bank-container .cb-content-wrapper {
27768 padding: 0.5rem;
27769 min-height: 140px;
27770 max-height: 500px;
27771 overflow-x: auto;
27772 flex-wrap: wrap;
27774 .content-bank-container .cb-thumbnail {
27775 width: 24px;
27776 height: 24px;
27777 background-repeat: no-repeat;
27778 background-position: center;
27779 background-size: cover;
27781 .content-bank-container.view-grid {
27782 /* Display a centered eye slash on top of unlisted content icons. */
27784 .content-bank-container.view-grid .cb-listitem {
27785 margin-bottom: 0.5rem;
27787 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
27788 position: relative;
27790 @media (max-width: 767.98px) {
27791 .content-bank-container.view-grid .cb-listitem {
27792 flex-basis: 50%;
27795 @media (min-width: 576px) {
27796 .content-bank-container.view-grid .cb-listitem {
27797 max-width: 120px;
27798 min-width: 120px;
27801 .content-bank-container.view-grid .cb-name {
27802 text-align: center;
27804 .content-bank-container.view-grid .cb-file {
27805 padding: 0.5rem;
27807 .content-bank-container.view-grid .cb-thumbnail {
27808 width: 64px;
27809 height: 64px;
27810 margin-left: auto;
27811 margin-right: auto;
27812 margin-bottom: 0.5rem;
27814 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
27815 opacity: 0.15;
27817 .content-bank-container.view-grid .cb-unlisted::after {
27818 content: "\f070";
27819 position: absolute;
27820 top: 20px;
27821 left: 0;
27822 width: 100%;
27823 font-size: 26px;
27824 text-align: center;
27825 opacity: 0.9;
27826 text-shadow: 0 0 10px #fff;
27828 .content-bank-container.view-grid .cb-heading,
27829 .content-bank-container.view-grid .cb-uses,
27830 .content-bank-container.view-grid .cb-date,
27831 .content-bank-container.view-grid .cb-size,
27832 .content-bank-container.view-grid .cb-type,
27833 .content-bank-container.view-grid .cb-author {
27834 display: none;
27836 .content-bank-container.view-list .cb-content-wrapper {
27837 padding: 0 0.5rem;
27838 flex-direction: column;
27839 flex-wrap: nowrap;
27841 .content-bank-container.view-list .cb-thumbnail {
27842 margin-right: 0.5rem;
27844 .content-bank-container.view-list .cb-listitem,
27845 .content-bank-container.view-list .cb-heading {
27846 display: flex;
27847 flex-wrap: wrap;
27848 width: 100%;
27849 border-bottom: 1px solid #dee2e6;
27851 .content-bank-container.view-list .cb-column {
27852 display: flex;
27853 padding: 0.25rem;
27855 .content-bank-container.view-list .cb-column {
27856 border-right: 1px solid #dee2e6;
27858 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
27859 opacity: 0.3;
27861 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
27862 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
27863 color: #6a737b;
27865 @media (max-width: 767.98px) {
27866 .content-bank-container.view-list .cb-column {
27867 flex: 0 0 50%;
27868 max-width: 50%;
27871 @media (min-width: 576px) {
27872 .content-bank-container.view-list .cb-heading {
27873 position: sticky;
27874 top: 0;
27875 z-index: 1;
27877 .content-bank-container.view-list .cb-file {
27878 flex: 0 0 40%;
27879 max-width: 40%;
27881 .content-bank-container.view-list .cb-uses,
27882 .content-bank-container.view-list .cb-date,
27883 .content-bank-container.view-list .cb-size,
27884 .content-bank-container.view-list .cb-type,
27885 .content-bank-container.view-list .cb-author {
27886 flex: 0 0 12%;
27887 max-width: 12%;
27889 .content-bank-container.view-list .cb-column.last {
27890 border-right: 0;
27893 .content-bank-container.view-list .cb-btnsort span {
27894 display: none;
27896 .content-bank-container.view-list .cb-btnsort .title {
27897 display: inline;
27899 .content-bank-container.view-list .cb-btnsort.dir-none .default, .content-bank-container.view-list .cb-btnsort.dir-asc .asc, .content-bank-container.view-list .cb-btnsort.dir-desc .desc {
27900 display: inline;
27903 .cb-toolbar-container .dropdown-scrollable {
27904 max-height: 190px;
27905 overflow-y: auto;
27908 .cb-navigation-container .singleselect,
27909 .cb-navigation-container .singleselect .custom-select {
27910 width: 100%;
27913 /* course.less */
27914 /* COURSE CONTENT */
27915 .block_tree .tree_item.branch {
27916 margin-left: 8px;
27919 .section .side {
27920 margin-top: 0.5rem;
27922 .section .side.left {
27923 float: left;
27925 .section .side.right {
27926 float: right;
27927 clear: right;
27929 .section .spinner {
27930 height: 16px;
27931 width: 16px;
27933 .section .activity {
27934 /* The command block for each activity */
27936 .section .activity .spinner {
27937 left: 100%;
27938 position: absolute;
27940 .section .activity .actions {
27941 position: absolute;
27942 right: 0;
27943 top: 0;
27944 display: flex;
27946 .section .activity .contentwithoutlink,
27947 .section .activity .activityinstance {
27948 min-width: 40%;
27950 .section .activity .contentwithoutlink > a,
27951 .section .activity .activityinstance > a {
27952 display: inline-flex;
27953 align-items: center;
27955 .section .activity .contentwithoutlink .dimmed .activityicon,
27956 .section .activity .activityinstance .dimmed .activityicon {
27957 opacity: 0.5;
27959 .section .activity .stealth {
27960 color: #6a737b;
27962 .section .activity a.stealth,
27963 .section .activity a.stealth:hover {
27964 color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
27966 .section .activity.indented .activity-item {
27967 margin-left: 1rem;
27969 .section .label .contentwithoutlink,
27970 .section .label .activityinstance {
27971 padding-right: 32px;
27972 display: block;
27973 height: inherit;
27975 @media (min-width: 576px) {
27976 .section .label .mod-indent-outer {
27977 padding-left: 24px;
27978 display: block;
27981 .section .filler {
27982 width: 16px;
27983 height: 16px;
27984 padding: 0;
27985 margin: 0 0.5rem;
27986 display: inline-block;
27988 .section .activity.editor_displayed a.editing_title,
27989 .section .activity.editor_displayed .moodle-actionmenu {
27990 display: none;
27992 .section .activity.editor_displayed div.activityinstance {
27993 padding-right: initial;
27995 .section .activity.editor_displayed div.activityinstance input {
27996 margin-bottom: initial;
27997 padding-top: initial;
27998 padding-bottom: initial;
27999 vertical-align: text-bottom;
28002 .section .activity .activityinstance {
28003 display: inline-flex;
28004 align-items: center;
28005 margin-bottom: 1rem;
28008 .editing .section .activity .contentwithoutlink,
28009 .editing .section .activity .activityinstance {
28010 padding-right: 200px;
28012 .editing .section .activity .mod-indent-outer {
28014 * Add appropriate padding such that nothing overlaps the
28015 * absolute positioned move icon.
28017 padding-left: 2rem;
28019 .editing .course-content .stateready .section .spinner {
28020 display: none;
28022 .editing .editinprogress {
28023 position: relative;
28025 .editing .editinprogress > * {
28026 opacity: 0.4;
28028 .editing .editinprogress .corelightbox,
28029 .editing .editinprogress .lightbox {
28030 display: none;
28032 .editing .editinprogress:after {
28033 position: absolute;
28034 font-size: 20px;
28035 color: #6a737b;
28036 content: "\f110";
28037 display: flex;
28038 justify-content: center;
28039 align-items: center;
28040 width: 30px;
28041 height: 30px;
28042 left: calc(50% - 15px);
28043 top: calc(50% - 15px);
28044 animation: editinprogress-rotation 2s infinite linear;
28046 .editing .editinprogress .editinprogress:after {
28047 display: none;
28050 @keyframes editinprogress-rotation {
28051 0% {
28052 opacity: 0;
28053 transform: rotate(0deg);
28055 50% {
28056 opacity: 1;
28058 100% {
28059 opacity: 0;
28060 transform: rotate(359deg);
28063 .editing_show + .editing_assign,
28064 .editing_hide + .editing_assign {
28065 margin-left: 20px;
28068 .section .activity .commands {
28069 white-space: nowrap;
28070 display: inline-block;
28073 .section .activity.modtype_label.label {
28074 font-weight: normal;
28076 .section .activity.modtype_label.label .contentwithoutlink {
28077 min-height: 0;
28079 .section .activity.modtype_label.label.hasinfo p:last-child,
28080 .section .activity.modtype_label.label.hasinfo i:last-child {
28081 margin-bottom: 0;
28084 .section li.activity:not(.activity-wrapper) {
28085 padding: 0.2em;
28086 clear: both;
28088 .section li.activity:not(.activity-wrapper).hasinfo {
28089 border-bottom: 1px solid #dee2e6;
28090 padding-top: 1rem;
28091 padding-bottom: 1rem;
28093 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
28094 border-bottom: 0;
28095 padding-bottom: 0;
28098 .course-content .section.dropready.main.drop-down {
28099 border-bottom: 1px solid #1d2125;
28101 .course-content .section.dropready .course-section-header.dropready.drop-zone {
28102 margin-top: -2px;
28104 .course-content .section.dropready li.activity.dropready.drop-down {
28105 border-bottom: 1px solid #1d2125;
28106 margin-bottom: -1px;
28108 .course-content .section.dropready li.activity.dropready.drop-up {
28109 border-top: 1px solid #1d2125;
28110 margin-top: -1px;
28113 .section .activity .activityinstance .groupinglabel {
28114 padding-left: 30px;
28117 .section.main:not(.course-section) .activity .availabilityinfo,
28118 .section.main:not(.course-section) .activity .contentafterlink {
28119 margin-top: 0.5em;
28120 margin-left: 30px;
28123 .section .activity .contentafterlink p {
28124 margin: 0.5em 0;
28127 .editing .section.main:not(.course-section) .activity:hover,
28128 .editing .section.main:not(.course-section) .activity.action-menu-shown,
28129 .editing .section.main:not(.course-section) .sectionname:hover {
28130 background-color: rgba(0, 0, 0, 0.03);
28133 .course-content .current {
28134 position: relative;
28137 .course-content .current::before {
28138 border-left: #0f6cbf 3px solid;
28139 bottom: 0;
28140 content: "";
28141 left: -8px;
28142 position: absolute;
28143 top: 0;
28146 .course-content .single-section .section-navigation {
28147 display: block;
28148 padding: 0.5em;
28149 margin-bottom: -0.5em;
28152 .course-content .single-section .section-navigation .title {
28153 font-weight: bold;
28154 font-size: 108%;
28155 clear: both;
28158 .course-content .single-section .section-navigation .mdl-left {
28159 font-weight: normal;
28160 float: left;
28161 margin-right: 1em;
28164 .course-content .single-section .section-navigation .mdl-left .larrow {
28165 margin-right: 0.1em;
28168 .course-content .single-section .section-navigation .mdl-right {
28169 font-weight: normal;
28170 float: right;
28171 margin-left: 1em;
28174 .course-content .single-section .section-navigation .mdl-right .rarrow {
28175 margin-left: 0.1em;
28178 .course-content .single-section .section-navigation .mdl-bottom {
28179 margin-top: 0;
28182 .course-content ul li.section.main:not(.course-section) {
28183 border-bottom: 1px solid #dee2e6;
28184 margin-top: 0;
28186 .course-content ul li.section.main:not(.course-section):last-child {
28187 border-bottom: 0;
28190 .course-content ul li.section.hidden:not(.course-section) .sectionname > span,
28191 .course-content ul li.section.hidden:not(.course-section) .content > div.summary,
28192 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
28193 color: #6a737b;
28196 .course-content ul.topics,
28197 .course-content ul.weeks {
28198 padding: 0;
28199 margin: 0;
28200 list-style: none;
28202 .course-content ul.topics li.section .content,
28203 .course-content ul.weeks li.section .content {
28204 margin: 0;
28205 padding: 0;
28207 @media (min-width: 576px) {
28208 .course-content ul.topics li.section .summary,
28209 .course-content ul.topics li.section .content > .availabilityinfo,
28210 .course-content ul.weeks li.section .summary,
28211 .course-content ul.weeks li.section .content > .availabilityinfo {
28212 margin-left: 25px;
28215 .course-content ul.topics li.section .left,
28216 .course-content ul.topics li.section .right,
28217 .course-content ul.weeks li.section .left,
28218 .course-content ul.weeks li.section .right {
28219 padding: 0 6px 0;
28220 text-align: right;
28221 width: auto;
28224 .course-content .single-section ul.topics li.section,
28225 .course-content .single-section ul.weeks li.section {
28226 padding-top: 0;
28229 @media (max-width: 767.98px) {
28230 body:not(.editing) .course-content ul.topics li.section .left,
28231 body:not(.editing) .course-content ul.topics li.section .right,
28232 body:not(.editing) .course-content ul.weeks li.section .left,
28233 body:not(.editing) .course-content ul.weeks li.section .right {
28234 display: none;
28237 .course-content {
28238 margin-top: 0;
28241 .course-content .hidden {
28242 display: none;
28245 @media (max-width: 767.98px) {
28246 .course-content li.section:not(.course-section) ul {
28247 padding-left: 0;
28250 .course-content li.section:not(.course-section) ul {
28251 list-style: disc;
28253 .course-content li.section:not(.course-section) ul ul {
28254 list-style: circle;
28256 .course-content li.section:not(.course-section) ul ul ul {
28257 list-style: square;
28259 .course-content li.section:not(.course-section) li.activity ul {
28260 list-style: disc;
28262 .course-content li.section:not(.course-section) li.activity ul ul {
28263 list-style: circle;
28265 .course-content li.section:not(.course-section) li.activity ul ul ul {
28266 list-style: square;
28268 .course-content li.section:not(.course-section) .right > .icon:first-child {
28269 /* Remove the spacer icon. */
28270 display: none;
28273 .path-course-view.editing #region-main > .card-block {
28274 padding-bottom: 13rem;
28277 .path-course-view .completionprogress {
28278 margin-left: 25px;
28281 .path-course-view .completionprogress {
28282 display: block;
28283 float: right;
28284 height: 20px;
28285 position: relative;
28288 #page-site-index .subscribelink {
28289 text-align: right;
28292 #site-news-forum h2,
28293 #frontpage-course-list h2,
28294 #frontpage-category-names h2,
28295 #frontpage-category-combo h2 {
28296 margin-bottom: 9px;
28299 .path-course-view a.reduce-sections {
28300 padding-left: 0.2em;
28303 .path-course-view .subscribelink {
28304 text-align: right;
28307 .path-course-view .unread {
28308 margin-left: 30px;
28311 .path-course-view .block.drag .header {
28312 cursor: move;
28315 .path-course-view .completionprogress {
28316 text-align: right;
28319 .path-course-view .single-section .completionprogress {
28320 margin-right: 5px;
28323 .path-course-view li.activity span.autocompletion img {
28324 vertical-align: text-bottom;
28325 margin-left: 0;
28328 .path-course-view.editing li.activity span.autocompletion img {
28329 /* Use the same spacing as the filler. */
28330 margin-right: 0.5rem;
28331 margin-left: 0.5rem;
28334 li.section.hidden span.commands a.editing_hide,
28335 li.section.hidden span.commands a.editing_show {
28336 cursor: default;
28339 .single-section-page .header-action {
28340 display: inline-block;
28343 input.titleeditor {
28344 width: 330px;
28345 vertical-align: text-bottom;
28348 span.editinstructions {
28349 position: absolute;
28350 top: 0;
28351 margin-top: -22px;
28352 margin-left: 30px;
28353 font-size: 0.8203125rem;
28354 padding: 0.1em 0.4em;
28355 text-decoration: none;
28356 z-index: 9999;
28357 border: 0 solid transparent;
28358 color: #00434e;
28359 background-color: #cce6ea;
28360 border-color: #b8dce2;
28362 span.editinstructions hr {
28363 border-top-color: #a6d3db;
28365 span.editinstructions .alert-link {
28366 color: #00171b;
28369 /* COURSES LISTINGS AND COURSE SUMMARY */
28370 #page-course-pending .singlebutton,
28371 #page-course-index .singlebutton,
28372 #page-course-index-category .singlebutton,
28373 #page-course-editsection .singlebutton {
28374 text-align: center;
28377 #page-admin-course-manage #movecourses td img {
28378 margin: 0 0.22em;
28379 vertical-align: text-bottom;
28382 #coursesearch {
28383 margin-top: 1em;
28384 text-align: left;
28387 #page-course-pending .pendingcourserequests {
28388 margin-bottom: 1em;
28391 #page-course-pending .pendingcourserequests .singlebutton {
28392 display: inline;
28395 #page-course-pending .pendingcourserequests .cell {
28396 padding: 0 5px;
28399 #page-course-pending .pendingcourserequests .cell.c6 {
28400 white-space: nowrap;
28403 .coursebox {
28404 display: flex;
28405 flex-direction: column;
28407 .coursebox .info {
28408 display: flex;
28409 align-items: center;
28412 #frontpage-available-course-list,
28413 #frontpage-course-list,
28414 .course-search-result {
28415 margin-top: 0.5rem;
28417 #frontpage-available-course-list .coursebox,
28418 #frontpage-course-list .coursebox,
28419 .course-search-result .coursebox {
28420 padding: 0.5rem;
28421 border: 1px solid #dee2e6;
28422 margin-bottom: 0.5rem;
28423 border-radius: 0.25rem;
28426 .subcategories .coursebox > .info > .coursename a,
28427 #frontpage-category-names .coursebox > .info > .coursename a,
28428 #frontpage-category-combo .coursebox > .info > .coursename a {
28429 display: block;
28430 background-image: url([[pix:moodle|i/course]]);
28431 background-repeat: no-repeat;
28432 padding-left: 21px;
28433 background-position: left 0.2em;
28436 .coursebox > .info > .coursename {
28437 font-size: 0.9375rem;
28438 font-weight: normal;
28439 margin: 5px;
28440 padding: 0;
28443 .coursebox .content .teachers li {
28444 list-style-type: none;
28445 padding: 0;
28446 margin: 0;
28449 .coursebox .customfieldname,
28450 .coursebox .customfieldseparator {
28451 font-weight: 700;
28454 .coursebox .content .coursefile {
28455 max-width: 100px;
28458 .coursebox .content .courseimage img {
28459 max-width: 100px;
28460 max-height: 100px;
28463 .coursebox .content .coursecat,
28464 .coursebox .content .summary,
28465 .coursebox .content .courseimage,
28466 .coursebox .content .coursefile,
28467 .coursebox .content .teachers,
28468 .coursebox.remotecoursebox .remotecourseinfo,
28469 .coursebox .content .customfields-container {
28470 margin: 15px 5px 5px;
28471 padding: 0;
28474 .category-browse .coursebox .content .coursecat,
28475 .category-browse .coursebox .content .summary,
28476 .category-browse .coursebox .content .courseimage,
28477 .category-browse .coursebox .content .coursefile,
28478 .category-browse .coursebox .content .teachers,
28479 .category-browse .coursebox.remotecoursebox .remotecourseinfo,
28480 .category-browse .coursebox .content .customfields-container {
28481 margin-top: 0;
28484 .coursebox.collapsed > .content {
28485 display: none;
28488 .courses > .paging.paging-morelink {
28489 text-align: center;
28490 padding: 1rem;
28493 .course_category_tree .category .numberofcourse {
28494 font-size: 0.8203125rem;
28497 .course_category_tree .category > .info > .categoryname {
28498 margin: 5px;
28499 font-size: 0.9375rem;
28500 font-weight: normal;
28501 padding: 2px 18px;
28504 .course_category_tree .category.with_children > .info > .categoryname {
28505 background-image: url([[pix:moodle|t/expanded]]);
28506 background-repeat: no-repeat;
28507 background-position: center left;
28510 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28511 background-image: url([[pix:moodle|t/collapsed]]);
28514 /* rtl:raw:
28515 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28516 background-image:url([[pix:moodle|t/collapsed_rtl]]);
28519 .course_category_tree .category.collapsed > .content {
28520 display: none;
28523 .course_category_tree .category > .content {
28524 padding-left: 16px;
28527 #page-course-index-category .categorypicker {
28528 margin: 10px 0 20px;
28532 * Course management page
28533 * Palette
28535 * Background (reg) #F5F5F5
28536 * Background (light #fafafa
28537 * Background (highlight) #ddffaa
28538 * Borders #e1e1e8
28540 #course-category-listings {
28541 margin-bottom: 0;
28542 /** Two column layout */
28543 /** Three column layout */
28545 #course-category-listings.columns-2 > #course-listing > div {
28546 position: relative;
28547 left: -1px;
28549 #course-category-listings.columns-3 > #course-listing > div {
28550 height: 100%;
28552 #course-category-listings > div > div {
28553 min-height: 300px;
28555 #course-category-listings > div > div > ul.ml > li:first-child > div {
28556 border-top: 0;
28558 #course-category-listings h3 {
28559 margin: 0;
28560 padding: 0.4rem 0.6rem 0.3rem;
28562 #course-category-listings h4 {
28563 margin: 1rem 0 0;
28564 padding: 0.6rem 1rem 0.5rem;
28566 #course-category-listings .moodle-actionmenu {
28567 white-space: nowrap;
28569 #course-category-listings .listing-actions {
28570 text-align: center;
28572 #course-category-listings .listing-actions > .moodle-actionmenu {
28573 display: inline-block;
28575 #course-category-listings ul.ml {
28576 list-style: none;
28577 margin: 1rem 0;
28579 #course-category-listings ul.ml ul.ml {
28580 margin: 0;
28582 #course-category-listings .listitem[data-selected="1"] {
28583 border-left: calc(1px + 5px) solid #0f6cbf;
28584 padding-left: calc(1.25rem - 5px);
28586 #course-category-listings .listitem:hover {
28587 z-index: 2;
28589 #course-category-listings .item-actions {
28590 margin-right: 1em;
28591 display: inline-block;
28593 #course-category-listings .item-actions.show .menu img {
28594 width: 12px;
28595 max-width: none;
28597 #course-category-listings .item-actions .menu-action-text {
28598 vertical-align: inherit;
28600 #course-category-listings .listitem > div > .float-left {
28601 float: left;
28603 #course-category-listings .listitem > div > .float-right {
28604 float: right;
28605 text-align: right;
28607 #course-category-listings .listitem > div .item-actions .action-show {
28608 display: none;
28610 #course-category-listings .listitem > div .item-actions .action-hide {
28611 display: inline;
28613 #course-category-listings .listitem > div .without-actions {
28614 color: #333;
28616 #course-category-listings .listitem > div .idnumber {
28617 margin-right: 2em;
28619 #course-category-listings .listitem[data-visible="0"] {
28620 color: #6a737b;
28622 #course-category-listings .listitem[data-visible="0"] > div > a {
28623 color: #6a737b;
28625 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
28626 display: inline;
28628 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
28629 display: none;
28631 #course-category-listings .listitem.highlight {
28632 background-color: #fff;
28634 #course-category-listings .listitem.highlight > div,
28635 #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
28636 background-color: rgba(0, 0, 0, 0.075);
28638 #course-category-listings #course-listing .listitem .categoryname {
28639 display: inline-block;
28640 margin-left: 1em;
28641 color: #a1a1a8;
28643 #course-category-listings #course-listing .listitem .coursename {
28644 display: inline-block;
28645 flex-basis: 10rem;
28647 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
28648 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
28649 display: none;
28651 #course-category-listings #course-listing .bulk-action-checkbox {
28652 margin: -2px 6px 0 0;
28654 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
28655 display: none;
28657 #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
28658 display: none;
28660 #course-category-listings #category-listing .course-count {
28661 color: #a1a1a8;
28662 margin-right: 2rem;
28663 min-width: 3.5em;
28664 display: inline-block;
28666 #course-category-listings #category-listing .bulk-action-checkbox {
28667 margin-right: -3px;
28669 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
28670 position: relative;
28672 #course-category-listings #category-listing .category-bulk-actions {
28673 margin: 0 0.5em 0.5em;
28674 position: relative;
28676 #course-category-listings .detail-pair > * {
28677 display: inline-block;
28679 #course-category-listings .detail-pair .pair-key {
28680 font-weight: bold;
28681 vertical-align: top;
28683 #course-category-listings .detail-pair .pair-key span {
28684 margin-right: 1rem;
28685 display: block;
28687 #course-category-listings .detail-pair .pair-value select {
28688 max-width: 100%;
28690 #course-category-listings .bulk-actions .detail-pair > * {
28691 display: block;
28692 width: 100%;
28694 #course-category-listings .listing-pagination {
28695 text-align: center;
28697 #course-category-listings .listing-pagination .yui3-button {
28698 color: #fff;
28699 background-color: #008196;
28700 border-color: #008196;
28701 border: 0;
28702 margin: 0.4rem 0.2rem 0.45rem;
28703 font-size: 10.4px;
28705 #course-category-listings .listing-pagination .yui3-button:hover {
28706 color: #fff;
28707 background-color: #006070;
28708 border-color: #005563;
28710 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
28711 color: #fff;
28712 background-color: #006070;
28713 border-color: #005563;
28714 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28716 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
28717 color: #fff;
28718 background-color: #008196;
28719 border-color: #008196;
28721 #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
28722 color: #fff;
28723 background-color: #005563;
28724 border-color: #004a56;
28726 #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
28727 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28729 #course-category-listings .listing-pagination .yui3-button.active-page {
28730 color: #fff;
28731 background-color: #0f6cbf;
28732 border-color: #0f6cbf;
28734 #course-category-listings .listing-pagination .yui3-button.active-page:hover {
28735 color: #fff;
28736 background-color: #0c589c;
28737 border-color: #0b5190;
28739 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
28740 color: #fff;
28741 background-color: #0c589c;
28742 border-color: #0b5190;
28743 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28745 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
28746 color: #fff;
28747 background-color: #0f6cbf;
28748 border-color: #0f6cbf;
28750 #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
28751 color: #fff;
28752 background-color: #0b5190;
28753 border-color: #0a4b84;
28755 #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
28756 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28758 #course-category-listings .listing-pagination-totals {
28759 text-align: center;
28761 #course-category-listings .listing-pagination-totals.dimmed {
28762 color: #6a737b;
28763 margin: 0.4rem 1rem 0.45rem;
28765 #course-category-listings .select-a-category .notifymessage,
28766 #course-category-listings .select-a-category .alert {
28767 margin: 1em;
28770 #course-category-listings #course-listing .listitem .drag-handle {
28771 display: none;
28774 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
28775 display: inline-block;
28776 margin: 0 6px 0 0;
28777 cursor: pointer;
28780 /** Management header styling **/
28781 .coursecat-management-header {
28782 vertical-align: middle;
28784 .coursecat-management-header h2 {
28785 display: inline-block;
28786 text-align: left;
28788 .coursecat-management-header > div {
28789 float: right;
28791 .coursecat-management-header > div > div {
28792 margin: 10px 0 10px 1em;
28793 display: inline-block;
28795 .coursecat-management-header select {
28796 max-width: 300px;
28797 cursor: pointer;
28798 padding: 0.4em 0.5em 0.45em 1em;
28799 vertical-align: baseline;
28800 white-space: nowrap;
28802 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
28803 white-space: nowrap;
28804 display: inline-block;
28806 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
28807 padding-left: 1em;
28810 .course-being-dragged-proxy {
28811 border: 0;
28812 color: #0f6cbf;
28813 vertical-align: middle;
28814 padding: 0 0 0 4em;
28817 .course-being-dragged {
28818 opacity: 0.5;
28822 * Display sizes:
28823 * Large displays 1200 +
28824 * Default displays 980 1199
28825 * Tablets 768 979
28826 * Small tablets and large phones 481 767
28827 * Phones 0 480
28829 @media (min-width: 1200px) and (max-width: 1600px) {
28830 #course-category-listings.columns-3 {
28831 background-color: #fff;
28832 border: 0;
28834 #course-category-listings.columns-3 #category-listing,
28835 #course-category-listings.columns-3 #course-listing {
28836 width: 50%;
28838 #course-category-listings.columns-3 #category-listing > div,
28839 #course-category-listings.columns-3 #course-listing > div,
28840 #course-category-listings.columns-3 #course-detail > div {
28841 background-color: #fff;
28843 #course-category-listings.columns-3 #course-detail {
28844 width: 100%;
28845 margin-top: 1em;
28848 @media (max-width: 1199px) {
28849 #course-category-listings.columns-2,
28850 #course-category-listings.columns-3 {
28851 border: 0;
28853 #course-category-listings.columns-2 #category-listing,
28854 #course-category-listings.columns-2 #course-listing,
28855 #course-category-listings.columns-2 #course-detail,
28856 #course-category-listings.columns-3 #category-listing,
28857 #course-category-listings.columns-3 #course-listing,
28858 #course-category-listings.columns-3 #course-detail {
28859 width: 100%;
28860 margin: 0 0 1em;
28863 .page-settings-menu .menubar > a > .icon {
28864 width: auto;
28865 height: 32px;
28866 font-size: 32px;
28869 .activity-navigation .row {
28870 align-items: center;
28872 .activity-navigation #prev-activity-link,
28873 .activity-navigation #next-activity-link {
28874 white-space: pre-wrap;
28877 .automatic-completion-conditions .badge {
28878 font-size: 100%;
28881 /* Variables definition*/
28882 /* Functions/Mixins definition */
28883 /* Section Expand all/Collapse all */
28884 .section-collapsemenu .collapseall {
28885 display: block;
28887 .section-collapsemenu .expandall {
28888 display: none;
28890 .section-collapsemenu.collapsed .collapseall {
28891 display: none;
28893 .section-collapsemenu.collapsed .expandall {
28894 display: block;
28897 /* Course section */
28898 .course-section {
28899 list-style: none;
28900 margin-top: 1rem;
28902 .editing .course-section {
28903 margin-top: 0.5rem;
28905 .course-section .section-item {
28906 padding: 1rem;
28907 border: 1px solid #dee2e6;
28908 border-radius: 1rem;
28910 .course-section.hidden .section-item {
28911 background-color: #f8f9fa;
28913 .course-section .sectionname > a {
28914 color: #1d2125;
28916 .course-section .sectionname > a:hover {
28917 text-decoration: none;
28919 .course-section .sectionbadges .badge {
28920 margin-left: 0.5rem;
28922 .course-section .course-section-header.draggable {
28923 cursor: move;
28925 .course-section .section_action_menu .dropdown-toggle::after {
28926 display: none;
28928 .course-section .summarytext img {
28929 border-radius: 1rem;
28931 .course-section .availabilityinfo {
28932 margin-top: 0.5rem;
28933 padding: 0.25rem 1rem;
28934 background-color: #e9ecef;
28935 font-size: 0.875em;
28936 border-radius: 1rem;
28938 .course-section .availabilityinfo .editavailability a {
28939 border-radius: 0.25rem;
28940 font-weight: bold;
28942 .course-section .availabilityinfo .editavailability a:hover {
28943 background-color: #ced4da;
28945 .course-section .availabilityinfo .editavailability a .icon {
28946 font-size: inherit;
28947 margin-right: 0.25rem;
28949 .course-section .action-menu .btn.btn-icon {
28950 height: 32px;
28951 width: 32px;
28952 border-radius: 0.25rem;
28954 .course-section .section-summary-activities .icon {
28955 width: inherit;
28956 color: #0f6cbf;
28958 .course-section .section-summary-activities + .section {
28959 border-top: 1px solid #dee2e6;
28960 margin-top: 1rem !important;
28961 padding-top: 1rem !important;
28963 .course-section .section_goto .icon {
28964 font-size: 1.171875rem;
28965 color: #0f6cbf;
28968 .btn.add-section {
28969 border-radius: 1rem;
28970 border: 2px dashed #dee2e6;
28971 color: #0f6cbf;
28972 font-size: 0.8203125rem;
28973 font-weight: bold;
28975 .btn.add-section:hover, .btn.add-section:focus {
28976 background-color: #f5f9fc;
28977 border: 2px solid #0f6cbf;
28978 color: #0f6cbf;
28981 /* Single section page specific styles */
28982 .single-section > ul > .course-section.hidden .section-item {
28983 background-color: inherit;
28985 .single-section > ul > .course-section .section-item {
28986 padding: 0;
28987 border: none;
28990 /* Re-style ordered list in course content */
28991 .course-content .activity-altcontent ul {
28992 list-style: disc;
28994 .course-content .activity-altcontent ul ul {
28995 list-style: circle;
28997 .course-content .activity-altcontent ul ul ul {
28998 list-style: square;
29001 /* Activity cards */
29002 .activity {
29003 list-style: none;
29004 position: relative;
29005 padding-top: 0.25rem;
29006 margin-top: 0.25rem;
29007 border-top: 1px solid #dee2e6;
29009 .editing .activity {
29010 padding-top: 0;
29011 margin-top: 0;
29012 border-top: none;
29015 .activity-item {
29016 position: relative;
29017 padding: 0.75rem;
29018 background-color: #fff;
29020 .activity-item.activityinline {
29021 padding: 0.75rem 0;
29023 .activity-item.hiddenactivity {
29024 background-color: #f8f9fa;
29026 .activity-item.hiddenactivity .activityiconcontainer,
29027 .activity-item.hiddenactivity .badge {
29028 mix-blend-mode: multiply;
29030 .editing .activity-item {
29031 cursor: move;
29032 border: 2px solid transparent;
29033 border-radius: 1rem;
29035 .editing .activity-item .a {
29036 cursor: pointer;
29038 .editing .activity-item:hover, .editing .activity-item.selected {
29039 border: 2px solid #0f6cbf;
29040 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
29042 .editing .activity-item:hover .activityiconcontainer,
29043 .editing .activity-item:hover .badge, .editing .activity-item.selected .activityiconcontainer,
29044 .editing .activity-item.selected .badge {
29045 mix-blend-mode: multiply;
29047 .activity-item .activity-grid {
29048 display: grid;
29049 align-items: center;
29050 grid-template-columns: min-content 1fr min-content min-content min-content;
29051 grid-template-rows: 1fr repeat(5, min-content);
29052 grid-template-areas: "icon name groupmode completion actions" "icon visibility groupmode completion actions" "icon dates groupmode completion actions" "icon altcontent altcontent altcontent altcontent" "icon afterlink afterlink afterlink afterlink" "icon availability availability availability availability";
29054 @media (max-width: 575.98px) {
29055 .activity-item .activity-grid {
29056 grid-template-columns: min-content 1fr min-content min-content min-content;
29057 grid-template-rows: 1fr repeat(4, min-content);
29058 grid-template-areas: "icon name actions" "icon visibility actions" "dates dates dates" "groupmode groupmode groupmode" "completion completion completion" "altcontent altcontent altcontent" "afterlink afterlink afterlink" "availability availability availability";
29061 .activity-item .activity-grid.noname-grid {
29062 grid-template-columns: min-content 1fr min-content min-content;
29063 grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
29065 @media (max-width: 575.98px) {
29066 .activity-item .activity-grid.noname-grid {
29067 grid-template-columns: 1fr min-content;
29068 grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
29071 .activity-item .activity-actions {
29072 grid-area: actions;
29074 .activity-item .activity-actions .actions {
29075 position: relative;
29077 .activity-item .activity-icon {
29078 grid-area: icon;
29080 .activity-item .activity-dates {
29081 grid-area: dates;
29082 font-size: 0.875em;
29083 color: #495057;
29084 display: flex;
29085 flex-wrap: wrap;
29086 column-gap: 0.75rem;
29088 @media (max-width: 575.98px) {
29089 .activity-item .activity-dates {
29090 margin-top: 0.5rem;
29093 .activity-item .activity-name-area {
29094 grid-area: name;
29096 .activity-item .activity-name-area .activityname .afterlink {
29097 margin-left: 0.5rem;
29099 .activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
29100 position: relative;
29101 z-index: 2;
29102 margin-left: 0.5rem;
29104 .activity-item .activity-name-area .activitybadge.badge-none {
29105 font-weight: normal;
29106 font-size: 0.875em;
29107 padding: 0;
29109 .activity-item .activity-completion {
29110 grid-area: completion;
29111 justify-self: end;
29113 .activity-item .activity-completion button.btn,
29114 .activity-item .activity-completion a[role=button].btn {
29115 color: #1d2125;
29116 background-color: #fff;
29117 border-color: #ced4da;
29118 min-height: 32px;
29119 font-weight: bold;
29120 border-radius: 0.25rem;
29122 .activity-item .activity-completion button.btn:hover,
29123 .activity-item .activity-completion a[role=button].btn:hover {
29124 color: #fff;
29125 background-color: #6a737b;
29126 border-color: #b1bbc4;
29128 .activity-item .activity-completion button.btn:focus, .activity-item .activity-completion button.btn.focus,
29129 .activity-item .activity-completion a[role=button].btn:focus,
29130 .activity-item .activity-completion a[role=button].btn.focus {
29131 color: #fff;
29132 background-color: #6a737b;
29133 border-color: #b1bbc4;
29134 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29136 .activity-item .activity-completion button.btn.disabled, .activity-item .activity-completion button.btn:disabled,
29137 .activity-item .activity-completion a[role=button].btn.disabled,
29138 .activity-item .activity-completion a[role=button].btn:disabled {
29139 color: #1d2125;
29140 background-color: #fff;
29141 border-color: #ced4da;
29143 .activity-item .activity-completion button.btn:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn.dropdown-toggle,
29144 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active,
29145 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active,
29146 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle {
29147 color: #1d2125;
29148 background-color: #e6e6e6;
29149 border-color: #aab4bf;
29151 .activity-item .activity-completion button.btn:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn.dropdown-toggle:focus,
29152 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active:focus,
29153 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active:focus,
29154 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle:focus {
29155 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29157 .activity-item .activity-completion button.btn .icon,
29158 .activity-item .activity-completion a[role=button].btn .icon {
29159 font-size: inherit;
29161 .activity-item .activity-completion button.btn-primary,
29162 .activity-item .activity-completion a[role=button].btn-primary {
29163 color: #1d2125;
29164 background-color: #cfe2f2;
29165 border-color: #cfe2f2;
29166 color: #083863;
29168 .activity-item .activity-completion button.btn-primary:hover,
29169 .activity-item .activity-completion a[role=button].btn-primary:hover {
29170 color: #fff;
29171 background-color: #0f6cbf;
29172 border-color: #a7cae7;
29174 .activity-item .activity-completion button.btn-primary:focus, .activity-item .activity-completion button.btn-primary.focus,
29175 .activity-item .activity-completion a[role=button].btn-primary:focus,
29176 .activity-item .activity-completion a[role=button].btn-primary.focus {
29177 color: #fff;
29178 background-color: #0f6cbf;
29179 border-color: #a7cae7;
29180 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29182 .activity-item .activity-completion button.btn-primary.disabled, .activity-item .activity-completion button.btn-primary:disabled,
29183 .activity-item .activity-completion a[role=button].btn-primary.disabled,
29184 .activity-item .activity-completion a[role=button].btn-primary:disabled {
29185 color: #1d2125;
29186 background-color: #cfe2f2;
29187 border-color: #cfe2f2;
29189 .activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-primary.dropdown-toggle,
29190 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active,
29191 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active,
29192 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle {
29193 color: #1d2125;
29194 background-color: #a7cae7;
29195 border-color: #9dc4e4;
29197 .activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-primary:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-primary.dropdown-toggle:focus,
29198 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active:focus,
29199 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active:focus,
29200 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle:focus {
29201 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29203 .activity-item .activity-completion button.btn-primary:hover,
29204 .activity-item .activity-completion a[role=button].btn-primary:hover {
29205 color: #fff;
29207 .activity-item .activity-completion button.btn-secondary,
29208 .activity-item .activity-completion a[role=button].btn-secondary {
29209 color: #1d2125;
29210 background-color: #f5f6f8;
29211 border-color: #f5f6f8;
29212 color: #6b6e71;
29214 .activity-item .activity-completion button.btn-secondary:hover,
29215 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29216 color: #1d2125;
29217 background-color: #ced4da;
29218 border-color: #d7dbe3;
29220 .activity-item .activity-completion button.btn-secondary:focus, .activity-item .activity-completion button.btn-secondary.focus,
29221 .activity-item .activity-completion a[role=button].btn-secondary:focus,
29222 .activity-item .activity-completion a[role=button].btn-secondary.focus {
29223 color: #1d2125;
29224 background-color: #ced4da;
29225 border-color: #d7dbe3;
29226 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29228 .activity-item .activity-completion button.btn-secondary.disabled, .activity-item .activity-completion button.btn-secondary:disabled,
29229 .activity-item .activity-completion a[role=button].btn-secondary.disabled,
29230 .activity-item .activity-completion a[role=button].btn-secondary:disabled {
29231 color: #1d2125;
29232 background-color: #f5f6f8;
29233 border-color: #f5f6f8;
29235 .activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-secondary.dropdown-toggle,
29236 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active,
29237 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active,
29238 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle {
29239 color: #1d2125;
29240 background-color: #d7dbe3;
29241 border-color: #d0d4de;
29243 .activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-secondary.dropdown-toggle:focus,
29244 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active:focus,
29245 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active:focus,
29246 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle:focus {
29247 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29249 .activity-item .activity-completion button.btn-secondary:hover,
29250 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29251 color: #1d2125;
29253 .activity-item .activity-completion button.btn-success,
29254 .activity-item .activity-completion a[role=button].btn-success {
29255 color: #1d2125;
29256 background-color: #d7e4d6;
29257 border-color: #d7e4d6;
29258 color: #1c3f1a;
29260 .activity-item .activity-completion button.btn-success:hover,
29261 .activity-item .activity-completion a[role=button].btn-success:hover {
29262 color: #fff;
29263 background-color: #357a32;
29264 border-color: #b9d0b7;
29266 .activity-item .activity-completion button.btn-success:focus, .activity-item .activity-completion button.btn-success.focus,
29267 .activity-item .activity-completion a[role=button].btn-success:focus,
29268 .activity-item .activity-completion a[role=button].btn-success.focus {
29269 color: #fff;
29270 background-color: #357a32;
29271 border-color: #b9d0b7;
29272 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29274 .activity-item .activity-completion button.btn-success.disabled, .activity-item .activity-completion button.btn-success:disabled,
29275 .activity-item .activity-completion a[role=button].btn-success.disabled,
29276 .activity-item .activity-completion a[role=button].btn-success:disabled {
29277 color: #1d2125;
29278 background-color: #d7e4d6;
29279 border-color: #d7e4d6;
29281 .activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-success.dropdown-toggle,
29282 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active,
29283 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active,
29284 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle {
29285 color: #1d2125;
29286 background-color: #b9d0b7;
29287 border-color: #b2cbb0;
29289 .activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-success:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-success.dropdown-toggle:focus,
29290 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active:focus,
29291 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active:focus,
29292 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle:focus {
29293 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29295 .activity-item .activity-completion button.btn-success:hover,
29296 .activity-item .activity-completion a[role=button].btn-success:hover {
29297 color: #fff;
29299 .activity-item .activity-completion button.btn-info,
29300 .activity-item .activity-completion a[role=button].btn-info {
29301 color: #1d2125;
29302 background-color: #cce6ea;
29303 border-color: #cce6ea;
29304 color: #00434e;
29306 .activity-item .activity-completion button.btn-info:hover,
29307 .activity-item .activity-completion a[role=button].btn-info:hover {
29308 color: #fff;
29309 background-color: #008196;
29310 border-color: #a8d4db;
29312 .activity-item .activity-completion button.btn-info:focus, .activity-item .activity-completion button.btn-info.focus,
29313 .activity-item .activity-completion a[role=button].btn-info:focus,
29314 .activity-item .activity-completion a[role=button].btn-info.focus {
29315 color: #fff;
29316 background-color: #008196;
29317 border-color: #a8d4db;
29318 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29320 .activity-item .activity-completion button.btn-info.disabled, .activity-item .activity-completion button.btn-info:disabled,
29321 .activity-item .activity-completion a[role=button].btn-info.disabled,
29322 .activity-item .activity-completion a[role=button].btn-info:disabled {
29323 color: #1d2125;
29324 background-color: #cce6ea;
29325 border-color: #cce6ea;
29327 .activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-info.dropdown-toggle,
29328 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active,
29329 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active,
29330 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle {
29331 color: #1d2125;
29332 background-color: #a8d4db;
29333 border-color: #9fd0d7;
29335 .activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-info:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-info.dropdown-toggle:focus,
29336 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active:focus,
29337 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active:focus,
29338 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle:focus {
29339 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29341 .activity-item .activity-completion button.btn-info:hover,
29342 .activity-item .activity-completion a[role=button].btn-info:hover {
29343 color: #fff;
29345 .activity-item .activity-completion button.btn-warning,
29346 .activity-item .activity-completion a[role=button].btn-warning {
29347 color: #1d2125;
29348 background-color: #fcefdc;
29349 border-color: #fcefdc;
29350 color: #7d5a29;
29352 .activity-item .activity-completion button.btn-warning:hover,
29353 .activity-item .activity-completion a[role=button].btn-warning:hover {
29354 color: #1d2125;
29355 background-color: #f0ad4e;
29356 border-color: #f8daad;
29358 .activity-item .activity-completion button.btn-warning:focus, .activity-item .activity-completion button.btn-warning.focus,
29359 .activity-item .activity-completion a[role=button].btn-warning:focus,
29360 .activity-item .activity-completion a[role=button].btn-warning.focus {
29361 color: #1d2125;
29362 background-color: #f0ad4e;
29363 border-color: #f8daad;
29364 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29366 .activity-item .activity-completion button.btn-warning.disabled, .activity-item .activity-completion button.btn-warning:disabled,
29367 .activity-item .activity-completion a[role=button].btn-warning.disabled,
29368 .activity-item .activity-completion a[role=button].btn-warning:disabled {
29369 color: #1d2125;
29370 background-color: #fcefdc;
29371 border-color: #fcefdc;
29373 .activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-warning.dropdown-toggle,
29374 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active,
29375 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active,
29376 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle {
29377 color: #1d2125;
29378 background-color: #f8daad;
29379 border-color: #f7d4a1;
29381 .activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-warning:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-warning.dropdown-toggle:focus,
29382 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active:focus,
29383 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active:focus,
29384 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle:focus {
29385 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29387 .activity-item .activity-completion button.btn-warning:hover,
29388 .activity-item .activity-completion a[role=button].btn-warning:hover {
29389 color: #1d2125;
29391 .activity-item .activity-completion button.btn-danger,
29392 .activity-item .activity-completion a[role=button].btn-danger {
29393 color: #1d2125;
29394 background-color: #f4d6d2;
29395 border-color: #f4d6d2;
29396 color: #691911;
29398 .activity-item .activity-completion button.btn-danger:hover,
29399 .activity-item .activity-completion a[role=button].btn-danger:hover {
29400 color: #fff;
29401 background-color: #ca3120;
29402 border-color: #eab1a9;
29404 .activity-item .activity-completion button.btn-danger:focus, .activity-item .activity-completion button.btn-danger.focus,
29405 .activity-item .activity-completion a[role=button].btn-danger:focus,
29406 .activity-item .activity-completion a[role=button].btn-danger.focus {
29407 color: #fff;
29408 background-color: #ca3120;
29409 border-color: #eab1a9;
29410 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29412 .activity-item .activity-completion button.btn-danger.disabled, .activity-item .activity-completion button.btn-danger:disabled,
29413 .activity-item .activity-completion a[role=button].btn-danger.disabled,
29414 .activity-item .activity-completion a[role=button].btn-danger:disabled {
29415 color: #1d2125;
29416 background-color: #f4d6d2;
29417 border-color: #f4d6d2;
29419 .activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-danger.dropdown-toggle,
29420 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active,
29421 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active,
29422 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle {
29423 color: #1d2125;
29424 background-color: #eab1a9;
29425 border-color: #e7a79f;
29427 .activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-danger:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-danger.dropdown-toggle:focus,
29428 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active:focus,
29429 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active:focus,
29430 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle:focus {
29431 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29433 .activity-item .activity-completion button.btn-danger:hover,
29434 .activity-item .activity-completion a[role=button].btn-danger:hover {
29435 color: #fff;
29437 .activity-item .activity-completion button.btn-light,
29438 .activity-item .activity-completion a[role=button].btn-light {
29439 color: #1d2125;
29440 background-color: #fefefe;
29441 border-color: #fefefe;
29442 color: #818182;
29444 .activity-item .activity-completion button.btn-light:hover,
29445 .activity-item .activity-completion a[role=button].btn-light:hover {
29446 color: #1d2125;
29447 background-color: #f8f9fa;
29448 border-color: #e5e5e5;
29450 .activity-item .activity-completion button.btn-light:focus, .activity-item .activity-completion button.btn-light.focus,
29451 .activity-item .activity-completion a[role=button].btn-light:focus,
29452 .activity-item .activity-completion a[role=button].btn-light.focus {
29453 color: #1d2125;
29454 background-color: #f8f9fa;
29455 border-color: #e5e5e5;
29456 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29458 .activity-item .activity-completion button.btn-light.disabled, .activity-item .activity-completion button.btn-light:disabled,
29459 .activity-item .activity-completion a[role=button].btn-light.disabled,
29460 .activity-item .activity-completion a[role=button].btn-light:disabled {
29461 color: #1d2125;
29462 background-color: #fefefe;
29463 border-color: #fefefe;
29465 .activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-light.dropdown-toggle,
29466 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active,
29467 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active,
29468 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle {
29469 color: #1d2125;
29470 background-color: #e5e5e5;
29471 border-color: #dedede;
29473 .activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-light:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-light.dropdown-toggle:focus,
29474 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active:focus,
29475 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active:focus,
29476 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle:focus {
29477 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29479 .activity-item .activity-completion button.btn-light:hover,
29480 .activity-item .activity-completion a[role=button].btn-light:hover {
29481 color: #1d2125;
29483 .activity-item .activity-completion button.btn-dark,
29484 .activity-item .activity-completion a[role=button].btn-dark {
29485 color: #1d2125;
29486 background-color: #d6d8d9;
29487 border-color: #d6d8d9;
29488 color: #1b1e21;
29490 .activity-item .activity-completion button.btn-dark:hover,
29491 .activity-item .activity-completion a[role=button].btn-dark:hover {
29492 color: #fff;
29493 background-color: #343a40;
29494 border-color: #bcbfc0;
29496 .activity-item .activity-completion button.btn-dark:focus, .activity-item .activity-completion button.btn-dark.focus,
29497 .activity-item .activity-completion a[role=button].btn-dark:focus,
29498 .activity-item .activity-completion a[role=button].btn-dark.focus {
29499 color: #fff;
29500 background-color: #343a40;
29501 border-color: #bcbfc0;
29502 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29504 .activity-item .activity-completion button.btn-dark.disabled, .activity-item .activity-completion button.btn-dark:disabled,
29505 .activity-item .activity-completion a[role=button].btn-dark.disabled,
29506 .activity-item .activity-completion a[role=button].btn-dark:disabled {
29507 color: #1d2125;
29508 background-color: #d6d8d9;
29509 border-color: #d6d8d9;
29511 .activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled):active, .activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled).active, .show > .activity-item .activity-completion button.btn-dark.dropdown-toggle,
29512 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active,
29513 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active,
29514 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle {
29515 color: #1d2125;
29516 background-color: #bcbfc0;
29517 border-color: #b5b9ba;
29519 .activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled):active:focus, .activity-item .activity-completion button.btn-dark:not(:disabled):not(.disabled).active:focus, .show > .activity-item .activity-completion button.btn-dark.dropdown-toggle:focus,
29520 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active:focus,
29521 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active:focus,
29522 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle:focus {
29523 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29525 .activity-item .activity-completion button.btn-dark:hover,
29526 .activity-item .activity-completion a[role=button].btn-dark:hover {
29527 color: #fff;
29529 @media (max-width: 575.98px) {
29530 .activity-item .activity-completion {
29531 width: 100%;
29532 margin-top: 0.5rem;
29534 .activity-item .activity-completion button {
29535 width: 100%;
29538 .activity-item .activity-completion .completion-dialog {
29539 color: #495057;
29540 font-size: 0.8203125rem;
29541 min-width: 12rem;
29543 .activity-item .activity-completion .completion-dialog .icon {
29544 font-size: 0.8203125rem;
29545 width: 0.8203125rem;
29546 height: 0.8203125rem;
29547 margin-right: 0.25rem;
29549 .activity-item .activity-completion .completion-dialog .editcompletion a {
29550 border-radius: 0.25rem;
29551 color: #495057;
29552 font-weight: bold;
29553 text-decoration: none;
29555 .activity-item .activity-completion .completion-dialog .editcompletion a:hover {
29556 background-color: #e9ecef;
29558 .activity-item .activity-groupmode-info {
29559 grid-area: groupmode;
29560 justify-self: end;
29562 .activity-item .activity-groupmode-info .groupmode-information {
29563 height: 32px;
29564 width: 32px;
29565 border-radius: 0.25rem;
29567 .activity-item .activity-groupmode-info .groupmode-icon-info {
29568 display: none;
29570 @media (max-width: 575.98px) {
29571 .activity-item .activity-groupmode-info {
29572 width: 100%;
29573 margin-top: 0.5rem;
29574 padding-top: 0.5rem;
29575 border-top: 1px solid #dee2e6;
29577 .activity-item .activity-groupmode-info .groupmode-information {
29578 width: auto;
29579 font-size: inherit;
29580 padding: 0 0.5rem;
29582 .activity-item .activity-groupmode-info .groupmode-icon-info {
29583 display: inline;
29585 .activity-item .activity-groupmode-info .v-parent-focus {
29586 opacity: 1;
29587 visibility: visible;
29590 .activity-item .activity-badges {
29591 grid-area: visibility;
29593 .activity-item .activity-badges .badge {
29594 font-weight: normal;
29596 .activity-item .activity-badges .badge .icon {
29597 font-size: 12px;
29598 width: 12px;
29599 height: 12px;
29601 .activity-item .activity-altcontent {
29602 grid-area: altcontent;
29603 margin-top: 0.25rem;
29605 .activity-item .activity-altcontent.activity-description {
29606 margin-top: 0.5rem;
29607 padding-top: 0.5rem;
29608 border-top: 1px solid #dee2e6;
29609 font-size: 0.875em;
29611 .activity-item .activity-altcontent img {
29612 border-radius: 1rem;
29614 .activity-item .activity-availability {
29615 grid-area: availability;
29617 .activity-item .activity-afterlink {
29618 grid-area: afterlink;
29619 margin-top: 0.5rem;
29620 padding-top: 0.5rem;
29621 border-top: 1px solid #dee2e6;
29623 .activity-item .no-overflow {
29624 width: 100%;
29627 .section .draggable .activity-item .dragicon {
29628 display: none;
29631 /* Dividers */
29632 .divider {
29633 position: relative;
29635 .divider hr {
29636 width: 100%;
29637 margin: 0.5rem 0.25rem;
29638 border-top: 2px dashed #dee2e6;
29640 .divider .divider-content {
29641 opacity: 0;
29642 visibility: hidden;
29643 transition: visibility 0.1s;
29644 position: absolute;
29645 background: linear-gradient(transparent 40%, #fff 40%, #fff 60%, transparent 60%);
29647 .section.hidden .divider .divider-content {
29648 background: linear-gradient(transparent 40%, #f8f9fa 40%, #f8f9fa 60%, transparent 60%);
29650 .divider.always-visible .divider-content {
29651 opacity: 1;
29652 visibility: visible;
29654 .divider.always-hidden hr {
29655 opacity: 0;
29656 visibility: hidden;
29658 .divider:hover .divider-content, .divider:focus .divider-content, .divider:focus-within .divider-content {
29659 opacity: 1;
29660 visibility: visible;
29662 .divider:hover hr, .divider:focus hr, .divider:focus-within hr {
29663 opacity: 1;
29664 visibility: visible;
29666 .divider:has(.btn.add-content:hover) hr {
29667 border-color: #0f6cbf;
29670 .activity:focus-within + .activity .divider .divider-content,
29671 .course-section-header:focus-within + .content .section .activity:first-child .divider .divider-content,
29672 .content .section .activity:focus-within .divider .divider-content,
29673 .course-content:focus-within .changenumsections .divider .divider-content {
29674 visibility: visible;
29677 .course-content ul.topics > li:last-child .changenumsections {
29678 display: none;
29681 .btn.add-content {
29682 position: relative;
29683 z-index: 1;
29684 border-radius: 50rem;
29685 font-size: 0.8203125rem;
29686 font-weight: bold;
29687 color: #083863;
29688 background-color: #cfe2f2;
29690 .btn.add-content:hover, .btn.add-content:focus {
29691 color: #fff;
29692 background-color: #0f6cbf;
29694 .btn.add-content .icon {
29695 width: 14px;
29696 height: 14px;
29697 font-size: 14px;
29700 /* Bulk editing */
29701 .bulkenabled .bulk-hidden {
29702 display: none !important;
29704 .bulkenabled .section:not(:first-child) {
29705 margin-top: 1.5rem;
29707 .bulkenabled .activity {
29708 margin-top: 0.5rem;
29709 margin-left: 2rem;
29710 padding-top: 0.5rem;
29711 border-top: 2px dashed #dee2e6;
29713 .bulkenabled .activity:first-child {
29714 margin-top: 1.5rem;
29716 .bulkenabled .activity-item .bulkselect {
29717 position: absolute;
29718 left: -2rem;
29720 .bulkenabled .course-section-header .bulkselect {
29721 left: -2.75rem;
29722 position: relative;
29723 width: 0;
29725 @media (max-width: 767.98px) {
29726 .bulkenabled .course-content {
29727 margin-left: 2rem;
29731 /* Activity completion */
29732 .defaultactivitycompletion-item a {
29733 color: #000;
29734 text-decoration: none;
29736 .defaultactivitycompletion-item .activityicon {
29737 width: 32px;
29738 height: 32px;
29741 /* Home page course specific styles */
29742 .sitetopic .activity:first-of-type hr {
29743 display: none;
29745 .sitetopic .section-item {
29746 margin-bottom: 1.5rem;
29747 border-radius: 0.25rem;
29750 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
29751 :target {
29752 scroll-margin-top: 60px;
29755 .pagelayout-embedded :target {
29756 padding-top: initial;
29757 margin-top: initial;
29760 #nav-drawer.closed {
29761 left: -305px;
29764 #nav-drawer[aria-hidden=true] .list-group-item {
29765 display: none;
29768 /* Use a variable for the drawer background colors. */
29769 [data-region=drawer] {
29770 position: fixed;
29771 width: 285px;
29772 top: 50px;
29773 height: calc(100% - 50px);
29774 overflow-y: auto;
29775 -webkit-overflow-scrolling: touch;
29776 z-index: 999;
29777 background-color: #f2f2f2;
29778 transition: right 0.5s ease, left 0.5s ease;
29780 @media (prefers-reduced-motion: reduce) {
29781 [data-region=drawer] {
29782 transition: none;
29786 @media (min-width: 576px) {
29787 [data-region=drawer] {
29788 padding: 20px 20px;
29790 .jsenabled .popover-process-monitor,
29791 .jsenabled .btn-footer-popover,
29792 .jsenabled .btn-footer-communication {
29793 transition: 0.2s;
29796 @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
29797 .jsenabled .popover-process-monitor,
29798 .jsenabled .btn-footer-popover,
29799 .jsenabled .btn-footer-communication {
29800 transition: none;
29803 #nav-drawer {
29804 right: auto;
29805 left: 0;
29806 /* Override the z-indexes defined in bootstrap/_list-group.scss that
29807 lead to side effects on the user tours positioning. */
29809 #nav-drawer .list-group-item-action.active,
29810 #nav-drawer .list-group-item.active {
29811 z-index: inherit;
29813 #nav-drawer .list-group-item-action.active + .list-group-item,
29814 #nav-drawer .list-group-item.active + .list-group-item {
29815 border-top: none;
29817 #nav-drawer .list-group ul {
29818 list-style: none;
29819 padding: 0;
29820 margin: 0;
29822 #nav-drawer .list-group li {
29823 margin-bottom: -1px;
29825 #nav-drawer .list-group li:last-child {
29826 margin-bottom: 0;
29829 body.drawer-ease {
29830 transition: margin-left 0.5s ease, margin-right 0.5s ease;
29832 @media (prefers-reduced-motion: reduce) {
29833 body.drawer-ease {
29834 transition: none;
29838 @media (min-width: 768px) {
29839 body:not(.uses-drawers).drawer-open-left {
29840 margin-left: 285px;
29844 @media (min-width: 768px) {
29845 body.drawer-open-left #page.drawers {
29846 margin-left: 285px;
29847 padding-left: 1rem;
29851 @media (min-width: 768px) {
29852 body.drawer-open-right {
29853 margin-right: 315px;
29857 [data-region=right-hand-drawer] {
29858 display: flex;
29859 flex-direction: column;
29860 transition: right 0.2s ease-in-out;
29862 @media (prefers-reduced-motion: reduce) {
29863 [data-region=right-hand-drawer] {
29864 transition: none;
29867 [data-region=right-hand-drawer].drawer {
29868 z-index: 1021;
29869 position: fixed;
29870 top: 50px;
29871 right: 0;
29872 height: calc(100% - 50px);
29873 width: 320px;
29874 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
29875 padding: 0;
29876 visibility: visible;
29877 opacity: 1;
29879 [data-region=right-hand-drawer].hidden {
29880 display: block;
29881 right: -320px;
29882 visibility: hidden;
29883 opacity: 0;
29884 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
29886 @media (prefers-reduced-motion: reduce) {
29887 [data-region=right-hand-drawer].hidden {
29888 transition: none;
29892 @media (max-width: 767.98px) {
29893 [data-region=right-hand-drawer].drawer {
29894 top: 0;
29895 height: 100%;
29896 z-index: 1031;
29898 body.drawer-open-left,
29899 body.drawer-open-right {
29900 overflow: hidden;
29903 .dir-rtl [data-region=right-hand-drawer] {
29904 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
29907 .drawer {
29908 background-color: #f8f9fa;
29909 z-index: 1015;
29910 position: fixed;
29911 height: 100vh;
29912 top: 0;
29914 @media (max-width: 991.98px) {
29915 .drawer {
29916 z-index: 1035;
29919 .drawer.not-initialized {
29920 display: none;
29922 .drawer.drawer-right {
29923 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
29924 width: 315px;
29925 max-width: 315px;
29926 right: calc(-315px + -10px);
29927 visibility: hidden;
29929 @media (prefers-reduced-motion: reduce) {
29930 .drawer.drawer-right {
29931 transition: none;
29934 .drawer.drawer-right.show {
29935 right: 0;
29936 visibility: visible;
29938 .drawer.drawer-right .drawertoggle {
29939 margin-left: auto;
29940 margin-right: 5px;
29942 .drawer.drawer-left {
29943 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
29944 width: 285px;
29945 max-width: 285px;
29946 left: calc(-285px + -10px);
29947 visibility: hidden;
29949 @media (prefers-reduced-motion: reduce) {
29950 .drawer.drawer-left {
29951 transition: none;
29954 .drawer.drawer-left.show {
29955 left: 0;
29956 visibility: visible;
29958 .drawer.drawer-left .drawertoggle {
29959 margin-right: auto;
29960 margin-left: 5px;
29962 .drawer.drawer-bottom {
29963 bottom: -110%;
29965 .drawer.drawer-bottom.show {
29966 bottom: 0;
29968 .drawer.drawer-primary .drawertoggle {
29969 margin-right: 16px;
29970 margin-left: 5px;
29973 @media (min-width: 992px) {
29974 .drawer#theme_boost-drawers-blocks:focus-within {
29975 z-index: 1031;
29977 .drawer.not-initialized {
29978 display: block;
29981 .drawer-md,
29982 .drawer-sm {
29983 display: none;
29986 .drawerheader {
29987 padding: 0;
29988 height: 50px;
29989 display: flex;
29990 align-items: center;
29992 .drawerheader .sitename {
29993 overflow: hidden;
29994 white-space: nowrap;
29995 text-overflow: ellipsis;
29996 margin-right: 16px;
29999 .drawer.scrolled .drawerheader {
30000 box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
30003 @media (max-width: 991.98px) {
30004 .drawer-md {
30005 display: block;
30006 background-color: #f8f9fa;
30007 z-index: 1015;
30008 position: fixed;
30009 height: 100vh;
30010 top: 0;
30013 @media (max-width: 991.98px) and (max-width: 991.98px) {
30014 .drawer-md {
30015 z-index: 1035;
30018 @media (max-width: 991.98px) {
30019 .drawer-md.not-initialized {
30020 display: none;
30023 @media (max-width: 991.98px) {
30024 .drawer-md.drawer-right {
30025 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30026 width: 315px;
30027 max-width: 315px;
30028 right: calc(-315px + -10px);
30029 visibility: hidden;
30032 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30033 .drawer-md.drawer-right {
30034 transition: none;
30037 @media (max-width: 991.98px) {
30038 .drawer-md.drawer-right.show {
30039 right: 0;
30040 visibility: visible;
30043 @media (max-width: 991.98px) {
30044 .drawer-md.drawer-right .drawertoggle {
30045 margin-left: auto;
30046 margin-right: 5px;
30049 @media (max-width: 991.98px) {
30050 .drawer-md.drawer-left {
30051 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30052 width: 285px;
30053 max-width: 285px;
30054 left: calc(-285px + -10px);
30055 visibility: hidden;
30058 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30059 .drawer-md.drawer-left {
30060 transition: none;
30063 @media (max-width: 991.98px) {
30064 .drawer-md.drawer-left.show {
30065 left: 0;
30066 visibility: visible;
30069 @media (max-width: 991.98px) {
30070 .drawer-md.drawer-left .drawertoggle {
30071 margin-right: auto;
30072 margin-left: 5px;
30075 @media (max-width: 991.98px) {
30076 .drawer-md.drawer-bottom {
30077 bottom: -110%;
30079 .drawer-md.drawer-bottom.show {
30080 bottom: 0;
30083 @media (max-width: 991.98px) {
30084 .drawer-md.drawer-primary .drawertoggle {
30085 margin-right: 16px;
30086 margin-left: 5px;
30089 @media (max-width: 767.98px) {
30090 .drawer-sm {
30091 display: block;
30092 background-color: #f8f9fa;
30093 z-index: 1015;
30094 position: fixed;
30095 height: 100vh;
30096 top: 0;
30099 @media (max-width: 767.98px) and (max-width: 991.98px) {
30100 .drawer-sm {
30101 z-index: 1035;
30104 @media (max-width: 767.98px) {
30105 .drawer-sm.not-initialized {
30106 display: none;
30109 @media (max-width: 767.98px) {
30110 .drawer-sm.drawer-right {
30111 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30112 width: 315px;
30113 max-width: 315px;
30114 right: calc(-315px + -10px);
30115 visibility: hidden;
30118 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30119 .drawer-sm.drawer-right {
30120 transition: none;
30123 @media (max-width: 767.98px) {
30124 .drawer-sm.drawer-right.show {
30125 right: 0;
30126 visibility: visible;
30129 @media (max-width: 767.98px) {
30130 .drawer-sm.drawer-right .drawertoggle {
30131 margin-left: auto;
30132 margin-right: 5px;
30135 @media (max-width: 767.98px) {
30136 .drawer-sm.drawer-left {
30137 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30138 width: 285px;
30139 max-width: 285px;
30140 left: calc(-285px + -10px);
30141 visibility: hidden;
30144 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30145 .drawer-sm.drawer-left {
30146 transition: none;
30149 @media (max-width: 767.98px) {
30150 .drawer-sm.drawer-left.show {
30151 left: 0;
30152 visibility: visible;
30155 @media (max-width: 767.98px) {
30156 .drawer-sm.drawer-left .drawertoggle {
30157 margin-right: auto;
30158 margin-left: 5px;
30161 @media (max-width: 767.98px) {
30162 .drawer-sm.drawer-bottom {
30163 bottom: -110%;
30165 .drawer-sm.drawer-bottom.show {
30166 bottom: 0;
30169 @media (max-width: 767.98px) {
30170 .drawer-sm.drawer-primary .drawertoggle {
30171 margin-right: 16px;
30172 margin-left: 5px;
30175 .drawercontent {
30176 position: relative;
30177 z-index: -1;
30178 height: calc(100% - 50px);
30179 display: flex;
30180 flex-direction: column;
30181 flex-wrap: nowrap;
30182 overflow-y: auto;
30183 padding: 0.4rem;
30184 scrollbar-width: thin;
30185 scrollbar-color: #6a737b #f8f9fa;
30187 .drawercontent .dropdown-menu .dropdown-item {
30188 width: 220px;
30189 white-space: normal;
30191 .drawercontent::-webkit-scrollbar {
30192 width: 12px;
30194 .drawercontent::-webkit-scrollbar-track {
30195 background: #f8f9fa;
30197 .drawercontent::-webkit-scrollbar-thumb {
30198 background-color: #6a737b;
30199 border-radius: 20px;
30200 border: 3px solid #f8f9fa;
30202 .drawercontent::-webkit-scrollbar-thumb:hover {
30203 background-color: #495057;
30206 .fp-content-center {
30207 height: 100%;
30208 width: 100%;
30209 display: table-cell;
30210 vertical-align: middle;
30213 .fp-content-hidden {
30214 visibility: hidden;
30217 .yui3-panel-focused {
30218 outline: none;
30221 .fp-panel-button {
30222 background: #fff;
30223 padding: 3px 20px 2px 20px;
30224 text-align: center;
30225 margin: 10px;
30226 border-radius: 10px;
30227 display: inline-block;
30230 .filepicker .yui3-widget-content-expanded {
30231 height: auto;
30234 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
30235 .filepicker .moodle-dialogue-bd {
30236 min-height: 520px;
30239 .file-picker .fp-navbar {
30240 min-height: 40px;
30241 padding: 4px;
30244 .fp-navbar {
30245 border-color: #8f959e;
30246 border-bottom: 0;
30247 border-bottom-left-radius: 0;
30248 border-bottom-right-radius: 0;
30251 .file-picker .fp-content {
30252 border-top: 0;
30253 background: #fff;
30254 clear: none;
30255 overflow: auto;
30256 height: 452px;
30259 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
30260 width: 100%;
30263 .file-picker .fp-content-loading {
30264 height: 100%;
30265 width: 100%;
30266 display: table;
30267 text-align: center;
30270 .file-picker .fp-content .fp-object-container {
30271 width: 98%;
30272 height: 98%;
30275 .file-picker .fp-def-search {
30276 margin-top: 0;
30279 .file-picker .fp-list {
30280 list-style-type: none;
30281 padding: 0;
30282 float: left;
30283 width: 100%;
30284 margin: 0;
30287 .file-picker .fp-list .fp-repo a {
30288 display: block;
30289 padding: 0.5em 0.7em;
30292 .file-picker .fp-list .fp-repo.active {
30293 background: #f2f2f2;
30296 .file-picker .fp-list .fp-repo-icon {
30297 padding: 0 7px 0 5px;
30298 width: 16px;
30299 height: 16px;
30302 .fp-toolbar {
30303 float: left;
30306 .fp-toolbar.empty {
30307 display: none;
30310 .fp-toolbar .disabled {
30311 display: none;
30314 .fp-toolbar div {
30315 display: block;
30316 float: left;
30317 margin-right: 4px;
30320 .fp-toolbar img {
30321 vertical-align: -15%;
30322 margin-right: 5px;
30325 .fp-viewbar:not(.disabled) a.checked {
30326 background-color: #b1bbc4;
30327 color: #1d2125;
30328 border-color: #aab4bf;
30331 .fp-viewbar.disabled a {
30332 pointer-events: none;
30333 opacity: 0.65;
30336 .file-picker .fp-clear-left {
30337 clear: left;
30340 .fp-pathbar.empty {
30341 display: none;
30344 .fp-pathbar .fp-path-folder {
30345 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
30346 background-size: 12px 12px;
30347 height: 12px;
30348 margin-left: 12px;
30351 /*rtl:raw:
30352 .fp-pathbar .fp-path-folder {
30353 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
30356 .fp-pathbar .fp-path-folder-name {
30357 margin-left: 24px;
30360 .fp-iconview .fp-file {
30361 float: left;
30362 text-align: center;
30363 position: relative;
30364 margin: 10px 10px 35px;
30367 .fp-iconview .fp-thumbnail {
30368 min-width: 110px;
30369 min-height: 110px;
30370 line-height: 110px;
30371 text-align: center;
30372 border: 1px solid #fff;
30373 display: block;
30376 .fp-iconview .fp-thumbnail img {
30377 border: 1px solid #ddd;
30378 padding: 3px;
30379 vertical-align: middle;
30382 .fp-iconview .fp-thumbnail:hover {
30383 background: #fff;
30384 border: 1px solid #ddd;
30387 .fp-iconview .fp-filename-field {
30388 height: 33px;
30389 margin-top: 3px;
30390 word-wrap: break-word;
30391 overflow: hidden;
30392 position: absolute;
30395 .fp-iconview .fp-file:focus .fp-filename-field,
30396 .fp-iconview .fp-file:hover .fp-filename-field {
30397 overflow: visible;
30398 z-index: 1000;
30400 .fp-iconview .fp-file:focus .fp-filename,
30401 .fp-iconview .fp-file:hover .fp-filename {
30402 overflow: inherit;
30403 white-space: normal;
30404 text-overflow: inherit;
30407 .fp-iconview .fp-filename-field .fp-filename {
30408 background: #fff;
30409 padding-top: 5px;
30410 padding-bottom: 12px;
30411 min-width: 112px;
30414 .file-picker .yui3-datatable table {
30415 border: 0 solid #bbb;
30416 width: 100%;
30419 .file-picker .ygtvtn,
30420 .filemanager .ygtvtn {
30421 /*rtl:remove*/
30422 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
30423 /*rtl:raw:
30424 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
30426 width: 19px;
30427 height: 32px;
30430 .file-picker .ygtvtm,
30431 .filemanager .ygtvtm {
30432 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30433 /*rtl:raw:
30434 background-position: 2px 10px;
30436 width: 13px;
30437 height: 12px;
30438 cursor: pointer;
30441 .file-picker .ygtvtmh,
30442 .filemanager .ygtvtmh {
30443 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30444 /*rtl:raw:
30445 background-position: 2px 10px;
30447 width: 13px;
30448 height: 12px;
30449 cursor: pointer;
30452 .file-picker .ygtvtp,
30453 .filemanager .ygtvtp {
30454 /*rtl:remove*/
30455 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30456 /*rtl:raw:
30457 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30459 width: 13px;
30460 height: 12px;
30461 cursor: pointer;
30464 .file-picker .ygtvtph,
30465 .filemanager .ygtvtph {
30466 /*rtl:remove*/
30467 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30468 /*rtl:raw:
30469 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30471 width: 13px;
30472 height: 22px;
30473 cursor: pointer;
30476 .file-picker .ygtvln,
30477 .filemanager .ygtvln {
30478 /*rtl:remove*/
30479 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
30480 /*rtl:raw:
30481 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
30483 width: 19px;
30484 height: 32px;
30487 .file-picker .ygtvlm,
30488 .filemanager .ygtvlm {
30489 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30490 /*rtl:raw:
30491 background-position: 2px 10px;
30493 width: 13px;
30494 height: 12px;
30495 cursor: pointer;
30498 .file-picker .ygtvlmh,
30499 .filemanager .ygtvlmh {
30500 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30501 /*rtl:raw:
30502 background-position: 2px 10px;
30504 width: 13px;
30505 height: 12px;
30506 cursor: pointer;
30509 .file-picker .ygtvlp,
30510 .filemanager .ygtvlp {
30511 /*rtl:remove*/
30512 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30513 /*rtl:raw:
30514 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30516 width: 13px;
30517 height: 12px;
30518 cursor: pointer;
30521 .file-picker .ygtvlph,
30522 .filemanager .ygtvlph {
30523 /*rtl:remove*/
30524 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30525 /*rtl:raw:
30526 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30528 width: 13px;
30529 height: 12px;
30530 cursor: pointer;
30533 .file-picker .ygtvloading,
30534 .filemanager .ygtvloading {
30535 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
30536 width: 16px;
30537 height: 22px;
30540 .file-picker .ygtvdepthcell,
30541 .filemanager .ygtvdepthcell {
30542 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
30543 /*rtl:raw:
30544 background-position: 0 0;
30546 width: 17px;
30547 height: 32px;
30550 .file-picker .ygtvblankdepthcell,
30551 .filemanager .ygtvblankdepthcell {
30552 width: 17px;
30553 height: 22px;
30556 a.ygtvspacer:hover {
30557 color: transparent;
30558 text-decoration: none;
30561 .ygtvlabel,
30562 .ygtvlabel:link,
30563 .ygtvlabel:visited,
30564 .ygtvlabel:hover {
30565 background-color: transparent;
30566 cursor: pointer;
30567 margin-left: 2px;
30568 text-decoration: none;
30571 .file-picker .ygtvfocus,
30572 .filemanager .ygtvfocus {
30573 background-color: #eee;
30576 .fp-filename-icon {
30577 margin-top: 10px;
30578 display: block;
30579 position: relative;
30582 .fp-icon {
30583 float: left;
30584 margin-top: -7px;
30585 width: 24px;
30586 height: 24px;
30587 margin-right: 10px;
30588 text-align: center;
30589 line-height: 24px;
30592 .fp-icon img {
30593 max-height: 24px;
30594 max-width: 24px;
30595 vertical-align: middle;
30598 .fp-filename {
30599 padding-right: 10px;
30602 .file-picker .fp-login-form {
30603 height: 100%;
30604 width: 100%;
30605 display: table;
30608 .file-picker .fp-upload-form {
30609 height: 100%;
30610 width: 100%;
30611 display: table;
30614 .file-picker .fp-upload-form table {
30615 margin: 0 auto;
30618 .file-picker.fp-dlg {
30619 text-align: center;
30622 .file-picker.fp-dlg .fp-dlg-buttons {
30623 margin: 0 20px;
30626 .file-picker.fp-msg {
30627 text-align: center;
30630 .file-picker .fp-content-error {
30631 height: 100%;
30632 width: 100%;
30633 display: table;
30634 text-align: center;
30637 .file-picker .fp-nextpage {
30638 clear: both;
30641 .file-picker .fp-nextpage .fp-nextpage-loading {
30642 display: none;
30645 .file-picker .fp-nextpage.loading .fp-nextpage-link {
30646 display: none;
30649 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
30650 display: block;
30651 text-align: center;
30652 height: 100px;
30653 padding-top: 50px;
30656 .fp-select .fp-select-loading {
30657 text-align: center;
30658 margin-top: 20px;
30661 .fp-select table {
30662 padding: 0 0 10px;
30665 .fp-select table .mdl-right {
30666 min-width: 84px;
30669 .fp-select .fp-reflist .mdl-right {
30670 vertical-align: top;
30673 .fp-select .fp-select-buttons {
30674 float: right;
30677 .fp-select .fp-info {
30678 font-size: 0.703125rem;
30681 .fp-select .fp-thumbnail {
30682 float: left;
30683 min-width: 110px;
30684 min-height: 110px;
30685 line-height: 110px;
30686 text-align: center;
30687 margin: 10px 20px 0 0;
30688 background: #fff;
30689 border: 1px solid #ddd;
30692 .fp-select .fp-thumbnail img {
30693 border: 1px solid #ddd;
30694 padding: 3px;
30695 vertical-align: middle;
30696 margin: 10px;
30699 .fp-select .fp-fileinfo {
30700 display: inline-block;
30701 margin-top: 10px;
30704 .file-picker.fp-select .fp-fileinfo {
30705 max-width: 240px;
30708 .fp-select .fp-fileinfo div {
30709 padding-bottom: 5px;
30712 .file-picker.fp-select .uneditable {
30713 display: none;
30716 .file-picker.fp-select .fp-select-loading {
30717 display: none;
30720 .file-picker.fp-select.loading .fp-select-loading {
30721 display: block;
30724 .file-picker.fp-select.loading form {
30725 display: none;
30728 .fp-select .fp-dimensions.fp-unknown {
30729 display: none;
30732 .fp-select .fp-size.fp-unknown {
30733 display: none;
30736 .filemanager-loading {
30737 display: none;
30740 .jsenabled .filemanager-loading {
30741 display: block;
30742 margin-top: 100px;
30745 .filemanager.fm-loading .filemanager-toolbar,
30746 .filemanager.fm-loading .fp-pathbar,
30747 .filemanager.fm-loading .filemanager-container,
30748 .filemanager.fm-loaded .filemanager-loading,
30749 .filemanager.fm-maxfiles .fp-btn-add,
30750 .filemanager.fm-maxfiles .dndupload-message,
30751 .filemanager.fm-noitems .fp-btn-download,
30752 .filemanager.fm-noitems .fp-btn-delete,
30753 .filemanager .fm-empty-container,
30754 .filemanager.fm-noitems .filemanager-container .fp-content {
30755 display: none;
30758 .filemanager .fp-img-downloading {
30759 display: none;
30760 padding-top: 7px;
30763 .filemanager .filemanager-updating {
30764 display: none;
30765 text-align: center;
30768 .filemanager.fm-updating .filemanager-updating {
30769 display: block;
30770 margin-top: 37px;
30773 .filemanager.fm-updating .fm-content-wrapper,
30774 .filemanager.fm-nomkdir .fp-btn-mkdir,
30775 .fitem.disabled .filemanager .filemanager-toolbar,
30776 .fitem.disabled .filemanager .fp-pathbar,
30777 .fitem.disabled .filemanager .fp-restrictions,
30778 .fitem.disabled .filemanager .fm-content-wrapper {
30779 display: none;
30782 .filemanager .fp-restrictions {
30783 text-align: right;
30786 .filemanager-toolbar {
30787 padding: 4px;
30788 overflow: hidden;
30791 .filemanager .fp-pathbar.empty {
30792 display: none;
30795 .filepicker-filelist,
30796 .filemanager-container {
30797 min-height: 140px;
30798 border: 1px solid #8f959e;
30799 border-radius: 0.25rem;
30802 .filemanager .fp-content {
30803 overflow: auto;
30804 max-height: 472px;
30805 min-height: 157px;
30808 .filemanager-container,
30809 .filepicker-filelist {
30810 overflow: hidden;
30811 border-top-left-radius: 0;
30812 border-top-right-radius: 0;
30815 .file-picker .yui3-datatable-header {
30816 /*rtl:raw:
30817 text-align: right;
30819 background: initial;
30822 .fitem.disabled .filepicker-filelist,
30823 .fitem.disabled .filemanager-container {
30824 background-color: #ebebe4;
30827 .fitem.disabled .fp-btn-choose {
30828 color: #6a737b;
30831 .fitem.disabled .filepicker-filelist .filepicker-filename {
30832 display: none;
30835 .fp-iconview .fp-reficons1 {
30836 position: absolute;
30837 height: 100%;
30838 width: 100%;
30839 top: 0;
30840 left: 0;
30843 .fp-iconview .fp-reficons2 {
30844 position: absolute;
30845 height: 100%;
30846 width: 100%;
30847 top: 0;
30848 left: 0;
30851 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
30852 background: url("[[pix:theme|fp/link]]") no-repeat;
30853 /*rtl:raw:
30854 transform: scaleX(-1);
30856 /*rtl:ignore*/
30857 background-position: bottom right;
30858 background-size: 16px 16px;
30861 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
30862 background: url("[[pix:theme|fp/alias]]") no-repeat;
30863 /*rtl:raw:
30864 transform: scaleX(-1);
30866 /*rtl:ignore*/
30867 background-position: bottom left;
30868 background-size: 16px 16px;
30871 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
30872 display: none;
30875 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
30876 background: url([[pix:s/dead]]) no-repeat;
30877 background-position: center center;
30880 .filemanager .yui3-datatable table {
30881 border: 0 solid #bbb;
30882 width: 100%;
30885 /* Override YUI default styling */
30886 /* stylelint-disable declaration-no-important */
30887 .filemanager .yui3-datatable-header {
30888 /*rtl:raw:
30889 text-align: right;
30891 background: #fff !important;
30892 border-bottom: 1px solid #ccc !important;
30893 border-left: 0 solid #fff !important;
30894 color: #555 !important;
30896 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
30897 background-color: #f6f6f6 !important;
30898 border-left: 0 solid #f6f6f6;
30900 .filemanager .yui3-datatable-even .yui3-datatable-cell {
30901 background-color: #fff !important;
30902 border-left: 0 solid #fff;
30905 /* stylelint-enable */
30906 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
30907 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
30908 height: 100%;
30909 width: 100%;
30910 /*rtl:raw:
30911 transform: scaleX(-1);
30913 position: absolute;
30914 top: 8px;
30915 left: 17px;
30916 background-size: 16px 16px;
30919 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
30920 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
30921 height: 100%;
30922 width: 100%;
30923 /*rtl:raw:
30924 transform: scaleX(-1);
30926 position: absolute;
30927 top: 9px;
30928 left: -6px;
30929 background-size: 16px 16px;
30932 .filemanager .fp-contextmenu {
30933 display: none;
30936 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
30937 position: absolute;
30938 right: 0;
30939 bottom: 0;
30940 display: flex;
30941 align-items: center;
30942 justify-content: center;
30945 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
30946 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
30947 display: inline;
30948 position: absolute;
30949 left: 14px;
30950 margin-right: -20px;
30951 top: 6px;
30954 .filepicker-filelist .filepicker-container,
30955 .filemanager.fm-noitems .fm-empty-container {
30956 display: block;
30957 position: absolute;
30958 top: 10px;
30959 bottom: 10px;
30960 left: 10px;
30961 right: 10px;
30962 border: 2px dashed #bbb;
30963 padding-top: 85px;
30964 text-align: center;
30967 .filepicker-filelist .dndupload-target,
30968 .filemanager-container .dndupload-target {
30969 background: #fff;
30970 position: absolute;
30971 top: 10px;
30972 bottom: 10px;
30973 left: 10px;
30974 right: 10px;
30975 border: 2px dashed #fb7979;
30976 padding-top: 85px;
30977 text-align: center;
30980 .filepicker-filelist.dndupload-over .dndupload-target,
30981 .filemanager-container.dndupload-over .dndupload-target {
30982 background: #fff;
30983 position: absolute;
30984 top: 10px;
30985 bottom: 10px;
30986 left: 10px;
30987 right: 10px;
30988 border: 2px dashed #6c8cd3;
30989 padding-top: 85px;
30990 text-align: center;
30993 .dndupload-message {
30994 display: none;
30997 .dndsupported .dndupload-message {
30998 display: inline;
31001 .dnduploadnotsupported-message {
31002 display: none;
31005 .dndnotsupported .dnduploadnotsupported-message {
31006 display: inline;
31009 .dndupload-target {
31010 display: none;
31013 .dndsupported .dndupload-ready .dndupload-target {
31014 display: block;
31017 .dndupload-uploadinprogress {
31018 display: none;
31019 text-align: center;
31022 .dndupload-uploading .dndupload-uploadinprogress {
31023 display: block;
31026 .dndupload-arrow {
31027 width: 100%;
31028 height: 80px;
31029 position: absolute;
31030 top: 5px;
31031 color: #8f959e;
31034 .fitem.disabled .filepicker-container,
31035 .fitem.disabled .fm-empty-container {
31036 display: none;
31039 .dndupload-progressbars {
31040 padding: 10px;
31041 display: none;
31044 .dndupload-inprogress .dndupload-progressbars {
31045 display: block;
31048 .dndupload-inprogress .fp-content {
31049 display: none;
31052 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
31053 display: none;
31056 .filepicker-filelist.dndupload-inprogress .filepicker-container {
31057 display: none;
31060 .filepicker-filelist.dndupload-inprogress a {
31061 display: none;
31064 .filemanager.fp-select .fp-select-loading {
31065 display: none;
31068 .filemanager.fp-select.loading .fp-select-loading {
31069 display: block;
31072 .filemanager.fp-select.loading form {
31073 display: none;
31076 .filemanager.fp-select.fp-folder .fp-license,
31077 .filemanager.fp-select.fp-folder .fp-author,
31078 .filemanager.fp-select.fp-file .fp-file-unzip,
31079 .filemanager.fp-select.fp-folder .fp-file-unzip,
31080 .filemanager.fp-select.fp-file .fp-file-zip,
31081 .filemanager.fp-select.fp-zip .fp-file-zip {
31082 display: none;
31085 .filemanager.fp-select .fp-file-setmain,
31086 .filemanager.fp-select .fp-file-setmain-help {
31087 display: none;
31090 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
31091 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
31092 display: inline-block;
31095 .filemanager .fp-mainfile .fp-filename {
31096 font-weight: bold;
31099 .filemanager.fp-select.fp-folder .fp-file-download {
31100 display: none;
31103 .fm-operation {
31104 font-weight: bold;
31107 .filemanager.fp-select .fp-original.fp-unknown,
31108 .filemanager.fp-select .fp-original .fp-originloading {
31109 display: none;
31112 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
31113 display: inline;
31116 .filemanager.fp-select .fp-reflist.fp-unknown,
31117 .filemanager.fp-select .fp-reflist .fp-reflistloading {
31118 display: none;
31121 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
31122 display: inline;
31125 .filemanager.fp-select .fp-reflist .fp-value {
31126 background: #f9f9f9;
31127 border: 1px solid #bbb;
31128 padding: 8px 7px;
31129 margin: 0;
31130 max-height: 75px;
31131 overflow: auto;
31134 .filemanager.fp-select .fp-reflist .fp-value li {
31135 padding-bottom: 7px;
31138 .filemanager.fp-mkdir-dlg {
31139 text-align: center;
31142 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
31143 text-align: left;
31144 margin: 20px;
31147 .filemanager.fp-dlg {
31148 text-align: center;
31151 .file-picker div.bd {
31152 text-align: left;
31155 .fp-formset {
31156 padding: 10px;
31158 .fp-formset input[type=file] {
31159 line-height: inherit;
31162 .fp-forminset {
31163 padding: 0 10px;
31166 .fp-fileinfo .fp-value {
31167 display: inline-block;
31168 padding-left: 5px;
31171 /** The message area **/
31172 .hidden {
31173 display: none;
31176 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
31177 padding: 0;
31179 .preferences-container .container-fluid .col-md-6, .preferences-container .container-sm .col-md-6, .preferences-container .container-md .col-md-6, .preferences-container .container-lg .col-md-6, .preferences-container .container-xl .col-md-6 {
31180 min-height: 20px;
31182 .preferences-container .align-bottom {
31183 vertical-align: bottom;
31185 .preferences-container .preference-table {
31186 border: 1px solid #ddd;
31188 .preferences-container .preference-table thead th {
31189 text-align: center;
31191 .preferences-container .preference-table thead th .config-warning {
31192 display: none;
31194 .preferences-container .preference-table thead th.unconfigured .config-warning {
31195 display: inline-block;
31197 .preferences-container .preference-table tr th {
31198 border-left: 1px solid #dee2e6;
31200 .preferences-container .preference-table tr td:not(:first-child) {
31201 width: 150px;
31202 text-align: center;
31204 .preferences-container .preference-table tr td:nth-child(even) {
31205 border: 1px solid #dee2e6;
31207 .preferences-container .preference-table .preference-row .hover-tooltip-container {
31208 display: inline-block;
31210 .preferences-container .preference-table .preference-row .preference-name {
31211 vertical-align: middle;
31213 .preferences-container .preference-table .preference-row .disabled-message {
31214 text-align: center;
31215 height: 30px;
31216 line-height: 30px;
31218 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
31219 display: block;
31222 .disabled-message {
31223 display: none;
31226 .disabled .disabled-message {
31227 display: block;
31229 .disabled .disabled-message + form {
31230 display: none;
31233 .general-settings-container .loading-icon {
31234 display: none;
31236 .general-settings-container .loading .loading-icon {
31237 display: inline-block;
31239 .general-settings-container label {
31240 display: inline-block;
31243 .processor-container {
31244 position: relative;
31246 .processor-container .loading-container {
31247 display: none;
31248 position: absolute;
31249 width: 100%;
31250 height: 100%;
31251 text-align: center;
31252 background-color: rgba(255, 255, 255, 0.5);
31254 .processor-container .loading-container .vertical-align {
31255 height: 100%;
31256 width: 0%;
31257 display: inline-block;
31258 vertical-align: middle;
31260 .processor-container.loading .loading-container {
31261 display: block;
31264 .preferences-page-container .checkbox-container {
31265 margin: 30px 5px;
31266 line-height: 20px;
31268 .preferences-page-container .checkbox-container input {
31269 line-height: 20px;
31270 margin: 0;
31272 .preferences-page-container .checkbox-container .loading-icon {
31273 display: none;
31275 .preferences-page-container .checkbox-container.loading .loading-icon {
31276 display: inline-block;
31279 .notification-area {
31280 height: 600px;
31281 box-sizing: border-box;
31282 border-radius: 4px;
31283 margin-bottom: 30px;
31284 border: 1px solid #e3e3e3;
31286 @media (max-height: 670px) {
31287 .notification-area {
31288 height: 500px;
31291 .notification-area .control-area {
31292 box-sizing: border-box;
31293 display: inline-block;
31294 width: 300px;
31295 height: 100%;
31296 overflow: auto;
31297 -webkit-overflow-scrolling: touch;
31298 border-right: 1px solid #e3e3e3;
31300 .notification-area .control-area .content {
31301 position: relative;
31303 .notification-area .control-area .content .content-item-container {
31304 cursor: pointer;
31306 .notification-area .control-area .content:empty + .empty-text {
31307 display: block;
31309 .notification-area .control-area .loading-icon {
31310 display: none;
31312 .notification-area .control-area .empty-text {
31313 display: none;
31314 text-align: center;
31315 padding-top: 20px;
31317 .notification-area .control-area.loading .loading-icon {
31318 display: block;
31319 text-align: center;
31320 box-sizing: border-box;
31321 padding: 5px;
31323 .notification-area .control-area.loading .content:empty + .empty-text {
31324 display: none;
31326 .notification-area .content-area {
31327 box-sizing: border-box;
31328 display: inline-block;
31329 width: calc(100% - 300px);
31330 float: right;
31332 .notification-area .content-area .toggle-mode {
31333 display: none;
31335 .notification-area .content-area .header {
31336 height: 50px;
31337 box-sizing: border-box;
31338 border-bottom: 1px solid #e3e3e3;
31339 padding: 5px;
31341 .notification-area .content-area .header .image-container {
31342 display: inline-block;
31343 height: 25px;
31344 width: 24px;
31345 float: left;
31347 .notification-area .content-area .header .subject-container {
31348 display: inline-block;
31349 max-width: calc(100% - 24px);
31350 white-space: nowrap;
31351 overflow: hidden;
31352 text-overflow: ellipsis;
31353 height: 25px;
31354 padding-left: 5px;
31355 box-sizing: border-box;
31357 .notification-area .content-area .header .timestamp {
31358 font-size: 10px;
31359 line-height: 10px;
31360 margin: 0;
31361 color: #666;
31362 margin-left: 30px;
31364 .notification-area .content-area .header:empty {
31365 display: none;
31367 .notification-area .content-area > .content {
31368 height: 500px;
31369 box-sizing: border-box;
31370 overflow: auto;
31371 -webkit-overflow-scrolling: touch;
31372 padding: 15px;
31374 @media (max-height: 670px) {
31375 .notification-area .content-area > .content {
31376 height: 400px;
31379 .notification-area .content-area > .content:empty {
31380 display: none;
31382 .notification-area .content-area > .content:empty + .empty-text {
31383 display: block;
31384 text-align: center;
31385 padding-top: 100px;
31387 .notification-area .content-area .empty-text {
31388 display: none;
31390 .notification-area .content-area .footer {
31391 height: 50px;
31392 box-sizing: border-box;
31393 text-align: center;
31395 .notification-area .content-area .footer a {
31396 line-height: 50px;
31398 .notification-area .content-area .footer:empty {
31399 display: none;
31402 @media (max-width: 979px) {
31403 .notification-area {
31404 position: relative;
31405 overflow: hidden;
31407 .notification-area .control-area {
31408 border-right: none;
31409 width: 100%;
31410 position: absolute;
31411 top: 0;
31412 left: 0;
31413 opacity: 1;
31414 visibility: visible;
31415 transition: left 0.25s;
31417 .notification-area .content-area {
31418 width: 100%;
31419 position: absolute;
31420 top: 0;
31421 right: -100%;
31422 opacity: 0;
31423 visibility: hidden;
31424 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
31426 .notification-area .content-area .toggle-mode {
31427 display: inline-block;
31428 float: left;
31429 width: 70px;
31430 height: 50px;
31431 line-height: 50px;
31432 box-sizing: border-box;
31433 border-right: 1px solid #e3e3e3;
31434 border-bottom: 1px solid #e3e3e3;
31436 .notification-area .content-area .header {
31437 display: inline-block;
31438 width: calc(100% - 70px);
31440 .notification-area.show-content-area .control-area {
31441 left: -100%;
31442 opacity: 0;
31443 visibility: hidden;
31444 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
31446 .notification-area.show-content-area .content-area {
31447 right: 0;
31448 opacity: 1;
31449 visibility: visible;
31450 transition: right 0.25s;
31453 .drawer .message-app {
31454 height: 100%;
31456 .drawer .message-app .icon-back-in-app {
31457 display: none;
31459 .drawer .message-app .icon-back-in-drawer {
31460 display: inherit;
31463 .message-app {
31464 display: flex;
31465 flex-direction: column;
31466 background-color: #eff1f3;
31468 .message-app .icon-back-in-drawer {
31469 display: none;
31471 .message-app.main {
31472 min-height: 400px;
31474 .message-app .header-container {
31475 flex-shrink: 0;
31477 .message-app .overflow-y {
31478 overflow-y: auto;
31480 @media (max-height: 320px) {
31481 .message-app .header-container [data-region=view-overview]:not(.hidden) {
31482 display: flex;
31483 align-items: center;
31485 .message-app .footer-container [data-region=view-overview] {
31486 display: none;
31488 .message-app .overflow-y {
31489 overflow-y: unset;
31492 .message-app .body-container {
31493 flex: 1;
31494 overflow: hidden;
31496 .message-app .body-container > * {
31497 position: absolute;
31498 right: 0;
31499 left: 0;
31500 top: 0;
31501 bottom: 0;
31502 overflow: auto;
31504 .message-app .footer-container {
31505 flex-shrink: 0;
31507 .message-app .footer-container textarea {
31508 direction: ltr;
31510 .message-app .contact-status {
31511 position: absolute;
31512 left: 39px;
31513 top: 34px;
31515 .message-app .contact-status.online .icon {
31516 color: #357a32;
31518 .message-app .message p {
31519 margin: 0;
31521 .message-app .clickable {
31522 cursor: pointer;
31524 .message-app .clickable:hover {
31525 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
31527 .message-app a,
31528 .message-app .btn-link {
31529 color: inherit;
31531 .message-app .btn-link:hover, .message-app .btn-link:focus {
31532 background-color: rgba(0, 0, 0, 0.035);
31533 text-decoration: none;
31535 .message-app .icon {
31536 margin-right: 0;
31538 .message-app .overview-section-toggle .collapsed-icon-container {
31539 display: none;
31541 .message-app .overview-section-toggle .expanded-icon-container {
31542 display: inline-block;
31544 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
31545 display: inline-block;
31547 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
31548 display: none;
31550 .message-app .btn.btn-link.btn-icon {
31551 height: 16px;
31552 width: 16px;
31553 padding: 0;
31554 border-radius: 50%;
31555 flex-shrink: 0;
31557 .message-app .btn.btn-link.btn-icon.icon-size-0 {
31558 height: 20px !important; /* stylelint-disable-line declaration-no-important */
31559 width: 20px !important; /* stylelint-disable-line declaration-no-important */
31561 .message-app .btn.btn-link.btn-icon.icon-size-1 {
31562 height: 24px !important; /* stylelint-disable-line declaration-no-important */
31563 width: 24px !important; /* stylelint-disable-line declaration-no-important */
31565 .message-app .btn.btn-link.btn-icon.icon-size-2 {
31566 height: 28px !important; /* stylelint-disable-line declaration-no-important */
31567 width: 28px !important; /* stylelint-disable-line declaration-no-important */
31569 .message-app .btn.btn-link.btn-icon.icon-size-3 {
31570 height: 36px !important; /* stylelint-disable-line declaration-no-important */
31571 width: 36px !important; /* stylelint-disable-line declaration-no-important */
31573 .message-app .btn.btn-link.btn-icon.icon-size-4 {
31574 height: 44px !important; /* stylelint-disable-line declaration-no-important */
31575 width: 44px !important; /* stylelint-disable-line declaration-no-important */
31577 .message-app .btn.btn-link.btn-icon.icon-size-5 {
31578 height: 52px !important; /* stylelint-disable-line declaration-no-important */
31579 width: 52px !important; /* stylelint-disable-line declaration-no-important */
31581 .message-app .btn.btn-link.btn-icon.icon-size-6 {
31582 height: 60px !important; /* stylelint-disable-line declaration-no-important */
31583 width: 60px !important; /* stylelint-disable-line declaration-no-important */
31585 .message-app .btn.btn-link.btn-icon.icon-size-7 {
31586 height: 68px !important; /* stylelint-disable-line declaration-no-important */
31587 width: 68px !important; /* stylelint-disable-line declaration-no-important */
31589 .message-app .view-overview-body .section {
31590 display: block;
31592 .message-app .view-overview-body .section.expanded {
31593 display: flex;
31595 .message-app .view-overview-body .section div[data-region=toggle] {
31596 padding: 0.1rem;
31598 .message-app .view-conversation .content-message-container img {
31599 max-width: 100%;
31601 .message-app .list-group {
31602 border-radius: 0;
31604 .message-app .list-group .list-group-item {
31605 border-left: 0;
31606 border-right: 0;
31608 .message-app .list-group .list-group-item:hover {
31609 color: #fff;
31610 background-color: #0f6cbf;
31612 .message-app .list-group .list-group-item:hover .badge-primary {
31613 background-color: #fff;
31614 color: #0f6cbf;
31616 .message-app .list-group .list-group-item:first-child {
31617 border-top: 0;
31619 .message-app .list-group .list-group-item:last-child {
31620 border-bottom: 0;
31622 .message-app .list-group .list-group-item.list-group-item-action {
31623 margin: 0.1rem;
31624 width: auto;
31625 text-align: inherit;
31627 .message-app .last-message {
31628 min-height: 1.5rem;
31630 .message-app .section .collapsing {
31631 overflow: hidden;
31633 .message-app .message.send {
31634 background-color: #dee2e6;
31635 color: #1d2125;
31637 .message-app .message.send .time {
31638 color: #1d2125;
31640 .message-app .message.send .tail {
31641 right: 0;
31642 margin-right: -0.5rem;
31643 border-bottom-color: #dee2e6;
31645 .message-app .message.received {
31646 background-color: #fff;
31647 color: #1d2125;
31649 .message-app .message.received .time {
31650 color: #616466;
31652 .message-app .message.received .tail {
31653 left: 0;
31654 margin-left: -0.5rem;
31655 border-bottom-color: #fff;
31657 .message-app .message .tail {
31658 content: "";
31659 bottom: 0;
31660 width: 0;
31661 height: 0;
31662 border: 0.5rem solid transparent;
31663 position: relative;
31665 .message-app .day {
31666 color: #1d2125;
31668 .message-app .lazy-load-list {
31669 overflow-y: auto;
31672 #page-message-index #page-header {
31673 display: none;
31675 #page-message-index #region-main {
31676 height: 100%;
31677 margin-top: 0;
31679 #page-message-index #region-main .conversationcontainer .section {
31680 max-height: calc(100vh - 50px);
31682 #page-message-index #region-main div[role=main] {
31683 height: 100%;
31685 #page-message-index #region-main div[role=main] #maincontent {
31686 margin-top: -1px;
31688 #page-message-index #region-main div[role=main] .message-app.main {
31689 height: 100%;
31692 .dir-rtl .message-drawer {
31693 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
31696 .message-app .emoji-picker-container {
31697 position: absolute;
31698 top: -5px;
31699 right: 5px;
31700 transform: translateY(-100%);
31702 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
31703 height: 40px;
31704 width: 40px;
31706 @media (max-width: 575.98px) {
31707 .message-app .emoji-picker-container {
31708 right: -0.5rem;
31711 @media (max-height: 495px) {
31712 .message-app .emoji-picker-container {
31713 position: fixed;
31714 top: 0;
31715 transform: none;
31718 .message-app .emoji-auto-complete-container {
31719 overflow: auto;
31720 max-height: 90px;
31721 transition: max-height 0.15s ease-in-out;
31722 visibility: visible;
31724 .message-app .emoji-auto-complete-container.hidden {
31725 display: block;
31726 max-height: 0;
31727 visibility: hidden;
31728 overflow: hidden;
31729 transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
31732 /* Question */
31733 .questionbank h2 {
31734 margin-top: 0;
31737 .questioncategories h3 {
31738 margin-top: 0;
31741 #chooseqtypebox {
31742 margin-top: 1em;
31745 #chooseqtype h3 {
31746 margin: 0 0 0.3em;
31749 #chooseqtype .instruction {
31750 display: none;
31753 #chooseqtype .fakeqtypes {
31754 border-top: 1px solid silver;
31757 #chooseqtype .qtypeoption {
31758 margin-bottom: 0.5em;
31761 #chooseqtype label {
31762 display: block;
31765 #chooseqtype .qtypename img {
31766 padding: 0 0.3em;
31769 #chooseqtype .qtypename {
31770 display: inline-table;
31771 width: 16em;
31774 #chooseqtype .qtypesummary {
31775 display: block;
31776 margin: 0 2em;
31779 #chooseqtype .submitbuttons {
31780 margin: 0.7em 0;
31781 text-align: center;
31784 #qtypechoicecontainer {
31785 display: none;
31788 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
31789 background: none;
31792 #qtypechoicecontainer.yui-panel .hd {
31793 color: #333;
31794 letter-spacing: 1px;
31795 text-shadow: 1px 1px 1px #fff;
31796 border-top-left-radius: 10px;
31797 border-top-right-radius: 10px;
31798 border: 1px solid #ccc;
31799 border-bottom: 1px solid #bbb;
31800 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
31801 background-repeat: repeat-x;
31804 #qtypechoicecontainer {
31805 font-size: 12px;
31806 color: #333;
31807 background: #f2f2f2;
31808 border-radius: 10px;
31809 border: 1px solid #ccc;
31810 border-top: 0 none;
31813 #qtypechoicecontainer #chooseqtype {
31814 width: 40em;
31817 #chooseqtypehead h3 {
31818 margin: 0;
31819 font-weight: normal;
31822 #chooseqtype .qtypes {
31823 position: relative;
31824 border-bottom: 1px solid #bbb;
31825 padding: 0.24em 0;
31828 #chooseqtype .alloptions {
31829 overflow-x: hidden;
31830 overflow-y: auto;
31831 max-height: calc(100vh - 15em);
31832 width: 60%;
31835 #chooseqtype .qtypeoption {
31836 margin-bottom: 0;
31837 padding: 0.3em 0.3em 0.3em 1.6em;
31840 #chooseqtype .qtypeoption img {
31841 vertical-align: text-bottom;
31842 padding-left: 1em;
31843 padding-right: 0.5em;
31846 #chooseqtype .selected {
31847 background-color: #fff;
31850 #chooseqtype .instruction,
31851 #chooseqtype .qtypesummary {
31852 display: none;
31853 position: absolute;
31854 top: 0;
31855 right: 0;
31856 bottom: 0;
31857 left: 60%;
31858 margin: 0;
31859 overflow-x: hidden;
31860 overflow-y: auto;
31861 padding: 1.5em 1.6em;
31862 background-color: #fff;
31865 #chooseqtype .instruction,
31866 #chooseqtype .selected .qtypesummary {
31867 display: block;
31870 table.question-bank-table {
31871 margin: 0;
31872 background-color: #fff;
31873 table-layout: fixed;
31874 overflow-x: scroll;
31875 width: min-content;
31877 table.question-bank-table td,
31878 table.question-bank-table th {
31879 max-width: 40vw;
31880 width: max-content;
31882 table.question-bank-table th {
31883 text-align: left;
31885 table.question-bank-table > tbody > tr.r1 {
31886 background-color: rgba(0, 0, 0, 0.03);
31888 table.question-bank-table > tbody > tr.highlight {
31889 border: 1px solid #008196;
31891 table.question-bank-table .checkbox input[type=checkbox] {
31892 margin-left: 0;
31893 float: none;
31895 table.question-bank-table .iconcol {
31896 padding: 3px;
31897 box-sizing: content-box;
31899 table.question-bank-table .iconcol .icon {
31900 margin: 0;
31901 width: 12px;
31902 height: 12px;
31904 table.question-bank-table label {
31905 margin: 0;
31906 display: block;
31908 table.question-bank-table .header {
31909 text-align: left;
31911 table.question-bank-table .header.sortable-list-current-position {
31912 background-color: #a2cff8;
31914 table.question-bank-table .header.sortable-list-is-dragged {
31915 background-color: #fff;
31916 opacity: 0.85;
31918 table.question-bank-table .header .header-text > div {
31919 display: inline-block;
31921 table.question-bank-table .header .dropdown-toggle::after {
31922 margin-left: 0;
31924 table.question-bank-table .header.checkbox .form-check {
31925 padding-left: 0;
31928 #page-mod-quiz-edit div.questionbankwindow div.header {
31929 margin: 0;
31931 #page-mod-quiz-edit div.questionbankwindow.block {
31932 padding: 0;
31935 .questionbank .singleselect {
31936 margin: 0;
31939 /* Question editing form */
31940 #combinedfeedbackhdr div.fhtmleditor {
31941 padding: 0;
31944 #combinedfeedbackhdr div.fcheckbox {
31945 margin-bottom: 1em;
31948 #multitriesheader div.fitem_feditor {
31949 margin-top: 1em;
31952 #multitriesheader div.fitem_fgroup {
31953 margin-bottom: 1em;
31956 #multitriesheader div.fitem_fgroup fieldset.felement label {
31957 margin-left: 0.3em;
31958 margin-right: 0.3em;
31961 body.path-question-type {
31962 /* Hacks to display the labels within a form group. */
31964 body.path-question-type .fitem .col-form-label.sr-only:not(legend):not([for=id_category]) {
31965 position: static;
31966 width: auto;
31967 height: auto;
31968 padding: 0;
31969 margin: 0 0.5rem 0 0;
31970 overflow: visible;
31971 clip: auto;
31972 clip-path: none;
31973 border: 0;
31976 .que {
31977 clear: left;
31978 text-align: left;
31979 margin: 0 auto 1.8em auto;
31982 .que .info {
31983 float: left;
31984 width: 7em;
31985 padding: 0.5em;
31986 margin-bottom: 1.8em;
31987 background-color: #f8f9fa;
31988 border: 1px solid #cad0d7;
31989 border-radius: 2px;
31992 .que h3.no {
31993 margin: 0;
31994 font-size: 0.8em;
31995 line-height: 1;
31998 .que span.qno {
31999 font-size: 1.5em;
32000 font-weight: bold;
32001 word-break: break-word;
32004 .que .info > div {
32005 font-size: 0.8em;
32006 margin-top: 0.7em;
32009 .que .info .questionflag.editable {
32010 cursor: pointer;
32013 .que .info .editquestion img,
32014 .que .info .questionflag img,
32015 .que .info .questionflag input {
32016 vertical-align: bottom;
32019 .que .content {
32020 margin: 0 0 0 8.5em;
32023 .que .formulation,
32024 .que .outcome,
32025 .que .comment {
32026 position: relative;
32027 padding: 0.75rem 1.25rem;
32028 margin-bottom: 1rem;
32029 border: 0 solid transparent;
32030 border-radius: 0.25rem;
32033 .que .outcome,
32034 .que .comment {
32035 color: #8e662e;
32036 background-color: #fcefdc;
32037 border-color: #fbe8cd;
32038 /* stylelint-disable-line max-line-length */
32040 .que .outcome hr,
32041 .que .comment hr {
32042 border-top-color: #f9ddb5;
32044 .que .outcome .alert-link,
32045 .que .comment .alert-link {
32046 color: #674a22;
32048 .que .outcome a,
32049 .que .comment a {
32050 color: #041c31;
32053 .que .formulation {
32054 color: #001a1e;
32055 background-color: #e7f3f5;
32056 border-color: #b8dce2;
32057 /* stylelint-disable-line max-line-length */
32059 .que .formulation hr {
32060 border-top-color: #a6d3db;
32062 .que .formulation .alert-link {
32063 color: black;
32066 .que.multichoice .answer div.r0 .icon.fa-check,
32067 .que.multichoice .answer div.r1 .icon.fa-check,
32068 .que.multichoice .answer div.r0 .icon.fa-remove,
32069 .que.multichoice .answer div.r1 .icon.fa-remove {
32070 text-indent: 0;
32073 .formulation input[type=text],
32074 .formulation select {
32075 width: auto;
32076 vertical-align: baseline;
32079 .que.multianswer .formulation .yui3-widget-positioned {
32080 box-sizing: content-box;
32082 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
32083 width: inherit;
32084 max-width: inherit;
32087 .que input[size],
32088 .que textarea[cols] {
32089 width: auto;
32090 max-width: 100%;
32093 .que .comment {
32094 color: #1c3f1a;
32095 background-color: #d7e4d6;
32096 border-color: #c6dac6;
32097 /* stylelint-disable-line max-line-length */
32099 .que .comment hr {
32100 border-top-color: #b7d0b7;
32102 .que .comment .alert-link {
32103 color: #0c1b0b;
32106 .que .ablock {
32107 margin: 0.7em 0 0.3em 0;
32110 .que .im-controls {
32111 margin-top: 0.5em;
32112 text-align: left;
32115 .que .specificfeedback,
32116 .que .generalfeedback,
32117 .que .numpartscorrect .que .rightanswer,
32118 .que .im-feedback,
32119 .que .feedback,
32120 .que p {
32121 margin: 0 0 0.5em;
32124 .que .correctness.correct {
32125 color: #fff;
32126 background-color: #357a32;
32128 a.que .correctness.correct:hover, a.que .correctness.correct:focus {
32129 color: #fff;
32130 background-color: #255623;
32132 a.que .correctness.correct:focus, a.que .correctness.correct.focus {
32133 outline: 0;
32134 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
32137 .que .correctness.partiallycorrect {
32138 color: #1d2125;
32139 background-color: #f0ad4e;
32141 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
32142 color: #1d2125;
32143 background-color: #ec971f;
32145 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
32146 outline: 0;
32147 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
32150 .que .correctness.notanswered, .que .correctness.incorrect {
32151 color: #fff;
32152 background-color: #ca3120;
32154 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
32155 color: #fff;
32156 background-color: #9e2619;
32158 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
32159 outline: 0;
32160 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
32163 .que .qtext {
32164 margin-bottom: 1.5em;
32167 .que .validationerror {
32168 color: #ca3120;
32171 .que .grading,
32172 .que .comment,
32173 .que .commentlink,
32174 .que .history {
32175 margin-top: 0.5em;
32178 .que .history h3 {
32179 margin: 0 0 0.2em;
32180 font-size: 1em;
32183 .que .history table {
32184 width: 100%;
32185 margin: 0;
32188 .que .history .current {
32189 font-weight: bold;
32192 .que .questioncorrectnessicon {
32193 vertical-align: text-bottom;
32196 body.jsenabled .questionflag input[type=checkbox] {
32197 display: none;
32200 .que .questionflagimage {
32201 padding-right: 3px;
32202 height: 16px;
32203 width: 16px;
32206 .importerror {
32207 margin-top: 10px;
32208 border-bottom: 1px solid #555;
32211 .mform .que.comment .fitemtitle {
32212 width: 20%;
32215 #page-question-preview #techinfo {
32216 margin: 1em 0;
32219 #page-question-preview .collapsibleregion .collapsibleregioncaption,
32220 #page-question-preview .collapsibleregion .collapsibleregionextracontent {
32221 display: inline-block;
32224 #page-mod-quiz-edit ul.slots .activityinstance > a {
32225 display: flex;
32226 max-width: 100%;
32227 align-items: center;
32228 text-indent: 0;
32229 padding-left: 0;
32231 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32232 margin-left: 0;
32233 width: 16px;
32234 height: 16px;
32235 padding-right: 4px;
32238 #page-mod-quiz-edit .activity img.activityicon {
32239 vertical-align: text-top;
32242 #page-mod-quiz-edit .box.generalbox.questionbank {
32243 padding: 0.5em;
32246 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
32247 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
32248 #page-mod-quiz-edit .questionbank .choosecategory {
32249 padding: 0;
32252 #page-mod-quiz-edit .questionbank .choosecategory select {
32253 width: 100%;
32256 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
32257 background: transparent;
32260 #page-mod-quiz-edit .questionbankwindow div.header {
32261 color: #444;
32262 text-shadow: none;
32263 border-top-left-radius: 4px;
32264 border-top-right-radius: 4px;
32265 margin: 0 -10px 0 -10px;
32266 padding: 2px 10px 2px 10px;
32267 background: transparent; /* Old browsers */
32270 #page-mod-quiz-edit .questionbankwindow div.header a:link,
32271 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
32272 color: #0f6cbf;
32275 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
32276 color: #094478;
32279 #page-mod-quiz-edit .createnewquestion {
32280 padding: 0.3em 0;
32282 #page-mod-quiz-edit .createnewquestion div,
32283 #page-mod-quiz-edit .createnewquestion input {
32284 margin: 0;
32287 #page-mod-quiz-edit .questionbankwindow div.header .title {
32288 color: #1d2125;
32291 #page-mod-quiz-edit div.container div.generalbox {
32292 background-color: transparent;
32293 padding: 1.5em;
32296 #page-mod-quiz-edit .categoryinfo {
32297 background-color: transparent;
32298 border-bottom: none;
32301 #page-mod-quiz-edit .createnewquestion .singlebutton input {
32302 margin-bottom: 0;
32305 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
32306 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
32307 padding: 0 0 1.5em 0;
32310 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
32311 background-color: transparent;
32312 margin: 0;
32313 border-top: 0;
32314 border-bottom: 0;
32316 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
32317 padding: 0 0.3em;
32320 #page-mod-quiz-edit div.question div.content div.questioncontrols {
32321 background-color: #fff;
32324 #page-mod-quiz-edit div.question div.content div.points {
32325 margin-top: -0.5em;
32326 padding-bottom: 0;
32327 border: none;
32328 background-color: #fff;
32329 position: static;
32330 width: 12.1em;
32331 float: right;
32332 margin-right: 60px;
32335 #page-mod-quiz-edit div.question div.content div.points br {
32336 display: none;
32339 #page-mod-quiz-edit div.question div.content div.points label {
32340 display: inline-block;
32343 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
32344 background-color: #fff;
32347 #page-mod-quiz-edit .quizpagedelete,
32348 #page-mod-quiz-edit .quizpagedelete img {
32349 background-color: transparent;
32352 #page-mod-quiz-edit div.quizpage .pagecontent {
32353 border: 1px solid #ddd;
32354 border-radius: 2px;
32355 overflow: hidden;
32358 #page-mod-quiz-edit div.questionbank .categoryinfo {
32359 padding: 0.3em 0;
32362 .questionbankwindow .module {
32363 width: auto;
32366 .questionbankwindow .form-autocomplete-selection {
32367 margin-left: 0;
32370 #page-mod-quiz-edit div.editq div.question div.content {
32371 background-color: #fff;
32372 border: 1px solid #ddd;
32373 border-radius: 2px;
32374 overflow: hidden;
32377 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32378 margin-top: 0;
32379 padding-right: 4px;
32382 .path-mod-quiz .statedetails {
32383 display: block;
32384 font-size: 0.9em;
32387 a#hidebankcmd {
32388 color: #0f6cbf;
32391 .que.shortanswer .answer {
32392 padding: 0;
32395 .que label {
32396 display: inline;
32399 .que .content .answer div[data-region=answer-label] .mediaplugin {
32400 width: 400px;
32403 body.path-question-type .mform fieldset.hidden {
32404 padding: 0;
32405 margin: 0.7em 0 0;
32408 .que.ddwtos,
32409 .que.ddwtos .drop {
32410 box-sizing: content-box;
32413 .tag-condition-container {
32414 position: relative;
32417 @media (max-width: 767.98px) {
32418 .que .info {
32419 float: none;
32420 width: auto;
32422 .que .content {
32423 margin: 0;
32426 @media (max-width: 991.98px) {
32427 .question-bank-table td,
32428 .question-bank-table th {
32429 max-width: 75vw;
32432 /* user.less */
32433 .userprofile .fullprofilelink {
32434 text-align: center;
32435 margin: 10px;
32438 .userprofile .page-context-header {
32439 margin-bottom: 10px;
32440 column-count: 1;
32443 .userprofile .description {
32444 margin-top: 10px;
32445 margin-bottom: 30px;
32448 .userprofile .profile_tree {
32449 column-count: 2;
32452 #participantsform .no-overflow {
32453 overflow: visible;
32456 .userprofile dl.list > dd + dt {
32457 clear: left;
32460 .user-box {
32461 margin: 8px;
32462 width: 115px;
32463 height: 160px;
32464 text-align: center;
32465 float: left;
32466 clear: none;
32469 #page-user-profile .node_category ul,
32470 .path-user .node_category ul {
32471 margin: 0;
32472 list-style: none;
32473 padding-left: 0;
32475 #page-user-profile .node_category li,
32476 .path-user .node_category li {
32477 margin-top: 5px;
32479 #page-user-profile .node_category .editprofile,
32480 #page-user-profile .node_category .viewmore,
32481 .path-user .node_category .editprofile,
32482 .path-user .node_category .viewmore {
32483 text-align: right;
32486 .ajax-contact-button {
32487 box-sizing: border-box;
32488 position: relative;
32490 .ajax-contact-button.loading .loading-icon {
32491 display: block;
32493 .ajax-contact-button .loading-icon {
32494 display: none;
32495 position: absolute;
32496 top: 0;
32497 left: 0;
32498 width: 100%;
32499 height: 100%;
32500 background-color: rgba(255, 255, 255, 0.7);
32502 .ajax-contact-button .loading-icon .icon {
32503 position: absolute;
32504 left: 50%;
32505 top: 50%;
32506 transform: translate(-50%, -50%);
32509 @media (max-width: 480px) {
32510 .userprofile .profile_tree {
32511 /** Display the profile on one column on phones@mixin */
32512 column-count: 1;
32515 .userlist #showall {
32516 margin: 10px 0;
32519 .userlist .buttons {
32520 text-align: center;
32523 .userlist .buttons label {
32524 padding: 0 3px;
32527 .userlist table#participants {
32528 text-align: center;
32531 .userlist table#participants td {
32532 text-align: left;
32533 padding: 4px;
32534 vertical-align: middle;
32537 .userlist table#participants th {
32538 text-align: left;
32539 padding: 4px;
32542 .userlist table.controls {
32543 width: 100%;
32545 .userlist table.controls tr {
32546 vertical-align: top;
32548 .userlist table.controls .right {
32549 text-align: right;
32551 .userlist table.controls .groupselector {
32552 margin-bottom: 0;
32553 margin-top: 0;
32555 .userlist table.controls .groupselector label {
32556 display: block;
32559 .userinfobox {
32560 width: 100%;
32561 border: 1px solid;
32562 border-collapse: separate;
32563 padding: 10px;
32566 .userinfobox .left,
32567 .userinfobox .side {
32568 width: 100px;
32569 vertical-align: top;
32572 .userinfobox .userpicture {
32573 width: 100px;
32574 height: 100px;
32577 .userinfobox .content {
32578 vertical-align: top;
32581 .userinfobox .links {
32582 width: 100px;
32583 padding: 5px;
32584 vertical-align: bottom;
32587 .userinfobox .links a {
32588 display: block;
32591 .userinfobox .list td {
32592 padding: 3px;
32595 .userinfobox .username {
32596 padding-bottom: 20px;
32597 font-weight: bold;
32600 .userinfobox td.label {
32601 text-align: right;
32602 white-space: nowrap;
32603 vertical-align: top;
32604 font-weight: bold;
32607 .group-edit {
32608 position: absolute;
32609 right: 0;
32610 margin-right: 0.6em;
32613 .group-image {
32614 display: block;
32615 float: left;
32616 margin-right: 1em;
32618 .group-image .grouppicture {
32619 border-radius: 50%;
32622 .groupinfobox .left {
32623 padding: 10px;
32624 width: 100px;
32625 vertical-align: top;
32628 .course-participation #showall {
32629 text-align: center;
32630 margin: 10px 0;
32633 #user-policy .noticebox {
32634 text-align: center;
32635 margin-left: auto;
32636 margin-right: auto;
32637 margin-bottom: 10px;
32638 width: 80%;
32639 height: 250px;
32642 #user-policy #policyframe {
32643 width: 100%;
32644 height: 100%;
32647 .iplookup #map {
32648 margin: auto;
32651 .userselector select {
32652 width: 100%;
32655 .userselector div {
32656 margin-top: 0.2em;
32659 .userselector div label {
32660 margin-right: 0.3em;
32663 /* Next style does not work in all browsers but looks nicer when it does */
32664 .userselector .userselector-infobelow {
32665 font-size: 0.8em;
32668 #userselector_options .collapsibleregioncaption {
32669 font-weight: bold;
32672 #userselector_options p {
32673 margin: 0.2em 0;
32674 text-align: left;
32677 /** user full profile */
32678 #page-user-profile .messagebox {
32679 text-align: center;
32680 margin-left: auto;
32681 margin-right: auto;
32684 /** user course profile */
32685 #page-course-view-weeks .messagebox {
32686 text-align: center;
32687 margin-left: auto;
32688 margin-right: auto;
32691 .profileeditor > .singleselect {
32692 margin: 0 0.5em 0 0;
32694 .profileeditor > .singlebutton {
32695 display: inline-block;
32696 margin: 0 0 0 0.5em;
32698 .profileeditor > .singlebutton div,
32699 .profileeditor > .singlebutton input {
32700 margin: 0;
32703 .userlist h3 .action-icon {
32704 display: none;
32707 #page-enrol-users .popover {
32708 max-width: none;
32711 .user-enroller-panel {
32712 width: 600px;
32715 [data-filterverbfor],
32716 [data-filterregion=filter]:last-child [data-filterregion=joinadverb] {
32717 display: none;
32720 [data-filterverb="0"] [data-filterverbfor="0"],
32721 [data-filterverb="1"] [data-filterverbfor="1"],
32722 [data-filterverb="2"] [data-filterverbfor="2"] {
32723 display: block;
32726 #page-user-contactsitesupport .supporticon i {
32727 font-size: 35px;
32730 .search-results .result {
32731 margin-left: 0;
32732 margin-right: 0;
32735 .search-results .result .result-content {
32736 margin: 7px 0;
32739 .search-results .result .filename {
32740 font-style: italic;
32743 .simplesearchform .input-group input.form-control {
32744 border-top-left-radius: 0.25rem;
32745 border-bottom-left-radius: 0.25rem;
32747 .simplesearchform .btn {
32748 padding-left: 0.5rem;
32749 padding-right: 0.5rem;
32751 .simplesearchform .btn .icon {
32752 margin: 0;
32754 .simplesearchform .btn-submit {
32755 border-color: #8f959e;
32756 color: #6a737b;
32758 .simplesearchform .btn-close,
32759 .simplesearchform .btn-clear {
32760 position: absolute;
32761 top: 0;
32762 right: 0;
32763 color: #6a737b;
32764 z-index: 4;
32766 .simplesearchform .btn-close {
32767 right: 2.2rem;
32769 .simplesearchform .btn-submit {
32770 background-color: #f8f9fa;
32772 .simplesearchform .withclear {
32773 padding-right: 2rem;
32775 .simplesearchform .searchinput {
32776 display: flex;
32777 flex: 1 1 auto;
32779 .simplesearchform .collapsing {
32780 height: inherit;
32781 transition: none;
32782 width: inherit;
32785 .simplesearchform .collapse.show,
32786 .simplesearchform .collapsing {
32787 position: absolute;
32788 left: 0;
32789 top: 0;
32790 width: 100%;
32791 display: flex;
32792 background-color: #fff;
32793 z-index: 1060;
32794 height: 50px;
32796 .simplesearchform .collapse.show .searchform-navbar,
32797 .simplesearchform .collapsing .searchform-navbar {
32798 width: auto;
32799 margin-left: auto;
32800 margin-right: auto;
32803 .search-areas-actions {
32804 margin-bottom: 1rem;
32807 .search-areas-actions > div {
32808 margin-right: 1rem;
32809 display: inline-block;
32812 #core-search-areas .lastcol li {
32813 margin-left: 24px;
32814 text-indent: -24px;
32817 #core-search-areas .lastcol li > i {
32818 text-indent: 0;
32822 * Moodle forms HTML isn't changeable via renderers (yet?) so this
32823 * .less file imports styles from the bootstrap $variables file and
32824 * adds them to the existing Moodle form CSS ids and classes.
32827 .jsenabled .mform .containsadvancedelements .advanced {
32828 display: none;
32831 .mform .containsadvancedelements .advanced.show {
32832 display: flex;
32835 #adminsettings span.error {
32836 display: inline-block;
32837 border: 1px solid #f0c5c1;
32838 border-radius: 4px;
32839 background-color: #f4d6d2;
32840 padding: 4px;
32841 margin-bottom: 4px;
32844 .mform .d-flex .form-control {
32845 width: auto;
32846 max-width: 100%;
32848 .mform .d-flex textarea.form-control {
32849 width: 100%;
32851 .mform .d-flex .fitem {
32852 margin: 0.1rem 0.25rem 0.1rem 0 !important; /* stylelint-disable-line declaration-no-important */
32854 .mform .d-flex br + label {
32855 justify-content: flex-start;
32856 width: 100%;
32857 margin-right: 0;
32860 .custom-select {
32861 width: auto;
32862 max-width: 100%;
32865 #jump-to-activity.custom-select {
32866 width: 100%;
32869 .mform fieldset {
32870 margin-bottom: 0.5rem;
32871 border-bottom: 1px solid #dee2e6;
32874 #adminsettings .form-control[size] {
32875 width: auto;
32878 #adminsettings .error {
32879 color: #ca3120;
32882 .mform ul.file-list {
32883 padding: 0;
32884 margin: 0;
32885 list-style: none;
32888 .mform label .req,
32889 .mform label .adv {
32890 cursor: help;
32893 /*rtl:ignore*/
32894 input#id_externalurl {
32895 direction: ltr;
32898 #portfolio-add-button {
32899 display: inline;
32902 .form-defaultinfo,
32903 .form-label .form-shortname {
32904 color: #6a737b;
32907 .form-label .form-shortname {
32908 font-size: 0.703125rem;
32909 display: block;
32912 .formsettingheading .form-horizontal {
32913 color: #6a737b;
32916 .no-felement.fstatic {
32917 color: #6a737b;
32918 padding-top: 5px;
32921 .no-fitem .fstaticlabel {
32922 font-weight: bold;
32925 .form-item .form-setting .defaultsnext > input {
32926 display: inline-block;
32929 .form-item .form-setting .form-checkbox.defaultsnext {
32930 margin-top: 5px;
32931 display: inline-block;
32934 #adminsettings h3 {
32935 display: block;
32936 width: 100%;
32937 padding: 0;
32938 margin-bottom: 1.5;
32939 font-size: 1.171875rem;
32940 line-height: 3;
32941 border: 0;
32942 border-bottom: 1px solid #e5e5e5;
32945 /* rtl:ignore */
32946 .mform .fitem .felement input[name=email],
32947 .mform .fitem .felement input[name=email2],
32948 .mform .fitem .felement input[name=url],
32949 .mform .fitem .felement input[name=idnumber],
32950 .mform .fitem .felement input[name=phone1],
32951 .mform .fitem .felement input[name=phone2] {
32952 text-align: left;
32953 direction: ltr;
32956 .que.match .mediaplugin {
32957 width: 50vw;
32960 /* rtl:ignore */
32961 #page-admin-grade-edit-scale-edit .error input#id_name {
32962 margin-right: 170px;
32965 #page-grade-edit-outcome-course .courseoutcomes {
32966 margin-left: auto;
32967 margin-right: auto;
32968 width: 100%;
32971 #page-grade-edit-outcome-course .courseoutcomes td {
32972 text-align: center;
32975 /* Install Process' text fields Forms, should always be justified to the left */
32976 /* rtl:ignore */
32977 #installform #id_wwwroot,
32978 #installform #id_dirroot,
32979 #installform #id_dataroot,
32980 #installform #id_dbhost,
32981 #installform #id_dbname,
32982 #installform #id_dbuser,
32983 #installform #id_dbpass,
32984 #installform #id_prefix {
32985 direction: ltr;
32988 .mdl-right > label {
32989 display: inline-block;
32992 .singleselect {
32993 max-width: 100%;
32996 .form-item .form-label label {
32997 margin-bottom: 0;
33000 div#dateselector-calendar-panel {
33001 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
33004 fieldset.coursesearchbox label {
33005 display: inline;
33009 * Show the labels above text editors and file managers except on wide screens.
33011 /* Section and module editing forms contain special JS components for the
33012 availability system (if enabled). */
33013 #id_availabilityconditionsjson[aria-hidden=true],
33014 .availability-field [aria-hidden=true] {
33015 display: none;
33018 .availability-field label {
33019 display: inline-flex;
33021 .availability-field .availability-group label {
33022 vertical-align: top;
33025 .availability-eye {
33026 clear: left;
33027 float: left;
33030 .availability-inner,
33031 .availability-plugincontrols {
33032 float: left;
33033 border-radius: 0.25rem;
33034 border: 1px solid rgba(0, 0, 0, 0.125);
33035 padding: 1rem;
33036 margin-top: 0.5rem;
33039 .availability-plugincontrols,
33040 .availability-childlist .availability-inner {
33041 margin-left: 0.625rem;
33044 .availability-field .availability-plugincontrols .availability-group select {
33045 max-width: 12rem;
33048 /* Custom styles for autocomplete form element */
33049 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
33050 [data-fieldtype=autocomplete] select,
33051 [data-fieldtype=tags] select,
33052 .form-autocomplete-original-select {
33053 visibility: hidden;
33054 overflow: hidden;
33055 width: 15rem;
33056 height: 44px;
33057 margin: 0;
33058 padding: 0;
33059 border: 0;
33060 margin-top: 1.65625rem;
33061 vertical-align: bottom;
33064 .form-autocomplete-selection {
33065 margin: 0.25rem 0;
33066 min-height: 2.375rem;
33069 .form-autocomplete-selection [role=option] {
33070 cursor: pointer;
33071 white-space: inherit;
33072 word-break: break-word;
33073 line-height: 1.4;
33074 text-align: left;
33077 .form-autocomplete-suggestions {
33078 position: absolute;
33079 background-color: #fff;
33080 border: 1px solid #8f959e;
33081 min-width: 206px;
33082 max-height: 20em;
33083 overflow: auto;
33084 margin: 0.125rem 0 0;
33085 padding: 0.5rem 0;
33086 z-index: 3;
33089 .form-autocomplete-suggestions li {
33090 list-style-type: none;
33091 padding: 0.25rem 1.5rem;
33092 margin: 0;
33093 cursor: pointer;
33094 color: #1d2125;
33096 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected=true] {
33097 background-color: #0f6cbf;
33098 color: #fff;
33100 .form-autocomplete-suggestions li[aria-disabled=true] {
33101 pointer-events: none;
33102 color: #6a737b;
33103 background-color: #e9ecef;
33105 .form-autocomplete-suggestions li.suggestions-heading {
33106 pointer-events: none;
33107 font-weight: bold;
33108 color: #1d2125;
33109 background-color: #fff;
33110 padding-left: calc(1.5rem / 2);
33112 .form-autocomplete-suggestions li::before {
33113 content: "​";
33116 .form-autocomplete-downarrow {
33117 color: #1d2125;
33118 top: 0.2rem;
33119 right: 0.5rem;
33120 cursor: pointer;
33122 .form-autocomplete-downarrow .loading-icon {
33123 position: absolute;
33124 top: 0;
33125 left: 0;
33126 background-color: #fff;
33129 /** Undo some bootstrap things */
33130 .form-autocomplete-selection + input.form-control {
33131 width: auto;
33132 display: inline-block;
33133 vertical-align: middle;
33136 .form-autocomplete-selection [data-active-selection=true] {
33137 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
33140 select.form-control[size], select.form-control[multiple] {
33141 padding-right: 0;
33143 select.form-control[size] option, select.form-control[multiple] option {
33144 width: fit-content;
33147 /* Non-bootstrap selects with a size show their contents outside of the element.
33148 * Remove when we update to stable bootstrap 4. (MDL-56511) */
33149 select[size],
33150 select[multiple] {
33151 overflow: auto;
33154 select[size="1"] {
33155 overflow: visible;
33158 textarea[data-auto-rows] {
33159 overflow-x: hidden;
33160 resize: none;
33163 /** Display elements under labels in vertical forms regardless of the screen size. */
33164 .mform.full-width-labels .fitem.row {
33165 margin-left: 0;
33166 margin-right: 0;
33168 .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
33169 flex: 0 0 100%;
33170 max-width: 100%;
33171 width: inherit;
33172 padding-right: 0;
33173 padding-left: 0;
33175 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
33176 display: none;
33178 .mform.full-width-labels .fitem.row .form-control {
33179 width: 100%;
33182 .mform .col-form-label .form-label-addon {
33183 margin-left: 0.25rem;
33186 @media (min-width: 576px) {
33187 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
33188 margin-left: auto;
33191 [data-fieldtype=modgrade] .fitem {
33192 padding-bottom: 0.375rem;
33195 [data-fieldtype=modgrade] {
33196 background-color: #fff;
33197 border-radius: 0.25rem;
33198 border: 1px solid rgba(0, 0, 0, 0.125);
33199 padding: 1.25rem;
33200 margin-left: 15px;
33201 max-width: 30rem;
33204 [data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
33205 [data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
33206 [data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
33207 display: none;
33210 .felement[data-fieldtype=autocomplete],
33211 .felement[data-fieldtype=tags] {
33212 display: block !important; /* stylelint-disable-line declaration-no-important */
33215 [data-fieldtype=editor] > div {
33216 flex-grow: 1;
33219 @media (min-width: 768px) {
33220 .mform fieldset .fcontainer.collapseable .col-form-label {
33221 padding-left: 2.5rem;
33224 .collapsemenu .collapseall {
33225 display: block;
33227 .collapsemenu .expandall {
33228 display: none;
33230 .collapsemenu.collapsed .collapseall {
33231 display: none;
33233 .collapsemenu.collapsed .expandall {
33234 display: block;
33237 .input-group.form-inset .form-inset-item {
33238 position: absolute;
33239 padding-top: calc(0.375rem + 1px);
33240 z-index: 3;
33242 .input-group.form-inset.form-inset-left .form-control {
33243 padding-left: 1.5rem;
33245 .input-group.form-inset.form-inset-right .form-control {
33246 padding-right: 1.5rem;
33248 .input-group.form-inset.form-inset-right .form-inset-item {
33249 right: 0;
33252 .form-check.left-indented {
33253 padding-left: 0;
33256 .toggle-sensitive-btn .icon {
33257 margin-right: 0;
33260 @media (min-width: 576px) {
33261 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control:not(:last-child) {
33262 border-radius: 0.25rem;
33264 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control-lg:not(:last-child) {
33265 border-radius: 0.3rem;
33267 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .input-group-append .toggle-sensitive-btn {
33268 display: none;
33271 .pagelayout-login #region-main {
33272 border: 0;
33273 background-color: inherit;
33276 .pagelayout-login #page {
33277 background: #f8f9fa;
33278 background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
33279 background-repeat: repeat-x;
33281 .pagelayout-login #page div[role=main] {
33282 height: 100%;
33285 .login-wrapper {
33286 display: flex;
33287 align-items: center;
33288 justify-content: center;
33289 height: 100%;
33292 .login-container {
33293 background-color: #fff;
33294 padding: 3rem;
33295 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
33296 margin-bottom: 2rem;
33298 .login-container .login-languagemenu {
33299 display: flex;
33300 justify-content: flex-start;
33302 .login-container .login-languagemenu .dropdown-menu {
33303 max-height: 300px;
33304 overflow-y: auto;
33306 .login-container .login-logo {
33307 display: flex;
33308 justify-content: center;
33309 margin-bottom: 1rem;
33311 .login-container .login-divider {
33312 margin-top: 1.5rem;
33313 margin-bottom: 1.5rem;
33314 border-top: 1px solid #dee2e6;
33316 .login-container h1.login-heading {
33317 font-size: 1.875rem;
33319 .login-container h2.login-heading {
33320 font-size: 1.40625rem;
33322 .login-container .login-identityproviders .login-identityprovider-btn {
33323 border: 1px solid #dee2e6;
33325 .login-container .divider {
33326 width: 1px;
33327 background-color: #dee2e6;
33328 height: 1.875rem;
33330 .login-container .action-menu-trigger a {
33331 margin: 0.5rem 0;
33334 @media (min-width: 768px) {
33335 .login-container {
33336 width: 500px !important; /* stylelint-disable-line declaration-no-important */
33337 border-radius: 0.25rem;
33340 /* modules.less */
33341 select {
33342 width: auto;
33345 .path-mod .activity-header:not(:empty) {
33346 background-color: #f8f9fa;
33347 margin-bottom: 1rem;
33348 padding-left: 1rem;
33349 padding-right: 1rem;
33350 border-radius: 0.25rem;
33352 .path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
33353 border-bottom: 0;
33355 .path-mod .activity-information .activity-dates {
33356 padding-top: 1rem;
33357 padding-bottom: 1rem;
33358 border-bottom: 1px solid #dee2e6;
33360 .path-mod .activity-information .completion-info {
33361 padding-top: 1rem;
33362 padding-bottom: 1rem;
33363 border-bottom: 1px solid #dee2e6;
33365 .path-mod .activity-description {
33366 padding-top: 1rem;
33367 padding-bottom: 1rem;
33369 .path-mod .activity-description > .box.py-3 {
33370 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
33371 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
33373 .path-mod .activity-description > .box.py-3:empty {
33374 display: none;
33376 .path-mod .automatic-completion-conditions .badge {
33377 font-size: 80%;
33378 padding: 0.5rem;
33379 margin-top: 0.25rem;
33380 mix-blend-mode: multiply;
33382 .path-mod .automatic-completion-conditions .badge.badge-light {
33383 background-color: #e9ecef !important; /* stylelint-disable-line declaration-no-important */
33385 .path-mod .automatic-completion-conditions .badge .icon {
33386 width: 0.7rem;
33387 height: 0.7rem;
33388 font-size: 0.7rem;
33390 .path-mod .automatic-completion-conditions .badge:first-child {
33391 margin-top: 0;
33393 .path-mod .activity-description .no-overflow p:last-child {
33394 padding-bottom: 0;
33395 margin-bottom: 0;
33398 .path-mod-choice .horizontal .choices .option {
33399 display: inline-block;
33402 .path-mod-choice .choices .option label {
33403 vertical-align: top;
33406 .path-mod-forum .forumsearch input,
33407 .path-mod-forum .forumsearch .helptooltip {
33408 margin: 0 3px;
33411 .path-mod-forum .forumheaderlist,
33412 .path-mod-forum .forumheaderlist td {
33413 border: none;
33416 .path-mod-forum .forumheaderlist thead .header,
33417 .path-mod-forum .forumheaderlist tbody .discussion td {
33418 white-space: normal;
33419 vertical-align: top;
33420 padding-left: 0.5em;
33421 padding-right: 0.5em;
33423 .path-mod-forum .forumheaderlist thead .header {
33424 white-space: normal;
33425 vertical-align: top;
33427 .path-mod-forum .forumheaderlist thead .header.replies {
33428 text-align: center;
33430 .path-mod-forum .forumheaderlist thead .header.lastpost {
33431 text-align: right;
33433 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
33434 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
33435 width: 16px;
33436 padding-left: 0.5em;
33437 padding-right: 0.5em;
33439 .path-mod-forum .forumheaderlist .discussion .replies,
33440 .path-mod-forum .forumheaderlist .discussion .lastpost {
33441 white-space: normal;
33443 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33444 .path-mod-forum .forumheaderlist .discussion .replies {
33445 text-align: center;
33447 .path-mod-forum .forumheaderlist .discussion .topic,
33448 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33449 .path-mod-forum .forumheaderlist .discussion .topic.starter,
33450 .path-mod-forum .forumheaderlist .discussion .replies,
33451 .path-mod-forum .forumheaderlist .discussion .lastpost {
33452 vertical-align: top;
33454 .path-mod-forum .discussion-list .topic {
33455 font-weight: inherit;
33458 .discussion-settings-container .custom-select {
33459 width: 100%;
33461 .discussion-settings-container input {
33462 max-width: 100%;
33465 .forumpost {
33466 border: 1px solid #dee2e6;
33467 display: block;
33468 padding: 6px;
33470 .forumpost .header {
33471 margin-bottom: 3px;
33473 .forumpost .picture img {
33474 margin: 3px;
33476 .forumpost .picture img.userpicture {
33477 margin-left: 3px;
33478 margin-right: 10px;
33480 .forumpost .content .posting.fullpost {
33481 margin-top: 8px;
33483 .forumpost .row {
33484 display: block;
33486 .forumpost .row .topic,
33487 .forumpost .row .content-mask,
33488 .forumpost .row .options {
33489 margin-left: 48px;
33491 .forumpost .row.side {
33492 clear: both;
33495 .forumpost .row .left {
33496 width: 48px;
33499 .forumpost .options .commands {
33500 margin-left: 0;
33503 .forumpost .subject {
33504 font-weight: bold;
33507 .forumsearch input[type=text] {
33508 margin-bottom: 0;
33511 #page-mod-forum-view table .fit-content {
33512 width: 1px;
33513 white-space: nowrap;
33515 #page-mod-forum-view table .limit-width {
33516 max-width: 200px;
33517 white-space: nowrap;
33518 text-overflow: ellipsis;
33519 overflow: hidden;
33521 #page-mod-forum-view table .limit-width .author-info {
33522 max-width: calc(100% - 35px - 0.5rem);
33525 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
33526 @keyframes background-highlight {
33527 from {
33528 background-color: rgba(0, 123, 255, 0.5);
33530 to {
33531 background-color: inherit;
33534 .path-mod-forum .nested-v2-display-mode,
33535 .path-mod-forum.nested-v2-display-mode {
33536 /** Reset the badge styling back to pill style. */
33537 /** Style the ratings like a badge. */
33538 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
33539 /** Fix muted text contrast ratios for accessibility. */
33540 /** Make the tag list text screen reader visible only */
33542 .path-mod-forum .nested-v2-display-mode .discussionsubscription,
33543 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
33544 margin-top: 0;
33545 text-align: inherit;
33546 margin-bottom: 0;
33548 .path-mod-forum .nested-v2-display-mode .preload-subscribe,
33549 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
33550 .path-mod-forum.nested-v2-display-mode .preload-subscribe,
33551 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
33552 display: none;
33554 .path-mod-forum .nested-v2-display-mode .post-message,
33555 .path-mod-forum.nested-v2-display-mode .post-message {
33556 line-height: 1.6;
33558 .path-mod-forum .nested-v2-display-mode .indent,
33559 .path-mod-forum.nested-v2-display-mode .indent {
33560 margin-left: 0;
33562 .path-mod-forum .nested-v2-display-mode .badge,
33563 .path-mod-forum.nested-v2-display-mode .badge {
33564 font-size: inherit;
33565 font-weight: inherit;
33566 padding-left: 0.5rem;
33567 padding-right: 0.5rem;
33568 border-radius: 10rem;
33570 .path-mod-forum .nested-v2-display-mode .badge-light,
33571 .path-mod-forum.nested-v2-display-mode .badge-light {
33572 background-color: #f6f6f6;
33573 color: #5b5b5b;
33575 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container,
33576 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
33577 background-color: #f6f6f6;
33578 color: #5b5b5b;
33579 padding: 0.25em 0.5em;
33580 line-height: 1;
33581 margin-right: 0.5rem;
33582 vertical-align: middle;
33583 border-radius: 10rem;
33584 text-align: center;
33586 .path-mod-forum .nested-v2-display-mode .ratinginput,
33587 .path-mod-forum.nested-v2-display-mode .ratinginput {
33588 padding: 0.25em 1.75rem 0.25em 0.75em;
33589 line-height: 1;
33590 height: auto;
33591 border-radius: 10rem;
33593 @media (max-width: 767.98px) {
33594 .path-mod-forum .nested-v2-display-mode .ratinginput,
33595 .path-mod-forum.nested-v2-display-mode .ratinginput {
33596 margin-top: 0.5rem;
33599 .path-mod-forum .nested-v2-display-mode .group-image,
33600 .path-mod-forum.nested-v2-display-mode .group-image {
33601 width: 35px;
33602 height: 35px;
33603 margin-right: 0;
33604 float: none;
33605 display: inline-block;
33607 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked,
33608 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
33609 position: absolute;
33610 width: 1px;
33611 height: 1px;
33612 padding: 0;
33613 margin: -1px;
33614 overflow: hidden;
33615 clip: rect(0, 0, 0, 0);
33616 white-space: nowrap;
33617 border: 0;
33619 .path-mod-forum .nested-v2-display-mode .text-muted,
33620 .path-mod-forum .nested-v2-display-mode .dimmed_text,
33621 .path-mod-forum.nested-v2-display-mode .text-muted,
33622 .path-mod-forum.nested-v2-display-mode .dimmed_text {
33623 color: #707070 !important; /* stylelint-disable-line declaration-no-important */
33625 .path-mod-forum .nested-v2-display-mode .author-header,
33626 .path-mod-forum.nested-v2-display-mode .author-header {
33627 font-style: italic;
33629 .path-mod-forum .nested-v2-display-mode .author-header .author-name,
33630 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
33631 font-style: normal;
33633 .path-mod-forum .nested-v2-display-mode .tag_list > b,
33634 .path-mod-forum.nested-v2-display-mode .tag_list > b {
33635 position: absolute;
33636 width: 1px;
33637 height: 1px;
33638 padding: 0;
33639 margin: -1px;
33640 overflow: hidden;
33641 clip: rect(0, 0, 0, 0);
33642 white-space: nowrap;
33643 border: 0;
33645 .path-mod-forum .nested-v2-display-mode :target > .focus-target,
33646 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
33647 animation-name: background-highlight;
33648 animation-duration: 1s;
33649 animation-timing-function: ease-in-out;
33650 animation-iteration-count: 1;
33652 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
33653 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
33654 border-top: 1px solid #dee2e6;
33655 padding-top: 1.5rem;
33657 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
33658 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
33659 border-top: none;
33660 padding-top: 0;
33662 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
33663 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
33664 display: none;
33666 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
33667 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
33668 margin-bottom: 0;
33670 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
33671 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
33672 width: 70px;
33673 margin-right: 24px;
33674 flex-shrink: 0;
33676 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
33677 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
33678 border: 0;
33679 resize: none;
33681 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
33682 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
33684 * The first post and first set of replies have a larger author image so offset the 2nd
33685 * set of replies by the image width + margin to ensure they align.
33688 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
33689 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
33690 padding-left: 94px;
33692 * Reduce the size of the the author image for all second level replies (and below).
33695 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
33698 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
33699 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
33700 width: 30px;
33701 margin-right: 8px;
33702 padding-top: 3px;
33704 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
33705 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
33706 padding-left: 38px;
33708 * Stop indenting the replies after the 5th reply.
33711 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
33712 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
33713 padding-left: 0;
33716 /** Extra small devices (portrait phones, less than 576px). */
33717 @media (max-width: 767.98px) {
33718 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
33719 width: 30px;
33720 margin-right: 8px;
33722 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
33723 padding-left: 38px;
33725 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
33726 padding-left: 0;
33728 #page-mod-forum-discuss.nested-v2-display-mode .group-image {
33729 width: 30px;
33730 height: 30px;
33733 .filter-scrollable {
33734 overflow-y: auto;
33735 max-height: 25em;
33736 margin-bottom: 1em;
33739 .filter-dates-popover {
33740 width: 100%;
33741 max-width: 41.5em;
33744 /* stylelint-disable-line max-line-length */
33745 @keyframes expandSearchButton {
33746 from {
33747 height: 36px;
33748 width: 36px;
33749 border-radius: 18px;
33750 background-color: #e9ecef;
33752 to {
33753 width: 100%;
33754 height: calc(1.5em + 1rem + 2px);
33755 border-radius: 0;
33756 background-color: #fff;
33757 border-color: #8f959e;
33758 padding-left: calc(0.5rem + 8px);
33759 padding-top: 0.5rem;
33760 padding-bottom: 0.5rem;
33761 font-size: 1.171875rem;
33762 @media (max-width: 1200px) {
33763 font-size: calc(0.9271875rem + 0.32625vw);
33765 line-height: 1.5;
33766 right: 0;
33769 @keyframes collapseSearchButton {
33770 from {
33771 width: 100%;
33772 height: calc(1.5em + 1rem + 2px);
33773 border-radius: 0;
33774 background-color: #fff;
33775 border-color: #8f959e;
33776 padding-left: calc(0.5rem + 8px);
33777 padding-top: 0.5rem;
33778 padding-bottom: 0.5rem;
33779 font-size: 1.171875rem;
33780 @media (max-width: 1200px) {
33781 font-size: calc(0.9271875rem + 0.32625vw);
33783 line-height: 1.5;
33784 right: 0;
33786 to {
33787 height: 36px;
33788 width: 36px;
33789 border-radius: 18px;
33790 background-color: #e9ecef;
33793 .path-mod-forum .unified-grader .navbar {
33794 max-height: none;
33795 z-index: 1;
33797 .path-mod-forum .unified-grader .body-container {
33798 overflow: auto;
33800 .path-mod-forum .unified-grader .body-container.hidden {
33801 display: none !important; /* stylelint-disable-line declaration-no-important */
33803 .path-mod-forum .unified-grader .userpicture {
33804 height: 60px;
33805 width: 60px;
33807 .path-mod-forum .unified-grader .grader-grading-panel {
33808 top: 0;
33809 position: absolute;
33810 height: 100%;
33811 z-index: 0;
33812 width: 430px;
33814 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
33815 right: -430px;
33817 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
33818 width: 36px;
33820 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
33821 max-width: 240px;
33823 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
33824 width: 36px;
33825 height: 36px;
33826 display: flex;
33827 text-align: center;
33828 align-items: center;
33829 justify-content: center;
33831 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
33832 height: 65px;
33833 position: relative;
33834 overflow: hidden;
33836 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
33837 position: absolute;
33838 top: 50%;
33839 left: 0;
33840 transform: translateY(-50%);
33841 width: 100%;
33842 height: 100%;
33843 padding: 0.5rem;
33844 padding-right: calc(36px + 0.5rem);
33845 opacity: 1;
33846 visibility: visible;
33847 transition: left 0.3s ease-in-out;
33848 z-index: 1;
33850 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
33851 animation-name: expandSearchButton;
33852 animation-duration: 0.3s;
33853 animation-timing-function: ease-in-out;
33855 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
33856 display: block;
33857 animation-name: collapseSearchButton;
33858 animation-duration: 0.3s;
33860 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
33861 overflow: hidden;
33862 position: absolute;
33863 top: 50%;
33864 right: 0;
33865 transform: translateY(-50%);
33866 z-index: 2;
33867 width: 100%;
33868 height: 100% !important; /* stylelint-disable-line declaration-no-important */
33869 padding: 0.5rem;
33871 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
33872 position: relative;
33873 overflow: visible;
33874 flex-wrap: nowrap;
33876 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
33877 padding-left: calc(0.5rem + 0.5rem + 34px);
33878 padding-right: calc(0.5rem + 36px);
33879 opacity: 1;
33880 visibility: visible;
33881 transition: opacity 0s linear 0.3s, visibility 0s linear;
33883 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
33884 position: absolute;
33885 top: 50%;
33886 left: 0.5rem;
33887 transform: translateY(-50%);
33888 color: #495057;
33889 height: 36px;
33890 width: 34px;
33891 background-color: #fff;
33892 opacity: 1;
33893 visibility: visible;
33894 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
33896 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
33897 position: absolute;
33898 top: 50%;
33899 right: 0.5rem;
33900 transform: translateY(-50%);
33901 z-index: 1;
33902 color: inherit;
33903 text-align: left;
33904 padding-left: 9px;
33905 transition: right 0s linear 0.3s;
33907 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
33908 opacity: 1;
33909 visibility: visible;
33910 max-width: 50px;
33911 max-height: 50px;
33912 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33914 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
33915 opacity: 0;
33916 visibility: hidden;
33917 max-height: 0;
33918 max-width: 0;
33919 overflow: hidden;
33920 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33922 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
33923 width: calc(36px + 0.5rem + 0.5rem);
33924 transition: width 0.3s ease-in-out;
33926 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
33927 flex-wrap: nowrap;
33929 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
33930 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
33931 opacity: 0;
33932 visibility: hidden;
33933 transition: opacity 0s linear, visibility 0s linear;
33935 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
33936 padding-left: 0;
33937 padding-right: 0;
33939 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
33940 opacity: 0;
33941 visibility: hidden;
33942 max-height: 0;
33943 max-width: 0;
33944 overflow: hidden;
33945 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
33947 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
33948 opacity: 1;
33949 visibility: visible;
33950 max-width: 50px;
33951 max-height: 50px;
33952 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
33954 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
33955 opacity: 0;
33956 visibility: hidden;
33957 left: -100%;
33958 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
33960 .path-mod-forum .unified-grader .grader-module-content {
33961 overflow-y: auto;
33962 margin-right: 430px;
33963 transition: margin-right 0.2s ease-in-out;
33965 @media (prefers-reduced-motion: reduce) {
33966 .path-mod-forum .unified-grader .grader-module-content {
33967 transition: none;
33970 .path-mod-forum .unified-grader .drawer-button {
33971 position: relative;
33973 .path-mod-forum .unified-grader .drawer-button.active::after {
33974 content: "";
33975 position: absolute;
33976 bottom: calc(-0.5rem - 1px);
33977 left: 0;
33978 width: 100%;
33979 height: 3px;
33980 background-color: #0f6cbf;
33982 .path-mod-forum .unified-grader .drawer-button .icon {
33983 font-size: 20px;
33984 height: 20px;
33985 width: 20px;
33987 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
33988 display: none;
33990 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
33991 display: none;
33993 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
33994 position: relative;
33996 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
33997 position: absolute;
33998 height: 100%;
33999 width: 100%;
34000 left: 0;
34001 top: 0;
34002 padding-left: calc(1rem + 45px);
34003 text-align: left;
34004 z-index: 1;
34006 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
34007 display: none;
34009 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
34010 display: block;
34011 height: auto !important; /* stylelint-disable-line declaration-no-important */
34013 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
34014 transition: margin-bottom 0.3s ease-in-out;
34016 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
34017 opacity: 1;
34018 visibility: visible;
34019 max-height: none;
34020 transition: opacity 0.3s linear, visibility 0s linear;
34022 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
34023 opacity: 1;
34024 visibility: visible;
34025 max-height: none;
34026 transition: opacity 0.3s linear, visibility 0s linear;
34028 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
34029 opacity: 1;
34030 visibility: visible;
34031 max-height: none;
34032 transition: opacity 0.3s linear, visibility 0s linear;
34034 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
34035 opacity: 0.3;
34037 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
34038 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
34040 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
34041 opacity: 0;
34042 visibility: hidden;
34043 max-height: 0;
34045 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
34046 opacity: 0;
34047 visibility: hidden;
34048 max-height: 0;
34050 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
34051 opacity: 0;
34052 visibility: hidden;
34053 max-height: 0;
34055 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
34056 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
34057 opacity: 1;
34059 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
34060 height: 250px;
34061 width: 250px;
34062 margin-right: 0;
34064 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
34065 padding-left: 94px;
34067 .path-mod-forum .unified-grader .no-search-results-container .icon {
34068 height: 250px;
34069 width: 250px;
34070 margin-right: 0;
34072 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
34073 margin-left: 94px;
34074 border-radius: 0.3rem;
34076 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
34077 position: relative;
34079 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
34080 position: absolute;
34081 top: calc(70px + 0.5rem);
34082 content: "";
34083 background-color: #e9ecef;
34084 width: 2px;
34085 height: calc(100% - 70px + 0.5rem);
34087 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
34088 width: 30px !important; /* stylelint-disable-line declaration-no-important */
34091 .path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
34092 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
34093 display: none;
34096 @media (max-width: 575.98px) {
34097 .path-mod-forum .unified-grader .grader-grading-panel {
34098 width: 100%;
34099 position: fixed;
34100 height: calc(100vh - 50px);
34101 overflow: scroll;
34102 top: 50px;
34104 .path-mod-forum .unified-grader .body-container {
34105 overflow: visible;
34108 .maincalendar .calendarmonth td,
34109 .maincalendar .calendarmonth th {
34110 border: 1px dotted #dee2e6;
34113 .path-grade-report-grader h1 {
34114 text-align: inherit;
34117 #page-mod-chat-gui_basic input#message {
34118 max-width: 100%;
34121 #page-mod-data-view #singleimage {
34122 width: auto;
34125 .template_heading {
34126 margin-top: 10px;
34129 .breadcrumb-button {
34130 margin-top: 4px;
34133 .breadcrumb-button .singlebutton {
34134 float: left;
34135 margin-left: 4px;
34138 .langmenu form {
34139 margin: 0;
34142 canvas {
34143 -ms-touch-action: auto;
34146 div#dock {
34147 display: none;
34150 /** General styles (scope: all of lesson) **/
34151 .path-mod-lesson .invisiblefieldset.fieldsetfix {
34152 display: block;
34155 .path-mod-lesson .answeroption .checkbox label p {
34156 display: inline;
34159 .path-mod-lesson .slideshow {
34160 overflow: auto;
34161 padding: 15px;
34164 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type=submit] {
34165 white-space: normal;
34168 #page-mod-lesson-view .vertical .singlebutton {
34169 display: block;
34171 #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
34172 margin-left: 0;
34173 margin-top: 1rem;
34175 #page-mod-lesson-view .fitem .felement .custom-select {
34176 align-self: flex-start;
34179 .path-mod-lesson .generaltable td {
34180 vertical-align: middle;
34182 .path-mod-lesson .generaltable td label {
34183 margin-bottom: 0;
34185 .path-mod-lesson .generaltable td .highlight {
34186 display: inline-block;
34187 margin-left: 0.25rem;
34189 .path-mod-lesson .generaltable td input[type=checkbox] {
34190 display: block;
34193 .path-mod-wiki .wiki_headingtitle,
34194 .path-mod-wiki .midpad,
34195 .path-mod-wiki .wiki_headingtime {
34196 text-align: inherit;
34199 .path-mod-wiki .wiki_contentbox {
34200 width: 100%;
34203 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
34204 background-color: rgba(0, 0, 0, 0.03);
34206 .path-mod-survey .surveytable .rblock label {
34207 text-align: center;
34210 .nav .caret {
34211 margin-left: 4px;
34214 .nav .divider {
34215 overflow: hidden;
34216 width: 0;
34219 .userloggedinas .usermenu .usertext,
34220 .userswitchedrole .usermenu .usertext,
34221 .loginfailures .usermenu .usertext {
34222 float: left;
34223 text-align: right;
34224 margin-right: 0.5rem;
34225 height: 35px;
34227 .userloggedinas .usermenu .usertext .meta,
34228 .userswitchedrole .usermenu .usertext .meta,
34229 .loginfailures .usermenu .usertext .meta {
34230 font-size: 0.8203125rem;
34231 align-items: center;
34233 .userloggedinas .usermenu .avatar img,
34234 .userswitchedrole .usermenu .avatar img,
34235 .loginfailures .usermenu .avatar img {
34236 margin: 0;
34239 .userloggedinas .usermenu .userbutton .avatars {
34240 position: relative;
34241 display: inline-block;
34243 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
34244 display: inline-block;
34245 position: absolute;
34246 bottom: 0;
34247 right: 0;
34248 width: 20px;
34249 height: 20px;
34250 border-radius: 50%;
34252 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
34253 vertical-align: baseline;
34255 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
34256 width: 20px;
34257 height: 20px;
34258 border: 1px solid #dee2e6;
34259 background-color: #fff;
34260 font-size: 0.5625rem;
34262 .userloggedinas .usermenu .userbutton .avatars .avatar img {
34263 width: inherit;
34264 height: inherit;
34266 .userloggedinas .usermenu .userbutton .avatars .realuser {
34267 width: 35px;
34268 height: 35px;
34269 display: inline-block;
34272 .userinitials {
34273 background-color: #e9ecef;
34274 vertical-align: middle;
34275 display: inline-flex;
34276 align-items: center;
34277 justify-content: center;
34278 border-radius: 50%;
34279 color: #343a40;
34280 font-weight: normal;
34281 margin-right: 0.25rem;
34283 .userinitials.size-16, .userinitials.size-30 {
34284 font-size: 0.7rem;
34285 width: 30px;
34286 height: 30px;
34288 .userinitials.size-35 {
34289 width: 35px;
34290 height: 35px;
34292 .userinitials.size-50 {
34293 width: 50px;
34294 height: 50px;
34296 .userinitials.size-64 {
34297 width: 64px;
34298 height: 64px;
34300 .userinitials.size-100 {
34301 width: 100px;
34302 height: 100px;
34303 font-size: 1.875rem;
34306 img.userpicture {
34307 margin-right: 0.25rem;
34310 @media (max-width: 767.98px) {
34311 .usertext {
34312 display: none;
34315 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
34316 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
34317 width: auto;
34318 max-width: none;
34321 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
34322 float: left;
34323 width: 20rem;
34324 display: inline-block;
34325 min-height: 12rem;
34328 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
34329 line-height: 1.5;
34330 vertical-align: bottom;
34333 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
34334 width: auto;
34335 height: 22px;
34336 justify-content: flex-start;
34339 #page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
34340 width: 90%;
34341 height: 22px;
34344 .path-mod-quiz #mod_quiz_navblock .qnbutton {
34345 text-decoration: none;
34346 font-size: 14px;
34347 line-height: 20px;
34348 font-weight: normal;
34349 background-color: #fff;
34350 background-image: none;
34351 height: 40px;
34352 width: 30px;
34353 border-radius: 3px;
34354 border: 0;
34355 overflow: hidden;
34356 white-space: nowrap;
34357 margin: 0 6px 6px 0;
34359 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
34360 cursor: default;
34361 background-color: #e9ecef;
34362 color: #495057;
34364 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
34365 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
34366 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
34367 text-decoration: underline;
34369 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
34370 border: 1px solid;
34371 border-radius: 3px;
34372 z-index: 1;
34374 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
34375 border-width: 3px;
34377 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
34378 border-width: 1px;
34380 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
34381 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
34383 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
34384 border: 0;
34385 background: #fff none center/10px no-repeat scroll;
34386 height: 20px;
34387 margin-top: 20px;
34388 border-radius: 0 0 3px 3px;
34390 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
34391 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34392 background-color: #fff;
34394 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34395 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
34397 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
34398 background-image: url([[pix:theme|mod/quiz/checkmark]]);
34399 background-color: #357a32;
34401 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
34402 background-image: url([[pix:core|t/locked]]);
34403 background-color: #e9ecef;
34405 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
34406 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
34407 background-color: #ca3120;
34409 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
34410 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
34411 background-color: #f0ad4e;
34413 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
34414 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
34415 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
34416 background-color: #6a737b;
34419 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
34420 height: 1.4em;
34421 vertical-align: middle;
34424 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
34425 padding: 0.5em 0 0.5em 0.1em;
34426 margin: 2px;
34429 /* Countdown timer. */
34430 #page-mod-quiz-attempt #region-main {
34431 overflow-x: inherit;
34434 #quiz-timer-wrapper {
34435 display: none;
34436 position: sticky;
34437 justify-content: end;
34438 top: 55px;
34439 z-index: 1020;
34441 #quiz-timer-wrapper #quiz-timer {
34442 border: 1px solid #ca3120;
34443 background-color: #fff;
34446 .pagelayout-embedded #quiz-timer-wrapper {
34447 top: 5px;
34450 #quiz-timer-wrapper #quiz-timer.timeleft0 {
34451 background-color: #ca3120;
34452 color: #fff;
34455 #quiz-timer-wrapper #quiz-timer.timeleft1 {
34456 background-color: #d73422;
34457 color: #fff;
34460 #quiz-timer-wrapper #quiz-timer.timeleft2 {
34461 background-color: #dd3d2b;
34462 color: #fff;
34465 #quiz-timer-wrapper #quiz-timer.timeleft3 {
34466 background-color: #e04938;
34467 color: #fff;
34470 #quiz-timer-wrapper #quiz-timer.timeleft4 {
34471 background-color: #e25546;
34472 color: #fff;
34475 #quiz-timer-wrapper #quiz-timer.timeleft5 {
34476 background-color: #e46153;
34477 color: #fff;
34480 #quiz-timer-wrapper #quiz-timer.timeleft6 {
34481 background-color: #e66d60;
34482 color: #fff;
34485 #quiz-timer-wrapper #quiz-timer.timeleft7 {
34486 background-color: #e8796d;
34487 color: #1d2125;
34490 #quiz-timer-wrapper #quiz-timer.timeleft8 {
34491 background-color: #ea867a;
34492 color: #1d2125;
34495 #quiz-timer-wrapper #quiz-timer.timeleft9 {
34496 background-color: #ec9288;
34497 color: #1d2125;
34500 #quiz-timer-wrapper #quiz-timer.timeleft10 {
34501 background-color: #ee9e95;
34502 color: #1d2125;
34505 #quiz-timer-wrapper #quiz-timer.timeleft11 {
34506 background-color: #f0aaa2;
34507 color: #1d2125;
34510 #quiz-timer-wrapper #quiz-timer.timeleft12 {
34511 background-color: #f2b6af;
34512 color: #1d2125;
34515 #quiz-timer-wrapper #quiz-timer.timeleft13 {
34516 background-color: #f4c2bc;
34517 color: #1d2125;
34520 #quiz-timer-wrapper #quiz-timer.timeleft14 {
34521 background-color: #f7ceca;
34522 color: #1d2125;
34525 #quiz-timer-wrapper #quiz-timer.timeleft15 {
34526 background-color: #f9dad7;
34527 color: #1d2125;
34530 #quiz-timer-wrapper #quiz-timer.timeleft16 {
34531 background-color: #fbe6e4;
34532 color: #1d2125;
34535 .path-mod-assign [data-region=grade-actions-panel] [data-region=grade-actions] .collapse-buttons {
34536 top: auto;
34539 .path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
34540 height: calc(100% - 4rem);
34543 .path-mod-assign [data-region=grade-panel] {
34544 padding-top: 1rem;
34547 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-3,
34548 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-9 {
34549 width: 100%;
34550 padding: 0;
34551 max-width: 100%;
34552 flex: none;
34555 .path-mod-assign [data-region=grade-panel] fieldset,
34556 .path-mod-assign [data-region=grade-panel] .fitem.row {
34557 margin: 0;
34560 .path-mod-assign [data-region=grade-panel] .mform .fitem.has-popout .felement {
34561 width: 100%;
34562 overflow: auto;
34563 height: calc(100% - 4rem);
34566 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement {
34567 width: auto;
34570 .path-mod-assign [data-region=grade-panel] .popout {
34571 background-color: #fff;
34574 .path-mod-assign [data-region=grade-panel] .fitem.has-popout {
34575 background-color: #fff;
34576 border-radius: 0.25rem;
34577 border: 1px solid rgba(0, 0, 0, 0.125);
34578 padding: 1.25rem;
34579 margin-bottom: 1rem;
34582 .path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
34583 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
34584 margin-bottom: 1rem;
34587 .path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
34588 display: flex;
34589 align-items: flex-start;
34590 justify-content: space-between;
34591 font-size: 1.40625rem;
34594 .path-mod-assign [data-region=grade-panel] .popout [data-region=popout-button] {
34595 margin-top: 0;
34598 .path-mod-assign [data-region=assignment-info] {
34599 overflow-y: hidden;
34602 .path-mod-assign [data-region=grading-navigation] {
34603 padding: 6px;
34606 .path-mod-assign [data-region=grade-actions] {
34607 padding: 10px;
34610 .path-mod-assign [data-region=user-info] .img-rounded {
34611 margin-top: 0;
34614 .path-mod-assign [data-region=grading-navigation-panel] {
34615 height: 85px;
34618 @media (max-width: 767px) {
34619 .path-mod-assign [data-region=grading-navigation-panel] {
34620 height: auto;
34622 .path-mod-assign [data-region=user-info] {
34623 margin-top: 1rem;
34626 .path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
34627 width: auto;
34628 display: inline-block;
34632 * Assign feedback.
34634 .assignfeedback_editpdf_widget * {
34635 box-sizing: content-box;
34638 .assignfeedback_editpdf_widget button {
34639 box-sizing: border-box;
34642 .assignfeedback_editpdf_widget .commentcolourbutton img {
34643 border-width: 0;
34646 .assignfeedback_editpdf_widget .label {
34647 position: relative;
34648 padding: 0.75rem 1.25rem;
34649 margin-bottom: 1rem;
34650 border: 0 solid transparent;
34651 border-radius: 0.25rem;
34652 color: #00434e;
34653 background-color: #cce6ea;
34654 border-color: #b8dce2;
34655 /* stylelint-disable-line max-line-length */
34657 .assignfeedback_editpdf_widget .label hr {
34658 border-top-color: #a6d3db;
34660 .assignfeedback_editpdf_widget .label .alert-link {
34661 color: #00171b;
34664 .assignfeedback_editpdf_menu {
34665 padding: 0;
34668 .path-mod-assign [data-region=grade-panel] .gradingform_guide .remark .commentchooser {
34669 float: none;
34672 .path-mod-assign [data-region=grade-panel] .gradingform_guide .markingguideremark {
34673 width: 100%;
34676 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement[data-fieldtype=grading] {
34677 padding-left: 1rem;
34678 padding-right: 1rem;
34681 .path-mod-assign [data-region=grade-panel] .showmarkerdesc,
34682 .path-mod-assign [data-region=grade-panel] .showstudentdesc {
34683 background-color: #fff;
34687 * Mod LTI.
34689 .path-admin-mod-lti .btn .loader img,
34690 .path-admin-mod-lti #tool-list-loader-container .loader img {
34691 height: auto;
34694 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
34695 background-color: #fff;
34697 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
34698 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
34699 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
34700 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34701 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34702 border: 0;
34704 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34705 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34706 border-radius: 0;
34708 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
34709 background-color: transparent;
34711 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
34712 background-color: #f8f9fa;
34714 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
34715 padding: 0 !important; /* stylelint-disable-line declaration-no-important */
34717 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
34718 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
34719 border: 0;
34720 padding: 3px 15px;
34721 white-space: nowrap;
34722 margin-bottom: 0;
34724 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
34725 padding: 10px 5px;
34727 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
34728 border-top: 1px solid #dee2e6;
34729 border-bottom: 1px solid #fff;
34731 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
34732 border-top: 1px solid #fff;
34733 border-bottom: 1px solid #dee2e6;
34734 padding: 5px 10px;
34736 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
34737 margin-right: 8px;
34738 border: 1px solid #ccc;
34739 border-radius: 4px;
34740 max-width: none;
34742 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
34743 margin: 20px 25px;
34745 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
34746 text-align: center;
34747 margin: 10px 0;
34748 font-size: 0.8203125rem;
34749 color: #495057;
34751 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34752 margin-bottom: 0.75rem;
34753 border-radius: 0.25rem;
34754 border: 1px solid rgba(0, 0, 0, 0.125);
34755 padding: 1.25rem;
34757 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
34758 float: right;
34759 font-size: 11px;
34760 color: #495057;
34762 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34763 background-color: #fff;
34765 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
34766 font-weight: bold;
34769 /* reports.less */
34770 #page-report-participation-index .participationselectform div label {
34771 display: inline-block;
34772 margin: 0 5px;
34775 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
34776 margin-left: 0;
34779 .path-backup .mform {
34780 /* These are long labels with checkboxes on the right. */
34782 .path-backup .mform .grouped_settings {
34783 clear: both;
34784 overflow: hidden;
34785 /* Use card styles but avoid extend because that brings in too much. */
34787 .path-backup .mform .grouped_settings.section_level {
34788 background-color: #fff;
34789 border-radius: 0.25rem;
34790 border: 1px solid rgba(0, 0, 0, 0.125);
34791 padding: 1.25rem;
34792 margin-bottom: 1.25rem;
34794 .path-backup .mform .grouped_settings.section_level::after {
34795 display: block;
34796 clear: both;
34797 content: "";
34799 .path-backup .mform .include_setting {
34800 width: 50%;
34801 display: inline-block;
34802 float: left;
34803 padding: 0.3rem;
34805 .path-backup .mform .normal_setting {
34806 width: 50%;
34807 display: inline-block;
34808 float: left;
34809 padding: 0.3rem;
34812 .path-backup {
34813 /* Bold section labels */
34815 .path-backup .section_level {
34816 font-weight: bold;
34818 .path-backup .section_level .activity_level {
34819 font-weight: normal;
34821 .path-backup .proceedbutton {
34822 margin-left: auto;
34825 /* Override the columns width to leave more room for the labels. */
34826 .path-backup .mform .root_setting,
34827 .path-backup .mform .grouped_settings {
34828 /* Striped rows like a table */
34830 .path-backup .mform .root_setting:nth-of-type(odd),
34831 .path-backup .mform .grouped_settings:nth-of-type(odd) {
34832 background-color: rgba(0, 0, 0, 0.03);
34834 .path-backup .mform .root_setting:nth-of-type(even),
34835 .path-backup .mform .grouped_settings:nth-of-type(even) {
34836 background-color: #fff;
34838 .path-backup .mform .root_setting .fitem,
34839 .path-backup .mform .grouped_settings .fitem {
34840 /* These checkboxes with no label on the left. */
34842 .path-backup .mform .root_setting .fitem .col-md-3.checkbox,
34843 .path-backup .mform .grouped_settings .fitem .col-md-3.checkbox {
34844 width: 0%;
34846 .path-backup .mform .root_setting .fitem .col-md-9.checkbox,
34847 .path-backup .mform .grouped_settings .fitem .col-md-9.checkbox {
34848 width: 100%;
34849 left: 0;
34852 /* Detail pair is (usually) some short label with a longer value */
34853 .path-backup .detail-pair .detail-pair-label {
34854 width: 25%;
34855 float: left;
34856 clear: left;
34858 .path-backup .detail-pair .detail-pair-value {
34859 width: 75%;
34860 float: left;
34863 .path-backup .backup-restore .singlebutton {
34864 float: right;
34867 /* Make these bits full width and work with the detail-pair */
34868 .path-backup .backup-section {
34869 /* Fix for nested table headers */
34870 /* Add card styles to backup sections */
34871 background-color: #fff;
34872 border-radius: 0.25rem;
34873 border: 1px solid rgba(0, 0, 0, 0.125);
34874 padding: 1.25rem;
34875 margin-bottom: 1.25rem;
34877 .path-backup .backup-section .sub-header,
34878 .path-backup .backup-section .backup-sub-section,
34879 .path-backup .backup-section .singlebutton,
34880 .path-backup .backup-section .header {
34881 width: 100%;
34882 float: left;
34883 clear: both;
34885 .path-backup .backup-section th.header {
34886 width: auto;
34887 float: none;
34889 .path-backup .backup-section ::after {
34890 content: "";
34891 display: table;
34892 clear: both;
34894 .path-backup .backup-section::after {
34895 display: block;
34896 clear: both;
34897 content: "";
34900 .path-backup .notification.dependencies_enforced {
34901 color: #ca3120;
34902 font-weight: bold;
34905 .path-backup .backup_progress {
34906 margin-top: 1rem;
34907 margin-bottom: 1rem;
34909 .path-backup .backup_progress .backup_stage {
34910 color: #6a737b;
34912 .path-backup .backup_progress .backup_stage.backup_stage_current {
34913 font-weight: bold;
34914 color: inherit;
34917 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
34918 color: inherit;
34921 #page-backup-restore .filealiasesfailures {
34922 background-color: #f4d6d2;
34924 #page-backup-restore .filealiasesfailures .aliaseslist {
34925 background-color: #fff;
34928 .path-backup .wibbler {
34929 width: 500px;
34930 margin: 0 auto 10px;
34931 border-bottom: 1px solid #000;
34932 border-right: 1px solid #000;
34933 border-left: 1px solid #000;
34934 position: relative;
34935 min-height: 4px;
34937 .path-backup .wibbler .wibble {
34938 position: absolute;
34939 left: 0;
34940 right: 0;
34941 top: 0;
34942 height: 4px;
34944 .path-backup .wibbler .state0 {
34945 background: #eee;
34947 .path-backup .wibbler .state1 {
34948 background: #ddd;
34950 .path-backup .wibbler .state2 {
34951 background: #ccc;
34953 .path-backup .wibbler .state3 {
34954 background: #bbb;
34956 .path-backup .wibbler .state4 {
34957 background: #aaa;
34959 .path-backup .wibbler .state5 {
34960 background: #999;
34962 .path-backup .wibbler .state6 {
34963 background: #888;
34965 .path-backup .wibbler .state7 {
34966 background: #777;
34968 .path-backup .wibbler .state8 {
34969 background: #666;
34971 .path-backup .wibbler .state9 {
34972 background: #555;
34974 .path-backup .wibbler .state10 {
34975 background: #444;
34977 .path-backup .wibbler .state11 {
34978 background: #333;
34980 .path-backup .wibbler .state12 {
34981 background: #222;
34984 .generaltable {
34985 width: 100%;
34986 margin-bottom: 1rem;
34987 color: #1d2125;
34989 .generaltable th,
34990 .generaltable td {
34991 padding: 0.75rem;
34992 vertical-align: top;
34993 border-top: 1px solid #dee2e6;
34995 .generaltable th .form-check,
34996 .generaltable td .form-check {
34997 padding: 0;
34999 .generaltable thead th,
35000 .generaltable thead td {
35001 vertical-align: bottom;
35002 border-bottom: 2px solid #dee2e6;
35004 .generaltable tbody + tbody {
35005 border-top: 2px solid #dee2e6;
35007 .generaltable tbody tr:nth-of-type(odd) {
35008 background-color: rgba(0, 0, 0, 0.03);
35010 .generaltable thead .sticky-column,
35011 .generaltable tbody tr:nth-of-type(even) {
35012 background-color: #fff;
35014 .generaltable tbody tr:nth-of-type(odd) .sticky-column {
35015 background-color: rgba(0, 0, 0, 0.03);
35017 .generaltable.table-sm th,
35018 .generaltable.table-sm td {
35019 padding: 0.3rem;
35021 .generaltable tbody tr:hover {
35022 color: #1d2125;
35023 background-color: rgba(0, 0, 0, 0.075);
35025 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
35026 color: #1d2125;
35028 .generaltable tbody tr:hover td.sticky-column {
35029 background-color: rgba(0, 0, 0, 0.075);
35032 table caption {
35033 font-size: 24px;
35034 font-weight: bold;
35035 line-height: 42px;
35036 text-align: left;
35037 caption-side: top;
35039 table .sticky-column {
35040 position: sticky;
35041 left: 0;
35042 background-color: inherit;
35045 .table-dynamic .loading-icon {
35046 position: absolute;
35047 left: calc(50% - 1.5rem);
35048 top: 200px;
35050 .table-dynamic .loading-icon .icon {
35051 height: 3rem;
35052 width: 3rem;
35053 font-size: 3rem;
35056 .singlebutton {
35057 display: inline-block;
35059 .singlebutton + .singlebutton {
35060 margin-left: 0.5rem;
35063 .continuebutton {
35064 text-align: center;
35067 p.arrow_button {
35068 margin-top: 5em;
35069 text-align: center;
35072 #addcontrols {
35073 margin-top: 11.25rem;
35074 text-align: center;
35075 margin-bottom: 3em;
35077 #addcontrols label {
35078 display: inline;
35081 #addcontrols input,
35082 #removecontrols input {
35083 width: 100%;
35084 margin: auto;
35087 .btn-lineup {
35088 margin: 0 0 10px 5px;
35091 .btn.btn-icon {
35092 height: 36px;
35093 width: 36px;
35094 font-size: 16px;
35095 line-height: 16px;
35096 padding: 0;
35097 border-radius: 50%;
35098 flex-shrink: 0;
35100 .btn.btn-icon:hover, .btn.btn-icon:focus {
35101 background-color: #e9ecef;
35103 .btn.btn-icon.icon-size-0 {
35104 height: 20px !important; /* stylelint-disable-line declaration-no-important */
35105 width: 20px !important; /* stylelint-disable-line declaration-no-important */
35106 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
35107 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
35109 .btn.btn-icon.icon-size-1 {
35110 height: 24px !important; /* stylelint-disable-line declaration-no-important */
35111 width: 24px !important; /* stylelint-disable-line declaration-no-important */
35112 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
35113 line-height: 4px !important; /* stylelint-disable-line declaration-no-important */
35115 .btn.btn-icon.icon-size-2 {
35116 height: 28px !important; /* stylelint-disable-line declaration-no-important */
35117 width: 28px !important; /* stylelint-disable-line declaration-no-important */
35118 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
35119 line-height: 8px !important; /* stylelint-disable-line declaration-no-important */
35121 .btn.btn-icon.icon-size-3 {
35122 height: 36px !important; /* stylelint-disable-line declaration-no-important */
35123 width: 36px !important; /* stylelint-disable-line declaration-no-important */
35124 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
35125 line-height: 16px !important; /* stylelint-disable-line declaration-no-important */
35127 .btn.btn-icon.icon-size-4 {
35128 height: 44px !important; /* stylelint-disable-line declaration-no-important */
35129 width: 44px !important; /* stylelint-disable-line declaration-no-important */
35130 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
35131 line-height: 24px !important; /* stylelint-disable-line declaration-no-important */
35133 .btn.btn-icon.icon-size-5 {
35134 height: 52px !important; /* stylelint-disable-line declaration-no-important */
35135 width: 52px !important; /* stylelint-disable-line declaration-no-important */
35136 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
35137 line-height: 32px !important; /* stylelint-disable-line declaration-no-important */
35139 .btn.btn-icon.icon-size-6 {
35140 height: 60px !important; /* stylelint-disable-line declaration-no-important */
35141 width: 60px !important; /* stylelint-disable-line declaration-no-important */
35142 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
35143 line-height: 40px !important; /* stylelint-disable-line declaration-no-important */
35145 .btn.btn-icon.icon-size-7 {
35146 height: 68px !important; /* stylelint-disable-line declaration-no-important */
35147 width: 68px !important; /* stylelint-disable-line declaration-no-important */
35148 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
35149 line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
35152 .btn.btn-icon.icons-collapse-expand {
35153 color: #0f6cbf;
35154 background-color: #f5f9fc;
35156 .btn.btn-icon.icons-collapse-expand:hover {
35157 outline: 2px solid #0f6cbf;
35160 .btn-primary:focus, .btn-primary.focus {
35161 outline: 0.2rem solid #000102;
35162 box-shadow: inset 0 0 0 2px #fff;
35165 .btn-secondary:focus, .btn-secondary.focus {
35166 outline: 0.2rem solid #5f6e7d;
35167 box-shadow: inset 0 0 0 2px #fff;
35170 .btn-success:focus, .btn-success.focus {
35171 outline: 0.2rem solid black;
35172 box-shadow: inset 0 0 0 2px #fff;
35175 .btn-info:focus, .btn-info.focus {
35176 outline: 0.2rem solid black;
35177 box-shadow: inset 0 0 0 2px #fff;
35180 .btn-warning:focus, .btn-warning.focus {
35181 outline: 0.2rem solid #694109;
35182 box-shadow: inset 0 0 0 2px #fff;
35185 .btn-danger:focus, .btn-danger.focus {
35186 outline: 0.2rem solid #1a0604;
35187 box-shadow: inset 0 0 0 2px #fff;
35190 .btn-light:focus, .btn-light.focus {
35191 outline: 0.2rem solid #8193a5;
35192 box-shadow: inset 0 0 0 2px #fff;
35195 .btn-dark:focus, .btn-dark.focus {
35196 outline: 0.2rem solid black;
35197 box-shadow: inset 0 0 0 2px #fff;
35200 .btn-outline-primary:focus, .btn-outline-primary.focus {
35201 outline: 0.2rem solid #000102;
35202 box-shadow: inset 0 0 0 2px #343a40;
35205 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
35206 outline: 0.2rem solid #5f6e7d;
35207 box-shadow: inset 0 0 0 2px #343a40;
35210 .btn-outline-success:focus, .btn-outline-success.focus {
35211 outline: 0.2rem solid black;
35212 box-shadow: inset 0 0 0 2px #343a40;
35215 .btn-outline-info:focus, .btn-outline-info.focus {
35216 outline: 0.2rem solid black;
35217 box-shadow: inset 0 0 0 2px #343a40;
35220 .btn-outline-warning:focus, .btn-outline-warning.focus {
35221 outline: 0.2rem solid #694109;
35222 box-shadow: inset 0 0 0 2px #343a40;
35225 .btn-outline-danger:focus, .btn-outline-danger.focus {
35226 outline: 0.2rem solid #1a0604;
35227 box-shadow: inset 0 0 0 2px #343a40;
35230 .btn-outline-light:focus, .btn-outline-light.focus {
35231 outline: 0.2rem solid #8193a5;
35232 box-shadow: inset 0 0 0 2px #343a40;
35235 .btn-outline-dark:focus, .btn-outline-dark.focus {
35236 outline: 0.2rem solid black;
35237 box-shadow: inset 0 0 0 2px #343a40;
35240 .gradetreebox {
35241 margin: 20px 0 30px 0;
35243 .gradetreebox h4 {
35244 font-size: 0.9375rem;
35246 .gradetreebox th.cell,
35247 .gradetreebox input[type=text] {
35248 width: auto;
35250 .gradetreebox input[type=text],
35251 .gradetreebox select {
35252 margin-bottom: 0;
35255 .core_grades_notices .singlebutton {
35256 display: inline-block;
35259 .path-grade-report #maincontent + .urlselect {
35260 position: absolute;
35261 left: 40vw;
35264 .path-grade-report-grader #region-main {
35265 min-width: 100%;
35266 width: auto;
35267 display: flex;
35268 flex-direction: column;
35270 .path-grade-report-grader #region-main > .card {
35271 width: auto;
35272 overflow-x: initial;
35274 .path-grade-report-grader #region-main div[role=main] {
35275 flex: 1 1 auto;
35277 .path-grade-report-grader [data-region=blocks-column] {
35278 width: 100%;
35279 clear: both;
35282 .path-grade-report-grader .gradepass,
35283 .path-grade-report-user .gradepass {
35284 color: #357a32;
35286 .path-grade-report-grader .gradefail,
35287 .path-grade-report-user .gradefail {
35288 color: #ca3120;
35291 .path-grade #region-main {
35292 overflow-x: visible;
35294 .path-grade .user-heading .userinitials {
35295 width: 50px;
35296 height: 50px;
35299 #page-grade-grading-manage #activemethodselector label {
35300 display: inline-block;
35302 #page-grade-grading-manage #activemethodselector .helptooltip {
35303 margin-right: 0.5em;
35305 #page-grade-grading-manage .actions {
35306 display: block;
35307 text-align: center;
35308 margin-bottom: 1em;
35310 #page-grade-grading-manage .actions .action {
35311 display: inline-block;
35312 position: relative;
35313 vertical-align: top;
35314 width: 150px;
35315 text-align: center;
35316 overflow: hidden;
35317 margin: 0.5em;
35318 padding: 1em;
35319 border: 1px solid #aaa;
35321 #page-grade-grading-manage .actions .action .action-text {
35322 position: relative;
35323 top: 0.4em;
35324 font-size: 14px;
35325 white-space: normal;
35328 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
35329 font-size: 70%;
35332 .gradingform_rubric {
35333 margin-bottom: 1em;
35335 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
35336 background: #dff0d8;
35338 .gradingform_rubric.evaluate .criterion .levels .level.checked {
35339 border: none;
35340 border-left: 1px solid #dee2e6;
35342 .gradingform_rubric .criterion .description {
35343 vertical-align: top;
35344 padding: 6px;
35346 .gradingform_rubric .criterion .description textarea {
35347 margin-bottom: 0;
35348 height: 115px;
35350 .gradingform_rubric .criterion .definition textarea {
35351 width: 80%;
35352 margin-bottom: 0;
35354 .gradingform_rubric .criterion .score {
35355 margin-top: 5px;
35356 margin-right: 28px;
35357 font-style: italic;
35358 font-weight: bold;
35359 color: #2d662a;
35361 .gradingform_rubric .criterion .score input {
35362 margin-bottom: 0;
35364 .gradingform_rubric .criterion .level {
35365 vertical-align: top;
35366 padding: 6px;
35368 .gradingform_rubric .criterion .level.currentchecked {
35369 background: #fff0f0;
35371 .gradingform_rubric .criterion .level.checked {
35372 background: #d0ffd0;
35373 border: 1px solid #555;
35375 .gradingform_rubric .criterion .level .delete {
35376 position: relative;
35377 width: 32px;
35378 height: 32px;
35379 margin-top: -32px;
35380 clear: both;
35381 float: right;
35383 .gradingform_rubric .criterion .level .delete input {
35384 display: block;
35385 position: absolute;
35386 right: 0;
35387 bottom: 0;
35388 height: 24px;
35389 width: 24px;
35390 margin: 0;
35392 .gradingform_rubric .criterion .level .delete input:hover {
35393 background-color: #ddd;
35395 .gradingform_rubric .criterion .scorevalue input {
35396 float: none;
35397 width: 2em;
35399 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
35400 width: 0;
35402 .gradingform_rubric .criterion .addlevel {
35403 vertical-align: top;
35404 padding-top: 6px;
35406 .gradingform_rubric .criterion .addlevel input {
35407 height: 30px;
35408 line-height: 1rem;
35410 .gradingform_rubric .addcriterion {
35411 margin-left: 5px;
35412 padding: 0;
35413 margin-bottom: 1em;
35415 .gradingform_rubric .addcriterion input {
35416 margin: 0;
35417 color: inherit;
35418 text-shadow: inherit;
35419 border: 0 none;
35420 line-height: inherit;
35421 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
35422 padding-left: 26px;
35424 .gradingform_rubric .options {
35425 clear: both;
35427 .gradingform_rubric .options .option label {
35428 margin: 0;
35429 padding: 0;
35430 font-size: inherit;
35431 font-weight: normal;
35432 line-height: 2em;
35433 color: inherit;
35434 text-shadow: none;
35435 background-color: transparent;
35437 .gradingform_rubric .options .option input {
35438 margin-left: 5px;
35439 margin-right: 12px;
35442 .grade-display .description {
35443 font-size: 1rem;
35446 .criterion .description {
35447 font-size: 1rem;
35449 .criterion .criterion-toggle .expanded-icon {
35450 display: block;
35452 .criterion .criterion-toggle .collapsed-icon {
35453 display: none;
35455 .criterion .criterion-toggle.collapsed .expanded-icon {
35456 display: none;
35458 .criterion .criterion-toggle.collapsed .collapsed-icon {
35459 display: block;
35462 .path-grade-edit-tree .collapse-list .unlist {
35463 padding-left: 2rem;
35465 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode]:focus > .collapse-list-item:first-child {
35466 background-color: #e0f0f2;
35467 border-color: #b8dce2;
35469 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][data-selected=true] > .collapse-list-item:first-child {
35470 background-color: #e0f0f2;
35471 border-color: #b8dce2;
35472 color: #0f6cbf;
35474 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode] .collapse-list-item-content[aria-hidden=true] {
35475 display: none;
35477 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=true] > .collapse-list-item .collapsed-icon {
35478 display: none;
35480 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=false] > .collapse-list-item .expanded-icon {
35481 display: none;
35483 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
35484 padding: 0.5rem 1rem;
35485 cursor: pointer;
35487 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
35488 font-weight: bold;
35490 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
35491 color: #1d2125;
35492 padding: 0 0.2rem;
35493 margin-right: 0.3rem;
35495 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
35496 font-size: 12px;
35497 width: 12px;
35498 height: 12px;
35499 margin: 0;
35501 .path-grade-edit-tree .gradetree-wrapper {
35502 padding: 10px 10px;
35503 background-color: #f8f9fa;
35505 .path-grade-edit-tree .gradetree-wrapper .setup-grades h4 {
35506 margin: 0;
35508 .path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
35509 padding: 0;
35510 width: 24px;
35511 min-width: 24px;
35512 max-width: 24px;
35514 .path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
35515 display: none;
35517 .path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
35518 font-weight: normal;
35519 padding-left: 24px;
35521 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
35522 height: 0.5rem;
35524 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden=true] {
35525 display: none;
35527 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
35528 vertical-align: bottom;
35529 border: none;
35530 text-align: left;
35531 background-color: #f8f9fa;
35533 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
35534 padding: 0;
35535 width: 24px;
35536 min-width: 24px;
35538 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
35539 min-width: 4.5em;
35540 background-color: #f8f9fa;
35541 border: none;
35542 vertical-align: middle;
35544 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small {
35545 font-size: 70%;
35547 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
35548 margin-right: 15px;
35550 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
35551 min-width: 15em;
35553 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
35554 margin-right: 5px;
35556 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
35557 display: none;
35559 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
35560 padding: 0;
35562 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
35563 display: block;
35564 width: 100%;
35565 margin: 5px 0 5px 0;
35566 padding: 3px 0 3px 0;
35568 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
35569 border-top: 2px dashed #8f959e;
35570 margin: 0;
35572 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
35573 border-top: 2px dashed #0f6cbf;
35575 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
35576 background-color: #fff;
35577 border-top: 1px solid #dee2e6;
35578 border-bottom: 1px solid #dee2e6;
35580 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
35581 border-left: 1px solid #dee2e6;
35583 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
35584 border-right: 1px solid #dee2e6;
35586 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
35587 font-weight: bold;
35589 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
35590 display: flex;
35591 min-height: 30px;
35592 align-items: center;
35594 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check {
35595 padding: 0;
35597 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check .itemselect {
35598 margin-right: 5px;
35600 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
35601 height: 24px;
35602 width: 24px;
35603 font-size: 12px;
35604 line-height: 24px;
35605 margin-right: 3px;
35607 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category[aria-expanded=true] .expanded, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category[aria-expanded=false] .collapsed {
35608 display: none;
35610 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
35611 font-size: 12px;
35612 width: 12px;
35613 height: 12px;
35614 color: #1d2125;
35615 margin: 0;
35617 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
35618 background-color: #fff;
35619 border-top: 3px solid #f8f9fa;
35621 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td {
35622 min-width: 4.5em;
35623 background-color: #f8f9fa;
35624 border: none;
35625 vertical-align: middle;
35627 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td.column-name, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td.column-name {
35628 padding-left: 0;
35630 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td:not(.column-actions), .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td:not(.column-actions) {
35631 font-weight: bold;
35633 .path-grade-edit-tree .gradetree-wrapper .badge-light {
35634 color: #1d2125;
35635 background-color: #ced4da;
35636 margin-right: 0.5em;
35637 margin-bottom: 0.5em;
35641 * Grader report.
35643 .path-grade-report-grader .gradeparent tr .cell,
35644 .path-grade-report-grader .gradeparent .floater .cell {
35645 background-color: #fff;
35647 .path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,
35648 .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
35649 z-index: 1;
35651 .path-grade-report-grader .gradeparent table,
35652 .path-grade-report-grader .gradeparent .cell {
35653 border-color: #dee2e6;
35655 .path-grade-report-grader .gradeparent .heading .cell,
35656 .path-grade-report-grader .gradeparent .cell.category,
35657 .path-grade-report-grader .gradeparent .avg .cell {
35658 background-color: #f8f9fa;
35660 .path-grade-report-grader .gradeparent table .clickable {
35661 cursor: pointer;
35663 .path-grade-report-grader .gradeparent tr.heading {
35664 position: sticky;
35665 top: 50px;
35666 z-index: 4;
35668 .path-grade-report-grader .gradeparent tr.userrow th {
35669 z-index: 2;
35671 .path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
35672 z-index: 3;
35674 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
35675 position: sticky;
35676 bottom: -1px;
35678 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
35679 z-index: 4;
35681 .path-grade-report-grader .gradeparent tr.lastrow td,
35682 .path-grade-report-grader .gradeparent tr.lastrow th {
35683 border-top: 1px solid #dee2e6;
35685 .path-grade-report-grader .gradeparent th.header {
35686 left: 0;
35687 position: sticky;
35689 .path-grade-report-grader .gradeparent th.header#studentheader {
35690 z-index: 1;
35692 .path-grade-report-grader .gradeparent td.noborder {
35693 border-right: transparent;
35695 .path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
35696 bottom: calc(max(80px, 0.9375rem * 3) - 1px);
35700 * User report.
35702 .path-grade-report-user .user-grade {
35703 border: none;
35705 .path-grade-report-user .user-grade.generaltable .levelodd {
35706 background-color: rgba(0, 0, 0, 0.03);
35708 .path-grade-report-user .user-grade .column-contributiontocoursetotal,
35709 .path-grade-report-user .user-grade .column-range,
35710 .path-grade-report-user .user-grade .column-percentage,
35711 .path-grade-report-user .user-grade .column-weight {
35712 /*rtl:ignore*/
35713 direction: ltr;
35717 * Single view.
35719 .path-grade-report-singleview .reporttable input[name^=finalgrade] {
35720 width: 80px;
35721 display: inline-block;
35723 .path-grade-report-singleview .reporttable .action-menu {
35724 display: inline-block;
35725 margin-left: 0.5rem;
35726 float: right;
35728 .path-grade-report-singleview .reporttable .dropdown-toggle::after {
35729 display: none;
35732 .gradereport-grader-table input[name^=grade] {
35733 width: 80px;
35734 display: inline-block;
35736 .gradereport-grader-table .dropdown-toggle::after {
35737 display: none;
35740 .search-widget .dropdown-menu {
35741 padding: 0.8rem 1.2rem;
35743 .search-widget .dropdown-menu.wide {
35744 width: 350px;
35746 .search-widget .dropdown-menu.narrow {
35747 width: 250px;
35749 .search-widget .dropdown-menu .dropdown-item span.email {
35750 color: #6a737b;
35752 .search-widget .dropdown-menu .dropdown-item:hover span,
35753 .search-widget .dropdown-menu .dropdown-item:active span {
35754 color: #fff;
35756 .search-widget .dropdown-menu .searchresultscontainer {
35757 height: 178px;
35758 font-size: 90%;
35760 .search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
35761 height: 178px;
35762 max-height: 178px;
35763 overflow: auto;
35765 .search-widget .dropdown-menu .unsearchablecontentcontainer {
35766 border-top: 1px solid #dee2e6;
35767 padding-top: 10px;
35768 font-size: 90%;
35771 #fitem_id_submitbutton {
35772 padding-right: 2em;
35775 .gradestatus {
35776 padding-top: 10px;
35779 .gradestatus .icon {
35780 margin-right: 1rem;
35783 .columns-autoflow-1to1to1 {
35784 column-count: 3;
35787 @media (max-width: 767px) {
35788 .columns-autoflow-1to1to1 {
35789 column-count: 1;
35792 /* some very targetted corrections to roll back nameclashes between
35793 * Moodle and Bootstrap like .row, .label, .content, .controls
35795 * Mostly relies on these styles being more specific than the Bootstrap
35796 * ones in order to overule them.
35798 li.activity.label,
35799 .file-picker td.label {
35800 background: inherit;
35801 color: inherit;
35802 border: inherit;
35803 text-shadow: none;
35804 white-space: normal;
35805 display: block;
35806 font-size: inherit;
35807 line-height: inherit;
35808 text-align: inherit;
35811 .file-picker td.label {
35812 display: table-cell;
35813 text-align: right;
35814 padding: 8px;
35817 .choosercontainer #chooseform .option {
35818 font-size: 12px;
35821 /* block.invisible vs .invisible
35822 * block.hidden vs .invisible
35824 * uses .invisible where the rest of Moodle uses @mixin dimmed
35825 * fixible in block renderer?
35827 * There's seems to be even more naming confusion here since,
35828 * blocks can be actually 'visible' (or not) to students,
35829 * marked 'visible' but really just dimmed to indicate to editors
35830 * that students can't see them or 'visible' to the user who
35831 * collapses them, 'visible' if you have the right role and in
35832 * different circumstances different sections of a block can
35833 * be 'visible' or not.
35835 * currently worked around in renderers.php function block{}
35836 * by rewriting the class name "invisible" to "dimmed",
35837 * though the blocks don't look particularly different apart
35838 * from their contents disappearing. Maybe try .muted? or
35839 * dimming all the edit icons apart from unhide, might be a
35840 * nice effect, though they'd still be active. Maybe reverse
35841 * it to white?
35843 li.section.hidden,
35844 .block.hidden,
35845 .block.invisible {
35846 visibility: visible;
35847 display: block;
35850 /* .row vs .row
35852 * very tricky to track down this when it goes wrong,
35853 * since the styles are applied to generated content
35855 * basically if you see things shifted left or right compared
35856 * with where they should be check for a .row
35858 .forumpost .row {
35859 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
35862 .forumpost .row:before,
35863 .forumpost .row:after {
35864 content: none;
35867 /* fieldset.hidden vs .hidden
35869 * Moodle uses fieldset.hidden for mforms, to signify a collection of
35870 * form elements that don't have a box drawn round them. Bootstrap
35871 * uses hidden for stuff that is hidden in various responsive modes.
35873 * Relatedly, there is also fieldset.invisiblefieldset which hides the
35874 * border and sets the display to inline.
35876 * Originally this just set block and visible, but it is used
35877 * in random question dialogue in Quiz,
35878 * that dialogue is hidden and shown, so when hidden the
35879 * above workaround leaves you with a button floating around
35881 fieldset.hidden {
35882 display: inherit;
35883 visibility: inherit;
35886 /* .container vs .container
35888 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
35889 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
35890 * it becomes near unuseable.
35892 #questionbank + .container {
35893 width: auto;
35896 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
35897 display: block;
35898 margin-top: -6px;
35901 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
35902 .langmenu.open > .dropdown-menu {
35903 display: block;
35904 max-height: 150px;
35905 overflow-y: auto;
35908 .navbar.fixed-top .dropdown .dropdown-menu {
35909 max-height: calc(100vh - 50px);
35910 overflow-y: auto;
35913 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
35914 z-index: inherit;
35917 .custom-select {
35918 word-wrap: normal;
35921 /* Add commented out carousel transistions back in.
35923 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
35925 .carousel-item-next.carousel-item-left,
35926 .carousel-item-prev.carousel-item-right {
35927 transform: translateX(0);
35930 .carousel-item-next,
35931 .active.carousel-item-right {
35932 transform: translateX(100%);
35935 .carousel-item-prev,
35936 .active.carousel-item-left {
35937 transform: translateX(-100%);
35941 * Reset all of the forced style on the page.
35942 * - Remove borders on header and content.
35943 * - Remove most of the vertical padding.
35944 * - Make the content region flex grow so it pushes things like the
35945 * next activity selector to the bottom of the page.
35947 body.behat-site .fixed-top {
35948 position: absolute;
35950 body.behat-site.hasstickyfooter .stickyfooter,
35951 body.behat-site .stickyfooter {
35952 position: inherit;
35953 z-index: inherit;
35955 body.behat-site.hasstickyfooter .stickyfooter .sticky-footer-content-wrapper,
35956 body.behat-site .stickyfooter .sticky-footer-content-wrapper {
35957 padding: 0;
35958 margin: 0;
35960 body.behat-site .dropdown-item {
35961 margin-top: 4px !important; /* stylelint-disable declaration-no-important */
35963 body.behat-site.drawer-ease {
35964 -webkit-transition: initial;
35965 -moz-transition: initial;
35966 transition: initial;
35968 body.behat-site [data-region=drawer] {
35969 -webkit-transition: initial;
35970 -moz-transition: initial;
35971 transition: initial;
35972 position: absolute;
35974 body.behat-site .custom-control,
35975 body.behat-site .custom-switch {
35976 padding-left: 0;
35978 body.behat-site .custom-control-input {
35979 position: static;
35980 z-index: 0;
35981 opacity: 1;
35982 width: auto;
35984 body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
35985 content: none;
35987 body.behat-site [data-region=message-drawer] {
35988 padding-right: 10px;
35990 body.behat-site.jsenabled #page-footer .footer-content-popover {
35991 display: block;
35993 body.behat-site.path-grade-report-grader .gradeparent tr.heading,
35994 body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,
35995 body.behat-site.path-grade-report-grader .gradeparent th.header {
35996 position: relative;
35997 left: auto;
35999 body.behat-site.path-grade-report-grader .gradeparent tr.heading {
36000 top: auto;
36003 .phpinfo table,
36004 .phpinfo th,
36005 .phpinfo h2 {
36006 margin: auto;
36009 .phpinfo .e,
36010 .phpinfo .v,
36011 .phpinfo .h {
36012 border: 1px solid #000;
36013 font-size: 0.8em;
36014 vertical-align: baseline;
36015 color: #000;
36016 background-color: #ccc;
36019 .phpinfo .e {
36020 background-color: #ccf;
36021 font-weight: bold;
36024 .phpinfo .h {
36025 background-color: #99c;
36026 font-weight: bold;
36029 body > .debuggingmessage {
36030 margin-top: 50px;
36033 body > .debuggingmessage ~ .debuggingmessage {
36034 margin-top: 0.5rem;
36038 * This file contains the styles required to make the footer sticky.
36040 html,
36041 body {
36042 height: 100%;
36045 .stickyfooter {
36046 position: fixed;
36047 right: 0;
36048 left: 0;
36049 min-height: max(80px, 0.9375rem * 3);
36050 bottom: calc(max(80px, 0.9375rem * 3) * -1);
36051 transition: bottom 0.5s;
36052 z-index: 1030;
36053 overflow: hidden;
36054 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
36055 font-size: calc(0.9375rem * 1.10);
36057 @media (min-width: 768px) {
36058 .pagelayout-standard .stickyfooter .sticky-footer-content, body.limitedwidth.uses-drawers .stickyfooter .sticky-footer-content {
36059 max-width: 830px;
36061 body.mediumwidth.uses-drawers .stickyfooter .sticky-footer-content {
36062 max-width: 1120px;
36065 .stickyfooter .sticky-footer-content-wrapper {
36066 transition: 0.2s;
36068 @media (prefers-reduced-motion: reduce) {
36069 .stickyfooter .sticky-footer-content-wrapper {
36070 transition: none;
36073 @media (min-width: 992px) {
36074 .stickyfooter .sticky-footer-content-wrapper .drawers {
36075 padding: 0 3rem;
36077 .show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36078 margin-left: 285px;
36079 padding: 0 3rem 0 1rem;
36081 .show-drawer-right .stickyfooter .sticky-footer-content-wrapper {
36082 margin-right: 315px;
36083 padding: 0 1rem 0 3rem;
36085 .show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36086 padding: 0 1rem;
36090 .hasstickyfooter .stickyfooter {
36091 bottom: 0;
36094 /* Standard components fixes for sticky footer. */
36095 .stickyfooter ul.pagination {
36096 margin-bottom: 0.25rem;
36099 .stickyfooter .btn {
36100 font-size: calc(0.9375rem * 1.10);
36103 /* Breakpoints fixes. */
36104 @media (min-width: 576px) {
36105 #page-wrapper {
36106 height: 100%;
36107 display: flex;
36108 flex-direction: column;
36110 #page-wrapper #page {
36111 display: flex;
36112 flex-direction: column;
36114 #page-wrapper #page:not(.drawers) {
36115 flex: 1 0 auto;
36117 #page-wrapper #page #page-content {
36118 flex: 1 0 auto;
36120 #page-wrapper #page-footer {
36121 flex-shrink: 0;
36124 @media (max-width: 767.98px) {
36125 #page-wrapper {
36126 height: 100%;
36127 display: flex;
36128 flex-direction: column;
36130 #page-wrapper #page {
36131 display: flex;
36132 flex-direction: column;
36134 #page-wrapper #page:not(.drawers) {
36135 flex: 1 0 auto;
36138 .popover-region {
36139 position: relative;
36141 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
36142 display: none;
36144 .popover-region.collapsed .popover-region-container {
36145 opacity: 0;
36146 visibility: hidden;
36147 height: 0;
36148 overflow: hidden;
36149 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36152 .popover-region-toggle {
36153 cursor: pointer;
36155 .popover-region-toggle::before {
36156 content: "";
36157 display: inline-block;
36158 border-left: 10px solid transparent;
36159 border-right: 10px solid transparent;
36160 border-bottom: 10px solid #ddd;
36161 position: absolute;
36162 bottom: 0;
36163 right: 7px;
36165 .popover-region-toggle::after {
36166 content: "";
36167 display: inline-block;
36168 border-left: 9px solid transparent;
36169 border-right: 9px solid transparent;
36170 border-bottom: 9px solid #fff;
36171 position: absolute;
36172 bottom: -1px;
36173 right: 8px;
36174 z-index: 2;
36177 .count-container {
36178 padding: 2px;
36179 border-radius: 2px;
36180 background-color: #ca3120;
36181 color: #fff;
36182 font-size: 11px;
36183 line-height: 11px;
36184 position: absolute;
36185 top: 5px;
36186 right: 0;
36189 .popover-region-container {
36190 opacity: 1;
36191 visibility: visible;
36192 position: absolute;
36193 right: 0;
36194 top: 0;
36195 height: 500px;
36196 width: 380px;
36197 border: 1px solid #ddd;
36198 transition: height 0.25s;
36199 background-color: #fff;
36200 z-index: 1;
36203 .popover-region-header-container {
36204 height: 25px;
36205 line-height: 25px;
36206 padding-left: 5px;
36207 padding-right: 5px;
36208 border-bottom: 1px solid #ddd;
36209 box-sizing: border-box;
36212 .popover-region-footer-container {
36213 height: 30px;
36214 text-align: center;
36215 border-top: 1px solid #ddd;
36216 background-color: #fff;
36217 padding-top: 3px;
36220 .popover-region-header-text {
36221 float: left;
36222 margin: 0;
36223 font-size: 14px;
36224 line-height: 25px;
36227 .popover-region-header-actions {
36228 float: right;
36230 .popover-region-header-actions > * {
36231 margin-left: 10px;
36232 min-width: 20px;
36233 display: inline-block;
36235 .popover-region-header-actions .loading-icon {
36236 display: none;
36237 height: 12px;
36238 width: 12px;
36240 .popover-region-header-actions .newmessage-link {
36241 margin-right: 10px;
36243 .popover-region-header-actions label {
36244 display: inline-block;
36245 text-align: center;
36246 margin-bottom: 0;
36249 .popover-region-content-container {
36250 height: calc(100% - 55px);
36251 width: 100%;
36252 overflow-y: auto;
36253 -webkit-overflow-scrolling: touch;
36255 .popover-region-content-container > .loading-icon {
36256 display: none;
36257 text-align: center;
36258 padding: 5px;
36259 box-sizing: border-box;
36261 .popover-region-content-container .empty-message {
36262 display: none;
36263 text-align: center;
36264 padding: 10px;
36266 .popover-region-content-container.loading > .loading-icon {
36267 display: block;
36269 .popover-region-content-container.loading .empty-message {
36270 display: none;
36273 .navbar-nav .popover-region .icon {
36274 font-weight: bolder;
36276 .navbar-nav .popover-region .notification-image .icon {
36277 font-weight: 400;
36280 .navbar .popover-region.collapsed .popover-region-container {
36281 opacity: 0;
36282 visibility: hidden;
36283 height: 0;
36284 overflow: hidden;
36285 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36287 .navbar .count-container {
36288 padding: 2px;
36289 border-radius: 2px;
36290 background-color: #ca3120;
36291 color: #fff;
36292 font-size: 11px;
36293 line-height: 11px;
36294 position: absolute;
36295 top: 12.5px;
36296 right: 0;
36298 .navbar .popover-region-container {
36299 top: 50px;
36302 .content-item-container {
36303 width: 100%;
36304 border-bottom: 1px solid #ddd;
36305 box-sizing: border-box;
36306 padding: 5px;
36307 position: relative;
36308 margin: 0;
36309 display: block;
36310 color: inherit;
36311 text-decoration: none;
36313 .content-item-container:hover {
36314 color: #fff;
36315 background-color: #0f6cbf;
36317 .content-item-container:hover .content-item-footer .timestamp {
36318 color: #fff;
36320 .content-item-container:hover .view-more {
36321 color: inherit;
36323 .content-item-container.unread {
36324 margin: 0;
36325 background-color: #f4f4f4;
36327 .content-item-container.unread:hover {
36328 color: #fff;
36329 background-color: #0f6cbf;
36331 .content-item-container.unread .content-item-body .notification-message {
36332 font-weight: 600;
36334 .content-item-container .context-link {
36335 color: inherit;
36336 text-decoration: none;
36338 .content-item-container .content-item-body {
36339 box-sizing: border-box;
36340 margin-bottom: 5px;
36342 .content-item-container .content-item-footer {
36343 text-align: left;
36344 box-sizing: border-box;
36346 .content-item-container .content-item-footer .timestamp {
36347 font-size: 10px;
36348 line-height: 10px;
36349 margin: 0;
36350 color: inherit;
36351 margin-left: 24px;
36353 .content-item-container .view-more {
36354 position: absolute;
36355 bottom: 5px;
36356 right: 5px;
36357 font-size: 12px;
36358 line-height: 12px;
36360 .content-item-container .view-more:hover {
36361 color: inherit;
36363 .content-item-container.notification .content-item-body .notification-image {
36364 display: inline-block;
36365 width: 24px;
36366 height: 24px;
36367 float: left;
36369 .content-item-container.notification .content-item-body .notification-image img {
36370 height: 75%;
36372 .content-item-container.notification .content-item-body .notification-message {
36373 display: inline-block;
36374 font-size: 12px;
36375 width: calc(100% - 24px);
36377 .content-item-container.selected {
36378 background-color: #3279b3;
36379 color: #fff;
36380 border-color: #3279b3;
36382 .content-item-container.selected .content-item-footer .timestamp {
36383 color: #fff;
36386 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
36387 display: inline-block;
36389 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
36390 display: none;
36392 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
36393 display: inline-block;
36395 .popover-region-notifications .all-notifications {
36396 opacity: 1;
36397 visibility: visible;
36398 height: auto;
36399 overflow: hidden;
36401 .popover-region-notifications .all-notifications:empty + .empty-message {
36402 display: block;
36404 .popover-region-notifications .notification-image {
36405 display: inline-block;
36406 width: 8%;
36407 vertical-align: top;
36409 .popover-region-notifications .notification-image img {
36410 height: 75%;
36412 .popover-region-notifications .notification-message {
36413 display: inline-block;
36414 font-size: 12px;
36416 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
36417 display: none;
36420 .popover-region-messages .mark-all-read-button .normal-icon {
36421 display: inline-block;
36423 .popover-region-messages .mark-all-read-button.loading .normal-icon {
36424 display: none;
36426 .popover-region-messages .mark-all-read-button.loading .loading-icon {
36427 display: inline-block;
36429 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
36430 display: none;
36432 .popover-region-messages .messages:empty + .empty-message {
36433 display: block;
36435 .popover-region-messages .content-item-container.unread .content-item-body {
36436 font-weight: 600;
36437 width: calc(90% - 30px);
36439 .popover-region-messages .content-item-container.unread .unread-count-container {
36440 display: inline-block;
36441 width: 10%;
36442 text-align: center;
36443 float: right;
36445 .popover-region-messages .content-item {
36446 height: 100%;
36447 width: 100%;
36448 box-sizing: border-box;
36450 .popover-region-messages .profile-image-container {
36451 width: 30px;
36452 display: inline-block;
36453 text-align: center;
36454 float: left;
36456 .popover-region-messages .profile-image-container img {
36457 width: 100%;
36458 display: inline-block;
36459 vertical-align: middle;
36460 border-radius: 50%;
36462 .popover-region-messages .content-item-body {
36463 display: inline-block;
36464 box-sizing: border-box;
36465 width: calc(100% - 30px);
36466 font-size: 12px;
36467 padding-left: 10px;
36468 overflow: hidden;
36470 .popover-region-messages .content-item-body h3 {
36471 font-size: 12px;
36472 line-height: 12px;
36473 margin: 0;
36474 width: 100%;
36476 .popover-region-messages .content-item-body p {
36477 margin: 0;
36479 .popover-region-messages .unread-count-container {
36480 display: none;
36483 @media (max-width: 767px) {
36484 .navbar .popover-region .popover-region-container {
36485 right: -70px;
36488 @media (max-width: 480px) {
36489 .navbar .popover-region .popover-region-container {
36490 position: fixed;
36491 top: 46px;
36492 right: 0;
36493 left: 0;
36494 bottom: 0;
36495 width: auto;
36496 height: auto;
36500 * Tour step must sit above all other UI components.
36501 * The backdrop is the lowest point in the tour.
36502 * Everything else is in the container, and the target background should be at the same z-index.
36503 * ----- moodle
36504 * ---- step backdrop
36505 * --- step container
36506 * --- step target background
36508 div[data-flexitour=backdrop] {
36509 background-color: #000;
36510 opacity: 0.5;
36511 z-index: 1040;
36514 div[data-flexitour=step-background-fader],
36515 div[data-flexitour=step-background] {
36516 border-radius: 0.3rem;
36517 padding: 10px;
36518 z-index: 1041;
36521 span[data-flexitour=container],
36522 div[data-flexitour=step-background-fader],
36523 [data-flexitour=step-backdrop] > td,
36524 [data-flexitour=step-backdrop] {
36525 z-index: 1042;
36528 span[data-flexitour=container] .modal-dialog {
36530 * Remove all margins to:
36531 * 1) ensure that the arrow touches the target; and
36532 * 2) ensure that the focus border touches the modal.
36534 margin: 0;
36536 span[data-flexitour=container] div[data-role=arrow] {
36537 border-width: 1rem;
36539 span[data-flexitour=container] div[data-role=arrow],
36540 span[data-flexitour=container] div[data-role=arrow]:after {
36541 position: absolute;
36542 display: block;
36543 width: 0;
36544 height: 0;
36545 border-color: transparent;
36546 border-style: solid;
36547 border-width: 1rem;
36549 span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
36550 margin-bottom: 1rem;
36552 span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
36553 bottom: -1rem;
36554 left: 50%;
36555 margin-left: -1rem;
36556 border-bottom-width: 0;
36557 border-top-color: rgba(0, 0, 0, 0.25);
36559 span[data-flexitour=container][x-placement=top] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=top-start] div[data-role=arrow]:after {
36560 bottom: 1px;
36561 margin-left: -1rem;
36562 content: " ";
36563 border-bottom-width: 0;
36564 border-top-color: #fff;
36566 span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
36567 margin-top: 1rem;
36569 span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
36570 top: -1rem;
36571 left: 50%;
36572 margin-left: -1rem;
36573 border-top-width: 0;
36574 border-bottom-color: rgba(0, 0, 0, 0.25);
36576 span[data-flexitour=container][x-placement=bottom] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow]:after {
36577 top: 1px;
36578 margin-left: -1rem;
36579 content: " ";
36580 border-top-width: 0;
36581 border-bottom-color: #fff;
36583 span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
36584 margin-right: 1rem;
36586 span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
36587 right: -1rem;
36588 top: 50%;
36589 margin-top: -1rem;
36590 border-right-width: 0;
36591 border-left-color: rgba(0, 0, 0, 0.25);
36593 span[data-flexitour=container][x-placement=left] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=left-start] div[data-role=arrow]:after {
36594 right: 1px;
36595 margin-top: -1rem;
36596 content: " ";
36597 border-right-width: 0;
36598 border-left-color: #fff;
36600 span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
36601 margin-left: 1rem;
36603 span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
36604 left: -1rem;
36605 top: 50%;
36606 margin-top: -1rem;
36607 border-left-width: 0;
36608 border-right-color: rgba(0, 0, 0, 0.25);
36610 span[data-flexitour=container][x-placement=right] div[data-role=arrow]:after, span[data-flexitour=container][x-placement=right-start] div[data-role=arrow]:after {
36611 left: 1px;
36612 margin-top: -1rem;
36613 content: " ";
36614 border-left-width: 0;
36615 border-right-color: #fff;
36617 .dir-rtl span[data-flexitour=container][x-placement^=right] {
36618 margin-left: 1rem;
36620 .dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
36621 transform: rotate(180deg);
36622 left: -1rem;
36623 right: auto;
36625 .dir-rtl span[data-flexitour=container][x-placement^=left] {
36626 margin-right: 1rem;
36628 .dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
36629 transform: rotate(180deg);
36630 left: auto;
36631 right: -1rem;
36634 [data-region=drawer] [data-flexitour=container] {
36635 /*rtl:ignore*/
36636 margin-left: -15px;
36637 width: 275px;
36640 @media print {
36641 body.drawer-open-left.jsenabled,
36642 body.drawer-open-right.jsenabled {
36643 margin: 0;
36645 .container {
36646 width: auto;
36649 .modal .modal-body > .loading-icon {
36650 display: block;
36651 position: relative;
36652 width: 100%;
36653 height: 100%;
36655 .modal .modal-body > .loading-icon .icon {
36656 position: absolute;
36657 top: 50%;
36658 /*rtl:ignore*/
36659 left: 50%;
36660 transform: translate(-50%, -50%);
36662 .modal .close {
36663 margin: -0.8rem -0.8rem -0.8rem auto;
36665 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
36666 opacity: inherit;
36669 .layout.fullscreen {
36670 height: 100vh;
36671 position: fixed;
36672 top: 0;
36673 left: 0;
36674 z-index: 1040;
36675 transition: 0.5s;
36676 width: 100vw;
36677 margin: 0;
36678 opacity: 1;
36679 background-color: #fff;
36681 @media (prefers-reduced-motion: reduce) {
36682 .layout.fullscreen {
36683 transition: none;
36686 .layout.fullscreen > div {
36687 height: 100%;
36688 width: 100%;
36690 .layout.fullscreen .loading-icon {
36691 margin-left: auto;
36692 margin-right: auto;
36693 text-align: center;
36694 display: inline-block;
36695 width: 100%;
36696 top: 40%;
36697 position: fixed;
36699 .layout.fullscreen .loading-icon .icon {
36700 width: 1em;
36701 height: 1em;
36702 font-size: 4em;
36705 #page.drawers {
36706 margin-top: 50px;
36707 scrollbar-width: thin;
36708 scrollbar-color: #6a737b #f8f9fa;
36710 #page.drawers::-webkit-scrollbar {
36711 width: 12px;
36713 #page.drawers::-webkit-scrollbar-track {
36714 background: #f8f9fa;
36716 #page.drawers::-webkit-scrollbar-thumb {
36717 background-color: #6a737b;
36718 border-radius: 20px;
36719 border: 3px solid #f8f9fa;
36721 #page.drawers::-webkit-scrollbar-thumb:hover {
36722 background-color: #495057;
36724 #page.drawers .main-inner {
36725 max-width: 100%;
36726 width: 100%;
36727 margin: 0 auto;
36728 border-radius: 0.25rem;
36729 background-color: #fff;
36730 padding: 1.5rem 0.5rem;
36731 margin-top: 0.5rem;
36732 margin-bottom: 3rem;
36733 flex: 1 0 auto;
36735 #page.drawers .activity-header {
36736 margin-left: 15px;
36737 margin-right: 15px;
36740 @media (min-width: 768px) {
36741 .pagelayout-standard #page.drawers .main-inner,
36742 body.limitedwidth #page.drawers .main-inner {
36743 max-width: 830px;
36745 .pagelayout-standard #page.drawers .footer-popover,
36746 body.limitedwidth #page.drawers .footer-popover {
36747 max-width: 830px;
36748 width: 100%;
36749 margin: 0 auto;
36750 border-radius: 0.25rem;
36752 body.mediumwidth #page.drawers .main-inner {
36753 max-width: 1120px;
36755 body.mediumwidth #page.drawers .footer-popover {
36756 max-width: 1120px;
36757 width: 100%;
36758 margin: 0 auto;
36759 border-radius: 0.25rem;
36761 .header-maxwidth {
36762 max-width: 830px;
36763 margin: 0 auto;
36764 padding-left: 15px;
36765 padding-right: 15px;
36767 .header-maxwidth .header-inner {
36768 padding-left: 0;
36769 padding-right: 0;
36772 .drawer-toggles .drawer-toggler {
36773 position: fixed;
36774 top: calc(50px + 0.7rem);
36775 z-index: 2;
36777 .drawer-toggles .drawer-toggler .btn {
36778 border-radius: 200px;
36779 padding: 16px;
36780 background-color: #dee2e6;
36781 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
36782 transition: padding 200ms;
36784 .drawer-toggles .drawer-toggler .btn .icon {
36785 width: auto;
36786 height: auto;
36788 .drawer-toggles .drawer-toggler .btn:focus {
36789 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
36791 .drawer-toggles .drawer-left-toggle {
36792 left: 0;
36794 .drawer-toggles .drawer-left-toggle .btn {
36795 border-top-left-radius: 0;
36796 border-bottom-left-radius: 0;
36797 padding-right: 14px;
36798 padding-left: 10px;
36800 .drawer-toggles .drawer-left-toggle .btn:hover {
36801 padding-left: 20px;
36803 .drawer-toggles .drawer-right-toggle {
36804 right: 0;
36806 .drawer-toggles .drawer-right-toggle .btn {
36807 border-top-right-radius: 0;
36808 border-bottom-right-radius: 0;
36809 padding-right: 10px;
36810 padding-left: 14px;
36812 .drawer-toggles .drawer-right-toggle .btn:hover {
36813 padding-right: 20px;
36816 #page.drawers.show-drawer-left .drawer-left-toggle {
36817 display: none;
36820 #page.drawers.show-drawer-right .drawer-right-toggle {
36821 display: none;
36824 @media (max-width: 767.98px) {
36825 .drawer-toggles {
36826 z-index: 100;
36828 .drawer-toggles .drawer-right-toggle,
36829 .drawer-toggles .drawer-left-toggle {
36830 top: calc(99vh - (50px * 2.5));
36832 #page.drawers.scroll-down .drawer-right-toggle {
36833 transform: translateX(150%);
36834 pointer-events: auto;
36835 visibility: hidden;
36837 #page.drawers.scroll-down .drawer-left-toggle {
36838 transform: translateX(-150%);
36839 pointer-events: auto;
36840 visibility: hidden;
36843 @media (min-width: 576px) {
36844 #page.drawers .main-inner {
36845 margin-top: 1.5rem;
36848 @media (min-width: 768px) {
36849 #page.drawers {
36850 padding-left: 3rem;
36851 padding-right: 3rem;
36853 #page.drawers .main-inner {
36854 padding: 1.5rem 0.5rem;
36856 #page.drawers div[role=main] {
36857 padding-left: 15px;
36858 padding-right: 15px;
36861 @media (min-width: 992px) {
36862 .drawer-left,
36863 .drawer-right {
36864 top: 50px;
36865 height: calc(100vh - 50px);
36867 .hasstickyfooter .drawer-left,
36868 .hasstickyfooter .drawer-right {
36869 top: 50px;
36870 height: calc(100vh - 50px - max(80px, 0.9375rem * 3));
36872 #page.drawers {
36873 position: relative;
36874 overflow-y: visible;
36875 transition: 0.2s;
36876 left: 0;
36877 right: 0;
36880 @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
36881 #page.drawers {
36882 transition: none;
36885 @media (min-width: 992px) {
36886 #page.drawers.show-drawer-left {
36887 margin-left: 285px;
36888 margin-right: 0;
36889 padding-left: 1rem;
36892 @media (min-width: 992px) {
36893 #page.drawers.show-drawer-right {
36894 margin-left: 0;
36895 margin-right: 315px;
36896 padding-right: 1rem;
36898 .jsenabled #page.drawers.show-drawer-right .popover-process-monitor, .jsenabled #page.drawers.show-drawer-right .btn-footer-popover, .jsenabled #page.drawers.show-drawer-right .btn-footer-communication {
36899 right: calc(315px + 2rem);
36902 @media (min-width: 992px) {
36903 #page.drawers.show-drawer-left.show-drawer-right {
36904 margin-left: 285px;
36905 margin-right: 315px;
36908 @media (min-width: 992px) {
36909 #page.drawers.hasstickyfooter {
36910 margin-bottom: max(80px, 0.9375rem * 3);
36913 .drawercontrolbuttons {
36914 margin-top: 92px;
36916 .drawercontrolbuttons .buttons {
36917 z-index: 1;
36920 .form-control:-ms-input-placeholder {
36921 color: #6a737b;
36924 .custom-select {
36925 -webkit-appearance: none;
36926 -moz-appearance: none;
36929 .custom-range {
36930 -webkit-appearance: none;
36931 -moz-appearance: none;
36933 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
36934 -webkit-appearance: none;
36935 -moz-appearance: none;
36938 input[type=date].form-control,
36939 input[type=time].form-control,
36940 input[type=datetime-local].form-control,
36941 input[type=month].form-control {
36942 -webkit-appearance: none;
36943 -moz-appearance: none;
36946 @media (min-width: 576px) {
36947 .card-columns {
36948 -webkit-column-gap: 1.25rem;
36949 -moz-column-gap: 1.25rem;
36953 .carousel-item {
36954 -webkit-backface-visibility: hidden;
36957 .card {
36958 -webkit-background-clip: border-box;
36961 .carousel-indicators li,
36962 .dropdown-menu,
36963 .form-control,
36964 .modal-content,
36965 .popover,
36966 .toast {
36967 -webkit-background-clip: padding-box;
36970 .btn {
36971 -webkit-user-select: none;
36972 -ms-user-select: none;
36975 .user-select-all {
36976 -webkit-user-select: all !important; /* stylelint-disable-line declaration-no-important */
36977 -ms-user-select: none;
36980 .user-select-auto {
36981 -webkit-user-select: auto !important; /* stylelint-disable-line declaration-no-important */
36982 -ms-user-select: none;
36985 .user-select-none {
36986 -webkit-user-select: none !important; /* stylelint-disable-line declaration-no-important */
36987 -ms-user-select: none;
36990 .editor_atto_content_wrap {
36991 background-color: #fff;
36992 color: #333;
36995 .editor_atto_content {
36996 padding: 4px;
36997 resize: vertical;
36998 overflow: auto;
37001 .editor_atto_content_wrap,
37002 .editor_atto + textarea {
37003 width: 100%;
37004 padding: 0;
37007 .editor_atto + textarea {
37008 border-radius: 0;
37009 resize: vertical;
37010 margin-top: -1px;
37013 div.editor_atto_toolbar {
37014 display: block;
37015 background: #f2f2f2;
37016 min-height: 35px;
37017 border: 1px solid #8f959e;
37018 width: 100%;
37019 padding: 0 0 9px 0;
37020 border-top-left-radius: 0.25rem;
37021 border-top-right-radius: 0.25rem;
37024 div.editor_atto_toolbar button {
37025 padding: 4px 9px;
37026 background: none;
37027 border: 0;
37028 margin: 0;
37029 border-radius: 0;
37030 cursor: pointer;
37033 div.editor_atto_toolbar .menuplaceholder {
37034 display: inline-block;
37037 div.editor_atto_toolbar button + button,
37038 div.editor_atto_toolbar .menuplaceholder + button {
37039 border-left: 1px solid #ccc;
37042 div.editor_atto_toolbar button[disabled] {
37043 opacity: 0.45;
37044 background: none;
37045 cursor: default;
37048 .editor_atto_toolbar button:hover {
37049 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
37050 background-color: #ebebeb;
37053 .editor_atto_toolbar button:active,
37054 .editor_atto_toolbar button.highlight {
37055 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
37056 background-color: #dfdfdf;
37059 /* Make firefox button sizes match other browsers */
37060 div.editor_atto_toolbar button::-moz-focus-inner {
37061 border: 0;
37062 padding: 0;
37065 div.editor_atto_toolbar button .icon {
37066 padding: 0;
37067 margin: 2px 0;
37070 div.editor_atto_toolbar div.atto_group {
37071 display: inline-block;
37072 border: 1px solid #ccc;
37073 border-bottom: 1px solid #b3b3b3;
37074 border-radius: 4px;
37075 margin: 9px 0 0 9px;
37076 background: #fff;
37079 div.editor_atto_toolbar .atto_toolbar_row {
37080 margin: 6px 0 -3px 5px;
37081 display: table;
37083 div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
37084 margin: 3px 5px 3px 4px;
37087 .editor_atto_content img {
37088 resize: both;
37089 overflow: auto;
37092 .atto_hasmenu {
37093 /* IE8 places the images on top of each other if that is not set. */
37094 white-space: nowrap;
37097 .atto_menuentry .icon {
37098 width: 16px;
37099 height: 16px;
37102 .atto_menuentry {
37103 clear: left;
37106 .atto_menuentry h1,
37107 .atto_menuentry h2,
37108 .atto_menuentry p {
37109 margin: 4px;
37112 /*.atto_form label.sameline {
37113 display: inline-block;
37114 min-width: 10em;
37116 .atto_form textarea.fullwidth,
37117 .atto_form input.fullwidth {
37118 width: 100%;
37121 .atto_form {
37122 padding: 0.5rem;
37125 /*.atto_form label {
37126 display: block;
37127 margin: 0 0 5px 0;
37129 .atto_control {
37130 position: absolute;
37131 right: -6px;
37132 bottom: -6px;
37133 display: none;
37134 cursor: pointer;
37137 .atto_control .icon {
37138 background-color: #fff;
37141 div.editor_atto_content:focus .atto_control,
37142 div.editor_atto_content:hover .atto_control {
37143 display: block;
37146 .editor_atto_menu.yui3-menu-hidden {
37147 display: none;
37150 /* Get broken images back in firefox */
37151 .editor_atto_content img:-moz-broken {
37152 -moz-force-broken-image-icon: 1;
37153 min-width: 24px;
37154 min-height: 24px;
37157 /* Atto menu styling */
37158 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
37159 padding: 0;
37160 z-index: 1000;
37163 .editor_atto_menu .dropdown-menu > li > a {
37164 margin: 3px 14px;
37167 .editor_atto_menu .open ul.dropdown-menu {
37168 padding-top: 5px;
37169 padding-bottom: 5px;
37172 .editor_atto_wrap {
37173 position: relative;
37176 /*rtl:ignore*/
37177 .editor_atto_wrap textarea {
37178 direction: ltr;
37181 .editor_atto_notification {
37182 display: inline-block;
37183 padding: 0.5em;
37184 padding-left: 1em;
37185 padding-right: 1em;
37186 border-bottom-left-radius: 1em;
37187 border-bottom-right-radius: 1em;
37189 .editor_atto_notification .atto_info {
37190 background-color: #f2f2f2;
37192 .editor_atto_notification .atto_warning {
37193 background-color: #ffd700;
37196 .editor_atto_toolbar,
37197 .editor_atto_content_wrap,
37198 .editor_atto + textarea {
37199 box-sizing: border-box;
37202 .editor_atto_content.form-control {
37203 width: 100%;
37204 border-top: 0;
37205 border-top-left-radius: 0;
37206 border-top-right-radius: 0;
37209 /** Atto fields do not have form-control because that would break the layout of the editor.
37210 So they need these extra styles to highlight the editor when there is a validation error. */
37211 .has-danger .editor_atto_content.form-control .invalid-feedback,
37212 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
37213 display: none;
37214 width: 100%;
37215 margin-top: 0.25rem;
37216 font-size: 0.875em;
37217 color: #ca3120;
37219 .has-danger .editor_atto_content.form-control .invalid-tooltip,
37220 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37221 position: absolute;
37222 top: 100%;
37223 left: 0;
37224 z-index: 5;
37225 display: none;
37226 max-width: 100%;
37227 padding: 0.25rem 0.5rem;
37228 margin-top: 0.1rem;
37229 font-size: 0.8203125rem;
37230 line-height: 1.5;
37231 color: #fff;
37232 background-color: rgba(202, 49, 32, 0.9);
37233 border-radius: 0.25rem;
37235 .form-row > .col > .has-danger .editor_atto_content.form-control .invalid-tooltip, .form-row > [class*=col-] > .has-danger .editor_atto_content.form-control .invalid-tooltip,
37236 .form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip,
37237 .form-row > [class*=col-] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37238 left: 5px;
37240 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback,
37241 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback,
37242 .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip,
37243 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback,
37244 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip,
37245 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback,
37246 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
37247 display: block;
37249 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid,
37250 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,
37251 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
37252 border-color: #ca3120;
37253 padding-right: calc(1.5em + 0.75rem) !important;
37254 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
37255 background-repeat: no-repeat;
37256 background-position: right calc(0.375em + 0.1875rem) center;
37257 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
37259 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid:focus, .has-danger .editor_atto_content.form-control .form-control.is-invalid:focus,
37260 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,
37261 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
37262 border-color: #ca3120;
37263 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37265 .was-validated .has-danger .editor_atto_content.form-control select.form-control:invalid, .has-danger .editor_atto_content.form-control select.form-control.is-invalid,
37266 .was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid,
37267 .has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
37268 padding-right: 3rem !important;
37269 background-position: right 1.5rem center;
37271 .was-validated .has-danger .editor_atto_content.form-control textarea.form-control:invalid, .has-danger .editor_atto_content.form-control textarea.form-control.is-invalid,
37272 .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,
37273 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
37274 padding-right: calc(1.5em + 0.75rem);
37275 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
37277 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid,
37278 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,
37279 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
37280 border-color: #ca3120;
37281 padding-right: calc(0.75em + 2.3125rem) !important;
37282 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
37284 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid:focus, .has-danger .editor_atto_content.form-control .custom-select.is-invalid:focus,
37285 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,
37286 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
37287 border-color: #ca3120;
37288 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37290 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .form-check-label, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .form-check-label,
37291 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label,
37292 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
37293 color: #ca3120;
37295 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback,
37296 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-feedback,
37297 .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip,
37298 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback,
37299 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip,
37300 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback,
37301 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
37302 display: block;
37304 .was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid ~ .custom-control-label, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid ~ .custom-control-label,
37305 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label,
37306 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
37307 color: #ca3120;
37309 .was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid ~ .custom-control-label::before,
37310 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before,
37311 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
37312 border-color: #ca3120;
37314 .was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:checked ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
37315 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before,
37316 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
37317 border-color: #e04d3d;
37318 background-color: #e04d3d;
37320 .was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:focus ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:focus ~ .custom-control-label::before,
37321 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before,
37322 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
37323 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37325 .was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
37326 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
37327 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
37328 border-color: #ca3120;
37330 .was-validated .has-danger .editor_atto_content.form-control .custom-file-input:invalid ~ .custom-file-label, .has-danger .editor_atto_content.form-control .custom-file-input.is-invalid ~ .custom-file-label,
37331 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label,
37332 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
37333 border-color: #ca3120;
37335 .was-validated .has-danger .editor_atto_content.form-control .custom-file-input:invalid:focus ~ .custom-file-label, .has-danger .editor_atto_content.form-control .custom-file-input.is-invalid:focus ~ .custom-file-label,
37336 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label,
37337 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
37338 border-color: #ca3120;
37339 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37342 .open.atto_menu > .dropdown-menu {
37343 display: block;
37346 div.editor_atto_toolbar button .icon {
37347 color: #495057;
37350 .toast {
37351 border-radius: 0.25rem;
37353 .toast.toast-success {
37354 background-color: rgba(215, 228, 214, 0.95);
37355 color: #1c3f1a;
37357 .toast.toast-success .toast-header {
37358 color: #1c3f1a;
37360 .toast.toast-success .toast-body:before {
37361 margin: 2px 5px 0 0;
37362 content: "\f058";
37364 .toast.toast-danger {
37365 background-color: rgba(244, 214, 210, 0.95);
37366 color: #691911;
37368 .toast.toast-danger .toast-header {
37369 color: #691911;
37371 .toast.toast-danger .toast-body:before {
37372 margin: 2px 5px 0 0;
37373 content: "\f057";
37375 .toast.toast-info {
37376 background-color: rgba(204, 230, 234, 0.95);
37377 color: #00434e;
37379 .toast.toast-info .toast-header {
37380 color: #00434e;
37382 .toast.toast-info .toast-body:before {
37383 margin: 2px 5px 0 0;
37384 content: "\f05a";
37386 .toast.toast-warning {
37387 background-color: rgba(252, 239, 220, 0.95);
37388 color: #7d5a29;
37390 .toast.toast-warning .toast-header {
37391 color: #7d5a29;
37393 .toast.toast-warning .toast-body:before {
37394 margin: 2px 5px 0 0;
37395 content: "\f06a";
37397 .toast .close {
37398 color: inherit;
37401 .navbar.fixed-top {
37402 padding-top: 0;
37403 padding-bottom: 0;
37404 box-shadow: none;
37405 border-bottom: #dee2e6 1px solid;
37406 align-items: stretch;
37407 height: 51px;
37409 .navbar.fixed-top .navbar-brand .logo {
37410 max-height: calc(50px - (0.25rem * 2));
37412 .navbar.fixed-top .nav-link {
37413 height: 100%;
37414 display: flex;
37415 align-items: center;
37416 white-space: nowrap;
37418 .navbar.fixed-top .divider {
37419 width: 1px;
37420 background-color: #dee2e6;
37422 .navbar.fixed-top #usernavigation .nav-link {
37423 padding: 0 0.5rem;
37425 .navbar.fixed-top .login {
37426 display: flex;
37427 align-items: center;
37429 .navbar.fixed-top .usermenu {
37430 display: flex;
37432 .navbar.fixed-top .usermenu .action-menu {
37433 display: flex;
37434 align-items: center;
37436 .navbar.fixed-top .usermenu .dropdown {
37437 display: flex;
37438 align-items: center;
37440 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
37441 padding-top: 0;
37442 padding-bottom: 0;
37443 border-radius: 0;
37444 display: flex;
37445 align-items: center;
37446 height: 100%;
37448 .navbar.fixed-top .usermenu .dropdown-menu {
37449 min-width: 235px;
37451 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
37452 pointer-events: none;
37454 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
37455 padding: 0.25rem 1.75rem 0.25rem 0.75rem;
37457 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37458 content: "\f0da";
37459 font-size: 1rem;
37460 right: 0.75rem;
37461 position: absolute;
37463 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
37464 padding: 0.25rem 0.75rem;
37465 font-size: 0.975rem;
37467 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
37468 font-size: 20px;
37469 height: 20px;
37470 width: 20px;
37471 margin: 0;
37473 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before {
37474 content: "\f00c";
37475 font-size: 0.75rem;
37476 padding-left: 0.25rem;
37478 .navbar.fixed-top .usermenu .login {
37479 display: flex;
37480 align-items: center;
37482 .navbar.fixed-top .usermenu .dropdown,
37483 .navbar.fixed-top .langmenu .dropdown {
37484 display: flex;
37485 align-items: center;
37486 height: 100%;
37488 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
37489 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
37490 padding-top: 0;
37491 padding-bottom: 0;
37492 border-radius: 0;
37493 display: flex;
37494 align-items: center;
37495 height: 100%;
37497 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current=true]::before {
37498 content: "\f00c";
37499 font-size: 0.75rem;
37500 padding-left: 0.25rem;
37502 @media (max-width: 767.98px) {
37503 .navbar.fixed-top .langmenu .langbutton {
37504 display: none;
37507 .navbar.fixed-top .moodle-actionmenu .menubar,
37508 .navbar.fixed-top .action-menu-trigger .dropdown {
37509 height: 100%;
37510 display: flex;
37513 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37514 content: "\f0d9";
37516 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
37517 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
37518 transform: translateX(0);
37520 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
37521 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
37522 transform: translateX(-100%);
37524 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
37525 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
37526 transform: translateX(100%);
37529 #page {
37530 margin-top: 50px;
37533 .pagelayout-embedded #page {
37534 margin-top: 0;
37537 .navbar-bootswatch .navbar-brand {
37538 overflow: hidden;
37539 text-overflow: ellipsis;
37541 .navbar-bootswatch .navbar-brand .sitename {
37542 overflow: hidden;
37543 white-space: nowrap;
37544 text-overflow: ellipsis;
37547 :root {
37548 --navbar-height: 50px;
37552 * Reportbuilder styles.
37554 .reportbuilder-wrapper .btn-outline-secondary[data-toggle=collapse]:not(.collapsed),
37555 .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-toggle=dropdown] {
37556 color: #fff;
37557 background-color: #6a737b;
37558 border-color: #6a737b;
37561 .reportbuilder-table .action-menu .menubar {
37562 justify-content: end;
37565 .reportbuilder-wrapper .filters-dropdown {
37566 width: 27rem;
37567 padding: 0 0 4rem 0;
37568 z-index: 1050;
37569 overflow: hidden;
37571 @media (max-width: 767.98px) {
37572 .reportbuilder-wrapper .filters-dropdown {
37573 width: 100%;
37577 .reportbuilder-filters-sidebar {
37578 max-height: 30rem;
37579 overflow-y: auto;
37580 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37581 scrollbar-width: thin;
37582 scrollbar-color: #6a737b #fff;
37583 background: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), #fff 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;
37584 background-repeat: no-repeat;
37585 background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
37586 background-attachment: local, local, scroll, scroll;
37588 .reportbuilder-filters-sidebar::-webkit-scrollbar {
37589 width: 12px;
37591 .reportbuilder-filters-sidebar::-webkit-scrollbar-track {
37592 background: #fff;
37594 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
37595 background-color: #6a737b;
37596 border-radius: 20px;
37597 border: 3px solid #fff;
37599 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
37600 background-color: #495057;
37602 .reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
37603 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37605 .reportbuilder-filters-sidebar .filter .filter-name:hover {
37606 white-space: normal;
37607 text-overflow: clip;
37608 word-break: break-all;
37610 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] {
37611 position: absolute;
37612 bottom: 0;
37613 height: 4rem;
37614 align-items: center;
37616 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] .col-form-label {
37617 display: none !important; /* stylelint-disable-line declaration-no-important */
37620 .reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector,
37621 .reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
37622 flex-wrap: wrap;
37624 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem,
37625 .reportbuilder-conditions-list .mform.full-width-labels .fitem {
37626 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
37627 max-width: 100%;
37629 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child,
37630 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child {
37631 flex: 1;
37632 min-width: 0;
37634 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child span,
37635 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child .custom-select,
37636 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child span,
37637 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child .custom-select {
37638 width: 100%;
37641 @media (min-width: 992px) {
37642 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
37643 position: fixed;
37645 .path-admin-reportbuilder.pagelayout-popup #region-main {
37646 border: none;
37647 padding: 0;
37649 .path-admin-reportbuilder.pagelayout-popup #maincontent {
37650 visibility: hidden;
37652 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
37653 position: fixed;
37654 z-index: 1030;
37655 width: calc(100% - 35px);
37656 padding-top: 1.25rem;
37657 background-color: #fff;
37658 box-shadow: 0 1.25rem 0 #fff;
37660 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
37661 padding-top: 83px;
37663 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
37664 position: fixed;
37666 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
37667 max-height: calc(100vh - 153px - 52px);
37669 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
37670 position: fixed;
37671 right: 30px;
37672 max-height: calc(100vh - 153px);
37674 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
37675 max-height: calc(100vh - 153px);
37676 overflow-y: auto;
37677 scrollbar-width: thin;
37678 scrollbar-color: #6a737b #f8f9fa;
37679 margin-left: calc(250px + 1rem);
37680 margin-right: calc(350px + 1rem);
37682 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
37683 width: 12px;
37685 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
37686 background: #f8f9fa;
37688 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
37689 background-color: #6a737b;
37690 border-radius: 20px;
37691 border: 3px solid #f8f9fa;
37693 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
37694 background-color: #495057;
37696 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
37697 margin-left: calc(250px + 1rem);
37700 #page-admin-reportbuilder-edit #page {
37701 overflow-y: auto;
37704 .reportbuilder-report-container {
37705 min-width: 0;
37707 .reportbuilder-report-container button[data-action=toggle-edit-preview] .loading-icon {
37708 margin-left: 0.5rem;
37711 .reportbuilder-editor-table-container {
37712 overflow-x: auto;
37715 .reportbuilder-table th button[data-action=report-remove-column] .icon,
37716 .reportbuilder-table th span[data-drag-type=move] .icon {
37717 width: 12px;
37718 height: 12px;
37719 font-size: 12px;
37720 vertical-align: text-top;
37721 color: #1d2125;
37723 .reportbuilder-table th button[data-action=report-remove-column] .icon {
37724 margin-right: 0;
37727 @media (min-width: 992px) {
37728 .reportbuilder-sidebar-menu {
37729 width: 250px;
37730 flex-shrink: 0;
37733 .reportbuilder-sidebar-menu .card-body .list-group-item {
37734 padding: 0.75rem;
37736 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
37737 width: 12px;
37738 height: 12px;
37739 font-size: 12px;
37742 .reportbuilder-sidebar-menu-cards {
37743 overflow-y: auto;
37744 scrollbar-width: thin;
37745 scrollbar-color: #6a737b #f8f9fa;
37747 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
37748 width: 12px;
37750 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
37751 background: #f8f9fa;
37753 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
37754 background-color: #6a737b;
37755 border-radius: 20px;
37756 border: 3px solid #f8f9fa;
37758 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
37759 background-color: #495057;
37762 .reportbuilder-sidebar-settings {
37763 overflow-y: auto;
37764 scrollbar-width: thin;
37765 scrollbar-color: #6a737b #f8f9fa;
37767 .reportbuilder-sidebar-settings::-webkit-scrollbar {
37768 width: 12px;
37770 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
37771 background: #f8f9fa;
37773 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
37774 background-color: #6a737b;
37775 border-radius: 20px;
37776 border: 3px solid #f8f9fa;
37778 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
37779 background-color: #495057;
37781 @media (min-width: 992px) {
37782 .reportbuilder-sidebar-settings {
37783 width: 350px;
37784 flex-shrink: 0;
37787 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-selection,
37788 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-selection {
37789 display: none;
37791 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-input,
37792 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-input {
37793 width: 100%;
37795 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-suggestions,
37796 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-suggestions {
37797 width: calc(100% - 2 * 0.5rem);
37799 .reportbuilder-sidebar-settings .list-group-item {
37800 padding: 0.75rem;
37802 .reportbuilder-sidebar-settings .list-group-item .icon {
37803 width: 12px;
37804 height: 12px;
37805 font-size: 12px;
37806 color: #1d2125;
37808 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
37809 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
37810 margin-right: 0;
37811 vertical-align: text-top;
37813 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
37814 vertical-align: text-top;
37816 .reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
37817 vertical-align: middle;
37819 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
37820 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
37821 flex: 1 1;
37822 max-width: initial;
37824 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
37825 flex-basis: auto;
37827 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
37828 width: 100%;
37831 @keyframes sortable-list-drag-color-reset {
37832 from {
37833 background-color: #a2cff8;
37835 to {
37836 background-color: inherit;
37839 .reportbuilder-sortable-list li.sortable-list-current-position,
37840 .reportbuilder-table th.sortable-list-current-position,
37841 .reportbuilder-conditions-list .condition.sortable-list-current-position {
37842 background-color: #a2cff8;
37844 .reportbuilder-sortable-list li.sortable-list-is-dragged,
37845 .reportbuilder-table th.sortable-list-is-dragged,
37846 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
37847 background-color: #fff;
37848 opacity: 0.85;
37850 .reportbuilder-sortable-list li.sortable-list-is-dropped,
37851 .reportbuilder-table th.sortable-list-is-dropped,
37852 .reportbuilder-conditions-list .condition.sortable-list-is-dropped {
37853 animation: sortable-list-drag-color-reset 1s ease;
37856 .reportbuilder-toggle-card .card-header {
37857 border-bottom: none;
37859 .reportbuilder-toggle-card .card-body {
37860 border-top: 1px solid rgba(0, 0, 0, 0.125);
37862 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
37863 color: #6a737b;
37864 font-size: 1.5em;
37865 font-weight: 700;
37867 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
37868 display: none;
37870 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
37871 display: inline-block;
37873 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
37874 display: inline-block;
37876 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
37877 display: none;
37880 .reportbuilder-audiences-container .audience-separator {
37881 text-transform: uppercase;
37883 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
37884 content: "";
37885 flex: 1;
37886 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
37888 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
37889 margin-right: 1rem;
37891 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
37892 margin-left: 1rem;
37894 .reportbuilder-audiences-container .instance-card .card-header i.icon {
37895 margin-right: 0;
37898 @media (max-width: 575.98px) {
37899 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
37900 display: none;
37902 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
37903 display: flex;
37904 flex-direction: column;
37905 margin: 0.5rem 0;
37906 padding: 0.25rem 0.5rem 0 0.5rem;
37907 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37908 word-wrap: break-word;
37909 background-clip: border-box;
37910 border: 1px solid rgba(0, 0, 0, 0.125);
37911 border-radius: 0.25rem;
37913 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
37914 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37916 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
37917 display: none;
37919 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
37920 display: none;
37922 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
37923 display: block;
37924 min-height: 3.6rem;
37925 padding: 0.5rem 0.25rem;
37926 border: none;
37928 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
37929 content: attr(data-cardtitle);
37930 display: block;
37931 text-transform: uppercase;
37932 font-size: 70%;
37933 color: #343a40;
37935 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
37936 min-height: 3rem;
37938 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
37939 border-top: 1px solid rgba(0, 0, 0, 0.125);
37941 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
37942 padding-right: 2rem;
37944 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
37945 display: block !important; /* stylelint-disable-line declaration-no-important */
37946 position: absolute;
37947 right: 10px;
37949 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
37950 padding: 0 0.5rem;
37951 color: #6a737b;
37953 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
37954 font-size: 1.5em;
37955 font-weight: bold;
37958 @media (min-width: 576px) {
37959 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
37960 display: none;
37962 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
37963 display: flex;
37964 flex-direction: column;
37965 margin: 0.5rem 0;
37966 padding: 0.25rem 0.5rem 0 0.5rem;
37967 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37968 word-wrap: break-word;
37969 background-clip: border-box;
37970 border: 1px solid rgba(0, 0, 0, 0.125);
37971 border-radius: 0.25rem;
37973 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
37974 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37976 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
37977 display: none;
37979 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
37980 display: none;
37982 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
37983 display: block;
37984 min-height: 3.6rem;
37985 padding: 0.5rem 0.25rem;
37986 border: none;
37988 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
37989 content: attr(data-cardtitle);
37990 display: block;
37991 text-transform: uppercase;
37992 font-size: 70%;
37993 color: #343a40;
37995 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
37996 min-height: 3rem;
37998 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
37999 border-top: 1px solid rgba(0, 0, 0, 0.125);
38001 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
38002 padding-right: 2rem;
38004 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
38005 display: block !important; /* stylelint-disable-line declaration-no-important */
38006 position: absolute;
38007 right: 10px;
38009 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
38010 padding: 0 0.5rem;
38011 color: #6a737b;
38013 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
38014 font-size: 1.5em;
38015 font-weight: bold;
38019 .courseindex .courseindex-item {
38020 padding: 0.5rem 0.5rem;
38021 border: 1px solid transparent;
38022 border-radius: 0.25rem;
38024 .courseindex .courseindex-item.courseindex-section-title a {
38025 font-weight: bold;
38027 .courseindex .courseindex-item .icons-collapse-expand {
38028 padding-right: 4px;
38030 .courseindex .courseindex-item .courseindex-link,
38031 .courseindex .courseindex-item .courseindex-chevron {
38032 color: #495057;
38034 .courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus,
38035 .courseindex .courseindex-item .courseindex-chevron:hover,
38036 .courseindex .courseindex-item .courseindex-chevron:focus {
38037 color: black;
38038 text-decoration: none;
38040 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
38041 color: black;
38043 .courseindex .courseindex-item:hover .courseindex-link,
38044 .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
38045 .courseindex .courseindex-item:focus .courseindex-chevron {
38046 color: black;
38047 cursor: pointer;
38049 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
38050 color: black;
38052 .courseindex .courseindex-item:hover.dimmed .courseindex-link,
38053 .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
38054 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
38055 color: black;
38057 .courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
38058 cursor: pointer;
38060 .courseindex .courseindex-item.dragging {
38061 border: 1px solid #b8dce2;
38062 background-color: #e0f0f2;
38064 .courseindex .courseindex-item.active {
38065 background-color: #f8f9fa;
38066 border-color: #dee2e6;
38068 .courseindex .courseindex-item.dimmed {
38069 color: #6a737b;
38071 .courseindex .courseindex-item.dimmed .courseindex-link,
38072 .courseindex .courseindex-item.dimmed .courseindex-chevron {
38073 color: #6a737b;
38075 .courseindex .courseindex-item.dimmed.pageitem {
38076 color: #fff;
38078 .courseindex .courseindex-item.dimmed.pageitem a {
38079 color: #fff;
38081 .courseindex .courseindex-item .courseindex-locked {
38082 display: none;
38084 .courseindex .courseindex-item.restrictions .courseindex-locked {
38085 display: block;
38087 .courseindex .courseindex-item.pageitem {
38088 background-color: #0f6cbf;
38089 color: #fff;
38090 scroll-margin: 6rem;
38092 .courseindex .courseindex-item.pageitem a {
38093 color: #fff;
38095 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
38096 background-color: #0c589c;
38097 color: #e6e6e6;
38099 .courseindex .courseindex-item.pageitem:hover .courseindex-link,
38100 .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
38101 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
38102 color: #e6e6e6;
38104 .courseindex .courseindex-item .completioninfo {
38105 min-width: 24px;
38107 .courseindex .courseindex-item .completioninfo.completion_complete {
38108 color: #357a32;
38110 .courseindex .courseindex-item .completioninfo.completion_fail {
38111 color: #ca3120;
38113 .courseindex .courseindex-item.indented {
38114 margin-left: 1rem;
38116 .courseindex .courseindex-section {
38117 border-left: solid 3px transparent;
38119 .courseindex .courseindex-section.dragging {
38120 border: 1px solid #b8dce2;
38121 background-color: #e0f0f2;
38123 .courseindex .courseindex-section .current-badge {
38124 line-height: 1.5;
38125 display: none;
38127 .courseindex .courseindex-section.current {
38128 border-left: solid 3px #0f6cbf;
38130 .courseindex .courseindex-section.current .current-badge {
38131 display: inline-block;
38133 .courseindex .courseindex-section.dropready .courseindex-item-content {
38134 /* Extra dropzone space */
38135 padding-bottom: 1em;
38137 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
38138 padding-left: 0.5rem;
38140 .courseindex .icon {
38141 font-size: 12px;
38143 .courseindex .d-flex-noedit {
38144 display: none;
38146 .courseindex.editing .d-flex-noedit {
38147 display: flex;
38149 .courseindex .placeholders .rounded-circle {
38150 height: 1rem;
38151 width: 1rem;
38153 .courseindex .placeholders .w-100 {
38154 height: 1rem;
38155 margin: 0.5rem 0;
38158 .moremenu {
38159 opacity: 0;
38160 height: 50px;
38162 .moremenu.observed {
38163 opacity: 1;
38165 .moremenu .nav-link {
38166 height: 50px;
38167 display: flex;
38168 align-items: center;
38169 border-right: none;
38170 border-bottom: solid 3px transparent;
38171 border-left: none;
38172 border-top: none;
38174 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
38175 border-color: transparent;
38176 background-color: #f8f9fa;
38178 .moremenu .nav-link.active {
38179 background-color: #f8f9fa;
38180 border-color: transparent;
38181 border-bottom-color: #0f6cbf;
38183 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
38184 background-color: #f8f9fa;
38185 border-bottom-color: #0f6cbf;
38187 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
38188 position: relative;
38190 .moremenu .nav-link[data-toggle=tab] {
38191 display: inline-flex;
38192 flex-direction: column;
38193 align-items: center;
38194 justify-content: center;
38196 .moremenu .nav-link[data-toggle=tab]::after {
38197 content: attr(data-text)/"";
38198 height: 0;
38199 visibility: hidden;
38200 overflow: hidden;
38201 user-select: none;
38202 pointer-events: none;
38203 font-weight: bold;
38205 @media speech {
38206 .moremenu .nav-link[data-toggle=tab]::after {
38207 display: none;
38210 .moremenu .nav-tabs {
38211 margin-left: 0;
38212 background-color: #fff;
38214 .moremenu .show > .nav-link,
38215 .moremenu .active > .nav-link,
38216 .moremenu .nav-link.show,
38217 .moremenu .nav-link.active {
38218 background: transparent;
38220 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
38221 padding: 0;
38223 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
38224 position: static;
38225 padding: 0;
38226 border: 0;
38228 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
38229 display: block;
38231 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
38232 background-color: #f8f9fa;
38234 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
38235 color: #fff;
38236 background-color: #0f6cbf;
38238 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
38239 display: none;
38241 .moremenu .dropdown-item[aria-current=true],
38242 .moremenu .dropdown-item.active {
38243 background-color: transparent;
38244 color: #1d2125;
38246 .moremenu .dropdown-item[aria-current=true]:focus-within, .moremenu .dropdown-item[aria-current=true]:hover,
38247 .moremenu .dropdown-item.active:focus-within,
38248 .moremenu .dropdown-item.active:hover {
38249 background-color: #0f6cbf;
38250 color: #fff;
38252 .moremenu .dropdown-item[aria-current=true]:focus-within a, .moremenu .dropdown-item[aria-current=true]:hover a,
38253 .moremenu .dropdown-item.active:focus-within a,
38254 .moremenu .dropdown-item.active:hover a {
38255 color: #fff;
38257 .moremenu .dropdown-item[aria-current=true]:before,
38258 .moremenu .dropdown-item.active:before {
38259 content: "\f00c";
38262 .primary-navigation .navigation {
38263 height: 50px;
38265 .primary-navigation .navigation .nav-link {
38266 height: 50px;
38267 color: #1d2125;
38268 border-top: 3px solid transparent;
38271 @media (max-width: 767.98px) {
38272 .primary-navigation {
38273 display: none;
38275 .editmode-switch-form label {
38276 position: absolute;
38277 width: 1px;
38278 height: 1px;
38279 padding: 0;
38280 margin: -1px;
38281 overflow: hidden;
38282 clip: rect(0, 0, 0, 0);
38283 white-space: nowrap;
38284 border: 0;
38287 .editmode-switch-form .custom-control-input {
38288 width: 100%;
38289 z-index: 1;
38292 .drawer-primary .drawercontent {
38293 padding: 0;
38295 .drawer-primary .drawercontent .list-group {
38296 border-radius: 0;
38297 margin-top: -1px;
38299 .drawer-primary .drawercontent .list-group .list-group-item {
38300 border-left: 0;
38301 border-right: 0;
38304 .secondary-navigation {
38305 padding-bottom: 15px;
38307 .secondary-navigation .navigation {
38308 border-bottom: 1px solid #dee2e6;
38309 background-color: #fff;
38310 margin: 0 -0.5rem;
38311 padding: 0 0.5rem;
38313 .secondary-navigation .navigation .nav-tabs {
38314 border: none;
38315 max-width: 830px;
38316 margin: 0 auto;
38318 .secondary-navigation .navigation .nav-tabs .nav-link {
38319 border-radius: initial;
38322 @media (min-width: 768px) {
38323 .secondary-navigation .navigation {
38324 padding: 0 calc(0.5rem + 15px);
38327 .tertiary-navigation {
38328 padding-top: 10px;
38330 .tertiary-navigation.full-width-bottom-border {
38331 width: calc(100% + 1rem + 30px);
38332 margin-left: calc(-0.5rem - 15px);
38333 margin-right: calc(-0.5rem - 15px);
38334 border-bottom: 1px solid #dee2e6;
38335 margin-bottom: 25px;
38337 @media (max-width: 767.98px) {
38338 .tertiary-navigation.full-width-bottom-border {
38339 width: calc(100% + 1rem);
38340 margin-left: -0.5rem;
38341 margin-right: -0.5rem;
38344 .tertiary-navigation.full-width-bottom-border .row {
38345 margin: 0;
38346 padding-left: 0.5rem;
38347 padding-right: 0.5rem;
38349 .tertiary-navigation .navitem,
38350 .tertiary-navigation .navitem-divider {
38351 display: flex;
38352 margin-bottom: 25px;
38354 .tertiary-navigation .navitem-divider {
38355 width: 1px;
38356 background-color: #dee2e6;
38358 .tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
38359 margin-bottom: 25px;
38361 .tertiary-navigation .row {
38362 column-gap: 10px;
38364 .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
38365 padding: 0;
38366 font-size: 1.4rem;
38367 font-weight: bold;
38369 .tertiary-navigation .navitem:not(:last-child),
38370 .tertiary-navigation .navitem-divider:not(:last-child) {
38371 margin-right: 20px;
38373 .tertiary-navigation .btn > div {
38374 max-width: 200px;
38377 @media (max-width: 767.98px) {
38378 .tertiary-navigation .mform {
38379 padding-left: initial;
38382 @media (max-width: 575.98px) {
38383 .tertiary-navigation .page-toggler > p {
38384 font-size: 80%;
38387 @media print {
38388 .tertiary-navigation {
38389 display: none;
38392 .popover-process-monitor {
38393 position: fixed;
38394 right: 2rem;
38395 bottom: 5rem;
38396 width: 350px;
38397 background-color: #fff;
38398 border-radius: 0.25rem;
38399 border: 1px solid #dee2e6;
38401 .popover-process-monitor .process-list {
38402 max-height: 30vh;
38403 overflow: auto;
38404 scrollbar-width: thin;
38405 scrollbar-color: #6a737b #f8f9fa;
38407 .popover-process-monitor .process-list::-webkit-scrollbar {
38408 width: 12px;
38410 .popover-process-monitor .process-list::-webkit-scrollbar-track {
38411 background: #f8f9fa;
38413 .popover-process-monitor .process-list::-webkit-scrollbar-thumb {
38414 background-color: #6a737b;
38415 border-radius: 20px;
38416 border: 3px solid #f8f9fa;
38418 .popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
38419 background-color: #495057;
38421 .popover-process-monitor .queue-process {
38422 border-bottom: 1px solid #e9ecef;
38424 .popover-process-monitor .queue-process:last-child {
38425 border-bottom: 0;
38428 .moodlenet-share-dialog {
38429 min-height: 500px;
38431 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
38432 align-items: baseline;
38434 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
38435 display: flex;
38437 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
38438 width: auto;
38439 height: 1.3rem;
38441 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
38442 display: flex;
38443 padding-left: 0.5em;
38445 .moodlenet-share-dialog .modal-header.no-border {
38446 border-bottom: none;
38448 .moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
38449 display: none;
38451 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
38452 border-radius: 0.25rem;
38453 color: #1d2125;
38454 background-color: #f5f9fc;
38455 border-color: #3584c9;
38456 border-width: 1px;
38457 border-style: solid;
38458 padding: 0.6em 1.5em;
38459 margin-bottom: 1rem;
38461 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
38462 border-top-color: #3077b5;
38464 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
38465 color: #070808;
38467 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
38468 border-bottom: 1px solid #dee2e6;
38470 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type,
38471 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
38472 display: block;
38474 .moodlenet-share-dialog .modal-body .moodlenet-share-notice {
38475 background-color: #f8f9fa;
38476 padding: 1rem;
38478 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
38479 width: 60px;
38480 height: 60px;
38481 font-size: 60px;
38483 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
38484 height: 18rem;
38485 margin: auto;
38487 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
38488 background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
38490 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
38491 background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
38493 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
38494 display: block;
38495 margin: auto;
38497 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
38498 font-size: 8rem;
38499 width: auto;
38500 margin: 0;
38502 .moodlenet-share-dialog .modal-footer .moodlenet-share-to {
38503 margin-right: auto;
38507 * Dropdown menu Moodle specific styles.
38509 .dropdown-item a {
38510 display: block;
38511 width: 100%;
38512 color: #1d2125;
38514 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
38515 outline: 0;
38516 background-color: #0f6cbf;
38517 color: #fff;
38519 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
38520 color: #fff;
38522 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
38523 position: relative;
38524 display: flex;
38525 align-items: center;
38527 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
38528 content: "\f00c";
38529 position: absolute;
38530 left: 0.4rem;
38531 font-size: 0.7rem;
38534 .dropdown-menu {
38535 width: fit-content;
38538 .dropdown-item.text-primary {
38539 color: #0f6cbf;
38541 .dropdown-item.text-primary:hover {
38542 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38545 .dropdown-item.text-secondary {
38546 color: #ced4da;
38548 .dropdown-item.text-secondary:hover {
38549 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38552 .dropdown-item.text-success {
38553 color: #357a32;
38555 .dropdown-item.text-success:hover {
38556 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38559 .dropdown-item.text-info {
38560 color: #008196;
38562 .dropdown-item.text-info:hover {
38563 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38566 .dropdown-item.text-warning {
38567 color: #f0ad4e;
38569 .dropdown-item.text-warning:hover {
38570 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38573 .dropdown-item.text-danger {
38574 color: #ca3120;
38576 .dropdown-item.text-danger:hover {
38577 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38580 .dropdown-item.text-light {
38581 color: #f8f9fa;
38583 .dropdown-item.text-light:hover {
38584 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38587 .dropdown-item.text-dark {
38588 color: #343a40;
38590 .dropdown-item.text-dark:hover {
38591 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38595 Deprecations
38597 .path-course-view li.activity form.togglecompletion {
38598 /* stylelint-disable declaration-no-important */
38599 /* stylelint-enable */
38601 body.behat-site .path-course-view li.activity form.togglecompletion,
38602 .path-course-view li.activity form.togglecompletion body.behat-site.path-course-view li.activity form.togglecompletion, body.themedesignermode .path-course-view li.activity form.togglecompletion,
38603 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion {
38604 outline: 3px dotted #ca3120 !important;
38605 background-color: #fceeed !important;
38607 body.behat-site .path-course-view li.activity form.togglecompletion::before,
38608 .path-course-view li.activity form.togglecompletion body.behat-site.path-course-view li.activity form.togglecompletion::before, body.themedesignermode .path-course-view li.activity form.togglecompletion::before,
38609 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion::before {
38610 content: "Deprecated style in use" !important;
38611 color: #ca3120 !important;
38612 font-size: smaller !important;
38615 .path-course-view li.activity form.togglecompletion .ajaxworking {
38616 width: 16px;
38617 height: 16px;
38618 position: absolute;
38619 right: 22px;
38620 top: 3px;
38621 background: url([[pix:i/ajaxloader]]) no-repeat;
38624 .path-course-view li.activity form.togglecompletion .btn {
38625 padding: 0;
38628 .path-course-view li.activity form.togglecompletion img {
38629 max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
38632 body {
38633 -webkit-font-smoothing: antialiased;
38634 -moz-osx-font-smoothing: grayscale;
38637 .navbar {
38638 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
38641 .userpicture {
38642 border-radius: 50%;
38645 .block {
38646 background-color: #f8f9fa;
38649 #page-my-index {
38650 background-color: #fff;
38653 .btn-outline-secondary {
38654 color: #6a737b;
38655 border-color: #6a737b;
38656 border-color: #6a737b;
38658 .btn-outline-secondary:hover {
38659 color: #fff;
38660 background-color: #6a737b;
38661 border-color: #6a737b;
38663 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
38664 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38666 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
38667 color: #6a737b;
38668 background-color: transparent;
38670 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
38671 color: #fff;
38672 background-color: #6a737b;
38673 border-color: #6a737b;
38675 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
38676 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38679 .btn-outline-info {
38680 color: #1f7e9a;
38681 border-color: #1f7e9a;
38683 .btn-outline-info:hover {
38684 color: #fff;
38685 background-color: #1f7e9a;
38686 border-color: #1f7e9a;
38688 .btn-outline-info:focus, .btn-outline-info.focus {
38689 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38691 .btn-outline-info.disabled, .btn-outline-info:disabled {
38692 color: #1f7e9a;
38693 background-color: transparent;
38695 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
38696 color: #fff;
38697 background-color: #1f7e9a;
38698 border-color: #1f7e9a;
38700 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
38701 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38704 .btn-outline-warning {
38705 color: #a6670e;
38706 border-color: #a6670e;
38708 .btn-outline-warning:hover {
38709 color: #fff;
38710 background-color: #a6670e;
38711 border-color: #a6670e;
38713 .btn-outline-warning:focus, .btn-outline-warning.focus {
38714 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38716 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
38717 color: #a6670e;
38718 background-color: transparent;
38720 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
38721 color: #fff;
38722 background-color: #a6670e;
38723 border-color: #a6670e;
38725 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
38726 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38729 .path-grade-report-grader .gradeparent tr.heading {
38730 top: 50px;
38732 .path-grade-report-grader .gradeparent th.header {
38733 left: 0;
38736 @media (max-width: 767.98px) {
38737 .blockcolumn,
38738 .region-main {
38739 flex: 0 0 100%;
38740 max-width: 100%;
38741 padding: 0 1rem;
38742 margin-bottom: 1rem;
38745 @media (min-width: 768px) {
38746 #page-content {
38747 display: flex;
38749 #page-content .region-main {
38750 flex: 0 0 100%;
38751 padding: 0 1rem;
38752 max-width: 100%;
38754 #page-content.blocks-pre .columnleft {
38755 flex: 0 0 32%;
38756 order: -1;
38757 padding: 0 1rem;
38758 max-width: 32%;
38760 #page-content.blocks-pre .region-main {
38761 flex: 0 0 68%;
38762 max-width: 68%;
38763 padding: 0 1rem 0 0;
38765 #page-content.blocks-pre .region-main #region-main {
38766 border: 1px solid rgba(0, 0, 0, 0.125);
38767 padding: 1.25rem;
38768 border-radius: 0.25rem;
38770 #page-content.blocks-post .region-main {
38771 flex: 0 0 68%;
38772 max-width: 68%;
38773 padding: 0 0 0 1rem;
38775 #page-content.blocks-post .columnright {
38776 flex: 0 0 32%;
38777 padding: 0 1rem;
38778 max-width: 32%;
38780 #page-content.blocks-pre.blocks-post .region-main {
38781 flex: 0 0 36%;
38782 max-width: 36%;
38783 padding: 0;
38785 #page-content [data-region=blocks-column] {
38786 width: 100%;
38788 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38789 flex: 0 0 68%;
38790 max-width: 68%;
38791 padding-left: 1rem;
38793 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38794 flex: 0 0 32%;
38795 padding: 0 1rem;
38796 max-width: 32%;
38798 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38799 flex: 0 0 68%;
38800 max-width: 68%;
38801 padding-right: 1rem;
38803 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38804 flex: 0 0 32%;
38805 order: -1;
38806 padding: 0 1rem;
38807 max-width: 32%;
38809 .used-region-side-post.used-region-side-pre #page-content .region-main {
38810 flex: 0 0 36%;
38811 max-width: 36%;
38812 padding: 0;
38814 .used-region-side-post.used-region-side-pre #page-content .columnleft {
38815 flex: 0 0 32%;
38816 order: -1;
38817 padding: 0 1rem;
38818 max-width: 32%;
38820 .used-region-side-post.used-region-side-pre #page-content .columnright {
38821 flex: 0 0 32%;
38822 padding: 0 1rem;
38823 max-width: 32%;
38826 @media (min-width: 992px) {
38827 #page-content {
38828 display: flex;
38830 #page-content .region-main {
38831 flex: 0 0 100%;
38832 padding: 0 1rem;
38833 max-width: 100%;
38835 #page-content.blocks-pre .columnleft {
38836 flex: 0 0 25%;
38837 order: -1;
38838 padding: 0 1rem;
38839 max-width: 25%;
38841 #page-content.blocks-pre .region-main {
38842 flex: 0 0 75%;
38843 max-width: 75%;
38844 padding: 0 1rem 0 0;
38846 #page-content.blocks-pre .region-main #region-main {
38847 border: 1px solid rgba(0, 0, 0, 0.125);
38848 padding: 1.25rem;
38849 border-radius: 0.25rem;
38851 #page-content.blocks-post .region-main {
38852 flex: 0 0 75%;
38853 max-width: 75%;
38854 padding: 0 0 0 1rem;
38856 #page-content.blocks-post .columnright {
38857 flex: 0 0 25%;
38858 padding: 0 1rem;
38859 max-width: 25%;
38861 #page-content.blocks-pre.blocks-post .region-main {
38862 flex: 0 0 50%;
38863 max-width: 50%;
38864 padding: 0;
38866 #page-content [data-region=blocks-column] {
38867 width: 100%;
38869 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38870 flex: 0 0 75%;
38871 max-width: 75%;
38872 padding-left: 1rem;
38874 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38875 flex: 0 0 25%;
38876 padding: 0 1rem;
38877 max-width: 25%;
38879 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38880 flex: 0 0 75%;
38881 max-width: 75%;
38882 padding-right: 1rem;
38884 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38885 flex: 0 0 25%;
38886 order: -1;
38887 padding: 0 1rem;
38888 max-width: 25%;
38890 .used-region-side-post.used-region-side-pre #page-content .region-main {
38891 flex: 0 0 50%;
38892 max-width: 50%;
38893 padding: 0;
38895 .used-region-side-post.used-region-side-pre #page-content .columnleft {
38896 flex: 0 0 25%;
38897 order: -1;
38898 padding: 0 1rem;
38899 max-width: 25%;
38901 .used-region-side-post.used-region-side-pre #page-content .columnright {
38902 flex: 0 0 25%;
38903 padding: 0 1rem;
38904 max-width: 25%;
38907 @media (min-width: 1200px) {
38908 #page-content {
38909 display: flex;
38911 #page-content .region-main {
38912 flex: 0 0 100%;
38913 padding: 0 1rem;
38914 max-width: 100%;
38916 #page-content.blocks-pre .columnleft {
38917 flex: 0 0 20%;
38918 order: -1;
38919 padding: 0 1rem;
38920 max-width: 20%;
38922 #page-content.blocks-pre .region-main {
38923 flex: 0 0 80%;
38924 max-width: 80%;
38925 padding: 0 1rem 0 0;
38927 #page-content.blocks-pre .region-main #region-main {
38928 border: 1px solid rgba(0, 0, 0, 0.125);
38929 padding: 1.25rem;
38930 border-radius: 0.25rem;
38932 #page-content.blocks-post .region-main {
38933 flex: 0 0 80%;
38934 max-width: 80%;
38935 padding: 0 0 0 1rem;
38937 #page-content.blocks-post .columnright {
38938 flex: 0 0 20%;
38939 padding: 0 1rem;
38940 max-width: 20%;
38942 #page-content.blocks-pre.blocks-post .region-main {
38943 flex: 0 0 60%;
38944 max-width: 60%;
38945 padding: 0;
38947 #page-content [data-region=blocks-column] {
38948 width: 100%;
38950 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38951 flex: 0 0 80%;
38952 max-width: 80%;
38953 padding-left: 1rem;
38955 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38956 flex: 0 0 20%;
38957 padding: 0 1rem;
38958 max-width: 20%;
38960 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38961 flex: 0 0 80%;
38962 max-width: 80%;
38963 padding-right: 1rem;
38965 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38966 flex: 0 0 20%;
38967 order: -1;
38968 padding: 0 1rem;
38969 max-width: 20%;
38971 .used-region-side-post.used-region-side-pre #page-content .region-main {
38972 flex: 0 0 60%;
38973 max-width: 60%;
38974 padding: 0;
38976 .used-region-side-post.used-region-side-pre #page-content .columnleft {
38977 flex: 0 0 20%;
38978 order: -1;
38979 padding: 0 1rem;
38980 max-width: 20%;
38982 .used-region-side-post.used-region-side-pre #page-content .columnright {
38983 flex: 0 0 20%;
38984 padding: 0 1rem;
38985 max-width: 20%;
38988 @media print {
38989 #page-content .region-main {
38990 max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
38991 flex: 0 0 100% !important; /* stylelint-disable-line declaration-no-important */
38992 padding: 0 1rem 0 !important; /* stylelint-disable-line declaration-no-important */
38995 @media (min-width: 576px) {
38996 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
38997 width: calc(50% - 0.5rem);
39000 @media (min-width: 768px) {
39001 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39002 width: calc(50% - 0.5rem);
39004 .blocks-post .dashboard-card-deck .dashboard-card,
39005 .blocks-pre .dashboard-card-deck .dashboard-card {
39006 width: calc(100% - 0.5rem);
39009 @media (min-width: 992px) {
39010 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39011 width: calc(33.33% - 0.5rem);
39013 .blocks-post .dashboard-card-deck .dashboard-card,
39014 .blocks-pre .dashboard-card-deck .dashboard-card {
39015 width: calc(50% - 0.5rem);
39018 @media (min-width: 1200px) {
39019 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39020 width: calc(25% - 0.5rem);
39022 .blocks-post .dashboard-card-deck .dashboard-card,
39023 .blocks-pre .dashboard-card-deck .dashboard-card {
39024 width: calc(33.33% - 0.5rem);
39027 @media (min-width: 1360px) {
39028 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39029 width: calc(20% - 0.5rem);
39031 .blocks-post .dashboard-card-deck .dashboard-card,
39032 .blocks-pre .dashboard-card-deck .dashboard-card {
39033 width: calc(25% - 0.5rem);
39036 @media (min-width: 768px) {
39037 .blockcolumn .dashboard-card-deck {
39038 margin-left: 0;
39039 margin-right: 0;
39041 .blockcolumn .dashboard-card-deck .dashboard-card {
39042 width: calc(100% - 0.5rem) !important; /* stylelint-disable-line declaration-no-important */
39045 .block_navigation .block_tree.list > li > ul,
39046 .block_settings .block_tree.list > li > ul {
39047 padding-left: 0;
39049 .block_navigation .block_tree .tree_item.branch,
39050 .block_settings .block_tree .tree_item.branch {
39051 margin-left: 5px;
39052 padding-left: 0.75rem;
39054 .block_navigation .block_tree p.hasicon,
39055 .block_settings .block_tree p.hasicon {
39056 text-indent: 0;
39057 padding-left: 0.75rem;
39059 .block_navigation .block_tree ul,
39060 .block_settings .block_tree ul {
39061 margin-left: 0.25rem;
39062 padding-left: 1rem;
39065 .block_navigation .block_tree p.hasicon .icon,
39066 .block_settings .block_tree p.hasicon .icon {
39067 margin-right: 5px;
39070 .root_node,
39071 .navigation_node {
39072 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
39073 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
39076 .block.block_settings #settingsnav {
39077 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
39080 #page-footer {
39081 padding-top: 0.5rem;
39082 padding-bottom: 0.5rem;
39085 body.hasstickyfooter #page-footer {
39086 padding-bottom: calc(1rem * .5 + max(80px, 0.9375rem * 3));