Merge branch 'MDL-80220-main' of https://github.com/laurentdavid/moodle
[moodle.git] / theme / classic / style / moodle.css
blob4735f9f8f4861368708c52d4d8780e4e9ba73dc1
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);
22956 .dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^=left] {
22957 margin-right: 0.5rem;
22958 margin-left: 0;
22960 .dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=left] .arrow {
22961 transform: rotate(180deg);
22962 right: calc(-0.5rem - 1px);
22966 * Moodle variables
22968 * Variables written for Moodle specific components
22970 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
22971 * preset files instead.
22973 /* core.less */
22974 #region-main {
22975 overflow-y: visible;
22976 background-color: #fff;
22979 @media (min-width: 576px) {
22980 .context-header-settings-menu,
22981 .region-main-settings-menu {
22982 float: right;
22983 width: auto;
22984 max-width: 4em;
22985 height: 2em;
22986 display: block;
22987 margin-top: 4px;
22990 @media (max-width: 767.98px) {
22991 .context-header-settings-menu,
22992 .region-main-settings-menu {
22993 display: flex;
22994 justify-content: flex-end;
22997 .context-header-settings-menu .dropdown-toggle > .icon,
22998 #region-main-settings-menu .dropdown-toggle > .icon {
22999 height: 24px;
23000 font-size: 24px;
23001 width: auto;
23004 /** Prevent user notifications overlapping with region main settings menu */
23005 #user-notifications {
23006 display: block;
23007 overflow: hidden;
23010 /** Page layout CSS starts **/
23011 .layout-option-noheader #page-header,
23012 .layout-option-nonavbar #page-navbar,
23013 .layout-option-nofooter #page-footer,
23014 .layout-option-nocourseheader .course-content-header,
23015 .layout-option-nocoursefooter .course-content-footer {
23016 display: none;
23019 /** Page layout CSS ends **/
23020 .mdl-left {
23021 text-align: left;
23024 .mdl-right {
23025 text-align: right;
23028 /*rtl:ignore*/
23029 .text-ltr {
23030 direction: ltr !important; /* stylelint-disable-line declaration-no-important */
23033 #add,
23034 #remove,
23035 .centerpara,
23036 .mdl-align {
23037 text-align: center;
23040 a.dimmed,
23041 a.dimmed:link,
23042 a.dimmed:visited,
23043 a.dimmed_text,
23044 a.dimmed_text:link,
23045 a.dimmed_text:visited,
23046 .dimmed_text,
23047 .dimmed_text a,
23048 .dimmed_text a:link,
23049 .dimmed_text a:visited,
23050 .usersuspended,
23051 .usersuspended a,
23052 .usersuspended a:link,
23053 .usersuspended a:visited,
23054 .dimmed_category,
23055 .dimmed_category a {
23056 color: #6a737b;
23059 .aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
23060 #page-footer a:not([class]).focus,
23061 #page-footer a:not([class]):focus,
23062 .arrow_link.focus,
23063 .arrow_link:focus,
23064 a:not([class]).focus,
23065 a:not([class]):focus,
23066 .activityinstance > a.focus,
23067 .activityinstance > a:focus {
23068 outline: 0.2rem solid transparent;
23069 color: #1d2125;
23070 background-color: #d2e8fb;
23071 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40;
23073 .aalink:focus:hover, a.autolink:focus:hover,
23074 #page-footer a:not([class]):focus:hover,
23075 .arrow_link:focus:hover,
23076 a:not([class]):focus:hover,
23077 .activityinstance > a:focus:hover {
23078 text-decoration: none;
23081 .aabtn.focus, .aabtn:focus,
23082 .btn-link.focus,
23083 .btn-link:focus,
23084 .nav-link.focus,
23085 .nav-link:focus,
23086 .editor_atto_toolbar button.focus,
23087 .editor_atto_toolbar button:focus,
23088 .editor_atto_toolbar .atto_toolbar_row.focus,
23089 .editor_atto_toolbar .atto_toolbar_row:focus,
23090 [role=button].focus,
23091 [role=button]:focus,
23092 .list-group-item-action.focus,
23093 .list-group-item-action:focus,
23094 input[type=checkbox].focus,
23095 input[type=checkbox]:focus,
23096 input[type=radio].focus,
23097 input[type=radio]:focus,
23098 input[type=file].focus,
23099 input[type=file]:focus,
23100 input[type=image].focus,
23101 input[type=image]:focus,
23102 .sr-only-focusable.focus,
23103 .sr-only-focusable:focus,
23104 a.dropdown-toggle.focus,
23105 a.dropdown-toggle:focus,
23106 .moodle-dialogue-base .closebutton.focus,
23107 .moodle-dialogue-base .closebutton:focus,
23108 button.close.focus,
23109 button.close:focus,
23110 .form-autocomplete-selection.focus,
23111 .form-autocomplete-selection:focus,
23112 [role=treeitem]:not([aria-expanded=true]).focus,
23113 [role=treeitem]:not([aria-expanded=true]):focus {
23114 outline: 0;
23115 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23117 .aabtn:focus:hover,
23118 .btn-link:focus:hover,
23119 .nav-link:focus:hover,
23120 .editor_atto_toolbar button:focus:hover,
23121 .editor_atto_toolbar .atto_toolbar_row:focus:hover,
23122 [role=button]:focus:hover,
23123 .list-group-item-action:focus:hover,
23124 input[type=checkbox]:focus:hover,
23125 input[type=radio]:focus:hover,
23126 input[type=file]:focus:hover,
23127 input[type=image]:focus:hover,
23128 .sr-only-focusable:focus:hover,
23129 a.dropdown-toggle:focus:hover,
23130 .moodle-dialogue-base .closebutton:focus:hover,
23131 button.close:focus:hover,
23132 .form-autocomplete-selection:focus:hover,
23133 [role=treeitem]:not([aria-expanded=true]):focus:hover {
23134 text-decoration: none;
23137 .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
23138 outline: 0;
23140 .modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
23141 outline: 0;
23142 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23143 border-radius: 0.3rem;
23146 [role=treeitem][aria-expanded=true] {
23147 outline: 0;
23149 [role=treeitem][aria-expanded=true].focus > *:first-child, [role=treeitem][aria-expanded=true]:focus > *:first-child {
23150 outline: 0;
23151 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23153 [role=treeitem][aria-expanded=true]:focus:hover {
23154 text-decoration: none;
23157 .form-autocomplete-suggestions li[aria-selected=true] {
23158 outline: 0;
23159 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23162 .safari input[type=checkbox].focus, .safari input[type=checkbox]:focus,
23163 .safari input[type=radio].focus,
23164 .safari input[type=radio]:focus {
23165 outline: auto;
23168 .unlist,
23169 .unlist li,
23170 .inline-list,
23171 .inline-list li,
23172 .block .list,
23173 .block .list li,
23174 .section li.movehere,
23175 .tabtree li {
23176 list-style: none;
23177 margin: 0;
23178 padding: 0;
23181 .section li.movehere a {
23182 display: block;
23183 width: 100%;
23184 height: 2rem;
23185 border: 2px dashed #343a40;
23188 .editing .course-content .hidden.sectionname {
23189 visibility: hidden;
23190 display: initial;
23193 .inline,
23194 .inline-list li {
23195 display: inline;
23198 .notifytiny {
23199 font-size: 0.703125rem;
23202 .notifytiny li,
23203 .notifytiny td {
23204 font-size: 100%;
23207 .red,
23208 .notifyproblem {
23209 color: #f0ad4e;
23212 .green,
23213 .notifysuccess {
23214 color: #357a32;
23217 .highlight {
23218 color: #008196;
23221 .bg-primary-light {
23222 background-color: #f5f9fc;
23225 .fitem.advanced .text-info {
23226 font-weight: bold;
23229 .reportlink {
23230 text-align: right;
23233 a.autolink.glossary:hover {
23234 cursor: help;
23237 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
23238 .collapsibleregioncaption {
23239 white-space: nowrap;
23240 min-height: 1.40625rem;
23243 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
23244 cursor: pointer;
23247 .pagelayout-mydashboard #region-main {
23248 border: 0;
23249 padding: 0;
23250 background-color: transparent;
23251 margin-top: -1px;
23254 @media (max-width: 767.98px) {
23255 .pagelayout-mydashboard #region-main-box,
23256 .pagelayout-login #region-main-box {
23257 padding-left: 0;
23258 padding-right: 0;
23261 .collapsibleregioncaption img {
23262 vertical-align: middle;
23265 .jsenabled .hiddenifjs {
23266 display: none;
23269 .visibleifjs {
23270 display: none;
23273 .jsenabled .visibleifjs {
23274 display: inline;
23277 .jsenabled .collapsibleregion {
23278 overflow: hidden;
23279 box-sizing: content-box;
23282 .jsenabled .collapsed .collapsibleregioninner {
23283 visibility: hidden;
23286 .collapsible-actions {
23287 display: none;
23288 text-align: right;
23291 .jsenabled .collapsible-actions {
23292 display: block;
23295 .yui-overlay .yui-widget-bd {
23296 background-color: #ffee69;
23297 border: 1px solid #a6982b;
23298 border-top-color: #d4c237;
23299 color: #000;
23300 left: 0;
23301 padding: 2px 5px;
23302 position: relative;
23303 top: 0;
23304 z-index: 1;
23307 .clearer {
23308 background: transparent;
23309 border-width: 0;
23310 clear: both;
23311 display: block;
23312 height: 1px;
23313 margin: 0;
23314 padding: 0;
23317 .bold,
23318 .warning,
23319 .errorbox .title,
23320 .pagingbar .title,
23321 .pagingbar .thispage {
23322 font-weight: bold;
23325 img.resize {
23326 height: 1em;
23327 width: 1em;
23330 .block img.resize {
23331 height: 0.9em;
23332 width: 0.8em;
23335 /* Icon styles */
23336 img.activityicon {
23337 height: 32px;
23338 width: 32px;
23339 vertical-align: middle;
23342 .headermain {
23343 font-weight: bold;
23346 #maincontent {
23347 display: block;
23348 height: 1px;
23349 overflow: clip;
23352 img.uihint {
23353 cursor: help;
23356 #addmembersform table {
23357 margin-left: auto;
23358 margin-right: auto;
23361 table.flexible .emptyrow {
23362 display: none;
23365 form.popupform,
23366 form.popupform div {
23367 display: inline;
23370 .arrow_button input {
23371 overflow: hidden;
23374 .no-overflow {
23375 overflow: auto;
23378 .no-overflow > .generaltable {
23379 margin-bottom: 0;
23382 .no-overflow .generaltable .sr-only,
23383 .no-overflow .generaltable .accesshide,
23384 .table-responsive .generaltable .sr-only,
23385 .table-responsive .generaltable .accesshide {
23386 position: relative;
23387 display: block;
23390 .accesshide {
23391 position: absolute;
23392 width: 1px;
23393 height: 1px;
23394 padding: 0;
23395 margin: -1px;
23396 overflow: hidden;
23397 clip: rect(0, 0, 0, 0);
23398 white-space: nowrap;
23399 border: 0;
23402 span.hide,
23403 div.hide,
23404 .hidden {
23405 display: none;
23408 a.skip-block,
23409 a.skip {
23410 position: absolute;
23411 top: -1000em;
23412 font-size: 0.85em;
23413 text-decoration: none;
23416 a.skip-block:focus,
23417 a.skip-block:active,
23418 a.skip:focus,
23419 a.skip:active {
23420 position: static;
23421 display: block;
23424 .skip-block-to {
23425 display: block;
23426 height: 1px;
23427 overflow: hidden;
23430 .addbloglink {
23431 text-align: center;
23434 .blog_entry .audience {
23435 text-align: right;
23436 padding-right: 4px;
23439 .blog_entry .tags {
23440 margin-top: 15px;
23443 .blog_entry .content {
23444 margin-left: 43px;
23447 #doc-contents h1 {
23448 margin: 1em 0 0 0;
23451 #doc-contents ul {
23452 margin: 0;
23453 padding: 0;
23454 width: 90%;
23457 #doc-contents ul li {
23458 list-style-type: none;
23461 .groupmanagementtable td {
23462 vertical-align: top;
23465 .groupmanagementtable #existingcell,
23466 .groupmanagementtable #potentialcell {
23467 width: 42%;
23470 .groupmanagementtable #buttonscell {
23471 width: 16%;
23474 .groupmanagementtable #buttonscell p.arrow_button input {
23475 width: auto;
23476 min-width: 80%;
23477 margin: 0 auto;
23478 display: block;
23481 .groupmanagementtable #removeselect_wrapper,
23482 .groupmanagementtable #addselect_wrapper {
23483 width: 100%;
23486 .groupmanagementtable #removeselect_wrapper label,
23487 .groupmanagementtable #addselect_wrapper label {
23488 font-weight: normal;
23491 #group-usersummary {
23492 width: 14em;
23495 .groupselector {
23496 margin-top: 3px;
23497 margin-bottom: 3px;
23498 display: inline-block;
23501 .groupselector label {
23502 display: inline-block;
23505 .notepost {
23506 margin-bottom: 1em;
23509 .notepost .userpicture {
23510 float: left;
23511 margin-right: 5px;
23514 .notepost .content,
23515 .notepost .footer {
23516 clear: both;
23519 .notesgroup {
23520 margin-left: 20px;
23523 .path-my .coursebox {
23524 margin: 1rem 0;
23525 padding: 0;
23527 .path-my .coursebox .overview {
23528 margin: 15px 30px 10px 30px;
23531 .path-my .coursebox .info {
23532 float: none;
23533 margin: 0;
23536 .mod_introbox {
23537 padding: 10px;
23540 table.mod_index {
23541 width: 100%;
23544 .comment-ctrl {
23545 font-size: 12px;
23546 display: none;
23547 margin: 0;
23548 padding: 0;
23551 .comment-ctrl h5 {
23552 margin: 0;
23553 padding: 5px;
23556 .comment-area {
23557 max-width: 400px;
23558 padding: 5px;
23561 .comment-area textarea {
23562 width: 100%;
23563 overflow: auto;
23565 .comment-area textarea.fullwidth {
23566 -webkit-box-sizing: border-box;
23567 -moz-box-sizing: border-box;
23568 box-sizing: border-box;
23571 .comment-area .fd {
23572 text-align: right;
23575 .comment-meta span {
23576 color: gray;
23579 .comment-link img {
23580 vertical-align: text-bottom;
23583 .comment-list {
23584 font-size: 11px;
23585 overflow: auto;
23586 list-style: none;
23587 padding: 0;
23588 margin: 0;
23591 .comment-list li {
23592 margin: 2px;
23593 list-style: none;
23594 margin-bottom: 5px;
23595 clear: both;
23596 padding: 0.3em;
23597 position: relative;
23600 .comment-list li.first {
23601 display: none;
23604 .comment-paging {
23605 text-align: center;
23608 .comment-paging .pageno {
23609 padding: 2px;
23612 .comment-paging .curpage {
23613 border: 1px solid #ccc;
23616 .comment-message .picture {
23617 float: left;
23618 margin-right: 0.25rem;
23621 .comment-message .text {
23622 margin: 0;
23623 padding: 0;
23626 .comment-message .text p {
23627 padding: 0;
23628 margin: 0 18px 0 0;
23631 .comment-delete {
23632 position: absolute;
23633 top: 0;
23634 right: 0;
23635 margin: 0.3em;
23638 .comment-report-selectall {
23639 display: none;
23642 .comment-link {
23643 display: none;
23646 .jsenabled .comment-link {
23647 display: block;
23650 .jsenabled .showcommentsnonjs {
23651 display: none;
23654 .jsenabled .comment-report-selectall {
23655 display: inline;
23659 * Completion progress report
23661 .completion-expired {
23662 color: #f0ad4e;
23665 .completion-expected {
23666 font-size: 0.703125rem;
23669 .completion-sortchoice,
23670 .completion-identifyfield {
23671 font-size: 0.703125rem;
23672 vertical-align: bottom;
23675 .completion-progresscell {
23676 text-align: right;
23679 .completion-expired .completion-expected {
23680 font-weight: bold;
23684 * Tags
23686 #tag-search-box {
23687 text-align: center;
23688 margin: 10px auto;
23691 span.flagged-tag,
23692 tr.flagged-tag,
23693 span.flagged-tag a,
23694 tr.flagged-tag a {
23695 color: #f0ad4e;
23698 .tag-management-table td,
23699 .tag-management-table th {
23700 vertical-align: middle;
23701 padding: 4px;
23703 .tag-management-table .inplaceeditable.inplaceeditingon input {
23704 width: 150px;
23707 .path-admin-tag .addstandardtags {
23708 float: right;
23710 .path-admin-tag .addstandardtags img {
23711 margin: 0 5px;
23714 .path-tag .tag-relatedtags {
23715 padding-top: 10px;
23717 .path-tag .tag-management-box {
23718 text-align: right;
23720 .path-tag .tag-index-toc {
23721 padding: 10px;
23722 text-align: center;
23724 .path-tag .tag-index-toc li {
23725 margin-left: 5px;
23726 margin-right: 5px;
23728 .path-tag .tag-management-box li {
23729 margin-left: 5px;
23730 margin-right: 5px;
23732 .path-tag .tag-management-box li a {
23733 background-repeat: no-repeat;
23734 background-position: left;
23735 padding-left: 17px;
23737 .path-tag .tag-management-box li a.edittag {
23738 background-image: url([[pix:moodle|i/settings]]);
23740 .path-tag .tag-management-box li a.flagasinappropriate {
23741 background-image: url([[pix:moodle|i/flagged]]);
23743 .path-tag .tag-management-box li a.removefrommyinterests {
23744 background-image: url([[pix:moodle|t/delete]]);
23746 .path-tag .tag-management-box li a.addtomyinterests {
23747 background-image: url([[pix:moodle|t/add]]);
23749 .path-tag .tag-backtoallitems {
23750 text-align: center;
23752 .path-tag .tag-index-items .tagarea {
23753 border: 1px solid #e3e3e3;
23754 border-radius: 4px;
23755 padding: 10px;
23756 margin-top: 10px;
23758 .path-tag .tag-index-items .tagarea h3 {
23759 display: block;
23760 padding: 3px 0 10px 0;
23761 margin: 0;
23762 font-size: 1.1em;
23763 font-weight: bold;
23764 line-height: 20px;
23765 color: #999;
23766 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
23767 text-transform: uppercase;
23768 word-wrap: break-word;
23769 border-bottom: solid 1px #e3e3e3;
23770 margin-bottom: 10px;
23772 .path-tag .tag-index-items .tagarea .taggeditems::after {
23773 display: block;
23774 clear: both;
23775 content: "";
23777 .path-tag .tag-index-items .tagarea .controls {
23778 text-align: center;
23780 .path-tag .tag-index-items .tagarea .controls::after {
23781 display: block;
23782 clear: both;
23783 content: "";
23785 .path-tag .tag-index-items .tagarea .controls.controls-bottom {
23786 margin-top: 5px;
23788 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
23789 float: right;
23791 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
23792 float: left;
23794 .path-tag .tag-index-items .tagarea .controls .exclusivemode {
23795 display: inline-block;
23797 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
23798 padding-right: 5px;
23799 padding-left: 5px;
23800 content: "«";
23802 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
23803 padding-right: 5px;
23804 padding-left: 5px;
23805 content: "»";
23808 .tag_feed img {
23809 max-height: 35px;
23810 max-width: 35px;
23812 .tag_feed .muted a {
23813 color: #6a737b;
23816 .tag_cloud {
23817 text-align: center;
23819 .tag_cloud .inline-list li {
23820 padding: 0 0.2em;
23822 .tag_cloud .tag_overflow {
23823 margin-top: 1em;
23824 font-style: italic;
23826 .tag_cloud .s0 {
23827 font-size: 0.7em;
23829 .tag_cloud .s1 {
23830 font-size: 0.8em;
23832 .tag_cloud .s2 {
23833 font-size: 0.9em;
23835 .tag_cloud .s3 {
23836 font-size: 1em;
23838 .tag_cloud .s4 {
23839 font-size: 1.1em;
23841 .tag_cloud .s5 {
23842 font-size: 1.2em;
23844 .tag_cloud .s6 {
23845 font-size: 1.3em;
23847 .tag_cloud .s7 {
23848 font-size: 1.4em;
23850 .tag_cloud .s8 {
23851 font-size: 1.5em;
23853 .tag_cloud .s9 {
23854 font-size: 1.6em;
23856 .tag_cloud .s10 {
23857 font-size: 1.7em;
23859 .tag_cloud .s11 {
23860 font-size: 1.8em;
23862 .tag_cloud .s12 {
23863 font-size: 1.9em;
23865 .tag_cloud .s13 {
23866 font-size: 2em;
23868 .tag_cloud .s14 {
23869 font-size: 2.1em;
23871 .tag_cloud .s15 {
23872 font-size: 2.2em;
23874 .tag_cloud .s16 {
23875 font-size: 2.3em;
23877 .tag_cloud .s17 {
23878 font-size: 2.4em;
23880 .tag_cloud .s18 {
23881 font-size: 2.5em;
23883 .tag_cloud .s19 {
23884 font-size: 2.6em;
23886 .tag_cloud .s20 {
23887 font-size: 2.7em;
23890 .tag_list ul {
23891 display: inline;
23893 .tag_list .tagmorelink {
23894 display: none;
23896 .tag_list.hideoverlimit .overlimit {
23897 display: none;
23899 .tag_list.hideoverlimit .tagmorelink {
23900 display: inline;
23902 .tag_list.hideoverlimit .taglesslink {
23903 display: none;
23907 * Web Service
23909 #webservice-doc-generator td {
23910 text-align: left;
23911 border: 0 solid #000;
23915 * Enrol
23917 .userenrolment {
23918 width: 100%;
23919 border-collapse: collapse;
23922 .userenrolment tr {
23923 vertical-align: top;
23926 .userenrolment td {
23927 padding: 0;
23928 height: 41px;
23931 .userenrolment .subfield {
23932 margin-right: 5px;
23935 .userenrolment .col_userdetails .subfield {
23936 margin-left: 40px;
23939 .userenrolment .col_userdetails .subfield_picture {
23940 float: left;
23941 margin-left: 0;
23944 .userenrolment .col_lastseen {
23945 width: 150px;
23948 .userenrolment .col_role {
23949 width: 262px;
23952 .userenrolment .col_role .roles,
23953 .userenrolment .col_group .groups {
23954 margin-right: 30px;
23957 .userenrolment .col_role .role {
23958 float: left;
23959 padding: 0 3px 3px;
23960 margin: 0 3px 3px;
23961 white-space: nowrap;
23964 .userenrolment .col_group .group {
23965 float: left;
23966 padding: 3px;
23967 margin: 3px;
23968 white-space: nowrap;
23971 .userenrolment .col_role .role a,
23972 .userenrolment .col_group .group a {
23973 margin-left: 3px;
23974 cursor: pointer;
23977 .userenrolment .col_role .addrole,
23978 .userenrolment .col_group .addgroup {
23979 float: right;
23980 padding: 3px;
23981 margin: 3px;
23983 .userenrolment .col_role .addrole > a:hover,
23984 .userenrolment .col_group .addgroup > a:hover {
23985 border-bottom: 1px solid #666;
23988 .userenrolment .col_role .addrole img,
23989 .userenrolment .col_group .addgroup img {
23990 vertical-align: baseline;
23993 .userenrolment .hasAllRoles .col_role .addrole {
23994 display: none;
23997 .userenrolment .col_enrol .enrolment {
23998 float: left;
23999 padding: 0 3px 3px;
24000 margin: 0 3px 3px;
24003 .userenrolment .col_enrol .enrolment a {
24004 float: right;
24005 margin-left: 3px;
24008 #page-enrol-otherusers .userenrolment .col_role .role {
24009 float: none;
24010 margin: 3px 3px 3px 0;
24011 padding: 3px 3px 3px 0;
24014 .corelightbox {
24015 background-color: #ccc;
24016 position: absolute;
24017 top: 0;
24018 left: 0;
24019 width: 100%;
24020 height: 100%;
24021 text-align: center;
24024 .corelightbox img {
24025 position: fixed;
24026 top: 50%;
24027 left: 50%;
24030 .mod-indent-outer {
24031 display: table;
24034 .mod-indent {
24035 display: table-cell;
24038 .label .mod-indent {
24039 float: left;
24040 padding-top: 20px;
24043 .activity.label.modtype_label .mod-indent {
24044 float: none;
24047 @media (min-width: 576px) {
24048 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
24049 .mod-indent-1 {
24050 width: 30px;
24052 .mod-indent-2 {
24053 width: 60px;
24055 .mod-indent-3 {
24056 width: 90px;
24058 .mod-indent-4 {
24059 width: 120px;
24061 .mod-indent-5 {
24062 width: 150px;
24064 .mod-indent-6 {
24065 width: 180px;
24067 .mod-indent-7 {
24068 width: 210px;
24070 .mod-indent-8 {
24071 width: 240px;
24073 .mod-indent-9 {
24074 width: 270px;
24076 .mod-indent-10 {
24077 width: 300px;
24079 .mod-indent-11 {
24080 width: 330px;
24082 .mod-indent-12 {
24083 width: 360px;
24085 .mod-indent-13 {
24086 width: 390px;
24088 .mod-indent-14 {
24089 width: 420px;
24091 .mod-indent-15 {
24092 width: 450px;
24094 .mod-indent-16 {
24095 width: 480px;
24097 .mod-indent-huge {
24098 width: 480px;
24101 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
24102 .resourcecontent .mediaplugin_mp3 object {
24103 height: 25px;
24104 width: 600px;
24107 .resourcecontent audio.mediaplugin_html5audio {
24108 width: 600px;
24111 /** Large resource images should avoid hidden overflow **/
24112 .resourceimage {
24113 max-width: 100%;
24116 /* Audio player size in 'inline' mode (can only change width, as above) */
24117 .mediaplugin_mp3 object {
24118 height: 15px;
24119 width: 300px;
24122 audio.mediaplugin_html5audio {
24123 width: 300px;
24126 .core_media_preview.pagelayout-embedded #maincontent {
24127 height: 0;
24130 .path-rating .ratingtable {
24131 width: 100%;
24132 margin-bottom: 1em;
24135 .path-rating .ratingtable th.rating {
24136 width: 100%;
24139 .path-rating .ratingtable td.rating,
24140 .path-rating .ratingtable td.time {
24141 white-space: nowrap;
24142 text-align: center;
24145 /* Moodle Dialogue Settings (moodle-core-dialogue) */
24146 .moodle-dialogue-base .moodle-dialogue-lightbox {
24147 background-color: #495057;
24150 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
24151 background-color: transparent;
24153 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
24154 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
24157 .moodle-dialogue-base .hidden,
24158 .moodle-dialogue-base .moodle-dialogue-hidden {
24159 display: none;
24162 .no-scrolling {
24163 overflow: hidden;
24166 .moodle-dialogue-base .moodle-dialogue-fullscreen {
24167 left: 0;
24168 top: 0;
24169 right: 0;
24170 bottom: -50px;
24171 position: fixed;
24174 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24175 overflow: auto;
24178 .moodle-dialogue-base .moodle-dialogue-wrap {
24179 background-color: #fff;
24180 border: 1px solid #ccc;
24183 .modal.show {
24184 display: block;
24187 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
24188 display: flex;
24189 padding: 1rem 1rem;
24190 border-bottom: 1px solid #dee2e6;
24193 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
24194 min-height: 3rem;
24195 color: initial;
24196 background: initial;
24197 font-size: 1.5rem;
24198 line-height: 1.5;
24201 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
24202 font-size: 1.5rem;
24203 font-weight: 400;
24204 margin-bottom: 0;
24205 line-height: 1.5;
24208 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
24209 /*rtl:raw:
24210 left: 0;
24211 right: auto;
24213 padding: 0;
24214 position: relative;
24215 margin-left: auto;
24218 .moodle-dialogue-base .closebutton {
24219 padding: 1rem 1rem;
24220 margin: -1rem -1rem -1rem auto;
24221 position: relative;
24222 background-color: transparent;
24223 border: 0;
24224 background-image: none;
24225 box-shadow: none;
24226 opacity: 0.7;
24228 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
24229 opacity: 1;
24231 .moodle-dialogue-base .closebutton::after {
24232 content: "×";
24235 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
24236 padding: 0.5rem;
24238 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
24239 background-color: #fff;
24242 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24243 overflow: auto;
24244 position: absolute;
24245 top: 0;
24246 bottom: 50px;
24247 left: 0;
24248 right: 0;
24249 margin: 0;
24250 border: 0;
24253 .moodle-dialogue-exception .moodle-exception-param label {
24254 font-weight: bold;
24257 .moodle-dialogue-exception .param-stacktrace label {
24258 background-color: #eee;
24259 border: 1px solid #ccc;
24260 border-bottom-width: 0;
24263 .moodle-dialogue-exception .param-stacktrace pre {
24264 border: 1px solid #ccc;
24265 background-color: #fff;
24268 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24269 color: navy;
24270 font-size: 0.8203125rem;
24273 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24274 color: #f0ad4e;
24275 font-size: 0.8203125rem;
24278 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24279 color: #333;
24280 font-size: 90%;
24281 border-bottom: 1px solid #eee;
24284 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
24285 display: none;
24288 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
24289 background: initial;
24292 .moodle-dialogue-confirm .confirmation-message {
24293 margin: 0.5rem 0;
24296 .moodle-dialogue-confirm .confirmation-dialogue input {
24297 min-width: 80px;
24300 .moodle-dialogue-exception .moodle-exception-message {
24301 margin: 1em;
24304 .moodle-dialogue-exception .moodle-exception-param {
24305 margin-bottom: 0.5em;
24308 .moodle-dialogue-exception .moodle-exception-param label {
24309 width: 150px;
24312 .moodle-dialogue-exception .param-stacktrace label {
24313 display: block;
24314 margin: 0;
24315 padding: 4px 1em;
24318 .moodle-dialogue-exception .param-stacktrace pre {
24319 display: block;
24320 height: 200px;
24321 overflow: auto;
24324 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24325 display: inline-block;
24326 margin: 4px 0;
24329 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24330 display: inline-block;
24331 width: 50px;
24332 margin: 4px 1em;
24335 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24336 padding-left: 25px;
24337 margin-bottom: 4px;
24338 padding-bottom: 4px;
24341 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
24342 opacity: 0.75;
24343 width: 100%;
24344 height: 100%;
24345 top: 0;
24346 left: 0;
24347 background-color: #fff;
24348 text-align: center;
24349 padding: 10% 0;
24352 /* Apply a default max-height on tooltip text */
24353 .moodle-dialogue .tooltiptext {
24354 max-height: 300px;
24357 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
24358 z-index: 3001;
24360 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
24361 overflow: auto;
24365 * Chooser Dialogues (moodle-core-chooserdialogue)
24367 * This CSS belong to the chooser dialogue which should work both with, and
24368 * without javascript enabled
24370 /* Hide the dialog and it's title */
24371 .chooserdialoguebody,
24372 .choosertitle {
24373 display: none;
24376 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
24377 margin: 0;
24380 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
24381 padding: 0;
24382 background: #f2f2f2;
24383 border-bottom-right-radius: 10px;
24384 border-bottom-left-radius: 10px;
24387 /* Center the submit buttons within the area */
24388 .choosercontainer #chooseform .submitbuttons {
24389 padding: 0.7em 0;
24390 text-align: right;
24393 /* Fixed for safari browser on iPhone4S with ios7@mixin */
24394 @media (max-height: 639px) {
24395 .ios .choosercontainer #chooseform .submitbuttons {
24396 padding: 45px 0;
24399 .choosercontainer #chooseform .submitbuttons input {
24400 min-width: 100px;
24401 margin: 0 0.5em;
24404 /* Various settings for the options area */
24405 .choosercontainer #chooseform .options {
24406 position: relative;
24407 border-bottom: 1px solid #bbb;
24410 /* Only set these options if we're showing the js container */
24411 .jschooser .choosercontainer #chooseform .alloptions {
24412 overflow-x: hidden;
24413 overflow-y: auto;
24414 max-width: 240px;
24416 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
24417 display: inline-block;
24419 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
24420 display: inline-block;
24421 width: 55%;
24424 /* Settings for option rows and option subtypes */
24425 .choosercontainer #chooseform .moduletypetitle,
24426 .choosercontainer #chooseform .option,
24427 .choosercontainer #chooseform .nonoption {
24428 margin-bottom: 0;
24429 padding: 0 1.6em 0 1.6em;
24432 .choosercontainer #chooseform .moduletypetitle {
24433 text-transform: uppercase;
24434 padding-top: 1.2em;
24435 padding-bottom: 0.4em;
24436 margin-bottom: 0.5rem;
24437 font-size: 100%;
24440 .choosercontainer #chooseform .option .typename,
24441 .choosercontainer #chooseform .nonoption .typename {
24442 padding: 0 0 0 0.5em;
24445 .choosercontainer #chooseform .modicon + .typename {
24446 padding-left: 0;
24449 .choosercontainer #chooseform .option input[type=radio],
24450 .choosercontainer #chooseform .option span.typename {
24451 vertical-align: middle;
24454 .choosercontainer #chooseform .option label {
24455 display: block;
24456 margin: 0;
24457 padding: 0.5rem 0;
24458 border-bottom: 1px solid #fff;
24461 .choosercontainer #chooseform .option .icon {
24462 margin: 0;
24463 padding: 0 1rem;
24466 .choosercontainer #chooseform .nonoption {
24467 padding-left: 2.7em;
24468 padding-top: 0.3em;
24469 padding-bottom: 0.1em;
24472 .choosercontainer #chooseform .subtype {
24473 margin-bottom: 0;
24474 padding: 0 1.6em 0 3.2em;
24477 .choosercontainer #chooseform .subtype .typename {
24478 margin: 0 0 0 0.2em;
24481 /* The instruction/help area */
24482 .jschooser .choosercontainer #chooseform .instruction,
24483 .jschooser .choosercontainer #chooseform .typesummary {
24484 display: none;
24485 position: absolute;
24486 top: 0;
24487 right: 0;
24488 bottom: 0;
24489 left: 240px;
24490 margin: 0;
24491 padding: 1.6em;
24492 background-color: #fff;
24493 overflow-x: hidden;
24494 overflow-y: auto;
24495 line-height: 2em;
24498 /* Selected option settings */
24499 .jschooser .choosercontainer #chooseform .instruction,
24500 .choosercontainer #chooseform .selected .typesummary {
24501 display: block;
24504 .choosercontainer #chooseform .selected {
24505 background-color: #fff;
24506 margin-top: -1px;
24507 padding-top: 1px;
24510 @media (max-width: 575.98px) {
24511 .jsenabled .choosercontainer #chooseform .alloptions {
24512 max-width: 100%;
24514 .jsenabled .choosercontainer #chooseform .instruction,
24515 .jsenabled .choosercontainer #chooseform .typesummary {
24516 position: static;
24520 * Module chooser dialogue (moodle-core-chooserdialogue)
24522 * This CSS belong to the chooser dialogue which should work both with, and
24523 * without javascript enabled
24525 .modchooser .modal-body {
24526 padding: 0;
24527 overflow-y: auto;
24528 min-height: 640px;
24529 display: flex;
24530 flex-direction: column;
24532 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24533 min-height: 495px;
24535 .modchooser .modal-body .carousel-item.active {
24536 display: flex;
24538 .modchooser .modal-body .chooser-container {
24539 display: flex;
24540 flex-direction: column;
24541 flex: 1 1 auto;
24543 .modchooser .modal-body .loading-icon {
24544 opacity: 1;
24546 .modchooser .modal-body .loading-icon .icon {
24547 display: block;
24548 font-size: 3em;
24549 height: 1em;
24550 width: 1em;
24552 .modchooser .modal-body .carousel-item .loading-icon .icon {
24553 margin: 1em auto;
24555 .modchooser .modal-body .searchbar {
24556 width: 100%;
24559 .modchooser .modal-footer {
24560 height: 70px;
24561 background: #fff;
24563 .modchooser .modal-footer .moodlenet-logo .icon {
24564 height: 2.5rem;
24565 width: 6rem;
24566 max-height: 2.5rem;
24567 max-width: 6rem;
24568 margin-bottom: 0.6rem;
24571 .modchoosercontainer.noscroll {
24572 overflow-y: hidden;
24575 .modchoosercontainer .optionscontainer,
24576 .modchoosercontainer .searchresultitemscontainer {
24577 overflow-x: hidden;
24579 .modchoosercontainer .optionscontainer .option,
24580 .modchoosercontainer .searchresultitemscontainer .option {
24581 flex-basis: calc(50% - 0.5rem);
24583 .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
24584 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
24585 cursor: pointer;
24586 color: #6a737b;
24588 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i,
24589 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
24590 margin: 0;
24592 .modchoosercontainer .optionscontainer .option .optioninfo a,
24593 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
24594 color: #495057;
24596 .modchoosercontainer .optionscontainer .option .optioninfo a:hover,
24597 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
24598 text-decoration: none;
24601 .modchooser .modal-body .optionsummary {
24602 background-color: #fff;
24603 overflow-x: hidden;
24604 overflow-y: auto;
24605 height: 640px;
24607 .modchooser .modal-body .optionsummary .content {
24608 overflow-y: auto;
24610 .modchooser .modal-body .optionsummary .content .heading .icon {
24611 height: 32px;
24612 width: 32px;
24613 font-size: 32px;
24614 padding: 0;
24616 .modchooser .modal-body .optionsummary .actions {
24617 border-top: 1px solid #dee2e6;
24618 background: #fff;
24621 @media (max-width: 575.98px) {
24622 .path-course-view .modal-dialog.modal-lg,
24623 .path-course-view .modal-content,
24624 .modchooser .modal-body,
24625 .modchooser .modal-body .carousel,
24626 .modchooser .modal-body .carousel-inner,
24627 .modchooser .modal-body .carousel-item,
24628 .modchooser .modal-body .optionsummary,
24629 .modchoosercontainer,
24630 .optionscontainer,
24631 .searchresultitemscontainer {
24632 min-height: auto;
24633 height: 100%;
24634 overflow-y: auto;
24636 .path-course-view .modal-dialog.modal-lg {
24637 margin: 0;
24639 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24640 min-height: auto;
24643 @media (min-width: 576px) {
24644 .modchoosercontainer .optionscontainer .option,
24645 .modchoosercontainer .searchresultitemscontainer .option {
24646 flex-basis: calc(33.33% - 0.5rem);
24649 @media (min-width: 992px) {
24650 .modchoosercontainer .optionscontainer .option,
24651 .modchoosercontainer .searchresultitemscontainer .option {
24652 flex-basis: calc(16.66% - 0.5rem);
24655 /* Form element: listing */
24656 .formlistingradio {
24657 padding-bottom: 25px;
24658 padding-right: 10px;
24661 .formlistinginputradio {
24662 float: left;
24665 .formlistingmain {
24666 min-height: 225px;
24669 .formlisting {
24670 position: relative;
24671 margin: 15px 0;
24672 padding: 1px 19px 14px;
24673 background-color: #fff;
24674 border: 1px solid #ddd;
24675 border-radius: 4px;
24678 .formlistingmore {
24679 position: absolute;
24680 cursor: pointer;
24681 bottom: -1px;
24682 right: -1px;
24683 padding: 3px 7px;
24684 font-size: 12px;
24685 font-weight: bold;
24686 background-color: whitesmoke;
24687 border: 1px solid #ddd;
24688 color: #9da0a4;
24689 border-radius: 4px 0 4px 0;
24692 .formlistingall {
24693 margin: 15px 0;
24694 padding: 0;
24695 border-radius: 4px;
24698 .formlistingrow {
24699 cursor: pointer;
24700 border-bottom: 1px solid;
24701 border-color: #e1e1e8;
24702 border-left: 1px solid #e1e1e8;
24703 border-right: 1px solid #e1e1e8;
24704 background-color: #f7f7f9;
24705 border-radius: 0 0 4px 4px;
24706 padding: 6px;
24707 top: 50%;
24708 left: 50%;
24709 min-height: 34px;
24710 float: left;
24711 width: 150px;
24714 body.jsenabled .formlistingradio {
24715 display: none;
24718 body.jsenabled .formlisting {
24719 display: block;
24722 a.criteria-action {
24723 padding: 0 3px;
24724 float: right;
24727 div.criteria-description {
24728 padding: 10px 15px;
24729 margin: 5px 0;
24730 background: none repeat scroll 0 0 #f9f9f9;
24731 border: 1px solid #eee;
24734 ul.badges {
24735 margin: 0;
24736 list-style: none;
24739 .badges li {
24740 position: relative;
24741 display: inline-block;
24742 padding-top: 1em;
24743 text-align: center;
24744 vertical-align: top;
24745 width: 150px;
24748 .badges li .badge-name {
24749 display: block;
24750 padding: 5px;
24753 .badges li > img {
24754 position: absolute;
24757 .badges li .badge-image {
24758 width: 100px;
24759 height: 100px;
24760 left: 10px;
24761 top: 0;
24762 z-index: 1;
24765 .badges li .badge-actions {
24766 position: relative;
24769 .badges li .expireimage {
24770 background-image: url([[pix:i/expired]]);
24771 background-repeat: no-repeat;
24772 background-size: 100px 100px;
24773 width: 100px;
24774 height: 100px;
24775 left: 25px;
24776 top: 15px;
24777 position: absolute;
24778 z-index: 10;
24779 opacity: 0.85;
24782 #badge-image {
24783 background-color: transparent;
24784 padding: 0;
24785 position: relative;
24786 min-width: 100px;
24787 width: 20%;
24788 display: inline-block;
24789 vertical-align: top;
24790 margin-top: 17px;
24791 margin-bottom: 20px;
24793 #badge-image .expireimage {
24794 background-image: url([[pix:i/expired]]);
24795 background-repeat: no-repeat;
24796 background-size: 100px 100px;
24797 width: 100px;
24798 height: 100px;
24799 left: 0;
24800 top: 0;
24801 opacity: 0.85;
24802 position: absolute;
24803 z-index: 10;
24805 #badge-image .singlebutton {
24806 padding-top: 5px;
24807 display: block;
24809 #badge-image .singlebutton button {
24810 margin-left: 4px;
24813 #badge-details {
24814 display: inline-block;
24815 width: 79%;
24818 #badge-overview dl,
24819 #badge-details dl {
24820 margin: 0;
24822 #badge-overview dl dt,
24823 #badge-overview dl dd,
24824 #badge-details dl dt,
24825 #badge-details dl dd {
24826 vertical-align: top;
24827 padding: 3px 0;
24829 #badge-overview dl dt,
24830 #badge-details dl dt {
24831 clear: both;
24832 display: inline-block;
24833 width: 20%;
24834 min-width: 100px;
24836 #badge-overview dl dd,
24837 #badge-details dl dd {
24838 display: inline-block;
24839 width: 79%;
24840 margin-left: 1%;
24843 #badge-criteria li li {
24844 list-style-type: none;
24847 #badge-image-col {
24848 flex: 0 0 400px;
24851 .badge-profile {
24852 vertical-align: top;
24855 .connected {
24856 color: #357a32;
24859 .notconnected {
24860 color: #ca3120;
24863 .connecting {
24864 color: #f0ad4e;
24867 #page-badges-award .recipienttable tr td {
24868 vertical-align: top;
24871 #page-badges-award .recipienttable tr td.actions .actionbutton {
24872 margin: 0.3em 0;
24873 padding: 0.5em 0;
24874 width: 100%;
24877 #page-badges-award .recipienttable tr td.existing,
24878 #page-badges-award .recipienttable tr td.potential {
24879 width: 42%;
24882 #issued-badge-table .activatebadge {
24883 display: inline-block;
24886 .statusbox.active {
24887 background-color: #d7e4d6;
24890 .statusbox.inactive {
24891 background-color: #fcefdc;
24894 .statusbox {
24895 text-align: center;
24896 margin-bottom: 5px;
24897 padding: 5px;
24900 .statusbox .activatebadge {
24901 display: inline-block;
24904 .statusbox .activatebadge input[type=submit] {
24905 margin: 3px;
24908 .activatebadge {
24909 margin: 0;
24910 text-align: left;
24911 vertical-align: middle;
24914 img#persona_signin {
24915 cursor: pointer;
24918 .addcourse {
24919 float: right;
24922 .invisiblefieldset {
24923 display: inline;
24924 padding: 0;
24925 border-width: 0;
24928 /** Page header */
24929 #page-header h1.h2 {
24930 font-weight: bold;
24932 #page-header .logo {
24933 margin: 1rem 0;
24935 #page-header .logo img {
24936 max-height: 75px;
24939 /** Navbar logo. */
24940 nav.navbar .logo img {
24941 max-height: 35px;
24944 .nav.usernav .nav-item {
24945 display: flex;
24947 .nav.usernav .usermenu .dropdown-toggle {
24948 padding: 0 0.5rem;
24951 /** Header-bar styles **/
24952 .page-context-header {
24953 overflow: hidden;
24954 padding: 0.25rem 0;
24955 display: flex;
24957 .page-context-header .page-header-image > a {
24958 display: inline-block;
24960 .page-context-header .page-header-headings,
24961 .page-context-header .header-button-group {
24962 position: relative;
24963 line-height: 24px;
24964 vertical-align: middle;
24966 .page-context-header .header-button-group {
24967 display: block;
24968 float: left;
24971 ul.dragdrop-keyboard-drag li {
24972 list-style-type: none;
24975 a.disabled:hover,
24976 a.disabled {
24977 text-decoration: none;
24978 cursor: default;
24979 font-style: italic;
24980 color: #6a737b;
24983 body.lockscroll {
24984 height: 100%;
24985 overflow: hidden;
24988 .progressbar_container {
24989 max-width: 500px;
24990 margin: 0 auto;
24993 /* IE10 only fix for calendar titling */
24994 .ie10 .yui3-calendar-header-label {
24995 display: inline-block;
24998 dd:before,
24999 dd:after {
25000 display: block;
25001 content: " ";
25004 dd:after {
25005 clear: both;
25008 .nav-tabs > .active > a[href],
25009 .nav-tabs > .active > a[href]:hover,
25010 .nav-tabs > .active > a[href]:focus {
25011 cursor: pointer;
25014 .inplaceeditable.inplaceeditingon {
25015 position: relative;
25017 .inplaceeditable.inplaceeditingon .editinstructions {
25018 margin-top: -30px;
25019 font-weight: normal;
25020 margin-right: 0;
25021 margin-left: 0;
25022 left: 0;
25023 right: auto;
25024 white-space: nowrap;
25026 @media (min-width: 576px) {
25027 .inplaceeditable.inplaceeditingon input {
25028 width: 330px;
25029 vertical-align: text-bottom;
25030 margin-bottom: 0;
25032 .inplaceeditable.inplaceeditingon input[role=combobox] {
25033 width: auto;
25036 .inplaceeditable.inplaceeditingon select {
25037 margin-bottom: 0;
25039 .inplaceeditable .quickediticon .icon {
25040 font-size: medium;
25042 .inplaceeditable .quickediticon img {
25043 opacity: 0.2;
25045 .inplaceeditable .quickeditlink {
25046 color: inherit;
25047 text-decoration: inherit;
25049 .inplaceeditable:hover .quickeditlink .quickediticon img,
25050 .inplaceeditable .quickeditlink:focus .quickediticon img {
25051 opacity: 1;
25053 .inplaceeditable.inplaceeditable-toggle .quickediticon {
25054 display: none;
25056 .inplaceeditable.inplaceeditable-autocomplete {
25057 display: block;
25060 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
25061 margin-top: -20px;
25064 /** Chart area. */
25065 @media (min-width: 992px) {
25066 .chart-area .chart-image {
25067 position: relative;
25068 margin: auto;
25069 height: 48vh;
25070 width: 46vw;
25073 .chart-area .chart-table-data {
25074 display: none;
25076 .chart-area .chart-table {
25077 /** When accessible, we display the table only. */
25079 .chart-area .chart-table .chart-output-htmltable caption {
25080 white-space: nowrap;
25082 .chart-area .chart-table.accesshide .chart-table-expand {
25083 display: none;
25085 .chart-area .chart-table.accesshide .chart-table-data {
25086 display: block;
25089 /* YUI 2 Tree View */
25090 /*rtl:raw:
25091 .ygtvtn,
25092 .ygtvtm,
25093 .ygtvtmh,
25094 .ygtvtmhh,
25095 .ygtvtp,
25096 .ygtvtph,
25097 .ygtvtphh,
25098 .ygtvln,
25099 .ygtvlm,
25100 .ygtvlmh,
25101 .ygtvlmhh,
25102 .ygtvlp,
25103 .ygtvlph,
25104 .ygtvlphh,
25105 .ygtvdepthcell,
25106 .ygtvok,
25107 .ygtvok:hover,
25108 .ygtvcancel,
25109 .ygtvcancel:hover {
25110 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
25113 .hover-tooltip-container {
25114 position: relative;
25116 .hover-tooltip-container .hover-tooltip {
25117 opacity: 0;
25118 visibility: hidden;
25119 position: absolute;
25120 /*rtl:ignore*/
25121 left: 50%;
25122 top: calc(-50% - 5px);
25123 transform: translate(-50%, -50%);
25124 background-color: #fff;
25125 border: 1px solid rgba(0, 0, 0, 0.2);
25126 border-radius: 0.3rem;
25127 box-sizing: border-box;
25128 padding: 5px;
25129 white-space: nowrap;
25130 transition: opacity 0.15s, visibility 0.15s;
25131 z-index: 1000;
25133 .hover-tooltip-container .hover-tooltip:before {
25134 content: "";
25135 display: inline-block;
25136 border-left: 8px solid transparent;
25137 border-right: 8px solid transparent;
25138 border-top: 8px solid rgba(0, 0, 0, 0.2);
25139 position: absolute;
25140 bottom: -8px;
25141 left: calc(50% - 8px);
25143 .hover-tooltip-container .hover-tooltip:after {
25144 content: "";
25145 display: inline-block;
25146 border-left: 7px solid transparent;
25147 border-right: 7px solid transparent;
25148 border-top: 7px solid #fff;
25149 position: absolute;
25150 bottom: -6px;
25151 left: calc(50% - 7px);
25152 z-index: 2;
25154 .hover-tooltip-container:hover .hover-tooltip {
25155 opacity: 1;
25156 visibility: visible;
25157 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
25160 #region-flat-nav {
25161 padding-right: 0;
25162 padding-left: 0;
25164 #region-flat-nav .nav {
25165 margin-right: 15px;
25166 background-color: #fff;
25168 @media (max-width: 767.98px) {
25169 #region-flat-nav .nav {
25170 margin-top: 30px;
25171 margin-right: 0;
25175 .footer-dark a {
25176 color: #fff;
25177 text-decoration: underline;
25179 .footer-dark a .icon {
25180 color: #fff;
25182 .footer-dark a:focus .icon {
25183 color: #1d2125;
25186 .btn-footer-popover {
25187 display: none;
25188 position: fixed;
25189 bottom: 2rem;
25190 right: 2rem;
25193 .btn-footer-communication {
25194 display: none;
25195 position: fixed;
25196 bottom: 5rem;
25197 right: 2rem;
25200 .hasstickyfooter .btn-footer-popover {
25201 bottom: calc(1rem + max(80px, 0.9375rem * 3));
25204 .hasstickyfooter .btn-footer-communication {
25205 bottom: calc(4rem + max(80px, 0.9375rem * 3));
25208 .popover.footer .popover-body {
25209 padding: 0;
25211 .popover.footer .popover-body .footer-section a {
25212 color: #1d2125;
25213 text-decoration: underline;
25215 .popover.footer .popover-body .footer-section a .icon {
25216 color: #1d2125;
25218 .popover.footer .popover-body .footer-section a:focus {
25219 text-decoration: none;
25222 .footer-support-link {
25223 padding-bottom: 5px;
25226 @media (min-width: 576px) {
25227 .jsenabled #page-footer .footer-content-popover {
25228 display: none;
25230 .jsenabled .btn-footer-popover,
25231 .jsenabled .btn-footer-communication {
25232 display: block;
25233 z-index: 1000;
25236 .bg-inverse a {
25237 color: #fff;
25238 text-decoration: underline;
25240 .bg-inverse a .icon {
25241 color: #fff;
25244 .sitelink img {
25245 width: 112px;
25248 .competency-tree ul {
25249 padding-left: 1.5rem;
25252 .sr-only-focusable:active, .sr-only-focusable:focus {
25253 z-index: 1031;
25254 position: fixed;
25255 background: #fff;
25256 padding: 7px;
25257 left: 0;
25258 top: 0;
25261 [data-drag-type=move] {
25262 cursor: move;
25263 touch-action: none;
25266 .clickable {
25267 cursor: pointer;
25270 .overlay-icon-container {
25271 position: absolute;
25272 top: 0;
25273 left: 0;
25274 width: 100%;
25275 height: 100%;
25276 background-color: rgba(255, 255, 255, 0.6);
25278 .overlay-icon-container .loading-icon {
25279 position: absolute;
25280 top: 50%;
25281 left: 50%;
25282 transform: translate(-50%, -50%);
25284 .overlay-icon-container .loading-icon .icon {
25285 height: 30px;
25286 width: 30px;
25287 font-size: 30px;
25290 .w-auto {
25291 width: auto;
25294 .bg-pulse-grey {
25295 animation: bg-pulse-grey 2s infinite linear;
25298 @keyframes bg-pulse-grey {
25299 0% {
25300 background-color: #f8f9fa;
25302 50% {
25303 background-color: #e9ecef;
25305 100% {
25306 background-color: #f8f9fa;
25309 .line-height-0 {
25310 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
25313 .line-height-1 {
25314 line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
25317 .line-height-2 {
25318 line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
25321 .line-height-3 {
25322 line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
25325 .line-height-4 {
25326 line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
25329 .line-height-5 {
25330 line-height: 2rem !important; /* stylelint-disable-line declaration-no-important */
25333 .line-height-6 {
25334 line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
25337 .dir-rtl .dir-rtl-hide {
25338 display: none;
25341 .dir-ltr .dir-ltr-hide {
25342 display: none;
25345 .paged-content-page-container {
25346 min-height: 3.125rem;
25349 body.h5p-embed #page-content {
25350 display: inherit;
25352 body.h5p-embed #maincontent {
25353 display: none;
25355 body.h5p-embed .h5pmessages {
25356 min-height: 230px;
25359 #h5pcontenttypes td {
25360 vertical-align: middle;
25363 #page.drawers form#h5peditor,
25364 #page.drawers form#coolh5peditor,
25365 #page.drawers .core_contentbank_viewcontent {
25366 max-width: 960px;
25367 margin: 0 auto;
25370 .text-decoration-none {
25371 text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
25374 .colour-inherit {
25375 color: inherit !important; /* stylelint-disable-line declaration-no-important */
25378 .position-right {
25379 right: 0 !important; /* stylelint-disable-line declaration-no-important */
25382 .overflow-hidden {
25383 overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
25386 .text-break {
25387 overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
25390 .word-break {
25391 word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
25394 .z-index-0 {
25395 z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
25398 .z-index-1 {
25399 z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
25402 .float-left {
25403 float: left !important; /* stylelint-disable-line declaration-no-important */
25406 .float-right {
25407 float: right !important; /* stylelint-disable-line declaration-no-important */
25410 .img-responsive {
25411 max-width: 100%;
25412 height: auto;
25415 input[disabled] {
25416 cursor: not-allowed;
25419 .fade.in {
25420 opacity: 1;
25423 .clamp-2 {
25424 display: -webkit-box;
25425 -webkit-box-orient: vertical;
25426 -webkit-line-clamp: 2;
25427 overflow: hidden;
25430 .word-break-all {
25431 word-break: break-all;
25434 .matchtext {
25435 background-color: #a2cff8;
25436 color: #1d2125;
25437 height: 1.5rem;
25440 .border-radius {
25441 border-radius: 0.25rem;
25444 .v-hidden {
25445 visibility: hidden;
25448 .dialog-big {
25449 max-width: 500px;
25452 .dialog-small {
25453 max-width: 300px;
25456 @media (min-width: 576px) {
25457 .dialog-big {
25458 width: 500px;
25460 .dialog-small {
25461 width: 300px;
25465 * Helpers to show elements only when a parent element has focus or hover.
25467 .v-parent-focus {
25468 opacity: 0;
25469 visibility: hidden;
25472 .focus-control:focus-within .v-parent-focus,
25473 .focus-control:hover .v-parent-focus {
25474 opacity: 1;
25475 visibility: visible;
25478 .emoji-picker {
25479 width: 350px;
25480 height: 400px;
25482 .emoji-picker .category-button {
25483 padding: 0.375rem 0;
25484 height: 100%;
25485 width: 38.8888888889px;
25486 border-top: none;
25487 border-left: none;
25488 border-right: none;
25489 border-bottom: 2px solid transparent;
25491 .emoji-picker .category-button.selected {
25492 border-bottom: 2px solid #0f6cbf;
25494 .emoji-picker .emojis-container,
25495 .emoji-picker .search-results-container {
25496 min-width: 280px;
25498 .emoji-picker .picker-row {
25499 height: 40px;
25501 .emoji-picker .picker-row .category-name {
25502 line-height: 40px;
25504 .emoji-picker .picker-row .emoji-button {
25505 height: 40px;
25506 width: 40px;
25507 line-height: 40px;
25508 font-size: 24px;
25509 overflow: hidden;
25511 .emoji-picker .emoji-preview {
25512 height: 40px;
25513 font-size: 40px;
25514 line-height: 40px;
25516 .emoji-picker .emoji-short-name {
25517 line-height: 20px;
25519 @media (max-width: 575.98px) {
25520 .emoji-picker {
25521 width: 320px;
25525 .emoji-auto-complete {
25526 height: 40px;
25528 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
25529 height: 40px;
25530 width: 40px;
25531 line-height: 40px;
25532 font-size: 24px;
25534 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
25535 background-color: #e9ecef;
25538 .toast-wrapper {
25539 max-width: 350px;
25540 max-height: 0;
25541 z-index: 1051;
25543 .toast-wrapper > :first-child {
25544 margin-top: 1rem;
25547 .alert-primary a {
25548 color: #041d34;
25550 .alert-primary .close {
25551 color: #000305;
25552 opacity: 0.6;
25555 .alert-secondary a {
25556 color: #525557;
25558 .alert-secondary .close {
25559 color: #393b3d;
25560 opacity: 0.6;
25563 .alert-success a, .environmenttable .ok a {
25564 color: #0c1b0b;
25566 .alert-success .close, .environmenttable .ok .close {
25567 color: black;
25568 opacity: 0.6;
25571 .alert-info a {
25572 color: #00171b;
25574 .alert-info .close {
25575 color: black;
25576 opacity: 0.6;
25579 .alert-warning a, .environmenttable .warn a {
25580 color: #573e1c;
25582 .alert-warning .close, .environmenttable .warn .close {
25583 color: #302310;
25584 opacity: 0.6;
25587 .alert-danger a, .environmenttable .error a {
25588 color: #3d0f0a;
25590 .alert-danger .close, .environmenttable .error .close {
25591 color: #110403;
25592 opacity: 0.6;
25595 .alert-light a {
25596 color: #686868;
25598 .alert-light .close {
25599 color: #4e4e4f;
25600 opacity: 0.6;
25603 .alert-dark a {
25604 color: #040505;
25606 .alert-dark .close {
25607 color: black;
25608 opacity: 0.6;
25611 .alert a {
25612 font-weight: 700;
25615 .breadcrumb:empty {
25616 padding: 0;
25619 @media (max-width: 767.98px) {
25620 #page-navbar {
25621 width: 100%;
25623 .breadcrumb:not(:empty) {
25624 width: 100%;
25625 flex-wrap: nowrap;
25626 margin-bottom: 0.5rem;
25628 .breadcrumb:not(:empty) .breadcrumb-item {
25629 padding-top: 0.33333rem;
25630 padding-bottom: 0.33333rem;
25631 display: inline-flex;
25632 overflow: hidden;
25634 .breadcrumb:not(:empty) .breadcrumb-item a,
25635 .breadcrumb:not(:empty) .breadcrumb-item span {
25636 overflow: hidden;
25637 text-overflow: ellipsis;
25638 white-space: nowrap;
25640 .mform {
25641 width: 100%;
25642 padding-right: 15px;
25643 padding-left: 15px;
25645 .pagination {
25646 flex-wrap: wrap;
25647 justify-content: center;
25649 .custom-select {
25650 max-width: 100%;
25652 .card .card-body {
25653 padding: 0.625rem;
25655 #page-header .card {
25656 border: 0;
25658 #page-header .card .card-body {
25659 padding: 0;
25661 .nav-tabs:not(.more-nav),
25662 .nav-pills {
25663 margin: 0;
25664 border: 0;
25665 padding: 0.125rem;
25666 background-color: #e9ecef;
25668 .nav-tabs:not(.more-nav) .nav-item,
25669 .nav-pills .nav-item {
25670 flex: 1 1 auto;
25671 text-align: center;
25673 .nav-tabs:not(.more-nav) .nav-link,
25674 .nav-pills .nav-link {
25675 background: #fff;
25676 border: 0;
25677 margin: 0.125rem;
25679 .nav-tabs:not(.more-nav) .nav-link.active,
25680 .nav-pills .nav-link.active {
25681 color: #6a737b;
25682 border-color: #6a737b;
25683 border-color: #6a737b;
25685 .nav-tabs:not(.more-nav) .nav-link.active:hover,
25686 .nav-pills .nav-link.active:hover {
25687 color: #fff;
25688 background-color: #6a737b;
25689 border-color: #6a737b;
25691 .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
25692 .nav-pills .nav-link.active:focus,
25693 .nav-pills .nav-link.active.focus {
25694 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25696 .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
25697 .nav-pills .nav-link.active.disabled,
25698 .nav-pills .nav-link.active:disabled {
25699 color: #6a737b;
25700 background-color: transparent;
25702 .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,
25703 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
25704 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
25705 .show > .nav-pills .nav-link.active.dropdown-toggle {
25706 color: #fff;
25707 background-color: #6a737b;
25708 border-color: #6a737b;
25710 .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,
25711 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
25712 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
25713 .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
25714 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25717 @media (max-width: 576px) and (max-height: 320px) {
25718 div#page {
25719 margin-top: 0;
25721 .navbar.fixed-top {
25722 position: relative;
25723 z-index: inherit;
25726 .link-underline {
25727 text-decoration: underline;
25729 .link-underline:focus {
25730 text-decoration: none;
25733 .alert.cta .cta-icon .icon {
25734 padding: 0.3rem;
25736 .alert.cta .cta-icon .icon.fa {
25737 border-radius: 50%;
25738 border-style: solid;
25739 border-width: 0.125rem;
25742 .core_payment_gateways_modal .custom-control-label::before,
25743 .core_payment_gateways_modal .custom-control-label::after {
25744 top: 45%;
25747 .visual-scroll-x {
25748 scrollbar-width: thin;
25749 scrollbar-color: #0f6cbf #a2cff8;
25750 -ms-overflow-style: -ms-autohiding-scrollbar;
25752 .visual-scroll-x::-webkit-scrollbar {
25753 height: 8px;
25754 -webkit-appearance: none;
25755 appearance: none;
25757 .visual-scroll-x::-webkit-scrollbar-thumb {
25758 background-color: #0f6cbf;
25759 border-right: 1px solid #fff;
25761 .visual-scroll-x::-webkit-scrollbar-track {
25762 background-color: #a2cff8;
25763 border-right: 1px solid #fff;
25766 body.dragging .drop-zone {
25767 border: 1px dashed #1d2125;
25769 body.dragging .drop-up {
25770 border-top: 1px solid #1d2125;
25771 border-top-left-radius: 0;
25772 border-top-right-radius: 0;
25774 body.dragging .drop-down {
25775 border-bottom: 1px solid #1d2125;
25776 border-bottom-left-radius: 0;
25777 border-bottom-right-radius: 0;
25779 body.dragging .dragging {
25780 opacity: 0.6;
25783 .dragicon {
25784 visibility: hidden;
25787 .draggable:hover .dragicon {
25788 visibility: visible;
25789 cursor: move;
25792 .dropzone-container {
25793 cursor: pointer;
25795 .dropzone-container .dropzone {
25796 display: flex;
25797 justify-content: center;
25798 align-items: center;
25799 flex-direction: column;
25800 border: 2px dashed #bbb;
25801 border-radius: 0.5rem;
25803 .dropzone-container .dropzone.dragover {
25804 border: 2px dashed #6c8cd3;
25806 .dropzone-container .dropzone-icon {
25807 color: #8f959e;
25809 .dropzone-container .dropzone-icon .icon {
25810 font-size: 6em;
25811 width: auto;
25812 height: auto;
25813 max-width: initial;
25814 max-height: initial;
25815 margin-right: 0;
25817 .dropzone-container .dropzone-sr-only-focusable:active, .dropzone-container .dropzone-sr-only-focusable:focus {
25818 outline: 0;
25819 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
25820 z-index: 1060;
25821 position: relative;
25822 background: #fff;
25823 padding: 7px;
25826 .overlay-preview {
25827 background-color: rgba(255, 255, 255, 0.8);
25828 border: 2px dashed #0f6cbf;
25829 position: absolute;
25830 top: 0;
25831 left: 0;
25832 width: 100%;
25833 height: 100%;
25835 .overlay-preview .overlay-preview-wrapper {
25836 position: absolute;
25837 top: 0;
25838 padding: 2rem;
25839 width: 100%;
25841 .overlay-preview .overlay-preview-content {
25842 position: relative;
25843 top: 0;
25844 padding: 1rem;
25845 margin: 0 auto;
25846 width: 100%;
25847 max-width: 600px;
25848 background-color: #0f6cbf;
25849 color: #fff;
25850 text-align: center;
25851 font-size: 1.171875rem;
25852 border-radius: 0.25rem;
25855 .overlay-preview-borders {
25856 outline: 2px dashed #0f6cbf;
25859 .waitstate {
25860 display: none;
25863 .stateready .waitstate {
25864 display: inherit;
25866 .stateready .whilenostate {
25867 display: none;
25870 .collapse-list .collapse-list-item {
25871 padding: 0.5rem 1rem;
25873 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
25874 background-color: #e0f0f2;
25875 border-color: #b8dce2;
25877 .collapse-list .collapse-list-item-content .collapse-list-item {
25878 padding-left: calc(1rem * 3);
25881 .drawers .block_myoverview {
25882 border: 0;
25884 .drawers .block_myoverview > .card-body {
25885 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
25886 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
25887 padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
25890 .dropdown-toggle::after {
25891 content: "\f078";
25892 margin-right: 0;
25893 margin-left: 4px;
25894 font-size: 9px;
25895 width: 9px;
25896 border: 0;
25899 .dropleft .dropdown-toggle::before {
25900 border: 0;
25901 content: "\f053";
25902 font-size: 9px;
25903 margin-left: 0;
25904 margin-right: 4px;
25905 width: 9px;
25908 .dir-rtl .dropleft .dropdown-toggle::before {
25909 content: "\f054";
25912 .dropright .dropdown-toggle::after {
25913 border: 0;
25914 content: "\f054";
25917 .dir-rtl .dropright .dropdown-toggle::after {
25918 content: "\f053";
25921 .dropup .dropdown-toggle::after {
25922 border: 0;
25923 content: "\f077";
25926 .select-menu li:first-child ul[role=group] {
25927 padding: 0;
25929 .select-menu ul[role=group] {
25930 padding: 0.3rem 0 0 0;
25931 margin: 0;
25933 .select-menu ul[role=group] li:first-child {
25934 cursor: default;
25935 color: #6a737b;
25936 padding: 0.25rem 1.5rem;
25937 display: block;
25939 .select-menu ul[role=group] .dropdown-item {
25940 padding-left: 2.5rem;
25942 .select-menu .dropdown-item[aria-selected=true] {
25943 font-weight: bold;
25946 [role=listbox] [role=option] {
25947 cursor: pointer;
25949 [role=listbox] [role=option][aria-selected=true] {
25950 font-weight: bold;
25953 .initialbargroups ul {
25954 -webkit-margin-start: 0; /* stylelint-disable-line */
25955 margin-right: -1px;
25958 .initialbargroups .page-item:first-child .page-link {
25959 border-top-left-radius: 0;
25960 border-bottom-left-radius: 0;
25961 border-top-right-radius: 0;
25962 border-bottom-right-radius: 0;
25964 .initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
25965 border-top-left-radius: 0.3rem;
25966 border-bottom-left-radius: 0.3rem;
25968 .initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
25969 border-top-left-radius: 0.2rem;
25970 border-bottom-left-radius: 0.2rem;
25972 .initialbargroups .page-item:last-child .page-link {
25973 border-top-left-radius: 0;
25974 border-bottom-left-radius: 0;
25975 border-top-right-radius: 0;
25976 border-bottom-right-radius: 0;
25978 .initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
25979 border-top-right-radius: 0.3rem;
25980 border-bottom-right-radius: 0.3rem;
25982 .initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
25983 border-top-right-radius: 0.2rem;
25984 border-bottom-right-radius: 0.2rem;
25987 blockquote {
25988 margin: 0 0.5rem 1rem;
25989 padding-left: 1rem;
25990 color: #495057;
25991 border-left: 5px solid #ced4da;
25994 /* Prevent long strings exceeding page width */
25995 .page-header-headings:not(.text-truncate),
25996 .coursename:not(.text-truncate),
25997 .categoryname:not(.text-truncate),
25998 .breadcrumb-item:not(.text-truncate) {
25999 word-break: normal;
26000 overflow-wrap: anywhere;
26001 white-space: normal;
26004 /* Showmore component */
26005 .showmore-container.collapsed .collapsed-content {
26006 display: block;
26008 .showmore-container.collapsed .expanded-content {
26009 display: none;
26011 .showmore-container:not(.collapsed) .collapsed-content {
26012 display: none;
26014 .showmore-container:not(.collapsed) .expanded-content {
26015 display: block;
26017 .showmore-container button {
26018 float: right;
26020 .showmore-container button.btn-link {
26021 text-decoration: none;
26023 .showmore-container button .icon {
26024 font-size: 0.8203125rem;
26025 margin: 0;
26028 /* Combobox search dropdowns */
26029 .usersearchdropdown.dropdown-menu,
26030 .gradesearchdropdown.dropdown-menu,
26031 .groupsearchdropdown.dropdown-menu {
26032 width: 350px;
26034 .usersearchdropdown.dropdown-menu .searchresultitemscontainer,
26035 .gradesearchdropdown.dropdown-menu .searchresultitemscontainer,
26036 .groupsearchdropdown.dropdown-menu .searchresultitemscontainer {
26037 max-height: 170px;
26038 overflow: auto;
26039 /* stylelint-disable declaration-no-important */
26041 .usersearchdropdown.dropdown-menu .searchresultitemscontainer img,
26042 .gradesearchdropdown.dropdown-menu .searchresultitemscontainer img,
26043 .groupsearchdropdown.dropdown-menu .searchresultitemscontainer img {
26044 height: 48px !important;
26045 width: 48px !important;
26048 /* Bulk actions in sticky footer. */
26049 #sticky-footer [data-type=bulkactions] {
26050 display: flex;
26051 flex: 0 0 100%;
26052 align-items: center;
26055 /* Choice list component. */
26056 .choicelist {
26057 min-width: calc(300px - 25px);
26059 .choicelist i.icon {
26060 vertical-align: middle;
26063 .action-menu .dropdown-toggle {
26064 text-decoration: none;
26065 display: inline-block;
26068 .action-menu {
26069 white-space: nowrap;
26070 display: inline;
26072 .action-menu .dropdown-toggle.no-caret::after {
26073 display: none;
26075 .action-menu .dropdown-toggle.no-caret::before {
26076 display: none;
26078 .action-menu .dropdown.downleft .dropdown-subpanel-content {
26079 right: 0;
26080 left: auto;
26082 .action-menu .dropdown-subpanel.content-displayed {
26083 background-color: #e9ecef;
26085 .action-menu .dropdown-subpanel-content {
26086 max-width: 300px;
26087 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
26089 .action-menu .dropdown-subpanel-content.show {
26090 animation: 0.15s animate-pop;
26092 @media (prefers-reduced-motion: reduce) {
26093 .action-menu .dropdown-subpanel-content.show {
26094 animation: none;
26097 body.behat-site .action-menu .dropdown-subpanel-content.show {
26098 animation: none;
26100 .action-menu .dropdown-subpanel .dropdown-item::after {
26101 border: 0;
26102 content: "\f054";
26104 .action-menu .dropdown-subpanel .dropdown-item::before {
26105 display: none;
26108 @keyframes animate-pop {
26109 0% {
26110 transform: scale(0.9, 0.9);
26112 100% {
26113 transform: scale(1, 1);
26116 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
26117 border: 0;
26118 content: "\f053";
26120 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
26121 display: none;
26124 .dropdown-item a {
26125 display: block;
26126 width: 100%;
26127 color: #1d2125;
26129 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
26130 outline: 0;
26131 background-color: #0f6cbf;
26132 color: #fff;
26134 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
26135 color: #fff;
26137 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
26138 position: relative;
26139 display: flex;
26140 align-items: center;
26142 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
26143 content: "\f00c";
26144 position: absolute;
26145 left: 0.4rem;
26146 font-size: 0.7rem;
26149 .dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
26150 outline: solid #0f6cbf;
26152 .dropdown-item-outline a:focus,
26153 .dropdown-item-outline a:focus-visible {
26154 outline: 0;
26157 .icon {
26158 max-width: 24px;
26159 max-height: 24px;
26160 margin: 0;
26161 padding: 0;
26162 box-sizing: content-box;
26163 margin-right: 0.5rem;
26165 .icon.spacer {
26166 margin-right: 0;
26168 .icon.iconsize-medium {
26169 font-size: 32px;
26170 width: 32px;
26171 height: 32px;
26173 .icon.iconsize-big {
26174 width: 64px;
26175 height: 64px;
26176 font-size: 64px;
26179 .navbar-dark a .icon {
26180 color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */
26183 .action-menu-item a:first-of-type > .icon {
26184 margin-left: 0.5rem;
26187 .ygtvcell .icon {
26188 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
26191 .block_navigation .tree_item .icon,
26192 .block_settings .tree_item .icon {
26193 margin-left: 0;
26196 [data-action=toggle-drawer] .icon {
26197 margin: 0;
26200 .icon-no-spacing a > .icon {
26201 margin: 0;
26204 .icon-no-margin .icon {
26205 margin-left: 0;
26206 margin-right: 0;
26207 margin-top: 0;
26208 margin-bottom: 0;
26211 .icon-large > .icon {
26212 width: 32px;
26213 height: 32px;
26216 .icon-size-0 .icon {
26217 height: 0 !important; /* stylelint-disable-line declaration-no-important */
26218 width: 0 !important; /* stylelint-disable-line declaration-no-important */
26219 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
26222 .icon-size-1 .icon {
26223 height: 4px !important; /* stylelint-disable-line declaration-no-important */
26224 width: 4px !important; /* stylelint-disable-line declaration-no-important */
26225 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
26228 .icon-size-2 .icon {
26229 height: 8px !important; /* stylelint-disable-line declaration-no-important */
26230 width: 8px !important; /* stylelint-disable-line declaration-no-important */
26231 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
26234 .icon-size-3 .icon {
26235 height: 16px !important; /* stylelint-disable-line declaration-no-important */
26236 width: 16px !important; /* stylelint-disable-line declaration-no-important */
26237 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
26240 .icon-size-4 .icon {
26241 height: 24px !important; /* stylelint-disable-line declaration-no-important */
26242 width: 24px !important; /* stylelint-disable-line declaration-no-important */
26243 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
26246 .icon-size-5 .icon {
26247 height: 32px !important; /* stylelint-disable-line declaration-no-important */
26248 width: 32px !important; /* stylelint-disable-line declaration-no-important */
26249 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
26252 .icon-size-6 .icon {
26253 height: 40px !important; /* stylelint-disable-line declaration-no-important */
26254 width: 40px !important; /* stylelint-disable-line declaration-no-important */
26255 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
26258 .icon-size-7 .icon {
26259 height: 48px !important; /* stylelint-disable-line declaration-no-important */
26260 width: 48px !important; /* stylelint-disable-line declaration-no-important */
26261 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
26264 .helplink .icon {
26265 margin-left: 0.5rem;
26268 .icons-collapse-expand {
26269 display: flex;
26270 align-items: center;
26272 .icons-collapse-expand .expanded-icon {
26273 display: flex;
26274 align-items: center;
26276 .icons-collapse-expand .collapsed-icon {
26277 display: none;
26279 .icons-collapse-expand.collapsed .expanded-icon {
26280 display: none;
26282 .icons-collapse-expand.collapsed .collapsed-icon {
26283 display: flex;
26284 align-items: center;
26287 .activityiconcontainer {
26288 width: 52px;
26289 height: 52px;
26290 display: inline-flex;
26291 justify-content: center;
26292 align-items: center;
26293 border-radius: 4px;
26294 padding: 0.7rem;
26296 .activityiconcontainer .activityicon,
26297 .activityiconcontainer .icon {
26298 margin: 0;
26299 font-size: 32px;
26300 height: 32px;
26301 width: 32px;
26302 max-height: 32px;
26303 max-width: 32px;
26305 .activityiconcontainer.small {
26306 width: 42px;
26307 height: 42px;
26308 max-width: 42px;
26309 max-height: 42px;
26311 .activityiconcontainer.smaller {
26312 width: 32px;
26313 height: 32px;
26314 max-width: 32px;
26315 max-height: 32px;
26317 .activityiconcontainer.smaller .activityicon {
26318 width: 32px;
26319 height: 32px;
26320 max-width: 32px;
26321 max-height: 32px;
26324 .activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter),
26325 .activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
26326 filter: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26329 .activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter),
26330 .activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
26331 filter: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26334 .activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter),
26335 .activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
26336 filter: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26339 .activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter),
26340 .activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
26341 filter: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26344 .activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter),
26345 .activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
26346 filter: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26349 .activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter),
26350 .activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
26351 filter: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26354 .icon-box {
26355 width: 48px;
26356 height: 48px;
26357 display: inline-flex;
26358 justify-content: center;
26359 align-items: center;
26360 background-color: #f8f9fa;
26361 border-radius: 12px;
26362 padding: 0.7rem;
26364 .icon-box .icon {
26365 margin: 0;
26366 height: 32px;
26367 width: 32px;
26370 :root {
26371 --activityadministration: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26372 --activityassessment: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26373 --activitycollaboration: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26374 --activitycommunication: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26375 --activitycontent: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26376 --activityinteractivecontent: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26379 /* admin.less */
26380 .formtable tbody th {
26381 font-weight: normal;
26382 text-align: right;
26385 .path-admin #assignrole {
26386 width: 60%;
26387 margin-left: auto;
26388 margin-right: auto;
26391 .path-admin .admintable .leftalign {
26392 text-align: left;
26395 .path-admin .admintable.environmenttable .name,
26396 .path-admin .admintable.environmenttable .info,
26397 .path-admin #assignrole .admintable .role,
26398 .path-admin #assignrole .admintable .userrole,
26399 .path-admin #assignrole .admintable .roleholder {
26400 white-space: nowrap;
26403 .path-admin .incompatibleblockstable td.c0 {
26404 font-weight: bold;
26407 #page-admin-course-category .addcategory {
26408 padding: 10px;
26411 #page-admin-course-index .editcourse {
26412 margin: 20px auto;
26415 #page-admin-course-index .editcourse th,
26416 #page-admin-course-index .editcourse td {
26417 padding-left: 10px;
26418 padding-right: 10px;
26421 .timewarninghidden {
26422 display: none;
26425 #page-admin-qtypes #qtypes div,
26426 #page-admin-qtypes #qtypes form,
26427 #page-admin-qbehaviours #qbehaviours div,
26428 #page-admin-qbehaviours #qbehaviours form {
26429 display: inline;
26432 #page-admin-qtypes #qtypes img.spacer,
26433 #page-admin-qbehaviours #qbehaviours img.spacer {
26434 width: 16px;
26437 #page-admin-qbehaviours .cell.c3,
26438 #page-admin-qtypes .cell.c3 {
26439 font-size: 0.8203125rem;
26442 #page-admin-lang .generalbox,
26443 #page-admin-course-index .singlebutton,
26444 #page-admin-course-index .addcategory,
26445 #page-course-index .buttons,
26446 #page-course-index-category .buttons,
26447 #page-admin-course-category .addcategory,
26448 #page-admin-stickyblocks .generalbox,
26449 #page-admin-maintenance .buttons,
26450 #page-admin-course-index .buttons,
26451 #page-admin-course-category .buttons,
26452 #page-admin-index .copyright,
26453 #page-admin-index .copyrightnotice,
26454 #page-admin-index .adminerror .singlebutton,
26455 #page-admin-index .adminwarning .singlebutton,
26456 #page-admin-index #layout-table .singlebutton {
26457 text-align: center;
26458 margin-bottom: 1em;
26461 .path-admin-roles .capabilitysearchui {
26462 text-align: left;
26463 margin-left: auto;
26464 margin-right: auto;
26465 margin-top: 1rem;
26468 #page-admin-roles-define .topfields {
26469 margin: 1em 0 2em;
26472 #page-admin-roles-override .capcurrent,
26473 #page-admin-roles-define .capdefault {
26474 background-color: rgba(0, 0, 0, 0.075);
26477 #page-filter-manage .backlink,
26478 .path-admin-roles .backlink {
26479 margin-top: 1em;
26482 #page-admin-roles-explain #chooseuser h3,
26483 #page-admin-roles-usersroles .contextname {
26484 margin-top: 0;
26487 #page-admin-roles-explain #chooseusersubmit {
26488 margin-top: 0;
26489 text-align: center;
26492 #page-admin-roles-usersroles p {
26493 margin: 0;
26496 #page-admin-roles-override .cell.c1,
26497 #page-admin-roles-assign .cell.c3,
26498 #page-admin-roles-assign .cell.c1 {
26499 padding-top: 0.75em;
26502 #page-admin-roles-override .overridenotice,
26503 #page-admin-roles-define .definenotice {
26504 margin: 1em 10% 2em 10%;
26505 text-align: left;
26508 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
26509 display: block;
26512 #page-admin-index .updateplugin div {
26513 margin-bottom: 0.5em;
26516 #page-admin-user-user_bulk #users .fgroup {
26517 white-space: nowrap;
26520 #page-admin-report-stats-index .graph {
26521 text-align: center;
26522 margin-bottom: 1em;
26525 #page-admin-report-courseoverview-index .graph {
26526 text-align: center;
26527 margin-bottom: 1em;
26530 #page-admin-lang .translator {
26531 border-width: 1px;
26532 border-style: solid;
26535 .path-admin .roleassigntable {
26536 width: 100%;
26539 .path-admin .roleassigntable td {
26540 vertical-align: top;
26541 padding: 0.2em 0.3em;
26544 .path-admin .roleassigntable p {
26545 text-align: left;
26546 margin: 0.2em 0;
26549 .path-admin .roleassigntable #existingcell,
26550 .path-admin .roleassigntable #potentialcell {
26551 width: 42%;
26554 .path-admin .roleassigntable #existingcell p > label:first-child,
26555 .path-admin .roleassigntable #potentialcell p > label:first-child {
26556 font-weight: bold;
26559 .path-admin .roleassigntable #buttonscell {
26560 width: 16%;
26563 .path-admin .roleassigntable #buttonscell #assignoptions {
26564 font-size: 0.8203125rem;
26567 .path-admin .roleassigntable #removeselect_wrapper,
26568 .path-admin .roleassigntable #addselect_wrapper {
26569 width: 100%;
26572 .path-admin table.rolecap tr.rolecap th {
26573 text-align: left;
26574 font-weight: normal;
26577 .path-admin .rolecap .hiddenrow {
26578 display: none;
26581 .path-admin #defineroletable .rolecap .inherit,
26582 .path-admin #defineroletable .rolecap .allow,
26583 .path-admin #defineroletable .rolecap .prevent,
26584 .path-admin #defineroletable .rolecap .prohibit {
26585 text-align: center;
26586 padding: 0;
26587 min-width: 3.5em;
26590 .path-admin .rolecap .cap-name,
26591 .path-admin .rolecap .note {
26592 display: block;
26593 font-size: 0.8203125rem;
26594 white-space: nowrap;
26595 font-weight: normal;
26598 .path-admin .rolecap label {
26599 display: block;
26600 text-align: center;
26601 padding: 0.5em;
26602 margin: 0;
26605 .path-admin .header-maxwidth,
26606 .path-admin .secondary-navigation .navigation .nav-tabs,
26607 .format-site .header-maxwidth,
26608 .format-site .secondary-navigation .navigation .nav-tabs {
26609 max-width: none;
26612 .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
26613 .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
26614 .path-admin.path-admin-tool-lp .header-maxwidth,
26615 .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
26616 max-width: 830px;
26619 .plugincheckwrapper {
26620 width: 100%;
26623 .environmentbox {
26624 margin-top: 1em;
26627 #mnetconfig table {
26628 margin-left: auto;
26629 margin-right: auto;
26632 .environmenttable .cell {
26633 padding: 0.15em 0.5em;
26636 #trustedhosts .generaltable {
26637 margin-left: auto;
26638 margin-right: auto;
26639 width: 500px;
26642 #trustedhosts .standard {
26643 width: auto;
26646 #adminsettings legend {
26647 display: none;
26650 #adminsettings fieldset.error {
26651 margin: 0.2em 0 0.5em 0;
26654 #adminsettings fieldset.error legend {
26655 display: block;
26658 #admin-spelllanguagelist textarea {
26659 /* rtl:ignore */
26660 text-align: left;
26661 /* rtl:ignore */
26662 direction: ltr;
26665 /* Styles for flags on admin settings */
26666 .adminsettingsflags {
26667 float: right;
26670 .adminsettingsflags label {
26671 margin-right: 7px;
26674 .form-description pre,
26675 .formsettingheading pre {
26676 /*rtl:ignore*/
26677 direction: ltr;
26680 .form-item .form-setting .form-htmlarea {
26681 display: inline;
26684 .form-item .form-setting .form-htmlarea .htmlarea {
26685 width: 640px;
26686 display: block;
26689 .form-item .form-setting .form-multicheckbox ul {
26690 list-style: none;
26691 padding: 0;
26692 margin: 7px 0 0 0;
26695 .form-item .form-setting .defaultsnext {
26696 display: inline;
26699 .form-item .form-setting .locked-checkbox {
26700 margin-right: 0.2em;
26701 margin-left: 0.5em;
26702 display: inline;
26705 .form-item .form-setting .form-password .unmask,
26706 .form-item .form-setting .form-defaultinfo {
26707 display: inline-block;
26710 .form-item .form-setting .form-defaultinfo {
26711 max-width: 100%;
26712 word-wrap: break-word;
26715 #admin-emoticons td input {
26716 width: 8em;
26719 #admin-emoticons td.c0 input {
26720 width: 4em;
26723 .admin_colourpicker,
26724 .admin_colourpicker_preview {
26725 display: none;
26728 .jsenabled .admin_colourpicker_preview {
26729 display: inline;
26732 @media (min-width: 768px) {
26733 .jsenabled .admin_colourpicker {
26734 display: block;
26735 height: 102px;
26736 width: 410px;
26737 margin-bottom: 10px;
26738 box-sizing: content-box;
26740 .admin_colourpicker .colourdialogue {
26741 float: left;
26742 border: 1px solid #8f959e;
26744 .admin_colourpicker .previewcolour {
26745 border: 1px solid #8f959e;
26746 margin-left: 301px;
26748 .admin_colourpicker .currentcolour {
26749 border: 1px solid #8f959e;
26750 margin-left: 301px;
26751 border-top-width: 0;
26754 @media (max-width: 767.98px) {
26755 .jsenabled .admin_colourpicker {
26756 height: 150px;
26757 margin-bottom: 10px;
26758 display: block;
26759 position: relative;
26761 .admin_colourpicker .previewcolour {
26762 display: none;
26764 .admin_colourpicker .currentcolour {
26765 position: absolute;
26766 border: 1px solid #dee2e6;
26767 top: 100px;
26768 left: 0;
26771 .admin_colourpicker .loadingicon {
26772 vertical-align: middle;
26773 margin-left: auto;
26776 #page-admin-index #notice .checkforupdates {
26777 text-align: center;
26780 #page-admin-plugins #plugins-overview-panel .info {
26781 display: inline-block;
26782 margin-right: 1em;
26784 #page-admin-plugins .checkforupdates {
26785 margin: 10px 0;
26787 #page-admin-plugins .checkforupdates .singlebutton {
26788 margin: 5px 0;
26789 padding: 0;
26791 #page-admin-plugins .checkforupdates .singlebutton div,
26792 #page-admin-plugins .checkforupdates .singlebutton input {
26793 margin: 0 3px 0 0;
26795 #page-admin-plugins .updateavailableinstallall {
26796 margin: 5px 0;
26797 padding: 0;
26799 #page-admin-plugins .updateavailableinstallall div,
26800 #page-admin-plugins .updateavailableinstallall input {
26801 margin: 0 3px 5px 0;
26803 #page-admin-plugins #plugins-control-panel .status-missing td {
26804 background-color: #fcefdc;
26806 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
26807 font-size: 0.8203125rem;
26808 color: #6a737b;
26809 margin-left: 22px;
26811 #page-admin-plugins #plugins-control-panel .version .versionnumber {
26812 font-size: 0.8203125rem;
26813 color: #6a737b;
26815 #page-admin-plugins #plugins-control-panel .uninstall a {
26816 color: #ca3120;
26818 #page-admin-plugins #plugins-control-panel .notes .label {
26819 margin-right: 3px;
26821 #page-admin-plugins #plugins-control-panel .notes .requiredby {
26822 font-size: 0.8203125rem;
26823 color: #6a737b;
26826 #plugins-check-page #plugins-check .status-missing td,
26827 #plugins-check-page #plugins-check .status-downgrade td {
26828 background-color: #f4d6d2;
26831 #plugins-check-page .pluginupdateinfo,
26832 #plugins-control-panel .pluginupdateinfo {
26833 background-color: #cce6ea;
26834 padding: 5px;
26835 margin: 10px 0;
26836 border-radius: 5px;
26838 #plugins-check-page .pluginupdateinfo.maturity50,
26839 #plugins-control-panel .pluginupdateinfo.maturity50 {
26840 background-color: #f4d6d2;
26842 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
26843 #plugins-control-panel .pluginupdateinfo.maturity100,
26844 #plugins-control-panel .pluginupdateinfo.maturity150 {
26845 background-color: #fcefdc;
26847 #plugins-check-page .pluginupdateinfo .info,
26848 #plugins-control-panel .pluginupdateinfo .info {
26849 display: inline-block;
26851 #plugins-check-page .pluginupdateinfo .separator:after,
26852 #plugins-control-panel .pluginupdateinfo .separator:after {
26853 content: " | ";
26855 #plugins-check-page .pluginupdateinfo .singlebutton,
26856 #plugins-control-panel .pluginupdateinfo .singlebutton {
26857 margin: 5px 0;
26858 padding: 0;
26860 #plugins-check-page .pluginupdateinfo .singlebutton div,
26861 #plugins-check-page .pluginupdateinfo .singlebutton input,
26862 #plugins-control-panel .pluginupdateinfo .singlebutton div,
26863 #plugins-control-panel .pluginupdateinfo .singlebutton input {
26864 margin: 0 3px 0 0;
26867 .plugins-management-confirm-buttons > div {
26868 display: inline-block;
26869 margin: 1em 1em 1em 0;
26871 .plugins-management-confirm-buttons .continue {
26872 padding: 0;
26874 .plugins-management-confirm-buttons .continue div,
26875 .plugins-management-confirm-buttons .continue input {
26876 margin: 0;
26879 #page-admin-index .upgradepluginsinfo {
26880 text-align: center;
26883 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
26884 content: " | ";
26887 /** MNet networking */
26888 #page-admin-mnet-peers .box.deletedhosts {
26889 margin-bottom: 1em;
26890 font-size: 0.8203125rem;
26893 #core-cache-plugin-summaries table,
26894 #core-cache-store-summaries table {
26895 width: 100%;
26898 #core-cache-lock-summary table,
26899 #core-cache-definition-summaries table,
26900 #core-cache-mode-mappings table {
26901 margin: 0 auto;
26904 #core-cache-store-summaries .default-store td {
26905 font-style: italic;
26908 #core-cache-rescan-definitions,
26909 #core-cache-mode-mappings .edit-link,
26910 #core-cache-lock-additional-actions .new-instance {
26911 margin-top: 0.5em;
26912 text-align: center;
26915 .maintenancewarning {
26916 position: fixed;
26917 bottom: 0;
26918 right: 0;
26919 overflow: hidden;
26920 z-index: 1000;
26923 .modal.modal-in-page {
26924 z-index: 0;
26927 #page-admin-search .adminpagetitle {
26928 margin-bottom: 0;
26929 border-bottom: none;
26931 #page-admin-search .adminpagepath {
26932 display: flex;
26933 flex-wrap: wrap;
26934 list-style: none;
26935 padding: 0;
26936 margin: 0 0 1.5rem 0;
26938 #page-admin-search .adminpagepath li + li:before {
26939 padding-right: 0.5rem;
26940 padding-left: 0.5rem;
26941 content: "/";
26943 @media (min-width: 576px) {
26944 #page-admin-search .container {
26945 overflow-wrap: break-word;
26949 #page-admin-tasklogs .task-class {
26950 font-size: 0.8203125rem;
26951 color: #6a737b;
26954 .path-admin-tool-uploaduser .uuwarning {
26955 background-color: #fcefdc;
26957 .path-admin-tool-uploaduser .uuerror {
26958 background-color: #f4d6d2;
26960 .path-admin-tool-uploaduser .uuinfo {
26961 background-color: #d7e4d6;
26965 Blocks
26967 .blockmovetarget .accesshide {
26968 position: relative;
26969 left: initial;
26972 .block:target {
26973 padding-top: 0 !important; /* stylelint-disable declaration-no-important */
26974 margin-top: 0 !important;
26977 .block_search_forums .searchform {
26978 /* Override plugin's default. */
26979 text-align: left;
26982 .block.block_navigation .block_tree ul,
26983 .block_settings .block_tree ul {
26984 margin-left: 0;
26987 .block .block-controls .dropdown-toggle {
26988 /* So that the caret takes the colour of the icon. */
26989 color: #1d2125;
26992 [data-region=blocks-column] {
26993 width: 360px;
26994 float: right;
26997 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
26998 @media (min-width: 576px) {
26999 #region-main-settings-menu {
27000 position: relative;
27001 float: left;
27002 width: 100%;
27004 #region-main-settings-menu > div {
27005 position: absolute;
27006 right: 0;
27007 z-index: 100;
27008 margin: 1rem;
27010 .region_main_settings_menu_proxy {
27011 width: 4rem;
27012 height: 2rem;
27013 background-color: #fff;
27014 margin-left: 0.625rem;
27015 margin-bottom: 0.625rem;
27016 border-bottom-left-radius: 0.5rem;
27017 float: right;
27020 @media (max-width: 767.98px) {
27021 #region-main-settings-menu .menubar {
27022 justify-content: flex-end;
27025 #region-main.has-blocks {
27026 display: inline-block;
27027 width: calc(100% - 375px);
27029 @media (max-width: 1199.98px) {
27030 #region-main.has-blocks {
27031 width: 100%;
27032 /* MDL-63102 - Remove extra space at bottom.
27033 If modifying make sure block-region is horizontally stacked when in full screen */
27034 display: block;
27038 .header-action #region-main-settings-menu {
27039 position: unset;
27040 float: none;
27041 width: auto;
27043 .header-action #region-main-settings-menu > div {
27044 position: unset;
27045 right: auto;
27046 margin: 0;
27049 @media (max-width: 1199.98px) {
27050 [data-region=blocks-column] {
27051 width: 100%;
27055 .block .empty-placeholder-image-lg {
27056 height: 5rem;
27059 .block .searchbar .icon {
27060 margin-right: 0;
27063 .block .block-cards .course-info-container {
27064 padding: 0.8rem;
27066 .block .block-cards .progress {
27067 height: 0.5rem;
27069 .block .block-cards .course-summaryitem {
27070 border: 1px solid #dee2e6;
27071 background-color: #fff;
27073 .block .block-cards .icon {
27074 margin-right: 0;
27076 .block .block-cards .card .coursemenubtn {
27077 margin-top: -0.5rem;
27079 .block .block-cards span.categoryname,
27080 .block .block-cards .btn-link {
27081 color: #1d2125;
27083 .block .block-cards .progress-text {
27084 color: #6a737b;
27086 .block .block-cards .multiline {
27087 white-space: normal;
27089 .block .block-cards .btn.btn-link.btn-icon {
27090 height: 36px;
27091 width: 36px;
27092 padding: 0;
27093 border-radius: 50%;
27096 .card-grid {
27097 display: flex;
27099 .card-grid .card {
27100 flex: 1;
27102 .drawercontent .card-grid .col, .blockcolumn .card-grid .col {
27103 flex: 0 0 auto;
27104 max-width: 100%;
27107 .card-carousel {
27108 display: flex;
27110 .card-carousel .card {
27111 flex: 1;
27113 @media (min-width: 576px) {
27114 .card-carousel .card {
27115 flex: 0 1 auto;
27116 width: 240px;
27117 max-width: 100%;
27121 .course-card .card-img-top,
27122 .theme-card .card-img-top {
27123 height: 7rem;
27124 background-position: center;
27125 background-size: cover;
27128 .block_recentlyaccessedcourses .paging-bar-container {
27129 margin-top: -2.4rem;
27130 padding-right: 0.5rem;
27131 justify-content: flex-end;
27133 @media (max-width: 575.98px) {
27134 .block_recentlyaccessedcourses .paging-bar-container {
27135 margin-top: 0;
27139 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
27140 margin-top: 0;
27143 .block_recentlyaccesseditems .activityiconcontainer {
27144 width: 40px;
27145 height: 40px;
27147 aside[id^=block-region-side-] .block_recentlyaccesseditems .card:nth-of-type(n+4) {
27148 display: none;
27150 #block-region-content .block_recentlyaccesseditems [data-region=more-items-button-container] {
27151 display: none;
27153 .block_recentlyaccesseditems a.card:hover, .block_recentlyaccesseditems a.card:focus {
27154 text-decoration: none;
27156 .block_recentlyaccesseditems a.card:hover h6, .block_recentlyaccesseditems a.card:focus h6 {
27157 text-decoration: underline;
27159 .block_recentlyaccesseditems a.card small {
27160 color: #1d2125;
27163 .block_myoverview .content {
27164 min-height: 19.35rem;
27166 .block_myoverview .paged-content-page-container {
27167 min-height: 13rem;
27169 .block_myoverview .summary-image {
27170 height: 5rem;
27171 width: 5rem;
27172 background-position: center;
27173 background-size: cover;
27175 .block_myoverview .list-image {
27176 height: 5rem;
27177 width: 20rem;
27178 background-position: center;
27179 background-size: cover;
27181 @media (max-width: 1199.98px) {
27182 .block_myoverview .list-image {
27183 width: 100%;
27187 .block_timeline .paged-content-page-container {
27188 background-color: #fff;
27191 .block_timeline .event-action {
27192 padding-left: 5.55em;
27195 .block_settings .block_tree [aria-expanded=true],
27196 .block_settings .block_tree [aria-expanded=true].emptybranch,
27197 .block_settings .block_tree [aria-expanded=false],
27198 .block_navigation .block_tree [aria-expanded=true],
27199 .block_navigation .block_tree [aria-expanded=true].emptybranch,
27200 .block_navigation .block_tree [aria-expanded=false] {
27201 background-image: none;
27204 .block_settings .block_tree [aria-expanded=true] > p:before,
27205 .block_navigation .block_tree [aria-expanded=true] > p:before {
27206 content: "\f107";
27207 margin-right: 0;
27208 font-size: 16px;
27209 width: 16px;
27212 .block_settings .block_tree [aria-expanded=false] > p:before,
27213 .block_navigation .block_tree [aria-expanded=false] > p:before {
27214 content: "\f105";
27215 margin-right: 0;
27216 font-size: 16px;
27217 width: 16px;
27220 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
27221 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before {
27222 content: "\f104";
27225 .block_navigation .block_tree p.hasicon,
27226 .block_settings .block_tree p.hasicon {
27227 text-indent: -3px;
27229 .block_navigation .block_tree p.hasicon .icon,
27230 .block_settings .block_tree p.hasicon .icon {
27231 margin-right: 2px;
27234 .block.invisibleblock .card-title {
27235 color: #6a737b;
27238 .block_social_activities li a.movehere,
27239 .block_site_main_menu li a.movehere {
27240 display: block;
27241 width: 100%;
27242 height: 2rem;
27243 border: 2px dashed #343a40;
27244 margin: 4px 0;
27247 .pagelayout-embedded .has-fake-blocks {
27248 padding: 1rem;
27249 display: flex;
27251 .pagelayout-embedded .has-fake-blocks .embedded-main {
27252 order: 0;
27253 width: calc(100% - 360px);
27254 margin-right: 1rem;
27256 .pagelayout-embedded .embedded-blocks {
27257 order: 1;
27258 width: 360px;
27260 @media (max-width: 767.98px) {
27261 .pagelayout-embedded .has-fake-blocks {
27262 display: block;
27264 .pagelayout-embedded .has-fake-blocks .embedded-main {
27265 width: 100%;
27267 .pagelayout-embedded .embedded-blocks {
27268 width: 100%;
27272 .block-add {
27273 color: #0f6cbf;
27274 background-color: #f5f9fc;
27275 border-color: #3584c9;
27276 border-radius: 0.25rem;
27277 width: 100%;
27278 border-width: 1px;
27280 .block-add hr {
27281 border-top-color: #3077b5;
27283 .block-add .alert-link {
27284 color: #0b5190;
27286 .block-add .pluscontainer {
27287 border: 1px solid #3584c9;
27288 border-radius: 50%;
27289 width: 32px;
27290 height: 32px;
27292 .block-add:hover {
27293 cursor: pointer;
27294 background-color: #f5f9fc;
27296 .block-add:hover .activity-add-text {
27297 text-decoration: underline;
27300 /* calendar.less */
27301 .calendar_event_category {
27302 background-color: #e0cbe0;
27304 .calendar_event_category .commands a {
27305 color: #0d5ca1;
27308 .calendar_event_course {
27309 background-color: #ffd3bd;
27311 .calendar_event_course .commands a {
27312 color: #0d5ca1;
27315 .calendar_event_site {
27316 background-color: #d6f8cd;
27318 .calendar_event_site .commands a {
27319 color: #0d5ca1;
27322 .calendar_event_group {
27323 background-color: #fee7ae;
27325 .calendar_event_group .commands a {
27326 color: #0d5ca1;
27329 .calendar_event_user {
27330 background-color: #dce7ec;
27332 .calendar_event_user .commands a {
27333 color: #0d5ca1;
27336 .calendar_event_other {
27337 background-color: #ced4da;
27339 .calendar_event_other .commands a {
27340 color: #0d5ca1;
27343 .calendartable {
27344 width: 100%;
27345 table-layout: fixed;
27347 .calendartable th,
27348 .calendartable td {
27349 width: 14%;
27350 vertical-align: top;
27351 text-align: center;
27352 border: 0;
27355 .calendar-controls .previous,
27356 .calendar-controls .next,
27357 .calendar-controls .current {
27358 display: block;
27359 float: left;
27360 width: 12%;
27362 .calendar-controls .previous {
27363 text-align: left;
27364 border: 1px solid transparent;
27365 width: 25%;
27367 .calendar-controls .current {
27368 text-align: center;
27369 width: 50%;
27371 .calendar-controls .next {
27372 text-align: right;
27373 border: 1px solid transparent;
27374 width: 25%;
27376 .calendar-controls .drop-target {
27377 box-sizing: border-box;
27378 border: 1px dashed #0f6cbf;
27381 .filters table {
27382 border-collapse: separate;
27383 border-spacing: 2px;
27384 width: 100%;
27387 #region-main .maincalendar .calendarwrapper td > div {
27388 height: 11.5em;
27389 overflow: hidden;
27392 .maincalendar {
27393 vertical-align: top;
27394 padding: 0;
27396 .maincalendar .bottom {
27397 text-align: left;
27398 width: 98%;
27399 margin: 10px auto;
27401 .maincalendar .bottom span.footer-link:after {
27402 content: "•";
27403 color: #0f6cbf;
27405 .maincalendar .bottom span.footer-link:last-child:after {
27406 content: none;
27408 .maincalendar .heightcontainer {
27409 height: 100%;
27410 position: relative;
27412 .maincalendar .calendarmonth {
27413 width: 98%;
27414 margin: 10px auto;
27416 .maincalendar .calendarmonth ul {
27417 margin: 0;
27418 padding: 0;
27420 .maincalendar .calendarmonth ul li[data-event-folded=true] {
27421 display: none;
27423 .maincalendar .calendarmonth ul li {
27424 list-style-type: none;
27425 line-height: 1.2em;
27427 .maincalendar .calendarmonth ul li > a {
27428 overflow: hidden;
27429 text-overflow: ellipsis;
27430 white-space: nowrap;
27431 max-width: 100%;
27432 display: inline-block;
27434 .maincalendar .calendarmonth ul li > a:hover {
27435 text-decoration: none;
27437 .maincalendar .calendarmonth ul li > a:hover .eventname {
27438 text-decoration: underline;
27440 .maincalendar .calendarmonth ul li a[data-action=view-day-link] {
27441 overflow: hidden;
27442 text-overflow: ellipsis;
27443 white-space: nowrap;
27445 .maincalendar .calendarmonth ul li .icon {
27446 margin-left: 0.25em;
27447 margin-right: 0.25em;
27448 vertical-align: initial;
27450 .maincalendar .calendarmonth ul li .calendar-circle {
27451 width: 12px;
27452 height: 12px;
27453 border-radius: 6px;
27454 vertical-align: middle;
27455 display: inline-block;
27457 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
27458 background-color: #e0cbe0;
27459 border: 2px solid #9e619f;
27461 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
27462 background-color: #ffd3bd;
27463 border: 2px solid #d34600;
27465 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
27466 background-color: #d6f8cd;
27467 border: 2px solid #2b8713;
27469 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
27470 background-color: #fee7ae;
27471 border: 2px solid #9a6e02;
27473 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
27474 background-color: #dce7ec;
27475 border: 2px solid #4e7c91;
27477 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
27478 background-color: #ced4da;
27479 border: 2px solid #687889;
27481 .maincalendar .calendarmonth th {
27482 text-align: left;
27483 padding-left: 16px;
27485 .maincalendar .calendarmonth td a.day:focus {
27486 display: inline-block;
27487 border-radius: 50%;
27488 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
27490 .maincalendar .calendarmonth td .day-number-circle {
27491 display: inline-block;
27492 line-height: 0;
27493 width: 30px;
27494 height: 30px;
27496 .maincalendar .calendarmonth td .day-number-circle .day-number {
27497 display: inline-block;
27498 padding: 50% 4px;
27499 width: 100%;
27500 text-align: center;
27502 .maincalendar .calendarmonth td.today .day-number-circle {
27503 border-radius: 50%;
27504 color: #fff;
27505 background-color: #0f6cbf;
27507 .maincalendar .calendarmonth .clickable:hover {
27508 background-color: #ededed;
27510 .maincalendar .controls {
27511 width: 98%;
27512 margin: 10px auto;
27514 .maincalendar .calendar_event_category:hover a,
27515 .maincalendar .calendar_event_course:hover a,
27516 .maincalendar .calendar_event_site:hover a,
27517 .maincalendar .calendar_event_group:hover a,
27518 .maincalendar .calendar_event_user:hover a {
27519 color: #094478;
27520 text-decoration: underline;
27522 .maincalendar .calendar_event_category {
27523 border-color: #e0cbe0;
27525 .maincalendar .calendar_event_course {
27526 border-color: #ffd3bd;
27528 .maincalendar .calendar_event_site {
27529 border-color: #d6f8cd;
27531 .maincalendar .calendar_event_group {
27532 border-color: #fee7ae;
27534 .maincalendar .calendar_event_user {
27535 border-color: #dce7ec;
27537 .maincalendar .calendar_event_other {
27538 border-color: #ced4da;
27540 .maincalendar .calendartable td,
27541 .maincalendar .calendartable li {
27542 padding: 4px;
27544 .maincalendar .calendartable li {
27545 text-align: left;
27547 .maincalendar .header {
27548 overflow: hidden;
27550 .maincalendar .header .buttons {
27551 float: right;
27553 .maincalendar .event .card-header img {
27554 vertical-align: baseline;
27556 .maincalendar .event .location {
27557 word-break: break-all;
27558 overflow-wrap: break-word;
27560 .maincalendar table#subscription_details_table td {
27561 vertical-align: middle;
27563 .maincalendar table#subscription_details_table td > .btn-group button {
27564 padding-left: 0;
27567 #page-calendar-export .indent {
27568 padding-left: 20px;
27571 .block .bottom {
27572 width: 98%;
27573 margin: 10px auto;
27575 .block .bottom span.footer-link:after {
27576 content: "•";
27577 color: #0f6cbf;
27579 .block .bottom span.footer-link:last-child:after {
27580 content: none;
27582 .block .minicalendar {
27583 max-width: 280px;
27584 margin: 0 auto;
27585 width: 100%;
27587 .block .minicalendar th,
27588 .block .minicalendar td {
27589 padding: 2px;
27590 font-size: 0.8em;
27591 text-align: center;
27593 .block .minicalendar td.weekend {
27594 color: #6a737b;
27596 .block .minicalendar td a {
27597 width: 100%;
27598 height: 100%;
27599 display: block;
27600 color: #0d5ca1;
27602 .block .minicalendar td.duration_global {
27603 border-top: 1px solid #d6f8cd;
27604 border-bottom: 1px solid #d6f8cd;
27606 .block .minicalendar td.duration_global.duration_finish {
27607 background-color: #d6f8cd;
27609 .block .minicalendar td.duration_category {
27610 border-top: 1px solid #e0cbe0;
27611 border-bottom: 1px solid #e0cbe0;
27613 .block .minicalendar td.duration_category.duration_finish {
27614 background-color: #e0cbe0;
27616 .block .minicalendar td.duration_course {
27617 border-top: 1px solid #ffd3bd;
27618 border-bottom: 1px solid #ffd3bd;
27620 .block .minicalendar td.duration_course.duration_finish {
27621 background-color: #ffd3bd;
27623 .block .minicalendar td.duration_group {
27624 border-top: 1px solid #fee7ae;
27625 border-bottom: 1px solid #fee7ae;
27627 .block .minicalendar td.duration_group.duration_finish {
27628 background-color: #fee7ae;
27630 .block .minicalendar td.duration_user {
27631 border-top: 1px solid #dce7ec;
27632 border-bottom: 1px solid #dce7ec;
27634 .block .minicalendar td.duration_user.duration_finish {
27635 background-color: #dce7ec;
27637 .block .minicalendar td.duration_other {
27638 border-top: 1px solid #ced4da;
27639 border-bottom: 1px solid #ced4da;
27641 .block .minicalendar td.duration_other.duration_finish {
27642 background-color: #ced4da;
27644 .block .minicalendar caption {
27645 font-size: inherit;
27646 font-weight: inherit;
27647 line-height: inherit;
27648 text-align: center;
27650 .block .calendar_filters ul {
27651 list-style: none;
27652 margin: 0;
27653 padding: 0;
27655 .block .calendar_filters li {
27656 margin-bottom: 0.2em;
27658 .block .calendar_filters li span.calendar_event_category i {
27659 color: #0d5ca1;
27661 .block .calendar_filters li span.calendar_event_course i {
27662 color: #0d5ca1;
27664 .block .calendar_filters li span.calendar_event_site i {
27665 color: #0d5ca1;
27667 .block .calendar_filters li span.calendar_event_group i {
27668 color: #0d5ca1;
27670 .block .calendar_filters li span.calendar_event_user i {
27671 color: #0d5ca1;
27673 .block .calendar_filters li span.calendar_event_other i {
27674 color: #0d5ca1;
27676 .block .calendar_filters li span img {
27677 padding: 0 0.2em;
27678 margin: 0;
27680 .block .calendar_filters li .icon {
27681 vertical-align: initial;
27682 margin: 0 0.1rem 0 0.4rem;
27684 .block .calendar_filters li > a:hover {
27685 text-decoration: none;
27687 .block .calendar_filters li > a:hover .eventname {
27688 text-decoration: underline;
27690 .block .content h3.eventskey {
27691 margin-top: 0.5em;
27694 .path-course-view .block.block_calendar_month .maincalendar div.header {
27695 visibility: hidden;
27696 height: 0;
27698 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
27699 position: absolute;
27700 width: 1px;
27701 height: 1px;
27702 padding: 0;
27703 margin: -1px;
27704 overflow: hidden;
27705 clip: rect(0, 0, 0, 0);
27706 white-space: nowrap;
27707 border: 0;
27709 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
27710 display: block;
27712 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
27713 content: none;
27716 /* Display month name above the calendar */
27717 table.calendartable caption {
27718 caption-side: top;
27721 @media (min-width: 768px) {
27722 #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 {
27723 min-width: 1024px;
27726 @media (min-width: 768px) {
27727 section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
27728 visibility: hidden;
27729 height: 0;
27731 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
27732 width: 40%;
27733 font-size: inherit;
27734 line-height: inherit;
27736 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
27737 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
27738 width: 30%;
27739 font-size: 0.8em;
27741 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
27742 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27743 border: none;
27744 text-align: center !important;
27745 padding: 0;
27747 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27748 height: auto;
27749 font-size: 0.8em;
27751 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27752 display: none;
27754 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27755 display: inline-block;
27756 position: relative;
27758 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27759 content: ".";
27760 display: inline-block;
27761 position: absolute;
27762 bottom: 0.4em;
27763 left: 0;
27764 text-align: center;
27765 width: 100%;
27766 font-size: 3em;
27767 color: inherit;
27769 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
27770 content: "";
27771 display: block;
27772 margin-top: calc(100% - 26px);
27774 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
27775 background-color: inherit;
27777 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
27778 border-radius: 50%;
27779 background-color: #ededed;
27781 section:not(#region-main) .block.block_calendar_month .bottom {
27782 border-top: 1px solid rgba(0, 0, 0, 0.125);
27783 padding-top: 0.5rem;
27786 @media (max-width: 768px) {
27787 .maincalendar .calendartable.calendarmonth th,
27788 .maincalendar .calendartable.calendarmonth td {
27789 border: none;
27790 text-align: center !important;
27791 padding: 0;
27793 .maincalendar .calendartable.calendarmonth td {
27794 height: auto;
27795 font-size: inherit;
27796 padding: 0;
27798 .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27799 display: none;
27801 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27802 display: inline-block;
27803 position: relative;
27805 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27806 content: ".";
27807 display: inline-block;
27808 position: absolute;
27809 bottom: 0.4em;
27810 left: 0;
27811 text-align: center;
27812 width: 100%;
27813 font-size: 3em;
27814 color: inherit;
27816 .maincalendar .calendartable.calendarmonth td:after {
27817 content: "";
27818 display: block;
27819 margin-top: calc(100% - 26px);
27821 .maincalendar .calendartable.calendarmonth td > div {
27822 height: auto !important;
27825 .calendarwrapper {
27826 position: relative;
27829 .day-popover-content:empty + .day-popover-alternate {
27830 display: block;
27833 .location-content {
27834 overflow-wrap: break-word;
27837 .description-content {
27838 overflow-wrap: break-word;
27840 .description-content > p {
27841 margin: 0;
27844 .cal_courses_flt {
27845 color: #6a737b;
27846 max-width: 75%;
27849 .content-bank-container .cb-content-wrapper {
27850 padding: 0.5rem;
27851 min-height: 140px;
27852 max-height: 500px;
27853 overflow-x: auto;
27854 flex-wrap: wrap;
27856 .content-bank-container .cb-thumbnail {
27857 width: 24px;
27858 height: 24px;
27859 background-repeat: no-repeat;
27860 background-position: center;
27861 background-size: cover;
27863 .content-bank-container.view-grid {
27864 /* Display a centered eye slash on top of unlisted content icons. */
27866 .content-bank-container.view-grid .cb-listitem {
27867 margin-bottom: 0.5rem;
27869 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
27870 position: relative;
27872 @media (max-width: 767.98px) {
27873 .content-bank-container.view-grid .cb-listitem {
27874 flex-basis: 50%;
27877 @media (min-width: 576px) {
27878 .content-bank-container.view-grid .cb-listitem {
27879 max-width: 120px;
27880 min-width: 120px;
27883 .content-bank-container.view-grid .cb-name {
27884 text-align: center;
27886 .content-bank-container.view-grid .cb-file {
27887 padding: 0.5rem;
27889 .content-bank-container.view-grid .cb-thumbnail {
27890 width: 64px;
27891 height: 64px;
27892 margin-left: auto;
27893 margin-right: auto;
27894 margin-bottom: 0.5rem;
27896 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
27897 opacity: 0.15;
27899 .content-bank-container.view-grid .cb-unlisted::after {
27900 content: "\f070";
27901 position: absolute;
27902 top: 20px;
27903 left: 0;
27904 width: 100%;
27905 font-size: 26px;
27906 text-align: center;
27907 opacity: 0.9;
27908 text-shadow: 0 0 10px #fff;
27910 .content-bank-container.view-grid .cb-heading,
27911 .content-bank-container.view-grid .cb-uses,
27912 .content-bank-container.view-grid .cb-date,
27913 .content-bank-container.view-grid .cb-size,
27914 .content-bank-container.view-grid .cb-type,
27915 .content-bank-container.view-grid .cb-author {
27916 display: none;
27918 .content-bank-container.view-list .cb-content-wrapper {
27919 padding: 0 0.5rem;
27920 flex-direction: column;
27921 flex-wrap: nowrap;
27923 .content-bank-container.view-list .cb-thumbnail {
27924 margin-right: 0.5rem;
27926 .content-bank-container.view-list .cb-listitem,
27927 .content-bank-container.view-list .cb-heading {
27928 display: flex;
27929 flex-wrap: wrap;
27930 width: 100%;
27931 border-bottom: 1px solid #dee2e6;
27933 .content-bank-container.view-list .cb-column {
27934 display: flex;
27935 padding: 0.25rem;
27937 .content-bank-container.view-list .cb-column {
27938 border-right: 1px solid #dee2e6;
27940 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
27941 opacity: 0.3;
27943 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
27944 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
27945 color: #6a737b;
27947 @media (max-width: 767.98px) {
27948 .content-bank-container.view-list .cb-column {
27949 flex: 0 0 50%;
27950 max-width: 50%;
27953 @media (min-width: 576px) {
27954 .content-bank-container.view-list .cb-heading {
27955 position: sticky;
27956 top: 0;
27957 z-index: 1;
27959 .content-bank-container.view-list .cb-file {
27960 flex: 0 0 40%;
27961 max-width: 40%;
27963 .content-bank-container.view-list .cb-uses,
27964 .content-bank-container.view-list .cb-date,
27965 .content-bank-container.view-list .cb-size,
27966 .content-bank-container.view-list .cb-type,
27967 .content-bank-container.view-list .cb-author {
27968 flex: 0 0 12%;
27969 max-width: 12%;
27971 .content-bank-container.view-list .cb-column.last {
27972 border-right: 0;
27975 .content-bank-container.view-list .cb-btnsort span {
27976 display: none;
27978 .content-bank-container.view-list .cb-btnsort .title {
27979 display: inline;
27981 .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 {
27982 display: inline;
27985 .cb-toolbar-container .dropdown-scrollable {
27986 max-height: 190px;
27987 overflow-y: auto;
27990 .cb-navigation-container .singleselect,
27991 .cb-navigation-container .singleselect .custom-select {
27992 width: 100%;
27995 /* course.less */
27996 /* COURSE CONTENT */
27997 .block_tree .tree_item.branch {
27998 margin-left: 8px;
28001 .section .side {
28002 margin-top: 0.5rem;
28004 .section .side.left {
28005 float: left;
28007 .section .side.right {
28008 float: right;
28009 clear: right;
28011 .section .spinner {
28012 height: 16px;
28013 width: 16px;
28015 .section .activity {
28016 /* The command block for each activity */
28018 .section .activity .spinner {
28019 left: 100%;
28020 position: absolute;
28022 .section .activity .actions {
28023 position: absolute;
28024 right: 0;
28025 top: 0;
28026 display: flex;
28028 .section .activity .contentwithoutlink,
28029 .section .activity .activityinstance {
28030 min-width: 40%;
28032 .section .activity .contentwithoutlink > a,
28033 .section .activity .activityinstance > a {
28034 display: inline-flex;
28035 align-items: center;
28037 .section .activity .contentwithoutlink .dimmed .activityicon,
28038 .section .activity .activityinstance .dimmed .activityicon {
28039 opacity: 0.5;
28041 .section .activity .stealth {
28042 color: #6a737b;
28044 .section .activity a.stealth,
28045 .section .activity a.stealth:hover {
28046 color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
28048 .section .activity.indented .activity-item {
28049 margin-left: 1rem;
28051 .section .label .contentwithoutlink,
28052 .section .label .activityinstance {
28053 padding-right: 32px;
28054 display: block;
28055 height: inherit;
28057 @media (min-width: 576px) {
28058 .section .label .mod-indent-outer {
28059 padding-left: 24px;
28060 display: block;
28063 .section .filler {
28064 width: 16px;
28065 height: 16px;
28066 padding: 0;
28067 margin: 0 0.5rem;
28068 display: inline-block;
28070 .section .activity.editor_displayed a.editing_title,
28071 .section .activity.editor_displayed .moodle-actionmenu {
28072 display: none;
28074 .section .activity.editor_displayed div.activityinstance {
28075 padding-right: initial;
28077 .section .activity.editor_displayed div.activityinstance input {
28078 margin-bottom: initial;
28079 padding-top: initial;
28080 padding-bottom: initial;
28081 vertical-align: text-bottom;
28084 .section .activity .activityinstance {
28085 display: inline-flex;
28086 align-items: center;
28087 margin-bottom: 1rem;
28090 .editing .section .activity .contentwithoutlink,
28091 .editing .section .activity .activityinstance {
28092 padding-right: 200px;
28094 .editing .section .activity .mod-indent-outer {
28096 * Add appropriate padding such that nothing overlaps the
28097 * absolute positioned move icon.
28099 padding-left: 2rem;
28101 .editing .course-content .stateready .section .spinner {
28102 display: none;
28104 .editing .editinprogress {
28105 position: relative;
28107 .editing .editinprogress > * {
28108 opacity: 0.4;
28110 .editing .editinprogress .corelightbox,
28111 .editing .editinprogress .lightbox {
28112 display: none;
28114 .editing .editinprogress:after {
28115 position: absolute;
28116 font-size: 20px;
28117 color: #6a737b;
28118 content: "\f110";
28119 display: flex;
28120 justify-content: center;
28121 align-items: center;
28122 width: 30px;
28123 height: 30px;
28124 left: calc(50% - 15px);
28125 top: calc(50% - 15px);
28126 animation: editinprogress-rotation 2s infinite linear;
28128 .editing .editinprogress .editinprogress:after {
28129 display: none;
28132 @keyframes editinprogress-rotation {
28133 0% {
28134 opacity: 0;
28135 transform: rotate(0deg);
28137 50% {
28138 opacity: 1;
28140 100% {
28141 opacity: 0;
28142 transform: rotate(359deg);
28145 .editing_show + .editing_assign,
28146 .editing_hide + .editing_assign {
28147 margin-left: 20px;
28150 .section .activity .commands {
28151 white-space: nowrap;
28152 display: inline-block;
28155 .section .activity.modtype_label.label {
28156 font-weight: normal;
28158 .section .activity.modtype_label.label .contentwithoutlink {
28159 min-height: 0;
28161 .section .activity.modtype_label.label.hasinfo p:last-child,
28162 .section .activity.modtype_label.label.hasinfo i:last-child {
28163 margin-bottom: 0;
28166 .section li.activity:not(.activity-wrapper) {
28167 padding: 0.2em;
28168 clear: both;
28170 .section li.activity:not(.activity-wrapper).hasinfo {
28171 border-bottom: 1px solid #dee2e6;
28172 padding-top: 1rem;
28173 padding-bottom: 1rem;
28175 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
28176 border-bottom: 0;
28177 padding-bottom: 0;
28180 .course-content .section.dropready.main.drop-down {
28181 border-bottom: 1px solid #1d2125;
28183 .course-content .section.dropready .course-section-header.dropready.drop-zone {
28184 margin-top: -2px;
28186 .course-content .section.dropready li.activity.dropready.drop-down {
28187 border-bottom: 1px solid #1d2125;
28188 margin-bottom: -1px;
28190 .course-content .section.dropready li.activity.dropready.drop-up {
28191 border-top: 1px solid #1d2125;
28192 margin-top: -1px;
28195 .section .activity .activityinstance .groupinglabel {
28196 padding-left: 30px;
28199 .section.main:not(.course-section) .activity .availabilityinfo,
28200 .section.main:not(.course-section) .activity .contentafterlink {
28201 margin-top: 0.5em;
28202 margin-left: 30px;
28205 .section .activity .contentafterlink p {
28206 margin: 0.5em 0;
28209 .editing .section.main:not(.course-section) .activity:hover,
28210 .editing .section.main:not(.course-section) .activity.action-menu-shown,
28211 .editing .section.main:not(.course-section) .sectionname:hover {
28212 background-color: rgba(0, 0, 0, 0.03);
28215 .course-content .current {
28216 position: relative;
28219 .course-content .current::before {
28220 border-left: #0f6cbf 3px solid;
28221 bottom: 0;
28222 content: "";
28223 left: -8px;
28224 position: absolute;
28225 top: 0;
28228 .course-content .single-section .section-navigation {
28229 display: block;
28230 padding: 0.5em;
28231 margin-bottom: -0.5em;
28234 .course-content .single-section .section-navigation .title {
28235 font-weight: bold;
28236 font-size: 108%;
28237 clear: both;
28240 .course-content .single-section .section-navigation .mdl-left {
28241 font-weight: normal;
28242 float: left;
28243 margin-right: 1em;
28246 .course-content .single-section .section-navigation .mdl-left .larrow {
28247 margin-right: 0.1em;
28250 .course-content .single-section .section-navigation .mdl-right {
28251 font-weight: normal;
28252 float: right;
28253 margin-left: 1em;
28256 .course-content .single-section .section-navigation .mdl-right .rarrow {
28257 margin-left: 0.1em;
28260 .course-content .single-section .section-navigation .mdl-bottom {
28261 margin-top: 0;
28264 .course-content ul li.section.main:not(.course-section) {
28265 border-bottom: 1px solid #dee2e6;
28266 margin-top: 0;
28268 .course-content ul li.section.main:not(.course-section):last-child {
28269 border-bottom: 0;
28272 .course-content ul li.section.hidden:not(.course-section) .sectionname > span,
28273 .course-content ul li.section.hidden:not(.course-section) .content > div.summary,
28274 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
28275 color: #6a737b;
28278 .course-content ul.topics,
28279 .course-content ul.weeks {
28280 padding: 0;
28281 margin: 0;
28282 list-style: none;
28284 .course-content ul.topics li.section .content,
28285 .course-content ul.weeks li.section .content {
28286 margin: 0;
28287 padding: 0;
28289 @media (min-width: 576px) {
28290 .course-content ul.topics li.section .summary,
28291 .course-content ul.topics li.section .content > .availabilityinfo,
28292 .course-content ul.weeks li.section .summary,
28293 .course-content ul.weeks li.section .content > .availabilityinfo {
28294 margin-left: 25px;
28297 .course-content ul.topics li.section .left,
28298 .course-content ul.topics li.section .right,
28299 .course-content ul.weeks li.section .left,
28300 .course-content ul.weeks li.section .right {
28301 padding: 0 6px 0;
28302 text-align: right;
28303 width: auto;
28306 .course-content .single-section ul.topics li.section,
28307 .course-content .single-section ul.weeks li.section {
28308 padding-top: 0;
28311 @media (max-width: 767.98px) {
28312 body:not(.editing) .course-content ul.topics li.section .left,
28313 body:not(.editing) .course-content ul.topics li.section .right,
28314 body:not(.editing) .course-content ul.weeks li.section .left,
28315 body:not(.editing) .course-content ul.weeks li.section .right {
28316 display: none;
28319 .course-content {
28320 margin-top: 0;
28323 .course-content .hidden {
28324 display: none;
28327 @media (max-width: 767.98px) {
28328 .course-content li.section:not(.course-section) ul {
28329 padding-left: 0;
28332 .course-content li.section:not(.course-section) ul {
28333 list-style: disc;
28335 .course-content li.section:not(.course-section) ul ul {
28336 list-style: circle;
28338 .course-content li.section:not(.course-section) ul ul ul {
28339 list-style: square;
28341 .course-content li.section:not(.course-section) li.activity ul {
28342 list-style: disc;
28344 .course-content li.section:not(.course-section) li.activity ul ul {
28345 list-style: circle;
28347 .course-content li.section:not(.course-section) li.activity ul ul ul {
28348 list-style: square;
28350 .course-content li.section:not(.course-section) .right > .icon:first-child {
28351 /* Remove the spacer icon. */
28352 display: none;
28355 .path-course-view.editing #region-main > .card-block {
28356 padding-bottom: 13rem;
28359 .path-course-view .completionprogress {
28360 margin-left: 25px;
28363 .path-course-view .completionprogress {
28364 display: block;
28365 float: right;
28366 height: 20px;
28367 position: relative;
28370 #page-site-index .subscribelink {
28371 text-align: right;
28374 #site-news-forum h2,
28375 #frontpage-course-list h2,
28376 #frontpage-category-names h2,
28377 #frontpage-category-combo h2 {
28378 margin-bottom: 9px;
28381 .path-course-view a.reduce-sections {
28382 padding-left: 0.2em;
28385 .path-course-view .subscribelink {
28386 text-align: right;
28389 .path-course-view .unread {
28390 margin-left: 30px;
28393 .path-course-view .block.drag .header {
28394 cursor: move;
28397 .path-course-view .completionprogress {
28398 text-align: right;
28401 .path-course-view .single-section .completionprogress {
28402 margin-right: 5px;
28405 .path-course-view li.activity span.autocompletion img {
28406 vertical-align: text-bottom;
28407 margin-left: 0;
28410 .path-course-view.editing li.activity span.autocompletion img {
28411 /* Use the same spacing as the filler. */
28412 margin-right: 0.5rem;
28413 margin-left: 0.5rem;
28416 li.section.hidden span.commands a.editing_hide,
28417 li.section.hidden span.commands a.editing_show {
28418 cursor: default;
28421 .single-section-page .header-action {
28422 display: inline-block;
28425 input.titleeditor {
28426 width: 330px;
28427 vertical-align: text-bottom;
28430 span.editinstructions {
28431 position: absolute;
28432 top: 0;
28433 margin-top: -22px;
28434 margin-left: 30px;
28435 font-size: 0.8203125rem;
28436 padding: 0.1em 0.4em;
28437 text-decoration: none;
28438 z-index: 9999;
28439 border: 0 solid transparent;
28440 color: #00434e;
28441 background-color: #cce6ea;
28442 border-color: #b8dce2;
28444 span.editinstructions hr {
28445 border-top-color: #a6d3db;
28447 span.editinstructions .alert-link {
28448 color: #00171b;
28451 /* COURSES LISTINGS AND COURSE SUMMARY */
28452 #page-course-pending .singlebutton,
28453 #page-course-index .singlebutton,
28454 #page-course-index-category .singlebutton,
28455 #page-course-editsection .singlebutton {
28456 text-align: center;
28459 #page-admin-course-manage #movecourses td img {
28460 margin: 0 0.22em;
28461 vertical-align: text-bottom;
28464 #page-course-pending .pendingcourserequests {
28465 margin-bottom: 1em;
28468 #page-course-pending .pendingcourserequests .singlebutton {
28469 display: inline;
28472 #page-course-pending .pendingcourserequests .cell {
28473 padding: 0 5px;
28476 #page-course-pending .pendingcourserequests .cell.c6 {
28477 white-space: nowrap;
28480 .coursebox {
28481 display: flex;
28482 flex-direction: column;
28484 .coursebox .info {
28485 display: flex;
28486 align-items: center;
28489 #frontpage-available-course-list,
28490 #frontpage-course-list,
28491 .course-search-result {
28492 margin-top: 0.5rem;
28494 #frontpage-available-course-list .coursebox,
28495 #frontpage-course-list .coursebox,
28496 .course-search-result .coursebox {
28497 padding: 0.5rem;
28498 border: 1px solid #dee2e6;
28499 margin-bottom: 0.5rem;
28500 border-radius: 0.25rem;
28503 .subcategories .coursebox > .info > .coursename a,
28504 #frontpage-category-names .coursebox > .info > .coursename a,
28505 #frontpage-category-combo .coursebox > .info > .coursename a {
28506 display: block;
28507 background-image: url([[pix:moodle|i/course]]);
28508 background-repeat: no-repeat;
28509 padding-left: 21px;
28510 background-position: left 0.2em;
28513 .coursebox > .info > .coursename {
28514 font-size: 0.9375rem;
28515 font-weight: normal;
28516 margin: 5px;
28517 padding: 0;
28520 .coursebox .content .teachers li {
28521 list-style-type: none;
28522 padding: 0;
28523 margin: 0;
28526 .coursebox .customfieldname,
28527 .coursebox .customfieldseparator {
28528 font-weight: 700;
28531 .coursebox .content .coursefile {
28532 max-width: 100px;
28535 .coursebox .content .courseimage img {
28536 max-width: 100px;
28537 max-height: 100px;
28540 .coursebox .content .coursecat,
28541 .coursebox .content .summary,
28542 .coursebox .content .courseimage,
28543 .coursebox .content .coursefile,
28544 .coursebox .content .teachers,
28545 .coursebox.remotecoursebox .remotecourseinfo,
28546 .coursebox .content .customfields-container {
28547 margin: 15px 5px 5px;
28548 padding: 0;
28551 .category-browse .coursebox .content .coursecat,
28552 .category-browse .coursebox .content .summary,
28553 .category-browse .coursebox .content .courseimage,
28554 .category-browse .coursebox .content .coursefile,
28555 .category-browse .coursebox .content .teachers,
28556 .category-browse .coursebox.remotecoursebox .remotecourseinfo,
28557 .category-browse .coursebox .content .customfields-container {
28558 margin-top: 0;
28561 .coursebox.collapsed > .content {
28562 display: none;
28565 .courses > .paging.paging-morelink {
28566 text-align: center;
28567 padding: 1rem;
28570 .course_category_tree .category .numberofcourse {
28571 font-size: 0.8203125rem;
28574 .course_category_tree .category > .info > .categoryname {
28575 margin: 5px;
28576 font-size: 0.9375rem;
28577 font-weight: normal;
28578 padding: 2px 18px;
28581 .course_category_tree .category.with_children > .info > .categoryname {
28582 background-image: url([[pix:moodle|t/expanded]]);
28583 background-repeat: no-repeat;
28584 background-position: center left;
28587 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28588 background-image: url([[pix:moodle|t/collapsed]]);
28591 /* rtl:raw:
28592 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28593 background-image:url([[pix:moodle|t/collapsed_rtl]]);
28596 .course_category_tree .category.collapsed > .content {
28597 display: none;
28600 .course_category_tree .category > .content {
28601 padding-left: 16px;
28604 #page-course-index-category .categorypicker {
28605 margin: 10px 0 20px;
28609 * Course management page
28610 * Palette
28612 * Background (reg) #F5F5F5
28613 * Background (light #fafafa
28614 * Background (highlight) #ddffaa
28615 * Borders #e1e1e8
28617 #course-category-listings {
28618 margin-bottom: 0;
28619 /** Two column layout */
28620 /** Three column layout */
28622 #course-category-listings.columns-2 > #course-listing > div {
28623 position: relative;
28624 left: -1px;
28626 #course-category-listings.columns-3 > #course-listing > div {
28627 height: 100%;
28629 #course-category-listings > div > div {
28630 min-height: 300px;
28632 #course-category-listings > div > div > ul.ml > li:first-child > div {
28633 border-top: 0;
28635 #course-category-listings h3 {
28636 margin: 0;
28637 padding: 0.4rem 0.6rem 0.3rem;
28639 #course-category-listings h4 {
28640 margin: 1rem 0 0;
28641 padding: 0.6rem 1rem 0.5rem;
28643 #course-category-listings .moodle-actionmenu {
28644 white-space: nowrap;
28646 #course-category-listings .listing-actions {
28647 text-align: center;
28649 #course-category-listings .listing-actions > .moodle-actionmenu {
28650 display: inline-block;
28652 #course-category-listings ul.ml {
28653 list-style: none;
28654 margin: 1rem 0;
28656 #course-category-listings ul.ml ul.ml {
28657 margin: 0;
28659 #course-category-listings .listitem[data-selected="1"] {
28660 border-left: calc(1px + 5px) solid #0f6cbf;
28661 padding-left: calc(1.25rem - 5px);
28663 #course-category-listings .listitem:hover {
28664 z-index: 2;
28666 #course-category-listings .item-actions {
28667 margin-right: 1em;
28668 display: inline-block;
28670 #course-category-listings .item-actions.show .menu img {
28671 width: 12px;
28672 max-width: none;
28674 #course-category-listings .item-actions .menu-action-text {
28675 vertical-align: inherit;
28677 #course-category-listings .listitem > div > .float-left {
28678 float: left;
28680 #course-category-listings .listitem > div > .float-right {
28681 float: right;
28682 text-align: right;
28684 #course-category-listings .listitem > div .item-actions .action-show {
28685 display: none;
28687 #course-category-listings .listitem > div .item-actions .action-hide {
28688 display: inline;
28690 #course-category-listings .listitem > div .without-actions {
28691 color: #333;
28693 #course-category-listings .listitem > div .idnumber {
28694 margin-right: 2em;
28696 #course-category-listings .listitem[data-visible="0"] {
28697 color: #6a737b;
28699 #course-category-listings .listitem[data-visible="0"] > div > a {
28700 color: #6a737b;
28702 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
28703 display: inline;
28705 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
28706 display: none;
28708 #course-category-listings .listitem.highlight {
28709 background-color: #fff;
28711 #course-category-listings .listitem.highlight > div,
28712 #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
28713 background-color: rgba(0, 0, 0, 0.075);
28715 #course-category-listings #course-listing .listitem .categoryname {
28716 display: inline-block;
28717 margin-left: 1em;
28718 color: #a1a1a8;
28720 #course-category-listings #course-listing .listitem .coursename {
28721 display: inline-block;
28722 flex-basis: 10rem;
28724 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
28725 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
28726 display: none;
28728 #course-category-listings #course-listing .bulk-action-checkbox {
28729 margin: -2px 6px 0 0;
28731 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
28732 display: none;
28734 #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 {
28735 display: none;
28737 #course-category-listings #category-listing .course-count {
28738 color: #a1a1a8;
28739 margin-right: 2rem;
28740 min-width: 3.5em;
28741 display: inline-block;
28743 #course-category-listings #category-listing .bulk-action-checkbox {
28744 margin-right: -3px;
28746 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
28747 position: relative;
28749 #course-category-listings #category-listing .category-bulk-actions {
28750 margin: 0 0.5em 0.5em;
28751 position: relative;
28753 #course-category-listings .detail-pair > * {
28754 display: inline-block;
28756 #course-category-listings .detail-pair .pair-key {
28757 font-weight: bold;
28758 vertical-align: top;
28760 #course-category-listings .detail-pair .pair-key span {
28761 margin-right: 1rem;
28762 display: block;
28764 #course-category-listings .detail-pair .pair-value select {
28765 max-width: 100%;
28767 #course-category-listings .bulk-actions .detail-pair > * {
28768 display: block;
28769 width: 100%;
28771 #course-category-listings .listing-pagination {
28772 text-align: center;
28774 #course-category-listings .listing-pagination .yui3-button {
28775 color: #fff;
28776 background-color: #008196;
28777 border-color: #008196;
28778 border: 0;
28779 margin: 0.4rem 0.2rem 0.45rem;
28780 font-size: 10.4px;
28782 #course-category-listings .listing-pagination .yui3-button:hover {
28783 color: #fff;
28784 background-color: #006070;
28785 border-color: #005563;
28787 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
28788 color: #fff;
28789 background-color: #006070;
28790 border-color: #005563;
28791 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28793 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
28794 color: #fff;
28795 background-color: #008196;
28796 border-color: #008196;
28798 #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 {
28799 color: #fff;
28800 background-color: #005563;
28801 border-color: #004a56;
28803 #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 {
28804 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28806 #course-category-listings .listing-pagination .yui3-button.active-page {
28807 color: #fff;
28808 background-color: #0f6cbf;
28809 border-color: #0f6cbf;
28811 #course-category-listings .listing-pagination .yui3-button.active-page:hover {
28812 color: #fff;
28813 background-color: #0c589c;
28814 border-color: #0b5190;
28816 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
28817 color: #fff;
28818 background-color: #0c589c;
28819 border-color: #0b5190;
28820 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28822 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
28823 color: #fff;
28824 background-color: #0f6cbf;
28825 border-color: #0f6cbf;
28827 #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 {
28828 color: #fff;
28829 background-color: #0b5190;
28830 border-color: #0a4b84;
28832 #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 {
28833 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28835 #course-category-listings .listing-pagination-totals {
28836 text-align: center;
28838 #course-category-listings .listing-pagination-totals.dimmed {
28839 color: #6a737b;
28840 margin: 0.4rem 1rem 0.45rem;
28842 #course-category-listings .select-a-category .notifymessage,
28843 #course-category-listings .select-a-category .alert {
28844 margin: 1em;
28847 #course-category-listings #course-listing .listitem .drag-handle {
28848 display: none;
28851 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
28852 display: inline-block;
28853 margin: 0 6px 0 0;
28854 cursor: pointer;
28857 /** Management header styling **/
28858 .course-being-dragged-proxy {
28859 border: 0;
28860 color: #0f6cbf;
28861 vertical-align: middle;
28862 padding: 0 0 0 4em;
28865 .course-being-dragged {
28866 opacity: 0.5;
28870 * Display sizes:
28871 * Large displays 1200 +
28872 * Default displays 980 1199
28873 * Tablets 768 979
28874 * Small tablets and large phones 481 767
28875 * Phones 0 480
28877 @media (min-width: 1200px) and (max-width: 1600px) {
28878 #course-category-listings.columns-3 {
28879 background-color: #fff;
28880 border: 0;
28882 #course-category-listings.columns-3 #category-listing,
28883 #course-category-listings.columns-3 #course-listing {
28884 width: 50%;
28886 #course-category-listings.columns-3 #category-listing > div,
28887 #course-category-listings.columns-3 #course-listing > div,
28888 #course-category-listings.columns-3 #course-detail > div {
28889 background-color: #fff;
28891 #course-category-listings.columns-3 #course-detail {
28892 width: 100%;
28893 margin-top: 1em;
28896 @media (max-width: 1199px) {
28897 #course-category-listings.columns-2,
28898 #course-category-listings.columns-3 {
28899 border: 0;
28901 #course-category-listings.columns-2 #category-listing,
28902 #course-category-listings.columns-2 #course-listing,
28903 #course-category-listings.columns-2 #course-detail,
28904 #course-category-listings.columns-3 #category-listing,
28905 #course-category-listings.columns-3 #course-listing,
28906 #course-category-listings.columns-3 #course-detail {
28907 width: 100%;
28908 margin: 0 0 1em;
28911 .page-settings-menu .menubar > a > .icon {
28912 width: auto;
28913 height: 32px;
28914 font-size: 32px;
28917 .activity-navigation .row {
28918 align-items: center;
28920 .activity-navigation #prev-activity-link,
28921 .activity-navigation #next-activity-link {
28922 white-space: pre-wrap;
28925 .automatic-completion-conditions .badge {
28926 font-size: 100%;
28929 /* Variables definition*/
28930 /* Functions/Mixins definition */
28931 /* Section Expand all/Collapse all */
28932 .section-collapsemenu .collapseall {
28933 display: block;
28935 .section-collapsemenu .expandall {
28936 display: none;
28938 .section-collapsemenu.collapsed .collapseall {
28939 display: none;
28941 .section-collapsemenu.collapsed .expandall {
28942 display: block;
28945 /* Course section */
28946 .course-section {
28947 list-style: none;
28948 margin-top: 1rem;
28950 .editing .course-section {
28951 margin-top: 0.5rem;
28953 .course-section .section-item {
28954 padding: 1rem;
28955 border: 1px solid #dee2e6;
28956 border-radius: 1rem;
28958 .course-section.hidden .section-item {
28959 background-color: #f8f9fa;
28961 .course-section .sectionname > a {
28962 color: #1d2125;
28964 .course-section .sectionname > a:hover {
28965 text-decoration: none;
28967 .course-section .sectionbadges .badge {
28968 margin-left: 0.5rem;
28969 font-weight: normal;
28971 .course-section .sectionbadges .badge .icon {
28972 font-size: 12px;
28973 width: 12px;
28974 height: 12px;
28976 .course-section .course-section-header.draggable {
28977 cursor: move;
28979 .course-section .section_action_menu .dropdown-toggle::after {
28980 display: none;
28982 .course-section .summarytext img {
28983 border-radius: 1rem;
28985 .course-section .availabilityinfo {
28986 margin-top: 0.5rem;
28987 padding: 0.25rem 1rem;
28988 background-color: #e9ecef;
28989 font-size: 0.875em;
28990 border-radius: 1rem;
28992 .course-section .availabilityinfo .editavailability a {
28993 border-radius: 0.25rem;
28994 font-weight: bold;
28996 .course-section .availabilityinfo .editavailability a:hover {
28997 background-color: #ced4da;
28999 .course-section .availabilityinfo .editavailability a .icon {
29000 font-size: inherit;
29001 margin-right: 0.25rem;
29003 .course-section .action-menu .btn.btn-icon {
29004 height: 32px;
29005 width: 32px;
29006 border-radius: 0.25rem;
29008 .course-section .section-summary-activities .icon {
29009 width: inherit;
29010 color: #0f6cbf;
29012 .course-section .section-summary-activities + .section {
29013 border-top: 1px solid #dee2e6;
29014 margin-top: 1rem !important;
29015 padding-top: 1rem !important;
29017 .course-section .section_goto .icon {
29018 font-size: 1.171875rem;
29019 color: #0f6cbf;
29021 .course-section .overlay-preview {
29022 z-index: 5;
29025 .btn.add-section {
29026 border-radius: 1rem;
29027 border: 2px dashed #dee2e6;
29028 color: #0f6cbf;
29029 font-size: 0.8203125rem;
29030 font-weight: bold;
29032 .btn.add-section:hover, .btn.add-section:focus {
29033 background-color: #f5f9fc;
29034 border: 2px solid #0f6cbf;
29035 color: #0f6cbf;
29038 /* Single section page specific styles */
29039 .single-section > ul > .course-section.hidden .section-item {
29040 background-color: inherit;
29042 .single-section > ul > .course-section .section-item {
29043 padding: 0;
29044 border: none;
29047 /* Re-style ordered list in course content */
29048 .course-content .activity-altcontent ul {
29049 list-style: disc;
29051 .course-content .activity-altcontent ul ul {
29052 list-style: circle;
29054 .course-content .activity-altcontent ul ul ul {
29055 list-style: square;
29058 /* Activity cards */
29059 .activity {
29060 list-style: none;
29061 position: relative;
29062 padding-top: 0.25rem;
29063 margin-top: 0.25rem;
29064 border-top: 1px solid #dee2e6;
29066 .editing .activity {
29067 padding-top: 0;
29068 margin-top: 0;
29069 border-top: none;
29072 .activity-item {
29073 position: relative;
29074 padding: 0.75rem;
29075 background-color: #fff;
29077 .activity-item.activityinline {
29078 padding: 0.75rem 0;
29080 .activity-item.hiddenactivity {
29081 background-color: #f8f9fa;
29083 .activity-item.hiddenactivity .activityiconcontainer,
29084 .activity-item.hiddenactivity .badge {
29085 mix-blend-mode: multiply;
29087 .editing .activity-item {
29088 cursor: move;
29089 border: 2px solid transparent;
29090 border-radius: 1rem;
29092 .editing .activity-item .a {
29093 cursor: pointer;
29095 .editing .activity-item:hover, .editing .activity-item.selected {
29096 border: 2px solid #0f6cbf;
29097 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
29099 .editing .activity-item:hover .activityiconcontainer,
29100 .editing .activity-item:hover .badge, .editing .activity-item.selected .activityiconcontainer,
29101 .editing .activity-item.selected .badge {
29102 mix-blend-mode: multiply;
29104 .activity-item .activity-grid {
29105 display: grid;
29106 align-items: center;
29107 grid-template-columns: min-content 1fr min-content min-content min-content;
29108 grid-template-rows: 1fr repeat(5, min-content);
29109 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";
29111 @media (max-width: 575.98px) {
29112 .activity-item .activity-grid {
29113 grid-template-columns: min-content 1fr min-content min-content min-content;
29114 grid-template-rows: 1fr repeat(4, min-content);
29115 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";
29118 .activity-item .activity-grid.noname-grid {
29119 grid-template-columns: min-content 1fr min-content min-content;
29120 grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
29122 @media (max-width: 575.98px) {
29123 .activity-item .activity-grid.noname-grid {
29124 grid-template-columns: 1fr min-content;
29125 grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
29128 .activity-item .activity-actions {
29129 grid-area: actions;
29131 .activity-item .activity-actions .actions {
29132 position: relative;
29134 .activity-item .activity-icon {
29135 grid-area: icon;
29137 .activity-item .activity-dates {
29138 grid-area: dates;
29139 font-size: 0.875em;
29140 color: #495057;
29141 display: flex;
29142 flex-wrap: wrap;
29143 column-gap: 0.75rem;
29145 @media (max-width: 575.98px) {
29146 .activity-item .activity-dates {
29147 margin-top: 0.5rem;
29150 .activity-item .activity-name-area {
29151 grid-area: name;
29153 .activity-item .activity-name-area .activityname .afterlink {
29154 margin-left: 0.5rem;
29156 .activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
29157 position: relative;
29158 z-index: 2;
29159 margin-left: 0.5rem;
29161 .activity-item .activity-name-area .activitybadge.badge-none {
29162 font-weight: normal;
29163 font-size: 0.875em;
29164 padding: 0;
29166 .activity-item .activity-completion {
29167 grid-area: completion;
29168 justify-self: end;
29170 .activity-item .activity-completion button.btn,
29171 .activity-item .activity-completion a[role=button].btn {
29172 color: #1d2125;
29173 background-color: #fff;
29174 border-color: #ced4da;
29175 min-height: 32px;
29176 font-weight: bold;
29177 border-radius: 0.25rem;
29179 .activity-item .activity-completion button.btn:hover,
29180 .activity-item .activity-completion a[role=button].btn:hover {
29181 color: #fff;
29182 background-color: #6a737b;
29183 border-color: #b1bbc4;
29185 .activity-item .activity-completion button.btn:focus, .activity-item .activity-completion button.btn.focus,
29186 .activity-item .activity-completion a[role=button].btn:focus,
29187 .activity-item .activity-completion a[role=button].btn.focus {
29188 color: #fff;
29189 background-color: #6a737b;
29190 border-color: #b1bbc4;
29191 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29193 .activity-item .activity-completion button.btn.disabled, .activity-item .activity-completion button.btn:disabled,
29194 .activity-item .activity-completion a[role=button].btn.disabled,
29195 .activity-item .activity-completion a[role=button].btn:disabled {
29196 color: #1d2125;
29197 background-color: #fff;
29198 border-color: #ced4da;
29200 .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,
29201 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active,
29202 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active,
29203 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle {
29204 color: #1d2125;
29205 background-color: #e6e6e6;
29206 border-color: #aab4bf;
29208 .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,
29209 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active:focus,
29210 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active:focus,
29211 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle:focus {
29212 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29214 .activity-item .activity-completion button.btn .icon,
29215 .activity-item .activity-completion a[role=button].btn .icon {
29216 font-size: inherit;
29218 .activity-item .activity-completion button.btn-primary,
29219 .activity-item .activity-completion a[role=button].btn-primary {
29220 color: #1d2125;
29221 background-color: #cfe2f2;
29222 border-color: #cfe2f2;
29223 color: #083863;
29225 .activity-item .activity-completion button.btn-primary:hover,
29226 .activity-item .activity-completion a[role=button].btn-primary:hover {
29227 color: #fff;
29228 background-color: #0f6cbf;
29229 border-color: #a7cae7;
29231 .activity-item .activity-completion button.btn-primary:focus, .activity-item .activity-completion button.btn-primary.focus,
29232 .activity-item .activity-completion a[role=button].btn-primary:focus,
29233 .activity-item .activity-completion a[role=button].btn-primary.focus {
29234 color: #fff;
29235 background-color: #0f6cbf;
29236 border-color: #a7cae7;
29237 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29239 .activity-item .activity-completion button.btn-primary.disabled, .activity-item .activity-completion button.btn-primary:disabled,
29240 .activity-item .activity-completion a[role=button].btn-primary.disabled,
29241 .activity-item .activity-completion a[role=button].btn-primary:disabled {
29242 color: #1d2125;
29243 background-color: #cfe2f2;
29244 border-color: #cfe2f2;
29246 .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,
29247 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active,
29248 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active,
29249 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle {
29250 color: #1d2125;
29251 background-color: #a7cae7;
29252 border-color: #9dc4e4;
29254 .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,
29255 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active:focus,
29256 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active:focus,
29257 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle:focus {
29258 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29260 .activity-item .activity-completion button.btn-primary:hover,
29261 .activity-item .activity-completion a[role=button].btn-primary:hover {
29262 color: #fff;
29264 .activity-item .activity-completion button.btn-secondary,
29265 .activity-item .activity-completion a[role=button].btn-secondary {
29266 color: #1d2125;
29267 background-color: #f5f6f8;
29268 border-color: #f5f6f8;
29269 color: #6b6e71;
29271 .activity-item .activity-completion button.btn-secondary:hover,
29272 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29273 color: #1d2125;
29274 background-color: #ced4da;
29275 border-color: #d7dbe3;
29277 .activity-item .activity-completion button.btn-secondary:focus, .activity-item .activity-completion button.btn-secondary.focus,
29278 .activity-item .activity-completion a[role=button].btn-secondary:focus,
29279 .activity-item .activity-completion a[role=button].btn-secondary.focus {
29280 color: #1d2125;
29281 background-color: #ced4da;
29282 border-color: #d7dbe3;
29283 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29285 .activity-item .activity-completion button.btn-secondary.disabled, .activity-item .activity-completion button.btn-secondary:disabled,
29286 .activity-item .activity-completion a[role=button].btn-secondary.disabled,
29287 .activity-item .activity-completion a[role=button].btn-secondary:disabled {
29288 color: #1d2125;
29289 background-color: #f5f6f8;
29290 border-color: #f5f6f8;
29292 .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,
29293 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active,
29294 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active,
29295 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle {
29296 color: #1d2125;
29297 background-color: #d7dbe3;
29298 border-color: #d0d4de;
29300 .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,
29301 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active:focus,
29302 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active:focus,
29303 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle:focus {
29304 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29306 .activity-item .activity-completion button.btn-secondary:hover,
29307 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29308 color: #1d2125;
29310 .activity-item .activity-completion button.btn-success,
29311 .activity-item .activity-completion a[role=button].btn-success {
29312 color: #1d2125;
29313 background-color: #d7e4d6;
29314 border-color: #d7e4d6;
29315 color: #1c3f1a;
29317 .activity-item .activity-completion button.btn-success:hover,
29318 .activity-item .activity-completion a[role=button].btn-success:hover {
29319 color: #fff;
29320 background-color: #357a32;
29321 border-color: #b9d0b7;
29323 .activity-item .activity-completion button.btn-success:focus, .activity-item .activity-completion button.btn-success.focus,
29324 .activity-item .activity-completion a[role=button].btn-success:focus,
29325 .activity-item .activity-completion a[role=button].btn-success.focus {
29326 color: #fff;
29327 background-color: #357a32;
29328 border-color: #b9d0b7;
29329 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29331 .activity-item .activity-completion button.btn-success.disabled, .activity-item .activity-completion button.btn-success:disabled,
29332 .activity-item .activity-completion a[role=button].btn-success.disabled,
29333 .activity-item .activity-completion a[role=button].btn-success:disabled {
29334 color: #1d2125;
29335 background-color: #d7e4d6;
29336 border-color: #d7e4d6;
29338 .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,
29339 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active,
29340 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active,
29341 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle {
29342 color: #1d2125;
29343 background-color: #b9d0b7;
29344 border-color: #b2cbb0;
29346 .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,
29347 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active:focus,
29348 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active:focus,
29349 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle:focus {
29350 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29352 .activity-item .activity-completion button.btn-success:hover,
29353 .activity-item .activity-completion a[role=button].btn-success:hover {
29354 color: #fff;
29356 .activity-item .activity-completion button.btn-info,
29357 .activity-item .activity-completion a[role=button].btn-info {
29358 color: #1d2125;
29359 background-color: #cce6ea;
29360 border-color: #cce6ea;
29361 color: #00434e;
29363 .activity-item .activity-completion button.btn-info:hover,
29364 .activity-item .activity-completion a[role=button].btn-info:hover {
29365 color: #fff;
29366 background-color: #008196;
29367 border-color: #a8d4db;
29369 .activity-item .activity-completion button.btn-info:focus, .activity-item .activity-completion button.btn-info.focus,
29370 .activity-item .activity-completion a[role=button].btn-info:focus,
29371 .activity-item .activity-completion a[role=button].btn-info.focus {
29372 color: #fff;
29373 background-color: #008196;
29374 border-color: #a8d4db;
29375 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29377 .activity-item .activity-completion button.btn-info.disabled, .activity-item .activity-completion button.btn-info:disabled,
29378 .activity-item .activity-completion a[role=button].btn-info.disabled,
29379 .activity-item .activity-completion a[role=button].btn-info:disabled {
29380 color: #1d2125;
29381 background-color: #cce6ea;
29382 border-color: #cce6ea;
29384 .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,
29385 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active,
29386 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active,
29387 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle {
29388 color: #1d2125;
29389 background-color: #a8d4db;
29390 border-color: #9fd0d7;
29392 .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,
29393 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active:focus,
29394 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active:focus,
29395 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle:focus {
29396 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29398 .activity-item .activity-completion button.btn-info:hover,
29399 .activity-item .activity-completion a[role=button].btn-info:hover {
29400 color: #fff;
29402 .activity-item .activity-completion button.btn-warning,
29403 .activity-item .activity-completion a[role=button].btn-warning {
29404 color: #1d2125;
29405 background-color: #fcefdc;
29406 border-color: #fcefdc;
29407 color: #7d5a29;
29409 .activity-item .activity-completion button.btn-warning:hover,
29410 .activity-item .activity-completion a[role=button].btn-warning:hover {
29411 color: #1d2125;
29412 background-color: #f0ad4e;
29413 border-color: #f8daad;
29415 .activity-item .activity-completion button.btn-warning:focus, .activity-item .activity-completion button.btn-warning.focus,
29416 .activity-item .activity-completion a[role=button].btn-warning:focus,
29417 .activity-item .activity-completion a[role=button].btn-warning.focus {
29418 color: #1d2125;
29419 background-color: #f0ad4e;
29420 border-color: #f8daad;
29421 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29423 .activity-item .activity-completion button.btn-warning.disabled, .activity-item .activity-completion button.btn-warning:disabled,
29424 .activity-item .activity-completion a[role=button].btn-warning.disabled,
29425 .activity-item .activity-completion a[role=button].btn-warning:disabled {
29426 color: #1d2125;
29427 background-color: #fcefdc;
29428 border-color: #fcefdc;
29430 .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,
29431 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active,
29432 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active,
29433 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle {
29434 color: #1d2125;
29435 background-color: #f8daad;
29436 border-color: #f7d4a1;
29438 .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,
29439 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active:focus,
29440 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active:focus,
29441 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle:focus {
29442 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29444 .activity-item .activity-completion button.btn-warning:hover,
29445 .activity-item .activity-completion a[role=button].btn-warning:hover {
29446 color: #1d2125;
29448 .activity-item .activity-completion button.btn-danger,
29449 .activity-item .activity-completion a[role=button].btn-danger {
29450 color: #1d2125;
29451 background-color: #f4d6d2;
29452 border-color: #f4d6d2;
29453 color: #691911;
29455 .activity-item .activity-completion button.btn-danger:hover,
29456 .activity-item .activity-completion a[role=button].btn-danger:hover {
29457 color: #fff;
29458 background-color: #ca3120;
29459 border-color: #eab1a9;
29461 .activity-item .activity-completion button.btn-danger:focus, .activity-item .activity-completion button.btn-danger.focus,
29462 .activity-item .activity-completion a[role=button].btn-danger:focus,
29463 .activity-item .activity-completion a[role=button].btn-danger.focus {
29464 color: #fff;
29465 background-color: #ca3120;
29466 border-color: #eab1a9;
29467 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29469 .activity-item .activity-completion button.btn-danger.disabled, .activity-item .activity-completion button.btn-danger:disabled,
29470 .activity-item .activity-completion a[role=button].btn-danger.disabled,
29471 .activity-item .activity-completion a[role=button].btn-danger:disabled {
29472 color: #1d2125;
29473 background-color: #f4d6d2;
29474 border-color: #f4d6d2;
29476 .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,
29477 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active,
29478 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active,
29479 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle {
29480 color: #1d2125;
29481 background-color: #eab1a9;
29482 border-color: #e7a79f;
29484 .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,
29485 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active:focus,
29486 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active:focus,
29487 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle:focus {
29488 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29490 .activity-item .activity-completion button.btn-danger:hover,
29491 .activity-item .activity-completion a[role=button].btn-danger:hover {
29492 color: #fff;
29494 .activity-item .activity-completion button.btn-light,
29495 .activity-item .activity-completion a[role=button].btn-light {
29496 color: #1d2125;
29497 background-color: #fefefe;
29498 border-color: #fefefe;
29499 color: #818182;
29501 .activity-item .activity-completion button.btn-light:hover,
29502 .activity-item .activity-completion a[role=button].btn-light:hover {
29503 color: #1d2125;
29504 background-color: #f8f9fa;
29505 border-color: #e5e5e5;
29507 .activity-item .activity-completion button.btn-light:focus, .activity-item .activity-completion button.btn-light.focus,
29508 .activity-item .activity-completion a[role=button].btn-light:focus,
29509 .activity-item .activity-completion a[role=button].btn-light.focus {
29510 color: #1d2125;
29511 background-color: #f8f9fa;
29512 border-color: #e5e5e5;
29513 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29515 .activity-item .activity-completion button.btn-light.disabled, .activity-item .activity-completion button.btn-light:disabled,
29516 .activity-item .activity-completion a[role=button].btn-light.disabled,
29517 .activity-item .activity-completion a[role=button].btn-light:disabled {
29518 color: #1d2125;
29519 background-color: #fefefe;
29520 border-color: #fefefe;
29522 .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,
29523 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active,
29524 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active,
29525 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle {
29526 color: #1d2125;
29527 background-color: #e5e5e5;
29528 border-color: #dedede;
29530 .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,
29531 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active:focus,
29532 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active:focus,
29533 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle:focus {
29534 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29536 .activity-item .activity-completion button.btn-light:hover,
29537 .activity-item .activity-completion a[role=button].btn-light:hover {
29538 color: #1d2125;
29540 .activity-item .activity-completion button.btn-dark,
29541 .activity-item .activity-completion a[role=button].btn-dark {
29542 color: #1d2125;
29543 background-color: #d6d8d9;
29544 border-color: #d6d8d9;
29545 color: #1b1e21;
29547 .activity-item .activity-completion button.btn-dark:hover,
29548 .activity-item .activity-completion a[role=button].btn-dark:hover {
29549 color: #fff;
29550 background-color: #343a40;
29551 border-color: #bcbfc0;
29553 .activity-item .activity-completion button.btn-dark:focus, .activity-item .activity-completion button.btn-dark.focus,
29554 .activity-item .activity-completion a[role=button].btn-dark:focus,
29555 .activity-item .activity-completion a[role=button].btn-dark.focus {
29556 color: #fff;
29557 background-color: #343a40;
29558 border-color: #bcbfc0;
29559 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29561 .activity-item .activity-completion button.btn-dark.disabled, .activity-item .activity-completion button.btn-dark:disabled,
29562 .activity-item .activity-completion a[role=button].btn-dark.disabled,
29563 .activity-item .activity-completion a[role=button].btn-dark:disabled {
29564 color: #1d2125;
29565 background-color: #d6d8d9;
29566 border-color: #d6d8d9;
29568 .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,
29569 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active,
29570 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active,
29571 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle {
29572 color: #1d2125;
29573 background-color: #bcbfc0;
29574 border-color: #b5b9ba;
29576 .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,
29577 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active:focus,
29578 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active:focus,
29579 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle:focus {
29580 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29582 .activity-item .activity-completion button.btn-dark:hover,
29583 .activity-item .activity-completion a[role=button].btn-dark:hover {
29584 color: #fff;
29586 @media (max-width: 575.98px) {
29587 .activity-item .activity-completion {
29588 width: 100%;
29589 margin-top: 0.5rem;
29591 .activity-item .activity-completion button {
29592 width: 100%;
29595 .activity-item .activity-completion .completion-dialog {
29596 color: #495057;
29597 font-size: 0.8203125rem;
29598 min-width: 12rem;
29600 .activity-item .activity-completion .completion-dialog .icon {
29601 font-size: 0.8203125rem;
29602 width: 0.8203125rem;
29603 height: 0.8203125rem;
29604 margin-right: 0.25rem;
29606 .activity-item .activity-completion .completion-dialog .editcompletion a {
29607 border-radius: 0.25rem;
29608 color: #495057;
29609 font-weight: bold;
29610 text-decoration: none;
29612 .activity-item .activity-completion .completion-dialog .editcompletion a:hover {
29613 background-color: #e9ecef;
29615 .activity-item .activity-groupmode-info {
29616 grid-area: groupmode;
29617 justify-self: end;
29619 .activity-item .activity-groupmode-info .groupmode-information {
29620 height: 32px;
29621 width: 32px;
29622 border-radius: 0.25rem;
29624 .activity-item .activity-groupmode-info .groupmode-icon-info {
29625 display: none;
29627 @media (max-width: 575.98px) {
29628 .activity-item .activity-groupmode-info {
29629 width: 100%;
29630 margin-top: 0.5rem;
29631 padding-top: 0.5rem;
29632 border-top: 1px solid #dee2e6;
29634 .activity-item .activity-groupmode-info .groupmode-information {
29635 width: auto;
29636 font-size: inherit;
29637 padding: 0 0.5rem;
29639 .activity-item .activity-groupmode-info .groupmode-icon-info {
29640 display: inline;
29642 .activity-item .activity-groupmode-info .v-parent-focus {
29643 opacity: 1;
29644 visibility: visible;
29647 .activity-item .activity-badges {
29648 grid-area: visibility;
29650 .activity-item .activity-badges .badge {
29651 font-weight: normal;
29653 .activity-item .activity-badges .badge .icon {
29654 font-size: 12px;
29655 width: 12px;
29656 height: 12px;
29658 .activity-item .activity-altcontent {
29659 grid-area: altcontent;
29660 margin-top: 0.25rem;
29662 .activity-item .activity-altcontent.activity-description {
29663 margin-top: 0.5rem;
29664 padding-top: 0.5rem;
29665 border-top: 1px solid #dee2e6;
29666 font-size: 0.875em;
29668 .activity-item .activity-altcontent img {
29669 border-radius: 1rem;
29671 .activity-item .activity-availability {
29672 grid-area: availability;
29674 .activity-item .activity-afterlink {
29675 grid-area: afterlink;
29676 margin-top: 0.5rem;
29677 padding-top: 0.5rem;
29678 border-top: 1px solid #dee2e6;
29680 .activity-item .no-overflow {
29681 width: 100%;
29684 .section .draggable .activity-item .dragicon {
29685 display: none;
29688 /* Dividers */
29689 .divider {
29690 position: relative;
29692 .divider hr {
29693 width: 100%;
29694 margin: 0.5rem 0.25rem;
29695 border-top: 2px dashed #dee2e6;
29697 .divider .divider-content {
29698 opacity: 0;
29699 visibility: hidden;
29700 transition: visibility 0.1s;
29701 position: absolute;
29702 background: linear-gradient(transparent 40%, #fff 40%, #fff 60%, transparent 60%);
29704 .section.hidden .divider .divider-content {
29705 background: linear-gradient(transparent 40%, #f8f9fa 40%, #f8f9fa 60%, transparent 60%);
29707 .divider.always-visible .divider-content {
29708 opacity: 1;
29709 visibility: visible;
29711 .divider.always-hidden hr {
29712 opacity: 0;
29713 visibility: hidden;
29715 .divider:hover .divider-content, .divider:focus .divider-content, .divider:focus-within .divider-content {
29716 opacity: 1;
29717 visibility: visible;
29719 .divider:hover hr, .divider:focus hr, .divider:focus-within hr {
29720 opacity: 1;
29721 visibility: visible;
29723 .divider:has(.btn.add-content:hover) hr {
29724 border-color: #0f6cbf;
29727 .activity:focus-within + .activity .divider .divider-content,
29728 .course-section-header:focus-within + .content .section .activity:first-child .divider .divider-content,
29729 .content .section .activity:focus-within .divider .divider-content,
29730 .course-content:focus-within .changenumsections .divider .divider-content {
29731 visibility: visible;
29734 .course-content ul.topics > li:last-child .changenumsections {
29735 display: none;
29738 .btn.add-content {
29739 position: relative;
29740 z-index: 1;
29741 border-radius: 50rem;
29742 font-size: 0.8203125rem;
29743 font-weight: bold;
29744 color: #083863;
29745 background-color: #cfe2f2;
29747 .btn.add-content:hover, .btn.add-content:focus {
29748 color: #fff;
29749 background-color: #0f6cbf;
29751 .btn.add-content .icon {
29752 width: 14px;
29753 height: 14px;
29754 font-size: 14px;
29757 /* Bulk editing */
29758 .bulkenabled .bulk-hidden {
29759 display: none !important;
29761 .bulkenabled .section:not(:first-child) {
29762 margin-top: 1.5rem;
29764 .bulkenabled .activity {
29765 margin-top: 0.5rem;
29766 margin-left: 2rem;
29767 padding-top: 0.5rem;
29768 border-top: 2px dashed #dee2e6;
29770 .bulkenabled .activity:first-child {
29771 margin-top: 1.5rem;
29773 .bulkenabled .activity-item .bulkselect {
29774 position: absolute;
29775 left: -2rem;
29777 .bulkenabled .course-section-header .bulkselect {
29778 left: -2.75rem;
29779 position: relative;
29780 width: 0;
29782 @media (max-width: 767.98px) {
29783 .bulkenabled .course-content {
29784 margin-left: 2rem;
29788 /* Activity completion */
29789 .defaultactivitycompletion-item a {
29790 color: #000;
29791 text-decoration: none;
29793 .defaultactivitycompletion-item .activityicon {
29794 width: 32px;
29795 height: 32px;
29798 /* Home page course specific styles */
29799 .sitetopic .activity:first-of-type hr {
29800 display: none;
29802 .sitetopic .section-item {
29803 margin-bottom: 1.5rem;
29804 border-radius: 0.25rem;
29807 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
29808 :target,
29809 :focus {
29810 scroll-margin-top: 60px;
29813 .pagelayout-embedded :target {
29814 padding-top: initial;
29815 margin-top: initial;
29818 #nav-drawer.closed {
29819 left: -305px;
29822 #nav-drawer[aria-hidden=true] .list-group-item {
29823 display: none;
29826 /* Use a variable for the drawer background colors. */
29827 [data-region=drawer] {
29828 position: fixed;
29829 width: 285px;
29830 top: 50px;
29831 height: calc(100% - 50px);
29832 overflow-y: auto;
29833 -webkit-overflow-scrolling: touch;
29834 z-index: 999;
29835 background-color: #f2f2f2;
29836 transition: right 0.5s ease, left 0.5s ease;
29838 @media (prefers-reduced-motion: reduce) {
29839 [data-region=drawer] {
29840 transition: none;
29844 @media (min-width: 576px) {
29845 [data-region=drawer] {
29846 padding: 20px 20px;
29848 .jsenabled .popover-process-monitor,
29849 .jsenabled .btn-footer-popover,
29850 .jsenabled .btn-footer-communication {
29851 transition: 0.2s;
29854 @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
29855 .jsenabled .popover-process-monitor,
29856 .jsenabled .btn-footer-popover,
29857 .jsenabled .btn-footer-communication {
29858 transition: none;
29861 #nav-drawer {
29862 right: auto;
29863 left: 0;
29864 /* Override the z-indexes defined in bootstrap/_list-group.scss that
29865 lead to side effects on the user tours positioning. */
29867 #nav-drawer .list-group-item-action.active,
29868 #nav-drawer .list-group-item.active {
29869 z-index: inherit;
29871 #nav-drawer .list-group-item-action.active + .list-group-item,
29872 #nav-drawer .list-group-item.active + .list-group-item {
29873 border-top: none;
29875 #nav-drawer .list-group ul {
29876 list-style: none;
29877 padding: 0;
29878 margin: 0;
29880 #nav-drawer .list-group li {
29881 margin-bottom: -1px;
29883 #nav-drawer .list-group li:last-child {
29884 margin-bottom: 0;
29887 body.drawer-ease {
29888 transition: margin-left 0.5s ease, margin-right 0.5s ease;
29890 @media (prefers-reduced-motion: reduce) {
29891 body.drawer-ease {
29892 transition: none;
29896 @media (min-width: 768px) {
29897 body:not(.uses-drawers).drawer-open-left {
29898 margin-left: 285px;
29902 @media (min-width: 768px) {
29903 body.drawer-open-left #page.drawers {
29904 margin-left: 285px;
29905 padding-left: 1rem;
29909 @media (min-width: 768px) {
29910 body.drawer-open-right {
29911 margin-right: 315px;
29915 [data-region=right-hand-drawer] {
29916 display: flex;
29917 flex-direction: column;
29918 transition: right 0.2s ease-in-out;
29920 @media (prefers-reduced-motion: reduce) {
29921 [data-region=right-hand-drawer] {
29922 transition: none;
29925 [data-region=right-hand-drawer].drawer {
29926 z-index: 1021;
29927 position: fixed;
29928 top: 50px;
29929 right: 0;
29930 height: calc(100% - 50px);
29931 width: 320px;
29932 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
29933 padding: 0;
29934 visibility: visible;
29935 opacity: 1;
29937 [data-region=right-hand-drawer].hidden {
29938 display: block;
29939 right: -320px;
29940 visibility: hidden;
29941 opacity: 0;
29942 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
29944 @media (prefers-reduced-motion: reduce) {
29945 [data-region=right-hand-drawer].hidden {
29946 transition: none;
29950 @media (max-width: 767.98px) {
29951 [data-region=right-hand-drawer].drawer {
29952 top: 0;
29953 height: 100%;
29954 z-index: 1031;
29956 body.drawer-open-left,
29957 body.drawer-open-right {
29958 overflow: hidden;
29961 .dir-rtl [data-region=right-hand-drawer] {
29962 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
29965 .drawer {
29966 background-color: #f8f9fa;
29967 z-index: 1015;
29968 position: fixed;
29969 height: 100vh;
29970 top: 0;
29972 @media (max-width: 991.98px) {
29973 .drawer {
29974 z-index: 1035;
29977 .drawer.not-initialized {
29978 display: none;
29980 .drawer.drawer-right {
29981 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
29982 width: 315px;
29983 max-width: 315px;
29984 right: calc(-315px + -10px);
29985 visibility: hidden;
29987 @media (prefers-reduced-motion: reduce) {
29988 .drawer.drawer-right {
29989 transition: none;
29992 .drawer.drawer-right.show {
29993 right: 0;
29994 visibility: visible;
29996 .drawer.drawer-right .drawertoggle {
29997 margin-left: auto;
29998 margin-right: 5px;
30000 .drawer.drawer-left {
30001 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30002 width: 285px;
30003 max-width: 285px;
30004 left: calc(-285px + -10px);
30005 visibility: hidden;
30007 @media (prefers-reduced-motion: reduce) {
30008 .drawer.drawer-left {
30009 transition: none;
30012 .drawer.drawer-left.show {
30013 left: 0;
30014 visibility: visible;
30016 .drawer.drawer-left .drawertoggle {
30017 margin-right: auto;
30018 margin-left: 5px;
30020 .drawer.drawer-bottom {
30021 bottom: -110%;
30023 .drawer.drawer-bottom.show {
30024 bottom: 0;
30026 .drawer.drawer-primary .drawertoggle {
30027 margin-right: 16px;
30028 margin-left: 5px;
30031 @media (min-width: 992px) {
30032 .drawer#theme_boost-drawers-blocks:focus-within {
30033 z-index: 1031;
30035 .drawer.not-initialized {
30036 display: block;
30039 .drawer-md,
30040 .drawer-sm {
30041 display: none;
30044 .drawerheader {
30045 padding: 0;
30046 height: 50px;
30047 display: flex;
30048 align-items: center;
30050 .drawerheader .sitename {
30051 overflow: hidden;
30052 white-space: nowrap;
30053 text-overflow: ellipsis;
30054 margin-right: 16px;
30057 .drawer.scrolled .drawerheader {
30058 box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
30061 @media (max-width: 991.98px) {
30062 .drawer-md {
30063 display: block;
30064 background-color: #f8f9fa;
30065 z-index: 1015;
30066 position: fixed;
30067 height: 100vh;
30068 top: 0;
30071 @media (max-width: 991.98px) and (max-width: 991.98px) {
30072 .drawer-md {
30073 z-index: 1035;
30076 @media (max-width: 991.98px) {
30077 .drawer-md.not-initialized {
30078 display: none;
30081 @media (max-width: 991.98px) {
30082 .drawer-md.drawer-right {
30083 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30084 width: 315px;
30085 max-width: 315px;
30086 right: calc(-315px + -10px);
30087 visibility: hidden;
30090 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30091 .drawer-md.drawer-right {
30092 transition: none;
30095 @media (max-width: 991.98px) {
30096 .drawer-md.drawer-right.show {
30097 right: 0;
30098 visibility: visible;
30101 @media (max-width: 991.98px) {
30102 .drawer-md.drawer-right .drawertoggle {
30103 margin-left: auto;
30104 margin-right: 5px;
30107 @media (max-width: 991.98px) {
30108 .drawer-md.drawer-left {
30109 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30110 width: 285px;
30111 max-width: 285px;
30112 left: calc(-285px + -10px);
30113 visibility: hidden;
30116 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30117 .drawer-md.drawer-left {
30118 transition: none;
30121 @media (max-width: 991.98px) {
30122 .drawer-md.drawer-left.show {
30123 left: 0;
30124 visibility: visible;
30127 @media (max-width: 991.98px) {
30128 .drawer-md.drawer-left .drawertoggle {
30129 margin-right: auto;
30130 margin-left: 5px;
30133 @media (max-width: 991.98px) {
30134 .drawer-md.drawer-bottom {
30135 bottom: -110%;
30137 .drawer-md.drawer-bottom.show {
30138 bottom: 0;
30141 @media (max-width: 991.98px) {
30142 .drawer-md.drawer-primary .drawertoggle {
30143 margin-right: 16px;
30144 margin-left: 5px;
30147 @media (max-width: 767.98px) {
30148 .drawer-sm {
30149 display: block;
30150 background-color: #f8f9fa;
30151 z-index: 1015;
30152 position: fixed;
30153 height: 100vh;
30154 top: 0;
30157 @media (max-width: 767.98px) and (max-width: 991.98px) {
30158 .drawer-sm {
30159 z-index: 1035;
30162 @media (max-width: 767.98px) {
30163 .drawer-sm.not-initialized {
30164 display: none;
30167 @media (max-width: 767.98px) {
30168 .drawer-sm.drawer-right {
30169 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30170 width: 315px;
30171 max-width: 315px;
30172 right: calc(-315px + -10px);
30173 visibility: hidden;
30176 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30177 .drawer-sm.drawer-right {
30178 transition: none;
30181 @media (max-width: 767.98px) {
30182 .drawer-sm.drawer-right.show {
30183 right: 0;
30184 visibility: visible;
30187 @media (max-width: 767.98px) {
30188 .drawer-sm.drawer-right .drawertoggle {
30189 margin-left: auto;
30190 margin-right: 5px;
30193 @media (max-width: 767.98px) {
30194 .drawer-sm.drawer-left {
30195 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30196 width: 285px;
30197 max-width: 285px;
30198 left: calc(-285px + -10px);
30199 visibility: hidden;
30202 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30203 .drawer-sm.drawer-left {
30204 transition: none;
30207 @media (max-width: 767.98px) {
30208 .drawer-sm.drawer-left.show {
30209 left: 0;
30210 visibility: visible;
30213 @media (max-width: 767.98px) {
30214 .drawer-sm.drawer-left .drawertoggle {
30215 margin-right: auto;
30216 margin-left: 5px;
30219 @media (max-width: 767.98px) {
30220 .drawer-sm.drawer-bottom {
30221 bottom: -110%;
30223 .drawer-sm.drawer-bottom.show {
30224 bottom: 0;
30227 @media (max-width: 767.98px) {
30228 .drawer-sm.drawer-primary .drawertoggle {
30229 margin-right: 16px;
30230 margin-left: 5px;
30233 .drawercontent {
30234 position: relative;
30235 z-index: -1;
30236 height: calc(100% - 50px);
30237 display: flex;
30238 flex-direction: column;
30239 flex-wrap: nowrap;
30240 overflow-y: auto;
30241 padding: 0.4rem;
30242 scrollbar-width: thin;
30243 scrollbar-color: #6a737b #f8f9fa;
30245 .drawercontent .dropdown-menu .dropdown-item {
30246 width: 220px;
30247 white-space: normal;
30249 .drawercontent::-webkit-scrollbar {
30250 width: 12px;
30252 .drawercontent::-webkit-scrollbar-track {
30253 background: #f8f9fa;
30255 .drawercontent::-webkit-scrollbar-thumb {
30256 background-color: #6a737b;
30257 border-radius: 20px;
30258 border: 3px solid #f8f9fa;
30260 .drawercontent::-webkit-scrollbar-thumb:hover {
30261 background-color: #495057;
30264 .fp-content-center {
30265 height: 100%;
30266 width: 100%;
30267 display: table-cell;
30268 vertical-align: middle;
30271 .fp-content-hidden {
30272 visibility: hidden;
30275 .yui3-panel-focused {
30276 outline: none;
30279 .fp-panel-button {
30280 background: #fff;
30281 padding: 3px 20px 2px 20px;
30282 text-align: center;
30283 margin: 10px;
30284 border-radius: 10px;
30285 display: inline-block;
30288 .filepicker .yui3-widget-content-expanded {
30289 height: auto;
30292 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
30293 .filepicker .moodle-dialogue-bd {
30294 min-height: 520px;
30297 .file-picker .fp-navbar {
30298 min-height: 40px;
30299 padding: 4px;
30302 .fp-navbar {
30303 border-color: #8f959e;
30304 border-bottom: 0;
30305 border-bottom-left-radius: 0;
30306 border-bottom-right-radius: 0;
30309 .file-picker .fp-content {
30310 border-top: 0;
30311 background: #fff;
30312 clear: none;
30313 overflow: auto;
30314 height: 452px;
30317 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
30318 width: 100%;
30321 .file-picker .fp-content-loading {
30322 height: 100%;
30323 width: 100%;
30324 display: table;
30325 text-align: center;
30328 .file-picker .fp-content .fp-object-container {
30329 width: 98%;
30330 height: 98%;
30333 .file-picker .fp-def-search {
30334 margin-top: 0;
30337 .file-picker .fp-list {
30338 list-style-type: none;
30339 padding: 0;
30340 float: left;
30341 width: 100%;
30342 margin: 0;
30345 .file-picker .fp-list .fp-repo a {
30346 display: block;
30347 padding: 0.5em 0.7em;
30350 .file-picker .fp-list .fp-repo.active {
30351 background: #f2f2f2;
30354 .file-picker .fp-list .fp-repo-icon {
30355 padding: 0 7px 0 5px;
30356 width: 16px;
30357 height: 16px;
30360 .fp-toolbar {
30361 float: left;
30364 .fp-toolbar.empty {
30365 display: none;
30368 .fp-toolbar .disabled {
30369 display: none;
30372 .fp-toolbar div {
30373 display: block;
30374 float: left;
30375 margin-right: 4px;
30378 .fp-toolbar img {
30379 vertical-align: -15%;
30380 margin-right: 5px;
30383 .fp-viewbar:not(.disabled) a.checked {
30384 background-color: #b1bbc4;
30385 color: #1d2125;
30386 border-color: #aab4bf;
30389 .fp-viewbar.disabled a {
30390 pointer-events: none;
30391 opacity: 0.65;
30394 .file-picker .fp-clear-left {
30395 clear: left;
30398 .fp-pathbar.empty {
30399 display: none;
30402 .fp-pathbar .fp-path-folder {
30403 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
30404 background-size: 12px 12px;
30405 height: 12px;
30406 margin-left: 12px;
30409 /*rtl:raw:
30410 .fp-pathbar .fp-path-folder {
30411 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
30414 .fp-pathbar .fp-path-folder-name {
30415 margin-left: 24px;
30418 .fp-iconview .fp-file {
30419 float: left;
30420 text-align: center;
30421 position: relative;
30422 margin: 10px 10px 35px;
30425 .fp-iconview .fp-thumbnail {
30426 min-width: 110px;
30427 min-height: 110px;
30428 line-height: 110px;
30429 text-align: center;
30430 border: 1px solid #fff;
30431 display: block;
30434 .fp-iconview .fp-thumbnail img {
30435 border: 1px solid #ddd;
30436 padding: 3px;
30437 vertical-align: middle;
30440 .fp-iconview .fp-thumbnail:hover {
30441 background: #fff;
30442 border: 1px solid #ddd;
30445 .fp-iconview .fp-filename-field {
30446 height: 33px;
30447 margin-top: 3px;
30448 word-wrap: break-word;
30449 overflow: hidden;
30450 position: absolute;
30453 .fp-iconview .fp-file:focus .fp-filename-field,
30454 .fp-iconview .fp-file:hover .fp-filename-field {
30455 overflow: visible;
30456 z-index: 1000;
30458 .fp-iconview .fp-file:focus .fp-filename,
30459 .fp-iconview .fp-file:hover .fp-filename {
30460 overflow: inherit;
30461 white-space: normal;
30462 text-overflow: inherit;
30465 .fp-iconview .fp-filename-field .fp-filename {
30466 background: #fff;
30467 padding-top: 5px;
30468 padding-bottom: 12px;
30469 min-width: 112px;
30472 .file-picker .yui3-datatable table {
30473 border: 0 solid #bbb;
30474 width: 100%;
30477 .file-picker .ygtvtn,
30478 .filemanager .ygtvtn {
30479 /*rtl:remove*/
30480 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
30481 /*rtl:raw:
30482 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
30484 width: 19px;
30485 height: 32px;
30488 .file-picker .ygtvtm,
30489 .filemanager .ygtvtm {
30490 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30491 /*rtl:raw:
30492 background-position: 2px 10px;
30494 width: 13px;
30495 height: 12px;
30496 cursor: pointer;
30499 .file-picker .ygtvtmh,
30500 .filemanager .ygtvtmh {
30501 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30502 /*rtl:raw:
30503 background-position: 2px 10px;
30505 width: 13px;
30506 height: 12px;
30507 cursor: pointer;
30510 .file-picker .ygtvtp,
30511 .filemanager .ygtvtp {
30512 /*rtl:remove*/
30513 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30514 /*rtl:raw:
30515 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30517 width: 13px;
30518 height: 12px;
30519 cursor: pointer;
30522 .file-picker .ygtvtph,
30523 .filemanager .ygtvtph {
30524 /*rtl:remove*/
30525 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30526 /*rtl:raw:
30527 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30529 width: 13px;
30530 height: 22px;
30531 cursor: pointer;
30534 .file-picker .ygtvln,
30535 .filemanager .ygtvln {
30536 /*rtl:remove*/
30537 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
30538 /*rtl:raw:
30539 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
30541 width: 19px;
30542 height: 32px;
30545 .file-picker .ygtvlm,
30546 .filemanager .ygtvlm {
30547 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30548 /*rtl:raw:
30549 background-position: 2px 10px;
30551 width: 13px;
30552 height: 12px;
30553 cursor: pointer;
30556 .file-picker .ygtvlmh,
30557 .filemanager .ygtvlmh {
30558 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30559 /*rtl:raw:
30560 background-position: 2px 10px;
30562 width: 13px;
30563 height: 12px;
30564 cursor: pointer;
30567 .file-picker .ygtvlp,
30568 .filemanager .ygtvlp {
30569 /*rtl:remove*/
30570 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30571 /*rtl:raw:
30572 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30574 width: 13px;
30575 height: 12px;
30576 cursor: pointer;
30579 .file-picker .ygtvlph,
30580 .filemanager .ygtvlph {
30581 /*rtl:remove*/
30582 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30583 /*rtl:raw:
30584 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30586 width: 13px;
30587 height: 12px;
30588 cursor: pointer;
30591 .file-picker .ygtvloading,
30592 .filemanager .ygtvloading {
30593 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
30594 width: 16px;
30595 height: 22px;
30598 .file-picker .ygtvdepthcell,
30599 .filemanager .ygtvdepthcell {
30600 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
30601 /*rtl:raw:
30602 background-position: 0 0;
30604 width: 17px;
30605 height: 32px;
30608 .file-picker .ygtvblankdepthcell,
30609 .filemanager .ygtvblankdepthcell {
30610 width: 17px;
30611 height: 22px;
30614 a.ygtvspacer:hover {
30615 color: transparent;
30616 text-decoration: none;
30619 .ygtvlabel,
30620 .ygtvlabel:link,
30621 .ygtvlabel:visited,
30622 .ygtvlabel:hover {
30623 background-color: transparent;
30624 cursor: pointer;
30625 margin-left: 2px;
30626 text-decoration: none;
30629 .file-picker .ygtvfocus,
30630 .filemanager .ygtvfocus {
30631 background-color: #eee;
30634 .fp-filename-icon {
30635 margin-top: 10px;
30636 display: block;
30637 position: relative;
30640 .fp-icon {
30641 float: left;
30642 margin-top: -7px;
30643 width: 24px;
30644 height: 24px;
30645 margin-right: 10px;
30646 text-align: center;
30647 line-height: 24px;
30650 .fp-icon img {
30651 max-height: 24px;
30652 max-width: 24px;
30653 vertical-align: middle;
30656 .fp-filename {
30657 padding-right: 10px;
30660 .file-picker .fp-login-form {
30661 height: 100%;
30662 width: 100%;
30663 display: table;
30666 .file-picker .fp-upload-form {
30667 height: 100%;
30668 width: 100%;
30669 display: table;
30672 .file-picker .fp-upload-form table {
30673 margin: 0 auto;
30676 .file-picker.fp-dlg {
30677 text-align: center;
30680 .file-picker.fp-dlg .fp-dlg-buttons {
30681 margin: 0 20px;
30684 .file-picker.fp-msg {
30685 text-align: center;
30688 .file-picker .fp-content-error {
30689 height: 100%;
30690 width: 100%;
30691 display: table;
30692 text-align: center;
30695 .file-picker .fp-nextpage {
30696 clear: both;
30699 .file-picker .fp-nextpage .fp-nextpage-loading {
30700 display: none;
30703 .file-picker .fp-nextpage.loading .fp-nextpage-link {
30704 display: none;
30707 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
30708 display: block;
30709 text-align: center;
30710 height: 100px;
30711 padding-top: 50px;
30714 .fp-select .fp-select-loading {
30715 text-align: center;
30716 margin-top: 20px;
30719 .fp-select table {
30720 padding: 0 0 10px;
30723 .fp-select table .mdl-right {
30724 min-width: 84px;
30727 .fp-select .fp-reflist .mdl-right {
30728 vertical-align: top;
30731 .fp-select .fp-select-buttons {
30732 float: right;
30735 .fp-select .fp-info {
30736 font-size: 0.703125rem;
30739 .fp-select .fp-thumbnail {
30740 float: left;
30741 min-width: 110px;
30742 min-height: 110px;
30743 line-height: 110px;
30744 text-align: center;
30745 margin: 10px 20px 0 0;
30746 background: #fff;
30747 border: 1px solid #ddd;
30750 .fp-select .fp-thumbnail img {
30751 border: 1px solid #ddd;
30752 padding: 3px;
30753 vertical-align: middle;
30754 margin: 10px;
30757 .fp-select .fp-fileinfo {
30758 display: inline-block;
30759 margin-top: 10px;
30762 .file-picker.fp-select .fp-fileinfo {
30763 max-width: 240px;
30766 .fp-select .fp-fileinfo div {
30767 padding-bottom: 5px;
30770 .file-picker.fp-select .uneditable {
30771 display: none;
30774 .file-picker.fp-select .fp-select-loading {
30775 display: none;
30778 .file-picker.fp-select.loading .fp-select-loading {
30779 display: block;
30782 .file-picker.fp-select.loading form {
30783 display: none;
30786 .fp-select .fp-dimensions.fp-unknown {
30787 display: none;
30790 .fp-select .fp-size.fp-unknown {
30791 display: none;
30794 .filemanager-loading {
30795 display: none;
30798 .jsenabled .filemanager-loading {
30799 display: block;
30800 margin-top: 100px;
30803 .filemanager.fm-loading .filemanager-toolbar,
30804 .filemanager.fm-loading .fp-pathbar,
30805 .filemanager.fm-loading .filemanager-container,
30806 .filemanager.fm-loaded .filemanager-loading,
30807 .filemanager.fm-maxfiles .fp-btn-add,
30808 .filemanager.fm-maxfiles .dndupload-message,
30809 .filemanager.fm-noitems .fp-btn-download,
30810 .filemanager.fm-noitems .fp-btn-delete,
30811 .filemanager .fm-empty-container,
30812 .filemanager.fm-noitems .filemanager-container .fp-content {
30813 display: none;
30816 .filemanager .fp-img-downloading {
30817 display: none;
30818 padding-top: 7px;
30821 .filemanager .filemanager-updating {
30822 display: none;
30823 text-align: center;
30826 .filemanager.fm-updating .filemanager-updating {
30827 display: block;
30828 margin-top: 37px;
30831 .filemanager.fm-updating .fm-content-wrapper,
30832 .filemanager.fm-nomkdir .fp-btn-mkdir,
30833 .fitem.disabled .filemanager .filemanager-toolbar,
30834 .fitem.disabled .filemanager .fp-pathbar,
30835 .fitem.disabled .filemanager .fp-restrictions,
30836 .fitem.disabled .filemanager .fm-content-wrapper {
30837 display: none;
30840 .filemanager .fp-restrictions {
30841 text-align: right;
30844 .filemanager-toolbar {
30845 padding: 4px;
30846 overflow: hidden;
30849 .filemanager .fp-pathbar.empty {
30850 display: none;
30853 .filepicker-filelist,
30854 .filemanager-container {
30855 min-height: 140px;
30856 border: 1px solid #8f959e;
30857 border-radius: 0.25rem;
30860 .filemanager .fp-content {
30861 overflow: auto;
30862 max-height: 472px;
30863 min-height: 157px;
30866 .filemanager-container,
30867 .filepicker-filelist {
30868 overflow: hidden;
30869 border-top-left-radius: 0;
30870 border-top-right-radius: 0;
30873 .file-picker .yui3-datatable-header {
30874 /*rtl:raw:
30875 text-align: right;
30877 background: initial;
30880 .fitem.disabled .filepicker-filelist,
30881 .fitem.disabled .filemanager-container {
30882 background-color: #ebebe4;
30885 .fitem.disabled .fp-btn-choose {
30886 color: #6a737b;
30889 .fitem.disabled .filepicker-filelist .filepicker-filename {
30890 display: none;
30893 .fp-iconview .fp-reficons1 {
30894 position: absolute;
30895 height: 100%;
30896 width: 100%;
30897 top: 0;
30898 left: 0;
30901 .fp-iconview .fp-reficons2 {
30902 position: absolute;
30903 height: 100%;
30904 width: 100%;
30905 top: 0;
30906 left: 0;
30909 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
30910 background: url("[[pix:theme|fp/link]]") no-repeat;
30911 /*rtl:raw:
30912 transform: scaleX(-1);
30914 /*rtl:ignore*/
30915 background-position: bottom right;
30916 background-size: 16px 16px;
30919 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
30920 background: url("[[pix:theme|fp/alias]]") no-repeat;
30921 /*rtl:raw:
30922 transform: scaleX(-1);
30924 /*rtl:ignore*/
30925 background-position: bottom left;
30926 background-size: 16px 16px;
30929 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
30930 display: none;
30933 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
30934 background: url([[pix:s/dead]]) no-repeat;
30935 background-position: center center;
30938 .filemanager .yui3-datatable table {
30939 border: 0 solid #bbb;
30940 width: 100%;
30943 /* Override YUI default styling */
30944 /* stylelint-disable declaration-no-important */
30945 .filemanager .yui3-datatable-header {
30946 /*rtl:raw:
30947 text-align: right;
30949 background: #fff !important;
30950 border-bottom: 1px solid #ccc !important;
30951 border-left: 0 solid #fff !important;
30952 color: #555 !important;
30954 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
30955 background-color: #f6f6f6 !important;
30956 border-left: 0 solid #f6f6f6;
30958 .filemanager .yui3-datatable-even .yui3-datatable-cell {
30959 background-color: #fff !important;
30960 border-left: 0 solid #fff;
30963 /* stylelint-enable */
30964 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
30965 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
30966 height: 100%;
30967 width: 100%;
30968 /*rtl:raw:
30969 transform: scaleX(-1);
30971 position: absolute;
30972 top: 8px;
30973 left: 17px;
30974 background-size: 16px 16px;
30977 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
30978 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
30979 height: 100%;
30980 width: 100%;
30981 /*rtl:raw:
30982 transform: scaleX(-1);
30984 position: absolute;
30985 top: 9px;
30986 left: -6px;
30987 background-size: 16px 16px;
30990 .filemanager .fp-contextmenu {
30991 display: none;
30994 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
30995 position: absolute;
30996 right: 0;
30997 bottom: 0;
30998 display: flex;
30999 align-items: center;
31000 justify-content: center;
31003 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
31004 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31005 display: inline;
31006 position: absolute;
31007 left: 14px;
31008 margin-right: -20px;
31009 top: 6px;
31012 .filepicker-filelist .filepicker-container,
31013 .filemanager.fm-noitems .fm-empty-container {
31014 display: block;
31015 position: absolute;
31016 top: 10px;
31017 bottom: 10px;
31018 left: 10px;
31019 right: 10px;
31020 border: 2px dashed #bbb;
31021 padding-top: 85px;
31022 text-align: center;
31025 .filepicker-filelist .dndupload-target,
31026 .filemanager-container .dndupload-target {
31027 background: #fff;
31028 position: absolute;
31029 top: 10px;
31030 bottom: 10px;
31031 left: 10px;
31032 right: 10px;
31033 border: 2px dashed #fb7979;
31034 padding-top: 85px;
31035 text-align: center;
31038 .filepicker-filelist.dndupload-over .dndupload-target,
31039 .filemanager-container.dndupload-over .dndupload-target {
31040 background: #fff;
31041 position: absolute;
31042 top: 10px;
31043 bottom: 10px;
31044 left: 10px;
31045 right: 10px;
31046 border: 2px dashed #6c8cd3;
31047 padding-top: 85px;
31048 text-align: center;
31051 .dndupload-message {
31052 display: none;
31055 .dndsupported .dndupload-message {
31056 display: inline;
31059 .dnduploadnotsupported-message {
31060 display: none;
31063 .dndnotsupported .dnduploadnotsupported-message {
31064 display: inline;
31067 .dndupload-target {
31068 display: none;
31071 .dndsupported .dndupload-ready .dndupload-target {
31072 display: block;
31075 .dndupload-uploadinprogress {
31076 display: none;
31077 text-align: center;
31080 .dndupload-uploading .dndupload-uploadinprogress {
31081 display: block;
31084 .dndupload-arrow {
31085 width: 100%;
31086 height: 80px;
31087 position: absolute;
31088 top: 5px;
31089 color: #8f959e;
31092 .fitem.disabled .filepicker-container,
31093 .fitem.disabled .fm-empty-container {
31094 display: none;
31097 .dndupload-progressbars {
31098 padding: 10px;
31099 display: none;
31102 .dndupload-inprogress .dndupload-progressbars {
31103 display: block;
31106 .dndupload-inprogress .fp-content {
31107 display: none;
31110 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
31111 display: none;
31114 .filepicker-filelist.dndupload-inprogress .filepicker-container {
31115 display: none;
31118 .filepicker-filelist.dndupload-inprogress a {
31119 display: none;
31122 .filemanager.fp-select .fp-select-loading {
31123 display: none;
31126 .filemanager.fp-select.loading .fp-select-loading {
31127 display: block;
31130 .filemanager.fp-select.loading form {
31131 display: none;
31134 .filemanager.fp-select.fp-folder .fp-license,
31135 .filemanager.fp-select.fp-folder .fp-author,
31136 .filemanager.fp-select.fp-file .fp-file-unzip,
31137 .filemanager.fp-select.fp-folder .fp-file-unzip,
31138 .filemanager.fp-select.fp-file .fp-file-zip,
31139 .filemanager.fp-select.fp-zip .fp-file-zip {
31140 display: none;
31143 .filemanager.fp-select .fp-file-setmain,
31144 .filemanager.fp-select .fp-file-setmain-help {
31145 display: none;
31148 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
31149 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
31150 display: inline-block;
31153 .filemanager .fp-mainfile .fp-filename {
31154 font-weight: bold;
31157 .filemanager.fp-select.fp-folder .fp-file-download {
31158 display: none;
31161 .fm-operation {
31162 font-weight: bold;
31165 .filemanager.fp-select .fp-original.fp-unknown,
31166 .filemanager.fp-select .fp-original .fp-originloading {
31167 display: none;
31170 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
31171 display: inline;
31174 .filemanager.fp-select .fp-reflist.fp-unknown,
31175 .filemanager.fp-select .fp-reflist .fp-reflistloading {
31176 display: none;
31179 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
31180 display: inline;
31183 .filemanager.fp-select .fp-reflist .fp-value {
31184 background: #f9f9f9;
31185 border: 1px solid #bbb;
31186 padding: 8px 7px;
31187 margin: 0;
31188 max-height: 75px;
31189 overflow: auto;
31192 .filemanager.fp-select .fp-reflist .fp-value li {
31193 padding-bottom: 7px;
31196 .filemanager.fp-mkdir-dlg {
31197 text-align: center;
31200 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
31201 text-align: left;
31202 margin: 20px;
31205 .filemanager.fp-dlg {
31206 text-align: center;
31209 .file-picker div.bd {
31210 text-align: left;
31213 .fp-formset {
31214 padding: 10px;
31216 .fp-formset input[type=file] {
31217 line-height: inherit;
31220 .fp-forminset {
31221 padding: 0 10px;
31224 .fp-fileinfo .fp-value {
31225 display: inline-block;
31226 padding-left: 5px;
31229 /** The message area **/
31230 .hidden {
31231 display: none;
31234 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
31235 padding: 0;
31237 .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 {
31238 min-height: 20px;
31240 .preferences-container .align-bottom {
31241 vertical-align: bottom;
31243 .preferences-container .preference-table {
31244 border: 1px solid #ddd;
31246 .preferences-container .preference-table thead th {
31247 text-align: center;
31249 .preferences-container .preference-table thead th .config-warning {
31250 display: none;
31252 .preferences-container .preference-table thead th.unconfigured .config-warning {
31253 display: inline-block;
31255 .preferences-container .preference-table tr th {
31256 border-left: 1px solid #dee2e6;
31258 .preferences-container .preference-table tr td:not(:first-child) {
31259 width: 150px;
31260 text-align: center;
31262 .preferences-container .preference-table tr td:nth-child(even) {
31263 border: 1px solid #dee2e6;
31265 .preferences-container .preference-table .preference-row .hover-tooltip-container {
31266 display: inline-block;
31268 .preferences-container .preference-table .preference-row .preference-name {
31269 vertical-align: middle;
31271 .preferences-container .preference-table .preference-row .disabled-message {
31272 text-align: center;
31273 height: 30px;
31274 line-height: 30px;
31276 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
31277 display: block;
31280 .disabled-message {
31281 display: none;
31284 .disabled .disabled-message {
31285 display: block;
31287 .disabled .disabled-message + form {
31288 display: none;
31291 .general-settings-container .loading-icon {
31292 display: none;
31294 .general-settings-container .loading .loading-icon {
31295 display: inline-block;
31297 .general-settings-container label {
31298 display: inline-block;
31301 .processor-container {
31302 position: relative;
31304 .processor-container .loading-container {
31305 display: none;
31306 position: absolute;
31307 width: 100%;
31308 height: 100%;
31309 text-align: center;
31310 background-color: rgba(255, 255, 255, 0.5);
31312 .processor-container .loading-container .vertical-align {
31313 height: 100%;
31314 width: 0%;
31315 display: inline-block;
31316 vertical-align: middle;
31318 .processor-container.loading .loading-container {
31319 display: block;
31322 .preferences-page-container .checkbox-container {
31323 margin: 30px 5px;
31324 line-height: 20px;
31326 .preferences-page-container .checkbox-container input {
31327 line-height: 20px;
31328 margin: 0;
31330 .preferences-page-container .checkbox-container .loading-icon {
31331 display: none;
31333 .preferences-page-container .checkbox-container.loading .loading-icon {
31334 display: inline-block;
31337 .notification-area {
31338 height: 600px;
31339 box-sizing: border-box;
31340 border-radius: 4px;
31341 margin-bottom: 30px;
31342 border: 1px solid #e3e3e3;
31344 @media (max-height: 670px) {
31345 .notification-area {
31346 height: 500px;
31349 .notification-area .control-area {
31350 box-sizing: border-box;
31351 display: inline-block;
31352 width: 300px;
31353 height: 100%;
31354 overflow: auto;
31355 -webkit-overflow-scrolling: touch;
31356 border-right: 1px solid #e3e3e3;
31358 .notification-area .control-area .content {
31359 position: relative;
31361 .notification-area .control-area .content .content-item-container {
31362 cursor: pointer;
31364 .notification-area .control-area .content:empty + .empty-text {
31365 display: block;
31367 .notification-area .control-area .loading-icon {
31368 display: none;
31370 .notification-area .control-area .empty-text {
31371 display: none;
31372 text-align: center;
31373 padding-top: 20px;
31375 .notification-area .control-area.loading .loading-icon {
31376 display: block;
31377 text-align: center;
31378 box-sizing: border-box;
31379 padding: 5px;
31381 .notification-area .control-area.loading .content:empty + .empty-text {
31382 display: none;
31384 .notification-area .content-area {
31385 box-sizing: border-box;
31386 display: inline-block;
31387 width: calc(100% - 300px);
31388 float: right;
31390 .notification-area .content-area .toggle-mode {
31391 display: none;
31393 .notification-area .content-area .header {
31394 height: 50px;
31395 box-sizing: border-box;
31396 border-bottom: 1px solid #e3e3e3;
31397 padding: 5px;
31399 .notification-area .content-area .header .image-container {
31400 display: inline-block;
31401 height: 25px;
31402 width: 24px;
31403 float: left;
31405 .notification-area .content-area .header .subject-container {
31406 display: inline-block;
31407 max-width: calc(100% - 24px);
31408 white-space: nowrap;
31409 overflow: hidden;
31410 text-overflow: ellipsis;
31411 height: 25px;
31412 padding-left: 5px;
31413 box-sizing: border-box;
31415 .notification-area .content-area .header .timestamp {
31416 font-size: 10px;
31417 line-height: 10px;
31418 margin: 0;
31419 color: #666;
31420 margin-left: 30px;
31422 .notification-area .content-area .header:empty {
31423 display: none;
31425 .notification-area .content-area > .content {
31426 height: 500px;
31427 box-sizing: border-box;
31428 overflow: auto;
31429 -webkit-overflow-scrolling: touch;
31430 padding: 15px;
31432 @media (max-height: 670px) {
31433 .notification-area .content-area > .content {
31434 height: 400px;
31437 .notification-area .content-area > .content:empty {
31438 display: none;
31440 .notification-area .content-area > .content:empty + .empty-text {
31441 display: block;
31442 text-align: center;
31443 padding-top: 100px;
31445 .notification-area .content-area .empty-text {
31446 display: none;
31448 .notification-area .content-area .footer {
31449 height: 50px;
31450 box-sizing: border-box;
31451 text-align: center;
31453 .notification-area .content-area .footer a {
31454 line-height: 50px;
31456 .notification-area .content-area .footer:empty {
31457 display: none;
31460 @media (max-width: 979px) {
31461 .notification-area {
31462 position: relative;
31463 overflow: hidden;
31465 .notification-area .control-area {
31466 border-right: none;
31467 width: 100%;
31468 position: absolute;
31469 top: 0;
31470 left: 0;
31471 opacity: 1;
31472 visibility: visible;
31473 transition: left 0.25s;
31475 .notification-area .content-area {
31476 width: 100%;
31477 position: absolute;
31478 top: 0;
31479 right: -100%;
31480 opacity: 0;
31481 visibility: hidden;
31482 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
31484 .notification-area .content-area .toggle-mode {
31485 display: inline-block;
31486 float: left;
31487 width: 70px;
31488 height: 50px;
31489 line-height: 50px;
31490 box-sizing: border-box;
31491 border-right: 1px solid #e3e3e3;
31492 border-bottom: 1px solid #e3e3e3;
31494 .notification-area .content-area .header {
31495 display: inline-block;
31496 width: calc(100% - 70px);
31498 .notification-area.show-content-area .control-area {
31499 left: -100%;
31500 opacity: 0;
31501 visibility: hidden;
31502 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
31504 .notification-area.show-content-area .content-area {
31505 right: 0;
31506 opacity: 1;
31507 visibility: visible;
31508 transition: right 0.25s;
31511 .drawer .message-app {
31512 height: 100%;
31514 .drawer .message-app .icon-back-in-app {
31515 display: none;
31517 .drawer .message-app .icon-back-in-drawer {
31518 display: inherit;
31521 .message-app {
31522 display: flex;
31523 flex-direction: column;
31524 background-color: #eff1f3;
31526 .message-app .icon-back-in-drawer {
31527 display: none;
31529 .message-app.main {
31530 min-height: 400px;
31532 .message-app .header-container {
31533 flex-shrink: 0;
31535 .message-app .overflow-y {
31536 overflow-y: auto;
31538 @media (max-height: 320px) {
31539 .message-app .header-container [data-region=view-overview]:not(.hidden) {
31540 display: flex;
31541 align-items: center;
31543 .message-app .footer-container [data-region=view-overview] {
31544 display: none;
31546 .message-app .overflow-y {
31547 overflow-y: unset;
31550 .message-app .body-container {
31551 flex: 1;
31552 overflow: hidden;
31554 .message-app .body-container > * {
31555 position: absolute;
31556 right: 0;
31557 left: 0;
31558 top: 0;
31559 bottom: 0;
31560 overflow: auto;
31562 .message-app .footer-container {
31563 flex-shrink: 0;
31565 .message-app .footer-container textarea {
31566 direction: ltr;
31568 .message-app .contact-status {
31569 position: absolute;
31570 left: 39px;
31571 top: 34px;
31573 .message-app .contact-status.online .icon {
31574 color: #357a32;
31576 .message-app .message p {
31577 margin: 0;
31579 .message-app .clickable {
31580 cursor: pointer;
31582 .message-app .clickable:hover {
31583 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
31585 .message-app a,
31586 .message-app .btn-link {
31587 color: inherit;
31589 .message-app .btn-link:hover, .message-app .btn-link:focus {
31590 background-color: rgba(0, 0, 0, 0.035);
31591 text-decoration: none;
31593 .message-app .icon {
31594 margin-right: 0;
31596 .message-app .overview-section-toggle .collapsed-icon-container {
31597 display: none;
31599 .message-app .overview-section-toggle .expanded-icon-container {
31600 display: inline-block;
31602 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
31603 display: inline-block;
31605 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
31606 display: none;
31608 .message-app .btn.btn-link.btn-icon {
31609 height: 16px;
31610 width: 16px;
31611 padding: 0;
31612 border-radius: 50%;
31613 flex-shrink: 0;
31615 .message-app .btn.btn-link.btn-icon.icon-size-0 {
31616 height: 20px !important; /* stylelint-disable-line declaration-no-important */
31617 width: 20px !important; /* stylelint-disable-line declaration-no-important */
31619 .message-app .btn.btn-link.btn-icon.icon-size-1 {
31620 height: 24px !important; /* stylelint-disable-line declaration-no-important */
31621 width: 24px !important; /* stylelint-disable-line declaration-no-important */
31623 .message-app .btn.btn-link.btn-icon.icon-size-2 {
31624 height: 28px !important; /* stylelint-disable-line declaration-no-important */
31625 width: 28px !important; /* stylelint-disable-line declaration-no-important */
31627 .message-app .btn.btn-link.btn-icon.icon-size-3 {
31628 height: 36px !important; /* stylelint-disable-line declaration-no-important */
31629 width: 36px !important; /* stylelint-disable-line declaration-no-important */
31631 .message-app .btn.btn-link.btn-icon.icon-size-4 {
31632 height: 44px !important; /* stylelint-disable-line declaration-no-important */
31633 width: 44px !important; /* stylelint-disable-line declaration-no-important */
31635 .message-app .btn.btn-link.btn-icon.icon-size-5 {
31636 height: 52px !important; /* stylelint-disable-line declaration-no-important */
31637 width: 52px !important; /* stylelint-disable-line declaration-no-important */
31639 .message-app .btn.btn-link.btn-icon.icon-size-6 {
31640 height: 60px !important; /* stylelint-disable-line declaration-no-important */
31641 width: 60px !important; /* stylelint-disable-line declaration-no-important */
31643 .message-app .btn.btn-link.btn-icon.icon-size-7 {
31644 height: 68px !important; /* stylelint-disable-line declaration-no-important */
31645 width: 68px !important; /* stylelint-disable-line declaration-no-important */
31647 .message-app .view-overview-body .section {
31648 display: block;
31650 .message-app .view-overview-body .section.expanded {
31651 display: flex;
31653 .message-app .view-overview-body .section div[data-region=toggle] {
31654 padding: 0.1rem;
31656 .message-app .view-conversation .content-message-container img {
31657 max-width: 100%;
31659 .message-app .list-group {
31660 border-radius: 0;
31662 .message-app .list-group .list-group-item {
31663 border-left: 0;
31664 border-right: 0;
31666 .message-app .list-group .list-group-item:hover {
31667 color: #fff;
31668 background-color: #0f6cbf;
31670 .message-app .list-group .list-group-item:hover .badge-primary {
31671 background-color: #fff;
31672 color: #0f6cbf;
31674 .message-app .list-group .list-group-item:first-child {
31675 border-top: 0;
31677 .message-app .list-group .list-group-item:last-child {
31678 border-bottom: 0;
31680 .message-app .list-group .list-group-item.list-group-item-action {
31681 margin: 0.1rem;
31682 width: auto;
31683 text-align: inherit;
31685 .message-app .last-message {
31686 min-height: 1.5rem;
31688 .message-app .section .collapsing {
31689 overflow: hidden;
31691 .message-app .message.send {
31692 background-color: #dee2e6;
31693 color: #1d2125;
31695 .message-app .message.send .time {
31696 color: #1d2125;
31698 .message-app .message.send .tail {
31699 right: 0;
31700 margin-right: -0.5rem;
31701 border-bottom-color: #dee2e6;
31703 .message-app .message.received {
31704 background-color: #fff;
31705 color: #1d2125;
31707 .message-app .message.received .time {
31708 color: #616466;
31710 .message-app .message.received .tail {
31711 left: 0;
31712 margin-left: -0.5rem;
31713 border-bottom-color: #fff;
31715 .message-app .message .tail {
31716 content: "";
31717 bottom: 0;
31718 width: 0;
31719 height: 0;
31720 border: 0.5rem solid transparent;
31721 position: relative;
31723 .message-app .day {
31724 color: #1d2125;
31726 .message-app .lazy-load-list {
31727 overflow-y: auto;
31730 #page-message-index #page-header {
31731 display: none;
31733 #page-message-index #region-main {
31734 height: 100%;
31735 margin-top: 0;
31737 #page-message-index #region-main .conversationcontainer .section {
31738 max-height: calc(100vh - 50px);
31740 #page-message-index #region-main div[role=main] {
31741 height: 100%;
31743 #page-message-index #region-main div[role=main] #maincontent {
31744 margin-top: -1px;
31746 #page-message-index #region-main div[role=main] .message-app.main {
31747 height: 100%;
31750 .dir-rtl .message-drawer {
31751 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
31754 .message-app .emoji-picker-container {
31755 position: absolute;
31756 top: -5px;
31757 right: 5px;
31758 transform: translateY(-100%);
31760 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
31761 height: 40px;
31762 width: 40px;
31764 @media (max-width: 575.98px) {
31765 .message-app .emoji-picker-container {
31766 right: -0.5rem;
31769 @media (max-height: 495px) {
31770 .message-app .emoji-picker-container {
31771 position: fixed;
31772 top: 0;
31773 transform: none;
31776 .message-app .emoji-auto-complete-container {
31777 overflow: auto;
31778 max-height: 90px;
31779 transition: max-height 0.15s ease-in-out;
31780 visibility: visible;
31782 .message-app .emoji-auto-complete-container.hidden {
31783 display: block;
31784 max-height: 0;
31785 visibility: hidden;
31786 overflow: hidden;
31787 transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
31790 /* Question */
31791 .questionbank h2 {
31792 margin-top: 0;
31795 .questioncategories h3 {
31796 margin-top: 0;
31799 #chooseqtypebox {
31800 margin-top: 1em;
31803 #chooseqtype h3 {
31804 margin: 0 0 0.3em;
31807 #chooseqtype .instruction {
31808 display: none;
31811 #chooseqtype .fakeqtypes {
31812 border-top: 1px solid silver;
31815 #chooseqtype .qtypeoption {
31816 margin-bottom: 0.5em;
31819 #chooseqtype label {
31820 display: block;
31823 #chooseqtype .qtypename img {
31824 padding: 0 0.3em;
31827 #chooseqtype .qtypename {
31828 display: inline-table;
31829 width: 16em;
31832 #chooseqtype .qtypesummary {
31833 display: block;
31834 margin: 0 2em;
31837 #chooseqtype .submitbuttons {
31838 margin: 0.7em 0;
31839 text-align: center;
31842 #qtypechoicecontainer {
31843 display: none;
31846 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
31847 background: none;
31850 #qtypechoicecontainer.yui-panel .hd {
31851 color: #333;
31852 letter-spacing: 1px;
31853 text-shadow: 1px 1px 1px #fff;
31854 border-top-left-radius: 10px;
31855 border-top-right-radius: 10px;
31856 border: 1px solid #ccc;
31857 border-bottom: 1px solid #bbb;
31858 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
31859 background-repeat: repeat-x;
31862 #qtypechoicecontainer {
31863 font-size: 12px;
31864 color: #333;
31865 background: #f2f2f2;
31866 border-radius: 10px;
31867 border: 1px solid #ccc;
31868 border-top: 0 none;
31871 #qtypechoicecontainer #chooseqtype {
31872 width: 40em;
31875 #chooseqtypehead h3 {
31876 margin: 0;
31877 font-weight: normal;
31880 #chooseqtype .qtypes {
31881 position: relative;
31882 border-bottom: 1px solid #bbb;
31883 padding: 0.24em 0;
31886 #chooseqtype .alloptions {
31887 overflow-x: hidden;
31888 overflow-y: auto;
31889 max-height: calc(100vh - 15em);
31890 width: 60%;
31893 #chooseqtype .qtypeoption {
31894 margin-bottom: 0;
31895 padding: 0.3em 0.3em 0.3em 1.6em;
31898 #chooseqtype .qtypeoption img {
31899 vertical-align: text-bottom;
31900 padding-left: 1em;
31901 padding-right: 0.5em;
31904 #chooseqtype .selected {
31905 background-color: #fff;
31908 #chooseqtype .instruction,
31909 #chooseqtype .qtypesummary {
31910 display: none;
31911 position: absolute;
31912 top: 0;
31913 right: 0;
31914 bottom: 0;
31915 left: 60%;
31916 margin: 0;
31917 overflow-x: hidden;
31918 overflow-y: auto;
31919 padding: 1.5em 1.6em;
31920 background-color: #fff;
31923 #chooseqtype .instruction,
31924 #chooseqtype .selected .qtypesummary {
31925 display: block;
31928 table.question-bank-table {
31929 margin: 0;
31930 background-color: #fff;
31931 table-layout: fixed;
31932 overflow-x: scroll;
31933 width: min-content;
31935 table.question-bank-table td,
31936 table.question-bank-table th {
31937 max-width: 40vw;
31938 width: max-content;
31940 table.question-bank-table th {
31941 text-align: left;
31943 table.question-bank-table > tbody > tr.r1 {
31944 background-color: rgba(0, 0, 0, 0.03);
31946 table.question-bank-table > tbody > tr.highlight {
31947 border: 1px solid #008196;
31949 table.question-bank-table .checkbox input[type=checkbox] {
31950 margin-left: 0;
31951 float: none;
31953 table.question-bank-table .iconcol {
31954 padding: 3px;
31955 box-sizing: content-box;
31957 table.question-bank-table .iconcol .icon {
31958 margin: 0;
31959 width: 12px;
31960 height: 12px;
31962 table.question-bank-table label {
31963 margin: 0;
31964 display: block;
31966 table.question-bank-table .header {
31967 text-align: left;
31969 table.question-bank-table .header.sortable-list-current-position {
31970 background-color: #a2cff8;
31972 table.question-bank-table .header.sortable-list-is-dragged {
31973 background-color: #fff;
31974 opacity: 0.85;
31976 table.question-bank-table .header .header-text > div {
31977 display: inline-block;
31979 table.question-bank-table .header .dropdown-toggle::after {
31980 margin-left: 0;
31982 table.question-bank-table .header.checkbox .form-check {
31983 padding-left: 0;
31986 #page-mod-quiz-edit div.questionbankwindow div.header {
31987 margin: 0;
31989 #page-mod-quiz-edit div.questionbankwindow.block {
31990 padding: 0;
31993 .questionbank .singleselect {
31994 margin: 0;
31997 /* Question editing form */
31998 #combinedfeedbackhdr div.fhtmleditor {
31999 padding: 0;
32002 #combinedfeedbackhdr div.fcheckbox {
32003 margin-bottom: 1em;
32006 #multitriesheader div.fitem_feditor {
32007 margin-top: 1em;
32010 #multitriesheader div.fitem_fgroup {
32011 margin-bottom: 1em;
32014 #multitriesheader div.fitem_fgroup fieldset.felement label {
32015 margin-left: 0.3em;
32016 margin-right: 0.3em;
32019 body.path-question-type {
32020 /* Hacks to display the labels within a form group. */
32022 body.path-question-type .fitem .col-form-label.sr-only:not(legend):not([for=id_category]) {
32023 position: static;
32024 width: auto;
32025 height: auto;
32026 padding: 0;
32027 margin: 0 0.5rem 0 0;
32028 overflow: visible;
32029 clip: auto;
32030 clip-path: none;
32031 border: 0;
32034 .que {
32035 clear: left;
32036 text-align: left;
32037 margin: 0 auto 1.8em auto;
32040 .que .info {
32041 float: left;
32042 width: 7em;
32043 padding: 0.5em;
32044 margin-bottom: 1.8em;
32045 background-color: #f8f9fa;
32046 border: 1px solid #cad0d7;
32047 border-radius: 2px;
32050 .que h3.no {
32051 margin: 0;
32052 font-size: 0.8em;
32053 line-height: 1;
32056 .que span.qno {
32057 font-size: 1.5em;
32058 font-weight: bold;
32059 word-break: break-word;
32062 .que .info > div {
32063 font-size: 0.8em;
32064 margin-top: 0.7em;
32067 .que .info .questionflag.editable {
32068 cursor: pointer;
32071 .que .info .editquestion img,
32072 .que .info .questionflag img,
32073 .que .info .questionflag input {
32074 vertical-align: bottom;
32077 .que .content {
32078 margin: 0 0 0 8.5em;
32081 .que .formulation,
32082 .que .outcome,
32083 .que .comment {
32084 position: relative;
32085 padding: 0.75rem 1.25rem;
32086 margin-bottom: 1rem;
32087 border: 0 solid transparent;
32088 border-radius: 0.25rem;
32091 .que .outcome,
32092 .que .comment {
32093 color: #8e662e;
32094 background-color: #fcefdc;
32095 border-color: #fbe8cd;
32096 /* stylelint-disable-line max-line-length */
32098 .que .outcome hr,
32099 .que .comment hr {
32100 border-top-color: #f9ddb5;
32102 .que .outcome .alert-link,
32103 .que .comment .alert-link {
32104 color: #674a22;
32106 .que .outcome a,
32107 .que .comment a {
32108 color: #041c31;
32111 .que .formulation {
32112 color: #001a1e;
32113 background-color: #e7f3f5;
32114 border-color: #b8dce2;
32115 /* stylelint-disable-line max-line-length */
32117 .que .formulation hr {
32118 border-top-color: #a6d3db;
32120 .que .formulation .alert-link {
32121 color: black;
32124 .que.multichoice .answer div.r0 .icon.fa-check,
32125 .que.multichoice .answer div.r1 .icon.fa-check,
32126 .que.multichoice .answer div.r0 .icon.fa-remove,
32127 .que.multichoice .answer div.r1 .icon.fa-remove {
32128 text-indent: 0;
32131 .formulation input[type=text],
32132 .formulation select {
32133 width: auto;
32134 vertical-align: baseline;
32137 .que.multianswer .formulation .yui3-widget-positioned {
32138 box-sizing: content-box;
32140 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
32141 width: inherit;
32142 max-width: inherit;
32145 .que input[size],
32146 .que textarea[cols] {
32147 width: auto;
32148 max-width: 100%;
32151 .que .comment {
32152 color: #1c3f1a;
32153 background-color: #d7e4d6;
32154 border-color: #c6dac6;
32155 /* stylelint-disable-line max-line-length */
32157 .que .comment hr {
32158 border-top-color: #b7d0b7;
32160 .que .comment .alert-link {
32161 color: #0c1b0b;
32164 .que .ablock {
32165 margin: 0.7em 0 0.3em 0;
32168 .que .im-controls {
32169 margin-top: 0.5em;
32170 text-align: left;
32173 .que .specificfeedback,
32174 .que .generalfeedback,
32175 .que .numpartscorrect .que .rightanswer,
32176 .que .im-feedback,
32177 .que .feedback,
32178 .que p {
32179 margin: 0 0 0.5em;
32182 .que .correctness.correct {
32183 color: #fff;
32184 background-color: #357a32;
32186 a.que .correctness.correct:hover, a.que .correctness.correct:focus {
32187 color: #fff;
32188 background-color: #255623;
32190 a.que .correctness.correct:focus, a.que .correctness.correct.focus {
32191 outline: 0;
32192 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
32195 .que .correctness.partiallycorrect {
32196 color: #1d2125;
32197 background-color: #f0ad4e;
32199 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
32200 color: #1d2125;
32201 background-color: #ec971f;
32203 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
32204 outline: 0;
32205 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
32208 .que .correctness.notanswered, .que .correctness.incorrect {
32209 color: #fff;
32210 background-color: #ca3120;
32212 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
32213 color: #fff;
32214 background-color: #9e2619;
32216 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
32217 outline: 0;
32218 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
32221 .que .qtext {
32222 margin-bottom: 1.5em;
32225 .que .validationerror {
32226 color: #ca3120;
32229 .que .grading,
32230 .que .comment,
32231 .que .commentlink,
32232 .que .history {
32233 margin-top: 0.5em;
32236 .que .history h3 {
32237 margin: 0 0 0.2em;
32238 font-size: 1em;
32241 .que .history table {
32242 width: 100%;
32243 margin: 0;
32246 .que .history .current {
32247 font-weight: bold;
32250 .que .questioncorrectnessicon {
32251 vertical-align: text-bottom;
32254 body.jsenabled .questionflag input[type=checkbox] {
32255 display: none;
32258 .que .questionflagimage {
32259 padding-right: 3px;
32260 height: 16px;
32261 width: 16px;
32264 .importerror {
32265 margin-top: 10px;
32266 border-bottom: 1px solid #555;
32269 .mform .que.comment .fitemtitle {
32270 width: 20%;
32273 #page-question-preview #techinfo {
32274 margin: 1em 0;
32277 #page-question-preview .collapsibleregion .collapsibleregioncaption,
32278 #page-question-preview .collapsibleregion .collapsibleregionextracontent {
32279 display: inline-block;
32282 #page-mod-quiz-edit ul.slots .activityinstance > a {
32283 display: flex;
32284 max-width: 100%;
32285 align-items: center;
32286 text-indent: 0;
32287 padding-left: 0;
32289 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32290 margin-left: 0;
32291 width: 16px;
32292 height: 16px;
32293 padding-right: 4px;
32296 #page-mod-quiz-edit .activity img.activityicon {
32297 vertical-align: text-top;
32300 #page-mod-quiz-edit .box.generalbox.questionbank {
32301 padding: 0.5em;
32304 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
32305 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
32306 #page-mod-quiz-edit .questionbank .choosecategory {
32307 padding: 0;
32310 #page-mod-quiz-edit .questionbank .choosecategory select {
32311 width: 100%;
32314 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
32315 background: transparent;
32318 #page-mod-quiz-edit .questionbankwindow div.header {
32319 color: #444;
32320 text-shadow: none;
32321 border-top-left-radius: 4px;
32322 border-top-right-radius: 4px;
32323 margin: 0 -10px 0 -10px;
32324 padding: 2px 10px 2px 10px;
32325 background: transparent; /* Old browsers */
32328 #page-mod-quiz-edit .questionbankwindow div.header a:link,
32329 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
32330 color: #0f6cbf;
32333 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
32334 color: #094478;
32337 #page-mod-quiz-edit .createnewquestion {
32338 padding: 0.3em 0;
32340 #page-mod-quiz-edit .createnewquestion div,
32341 #page-mod-quiz-edit .createnewquestion input {
32342 margin: 0;
32345 #page-mod-quiz-edit .questionbankwindow div.header .title {
32346 color: #1d2125;
32349 #page-mod-quiz-edit div.container div.generalbox {
32350 background-color: transparent;
32351 padding: 1.5em;
32354 #page-mod-quiz-edit .categoryinfo {
32355 background-color: transparent;
32356 border-bottom: none;
32359 #page-mod-quiz-edit .createnewquestion .singlebutton input {
32360 margin-bottom: 0;
32363 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
32364 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
32365 padding: 0 0 1.5em 0;
32368 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
32369 background-color: transparent;
32370 margin: 0;
32371 border-top: 0;
32372 border-bottom: 0;
32374 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
32375 padding: 0 0.3em;
32378 #page-mod-quiz-edit div.question div.content div.questioncontrols {
32379 background-color: #fff;
32382 #page-mod-quiz-edit div.question div.content div.points {
32383 margin-top: -0.5em;
32384 padding-bottom: 0;
32385 border: none;
32386 background-color: #fff;
32387 position: static;
32388 width: 12.1em;
32389 float: right;
32390 margin-right: 60px;
32393 #page-mod-quiz-edit div.question div.content div.points br {
32394 display: none;
32397 #page-mod-quiz-edit div.question div.content div.points label {
32398 display: inline-block;
32401 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
32402 background-color: #fff;
32405 #page-mod-quiz-edit .quizpagedelete,
32406 #page-mod-quiz-edit .quizpagedelete img {
32407 background-color: transparent;
32410 #page-mod-quiz-edit div.quizpage .pagecontent {
32411 border: 1px solid #ddd;
32412 border-radius: 2px;
32413 overflow: hidden;
32416 #page-mod-quiz-edit div.questionbank .categoryinfo {
32417 padding: 0.3em 0;
32420 .questionbankwindow .module {
32421 width: auto;
32424 .questionbankwindow .form-autocomplete-selection {
32425 margin-left: 0;
32428 #page-mod-quiz-edit div.editq div.question div.content {
32429 background-color: #fff;
32430 border: 1px solid #ddd;
32431 border-radius: 2px;
32432 overflow: hidden;
32435 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32436 margin-top: 0;
32437 padding-right: 4px;
32440 .path-mod-quiz .statedetails {
32441 display: block;
32442 font-size: 0.9em;
32445 a#hidebankcmd {
32446 color: #0f6cbf;
32449 .que.shortanswer .answer {
32450 padding: 0;
32453 .que label {
32454 display: inline;
32457 .que .content .answer div[data-region=answer-label] .mediaplugin {
32458 width: 400px;
32461 body.path-question-type .mform fieldset.hidden {
32462 padding: 0;
32463 margin: 0.7em 0 0;
32466 .que.ddwtos,
32467 .que.ddwtos .drop {
32468 box-sizing: content-box;
32471 .tag-condition-container {
32472 position: relative;
32475 @media (max-width: 767.98px) {
32476 .que .info {
32477 float: none;
32478 width: auto;
32480 .que .content {
32481 margin: 0;
32484 @media (max-width: 991.98px) {
32485 .question-bank-table td,
32486 .question-bank-table th {
32487 max-width: 75vw;
32490 /* user.less */
32491 .userprofile .fullprofilelink {
32492 text-align: center;
32493 margin: 10px;
32496 .userprofile .page-context-header {
32497 margin-bottom: 10px;
32498 column-count: 1;
32501 .userprofile .description {
32502 margin-top: 10px;
32503 margin-bottom: 30px;
32506 .userprofile .profile_tree {
32507 column-count: 2;
32510 #participantsform .no-overflow {
32511 overflow: visible;
32514 .userprofile dl.list > dd + dt {
32515 clear: left;
32518 .user-box {
32519 margin: 8px;
32520 width: 115px;
32521 height: 160px;
32522 text-align: center;
32523 float: left;
32524 clear: none;
32527 #page-user-profile .node_category ul,
32528 .path-user .node_category ul {
32529 margin: 0;
32530 list-style: none;
32531 padding-left: 0;
32533 #page-user-profile .node_category li,
32534 .path-user .node_category li {
32535 margin-top: 5px;
32537 #page-user-profile .node_category .editprofile,
32538 #page-user-profile .node_category .viewmore,
32539 .path-user .node_category .editprofile,
32540 .path-user .node_category .viewmore {
32541 text-align: right;
32544 .ajax-contact-button {
32545 box-sizing: border-box;
32546 position: relative;
32548 .ajax-contact-button.loading .loading-icon {
32549 display: block;
32551 .ajax-contact-button .loading-icon {
32552 display: none;
32553 position: absolute;
32554 top: 0;
32555 left: 0;
32556 width: 100%;
32557 height: 100%;
32558 background-color: rgba(255, 255, 255, 0.7);
32560 .ajax-contact-button .loading-icon .icon {
32561 position: absolute;
32562 left: 50%;
32563 top: 50%;
32564 transform: translate(-50%, -50%);
32567 @media (max-width: 480px) {
32568 .userprofile .profile_tree {
32569 /** Display the profile on one column on phones@mixin */
32570 column-count: 1;
32573 .userlist #showall {
32574 margin: 10px 0;
32577 .userlist .buttons {
32578 text-align: center;
32581 .userlist .buttons label {
32582 padding: 0 3px;
32585 .userlist table#participants {
32586 text-align: center;
32589 .userlist table#participants td {
32590 text-align: left;
32591 padding: 4px;
32592 vertical-align: middle;
32595 .userlist table#participants th {
32596 text-align: left;
32597 padding: 4px;
32600 .userlist table.controls {
32601 width: 100%;
32603 .userlist table.controls tr {
32604 vertical-align: top;
32606 .userlist table.controls .right {
32607 text-align: right;
32609 .userlist table.controls .groupselector {
32610 margin-bottom: 0;
32611 margin-top: 0;
32613 .userlist table.controls .groupselector label {
32614 display: block;
32617 .userinfobox {
32618 width: 100%;
32619 border: 1px solid;
32620 border-collapse: separate;
32621 padding: 10px;
32624 .userinfobox .left,
32625 .userinfobox .side {
32626 width: 100px;
32627 vertical-align: top;
32630 .userinfobox .userpicture {
32631 width: 100px;
32632 height: 100px;
32635 .userinfobox .content {
32636 vertical-align: top;
32639 .userinfobox .links {
32640 width: 100px;
32641 padding: 5px;
32642 vertical-align: bottom;
32645 .userinfobox .links a {
32646 display: block;
32649 .userinfobox .list td {
32650 padding: 3px;
32653 .userinfobox .username {
32654 padding-bottom: 20px;
32655 font-weight: bold;
32658 .userinfobox td.label {
32659 text-align: right;
32660 white-space: nowrap;
32661 vertical-align: top;
32662 font-weight: bold;
32665 .group-edit {
32666 position: absolute;
32667 right: 0;
32668 margin-right: 0.6em;
32671 .group-image {
32672 display: block;
32673 float: left;
32674 margin-right: 1em;
32676 .group-image .grouppicture {
32677 border-radius: 50%;
32680 .groupinfobox .left {
32681 padding: 10px;
32682 width: 100px;
32683 vertical-align: top;
32686 .course-participation #showall {
32687 text-align: center;
32688 margin: 10px 0;
32691 #user-policy .noticebox {
32692 text-align: center;
32693 margin-left: auto;
32694 margin-right: auto;
32695 margin-bottom: 10px;
32696 width: 80%;
32697 height: 250px;
32700 #user-policy #policyframe {
32701 width: 100%;
32702 height: 100%;
32705 .iplookup #map {
32706 margin: auto;
32709 .userselector select {
32710 width: 100%;
32713 .userselector div {
32714 margin-top: 0.2em;
32717 .userselector div label {
32718 margin-right: 0.3em;
32721 /* Next style does not work in all browsers but looks nicer when it does */
32722 .userselector .userselector-infobelow {
32723 font-size: 0.8em;
32726 #userselector_options .collapsibleregioncaption {
32727 font-weight: bold;
32730 #userselector_options p {
32731 margin: 0.2em 0;
32732 text-align: left;
32735 /** user full profile */
32736 #page-user-profile .messagebox {
32737 text-align: center;
32738 margin-left: auto;
32739 margin-right: auto;
32742 /** user course profile */
32743 #page-course-view-weeks .messagebox {
32744 text-align: center;
32745 margin-left: auto;
32746 margin-right: auto;
32749 .profileeditor > .singleselect {
32750 margin: 0 0.5em 0 0;
32752 .profileeditor > .singlebutton {
32753 display: inline-block;
32754 margin: 0 0 0 0.5em;
32756 .profileeditor > .singlebutton div,
32757 .profileeditor > .singlebutton input {
32758 margin: 0;
32761 .userlist h3 .action-icon {
32762 display: none;
32765 #page-enrol-users .popover {
32766 max-width: none;
32769 .user-enroller-panel {
32770 width: 600px;
32773 [data-filterverbfor],
32774 [data-filterregion=filter]:last-child [data-filterregion=joinadverb] {
32775 display: none;
32778 [data-filterverb="0"] [data-filterverbfor="0"],
32779 [data-filterverb="1"] [data-filterverbfor="1"],
32780 [data-filterverb="2"] [data-filterverbfor="2"] {
32781 display: block;
32784 #page-user-contactsitesupport .supporticon i {
32785 font-size: 35px;
32788 .search-results .result {
32789 margin-left: 0;
32790 margin-right: 0;
32793 .search-results .result .result-content {
32794 margin: 7px 0;
32797 .search-results .result .filename {
32798 font-style: italic;
32801 .simplesearchform .input-group input.form-control {
32802 border-top-left-radius: 0.25rem;
32803 border-bottom-left-radius: 0.25rem;
32805 .simplesearchform .btn {
32806 padding-left: 0.5rem;
32807 padding-right: 0.5rem;
32809 .simplesearchform .btn .icon {
32810 margin: 0;
32812 .simplesearchform .btn-submit {
32813 border-color: #8f959e;
32814 color: #6a737b;
32816 .simplesearchform .btn-close,
32817 .simplesearchform .btn-clear {
32818 position: absolute;
32819 top: 0;
32820 right: 0;
32821 color: #6a737b;
32822 z-index: 4;
32824 .simplesearchform .btn-close {
32825 right: 2.2rem;
32827 .simplesearchform .btn-submit {
32828 background-color: #f8f9fa;
32830 .simplesearchform .withclear {
32831 padding-right: 2rem;
32833 .simplesearchform .searchinput {
32834 display: flex;
32835 flex: 1 1 auto;
32837 .simplesearchform .collapsing {
32838 height: inherit;
32839 transition: none;
32840 width: inherit;
32843 .simplesearchform .collapse.show,
32844 .simplesearchform .collapsing {
32845 position: absolute;
32846 left: 0;
32847 top: 0;
32848 width: 100%;
32849 display: flex;
32850 background-color: #fff;
32851 z-index: 1060;
32852 height: 50px;
32854 .simplesearchform .collapse.show .searchform-navbar,
32855 .simplesearchform .collapsing .searchform-navbar {
32856 width: auto;
32857 margin-left: auto;
32858 margin-right: auto;
32861 .search-areas-actions {
32862 margin-bottom: 1rem;
32865 .search-areas-actions > div {
32866 margin-right: 1rem;
32867 display: inline-block;
32870 #core-search-areas .lastcol li {
32871 margin-left: 24px;
32872 text-indent: -24px;
32875 #core-search-areas .lastcol li > i {
32876 text-indent: 0;
32880 * Moodle forms HTML isn't changeable via renderers (yet?) so this
32881 * .less file imports styles from the bootstrap $variables file and
32882 * adds them to the existing Moodle form CSS ids and classes.
32885 .jsenabled .mform .containsadvancedelements .advanced {
32886 display: none;
32889 .mform .containsadvancedelements .advanced.show {
32890 display: flex;
32893 #adminsettings span.error {
32894 display: inline-block;
32895 border: 1px solid #f0c5c1;
32896 border-radius: 4px;
32897 background-color: #f4d6d2;
32898 padding: 4px;
32899 margin-bottom: 4px;
32902 .mform .d-flex .form-control {
32903 width: auto;
32904 max-width: 100%;
32906 .mform .d-flex textarea.form-control {
32907 width: 100%;
32909 .mform .d-flex .fitem {
32910 margin: 0.1rem 0.25rem 0.1rem 0 !important; /* stylelint-disable-line declaration-no-important */
32912 .mform .d-flex br + label {
32913 justify-content: flex-start;
32914 width: 100%;
32915 margin-right: 0;
32918 .custom-select {
32919 width: auto;
32920 max-width: 100%;
32923 #jump-to-activity.custom-select {
32924 width: 100%;
32927 .mform fieldset {
32928 margin-bottom: 0.5rem;
32929 border-bottom: 1px solid #dee2e6;
32932 #adminsettings .form-control[size] {
32933 width: auto;
32936 #adminsettings .error {
32937 color: #ca3120;
32940 .mform ul.file-list {
32941 padding: 0;
32942 margin: 0;
32943 list-style: none;
32946 .mform label .req,
32947 .mform label .adv {
32948 cursor: help;
32951 /*rtl:ignore*/
32952 input#id_externalurl {
32953 direction: ltr;
32956 #portfolio-add-button {
32957 display: inline;
32960 .form-defaultinfo,
32961 .form-label .form-shortname {
32962 color: #6a737b;
32965 .form-label .form-shortname {
32966 font-size: 0.703125rem;
32967 display: block;
32970 .formsettingheading .form-horizontal {
32971 color: #6a737b;
32974 .no-felement.fstatic {
32975 color: #6a737b;
32976 padding-top: 5px;
32979 .no-fitem .fstaticlabel {
32980 font-weight: bold;
32983 .form-item .form-setting .defaultsnext > input {
32984 display: inline-block;
32987 .form-item .form-setting .form-checkbox.defaultsnext {
32988 margin-top: 5px;
32989 display: inline-block;
32992 #adminsettings h3 {
32993 display: block;
32994 width: 100%;
32995 padding: 0;
32996 margin-bottom: 1.5;
32997 font-size: 1.171875rem;
32998 line-height: 3;
32999 border: 0;
33000 border-bottom: 1px solid #e5e5e5;
33003 /* rtl:ignore */
33004 .mform .fitem .felement input[name=email],
33005 .mform .fitem .felement input[name=email2],
33006 .mform .fitem .felement input[name=url],
33007 .mform .fitem .felement input[name=idnumber],
33008 .mform .fitem .felement input[name=phone1],
33009 .mform .fitem .felement input[name=phone2] {
33010 text-align: left;
33011 direction: ltr;
33014 .que.match .mediaplugin {
33015 width: 50vw;
33018 /* rtl:ignore */
33019 #page-admin-grade-edit-scale-edit .error input#id_name {
33020 margin-right: 170px;
33023 #page-grade-edit-outcome-course .courseoutcomes {
33024 margin-left: auto;
33025 margin-right: auto;
33026 width: 100%;
33029 #page-grade-edit-outcome-course .courseoutcomes td {
33030 text-align: center;
33033 /* Install Process' text fields Forms, should always be justified to the left */
33034 /* rtl:ignore */
33035 #installform #id_wwwroot,
33036 #installform #id_dirroot,
33037 #installform #id_dataroot,
33038 #installform #id_dbhost,
33039 #installform #id_dbname,
33040 #installform #id_dbuser,
33041 #installform #id_dbpass,
33042 #installform #id_prefix {
33043 direction: ltr;
33046 .mdl-right > label {
33047 display: inline-block;
33050 .singleselect {
33051 max-width: 100%;
33054 .form-item .form-label label {
33055 margin-bottom: 0;
33058 div#dateselector-calendar-panel {
33059 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
33063 * Show the labels above text editors and file managers except on wide screens.
33065 /* Section and module editing forms contain special JS components for the
33066 availability system (if enabled). */
33067 #id_availabilityconditionsjson[aria-hidden=true],
33068 .availability-field [aria-hidden=true] {
33069 display: none;
33072 .availability-field label {
33073 display: inline-flex;
33075 .availability-field .availability-group label {
33076 vertical-align: top;
33079 .availability-eye {
33080 clear: left;
33081 float: left;
33084 .availability-inner,
33085 .availability-plugincontrols {
33086 float: left;
33087 border-radius: 0.25rem;
33088 border: 1px solid rgba(0, 0, 0, 0.125);
33089 padding: 1rem;
33090 margin-top: 0.5rem;
33093 .availability-plugincontrols,
33094 .availability-childlist .availability-inner {
33095 margin-left: 0.625rem;
33098 .availability-field .availability-plugincontrols .availability-group select {
33099 max-width: 12rem;
33102 /* Custom styles for autocomplete form element */
33103 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
33104 [data-fieldtype=autocomplete] select,
33105 [data-fieldtype=tags] select,
33106 .form-autocomplete-original-select {
33107 visibility: hidden;
33108 overflow: hidden;
33109 width: 15rem;
33110 height: 44px;
33111 margin: 0;
33112 padding: 0;
33113 border: 0;
33114 margin-top: 1.65625rem;
33115 vertical-align: bottom;
33118 .form-autocomplete-selection {
33119 margin: 0.25rem 0;
33120 min-height: 2.375rem;
33123 .form-autocomplete-selection [role=option] {
33124 cursor: pointer;
33125 white-space: inherit;
33126 word-break: break-word;
33127 line-height: 1.4;
33128 text-align: left;
33131 .form-autocomplete-suggestions {
33132 position: absolute;
33133 background-color: #fff;
33134 border: 1px solid #8f959e;
33135 min-width: 206px;
33136 max-height: 20em;
33137 overflow: auto;
33138 margin: 0.125rem 0 0;
33139 padding: 0.5rem 0;
33140 z-index: 3;
33143 .form-autocomplete-suggestions li {
33144 list-style-type: none;
33145 padding: 0.25rem 1.5rem;
33146 margin: 0;
33147 cursor: pointer;
33148 color: #1d2125;
33150 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected=true] {
33151 background-color: #0f6cbf;
33152 color: #fff;
33154 .form-autocomplete-suggestions li[aria-disabled=true] {
33155 pointer-events: none;
33156 color: #6a737b;
33157 background-color: #e9ecef;
33159 .form-autocomplete-suggestions li.suggestions-heading {
33160 pointer-events: none;
33161 font-weight: bold;
33162 color: #1d2125;
33163 background-color: #fff;
33164 padding-left: calc(1.5rem / 2);
33166 .form-autocomplete-suggestions li::before {
33167 content: "​";
33170 .form-autocomplete-downarrow {
33171 color: #1d2125;
33172 top: 0.2rem;
33173 right: 0.5rem;
33174 cursor: pointer;
33176 .form-autocomplete-downarrow .loading-icon {
33177 position: absolute;
33178 top: 0;
33179 left: 0;
33180 background-color: #fff;
33183 /** Undo some bootstrap things */
33184 .form-autocomplete-selection + input.form-control {
33185 width: auto;
33186 display: inline-block;
33187 vertical-align: middle;
33190 .form-autocomplete-selection [data-active-selection=true] {
33191 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
33194 select.form-control[size], select.form-control[multiple] {
33195 padding-right: 0;
33197 select.form-control[size] option, select.form-control[multiple] option {
33198 width: fit-content;
33201 /* Non-bootstrap selects with a size show their contents outside of the element.
33202 * Remove when we update to stable bootstrap 4. (MDL-56511) */
33203 select[size],
33204 select[multiple] {
33205 overflow: auto;
33208 select[size="1"] {
33209 overflow: visible;
33212 textarea[data-auto-rows] {
33213 overflow-x: hidden;
33214 resize: none;
33217 /** Display elements under labels in vertical forms regardless of the screen size. */
33218 .mform.full-width-labels .fitem.row {
33219 margin-left: 0;
33220 margin-right: 0;
33222 .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
33223 flex: 0 0 100%;
33224 max-width: 100%;
33225 width: inherit;
33226 padding-right: 0;
33227 padding-left: 0;
33229 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
33230 display: none;
33232 .mform.full-width-labels .fitem.row .form-control {
33233 width: 100%;
33236 .mform .col-form-label .form-label-addon {
33237 margin-left: 0.25rem;
33240 @media (min-width: 576px) {
33241 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
33242 margin-left: auto;
33245 [data-fieldtype=modgrade] .fitem {
33246 padding-bottom: 0.375rem;
33249 [data-fieldtype=modgrade] {
33250 background-color: #fff;
33251 border-radius: 0.25rem;
33252 border: 1px solid rgba(0, 0, 0, 0.125);
33253 padding: 1.25rem;
33254 margin-left: 15px;
33255 max-width: 30rem;
33258 [data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
33259 [data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
33260 [data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
33261 display: none;
33264 .felement[data-fieldtype=autocomplete],
33265 .felement[data-fieldtype=tags] {
33266 display: block !important; /* stylelint-disable-line declaration-no-important */
33269 [data-fieldtype=editor] > div {
33270 flex-grow: 1;
33273 @media (min-width: 768px) {
33274 .mform fieldset .fcontainer.collapseable .col-form-label {
33275 padding-left: 2.5rem;
33278 .collapsemenu .collapseall {
33279 display: block;
33281 .collapsemenu .expandall {
33282 display: none;
33284 .collapsemenu.collapsed .collapseall {
33285 display: none;
33287 .collapsemenu.collapsed .expandall {
33288 display: block;
33291 .input-group.form-inset .form-inset-item {
33292 position: absolute;
33293 padding-top: calc(0.375rem + 1px);
33294 z-index: 3;
33296 .input-group.form-inset.form-inset-left .form-control {
33297 padding-left: 1.5rem;
33299 .input-group.form-inset.form-inset-right .form-control {
33300 padding-right: 1.5rem;
33302 .input-group.form-inset.form-inset-right .form-inset-item {
33303 right: 0;
33306 .form-check.left-indented {
33307 padding-left: 0;
33310 .toggle-sensitive-btn .icon {
33311 margin-right: 0;
33314 @media (min-width: 576px) {
33315 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control:not(:last-child) {
33316 border-radius: 0.25rem;
33318 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control-lg:not(:last-child) {
33319 border-radius: 0.3rem;
33321 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .input-group-append .toggle-sensitive-btn {
33322 display: none;
33325 .pagelayout-login #region-main {
33326 border: 0;
33327 background-color: inherit;
33330 .pagelayout-login #page {
33331 background: #f8f9fa;
33332 background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
33333 background-repeat: repeat-x;
33335 .pagelayout-login #page div[role=main] {
33336 height: 100%;
33339 .login-wrapper {
33340 display: flex;
33341 align-items: center;
33342 justify-content: center;
33343 height: 100%;
33346 .login-container {
33347 background-color: #fff;
33348 padding: 3rem;
33349 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
33350 margin-bottom: 2rem;
33352 .login-container .login-languagemenu {
33353 display: flex;
33354 justify-content: flex-start;
33356 .login-container .login-languagemenu .dropdown-menu {
33357 max-height: 300px;
33358 overflow-y: auto;
33360 .login-container .login-logo {
33361 display: flex;
33362 justify-content: center;
33363 margin-bottom: 1rem;
33365 .login-container .login-divider {
33366 margin-top: 1.5rem;
33367 margin-bottom: 1.5rem;
33368 border-top: 1px solid #dee2e6;
33370 .login-container h1.login-heading {
33371 font-size: 1.875rem;
33373 .login-container h2.login-heading {
33374 font-size: 1.40625rem;
33376 .login-container .login-identityproviders .login-identityprovider-btn {
33377 border: 1px solid #dee2e6;
33379 .login-container .divider {
33380 width: 1px;
33381 background-color: #dee2e6;
33382 height: 1.875rem;
33384 .login-container .action-menu-trigger a {
33385 margin: 0.5rem 0;
33388 @media (min-width: 768px) {
33389 .login-container {
33390 width: 500px !important; /* stylelint-disable-line declaration-no-important */
33391 border-radius: 0.25rem;
33394 /* modules.less */
33395 select {
33396 width: auto;
33399 .path-mod .activity-header:not(:empty) {
33400 background-color: #f8f9fa;
33401 margin-bottom: 1rem;
33402 padding-left: 1rem;
33403 padding-right: 1rem;
33404 border-radius: 0.25rem;
33406 .path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
33407 border-bottom: 0;
33409 .path-mod .activity-information .activity-dates {
33410 padding-top: 1rem;
33411 padding-bottom: 1rem;
33412 border-bottom: 1px solid #dee2e6;
33414 .path-mod .activity-information .completion-info {
33415 padding-top: 1rem;
33416 padding-bottom: 1rem;
33417 border-bottom: 1px solid #dee2e6;
33419 .path-mod .activity-description {
33420 padding-top: 1rem;
33421 padding-bottom: 1rem;
33423 .path-mod .activity-description > .box.py-3 {
33424 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
33425 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
33427 .path-mod .activity-description > .box.py-3:empty {
33428 display: none;
33430 .path-mod .automatic-completion-conditions .badge {
33431 font-size: 80%;
33432 padding: 0.5rem;
33433 margin-top: 0.25rem;
33434 mix-blend-mode: multiply;
33436 .path-mod .automatic-completion-conditions .badge.badge-light {
33437 background-color: #e9ecef !important; /* stylelint-disable-line declaration-no-important */
33439 .path-mod .automatic-completion-conditions .badge .icon {
33440 width: 0.7rem;
33441 height: 0.7rem;
33442 font-size: 0.7rem;
33444 .path-mod .automatic-completion-conditions .badge:first-child {
33445 margin-top: 0;
33447 .path-mod .activity-description .no-overflow p:last-child {
33448 padding-bottom: 0;
33449 margin-bottom: 0;
33452 .path-mod-choice .horizontal .choices .option {
33453 display: inline-block;
33456 .path-mod-choice .choices .option label {
33457 vertical-align: top;
33460 .path-mod-forum .forumsearch input,
33461 .path-mod-forum .forumsearch .helptooltip {
33462 margin: 0 3px;
33465 .path-mod-forum .forumheaderlist,
33466 .path-mod-forum .forumheaderlist td {
33467 border: none;
33470 .path-mod-forum .forumheaderlist thead .header,
33471 .path-mod-forum .forumheaderlist tbody .discussion td {
33472 white-space: normal;
33473 vertical-align: top;
33474 padding-left: 0.5em;
33475 padding-right: 0.5em;
33477 .path-mod-forum .forumheaderlist thead .header {
33478 white-space: normal;
33479 vertical-align: top;
33481 .path-mod-forum .forumheaderlist thead .header.replies {
33482 text-align: center;
33484 .path-mod-forum .forumheaderlist thead .header.lastpost {
33485 text-align: right;
33487 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
33488 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
33489 width: 16px;
33490 padding-left: 0.5em;
33491 padding-right: 0.5em;
33493 .path-mod-forum .forumheaderlist .discussion .replies,
33494 .path-mod-forum .forumheaderlist .discussion .lastpost {
33495 white-space: normal;
33497 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33498 .path-mod-forum .forumheaderlist .discussion .replies {
33499 text-align: center;
33501 .path-mod-forum .forumheaderlist .discussion .topic,
33502 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33503 .path-mod-forum .forumheaderlist .discussion .topic.starter,
33504 .path-mod-forum .forumheaderlist .discussion .replies,
33505 .path-mod-forum .forumheaderlist .discussion .lastpost {
33506 vertical-align: top;
33508 .path-mod-forum .discussion-list .topic {
33509 font-weight: inherit;
33512 .discussion-settings-container .custom-select {
33513 width: 100%;
33515 .discussion-settings-container input {
33516 max-width: 100%;
33519 .forumpost {
33520 border: 1px solid #dee2e6;
33521 display: block;
33522 padding: 6px;
33524 .forumpost .header {
33525 margin-bottom: 3px;
33527 .forumpost .picture img {
33528 margin: 3px;
33530 .forumpost .picture img.userpicture {
33531 margin-left: 3px;
33532 margin-right: 10px;
33534 .forumpost .content .posting.fullpost {
33535 margin-top: 8px;
33537 .forumpost .row {
33538 display: block;
33540 .forumpost .row .topic,
33541 .forumpost .row .content-mask,
33542 .forumpost .row .options {
33543 margin-left: 48px;
33545 .forumpost .row.side {
33546 clear: both;
33549 .forumpost .row .left {
33550 width: 48px;
33553 .forumpost .options .commands {
33554 margin-left: 0;
33557 .forumpost .subject {
33558 font-weight: bold;
33561 .forumsearch input[type=text] {
33562 margin-bottom: 0;
33565 #page-mod-forum-view table .fit-content {
33566 width: 1px;
33567 white-space: nowrap;
33569 #page-mod-forum-view table .limit-width {
33570 max-width: 200px;
33571 white-space: nowrap;
33572 text-overflow: ellipsis;
33573 overflow: hidden;
33575 #page-mod-forum-view table .limit-width .author-info {
33576 max-width: calc(100% - 35px - 0.5rem);
33579 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
33580 @keyframes background-highlight {
33581 from {
33582 background-color: rgba(0, 123, 255, 0.5);
33584 to {
33585 background-color: inherit;
33588 .path-mod-forum .nested-v2-display-mode,
33589 .path-mod-forum.nested-v2-display-mode {
33590 /** Reset the badge styling back to pill style. */
33591 /** Style the ratings like a badge. */
33592 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
33593 /** Fix muted text contrast ratios for accessibility. */
33594 /** Make the tag list text screen reader visible only */
33596 .path-mod-forum .nested-v2-display-mode .discussionsubscription,
33597 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
33598 margin-top: 0;
33599 text-align: inherit;
33600 margin-bottom: 0;
33602 .path-mod-forum .nested-v2-display-mode .preload-subscribe,
33603 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
33604 .path-mod-forum.nested-v2-display-mode .preload-subscribe,
33605 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
33606 display: none;
33608 .path-mod-forum .nested-v2-display-mode .post-message,
33609 .path-mod-forum.nested-v2-display-mode .post-message {
33610 line-height: 1.6;
33612 .path-mod-forum .nested-v2-display-mode .indent,
33613 .path-mod-forum.nested-v2-display-mode .indent {
33614 margin-left: 0;
33616 .path-mod-forum .nested-v2-display-mode .badge,
33617 .path-mod-forum.nested-v2-display-mode .badge {
33618 font-size: inherit;
33619 font-weight: inherit;
33620 padding-left: 0.5rem;
33621 padding-right: 0.5rem;
33622 border-radius: 10rem;
33624 .path-mod-forum .nested-v2-display-mode .badge-light,
33625 .path-mod-forum.nested-v2-display-mode .badge-light {
33626 background-color: #f6f6f6;
33627 color: #5b5b5b;
33629 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container,
33630 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
33631 background-color: #f6f6f6;
33632 color: #5b5b5b;
33633 padding: 0.25em 0.5em;
33634 line-height: 1;
33635 margin-right: 0.5rem;
33636 vertical-align: middle;
33637 border-radius: 10rem;
33638 text-align: center;
33640 .path-mod-forum .nested-v2-display-mode .ratinginput,
33641 .path-mod-forum.nested-v2-display-mode .ratinginput {
33642 padding: 0.25em 1.75rem 0.25em 0.75em;
33643 line-height: 1;
33644 height: auto;
33645 border-radius: 10rem;
33647 @media (max-width: 767.98px) {
33648 .path-mod-forum .nested-v2-display-mode .ratinginput,
33649 .path-mod-forum.nested-v2-display-mode .ratinginput {
33650 margin-top: 0.5rem;
33653 .path-mod-forum .nested-v2-display-mode .group-image,
33654 .path-mod-forum.nested-v2-display-mode .group-image {
33655 width: 35px;
33656 height: 35px;
33657 margin-right: 0;
33658 float: none;
33659 display: inline-block;
33661 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked,
33662 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
33663 position: absolute;
33664 width: 1px;
33665 height: 1px;
33666 padding: 0;
33667 margin: -1px;
33668 overflow: hidden;
33669 clip: rect(0, 0, 0, 0);
33670 white-space: nowrap;
33671 border: 0;
33673 .path-mod-forum .nested-v2-display-mode .text-muted,
33674 .path-mod-forum .nested-v2-display-mode .dimmed_text,
33675 .path-mod-forum.nested-v2-display-mode .text-muted,
33676 .path-mod-forum.nested-v2-display-mode .dimmed_text {
33677 color: #707070 !important; /* stylelint-disable-line declaration-no-important */
33679 .path-mod-forum .nested-v2-display-mode .author-header,
33680 .path-mod-forum.nested-v2-display-mode .author-header {
33681 font-style: italic;
33683 .path-mod-forum .nested-v2-display-mode .author-header .author-name,
33684 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
33685 font-style: normal;
33687 .path-mod-forum .nested-v2-display-mode .tag_list > b,
33688 .path-mod-forum.nested-v2-display-mode .tag_list > b {
33689 position: absolute;
33690 width: 1px;
33691 height: 1px;
33692 padding: 0;
33693 margin: -1px;
33694 overflow: hidden;
33695 clip: rect(0, 0, 0, 0);
33696 white-space: nowrap;
33697 border: 0;
33699 .path-mod-forum .nested-v2-display-mode :target > .focus-target,
33700 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
33701 animation-name: background-highlight;
33702 animation-duration: 1s;
33703 animation-timing-function: ease-in-out;
33704 animation-iteration-count: 1;
33706 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
33707 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
33708 border-top: 1px solid #dee2e6;
33709 padding-top: 1.5rem;
33711 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
33712 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
33713 border-top: none;
33714 padding-top: 0;
33716 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
33717 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
33718 display: none;
33720 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
33721 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
33722 margin-bottom: 0;
33724 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
33725 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
33726 width: 70px;
33727 margin-right: 24px;
33728 flex-shrink: 0;
33730 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
33731 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
33732 border: 0;
33733 resize: none;
33735 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
33736 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
33738 * The first post and first set of replies have a larger author image so offset the 2nd
33739 * set of replies by the image width + margin to ensure they align.
33742 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
33743 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
33744 padding-left: 94px;
33746 * Reduce the size of the the author image for all second level replies (and below).
33749 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
33752 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
33753 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
33754 width: 30px;
33755 margin-right: 8px;
33756 padding-top: 3px;
33758 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
33759 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
33760 padding-left: 38px;
33762 * Stop indenting the replies after the 5th reply.
33765 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
33766 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
33767 padding-left: 0;
33770 /** Extra small devices (portrait phones, less than 576px). */
33771 @media (max-width: 767.98px) {
33772 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
33773 width: 30px;
33774 margin-right: 8px;
33776 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
33777 padding-left: 38px;
33779 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
33780 padding-left: 0;
33782 #page-mod-forum-discuss.nested-v2-display-mode .group-image {
33783 width: 30px;
33784 height: 30px;
33787 .filter-scrollable {
33788 overflow-y: auto;
33789 max-height: 25em;
33790 margin-bottom: 1em;
33793 .filter-dates-popover {
33794 width: 100%;
33795 max-width: 41.5em;
33798 /* stylelint-disable-line max-line-length */
33799 @keyframes expandSearchButton {
33800 from {
33801 height: 36px;
33802 width: 36px;
33803 border-radius: 18px;
33804 background-color: #e9ecef;
33806 to {
33807 width: 100%;
33808 height: calc(1.5em + 1rem + 2px);
33809 border-radius: 0;
33810 background-color: #fff;
33811 border-color: #8f959e;
33812 padding-left: calc(0.5rem + 8px);
33813 padding-top: 0.5rem;
33814 padding-bottom: 0.5rem;
33815 font-size: 1.171875rem;
33816 @media (max-width: 1200px) {
33817 font-size: calc(0.9271875rem + 0.32625vw);
33819 line-height: 1.5;
33820 right: 0;
33823 @keyframes collapseSearchButton {
33824 from {
33825 width: 100%;
33826 height: calc(1.5em + 1rem + 2px);
33827 border-radius: 0;
33828 background-color: #fff;
33829 border-color: #8f959e;
33830 padding-left: calc(0.5rem + 8px);
33831 padding-top: 0.5rem;
33832 padding-bottom: 0.5rem;
33833 font-size: 1.171875rem;
33834 @media (max-width: 1200px) {
33835 font-size: calc(0.9271875rem + 0.32625vw);
33837 line-height: 1.5;
33838 right: 0;
33840 to {
33841 height: 36px;
33842 width: 36px;
33843 border-radius: 18px;
33844 background-color: #e9ecef;
33847 .path-mod-forum .unified-grader .navbar {
33848 max-height: none;
33849 z-index: 1;
33851 .path-mod-forum .unified-grader .body-container {
33852 overflow: auto;
33854 .path-mod-forum .unified-grader .body-container.hidden {
33855 display: none !important; /* stylelint-disable-line declaration-no-important */
33857 .path-mod-forum .unified-grader .userpicture {
33858 height: 60px;
33859 width: 60px;
33861 .path-mod-forum .unified-grader .grader-grading-panel {
33862 top: 0;
33863 position: absolute;
33864 height: 100%;
33865 z-index: 0;
33866 width: 430px;
33868 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
33869 right: -430px;
33871 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
33872 width: 36px;
33874 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
33875 max-width: 240px;
33877 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
33878 width: 36px;
33879 height: 36px;
33880 display: flex;
33881 text-align: center;
33882 align-items: center;
33883 justify-content: center;
33885 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
33886 height: 65px;
33887 position: relative;
33888 overflow: hidden;
33890 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
33891 position: absolute;
33892 top: 50%;
33893 left: 0;
33894 transform: translateY(-50%);
33895 width: 100%;
33896 height: 100%;
33897 padding: 0.5rem;
33898 padding-right: calc(36px + 0.5rem);
33899 opacity: 1;
33900 visibility: visible;
33901 transition: left 0.3s ease-in-out;
33902 z-index: 1;
33904 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
33905 animation-name: expandSearchButton;
33906 animation-duration: 0.3s;
33907 animation-timing-function: ease-in-out;
33909 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
33910 display: block;
33911 animation-name: collapseSearchButton;
33912 animation-duration: 0.3s;
33914 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
33915 overflow: hidden;
33916 position: absolute;
33917 top: 50%;
33918 right: 0;
33919 transform: translateY(-50%);
33920 z-index: 2;
33921 width: 100%;
33922 height: 100% !important; /* stylelint-disable-line declaration-no-important */
33923 padding: 0.5rem;
33925 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
33926 position: relative;
33927 overflow: visible;
33928 flex-wrap: nowrap;
33930 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
33931 padding-left: calc(0.5rem + 0.5rem + 34px);
33932 padding-right: calc(0.5rem + 36px);
33933 opacity: 1;
33934 visibility: visible;
33935 transition: opacity 0s linear 0.3s, visibility 0s linear;
33937 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
33938 position: absolute;
33939 top: 50%;
33940 left: 0.5rem;
33941 transform: translateY(-50%);
33942 color: #495057;
33943 height: 36px;
33944 width: 34px;
33945 background-color: #fff;
33946 opacity: 1;
33947 visibility: visible;
33948 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
33950 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
33951 position: absolute;
33952 top: 50%;
33953 right: 0.5rem;
33954 transform: translateY(-50%);
33955 z-index: 1;
33956 color: inherit;
33957 text-align: left;
33958 padding-left: 9px;
33959 transition: right 0s linear 0.3s;
33961 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
33962 opacity: 1;
33963 visibility: visible;
33964 max-width: 50px;
33965 max-height: 50px;
33966 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33968 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
33969 opacity: 0;
33970 visibility: hidden;
33971 max-height: 0;
33972 max-width: 0;
33973 overflow: hidden;
33974 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33976 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
33977 width: calc(36px + 0.5rem + 0.5rem);
33978 transition: width 0.3s ease-in-out;
33980 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
33981 flex-wrap: nowrap;
33983 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
33984 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
33985 opacity: 0;
33986 visibility: hidden;
33987 transition: opacity 0s linear, visibility 0s linear;
33989 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
33990 padding-left: 0;
33991 padding-right: 0;
33993 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
33994 opacity: 0;
33995 visibility: hidden;
33996 max-height: 0;
33997 max-width: 0;
33998 overflow: hidden;
33999 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34001 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
34002 opacity: 1;
34003 visibility: visible;
34004 max-width: 50px;
34005 max-height: 50px;
34006 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34008 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
34009 opacity: 0;
34010 visibility: hidden;
34011 left: -100%;
34012 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
34014 .path-mod-forum .unified-grader .grader-module-content {
34015 overflow-y: auto;
34016 margin-right: 430px;
34017 transition: margin-right 0.2s ease-in-out;
34019 @media (prefers-reduced-motion: reduce) {
34020 .path-mod-forum .unified-grader .grader-module-content {
34021 transition: none;
34024 .path-mod-forum .unified-grader .drawer-button {
34025 position: relative;
34027 .path-mod-forum .unified-grader .drawer-button.active::after {
34028 content: "";
34029 position: absolute;
34030 bottom: calc(-0.5rem - 1px);
34031 left: 0;
34032 width: 100%;
34033 height: 3px;
34034 background-color: #0f6cbf;
34036 .path-mod-forum .unified-grader .drawer-button .icon {
34037 font-size: 20px;
34038 height: 20px;
34039 width: 20px;
34041 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
34042 display: none;
34044 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
34045 display: none;
34047 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
34048 position: relative;
34050 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
34051 position: absolute;
34052 height: 100%;
34053 width: 100%;
34054 left: 0;
34055 top: 0;
34056 padding-left: calc(1rem + 45px);
34057 text-align: left;
34058 z-index: 1;
34060 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
34061 display: none;
34063 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
34064 display: block;
34065 height: auto !important; /* stylelint-disable-line declaration-no-important */
34067 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
34068 transition: margin-bottom 0.3s ease-in-out;
34070 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
34071 opacity: 1;
34072 visibility: visible;
34073 max-height: none;
34074 transition: opacity 0.3s linear, visibility 0s linear;
34076 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
34077 opacity: 1;
34078 visibility: visible;
34079 max-height: none;
34080 transition: opacity 0.3s linear, visibility 0s linear;
34082 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
34083 opacity: 1;
34084 visibility: visible;
34085 max-height: none;
34086 transition: opacity 0.3s linear, visibility 0s linear;
34088 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
34089 opacity: 0.3;
34091 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
34092 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
34094 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
34095 opacity: 0;
34096 visibility: hidden;
34097 max-height: 0;
34099 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
34100 opacity: 0;
34101 visibility: hidden;
34102 max-height: 0;
34104 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
34105 opacity: 0;
34106 visibility: hidden;
34107 max-height: 0;
34109 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
34110 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
34111 opacity: 1;
34113 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
34114 height: 250px;
34115 width: 250px;
34116 margin-right: 0;
34118 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
34119 padding-left: 94px;
34121 .path-mod-forum .unified-grader .no-search-results-container .icon {
34122 height: 250px;
34123 width: 250px;
34124 margin-right: 0;
34126 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
34127 margin-left: 94px;
34128 border-radius: 0.3rem;
34130 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
34131 position: relative;
34133 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
34134 position: absolute;
34135 top: calc(70px + 0.5rem);
34136 content: "";
34137 background-color: #e9ecef;
34138 width: 2px;
34139 height: calc(100% - 70px + 0.5rem);
34141 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
34142 width: 30px !important; /* stylelint-disable-line declaration-no-important */
34145 .path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
34146 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
34147 display: none;
34150 @media (max-width: 575.98px) {
34151 .path-mod-forum .unified-grader .grader-grading-panel {
34152 width: 100%;
34153 position: fixed;
34154 height: calc(100vh - 50px);
34155 overflow: scroll;
34156 top: 50px;
34158 .path-mod-forum .unified-grader .body-container {
34159 overflow: visible;
34162 .maincalendar .calendarmonth td,
34163 .maincalendar .calendarmonth th {
34164 border: 1px dotted #dee2e6;
34167 .path-grade-report-grader h1 {
34168 text-align: inherit;
34171 #page-mod-chat-gui_basic input#message {
34172 max-width: 100%;
34175 #page-mod-data-view #singleimage {
34176 width: auto;
34179 .template_heading {
34180 margin-top: 10px;
34183 .breadcrumb-button {
34184 margin-top: 4px;
34187 .breadcrumb-button .singlebutton {
34188 float: left;
34189 margin-left: 4px;
34192 .langmenu form {
34193 margin: 0;
34196 canvas {
34197 -ms-touch-action: auto;
34200 div#dock {
34201 display: none;
34204 /** General styles (scope: all of lesson) **/
34205 .path-mod-lesson .invisiblefieldset.fieldsetfix {
34206 display: block;
34209 .path-mod-lesson .answeroption .checkbox label p {
34210 display: inline;
34213 .path-mod-lesson .slideshow {
34214 overflow: auto;
34215 padding: 15px;
34218 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type=submit] {
34219 white-space: normal;
34222 #page-mod-lesson-view .vertical .singlebutton {
34223 display: block;
34225 #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
34226 margin-left: 0;
34227 margin-top: 1rem;
34229 #page-mod-lesson-view .fitem .felement .custom-select {
34230 align-self: flex-start;
34233 .path-mod-lesson .generaltable td {
34234 vertical-align: middle;
34236 .path-mod-lesson .generaltable td label {
34237 margin-bottom: 0;
34239 .path-mod-lesson .generaltable td .highlight {
34240 display: inline-block;
34241 margin-left: 0.25rem;
34243 .path-mod-lesson .generaltable td input[type=checkbox] {
34244 display: block;
34247 .path-mod-wiki .wiki_headingtitle,
34248 .path-mod-wiki .midpad,
34249 .path-mod-wiki .wiki_headingtime {
34250 text-align: inherit;
34253 .path-mod-wiki .wiki_contentbox {
34254 width: 100%;
34257 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
34258 background-color: rgba(0, 0, 0, 0.03);
34260 .path-mod-survey .surveytable .rblock label {
34261 text-align: center;
34264 .nav .caret {
34265 margin-left: 4px;
34268 .nav .divider {
34269 overflow: hidden;
34270 width: 0;
34273 .userloggedinas .usermenu .usertext,
34274 .userswitchedrole .usermenu .usertext,
34275 .loginfailures .usermenu .usertext {
34276 float: left;
34277 text-align: right;
34278 margin-right: 0.5rem;
34279 height: 35px;
34281 .userloggedinas .usermenu .usertext .meta,
34282 .userswitchedrole .usermenu .usertext .meta,
34283 .loginfailures .usermenu .usertext .meta {
34284 font-size: 0.8203125rem;
34285 align-items: center;
34287 .userloggedinas .usermenu .avatar img,
34288 .userswitchedrole .usermenu .avatar img,
34289 .loginfailures .usermenu .avatar img {
34290 margin: 0;
34293 .userloggedinas .usermenu .userbutton .avatars {
34294 position: relative;
34295 display: inline-block;
34297 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
34298 display: inline-block;
34299 position: absolute;
34300 bottom: 0;
34301 right: 0;
34302 width: 20px;
34303 height: 20px;
34304 border-radius: 50%;
34306 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
34307 vertical-align: baseline;
34309 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
34310 width: 20px;
34311 height: 20px;
34312 border: 1px solid #dee2e6;
34313 background-color: #fff;
34314 font-size: 0.5625rem;
34316 .userloggedinas .usermenu .userbutton .avatars .avatar img {
34317 width: inherit;
34318 height: inherit;
34320 .userloggedinas .usermenu .userbutton .avatars .realuser {
34321 width: 35px;
34322 height: 35px;
34323 display: inline-block;
34326 .userinitials {
34327 background-color: #e9ecef;
34328 vertical-align: middle;
34329 display: inline-flex;
34330 align-items: center;
34331 justify-content: center;
34332 border-radius: 50%;
34333 color: #343a40;
34334 font-weight: normal;
34335 margin-right: 0.25rem;
34337 .userinitials.size-16, .userinitials.size-30 {
34338 font-size: 0.7rem;
34339 width: 30px;
34340 height: 30px;
34342 .userinitials.size-35 {
34343 width: 35px;
34344 height: 35px;
34346 .userinitials.size-50 {
34347 width: 50px;
34348 height: 50px;
34350 .userinitials.size-64 {
34351 width: 64px;
34352 height: 64px;
34354 .userinitials.size-100 {
34355 width: 100px;
34356 height: 100px;
34357 font-size: 1.875rem;
34360 img.userpicture {
34361 margin-right: 0.25rem;
34364 @media (max-width: 767.98px) {
34365 .usertext {
34366 display: none;
34369 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
34370 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
34371 width: auto;
34372 max-width: none;
34375 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
34376 float: left;
34377 width: 20rem;
34378 display: inline-block;
34379 min-height: 12rem;
34382 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
34383 line-height: 1.5;
34384 vertical-align: bottom;
34387 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
34388 width: auto;
34389 height: 22px;
34390 justify-content: flex-start;
34393 #page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
34394 width: 90%;
34395 height: 22px;
34398 .path-mod-quiz #mod_quiz_navblock .qnbutton {
34399 text-decoration: none;
34400 font-size: 14px;
34401 line-height: 20px;
34402 font-weight: normal;
34403 background-color: #fff;
34404 background-image: none;
34405 height: 40px;
34406 width: 30px;
34407 border-radius: 3px;
34408 border: 0;
34409 overflow: hidden;
34410 white-space: nowrap;
34411 margin: 0 6px 6px 0;
34413 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
34414 cursor: default;
34415 background-color: #e9ecef;
34416 color: #495057;
34418 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
34419 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
34420 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
34421 text-decoration: underline;
34423 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
34424 border: 1px solid;
34425 border-radius: 3px;
34426 z-index: 1;
34428 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
34429 border-width: 3px;
34431 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
34432 border-width: 1px;
34434 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
34435 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
34437 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
34438 border: 0;
34439 background: #fff none center/10px no-repeat scroll;
34440 height: 20px;
34441 margin-top: 20px;
34442 border-radius: 0 0 3px 3px;
34444 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
34445 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34446 background-color: #fff;
34448 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34449 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
34451 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
34452 background-image: url([[pix:theme|mod/quiz/checkmark]]);
34453 background-color: #357a32;
34455 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
34456 background-image: url([[pix:core|t/locked]]);
34457 background-color: #e9ecef;
34459 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
34460 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
34461 background-color: #ca3120;
34463 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
34464 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
34465 background-color: #f0ad4e;
34467 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
34468 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
34469 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
34470 background-color: #6a737b;
34473 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
34474 height: 1.4em;
34475 vertical-align: middle;
34478 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
34479 padding: 0.5em 0 0.5em 0.1em;
34480 margin: 2px;
34483 /* Countdown timer. */
34484 #page-mod-quiz-attempt #region-main {
34485 overflow-x: inherit;
34488 #quiz-timer-wrapper {
34489 display: none;
34490 position: sticky;
34491 justify-content: end;
34492 top: 55px;
34493 z-index: 1020;
34495 #quiz-timer-wrapper #quiz-timer {
34496 border: 1px solid #ca3120;
34497 background-color: #fff;
34500 .pagelayout-embedded #quiz-timer-wrapper {
34501 top: 5px;
34504 #quiz-timer-wrapper #quiz-timer.timeleft0 {
34505 background-color: #ca3120;
34506 color: #fff;
34509 #quiz-timer-wrapper #quiz-timer.timeleft1 {
34510 background-color: #d73422;
34511 color: #fff;
34514 #quiz-timer-wrapper #quiz-timer.timeleft2 {
34515 background-color: #dd3d2b;
34516 color: #fff;
34519 #quiz-timer-wrapper #quiz-timer.timeleft3 {
34520 background-color: #e04938;
34521 color: #fff;
34524 #quiz-timer-wrapper #quiz-timer.timeleft4 {
34525 background-color: #e25546;
34526 color: #fff;
34529 #quiz-timer-wrapper #quiz-timer.timeleft5 {
34530 background-color: #e46153;
34531 color: #fff;
34534 #quiz-timer-wrapper #quiz-timer.timeleft6 {
34535 background-color: #e66d60;
34536 color: #fff;
34539 #quiz-timer-wrapper #quiz-timer.timeleft7 {
34540 background-color: #e8796d;
34541 color: #1d2125;
34544 #quiz-timer-wrapper #quiz-timer.timeleft8 {
34545 background-color: #ea867a;
34546 color: #1d2125;
34549 #quiz-timer-wrapper #quiz-timer.timeleft9 {
34550 background-color: #ec9288;
34551 color: #1d2125;
34554 #quiz-timer-wrapper #quiz-timer.timeleft10 {
34555 background-color: #ee9e95;
34556 color: #1d2125;
34559 #quiz-timer-wrapper #quiz-timer.timeleft11 {
34560 background-color: #f0aaa2;
34561 color: #1d2125;
34564 #quiz-timer-wrapper #quiz-timer.timeleft12 {
34565 background-color: #f2b6af;
34566 color: #1d2125;
34569 #quiz-timer-wrapper #quiz-timer.timeleft13 {
34570 background-color: #f4c2bc;
34571 color: #1d2125;
34574 #quiz-timer-wrapper #quiz-timer.timeleft14 {
34575 background-color: #f7ceca;
34576 color: #1d2125;
34579 #quiz-timer-wrapper #quiz-timer.timeleft15 {
34580 background-color: #f9dad7;
34581 color: #1d2125;
34584 #quiz-timer-wrapper #quiz-timer.timeleft16 {
34585 background-color: #fbe6e4;
34586 color: #1d2125;
34589 .path-mod-assign [data-region=grade-actions-panel] [data-region=grade-actions] .collapse-buttons {
34590 top: auto;
34593 .path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
34594 height: calc(100% - 4rem);
34597 .path-mod-assign [data-region=grade-panel] {
34598 padding-top: 1rem;
34601 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-3,
34602 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-9 {
34603 width: 100%;
34604 padding: 0;
34605 max-width: 100%;
34606 flex: none;
34609 .path-mod-assign [data-region=grade-panel] fieldset,
34610 .path-mod-assign [data-region=grade-panel] .fitem.row {
34611 margin: 0;
34614 .path-mod-assign [data-region=grade-panel] .mform .fitem.has-popout .felement {
34615 width: 100%;
34616 overflow: auto;
34617 height: calc(100% - 4rem);
34620 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement {
34621 width: auto;
34624 .path-mod-assign [data-region=grade-panel] .popout {
34625 background-color: #fff;
34628 .path-mod-assign [data-region=grade-panel] .fitem.has-popout {
34629 background-color: #fff;
34630 border-radius: 0.25rem;
34631 border: 1px solid rgba(0, 0, 0, 0.125);
34632 padding: 1.25rem;
34633 margin-bottom: 1rem;
34636 .path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
34637 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
34638 margin-bottom: 1rem;
34641 .path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
34642 display: flex;
34643 align-items: flex-start;
34644 justify-content: space-between;
34645 font-size: 1.40625rem;
34648 .path-mod-assign [data-region=grade-panel] .popout [data-region=popout-button] {
34649 margin-top: 0;
34652 .path-mod-assign [data-region=assignment-info] {
34653 overflow-y: hidden;
34656 .path-mod-assign [data-region=grading-navigation] {
34657 padding: 6px;
34660 .path-mod-assign [data-region=grade-actions] {
34661 padding: 10px;
34664 .path-mod-assign [data-region=user-info] .img-rounded {
34665 margin-top: 0;
34668 .path-mod-assign [data-region=grading-navigation-panel] {
34669 height: 85px;
34672 @media (max-width: 767px) {
34673 .path-mod-assign [data-region=grading-navigation-panel] {
34674 height: auto;
34676 .path-mod-assign [data-region=user-info] {
34677 margin-top: 1rem;
34680 .path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
34681 width: auto;
34682 display: inline-block;
34686 * Assign feedback.
34688 .assignfeedback_editpdf_widget * {
34689 box-sizing: content-box;
34692 .assignfeedback_editpdf_widget button {
34693 box-sizing: border-box;
34696 .assignfeedback_editpdf_widget .commentcolourbutton img {
34697 border-width: 0;
34700 .assignfeedback_editpdf_widget .label {
34701 position: relative;
34702 padding: 0.75rem 1.25rem;
34703 margin-bottom: 1rem;
34704 border: 0 solid transparent;
34705 border-radius: 0.25rem;
34706 color: #00434e;
34707 background-color: #cce6ea;
34708 border-color: #b8dce2;
34709 /* stylelint-disable-line max-line-length */
34711 .assignfeedback_editpdf_widget .label hr {
34712 border-top-color: #a6d3db;
34714 .assignfeedback_editpdf_widget .label .alert-link {
34715 color: #00171b;
34718 .assignfeedback_editpdf_menu {
34719 padding: 0;
34722 .path-mod-assign [data-region=grade-panel] .gradingform_guide .remark .commentchooser {
34723 float: none;
34726 .path-mod-assign [data-region=grade-panel] .gradingform_guide .markingguideremark {
34727 width: 100%;
34730 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement[data-fieldtype=grading] {
34731 padding-left: 1rem;
34732 padding-right: 1rem;
34735 .path-mod-assign [data-region=grade-panel] .showmarkerdesc,
34736 .path-mod-assign [data-region=grade-panel] .showstudentdesc {
34737 background-color: #fff;
34741 * Mod LTI.
34743 .path-admin-mod-lti .btn .loader img,
34744 .path-admin-mod-lti #tool-list-loader-container .loader img {
34745 height: auto;
34748 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
34749 background-color: #fff;
34751 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
34752 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
34753 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
34754 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34755 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34756 border: 0;
34758 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34759 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34760 border-radius: 0;
34762 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
34763 background-color: transparent;
34765 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
34766 background-color: #f8f9fa;
34768 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
34769 padding: 0 !important; /* stylelint-disable-line declaration-no-important */
34771 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
34772 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
34773 border: 0;
34774 padding: 3px 15px;
34775 white-space: nowrap;
34776 margin-bottom: 0;
34778 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
34779 padding: 10px 5px;
34781 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
34782 border-top: 1px solid #dee2e6;
34783 border-bottom: 1px solid #fff;
34785 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
34786 border-top: 1px solid #fff;
34787 border-bottom: 1px solid #dee2e6;
34788 padding: 5px 10px;
34790 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
34791 margin-right: 8px;
34792 border: 1px solid #ccc;
34793 border-radius: 4px;
34794 max-width: none;
34796 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
34797 margin: 20px 25px;
34799 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
34800 text-align: center;
34801 margin: 10px 0;
34802 font-size: 0.8203125rem;
34803 color: #495057;
34805 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34806 margin-bottom: 0.75rem;
34807 border-radius: 0.25rem;
34808 border: 1px solid rgba(0, 0, 0, 0.125);
34809 padding: 1.25rem;
34811 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
34812 float: right;
34813 font-size: 11px;
34814 color: #495057;
34816 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34817 background-color: #fff;
34819 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
34820 font-weight: bold;
34823 /* reports.less */
34824 #page-report-participation-index .participationselectform div label {
34825 display: inline-block;
34826 margin: 0 5px;
34829 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
34830 margin-left: 0;
34833 .path-backup .mform {
34834 /* These are long labels with checkboxes on the right. */
34836 .path-backup .mform .grouped_settings {
34837 clear: both;
34838 overflow: hidden;
34839 /* Use card styles but avoid extend because that brings in too much. */
34841 .path-backup .mform .grouped_settings.section_level {
34842 background-color: #fff;
34843 border-radius: 0.25rem;
34844 border: 1px solid rgba(0, 0, 0, 0.125);
34845 padding: 1.25rem;
34846 margin-bottom: 1.25rem;
34848 .path-backup .mform .grouped_settings.section_level::after {
34849 display: block;
34850 clear: both;
34851 content: "";
34853 .path-backup .mform .include_setting {
34854 width: 50%;
34855 display: inline-block;
34856 float: left;
34857 padding: 0.3rem;
34859 .path-backup .mform .normal_setting {
34860 width: 50%;
34861 display: inline-block;
34862 float: left;
34863 padding: 0.3rem;
34866 .path-backup {
34867 /* Bold section labels */
34869 .path-backup .section_level {
34870 font-weight: bold;
34872 .path-backup .section_level .activity_level {
34873 font-weight: normal;
34875 .path-backup .proceedbutton {
34876 margin-left: auto;
34879 /* Override the columns width to leave more room for the labels. */
34880 .path-backup .mform .root_setting,
34881 .path-backup .mform .grouped_settings {
34882 /* Striped rows like a table */
34884 .path-backup .mform .root_setting:nth-of-type(odd),
34885 .path-backup .mform .grouped_settings:nth-of-type(odd) {
34886 background-color: rgba(0, 0, 0, 0.03);
34888 .path-backup .mform .root_setting:nth-of-type(even),
34889 .path-backup .mform .grouped_settings:nth-of-type(even) {
34890 background-color: #fff;
34892 .path-backup .mform .root_setting .fitem,
34893 .path-backup .mform .grouped_settings .fitem {
34894 /* These checkboxes with no label on the left. */
34896 .path-backup .mform .root_setting .fitem .col-md-3.checkbox,
34897 .path-backup .mform .grouped_settings .fitem .col-md-3.checkbox {
34898 width: 0%;
34900 .path-backup .mform .root_setting .fitem .col-md-9.checkbox,
34901 .path-backup .mform .grouped_settings .fitem .col-md-9.checkbox {
34902 width: 100%;
34903 left: 0;
34906 /* Detail pair is (usually) some short label with a longer value */
34907 .path-backup .detail-pair .detail-pair-label {
34908 width: 25%;
34909 float: left;
34910 clear: left;
34912 .path-backup .detail-pair .detail-pair-value {
34913 width: 75%;
34914 float: left;
34917 .path-backup .backup-restore .singlebutton {
34918 float: right;
34921 /* Make these bits full width and work with the detail-pair */
34922 .path-backup .backup-section {
34923 /* Fix for nested table headers */
34924 /* Add card styles to backup sections */
34925 background-color: #fff;
34926 border-radius: 0.25rem;
34927 border: 1px solid rgba(0, 0, 0, 0.125);
34928 padding: 1.25rem;
34929 margin-bottom: 1.25rem;
34931 .path-backup .backup-section .sub-header,
34932 .path-backup .backup-section .backup-sub-section,
34933 .path-backup .backup-section .singlebutton,
34934 .path-backup .backup-section .header {
34935 width: 100%;
34936 float: left;
34937 clear: both;
34939 .path-backup .backup-section th.header {
34940 width: auto;
34941 float: none;
34943 .path-backup .backup-section ::after {
34944 content: "";
34945 display: table;
34946 clear: both;
34948 .path-backup .backup-section::after {
34949 display: block;
34950 clear: both;
34951 content: "";
34954 .path-backup .notification.dependencies_enforced {
34955 color: #ca3120;
34956 font-weight: bold;
34959 .path-backup .backup_progress {
34960 margin-top: 1rem;
34961 margin-bottom: 1rem;
34963 .path-backup .backup_progress .backup_stage {
34964 color: #6a737b;
34966 .path-backup .backup_progress .backup_stage.backup_stage_current {
34967 font-weight: bold;
34968 color: inherit;
34971 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
34972 color: inherit;
34975 #page-backup-restore .filealiasesfailures {
34976 background-color: #f4d6d2;
34978 #page-backup-restore .filealiasesfailures .aliaseslist {
34979 background-color: #fff;
34982 .path-backup .wibbler {
34983 width: 500px;
34984 margin: 0 auto 10px;
34985 border-bottom: 1px solid #000;
34986 border-right: 1px solid #000;
34987 border-left: 1px solid #000;
34988 position: relative;
34989 min-height: 4px;
34991 .path-backup .wibbler .wibble {
34992 position: absolute;
34993 left: 0;
34994 right: 0;
34995 top: 0;
34996 height: 4px;
34998 .path-backup .wibbler .state0 {
34999 background: #eee;
35001 .path-backup .wibbler .state1 {
35002 background: #ddd;
35004 .path-backup .wibbler .state2 {
35005 background: #ccc;
35007 .path-backup .wibbler .state3 {
35008 background: #bbb;
35010 .path-backup .wibbler .state4 {
35011 background: #aaa;
35013 .path-backup .wibbler .state5 {
35014 background: #999;
35016 .path-backup .wibbler .state6 {
35017 background: #888;
35019 .path-backup .wibbler .state7 {
35020 background: #777;
35022 .path-backup .wibbler .state8 {
35023 background: #666;
35025 .path-backup .wibbler .state9 {
35026 background: #555;
35028 .path-backup .wibbler .state10 {
35029 background: #444;
35031 .path-backup .wibbler .state11 {
35032 background: #333;
35034 .path-backup .wibbler .state12 {
35035 background: #222;
35038 .generaltable {
35039 width: 100%;
35040 margin-bottom: 1rem;
35041 color: #1d2125;
35043 .generaltable th,
35044 .generaltable td {
35045 padding: 0.75rem;
35046 vertical-align: top;
35047 border-top: 1px solid #dee2e6;
35049 .generaltable th .form-check,
35050 .generaltable td .form-check {
35051 padding: 0;
35053 .generaltable thead th,
35054 .generaltable thead td {
35055 vertical-align: bottom;
35056 border-bottom: 2px solid #dee2e6;
35058 .generaltable tbody + tbody {
35059 border-top: 2px solid #dee2e6;
35061 .generaltable tbody tr:nth-of-type(odd) {
35062 background-color: rgba(0, 0, 0, 0.03);
35064 .generaltable thead .sticky-column,
35065 .generaltable tbody tr:nth-of-type(even) {
35066 background-color: #fff;
35068 .generaltable tbody tr:nth-of-type(odd) .sticky-column {
35069 background-color: rgba(0, 0, 0, 0.03);
35071 .generaltable.table-sm th,
35072 .generaltable.table-sm td {
35073 padding: 0.3rem;
35075 .generaltable tbody tr:hover {
35076 color: #1d2125;
35077 background-color: rgba(0, 0, 0, 0.075);
35079 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
35080 color: #1d2125;
35082 .generaltable tbody tr:hover td.sticky-column {
35083 background-color: rgba(0, 0, 0, 0.075);
35086 table caption {
35087 font-size: 24px;
35088 font-weight: bold;
35089 line-height: 42px;
35090 text-align: left;
35091 caption-side: top;
35093 table .sticky-column {
35094 position: sticky;
35095 left: 0;
35096 background-color: inherit;
35099 .table-dynamic .loading-icon {
35100 position: absolute;
35101 left: calc(50% - 1.5rem);
35102 top: 200px;
35104 .table-dynamic .loading-icon .icon {
35105 height: 3rem;
35106 width: 3rem;
35107 font-size: 3rem;
35110 .singlebutton {
35111 display: inline-block;
35113 .singlebutton + .singlebutton {
35114 margin-left: 0.5rem;
35117 .continuebutton {
35118 text-align: center;
35121 p.arrow_button {
35122 margin-top: 5em;
35123 text-align: center;
35126 #addcontrols {
35127 margin-top: 11.25rem;
35128 text-align: center;
35129 margin-bottom: 3em;
35131 #addcontrols label {
35132 display: inline;
35135 #addcontrols input,
35136 #removecontrols input {
35137 width: 100%;
35138 margin: auto;
35141 .btn-lineup {
35142 margin: 0 0 10px 5px;
35145 .btn.btn-icon {
35146 height: 36px;
35147 width: 36px;
35148 font-size: 16px;
35149 line-height: 16px;
35150 padding: 0;
35151 border-radius: 50%;
35152 flex-shrink: 0;
35154 .btn.btn-icon:hover, .btn.btn-icon:focus {
35155 background-color: #e9ecef;
35157 .btn.btn-icon.icon-size-0 {
35158 height: 20px !important; /* stylelint-disable-line declaration-no-important */
35159 width: 20px !important; /* stylelint-disable-line declaration-no-important */
35160 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
35161 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
35163 .btn.btn-icon.icon-size-1 {
35164 height: 24px !important; /* stylelint-disable-line declaration-no-important */
35165 width: 24px !important; /* stylelint-disable-line declaration-no-important */
35166 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
35167 line-height: 4px !important; /* stylelint-disable-line declaration-no-important */
35169 .btn.btn-icon.icon-size-2 {
35170 height: 28px !important; /* stylelint-disable-line declaration-no-important */
35171 width: 28px !important; /* stylelint-disable-line declaration-no-important */
35172 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
35173 line-height: 8px !important; /* stylelint-disable-line declaration-no-important */
35175 .btn.btn-icon.icon-size-3 {
35176 height: 36px !important; /* stylelint-disable-line declaration-no-important */
35177 width: 36px !important; /* stylelint-disable-line declaration-no-important */
35178 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
35179 line-height: 16px !important; /* stylelint-disable-line declaration-no-important */
35181 .btn.btn-icon.icon-size-4 {
35182 height: 44px !important; /* stylelint-disable-line declaration-no-important */
35183 width: 44px !important; /* stylelint-disable-line declaration-no-important */
35184 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
35185 line-height: 24px !important; /* stylelint-disable-line declaration-no-important */
35187 .btn.btn-icon.icon-size-5 {
35188 height: 52px !important; /* stylelint-disable-line declaration-no-important */
35189 width: 52px !important; /* stylelint-disable-line declaration-no-important */
35190 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
35191 line-height: 32px !important; /* stylelint-disable-line declaration-no-important */
35193 .btn.btn-icon.icon-size-6 {
35194 height: 60px !important; /* stylelint-disable-line declaration-no-important */
35195 width: 60px !important; /* stylelint-disable-line declaration-no-important */
35196 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
35197 line-height: 40px !important; /* stylelint-disable-line declaration-no-important */
35199 .btn.btn-icon.icon-size-7 {
35200 height: 68px !important; /* stylelint-disable-line declaration-no-important */
35201 width: 68px !important; /* stylelint-disable-line declaration-no-important */
35202 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
35203 line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
35206 .btn.btn-icon.icons-collapse-expand {
35207 color: #0f6cbf;
35208 background-color: #f5f9fc;
35210 .btn.btn-icon.icons-collapse-expand:hover {
35211 outline: 2px solid #0f6cbf;
35214 .btn-primary:focus, .btn-primary.focus {
35215 outline: 0.2rem solid #000102;
35216 box-shadow: inset 0 0 0 2px #fff;
35219 .btn-secondary:focus, .btn-secondary.focus {
35220 outline: 0.2rem solid #5f6e7d;
35221 box-shadow: inset 0 0 0 2px #fff;
35224 .btn-success:focus, .btn-success.focus {
35225 outline: 0.2rem solid black;
35226 box-shadow: inset 0 0 0 2px #fff;
35229 .btn-info:focus, .btn-info.focus {
35230 outline: 0.2rem solid black;
35231 box-shadow: inset 0 0 0 2px #fff;
35234 .btn-warning:focus, .btn-warning.focus {
35235 outline: 0.2rem solid #694109;
35236 box-shadow: inset 0 0 0 2px #fff;
35239 .btn-danger:focus, .btn-danger.focus {
35240 outline: 0.2rem solid #1a0604;
35241 box-shadow: inset 0 0 0 2px #fff;
35244 .btn-light:focus, .btn-light.focus {
35245 outline: 0.2rem solid #8193a5;
35246 box-shadow: inset 0 0 0 2px #fff;
35249 .btn-dark:focus, .btn-dark.focus {
35250 outline: 0.2rem solid black;
35251 box-shadow: inset 0 0 0 2px #fff;
35254 .btn-outline-primary:focus, .btn-outline-primary.focus {
35255 outline: 0.2rem solid #000102;
35256 box-shadow: inset 0 0 0 2px #343a40;
35259 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
35260 outline: 0.2rem solid #5f6e7d;
35261 box-shadow: inset 0 0 0 2px #343a40;
35264 .btn-outline-success:focus, .btn-outline-success.focus {
35265 outline: 0.2rem solid black;
35266 box-shadow: inset 0 0 0 2px #343a40;
35269 .btn-outline-info:focus, .btn-outline-info.focus {
35270 outline: 0.2rem solid black;
35271 box-shadow: inset 0 0 0 2px #343a40;
35274 .btn-outline-warning:focus, .btn-outline-warning.focus {
35275 outline: 0.2rem solid #694109;
35276 box-shadow: inset 0 0 0 2px #343a40;
35279 .btn-outline-danger:focus, .btn-outline-danger.focus {
35280 outline: 0.2rem solid #1a0604;
35281 box-shadow: inset 0 0 0 2px #343a40;
35284 .btn-outline-light:focus, .btn-outline-light.focus {
35285 outline: 0.2rem solid #8193a5;
35286 box-shadow: inset 0 0 0 2px #343a40;
35289 .btn-outline-dark:focus, .btn-outline-dark.focus {
35290 outline: 0.2rem solid black;
35291 box-shadow: inset 0 0 0 2px #343a40;
35294 .gradetreebox {
35295 margin: 20px 0 30px 0;
35297 .gradetreebox h4 {
35298 font-size: 0.9375rem;
35300 .gradetreebox th.cell,
35301 .gradetreebox input[type=text] {
35302 width: auto;
35304 .gradetreebox input[type=text],
35305 .gradetreebox select {
35306 margin-bottom: 0;
35309 .core_grades_notices .singlebutton {
35310 display: inline-block;
35313 .path-grade-report #maincontent + .urlselect {
35314 position: absolute;
35315 left: 40vw;
35318 .path-grade-report-grader #region-main {
35319 min-width: 100%;
35320 width: auto;
35321 display: flex;
35322 flex-direction: column;
35324 .path-grade-report-grader #region-main > .card {
35325 width: auto;
35326 overflow-x: initial;
35328 .path-grade-report-grader #region-main div[role=main] {
35329 flex: 1 1 auto;
35331 .path-grade-report-grader [data-region=blocks-column] {
35332 width: 100%;
35333 clear: both;
35336 .path-grade-report-grader .gradepass,
35337 .path-grade-report-user .gradepass {
35338 color: #357a32;
35340 .path-grade-report-grader .gradefail,
35341 .path-grade-report-user .gradefail {
35342 color: #ca3120;
35345 .path-grade #region-main {
35346 overflow-x: visible;
35348 .path-grade .user-heading .userinitials {
35349 width: 50px;
35350 height: 50px;
35353 #page-grade-grading-manage #activemethodselector label {
35354 display: inline-block;
35356 #page-grade-grading-manage #activemethodselector .helptooltip {
35357 margin-right: 0.5em;
35359 #page-grade-grading-manage .actions {
35360 display: block;
35361 text-align: center;
35362 margin-bottom: 1em;
35364 #page-grade-grading-manage .actions .action {
35365 display: inline-block;
35366 position: relative;
35367 vertical-align: top;
35368 width: 150px;
35369 text-align: center;
35370 overflow: hidden;
35371 margin: 0.5em;
35372 padding: 1em;
35373 border: 1px solid #aaa;
35375 #page-grade-grading-manage .actions .action .action-text {
35376 position: relative;
35377 top: 0.4em;
35378 font-size: 14px;
35379 white-space: normal;
35382 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
35383 font-size: 70%;
35386 .gradingform_rubric {
35387 margin-bottom: 1em;
35389 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
35390 background: #dff0d8;
35392 .gradingform_rubric.evaluate .criterion .levels .level.checked {
35393 border: none;
35394 border-left: 1px solid #dee2e6;
35396 .gradingform_rubric .criterion .description {
35397 vertical-align: top;
35398 padding: 6px;
35400 .gradingform_rubric .criterion .description textarea {
35401 margin-bottom: 0;
35402 height: 115px;
35404 .gradingform_rubric .criterion .definition textarea {
35405 width: 80%;
35406 margin-bottom: 0;
35408 .gradingform_rubric .criterion .score {
35409 margin-top: 5px;
35410 margin-right: 28px;
35411 font-style: italic;
35412 font-weight: bold;
35413 color: #2d662a;
35415 .gradingform_rubric .criterion .score input {
35416 margin-bottom: 0;
35418 .gradingform_rubric .criterion .level {
35419 vertical-align: top;
35420 padding: 6px;
35422 .gradingform_rubric .criterion .level.currentchecked {
35423 background: #fff0f0;
35425 .gradingform_rubric .criterion .level.checked {
35426 background: #d0ffd0;
35427 border: 1px solid #555;
35429 .gradingform_rubric .criterion .level .delete {
35430 position: relative;
35431 width: 32px;
35432 height: 32px;
35433 margin-top: -32px;
35434 clear: both;
35435 float: right;
35437 .gradingform_rubric .criterion .level .delete input {
35438 display: block;
35439 position: absolute;
35440 right: 0;
35441 bottom: 0;
35442 height: 24px;
35443 width: 24px;
35444 margin: 0;
35446 .gradingform_rubric .criterion .level .delete input:hover {
35447 background-color: #ddd;
35449 .gradingform_rubric .criterion .scorevalue input {
35450 float: none;
35451 width: 2em;
35453 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
35454 width: 0;
35456 .gradingform_rubric .criterion .addlevel {
35457 vertical-align: top;
35458 padding-top: 6px;
35460 .gradingform_rubric .criterion .addlevel input {
35461 height: 30px;
35462 line-height: 1rem;
35464 .gradingform_rubric .addcriterion {
35465 margin-left: 5px;
35466 padding: 0;
35467 margin-bottom: 1em;
35469 .gradingform_rubric .addcriterion input {
35470 margin: 0;
35471 color: inherit;
35472 text-shadow: inherit;
35473 border: 0 none;
35474 line-height: inherit;
35475 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
35476 padding-left: 26px;
35478 .gradingform_rubric .options {
35479 clear: both;
35481 .gradingform_rubric .options .option label {
35482 margin: 0;
35483 padding: 0;
35484 font-size: inherit;
35485 font-weight: normal;
35486 line-height: 2em;
35487 color: inherit;
35488 text-shadow: none;
35489 background-color: transparent;
35491 .gradingform_rubric .options .option input {
35492 margin-left: 5px;
35493 margin-right: 12px;
35496 .grade-display .description {
35497 font-size: 1rem;
35500 .criterion .description {
35501 font-size: 1rem;
35503 .criterion .criterion-toggle .expanded-icon {
35504 display: block;
35506 .criterion .criterion-toggle .collapsed-icon {
35507 display: none;
35509 .criterion .criterion-toggle.collapsed .expanded-icon {
35510 display: none;
35512 .criterion .criterion-toggle.collapsed .collapsed-icon {
35513 display: block;
35516 .path-grade-edit-tree .collapse-list .unlist {
35517 padding-left: 2rem;
35519 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode]:focus > .collapse-list-item:first-child {
35520 background-color: #e0f0f2;
35521 border-color: #b8dce2;
35523 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][data-selected=true] > .collapse-list-item:first-child {
35524 background-color: #e0f0f2;
35525 border-color: #b8dce2;
35526 color: #0f6cbf;
35528 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode] .collapse-list-item-content[aria-hidden=true] {
35529 display: none;
35531 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=true] > .collapse-list-item .collapsed-icon {
35532 display: none;
35534 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=false] > .collapse-list-item .expanded-icon {
35535 display: none;
35537 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
35538 padding: 0.5rem 1rem;
35539 cursor: pointer;
35541 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
35542 font-weight: bold;
35544 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
35545 color: #1d2125;
35546 padding: 0 0.2rem;
35547 margin-right: 0.3rem;
35549 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
35550 font-size: 12px;
35551 width: 12px;
35552 height: 12px;
35553 margin: 0;
35555 .path-grade-edit-tree .gradetree-wrapper {
35556 padding: 10px 10px;
35557 background-color: #f8f9fa;
35559 .path-grade-edit-tree .gradetree-wrapper .setup-grades h4 {
35560 margin: 0;
35562 .path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
35563 padding: 0;
35564 width: 24px;
35565 min-width: 24px;
35566 max-width: 24px;
35568 .path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
35569 display: none;
35571 .path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
35572 font-weight: normal;
35573 padding-left: 24px;
35575 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
35576 height: 0.5rem;
35578 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden=true] {
35579 display: none;
35581 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
35582 vertical-align: bottom;
35583 border: none;
35584 text-align: left;
35585 background-color: #f8f9fa;
35587 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
35588 padding: 0;
35589 width: 24px;
35590 min-width: 24px;
35592 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
35593 min-width: 4.5em;
35594 background-color: #f8f9fa;
35595 border: none;
35596 vertical-align: middle;
35598 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small {
35599 font-size: 70%;
35601 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
35602 margin-right: 15px;
35604 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
35605 min-width: 15em;
35607 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
35608 margin-right: 5px;
35610 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
35611 display: none;
35613 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
35614 padding: 0;
35616 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
35617 display: block;
35618 width: 100%;
35619 margin: 5px 0 5px 0;
35620 padding: 3px 0 3px 0;
35622 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
35623 border-top: 2px dashed #8f959e;
35624 margin: 0;
35626 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
35627 border-top: 2px dashed #0f6cbf;
35629 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
35630 background-color: #fff;
35631 border-top: 1px solid #dee2e6;
35632 border-bottom: 1px solid #dee2e6;
35634 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
35635 border-left: 1px solid #dee2e6;
35637 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
35638 border-right: 1px solid #dee2e6;
35640 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
35641 font-weight: bold;
35643 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
35644 display: flex;
35645 min-height: 30px;
35646 align-items: center;
35648 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check {
35649 padding: 0;
35651 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check .itemselect {
35652 margin-right: 5px;
35654 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
35655 height: 24px;
35656 width: 24px;
35657 font-size: 12px;
35658 line-height: 24px;
35659 margin-right: 3px;
35661 .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 {
35662 display: none;
35664 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
35665 font-size: 12px;
35666 width: 12px;
35667 height: 12px;
35668 color: #1d2125;
35669 margin: 0;
35671 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
35672 background-color: #fff;
35673 border-top: 3px solid #f8f9fa;
35675 .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 {
35676 min-width: 4.5em;
35677 background-color: #f8f9fa;
35678 border: none;
35679 vertical-align: middle;
35681 .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 {
35682 padding-left: 0;
35684 .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) {
35685 font-weight: bold;
35687 .path-grade-edit-tree .gradetree-wrapper .badge-light {
35688 color: #1d2125;
35689 background-color: #ced4da;
35690 margin-right: 0.5em;
35691 margin-bottom: 0.5em;
35695 * Grader report.
35697 .path-grade-report-grader .gradeparent tr .cell,
35698 .path-grade-report-grader .gradeparent .floater .cell {
35699 background-color: #fff;
35701 .path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,
35702 .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
35703 z-index: 1;
35705 .path-grade-report-grader .gradeparent table,
35706 .path-grade-report-grader .gradeparent .cell {
35707 border-color: #dee2e6;
35709 .path-grade-report-grader .gradeparent .heading .cell,
35710 .path-grade-report-grader .gradeparent .cell.category,
35711 .path-grade-report-grader .gradeparent .avg .cell {
35712 background-color: #f8f9fa;
35714 .path-grade-report-grader .gradeparent table .clickable {
35715 cursor: pointer;
35717 .path-grade-report-grader .gradeparent tr.heading {
35718 position: sticky;
35719 top: 50px;
35720 z-index: 4;
35722 .path-grade-report-grader .gradeparent tr.userrow th {
35723 z-index: 2;
35725 .path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
35726 z-index: 3;
35728 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
35729 position: sticky;
35730 bottom: -1px;
35732 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
35733 z-index: 4;
35735 .path-grade-report-grader .gradeparent tr.lastrow td,
35736 .path-grade-report-grader .gradeparent tr.lastrow th {
35737 border-top: 1px solid #dee2e6;
35739 .path-grade-report-grader .gradeparent th.header {
35740 left: 0;
35741 position: sticky;
35743 .path-grade-report-grader .gradeparent th.header#studentheader {
35744 z-index: 1;
35746 .path-grade-report-grader .gradeparent td.noborder {
35747 border-right: transparent;
35749 .path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
35750 bottom: calc(max(80px, 0.9375rem * 3) - 1px);
35754 * User report.
35756 .path-grade-report-user .user-grade {
35757 border: none;
35759 .path-grade-report-user .user-grade.generaltable .levelodd {
35760 background-color: rgba(0, 0, 0, 0.03);
35762 .path-grade-report-user .user-grade .column-contributiontocoursetotal,
35763 .path-grade-report-user .user-grade .column-range,
35764 .path-grade-report-user .user-grade .column-percentage,
35765 .path-grade-report-user .user-grade .column-weight {
35766 /*rtl:ignore*/
35767 direction: ltr;
35771 * Single view.
35773 .path-grade-report-singleview .reporttable input[name^=finalgrade] {
35774 width: 80px;
35775 display: inline-block;
35777 .path-grade-report-singleview .reporttable .action-menu {
35778 display: inline-block;
35779 margin-left: 0.5rem;
35780 float: right;
35782 .path-grade-report-singleview .reporttable .dropdown-toggle::after {
35783 display: none;
35786 .gradereport-grader-table input[name^=grade] {
35787 width: 80px;
35788 display: inline-block;
35790 .gradereport-grader-table .dropdown-toggle::after {
35791 display: none;
35794 .search-widget .dropdown-menu {
35795 padding: 0.8rem 1.2rem;
35797 .search-widget .dropdown-menu.wide {
35798 width: 350px;
35800 .search-widget .dropdown-menu.narrow {
35801 width: 250px;
35803 .search-widget .dropdown-menu .dropdown-item span.email {
35804 color: #6a737b;
35806 .search-widget .dropdown-menu .dropdown-item:hover span,
35807 .search-widget .dropdown-menu .dropdown-item:active span {
35808 color: #fff;
35810 .search-widget .dropdown-menu .searchresultscontainer {
35811 height: 178px;
35812 font-size: 90%;
35814 .search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
35815 height: 178px;
35816 max-height: 178px;
35817 overflow: auto;
35819 .search-widget .dropdown-menu .unsearchablecontentcontainer {
35820 border-top: 1px solid #dee2e6;
35821 padding-top: 10px;
35822 font-size: 90%;
35825 #fitem_id_submitbutton {
35826 padding-right: 2em;
35829 .gradestatus {
35830 padding-top: 10px;
35833 .gradestatus .icon {
35834 margin-right: 1rem;
35837 .columns-autoflow-1to1to1 {
35838 column-count: 3;
35841 @media (max-width: 767px) {
35842 .columns-autoflow-1to1to1 {
35843 column-count: 1;
35846 /* some very targetted corrections to roll back nameclashes between
35847 * Moodle and Bootstrap like .row, .label, .content, .controls
35849 * Mostly relies on these styles being more specific than the Bootstrap
35850 * ones in order to overule them.
35852 li.activity.label,
35853 .file-picker td.label {
35854 background: inherit;
35855 color: inherit;
35856 border: inherit;
35857 text-shadow: none;
35858 white-space: normal;
35859 display: block;
35860 font-size: inherit;
35861 line-height: inherit;
35862 text-align: inherit;
35865 .file-picker td.label {
35866 display: table-cell;
35867 text-align: right;
35868 padding: 8px;
35871 .choosercontainer #chooseform .option {
35872 font-size: 12px;
35875 /* block.invisible vs .invisible
35876 * block.hidden vs .invisible
35878 * uses .invisible where the rest of Moodle uses @mixin dimmed
35879 * fixible in block renderer?
35881 * There's seems to be even more naming confusion here since,
35882 * blocks can be actually 'visible' (or not) to students,
35883 * marked 'visible' but really just dimmed to indicate to editors
35884 * that students can't see them or 'visible' to the user who
35885 * collapses them, 'visible' if you have the right role and in
35886 * different circumstances different sections of a block can
35887 * be 'visible' or not.
35889 * currently worked around in renderers.php function block{}
35890 * by rewriting the class name "invisible" to "dimmed",
35891 * though the blocks don't look particularly different apart
35892 * from their contents disappearing. Maybe try .muted? or
35893 * dimming all the edit icons apart from unhide, might be a
35894 * nice effect, though they'd still be active. Maybe reverse
35895 * it to white?
35897 li.section.hidden,
35898 .block.hidden,
35899 .block.invisible {
35900 visibility: visible;
35901 display: block;
35904 /* .row vs .row
35906 * very tricky to track down this when it goes wrong,
35907 * since the styles are applied to generated content
35909 * basically if you see things shifted left or right compared
35910 * with where they should be check for a .row
35912 .forumpost .row {
35913 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
35916 .forumpost .row:before,
35917 .forumpost .row:after {
35918 content: none;
35921 /* fieldset.hidden vs .hidden
35923 * Moodle uses fieldset.hidden for mforms, to signify a collection of
35924 * form elements that don't have a box drawn round them. Bootstrap
35925 * uses hidden for stuff that is hidden in various responsive modes.
35927 * Relatedly, there is also fieldset.invisiblefieldset which hides the
35928 * border and sets the display to inline.
35930 * Originally this just set block and visible, but it is used
35931 * in random question dialogue in Quiz,
35932 * that dialogue is hidden and shown, so when hidden the
35933 * above workaround leaves you with a button floating around
35935 fieldset.hidden {
35936 display: inherit;
35937 visibility: inherit;
35940 /* .container vs .container
35942 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
35943 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
35944 * it becomes near unuseable.
35946 #questionbank + .container {
35947 width: auto;
35950 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
35951 display: block;
35952 margin-top: -6px;
35955 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
35956 .langmenu.open > .dropdown-menu {
35957 display: block;
35958 max-height: 150px;
35959 overflow-y: auto;
35962 .navbar.fixed-top .dropdown .dropdown-menu {
35963 max-height: calc(100vh - 50px);
35964 overflow-y: auto;
35967 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
35968 z-index: inherit;
35971 .custom-select {
35972 word-wrap: normal;
35975 /* Add commented out carousel transistions back in.
35977 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
35979 .carousel-item-next.carousel-item-left,
35980 .carousel-item-prev.carousel-item-right {
35981 transform: translateX(0);
35984 .carousel-item-next,
35985 .active.carousel-item-right {
35986 transform: translateX(100%);
35989 .carousel-item-prev,
35990 .active.carousel-item-left {
35991 transform: translateX(-100%);
35995 * Reset all of the forced style on the page.
35996 * - Remove borders on header and content.
35997 * - Remove most of the vertical padding.
35998 * - Make the content region flex grow so it pushes things like the
35999 * next activity selector to the bottom of the page.
36001 body.behat-site .fixed-top {
36002 position: absolute;
36004 body.behat-site.hasstickyfooter .stickyfooter,
36005 body.behat-site .stickyfooter {
36006 position: inherit;
36007 z-index: inherit;
36009 body.behat-site.hasstickyfooter .stickyfooter .sticky-footer-content-wrapper,
36010 body.behat-site .stickyfooter .sticky-footer-content-wrapper {
36011 padding: 0;
36012 margin: 0;
36014 body.behat-site .dropdown-item {
36015 margin-top: 4px !important; /* stylelint-disable declaration-no-important */
36017 body.behat-site.drawer-ease {
36018 -webkit-transition: initial;
36019 -moz-transition: initial;
36020 transition: initial;
36022 body.behat-site [data-region=drawer] {
36023 -webkit-transition: initial;
36024 -moz-transition: initial;
36025 transition: initial;
36026 position: absolute;
36028 body.behat-site .custom-control,
36029 body.behat-site .custom-switch {
36030 padding-left: 0;
36032 body.behat-site .custom-control-input {
36033 position: static;
36034 z-index: 0;
36035 opacity: 1;
36036 width: auto;
36038 body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
36039 content: none;
36041 body.behat-site [data-region=message-drawer] {
36042 padding-right: 10px;
36044 body.behat-site.jsenabled #page-footer .footer-content-popover {
36045 display: block;
36047 body.behat-site.path-grade-report-grader .gradeparent tr.heading,
36048 body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,
36049 body.behat-site.path-grade-report-grader .gradeparent th.header {
36050 position: relative;
36051 left: auto;
36053 body.behat-site.path-grade-report-grader .gradeparent tr.heading {
36054 top: auto;
36057 .phpinfo table,
36058 .phpinfo th,
36059 .phpinfo h2 {
36060 margin: auto;
36063 .phpinfo .e,
36064 .phpinfo .v,
36065 .phpinfo .h {
36066 border: 1px solid #000;
36067 font-size: 0.8em;
36068 vertical-align: baseline;
36069 color: #000;
36070 background-color: #ccc;
36073 .phpinfo .e {
36074 background-color: #ccf;
36075 font-weight: bold;
36078 .phpinfo .h {
36079 background-color: #99c;
36080 font-weight: bold;
36083 body > .debuggingmessage {
36084 margin-top: 50px;
36087 body > .debuggingmessage ~ .debuggingmessage {
36088 margin-top: 0.5rem;
36092 * This file contains the styles required to make the footer sticky.
36094 html,
36095 body {
36096 height: 100%;
36099 .stickyfooter {
36100 position: fixed;
36101 right: 0;
36102 left: 0;
36103 height: max(80px, 0.9375rem * 3);
36104 bottom: calc(max(80px, 0.9375rem * 3) * -1);
36105 transition: bottom 0.5s;
36106 z-index: 1030;
36107 overflow: hidden;
36108 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
36109 font-size: calc(0.9375rem * 1.10);
36111 @media (min-width: 768px) {
36112 .pagelayout-standard .stickyfooter .sticky-footer-content, body.limitedwidth.uses-drawers .stickyfooter .sticky-footer-content {
36113 max-width: 830px;
36115 body.mediumwidth.uses-drawers .stickyfooter .sticky-footer-content {
36116 max-width: 1120px;
36119 .stickyfooter .sticky-footer-content-wrapper {
36120 transition: 0.2s;
36122 @media (prefers-reduced-motion: reduce) {
36123 .stickyfooter .sticky-footer-content-wrapper {
36124 transition: none;
36127 @media (min-width: 992px) {
36128 .stickyfooter .sticky-footer-content-wrapper .drawers {
36129 padding: 0 3rem;
36131 .show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36132 margin-left: 285px;
36133 padding: 0 3rem 0 1rem;
36135 .show-drawer-right .stickyfooter .sticky-footer-content-wrapper {
36136 margin-right: 315px;
36137 padding: 0 1rem 0 3rem;
36139 .show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36140 padding: 0 1rem;
36144 .hasstickyfooter .stickyfooter {
36145 bottom: 0;
36148 /* Standard components fixes for sticky footer. */
36149 .stickyfooter ul.pagination {
36150 margin-bottom: 0.25rem;
36153 .stickyfooter .btn {
36154 font-size: calc(0.9375rem * 1.10);
36157 /* Breakpoints fixes. */
36158 @media (min-width: 576px) {
36159 #page-wrapper {
36160 height: 100%;
36161 display: flex;
36162 flex-direction: column;
36164 #page-wrapper #page {
36165 display: flex;
36166 flex-direction: column;
36168 #page-wrapper #page:not(.drawers) {
36169 flex: 1 0 auto;
36171 #page-wrapper #page #page-content {
36172 flex: 1 0 auto;
36174 #page-wrapper #page-footer {
36175 flex-shrink: 0;
36178 @media (max-width: 767.98px) {
36179 #page-wrapper {
36180 height: 100%;
36181 display: flex;
36182 flex-direction: column;
36184 #page-wrapper #page {
36185 display: flex;
36186 flex-direction: column;
36188 #page-wrapper #page:not(.drawers) {
36189 flex: 1 0 auto;
36192 .popover-region {
36193 position: relative;
36195 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
36196 display: none;
36198 .popover-region.collapsed .popover-region-container {
36199 opacity: 0;
36200 visibility: hidden;
36201 height: 0;
36202 overflow: hidden;
36203 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36206 .popover-region-toggle {
36207 cursor: pointer;
36209 .popover-region-toggle::before {
36210 content: "";
36211 display: inline-block;
36212 border-left: 10px solid transparent;
36213 border-right: 10px solid transparent;
36214 border-bottom: 10px solid #ddd;
36215 position: absolute;
36216 bottom: 0;
36217 right: 7px;
36219 .popover-region-toggle::after {
36220 content: "";
36221 display: inline-block;
36222 border-left: 9px solid transparent;
36223 border-right: 9px solid transparent;
36224 border-bottom: 9px solid #fff;
36225 position: absolute;
36226 bottom: -1px;
36227 right: 8px;
36228 z-index: 2;
36231 .count-container {
36232 padding: 2px;
36233 border-radius: 2px;
36234 background-color: #ca3120;
36235 color: #fff;
36236 font-size: 11px;
36237 line-height: 11px;
36238 position: absolute;
36239 top: 5px;
36240 right: 0;
36243 .popover-region-container {
36244 opacity: 1;
36245 visibility: visible;
36246 position: absolute;
36247 right: 0;
36248 top: 0;
36249 height: 500px;
36250 width: 380px;
36251 border: 1px solid #ddd;
36252 transition: height 0.25s;
36253 background-color: #fff;
36254 z-index: 1;
36257 .popover-region-header-container {
36258 height: 25px;
36259 line-height: 25px;
36260 padding-left: 5px;
36261 padding-right: 5px;
36262 border-bottom: 1px solid #ddd;
36263 box-sizing: border-box;
36266 .popover-region-footer-container {
36267 height: 30px;
36268 text-align: center;
36269 border-top: 1px solid #ddd;
36270 background-color: #fff;
36271 padding-top: 3px;
36274 .popover-region-header-text {
36275 float: left;
36276 margin: 0;
36277 font-size: 14px;
36278 line-height: 25px;
36281 .popover-region-header-actions {
36282 float: right;
36284 .popover-region-header-actions > * {
36285 margin-left: 10px;
36286 min-width: 20px;
36287 display: inline-block;
36289 .popover-region-header-actions .loading-icon {
36290 display: none;
36291 height: 12px;
36292 width: 12px;
36294 .popover-region-header-actions .newmessage-link {
36295 margin-right: 10px;
36297 .popover-region-header-actions label {
36298 display: inline-block;
36299 text-align: center;
36300 margin-bottom: 0;
36303 .popover-region-content-container {
36304 height: calc(100% - 55px);
36305 width: 100%;
36306 overflow-y: auto;
36307 -webkit-overflow-scrolling: touch;
36309 .popover-region-content-container > .loading-icon {
36310 display: none;
36311 text-align: center;
36312 padding: 5px;
36313 box-sizing: border-box;
36315 .popover-region-content-container .empty-message {
36316 display: none;
36317 text-align: center;
36318 padding: 10px;
36320 .popover-region-content-container.loading > .loading-icon {
36321 display: block;
36323 .popover-region-content-container.loading .empty-message {
36324 display: none;
36327 .navbar-nav .popover-region .icon {
36328 font-weight: bolder;
36330 .navbar-nav .popover-region .notification-image .icon {
36331 font-weight: 400;
36334 .navbar .popover-region.collapsed .popover-region-container {
36335 opacity: 0;
36336 visibility: hidden;
36337 height: 0;
36338 overflow: hidden;
36339 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36341 .navbar .count-container {
36342 padding: 2px;
36343 border-radius: 2px;
36344 background-color: #ca3120;
36345 color: #fff;
36346 font-size: 11px;
36347 line-height: 11px;
36348 position: absolute;
36349 top: 12.5px;
36350 right: 0;
36352 .navbar .popover-region-container {
36353 top: 50px;
36356 .content-item-container {
36357 width: 100%;
36358 border-bottom: 1px solid #ddd;
36359 box-sizing: border-box;
36360 padding: 5px;
36361 position: relative;
36362 margin: 0;
36363 display: block;
36364 color: inherit;
36365 text-decoration: none;
36367 .content-item-container:hover {
36368 color: #fff;
36369 background-color: #0f6cbf;
36371 .content-item-container:hover .content-item-footer .timestamp {
36372 color: #fff;
36374 .content-item-container:hover .view-more {
36375 color: inherit;
36377 .content-item-container.unread {
36378 margin: 0;
36379 background-color: #f4f4f4;
36381 .content-item-container.unread:hover {
36382 color: #fff;
36383 background-color: #0f6cbf;
36385 .content-item-container.unread .content-item-body .notification-message {
36386 font-weight: 600;
36388 .content-item-container .context-link {
36389 color: inherit;
36390 text-decoration: none;
36392 .content-item-container .content-item-body {
36393 box-sizing: border-box;
36394 margin-bottom: 5px;
36396 .content-item-container .content-item-footer {
36397 text-align: left;
36398 box-sizing: border-box;
36400 .content-item-container .content-item-footer .timestamp {
36401 font-size: 10px;
36402 line-height: 10px;
36403 margin: 0;
36404 color: inherit;
36405 margin-left: 24px;
36407 .content-item-container .view-more {
36408 position: absolute;
36409 bottom: 5px;
36410 right: 5px;
36411 font-size: 12px;
36412 line-height: 12px;
36414 .content-item-container .view-more:hover {
36415 color: inherit;
36417 .content-item-container.notification .content-item-body .notification-image {
36418 display: inline-block;
36419 width: 24px;
36420 height: 24px;
36421 float: left;
36423 .content-item-container.notification .content-item-body .notification-image img {
36424 height: 75%;
36426 .content-item-container.notification .content-item-body .notification-message {
36427 display: inline-block;
36428 font-size: 12px;
36429 width: calc(100% - 24px);
36431 .content-item-container.selected {
36432 background-color: #3279b3;
36433 color: #fff;
36434 border-color: #3279b3;
36436 .content-item-container.selected .content-item-footer .timestamp {
36437 color: #fff;
36440 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
36441 display: inline-block;
36443 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
36444 display: none;
36446 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
36447 display: inline-block;
36449 .popover-region-notifications .all-notifications {
36450 opacity: 1;
36451 visibility: visible;
36452 height: auto;
36453 overflow: hidden;
36455 .popover-region-notifications .all-notifications:empty + .empty-message {
36456 display: block;
36458 .popover-region-notifications .notification-image {
36459 display: inline-block;
36460 width: 8%;
36461 vertical-align: top;
36463 .popover-region-notifications .notification-image img {
36464 height: 75%;
36466 .popover-region-notifications .notification-message {
36467 display: inline-block;
36468 font-size: 12px;
36470 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
36471 display: none;
36474 .popover-region-messages .mark-all-read-button .normal-icon {
36475 display: inline-block;
36477 .popover-region-messages .mark-all-read-button.loading .normal-icon {
36478 display: none;
36480 .popover-region-messages .mark-all-read-button.loading .loading-icon {
36481 display: inline-block;
36483 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
36484 display: none;
36486 .popover-region-messages .messages:empty + .empty-message {
36487 display: block;
36489 .popover-region-messages .content-item-container.unread .content-item-body {
36490 font-weight: 600;
36491 width: calc(90% - 30px);
36493 .popover-region-messages .content-item-container.unread .unread-count-container {
36494 display: inline-block;
36495 width: 10%;
36496 text-align: center;
36497 float: right;
36499 .popover-region-messages .content-item {
36500 height: 100%;
36501 width: 100%;
36502 box-sizing: border-box;
36504 .popover-region-messages .profile-image-container {
36505 width: 30px;
36506 display: inline-block;
36507 text-align: center;
36508 float: left;
36510 .popover-region-messages .profile-image-container img {
36511 width: 100%;
36512 display: inline-block;
36513 vertical-align: middle;
36514 border-radius: 50%;
36516 .popover-region-messages .content-item-body {
36517 display: inline-block;
36518 box-sizing: border-box;
36519 width: calc(100% - 30px);
36520 font-size: 12px;
36521 padding-left: 10px;
36522 overflow: hidden;
36524 .popover-region-messages .content-item-body h3 {
36525 font-size: 12px;
36526 line-height: 12px;
36527 margin: 0;
36528 width: 100%;
36530 .popover-region-messages .content-item-body p {
36531 margin: 0;
36533 .popover-region-messages .unread-count-container {
36534 display: none;
36537 @media (max-width: 767px) {
36538 .navbar .popover-region .popover-region-container {
36539 right: -70px;
36542 @media (max-width: 480px) {
36543 .navbar .popover-region .popover-region-container {
36544 position: fixed;
36545 top: 46px;
36546 right: 0;
36547 left: 0;
36548 bottom: 0;
36549 width: auto;
36550 height: auto;
36554 * Tour step must sit above all other UI components.
36555 * The backdrop is the lowest point in the tour.
36556 * Everything else is in the container, and the target background should be at the same z-index.
36557 * ----- moodle
36558 * ---- step backdrop
36559 * --- step container
36560 * --- step target background
36562 div[data-flexitour=backdrop] {
36563 background-color: #000;
36564 opacity: 0.5;
36565 z-index: 1040;
36568 div[data-flexitour=step-background-fader],
36569 div[data-flexitour=step-background] {
36570 border-radius: 0.3rem;
36571 padding: 10px;
36572 z-index: 1041;
36575 span[data-flexitour=container],
36576 div[data-flexitour=step-background-fader],
36577 [data-flexitour=step-backdrop] > td,
36578 [data-flexitour=step-backdrop] {
36579 z-index: 1042;
36582 span[data-flexitour=container] .modal-dialog {
36584 * Remove all margins to:
36585 * 1) ensure that the arrow touches the target; and
36586 * 2) ensure that the focus border touches the modal.
36588 margin: 0;
36590 span[data-flexitour=container] div[data-role=arrow] {
36591 border-width: 1rem;
36593 span[data-flexitour=container] div[data-role=arrow],
36594 span[data-flexitour=container] div[data-role=arrow]:after {
36595 position: absolute;
36596 display: block;
36597 width: 0;
36598 height: 0;
36599 border-color: transparent;
36600 border-style: solid;
36601 border-width: 1rem;
36603 span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
36604 margin-bottom: 1rem;
36606 span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
36607 bottom: -1rem;
36608 left: 50%;
36609 margin-left: -1rem;
36610 border-bottom-width: 0;
36611 border-top-color: rgba(0, 0, 0, 0.25);
36613 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 {
36614 bottom: 1px;
36615 margin-left: -1rem;
36616 content: " ";
36617 border-bottom-width: 0;
36618 border-top-color: #fff;
36620 span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
36621 margin-top: 1rem;
36623 span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
36624 top: -1rem;
36625 left: 50%;
36626 margin-left: -1rem;
36627 border-top-width: 0;
36628 border-bottom-color: rgba(0, 0, 0, 0.25);
36630 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 {
36631 top: 1px;
36632 margin-left: -1rem;
36633 content: " ";
36634 border-top-width: 0;
36635 border-bottom-color: #fff;
36637 span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
36638 margin-right: 1rem;
36640 span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
36641 right: -1rem;
36642 top: 50%;
36643 margin-top: -1rem;
36644 border-right-width: 0;
36645 border-left-color: rgba(0, 0, 0, 0.25);
36647 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 {
36648 right: 1px;
36649 margin-top: -1rem;
36650 content: " ";
36651 border-right-width: 0;
36652 border-left-color: #fff;
36654 span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
36655 margin-left: 1rem;
36657 span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
36658 left: -1rem;
36659 top: 50%;
36660 margin-top: -1rem;
36661 border-left-width: 0;
36662 border-right-color: rgba(0, 0, 0, 0.25);
36664 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 {
36665 left: 1px;
36666 margin-top: -1rem;
36667 content: " ";
36668 border-left-width: 0;
36669 border-right-color: #fff;
36671 .dir-rtl span[data-flexitour=container][x-placement^=right] {
36672 margin-left: 1rem;
36674 .dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
36675 transform: rotate(180deg);
36676 left: -1rem;
36677 right: auto;
36679 .dir-rtl span[data-flexitour=container][x-placement^=left] {
36680 margin-right: 1rem;
36682 .dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
36683 transform: rotate(180deg);
36684 left: auto;
36685 right: -1rem;
36688 [data-region=drawer] [data-flexitour=container] {
36689 /*rtl:ignore*/
36690 margin-left: -15px;
36691 width: 275px;
36694 @media print {
36695 body.drawer-open-left.jsenabled,
36696 body.drawer-open-right.jsenabled {
36697 margin: 0;
36699 .container {
36700 width: auto;
36703 .modal .modal-body > .loading-icon {
36704 display: block;
36705 position: relative;
36706 width: 100%;
36707 height: 100%;
36709 .modal .modal-body > .loading-icon .icon {
36710 position: absolute;
36711 top: 50%;
36712 /*rtl:ignore*/
36713 left: 50%;
36714 transform: translate(-50%, -50%);
36716 .modal .close {
36717 margin: -0.8rem -0.8rem -0.8rem auto;
36719 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
36720 opacity: inherit;
36723 .layout.fullscreen {
36724 height: 100vh;
36725 position: fixed;
36726 top: 0;
36727 left: 0;
36728 z-index: 1040;
36729 transition: 0.5s;
36730 width: 100vw;
36731 margin: 0;
36732 opacity: 1;
36733 background-color: #fff;
36735 @media (prefers-reduced-motion: reduce) {
36736 .layout.fullscreen {
36737 transition: none;
36740 .layout.fullscreen > div {
36741 height: 100%;
36742 width: 100%;
36744 .layout.fullscreen .loading-icon {
36745 margin-left: auto;
36746 margin-right: auto;
36747 text-align: center;
36748 display: inline-block;
36749 width: 100%;
36750 top: 40%;
36751 position: fixed;
36753 .layout.fullscreen .loading-icon .icon {
36754 width: 1em;
36755 height: 1em;
36756 font-size: 4em;
36759 #page.drawers {
36760 margin-top: 50px;
36761 scrollbar-width: thin;
36762 scrollbar-color: #6a737b #f8f9fa;
36764 #page.drawers::-webkit-scrollbar {
36765 width: 12px;
36767 #page.drawers::-webkit-scrollbar-track {
36768 background: #f8f9fa;
36770 #page.drawers::-webkit-scrollbar-thumb {
36771 background-color: #6a737b;
36772 border-radius: 20px;
36773 border: 3px solid #f8f9fa;
36775 #page.drawers::-webkit-scrollbar-thumb:hover {
36776 background-color: #495057;
36778 #page.drawers .main-inner {
36779 max-width: 100%;
36780 width: 100%;
36781 margin: 0 auto;
36782 border-radius: 0.25rem;
36783 background-color: #fff;
36784 padding: 1.5rem 0.5rem;
36785 margin-top: 0.5rem;
36786 margin-bottom: 3rem;
36787 flex: 1 0 auto;
36789 #page.drawers .activity-header {
36790 margin-left: 15px;
36791 margin-right: 15px;
36794 @media (min-width: 768px) {
36795 .pagelayout-standard #page.drawers .main-inner,
36796 body.limitedwidth #page.drawers .main-inner {
36797 max-width: 830px;
36799 .pagelayout-standard #page.drawers .footer-popover,
36800 body.limitedwidth #page.drawers .footer-popover {
36801 max-width: 830px;
36802 width: 100%;
36803 margin: 0 auto;
36804 border-radius: 0.25rem;
36806 body.mediumwidth #page.drawers .main-inner {
36807 max-width: 1120px;
36809 body.mediumwidth #page.drawers .footer-popover {
36810 max-width: 1120px;
36811 width: 100%;
36812 margin: 0 auto;
36813 border-radius: 0.25rem;
36815 .header-maxwidth {
36816 max-width: 830px;
36817 margin: 0 auto;
36818 padding-left: 15px;
36819 padding-right: 15px;
36821 .header-maxwidth .header-inner {
36822 padding-left: 0;
36823 padding-right: 0;
36826 .drawer-toggles .drawer-toggler {
36827 position: fixed;
36828 top: calc(50px + 0.7rem);
36829 z-index: 2;
36831 .drawer-toggles .drawer-toggler .btn {
36832 border-radius: 200px;
36833 padding: 16px;
36834 background-color: #dee2e6;
36835 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
36836 transition: padding 200ms;
36838 .drawer-toggles .drawer-toggler .btn .icon {
36839 width: auto;
36840 height: auto;
36842 .drawer-toggles .drawer-toggler .btn:focus {
36843 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
36845 .drawer-toggles .drawer-left-toggle {
36846 left: 0;
36848 .drawer-toggles .drawer-left-toggle .btn {
36849 border-top-left-radius: 0;
36850 border-bottom-left-radius: 0;
36851 padding-right: 14px;
36852 padding-left: 10px;
36854 .drawer-toggles .drawer-left-toggle .btn:hover {
36855 padding-left: 20px;
36857 .drawer-toggles .drawer-right-toggle {
36858 right: 0;
36860 .drawer-toggles .drawer-right-toggle .btn {
36861 border-top-right-radius: 0;
36862 border-bottom-right-radius: 0;
36863 padding-right: 10px;
36864 padding-left: 14px;
36866 .drawer-toggles .drawer-right-toggle .btn:hover {
36867 padding-right: 20px;
36870 #page.drawers.show-drawer-left .drawer-left-toggle {
36871 display: none;
36874 #page.drawers.show-drawer-right .drawer-right-toggle {
36875 display: none;
36878 @media (max-width: 767.98px) {
36879 .drawer-toggles {
36880 z-index: 100;
36882 .drawer-toggles .drawer-right-toggle,
36883 .drawer-toggles .drawer-left-toggle {
36884 top: calc(99vh - (50px * 2.5));
36886 #page.drawers.scroll-down .drawer-right-toggle {
36887 transform: translateX(150%);
36888 pointer-events: auto;
36889 visibility: hidden;
36891 #page.drawers.scroll-down .drawer-left-toggle {
36892 transform: translateX(-150%);
36893 pointer-events: auto;
36894 visibility: hidden;
36897 @media (min-width: 576px) {
36898 #page.drawers .main-inner {
36899 margin-top: 1.5rem;
36902 @media (min-width: 768px) {
36903 #page.drawers {
36904 padding-left: 3rem;
36905 padding-right: 3rem;
36907 #page.drawers .main-inner {
36908 padding: 1.5rem 0.5rem;
36910 #page.drawers div[role=main] {
36911 padding-left: 15px;
36912 padding-right: 15px;
36915 @media (min-width: 992px) {
36916 .drawer-left,
36917 .drawer-right {
36918 top: 50px;
36919 height: calc(100vh - 50px);
36921 .hasstickyfooter .drawer-left,
36922 .hasstickyfooter .drawer-right {
36923 top: 50px;
36924 height: calc(100vh - 50px - max(80px, 0.9375rem * 3));
36926 #page.drawers {
36927 position: relative;
36928 overflow-y: visible;
36929 transition: 0.2s;
36930 left: 0;
36931 right: 0;
36934 @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
36935 #page.drawers {
36936 transition: none;
36939 @media (min-width: 992px) {
36940 #page.drawers.show-drawer-left {
36941 margin-left: 285px;
36942 margin-right: 0;
36943 padding-left: 1rem;
36946 @media (min-width: 992px) {
36947 #page.drawers.show-drawer-right {
36948 margin-left: 0;
36949 margin-right: 315px;
36950 padding-right: 1rem;
36952 .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 {
36953 right: calc(315px + 2rem);
36956 @media (min-width: 992px) {
36957 #page.drawers.show-drawer-left.show-drawer-right {
36958 margin-left: 285px;
36959 margin-right: 315px;
36962 @media (min-width: 992px) {
36963 #page.drawers.hasstickyfooter {
36964 margin-bottom: max(80px, 0.9375rem * 3);
36967 .drawercontrolbuttons {
36968 margin-top: 92px;
36970 .drawercontrolbuttons .buttons {
36971 z-index: 1;
36974 .form-control:-ms-input-placeholder {
36975 color: #6a737b;
36978 .custom-select {
36979 -webkit-appearance: none;
36980 -moz-appearance: none;
36983 .custom-range {
36984 -webkit-appearance: none;
36985 -moz-appearance: none;
36987 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
36988 -webkit-appearance: none;
36989 -moz-appearance: none;
36992 input[type=date].form-control,
36993 input[type=time].form-control,
36994 input[type=datetime-local].form-control,
36995 input[type=month].form-control {
36996 -webkit-appearance: none;
36997 -moz-appearance: none;
37000 @media (min-width: 576px) {
37001 .card-columns {
37002 -webkit-column-gap: 1.25rem;
37003 -moz-column-gap: 1.25rem;
37007 .carousel-item {
37008 -webkit-backface-visibility: hidden;
37011 .card {
37012 -webkit-background-clip: border-box;
37015 .carousel-indicators li,
37016 .dropdown-menu,
37017 .form-control,
37018 .modal-content,
37019 .popover,
37020 .toast {
37021 -webkit-background-clip: padding-box;
37024 .btn {
37025 -webkit-user-select: none;
37026 -ms-user-select: none;
37029 .user-select-all {
37030 -webkit-user-select: all !important; /* stylelint-disable-line declaration-no-important */
37031 -ms-user-select: none;
37034 .user-select-auto {
37035 -webkit-user-select: auto !important; /* stylelint-disable-line declaration-no-important */
37036 -ms-user-select: none;
37039 .user-select-none {
37040 -webkit-user-select: none !important; /* stylelint-disable-line declaration-no-important */
37041 -ms-user-select: none;
37044 .editor_atto_content_wrap {
37045 background-color: #fff;
37046 color: #333;
37049 .editor_atto_content {
37050 padding: 4px;
37051 resize: vertical;
37052 overflow: auto;
37055 .editor_atto_content_wrap,
37056 .editor_atto + textarea {
37057 width: 100%;
37058 padding: 0;
37061 .editor_atto + textarea {
37062 border-radius: 0;
37063 resize: vertical;
37064 margin-top: -1px;
37067 div.editor_atto_toolbar {
37068 display: block;
37069 background: #f2f2f2;
37070 min-height: 35px;
37071 border: 1px solid #8f959e;
37072 width: 100%;
37073 padding: 0 0 9px 0;
37074 border-top-left-radius: 0.25rem;
37075 border-top-right-radius: 0.25rem;
37078 div.editor_atto_toolbar button {
37079 padding: 4px 9px;
37080 background: none;
37081 border: 0;
37082 margin: 0;
37083 border-radius: 0;
37084 cursor: pointer;
37087 div.editor_atto_toolbar .menuplaceholder {
37088 display: inline-block;
37091 div.editor_atto_toolbar button + button,
37092 div.editor_atto_toolbar .menuplaceholder + button {
37093 border-left: 1px solid #ccc;
37096 div.editor_atto_toolbar button[disabled] {
37097 opacity: 0.45;
37098 background: none;
37099 cursor: default;
37102 .editor_atto_toolbar button:hover {
37103 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
37104 background-color: #ebebeb;
37107 .editor_atto_toolbar button:active,
37108 .editor_atto_toolbar button.highlight {
37109 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
37110 background-color: #dfdfdf;
37113 /* Make firefox button sizes match other browsers */
37114 div.editor_atto_toolbar button::-moz-focus-inner {
37115 border: 0;
37116 padding: 0;
37119 div.editor_atto_toolbar button .icon {
37120 padding: 0;
37121 margin: 2px 0;
37124 div.editor_atto_toolbar div.atto_group {
37125 display: inline-block;
37126 border: 1px solid #ccc;
37127 border-bottom: 1px solid #b3b3b3;
37128 border-radius: 4px;
37129 margin: 9px 0 0 9px;
37130 background: #fff;
37133 div.editor_atto_toolbar .atto_toolbar_row {
37134 margin: 6px 0 -3px 5px;
37135 display: table;
37137 div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
37138 margin: 3px 5px 3px 4px;
37141 .editor_atto_content img {
37142 resize: both;
37143 overflow: auto;
37146 .atto_hasmenu {
37147 /* IE8 places the images on top of each other if that is not set. */
37148 white-space: nowrap;
37151 .atto_menuentry .icon {
37152 width: 16px;
37153 height: 16px;
37156 .atto_menuentry {
37157 clear: left;
37160 .atto_menuentry h1,
37161 .atto_menuentry h2,
37162 .atto_menuentry p {
37163 margin: 4px;
37166 /*.atto_form label.sameline {
37167 display: inline-block;
37168 min-width: 10em;
37170 .atto_form textarea.fullwidth,
37171 .atto_form input.fullwidth {
37172 width: 100%;
37175 .atto_form {
37176 padding: 0.5rem;
37179 /*.atto_form label {
37180 display: block;
37181 margin: 0 0 5px 0;
37183 .atto_control {
37184 position: absolute;
37185 right: -6px;
37186 bottom: -6px;
37187 display: none;
37188 cursor: pointer;
37191 .atto_control .icon {
37192 background-color: #fff;
37195 div.editor_atto_content:focus .atto_control,
37196 div.editor_atto_content:hover .atto_control {
37197 display: block;
37200 .editor_atto_menu.yui3-menu-hidden {
37201 display: none;
37204 /* Get broken images back in firefox */
37205 .editor_atto_content img:-moz-broken {
37206 -moz-force-broken-image-icon: 1;
37207 min-width: 24px;
37208 min-height: 24px;
37211 /* Atto menu styling */
37212 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
37213 padding: 0;
37214 z-index: 1000;
37217 .editor_atto_menu .dropdown-menu > li > a {
37218 margin: 3px 14px;
37221 .editor_atto_menu .open ul.dropdown-menu {
37222 padding-top: 5px;
37223 padding-bottom: 5px;
37226 .editor_atto_wrap {
37227 position: relative;
37230 /*rtl:ignore*/
37231 .editor_atto_wrap textarea {
37232 direction: ltr;
37235 .editor_atto_notification {
37236 display: inline-block;
37237 padding: 0.5em;
37238 padding-left: 1em;
37239 padding-right: 1em;
37240 border-bottom-left-radius: 1em;
37241 border-bottom-right-radius: 1em;
37243 .editor_atto_notification .atto_info {
37244 background-color: #f2f2f2;
37246 .editor_atto_notification .atto_warning {
37247 background-color: #ffd700;
37250 .editor_atto_toolbar,
37251 .editor_atto_content_wrap,
37252 .editor_atto + textarea {
37253 box-sizing: border-box;
37256 .editor_atto_content.form-control {
37257 width: 100%;
37258 border-top: 0;
37259 border-top-left-radius: 0;
37260 border-top-right-radius: 0;
37263 /** Atto fields do not have form-control because that would break the layout of the editor.
37264 So they need these extra styles to highlight the editor when there is a validation error. */
37265 .has-danger .editor_atto_content.form-control .invalid-feedback,
37266 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
37267 display: none;
37268 width: 100%;
37269 margin-top: 0.25rem;
37270 font-size: 0.875em;
37271 color: #ca3120;
37273 .has-danger .editor_atto_content.form-control .invalid-tooltip,
37274 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37275 position: absolute;
37276 top: 100%;
37277 left: 0;
37278 z-index: 5;
37279 display: none;
37280 max-width: 100%;
37281 padding: 0.25rem 0.5rem;
37282 margin-top: 0.1rem;
37283 font-size: 0.8203125rem;
37284 line-height: 1.5;
37285 color: #fff;
37286 background-color: rgba(202, 49, 32, 0.9);
37287 border-radius: 0.25rem;
37289 .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,
37290 .form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip,
37291 .form-row > [class*=col-] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37292 left: 5px;
37294 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback,
37295 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback,
37296 .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip,
37297 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback,
37298 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip,
37299 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback,
37300 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
37301 display: block;
37303 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid,
37304 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,
37305 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
37306 border-color: #ca3120;
37307 padding-right: calc(1.5em + 0.75rem) !important;
37308 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");
37309 background-repeat: no-repeat;
37310 background-position: right calc(0.375em + 0.1875rem) center;
37311 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
37313 .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,
37314 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,
37315 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
37316 border-color: #ca3120;
37317 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37319 .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,
37320 .was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid,
37321 .has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
37322 padding-right: 3rem !important;
37323 background-position: right 1.5rem center;
37325 .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,
37326 .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,
37327 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
37328 padding-right: calc(1.5em + 0.75rem);
37329 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
37331 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid,
37332 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,
37333 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
37334 border-color: #ca3120;
37335 padding-right: calc(0.75em + 2.3125rem) !important;
37336 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;
37338 .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,
37339 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,
37340 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
37341 border-color: #ca3120;
37342 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37344 .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,
37345 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label,
37346 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
37347 color: #ca3120;
37349 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback,
37350 .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,
37351 .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip,
37352 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback,
37353 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip,
37354 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback,
37355 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
37356 display: block;
37358 .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,
37359 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label,
37360 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
37361 color: #ca3120;
37363 .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,
37364 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before,
37365 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
37366 border-color: #ca3120;
37368 .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,
37369 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before,
37370 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
37371 border-color: #e04d3d;
37372 background-color: #e04d3d;
37374 .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,
37375 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before,
37376 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
37377 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37379 .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,
37380 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
37381 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
37382 border-color: #ca3120;
37384 .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,
37385 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label,
37386 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
37387 border-color: #ca3120;
37389 .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,
37390 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label,
37391 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
37392 border-color: #ca3120;
37393 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37396 .open.atto_menu > .dropdown-menu {
37397 display: block;
37400 div.editor_atto_toolbar button .icon {
37401 color: #495057;
37404 .toast {
37405 border-radius: 0.25rem;
37407 .toast.toast-success {
37408 background-color: rgba(215, 228, 214, 0.95);
37409 color: #1c3f1a;
37411 .toast.toast-success .toast-header {
37412 color: #1c3f1a;
37414 .toast.toast-success .toast-body:before {
37415 margin: 2px 5px 0 0;
37416 content: "\f058";
37418 .toast.toast-danger {
37419 background-color: rgba(244, 214, 210, 0.95);
37420 color: #691911;
37422 .toast.toast-danger .toast-header {
37423 color: #691911;
37425 .toast.toast-danger .toast-body:before {
37426 margin: 2px 5px 0 0;
37427 content: "\f057";
37429 .toast.toast-info {
37430 background-color: rgba(204, 230, 234, 0.95);
37431 color: #00434e;
37433 .toast.toast-info .toast-header {
37434 color: #00434e;
37436 .toast.toast-info .toast-body:before {
37437 margin: 2px 5px 0 0;
37438 content: "\f05a";
37440 .toast.toast-warning {
37441 background-color: rgba(252, 239, 220, 0.95);
37442 color: #7d5a29;
37444 .toast.toast-warning .toast-header {
37445 color: #7d5a29;
37447 .toast.toast-warning .toast-body:before {
37448 margin: 2px 5px 0 0;
37449 content: "\f06a";
37451 .toast .close {
37452 color: inherit;
37455 .navbar.fixed-top {
37456 padding-top: 0;
37457 padding-bottom: 0;
37458 box-shadow: none;
37459 border-bottom: #dee2e6 1px solid;
37460 align-items: stretch;
37461 height: 51px;
37463 .navbar.fixed-top .navbar-brand .logo {
37464 max-height: calc(50px - (0.25rem * 2));
37466 .navbar.fixed-top .nav-link {
37467 height: 100%;
37468 display: flex;
37469 align-items: center;
37470 white-space: nowrap;
37472 .navbar.fixed-top .divider {
37473 width: 1px;
37474 background-color: #dee2e6;
37476 .navbar.fixed-top #usernavigation .nav-link {
37477 padding: 0 0.5rem;
37479 .navbar.fixed-top .login {
37480 display: flex;
37481 align-items: center;
37483 .navbar.fixed-top .usermenu {
37484 display: flex;
37486 .navbar.fixed-top .usermenu .action-menu {
37487 display: flex;
37488 align-items: center;
37490 .navbar.fixed-top .usermenu .dropdown {
37491 display: flex;
37492 align-items: center;
37494 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
37495 padding-top: 0;
37496 padding-bottom: 0;
37497 border-radius: 0;
37498 display: flex;
37499 align-items: center;
37500 height: 100%;
37502 .navbar.fixed-top .usermenu .dropdown-menu {
37503 min-width: 235px;
37505 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
37506 pointer-events: none;
37508 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
37509 padding: 0.25rem 1.75rem 0.25rem 0.75rem;
37511 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37512 content: "\f0da";
37513 font-size: 1rem;
37514 right: 0.75rem;
37515 position: absolute;
37517 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
37518 padding: 0.25rem 0.75rem;
37519 font-size: 0.975rem;
37521 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
37522 font-size: 20px;
37523 height: 20px;
37524 width: 20px;
37525 margin: 0;
37527 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before {
37528 content: "\f00c";
37529 font-size: 0.75rem;
37530 padding-left: 0.25rem;
37532 .navbar.fixed-top .usermenu .login {
37533 display: flex;
37534 align-items: center;
37536 .navbar.fixed-top .usermenu .dropdown,
37537 .navbar.fixed-top .langmenu .dropdown {
37538 display: flex;
37539 align-items: center;
37540 height: 100%;
37542 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
37543 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
37544 padding-top: 0;
37545 padding-bottom: 0;
37546 border-radius: 0;
37547 display: flex;
37548 align-items: center;
37549 height: 100%;
37551 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current=true]::before {
37552 content: "\f00c";
37553 font-size: 0.75rem;
37554 padding-left: 0.25rem;
37556 @media (max-width: 767.98px) {
37557 .navbar.fixed-top .langmenu .langbutton {
37558 display: none;
37561 .navbar.fixed-top .moodle-actionmenu .menubar,
37562 .navbar.fixed-top .action-menu-trigger .dropdown {
37563 height: 100%;
37564 display: flex;
37567 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37568 content: "\f0d9";
37570 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
37571 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
37572 transform: translateX(0);
37574 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
37575 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
37576 transform: translateX(-100%);
37578 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
37579 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
37580 transform: translateX(100%);
37583 #page {
37584 margin-top: 50px;
37587 .pagelayout-embedded #page {
37588 margin-top: 0;
37591 .navbar-bootswatch .navbar-brand {
37592 overflow: hidden;
37593 text-overflow: ellipsis;
37595 .navbar-bootswatch .navbar-brand .sitename {
37596 overflow: hidden;
37597 white-space: nowrap;
37598 text-overflow: ellipsis;
37601 :root {
37602 --navbar-height: 50px;
37606 * Reportbuilder styles.
37608 .reportbuilder-wrapper .btn-outline-secondary[data-toggle=collapse]:not(.collapsed),
37609 .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-toggle=dropdown] {
37610 color: #fff;
37611 background-color: #6a737b;
37612 border-color: #6a737b;
37615 .reportbuilder-table .action-menu .menubar {
37616 justify-content: end;
37619 .reportbuilder-wrapper .filters-dropdown {
37620 width: 27rem;
37621 padding: 0 0 4rem 0;
37622 z-index: 1050;
37623 overflow: hidden;
37625 @media (max-width: 767.98px) {
37626 .reportbuilder-wrapper .filters-dropdown {
37627 width: 100%;
37631 .reportbuilder-filters-sidebar {
37632 max-height: 30rem;
37633 overflow-y: auto;
37634 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37635 scrollbar-width: thin;
37636 scrollbar-color: #6a737b #fff;
37637 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;
37638 background-repeat: no-repeat;
37639 background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
37640 background-attachment: local, local, scroll, scroll;
37642 .reportbuilder-filters-sidebar::-webkit-scrollbar {
37643 width: 12px;
37645 .reportbuilder-filters-sidebar::-webkit-scrollbar-track {
37646 background: #fff;
37648 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
37649 background-color: #6a737b;
37650 border-radius: 20px;
37651 border: 3px solid #fff;
37653 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
37654 background-color: #495057;
37656 .reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
37657 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37659 .reportbuilder-filters-sidebar .filter .filter-name:hover {
37660 white-space: normal;
37661 text-overflow: clip;
37662 word-break: break-all;
37664 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] {
37665 position: absolute;
37666 bottom: 0;
37667 height: 4rem;
37668 align-items: center;
37670 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] .col-form-label {
37671 display: none !important; /* stylelint-disable-line declaration-no-important */
37674 .reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector,
37675 .reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
37676 flex-wrap: wrap;
37678 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem,
37679 .reportbuilder-conditions-list .mform.full-width-labels .fitem {
37680 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
37681 max-width: 100%;
37683 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child,
37684 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child {
37685 flex: 1;
37686 min-width: 0;
37688 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child span,
37689 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child .custom-select,
37690 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child span,
37691 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child .custom-select {
37692 width: 100%;
37695 @media (min-width: 992px) {
37696 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
37697 position: fixed;
37699 .path-admin-reportbuilder.pagelayout-popup #region-main {
37700 border: none;
37701 padding: 0;
37703 .path-admin-reportbuilder.pagelayout-popup #maincontent {
37704 visibility: hidden;
37706 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
37707 position: fixed;
37708 z-index: 1030;
37709 width: calc(100% - 35px);
37710 padding-top: 1.25rem;
37711 background-color: #fff;
37712 box-shadow: 0 1.25rem 0 #fff;
37714 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
37715 padding-top: 83px;
37717 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
37718 position: fixed;
37720 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
37721 max-height: calc(100vh - 153px - 52px);
37723 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
37724 position: fixed;
37725 right: 30px;
37726 max-height: calc(100vh - 153px);
37728 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
37729 max-height: calc(100vh - 153px);
37730 overflow-y: auto;
37731 scrollbar-width: thin;
37732 scrollbar-color: #6a737b #f8f9fa;
37733 margin-left: calc(250px + 1rem);
37734 margin-right: calc(350px + 1rem);
37736 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
37737 width: 12px;
37739 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
37740 background: #f8f9fa;
37742 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
37743 background-color: #6a737b;
37744 border-radius: 20px;
37745 border: 3px solid #f8f9fa;
37747 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
37748 background-color: #495057;
37750 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
37751 margin-left: calc(250px + 1rem);
37754 #page-admin-reportbuilder-edit #page {
37755 overflow-y: auto;
37758 .reportbuilder-report-container {
37759 min-width: 0;
37761 .reportbuilder-report-container button[data-action=toggle-edit-preview] .loading-icon {
37762 margin-left: 0.5rem;
37765 .reportbuilder-editor-table-container {
37766 overflow-x: auto;
37769 .reportbuilder-table th button[data-action=report-remove-column] .icon,
37770 .reportbuilder-table th span[data-drag-type=move] .icon {
37771 width: 12px;
37772 height: 12px;
37773 font-size: 12px;
37774 vertical-align: text-top;
37775 color: #1d2125;
37777 .reportbuilder-table th button[data-action=report-remove-column] .icon {
37778 margin-right: 0;
37781 @media (min-width: 992px) {
37782 .reportbuilder-sidebar-menu {
37783 width: 250px;
37784 flex-shrink: 0;
37787 .reportbuilder-sidebar-menu .card-body .list-group-item {
37788 padding: 0.75rem;
37790 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
37791 width: 12px;
37792 height: 12px;
37793 font-size: 12px;
37796 .reportbuilder-sidebar-menu-cards {
37797 overflow-y: auto;
37798 scrollbar-width: thin;
37799 scrollbar-color: #6a737b #f8f9fa;
37801 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
37802 width: 12px;
37804 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
37805 background: #f8f9fa;
37807 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
37808 background-color: #6a737b;
37809 border-radius: 20px;
37810 border: 3px solid #f8f9fa;
37812 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
37813 background-color: #495057;
37816 .reportbuilder-sidebar-settings {
37817 overflow-y: auto;
37818 scrollbar-width: thin;
37819 scrollbar-color: #6a737b #f8f9fa;
37821 .reportbuilder-sidebar-settings::-webkit-scrollbar {
37822 width: 12px;
37824 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
37825 background: #f8f9fa;
37827 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
37828 background-color: #6a737b;
37829 border-radius: 20px;
37830 border: 3px solid #f8f9fa;
37832 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
37833 background-color: #495057;
37835 @media (min-width: 992px) {
37836 .reportbuilder-sidebar-settings {
37837 width: 350px;
37838 flex-shrink: 0;
37841 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-selection,
37842 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-selection {
37843 display: none;
37845 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-input,
37846 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-input {
37847 width: 100%;
37849 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-suggestions,
37850 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-suggestions {
37851 width: calc(100% - 2 * 0.5rem);
37853 .reportbuilder-sidebar-settings .list-group-item {
37854 padding: 0.75rem;
37856 .reportbuilder-sidebar-settings .list-group-item .icon {
37857 width: 12px;
37858 height: 12px;
37859 font-size: 12px;
37860 color: #1d2125;
37862 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
37863 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
37864 margin-right: 0;
37865 vertical-align: text-top;
37867 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
37868 vertical-align: text-top;
37870 .reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
37871 vertical-align: middle;
37873 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
37874 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
37875 flex: 1 1;
37876 max-width: initial;
37878 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
37879 flex-basis: auto;
37881 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
37882 width: 100%;
37885 @keyframes sortable-list-drag-color-reset {
37886 from {
37887 background-color: #a2cff8;
37889 to {
37890 background-color: inherit;
37893 .reportbuilder-sortable-list li.sortable-list-current-position,
37894 .reportbuilder-table th.sortable-list-current-position,
37895 .reportbuilder-conditions-list .condition.sortable-list-current-position {
37896 background-color: #a2cff8;
37898 .reportbuilder-sortable-list li.sortable-list-is-dragged,
37899 .reportbuilder-table th.sortable-list-is-dragged,
37900 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
37901 background-color: #fff;
37902 opacity: 0.85;
37904 .reportbuilder-sortable-list li.sortable-list-is-dropped,
37905 .reportbuilder-table th.sortable-list-is-dropped,
37906 .reportbuilder-conditions-list .condition.sortable-list-is-dropped {
37907 animation: sortable-list-drag-color-reset 1s ease;
37910 .reportbuilder-toggle-card .card-header {
37911 border-bottom: none;
37913 .reportbuilder-toggle-card .card-body {
37914 border-top: 1px solid rgba(0, 0, 0, 0.125);
37916 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
37917 color: #6a737b;
37918 font-size: 1.5em;
37919 font-weight: 700;
37921 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
37922 display: none;
37924 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
37925 display: inline-block;
37927 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
37928 display: inline-block;
37930 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
37931 display: none;
37934 .reportbuilder-audiences-container .audience-separator {
37935 text-transform: uppercase;
37937 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
37938 content: "";
37939 flex: 1;
37940 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
37942 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
37943 margin-right: 1rem;
37945 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
37946 margin-left: 1rem;
37948 .reportbuilder-audiences-container .instance-card .card-header i.icon {
37949 margin-right: 0;
37952 @media (max-width: 575.98px) {
37953 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
37954 display: none;
37956 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
37957 display: flex;
37958 flex-direction: column;
37959 margin: 0.5rem 0;
37960 padding: 0.25rem 0.5rem 0 0.5rem;
37961 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37962 word-wrap: break-word;
37963 background-clip: border-box;
37964 border: 1px solid rgba(0, 0, 0, 0.125);
37965 border-radius: 0.25rem;
37967 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
37968 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37970 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
37971 display: none;
37973 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
37974 display: none;
37976 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
37977 display: block;
37978 min-height: 3.6rem;
37979 padding: 0.5rem 0.25rem;
37980 border: none;
37982 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
37983 content: attr(data-cardtitle);
37984 display: block;
37985 text-transform: uppercase;
37986 font-size: 70%;
37987 color: #343a40;
37989 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
37990 min-height: 3rem;
37992 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
37993 border-top: 1px solid rgba(0, 0, 0, 0.125);
37995 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
37996 padding-right: 2rem;
37998 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
37999 display: block !important; /* stylelint-disable-line declaration-no-important */
38000 position: absolute;
38001 right: 10px;
38003 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
38004 padding: 0 0.5rem;
38005 color: #6a737b;
38007 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
38008 font-size: 1.5em;
38009 font-weight: bold;
38012 @media (min-width: 576px) {
38013 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
38014 display: none;
38016 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
38017 display: flex;
38018 flex-direction: column;
38019 margin: 0.5rem 0;
38020 padding: 0.25rem 0.5rem 0 0.5rem;
38021 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38022 word-wrap: break-word;
38023 background-clip: border-box;
38024 border: 1px solid rgba(0, 0, 0, 0.125);
38025 border-radius: 0.25rem;
38027 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
38028 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38030 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
38031 display: none;
38033 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38034 display: none;
38036 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
38037 display: block;
38038 min-height: 3.6rem;
38039 padding: 0.5rem 0.25rem;
38040 border: none;
38042 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
38043 content: attr(data-cardtitle);
38044 display: block;
38045 text-transform: uppercase;
38046 font-size: 70%;
38047 color: #343a40;
38049 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
38050 min-height: 3rem;
38052 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38053 border-top: 1px solid rgba(0, 0, 0, 0.125);
38055 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
38056 padding-right: 2rem;
38058 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
38059 display: block !important; /* stylelint-disable-line declaration-no-important */
38060 position: absolute;
38061 right: 10px;
38063 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
38064 padding: 0 0.5rem;
38065 color: #6a737b;
38067 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
38068 font-size: 1.5em;
38069 font-weight: bold;
38073 .courseindex .courseindex-item {
38074 padding: 0.5rem 0.5rem;
38075 border: 1px solid transparent;
38076 border-radius: 0.25rem;
38078 .courseindex .courseindex-item.courseindex-section-title a {
38079 font-weight: bold;
38081 .courseindex .courseindex-item .icons-collapse-expand {
38082 padding-right: 4px;
38084 .courseindex .courseindex-item .courseindex-link,
38085 .courseindex .courseindex-item .courseindex-chevron {
38086 color: #495057;
38088 .courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus,
38089 .courseindex .courseindex-item .courseindex-chevron:hover,
38090 .courseindex .courseindex-item .courseindex-chevron:focus {
38091 color: black;
38092 text-decoration: none;
38094 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
38095 color: black;
38097 .courseindex .courseindex-item:hover .courseindex-link,
38098 .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
38099 .courseindex .courseindex-item:focus .courseindex-chevron {
38100 color: black;
38101 cursor: pointer;
38103 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
38104 color: black;
38106 .courseindex .courseindex-item:hover.dimmed .courseindex-link,
38107 .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
38108 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
38109 color: black;
38111 .courseindex .courseindex-item.dragging {
38112 border: 1px solid #b8dce2;
38113 background-color: #e0f0f2;
38115 .courseindex .courseindex-item.active {
38116 background-color: #f8f9fa;
38117 border-color: #dee2e6;
38119 .courseindex .courseindex-item.dimmed {
38120 color: #6a737b;
38122 .courseindex .courseindex-item.dimmed .courseindex-link,
38123 .courseindex .courseindex-item.dimmed .courseindex-chevron {
38124 color: #6a737b;
38126 .courseindex .courseindex-item.dimmed.pageitem {
38127 color: #fff;
38129 .courseindex .courseindex-item.dimmed.pageitem a {
38130 color: #fff;
38132 .courseindex .courseindex-item .courseindex-locked {
38133 display: none;
38135 .courseindex .courseindex-item.restrictions .courseindex-locked {
38136 display: block;
38138 .courseindex .courseindex-item.pageitem {
38139 background-color: #0f6cbf;
38140 color: #fff;
38141 scroll-margin: 6rem;
38143 .courseindex .courseindex-item.pageitem a {
38144 color: #fff;
38146 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
38147 background-color: #0c589c;
38148 color: #e6e6e6;
38150 .courseindex .courseindex-item.pageitem:hover .courseindex-link,
38151 .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
38152 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
38153 color: #e6e6e6;
38155 .courseindex .courseindex-item .completioninfo {
38156 min-width: 24px;
38158 .courseindex .courseindex-item .completioninfo.completion_complete {
38159 color: #357a32;
38161 .courseindex .courseindex-item .completioninfo.completion_fail {
38162 color: #ca3120;
38164 .courseindex .courseindex-item.indented {
38165 margin-left: 1rem;
38167 .courseindex .courseindex-section {
38168 border-left: solid 3px transparent;
38170 .courseindex .courseindex-section.dragging {
38171 border: 1px solid #b8dce2;
38172 background-color: #e0f0f2;
38174 .courseindex .courseindex-section .current-badge {
38175 line-height: 1.5;
38176 display: none;
38178 .courseindex .courseindex-section.current {
38179 border-left: solid 3px #0f6cbf;
38181 .courseindex .courseindex-section.current .current-badge {
38182 display: inline-block;
38184 .courseindex .courseindex-section.dropready .courseindex-item-content {
38185 /* Extra dropzone space */
38186 padding-bottom: 1em;
38188 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
38189 padding-left: 0.5rem;
38191 .courseindex .icon {
38192 font-size: 12px;
38194 .courseindex .d-flex-noedit {
38195 display: none;
38197 .courseindex.editing .d-flex-noedit {
38198 display: flex;
38200 .courseindex .placeholders .rounded-circle {
38201 height: 1rem;
38202 width: 1rem;
38204 .courseindex .placeholders .w-100 {
38205 height: 1rem;
38206 margin: 0.5rem 0;
38209 .moremenu {
38210 opacity: 0;
38211 height: 50px;
38213 .moremenu.observed {
38214 opacity: 1;
38216 .moremenu .nav-link {
38217 height: 50px;
38218 display: flex;
38219 align-items: center;
38220 border-right: none;
38221 border-bottom: solid 3px transparent;
38222 border-left: none;
38223 border-top: none;
38225 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
38226 border-color: transparent;
38227 background-color: #f8f9fa;
38229 .moremenu .nav-link.active {
38230 background-color: #f8f9fa;
38231 border-color: transparent;
38232 border-bottom-color: #0f6cbf;
38234 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
38235 background-color: #f8f9fa;
38236 border-bottom-color: #0f6cbf;
38238 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
38239 position: relative;
38241 .moremenu .nav-link[data-toggle=tab] {
38242 display: inline-flex;
38243 flex-direction: column;
38244 align-items: center;
38245 justify-content: center;
38247 .moremenu .nav-link[data-toggle=tab]::after {
38248 content: attr(data-text)/"";
38249 height: 0;
38250 visibility: hidden;
38251 overflow: hidden;
38252 user-select: none;
38253 pointer-events: none;
38254 font-weight: bold;
38256 @media speech {
38257 .moremenu .nav-link[data-toggle=tab]::after {
38258 display: none;
38261 .moremenu .nav-tabs {
38262 margin-left: 0;
38263 background-color: #fff;
38265 .moremenu .show > .nav-link,
38266 .moremenu .active > .nav-link,
38267 .moremenu .nav-link.show,
38268 .moremenu .nav-link.active {
38269 background: transparent;
38271 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
38272 padding: 0;
38274 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
38275 position: static;
38276 padding: 0;
38277 border: 0;
38279 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
38280 display: block;
38282 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
38283 background-color: #f8f9fa;
38285 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
38286 color: #fff;
38287 background-color: #0f6cbf;
38289 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
38290 display: none;
38292 .moremenu .dropdown-item[aria-current=true],
38293 .moremenu .dropdown-item.active {
38294 background-color: transparent;
38295 color: #1d2125;
38297 .moremenu .dropdown-item[aria-current=true]:focus-within, .moremenu .dropdown-item[aria-current=true]:hover,
38298 .moremenu .dropdown-item.active:focus-within,
38299 .moremenu .dropdown-item.active:hover {
38300 background-color: #0f6cbf;
38301 color: #fff;
38303 .moremenu .dropdown-item[aria-current=true]:focus-within a, .moremenu .dropdown-item[aria-current=true]:hover a,
38304 .moremenu .dropdown-item.active:focus-within a,
38305 .moremenu .dropdown-item.active:hover a {
38306 color: #fff;
38308 .moremenu .dropdown-item[aria-current=true]:before,
38309 .moremenu .dropdown-item.active:before {
38310 content: "\f00c";
38313 .primary-navigation .navigation {
38314 height: 50px;
38316 .primary-navigation .navigation .nav-link {
38317 height: 50px;
38318 color: #1d2125;
38319 border-top: 3px solid transparent;
38322 @media (max-width: 767.98px) {
38323 .primary-navigation {
38324 display: none;
38326 .editmode-switch-form label {
38327 position: absolute;
38328 width: 1px;
38329 height: 1px;
38330 padding: 0;
38331 margin: -1px;
38332 overflow: hidden;
38333 clip: rect(0, 0, 0, 0);
38334 white-space: nowrap;
38335 border: 0;
38338 .editmode-switch-form .custom-control-input {
38339 width: 100%;
38340 z-index: 1;
38343 .drawer-primary .drawercontent {
38344 padding: 0;
38346 .drawer-primary .drawercontent .list-group {
38347 border-radius: 0;
38348 margin-top: -1px;
38350 .drawer-primary .drawercontent .list-group .list-group-item {
38351 border-left: 0;
38352 border-right: 0;
38355 .secondary-navigation {
38356 padding-bottom: 15px;
38358 .secondary-navigation .navigation {
38359 border-bottom: 1px solid #dee2e6;
38360 background-color: #fff;
38361 margin: 0 -0.5rem;
38362 padding: 0 0.5rem;
38364 .secondary-navigation .navigation .nav-tabs {
38365 border: none;
38366 max-width: 830px;
38367 margin: 0 auto;
38369 .secondary-navigation .navigation .nav-tabs .nav-link {
38370 border-radius: initial;
38373 @media (min-width: 768px) {
38374 .secondary-navigation .navigation {
38375 padding: 0 calc(0.5rem + 15px);
38378 .tertiary-navigation {
38379 padding-top: 10px;
38381 .tertiary-navigation.full-width-bottom-border {
38382 width: calc(100% + 1rem + 30px);
38383 margin-left: calc(-0.5rem - 15px);
38384 margin-right: calc(-0.5rem - 15px);
38385 border-bottom: 1px solid #dee2e6;
38386 margin-bottom: 25px;
38388 @media (max-width: 767.98px) {
38389 .tertiary-navigation.full-width-bottom-border {
38390 width: calc(100% + 1rem);
38391 margin-left: -0.5rem;
38392 margin-right: -0.5rem;
38395 .tertiary-navigation.full-width-bottom-border .row {
38396 margin: 0;
38397 padding-left: 0.5rem;
38398 padding-right: 0.5rem;
38400 .tertiary-navigation .navitem,
38401 .tertiary-navigation .navitem-divider {
38402 display: flex;
38403 margin-bottom: 25px;
38405 .tertiary-navigation .navitem-divider {
38406 width: 1px;
38407 background-color: #dee2e6;
38409 .tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
38410 margin-bottom: 25px;
38412 .tertiary-navigation .row {
38413 column-gap: 10px;
38415 .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
38416 padding: 0;
38417 font-size: 1.4rem;
38418 font-weight: bold;
38420 .tertiary-navigation .navitem:not(:last-child),
38421 .tertiary-navigation .navitem-divider:not(:last-child) {
38422 margin-right: 20px;
38424 .tertiary-navigation .btn > div {
38425 max-width: 200px;
38428 @media (max-width: 767.98px) {
38429 .tertiary-navigation .mform {
38430 padding-left: initial;
38433 @media (max-width: 575.98px) {
38434 .tertiary-navigation .page-toggler > p {
38435 font-size: 80%;
38438 @media print {
38439 .tertiary-navigation {
38440 display: none;
38443 .popover-process-monitor {
38444 position: fixed;
38445 right: 2rem;
38446 bottom: 5rem;
38447 width: 350px;
38448 background-color: #fff;
38449 border-radius: 0.25rem;
38450 border: 1px solid #dee2e6;
38452 .popover-process-monitor .process-list {
38453 max-height: 30vh;
38454 overflow: auto;
38455 scrollbar-width: thin;
38456 scrollbar-color: #6a737b #f8f9fa;
38458 .popover-process-monitor .process-list::-webkit-scrollbar {
38459 width: 12px;
38461 .popover-process-monitor .process-list::-webkit-scrollbar-track {
38462 background: #f8f9fa;
38464 .popover-process-monitor .process-list::-webkit-scrollbar-thumb {
38465 background-color: #6a737b;
38466 border-radius: 20px;
38467 border: 3px solid #f8f9fa;
38469 .popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
38470 background-color: #495057;
38472 .popover-process-monitor .queue-process {
38473 border-bottom: 1px solid #e9ecef;
38475 .popover-process-monitor .queue-process:last-child {
38476 border-bottom: 0;
38479 .moodlenet-share-dialog {
38480 min-height: 500px;
38482 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
38483 align-items: baseline;
38485 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
38486 display: flex;
38488 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
38489 width: auto;
38490 height: 1.3rem;
38492 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
38493 display: flex;
38494 padding-left: 0.5em;
38496 .moodlenet-share-dialog .modal-header.no-border {
38497 border-bottom: none;
38499 .moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
38500 display: none;
38502 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
38503 border-radius: 0.25rem;
38504 color: #1d2125;
38505 background-color: #f5f9fc;
38506 border-color: #3584c9;
38507 border-width: 1px;
38508 border-style: solid;
38509 padding: 0.6em 1.5em;
38510 margin-bottom: 1rem;
38512 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
38513 border-top-color: #3077b5;
38515 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
38516 color: #070808;
38518 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
38519 border-bottom: 1px solid #dee2e6;
38521 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type,
38522 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
38523 display: block;
38525 .moodlenet-share-dialog .modal-body .moodlenet-share-notice {
38526 background-color: #f8f9fa;
38527 padding: 1rem;
38529 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
38530 width: 60px;
38531 height: 60px;
38532 font-size: 60px;
38534 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
38535 height: 18rem;
38536 margin: auto;
38538 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
38539 background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
38541 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
38542 background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
38544 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
38545 display: block;
38546 margin: auto;
38548 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
38549 font-size: 8rem;
38550 width: auto;
38551 margin: 0;
38553 .moodlenet-share-dialog .modal-footer .moodlenet-share-to {
38554 margin-right: auto;
38558 * Dropdown menu Moodle specific styles.
38560 .dropdown-item a {
38561 display: block;
38562 width: 100%;
38563 color: #1d2125;
38565 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
38566 outline: 0;
38567 background-color: #0f6cbf;
38568 color: #fff;
38570 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
38571 color: #fff;
38573 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
38574 position: relative;
38575 display: flex;
38576 align-items: center;
38578 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
38579 content: "\f00c";
38580 position: absolute;
38581 left: 0.4rem;
38582 font-size: 0.7rem;
38585 .dropdown-menu {
38586 width: fit-content;
38589 .dropdown-item.text-primary {
38590 color: #0f6cbf;
38592 .dropdown-item.text-primary:hover {
38593 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38596 .dropdown-item.text-secondary {
38597 color: #ced4da;
38599 .dropdown-item.text-secondary:hover {
38600 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38603 .dropdown-item.text-success {
38604 color: #357a32;
38606 .dropdown-item.text-success:hover {
38607 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38610 .dropdown-item.text-info {
38611 color: #008196;
38613 .dropdown-item.text-info:hover {
38614 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38617 .dropdown-item.text-warning {
38618 color: #f0ad4e;
38620 .dropdown-item.text-warning:hover {
38621 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38624 .dropdown-item.text-danger {
38625 color: #ca3120;
38627 .dropdown-item.text-danger:hover {
38628 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38631 .dropdown-item.text-light {
38632 color: #f8f9fa;
38634 .dropdown-item.text-light:hover {
38635 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38638 .dropdown-item.text-dark {
38639 color: #343a40;
38641 .dropdown-item.text-dark:hover {
38642 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38646 Deprecations
38648 .path-course-view li.activity form.togglecompletion {
38649 /* stylelint-disable declaration-no-important */
38650 /* stylelint-enable */
38652 body.behat-site .path-course-view li.activity form.togglecompletion,
38653 .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,
38654 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion {
38655 outline: 3px dotted #ca3120 !important;
38656 background-color: #fceeed !important;
38658 body.behat-site .path-course-view li.activity form.togglecompletion::before,
38659 .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,
38660 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion::before {
38661 content: "Deprecated style in use" !important;
38662 color: #ca3120 !important;
38663 font-size: smaller !important;
38666 .path-course-view li.activity form.togglecompletion .ajaxworking {
38667 width: 16px;
38668 height: 16px;
38669 position: absolute;
38670 right: 22px;
38671 top: 3px;
38672 background: url([[pix:i/ajaxloader]]) no-repeat;
38675 .path-course-view li.activity form.togglecompletion .btn {
38676 padding: 0;
38679 .path-course-view li.activity form.togglecompletion img {
38680 max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
38683 body {
38684 -webkit-font-smoothing: antialiased;
38685 -moz-osx-font-smoothing: grayscale;
38688 .navbar {
38689 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
38692 .userpicture {
38693 border-radius: 50%;
38696 .block {
38697 background-color: #f8f9fa;
38700 #page-my-index {
38701 background-color: #fff;
38704 .btn-outline-secondary {
38705 color: #6a737b;
38706 border-color: #6a737b;
38707 border-color: #6a737b;
38709 .btn-outline-secondary:hover {
38710 color: #fff;
38711 background-color: #6a737b;
38712 border-color: #6a737b;
38714 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
38715 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38717 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
38718 color: #6a737b;
38719 background-color: transparent;
38721 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
38722 color: #fff;
38723 background-color: #6a737b;
38724 border-color: #6a737b;
38726 .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 {
38727 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38730 .btn-outline-info {
38731 color: #1f7e9a;
38732 border-color: #1f7e9a;
38734 .btn-outline-info:hover {
38735 color: #fff;
38736 background-color: #1f7e9a;
38737 border-color: #1f7e9a;
38739 .btn-outline-info:focus, .btn-outline-info.focus {
38740 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38742 .btn-outline-info.disabled, .btn-outline-info:disabled {
38743 color: #1f7e9a;
38744 background-color: transparent;
38746 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
38747 color: #fff;
38748 background-color: #1f7e9a;
38749 border-color: #1f7e9a;
38751 .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 {
38752 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38755 .btn-outline-warning {
38756 color: #a6670e;
38757 border-color: #a6670e;
38759 .btn-outline-warning:hover {
38760 color: #fff;
38761 background-color: #a6670e;
38762 border-color: #a6670e;
38764 .btn-outline-warning:focus, .btn-outline-warning.focus {
38765 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38767 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
38768 color: #a6670e;
38769 background-color: transparent;
38771 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
38772 color: #fff;
38773 background-color: #a6670e;
38774 border-color: #a6670e;
38776 .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 {
38777 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38780 .path-grade-report-grader .gradeparent tr.heading {
38781 top: 50px;
38783 .path-grade-report-grader .gradeparent th.header {
38784 left: 0;
38787 @media (max-width: 767.98px) {
38788 .blockcolumn,
38789 .region-main {
38790 flex: 0 0 100%;
38791 max-width: 100%;
38792 padding: 0 1rem;
38793 margin-bottom: 1rem;
38796 @media (min-width: 768px) {
38797 #page-content {
38798 display: flex;
38800 #page-content .region-main {
38801 flex: 0 0 100%;
38802 padding: 0 1rem;
38803 max-width: 100%;
38805 #page-content.blocks-pre .columnleft {
38806 flex: 0 0 32%;
38807 order: -1;
38808 padding: 0 1rem;
38809 max-width: 32%;
38811 #page-content.blocks-pre .region-main {
38812 flex: 0 0 68%;
38813 max-width: 68%;
38814 padding: 0 1rem 0 0;
38816 #page-content.blocks-pre .region-main #region-main {
38817 border: 1px solid rgba(0, 0, 0, 0.125);
38818 padding: 1.25rem;
38819 border-radius: 0.25rem;
38821 #page-content.blocks-post .region-main {
38822 flex: 0 0 68%;
38823 max-width: 68%;
38824 padding: 0 0 0 1rem;
38826 #page-content.blocks-post .columnright {
38827 flex: 0 0 32%;
38828 padding: 0 1rem;
38829 max-width: 32%;
38831 #page-content.blocks-pre.blocks-post .region-main {
38832 flex: 0 0 36%;
38833 max-width: 36%;
38834 padding: 0;
38836 #page-content [data-region=blocks-column] {
38837 width: 100%;
38839 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38840 flex: 0 0 68%;
38841 max-width: 68%;
38842 padding-left: 1rem;
38844 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38845 flex: 0 0 32%;
38846 padding: 0 1rem;
38847 max-width: 32%;
38849 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38850 flex: 0 0 68%;
38851 max-width: 68%;
38852 padding-right: 1rem;
38854 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38855 flex: 0 0 32%;
38856 order: -1;
38857 padding: 0 1rem;
38858 max-width: 32%;
38860 .used-region-side-post.used-region-side-pre #page-content .region-main {
38861 flex: 0 0 36%;
38862 max-width: 36%;
38863 padding: 0;
38865 .used-region-side-post.used-region-side-pre #page-content .columnleft {
38866 flex: 0 0 32%;
38867 order: -1;
38868 padding: 0 1rem;
38869 max-width: 32%;
38871 .used-region-side-post.used-region-side-pre #page-content .columnright {
38872 flex: 0 0 32%;
38873 padding: 0 1rem;
38874 max-width: 32%;
38877 @media (min-width: 992px) {
38878 #page-content {
38879 display: flex;
38881 #page-content .region-main {
38882 flex: 0 0 100%;
38883 padding: 0 1rem;
38884 max-width: 100%;
38886 #page-content.blocks-pre .columnleft {
38887 flex: 0 0 25%;
38888 order: -1;
38889 padding: 0 1rem;
38890 max-width: 25%;
38892 #page-content.blocks-pre .region-main {
38893 flex: 0 0 75%;
38894 max-width: 75%;
38895 padding: 0 1rem 0 0;
38897 #page-content.blocks-pre .region-main #region-main {
38898 border: 1px solid rgba(0, 0, 0, 0.125);
38899 padding: 1.25rem;
38900 border-radius: 0.25rem;
38902 #page-content.blocks-post .region-main {
38903 flex: 0 0 75%;
38904 max-width: 75%;
38905 padding: 0 0 0 1rem;
38907 #page-content.blocks-post .columnright {
38908 flex: 0 0 25%;
38909 padding: 0 1rem;
38910 max-width: 25%;
38912 #page-content.blocks-pre.blocks-post .region-main {
38913 flex: 0 0 50%;
38914 max-width: 50%;
38915 padding: 0;
38917 #page-content [data-region=blocks-column] {
38918 width: 100%;
38920 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38921 flex: 0 0 75%;
38922 max-width: 75%;
38923 padding-left: 1rem;
38925 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38926 flex: 0 0 25%;
38927 padding: 0 1rem;
38928 max-width: 25%;
38930 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38931 flex: 0 0 75%;
38932 max-width: 75%;
38933 padding-right: 1rem;
38935 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38936 flex: 0 0 25%;
38937 order: -1;
38938 padding: 0 1rem;
38939 max-width: 25%;
38941 .used-region-side-post.used-region-side-pre #page-content .region-main {
38942 flex: 0 0 50%;
38943 max-width: 50%;
38944 padding: 0;
38946 .used-region-side-post.used-region-side-pre #page-content .columnleft {
38947 flex: 0 0 25%;
38948 order: -1;
38949 padding: 0 1rem;
38950 max-width: 25%;
38952 .used-region-side-post.used-region-side-pre #page-content .columnright {
38953 flex: 0 0 25%;
38954 padding: 0 1rem;
38955 max-width: 25%;
38958 @media (min-width: 1200px) {
38959 #page-content {
38960 display: flex;
38962 #page-content .region-main {
38963 flex: 0 0 100%;
38964 padding: 0 1rem;
38965 max-width: 100%;
38967 #page-content.blocks-pre .columnleft {
38968 flex: 0 0 20%;
38969 order: -1;
38970 padding: 0 1rem;
38971 max-width: 20%;
38973 #page-content.blocks-pre .region-main {
38974 flex: 0 0 80%;
38975 max-width: 80%;
38976 padding: 0 1rem 0 0;
38978 #page-content.blocks-pre .region-main #region-main {
38979 border: 1px solid rgba(0, 0, 0, 0.125);
38980 padding: 1.25rem;
38981 border-radius: 0.25rem;
38983 #page-content.blocks-post .region-main {
38984 flex: 0 0 80%;
38985 max-width: 80%;
38986 padding: 0 0 0 1rem;
38988 #page-content.blocks-post .columnright {
38989 flex: 0 0 20%;
38990 padding: 0 1rem;
38991 max-width: 20%;
38993 #page-content.blocks-pre.blocks-post .region-main {
38994 flex: 0 0 60%;
38995 max-width: 60%;
38996 padding: 0;
38998 #page-content [data-region=blocks-column] {
38999 width: 100%;
39001 .empty-region-side-pre.used-region-side-post #page-content .region-main {
39002 flex: 0 0 80%;
39003 max-width: 80%;
39004 padding-left: 1rem;
39006 .empty-region-side-pre.used-region-side-post #page-content .columnright {
39007 flex: 0 0 20%;
39008 padding: 0 1rem;
39009 max-width: 20%;
39011 .empty-region-side-post.used-region-side-pre #page-content .region-main {
39012 flex: 0 0 80%;
39013 max-width: 80%;
39014 padding-right: 1rem;
39016 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
39017 flex: 0 0 20%;
39018 order: -1;
39019 padding: 0 1rem;
39020 max-width: 20%;
39022 .used-region-side-post.used-region-side-pre #page-content .region-main {
39023 flex: 0 0 60%;
39024 max-width: 60%;
39025 padding: 0;
39027 .used-region-side-post.used-region-side-pre #page-content .columnleft {
39028 flex: 0 0 20%;
39029 order: -1;
39030 padding: 0 1rem;
39031 max-width: 20%;
39033 .used-region-side-post.used-region-side-pre #page-content .columnright {
39034 flex: 0 0 20%;
39035 padding: 0 1rem;
39036 max-width: 20%;
39039 @media print {
39040 #page-content .region-main {
39041 max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
39042 flex: 0 0 100% !important; /* stylelint-disable-line declaration-no-important */
39043 padding: 0 1rem 0 !important; /* stylelint-disable-line declaration-no-important */
39046 .block_navigation .block_tree.list > li > ul,
39047 .block_settings .block_tree.list > li > ul {
39048 padding-left: 0;
39050 .block_navigation .block_tree .tree_item.branch,
39051 .block_settings .block_tree .tree_item.branch {
39052 margin-left: 5px;
39053 padding-left: 0.75rem;
39055 .block_navigation .block_tree p.hasicon,
39056 .block_settings .block_tree p.hasicon {
39057 text-indent: 0;
39058 padding-left: 0.75rem;
39060 .block_navigation .block_tree ul,
39061 .block_settings .block_tree ul {
39062 margin-left: 0.25rem;
39063 padding-left: 1rem;
39066 .block_navigation .block_tree p.hasicon .icon,
39067 .block_settings .block_tree p.hasicon .icon {
39068 margin-right: 5px;
39071 .root_node,
39072 .navigation_node {
39073 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
39074 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
39077 .block.block_settings #settingsnav {
39078 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
39081 #page-footer {
39082 padding-top: 0.5rem;
39083 padding-bottom: 0.5rem;
39086 body.hasstickyfooter #page-footer {
39087 padding-bottom: calc(1rem * .5 + max(80px, 0.9375rem * 3));