MDL-80831 theme: Set a vertical padding for footer links
[moodle.git] / theme / classic / style / moodle.css
blobd6915353b054f3bccbeebd36e4e81d5179c1a74f
1 @charset "UTF-8";
2 /*!
3 * Font Awesome Free 6.5.1 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-pixiv:before {
73 content: "\e640";
76 .fa-wpexplorer:before {
77 content: "\f2de";
80 .fa-dyalog:before {
81 content: "\f399";
84 .fa-bity:before {
85 content: "\f37a";
88 .fa-stackpath:before {
89 content: "\f842";
92 .fa-buysellads:before {
93 content: "\f20d";
96 .fa-first-order:before {
97 content: "\f2b0";
100 .fa-modx:before {
101 content: "\f285";
104 .fa-guilded:before {
105 content: "\e07e";
108 .fa-vnv:before {
109 content: "\f40b";
112 .fa-square-js:before {
113 content: "\f3b9";
116 .fa-js-square:before {
117 content: "\f3b9";
120 .fa-microsoft:before {
121 content: "\f3ca";
124 .fa-qq:before {
125 content: "\f1d6";
128 .fa-orcid:before {
129 content: "\f8d2";
132 .fa-java:before {
133 content: "\f4e4";
136 .fa-invision:before {
137 content: "\f7b0";
140 .fa-creative-commons-pd-alt:before {
141 content: "\f4ed";
144 .fa-centercode:before {
145 content: "\f380";
148 .fa-glide-g:before {
149 content: "\f2a6";
152 .fa-drupal:before {
153 content: "\f1a9";
156 .fa-hire-a-helper:before {
157 content: "\f3b0";
160 .fa-creative-commons-by:before {
161 content: "\f4e7";
164 .fa-unity:before {
165 content: "\e049";
168 .fa-whmcs:before {
169 content: "\f40d";
172 .fa-rocketchat:before {
173 content: "\f3e8";
176 .fa-vk:before {
177 content: "\f189";
180 .fa-untappd:before {
181 content: "\f405";
184 .fa-mailchimp:before {
185 content: "\f59e";
188 .fa-css3-alt:before {
189 content: "\f38b";
192 .fa-square-reddit:before {
193 content: "\f1a2";
196 .fa-reddit-square:before {
197 content: "\f1a2";
200 .fa-vimeo-v:before {
201 content: "\f27d";
204 .fa-contao:before {
205 content: "\f26d";
208 .fa-square-font-awesome:before {
209 content: "\e5ad";
212 .fa-deskpro:before {
213 content: "\f38f";
216 .fa-brave:before {
217 content: "\e63c";
220 .fa-sistrix:before {
221 content: "\f3ee";
224 .fa-square-instagram:before {
225 content: "\e055";
228 .fa-instagram-square:before {
229 content: "\e055";
232 .fa-battle-net:before {
233 content: "\f835";
236 .fa-the-red-yeti:before {
237 content: "\f69d";
240 .fa-square-hacker-news:before {
241 content: "\f3af";
244 .fa-hacker-news-square:before {
245 content: "\f3af";
248 .fa-edge:before {
249 content: "\f282";
252 .fa-threads:before {
253 content: "\e618";
256 .fa-napster:before {
257 content: "\f3d2";
260 .fa-square-snapchat:before {
261 content: "\f2ad";
264 .fa-snapchat-square:before {
265 content: "\f2ad";
268 .fa-google-plus-g:before {
269 content: "\f0d5";
272 .fa-artstation:before {
273 content: "\f77a";
276 .fa-markdown:before {
277 content: "\f60f";
280 .fa-sourcetree:before {
281 content: "\f7d3";
284 .fa-google-plus:before {
285 content: "\f2b3";
288 .fa-diaspora:before {
289 content: "\f791";
292 .fa-foursquare:before {
293 content: "\f180";
296 .fa-stack-overflow:before {
297 content: "\f16c";
300 .fa-github-alt:before {
301 content: "\f113";
304 .fa-phoenix-squadron:before {
305 content: "\f511";
308 .fa-pagelines:before {
309 content: "\f18c";
312 .fa-algolia:before {
313 content: "\f36c";
316 .fa-red-river:before {
317 content: "\f3e3";
320 .fa-creative-commons-sa:before {
321 content: "\f4ef";
324 .fa-safari:before {
325 content: "\f267";
328 .fa-google:before {
329 content: "\f1a0";
332 .fa-square-font-awesome-stroke:before {
333 content: "\f35c";
336 .fa-font-awesome-alt:before {
337 content: "\f35c";
340 .fa-atlassian:before {
341 content: "\f77b";
344 .fa-linkedin-in:before {
345 content: "\f0e1";
348 .fa-digital-ocean:before {
349 content: "\f391";
352 .fa-nimblr:before {
353 content: "\f5a8";
356 .fa-chromecast:before {
357 content: "\f838";
360 .fa-evernote:before {
361 content: "\f839";
364 .fa-hacker-news:before {
365 content: "\f1d4";
368 .fa-creative-commons-sampling:before {
369 content: "\f4f0";
372 .fa-adversal:before {
373 content: "\f36a";
376 .fa-creative-commons:before {
377 content: "\f25e";
380 .fa-watchman-monitoring:before {
381 content: "\e087";
384 .fa-fonticons:before {
385 content: "\f280";
388 .fa-weixin:before {
389 content: "\f1d7";
392 .fa-shirtsinbulk:before {
393 content: "\f214";
396 .fa-codepen:before {
397 content: "\f1cb";
400 .fa-git-alt:before {
401 content: "\f841";
404 .fa-lyft:before {
405 content: "\f3c3";
408 .fa-rev:before {
409 content: "\f5b2";
412 .fa-windows:before {
413 content: "\f17a";
416 .fa-wizards-of-the-coast:before {
417 content: "\f730";
420 .fa-square-viadeo:before {
421 content: "\f2aa";
424 .fa-viadeo-square:before {
425 content: "\f2aa";
428 .fa-meetup:before {
429 content: "\f2e0";
432 .fa-centos:before {
433 content: "\f789";
436 .fa-adn:before {
437 content: "\f170";
440 .fa-cloudsmith:before {
441 content: "\f384";
444 .fa-opensuse:before {
445 content: "\e62b";
448 .fa-pied-piper-alt:before {
449 content: "\f1a8";
452 .fa-square-dribbble:before {
453 content: "\f397";
456 .fa-dribbble-square:before {
457 content: "\f397";
460 .fa-codiepie:before {
461 content: "\f284";
464 .fa-node:before {
465 content: "\f419";
468 .fa-mix:before {
469 content: "\f3cb";
472 .fa-steam:before {
473 content: "\f1b6";
476 .fa-cc-apple-pay:before {
477 content: "\f416";
480 .fa-scribd:before {
481 content: "\f28a";
484 .fa-debian:before {
485 content: "\e60b";
488 .fa-openid:before {
489 content: "\f19b";
492 .fa-instalod:before {
493 content: "\e081";
496 .fa-expeditedssl:before {
497 content: "\f23e";
500 .fa-sellcast:before {
501 content: "\f2da";
504 .fa-square-twitter:before {
505 content: "\f081";
508 .fa-twitter-square:before {
509 content: "\f081";
512 .fa-r-project:before {
513 content: "\f4f7";
516 .fa-delicious:before {
517 content: "\f1a5";
520 .fa-freebsd:before {
521 content: "\f3a4";
524 .fa-vuejs:before {
525 content: "\f41f";
528 .fa-accusoft:before {
529 content: "\f369";
532 .fa-ioxhost:before {
533 content: "\f208";
536 .fa-fonticons-fi:before {
537 content: "\f3a2";
540 .fa-app-store:before {
541 content: "\f36f";
544 .fa-cc-mastercard:before {
545 content: "\f1f1";
548 .fa-itunes-note:before {
549 content: "\f3b5";
552 .fa-golang:before {
553 content: "\e40f";
556 .fa-kickstarter:before {
557 content: "\f3bb";
560 .fa-grav:before {
561 content: "\f2d6";
564 .fa-weibo:before {
565 content: "\f18a";
568 .fa-uncharted:before {
569 content: "\e084";
572 .fa-firstdraft:before {
573 content: "\f3a1";
576 .fa-square-youtube:before {
577 content: "\f431";
580 .fa-youtube-square:before {
581 content: "\f431";
584 .fa-wikipedia-w:before {
585 content: "\f266";
588 .fa-wpressr:before {
589 content: "\f3e4";
592 .fa-rendact:before {
593 content: "\f3e4";
596 .fa-angellist:before {
597 content: "\f209";
600 .fa-galactic-republic:before {
601 content: "\f50c";
604 .fa-nfc-directional:before {
605 content: "\e530";
608 .fa-skype:before {
609 content: "\f17e";
612 .fa-joget:before {
613 content: "\f3b7";
616 .fa-fedora:before {
617 content: "\f798";
620 .fa-stripe-s:before {
621 content: "\f42a";
624 .fa-meta:before {
625 content: "\e49b";
628 .fa-laravel:before {
629 content: "\f3bd";
632 .fa-hotjar:before {
633 content: "\f3b1";
636 .fa-bluetooth-b:before {
637 content: "\f294";
640 .fa-square-letterboxd:before {
641 content: "\e62e";
644 .fa-sticker-mule:before {
645 content: "\f3f7";
648 .fa-creative-commons-zero:before {
649 content: "\f4f3";
652 .fa-hips:before {
653 content: "\f452";
656 .fa-behance:before {
657 content: "\f1b4";
660 .fa-reddit:before {
661 content: "\f1a1";
664 .fa-discord:before {
665 content: "\f392";
668 .fa-chrome:before {
669 content: "\f268";
672 .fa-app-store-ios:before {
673 content: "\f370";
676 .fa-cc-discover:before {
677 content: "\f1f2";
680 .fa-wpbeginner:before {
681 content: "\f297";
684 .fa-confluence:before {
685 content: "\f78d";
688 .fa-shoelace:before {
689 content: "\e60c";
692 .fa-mdb:before {
693 content: "\f8ca";
696 .fa-dochub:before {
697 content: "\f394";
700 .fa-accessible-icon:before {
701 content: "\f368";
704 .fa-ebay:before {
705 content: "\f4f4";
708 .fa-amazon:before {
709 content: "\f270";
712 .fa-unsplash:before {
713 content: "\e07c";
716 .fa-yarn:before {
717 content: "\f7e3";
720 .fa-square-steam:before {
721 content: "\f1b7";
724 .fa-steam-square:before {
725 content: "\f1b7";
728 .fa-500px:before {
729 content: "\f26e";
732 .fa-square-vimeo:before {
733 content: "\f194";
736 .fa-vimeo-square:before {
737 content: "\f194";
740 .fa-asymmetrik:before {
741 content: "\f372";
744 .fa-font-awesome:before {
745 content: "\f2b4";
748 .fa-font-awesome-flag:before {
749 content: "\f2b4";
752 .fa-font-awesome-logo-full:before {
753 content: "\f2b4";
756 .fa-gratipay:before {
757 content: "\f184";
760 .fa-apple:before {
761 content: "\f179";
764 .fa-hive:before {
765 content: "\e07f";
768 .fa-gitkraken:before {
769 content: "\f3a6";
772 .fa-keybase:before {
773 content: "\f4f5";
776 .fa-apple-pay:before {
777 content: "\f415";
780 .fa-padlet:before {
781 content: "\e4a0";
784 .fa-amazon-pay:before {
785 content: "\f42c";
788 .fa-square-github:before {
789 content: "\f092";
792 .fa-github-square:before {
793 content: "\f092";
796 .fa-stumbleupon:before {
797 content: "\f1a4";
800 .fa-fedex:before {
801 content: "\f797";
804 .fa-phoenix-framework:before {
805 content: "\f3dc";
808 .fa-shopify:before {
809 content: "\e057";
812 .fa-neos:before {
813 content: "\f612";
816 .fa-square-threads:before {
817 content: "\e619";
820 .fa-hackerrank:before {
821 content: "\f5f7";
824 .fa-researchgate:before {
825 content: "\f4f8";
828 .fa-swift:before {
829 content: "\f8e1";
832 .fa-angular:before {
833 content: "\f420";
836 .fa-speakap:before {
837 content: "\f3f3";
840 .fa-angrycreative:before {
841 content: "\f36e";
844 .fa-y-combinator:before {
845 content: "\f23b";
848 .fa-empire:before {
849 content: "\f1d1";
852 .fa-envira:before {
853 content: "\f299";
856 .fa-google-scholar:before {
857 content: "\e63b";
860 .fa-square-gitlab:before {
861 content: "\e5ae";
864 .fa-gitlab-square:before {
865 content: "\e5ae";
868 .fa-studiovinari:before {
869 content: "\f3f8";
872 .fa-pied-piper:before {
873 content: "\f2ae";
876 .fa-wordpress:before {
877 content: "\f19a";
880 .fa-product-hunt:before {
881 content: "\f288";
884 .fa-firefox:before {
885 content: "\f269";
888 .fa-linode:before {
889 content: "\f2b8";
892 .fa-goodreads:before {
893 content: "\f3a8";
896 .fa-square-odnoklassniki:before {
897 content: "\f264";
900 .fa-odnoklassniki-square:before {
901 content: "\f264";
904 .fa-jsfiddle:before {
905 content: "\f1cc";
908 .fa-sith:before {
909 content: "\f512";
912 .fa-themeisle:before {
913 content: "\f2b2";
916 .fa-page4:before {
917 content: "\f3d7";
920 .fa-hashnode:before {
921 content: "\e499";
924 .fa-react:before {
925 content: "\f41b";
928 .fa-cc-paypal:before {
929 content: "\f1f4";
932 .fa-squarespace:before {
933 content: "\f5be";
936 .fa-cc-stripe:before {
937 content: "\f1f5";
940 .fa-creative-commons-share:before {
941 content: "\f4f2";
944 .fa-bitcoin:before {
945 content: "\f379";
948 .fa-keycdn:before {
949 content: "\f3ba";
952 .fa-opera:before {
953 content: "\f26a";
956 .fa-itch-io:before {
957 content: "\f83a";
960 .fa-umbraco:before {
961 content: "\f8e8";
964 .fa-galactic-senate:before {
965 content: "\f50d";
968 .fa-ubuntu:before {
969 content: "\f7df";
972 .fa-draft2digital:before {
973 content: "\f396";
976 .fa-stripe:before {
977 content: "\f429";
980 .fa-houzz:before {
981 content: "\f27c";
984 .fa-gg:before {
985 content: "\f260";
988 .fa-dhl:before {
989 content: "\f790";
992 .fa-square-pinterest:before {
993 content: "\f0d3";
996 .fa-pinterest-square:before {
997 content: "\f0d3";
1000 .fa-xing:before {
1001 content: "\f168";
1004 .fa-blackberry:before {
1005 content: "\f37b";
1008 .fa-creative-commons-pd:before {
1009 content: "\f4ec";
1012 .fa-playstation:before {
1013 content: "\f3df";
1016 .fa-quinscape:before {
1017 content: "\f459";
1020 .fa-less:before {
1021 content: "\f41d";
1024 .fa-blogger-b:before {
1025 content: "\f37d";
1028 .fa-opencart:before {
1029 content: "\f23d";
1032 .fa-vine:before {
1033 content: "\f1ca";
1036 .fa-signal-messenger:before {
1037 content: "\e663";
1040 .fa-paypal:before {
1041 content: "\f1ed";
1044 .fa-gitlab:before {
1045 content: "\f296";
1048 .fa-typo3:before {
1049 content: "\f42b";
1052 .fa-reddit-alien:before {
1053 content: "\f281";
1056 .fa-yahoo:before {
1057 content: "\f19e";
1060 .fa-dailymotion:before {
1061 content: "\e052";
1064 .fa-affiliatetheme:before {
1065 content: "\f36b";
1068 .fa-pied-piper-pp:before {
1069 content: "\f1a7";
1072 .fa-bootstrap:before {
1073 content: "\f836";
1076 .fa-odnoklassniki:before {
1077 content: "\f263";
1080 .fa-nfc-symbol:before {
1081 content: "\e531";
1084 .fa-mintbit:before {
1085 content: "\e62f";
1088 .fa-ethereum:before {
1089 content: "\f42e";
1092 .fa-speaker-deck:before {
1093 content: "\f83c";
1096 .fa-creative-commons-nc-eu:before {
1097 content: "\f4e9";
1100 .fa-patreon:before {
1101 content: "\f3d9";
1104 .fa-avianex:before {
1105 content: "\f374";
1108 .fa-ello:before {
1109 content: "\f5f1";
1112 .fa-gofore:before {
1113 content: "\f3a7";
1116 .fa-bimobject:before {
1117 content: "\f378";
1120 .fa-brave-reverse:before {
1121 content: "\e63d";
1124 .fa-facebook-f:before {
1125 content: "\f39e";
1128 .fa-square-google-plus:before {
1129 content: "\f0d4";
1132 .fa-google-plus-square:before {
1133 content: "\f0d4";
1136 .fa-mandalorian:before {
1137 content: "\f50f";
1140 .fa-first-order-alt:before {
1141 content: "\f50a";
1144 .fa-osi:before {
1145 content: "\f41a";
1148 .fa-google-wallet:before {
1149 content: "\f1ee";
1152 .fa-d-and-d-beyond:before {
1153 content: "\f6ca";
1156 .fa-periscope:before {
1157 content: "\f3da";
1160 .fa-fulcrum:before {
1161 content: "\f50b";
1164 .fa-cloudscale:before {
1165 content: "\f383";
1168 .fa-forumbee:before {
1169 content: "\f211";
1172 .fa-mizuni:before {
1173 content: "\f3cc";
1176 .fa-schlix:before {
1177 content: "\f3ea";
1180 .fa-square-xing:before {
1181 content: "\f169";
1184 .fa-xing-square:before {
1185 content: "\f169";
1188 .fa-bandcamp:before {
1189 content: "\f2d5";
1192 .fa-wpforms:before {
1193 content: "\f298";
1196 .fa-cloudversify:before {
1197 content: "\f385";
1200 .fa-usps:before {
1201 content: "\f7e1";
1204 .fa-megaport:before {
1205 content: "\f5a3";
1208 .fa-magento:before {
1209 content: "\f3c4";
1212 .fa-spotify:before {
1213 content: "\f1bc";
1216 .fa-optin-monster:before {
1217 content: "\f23c";
1220 .fa-fly:before {
1221 content: "\f417";
1224 .fa-aviato:before {
1225 content: "\f421";
1228 .fa-itunes:before {
1229 content: "\f3b4";
1232 .fa-cuttlefish:before {
1233 content: "\f38c";
1236 .fa-blogger:before {
1237 content: "\f37c";
1240 .fa-flickr:before {
1241 content: "\f16e";
1244 .fa-viber:before {
1245 content: "\f409";
1248 .fa-soundcloud:before {
1249 content: "\f1be";
1252 .fa-digg:before {
1253 content: "\f1a6";
1256 .fa-tencent-weibo:before {
1257 content: "\f1d5";
1260 .fa-letterboxd:before {
1261 content: "\e62d";
1264 .fa-symfony:before {
1265 content: "\f83d";
1268 .fa-maxcdn:before {
1269 content: "\f136";
1272 .fa-etsy:before {
1273 content: "\f2d7";
1276 .fa-facebook-messenger:before {
1277 content: "\f39f";
1280 .fa-audible:before {
1281 content: "\f373";
1284 .fa-think-peaks:before {
1285 content: "\f731";
1288 .fa-bilibili:before {
1289 content: "\e3d9";
1292 .fa-erlang:before {
1293 content: "\f39d";
1296 .fa-x-twitter:before {
1297 content: "\e61b";
1300 .fa-cotton-bureau:before {
1301 content: "\f89e";
1304 .fa-dashcube:before {
1305 content: "\f210";
1308 .fa-42-group:before {
1309 content: "\e080";
1312 .fa-innosoft:before {
1313 content: "\e080";
1316 .fa-stack-exchange:before {
1317 content: "\f18d";
1320 .fa-elementor:before {
1321 content: "\f430";
1324 .fa-square-pied-piper:before {
1325 content: "\e01e";
1328 .fa-pied-piper-square:before {
1329 content: "\e01e";
1332 .fa-creative-commons-nd:before {
1333 content: "\f4eb";
1336 .fa-palfed:before {
1337 content: "\f3d8";
1340 .fa-superpowers:before {
1341 content: "\f2dd";
1344 .fa-resolving:before {
1345 content: "\f3e7";
1348 .fa-xbox:before {
1349 content: "\f412";
1352 .fa-searchengin:before {
1353 content: "\f3eb";
1356 .fa-tiktok:before {
1357 content: "\e07b";
1360 .fa-square-facebook:before {
1361 content: "\f082";
1364 .fa-facebook-square:before {
1365 content: "\f082";
1368 .fa-renren:before {
1369 content: "\f18b";
1372 .fa-linux:before {
1373 content: "\f17c";
1376 .fa-glide:before {
1377 content: "\f2a5";
1380 .fa-linkedin:before {
1381 content: "\f08c";
1384 .fa-hubspot:before {
1385 content: "\f3b2";
1388 .fa-deploydog:before {
1389 content: "\f38e";
1392 .fa-twitch:before {
1393 content: "\f1e8";
1396 .fa-ravelry:before {
1397 content: "\f2d9";
1400 .fa-mixer:before {
1401 content: "\e056";
1404 .fa-square-lastfm:before {
1405 content: "\f203";
1408 .fa-lastfm-square:before {
1409 content: "\f203";
1412 .fa-vimeo:before {
1413 content: "\f40a";
1416 .fa-mendeley:before {
1417 content: "\f7b3";
1420 .fa-uniregistry:before {
1421 content: "\f404";
1424 .fa-figma:before {
1425 content: "\f799";
1428 .fa-creative-commons-remix:before {
1429 content: "\f4ee";
1432 .fa-cc-amazon-pay:before {
1433 content: "\f42d";
1436 .fa-dropbox:before {
1437 content: "\f16b";
1440 .fa-instagram:before {
1441 content: "\f16d";
1444 .fa-cmplid:before {
1445 content: "\e360";
1448 .fa-upwork:before {
1449 content: "\e641";
1452 .fa-facebook:before {
1453 content: "\f09a";
1456 .fa-gripfire:before {
1457 content: "\f3ac";
1460 .fa-jedi-order:before {
1461 content: "\f50e";
1464 .fa-uikit:before {
1465 content: "\f403";
1468 .fa-fort-awesome-alt:before {
1469 content: "\f3a3";
1472 .fa-phabricator:before {
1473 content: "\f3db";
1476 .fa-ussunnah:before {
1477 content: "\f407";
1480 .fa-earlybirds:before {
1481 content: "\f39a";
1484 .fa-trade-federation:before {
1485 content: "\f513";
1488 .fa-autoprefixer:before {
1489 content: "\f41c";
1492 .fa-whatsapp:before {
1493 content: "\f232";
1496 .fa-slideshare:before {
1497 content: "\f1e7";
1500 .fa-google-play:before {
1501 content: "\f3ab";
1504 .fa-viadeo:before {
1505 content: "\f2a9";
1508 .fa-line:before {
1509 content: "\f3c0";
1512 .fa-google-drive:before {
1513 content: "\f3aa";
1516 .fa-servicestack:before {
1517 content: "\f3ec";
1520 .fa-simplybuilt:before {
1521 content: "\f215";
1524 .fa-bitbucket:before {
1525 content: "\f171";
1528 .fa-imdb:before {
1529 content: "\f2d8";
1532 .fa-deezer:before {
1533 content: "\e077";
1536 .fa-raspberry-pi:before {
1537 content: "\f7bb";
1540 .fa-jira:before {
1541 content: "\f7b1";
1544 .fa-docker:before {
1545 content: "\f395";
1548 .fa-screenpal:before {
1549 content: "\e570";
1552 .fa-bluetooth:before {
1553 content: "\f293";
1556 .fa-gitter:before {
1557 content: "\f426";
1560 .fa-d-and-d:before {
1561 content: "\f38d";
1564 .fa-microblog:before {
1565 content: "\e01a";
1568 .fa-cc-diners-club:before {
1569 content: "\f24c";
1572 .fa-gg-circle:before {
1573 content: "\f261";
1576 .fa-pied-piper-hat:before {
1577 content: "\f4e5";
1580 .fa-kickstarter-k:before {
1581 content: "\f3bc";
1584 .fa-yandex:before {
1585 content: "\f413";
1588 .fa-readme:before {
1589 content: "\f4d5";
1592 .fa-html5:before {
1593 content: "\f13b";
1596 .fa-sellsy:before {
1597 content: "\f213";
1600 .fa-sass:before {
1601 content: "\f41e";
1604 .fa-wirsindhandwerk:before {
1605 content: "\e2d0";
1608 .fa-wsh:before {
1609 content: "\e2d0";
1612 .fa-buromobelexperte:before {
1613 content: "\f37f";
1616 .fa-salesforce:before {
1617 content: "\f83b";
1620 .fa-octopus-deploy:before {
1621 content: "\e082";
1624 .fa-medapps:before {
1625 content: "\f3c6";
1628 .fa-ns8:before {
1629 content: "\f3d5";
1632 .fa-pinterest-p:before {
1633 content: "\f231";
1636 .fa-apper:before {
1637 content: "\f371";
1640 .fa-fort-awesome:before {
1641 content: "\f286";
1644 .fa-waze:before {
1645 content: "\f83f";
1648 .fa-cc-jcb:before {
1649 content: "\f24b";
1652 .fa-snapchat:before {
1653 content: "\f2ab";
1656 .fa-snapchat-ghost:before {
1657 content: "\f2ab";
1660 .fa-fantasy-flight-games:before {
1661 content: "\f6dc";
1664 .fa-rust:before {
1665 content: "\e07a";
1668 .fa-wix:before {
1669 content: "\f5cf";
1672 .fa-square-behance:before {
1673 content: "\f1b5";
1676 .fa-behance-square:before {
1677 content: "\f1b5";
1680 .fa-supple:before {
1681 content: "\f3f9";
1684 .fa-webflow:before {
1685 content: "\e65c";
1688 .fa-rebel:before {
1689 content: "\f1d0";
1692 .fa-css3:before {
1693 content: "\f13c";
1696 .fa-staylinked:before {
1697 content: "\f3f5";
1700 .fa-kaggle:before {
1701 content: "\f5fa";
1704 .fa-space-awesome:before {
1705 content: "\e5ac";
1708 .fa-deviantart:before {
1709 content: "\f1bd";
1712 .fa-cpanel:before {
1713 content: "\f388";
1716 .fa-goodreads-g:before {
1717 content: "\f3a9";
1720 .fa-square-git:before {
1721 content: "\f1d2";
1724 .fa-git-square:before {
1725 content: "\f1d2";
1728 .fa-square-tumblr:before {
1729 content: "\f174";
1732 .fa-tumblr-square:before {
1733 content: "\f174";
1736 .fa-trello:before {
1737 content: "\f181";
1740 .fa-creative-commons-nc-jp:before {
1741 content: "\f4ea";
1744 .fa-get-pocket:before {
1745 content: "\f265";
1748 .fa-perbyte:before {
1749 content: "\e083";
1752 .fa-grunt:before {
1753 content: "\f3ad";
1756 .fa-weebly:before {
1757 content: "\f5cc";
1760 .fa-connectdevelop:before {
1761 content: "\f20e";
1764 .fa-leanpub:before {
1765 content: "\f212";
1768 .fa-black-tie:before {
1769 content: "\f27e";
1772 .fa-themeco:before {
1773 content: "\f5c6";
1776 .fa-python:before {
1777 content: "\f3e2";
1780 .fa-android:before {
1781 content: "\f17b";
1784 .fa-bots:before {
1785 content: "\e340";
1788 .fa-free-code-camp:before {
1789 content: "\f2c5";
1792 .fa-hornbill:before {
1793 content: "\f592";
1796 .fa-js:before {
1797 content: "\f3b8";
1800 .fa-ideal:before {
1801 content: "\e013";
1804 .fa-git:before {
1805 content: "\f1d3";
1808 .fa-dev:before {
1809 content: "\f6cc";
1812 .fa-sketch:before {
1813 content: "\f7c6";
1816 .fa-yandex-international:before {
1817 content: "\f414";
1820 .fa-cc-amex:before {
1821 content: "\f1f3";
1824 .fa-uber:before {
1825 content: "\f402";
1828 .fa-github:before {
1829 content: "\f09b";
1832 .fa-php:before {
1833 content: "\f457";
1836 .fa-alipay:before {
1837 content: "\f642";
1840 .fa-youtube:before {
1841 content: "\f167";
1844 .fa-skyatlas:before {
1845 content: "\f216";
1848 .fa-firefox-browser:before {
1849 content: "\e007";
1852 .fa-replyd:before {
1853 content: "\f3e6";
1856 .fa-suse:before {
1857 content: "\f7d6";
1860 .fa-jenkins:before {
1861 content: "\f3b6";
1864 .fa-twitter:before {
1865 content: "\f099";
1868 .fa-rockrms:before {
1869 content: "\f3e9";
1872 .fa-pinterest:before {
1873 content: "\f0d2";
1876 .fa-buffer:before {
1877 content: "\f837";
1880 .fa-npm:before {
1881 content: "\f3d4";
1884 .fa-yammer:before {
1885 content: "\f840";
1888 .fa-btc:before {
1889 content: "\f15a";
1892 .fa-dribbble:before {
1893 content: "\f17d";
1896 .fa-stumbleupon-circle:before {
1897 content: "\f1a3";
1900 .fa-internet-explorer:before {
1901 content: "\f26b";
1904 .fa-stubber:before {
1905 content: "\e5c7";
1908 .fa-telegram:before {
1909 content: "\f2c6";
1912 .fa-telegram-plane:before {
1913 content: "\f2c6";
1916 .fa-old-republic:before {
1917 content: "\f510";
1920 .fa-odysee:before {
1921 content: "\e5c6";
1924 .fa-square-whatsapp:before {
1925 content: "\f40c";
1928 .fa-whatsapp-square:before {
1929 content: "\f40c";
1932 .fa-node-js:before {
1933 content: "\f3d3";
1936 .fa-edge-legacy:before {
1937 content: "\e078";
1940 .fa-slack:before {
1941 content: "\f198";
1944 .fa-slack-hash:before {
1945 content: "\f198";
1948 .fa-medrt:before {
1949 content: "\f3c8";
1952 .fa-usb:before {
1953 content: "\f287";
1956 .fa-tumblr:before {
1957 content: "\f173";
1960 .fa-vaadin:before {
1961 content: "\f408";
1964 .fa-quora:before {
1965 content: "\f2c4";
1968 .fa-square-x-twitter:before {
1969 content: "\e61a";
1972 .fa-reacteurope:before {
1973 content: "\f75d";
1976 .fa-medium:before {
1977 content: "\f23a";
1980 .fa-medium-m:before {
1981 content: "\f23a";
1984 .fa-amilia:before {
1985 content: "\f36d";
1988 .fa-mixcloud:before {
1989 content: "\f289";
1992 .fa-flipboard:before {
1993 content: "\f44d";
1996 .fa-viacoin:before {
1997 content: "\f237";
2000 .fa-critical-role:before {
2001 content: "\f6c9";
2004 .fa-sitrox:before {
2005 content: "\e44a";
2008 .fa-discourse:before {
2009 content: "\f393";
2012 .fa-joomla:before {
2013 content: "\f1aa";
2016 .fa-mastodon:before {
2017 content: "\f4f6";
2020 .fa-airbnb:before {
2021 content: "\f834";
2024 .fa-wolf-pack-battalion:before {
2025 content: "\f514";
2028 .fa-buy-n-large:before {
2029 content: "\f8a6";
2032 .fa-gulp:before {
2033 content: "\f3ae";
2036 .fa-creative-commons-sampling-plus:before {
2037 content: "\f4f1";
2040 .fa-strava:before {
2041 content: "\f428";
2044 .fa-ember:before {
2045 content: "\f423";
2048 .fa-canadian-maple-leaf:before {
2049 content: "\f785";
2052 .fa-teamspeak:before {
2053 content: "\f4f9";
2056 .fa-pushed:before {
2057 content: "\f3e1";
2060 .fa-wordpress-simple:before {
2061 content: "\f411";
2064 .fa-nutritionix:before {
2065 content: "\f3d6";
2068 .fa-wodu:before {
2069 content: "\e088";
2072 .fa-google-pay:before {
2073 content: "\e079";
2076 .fa-intercom:before {
2077 content: "\f7af";
2080 .fa-zhihu:before {
2081 content: "\f63f";
2084 .fa-korvue:before {
2085 content: "\f42f";
2088 .fa-pix:before {
2089 content: "\e43a";
2092 .fa-steam-symbol:before {
2093 content: "\f3f6";
2097 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
2098 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2099 * Copyright 2023 Fonticons, Inc.
2101 :root, :host {
2102 --fa-style-family-classic: "Font Awesome 6 Free";
2103 --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
2106 @font-face {
2107 font-family: "Font Awesome 6 Free";
2108 font-style: normal;
2109 font-weight: 400;
2110 font-display: block;
2111 src: url("[[font:core|fa-regular-400.woff2]]") format("woff2"), url("[[font:core|fa-regular-400.ttf]]") format("truetype");
2113 .far,
2114 .fa-regular,
2115 .content-bank-container.view-grid .cb-unlisted::after {
2116 font-weight: 400;
2120 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
2121 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2122 * Copyright 2023 Fonticons, Inc.
2124 :root, :host {
2125 --fa-style-family-classic: "Font Awesome 6 Free";
2126 --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
2129 @font-face {
2130 font-family: "Font Awesome 6 Free";
2131 font-style: normal;
2132 font-weight: 900;
2133 font-display: block;
2134 src: url("[[font:core|fa-solid-900.woff2]]") format("woff2"), url("[[font:core|fa-solid-900.ttf]]") format("truetype");
2136 .fas,
2137 .fa-solid,
2138 .moremenu .dropdown-item[aria-current=true]:before,
2139 .moremenu .dropdown-item.active:before,
2140 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2141 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
2142 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2143 .toast.toast-warning .toast-body:before,
2144 .toast.toast-info .toast-body:before,
2145 .toast.toast-danger .toast-body:before,
2146 .toast.toast-success .toast-body:before,
2147 .editing .editinprogress:after,
2148 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
2149 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
2150 .block_settings .block_tree [aria-expanded=false] > p:before,
2151 .block_navigation .block_tree [aria-expanded=false] > p:before,
2152 .block_settings .block_tree [aria-expanded=true] > p:before,
2153 .block_navigation .block_tree [aria-expanded=true] > p:before,
2154 .dropdown-item[aria-current=true]:before,
2155 .dropdown-item[aria-selected=true]:before,
2156 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
2157 .action-menu .dropdown-subpanel .dropdown-item::after,
2158 .dropup .dropdown-toggle::after,
2159 .dropright .dropdown-toggle::after,
2160 .dropleft .dropdown-toggle::before,
2161 .dropdown-toggle::after {
2162 font-weight: 900;
2166 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
2167 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2168 * Copyright 2023 Fonticons, Inc.
2170 .fa.fa-glass:before {
2171 content: "\f000";
2174 .fa.fa-envelope-o {
2175 font-family: "Font Awesome 6 Free";
2176 font-weight: 400;
2179 .fa.fa-envelope-o:before {
2180 content: "\f0e0";
2183 .fa.fa-star-o {
2184 font-family: "Font Awesome 6 Free";
2185 font-weight: 400;
2188 .fa.fa-star-o:before {
2189 content: "\f005";
2192 .fa.fa-remove:before {
2193 content: "\f00d";
2196 .fa.fa-close:before {
2197 content: "\f00d";
2200 .fa.fa-gear:before {
2201 content: "\f013";
2204 .fa.fa-trash-o {
2205 font-family: "Font Awesome 6 Free";
2206 font-weight: 400;
2209 .fa.fa-trash-o:before {
2210 content: "\f2ed";
2213 .fa.fa-home:before {
2214 content: "\f015";
2217 .fa.fa-file-o {
2218 font-family: "Font Awesome 6 Free";
2219 font-weight: 400;
2222 .fa.fa-file-o:before {
2223 content: "\f15b";
2226 .fa.fa-clock-o {
2227 font-family: "Font Awesome 6 Free";
2228 font-weight: 400;
2231 .fa.fa-clock-o:before {
2232 content: "\f017";
2235 .fa.fa-arrow-circle-o-down {
2236 font-family: "Font Awesome 6 Free";
2237 font-weight: 400;
2240 .fa.fa-arrow-circle-o-down:before {
2241 content: "\f358";
2244 .fa.fa-arrow-circle-o-up {
2245 font-family: "Font Awesome 6 Free";
2246 font-weight: 400;
2249 .fa.fa-arrow-circle-o-up:before {
2250 content: "\f35b";
2253 .fa.fa-play-circle-o {
2254 font-family: "Font Awesome 6 Free";
2255 font-weight: 400;
2258 .fa.fa-play-circle-o:before {
2259 content: "\f144";
2262 .fa.fa-repeat:before {
2263 content: "\f01e";
2266 .fa.fa-rotate-right:before {
2267 content: "\f01e";
2270 .fa.fa-refresh:before {
2271 content: "\f021";
2274 .fa.fa-list-alt {
2275 font-family: "Font Awesome 6 Free";
2276 font-weight: 400;
2279 .fa.fa-list-alt:before {
2280 content: "\f022";
2283 .fa.fa-dedent:before {
2284 content: "\f03b";
2287 .fa.fa-video-camera:before {
2288 content: "\f03d";
2291 .fa.fa-picture-o {
2292 font-family: "Font Awesome 6 Free";
2293 font-weight: 400;
2296 .fa.fa-picture-o:before {
2297 content: "\f03e";
2300 .fa.fa-photo {
2301 font-family: "Font Awesome 6 Free";
2302 font-weight: 400;
2305 .fa.fa-photo:before {
2306 content: "\f03e";
2309 .fa.fa-image {
2310 font-family: "Font Awesome 6 Free";
2311 font-weight: 400;
2314 .fa.fa-image:before {
2315 content: "\f03e";
2318 .fa.fa-map-marker:before {
2319 content: "\f3c5";
2322 .fa.fa-pencil-square-o {
2323 font-family: "Font Awesome 6 Free";
2324 font-weight: 400;
2327 .fa.fa-pencil-square-o:before {
2328 content: "\f044";
2331 .fa.fa-edit {
2332 font-family: "Font Awesome 6 Free";
2333 font-weight: 400;
2336 .fa.fa-edit:before {
2337 content: "\f044";
2340 .fa.fa-share-square-o:before {
2341 content: "\f14d";
2344 .fa.fa-check-square-o {
2345 font-family: "Font Awesome 6 Free";
2346 font-weight: 400;
2349 .fa.fa-check-square-o:before {
2350 content: "\f14a";
2353 .fa.fa-arrows:before {
2354 content: "\f0b2";
2357 .fa.fa-times-circle-o {
2358 font-family: "Font Awesome 6 Free";
2359 font-weight: 400;
2362 .fa.fa-times-circle-o:before {
2363 content: "\f057";
2366 .fa.fa-check-circle-o {
2367 font-family: "Font Awesome 6 Free";
2368 font-weight: 400;
2371 .fa.fa-check-circle-o:before {
2372 content: "\f058";
2375 .fa.fa-mail-forward:before {
2376 content: "\f064";
2379 .fa.fa-expand:before {
2380 content: "\f424";
2383 .fa.fa-compress:before {
2384 content: "\f422";
2387 .fa.fa-eye {
2388 font-family: "Font Awesome 6 Free";
2389 font-weight: 400;
2392 .fa.fa-eye-slash {
2393 font-family: "Font Awesome 6 Free";
2394 font-weight: 400;
2397 .fa.fa-warning:before {
2398 content: "\f071";
2401 .fa.fa-calendar:before {
2402 content: "\f073";
2405 .fa.fa-arrows-v:before {
2406 content: "\f338";
2409 .fa.fa-arrows-h:before {
2410 content: "\f337";
2413 .fa.fa-bar-chart:before {
2414 content: "\e0e3";
2417 .fa.fa-bar-chart-o:before {
2418 content: "\e0e3";
2421 .fa.fa-twitter-square {
2422 font-family: "Font Awesome 6 Brands";
2423 font-weight: 400;
2426 .fa.fa-twitter-square:before {
2427 content: "\f081";
2430 .fa.fa-facebook-square {
2431 font-family: "Font Awesome 6 Brands";
2432 font-weight: 400;
2435 .fa.fa-facebook-square:before {
2436 content: "\f082";
2439 .fa.fa-gears:before {
2440 content: "\f085";
2443 .fa.fa-thumbs-o-up {
2444 font-family: "Font Awesome 6 Free";
2445 font-weight: 400;
2448 .fa.fa-thumbs-o-up:before {
2449 content: "\f164";
2452 .fa.fa-thumbs-o-down {
2453 font-family: "Font Awesome 6 Free";
2454 font-weight: 400;
2457 .fa.fa-thumbs-o-down:before {
2458 content: "\f165";
2461 .fa.fa-heart-o {
2462 font-family: "Font Awesome 6 Free";
2463 font-weight: 400;
2466 .fa.fa-heart-o:before {
2467 content: "\f004";
2470 .fa.fa-sign-out:before {
2471 content: "\f2f5";
2474 .fa.fa-linkedin-square {
2475 font-family: "Font Awesome 6 Brands";
2476 font-weight: 400;
2479 .fa.fa-linkedin-square:before {
2480 content: "\f08c";
2483 .fa.fa-thumb-tack:before {
2484 content: "\f08d";
2487 .fa.fa-external-link:before {
2488 content: "\f35d";
2491 .fa.fa-sign-in:before {
2492 content: "\f2f6";
2495 .fa.fa-github-square {
2496 font-family: "Font Awesome 6 Brands";
2497 font-weight: 400;
2500 .fa.fa-github-square:before {
2501 content: "\f092";
2504 .fa.fa-lemon-o {
2505 font-family: "Font Awesome 6 Free";
2506 font-weight: 400;
2509 .fa.fa-lemon-o:before {
2510 content: "\f094";
2513 .fa.fa-square-o {
2514 font-family: "Font Awesome 6 Free";
2515 font-weight: 400;
2518 .fa.fa-square-o:before {
2519 content: "\f0c8";
2522 .fa.fa-bookmark-o {
2523 font-family: "Font Awesome 6 Free";
2524 font-weight: 400;
2527 .fa.fa-bookmark-o:before {
2528 content: "\f02e";
2531 .fa.fa-twitter {
2532 font-family: "Font Awesome 6 Brands";
2533 font-weight: 400;
2536 .fa.fa-facebook {
2537 font-family: "Font Awesome 6 Brands";
2538 font-weight: 400;
2541 .fa.fa-facebook:before {
2542 content: "\f39e";
2545 .fa.fa-facebook-f {
2546 font-family: "Font Awesome 6 Brands";
2547 font-weight: 400;
2550 .fa.fa-facebook-f:before {
2551 content: "\f39e";
2554 .fa.fa-github {
2555 font-family: "Font Awesome 6 Brands";
2556 font-weight: 400;
2559 .fa.fa-credit-card {
2560 font-family: "Font Awesome 6 Free";
2561 font-weight: 400;
2564 .fa.fa-feed:before {
2565 content: "\f09e";
2568 .fa.fa-hdd-o {
2569 font-family: "Font Awesome 6 Free";
2570 font-weight: 400;
2573 .fa.fa-hdd-o:before {
2574 content: "\f0a0";
2577 .fa.fa-hand-o-right {
2578 font-family: "Font Awesome 6 Free";
2579 font-weight: 400;
2582 .fa.fa-hand-o-right:before {
2583 content: "\f0a4";
2586 .fa.fa-hand-o-left {
2587 font-family: "Font Awesome 6 Free";
2588 font-weight: 400;
2591 .fa.fa-hand-o-left:before {
2592 content: "\f0a5";
2595 .fa.fa-hand-o-up {
2596 font-family: "Font Awesome 6 Free";
2597 font-weight: 400;
2600 .fa.fa-hand-o-up:before {
2601 content: "\f0a6";
2604 .fa.fa-hand-o-down {
2605 font-family: "Font Awesome 6 Free";
2606 font-weight: 400;
2609 .fa.fa-hand-o-down:before {
2610 content: "\f0a7";
2613 .fa.fa-globe:before {
2614 content: "\f57d";
2617 .fa.fa-tasks:before {
2618 content: "\f828";
2621 .fa.fa-arrows-alt:before {
2622 content: "\f31e";
2625 .fa.fa-group:before {
2626 content: "\f0c0";
2629 .fa.fa-chain:before {
2630 content: "\f0c1";
2633 .fa.fa-cut:before {
2634 content: "\f0c4";
2637 .fa.fa-files-o {
2638 font-family: "Font Awesome 6 Free";
2639 font-weight: 400;
2642 .fa.fa-files-o:before {
2643 content: "\f0c5";
2646 .fa.fa-floppy-o {
2647 font-family: "Font Awesome 6 Free";
2648 font-weight: 400;
2651 .fa.fa-floppy-o:before {
2652 content: "\f0c7";
2655 .fa.fa-save {
2656 font-family: "Font Awesome 6 Free";
2657 font-weight: 400;
2660 .fa.fa-save:before {
2661 content: "\f0c7";
2664 .fa.fa-navicon:before {
2665 content: "\f0c9";
2668 .fa.fa-reorder:before {
2669 content: "\f0c9";
2672 .fa.fa-magic:before {
2673 content: "\e2ca";
2676 .fa.fa-pinterest {
2677 font-family: "Font Awesome 6 Brands";
2678 font-weight: 400;
2681 .fa.fa-pinterest-square {
2682 font-family: "Font Awesome 6 Brands";
2683 font-weight: 400;
2686 .fa.fa-pinterest-square:before {
2687 content: "\f0d3";
2690 .fa.fa-google-plus-square {
2691 font-family: "Font Awesome 6 Brands";
2692 font-weight: 400;
2695 .fa.fa-google-plus-square:before {
2696 content: "\f0d4";
2699 .fa.fa-google-plus {
2700 font-family: "Font Awesome 6 Brands";
2701 font-weight: 400;
2704 .fa.fa-google-plus:before {
2705 content: "\f0d5";
2708 .fa.fa-money:before {
2709 content: "\f3d1";
2712 .fa.fa-unsorted:before {
2713 content: "\f0dc";
2716 .fa.fa-sort-desc:before {
2717 content: "\f0dd";
2720 .fa.fa-sort-asc:before {
2721 content: "\f0de";
2724 .fa.fa-linkedin {
2725 font-family: "Font Awesome 6 Brands";
2726 font-weight: 400;
2729 .fa.fa-linkedin:before {
2730 content: "\f0e1";
2733 .fa.fa-rotate-left:before {
2734 content: "\f0e2";
2737 .fa.fa-legal:before {
2738 content: "\f0e3";
2741 .fa.fa-tachometer:before {
2742 content: "\f625";
2745 .fa.fa-dashboard:before {
2746 content: "\f625";
2749 .fa.fa-comment-o {
2750 font-family: "Font Awesome 6 Free";
2751 font-weight: 400;
2754 .fa.fa-comment-o:before {
2755 content: "\f075";
2758 .fa.fa-comments-o {
2759 font-family: "Font Awesome 6 Free";
2760 font-weight: 400;
2763 .fa.fa-comments-o:before {
2764 content: "\f086";
2767 .fa.fa-flash:before {
2768 content: "\f0e7";
2771 .fa.fa-clipboard:before {
2772 content: "\f0ea";
2775 .fa.fa-lightbulb-o {
2776 font-family: "Font Awesome 6 Free";
2777 font-weight: 400;
2780 .fa.fa-lightbulb-o:before {
2781 content: "\f0eb";
2784 .fa.fa-exchange:before {
2785 content: "\f362";
2788 .fa.fa-cloud-download:before {
2789 content: "\f0ed";
2792 .fa.fa-cloud-upload:before {
2793 content: "\f0ee";
2796 .fa.fa-bell-o {
2797 font-family: "Font Awesome 6 Free";
2798 font-weight: 400;
2801 .fa.fa-bell-o:before {
2802 content: "\f0f3";
2805 .fa.fa-cutlery:before {
2806 content: "\f2e7";
2809 .fa.fa-file-text-o {
2810 font-family: "Font Awesome 6 Free";
2811 font-weight: 400;
2814 .fa.fa-file-text-o:before {
2815 content: "\f15c";
2818 .fa.fa-building-o {
2819 font-family: "Font Awesome 6 Free";
2820 font-weight: 400;
2823 .fa.fa-building-o:before {
2824 content: "\f1ad";
2827 .fa.fa-hospital-o {
2828 font-family: "Font Awesome 6 Free";
2829 font-weight: 400;
2832 .fa.fa-hospital-o:before {
2833 content: "\f0f8";
2836 .fa.fa-tablet:before {
2837 content: "\f3fa";
2840 .fa.fa-mobile:before {
2841 content: "\f3cd";
2844 .fa.fa-mobile-phone:before {
2845 content: "\f3cd";
2848 .fa.fa-circle-o {
2849 font-family: "Font Awesome 6 Free";
2850 font-weight: 400;
2853 .fa.fa-circle-o:before {
2854 content: "\f111";
2857 .fa.fa-mail-reply:before {
2858 content: "\f3e5";
2861 .fa.fa-github-alt {
2862 font-family: "Font Awesome 6 Brands";
2863 font-weight: 400;
2866 .fa.fa-folder-o {
2867 font-family: "Font Awesome 6 Free";
2868 font-weight: 400;
2871 .fa.fa-folder-o:before {
2872 content: "\f07b";
2875 .fa.fa-folder-open-o {
2876 font-family: "Font Awesome 6 Free";
2877 font-weight: 400;
2880 .fa.fa-folder-open-o:before {
2881 content: "\f07c";
2884 .fa.fa-smile-o {
2885 font-family: "Font Awesome 6 Free";
2886 font-weight: 400;
2889 .fa.fa-smile-o:before {
2890 content: "\f118";
2893 .fa.fa-frown-o {
2894 font-family: "Font Awesome 6 Free";
2895 font-weight: 400;
2898 .fa.fa-frown-o:before {
2899 content: "\f119";
2902 .fa.fa-meh-o {
2903 font-family: "Font Awesome 6 Free";
2904 font-weight: 400;
2907 .fa.fa-meh-o:before {
2908 content: "\f11a";
2911 .fa.fa-keyboard-o {
2912 font-family: "Font Awesome 6 Free";
2913 font-weight: 400;
2916 .fa.fa-keyboard-o:before {
2917 content: "\f11c";
2920 .fa.fa-flag-o {
2921 font-family: "Font Awesome 6 Free";
2922 font-weight: 400;
2925 .fa.fa-flag-o:before {
2926 content: "\f024";
2929 .fa.fa-mail-reply-all:before {
2930 content: "\f122";
2933 .fa.fa-star-half-o {
2934 font-family: "Font Awesome 6 Free";
2935 font-weight: 400;
2938 .fa.fa-star-half-o:before {
2939 content: "\f5c0";
2942 .fa.fa-star-half-empty {
2943 font-family: "Font Awesome 6 Free";
2944 font-weight: 400;
2947 .fa.fa-star-half-empty:before {
2948 content: "\f5c0";
2951 .fa.fa-star-half-full {
2952 font-family: "Font Awesome 6 Free";
2953 font-weight: 400;
2956 .fa.fa-star-half-full:before {
2957 content: "\f5c0";
2960 .fa.fa-code-fork:before {
2961 content: "\f126";
2964 .fa.fa-chain-broken:before {
2965 content: "\f127";
2968 .fa.fa-unlink:before {
2969 content: "\f127";
2972 .fa.fa-calendar-o {
2973 font-family: "Font Awesome 6 Free";
2974 font-weight: 400;
2977 .fa.fa-calendar-o:before {
2978 content: "\f133";
2981 .fa.fa-maxcdn {
2982 font-family: "Font Awesome 6 Brands";
2983 font-weight: 400;
2986 .fa.fa-html5 {
2987 font-family: "Font Awesome 6 Brands";
2988 font-weight: 400;
2991 .fa.fa-css3 {
2992 font-family: "Font Awesome 6 Brands";
2993 font-weight: 400;
2996 .fa.fa-unlock-alt:before {
2997 content: "\f09c";
3000 .fa.fa-minus-square-o {
3001 font-family: "Font Awesome 6 Free";
3002 font-weight: 400;
3005 .fa.fa-minus-square-o:before {
3006 content: "\f146";
3009 .fa.fa-level-up:before {
3010 content: "\f3bf";
3013 .fa.fa-level-down:before {
3014 content: "\f3be";
3017 .fa.fa-pencil-square:before {
3018 content: "\f14b";
3021 .fa.fa-external-link-square:before {
3022 content: "\f360";
3025 .fa.fa-compass {
3026 font-family: "Font Awesome 6 Free";
3027 font-weight: 400;
3030 .fa.fa-caret-square-o-down {
3031 font-family: "Font Awesome 6 Free";
3032 font-weight: 400;
3035 .fa.fa-caret-square-o-down:before {
3036 content: "\f150";
3039 .fa.fa-toggle-down {
3040 font-family: "Font Awesome 6 Free";
3041 font-weight: 400;
3044 .fa.fa-toggle-down:before {
3045 content: "\f150";
3048 .fa.fa-caret-square-o-up {
3049 font-family: "Font Awesome 6 Free";
3050 font-weight: 400;
3053 .fa.fa-caret-square-o-up:before {
3054 content: "\f151";
3057 .fa.fa-toggle-up {
3058 font-family: "Font Awesome 6 Free";
3059 font-weight: 400;
3062 .fa.fa-toggle-up:before {
3063 content: "\f151";
3066 .fa.fa-caret-square-o-right {
3067 font-family: "Font Awesome 6 Free";
3068 font-weight: 400;
3071 .fa.fa-caret-square-o-right:before {
3072 content: "\f152";
3075 .fa.fa-toggle-right {
3076 font-family: "Font Awesome 6 Free";
3077 font-weight: 400;
3080 .fa.fa-toggle-right:before {
3081 content: "\f152";
3084 .fa.fa-eur:before {
3085 content: "\f153";
3088 .fa.fa-euro:before {
3089 content: "\f153";
3092 .fa.fa-gbp:before {
3093 content: "\f154";
3096 .fa.fa-usd:before {
3097 content: "\$";
3100 .fa.fa-dollar:before {
3101 content: "\$";
3104 .fa.fa-inr:before {
3105 content: "\e1bc";
3108 .fa.fa-rupee:before {
3109 content: "\e1bc";
3112 .fa.fa-jpy:before {
3113 content: "\f157";
3116 .fa.fa-cny:before {
3117 content: "\f157";
3120 .fa.fa-rmb:before {
3121 content: "\f157";
3124 .fa.fa-yen:before {
3125 content: "\f157";
3128 .fa.fa-rub:before {
3129 content: "\f158";
3132 .fa.fa-ruble:before {
3133 content: "\f158";
3136 .fa.fa-rouble:before {
3137 content: "\f158";
3140 .fa.fa-krw:before {
3141 content: "\f159";
3144 .fa.fa-won:before {
3145 content: "\f159";
3148 .fa.fa-btc {
3149 font-family: "Font Awesome 6 Brands";
3150 font-weight: 400;
3153 .fa.fa-bitcoin {
3154 font-family: "Font Awesome 6 Brands";
3155 font-weight: 400;
3158 .fa.fa-bitcoin:before {
3159 content: "\f15a";
3162 .fa.fa-file-text:before {
3163 content: "\f15c";
3166 .fa.fa-sort-alpha-asc:before {
3167 content: "\f15d";
3170 .fa.fa-sort-alpha-desc:before {
3171 content: "\f881";
3174 .fa.fa-sort-amount-asc:before {
3175 content: "\f884";
3178 .fa.fa-sort-amount-desc:before {
3179 content: "\f160";
3182 .fa.fa-sort-numeric-asc:before {
3183 content: "\f162";
3186 .fa.fa-sort-numeric-desc:before {
3187 content: "\f886";
3190 .fa.fa-youtube-square {
3191 font-family: "Font Awesome 6 Brands";
3192 font-weight: 400;
3195 .fa.fa-youtube-square:before {
3196 content: "\f431";
3199 .fa.fa-youtube {
3200 font-family: "Font Awesome 6 Brands";
3201 font-weight: 400;
3204 .fa.fa-xing {
3205 font-family: "Font Awesome 6 Brands";
3206 font-weight: 400;
3209 .fa.fa-xing-square {
3210 font-family: "Font Awesome 6 Brands";
3211 font-weight: 400;
3214 .fa.fa-xing-square:before {
3215 content: "\f169";
3218 .fa.fa-youtube-play {
3219 font-family: "Font Awesome 6 Brands";
3220 font-weight: 400;
3223 .fa.fa-youtube-play:before {
3224 content: "\f167";
3227 .fa.fa-dropbox {
3228 font-family: "Font Awesome 6 Brands";
3229 font-weight: 400;
3232 .fa.fa-stack-overflow {
3233 font-family: "Font Awesome 6 Brands";
3234 font-weight: 400;
3237 .fa.fa-instagram {
3238 font-family: "Font Awesome 6 Brands";
3239 font-weight: 400;
3242 .fa.fa-flickr {
3243 font-family: "Font Awesome 6 Brands";
3244 font-weight: 400;
3247 .fa.fa-adn {
3248 font-family: "Font Awesome 6 Brands";
3249 font-weight: 400;
3252 .fa.fa-bitbucket {
3253 font-family: "Font Awesome 6 Brands";
3254 font-weight: 400;
3257 .fa.fa-bitbucket-square {
3258 font-family: "Font Awesome 6 Brands";
3259 font-weight: 400;
3262 .fa.fa-bitbucket-square:before {
3263 content: "\f171";
3266 .fa.fa-tumblr {
3267 font-family: "Font Awesome 6 Brands";
3268 font-weight: 400;
3271 .fa.fa-tumblr-square {
3272 font-family: "Font Awesome 6 Brands";
3273 font-weight: 400;
3276 .fa.fa-tumblr-square:before {
3277 content: "\f174";
3280 .fa.fa-long-arrow-down:before {
3281 content: "\f309";
3284 .fa.fa-long-arrow-up:before {
3285 content: "\f30c";
3288 .fa.fa-long-arrow-left:before {
3289 content: "\f30a";
3292 .fa.fa-long-arrow-right:before {
3293 content: "\f30b";
3296 .fa.fa-apple {
3297 font-family: "Font Awesome 6 Brands";
3298 font-weight: 400;
3301 .fa.fa-windows {
3302 font-family: "Font Awesome 6 Brands";
3303 font-weight: 400;
3306 .fa.fa-android {
3307 font-family: "Font Awesome 6 Brands";
3308 font-weight: 400;
3311 .fa.fa-linux {
3312 font-family: "Font Awesome 6 Brands";
3313 font-weight: 400;
3316 .fa.fa-dribbble {
3317 font-family: "Font Awesome 6 Brands";
3318 font-weight: 400;
3321 .fa.fa-skype {
3322 font-family: "Font Awesome 6 Brands";
3323 font-weight: 400;
3326 .fa.fa-foursquare {
3327 font-family: "Font Awesome 6 Brands";
3328 font-weight: 400;
3331 .fa.fa-trello {
3332 font-family: "Font Awesome 6 Brands";
3333 font-weight: 400;
3336 .fa.fa-gratipay {
3337 font-family: "Font Awesome 6 Brands";
3338 font-weight: 400;
3341 .fa.fa-gittip {
3342 font-family: "Font Awesome 6 Brands";
3343 font-weight: 400;
3346 .fa.fa-gittip:before {
3347 content: "\f184";
3350 .fa.fa-sun-o {
3351 font-family: "Font Awesome 6 Free";
3352 font-weight: 400;
3355 .fa.fa-sun-o:before {
3356 content: "\f185";
3359 .fa.fa-moon-o {
3360 font-family: "Font Awesome 6 Free";
3361 font-weight: 400;
3364 .fa.fa-moon-o:before {
3365 content: "\f186";
3368 .fa.fa-vk {
3369 font-family: "Font Awesome 6 Brands";
3370 font-weight: 400;
3373 .fa.fa-weibo {
3374 font-family: "Font Awesome 6 Brands";
3375 font-weight: 400;
3378 .fa.fa-renren {
3379 font-family: "Font Awesome 6 Brands";
3380 font-weight: 400;
3383 .fa.fa-pagelines {
3384 font-family: "Font Awesome 6 Brands";
3385 font-weight: 400;
3388 .fa.fa-stack-exchange {
3389 font-family: "Font Awesome 6 Brands";
3390 font-weight: 400;
3393 .fa.fa-arrow-circle-o-right {
3394 font-family: "Font Awesome 6 Free";
3395 font-weight: 400;
3398 .fa.fa-arrow-circle-o-right:before {
3399 content: "\f35a";
3402 .fa.fa-arrow-circle-o-left {
3403 font-family: "Font Awesome 6 Free";
3404 font-weight: 400;
3407 .fa.fa-arrow-circle-o-left:before {
3408 content: "\f359";
3411 .fa.fa-caret-square-o-left {
3412 font-family: "Font Awesome 6 Free";
3413 font-weight: 400;
3416 .fa.fa-caret-square-o-left:before {
3417 content: "\f191";
3420 .fa.fa-toggle-left {
3421 font-family: "Font Awesome 6 Free";
3422 font-weight: 400;
3425 .fa.fa-toggle-left:before {
3426 content: "\f191";
3429 .fa.fa-dot-circle-o {
3430 font-family: "Font Awesome 6 Free";
3431 font-weight: 400;
3434 .fa.fa-dot-circle-o:before {
3435 content: "\f192";
3438 .fa.fa-vimeo-square {
3439 font-family: "Font Awesome 6 Brands";
3440 font-weight: 400;
3443 .fa.fa-vimeo-square:before {
3444 content: "\f194";
3447 .fa.fa-try:before {
3448 content: "\e2bb";
3451 .fa.fa-turkish-lira:before {
3452 content: "\e2bb";
3455 .fa.fa-plus-square-o {
3456 font-family: "Font Awesome 6 Free";
3457 font-weight: 400;
3460 .fa.fa-plus-square-o:before {
3461 content: "\f0fe";
3464 .fa.fa-slack {
3465 font-family: "Font Awesome 6 Brands";
3466 font-weight: 400;
3469 .fa.fa-wordpress {
3470 font-family: "Font Awesome 6 Brands";
3471 font-weight: 400;
3474 .fa.fa-openid {
3475 font-family: "Font Awesome 6 Brands";
3476 font-weight: 400;
3479 .fa.fa-institution:before {
3480 content: "\f19c";
3483 .fa.fa-bank:before {
3484 content: "\f19c";
3487 .fa.fa-mortar-board:before {
3488 content: "\f19d";
3491 .fa.fa-yahoo {
3492 font-family: "Font Awesome 6 Brands";
3493 font-weight: 400;
3496 .fa.fa-google {
3497 font-family: "Font Awesome 6 Brands";
3498 font-weight: 400;
3501 .fa.fa-reddit {
3502 font-family: "Font Awesome 6 Brands";
3503 font-weight: 400;
3506 .fa.fa-reddit-square {
3507 font-family: "Font Awesome 6 Brands";
3508 font-weight: 400;
3511 .fa.fa-reddit-square:before {
3512 content: "\f1a2";
3515 .fa.fa-stumbleupon-circle {
3516 font-family: "Font Awesome 6 Brands";
3517 font-weight: 400;
3520 .fa.fa-stumbleupon {
3521 font-family: "Font Awesome 6 Brands";
3522 font-weight: 400;
3525 .fa.fa-delicious {
3526 font-family: "Font Awesome 6 Brands";
3527 font-weight: 400;
3530 .fa.fa-digg {
3531 font-family: "Font Awesome 6 Brands";
3532 font-weight: 400;
3535 .fa.fa-pied-piper-pp {
3536 font-family: "Font Awesome 6 Brands";
3537 font-weight: 400;
3540 .fa.fa-pied-piper-alt {
3541 font-family: "Font Awesome 6 Brands";
3542 font-weight: 400;
3545 .fa.fa-drupal {
3546 font-family: "Font Awesome 6 Brands";
3547 font-weight: 400;
3550 .fa.fa-joomla {
3551 font-family: "Font Awesome 6 Brands";
3552 font-weight: 400;
3555 .fa.fa-behance {
3556 font-family: "Font Awesome 6 Brands";
3557 font-weight: 400;
3560 .fa.fa-behance-square {
3561 font-family: "Font Awesome 6 Brands";
3562 font-weight: 400;
3565 .fa.fa-behance-square:before {
3566 content: "\f1b5";
3569 .fa.fa-steam {
3570 font-family: "Font Awesome 6 Brands";
3571 font-weight: 400;
3574 .fa.fa-steam-square {
3575 font-family: "Font Awesome 6 Brands";
3576 font-weight: 400;
3579 .fa.fa-steam-square:before {
3580 content: "\f1b7";
3583 .fa.fa-automobile:before {
3584 content: "\f1b9";
3587 .fa.fa-cab:before {
3588 content: "\f1ba";
3591 .fa.fa-spotify {
3592 font-family: "Font Awesome 6 Brands";
3593 font-weight: 400;
3596 .fa.fa-deviantart {
3597 font-family: "Font Awesome 6 Brands";
3598 font-weight: 400;
3601 .fa.fa-soundcloud {
3602 font-family: "Font Awesome 6 Brands";
3603 font-weight: 400;
3606 .fa.fa-file-pdf-o {
3607 font-family: "Font Awesome 6 Free";
3608 font-weight: 400;
3611 .fa.fa-file-pdf-o:before {
3612 content: "\f1c1";
3615 .fa.fa-file-word-o {
3616 font-family: "Font Awesome 6 Free";
3617 font-weight: 400;
3620 .fa.fa-file-word-o:before {
3621 content: "\f1c2";
3624 .fa.fa-file-excel-o {
3625 font-family: "Font Awesome 6 Free";
3626 font-weight: 400;
3629 .fa.fa-file-excel-o:before {
3630 content: "\f1c3";
3633 .fa.fa-file-powerpoint-o {
3634 font-family: "Font Awesome 6 Free";
3635 font-weight: 400;
3638 .fa.fa-file-powerpoint-o:before {
3639 content: "\f1c4";
3642 .fa.fa-file-image-o {
3643 font-family: "Font Awesome 6 Free";
3644 font-weight: 400;
3647 .fa.fa-file-image-o:before {
3648 content: "\f1c5";
3651 .fa.fa-file-photo-o {
3652 font-family: "Font Awesome 6 Free";
3653 font-weight: 400;
3656 .fa.fa-file-photo-o:before {
3657 content: "\f1c5";
3660 .fa.fa-file-picture-o {
3661 font-family: "Font Awesome 6 Free";
3662 font-weight: 400;
3665 .fa.fa-file-picture-o:before {
3666 content: "\f1c5";
3669 .fa.fa-file-archive-o {
3670 font-family: "Font Awesome 6 Free";
3671 font-weight: 400;
3674 .fa.fa-file-archive-o:before {
3675 content: "\f1c6";
3678 .fa.fa-file-zip-o {
3679 font-family: "Font Awesome 6 Free";
3680 font-weight: 400;
3683 .fa.fa-file-zip-o:before {
3684 content: "\f1c6";
3687 .fa.fa-file-audio-o {
3688 font-family: "Font Awesome 6 Free";
3689 font-weight: 400;
3692 .fa.fa-file-audio-o:before {
3693 content: "\f1c7";
3696 .fa.fa-file-sound-o {
3697 font-family: "Font Awesome 6 Free";
3698 font-weight: 400;
3701 .fa.fa-file-sound-o:before {
3702 content: "\f1c7";
3705 .fa.fa-file-video-o {
3706 font-family: "Font Awesome 6 Free";
3707 font-weight: 400;
3710 .fa.fa-file-video-o:before {
3711 content: "\f1c8";
3714 .fa.fa-file-movie-o {
3715 font-family: "Font Awesome 6 Free";
3716 font-weight: 400;
3719 .fa.fa-file-movie-o:before {
3720 content: "\f1c8";
3723 .fa.fa-file-code-o {
3724 font-family: "Font Awesome 6 Free";
3725 font-weight: 400;
3728 .fa.fa-file-code-o:before {
3729 content: "\f1c9";
3732 .fa.fa-vine {
3733 font-family: "Font Awesome 6 Brands";
3734 font-weight: 400;
3737 .fa.fa-codepen {
3738 font-family: "Font Awesome 6 Brands";
3739 font-weight: 400;
3742 .fa.fa-jsfiddle {
3743 font-family: "Font Awesome 6 Brands";
3744 font-weight: 400;
3747 .fa.fa-life-bouy:before {
3748 content: "\f1cd";
3751 .fa.fa-life-buoy:before {
3752 content: "\f1cd";
3755 .fa.fa-life-saver:before {
3756 content: "\f1cd";
3759 .fa.fa-support:before {
3760 content: "\f1cd";
3763 .fa.fa-circle-o-notch:before {
3764 content: "\f1ce";
3767 .fa.fa-rebel {
3768 font-family: "Font Awesome 6 Brands";
3769 font-weight: 400;
3772 .fa.fa-ra {
3773 font-family: "Font Awesome 6 Brands";
3774 font-weight: 400;
3777 .fa.fa-ra:before {
3778 content: "\f1d0";
3781 .fa.fa-resistance {
3782 font-family: "Font Awesome 6 Brands";
3783 font-weight: 400;
3786 .fa.fa-resistance:before {
3787 content: "\f1d0";
3790 .fa.fa-empire {
3791 font-family: "Font Awesome 6 Brands";
3792 font-weight: 400;
3795 .fa.fa-ge {
3796 font-family: "Font Awesome 6 Brands";
3797 font-weight: 400;
3800 .fa.fa-ge:before {
3801 content: "\f1d1";
3804 .fa.fa-git-square {
3805 font-family: "Font Awesome 6 Brands";
3806 font-weight: 400;
3809 .fa.fa-git-square:before {
3810 content: "\f1d2";
3813 .fa.fa-git {
3814 font-family: "Font Awesome 6 Brands";
3815 font-weight: 400;
3818 .fa.fa-hacker-news {
3819 font-family: "Font Awesome 6 Brands";
3820 font-weight: 400;
3823 .fa.fa-y-combinator-square {
3824 font-family: "Font Awesome 6 Brands";
3825 font-weight: 400;
3828 .fa.fa-y-combinator-square:before {
3829 content: "\f1d4";
3832 .fa.fa-yc-square {
3833 font-family: "Font Awesome 6 Brands";
3834 font-weight: 400;
3837 .fa.fa-yc-square:before {
3838 content: "\f1d4";
3841 .fa.fa-tencent-weibo {
3842 font-family: "Font Awesome 6 Brands";
3843 font-weight: 400;
3846 .fa.fa-qq {
3847 font-family: "Font Awesome 6 Brands";
3848 font-weight: 400;
3851 .fa.fa-weixin {
3852 font-family: "Font Awesome 6 Brands";
3853 font-weight: 400;
3856 .fa.fa-wechat {
3857 font-family: "Font Awesome 6 Brands";
3858 font-weight: 400;
3861 .fa.fa-wechat:before {
3862 content: "\f1d7";
3865 .fa.fa-send:before {
3866 content: "\f1d8";
3869 .fa.fa-paper-plane-o {
3870 font-family: "Font Awesome 6 Free";
3871 font-weight: 400;
3874 .fa.fa-paper-plane-o:before {
3875 content: "\f1d8";
3878 .fa.fa-send-o {
3879 font-family: "Font Awesome 6 Free";
3880 font-weight: 400;
3883 .fa.fa-send-o:before {
3884 content: "\f1d8";
3887 .fa.fa-circle-thin {
3888 font-family: "Font Awesome 6 Free";
3889 font-weight: 400;
3892 .fa.fa-circle-thin:before {
3893 content: "\f111";
3896 .fa.fa-header:before {
3897 content: "\f1dc";
3900 .fa.fa-futbol-o {
3901 font-family: "Font Awesome 6 Free";
3902 font-weight: 400;
3905 .fa.fa-futbol-o:before {
3906 content: "\f1e3";
3909 .fa.fa-soccer-ball-o {
3910 font-family: "Font Awesome 6 Free";
3911 font-weight: 400;
3914 .fa.fa-soccer-ball-o:before {
3915 content: "\f1e3";
3918 .fa.fa-slideshare {
3919 font-family: "Font Awesome 6 Brands";
3920 font-weight: 400;
3923 .fa.fa-twitch {
3924 font-family: "Font Awesome 6 Brands";
3925 font-weight: 400;
3928 .fa.fa-yelp {
3929 font-family: "Font Awesome 6 Brands";
3930 font-weight: 400;
3933 .fa.fa-newspaper-o {
3934 font-family: "Font Awesome 6 Free";
3935 font-weight: 400;
3938 .fa.fa-newspaper-o:before {
3939 content: "\f1ea";
3942 .fa.fa-paypal {
3943 font-family: "Font Awesome 6 Brands";
3944 font-weight: 400;
3947 .fa.fa-google-wallet {
3948 font-family: "Font Awesome 6 Brands";
3949 font-weight: 400;
3952 .fa.fa-cc-visa {
3953 font-family: "Font Awesome 6 Brands";
3954 font-weight: 400;
3957 .fa.fa-cc-mastercard {
3958 font-family: "Font Awesome 6 Brands";
3959 font-weight: 400;
3962 .fa.fa-cc-discover {
3963 font-family: "Font Awesome 6 Brands";
3964 font-weight: 400;
3967 .fa.fa-cc-amex {
3968 font-family: "Font Awesome 6 Brands";
3969 font-weight: 400;
3972 .fa.fa-cc-paypal {
3973 font-family: "Font Awesome 6 Brands";
3974 font-weight: 400;
3977 .fa.fa-cc-stripe {
3978 font-family: "Font Awesome 6 Brands";
3979 font-weight: 400;
3982 .fa.fa-bell-slash-o {
3983 font-family: "Font Awesome 6 Free";
3984 font-weight: 400;
3987 .fa.fa-bell-slash-o:before {
3988 content: "\f1f6";
3991 .fa.fa-trash:before {
3992 content: "\f2ed";
3995 .fa.fa-copyright {
3996 font-family: "Font Awesome 6 Free";
3997 font-weight: 400;
4000 .fa.fa-eyedropper:before {
4001 content: "\f1fb";
4004 .fa.fa-area-chart:before {
4005 content: "\f1fe";
4008 .fa.fa-pie-chart:before {
4009 content: "\f200";
4012 .fa.fa-line-chart:before {
4013 content: "\f201";
4016 .fa.fa-lastfm {
4017 font-family: "Font Awesome 6 Brands";
4018 font-weight: 400;
4021 .fa.fa-lastfm-square {
4022 font-family: "Font Awesome 6 Brands";
4023 font-weight: 400;
4026 .fa.fa-lastfm-square:before {
4027 content: "\f203";
4030 .fa.fa-ioxhost {
4031 font-family: "Font Awesome 6 Brands";
4032 font-weight: 400;
4035 .fa.fa-angellist {
4036 font-family: "Font Awesome 6 Brands";
4037 font-weight: 400;
4040 .fa.fa-cc {
4041 font-family: "Font Awesome 6 Free";
4042 font-weight: 400;
4045 .fa.fa-cc:before {
4046 content: "\f20a";
4049 .fa.fa-ils:before {
4050 content: "\f20b";
4053 .fa.fa-shekel:before {
4054 content: "\f20b";
4057 .fa.fa-sheqel:before {
4058 content: "\f20b";
4061 .fa.fa-buysellads {
4062 font-family: "Font Awesome 6 Brands";
4063 font-weight: 400;
4066 .fa.fa-connectdevelop {
4067 font-family: "Font Awesome 6 Brands";
4068 font-weight: 400;
4071 .fa.fa-dashcube {
4072 font-family: "Font Awesome 6 Brands";
4073 font-weight: 400;
4076 .fa.fa-forumbee {
4077 font-family: "Font Awesome 6 Brands";
4078 font-weight: 400;
4081 .fa.fa-leanpub {
4082 font-family: "Font Awesome 6 Brands";
4083 font-weight: 400;
4086 .fa.fa-sellsy {
4087 font-family: "Font Awesome 6 Brands";
4088 font-weight: 400;
4091 .fa.fa-shirtsinbulk {
4092 font-family: "Font Awesome 6 Brands";
4093 font-weight: 400;
4096 .fa.fa-simplybuilt {
4097 font-family: "Font Awesome 6 Brands";
4098 font-weight: 400;
4101 .fa.fa-skyatlas {
4102 font-family: "Font Awesome 6 Brands";
4103 font-weight: 400;
4106 .fa.fa-diamond {
4107 font-family: "Font Awesome 6 Free";
4108 font-weight: 400;
4111 .fa.fa-diamond:before {
4112 content: "\f3a5";
4115 .fa.fa-transgender:before {
4116 content: "\f224";
4119 .fa.fa-intersex:before {
4120 content: "\f224";
4123 .fa.fa-transgender-alt:before {
4124 content: "\f225";
4127 .fa.fa-facebook-official {
4128 font-family: "Font Awesome 6 Brands";
4129 font-weight: 400;
4132 .fa.fa-facebook-official:before {
4133 content: "\f09a";
4136 .fa.fa-pinterest-p {
4137 font-family: "Font Awesome 6 Brands";
4138 font-weight: 400;
4141 .fa.fa-whatsapp {
4142 font-family: "Font Awesome 6 Brands";
4143 font-weight: 400;
4146 .fa.fa-hotel:before {
4147 content: "\f236";
4150 .fa.fa-viacoin {
4151 font-family: "Font Awesome 6 Brands";
4152 font-weight: 400;
4155 .fa.fa-medium {
4156 font-family: "Font Awesome 6 Brands";
4157 font-weight: 400;
4160 .fa.fa-y-combinator {
4161 font-family: "Font Awesome 6 Brands";
4162 font-weight: 400;
4165 .fa.fa-yc {
4166 font-family: "Font Awesome 6 Brands";
4167 font-weight: 400;
4170 .fa.fa-yc:before {
4171 content: "\f23b";
4174 .fa.fa-optin-monster {
4175 font-family: "Font Awesome 6 Brands";
4176 font-weight: 400;
4179 .fa.fa-opencart {
4180 font-family: "Font Awesome 6 Brands";
4181 font-weight: 400;
4184 .fa.fa-expeditedssl {
4185 font-family: "Font Awesome 6 Brands";
4186 font-weight: 400;
4189 .fa.fa-battery-4:before {
4190 content: "\f240";
4193 .fa.fa-battery:before {
4194 content: "\f240";
4197 .fa.fa-battery-3:before {
4198 content: "\f241";
4201 .fa.fa-battery-2:before {
4202 content: "\f242";
4205 .fa.fa-battery-1:before {
4206 content: "\f243";
4209 .fa.fa-battery-0:before {
4210 content: "\f244";
4213 .fa.fa-object-group {
4214 font-family: "Font Awesome 6 Free";
4215 font-weight: 400;
4218 .fa.fa-object-ungroup {
4219 font-family: "Font Awesome 6 Free";
4220 font-weight: 400;
4223 .fa.fa-sticky-note-o {
4224 font-family: "Font Awesome 6 Free";
4225 font-weight: 400;
4228 .fa.fa-sticky-note-o:before {
4229 content: "\f249";
4232 .fa.fa-cc-jcb {
4233 font-family: "Font Awesome 6 Brands";
4234 font-weight: 400;
4237 .fa.fa-cc-diners-club {
4238 font-family: "Font Awesome 6 Brands";
4239 font-weight: 400;
4242 .fa.fa-clone {
4243 font-family: "Font Awesome 6 Free";
4244 font-weight: 400;
4247 .fa.fa-hourglass-o:before {
4248 content: "\f254";
4251 .fa.fa-hourglass-1:before {
4252 content: "\f251";
4255 .fa.fa-hourglass-2:before {
4256 content: "\f252";
4259 .fa.fa-hourglass-3:before {
4260 content: "\f253";
4263 .fa.fa-hand-rock-o {
4264 font-family: "Font Awesome 6 Free";
4265 font-weight: 400;
4268 .fa.fa-hand-rock-o:before {
4269 content: "\f255";
4272 .fa.fa-hand-grab-o {
4273 font-family: "Font Awesome 6 Free";
4274 font-weight: 400;
4277 .fa.fa-hand-grab-o:before {
4278 content: "\f255";
4281 .fa.fa-hand-paper-o {
4282 font-family: "Font Awesome 6 Free";
4283 font-weight: 400;
4286 .fa.fa-hand-paper-o:before {
4287 content: "\f256";
4290 .fa.fa-hand-stop-o {
4291 font-family: "Font Awesome 6 Free";
4292 font-weight: 400;
4295 .fa.fa-hand-stop-o:before {
4296 content: "\f256";
4299 .fa.fa-hand-scissors-o {
4300 font-family: "Font Awesome 6 Free";
4301 font-weight: 400;
4304 .fa.fa-hand-scissors-o:before {
4305 content: "\f257";
4308 .fa.fa-hand-lizard-o {
4309 font-family: "Font Awesome 6 Free";
4310 font-weight: 400;
4313 .fa.fa-hand-lizard-o:before {
4314 content: "\f258";
4317 .fa.fa-hand-spock-o {
4318 font-family: "Font Awesome 6 Free";
4319 font-weight: 400;
4322 .fa.fa-hand-spock-o:before {
4323 content: "\f259";
4326 .fa.fa-hand-pointer-o {
4327 font-family: "Font Awesome 6 Free";
4328 font-weight: 400;
4331 .fa.fa-hand-pointer-o:before {
4332 content: "\f25a";
4335 .fa.fa-hand-peace-o {
4336 font-family: "Font Awesome 6 Free";
4337 font-weight: 400;
4340 .fa.fa-hand-peace-o:before {
4341 content: "\f25b";
4344 .fa.fa-registered {
4345 font-family: "Font Awesome 6 Free";
4346 font-weight: 400;
4349 .fa.fa-creative-commons {
4350 font-family: "Font Awesome 6 Brands";
4351 font-weight: 400;
4354 .fa.fa-gg {
4355 font-family: "Font Awesome 6 Brands";
4356 font-weight: 400;
4359 .fa.fa-gg-circle {
4360 font-family: "Font Awesome 6 Brands";
4361 font-weight: 400;
4364 .fa.fa-odnoklassniki {
4365 font-family: "Font Awesome 6 Brands";
4366 font-weight: 400;
4369 .fa.fa-odnoklassniki-square {
4370 font-family: "Font Awesome 6 Brands";
4371 font-weight: 400;
4374 .fa.fa-odnoklassniki-square:before {
4375 content: "\f264";
4378 .fa.fa-get-pocket {
4379 font-family: "Font Awesome 6 Brands";
4380 font-weight: 400;
4383 .fa.fa-wikipedia-w {
4384 font-family: "Font Awesome 6 Brands";
4385 font-weight: 400;
4388 .fa.fa-safari {
4389 font-family: "Font Awesome 6 Brands";
4390 font-weight: 400;
4393 .fa.fa-chrome {
4394 font-family: "Font Awesome 6 Brands";
4395 font-weight: 400;
4398 .fa.fa-firefox {
4399 font-family: "Font Awesome 6 Brands";
4400 font-weight: 400;
4403 .fa.fa-opera {
4404 font-family: "Font Awesome 6 Brands";
4405 font-weight: 400;
4408 .fa.fa-internet-explorer {
4409 font-family: "Font Awesome 6 Brands";
4410 font-weight: 400;
4413 .fa.fa-television:before {
4414 content: "\f26c";
4417 .fa.fa-contao {
4418 font-family: "Font Awesome 6 Brands";
4419 font-weight: 400;
4422 .fa.fa-500px {
4423 font-family: "Font Awesome 6 Brands";
4424 font-weight: 400;
4427 .fa.fa-amazon {
4428 font-family: "Font Awesome 6 Brands";
4429 font-weight: 400;
4432 .fa.fa-calendar-plus-o {
4433 font-family: "Font Awesome 6 Free";
4434 font-weight: 400;
4437 .fa.fa-calendar-plus-o:before {
4438 content: "\f271";
4441 .fa.fa-calendar-minus-o {
4442 font-family: "Font Awesome 6 Free";
4443 font-weight: 400;
4446 .fa.fa-calendar-minus-o:before {
4447 content: "\f272";
4450 .fa.fa-calendar-times-o {
4451 font-family: "Font Awesome 6 Free";
4452 font-weight: 400;
4455 .fa.fa-calendar-times-o:before {
4456 content: "\f273";
4459 .fa.fa-calendar-check-o {
4460 font-family: "Font Awesome 6 Free";
4461 font-weight: 400;
4464 .fa.fa-calendar-check-o:before {
4465 content: "\f274";
4468 .fa.fa-map-o {
4469 font-family: "Font Awesome 6 Free";
4470 font-weight: 400;
4473 .fa.fa-map-o:before {
4474 content: "\f279";
4477 .fa.fa-commenting:before {
4478 content: "\f4ad";
4481 .fa.fa-commenting-o {
4482 font-family: "Font Awesome 6 Free";
4483 font-weight: 400;
4486 .fa.fa-commenting-o:before {
4487 content: "\f4ad";
4490 .fa.fa-houzz {
4491 font-family: "Font Awesome 6 Brands";
4492 font-weight: 400;
4495 .fa.fa-vimeo {
4496 font-family: "Font Awesome 6 Brands";
4497 font-weight: 400;
4500 .fa.fa-vimeo:before {
4501 content: "\f27d";
4504 .fa.fa-black-tie {
4505 font-family: "Font Awesome 6 Brands";
4506 font-weight: 400;
4509 .fa.fa-fonticons {
4510 font-family: "Font Awesome 6 Brands";
4511 font-weight: 400;
4514 .fa.fa-reddit-alien {
4515 font-family: "Font Awesome 6 Brands";
4516 font-weight: 400;
4519 .fa.fa-edge {
4520 font-family: "Font Awesome 6 Brands";
4521 font-weight: 400;
4524 .fa.fa-credit-card-alt:before {
4525 content: "\f09d";
4528 .fa.fa-codiepie {
4529 font-family: "Font Awesome 6 Brands";
4530 font-weight: 400;
4533 .fa.fa-modx {
4534 font-family: "Font Awesome 6 Brands";
4535 font-weight: 400;
4538 .fa.fa-fort-awesome {
4539 font-family: "Font Awesome 6 Brands";
4540 font-weight: 400;
4543 .fa.fa-usb {
4544 font-family: "Font Awesome 6 Brands";
4545 font-weight: 400;
4548 .fa.fa-product-hunt {
4549 font-family: "Font Awesome 6 Brands";
4550 font-weight: 400;
4553 .fa.fa-mixcloud {
4554 font-family: "Font Awesome 6 Brands";
4555 font-weight: 400;
4558 .fa.fa-scribd {
4559 font-family: "Font Awesome 6 Brands";
4560 font-weight: 400;
4563 .fa.fa-pause-circle-o {
4564 font-family: "Font Awesome 6 Free";
4565 font-weight: 400;
4568 .fa.fa-pause-circle-o:before {
4569 content: "\f28b";
4572 .fa.fa-stop-circle-o {
4573 font-family: "Font Awesome 6 Free";
4574 font-weight: 400;
4577 .fa.fa-stop-circle-o:before {
4578 content: "\f28d";
4581 .fa.fa-bluetooth {
4582 font-family: "Font Awesome 6 Brands";
4583 font-weight: 400;
4586 .fa.fa-bluetooth-b {
4587 font-family: "Font Awesome 6 Brands";
4588 font-weight: 400;
4591 .fa.fa-gitlab {
4592 font-family: "Font Awesome 6 Brands";
4593 font-weight: 400;
4596 .fa.fa-wpbeginner {
4597 font-family: "Font Awesome 6 Brands";
4598 font-weight: 400;
4601 .fa.fa-wpforms {
4602 font-family: "Font Awesome 6 Brands";
4603 font-weight: 400;
4606 .fa.fa-envira {
4607 font-family: "Font Awesome 6 Brands";
4608 font-weight: 400;
4611 .fa.fa-wheelchair-alt {
4612 font-family: "Font Awesome 6 Brands";
4613 font-weight: 400;
4616 .fa.fa-wheelchair-alt:before {
4617 content: "\f368";
4620 .fa.fa-question-circle-o {
4621 font-family: "Font Awesome 6 Free";
4622 font-weight: 400;
4625 .fa.fa-question-circle-o:before {
4626 content: "\f059";
4629 .fa.fa-volume-control-phone:before {
4630 content: "\f2a0";
4633 .fa.fa-asl-interpreting:before {
4634 content: "\f2a3";
4637 .fa.fa-deafness:before {
4638 content: "\f2a4";
4641 .fa.fa-hard-of-hearing:before {
4642 content: "\f2a4";
4645 .fa.fa-glide {
4646 font-family: "Font Awesome 6 Brands";
4647 font-weight: 400;
4650 .fa.fa-glide-g {
4651 font-family: "Font Awesome 6 Brands";
4652 font-weight: 400;
4655 .fa.fa-signing:before {
4656 content: "\f2a7";
4659 .fa.fa-viadeo {
4660 font-family: "Font Awesome 6 Brands";
4661 font-weight: 400;
4664 .fa.fa-viadeo-square {
4665 font-family: "Font Awesome 6 Brands";
4666 font-weight: 400;
4669 .fa.fa-viadeo-square:before {
4670 content: "\f2aa";
4673 .fa.fa-snapchat {
4674 font-family: "Font Awesome 6 Brands";
4675 font-weight: 400;
4678 .fa.fa-snapchat-ghost {
4679 font-family: "Font Awesome 6 Brands";
4680 font-weight: 400;
4683 .fa.fa-snapchat-ghost:before {
4684 content: "\f2ab";
4687 .fa.fa-snapchat-square {
4688 font-family: "Font Awesome 6 Brands";
4689 font-weight: 400;
4692 .fa.fa-snapchat-square:before {
4693 content: "\f2ad";
4696 .fa.fa-pied-piper {
4697 font-family: "Font Awesome 6 Brands";
4698 font-weight: 400;
4701 .fa.fa-first-order {
4702 font-family: "Font Awesome 6 Brands";
4703 font-weight: 400;
4706 .fa.fa-yoast {
4707 font-family: "Font Awesome 6 Brands";
4708 font-weight: 400;
4711 .fa.fa-themeisle {
4712 font-family: "Font Awesome 6 Brands";
4713 font-weight: 400;
4716 .fa.fa-google-plus-official {
4717 font-family: "Font Awesome 6 Brands";
4718 font-weight: 400;
4721 .fa.fa-google-plus-official:before {
4722 content: "\f2b3";
4725 .fa.fa-google-plus-circle {
4726 font-family: "Font Awesome 6 Brands";
4727 font-weight: 400;
4730 .fa.fa-google-plus-circle:before {
4731 content: "\f2b3";
4734 .fa.fa-font-awesome {
4735 font-family: "Font Awesome 6 Brands";
4736 font-weight: 400;
4739 .fa.fa-fa {
4740 font-family: "Font Awesome 6 Brands";
4741 font-weight: 400;
4744 .fa.fa-fa:before {
4745 content: "\f2b4";
4748 .fa.fa-handshake-o {
4749 font-family: "Font Awesome 6 Free";
4750 font-weight: 400;
4753 .fa.fa-handshake-o:before {
4754 content: "\f2b5";
4757 .fa.fa-envelope-open-o {
4758 font-family: "Font Awesome 6 Free";
4759 font-weight: 400;
4762 .fa.fa-envelope-open-o:before {
4763 content: "\f2b6";
4766 .fa.fa-linode {
4767 font-family: "Font Awesome 6 Brands";
4768 font-weight: 400;
4771 .fa.fa-address-book-o {
4772 font-family: "Font Awesome 6 Free";
4773 font-weight: 400;
4776 .fa.fa-address-book-o:before {
4777 content: "\f2b9";
4780 .fa.fa-vcard:before {
4781 content: "\f2bb";
4784 .fa.fa-address-card-o {
4785 font-family: "Font Awesome 6 Free";
4786 font-weight: 400;
4789 .fa.fa-address-card-o:before {
4790 content: "\f2bb";
4793 .fa.fa-vcard-o {
4794 font-family: "Font Awesome 6 Free";
4795 font-weight: 400;
4798 .fa.fa-vcard-o:before {
4799 content: "\f2bb";
4802 .fa.fa-user-circle-o {
4803 font-family: "Font Awesome 6 Free";
4804 font-weight: 400;
4807 .fa.fa-user-circle-o:before {
4808 content: "\f2bd";
4811 .fa.fa-user-o {
4812 font-family: "Font Awesome 6 Free";
4813 font-weight: 400;
4816 .fa.fa-user-o:before {
4817 content: "\f007";
4820 .fa.fa-id-badge {
4821 font-family: "Font Awesome 6 Free";
4822 font-weight: 400;
4825 .fa.fa-drivers-license:before {
4826 content: "\f2c2";
4829 .fa.fa-id-card-o {
4830 font-family: "Font Awesome 6 Free";
4831 font-weight: 400;
4834 .fa.fa-id-card-o:before {
4835 content: "\f2c2";
4838 .fa.fa-drivers-license-o {
4839 font-family: "Font Awesome 6 Free";
4840 font-weight: 400;
4843 .fa.fa-drivers-license-o:before {
4844 content: "\f2c2";
4847 .fa.fa-quora {
4848 font-family: "Font Awesome 6 Brands";
4849 font-weight: 400;
4852 .fa.fa-free-code-camp {
4853 font-family: "Font Awesome 6 Brands";
4854 font-weight: 400;
4857 .fa.fa-telegram {
4858 font-family: "Font Awesome 6 Brands";
4859 font-weight: 400;
4862 .fa.fa-thermometer-4:before {
4863 content: "\f2c7";
4866 .fa.fa-thermometer:before {
4867 content: "\f2c7";
4870 .fa.fa-thermometer-3:before {
4871 content: "\f2c8";
4874 .fa.fa-thermometer-2:before {
4875 content: "\f2c9";
4878 .fa.fa-thermometer-1:before {
4879 content: "\f2ca";
4882 .fa.fa-thermometer-0:before {
4883 content: "\f2cb";
4886 .fa.fa-bathtub:before {
4887 content: "\f2cd";
4890 .fa.fa-s15:before {
4891 content: "\f2cd";
4894 .fa.fa-window-maximize {
4895 font-family: "Font Awesome 6 Free";
4896 font-weight: 400;
4899 .fa.fa-window-restore {
4900 font-family: "Font Awesome 6 Free";
4901 font-weight: 400;
4904 .fa.fa-times-rectangle:before {
4905 content: "\f410";
4908 .fa.fa-window-close-o {
4909 font-family: "Font Awesome 6 Free";
4910 font-weight: 400;
4913 .fa.fa-window-close-o:before {
4914 content: "\f410";
4917 .fa.fa-times-rectangle-o {
4918 font-family: "Font Awesome 6 Free";
4919 font-weight: 400;
4922 .fa.fa-times-rectangle-o:before {
4923 content: "\f410";
4926 .fa.fa-bandcamp {
4927 font-family: "Font Awesome 6 Brands";
4928 font-weight: 400;
4931 .fa.fa-grav {
4932 font-family: "Font Awesome 6 Brands";
4933 font-weight: 400;
4936 .fa.fa-etsy {
4937 font-family: "Font Awesome 6 Brands";
4938 font-weight: 400;
4941 .fa.fa-imdb {
4942 font-family: "Font Awesome 6 Brands";
4943 font-weight: 400;
4946 .fa.fa-ravelry {
4947 font-family: "Font Awesome 6 Brands";
4948 font-weight: 400;
4951 .fa.fa-eercast {
4952 font-family: "Font Awesome 6 Brands";
4953 font-weight: 400;
4956 .fa.fa-eercast:before {
4957 content: "\f2da";
4960 .fa.fa-snowflake-o {
4961 font-family: "Font Awesome 6 Free";
4962 font-weight: 400;
4965 .fa.fa-snowflake-o:before {
4966 content: "\f2dc";
4969 .fa.fa-superpowers {
4970 font-family: "Font Awesome 6 Brands";
4971 font-weight: 400;
4974 .fa.fa-wpexplorer {
4975 font-family: "Font Awesome 6 Brands";
4976 font-weight: 400;
4979 .fa.fa-meetup {
4980 font-family: "Font Awesome 6 Brands";
4981 font-weight: 400;
4985 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
4986 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4987 * Copyright 2023 Fonticons, Inc.
4989 .fa {
4990 font-family: var(--fa-style-family, "Font Awesome 6 Free");
4991 font-weight: var(--fa-style, 900);
4994 .fa,
4995 .fa-classic,
4996 .fa-sharp,
4997 .fas,
4998 .fa-solid,
4999 .moremenu .dropdown-item[aria-current=true]:before,
5000 .moremenu .dropdown-item.active:before,
5001 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5002 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
5003 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5004 .toast.toast-warning .toast-body:before,
5005 .toast.toast-info .toast-body:before,
5006 .toast.toast-danger .toast-body:before,
5007 .toast.toast-success .toast-body:before,
5008 .editing .editinprogress:after,
5009 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
5010 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
5011 .block_settings .block_tree [aria-expanded=false] > p:before,
5012 .block_navigation .block_tree [aria-expanded=false] > p:before,
5013 .block_settings .block_tree [aria-expanded=true] > p:before,
5014 .block_navigation .block_tree [aria-expanded=true] > p:before,
5015 .dropdown-item[aria-current=true]:before,
5016 .dropdown-item[aria-selected=true]:before,
5017 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
5018 .action-menu .dropdown-subpanel .dropdown-item::after,
5019 .dropup .dropdown-toggle::after,
5020 .dropright .dropdown-toggle::after,
5021 .dropleft .dropdown-toggle::before,
5022 .dropdown-toggle::after,
5023 .far,
5024 .fa-regular,
5025 .content-bank-container.view-grid .cb-unlisted::after,
5026 .fab,
5027 .fa-brands {
5028 -moz-osx-font-smoothing: grayscale;
5029 -webkit-font-smoothing: antialiased;
5030 display: var(--fa-display, inline-block);
5031 font-style: normal;
5032 font-variant: normal;
5033 line-height: 1;
5034 text-rendering: auto;
5037 .fas,
5038 .fa-classic,
5039 .fa-solid,
5040 .moremenu .dropdown-item[aria-current=true]:before,
5041 .moremenu .dropdown-item.active:before,
5042 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5043 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
5044 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5045 .toast.toast-warning .toast-body:before,
5046 .toast.toast-info .toast-body:before,
5047 .toast.toast-danger .toast-body:before,
5048 .toast.toast-success .toast-body:before,
5049 .editing .editinprogress:after,
5050 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
5051 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
5052 .block_settings .block_tree [aria-expanded=false] > p:before,
5053 .block_navigation .block_tree [aria-expanded=false] > p:before,
5054 .block_settings .block_tree [aria-expanded=true] > p:before,
5055 .block_navigation .block_tree [aria-expanded=true] > p:before,
5056 .dropdown-item[aria-current=true]:before,
5057 .dropdown-item[aria-selected=true]:before,
5058 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
5059 .action-menu .dropdown-subpanel .dropdown-item::after,
5060 .dropup .dropdown-toggle::after,
5061 .dropright .dropdown-toggle::after,
5062 .dropleft .dropdown-toggle::before,
5063 .dropdown-toggle::after,
5064 .far,
5065 .fa-regular,
5066 .content-bank-container.view-grid .cb-unlisted::after {
5067 font-family: "Font Awesome 6 Free";
5070 .fab,
5071 .fa-brands {
5072 font-family: "Font Awesome 6 Brands";
5075 .fa-1x {
5076 font-size: 1em;
5079 .fa-2x {
5080 font-size: 2em;
5083 .fa-3x {
5084 font-size: 3em;
5087 .fa-4x {
5088 font-size: 4em;
5091 .fa-5x {
5092 font-size: 5em;
5095 .fa-6x {
5096 font-size: 6em;
5099 .fa-7x {
5100 font-size: 7em;
5103 .fa-8x {
5104 font-size: 8em;
5107 .fa-9x {
5108 font-size: 9em;
5111 .fa-10x {
5112 font-size: 10em;
5115 .fa-2xs {
5116 font-size: 0.625em;
5117 line-height: 0.1em;
5118 vertical-align: 0.225em;
5121 .fa-xs {
5122 font-size: 0.75em;
5123 line-height: 0.0833333337em;
5124 vertical-align: 0.125em;
5127 .fa-sm {
5128 font-size: 0.875em;
5129 line-height: 0.0714285718em;
5130 vertical-align: 0.0535714295em;
5133 .fa-lg {
5134 font-size: 1.25em;
5135 line-height: 0.05em;
5136 vertical-align: -0.075em;
5139 .fa-xl {
5140 font-size: 1.5em;
5141 line-height: 0.0416666682em;
5142 vertical-align: -0.125em;
5145 .fa-2xl {
5146 font-size: 2em;
5147 line-height: 0.03125em;
5148 vertical-align: -0.1875em;
5151 .fa-fw {
5152 text-align: center;
5153 width: 1.25em;
5156 .fa-ul {
5157 list-style-type: none;
5158 margin-left: var(--fa-li-margin, 2.5em);
5159 padding-left: 0;
5161 .fa-ul > li {
5162 position: relative;
5165 .fa-li {
5166 left: calc(var(--fa-li-width, 2em) * -1);
5167 position: absolute;
5168 text-align: center;
5169 width: var(--fa-li-width, 2em);
5170 line-height: inherit;
5173 .fa-border {
5174 border-color: var(--fa-border-color, #eee);
5175 border-radius: var(--fa-border-radius, 0.1em);
5176 border-style: var(--fa-border-style, solid);
5177 border-width: var(--fa-border-width, 0.08em);
5178 padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
5181 .fa-pull-left {
5182 float: left;
5183 margin-right: var(--fa-pull-margin, 0.3em);
5186 .fa-pull-right {
5187 float: right;
5188 margin-left: var(--fa-pull-margin, 0.3em);
5191 .fa-beat {
5192 animation-name: fa-beat;
5193 animation-delay: var(--fa-animation-delay, 0s);
5194 animation-direction: var(--fa-animation-direction, normal);
5195 animation-duration: var(--fa-animation-duration, 1s);
5196 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5197 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5200 .fa-bounce {
5201 animation-name: fa-bounce;
5202 animation-delay: var(--fa-animation-delay, 0s);
5203 animation-direction: var(--fa-animation-direction, normal);
5204 animation-duration: var(--fa-animation-duration, 1s);
5205 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5206 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
5209 .fa-fade {
5210 animation-name: fa-fade;
5211 animation-delay: var(--fa-animation-delay, 0s);
5212 animation-direction: var(--fa-animation-direction, normal);
5213 animation-duration: var(--fa-animation-duration, 1s);
5214 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5215 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5218 .fa-beat-fade {
5219 animation-name: fa-beat-fade;
5220 animation-delay: var(--fa-animation-delay, 0s);
5221 animation-direction: var(--fa-animation-direction, normal);
5222 animation-duration: var(--fa-animation-duration, 1s);
5223 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5224 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5227 .fa-flip {
5228 animation-name: fa-flip;
5229 animation-delay: var(--fa-animation-delay, 0s);
5230 animation-direction: var(--fa-animation-direction, normal);
5231 animation-duration: var(--fa-animation-duration, 1s);
5232 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5233 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5236 .fa-shake {
5237 animation-name: fa-shake;
5238 animation-delay: var(--fa-animation-delay, 0s);
5239 animation-direction: var(--fa-animation-direction, normal);
5240 animation-duration: var(--fa-animation-duration, 1s);
5241 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5242 animation-timing-function: var(--fa-animation-timing, linear);
5245 .fa-spin {
5246 animation-name: fa-spin;
5247 animation-delay: var(--fa-animation-delay, 0s);
5248 animation-direction: var(--fa-animation-direction, normal);
5249 animation-duration: var(--fa-animation-duration, 2s);
5250 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5251 animation-timing-function: var(--fa-animation-timing, linear);
5254 .fa-spin-reverse {
5255 --fa-animation-direction: reverse;
5258 .fa-pulse,
5259 .fa-spin-pulse {
5260 animation-name: fa-spin;
5261 animation-direction: var(--fa-animation-direction, normal);
5262 animation-duration: var(--fa-animation-duration, 1s);
5263 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5264 animation-timing-function: var(--fa-animation-timing, steps(8));
5267 @media (prefers-reduced-motion: reduce) {
5268 .fa-beat,
5269 .fa-bounce,
5270 .fa-fade,
5271 .fa-beat-fade,
5272 .fa-flip,
5273 .fa-pulse,
5274 .fa-shake,
5275 .fa-spin,
5276 .fa-spin-pulse {
5277 animation-delay: -1ms;
5278 animation-duration: 1ms;
5279 animation-iteration-count: 1;
5280 transition-delay: 0s;
5281 transition-duration: 0s;
5284 @keyframes fa-beat {
5285 0%, 90% {
5286 transform: scale(1);
5288 45% {
5289 transform: scale(var(--fa-beat-scale, 1.25));
5292 @keyframes fa-bounce {
5293 0% {
5294 transform: scale(1, 1) translateY(0);
5296 10% {
5297 transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
5299 30% {
5300 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));
5302 50% {
5303 transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
5305 57% {
5306 transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
5308 64% {
5309 transform: scale(1, 1) translateY(0);
5311 100% {
5312 transform: scale(1, 1) translateY(0);
5315 @keyframes fa-fade {
5316 50% {
5317 opacity: var(--fa-fade-opacity, 0.4);
5320 @keyframes fa-beat-fade {
5321 0%, 100% {
5322 opacity: var(--fa-beat-fade-opacity, 0.4);
5323 transform: scale(1);
5325 50% {
5326 opacity: 1;
5327 transform: scale(var(--fa-beat-fade-scale, 1.125));
5330 @keyframes fa-flip {
5331 50% {
5332 transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
5335 @keyframes fa-shake {
5336 0% {
5337 transform: rotate(-15deg);
5339 4% {
5340 transform: rotate(15deg);
5342 8%, 24% {
5343 transform: rotate(-18deg);
5345 12%, 28% {
5346 transform: rotate(18deg);
5348 16% {
5349 transform: rotate(-22deg);
5351 20% {
5352 transform: rotate(22deg);
5354 32% {
5355 transform: rotate(-12deg);
5357 36% {
5358 transform: rotate(12deg);
5360 40%, 100% {
5361 transform: rotate(0deg);
5364 @keyframes fa-spin {
5365 0% {
5366 transform: rotate(0deg);
5368 100% {
5369 transform: rotate(360deg);
5372 .fa-rotate-90 {
5373 transform: rotate(90deg);
5376 .fa-rotate-180 {
5377 transform: rotate(180deg);
5380 .fa-rotate-270 {
5381 transform: rotate(270deg);
5384 .fa-flip-horizontal {
5385 transform: scale(-1, 1);
5388 .fa-flip-vertical {
5389 transform: scale(1, -1);
5392 .fa-flip-both,
5393 .fa-flip-horizontal.fa-flip-vertical {
5394 transform: scale(-1, -1);
5397 .fa-rotate-by {
5398 transform: rotate(var(--fa-rotate-angle, none));
5401 .fa-stack {
5402 display: inline-block;
5403 height: 2em;
5404 line-height: 2em;
5405 position: relative;
5406 vertical-align: middle;
5407 width: 2.5em;
5410 .fa-stack-1x,
5411 .fa-stack-2x {
5412 left: 0;
5413 position: absolute;
5414 text-align: center;
5415 width: 100%;
5416 z-index: var(--fa-stack-z-index, auto);
5419 .fa-stack-1x {
5420 line-height: inherit;
5423 .fa-stack-2x {
5424 font-size: 2em;
5427 .fa-inverse {
5428 color: var(--fa-inverse, #fff);
5431 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
5432 readers do not read off random characters that represent icons */
5433 .fa-0::before {
5434 content: "\30 ";
5437 .fa-1::before {
5438 content: "\31 ";
5441 .fa-2::before {
5442 content: "\32 ";
5445 .fa-3::before {
5446 content: "\33 ";
5449 .fa-4::before {
5450 content: "\34 ";
5453 .fa-5::before {
5454 content: "\35 ";
5457 .fa-6::before {
5458 content: "\36 ";
5461 .fa-7::before {
5462 content: "\37 ";
5465 .fa-8::before {
5466 content: "\38 ";
5469 .fa-9::before {
5470 content: "\39 ";
5473 .fa-fill-drip::before {
5474 content: "\f576";
5477 .fa-arrows-to-circle::before {
5478 content: "\e4bd";
5481 .fa-circle-chevron-right::before {
5482 content: "\f138";
5485 .fa-chevron-circle-right::before {
5486 content: "\f138";
5489 .fa-at::before {
5490 content: "\@";
5493 .fa-trash-can::before {
5494 content: "\f2ed";
5497 .fa-trash-alt::before {
5498 content: "\f2ed";
5501 .fa-text-height::before {
5502 content: "\f034";
5505 .fa-user-xmark::before {
5506 content: "\f235";
5509 .fa-user-times::before {
5510 content: "\f235";
5513 .fa-stethoscope::before {
5514 content: "\f0f1";
5517 .fa-message::before {
5518 content: "\f27a";
5521 .fa-comment-alt::before {
5522 content: "\f27a";
5525 .fa-info::before {
5526 content: "\f129";
5529 .fa-down-left-and-up-right-to-center::before {
5530 content: "\f422";
5533 .fa-compress-alt::before {
5534 content: "\f422";
5537 .fa-explosion::before {
5538 content: "\e4e9";
5541 .fa-file-lines::before {
5542 content: "\f15c";
5545 .fa-file-alt::before {
5546 content: "\f15c";
5549 .fa-file-text::before {
5550 content: "\f15c";
5553 .fa-wave-square::before {
5554 content: "\f83e";
5557 .fa-ring::before {
5558 content: "\f70b";
5561 .fa-building-un::before {
5562 content: "\e4d9";
5565 .fa-dice-three::before {
5566 content: "\f527";
5569 .fa-calendar-days::before {
5570 content: "\f073";
5573 .fa-calendar-alt::before {
5574 content: "\f073";
5577 .fa-anchor-circle-check::before {
5578 content: "\e4aa";
5581 .fa-building-circle-arrow-right::before {
5582 content: "\e4d1";
5585 .fa-volleyball::before {
5586 content: "\f45f";
5589 .fa-volleyball-ball::before {
5590 content: "\f45f";
5593 .fa-arrows-up-to-line::before {
5594 content: "\e4c2";
5597 .fa-sort-down::before {
5598 content: "\f0dd";
5601 .fa-sort-desc::before {
5602 content: "\f0dd";
5605 .fa-circle-minus::before {
5606 content: "\f056";
5609 .fa-minus-circle::before {
5610 content: "\f056";
5613 .fa-door-open::before {
5614 content: "\f52b";
5617 .fa-right-from-bracket::before {
5618 content: "\f2f5";
5621 .fa-sign-out-alt::before {
5622 content: "\f2f5";
5625 .fa-atom::before {
5626 content: "\f5d2";
5629 .fa-soap::before {
5630 content: "\e06e";
5633 .fa-icons::before {
5634 content: "\f86d";
5637 .fa-heart-music-camera-bolt::before {
5638 content: "\f86d";
5641 .fa-microphone-lines-slash::before {
5642 content: "\f539";
5645 .fa-microphone-alt-slash::before {
5646 content: "\f539";
5649 .fa-bridge-circle-check::before {
5650 content: "\e4c9";
5653 .fa-pump-medical::before {
5654 content: "\e06a";
5657 .fa-fingerprint::before {
5658 content: "\f577";
5661 .fa-hand-point-right::before {
5662 content: "\f0a4";
5665 .fa-magnifying-glass-location::before {
5666 content: "\f689";
5669 .fa-search-location::before {
5670 content: "\f689";
5673 .fa-forward-step::before {
5674 content: "\f051";
5677 .fa-step-forward::before {
5678 content: "\f051";
5681 .fa-face-smile-beam::before {
5682 content: "\f5b8";
5685 .fa-smile-beam::before {
5686 content: "\f5b8";
5689 .fa-flag-checkered::before {
5690 content: "\f11e";
5693 .fa-football::before {
5694 content: "\f44e";
5697 .fa-football-ball::before {
5698 content: "\f44e";
5701 .fa-school-circle-exclamation::before {
5702 content: "\e56c";
5705 .fa-crop::before {
5706 content: "\f125";
5709 .fa-angles-down::before {
5710 content: "\f103";
5713 .fa-angle-double-down::before {
5714 content: "\f103";
5717 .fa-users-rectangle::before {
5718 content: "\e594";
5721 .fa-people-roof::before {
5722 content: "\e537";
5725 .fa-people-line::before {
5726 content: "\e534";
5729 .fa-beer-mug-empty::before {
5730 content: "\f0fc";
5733 .fa-beer::before {
5734 content: "\f0fc";
5737 .fa-diagram-predecessor::before {
5738 content: "\e477";
5741 .fa-arrow-up-long::before {
5742 content: "\f176";
5745 .fa-long-arrow-up::before {
5746 content: "\f176";
5749 .fa-fire-flame-simple::before {
5750 content: "\f46a";
5753 .fa-burn::before {
5754 content: "\f46a";
5757 .fa-person::before {
5758 content: "\f183";
5761 .fa-male::before {
5762 content: "\f183";
5765 .fa-laptop::before {
5766 content: "\f109";
5769 .fa-file-csv::before {
5770 content: "\f6dd";
5773 .fa-menorah::before {
5774 content: "\f676";
5777 .fa-truck-plane::before {
5778 content: "\e58f";
5781 .fa-record-vinyl::before {
5782 content: "\f8d9";
5785 .fa-face-grin-stars::before {
5786 content: "\f587";
5789 .fa-grin-stars::before {
5790 content: "\f587";
5793 .fa-bong::before {
5794 content: "\f55c";
5797 .fa-spaghetti-monster-flying::before {
5798 content: "\f67b";
5801 .fa-pastafarianism::before {
5802 content: "\f67b";
5805 .fa-arrow-down-up-across-line::before {
5806 content: "\e4af";
5809 .fa-spoon::before {
5810 content: "\f2e5";
5813 .fa-utensil-spoon::before {
5814 content: "\f2e5";
5817 .fa-jar-wheat::before {
5818 content: "\e517";
5821 .fa-envelopes-bulk::before {
5822 content: "\f674";
5825 .fa-mail-bulk::before {
5826 content: "\f674";
5829 .fa-file-circle-exclamation::before {
5830 content: "\e4eb";
5833 .fa-circle-h::before {
5834 content: "\f47e";
5837 .fa-hospital-symbol::before {
5838 content: "\f47e";
5841 .fa-pager::before {
5842 content: "\f815";
5845 .fa-address-book::before {
5846 content: "\f2b9";
5849 .fa-contact-book::before {
5850 content: "\f2b9";
5853 .fa-strikethrough::before {
5854 content: "\f0cc";
5857 .fa-k::before {
5858 content: "K";
5861 .fa-landmark-flag::before {
5862 content: "\e51c";
5865 .fa-pencil::before {
5866 content: "\f303";
5869 .fa-pencil-alt::before {
5870 content: "\f303";
5873 .fa-backward::before {
5874 content: "\f04a";
5877 .fa-caret-right::before {
5878 content: "\f0da";
5881 .fa-comments::before {
5882 content: "\f086";
5885 .fa-paste::before {
5886 content: "\f0ea";
5889 .fa-file-clipboard::before {
5890 content: "\f0ea";
5893 .fa-code-pull-request::before {
5894 content: "\e13c";
5897 .fa-clipboard-list::before {
5898 content: "\f46d";
5901 .fa-truck-ramp-box::before {
5902 content: "\f4de";
5905 .fa-truck-loading::before {
5906 content: "\f4de";
5909 .fa-user-check::before {
5910 content: "\f4fc";
5913 .fa-vial-virus::before {
5914 content: "\e597";
5917 .fa-sheet-plastic::before {
5918 content: "\e571";
5921 .fa-blog::before {
5922 content: "\f781";
5925 .fa-user-ninja::before {
5926 content: "\f504";
5929 .fa-person-arrow-up-from-line::before {
5930 content: "\e539";
5933 .fa-scroll-torah::before {
5934 content: "\f6a0";
5937 .fa-torah::before {
5938 content: "\f6a0";
5941 .fa-broom-ball::before {
5942 content: "\f458";
5945 .fa-quidditch::before {
5946 content: "\f458";
5949 .fa-quidditch-broom-ball::before {
5950 content: "\f458";
5953 .fa-toggle-off::before {
5954 content: "\f204";
5957 .fa-box-archive::before {
5958 content: "\f187";
5961 .fa-archive::before {
5962 content: "\f187";
5965 .fa-person-drowning::before {
5966 content: "\e545";
5969 .fa-arrow-down-9-1::before {
5970 content: "\f886";
5973 .fa-sort-numeric-desc::before {
5974 content: "\f886";
5977 .fa-sort-numeric-down-alt::before {
5978 content: "\f886";
5981 .fa-face-grin-tongue-squint::before {
5982 content: "\f58a";
5985 .fa-grin-tongue-squint::before {
5986 content: "\f58a";
5989 .fa-spray-can::before {
5990 content: "\f5bd";
5993 .fa-truck-monster::before {
5994 content: "\f63b";
5997 .fa-w::before {
5998 content: "W";
6001 .fa-earth-africa::before {
6002 content: "\f57c";
6005 .fa-globe-africa::before {
6006 content: "\f57c";
6009 .fa-rainbow::before {
6010 content: "\f75b";
6013 .fa-circle-notch::before {
6014 content: "\f1ce";
6017 .fa-tablet-screen-button::before {
6018 content: "\f3fa";
6021 .fa-tablet-alt::before {
6022 content: "\f3fa";
6025 .fa-paw::before {
6026 content: "\f1b0";
6029 .fa-cloud::before {
6030 content: "\f0c2";
6033 .fa-trowel-bricks::before {
6034 content: "\e58a";
6037 .fa-face-flushed::before {
6038 content: "\f579";
6041 .fa-flushed::before {
6042 content: "\f579";
6045 .fa-hospital-user::before {
6046 content: "\f80d";
6049 .fa-tent-arrow-left-right::before {
6050 content: "\e57f";
6053 .fa-gavel::before {
6054 content: "\f0e3";
6057 .fa-legal::before {
6058 content: "\f0e3";
6061 .fa-binoculars::before {
6062 content: "\f1e5";
6065 .fa-microphone-slash::before {
6066 content: "\f131";
6069 .fa-box-tissue::before {
6070 content: "\e05b";
6073 .fa-motorcycle::before {
6074 content: "\f21c";
6077 .fa-bell-concierge::before {
6078 content: "\f562";
6081 .fa-concierge-bell::before {
6082 content: "\f562";
6085 .fa-pen-ruler::before {
6086 content: "\f5ae";
6089 .fa-pencil-ruler::before {
6090 content: "\f5ae";
6093 .fa-people-arrows::before {
6094 content: "\e068";
6097 .fa-people-arrows-left-right::before {
6098 content: "\e068";
6101 .fa-mars-and-venus-burst::before {
6102 content: "\e523";
6105 .fa-square-caret-right::before {
6106 content: "\f152";
6109 .fa-caret-square-right::before {
6110 content: "\f152";
6113 .fa-scissors::before {
6114 content: "\f0c4";
6117 .fa-cut::before {
6118 content: "\f0c4";
6121 .fa-sun-plant-wilt::before {
6122 content: "\e57a";
6125 .fa-toilets-portable::before {
6126 content: "\e584";
6129 .fa-hockey-puck::before {
6130 content: "\f453";
6133 .fa-table::before {
6134 content: "\f0ce";
6137 .fa-magnifying-glass-arrow-right::before {
6138 content: "\e521";
6141 .fa-tachograph-digital::before {
6142 content: "\f566";
6145 .fa-digital-tachograph::before {
6146 content: "\f566";
6149 .fa-users-slash::before {
6150 content: "\e073";
6153 .fa-clover::before {
6154 content: "\e139";
6157 .fa-reply::before {
6158 content: "\f3e5";
6161 .fa-mail-reply::before {
6162 content: "\f3e5";
6165 .fa-star-and-crescent::before {
6166 content: "\f699";
6169 .fa-house-fire::before {
6170 content: "\e50c";
6173 .fa-square-minus::before {
6174 content: "\f146";
6177 .fa-minus-square::before {
6178 content: "\f146";
6181 .fa-helicopter::before {
6182 content: "\f533";
6185 .fa-compass::before {
6186 content: "\f14e";
6189 .fa-square-caret-down::before {
6190 content: "\f150";
6193 .fa-caret-square-down::before {
6194 content: "\f150";
6197 .fa-file-circle-question::before {
6198 content: "\e4ef";
6201 .fa-laptop-code::before {
6202 content: "\f5fc";
6205 .fa-swatchbook::before {
6206 content: "\f5c3";
6209 .fa-prescription-bottle::before {
6210 content: "\f485";
6213 .fa-bars::before {
6214 content: "\f0c9";
6217 .fa-navicon::before {
6218 content: "\f0c9";
6221 .fa-people-group::before {
6222 content: "\e533";
6225 .fa-hourglass-end::before {
6226 content: "\f253";
6229 .fa-hourglass-3::before {
6230 content: "\f253";
6233 .fa-heart-crack::before {
6234 content: "\f7a9";
6237 .fa-heart-broken::before {
6238 content: "\f7a9";
6241 .fa-square-up-right::before {
6242 content: "\f360";
6245 .fa-external-link-square-alt::before {
6246 content: "\f360";
6249 .fa-face-kiss-beam::before {
6250 content: "\f597";
6253 .fa-kiss-beam::before {
6254 content: "\f597";
6257 .fa-film::before {
6258 content: "\f008";
6261 .fa-ruler-horizontal::before {
6262 content: "\f547";
6265 .fa-people-robbery::before {
6266 content: "\e536";
6269 .fa-lightbulb::before {
6270 content: "\f0eb";
6273 .fa-caret-left::before {
6274 content: "\f0d9";
6277 .fa-circle-exclamation::before {
6278 content: "\f06a";
6281 .fa-exclamation-circle::before {
6282 content: "\f06a";
6285 .fa-school-circle-xmark::before {
6286 content: "\e56d";
6289 .fa-arrow-right-from-bracket::before {
6290 content: "\f08b";
6293 .fa-sign-out::before {
6294 content: "\f08b";
6297 .fa-circle-chevron-down::before {
6298 content: "\f13a";
6301 .fa-chevron-circle-down::before {
6302 content: "\f13a";
6305 .fa-unlock-keyhole::before {
6306 content: "\f13e";
6309 .fa-unlock-alt::before {
6310 content: "\f13e";
6313 .fa-cloud-showers-heavy::before {
6314 content: "\f740";
6317 .fa-headphones-simple::before {
6318 content: "\f58f";
6321 .fa-headphones-alt::before {
6322 content: "\f58f";
6325 .fa-sitemap::before {
6326 content: "\f0e8";
6329 .fa-circle-dollar-to-slot::before {
6330 content: "\f4b9";
6333 .fa-donate::before {
6334 content: "\f4b9";
6337 .fa-memory::before {
6338 content: "\f538";
6341 .fa-road-spikes::before {
6342 content: "\e568";
6345 .fa-fire-burner::before {
6346 content: "\e4f1";
6349 .fa-flag::before {
6350 content: "\f024";
6353 .fa-hanukiah::before {
6354 content: "\f6e6";
6357 .fa-feather::before {
6358 content: "\f52d";
6361 .fa-volume-low::before {
6362 content: "\f027";
6365 .fa-volume-down::before {
6366 content: "\f027";
6369 .fa-comment-slash::before {
6370 content: "\f4b3";
6373 .fa-cloud-sun-rain::before {
6374 content: "\f743";
6377 .fa-compress::before {
6378 content: "\f066";
6381 .fa-wheat-awn::before {
6382 content: "\e2cd";
6385 .fa-wheat-alt::before {
6386 content: "\e2cd";
6389 .fa-ankh::before {
6390 content: "\f644";
6393 .fa-hands-holding-child::before {
6394 content: "\e4fa";
6397 .fa-asterisk::before {
6398 content: "\*";
6401 .fa-square-check::before {
6402 content: "\f14a";
6405 .fa-check-square::before {
6406 content: "\f14a";
6409 .fa-peseta-sign::before {
6410 content: "\e221";
6413 .fa-heading::before {
6414 content: "\f1dc";
6417 .fa-header::before {
6418 content: "\f1dc";
6421 .fa-ghost::before {
6422 content: "\f6e2";
6425 .fa-list::before {
6426 content: "\f03a";
6429 .fa-list-squares::before {
6430 content: "\f03a";
6433 .fa-square-phone-flip::before {
6434 content: "\f87b";
6437 .fa-phone-square-alt::before {
6438 content: "\f87b";
6441 .fa-cart-plus::before {
6442 content: "\f217";
6445 .fa-gamepad::before {
6446 content: "\f11b";
6449 .fa-circle-dot::before {
6450 content: "\f192";
6453 .fa-dot-circle::before {
6454 content: "\f192";
6457 .fa-face-dizzy::before {
6458 content: "\f567";
6461 .fa-dizzy::before {
6462 content: "\f567";
6465 .fa-egg::before {
6466 content: "\f7fb";
6469 .fa-house-medical-circle-xmark::before {
6470 content: "\e513";
6473 .fa-campground::before {
6474 content: "\f6bb";
6477 .fa-folder-plus::before {
6478 content: "\f65e";
6481 .fa-futbol::before {
6482 content: "\f1e3";
6485 .fa-futbol-ball::before {
6486 content: "\f1e3";
6489 .fa-soccer-ball::before {
6490 content: "\f1e3";
6493 .fa-paintbrush::before {
6494 content: "\f1fc";
6497 .fa-paint-brush::before {
6498 content: "\f1fc";
6501 .fa-lock::before {
6502 content: "\f023";
6505 .fa-gas-pump::before {
6506 content: "\f52f";
6509 .fa-hot-tub-person::before {
6510 content: "\f593";
6513 .fa-hot-tub::before {
6514 content: "\f593";
6517 .fa-map-location::before {
6518 content: "\f59f";
6521 .fa-map-marked::before {
6522 content: "\f59f";
6525 .fa-house-flood-water::before {
6526 content: "\e50e";
6529 .fa-tree::before {
6530 content: "\f1bb";
6533 .fa-bridge-lock::before {
6534 content: "\e4cc";
6537 .fa-sack-dollar::before {
6538 content: "\f81d";
6541 .fa-pen-to-square::before {
6542 content: "\f044";
6545 .fa-edit::before {
6546 content: "\f044";
6549 .fa-car-side::before {
6550 content: "\f5e4";
6553 .fa-share-nodes::before {
6554 content: "\f1e0";
6557 .fa-share-alt::before {
6558 content: "\f1e0";
6561 .fa-heart-circle-minus::before {
6562 content: "\e4ff";
6565 .fa-hourglass-half::before {
6566 content: "\f252";
6569 .fa-hourglass-2::before {
6570 content: "\f252";
6573 .fa-microscope::before {
6574 content: "\f610";
6577 .fa-sink::before {
6578 content: "\e06d";
6581 .fa-bag-shopping::before {
6582 content: "\f290";
6585 .fa-shopping-bag::before {
6586 content: "\f290";
6589 .fa-arrow-down-z-a::before {
6590 content: "\f881";
6593 .fa-sort-alpha-desc::before {
6594 content: "\f881";
6597 .fa-sort-alpha-down-alt::before {
6598 content: "\f881";
6601 .fa-mitten::before {
6602 content: "\f7b5";
6605 .fa-person-rays::before {
6606 content: "\e54d";
6609 .fa-users::before {
6610 content: "\f0c0";
6613 .fa-eye-slash::before {
6614 content: "\f070";
6617 .fa-flask-vial::before {
6618 content: "\e4f3";
6621 .fa-hand::before {
6622 content: "\f256";
6625 .fa-hand-paper::before {
6626 content: "\f256";
6629 .fa-om::before {
6630 content: "\f679";
6633 .fa-worm::before {
6634 content: "\e599";
6637 .fa-house-circle-xmark::before {
6638 content: "\e50b";
6641 .fa-plug::before {
6642 content: "\f1e6";
6645 .fa-chevron-up::before {
6646 content: "\f077";
6649 .fa-hand-spock::before {
6650 content: "\f259";
6653 .fa-stopwatch::before {
6654 content: "\f2f2";
6657 .fa-face-kiss::before {
6658 content: "\f596";
6661 .fa-kiss::before {
6662 content: "\f596";
6665 .fa-bridge-circle-xmark::before {
6666 content: "\e4cb";
6669 .fa-face-grin-tongue::before {
6670 content: "\f589";
6673 .fa-grin-tongue::before {
6674 content: "\f589";
6677 .fa-chess-bishop::before {
6678 content: "\f43a";
6681 .fa-face-grin-wink::before {
6682 content: "\f58c";
6685 .fa-grin-wink::before {
6686 content: "\f58c";
6689 .fa-ear-deaf::before {
6690 content: "\f2a4";
6693 .fa-deaf::before {
6694 content: "\f2a4";
6697 .fa-deafness::before {
6698 content: "\f2a4";
6701 .fa-hard-of-hearing::before {
6702 content: "\f2a4";
6705 .fa-road-circle-check::before {
6706 content: "\e564";
6709 .fa-dice-five::before {
6710 content: "\f523";
6713 .fa-square-rss::before {
6714 content: "\f143";
6717 .fa-rss-square::before {
6718 content: "\f143";
6721 .fa-land-mine-on::before {
6722 content: "\e51b";
6725 .fa-i-cursor::before {
6726 content: "\f246";
6729 .fa-stamp::before {
6730 content: "\f5bf";
6733 .fa-stairs::before {
6734 content: "\e289";
6737 .fa-i::before {
6738 content: "I";
6741 .fa-hryvnia-sign::before {
6742 content: "\f6f2";
6745 .fa-hryvnia::before {
6746 content: "\f6f2";
6749 .fa-pills::before {
6750 content: "\f484";
6753 .fa-face-grin-wide::before {
6754 content: "\f581";
6757 .fa-grin-alt::before {
6758 content: "\f581";
6761 .fa-tooth::before {
6762 content: "\f5c9";
6765 .fa-v::before {
6766 content: "V";
6769 .fa-bangladeshi-taka-sign::before {
6770 content: "\e2e6";
6773 .fa-bicycle::before {
6774 content: "\f206";
6777 .fa-staff-snake::before {
6778 content: "\e579";
6781 .fa-rod-asclepius::before {
6782 content: "\e579";
6785 .fa-rod-snake::before {
6786 content: "\e579";
6789 .fa-staff-aesculapius::before {
6790 content: "\e579";
6793 .fa-head-side-cough-slash::before {
6794 content: "\e062";
6797 .fa-truck-medical::before {
6798 content: "\f0f9";
6801 .fa-ambulance::before {
6802 content: "\f0f9";
6805 .fa-wheat-awn-circle-exclamation::before {
6806 content: "\e598";
6809 .fa-snowman::before {
6810 content: "\f7d0";
6813 .fa-mortar-pestle::before {
6814 content: "\f5a7";
6817 .fa-road-barrier::before {
6818 content: "\e562";
6821 .fa-school::before {
6822 content: "\f549";
6825 .fa-igloo::before {
6826 content: "\f7ae";
6829 .fa-joint::before {
6830 content: "\f595";
6833 .fa-angle-right::before {
6834 content: "\f105";
6837 .fa-horse::before {
6838 content: "\f6f0";
6841 .fa-q::before {
6842 content: "Q";
6845 .fa-g::before {
6846 content: "G";
6849 .fa-notes-medical::before {
6850 content: "\f481";
6853 .fa-temperature-half::before {
6854 content: "\f2c9";
6857 .fa-temperature-2::before {
6858 content: "\f2c9";
6861 .fa-thermometer-2::before {
6862 content: "\f2c9";
6865 .fa-thermometer-half::before {
6866 content: "\f2c9";
6869 .fa-dong-sign::before {
6870 content: "\e169";
6873 .fa-capsules::before {
6874 content: "\f46b";
6877 .fa-poo-storm::before {
6878 content: "\f75a";
6881 .fa-poo-bolt::before {
6882 content: "\f75a";
6885 .fa-face-frown-open::before {
6886 content: "\f57a";
6889 .fa-frown-open::before {
6890 content: "\f57a";
6893 .fa-hand-point-up::before {
6894 content: "\f0a6";
6897 .fa-money-bill::before {
6898 content: "\f0d6";
6901 .fa-bookmark::before {
6902 content: "\f02e";
6905 .fa-align-justify::before {
6906 content: "\f039";
6909 .fa-umbrella-beach::before {
6910 content: "\f5ca";
6913 .fa-helmet-un::before {
6914 content: "\e503";
6917 .fa-bullseye::before {
6918 content: "\f140";
6921 .fa-bacon::before {
6922 content: "\f7e5";
6925 .fa-hand-point-down::before {
6926 content: "\f0a7";
6929 .fa-arrow-up-from-bracket::before {
6930 content: "\e09a";
6933 .fa-folder::before {
6934 content: "\f07b";
6937 .fa-folder-blank::before {
6938 content: "\f07b";
6941 .fa-file-waveform::before {
6942 content: "\f478";
6945 .fa-file-medical-alt::before {
6946 content: "\f478";
6949 .fa-radiation::before {
6950 content: "\f7b9";
6953 .fa-chart-simple::before {
6954 content: "\e473";
6957 .fa-mars-stroke::before {
6958 content: "\f229";
6961 .fa-vial::before {
6962 content: "\f492";
6965 .fa-gauge::before {
6966 content: "\f624";
6969 .fa-dashboard::before {
6970 content: "\f624";
6973 .fa-gauge-med::before {
6974 content: "\f624";
6977 .fa-tachometer-alt-average::before {
6978 content: "\f624";
6981 .fa-wand-magic-sparkles::before {
6982 content: "\e2ca";
6985 .fa-magic-wand-sparkles::before {
6986 content: "\e2ca";
6989 .fa-e::before {
6990 content: "E";
6993 .fa-pen-clip::before {
6994 content: "\f305";
6997 .fa-pen-alt::before {
6998 content: "\f305";
7001 .fa-bridge-circle-exclamation::before {
7002 content: "\e4ca";
7005 .fa-user::before {
7006 content: "\f007";
7009 .fa-school-circle-check::before {
7010 content: "\e56b";
7013 .fa-dumpster::before {
7014 content: "\f793";
7017 .fa-van-shuttle::before {
7018 content: "\f5b6";
7021 .fa-shuttle-van::before {
7022 content: "\f5b6";
7025 .fa-building-user::before {
7026 content: "\e4da";
7029 .fa-square-caret-left::before {
7030 content: "\f191";
7033 .fa-caret-square-left::before {
7034 content: "\f191";
7037 .fa-highlighter::before {
7038 content: "\f591";
7041 .fa-key::before {
7042 content: "\f084";
7045 .fa-bullhorn::before {
7046 content: "\f0a1";
7049 .fa-globe::before {
7050 content: "\f0ac";
7053 .fa-synagogue::before {
7054 content: "\f69b";
7057 .fa-person-half-dress::before {
7058 content: "\e548";
7061 .fa-road-bridge::before {
7062 content: "\e563";
7065 .fa-location-arrow::before {
7066 content: "\f124";
7069 .fa-c::before {
7070 content: "C";
7073 .fa-tablet-button::before {
7074 content: "\f10a";
7077 .fa-building-lock::before {
7078 content: "\e4d6";
7081 .fa-pizza-slice::before {
7082 content: "\f818";
7085 .fa-money-bill-wave::before {
7086 content: "\f53a";
7089 .fa-chart-area::before {
7090 content: "\f1fe";
7093 .fa-area-chart::before {
7094 content: "\f1fe";
7097 .fa-house-flag::before {
7098 content: "\e50d";
7101 .fa-person-circle-minus::before {
7102 content: "\e540";
7105 .fa-ban::before {
7106 content: "\f05e";
7109 .fa-cancel::before {
7110 content: "\f05e";
7113 .fa-camera-rotate::before {
7114 content: "\e0d8";
7117 .fa-spray-can-sparkles::before {
7118 content: "\f5d0";
7121 .fa-air-freshener::before {
7122 content: "\f5d0";
7125 .fa-star::before {
7126 content: "\f005";
7129 .fa-repeat::before {
7130 content: "\f363";
7133 .fa-cross::before {
7134 content: "\f654";
7137 .fa-box::before {
7138 content: "\f466";
7141 .fa-venus-mars::before {
7142 content: "\f228";
7145 .fa-arrow-pointer::before {
7146 content: "\f245";
7149 .fa-mouse-pointer::before {
7150 content: "\f245";
7153 .fa-maximize::before {
7154 content: "\f31e";
7157 .fa-expand-arrows-alt::before {
7158 content: "\f31e";
7161 .fa-charging-station::before {
7162 content: "\f5e7";
7165 .fa-shapes::before {
7166 content: "\f61f";
7169 .fa-triangle-circle-square::before {
7170 content: "\f61f";
7173 .fa-shuffle::before {
7174 content: "\f074";
7177 .fa-random::before {
7178 content: "\f074";
7181 .fa-person-running::before {
7182 content: "\f70c";
7185 .fa-running::before {
7186 content: "\f70c";
7189 .fa-mobile-retro::before {
7190 content: "\e527";
7193 .fa-grip-lines-vertical::before {
7194 content: "\f7a5";
7197 .fa-spider::before {
7198 content: "\f717";
7201 .fa-hands-bound::before {
7202 content: "\e4f9";
7205 .fa-file-invoice-dollar::before {
7206 content: "\f571";
7209 .fa-plane-circle-exclamation::before {
7210 content: "\e556";
7213 .fa-x-ray::before {
7214 content: "\f497";
7217 .fa-spell-check::before {
7218 content: "\f891";
7221 .fa-slash::before {
7222 content: "\f715";
7225 .fa-computer-mouse::before {
7226 content: "\f8cc";
7229 .fa-mouse::before {
7230 content: "\f8cc";
7233 .fa-arrow-right-to-bracket::before {
7234 content: "\f090";
7237 .fa-sign-in::before {
7238 content: "\f090";
7241 .fa-shop-slash::before {
7242 content: "\e070";
7245 .fa-store-alt-slash::before {
7246 content: "\e070";
7249 .fa-server::before {
7250 content: "\f233";
7253 .fa-virus-covid-slash::before {
7254 content: "\e4a9";
7257 .fa-shop-lock::before {
7258 content: "\e4a5";
7261 .fa-hourglass-start::before {
7262 content: "\f251";
7265 .fa-hourglass-1::before {
7266 content: "\f251";
7269 .fa-blender-phone::before {
7270 content: "\f6b6";
7273 .fa-building-wheat::before {
7274 content: "\e4db";
7277 .fa-person-breastfeeding::before {
7278 content: "\e53a";
7281 .fa-right-to-bracket::before {
7282 content: "\f2f6";
7285 .fa-sign-in-alt::before {
7286 content: "\f2f6";
7289 .fa-venus::before {
7290 content: "\f221";
7293 .fa-passport::before {
7294 content: "\f5ab";
7297 .fa-heart-pulse::before {
7298 content: "\f21e";
7301 .fa-heartbeat::before {
7302 content: "\f21e";
7305 .fa-people-carry-box::before {
7306 content: "\f4ce";
7309 .fa-people-carry::before {
7310 content: "\f4ce";
7313 .fa-temperature-high::before {
7314 content: "\f769";
7317 .fa-microchip::before {
7318 content: "\f2db";
7321 .fa-crown::before {
7322 content: "\f521";
7325 .fa-weight-hanging::before {
7326 content: "\f5cd";
7329 .fa-xmarks-lines::before {
7330 content: "\e59a";
7333 .fa-file-prescription::before {
7334 content: "\f572";
7337 .fa-weight-scale::before {
7338 content: "\f496";
7341 .fa-weight::before {
7342 content: "\f496";
7345 .fa-user-group::before {
7346 content: "\f500";
7349 .fa-user-friends::before {
7350 content: "\f500";
7353 .fa-arrow-up-a-z::before {
7354 content: "\f15e";
7357 .fa-sort-alpha-up::before {
7358 content: "\f15e";
7361 .fa-chess-knight::before {
7362 content: "\f441";
7365 .fa-face-laugh-squint::before {
7366 content: "\f59b";
7369 .fa-laugh-squint::before {
7370 content: "\f59b";
7373 .fa-wheelchair::before {
7374 content: "\f193";
7377 .fa-circle-arrow-up::before {
7378 content: "\f0aa";
7381 .fa-arrow-circle-up::before {
7382 content: "\f0aa";
7385 .fa-toggle-on::before {
7386 content: "\f205";
7389 .fa-person-walking::before {
7390 content: "\f554";
7393 .fa-walking::before {
7394 content: "\f554";
7397 .fa-l::before {
7398 content: "L";
7401 .fa-fire::before {
7402 content: "\f06d";
7405 .fa-bed-pulse::before {
7406 content: "\f487";
7409 .fa-procedures::before {
7410 content: "\f487";
7413 .fa-shuttle-space::before {
7414 content: "\f197";
7417 .fa-space-shuttle::before {
7418 content: "\f197";
7421 .fa-face-laugh::before {
7422 content: "\f599";
7425 .fa-laugh::before {
7426 content: "\f599";
7429 .fa-folder-open::before {
7430 content: "\f07c";
7433 .fa-heart-circle-plus::before {
7434 content: "\e500";
7437 .fa-code-fork::before {
7438 content: "\e13b";
7441 .fa-city::before {
7442 content: "\f64f";
7445 .fa-microphone-lines::before {
7446 content: "\f3c9";
7449 .fa-microphone-alt::before {
7450 content: "\f3c9";
7453 .fa-pepper-hot::before {
7454 content: "\f816";
7457 .fa-unlock::before {
7458 content: "\f09c";
7461 .fa-colon-sign::before {
7462 content: "\e140";
7465 .fa-headset::before {
7466 content: "\f590";
7469 .fa-store-slash::before {
7470 content: "\e071";
7473 .fa-road-circle-xmark::before {
7474 content: "\e566";
7477 .fa-user-minus::before {
7478 content: "\f503";
7481 .fa-mars-stroke-up::before {
7482 content: "\f22a";
7485 .fa-mars-stroke-v::before {
7486 content: "\f22a";
7489 .fa-champagne-glasses::before {
7490 content: "\f79f";
7493 .fa-glass-cheers::before {
7494 content: "\f79f";
7497 .fa-clipboard::before {
7498 content: "\f328";
7501 .fa-house-circle-exclamation::before {
7502 content: "\e50a";
7505 .fa-file-arrow-up::before {
7506 content: "\f574";
7509 .fa-file-upload::before {
7510 content: "\f574";
7513 .fa-wifi::before {
7514 content: "\f1eb";
7517 .fa-wifi-3::before {
7518 content: "\f1eb";
7521 .fa-wifi-strong::before {
7522 content: "\f1eb";
7525 .fa-bath::before {
7526 content: "\f2cd";
7529 .fa-bathtub::before {
7530 content: "\f2cd";
7533 .fa-underline::before {
7534 content: "\f0cd";
7537 .fa-user-pen::before {
7538 content: "\f4ff";
7541 .fa-user-edit::before {
7542 content: "\f4ff";
7545 .fa-signature::before {
7546 content: "\f5b7";
7549 .fa-stroopwafel::before {
7550 content: "\f551";
7553 .fa-bold::before {
7554 content: "\f032";
7557 .fa-anchor-lock::before {
7558 content: "\e4ad";
7561 .fa-building-ngo::before {
7562 content: "\e4d7";
7565 .fa-manat-sign::before {
7566 content: "\e1d5";
7569 .fa-not-equal::before {
7570 content: "\f53e";
7573 .fa-border-top-left::before {
7574 content: "\f853";
7577 .fa-border-style::before {
7578 content: "\f853";
7581 .fa-map-location-dot::before {
7582 content: "\f5a0";
7585 .fa-map-marked-alt::before {
7586 content: "\f5a0";
7589 .fa-jedi::before {
7590 content: "\f669";
7593 .fa-square-poll-vertical::before {
7594 content: "\f681";
7597 .fa-poll::before {
7598 content: "\f681";
7601 .fa-mug-hot::before {
7602 content: "\f7b6";
7605 .fa-car-battery::before {
7606 content: "\f5df";
7609 .fa-battery-car::before {
7610 content: "\f5df";
7613 .fa-gift::before {
7614 content: "\f06b";
7617 .fa-dice-two::before {
7618 content: "\f528";
7621 .fa-chess-queen::before {
7622 content: "\f445";
7625 .fa-glasses::before {
7626 content: "\f530";
7629 .fa-chess-board::before {
7630 content: "\f43c";
7633 .fa-building-circle-check::before {
7634 content: "\e4d2";
7637 .fa-person-chalkboard::before {
7638 content: "\e53d";
7641 .fa-mars-stroke-right::before {
7642 content: "\f22b";
7645 .fa-mars-stroke-h::before {
7646 content: "\f22b";
7649 .fa-hand-back-fist::before {
7650 content: "\f255";
7653 .fa-hand-rock::before {
7654 content: "\f255";
7657 .fa-square-caret-up::before {
7658 content: "\f151";
7661 .fa-caret-square-up::before {
7662 content: "\f151";
7665 .fa-cloud-showers-water::before {
7666 content: "\e4e4";
7669 .fa-chart-bar::before {
7670 content: "\f080";
7673 .fa-bar-chart::before {
7674 content: "\f080";
7677 .fa-hands-bubbles::before {
7678 content: "\e05e";
7681 .fa-hands-wash::before {
7682 content: "\e05e";
7685 .fa-less-than-equal::before {
7686 content: "\f537";
7689 .fa-train::before {
7690 content: "\f238";
7693 .fa-eye-low-vision::before {
7694 content: "\f2a8";
7697 .fa-low-vision::before {
7698 content: "\f2a8";
7701 .fa-crow::before {
7702 content: "\f520";
7705 .fa-sailboat::before {
7706 content: "\e445";
7709 .fa-window-restore::before {
7710 content: "\f2d2";
7713 .fa-square-plus::before {
7714 content: "\f0fe";
7717 .fa-plus-square::before {
7718 content: "\f0fe";
7721 .fa-torii-gate::before {
7722 content: "\f6a1";
7725 .fa-frog::before {
7726 content: "\f52e";
7729 .fa-bucket::before {
7730 content: "\e4cf";
7733 .fa-image::before {
7734 content: "\f03e";
7737 .fa-microphone::before {
7738 content: "\f130";
7741 .fa-cow::before {
7742 content: "\f6c8";
7745 .fa-caret-up::before {
7746 content: "\f0d8";
7749 .fa-screwdriver::before {
7750 content: "\f54a";
7753 .fa-folder-closed::before {
7754 content: "\e185";
7757 .fa-house-tsunami::before {
7758 content: "\e515";
7761 .fa-square-nfi::before {
7762 content: "\e576";
7765 .fa-arrow-up-from-ground-water::before {
7766 content: "\e4b5";
7769 .fa-martini-glass::before {
7770 content: "\f57b";
7773 .fa-glass-martini-alt::before {
7774 content: "\f57b";
7777 .fa-rotate-left::before {
7778 content: "\f2ea";
7781 .fa-rotate-back::before {
7782 content: "\f2ea";
7785 .fa-rotate-backward::before {
7786 content: "\f2ea";
7789 .fa-undo-alt::before {
7790 content: "\f2ea";
7793 .fa-table-columns::before {
7794 content: "\f0db";
7797 .fa-columns::before {
7798 content: "\f0db";
7801 .fa-lemon::before {
7802 content: "\f094";
7805 .fa-head-side-mask::before {
7806 content: "\e063";
7809 .fa-handshake::before {
7810 content: "\f2b5";
7813 .fa-gem::before {
7814 content: "\f3a5";
7817 .fa-dolly::before {
7818 content: "\f472";
7821 .fa-dolly-box::before {
7822 content: "\f472";
7825 .fa-smoking::before {
7826 content: "\f48d";
7829 .fa-minimize::before {
7830 content: "\f78c";
7833 .fa-compress-arrows-alt::before {
7834 content: "\f78c";
7837 .fa-monument::before {
7838 content: "\f5a6";
7841 .fa-snowplow::before {
7842 content: "\f7d2";
7845 .fa-angles-right::before {
7846 content: "\f101";
7849 .fa-angle-double-right::before {
7850 content: "\f101";
7853 .fa-cannabis::before {
7854 content: "\f55f";
7857 .fa-circle-play::before {
7858 content: "\f144";
7861 .fa-play-circle::before {
7862 content: "\f144";
7865 .fa-tablets::before {
7866 content: "\f490";
7869 .fa-ethernet::before {
7870 content: "\f796";
7873 .fa-euro-sign::before {
7874 content: "\f153";
7877 .fa-eur::before {
7878 content: "\f153";
7881 .fa-euro::before {
7882 content: "\f153";
7885 .fa-chair::before {
7886 content: "\f6c0";
7889 .fa-circle-check::before {
7890 content: "\f058";
7893 .fa-check-circle::before {
7894 content: "\f058";
7897 .fa-circle-stop::before {
7898 content: "\f28d";
7901 .fa-stop-circle::before {
7902 content: "\f28d";
7905 .fa-compass-drafting::before {
7906 content: "\f568";
7909 .fa-drafting-compass::before {
7910 content: "\f568";
7913 .fa-plate-wheat::before {
7914 content: "\e55a";
7917 .fa-icicles::before {
7918 content: "\f7ad";
7921 .fa-person-shelter::before {
7922 content: "\e54f";
7925 .fa-neuter::before {
7926 content: "\f22c";
7929 .fa-id-badge::before {
7930 content: "\f2c1";
7933 .fa-marker::before {
7934 content: "\f5a1";
7937 .fa-face-laugh-beam::before {
7938 content: "\f59a";
7941 .fa-laugh-beam::before {
7942 content: "\f59a";
7945 .fa-helicopter-symbol::before {
7946 content: "\e502";
7949 .fa-universal-access::before {
7950 content: "\f29a";
7953 .fa-circle-chevron-up::before {
7954 content: "\f139";
7957 .fa-chevron-circle-up::before {
7958 content: "\f139";
7961 .fa-lari-sign::before {
7962 content: "\e1c8";
7965 .fa-volcano::before {
7966 content: "\f770";
7969 .fa-person-walking-dashed-line-arrow-right::before {
7970 content: "\e553";
7973 .fa-sterling-sign::before {
7974 content: "\f154";
7977 .fa-gbp::before {
7978 content: "\f154";
7981 .fa-pound-sign::before {
7982 content: "\f154";
7985 .fa-viruses::before {
7986 content: "\e076";
7989 .fa-square-person-confined::before {
7990 content: "\e577";
7993 .fa-user-tie::before {
7994 content: "\f508";
7997 .fa-arrow-down-long::before {
7998 content: "\f175";
8001 .fa-long-arrow-down::before {
8002 content: "\f175";
8005 .fa-tent-arrow-down-to-line::before {
8006 content: "\e57e";
8009 .fa-certificate::before {
8010 content: "\f0a3";
8013 .fa-reply-all::before {
8014 content: "\f122";
8017 .fa-mail-reply-all::before {
8018 content: "\f122";
8021 .fa-suitcase::before {
8022 content: "\f0f2";
8025 .fa-person-skating::before {
8026 content: "\f7c5";
8029 .fa-skating::before {
8030 content: "\f7c5";
8033 .fa-filter-circle-dollar::before {
8034 content: "\f662";
8037 .fa-funnel-dollar::before {
8038 content: "\f662";
8041 .fa-camera-retro::before {
8042 content: "\f083";
8045 .fa-circle-arrow-down::before {
8046 content: "\f0ab";
8049 .fa-arrow-circle-down::before {
8050 content: "\f0ab";
8053 .fa-file-import::before {
8054 content: "\f56f";
8057 .fa-arrow-right-to-file::before {
8058 content: "\f56f";
8061 .fa-square-arrow-up-right::before {
8062 content: "\f14c";
8065 .fa-external-link-square::before {
8066 content: "\f14c";
8069 .fa-box-open::before {
8070 content: "\f49e";
8073 .fa-scroll::before {
8074 content: "\f70e";
8077 .fa-spa::before {
8078 content: "\f5bb";
8081 .fa-location-pin-lock::before {
8082 content: "\e51f";
8085 .fa-pause::before {
8086 content: "\f04c";
8089 .fa-hill-avalanche::before {
8090 content: "\e507";
8093 .fa-temperature-empty::before {
8094 content: "\f2cb";
8097 .fa-temperature-0::before {
8098 content: "\f2cb";
8101 .fa-thermometer-0::before {
8102 content: "\f2cb";
8105 .fa-thermometer-empty::before {
8106 content: "\f2cb";
8109 .fa-bomb::before {
8110 content: "\f1e2";
8113 .fa-registered::before {
8114 content: "\f25d";
8117 .fa-address-card::before {
8118 content: "\f2bb";
8121 .fa-contact-card::before {
8122 content: "\f2bb";
8125 .fa-vcard::before {
8126 content: "\f2bb";
8129 .fa-scale-unbalanced-flip::before {
8130 content: "\f516";
8133 .fa-balance-scale-right::before {
8134 content: "\f516";
8137 .fa-subscript::before {
8138 content: "\f12c";
8141 .fa-diamond-turn-right::before {
8142 content: "\f5eb";
8145 .fa-directions::before {
8146 content: "\f5eb";
8149 .fa-burst::before {
8150 content: "\e4dc";
8153 .fa-house-laptop::before {
8154 content: "\e066";
8157 .fa-laptop-house::before {
8158 content: "\e066";
8161 .fa-face-tired::before {
8162 content: "\f5c8";
8165 .fa-tired::before {
8166 content: "\f5c8";
8169 .fa-money-bills::before {
8170 content: "\e1f3";
8173 .fa-smog::before {
8174 content: "\f75f";
8177 .fa-crutch::before {
8178 content: "\f7f7";
8181 .fa-cloud-arrow-up::before {
8182 content: "\f0ee";
8185 .fa-cloud-upload::before {
8186 content: "\f0ee";
8189 .fa-cloud-upload-alt::before {
8190 content: "\f0ee";
8193 .fa-palette::before {
8194 content: "\f53f";
8197 .fa-arrows-turn-right::before {
8198 content: "\e4c0";
8201 .fa-vest::before {
8202 content: "\e085";
8205 .fa-ferry::before {
8206 content: "\e4ea";
8209 .fa-arrows-down-to-people::before {
8210 content: "\e4b9";
8213 .fa-seedling::before {
8214 content: "\f4d8";
8217 .fa-sprout::before {
8218 content: "\f4d8";
8221 .fa-left-right::before {
8222 content: "\f337";
8225 .fa-arrows-alt-h::before {
8226 content: "\f337";
8229 .fa-boxes-packing::before {
8230 content: "\e4c7";
8233 .fa-circle-arrow-left::before {
8234 content: "\f0a8";
8237 .fa-arrow-circle-left::before {
8238 content: "\f0a8";
8241 .fa-group-arrows-rotate::before {
8242 content: "\e4f6";
8245 .fa-bowl-food::before {
8246 content: "\e4c6";
8249 .fa-candy-cane::before {
8250 content: "\f786";
8253 .fa-arrow-down-wide-short::before {
8254 content: "\f160";
8257 .fa-sort-amount-asc::before {
8258 content: "\f160";
8261 .fa-sort-amount-down::before {
8262 content: "\f160";
8265 .fa-cloud-bolt::before {
8266 content: "\f76c";
8269 .fa-thunderstorm::before {
8270 content: "\f76c";
8273 .fa-text-slash::before {
8274 content: "\f87d";
8277 .fa-remove-format::before {
8278 content: "\f87d";
8281 .fa-face-smile-wink::before {
8282 content: "\f4da";
8285 .fa-smile-wink::before {
8286 content: "\f4da";
8289 .fa-file-word::before {
8290 content: "\f1c2";
8293 .fa-file-powerpoint::before {
8294 content: "\f1c4";
8297 .fa-arrows-left-right::before {
8298 content: "\f07e";
8301 .fa-arrows-h::before {
8302 content: "\f07e";
8305 .fa-house-lock::before {
8306 content: "\e510";
8309 .fa-cloud-arrow-down::before {
8310 content: "\f0ed";
8313 .fa-cloud-download::before {
8314 content: "\f0ed";
8317 .fa-cloud-download-alt::before {
8318 content: "\f0ed";
8321 .fa-children::before {
8322 content: "\e4e1";
8325 .fa-chalkboard::before {
8326 content: "\f51b";
8329 .fa-blackboard::before {
8330 content: "\f51b";
8333 .fa-user-large-slash::before {
8334 content: "\f4fa";
8337 .fa-user-alt-slash::before {
8338 content: "\f4fa";
8341 .fa-envelope-open::before {
8342 content: "\f2b6";
8345 .fa-handshake-simple-slash::before {
8346 content: "\e05f";
8349 .fa-handshake-alt-slash::before {
8350 content: "\e05f";
8353 .fa-mattress-pillow::before {
8354 content: "\e525";
8357 .fa-guarani-sign::before {
8358 content: "\e19a";
8361 .fa-arrows-rotate::before {
8362 content: "\f021";
8365 .fa-refresh::before {
8366 content: "\f021";
8369 .fa-sync::before {
8370 content: "\f021";
8373 .fa-fire-extinguisher::before {
8374 content: "\f134";
8377 .fa-cruzeiro-sign::before {
8378 content: "\e152";
8381 .fa-greater-than-equal::before {
8382 content: "\f532";
8385 .fa-shield-halved::before {
8386 content: "\f3ed";
8389 .fa-shield-alt::before {
8390 content: "\f3ed";
8393 .fa-book-atlas::before {
8394 content: "\f558";
8397 .fa-atlas::before {
8398 content: "\f558";
8401 .fa-virus::before {
8402 content: "\e074";
8405 .fa-envelope-circle-check::before {
8406 content: "\e4e8";
8409 .fa-layer-group::before {
8410 content: "\f5fd";
8413 .fa-arrows-to-dot::before {
8414 content: "\e4be";
8417 .fa-archway::before {
8418 content: "\f557";
8421 .fa-heart-circle-check::before {
8422 content: "\e4fd";
8425 .fa-house-chimney-crack::before {
8426 content: "\f6f1";
8429 .fa-house-damage::before {
8430 content: "\f6f1";
8433 .fa-file-zipper::before {
8434 content: "\f1c6";
8437 .fa-file-archive::before {
8438 content: "\f1c6";
8441 .fa-square::before {
8442 content: "\f0c8";
8445 .fa-martini-glass-empty::before {
8446 content: "\f000";
8449 .fa-glass-martini::before {
8450 content: "\f000";
8453 .fa-couch::before {
8454 content: "\f4b8";
8457 .fa-cedi-sign::before {
8458 content: "\e0df";
8461 .fa-italic::before {
8462 content: "\f033";
8465 .fa-church::before {
8466 content: "\f51d";
8469 .fa-comments-dollar::before {
8470 content: "\f653";
8473 .fa-democrat::before {
8474 content: "\f747";
8477 .fa-z::before {
8478 content: "Z";
8481 .fa-person-skiing::before {
8482 content: "\f7c9";
8485 .fa-skiing::before {
8486 content: "\f7c9";
8489 .fa-road-lock::before {
8490 content: "\e567";
8493 .fa-a::before {
8494 content: "A";
8497 .fa-temperature-arrow-down::before {
8498 content: "\e03f";
8501 .fa-temperature-down::before {
8502 content: "\e03f";
8505 .fa-feather-pointed::before {
8506 content: "\f56b";
8509 .fa-feather-alt::before {
8510 content: "\f56b";
8513 .fa-p::before {
8514 content: "P";
8517 .fa-snowflake::before {
8518 content: "\f2dc";
8521 .fa-newspaper::before {
8522 content: "\f1ea";
8525 .fa-rectangle-ad::before {
8526 content: "\f641";
8529 .fa-ad::before {
8530 content: "\f641";
8533 .fa-circle-arrow-right::before {
8534 content: "\f0a9";
8537 .fa-arrow-circle-right::before {
8538 content: "\f0a9";
8541 .fa-filter-circle-xmark::before {
8542 content: "\e17b";
8545 .fa-locust::before {
8546 content: "\e520";
8549 .fa-sort::before {
8550 content: "\f0dc";
8553 .fa-unsorted::before {
8554 content: "\f0dc";
8557 .fa-list-ol::before {
8558 content: "\f0cb";
8561 .fa-list-1-2::before {
8562 content: "\f0cb";
8565 .fa-list-numeric::before {
8566 content: "\f0cb";
8569 .fa-person-dress-burst::before {
8570 content: "\e544";
8573 .fa-money-check-dollar::before {
8574 content: "\f53d";
8577 .fa-money-check-alt::before {
8578 content: "\f53d";
8581 .fa-vector-square::before {
8582 content: "\f5cb";
8585 .fa-bread-slice::before {
8586 content: "\f7ec";
8589 .fa-language::before {
8590 content: "\f1ab";
8593 .fa-face-kiss-wink-heart::before {
8594 content: "\f598";
8597 .fa-kiss-wink-heart::before {
8598 content: "\f598";
8601 .fa-filter::before {
8602 content: "\f0b0";
8605 .fa-question::before {
8606 content: "\?";
8609 .fa-file-signature::before {
8610 content: "\f573";
8613 .fa-up-down-left-right::before {
8614 content: "\f0b2";
8617 .fa-arrows-alt::before {
8618 content: "\f0b2";
8621 .fa-house-chimney-user::before {
8622 content: "\e065";
8625 .fa-hand-holding-heart::before {
8626 content: "\f4be";
8629 .fa-puzzle-piece::before {
8630 content: "\f12e";
8633 .fa-money-check::before {
8634 content: "\f53c";
8637 .fa-star-half-stroke::before {
8638 content: "\f5c0";
8641 .fa-star-half-alt::before {
8642 content: "\f5c0";
8645 .fa-code::before {
8646 content: "\f121";
8649 .fa-whiskey-glass::before {
8650 content: "\f7a0";
8653 .fa-glass-whiskey::before {
8654 content: "\f7a0";
8657 .fa-building-circle-exclamation::before {
8658 content: "\e4d3";
8661 .fa-magnifying-glass-chart::before {
8662 content: "\e522";
8665 .fa-arrow-up-right-from-square::before {
8666 content: "\f08e";
8669 .fa-external-link::before {
8670 content: "\f08e";
8673 .fa-cubes-stacked::before {
8674 content: "\e4e6";
8677 .fa-won-sign::before {
8678 content: "\f159";
8681 .fa-krw::before {
8682 content: "\f159";
8685 .fa-won::before {
8686 content: "\f159";
8689 .fa-virus-covid::before {
8690 content: "\e4a8";
8693 .fa-austral-sign::before {
8694 content: "\e0a9";
8697 .fa-f::before {
8698 content: "F";
8701 .fa-leaf::before {
8702 content: "\f06c";
8705 .fa-road::before {
8706 content: "\f018";
8709 .fa-taxi::before {
8710 content: "\f1ba";
8713 .fa-cab::before {
8714 content: "\f1ba";
8717 .fa-person-circle-plus::before {
8718 content: "\e541";
8721 .fa-chart-pie::before {
8722 content: "\f200";
8725 .fa-pie-chart::before {
8726 content: "\f200";
8729 .fa-bolt-lightning::before {
8730 content: "\e0b7";
8733 .fa-sack-xmark::before {
8734 content: "\e56a";
8737 .fa-file-excel::before {
8738 content: "\f1c3";
8741 .fa-file-contract::before {
8742 content: "\f56c";
8745 .fa-fish-fins::before {
8746 content: "\e4f2";
8749 .fa-building-flag::before {
8750 content: "\e4d5";
8753 .fa-face-grin-beam::before {
8754 content: "\f582";
8757 .fa-grin-beam::before {
8758 content: "\f582";
8761 .fa-object-ungroup::before {
8762 content: "\f248";
8765 .fa-poop::before {
8766 content: "\f619";
8769 .fa-location-pin::before {
8770 content: "\f041";
8773 .fa-map-marker::before {
8774 content: "\f041";
8777 .fa-kaaba::before {
8778 content: "\f66b";
8781 .fa-toilet-paper::before {
8782 content: "\f71e";
8785 .fa-helmet-safety::before {
8786 content: "\f807";
8789 .fa-hard-hat::before {
8790 content: "\f807";
8793 .fa-hat-hard::before {
8794 content: "\f807";
8797 .fa-eject::before {
8798 content: "\f052";
8801 .fa-circle-right::before {
8802 content: "\f35a";
8805 .fa-arrow-alt-circle-right::before {
8806 content: "\f35a";
8809 .fa-plane-circle-check::before {
8810 content: "\e555";
8813 .fa-face-rolling-eyes::before {
8814 content: "\f5a5";
8817 .fa-meh-rolling-eyes::before {
8818 content: "\f5a5";
8821 .fa-object-group::before {
8822 content: "\f247";
8825 .fa-chart-line::before {
8826 content: "\f201";
8829 .fa-line-chart::before {
8830 content: "\f201";
8833 .fa-mask-ventilator::before {
8834 content: "\e524";
8837 .fa-arrow-right::before {
8838 content: "\f061";
8841 .fa-signs-post::before {
8842 content: "\f277";
8845 .fa-map-signs::before {
8846 content: "\f277";
8849 .fa-cash-register::before {
8850 content: "\f788";
8853 .fa-person-circle-question::before {
8854 content: "\e542";
8857 .fa-h::before {
8858 content: "H";
8861 .fa-tarp::before {
8862 content: "\e57b";
8865 .fa-screwdriver-wrench::before {
8866 content: "\f7d9";
8869 .fa-tools::before {
8870 content: "\f7d9";
8873 .fa-arrows-to-eye::before {
8874 content: "\e4bf";
8877 .fa-plug-circle-bolt::before {
8878 content: "\e55b";
8881 .fa-heart::before {
8882 content: "\f004";
8885 .fa-mars-and-venus::before {
8886 content: "\f224";
8889 .fa-house-user::before {
8890 content: "\e1b0";
8893 .fa-home-user::before {
8894 content: "\e1b0";
8897 .fa-dumpster-fire::before {
8898 content: "\f794";
8901 .fa-house-crack::before {
8902 content: "\e3b1";
8905 .fa-martini-glass-citrus::before {
8906 content: "\f561";
8909 .fa-cocktail::before {
8910 content: "\f561";
8913 .fa-face-surprise::before {
8914 content: "\f5c2";
8917 .fa-surprise::before {
8918 content: "\f5c2";
8921 .fa-bottle-water::before {
8922 content: "\e4c5";
8925 .fa-circle-pause::before {
8926 content: "\f28b";
8929 .fa-pause-circle::before {
8930 content: "\f28b";
8933 .fa-toilet-paper-slash::before {
8934 content: "\e072";
8937 .fa-apple-whole::before {
8938 content: "\f5d1";
8941 .fa-apple-alt::before {
8942 content: "\f5d1";
8945 .fa-kitchen-set::before {
8946 content: "\e51a";
8949 .fa-r::before {
8950 content: "R";
8953 .fa-temperature-quarter::before {
8954 content: "\f2ca";
8957 .fa-temperature-1::before {
8958 content: "\f2ca";
8961 .fa-thermometer-1::before {
8962 content: "\f2ca";
8965 .fa-thermometer-quarter::before {
8966 content: "\f2ca";
8969 .fa-cube::before {
8970 content: "\f1b2";
8973 .fa-bitcoin-sign::before {
8974 content: "\e0b4";
8977 .fa-shield-dog::before {
8978 content: "\e573";
8981 .fa-solar-panel::before {
8982 content: "\f5ba";
8985 .fa-lock-open::before {
8986 content: "\f3c1";
8989 .fa-elevator::before {
8990 content: "\e16d";
8993 .fa-money-bill-transfer::before {
8994 content: "\e528";
8997 .fa-money-bill-trend-up::before {
8998 content: "\e529";
9001 .fa-house-flood-water-circle-arrow-right::before {
9002 content: "\e50f";
9005 .fa-square-poll-horizontal::before {
9006 content: "\f682";
9009 .fa-poll-h::before {
9010 content: "\f682";
9013 .fa-circle::before {
9014 content: "\f111";
9017 .fa-backward-fast::before {
9018 content: "\f049";
9021 .fa-fast-backward::before {
9022 content: "\f049";
9025 .fa-recycle::before {
9026 content: "\f1b8";
9029 .fa-user-astronaut::before {
9030 content: "\f4fb";
9033 .fa-plane-slash::before {
9034 content: "\e069";
9037 .fa-trademark::before {
9038 content: "\f25c";
9041 .fa-basketball::before {
9042 content: "\f434";
9045 .fa-basketball-ball::before {
9046 content: "\f434";
9049 .fa-satellite-dish::before {
9050 content: "\f7c0";
9053 .fa-circle-up::before {
9054 content: "\f35b";
9057 .fa-arrow-alt-circle-up::before {
9058 content: "\f35b";
9061 .fa-mobile-screen-button::before {
9062 content: "\f3cd";
9065 .fa-mobile-alt::before {
9066 content: "\f3cd";
9069 .fa-volume-high::before {
9070 content: "\f028";
9073 .fa-volume-up::before {
9074 content: "\f028";
9077 .fa-users-rays::before {
9078 content: "\e593";
9081 .fa-wallet::before {
9082 content: "\f555";
9085 .fa-clipboard-check::before {
9086 content: "\f46c";
9089 .fa-file-audio::before {
9090 content: "\f1c7";
9093 .fa-burger::before {
9094 content: "\f805";
9097 .fa-hamburger::before {
9098 content: "\f805";
9101 .fa-wrench::before {
9102 content: "\f0ad";
9105 .fa-bugs::before {
9106 content: "\e4d0";
9109 .fa-rupee-sign::before {
9110 content: "\f156";
9113 .fa-rupee::before {
9114 content: "\f156";
9117 .fa-file-image::before {
9118 content: "\f1c5";
9121 .fa-circle-question::before {
9122 content: "\f059";
9125 .fa-question-circle::before {
9126 content: "\f059";
9129 .fa-plane-departure::before {
9130 content: "\f5b0";
9133 .fa-handshake-slash::before {
9134 content: "\e060";
9137 .fa-book-bookmark::before {
9138 content: "\e0bb";
9141 .fa-code-branch::before {
9142 content: "\f126";
9145 .fa-hat-cowboy::before {
9146 content: "\f8c0";
9149 .fa-bridge::before {
9150 content: "\e4c8";
9153 .fa-phone-flip::before {
9154 content: "\f879";
9157 .fa-phone-alt::before {
9158 content: "\f879";
9161 .fa-truck-front::before {
9162 content: "\e2b7";
9165 .fa-cat::before {
9166 content: "\f6be";
9169 .fa-anchor-circle-exclamation::before {
9170 content: "\e4ab";
9173 .fa-truck-field::before {
9174 content: "\e58d";
9177 .fa-route::before {
9178 content: "\f4d7";
9181 .fa-clipboard-question::before {
9182 content: "\e4e3";
9185 .fa-panorama::before {
9186 content: "\e209";
9189 .fa-comment-medical::before {
9190 content: "\f7f5";
9193 .fa-teeth-open::before {
9194 content: "\f62f";
9197 .fa-file-circle-minus::before {
9198 content: "\e4ed";
9201 .fa-tags::before {
9202 content: "\f02c";
9205 .fa-wine-glass::before {
9206 content: "\f4e3";
9209 .fa-forward-fast::before {
9210 content: "\f050";
9213 .fa-fast-forward::before {
9214 content: "\f050";
9217 .fa-face-meh-blank::before {
9218 content: "\f5a4";
9221 .fa-meh-blank::before {
9222 content: "\f5a4";
9225 .fa-square-parking::before {
9226 content: "\f540";
9229 .fa-parking::before {
9230 content: "\f540";
9233 .fa-house-signal::before {
9234 content: "\e012";
9237 .fa-bars-progress::before {
9238 content: "\f828";
9241 .fa-tasks-alt::before {
9242 content: "\f828";
9245 .fa-faucet-drip::before {
9246 content: "\e006";
9249 .fa-cart-flatbed::before {
9250 content: "\f474";
9253 .fa-dolly-flatbed::before {
9254 content: "\f474";
9257 .fa-ban-smoking::before {
9258 content: "\f54d";
9261 .fa-smoking-ban::before {
9262 content: "\f54d";
9265 .fa-terminal::before {
9266 content: "\f120";
9269 .fa-mobile-button::before {
9270 content: "\f10b";
9273 .fa-house-medical-flag::before {
9274 content: "\e514";
9277 .fa-basket-shopping::before {
9278 content: "\f291";
9281 .fa-shopping-basket::before {
9282 content: "\f291";
9285 .fa-tape::before {
9286 content: "\f4db";
9289 .fa-bus-simple::before {
9290 content: "\f55e";
9293 .fa-bus-alt::before {
9294 content: "\f55e";
9297 .fa-eye::before {
9298 content: "\f06e";
9301 .fa-face-sad-cry::before {
9302 content: "\f5b3";
9305 .fa-sad-cry::before {
9306 content: "\f5b3";
9309 .fa-audio-description::before {
9310 content: "\f29e";
9313 .fa-person-military-to-person::before {
9314 content: "\e54c";
9317 .fa-file-shield::before {
9318 content: "\e4f0";
9321 .fa-user-slash::before {
9322 content: "\f506";
9325 .fa-pen::before {
9326 content: "\f304";
9329 .fa-tower-observation::before {
9330 content: "\e586";
9333 .fa-file-code::before {
9334 content: "\f1c9";
9337 .fa-signal::before {
9338 content: "\f012";
9341 .fa-signal-5::before {
9342 content: "\f012";
9345 .fa-signal-perfect::before {
9346 content: "\f012";
9349 .fa-bus::before {
9350 content: "\f207";
9353 .fa-heart-circle-xmark::before {
9354 content: "\e501";
9357 .fa-house-chimney::before {
9358 content: "\e3af";
9361 .fa-home-lg::before {
9362 content: "\e3af";
9365 .fa-window-maximize::before {
9366 content: "\f2d0";
9369 .fa-face-frown::before {
9370 content: "\f119";
9373 .fa-frown::before {
9374 content: "\f119";
9377 .fa-prescription::before {
9378 content: "\f5b1";
9381 .fa-shop::before {
9382 content: "\f54f";
9385 .fa-store-alt::before {
9386 content: "\f54f";
9389 .fa-floppy-disk::before {
9390 content: "\f0c7";
9393 .fa-save::before {
9394 content: "\f0c7";
9397 .fa-vihara::before {
9398 content: "\f6a7";
9401 .fa-scale-unbalanced::before {
9402 content: "\f515";
9405 .fa-balance-scale-left::before {
9406 content: "\f515";
9409 .fa-sort-up::before {
9410 content: "\f0de";
9413 .fa-sort-asc::before {
9414 content: "\f0de";
9417 .fa-comment-dots::before {
9418 content: "\f4ad";
9421 .fa-commenting::before {
9422 content: "\f4ad";
9425 .fa-plant-wilt::before {
9426 content: "\e5aa";
9429 .fa-diamond::before {
9430 content: "\f219";
9433 .fa-face-grin-squint::before {
9434 content: "\f585";
9437 .fa-grin-squint::before {
9438 content: "\f585";
9441 .fa-hand-holding-dollar::before {
9442 content: "\f4c0";
9445 .fa-hand-holding-usd::before {
9446 content: "\f4c0";
9449 .fa-bacterium::before {
9450 content: "\e05a";
9453 .fa-hand-pointer::before {
9454 content: "\f25a";
9457 .fa-drum-steelpan::before {
9458 content: "\f56a";
9461 .fa-hand-scissors::before {
9462 content: "\f257";
9465 .fa-hands-praying::before {
9466 content: "\f684";
9469 .fa-praying-hands::before {
9470 content: "\f684";
9473 .fa-arrow-rotate-right::before {
9474 content: "\f01e";
9477 .fa-arrow-right-rotate::before {
9478 content: "\f01e";
9481 .fa-arrow-rotate-forward::before {
9482 content: "\f01e";
9485 .fa-redo::before {
9486 content: "\f01e";
9489 .fa-biohazard::before {
9490 content: "\f780";
9493 .fa-location-crosshairs::before {
9494 content: "\f601";
9497 .fa-location::before {
9498 content: "\f601";
9501 .fa-mars-double::before {
9502 content: "\f227";
9505 .fa-child-dress::before {
9506 content: "\e59c";
9509 .fa-users-between-lines::before {
9510 content: "\e591";
9513 .fa-lungs-virus::before {
9514 content: "\e067";
9517 .fa-face-grin-tears::before {
9518 content: "\f588";
9521 .fa-grin-tears::before {
9522 content: "\f588";
9525 .fa-phone::before {
9526 content: "\f095";
9529 .fa-calendar-xmark::before {
9530 content: "\f273";
9533 .fa-calendar-times::before {
9534 content: "\f273";
9537 .fa-child-reaching::before {
9538 content: "\e59d";
9541 .fa-head-side-virus::before {
9542 content: "\e064";
9545 .fa-user-gear::before {
9546 content: "\f4fe";
9549 .fa-user-cog::before {
9550 content: "\f4fe";
9553 .fa-arrow-up-1-9::before {
9554 content: "\f163";
9557 .fa-sort-numeric-up::before {
9558 content: "\f163";
9561 .fa-door-closed::before {
9562 content: "\f52a";
9565 .fa-shield-virus::before {
9566 content: "\e06c";
9569 .fa-dice-six::before {
9570 content: "\f526";
9573 .fa-mosquito-net::before {
9574 content: "\e52c";
9577 .fa-bridge-water::before {
9578 content: "\e4ce";
9581 .fa-person-booth::before {
9582 content: "\f756";
9585 .fa-text-width::before {
9586 content: "\f035";
9589 .fa-hat-wizard::before {
9590 content: "\f6e8";
9593 .fa-pen-fancy::before {
9594 content: "\f5ac";
9597 .fa-person-digging::before {
9598 content: "\f85e";
9601 .fa-digging::before {
9602 content: "\f85e";
9605 .fa-trash::before {
9606 content: "\f1f8";
9609 .fa-gauge-simple::before {
9610 content: "\f629";
9613 .fa-gauge-simple-med::before {
9614 content: "\f629";
9617 .fa-tachometer-average::before {
9618 content: "\f629";
9621 .fa-book-medical::before {
9622 content: "\f7e6";
9625 .fa-poo::before {
9626 content: "\f2fe";
9629 .fa-quote-right::before {
9630 content: "\f10e";
9633 .fa-quote-right-alt::before {
9634 content: "\f10e";
9637 .fa-shirt::before {
9638 content: "\f553";
9641 .fa-t-shirt::before {
9642 content: "\f553";
9645 .fa-tshirt::before {
9646 content: "\f553";
9649 .fa-cubes::before {
9650 content: "\f1b3";
9653 .fa-divide::before {
9654 content: "\f529";
9657 .fa-tenge-sign::before {
9658 content: "\f7d7";
9661 .fa-tenge::before {
9662 content: "\f7d7";
9665 .fa-headphones::before {
9666 content: "\f025";
9669 .fa-hands-holding::before {
9670 content: "\f4c2";
9673 .fa-hands-clapping::before {
9674 content: "\e1a8";
9677 .fa-republican::before {
9678 content: "\f75e";
9681 .fa-arrow-left::before {
9682 content: "\f060";
9685 .fa-person-circle-xmark::before {
9686 content: "\e543";
9689 .fa-ruler::before {
9690 content: "\f545";
9693 .fa-align-left::before {
9694 content: "\f036";
9697 .fa-dice-d6::before {
9698 content: "\f6d1";
9701 .fa-restroom::before {
9702 content: "\f7bd";
9705 .fa-j::before {
9706 content: "J";
9709 .fa-users-viewfinder::before {
9710 content: "\e595";
9713 .fa-file-video::before {
9714 content: "\f1c8";
9717 .fa-up-right-from-square::before {
9718 content: "\f35d";
9721 .fa-external-link-alt::before {
9722 content: "\f35d";
9725 .fa-table-cells::before {
9726 content: "\f00a";
9729 .fa-th::before {
9730 content: "\f00a";
9733 .fa-file-pdf::before {
9734 content: "\f1c1";
9737 .fa-book-bible::before {
9738 content: "\f647";
9741 .fa-bible::before {
9742 content: "\f647";
9745 .fa-o::before {
9746 content: "O";
9749 .fa-suitcase-medical::before {
9750 content: "\f0fa";
9753 .fa-medkit::before {
9754 content: "\f0fa";
9757 .fa-user-secret::before {
9758 content: "\f21b";
9761 .fa-otter::before {
9762 content: "\f700";
9765 .fa-person-dress::before {
9766 content: "\f182";
9769 .fa-female::before {
9770 content: "\f182";
9773 .fa-comment-dollar::before {
9774 content: "\f651";
9777 .fa-business-time::before {
9778 content: "\f64a";
9781 .fa-briefcase-clock::before {
9782 content: "\f64a";
9785 .fa-table-cells-large::before {
9786 content: "\f009";
9789 .fa-th-large::before {
9790 content: "\f009";
9793 .fa-book-tanakh::before {
9794 content: "\f827";
9797 .fa-tanakh::before {
9798 content: "\f827";
9801 .fa-phone-volume::before {
9802 content: "\f2a0";
9805 .fa-volume-control-phone::before {
9806 content: "\f2a0";
9809 .fa-hat-cowboy-side::before {
9810 content: "\f8c1";
9813 .fa-clipboard-user::before {
9814 content: "\f7f3";
9817 .fa-child::before {
9818 content: "\f1ae";
9821 .fa-lira-sign::before {
9822 content: "\f195";
9825 .fa-satellite::before {
9826 content: "\f7bf";
9829 .fa-plane-lock::before {
9830 content: "\e558";
9833 .fa-tag::before {
9834 content: "\f02b";
9837 .fa-comment::before {
9838 content: "\f075";
9841 .fa-cake-candles::before {
9842 content: "\f1fd";
9845 .fa-birthday-cake::before {
9846 content: "\f1fd";
9849 .fa-cake::before {
9850 content: "\f1fd";
9853 .fa-envelope::before {
9854 content: "\f0e0";
9857 .fa-angles-up::before {
9858 content: "\f102";
9861 .fa-angle-double-up::before {
9862 content: "\f102";
9865 .fa-paperclip::before {
9866 content: "\f0c6";
9869 .fa-arrow-right-to-city::before {
9870 content: "\e4b3";
9873 .fa-ribbon::before {
9874 content: "\f4d6";
9877 .fa-lungs::before {
9878 content: "\f604";
9881 .fa-arrow-up-9-1::before {
9882 content: "\f887";
9885 .fa-sort-numeric-up-alt::before {
9886 content: "\f887";
9889 .fa-litecoin-sign::before {
9890 content: "\e1d3";
9893 .fa-border-none::before {
9894 content: "\f850";
9897 .fa-circle-nodes::before {
9898 content: "\e4e2";
9901 .fa-parachute-box::before {
9902 content: "\f4cd";
9905 .fa-indent::before {
9906 content: "\f03c";
9909 .fa-truck-field-un::before {
9910 content: "\e58e";
9913 .fa-hourglass::before {
9914 content: "\f254";
9917 .fa-hourglass-empty::before {
9918 content: "\f254";
9921 .fa-mountain::before {
9922 content: "\f6fc";
9925 .fa-user-doctor::before {
9926 content: "\f0f0";
9929 .fa-user-md::before {
9930 content: "\f0f0";
9933 .fa-circle-info::before {
9934 content: "\f05a";
9937 .fa-info-circle::before {
9938 content: "\f05a";
9941 .fa-cloud-meatball::before {
9942 content: "\f73b";
9945 .fa-camera::before {
9946 content: "\f030";
9949 .fa-camera-alt::before {
9950 content: "\f030";
9953 .fa-square-virus::before {
9954 content: "\e578";
9957 .fa-meteor::before {
9958 content: "\f753";
9961 .fa-car-on::before {
9962 content: "\e4dd";
9965 .fa-sleigh::before {
9966 content: "\f7cc";
9969 .fa-arrow-down-1-9::before {
9970 content: "\f162";
9973 .fa-sort-numeric-asc::before {
9974 content: "\f162";
9977 .fa-sort-numeric-down::before {
9978 content: "\f162";
9981 .fa-hand-holding-droplet::before {
9982 content: "\f4c1";
9985 .fa-hand-holding-water::before {
9986 content: "\f4c1";
9989 .fa-water::before {
9990 content: "\f773";
9993 .fa-calendar-check::before {
9994 content: "\f274";
9997 .fa-braille::before {
9998 content: "\f2a1";
10001 .fa-prescription-bottle-medical::before {
10002 content: "\f486";
10005 .fa-prescription-bottle-alt::before {
10006 content: "\f486";
10009 .fa-landmark::before {
10010 content: "\f66f";
10013 .fa-truck::before {
10014 content: "\f0d1";
10017 .fa-crosshairs::before {
10018 content: "\f05b";
10021 .fa-person-cane::before {
10022 content: "\e53c";
10025 .fa-tent::before {
10026 content: "\e57d";
10029 .fa-vest-patches::before {
10030 content: "\e086";
10033 .fa-check-double::before {
10034 content: "\f560";
10037 .fa-arrow-down-a-z::before {
10038 content: "\f15d";
10041 .fa-sort-alpha-asc::before {
10042 content: "\f15d";
10045 .fa-sort-alpha-down::before {
10046 content: "\f15d";
10049 .fa-money-bill-wheat::before {
10050 content: "\e52a";
10053 .fa-cookie::before {
10054 content: "\f563";
10057 .fa-arrow-rotate-left::before {
10058 content: "\f0e2";
10061 .fa-arrow-left-rotate::before {
10062 content: "\f0e2";
10065 .fa-arrow-rotate-back::before {
10066 content: "\f0e2";
10069 .fa-arrow-rotate-backward::before {
10070 content: "\f0e2";
10073 .fa-undo::before {
10074 content: "\f0e2";
10077 .fa-hard-drive::before {
10078 content: "\f0a0";
10081 .fa-hdd::before {
10082 content: "\f0a0";
10085 .fa-face-grin-squint-tears::before {
10086 content: "\f586";
10089 .fa-grin-squint-tears::before {
10090 content: "\f586";
10093 .fa-dumbbell::before {
10094 content: "\f44b";
10097 .fa-rectangle-list::before {
10098 content: "\f022";
10101 .fa-list-alt::before {
10102 content: "\f022";
10105 .fa-tarp-droplet::before {
10106 content: "\e57c";
10109 .fa-house-medical-circle-check::before {
10110 content: "\e511";
10113 .fa-person-skiing-nordic::before {
10114 content: "\f7ca";
10117 .fa-skiing-nordic::before {
10118 content: "\f7ca";
10121 .fa-calendar-plus::before {
10122 content: "\f271";
10125 .fa-plane-arrival::before {
10126 content: "\f5af";
10129 .fa-circle-left::before {
10130 content: "\f359";
10133 .fa-arrow-alt-circle-left::before {
10134 content: "\f359";
10137 .fa-train-subway::before {
10138 content: "\f239";
10141 .fa-subway::before {
10142 content: "\f239";
10145 .fa-chart-gantt::before {
10146 content: "\e0e4";
10149 .fa-indian-rupee-sign::before {
10150 content: "\e1bc";
10153 .fa-indian-rupee::before {
10154 content: "\e1bc";
10157 .fa-inr::before {
10158 content: "\e1bc";
10161 .fa-crop-simple::before {
10162 content: "\f565";
10165 .fa-crop-alt::before {
10166 content: "\f565";
10169 .fa-money-bill-1::before {
10170 content: "\f3d1";
10173 .fa-money-bill-alt::before {
10174 content: "\f3d1";
10177 .fa-left-long::before {
10178 content: "\f30a";
10181 .fa-long-arrow-alt-left::before {
10182 content: "\f30a";
10185 .fa-dna::before {
10186 content: "\f471";
10189 .fa-virus-slash::before {
10190 content: "\e075";
10193 .fa-minus::before {
10194 content: "\f068";
10197 .fa-subtract::before {
10198 content: "\f068";
10201 .fa-chess::before {
10202 content: "\f439";
10205 .fa-arrow-left-long::before {
10206 content: "\f177";
10209 .fa-long-arrow-left::before {
10210 content: "\f177";
10213 .fa-plug-circle-check::before {
10214 content: "\e55c";
10217 .fa-street-view::before {
10218 content: "\f21d";
10221 .fa-franc-sign::before {
10222 content: "\e18f";
10225 .fa-volume-off::before {
10226 content: "\f026";
10229 .fa-hands-asl-interpreting::before {
10230 content: "\f2a3";
10233 .fa-american-sign-language-interpreting::before {
10234 content: "\f2a3";
10237 .fa-asl-interpreting::before {
10238 content: "\f2a3";
10241 .fa-hands-american-sign-language-interpreting::before {
10242 content: "\f2a3";
10245 .fa-gear::before {
10246 content: "\f013";
10249 .fa-cog::before {
10250 content: "\f013";
10253 .fa-droplet-slash::before {
10254 content: "\f5c7";
10257 .fa-tint-slash::before {
10258 content: "\f5c7";
10261 .fa-mosque::before {
10262 content: "\f678";
10265 .fa-mosquito::before {
10266 content: "\e52b";
10269 .fa-star-of-david::before {
10270 content: "\f69a";
10273 .fa-person-military-rifle::before {
10274 content: "\e54b";
10277 .fa-cart-shopping::before {
10278 content: "\f07a";
10281 .fa-shopping-cart::before {
10282 content: "\f07a";
10285 .fa-vials::before {
10286 content: "\f493";
10289 .fa-plug-circle-plus::before {
10290 content: "\e55f";
10293 .fa-place-of-worship::before {
10294 content: "\f67f";
10297 .fa-grip-vertical::before {
10298 content: "\f58e";
10301 .fa-arrow-turn-up::before {
10302 content: "\f148";
10305 .fa-level-up::before {
10306 content: "\f148";
10309 .fa-u::before {
10310 content: "U";
10313 .fa-square-root-variable::before {
10314 content: "\f698";
10317 .fa-square-root-alt::before {
10318 content: "\f698";
10321 .fa-clock::before {
10322 content: "\f017";
10325 .fa-clock-four::before {
10326 content: "\f017";
10329 .fa-backward-step::before {
10330 content: "\f048";
10333 .fa-step-backward::before {
10334 content: "\f048";
10337 .fa-pallet::before {
10338 content: "\f482";
10341 .fa-faucet::before {
10342 content: "\e005";
10345 .fa-baseball-bat-ball::before {
10346 content: "\f432";
10349 .fa-s::before {
10350 content: "S";
10353 .fa-timeline::before {
10354 content: "\e29c";
10357 .fa-keyboard::before {
10358 content: "\f11c";
10361 .fa-caret-down::before {
10362 content: "\f0d7";
10365 .fa-house-chimney-medical::before {
10366 content: "\f7f2";
10369 .fa-clinic-medical::before {
10370 content: "\f7f2";
10373 .fa-temperature-three-quarters::before {
10374 content: "\f2c8";
10377 .fa-temperature-3::before {
10378 content: "\f2c8";
10381 .fa-thermometer-3::before {
10382 content: "\f2c8";
10385 .fa-thermometer-three-quarters::before {
10386 content: "\f2c8";
10389 .fa-mobile-screen::before {
10390 content: "\f3cf";
10393 .fa-mobile-android-alt::before {
10394 content: "\f3cf";
10397 .fa-plane-up::before {
10398 content: "\e22d";
10401 .fa-piggy-bank::before {
10402 content: "\f4d3";
10405 .fa-battery-half::before {
10406 content: "\f242";
10409 .fa-battery-3::before {
10410 content: "\f242";
10413 .fa-mountain-city::before {
10414 content: "\e52e";
10417 .fa-coins::before {
10418 content: "\f51e";
10421 .fa-khanda::before {
10422 content: "\f66d";
10425 .fa-sliders::before {
10426 content: "\f1de";
10429 .fa-sliders-h::before {
10430 content: "\f1de";
10433 .fa-folder-tree::before {
10434 content: "\f802";
10437 .fa-network-wired::before {
10438 content: "\f6ff";
10441 .fa-map-pin::before {
10442 content: "\f276";
10445 .fa-hamsa::before {
10446 content: "\f665";
10449 .fa-cent-sign::before {
10450 content: "\e3f5";
10453 .fa-flask::before {
10454 content: "\f0c3";
10457 .fa-person-pregnant::before {
10458 content: "\e31e";
10461 .fa-wand-sparkles::before {
10462 content: "\f72b";
10465 .fa-ellipsis-vertical::before {
10466 content: "\f142";
10469 .fa-ellipsis-v::before {
10470 content: "\f142";
10473 .fa-ticket::before {
10474 content: "\f145";
10477 .fa-power-off::before {
10478 content: "\f011";
10481 .fa-right-long::before {
10482 content: "\f30b";
10485 .fa-long-arrow-alt-right::before {
10486 content: "\f30b";
10489 .fa-flag-usa::before {
10490 content: "\f74d";
10493 .fa-laptop-file::before {
10494 content: "\e51d";
10497 .fa-tty::before {
10498 content: "\f1e4";
10501 .fa-teletype::before {
10502 content: "\f1e4";
10505 .fa-diagram-next::before {
10506 content: "\e476";
10509 .fa-person-rifle::before {
10510 content: "\e54e";
10513 .fa-house-medical-circle-exclamation::before {
10514 content: "\e512";
10517 .fa-closed-captioning::before {
10518 content: "\f20a";
10521 .fa-person-hiking::before {
10522 content: "\f6ec";
10525 .fa-hiking::before {
10526 content: "\f6ec";
10529 .fa-venus-double::before {
10530 content: "\f226";
10533 .fa-images::before {
10534 content: "\f302";
10537 .fa-calculator::before {
10538 content: "\f1ec";
10541 .fa-people-pulling::before {
10542 content: "\e535";
10545 .fa-n::before {
10546 content: "N";
10549 .fa-cable-car::before {
10550 content: "\f7da";
10553 .fa-tram::before {
10554 content: "\f7da";
10557 .fa-cloud-rain::before {
10558 content: "\f73d";
10561 .fa-building-circle-xmark::before {
10562 content: "\e4d4";
10565 .fa-ship::before {
10566 content: "\f21a";
10569 .fa-arrows-down-to-line::before {
10570 content: "\e4b8";
10573 .fa-download::before {
10574 content: "\f019";
10577 .fa-face-grin::before {
10578 content: "\f580";
10581 .fa-grin::before {
10582 content: "\f580";
10585 .fa-delete-left::before {
10586 content: "\f55a";
10589 .fa-backspace::before {
10590 content: "\f55a";
10593 .fa-eye-dropper::before {
10594 content: "\f1fb";
10597 .fa-eye-dropper-empty::before {
10598 content: "\f1fb";
10601 .fa-eyedropper::before {
10602 content: "\f1fb";
10605 .fa-file-circle-check::before {
10606 content: "\e5a0";
10609 .fa-forward::before {
10610 content: "\f04e";
10613 .fa-mobile::before {
10614 content: "\f3ce";
10617 .fa-mobile-android::before {
10618 content: "\f3ce";
10621 .fa-mobile-phone::before {
10622 content: "\f3ce";
10625 .fa-face-meh::before {
10626 content: "\f11a";
10629 .fa-meh::before {
10630 content: "\f11a";
10633 .fa-align-center::before {
10634 content: "\f037";
10637 .fa-book-skull::before {
10638 content: "\f6b7";
10641 .fa-book-dead::before {
10642 content: "\f6b7";
10645 .fa-id-card::before {
10646 content: "\f2c2";
10649 .fa-drivers-license::before {
10650 content: "\f2c2";
10653 .fa-outdent::before {
10654 content: "\f03b";
10657 .fa-dedent::before {
10658 content: "\f03b";
10661 .fa-heart-circle-exclamation::before {
10662 content: "\e4fe";
10665 .fa-house::before {
10666 content: "\f015";
10669 .fa-home::before {
10670 content: "\f015";
10673 .fa-home-alt::before {
10674 content: "\f015";
10677 .fa-home-lg-alt::before {
10678 content: "\f015";
10681 .fa-calendar-week::before {
10682 content: "\f784";
10685 .fa-laptop-medical::before {
10686 content: "\f812";
10689 .fa-b::before {
10690 content: "B";
10693 .fa-file-medical::before {
10694 content: "\f477";
10697 .fa-dice-one::before {
10698 content: "\f525";
10701 .fa-kiwi-bird::before {
10702 content: "\f535";
10705 .fa-arrow-right-arrow-left::before {
10706 content: "\f0ec";
10709 .fa-exchange::before {
10710 content: "\f0ec";
10713 .fa-rotate-right::before {
10714 content: "\f2f9";
10717 .fa-redo-alt::before {
10718 content: "\f2f9";
10721 .fa-rotate-forward::before {
10722 content: "\f2f9";
10725 .fa-utensils::before {
10726 content: "\f2e7";
10729 .fa-cutlery::before {
10730 content: "\f2e7";
10733 .fa-arrow-up-wide-short::before {
10734 content: "\f161";
10737 .fa-sort-amount-up::before {
10738 content: "\f161";
10741 .fa-mill-sign::before {
10742 content: "\e1ed";
10745 .fa-bowl-rice::before {
10746 content: "\e2eb";
10749 .fa-skull::before {
10750 content: "\f54c";
10753 .fa-tower-broadcast::before {
10754 content: "\f519";
10757 .fa-broadcast-tower::before {
10758 content: "\f519";
10761 .fa-truck-pickup::before {
10762 content: "\f63c";
10765 .fa-up-long::before {
10766 content: "\f30c";
10769 .fa-long-arrow-alt-up::before {
10770 content: "\f30c";
10773 .fa-stop::before {
10774 content: "\f04d";
10777 .fa-code-merge::before {
10778 content: "\f387";
10781 .fa-upload::before {
10782 content: "\f093";
10785 .fa-hurricane::before {
10786 content: "\f751";
10789 .fa-mound::before {
10790 content: "\e52d";
10793 .fa-toilet-portable::before {
10794 content: "\e583";
10797 .fa-compact-disc::before {
10798 content: "\f51f";
10801 .fa-file-arrow-down::before {
10802 content: "\f56d";
10805 .fa-file-download::before {
10806 content: "\f56d";
10809 .fa-caravan::before {
10810 content: "\f8ff";
10813 .fa-shield-cat::before {
10814 content: "\e572";
10817 .fa-bolt::before {
10818 content: "\f0e7";
10821 .fa-zap::before {
10822 content: "\f0e7";
10825 .fa-glass-water::before {
10826 content: "\e4f4";
10829 .fa-oil-well::before {
10830 content: "\e532";
10833 .fa-vault::before {
10834 content: "\e2c5";
10837 .fa-mars::before {
10838 content: "\f222";
10841 .fa-toilet::before {
10842 content: "\f7d8";
10845 .fa-plane-circle-xmark::before {
10846 content: "\e557";
10849 .fa-yen-sign::before {
10850 content: "\f157";
10853 .fa-cny::before {
10854 content: "\f157";
10857 .fa-jpy::before {
10858 content: "\f157";
10861 .fa-rmb::before {
10862 content: "\f157";
10865 .fa-yen::before {
10866 content: "\f157";
10869 .fa-ruble-sign::before {
10870 content: "\f158";
10873 .fa-rouble::before {
10874 content: "\f158";
10877 .fa-rub::before {
10878 content: "\f158";
10881 .fa-ruble::before {
10882 content: "\f158";
10885 .fa-sun::before {
10886 content: "\f185";
10889 .fa-guitar::before {
10890 content: "\f7a6";
10893 .fa-face-laugh-wink::before {
10894 content: "\f59c";
10897 .fa-laugh-wink::before {
10898 content: "\f59c";
10901 .fa-horse-head::before {
10902 content: "\f7ab";
10905 .fa-bore-hole::before {
10906 content: "\e4c3";
10909 .fa-industry::before {
10910 content: "\f275";
10913 .fa-circle-down::before {
10914 content: "\f358";
10917 .fa-arrow-alt-circle-down::before {
10918 content: "\f358";
10921 .fa-arrows-turn-to-dots::before {
10922 content: "\e4c1";
10925 .fa-florin-sign::before {
10926 content: "\e184";
10929 .fa-arrow-down-short-wide::before {
10930 content: "\f884";
10933 .fa-sort-amount-desc::before {
10934 content: "\f884";
10937 .fa-sort-amount-down-alt::before {
10938 content: "\f884";
10941 .fa-less-than::before {
10942 content: "\<";
10945 .fa-angle-down::before {
10946 content: "\f107";
10949 .fa-car-tunnel::before {
10950 content: "\e4de";
10953 .fa-head-side-cough::before {
10954 content: "\e061";
10957 .fa-grip-lines::before {
10958 content: "\f7a4";
10961 .fa-thumbs-down::before {
10962 content: "\f165";
10965 .fa-user-lock::before {
10966 content: "\f502";
10969 .fa-arrow-right-long::before {
10970 content: "\f178";
10973 .fa-long-arrow-right::before {
10974 content: "\f178";
10977 .fa-anchor-circle-xmark::before {
10978 content: "\e4ac";
10981 .fa-ellipsis::before {
10982 content: "\f141";
10985 .fa-ellipsis-h::before {
10986 content: "\f141";
10989 .fa-chess-pawn::before {
10990 content: "\f443";
10993 .fa-kit-medical::before {
10994 content: "\f479";
10997 .fa-first-aid::before {
10998 content: "\f479";
11001 .fa-person-through-window::before {
11002 content: "\e5a9";
11005 .fa-toolbox::before {
11006 content: "\f552";
11009 .fa-hands-holding-circle::before {
11010 content: "\e4fb";
11013 .fa-bug::before {
11014 content: "\f188";
11017 .fa-credit-card::before {
11018 content: "\f09d";
11021 .fa-credit-card-alt::before {
11022 content: "\f09d";
11025 .fa-car::before {
11026 content: "\f1b9";
11029 .fa-automobile::before {
11030 content: "\f1b9";
11033 .fa-hand-holding-hand::before {
11034 content: "\e4f7";
11037 .fa-book-open-reader::before {
11038 content: "\f5da";
11041 .fa-book-reader::before {
11042 content: "\f5da";
11045 .fa-mountain-sun::before {
11046 content: "\e52f";
11049 .fa-arrows-left-right-to-line::before {
11050 content: "\e4ba";
11053 .fa-dice-d20::before {
11054 content: "\f6cf";
11057 .fa-truck-droplet::before {
11058 content: "\e58c";
11061 .fa-file-circle-xmark::before {
11062 content: "\e5a1";
11065 .fa-temperature-arrow-up::before {
11066 content: "\e040";
11069 .fa-temperature-up::before {
11070 content: "\e040";
11073 .fa-medal::before {
11074 content: "\f5a2";
11077 .fa-bed::before {
11078 content: "\f236";
11081 .fa-square-h::before {
11082 content: "\f0fd";
11085 .fa-h-square::before {
11086 content: "\f0fd";
11089 .fa-podcast::before {
11090 content: "\f2ce";
11093 .fa-temperature-full::before {
11094 content: "\f2c7";
11097 .fa-temperature-4::before {
11098 content: "\f2c7";
11101 .fa-thermometer-4::before {
11102 content: "\f2c7";
11105 .fa-thermometer-full::before {
11106 content: "\f2c7";
11109 .fa-bell::before {
11110 content: "\f0f3";
11113 .fa-superscript::before {
11114 content: "\f12b";
11117 .fa-plug-circle-xmark::before {
11118 content: "\e560";
11121 .fa-star-of-life::before {
11122 content: "\f621";
11125 .fa-phone-slash::before {
11126 content: "\f3dd";
11129 .fa-paint-roller::before {
11130 content: "\f5aa";
11133 .fa-handshake-angle::before {
11134 content: "\f4c4";
11137 .fa-hands-helping::before {
11138 content: "\f4c4";
11141 .fa-location-dot::before {
11142 content: "\f3c5";
11145 .fa-map-marker-alt::before {
11146 content: "\f3c5";
11149 .fa-file::before {
11150 content: "\f15b";
11153 .fa-greater-than::before {
11154 content: "\>";
11157 .fa-person-swimming::before {
11158 content: "\f5c4";
11161 .fa-swimmer::before {
11162 content: "\f5c4";
11165 .fa-arrow-down::before {
11166 content: "\f063";
11169 .fa-droplet::before {
11170 content: "\f043";
11173 .fa-tint::before {
11174 content: "\f043";
11177 .fa-eraser::before {
11178 content: "\f12d";
11181 .fa-earth-americas::before {
11182 content: "\f57d";
11185 .fa-earth::before {
11186 content: "\f57d";
11189 .fa-earth-america::before {
11190 content: "\f57d";
11193 .fa-globe-americas::before {
11194 content: "\f57d";
11197 .fa-person-burst::before {
11198 content: "\e53b";
11201 .fa-dove::before {
11202 content: "\f4ba";
11205 .fa-battery-empty::before {
11206 content: "\f244";
11209 .fa-battery-0::before {
11210 content: "\f244";
11213 .fa-socks::before {
11214 content: "\f696";
11217 .fa-inbox::before {
11218 content: "\f01c";
11221 .fa-section::before {
11222 content: "\e447";
11225 .fa-gauge-high::before {
11226 content: "\f625";
11229 .fa-tachometer-alt::before {
11230 content: "\f625";
11233 .fa-tachometer-alt-fast::before {
11234 content: "\f625";
11237 .fa-envelope-open-text::before {
11238 content: "\f658";
11241 .fa-hospital::before {
11242 content: "\f0f8";
11245 .fa-hospital-alt::before {
11246 content: "\f0f8";
11249 .fa-hospital-wide::before {
11250 content: "\f0f8";
11253 .fa-wine-bottle::before {
11254 content: "\f72f";
11257 .fa-chess-rook::before {
11258 content: "\f447";
11261 .fa-bars-staggered::before {
11262 content: "\f550";
11265 .fa-reorder::before {
11266 content: "\f550";
11269 .fa-stream::before {
11270 content: "\f550";
11273 .fa-dharmachakra::before {
11274 content: "\f655";
11277 .fa-hotdog::before {
11278 content: "\f80f";
11281 .fa-person-walking-with-cane::before {
11282 content: "\f29d";
11285 .fa-blind::before {
11286 content: "\f29d";
11289 .fa-drum::before {
11290 content: "\f569";
11293 .fa-ice-cream::before {
11294 content: "\f810";
11297 .fa-heart-circle-bolt::before {
11298 content: "\e4fc";
11301 .fa-fax::before {
11302 content: "\f1ac";
11305 .fa-paragraph::before {
11306 content: "\f1dd";
11309 .fa-check-to-slot::before {
11310 content: "\f772";
11313 .fa-vote-yea::before {
11314 content: "\f772";
11317 .fa-star-half::before {
11318 content: "\f089";
11321 .fa-boxes-stacked::before {
11322 content: "\f468";
11325 .fa-boxes::before {
11326 content: "\f468";
11329 .fa-boxes-alt::before {
11330 content: "\f468";
11333 .fa-link::before {
11334 content: "\f0c1";
11337 .fa-chain::before {
11338 content: "\f0c1";
11341 .fa-ear-listen::before {
11342 content: "\f2a2";
11345 .fa-assistive-listening-systems::before {
11346 content: "\f2a2";
11349 .fa-tree-city::before {
11350 content: "\e587";
11353 .fa-play::before {
11354 content: "\f04b";
11357 .fa-font::before {
11358 content: "\f031";
11361 .fa-rupiah-sign::before {
11362 content: "\e23d";
11365 .fa-magnifying-glass::before {
11366 content: "\f002";
11369 .fa-search::before {
11370 content: "\f002";
11373 .fa-table-tennis-paddle-ball::before {
11374 content: "\f45d";
11377 .fa-ping-pong-paddle-ball::before {
11378 content: "\f45d";
11381 .fa-table-tennis::before {
11382 content: "\f45d";
11385 .fa-person-dots-from-line::before {
11386 content: "\f470";
11389 .fa-diagnoses::before {
11390 content: "\f470";
11393 .fa-trash-can-arrow-up::before {
11394 content: "\f82a";
11397 .fa-trash-restore-alt::before {
11398 content: "\f82a";
11401 .fa-naira-sign::before {
11402 content: "\e1f6";
11405 .fa-cart-arrow-down::before {
11406 content: "\f218";
11409 .fa-walkie-talkie::before {
11410 content: "\f8ef";
11413 .fa-file-pen::before {
11414 content: "\f31c";
11417 .fa-file-edit::before {
11418 content: "\f31c";
11421 .fa-receipt::before {
11422 content: "\f543";
11425 .fa-square-pen::before {
11426 content: "\f14b";
11429 .fa-pen-square::before {
11430 content: "\f14b";
11433 .fa-pencil-square::before {
11434 content: "\f14b";
11437 .fa-suitcase-rolling::before {
11438 content: "\f5c1";
11441 .fa-person-circle-exclamation::before {
11442 content: "\e53f";
11445 .fa-chevron-down::before {
11446 content: "\f078";
11449 .fa-battery-full::before {
11450 content: "\f240";
11453 .fa-battery::before {
11454 content: "\f240";
11457 .fa-battery-5::before {
11458 content: "\f240";
11461 .fa-skull-crossbones::before {
11462 content: "\f714";
11465 .fa-code-compare::before {
11466 content: "\e13a";
11469 .fa-list-ul::before {
11470 content: "\f0ca";
11473 .fa-list-dots::before {
11474 content: "\f0ca";
11477 .fa-school-lock::before {
11478 content: "\e56f";
11481 .fa-tower-cell::before {
11482 content: "\e585";
11485 .fa-down-long::before {
11486 content: "\f309";
11489 .fa-long-arrow-alt-down::before {
11490 content: "\f309";
11493 .fa-ranking-star::before {
11494 content: "\e561";
11497 .fa-chess-king::before {
11498 content: "\f43f";
11501 .fa-person-harassing::before {
11502 content: "\e549";
11505 .fa-brazilian-real-sign::before {
11506 content: "\e46c";
11509 .fa-landmark-dome::before {
11510 content: "\f752";
11513 .fa-landmark-alt::before {
11514 content: "\f752";
11517 .fa-arrow-up::before {
11518 content: "\f062";
11521 .fa-tv::before {
11522 content: "\f26c";
11525 .fa-television::before {
11526 content: "\f26c";
11529 .fa-tv-alt::before {
11530 content: "\f26c";
11533 .fa-shrimp::before {
11534 content: "\e448";
11537 .fa-list-check::before {
11538 content: "\f0ae";
11541 .fa-tasks::before {
11542 content: "\f0ae";
11545 .fa-jug-detergent::before {
11546 content: "\e519";
11549 .fa-circle-user::before {
11550 content: "\f2bd";
11553 .fa-user-circle::before {
11554 content: "\f2bd";
11557 .fa-user-shield::before {
11558 content: "\f505";
11561 .fa-wind::before {
11562 content: "\f72e";
11565 .fa-car-burst::before {
11566 content: "\f5e1";
11569 .fa-car-crash::before {
11570 content: "\f5e1";
11573 .fa-y::before {
11574 content: "Y";
11577 .fa-person-snowboarding::before {
11578 content: "\f7ce";
11581 .fa-snowboarding::before {
11582 content: "\f7ce";
11585 .fa-truck-fast::before {
11586 content: "\f48b";
11589 .fa-shipping-fast::before {
11590 content: "\f48b";
11593 .fa-fish::before {
11594 content: "\f578";
11597 .fa-user-graduate::before {
11598 content: "\f501";
11601 .fa-circle-half-stroke::before {
11602 content: "\f042";
11605 .fa-adjust::before {
11606 content: "\f042";
11609 .fa-clapperboard::before {
11610 content: "\e131";
11613 .fa-circle-radiation::before {
11614 content: "\f7ba";
11617 .fa-radiation-alt::before {
11618 content: "\f7ba";
11621 .fa-baseball::before {
11622 content: "\f433";
11625 .fa-baseball-ball::before {
11626 content: "\f433";
11629 .fa-jet-fighter-up::before {
11630 content: "\e518";
11633 .fa-diagram-project::before {
11634 content: "\f542";
11637 .fa-project-diagram::before {
11638 content: "\f542";
11641 .fa-copy::before {
11642 content: "\f0c5";
11645 .fa-volume-xmark::before {
11646 content: "\f6a9";
11649 .fa-volume-mute::before {
11650 content: "\f6a9";
11653 .fa-volume-times::before {
11654 content: "\f6a9";
11657 .fa-hand-sparkles::before {
11658 content: "\e05d";
11661 .fa-grip::before {
11662 content: "\f58d";
11665 .fa-grip-horizontal::before {
11666 content: "\f58d";
11669 .fa-share-from-square::before {
11670 content: "\f14d";
11673 .fa-share-square::before {
11674 content: "\f14d";
11677 .fa-child-combatant::before {
11678 content: "\e4e0";
11681 .fa-child-rifle::before {
11682 content: "\e4e0";
11685 .fa-gun::before {
11686 content: "\e19b";
11689 .fa-square-phone::before {
11690 content: "\f098";
11693 .fa-phone-square::before {
11694 content: "\f098";
11697 .fa-plus::before {
11698 content: "\+";
11701 .fa-add::before {
11702 content: "\+";
11705 .fa-expand::before {
11706 content: "\f065";
11709 .fa-computer::before {
11710 content: "\e4e5";
11713 .fa-xmark::before {
11714 content: "\f00d";
11717 .fa-close::before {
11718 content: "\f00d";
11721 .fa-multiply::before {
11722 content: "\f00d";
11725 .fa-remove::before {
11726 content: "\f00d";
11729 .fa-times::before {
11730 content: "\f00d";
11733 .fa-arrows-up-down-left-right::before {
11734 content: "\f047";
11737 .fa-arrows::before {
11738 content: "\f047";
11741 .fa-chalkboard-user::before {
11742 content: "\f51c";
11745 .fa-chalkboard-teacher::before {
11746 content: "\f51c";
11749 .fa-peso-sign::before {
11750 content: "\e222";
11753 .fa-building-shield::before {
11754 content: "\e4d8";
11757 .fa-baby::before {
11758 content: "\f77c";
11761 .fa-users-line::before {
11762 content: "\e592";
11765 .fa-quote-left::before {
11766 content: "\f10d";
11769 .fa-quote-left-alt::before {
11770 content: "\f10d";
11773 .fa-tractor::before {
11774 content: "\f722";
11777 .fa-trash-arrow-up::before {
11778 content: "\f829";
11781 .fa-trash-restore::before {
11782 content: "\f829";
11785 .fa-arrow-down-up-lock::before {
11786 content: "\e4b0";
11789 .fa-lines-leaning::before {
11790 content: "\e51e";
11793 .fa-ruler-combined::before {
11794 content: "\f546";
11797 .fa-copyright::before {
11798 content: "\f1f9";
11801 .fa-equals::before {
11802 content: "\=";
11805 .fa-blender::before {
11806 content: "\f517";
11809 .fa-teeth::before {
11810 content: "\f62e";
11813 .fa-shekel-sign::before {
11814 content: "\f20b";
11817 .fa-ils::before {
11818 content: "\f20b";
11821 .fa-shekel::before {
11822 content: "\f20b";
11825 .fa-sheqel::before {
11826 content: "\f20b";
11829 .fa-sheqel-sign::before {
11830 content: "\f20b";
11833 .fa-map::before {
11834 content: "\f279";
11837 .fa-rocket::before {
11838 content: "\f135";
11841 .fa-photo-film::before {
11842 content: "\f87c";
11845 .fa-photo-video::before {
11846 content: "\f87c";
11849 .fa-folder-minus::before {
11850 content: "\f65d";
11853 .fa-store::before {
11854 content: "\f54e";
11857 .fa-arrow-trend-up::before {
11858 content: "\e098";
11861 .fa-plug-circle-minus::before {
11862 content: "\e55e";
11865 .fa-sign-hanging::before {
11866 content: "\f4d9";
11869 .fa-sign::before {
11870 content: "\f4d9";
11873 .fa-bezier-curve::before {
11874 content: "\f55b";
11877 .fa-bell-slash::before {
11878 content: "\f1f6";
11881 .fa-tablet::before {
11882 content: "\f3fb";
11885 .fa-tablet-android::before {
11886 content: "\f3fb";
11889 .fa-school-flag::before {
11890 content: "\e56e";
11893 .fa-fill::before {
11894 content: "\f575";
11897 .fa-angle-up::before {
11898 content: "\f106";
11901 .fa-drumstick-bite::before {
11902 content: "\f6d7";
11905 .fa-holly-berry::before {
11906 content: "\f7aa";
11909 .fa-chevron-left::before {
11910 content: "\f053";
11913 .fa-bacteria::before {
11914 content: "\e059";
11917 .fa-hand-lizard::before {
11918 content: "\f258";
11921 .fa-notdef::before {
11922 content: "\e1fe";
11925 .fa-disease::before {
11926 content: "\f7fa";
11929 .fa-briefcase-medical::before {
11930 content: "\f469";
11933 .fa-genderless::before {
11934 content: "\f22d";
11937 .fa-chevron-right::before {
11938 content: "\f054";
11941 .fa-retweet::before {
11942 content: "\f079";
11945 .fa-car-rear::before {
11946 content: "\f5de";
11949 .fa-car-alt::before {
11950 content: "\f5de";
11953 .fa-pump-soap::before {
11954 content: "\e06b";
11957 .fa-video-slash::before {
11958 content: "\f4e2";
11961 .fa-battery-quarter::before {
11962 content: "\f243";
11965 .fa-battery-2::before {
11966 content: "\f243";
11969 .fa-radio::before {
11970 content: "\f8d7";
11973 .fa-baby-carriage::before {
11974 content: "\f77d";
11977 .fa-carriage-baby::before {
11978 content: "\f77d";
11981 .fa-traffic-light::before {
11982 content: "\f637";
11985 .fa-thermometer::before {
11986 content: "\f491";
11989 .fa-vr-cardboard::before {
11990 content: "\f729";
11993 .fa-hand-middle-finger::before {
11994 content: "\f806";
11997 .fa-percent::before {
11998 content: "\%";
12001 .fa-percentage::before {
12002 content: "\%";
12005 .fa-truck-moving::before {
12006 content: "\f4df";
12009 .fa-glass-water-droplet::before {
12010 content: "\e4f5";
12013 .fa-display::before {
12014 content: "\e163";
12017 .fa-face-smile::before {
12018 content: "\f118";
12021 .fa-smile::before {
12022 content: "\f118";
12025 .fa-thumbtack::before {
12026 content: "\f08d";
12029 .fa-thumb-tack::before {
12030 content: "\f08d";
12033 .fa-trophy::before {
12034 content: "\f091";
12037 .fa-person-praying::before {
12038 content: "\f683";
12041 .fa-pray::before {
12042 content: "\f683";
12045 .fa-hammer::before {
12046 content: "\f6e3";
12049 .fa-hand-peace::before {
12050 content: "\f25b";
12053 .fa-rotate::before {
12054 content: "\f2f1";
12057 .fa-sync-alt::before {
12058 content: "\f2f1";
12061 .fa-spinner::before {
12062 content: "\f110";
12065 .fa-robot::before {
12066 content: "\f544";
12069 .fa-peace::before {
12070 content: "\f67c";
12073 .fa-gears::before {
12074 content: "\f085";
12077 .fa-cogs::before {
12078 content: "\f085";
12081 .fa-warehouse::before {
12082 content: "\f494";
12085 .fa-arrow-up-right-dots::before {
12086 content: "\e4b7";
12089 .fa-splotch::before {
12090 content: "\f5bc";
12093 .fa-face-grin-hearts::before {
12094 content: "\f584";
12097 .fa-grin-hearts::before {
12098 content: "\f584";
12101 .fa-dice-four::before {
12102 content: "\f524";
12105 .fa-sim-card::before {
12106 content: "\f7c4";
12109 .fa-transgender::before {
12110 content: "\f225";
12113 .fa-transgender-alt::before {
12114 content: "\f225";
12117 .fa-mercury::before {
12118 content: "\f223";
12121 .fa-arrow-turn-down::before {
12122 content: "\f149";
12125 .fa-level-down::before {
12126 content: "\f149";
12129 .fa-person-falling-burst::before {
12130 content: "\e547";
12133 .fa-award::before {
12134 content: "\f559";
12137 .fa-ticket-simple::before {
12138 content: "\f3ff";
12141 .fa-ticket-alt::before {
12142 content: "\f3ff";
12145 .fa-building::before {
12146 content: "\f1ad";
12149 .fa-angles-left::before {
12150 content: "\f100";
12153 .fa-angle-double-left::before {
12154 content: "\f100";
12157 .fa-qrcode::before {
12158 content: "\f029";
12161 .fa-clock-rotate-left::before {
12162 content: "\f1da";
12165 .fa-history::before {
12166 content: "\f1da";
12169 .fa-face-grin-beam-sweat::before {
12170 content: "\f583";
12173 .fa-grin-beam-sweat::before {
12174 content: "\f583";
12177 .fa-file-export::before {
12178 content: "\f56e";
12181 .fa-arrow-right-from-file::before {
12182 content: "\f56e";
12185 .fa-shield::before {
12186 content: "\f132";
12189 .fa-shield-blank::before {
12190 content: "\f132";
12193 .fa-arrow-up-short-wide::before {
12194 content: "\f885";
12197 .fa-sort-amount-up-alt::before {
12198 content: "\f885";
12201 .fa-house-medical::before {
12202 content: "\e3b2";
12205 .fa-golf-ball-tee::before {
12206 content: "\f450";
12209 .fa-golf-ball::before {
12210 content: "\f450";
12213 .fa-circle-chevron-left::before {
12214 content: "\f137";
12217 .fa-chevron-circle-left::before {
12218 content: "\f137";
12221 .fa-house-chimney-window::before {
12222 content: "\e00d";
12225 .fa-pen-nib::before {
12226 content: "\f5ad";
12229 .fa-tent-arrow-turn-left::before {
12230 content: "\e580";
12233 .fa-tents::before {
12234 content: "\e582";
12237 .fa-wand-magic::before {
12238 content: "\f0d0";
12241 .fa-magic::before {
12242 content: "\f0d0";
12245 .fa-dog::before {
12246 content: "\f6d3";
12249 .fa-carrot::before {
12250 content: "\f787";
12253 .fa-moon::before {
12254 content: "\f186";
12257 .fa-wine-glass-empty::before {
12258 content: "\f5ce";
12261 .fa-wine-glass-alt::before {
12262 content: "\f5ce";
12265 .fa-cheese::before {
12266 content: "\f7ef";
12269 .fa-yin-yang::before {
12270 content: "\f6ad";
12273 .fa-music::before {
12274 content: "\f001";
12277 .fa-code-commit::before {
12278 content: "\f386";
12281 .fa-temperature-low::before {
12282 content: "\f76b";
12285 .fa-person-biking::before {
12286 content: "\f84a";
12289 .fa-biking::before {
12290 content: "\f84a";
12293 .fa-broom::before {
12294 content: "\f51a";
12297 .fa-shield-heart::before {
12298 content: "\e574";
12301 .fa-gopuram::before {
12302 content: "\f664";
12305 .fa-earth-oceania::before {
12306 content: "\e47b";
12309 .fa-globe-oceania::before {
12310 content: "\e47b";
12313 .fa-square-xmark::before {
12314 content: "\f2d3";
12317 .fa-times-square::before {
12318 content: "\f2d3";
12321 .fa-xmark-square::before {
12322 content: "\f2d3";
12325 .fa-hashtag::before {
12326 content: "\#";
12329 .fa-up-right-and-down-left-from-center::before {
12330 content: "\f424";
12333 .fa-expand-alt::before {
12334 content: "\f424";
12337 .fa-oil-can::before {
12338 content: "\f613";
12341 .fa-t::before {
12342 content: "T";
12345 .fa-hippo::before {
12346 content: "\f6ed";
12349 .fa-chart-column::before {
12350 content: "\e0e3";
12353 .fa-infinity::before {
12354 content: "\f534";
12357 .fa-vial-circle-check::before {
12358 content: "\e596";
12361 .fa-person-arrow-down-to-line::before {
12362 content: "\e538";
12365 .fa-voicemail::before {
12366 content: "\f897";
12369 .fa-fan::before {
12370 content: "\f863";
12373 .fa-person-walking-luggage::before {
12374 content: "\e554";
12377 .fa-up-down::before {
12378 content: "\f338";
12381 .fa-arrows-alt-v::before {
12382 content: "\f338";
12385 .fa-cloud-moon-rain::before {
12386 content: "\f73c";
12389 .fa-calendar::before {
12390 content: "\f133";
12393 .fa-trailer::before {
12394 content: "\e041";
12397 .fa-bahai::before {
12398 content: "\f666";
12401 .fa-haykal::before {
12402 content: "\f666";
12405 .fa-sd-card::before {
12406 content: "\f7c2";
12409 .fa-dragon::before {
12410 content: "\f6d5";
12413 .fa-shoe-prints::before {
12414 content: "\f54b";
12417 .fa-circle-plus::before {
12418 content: "\f055";
12421 .fa-plus-circle::before {
12422 content: "\f055";
12425 .fa-face-grin-tongue-wink::before {
12426 content: "\f58b";
12429 .fa-grin-tongue-wink::before {
12430 content: "\f58b";
12433 .fa-hand-holding::before {
12434 content: "\f4bd";
12437 .fa-plug-circle-exclamation::before {
12438 content: "\e55d";
12441 .fa-link-slash::before {
12442 content: "\f127";
12445 .fa-chain-broken::before {
12446 content: "\f127";
12449 .fa-chain-slash::before {
12450 content: "\f127";
12453 .fa-unlink::before {
12454 content: "\f127";
12457 .fa-clone::before {
12458 content: "\f24d";
12461 .fa-person-walking-arrow-loop-left::before {
12462 content: "\e551";
12465 .fa-arrow-up-z-a::before {
12466 content: "\f882";
12469 .fa-sort-alpha-up-alt::before {
12470 content: "\f882";
12473 .fa-fire-flame-curved::before {
12474 content: "\f7e4";
12477 .fa-fire-alt::before {
12478 content: "\f7e4";
12481 .fa-tornado::before {
12482 content: "\f76f";
12485 .fa-file-circle-plus::before {
12486 content: "\e494";
12489 .fa-book-quran::before {
12490 content: "\f687";
12493 .fa-quran::before {
12494 content: "\f687";
12497 .fa-anchor::before {
12498 content: "\f13d";
12501 .fa-border-all::before {
12502 content: "\f84c";
12505 .fa-face-angry::before {
12506 content: "\f556";
12509 .fa-angry::before {
12510 content: "\f556";
12513 .fa-cookie-bite::before {
12514 content: "\f564";
12517 .fa-arrow-trend-down::before {
12518 content: "\e097";
12521 .fa-rss::before {
12522 content: "\f09e";
12525 .fa-feed::before {
12526 content: "\f09e";
12529 .fa-draw-polygon::before {
12530 content: "\f5ee";
12533 .fa-scale-balanced::before {
12534 content: "\f24e";
12537 .fa-balance-scale::before {
12538 content: "\f24e";
12541 .fa-gauge-simple-high::before {
12542 content: "\f62a";
12545 .fa-tachometer::before {
12546 content: "\f62a";
12549 .fa-tachometer-fast::before {
12550 content: "\f62a";
12553 .fa-shower::before {
12554 content: "\f2cc";
12557 .fa-desktop::before {
12558 content: "\f390";
12561 .fa-desktop-alt::before {
12562 content: "\f390";
12565 .fa-m::before {
12566 content: "M";
12569 .fa-table-list::before {
12570 content: "\f00b";
12573 .fa-th-list::before {
12574 content: "\f00b";
12577 .fa-comment-sms::before {
12578 content: "\f7cd";
12581 .fa-sms::before {
12582 content: "\f7cd";
12585 .fa-book::before {
12586 content: "\f02d";
12589 .fa-user-plus::before {
12590 content: "\f234";
12593 .fa-check::before {
12594 content: "\f00c";
12597 .fa-battery-three-quarters::before {
12598 content: "\f241";
12601 .fa-battery-4::before {
12602 content: "\f241";
12605 .fa-house-circle-check::before {
12606 content: "\e509";
12609 .fa-angle-left::before {
12610 content: "\f104";
12613 .fa-diagram-successor::before {
12614 content: "\e47a";
12617 .fa-truck-arrow-right::before {
12618 content: "\e58b";
12621 .fa-arrows-split-up-and-left::before {
12622 content: "\e4bc";
12625 .fa-hand-fist::before {
12626 content: "\f6de";
12629 .fa-fist-raised::before {
12630 content: "\f6de";
12633 .fa-cloud-moon::before {
12634 content: "\f6c3";
12637 .fa-briefcase::before {
12638 content: "\f0b1";
12641 .fa-person-falling::before {
12642 content: "\e546";
12645 .fa-image-portrait::before {
12646 content: "\f3e0";
12649 .fa-portrait::before {
12650 content: "\f3e0";
12653 .fa-user-tag::before {
12654 content: "\f507";
12657 .fa-rug::before {
12658 content: "\e569";
12661 .fa-earth-europe::before {
12662 content: "\f7a2";
12665 .fa-globe-europe::before {
12666 content: "\f7a2";
12669 .fa-cart-flatbed-suitcase::before {
12670 content: "\f59d";
12673 .fa-luggage-cart::before {
12674 content: "\f59d";
12677 .fa-rectangle-xmark::before {
12678 content: "\f410";
12681 .fa-rectangle-times::before {
12682 content: "\f410";
12685 .fa-times-rectangle::before {
12686 content: "\f410";
12689 .fa-window-close::before {
12690 content: "\f410";
12693 .fa-baht-sign::before {
12694 content: "\e0ac";
12697 .fa-book-open::before {
12698 content: "\f518";
12701 .fa-book-journal-whills::before {
12702 content: "\f66a";
12705 .fa-journal-whills::before {
12706 content: "\f66a";
12709 .fa-handcuffs::before {
12710 content: "\e4f8";
12713 .fa-triangle-exclamation::before {
12714 content: "\f071";
12717 .fa-exclamation-triangle::before {
12718 content: "\f071";
12721 .fa-warning::before {
12722 content: "\f071";
12725 .fa-database::before {
12726 content: "\f1c0";
12729 .fa-share::before {
12730 content: "\f064";
12733 .fa-mail-forward::before {
12734 content: "\f064";
12737 .fa-bottle-droplet::before {
12738 content: "\e4c4";
12741 .fa-mask-face::before {
12742 content: "\e1d7";
12745 .fa-hill-rockslide::before {
12746 content: "\e508";
12749 .fa-right-left::before {
12750 content: "\f362";
12753 .fa-exchange-alt::before {
12754 content: "\f362";
12757 .fa-paper-plane::before {
12758 content: "\f1d8";
12761 .fa-road-circle-exclamation::before {
12762 content: "\e565";
12765 .fa-dungeon::before {
12766 content: "\f6d9";
12769 .fa-align-right::before {
12770 content: "\f038";
12773 .fa-money-bill-1-wave::before {
12774 content: "\f53b";
12777 .fa-money-bill-wave-alt::before {
12778 content: "\f53b";
12781 .fa-life-ring::before {
12782 content: "\f1cd";
12785 .fa-hands::before {
12786 content: "\f2a7";
12789 .fa-sign-language::before {
12790 content: "\f2a7";
12793 .fa-signing::before {
12794 content: "\f2a7";
12797 .fa-calendar-day::before {
12798 content: "\f783";
12801 .fa-water-ladder::before {
12802 content: "\f5c5";
12805 .fa-ladder-water::before {
12806 content: "\f5c5";
12809 .fa-swimming-pool::before {
12810 content: "\f5c5";
12813 .fa-arrows-up-down::before {
12814 content: "\f07d";
12817 .fa-arrows-v::before {
12818 content: "\f07d";
12821 .fa-face-grimace::before {
12822 content: "\f57f";
12825 .fa-grimace::before {
12826 content: "\f57f";
12829 .fa-wheelchair-move::before {
12830 content: "\e2ce";
12833 .fa-wheelchair-alt::before {
12834 content: "\e2ce";
12837 .fa-turn-down::before {
12838 content: "\f3be";
12841 .fa-level-down-alt::before {
12842 content: "\f3be";
12845 .fa-person-walking-arrow-right::before {
12846 content: "\e552";
12849 .fa-square-envelope::before {
12850 content: "\f199";
12853 .fa-envelope-square::before {
12854 content: "\f199";
12857 .fa-dice::before {
12858 content: "\f522";
12861 .fa-bowling-ball::before {
12862 content: "\f436";
12865 .fa-brain::before {
12866 content: "\f5dc";
12869 .fa-bandage::before {
12870 content: "\f462";
12873 .fa-band-aid::before {
12874 content: "\f462";
12877 .fa-calendar-minus::before {
12878 content: "\f272";
12881 .fa-circle-xmark::before {
12882 content: "\f057";
12885 .fa-times-circle::before {
12886 content: "\f057";
12889 .fa-xmark-circle::before {
12890 content: "\f057";
12893 .fa-gifts::before {
12894 content: "\f79c";
12897 .fa-hotel::before {
12898 content: "\f594";
12901 .fa-earth-asia::before {
12902 content: "\f57e";
12905 .fa-globe-asia::before {
12906 content: "\f57e";
12909 .fa-id-card-clip::before {
12910 content: "\f47f";
12913 .fa-id-card-alt::before {
12914 content: "\f47f";
12917 .fa-magnifying-glass-plus::before {
12918 content: "\f00e";
12921 .fa-search-plus::before {
12922 content: "\f00e";
12925 .fa-thumbs-up::before {
12926 content: "\f164";
12929 .fa-user-clock::before {
12930 content: "\f4fd";
12933 .fa-hand-dots::before {
12934 content: "\f461";
12937 .fa-allergies::before {
12938 content: "\f461";
12941 .fa-file-invoice::before {
12942 content: "\f570";
12945 .fa-window-minimize::before {
12946 content: "\f2d1";
12949 .fa-mug-saucer::before {
12950 content: "\f0f4";
12953 .fa-coffee::before {
12954 content: "\f0f4";
12957 .fa-brush::before {
12958 content: "\f55d";
12961 .fa-mask::before {
12962 content: "\f6fa";
12965 .fa-magnifying-glass-minus::before {
12966 content: "\f010";
12969 .fa-search-minus::before {
12970 content: "\f010";
12973 .fa-ruler-vertical::before {
12974 content: "\f548";
12977 .fa-user-large::before {
12978 content: "\f406";
12981 .fa-user-alt::before {
12982 content: "\f406";
12985 .fa-train-tram::before {
12986 content: "\e5b4";
12989 .fa-user-nurse::before {
12990 content: "\f82f";
12993 .fa-syringe::before {
12994 content: "\f48e";
12997 .fa-cloud-sun::before {
12998 content: "\f6c4";
13001 .fa-stopwatch-20::before {
13002 content: "\e06f";
13005 .fa-square-full::before {
13006 content: "\f45c";
13009 .fa-magnet::before {
13010 content: "\f076";
13013 .fa-jar::before {
13014 content: "\e516";
13017 .fa-note-sticky::before {
13018 content: "\f249";
13021 .fa-sticky-note::before {
13022 content: "\f249";
13025 .fa-bug-slash::before {
13026 content: "\e490";
13029 .fa-arrow-up-from-water-pump::before {
13030 content: "\e4b6";
13033 .fa-bone::before {
13034 content: "\f5d7";
13037 .fa-user-injured::before {
13038 content: "\f728";
13041 .fa-face-sad-tear::before {
13042 content: "\f5b4";
13045 .fa-sad-tear::before {
13046 content: "\f5b4";
13049 .fa-plane::before {
13050 content: "\f072";
13053 .fa-tent-arrows-down::before {
13054 content: "\e581";
13057 .fa-exclamation::before {
13058 content: "\!";
13061 .fa-arrows-spin::before {
13062 content: "\e4bb";
13065 .fa-print::before {
13066 content: "\f02f";
13069 .fa-turkish-lira-sign::before {
13070 content: "\e2bb";
13073 .fa-try::before {
13074 content: "\e2bb";
13077 .fa-turkish-lira::before {
13078 content: "\e2bb";
13081 .fa-dollar-sign::before {
13082 content: "\$";
13085 .fa-dollar::before {
13086 content: "\$";
13089 .fa-usd::before {
13090 content: "\$";
13093 .fa-x::before {
13094 content: "X";
13097 .fa-magnifying-glass-dollar::before {
13098 content: "\f688";
13101 .fa-search-dollar::before {
13102 content: "\f688";
13105 .fa-users-gear::before {
13106 content: "\f509";
13109 .fa-users-cog::before {
13110 content: "\f509";
13113 .fa-person-military-pointing::before {
13114 content: "\e54a";
13117 .fa-building-columns::before {
13118 content: "\f19c";
13121 .fa-bank::before {
13122 content: "\f19c";
13125 .fa-institution::before {
13126 content: "\f19c";
13129 .fa-museum::before {
13130 content: "\f19c";
13133 .fa-university::before {
13134 content: "\f19c";
13137 .fa-umbrella::before {
13138 content: "\f0e9";
13141 .fa-trowel::before {
13142 content: "\e589";
13145 .fa-d::before {
13146 content: "D";
13149 .fa-stapler::before {
13150 content: "\e5af";
13153 .fa-masks-theater::before {
13154 content: "\f630";
13157 .fa-theater-masks::before {
13158 content: "\f630";
13161 .fa-kip-sign::before {
13162 content: "\e1c4";
13165 .fa-hand-point-left::before {
13166 content: "\f0a5";
13169 .fa-handshake-simple::before {
13170 content: "\f4c6";
13173 .fa-handshake-alt::before {
13174 content: "\f4c6";
13177 .fa-jet-fighter::before {
13178 content: "\f0fb";
13181 .fa-fighter-jet::before {
13182 content: "\f0fb";
13185 .fa-square-share-nodes::before {
13186 content: "\f1e1";
13189 .fa-share-alt-square::before {
13190 content: "\f1e1";
13193 .fa-barcode::before {
13194 content: "\f02a";
13197 .fa-plus-minus::before {
13198 content: "\e43c";
13201 .fa-video::before {
13202 content: "\f03d";
13205 .fa-video-camera::before {
13206 content: "\f03d";
13209 .fa-graduation-cap::before {
13210 content: "\f19d";
13213 .fa-mortar-board::before {
13214 content: "\f19d";
13217 .fa-hand-holding-medical::before {
13218 content: "\e05c";
13221 .fa-person-circle-check::before {
13222 content: "\e53e";
13225 .fa-turn-up::before {
13226 content: "\f3bf";
13229 .fa-level-up-alt::before {
13230 content: "\f3bf";
13233 .sr-only,
13234 .fa-sr-only {
13235 position: absolute;
13236 width: 1px;
13237 height: 1px;
13238 padding: 0;
13239 margin: -1px;
13240 overflow: hidden;
13241 clip: rect(0, 0, 0, 0);
13242 white-space: nowrap;
13243 border-width: 0;
13246 .sr-only-focusable:not(:focus),
13247 .fa-sr-only-focusable:not(:focus) {
13248 position: absolute;
13249 width: 1px;
13250 height: 1px;
13251 padding: 0;
13252 margin: -1px;
13253 overflow: hidden;
13254 clip: rect(0, 0, 0, 0);
13255 white-space: nowrap;
13256 border-width: 0;
13260 * Bootstrap v4.6.2 (https://getbootstrap.com/)
13261 * Copyright 2011-2022 The Bootstrap Authors
13262 * Copyright 2011-2022 Twitter, Inc.
13263 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
13265 :root {
13266 --blue: #0f6cbf;
13267 --indigo: #6610f2;
13268 --purple: #613d7c;
13269 --pink: #e83e8c;
13270 --red: #ca3120;
13271 --orange: #f0ad4e;
13272 --yellow: #ff7518;
13273 --green: #357a32;
13274 --teal: #20c997;
13275 --cyan: #008196;
13276 --white: #fff;
13277 --gray: #6a737b;
13278 --gray-dark: #343a40;
13279 --primary: #0f6cbf;
13280 --secondary: #ced4da;
13281 --success: #357a32;
13282 --info: #008196;
13283 --warning: #f0ad4e;
13284 --danger: #ca3120;
13285 --light: #f8f9fa;
13286 --dark: #343a40;
13287 --breakpoint-xs: 0;
13288 --breakpoint-sm: 576px;
13289 --breakpoint-md: 768px;
13290 --breakpoint-lg: 992px;
13291 --breakpoint-xl: 1200px;
13292 --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";
13293 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13297 *::before,
13298 *::after {
13299 box-sizing: border-box;
13302 html {
13303 font-family: sans-serif;
13304 line-height: 1.15;
13305 -webkit-text-size-adjust: 100%;
13306 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13309 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
13310 display: block;
13313 body {
13314 margin: 0;
13315 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";
13316 font-size: 0.9375rem;
13317 font-weight: 400;
13318 line-height: 1.5;
13319 color: #1d2125;
13320 text-align: left;
13321 background-color: #fff;
13323 @media (max-width: 1200px) {
13324 body {
13325 font-size: calc(0.90375rem + 0.045vw);
13329 [tabindex="-1"]:focus:not(:focus-visible) {
13330 outline: 0 !important;
13333 hr {
13334 box-sizing: content-box;
13335 height: 0;
13336 overflow: visible;
13339 h1, h2, h3, h4, h5, h6 {
13340 margin-top: 0;
13341 margin-bottom: 0.5rem;
13345 margin-top: 0;
13346 margin-bottom: 1rem;
13349 abbr[title],
13350 abbr[data-original-title] {
13351 text-decoration: underline;
13352 text-decoration: underline dotted;
13353 cursor: help;
13354 border-bottom: 0;
13355 text-decoration-skip-ink: none;
13358 address {
13359 margin-bottom: 1rem;
13360 font-style: normal;
13361 line-height: inherit;
13366 dl {
13367 margin-top: 0;
13368 margin-bottom: 1rem;
13371 ol ol,
13372 ul ul,
13373 ol ul,
13374 ul ol {
13375 margin-bottom: 0;
13378 dt {
13379 font-weight: 700;
13382 dd {
13383 margin-bottom: 0.5rem;
13384 margin-left: 0;
13387 blockquote {
13388 margin: 0 0 1rem;
13392 strong {
13393 font-weight: bolder;
13396 small {
13397 font-size: 80%;
13400 sub,
13401 sup {
13402 position: relative;
13403 font-size: 75%;
13404 line-height: 0;
13405 vertical-align: baseline;
13408 sub {
13409 bottom: -0.25em;
13412 sup {
13413 top: -0.5em;
13417 color: #0f6cbf;
13418 text-decoration: none;
13419 background-color: transparent;
13421 a:hover {
13422 color: #094478;
13423 text-decoration: underline;
13426 a:not([href]):not([class]) {
13427 color: inherit;
13428 text-decoration: none;
13430 a:not([href]):not([class]):hover {
13431 color: inherit;
13432 text-decoration: none;
13435 pre,
13436 code,
13437 kbd,
13438 samp {
13439 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13440 font-size: 1em;
13443 pre {
13444 margin-top: 0;
13445 margin-bottom: 1rem;
13446 overflow: auto;
13447 -ms-overflow-style: scrollbar;
13450 figure {
13451 margin: 0 0 1rem;
13454 img {
13455 vertical-align: middle;
13456 border-style: none;
13459 svg {
13460 overflow: hidden;
13461 vertical-align: middle;
13464 table {
13465 border-collapse: collapse;
13468 caption {
13469 padding-top: 0.75rem;
13470 padding-bottom: 0.75rem;
13471 color: #6a737b;
13472 text-align: left;
13473 caption-side: bottom;
13476 th {
13477 text-align: inherit;
13478 text-align: -webkit-match-parent;
13481 label {
13482 display: inline-block;
13483 margin-bottom: 0.5rem;
13486 button {
13487 border-radius: 0;
13490 button:focus:not(:focus-visible) {
13491 outline: 0;
13494 input,
13495 button,
13496 select,
13497 optgroup,
13498 textarea {
13499 margin: 0;
13500 font-family: inherit;
13501 font-size: inherit;
13502 line-height: inherit;
13505 button,
13506 input {
13507 overflow: visible;
13510 button,
13511 select {
13512 text-transform: none;
13515 [role=button] {
13516 cursor: pointer;
13519 select {
13520 word-wrap: normal;
13523 button,
13524 [type=button],
13525 [type=reset],
13526 [type=submit] {
13527 -webkit-appearance: button;
13530 button:not(:disabled),
13531 [type=button]:not(:disabled),
13532 [type=reset]:not(:disabled),
13533 [type=submit]:not(:disabled) {
13534 cursor: pointer;
13537 button::-moz-focus-inner,
13538 [type=button]::-moz-focus-inner,
13539 [type=reset]::-moz-focus-inner,
13540 [type=submit]::-moz-focus-inner {
13541 padding: 0;
13542 border-style: none;
13545 input[type=radio],
13546 input[type=checkbox] {
13547 box-sizing: border-box;
13548 padding: 0;
13551 textarea {
13552 overflow: auto;
13553 resize: vertical;
13556 fieldset {
13557 min-width: 0;
13558 padding: 0;
13559 margin: 0;
13560 border: 0;
13563 legend {
13564 display: block;
13565 width: 100%;
13566 max-width: 100%;
13567 padding: 0;
13568 margin-bottom: 0.5rem;
13569 font-size: 1.5rem;
13570 line-height: inherit;
13571 color: inherit;
13572 white-space: normal;
13574 @media (max-width: 1200px) {
13575 legend {
13576 font-size: calc(0.96rem + 0.72vw);
13580 progress {
13581 vertical-align: baseline;
13584 [type=number]::-webkit-inner-spin-button,
13585 [type=number]::-webkit-outer-spin-button {
13586 height: auto;
13589 [type=search] {
13590 outline-offset: -2px;
13591 -webkit-appearance: none;
13594 [type=search]::-webkit-search-decoration {
13595 -webkit-appearance: none;
13598 ::-webkit-file-upload-button {
13599 font: inherit;
13600 -webkit-appearance: button;
13603 output {
13604 display: inline-block;
13607 summary {
13608 display: list-item;
13609 cursor: pointer;
13612 template {
13613 display: none;
13616 [hidden] {
13617 display: none !important;
13620 h1, h2, h3, h4, h5, h6,
13621 .h1, .h2, .h3, .h4, .h5, .h6 {
13622 margin-bottom: 0.5rem;
13623 font-weight: 300;
13624 line-height: 1.2;
13627 h1, .h1 {
13628 font-size: 2.34375rem;
13630 @media (max-width: 1200px) {
13631 h1, .h1 {
13632 font-size: calc(1.044375rem + 1.7325vw);
13636 h2, .h2 {
13637 font-size: 1.875rem;
13639 @media (max-width: 1200px) {
13640 h2, .h2 {
13641 font-size: calc(0.9975rem + 1.17vw);
13645 h3, .h3 {
13646 font-size: 1.640625rem;
13648 @media (max-width: 1200px) {
13649 h3, .h3 {
13650 font-size: calc(0.9740625rem + 0.88875vw);
13654 h4, .h4 {
13655 font-size: 1.40625rem;
13657 @media (max-width: 1200px) {
13658 h4, .h4 {
13659 font-size: calc(0.950625rem + 0.6075vw);
13663 h5, .h5 {
13664 font-size: 1.171875rem;
13666 @media (max-width: 1200px) {
13667 h5, .h5 {
13668 font-size: calc(0.9271875rem + 0.32625vw);
13672 h6, .h6 {
13673 font-size: 0.9375rem;
13675 @media (max-width: 1200px) {
13676 h6, .h6 {
13677 font-size: calc(0.90375rem + 0.045vw);
13681 .lead {
13682 font-size: 1.171875rem;
13683 font-weight: 300;
13685 @media (max-width: 1200px) {
13686 .lead {
13687 font-size: calc(0.9271875rem + 0.32625vw);
13691 .display-1 {
13692 font-size: 6rem;
13693 font-weight: 300;
13694 line-height: 1.2;
13696 @media (max-width: 1200px) {
13697 .display-1 {
13698 font-size: calc(1.41rem + 6.12vw);
13702 .display-2 {
13703 font-size: 5.5rem;
13704 font-weight: 300;
13705 line-height: 1.2;
13707 @media (max-width: 1200px) {
13708 .display-2 {
13709 font-size: calc(1.36rem + 5.52vw);
13713 .display-3 {
13714 font-size: 4.5rem;
13715 font-weight: 300;
13716 line-height: 1.2;
13718 @media (max-width: 1200px) {
13719 .display-3 {
13720 font-size: calc(1.26rem + 4.32vw);
13724 .display-4 {
13725 font-size: 3.5rem;
13726 font-weight: 300;
13727 line-height: 1.2;
13729 @media (max-width: 1200px) {
13730 .display-4 {
13731 font-size: calc(1.16rem + 3.12vw);
13735 hr {
13736 margin-top: 1rem;
13737 margin-bottom: 1rem;
13738 border: 0;
13739 border-top: 1px solid rgba(0, 0, 0, 0.1);
13742 small,
13743 .small {
13744 font-size: 0.875em;
13745 font-weight: 400;
13748 mark,
13749 .mark {
13750 padding: 0.2em;
13751 background-color: #fcf8e3;
13754 .list-unstyled {
13755 padding-left: 0;
13756 list-style: none;
13759 .list-inline {
13760 padding-left: 0;
13761 list-style: none;
13764 .list-inline-item {
13765 display: inline-block;
13767 .list-inline-item:not(:last-child) {
13768 margin-right: 0.5rem;
13771 .initialism {
13772 font-size: 90%;
13773 text-transform: uppercase;
13776 .blockquote {
13777 margin-bottom: 1rem;
13778 font-size: 1.171875rem;
13780 @media (max-width: 1200px) {
13781 .blockquote {
13782 font-size: calc(0.9271875rem + 0.32625vw);
13786 .blockquote-footer {
13787 display: block;
13788 font-size: 0.875em;
13789 color: #6a737b;
13791 .blockquote-footer::before {
13792 content: "— ";
13795 .img-fluid {
13796 max-width: 100%;
13797 height: auto;
13800 .img-thumbnail {
13801 padding: 0.25rem;
13802 background-color: #fff;
13803 border: 1px solid #dee2e6;
13804 border-radius: 0.25rem;
13805 max-width: 100%;
13806 height: auto;
13809 .figure {
13810 display: inline-block;
13813 .figure-img {
13814 margin-bottom: 0.5rem;
13815 line-height: 1;
13818 .figure-caption {
13819 font-size: 90%;
13820 color: #6a737b;
13823 code {
13824 font-size: 87.5%;
13825 color: #e83e8c;
13826 word-wrap: break-word;
13828 a > code {
13829 color: inherit;
13832 kbd {
13833 padding: 0.2rem 0.4rem;
13834 font-size: 87.5%;
13835 color: #fff;
13836 background-color: #1d2125;
13837 border-radius: 0.2rem;
13839 kbd kbd {
13840 padding: 0;
13841 font-size: 100%;
13842 font-weight: 700;
13845 pre {
13846 display: block;
13847 font-size: 87.5%;
13848 color: #1d2125;
13850 pre code {
13851 font-size: inherit;
13852 color: inherit;
13853 word-break: normal;
13856 .pre-scrollable {
13857 max-height: 340px;
13858 overflow-y: scroll;
13861 .container,
13862 .container-fluid,
13863 .container-xl,
13864 .container-lg,
13865 .container-md,
13866 .container-sm {
13867 width: 100%;
13868 padding-right: 15px;
13869 padding-left: 15px;
13870 margin-right: auto;
13871 margin-left: auto;
13874 @media (min-width: 576px) {
13875 .container-sm, .container {
13876 max-width: 540px;
13879 @media (min-width: 768px) {
13880 .container-md, .container-sm, .container {
13881 max-width: 720px;
13884 @media (min-width: 992px) {
13885 .container-lg, .container-md, .container-sm, .container {
13886 max-width: 960px;
13889 @media (min-width: 1200px) {
13890 .container-xl, .container-lg, .container-md, .container-sm, .container {
13891 max-width: 1140px;
13894 .row {
13895 display: flex;
13896 flex-wrap: wrap;
13897 margin-right: -15px;
13898 margin-left: -15px;
13901 .no-gutters {
13902 margin-right: 0;
13903 margin-left: 0;
13905 .no-gutters > .col,
13906 .no-gutters > [class*=col-] {
13907 padding-right: 0;
13908 padding-left: 0;
13911 .col-xl,
13912 .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,
13913 .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,
13914 .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,
13915 .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,
13916 .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 {
13917 position: relative;
13918 width: 100%;
13919 padding-right: 15px;
13920 padding-left: 15px;
13923 .col {
13924 flex-basis: 0;
13925 flex-grow: 1;
13926 max-width: 100%;
13929 .row-cols-1 > * {
13930 flex: 0 0 100%;
13931 max-width: 100%;
13934 .row-cols-2 > * {
13935 flex: 0 0 50%;
13936 max-width: 50%;
13939 .row-cols-3 > * {
13940 flex: 0 0 33.3333333333%;
13941 max-width: 33.3333333333%;
13944 .row-cols-4 > * {
13945 flex: 0 0 25%;
13946 max-width: 25%;
13949 .row-cols-5 > * {
13950 flex: 0 0 20%;
13951 max-width: 20%;
13954 .row-cols-6 > * {
13955 flex: 0 0 16.6666666667%;
13956 max-width: 16.6666666667%;
13959 .col-auto {
13960 flex: 0 0 auto;
13961 width: auto;
13962 max-width: 100%;
13965 .col-1 {
13966 flex: 0 0 8.33333333%;
13967 max-width: 8.33333333%;
13970 .col-2 {
13971 flex: 0 0 16.66666667%;
13972 max-width: 16.66666667%;
13975 .col-3 {
13976 flex: 0 0 25%;
13977 max-width: 25%;
13980 .col-4 {
13981 flex: 0 0 33.33333333%;
13982 max-width: 33.33333333%;
13985 .col-5 {
13986 flex: 0 0 41.66666667%;
13987 max-width: 41.66666667%;
13990 .col-6 {
13991 flex: 0 0 50%;
13992 max-width: 50%;
13995 .col-7 {
13996 flex: 0 0 58.33333333%;
13997 max-width: 58.33333333%;
14000 .col-8 {
14001 flex: 0 0 66.66666667%;
14002 max-width: 66.66666667%;
14005 .col-9 {
14006 flex: 0 0 75%;
14007 max-width: 75%;
14010 .col-10 {
14011 flex: 0 0 83.33333333%;
14012 max-width: 83.33333333%;
14015 .col-11 {
14016 flex: 0 0 91.66666667%;
14017 max-width: 91.66666667%;
14020 .col-12 {
14021 flex: 0 0 100%;
14022 max-width: 100%;
14025 .order-first {
14026 order: -1;
14029 .order-last {
14030 order: 13;
14033 .order-0 {
14034 order: 0;
14037 .order-1 {
14038 order: 1;
14041 .order-2 {
14042 order: 2;
14045 .order-3 {
14046 order: 3;
14049 .order-4 {
14050 order: 4;
14053 .order-5 {
14054 order: 5;
14057 .order-6 {
14058 order: 6;
14061 .order-7 {
14062 order: 7;
14065 .order-8 {
14066 order: 8;
14069 .order-9 {
14070 order: 9;
14073 .order-10 {
14074 order: 10;
14077 .order-11 {
14078 order: 11;
14081 .order-12 {
14082 order: 12;
14085 .offset-1 {
14086 margin-left: 8.33333333%;
14089 .offset-2 {
14090 margin-left: 16.66666667%;
14093 .offset-3 {
14094 margin-left: 25%;
14097 .offset-4 {
14098 margin-left: 33.33333333%;
14101 .offset-5 {
14102 margin-left: 41.66666667%;
14105 .offset-6 {
14106 margin-left: 50%;
14109 .offset-7 {
14110 margin-left: 58.33333333%;
14113 .offset-8 {
14114 margin-left: 66.66666667%;
14117 .offset-9 {
14118 margin-left: 75%;
14121 .offset-10 {
14122 margin-left: 83.33333333%;
14125 .offset-11 {
14126 margin-left: 91.66666667%;
14129 @media (min-width: 576px) {
14130 .col-sm {
14131 flex-basis: 0;
14132 flex-grow: 1;
14133 max-width: 100%;
14135 .row-cols-sm-1 > * {
14136 flex: 0 0 100%;
14137 max-width: 100%;
14139 .row-cols-sm-2 > * {
14140 flex: 0 0 50%;
14141 max-width: 50%;
14143 .row-cols-sm-3 > * {
14144 flex: 0 0 33.3333333333%;
14145 max-width: 33.3333333333%;
14147 .row-cols-sm-4 > * {
14148 flex: 0 0 25%;
14149 max-width: 25%;
14151 .row-cols-sm-5 > * {
14152 flex: 0 0 20%;
14153 max-width: 20%;
14155 .row-cols-sm-6 > * {
14156 flex: 0 0 16.6666666667%;
14157 max-width: 16.6666666667%;
14159 .col-sm-auto {
14160 flex: 0 0 auto;
14161 width: auto;
14162 max-width: 100%;
14164 .col-sm-1 {
14165 flex: 0 0 8.33333333%;
14166 max-width: 8.33333333%;
14168 .col-sm-2 {
14169 flex: 0 0 16.66666667%;
14170 max-width: 16.66666667%;
14172 .col-sm-3 {
14173 flex: 0 0 25%;
14174 max-width: 25%;
14176 .col-sm-4 {
14177 flex: 0 0 33.33333333%;
14178 max-width: 33.33333333%;
14180 .col-sm-5 {
14181 flex: 0 0 41.66666667%;
14182 max-width: 41.66666667%;
14184 .col-sm-6 {
14185 flex: 0 0 50%;
14186 max-width: 50%;
14188 .col-sm-7 {
14189 flex: 0 0 58.33333333%;
14190 max-width: 58.33333333%;
14192 .col-sm-8 {
14193 flex: 0 0 66.66666667%;
14194 max-width: 66.66666667%;
14196 .col-sm-9 {
14197 flex: 0 0 75%;
14198 max-width: 75%;
14200 .col-sm-10 {
14201 flex: 0 0 83.33333333%;
14202 max-width: 83.33333333%;
14204 .col-sm-11 {
14205 flex: 0 0 91.66666667%;
14206 max-width: 91.66666667%;
14208 .col-sm-12 {
14209 flex: 0 0 100%;
14210 max-width: 100%;
14212 .order-sm-first {
14213 order: -1;
14215 .order-sm-last {
14216 order: 13;
14218 .order-sm-0 {
14219 order: 0;
14221 .order-sm-1 {
14222 order: 1;
14224 .order-sm-2 {
14225 order: 2;
14227 .order-sm-3 {
14228 order: 3;
14230 .order-sm-4 {
14231 order: 4;
14233 .order-sm-5 {
14234 order: 5;
14236 .order-sm-6 {
14237 order: 6;
14239 .order-sm-7 {
14240 order: 7;
14242 .order-sm-8 {
14243 order: 8;
14245 .order-sm-9 {
14246 order: 9;
14248 .order-sm-10 {
14249 order: 10;
14251 .order-sm-11 {
14252 order: 11;
14254 .order-sm-12 {
14255 order: 12;
14257 .offset-sm-0 {
14258 margin-left: 0;
14260 .offset-sm-1 {
14261 margin-left: 8.33333333%;
14263 .offset-sm-2 {
14264 margin-left: 16.66666667%;
14266 .offset-sm-3 {
14267 margin-left: 25%;
14269 .offset-sm-4 {
14270 margin-left: 33.33333333%;
14272 .offset-sm-5 {
14273 margin-left: 41.66666667%;
14275 .offset-sm-6 {
14276 margin-left: 50%;
14278 .offset-sm-7 {
14279 margin-left: 58.33333333%;
14281 .offset-sm-8 {
14282 margin-left: 66.66666667%;
14284 .offset-sm-9 {
14285 margin-left: 75%;
14287 .offset-sm-10 {
14288 margin-left: 83.33333333%;
14290 .offset-sm-11 {
14291 margin-left: 91.66666667%;
14294 @media (min-width: 768px) {
14295 .col-md {
14296 flex-basis: 0;
14297 flex-grow: 1;
14298 max-width: 100%;
14300 .row-cols-md-1 > * {
14301 flex: 0 0 100%;
14302 max-width: 100%;
14304 .row-cols-md-2 > * {
14305 flex: 0 0 50%;
14306 max-width: 50%;
14308 .row-cols-md-3 > * {
14309 flex: 0 0 33.3333333333%;
14310 max-width: 33.3333333333%;
14312 .row-cols-md-4 > * {
14313 flex: 0 0 25%;
14314 max-width: 25%;
14316 .row-cols-md-5 > * {
14317 flex: 0 0 20%;
14318 max-width: 20%;
14320 .row-cols-md-6 > * {
14321 flex: 0 0 16.6666666667%;
14322 max-width: 16.6666666667%;
14324 .col-md-auto {
14325 flex: 0 0 auto;
14326 width: auto;
14327 max-width: 100%;
14329 .col-md-1 {
14330 flex: 0 0 8.33333333%;
14331 max-width: 8.33333333%;
14333 .col-md-2 {
14334 flex: 0 0 16.66666667%;
14335 max-width: 16.66666667%;
14337 .col-md-3 {
14338 flex: 0 0 25%;
14339 max-width: 25%;
14341 .col-md-4 {
14342 flex: 0 0 33.33333333%;
14343 max-width: 33.33333333%;
14345 .col-md-5 {
14346 flex: 0 0 41.66666667%;
14347 max-width: 41.66666667%;
14349 .col-md-6 {
14350 flex: 0 0 50%;
14351 max-width: 50%;
14353 .col-md-7 {
14354 flex: 0 0 58.33333333%;
14355 max-width: 58.33333333%;
14357 .col-md-8 {
14358 flex: 0 0 66.66666667%;
14359 max-width: 66.66666667%;
14361 .col-md-9 {
14362 flex: 0 0 75%;
14363 max-width: 75%;
14365 .col-md-10 {
14366 flex: 0 0 83.33333333%;
14367 max-width: 83.33333333%;
14369 .col-md-11 {
14370 flex: 0 0 91.66666667%;
14371 max-width: 91.66666667%;
14373 .col-md-12 {
14374 flex: 0 0 100%;
14375 max-width: 100%;
14377 .order-md-first {
14378 order: -1;
14380 .order-md-last {
14381 order: 13;
14383 .order-md-0 {
14384 order: 0;
14386 .order-md-1 {
14387 order: 1;
14389 .order-md-2 {
14390 order: 2;
14392 .order-md-3 {
14393 order: 3;
14395 .order-md-4 {
14396 order: 4;
14398 .order-md-5 {
14399 order: 5;
14401 .order-md-6 {
14402 order: 6;
14404 .order-md-7 {
14405 order: 7;
14407 .order-md-8 {
14408 order: 8;
14410 .order-md-9 {
14411 order: 9;
14413 .order-md-10 {
14414 order: 10;
14416 .order-md-11 {
14417 order: 11;
14419 .order-md-12 {
14420 order: 12;
14422 .offset-md-0 {
14423 margin-left: 0;
14425 .offset-md-1 {
14426 margin-left: 8.33333333%;
14428 .offset-md-2 {
14429 margin-left: 16.66666667%;
14431 .offset-md-3 {
14432 margin-left: 25%;
14434 .offset-md-4 {
14435 margin-left: 33.33333333%;
14437 .offset-md-5 {
14438 margin-left: 41.66666667%;
14440 .offset-md-6 {
14441 margin-left: 50%;
14443 .offset-md-7 {
14444 margin-left: 58.33333333%;
14446 .offset-md-8 {
14447 margin-left: 66.66666667%;
14449 .offset-md-9 {
14450 margin-left: 75%;
14452 .offset-md-10 {
14453 margin-left: 83.33333333%;
14455 .offset-md-11 {
14456 margin-left: 91.66666667%;
14459 @media (min-width: 992px) {
14460 .col-lg {
14461 flex-basis: 0;
14462 flex-grow: 1;
14463 max-width: 100%;
14465 .row-cols-lg-1 > * {
14466 flex: 0 0 100%;
14467 max-width: 100%;
14469 .row-cols-lg-2 > * {
14470 flex: 0 0 50%;
14471 max-width: 50%;
14473 .row-cols-lg-3 > * {
14474 flex: 0 0 33.3333333333%;
14475 max-width: 33.3333333333%;
14477 .row-cols-lg-4 > * {
14478 flex: 0 0 25%;
14479 max-width: 25%;
14481 .row-cols-lg-5 > * {
14482 flex: 0 0 20%;
14483 max-width: 20%;
14485 .row-cols-lg-6 > * {
14486 flex: 0 0 16.6666666667%;
14487 max-width: 16.6666666667%;
14489 .col-lg-auto {
14490 flex: 0 0 auto;
14491 width: auto;
14492 max-width: 100%;
14494 .col-lg-1 {
14495 flex: 0 0 8.33333333%;
14496 max-width: 8.33333333%;
14498 .col-lg-2 {
14499 flex: 0 0 16.66666667%;
14500 max-width: 16.66666667%;
14502 .col-lg-3 {
14503 flex: 0 0 25%;
14504 max-width: 25%;
14506 .col-lg-4 {
14507 flex: 0 0 33.33333333%;
14508 max-width: 33.33333333%;
14510 .col-lg-5 {
14511 flex: 0 0 41.66666667%;
14512 max-width: 41.66666667%;
14514 .col-lg-6 {
14515 flex: 0 0 50%;
14516 max-width: 50%;
14518 .col-lg-7 {
14519 flex: 0 0 58.33333333%;
14520 max-width: 58.33333333%;
14522 .col-lg-8 {
14523 flex: 0 0 66.66666667%;
14524 max-width: 66.66666667%;
14526 .col-lg-9 {
14527 flex: 0 0 75%;
14528 max-width: 75%;
14530 .col-lg-10 {
14531 flex: 0 0 83.33333333%;
14532 max-width: 83.33333333%;
14534 .col-lg-11 {
14535 flex: 0 0 91.66666667%;
14536 max-width: 91.66666667%;
14538 .col-lg-12 {
14539 flex: 0 0 100%;
14540 max-width: 100%;
14542 .order-lg-first {
14543 order: -1;
14545 .order-lg-last {
14546 order: 13;
14548 .order-lg-0 {
14549 order: 0;
14551 .order-lg-1 {
14552 order: 1;
14554 .order-lg-2 {
14555 order: 2;
14557 .order-lg-3 {
14558 order: 3;
14560 .order-lg-4 {
14561 order: 4;
14563 .order-lg-5 {
14564 order: 5;
14566 .order-lg-6 {
14567 order: 6;
14569 .order-lg-7 {
14570 order: 7;
14572 .order-lg-8 {
14573 order: 8;
14575 .order-lg-9 {
14576 order: 9;
14578 .order-lg-10 {
14579 order: 10;
14581 .order-lg-11 {
14582 order: 11;
14584 .order-lg-12 {
14585 order: 12;
14587 .offset-lg-0 {
14588 margin-left: 0;
14590 .offset-lg-1 {
14591 margin-left: 8.33333333%;
14593 .offset-lg-2 {
14594 margin-left: 16.66666667%;
14596 .offset-lg-3 {
14597 margin-left: 25%;
14599 .offset-lg-4 {
14600 margin-left: 33.33333333%;
14602 .offset-lg-5 {
14603 margin-left: 41.66666667%;
14605 .offset-lg-6 {
14606 margin-left: 50%;
14608 .offset-lg-7 {
14609 margin-left: 58.33333333%;
14611 .offset-lg-8 {
14612 margin-left: 66.66666667%;
14614 .offset-lg-9 {
14615 margin-left: 75%;
14617 .offset-lg-10 {
14618 margin-left: 83.33333333%;
14620 .offset-lg-11 {
14621 margin-left: 91.66666667%;
14624 @media (min-width: 1200px) {
14625 .col-xl {
14626 flex-basis: 0;
14627 flex-grow: 1;
14628 max-width: 100%;
14630 .row-cols-xl-1 > * {
14631 flex: 0 0 100%;
14632 max-width: 100%;
14634 .row-cols-xl-2 > * {
14635 flex: 0 0 50%;
14636 max-width: 50%;
14638 .row-cols-xl-3 > * {
14639 flex: 0 0 33.3333333333%;
14640 max-width: 33.3333333333%;
14642 .row-cols-xl-4 > * {
14643 flex: 0 0 25%;
14644 max-width: 25%;
14646 .row-cols-xl-5 > * {
14647 flex: 0 0 20%;
14648 max-width: 20%;
14650 .row-cols-xl-6 > * {
14651 flex: 0 0 16.6666666667%;
14652 max-width: 16.6666666667%;
14654 .col-xl-auto {
14655 flex: 0 0 auto;
14656 width: auto;
14657 max-width: 100%;
14659 .col-xl-1 {
14660 flex: 0 0 8.33333333%;
14661 max-width: 8.33333333%;
14663 .col-xl-2 {
14664 flex: 0 0 16.66666667%;
14665 max-width: 16.66666667%;
14667 .col-xl-3 {
14668 flex: 0 0 25%;
14669 max-width: 25%;
14671 .col-xl-4 {
14672 flex: 0 0 33.33333333%;
14673 max-width: 33.33333333%;
14675 .col-xl-5 {
14676 flex: 0 0 41.66666667%;
14677 max-width: 41.66666667%;
14679 .col-xl-6 {
14680 flex: 0 0 50%;
14681 max-width: 50%;
14683 .col-xl-7 {
14684 flex: 0 0 58.33333333%;
14685 max-width: 58.33333333%;
14687 .col-xl-8 {
14688 flex: 0 0 66.66666667%;
14689 max-width: 66.66666667%;
14691 .col-xl-9 {
14692 flex: 0 0 75%;
14693 max-width: 75%;
14695 .col-xl-10 {
14696 flex: 0 0 83.33333333%;
14697 max-width: 83.33333333%;
14699 .col-xl-11 {
14700 flex: 0 0 91.66666667%;
14701 max-width: 91.66666667%;
14703 .col-xl-12 {
14704 flex: 0 0 100%;
14705 max-width: 100%;
14707 .order-xl-first {
14708 order: -1;
14710 .order-xl-last {
14711 order: 13;
14713 .order-xl-0 {
14714 order: 0;
14716 .order-xl-1 {
14717 order: 1;
14719 .order-xl-2 {
14720 order: 2;
14722 .order-xl-3 {
14723 order: 3;
14725 .order-xl-4 {
14726 order: 4;
14728 .order-xl-5 {
14729 order: 5;
14731 .order-xl-6 {
14732 order: 6;
14734 .order-xl-7 {
14735 order: 7;
14737 .order-xl-8 {
14738 order: 8;
14740 .order-xl-9 {
14741 order: 9;
14743 .order-xl-10 {
14744 order: 10;
14746 .order-xl-11 {
14747 order: 11;
14749 .order-xl-12 {
14750 order: 12;
14752 .offset-xl-0 {
14753 margin-left: 0;
14755 .offset-xl-1 {
14756 margin-left: 8.33333333%;
14758 .offset-xl-2 {
14759 margin-left: 16.66666667%;
14761 .offset-xl-3 {
14762 margin-left: 25%;
14764 .offset-xl-4 {
14765 margin-left: 33.33333333%;
14767 .offset-xl-5 {
14768 margin-left: 41.66666667%;
14770 .offset-xl-6 {
14771 margin-left: 50%;
14773 .offset-xl-7 {
14774 margin-left: 58.33333333%;
14776 .offset-xl-8 {
14777 margin-left: 66.66666667%;
14779 .offset-xl-9 {
14780 margin-left: 75%;
14782 .offset-xl-10 {
14783 margin-left: 83.33333333%;
14785 .offset-xl-11 {
14786 margin-left: 91.66666667%;
14789 .table {
14790 width: 100%;
14791 margin-bottom: 1rem;
14792 color: #1d2125;
14794 .table th,
14795 .table td {
14796 padding: 0.75rem;
14797 vertical-align: top;
14798 border-top: 1px solid #dee2e6;
14800 .table thead th {
14801 vertical-align: bottom;
14802 border-bottom: 2px solid #dee2e6;
14804 .table tbody + tbody {
14805 border-top: 2px solid #dee2e6;
14808 .table-sm th,
14809 .table-sm td {
14810 padding: 0.3rem;
14813 .table-bordered {
14814 border: 1px solid #dee2e6;
14816 .table-bordered th,
14817 .table-bordered td {
14818 border: 1px solid #dee2e6;
14820 .table-bordered thead th,
14821 .table-bordered thead td {
14822 border-bottom-width: 2px;
14825 .table-borderless th,
14826 .table-borderless td,
14827 .table-borderless thead th,
14828 .table-borderless tbody + tbody {
14829 border: 0;
14832 .table-striped tbody tr:nth-of-type(odd) {
14833 background-color: rgba(0, 0, 0, 0.03);
14836 .table-hover tbody tr:hover {
14837 color: #1d2125;
14838 background-color: rgba(0, 0, 0, 0.075);
14841 .table-primary,
14842 .table-primary > th,
14843 .table-primary > td {
14844 background-color: #bcd6ed;
14846 .table-primary th,
14847 .table-primary td,
14848 .table-primary thead th,
14849 .table-primary tbody + tbody {
14850 border-color: #82b3de;
14853 .table-hover .table-primary:hover {
14854 background-color: #a8cae8;
14856 .table-hover .table-primary:hover > td,
14857 .table-hover .table-primary:hover > th {
14858 background-color: #a8cae8;
14861 .table-secondary,
14862 .table-secondary > th,
14863 .table-secondary > td {
14864 background-color: #f1f3f5;
14866 .table-secondary th,
14867 .table-secondary td,
14868 .table-secondary thead th,
14869 .table-secondary tbody + tbody {
14870 border-color: #e6e9ec;
14873 .table-hover .table-secondary:hover {
14874 background-color: #e2e6ea;
14876 .table-hover .table-secondary:hover > td,
14877 .table-hover .table-secondary:hover > th {
14878 background-color: #e2e6ea;
14881 .table-success,
14882 .table-success > th,
14883 .table-success > td {
14884 background-color: #c6dac6;
14886 .table-success th,
14887 .table-success td,
14888 .table-success thead th,
14889 .table-success tbody + tbody {
14890 border-color: #96ba94;
14893 .table-hover .table-success:hover {
14894 background-color: #b7d0b7;
14896 .table-hover .table-success:hover > td,
14897 .table-hover .table-success:hover > th {
14898 background-color: #b7d0b7;
14901 .table-info,
14902 .table-info > th,
14903 .table-info > td {
14904 background-color: #b8dce2;
14906 .table-info th,
14907 .table-info td,
14908 .table-info thead th,
14909 .table-info tbody + tbody {
14910 border-color: #7abdc8;
14913 .table-hover .table-info:hover {
14914 background-color: #a6d3db;
14916 .table-hover .table-info:hover > td,
14917 .table-hover .table-info:hover > th {
14918 background-color: #a6d3db;
14921 .table-warning,
14922 .table-warning > th,
14923 .table-warning > td {
14924 background-color: #fbe8cd;
14926 .table-warning th,
14927 .table-warning td,
14928 .table-warning thead th,
14929 .table-warning tbody + tbody {
14930 border-color: #f7d4a3;
14933 .table-hover .table-warning:hover {
14934 background-color: #f9ddb5;
14936 .table-hover .table-warning:hover > td,
14937 .table-hover .table-warning:hover > th {
14938 background-color: #f9ddb5;
14941 .table-danger,
14942 .table-danger > th,
14943 .table-danger > td {
14944 background-color: #f0c5c1;
14946 .table-danger th,
14947 .table-danger td,
14948 .table-danger thead th,
14949 .table-danger tbody + tbody {
14950 border-color: #e3948b;
14953 .table-hover .table-danger:hover {
14954 background-color: #ebb2ac;
14956 .table-hover .table-danger:hover > td,
14957 .table-hover .table-danger:hover > th {
14958 background-color: #ebb2ac;
14961 .table-light,
14962 .table-light > th,
14963 .table-light > td {
14964 background-color: #fdfdfe;
14966 .table-light th,
14967 .table-light td,
14968 .table-light thead th,
14969 .table-light tbody + tbody {
14970 border-color: #fbfcfc;
14973 .table-hover .table-light:hover {
14974 background-color: #ececf6;
14976 .table-hover .table-light:hover > td,
14977 .table-hover .table-light:hover > th {
14978 background-color: #ececf6;
14981 .table-dark,
14982 .table-dark > th,
14983 .table-dark > td {
14984 background-color: #c6c8ca;
14986 .table-dark th,
14987 .table-dark td,
14988 .table-dark thead th,
14989 .table-dark tbody + tbody {
14990 border-color: #95999c;
14993 .table-hover .table-dark:hover {
14994 background-color: #b9bbbe;
14996 .table-hover .table-dark:hover > td,
14997 .table-hover .table-dark:hover > th {
14998 background-color: #b9bbbe;
15001 .table-active,
15002 .table-active > th,
15003 .table-active > td {
15004 background-color: rgba(0, 0, 0, 0.075);
15007 .table-hover .table-active:hover {
15008 background-color: rgba(0, 0, 0, 0.075);
15010 .table-hover .table-active:hover > td,
15011 .table-hover .table-active:hover > th {
15012 background-color: rgba(0, 0, 0, 0.075);
15015 .table .thead-dark th {
15016 color: #fff;
15017 background-color: #343a40;
15018 border-color: #454d55;
15020 .table .thead-light th {
15021 color: #495057;
15022 background-color: #e9ecef;
15023 border-color: #dee2e6;
15026 .table-dark {
15027 color: #fff;
15028 background-color: #343a40;
15030 .table-dark th,
15031 .table-dark td,
15032 .table-dark thead th {
15033 border-color: #454d55;
15035 .table-dark.table-bordered {
15036 border: 0;
15038 .table-dark.table-striped tbody tr:nth-of-type(odd) {
15039 background-color: rgba(255, 255, 255, 0.05);
15041 .table-dark.table-hover tbody tr:hover {
15042 color: #fff;
15043 background-color: rgba(255, 255, 255, 0.075);
15046 @media (max-width: 575.98px) {
15047 .table-responsive-sm {
15048 display: block;
15049 width: 100%;
15050 overflow-x: auto;
15051 -webkit-overflow-scrolling: touch;
15053 .table-responsive-sm > .table-bordered {
15054 border: 0;
15057 @media (max-width: 767.98px) {
15058 .table-responsive-md {
15059 display: block;
15060 width: 100%;
15061 overflow-x: auto;
15062 -webkit-overflow-scrolling: touch;
15064 .table-responsive-md > .table-bordered {
15065 border: 0;
15068 @media (max-width: 991.98px) {
15069 .table-responsive-lg {
15070 display: block;
15071 width: 100%;
15072 overflow-x: auto;
15073 -webkit-overflow-scrolling: touch;
15075 .table-responsive-lg > .table-bordered {
15076 border: 0;
15079 @media (max-width: 1199.98px) {
15080 .table-responsive-xl {
15081 display: block;
15082 width: 100%;
15083 overflow-x: auto;
15084 -webkit-overflow-scrolling: touch;
15086 .table-responsive-xl > .table-bordered {
15087 border: 0;
15090 .table-responsive {
15091 display: block;
15092 width: 100%;
15093 overflow-x: auto;
15094 -webkit-overflow-scrolling: touch;
15096 .table-responsive > .table-bordered {
15097 border: 0;
15100 .form-control {
15101 display: block;
15102 width: 100%;
15103 height: calc(1.5em + 0.75rem + 2px);
15104 padding: 0.375rem 0.75rem;
15105 font-size: 0.9375rem;
15106 font-weight: 400;
15107 line-height: 1.5;
15108 color: #495057;
15109 background-color: #fff;
15110 background-clip: padding-box;
15111 border: 1px solid #8f959e;
15112 border-radius: 0.25rem;
15113 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15115 @media (max-width: 1200px) {
15116 .form-control {
15117 font-size: calc(0.90375rem + 0.045vw);
15120 @media (prefers-reduced-motion: reduce) {
15121 .form-control {
15122 transition: none;
15125 .form-control::-ms-expand {
15126 background-color: transparent;
15127 border: 0;
15129 .form-control:focus {
15130 color: #495057;
15131 background-color: #fff;
15132 border-color: #5babf2;
15133 outline: 0;
15134 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15136 .form-control::placeholder {
15137 color: #6a737b;
15138 opacity: 1;
15140 .form-control:disabled, .form-control[readonly] {
15141 background-color: #e9ecef;
15142 opacity: 1;
15145 input[type=date].form-control,
15146 input[type=time].form-control,
15147 input[type=datetime-local].form-control,
15148 input[type=month].form-control {
15149 appearance: none;
15152 select.form-control:-moz-focusring {
15153 color: transparent;
15154 text-shadow: 0 0 0 #495057;
15156 select.form-control:focus::-ms-value {
15157 color: #495057;
15158 background-color: #fff;
15161 .form-control-file,
15162 .form-control-range {
15163 display: block;
15164 width: 100%;
15167 .col-form-label {
15168 padding-top: calc(0.375rem + 1px);
15169 padding-bottom: calc(0.375rem + 1px);
15170 margin-bottom: 0;
15171 font-size: inherit;
15172 line-height: 1.5;
15175 .col-form-label-lg {
15176 padding-top: calc(0.5rem + 1px);
15177 padding-bottom: calc(0.5rem + 1px);
15178 font-size: 1.171875rem;
15179 line-height: 1.5;
15181 @media (max-width: 1200px) {
15182 .col-form-label-lg {
15183 font-size: calc(0.9271875rem + 0.32625vw);
15187 .col-form-label-sm {
15188 padding-top: calc(0.25rem + 1px);
15189 padding-bottom: calc(0.25rem + 1px);
15190 font-size: 0.8203125rem;
15191 line-height: 1.5;
15194 .form-control-plaintext {
15195 display: block;
15196 width: 100%;
15197 padding: 0.375rem 0;
15198 margin-bottom: 0;
15199 font-size: 0.9375rem;
15200 line-height: 1.5;
15201 color: #1d2125;
15202 background-color: transparent;
15203 border: solid transparent;
15204 border-width: 1px 0;
15206 @media (max-width: 1200px) {
15207 .form-control-plaintext {
15208 font-size: calc(0.90375rem + 0.045vw);
15211 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
15212 padding-right: 0;
15213 padding-left: 0;
15216 .form-control-sm {
15217 height: calc(1.5em + 0.5rem + 2px);
15218 padding: 0.25rem 0.5rem;
15219 font-size: 0.8203125rem;
15220 line-height: 1.5;
15221 border-radius: 0.2rem;
15224 .form-control-lg {
15225 height: calc(1.5em + 1rem + 2px);
15226 padding: 0.5rem 1rem;
15227 font-size: 1.171875rem;
15228 line-height: 1.5;
15229 border-radius: 0.3rem;
15231 @media (max-width: 1200px) {
15232 .form-control-lg {
15233 font-size: calc(0.9271875rem + 0.32625vw);
15237 select.form-control[size], select.form-control[multiple] {
15238 height: auto;
15241 textarea.form-control {
15242 height: auto;
15245 .form-group {
15246 margin-bottom: 1rem;
15249 .form-text {
15250 display: block;
15251 margin-top: 0.25rem;
15254 .form-row {
15255 display: flex;
15256 flex-wrap: wrap;
15257 margin-right: -5px;
15258 margin-left: -5px;
15260 .form-row > .col,
15261 .form-row > [class*=col-] {
15262 padding-right: 5px;
15263 padding-left: 5px;
15266 .form-check {
15267 position: relative;
15268 display: block;
15269 padding-left: 1.25rem;
15272 .form-check-input {
15273 position: absolute;
15274 margin-top: 0.3rem;
15275 margin-left: -1.25rem;
15277 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
15278 color: #6a737b;
15281 .form-check-label {
15282 margin-bottom: 0;
15285 .form-check-inline {
15286 display: inline-flex;
15287 align-items: center;
15288 padding-left: 0;
15289 margin-right: 0.75rem;
15291 .form-check-inline .form-check-input {
15292 position: static;
15293 margin-top: 0;
15294 margin-right: 0.3125rem;
15295 margin-left: 0;
15298 .valid-feedback {
15299 display: none;
15300 width: 100%;
15301 margin-top: 0.25rem;
15302 font-size: 0.875em;
15303 color: #357a32;
15306 .valid-tooltip {
15307 position: absolute;
15308 top: 100%;
15309 left: 0;
15310 z-index: 5;
15311 display: none;
15312 max-width: 100%;
15313 padding: 0.25rem 0.5rem;
15314 margin-top: 0.1rem;
15315 font-size: 0.8203125rem;
15316 line-height: 1.5;
15317 color: #fff;
15318 background-color: rgba(53, 122, 50, 0.9);
15319 border-radius: 0.25rem;
15321 .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
15322 left: 5px;
15325 .was-validated :valid ~ .valid-feedback,
15326 .was-validated :valid ~ .valid-tooltip,
15327 .is-valid ~ .valid-feedback,
15328 .is-valid ~ .valid-tooltip {
15329 display: block;
15332 .was-validated .form-control:valid, .form-control.is-valid {
15333 border-color: #357a32;
15334 padding-right: calc(1.5em + 0.75rem) !important;
15335 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");
15336 background-repeat: no-repeat;
15337 background-position: right calc(0.375em + 0.1875rem) center;
15338 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15340 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
15341 border-color: #357a32;
15342 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15345 .was-validated select.form-control:valid, select.form-control.is-valid {
15346 padding-right: 3rem !important;
15347 background-position: right 1.5rem center;
15350 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
15351 padding-right: calc(1.5em + 0.75rem);
15352 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15355 .was-validated .custom-select:valid, .custom-select.is-valid {
15356 border-color: #357a32;
15357 padding-right: calc(0.75em + 2.3125rem) !important;
15358 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;
15360 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
15361 border-color: #357a32;
15362 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15365 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
15366 color: #357a32;
15368 .was-validated .form-check-input:valid ~ .valid-feedback,
15369 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
15370 .form-check-input.is-valid ~ .valid-tooltip {
15371 display: block;
15374 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
15375 color: #357a32;
15377 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
15378 border-color: #357a32;
15380 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
15381 border-color: #459e41;
15382 background-color: #459e41;
15384 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
15385 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15387 .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 {
15388 border-color: #357a32;
15391 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
15392 border-color: #357a32;
15394 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
15395 border-color: #357a32;
15396 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15399 .invalid-feedback {
15400 display: none;
15401 width: 100%;
15402 margin-top: 0.25rem;
15403 font-size: 0.875em;
15404 color: #ca3120;
15407 .invalid-tooltip {
15408 position: absolute;
15409 top: 100%;
15410 left: 0;
15411 z-index: 5;
15412 display: none;
15413 max-width: 100%;
15414 padding: 0.25rem 0.5rem;
15415 margin-top: 0.1rem;
15416 font-size: 0.8203125rem;
15417 line-height: 1.5;
15418 color: #fff;
15419 background-color: rgba(202, 49, 32, 0.9);
15420 border-radius: 0.25rem;
15422 .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
15423 left: 5px;
15426 .was-validated :invalid ~ .invalid-feedback,
15427 .was-validated :invalid ~ .invalid-tooltip,
15428 .is-invalid ~ .invalid-feedback,
15429 .is-invalid ~ .invalid-tooltip {
15430 display: block;
15433 .was-validated .form-control:invalid, .form-control.is-invalid {
15434 border-color: #ca3120;
15435 padding-right: calc(1.5em + 0.75rem) !important;
15436 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");
15437 background-repeat: no-repeat;
15438 background-position: right calc(0.375em + 0.1875rem) center;
15439 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15441 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
15442 border-color: #ca3120;
15443 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15446 .was-validated select.form-control:invalid, select.form-control.is-invalid {
15447 padding-right: 3rem !important;
15448 background-position: right 1.5rem center;
15451 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
15452 padding-right: calc(1.5em + 0.75rem);
15453 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15456 .was-validated .custom-select:invalid, .custom-select.is-invalid {
15457 border-color: #ca3120;
15458 padding-right: calc(0.75em + 2.3125rem) !important;
15459 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;
15461 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
15462 border-color: #ca3120;
15463 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15466 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
15467 color: #ca3120;
15469 .was-validated .form-check-input:invalid ~ .invalid-feedback,
15470 .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
15471 .form-check-input.is-invalid ~ .invalid-tooltip {
15472 display: block;
15475 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
15476 color: #ca3120;
15478 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
15479 border-color: #ca3120;
15481 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
15482 border-color: #e04d3d;
15483 background-color: #e04d3d;
15485 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
15486 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15488 .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 {
15489 border-color: #ca3120;
15492 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
15493 border-color: #ca3120;
15495 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
15496 border-color: #ca3120;
15497 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15500 .form-inline {
15501 display: flex;
15502 flex-flow: row wrap;
15503 align-items: center;
15505 .form-inline .form-check {
15506 width: 100%;
15508 @media (min-width: 576px) {
15509 .form-inline label {
15510 display: flex;
15511 align-items: center;
15512 justify-content: center;
15513 margin-bottom: 0;
15515 .form-inline .form-group {
15516 display: flex;
15517 flex: 0 0 auto;
15518 flex-flow: row wrap;
15519 align-items: center;
15520 margin-bottom: 0;
15522 .form-inline .form-control {
15523 display: inline-block;
15524 width: auto;
15525 vertical-align: middle;
15527 .form-inline .form-control-plaintext {
15528 display: inline-block;
15530 .form-inline .input-group,
15531 .form-inline .custom-select {
15532 width: auto;
15534 .form-inline .form-check {
15535 display: flex;
15536 align-items: center;
15537 justify-content: center;
15538 width: auto;
15539 padding-left: 0;
15541 .form-inline .form-check-input {
15542 position: relative;
15543 flex-shrink: 0;
15544 margin-top: 0;
15545 margin-right: 0.25rem;
15546 margin-left: 0;
15548 .form-inline .custom-control {
15549 align-items: center;
15550 justify-content: center;
15552 .form-inline .custom-control-label {
15553 margin-bottom: 0;
15557 .btn {
15558 display: inline-block;
15559 font-weight: 400;
15560 color: #1d2125;
15561 text-align: center;
15562 vertical-align: middle;
15563 user-select: none;
15564 background-color: transparent;
15565 border: 1px solid transparent;
15566 padding: 0.375rem 0.75rem;
15567 font-size: 0.9375rem;
15568 line-height: 1.5;
15569 border-radius: 0.25rem;
15570 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;
15572 @media (max-width: 1200px) {
15573 .btn {
15574 font-size: calc(0.90375rem + 0.045vw);
15577 @media (prefers-reduced-motion: reduce) {
15578 .btn {
15579 transition: none;
15582 .btn:hover {
15583 color: #1d2125;
15584 text-decoration: none;
15586 .btn:focus, .btn.focus {
15587 outline: 0;
15588 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15590 .btn.disabled, .btn:disabled {
15591 opacity: 0.65;
15593 .btn:not(:disabled):not(.disabled) {
15594 cursor: pointer;
15596 a.btn.disabled,
15597 fieldset:disabled a.btn {
15598 pointer-events: none;
15601 .btn-primary {
15602 color: #fff;
15603 background-color: #0f6cbf;
15604 border-color: #0f6cbf;
15606 .btn-primary:hover {
15607 color: #fff;
15608 background-color: #0c589c;
15609 border-color: #0b5190;
15611 .btn-primary:focus, .btn-primary.focus {
15612 color: #fff;
15613 background-color: #0c589c;
15614 border-color: #0b5190;
15615 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15617 .btn-primary.disabled, .btn-primary:disabled {
15618 color: #fff;
15619 background-color: #0f6cbf;
15620 border-color: #0f6cbf;
15622 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
15623 color: #fff;
15624 background-color: #0b5190;
15625 border-color: #0a4b84;
15627 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
15628 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15631 .btn-secondary {
15632 color: #1d2125;
15633 background-color: #ced4da;
15634 border-color: #ced4da;
15636 .btn-secondary:hover {
15637 color: #1d2125;
15638 background-color: #b8c1ca;
15639 border-color: #b1bbc4;
15641 .btn-secondary:focus, .btn-secondary.focus {
15642 color: #1d2125;
15643 background-color: #b8c1ca;
15644 border-color: #b1bbc4;
15645 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15647 .btn-secondary.disabled, .btn-secondary:disabled {
15648 color: #1d2125;
15649 background-color: #ced4da;
15650 border-color: #ced4da;
15652 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
15653 color: #1d2125;
15654 background-color: #b1bbc4;
15655 border-color: #aab4bf;
15657 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
15658 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15661 .btn-success {
15662 color: #fff;
15663 background-color: #357a32;
15664 border-color: #357a32;
15666 .btn-success:hover {
15667 color: #fff;
15668 background-color: #295f27;
15669 border-color: #255623;
15671 .btn-success:focus, .btn-success.focus {
15672 color: #fff;
15673 background-color: #295f27;
15674 border-color: #255623;
15675 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15677 .btn-success.disabled, .btn-success:disabled {
15678 color: #fff;
15679 background-color: #357a32;
15680 border-color: #357a32;
15682 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
15683 color: #fff;
15684 background-color: #255623;
15685 border-color: #214d1f;
15687 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
15688 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15691 .btn-info {
15692 color: #fff;
15693 background-color: #008196;
15694 border-color: #008196;
15696 .btn-info:hover {
15697 color: #fff;
15698 background-color: #006070;
15699 border-color: #005563;
15701 .btn-info:focus, .btn-info.focus {
15702 color: #fff;
15703 background-color: #006070;
15704 border-color: #005563;
15705 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15707 .btn-info.disabled, .btn-info:disabled {
15708 color: #fff;
15709 background-color: #008196;
15710 border-color: #008196;
15712 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
15713 color: #fff;
15714 background-color: #005563;
15715 border-color: #004a56;
15717 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
15718 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15721 .btn-warning {
15722 color: #1d2125;
15723 background-color: #f0ad4e;
15724 border-color: #f0ad4e;
15726 .btn-warning:hover {
15727 color: #1d2125;
15728 background-color: #ed9d2b;
15729 border-color: #ec971f;
15731 .btn-warning:focus, .btn-warning.focus {
15732 color: #1d2125;
15733 background-color: #ed9d2b;
15734 border-color: #ec971f;
15735 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15737 .btn-warning.disabled, .btn-warning:disabled {
15738 color: #1d2125;
15739 background-color: #f0ad4e;
15740 border-color: #f0ad4e;
15742 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
15743 color: #1d2125;
15744 background-color: #ec971f;
15745 border-color: #ea9214;
15747 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
15748 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15751 .btn-danger {
15752 color: #fff;
15753 background-color: #ca3120;
15754 border-color: #ca3120;
15756 .btn-danger:hover {
15757 color: #fff;
15758 background-color: #a9291b;
15759 border-color: #9e2619;
15761 .btn-danger:focus, .btn-danger.focus {
15762 color: #fff;
15763 background-color: #a9291b;
15764 border-color: #9e2619;
15765 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15767 .btn-danger.disabled, .btn-danger:disabled {
15768 color: #fff;
15769 background-color: #ca3120;
15770 border-color: #ca3120;
15772 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
15773 color: #fff;
15774 background-color: #9e2619;
15775 border-color: #932417;
15777 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
15778 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15781 .btn-light {
15782 color: #1d2125;
15783 background-color: #f8f9fa;
15784 border-color: #f8f9fa;
15786 .btn-light:hover {
15787 color: #1d2125;
15788 background-color: #e2e6ea;
15789 border-color: #dae0e5;
15791 .btn-light:focus, .btn-light.focus {
15792 color: #1d2125;
15793 background-color: #e2e6ea;
15794 border-color: #dae0e5;
15795 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15797 .btn-light.disabled, .btn-light:disabled {
15798 color: #1d2125;
15799 background-color: #f8f9fa;
15800 border-color: #f8f9fa;
15802 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
15803 color: #1d2125;
15804 background-color: #dae0e5;
15805 border-color: #d3d9df;
15807 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
15808 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15811 .btn-dark {
15812 color: #fff;
15813 background-color: #343a40;
15814 border-color: #343a40;
15816 .btn-dark:hover {
15817 color: #fff;
15818 background-color: #23272b;
15819 border-color: #1d2124;
15821 .btn-dark:focus, .btn-dark.focus {
15822 color: #fff;
15823 background-color: #23272b;
15824 border-color: #1d2124;
15825 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15827 .btn-dark.disabled, .btn-dark:disabled {
15828 color: #fff;
15829 background-color: #343a40;
15830 border-color: #343a40;
15832 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
15833 color: #fff;
15834 background-color: #1d2124;
15835 border-color: #171a1d;
15837 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
15838 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15841 .btn-outline-primary {
15842 color: #0f6cbf;
15843 border-color: #0f6cbf;
15845 .btn-outline-primary:hover {
15846 color: #fff;
15847 background-color: #0f6cbf;
15848 border-color: #0f6cbf;
15850 .btn-outline-primary:focus, .btn-outline-primary.focus {
15851 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15853 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
15854 color: #0f6cbf;
15855 background-color: transparent;
15857 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
15858 color: #fff;
15859 background-color: #0f6cbf;
15860 border-color: #0f6cbf;
15862 .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 {
15863 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15866 .btn-outline-secondary {
15867 color: #ced4da;
15868 border-color: #ced4da;
15870 .btn-outline-secondary:hover {
15871 color: #1d2125;
15872 background-color: #ced4da;
15873 border-color: #ced4da;
15875 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
15876 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15878 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
15879 color: #ced4da;
15880 background-color: transparent;
15882 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
15883 color: #1d2125;
15884 background-color: #ced4da;
15885 border-color: #ced4da;
15887 .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 {
15888 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15891 .btn-outline-success {
15892 color: #357a32;
15893 border-color: #357a32;
15895 .btn-outline-success:hover {
15896 color: #fff;
15897 background-color: #357a32;
15898 border-color: #357a32;
15900 .btn-outline-success:focus, .btn-outline-success.focus {
15901 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15903 .btn-outline-success.disabled, .btn-outline-success:disabled {
15904 color: #357a32;
15905 background-color: transparent;
15907 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
15908 color: #fff;
15909 background-color: #357a32;
15910 border-color: #357a32;
15912 .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 {
15913 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15916 .btn-outline-info {
15917 color: #008196;
15918 border-color: #008196;
15920 .btn-outline-info:hover {
15921 color: #fff;
15922 background-color: #008196;
15923 border-color: #008196;
15925 .btn-outline-info:focus, .btn-outline-info.focus {
15926 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15928 .btn-outline-info.disabled, .btn-outline-info:disabled {
15929 color: #008196;
15930 background-color: transparent;
15932 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
15933 color: #fff;
15934 background-color: #008196;
15935 border-color: #008196;
15937 .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 {
15938 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15941 .btn-outline-warning {
15942 color: #f0ad4e;
15943 border-color: #f0ad4e;
15945 .btn-outline-warning:hover {
15946 color: #1d2125;
15947 background-color: #f0ad4e;
15948 border-color: #f0ad4e;
15950 .btn-outline-warning:focus, .btn-outline-warning.focus {
15951 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15953 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
15954 color: #f0ad4e;
15955 background-color: transparent;
15957 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
15958 color: #1d2125;
15959 background-color: #f0ad4e;
15960 border-color: #f0ad4e;
15962 .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 {
15963 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15966 .btn-outline-danger {
15967 color: #ca3120;
15968 border-color: #ca3120;
15970 .btn-outline-danger:hover {
15971 color: #fff;
15972 background-color: #ca3120;
15973 border-color: #ca3120;
15975 .btn-outline-danger:focus, .btn-outline-danger.focus {
15976 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15978 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
15979 color: #ca3120;
15980 background-color: transparent;
15982 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
15983 color: #fff;
15984 background-color: #ca3120;
15985 border-color: #ca3120;
15987 .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 {
15988 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15991 .btn-outline-light {
15992 color: #f8f9fa;
15993 border-color: #f8f9fa;
15995 .btn-outline-light:hover {
15996 color: #1d2125;
15997 background-color: #f8f9fa;
15998 border-color: #f8f9fa;
16000 .btn-outline-light:focus, .btn-outline-light.focus {
16001 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
16003 .btn-outline-light.disabled, .btn-outline-light:disabled {
16004 color: #f8f9fa;
16005 background-color: transparent;
16007 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
16008 color: #1d2125;
16009 background-color: #f8f9fa;
16010 border-color: #f8f9fa;
16012 .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 {
16013 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
16016 .btn-outline-dark {
16017 color: #343a40;
16018 border-color: #343a40;
16020 .btn-outline-dark:hover {
16021 color: #fff;
16022 background-color: #343a40;
16023 border-color: #343a40;
16025 .btn-outline-dark:focus, .btn-outline-dark.focus {
16026 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
16028 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
16029 color: #343a40;
16030 background-color: transparent;
16032 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
16033 color: #fff;
16034 background-color: #343a40;
16035 border-color: #343a40;
16037 .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 {
16038 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
16041 .btn-link {
16042 font-weight: 400;
16043 color: #0f6cbf;
16044 text-decoration: none;
16046 .btn-link:hover {
16047 color: #094478;
16048 text-decoration: underline;
16050 .btn-link:focus, .btn-link.focus {
16051 text-decoration: underline;
16053 .btn-link:disabled, .btn-link.disabled {
16054 color: #6a737b;
16055 pointer-events: none;
16058 .btn-lg, .btn-group-lg > .btn {
16059 padding: 0.5rem 1rem;
16060 font-size: 1.171875rem;
16061 line-height: 1.5;
16062 border-radius: 0.3rem;
16064 @media (max-width: 1200px) {
16065 .btn-lg, .btn-group-lg > .btn {
16066 font-size: calc(0.9271875rem + 0.32625vw);
16070 .btn-sm, .btn-group-sm > .btn {
16071 padding: 0.25rem 0.5rem;
16072 font-size: 0.8203125rem;
16073 line-height: 1.5;
16074 border-radius: 0.2rem;
16077 .btn-block {
16078 display: block;
16079 width: 100%;
16081 .btn-block + .btn-block {
16082 margin-top: 0.5rem;
16085 input[type=submit].btn-block,
16086 input[type=reset].btn-block,
16087 input[type=button].btn-block {
16088 width: 100%;
16091 .fade {
16092 transition: opacity 0.15s linear;
16094 @media (prefers-reduced-motion: reduce) {
16095 .fade {
16096 transition: none;
16099 .fade:not(.show) {
16100 opacity: 0;
16103 .collapse:not(.show) {
16104 display: none;
16107 .collapsing {
16108 position: relative;
16109 height: 0;
16110 overflow: hidden;
16111 transition: height 0.35s ease;
16113 @media (prefers-reduced-motion: reduce) {
16114 .collapsing {
16115 transition: none;
16118 .collapsing.width {
16119 width: 0;
16120 height: auto;
16121 transition: width 0.35s ease;
16123 @media (prefers-reduced-motion: reduce) {
16124 .collapsing.width {
16125 transition: none;
16129 .dropup,
16130 .dropright,
16131 .dropdown,
16132 .dropleft {
16133 position: relative;
16136 .dropdown-toggle {
16137 white-space: nowrap;
16139 .dropdown-toggle::after {
16140 display: inline-block;
16141 margin-left: 0.255em;
16142 vertical-align: 0.255em;
16143 content: "";
16144 border-top: 0.3em solid;
16145 border-right: 0.3em solid transparent;
16146 border-bottom: 0;
16147 border-left: 0.3em solid transparent;
16149 .dropdown-toggle:empty::after {
16150 margin-left: 0;
16153 .dropdown-menu {
16154 position: absolute;
16155 top: 100%;
16156 left: 0;
16157 z-index: 1000;
16158 display: none;
16159 float: left;
16160 min-width: 10rem;
16161 padding: 0.5rem 0;
16162 margin: 0.125rem 0 0;
16163 font-size: 0.9375rem;
16164 color: #1d2125;
16165 text-align: left;
16166 list-style: none;
16167 background-color: #fff;
16168 background-clip: padding-box;
16169 border: 1px solid rgba(0, 0, 0, 0.15);
16170 border-radius: 0.25rem;
16172 @media (max-width: 1200px) {
16173 .dropdown-menu {
16174 font-size: calc(0.90375rem + 0.045vw);
16178 .dropdown-menu-left {
16179 right: auto;
16180 left: 0;
16183 .dropdown-menu-right {
16184 right: 0;
16185 left: auto;
16188 @media (min-width: 576px) {
16189 .dropdown-menu-sm-left {
16190 right: auto;
16191 left: 0;
16193 .dropdown-menu-sm-right {
16194 right: 0;
16195 left: auto;
16198 @media (min-width: 768px) {
16199 .dropdown-menu-md-left {
16200 right: auto;
16201 left: 0;
16203 .dropdown-menu-md-right {
16204 right: 0;
16205 left: auto;
16208 @media (min-width: 992px) {
16209 .dropdown-menu-lg-left {
16210 right: auto;
16211 left: 0;
16213 .dropdown-menu-lg-right {
16214 right: 0;
16215 left: auto;
16218 @media (min-width: 1200px) {
16219 .dropdown-menu-xl-left {
16220 right: auto;
16221 left: 0;
16223 .dropdown-menu-xl-right {
16224 right: 0;
16225 left: auto;
16228 .dropup .dropdown-menu {
16229 top: auto;
16230 bottom: 100%;
16231 margin-top: 0;
16232 margin-bottom: 0.125rem;
16234 .dropup .dropdown-toggle::after {
16235 display: inline-block;
16236 margin-left: 0.255em;
16237 vertical-align: 0.255em;
16238 content: "";
16239 border-top: 0;
16240 border-right: 0.3em solid transparent;
16241 border-bottom: 0.3em solid;
16242 border-left: 0.3em solid transparent;
16244 .dropup .dropdown-toggle:empty::after {
16245 margin-left: 0;
16248 .dropright .dropdown-menu {
16249 top: 0;
16250 right: auto;
16251 left: 100%;
16252 margin-top: 0;
16253 margin-left: 0.125rem;
16255 .dropright .dropdown-toggle::after {
16256 display: inline-block;
16257 margin-left: 0.255em;
16258 vertical-align: 0.255em;
16259 content: "";
16260 border-top: 0.3em solid transparent;
16261 border-right: 0;
16262 border-bottom: 0.3em solid transparent;
16263 border-left: 0.3em solid;
16265 .dropright .dropdown-toggle:empty::after {
16266 margin-left: 0;
16268 .dropright .dropdown-toggle::after {
16269 vertical-align: 0;
16272 .dropleft .dropdown-menu {
16273 top: 0;
16274 right: 100%;
16275 left: auto;
16276 margin-top: 0;
16277 margin-right: 0.125rem;
16279 .dropleft .dropdown-toggle::after {
16280 display: inline-block;
16281 margin-left: 0.255em;
16282 vertical-align: 0.255em;
16283 content: "";
16285 .dropleft .dropdown-toggle::after {
16286 display: none;
16288 .dropleft .dropdown-toggle::before {
16289 display: inline-block;
16290 margin-right: 0.255em;
16291 vertical-align: 0.255em;
16292 content: "";
16293 border-top: 0.3em solid transparent;
16294 border-right: 0.3em solid;
16295 border-bottom: 0.3em solid transparent;
16297 .dropleft .dropdown-toggle:empty::after {
16298 margin-left: 0;
16300 .dropleft .dropdown-toggle::before {
16301 vertical-align: 0;
16304 .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
16305 right: auto;
16306 bottom: auto;
16309 .dropdown-divider {
16310 height: 0;
16311 margin: 0.5rem 0;
16312 overflow: hidden;
16313 border-top: 1px solid #e9ecef;
16316 .dropdown-item {
16317 display: block;
16318 width: 100%;
16319 padding: 0.25rem 1.5rem;
16320 clear: both;
16321 font-weight: 400;
16322 color: #1d2125;
16323 text-align: inherit;
16324 white-space: nowrap;
16325 background-color: transparent;
16326 border: 0;
16328 .dropdown-item:hover, .dropdown-item:focus {
16329 color: #fff;
16330 text-decoration: none;
16331 background-color: #0f6cbf;
16333 .dropdown-item.active, .dropdown-item:active {
16334 color: #fff;
16335 text-decoration: none;
16336 background-color: #0f6cbf;
16338 .dropdown-item.disabled, .dropdown-item:disabled {
16339 color: #8f959e;
16340 pointer-events: none;
16341 background-color: transparent;
16344 .dropdown-menu.show {
16345 display: block;
16348 .dropdown-header {
16349 display: block;
16350 padding: 0.5rem 1.5rem;
16351 margin-bottom: 0;
16352 font-size: 0.8203125rem;
16353 color: #6a737b;
16354 white-space: nowrap;
16357 .dropdown-item-text {
16358 display: block;
16359 padding: 0.25rem 1.5rem;
16360 color: #1d2125;
16363 .btn-group,
16364 .btn-group-vertical {
16365 position: relative;
16366 display: inline-flex;
16367 vertical-align: middle;
16369 .btn-group > .btn,
16370 .btn-group-vertical > .btn {
16371 position: relative;
16372 flex: 1 1 auto;
16374 .btn-group > .btn:hover,
16375 .btn-group-vertical > .btn:hover {
16376 z-index: 1;
16378 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
16379 .btn-group-vertical > .btn:focus,
16380 .btn-group-vertical > .btn:active,
16381 .btn-group-vertical > .btn.active {
16382 z-index: 1;
16385 .btn-toolbar {
16386 display: flex;
16387 flex-wrap: wrap;
16388 justify-content: flex-start;
16390 .btn-toolbar .input-group {
16391 width: auto;
16394 .btn-group > .btn:not(:first-child),
16395 .btn-group > .btn-group:not(:first-child) {
16396 margin-left: -1px;
16398 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
16399 .btn-group > .btn-group:not(:last-child) > .btn {
16400 border-top-right-radius: 0;
16401 border-bottom-right-radius: 0;
16403 .btn-group > .btn:not(:first-child),
16404 .btn-group > .btn-group:not(:first-child) > .btn {
16405 border-top-left-radius: 0;
16406 border-bottom-left-radius: 0;
16409 .dropdown-toggle-split {
16410 padding-right: 0.5625rem;
16411 padding-left: 0.5625rem;
16413 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
16414 margin-left: 0;
16416 .dropleft .dropdown-toggle-split::before {
16417 margin-right: 0;
16420 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
16421 padding-right: 0.375rem;
16422 padding-left: 0.375rem;
16425 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
16426 padding-right: 0.75rem;
16427 padding-left: 0.75rem;
16430 .btn-group-vertical {
16431 flex-direction: column;
16432 align-items: flex-start;
16433 justify-content: center;
16435 .btn-group-vertical > .btn,
16436 .btn-group-vertical > .btn-group {
16437 width: 100%;
16439 .btn-group-vertical > .btn:not(:first-child),
16440 .btn-group-vertical > .btn-group:not(:first-child) {
16441 margin-top: -1px;
16443 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
16444 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
16445 border-bottom-right-radius: 0;
16446 border-bottom-left-radius: 0;
16448 .btn-group-vertical > .btn:not(:first-child),
16449 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
16450 border-top-left-radius: 0;
16451 border-top-right-radius: 0;
16454 .btn-group-toggle > .btn,
16455 .btn-group-toggle > .btn-group > .btn {
16456 margin-bottom: 0;
16458 .btn-group-toggle > .btn input[type=radio],
16459 .btn-group-toggle > .btn input[type=checkbox],
16460 .btn-group-toggle > .btn-group > .btn input[type=radio],
16461 .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
16462 position: absolute;
16463 clip: rect(0, 0, 0, 0);
16464 pointer-events: none;
16467 .input-group {
16468 position: relative;
16469 display: flex;
16470 flex-wrap: wrap;
16471 align-items: stretch;
16472 width: 100%;
16474 .input-group > .form-control,
16475 .input-group > .form-control-plaintext,
16476 .input-group > .custom-select,
16477 .input-group > .custom-file {
16478 position: relative;
16479 flex: 1 1 auto;
16480 width: 1%;
16481 min-width: 0;
16482 margin-bottom: 0;
16484 .input-group > .form-control + .form-control,
16485 .input-group > .form-control + .custom-select,
16486 .input-group > .form-control + .custom-file,
16487 .input-group > .form-control-plaintext + .form-control,
16488 .input-group > .form-control-plaintext + .custom-select,
16489 .input-group > .form-control-plaintext + .custom-file,
16490 .input-group > .custom-select + .form-control,
16491 .input-group > .custom-select + .custom-select,
16492 .input-group > .custom-select + .custom-file,
16493 .input-group > .custom-file + .form-control,
16494 .input-group > .custom-file + .custom-select,
16495 .input-group > .custom-file + .custom-file {
16496 margin-left: -1px;
16498 .input-group > .form-control:focus,
16499 .input-group > .custom-select:focus,
16500 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
16501 z-index: 3;
16503 .input-group > .custom-file .custom-file-input:focus {
16504 z-index: 4;
16506 .input-group > .form-control:not(:first-child),
16507 .input-group > .custom-select:not(:first-child) {
16508 border-top-left-radius: 0;
16509 border-bottom-left-radius: 0;
16511 .input-group > .custom-file {
16512 display: flex;
16513 align-items: center;
16515 .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
16516 border-top-right-radius: 0;
16517 border-bottom-right-radius: 0;
16519 .input-group > .custom-file:not(:first-child) .custom-file-label {
16520 border-top-left-radius: 0;
16521 border-bottom-left-radius: 0;
16523 .input-group:not(.has-validation) > .form-control:not(:last-child),
16524 .input-group:not(.has-validation) > .custom-select:not(:last-child),
16525 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
16526 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
16527 border-top-right-radius: 0;
16528 border-bottom-right-radius: 0;
16530 .input-group.has-validation > .form-control:nth-last-child(n+3),
16531 .input-group.has-validation > .custom-select:nth-last-child(n+3),
16532 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
16533 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
16534 border-top-right-radius: 0;
16535 border-bottom-right-radius: 0;
16538 .input-group-prepend,
16539 .input-group-append {
16540 display: flex;
16542 .input-group-prepend .btn,
16543 .input-group-append .btn {
16544 position: relative;
16545 z-index: 2;
16547 .input-group-prepend .btn:focus,
16548 .input-group-append .btn:focus {
16549 z-index: 3;
16551 .input-group-prepend .btn + .btn,
16552 .input-group-prepend .btn + .input-group-text,
16553 .input-group-prepend .input-group-text + .input-group-text,
16554 .input-group-prepend .input-group-text + .btn,
16555 .input-group-append .btn + .btn,
16556 .input-group-append .btn + .input-group-text,
16557 .input-group-append .input-group-text + .input-group-text,
16558 .input-group-append .input-group-text + .btn {
16559 margin-left: -1px;
16562 .input-group-prepend {
16563 margin-right: -1px;
16566 .input-group-append {
16567 margin-left: -1px;
16570 .input-group-text {
16571 display: flex;
16572 align-items: center;
16573 padding: 0.375rem 0.75rem;
16574 margin-bottom: 0;
16575 font-size: 0.9375rem;
16576 font-weight: 400;
16577 line-height: 1.5;
16578 color: #495057;
16579 text-align: center;
16580 white-space: nowrap;
16581 background-color: #e9ecef;
16582 border: 1px solid #8f959e;
16583 border-radius: 0.25rem;
16585 @media (max-width: 1200px) {
16586 .input-group-text {
16587 font-size: calc(0.90375rem + 0.045vw);
16590 .input-group-text input[type=radio],
16591 .input-group-text input[type=checkbox] {
16592 margin-top: 0;
16595 .input-group-lg > .form-control:not(textarea),
16596 .input-group-lg > .custom-select {
16597 height: calc(1.5em + 1rem + 2px);
16600 .input-group-lg > .form-control,
16601 .input-group-lg > .custom-select,
16602 .input-group-lg > .input-group-prepend > .input-group-text,
16603 .input-group-lg > .input-group-append > .input-group-text,
16604 .input-group-lg > .input-group-prepend > .btn,
16605 .input-group-lg > .input-group-append > .btn {
16606 padding: 0.5rem 1rem;
16607 font-size: 1.171875rem;
16608 line-height: 1.5;
16609 border-radius: 0.3rem;
16611 @media (max-width: 1200px) {
16612 .input-group-lg > .form-control,
16613 .input-group-lg > .custom-select,
16614 .input-group-lg > .input-group-prepend > .input-group-text,
16615 .input-group-lg > .input-group-append > .input-group-text,
16616 .input-group-lg > .input-group-prepend > .btn,
16617 .input-group-lg > .input-group-append > .btn {
16618 font-size: calc(0.9271875rem + 0.32625vw);
16622 .input-group-sm > .form-control:not(textarea),
16623 .input-group-sm > .custom-select {
16624 height: calc(1.5em + 0.5rem + 2px);
16627 .input-group-sm > .form-control,
16628 .input-group-sm > .custom-select,
16629 .input-group-sm > .input-group-prepend > .input-group-text,
16630 .input-group-sm > .input-group-append > .input-group-text,
16631 .input-group-sm > .input-group-prepend > .btn,
16632 .input-group-sm > .input-group-append > .btn {
16633 padding: 0.25rem 0.5rem;
16634 font-size: 0.8203125rem;
16635 line-height: 1.5;
16636 border-radius: 0.2rem;
16639 .input-group-lg > .custom-select,
16640 .input-group-sm > .custom-select {
16641 padding-right: 1.75rem;
16644 .input-group > .input-group-prepend > .btn,
16645 .input-group > .input-group-prepend > .input-group-text,
16646 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
16647 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
16648 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
16649 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
16650 .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
16651 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
16652 border-top-right-radius: 0;
16653 border-bottom-right-radius: 0;
16656 .input-group > .input-group-append > .btn,
16657 .input-group > .input-group-append > .input-group-text,
16658 .input-group > .input-group-prepend:not(:first-child) > .btn,
16659 .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
16660 .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
16661 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
16662 border-top-left-radius: 0;
16663 border-bottom-left-radius: 0;
16666 .custom-control {
16667 position: relative;
16668 z-index: 1;
16669 display: block;
16670 min-height: 1.40625rem;
16671 padding-left: 1.5rem;
16672 print-color-adjust: exact;
16675 .custom-control-inline {
16676 display: inline-flex;
16677 margin-right: 1rem;
16680 .custom-control-input {
16681 position: absolute;
16682 left: 0;
16683 z-index: -1;
16684 width: 1rem;
16685 height: 1.203125rem;
16686 opacity: 0;
16688 .custom-control-input:checked ~ .custom-control-label::before {
16689 color: #fff;
16690 border-color: #0f6cbf;
16691 background-color: #0f6cbf;
16693 .custom-control-input:focus ~ .custom-control-label::before {
16694 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16696 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
16697 border-color: #5babf2;
16699 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
16700 color: #fff;
16701 background-color: #8bc3f6;
16702 border-color: #8bc3f6;
16704 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
16705 color: #6a737b;
16707 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
16708 background-color: #e9ecef;
16711 .custom-control-label {
16712 position: relative;
16713 margin-bottom: 0;
16714 vertical-align: top;
16716 .custom-control-label::before {
16717 position: absolute;
16718 top: 0.203125rem;
16719 left: -1.5rem;
16720 display: block;
16721 width: 1rem;
16722 height: 1rem;
16723 pointer-events: none;
16724 content: "";
16725 background-color: #fff;
16726 border: 1px solid #8f959e;
16728 .custom-control-label::after {
16729 position: absolute;
16730 top: 0.203125rem;
16731 left: -1.5rem;
16732 display: block;
16733 width: 1rem;
16734 height: 1rem;
16735 content: "";
16736 background: 50%/50% 50% no-repeat;
16739 .custom-checkbox .custom-control-label::before {
16740 border-radius: 0.25rem;
16742 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
16743 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");
16745 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
16746 border-color: #0f6cbf;
16747 background-color: #0f6cbf;
16749 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
16750 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");
16752 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
16753 background-color: rgba(15, 108, 191, 0.5);
16755 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
16756 background-color: rgba(15, 108, 191, 0.5);
16759 .custom-radio .custom-control-label::before {
16760 border-radius: 50%;
16762 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
16763 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");
16765 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
16766 background-color: rgba(15, 108, 191, 0.5);
16769 .custom-switch {
16770 padding-left: 2.25rem;
16772 .custom-switch .custom-control-label::before {
16773 left: -2.25rem;
16774 width: 1.75rem;
16775 pointer-events: all;
16776 border-radius: 0.5rem;
16778 .custom-switch .custom-control-label::after {
16779 top: calc(0.203125rem + 2px);
16780 left: calc(-2.25rem + 2px);
16781 width: calc(1rem - 4px);
16782 height: calc(1rem - 4px);
16783 background-color: #8f959e;
16784 border-radius: 0.5rem;
16785 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;
16787 @media (prefers-reduced-motion: reduce) {
16788 .custom-switch .custom-control-label::after {
16789 transition: none;
16792 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
16793 background-color: #fff;
16794 transform: translateX(0.75rem);
16796 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
16797 background-color: rgba(15, 108, 191, 0.5);
16800 .custom-select {
16801 display: inline-block;
16802 width: 100%;
16803 height: calc(1.5em + 0.75rem + 2px);
16804 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
16805 font-size: 0.9375rem;
16806 font-weight: 400;
16807 line-height: 1.5;
16808 color: #495057;
16809 vertical-align: middle;
16810 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;
16811 border: 1px solid #8f959e;
16812 border-radius: 0.25rem;
16813 appearance: none;
16815 @media (max-width: 1200px) {
16816 .custom-select {
16817 font-size: calc(0.90375rem + 0.045vw);
16820 .custom-select:focus {
16821 border-color: #5babf2;
16822 outline: 0;
16823 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16825 .custom-select:focus::-ms-value {
16826 color: #495057;
16827 background-color: #fff;
16829 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
16830 height: auto;
16831 padding-right: 0.75rem;
16832 background-image: none;
16834 .custom-select:disabled {
16835 color: #6a737b;
16836 background-color: #e9ecef;
16838 .custom-select::-ms-expand {
16839 display: none;
16841 .custom-select:-moz-focusring {
16842 color: transparent;
16843 text-shadow: 0 0 0 #495057;
16846 .custom-select-sm {
16847 height: calc(1.5em + 0.5rem + 2px);
16848 padding-top: 0.25rem;
16849 padding-bottom: 0.25rem;
16850 padding-left: 0.5rem;
16851 font-size: 0.8203125rem;
16854 .custom-select-lg {
16855 height: calc(1.5em + 1rem + 2px);
16856 padding-top: 0.5rem;
16857 padding-bottom: 0.5rem;
16858 padding-left: 1rem;
16859 font-size: 1.171875rem;
16861 @media (max-width: 1200px) {
16862 .custom-select-lg {
16863 font-size: calc(0.9271875rem + 0.32625vw);
16867 .custom-file {
16868 position: relative;
16869 display: inline-block;
16870 width: 100%;
16871 height: calc(1.5em + 0.75rem + 2px);
16872 margin-bottom: 0;
16875 .custom-file-input {
16876 position: relative;
16877 z-index: 2;
16878 width: 100%;
16879 height: calc(1.5em + 0.75rem + 2px);
16880 margin: 0;
16881 overflow: hidden;
16882 opacity: 0;
16884 .custom-file-input:focus ~ .custom-file-label {
16885 border-color: #5babf2;
16886 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16888 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
16889 background-color: #e9ecef;
16891 .custom-file-input:lang(en) ~ .custom-file-label::after {
16892 content: "Browse";
16894 .custom-file-input ~ .custom-file-label[data-browse]::after {
16895 content: attr(data-browse);
16898 .custom-file-label {
16899 position: absolute;
16900 top: 0;
16901 right: 0;
16902 left: 0;
16903 z-index: 1;
16904 height: calc(1.5em + 0.75rem + 2px);
16905 padding: 0.375rem 0.75rem;
16906 overflow: hidden;
16907 font-weight: 400;
16908 line-height: 1.5;
16909 color: #495057;
16910 background-color: #fff;
16911 border: 1px solid #8f959e;
16912 border-radius: 0.25rem;
16914 .custom-file-label::after {
16915 position: absolute;
16916 top: 0;
16917 right: 0;
16918 bottom: 0;
16919 z-index: 3;
16920 display: block;
16921 height: calc(1.5em + 0.75rem);
16922 padding: 0.375rem 0.75rem;
16923 line-height: 1.5;
16924 color: #495057;
16925 content: "Browse";
16926 background-color: #e9ecef;
16927 border-left: inherit;
16928 border-radius: 0 0.25rem 0.25rem 0;
16931 .custom-range {
16932 width: 100%;
16933 height: 1.4rem;
16934 padding: 0;
16935 background-color: transparent;
16936 appearance: none;
16938 .custom-range:focus {
16939 outline: 0;
16941 .custom-range:focus::-webkit-slider-thumb {
16942 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16944 .custom-range:focus::-moz-range-thumb {
16945 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16947 .custom-range:focus::-ms-thumb {
16948 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16950 .custom-range::-moz-focus-outer {
16951 border: 0;
16953 .custom-range::-webkit-slider-thumb {
16954 width: 1rem;
16955 height: 1rem;
16956 margin-top: -0.25rem;
16957 background-color: #0f6cbf;
16958 border: 0;
16959 border-radius: 1rem;
16960 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16961 appearance: none;
16963 @media (prefers-reduced-motion: reduce) {
16964 .custom-range::-webkit-slider-thumb {
16965 transition: none;
16968 .custom-range::-webkit-slider-thumb:active {
16969 background-color: #8bc3f6;
16971 .custom-range::-webkit-slider-runnable-track {
16972 width: 100%;
16973 height: 0.5rem;
16974 color: transparent;
16975 cursor: pointer;
16976 background-color: #dee2e6;
16977 border-color: transparent;
16978 border-radius: 1rem;
16980 .custom-range::-moz-range-thumb {
16981 width: 1rem;
16982 height: 1rem;
16983 background-color: #0f6cbf;
16984 border: 0;
16985 border-radius: 1rem;
16986 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16987 appearance: none;
16989 @media (prefers-reduced-motion: reduce) {
16990 .custom-range::-moz-range-thumb {
16991 transition: none;
16994 .custom-range::-moz-range-thumb:active {
16995 background-color: #8bc3f6;
16997 .custom-range::-moz-range-track {
16998 width: 100%;
16999 height: 0.5rem;
17000 color: transparent;
17001 cursor: pointer;
17002 background-color: #dee2e6;
17003 border-color: transparent;
17004 border-radius: 1rem;
17006 .custom-range::-ms-thumb {
17007 width: 1rem;
17008 height: 1rem;
17009 margin-top: 0;
17010 margin-right: 0.2rem;
17011 margin-left: 0.2rem;
17012 background-color: #0f6cbf;
17013 border: 0;
17014 border-radius: 1rem;
17015 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17016 appearance: none;
17018 @media (prefers-reduced-motion: reduce) {
17019 .custom-range::-ms-thumb {
17020 transition: none;
17023 .custom-range::-ms-thumb:active {
17024 background-color: #8bc3f6;
17026 .custom-range::-ms-track {
17027 width: 100%;
17028 height: 0.5rem;
17029 color: transparent;
17030 cursor: pointer;
17031 background-color: transparent;
17032 border-color: transparent;
17033 border-width: 0.5rem;
17035 .custom-range::-ms-fill-lower {
17036 background-color: #dee2e6;
17037 border-radius: 1rem;
17039 .custom-range::-ms-fill-upper {
17040 margin-right: 15px;
17041 background-color: #dee2e6;
17042 border-radius: 1rem;
17044 .custom-range:disabled::-webkit-slider-thumb {
17045 background-color: #8f959e;
17047 .custom-range:disabled::-webkit-slider-runnable-track {
17048 cursor: default;
17050 .custom-range:disabled::-moz-range-thumb {
17051 background-color: #8f959e;
17053 .custom-range:disabled::-moz-range-track {
17054 cursor: default;
17056 .custom-range:disabled::-ms-thumb {
17057 background-color: #8f959e;
17060 .custom-control-label::before,
17061 .custom-file-label,
17062 .custom-select {
17063 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17065 @media (prefers-reduced-motion: reduce) {
17066 .custom-control-label::before,
17067 .custom-file-label,
17068 .custom-select {
17069 transition: none;
17073 .nav {
17074 display: flex;
17075 flex-wrap: wrap;
17076 padding-left: 0;
17077 margin-bottom: 0;
17078 list-style: none;
17081 .nav-link {
17082 display: block;
17083 padding: 0.5rem 1rem;
17085 .nav-link:hover, .nav-link:focus {
17086 text-decoration: none;
17088 .nav-link.disabled {
17089 color: #6a737b;
17090 pointer-events: none;
17091 cursor: default;
17094 .nav-tabs {
17095 border-bottom: 1px solid #dee2e6;
17097 .nav-tabs .nav-link {
17098 margin-bottom: -1px;
17099 background-color: transparent;
17100 border: 1px solid transparent;
17101 border-top-left-radius: 0.25rem;
17102 border-top-right-radius: 0.25rem;
17104 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
17105 isolation: isolate;
17106 border-color: #e9ecef #e9ecef #dee2e6;
17108 .nav-tabs .nav-link.disabled {
17109 color: #6a737b;
17110 background-color: transparent;
17111 border-color: transparent;
17113 .nav-tabs .nav-link.active,
17114 .nav-tabs .nav-item.show .nav-link {
17115 color: #495057;
17116 background-color: #fff;
17117 border-color: #dee2e6 #dee2e6 #fff;
17119 .nav-tabs .dropdown-menu {
17120 margin-top: -1px;
17121 border-top-left-radius: 0;
17122 border-top-right-radius: 0;
17125 .nav-pills .nav-link {
17126 background: none;
17127 border: 0;
17128 border-radius: 0.25rem;
17130 .nav-pills .nav-link.active,
17131 .nav-pills .show > .nav-link {
17132 color: #fff;
17133 background-color: #0f6cbf;
17136 .nav-fill > .nav-link,
17137 .nav-fill .nav-item {
17138 flex: 1 1 auto;
17139 text-align: center;
17142 .nav-justified > .nav-link,
17143 .nav-justified .nav-item {
17144 flex-basis: 0;
17145 flex-grow: 1;
17146 text-align: center;
17149 .tab-content > .tab-pane {
17150 display: none;
17152 .tab-content > .active {
17153 display: block;
17156 .navbar {
17157 position: relative;
17158 display: flex;
17159 flex-wrap: wrap;
17160 align-items: center;
17161 justify-content: space-between;
17162 padding: 0.5rem 1rem;
17164 .navbar .container,
17165 .navbar .container-fluid,
17166 .navbar .container-sm,
17167 .navbar .container-md,
17168 .navbar .container-lg,
17169 .navbar .container-xl {
17170 display: flex;
17171 flex-wrap: wrap;
17172 align-items: center;
17173 justify-content: space-between;
17175 .navbar-brand {
17176 display: inline-block;
17177 padding-top: 0.32421875rem;
17178 padding-bottom: 0.32421875rem;
17179 margin-right: 1rem;
17180 font-size: 1.171875rem;
17181 line-height: inherit;
17182 white-space: nowrap;
17184 @media (max-width: 1200px) {
17185 .navbar-brand {
17186 font-size: calc(0.9271875rem + 0.32625vw);
17189 .navbar-brand:hover, .navbar-brand:focus {
17190 text-decoration: none;
17193 .navbar-nav {
17194 display: flex;
17195 flex-direction: column;
17196 padding-left: 0;
17197 margin-bottom: 0;
17198 list-style: none;
17200 .navbar-nav .nav-link {
17201 padding-right: 0;
17202 padding-left: 0;
17204 .navbar-nav .dropdown-menu {
17205 position: static;
17206 float: none;
17209 .navbar-text {
17210 display: inline-block;
17211 padding-top: 0.5rem;
17212 padding-bottom: 0.5rem;
17215 .navbar-collapse {
17216 flex-basis: 100%;
17217 flex-grow: 1;
17218 align-items: center;
17221 .navbar-toggler {
17222 padding: 0.25rem 0.75rem;
17223 font-size: 1.171875rem;
17224 line-height: 1;
17225 background-color: transparent;
17226 border: 1px solid transparent;
17227 border-radius: 0.25rem;
17229 @media (max-width: 1200px) {
17230 .navbar-toggler {
17231 font-size: calc(0.9271875rem + 0.32625vw);
17234 .navbar-toggler:hover, .navbar-toggler:focus {
17235 text-decoration: none;
17238 .navbar-toggler-icon {
17239 display: inline-block;
17240 width: 1.5em;
17241 height: 1.5em;
17242 vertical-align: middle;
17243 content: "";
17244 background: 50%/100% 100% no-repeat;
17247 .navbar-nav-scroll {
17248 max-height: 75vh;
17249 overflow-y: auto;
17252 @media (max-width: 575.98px) {
17253 .navbar-expand-sm > .container,
17254 .navbar-expand-sm > .container-fluid,
17255 .navbar-expand-sm > .container-sm,
17256 .navbar-expand-sm > .container-md,
17257 .navbar-expand-sm > .container-lg,
17258 .navbar-expand-sm > .container-xl {
17259 padding-right: 0;
17260 padding-left: 0;
17263 @media (min-width: 576px) {
17264 .navbar-expand-sm {
17265 flex-flow: row nowrap;
17266 justify-content: flex-start;
17268 .navbar-expand-sm .navbar-nav {
17269 flex-direction: row;
17271 .navbar-expand-sm .navbar-nav .dropdown-menu {
17272 position: absolute;
17274 .navbar-expand-sm .navbar-nav .nav-link {
17275 padding-right: 0.5rem;
17276 padding-left: 0.5rem;
17278 .navbar-expand-sm > .container,
17279 .navbar-expand-sm > .container-fluid,
17280 .navbar-expand-sm > .container-sm,
17281 .navbar-expand-sm > .container-md,
17282 .navbar-expand-sm > .container-lg,
17283 .navbar-expand-sm > .container-xl {
17284 flex-wrap: nowrap;
17286 .navbar-expand-sm .navbar-nav-scroll {
17287 overflow: visible;
17289 .navbar-expand-sm .navbar-collapse {
17290 display: flex !important;
17291 flex-basis: auto;
17293 .navbar-expand-sm .navbar-toggler {
17294 display: none;
17297 @media (max-width: 767.98px) {
17298 .navbar-expand-md > .container,
17299 .navbar-expand-md > .container-fluid,
17300 .navbar-expand-md > .container-sm,
17301 .navbar-expand-md > .container-md,
17302 .navbar-expand-md > .container-lg,
17303 .navbar-expand-md > .container-xl {
17304 padding-right: 0;
17305 padding-left: 0;
17308 @media (min-width: 768px) {
17309 .navbar-expand-md {
17310 flex-flow: row nowrap;
17311 justify-content: flex-start;
17313 .navbar-expand-md .navbar-nav {
17314 flex-direction: row;
17316 .navbar-expand-md .navbar-nav .dropdown-menu {
17317 position: absolute;
17319 .navbar-expand-md .navbar-nav .nav-link {
17320 padding-right: 0.5rem;
17321 padding-left: 0.5rem;
17323 .navbar-expand-md > .container,
17324 .navbar-expand-md > .container-fluid,
17325 .navbar-expand-md > .container-sm,
17326 .navbar-expand-md > .container-md,
17327 .navbar-expand-md > .container-lg,
17328 .navbar-expand-md > .container-xl {
17329 flex-wrap: nowrap;
17331 .navbar-expand-md .navbar-nav-scroll {
17332 overflow: visible;
17334 .navbar-expand-md .navbar-collapse {
17335 display: flex !important;
17336 flex-basis: auto;
17338 .navbar-expand-md .navbar-toggler {
17339 display: none;
17342 @media (max-width: 991.98px) {
17343 .navbar-expand-lg > .container,
17344 .navbar-expand-lg > .container-fluid,
17345 .navbar-expand-lg > .container-sm,
17346 .navbar-expand-lg > .container-md,
17347 .navbar-expand-lg > .container-lg,
17348 .navbar-expand-lg > .container-xl {
17349 padding-right: 0;
17350 padding-left: 0;
17353 @media (min-width: 992px) {
17354 .navbar-expand-lg {
17355 flex-flow: row nowrap;
17356 justify-content: flex-start;
17358 .navbar-expand-lg .navbar-nav {
17359 flex-direction: row;
17361 .navbar-expand-lg .navbar-nav .dropdown-menu {
17362 position: absolute;
17364 .navbar-expand-lg .navbar-nav .nav-link {
17365 padding-right: 0.5rem;
17366 padding-left: 0.5rem;
17368 .navbar-expand-lg > .container,
17369 .navbar-expand-lg > .container-fluid,
17370 .navbar-expand-lg > .container-sm,
17371 .navbar-expand-lg > .container-md,
17372 .navbar-expand-lg > .container-lg,
17373 .navbar-expand-lg > .container-xl {
17374 flex-wrap: nowrap;
17376 .navbar-expand-lg .navbar-nav-scroll {
17377 overflow: visible;
17379 .navbar-expand-lg .navbar-collapse {
17380 display: flex !important;
17381 flex-basis: auto;
17383 .navbar-expand-lg .navbar-toggler {
17384 display: none;
17387 @media (max-width: 1199.98px) {
17388 .navbar-expand-xl > .container,
17389 .navbar-expand-xl > .container-fluid,
17390 .navbar-expand-xl > .container-sm,
17391 .navbar-expand-xl > .container-md,
17392 .navbar-expand-xl > .container-lg,
17393 .navbar-expand-xl > .container-xl {
17394 padding-right: 0;
17395 padding-left: 0;
17398 @media (min-width: 1200px) {
17399 .navbar-expand-xl {
17400 flex-flow: row nowrap;
17401 justify-content: flex-start;
17403 .navbar-expand-xl .navbar-nav {
17404 flex-direction: row;
17406 .navbar-expand-xl .navbar-nav .dropdown-menu {
17407 position: absolute;
17409 .navbar-expand-xl .navbar-nav .nav-link {
17410 padding-right: 0.5rem;
17411 padding-left: 0.5rem;
17413 .navbar-expand-xl > .container,
17414 .navbar-expand-xl > .container-fluid,
17415 .navbar-expand-xl > .container-sm,
17416 .navbar-expand-xl > .container-md,
17417 .navbar-expand-xl > .container-lg,
17418 .navbar-expand-xl > .container-xl {
17419 flex-wrap: nowrap;
17421 .navbar-expand-xl .navbar-nav-scroll {
17422 overflow: visible;
17424 .navbar-expand-xl .navbar-collapse {
17425 display: flex !important;
17426 flex-basis: auto;
17428 .navbar-expand-xl .navbar-toggler {
17429 display: none;
17432 .navbar-expand {
17433 flex-flow: row nowrap;
17434 justify-content: flex-start;
17436 .navbar-expand > .container,
17437 .navbar-expand > .container-fluid,
17438 .navbar-expand > .container-sm,
17439 .navbar-expand > .container-md,
17440 .navbar-expand > .container-lg,
17441 .navbar-expand > .container-xl {
17442 padding-right: 0;
17443 padding-left: 0;
17445 .navbar-expand .navbar-nav {
17446 flex-direction: row;
17448 .navbar-expand .navbar-nav .dropdown-menu {
17449 position: absolute;
17451 .navbar-expand .navbar-nav .nav-link {
17452 padding-right: 0.5rem;
17453 padding-left: 0.5rem;
17455 .navbar-expand > .container,
17456 .navbar-expand > .container-fluid,
17457 .navbar-expand > .container-sm,
17458 .navbar-expand > .container-md,
17459 .navbar-expand > .container-lg,
17460 .navbar-expand > .container-xl {
17461 flex-wrap: nowrap;
17463 .navbar-expand .navbar-nav-scroll {
17464 overflow: visible;
17466 .navbar-expand .navbar-collapse {
17467 display: flex !important;
17468 flex-basis: auto;
17470 .navbar-expand .navbar-toggler {
17471 display: none;
17474 .navbar-light .navbar-brand {
17475 color: rgba(0, 0, 0, 0.9);
17477 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
17478 color: rgba(0, 0, 0, 0.9);
17480 .navbar-light .navbar-nav .nav-link {
17481 color: rgba(0, 0, 0, 0.6);
17483 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
17484 color: rgba(0, 0, 0, 0.9);
17486 .navbar-light .navbar-nav .nav-link.disabled {
17487 color: rgba(0, 0, 0, 0.3);
17489 .navbar-light .navbar-nav .show > .nav-link,
17490 .navbar-light .navbar-nav .active > .nav-link,
17491 .navbar-light .navbar-nav .nav-link.show,
17492 .navbar-light .navbar-nav .nav-link.active {
17493 color: rgba(0, 0, 0, 0.9);
17495 .navbar-light .navbar-toggler {
17496 color: rgba(0, 0, 0, 0.6);
17497 border-color: rgba(0, 0, 0, 0.1);
17499 .navbar-light .navbar-toggler-icon {
17500 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");
17502 .navbar-light .navbar-text {
17503 color: rgba(0, 0, 0, 0.6);
17505 .navbar-light .navbar-text a {
17506 color: rgba(0, 0, 0, 0.9);
17508 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
17509 color: rgba(0, 0, 0, 0.9);
17512 .navbar-dark .navbar-brand {
17513 color: #fff;
17515 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
17516 color: #fff;
17518 .navbar-dark .navbar-nav .nav-link {
17519 color: rgba(255, 255, 255, 0.5);
17521 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
17522 color: white;
17524 .navbar-dark .navbar-nav .nav-link.disabled {
17525 color: rgba(255, 255, 255, 0.25);
17527 .navbar-dark .navbar-nav .show > .nav-link,
17528 .navbar-dark .navbar-nav .active > .nav-link,
17529 .navbar-dark .navbar-nav .nav-link.show,
17530 .navbar-dark .navbar-nav .nav-link.active {
17531 color: #fff;
17533 .navbar-dark .navbar-toggler {
17534 color: rgba(255, 255, 255, 0.5);
17535 border-color: rgba(255, 255, 255, 0.1);
17537 .navbar-dark .navbar-toggler-icon {
17538 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");
17540 .navbar-dark .navbar-text {
17541 color: rgba(255, 255, 255, 0.5);
17543 .navbar-dark .navbar-text a {
17544 color: #fff;
17546 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
17547 color: #fff;
17550 .card {
17551 position: relative;
17552 display: flex;
17553 flex-direction: column;
17554 min-width: 0;
17555 word-wrap: break-word;
17556 background-color: #fff;
17557 background-clip: border-box;
17558 border: 1px solid rgba(0, 0, 0, 0.125);
17559 border-radius: 0.25rem;
17561 .card > hr {
17562 margin-right: 0;
17563 margin-left: 0;
17565 .card > .list-group {
17566 border-top: inherit;
17567 border-bottom: inherit;
17569 .card > .list-group:first-child {
17570 border-top-width: 0;
17571 border-top-left-radius: calc(0.25rem - 1px);
17572 border-top-right-radius: calc(0.25rem - 1px);
17574 .card > .list-group:last-child {
17575 border-bottom-width: 0;
17576 border-bottom-right-radius: calc(0.25rem - 1px);
17577 border-bottom-left-radius: calc(0.25rem - 1px);
17579 .card > .card-header + .list-group,
17580 .card > .list-group + .card-footer {
17581 border-top: 0;
17584 .card-body {
17585 flex: 1 1 auto;
17586 min-height: 1px;
17587 padding: 1.25rem;
17590 .card-title {
17591 margin-bottom: 0.75rem;
17594 .card-subtitle {
17595 margin-top: -0.375rem;
17596 margin-bottom: 0;
17599 .card-text:last-child {
17600 margin-bottom: 0;
17603 .card-link:hover {
17604 text-decoration: none;
17606 .card-link + .card-link {
17607 margin-left: 1.25rem;
17610 .card-header {
17611 padding: 0.75rem 1.25rem;
17612 margin-bottom: 0;
17613 background-color: rgba(0, 0, 0, 0.03);
17614 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
17616 .card-header:first-child {
17617 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
17620 .card-footer {
17621 padding: 0.75rem 1.25rem;
17622 background-color: rgba(0, 0, 0, 0.03);
17623 border-top: 1px solid rgba(0, 0, 0, 0.125);
17625 .card-footer:last-child {
17626 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
17629 .card-header-tabs {
17630 margin-right: -0.625rem;
17631 margin-bottom: -0.75rem;
17632 margin-left: -0.625rem;
17633 border-bottom: 0;
17636 .card-header-pills {
17637 margin-right: -0.625rem;
17638 margin-left: -0.625rem;
17641 .card-img-overlay {
17642 position: absolute;
17643 top: 0;
17644 right: 0;
17645 bottom: 0;
17646 left: 0;
17647 padding: 1.25rem;
17648 border-radius: calc(0.25rem - 1px);
17651 .card-img,
17652 .card-img-top,
17653 .card-img-bottom {
17654 flex-shrink: 0;
17655 width: 100%;
17658 .card-img,
17659 .card-img-top {
17660 border-top-left-radius: calc(0.25rem - 1px);
17661 border-top-right-radius: calc(0.25rem - 1px);
17664 .card-img,
17665 .card-img-bottom {
17666 border-bottom-right-radius: calc(0.25rem - 1px);
17667 border-bottom-left-radius: calc(0.25rem - 1px);
17670 .card-deck .card {
17671 margin-bottom: 0.25rem;
17673 @media (min-width: 576px) {
17674 .card-deck {
17675 display: flex;
17676 flex-flow: row wrap;
17677 margin-right: -0.25rem;
17678 margin-left: -0.25rem;
17680 .card-deck .card {
17681 flex: 1 0 0%;
17682 margin-right: 0.25rem;
17683 margin-bottom: 0;
17684 margin-left: 0.25rem;
17688 .card-group > .card {
17689 margin-bottom: 0.25rem;
17691 @media (min-width: 576px) {
17692 .card-group {
17693 display: flex;
17694 flex-flow: row wrap;
17696 .card-group > .card {
17697 flex: 1 0 0%;
17698 margin-bottom: 0;
17700 .card-group > .card + .card {
17701 margin-left: 0;
17702 border-left: 0;
17704 .card-group > .card:not(:last-child) {
17705 border-top-right-radius: 0;
17706 border-bottom-right-radius: 0;
17708 .card-group > .card:not(:last-child) .card-img-top,
17709 .card-group > .card:not(:last-child) .card-header {
17710 border-top-right-radius: 0;
17712 .card-group > .card:not(:last-child) .card-img-bottom,
17713 .card-group > .card:not(:last-child) .card-footer {
17714 border-bottom-right-radius: 0;
17716 .card-group > .card:not(:first-child) {
17717 border-top-left-radius: 0;
17718 border-bottom-left-radius: 0;
17720 .card-group > .card:not(:first-child) .card-img-top,
17721 .card-group > .card:not(:first-child) .card-header {
17722 border-top-left-radius: 0;
17724 .card-group > .card:not(:first-child) .card-img-bottom,
17725 .card-group > .card:not(:first-child) .card-footer {
17726 border-bottom-left-radius: 0;
17730 .card-columns .card {
17731 margin-bottom: 0.75rem;
17733 @media (min-width: 576px) {
17734 .card-columns {
17735 column-count: 3;
17736 column-gap: 1.25rem;
17737 orphans: 1;
17738 widows: 1;
17740 .card-columns .card {
17741 display: inline-block;
17742 width: 100%;
17746 .accordion {
17747 overflow-anchor: none;
17749 .accordion > .card {
17750 overflow: hidden;
17752 .accordion > .card:not(:last-of-type) {
17753 border-bottom: 0;
17754 border-bottom-right-radius: 0;
17755 border-bottom-left-radius: 0;
17757 .accordion > .card:not(:first-of-type) {
17758 border-top-left-radius: 0;
17759 border-top-right-radius: 0;
17761 .accordion > .card > .card-header {
17762 border-radius: 0;
17763 margin-bottom: -1px;
17766 .breadcrumb {
17767 display: flex;
17768 flex-wrap: wrap;
17769 padding: 0.25rem 0;
17770 margin-bottom: 0;
17771 list-style: none;
17772 background-color: transparent;
17773 border-radius: 0.25rem;
17776 .breadcrumb-item + .breadcrumb-item {
17777 padding-left: 0.5rem;
17779 .breadcrumb-item + .breadcrumb-item::before {
17780 float: left;
17781 padding-right: 0.5rem;
17782 color: #6a737b;
17783 content: "/";
17785 .breadcrumb-item + .breadcrumb-item:hover::before {
17786 text-decoration: underline;
17788 .breadcrumb-item + .breadcrumb-item:hover::before {
17789 text-decoration: none;
17791 .breadcrumb-item.active {
17792 color: #6a737b;
17795 .pagination {
17796 display: flex;
17797 padding-left: 0;
17798 list-style: none;
17799 border-radius: 0.25rem;
17802 .page-link {
17803 position: relative;
17804 display: block;
17805 padding: 0.5rem 0.75rem;
17806 margin-left: -1px;
17807 line-height: 1.25;
17808 color: #0f6cbf;
17809 background-color: #fff;
17810 border: 1px solid #dee2e6;
17812 .page-link:hover {
17813 z-index: 2;
17814 color: #094478;
17815 text-decoration: none;
17816 background-color: #e9ecef;
17817 border-color: #dee2e6;
17819 .page-link:focus {
17820 z-index: 3;
17821 outline: 0;
17822 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
17825 .page-item:first-child .page-link {
17826 margin-left: 0;
17827 border-top-left-radius: 0.25rem;
17828 border-bottom-left-radius: 0.25rem;
17830 .page-item:last-child .page-link {
17831 border-top-right-radius: 0.25rem;
17832 border-bottom-right-radius: 0.25rem;
17834 .page-item.active .page-link {
17835 z-index: 3;
17836 color: #fff;
17837 background-color: #0f6cbf;
17838 border-color: #0f6cbf;
17840 .page-item.disabled .page-link {
17841 color: #6a737b;
17842 pointer-events: none;
17843 cursor: auto;
17844 background-color: #fff;
17845 border-color: #dee2e6;
17848 .pagination-lg .page-link {
17849 padding: 0.75rem 1.5rem;
17850 font-size: 1.171875rem;
17851 line-height: 1.5;
17853 @media (max-width: 1200px) {
17854 .pagination-lg .page-link {
17855 font-size: calc(0.9271875rem + 0.32625vw);
17858 .pagination-lg .page-item:first-child .page-link {
17859 border-top-left-radius: 0.3rem;
17860 border-bottom-left-radius: 0.3rem;
17862 .pagination-lg .page-item:last-child .page-link {
17863 border-top-right-radius: 0.3rem;
17864 border-bottom-right-radius: 0.3rem;
17867 .pagination-sm .page-link {
17868 padding: 0.25rem 0.5rem;
17869 font-size: 0.8203125rem;
17870 line-height: 1.5;
17872 .pagination-sm .page-item:first-child .page-link {
17873 border-top-left-radius: 0.2rem;
17874 border-bottom-left-radius: 0.2rem;
17876 .pagination-sm .page-item:last-child .page-link {
17877 border-top-right-radius: 0.2rem;
17878 border-bottom-right-radius: 0.2rem;
17881 .badge {
17882 display: inline-block;
17883 padding: 0.25em 0.4em;
17884 font-size: 75%;
17885 font-weight: 700;
17886 line-height: 1;
17887 text-align: center;
17888 white-space: nowrap;
17889 vertical-align: baseline;
17890 border-radius: 0.25rem;
17891 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;
17893 @media (prefers-reduced-motion: reduce) {
17894 .badge {
17895 transition: none;
17898 a.badge:hover, a.badge:focus {
17899 text-decoration: none;
17902 .badge:empty {
17903 display: none;
17906 .btn .badge {
17907 position: relative;
17908 top: -1px;
17911 .badge-pill {
17912 padding-right: 0.6em;
17913 padding-left: 0.6em;
17914 border-radius: 10rem;
17917 .badge-primary {
17918 color: #fff;
17919 background-color: #0f6cbf;
17921 a.badge-primary:hover, a.badge-primary:focus {
17922 color: #fff;
17923 background-color: #0b5190;
17925 a.badge-primary:focus, a.badge-primary.focus {
17926 outline: 0;
17927 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
17930 .badge-secondary {
17931 color: #1d2125;
17932 background-color: #ced4da;
17934 a.badge-secondary:hover, a.badge-secondary:focus {
17935 color: #1d2125;
17936 background-color: #b1bbc4;
17938 a.badge-secondary:focus, a.badge-secondary.focus {
17939 outline: 0;
17940 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
17943 .badge-success {
17944 color: #fff;
17945 background-color: #357a32;
17947 a.badge-success:hover, a.badge-success:focus {
17948 color: #fff;
17949 background-color: #255623;
17951 a.badge-success:focus, a.badge-success.focus {
17952 outline: 0;
17953 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
17956 .badge-info {
17957 color: #fff;
17958 background-color: #008196;
17960 a.badge-info:hover, a.badge-info:focus {
17961 color: #fff;
17962 background-color: #005563;
17964 a.badge-info:focus, a.badge-info.focus {
17965 outline: 0;
17966 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
17969 .badge-warning {
17970 color: #1d2125;
17971 background-color: #f0ad4e;
17973 a.badge-warning:hover, a.badge-warning:focus {
17974 color: #1d2125;
17975 background-color: #ec971f;
17977 a.badge-warning:focus, a.badge-warning.focus {
17978 outline: 0;
17979 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
17982 .badge-danger {
17983 color: #fff;
17984 background-color: #ca3120;
17986 a.badge-danger:hover, a.badge-danger:focus {
17987 color: #fff;
17988 background-color: #9e2619;
17990 a.badge-danger:focus, a.badge-danger.focus {
17991 outline: 0;
17992 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
17995 .badge-light {
17996 color: #1d2125;
17997 background-color: #f8f9fa;
17999 a.badge-light:hover, a.badge-light:focus {
18000 color: #1d2125;
18001 background-color: #dae0e5;
18003 a.badge-light:focus, a.badge-light.focus {
18004 outline: 0;
18005 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
18008 .badge-dark {
18009 color: #fff;
18010 background-color: #343a40;
18012 a.badge-dark:hover, a.badge-dark:focus {
18013 color: #fff;
18014 background-color: #1d2124;
18016 a.badge-dark:focus, a.badge-dark.focus {
18017 outline: 0;
18018 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
18021 .jumbotron {
18022 padding: 2rem 1rem;
18023 margin-bottom: 2rem;
18024 background-color: #e9ecef;
18025 border-radius: 0.3rem;
18027 @media (min-width: 576px) {
18028 .jumbotron {
18029 padding: 4rem 2rem;
18033 .jumbotron-fluid {
18034 padding-right: 0;
18035 padding-left: 0;
18036 border-radius: 0;
18039 .alert {
18040 position: relative;
18041 padding: 0.75rem 1.25rem;
18042 margin-bottom: 1rem;
18043 border: 0 solid transparent;
18044 border-radius: 0.25rem;
18047 .alert-heading {
18048 color: inherit;
18051 .alert-link {
18052 font-weight: 700;
18055 .alert-dismissible {
18056 padding-right: 3.90625rem;
18058 .alert-dismissible .close {
18059 position: absolute;
18060 top: 0;
18061 right: 0;
18062 z-index: 2;
18063 padding: 0.75rem 1.25rem;
18064 color: inherit;
18067 .alert-primary {
18068 color: #083863;
18069 background-color: #cfe2f2;
18070 border-color: #bcd6ed;
18072 .alert-primary hr {
18073 border-top-color: #a8cae8;
18075 .alert-primary .alert-link {
18076 color: #041d34;
18079 .alert-secondary {
18080 color: #6b6e71;
18081 background-color: #f5f6f8;
18082 border-color: #f1f3f5;
18084 .alert-secondary hr {
18085 border-top-color: #e2e6ea;
18087 .alert-secondary .alert-link {
18088 color: #525557;
18091 .alert-success, .environmenttable .ok {
18092 color: #1c3f1a;
18093 background-color: #d7e4d6;
18094 border-color: #c6dac6;
18096 .alert-success hr, .environmenttable .ok hr {
18097 border-top-color: #b7d0b7;
18099 .alert-success .alert-link, .environmenttable .ok .alert-link {
18100 color: #0c1b0b;
18103 .alert-info {
18104 color: #00434e;
18105 background-color: #cce6ea;
18106 border-color: #b8dce2;
18108 .alert-info hr {
18109 border-top-color: #a6d3db;
18111 .alert-info .alert-link {
18112 color: #00171b;
18115 .alert-warning, .environmenttable .warn {
18116 color: #7d5a29;
18117 background-color: #fcefdc;
18118 border-color: #fbe8cd;
18120 .alert-warning hr, .environmenttable .warn hr {
18121 border-top-color: #f9ddb5;
18123 .alert-warning .alert-link, .environmenttable .warn .alert-link {
18124 color: #573e1c;
18127 .alert-danger, .environmenttable .error {
18128 color: #691911;
18129 background-color: #f4d6d2;
18130 border-color: #f0c5c1;
18132 .alert-danger hr, .environmenttable .error hr {
18133 border-top-color: #ebb2ac;
18135 .alert-danger .alert-link, .environmenttable .error .alert-link {
18136 color: #3d0f0a;
18139 .alert-light {
18140 color: #818182;
18141 background-color: #fefefe;
18142 border-color: #fdfdfe;
18144 .alert-light hr {
18145 border-top-color: #ececf6;
18147 .alert-light .alert-link {
18148 color: #686868;
18151 .alert-dark {
18152 color: #1b1e21;
18153 background-color: #d6d8d9;
18154 border-color: #c6c8ca;
18156 .alert-dark hr {
18157 border-top-color: #b9bbbe;
18159 .alert-dark .alert-link {
18160 color: #040505;
18163 @keyframes progress-bar-stripes {
18164 from {
18165 background-position: 1rem 0;
18167 to {
18168 background-position: 0 0;
18171 .progress {
18172 display: flex;
18173 height: 1rem;
18174 overflow: hidden;
18175 line-height: 0;
18176 font-size: 0.703125rem;
18177 background-color: #e9ecef;
18178 border-radius: 0.25rem;
18181 .progress-bar {
18182 display: flex;
18183 flex-direction: column;
18184 justify-content: center;
18185 overflow: hidden;
18186 color: #fff;
18187 text-align: center;
18188 white-space: nowrap;
18189 background-color: #0f6cbf;
18190 transition: width 0.6s ease;
18192 @media (prefers-reduced-motion: reduce) {
18193 .progress-bar {
18194 transition: none;
18198 .progress-bar-striped {
18199 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);
18200 background-size: 1rem 1rem;
18203 .progress-bar-animated {
18204 animation: 1s linear infinite progress-bar-stripes;
18206 @media (prefers-reduced-motion: reduce) {
18207 .progress-bar-animated {
18208 animation: none;
18212 .media {
18213 display: flex;
18214 align-items: flex-start;
18217 .media-body {
18218 flex: 1;
18221 .list-group {
18222 display: flex;
18223 flex-direction: column;
18224 padding-left: 0;
18225 margin-bottom: 0;
18226 border-radius: 0.25rem;
18229 .list-group-item-action {
18230 width: 100%;
18231 color: #495057;
18232 text-align: inherit;
18234 .list-group-item-action:hover, .list-group-item-action:focus {
18235 z-index: 1;
18236 color: #495057;
18237 text-decoration: none;
18238 background-color: #f8f9fa;
18240 .list-group-item-action:active {
18241 color: #1d2125;
18242 background-color: #e9ecef;
18245 .list-group-item {
18246 position: relative;
18247 display: block;
18248 padding: 0.75rem 1.25rem;
18249 background-color: #fff;
18250 border: 1px solid rgba(0, 0, 0, 0.125);
18252 .list-group-item:first-child {
18253 border-top-left-radius: inherit;
18254 border-top-right-radius: inherit;
18256 .list-group-item:last-child {
18257 border-bottom-right-radius: inherit;
18258 border-bottom-left-radius: inherit;
18260 .list-group-item.disabled, .list-group-item:disabled {
18261 color: #6a737b;
18262 pointer-events: none;
18263 background-color: #fff;
18265 .list-group-item.active {
18266 z-index: 2;
18267 color: #fff;
18268 background-color: #0f6cbf;
18269 border-color: #0f6cbf;
18271 .list-group-item + .list-group-item {
18272 border-top-width: 0;
18274 .list-group-item + .list-group-item.active {
18275 margin-top: -1px;
18276 border-top-width: 1px;
18279 .list-group-horizontal {
18280 flex-direction: row;
18282 .list-group-horizontal > .list-group-item:first-child {
18283 border-bottom-left-radius: 0.25rem;
18284 border-top-right-radius: 0;
18286 .list-group-horizontal > .list-group-item:last-child {
18287 border-top-right-radius: 0.25rem;
18288 border-bottom-left-radius: 0;
18290 .list-group-horizontal > .list-group-item.active {
18291 margin-top: 0;
18293 .list-group-horizontal > .list-group-item + .list-group-item {
18294 border-top-width: 1px;
18295 border-left-width: 0;
18297 .list-group-horizontal > .list-group-item + .list-group-item.active {
18298 margin-left: -1px;
18299 border-left-width: 1px;
18302 @media (min-width: 576px) {
18303 .list-group-horizontal-sm {
18304 flex-direction: row;
18306 .list-group-horizontal-sm > .list-group-item:first-child {
18307 border-bottom-left-radius: 0.25rem;
18308 border-top-right-radius: 0;
18310 .list-group-horizontal-sm > .list-group-item:last-child {
18311 border-top-right-radius: 0.25rem;
18312 border-bottom-left-radius: 0;
18314 .list-group-horizontal-sm > .list-group-item.active {
18315 margin-top: 0;
18317 .list-group-horizontal-sm > .list-group-item + .list-group-item {
18318 border-top-width: 1px;
18319 border-left-width: 0;
18321 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
18322 margin-left: -1px;
18323 border-left-width: 1px;
18326 @media (min-width: 768px) {
18327 .list-group-horizontal-md {
18328 flex-direction: row;
18330 .list-group-horizontal-md > .list-group-item:first-child {
18331 border-bottom-left-radius: 0.25rem;
18332 border-top-right-radius: 0;
18334 .list-group-horizontal-md > .list-group-item:last-child {
18335 border-top-right-radius: 0.25rem;
18336 border-bottom-left-radius: 0;
18338 .list-group-horizontal-md > .list-group-item.active {
18339 margin-top: 0;
18341 .list-group-horizontal-md > .list-group-item + .list-group-item {
18342 border-top-width: 1px;
18343 border-left-width: 0;
18345 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
18346 margin-left: -1px;
18347 border-left-width: 1px;
18350 @media (min-width: 992px) {
18351 .list-group-horizontal-lg {
18352 flex-direction: row;
18354 .list-group-horizontal-lg > .list-group-item:first-child {
18355 border-bottom-left-radius: 0.25rem;
18356 border-top-right-radius: 0;
18358 .list-group-horizontal-lg > .list-group-item:last-child {
18359 border-top-right-radius: 0.25rem;
18360 border-bottom-left-radius: 0;
18362 .list-group-horizontal-lg > .list-group-item.active {
18363 margin-top: 0;
18365 .list-group-horizontal-lg > .list-group-item + .list-group-item {
18366 border-top-width: 1px;
18367 border-left-width: 0;
18369 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
18370 margin-left: -1px;
18371 border-left-width: 1px;
18374 @media (min-width: 1200px) {
18375 .list-group-horizontal-xl {
18376 flex-direction: row;
18378 .list-group-horizontal-xl > .list-group-item:first-child {
18379 border-bottom-left-radius: 0.25rem;
18380 border-top-right-radius: 0;
18382 .list-group-horizontal-xl > .list-group-item:last-child {
18383 border-top-right-radius: 0.25rem;
18384 border-bottom-left-radius: 0;
18386 .list-group-horizontal-xl > .list-group-item.active {
18387 margin-top: 0;
18389 .list-group-horizontal-xl > .list-group-item + .list-group-item {
18390 border-top-width: 1px;
18391 border-left-width: 0;
18393 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
18394 margin-left: -1px;
18395 border-left-width: 1px;
18398 .list-group-flush {
18399 border-radius: 0;
18401 .list-group-flush > .list-group-item {
18402 border-width: 0 0 1px;
18404 .list-group-flush > .list-group-item:last-child {
18405 border-bottom-width: 0;
18408 .list-group-item-primary {
18409 color: #083863;
18410 background-color: #bcd6ed;
18412 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
18413 color: #083863;
18414 background-color: #a8cae8;
18416 .list-group-item-primary.list-group-item-action.active {
18417 color: #fff;
18418 background-color: #083863;
18419 border-color: #083863;
18422 .list-group-item-secondary {
18423 color: #6b6e71;
18424 background-color: #f1f3f5;
18426 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
18427 color: #6b6e71;
18428 background-color: #e2e6ea;
18430 .list-group-item-secondary.list-group-item-action.active {
18431 color: #fff;
18432 background-color: #6b6e71;
18433 border-color: #6b6e71;
18436 .list-group-item-success {
18437 color: #1c3f1a;
18438 background-color: #c6dac6;
18440 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
18441 color: #1c3f1a;
18442 background-color: #b7d0b7;
18444 .list-group-item-success.list-group-item-action.active {
18445 color: #fff;
18446 background-color: #1c3f1a;
18447 border-color: #1c3f1a;
18450 .list-group-item-info {
18451 color: #00434e;
18452 background-color: #b8dce2;
18454 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
18455 color: #00434e;
18456 background-color: #a6d3db;
18458 .list-group-item-info.list-group-item-action.active {
18459 color: #fff;
18460 background-color: #00434e;
18461 border-color: #00434e;
18464 .list-group-item-warning {
18465 color: #7d5a29;
18466 background-color: #fbe8cd;
18468 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
18469 color: #7d5a29;
18470 background-color: #f9ddb5;
18472 .list-group-item-warning.list-group-item-action.active {
18473 color: #fff;
18474 background-color: #7d5a29;
18475 border-color: #7d5a29;
18478 .list-group-item-danger {
18479 color: #691911;
18480 background-color: #f0c5c1;
18482 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
18483 color: #691911;
18484 background-color: #ebb2ac;
18486 .list-group-item-danger.list-group-item-action.active {
18487 color: #fff;
18488 background-color: #691911;
18489 border-color: #691911;
18492 .list-group-item-light {
18493 color: #818182;
18494 background-color: #fdfdfe;
18496 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
18497 color: #818182;
18498 background-color: #ececf6;
18500 .list-group-item-light.list-group-item-action.active {
18501 color: #fff;
18502 background-color: #818182;
18503 border-color: #818182;
18506 .list-group-item-dark {
18507 color: #1b1e21;
18508 background-color: #c6c8ca;
18510 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
18511 color: #1b1e21;
18512 background-color: #b9bbbe;
18514 .list-group-item-dark.list-group-item-action.active {
18515 color: #fff;
18516 background-color: #1b1e21;
18517 border-color: #1b1e21;
18520 .close {
18521 float: right;
18522 font-size: 1.40625rem;
18523 font-weight: 700;
18524 line-height: 1;
18525 color: #000;
18526 text-shadow: 0 1px 0 #fff;
18527 opacity: 0.5;
18529 @media (max-width: 1200px) {
18530 .close {
18531 font-size: calc(0.950625rem + 0.6075vw);
18534 .close:hover {
18535 color: #000;
18536 text-decoration: none;
18538 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
18539 opacity: 0.75;
18542 button.close {
18543 padding: 0;
18544 background-color: transparent;
18545 border: 0;
18548 a.close.disabled {
18549 pointer-events: none;
18552 .toast {
18553 flex-basis: 350px;
18554 max-width: 350px;
18555 font-size: 0.875rem;
18556 color: #fff;
18557 background-color: rgba(29, 33, 37, 0.95);
18558 background-clip: padding-box;
18559 border: 1px solid rgba(0, 0, 0, 0.1);
18560 box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
18561 opacity: 0;
18562 border-radius: 0.25rem;
18564 .toast:not(:last-child) {
18565 margin-bottom: 0.75rem;
18567 .toast.showing {
18568 opacity: 1;
18570 .toast.show {
18571 display: block;
18572 opacity: 1;
18574 .toast.hide {
18575 display: none;
18578 .toast-header {
18579 display: flex;
18580 align-items: center;
18581 padding: 0.25rem 0.75rem;
18582 color: #f8f9fa;
18583 background-color: rgba(255, 255, 255, 0.1);
18584 background-clip: padding-box;
18585 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
18586 border-top-left-radius: calc(0.25rem - 1px);
18587 border-top-right-radius: calc(0.25rem - 1px);
18590 .toast-body {
18591 padding: 0.75rem;
18594 .modal-open {
18595 overflow: hidden;
18597 .modal-open .modal {
18598 overflow-x: hidden;
18599 overflow-y: auto;
18602 .modal {
18603 position: fixed;
18604 top: 0;
18605 left: 0;
18606 z-index: 1050;
18607 display: none;
18608 width: 100%;
18609 height: 100%;
18610 overflow: hidden;
18611 outline: 0;
18614 .modal-dialog {
18615 position: relative;
18616 width: auto;
18617 margin: 0.5rem;
18618 pointer-events: none;
18620 .modal.fade .modal-dialog {
18621 transition: transform 0.3s ease-out;
18622 transform: translate(0, -50px);
18624 @media (prefers-reduced-motion: reduce) {
18625 .modal.fade .modal-dialog {
18626 transition: none;
18629 .modal.show .modal-dialog {
18630 transform: none;
18632 .modal.modal-static .modal-dialog {
18633 transform: scale(1.02);
18636 .modal-dialog-scrollable {
18637 display: flex;
18638 max-height: calc(100% - 1rem);
18640 .modal-dialog-scrollable .modal-content {
18641 max-height: calc(100vh - 1rem);
18642 overflow: hidden;
18644 .modal-dialog-scrollable .modal-header,
18645 .modal-dialog-scrollable .modal-footer {
18646 flex-shrink: 0;
18648 .modal-dialog-scrollable .modal-body {
18649 overflow-y: auto;
18652 .modal-dialog-centered {
18653 display: flex;
18654 align-items: center;
18655 min-height: calc(100% - 1rem);
18657 .modal-dialog-centered::before {
18658 display: block;
18659 height: calc(100vh - 1rem);
18660 height: min-content;
18661 content: "";
18663 .modal-dialog-centered.modal-dialog-scrollable {
18664 flex-direction: column;
18665 justify-content: center;
18666 height: 100%;
18668 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
18669 max-height: none;
18671 .modal-dialog-centered.modal-dialog-scrollable::before {
18672 content: none;
18675 .modal-content {
18676 position: relative;
18677 display: flex;
18678 flex-direction: column;
18679 width: 100%;
18680 pointer-events: auto;
18681 background-color: #fff;
18682 background-clip: padding-box;
18683 border: 1px solid rgba(0, 0, 0, 0.2);
18684 border-radius: 0.3rem;
18685 outline: 0;
18688 .modal-backdrop {
18689 position: fixed;
18690 top: 0;
18691 left: 0;
18692 z-index: 1040;
18693 width: 100vw;
18694 height: 100vh;
18695 background-color: #000;
18697 .modal-backdrop.fade {
18698 opacity: 0;
18700 .modal-backdrop.show {
18701 opacity: 0.5;
18704 .modal-header {
18705 display: flex;
18706 align-items: flex-start;
18707 justify-content: space-between;
18708 padding: 1rem 1rem;
18709 border-bottom: 1px solid #dee2e6;
18710 border-top-left-radius: calc(0.3rem - 1px);
18711 border-top-right-radius: calc(0.3rem - 1px);
18713 .modal-header .close {
18714 padding: 1rem 1rem;
18715 margin: -1rem -1rem -1rem auto;
18718 .modal-title {
18719 margin-bottom: 0;
18720 line-height: 1.5;
18723 .modal-body {
18724 position: relative;
18725 flex: 1 1 auto;
18726 padding: 1rem;
18729 .modal-footer {
18730 display: flex;
18731 flex-wrap: wrap;
18732 align-items: center;
18733 justify-content: flex-end;
18734 padding: 0.75rem;
18735 border-top: 1px solid #dee2e6;
18736 border-bottom-right-radius: calc(0.3rem - 1px);
18737 border-bottom-left-radius: calc(0.3rem - 1px);
18739 .modal-footer > * {
18740 margin: 0.25rem;
18743 .modal-scrollbar-measure {
18744 position: absolute;
18745 top: -9999px;
18746 width: 50px;
18747 height: 50px;
18748 overflow: scroll;
18751 @media (min-width: 576px) {
18752 .modal-dialog {
18753 max-width: 500px;
18754 margin: 1.75rem auto;
18756 .modal-dialog-scrollable {
18757 max-height: calc(100% - 3.5rem);
18759 .modal-dialog-scrollable .modal-content {
18760 max-height: calc(100vh - 3.5rem);
18762 .modal-dialog-centered {
18763 min-height: calc(100% - 3.5rem);
18765 .modal-dialog-centered::before {
18766 height: calc(100vh - 3.5rem);
18767 height: min-content;
18769 .modal-sm {
18770 max-width: 300px;
18773 @media (min-width: 992px) {
18774 .modal-lg,
18775 .modal-xl {
18776 max-width: 800px;
18779 @media (min-width: 1200px) {
18780 .modal-xl {
18781 max-width: 1140px;
18784 .tooltip {
18785 position: absolute;
18786 z-index: 1070;
18787 display: block;
18788 margin: 0;
18789 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";
18790 font-style: normal;
18791 font-weight: 400;
18792 line-height: 1.5;
18793 text-align: left;
18794 text-align: start;
18795 text-decoration: none;
18796 text-shadow: none;
18797 text-transform: none;
18798 letter-spacing: normal;
18799 word-break: normal;
18800 white-space: normal;
18801 word-spacing: normal;
18802 line-break: auto;
18803 font-size: 0.8203125rem;
18804 word-wrap: break-word;
18805 opacity: 0;
18807 .tooltip.show {
18808 opacity: 0.9;
18810 .tooltip .arrow {
18811 position: absolute;
18812 display: block;
18813 width: 0.8rem;
18814 height: 0.4rem;
18816 .tooltip .arrow::before {
18817 position: absolute;
18818 content: "";
18819 border-color: transparent;
18820 border-style: solid;
18823 .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
18824 padding: 0.4rem 0;
18826 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
18827 bottom: 0;
18829 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
18830 top: 0;
18831 border-width: 0.4rem 0.4rem 0;
18832 border-top-color: #000;
18835 .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
18836 padding: 0 0.4rem;
18838 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
18839 left: 0;
18840 width: 0.4rem;
18841 height: 0.8rem;
18843 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
18844 right: 0;
18845 border-width: 0.4rem 0.4rem 0.4rem 0;
18846 border-right-color: #000;
18849 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
18850 padding: 0.4rem 0;
18852 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
18853 top: 0;
18855 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
18856 bottom: 0;
18857 border-width: 0 0.4rem 0.4rem;
18858 border-bottom-color: #000;
18861 .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
18862 padding: 0 0.4rem;
18864 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
18865 right: 0;
18866 width: 0.4rem;
18867 height: 0.8rem;
18869 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
18870 left: 0;
18871 border-width: 0.4rem 0 0.4rem 0.4rem;
18872 border-left-color: #000;
18875 .tooltip-inner {
18876 max-width: 200px;
18877 padding: 0.25rem 0.5rem;
18878 color: #fff;
18879 text-align: center;
18880 background-color: #000;
18881 border-radius: 0.25rem;
18884 .popover {
18885 position: absolute;
18886 top: 0;
18887 z-index: 1060;
18888 display: block;
18889 max-width: 276px;
18890 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";
18891 font-style: normal;
18892 font-weight: 400;
18893 line-height: 1.5;
18894 text-align: left;
18895 text-align: start;
18896 text-decoration: none;
18897 text-shadow: none;
18898 text-transform: none;
18899 letter-spacing: normal;
18900 word-break: normal;
18901 white-space: normal;
18902 word-spacing: normal;
18903 line-break: auto;
18904 font-size: 0.8203125rem;
18905 word-wrap: break-word;
18906 background-color: #fff;
18907 background-clip: padding-box;
18908 border: 1px solid rgba(0, 0, 0, 0.2);
18909 border-radius: 0.3rem;
18911 .popover .arrow {
18912 position: absolute;
18913 display: block;
18914 width: 1rem;
18915 height: 0.5rem;
18916 margin: 0 0.3rem;
18918 .popover .arrow::before, .popover .arrow::after {
18919 position: absolute;
18920 display: block;
18921 content: "";
18922 border-color: transparent;
18923 border-style: solid;
18926 .bs-popover-top, .bs-popover-auto[x-placement^=top] {
18927 margin-bottom: 0.5rem;
18929 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
18930 bottom: calc(-0.5rem - 1px);
18932 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
18933 bottom: 0;
18934 border-width: 0.5rem 0.5rem 0;
18935 border-top-color: rgba(0, 0, 0, 0.25);
18937 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
18938 bottom: 1px;
18939 border-width: 0.5rem 0.5rem 0;
18940 border-top-color: #fff;
18943 .bs-popover-right, .bs-popover-auto[x-placement^=right] {
18944 margin-left: 0.5rem;
18946 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
18947 left: calc(-0.5rem - 1px);
18948 width: 0.5rem;
18949 height: 1rem;
18950 margin: 0.3rem 0;
18952 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
18953 left: 0;
18954 border-width: 0.5rem 0.5rem 0.5rem 0;
18955 border-right-color: rgba(0, 0, 0, 0.25);
18957 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
18958 left: 1px;
18959 border-width: 0.5rem 0.5rem 0.5rem 0;
18960 border-right-color: #fff;
18963 .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
18964 margin-top: 0.5rem;
18966 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
18967 top: calc(-0.5rem - 1px);
18969 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
18970 top: 0;
18971 border-width: 0 0.5rem 0.5rem 0.5rem;
18972 border-bottom-color: rgba(0, 0, 0, 0.25);
18974 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
18975 top: 1px;
18976 border-width: 0 0.5rem 0.5rem 0.5rem;
18977 border-bottom-color: #fff;
18979 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
18980 position: absolute;
18981 top: 0;
18982 left: 50%;
18983 display: block;
18984 width: 1rem;
18985 margin-left: -0.5rem;
18986 content: "";
18987 border-bottom: 1px solid #f7f7f7;
18990 .bs-popover-left, .bs-popover-auto[x-placement^=left] {
18991 margin-right: 0.5rem;
18993 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
18994 right: calc(-0.5rem - 1px);
18995 width: 0.5rem;
18996 height: 1rem;
18997 margin: 0.3rem 0;
18999 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
19000 right: 0;
19001 border-width: 0.5rem 0 0.5rem 0.5rem;
19002 border-left-color: rgba(0, 0, 0, 0.25);
19004 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
19005 right: 1px;
19006 border-width: 0.5rem 0 0.5rem 0.5rem;
19007 border-left-color: #fff;
19010 .popover-header {
19011 padding: 0.5rem 0.75rem;
19012 margin-bottom: 0;
19013 font-size: 0.9375rem;
19014 background-color: #f7f7f7;
19015 border-bottom: 1px solid #ebebeb;
19016 border-top-left-radius: calc(0.3rem - 1px);
19017 border-top-right-radius: calc(0.3rem - 1px);
19019 @media (max-width: 1200px) {
19020 .popover-header {
19021 font-size: calc(0.90375rem + 0.045vw);
19024 .popover-header:empty {
19025 display: none;
19028 .popover-body {
19029 padding: 0.5rem 0.75rem;
19030 color: #1d2125;
19033 .carousel {
19034 position: relative;
19037 .carousel.pointer-event {
19038 touch-action: pan-y;
19041 .carousel-inner {
19042 position: relative;
19043 width: 100%;
19044 overflow: hidden;
19046 .carousel-inner::after {
19047 display: block;
19048 clear: both;
19049 content: "";
19052 .carousel-item {
19053 position: relative;
19054 display: none;
19055 float: left;
19056 width: 100%;
19057 margin-right: -100%;
19058 backface-visibility: hidden;
19059 transition: transform 0.6s ease-in-out;
19061 @media (prefers-reduced-motion: reduce) {
19062 .carousel-item {
19063 transition: none;
19067 .carousel-item.active,
19068 .carousel-item-next,
19069 .carousel-item-prev {
19070 display: block;
19073 .carousel-item-next:not(.carousel-item-left),
19074 .active.carousel-item-right {
19075 transform: translateX(100%);
19078 .carousel-item-prev:not(.carousel-item-right),
19079 .active.carousel-item-left {
19080 transform: translateX(-100%);
19083 .carousel-fade .carousel-item {
19084 opacity: 0;
19085 transition-property: opacity;
19086 transform: none;
19088 .carousel-fade .carousel-item.active,
19089 .carousel-fade .carousel-item-next.carousel-item-left,
19090 .carousel-fade .carousel-item-prev.carousel-item-right {
19091 z-index: 1;
19092 opacity: 1;
19094 .carousel-fade .active.carousel-item-left,
19095 .carousel-fade .active.carousel-item-right {
19096 z-index: 0;
19097 opacity: 0;
19098 transition: opacity 0s 0.6s;
19100 @media (prefers-reduced-motion: reduce) {
19101 .carousel-fade .active.carousel-item-left,
19102 .carousel-fade .active.carousel-item-right {
19103 transition: none;
19107 .carousel-control-prev,
19108 .carousel-control-next {
19109 position: absolute;
19110 top: 0;
19111 bottom: 0;
19112 z-index: 1;
19113 display: flex;
19114 align-items: center;
19115 justify-content: center;
19116 width: 15%;
19117 padding: 0;
19118 color: #fff;
19119 text-align: center;
19120 background: none;
19121 border: 0;
19122 opacity: 0.5;
19123 transition: opacity 0.15s ease;
19125 @media (prefers-reduced-motion: reduce) {
19126 .carousel-control-prev,
19127 .carousel-control-next {
19128 transition: none;
19131 .carousel-control-prev:hover, .carousel-control-prev:focus,
19132 .carousel-control-next:hover,
19133 .carousel-control-next:focus {
19134 color: #fff;
19135 text-decoration: none;
19136 outline: 0;
19137 opacity: 0.9;
19140 .carousel-control-prev {
19141 left: 0;
19144 .carousel-control-next {
19145 right: 0;
19148 .carousel-control-prev-icon,
19149 .carousel-control-next-icon {
19150 display: inline-block;
19151 width: 20px;
19152 height: 20px;
19153 background: 50%/100% 100% no-repeat;
19156 .carousel-control-prev-icon {
19157 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");
19160 .carousel-control-next-icon {
19161 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");
19164 .carousel-indicators {
19165 position: absolute;
19166 right: 0;
19167 bottom: 0;
19168 left: 0;
19169 z-index: 15;
19170 display: flex;
19171 justify-content: center;
19172 padding-left: 0;
19173 margin-right: 15%;
19174 margin-left: 15%;
19175 list-style: none;
19177 .carousel-indicators li {
19178 box-sizing: content-box;
19179 flex: 0 1 auto;
19180 width: 30px;
19181 height: 3px;
19182 margin-right: 3px;
19183 margin-left: 3px;
19184 text-indent: -999px;
19185 cursor: pointer;
19186 background-color: #fff;
19187 background-clip: padding-box;
19188 border-top: 10px solid transparent;
19189 border-bottom: 10px solid transparent;
19190 opacity: 0.5;
19191 transition: opacity 0.6s ease;
19193 @media (prefers-reduced-motion: reduce) {
19194 .carousel-indicators li {
19195 transition: none;
19198 .carousel-indicators .active {
19199 opacity: 1;
19202 .carousel-caption {
19203 position: absolute;
19204 right: 15%;
19205 bottom: 20px;
19206 left: 15%;
19207 z-index: 10;
19208 padding-top: 20px;
19209 padding-bottom: 20px;
19210 color: #fff;
19211 text-align: center;
19214 @keyframes spinner-border {
19215 to {
19216 transform: rotate(360deg);
19219 .spinner-border {
19220 display: inline-block;
19221 width: 2rem;
19222 height: 2rem;
19223 vertical-align: -0.125em;
19224 border: 0.25em solid currentcolor;
19225 border-right-color: transparent;
19226 border-radius: 50%;
19227 animation: 0.75s linear infinite spinner-border;
19230 .spinner-border-sm {
19231 width: 1rem;
19232 height: 1rem;
19233 border-width: 0.2em;
19236 @keyframes spinner-grow {
19237 0% {
19238 transform: scale(0);
19240 50% {
19241 opacity: 1;
19242 transform: none;
19245 .spinner-grow {
19246 display: inline-block;
19247 width: 2rem;
19248 height: 2rem;
19249 vertical-align: -0.125em;
19250 background-color: currentcolor;
19251 border-radius: 50%;
19252 opacity: 0;
19253 animation: 0.75s linear infinite spinner-grow;
19256 .spinner-grow-sm {
19257 width: 1rem;
19258 height: 1rem;
19261 @media (prefers-reduced-motion: reduce) {
19262 .spinner-border,
19263 .spinner-grow {
19264 animation-duration: 1.5s;
19267 .align-baseline {
19268 vertical-align: baseline !important;
19271 .align-top, [data-filterregion=value] div:first-of-type {
19272 vertical-align: top !important;
19275 .align-middle, .reportbuilder-table td {
19276 vertical-align: middle !important;
19279 .align-bottom {
19280 vertical-align: bottom !important;
19283 .align-text-bottom {
19284 vertical-align: text-bottom !important;
19287 .align-text-top {
19288 vertical-align: text-top !important;
19291 .bg-primary {
19292 background-color: #0f6cbf !important;
19295 a.bg-primary:hover, a.bg-primary:focus,
19296 button.bg-primary:hover,
19297 button.bg-primary:focus {
19298 background-color: #0b5190 !important;
19301 .bg-secondary {
19302 background-color: #ced4da !important;
19305 a.bg-secondary:hover, a.bg-secondary:focus,
19306 button.bg-secondary:hover,
19307 button.bg-secondary:focus {
19308 background-color: #b1bbc4 !important;
19311 .bg-success {
19312 background-color: #357a32 !important;
19315 a.bg-success:hover, a.bg-success:focus,
19316 button.bg-success:hover,
19317 button.bg-success:focus {
19318 background-color: #255623 !important;
19321 .bg-info {
19322 background-color: #008196 !important;
19325 a.bg-info:hover, a.bg-info:focus,
19326 button.bg-info:hover,
19327 button.bg-info:focus {
19328 background-color: #005563 !important;
19331 .bg-warning {
19332 background-color: #f0ad4e !important;
19335 a.bg-warning:hover, a.bg-warning:focus,
19336 button.bg-warning:hover,
19337 button.bg-warning:focus {
19338 background-color: #ec971f !important;
19341 .bg-danger {
19342 background-color: #ca3120 !important;
19345 a.bg-danger:hover, a.bg-danger:focus,
19346 button.bg-danger:hover,
19347 button.bg-danger:focus {
19348 background-color: #9e2619 !important;
19351 .bg-light {
19352 background-color: #f8f9fa !important;
19355 a.bg-light:hover, a.bg-light:focus,
19356 button.bg-light:hover,
19357 button.bg-light:focus {
19358 background-color: #dae0e5 !important;
19361 .bg-dark {
19362 background-color: #343a40 !important;
19365 a.bg-dark:hover, a.bg-dark:focus,
19366 button.bg-dark:hover,
19367 button.bg-dark:focus {
19368 background-color: #1d2124 !important;
19371 .bg-white {
19372 background-color: #fff !important;
19375 .bg-transparent {
19376 background-color: transparent !important;
19379 .border {
19380 border: 1px solid #dee2e6 !important;
19383 .border-top {
19384 border-top: 1px solid #dee2e6 !important;
19387 .border-right {
19388 border-right: 1px solid #dee2e6 !important;
19391 .border-bottom {
19392 border-bottom: 1px solid #dee2e6 !important;
19395 .border-left {
19396 border-left: 1px solid #dee2e6 !important;
19399 .border-0 {
19400 border: 0 !important;
19403 .border-top-0 {
19404 border-top: 0 !important;
19407 .border-right-0 {
19408 border-right: 0 !important;
19411 .border-bottom-0 {
19412 border-bottom: 0 !important;
19415 .border-left-0 {
19416 border-left: 0 !important;
19419 .border-primary {
19420 border-color: #0f6cbf !important;
19423 .border-secondary {
19424 border-color: #ced4da !important;
19427 .border-success {
19428 border-color: #357a32 !important;
19431 .border-info {
19432 border-color: #008196 !important;
19435 .border-warning {
19436 border-color: #f0ad4e !important;
19439 .border-danger {
19440 border-color: #ca3120 !important;
19443 .border-light {
19444 border-color: #f8f9fa !important;
19447 .border-dark {
19448 border-color: #343a40 !important;
19451 .border-white {
19452 border-color: #fff !important;
19455 .rounded-sm {
19456 border-radius: 0.2rem !important;
19459 .rounded {
19460 border-radius: 0.25rem !important;
19463 .rounded-top {
19464 border-top-left-radius: 0.25rem !important;
19465 border-top-right-radius: 0.25rem !important;
19468 .rounded-right {
19469 border-top-right-radius: 0.25rem !important;
19470 border-bottom-right-radius: 0.25rem !important;
19473 .rounded-bottom {
19474 border-bottom-right-radius: 0.25rem !important;
19475 border-bottom-left-radius: 0.25rem !important;
19478 .rounded-left {
19479 border-top-left-radius: 0.25rem !important;
19480 border-bottom-left-radius: 0.25rem !important;
19483 .rounded-lg {
19484 border-radius: 0.3rem !important;
19487 .rounded-circle {
19488 border-radius: 50% !important;
19491 .rounded-pill {
19492 border-radius: 50rem !important;
19495 .rounded-0 {
19496 border-radius: 0 !important;
19499 .clearfix::after {
19500 display: block;
19501 clear: both;
19502 content: "";
19505 .d-none {
19506 display: none !important;
19509 .d-inline {
19510 display: inline !important;
19513 .d-inline-block {
19514 display: inline-block !important;
19517 .d-block {
19518 display: block !important;
19521 .d-table {
19522 display: table !important;
19525 .d-table-row {
19526 display: table-row !important;
19529 .d-table-cell {
19530 display: table-cell !important;
19533 .d-flex {
19534 display: flex !important;
19537 .d-inline-flex {
19538 display: inline-flex !important;
19541 @media (min-width: 576px) {
19542 .d-sm-none {
19543 display: none !important;
19545 .d-sm-inline {
19546 display: inline !important;
19548 .d-sm-inline-block {
19549 display: inline-block !important;
19551 .d-sm-block {
19552 display: block !important;
19554 .d-sm-table {
19555 display: table !important;
19557 .d-sm-table-row {
19558 display: table-row !important;
19560 .d-sm-table-cell {
19561 display: table-cell !important;
19563 .d-sm-flex {
19564 display: flex !important;
19566 .d-sm-inline-flex {
19567 display: inline-flex !important;
19570 @media (min-width: 768px) {
19571 .d-md-none {
19572 display: none !important;
19574 .d-md-inline {
19575 display: inline !important;
19577 .d-md-inline-block {
19578 display: inline-block !important;
19580 .d-md-block {
19581 display: block !important;
19583 .d-md-table {
19584 display: table !important;
19586 .d-md-table-row {
19587 display: table-row !important;
19589 .d-md-table-cell {
19590 display: table-cell !important;
19592 .d-md-flex {
19593 display: flex !important;
19595 .d-md-inline-flex {
19596 display: inline-flex !important;
19599 @media (min-width: 992px) {
19600 .d-lg-none {
19601 display: none !important;
19603 .d-lg-inline {
19604 display: inline !important;
19606 .d-lg-inline-block {
19607 display: inline-block !important;
19609 .d-lg-block {
19610 display: block !important;
19612 .d-lg-table {
19613 display: table !important;
19615 .d-lg-table-row {
19616 display: table-row !important;
19618 .d-lg-table-cell {
19619 display: table-cell !important;
19621 .d-lg-flex {
19622 display: flex !important;
19624 .d-lg-inline-flex {
19625 display: inline-flex !important;
19628 @media (min-width: 1200px) {
19629 .d-xl-none {
19630 display: none !important;
19632 .d-xl-inline {
19633 display: inline !important;
19635 .d-xl-inline-block {
19636 display: inline-block !important;
19638 .d-xl-block {
19639 display: block !important;
19641 .d-xl-table {
19642 display: table !important;
19644 .d-xl-table-row {
19645 display: table-row !important;
19647 .d-xl-table-cell {
19648 display: table-cell !important;
19650 .d-xl-flex {
19651 display: flex !important;
19653 .d-xl-inline-flex {
19654 display: inline-flex !important;
19657 @media print {
19658 .d-print-none {
19659 display: none !important;
19661 .d-print-inline {
19662 display: inline !important;
19664 .d-print-inline-block {
19665 display: inline-block !important;
19667 .d-print-block {
19668 display: block !important;
19670 .d-print-table {
19671 display: table !important;
19673 .d-print-table-row {
19674 display: table-row !important;
19676 .d-print-table-cell {
19677 display: table-cell !important;
19679 .d-print-flex {
19680 display: flex !important;
19682 .d-print-inline-flex {
19683 display: inline-flex !important;
19686 .embed-responsive {
19687 position: relative;
19688 display: block;
19689 width: 100%;
19690 padding: 0;
19691 overflow: hidden;
19693 .embed-responsive::before {
19694 display: block;
19695 content: "";
19697 .embed-responsive .embed-responsive-item,
19698 .embed-responsive iframe,
19699 .embed-responsive embed,
19700 .embed-responsive object,
19701 .embed-responsive video {
19702 position: absolute;
19703 top: 0;
19704 bottom: 0;
19705 left: 0;
19706 width: 100%;
19707 height: 100%;
19708 border: 0;
19711 .embed-responsive-21by9::before {
19712 padding-top: 42.85714286%;
19715 .embed-responsive-16by9::before {
19716 padding-top: 56.25%;
19719 .embed-responsive-4by3::before {
19720 padding-top: 75%;
19723 .embed-responsive-1by1::before {
19724 padding-top: 100%;
19727 .flex-row {
19728 flex-direction: row !important;
19731 .flex-column {
19732 flex-direction: column !important;
19735 .flex-row-reverse {
19736 flex-direction: row-reverse !important;
19739 .flex-column-reverse {
19740 flex-direction: column-reverse !important;
19743 .flex-wrap {
19744 flex-wrap: wrap !important;
19747 .flex-nowrap {
19748 flex-wrap: nowrap !important;
19751 .flex-wrap-reverse {
19752 flex-wrap: wrap-reverse !important;
19755 .flex-fill, .reportbuilder-report-container {
19756 flex: 1 1 auto !important;
19759 .flex-grow-0 {
19760 flex-grow: 0 !important;
19763 .flex-grow-1 {
19764 flex-grow: 1 !important;
19767 .flex-shrink-0 {
19768 flex-shrink: 0 !important;
19771 .flex-shrink-1 {
19772 flex-shrink: 1 !important;
19775 .justify-content-start {
19776 justify-content: flex-start !important;
19779 .justify-content-end {
19780 justify-content: flex-end !important;
19783 .justify-content-center {
19784 justify-content: center !important;
19787 .justify-content-between {
19788 justify-content: space-between !important;
19791 .justify-content-around {
19792 justify-content: space-around !important;
19795 .align-items-start {
19796 align-items: flex-start !important;
19799 .align-items-end {
19800 align-items: flex-end !important;
19803 .align-items-center {
19804 align-items: center !important;
19807 .align-items-baseline {
19808 align-items: baseline !important;
19811 .align-items-stretch {
19812 align-items: stretch !important;
19815 .align-content-start {
19816 align-content: flex-start !important;
19819 .align-content-end {
19820 align-content: flex-end !important;
19823 .align-content-center {
19824 align-content: center !important;
19827 .align-content-between {
19828 align-content: space-between !important;
19831 .align-content-around {
19832 align-content: space-around !important;
19835 .align-content-stretch {
19836 align-content: stretch !important;
19839 .align-self-auto {
19840 align-self: auto !important;
19843 .align-self-start {
19844 align-self: flex-start !important;
19847 .align-self-end {
19848 align-self: flex-end !important;
19851 .align-self-center {
19852 align-self: center !important;
19855 .align-self-baseline {
19856 align-self: baseline !important;
19859 .align-self-stretch {
19860 align-self: stretch !important;
19863 @media (min-width: 576px) {
19864 .flex-sm-row {
19865 flex-direction: row !important;
19867 .flex-sm-column {
19868 flex-direction: column !important;
19870 .flex-sm-row-reverse {
19871 flex-direction: row-reverse !important;
19873 .flex-sm-column-reverse {
19874 flex-direction: column-reverse !important;
19876 .flex-sm-wrap {
19877 flex-wrap: wrap !important;
19879 .flex-sm-nowrap {
19880 flex-wrap: nowrap !important;
19882 .flex-sm-wrap-reverse {
19883 flex-wrap: wrap-reverse !important;
19885 .flex-sm-fill {
19886 flex: 1 1 auto !important;
19888 .flex-sm-grow-0 {
19889 flex-grow: 0 !important;
19891 .flex-sm-grow-1 {
19892 flex-grow: 1 !important;
19894 .flex-sm-shrink-0 {
19895 flex-shrink: 0 !important;
19897 .flex-sm-shrink-1 {
19898 flex-shrink: 1 !important;
19900 .justify-content-sm-start {
19901 justify-content: flex-start !important;
19903 .justify-content-sm-end {
19904 justify-content: flex-end !important;
19906 .justify-content-sm-center {
19907 justify-content: center !important;
19909 .justify-content-sm-between {
19910 justify-content: space-between !important;
19912 .justify-content-sm-around {
19913 justify-content: space-around !important;
19915 .align-items-sm-start {
19916 align-items: flex-start !important;
19918 .align-items-sm-end {
19919 align-items: flex-end !important;
19921 .align-items-sm-center {
19922 align-items: center !important;
19924 .align-items-sm-baseline {
19925 align-items: baseline !important;
19927 .align-items-sm-stretch {
19928 align-items: stretch !important;
19930 .align-content-sm-start {
19931 align-content: flex-start !important;
19933 .align-content-sm-end {
19934 align-content: flex-end !important;
19936 .align-content-sm-center {
19937 align-content: center !important;
19939 .align-content-sm-between {
19940 align-content: space-between !important;
19942 .align-content-sm-around {
19943 align-content: space-around !important;
19945 .align-content-sm-stretch {
19946 align-content: stretch !important;
19948 .align-self-sm-auto {
19949 align-self: auto !important;
19951 .align-self-sm-start {
19952 align-self: flex-start !important;
19954 .align-self-sm-end {
19955 align-self: flex-end !important;
19957 .align-self-sm-center {
19958 align-self: center !important;
19960 .align-self-sm-baseline {
19961 align-self: baseline !important;
19963 .align-self-sm-stretch {
19964 align-self: stretch !important;
19967 @media (min-width: 768px) {
19968 .flex-md-row {
19969 flex-direction: row !important;
19971 .flex-md-column {
19972 flex-direction: column !important;
19974 .flex-md-row-reverse {
19975 flex-direction: row-reverse !important;
19977 .flex-md-column-reverse {
19978 flex-direction: column-reverse !important;
19980 .flex-md-wrap {
19981 flex-wrap: wrap !important;
19983 .flex-md-nowrap {
19984 flex-wrap: nowrap !important;
19986 .flex-md-wrap-reverse {
19987 flex-wrap: wrap-reverse !important;
19989 .flex-md-fill {
19990 flex: 1 1 auto !important;
19992 .flex-md-grow-0 {
19993 flex-grow: 0 !important;
19995 .flex-md-grow-1 {
19996 flex-grow: 1 !important;
19998 .flex-md-shrink-0 {
19999 flex-shrink: 0 !important;
20001 .flex-md-shrink-1 {
20002 flex-shrink: 1 !important;
20004 .justify-content-md-start {
20005 justify-content: flex-start !important;
20007 .justify-content-md-end {
20008 justify-content: flex-end !important;
20010 .justify-content-md-center {
20011 justify-content: center !important;
20013 .justify-content-md-between {
20014 justify-content: space-between !important;
20016 .justify-content-md-around {
20017 justify-content: space-around !important;
20019 .align-items-md-start {
20020 align-items: flex-start !important;
20022 .align-items-md-end {
20023 align-items: flex-end !important;
20025 .align-items-md-center {
20026 align-items: center !important;
20028 .align-items-md-baseline {
20029 align-items: baseline !important;
20031 .align-items-md-stretch {
20032 align-items: stretch !important;
20034 .align-content-md-start {
20035 align-content: flex-start !important;
20037 .align-content-md-end {
20038 align-content: flex-end !important;
20040 .align-content-md-center {
20041 align-content: center !important;
20043 .align-content-md-between {
20044 align-content: space-between !important;
20046 .align-content-md-around {
20047 align-content: space-around !important;
20049 .align-content-md-stretch {
20050 align-content: stretch !important;
20052 .align-self-md-auto {
20053 align-self: auto !important;
20055 .align-self-md-start {
20056 align-self: flex-start !important;
20058 .align-self-md-end {
20059 align-self: flex-end !important;
20061 .align-self-md-center {
20062 align-self: center !important;
20064 .align-self-md-baseline {
20065 align-self: baseline !important;
20067 .align-self-md-stretch {
20068 align-self: stretch !important;
20071 @media (min-width: 992px) {
20072 .flex-lg-row {
20073 flex-direction: row !important;
20075 .flex-lg-column {
20076 flex-direction: column !important;
20078 .flex-lg-row-reverse {
20079 flex-direction: row-reverse !important;
20081 .flex-lg-column-reverse {
20082 flex-direction: column-reverse !important;
20084 .flex-lg-wrap {
20085 flex-wrap: wrap !important;
20087 .flex-lg-nowrap {
20088 flex-wrap: nowrap !important;
20090 .flex-lg-wrap-reverse {
20091 flex-wrap: wrap-reverse !important;
20093 .flex-lg-fill {
20094 flex: 1 1 auto !important;
20096 .flex-lg-grow-0 {
20097 flex-grow: 0 !important;
20099 .flex-lg-grow-1 {
20100 flex-grow: 1 !important;
20102 .flex-lg-shrink-0 {
20103 flex-shrink: 0 !important;
20105 .flex-lg-shrink-1 {
20106 flex-shrink: 1 !important;
20108 .justify-content-lg-start {
20109 justify-content: flex-start !important;
20111 .justify-content-lg-end {
20112 justify-content: flex-end !important;
20114 .justify-content-lg-center {
20115 justify-content: center !important;
20117 .justify-content-lg-between {
20118 justify-content: space-between !important;
20120 .justify-content-lg-around {
20121 justify-content: space-around !important;
20123 .align-items-lg-start {
20124 align-items: flex-start !important;
20126 .align-items-lg-end {
20127 align-items: flex-end !important;
20129 .align-items-lg-center {
20130 align-items: center !important;
20132 .align-items-lg-baseline {
20133 align-items: baseline !important;
20135 .align-items-lg-stretch {
20136 align-items: stretch !important;
20138 .align-content-lg-start {
20139 align-content: flex-start !important;
20141 .align-content-lg-end {
20142 align-content: flex-end !important;
20144 .align-content-lg-center {
20145 align-content: center !important;
20147 .align-content-lg-between {
20148 align-content: space-between !important;
20150 .align-content-lg-around {
20151 align-content: space-around !important;
20153 .align-content-lg-stretch {
20154 align-content: stretch !important;
20156 .align-self-lg-auto {
20157 align-self: auto !important;
20159 .align-self-lg-start {
20160 align-self: flex-start !important;
20162 .align-self-lg-end {
20163 align-self: flex-end !important;
20165 .align-self-lg-center {
20166 align-self: center !important;
20168 .align-self-lg-baseline {
20169 align-self: baseline !important;
20171 .align-self-lg-stretch {
20172 align-self: stretch !important;
20175 @media (min-width: 1200px) {
20176 .flex-xl-row {
20177 flex-direction: row !important;
20179 .flex-xl-column {
20180 flex-direction: column !important;
20182 .flex-xl-row-reverse {
20183 flex-direction: row-reverse !important;
20185 .flex-xl-column-reverse {
20186 flex-direction: column-reverse !important;
20188 .flex-xl-wrap {
20189 flex-wrap: wrap !important;
20191 .flex-xl-nowrap {
20192 flex-wrap: nowrap !important;
20194 .flex-xl-wrap-reverse {
20195 flex-wrap: wrap-reverse !important;
20197 .flex-xl-fill {
20198 flex: 1 1 auto !important;
20200 .flex-xl-grow-0 {
20201 flex-grow: 0 !important;
20203 .flex-xl-grow-1 {
20204 flex-grow: 1 !important;
20206 .flex-xl-shrink-0 {
20207 flex-shrink: 0 !important;
20209 .flex-xl-shrink-1 {
20210 flex-shrink: 1 !important;
20212 .justify-content-xl-start {
20213 justify-content: flex-start !important;
20215 .justify-content-xl-end {
20216 justify-content: flex-end !important;
20218 .justify-content-xl-center {
20219 justify-content: center !important;
20221 .justify-content-xl-between {
20222 justify-content: space-between !important;
20224 .justify-content-xl-around {
20225 justify-content: space-around !important;
20227 .align-items-xl-start {
20228 align-items: flex-start !important;
20230 .align-items-xl-end {
20231 align-items: flex-end !important;
20233 .align-items-xl-center {
20234 align-items: center !important;
20236 .align-items-xl-baseline {
20237 align-items: baseline !important;
20239 .align-items-xl-stretch {
20240 align-items: stretch !important;
20242 .align-content-xl-start {
20243 align-content: flex-start !important;
20245 .align-content-xl-end {
20246 align-content: flex-end !important;
20248 .align-content-xl-center {
20249 align-content: center !important;
20251 .align-content-xl-between {
20252 align-content: space-between !important;
20254 .align-content-xl-around {
20255 align-content: space-around !important;
20257 .align-content-xl-stretch {
20258 align-content: stretch !important;
20260 .align-self-xl-auto {
20261 align-self: auto !important;
20263 .align-self-xl-start {
20264 align-self: flex-start !important;
20266 .align-self-xl-end {
20267 align-self: flex-end !important;
20269 .align-self-xl-center {
20270 align-self: center !important;
20272 .align-self-xl-baseline {
20273 align-self: baseline !important;
20275 .align-self-xl-stretch {
20276 align-self: stretch !important;
20279 .float-left {
20280 float: left !important;
20283 .float-right {
20284 float: right !important;
20287 .float-none {
20288 float: none !important;
20291 @media (min-width: 576px) {
20292 .float-sm-left {
20293 float: left !important;
20295 .float-sm-right {
20296 float: right !important;
20298 .float-sm-none {
20299 float: none !important;
20302 @media (min-width: 768px) {
20303 .float-md-left {
20304 float: left !important;
20306 .float-md-right {
20307 float: right !important;
20309 .float-md-none {
20310 float: none !important;
20313 @media (min-width: 992px) {
20314 .float-lg-left {
20315 float: left !important;
20317 .float-lg-right {
20318 float: right !important;
20320 .float-lg-none {
20321 float: none !important;
20324 @media (min-width: 1200px) {
20325 .float-xl-left {
20326 float: left !important;
20328 .float-xl-right {
20329 float: right !important;
20331 .float-xl-none {
20332 float: none !important;
20335 .user-select-all {
20336 user-select: all !important;
20339 .user-select-auto {
20340 user-select: auto !important;
20343 .user-select-none {
20344 user-select: none !important;
20347 .overflow-auto {
20348 overflow: auto !important;
20351 .overflow-hidden {
20352 overflow: hidden !important;
20355 .position-static {
20356 position: static !important;
20359 .position-relative {
20360 position: relative !important;
20363 .position-absolute {
20364 position: absolute !important;
20367 .position-fixed {
20368 position: fixed !important;
20371 .position-sticky {
20372 position: sticky !important;
20375 .fixed-top {
20376 position: fixed;
20377 top: 0;
20378 right: 0;
20379 left: 0;
20380 z-index: 1030;
20383 .fixed-bottom {
20384 position: fixed;
20385 right: 0;
20386 bottom: 0;
20387 left: 0;
20388 z-index: 1030;
20391 @supports (position: sticky) {
20392 .sticky-top {
20393 position: sticky;
20394 top: 0;
20395 z-index: 1020;
20399 .sr-only {
20400 position: absolute;
20401 width: 1px;
20402 height: 1px;
20403 padding: 0;
20404 margin: -1px;
20405 overflow: hidden;
20406 clip: rect(0, 0, 0, 0);
20407 white-space: nowrap;
20408 border: 0;
20411 .sr-only-focusable:active, .sr-only-focusable:focus {
20412 position: static;
20413 width: auto;
20414 height: auto;
20415 overflow: visible;
20416 clip: auto;
20417 white-space: normal;
20420 .shadow-sm {
20421 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
20424 .shadow {
20425 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
20428 .shadow-lg {
20429 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
20432 .shadow-none {
20433 box-shadow: none !important;
20436 .w-25 {
20437 width: 25% !important;
20440 .w-50 {
20441 width: 50% !important;
20444 .w-75 {
20445 width: 75% !important;
20448 .w-100 {
20449 width: 100% !important;
20452 .w-auto {
20453 width: auto !important;
20456 .h-25 {
20457 height: 25% !important;
20460 .h-50 {
20461 height: 50% !important;
20464 .h-75 {
20465 height: 75% !important;
20468 .h-100 {
20469 height: 100% !important;
20472 .h-auto {
20473 height: auto !important;
20476 .mw-100 {
20477 max-width: 100% !important;
20480 .mh-100 {
20481 max-height: 100% !important;
20484 .min-vw-100 {
20485 min-width: 100vw !important;
20488 .min-vh-100 {
20489 min-height: 100vh !important;
20492 .vw-100 {
20493 width: 100vw !important;
20496 .vh-100 {
20497 height: 100vh !important;
20500 .m-0 {
20501 margin: 0 !important;
20504 .mt-0,
20505 .my-0 {
20506 margin-top: 0 !important;
20509 .mr-0,
20510 .mx-0 {
20511 margin-right: 0 !important;
20514 .mb-0,
20515 .my-0 {
20516 margin-bottom: 0 !important;
20519 .ml-0,
20520 .mx-0 {
20521 margin-left: 0 !important;
20524 .m-1 {
20525 margin: 0.25rem !important;
20528 .mt-1,
20529 .my-1 {
20530 margin-top: 0.25rem !important;
20533 .mr-1,
20534 .mx-1 {
20535 margin-right: 0.25rem !important;
20538 .mb-1,
20539 .my-1 {
20540 margin-bottom: 0.25rem !important;
20543 .ml-1,
20544 .mx-1 {
20545 margin-left: 0.25rem !important;
20548 .m-2 {
20549 margin: 0.5rem !important;
20552 .mt-2,
20553 .my-2 {
20554 margin-top: 0.5rem !important;
20557 .mr-2,
20558 .mx-2 {
20559 margin-right: 0.5rem !important;
20562 .mb-2,
20563 .my-2 {
20564 margin-bottom: 0.5rem !important;
20567 .ml-2,
20568 .mx-2 {
20569 margin-left: 0.5rem !important;
20572 .m-3 {
20573 margin: 1rem !important;
20576 .mt-3,
20577 .my-3 {
20578 margin-top: 1rem !important;
20581 .mr-3,
20582 .mx-3 {
20583 margin-right: 1rem !important;
20586 .mb-3,
20587 .my-3 {
20588 margin-bottom: 1rem !important;
20591 .ml-3,
20592 .mx-3 {
20593 margin-left: 1rem !important;
20596 .m-4 {
20597 margin: 1.5rem !important;
20600 .mt-4,
20601 .my-4 {
20602 margin-top: 1.5rem !important;
20605 .mr-4,
20606 .mx-4 {
20607 margin-right: 1.5rem !important;
20610 .mb-4,
20611 .my-4 {
20612 margin-bottom: 1.5rem !important;
20615 .ml-4,
20616 .mx-4 {
20617 margin-left: 1.5rem !important;
20620 .m-5 {
20621 margin: 2rem !important;
20624 .mt-5,
20625 .my-5 {
20626 margin-top: 2rem !important;
20629 .mr-5,
20630 .mx-5 {
20631 margin-right: 2rem !important;
20634 .mb-5,
20635 .my-5 {
20636 margin-bottom: 2rem !important;
20639 .ml-5,
20640 .mx-5 {
20641 margin-left: 2rem !important;
20644 .m-6 {
20645 margin: 3rem !important;
20648 .mt-6,
20649 .my-6 {
20650 margin-top: 3rem !important;
20653 .mr-6,
20654 .mx-6 {
20655 margin-right: 3rem !important;
20658 .mb-6,
20659 .my-6 {
20660 margin-bottom: 3rem !important;
20663 .ml-6,
20664 .mx-6 {
20665 margin-left: 3rem !important;
20668 .p-0 {
20669 padding: 0 !important;
20672 .pt-0,
20673 .py-0 {
20674 padding-top: 0 !important;
20677 .pr-0,
20678 .px-0 {
20679 padding-right: 0 !important;
20682 .pb-0,
20683 .py-0 {
20684 padding-bottom: 0 !important;
20687 .pl-0,
20688 .px-0 {
20689 padding-left: 0 !important;
20692 .p-1 {
20693 padding: 0.25rem !important;
20696 .pt-1,
20697 .py-1 {
20698 padding-top: 0.25rem !important;
20701 .pr-1,
20702 .px-1 {
20703 padding-right: 0.25rem !important;
20706 .pb-1,
20707 .py-1 {
20708 padding-bottom: 0.25rem !important;
20711 .pl-1,
20712 .px-1 {
20713 padding-left: 0.25rem !important;
20716 .p-2 {
20717 padding: 0.5rem !important;
20720 .pt-2,
20721 .py-2 {
20722 padding-top: 0.5rem !important;
20725 .pr-2,
20726 .px-2 {
20727 padding-right: 0.5rem !important;
20730 .pb-2,
20731 .py-2 {
20732 padding-bottom: 0.5rem !important;
20735 .pl-2,
20736 .px-2 {
20737 padding-left: 0.5rem !important;
20740 .p-3 {
20741 padding: 1rem !important;
20744 .pt-3,
20745 .py-3 {
20746 padding-top: 1rem !important;
20749 .pr-3,
20750 .px-3 {
20751 padding-right: 1rem !important;
20754 .pb-3,
20755 .py-3 {
20756 padding-bottom: 1rem !important;
20759 .pl-3,
20760 .px-3 {
20761 padding-left: 1rem !important;
20764 .p-4 {
20765 padding: 1.5rem !important;
20768 .pt-4,
20769 .py-4 {
20770 padding-top: 1.5rem !important;
20773 .pr-4,
20774 .px-4 {
20775 padding-right: 1.5rem !important;
20778 .pb-4,
20779 .py-4 {
20780 padding-bottom: 1.5rem !important;
20783 .pl-4,
20784 .px-4 {
20785 padding-left: 1.5rem !important;
20788 .p-5 {
20789 padding: 2rem !important;
20792 .pt-5,
20793 .py-5 {
20794 padding-top: 2rem !important;
20797 .pr-5,
20798 .px-5 {
20799 padding-right: 2rem !important;
20802 .pb-5,
20803 .py-5 {
20804 padding-bottom: 2rem !important;
20807 .pl-5,
20808 .px-5 {
20809 padding-left: 2rem !important;
20812 .p-6 {
20813 padding: 3rem !important;
20816 .pt-6,
20817 .py-6 {
20818 padding-top: 3rem !important;
20821 .pr-6,
20822 .px-6 {
20823 padding-right: 3rem !important;
20826 .pb-6,
20827 .py-6 {
20828 padding-bottom: 3rem !important;
20831 .pl-6,
20832 .px-6 {
20833 padding-left: 3rem !important;
20836 .m-n1 {
20837 margin: -0.25rem !important;
20840 .mt-n1,
20841 .my-n1 {
20842 margin-top: -0.25rem !important;
20845 .mr-n1,
20846 .mx-n1 {
20847 margin-right: -0.25rem !important;
20850 .mb-n1,
20851 .my-n1 {
20852 margin-bottom: -0.25rem !important;
20855 .ml-n1,
20856 .mx-n1 {
20857 margin-left: -0.25rem !important;
20860 .m-n2 {
20861 margin: -0.5rem !important;
20864 .mt-n2,
20865 .my-n2 {
20866 margin-top: -0.5rem !important;
20869 .mr-n2,
20870 .mx-n2 {
20871 margin-right: -0.5rem !important;
20874 .mb-n2,
20875 .my-n2 {
20876 margin-bottom: -0.5rem !important;
20879 .ml-n2,
20880 .mx-n2 {
20881 margin-left: -0.5rem !important;
20884 .m-n3 {
20885 margin: -1rem !important;
20888 .mt-n3,
20889 .my-n3 {
20890 margin-top: -1rem !important;
20893 .mr-n3,
20894 .mx-n3 {
20895 margin-right: -1rem !important;
20898 .mb-n3,
20899 .my-n3 {
20900 margin-bottom: -1rem !important;
20903 .ml-n3,
20904 .mx-n3 {
20905 margin-left: -1rem !important;
20908 .m-n4 {
20909 margin: -1.5rem !important;
20912 .mt-n4,
20913 .my-n4 {
20914 margin-top: -1.5rem !important;
20917 .mr-n4,
20918 .mx-n4 {
20919 margin-right: -1.5rem !important;
20922 .mb-n4,
20923 .my-n4 {
20924 margin-bottom: -1.5rem !important;
20927 .ml-n4,
20928 .mx-n4 {
20929 margin-left: -1.5rem !important;
20932 .m-n5 {
20933 margin: -2rem !important;
20936 .mt-n5,
20937 .my-n5 {
20938 margin-top: -2rem !important;
20941 .mr-n5,
20942 .mx-n5 {
20943 margin-right: -2rem !important;
20946 .mb-n5,
20947 .my-n5 {
20948 margin-bottom: -2rem !important;
20951 .ml-n5,
20952 .mx-n5 {
20953 margin-left: -2rem !important;
20956 .m-n6 {
20957 margin: -3rem !important;
20960 .mt-n6,
20961 .my-n6 {
20962 margin-top: -3rem !important;
20965 .mr-n6,
20966 .mx-n6 {
20967 margin-right: -3rem !important;
20970 .mb-n6,
20971 .my-n6 {
20972 margin-bottom: -3rem !important;
20975 .ml-n6,
20976 .mx-n6 {
20977 margin-left: -3rem !important;
20980 .m-auto {
20981 margin: auto !important;
20984 .mt-auto,
20985 .my-auto {
20986 margin-top: auto !important;
20989 .mr-auto,
20990 .mx-auto {
20991 margin-right: auto !important;
20994 .mb-auto,
20995 .my-auto {
20996 margin-bottom: auto !important;
20999 .ml-auto,
21000 .mx-auto {
21001 margin-left: auto !important;
21004 @media (min-width: 576px) {
21005 .m-sm-0 {
21006 margin: 0 !important;
21008 .mt-sm-0,
21009 .my-sm-0 {
21010 margin-top: 0 !important;
21012 .mr-sm-0,
21013 .mx-sm-0 {
21014 margin-right: 0 !important;
21016 .mb-sm-0,
21017 .my-sm-0 {
21018 margin-bottom: 0 !important;
21020 .ml-sm-0,
21021 .mx-sm-0 {
21022 margin-left: 0 !important;
21024 .m-sm-1 {
21025 margin: 0.25rem !important;
21027 .mt-sm-1,
21028 .my-sm-1 {
21029 margin-top: 0.25rem !important;
21031 .mr-sm-1,
21032 .mx-sm-1 {
21033 margin-right: 0.25rem !important;
21035 .mb-sm-1,
21036 .my-sm-1 {
21037 margin-bottom: 0.25rem !important;
21039 .ml-sm-1,
21040 .mx-sm-1 {
21041 margin-left: 0.25rem !important;
21043 .m-sm-2 {
21044 margin: 0.5rem !important;
21046 .mt-sm-2,
21047 .my-sm-2 {
21048 margin-top: 0.5rem !important;
21050 .mr-sm-2,
21051 .mx-sm-2 {
21052 margin-right: 0.5rem !important;
21054 .mb-sm-2,
21055 .my-sm-2 {
21056 margin-bottom: 0.5rem !important;
21058 .ml-sm-2,
21059 .mx-sm-2 {
21060 margin-left: 0.5rem !important;
21062 .m-sm-3 {
21063 margin: 1rem !important;
21065 .mt-sm-3,
21066 .my-sm-3 {
21067 margin-top: 1rem !important;
21069 .mr-sm-3,
21070 .mx-sm-3 {
21071 margin-right: 1rem !important;
21073 .mb-sm-3,
21074 .my-sm-3 {
21075 margin-bottom: 1rem !important;
21077 .ml-sm-3,
21078 .mx-sm-3 {
21079 margin-left: 1rem !important;
21081 .m-sm-4 {
21082 margin: 1.5rem !important;
21084 .mt-sm-4,
21085 .my-sm-4 {
21086 margin-top: 1.5rem !important;
21088 .mr-sm-4,
21089 .mx-sm-4 {
21090 margin-right: 1.5rem !important;
21092 .mb-sm-4,
21093 .my-sm-4 {
21094 margin-bottom: 1.5rem !important;
21096 .ml-sm-4,
21097 .mx-sm-4 {
21098 margin-left: 1.5rem !important;
21100 .m-sm-5 {
21101 margin: 2rem !important;
21103 .mt-sm-5,
21104 .my-sm-5 {
21105 margin-top: 2rem !important;
21107 .mr-sm-5,
21108 .mx-sm-5 {
21109 margin-right: 2rem !important;
21111 .mb-sm-5,
21112 .my-sm-5 {
21113 margin-bottom: 2rem !important;
21115 .ml-sm-5,
21116 .mx-sm-5 {
21117 margin-left: 2rem !important;
21119 .m-sm-6 {
21120 margin: 3rem !important;
21122 .mt-sm-6,
21123 .my-sm-6 {
21124 margin-top: 3rem !important;
21126 .mr-sm-6,
21127 .mx-sm-6 {
21128 margin-right: 3rem !important;
21130 .mb-sm-6,
21131 .my-sm-6 {
21132 margin-bottom: 3rem !important;
21134 .ml-sm-6,
21135 .mx-sm-6 {
21136 margin-left: 3rem !important;
21138 .p-sm-0 {
21139 padding: 0 !important;
21141 .pt-sm-0,
21142 .py-sm-0 {
21143 padding-top: 0 !important;
21145 .pr-sm-0,
21146 .px-sm-0 {
21147 padding-right: 0 !important;
21149 .pb-sm-0,
21150 .py-sm-0 {
21151 padding-bottom: 0 !important;
21153 .pl-sm-0,
21154 .px-sm-0 {
21155 padding-left: 0 !important;
21157 .p-sm-1 {
21158 padding: 0.25rem !important;
21160 .pt-sm-1,
21161 .py-sm-1 {
21162 padding-top: 0.25rem !important;
21164 .pr-sm-1,
21165 .px-sm-1 {
21166 padding-right: 0.25rem !important;
21168 .pb-sm-1,
21169 .py-sm-1 {
21170 padding-bottom: 0.25rem !important;
21172 .pl-sm-1,
21173 .px-sm-1 {
21174 padding-left: 0.25rem !important;
21176 .p-sm-2 {
21177 padding: 0.5rem !important;
21179 .pt-sm-2,
21180 .py-sm-2 {
21181 padding-top: 0.5rem !important;
21183 .pr-sm-2,
21184 .px-sm-2 {
21185 padding-right: 0.5rem !important;
21187 .pb-sm-2,
21188 .py-sm-2 {
21189 padding-bottom: 0.5rem !important;
21191 .pl-sm-2,
21192 .px-sm-2 {
21193 padding-left: 0.5rem !important;
21195 .p-sm-3 {
21196 padding: 1rem !important;
21198 .pt-sm-3,
21199 .py-sm-3 {
21200 padding-top: 1rem !important;
21202 .pr-sm-3,
21203 .px-sm-3 {
21204 padding-right: 1rem !important;
21206 .pb-sm-3,
21207 .py-sm-3 {
21208 padding-bottom: 1rem !important;
21210 .pl-sm-3,
21211 .px-sm-3 {
21212 padding-left: 1rem !important;
21214 .p-sm-4 {
21215 padding: 1.5rem !important;
21217 .pt-sm-4,
21218 .py-sm-4 {
21219 padding-top: 1.5rem !important;
21221 .pr-sm-4,
21222 .px-sm-4 {
21223 padding-right: 1.5rem !important;
21225 .pb-sm-4,
21226 .py-sm-4 {
21227 padding-bottom: 1.5rem !important;
21229 .pl-sm-4,
21230 .px-sm-4 {
21231 padding-left: 1.5rem !important;
21233 .p-sm-5 {
21234 padding: 2rem !important;
21236 .pt-sm-5,
21237 .py-sm-5 {
21238 padding-top: 2rem !important;
21240 .pr-sm-5,
21241 .px-sm-5 {
21242 padding-right: 2rem !important;
21244 .pb-sm-5,
21245 .py-sm-5 {
21246 padding-bottom: 2rem !important;
21248 .pl-sm-5,
21249 .px-sm-5 {
21250 padding-left: 2rem !important;
21252 .p-sm-6 {
21253 padding: 3rem !important;
21255 .pt-sm-6,
21256 .py-sm-6 {
21257 padding-top: 3rem !important;
21259 .pr-sm-6,
21260 .px-sm-6 {
21261 padding-right: 3rem !important;
21263 .pb-sm-6,
21264 .py-sm-6 {
21265 padding-bottom: 3rem !important;
21267 .pl-sm-6,
21268 .px-sm-6 {
21269 padding-left: 3rem !important;
21271 .m-sm-n1 {
21272 margin: -0.25rem !important;
21274 .mt-sm-n1,
21275 .my-sm-n1 {
21276 margin-top: -0.25rem !important;
21278 .mr-sm-n1,
21279 .mx-sm-n1 {
21280 margin-right: -0.25rem !important;
21282 .mb-sm-n1,
21283 .my-sm-n1 {
21284 margin-bottom: -0.25rem !important;
21286 .ml-sm-n1,
21287 .mx-sm-n1 {
21288 margin-left: -0.25rem !important;
21290 .m-sm-n2 {
21291 margin: -0.5rem !important;
21293 .mt-sm-n2,
21294 .my-sm-n2 {
21295 margin-top: -0.5rem !important;
21297 .mr-sm-n2,
21298 .mx-sm-n2 {
21299 margin-right: -0.5rem !important;
21301 .mb-sm-n2,
21302 .my-sm-n2 {
21303 margin-bottom: -0.5rem !important;
21305 .ml-sm-n2,
21306 .mx-sm-n2 {
21307 margin-left: -0.5rem !important;
21309 .m-sm-n3 {
21310 margin: -1rem !important;
21312 .mt-sm-n3,
21313 .my-sm-n3 {
21314 margin-top: -1rem !important;
21316 .mr-sm-n3,
21317 .mx-sm-n3 {
21318 margin-right: -1rem !important;
21320 .mb-sm-n3,
21321 .my-sm-n3 {
21322 margin-bottom: -1rem !important;
21324 .ml-sm-n3,
21325 .mx-sm-n3 {
21326 margin-left: -1rem !important;
21328 .m-sm-n4 {
21329 margin: -1.5rem !important;
21331 .mt-sm-n4,
21332 .my-sm-n4 {
21333 margin-top: -1.5rem !important;
21335 .mr-sm-n4,
21336 .mx-sm-n4 {
21337 margin-right: -1.5rem !important;
21339 .mb-sm-n4,
21340 .my-sm-n4 {
21341 margin-bottom: -1.5rem !important;
21343 .ml-sm-n4,
21344 .mx-sm-n4 {
21345 margin-left: -1.5rem !important;
21347 .m-sm-n5 {
21348 margin: -2rem !important;
21350 .mt-sm-n5,
21351 .my-sm-n5 {
21352 margin-top: -2rem !important;
21354 .mr-sm-n5,
21355 .mx-sm-n5 {
21356 margin-right: -2rem !important;
21358 .mb-sm-n5,
21359 .my-sm-n5 {
21360 margin-bottom: -2rem !important;
21362 .ml-sm-n5,
21363 .mx-sm-n5 {
21364 margin-left: -2rem !important;
21366 .m-sm-n6 {
21367 margin: -3rem !important;
21369 .mt-sm-n6,
21370 .my-sm-n6 {
21371 margin-top: -3rem !important;
21373 .mr-sm-n6,
21374 .mx-sm-n6 {
21375 margin-right: -3rem !important;
21377 .mb-sm-n6,
21378 .my-sm-n6 {
21379 margin-bottom: -3rem !important;
21381 .ml-sm-n6,
21382 .mx-sm-n6 {
21383 margin-left: -3rem !important;
21385 .m-sm-auto {
21386 margin: auto !important;
21388 .mt-sm-auto,
21389 .my-sm-auto {
21390 margin-top: auto !important;
21392 .mr-sm-auto,
21393 .mx-sm-auto {
21394 margin-right: auto !important;
21396 .mb-sm-auto,
21397 .my-sm-auto {
21398 margin-bottom: auto !important;
21400 .ml-sm-auto,
21401 .mx-sm-auto {
21402 margin-left: auto !important;
21405 @media (min-width: 768px) {
21406 .m-md-0 {
21407 margin: 0 !important;
21409 .mt-md-0,
21410 .my-md-0 {
21411 margin-top: 0 !important;
21413 .mr-md-0,
21414 .mx-md-0 {
21415 margin-right: 0 !important;
21417 .mb-md-0,
21418 .my-md-0 {
21419 margin-bottom: 0 !important;
21421 .ml-md-0,
21422 .mx-md-0 {
21423 margin-left: 0 !important;
21425 .m-md-1 {
21426 margin: 0.25rem !important;
21428 .mt-md-1,
21429 .my-md-1 {
21430 margin-top: 0.25rem !important;
21432 .mr-md-1,
21433 .mx-md-1 {
21434 margin-right: 0.25rem !important;
21436 .mb-md-1,
21437 .my-md-1 {
21438 margin-bottom: 0.25rem !important;
21440 .ml-md-1,
21441 .mx-md-1 {
21442 margin-left: 0.25rem !important;
21444 .m-md-2 {
21445 margin: 0.5rem !important;
21447 .mt-md-2,
21448 .my-md-2 {
21449 margin-top: 0.5rem !important;
21451 .mr-md-2,
21452 .mx-md-2 {
21453 margin-right: 0.5rem !important;
21455 .mb-md-2,
21456 .my-md-2 {
21457 margin-bottom: 0.5rem !important;
21459 .ml-md-2,
21460 .mx-md-2 {
21461 margin-left: 0.5rem !important;
21463 .m-md-3 {
21464 margin: 1rem !important;
21466 .mt-md-3,
21467 .my-md-3 {
21468 margin-top: 1rem !important;
21470 .mr-md-3,
21471 .mx-md-3 {
21472 margin-right: 1rem !important;
21474 .mb-md-3,
21475 .my-md-3 {
21476 margin-bottom: 1rem !important;
21478 .ml-md-3,
21479 .mx-md-3 {
21480 margin-left: 1rem !important;
21482 .m-md-4 {
21483 margin: 1.5rem !important;
21485 .mt-md-4,
21486 .my-md-4 {
21487 margin-top: 1.5rem !important;
21489 .mr-md-4,
21490 .mx-md-4 {
21491 margin-right: 1.5rem !important;
21493 .mb-md-4,
21494 .my-md-4 {
21495 margin-bottom: 1.5rem !important;
21497 .ml-md-4,
21498 .mx-md-4 {
21499 margin-left: 1.5rem !important;
21501 .m-md-5 {
21502 margin: 2rem !important;
21504 .mt-md-5,
21505 .my-md-5 {
21506 margin-top: 2rem !important;
21508 .mr-md-5,
21509 .mx-md-5 {
21510 margin-right: 2rem !important;
21512 .mb-md-5,
21513 .my-md-5 {
21514 margin-bottom: 2rem !important;
21516 .ml-md-5,
21517 .mx-md-5 {
21518 margin-left: 2rem !important;
21520 .m-md-6 {
21521 margin: 3rem !important;
21523 .mt-md-6,
21524 .my-md-6 {
21525 margin-top: 3rem !important;
21527 .mr-md-6,
21528 .mx-md-6 {
21529 margin-right: 3rem !important;
21531 .mb-md-6,
21532 .my-md-6 {
21533 margin-bottom: 3rem !important;
21535 .ml-md-6,
21536 .mx-md-6 {
21537 margin-left: 3rem !important;
21539 .p-md-0 {
21540 padding: 0 !important;
21542 .pt-md-0,
21543 .py-md-0 {
21544 padding-top: 0 !important;
21546 .pr-md-0,
21547 .px-md-0 {
21548 padding-right: 0 !important;
21550 .pb-md-0,
21551 .py-md-0 {
21552 padding-bottom: 0 !important;
21554 .pl-md-0,
21555 .px-md-0 {
21556 padding-left: 0 !important;
21558 .p-md-1 {
21559 padding: 0.25rem !important;
21561 .pt-md-1,
21562 .py-md-1 {
21563 padding-top: 0.25rem !important;
21565 .pr-md-1,
21566 .px-md-1 {
21567 padding-right: 0.25rem !important;
21569 .pb-md-1,
21570 .py-md-1 {
21571 padding-bottom: 0.25rem !important;
21573 .pl-md-1,
21574 .px-md-1 {
21575 padding-left: 0.25rem !important;
21577 .p-md-2 {
21578 padding: 0.5rem !important;
21580 .pt-md-2,
21581 .py-md-2 {
21582 padding-top: 0.5rem !important;
21584 .pr-md-2,
21585 .px-md-2 {
21586 padding-right: 0.5rem !important;
21588 .pb-md-2,
21589 .py-md-2 {
21590 padding-bottom: 0.5rem !important;
21592 .pl-md-2,
21593 .px-md-2 {
21594 padding-left: 0.5rem !important;
21596 .p-md-3 {
21597 padding: 1rem !important;
21599 .pt-md-3,
21600 .py-md-3 {
21601 padding-top: 1rem !important;
21603 .pr-md-3,
21604 .px-md-3 {
21605 padding-right: 1rem !important;
21607 .pb-md-3,
21608 .py-md-3 {
21609 padding-bottom: 1rem !important;
21611 .pl-md-3,
21612 .px-md-3 {
21613 padding-left: 1rem !important;
21615 .p-md-4 {
21616 padding: 1.5rem !important;
21618 .pt-md-4,
21619 .py-md-4 {
21620 padding-top: 1.5rem !important;
21622 .pr-md-4,
21623 .px-md-4 {
21624 padding-right: 1.5rem !important;
21626 .pb-md-4,
21627 .py-md-4 {
21628 padding-bottom: 1.5rem !important;
21630 .pl-md-4,
21631 .px-md-4 {
21632 padding-left: 1.5rem !important;
21634 .p-md-5 {
21635 padding: 2rem !important;
21637 .pt-md-5,
21638 .py-md-5 {
21639 padding-top: 2rem !important;
21641 .pr-md-5,
21642 .px-md-5 {
21643 padding-right: 2rem !important;
21645 .pb-md-5,
21646 .py-md-5 {
21647 padding-bottom: 2rem !important;
21649 .pl-md-5,
21650 .px-md-5 {
21651 padding-left: 2rem !important;
21653 .p-md-6 {
21654 padding: 3rem !important;
21656 .pt-md-6,
21657 .py-md-6 {
21658 padding-top: 3rem !important;
21660 .pr-md-6,
21661 .px-md-6 {
21662 padding-right: 3rem !important;
21664 .pb-md-6,
21665 .py-md-6 {
21666 padding-bottom: 3rem !important;
21668 .pl-md-6,
21669 .px-md-6 {
21670 padding-left: 3rem !important;
21672 .m-md-n1 {
21673 margin: -0.25rem !important;
21675 .mt-md-n1,
21676 .my-md-n1 {
21677 margin-top: -0.25rem !important;
21679 .mr-md-n1,
21680 .mx-md-n1 {
21681 margin-right: -0.25rem !important;
21683 .mb-md-n1,
21684 .my-md-n1 {
21685 margin-bottom: -0.25rem !important;
21687 .ml-md-n1,
21688 .mx-md-n1 {
21689 margin-left: -0.25rem !important;
21691 .m-md-n2 {
21692 margin: -0.5rem !important;
21694 .mt-md-n2,
21695 .my-md-n2 {
21696 margin-top: -0.5rem !important;
21698 .mr-md-n2,
21699 .mx-md-n2 {
21700 margin-right: -0.5rem !important;
21702 .mb-md-n2,
21703 .my-md-n2 {
21704 margin-bottom: -0.5rem !important;
21706 .ml-md-n2,
21707 .mx-md-n2 {
21708 margin-left: -0.5rem !important;
21710 .m-md-n3 {
21711 margin: -1rem !important;
21713 .mt-md-n3,
21714 .my-md-n3 {
21715 margin-top: -1rem !important;
21717 .mr-md-n3,
21718 .mx-md-n3 {
21719 margin-right: -1rem !important;
21721 .mb-md-n3,
21722 .my-md-n3 {
21723 margin-bottom: -1rem !important;
21725 .ml-md-n3,
21726 .mx-md-n3 {
21727 margin-left: -1rem !important;
21729 .m-md-n4 {
21730 margin: -1.5rem !important;
21732 .mt-md-n4,
21733 .my-md-n4 {
21734 margin-top: -1.5rem !important;
21736 .mr-md-n4,
21737 .mx-md-n4 {
21738 margin-right: -1.5rem !important;
21740 .mb-md-n4,
21741 .my-md-n4 {
21742 margin-bottom: -1.5rem !important;
21744 .ml-md-n4,
21745 .mx-md-n4 {
21746 margin-left: -1.5rem !important;
21748 .m-md-n5 {
21749 margin: -2rem !important;
21751 .mt-md-n5,
21752 .my-md-n5 {
21753 margin-top: -2rem !important;
21755 .mr-md-n5,
21756 .mx-md-n5 {
21757 margin-right: -2rem !important;
21759 .mb-md-n5,
21760 .my-md-n5 {
21761 margin-bottom: -2rem !important;
21763 .ml-md-n5,
21764 .mx-md-n5 {
21765 margin-left: -2rem !important;
21767 .m-md-n6 {
21768 margin: -3rem !important;
21770 .mt-md-n6,
21771 .my-md-n6 {
21772 margin-top: -3rem !important;
21774 .mr-md-n6,
21775 .mx-md-n6 {
21776 margin-right: -3rem !important;
21778 .mb-md-n6,
21779 .my-md-n6 {
21780 margin-bottom: -3rem !important;
21782 .ml-md-n6,
21783 .mx-md-n6 {
21784 margin-left: -3rem !important;
21786 .m-md-auto {
21787 margin: auto !important;
21789 .mt-md-auto,
21790 .my-md-auto {
21791 margin-top: auto !important;
21793 .mr-md-auto,
21794 .mx-md-auto {
21795 margin-right: auto !important;
21797 .mb-md-auto,
21798 .my-md-auto {
21799 margin-bottom: auto !important;
21801 .ml-md-auto,
21802 .mx-md-auto {
21803 margin-left: auto !important;
21806 @media (min-width: 992px) {
21807 .m-lg-0 {
21808 margin: 0 !important;
21810 .mt-lg-0,
21811 .my-lg-0 {
21812 margin-top: 0 !important;
21814 .mr-lg-0,
21815 .mx-lg-0 {
21816 margin-right: 0 !important;
21818 .mb-lg-0,
21819 .my-lg-0 {
21820 margin-bottom: 0 !important;
21822 .ml-lg-0,
21823 .mx-lg-0 {
21824 margin-left: 0 !important;
21826 .m-lg-1 {
21827 margin: 0.25rem !important;
21829 .mt-lg-1,
21830 .my-lg-1 {
21831 margin-top: 0.25rem !important;
21833 .mr-lg-1,
21834 .mx-lg-1 {
21835 margin-right: 0.25rem !important;
21837 .mb-lg-1,
21838 .my-lg-1 {
21839 margin-bottom: 0.25rem !important;
21841 .ml-lg-1,
21842 .mx-lg-1 {
21843 margin-left: 0.25rem !important;
21845 .m-lg-2 {
21846 margin: 0.5rem !important;
21848 .mt-lg-2,
21849 .my-lg-2 {
21850 margin-top: 0.5rem !important;
21852 .mr-lg-2,
21853 .mx-lg-2 {
21854 margin-right: 0.5rem !important;
21856 .mb-lg-2,
21857 .my-lg-2 {
21858 margin-bottom: 0.5rem !important;
21860 .ml-lg-2,
21861 .mx-lg-2 {
21862 margin-left: 0.5rem !important;
21864 .m-lg-3 {
21865 margin: 1rem !important;
21867 .mt-lg-3,
21868 .my-lg-3 {
21869 margin-top: 1rem !important;
21871 .mr-lg-3,
21872 .mx-lg-3 {
21873 margin-right: 1rem !important;
21875 .mb-lg-3,
21876 .my-lg-3 {
21877 margin-bottom: 1rem !important;
21879 .ml-lg-3,
21880 .mx-lg-3 {
21881 margin-left: 1rem !important;
21883 .m-lg-4 {
21884 margin: 1.5rem !important;
21886 .mt-lg-4,
21887 .my-lg-4 {
21888 margin-top: 1.5rem !important;
21890 .mr-lg-4,
21891 .mx-lg-4 {
21892 margin-right: 1.5rem !important;
21894 .mb-lg-4,
21895 .my-lg-4 {
21896 margin-bottom: 1.5rem !important;
21898 .ml-lg-4,
21899 .mx-lg-4 {
21900 margin-left: 1.5rem !important;
21902 .m-lg-5 {
21903 margin: 2rem !important;
21905 .mt-lg-5,
21906 .my-lg-5 {
21907 margin-top: 2rem !important;
21909 .mr-lg-5,
21910 .mx-lg-5 {
21911 margin-right: 2rem !important;
21913 .mb-lg-5,
21914 .my-lg-5 {
21915 margin-bottom: 2rem !important;
21917 .ml-lg-5,
21918 .mx-lg-5 {
21919 margin-left: 2rem !important;
21921 .m-lg-6 {
21922 margin: 3rem !important;
21924 .mt-lg-6,
21925 .my-lg-6 {
21926 margin-top: 3rem !important;
21928 .mr-lg-6,
21929 .mx-lg-6 {
21930 margin-right: 3rem !important;
21932 .mb-lg-6,
21933 .my-lg-6 {
21934 margin-bottom: 3rem !important;
21936 .ml-lg-6,
21937 .mx-lg-6 {
21938 margin-left: 3rem !important;
21940 .p-lg-0 {
21941 padding: 0 !important;
21943 .pt-lg-0,
21944 .py-lg-0 {
21945 padding-top: 0 !important;
21947 .pr-lg-0,
21948 .px-lg-0 {
21949 padding-right: 0 !important;
21951 .pb-lg-0,
21952 .py-lg-0 {
21953 padding-bottom: 0 !important;
21955 .pl-lg-0,
21956 .px-lg-0 {
21957 padding-left: 0 !important;
21959 .p-lg-1 {
21960 padding: 0.25rem !important;
21962 .pt-lg-1,
21963 .py-lg-1 {
21964 padding-top: 0.25rem !important;
21966 .pr-lg-1,
21967 .px-lg-1 {
21968 padding-right: 0.25rem !important;
21970 .pb-lg-1,
21971 .py-lg-1 {
21972 padding-bottom: 0.25rem !important;
21974 .pl-lg-1,
21975 .px-lg-1 {
21976 padding-left: 0.25rem !important;
21978 .p-lg-2 {
21979 padding: 0.5rem !important;
21981 .pt-lg-2,
21982 .py-lg-2 {
21983 padding-top: 0.5rem !important;
21985 .pr-lg-2,
21986 .px-lg-2 {
21987 padding-right: 0.5rem !important;
21989 .pb-lg-2,
21990 .py-lg-2 {
21991 padding-bottom: 0.5rem !important;
21993 .pl-lg-2,
21994 .px-lg-2 {
21995 padding-left: 0.5rem !important;
21997 .p-lg-3 {
21998 padding: 1rem !important;
22000 .pt-lg-3,
22001 .py-lg-3 {
22002 padding-top: 1rem !important;
22004 .pr-lg-3,
22005 .px-lg-3 {
22006 padding-right: 1rem !important;
22008 .pb-lg-3,
22009 .py-lg-3 {
22010 padding-bottom: 1rem !important;
22012 .pl-lg-3,
22013 .px-lg-3 {
22014 padding-left: 1rem !important;
22016 .p-lg-4 {
22017 padding: 1.5rem !important;
22019 .pt-lg-4,
22020 .py-lg-4 {
22021 padding-top: 1.5rem !important;
22023 .pr-lg-4,
22024 .px-lg-4 {
22025 padding-right: 1.5rem !important;
22027 .pb-lg-4,
22028 .py-lg-4 {
22029 padding-bottom: 1.5rem !important;
22031 .pl-lg-4,
22032 .px-lg-4 {
22033 padding-left: 1.5rem !important;
22035 .p-lg-5 {
22036 padding: 2rem !important;
22038 .pt-lg-5,
22039 .py-lg-5 {
22040 padding-top: 2rem !important;
22042 .pr-lg-5,
22043 .px-lg-5 {
22044 padding-right: 2rem !important;
22046 .pb-lg-5,
22047 .py-lg-5 {
22048 padding-bottom: 2rem !important;
22050 .pl-lg-5,
22051 .px-lg-5 {
22052 padding-left: 2rem !important;
22054 .p-lg-6 {
22055 padding: 3rem !important;
22057 .pt-lg-6,
22058 .py-lg-6 {
22059 padding-top: 3rem !important;
22061 .pr-lg-6,
22062 .px-lg-6 {
22063 padding-right: 3rem !important;
22065 .pb-lg-6,
22066 .py-lg-6 {
22067 padding-bottom: 3rem !important;
22069 .pl-lg-6,
22070 .px-lg-6 {
22071 padding-left: 3rem !important;
22073 .m-lg-n1 {
22074 margin: -0.25rem !important;
22076 .mt-lg-n1,
22077 .my-lg-n1 {
22078 margin-top: -0.25rem !important;
22080 .mr-lg-n1,
22081 .mx-lg-n1 {
22082 margin-right: -0.25rem !important;
22084 .mb-lg-n1,
22085 .my-lg-n1 {
22086 margin-bottom: -0.25rem !important;
22088 .ml-lg-n1,
22089 .mx-lg-n1 {
22090 margin-left: -0.25rem !important;
22092 .m-lg-n2 {
22093 margin: -0.5rem !important;
22095 .mt-lg-n2,
22096 .my-lg-n2 {
22097 margin-top: -0.5rem !important;
22099 .mr-lg-n2,
22100 .mx-lg-n2 {
22101 margin-right: -0.5rem !important;
22103 .mb-lg-n2,
22104 .my-lg-n2 {
22105 margin-bottom: -0.5rem !important;
22107 .ml-lg-n2,
22108 .mx-lg-n2 {
22109 margin-left: -0.5rem !important;
22111 .m-lg-n3 {
22112 margin: -1rem !important;
22114 .mt-lg-n3,
22115 .my-lg-n3 {
22116 margin-top: -1rem !important;
22118 .mr-lg-n3,
22119 .mx-lg-n3 {
22120 margin-right: -1rem !important;
22122 .mb-lg-n3,
22123 .my-lg-n3 {
22124 margin-bottom: -1rem !important;
22126 .ml-lg-n3,
22127 .mx-lg-n3 {
22128 margin-left: -1rem !important;
22130 .m-lg-n4 {
22131 margin: -1.5rem !important;
22133 .mt-lg-n4,
22134 .my-lg-n4 {
22135 margin-top: -1.5rem !important;
22137 .mr-lg-n4,
22138 .mx-lg-n4 {
22139 margin-right: -1.5rem !important;
22141 .mb-lg-n4,
22142 .my-lg-n4 {
22143 margin-bottom: -1.5rem !important;
22145 .ml-lg-n4,
22146 .mx-lg-n4 {
22147 margin-left: -1.5rem !important;
22149 .m-lg-n5 {
22150 margin: -2rem !important;
22152 .mt-lg-n5,
22153 .my-lg-n5 {
22154 margin-top: -2rem !important;
22156 .mr-lg-n5,
22157 .mx-lg-n5 {
22158 margin-right: -2rem !important;
22160 .mb-lg-n5,
22161 .my-lg-n5 {
22162 margin-bottom: -2rem !important;
22164 .ml-lg-n5,
22165 .mx-lg-n5 {
22166 margin-left: -2rem !important;
22168 .m-lg-n6 {
22169 margin: -3rem !important;
22171 .mt-lg-n6,
22172 .my-lg-n6 {
22173 margin-top: -3rem !important;
22175 .mr-lg-n6,
22176 .mx-lg-n6 {
22177 margin-right: -3rem !important;
22179 .mb-lg-n6,
22180 .my-lg-n6 {
22181 margin-bottom: -3rem !important;
22183 .ml-lg-n6,
22184 .mx-lg-n6 {
22185 margin-left: -3rem !important;
22187 .m-lg-auto {
22188 margin: auto !important;
22190 .mt-lg-auto,
22191 .my-lg-auto {
22192 margin-top: auto !important;
22194 .mr-lg-auto,
22195 .mx-lg-auto {
22196 margin-right: auto !important;
22198 .mb-lg-auto,
22199 .my-lg-auto {
22200 margin-bottom: auto !important;
22202 .ml-lg-auto,
22203 .mx-lg-auto {
22204 margin-left: auto !important;
22207 @media (min-width: 1200px) {
22208 .m-xl-0 {
22209 margin: 0 !important;
22211 .mt-xl-0,
22212 .my-xl-0 {
22213 margin-top: 0 !important;
22215 .mr-xl-0,
22216 .mx-xl-0 {
22217 margin-right: 0 !important;
22219 .mb-xl-0,
22220 .my-xl-0 {
22221 margin-bottom: 0 !important;
22223 .ml-xl-0,
22224 .mx-xl-0 {
22225 margin-left: 0 !important;
22227 .m-xl-1 {
22228 margin: 0.25rem !important;
22230 .mt-xl-1,
22231 .my-xl-1 {
22232 margin-top: 0.25rem !important;
22234 .mr-xl-1,
22235 .mx-xl-1 {
22236 margin-right: 0.25rem !important;
22238 .mb-xl-1,
22239 .my-xl-1 {
22240 margin-bottom: 0.25rem !important;
22242 .ml-xl-1,
22243 .mx-xl-1 {
22244 margin-left: 0.25rem !important;
22246 .m-xl-2 {
22247 margin: 0.5rem !important;
22249 .mt-xl-2,
22250 .my-xl-2 {
22251 margin-top: 0.5rem !important;
22253 .mr-xl-2,
22254 .mx-xl-2 {
22255 margin-right: 0.5rem !important;
22257 .mb-xl-2,
22258 .my-xl-2 {
22259 margin-bottom: 0.5rem !important;
22261 .ml-xl-2,
22262 .mx-xl-2 {
22263 margin-left: 0.5rem !important;
22265 .m-xl-3 {
22266 margin: 1rem !important;
22268 .mt-xl-3,
22269 .my-xl-3 {
22270 margin-top: 1rem !important;
22272 .mr-xl-3,
22273 .mx-xl-3 {
22274 margin-right: 1rem !important;
22276 .mb-xl-3,
22277 .my-xl-3 {
22278 margin-bottom: 1rem !important;
22280 .ml-xl-3,
22281 .mx-xl-3 {
22282 margin-left: 1rem !important;
22284 .m-xl-4 {
22285 margin: 1.5rem !important;
22287 .mt-xl-4,
22288 .my-xl-4 {
22289 margin-top: 1.5rem !important;
22291 .mr-xl-4,
22292 .mx-xl-4 {
22293 margin-right: 1.5rem !important;
22295 .mb-xl-4,
22296 .my-xl-4 {
22297 margin-bottom: 1.5rem !important;
22299 .ml-xl-4,
22300 .mx-xl-4 {
22301 margin-left: 1.5rem !important;
22303 .m-xl-5 {
22304 margin: 2rem !important;
22306 .mt-xl-5,
22307 .my-xl-5 {
22308 margin-top: 2rem !important;
22310 .mr-xl-5,
22311 .mx-xl-5 {
22312 margin-right: 2rem !important;
22314 .mb-xl-5,
22315 .my-xl-5 {
22316 margin-bottom: 2rem !important;
22318 .ml-xl-5,
22319 .mx-xl-5 {
22320 margin-left: 2rem !important;
22322 .m-xl-6 {
22323 margin: 3rem !important;
22325 .mt-xl-6,
22326 .my-xl-6 {
22327 margin-top: 3rem !important;
22329 .mr-xl-6,
22330 .mx-xl-6 {
22331 margin-right: 3rem !important;
22333 .mb-xl-6,
22334 .my-xl-6 {
22335 margin-bottom: 3rem !important;
22337 .ml-xl-6,
22338 .mx-xl-6 {
22339 margin-left: 3rem !important;
22341 .p-xl-0 {
22342 padding: 0 !important;
22344 .pt-xl-0,
22345 .py-xl-0 {
22346 padding-top: 0 !important;
22348 .pr-xl-0,
22349 .px-xl-0 {
22350 padding-right: 0 !important;
22352 .pb-xl-0,
22353 .py-xl-0 {
22354 padding-bottom: 0 !important;
22356 .pl-xl-0,
22357 .px-xl-0 {
22358 padding-left: 0 !important;
22360 .p-xl-1 {
22361 padding: 0.25rem !important;
22363 .pt-xl-1,
22364 .py-xl-1 {
22365 padding-top: 0.25rem !important;
22367 .pr-xl-1,
22368 .px-xl-1 {
22369 padding-right: 0.25rem !important;
22371 .pb-xl-1,
22372 .py-xl-1 {
22373 padding-bottom: 0.25rem !important;
22375 .pl-xl-1,
22376 .px-xl-1 {
22377 padding-left: 0.25rem !important;
22379 .p-xl-2 {
22380 padding: 0.5rem !important;
22382 .pt-xl-2,
22383 .py-xl-2 {
22384 padding-top: 0.5rem !important;
22386 .pr-xl-2,
22387 .px-xl-2 {
22388 padding-right: 0.5rem !important;
22390 .pb-xl-2,
22391 .py-xl-2 {
22392 padding-bottom: 0.5rem !important;
22394 .pl-xl-2,
22395 .px-xl-2 {
22396 padding-left: 0.5rem !important;
22398 .p-xl-3 {
22399 padding: 1rem !important;
22401 .pt-xl-3,
22402 .py-xl-3 {
22403 padding-top: 1rem !important;
22405 .pr-xl-3,
22406 .px-xl-3 {
22407 padding-right: 1rem !important;
22409 .pb-xl-3,
22410 .py-xl-3 {
22411 padding-bottom: 1rem !important;
22413 .pl-xl-3,
22414 .px-xl-3 {
22415 padding-left: 1rem !important;
22417 .p-xl-4 {
22418 padding: 1.5rem !important;
22420 .pt-xl-4,
22421 .py-xl-4 {
22422 padding-top: 1.5rem !important;
22424 .pr-xl-4,
22425 .px-xl-4 {
22426 padding-right: 1.5rem !important;
22428 .pb-xl-4,
22429 .py-xl-4 {
22430 padding-bottom: 1.5rem !important;
22432 .pl-xl-4,
22433 .px-xl-4 {
22434 padding-left: 1.5rem !important;
22436 .p-xl-5 {
22437 padding: 2rem !important;
22439 .pt-xl-5,
22440 .py-xl-5 {
22441 padding-top: 2rem !important;
22443 .pr-xl-5,
22444 .px-xl-5 {
22445 padding-right: 2rem !important;
22447 .pb-xl-5,
22448 .py-xl-5 {
22449 padding-bottom: 2rem !important;
22451 .pl-xl-5,
22452 .px-xl-5 {
22453 padding-left: 2rem !important;
22455 .p-xl-6 {
22456 padding: 3rem !important;
22458 .pt-xl-6,
22459 .py-xl-6 {
22460 padding-top: 3rem !important;
22462 .pr-xl-6,
22463 .px-xl-6 {
22464 padding-right: 3rem !important;
22466 .pb-xl-6,
22467 .py-xl-6 {
22468 padding-bottom: 3rem !important;
22470 .pl-xl-6,
22471 .px-xl-6 {
22472 padding-left: 3rem !important;
22474 .m-xl-n1 {
22475 margin: -0.25rem !important;
22477 .mt-xl-n1,
22478 .my-xl-n1 {
22479 margin-top: -0.25rem !important;
22481 .mr-xl-n1,
22482 .mx-xl-n1 {
22483 margin-right: -0.25rem !important;
22485 .mb-xl-n1,
22486 .my-xl-n1 {
22487 margin-bottom: -0.25rem !important;
22489 .ml-xl-n1,
22490 .mx-xl-n1 {
22491 margin-left: -0.25rem !important;
22493 .m-xl-n2 {
22494 margin: -0.5rem !important;
22496 .mt-xl-n2,
22497 .my-xl-n2 {
22498 margin-top: -0.5rem !important;
22500 .mr-xl-n2,
22501 .mx-xl-n2 {
22502 margin-right: -0.5rem !important;
22504 .mb-xl-n2,
22505 .my-xl-n2 {
22506 margin-bottom: -0.5rem !important;
22508 .ml-xl-n2,
22509 .mx-xl-n2 {
22510 margin-left: -0.5rem !important;
22512 .m-xl-n3 {
22513 margin: -1rem !important;
22515 .mt-xl-n3,
22516 .my-xl-n3 {
22517 margin-top: -1rem !important;
22519 .mr-xl-n3,
22520 .mx-xl-n3 {
22521 margin-right: -1rem !important;
22523 .mb-xl-n3,
22524 .my-xl-n3 {
22525 margin-bottom: -1rem !important;
22527 .ml-xl-n3,
22528 .mx-xl-n3 {
22529 margin-left: -1rem !important;
22531 .m-xl-n4 {
22532 margin: -1.5rem !important;
22534 .mt-xl-n4,
22535 .my-xl-n4 {
22536 margin-top: -1.5rem !important;
22538 .mr-xl-n4,
22539 .mx-xl-n4 {
22540 margin-right: -1.5rem !important;
22542 .mb-xl-n4,
22543 .my-xl-n4 {
22544 margin-bottom: -1.5rem !important;
22546 .ml-xl-n4,
22547 .mx-xl-n4 {
22548 margin-left: -1.5rem !important;
22550 .m-xl-n5 {
22551 margin: -2rem !important;
22553 .mt-xl-n5,
22554 .my-xl-n5 {
22555 margin-top: -2rem !important;
22557 .mr-xl-n5,
22558 .mx-xl-n5 {
22559 margin-right: -2rem !important;
22561 .mb-xl-n5,
22562 .my-xl-n5 {
22563 margin-bottom: -2rem !important;
22565 .ml-xl-n5,
22566 .mx-xl-n5 {
22567 margin-left: -2rem !important;
22569 .m-xl-n6 {
22570 margin: -3rem !important;
22572 .mt-xl-n6,
22573 .my-xl-n6 {
22574 margin-top: -3rem !important;
22576 .mr-xl-n6,
22577 .mx-xl-n6 {
22578 margin-right: -3rem !important;
22580 .mb-xl-n6,
22581 .my-xl-n6 {
22582 margin-bottom: -3rem !important;
22584 .ml-xl-n6,
22585 .mx-xl-n6 {
22586 margin-left: -3rem !important;
22588 .m-xl-auto {
22589 margin: auto !important;
22591 .mt-xl-auto,
22592 .my-xl-auto {
22593 margin-top: auto !important;
22595 .mr-xl-auto,
22596 .mx-xl-auto {
22597 margin-right: auto !important;
22599 .mb-xl-auto,
22600 .my-xl-auto {
22601 margin-bottom: auto !important;
22603 .ml-xl-auto,
22604 .mx-xl-auto {
22605 margin-left: auto !important;
22608 .stretched-link::after {
22609 position: absolute;
22610 top: 0;
22611 right: 0;
22612 bottom: 0;
22613 left: 0;
22614 z-index: 1;
22615 pointer-events: auto;
22616 content: "";
22617 background-color: rgba(0, 0, 0, 0);
22620 .text-monospace {
22621 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
22624 .text-justify {
22625 text-align: justify !important;
22628 .text-wrap {
22629 white-space: normal !important;
22632 .text-nowrap {
22633 white-space: nowrap !important;
22636 .text-truncate {
22637 overflow: hidden;
22638 text-overflow: ellipsis;
22639 white-space: nowrap;
22642 .text-left {
22643 text-align: left !important;
22646 .text-right {
22647 text-align: right !important;
22650 .text-center {
22651 text-align: center !important;
22654 @media (min-width: 576px) {
22655 .text-sm-left {
22656 text-align: left !important;
22658 .text-sm-right {
22659 text-align: right !important;
22661 .text-sm-center {
22662 text-align: center !important;
22665 @media (min-width: 768px) {
22666 .text-md-left {
22667 text-align: left !important;
22669 .text-md-right {
22670 text-align: right !important;
22672 .text-md-center {
22673 text-align: center !important;
22676 @media (min-width: 992px) {
22677 .text-lg-left {
22678 text-align: left !important;
22680 .text-lg-right {
22681 text-align: right !important;
22683 .text-lg-center {
22684 text-align: center !important;
22687 @media (min-width: 1200px) {
22688 .text-xl-left {
22689 text-align: left !important;
22691 .text-xl-right {
22692 text-align: right !important;
22694 .text-xl-center {
22695 text-align: center !important;
22698 .text-lowercase {
22699 text-transform: lowercase !important;
22702 .text-uppercase {
22703 text-transform: uppercase !important;
22706 .text-capitalize {
22707 text-transform: capitalize !important;
22710 .font-weight-light {
22711 font-weight: 300 !important;
22714 .font-weight-lighter {
22715 font-weight: lighter !important;
22718 .font-weight-normal {
22719 font-weight: 400 !important;
22722 .font-weight-bold {
22723 font-weight: 700 !important;
22726 .font-weight-bolder {
22727 font-weight: bolder !important;
22730 .font-italic {
22731 font-style: italic !important;
22734 .text-white {
22735 color: #fff !important;
22738 .text-primary {
22739 color: #0f6cbf !important;
22742 a.text-primary:hover, a.text-primary:focus {
22743 color: #094478 !important;
22746 .text-secondary {
22747 color: #ced4da !important;
22750 a.text-secondary:hover, a.text-secondary:focus {
22751 color: #a2aeb9 !important;
22754 .text-success {
22755 color: #357a32 !important;
22758 a.text-success:hover, a.text-success:focus {
22759 color: #1d441c !important;
22762 .text-info {
22763 color: #008196 !important;
22766 a.text-info:hover, a.text-info:focus {
22767 color: #003f4a !important;
22770 .text-warning {
22771 color: #f0ad4e !important;
22774 a.text-warning:hover, a.text-warning:focus {
22775 color: #df8a13 !important;
22778 .text-danger {
22779 color: #ca3120 !important;
22782 a.text-danger:hover, a.text-danger:focus {
22783 color: #882116 !important;
22786 .text-light {
22787 color: #f8f9fa !important;
22790 a.text-light:hover, a.text-light:focus {
22791 color: #cbd3da !important;
22794 .text-dark {
22795 color: #343a40 !important;
22798 a.text-dark:hover, a.text-dark:focus {
22799 color: #121416 !important;
22802 .text-body {
22803 color: #1d2125 !important;
22806 .text-muted {
22807 color: #6a737b !important;
22810 .text-black-50 {
22811 color: rgba(0, 0, 0, 0.5) !important;
22814 .text-white-50 {
22815 color: rgba(255, 255, 255, 0.5) !important;
22818 .text-hide {
22819 font: 0/0 a;
22820 color: transparent;
22821 text-shadow: none;
22822 background-color: transparent;
22823 border: 0;
22826 .text-decoration-none {
22827 text-decoration: none !important;
22830 .text-break {
22831 word-break: break-word !important;
22832 word-wrap: break-word !important;
22835 .text-reset {
22836 color: inherit !important;
22839 .visible {
22840 visibility: visible !important;
22843 .invisible {
22844 visibility: hidden !important;
22847 @media print {
22849 *::before,
22850 *::after {
22851 text-shadow: none !important;
22852 box-shadow: none !important;
22854 a:not(.btn) {
22855 text-decoration: underline;
22857 abbr[title]::after {
22858 content: " (" attr(title) ")";
22860 pre {
22861 white-space: pre-wrap !important;
22863 pre,
22864 blockquote {
22865 border: 1px solid #8f959e;
22866 page-break-inside: avoid;
22869 img {
22870 page-break-inside: avoid;
22874 h3 {
22875 orphans: 3;
22876 widows: 3;
22879 h3 {
22880 page-break-after: avoid;
22882 body {
22883 min-width: 992px !important;
22885 .container {
22886 min-width: 992px !important;
22888 .navbar {
22889 display: none;
22891 .badge {
22892 border: 1px solid #000;
22894 .table {
22895 border-collapse: collapse !important;
22897 .table td,
22898 .table th {
22899 background-color: #fff !important;
22901 .table-bordered th,
22902 .table-bordered td {
22903 border: 1px solid #dee2e6 !important;
22905 .table-dark {
22906 color: inherit;
22908 .table-dark th,
22909 .table-dark td,
22910 .table-dark thead th,
22911 .table-dark tbody + tbody {
22912 border-color: #dee2e6;
22914 .table .thead-dark th {
22915 color: inherit;
22916 border-color: #dee2e6;
22920 * Bootstrap overrides for RTL
22922 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
22923 * moodle scss should be placed immediately after the definition of the ltr rule.
22925 .breadcrumb-item + .breadcrumb-item::before {
22926 content: "/";
22927 /*rtl:remove*/
22928 content: "/"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
22931 .dir-rtl .custom-select {
22932 background-position: 0.75rem center;
22934 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
22935 transform: translateX(-0.75rem);
22937 .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 {
22938 transform: rotate(180deg);
22940 .dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
22941 left: auto;
22942 right: 0;
22944 .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
22945 left: 0;
22946 right: auto;
22948 .dir-rtl .popover.bs-popover-right, .dir-rtl .popover.bs-popover-auto[x-placement^=right] {
22949 margin-right: 0;
22950 margin-left: 0.5rem;
22952 .dir-rtl .popover.bs-popover-right .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=right] .arrow {
22953 transform: rotate(180deg);
22954 left: calc(-0.5rem - 1px);
22955 right: auto;
22957 .dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^=left] {
22958 margin-right: 0.5rem;
22959 margin-left: 0;
22961 .dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=left] .arrow {
22962 transform: rotate(180deg);
22963 left: auto;
22964 right: calc(-0.5rem - 1px);
22968 * Moodle variables
22970 * Variables written for Moodle specific components
22972 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
22973 * preset files instead.
22975 /* core.less */
22976 #region-main {
22977 overflow-y: visible;
22978 background-color: #fff;
22981 @media (min-width: 576px) {
22982 .context-header-settings-menu,
22983 .region-main-settings-menu {
22984 float: right;
22985 width: auto;
22986 max-width: 4em;
22987 height: 2em;
22988 display: block;
22989 margin-top: 4px;
22992 @media (max-width: 767.98px) {
22993 .context-header-settings-menu,
22994 .region-main-settings-menu {
22995 display: flex;
22996 justify-content: flex-end;
22999 .context-header-settings-menu .dropdown-toggle > .icon,
23000 #region-main-settings-menu .dropdown-toggle > .icon {
23001 height: 24px;
23002 font-size: 24px;
23003 width: auto;
23006 /** Prevent user notifications overlapping with region main settings menu */
23007 #user-notifications {
23008 display: block;
23009 overflow: hidden;
23012 /** Page layout CSS starts **/
23013 .layout-option-noheader #page-header,
23014 .layout-option-nonavbar #page-navbar,
23015 .layout-option-nofooter #page-footer,
23016 .layout-option-nocourseheader .course-content-header,
23017 .layout-option-nocoursefooter .course-content-footer {
23018 display: none;
23021 /** Page layout CSS ends **/
23022 .mdl-left {
23023 text-align: left;
23026 .mdl-right {
23027 text-align: right;
23030 /*rtl:ignore*/
23031 .text-ltr {
23032 direction: ltr !important; /* stylelint-disable-line declaration-no-important */
23035 #add,
23036 #remove,
23037 .centerpara,
23038 .mdl-align {
23039 text-align: center;
23042 a.dimmed,
23043 a.dimmed:link,
23044 a.dimmed:visited,
23045 a.dimmed_text,
23046 a.dimmed_text:link,
23047 a.dimmed_text:visited,
23048 .dimmed_text,
23049 .dimmed_text a,
23050 .dimmed_text a:link,
23051 .dimmed_text a:visited,
23052 .usersuspended,
23053 .usersuspended a,
23054 .usersuspended a:link,
23055 .usersuspended a:visited,
23056 .dimmed_category,
23057 .dimmed_category a {
23058 color: #6a737b;
23061 .aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
23062 #page-footer a:not([class]).focus,
23063 #page-footer a:not([class]):focus,
23064 .arrow_link.focus,
23065 .arrow_link:focus,
23066 a:not([class]).focus,
23067 a:not([class]):focus,
23068 .activityinstance > a.focus,
23069 .activityinstance > a:focus {
23070 outline: 0.2rem solid transparent;
23071 color: #1d2125;
23072 background-color: #d2e8fb;
23073 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40;
23075 .aalink:focus:hover, a.autolink:focus:hover,
23076 #page-footer a:not([class]):focus:hover,
23077 .arrow_link:focus:hover,
23078 a:not([class]):focus:hover,
23079 .activityinstance > a:focus:hover {
23080 text-decoration: none;
23083 .aabtn.focus, .aabtn:focus,
23084 .btn-link.focus,
23085 .btn-link:focus,
23086 .nav-link.focus,
23087 .nav-link:focus,
23088 .editor_atto_toolbar button.focus,
23089 .editor_atto_toolbar button:focus,
23090 .editor_atto_toolbar .atto_toolbar_row.focus,
23091 .editor_atto_toolbar .atto_toolbar_row:focus,
23092 [role=button].focus,
23093 [role=button]:focus,
23094 .list-group-item-action.focus,
23095 .list-group-item-action:focus,
23096 input[type=checkbox].focus,
23097 input[type=checkbox]:focus,
23098 input[type=radio].focus,
23099 input[type=radio]:focus,
23100 input[type=file].focus,
23101 input[type=file]:focus,
23102 input[type=image].focus,
23103 input[type=image]:focus,
23104 .sr-only-focusable.focus,
23105 .sr-only-focusable:focus,
23106 a.dropdown-toggle.focus,
23107 a.dropdown-toggle:focus,
23108 .moodle-dialogue-base .closebutton.focus,
23109 .moodle-dialogue-base .closebutton:focus,
23110 button.close.focus,
23111 button.close:focus,
23112 .form-autocomplete-selection.focus,
23113 .form-autocomplete-selection:focus,
23114 [role=treeitem]:not([aria-expanded=true]).focus,
23115 [role=treeitem]:not([aria-expanded=true]):focus {
23116 outline: 0;
23117 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23119 .aabtn:focus:hover,
23120 .btn-link:focus:hover,
23121 .nav-link:focus:hover,
23122 .editor_atto_toolbar button:focus:hover,
23123 .editor_atto_toolbar .atto_toolbar_row:focus:hover,
23124 [role=button]:focus:hover,
23125 .list-group-item-action:focus:hover,
23126 input[type=checkbox]:focus:hover,
23127 input[type=radio]:focus:hover,
23128 input[type=file]:focus:hover,
23129 input[type=image]:focus:hover,
23130 .sr-only-focusable:focus:hover,
23131 a.dropdown-toggle:focus:hover,
23132 .moodle-dialogue-base .closebutton:focus:hover,
23133 button.close:focus:hover,
23134 .form-autocomplete-selection:focus:hover,
23135 [role=treeitem]:not([aria-expanded=true]):focus:hover {
23136 text-decoration: none;
23139 .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
23140 outline: 0;
23142 .modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
23143 outline: 0;
23144 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23145 border-radius: 0.3rem;
23148 [role=treeitem][aria-expanded=true] {
23149 outline: 0;
23151 [role=treeitem][aria-expanded=true].focus > *:first-child, [role=treeitem][aria-expanded=true]:focus > *:first-child {
23152 outline: 0;
23153 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23155 [role=treeitem][aria-expanded=true]:focus:hover {
23156 text-decoration: none;
23159 .form-autocomplete-suggestions li[aria-selected=true] {
23160 outline: 0;
23161 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23164 .safari input[type=checkbox].focus, .safari input[type=checkbox]:focus,
23165 .safari input[type=radio].focus,
23166 .safari input[type=radio]:focus {
23167 outline: auto;
23170 .unlist,
23171 .unlist li,
23172 .inline-list,
23173 .inline-list li,
23174 .block .list,
23175 .block .list li,
23176 .section li.movehere,
23177 .tabtree li {
23178 list-style: none;
23179 margin: 0;
23180 padding: 0;
23183 .section li.movehere a {
23184 display: block;
23185 width: 100%;
23186 height: 2rem;
23187 border: 2px dashed #343a40;
23190 .editing .course-content .hidden.sectionname {
23191 visibility: hidden;
23192 display: initial;
23195 .inline,
23196 .inline-list li {
23197 display: inline;
23200 .notifytiny {
23201 font-size: 0.703125rem;
23204 .notifytiny li,
23205 .notifytiny td {
23206 font-size: 100%;
23209 .red,
23210 .notifyproblem {
23211 color: #f0ad4e;
23214 .green,
23215 .notifysuccess {
23216 color: #357a32;
23219 .highlight {
23220 color: #008196;
23223 .bg-primary-light {
23224 background-color: #f5f9fc;
23227 .fitem.advanced .text-info {
23228 font-weight: bold;
23231 .reportlink {
23232 text-align: right;
23235 a.autolink.glossary:hover {
23236 cursor: help;
23239 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
23240 .collapsibleregioncaption {
23241 white-space: nowrap;
23242 min-height: 1.40625rem;
23245 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
23246 cursor: pointer;
23249 .pagelayout-mydashboard #region-main {
23250 border: 0;
23251 padding: 0;
23252 background-color: transparent;
23253 margin-top: -1px;
23256 @media (max-width: 767.98px) {
23257 .pagelayout-mydashboard #region-main-box,
23258 .pagelayout-login #region-main-box {
23259 padding-left: 0;
23260 padding-right: 0;
23263 .collapsibleregioncaption img {
23264 vertical-align: middle;
23267 .jsenabled .hiddenifjs {
23268 display: none;
23271 .visibleifjs {
23272 display: none;
23275 .jsenabled .visibleifjs {
23276 display: inline;
23279 .jsenabled .collapsibleregion {
23280 overflow: hidden;
23281 box-sizing: content-box;
23284 .jsenabled .collapsed .collapsibleregioninner {
23285 visibility: hidden;
23288 .collapsible-actions {
23289 display: none;
23290 text-align: right;
23293 .jsenabled .collapsible-actions {
23294 display: block;
23297 .yui-overlay .yui-widget-bd {
23298 background-color: #ffee69;
23299 border: 1px solid #a6982b;
23300 border-top-color: #d4c237;
23301 color: #000;
23302 left: 0;
23303 padding: 2px 5px;
23304 position: relative;
23305 top: 0;
23306 z-index: 1;
23309 .clearer {
23310 background: transparent;
23311 border-width: 0;
23312 clear: both;
23313 display: block;
23314 height: 1px;
23315 margin: 0;
23316 padding: 0;
23319 .bold,
23320 .warning,
23321 .errorbox .title,
23322 .pagingbar .title,
23323 .pagingbar .thispage {
23324 font-weight: bold;
23327 img.resize {
23328 height: 1em;
23329 width: 1em;
23332 .block img.resize {
23333 height: 0.9em;
23334 width: 0.8em;
23337 /* Icon styles */
23338 img.activityicon {
23339 height: 32px;
23340 width: 32px;
23341 vertical-align: middle;
23344 .headermain {
23345 font-weight: bold;
23348 #maincontent {
23349 display: block;
23350 height: 1px;
23351 overflow: clip;
23354 img.uihint {
23355 cursor: help;
23358 #addmembersform table {
23359 margin-left: auto;
23360 margin-right: auto;
23363 table.flexible .emptyrow {
23364 display: none;
23367 form.popupform,
23368 form.popupform div {
23369 display: inline;
23372 .arrow_button input {
23373 overflow: hidden;
23376 .no-overflow {
23377 overflow: auto;
23380 .no-overflow > .generaltable {
23381 margin-bottom: 0;
23384 .no-overflow .generaltable .sr-only,
23385 .no-overflow .generaltable .accesshide,
23386 .table-responsive .generaltable .sr-only,
23387 .table-responsive .generaltable .accesshide {
23388 position: relative;
23389 display: block;
23392 .accesshide {
23393 position: absolute;
23394 width: 1px;
23395 height: 1px;
23396 padding: 0;
23397 margin: -1px;
23398 overflow: hidden;
23399 clip: rect(0, 0, 0, 0);
23400 white-space: nowrap;
23401 border: 0;
23404 span.hide,
23405 div.hide,
23406 .hidden {
23407 display: none;
23410 a.skip-block,
23411 a.skip {
23412 position: absolute;
23413 top: -1000em;
23414 font-size: 0.85em;
23415 text-decoration: none;
23418 a.skip-block:focus,
23419 a.skip-block:active,
23420 a.skip:focus,
23421 a.skip:active {
23422 position: static;
23423 display: block;
23426 .skip-block-to {
23427 display: block;
23428 height: 1px;
23429 overflow: hidden;
23432 .addbloglink {
23433 text-align: center;
23436 .blog_entry .audience {
23437 text-align: right;
23438 padding-right: 4px;
23441 .blog_entry .tags {
23442 margin-top: 15px;
23445 .blog_entry .content {
23446 margin-left: 43px;
23449 #doc-contents h1 {
23450 margin: 1em 0 0 0;
23453 #doc-contents ul {
23454 margin: 0;
23455 padding: 0;
23456 width: 90%;
23459 #doc-contents ul li {
23460 list-style-type: none;
23463 .groupmanagementtable td {
23464 vertical-align: top;
23467 .groupmanagementtable #existingcell,
23468 .groupmanagementtable #potentialcell {
23469 width: 42%;
23472 .groupmanagementtable #buttonscell {
23473 width: 16%;
23476 .groupmanagementtable #buttonscell p.arrow_button input {
23477 width: auto;
23478 min-width: 80%;
23479 margin: 0 auto;
23480 display: block;
23483 .groupmanagementtable #removeselect_wrapper,
23484 .groupmanagementtable #addselect_wrapper {
23485 width: 100%;
23488 .groupmanagementtable #removeselect_wrapper label,
23489 .groupmanagementtable #addselect_wrapper label {
23490 font-weight: normal;
23493 #group-usersummary {
23494 width: 14em;
23497 .groupselector {
23498 margin-top: 3px;
23499 margin-bottom: 3px;
23500 display: inline-block;
23503 .groupselector label {
23504 display: inline-block;
23507 .notepost {
23508 margin-bottom: 1em;
23511 .notepost .userpicture {
23512 float: left;
23513 margin-right: 5px;
23516 .notepost .content,
23517 .notepost .footer {
23518 clear: both;
23521 .notesgroup {
23522 margin-left: 20px;
23525 .path-my .coursebox {
23526 margin: 1rem 0;
23527 padding: 0;
23529 .path-my .coursebox .overview {
23530 margin: 15px 30px 10px 30px;
23533 .path-my .coursebox .info {
23534 float: none;
23535 margin: 0;
23538 .mod_introbox {
23539 padding: 10px;
23542 table.mod_index {
23543 width: 100%;
23546 .comment-ctrl {
23547 font-size: 12px;
23548 display: none;
23549 margin: 0;
23550 padding: 0;
23553 .comment-ctrl h5 {
23554 margin: 0;
23555 padding: 5px;
23558 .comment-area {
23559 max-width: 400px;
23560 padding: 5px;
23563 .comment-area textarea {
23564 width: 100%;
23565 overflow: auto;
23567 .comment-area textarea.fullwidth {
23568 -webkit-box-sizing: border-box;
23569 -moz-box-sizing: border-box;
23570 box-sizing: border-box;
23573 .comment-area .fd {
23574 text-align: right;
23577 .comment-meta span {
23578 color: gray;
23581 .comment-link img {
23582 vertical-align: text-bottom;
23585 .comment-list {
23586 font-size: 11px;
23587 overflow: auto;
23588 list-style: none;
23589 padding: 0;
23590 margin: 0;
23593 .comment-list li {
23594 margin: 2px;
23595 list-style: none;
23596 margin-bottom: 5px;
23597 clear: both;
23598 padding: 0.3em;
23599 position: relative;
23602 .comment-list li.first {
23603 display: none;
23606 .comment-paging {
23607 text-align: center;
23610 .comment-paging .pageno {
23611 padding: 2px;
23614 .comment-paging .curpage {
23615 border: 1px solid #ccc;
23618 .comment-message .picture {
23619 float: left;
23620 margin-right: 0.25rem;
23623 .comment-message .text {
23624 margin: 0;
23625 padding: 0;
23628 .comment-message .text p {
23629 padding: 0;
23630 margin: 0 18px 0 0;
23633 .comment-delete {
23634 position: absolute;
23635 top: 0;
23636 right: 0;
23637 margin: 0.3em;
23640 .comment-report-selectall {
23641 display: none;
23644 .comment-link {
23645 display: none;
23648 .jsenabled .comment-link {
23649 display: block;
23652 .jsenabled .showcommentsnonjs {
23653 display: none;
23656 .jsenabled .comment-report-selectall {
23657 display: inline;
23661 * Completion progress report
23663 .completion-expired {
23664 color: #f0ad4e;
23667 .completion-expected {
23668 font-size: 0.703125rem;
23671 .completion-sortchoice,
23672 .completion-identifyfield {
23673 font-size: 0.703125rem;
23674 vertical-align: bottom;
23677 .completion-progresscell {
23678 text-align: right;
23681 .completion-expired .completion-expected {
23682 font-weight: bold;
23686 * Tags
23688 #tag-search-box {
23689 text-align: center;
23690 margin: 10px auto;
23693 span.flagged-tag,
23694 tr.flagged-tag,
23695 span.flagged-tag a,
23696 tr.flagged-tag a {
23697 color: #f0ad4e;
23700 .tag-management-table td,
23701 .tag-management-table th {
23702 vertical-align: middle;
23703 padding: 4px;
23705 .tag-management-table .inplaceeditable.inplaceeditingon input {
23706 width: 150px;
23709 .path-admin-tag .addstandardtags {
23710 float: right;
23712 .path-admin-tag .addstandardtags img {
23713 margin: 0 5px;
23716 .path-tag .tag-relatedtags {
23717 padding-top: 10px;
23719 .path-tag .tag-management-box {
23720 text-align: right;
23722 .path-tag .tag-index-toc {
23723 padding: 10px;
23724 text-align: center;
23726 .path-tag .tag-index-toc li {
23727 margin-left: 5px;
23728 margin-right: 5px;
23730 .path-tag .tag-management-box li {
23731 margin-left: 5px;
23732 margin-right: 5px;
23734 .path-tag .tag-management-box li a {
23735 background-repeat: no-repeat;
23736 background-position: left;
23737 padding-left: 17px;
23739 .path-tag .tag-management-box li a.edittag {
23740 background-image: url([[pix:moodle|i/settings]]);
23742 .path-tag .tag-management-box li a.flagasinappropriate {
23743 background-image: url([[pix:moodle|i/flagged]]);
23745 .path-tag .tag-management-box li a.removefrommyinterests {
23746 background-image: url([[pix:moodle|t/delete]]);
23748 .path-tag .tag-management-box li a.addtomyinterests {
23749 background-image: url([[pix:moodle|t/add]]);
23751 .path-tag .tag-backtoallitems {
23752 text-align: center;
23754 .path-tag .tag-index-items .tagarea {
23755 border: 1px solid #e3e3e3;
23756 border-radius: 4px;
23757 padding: 10px;
23758 margin-top: 10px;
23760 .path-tag .tag-index-items .tagarea h3 {
23761 display: block;
23762 padding: 3px 0 10px 0;
23763 margin: 0;
23764 font-size: 1.1em;
23765 font-weight: bold;
23766 line-height: 20px;
23767 color: #999;
23768 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
23769 text-transform: uppercase;
23770 word-wrap: break-word;
23771 border-bottom: solid 1px #e3e3e3;
23772 margin-bottom: 10px;
23774 .path-tag .tag-index-items .tagarea .taggeditems::after {
23775 display: block;
23776 clear: both;
23777 content: "";
23779 .path-tag .tag-index-items .tagarea .controls {
23780 text-align: center;
23782 .path-tag .tag-index-items .tagarea .controls::after {
23783 display: block;
23784 clear: both;
23785 content: "";
23787 .path-tag .tag-index-items .tagarea .controls.controls-bottom {
23788 margin-top: 5px;
23790 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
23791 float: right;
23793 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
23794 float: left;
23796 .path-tag .tag-index-items .tagarea .controls .exclusivemode {
23797 display: inline-block;
23799 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
23800 padding-right: 5px;
23801 padding-left: 5px;
23802 content: "«";
23804 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
23805 padding-right: 5px;
23806 padding-left: 5px;
23807 content: "»";
23810 .tag_feed img {
23811 max-height: 35px;
23812 max-width: 35px;
23814 .tag_feed .muted a {
23815 color: #6a737b;
23818 .tag_cloud {
23819 text-align: center;
23821 .tag_cloud .inline-list li {
23822 padding: 0 0.2em;
23824 .tag_cloud .tag_overflow {
23825 margin-top: 1em;
23826 font-style: italic;
23828 .tag_cloud .s0 {
23829 font-size: 0.7em;
23831 .tag_cloud .s1 {
23832 font-size: 0.8em;
23834 .tag_cloud .s2 {
23835 font-size: 0.9em;
23837 .tag_cloud .s3 {
23838 font-size: 1em;
23840 .tag_cloud .s4 {
23841 font-size: 1.1em;
23843 .tag_cloud .s5 {
23844 font-size: 1.2em;
23846 .tag_cloud .s6 {
23847 font-size: 1.3em;
23849 .tag_cloud .s7 {
23850 font-size: 1.4em;
23852 .tag_cloud .s8 {
23853 font-size: 1.5em;
23855 .tag_cloud .s9 {
23856 font-size: 1.6em;
23858 .tag_cloud .s10 {
23859 font-size: 1.7em;
23861 .tag_cloud .s11 {
23862 font-size: 1.8em;
23864 .tag_cloud .s12 {
23865 font-size: 1.9em;
23867 .tag_cloud .s13 {
23868 font-size: 2em;
23870 .tag_cloud .s14 {
23871 font-size: 2.1em;
23873 .tag_cloud .s15 {
23874 font-size: 2.2em;
23876 .tag_cloud .s16 {
23877 font-size: 2.3em;
23879 .tag_cloud .s17 {
23880 font-size: 2.4em;
23882 .tag_cloud .s18 {
23883 font-size: 2.5em;
23885 .tag_cloud .s19 {
23886 font-size: 2.6em;
23888 .tag_cloud .s20 {
23889 font-size: 2.7em;
23892 .tag_list ul {
23893 display: inline;
23895 .tag_list .tagmorelink {
23896 display: none;
23898 .tag_list.hideoverlimit .overlimit {
23899 display: none;
23901 .tag_list.hideoverlimit .tagmorelink {
23902 display: inline;
23904 .tag_list.hideoverlimit .taglesslink {
23905 display: none;
23909 * Web Service
23911 #webservice-doc-generator td {
23912 text-align: left;
23913 border: 0 solid #000;
23917 * Enrol
23919 .userenrolment {
23920 width: 100%;
23921 border-collapse: collapse;
23924 .userenrolment tr {
23925 vertical-align: top;
23928 .userenrolment td {
23929 padding: 0;
23930 height: 41px;
23933 .userenrolment .subfield {
23934 margin-right: 5px;
23937 .userenrolment .col_userdetails .subfield {
23938 margin-left: 40px;
23941 .userenrolment .col_userdetails .subfield_picture {
23942 float: left;
23943 margin-left: 0;
23946 .userenrolment .col_lastseen {
23947 width: 150px;
23950 .userenrolment .col_role {
23951 width: 262px;
23954 .userenrolment .col_role .roles,
23955 .userenrolment .col_group .groups {
23956 margin-right: 30px;
23959 .userenrolment .col_role .role {
23960 float: left;
23961 padding: 0 3px 3px;
23962 margin: 0 3px 3px;
23963 white-space: nowrap;
23966 .userenrolment .col_group .group {
23967 float: left;
23968 padding: 3px;
23969 margin: 3px;
23970 white-space: nowrap;
23973 .userenrolment .col_role .role a,
23974 .userenrolment .col_group .group a {
23975 margin-left: 3px;
23976 cursor: pointer;
23979 .userenrolment .col_role .addrole,
23980 .userenrolment .col_group .addgroup {
23981 float: right;
23982 padding: 3px;
23983 margin: 3px;
23985 .userenrolment .col_role .addrole > a:hover,
23986 .userenrolment .col_group .addgroup > a:hover {
23987 border-bottom: 1px solid #666;
23990 .userenrolment .col_role .addrole img,
23991 .userenrolment .col_group .addgroup img {
23992 vertical-align: baseline;
23995 .userenrolment .hasAllRoles .col_role .addrole {
23996 display: none;
23999 .userenrolment .col_enrol .enrolment {
24000 float: left;
24001 padding: 0 3px 3px;
24002 margin: 0 3px 3px;
24005 .userenrolment .col_enrol .enrolment a {
24006 float: right;
24007 margin-left: 3px;
24010 #page-enrol-otherusers .userenrolment .col_role .role {
24011 float: none;
24012 margin: 3px 3px 3px 0;
24013 padding: 3px 3px 3px 0;
24016 .corelightbox {
24017 background-color: #ccc;
24018 position: absolute;
24019 top: 0;
24020 left: 0;
24021 width: 100%;
24022 height: 100%;
24023 text-align: center;
24026 .corelightbox img {
24027 position: fixed;
24028 top: 50%;
24029 left: 50%;
24032 .mod-indent-outer {
24033 display: table;
24036 .mod-indent {
24037 display: table-cell;
24040 .label .mod-indent {
24041 float: left;
24042 padding-top: 20px;
24045 .activity.label.modtype_label .mod-indent {
24046 float: none;
24049 @media (min-width: 576px) {
24050 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
24051 .mod-indent-1 {
24052 width: 30px;
24054 .mod-indent-2 {
24055 width: 60px;
24057 .mod-indent-3 {
24058 width: 90px;
24060 .mod-indent-4 {
24061 width: 120px;
24063 .mod-indent-5 {
24064 width: 150px;
24066 .mod-indent-6 {
24067 width: 180px;
24069 .mod-indent-7 {
24070 width: 210px;
24072 .mod-indent-8 {
24073 width: 240px;
24075 .mod-indent-9 {
24076 width: 270px;
24078 .mod-indent-10 {
24079 width: 300px;
24081 .mod-indent-11 {
24082 width: 330px;
24084 .mod-indent-12 {
24085 width: 360px;
24087 .mod-indent-13 {
24088 width: 390px;
24090 .mod-indent-14 {
24091 width: 420px;
24093 .mod-indent-15 {
24094 width: 450px;
24096 .mod-indent-16 {
24097 width: 480px;
24099 .mod-indent-huge {
24100 width: 480px;
24103 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
24104 .resourcecontent .mediaplugin_mp3 object {
24105 height: 25px;
24106 width: 600px;
24109 .resourcecontent audio.mediaplugin_html5audio {
24110 width: 600px;
24113 /** Large resource images should avoid hidden overflow **/
24114 .resourceimage {
24115 max-width: 100%;
24118 /* Audio player size in 'inline' mode (can only change width, as above) */
24119 .mediaplugin_mp3 object {
24120 height: 15px;
24121 width: 300px;
24124 audio.mediaplugin_html5audio {
24125 width: 300px;
24128 .core_media_preview.pagelayout-embedded #maincontent {
24129 height: 0;
24132 .path-rating .ratingtable {
24133 width: 100%;
24134 margin-bottom: 1em;
24137 .path-rating .ratingtable th.rating {
24138 width: 100%;
24141 .path-rating .ratingtable td.rating,
24142 .path-rating .ratingtable td.time {
24143 white-space: nowrap;
24144 text-align: center;
24147 /* Moodle Dialogue Settings (moodle-core-dialogue) */
24148 .moodle-dialogue-base .moodle-dialogue-lightbox {
24149 background-color: #495057;
24152 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
24153 background-color: transparent;
24155 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
24156 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
24159 .moodle-dialogue-base .hidden,
24160 .moodle-dialogue-base .moodle-dialogue-hidden {
24161 display: none;
24164 .no-scrolling {
24165 overflow: hidden;
24168 .moodle-dialogue-base .moodle-dialogue-fullscreen {
24169 left: 0;
24170 top: 0;
24171 right: 0;
24172 bottom: -50px;
24173 position: fixed;
24176 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24177 overflow: auto;
24180 .moodle-dialogue-base .moodle-dialogue-wrap {
24181 background-color: #fff;
24182 border: 1px solid #ccc;
24185 .modal.show {
24186 display: block;
24189 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
24190 display: flex;
24191 padding: 1rem 1rem;
24192 border-bottom: 1px solid #dee2e6;
24195 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
24196 min-height: 3rem;
24197 color: initial;
24198 background: initial;
24199 font-size: 1.5rem;
24200 line-height: 1.5;
24203 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
24204 font-size: 1.5rem;
24205 font-weight: 400;
24206 margin-bottom: 0;
24207 line-height: 1.5;
24210 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
24211 /*rtl:raw:
24212 left: 0;
24213 right: auto;
24215 padding: 0;
24216 position: relative;
24217 margin-left: auto;
24220 .moodle-dialogue-base .closebutton {
24221 padding: 1rem 1rem;
24222 margin: -1rem -1rem -1rem auto;
24223 position: relative;
24224 background-color: transparent;
24225 border: 0;
24226 background-image: none;
24227 box-shadow: none;
24228 opacity: 0.7;
24230 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
24231 opacity: 1;
24233 .moodle-dialogue-base .closebutton::after {
24234 content: "×";
24237 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
24238 padding: 0.5rem;
24240 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
24241 background-color: #fff;
24244 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24245 overflow: auto;
24246 position: absolute;
24247 top: 0;
24248 bottom: 50px;
24249 left: 0;
24250 right: 0;
24251 margin: 0;
24252 border: 0;
24255 .moodle-dialogue-exception .moodle-exception-param label {
24256 font-weight: bold;
24259 .moodle-dialogue-exception .param-stacktrace label {
24260 background-color: #eee;
24261 border: 1px solid #ccc;
24262 border-bottom-width: 0;
24265 .moodle-dialogue-exception .param-stacktrace pre {
24266 border: 1px solid #ccc;
24267 background-color: #fff;
24270 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24271 color: navy;
24272 font-size: 0.8203125rem;
24275 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24276 color: #f0ad4e;
24277 font-size: 0.8203125rem;
24280 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24281 color: #333;
24282 font-size: 90%;
24283 border-bottom: 1px solid #eee;
24286 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
24287 display: none;
24290 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
24291 background: initial;
24294 .moodle-dialogue-confirm .confirmation-message {
24295 margin: 0.5rem 0;
24298 .moodle-dialogue-confirm .confirmation-dialogue input {
24299 min-width: 80px;
24302 .moodle-dialogue-exception .moodle-exception-message {
24303 margin: 1em;
24306 .moodle-dialogue-exception .moodle-exception-param {
24307 margin-bottom: 0.5em;
24310 .moodle-dialogue-exception .moodle-exception-param label {
24311 width: 150px;
24314 .moodle-dialogue-exception .param-stacktrace label {
24315 display: block;
24316 margin: 0;
24317 padding: 4px 1em;
24320 .moodle-dialogue-exception .param-stacktrace pre {
24321 display: block;
24322 height: 200px;
24323 overflow: auto;
24326 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24327 display: inline-block;
24328 margin: 4px 0;
24331 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24332 display: inline-block;
24333 width: 50px;
24334 margin: 4px 1em;
24337 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24338 padding-left: 25px;
24339 margin-bottom: 4px;
24340 padding-bottom: 4px;
24343 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
24344 opacity: 0.75;
24345 width: 100%;
24346 height: 100%;
24347 top: 0;
24348 left: 0;
24349 background-color: #fff;
24350 text-align: center;
24351 padding: 10% 0;
24354 /* Apply a default max-height on tooltip text */
24355 .moodle-dialogue .tooltiptext {
24356 max-height: 300px;
24359 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
24360 z-index: 3001;
24362 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
24363 overflow: auto;
24367 * Chooser Dialogues (moodle-core-chooserdialogue)
24369 * This CSS belong to the chooser dialogue which should work both with, and
24370 * without javascript enabled
24372 /* Hide the dialog and it's title */
24373 .chooserdialoguebody,
24374 .choosertitle {
24375 display: none;
24378 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
24379 margin: 0;
24382 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
24383 padding: 0;
24384 background: #f2f2f2;
24385 border-bottom-right-radius: 10px;
24386 border-bottom-left-radius: 10px;
24389 /* Center the submit buttons within the area */
24390 .choosercontainer #chooseform .submitbuttons {
24391 padding: 0.7em 0;
24392 text-align: right;
24395 /* Fixed for safari browser on iPhone4S with ios7@mixin */
24396 @media (max-height: 639px) {
24397 .ios .choosercontainer #chooseform .submitbuttons {
24398 padding: 45px 0;
24401 .choosercontainer #chooseform .submitbuttons input {
24402 min-width: 100px;
24403 margin: 0 0.5em;
24406 /* Various settings for the options area */
24407 .choosercontainer #chooseform .options {
24408 position: relative;
24409 border-bottom: 1px solid #bbb;
24412 /* Only set these options if we're showing the js container */
24413 .jschooser .choosercontainer #chooseform .alloptions {
24414 overflow-x: hidden;
24415 overflow-y: auto;
24416 max-width: 240px;
24418 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
24419 display: inline-block;
24421 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
24422 display: inline-block;
24423 width: 55%;
24426 /* Settings for option rows and option subtypes */
24427 .choosercontainer #chooseform .moduletypetitle,
24428 .choosercontainer #chooseform .option,
24429 .choosercontainer #chooseform .nonoption {
24430 margin-bottom: 0;
24431 padding: 0 1.6em 0 1.6em;
24434 .choosercontainer #chooseform .moduletypetitle {
24435 text-transform: uppercase;
24436 padding-top: 1.2em;
24437 padding-bottom: 0.4em;
24438 margin-bottom: 0.5rem;
24439 font-size: 100%;
24442 .choosercontainer #chooseform .option .typename,
24443 .choosercontainer #chooseform .nonoption .typename {
24444 padding: 0 0 0 0.5em;
24447 .choosercontainer #chooseform .modicon + .typename {
24448 padding-left: 0;
24451 .choosercontainer #chooseform .option input[type=radio],
24452 .choosercontainer #chooseform .option span.typename {
24453 vertical-align: middle;
24456 .choosercontainer #chooseform .option label {
24457 display: block;
24458 margin: 0;
24459 padding: 0.5rem 0;
24460 border-bottom: 1px solid #fff;
24463 .choosercontainer #chooseform .option .icon {
24464 margin: 0;
24465 padding: 0 1rem;
24468 .choosercontainer #chooseform .nonoption {
24469 padding-left: 2.7em;
24470 padding-top: 0.3em;
24471 padding-bottom: 0.1em;
24474 .choosercontainer #chooseform .subtype {
24475 margin-bottom: 0;
24476 padding: 0 1.6em 0 3.2em;
24479 .choosercontainer #chooseform .subtype .typename {
24480 margin: 0 0 0 0.2em;
24483 /* The instruction/help area */
24484 .jschooser .choosercontainer #chooseform .instruction,
24485 .jschooser .choosercontainer #chooseform .typesummary {
24486 display: none;
24487 position: absolute;
24488 top: 0;
24489 right: 0;
24490 bottom: 0;
24491 left: 240px;
24492 margin: 0;
24493 padding: 1.6em;
24494 background-color: #fff;
24495 overflow-x: hidden;
24496 overflow-y: auto;
24497 line-height: 2em;
24500 /* Selected option settings */
24501 .jschooser .choosercontainer #chooseform .instruction,
24502 .choosercontainer #chooseform .selected .typesummary {
24503 display: block;
24506 .choosercontainer #chooseform .selected {
24507 background-color: #fff;
24508 margin-top: -1px;
24509 padding-top: 1px;
24512 @media (max-width: 575.98px) {
24513 .jsenabled .choosercontainer #chooseform .alloptions {
24514 max-width: 100%;
24516 .jsenabled .choosercontainer #chooseform .instruction,
24517 .jsenabled .choosercontainer #chooseform .typesummary {
24518 position: static;
24522 * Module chooser dialogue (moodle-core-chooserdialogue)
24524 * This CSS belong to the chooser dialogue which should work both with, and
24525 * without javascript enabled
24527 .modchooser .modal-body {
24528 padding: 0;
24529 overflow-y: auto;
24530 min-height: 640px;
24531 display: flex;
24532 flex-direction: column;
24534 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24535 min-height: 495px;
24537 .modchooser .modal-body .carousel-item.active {
24538 display: flex;
24540 .modchooser .modal-body .chooser-container {
24541 display: flex;
24542 flex-direction: column;
24543 flex: 1 1 auto;
24545 .modchooser .modal-body .loading-icon {
24546 opacity: 1;
24548 .modchooser .modal-body .loading-icon .icon {
24549 display: block;
24550 font-size: 3em;
24551 max-height: 3em;
24552 max-width: 3em;
24554 .modchooser .modal-body .carousel-item .loading-icon .icon {
24555 margin: 1em auto;
24557 .modchooser .modal-body .searchbar {
24558 width: 100%;
24561 .modchooser .modal-footer {
24562 height: 70px;
24563 background: #fff;
24565 .modchooser .modal-footer .moodlenet-logo .icon {
24566 height: 2.5rem;
24567 width: 6rem;
24568 max-height: 2.5rem;
24569 max-width: 6rem;
24570 margin-bottom: 0.6rem;
24573 .modchoosercontainer.noscroll {
24574 overflow-y: hidden;
24577 .modchoosercontainer .optionscontainer,
24578 .modchoosercontainer .searchresultitemscontainer {
24579 overflow-x: hidden;
24581 .modchoosercontainer .optionscontainer .option,
24582 .modchoosercontainer .searchresultitemscontainer .option {
24583 flex-basis: calc(50% - 0.5rem);
24585 .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
24586 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
24587 cursor: pointer;
24588 color: #6a737b;
24590 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i,
24591 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
24592 margin: 0;
24594 .modchoosercontainer .optionscontainer .option .optioninfo a,
24595 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
24596 color: #495057;
24598 .modchoosercontainer .optionscontainer .option .optioninfo a:hover,
24599 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
24600 text-decoration: none;
24603 .modchooser .modal-body .optionsummary {
24604 background-color: #fff;
24605 overflow-x: hidden;
24606 overflow-y: auto;
24607 height: 640px;
24609 .modchooser .modal-body .optionsummary .content {
24610 overflow-y: auto;
24612 .modchooser .modal-body .optionsummary .content .heading .icon {
24613 height: 32px;
24614 width: 32px;
24615 font-size: 32px;
24616 padding: 0;
24618 .modchooser .modal-body .optionsummary .actions {
24619 border-top: 1px solid #dee2e6;
24620 background: #fff;
24623 @media (max-width: 575.98px) {
24624 .path-course-view .modal-dialog.modal-lg,
24625 .path-course-view .modal-content,
24626 .modchooser .modal-body,
24627 .modchooser .modal-body .carousel,
24628 .modchooser .modal-body .carousel-inner,
24629 .modchooser .modal-body .carousel-item,
24630 .modchooser .modal-body .optionsummary,
24631 .modchoosercontainer,
24632 .optionscontainer,
24633 .searchresultitemscontainer {
24634 min-height: auto;
24635 height: 100%;
24636 overflow-y: auto;
24638 .path-course-view .modal-dialog.modal-lg {
24639 margin: 0;
24641 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24642 min-height: auto;
24645 @media (min-width: 576px) {
24646 .modchoosercontainer .optionscontainer .option,
24647 .modchoosercontainer .searchresultitemscontainer .option {
24648 flex-basis: calc(33.33% - 0.5rem);
24651 @media (min-width: 992px) {
24652 .modchoosercontainer .optionscontainer .option,
24653 .modchoosercontainer .searchresultitemscontainer .option {
24654 flex-basis: calc(16.66% - 0.5rem);
24657 /* Form element: listing */
24658 .formlistingradio {
24659 padding-bottom: 25px;
24660 padding-right: 10px;
24663 .formlistinginputradio {
24664 float: left;
24667 .formlistingmain {
24668 min-height: 225px;
24671 .formlisting {
24672 position: relative;
24673 margin: 15px 0;
24674 padding: 1px 19px 14px;
24675 background-color: #fff;
24676 border: 1px solid #ddd;
24677 border-radius: 4px;
24680 .formlistingmore {
24681 position: absolute;
24682 cursor: pointer;
24683 bottom: -1px;
24684 right: -1px;
24685 padding: 3px 7px;
24686 font-size: 12px;
24687 font-weight: bold;
24688 background-color: whitesmoke;
24689 border: 1px solid #ddd;
24690 color: #9da0a4;
24691 border-radius: 4px 0 4px 0;
24694 .formlistingall {
24695 margin: 15px 0;
24696 padding: 0;
24697 border-radius: 4px;
24700 .formlistingrow {
24701 cursor: pointer;
24702 border-bottom: 1px solid;
24703 border-color: #e1e1e8;
24704 border-left: 1px solid #e1e1e8;
24705 border-right: 1px solid #e1e1e8;
24706 background-color: #f7f7f9;
24707 border-radius: 0 0 4px 4px;
24708 padding: 6px;
24709 top: 50%;
24710 left: 50%;
24711 min-height: 34px;
24712 float: left;
24713 width: 150px;
24716 body.jsenabled .formlistingradio {
24717 display: none;
24720 body.jsenabled .formlisting {
24721 display: block;
24724 a.criteria-action {
24725 padding: 0 3px;
24726 float: right;
24729 div.criteria-description {
24730 padding: 10px 15px;
24731 margin: 5px 0;
24732 background: none repeat scroll 0 0 #f9f9f9;
24733 border: 1px solid #eee;
24736 ul.badges {
24737 margin: 0;
24738 list-style: none;
24741 .badges li {
24742 position: relative;
24743 display: inline-block;
24744 padding-top: 1em;
24745 text-align: center;
24746 vertical-align: top;
24747 width: 150px;
24750 .badges li .badge-name {
24751 display: block;
24752 padding: 5px;
24755 .badges li > img {
24756 position: absolute;
24759 .badges li .badge-image {
24760 width: 100px;
24761 height: 100px;
24762 left: 10px;
24763 top: 0;
24764 z-index: 1;
24767 .badges li .badge-actions {
24768 position: relative;
24771 .badges li .expireimage {
24772 background-image: url([[pix:i/expired]]);
24773 background-repeat: no-repeat;
24774 background-size: 100px 100px;
24775 width: 100px;
24776 height: 100px;
24777 left: 25px;
24778 top: 15px;
24779 position: absolute;
24780 z-index: 10;
24781 opacity: 0.85;
24784 #badge-image {
24785 background-color: transparent;
24786 padding: 0;
24787 position: relative;
24788 min-width: 100px;
24789 width: 20%;
24790 display: inline-block;
24791 vertical-align: top;
24792 margin-top: 17px;
24793 margin-bottom: 20px;
24795 #badge-image .expireimage {
24796 background-image: url([[pix:i/expired]]);
24797 background-repeat: no-repeat;
24798 background-size: 100px 100px;
24799 width: 100px;
24800 height: 100px;
24801 left: 0;
24802 top: 0;
24803 opacity: 0.85;
24804 position: absolute;
24805 z-index: 10;
24807 #badge-image .singlebutton {
24808 padding-top: 5px;
24809 display: block;
24811 #badge-image .singlebutton button {
24812 margin-left: 4px;
24815 #badge-details {
24816 display: inline-block;
24817 width: 79%;
24820 #badge-overview dl,
24821 #badge-details dl {
24822 margin: 0;
24824 #badge-overview dl dt,
24825 #badge-overview dl dd,
24826 #badge-details dl dt,
24827 #badge-details dl dd {
24828 vertical-align: top;
24829 padding: 3px 0;
24831 #badge-overview dl dt,
24832 #badge-details dl dt {
24833 clear: both;
24834 display: inline-block;
24835 width: 20%;
24836 min-width: 100px;
24838 #badge-overview dl dd,
24839 #badge-details dl dd {
24840 display: inline-block;
24841 width: 79%;
24842 margin-left: 1%;
24845 #badge-criteria li li {
24846 list-style-type: none;
24849 #badge-image-col {
24850 flex: 0 0 400px;
24853 .badge-profile {
24854 vertical-align: top;
24857 .connected {
24858 color: #357a32;
24861 .notconnected {
24862 color: #ca3120;
24865 .connecting {
24866 color: #f0ad4e;
24869 #page-badges-award .recipienttable tr td {
24870 vertical-align: top;
24873 #page-badges-award .recipienttable tr td.actions .actionbutton {
24874 margin: 0.3em 0;
24875 padding: 0.5em 0;
24876 width: 100%;
24879 #page-badges-award .recipienttable tr td.existing,
24880 #page-badges-award .recipienttable tr td.potential {
24881 width: 42%;
24884 #issued-badge-table .activatebadge {
24885 display: inline-block;
24888 .statusbox.active {
24889 background-color: #d7e4d6;
24892 .statusbox.inactive {
24893 background-color: #fcefdc;
24896 .statusbox {
24897 text-align: center;
24898 margin-bottom: 5px;
24899 padding: 5px;
24902 .statusbox .activatebadge {
24903 display: inline-block;
24906 .statusbox .activatebadge input[type=submit] {
24907 margin: 3px;
24910 .activatebadge {
24911 margin: 0;
24912 text-align: left;
24913 vertical-align: middle;
24916 img#persona_signin {
24917 cursor: pointer;
24920 .addcourse {
24921 float: right;
24924 .invisiblefieldset {
24925 display: inline;
24926 padding: 0;
24927 border-width: 0;
24930 /** Page header */
24931 #page-header h1.h2 {
24932 font-weight: bold;
24934 #page-header .logo {
24935 margin: 1rem 0;
24937 #page-header .logo img {
24938 max-height: 75px;
24941 /** Navbar logo. */
24942 nav.navbar .logo img {
24943 max-height: 35px;
24946 .nav.usernav .nav-item {
24947 display: flex;
24949 .nav.usernav .usermenu .dropdown-toggle {
24950 padding: 0 0.5rem;
24953 /** Header-bar styles **/
24954 .page-context-header {
24955 overflow: hidden;
24956 padding: 0.25rem 0;
24957 display: flex;
24959 .page-context-header .page-header-image > a {
24960 display: inline-block;
24962 .page-context-header .page-header-headings,
24963 .page-context-header .header-button-group {
24964 position: relative;
24965 line-height: 24px;
24966 vertical-align: middle;
24968 .page-context-header .header-button-group {
24969 display: block;
24970 float: left;
24973 ul.dragdrop-keyboard-drag li {
24974 list-style-type: none;
24977 a.disabled:hover,
24978 a.disabled {
24979 text-decoration: none;
24980 cursor: default;
24981 font-style: italic;
24982 color: #6a737b;
24985 body.lockscroll {
24986 height: 100%;
24987 overflow: hidden;
24990 .progressbar_container {
24991 max-width: 500px;
24992 margin: 0 auto;
24995 /* IE10 only fix for calendar titling */
24996 .ie10 .yui3-calendar-header-label {
24997 display: inline-block;
25000 dd:before,
25001 dd:after {
25002 display: block;
25003 content: " ";
25006 dd:after {
25007 clear: both;
25010 .nav-tabs > .active > a[href],
25011 .nav-tabs > .active > a[href]:hover,
25012 .nav-tabs > .active > a[href]:focus {
25013 cursor: pointer;
25016 .inplaceeditable.inplaceeditingon {
25017 position: relative;
25019 .inplaceeditable.inplaceeditingon .editinstructions {
25020 margin-top: -30px;
25021 font-weight: normal;
25022 margin-right: 0;
25023 margin-left: 0;
25024 left: 0;
25025 right: auto;
25026 white-space: nowrap;
25028 @media (min-width: 576px) {
25029 .inplaceeditable.inplaceeditingon input {
25030 width: 330px;
25031 vertical-align: text-bottom;
25032 margin-bottom: 0;
25034 .inplaceeditable.inplaceeditingon input[role=combobox] {
25035 width: auto;
25038 .inplaceeditable.inplaceeditingon select {
25039 margin-bottom: 0;
25041 .inplaceeditable .quickediticon .icon {
25042 font-size: medium;
25044 .inplaceeditable .quickediticon img {
25045 opacity: 0.2;
25047 .inplaceeditable .quickeditlink {
25048 color: inherit;
25049 text-decoration: inherit;
25051 .inplaceeditable:hover .quickeditlink .quickediticon img,
25052 .inplaceeditable .quickeditlink:focus .quickediticon img {
25053 opacity: 1;
25055 .inplaceeditable.inplaceeditable-toggle .quickediticon {
25056 display: none;
25058 .inplaceeditable.inplaceeditable-autocomplete {
25059 display: block;
25062 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
25063 margin-top: -20px;
25066 /** Chart area. */
25067 @media (min-width: 992px) {
25068 .chart-area .chart-image {
25069 position: relative;
25070 margin: auto;
25071 height: 48vh;
25072 width: 46vw;
25075 .chart-area .chart-table-data {
25076 display: none;
25078 .chart-area .chart-table {
25079 /** When accessible, we display the table only. */
25081 .chart-area .chart-table .chart-output-htmltable caption {
25082 white-space: nowrap;
25084 .chart-area .chart-table.accesshide .chart-table-expand {
25085 display: none;
25087 .chart-area .chart-table.accesshide .chart-table-data {
25088 display: block;
25091 /* YUI 2 Tree View */
25092 /*rtl:raw:
25093 .ygtvtn,
25094 .ygtvtm,
25095 .ygtvtmh,
25096 .ygtvtmhh,
25097 .ygtvtp,
25098 .ygtvtph,
25099 .ygtvtphh,
25100 .ygtvln,
25101 .ygtvlm,
25102 .ygtvlmh,
25103 .ygtvlmhh,
25104 .ygtvlp,
25105 .ygtvlph,
25106 .ygtvlphh,
25107 .ygtvdepthcell,
25108 .ygtvok,
25109 .ygtvok:hover,
25110 .ygtvcancel,
25111 .ygtvcancel:hover {
25112 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
25115 .hover-tooltip-container {
25116 position: relative;
25118 .hover-tooltip-container .hover-tooltip {
25119 opacity: 0;
25120 visibility: hidden;
25121 position: absolute;
25122 /*rtl:ignore*/
25123 left: 50%;
25124 top: calc(-50% - 5px);
25125 transform: translate(-50%, -50%);
25126 background-color: #fff;
25127 border: 1px solid rgba(0, 0, 0, 0.2);
25128 border-radius: 0.3rem;
25129 box-sizing: border-box;
25130 padding: 5px;
25131 white-space: nowrap;
25132 transition: opacity 0.15s, visibility 0.15s;
25133 z-index: 1000;
25135 .hover-tooltip-container .hover-tooltip:before {
25136 content: "";
25137 display: inline-block;
25138 border-left: 8px solid transparent;
25139 border-right: 8px solid transparent;
25140 border-top: 8px solid rgba(0, 0, 0, 0.2);
25141 position: absolute;
25142 bottom: -8px;
25143 left: calc(50% - 8px);
25145 .hover-tooltip-container .hover-tooltip:after {
25146 content: "";
25147 display: inline-block;
25148 border-left: 7px solid transparent;
25149 border-right: 7px solid transparent;
25150 border-top: 7px solid #fff;
25151 position: absolute;
25152 bottom: -6px;
25153 left: calc(50% - 7px);
25154 z-index: 2;
25156 .hover-tooltip-container:hover .hover-tooltip {
25157 opacity: 1;
25158 visibility: visible;
25159 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
25162 #region-flat-nav {
25163 padding-right: 0;
25164 padding-left: 0;
25166 #region-flat-nav .nav {
25167 margin-right: 15px;
25168 background-color: #fff;
25170 @media (max-width: 767.98px) {
25171 #region-flat-nav .nav {
25172 margin-top: 30px;
25173 margin-right: 0;
25177 .footer-dark a {
25178 color: #fff;
25179 text-decoration: underline;
25180 padding-top: 0.25rem;
25181 padding-bottom: 0.25rem;
25183 .footer-dark a .icon {
25184 color: #fff;
25186 .footer-dark a:focus .icon {
25187 color: #1d2125;
25190 .btn-footer-popover {
25191 display: none;
25192 position: fixed;
25193 bottom: 2rem;
25194 right: 2rem;
25197 .btn-footer-communication {
25198 display: none;
25199 position: fixed;
25200 bottom: 5rem;
25201 right: 2rem;
25204 .hasstickyfooter .btn-footer-popover {
25205 bottom: calc(1rem + max(80px, 0.9375rem * 3));
25208 .hasstickyfooter .btn-footer-communication {
25209 bottom: calc(4rem + max(80px, 0.9375rem * 3));
25212 .popover.footer .popover-body {
25213 padding: 0;
25215 .popover.footer .popover-body .footer-section a {
25216 color: #1d2125;
25217 text-decoration: underline;
25219 .popover.footer .popover-body .footer-section a .icon {
25220 color: #1d2125;
25222 .popover.footer .popover-body .footer-section a:focus {
25223 text-decoration: none;
25226 .footer-support-link {
25227 padding-bottom: 5px;
25230 @media (min-width: 576px) {
25231 .jsenabled #page-footer .footer-content-popover {
25232 display: none;
25234 .jsenabled .btn-footer-popover,
25235 .jsenabled .btn-footer-communication {
25236 display: block;
25237 z-index: 1000;
25240 .bg-inverse a {
25241 color: #fff;
25242 text-decoration: underline;
25244 .bg-inverse a .icon {
25245 color: #fff;
25248 .sitelink img {
25249 width: 112px;
25252 .competency-tree ul {
25253 padding-left: 1.5rem;
25256 .sr-only-focusable:active, .sr-only-focusable:focus {
25257 z-index: 1031;
25258 position: fixed;
25259 background: #fff;
25260 padding: 7px;
25261 left: 0;
25262 top: 0;
25265 [data-drag-type=move] {
25266 cursor: move;
25267 touch-action: none;
25270 .clickable {
25271 cursor: pointer;
25274 .overlay-icon-container {
25275 position: absolute;
25276 top: 0;
25277 left: 0;
25278 width: 100%;
25279 height: 100%;
25280 background-color: rgba(255, 255, 255, 0.6);
25282 .overlay-icon-container .loading-icon {
25283 position: absolute;
25284 top: 50%;
25285 left: 50%;
25286 transform: translate(-50%, -50%);
25288 .overlay-icon-container .loading-icon .icon {
25289 max-height: 2em;
25290 max-width: 2em;
25291 font-size: 2em;
25294 .w-auto {
25295 width: auto;
25298 .bg-pulse-grey {
25299 animation: bg-pulse-grey 2s infinite linear;
25302 @keyframes bg-pulse-grey {
25303 0% {
25304 background-color: #f8f9fa;
25306 50% {
25307 background-color: #e9ecef;
25309 100% {
25310 background-color: #f8f9fa;
25313 .line-height-0 {
25314 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
25317 .line-height-1 {
25318 line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
25321 .line-height-2 {
25322 line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
25325 .line-height-3 {
25326 line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
25329 .line-height-4 {
25330 line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
25333 .line-height-5 {
25334 line-height: 2rem !important; /* stylelint-disable-line declaration-no-important */
25337 .line-height-6 {
25338 line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
25341 .dir-rtl .dir-rtl-hide {
25342 display: none;
25345 .dir-ltr .dir-ltr-hide {
25346 display: none;
25349 .paged-content-page-container {
25350 min-height: 3.125rem;
25353 body.h5p-embed #page-content {
25354 display: inherit;
25356 body.h5p-embed #maincontent {
25357 display: none;
25359 body.h5p-embed .h5pmessages {
25360 min-height: 230px;
25363 #h5pcontenttypes td {
25364 vertical-align: middle;
25367 #page.drawers form#h5peditor,
25368 #page.drawers form#coolh5peditor,
25369 #page.drawers .core_contentbank_viewcontent {
25370 max-width: 960px;
25371 margin: 0 auto;
25374 .text-decoration-none {
25375 text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
25378 .colour-inherit {
25379 color: inherit !important; /* stylelint-disable-line declaration-no-important */
25382 .position-right {
25383 right: 0 !important; /* stylelint-disable-line declaration-no-important */
25386 .overflow-hidden {
25387 overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
25390 .text-break {
25391 overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
25394 .word-break {
25395 word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
25398 .z-index-0 {
25399 z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
25402 .z-index-1 {
25403 z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
25406 .float-left {
25407 float: left !important; /* stylelint-disable-line declaration-no-important */
25410 .float-right {
25411 float: right !important; /* stylelint-disable-line declaration-no-important */
25414 .img-responsive {
25415 max-width: 100%;
25416 height: auto;
25419 input[disabled] {
25420 cursor: not-allowed;
25423 .fade.in {
25424 opacity: 1;
25427 .clamp-2 {
25428 display: -webkit-box;
25429 -webkit-box-orient: vertical;
25430 -webkit-line-clamp: 2;
25431 overflow: hidden;
25434 .word-break-all {
25435 word-break: break-all;
25438 .matchtext {
25439 background-color: #a2cff8;
25440 color: #1d2125;
25441 height: 1.5rem;
25444 .border-radius {
25445 border-radius: 0.25rem;
25448 .v-hidden {
25449 visibility: hidden;
25452 .dialog-big {
25453 max-width: 500px;
25456 .dialog-small {
25457 max-width: 300px;
25460 @media (min-width: 576px) {
25461 .dialog-big {
25462 width: 500px;
25464 .dialog-small {
25465 width: 300px;
25469 * Helpers to show elements only when a parent element has focus or hover.
25471 .v-parent-focus {
25472 opacity: 0;
25473 visibility: hidden;
25476 .focus-control:focus-within .v-parent-focus,
25477 .focus-control:hover .v-parent-focus {
25478 opacity: 1;
25479 visibility: visible;
25482 .emoji-picker {
25483 width: 350px;
25484 height: 400px;
25486 .emoji-picker .category-button {
25487 padding: 0.375rem 0;
25488 height: 100%;
25489 width: 38.8888888889px;
25490 border-top: none;
25491 border-left: none;
25492 border-right: none;
25493 border-bottom: 2px solid transparent;
25495 .emoji-picker .category-button.selected {
25496 border-bottom: 2px solid #0f6cbf;
25498 .emoji-picker .emojis-container,
25499 .emoji-picker .search-results-container {
25500 min-width: 280px;
25502 .emoji-picker .picker-row {
25503 height: 40px;
25505 .emoji-picker .picker-row .category-name {
25506 line-height: 40px;
25508 .emoji-picker .picker-row .emoji-button {
25509 height: 40px;
25510 width: 40px;
25511 line-height: 40px;
25512 font-size: 24px;
25513 overflow: hidden;
25515 .emoji-picker .emoji-preview {
25516 height: 40px;
25517 font-size: 40px;
25518 line-height: 40px;
25520 .emoji-picker .emoji-short-name {
25521 line-height: 20px;
25523 @media (max-width: 575.98px) {
25524 .emoji-picker {
25525 width: 320px;
25529 .emoji-auto-complete {
25530 height: 40px;
25532 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
25533 height: 40px;
25534 width: 40px;
25535 line-height: 40px;
25536 font-size: 24px;
25538 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
25539 background-color: #e9ecef;
25542 .toast-wrapper {
25543 max-width: 350px;
25544 max-height: 0;
25545 z-index: 1051;
25547 .toast-wrapper > :first-child {
25548 margin-top: 1rem;
25551 .alert-primary a {
25552 color: #041d34;
25554 .alert-primary .close {
25555 color: #000305;
25556 opacity: 0.6;
25559 .alert-secondary a {
25560 color: #525557;
25562 .alert-secondary .close {
25563 color: #393b3d;
25564 opacity: 0.6;
25567 .alert-success a, .environmenttable .ok a {
25568 color: #0c1b0b;
25570 .alert-success .close, .environmenttable .ok .close {
25571 color: black;
25572 opacity: 0.6;
25575 .alert-info a {
25576 color: #00171b;
25578 .alert-info .close {
25579 color: black;
25580 opacity: 0.6;
25583 .alert-warning a, .environmenttable .warn a {
25584 color: #573e1c;
25586 .alert-warning .close, .environmenttable .warn .close {
25587 color: #302310;
25588 opacity: 0.6;
25591 .alert-danger a, .environmenttable .error a {
25592 color: #3d0f0a;
25594 .alert-danger .close, .environmenttable .error .close {
25595 color: #110403;
25596 opacity: 0.6;
25599 .alert-light a {
25600 color: #686868;
25602 .alert-light .close {
25603 color: #4e4e4f;
25604 opacity: 0.6;
25607 .alert-dark a {
25608 color: #040505;
25610 .alert-dark .close {
25611 color: black;
25612 opacity: 0.6;
25615 .alert a {
25616 font-weight: 700;
25619 .breadcrumb:empty {
25620 padding: 0;
25623 @media (max-width: 767.98px) {
25624 #page-navbar {
25625 width: 100%;
25627 .breadcrumb:not(:empty) {
25628 width: 100%;
25629 flex-wrap: nowrap;
25630 margin-bottom: 0.5rem;
25632 .breadcrumb:not(:empty) .breadcrumb-item {
25633 padding-top: 0.33333rem;
25634 padding-bottom: 0.33333rem;
25635 display: inline-flex;
25636 overflow: hidden;
25638 .breadcrumb:not(:empty) .breadcrumb-item a,
25639 .breadcrumb:not(:empty) .breadcrumb-item span {
25640 overflow: hidden;
25641 text-overflow: ellipsis;
25642 white-space: nowrap;
25644 .mform {
25645 width: 100%;
25646 padding-right: 15px;
25647 padding-left: 15px;
25649 .pagination {
25650 flex-wrap: wrap;
25651 justify-content: center;
25653 .custom-select {
25654 max-width: 100%;
25656 .card .card-body {
25657 padding: 0.625rem;
25659 #page-header .card {
25660 border: 0;
25662 #page-header .card .card-body {
25663 padding: 0;
25665 .nav-tabs:not(.more-nav),
25666 .nav-pills {
25667 margin: 0;
25668 border: 0;
25669 padding: 0.125rem;
25670 background-color: #e9ecef;
25672 .nav-tabs:not(.more-nav) .nav-item,
25673 .nav-pills .nav-item {
25674 flex: 1 1 auto;
25675 text-align: center;
25677 .nav-tabs:not(.more-nav) .nav-link,
25678 .nav-pills .nav-link {
25679 background: #fff;
25680 border: 0;
25681 margin: 0.125rem;
25683 .nav-tabs:not(.more-nav) .nav-link.active,
25684 .nav-pills .nav-link.active {
25685 color: #6a737b;
25686 border-color: #6a737b;
25687 border-color: #6a737b;
25689 .nav-tabs:not(.more-nav) .nav-link.active:hover,
25690 .nav-pills .nav-link.active:hover {
25691 color: #fff;
25692 background-color: #6a737b;
25693 border-color: #6a737b;
25695 .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
25696 .nav-pills .nav-link.active:focus,
25697 .nav-pills .nav-link.active.focus {
25698 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25700 .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
25701 .nav-pills .nav-link.active.disabled,
25702 .nav-pills .nav-link.active:disabled {
25703 color: #6a737b;
25704 background-color: transparent;
25706 .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,
25707 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
25708 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
25709 .show > .nav-pills .nav-link.active.dropdown-toggle {
25710 color: #fff;
25711 background-color: #6a737b;
25712 border-color: #6a737b;
25714 .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,
25715 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
25716 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
25717 .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
25718 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25721 @media (max-width: 576px) and (max-height: 320px) {
25722 div#page {
25723 margin-top: 0;
25725 .navbar.fixed-top {
25726 position: relative;
25727 z-index: inherit;
25730 .link-underline {
25731 text-decoration: underline;
25733 .link-underline:focus {
25734 text-decoration: none;
25737 .alert.cta .cta-icon .icon {
25738 padding: 0.3rem;
25740 .alert.cta .cta-icon .icon.fa {
25741 border-radius: 50%;
25742 border-style: solid;
25743 border-width: 0.125rem;
25746 .core_payment_gateways_modal .custom-control-label::before,
25747 .core_payment_gateways_modal .custom-control-label::after {
25748 top: 45%;
25751 .visual-scroll-x {
25752 scrollbar-width: thin;
25753 scrollbar-color: #0f6cbf #a2cff8;
25754 -ms-overflow-style: -ms-autohiding-scrollbar;
25756 .visual-scroll-x::-webkit-scrollbar {
25757 height: 8px;
25758 -webkit-appearance: none;
25759 appearance: none;
25761 .visual-scroll-x::-webkit-scrollbar-thumb {
25762 background-color: #0f6cbf;
25763 border-right: 1px solid #fff;
25765 .visual-scroll-x::-webkit-scrollbar-track {
25766 background-color: #a2cff8;
25767 border-right: 1px solid #fff;
25770 body.dragging .drop-zone {
25771 border: 1px dashed #1d2125;
25773 body.dragging .drop-up {
25774 border-top: 1px solid #1d2125;
25775 border-top-left-radius: 0;
25776 border-top-right-radius: 0;
25778 body.dragging .drop-down {
25779 border-bottom: 1px solid #1d2125;
25780 border-bottom-left-radius: 0;
25781 border-bottom-right-radius: 0;
25783 body.dragging .dragging {
25784 opacity: 0.6;
25787 .dragicon {
25788 visibility: hidden;
25791 .draggable:hover .dragicon {
25792 visibility: visible;
25793 cursor: move;
25796 .dropzone-container {
25797 cursor: pointer;
25799 .dropzone-container .dropzone {
25800 display: flex;
25801 justify-content: center;
25802 align-items: center;
25803 flex-direction: column;
25804 border: 2px dashed #bbb;
25805 border-radius: 0.5rem;
25807 .dropzone-container .dropzone.dragover {
25808 border: 2px dashed #6c8cd3;
25810 .dropzone-container .dropzone-icon {
25811 color: #8f959e;
25813 .dropzone-container .dropzone-icon .icon {
25814 font-size: 6em;
25815 width: auto;
25816 height: auto;
25817 max-width: initial;
25818 max-height: initial;
25819 margin-right: 0;
25821 .dropzone-container .dropzone-sr-only-focusable:active, .dropzone-container .dropzone-sr-only-focusable:focus {
25822 outline: 0;
25823 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
25824 z-index: 1060;
25825 position: relative;
25826 background: #fff;
25827 padding: 7px;
25830 .overlay-preview {
25831 background-color: rgba(255, 255, 255, 0.8);
25832 border: 2px dashed #0f6cbf;
25833 position: absolute;
25834 top: 0;
25835 left: 0;
25836 width: 100%;
25837 height: 100%;
25839 .overlay-preview .overlay-preview-wrapper {
25840 position: absolute;
25841 top: 0;
25842 padding: 2rem;
25843 width: 100%;
25845 .overlay-preview .overlay-preview-content {
25846 position: relative;
25847 top: 0;
25848 padding: 1rem;
25849 margin: 0 auto;
25850 width: 100%;
25851 max-width: 600px;
25852 background-color: #0f6cbf;
25853 color: #fff;
25854 text-align: center;
25855 font-size: 1.171875rem;
25856 border-radius: 0.25rem;
25859 .overlay-preview-borders {
25860 outline: 2px dashed #0f6cbf;
25863 .waitstate {
25864 display: none;
25867 .stateready .waitstate {
25868 display: inherit;
25870 .stateready .whilenostate {
25871 display: none;
25874 .collapse-list .collapse-list-item {
25875 padding: 0.5rem 1rem;
25877 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
25878 background-color: #e0f0f2;
25879 border-color: #b8dce2;
25881 .collapse-list .collapse-list-item-content .collapse-list-item {
25882 padding-left: calc(1rem * 3);
25885 .drawers .block_myoverview {
25886 border: 0;
25888 .drawers .block_myoverview > .card-body {
25889 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
25890 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
25891 padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
25894 .dropdown-toggle::after {
25895 content: "\f078";
25896 margin-right: 0;
25897 margin-left: 4px;
25898 font-size: 9px;
25899 width: 9px;
25900 border: 0;
25903 .dropleft .dropdown-toggle::before {
25904 border: 0;
25905 content: "\f053";
25906 font-size: 9px;
25907 margin-left: 0;
25908 margin-right: 4px;
25909 width: 9px;
25912 .dir-rtl .dropleft .dropdown-toggle::before {
25913 content: "\f054";
25916 .dropright .dropdown-toggle::after {
25917 border: 0;
25918 content: "\f054";
25921 .dir-rtl .dropright .dropdown-toggle::after {
25922 content: "\f053";
25925 .dropup .dropdown-toggle::after {
25926 border: 0;
25927 content: "\f077";
25930 .select-menu li:first-child ul[role=group] {
25931 padding: 0;
25933 .select-menu ul[role=group] {
25934 padding: 0.3rem 0 0 0;
25935 margin: 0;
25937 .select-menu ul[role=group] li:first-child {
25938 cursor: default;
25939 color: #6a737b;
25940 padding: 0.25rem 1.5rem;
25941 display: block;
25943 .select-menu ul[role=group] .dropdown-item {
25944 padding-left: 2.5rem;
25946 .select-menu .dropdown-item[aria-selected=true] {
25947 font-weight: bold;
25950 [role=listbox] [role=option] {
25951 cursor: pointer;
25953 [role=listbox] [role=option][aria-selected=true] {
25954 font-weight: bold;
25957 .initialbargroups ul {
25958 -webkit-margin-start: 0; /* stylelint-disable-line */
25959 margin-right: -1px;
25962 .initialbargroups .page-item:first-child .page-link {
25963 border-top-left-radius: 0;
25964 border-bottom-left-radius: 0;
25965 border-top-right-radius: 0;
25966 border-bottom-right-radius: 0;
25968 .initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
25969 border-top-left-radius: 0.3rem;
25970 border-bottom-left-radius: 0.3rem;
25972 .initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
25973 border-top-left-radius: 0.2rem;
25974 border-bottom-left-radius: 0.2rem;
25976 .initialbargroups .page-item:last-child .page-link {
25977 border-top-left-radius: 0;
25978 border-bottom-left-radius: 0;
25979 border-top-right-radius: 0;
25980 border-bottom-right-radius: 0;
25982 .initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
25983 border-top-right-radius: 0.3rem;
25984 border-bottom-right-radius: 0.3rem;
25986 .initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
25987 border-top-right-radius: 0.2rem;
25988 border-bottom-right-radius: 0.2rem;
25991 blockquote {
25992 margin: 0 0.5rem 1rem;
25993 padding-left: 1rem;
25994 color: #495057;
25995 border-left: 5px solid #ced4da;
25998 /* Prevent long strings exceeding page width */
25999 .page-header-headings:not(.text-truncate),
26000 .coursename:not(.text-truncate),
26001 .categoryname:not(.text-truncate),
26002 .breadcrumb-item:not(.text-truncate) {
26003 word-break: normal;
26004 overflow-wrap: anywhere;
26005 white-space: normal;
26008 /* Showmore component */
26009 .showmore-container.collapsed .collapsed-content {
26010 display: block;
26012 .showmore-container.collapsed .expanded-content {
26013 display: none;
26015 .showmore-container:not(.collapsed) .collapsed-content {
26016 display: none;
26018 .showmore-container:not(.collapsed) .expanded-content {
26019 display: block;
26021 .showmore-container button {
26022 float: right;
26024 .showmore-container button.btn-link {
26025 text-decoration: none;
26027 .showmore-container button .icon {
26028 font-size: 0.8203125rem;
26029 margin: 0;
26032 /* Combobox search dropdowns */
26033 .usersearchdropdown.dropdown-menu,
26034 .gradesearchdropdown.dropdown-menu,
26035 .groupsearchdropdown.dropdown-menu {
26036 width: 350px;
26038 .usersearchdropdown.dropdown-menu .searchresultitemscontainer,
26039 .gradesearchdropdown.dropdown-menu .searchresultitemscontainer,
26040 .groupsearchdropdown.dropdown-menu .searchresultitemscontainer {
26041 max-height: 170px;
26042 overflow: auto;
26043 /* stylelint-disable declaration-no-important */
26045 .usersearchdropdown.dropdown-menu .searchresultitemscontainer img,
26046 .gradesearchdropdown.dropdown-menu .searchresultitemscontainer img,
26047 .groupsearchdropdown.dropdown-menu .searchresultitemscontainer img {
26048 height: 48px !important;
26049 width: 48px !important;
26052 /* Bulk actions in sticky footer. */
26053 #sticky-footer [data-type=bulkactions] {
26054 display: flex;
26055 flex: 0 0 100%;
26056 align-items: center;
26059 /* Choice list component. */
26060 .choicelist {
26061 min-width: calc(300px - 25px);
26063 .choicelist i.icon {
26064 vertical-align: middle;
26067 /* General card customisations. */
26068 .card.active {
26069 border-color: #8f959e;
26072 .action-menu .dropdown-toggle {
26073 text-decoration: none;
26074 display: inline-block;
26077 .action-menu {
26078 white-space: nowrap;
26079 display: inline;
26081 .action-menu .dropdown-toggle.no-caret::after {
26082 display: none;
26084 .action-menu .dropdown-toggle.no-caret::before {
26085 display: none;
26087 .action-menu .dropdown.downleft .dropdown-subpanel-content {
26088 right: 0;
26089 left: auto;
26091 .action-menu .dropdown-subpanel.content-displayed {
26092 background-color: #e9ecef;
26094 .action-menu .dropdown-subpanel-content {
26095 max-width: 300px;
26096 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
26098 .action-menu .dropdown-subpanel-content.show {
26099 animation: 0.15s animate-pop;
26101 @media (prefers-reduced-motion: reduce) {
26102 .action-menu .dropdown-subpanel-content.show {
26103 animation: none;
26106 body.behat-site .action-menu .dropdown-subpanel-content.show {
26107 animation: none;
26109 .action-menu .dropdown-subpanel .dropdown-item::after {
26110 border: 0;
26111 content: "\f054";
26113 .action-menu .dropdown-subpanel .dropdown-item::before {
26114 display: none;
26117 @keyframes animate-pop {
26118 0% {
26119 transform: scale(0.9, 0.9);
26121 100% {
26122 transform: scale(1, 1);
26125 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
26126 border: 0;
26127 content: "\f053";
26129 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
26130 display: none;
26133 .dropdown-item a {
26134 display: block;
26135 width: 100%;
26136 color: #1d2125;
26138 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
26139 outline: 0;
26140 background-color: #0f6cbf;
26141 color: #fff;
26143 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
26144 color: #fff;
26146 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
26147 position: relative;
26148 display: flex;
26149 align-items: center;
26151 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
26152 content: "\f00c";
26153 position: absolute;
26154 left: 0.4rem;
26155 font-size: 0.7rem;
26158 .dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
26159 outline: solid #0f6cbf;
26161 .dropdown-item-outline a:focus,
26162 .dropdown-item-outline a:focus-visible {
26163 outline: 0;
26166 .icon {
26167 max-width: 24px;
26168 max-height: 24px;
26169 margin: 0;
26170 padding: 0;
26171 box-sizing: content-box;
26172 margin-right: 0.5rem;
26174 .icon.spacer {
26175 margin-right: 0;
26177 .icon.iconsize-medium {
26178 font-size: 32px;
26179 width: 32px;
26180 height: 32px;
26182 .icon.iconsize-big {
26183 width: 64px;
26184 height: 64px;
26185 font-size: 64px;
26188 .navbar-dark a .icon {
26189 color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */
26192 .action-menu-item a:first-of-type > .icon {
26193 margin-left: 0.5rem;
26196 .ygtvcell .icon {
26197 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
26200 .block_navigation .tree_item .icon,
26201 .block_settings .tree_item .icon {
26202 margin-left: 0;
26205 [data-action=toggle-drawer] .icon {
26206 margin: 0;
26209 .icon-no-spacing a > .icon {
26210 margin: 0;
26213 .icon-no-margin .icon {
26214 margin-left: 0;
26215 margin-right: 0;
26216 margin-top: 0;
26217 margin-bottom: 0;
26220 .icon-large > .icon {
26221 width: 32px;
26222 height: 32px;
26225 .icon-size-0 .icon {
26226 height: 0 !important; /* stylelint-disable-line declaration-no-important */
26227 width: 0 !important; /* stylelint-disable-line declaration-no-important */
26228 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
26231 .icon-size-1 .icon {
26232 height: 4px !important; /* stylelint-disable-line declaration-no-important */
26233 width: 4px !important; /* stylelint-disable-line declaration-no-important */
26234 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
26237 .icon-size-2 .icon {
26238 height: 8px !important; /* stylelint-disable-line declaration-no-important */
26239 width: 8px !important; /* stylelint-disable-line declaration-no-important */
26240 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
26243 .icon-size-3 .icon {
26244 height: 16px !important; /* stylelint-disable-line declaration-no-important */
26245 width: 16px !important; /* stylelint-disable-line declaration-no-important */
26246 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
26249 .icon-size-4 .icon {
26250 height: 24px !important; /* stylelint-disable-line declaration-no-important */
26251 width: 24px !important; /* stylelint-disable-line declaration-no-important */
26252 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
26255 .icon-size-5 .icon {
26256 height: 32px !important; /* stylelint-disable-line declaration-no-important */
26257 width: 32px !important; /* stylelint-disable-line declaration-no-important */
26258 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
26261 .icon-size-6 .icon {
26262 height: 40px !important; /* stylelint-disable-line declaration-no-important */
26263 width: 40px !important; /* stylelint-disable-line declaration-no-important */
26264 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
26267 .icon-size-7 .icon {
26268 height: 48px !important; /* stylelint-disable-line declaration-no-important */
26269 width: 48px !important; /* stylelint-disable-line declaration-no-important */
26270 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
26273 .helplink .icon {
26274 margin-left: 0.5rem;
26277 .icons-collapse-expand {
26278 display: flex;
26279 align-items: center;
26281 .icons-collapse-expand .expanded-icon {
26282 display: flex;
26283 align-items: center;
26285 .icons-collapse-expand .collapsed-icon {
26286 display: none;
26288 .icons-collapse-expand.collapsed .expanded-icon {
26289 display: none;
26291 .icons-collapse-expand.collapsed .collapsed-icon {
26292 display: flex;
26293 align-items: center;
26296 .activityiconcontainer {
26297 width: 52px;
26298 height: 52px;
26299 display: inline-flex;
26300 justify-content: center;
26301 align-items: center;
26302 border-radius: 4px;
26303 padding: 0.7rem;
26305 .activityiconcontainer .activityicon,
26306 .activityiconcontainer .icon {
26307 margin: 0;
26308 font-size: 32px;
26309 height: 32px;
26310 width: 32px;
26311 max-height: 32px;
26312 max-width: 32px;
26314 .activityiconcontainer.small {
26315 width: 42px;
26316 height: 42px;
26317 max-width: 42px;
26318 max-height: 42px;
26320 .activityiconcontainer.smaller {
26321 width: 32px;
26322 height: 32px;
26323 max-width: 32px;
26324 max-height: 32px;
26326 .activityiconcontainer.smaller .activityicon {
26327 width: 32px;
26328 height: 32px;
26329 max-width: 32px;
26330 max-height: 32px;
26333 .activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter),
26334 .activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
26335 filter: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26338 .activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter),
26339 .activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
26340 filter: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26343 .activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter),
26344 .activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
26345 filter: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26348 .activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter),
26349 .activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
26350 filter: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26353 .activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter),
26354 .activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
26355 filter: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26358 .activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter),
26359 .activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
26360 filter: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26363 .icon-box {
26364 width: 48px;
26365 height: 48px;
26366 display: inline-flex;
26367 justify-content: center;
26368 align-items: center;
26369 background-color: #f8f9fa;
26370 border-radius: 12px;
26371 padding: 0.7rem;
26373 .icon-box .icon {
26374 margin: 0;
26375 height: 32px;
26376 width: 32px;
26379 .icon-circle {
26380 display: inline-block;
26381 background-color: #c2cad1;
26382 border-radius: 50%;
26383 padding: 1.3rem;
26385 .icon-circle .icon {
26386 margin: 0;
26387 text-align: center;
26388 max-width: unset;
26389 max-height: unset;
26390 color: #000;
26392 .icon-circle.reversed {
26393 background-color: #b7c0c8;
26395 .icon-circle.reversed .icon {
26396 color: #fff;
26399 :root {
26400 --activityadministration: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26401 --activityassessment: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26402 --activitycollaboration: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26403 --activitycommunication: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26404 --activitycontent: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26405 --activityinteractivecontent: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26408 /* admin.less */
26409 .formtable tbody th {
26410 font-weight: normal;
26411 text-align: right;
26414 .path-admin #assignrole {
26415 width: 60%;
26416 margin-left: auto;
26417 margin-right: auto;
26420 .path-admin .admintable .leftalign {
26421 text-align: left;
26424 .path-admin .admintable.environmenttable .name,
26425 .path-admin .admintable.environmenttable .info,
26426 .path-admin #assignrole .admintable .role,
26427 .path-admin #assignrole .admintable .userrole,
26428 .path-admin #assignrole .admintable .roleholder {
26429 white-space: nowrap;
26432 .path-admin .incompatibleblockstable td.c0 {
26433 font-weight: bold;
26436 #page-admin-course-category .addcategory {
26437 padding: 10px;
26440 #page-admin-course-index .editcourse {
26441 margin: 20px auto;
26444 #page-admin-course-index .editcourse th,
26445 #page-admin-course-index .editcourse td {
26446 padding-left: 10px;
26447 padding-right: 10px;
26450 .timewarninghidden {
26451 display: none;
26454 #page-admin-qtypes #qtypes div,
26455 #page-admin-qtypes #qtypes form,
26456 #page-admin-qbehaviours #qbehaviours div,
26457 #page-admin-qbehaviours #qbehaviours form {
26458 display: inline;
26461 #page-admin-qtypes #qtypes img.spacer,
26462 #page-admin-qbehaviours #qbehaviours img.spacer {
26463 width: 16px;
26466 #page-admin-qbehaviours .cell.c3,
26467 #page-admin-qtypes .cell.c3 {
26468 font-size: 0.8203125rem;
26471 #page-admin-lang .generalbox,
26472 #page-admin-course-index .singlebutton,
26473 #page-admin-course-index .addcategory,
26474 #page-course-index .buttons,
26475 #page-course-index-category .buttons,
26476 #page-admin-course-category .addcategory,
26477 #page-admin-stickyblocks .generalbox,
26478 #page-admin-maintenance .buttons,
26479 #page-admin-course-index .buttons,
26480 #page-admin-course-category .buttons,
26481 #page-admin-index .copyright,
26482 #page-admin-index .copyrightnotice,
26483 #page-admin-index .adminerror .singlebutton,
26484 #page-admin-index .adminwarning .singlebutton,
26485 #page-admin-index #layout-table .singlebutton {
26486 text-align: center;
26487 margin-bottom: 1em;
26490 .path-admin-roles .capabilitysearchui {
26491 text-align: left;
26492 margin-left: auto;
26493 margin-right: auto;
26494 margin-top: 1rem;
26497 #page-admin-roles-define .topfields {
26498 margin: 1em 0 2em;
26501 #page-admin-roles-override .capcurrent,
26502 #page-admin-roles-define .capdefault {
26503 background-color: rgba(0, 0, 0, 0.075);
26506 #page-filter-manage .backlink,
26507 .path-admin-roles .backlink {
26508 margin-top: 1em;
26511 #page-admin-roles-explain #chooseuser h3,
26512 #page-admin-roles-usersroles .contextname {
26513 margin-top: 0;
26516 #page-admin-roles-explain #chooseusersubmit {
26517 margin-top: 0;
26518 text-align: center;
26521 #page-admin-roles-usersroles p {
26522 margin: 0;
26525 #page-admin-roles-override .cell.c1,
26526 #page-admin-roles-assign .cell.c3,
26527 #page-admin-roles-assign .cell.c1 {
26528 padding-top: 0.75em;
26531 #page-admin-roles-override .overridenotice,
26532 #page-admin-roles-define .definenotice {
26533 margin: 1em 10% 2em 10%;
26534 text-align: left;
26537 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
26538 display: block;
26541 #page-admin-index .updateplugin div {
26542 margin-bottom: 0.5em;
26545 #page-admin-user-user_bulk #users .fgroup {
26546 white-space: nowrap;
26549 #page-admin-report-stats-index .graph {
26550 text-align: center;
26551 margin-bottom: 1em;
26554 #page-admin-report-courseoverview-index .graph {
26555 text-align: center;
26556 margin-bottom: 1em;
26559 #page-admin-lang .translator {
26560 border-width: 1px;
26561 border-style: solid;
26564 .path-admin .roleassigntable {
26565 width: 100%;
26568 .path-admin .roleassigntable td {
26569 vertical-align: top;
26570 padding: 0.2em 0.3em;
26573 .path-admin .roleassigntable p {
26574 text-align: left;
26575 margin: 0.2em 0;
26578 .path-admin .roleassigntable #existingcell,
26579 .path-admin .roleassigntable #potentialcell {
26580 width: 42%;
26583 .path-admin .roleassigntable #existingcell p > label:first-child,
26584 .path-admin .roleassigntable #potentialcell p > label:first-child {
26585 font-weight: bold;
26588 .path-admin .roleassigntable #buttonscell {
26589 width: 16%;
26592 .path-admin .roleassigntable #buttonscell #assignoptions {
26593 font-size: 0.8203125rem;
26596 .path-admin .roleassigntable #removeselect_wrapper,
26597 .path-admin .roleassigntable #addselect_wrapper {
26598 width: 100%;
26601 .path-admin table.rolecap tr.rolecap th {
26602 text-align: left;
26603 font-weight: normal;
26606 .path-admin .rolecap .hiddenrow {
26607 display: none;
26610 .path-admin #defineroletable .rolecap .inherit,
26611 .path-admin #defineroletable .rolecap .allow,
26612 .path-admin #defineroletable .rolecap .prevent,
26613 .path-admin #defineroletable .rolecap .prohibit {
26614 text-align: center;
26615 padding: 0;
26616 min-width: 3.5em;
26619 .path-admin .rolecap .cap-name,
26620 .path-admin .rolecap .note {
26621 display: block;
26622 font-size: 0.8203125rem;
26623 white-space: nowrap;
26624 font-weight: normal;
26627 .path-admin .rolecap label {
26628 display: block;
26629 text-align: center;
26630 padding: 0.5em;
26631 margin: 0;
26634 .path-admin .header-maxwidth,
26635 .path-admin .secondary-navigation .navigation .nav-tabs,
26636 .format-site .header-maxwidth,
26637 .format-site .secondary-navigation .navigation .nav-tabs {
26638 max-width: none;
26641 .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
26642 .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
26643 .path-admin.path-admin-tool-lp .header-maxwidth,
26644 .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
26645 max-width: 830px;
26648 .plugincheckwrapper {
26649 width: 100%;
26652 .environmentbox {
26653 margin-top: 1em;
26656 #mnetconfig table {
26657 margin-left: auto;
26658 margin-right: auto;
26661 .environmenttable .cell {
26662 padding: 0.15em 0.5em;
26665 #trustedhosts .generaltable {
26666 margin-left: auto;
26667 margin-right: auto;
26668 width: 500px;
26671 #trustedhosts .standard {
26672 width: auto;
26675 #adminsettings legend {
26676 display: none;
26679 #adminsettings fieldset.error {
26680 margin: 0.2em 0 0.5em 0;
26683 #adminsettings fieldset.error legend {
26684 display: block;
26687 #admin-spelllanguagelist textarea {
26688 /* rtl:ignore */
26689 text-align: left;
26690 /* rtl:ignore */
26691 direction: ltr;
26694 /* Styles for flags on admin settings */
26695 .adminsettingsflags {
26696 float: right;
26699 .adminsettingsflags label {
26700 margin-right: 7px;
26703 .form-description pre,
26704 .formsettingheading pre {
26705 /*rtl:ignore*/
26706 direction: ltr;
26709 .form-item .form-setting .form-htmlarea {
26710 display: inline;
26713 .form-item .form-setting .form-htmlarea .htmlarea {
26714 width: 640px;
26715 display: block;
26718 .form-item .form-setting .form-multicheckbox ul {
26719 list-style: none;
26720 padding: 0;
26721 margin: 7px 0 0 0;
26724 .form-item .form-setting .defaultsnext {
26725 display: inline;
26728 .form-item .form-setting .locked-checkbox {
26729 margin-right: 0.2em;
26730 margin-left: 0.5em;
26731 display: inline;
26734 .form-item .form-setting .form-password .unmask,
26735 .form-item .form-setting .form-defaultinfo {
26736 display: inline-block;
26739 .form-item .form-setting .form-defaultinfo {
26740 max-width: 100%;
26741 word-wrap: break-word;
26744 #admin-emoticons td input {
26745 width: 8em;
26748 #admin-emoticons td.c0 input {
26749 width: 4em;
26752 .admin_colourpicker,
26753 .admin_colourpicker_preview {
26754 display: none;
26757 .jsenabled .admin_colourpicker_preview {
26758 display: inline;
26761 @media (min-width: 768px) {
26762 .jsenabled .admin_colourpicker {
26763 display: block;
26764 height: 102px;
26765 width: 410px;
26766 margin-bottom: 10px;
26767 box-sizing: content-box;
26769 .admin_colourpicker .colourdialogue {
26770 float: left;
26771 border: 1px solid #8f959e;
26773 .admin_colourpicker .previewcolour {
26774 border: 1px solid #8f959e;
26775 margin-left: 301px;
26777 .admin_colourpicker .currentcolour {
26778 border: 1px solid #8f959e;
26779 margin-left: 301px;
26780 border-top-width: 0;
26783 @media (max-width: 767.98px) {
26784 .jsenabled .admin_colourpicker {
26785 height: 150px;
26786 margin-bottom: 10px;
26787 display: block;
26788 position: relative;
26790 .admin_colourpicker .previewcolour {
26791 display: none;
26793 .admin_colourpicker .currentcolour {
26794 position: absolute;
26795 border: 1px solid #dee2e6;
26796 top: 100px;
26797 left: 0;
26800 .admin_colourpicker .loadingicon {
26801 vertical-align: middle;
26802 margin-left: auto;
26805 #page-admin-index #notice .checkforupdates {
26806 text-align: center;
26809 #page-admin-plugins #plugins-overview-panel .info {
26810 display: inline-block;
26811 margin-right: 1em;
26813 #page-admin-plugins .checkforupdates {
26814 margin: 10px 0;
26816 #page-admin-plugins .checkforupdates .singlebutton {
26817 margin: 5px 0;
26818 padding: 0;
26820 #page-admin-plugins .checkforupdates .singlebutton div,
26821 #page-admin-plugins .checkforupdates .singlebutton input {
26822 margin: 0 3px 0 0;
26824 #page-admin-plugins .updateavailableinstallall {
26825 margin: 5px 0;
26826 padding: 0;
26828 #page-admin-plugins .updateavailableinstallall div,
26829 #page-admin-plugins .updateavailableinstallall input {
26830 margin: 0 3px 5px 0;
26832 #page-admin-plugins #plugins-control-panel .status-missing td {
26833 background-color: #fcefdc;
26835 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
26836 font-size: 0.8203125rem;
26837 color: #6a737b;
26838 margin-left: 22px;
26840 #page-admin-plugins #plugins-control-panel .version .versionnumber {
26841 font-size: 0.8203125rem;
26842 color: #6a737b;
26844 #page-admin-plugins #plugins-control-panel .uninstall a {
26845 color: #ca3120;
26847 #page-admin-plugins #plugins-control-panel .notes .label {
26848 margin-right: 3px;
26850 #page-admin-plugins #plugins-control-panel .notes .requiredby {
26851 font-size: 0.8203125rem;
26852 color: #6a737b;
26855 #plugins-check-page #plugins-check .status-missing td,
26856 #plugins-check-page #plugins-check .status-downgrade td {
26857 background-color: #f4d6d2;
26860 #plugins-check-page .pluginupdateinfo,
26861 #plugins-control-panel .pluginupdateinfo {
26862 background-color: #cce6ea;
26863 padding: 5px;
26864 margin: 10px 0;
26865 border-radius: 5px;
26867 #plugins-check-page .pluginupdateinfo.maturity50,
26868 #plugins-control-panel .pluginupdateinfo.maturity50 {
26869 background-color: #f4d6d2;
26871 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
26872 #plugins-control-panel .pluginupdateinfo.maturity100,
26873 #plugins-control-panel .pluginupdateinfo.maturity150 {
26874 background-color: #fcefdc;
26876 #plugins-check-page .pluginupdateinfo .info,
26877 #plugins-control-panel .pluginupdateinfo .info {
26878 display: inline-block;
26880 #plugins-check-page .pluginupdateinfo .separator:after,
26881 #plugins-control-panel .pluginupdateinfo .separator:after {
26882 content: " | ";
26884 #plugins-check-page .pluginupdateinfo .singlebutton,
26885 #plugins-control-panel .pluginupdateinfo .singlebutton {
26886 margin: 5px 0;
26887 padding: 0;
26889 #plugins-check-page .pluginupdateinfo .singlebutton div,
26890 #plugins-check-page .pluginupdateinfo .singlebutton input,
26891 #plugins-control-panel .pluginupdateinfo .singlebutton div,
26892 #plugins-control-panel .pluginupdateinfo .singlebutton input {
26893 margin: 0 3px 0 0;
26896 .plugins-management-confirm-buttons > div {
26897 display: inline-block;
26898 margin: 1em 1em 1em 0;
26900 .plugins-management-confirm-buttons .continue {
26901 padding: 0;
26903 .plugins-management-confirm-buttons .continue div,
26904 .plugins-management-confirm-buttons .continue input {
26905 margin: 0;
26908 #page-admin-index .upgradepluginsinfo {
26909 text-align: center;
26912 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
26913 content: " | ";
26916 /** MNet networking */
26917 #page-admin-mnet-peers .box.deletedhosts {
26918 margin-bottom: 1em;
26919 font-size: 0.8203125rem;
26922 #core-cache-plugin-summaries table,
26923 #core-cache-store-summaries table {
26924 width: 100%;
26927 #core-cache-lock-summary table,
26928 #core-cache-definition-summaries table,
26929 #core-cache-mode-mappings table {
26930 margin: 0 auto;
26933 #core-cache-store-summaries .default-store td {
26934 font-style: italic;
26937 #core-cache-rescan-definitions,
26938 #core-cache-mode-mappings .edit-link,
26939 #core-cache-lock-additional-actions .new-instance {
26940 margin-top: 0.5em;
26941 text-align: center;
26944 .maintenancewarning {
26945 position: fixed;
26946 bottom: 0;
26947 right: 0;
26948 overflow: hidden;
26949 z-index: 1000;
26952 .modal.modal-in-page {
26953 z-index: 0;
26956 #page-admin-search .adminpagetitle {
26957 margin-bottom: 0;
26958 border-bottom: none;
26960 #page-admin-search .adminpagepath {
26961 display: flex;
26962 flex-wrap: wrap;
26963 list-style: none;
26964 padding: 0;
26965 margin: 0 0 1.5rem 0;
26967 #page-admin-search .adminpagepath li + li:before {
26968 padding-right: 0.5rem;
26969 padding-left: 0.5rem;
26970 content: "/";
26972 @media (min-width: 576px) {
26973 #page-admin-search .container {
26974 overflow-wrap: break-word;
26978 #page-admin-tasklogs .task-class {
26979 font-size: 0.8203125rem;
26980 color: #6a737b;
26983 .path-admin-tool-uploaduser .uuwarning {
26984 background-color: #fcefdc;
26986 .path-admin-tool-uploaduser .uuerror {
26987 background-color: #f4d6d2;
26989 .path-admin-tool-uploaduser .uuinfo {
26990 background-color: #d7e4d6;
26994 Blocks
26996 .blockmovetarget .accesshide {
26997 position: relative;
26998 left: initial;
27001 .block:target {
27002 padding-top: 0 !important; /* stylelint-disable declaration-no-important */
27003 margin-top: 0 !important;
27006 .block_search_forums .searchform {
27007 /* Override plugin's default. */
27008 text-align: left;
27011 .block.block_navigation .block_tree ul,
27012 .block_settings .block_tree ul {
27013 margin-left: 0;
27016 .block .block-controls .dropdown-toggle {
27017 /* So that the caret takes the colour of the icon. */
27018 color: #1d2125;
27021 [data-region=blocks-column] {
27022 width: 360px;
27023 float: right;
27026 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
27027 @media (min-width: 576px) {
27028 #region-main-settings-menu {
27029 position: relative;
27030 float: left;
27031 width: 100%;
27033 #region-main-settings-menu > div {
27034 position: absolute;
27035 right: 0;
27036 z-index: 100;
27037 margin: 1rem;
27039 .region_main_settings_menu_proxy {
27040 width: 4rem;
27041 height: 2rem;
27042 background-color: #fff;
27043 margin-left: 0.625rem;
27044 margin-bottom: 0.625rem;
27045 border-bottom-left-radius: 0.5rem;
27046 float: right;
27049 @media (max-width: 767.98px) {
27050 #region-main-settings-menu .menubar {
27051 justify-content: flex-end;
27054 #region-main.has-blocks {
27055 display: inline-block;
27056 width: calc(100% - 375px);
27058 @media (max-width: 1199.98px) {
27059 #region-main.has-blocks {
27060 width: 100%;
27061 /* MDL-63102 - Remove extra space at bottom.
27062 If modifying make sure block-region is horizontally stacked when in full screen */
27063 display: block;
27067 .header-action #region-main-settings-menu {
27068 position: unset;
27069 float: none;
27070 width: auto;
27072 .header-action #region-main-settings-menu > div {
27073 position: unset;
27074 right: auto;
27075 margin: 0;
27078 @media (max-width: 1199.98px) {
27079 [data-region=blocks-column] {
27080 width: 100%;
27084 .block .empty-placeholder-image-lg {
27085 height: 5rem;
27088 .block .searchbar .icon {
27089 margin-right: 0;
27092 .block .block-cards .course-info-container {
27093 padding: 0.8rem;
27095 .block .block-cards .progress {
27096 height: 0.5rem;
27098 .block .block-cards .course-summaryitem {
27099 border: 1px solid #dee2e6;
27100 background-color: #fff;
27102 .block .block-cards .icon {
27103 margin-right: 0;
27105 .block .block-cards .card .coursemenubtn {
27106 margin-top: -0.5rem;
27108 .block .block-cards span.categoryname,
27109 .block .block-cards .btn-link {
27110 color: #1d2125;
27112 .block .block-cards .progress-text {
27113 color: #6a737b;
27115 .block .block-cards .multiline {
27116 white-space: normal;
27118 .block .block-cards .btn.btn-link.btn-icon {
27119 height: 36px;
27120 width: 36px;
27121 padding: 0;
27122 border-radius: 50%;
27125 .card-grid {
27126 display: flex;
27128 .card-grid .card {
27129 flex: 1;
27131 .drawercontent .card-grid .col, .blockcolumn .card-grid .col {
27132 flex: 0 0 auto;
27133 max-width: 100%;
27136 .card-carousel {
27137 display: flex;
27139 .card-carousel .card {
27140 flex: 1;
27142 @media (min-width: 576px) {
27143 .card-carousel .card {
27144 flex: 0 1 auto;
27145 width: 240px;
27146 max-width: 100%;
27150 .course-card .card-img-top,
27151 .theme-card .card-img-top {
27152 height: 7rem;
27153 background-position: center;
27154 background-size: cover;
27157 .block_recentlyaccessedcourses .paging-bar-container {
27158 margin-top: -2.4rem;
27159 padding-right: 0.5rem;
27160 justify-content: flex-end;
27162 @media (max-width: 575.98px) {
27163 .block_recentlyaccessedcourses .paging-bar-container {
27164 margin-top: 0;
27168 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
27169 margin-top: 0;
27172 .block_recentlyaccesseditems .activityiconcontainer {
27173 width: 40px;
27174 height: 40px;
27176 aside[id^=block-region-side-] .block_recentlyaccesseditems .card:nth-of-type(n+4) {
27177 display: none;
27179 #block-region-content .block_recentlyaccesseditems [data-region=more-items-button-container] {
27180 display: none;
27182 .block_recentlyaccesseditems a.card:hover, .block_recentlyaccesseditems a.card:focus {
27183 text-decoration: none;
27185 .block_recentlyaccesseditems a.card:hover h6, .block_recentlyaccesseditems a.card:focus h6 {
27186 text-decoration: underline;
27188 .block_recentlyaccesseditems a.card small {
27189 color: #1d2125;
27192 .block_myoverview .content {
27193 min-height: 19.35rem;
27195 .block_myoverview .paged-content-page-container {
27196 min-height: 13rem;
27198 .block_myoverview .summary-image {
27199 height: 5rem;
27200 width: 5rem;
27201 background-position: center;
27202 background-size: cover;
27204 .block_myoverview .list-image {
27205 height: 5rem;
27206 width: 20rem;
27207 background-position: center;
27208 background-size: cover;
27210 @media (max-width: 1199.98px) {
27211 .block_myoverview .list-image {
27212 width: 100%;
27216 .block_timeline .paged-content-page-container {
27217 background-color: #fff;
27220 .block_timeline .event-action {
27221 padding-left: 5.55em;
27224 .block_settings .block_tree [aria-expanded=true],
27225 .block_settings .block_tree [aria-expanded=true].emptybranch,
27226 .block_settings .block_tree [aria-expanded=false],
27227 .block_navigation .block_tree [aria-expanded=true],
27228 .block_navigation .block_tree [aria-expanded=true].emptybranch,
27229 .block_navigation .block_tree [aria-expanded=false] {
27230 background-image: none;
27233 .block_settings .block_tree [aria-expanded=true] > p:before,
27234 .block_navigation .block_tree [aria-expanded=true] > p:before {
27235 content: "\f107";
27236 margin-right: 0;
27237 font-size: 16px;
27238 width: 16px;
27241 .block_settings .block_tree [aria-expanded=false] > p:before,
27242 .block_navigation .block_tree [aria-expanded=false] > p:before {
27243 content: "\f105";
27244 margin-right: 0;
27245 font-size: 16px;
27246 width: 16px;
27249 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
27250 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before {
27251 content: "\f104";
27254 .block_navigation .block_tree p.hasicon,
27255 .block_settings .block_tree p.hasicon {
27256 text-indent: -3px;
27258 .block_navigation .block_tree p.hasicon .icon,
27259 .block_settings .block_tree p.hasicon .icon {
27260 margin-right: 2px;
27263 .block.invisibleblock .card-title {
27264 color: #6a737b;
27267 .block_social_activities li a.movehere,
27268 .block_site_main_menu li a.movehere {
27269 display: block;
27270 width: 100%;
27271 height: 2rem;
27272 border: 2px dashed #343a40;
27273 margin: 4px 0;
27276 .pagelayout-embedded .has-fake-blocks {
27277 padding: 1rem;
27278 display: flex;
27280 .pagelayout-embedded .has-fake-blocks .embedded-main {
27281 order: 0;
27282 width: calc(100% - 360px);
27283 margin-right: 1rem;
27285 .pagelayout-embedded .embedded-blocks {
27286 order: 1;
27287 width: 360px;
27289 @media (max-width: 767.98px) {
27290 .pagelayout-embedded .has-fake-blocks {
27291 display: block;
27293 .pagelayout-embedded .has-fake-blocks .embedded-main {
27294 width: 100%;
27296 .pagelayout-embedded .embedded-blocks {
27297 width: 100%;
27301 .block-add {
27302 color: #0f6cbf;
27303 background-color: #f5f9fc;
27304 border-color: #3584c9;
27305 border-radius: 0.25rem;
27306 width: 100%;
27307 border-width: 1px;
27309 .block-add hr {
27310 border-top-color: #3077b5;
27312 .block-add .alert-link {
27313 color: #0b5190;
27315 .block-add .pluscontainer {
27316 border: 1px solid #3584c9;
27317 border-radius: 50%;
27318 width: 32px;
27319 height: 32px;
27321 .block-add:hover {
27322 cursor: pointer;
27323 background-color: #f5f9fc;
27325 .block-add:hover .activity-add-text {
27326 text-decoration: underline;
27329 /* calendar.less */
27330 .calendar_event_category {
27331 background-color: #e0cbe0;
27333 .calendar_event_category .commands a {
27334 color: #0d5ca1;
27337 .calendar_event_course {
27338 background-color: #ffd3bd;
27340 .calendar_event_course .commands a {
27341 color: #0d5ca1;
27344 .calendar_event_site {
27345 background-color: #d6f8cd;
27347 .calendar_event_site .commands a {
27348 color: #0d5ca1;
27351 .calendar_event_group {
27352 background-color: #fee7ae;
27354 .calendar_event_group .commands a {
27355 color: #0d5ca1;
27358 .calendar_event_user {
27359 background-color: #dce7ec;
27361 .calendar_event_user .commands a {
27362 color: #0d5ca1;
27365 .calendar_event_other {
27366 background-color: #ced4da;
27368 .calendar_event_other .commands a {
27369 color: #0d5ca1;
27372 .calendartable {
27373 width: 100%;
27374 table-layout: fixed;
27376 .calendartable th,
27377 .calendartable td {
27378 width: 14%;
27379 vertical-align: top;
27380 text-align: center;
27381 border: 0;
27384 .calendar-controls .previous,
27385 .calendar-controls .next,
27386 .calendar-controls .current {
27387 display: block;
27388 float: left;
27389 width: 12%;
27391 .calendar-controls .previous {
27392 text-align: left;
27393 border: 1px solid transparent;
27394 width: 25%;
27396 .calendar-controls .current {
27397 text-align: center;
27398 width: 50%;
27400 .calendar-controls .next {
27401 text-align: right;
27402 border: 1px solid transparent;
27403 width: 25%;
27405 .calendar-controls .drop-target {
27406 box-sizing: border-box;
27407 border: 1px dashed #0f6cbf;
27410 .filters table {
27411 border-collapse: separate;
27412 border-spacing: 2px;
27413 width: 100%;
27416 #region-main .maincalendar .calendarwrapper td > div {
27417 height: 11.5em;
27418 overflow: hidden;
27421 .maincalendar {
27422 vertical-align: top;
27423 padding: 0;
27425 .maincalendar .bottom {
27426 text-align: left;
27427 width: 98%;
27428 margin: 10px auto;
27430 .maincalendar .bottom span.footer-link:after {
27431 content: "•";
27432 color: #0f6cbf;
27434 .maincalendar .bottom span.footer-link:last-child:after {
27435 content: none;
27437 .maincalendar .heightcontainer {
27438 height: 100%;
27439 position: relative;
27441 .maincalendar .calendarmonth {
27442 width: 98%;
27443 margin: 10px auto;
27445 .maincalendar .calendarmonth ul {
27446 margin: 0;
27447 padding: 0;
27449 .maincalendar .calendarmonth ul li[data-event-folded=true] {
27450 display: none;
27452 .maincalendar .calendarmonth ul li {
27453 list-style-type: none;
27454 line-height: 1.2em;
27456 .maincalendar .calendarmonth ul li > a {
27457 overflow: hidden;
27458 text-overflow: ellipsis;
27459 white-space: nowrap;
27460 max-width: 100%;
27461 display: inline-block;
27463 .maincalendar .calendarmonth ul li > a:hover {
27464 text-decoration: none;
27466 .maincalendar .calendarmonth ul li > a:hover .eventname {
27467 text-decoration: underline;
27469 .maincalendar .calendarmonth ul li a[data-action=view-day-link] {
27470 overflow: hidden;
27471 text-overflow: ellipsis;
27472 white-space: nowrap;
27474 .maincalendar .calendarmonth ul li .icon {
27475 margin-left: 0.25em;
27476 margin-right: 0.25em;
27477 vertical-align: initial;
27479 .maincalendar .calendarmonth ul li .calendar-circle {
27480 width: 12px;
27481 height: 12px;
27482 border-radius: 6px;
27483 vertical-align: middle;
27484 display: inline-block;
27486 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
27487 background-color: #e0cbe0;
27488 border: 2px solid #9e619f;
27490 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
27491 background-color: #ffd3bd;
27492 border: 2px solid #d34600;
27494 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
27495 background-color: #d6f8cd;
27496 border: 2px solid #2b8713;
27498 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
27499 background-color: #fee7ae;
27500 border: 2px solid #9a6e02;
27502 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
27503 background-color: #dce7ec;
27504 border: 2px solid #4e7c91;
27506 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
27507 background-color: #ced4da;
27508 border: 2px solid #687889;
27510 .maincalendar .calendarmonth th {
27511 text-align: left;
27512 padding-left: 16px;
27514 .maincalendar .calendarmonth td a.day:focus {
27515 display: inline-block;
27516 border-radius: 50%;
27517 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
27519 .maincalendar .calendarmonth td .day-number-circle {
27520 display: inline-block;
27521 line-height: 0;
27522 width: 30px;
27523 height: 30px;
27525 .maincalendar .calendarmonth td .day-number-circle .day-number {
27526 display: inline-block;
27527 padding: 50% 4px;
27528 width: 100%;
27529 text-align: center;
27531 .maincalendar .calendarmonth td.today .day-number-circle {
27532 border-radius: 50%;
27533 color: #fff;
27534 background-color: #0f6cbf;
27536 .maincalendar .calendarmonth .clickable:hover {
27537 background-color: #ededed;
27539 .maincalendar .controls {
27540 width: 98%;
27541 margin: 10px auto;
27543 .maincalendar .calendar_event_category:hover a,
27544 .maincalendar .calendar_event_course:hover a,
27545 .maincalendar .calendar_event_site:hover a,
27546 .maincalendar .calendar_event_group:hover a,
27547 .maincalendar .calendar_event_user:hover a {
27548 color: #094478;
27549 text-decoration: underline;
27551 .maincalendar .calendar_event_category {
27552 border-color: #e0cbe0;
27554 .maincalendar .calendar_event_course {
27555 border-color: #ffd3bd;
27557 .maincalendar .calendar_event_site {
27558 border-color: #d6f8cd;
27560 .maincalendar .calendar_event_group {
27561 border-color: #fee7ae;
27563 .maincalendar .calendar_event_user {
27564 border-color: #dce7ec;
27566 .maincalendar .calendar_event_other {
27567 border-color: #ced4da;
27569 .maincalendar .calendartable td,
27570 .maincalendar .calendartable li {
27571 padding: 4px;
27573 .maincalendar .calendartable li {
27574 text-align: left;
27576 .maincalendar .header {
27577 overflow: hidden;
27579 .maincalendar .header .buttons {
27580 float: right;
27582 .maincalendar .event .card-header img {
27583 vertical-align: baseline;
27585 .maincalendar .event .location {
27586 word-break: break-all;
27587 overflow-wrap: break-word;
27589 .maincalendar table#subscription_details_table td {
27590 vertical-align: middle;
27592 .maincalendar table#subscription_details_table td > .btn-group button {
27593 padding-left: 0;
27596 #page-calendar-export .indent {
27597 padding-left: 20px;
27600 .block .bottom {
27601 width: 98%;
27602 margin: 10px auto;
27604 .block .bottom span.footer-link:after {
27605 content: "•";
27606 color: #0f6cbf;
27608 .block .bottom span.footer-link:last-child:after {
27609 content: none;
27611 .block .minicalendar {
27612 max-width: 280px;
27613 margin: 0 auto;
27614 width: 100%;
27616 .block .minicalendar th,
27617 .block .minicalendar td {
27618 padding: 2px;
27619 font-size: 0.8em;
27620 text-align: center;
27622 .block .minicalendar td.weekend {
27623 color: #6a737b;
27625 .block .minicalendar td a {
27626 width: 100%;
27627 height: 100%;
27628 display: block;
27629 color: #0d5ca1;
27631 .block .minicalendar td.duration_global {
27632 border-top: 1px solid #d6f8cd;
27633 border-bottom: 1px solid #d6f8cd;
27635 .block .minicalendar td.duration_global.duration_finish {
27636 background-color: #d6f8cd;
27638 .block .minicalendar td.duration_category {
27639 border-top: 1px solid #e0cbe0;
27640 border-bottom: 1px solid #e0cbe0;
27642 .block .minicalendar td.duration_category.duration_finish {
27643 background-color: #e0cbe0;
27645 .block .minicalendar td.duration_course {
27646 border-top: 1px solid #ffd3bd;
27647 border-bottom: 1px solid #ffd3bd;
27649 .block .minicalendar td.duration_course.duration_finish {
27650 background-color: #ffd3bd;
27652 .block .minicalendar td.duration_group {
27653 border-top: 1px solid #fee7ae;
27654 border-bottom: 1px solid #fee7ae;
27656 .block .minicalendar td.duration_group.duration_finish {
27657 background-color: #fee7ae;
27659 .block .minicalendar td.duration_user {
27660 border-top: 1px solid #dce7ec;
27661 border-bottom: 1px solid #dce7ec;
27663 .block .minicalendar td.duration_user.duration_finish {
27664 background-color: #dce7ec;
27666 .block .minicalendar td.duration_other {
27667 border-top: 1px solid #ced4da;
27668 border-bottom: 1px solid #ced4da;
27670 .block .minicalendar td.duration_other.duration_finish {
27671 background-color: #ced4da;
27673 .block .minicalendar caption {
27674 font-size: inherit;
27675 font-weight: inherit;
27676 line-height: inherit;
27677 text-align: center;
27679 .block .calendar_filters ul {
27680 list-style: none;
27681 margin: 0;
27682 padding: 0;
27684 .block .calendar_filters li {
27685 margin-bottom: 0.2em;
27687 .block .calendar_filters li span.calendar_event_category i {
27688 color: #0d5ca1;
27690 .block .calendar_filters li span.calendar_event_course i {
27691 color: #0d5ca1;
27693 .block .calendar_filters li span.calendar_event_site i {
27694 color: #0d5ca1;
27696 .block .calendar_filters li span.calendar_event_group i {
27697 color: #0d5ca1;
27699 .block .calendar_filters li span.calendar_event_user i {
27700 color: #0d5ca1;
27702 .block .calendar_filters li span.calendar_event_other i {
27703 color: #0d5ca1;
27705 .block .calendar_filters li span img {
27706 padding: 0 0.2em;
27707 margin: 0;
27709 .block .calendar_filters li .icon {
27710 vertical-align: initial;
27711 margin: 0 0.1rem 0 0.4rem;
27713 .block .calendar_filters li > a:hover {
27714 text-decoration: none;
27716 .block .calendar_filters li > a:hover .eventname {
27717 text-decoration: underline;
27719 .block .content h3.eventskey {
27720 margin-top: 0.5em;
27723 .path-course-view .block.block_calendar_month .maincalendar div.header {
27724 visibility: hidden;
27725 height: 0;
27727 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
27728 position: absolute;
27729 width: 1px;
27730 height: 1px;
27731 padding: 0;
27732 margin: -1px;
27733 overflow: hidden;
27734 clip: rect(0, 0, 0, 0);
27735 white-space: nowrap;
27736 border: 0;
27738 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
27739 display: block;
27741 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
27742 content: none;
27745 /* Display month name above the calendar */
27746 table.calendartable caption {
27747 caption-side: top;
27750 @media (min-width: 768px) {
27751 #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 {
27752 min-width: 1024px;
27755 @media (min-width: 768px) {
27756 section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
27757 visibility: hidden;
27758 height: 0;
27760 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
27761 width: 40%;
27762 font-size: inherit;
27763 line-height: inherit;
27765 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
27766 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
27767 width: 30%;
27768 font-size: 0.8em;
27770 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
27771 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27772 border: none;
27773 text-align: center !important;
27774 padding: 0;
27776 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27777 height: auto;
27778 font-size: 0.8em;
27780 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27781 display: none;
27783 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27784 display: inline-block;
27785 position: relative;
27787 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27788 content: ".";
27789 display: inline-block;
27790 position: absolute;
27791 bottom: 0.4em;
27792 left: 0;
27793 text-align: center;
27794 width: 100%;
27795 font-size: 3em;
27796 color: inherit;
27798 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
27799 content: "";
27800 display: block;
27801 margin-top: calc(100% - 26px);
27803 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
27804 background-color: inherit;
27806 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
27807 border-radius: 50%;
27808 background-color: #ededed;
27810 section:not(#region-main) .block.block_calendar_month .bottom {
27811 border-top: 1px solid rgba(0, 0, 0, 0.125);
27812 padding-top: 0.5rem;
27815 @media (max-width: 768px) {
27816 .maincalendar .calendartable.calendarmonth th,
27817 .maincalendar .calendartable.calendarmonth td {
27818 border: none;
27819 text-align: center !important;
27820 padding: 0;
27822 .maincalendar .calendartable.calendarmonth td {
27823 height: auto;
27824 font-size: inherit;
27825 padding: 0;
27827 .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27828 display: none;
27830 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27831 display: inline-block;
27832 position: relative;
27834 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27835 content: ".";
27836 display: inline-block;
27837 position: absolute;
27838 bottom: 0.4em;
27839 left: 0;
27840 text-align: center;
27841 width: 100%;
27842 font-size: 3em;
27843 color: inherit;
27845 .maincalendar .calendartable.calendarmonth td:after {
27846 content: "";
27847 display: block;
27848 margin-top: calc(100% - 26px);
27850 .maincalendar .calendartable.calendarmonth td > div {
27851 height: auto !important;
27854 .calendarwrapper {
27855 position: relative;
27858 .day-popover-content:empty + .day-popover-alternate {
27859 display: block;
27862 .location-content {
27863 overflow-wrap: break-word;
27866 .description-content {
27867 overflow-wrap: break-word;
27869 .description-content > p {
27870 margin: 0;
27873 .cal_courses_flt {
27874 color: #6a737b;
27875 max-width: 75%;
27878 .content-bank-container .cb-content-wrapper {
27879 padding: 0.5rem;
27880 min-height: 140px;
27881 max-height: 500px;
27882 overflow-x: auto;
27883 flex-wrap: wrap;
27885 .content-bank-container .cb-thumbnail {
27886 width: 24px;
27887 height: 24px;
27888 background-repeat: no-repeat;
27889 background-position: center;
27890 background-size: cover;
27892 .content-bank-container.view-grid {
27893 /* Display a centered eye slash on top of unlisted content icons. */
27895 .content-bank-container.view-grid .cb-listitem {
27896 margin-bottom: 0.5rem;
27898 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
27899 position: relative;
27901 @media (max-width: 767.98px) {
27902 .content-bank-container.view-grid .cb-listitem {
27903 flex-basis: 50%;
27906 @media (min-width: 576px) {
27907 .content-bank-container.view-grid .cb-listitem {
27908 max-width: 120px;
27909 min-width: 120px;
27912 .content-bank-container.view-grid .cb-name {
27913 text-align: center;
27915 .content-bank-container.view-grid .cb-file {
27916 padding: 0.5rem;
27918 .content-bank-container.view-grid .cb-thumbnail {
27919 width: 64px;
27920 height: 64px;
27921 margin-left: auto;
27922 margin-right: auto;
27923 margin-bottom: 0.5rem;
27925 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
27926 opacity: 0.15;
27928 .content-bank-container.view-grid .cb-unlisted::after {
27929 content: "\f070";
27930 position: absolute;
27931 top: 20px;
27932 left: 0;
27933 width: 100%;
27934 font-size: 26px;
27935 text-align: center;
27936 opacity: 0.9;
27937 text-shadow: 0 0 10px #fff;
27939 .content-bank-container.view-grid .cb-heading,
27940 .content-bank-container.view-grid .cb-uses,
27941 .content-bank-container.view-grid .cb-date,
27942 .content-bank-container.view-grid .cb-size,
27943 .content-bank-container.view-grid .cb-type,
27944 .content-bank-container.view-grid .cb-author {
27945 display: none;
27947 .content-bank-container.view-list .cb-content-wrapper {
27948 padding: 0 0.5rem;
27949 flex-direction: column;
27950 flex-wrap: nowrap;
27952 .content-bank-container.view-list .cb-thumbnail {
27953 margin-right: 0.5rem;
27955 .content-bank-container.view-list .cb-listitem,
27956 .content-bank-container.view-list .cb-heading {
27957 display: flex;
27958 flex-wrap: wrap;
27959 width: 100%;
27960 border-bottom: 1px solid #dee2e6;
27962 .content-bank-container.view-list .cb-column {
27963 display: flex;
27964 padding: 0.25rem;
27966 .content-bank-container.view-list .cb-column {
27967 border-right: 1px solid #dee2e6;
27969 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
27970 opacity: 0.3;
27972 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
27973 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
27974 color: #6a737b;
27976 @media (max-width: 767.98px) {
27977 .content-bank-container.view-list .cb-column {
27978 flex: 0 0 50%;
27979 max-width: 50%;
27982 @media (min-width: 576px) {
27983 .content-bank-container.view-list .cb-heading {
27984 position: sticky;
27985 top: 0;
27986 z-index: 1;
27988 .content-bank-container.view-list .cb-file {
27989 flex: 0 0 40%;
27990 max-width: 40%;
27992 .content-bank-container.view-list .cb-uses,
27993 .content-bank-container.view-list .cb-date,
27994 .content-bank-container.view-list .cb-size,
27995 .content-bank-container.view-list .cb-type,
27996 .content-bank-container.view-list .cb-author {
27997 flex: 0 0 12%;
27998 max-width: 12%;
28000 .content-bank-container.view-list .cb-column.last {
28001 border-right: 0;
28004 .content-bank-container.view-list .cb-btnsort span {
28005 display: none;
28007 .content-bank-container.view-list .cb-btnsort .title {
28008 display: inline;
28010 .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 {
28011 display: inline;
28014 .cb-toolbar-container .dropdown-scrollable {
28015 max-height: 190px;
28016 overflow-y: auto;
28019 .cb-navigation-container .singleselect,
28020 .cb-navigation-container .singleselect .custom-select {
28021 width: 100%;
28024 /* course.less */
28025 /* COURSE CONTENT */
28026 .block_tree .tree_item.branch {
28027 margin-left: 8px;
28030 .section .side {
28031 margin-top: 0.5rem;
28033 .section .side.left {
28034 float: left;
28036 .section .side.right {
28037 float: right;
28038 clear: right;
28040 .section .spinner {
28041 height: 16px;
28042 width: 16px;
28044 .section .activity {
28045 /* The command block for each activity */
28047 .section .activity .spinner {
28048 left: 100%;
28049 position: absolute;
28051 .section .activity .actions {
28052 position: absolute;
28053 right: 0;
28054 top: 0;
28055 display: flex;
28057 .section .activity .contentwithoutlink,
28058 .section .activity .activityinstance {
28059 min-width: 40%;
28061 .section .activity .contentwithoutlink > a,
28062 .section .activity .activityinstance > a {
28063 display: inline-flex;
28064 align-items: center;
28066 .section .activity .contentwithoutlink .dimmed .activityicon,
28067 .section .activity .activityinstance .dimmed .activityicon {
28068 opacity: 0.5;
28070 .section .activity .stealth {
28071 color: #6a737b;
28073 .section .activity a.stealth,
28074 .section .activity a.stealth:hover {
28075 color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
28077 .section .activity.indented .activity-item {
28078 margin-left: 1rem;
28080 .section .label .contentwithoutlink,
28081 .section .label .activityinstance {
28082 padding-right: 32px;
28083 display: block;
28084 height: inherit;
28086 @media (min-width: 576px) {
28087 .section .label .mod-indent-outer {
28088 padding-left: 24px;
28089 display: block;
28092 .section .filler {
28093 width: 16px;
28094 height: 16px;
28095 padding: 0;
28096 margin: 0 0.5rem;
28097 display: inline-block;
28099 .section .activity.editor_displayed a.editing_title,
28100 .section .activity.editor_displayed .moodle-actionmenu {
28101 display: none;
28103 .section .activity.editor_displayed div.activityinstance {
28104 padding-right: initial;
28106 .section .activity.editor_displayed div.activityinstance input {
28107 margin-bottom: initial;
28108 padding-top: initial;
28109 padding-bottom: initial;
28110 vertical-align: text-bottom;
28113 .section .activity .activityinstance {
28114 display: inline-flex;
28115 align-items: center;
28116 margin-bottom: 1rem;
28119 .editing .section .activity .contentwithoutlink,
28120 .editing .section .activity .activityinstance {
28121 padding-right: 200px;
28123 .editing .section .activity .mod-indent-outer {
28125 * Add appropriate padding such that nothing overlaps the
28126 * absolute positioned move icon.
28128 padding-left: 2rem;
28130 .editing .course-content .stateready .section .spinner {
28131 display: none;
28133 .editing .editinprogress {
28134 position: relative;
28136 .editing .editinprogress > * {
28137 opacity: 0.4;
28139 .editing .editinprogress .corelightbox,
28140 .editing .editinprogress .lightbox {
28141 display: none;
28143 .editing .editinprogress:after {
28144 position: absolute;
28145 font-size: 20px;
28146 color: #6a737b;
28147 content: "\f110";
28148 display: flex;
28149 justify-content: center;
28150 align-items: center;
28151 width: 30px;
28152 height: 30px;
28153 left: calc(50% - 15px);
28154 top: calc(50% - 15px);
28155 animation: editinprogress-rotation 2s infinite linear;
28157 .editing .editinprogress .editinprogress:after {
28158 display: none;
28161 @keyframes editinprogress-rotation {
28162 0% {
28163 opacity: 0;
28164 transform: rotate(0deg);
28166 50% {
28167 opacity: 1;
28169 100% {
28170 opacity: 0;
28171 transform: rotate(359deg);
28174 .editing_show + .editing_assign,
28175 .editing_hide + .editing_assign {
28176 margin-left: 20px;
28179 .section .activity .commands {
28180 white-space: nowrap;
28181 display: inline-block;
28184 .section .activity.modtype_label.label {
28185 font-weight: normal;
28187 .section .activity.modtype_label.label .contentwithoutlink {
28188 min-height: 0;
28190 .section .activity.modtype_label.label.hasinfo p:last-child,
28191 .section .activity.modtype_label.label.hasinfo i:last-child {
28192 margin-bottom: 0;
28195 .section li.activity:not(.activity-wrapper) {
28196 padding: 0.2em;
28197 clear: both;
28199 .section li.activity:not(.activity-wrapper).hasinfo {
28200 border-bottom: 1px solid #dee2e6;
28201 padding-top: 1rem;
28202 padding-bottom: 1rem;
28204 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
28205 border-bottom: 0;
28206 padding-bottom: 0;
28209 .course-content .section.dropready.main.drop-down {
28210 border-bottom: 1px solid #1d2125;
28212 .course-content .section.dropready .course-section-header.dropready.drop-zone {
28213 margin-top: -2px;
28215 .course-content .section.dropready li.activity.dropready.drop-down {
28216 border-bottom: 1px solid #1d2125;
28217 margin-bottom: -1px;
28219 .course-content .section.dropready li.activity.dropready.drop-up {
28220 border-top: 1px solid #1d2125;
28221 margin-top: -1px;
28224 .section .activity .activityinstance .groupinglabel {
28225 padding-left: 30px;
28228 .section.main:not(.course-section) .activity .availabilityinfo,
28229 .section.main:not(.course-section) .activity .contentafterlink {
28230 margin-top: 0.5em;
28231 margin-left: 30px;
28234 .section .activity .contentafterlink p {
28235 margin: 0.5em 0;
28238 .editing .section.main:not(.course-section) .activity:hover,
28239 .editing .section.main:not(.course-section) .activity.action-menu-shown,
28240 .editing .section.main:not(.course-section) .sectionname:hover {
28241 background-color: rgba(0, 0, 0, 0.03);
28244 .course-content .current {
28245 position: relative;
28248 .course-content .current::before {
28249 border-left: #0f6cbf 3px solid;
28250 bottom: 0;
28251 content: "";
28252 left: -8px;
28253 position: absolute;
28254 top: 0;
28257 .course-content .single-section .section-navigation {
28258 display: block;
28259 padding: 0.5em;
28260 margin-bottom: -0.5em;
28263 .course-content .single-section .section-navigation .title {
28264 font-weight: bold;
28265 font-size: 108%;
28266 clear: both;
28269 .course-content .single-section .section-navigation .mdl-left {
28270 font-weight: normal;
28271 float: left;
28272 margin-right: 1em;
28275 .course-content .single-section .section-navigation .mdl-left .larrow {
28276 margin-right: 0.1em;
28279 .course-content .single-section .section-navigation .mdl-right {
28280 font-weight: normal;
28281 float: right;
28282 margin-left: 1em;
28285 .course-content .single-section .section-navigation .mdl-right .rarrow {
28286 margin-left: 0.1em;
28289 .course-content .single-section .section-navigation .mdl-bottom {
28290 margin-top: 0;
28293 .course-content ul li.section.main:not(.course-section) {
28294 border-bottom: 1px solid #dee2e6;
28295 margin-top: 0;
28297 .course-content ul li.section.main:not(.course-section):last-child {
28298 border-bottom: 0;
28301 .course-content ul li.section.hidden:not(.course-section) .sectionname > span,
28302 .course-content ul li.section.hidden:not(.course-section) .content > div.summary,
28303 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
28304 color: #6a737b;
28307 .course-content ul.topics,
28308 .course-content ul.weeks {
28309 padding: 0;
28310 margin: 0;
28311 list-style: none;
28313 .course-content ul.topics li.section .content,
28314 .course-content ul.weeks li.section .content {
28315 margin: 0;
28316 padding: 0;
28318 @media (min-width: 576px) {
28319 .course-content ul.topics li.section .summary,
28320 .course-content ul.topics li.section .content > .availabilityinfo,
28321 .course-content ul.weeks li.section .summary,
28322 .course-content ul.weeks li.section .content > .availabilityinfo {
28323 margin-left: 25px;
28326 .course-content ul.topics li.section .left,
28327 .course-content ul.topics li.section .right,
28328 .course-content ul.weeks li.section .left,
28329 .course-content ul.weeks li.section .right {
28330 padding: 0 6px 0;
28331 text-align: right;
28332 width: auto;
28335 .course-content .single-section ul.topics li.section,
28336 .course-content .single-section ul.weeks li.section {
28337 padding-top: 0;
28340 @media (max-width: 767.98px) {
28341 body:not(.editing) .course-content ul.topics li.section .left,
28342 body:not(.editing) .course-content ul.topics li.section .right,
28343 body:not(.editing) .course-content ul.weeks li.section .left,
28344 body:not(.editing) .course-content ul.weeks li.section .right {
28345 display: none;
28348 .course-content {
28349 margin-top: 0;
28352 .course-content .hidden {
28353 display: none;
28356 @media (max-width: 767.98px) {
28357 .course-content li.section:not(.course-section) ul {
28358 padding-left: 0;
28361 .course-content li.section:not(.course-section) ul {
28362 list-style: disc;
28364 .course-content li.section:not(.course-section) ul ul {
28365 list-style: circle;
28367 .course-content li.section:not(.course-section) ul ul ul {
28368 list-style: square;
28370 .course-content li.section:not(.course-section) li.activity ul {
28371 list-style: disc;
28373 .course-content li.section:not(.course-section) li.activity ul ul {
28374 list-style: circle;
28376 .course-content li.section:not(.course-section) li.activity ul ul ul {
28377 list-style: square;
28379 .course-content li.section:not(.course-section) .right > .icon:first-child {
28380 /* Remove the spacer icon. */
28381 display: none;
28384 .path-course-view.editing #region-main > .card-block {
28385 padding-bottom: 13rem;
28388 .path-course-view .completionprogress {
28389 margin-left: 25px;
28392 .path-course-view .completionprogress {
28393 display: block;
28394 float: right;
28395 height: 20px;
28396 position: relative;
28399 #page-site-index .subscribelink {
28400 text-align: right;
28403 #site-news-forum h2,
28404 #frontpage-course-list h2,
28405 #frontpage-category-names h2,
28406 #frontpage-category-combo h2 {
28407 margin-bottom: 9px;
28410 .path-course-view a.reduce-sections {
28411 padding-left: 0.2em;
28414 .path-course-view .subscribelink {
28415 text-align: right;
28418 .path-course-view .unread {
28419 margin-left: 30px;
28422 .path-course-view .block.drag .header {
28423 cursor: move;
28426 .path-course-view .completionprogress {
28427 text-align: right;
28430 .path-course-view .single-section .completionprogress {
28431 margin-right: 5px;
28434 .path-course-view li.activity span.autocompletion img {
28435 vertical-align: text-bottom;
28436 margin-left: 0;
28439 .path-course-view.editing li.activity span.autocompletion img {
28440 /* Use the same spacing as the filler. */
28441 margin-right: 0.5rem;
28442 margin-left: 0.5rem;
28445 li.section.hidden span.commands a.editing_hide,
28446 li.section.hidden span.commands a.editing_show {
28447 cursor: default;
28450 .single-section-page .header-action {
28451 display: inline-block;
28454 input.titleeditor {
28455 width: 330px;
28456 vertical-align: text-bottom;
28459 span.editinstructions {
28460 position: absolute;
28461 top: 0;
28462 margin-top: -22px;
28463 margin-left: 30px;
28464 font-size: 0.8203125rem;
28465 padding: 0.1em 0.4em;
28466 text-decoration: none;
28467 z-index: 9999;
28468 border: 0 solid transparent;
28469 color: #00434e;
28470 background-color: #cce6ea;
28471 border-color: #b8dce2;
28473 span.editinstructions hr {
28474 border-top-color: #a6d3db;
28476 span.editinstructions .alert-link {
28477 color: #00171b;
28480 /* COURSES LISTINGS AND COURSE SUMMARY */
28481 #page-course-pending .singlebutton,
28482 #page-course-index .singlebutton,
28483 #page-course-index-category .singlebutton,
28484 #page-course-editsection .singlebutton {
28485 text-align: center;
28488 #page-admin-course-manage #movecourses td img {
28489 margin: 0 0.22em;
28490 vertical-align: text-bottom;
28493 #page-course-pending .pendingcourserequests {
28494 margin-bottom: 1em;
28497 #page-course-pending .pendingcourserequests .singlebutton {
28498 display: inline;
28501 #page-course-pending .pendingcourserequests .cell {
28502 padding: 0 5px;
28505 #page-course-pending .pendingcourserequests .cell.c6 {
28506 white-space: nowrap;
28509 .coursebox {
28510 display: flex;
28511 flex-direction: column;
28513 .coursebox .info {
28514 display: flex;
28515 align-items: center;
28518 #frontpage-available-course-list,
28519 #frontpage-course-list,
28520 .course-search-result {
28521 margin-top: 0.5rem;
28523 #frontpage-available-course-list .coursebox,
28524 #frontpage-course-list .coursebox,
28525 .course-search-result .coursebox {
28526 padding: 0.5rem;
28527 border: 1px solid #dee2e6;
28528 margin-bottom: 0.5rem;
28529 border-radius: 0.25rem;
28532 .subcategories .coursebox > .info > .coursename a,
28533 #frontpage-category-names .coursebox > .info > .coursename a,
28534 #frontpage-category-combo .coursebox > .info > .coursename a {
28535 display: block;
28536 background-image: url([[pix:moodle|i/course]]);
28537 background-repeat: no-repeat;
28538 padding-left: 21px;
28539 background-position: left 0.2em;
28542 .coursebox > .info > .coursename {
28543 font-size: 0.9375rem;
28544 font-weight: normal;
28545 margin: 5px;
28546 padding: 0;
28549 .coursebox .content .teachers li {
28550 list-style-type: none;
28551 padding: 0;
28552 margin: 0;
28555 .coursebox .customfieldname,
28556 .coursebox .customfieldseparator {
28557 font-weight: 700;
28560 .coursebox .content .coursefile {
28561 max-width: 100px;
28564 .coursebox .content .courseimage img {
28565 max-width: 100px;
28566 max-height: 100px;
28569 .coursebox .content .coursecat,
28570 .coursebox .content .summary,
28571 .coursebox .content .courseimage,
28572 .coursebox .content .coursefile,
28573 .coursebox .content .teachers,
28574 .coursebox.remotecoursebox .remotecourseinfo,
28575 .coursebox .content .customfields-container {
28576 margin: 15px 5px 5px;
28577 padding: 0;
28580 .category-browse .coursebox .content .coursecat,
28581 .category-browse .coursebox .content .summary,
28582 .category-browse .coursebox .content .courseimage,
28583 .category-browse .coursebox .content .coursefile,
28584 .category-browse .coursebox .content .teachers,
28585 .category-browse .coursebox.remotecoursebox .remotecourseinfo,
28586 .category-browse .coursebox .content .customfields-container {
28587 margin-top: 0;
28590 .coursebox.collapsed > .content {
28591 display: none;
28594 .courses > .paging.paging-morelink {
28595 text-align: center;
28596 padding: 1rem;
28599 .course_category_tree .category .numberofcourse {
28600 font-size: 0.8203125rem;
28603 .course_category_tree .category > .info > .categoryname {
28604 margin: 5px;
28605 font-size: 0.9375rem;
28606 font-weight: normal;
28607 padding: 2px 18px;
28610 .course_category_tree .category.with_children > .info > .categoryname {
28611 background-image: url([[pix:moodle|t/expanded]]);
28612 background-repeat: no-repeat;
28613 background-position: center left;
28616 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28617 background-image: url([[pix:moodle|t/collapsed]]);
28620 /* rtl:raw:
28621 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28622 background-image:url([[pix:moodle|t/collapsed_rtl]]);
28625 .course_category_tree .category.collapsed > .content {
28626 display: none;
28629 .course_category_tree .category > .content {
28630 padding-left: 16px;
28633 #page-course-index-category .categorypicker {
28634 margin: 10px 0 20px;
28638 * Course management page
28639 * Palette
28641 * Background (reg) #F5F5F5
28642 * Background (light #fafafa
28643 * Background (highlight) #ddffaa
28644 * Borders #e1e1e8
28646 #course-category-listings {
28647 margin-bottom: 0;
28648 /** Two column layout */
28649 /** Three column layout */
28651 #course-category-listings.columns-2 > #course-listing > div {
28652 position: relative;
28653 left: -1px;
28655 #course-category-listings.columns-3 > #course-listing > div {
28656 height: 100%;
28658 #course-category-listings > div > div {
28659 min-height: 300px;
28661 #course-category-listings > div > div > ul.ml > li:first-child > div {
28662 border-top: 0;
28664 #course-category-listings h3 {
28665 margin: 0;
28666 padding: 0.4rem 0.6rem 0.3rem;
28668 #course-category-listings h4 {
28669 margin: 1rem 0 0;
28670 padding: 0.6rem 1rem 0.5rem;
28672 #course-category-listings .moodle-actionmenu {
28673 white-space: nowrap;
28675 #course-category-listings .listing-actions {
28676 text-align: center;
28678 #course-category-listings .listing-actions > .moodle-actionmenu {
28679 display: inline-block;
28681 #course-category-listings ul.ml {
28682 list-style: none;
28683 margin: 1rem 0;
28685 #course-category-listings ul.ml ul.ml {
28686 margin: 0;
28688 #course-category-listings .listitem[data-selected="1"] {
28689 border-left: calc(1px + 5px) solid #0f6cbf;
28690 padding-left: calc(1.25rem - 5px);
28692 #course-category-listings .listitem:hover {
28693 z-index: 2;
28695 #course-category-listings .item-actions {
28696 margin-right: 1em;
28697 display: inline-block;
28699 #course-category-listings .item-actions.show .menu img {
28700 width: 12px;
28701 max-width: none;
28703 #course-category-listings .item-actions .menu-action-text {
28704 vertical-align: inherit;
28706 #course-category-listings .listitem > div > .float-left {
28707 float: left;
28709 #course-category-listings .listitem > div > .float-right {
28710 float: right;
28711 text-align: right;
28713 #course-category-listings .listitem > div .item-actions .action-show {
28714 display: none;
28716 #course-category-listings .listitem > div .item-actions .action-hide {
28717 display: inline;
28719 #course-category-listings .listitem > div .without-actions {
28720 color: #333;
28722 #course-category-listings .listitem > div .idnumber {
28723 margin-right: 2em;
28725 #course-category-listings .listitem[data-visible="0"] {
28726 color: #6a737b;
28728 #course-category-listings .listitem[data-visible="0"] > div > a {
28729 color: #6a737b;
28731 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
28732 display: inline;
28734 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
28735 display: none;
28737 #course-category-listings .listitem.highlight {
28738 background-color: #fff;
28740 #course-category-listings .listitem.highlight > div,
28741 #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
28742 background-color: rgba(0, 0, 0, 0.075);
28744 #course-category-listings #course-listing .listitem .categoryname {
28745 display: inline-block;
28746 margin-left: 1em;
28747 color: #a1a1a8;
28749 #course-category-listings #course-listing .listitem .coursename {
28750 display: inline-block;
28751 flex-basis: 10rem;
28753 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
28754 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
28755 display: none;
28757 #course-category-listings #course-listing .bulk-action-checkbox {
28758 margin: -2px 6px 0 0;
28760 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
28761 display: none;
28763 #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 {
28764 display: none;
28766 #course-category-listings #category-listing .course-count {
28767 color: #a1a1a8;
28768 margin-right: 2rem;
28769 min-width: 3.5em;
28770 display: inline-block;
28772 #course-category-listings #category-listing .bulk-action-checkbox {
28773 margin-right: -3px;
28775 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
28776 position: relative;
28778 #course-category-listings #category-listing .category-bulk-actions {
28779 margin: 0 0.5em 0.5em;
28780 position: relative;
28782 #course-category-listings .detail-pair > * {
28783 display: inline-block;
28785 #course-category-listings .detail-pair .pair-key {
28786 font-weight: bold;
28787 vertical-align: top;
28789 #course-category-listings .detail-pair .pair-key span {
28790 margin-right: 1rem;
28791 display: block;
28793 #course-category-listings .detail-pair .pair-value select {
28794 max-width: 100%;
28796 #course-category-listings .bulk-actions .detail-pair > * {
28797 display: block;
28798 width: 100%;
28800 #course-category-listings .listing-pagination {
28801 text-align: center;
28803 #course-category-listings .listing-pagination .yui3-button {
28804 color: #fff;
28805 background-color: #008196;
28806 border-color: #008196;
28807 border: 0;
28808 margin: 0.4rem 0.2rem 0.45rem;
28809 font-size: 10.4px;
28811 #course-category-listings .listing-pagination .yui3-button:hover {
28812 color: #fff;
28813 background-color: #006070;
28814 border-color: #005563;
28816 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
28817 color: #fff;
28818 background-color: #006070;
28819 border-color: #005563;
28820 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28822 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
28823 color: #fff;
28824 background-color: #008196;
28825 border-color: #008196;
28827 #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 {
28828 color: #fff;
28829 background-color: #005563;
28830 border-color: #004a56;
28832 #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 {
28833 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28835 #course-category-listings .listing-pagination .yui3-button.active-page {
28836 color: #fff;
28837 background-color: #0f6cbf;
28838 border-color: #0f6cbf;
28840 #course-category-listings .listing-pagination .yui3-button.active-page:hover {
28841 color: #fff;
28842 background-color: #0c589c;
28843 border-color: #0b5190;
28845 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
28846 color: #fff;
28847 background-color: #0c589c;
28848 border-color: #0b5190;
28849 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28851 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
28852 color: #fff;
28853 background-color: #0f6cbf;
28854 border-color: #0f6cbf;
28856 #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 {
28857 color: #fff;
28858 background-color: #0b5190;
28859 border-color: #0a4b84;
28861 #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 {
28862 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28864 #course-category-listings .listing-pagination-totals {
28865 text-align: center;
28867 #course-category-listings .listing-pagination-totals.dimmed {
28868 color: #6a737b;
28869 margin: 0.4rem 1rem 0.45rem;
28871 #course-category-listings .select-a-category .notifymessage,
28872 #course-category-listings .select-a-category .alert {
28873 margin: 1em;
28876 #course-category-listings #course-listing .listitem .drag-handle {
28877 display: none;
28880 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
28881 display: inline-block;
28882 margin: 0 6px 0 0;
28883 cursor: pointer;
28886 /** Management header styling **/
28887 .course-being-dragged-proxy {
28888 border: 0;
28889 color: #0f6cbf;
28890 vertical-align: middle;
28891 padding: 0 0 0 4em;
28894 .course-being-dragged {
28895 opacity: 0.5;
28899 * Display sizes:
28900 * Large displays 1200 +
28901 * Default displays 980 1199
28902 * Tablets 768 979
28903 * Small tablets and large phones 481 767
28904 * Phones 0 480
28906 @media (min-width: 1200px) and (max-width: 1600px) {
28907 #course-category-listings.columns-3 {
28908 background-color: #fff;
28909 border: 0;
28911 #course-category-listings.columns-3 #category-listing,
28912 #course-category-listings.columns-3 #course-listing {
28913 width: 50%;
28915 #course-category-listings.columns-3 #category-listing > div,
28916 #course-category-listings.columns-3 #course-listing > div,
28917 #course-category-listings.columns-3 #course-detail > div {
28918 background-color: #fff;
28920 #course-category-listings.columns-3 #course-detail {
28921 width: 100%;
28922 margin-top: 1em;
28925 @media (max-width: 1199px) {
28926 #course-category-listings.columns-2,
28927 #course-category-listings.columns-3 {
28928 border: 0;
28930 #course-category-listings.columns-2 #category-listing,
28931 #course-category-listings.columns-2 #course-listing,
28932 #course-category-listings.columns-2 #course-detail,
28933 #course-category-listings.columns-3 #category-listing,
28934 #course-category-listings.columns-3 #course-listing,
28935 #course-category-listings.columns-3 #course-detail {
28936 width: 100%;
28937 margin: 0 0 1em;
28940 .page-settings-menu .menubar > a > .icon {
28941 width: auto;
28942 height: 32px;
28943 font-size: 32px;
28946 .activity-navigation .row {
28947 align-items: center;
28949 .activity-navigation #prev-activity-link,
28950 .activity-navigation #next-activity-link {
28951 white-space: pre-wrap;
28954 .automatic-completion-conditions .badge {
28955 font-size: 100%;
28958 /* Variables definition*/
28959 /* Functions/Mixins definition */
28960 /* Section Expand all/Collapse all */
28961 .section-collapsemenu .collapseall {
28962 display: block;
28964 .section-collapsemenu .expandall {
28965 display: none;
28967 .section-collapsemenu.collapsed .collapseall {
28968 display: none;
28970 .section-collapsemenu.collapsed .expandall {
28971 display: block;
28974 /* Course section */
28975 .course-section {
28976 list-style: none;
28977 margin-top: 1rem;
28979 .editing .course-section {
28980 margin-top: 0.5rem;
28982 .course-section .section-item {
28983 padding: 1rem;
28984 border: 1px solid #dee2e6;
28985 border-radius: 1rem;
28987 .course-section.hidden .section-item {
28988 background-color: #f8f9fa;
28990 .course-section .sectionname > a {
28991 color: #1d2125;
28993 .course-section .sectionname > a:hover {
28994 text-decoration: none;
28996 .course-section .sectionbadges .badge {
28997 margin-left: 0.5rem;
28998 font-weight: normal;
29000 .course-section .sectionbadges .badge .icon {
29001 font-size: 12px;
29002 width: 12px;
29003 height: 12px;
29005 .course-section .course-section-header.draggable {
29006 cursor: move;
29008 .course-section .section_action_menu .dropdown-toggle::after {
29009 display: none;
29011 .course-section .summarytext img {
29012 border-radius: 1rem;
29014 .course-section .availabilityinfo {
29015 margin-top: 0.5rem;
29016 padding: 0.25rem 1rem;
29017 background-color: #e9ecef;
29018 font-size: 0.875em;
29019 border-radius: 1rem;
29021 .course-section .availabilityinfo .editavailability a {
29022 border-radius: 0.25rem;
29023 font-weight: bold;
29025 .course-section .availabilityinfo .editavailability a:hover {
29026 background-color: #ced4da;
29028 .course-section .availabilityinfo .editavailability a .icon {
29029 font-size: inherit;
29030 margin-right: 0.25rem;
29032 .course-section .action-menu .btn.btn-icon {
29033 height: 32px;
29034 width: 32px;
29035 border-radius: 0.25rem;
29037 .course-section .section-summary-activities .icon {
29038 width: inherit;
29039 color: #0f6cbf;
29041 .course-section .section-summary-activities + .section {
29042 border-top: 1px solid #dee2e6;
29043 margin-top: 1rem !important;
29044 padding-top: 1rem !important;
29046 .course-section .section_goto .icon {
29047 font-size: 1.171875rem;
29048 color: #0f6cbf;
29050 .course-section .overlay-preview {
29051 z-index: 5;
29054 .btn.add-section {
29055 border-radius: 1rem;
29056 border: 2px dashed #dee2e6;
29057 color: #0f6cbf;
29058 font-size: 0.8203125rem;
29059 font-weight: bold;
29061 .btn.add-section:hover, .btn.add-section:focus {
29062 background-color: #f5f9fc;
29063 border: 2px solid #0f6cbf;
29064 color: #0f6cbf;
29067 /* Single section page specific styles */
29068 .single-section > ul > .course-section.hidden .section-item {
29069 background-color: inherit;
29071 .single-section > ul > .course-section .section-item {
29072 padding: 0;
29073 border: none;
29076 /* Re-style ordered list in course content */
29077 .course-content .activity-altcontent ul {
29078 list-style: disc;
29080 .course-content .activity-altcontent ul ul {
29081 list-style: circle;
29083 .course-content .activity-altcontent ul ul ul {
29084 list-style: square;
29087 /* Activity cards */
29088 .activity {
29089 list-style: none;
29090 position: relative;
29091 padding-top: 0.25rem;
29092 margin-top: 0.25rem;
29093 border-top: 1px solid #dee2e6;
29095 .editing .activity {
29096 padding-top: 0;
29097 margin-top: 0;
29098 border-top: none;
29101 .activity-item {
29102 position: relative;
29103 padding: 0.75rem;
29104 background-color: #fff;
29106 .activity-item.activityinline {
29107 padding: 0.75rem 0;
29109 .activity-item.hiddenactivity {
29110 background-color: #f8f9fa;
29112 .activity-item.hiddenactivity .activityiconcontainer,
29113 .activity-item.hiddenactivity .badge {
29114 mix-blend-mode: multiply;
29116 .editing .activity-item {
29117 cursor: move;
29118 border: 2px solid transparent;
29119 border-radius: 1rem;
29121 .editing .activity-item .a {
29122 cursor: pointer;
29124 .editing .activity-item:hover, .editing .activity-item.selected {
29125 border: 2px solid #0f6cbf;
29126 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
29128 .editing .activity-item:hover .activityiconcontainer,
29129 .editing .activity-item:hover .badge, .editing .activity-item.selected .activityiconcontainer,
29130 .editing .activity-item.selected .badge {
29131 mix-blend-mode: multiply;
29133 .activity-item .activity-grid {
29134 display: grid;
29135 align-items: center;
29136 grid-template-columns: min-content 1fr min-content min-content min-content;
29137 grid-template-rows: 1fr repeat(5, min-content);
29138 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";
29140 @media (max-width: 575.98px) {
29141 .activity-item .activity-grid {
29142 grid-template-columns: min-content 1fr min-content min-content min-content;
29143 grid-template-rows: 1fr repeat(4, min-content);
29144 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";
29147 .activity-item .activity-grid.noname-grid {
29148 grid-template-columns: min-content 1fr min-content min-content;
29149 grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
29151 @media (max-width: 575.98px) {
29152 .activity-item .activity-grid.noname-grid {
29153 grid-template-columns: 1fr min-content;
29154 grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
29157 .activity-item .activity-actions {
29158 grid-area: actions;
29160 .activity-item .activity-actions .actions {
29161 position: relative;
29163 .activity-item .activity-icon {
29164 grid-area: icon;
29166 .activity-item .activity-dates {
29167 grid-area: dates;
29168 font-size: 0.875em;
29169 color: #495057;
29170 display: flex;
29171 flex-wrap: wrap;
29172 column-gap: 0.75rem;
29174 @media (max-width: 575.98px) {
29175 .activity-item .activity-dates {
29176 margin-top: 0.5rem;
29179 .activity-item .activity-name-area {
29180 grid-area: name;
29182 .activity-item .activity-name-area .activityname .afterlink {
29183 margin-left: 0.5rem;
29185 .activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
29186 position: relative;
29187 z-index: 2;
29188 margin-left: 0.5rem;
29190 .activity-item .activity-name-area .activitybadge.badge-none {
29191 font-weight: normal;
29192 font-size: 0.875em;
29193 padding: 0;
29195 .activity-item .activity-completion {
29196 grid-area: completion;
29197 justify-self: end;
29199 .activity-item .activity-completion button.btn,
29200 .activity-item .activity-completion a[role=button].btn {
29201 color: #1d2125;
29202 background-color: #fff;
29203 border-color: #ced4da;
29204 min-height: 32px;
29205 font-weight: bold;
29206 border-radius: 0.25rem;
29208 .activity-item .activity-completion button.btn:hover,
29209 .activity-item .activity-completion a[role=button].btn:hover {
29210 color: #fff;
29211 background-color: #6a737b;
29212 border-color: #b1bbc4;
29214 .activity-item .activity-completion button.btn:focus, .activity-item .activity-completion button.btn.focus,
29215 .activity-item .activity-completion a[role=button].btn:focus,
29216 .activity-item .activity-completion a[role=button].btn.focus {
29217 color: #fff;
29218 background-color: #6a737b;
29219 border-color: #b1bbc4;
29220 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29222 .activity-item .activity-completion button.btn.disabled, .activity-item .activity-completion button.btn:disabled,
29223 .activity-item .activity-completion a[role=button].btn.disabled,
29224 .activity-item .activity-completion a[role=button].btn:disabled {
29225 color: #1d2125;
29226 background-color: #fff;
29227 border-color: #ced4da;
29229 .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,
29230 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active,
29231 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active,
29232 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle {
29233 color: #1d2125;
29234 background-color: #e6e6e6;
29235 border-color: #aab4bf;
29237 .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,
29238 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active:focus,
29239 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active:focus,
29240 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle:focus {
29241 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29243 .activity-item .activity-completion button.btn .icon,
29244 .activity-item .activity-completion a[role=button].btn .icon {
29245 font-size: inherit;
29247 .activity-item .activity-completion button.btn-primary,
29248 .activity-item .activity-completion a[role=button].btn-primary {
29249 color: #1d2125;
29250 background-color: #cfe2f2;
29251 border-color: #cfe2f2;
29252 color: #083863;
29254 .activity-item .activity-completion button.btn-primary:hover,
29255 .activity-item .activity-completion a[role=button].btn-primary:hover {
29256 color: #fff;
29257 background-color: #0f6cbf;
29258 border-color: #a7cae7;
29260 .activity-item .activity-completion button.btn-primary:focus, .activity-item .activity-completion button.btn-primary.focus,
29261 .activity-item .activity-completion a[role=button].btn-primary:focus,
29262 .activity-item .activity-completion a[role=button].btn-primary.focus {
29263 color: #fff;
29264 background-color: #0f6cbf;
29265 border-color: #a7cae7;
29266 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29268 .activity-item .activity-completion button.btn-primary.disabled, .activity-item .activity-completion button.btn-primary:disabled,
29269 .activity-item .activity-completion a[role=button].btn-primary.disabled,
29270 .activity-item .activity-completion a[role=button].btn-primary:disabled {
29271 color: #1d2125;
29272 background-color: #cfe2f2;
29273 border-color: #cfe2f2;
29275 .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,
29276 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active,
29277 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active,
29278 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle {
29279 color: #1d2125;
29280 background-color: #a7cae7;
29281 border-color: #9dc4e4;
29283 .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,
29284 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active:focus,
29285 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active:focus,
29286 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle:focus {
29287 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29289 .activity-item .activity-completion button.btn-primary:hover,
29290 .activity-item .activity-completion a[role=button].btn-primary:hover {
29291 color: #fff;
29293 .activity-item .activity-completion button.btn-secondary,
29294 .activity-item .activity-completion a[role=button].btn-secondary {
29295 color: #1d2125;
29296 background-color: #f5f6f8;
29297 border-color: #f5f6f8;
29298 color: #6b6e71;
29300 .activity-item .activity-completion button.btn-secondary:hover,
29301 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29302 color: #1d2125;
29303 background-color: #ced4da;
29304 border-color: #d7dbe3;
29306 .activity-item .activity-completion button.btn-secondary:focus, .activity-item .activity-completion button.btn-secondary.focus,
29307 .activity-item .activity-completion a[role=button].btn-secondary:focus,
29308 .activity-item .activity-completion a[role=button].btn-secondary.focus {
29309 color: #1d2125;
29310 background-color: #ced4da;
29311 border-color: #d7dbe3;
29312 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29314 .activity-item .activity-completion button.btn-secondary.disabled, .activity-item .activity-completion button.btn-secondary:disabled,
29315 .activity-item .activity-completion a[role=button].btn-secondary.disabled,
29316 .activity-item .activity-completion a[role=button].btn-secondary:disabled {
29317 color: #1d2125;
29318 background-color: #f5f6f8;
29319 border-color: #f5f6f8;
29321 .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,
29322 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active,
29323 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active,
29324 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle {
29325 color: #1d2125;
29326 background-color: #d7dbe3;
29327 border-color: #d0d4de;
29329 .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,
29330 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active:focus,
29331 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active:focus,
29332 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle:focus {
29333 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29335 .activity-item .activity-completion button.btn-secondary:hover,
29336 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29337 color: #1d2125;
29339 .activity-item .activity-completion button.btn-success,
29340 .activity-item .activity-completion a[role=button].btn-success {
29341 color: #1d2125;
29342 background-color: #d7e4d6;
29343 border-color: #d7e4d6;
29344 color: #1c3f1a;
29346 .activity-item .activity-completion button.btn-success:hover,
29347 .activity-item .activity-completion a[role=button].btn-success:hover {
29348 color: #fff;
29349 background-color: #357a32;
29350 border-color: #b9d0b7;
29352 .activity-item .activity-completion button.btn-success:focus, .activity-item .activity-completion button.btn-success.focus,
29353 .activity-item .activity-completion a[role=button].btn-success:focus,
29354 .activity-item .activity-completion a[role=button].btn-success.focus {
29355 color: #fff;
29356 background-color: #357a32;
29357 border-color: #b9d0b7;
29358 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29360 .activity-item .activity-completion button.btn-success.disabled, .activity-item .activity-completion button.btn-success:disabled,
29361 .activity-item .activity-completion a[role=button].btn-success.disabled,
29362 .activity-item .activity-completion a[role=button].btn-success:disabled {
29363 color: #1d2125;
29364 background-color: #d7e4d6;
29365 border-color: #d7e4d6;
29367 .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,
29368 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active,
29369 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active,
29370 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle {
29371 color: #1d2125;
29372 background-color: #b9d0b7;
29373 border-color: #b2cbb0;
29375 .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,
29376 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active:focus,
29377 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active:focus,
29378 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle:focus {
29379 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29381 .activity-item .activity-completion button.btn-success:hover,
29382 .activity-item .activity-completion a[role=button].btn-success:hover {
29383 color: #fff;
29385 .activity-item .activity-completion button.btn-info,
29386 .activity-item .activity-completion a[role=button].btn-info {
29387 color: #1d2125;
29388 background-color: #cce6ea;
29389 border-color: #cce6ea;
29390 color: #00434e;
29392 .activity-item .activity-completion button.btn-info:hover,
29393 .activity-item .activity-completion a[role=button].btn-info:hover {
29394 color: #fff;
29395 background-color: #008196;
29396 border-color: #a8d4db;
29398 .activity-item .activity-completion button.btn-info:focus, .activity-item .activity-completion button.btn-info.focus,
29399 .activity-item .activity-completion a[role=button].btn-info:focus,
29400 .activity-item .activity-completion a[role=button].btn-info.focus {
29401 color: #fff;
29402 background-color: #008196;
29403 border-color: #a8d4db;
29404 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29406 .activity-item .activity-completion button.btn-info.disabled, .activity-item .activity-completion button.btn-info:disabled,
29407 .activity-item .activity-completion a[role=button].btn-info.disabled,
29408 .activity-item .activity-completion a[role=button].btn-info:disabled {
29409 color: #1d2125;
29410 background-color: #cce6ea;
29411 border-color: #cce6ea;
29413 .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,
29414 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active,
29415 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active,
29416 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle {
29417 color: #1d2125;
29418 background-color: #a8d4db;
29419 border-color: #9fd0d7;
29421 .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,
29422 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active:focus,
29423 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active:focus,
29424 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle:focus {
29425 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29427 .activity-item .activity-completion button.btn-info:hover,
29428 .activity-item .activity-completion a[role=button].btn-info:hover {
29429 color: #fff;
29431 .activity-item .activity-completion button.btn-warning,
29432 .activity-item .activity-completion a[role=button].btn-warning {
29433 color: #1d2125;
29434 background-color: #fcefdc;
29435 border-color: #fcefdc;
29436 color: #7d5a29;
29438 .activity-item .activity-completion button.btn-warning:hover,
29439 .activity-item .activity-completion a[role=button].btn-warning:hover {
29440 color: #1d2125;
29441 background-color: #f0ad4e;
29442 border-color: #f8daad;
29444 .activity-item .activity-completion button.btn-warning:focus, .activity-item .activity-completion button.btn-warning.focus,
29445 .activity-item .activity-completion a[role=button].btn-warning:focus,
29446 .activity-item .activity-completion a[role=button].btn-warning.focus {
29447 color: #1d2125;
29448 background-color: #f0ad4e;
29449 border-color: #f8daad;
29450 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29452 .activity-item .activity-completion button.btn-warning.disabled, .activity-item .activity-completion button.btn-warning:disabled,
29453 .activity-item .activity-completion a[role=button].btn-warning.disabled,
29454 .activity-item .activity-completion a[role=button].btn-warning:disabled {
29455 color: #1d2125;
29456 background-color: #fcefdc;
29457 border-color: #fcefdc;
29459 .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,
29460 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active,
29461 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active,
29462 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle {
29463 color: #1d2125;
29464 background-color: #f8daad;
29465 border-color: #f7d4a1;
29467 .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,
29468 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active:focus,
29469 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active:focus,
29470 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle:focus {
29471 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29473 .activity-item .activity-completion button.btn-warning:hover,
29474 .activity-item .activity-completion a[role=button].btn-warning:hover {
29475 color: #1d2125;
29477 .activity-item .activity-completion button.btn-danger,
29478 .activity-item .activity-completion a[role=button].btn-danger {
29479 color: #1d2125;
29480 background-color: #f4d6d2;
29481 border-color: #f4d6d2;
29482 color: #691911;
29484 .activity-item .activity-completion button.btn-danger:hover,
29485 .activity-item .activity-completion a[role=button].btn-danger:hover {
29486 color: #fff;
29487 background-color: #ca3120;
29488 border-color: #eab1a9;
29490 .activity-item .activity-completion button.btn-danger:focus, .activity-item .activity-completion button.btn-danger.focus,
29491 .activity-item .activity-completion a[role=button].btn-danger:focus,
29492 .activity-item .activity-completion a[role=button].btn-danger.focus {
29493 color: #fff;
29494 background-color: #ca3120;
29495 border-color: #eab1a9;
29496 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29498 .activity-item .activity-completion button.btn-danger.disabled, .activity-item .activity-completion button.btn-danger:disabled,
29499 .activity-item .activity-completion a[role=button].btn-danger.disabled,
29500 .activity-item .activity-completion a[role=button].btn-danger:disabled {
29501 color: #1d2125;
29502 background-color: #f4d6d2;
29503 border-color: #f4d6d2;
29505 .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,
29506 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active,
29507 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active,
29508 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle {
29509 color: #1d2125;
29510 background-color: #eab1a9;
29511 border-color: #e7a79f;
29513 .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,
29514 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active:focus,
29515 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active:focus,
29516 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle:focus {
29517 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29519 .activity-item .activity-completion button.btn-danger:hover,
29520 .activity-item .activity-completion a[role=button].btn-danger:hover {
29521 color: #fff;
29523 .activity-item .activity-completion button.btn-light,
29524 .activity-item .activity-completion a[role=button].btn-light {
29525 color: #1d2125;
29526 background-color: #fefefe;
29527 border-color: #fefefe;
29528 color: #818182;
29530 .activity-item .activity-completion button.btn-light:hover,
29531 .activity-item .activity-completion a[role=button].btn-light:hover {
29532 color: #1d2125;
29533 background-color: #f8f9fa;
29534 border-color: #e5e5e5;
29536 .activity-item .activity-completion button.btn-light:focus, .activity-item .activity-completion button.btn-light.focus,
29537 .activity-item .activity-completion a[role=button].btn-light:focus,
29538 .activity-item .activity-completion a[role=button].btn-light.focus {
29539 color: #1d2125;
29540 background-color: #f8f9fa;
29541 border-color: #e5e5e5;
29542 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29544 .activity-item .activity-completion button.btn-light.disabled, .activity-item .activity-completion button.btn-light:disabled,
29545 .activity-item .activity-completion a[role=button].btn-light.disabled,
29546 .activity-item .activity-completion a[role=button].btn-light:disabled {
29547 color: #1d2125;
29548 background-color: #fefefe;
29549 border-color: #fefefe;
29551 .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,
29552 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active,
29553 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active,
29554 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle {
29555 color: #1d2125;
29556 background-color: #e5e5e5;
29557 border-color: #dedede;
29559 .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,
29560 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active:focus,
29561 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active:focus,
29562 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle:focus {
29563 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29565 .activity-item .activity-completion button.btn-light:hover,
29566 .activity-item .activity-completion a[role=button].btn-light:hover {
29567 color: #1d2125;
29569 .activity-item .activity-completion button.btn-dark,
29570 .activity-item .activity-completion a[role=button].btn-dark {
29571 color: #1d2125;
29572 background-color: #d6d8d9;
29573 border-color: #d6d8d9;
29574 color: #1b1e21;
29576 .activity-item .activity-completion button.btn-dark:hover,
29577 .activity-item .activity-completion a[role=button].btn-dark:hover {
29578 color: #fff;
29579 background-color: #343a40;
29580 border-color: #bcbfc0;
29582 .activity-item .activity-completion button.btn-dark:focus, .activity-item .activity-completion button.btn-dark.focus,
29583 .activity-item .activity-completion a[role=button].btn-dark:focus,
29584 .activity-item .activity-completion a[role=button].btn-dark.focus {
29585 color: #fff;
29586 background-color: #343a40;
29587 border-color: #bcbfc0;
29588 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29590 .activity-item .activity-completion button.btn-dark.disabled, .activity-item .activity-completion button.btn-dark:disabled,
29591 .activity-item .activity-completion a[role=button].btn-dark.disabled,
29592 .activity-item .activity-completion a[role=button].btn-dark:disabled {
29593 color: #1d2125;
29594 background-color: #d6d8d9;
29595 border-color: #d6d8d9;
29597 .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,
29598 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active,
29599 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active,
29600 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle {
29601 color: #1d2125;
29602 background-color: #bcbfc0;
29603 border-color: #b5b9ba;
29605 .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,
29606 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active:focus,
29607 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active:focus,
29608 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle:focus {
29609 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29611 .activity-item .activity-completion button.btn-dark:hover,
29612 .activity-item .activity-completion a[role=button].btn-dark:hover {
29613 color: #fff;
29615 @media (max-width: 575.98px) {
29616 .activity-item .activity-completion {
29617 width: 100%;
29618 margin-top: 0.5rem;
29620 .activity-item .activity-completion button {
29621 width: 100%;
29624 .activity-item .activity-completion .completion-dialog {
29625 color: #495057;
29626 font-size: 0.8203125rem;
29627 min-width: 12rem;
29629 .activity-item .activity-completion .completion-dialog .icon {
29630 font-size: 0.8203125rem;
29631 width: 0.8203125rem;
29632 height: 0.8203125rem;
29633 margin-right: 0.25rem;
29635 .activity-item .activity-completion .completion-dialog .editcompletion a {
29636 border-radius: 0.25rem;
29637 color: #495057;
29638 font-weight: bold;
29639 text-decoration: none;
29641 .activity-item .activity-completion .completion-dialog .editcompletion a:hover {
29642 background-color: #e9ecef;
29644 .activity-item .activity-groupmode-info {
29645 grid-area: groupmode;
29646 justify-self: end;
29648 .activity-item .activity-groupmode-info .groupmode-information {
29649 height: 32px;
29650 width: 32px;
29651 border-radius: 0.25rem;
29653 .activity-item .activity-groupmode-info .groupmode-icon-info {
29654 display: none;
29656 @media (max-width: 575.98px) {
29657 .activity-item .activity-groupmode-info {
29658 width: 100%;
29659 margin-top: 0.5rem;
29660 padding-top: 0.5rem;
29661 border-top: 1px solid #dee2e6;
29663 .activity-item .activity-groupmode-info .groupmode-information {
29664 width: auto;
29665 font-size: inherit;
29666 padding: 0 0.5rem;
29668 .activity-item .activity-groupmode-info .groupmode-icon-info {
29669 display: inline;
29671 .activity-item .activity-groupmode-info .v-parent-focus {
29672 opacity: 1;
29673 visibility: visible;
29676 .activity-item .activity-badges {
29677 grid-area: visibility;
29679 .activity-item .activity-badges .badge {
29680 font-weight: normal;
29682 .activity-item .activity-badges .badge .icon {
29683 font-size: 12px;
29684 width: 12px;
29685 height: 12px;
29687 .activity-item .activity-altcontent {
29688 grid-area: altcontent;
29689 margin-top: 0.25rem;
29691 .activity-item .activity-altcontent.activity-description {
29692 margin-top: 0.5rem;
29693 padding-top: 0.5rem;
29694 border-top: 1px solid #dee2e6;
29695 font-size: 0.875em;
29697 .activity-item .activity-altcontent img {
29698 border-radius: 1rem;
29700 .activity-item .activity-availability {
29701 grid-area: availability;
29703 .activity-item .activity-afterlink {
29704 grid-area: afterlink;
29705 margin-top: 0.5rem;
29706 padding-top: 0.5rem;
29707 border-top: 1px solid #dee2e6;
29709 .activity-item .no-overflow {
29710 width: 100%;
29713 .section .draggable .activity-item .dragicon {
29714 display: none;
29717 /* Dividers */
29718 .divider {
29719 position: relative;
29721 .divider hr {
29722 width: 100%;
29723 margin: 0.5rem 0.25rem;
29724 border-top: 2px dashed #dee2e6;
29726 .divider .divider-content {
29727 opacity: 0;
29728 visibility: hidden;
29729 transition: visibility 0.1s;
29730 position: absolute;
29731 background: linear-gradient(transparent 40%, #fff 40%, #fff 60%, transparent 60%);
29733 .section.hidden .divider .divider-content {
29734 background: linear-gradient(transparent 40%, #f8f9fa 40%, #f8f9fa 60%, transparent 60%);
29736 .divider.always-visible .divider-content {
29737 opacity: 1;
29738 visibility: visible;
29740 .divider.always-hidden hr {
29741 opacity: 0;
29742 visibility: hidden;
29744 .divider:hover .divider-content, .divider:focus .divider-content, .divider:focus-within .divider-content {
29745 opacity: 1;
29746 visibility: visible;
29748 .divider:hover hr, .divider:focus hr, .divider:focus-within hr {
29749 opacity: 1;
29750 visibility: visible;
29752 .divider:has(.btn.add-content:hover) hr {
29753 border-color: #0f6cbf;
29756 .activity:focus-within + .activity .divider .divider-content,
29757 .course-section-header:focus-within + .content .section .activity:first-child .divider .divider-content,
29758 .content .section .activity:focus-within .divider .divider-content,
29759 .course-content:focus-within .changenumsections .divider .divider-content {
29760 visibility: visible;
29763 .course-content ul.topics > li:last-child .changenumsections {
29764 display: none;
29767 .btn.add-content {
29768 position: relative;
29769 z-index: 1;
29770 border-radius: 50rem;
29771 font-size: 0.8203125rem;
29772 font-weight: bold;
29773 color: #083863;
29774 background-color: #cfe2f2;
29776 .btn.add-content:hover, .btn.add-content:focus {
29777 color: #fff;
29778 background-color: #0f6cbf;
29780 .btn.add-content .icon {
29781 width: 14px;
29782 height: 14px;
29783 font-size: 14px;
29786 /* Bulk editing */
29787 .bulkenabled .bulk-hidden {
29788 display: none !important;
29790 .bulkenabled .section:not(:first-child) {
29791 margin-top: 1.5rem;
29793 .bulkenabled .activity {
29794 margin-top: 0.5rem;
29795 margin-left: 2rem;
29796 padding-top: 0.5rem;
29797 border-top: 2px dashed #dee2e6;
29799 .bulkenabled .activity:first-child {
29800 margin-top: 1.5rem;
29802 .bulkenabled .activity-item .bulkselect {
29803 position: absolute;
29804 left: -2rem;
29806 .bulkenabled .course-section-header .bulkselect {
29807 left: -2.75rem;
29808 position: relative;
29809 width: 0;
29811 @media (max-width: 767.98px) {
29812 .bulkenabled .course-content {
29813 margin-left: 2rem;
29817 @media (max-width: 767.98px) {
29818 .sticky-footer-content.bulkactions {
29819 position: relative;
29821 .sticky-footer-content.bulkactions .form-check,
29822 .sticky-footer-content.bulkactions .bulkaction-name,
29823 .sticky-footer-content.bulkactions .bulkcount {
29824 display: none;
29826 .sticky-footer-content.bulkactions .actions button {
29827 padding: 0 0.5rem;
29829 .sticky-footer-content.bulkactions .bulkcancel {
29830 position: absolute;
29831 top: 0;
29832 right: 0;
29836 /* Activity completion */
29837 .defaultactivitycompletion-item a {
29838 color: #000;
29839 text-decoration: none;
29841 .defaultactivitycompletion-item .activityicon {
29842 width: 32px;
29843 height: 32px;
29846 /* Home page course specific styles */
29847 .sitetopic .activity:first-of-type hr {
29848 display: none;
29850 .sitetopic .section-item {
29851 margin-bottom: 1.5rem;
29852 border-radius: 0.25rem;
29855 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
29856 :target,
29857 :focus {
29858 scroll-margin-top: 60px;
29861 .pagelayout-embedded :target {
29862 padding-top: initial;
29863 margin-top: initial;
29866 #nav-drawer.closed {
29867 left: -305px;
29870 #nav-drawer[aria-hidden=true] .list-group-item {
29871 display: none;
29874 /* Use a variable for the drawer background colors. */
29875 [data-region=drawer] {
29876 position: fixed;
29877 width: 285px;
29878 top: 50px;
29879 height: calc(100% - 50px);
29880 overflow-y: auto;
29881 -webkit-overflow-scrolling: touch;
29882 z-index: 999;
29883 background-color: #f2f2f2;
29884 transition: right 0.5s ease, left 0.5s ease;
29886 @media (prefers-reduced-motion: reduce) {
29887 [data-region=drawer] {
29888 transition: none;
29892 @media (min-width: 576px) {
29893 [data-region=drawer] {
29894 padding: 20px 20px;
29896 .jsenabled .popover-process-monitor,
29897 .jsenabled .btn-footer-popover,
29898 .jsenabled .btn-footer-communication {
29899 transition: 0.2s;
29902 @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
29903 .jsenabled .popover-process-monitor,
29904 .jsenabled .btn-footer-popover,
29905 .jsenabled .btn-footer-communication {
29906 transition: none;
29909 #nav-drawer {
29910 right: auto;
29911 left: 0;
29912 /* Override the z-indexes defined in bootstrap/_list-group.scss that
29913 lead to side effects on the user tours positioning. */
29915 #nav-drawer .list-group-item-action.active,
29916 #nav-drawer .list-group-item.active {
29917 z-index: inherit;
29919 #nav-drawer .list-group-item-action.active + .list-group-item,
29920 #nav-drawer .list-group-item.active + .list-group-item {
29921 border-top: none;
29923 #nav-drawer .list-group ul {
29924 list-style: none;
29925 padding: 0;
29926 margin: 0;
29928 #nav-drawer .list-group li {
29929 margin-bottom: -1px;
29931 #nav-drawer .list-group li:last-child {
29932 margin-bottom: 0;
29935 body.drawer-ease {
29936 transition: margin-left 0.5s ease, margin-right 0.5s ease;
29938 @media (prefers-reduced-motion: reduce) {
29939 body.drawer-ease {
29940 transition: none;
29944 @media (min-width: 768px) {
29945 body:not(.uses-drawers).drawer-open-left {
29946 margin-left: 285px;
29950 @media (min-width: 768px) {
29951 body.drawer-open-left #page.drawers {
29952 margin-left: 285px;
29953 padding-left: 1rem;
29957 @media (min-width: 768px) {
29958 body.drawer-open-right {
29959 margin-right: 315px;
29963 [data-region=right-hand-drawer] {
29964 display: flex;
29965 flex-direction: column;
29966 transition: right 0.2s ease-in-out;
29968 @media (prefers-reduced-motion: reduce) {
29969 [data-region=right-hand-drawer] {
29970 transition: none;
29973 [data-region=right-hand-drawer].drawer {
29974 z-index: 1021;
29975 position: fixed;
29976 top: 50px;
29977 right: 0;
29978 height: calc(100% - 50px);
29979 width: 320px;
29980 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
29981 padding: 0;
29982 visibility: visible;
29983 opacity: 1;
29985 [data-region=right-hand-drawer].hidden {
29986 display: block;
29987 right: -320px;
29988 visibility: hidden;
29989 opacity: 0;
29990 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
29992 @media (prefers-reduced-motion: reduce) {
29993 [data-region=right-hand-drawer].hidden {
29994 transition: none;
29998 @media (max-width: 767.98px) {
29999 [data-region=right-hand-drawer].drawer {
30000 top: 0;
30001 height: 100%;
30002 z-index: 1031;
30004 body.drawer-open-left,
30005 body.drawer-open-right {
30006 overflow: hidden;
30009 .dir-rtl [data-region=right-hand-drawer] {
30010 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
30013 .drawer {
30014 background-color: #f8f9fa;
30015 z-index: 1015;
30016 position: fixed;
30017 height: 100vh;
30018 top: 0;
30020 @media (max-width: 991.98px) {
30021 .drawer {
30022 z-index: 1035;
30025 .drawer.not-initialized {
30026 display: none;
30028 .drawer.drawer-right {
30029 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30030 width: 315px;
30031 max-width: 315px;
30032 right: calc(-315px + -10px);
30033 visibility: hidden;
30035 @media (prefers-reduced-motion: reduce) {
30036 .drawer.drawer-right {
30037 transition: none;
30040 .drawer.drawer-right.show {
30041 right: 0;
30042 visibility: visible;
30044 .drawer.drawer-right .drawertoggle {
30045 margin-left: auto;
30046 margin-right: 5px;
30048 .drawer.drawer-left {
30049 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30050 width: 285px;
30051 max-width: 285px;
30052 left: calc(-285px + -10px);
30053 visibility: hidden;
30055 @media (prefers-reduced-motion: reduce) {
30056 .drawer.drawer-left {
30057 transition: none;
30060 .drawer.drawer-left.show {
30061 left: 0;
30062 visibility: visible;
30064 .drawer.drawer-left .drawertoggle {
30065 margin-right: auto;
30066 margin-left: 5px;
30068 .drawer.drawer-bottom {
30069 bottom: -110%;
30071 .drawer.drawer-bottom.show {
30072 bottom: 0;
30074 .drawer.drawer-primary .drawertoggle {
30075 margin-right: 16px;
30076 margin-left: 5px;
30079 @media (min-width: 992px) {
30080 .drawer#theme_boost-drawers-blocks:focus-within {
30081 z-index: 1031;
30083 .drawer.not-initialized {
30084 display: block;
30087 .drawer-md,
30088 .drawer-sm {
30089 display: none;
30092 .drawerheader {
30093 padding: 0;
30094 height: 50px;
30095 display: flex;
30096 align-items: center;
30098 .drawerheader .sitename {
30099 overflow: hidden;
30100 white-space: nowrap;
30101 text-overflow: ellipsis;
30102 margin-right: 16px;
30105 .drawer.scrolled .drawerheader {
30106 box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
30109 @media (max-width: 991.98px) {
30110 .drawer-md {
30111 display: block;
30112 background-color: #f8f9fa;
30113 z-index: 1015;
30114 position: fixed;
30115 height: 100vh;
30116 top: 0;
30119 @media (max-width: 991.98px) and (max-width: 991.98px) {
30120 .drawer-md {
30121 z-index: 1035;
30124 @media (max-width: 991.98px) {
30125 .drawer-md.not-initialized {
30126 display: none;
30129 @media (max-width: 991.98px) {
30130 .drawer-md.drawer-right {
30131 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30132 width: 315px;
30133 max-width: 315px;
30134 right: calc(-315px + -10px);
30135 visibility: hidden;
30138 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30139 .drawer-md.drawer-right {
30140 transition: none;
30143 @media (max-width: 991.98px) {
30144 .drawer-md.drawer-right.show {
30145 right: 0;
30146 visibility: visible;
30149 @media (max-width: 991.98px) {
30150 .drawer-md.drawer-right .drawertoggle {
30151 margin-left: auto;
30152 margin-right: 5px;
30155 @media (max-width: 991.98px) {
30156 .drawer-md.drawer-left {
30157 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30158 width: 285px;
30159 max-width: 285px;
30160 left: calc(-285px + -10px);
30161 visibility: hidden;
30164 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30165 .drawer-md.drawer-left {
30166 transition: none;
30169 @media (max-width: 991.98px) {
30170 .drawer-md.drawer-left.show {
30171 left: 0;
30172 visibility: visible;
30175 @media (max-width: 991.98px) {
30176 .drawer-md.drawer-left .drawertoggle {
30177 margin-right: auto;
30178 margin-left: 5px;
30181 @media (max-width: 991.98px) {
30182 .drawer-md.drawer-bottom {
30183 bottom: -110%;
30185 .drawer-md.drawer-bottom.show {
30186 bottom: 0;
30189 @media (max-width: 991.98px) {
30190 .drawer-md.drawer-primary .drawertoggle {
30191 margin-right: 16px;
30192 margin-left: 5px;
30195 @media (max-width: 767.98px) {
30196 .drawer-sm {
30197 display: block;
30198 background-color: #f8f9fa;
30199 z-index: 1015;
30200 position: fixed;
30201 height: 100vh;
30202 top: 0;
30205 @media (max-width: 767.98px) and (max-width: 991.98px) {
30206 .drawer-sm {
30207 z-index: 1035;
30210 @media (max-width: 767.98px) {
30211 .drawer-sm.not-initialized {
30212 display: none;
30215 @media (max-width: 767.98px) {
30216 .drawer-sm.drawer-right {
30217 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30218 width: 315px;
30219 max-width: 315px;
30220 right: calc(-315px + -10px);
30221 visibility: hidden;
30224 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30225 .drawer-sm.drawer-right {
30226 transition: none;
30229 @media (max-width: 767.98px) {
30230 .drawer-sm.drawer-right.show {
30231 right: 0;
30232 visibility: visible;
30235 @media (max-width: 767.98px) {
30236 .drawer-sm.drawer-right .drawertoggle {
30237 margin-left: auto;
30238 margin-right: 5px;
30241 @media (max-width: 767.98px) {
30242 .drawer-sm.drawer-left {
30243 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30244 width: 285px;
30245 max-width: 285px;
30246 left: calc(-285px + -10px);
30247 visibility: hidden;
30250 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30251 .drawer-sm.drawer-left {
30252 transition: none;
30255 @media (max-width: 767.98px) {
30256 .drawer-sm.drawer-left.show {
30257 left: 0;
30258 visibility: visible;
30261 @media (max-width: 767.98px) {
30262 .drawer-sm.drawer-left .drawertoggle {
30263 margin-right: auto;
30264 margin-left: 5px;
30267 @media (max-width: 767.98px) {
30268 .drawer-sm.drawer-bottom {
30269 bottom: -110%;
30271 .drawer-sm.drawer-bottom.show {
30272 bottom: 0;
30275 @media (max-width: 767.98px) {
30276 .drawer-sm.drawer-primary .drawertoggle {
30277 margin-right: 16px;
30278 margin-left: 5px;
30281 .drawercontent {
30282 position: relative;
30283 z-index: -1;
30284 height: calc(100% - 50px);
30285 display: flex;
30286 flex-direction: column;
30287 flex-wrap: nowrap;
30288 overflow-y: auto;
30289 padding: 0.4rem;
30290 scrollbar-width: thin;
30291 scrollbar-color: #6a737b #f8f9fa;
30293 .drawercontent .dropdown-menu .dropdown-item {
30294 width: 220px;
30295 white-space: normal;
30297 .drawercontent::-webkit-scrollbar {
30298 width: 12px;
30300 .drawercontent::-webkit-scrollbar-track {
30301 background: #f8f9fa;
30303 .drawercontent::-webkit-scrollbar-thumb {
30304 background-color: #6a737b;
30305 border-radius: 20px;
30306 border: 3px solid #f8f9fa;
30308 .drawercontent::-webkit-scrollbar-thumb:hover {
30309 background-color: #495057;
30312 .fp-content-center {
30313 height: 100%;
30314 width: 100%;
30315 display: table-cell;
30316 vertical-align: middle;
30319 .fp-content-hidden {
30320 visibility: hidden;
30323 .yui3-panel-focused {
30324 outline: none;
30327 .fp-panel-button {
30328 background: #fff;
30329 padding: 3px 20px 2px 20px;
30330 text-align: center;
30331 margin: 10px;
30332 border-radius: 10px;
30333 display: inline-block;
30336 .filepicker .yui3-widget-content-expanded {
30337 height: auto;
30340 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
30341 .filepicker .moodle-dialogue-bd {
30342 min-height: 520px;
30345 .file-picker .fp-navbar {
30346 min-height: 40px;
30347 padding: 4px;
30350 .fp-navbar {
30351 border-color: #8f959e;
30352 border-bottom: 0;
30353 border-bottom-left-radius: 0;
30354 border-bottom-right-radius: 0;
30357 .file-picker .fp-content {
30358 border-top: 0;
30359 background: #fff;
30360 clear: none;
30361 overflow: auto;
30362 height: 452px;
30365 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
30366 width: 100%;
30369 .file-picker .fp-content-loading {
30370 height: 100%;
30371 width: 100%;
30372 display: table;
30373 text-align: center;
30376 .file-picker .fp-content .fp-object-container {
30377 width: 98%;
30378 height: 98%;
30381 .file-picker .fp-def-search {
30382 margin-top: 0;
30385 .file-picker .fp-list {
30386 list-style-type: none;
30387 padding: 0;
30388 float: left;
30389 width: 100%;
30390 margin: 0;
30393 .file-picker .fp-list .fp-repo a {
30394 display: block;
30395 padding: 0.5em 0.7em;
30398 .file-picker .fp-list .fp-repo.active {
30399 background: #f2f2f2;
30402 .file-picker .fp-list .fp-repo-icon {
30403 padding: 0 7px 0 5px;
30404 width: 16px;
30405 height: 16px;
30408 .fp-toolbar {
30409 float: left;
30412 .fp-toolbar.empty {
30413 display: none;
30416 .fp-toolbar .disabled {
30417 display: none;
30420 .fp-toolbar div {
30421 display: block;
30422 float: left;
30423 margin-right: 4px;
30426 .fp-toolbar img {
30427 vertical-align: -15%;
30428 margin-right: 5px;
30431 .fp-viewbar:not(.disabled) a.checked {
30432 background-color: #b1bbc4;
30433 color: #1d2125;
30434 border-color: #aab4bf;
30437 .fp-viewbar.disabled a {
30438 pointer-events: none;
30439 opacity: 0.65;
30442 .file-picker .fp-clear-left {
30443 clear: left;
30446 .fp-pathbar.empty {
30447 display: none;
30450 .fp-pathbar .fp-path-folder {
30451 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
30452 background-size: 12px 12px;
30453 height: 12px;
30454 margin-left: 12px;
30457 /*rtl:raw:
30458 .fp-pathbar .fp-path-folder {
30459 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
30462 .fp-pathbar .fp-path-folder-name {
30463 margin-left: 24px;
30466 .fp-iconview .fp-file {
30467 float: left;
30468 text-align: center;
30469 position: relative;
30470 margin: 10px 10px 35px;
30473 .fp-iconview .fp-thumbnail {
30474 min-width: 110px;
30475 min-height: 110px;
30476 line-height: 110px;
30477 text-align: center;
30478 border: 1px solid #fff;
30479 display: block;
30482 .fp-iconview .fp-thumbnail img {
30483 border: 1px solid #ddd;
30484 padding: 3px;
30485 vertical-align: middle;
30488 .fp-iconview .fp-thumbnail:hover {
30489 background: #fff;
30490 border: 1px solid #ddd;
30493 .fp-iconview .fp-filename-field {
30494 height: 33px;
30495 margin-top: 3px;
30496 word-wrap: break-word;
30497 overflow: hidden;
30498 position: absolute;
30501 .fp-iconview .fp-file:focus .fp-filename-field,
30502 .fp-iconview .fp-file:hover .fp-filename-field {
30503 overflow: visible;
30504 z-index: 1000;
30506 .fp-iconview .fp-file:focus .fp-filename,
30507 .fp-iconview .fp-file:hover .fp-filename {
30508 overflow: inherit;
30509 white-space: normal;
30510 text-overflow: inherit;
30513 .fp-iconview .fp-filename-field .fp-filename {
30514 background: #fff;
30515 padding-top: 5px;
30516 padding-bottom: 12px;
30517 min-width: 112px;
30520 .file-picker .yui3-datatable table {
30521 border: 0 solid #bbb;
30522 width: 100%;
30525 .file-picker .ygtvtn,
30526 .filemanager .ygtvtn {
30527 /*rtl:remove*/
30528 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
30529 /*rtl:raw:
30530 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
30532 width: 19px;
30533 height: 32px;
30536 .file-picker .ygtvtm,
30537 .filemanager .ygtvtm {
30538 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30539 /*rtl:raw:
30540 background-position: 2px 10px;
30542 width: 13px;
30543 height: 12px;
30544 cursor: pointer;
30547 .file-picker .ygtvtmh,
30548 .filemanager .ygtvtmh {
30549 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30550 /*rtl:raw:
30551 background-position: 2px 10px;
30553 width: 13px;
30554 height: 12px;
30555 cursor: pointer;
30558 .file-picker .ygtvtp,
30559 .filemanager .ygtvtp {
30560 /*rtl:remove*/
30561 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30562 /*rtl:raw:
30563 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30565 width: 13px;
30566 height: 12px;
30567 cursor: pointer;
30570 .file-picker .ygtvtph,
30571 .filemanager .ygtvtph {
30572 /*rtl:remove*/
30573 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30574 /*rtl:raw:
30575 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30577 width: 13px;
30578 height: 22px;
30579 cursor: pointer;
30582 .file-picker .ygtvln,
30583 .filemanager .ygtvln {
30584 /*rtl:remove*/
30585 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
30586 /*rtl:raw:
30587 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
30589 width: 19px;
30590 height: 32px;
30593 .file-picker .ygtvlm,
30594 .filemanager .ygtvlm {
30595 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30596 /*rtl:raw:
30597 background-position: 2px 10px;
30599 width: 13px;
30600 height: 12px;
30601 cursor: pointer;
30604 .file-picker .ygtvlmh,
30605 .filemanager .ygtvlmh {
30606 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30607 /*rtl:raw:
30608 background-position: 2px 10px;
30610 width: 13px;
30611 height: 12px;
30612 cursor: pointer;
30615 .file-picker .ygtvlp,
30616 .filemanager .ygtvlp {
30617 /*rtl:remove*/
30618 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30619 /*rtl:raw:
30620 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30622 width: 13px;
30623 height: 12px;
30624 cursor: pointer;
30627 .file-picker .ygtvlph,
30628 .filemanager .ygtvlph {
30629 /*rtl:remove*/
30630 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30631 /*rtl:raw:
30632 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30634 width: 13px;
30635 height: 12px;
30636 cursor: pointer;
30639 .file-picker .ygtvloading,
30640 .filemanager .ygtvloading {
30641 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
30642 width: 16px;
30643 height: 22px;
30646 .file-picker .ygtvdepthcell,
30647 .filemanager .ygtvdepthcell {
30648 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
30649 /*rtl:raw:
30650 background-position: 0 0;
30652 width: 17px;
30653 height: 32px;
30656 .file-picker .ygtvblankdepthcell,
30657 .filemanager .ygtvblankdepthcell {
30658 width: 17px;
30659 height: 22px;
30662 a.ygtvspacer:hover {
30663 color: transparent;
30664 text-decoration: none;
30667 .ygtvlabel,
30668 .ygtvlabel:link,
30669 .ygtvlabel:visited,
30670 .ygtvlabel:hover {
30671 background-color: transparent;
30672 cursor: pointer;
30673 margin-left: 2px;
30674 text-decoration: none;
30677 .file-picker .ygtvfocus,
30678 .filemanager .ygtvfocus {
30679 background-color: #eee;
30682 .fp-filename-icon {
30683 margin-top: 10px;
30684 display: block;
30685 position: relative;
30688 .fp-icon {
30689 float: left;
30690 margin-top: -7px;
30691 width: 24px;
30692 height: 24px;
30693 margin-right: 10px;
30694 text-align: center;
30695 line-height: 24px;
30698 .fp-icon img {
30699 max-height: 24px;
30700 max-width: 24px;
30701 vertical-align: middle;
30704 .fp-filename {
30705 padding-right: 10px;
30708 .file-picker .fp-login-form {
30709 height: 100%;
30710 width: 100%;
30711 display: table;
30714 .file-picker .fp-upload-form {
30715 height: 100%;
30716 width: 100%;
30717 display: table;
30720 .file-picker .fp-upload-form table {
30721 margin: 0 auto;
30724 .file-picker.fp-dlg {
30725 text-align: center;
30728 .file-picker.fp-dlg .fp-dlg-buttons {
30729 margin: 0 20px;
30732 .file-picker.fp-msg {
30733 text-align: center;
30736 .file-picker .fp-content-error {
30737 height: 100%;
30738 width: 100%;
30739 display: table;
30740 text-align: center;
30743 .file-picker .fp-nextpage {
30744 clear: both;
30747 .file-picker .fp-nextpage .fp-nextpage-loading {
30748 display: none;
30751 .file-picker .fp-nextpage.loading .fp-nextpage-link {
30752 display: none;
30755 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
30756 display: block;
30757 text-align: center;
30758 height: 100px;
30759 padding-top: 50px;
30762 .fp-select .fp-select-loading {
30763 text-align: center;
30764 margin-top: 20px;
30767 .fp-select table {
30768 padding: 0 0 10px;
30771 .fp-select table .mdl-right {
30772 min-width: 84px;
30775 .fp-select .fp-reflist .mdl-right {
30776 vertical-align: top;
30779 .fp-select .fp-select-buttons {
30780 float: right;
30783 .fp-select .fp-info {
30784 font-size: 0.703125rem;
30787 .fp-select .fp-thumbnail {
30788 float: left;
30789 min-width: 110px;
30790 min-height: 110px;
30791 line-height: 110px;
30792 text-align: center;
30793 margin: 10px 20px 0 0;
30794 background: #fff;
30795 border: 1px solid #ddd;
30798 .fp-select .fp-thumbnail img {
30799 border: 1px solid #ddd;
30800 padding: 3px;
30801 vertical-align: middle;
30802 margin: 10px;
30805 .fp-select .fp-fileinfo {
30806 display: inline-block;
30807 margin-top: 10px;
30810 .file-picker.fp-select .fp-fileinfo {
30811 max-width: 240px;
30814 .fp-select .fp-fileinfo div {
30815 padding-bottom: 5px;
30818 .file-picker.fp-select .uneditable {
30819 display: none;
30822 .file-picker.fp-select .fp-select-loading {
30823 display: none;
30826 .file-picker.fp-select.loading .fp-select-loading {
30827 display: block;
30830 .file-picker.fp-select.loading form {
30831 display: none;
30834 .fp-select .fp-dimensions.fp-unknown {
30835 display: none;
30838 .fp-select .fp-size.fp-unknown {
30839 display: none;
30842 .filemanager-loading {
30843 display: none;
30846 .jsenabled .filemanager-loading {
30847 display: block;
30848 margin-top: 100px;
30851 .filemanager.fm-loading .filemanager-toolbar,
30852 .filemanager.fm-loading .fp-pathbar,
30853 .filemanager.fm-loading .filemanager-container,
30854 .filemanager.fm-loaded .filemanager-loading,
30855 .filemanager.fm-maxfiles .fp-btn-add,
30856 .filemanager.fm-maxfiles .dndupload-message,
30857 .filemanager.fm-noitems .fp-btn-download,
30858 .filemanager.fm-noitems .fp-btn-delete,
30859 .filemanager .fm-empty-container,
30860 .filemanager.fm-noitems .filemanager-container .fp-content {
30861 display: none;
30864 .filemanager .fp-img-downloading {
30865 display: none;
30866 padding-top: 7px;
30869 .filemanager .filemanager-updating {
30870 display: none;
30871 text-align: center;
30874 .filemanager.fm-updating .filemanager-updating {
30875 display: block;
30876 margin-top: 37px;
30879 .filemanager.fm-updating .fm-content-wrapper,
30880 .filemanager.fm-nomkdir .fp-btn-mkdir,
30881 .fitem.disabled .filemanager .filemanager-toolbar,
30882 .fitem.disabled .filemanager .fp-pathbar,
30883 .fitem.disabled .filemanager .fp-restrictions,
30884 .fitem.disabled .filemanager .fm-content-wrapper {
30885 display: none;
30888 .filemanager .fp-restrictions {
30889 text-align: right;
30892 .filemanager-toolbar {
30893 padding: 4px;
30894 overflow: hidden;
30897 .filemanager .fp-pathbar.empty {
30898 display: none;
30901 .filepicker-filelist,
30902 .filemanager-container {
30903 min-height: 140px;
30904 border: 1px solid #8f959e;
30905 border-radius: 0.25rem;
30908 .filemanager .fp-content {
30909 overflow: auto;
30910 max-height: 472px;
30911 min-height: 157px;
30914 .filemanager-container,
30915 .filepicker-filelist {
30916 overflow: hidden;
30917 border-top-left-radius: 0;
30918 border-top-right-radius: 0;
30921 .file-picker .yui3-datatable-header {
30922 /*rtl:raw:
30923 text-align: right;
30925 background: initial;
30928 .fitem.disabled .filepicker-filelist,
30929 .fitem.disabled .filemanager-container {
30930 background-color: #ebebe4;
30933 .fitem.disabled .fp-btn-choose {
30934 color: #6a737b;
30937 .fitem.disabled .filepicker-filelist .filepicker-filename {
30938 display: none;
30941 .fp-iconview .fp-reficons1 {
30942 position: absolute;
30943 height: 100%;
30944 width: 100%;
30945 top: 0;
30946 left: 0;
30949 .fp-iconview .fp-reficons2 {
30950 position: absolute;
30951 height: 100%;
30952 width: 100%;
30953 top: 0;
30954 left: 0;
30957 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
30958 background: url("[[pix:theme|fp/link]]") no-repeat;
30959 /*rtl:raw:
30960 transform: scaleX(-1);
30962 /*rtl:ignore*/
30963 background-position: bottom right;
30964 background-size: 16px 16px;
30967 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
30968 background: url("[[pix:theme|fp/alias]]") no-repeat;
30969 /*rtl:raw:
30970 transform: scaleX(-1);
30972 /*rtl:ignore*/
30973 background-position: bottom left;
30974 background-size: 16px 16px;
30977 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
30978 display: none;
30981 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
30982 background: url([[pix:s/dead]]) no-repeat;
30983 background-position: center center;
30986 .filemanager .yui3-datatable table {
30987 border: 0 solid #bbb;
30988 width: 100%;
30991 /* Override YUI default styling */
30992 /* stylelint-disable declaration-no-important */
30993 .filemanager .yui3-datatable-header {
30994 /*rtl:raw:
30995 text-align: right;
30997 background: #fff !important;
30998 border-bottom: 1px solid #ccc !important;
30999 border-left: 0 solid #fff !important;
31000 color: #555 !important;
31002 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
31003 background-color: #f6f6f6 !important;
31004 border-left: 0 solid #f6f6f6;
31006 .filemanager .yui3-datatable-even .yui3-datatable-cell {
31007 background-color: #fff !important;
31008 border-left: 0 solid #fff;
31011 /* stylelint-enable */
31012 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
31013 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
31014 height: 100%;
31015 width: 100%;
31016 /*rtl:raw:
31017 transform: scaleX(-1);
31019 position: absolute;
31020 top: 8px;
31021 left: 17px;
31022 background-size: 16px 16px;
31025 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
31026 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
31027 height: 100%;
31028 width: 100%;
31029 /*rtl:raw:
31030 transform: scaleX(-1);
31032 position: absolute;
31033 top: 9px;
31034 left: -6px;
31035 background-size: 16px 16px;
31038 .filemanager .fp-contextmenu {
31039 display: none;
31042 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31043 position: absolute;
31044 right: 0;
31045 bottom: 0;
31046 display: flex;
31047 align-items: center;
31048 justify-content: center;
31051 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
31052 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31053 display: inline;
31054 position: absolute;
31055 left: 14px;
31056 margin-right: -20px;
31057 top: 6px;
31060 .filepicker-filelist .filepicker-container,
31061 .filemanager.fm-noitems .fm-empty-container {
31062 display: block;
31063 position: absolute;
31064 top: 10px;
31065 bottom: 10px;
31066 left: 10px;
31067 right: 10px;
31068 border: 2px dashed #bbb;
31069 padding-top: 85px;
31070 text-align: center;
31073 .filepicker-filelist .dndupload-target,
31074 .filemanager-container .dndupload-target {
31075 background: #fff;
31076 position: absolute;
31077 top: 10px;
31078 bottom: 10px;
31079 left: 10px;
31080 right: 10px;
31081 border: 2px dashed #fb7979;
31082 padding-top: 85px;
31083 text-align: center;
31086 .filepicker-filelist.dndupload-over .dndupload-target,
31087 .filemanager-container.dndupload-over .dndupload-target {
31088 background: #fff;
31089 position: absolute;
31090 top: 10px;
31091 bottom: 10px;
31092 left: 10px;
31093 right: 10px;
31094 border: 2px dashed #6c8cd3;
31095 padding-top: 85px;
31096 text-align: center;
31099 .dndupload-message {
31100 display: none;
31103 .dndsupported .dndupload-message {
31104 display: inline;
31107 .dnduploadnotsupported-message {
31108 display: none;
31111 .dndnotsupported .dnduploadnotsupported-message {
31112 display: inline;
31115 .dndupload-target {
31116 display: none;
31119 .dndsupported .dndupload-ready .dndupload-target {
31120 display: block;
31123 .dndupload-uploadinprogress {
31124 display: none;
31125 text-align: center;
31128 .dndupload-uploading .dndupload-uploadinprogress {
31129 display: block;
31132 .dndupload-arrow {
31133 width: 100%;
31134 height: 80px;
31135 position: absolute;
31136 top: 5px;
31137 color: #8f959e;
31140 .fitem.disabled .filepicker-container,
31141 .fitem.disabled .fm-empty-container {
31142 display: none;
31145 .dndupload-progressbars {
31146 padding: 10px;
31147 display: none;
31150 .dndupload-inprogress .dndupload-progressbars {
31151 display: block;
31154 .dndupload-inprogress .fp-content {
31155 display: none;
31158 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
31159 display: none;
31162 .filepicker-filelist.dndupload-inprogress .filepicker-container {
31163 display: none;
31166 .filepicker-filelist.dndupload-inprogress a {
31167 display: none;
31170 .filemanager.fp-select .fp-select-loading {
31171 display: none;
31174 .filemanager.fp-select.loading .fp-select-loading {
31175 display: block;
31178 .filemanager.fp-select.loading form {
31179 display: none;
31182 .filemanager.fp-select.fp-folder .fp-license,
31183 .filemanager.fp-select.fp-folder .fp-author,
31184 .filemanager.fp-select.fp-file .fp-file-unzip,
31185 .filemanager.fp-select.fp-folder .fp-file-unzip,
31186 .filemanager.fp-select.fp-file .fp-file-zip,
31187 .filemanager.fp-select.fp-zip .fp-file-zip {
31188 display: none;
31191 .filemanager.fp-select .fp-file-setmain,
31192 .filemanager.fp-select .fp-file-setmain-help {
31193 display: none;
31196 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
31197 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
31198 display: inline-block;
31201 .filemanager .fp-mainfile .fp-filename {
31202 font-weight: bold;
31205 .filemanager.fp-select.fp-folder .fp-file-download {
31206 display: none;
31209 .fm-operation {
31210 font-weight: bold;
31213 .filemanager.fp-select .fp-original.fp-unknown,
31214 .filemanager.fp-select .fp-original .fp-originloading {
31215 display: none;
31218 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
31219 display: inline;
31222 .filemanager.fp-select .fp-reflist.fp-unknown,
31223 .filemanager.fp-select .fp-reflist .fp-reflistloading {
31224 display: none;
31227 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
31228 display: inline;
31231 .filemanager.fp-select .fp-reflist .fp-value {
31232 background: #f9f9f9;
31233 border: 1px solid #bbb;
31234 padding: 8px 7px;
31235 margin: 0;
31236 max-height: 75px;
31237 overflow: auto;
31240 .filemanager.fp-select .fp-reflist .fp-value li {
31241 padding-bottom: 7px;
31244 .filemanager.fp-mkdir-dlg {
31245 text-align: center;
31248 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
31249 text-align: left;
31250 margin: 20px;
31253 .filemanager.fp-dlg {
31254 text-align: center;
31257 .file-picker div.bd {
31258 text-align: left;
31261 .fp-formset {
31262 padding: 10px;
31264 .fp-formset input[type=file] {
31265 line-height: inherit;
31268 .fp-forminset {
31269 padding: 0 10px;
31272 .fp-fileinfo .fp-value {
31273 display: inline-block;
31274 padding-left: 5px;
31277 /** The message area **/
31278 .hidden {
31279 display: none;
31282 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
31283 padding: 0;
31285 .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 {
31286 min-height: 20px;
31288 .preferences-container .align-bottom {
31289 vertical-align: bottom;
31291 .preferences-container .preference-table {
31292 border: 1px solid #ddd;
31294 .preferences-container .preference-table thead th {
31295 text-align: center;
31297 .preferences-container .preference-table thead th .config-warning {
31298 display: none;
31300 .preferences-container .preference-table thead th.unconfigured .config-warning {
31301 display: inline-block;
31303 .preferences-container .preference-table tr th {
31304 border-left: 1px solid #dee2e6;
31306 .preferences-container .preference-table tr td:not(:first-child) {
31307 width: 150px;
31308 text-align: center;
31310 .preferences-container .preference-table tr td:nth-child(even) {
31311 border: 1px solid #dee2e6;
31313 .preferences-container .preference-table .preference-row .hover-tooltip-container {
31314 display: inline-block;
31316 .preferences-container .preference-table .preference-row .preference-name {
31317 vertical-align: middle;
31319 .preferences-container .preference-table .preference-row .disabled-message {
31320 text-align: center;
31321 height: 30px;
31322 line-height: 30px;
31324 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
31325 display: block;
31328 .disabled-message {
31329 display: none;
31332 .disabled .disabled-message {
31333 display: block;
31335 .disabled .disabled-message + form {
31336 display: none;
31339 .general-settings-container .loading-icon {
31340 display: none;
31342 .general-settings-container .loading .loading-icon {
31343 display: inline-block;
31345 .general-settings-container label {
31346 display: inline-block;
31349 .processor-container {
31350 position: relative;
31352 .processor-container .loading-container {
31353 display: none;
31354 position: absolute;
31355 width: 100%;
31356 height: 100%;
31357 text-align: center;
31358 background-color: rgba(255, 255, 255, 0.5);
31360 .processor-container .loading-container .vertical-align {
31361 height: 100%;
31362 width: 0%;
31363 display: inline-block;
31364 vertical-align: middle;
31366 .processor-container.loading .loading-container {
31367 display: block;
31370 .preferences-page-container .checkbox-container {
31371 margin: 30px 5px;
31372 line-height: 20px;
31374 .preferences-page-container .checkbox-container input {
31375 line-height: 20px;
31376 margin: 0;
31378 .preferences-page-container .checkbox-container .loading-icon {
31379 display: none;
31381 .preferences-page-container .checkbox-container.loading .loading-icon {
31382 display: inline-block;
31385 .notification-area {
31386 height: 600px;
31387 box-sizing: border-box;
31388 border-radius: 4px;
31389 margin-bottom: 30px;
31390 border: 1px solid #e3e3e3;
31392 @media (max-height: 670px) {
31393 .notification-area {
31394 height: 500px;
31397 .notification-area .control-area {
31398 box-sizing: border-box;
31399 display: inline-block;
31400 width: 300px;
31401 height: 100%;
31402 overflow: auto;
31403 -webkit-overflow-scrolling: touch;
31404 border-right: 1px solid #e3e3e3;
31406 .notification-area .control-area .content {
31407 position: relative;
31409 .notification-area .control-area .content .content-item-container {
31410 cursor: pointer;
31412 .notification-area .control-area .content:empty + .empty-text {
31413 display: block;
31415 .notification-area .control-area .loading-icon {
31416 display: none;
31418 .notification-area .control-area .empty-text {
31419 display: none;
31420 text-align: center;
31421 padding-top: 20px;
31423 .notification-area .control-area.loading .loading-icon {
31424 display: block;
31425 text-align: center;
31426 box-sizing: border-box;
31427 padding: 5px;
31429 .notification-area .control-area.loading .content:empty + .empty-text {
31430 display: none;
31432 .notification-area .content-area {
31433 box-sizing: border-box;
31434 display: inline-block;
31435 width: calc(100% - 300px);
31436 float: right;
31438 .notification-area .content-area .toggle-mode {
31439 display: none;
31441 .notification-area .content-area .header {
31442 height: 50px;
31443 box-sizing: border-box;
31444 border-bottom: 1px solid #e3e3e3;
31445 padding: 5px;
31447 .notification-area .content-area .header .image-container {
31448 display: inline-block;
31449 height: 25px;
31450 width: 24px;
31451 float: left;
31453 .notification-area .content-area .header .subject-container {
31454 display: inline-block;
31455 max-width: calc(100% - 24px);
31456 white-space: nowrap;
31457 overflow: hidden;
31458 text-overflow: ellipsis;
31459 height: 25px;
31460 padding-left: 5px;
31461 box-sizing: border-box;
31463 .notification-area .content-area .header .timestamp {
31464 font-size: 10px;
31465 line-height: 10px;
31466 margin: 0;
31467 color: #666;
31468 margin-left: 30px;
31470 .notification-area .content-area .header:empty {
31471 display: none;
31473 .notification-area .content-area > .content {
31474 height: 500px;
31475 box-sizing: border-box;
31476 overflow: auto;
31477 -webkit-overflow-scrolling: touch;
31478 padding: 15px;
31480 @media (max-height: 670px) {
31481 .notification-area .content-area > .content {
31482 height: 400px;
31485 .notification-area .content-area > .content:empty {
31486 display: none;
31488 .notification-area .content-area > .content:empty + .empty-text {
31489 display: block;
31490 text-align: center;
31491 padding-top: 100px;
31493 .notification-area .content-area .empty-text {
31494 display: none;
31496 .notification-area .content-area .footer {
31497 height: 50px;
31498 box-sizing: border-box;
31499 text-align: center;
31501 .notification-area .content-area .footer a {
31502 line-height: 50px;
31504 .notification-area .content-area .footer:empty {
31505 display: none;
31508 @media (max-width: 979px) {
31509 .notification-area {
31510 position: relative;
31511 overflow: hidden;
31513 .notification-area .control-area {
31514 border-right: none;
31515 width: 100%;
31516 position: absolute;
31517 top: 0;
31518 left: 0;
31519 opacity: 1;
31520 visibility: visible;
31521 transition: left 0.25s;
31523 .notification-area .content-area {
31524 width: 100%;
31525 position: absolute;
31526 top: 0;
31527 right: -100%;
31528 opacity: 0;
31529 visibility: hidden;
31530 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
31532 .notification-area .content-area .toggle-mode {
31533 display: inline-block;
31534 float: left;
31535 width: 70px;
31536 height: 50px;
31537 line-height: 50px;
31538 box-sizing: border-box;
31539 border-right: 1px solid #e3e3e3;
31540 border-bottom: 1px solid #e3e3e3;
31542 .notification-area .content-area .header {
31543 display: inline-block;
31544 width: calc(100% - 70px);
31546 .notification-area.show-content-area .control-area {
31547 left: -100%;
31548 opacity: 0;
31549 visibility: hidden;
31550 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
31552 .notification-area.show-content-area .content-area {
31553 right: 0;
31554 opacity: 1;
31555 visibility: visible;
31556 transition: right 0.25s;
31559 .drawer .message-app {
31560 height: 100%;
31562 .drawer .message-app .icon-back-in-app {
31563 display: none;
31565 .drawer .message-app .icon-back-in-drawer {
31566 display: inherit;
31569 .message-app {
31570 display: flex;
31571 flex-direction: column;
31572 background-color: #eff1f3;
31574 .message-app .icon-back-in-drawer {
31575 display: none;
31577 .message-app.main {
31578 min-height: 400px;
31580 .message-app .header-container {
31581 flex-shrink: 0;
31583 .message-app .overflow-y {
31584 overflow-y: auto;
31586 @media (max-height: 320px) {
31587 .message-app .header-container [data-region=view-overview]:not(.hidden) {
31588 display: flex;
31589 align-items: center;
31591 .message-app .footer-container [data-region=view-overview] {
31592 display: none;
31594 .message-app .overflow-y {
31595 overflow-y: unset;
31598 .message-app .body-container {
31599 flex: 1;
31600 overflow: hidden;
31602 .message-app .body-container > * {
31603 position: absolute;
31604 right: 0;
31605 left: 0;
31606 top: 0;
31607 bottom: 0;
31608 overflow: auto;
31610 .message-app .footer-container {
31611 flex-shrink: 0;
31613 .message-app .footer-container textarea {
31614 direction: ltr;
31616 .message-app .contact-status {
31617 position: absolute;
31618 left: 39px;
31619 top: 34px;
31621 .message-app .contact-status.online .icon {
31622 color: #357a32;
31624 .message-app .message p {
31625 margin: 0;
31627 .message-app .clickable {
31628 cursor: pointer;
31630 .message-app .clickable:hover {
31631 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
31633 .message-app a,
31634 .message-app .btn-link {
31635 color: inherit;
31637 .message-app .btn-link:hover, .message-app .btn-link:focus {
31638 background-color: rgba(0, 0, 0, 0.035);
31639 text-decoration: none;
31641 .message-app .icon {
31642 margin-right: 0;
31644 .message-app .overview-section-toggle .collapsed-icon-container {
31645 display: none;
31647 .message-app .overview-section-toggle .expanded-icon-container {
31648 display: inline-block;
31650 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
31651 display: inline-block;
31653 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
31654 display: none;
31656 .message-app .btn.btn-link.btn-icon {
31657 height: 16px;
31658 width: 16px;
31659 padding: 0;
31660 border-radius: 50%;
31661 flex-shrink: 0;
31663 .message-app .btn.btn-link.btn-icon.icon-size-0 {
31664 height: 20px !important; /* stylelint-disable-line declaration-no-important */
31665 width: 20px !important; /* stylelint-disable-line declaration-no-important */
31667 .message-app .btn.btn-link.btn-icon.icon-size-1 {
31668 height: 24px !important; /* stylelint-disable-line declaration-no-important */
31669 width: 24px !important; /* stylelint-disable-line declaration-no-important */
31671 .message-app .btn.btn-link.btn-icon.icon-size-2 {
31672 height: 28px !important; /* stylelint-disable-line declaration-no-important */
31673 width: 28px !important; /* stylelint-disable-line declaration-no-important */
31675 .message-app .btn.btn-link.btn-icon.icon-size-3 {
31676 height: 36px !important; /* stylelint-disable-line declaration-no-important */
31677 width: 36px !important; /* stylelint-disable-line declaration-no-important */
31679 .message-app .btn.btn-link.btn-icon.icon-size-4 {
31680 height: 44px !important; /* stylelint-disable-line declaration-no-important */
31681 width: 44px !important; /* stylelint-disable-line declaration-no-important */
31683 .message-app .btn.btn-link.btn-icon.icon-size-5 {
31684 height: 52px !important; /* stylelint-disable-line declaration-no-important */
31685 width: 52px !important; /* stylelint-disable-line declaration-no-important */
31687 .message-app .btn.btn-link.btn-icon.icon-size-6 {
31688 height: 60px !important; /* stylelint-disable-line declaration-no-important */
31689 width: 60px !important; /* stylelint-disable-line declaration-no-important */
31691 .message-app .btn.btn-link.btn-icon.icon-size-7 {
31692 height: 68px !important; /* stylelint-disable-line declaration-no-important */
31693 width: 68px !important; /* stylelint-disable-line declaration-no-important */
31695 .message-app .view-overview-body .section {
31696 display: block;
31698 .message-app .view-overview-body .section.expanded {
31699 display: flex;
31701 .message-app .view-overview-body .section div[data-region=toggle] {
31702 padding: 0.1rem;
31704 .message-app .view-conversation .content-message-container img {
31705 max-width: 100%;
31707 .message-app .list-group {
31708 border-radius: 0;
31710 .message-app .list-group .list-group-item {
31711 border-left: 0;
31712 border-right: 0;
31714 .message-app .list-group .list-group-item:hover {
31715 color: #fff;
31716 background-color: #0f6cbf;
31718 .message-app .list-group .list-group-item:hover .badge-primary {
31719 background-color: #fff;
31720 color: #0f6cbf;
31722 .message-app .list-group .list-group-item:first-child {
31723 border-top: 0;
31725 .message-app .list-group .list-group-item:last-child {
31726 border-bottom: 0;
31728 .message-app .list-group .list-group-item.list-group-item-action {
31729 margin: 0.1rem;
31730 width: auto;
31731 text-align: inherit;
31733 .message-app .last-message {
31734 min-height: 1.5rem;
31736 .message-app .section .collapsing {
31737 overflow: hidden;
31739 .message-app .message.send {
31740 background-color: #dee2e6;
31741 color: #1d2125;
31743 .message-app .message.send .time {
31744 color: #1d2125;
31746 .message-app .message.send .tail {
31747 right: 0;
31748 margin-right: -0.5rem;
31749 border-bottom-color: #dee2e6;
31751 .message-app .message.received {
31752 background-color: #fff;
31753 color: #1d2125;
31755 .message-app .message.received .time {
31756 color: #616466;
31758 .message-app .message.received .tail {
31759 left: 0;
31760 margin-left: -0.5rem;
31761 border-bottom-color: #fff;
31763 .message-app .message .tail {
31764 content: "";
31765 bottom: 0;
31766 width: 0;
31767 height: 0;
31768 border: 0.5rem solid transparent;
31769 position: relative;
31771 .message-app .day {
31772 color: #1d2125;
31774 .message-app .lazy-load-list {
31775 overflow-y: auto;
31778 #page-message-index #page-header {
31779 display: none;
31781 #page-message-index #region-main {
31782 height: 100%;
31783 margin-top: 0;
31785 #page-message-index #region-main .conversationcontainer .section {
31786 max-height: calc(100vh - 50px);
31788 #page-message-index #region-main div[role=main] {
31789 height: 100%;
31791 #page-message-index #region-main div[role=main] #maincontent {
31792 margin-top: -1px;
31794 #page-message-index #region-main div[role=main] .message-app.main {
31795 height: 100%;
31798 .dir-rtl .message-drawer {
31799 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
31802 .message-app .emoji-picker-container {
31803 position: absolute;
31804 top: -5px;
31805 right: 5px;
31806 transform: translateY(-100%);
31808 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
31809 height: 40px;
31810 width: 40px;
31812 @media (max-width: 575.98px) {
31813 .message-app .emoji-picker-container {
31814 right: -0.5rem;
31817 @media (max-height: 495px) {
31818 .message-app .emoji-picker-container {
31819 position: fixed;
31820 top: 0;
31821 transform: none;
31824 .message-app .emoji-auto-complete-container {
31825 overflow: auto;
31826 max-height: 90px;
31827 transition: max-height 0.15s ease-in-out;
31828 visibility: visible;
31830 .message-app .emoji-auto-complete-container.hidden {
31831 display: block;
31832 max-height: 0;
31833 visibility: hidden;
31834 overflow: hidden;
31835 transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
31838 /* Question */
31839 .questionbank h2 {
31840 margin-top: 0;
31843 .questioncategories h3 {
31844 margin-top: 0;
31847 #chooseqtypebox {
31848 margin-top: 1em;
31851 #chooseqtype h3 {
31852 margin: 0 0 0.3em;
31855 #chooseqtype .instruction {
31856 display: none;
31859 #chooseqtype .fakeqtypes {
31860 border-top: 1px solid silver;
31863 #chooseqtype .qtypeoption {
31864 margin-bottom: 0.5em;
31867 #chooseqtype label {
31868 display: block;
31871 #chooseqtype .qtypename img {
31872 padding: 0 0.3em;
31875 #chooseqtype .qtypename {
31876 display: inline-table;
31877 width: 16em;
31880 #chooseqtype .qtypesummary {
31881 display: block;
31882 margin: 0 2em;
31885 #chooseqtype .submitbuttons {
31886 margin: 0.7em 0;
31887 text-align: center;
31890 #qtypechoicecontainer {
31891 display: none;
31894 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
31895 background: none;
31898 #qtypechoicecontainer.yui-panel .hd {
31899 color: #333;
31900 letter-spacing: 1px;
31901 text-shadow: 1px 1px 1px #fff;
31902 border-top-left-radius: 10px;
31903 border-top-right-radius: 10px;
31904 border: 1px solid #ccc;
31905 border-bottom: 1px solid #bbb;
31906 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
31907 background-repeat: repeat-x;
31910 #qtypechoicecontainer {
31911 font-size: 12px;
31912 color: #333;
31913 background: #f2f2f2;
31914 border-radius: 10px;
31915 border: 1px solid #ccc;
31916 border-top: 0 none;
31919 #qtypechoicecontainer #chooseqtype {
31920 width: 40em;
31923 #chooseqtypehead h3 {
31924 margin: 0;
31925 font-weight: normal;
31928 #chooseqtype .qtypes {
31929 position: relative;
31930 border-bottom: 1px solid #bbb;
31931 padding: 0.24em 0;
31934 #chooseqtype .alloptions {
31935 overflow-x: hidden;
31936 overflow-y: auto;
31937 max-height: calc(100vh - 15em);
31938 width: 60%;
31941 #chooseqtype .qtypeoption {
31942 margin-bottom: 0;
31943 padding: 0.3em 0.3em 0.3em 1.6em;
31946 #chooseqtype .qtypeoption img {
31947 vertical-align: text-bottom;
31948 padding-left: 1em;
31949 padding-right: 0.5em;
31952 #chooseqtype .selected {
31953 background-color: #fff;
31956 #chooseqtype .instruction,
31957 #chooseqtype .qtypesummary {
31958 display: none;
31959 position: absolute;
31960 top: 0;
31961 right: 0;
31962 bottom: 0;
31963 left: 60%;
31964 margin: 0;
31965 overflow-x: hidden;
31966 overflow-y: auto;
31967 padding: 1.5em 1.6em;
31968 background-color: #fff;
31971 #chooseqtype .instruction,
31972 #chooseqtype .selected .qtypesummary {
31973 display: block;
31976 table.question-bank-table {
31977 margin: 0;
31978 background-color: #fff;
31979 table-layout: fixed;
31980 overflow-x: scroll;
31981 width: min-content;
31982 max-width: 100%;
31984 table.question-bank-table th {
31985 text-align: left;
31987 table.question-bank-table > tbody > tr.r1 {
31988 background-color: rgba(0, 0, 0, 0.03);
31990 table.question-bank-table > tbody > tr.highlight {
31991 border: 1px solid #008196;
31993 table.question-bank-table .checkbox input[type=checkbox] {
31994 margin-left: 0;
31995 float: none;
31997 table.question-bank-table .iconcol {
31998 padding: 3px;
31999 box-sizing: content-box;
32001 table.question-bank-table .iconcol .icon {
32002 margin: 0;
32003 width: 12px;
32004 height: 12px;
32006 table.question-bank-table label {
32007 margin: 0;
32008 display: block;
32010 table.question-bank-table .header {
32011 text-align: left;
32013 table.question-bank-table .header.sortable-list-current-position {
32014 background-color: #a2cff8;
32016 table.question-bank-table .header.sortable-list-is-dragged {
32017 background-color: #fff;
32018 opacity: 0.85;
32020 table.question-bank-table .header .header-text > div {
32021 display: inline-block;
32023 table.question-bank-table .header .dropdown-toggle::after {
32024 margin-left: 0;
32026 table.question-bank-table .header.checkbox .form-check {
32027 padding-left: 0;
32030 #page-mod-quiz-edit div.questionbankwindow div.header {
32031 margin: 0;
32033 #page-mod-quiz-edit div.questionbankwindow.block {
32034 padding: 0;
32037 .questionbank .singleselect {
32038 margin: 0;
32041 /* Question editing form */
32042 #combinedfeedbackhdr div.fhtmleditor {
32043 padding: 0;
32046 #combinedfeedbackhdr div.fcheckbox {
32047 margin-bottom: 1em;
32050 #multitriesheader div.fitem_feditor {
32051 margin-top: 1em;
32054 #multitriesheader div.fitem_fgroup {
32055 margin-bottom: 1em;
32058 #multitriesheader div.fitem_fgroup fieldset.felement label {
32059 margin-left: 0.3em;
32060 margin-right: 0.3em;
32063 body.path-question-type {
32064 /* Hacks to display the labels within a form group. */
32066 body.path-question-type .fitem .col-form-label.sr-only:not(legend):not([for=id_category]) {
32067 position: static;
32068 width: auto;
32069 height: auto;
32070 padding: 0;
32071 margin: 0 0.5rem 0 0;
32072 overflow: visible;
32073 clip: auto;
32074 clip-path: none;
32075 border: 0;
32078 .que {
32079 clear: left;
32080 text-align: left;
32081 margin: 0 auto 1.8em auto;
32084 .que .info {
32085 float: left;
32086 width: 7em;
32087 padding: 0.5em;
32088 margin-bottom: 1.8em;
32089 background-color: #f8f9fa;
32090 border: 1px solid #cad0d7;
32091 border-radius: 2px;
32094 .que h3.no {
32095 margin: 0;
32096 font-size: 0.8em;
32097 line-height: 1;
32100 .que span.qno {
32101 font-size: 1.5em;
32102 font-weight: bold;
32103 word-break: break-word;
32106 .que .info > div {
32107 font-size: 0.8em;
32108 margin-top: 0.7em;
32111 .que .info .questionflag.editable {
32112 cursor: pointer;
32115 .que .info .editquestion img,
32116 .que .info .questionflag img,
32117 .que .info .questionflag input {
32118 vertical-align: bottom;
32121 .que .content {
32122 margin: 0 0 0 8.5em;
32125 .que .formulation,
32126 .que .outcome,
32127 .que .comment {
32128 position: relative;
32129 padding: 0.75rem 1.25rem;
32130 margin-bottom: 1rem;
32131 border: 0 solid transparent;
32132 border-radius: 0.25rem;
32135 .que .outcome,
32136 .que .comment {
32137 color: #8e662e;
32138 background-color: #fcefdc;
32139 border-color: #fbe8cd;
32140 /* stylelint-disable-line max-line-length */
32142 .que .outcome hr,
32143 .que .comment hr {
32144 border-top-color: #f9ddb5;
32146 .que .outcome .alert-link,
32147 .que .comment .alert-link {
32148 color: #674a22;
32150 .que .outcome a,
32151 .que .comment a {
32152 color: #041c31;
32155 .que .formulation {
32156 color: #001a1e;
32157 background-color: #e7f3f5;
32158 border-color: #b8dce2;
32159 /* stylelint-disable-line max-line-length */
32161 .que .formulation hr {
32162 border-top-color: #a6d3db;
32164 .que .formulation .alert-link {
32165 color: black;
32168 .que.multichoice .answer div.r0 .icon.fa-check,
32169 .que.multichoice .answer div.r1 .icon.fa-check,
32170 .que.multichoice .answer div.r0 .icon.fa-remove,
32171 .que.multichoice .answer div.r1 .icon.fa-remove {
32172 text-indent: 0;
32175 .formulation input[type=text],
32176 .formulation select {
32177 width: auto;
32178 vertical-align: baseline;
32181 .que.multianswer .formulation .yui3-widget-positioned {
32182 box-sizing: content-box;
32184 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
32185 width: inherit;
32186 max-width: inherit;
32189 .que input[size],
32190 .que textarea[cols] {
32191 width: auto;
32192 max-width: 100%;
32195 .que .comment {
32196 color: #1c3f1a;
32197 background-color: #d7e4d6;
32198 border-color: #c6dac6;
32199 /* stylelint-disable-line max-line-length */
32201 .que .comment hr {
32202 border-top-color: #b7d0b7;
32204 .que .comment .alert-link {
32205 color: #0c1b0b;
32208 .que .ablock {
32209 margin: 0.7em 0 0.3em 0;
32212 .que .im-controls {
32213 margin-top: 0.5em;
32214 text-align: left;
32217 .que .specificfeedback,
32218 .que .generalfeedback,
32219 .que .numpartscorrect .que .rightanswer,
32220 .que .im-feedback,
32221 .que .feedback,
32222 .que p {
32223 margin: 0 0 0.5em;
32226 .que .correctness.correct {
32227 color: #fff;
32228 background-color: #357a32;
32230 a.que .correctness.correct:hover, a.que .correctness.correct:focus {
32231 color: #fff;
32232 background-color: #255623;
32234 a.que .correctness.correct:focus, a.que .correctness.correct.focus {
32235 outline: 0;
32236 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
32239 .que .correctness.partiallycorrect {
32240 color: #1d2125;
32241 background-color: #f0ad4e;
32243 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
32244 color: #1d2125;
32245 background-color: #ec971f;
32247 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
32248 outline: 0;
32249 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
32252 .que .correctness.notanswered, .que .correctness.incorrect {
32253 color: #fff;
32254 background-color: #ca3120;
32256 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
32257 color: #fff;
32258 background-color: #9e2619;
32260 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
32261 outline: 0;
32262 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
32265 .que .qtext {
32266 margin-bottom: 1.5em;
32269 .que .validationerror {
32270 color: #ca3120;
32273 .que .grading,
32274 .que .comment,
32275 .que .commentlink,
32276 .que .history {
32277 margin-top: 0.5em;
32280 .que .history h3 {
32281 margin: 0 0 0.2em;
32282 font-size: 1em;
32285 .que .history table {
32286 width: 100%;
32287 margin: 0;
32290 .que .history .current {
32291 font-weight: bold;
32294 .que .questioncorrectnessicon {
32295 vertical-align: text-bottom;
32298 body.jsenabled .questionflag input[type=checkbox] {
32299 display: none;
32302 .que .questionflagimage {
32303 padding-right: 3px;
32304 height: 16px;
32305 width: 16px;
32308 .importerror {
32309 margin-top: 10px;
32310 border-bottom: 1px solid #555;
32313 .mform .que.comment .fitemtitle {
32314 width: 20%;
32317 #page-question-preview #techinfo {
32318 margin: 1em 0;
32321 #page-question-preview .collapsibleregion .collapsibleregioncaption,
32322 #page-question-preview .collapsibleregion .collapsibleregionextracontent {
32323 display: inline-block;
32326 #page-mod-quiz-edit ul.slots .activityinstance > a {
32327 display: flex;
32328 max-width: 100%;
32329 align-items: center;
32330 text-indent: 0;
32331 padding-left: 0;
32333 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32334 margin-left: 0;
32335 width: 16px;
32336 height: 16px;
32337 padding-right: 4px;
32340 #page-mod-quiz-edit .activity img.activityicon {
32341 vertical-align: text-top;
32344 #page-mod-quiz-edit .box.generalbox.questionbank {
32345 padding: 0.5em;
32348 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
32349 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
32350 #page-mod-quiz-edit .questionbank .choosecategory {
32351 padding: 0;
32354 #page-mod-quiz-edit .questionbank .choosecategory select {
32355 width: 100%;
32358 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
32359 background: transparent;
32362 #page-mod-quiz-edit .questionbankwindow div.header {
32363 color: #444;
32364 text-shadow: none;
32365 border-top-left-radius: 4px;
32366 border-top-right-radius: 4px;
32367 margin: 0 -10px 0 -10px;
32368 padding: 2px 10px 2px 10px;
32369 background: transparent; /* Old browsers */
32372 #page-mod-quiz-edit .questionbankwindow div.header a:link,
32373 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
32374 color: #0f6cbf;
32377 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
32378 color: #094478;
32381 #page-mod-quiz-edit .createnewquestion {
32382 padding: 0.3em 0;
32384 #page-mod-quiz-edit .createnewquestion div,
32385 #page-mod-quiz-edit .createnewquestion input {
32386 margin: 0;
32389 #page-mod-quiz-edit .questionbankwindow div.header .title {
32390 color: #1d2125;
32393 #page-mod-quiz-edit div.container div.generalbox {
32394 background-color: transparent;
32395 padding: 1.5em;
32398 #page-mod-quiz-edit .categoryinfo {
32399 background-color: transparent;
32400 border-bottom: none;
32403 #page-mod-quiz-edit .createnewquestion .singlebutton input {
32404 margin-bottom: 0;
32407 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
32408 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
32409 padding: 0 0 1.5em 0;
32412 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
32413 background-color: transparent;
32414 margin: 0;
32415 border-top: 0;
32416 border-bottom: 0;
32418 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
32419 padding: 0 0.3em;
32422 #page-mod-quiz-edit div.question div.content div.questioncontrols {
32423 background-color: #fff;
32426 #page-mod-quiz-edit div.question div.content div.points {
32427 margin-top: -0.5em;
32428 padding-bottom: 0;
32429 border: none;
32430 background-color: #fff;
32431 position: static;
32432 width: 12.1em;
32433 float: right;
32434 margin-right: 60px;
32437 #page-mod-quiz-edit div.question div.content div.points br {
32438 display: none;
32441 #page-mod-quiz-edit div.question div.content div.points label {
32442 display: inline-block;
32445 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
32446 background-color: #fff;
32449 #page-mod-quiz-edit .quizpagedelete,
32450 #page-mod-quiz-edit .quizpagedelete img {
32451 background-color: transparent;
32454 #page-mod-quiz-edit div.quizpage .pagecontent {
32455 border: 1px solid #ddd;
32456 border-radius: 2px;
32457 overflow: hidden;
32460 #page-mod-quiz-edit div.questionbank .categoryinfo {
32461 padding: 0.3em 0;
32464 .questionbankwindow .module {
32465 width: auto;
32468 .questionbankwindow .form-autocomplete-selection {
32469 margin-left: 0;
32472 #page-mod-quiz-edit div.editq div.question div.content {
32473 background-color: #fff;
32474 border: 1px solid #ddd;
32475 border-radius: 2px;
32476 overflow: hidden;
32479 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32480 margin-top: 0;
32481 padding-right: 4px;
32484 .path-mod-quiz .statedetails {
32485 display: block;
32486 font-size: 0.9em;
32489 a#hidebankcmd {
32490 color: #0f6cbf;
32493 .que.shortanswer .answer {
32494 padding: 0;
32497 .que label {
32498 display: inline;
32501 .que .content .answer div[data-region=answer-label] .mediaplugin {
32502 width: 400px;
32505 body.path-question-type .mform fieldset.hidden {
32506 padding: 0;
32507 margin: 0.7em 0 0;
32510 .que.ddwtos,
32511 .que.ddwtos .drop {
32512 box-sizing: content-box;
32515 .tag-condition-container {
32516 position: relative;
32519 @media (max-width: 767.98px) {
32520 .que .info {
32521 float: none;
32522 width: auto;
32524 .que .content {
32525 margin: 0;
32528 /* user.less */
32529 .userprofile .fullprofilelink {
32530 text-align: center;
32531 margin: 10px;
32534 .userprofile .page-context-header {
32535 margin-bottom: 10px;
32536 column-count: 1;
32539 .userprofile .description {
32540 margin-top: 10px;
32541 margin-bottom: 30px;
32544 .userprofile .profile_tree {
32545 column-count: 2;
32548 #participantsform .no-overflow {
32549 overflow: visible;
32552 .userprofile dl.list > dd + dt {
32553 clear: left;
32556 .user-box {
32557 margin: 8px;
32558 width: 115px;
32559 height: 160px;
32560 text-align: center;
32561 float: left;
32562 clear: none;
32565 #page-user-profile .node_category ul,
32566 .path-user .node_category ul {
32567 margin: 0;
32568 list-style: none;
32569 padding-left: 0;
32571 #page-user-profile .node_category li,
32572 .path-user .node_category li {
32573 margin-top: 5px;
32575 #page-user-profile .node_category .editprofile,
32576 #page-user-profile .node_category .viewmore,
32577 .path-user .node_category .editprofile,
32578 .path-user .node_category .viewmore {
32579 text-align: right;
32582 .ajax-contact-button {
32583 box-sizing: border-box;
32584 position: relative;
32586 .ajax-contact-button.loading .loading-icon {
32587 display: block;
32589 .ajax-contact-button .loading-icon {
32590 display: none;
32591 position: absolute;
32592 top: 0;
32593 left: 0;
32594 width: 100%;
32595 height: 100%;
32596 background-color: rgba(255, 255, 255, 0.7);
32598 .ajax-contact-button .loading-icon .icon {
32599 position: absolute;
32600 left: 50%;
32601 top: 50%;
32602 transform: translate(-50%, -50%);
32605 @media (max-width: 480px) {
32606 .userprofile .profile_tree {
32607 /** Display the profile on one column on phones@mixin */
32608 column-count: 1;
32611 .userlist #showall {
32612 margin: 10px 0;
32615 .userlist .buttons {
32616 text-align: center;
32619 .userlist .buttons label {
32620 padding: 0 3px;
32623 .userlist table#participants {
32624 text-align: center;
32627 .userlist table#participants td {
32628 text-align: left;
32629 padding: 4px;
32630 vertical-align: middle;
32633 .userlist table#participants th {
32634 text-align: left;
32635 padding: 4px;
32638 .userlist table.controls {
32639 width: 100%;
32641 .userlist table.controls tr {
32642 vertical-align: top;
32644 .userlist table.controls .right {
32645 text-align: right;
32647 .userlist table.controls .groupselector {
32648 margin-bottom: 0;
32649 margin-top: 0;
32651 .userlist table.controls .groupselector label {
32652 display: block;
32655 .userinfobox {
32656 width: 100%;
32657 border: 1px solid;
32658 border-collapse: separate;
32659 padding: 10px;
32662 .userinfobox .left,
32663 .userinfobox .side {
32664 width: 100px;
32665 vertical-align: top;
32668 .userinfobox .userpicture {
32669 width: 100px;
32670 height: 100px;
32673 .userinfobox .content {
32674 vertical-align: top;
32677 .userinfobox .links {
32678 width: 100px;
32679 padding: 5px;
32680 vertical-align: bottom;
32683 .userinfobox .links a {
32684 display: block;
32687 .userinfobox .list td {
32688 padding: 3px;
32691 .userinfobox .username {
32692 padding-bottom: 20px;
32693 font-weight: bold;
32696 .userinfobox td.label {
32697 text-align: right;
32698 white-space: nowrap;
32699 vertical-align: top;
32700 font-weight: bold;
32703 .group-edit {
32704 position: absolute;
32705 right: 0;
32706 margin-right: 0.6em;
32709 .group-image {
32710 display: block;
32711 float: left;
32712 margin-right: 1em;
32714 .group-image .grouppicture {
32715 border-radius: 50%;
32718 .groupinfobox .left {
32719 padding: 10px;
32720 width: 100px;
32721 vertical-align: top;
32724 .course-participation #showall {
32725 text-align: center;
32726 margin: 10px 0;
32729 #user-policy .noticebox {
32730 text-align: center;
32731 margin-left: auto;
32732 margin-right: auto;
32733 margin-bottom: 10px;
32734 width: 80%;
32735 height: 250px;
32738 #user-policy #policyframe {
32739 width: 100%;
32740 height: 100%;
32743 .iplookup #map {
32744 margin: auto;
32747 .userselector select {
32748 width: 100%;
32751 .userselector div {
32752 margin-top: 0.2em;
32755 .userselector div label {
32756 margin-right: 0.3em;
32759 /* Next style does not work in all browsers but looks nicer when it does */
32760 .userselector .userselector-infobelow {
32761 font-size: 0.8em;
32764 #userselector_options .collapsibleregioncaption {
32765 font-weight: bold;
32768 #userselector_options p {
32769 margin: 0.2em 0;
32770 text-align: left;
32773 /** user full profile */
32774 #page-user-profile .messagebox {
32775 text-align: center;
32776 margin-left: auto;
32777 margin-right: auto;
32780 /** user course profile */
32781 #page-course-view-weeks .messagebox {
32782 text-align: center;
32783 margin-left: auto;
32784 margin-right: auto;
32787 .profileeditor > .singleselect {
32788 margin: 0 0.5em 0 0;
32790 .profileeditor > .singlebutton {
32791 display: inline-block;
32792 margin: 0 0 0 0.5em;
32794 .profileeditor > .singlebutton div,
32795 .profileeditor > .singlebutton input {
32796 margin: 0;
32799 .userlist h3 .action-icon {
32800 display: none;
32803 #page-enrol-users .popover {
32804 max-width: none;
32807 .user-enroller-panel {
32808 width: 600px;
32811 [data-filterverbfor],
32812 [data-filterregion=filter]:last-child [data-filterregion=joinadverb] {
32813 display: none;
32816 [data-filterverb="0"] [data-filterverbfor="0"],
32817 [data-filterverb="1"] [data-filterverbfor="1"],
32818 [data-filterverb="2"] [data-filterverbfor="2"] {
32819 display: block;
32822 #page-user-contactsitesupport .supporticon i {
32823 font-size: 35px;
32826 .search-results .result {
32827 margin-left: 0;
32828 margin-right: 0;
32831 .search-results .result .result-content {
32832 margin: 7px 0;
32835 .search-results .result .filename {
32836 font-style: italic;
32839 .simplesearchform .input-group input.form-control {
32840 border-top-left-radius: 0.25rem;
32841 border-bottom-left-radius: 0.25rem;
32843 .simplesearchform .btn {
32844 padding-left: 0.5rem;
32845 padding-right: 0.5rem;
32847 .simplesearchform .btn .icon {
32848 margin: 0;
32850 .simplesearchform .btn-submit {
32851 border-color: #8f959e;
32852 color: #6a737b;
32854 .simplesearchform .btn-close,
32855 .simplesearchform .btn-clear {
32856 position: absolute;
32857 top: 0;
32858 right: 0;
32859 color: #6a737b;
32860 z-index: 4;
32862 .simplesearchform .btn-close {
32863 right: 2.2rem;
32865 .simplesearchform .btn-submit {
32866 background-color: #f8f9fa;
32868 .simplesearchform .withclear {
32869 padding-right: 2rem;
32871 .simplesearchform .searchinput {
32872 display: flex;
32873 flex: 1 1 auto;
32875 .simplesearchform .collapsing {
32876 height: inherit;
32877 transition: none;
32878 width: inherit;
32881 .simplesearchform .collapse.show,
32882 .simplesearchform .collapsing {
32883 position: absolute;
32884 left: 0;
32885 top: 0;
32886 width: 100%;
32887 display: flex;
32888 background-color: #fff;
32889 z-index: 1060;
32890 height: 50px;
32892 .simplesearchform .collapse.show .searchform-navbar,
32893 .simplesearchform .collapsing .searchform-navbar {
32894 width: auto;
32895 margin-left: auto;
32896 margin-right: auto;
32899 .search-areas-actions {
32900 margin-bottom: 1rem;
32903 .search-areas-actions > div {
32904 margin-right: 1rem;
32905 display: inline-block;
32908 #core-search-areas .lastcol li {
32909 margin-left: 24px;
32910 text-indent: -24px;
32913 #core-search-areas .lastcol li > i {
32914 text-indent: 0;
32918 * Moodle forms HTML isn't changeable via renderers (yet?) so this
32919 * .less file imports styles from the bootstrap $variables file and
32920 * adds them to the existing Moodle form CSS ids and classes.
32923 .jsenabled .mform .containsadvancedelements .advanced {
32924 display: none;
32927 .mform .containsadvancedelements .advanced.show {
32928 display: flex;
32931 #adminsettings span.error {
32932 display: inline-block;
32933 border: 1px solid #f0c5c1;
32934 border-radius: 4px;
32935 background-color: #f4d6d2;
32936 padding: 4px;
32937 margin-bottom: 4px;
32940 .mform .d-flex .form-control {
32941 width: auto;
32942 max-width: 100%;
32944 .mform .d-flex textarea.form-control {
32945 width: 100%;
32947 .mform .d-flex .fitem {
32948 margin: 0.1rem 0.25rem 0.1rem 0 !important; /* stylelint-disable-line declaration-no-important */
32950 .mform .d-flex br + label {
32951 justify-content: flex-start;
32952 width: 100%;
32953 margin-right: 0;
32956 .custom-select {
32957 width: auto;
32958 max-width: 100%;
32961 #jump-to-activity.custom-select {
32962 width: 100%;
32965 .mform fieldset {
32966 margin-bottom: 0.5rem;
32967 border-bottom: 1px solid #dee2e6;
32970 #adminsettings .form-control[size] {
32971 width: auto;
32974 #adminsettings .error {
32975 color: #ca3120;
32978 .mform ul.file-list {
32979 padding: 0;
32980 margin: 0;
32981 list-style: none;
32984 .mform label .req,
32985 .mform label .adv {
32986 cursor: help;
32989 /*rtl:ignore*/
32990 input#id_externalurl {
32991 direction: ltr;
32994 #portfolio-add-button {
32995 display: inline;
32998 .form-defaultinfo,
32999 .form-label .form-shortname {
33000 color: #6a737b;
33003 .form-label .form-shortname {
33004 font-size: 0.703125rem;
33005 display: block;
33008 .formsettingheading .form-horizontal {
33009 color: #6a737b;
33012 .no-felement.fstatic {
33013 color: #6a737b;
33014 padding-top: 5px;
33017 .no-fitem .fstaticlabel {
33018 font-weight: bold;
33021 .form-item .form-setting .defaultsnext > input {
33022 display: inline-block;
33025 .form-item .form-setting .form-checkbox.defaultsnext {
33026 margin-top: 5px;
33027 display: inline-block;
33030 #adminsettings h3 {
33031 display: block;
33032 width: 100%;
33033 padding: 0;
33034 margin-bottom: 1.5;
33035 font-size: 1.171875rem;
33036 line-height: 3;
33037 border: 0;
33038 border-bottom: 1px solid #e5e5e5;
33041 /* rtl:ignore */
33042 .mform .fitem .felement input[name=email],
33043 .mform .fitem .felement input[name=email2],
33044 .mform .fitem .felement input[name=url],
33045 .mform .fitem .felement input[name=idnumber],
33046 .mform .fitem .felement input[name=phone1],
33047 .mform .fitem .felement input[name=phone2] {
33048 text-align: left;
33049 direction: ltr;
33052 .que.match .mediaplugin {
33053 width: 50vw;
33056 /* rtl:ignore */
33057 #page-admin-grade-edit-scale-edit .error input#id_name {
33058 margin-right: 170px;
33061 #page-grade-edit-outcome-course .courseoutcomes {
33062 margin-left: auto;
33063 margin-right: auto;
33064 width: 100%;
33067 #page-grade-edit-outcome-course .courseoutcomes td {
33068 text-align: center;
33071 /* Install Process' text fields Forms, should always be justified to the left */
33072 /* rtl:ignore */
33073 #installform #id_wwwroot,
33074 #installform #id_dirroot,
33075 #installform #id_dataroot,
33076 #installform #id_dbhost,
33077 #installform #id_dbname,
33078 #installform #id_dbuser,
33079 #installform #id_dbpass,
33080 #installform #id_prefix {
33081 direction: ltr;
33084 .mdl-right > label {
33085 display: inline-block;
33088 .singleselect {
33089 max-width: 100%;
33092 .form-item .form-label label {
33093 margin-bottom: 0;
33096 div#dateselector-calendar-panel {
33097 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
33101 * Show the labels above text editors and file managers except on wide screens.
33103 /* Section and module editing forms contain special JS components for the
33104 availability system (if enabled). */
33105 #id_availabilityconditionsjson[aria-hidden=true],
33106 .availability-field [aria-hidden=true] {
33107 display: none;
33110 .availability-eye {
33111 clear: left;
33112 float: left;
33115 .availability-inner,
33116 .availability-plugincontrols {
33117 float: left;
33118 border-radius: 0.25rem;
33119 border: 1px solid rgba(0, 0, 0, 0.125);
33120 padding: 1rem;
33121 margin-top: 0.5rem;
33124 .availability-plugincontrols,
33125 .availability-childlist .availability-inner {
33126 margin-left: 0.625rem;
33129 .availability-field .availability-plugincontrols .availability-group select {
33130 max-width: 12rem;
33133 /* Custom styles for autocomplete form element */
33134 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
33135 [data-fieldtype=autocomplete] select,
33136 [data-fieldtype=tags] select,
33137 .form-autocomplete-original-select {
33138 visibility: hidden;
33139 overflow: hidden;
33140 width: 15rem;
33141 height: 44px;
33142 margin: 0;
33143 padding: 0;
33144 border: 0;
33145 margin-top: 1.65625rem;
33146 vertical-align: bottom;
33149 .form-autocomplete-selection {
33150 margin: 0.25rem 0;
33151 min-height: 2.375rem;
33154 .form-autocomplete-selection [role=option] {
33155 cursor: pointer;
33156 white-space: inherit;
33157 word-break: break-word;
33158 line-height: 1.4;
33159 text-align: left;
33162 .form-autocomplete-suggestions {
33163 position: absolute;
33164 background-color: #fff;
33165 border: 1px solid #8f959e;
33166 min-width: 206px;
33167 max-height: 20em;
33168 overflow: auto;
33169 margin: 0.125rem 0 0;
33170 padding: 0.5rem 0;
33171 z-index: 3;
33174 .form-autocomplete-suggestions li {
33175 list-style-type: none;
33176 padding: 0.25rem 1.5rem;
33177 margin: 0;
33178 cursor: pointer;
33179 color: #1d2125;
33181 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected=true] {
33182 background-color: #0f6cbf;
33183 color: #fff;
33185 .form-autocomplete-suggestions li[aria-disabled=true] {
33186 pointer-events: none;
33187 color: #6a737b;
33188 background-color: #e9ecef;
33190 .form-autocomplete-suggestions li.suggestions-heading {
33191 pointer-events: none;
33192 font-weight: bold;
33193 color: #1d2125;
33194 background-color: #fff;
33195 padding-left: calc(1.5rem / 2);
33197 .form-autocomplete-suggestions li::before {
33198 content: "​";
33201 .form-autocomplete-downarrow {
33202 color: #1d2125;
33203 top: 0.2rem;
33204 right: 0.5rem;
33205 cursor: pointer;
33207 .form-autocomplete-downarrow .loading-icon {
33208 position: absolute;
33209 top: 0;
33210 left: 0;
33211 background-color: #fff;
33214 /** Undo some bootstrap things */
33215 .form-autocomplete-selection + input.form-control {
33216 width: auto;
33217 display: inline-block;
33218 vertical-align: middle;
33221 .form-autocomplete-selection [data-active-selection=true] {
33222 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
33225 select.form-control[size], select.form-control[multiple] {
33226 padding-right: 0;
33228 select.form-control[size] option, select.form-control[multiple] option {
33229 width: fit-content;
33232 /* Non-bootstrap selects with a size show their contents outside of the element.
33233 * Remove when we update to stable bootstrap 4. (MDL-56511) */
33234 select[size],
33235 select[multiple] {
33236 overflow: auto;
33239 select[size="1"] {
33240 overflow: visible;
33243 textarea[data-auto-rows] {
33244 overflow-x: hidden;
33245 resize: none;
33248 /** Display elements under labels in vertical forms regardless of the screen size. */
33249 .mform.full-width-labels .fitem.row {
33250 margin-left: 0;
33251 margin-right: 0;
33253 .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
33254 flex: 0 0 100%;
33255 max-width: 100%;
33256 width: inherit;
33257 padding-right: 0;
33258 padding-left: 0;
33260 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
33261 display: none;
33263 .mform.full-width-labels .fitem.row .form-control {
33264 width: 100%;
33267 .mform .col-form-label .form-label-addon {
33268 margin-left: 0.25rem;
33271 @media (min-width: 576px) {
33272 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
33273 margin-left: auto;
33276 [data-fieldtype=modgrade] .fitem {
33277 padding-bottom: 0.375rem;
33280 [data-fieldtype=modgrade] {
33281 background-color: #fff;
33282 border-radius: 0.25rem;
33283 border: 1px solid rgba(0, 0, 0, 0.125);
33284 padding: 1.25rem;
33285 margin-left: 15px;
33286 max-width: 30rem;
33289 [data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
33290 [data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
33291 [data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
33292 display: none;
33295 .felement[data-fieldtype=autocomplete],
33296 .felement[data-fieldtype=tags] {
33297 display: block !important; /* stylelint-disable-line declaration-no-important */
33300 [data-fieldtype=editor] > div {
33301 flex-grow: 1;
33304 @media (min-width: 768px) {
33305 .mform fieldset .fcontainer.collapseable .col-form-label {
33306 padding-left: 2.5rem;
33309 .collapsemenu .collapseall {
33310 display: block;
33312 .collapsemenu .expandall {
33313 display: none;
33315 .collapsemenu.collapsed .collapseall {
33316 display: none;
33318 .collapsemenu.collapsed .expandall {
33319 display: block;
33322 .input-group.form-inset .form-inset-item {
33323 position: absolute;
33324 padding-top: calc(0.375rem + 1px);
33325 z-index: 3;
33327 .input-group.form-inset.form-inset-left .form-control {
33328 padding-left: 1.5rem;
33330 .input-group.form-inset.form-inset-right .form-control {
33331 padding-right: 1.5rem;
33333 .input-group.form-inset.form-inset-right .form-inset-item {
33334 right: 0;
33337 .form-check.left-indented {
33338 padding-left: 0;
33341 .toggle-sensitive-btn .icon {
33342 margin-right: 0;
33345 @media (min-width: 576px) {
33346 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control:not(:last-child) {
33347 border-radius: 0.25rem;
33349 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control-lg:not(:last-child) {
33350 border-radius: 0.3rem;
33352 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .input-group-append .toggle-sensitive-btn {
33353 display: none;
33356 .pagelayout-login #region-main {
33357 border: 0;
33358 background-color: inherit;
33361 .pagelayout-login #page {
33362 background: #f8f9fa;
33363 background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
33364 background-repeat: repeat-x;
33366 .pagelayout-login #page div[role=main] {
33367 height: 100%;
33370 .login-wrapper {
33371 display: flex;
33372 align-items: center;
33373 justify-content: center;
33374 height: 100%;
33377 .login-container {
33378 background-color: #fff;
33379 padding: 3rem;
33380 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
33381 margin-bottom: 2rem;
33383 .login-container .login-languagemenu {
33384 display: flex;
33385 justify-content: flex-start;
33387 .login-container .login-languagemenu .dropdown-menu {
33388 max-height: 300px;
33389 overflow-y: auto;
33391 .login-container .login-logo {
33392 display: flex;
33393 justify-content: center;
33394 margin-bottom: 1rem;
33396 .login-container .login-divider {
33397 margin-top: 1.5rem;
33398 margin-bottom: 1.5rem;
33399 border-top: 1px solid #dee2e6;
33401 .login-container h1.login-heading {
33402 font-size: 1.875rem;
33404 .login-container h2.login-heading {
33405 font-size: 1.40625rem;
33407 .login-container .login-identityproviders .login-identityprovider-btn {
33408 border: 1px solid #dee2e6;
33410 .login-container .divider {
33411 width: 1px;
33412 background-color: #dee2e6;
33413 height: 1.875rem;
33415 .login-container .action-menu-trigger a {
33416 margin: 0.5rem 0;
33419 @media (min-width: 768px) {
33420 .login-container {
33421 width: 500px !important; /* stylelint-disable-line declaration-no-important */
33422 border-radius: 0.25rem;
33425 /* modules.less */
33426 select {
33427 width: auto;
33430 .path-mod .activity-header:not(:empty) {
33431 background-color: #f8f9fa;
33432 margin-bottom: 1rem;
33433 padding-left: 1rem;
33434 padding-right: 1rem;
33435 border-radius: 0.25rem;
33437 .path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
33438 border-bottom: 0;
33440 .path-mod .activity-information .activity-dates {
33441 padding-top: 1rem;
33442 padding-bottom: 1rem;
33443 border-bottom: 1px solid #dee2e6;
33445 .path-mod .activity-information .completion-info {
33446 padding-top: 1rem;
33447 padding-bottom: 1rem;
33448 border-bottom: 1px solid #dee2e6;
33450 .path-mod .activity-description {
33451 padding-top: 1rem;
33452 padding-bottom: 1rem;
33454 .path-mod .activity-description > .box.py-3 {
33455 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
33456 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
33458 .path-mod .activity-description > .box.py-3:empty {
33459 display: none;
33461 .path-mod .automatic-completion-conditions .badge {
33462 font-size: 80%;
33463 padding: 0.5rem;
33464 margin-top: 0.25rem;
33465 mix-blend-mode: multiply;
33467 .path-mod .automatic-completion-conditions .badge.badge-light {
33468 background-color: #e9ecef !important; /* stylelint-disable-line declaration-no-important */
33470 .path-mod .automatic-completion-conditions .badge .icon {
33471 width: 0.7rem;
33472 height: 0.7rem;
33473 font-size: 0.7rem;
33475 .path-mod .automatic-completion-conditions .badge:first-child {
33476 margin-top: 0;
33478 .path-mod .activity-description .no-overflow p:last-child {
33479 padding-bottom: 0;
33480 margin-bottom: 0;
33483 .path-mod-choice .horizontal .choices .option {
33484 display: inline-block;
33487 .path-mod-choice .choices .option label {
33488 vertical-align: top;
33491 .path-mod-forum .forumsearch input,
33492 .path-mod-forum .forumsearch .helptooltip {
33493 margin: 0 3px;
33496 .path-mod-forum .forumheaderlist,
33497 .path-mod-forum .forumheaderlist td {
33498 border: none;
33501 .path-mod-forum .forumheaderlist thead .header,
33502 .path-mod-forum .forumheaderlist tbody .discussion td {
33503 white-space: normal;
33504 vertical-align: top;
33505 padding-left: 0.5em;
33506 padding-right: 0.5em;
33508 .path-mod-forum .forumheaderlist thead .header {
33509 white-space: normal;
33510 vertical-align: top;
33512 .path-mod-forum .forumheaderlist thead .header.replies {
33513 text-align: center;
33515 .path-mod-forum .forumheaderlist thead .header.lastpost {
33516 text-align: right;
33518 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
33519 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
33520 width: 16px;
33521 padding-left: 0.5em;
33522 padding-right: 0.5em;
33524 .path-mod-forum .forumheaderlist .discussion .replies,
33525 .path-mod-forum .forumheaderlist .discussion .lastpost {
33526 white-space: normal;
33528 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33529 .path-mod-forum .forumheaderlist .discussion .replies {
33530 text-align: center;
33532 .path-mod-forum .forumheaderlist .discussion .topic,
33533 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33534 .path-mod-forum .forumheaderlist .discussion .topic.starter,
33535 .path-mod-forum .forumheaderlist .discussion .replies,
33536 .path-mod-forum .forumheaderlist .discussion .lastpost {
33537 vertical-align: top;
33539 .path-mod-forum .discussion-list .topic {
33540 font-weight: inherit;
33543 .discussion-settings-container .custom-select {
33544 width: 100%;
33546 .discussion-settings-container input {
33547 max-width: 100%;
33550 .forumpost {
33551 border: 1px solid #dee2e6;
33552 display: block;
33553 padding: 6px;
33555 .forumpost .header {
33556 margin-bottom: 3px;
33558 .forumpost .picture img {
33559 margin: 3px;
33561 .forumpost .picture img.userpicture {
33562 margin-left: 3px;
33563 margin-right: 10px;
33565 .forumpost .content .posting.fullpost {
33566 margin-top: 8px;
33568 .forumpost .row {
33569 display: block;
33571 .forumpost .row .topic,
33572 .forumpost .row .content-mask,
33573 .forumpost .row .options {
33574 margin-left: 48px;
33576 .forumpost .row.side {
33577 clear: both;
33580 .forumpost .row .left {
33581 width: 48px;
33584 .forumpost .options .commands {
33585 margin-left: 0;
33588 .forumpost .subject {
33589 font-weight: bold;
33592 .forumsearch input[type=text] {
33593 margin-bottom: 0;
33596 #page-mod-forum-view table .fit-content {
33597 width: 1px;
33598 white-space: nowrap;
33600 #page-mod-forum-view table .limit-width {
33601 max-width: 200px;
33602 white-space: nowrap;
33603 text-overflow: ellipsis;
33604 overflow: hidden;
33606 #page-mod-forum-view table .limit-width .author-info {
33607 max-width: calc(100% - 35px - 0.5rem);
33610 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
33611 @keyframes background-highlight {
33612 from {
33613 background-color: rgba(0, 123, 255, 0.5);
33615 to {
33616 background-color: inherit;
33619 .path-mod-forum .nested-v2-display-mode,
33620 .path-mod-forum.nested-v2-display-mode {
33621 /** Reset the badge styling back to pill style. */
33622 /** Style the ratings like a badge. */
33623 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
33624 /** Fix muted text contrast ratios for accessibility. */
33625 /** Make the tag list text screen reader visible only */
33627 .path-mod-forum .nested-v2-display-mode .discussionsubscription,
33628 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
33629 margin-top: 0;
33630 text-align: inherit;
33631 margin-bottom: 0;
33633 .path-mod-forum .nested-v2-display-mode .preload-subscribe,
33634 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
33635 .path-mod-forum.nested-v2-display-mode .preload-subscribe,
33636 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
33637 display: none;
33639 .path-mod-forum .nested-v2-display-mode .post-message,
33640 .path-mod-forum.nested-v2-display-mode .post-message {
33641 line-height: 1.6;
33643 .path-mod-forum .nested-v2-display-mode .indent,
33644 .path-mod-forum.nested-v2-display-mode .indent {
33645 margin-left: 0;
33647 .path-mod-forum .nested-v2-display-mode .badge,
33648 .path-mod-forum.nested-v2-display-mode .badge {
33649 font-size: inherit;
33650 font-weight: inherit;
33651 padding-left: 0.5rem;
33652 padding-right: 0.5rem;
33653 border-radius: 10rem;
33655 .path-mod-forum .nested-v2-display-mode .badge-light,
33656 .path-mod-forum.nested-v2-display-mode .badge-light {
33657 background-color: #f6f6f6;
33658 color: #5b5b5b;
33660 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container,
33661 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
33662 background-color: #f6f6f6;
33663 color: #5b5b5b;
33664 padding: 0.25em 0.5em;
33665 line-height: 1;
33666 margin-right: 0.5rem;
33667 vertical-align: middle;
33668 border-radius: 10rem;
33669 text-align: center;
33671 .path-mod-forum .nested-v2-display-mode .ratinginput,
33672 .path-mod-forum.nested-v2-display-mode .ratinginput {
33673 padding: 0.25em 1.75rem 0.25em 0.75em;
33674 line-height: 1;
33675 height: auto;
33676 border-radius: 10rem;
33678 @media (max-width: 767.98px) {
33679 .path-mod-forum .nested-v2-display-mode .ratinginput,
33680 .path-mod-forum.nested-v2-display-mode .ratinginput {
33681 margin-top: 0.5rem;
33684 .path-mod-forum .nested-v2-display-mode .group-image,
33685 .path-mod-forum.nested-v2-display-mode .group-image {
33686 width: 35px;
33687 height: 35px;
33688 margin-right: 0;
33689 float: none;
33690 display: inline-block;
33692 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked,
33693 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
33694 position: absolute;
33695 width: 1px;
33696 height: 1px;
33697 padding: 0;
33698 margin: -1px;
33699 overflow: hidden;
33700 clip: rect(0, 0, 0, 0);
33701 white-space: nowrap;
33702 border: 0;
33704 .path-mod-forum .nested-v2-display-mode .text-muted,
33705 .path-mod-forum .nested-v2-display-mode .dimmed_text,
33706 .path-mod-forum.nested-v2-display-mode .text-muted,
33707 .path-mod-forum.nested-v2-display-mode .dimmed_text {
33708 color: #707070 !important; /* stylelint-disable-line declaration-no-important */
33710 .path-mod-forum .nested-v2-display-mode .author-header,
33711 .path-mod-forum.nested-v2-display-mode .author-header {
33712 font-style: italic;
33714 .path-mod-forum .nested-v2-display-mode .author-header .author-name,
33715 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
33716 font-style: normal;
33718 .path-mod-forum .nested-v2-display-mode .tag_list > b,
33719 .path-mod-forum.nested-v2-display-mode .tag_list > b {
33720 position: absolute;
33721 width: 1px;
33722 height: 1px;
33723 padding: 0;
33724 margin: -1px;
33725 overflow: hidden;
33726 clip: rect(0, 0, 0, 0);
33727 white-space: nowrap;
33728 border: 0;
33730 .path-mod-forum .nested-v2-display-mode :target > .focus-target,
33731 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
33732 animation-name: background-highlight;
33733 animation-duration: 1s;
33734 animation-timing-function: ease-in-out;
33735 animation-iteration-count: 1;
33737 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
33738 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
33739 border-top: 1px solid #dee2e6;
33740 padding-top: 1.5rem;
33742 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
33743 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
33744 border-top: none;
33745 padding-top: 0;
33747 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
33748 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
33749 display: none;
33751 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
33752 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
33753 margin-bottom: 0;
33755 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
33756 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
33757 width: 70px;
33758 margin-right: 24px;
33759 flex-shrink: 0;
33761 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
33762 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
33763 border: 0;
33764 resize: none;
33766 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
33767 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
33769 * The first post and first set of replies have a larger author image so offset the 2nd
33770 * set of replies by the image width + margin to ensure they align.
33773 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
33774 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
33775 padding-left: 94px;
33777 * Reduce the size of the the author image for all second level replies (and below).
33780 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
33783 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
33784 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
33785 width: 30px;
33786 margin-right: 8px;
33787 padding-top: 3px;
33789 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
33790 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
33791 padding-left: 38px;
33793 * Stop indenting the replies after the 5th reply.
33796 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
33797 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
33798 padding-left: 0;
33801 /** Extra small devices (portrait phones, less than 576px). */
33802 @media (max-width: 767.98px) {
33803 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
33804 width: 30px;
33805 margin-right: 8px;
33807 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
33808 padding-left: 38px;
33810 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
33811 padding-left: 0;
33813 #page-mod-forum-discuss.nested-v2-display-mode .group-image {
33814 width: 30px;
33815 height: 30px;
33818 .filter-scrollable {
33819 overflow-y: auto;
33820 max-height: 25em;
33821 margin-bottom: 1em;
33824 .filter-dates-popover {
33825 width: 100%;
33826 max-width: 41.5em;
33829 /* stylelint-disable-line max-line-length */
33830 @keyframes expandSearchButton {
33831 from {
33832 height: 36px;
33833 width: 36px;
33834 border-radius: 18px;
33835 background-color: #e9ecef;
33837 to {
33838 width: 100%;
33839 height: calc(1.5em + 1rem + 2px);
33840 border-radius: 0;
33841 background-color: #fff;
33842 border-color: #8f959e;
33843 padding-left: calc(0.5rem + 8px);
33844 padding-top: 0.5rem;
33845 padding-bottom: 0.5rem;
33846 font-size: 1.171875rem;
33847 @media (max-width: 1200px) {
33848 font-size: calc(0.9271875rem + 0.32625vw);
33850 line-height: 1.5;
33851 right: 0;
33854 @keyframes collapseSearchButton {
33855 from {
33856 width: 100%;
33857 height: calc(1.5em + 1rem + 2px);
33858 border-radius: 0;
33859 background-color: #fff;
33860 border-color: #8f959e;
33861 padding-left: calc(0.5rem + 8px);
33862 padding-top: 0.5rem;
33863 padding-bottom: 0.5rem;
33864 font-size: 1.171875rem;
33865 @media (max-width: 1200px) {
33866 font-size: calc(0.9271875rem + 0.32625vw);
33868 line-height: 1.5;
33869 right: 0;
33871 to {
33872 height: 36px;
33873 width: 36px;
33874 border-radius: 18px;
33875 background-color: #e9ecef;
33878 .path-mod-forum .unified-grader .navbar {
33879 max-height: none;
33880 z-index: 1;
33882 .path-mod-forum .unified-grader .body-container {
33883 overflow: auto;
33885 .path-mod-forum .unified-grader .body-container.hidden {
33886 display: none !important; /* stylelint-disable-line declaration-no-important */
33888 .path-mod-forum .unified-grader .userpicture {
33889 height: 60px;
33890 width: 60px;
33892 .path-mod-forum .unified-grader .grader-grading-panel {
33893 top: 0;
33894 position: absolute;
33895 height: 100%;
33896 z-index: 0;
33897 width: 430px;
33899 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
33900 right: -430px;
33902 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
33903 width: 36px;
33905 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
33906 max-width: 240px;
33908 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
33909 width: 36px;
33910 height: 36px;
33911 display: flex;
33912 text-align: center;
33913 align-items: center;
33914 justify-content: center;
33916 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
33917 height: 65px;
33918 position: relative;
33919 overflow: hidden;
33921 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
33922 position: absolute;
33923 top: 50%;
33924 left: 0;
33925 transform: translateY(-50%);
33926 width: 100%;
33927 height: 100%;
33928 padding: 0.5rem;
33929 padding-right: calc(36px + 0.5rem);
33930 opacity: 1;
33931 visibility: visible;
33932 transition: left 0.3s ease-in-out;
33933 z-index: 1;
33935 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
33936 animation-name: expandSearchButton;
33937 animation-duration: 0.3s;
33938 animation-timing-function: ease-in-out;
33940 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
33941 display: block;
33942 animation-name: collapseSearchButton;
33943 animation-duration: 0.3s;
33945 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
33946 overflow: hidden;
33947 position: absolute;
33948 top: 50%;
33949 right: 0;
33950 transform: translateY(-50%);
33951 z-index: 2;
33952 width: 100%;
33953 height: 100% !important; /* stylelint-disable-line declaration-no-important */
33954 padding: 0.5rem;
33956 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
33957 position: relative;
33958 overflow: visible;
33959 flex-wrap: nowrap;
33961 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
33962 padding-left: calc(0.5rem + 0.5rem + 34px);
33963 padding-right: calc(0.5rem + 36px);
33964 opacity: 1;
33965 visibility: visible;
33966 transition: opacity 0s linear 0.3s, visibility 0s linear;
33968 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
33969 position: absolute;
33970 top: 50%;
33971 left: 0.5rem;
33972 transform: translateY(-50%);
33973 color: #495057;
33974 height: 36px;
33975 width: 34px;
33976 background-color: #fff;
33977 opacity: 1;
33978 visibility: visible;
33979 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
33981 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
33982 position: absolute;
33983 top: 50%;
33984 right: 0.5rem;
33985 transform: translateY(-50%);
33986 z-index: 1;
33987 color: inherit;
33988 text-align: left;
33989 padding-left: 9px;
33990 transition: right 0s linear 0.3s;
33992 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
33993 opacity: 1;
33994 visibility: visible;
33995 max-width: 50px;
33996 max-height: 50px;
33997 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33999 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
34000 opacity: 0;
34001 visibility: hidden;
34002 max-height: 0;
34003 max-width: 0;
34004 overflow: hidden;
34005 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
34007 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
34008 width: calc(36px + 0.5rem + 0.5rem);
34009 transition: width 0.3s ease-in-out;
34011 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
34012 flex-wrap: nowrap;
34014 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
34015 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
34016 opacity: 0;
34017 visibility: hidden;
34018 transition: opacity 0s linear, visibility 0s linear;
34020 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
34021 padding-left: 0;
34022 padding-right: 0;
34024 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
34025 opacity: 0;
34026 visibility: hidden;
34027 max-height: 0;
34028 max-width: 0;
34029 overflow: hidden;
34030 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34032 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
34033 opacity: 1;
34034 visibility: visible;
34035 max-width: 50px;
34036 max-height: 50px;
34037 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34039 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
34040 opacity: 0;
34041 visibility: hidden;
34042 left: -100%;
34043 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
34045 .path-mod-forum .unified-grader .grader-module-content {
34046 overflow-y: auto;
34047 margin-right: 430px;
34048 transition: margin-right 0.2s ease-in-out;
34050 @media (prefers-reduced-motion: reduce) {
34051 .path-mod-forum .unified-grader .grader-module-content {
34052 transition: none;
34055 .path-mod-forum .unified-grader .drawer-button {
34056 position: relative;
34058 .path-mod-forum .unified-grader .drawer-button.active::after {
34059 content: "";
34060 position: absolute;
34061 bottom: calc(-0.5rem - 1px);
34062 left: 0;
34063 width: 100%;
34064 height: 3px;
34065 background-color: #0f6cbf;
34067 .path-mod-forum .unified-grader .drawer-button .icon {
34068 font-size: 20px;
34069 height: 20px;
34070 width: 20px;
34072 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
34073 display: none;
34075 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
34076 display: none;
34078 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
34079 position: relative;
34081 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
34082 position: absolute;
34083 height: 100%;
34084 width: 100%;
34085 left: 0;
34086 top: 0;
34087 padding-left: calc(1rem + 45px);
34088 text-align: left;
34089 z-index: 1;
34091 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
34092 display: none;
34094 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
34095 display: block;
34096 height: auto !important; /* stylelint-disable-line declaration-no-important */
34098 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
34099 transition: margin-bottom 0.3s ease-in-out;
34101 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
34102 opacity: 1;
34103 visibility: visible;
34104 max-height: none;
34105 transition: opacity 0.3s linear, visibility 0s linear;
34107 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
34108 opacity: 1;
34109 visibility: visible;
34110 max-height: none;
34111 transition: opacity 0.3s linear, visibility 0s linear;
34113 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
34114 opacity: 1;
34115 visibility: visible;
34116 max-height: none;
34117 transition: opacity 0.3s linear, visibility 0s linear;
34119 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
34120 opacity: 0.3;
34122 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
34123 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
34125 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
34126 opacity: 0;
34127 visibility: hidden;
34128 max-height: 0;
34130 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
34131 opacity: 0;
34132 visibility: hidden;
34133 max-height: 0;
34135 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
34136 opacity: 0;
34137 visibility: hidden;
34138 max-height: 0;
34140 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
34141 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
34142 opacity: 1;
34144 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
34145 height: 250px;
34146 width: 250px;
34147 margin-right: 0;
34149 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
34150 padding-left: 94px;
34152 .path-mod-forum .unified-grader .no-search-results-container .icon {
34153 height: 250px;
34154 width: 250px;
34155 margin-right: 0;
34157 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
34158 margin-left: 94px;
34159 border-radius: 0.3rem;
34161 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
34162 position: relative;
34164 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
34165 position: absolute;
34166 top: calc(70px + 0.5rem);
34167 content: "";
34168 background-color: #e9ecef;
34169 width: 2px;
34170 height: calc(100% - 70px + 0.5rem);
34172 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
34173 width: 30px !important; /* stylelint-disable-line declaration-no-important */
34176 .path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
34177 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
34178 display: none;
34181 @media (max-width: 575.98px) {
34182 .path-mod-forum .unified-grader .grader-grading-panel {
34183 width: 100%;
34184 position: fixed;
34185 height: calc(100vh - 50px);
34186 overflow: scroll;
34187 top: 50px;
34189 .path-mod-forum .unified-grader .body-container {
34190 overflow: visible;
34193 .maincalendar .calendarmonth td,
34194 .maincalendar .calendarmonth th {
34195 border: 1px dotted #dee2e6;
34198 .path-grade-report-grader h1 {
34199 text-align: inherit;
34202 #page-mod-chat-gui_basic input#message {
34203 max-width: 100%;
34206 #page-mod-data-view #singleimage {
34207 width: auto;
34210 .template_heading {
34211 margin-top: 10px;
34214 .breadcrumb-button {
34215 margin-top: 4px;
34218 .breadcrumb-button .singlebutton {
34219 float: left;
34220 margin-left: 4px;
34223 .langmenu form {
34224 margin: 0;
34227 canvas {
34228 -ms-touch-action: auto;
34231 div#dock {
34232 display: none;
34235 /** General styles (scope: all of lesson) **/
34236 .path-mod-lesson .invisiblefieldset.fieldsetfix {
34237 display: block;
34240 .path-mod-lesson .answeroption .checkbox label p {
34241 display: inline;
34244 .path-mod-lesson .slideshow {
34245 overflow: auto;
34246 padding: 15px;
34249 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type=submit] {
34250 white-space: normal;
34253 #page-mod-lesson-view .vertical .singlebutton {
34254 display: block;
34256 #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
34257 margin-left: 0;
34258 margin-top: 1rem;
34260 #page-mod-lesson-view .fitem .felement .custom-select {
34261 align-self: flex-start;
34264 .path-mod-lesson .generaltable td {
34265 vertical-align: middle;
34267 .path-mod-lesson .generaltable td label {
34268 margin-bottom: 0;
34270 .path-mod-lesson .generaltable td .highlight {
34271 display: inline-block;
34272 margin-left: 0.25rem;
34274 .path-mod-lesson .generaltable td input[type=checkbox] {
34275 display: block;
34278 .path-mod-wiki .wiki_headingtitle,
34279 .path-mod-wiki .midpad,
34280 .path-mod-wiki .wiki_headingtime {
34281 text-align: inherit;
34284 .path-mod-wiki .wiki_contentbox {
34285 width: 100%;
34288 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
34289 background-color: rgba(0, 0, 0, 0.03);
34291 .path-mod-survey .surveytable .rblock label {
34292 text-align: center;
34295 .nav .caret {
34296 margin-left: 4px;
34299 .nav .divider {
34300 overflow: hidden;
34301 width: 0;
34304 .userloggedinas .usermenu .usertext,
34305 .userswitchedrole .usermenu .usertext,
34306 .loginfailures .usermenu .usertext {
34307 float: left;
34308 text-align: right;
34309 margin-right: 0.5rem;
34310 height: 35px;
34312 .userloggedinas .usermenu .usertext .meta,
34313 .userswitchedrole .usermenu .usertext .meta,
34314 .loginfailures .usermenu .usertext .meta {
34315 font-size: 0.8203125rem;
34316 align-items: center;
34318 .userloggedinas .usermenu .avatar img,
34319 .userswitchedrole .usermenu .avatar img,
34320 .loginfailures .usermenu .avatar img {
34321 margin: 0;
34324 .userloggedinas .usermenu .userbutton .avatars {
34325 position: relative;
34326 display: inline-block;
34328 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
34329 display: inline-block;
34330 position: absolute;
34331 bottom: 0;
34332 right: 0;
34333 width: 20px;
34334 height: 20px;
34335 border-radius: 50%;
34337 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
34338 vertical-align: baseline;
34340 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
34341 width: 20px;
34342 height: 20px;
34343 border: 1px solid #dee2e6;
34344 background-color: #fff;
34345 font-size: 0.5625rem;
34347 .userloggedinas .usermenu .userbutton .avatars .avatar img {
34348 width: inherit;
34349 height: inherit;
34351 .userloggedinas .usermenu .userbutton .avatars .realuser {
34352 width: 35px;
34353 height: 35px;
34354 display: inline-block;
34357 .userinitials {
34358 background-color: #e9ecef;
34359 vertical-align: middle;
34360 display: inline-flex;
34361 align-items: center;
34362 justify-content: center;
34363 border-radius: 50%;
34364 color: #343a40;
34365 font-weight: normal;
34366 margin-right: 0.25rem;
34368 .userinitials.size-16, .userinitials.size-30 {
34369 font-size: 0.7rem;
34370 width: 30px;
34371 height: 30px;
34373 .userinitials.size-35 {
34374 width: 35px;
34375 height: 35px;
34377 .userinitials.size-50 {
34378 width: 50px;
34379 height: 50px;
34381 .userinitials.size-64 {
34382 width: 64px;
34383 height: 64px;
34385 .userinitials.size-100 {
34386 width: 100px;
34387 height: 100px;
34388 font-size: 1.875rem;
34391 img.userpicture {
34392 margin-right: 0.25rem;
34395 @media (max-width: 767.98px) {
34396 .usertext {
34397 display: none;
34400 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
34401 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
34402 width: auto;
34403 max-width: none;
34406 #page-mod-quiz-mod #id_reviewoptionshdr .fcontainer > .fitem {
34407 float: left;
34408 width: 20rem;
34409 display: inline-block;
34410 min-height: 12rem;
34413 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
34414 line-height: 1.5;
34415 vertical-align: bottom;
34418 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
34419 width: auto;
34420 height: 22px;
34421 justify-content: flex-start;
34424 #page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
34425 width: 90%;
34426 height: 22px;
34429 .path-mod-quiz #mod_quiz_navblock .qnbutton {
34430 text-decoration: none;
34431 font-size: 14px;
34432 line-height: 20px;
34433 font-weight: normal;
34434 background-color: #fff;
34435 background-image: none;
34436 height: 40px;
34437 width: 30px;
34438 border-radius: 3px;
34439 border: 0;
34440 overflow: hidden;
34441 white-space: nowrap;
34442 margin: 0 6px 6px 0;
34444 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
34445 cursor: default;
34446 background-color: #e9ecef;
34447 color: #495057;
34449 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
34450 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
34451 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
34452 text-decoration: underline;
34454 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
34455 border: 1px solid;
34456 border-radius: 3px;
34457 z-index: 1;
34459 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
34460 border-width: 3px;
34462 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
34463 border-width: 1px;
34465 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
34466 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
34468 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
34469 border: 0;
34470 background: #fff none center/10px no-repeat scroll;
34471 height: 20px;
34472 margin-top: 20px;
34473 border-radius: 0 0 3px 3px;
34475 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
34476 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34477 background-color: #fff;
34479 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34480 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
34482 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
34483 background-image: url([[pix:theme|mod/quiz/checkmark]]);
34484 background-color: #357a32;
34486 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
34487 background-image: url([[pix:core|t/locked]]);
34488 background-color: #e9ecef;
34490 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
34491 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
34492 background-color: #ca3120;
34494 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
34495 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
34496 background-color: #f0ad4e;
34498 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
34499 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
34500 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
34501 background-color: #6a737b;
34504 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
34505 height: 1.4em;
34506 vertical-align: middle;
34509 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
34510 padding: 0.5em 0 0.5em 0.1em;
34511 margin: 2px;
34514 /* Countdown timer. */
34515 #page-mod-quiz-attempt #region-main {
34516 overflow-x: inherit;
34519 #quiz-timer-wrapper {
34520 display: none;
34521 position: sticky;
34522 justify-content: end;
34523 top: 55px;
34524 z-index: 1020;
34526 #quiz-timer-wrapper #quiz-timer {
34527 border: 1px solid #ca3120;
34528 background-color: #fff;
34531 .pagelayout-embedded #quiz-timer-wrapper {
34532 top: 5px;
34535 #quiz-timer-wrapper #quiz-timer.timeleft0 {
34536 background-color: #ca3120;
34537 color: #fff;
34540 #quiz-timer-wrapper #quiz-timer.timeleft1 {
34541 background-color: #d73422;
34542 color: #fff;
34545 #quiz-timer-wrapper #quiz-timer.timeleft2 {
34546 background-color: #dd3d2b;
34547 color: #fff;
34550 #quiz-timer-wrapper #quiz-timer.timeleft3 {
34551 background-color: #e04938;
34552 color: #fff;
34555 #quiz-timer-wrapper #quiz-timer.timeleft4 {
34556 background-color: #e25546;
34557 color: #fff;
34560 #quiz-timer-wrapper #quiz-timer.timeleft5 {
34561 background-color: #e46153;
34562 color: #fff;
34565 #quiz-timer-wrapper #quiz-timer.timeleft6 {
34566 background-color: #e66d60;
34567 color: #fff;
34570 #quiz-timer-wrapper #quiz-timer.timeleft7 {
34571 background-color: #e8796d;
34572 color: #1d2125;
34575 #quiz-timer-wrapper #quiz-timer.timeleft8 {
34576 background-color: #ea867a;
34577 color: #1d2125;
34580 #quiz-timer-wrapper #quiz-timer.timeleft9 {
34581 background-color: #ec9288;
34582 color: #1d2125;
34585 #quiz-timer-wrapper #quiz-timer.timeleft10 {
34586 background-color: #ee9e95;
34587 color: #1d2125;
34590 #quiz-timer-wrapper #quiz-timer.timeleft11 {
34591 background-color: #f0aaa2;
34592 color: #1d2125;
34595 #quiz-timer-wrapper #quiz-timer.timeleft12 {
34596 background-color: #f2b6af;
34597 color: #1d2125;
34600 #quiz-timer-wrapper #quiz-timer.timeleft13 {
34601 background-color: #f4c2bc;
34602 color: #1d2125;
34605 #quiz-timer-wrapper #quiz-timer.timeleft14 {
34606 background-color: #f7ceca;
34607 color: #1d2125;
34610 #quiz-timer-wrapper #quiz-timer.timeleft15 {
34611 background-color: #f9dad7;
34612 color: #1d2125;
34615 #quiz-timer-wrapper #quiz-timer.timeleft16 {
34616 background-color: #fbe6e4;
34617 color: #1d2125;
34620 .path-mod-assign [data-region=grade-actions-panel] [data-region=grade-actions] .collapse-buttons {
34621 top: auto;
34624 .path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
34625 height: calc(100% - 4rem);
34628 .path-mod-assign [data-region=grade-panel] {
34629 padding-top: 1rem;
34632 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-3,
34633 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-9 {
34634 width: 100%;
34635 padding: 0;
34636 max-width: 100%;
34637 flex: none;
34640 .path-mod-assign [data-region=grade-panel] fieldset,
34641 .path-mod-assign [data-region=grade-panel] .fitem.row {
34642 margin: 0;
34645 .path-mod-assign [data-region=grade-panel] .mform .fitem.has-popout .felement {
34646 width: 100%;
34647 overflow: auto;
34648 height: calc(100% - 4rem);
34651 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement {
34652 width: auto;
34655 .path-mod-assign [data-region=grade-panel] .popout {
34656 background-color: #fff;
34659 .path-mod-assign [data-region=grade-panel] .fitem.has-popout {
34660 background-color: #fff;
34661 border-radius: 0.25rem;
34662 border: 1px solid rgba(0, 0, 0, 0.125);
34663 padding: 1.25rem;
34664 margin-bottom: 1rem;
34667 .path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
34668 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
34669 margin-bottom: 1rem;
34672 .path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
34673 display: flex;
34674 align-items: flex-start;
34675 justify-content: space-between;
34676 font-size: 1.40625rem;
34679 .path-mod-assign [data-region=grade-panel] .popout [data-region=popout-button] {
34680 margin-top: 0;
34683 .path-mod-assign [data-region=assignment-info] {
34684 overflow-y: hidden;
34687 .path-mod-assign [data-region=grading-navigation] {
34688 padding: 6px;
34691 .path-mod-assign [data-region=grade-actions] {
34692 padding: 10px;
34695 .path-mod-assign [data-region=user-info] .img-rounded {
34696 margin-top: 0;
34699 .path-mod-assign [data-region=grading-navigation-panel] {
34700 height: 85px;
34703 @media (max-width: 767px) {
34704 .path-mod-assign [data-region=grading-navigation-panel] {
34705 height: auto;
34707 .path-mod-assign [data-region=user-info] {
34708 margin-top: 1rem;
34711 .path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
34712 width: auto;
34713 display: inline-block;
34717 * Assign feedback.
34719 .assignfeedback_editpdf_widget * {
34720 box-sizing: content-box;
34723 .assignfeedback_editpdf_widget button {
34724 box-sizing: border-box;
34727 .assignfeedback_editpdf_widget .commentcolourbutton img {
34728 border-width: 0;
34731 .assignfeedback_editpdf_widget .label {
34732 position: relative;
34733 padding: 0.75rem 1.25rem;
34734 margin-bottom: 1rem;
34735 border: 0 solid transparent;
34736 border-radius: 0.25rem;
34737 color: #00434e;
34738 background-color: #cce6ea;
34739 border-color: #b8dce2;
34740 /* stylelint-disable-line max-line-length */
34742 .assignfeedback_editpdf_widget .label hr {
34743 border-top-color: #a6d3db;
34745 .assignfeedback_editpdf_widget .label .alert-link {
34746 color: #00171b;
34749 .assignfeedback_editpdf_menu {
34750 padding: 0;
34753 .path-mod-assign [data-region=grade-panel] .gradingform_guide .remark .commentchooser {
34754 float: none;
34757 .path-mod-assign [data-region=grade-panel] .gradingform_guide .markingguideremark {
34758 width: 100%;
34761 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement[data-fieldtype=grading] {
34762 padding-left: 1rem;
34763 padding-right: 1rem;
34766 .path-mod-assign [data-region=grade-panel] .showmarkerdesc,
34767 .path-mod-assign [data-region=grade-panel] .showstudentdesc {
34768 background-color: #fff;
34772 * Mod LTI.
34774 .path-admin-mod-lti .btn .loader img,
34775 .path-admin-mod-lti #tool-list-loader-container .loader img {
34776 height: auto;
34779 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
34780 background-color: #fff;
34782 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
34783 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
34784 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
34785 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34786 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34787 border: 0;
34789 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34790 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34791 border-radius: 0;
34793 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
34794 background-color: transparent;
34796 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
34797 background-color: #f8f9fa;
34799 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
34800 padding: 0 !important; /* stylelint-disable-line declaration-no-important */
34802 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
34803 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
34804 border: 0;
34805 padding: 3px 15px;
34806 white-space: nowrap;
34807 margin-bottom: 0;
34809 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
34810 padding: 10px 5px;
34812 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
34813 border-top: 1px solid #dee2e6;
34814 border-bottom: 1px solid #fff;
34816 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
34817 border-top: 1px solid #fff;
34818 border-bottom: 1px solid #dee2e6;
34819 padding: 5px 10px;
34821 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
34822 margin-right: 8px;
34823 border: 1px solid #ccc;
34824 border-radius: 4px;
34825 max-width: none;
34827 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
34828 margin: 20px 25px;
34830 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
34831 text-align: center;
34832 margin: 10px 0;
34833 font-size: 0.8203125rem;
34834 color: #495057;
34836 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34837 margin-bottom: 0.75rem;
34838 border-radius: 0.25rem;
34839 border: 1px solid rgba(0, 0, 0, 0.125);
34840 padding: 1.25rem;
34842 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
34843 float: right;
34844 font-size: 11px;
34845 color: #495057;
34847 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34848 background-color: #fff;
34850 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
34851 font-weight: bold;
34854 /* reports.less */
34855 #page-report-participation-index .participationselectform div label {
34856 display: inline-block;
34857 margin: 0 5px;
34860 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
34861 margin-left: 0;
34864 .path-backup .mform {
34865 /* These are long labels with checkboxes on the right. */
34867 .path-backup .mform .grouped_settings {
34868 clear: both;
34869 overflow: hidden;
34870 /* Use card styles but avoid extend because that brings in too much. */
34872 .path-backup .mform .grouped_settings.section_level {
34873 background-color: #fff;
34874 border-radius: 0.25rem;
34875 border: 1px solid rgba(0, 0, 0, 0.125);
34876 padding: 1.25rem;
34877 margin-bottom: 1.25rem;
34879 .path-backup .mform .grouped_settings.section_level::after {
34880 display: block;
34881 clear: both;
34882 content: "";
34884 .path-backup .mform .include_setting {
34885 width: 50%;
34886 display: inline-block;
34887 float: left;
34888 padding: 0.3rem;
34890 .path-backup .mform .normal_setting {
34891 width: 50%;
34892 display: inline-block;
34893 float: left;
34894 padding: 0.3rem;
34897 .path-backup {
34898 /* Bold section labels */
34900 .path-backup .section_level {
34901 font-weight: bold;
34903 .path-backup .section_level .activity_level {
34904 font-weight: normal;
34906 .path-backup .proceedbutton {
34907 margin-left: auto;
34910 /* Override the columns width to leave more room for the labels. */
34911 .path-backup .mform .root_setting,
34912 .path-backup .mform .grouped_settings {
34913 /* Striped rows like a table */
34915 .path-backup .mform .root_setting:nth-of-type(odd),
34916 .path-backup .mform .grouped_settings:nth-of-type(odd) {
34917 background-color: rgba(0, 0, 0, 0.03);
34919 .path-backup .mform .root_setting:nth-of-type(even),
34920 .path-backup .mform .grouped_settings:nth-of-type(even) {
34921 background-color: #fff;
34923 .path-backup .mform .root_setting .fitem,
34924 .path-backup .mform .grouped_settings .fitem {
34925 /* These checkboxes with no label on the left. */
34927 .path-backup .mform .root_setting .fitem .col-md-3.checkbox,
34928 .path-backup .mform .grouped_settings .fitem .col-md-3.checkbox {
34929 width: 0%;
34931 .path-backup .mform .root_setting .fitem .col-md-9.checkbox,
34932 .path-backup .mform .grouped_settings .fitem .col-md-9.checkbox {
34933 width: 100%;
34934 left: 0;
34937 /* Detail pair is (usually) some short label with a longer value */
34938 .path-backup .detail-pair .detail-pair-label {
34939 width: 25%;
34940 float: left;
34941 clear: left;
34943 .path-backup .detail-pair .detail-pair-value {
34944 width: 75%;
34945 float: left;
34948 .path-backup .backup-restore .singlebutton {
34949 float: right;
34952 /* Make these bits full width and work with the detail-pair */
34953 .path-backup .backup-section {
34954 /* Fix for nested table headers */
34955 /* Add card styles to backup sections */
34956 background-color: #fff;
34957 border-radius: 0.25rem;
34958 border: 1px solid rgba(0, 0, 0, 0.125);
34959 padding: 1.25rem;
34960 margin-bottom: 1.25rem;
34962 .path-backup .backup-section .sub-header,
34963 .path-backup .backup-section .backup-sub-section,
34964 .path-backup .backup-section .singlebutton,
34965 .path-backup .backup-section .header {
34966 width: 100%;
34967 float: left;
34968 clear: both;
34970 .path-backup .backup-section th.header {
34971 width: auto;
34972 float: none;
34974 .path-backup .backup-section ::after {
34975 content: "";
34976 display: table;
34977 clear: both;
34979 .path-backup .backup-section::after {
34980 display: block;
34981 clear: both;
34982 content: "";
34985 .path-backup .notification.dependencies_enforced {
34986 color: #ca3120;
34987 font-weight: bold;
34990 .path-backup .backup_progress {
34991 margin-top: 1rem;
34992 margin-bottom: 1rem;
34994 .path-backup .backup_progress .backup_stage {
34995 color: #6a737b;
34997 .path-backup .backup_progress .backup_stage.backup_stage_current {
34998 font-weight: bold;
34999 color: inherit;
35002 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
35003 color: inherit;
35006 #page-backup-restore .filealiasesfailures {
35007 background-color: #f4d6d2;
35009 #page-backup-restore .filealiasesfailures .aliaseslist {
35010 background-color: #fff;
35013 .path-backup .wibbler {
35014 width: 500px;
35015 margin: 0 auto 10px;
35016 border-bottom: 1px solid #000;
35017 border-right: 1px solid #000;
35018 border-left: 1px solid #000;
35019 position: relative;
35020 min-height: 4px;
35022 .path-backup .wibbler .wibble {
35023 position: absolute;
35024 left: 0;
35025 right: 0;
35026 top: 0;
35027 height: 4px;
35029 .path-backup .wibbler .state0 {
35030 background: #eee;
35032 .path-backup .wibbler .state1 {
35033 background: #ddd;
35035 .path-backup .wibbler .state2 {
35036 background: #ccc;
35038 .path-backup .wibbler .state3 {
35039 background: #bbb;
35041 .path-backup .wibbler .state4 {
35042 background: #aaa;
35044 .path-backup .wibbler .state5 {
35045 background: #999;
35047 .path-backup .wibbler .state6 {
35048 background: #888;
35050 .path-backup .wibbler .state7 {
35051 background: #777;
35053 .path-backup .wibbler .state8 {
35054 background: #666;
35056 .path-backup .wibbler .state9 {
35057 background: #555;
35059 .path-backup .wibbler .state10 {
35060 background: #444;
35062 .path-backup .wibbler .state11 {
35063 background: #333;
35065 .path-backup .wibbler .state12 {
35066 background: #222;
35069 .generaltable {
35070 width: 100%;
35071 margin-bottom: 1rem;
35072 color: #1d2125;
35074 .generaltable th,
35075 .generaltable td {
35076 padding: 0.75rem;
35077 vertical-align: top;
35078 border-top: 1px solid #dee2e6;
35080 .generaltable th .form-check,
35081 .generaltable td .form-check {
35082 padding: 0;
35084 .generaltable thead th,
35085 .generaltable thead td {
35086 vertical-align: bottom;
35087 border-bottom: 2px solid #dee2e6;
35089 .generaltable tbody + tbody {
35090 border-top: 2px solid #dee2e6;
35092 .generaltable tbody tr:nth-of-type(odd) {
35093 background-color: rgba(0, 0, 0, 0.03);
35095 .generaltable thead .sticky-column,
35096 .generaltable tbody tr:nth-of-type(even) {
35097 background-color: #fff;
35099 .generaltable tbody tr:nth-of-type(odd) .sticky-column {
35100 background-color: rgba(0, 0, 0, 0.03);
35102 .generaltable.table-sm th,
35103 .generaltable.table-sm td {
35104 padding: 0.3rem;
35106 .generaltable tbody tr:hover {
35107 color: #1d2125;
35108 background-color: rgba(0, 0, 0, 0.075);
35110 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
35111 color: #1d2125;
35113 .generaltable tbody tr:hover td.sticky-column {
35114 background-color: rgba(0, 0, 0, 0.075);
35117 table caption {
35118 font-size: 24px;
35119 font-weight: bold;
35120 line-height: 42px;
35121 text-align: left;
35122 caption-side: top;
35124 table .sticky-column {
35125 position: sticky;
35126 left: 0;
35127 background-color: inherit;
35130 .table-dynamic .loading-icon {
35131 position: absolute;
35132 left: calc(50% - 1.5rem);
35133 top: 200px;
35135 .table-dynamic .loading-icon .icon {
35136 max-height: 3rem;
35137 max-width: 3rem;
35138 font-size: 3rem;
35141 .singlebutton {
35142 display: inline-block;
35144 .singlebutton + .singlebutton {
35145 margin-left: 0.5rem;
35148 .continuebutton {
35149 text-align: center;
35152 p.arrow_button {
35153 margin-top: 5em;
35154 text-align: center;
35157 #addcontrols {
35158 margin-top: 11.25rem;
35159 text-align: center;
35160 margin-bottom: 3em;
35162 #addcontrols label {
35163 display: inline;
35166 #addcontrols input,
35167 #removecontrols input {
35168 width: 100%;
35169 margin: auto;
35172 .btn-lineup {
35173 margin: 0 0 10px 5px;
35176 .btn.btn-icon {
35177 height: 36px;
35178 width: 36px;
35179 font-size: 16px;
35180 line-height: 16px;
35181 padding: 0;
35182 border-radius: 50%;
35183 flex-shrink: 0;
35185 .btn.btn-icon:hover, .btn.btn-icon:focus {
35186 background-color: #e9ecef;
35188 .btn.btn-icon.icon-size-0 {
35189 height: 20px !important; /* stylelint-disable-line declaration-no-important */
35190 width: 20px !important; /* stylelint-disable-line declaration-no-important */
35191 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
35192 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
35194 .btn.btn-icon.icon-size-1 {
35195 height: 24px !important; /* stylelint-disable-line declaration-no-important */
35196 width: 24px !important; /* stylelint-disable-line declaration-no-important */
35197 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
35198 line-height: 4px !important; /* stylelint-disable-line declaration-no-important */
35200 .btn.btn-icon.icon-size-2 {
35201 height: 28px !important; /* stylelint-disable-line declaration-no-important */
35202 width: 28px !important; /* stylelint-disable-line declaration-no-important */
35203 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
35204 line-height: 8px !important; /* stylelint-disable-line declaration-no-important */
35206 .btn.btn-icon.icon-size-3 {
35207 height: 36px !important; /* stylelint-disable-line declaration-no-important */
35208 width: 36px !important; /* stylelint-disable-line declaration-no-important */
35209 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
35210 line-height: 16px !important; /* stylelint-disable-line declaration-no-important */
35212 .btn.btn-icon.icon-size-4 {
35213 height: 44px !important; /* stylelint-disable-line declaration-no-important */
35214 width: 44px !important; /* stylelint-disable-line declaration-no-important */
35215 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
35216 line-height: 24px !important; /* stylelint-disable-line declaration-no-important */
35218 .btn.btn-icon.icon-size-5 {
35219 height: 52px !important; /* stylelint-disable-line declaration-no-important */
35220 width: 52px !important; /* stylelint-disable-line declaration-no-important */
35221 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
35222 line-height: 32px !important; /* stylelint-disable-line declaration-no-important */
35224 .btn.btn-icon.icon-size-6 {
35225 height: 60px !important; /* stylelint-disable-line declaration-no-important */
35226 width: 60px !important; /* stylelint-disable-line declaration-no-important */
35227 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
35228 line-height: 40px !important; /* stylelint-disable-line declaration-no-important */
35230 .btn.btn-icon.icon-size-7 {
35231 height: 68px !important; /* stylelint-disable-line declaration-no-important */
35232 width: 68px !important; /* stylelint-disable-line declaration-no-important */
35233 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
35234 line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
35237 .btn.btn-icon.icons-collapse-expand {
35238 color: #0f6cbf;
35239 background-color: #f5f9fc;
35241 .btn.btn-icon.icons-collapse-expand:hover {
35242 outline: 2px solid #0f6cbf;
35245 .btn-primary:focus, .btn-primary.focus {
35246 outline: 0.2rem solid #000102;
35247 box-shadow: inset 0 0 0 2px #fff;
35250 .btn-secondary:focus, .btn-secondary.focus {
35251 outline: 0.2rem solid #5f6e7d;
35252 box-shadow: inset 0 0 0 2px #fff;
35255 .btn-success:focus, .btn-success.focus {
35256 outline: 0.2rem solid black;
35257 box-shadow: inset 0 0 0 2px #fff;
35260 .btn-info:focus, .btn-info.focus {
35261 outline: 0.2rem solid black;
35262 box-shadow: inset 0 0 0 2px #fff;
35265 .btn-warning:focus, .btn-warning.focus {
35266 outline: 0.2rem solid #694109;
35267 box-shadow: inset 0 0 0 2px #fff;
35270 .btn-danger:focus, .btn-danger.focus {
35271 outline: 0.2rem solid #1a0604;
35272 box-shadow: inset 0 0 0 2px #fff;
35275 .btn-light:focus, .btn-light.focus {
35276 outline: 0.2rem solid #8193a5;
35277 box-shadow: inset 0 0 0 2px #fff;
35280 .btn-dark:focus, .btn-dark.focus {
35281 outline: 0.2rem solid black;
35282 box-shadow: inset 0 0 0 2px #fff;
35285 .btn-outline-primary:focus, .btn-outline-primary.focus {
35286 outline: 0.2rem solid #000102;
35287 box-shadow: inset 0 0 0 2px #343a40;
35290 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
35291 outline: 0.2rem solid #5f6e7d;
35292 box-shadow: inset 0 0 0 2px #343a40;
35295 .btn-outline-success:focus, .btn-outline-success.focus {
35296 outline: 0.2rem solid black;
35297 box-shadow: inset 0 0 0 2px #343a40;
35300 .btn-outline-info:focus, .btn-outline-info.focus {
35301 outline: 0.2rem solid black;
35302 box-shadow: inset 0 0 0 2px #343a40;
35305 .btn-outline-warning:focus, .btn-outline-warning.focus {
35306 outline: 0.2rem solid #694109;
35307 box-shadow: inset 0 0 0 2px #343a40;
35310 .btn-outline-danger:focus, .btn-outline-danger.focus {
35311 outline: 0.2rem solid #1a0604;
35312 box-shadow: inset 0 0 0 2px #343a40;
35315 .btn-outline-light:focus, .btn-outline-light.focus {
35316 outline: 0.2rem solid #8193a5;
35317 box-shadow: inset 0 0 0 2px #343a40;
35320 .btn-outline-dark:focus, .btn-outline-dark.focus {
35321 outline: 0.2rem solid black;
35322 box-shadow: inset 0 0 0 2px #343a40;
35325 .gradetreebox {
35326 margin: 20px 0 30px 0;
35328 .gradetreebox h4 {
35329 font-size: 0.9375rem;
35331 .gradetreebox th.cell,
35332 .gradetreebox input[type=text] {
35333 width: auto;
35335 .gradetreebox input[type=text],
35336 .gradetreebox select {
35337 margin-bottom: 0;
35340 .core_grades_notices .singlebutton {
35341 display: inline-block;
35344 .path-grade-report #maincontent + .urlselect {
35345 position: absolute;
35346 left: 40vw;
35349 .path-grade-report-grader #region-main {
35350 min-width: 100%;
35351 width: auto;
35352 display: flex;
35353 flex-direction: column;
35355 .path-grade-report-grader #region-main > .card {
35356 width: auto;
35357 overflow-x: initial;
35359 .path-grade-report-grader #region-main div[role=main] {
35360 flex: 1 1 auto;
35362 .path-grade-report-grader [data-region=blocks-column] {
35363 width: 100%;
35364 clear: both;
35367 .path-grade-report-grader .gradepass,
35368 .path-grade-report-user .gradepass {
35369 color: #357a32;
35371 .path-grade-report-grader .gradefail,
35372 .path-grade-report-user .gradefail {
35373 color: #ca3120;
35376 .path-grade #region-main {
35377 overflow-x: visible;
35379 .path-grade .user-heading .userinitials {
35380 width: 50px;
35381 height: 50px;
35384 #page-grade-grading-manage #activemethodselector label {
35385 display: inline-block;
35387 #page-grade-grading-manage #activemethodselector .helptooltip {
35388 margin-right: 0.5em;
35390 #page-grade-grading-manage .actions {
35391 display: block;
35392 text-align: center;
35393 margin-bottom: 1em;
35395 #page-grade-grading-manage .actions .action {
35396 display: inline-block;
35397 position: relative;
35398 vertical-align: top;
35399 width: 150px;
35400 text-align: center;
35401 overflow: hidden;
35402 margin: 0.5em;
35403 padding: 1em;
35404 border: 1px solid #aaa;
35406 #page-grade-grading-manage .actions .action .action-text {
35407 position: relative;
35408 top: 0.4em;
35409 font-size: 14px;
35410 white-space: normal;
35413 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
35414 font-size: 70%;
35417 .gradingform_rubric {
35418 margin-bottom: 1em;
35420 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
35421 background: #dff0d8;
35423 .gradingform_rubric.evaluate .criterion .levels .level.checked {
35424 border: none;
35425 border-left: 1px solid #dee2e6;
35427 .gradingform_rubric .criterion .description {
35428 vertical-align: top;
35429 padding: 6px;
35431 .gradingform_rubric .criterion .description textarea {
35432 margin-bottom: 0;
35433 height: 115px;
35435 .gradingform_rubric .criterion .definition textarea {
35436 width: 80%;
35437 margin-bottom: 0;
35439 .gradingform_rubric .criterion .score {
35440 margin-top: 5px;
35441 margin-right: 28px;
35442 font-style: italic;
35443 font-weight: bold;
35444 color: #2d662a;
35446 .gradingform_rubric .criterion .score input {
35447 margin-bottom: 0;
35449 .gradingform_rubric .criterion .level {
35450 vertical-align: top;
35451 padding: 6px;
35453 .gradingform_rubric .criterion .level.currentchecked {
35454 background: #fff0f0;
35456 .gradingform_rubric .criterion .level.checked {
35457 background: #d0ffd0;
35458 border: 1px solid #555;
35460 .gradingform_rubric .criterion .level .delete {
35461 position: relative;
35462 width: 32px;
35463 height: 32px;
35464 margin-top: -32px;
35465 clear: both;
35466 float: right;
35468 .gradingform_rubric .criterion .level .delete input {
35469 display: block;
35470 position: absolute;
35471 right: 0;
35472 bottom: 0;
35473 height: 24px;
35474 width: 24px;
35475 margin: 0;
35477 .gradingform_rubric .criterion .level .delete input:hover {
35478 background-color: #ddd;
35480 .gradingform_rubric .criterion .scorevalue input {
35481 float: none;
35482 width: 2em;
35484 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
35485 width: 0;
35487 .gradingform_rubric .criterion .addlevel {
35488 vertical-align: top;
35489 padding-top: 6px;
35491 .gradingform_rubric .criterion .addlevel input {
35492 height: 30px;
35493 line-height: 1rem;
35495 .gradingform_rubric .addcriterion {
35496 margin-left: 5px;
35497 padding: 0;
35498 margin-bottom: 1em;
35500 .gradingform_rubric .addcriterion input {
35501 margin: 0;
35502 color: inherit;
35503 text-shadow: inherit;
35504 border: 0 none;
35505 line-height: inherit;
35506 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
35507 padding-left: 26px;
35509 .gradingform_rubric .options {
35510 clear: both;
35512 .gradingform_rubric .options .option label {
35513 margin: 0;
35514 padding: 0;
35515 font-size: inherit;
35516 font-weight: normal;
35517 line-height: 2em;
35518 color: inherit;
35519 text-shadow: none;
35520 background-color: transparent;
35522 .gradingform_rubric .options .option input {
35523 margin-left: 5px;
35524 margin-right: 12px;
35527 .grade-display .description {
35528 font-size: 1rem;
35531 .criterion .description {
35532 font-size: 1rem;
35534 .criterion .criterion-toggle .expanded-icon {
35535 display: block;
35537 .criterion .criterion-toggle .collapsed-icon {
35538 display: none;
35540 .criterion .criterion-toggle.collapsed .expanded-icon {
35541 display: none;
35543 .criterion .criterion-toggle.collapsed .collapsed-icon {
35544 display: block;
35547 .path-grade-edit-tree .collapse-list .unlist {
35548 padding-left: 2rem;
35550 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode]:focus > .collapse-list-item:first-child {
35551 background-color: #e0f0f2;
35552 border-color: #b8dce2;
35554 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][data-selected=true] > .collapse-list-item:first-child {
35555 background-color: #e0f0f2;
35556 border-color: #b8dce2;
35557 color: #0f6cbf;
35559 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode] .collapse-list-item-content[aria-hidden=true] {
35560 display: none;
35562 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=true] > .collapse-list-item .collapsed-icon {
35563 display: none;
35565 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=false] > .collapse-list-item .expanded-icon {
35566 display: none;
35568 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
35569 padding: 0.5rem 1rem;
35570 cursor: pointer;
35572 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
35573 font-weight: bold;
35575 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
35576 color: #1d2125;
35577 padding: 0 0.2rem;
35578 margin-right: 0.3rem;
35580 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
35581 font-size: 12px;
35582 width: 12px;
35583 height: 12px;
35584 margin: 0;
35586 .path-grade-edit-tree .gradetree-wrapper {
35587 padding: 10px 10px;
35588 background-color: #f8f9fa;
35590 .path-grade-edit-tree .gradetree-wrapper .setup-grades h4 {
35591 margin: 0;
35593 .path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
35594 padding: 0;
35595 width: 24px;
35596 min-width: 24px;
35597 max-width: 24px;
35599 .path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
35600 display: none;
35602 .path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
35603 font-weight: normal;
35604 padding-left: 24px;
35606 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
35607 height: 0.5rem;
35609 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden=true] {
35610 display: none;
35612 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
35613 vertical-align: bottom;
35614 border: none;
35615 text-align: left;
35616 background-color: #f8f9fa;
35618 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
35619 padding: 0;
35620 width: 24px;
35621 min-width: 24px;
35623 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
35624 min-width: 4.5em;
35625 background-color: #f8f9fa;
35626 border: none;
35627 vertical-align: middle;
35629 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small {
35630 font-size: 70%;
35632 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
35633 margin-right: 15px;
35635 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
35636 min-width: 15em;
35638 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
35639 margin-right: 5px;
35641 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
35642 display: none;
35644 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
35645 padding: 0;
35647 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
35648 display: block;
35649 width: 100%;
35650 margin: 5px 0 5px 0;
35651 padding: 3px 0 3px 0;
35653 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
35654 border-top: 2px dashed #8f959e;
35655 margin: 0;
35657 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
35658 border-top: 2px dashed #0f6cbf;
35660 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
35661 background-color: #fff;
35662 border-top: 1px solid #dee2e6;
35663 border-bottom: 1px solid #dee2e6;
35665 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
35666 border-left: 1px solid #dee2e6;
35668 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
35669 border-right: 1px solid #dee2e6;
35671 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
35672 font-weight: bold;
35674 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
35675 display: flex;
35676 min-height: 30px;
35677 align-items: center;
35679 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check {
35680 padding: 0;
35682 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check .itemselect {
35683 margin-right: 5px;
35685 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
35686 height: 24px;
35687 width: 24px;
35688 font-size: 12px;
35689 line-height: 24px;
35690 margin-right: 3px;
35692 .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 {
35693 display: none;
35695 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
35696 font-size: 12px;
35697 width: 12px;
35698 height: 12px;
35699 color: #1d2125;
35700 margin: 0;
35702 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
35703 background-color: #fff;
35704 border-top: 3px solid #f8f9fa;
35706 .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 {
35707 min-width: 4.5em;
35708 background-color: #f8f9fa;
35709 border: none;
35710 vertical-align: middle;
35712 .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 {
35713 padding-left: 0;
35715 .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) {
35716 font-weight: bold;
35718 .path-grade-edit-tree .gradetree-wrapper .badge-light {
35719 color: #1d2125;
35720 background-color: #ced4da;
35721 margin-right: 0.5em;
35722 margin-bottom: 0.5em;
35726 * Grader report.
35728 .path-grade-report-grader .gradeparent tr .cell,
35729 .path-grade-report-grader .gradeparent .floater .cell {
35730 background-color: #fff;
35732 .path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,
35733 .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
35734 z-index: 1;
35736 .path-grade-report-grader .gradeparent table,
35737 .path-grade-report-grader .gradeparent .cell {
35738 border-color: #dee2e6;
35740 .path-grade-report-grader .gradeparent .heading .cell,
35741 .path-grade-report-grader .gradeparent .cell.category,
35742 .path-grade-report-grader .gradeparent .avg .cell {
35743 background-color: #f8f9fa;
35745 .path-grade-report-grader .gradeparent table .clickable {
35746 cursor: pointer;
35748 .path-grade-report-grader .gradeparent tr.heading {
35749 position: sticky;
35750 top: 50px;
35751 z-index: 4;
35753 .path-grade-report-grader .gradeparent tr.userrow th {
35754 z-index: 2;
35756 .path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
35757 z-index: 3;
35759 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
35760 position: sticky;
35761 bottom: -1px;
35763 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
35764 z-index: 4;
35766 .path-grade-report-grader .gradeparent tr.lastrow td,
35767 .path-grade-report-grader .gradeparent tr.lastrow th {
35768 border-top: 1px solid #dee2e6;
35770 .path-grade-report-grader .gradeparent th.header {
35771 left: 0;
35772 position: sticky;
35774 .path-grade-report-grader .gradeparent th.header#studentheader {
35775 z-index: 1;
35777 .path-grade-report-grader .gradeparent td.noborder {
35778 border-right: transparent;
35780 .path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
35781 bottom: calc(max(80px, 0.9375rem * 3) - 1px);
35785 * User report.
35787 .path-grade-report-user .user-grade {
35788 border: none;
35790 .path-grade-report-user .user-grade.generaltable .levelodd {
35791 background-color: rgba(0, 0, 0, 0.03);
35793 .path-grade-report-user .user-grade .column-contributiontocoursetotal,
35794 .path-grade-report-user .user-grade .column-range,
35795 .path-grade-report-user .user-grade .column-percentage,
35796 .path-grade-report-user .user-grade .column-weight {
35797 /*rtl:ignore*/
35798 direction: ltr;
35802 * Single view.
35804 .path-grade-report-singleview .reporttable input[name^=finalgrade] {
35805 width: 80px;
35806 display: inline-block;
35808 .path-grade-report-singleview .reporttable .action-menu {
35809 display: inline-block;
35810 margin-left: 0.5rem;
35811 float: right;
35813 .path-grade-report-singleview .reporttable .dropdown-toggle::after {
35814 display: none;
35817 .gradereport-grader-table input[name^=grade] {
35818 width: 80px;
35819 display: inline-block;
35821 .gradereport-grader-table .dropdown-toggle::after {
35822 display: none;
35825 .search-widget .dropdown-menu {
35826 padding: 0.8rem 1.2rem;
35828 .search-widget .dropdown-menu.wide {
35829 width: 350px;
35831 .search-widget .dropdown-menu.narrow {
35832 width: 250px;
35834 .search-widget .dropdown-menu .dropdown-item span.email {
35835 color: #6a737b;
35837 .search-widget .dropdown-menu .dropdown-item:hover span,
35838 .search-widget .dropdown-menu .dropdown-item:active span {
35839 color: #fff;
35841 .search-widget .dropdown-menu .searchresultscontainer {
35842 height: 178px;
35843 font-size: 90%;
35845 .search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
35846 height: 178px;
35847 max-height: 178px;
35848 overflow: auto;
35850 .search-widget .dropdown-menu .unsearchablecontentcontainer {
35851 border-top: 1px solid #dee2e6;
35852 padding-top: 10px;
35853 font-size: 90%;
35856 #fitem_id_submitbutton {
35857 padding-right: 2em;
35860 .gradestatus {
35861 padding-top: 10px;
35864 .gradestatus .icon {
35865 margin-right: 1rem;
35868 .columns-autoflow-1to1to1 {
35869 column-count: 3;
35872 @media (max-width: 767px) {
35873 .columns-autoflow-1to1to1 {
35874 column-count: 1;
35877 /* some very targetted corrections to roll back nameclashes between
35878 * Moodle and Bootstrap like .row, .label, .content, .controls
35880 * Mostly relies on these styles being more specific than the Bootstrap
35881 * ones in order to overule them.
35883 li.activity.label,
35884 .file-picker td.label {
35885 background: inherit;
35886 color: inherit;
35887 border: inherit;
35888 text-shadow: none;
35889 white-space: normal;
35890 display: block;
35891 font-size: inherit;
35892 line-height: inherit;
35893 text-align: inherit;
35896 .file-picker td.label {
35897 display: table-cell;
35898 text-align: right;
35899 padding: 8px;
35902 .choosercontainer #chooseform .option {
35903 font-size: 12px;
35906 /* block.invisible vs .invisible
35907 * block.hidden vs .invisible
35909 * uses .invisible where the rest of Moodle uses @mixin dimmed
35910 * fixible in block renderer?
35912 * There's seems to be even more naming confusion here since,
35913 * blocks can be actually 'visible' (or not) to students,
35914 * marked 'visible' but really just dimmed to indicate to editors
35915 * that students can't see them or 'visible' to the user who
35916 * collapses them, 'visible' if you have the right role and in
35917 * different circumstances different sections of a block can
35918 * be 'visible' or not.
35920 * currently worked around in renderers.php function block{}
35921 * by rewriting the class name "invisible" to "dimmed",
35922 * though the blocks don't look particularly different apart
35923 * from their contents disappearing. Maybe try .muted? or
35924 * dimming all the edit icons apart from unhide, might be a
35925 * nice effect, though they'd still be active. Maybe reverse
35926 * it to white?
35928 li.section.hidden,
35929 .block.hidden,
35930 .block.invisible {
35931 visibility: visible;
35932 display: block;
35935 /* .row vs .row
35937 * very tricky to track down this when it goes wrong,
35938 * since the styles are applied to generated content
35940 * basically if you see things shifted left or right compared
35941 * with where they should be check for a .row
35943 .forumpost .row {
35944 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
35947 .forumpost .row:before,
35948 .forumpost .row:after {
35949 content: none;
35952 /* fieldset.hidden vs .hidden
35954 * Moodle uses fieldset.hidden for mforms, to signify a collection of
35955 * form elements that don't have a box drawn round them. Bootstrap
35956 * uses hidden for stuff that is hidden in various responsive modes.
35958 * Relatedly, there is also fieldset.invisiblefieldset which hides the
35959 * border and sets the display to inline.
35961 * Originally this just set block and visible, but it is used
35962 * in random question dialogue in Quiz,
35963 * that dialogue is hidden and shown, so when hidden the
35964 * above workaround leaves you with a button floating around
35966 fieldset.hidden {
35967 display: inherit;
35968 visibility: inherit;
35971 /* .container vs .container
35973 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
35974 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
35975 * it becomes near unuseable.
35977 #questionbank + .container {
35978 width: auto;
35981 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
35982 display: block;
35983 margin-top: -6px;
35986 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
35987 .langmenu.open > .dropdown-menu {
35988 display: block;
35989 max-height: 150px;
35990 overflow-y: auto;
35993 .navbar.fixed-top .dropdown .dropdown-menu {
35994 max-height: calc(100vh - 50px);
35995 overflow-y: auto;
35998 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
35999 z-index: inherit;
36002 .custom-select {
36003 word-wrap: normal;
36006 /* Add commented out carousel transistions back in.
36008 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
36010 .carousel-item-next.carousel-item-left,
36011 .carousel-item-prev.carousel-item-right {
36012 transform: translateX(0);
36015 .carousel-item-next,
36016 .active.carousel-item-right {
36017 transform: translateX(100%);
36020 .carousel-item-prev,
36021 .active.carousel-item-left {
36022 transform: translateX(-100%);
36026 * Reset all of the forced style on the page.
36027 * - Remove borders on header and content.
36028 * - Remove most of the vertical padding.
36029 * - Make the content region flex grow so it pushes things like the
36030 * next activity selector to the bottom of the page.
36032 body.behat-site .fixed-top {
36033 position: absolute;
36035 body.behat-site.hasstickyfooter .stickyfooter,
36036 body.behat-site .stickyfooter {
36037 position: inherit;
36038 z-index: inherit;
36040 body.behat-site.hasstickyfooter .stickyfooter .sticky-footer-content-wrapper,
36041 body.behat-site .stickyfooter .sticky-footer-content-wrapper {
36042 padding: 0;
36043 margin: 0;
36045 body.behat-site .dropdown-item {
36046 margin-top: 4px !important; /* stylelint-disable declaration-no-important */
36048 body.behat-site.drawer-ease {
36049 -webkit-transition: initial;
36050 -moz-transition: initial;
36051 transition: initial;
36053 body.behat-site [data-region=drawer] {
36054 -webkit-transition: initial;
36055 -moz-transition: initial;
36056 transition: initial;
36057 position: absolute;
36059 body.behat-site .custom-control,
36060 body.behat-site .custom-switch {
36061 padding-left: 0;
36063 body.behat-site .custom-control-input {
36064 position: static;
36065 z-index: 0;
36066 opacity: 1;
36067 width: auto;
36069 body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
36070 content: none;
36072 body.behat-site [data-region=message-drawer] {
36073 padding-right: 10px;
36075 body.behat-site.jsenabled #page-footer .footer-content-popover {
36076 display: block;
36078 body.behat-site.path-grade-report-grader .gradeparent tr.heading,
36079 body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,
36080 body.behat-site.path-grade-report-grader .gradeparent th.header {
36081 position: relative;
36082 left: auto;
36084 body.behat-site.path-grade-report-grader .gradeparent tr.heading {
36085 top: auto;
36088 .phpinfo table,
36089 .phpinfo th,
36090 .phpinfo h2 {
36091 margin: auto;
36094 .phpinfo .e,
36095 .phpinfo .v,
36096 .phpinfo .h {
36097 border: 1px solid #000;
36098 font-size: 0.8em;
36099 vertical-align: baseline;
36100 color: #000;
36101 background-color: #ccc;
36104 .phpinfo .e {
36105 background-color: #ccf;
36106 font-weight: bold;
36109 .phpinfo .h {
36110 background-color: #99c;
36111 font-weight: bold;
36114 body > .debuggingmessage {
36115 margin-top: 50px;
36118 body > .debuggingmessage ~ .debuggingmessage {
36119 margin-top: 0.5rem;
36123 * This file contains the styles required to make the footer sticky.
36125 html,
36126 body {
36127 height: 100%;
36130 .stickyfooter {
36131 position: fixed;
36132 right: 0;
36133 left: 0;
36134 height: max(80px, 0.9375rem * 3);
36135 bottom: calc(max(80px, 0.9375rem * 3) * -1);
36136 transition: bottom 0.5s;
36137 z-index: 1030;
36138 overflow: hidden;
36139 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
36140 font-size: calc(0.9375rem * 1.10);
36142 @media (min-width: 768px) {
36143 .pagelayout-standard .stickyfooter .sticky-footer-content, body.limitedwidth.uses-drawers .stickyfooter .sticky-footer-content {
36144 max-width: 830px;
36146 body.mediumwidth.uses-drawers .stickyfooter .sticky-footer-content {
36147 max-width: 1120px;
36150 .stickyfooter .sticky-footer-content-wrapper {
36151 transition: 0.2s;
36153 @media (prefers-reduced-motion: reduce) {
36154 .stickyfooter .sticky-footer-content-wrapper {
36155 transition: none;
36158 @media (min-width: 992px) {
36159 .stickyfooter .sticky-footer-content-wrapper .drawers {
36160 padding: 0 3rem;
36162 .show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36163 margin-left: 285px;
36164 padding: 0 3rem 0 1rem;
36166 .show-drawer-right .stickyfooter .sticky-footer-content-wrapper {
36167 margin-right: 315px;
36168 padding: 0 1rem 0 3rem;
36170 .show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36171 padding: 0 1rem;
36175 .hasstickyfooter .stickyfooter {
36176 bottom: 0;
36179 /* Standard components fixes for sticky footer. */
36180 .stickyfooter ul.pagination {
36181 margin-bottom: 0.25rem;
36184 .stickyfooter .btn {
36185 font-size: calc(0.9375rem * 1.10);
36188 /* Breakpoints fixes. */
36189 @media (min-width: 576px) {
36190 #page-wrapper {
36191 height: 100%;
36192 display: flex;
36193 flex-direction: column;
36195 #page-wrapper #page {
36196 display: flex;
36197 flex-direction: column;
36199 #page-wrapper #page:not(.drawers) {
36200 flex: 1 0 auto;
36202 #page-wrapper #page #page-content {
36203 flex: 1 0 auto;
36205 #page-wrapper #page-footer {
36206 flex-shrink: 0;
36209 @media (max-width: 767.98px) {
36210 #page-wrapper {
36211 height: 100%;
36212 display: flex;
36213 flex-direction: column;
36215 #page-wrapper #page {
36216 display: flex;
36217 flex-direction: column;
36219 #page-wrapper #page:not(.drawers) {
36220 flex: 1 0 auto;
36223 .popover-region {
36224 position: relative;
36226 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
36227 display: none;
36229 .popover-region.collapsed .popover-region-container {
36230 opacity: 0;
36231 visibility: hidden;
36232 height: 0;
36233 overflow: hidden;
36234 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36237 .popover-region-toggle {
36238 cursor: pointer;
36240 .popover-region-toggle::before {
36241 content: "";
36242 display: inline-block;
36243 border-left: 10px solid transparent;
36244 border-right: 10px solid transparent;
36245 border-bottom: 10px solid #ddd;
36246 position: absolute;
36247 bottom: 0;
36248 right: 7px;
36250 .popover-region-toggle::after {
36251 content: "";
36252 display: inline-block;
36253 border-left: 9px solid transparent;
36254 border-right: 9px solid transparent;
36255 border-bottom: 9px solid #fff;
36256 position: absolute;
36257 bottom: -1px;
36258 right: 8px;
36259 z-index: 2;
36262 .count-container {
36263 padding: 2px;
36264 border-radius: 2px;
36265 background-color: #ca3120;
36266 color: #fff;
36267 font-size: 11px;
36268 line-height: 11px;
36269 position: absolute;
36270 top: 5px;
36271 right: 0;
36274 .popover-region-container {
36275 opacity: 1;
36276 visibility: visible;
36277 position: absolute;
36278 right: 0;
36279 top: 0;
36280 height: 500px;
36281 width: 380px;
36282 border: 1px solid #ddd;
36283 transition: height 0.25s;
36284 background-color: #fff;
36285 z-index: 1;
36288 .popover-region-header-container {
36289 height: 25px;
36290 line-height: 25px;
36291 padding-left: 5px;
36292 padding-right: 5px;
36293 border-bottom: 1px solid #ddd;
36294 box-sizing: border-box;
36297 .popover-region-footer-container {
36298 height: 30px;
36299 text-align: center;
36300 border-top: 1px solid #ddd;
36301 background-color: #fff;
36302 padding-top: 3px;
36305 .popover-region-header-text {
36306 float: left;
36307 margin: 0;
36308 font-size: 14px;
36309 line-height: 25px;
36312 .popover-region-header-actions {
36313 float: right;
36315 .popover-region-header-actions > * {
36316 margin-left: 10px;
36317 min-width: 20px;
36318 display: inline-block;
36320 .popover-region-header-actions .loading-icon {
36321 display: none;
36322 height: 12px;
36323 width: 12px;
36325 .popover-region-header-actions .newmessage-link {
36326 margin-right: 10px;
36328 .popover-region-header-actions label {
36329 display: inline-block;
36330 text-align: center;
36331 margin-bottom: 0;
36334 .popover-region-content-container {
36335 height: calc(100% - 55px);
36336 width: 100%;
36337 overflow-y: auto;
36338 -webkit-overflow-scrolling: touch;
36340 .popover-region-content-container > .loading-icon {
36341 display: none;
36342 text-align: center;
36343 padding: 5px;
36344 box-sizing: border-box;
36346 .popover-region-content-container .empty-message {
36347 display: none;
36348 text-align: center;
36349 padding: 10px;
36351 .popover-region-content-container.loading > .loading-icon {
36352 display: block;
36354 .popover-region-content-container.loading .empty-message {
36355 display: none;
36358 .navbar-nav .popover-region .icon {
36359 font-weight: bolder;
36361 .navbar-nav .popover-region .notification-image .icon {
36362 font-weight: 400;
36365 .navbar .popover-region.collapsed .popover-region-container {
36366 opacity: 0;
36367 visibility: hidden;
36368 height: 0;
36369 overflow: hidden;
36370 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36372 .navbar .count-container {
36373 padding: 2px;
36374 border-radius: 2px;
36375 background-color: #ca3120;
36376 color: #fff;
36377 font-size: 11px;
36378 line-height: 11px;
36379 position: absolute;
36380 top: 12.5px;
36381 right: 0;
36383 .navbar .popover-region-container {
36384 top: 50px;
36387 .content-item-container {
36388 width: 100%;
36389 border-bottom: 1px solid #ddd;
36390 box-sizing: border-box;
36391 padding: 5px;
36392 position: relative;
36393 margin: 0;
36394 display: block;
36395 color: inherit;
36396 text-decoration: none;
36398 .content-item-container:hover {
36399 color: #fff;
36400 background-color: #0f6cbf;
36402 .content-item-container:hover .content-item-footer .timestamp {
36403 color: #fff;
36405 .content-item-container:hover .view-more {
36406 color: inherit;
36408 .content-item-container.unread {
36409 margin: 0;
36410 background-color: #f4f4f4;
36412 .content-item-container.unread:hover {
36413 color: #fff;
36414 background-color: #0f6cbf;
36416 .content-item-container.unread .content-item-body .notification-message {
36417 font-weight: 600;
36419 .content-item-container .context-link {
36420 color: inherit;
36421 text-decoration: none;
36423 .content-item-container .content-item-body {
36424 box-sizing: border-box;
36425 margin-bottom: 5px;
36427 .content-item-container .content-item-footer {
36428 text-align: left;
36429 box-sizing: border-box;
36431 .content-item-container .content-item-footer .timestamp {
36432 font-size: 10px;
36433 line-height: 10px;
36434 margin: 0;
36435 color: inherit;
36436 margin-left: 24px;
36438 .content-item-container .view-more {
36439 position: absolute;
36440 bottom: 5px;
36441 right: 5px;
36442 font-size: 12px;
36443 line-height: 12px;
36445 .content-item-container .view-more:hover {
36446 color: inherit;
36448 .content-item-container.notification .content-item-body .notification-image {
36449 display: inline-block;
36450 width: 24px;
36451 height: 24px;
36452 float: left;
36454 .content-item-container.notification .content-item-body .notification-image img {
36455 height: 75%;
36457 .content-item-container.notification .content-item-body .notification-message {
36458 display: inline-block;
36459 font-size: 12px;
36460 width: calc(100% - 24px);
36462 .content-item-container.selected {
36463 background-color: #3279b3;
36464 color: #fff;
36465 border-color: #3279b3;
36467 .content-item-container.selected .content-item-footer .timestamp {
36468 color: #fff;
36471 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
36472 display: inline-block;
36474 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
36475 display: none;
36477 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
36478 display: inline-block;
36480 .popover-region-notifications .all-notifications {
36481 opacity: 1;
36482 visibility: visible;
36483 height: auto;
36484 overflow: hidden;
36486 .popover-region-notifications .all-notifications:empty + .empty-message {
36487 display: block;
36489 .popover-region-notifications .notification-image {
36490 display: inline-block;
36491 width: 8%;
36492 vertical-align: top;
36494 .popover-region-notifications .notification-image img {
36495 height: 75%;
36497 .popover-region-notifications .notification-message {
36498 display: inline-block;
36499 font-size: 12px;
36501 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
36502 display: none;
36505 .popover-region-messages .mark-all-read-button .normal-icon {
36506 display: inline-block;
36508 .popover-region-messages .mark-all-read-button.loading .normal-icon {
36509 display: none;
36511 .popover-region-messages .mark-all-read-button.loading .loading-icon {
36512 display: inline-block;
36514 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
36515 display: none;
36517 .popover-region-messages .messages:empty + .empty-message {
36518 display: block;
36520 .popover-region-messages .content-item-container.unread .content-item-body {
36521 font-weight: 600;
36522 width: calc(90% - 30px);
36524 .popover-region-messages .content-item-container.unread .unread-count-container {
36525 display: inline-block;
36526 width: 10%;
36527 text-align: center;
36528 float: right;
36530 .popover-region-messages .content-item {
36531 height: 100%;
36532 width: 100%;
36533 box-sizing: border-box;
36535 .popover-region-messages .profile-image-container {
36536 width: 30px;
36537 display: inline-block;
36538 text-align: center;
36539 float: left;
36541 .popover-region-messages .profile-image-container img {
36542 width: 100%;
36543 display: inline-block;
36544 vertical-align: middle;
36545 border-radius: 50%;
36547 .popover-region-messages .content-item-body {
36548 display: inline-block;
36549 box-sizing: border-box;
36550 width: calc(100% - 30px);
36551 font-size: 12px;
36552 padding-left: 10px;
36553 overflow: hidden;
36555 .popover-region-messages .content-item-body h3 {
36556 font-size: 12px;
36557 line-height: 12px;
36558 margin: 0;
36559 width: 100%;
36561 .popover-region-messages .content-item-body p {
36562 margin: 0;
36564 .popover-region-messages .unread-count-container {
36565 display: none;
36568 @media (max-width: 767px) {
36569 .navbar .popover-region .popover-region-container {
36570 right: -70px;
36573 @media (max-width: 480px) {
36574 .navbar .popover-region .popover-region-container {
36575 position: fixed;
36576 top: 46px;
36577 right: 0;
36578 left: 0;
36579 bottom: 0;
36580 width: auto;
36581 height: auto;
36585 * Tour step must sit above all other UI components.
36586 * The backdrop is the lowest point in the tour.
36587 * Everything else is in the container, and the target background should be at the same z-index.
36588 * ----- moodle
36589 * ---- step backdrop
36590 * --- step container
36591 * --- step target background
36593 div[data-flexitour=backdrop] {
36594 background-color: #000;
36595 opacity: 0.5;
36596 z-index: 1040;
36599 div[data-flexitour=step-background-fader],
36600 div[data-flexitour=step-background] {
36601 border-radius: 0.3rem;
36602 padding: 10px;
36603 z-index: 1041;
36606 span[data-flexitour=container],
36607 div[data-flexitour=step-background-fader],
36608 [data-flexitour=step-backdrop] > td,
36609 [data-flexitour=step-backdrop] {
36610 z-index: 1042;
36613 span[data-flexitour=container] .modal-dialog {
36615 * Remove all margins to:
36616 * 1) ensure that the arrow touches the target; and
36617 * 2) ensure that the focus border touches the modal.
36619 margin: 0;
36621 span[data-flexitour=container] div[data-role=arrow] {
36622 border-width: 1rem;
36624 span[data-flexitour=container] div[data-role=arrow],
36625 span[data-flexitour=container] div[data-role=arrow]:after {
36626 position: absolute;
36627 display: block;
36628 width: 0;
36629 height: 0;
36630 border-color: transparent;
36631 border-style: solid;
36632 border-width: 1rem;
36634 span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
36635 margin-bottom: 1rem;
36637 span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
36638 bottom: -1rem;
36639 left: 50%;
36640 margin-left: -1rem;
36641 border-bottom-width: 0;
36642 border-top-color: rgba(0, 0, 0, 0.25);
36644 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 {
36645 bottom: 1px;
36646 margin-left: -1rem;
36647 content: " ";
36648 border-bottom-width: 0;
36649 border-top-color: #fff;
36651 span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
36652 margin-top: 1rem;
36654 span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
36655 top: -1rem;
36656 left: 50%;
36657 margin-left: -1rem;
36658 border-top-width: 0;
36659 border-bottom-color: rgba(0, 0, 0, 0.25);
36661 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 {
36662 top: 1px;
36663 margin-left: -1rem;
36664 content: " ";
36665 border-top-width: 0;
36666 border-bottom-color: #fff;
36668 span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
36669 margin-right: 1rem;
36671 span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
36672 right: -1rem;
36673 top: 50%;
36674 margin-top: -1rem;
36675 border-right-width: 0;
36676 border-left-color: rgba(0, 0, 0, 0.25);
36678 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 {
36679 right: 1px;
36680 margin-top: -1rem;
36681 content: " ";
36682 border-right-width: 0;
36683 border-left-color: #fff;
36685 span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
36686 margin-left: 1rem;
36688 span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
36689 left: -1rem;
36690 top: 50%;
36691 margin-top: -1rem;
36692 border-left-width: 0;
36693 border-right-color: rgba(0, 0, 0, 0.25);
36695 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 {
36696 left: 1px;
36697 margin-top: -1rem;
36698 content: " ";
36699 border-left-width: 0;
36700 border-right-color: #fff;
36702 .dir-rtl span[data-flexitour=container][x-placement^=right] {
36703 margin-left: 1rem;
36705 .dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
36706 transform: rotate(180deg);
36707 left: -1rem;
36708 right: auto;
36710 .dir-rtl span[data-flexitour=container][x-placement^=left] {
36711 margin-right: 1rem;
36713 .dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
36714 transform: rotate(180deg);
36715 left: auto;
36716 right: -1rem;
36719 [data-region=drawer] [data-flexitour=container] {
36720 /*rtl:ignore*/
36721 margin-left: -15px;
36722 width: 275px;
36725 @media print {
36726 body.drawer-open-left.jsenabled,
36727 body.drawer-open-right.jsenabled {
36728 margin: 0;
36730 .container {
36731 width: auto;
36734 .modal .modal-body > .loading-icon {
36735 display: block;
36736 position: relative;
36737 width: 100%;
36738 height: 100%;
36740 .modal .modal-body > .loading-icon .icon {
36741 position: absolute;
36742 top: 50%;
36743 /*rtl:ignore*/
36744 left: 50%;
36745 transform: translate(-50%, -50%);
36747 .modal .close {
36748 margin: -0.8rem -0.8rem -0.8rem auto;
36750 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
36751 opacity: inherit;
36754 .layout.fullscreen {
36755 height: 100vh;
36756 position: fixed;
36757 top: 0;
36758 left: 0;
36759 z-index: 1040;
36760 transition: 0.5s;
36761 width: 100vw;
36762 margin: 0;
36763 opacity: 1;
36764 background-color: #fff;
36766 @media (prefers-reduced-motion: reduce) {
36767 .layout.fullscreen {
36768 transition: none;
36771 .layout.fullscreen > div {
36772 height: 100%;
36773 width: 100%;
36775 .layout.fullscreen .loading-icon {
36776 margin-left: auto;
36777 margin-right: auto;
36778 text-align: center;
36779 display: inline-block;
36780 width: 100%;
36781 top: 40%;
36782 position: fixed;
36784 .layout.fullscreen .loading-icon .icon {
36785 max-width: 4em;
36786 max-height: 4em;
36787 font-size: 4em;
36790 #page.drawers {
36791 margin-top: 50px;
36792 scrollbar-width: thin;
36793 scrollbar-color: #6a737b #f8f9fa;
36795 #page.drawers::-webkit-scrollbar {
36796 width: 12px;
36798 #page.drawers::-webkit-scrollbar-track {
36799 background: #f8f9fa;
36801 #page.drawers::-webkit-scrollbar-thumb {
36802 background-color: #6a737b;
36803 border-radius: 20px;
36804 border: 3px solid #f8f9fa;
36806 #page.drawers::-webkit-scrollbar-thumb:hover {
36807 background-color: #495057;
36809 #page.drawers .main-inner {
36810 max-width: 100%;
36811 width: 100%;
36812 margin: 0 auto;
36813 border-radius: 0.25rem;
36814 background-color: #fff;
36815 padding: 1.5rem 0.5rem;
36816 margin-top: 0.5rem;
36817 margin-bottom: 3rem;
36818 flex: 1 0 auto;
36820 #page.drawers .activity-header {
36821 margin-left: 15px;
36822 margin-right: 15px;
36825 @media (min-width: 768px) {
36826 .pagelayout-standard #page.drawers .main-inner,
36827 body.limitedwidth #page.drawers .main-inner {
36828 max-width: 830px;
36830 .pagelayout-standard #page.drawers .footer-popover,
36831 body.limitedwidth #page.drawers .footer-popover {
36832 max-width: 830px;
36833 width: 100%;
36834 margin: 0 auto;
36835 border-radius: 0.25rem;
36837 body.mediumwidth #page.drawers .main-inner {
36838 max-width: 1120px;
36840 body.mediumwidth #page.drawers .footer-popover {
36841 max-width: 1120px;
36842 width: 100%;
36843 margin: 0 auto;
36844 border-radius: 0.25rem;
36846 .header-maxwidth {
36847 max-width: 830px;
36848 margin: 0 auto;
36849 padding-left: 15px;
36850 padding-right: 15px;
36852 .header-maxwidth .header-inner {
36853 padding-left: 0;
36854 padding-right: 0;
36857 .drawer-toggles .drawer-toggler {
36858 position: fixed;
36859 top: calc(50px + 0.7rem);
36860 z-index: 2;
36862 .drawer-toggles .drawer-toggler .btn {
36863 border-radius: 200px;
36864 padding: 16px;
36865 background-color: #dee2e6;
36866 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
36867 transition: padding 200ms;
36869 .drawer-toggles .drawer-toggler .btn .icon {
36870 width: auto;
36871 height: auto;
36873 .drawer-toggles .drawer-toggler .btn:focus {
36874 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
36876 .drawer-toggles .drawer-left-toggle {
36877 left: 0;
36879 .drawer-toggles .drawer-left-toggle .btn {
36880 border-top-left-radius: 0;
36881 border-bottom-left-radius: 0;
36882 padding-right: 14px;
36883 padding-left: 10px;
36885 .drawer-toggles .drawer-left-toggle .btn:hover {
36886 padding-left: 20px;
36888 .drawer-toggles .drawer-right-toggle {
36889 right: 0;
36891 .drawer-toggles .drawer-right-toggle .btn {
36892 border-top-right-radius: 0;
36893 border-bottom-right-radius: 0;
36894 padding-right: 10px;
36895 padding-left: 14px;
36897 .drawer-toggles .drawer-right-toggle .btn:hover {
36898 padding-right: 20px;
36901 #page.drawers.show-drawer-left .drawer-left-toggle {
36902 display: none;
36905 #page.drawers.show-drawer-right .drawer-right-toggle {
36906 display: none;
36909 @media (max-width: 767.98px) {
36910 .drawer-toggles {
36911 z-index: 100;
36913 .drawer-toggles .drawer-right-toggle,
36914 .drawer-toggles .drawer-left-toggle {
36915 top: calc(99vh - (50px * 2.5));
36917 #page.drawers.scroll-down .drawer-right-toggle {
36918 transform: translateX(150%);
36919 pointer-events: auto;
36920 visibility: hidden;
36922 #page.drawers.scroll-down .drawer-left-toggle {
36923 transform: translateX(-150%);
36924 pointer-events: auto;
36925 visibility: hidden;
36928 @media (min-width: 576px) {
36929 #page.drawers .main-inner {
36930 margin-top: 1.5rem;
36933 @media (min-width: 768px) {
36934 #page.drawers {
36935 padding-left: 3rem;
36936 padding-right: 3rem;
36938 #page.drawers .main-inner {
36939 padding: 1.5rem 0.5rem;
36941 #page.drawers div[role=main] {
36942 padding-left: 15px;
36943 padding-right: 15px;
36946 @media (min-width: 992px) {
36947 .drawer-left,
36948 .drawer-right {
36949 top: 50px;
36950 height: calc(100vh - 50px);
36952 .hasstickyfooter .drawer-left,
36953 .hasstickyfooter .drawer-right {
36954 top: 50px;
36955 height: calc(100vh - 50px - max(80px, 0.9375rem * 3));
36957 #page.drawers {
36958 position: relative;
36959 overflow-y: visible;
36960 transition: 0.2s;
36961 left: 0;
36962 right: 0;
36965 @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
36966 #page.drawers {
36967 transition: none;
36970 @media (min-width: 992px) {
36971 #page.drawers.show-drawer-left {
36972 margin-left: 285px;
36973 margin-right: 0;
36974 padding-left: 1rem;
36977 @media (min-width: 992px) {
36978 #page.drawers.show-drawer-right {
36979 margin-left: 0;
36980 margin-right: 315px;
36981 padding-right: 1rem;
36983 .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 {
36984 right: calc(315px + 2rem);
36987 @media (min-width: 992px) {
36988 #page.drawers.show-drawer-left.show-drawer-right {
36989 margin-left: 285px;
36990 margin-right: 315px;
36993 @media (min-width: 992px) {
36994 #page.drawers.hasstickyfooter {
36995 margin-bottom: max(80px, 0.9375rem * 3);
36998 .drawercontrolbuttons {
36999 margin-top: 92px;
37001 .drawercontrolbuttons .buttons {
37002 z-index: 1;
37005 .form-control:-ms-input-placeholder {
37006 color: #6a737b;
37009 .custom-select {
37010 -webkit-appearance: none;
37011 -moz-appearance: none;
37014 .custom-range {
37015 -webkit-appearance: none;
37016 -moz-appearance: none;
37018 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
37019 -webkit-appearance: none;
37020 -moz-appearance: none;
37023 input[type=date].form-control,
37024 input[type=time].form-control,
37025 input[type=datetime-local].form-control,
37026 input[type=month].form-control {
37027 -webkit-appearance: none;
37028 -moz-appearance: none;
37031 @media (min-width: 576px) {
37032 .card-columns {
37033 -webkit-column-gap: 1.25rem;
37034 -moz-column-gap: 1.25rem;
37038 .carousel-item {
37039 -webkit-backface-visibility: hidden;
37042 .card {
37043 -webkit-background-clip: border-box;
37046 .carousel-indicators li,
37047 .dropdown-menu,
37048 .form-control,
37049 .modal-content,
37050 .popover,
37051 .toast {
37052 -webkit-background-clip: padding-box;
37055 .btn {
37056 -webkit-user-select: none;
37057 -ms-user-select: none;
37060 .user-select-all {
37061 -webkit-user-select: all !important; /* stylelint-disable-line declaration-no-important */
37062 -ms-user-select: none;
37065 .user-select-auto {
37066 -webkit-user-select: auto !important; /* stylelint-disable-line declaration-no-important */
37067 -ms-user-select: none;
37070 .user-select-none {
37071 -webkit-user-select: none !important; /* stylelint-disable-line declaration-no-important */
37072 -ms-user-select: none;
37075 .editor_atto_content_wrap {
37076 background-color: #fff;
37077 color: #333;
37080 .editor_atto_content {
37081 padding: 4px;
37082 resize: vertical;
37083 overflow: auto;
37086 .editor_atto_content_wrap,
37087 .editor_atto + textarea {
37088 width: 100%;
37089 padding: 0;
37092 .editor_atto + textarea {
37093 border-radius: 0;
37094 resize: vertical;
37095 margin-top: -1px;
37098 div.editor_atto_toolbar {
37099 display: block;
37100 background: #f2f2f2;
37101 min-height: 35px;
37102 border: 1px solid #8f959e;
37103 width: 100%;
37104 padding: 0 0 9px 0;
37105 border-top-left-radius: 0.25rem;
37106 border-top-right-radius: 0.25rem;
37109 div.editor_atto_toolbar button {
37110 padding: 4px 9px;
37111 background: none;
37112 border: 0;
37113 margin: 0;
37114 border-radius: 0;
37115 cursor: pointer;
37118 div.editor_atto_toolbar .menuplaceholder {
37119 display: inline-block;
37122 div.editor_atto_toolbar button + button,
37123 div.editor_atto_toolbar .menuplaceholder + button {
37124 border-left: 1px solid #ccc;
37127 div.editor_atto_toolbar button[disabled] {
37128 opacity: 0.45;
37129 background: none;
37130 cursor: default;
37133 .editor_atto_toolbar button:hover {
37134 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
37135 background-color: #ebebeb;
37138 .editor_atto_toolbar button:active,
37139 .editor_atto_toolbar button.highlight {
37140 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
37141 background-color: #dfdfdf;
37144 /* Make firefox button sizes match other browsers */
37145 div.editor_atto_toolbar button::-moz-focus-inner {
37146 border: 0;
37147 padding: 0;
37150 div.editor_atto_toolbar button .icon {
37151 padding: 0;
37152 margin: 2px 0;
37155 div.editor_atto_toolbar div.atto_group {
37156 display: inline-block;
37157 border: 1px solid #ccc;
37158 border-bottom: 1px solid #b3b3b3;
37159 border-radius: 4px;
37160 margin: 9px 0 0 9px;
37161 background: #fff;
37164 div.editor_atto_toolbar .atto_toolbar_row {
37165 margin: 6px 0 -3px 5px;
37166 display: table;
37168 div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
37169 margin: 3px 5px 3px 4px;
37172 .editor_atto_content img {
37173 resize: both;
37174 overflow: auto;
37177 .atto_hasmenu {
37178 /* IE8 places the images on top of each other if that is not set. */
37179 white-space: nowrap;
37182 .atto_menuentry .icon {
37183 width: 16px;
37184 height: 16px;
37187 .atto_menuentry {
37188 clear: left;
37191 .atto_menuentry h1,
37192 .atto_menuentry h2,
37193 .atto_menuentry p {
37194 margin: 4px;
37197 /*.atto_form label.sameline {
37198 display: inline-block;
37199 min-width: 10em;
37201 .atto_form textarea.fullwidth,
37202 .atto_form input.fullwidth {
37203 width: 100%;
37206 .atto_form {
37207 padding: 0.5rem;
37210 /*.atto_form label {
37211 display: block;
37212 margin: 0 0 5px 0;
37214 .atto_control {
37215 position: absolute;
37216 right: -6px;
37217 bottom: -6px;
37218 display: none;
37219 cursor: pointer;
37222 .atto_control .icon {
37223 background-color: #fff;
37226 div.editor_atto_content:focus .atto_control,
37227 div.editor_atto_content:hover .atto_control {
37228 display: block;
37231 .editor_atto_menu.yui3-menu-hidden {
37232 display: none;
37235 /* Get broken images back in firefox */
37236 .editor_atto_content img:-moz-broken {
37237 -moz-force-broken-image-icon: 1;
37238 min-width: 24px;
37239 min-height: 24px;
37242 /* Atto menu styling */
37243 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
37244 padding: 0;
37245 z-index: 1000;
37248 .editor_atto_menu .dropdown-menu > li > a {
37249 margin: 3px 14px;
37252 .editor_atto_menu .open ul.dropdown-menu {
37253 padding-top: 5px;
37254 padding-bottom: 5px;
37257 .editor_atto_wrap {
37258 position: relative;
37261 /*rtl:ignore*/
37262 .editor_atto_wrap textarea {
37263 direction: ltr;
37266 .editor_atto_notification {
37267 display: inline-block;
37268 padding: 0.5em;
37269 padding-left: 1em;
37270 padding-right: 1em;
37271 border-bottom-left-radius: 1em;
37272 border-bottom-right-radius: 1em;
37274 .editor_atto_notification .atto_info {
37275 background-color: #f2f2f2;
37277 .editor_atto_notification .atto_warning {
37278 background-color: #ffd700;
37281 .editor_atto_toolbar,
37282 .editor_atto_content_wrap,
37283 .editor_atto + textarea {
37284 box-sizing: border-box;
37287 .editor_atto_content.form-control {
37288 width: 100%;
37289 border-top: 0;
37290 border-top-left-radius: 0;
37291 border-top-right-radius: 0;
37294 /** Atto fields do not have form-control because that would break the layout of the editor.
37295 So they need these extra styles to highlight the editor when there is a validation error. */
37296 .has-danger .editor_atto_content.form-control .invalid-feedback,
37297 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
37298 display: none;
37299 width: 100%;
37300 margin-top: 0.25rem;
37301 font-size: 0.875em;
37302 color: #ca3120;
37304 .has-danger .editor_atto_content.form-control .invalid-tooltip,
37305 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37306 position: absolute;
37307 top: 100%;
37308 left: 0;
37309 z-index: 5;
37310 display: none;
37311 max-width: 100%;
37312 padding: 0.25rem 0.5rem;
37313 margin-top: 0.1rem;
37314 font-size: 0.8203125rem;
37315 line-height: 1.5;
37316 color: #fff;
37317 background-color: rgba(202, 49, 32, 0.9);
37318 border-radius: 0.25rem;
37320 .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,
37321 .form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip,
37322 .form-row > [class*=col-] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37323 left: 5px;
37325 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback,
37326 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback,
37327 .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip,
37328 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback,
37329 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip,
37330 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback,
37331 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
37332 display: block;
37334 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid,
37335 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,
37336 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
37337 border-color: #ca3120;
37338 padding-right: calc(1.5em + 0.75rem) !important;
37339 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");
37340 background-repeat: no-repeat;
37341 background-position: right calc(0.375em + 0.1875rem) center;
37342 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
37344 .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,
37345 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,
37346 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
37347 border-color: #ca3120;
37348 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37350 .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,
37351 .was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid,
37352 .has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
37353 padding-right: 3rem !important;
37354 background-position: right 1.5rem center;
37356 .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,
37357 .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,
37358 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
37359 padding-right: calc(1.5em + 0.75rem);
37360 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
37362 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid,
37363 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,
37364 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
37365 border-color: #ca3120;
37366 padding-right: calc(0.75em + 2.3125rem) !important;
37367 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;
37369 .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,
37370 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,
37371 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
37372 border-color: #ca3120;
37373 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37375 .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,
37376 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label,
37377 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
37378 color: #ca3120;
37380 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback,
37381 .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,
37382 .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip,
37383 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback,
37384 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip,
37385 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback,
37386 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
37387 display: block;
37389 .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,
37390 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label,
37391 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
37392 color: #ca3120;
37394 .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,
37395 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before,
37396 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
37397 border-color: #ca3120;
37399 .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,
37400 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before,
37401 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
37402 border-color: #e04d3d;
37403 background-color: #e04d3d;
37405 .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,
37406 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before,
37407 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
37408 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37410 .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,
37411 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
37412 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
37413 border-color: #ca3120;
37415 .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,
37416 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label,
37417 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
37418 border-color: #ca3120;
37420 .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,
37421 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label,
37422 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
37423 border-color: #ca3120;
37424 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37427 .open.atto_menu > .dropdown-menu {
37428 display: block;
37431 div.editor_atto_toolbar button .icon {
37432 color: #495057;
37435 .toast {
37436 border-radius: 0.25rem;
37438 .toast.toast-success {
37439 background-color: rgba(215, 228, 214, 0.95);
37440 color: #1c3f1a;
37442 .toast.toast-success .toast-header {
37443 color: #1c3f1a;
37445 .toast.toast-success .toast-body:before {
37446 margin: 2px 5px 0 0;
37447 content: "\f058";
37449 .toast.toast-danger {
37450 background-color: rgba(244, 214, 210, 0.95);
37451 color: #691911;
37453 .toast.toast-danger .toast-header {
37454 color: #691911;
37456 .toast.toast-danger .toast-body:before {
37457 margin: 2px 5px 0 0;
37458 content: "\f057";
37460 .toast.toast-info {
37461 background-color: rgba(204, 230, 234, 0.95);
37462 color: #00434e;
37464 .toast.toast-info .toast-header {
37465 color: #00434e;
37467 .toast.toast-info .toast-body:before {
37468 margin: 2px 5px 0 0;
37469 content: "\f05a";
37471 .toast.toast-warning {
37472 background-color: rgba(252, 239, 220, 0.95);
37473 color: #7d5a29;
37475 .toast.toast-warning .toast-header {
37476 color: #7d5a29;
37478 .toast.toast-warning .toast-body:before {
37479 margin: 2px 5px 0 0;
37480 content: "\f06a";
37482 .toast .close {
37483 color: inherit;
37486 .navbar.fixed-top {
37487 padding-top: 0;
37488 padding-bottom: 0;
37489 box-shadow: none;
37490 border-bottom: #dee2e6 1px solid;
37491 align-items: stretch;
37492 height: 51px;
37494 .navbar.fixed-top .navbar-brand .logo {
37495 max-height: calc(50px - (0.25rem * 2));
37497 .navbar.fixed-top .nav-link {
37498 height: 100%;
37499 display: flex;
37500 align-items: center;
37501 white-space: nowrap;
37503 .navbar.fixed-top .divider {
37504 width: 1px;
37505 background-color: #dee2e6;
37507 .navbar.fixed-top #usernavigation .nav-link {
37508 padding: 0 0.5rem;
37510 .navbar.fixed-top .login {
37511 display: flex;
37512 align-items: center;
37514 .navbar.fixed-top .usermenu {
37515 display: flex;
37517 .navbar.fixed-top .usermenu .action-menu {
37518 display: flex;
37519 align-items: center;
37521 .navbar.fixed-top .usermenu .dropdown {
37522 display: flex;
37523 align-items: center;
37525 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
37526 padding-top: 0;
37527 padding-bottom: 0;
37528 border-radius: 0;
37529 display: flex;
37530 align-items: center;
37531 height: 100%;
37533 .navbar.fixed-top .usermenu .dropdown-menu {
37534 min-width: 235px;
37536 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
37537 pointer-events: none;
37539 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
37540 padding: 0.25rem 1.75rem 0.25rem 0.75rem;
37542 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37543 content: "\f0da";
37544 font-size: 1rem;
37545 right: 0.75rem;
37546 position: absolute;
37548 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
37549 padding: 0.25rem 0.75rem;
37550 font-size: 0.975rem;
37552 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
37553 font-size: 20px;
37554 height: 20px;
37555 width: 20px;
37556 margin: 0;
37558 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before {
37559 content: "\f00c";
37560 font-size: 0.75rem;
37561 padding-left: 0.25rem;
37563 .navbar.fixed-top .usermenu .login {
37564 display: flex;
37565 align-items: center;
37567 .navbar.fixed-top .usermenu .dropdown,
37568 .navbar.fixed-top .langmenu .dropdown {
37569 display: flex;
37570 align-items: center;
37571 height: 100%;
37573 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
37574 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
37575 padding-top: 0;
37576 padding-bottom: 0;
37577 border-radius: 0;
37578 display: flex;
37579 align-items: center;
37580 height: 100%;
37582 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current=true]::before {
37583 content: "\f00c";
37584 font-size: 0.75rem;
37585 padding-left: 0.25rem;
37587 @media (max-width: 767.98px) {
37588 .navbar.fixed-top .langmenu .langbutton {
37589 display: none;
37592 .navbar.fixed-top .moodle-actionmenu .menubar,
37593 .navbar.fixed-top .action-menu-trigger .dropdown {
37594 height: 100%;
37595 display: flex;
37598 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37599 content: "\f0d9";
37601 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
37602 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
37603 transform: translateX(0);
37605 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
37606 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
37607 transform: translateX(-100%);
37609 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
37610 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
37611 transform: translateX(100%);
37614 #page {
37615 margin-top: 50px;
37618 .pagelayout-embedded #page {
37619 margin-top: 0;
37622 .navbar-bootswatch .navbar-brand {
37623 overflow: hidden;
37624 text-overflow: ellipsis;
37626 .navbar-bootswatch .navbar-brand .sitename {
37627 overflow: hidden;
37628 white-space: nowrap;
37629 text-overflow: ellipsis;
37632 :root {
37633 --navbar-height: 50px;
37637 * Reportbuilder styles.
37639 .reportbuilder-wrapper .btn-outline-secondary[data-toggle=collapse]:not(.collapsed),
37640 .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-toggle=dropdown] {
37641 color: #fff;
37642 background-color: #6a737b;
37643 border-color: #6a737b;
37646 .reportbuilder-table .action-menu .menubar {
37647 justify-content: end;
37650 .reportbuilder-wrapper .filters-dropdown {
37651 width: 27rem;
37652 padding: 0 0 4rem 0;
37653 z-index: 1050;
37654 overflow: hidden;
37656 @media (max-width: 767.98px) {
37657 .reportbuilder-wrapper .filters-dropdown {
37658 width: 100%;
37662 .reportbuilder-filters-sidebar {
37663 max-height: 30rem;
37664 overflow-y: auto;
37665 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37666 scrollbar-width: thin;
37667 scrollbar-color: #6a737b #fff;
37668 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;
37669 background-repeat: no-repeat;
37670 background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
37671 background-attachment: local, local, scroll, scroll;
37673 .reportbuilder-filters-sidebar::-webkit-scrollbar {
37674 width: 12px;
37676 .reportbuilder-filters-sidebar::-webkit-scrollbar-track {
37677 background: #fff;
37679 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
37680 background-color: #6a737b;
37681 border-radius: 20px;
37682 border: 3px solid #fff;
37684 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
37685 background-color: #495057;
37687 .reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
37688 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37690 .reportbuilder-filters-sidebar .filter .filter-name:hover {
37691 white-space: normal;
37692 text-overflow: clip;
37693 word-break: break-all;
37695 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] {
37696 position: absolute;
37697 bottom: 0;
37698 height: 4rem;
37699 align-items: center;
37701 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] .col-form-label {
37702 display: none !important; /* stylelint-disable-line declaration-no-important */
37705 .reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector,
37706 .reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
37707 flex-wrap: wrap;
37709 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem,
37710 .reportbuilder-conditions-list .mform.full-width-labels .fitem {
37711 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
37712 max-width: 100%;
37714 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child,
37715 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child {
37716 flex: 1;
37717 min-width: 0;
37719 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child span,
37720 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child .custom-select,
37721 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child span,
37722 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child .custom-select {
37723 width: 100%;
37726 @media (min-width: 992px) {
37727 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
37728 position: fixed;
37730 .path-admin-reportbuilder.pagelayout-popup #region-main {
37731 border: none;
37732 padding: 0;
37734 .path-admin-reportbuilder.pagelayout-popup #maincontent {
37735 visibility: hidden;
37737 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
37738 position: fixed;
37739 z-index: 1030;
37740 width: calc(100% - 35px);
37741 padding-top: 1.25rem;
37742 background-color: #fff;
37743 box-shadow: 0 1.25rem 0 #fff;
37745 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
37746 padding-top: 83px;
37748 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
37749 position: fixed;
37751 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
37752 max-height: calc(100vh - 153px - 52px);
37754 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
37755 position: fixed;
37756 right: 30px;
37757 max-height: calc(100vh - 153px);
37759 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
37760 max-height: calc(100vh - 153px);
37761 overflow-y: auto;
37762 scrollbar-width: thin;
37763 scrollbar-color: #6a737b #f8f9fa;
37764 margin-left: calc(250px + 1rem);
37765 margin-right: calc(350px + 1rem);
37767 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
37768 width: 12px;
37770 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
37771 background: #f8f9fa;
37773 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
37774 background-color: #6a737b;
37775 border-radius: 20px;
37776 border: 3px solid #f8f9fa;
37778 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
37779 background-color: #495057;
37781 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
37782 margin-left: calc(250px + 1rem);
37785 #page-admin-reportbuilder-edit #page {
37786 overflow-y: auto;
37789 .reportbuilder-report-container {
37790 min-width: 0;
37792 .reportbuilder-report-container button[data-action=toggle-edit-preview] .loading-icon {
37793 margin-left: 0.5rem;
37796 .reportbuilder-editor-table-container {
37797 overflow-x: auto;
37800 .reportbuilder-table th button[data-action=report-remove-column] .icon,
37801 .reportbuilder-table th span[data-drag-type=move] .icon {
37802 width: 12px;
37803 height: 12px;
37804 font-size: 12px;
37805 vertical-align: text-top;
37806 color: #1d2125;
37808 .reportbuilder-table th button[data-action=report-remove-column] .icon {
37809 margin-right: 0;
37812 @media (min-width: 992px) {
37813 .reportbuilder-sidebar-menu {
37814 width: 250px;
37815 flex-shrink: 0;
37818 .reportbuilder-sidebar-menu .card-body .list-group-item {
37819 padding: 0.75rem;
37821 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
37822 width: 12px;
37823 height: 12px;
37824 font-size: 12px;
37827 .reportbuilder-sidebar-menu-cards {
37828 overflow-y: auto;
37829 scrollbar-width: thin;
37830 scrollbar-color: #6a737b #f8f9fa;
37832 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
37833 width: 12px;
37835 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
37836 background: #f8f9fa;
37838 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
37839 background-color: #6a737b;
37840 border-radius: 20px;
37841 border: 3px solid #f8f9fa;
37843 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
37844 background-color: #495057;
37847 .reportbuilder-sidebar-settings {
37848 overflow-y: auto;
37849 scrollbar-width: thin;
37850 scrollbar-color: #6a737b #f8f9fa;
37852 .reportbuilder-sidebar-settings::-webkit-scrollbar {
37853 width: 12px;
37855 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
37856 background: #f8f9fa;
37858 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
37859 background-color: #6a737b;
37860 border-radius: 20px;
37861 border: 3px solid #f8f9fa;
37863 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
37864 background-color: #495057;
37866 @media (min-width: 992px) {
37867 .reportbuilder-sidebar-settings {
37868 width: 350px;
37869 flex-shrink: 0;
37872 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-selection,
37873 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-selection {
37874 display: none;
37876 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-input,
37877 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-input {
37878 width: 100%;
37880 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-suggestions,
37881 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-suggestions {
37882 width: calc(100% - 2 * 0.5rem);
37884 .reportbuilder-sidebar-settings .list-group-item {
37885 padding: 0.75rem;
37887 .reportbuilder-sidebar-settings .list-group-item .icon {
37888 width: 12px;
37889 height: 12px;
37890 font-size: 12px;
37891 color: #1d2125;
37893 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
37894 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
37895 margin-right: 0;
37896 vertical-align: text-top;
37898 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
37899 vertical-align: text-top;
37901 .reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
37902 vertical-align: middle;
37904 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
37905 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
37906 flex: 1 1;
37907 max-width: initial;
37909 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
37910 flex-basis: auto;
37912 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
37913 width: 100%;
37916 @keyframes sortable-list-drag-color-reset {
37917 from {
37918 background-color: #a2cff8;
37920 to {
37921 background-color: inherit;
37924 .reportbuilder-sortable-list li.sortable-list-current-position,
37925 .reportbuilder-table th.sortable-list-current-position,
37926 .reportbuilder-conditions-list .condition.sortable-list-current-position {
37927 background-color: #a2cff8;
37929 .reportbuilder-sortable-list li.sortable-list-is-dragged,
37930 .reportbuilder-table th.sortable-list-is-dragged,
37931 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
37932 background-color: #fff;
37933 opacity: 0.85;
37935 .reportbuilder-sortable-list li.sortable-list-is-dropped,
37936 .reportbuilder-table th.sortable-list-is-dropped,
37937 .reportbuilder-conditions-list .condition.sortable-list-is-dropped {
37938 animation: sortable-list-drag-color-reset 1s ease;
37941 .reportbuilder-toggle-card .card-header {
37942 border-bottom: none;
37944 .reportbuilder-toggle-card .card-body {
37945 border-top: 1px solid rgba(0, 0, 0, 0.125);
37947 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
37948 color: #6a737b;
37949 font-size: 1.5em;
37950 font-weight: 700;
37952 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
37953 display: none;
37955 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
37956 display: inline-block;
37958 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
37959 display: inline-block;
37961 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
37962 display: none;
37965 .reportbuilder-audiences-container .audience-separator {
37966 text-transform: uppercase;
37968 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
37969 content: "";
37970 flex: 1;
37971 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
37973 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
37974 margin-right: 1rem;
37976 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
37977 margin-left: 1rem;
37979 .reportbuilder-audiences-container .instance-card .card-header i.icon {
37980 margin-right: 0;
37983 @media (max-width: 575.98px) {
37984 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
37985 display: none;
37987 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
37988 display: flex;
37989 flex-direction: column;
37990 margin: 0.5rem 0;
37991 padding: 0.25rem 0.5rem 0 0.5rem;
37992 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37993 word-wrap: break-word;
37994 background-clip: border-box;
37995 border: 1px solid rgba(0, 0, 0, 0.125);
37996 border-radius: 0.25rem;
37998 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
37999 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38001 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
38002 display: none;
38004 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38005 display: none;
38007 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
38008 display: block;
38009 min-height: 3.6rem;
38010 padding: 0.5rem 0.25rem;
38011 border: none;
38013 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
38014 content: attr(data-cardtitle);
38015 display: block;
38016 text-transform: uppercase;
38017 font-size: 70%;
38018 color: #343a40;
38020 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
38021 min-height: 3rem;
38023 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38024 border-top: 1px solid rgba(0, 0, 0, 0.125);
38026 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
38027 padding-right: 2rem;
38029 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
38030 display: block !important; /* stylelint-disable-line declaration-no-important */
38031 position: absolute;
38032 right: 10px;
38034 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
38035 padding: 0 0.5rem;
38036 color: #6a737b;
38038 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
38039 font-size: 1.5em;
38040 font-weight: bold;
38043 @media (min-width: 576px) {
38044 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
38045 display: none;
38047 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
38048 display: flex;
38049 flex-direction: column;
38050 margin: 0.5rem 0;
38051 padding: 0.25rem 0.5rem 0 0.5rem;
38052 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38053 word-wrap: break-word;
38054 background-clip: border-box;
38055 border: 1px solid rgba(0, 0, 0, 0.125);
38056 border-radius: 0.25rem;
38058 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
38059 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38061 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
38062 display: none;
38064 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38065 display: none;
38067 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
38068 display: block;
38069 min-height: 3.6rem;
38070 padding: 0.5rem 0.25rem;
38071 border: none;
38073 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
38074 content: attr(data-cardtitle);
38075 display: block;
38076 text-transform: uppercase;
38077 font-size: 70%;
38078 color: #343a40;
38080 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
38081 min-height: 3rem;
38083 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38084 border-top: 1px solid rgba(0, 0, 0, 0.125);
38086 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
38087 padding-right: 2rem;
38089 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
38090 display: block !important; /* stylelint-disable-line declaration-no-important */
38091 position: absolute;
38092 right: 10px;
38094 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
38095 padding: 0 0.5rem;
38096 color: #6a737b;
38098 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
38099 font-size: 1.5em;
38100 font-weight: bold;
38104 .courseindex .courseindex-item {
38105 padding: 0.5rem 0.5rem;
38106 border: 1px solid transparent;
38107 border-radius: 0.25rem;
38109 .courseindex .courseindex-item.courseindex-section-title a {
38110 font-weight: bold;
38112 .courseindex .courseindex-item .icons-collapse-expand {
38113 padding-right: 4px;
38115 .courseindex .courseindex-item .courseindex-link,
38116 .courseindex .courseindex-item .courseindex-chevron {
38117 color: #495057;
38119 .courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus,
38120 .courseindex .courseindex-item .courseindex-chevron:hover,
38121 .courseindex .courseindex-item .courseindex-chevron:focus {
38122 color: black;
38123 text-decoration: none;
38125 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
38126 color: black;
38128 .courseindex .courseindex-item:hover .courseindex-link,
38129 .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
38130 .courseindex .courseindex-item:focus .courseindex-chevron {
38131 color: black;
38132 cursor: pointer;
38134 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
38135 color: black;
38137 .courseindex .courseindex-item:hover.dimmed .courseindex-link,
38138 .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
38139 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
38140 color: black;
38142 .courseindex .courseindex-item.dragging {
38143 border: 1px solid #b8dce2;
38144 background-color: #e0f0f2;
38146 .courseindex .courseindex-item.active {
38147 background-color: #f8f9fa;
38148 border-color: #dee2e6;
38150 .courseindex .courseindex-item.dimmed {
38151 color: #6a737b;
38153 .courseindex .courseindex-item.dimmed .courseindex-link,
38154 .courseindex .courseindex-item.dimmed .courseindex-chevron {
38155 color: #6a737b;
38157 .courseindex .courseindex-item.dimmed.pageitem {
38158 color: #fff;
38160 .courseindex .courseindex-item.dimmed.pageitem a {
38161 color: #fff;
38163 .courseindex .courseindex-item .courseindex-locked {
38164 display: none;
38166 .courseindex .courseindex-item.restrictions .courseindex-locked {
38167 display: block;
38169 .courseindex .courseindex-item.pageitem {
38170 background-color: #0f6cbf;
38171 color: #fff;
38172 scroll-margin: 6rem;
38174 .courseindex .courseindex-item.pageitem a {
38175 color: #fff;
38177 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
38178 background-color: #0c589c;
38179 color: #e6e6e6;
38181 .courseindex .courseindex-item.pageitem:hover .courseindex-link,
38182 .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
38183 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
38184 color: #e6e6e6;
38186 .courseindex .courseindex-item .completioninfo {
38187 min-width: 24px;
38189 .courseindex .courseindex-item .completioninfo.completion_complete {
38190 color: #357a32;
38192 .courseindex .courseindex-item .completioninfo.completion_fail {
38193 color: #ca3120;
38195 .courseindex .courseindex-item.indented {
38196 margin-left: 1rem;
38198 .courseindex .courseindex-section {
38199 border-left: solid 3px transparent;
38201 .courseindex .courseindex-section.dragging {
38202 border: 1px solid #b8dce2;
38203 background-color: #e0f0f2;
38205 .courseindex .courseindex-section .current-badge {
38206 line-height: 1.5;
38207 display: none;
38209 .courseindex .courseindex-section.current {
38210 border-left: solid 3px #0f6cbf;
38212 .courseindex .courseindex-section.current .current-badge {
38213 display: inline-block;
38215 .courseindex .courseindex-section.dropready .courseindex-item-content {
38216 /* Extra dropzone space */
38217 padding-bottom: 1em;
38219 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
38220 padding-left: 0.5rem;
38222 .courseindex .icon {
38223 font-size: 12px;
38225 .courseindex .d-flex-noedit {
38226 display: none;
38228 .courseindex.editing .d-flex-noedit {
38229 display: flex;
38231 .courseindex .placeholders .rounded-circle {
38232 height: 1rem;
38233 width: 1rem;
38235 .courseindex .placeholders .w-100 {
38236 height: 1rem;
38237 margin: 0.5rem 0;
38240 .moremenu {
38241 opacity: 0;
38242 height: 50px;
38244 .moremenu.observed {
38245 opacity: 1;
38247 .moremenu .nav-link {
38248 height: 50px;
38249 display: flex;
38250 align-items: center;
38251 border-right: none;
38252 border-bottom: solid 3px transparent;
38253 border-left: none;
38254 border-top: none;
38256 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
38257 border-color: transparent;
38258 background-color: #f8f9fa;
38260 .moremenu .nav-link.active {
38261 background-color: #f8f9fa;
38262 border-color: transparent;
38263 border-bottom-color: #0f6cbf;
38265 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
38266 background-color: #f8f9fa;
38267 border-bottom-color: #0f6cbf;
38269 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
38270 position: relative;
38272 .moremenu .nav-link[data-toggle=tab] {
38273 display: inline-flex;
38274 flex-direction: column;
38275 align-items: center;
38276 justify-content: center;
38278 .moremenu .nav-link[data-toggle=tab]::after {
38279 content: attr(data-text)/"";
38280 height: 0;
38281 visibility: hidden;
38282 overflow: hidden;
38283 user-select: none;
38284 pointer-events: none;
38285 font-weight: bold;
38287 @media speech {
38288 .moremenu .nav-link[data-toggle=tab]::after {
38289 display: none;
38292 .moremenu .nav-tabs {
38293 margin-left: 0;
38294 background-color: #fff;
38296 .moremenu .show > .nav-link,
38297 .moremenu .active > .nav-link,
38298 .moremenu .nav-link.show,
38299 .moremenu .nav-link.active {
38300 background: transparent;
38302 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
38303 padding: 0;
38305 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
38306 position: static;
38307 padding: 0;
38308 border: 0;
38310 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
38311 display: block;
38313 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
38314 background-color: #f8f9fa;
38316 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
38317 color: #fff;
38318 background-color: #0f6cbf;
38320 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
38321 display: none;
38323 .moremenu .dropdown-item[aria-current=true],
38324 .moremenu .dropdown-item.active {
38325 background-color: transparent;
38326 color: #1d2125;
38328 .moremenu .dropdown-item[aria-current=true]:focus-within, .moremenu .dropdown-item[aria-current=true]:hover,
38329 .moremenu .dropdown-item.active:focus-within,
38330 .moremenu .dropdown-item.active:hover {
38331 background-color: #0f6cbf;
38332 color: #fff;
38334 .moremenu .dropdown-item[aria-current=true]:focus-within a, .moremenu .dropdown-item[aria-current=true]:hover a,
38335 .moremenu .dropdown-item.active:focus-within a,
38336 .moremenu .dropdown-item.active:hover a {
38337 color: #fff;
38339 .moremenu .dropdown-item[aria-current=true]:before,
38340 .moremenu .dropdown-item.active:before {
38341 content: "\f00c";
38344 .primary-navigation .navigation {
38345 height: 50px;
38347 .primary-navigation .navigation .nav-link {
38348 height: 50px;
38349 color: #1d2125;
38350 border-top: 3px solid transparent;
38353 @media (max-width: 767.98px) {
38354 .primary-navigation {
38355 display: none;
38357 .editmode-switch-form label {
38358 position: absolute;
38359 width: 1px;
38360 height: 1px;
38361 padding: 0;
38362 margin: -1px;
38363 overflow: hidden;
38364 clip: rect(0, 0, 0, 0);
38365 white-space: nowrap;
38366 border: 0;
38369 .editmode-switch-form .custom-control-input {
38370 width: 100%;
38371 z-index: 1;
38374 .drawer-primary .drawercontent {
38375 padding: 0;
38377 .drawer-primary .drawercontent .list-group {
38378 border-radius: 0;
38379 margin-top: -1px;
38381 .drawer-primary .drawercontent .list-group .list-group-item {
38382 border-left: 0;
38383 border-right: 0;
38386 .secondary-navigation {
38387 padding-bottom: 15px;
38389 .secondary-navigation .navigation {
38390 border-bottom: 1px solid #dee2e6;
38391 background-color: #fff;
38392 margin: 0 -0.5rem;
38393 padding: 0 0.5rem;
38395 .secondary-navigation .navigation .nav-tabs {
38396 border: none;
38397 max-width: 830px;
38398 margin: 0 auto;
38400 .secondary-navigation .navigation .nav-tabs .nav-link {
38401 border-radius: initial;
38404 @media (min-width: 768px) {
38405 .secondary-navigation .navigation {
38406 padding: 0 calc(0.5rem + 15px);
38409 .tertiary-navigation {
38410 padding-top: 10px;
38412 .tertiary-navigation.full-width-bottom-border {
38413 width: calc(100% + 1rem + 30px);
38414 margin-left: calc(-0.5rem - 15px);
38415 margin-right: calc(-0.5rem - 15px);
38416 border-bottom: 1px solid #dee2e6;
38417 margin-bottom: 25px;
38419 @media (max-width: 767.98px) {
38420 .tertiary-navigation.full-width-bottom-border {
38421 width: calc(100% + 1rem);
38422 margin-left: -0.5rem;
38423 margin-right: -0.5rem;
38426 .tertiary-navigation.full-width-bottom-border .row {
38427 margin: 0;
38428 padding-left: 0.5rem;
38429 padding-right: 0.5rem;
38431 .tertiary-navigation .navitem,
38432 .tertiary-navigation .navitem-divider {
38433 display: flex;
38434 margin-bottom: 25px;
38436 .tertiary-navigation .navitem-divider {
38437 width: 1px;
38438 background-color: #dee2e6;
38440 .tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
38441 margin-bottom: 25px;
38443 .tertiary-navigation .row {
38444 column-gap: 10px;
38446 .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
38447 padding: 0;
38448 font-size: 1.4rem;
38449 font-weight: bold;
38451 .tertiary-navigation .navitem:not(:last-child),
38452 .tertiary-navigation .navitem-divider:not(:last-child) {
38453 margin-right: 20px;
38455 .tertiary-navigation .btn > div {
38456 max-width: 200px;
38459 @media (max-width: 767.98px) {
38460 .tertiary-navigation .mform {
38461 padding-left: initial;
38464 @media (max-width: 575.98px) {
38465 .tertiary-navigation .page-toggler > p {
38466 font-size: 80%;
38469 @media print {
38470 .tertiary-navigation {
38471 display: none;
38474 .popover-process-monitor {
38475 position: fixed;
38476 right: 2rem;
38477 bottom: 5rem;
38478 width: 350px;
38479 background-color: #fff;
38480 border-radius: 0.25rem;
38481 border: 1px solid #dee2e6;
38483 .popover-process-monitor .process-list {
38484 max-height: 30vh;
38485 overflow: auto;
38486 scrollbar-width: thin;
38487 scrollbar-color: #6a737b #f8f9fa;
38489 .popover-process-monitor .process-list::-webkit-scrollbar {
38490 width: 12px;
38492 .popover-process-monitor .process-list::-webkit-scrollbar-track {
38493 background: #f8f9fa;
38495 .popover-process-monitor .process-list::-webkit-scrollbar-thumb {
38496 background-color: #6a737b;
38497 border-radius: 20px;
38498 border: 3px solid #f8f9fa;
38500 .popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
38501 background-color: #495057;
38503 .popover-process-monitor .queue-process {
38504 border-bottom: 1px solid #e9ecef;
38506 .popover-process-monitor .queue-process:last-child {
38507 border-bottom: 0;
38510 .moodlenet-share-dialog {
38511 min-height: 500px;
38513 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
38514 align-items: baseline;
38516 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
38517 display: flex;
38519 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
38520 width: auto;
38521 height: 1.3rem;
38523 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
38524 display: flex;
38525 padding-left: 0.5em;
38527 .moodlenet-share-dialog .modal-header.no-border {
38528 border-bottom: none;
38530 .moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
38531 display: none;
38533 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
38534 border-radius: 0.25rem;
38535 color: #1d2125;
38536 background-color: #f5f9fc;
38537 border-color: #3584c9;
38538 border-width: 1px;
38539 border-style: solid;
38540 padding: 0.6em 1.5em;
38541 margin-bottom: 1rem;
38543 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
38544 border-top-color: #3077b5;
38546 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
38547 color: #070808;
38549 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
38550 border-bottom: 1px solid #dee2e6;
38552 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type,
38553 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
38554 display: block;
38556 .moodlenet-share-dialog .modal-body .moodlenet-share-notice {
38557 background-color: #f8f9fa;
38558 padding: 1rem;
38560 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
38561 max-width: 4em;
38562 max-height: 4em;
38563 font-size: 4em;
38565 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
38566 height: 18rem;
38567 margin: auto;
38569 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
38570 background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
38572 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
38573 background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
38575 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
38576 display: block;
38577 margin: auto;
38579 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
38580 font-size: 8rem;
38581 width: auto;
38582 margin: 0;
38584 .moodlenet-share-dialog .modal-footer .moodlenet-share-to {
38585 margin-right: auto;
38589 * Dropdown menu Moodle specific styles.
38591 .dropdown-item a {
38592 display: block;
38593 width: 100%;
38594 color: #1d2125;
38596 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
38597 outline: 0;
38598 background-color: #0f6cbf;
38599 color: #fff;
38601 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
38602 color: #fff;
38604 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
38605 position: relative;
38606 display: flex;
38607 align-items: center;
38609 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
38610 content: "\f00c";
38611 position: absolute;
38612 left: 0.4rem;
38613 font-size: 0.7rem;
38616 .dropdown-menu {
38617 width: fit-content;
38620 .dropdown-item.text-primary {
38621 color: #0f6cbf;
38623 .dropdown-item.text-primary:hover {
38624 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38627 .dropdown-item.text-secondary {
38628 color: #ced4da;
38630 .dropdown-item.text-secondary:hover {
38631 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38634 .dropdown-item.text-success {
38635 color: #357a32;
38637 .dropdown-item.text-success:hover {
38638 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38641 .dropdown-item.text-info {
38642 color: #008196;
38644 .dropdown-item.text-info:hover {
38645 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38648 .dropdown-item.text-warning {
38649 color: #f0ad4e;
38651 .dropdown-item.text-warning:hover {
38652 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38655 .dropdown-item.text-danger {
38656 color: #ca3120;
38658 .dropdown-item.text-danger:hover {
38659 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38662 .dropdown-item.text-light {
38663 color: #f8f9fa;
38665 .dropdown-item.text-light:hover {
38666 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38669 .dropdown-item.text-dark {
38670 color: #343a40;
38672 .dropdown-item.text-dark:hover {
38673 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38677 Deprecations
38679 .path-course-view li.activity form.togglecompletion {
38680 /* stylelint-disable declaration-no-important */
38681 /* stylelint-enable */
38683 body.behat-site .path-course-view li.activity form.togglecompletion,
38684 .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,
38685 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion {
38686 outline: 3px dotted #ca3120 !important;
38687 background-color: #fceeed !important;
38689 body.behat-site .path-course-view li.activity form.togglecompletion::before,
38690 .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,
38691 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion::before {
38692 content: "Deprecated style in use" !important;
38693 color: #ca3120 !important;
38694 font-size: smaller !important;
38697 .path-course-view li.activity form.togglecompletion .ajaxworking {
38698 width: 16px;
38699 height: 16px;
38700 position: absolute;
38701 right: 22px;
38702 top: 3px;
38703 background: url([[pix:i/ajaxloader]]) no-repeat;
38706 .path-course-view li.activity form.togglecompletion .btn {
38707 padding: 0;
38710 .path-course-view li.activity form.togglecompletion img {
38711 max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
38714 body {
38715 -webkit-font-smoothing: antialiased;
38716 -moz-osx-font-smoothing: grayscale;
38719 .navbar {
38720 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
38723 .userpicture {
38724 border-radius: 50%;
38727 .block {
38728 background-color: #f8f9fa;
38731 #page-my-index {
38732 background-color: #fff;
38735 .btn-outline-secondary {
38736 color: #6a737b;
38737 border-color: #6a737b;
38738 border-color: #6a737b;
38740 .btn-outline-secondary:hover {
38741 color: #fff;
38742 background-color: #6a737b;
38743 border-color: #6a737b;
38745 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
38746 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38748 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
38749 color: #6a737b;
38750 background-color: transparent;
38752 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
38753 color: #fff;
38754 background-color: #6a737b;
38755 border-color: #6a737b;
38757 .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 {
38758 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38761 .btn-outline-info {
38762 color: #1f7e9a;
38763 border-color: #1f7e9a;
38765 .btn-outline-info:hover {
38766 color: #fff;
38767 background-color: #1f7e9a;
38768 border-color: #1f7e9a;
38770 .btn-outline-info:focus, .btn-outline-info.focus {
38771 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38773 .btn-outline-info.disabled, .btn-outline-info:disabled {
38774 color: #1f7e9a;
38775 background-color: transparent;
38777 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
38778 color: #fff;
38779 background-color: #1f7e9a;
38780 border-color: #1f7e9a;
38782 .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 {
38783 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38786 .btn-outline-warning {
38787 color: #a6670e;
38788 border-color: #a6670e;
38790 .btn-outline-warning:hover {
38791 color: #fff;
38792 background-color: #a6670e;
38793 border-color: #a6670e;
38795 .btn-outline-warning:focus, .btn-outline-warning.focus {
38796 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38798 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
38799 color: #a6670e;
38800 background-color: transparent;
38802 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
38803 color: #fff;
38804 background-color: #a6670e;
38805 border-color: #a6670e;
38807 .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 {
38808 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38811 .path-grade-report-grader .gradeparent tr.heading {
38812 top: 50px;
38814 .path-grade-report-grader .gradeparent th.header {
38815 left: 0;
38818 @media (max-width: 767.98px) {
38819 .blockcolumn,
38820 .region-main {
38821 flex: 0 0 100%;
38822 max-width: 100%;
38823 padding: 0 1rem;
38824 margin-bottom: 1rem;
38827 @media (min-width: 768px) {
38828 #page-content {
38829 display: flex;
38831 #page-content .region-main {
38832 flex: 0 0 100%;
38833 padding: 0 1rem;
38834 max-width: 100%;
38836 #page-content.blocks-pre .columnleft {
38837 flex: 0 0 32%;
38838 order: -1;
38839 padding: 0 1rem;
38840 max-width: 32%;
38842 #page-content.blocks-pre .region-main {
38843 flex: 0 0 68%;
38844 max-width: 68%;
38845 padding: 0 1rem 0 0;
38847 #page-content.blocks-pre .region-main #region-main {
38848 border: 1px solid rgba(0, 0, 0, 0.125);
38849 padding: 1.25rem;
38850 border-radius: 0.25rem;
38852 #page-content.blocks-post .region-main {
38853 flex: 0 0 68%;
38854 max-width: 68%;
38855 padding: 0 0 0 1rem;
38857 #page-content.blocks-post .columnright {
38858 flex: 0 0 32%;
38859 padding: 0 1rem;
38860 max-width: 32%;
38862 #page-content.blocks-pre.blocks-post .region-main {
38863 flex: 0 0 36%;
38864 max-width: 36%;
38865 padding: 0;
38867 #page-content [data-region=blocks-column] {
38868 width: 100%;
38870 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38871 flex: 0 0 68%;
38872 max-width: 68%;
38873 padding-left: 1rem;
38875 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38876 flex: 0 0 32%;
38877 padding: 0 1rem;
38878 max-width: 32%;
38880 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38881 flex: 0 0 68%;
38882 max-width: 68%;
38883 padding-right: 1rem;
38885 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38886 flex: 0 0 32%;
38887 order: -1;
38888 padding: 0 1rem;
38889 max-width: 32%;
38891 .used-region-side-post.used-region-side-pre #page-content .region-main {
38892 flex: 0 0 36%;
38893 max-width: 36%;
38894 padding: 0;
38896 .used-region-side-post.used-region-side-pre #page-content .columnleft {
38897 flex: 0 0 32%;
38898 order: -1;
38899 padding: 0 1rem;
38900 max-width: 32%;
38902 .used-region-side-post.used-region-side-pre #page-content .columnright {
38903 flex: 0 0 32%;
38904 padding: 0 1rem;
38905 max-width: 32%;
38908 @media (min-width: 992px) {
38909 #page-content {
38910 display: flex;
38912 #page-content .region-main {
38913 flex: 0 0 100%;
38914 padding: 0 1rem;
38915 max-width: 100%;
38917 #page-content.blocks-pre .columnleft {
38918 flex: 0 0 25%;
38919 order: -1;
38920 padding: 0 1rem;
38921 max-width: 25%;
38923 #page-content.blocks-pre .region-main {
38924 flex: 0 0 75%;
38925 max-width: 75%;
38926 padding: 0 1rem 0 0;
38928 #page-content.blocks-pre .region-main #region-main {
38929 border: 1px solid rgba(0, 0, 0, 0.125);
38930 padding: 1.25rem;
38931 border-radius: 0.25rem;
38933 #page-content.blocks-post .region-main {
38934 flex: 0 0 75%;
38935 max-width: 75%;
38936 padding: 0 0 0 1rem;
38938 #page-content.blocks-post .columnright {
38939 flex: 0 0 25%;
38940 padding: 0 1rem;
38941 max-width: 25%;
38943 #page-content.blocks-pre.blocks-post .region-main {
38944 flex: 0 0 50%;
38945 max-width: 50%;
38946 padding: 0;
38948 #page-content [data-region=blocks-column] {
38949 width: 100%;
38951 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38952 flex: 0 0 75%;
38953 max-width: 75%;
38954 padding-left: 1rem;
38956 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38957 flex: 0 0 25%;
38958 padding: 0 1rem;
38959 max-width: 25%;
38961 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38962 flex: 0 0 75%;
38963 max-width: 75%;
38964 padding-right: 1rem;
38966 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38967 flex: 0 0 25%;
38968 order: -1;
38969 padding: 0 1rem;
38970 max-width: 25%;
38972 .used-region-side-post.used-region-side-pre #page-content .region-main {
38973 flex: 0 0 50%;
38974 max-width: 50%;
38975 padding: 0;
38977 .used-region-side-post.used-region-side-pre #page-content .columnleft {
38978 flex: 0 0 25%;
38979 order: -1;
38980 padding: 0 1rem;
38981 max-width: 25%;
38983 .used-region-side-post.used-region-side-pre #page-content .columnright {
38984 flex: 0 0 25%;
38985 padding: 0 1rem;
38986 max-width: 25%;
38989 @media (min-width: 1200px) {
38990 #page-content {
38991 display: flex;
38993 #page-content .region-main {
38994 flex: 0 0 100%;
38995 padding: 0 1rem;
38996 max-width: 100%;
38998 #page-content.blocks-pre .columnleft {
38999 flex: 0 0 20%;
39000 order: -1;
39001 padding: 0 1rem;
39002 max-width: 20%;
39004 #page-content.blocks-pre .region-main {
39005 flex: 0 0 80%;
39006 max-width: 80%;
39007 padding: 0 1rem 0 0;
39009 #page-content.blocks-pre .region-main #region-main {
39010 border: 1px solid rgba(0, 0, 0, 0.125);
39011 padding: 1.25rem;
39012 border-radius: 0.25rem;
39014 #page-content.blocks-post .region-main {
39015 flex: 0 0 80%;
39016 max-width: 80%;
39017 padding: 0 0 0 1rem;
39019 #page-content.blocks-post .columnright {
39020 flex: 0 0 20%;
39021 padding: 0 1rem;
39022 max-width: 20%;
39024 #page-content.blocks-pre.blocks-post .region-main {
39025 flex: 0 0 60%;
39026 max-width: 60%;
39027 padding: 0;
39029 #page-content [data-region=blocks-column] {
39030 width: 100%;
39032 .empty-region-side-pre.used-region-side-post #page-content .region-main {
39033 flex: 0 0 80%;
39034 max-width: 80%;
39035 padding-left: 1rem;
39037 .empty-region-side-pre.used-region-side-post #page-content .columnright {
39038 flex: 0 0 20%;
39039 padding: 0 1rem;
39040 max-width: 20%;
39042 .empty-region-side-post.used-region-side-pre #page-content .region-main {
39043 flex: 0 0 80%;
39044 max-width: 80%;
39045 padding-right: 1rem;
39047 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
39048 flex: 0 0 20%;
39049 order: -1;
39050 padding: 0 1rem;
39051 max-width: 20%;
39053 .used-region-side-post.used-region-side-pre #page-content .region-main {
39054 flex: 0 0 60%;
39055 max-width: 60%;
39056 padding: 0;
39058 .used-region-side-post.used-region-side-pre #page-content .columnleft {
39059 flex: 0 0 20%;
39060 order: -1;
39061 padding: 0 1rem;
39062 max-width: 20%;
39064 .used-region-side-post.used-region-side-pre #page-content .columnright {
39065 flex: 0 0 20%;
39066 padding: 0 1rem;
39067 max-width: 20%;
39070 @media print {
39071 #page-content .region-main {
39072 max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
39073 flex: 0 0 100% !important; /* stylelint-disable-line declaration-no-important */
39074 padding: 0 1rem 0 !important; /* stylelint-disable-line declaration-no-important */
39077 .block_navigation .block_tree.list > li > ul,
39078 .block_settings .block_tree.list > li > ul {
39079 padding-left: 0;
39081 .block_navigation .block_tree .tree_item.branch,
39082 .block_settings .block_tree .tree_item.branch {
39083 margin-left: 5px;
39084 padding-left: 0.75rem;
39086 .block_navigation .block_tree p.hasicon,
39087 .block_settings .block_tree p.hasicon {
39088 text-indent: 0;
39089 padding-left: 0.75rem;
39091 .block_navigation .block_tree ul,
39092 .block_settings .block_tree ul {
39093 margin-left: 0.25rem;
39094 padding-left: 1rem;
39097 .block_navigation .block_tree p.hasicon .icon,
39098 .block_settings .block_tree p.hasicon .icon {
39099 margin-right: 5px;
39102 .root_node,
39103 .navigation_node {
39104 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
39105 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
39108 .block.block_settings #settingsnav {
39109 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
39112 #page-footer {
39113 padding-top: 0.5rem;
39114 padding-bottom: 0.5rem;
39117 body.hasstickyfooter #page-footer {
39118 padding-bottom: calc(1rem * .5 + max(80px, 0.9375rem * 3));