Merge branch 'MDL-81110-main' of https://github.com/roland04/moodle
[moodle.git] / theme / boost / style / moodle.css
blob155abcd3e66d6c3441f5dedbad3835398c7b3331
1 @charset "UTF-8";
2 /*!
3 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
4 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
5 * Copyright 2023 Fonticons, Inc.
6 */
7 :root, :host {
8 --fa-style-family-brands: "Font Awesome 6 Brands";
9 --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
12 @font-face {
13 font-family: "Font Awesome 6 Brands";
14 font-style: normal;
15 font-weight: 400;
16 font-display: block;
17 src: url("[[font:core|fa-brands-400.woff2]]") format("woff2"), url("[[font:core|fa-brands-400.ttf]]") format("truetype");
19 .fab,
20 .fa-brands {
21 font-weight: 400;
24 .fa-monero:before {
25 content: "\f3d0";
28 .fa-hooli:before {
29 content: "\f427";
32 .fa-yelp:before {
33 content: "\f1e9";
36 .fa-cc-visa:before {
37 content: "\f1f0";
40 .fa-lastfm:before {
41 content: "\f202";
44 .fa-shopware:before {
45 content: "\f5b5";
48 .fa-creative-commons-nc:before {
49 content: "\f4e8";
52 .fa-aws:before {
53 content: "\f375";
56 .fa-redhat:before {
57 content: "\f7bc";
60 .fa-yoast:before {
61 content: "\f2b1";
64 .fa-cloudflare:before {
65 content: "\e07d";
68 .fa-ups:before {
69 content: "\f7e0";
72 .fa-wpexplorer:before {
73 content: "\f2de";
76 .fa-dyalog:before {
77 content: "\f399";
80 .fa-bity:before {
81 content: "\f37a";
84 .fa-stackpath:before {
85 content: "\f842";
88 .fa-buysellads:before {
89 content: "\f20d";
92 .fa-first-order:before {
93 content: "\f2b0";
96 .fa-modx:before {
97 content: "\f285";
100 .fa-guilded:before {
101 content: "\e07e";
104 .fa-vnv:before {
105 content: "\f40b";
108 .fa-square-js:before {
109 content: "\f3b9";
112 .fa-js-square:before {
113 content: "\f3b9";
116 .fa-microsoft:before {
117 content: "\f3ca";
120 .fa-qq:before {
121 content: "\f1d6";
124 .fa-orcid:before {
125 content: "\f8d2";
128 .fa-java:before {
129 content: "\f4e4";
132 .fa-invision:before {
133 content: "\f7b0";
136 .fa-creative-commons-pd-alt:before {
137 content: "\f4ed";
140 .fa-centercode:before {
141 content: "\f380";
144 .fa-glide-g:before {
145 content: "\f2a6";
148 .fa-drupal:before {
149 content: "\f1a9";
152 .fa-hire-a-helper:before {
153 content: "\f3b0";
156 .fa-creative-commons-by:before {
157 content: "\f4e7";
160 .fa-unity:before {
161 content: "\e049";
164 .fa-whmcs:before {
165 content: "\f40d";
168 .fa-rocketchat:before {
169 content: "\f3e8";
172 .fa-vk:before {
173 content: "\f189";
176 .fa-untappd:before {
177 content: "\f405";
180 .fa-mailchimp:before {
181 content: "\f59e";
184 .fa-css3-alt:before {
185 content: "\f38b";
188 .fa-square-reddit:before {
189 content: "\f1a2";
192 .fa-reddit-square:before {
193 content: "\f1a2";
196 .fa-vimeo-v:before {
197 content: "\f27d";
200 .fa-contao:before {
201 content: "\f26d";
204 .fa-square-font-awesome:before {
205 content: "\e5ad";
208 .fa-deskpro:before {
209 content: "\f38f";
212 .fa-sistrix:before {
213 content: "\f3ee";
216 .fa-square-instagram:before {
217 content: "\e055";
220 .fa-instagram-square:before {
221 content: "\e055";
224 .fa-battle-net:before {
225 content: "\f835";
228 .fa-the-red-yeti:before {
229 content: "\f69d";
232 .fa-square-hacker-news:before {
233 content: "\f3af";
236 .fa-hacker-news-square:before {
237 content: "\f3af";
240 .fa-edge:before {
241 content: "\f282";
244 .fa-napster:before {
245 content: "\f3d2";
248 .fa-square-snapchat:before {
249 content: "\f2ad";
252 .fa-snapchat-square:before {
253 content: "\f2ad";
256 .fa-google-plus-g:before {
257 content: "\f0d5";
260 .fa-artstation:before {
261 content: "\f77a";
264 .fa-markdown:before {
265 content: "\f60f";
268 .fa-sourcetree:before {
269 content: "\f7d3";
272 .fa-google-plus:before {
273 content: "\f2b3";
276 .fa-diaspora:before {
277 content: "\f791";
280 .fa-foursquare:before {
281 content: "\f180";
284 .fa-stack-overflow:before {
285 content: "\f16c";
288 .fa-github-alt:before {
289 content: "\f113";
292 .fa-phoenix-squadron:before {
293 content: "\f511";
296 .fa-pagelines:before {
297 content: "\f18c";
300 .fa-algolia:before {
301 content: "\f36c";
304 .fa-red-river:before {
305 content: "\f3e3";
308 .fa-creative-commons-sa:before {
309 content: "\f4ef";
312 .fa-safari:before {
313 content: "\f267";
316 .fa-google:before {
317 content: "\f1a0";
320 .fa-square-font-awesome-stroke:before {
321 content: "\f35c";
324 .fa-font-awesome-alt:before {
325 content: "\f35c";
328 .fa-atlassian:before {
329 content: "\f77b";
332 .fa-linkedin-in:before {
333 content: "\f0e1";
336 .fa-digital-ocean:before {
337 content: "\f391";
340 .fa-nimblr:before {
341 content: "\f5a8";
344 .fa-chromecast:before {
345 content: "\f838";
348 .fa-evernote:before {
349 content: "\f839";
352 .fa-hacker-news:before {
353 content: "\f1d4";
356 .fa-creative-commons-sampling:before {
357 content: "\f4f0";
360 .fa-adversal:before {
361 content: "\f36a";
364 .fa-creative-commons:before {
365 content: "\f25e";
368 .fa-watchman-monitoring:before {
369 content: "\e087";
372 .fa-fonticons:before {
373 content: "\f280";
376 .fa-weixin:before {
377 content: "\f1d7";
380 .fa-shirtsinbulk:before {
381 content: "\f214";
384 .fa-codepen:before {
385 content: "\f1cb";
388 .fa-git-alt:before {
389 content: "\f841";
392 .fa-lyft:before {
393 content: "\f3c3";
396 .fa-rev:before {
397 content: "\f5b2";
400 .fa-windows:before {
401 content: "\f17a";
404 .fa-wizards-of-the-coast:before {
405 content: "\f730";
408 .fa-square-viadeo:before {
409 content: "\f2aa";
412 .fa-viadeo-square:before {
413 content: "\f2aa";
416 .fa-meetup:before {
417 content: "\f2e0";
420 .fa-centos:before {
421 content: "\f789";
424 .fa-adn:before {
425 content: "\f170";
428 .fa-cloudsmith:before {
429 content: "\f384";
432 .fa-pied-piper-alt:before {
433 content: "\f1a8";
436 .fa-square-dribbble:before {
437 content: "\f397";
440 .fa-dribbble-square:before {
441 content: "\f397";
444 .fa-codiepie:before {
445 content: "\f284";
448 .fa-node:before {
449 content: "\f419";
452 .fa-mix:before {
453 content: "\f3cb";
456 .fa-steam:before {
457 content: "\f1b6";
460 .fa-cc-apple-pay:before {
461 content: "\f416";
464 .fa-scribd:before {
465 content: "\f28a";
468 .fa-openid:before {
469 content: "\f19b";
472 .fa-instalod:before {
473 content: "\e081";
476 .fa-expeditedssl:before {
477 content: "\f23e";
480 .fa-sellcast:before {
481 content: "\f2da";
484 .fa-square-twitter:before {
485 content: "\f081";
488 .fa-twitter-square:before {
489 content: "\f081";
492 .fa-r-project:before {
493 content: "\f4f7";
496 .fa-delicious:before {
497 content: "\f1a5";
500 .fa-freebsd:before {
501 content: "\f3a4";
504 .fa-vuejs:before {
505 content: "\f41f";
508 .fa-accusoft:before {
509 content: "\f369";
512 .fa-ioxhost:before {
513 content: "\f208";
516 .fa-fonticons-fi:before {
517 content: "\f3a2";
520 .fa-app-store:before {
521 content: "\f36f";
524 .fa-cc-mastercard:before {
525 content: "\f1f1";
528 .fa-itunes-note:before {
529 content: "\f3b5";
532 .fa-golang:before {
533 content: "\e40f";
536 .fa-kickstarter:before {
537 content: "\f3bb";
540 .fa-grav:before {
541 content: "\f2d6";
544 .fa-weibo:before {
545 content: "\f18a";
548 .fa-uncharted:before {
549 content: "\e084";
552 .fa-firstdraft:before {
553 content: "\f3a1";
556 .fa-square-youtube:before {
557 content: "\f431";
560 .fa-youtube-square:before {
561 content: "\f431";
564 .fa-wikipedia-w:before {
565 content: "\f266";
568 .fa-wpressr:before {
569 content: "\f3e4";
572 .fa-rendact:before {
573 content: "\f3e4";
576 .fa-angellist:before {
577 content: "\f209";
580 .fa-galactic-republic:before {
581 content: "\f50c";
584 .fa-nfc-directional:before {
585 content: "\e530";
588 .fa-skype:before {
589 content: "\f17e";
592 .fa-joget:before {
593 content: "\f3b7";
596 .fa-fedora:before {
597 content: "\f798";
600 .fa-stripe-s:before {
601 content: "\f42a";
604 .fa-meta:before {
605 content: "\e49b";
608 .fa-laravel:before {
609 content: "\f3bd";
612 .fa-hotjar:before {
613 content: "\f3b1";
616 .fa-bluetooth-b:before {
617 content: "\f294";
620 .fa-sticker-mule:before {
621 content: "\f3f7";
624 .fa-creative-commons-zero:before {
625 content: "\f4f3";
628 .fa-hips:before {
629 content: "\f452";
632 .fa-behance:before {
633 content: "\f1b4";
636 .fa-reddit:before {
637 content: "\f1a1";
640 .fa-discord:before {
641 content: "\f392";
644 .fa-chrome:before {
645 content: "\f268";
648 .fa-app-store-ios:before {
649 content: "\f370";
652 .fa-cc-discover:before {
653 content: "\f1f2";
656 .fa-wpbeginner:before {
657 content: "\f297";
660 .fa-confluence:before {
661 content: "\f78d";
664 .fa-mdb:before {
665 content: "\f8ca";
668 .fa-dochub:before {
669 content: "\f394";
672 .fa-accessible-icon:before {
673 content: "\f368";
676 .fa-ebay:before {
677 content: "\f4f4";
680 .fa-amazon:before {
681 content: "\f270";
684 .fa-unsplash:before {
685 content: "\e07c";
688 .fa-yarn:before {
689 content: "\f7e3";
692 .fa-square-steam:before {
693 content: "\f1b7";
696 .fa-steam-square:before {
697 content: "\f1b7";
700 .fa-500px:before {
701 content: "\f26e";
704 .fa-square-vimeo:before {
705 content: "\f194";
708 .fa-vimeo-square:before {
709 content: "\f194";
712 .fa-asymmetrik:before {
713 content: "\f372";
716 .fa-font-awesome:before {
717 content: "\f2b4";
720 .fa-font-awesome-flag:before {
721 content: "\f2b4";
724 .fa-font-awesome-logo-full:before {
725 content: "\f2b4";
728 .fa-gratipay:before {
729 content: "\f184";
732 .fa-apple:before {
733 content: "\f179";
736 .fa-hive:before {
737 content: "\e07f";
740 .fa-gitkraken:before {
741 content: "\f3a6";
744 .fa-keybase:before {
745 content: "\f4f5";
748 .fa-apple-pay:before {
749 content: "\f415";
752 .fa-padlet:before {
753 content: "\e4a0";
756 .fa-amazon-pay:before {
757 content: "\f42c";
760 .fa-square-github:before {
761 content: "\f092";
764 .fa-github-square:before {
765 content: "\f092";
768 .fa-stumbleupon:before {
769 content: "\f1a4";
772 .fa-fedex:before {
773 content: "\f797";
776 .fa-phoenix-framework:before {
777 content: "\f3dc";
780 .fa-shopify:before {
781 content: "\e057";
784 .fa-neos:before {
785 content: "\f612";
788 .fa-hackerrank:before {
789 content: "\f5f7";
792 .fa-researchgate:before {
793 content: "\f4f8";
796 .fa-swift:before {
797 content: "\f8e1";
800 .fa-angular:before {
801 content: "\f420";
804 .fa-speakap:before {
805 content: "\f3f3";
808 .fa-angrycreative:before {
809 content: "\f36e";
812 .fa-y-combinator:before {
813 content: "\f23b";
816 .fa-empire:before {
817 content: "\f1d1";
820 .fa-envira:before {
821 content: "\f299";
824 .fa-square-gitlab:before {
825 content: "\e5ae";
828 .fa-gitlab-square:before {
829 content: "\e5ae";
832 .fa-studiovinari:before {
833 content: "\f3f8";
836 .fa-pied-piper:before {
837 content: "\f2ae";
840 .fa-wordpress:before {
841 content: "\f19a";
844 .fa-product-hunt:before {
845 content: "\f288";
848 .fa-firefox:before {
849 content: "\f269";
852 .fa-linode:before {
853 content: "\f2b8";
856 .fa-goodreads:before {
857 content: "\f3a8";
860 .fa-square-odnoklassniki:before {
861 content: "\f264";
864 .fa-odnoklassniki-square:before {
865 content: "\f264";
868 .fa-jsfiddle:before {
869 content: "\f1cc";
872 .fa-sith:before {
873 content: "\f512";
876 .fa-themeisle:before {
877 content: "\f2b2";
880 .fa-page4:before {
881 content: "\f3d7";
884 .fa-hashnode:before {
885 content: "\e499";
888 .fa-react:before {
889 content: "\f41b";
892 .fa-cc-paypal:before {
893 content: "\f1f4";
896 .fa-squarespace:before {
897 content: "\f5be";
900 .fa-cc-stripe:before {
901 content: "\f1f5";
904 .fa-creative-commons-share:before {
905 content: "\f4f2";
908 .fa-bitcoin:before {
909 content: "\f379";
912 .fa-keycdn:before {
913 content: "\f3ba";
916 .fa-opera:before {
917 content: "\f26a";
920 .fa-itch-io:before {
921 content: "\f83a";
924 .fa-umbraco:before {
925 content: "\f8e8";
928 .fa-galactic-senate:before {
929 content: "\f50d";
932 .fa-ubuntu:before {
933 content: "\f7df";
936 .fa-draft2digital:before {
937 content: "\f396";
940 .fa-stripe:before {
941 content: "\f429";
944 .fa-houzz:before {
945 content: "\f27c";
948 .fa-gg:before {
949 content: "\f260";
952 .fa-dhl:before {
953 content: "\f790";
956 .fa-square-pinterest:before {
957 content: "\f0d3";
960 .fa-pinterest-square:before {
961 content: "\f0d3";
964 .fa-xing:before {
965 content: "\f168";
968 .fa-blackberry:before {
969 content: "\f37b";
972 .fa-creative-commons-pd:before {
973 content: "\f4ec";
976 .fa-playstation:before {
977 content: "\f3df";
980 .fa-quinscape:before {
981 content: "\f459";
984 .fa-less:before {
985 content: "\f41d";
988 .fa-blogger-b:before {
989 content: "\f37d";
992 .fa-opencart:before {
993 content: "\f23d";
996 .fa-vine:before {
997 content: "\f1ca";
1000 .fa-paypal:before {
1001 content: "\f1ed";
1004 .fa-gitlab:before {
1005 content: "\f296";
1008 .fa-typo3:before {
1009 content: "\f42b";
1012 .fa-reddit-alien:before {
1013 content: "\f281";
1016 .fa-yahoo:before {
1017 content: "\f19e";
1020 .fa-dailymotion:before {
1021 content: "\e052";
1024 .fa-affiliatetheme:before {
1025 content: "\f36b";
1028 .fa-pied-piper-pp:before {
1029 content: "\f1a7";
1032 .fa-bootstrap:before {
1033 content: "\f836";
1036 .fa-odnoklassniki:before {
1037 content: "\f263";
1040 .fa-nfc-symbol:before {
1041 content: "\e531";
1044 .fa-ethereum:before {
1045 content: "\f42e";
1048 .fa-speaker-deck:before {
1049 content: "\f83c";
1052 .fa-creative-commons-nc-eu:before {
1053 content: "\f4e9";
1056 .fa-patreon:before {
1057 content: "\f3d9";
1060 .fa-avianex:before {
1061 content: "\f374";
1064 .fa-ello:before {
1065 content: "\f5f1";
1068 .fa-gofore:before {
1069 content: "\f3a7";
1072 .fa-bimobject:before {
1073 content: "\f378";
1076 .fa-facebook-f:before {
1077 content: "\f39e";
1080 .fa-square-google-plus:before {
1081 content: "\f0d4";
1084 .fa-google-plus-square:before {
1085 content: "\f0d4";
1088 .fa-mandalorian:before {
1089 content: "\f50f";
1092 .fa-first-order-alt:before {
1093 content: "\f50a";
1096 .fa-osi:before {
1097 content: "\f41a";
1100 .fa-google-wallet:before {
1101 content: "\f1ee";
1104 .fa-d-and-d-beyond:before {
1105 content: "\f6ca";
1108 .fa-periscope:before {
1109 content: "\f3da";
1112 .fa-fulcrum:before {
1113 content: "\f50b";
1116 .fa-cloudscale:before {
1117 content: "\f383";
1120 .fa-forumbee:before {
1121 content: "\f211";
1124 .fa-mizuni:before {
1125 content: "\f3cc";
1128 .fa-schlix:before {
1129 content: "\f3ea";
1132 .fa-square-xing:before {
1133 content: "\f169";
1136 .fa-xing-square:before {
1137 content: "\f169";
1140 .fa-bandcamp:before {
1141 content: "\f2d5";
1144 .fa-wpforms:before {
1145 content: "\f298";
1148 .fa-cloudversify:before {
1149 content: "\f385";
1152 .fa-usps:before {
1153 content: "\f7e1";
1156 .fa-megaport:before {
1157 content: "\f5a3";
1160 .fa-magento:before {
1161 content: "\f3c4";
1164 .fa-spotify:before {
1165 content: "\f1bc";
1168 .fa-optin-monster:before {
1169 content: "\f23c";
1172 .fa-fly:before {
1173 content: "\f417";
1176 .fa-aviato:before {
1177 content: "\f421";
1180 .fa-itunes:before {
1181 content: "\f3b4";
1184 .fa-cuttlefish:before {
1185 content: "\f38c";
1188 .fa-blogger:before {
1189 content: "\f37c";
1192 .fa-flickr:before {
1193 content: "\f16e";
1196 .fa-viber:before {
1197 content: "\f409";
1200 .fa-soundcloud:before {
1201 content: "\f1be";
1204 .fa-digg:before {
1205 content: "\f1a6";
1208 .fa-tencent-weibo:before {
1209 content: "\f1d5";
1212 .fa-symfony:before {
1213 content: "\f83d";
1216 .fa-maxcdn:before {
1217 content: "\f136";
1220 .fa-etsy:before {
1221 content: "\f2d7";
1224 .fa-facebook-messenger:before {
1225 content: "\f39f";
1228 .fa-audible:before {
1229 content: "\f373";
1232 .fa-think-peaks:before {
1233 content: "\f731";
1236 .fa-bilibili:before {
1237 content: "\e3d9";
1240 .fa-erlang:before {
1241 content: "\f39d";
1244 .fa-cotton-bureau:before {
1245 content: "\f89e";
1248 .fa-dashcube:before {
1249 content: "\f210";
1252 .fa-42-group:before {
1253 content: "\e080";
1256 .fa-innosoft:before {
1257 content: "\e080";
1260 .fa-stack-exchange:before {
1261 content: "\f18d";
1264 .fa-elementor:before {
1265 content: "\f430";
1268 .fa-square-pied-piper:before {
1269 content: "\e01e";
1272 .fa-pied-piper-square:before {
1273 content: "\e01e";
1276 .fa-creative-commons-nd:before {
1277 content: "\f4eb";
1280 .fa-palfed:before {
1281 content: "\f3d8";
1284 .fa-superpowers:before {
1285 content: "\f2dd";
1288 .fa-resolving:before {
1289 content: "\f3e7";
1292 .fa-xbox:before {
1293 content: "\f412";
1296 .fa-searchengin:before {
1297 content: "\f3eb";
1300 .fa-tiktok:before {
1301 content: "\e07b";
1304 .fa-square-facebook:before {
1305 content: "\f082";
1308 .fa-facebook-square:before {
1309 content: "\f082";
1312 .fa-renren:before {
1313 content: "\f18b";
1316 .fa-linux:before {
1317 content: "\f17c";
1320 .fa-glide:before {
1321 content: "\f2a5";
1324 .fa-linkedin:before {
1325 content: "\f08c";
1328 .fa-hubspot:before {
1329 content: "\f3b2";
1332 .fa-deploydog:before {
1333 content: "\f38e";
1336 .fa-twitch:before {
1337 content: "\f1e8";
1340 .fa-ravelry:before {
1341 content: "\f2d9";
1344 .fa-mixer:before {
1345 content: "\e056";
1348 .fa-square-lastfm:before {
1349 content: "\f203";
1352 .fa-lastfm-square:before {
1353 content: "\f203";
1356 .fa-vimeo:before {
1357 content: "\f40a";
1360 .fa-mendeley:before {
1361 content: "\f7b3";
1364 .fa-uniregistry:before {
1365 content: "\f404";
1368 .fa-figma:before {
1369 content: "\f799";
1372 .fa-creative-commons-remix:before {
1373 content: "\f4ee";
1376 .fa-cc-amazon-pay:before {
1377 content: "\f42d";
1380 .fa-dropbox:before {
1381 content: "\f16b";
1384 .fa-instagram:before {
1385 content: "\f16d";
1388 .fa-cmplid:before {
1389 content: "\e360";
1392 .fa-facebook:before {
1393 content: "\f09a";
1396 .fa-gripfire:before {
1397 content: "\f3ac";
1400 .fa-jedi-order:before {
1401 content: "\f50e";
1404 .fa-uikit:before {
1405 content: "\f403";
1408 .fa-fort-awesome-alt:before {
1409 content: "\f3a3";
1412 .fa-phabricator:before {
1413 content: "\f3db";
1416 .fa-ussunnah:before {
1417 content: "\f407";
1420 .fa-earlybirds:before {
1421 content: "\f39a";
1424 .fa-trade-federation:before {
1425 content: "\f513";
1428 .fa-autoprefixer:before {
1429 content: "\f41c";
1432 .fa-whatsapp:before {
1433 content: "\f232";
1436 .fa-slideshare:before {
1437 content: "\f1e7";
1440 .fa-google-play:before {
1441 content: "\f3ab";
1444 .fa-viadeo:before {
1445 content: "\f2a9";
1448 .fa-line:before {
1449 content: "\f3c0";
1452 .fa-google-drive:before {
1453 content: "\f3aa";
1456 .fa-servicestack:before {
1457 content: "\f3ec";
1460 .fa-simplybuilt:before {
1461 content: "\f215";
1464 .fa-bitbucket:before {
1465 content: "\f171";
1468 .fa-imdb:before {
1469 content: "\f2d8";
1472 .fa-deezer:before {
1473 content: "\e077";
1476 .fa-raspberry-pi:before {
1477 content: "\f7bb";
1480 .fa-jira:before {
1481 content: "\f7b1";
1484 .fa-docker:before {
1485 content: "\f395";
1488 .fa-screenpal:before {
1489 content: "\e570";
1492 .fa-bluetooth:before {
1493 content: "\f293";
1496 .fa-gitter:before {
1497 content: "\f426";
1500 .fa-d-and-d:before {
1501 content: "\f38d";
1504 .fa-microblog:before {
1505 content: "\e01a";
1508 .fa-cc-diners-club:before {
1509 content: "\f24c";
1512 .fa-gg-circle:before {
1513 content: "\f261";
1516 .fa-pied-piper-hat:before {
1517 content: "\f4e5";
1520 .fa-kickstarter-k:before {
1521 content: "\f3bc";
1524 .fa-yandex:before {
1525 content: "\f413";
1528 .fa-readme:before {
1529 content: "\f4d5";
1532 .fa-html5:before {
1533 content: "\f13b";
1536 .fa-sellsy:before {
1537 content: "\f213";
1540 .fa-sass:before {
1541 content: "\f41e";
1544 .fa-wirsindhandwerk:before {
1545 content: "\e2d0";
1548 .fa-wsh:before {
1549 content: "\e2d0";
1552 .fa-buromobelexperte:before {
1553 content: "\f37f";
1556 .fa-salesforce:before {
1557 content: "\f83b";
1560 .fa-octopus-deploy:before {
1561 content: "\e082";
1564 .fa-medapps:before {
1565 content: "\f3c6";
1568 .fa-ns8:before {
1569 content: "\f3d5";
1572 .fa-pinterest-p:before {
1573 content: "\f231";
1576 .fa-apper:before {
1577 content: "\f371";
1580 .fa-fort-awesome:before {
1581 content: "\f286";
1584 .fa-waze:before {
1585 content: "\f83f";
1588 .fa-cc-jcb:before {
1589 content: "\f24b";
1592 .fa-snapchat:before {
1593 content: "\f2ab";
1596 .fa-snapchat-ghost:before {
1597 content: "\f2ab";
1600 .fa-fantasy-flight-games:before {
1601 content: "\f6dc";
1604 .fa-rust:before {
1605 content: "\e07a";
1608 .fa-wix:before {
1609 content: "\f5cf";
1612 .fa-square-behance:before {
1613 content: "\f1b5";
1616 .fa-behance-square:before {
1617 content: "\f1b5";
1620 .fa-supple:before {
1621 content: "\f3f9";
1624 .fa-rebel:before {
1625 content: "\f1d0";
1628 .fa-css3:before {
1629 content: "\f13c";
1632 .fa-staylinked:before {
1633 content: "\f3f5";
1636 .fa-kaggle:before {
1637 content: "\f5fa";
1640 .fa-space-awesome:before {
1641 content: "\e5ac";
1644 .fa-deviantart:before {
1645 content: "\f1bd";
1648 .fa-cpanel:before {
1649 content: "\f388";
1652 .fa-goodreads-g:before {
1653 content: "\f3a9";
1656 .fa-square-git:before {
1657 content: "\f1d2";
1660 .fa-git-square:before {
1661 content: "\f1d2";
1664 .fa-square-tumblr:before {
1665 content: "\f174";
1668 .fa-tumblr-square:before {
1669 content: "\f174";
1672 .fa-trello:before {
1673 content: "\f181";
1676 .fa-creative-commons-nc-jp:before {
1677 content: "\f4ea";
1680 .fa-get-pocket:before {
1681 content: "\f265";
1684 .fa-perbyte:before {
1685 content: "\e083";
1688 .fa-grunt:before {
1689 content: "\f3ad";
1692 .fa-weebly:before {
1693 content: "\f5cc";
1696 .fa-connectdevelop:before {
1697 content: "\f20e";
1700 .fa-leanpub:before {
1701 content: "\f212";
1704 .fa-black-tie:before {
1705 content: "\f27e";
1708 .fa-themeco:before {
1709 content: "\f5c6";
1712 .fa-python:before {
1713 content: "\f3e2";
1716 .fa-android:before {
1717 content: "\f17b";
1720 .fa-bots:before {
1721 content: "\e340";
1724 .fa-free-code-camp:before {
1725 content: "\f2c5";
1728 .fa-hornbill:before {
1729 content: "\f592";
1732 .fa-js:before {
1733 content: "\f3b8";
1736 .fa-ideal:before {
1737 content: "\e013";
1740 .fa-git:before {
1741 content: "\f1d3";
1744 .fa-dev:before {
1745 content: "\f6cc";
1748 .fa-sketch:before {
1749 content: "\f7c6";
1752 .fa-yandex-international:before {
1753 content: "\f414";
1756 .fa-cc-amex:before {
1757 content: "\f1f3";
1760 .fa-uber:before {
1761 content: "\f402";
1764 .fa-github:before {
1765 content: "\f09b";
1768 .fa-php:before {
1769 content: "\f457";
1772 .fa-alipay:before {
1773 content: "\f642";
1776 .fa-youtube:before {
1777 content: "\f167";
1780 .fa-skyatlas:before {
1781 content: "\f216";
1784 .fa-firefox-browser:before {
1785 content: "\e007";
1788 .fa-replyd:before {
1789 content: "\f3e6";
1792 .fa-suse:before {
1793 content: "\f7d6";
1796 .fa-jenkins:before {
1797 content: "\f3b6";
1800 .fa-twitter:before {
1801 content: "\f099";
1804 .fa-rockrms:before {
1805 content: "\f3e9";
1808 .fa-pinterest:before {
1809 content: "\f0d2";
1812 .fa-buffer:before {
1813 content: "\f837";
1816 .fa-npm:before {
1817 content: "\f3d4";
1820 .fa-yammer:before {
1821 content: "\f840";
1824 .fa-btc:before {
1825 content: "\f15a";
1828 .fa-dribbble:before {
1829 content: "\f17d";
1832 .fa-stumbleupon-circle:before {
1833 content: "\f1a3";
1836 .fa-internet-explorer:before {
1837 content: "\f26b";
1840 .fa-stubber:before {
1841 content: "\e5c7";
1844 .fa-telegram:before {
1845 content: "\f2c6";
1848 .fa-telegram-plane:before {
1849 content: "\f2c6";
1852 .fa-old-republic:before {
1853 content: "\f510";
1856 .fa-odysee:before {
1857 content: "\e5c6";
1860 .fa-square-whatsapp:before {
1861 content: "\f40c";
1864 .fa-whatsapp-square:before {
1865 content: "\f40c";
1868 .fa-node-js:before {
1869 content: "\f3d3";
1872 .fa-edge-legacy:before {
1873 content: "\e078";
1876 .fa-slack:before {
1877 content: "\f198";
1880 .fa-slack-hash:before {
1881 content: "\f198";
1884 .fa-medrt:before {
1885 content: "\f3c8";
1888 .fa-usb:before {
1889 content: "\f287";
1892 .fa-tumblr:before {
1893 content: "\f173";
1896 .fa-vaadin:before {
1897 content: "\f408";
1900 .fa-quora:before {
1901 content: "\f2c4";
1904 .fa-reacteurope:before {
1905 content: "\f75d";
1908 .fa-medium:before {
1909 content: "\f23a";
1912 .fa-medium-m:before {
1913 content: "\f23a";
1916 .fa-amilia:before {
1917 content: "\f36d";
1920 .fa-mixcloud:before {
1921 content: "\f289";
1924 .fa-flipboard:before {
1925 content: "\f44d";
1928 .fa-viacoin:before {
1929 content: "\f237";
1932 .fa-critical-role:before {
1933 content: "\f6c9";
1936 .fa-sitrox:before {
1937 content: "\e44a";
1940 .fa-discourse:before {
1941 content: "\f393";
1944 .fa-joomla:before {
1945 content: "\f1aa";
1948 .fa-mastodon:before {
1949 content: "\f4f6";
1952 .fa-airbnb:before {
1953 content: "\f834";
1956 .fa-wolf-pack-battalion:before {
1957 content: "\f514";
1960 .fa-buy-n-large:before {
1961 content: "\f8a6";
1964 .fa-gulp:before {
1965 content: "\f3ae";
1968 .fa-creative-commons-sampling-plus:before {
1969 content: "\f4f1";
1972 .fa-strava:before {
1973 content: "\f428";
1976 .fa-ember:before {
1977 content: "\f423";
1980 .fa-canadian-maple-leaf:before {
1981 content: "\f785";
1984 .fa-teamspeak:before {
1985 content: "\f4f9";
1988 .fa-pushed:before {
1989 content: "\f3e1";
1992 .fa-wordpress-simple:before {
1993 content: "\f411";
1996 .fa-nutritionix:before {
1997 content: "\f3d6";
2000 .fa-wodu:before {
2001 content: "\e088";
2004 .fa-google-pay:before {
2005 content: "\e079";
2008 .fa-intercom:before {
2009 content: "\f7af";
2012 .fa-zhihu:before {
2013 content: "\f63f";
2016 .fa-korvue:before {
2017 content: "\f42f";
2020 .fa-pix:before {
2021 content: "\e43a";
2024 .fa-steam-symbol:before {
2025 content: "\f3f6";
2029 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2030 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2031 * Copyright 2023 Fonticons, Inc.
2033 :root, :host {
2034 --fa-style-family-classic: "Font Awesome 6 Free";
2035 --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
2038 @font-face {
2039 font-family: "Font Awesome 6 Free";
2040 font-style: normal;
2041 font-weight: 400;
2042 font-display: block;
2043 src: url("[[font:core|fa-regular-400.woff2]]") format("woff2"), url("[[font:core|fa-regular-400.ttf]]") format("truetype");
2045 .far,
2046 .fa-regular,
2047 .content-bank-container.view-grid .cb-unlisted::after {
2048 font-weight: 400;
2052 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2053 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2054 * Copyright 2023 Fonticons, Inc.
2056 :root, :host {
2057 --fa-style-family-classic: "Font Awesome 6 Free";
2058 --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
2061 @font-face {
2062 font-family: "Font Awesome 6 Free";
2063 font-style: normal;
2064 font-weight: 900;
2065 font-display: block;
2066 src: url("[[font:core|fa-solid-900.woff2]]") format("woff2"), url("[[font:core|fa-solid-900.ttf]]") format("truetype");
2068 .fas,
2069 .fa-solid,
2070 .moremenu .dropdown-item[aria-current=true]:before,
2071 .moremenu .dropdown-item.active:before,
2072 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2073 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
2074 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2075 .toast.toast-warning .toast-body:before,
2076 .toast.toast-info .toast-body:before,
2077 .toast.toast-danger .toast-body:before,
2078 .toast.toast-success .toast-body:before,
2079 .editing .editinprogress:after,
2080 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
2081 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
2082 .block_settings .block_tree [aria-expanded=false] > p:before,
2083 .block_navigation .block_tree [aria-expanded=false] > p:before,
2084 .block_settings .block_tree [aria-expanded=true] > p:before,
2085 .block_navigation .block_tree [aria-expanded=true] > p:before,
2086 .dropdown-item[aria-current=true]:before,
2087 .dropdown-item[aria-selected=true]:before,
2088 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
2089 .action-menu .dropdown-subpanel .dropdown-item::after,
2090 .dropup .dropdown-toggle::after,
2091 .dropright .dropdown-toggle::after,
2092 .dropleft .dropdown-toggle::before,
2093 .dropdown-toggle::after {
2094 font-weight: 900;
2098 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2099 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2100 * Copyright 2023 Fonticons, Inc.
2102 .fa.fa-glass:before {
2103 content: "\f000";
2106 .fa.fa-envelope-o {
2107 font-family: "Font Awesome 6 Free";
2108 font-weight: 400;
2111 .fa.fa-envelope-o:before {
2112 content: "\f0e0";
2115 .fa.fa-star-o {
2116 font-family: "Font Awesome 6 Free";
2117 font-weight: 400;
2120 .fa.fa-star-o:before {
2121 content: "\f005";
2124 .fa.fa-remove:before {
2125 content: "\f00d";
2128 .fa.fa-close:before {
2129 content: "\f00d";
2132 .fa.fa-gear:before {
2133 content: "\f013";
2136 .fa.fa-trash-o {
2137 font-family: "Font Awesome 6 Free";
2138 font-weight: 400;
2141 .fa.fa-trash-o:before {
2142 content: "\f2ed";
2145 .fa.fa-home:before {
2146 content: "\f015";
2149 .fa.fa-file-o {
2150 font-family: "Font Awesome 6 Free";
2151 font-weight: 400;
2154 .fa.fa-file-o:before {
2155 content: "\f15b";
2158 .fa.fa-clock-o {
2159 font-family: "Font Awesome 6 Free";
2160 font-weight: 400;
2163 .fa.fa-clock-o:before {
2164 content: "\f017";
2167 .fa.fa-arrow-circle-o-down {
2168 font-family: "Font Awesome 6 Free";
2169 font-weight: 400;
2172 .fa.fa-arrow-circle-o-down:before {
2173 content: "\f358";
2176 .fa.fa-arrow-circle-o-up {
2177 font-family: "Font Awesome 6 Free";
2178 font-weight: 400;
2181 .fa.fa-arrow-circle-o-up:before {
2182 content: "\f35b";
2185 .fa.fa-play-circle-o {
2186 font-family: "Font Awesome 6 Free";
2187 font-weight: 400;
2190 .fa.fa-play-circle-o:before {
2191 content: "\f144";
2194 .fa.fa-repeat:before {
2195 content: "\f01e";
2198 .fa.fa-rotate-right:before {
2199 content: "\f01e";
2202 .fa.fa-refresh:before {
2203 content: "\f021";
2206 .fa.fa-list-alt {
2207 font-family: "Font Awesome 6 Free";
2208 font-weight: 400;
2211 .fa.fa-list-alt:before {
2212 content: "\f022";
2215 .fa.fa-dedent:before {
2216 content: "\f03b";
2219 .fa.fa-video-camera:before {
2220 content: "\f03d";
2223 .fa.fa-picture-o {
2224 font-family: "Font Awesome 6 Free";
2225 font-weight: 400;
2228 .fa.fa-picture-o:before {
2229 content: "\f03e";
2232 .fa.fa-photo {
2233 font-family: "Font Awesome 6 Free";
2234 font-weight: 400;
2237 .fa.fa-photo:before {
2238 content: "\f03e";
2241 .fa.fa-image {
2242 font-family: "Font Awesome 6 Free";
2243 font-weight: 400;
2246 .fa.fa-image:before {
2247 content: "\f03e";
2250 .fa.fa-map-marker:before {
2251 content: "\f3c5";
2254 .fa.fa-pencil-square-o {
2255 font-family: "Font Awesome 6 Free";
2256 font-weight: 400;
2259 .fa.fa-pencil-square-o:before {
2260 content: "\f044";
2263 .fa.fa-edit {
2264 font-family: "Font Awesome 6 Free";
2265 font-weight: 400;
2268 .fa.fa-edit:before {
2269 content: "\f044";
2272 .fa.fa-share-square-o:before {
2273 content: "\f14d";
2276 .fa.fa-check-square-o {
2277 font-family: "Font Awesome 6 Free";
2278 font-weight: 400;
2281 .fa.fa-check-square-o:before {
2282 content: "\f14a";
2285 .fa.fa-arrows:before {
2286 content: "\f0b2";
2289 .fa.fa-times-circle-o {
2290 font-family: "Font Awesome 6 Free";
2291 font-weight: 400;
2294 .fa.fa-times-circle-o:before {
2295 content: "\f057";
2298 .fa.fa-check-circle-o {
2299 font-family: "Font Awesome 6 Free";
2300 font-weight: 400;
2303 .fa.fa-check-circle-o:before {
2304 content: "\f058";
2307 .fa.fa-mail-forward:before {
2308 content: "\f064";
2311 .fa.fa-expand:before {
2312 content: "\f424";
2315 .fa.fa-compress:before {
2316 content: "\f422";
2319 .fa.fa-eye {
2320 font-family: "Font Awesome 6 Free";
2321 font-weight: 400;
2324 .fa.fa-eye-slash {
2325 font-family: "Font Awesome 6 Free";
2326 font-weight: 400;
2329 .fa.fa-warning:before {
2330 content: "\f071";
2333 .fa.fa-calendar:before {
2334 content: "\f073";
2337 .fa.fa-arrows-v:before {
2338 content: "\f338";
2341 .fa.fa-arrows-h:before {
2342 content: "\f337";
2345 .fa.fa-bar-chart:before {
2346 content: "\e0e3";
2349 .fa.fa-bar-chart-o:before {
2350 content: "\e0e3";
2353 .fa.fa-twitter-square {
2354 font-family: "Font Awesome 6 Brands";
2355 font-weight: 400;
2358 .fa.fa-twitter-square:before {
2359 content: "\f081";
2362 .fa.fa-facebook-square {
2363 font-family: "Font Awesome 6 Brands";
2364 font-weight: 400;
2367 .fa.fa-facebook-square:before {
2368 content: "\f082";
2371 .fa.fa-gears:before {
2372 content: "\f085";
2375 .fa.fa-thumbs-o-up {
2376 font-family: "Font Awesome 6 Free";
2377 font-weight: 400;
2380 .fa.fa-thumbs-o-up:before {
2381 content: "\f164";
2384 .fa.fa-thumbs-o-down {
2385 font-family: "Font Awesome 6 Free";
2386 font-weight: 400;
2389 .fa.fa-thumbs-o-down:before {
2390 content: "\f165";
2393 .fa.fa-heart-o {
2394 font-family: "Font Awesome 6 Free";
2395 font-weight: 400;
2398 .fa.fa-heart-o:before {
2399 content: "\f004";
2402 .fa.fa-sign-out:before {
2403 content: "\f2f5";
2406 .fa.fa-linkedin-square {
2407 font-family: "Font Awesome 6 Brands";
2408 font-weight: 400;
2411 .fa.fa-linkedin-square:before {
2412 content: "\f08c";
2415 .fa.fa-thumb-tack:before {
2416 content: "\f08d";
2419 .fa.fa-external-link:before {
2420 content: "\f35d";
2423 .fa.fa-sign-in:before {
2424 content: "\f2f6";
2427 .fa.fa-github-square {
2428 font-family: "Font Awesome 6 Brands";
2429 font-weight: 400;
2432 .fa.fa-github-square:before {
2433 content: "\f092";
2436 .fa.fa-lemon-o {
2437 font-family: "Font Awesome 6 Free";
2438 font-weight: 400;
2441 .fa.fa-lemon-o:before {
2442 content: "\f094";
2445 .fa.fa-square-o {
2446 font-family: "Font Awesome 6 Free";
2447 font-weight: 400;
2450 .fa.fa-square-o:before {
2451 content: "\f0c8";
2454 .fa.fa-bookmark-o {
2455 font-family: "Font Awesome 6 Free";
2456 font-weight: 400;
2459 .fa.fa-bookmark-o:before {
2460 content: "\f02e";
2463 .fa.fa-twitter {
2464 font-family: "Font Awesome 6 Brands";
2465 font-weight: 400;
2468 .fa.fa-facebook {
2469 font-family: "Font Awesome 6 Brands";
2470 font-weight: 400;
2473 .fa.fa-facebook:before {
2474 content: "\f39e";
2477 .fa.fa-facebook-f {
2478 font-family: "Font Awesome 6 Brands";
2479 font-weight: 400;
2482 .fa.fa-facebook-f:before {
2483 content: "\f39e";
2486 .fa.fa-github {
2487 font-family: "Font Awesome 6 Brands";
2488 font-weight: 400;
2491 .fa.fa-credit-card {
2492 font-family: "Font Awesome 6 Free";
2493 font-weight: 400;
2496 .fa.fa-feed:before {
2497 content: "\f09e";
2500 .fa.fa-hdd-o {
2501 font-family: "Font Awesome 6 Free";
2502 font-weight: 400;
2505 .fa.fa-hdd-o:before {
2506 content: "\f0a0";
2509 .fa.fa-hand-o-right {
2510 font-family: "Font Awesome 6 Free";
2511 font-weight: 400;
2514 .fa.fa-hand-o-right:before {
2515 content: "\f0a4";
2518 .fa.fa-hand-o-left {
2519 font-family: "Font Awesome 6 Free";
2520 font-weight: 400;
2523 .fa.fa-hand-o-left:before {
2524 content: "\f0a5";
2527 .fa.fa-hand-o-up {
2528 font-family: "Font Awesome 6 Free";
2529 font-weight: 400;
2532 .fa.fa-hand-o-up:before {
2533 content: "\f0a6";
2536 .fa.fa-hand-o-down {
2537 font-family: "Font Awesome 6 Free";
2538 font-weight: 400;
2541 .fa.fa-hand-o-down:before {
2542 content: "\f0a7";
2545 .fa.fa-globe:before {
2546 content: "\f57d";
2549 .fa.fa-tasks:before {
2550 content: "\f828";
2553 .fa.fa-arrows-alt:before {
2554 content: "\f31e";
2557 .fa.fa-group:before {
2558 content: "\f0c0";
2561 .fa.fa-chain:before {
2562 content: "\f0c1";
2565 .fa.fa-cut:before {
2566 content: "\f0c4";
2569 .fa.fa-files-o {
2570 font-family: "Font Awesome 6 Free";
2571 font-weight: 400;
2574 .fa.fa-files-o:before {
2575 content: "\f0c5";
2578 .fa.fa-floppy-o {
2579 font-family: "Font Awesome 6 Free";
2580 font-weight: 400;
2583 .fa.fa-floppy-o:before {
2584 content: "\f0c7";
2587 .fa.fa-save {
2588 font-family: "Font Awesome 6 Free";
2589 font-weight: 400;
2592 .fa.fa-save:before {
2593 content: "\f0c7";
2596 .fa.fa-navicon:before {
2597 content: "\f0c9";
2600 .fa.fa-reorder:before {
2601 content: "\f0c9";
2604 .fa.fa-magic:before {
2605 content: "\e2ca";
2608 .fa.fa-pinterest {
2609 font-family: "Font Awesome 6 Brands";
2610 font-weight: 400;
2613 .fa.fa-pinterest-square {
2614 font-family: "Font Awesome 6 Brands";
2615 font-weight: 400;
2618 .fa.fa-pinterest-square:before {
2619 content: "\f0d3";
2622 .fa.fa-google-plus-square {
2623 font-family: "Font Awesome 6 Brands";
2624 font-weight: 400;
2627 .fa.fa-google-plus-square:before {
2628 content: "\f0d4";
2631 .fa.fa-google-plus {
2632 font-family: "Font Awesome 6 Brands";
2633 font-weight: 400;
2636 .fa.fa-google-plus:before {
2637 content: "\f0d5";
2640 .fa.fa-money:before {
2641 content: "\f3d1";
2644 .fa.fa-unsorted:before {
2645 content: "\f0dc";
2648 .fa.fa-sort-desc:before {
2649 content: "\f0dd";
2652 .fa.fa-sort-asc:before {
2653 content: "\f0de";
2656 .fa.fa-linkedin {
2657 font-family: "Font Awesome 6 Brands";
2658 font-weight: 400;
2661 .fa.fa-linkedin:before {
2662 content: "\f0e1";
2665 .fa.fa-rotate-left:before {
2666 content: "\f0e2";
2669 .fa.fa-legal:before {
2670 content: "\f0e3";
2673 .fa.fa-tachometer:before {
2674 content: "\f625";
2677 .fa.fa-dashboard:before {
2678 content: "\f625";
2681 .fa.fa-comment-o {
2682 font-family: "Font Awesome 6 Free";
2683 font-weight: 400;
2686 .fa.fa-comment-o:before {
2687 content: "\f075";
2690 .fa.fa-comments-o {
2691 font-family: "Font Awesome 6 Free";
2692 font-weight: 400;
2695 .fa.fa-comments-o:before {
2696 content: "\f086";
2699 .fa.fa-flash:before {
2700 content: "\f0e7";
2703 .fa.fa-clipboard:before {
2704 content: "\f0ea";
2707 .fa.fa-lightbulb-o {
2708 font-family: "Font Awesome 6 Free";
2709 font-weight: 400;
2712 .fa.fa-lightbulb-o:before {
2713 content: "\f0eb";
2716 .fa.fa-exchange:before {
2717 content: "\f362";
2720 .fa.fa-cloud-download:before {
2721 content: "\f0ed";
2724 .fa.fa-cloud-upload:before {
2725 content: "\f0ee";
2728 .fa.fa-bell-o {
2729 font-family: "Font Awesome 6 Free";
2730 font-weight: 400;
2733 .fa.fa-bell-o:before {
2734 content: "\f0f3";
2737 .fa.fa-cutlery:before {
2738 content: "\f2e7";
2741 .fa.fa-file-text-o {
2742 font-family: "Font Awesome 6 Free";
2743 font-weight: 400;
2746 .fa.fa-file-text-o:before {
2747 content: "\f15c";
2750 .fa.fa-building-o {
2751 font-family: "Font Awesome 6 Free";
2752 font-weight: 400;
2755 .fa.fa-building-o:before {
2756 content: "\f1ad";
2759 .fa.fa-hospital-o {
2760 font-family: "Font Awesome 6 Free";
2761 font-weight: 400;
2764 .fa.fa-hospital-o:before {
2765 content: "\f0f8";
2768 .fa.fa-tablet:before {
2769 content: "\f3fa";
2772 .fa.fa-mobile:before {
2773 content: "\f3cd";
2776 .fa.fa-mobile-phone:before {
2777 content: "\f3cd";
2780 .fa.fa-circle-o {
2781 font-family: "Font Awesome 6 Free";
2782 font-weight: 400;
2785 .fa.fa-circle-o:before {
2786 content: "\f111";
2789 .fa.fa-mail-reply:before {
2790 content: "\f3e5";
2793 .fa.fa-github-alt {
2794 font-family: "Font Awesome 6 Brands";
2795 font-weight: 400;
2798 .fa.fa-folder-o {
2799 font-family: "Font Awesome 6 Free";
2800 font-weight: 400;
2803 .fa.fa-folder-o:before {
2804 content: "\f07b";
2807 .fa.fa-folder-open-o {
2808 font-family: "Font Awesome 6 Free";
2809 font-weight: 400;
2812 .fa.fa-folder-open-o:before {
2813 content: "\f07c";
2816 .fa.fa-smile-o {
2817 font-family: "Font Awesome 6 Free";
2818 font-weight: 400;
2821 .fa.fa-smile-o:before {
2822 content: "\f118";
2825 .fa.fa-frown-o {
2826 font-family: "Font Awesome 6 Free";
2827 font-weight: 400;
2830 .fa.fa-frown-o:before {
2831 content: "\f119";
2834 .fa.fa-meh-o {
2835 font-family: "Font Awesome 6 Free";
2836 font-weight: 400;
2839 .fa.fa-meh-o:before {
2840 content: "\f11a";
2843 .fa.fa-keyboard-o {
2844 font-family: "Font Awesome 6 Free";
2845 font-weight: 400;
2848 .fa.fa-keyboard-o:before {
2849 content: "\f11c";
2852 .fa.fa-flag-o {
2853 font-family: "Font Awesome 6 Free";
2854 font-weight: 400;
2857 .fa.fa-flag-o:before {
2858 content: "\f024";
2861 .fa.fa-mail-reply-all:before {
2862 content: "\f122";
2865 .fa.fa-star-half-o {
2866 font-family: "Font Awesome 6 Free";
2867 font-weight: 400;
2870 .fa.fa-star-half-o:before {
2871 content: "\f5c0";
2874 .fa.fa-star-half-empty {
2875 font-family: "Font Awesome 6 Free";
2876 font-weight: 400;
2879 .fa.fa-star-half-empty:before {
2880 content: "\f5c0";
2883 .fa.fa-star-half-full {
2884 font-family: "Font Awesome 6 Free";
2885 font-weight: 400;
2888 .fa.fa-star-half-full:before {
2889 content: "\f5c0";
2892 .fa.fa-code-fork:before {
2893 content: "\f126";
2896 .fa.fa-chain-broken:before {
2897 content: "\f127";
2900 .fa.fa-unlink:before {
2901 content: "\f127";
2904 .fa.fa-calendar-o {
2905 font-family: "Font Awesome 6 Free";
2906 font-weight: 400;
2909 .fa.fa-calendar-o:before {
2910 content: "\f133";
2913 .fa.fa-maxcdn {
2914 font-family: "Font Awesome 6 Brands";
2915 font-weight: 400;
2918 .fa.fa-html5 {
2919 font-family: "Font Awesome 6 Brands";
2920 font-weight: 400;
2923 .fa.fa-css3 {
2924 font-family: "Font Awesome 6 Brands";
2925 font-weight: 400;
2928 .fa.fa-unlock-alt:before {
2929 content: "\f09c";
2932 .fa.fa-minus-square-o {
2933 font-family: "Font Awesome 6 Free";
2934 font-weight: 400;
2937 .fa.fa-minus-square-o:before {
2938 content: "\f146";
2941 .fa.fa-level-up:before {
2942 content: "\f3bf";
2945 .fa.fa-level-down:before {
2946 content: "\f3be";
2949 .fa.fa-pencil-square:before {
2950 content: "\f14b";
2953 .fa.fa-external-link-square:before {
2954 content: "\f360";
2957 .fa.fa-compass {
2958 font-family: "Font Awesome 6 Free";
2959 font-weight: 400;
2962 .fa.fa-caret-square-o-down {
2963 font-family: "Font Awesome 6 Free";
2964 font-weight: 400;
2967 .fa.fa-caret-square-o-down:before {
2968 content: "\f150";
2971 .fa.fa-toggle-down {
2972 font-family: "Font Awesome 6 Free";
2973 font-weight: 400;
2976 .fa.fa-toggle-down:before {
2977 content: "\f150";
2980 .fa.fa-caret-square-o-up {
2981 font-family: "Font Awesome 6 Free";
2982 font-weight: 400;
2985 .fa.fa-caret-square-o-up:before {
2986 content: "\f151";
2989 .fa.fa-toggle-up {
2990 font-family: "Font Awesome 6 Free";
2991 font-weight: 400;
2994 .fa.fa-toggle-up:before {
2995 content: "\f151";
2998 .fa.fa-caret-square-o-right {
2999 font-family: "Font Awesome 6 Free";
3000 font-weight: 400;
3003 .fa.fa-caret-square-o-right:before {
3004 content: "\f152";
3007 .fa.fa-toggle-right {
3008 font-family: "Font Awesome 6 Free";
3009 font-weight: 400;
3012 .fa.fa-toggle-right:before {
3013 content: "\f152";
3016 .fa.fa-eur:before {
3017 content: "\f153";
3020 .fa.fa-euro:before {
3021 content: "\f153";
3024 .fa.fa-gbp:before {
3025 content: "\f154";
3028 .fa.fa-usd:before {
3029 content: "\$";
3032 .fa.fa-dollar:before {
3033 content: "\$";
3036 .fa.fa-inr:before {
3037 content: "\e1bc";
3040 .fa.fa-rupee:before {
3041 content: "\e1bc";
3044 .fa.fa-jpy:before {
3045 content: "\f157";
3048 .fa.fa-cny:before {
3049 content: "\f157";
3052 .fa.fa-rmb:before {
3053 content: "\f157";
3056 .fa.fa-yen:before {
3057 content: "\f157";
3060 .fa.fa-rub:before {
3061 content: "\f158";
3064 .fa.fa-ruble:before {
3065 content: "\f158";
3068 .fa.fa-rouble:before {
3069 content: "\f158";
3072 .fa.fa-krw:before {
3073 content: "\f159";
3076 .fa.fa-won:before {
3077 content: "\f159";
3080 .fa.fa-btc {
3081 font-family: "Font Awesome 6 Brands";
3082 font-weight: 400;
3085 .fa.fa-bitcoin {
3086 font-family: "Font Awesome 6 Brands";
3087 font-weight: 400;
3090 .fa.fa-bitcoin:before {
3091 content: "\f15a";
3094 .fa.fa-file-text:before {
3095 content: "\f15c";
3098 .fa.fa-sort-alpha-asc:before {
3099 content: "\f15d";
3102 .fa.fa-sort-alpha-desc:before {
3103 content: "\f881";
3106 .fa.fa-sort-amount-asc:before {
3107 content: "\f884";
3110 .fa.fa-sort-amount-desc:before {
3111 content: "\f160";
3114 .fa.fa-sort-numeric-asc:before {
3115 content: "\f162";
3118 .fa.fa-sort-numeric-desc:before {
3119 content: "\f886";
3122 .fa.fa-youtube-square {
3123 font-family: "Font Awesome 6 Brands";
3124 font-weight: 400;
3127 .fa.fa-youtube-square:before {
3128 content: "\f431";
3131 .fa.fa-youtube {
3132 font-family: "Font Awesome 6 Brands";
3133 font-weight: 400;
3136 .fa.fa-xing {
3137 font-family: "Font Awesome 6 Brands";
3138 font-weight: 400;
3141 .fa.fa-xing-square {
3142 font-family: "Font Awesome 6 Brands";
3143 font-weight: 400;
3146 .fa.fa-xing-square:before {
3147 content: "\f169";
3150 .fa.fa-youtube-play {
3151 font-family: "Font Awesome 6 Brands";
3152 font-weight: 400;
3155 .fa.fa-youtube-play:before {
3156 content: "\f167";
3159 .fa.fa-dropbox {
3160 font-family: "Font Awesome 6 Brands";
3161 font-weight: 400;
3164 .fa.fa-stack-overflow {
3165 font-family: "Font Awesome 6 Brands";
3166 font-weight: 400;
3169 .fa.fa-instagram {
3170 font-family: "Font Awesome 6 Brands";
3171 font-weight: 400;
3174 .fa.fa-flickr {
3175 font-family: "Font Awesome 6 Brands";
3176 font-weight: 400;
3179 .fa.fa-adn {
3180 font-family: "Font Awesome 6 Brands";
3181 font-weight: 400;
3184 .fa.fa-bitbucket {
3185 font-family: "Font Awesome 6 Brands";
3186 font-weight: 400;
3189 .fa.fa-bitbucket-square {
3190 font-family: "Font Awesome 6 Brands";
3191 font-weight: 400;
3194 .fa.fa-bitbucket-square:before {
3195 content: "\f171";
3198 .fa.fa-tumblr {
3199 font-family: "Font Awesome 6 Brands";
3200 font-weight: 400;
3203 .fa.fa-tumblr-square {
3204 font-family: "Font Awesome 6 Brands";
3205 font-weight: 400;
3208 .fa.fa-tumblr-square:before {
3209 content: "\f174";
3212 .fa.fa-long-arrow-down:before {
3213 content: "\f309";
3216 .fa.fa-long-arrow-up:before {
3217 content: "\f30c";
3220 .fa.fa-long-arrow-left:before {
3221 content: "\f30a";
3224 .fa.fa-long-arrow-right:before {
3225 content: "\f30b";
3228 .fa.fa-apple {
3229 font-family: "Font Awesome 6 Brands";
3230 font-weight: 400;
3233 .fa.fa-windows {
3234 font-family: "Font Awesome 6 Brands";
3235 font-weight: 400;
3238 .fa.fa-android {
3239 font-family: "Font Awesome 6 Brands";
3240 font-weight: 400;
3243 .fa.fa-linux {
3244 font-family: "Font Awesome 6 Brands";
3245 font-weight: 400;
3248 .fa.fa-dribbble {
3249 font-family: "Font Awesome 6 Brands";
3250 font-weight: 400;
3253 .fa.fa-skype {
3254 font-family: "Font Awesome 6 Brands";
3255 font-weight: 400;
3258 .fa.fa-foursquare {
3259 font-family: "Font Awesome 6 Brands";
3260 font-weight: 400;
3263 .fa.fa-trello {
3264 font-family: "Font Awesome 6 Brands";
3265 font-weight: 400;
3268 .fa.fa-gratipay {
3269 font-family: "Font Awesome 6 Brands";
3270 font-weight: 400;
3273 .fa.fa-gittip {
3274 font-family: "Font Awesome 6 Brands";
3275 font-weight: 400;
3278 .fa.fa-gittip:before {
3279 content: "\f184";
3282 .fa.fa-sun-o {
3283 font-family: "Font Awesome 6 Free";
3284 font-weight: 400;
3287 .fa.fa-sun-o:before {
3288 content: "\f185";
3291 .fa.fa-moon-o {
3292 font-family: "Font Awesome 6 Free";
3293 font-weight: 400;
3296 .fa.fa-moon-o:before {
3297 content: "\f186";
3300 .fa.fa-vk {
3301 font-family: "Font Awesome 6 Brands";
3302 font-weight: 400;
3305 .fa.fa-weibo {
3306 font-family: "Font Awesome 6 Brands";
3307 font-weight: 400;
3310 .fa.fa-renren {
3311 font-family: "Font Awesome 6 Brands";
3312 font-weight: 400;
3315 .fa.fa-pagelines {
3316 font-family: "Font Awesome 6 Brands";
3317 font-weight: 400;
3320 .fa.fa-stack-exchange {
3321 font-family: "Font Awesome 6 Brands";
3322 font-weight: 400;
3325 .fa.fa-arrow-circle-o-right {
3326 font-family: "Font Awesome 6 Free";
3327 font-weight: 400;
3330 .fa.fa-arrow-circle-o-right:before {
3331 content: "\f35a";
3334 .fa.fa-arrow-circle-o-left {
3335 font-family: "Font Awesome 6 Free";
3336 font-weight: 400;
3339 .fa.fa-arrow-circle-o-left:before {
3340 content: "\f359";
3343 .fa.fa-caret-square-o-left {
3344 font-family: "Font Awesome 6 Free";
3345 font-weight: 400;
3348 .fa.fa-caret-square-o-left:before {
3349 content: "\f191";
3352 .fa.fa-toggle-left {
3353 font-family: "Font Awesome 6 Free";
3354 font-weight: 400;
3357 .fa.fa-toggle-left:before {
3358 content: "\f191";
3361 .fa.fa-dot-circle-o {
3362 font-family: "Font Awesome 6 Free";
3363 font-weight: 400;
3366 .fa.fa-dot-circle-o:before {
3367 content: "\f192";
3370 .fa.fa-vimeo-square {
3371 font-family: "Font Awesome 6 Brands";
3372 font-weight: 400;
3375 .fa.fa-vimeo-square:before {
3376 content: "\f194";
3379 .fa.fa-try:before {
3380 content: "\e2bb";
3383 .fa.fa-turkish-lira:before {
3384 content: "\e2bb";
3387 .fa.fa-plus-square-o {
3388 font-family: "Font Awesome 6 Free";
3389 font-weight: 400;
3392 .fa.fa-plus-square-o:before {
3393 content: "\f0fe";
3396 .fa.fa-slack {
3397 font-family: "Font Awesome 6 Brands";
3398 font-weight: 400;
3401 .fa.fa-wordpress {
3402 font-family: "Font Awesome 6 Brands";
3403 font-weight: 400;
3406 .fa.fa-openid {
3407 font-family: "Font Awesome 6 Brands";
3408 font-weight: 400;
3411 .fa.fa-institution:before {
3412 content: "\f19c";
3415 .fa.fa-bank:before {
3416 content: "\f19c";
3419 .fa.fa-mortar-board:before {
3420 content: "\f19d";
3423 .fa.fa-yahoo {
3424 font-family: "Font Awesome 6 Brands";
3425 font-weight: 400;
3428 .fa.fa-google {
3429 font-family: "Font Awesome 6 Brands";
3430 font-weight: 400;
3433 .fa.fa-reddit {
3434 font-family: "Font Awesome 6 Brands";
3435 font-weight: 400;
3438 .fa.fa-reddit-square {
3439 font-family: "Font Awesome 6 Brands";
3440 font-weight: 400;
3443 .fa.fa-reddit-square:before {
3444 content: "\f1a2";
3447 .fa.fa-stumbleupon-circle {
3448 font-family: "Font Awesome 6 Brands";
3449 font-weight: 400;
3452 .fa.fa-stumbleupon {
3453 font-family: "Font Awesome 6 Brands";
3454 font-weight: 400;
3457 .fa.fa-delicious {
3458 font-family: "Font Awesome 6 Brands";
3459 font-weight: 400;
3462 .fa.fa-digg {
3463 font-family: "Font Awesome 6 Brands";
3464 font-weight: 400;
3467 .fa.fa-pied-piper-pp {
3468 font-family: "Font Awesome 6 Brands";
3469 font-weight: 400;
3472 .fa.fa-pied-piper-alt {
3473 font-family: "Font Awesome 6 Brands";
3474 font-weight: 400;
3477 .fa.fa-drupal {
3478 font-family: "Font Awesome 6 Brands";
3479 font-weight: 400;
3482 .fa.fa-joomla {
3483 font-family: "Font Awesome 6 Brands";
3484 font-weight: 400;
3487 .fa.fa-behance {
3488 font-family: "Font Awesome 6 Brands";
3489 font-weight: 400;
3492 .fa.fa-behance-square {
3493 font-family: "Font Awesome 6 Brands";
3494 font-weight: 400;
3497 .fa.fa-behance-square:before {
3498 content: "\f1b5";
3501 .fa.fa-steam {
3502 font-family: "Font Awesome 6 Brands";
3503 font-weight: 400;
3506 .fa.fa-steam-square {
3507 font-family: "Font Awesome 6 Brands";
3508 font-weight: 400;
3511 .fa.fa-steam-square:before {
3512 content: "\f1b7";
3515 .fa.fa-automobile:before {
3516 content: "\f1b9";
3519 .fa.fa-cab:before {
3520 content: "\f1ba";
3523 .fa.fa-spotify {
3524 font-family: "Font Awesome 6 Brands";
3525 font-weight: 400;
3528 .fa.fa-deviantart {
3529 font-family: "Font Awesome 6 Brands";
3530 font-weight: 400;
3533 .fa.fa-soundcloud {
3534 font-family: "Font Awesome 6 Brands";
3535 font-weight: 400;
3538 .fa.fa-file-pdf-o {
3539 font-family: "Font Awesome 6 Free";
3540 font-weight: 400;
3543 .fa.fa-file-pdf-o:before {
3544 content: "\f1c1";
3547 .fa.fa-file-word-o {
3548 font-family: "Font Awesome 6 Free";
3549 font-weight: 400;
3552 .fa.fa-file-word-o:before {
3553 content: "\f1c2";
3556 .fa.fa-file-excel-o {
3557 font-family: "Font Awesome 6 Free";
3558 font-weight: 400;
3561 .fa.fa-file-excel-o:before {
3562 content: "\f1c3";
3565 .fa.fa-file-powerpoint-o {
3566 font-family: "Font Awesome 6 Free";
3567 font-weight: 400;
3570 .fa.fa-file-powerpoint-o:before {
3571 content: "\f1c4";
3574 .fa.fa-file-image-o {
3575 font-family: "Font Awesome 6 Free";
3576 font-weight: 400;
3579 .fa.fa-file-image-o:before {
3580 content: "\f1c5";
3583 .fa.fa-file-photo-o {
3584 font-family: "Font Awesome 6 Free";
3585 font-weight: 400;
3588 .fa.fa-file-photo-o:before {
3589 content: "\f1c5";
3592 .fa.fa-file-picture-o {
3593 font-family: "Font Awesome 6 Free";
3594 font-weight: 400;
3597 .fa.fa-file-picture-o:before {
3598 content: "\f1c5";
3601 .fa.fa-file-archive-o {
3602 font-family: "Font Awesome 6 Free";
3603 font-weight: 400;
3606 .fa.fa-file-archive-o:before {
3607 content: "\f1c6";
3610 .fa.fa-file-zip-o {
3611 font-family: "Font Awesome 6 Free";
3612 font-weight: 400;
3615 .fa.fa-file-zip-o:before {
3616 content: "\f1c6";
3619 .fa.fa-file-audio-o {
3620 font-family: "Font Awesome 6 Free";
3621 font-weight: 400;
3624 .fa.fa-file-audio-o:before {
3625 content: "\f1c7";
3628 .fa.fa-file-sound-o {
3629 font-family: "Font Awesome 6 Free";
3630 font-weight: 400;
3633 .fa.fa-file-sound-o:before {
3634 content: "\f1c7";
3637 .fa.fa-file-video-o {
3638 font-family: "Font Awesome 6 Free";
3639 font-weight: 400;
3642 .fa.fa-file-video-o:before {
3643 content: "\f1c8";
3646 .fa.fa-file-movie-o {
3647 font-family: "Font Awesome 6 Free";
3648 font-weight: 400;
3651 .fa.fa-file-movie-o:before {
3652 content: "\f1c8";
3655 .fa.fa-file-code-o {
3656 font-family: "Font Awesome 6 Free";
3657 font-weight: 400;
3660 .fa.fa-file-code-o:before {
3661 content: "\f1c9";
3664 .fa.fa-vine {
3665 font-family: "Font Awesome 6 Brands";
3666 font-weight: 400;
3669 .fa.fa-codepen {
3670 font-family: "Font Awesome 6 Brands";
3671 font-weight: 400;
3674 .fa.fa-jsfiddle {
3675 font-family: "Font Awesome 6 Brands";
3676 font-weight: 400;
3679 .fa.fa-life-bouy:before {
3680 content: "\f1cd";
3683 .fa.fa-life-buoy:before {
3684 content: "\f1cd";
3687 .fa.fa-life-saver:before {
3688 content: "\f1cd";
3691 .fa.fa-support:before {
3692 content: "\f1cd";
3695 .fa.fa-circle-o-notch:before {
3696 content: "\f1ce";
3699 .fa.fa-rebel {
3700 font-family: "Font Awesome 6 Brands";
3701 font-weight: 400;
3704 .fa.fa-ra {
3705 font-family: "Font Awesome 6 Brands";
3706 font-weight: 400;
3709 .fa.fa-ra:before {
3710 content: "\f1d0";
3713 .fa.fa-resistance {
3714 font-family: "Font Awesome 6 Brands";
3715 font-weight: 400;
3718 .fa.fa-resistance:before {
3719 content: "\f1d0";
3722 .fa.fa-empire {
3723 font-family: "Font Awesome 6 Brands";
3724 font-weight: 400;
3727 .fa.fa-ge {
3728 font-family: "Font Awesome 6 Brands";
3729 font-weight: 400;
3732 .fa.fa-ge:before {
3733 content: "\f1d1";
3736 .fa.fa-git-square {
3737 font-family: "Font Awesome 6 Brands";
3738 font-weight: 400;
3741 .fa.fa-git-square:before {
3742 content: "\f1d2";
3745 .fa.fa-git {
3746 font-family: "Font Awesome 6 Brands";
3747 font-weight: 400;
3750 .fa.fa-hacker-news {
3751 font-family: "Font Awesome 6 Brands";
3752 font-weight: 400;
3755 .fa.fa-y-combinator-square {
3756 font-family: "Font Awesome 6 Brands";
3757 font-weight: 400;
3760 .fa.fa-y-combinator-square:before {
3761 content: "\f1d4";
3764 .fa.fa-yc-square {
3765 font-family: "Font Awesome 6 Brands";
3766 font-weight: 400;
3769 .fa.fa-yc-square:before {
3770 content: "\f1d4";
3773 .fa.fa-tencent-weibo {
3774 font-family: "Font Awesome 6 Brands";
3775 font-weight: 400;
3778 .fa.fa-qq {
3779 font-family: "Font Awesome 6 Brands";
3780 font-weight: 400;
3783 .fa.fa-weixin {
3784 font-family: "Font Awesome 6 Brands";
3785 font-weight: 400;
3788 .fa.fa-wechat {
3789 font-family: "Font Awesome 6 Brands";
3790 font-weight: 400;
3793 .fa.fa-wechat:before {
3794 content: "\f1d7";
3797 .fa.fa-send:before {
3798 content: "\f1d8";
3801 .fa.fa-paper-plane-o {
3802 font-family: "Font Awesome 6 Free";
3803 font-weight: 400;
3806 .fa.fa-paper-plane-o:before {
3807 content: "\f1d8";
3810 .fa.fa-send-o {
3811 font-family: "Font Awesome 6 Free";
3812 font-weight: 400;
3815 .fa.fa-send-o:before {
3816 content: "\f1d8";
3819 .fa.fa-circle-thin {
3820 font-family: "Font Awesome 6 Free";
3821 font-weight: 400;
3824 .fa.fa-circle-thin:before {
3825 content: "\f111";
3828 .fa.fa-header:before {
3829 content: "\f1dc";
3832 .fa.fa-futbol-o {
3833 font-family: "Font Awesome 6 Free";
3834 font-weight: 400;
3837 .fa.fa-futbol-o:before {
3838 content: "\f1e3";
3841 .fa.fa-soccer-ball-o {
3842 font-family: "Font Awesome 6 Free";
3843 font-weight: 400;
3846 .fa.fa-soccer-ball-o:before {
3847 content: "\f1e3";
3850 .fa.fa-slideshare {
3851 font-family: "Font Awesome 6 Brands";
3852 font-weight: 400;
3855 .fa.fa-twitch {
3856 font-family: "Font Awesome 6 Brands";
3857 font-weight: 400;
3860 .fa.fa-yelp {
3861 font-family: "Font Awesome 6 Brands";
3862 font-weight: 400;
3865 .fa.fa-newspaper-o {
3866 font-family: "Font Awesome 6 Free";
3867 font-weight: 400;
3870 .fa.fa-newspaper-o:before {
3871 content: "\f1ea";
3874 .fa.fa-paypal {
3875 font-family: "Font Awesome 6 Brands";
3876 font-weight: 400;
3879 .fa.fa-google-wallet {
3880 font-family: "Font Awesome 6 Brands";
3881 font-weight: 400;
3884 .fa.fa-cc-visa {
3885 font-family: "Font Awesome 6 Brands";
3886 font-weight: 400;
3889 .fa.fa-cc-mastercard {
3890 font-family: "Font Awesome 6 Brands";
3891 font-weight: 400;
3894 .fa.fa-cc-discover {
3895 font-family: "Font Awesome 6 Brands";
3896 font-weight: 400;
3899 .fa.fa-cc-amex {
3900 font-family: "Font Awesome 6 Brands";
3901 font-weight: 400;
3904 .fa.fa-cc-paypal {
3905 font-family: "Font Awesome 6 Brands";
3906 font-weight: 400;
3909 .fa.fa-cc-stripe {
3910 font-family: "Font Awesome 6 Brands";
3911 font-weight: 400;
3914 .fa.fa-bell-slash-o {
3915 font-family: "Font Awesome 6 Free";
3916 font-weight: 400;
3919 .fa.fa-bell-slash-o:before {
3920 content: "\f1f6";
3923 .fa.fa-trash:before {
3924 content: "\f2ed";
3927 .fa.fa-copyright {
3928 font-family: "Font Awesome 6 Free";
3929 font-weight: 400;
3932 .fa.fa-eyedropper:before {
3933 content: "\f1fb";
3936 .fa.fa-area-chart:before {
3937 content: "\f1fe";
3940 .fa.fa-pie-chart:before {
3941 content: "\f200";
3944 .fa.fa-line-chart:before {
3945 content: "\f201";
3948 .fa.fa-lastfm {
3949 font-family: "Font Awesome 6 Brands";
3950 font-weight: 400;
3953 .fa.fa-lastfm-square {
3954 font-family: "Font Awesome 6 Brands";
3955 font-weight: 400;
3958 .fa.fa-lastfm-square:before {
3959 content: "\f203";
3962 .fa.fa-ioxhost {
3963 font-family: "Font Awesome 6 Brands";
3964 font-weight: 400;
3967 .fa.fa-angellist {
3968 font-family: "Font Awesome 6 Brands";
3969 font-weight: 400;
3972 .fa.fa-cc {
3973 font-family: "Font Awesome 6 Free";
3974 font-weight: 400;
3977 .fa.fa-cc:before {
3978 content: "\f20a";
3981 .fa.fa-ils:before {
3982 content: "\f20b";
3985 .fa.fa-shekel:before {
3986 content: "\f20b";
3989 .fa.fa-sheqel:before {
3990 content: "\f20b";
3993 .fa.fa-buysellads {
3994 font-family: "Font Awesome 6 Brands";
3995 font-weight: 400;
3998 .fa.fa-connectdevelop {
3999 font-family: "Font Awesome 6 Brands";
4000 font-weight: 400;
4003 .fa.fa-dashcube {
4004 font-family: "Font Awesome 6 Brands";
4005 font-weight: 400;
4008 .fa.fa-forumbee {
4009 font-family: "Font Awesome 6 Brands";
4010 font-weight: 400;
4013 .fa.fa-leanpub {
4014 font-family: "Font Awesome 6 Brands";
4015 font-weight: 400;
4018 .fa.fa-sellsy {
4019 font-family: "Font Awesome 6 Brands";
4020 font-weight: 400;
4023 .fa.fa-shirtsinbulk {
4024 font-family: "Font Awesome 6 Brands";
4025 font-weight: 400;
4028 .fa.fa-simplybuilt {
4029 font-family: "Font Awesome 6 Brands";
4030 font-weight: 400;
4033 .fa.fa-skyatlas {
4034 font-family: "Font Awesome 6 Brands";
4035 font-weight: 400;
4038 .fa.fa-diamond {
4039 font-family: "Font Awesome 6 Free";
4040 font-weight: 400;
4043 .fa.fa-diamond:before {
4044 content: "\f3a5";
4047 .fa.fa-transgender:before {
4048 content: "\f224";
4051 .fa.fa-intersex:before {
4052 content: "\f224";
4055 .fa.fa-transgender-alt:before {
4056 content: "\f225";
4059 .fa.fa-facebook-official {
4060 font-family: "Font Awesome 6 Brands";
4061 font-weight: 400;
4064 .fa.fa-facebook-official:before {
4065 content: "\f09a";
4068 .fa.fa-pinterest-p {
4069 font-family: "Font Awesome 6 Brands";
4070 font-weight: 400;
4073 .fa.fa-whatsapp {
4074 font-family: "Font Awesome 6 Brands";
4075 font-weight: 400;
4078 .fa.fa-hotel:before {
4079 content: "\f236";
4082 .fa.fa-viacoin {
4083 font-family: "Font Awesome 6 Brands";
4084 font-weight: 400;
4087 .fa.fa-medium {
4088 font-family: "Font Awesome 6 Brands";
4089 font-weight: 400;
4092 .fa.fa-y-combinator {
4093 font-family: "Font Awesome 6 Brands";
4094 font-weight: 400;
4097 .fa.fa-yc {
4098 font-family: "Font Awesome 6 Brands";
4099 font-weight: 400;
4102 .fa.fa-yc:before {
4103 content: "\f23b";
4106 .fa.fa-optin-monster {
4107 font-family: "Font Awesome 6 Brands";
4108 font-weight: 400;
4111 .fa.fa-opencart {
4112 font-family: "Font Awesome 6 Brands";
4113 font-weight: 400;
4116 .fa.fa-expeditedssl {
4117 font-family: "Font Awesome 6 Brands";
4118 font-weight: 400;
4121 .fa.fa-battery-4:before {
4122 content: "\f240";
4125 .fa.fa-battery:before {
4126 content: "\f240";
4129 .fa.fa-battery-3:before {
4130 content: "\f241";
4133 .fa.fa-battery-2:before {
4134 content: "\f242";
4137 .fa.fa-battery-1:before {
4138 content: "\f243";
4141 .fa.fa-battery-0:before {
4142 content: "\f244";
4145 .fa.fa-object-group {
4146 font-family: "Font Awesome 6 Free";
4147 font-weight: 400;
4150 .fa.fa-object-ungroup {
4151 font-family: "Font Awesome 6 Free";
4152 font-weight: 400;
4155 .fa.fa-sticky-note-o {
4156 font-family: "Font Awesome 6 Free";
4157 font-weight: 400;
4160 .fa.fa-sticky-note-o:before {
4161 content: "\f249";
4164 .fa.fa-cc-jcb {
4165 font-family: "Font Awesome 6 Brands";
4166 font-weight: 400;
4169 .fa.fa-cc-diners-club {
4170 font-family: "Font Awesome 6 Brands";
4171 font-weight: 400;
4174 .fa.fa-clone {
4175 font-family: "Font Awesome 6 Free";
4176 font-weight: 400;
4179 .fa.fa-hourglass-o:before {
4180 content: "\f254";
4183 .fa.fa-hourglass-1:before {
4184 content: "\f251";
4187 .fa.fa-hourglass-2:before {
4188 content: "\f252";
4191 .fa.fa-hourglass-3:before {
4192 content: "\f253";
4195 .fa.fa-hand-rock-o {
4196 font-family: "Font Awesome 6 Free";
4197 font-weight: 400;
4200 .fa.fa-hand-rock-o:before {
4201 content: "\f255";
4204 .fa.fa-hand-grab-o {
4205 font-family: "Font Awesome 6 Free";
4206 font-weight: 400;
4209 .fa.fa-hand-grab-o:before {
4210 content: "\f255";
4213 .fa.fa-hand-paper-o {
4214 font-family: "Font Awesome 6 Free";
4215 font-weight: 400;
4218 .fa.fa-hand-paper-o:before {
4219 content: "\f256";
4222 .fa.fa-hand-stop-o {
4223 font-family: "Font Awesome 6 Free";
4224 font-weight: 400;
4227 .fa.fa-hand-stop-o:before {
4228 content: "\f256";
4231 .fa.fa-hand-scissors-o {
4232 font-family: "Font Awesome 6 Free";
4233 font-weight: 400;
4236 .fa.fa-hand-scissors-o:before {
4237 content: "\f257";
4240 .fa.fa-hand-lizard-o {
4241 font-family: "Font Awesome 6 Free";
4242 font-weight: 400;
4245 .fa.fa-hand-lizard-o:before {
4246 content: "\f258";
4249 .fa.fa-hand-spock-o {
4250 font-family: "Font Awesome 6 Free";
4251 font-weight: 400;
4254 .fa.fa-hand-spock-o:before {
4255 content: "\f259";
4258 .fa.fa-hand-pointer-o {
4259 font-family: "Font Awesome 6 Free";
4260 font-weight: 400;
4263 .fa.fa-hand-pointer-o:before {
4264 content: "\f25a";
4267 .fa.fa-hand-peace-o {
4268 font-family: "Font Awesome 6 Free";
4269 font-weight: 400;
4272 .fa.fa-hand-peace-o:before {
4273 content: "\f25b";
4276 .fa.fa-registered {
4277 font-family: "Font Awesome 6 Free";
4278 font-weight: 400;
4281 .fa.fa-creative-commons {
4282 font-family: "Font Awesome 6 Brands";
4283 font-weight: 400;
4286 .fa.fa-gg {
4287 font-family: "Font Awesome 6 Brands";
4288 font-weight: 400;
4291 .fa.fa-gg-circle {
4292 font-family: "Font Awesome 6 Brands";
4293 font-weight: 400;
4296 .fa.fa-odnoklassniki {
4297 font-family: "Font Awesome 6 Brands";
4298 font-weight: 400;
4301 .fa.fa-odnoklassniki-square {
4302 font-family: "Font Awesome 6 Brands";
4303 font-weight: 400;
4306 .fa.fa-odnoklassniki-square:before {
4307 content: "\f264";
4310 .fa.fa-get-pocket {
4311 font-family: "Font Awesome 6 Brands";
4312 font-weight: 400;
4315 .fa.fa-wikipedia-w {
4316 font-family: "Font Awesome 6 Brands";
4317 font-weight: 400;
4320 .fa.fa-safari {
4321 font-family: "Font Awesome 6 Brands";
4322 font-weight: 400;
4325 .fa.fa-chrome {
4326 font-family: "Font Awesome 6 Brands";
4327 font-weight: 400;
4330 .fa.fa-firefox {
4331 font-family: "Font Awesome 6 Brands";
4332 font-weight: 400;
4335 .fa.fa-opera {
4336 font-family: "Font Awesome 6 Brands";
4337 font-weight: 400;
4340 .fa.fa-internet-explorer {
4341 font-family: "Font Awesome 6 Brands";
4342 font-weight: 400;
4345 .fa.fa-television:before {
4346 content: "\f26c";
4349 .fa.fa-contao {
4350 font-family: "Font Awesome 6 Brands";
4351 font-weight: 400;
4354 .fa.fa-500px {
4355 font-family: "Font Awesome 6 Brands";
4356 font-weight: 400;
4359 .fa.fa-amazon {
4360 font-family: "Font Awesome 6 Brands";
4361 font-weight: 400;
4364 .fa.fa-calendar-plus-o {
4365 font-family: "Font Awesome 6 Free";
4366 font-weight: 400;
4369 .fa.fa-calendar-plus-o:before {
4370 content: "\f271";
4373 .fa.fa-calendar-minus-o {
4374 font-family: "Font Awesome 6 Free";
4375 font-weight: 400;
4378 .fa.fa-calendar-minus-o:before {
4379 content: "\f272";
4382 .fa.fa-calendar-times-o {
4383 font-family: "Font Awesome 6 Free";
4384 font-weight: 400;
4387 .fa.fa-calendar-times-o:before {
4388 content: "\f273";
4391 .fa.fa-calendar-check-o {
4392 font-family: "Font Awesome 6 Free";
4393 font-weight: 400;
4396 .fa.fa-calendar-check-o:before {
4397 content: "\f274";
4400 .fa.fa-map-o {
4401 font-family: "Font Awesome 6 Free";
4402 font-weight: 400;
4405 .fa.fa-map-o:before {
4406 content: "\f279";
4409 .fa.fa-commenting:before {
4410 content: "\f4ad";
4413 .fa.fa-commenting-o {
4414 font-family: "Font Awesome 6 Free";
4415 font-weight: 400;
4418 .fa.fa-commenting-o:before {
4419 content: "\f4ad";
4422 .fa.fa-houzz {
4423 font-family: "Font Awesome 6 Brands";
4424 font-weight: 400;
4427 .fa.fa-vimeo {
4428 font-family: "Font Awesome 6 Brands";
4429 font-weight: 400;
4432 .fa.fa-vimeo:before {
4433 content: "\f27d";
4436 .fa.fa-black-tie {
4437 font-family: "Font Awesome 6 Brands";
4438 font-weight: 400;
4441 .fa.fa-fonticons {
4442 font-family: "Font Awesome 6 Brands";
4443 font-weight: 400;
4446 .fa.fa-reddit-alien {
4447 font-family: "Font Awesome 6 Brands";
4448 font-weight: 400;
4451 .fa.fa-edge {
4452 font-family: "Font Awesome 6 Brands";
4453 font-weight: 400;
4456 .fa.fa-credit-card-alt:before {
4457 content: "\f09d";
4460 .fa.fa-codiepie {
4461 font-family: "Font Awesome 6 Brands";
4462 font-weight: 400;
4465 .fa.fa-modx {
4466 font-family: "Font Awesome 6 Brands";
4467 font-weight: 400;
4470 .fa.fa-fort-awesome {
4471 font-family: "Font Awesome 6 Brands";
4472 font-weight: 400;
4475 .fa.fa-usb {
4476 font-family: "Font Awesome 6 Brands";
4477 font-weight: 400;
4480 .fa.fa-product-hunt {
4481 font-family: "Font Awesome 6 Brands";
4482 font-weight: 400;
4485 .fa.fa-mixcloud {
4486 font-family: "Font Awesome 6 Brands";
4487 font-weight: 400;
4490 .fa.fa-scribd {
4491 font-family: "Font Awesome 6 Brands";
4492 font-weight: 400;
4495 .fa.fa-pause-circle-o {
4496 font-family: "Font Awesome 6 Free";
4497 font-weight: 400;
4500 .fa.fa-pause-circle-o:before {
4501 content: "\f28b";
4504 .fa.fa-stop-circle-o {
4505 font-family: "Font Awesome 6 Free";
4506 font-weight: 400;
4509 .fa.fa-stop-circle-o:before {
4510 content: "\f28d";
4513 .fa.fa-bluetooth {
4514 font-family: "Font Awesome 6 Brands";
4515 font-weight: 400;
4518 .fa.fa-bluetooth-b {
4519 font-family: "Font Awesome 6 Brands";
4520 font-weight: 400;
4523 .fa.fa-gitlab {
4524 font-family: "Font Awesome 6 Brands";
4525 font-weight: 400;
4528 .fa.fa-wpbeginner {
4529 font-family: "Font Awesome 6 Brands";
4530 font-weight: 400;
4533 .fa.fa-wpforms {
4534 font-family: "Font Awesome 6 Brands";
4535 font-weight: 400;
4538 .fa.fa-envira {
4539 font-family: "Font Awesome 6 Brands";
4540 font-weight: 400;
4543 .fa.fa-wheelchair-alt {
4544 font-family: "Font Awesome 6 Brands";
4545 font-weight: 400;
4548 .fa.fa-wheelchair-alt:before {
4549 content: "\f368";
4552 .fa.fa-question-circle-o {
4553 font-family: "Font Awesome 6 Free";
4554 font-weight: 400;
4557 .fa.fa-question-circle-o:before {
4558 content: "\f059";
4561 .fa.fa-volume-control-phone:before {
4562 content: "\f2a0";
4565 .fa.fa-asl-interpreting:before {
4566 content: "\f2a3";
4569 .fa.fa-deafness:before {
4570 content: "\f2a4";
4573 .fa.fa-hard-of-hearing:before {
4574 content: "\f2a4";
4577 .fa.fa-glide {
4578 font-family: "Font Awesome 6 Brands";
4579 font-weight: 400;
4582 .fa.fa-glide-g {
4583 font-family: "Font Awesome 6 Brands";
4584 font-weight: 400;
4587 .fa.fa-signing:before {
4588 content: "\f2a7";
4591 .fa.fa-viadeo {
4592 font-family: "Font Awesome 6 Brands";
4593 font-weight: 400;
4596 .fa.fa-viadeo-square {
4597 font-family: "Font Awesome 6 Brands";
4598 font-weight: 400;
4601 .fa.fa-viadeo-square:before {
4602 content: "\f2aa";
4605 .fa.fa-snapchat {
4606 font-family: "Font Awesome 6 Brands";
4607 font-weight: 400;
4610 .fa.fa-snapchat-ghost {
4611 font-family: "Font Awesome 6 Brands";
4612 font-weight: 400;
4615 .fa.fa-snapchat-ghost:before {
4616 content: "\f2ab";
4619 .fa.fa-snapchat-square {
4620 font-family: "Font Awesome 6 Brands";
4621 font-weight: 400;
4624 .fa.fa-snapchat-square:before {
4625 content: "\f2ad";
4628 .fa.fa-pied-piper {
4629 font-family: "Font Awesome 6 Brands";
4630 font-weight: 400;
4633 .fa.fa-first-order {
4634 font-family: "Font Awesome 6 Brands";
4635 font-weight: 400;
4638 .fa.fa-yoast {
4639 font-family: "Font Awesome 6 Brands";
4640 font-weight: 400;
4643 .fa.fa-themeisle {
4644 font-family: "Font Awesome 6 Brands";
4645 font-weight: 400;
4648 .fa.fa-google-plus-official {
4649 font-family: "Font Awesome 6 Brands";
4650 font-weight: 400;
4653 .fa.fa-google-plus-official:before {
4654 content: "\f2b3";
4657 .fa.fa-google-plus-circle {
4658 font-family: "Font Awesome 6 Brands";
4659 font-weight: 400;
4662 .fa.fa-google-plus-circle:before {
4663 content: "\f2b3";
4666 .fa.fa-font-awesome {
4667 font-family: "Font Awesome 6 Brands";
4668 font-weight: 400;
4671 .fa.fa-fa {
4672 font-family: "Font Awesome 6 Brands";
4673 font-weight: 400;
4676 .fa.fa-fa:before {
4677 content: "\f2b4";
4680 .fa.fa-handshake-o {
4681 font-family: "Font Awesome 6 Free";
4682 font-weight: 400;
4685 .fa.fa-handshake-o:before {
4686 content: "\f2b5";
4689 .fa.fa-envelope-open-o {
4690 font-family: "Font Awesome 6 Free";
4691 font-weight: 400;
4694 .fa.fa-envelope-open-o:before {
4695 content: "\f2b6";
4698 .fa.fa-linode {
4699 font-family: "Font Awesome 6 Brands";
4700 font-weight: 400;
4703 .fa.fa-address-book-o {
4704 font-family: "Font Awesome 6 Free";
4705 font-weight: 400;
4708 .fa.fa-address-book-o:before {
4709 content: "\f2b9";
4712 .fa.fa-vcard:before {
4713 content: "\f2bb";
4716 .fa.fa-address-card-o {
4717 font-family: "Font Awesome 6 Free";
4718 font-weight: 400;
4721 .fa.fa-address-card-o:before {
4722 content: "\f2bb";
4725 .fa.fa-vcard-o {
4726 font-family: "Font Awesome 6 Free";
4727 font-weight: 400;
4730 .fa.fa-vcard-o:before {
4731 content: "\f2bb";
4734 .fa.fa-user-circle-o {
4735 font-family: "Font Awesome 6 Free";
4736 font-weight: 400;
4739 .fa.fa-user-circle-o:before {
4740 content: "\f2bd";
4743 .fa.fa-user-o {
4744 font-family: "Font Awesome 6 Free";
4745 font-weight: 400;
4748 .fa.fa-user-o:before {
4749 content: "\f007";
4752 .fa.fa-id-badge {
4753 font-family: "Font Awesome 6 Free";
4754 font-weight: 400;
4757 .fa.fa-drivers-license:before {
4758 content: "\f2c2";
4761 .fa.fa-id-card-o {
4762 font-family: "Font Awesome 6 Free";
4763 font-weight: 400;
4766 .fa.fa-id-card-o:before {
4767 content: "\f2c2";
4770 .fa.fa-drivers-license-o {
4771 font-family: "Font Awesome 6 Free";
4772 font-weight: 400;
4775 .fa.fa-drivers-license-o:before {
4776 content: "\f2c2";
4779 .fa.fa-quora {
4780 font-family: "Font Awesome 6 Brands";
4781 font-weight: 400;
4784 .fa.fa-free-code-camp {
4785 font-family: "Font Awesome 6 Brands";
4786 font-weight: 400;
4789 .fa.fa-telegram {
4790 font-family: "Font Awesome 6 Brands";
4791 font-weight: 400;
4794 .fa.fa-thermometer-4:before {
4795 content: "\f2c7";
4798 .fa.fa-thermometer:before {
4799 content: "\f2c7";
4802 .fa.fa-thermometer-3:before {
4803 content: "\f2c8";
4806 .fa.fa-thermometer-2:before {
4807 content: "\f2c9";
4810 .fa.fa-thermometer-1:before {
4811 content: "\f2ca";
4814 .fa.fa-thermometer-0:before {
4815 content: "\f2cb";
4818 .fa.fa-bathtub:before {
4819 content: "\f2cd";
4822 .fa.fa-s15:before {
4823 content: "\f2cd";
4826 .fa.fa-window-maximize {
4827 font-family: "Font Awesome 6 Free";
4828 font-weight: 400;
4831 .fa.fa-window-restore {
4832 font-family: "Font Awesome 6 Free";
4833 font-weight: 400;
4836 .fa.fa-times-rectangle:before {
4837 content: "\f410";
4840 .fa.fa-window-close-o {
4841 font-family: "Font Awesome 6 Free";
4842 font-weight: 400;
4845 .fa.fa-window-close-o:before {
4846 content: "\f410";
4849 .fa.fa-times-rectangle-o {
4850 font-family: "Font Awesome 6 Free";
4851 font-weight: 400;
4854 .fa.fa-times-rectangle-o:before {
4855 content: "\f410";
4858 .fa.fa-bandcamp {
4859 font-family: "Font Awesome 6 Brands";
4860 font-weight: 400;
4863 .fa.fa-grav {
4864 font-family: "Font Awesome 6 Brands";
4865 font-weight: 400;
4868 .fa.fa-etsy {
4869 font-family: "Font Awesome 6 Brands";
4870 font-weight: 400;
4873 .fa.fa-imdb {
4874 font-family: "Font Awesome 6 Brands";
4875 font-weight: 400;
4878 .fa.fa-ravelry {
4879 font-family: "Font Awesome 6 Brands";
4880 font-weight: 400;
4883 .fa.fa-eercast {
4884 font-family: "Font Awesome 6 Brands";
4885 font-weight: 400;
4888 .fa.fa-eercast:before {
4889 content: "\f2da";
4892 .fa.fa-snowflake-o {
4893 font-family: "Font Awesome 6 Free";
4894 font-weight: 400;
4897 .fa.fa-snowflake-o:before {
4898 content: "\f2dc";
4901 .fa.fa-superpowers {
4902 font-family: "Font Awesome 6 Brands";
4903 font-weight: 400;
4906 .fa.fa-wpexplorer {
4907 font-family: "Font Awesome 6 Brands";
4908 font-weight: 400;
4911 .fa.fa-meetup {
4912 font-family: "Font Awesome 6 Brands";
4913 font-weight: 400;
4917 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
4918 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4919 * Copyright 2023 Fonticons, Inc.
4921 .fa {
4922 font-family: var(--fa-style-family, "Font Awesome 6 Free");
4923 font-weight: var(--fa-style, 900);
4926 .fa,
4927 .fa-classic,
4928 .fa-sharp,
4929 .fas,
4930 .fa-solid,
4931 .moremenu .dropdown-item[aria-current=true]:before,
4932 .moremenu .dropdown-item.active:before,
4933 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4934 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
4935 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4936 .toast.toast-warning .toast-body:before,
4937 .toast.toast-info .toast-body:before,
4938 .toast.toast-danger .toast-body:before,
4939 .toast.toast-success .toast-body:before,
4940 .editing .editinprogress:after,
4941 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
4942 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
4943 .block_settings .block_tree [aria-expanded=false] > p:before,
4944 .block_navigation .block_tree [aria-expanded=false] > p:before,
4945 .block_settings .block_tree [aria-expanded=true] > p:before,
4946 .block_navigation .block_tree [aria-expanded=true] > p:before,
4947 .dropdown-item[aria-current=true]:before,
4948 .dropdown-item[aria-selected=true]:before,
4949 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
4950 .action-menu .dropdown-subpanel .dropdown-item::after,
4951 .dropup .dropdown-toggle::after,
4952 .dropright .dropdown-toggle::after,
4953 .dropleft .dropdown-toggle::before,
4954 .dropdown-toggle::after,
4955 .far,
4956 .fa-regular,
4957 .content-bank-container.view-grid .cb-unlisted::after,
4958 .fab,
4959 .fa-brands {
4960 -moz-osx-font-smoothing: grayscale;
4961 -webkit-font-smoothing: antialiased;
4962 display: var(--fa-display, inline-block);
4963 font-style: normal;
4964 font-variant: normal;
4965 line-height: 1;
4966 text-rendering: auto;
4969 .fas,
4970 .fa-classic,
4971 .fa-solid,
4972 .moremenu .dropdown-item[aria-current=true]:before,
4973 .moremenu .dropdown-item.active:before,
4974 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4975 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
4976 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4977 .toast.toast-warning .toast-body:before,
4978 .toast.toast-info .toast-body:before,
4979 .toast.toast-danger .toast-body:before,
4980 .toast.toast-success .toast-body:before,
4981 .editing .editinprogress:after,
4982 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
4983 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
4984 .block_settings .block_tree [aria-expanded=false] > p:before,
4985 .block_navigation .block_tree [aria-expanded=false] > p:before,
4986 .block_settings .block_tree [aria-expanded=true] > p:before,
4987 .block_navigation .block_tree [aria-expanded=true] > p:before,
4988 .dropdown-item[aria-current=true]:before,
4989 .dropdown-item[aria-selected=true]:before,
4990 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
4991 .action-menu .dropdown-subpanel .dropdown-item::after,
4992 .dropup .dropdown-toggle::after,
4993 .dropright .dropdown-toggle::after,
4994 .dropleft .dropdown-toggle::before,
4995 .dropdown-toggle::after,
4996 .far,
4997 .fa-regular,
4998 .content-bank-container.view-grid .cb-unlisted::after {
4999 font-family: "Font Awesome 6 Free";
5002 .fab,
5003 .fa-brands {
5004 font-family: "Font Awesome 6 Brands";
5007 .fa-1x {
5008 font-size: 1em;
5011 .fa-2x {
5012 font-size: 2em;
5015 .fa-3x {
5016 font-size: 3em;
5019 .fa-4x {
5020 font-size: 4em;
5023 .fa-5x {
5024 font-size: 5em;
5027 .fa-6x {
5028 font-size: 6em;
5031 .fa-7x {
5032 font-size: 7em;
5035 .fa-8x {
5036 font-size: 8em;
5039 .fa-9x {
5040 font-size: 9em;
5043 .fa-10x {
5044 font-size: 10em;
5047 .fa-2xs {
5048 font-size: 0.625em;
5049 line-height: 0.1em;
5050 vertical-align: 0.225em;
5053 .fa-xs {
5054 font-size: 0.75em;
5055 line-height: 0.0833333337em;
5056 vertical-align: 0.125em;
5059 .fa-sm {
5060 font-size: 0.875em;
5061 line-height: 0.0714285718em;
5062 vertical-align: 0.0535714295em;
5065 .fa-lg {
5066 font-size: 1.25em;
5067 line-height: 0.05em;
5068 vertical-align: -0.075em;
5071 .fa-xl {
5072 font-size: 1.5em;
5073 line-height: 0.0416666682em;
5074 vertical-align: -0.125em;
5077 .fa-2xl {
5078 font-size: 2em;
5079 line-height: 0.03125em;
5080 vertical-align: -0.1875em;
5083 .fa-fw {
5084 text-align: center;
5085 width: 1.25em;
5088 .fa-ul {
5089 list-style-type: none;
5090 margin-left: var(--fa-li-margin, 2.5em);
5091 padding-left: 0;
5093 .fa-ul > li {
5094 position: relative;
5097 .fa-li {
5098 left: calc(var(--fa-li-width, 2em) * -1);
5099 position: absolute;
5100 text-align: center;
5101 width: var(--fa-li-width, 2em);
5102 line-height: inherit;
5105 .fa-border {
5106 border-color: var(--fa-border-color, #eee);
5107 border-radius: var(--fa-border-radius, 0.1em);
5108 border-style: var(--fa-border-style, solid);
5109 border-width: var(--fa-border-width, 0.08em);
5110 padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
5113 .fa-pull-left {
5114 float: left;
5115 margin-right: var(--fa-pull-margin, 0.3em);
5118 .fa-pull-right {
5119 float: right;
5120 margin-left: var(--fa-pull-margin, 0.3em);
5123 .fa-beat {
5124 animation-name: fa-beat;
5125 animation-delay: var(--fa-animation-delay, 0s);
5126 animation-direction: var(--fa-animation-direction, normal);
5127 animation-duration: var(--fa-animation-duration, 1s);
5128 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5129 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5132 .fa-bounce {
5133 animation-name: fa-bounce;
5134 animation-delay: var(--fa-animation-delay, 0s);
5135 animation-direction: var(--fa-animation-direction, normal);
5136 animation-duration: var(--fa-animation-duration, 1s);
5137 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5138 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
5141 .fa-fade {
5142 animation-name: fa-fade;
5143 animation-delay: var(--fa-animation-delay, 0s);
5144 animation-direction: var(--fa-animation-direction, normal);
5145 animation-duration: var(--fa-animation-duration, 1s);
5146 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5147 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5150 .fa-beat-fade {
5151 animation-name: fa-beat-fade;
5152 animation-delay: var(--fa-animation-delay, 0s);
5153 animation-direction: var(--fa-animation-direction, normal);
5154 animation-duration: var(--fa-animation-duration, 1s);
5155 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5156 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5159 .fa-flip {
5160 animation-name: fa-flip;
5161 animation-delay: var(--fa-animation-delay, 0s);
5162 animation-direction: var(--fa-animation-direction, normal);
5163 animation-duration: var(--fa-animation-duration, 1s);
5164 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5165 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5168 .fa-shake {
5169 animation-name: fa-shake;
5170 animation-delay: var(--fa-animation-delay, 0s);
5171 animation-direction: var(--fa-animation-direction, normal);
5172 animation-duration: var(--fa-animation-duration, 1s);
5173 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5174 animation-timing-function: var(--fa-animation-timing, linear);
5177 .fa-spin {
5178 animation-name: fa-spin;
5179 animation-delay: var(--fa-animation-delay, 0s);
5180 animation-direction: var(--fa-animation-direction, normal);
5181 animation-duration: var(--fa-animation-duration, 2s);
5182 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5183 animation-timing-function: var(--fa-animation-timing, linear);
5186 .fa-spin-reverse {
5187 --fa-animation-direction: reverse;
5190 .fa-pulse,
5191 .fa-spin-pulse {
5192 animation-name: fa-spin;
5193 animation-direction: var(--fa-animation-direction, normal);
5194 animation-duration: var(--fa-animation-duration, 1s);
5195 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5196 animation-timing-function: var(--fa-animation-timing, steps(8));
5199 @media (prefers-reduced-motion: reduce) {
5200 .fa-beat,
5201 .fa-bounce,
5202 .fa-fade,
5203 .fa-beat-fade,
5204 .fa-flip,
5205 .fa-pulse,
5206 .fa-shake,
5207 .fa-spin,
5208 .fa-spin-pulse {
5209 animation-delay: -1ms;
5210 animation-duration: 1ms;
5211 animation-iteration-count: 1;
5212 transition-delay: 0s;
5213 transition-duration: 0s;
5216 @keyframes fa-beat {
5217 0%, 90% {
5218 transform: scale(1);
5220 45% {
5221 transform: scale(var(--fa-beat-scale, 1.25));
5224 @keyframes fa-bounce {
5225 0% {
5226 transform: scale(1, 1) translateY(0);
5228 10% {
5229 transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
5231 30% {
5232 transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
5234 50% {
5235 transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
5237 57% {
5238 transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
5240 64% {
5241 transform: scale(1, 1) translateY(0);
5243 100% {
5244 transform: scale(1, 1) translateY(0);
5247 @keyframes fa-fade {
5248 50% {
5249 opacity: var(--fa-fade-opacity, 0.4);
5252 @keyframes fa-beat-fade {
5253 0%, 100% {
5254 opacity: var(--fa-beat-fade-opacity, 0.4);
5255 transform: scale(1);
5257 50% {
5258 opacity: 1;
5259 transform: scale(var(--fa-beat-fade-scale, 1.125));
5262 @keyframes fa-flip {
5263 50% {
5264 transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
5267 @keyframes fa-shake {
5268 0% {
5269 transform: rotate(-15deg);
5271 4% {
5272 transform: rotate(15deg);
5274 8%, 24% {
5275 transform: rotate(-18deg);
5277 12%, 28% {
5278 transform: rotate(18deg);
5280 16% {
5281 transform: rotate(-22deg);
5283 20% {
5284 transform: rotate(22deg);
5286 32% {
5287 transform: rotate(-12deg);
5289 36% {
5290 transform: rotate(12deg);
5292 40%, 100% {
5293 transform: rotate(0deg);
5296 @keyframes fa-spin {
5297 0% {
5298 transform: rotate(0deg);
5300 100% {
5301 transform: rotate(360deg);
5304 .fa-rotate-90 {
5305 transform: rotate(90deg);
5308 .fa-rotate-180 {
5309 transform: rotate(180deg);
5312 .fa-rotate-270 {
5313 transform: rotate(270deg);
5316 .fa-flip-horizontal {
5317 transform: scale(-1, 1);
5320 .fa-flip-vertical {
5321 transform: scale(1, -1);
5324 .fa-flip-both,
5325 .fa-flip-horizontal.fa-flip-vertical {
5326 transform: scale(-1, -1);
5329 .fa-rotate-by {
5330 transform: rotate(var(--fa-rotate-angle, none));
5333 .fa-stack {
5334 display: inline-block;
5335 height: 2em;
5336 line-height: 2em;
5337 position: relative;
5338 vertical-align: middle;
5339 width: 2.5em;
5342 .fa-stack-1x,
5343 .fa-stack-2x {
5344 left: 0;
5345 position: absolute;
5346 text-align: center;
5347 width: 100%;
5348 z-index: var(--fa-stack-z-index, auto);
5351 .fa-stack-1x {
5352 line-height: inherit;
5355 .fa-stack-2x {
5356 font-size: 2em;
5359 .fa-inverse {
5360 color: var(--fa-inverse, #fff);
5363 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
5364 readers do not read off random characters that represent icons */
5365 .fa-0::before {
5366 content: "\30 ";
5369 .fa-1::before {
5370 content: "\31 ";
5373 .fa-2::before {
5374 content: "\32 ";
5377 .fa-3::before {
5378 content: "\33 ";
5381 .fa-4::before {
5382 content: "\34 ";
5385 .fa-5::before {
5386 content: "\35 ";
5389 .fa-6::before {
5390 content: "\36 ";
5393 .fa-7::before {
5394 content: "\37 ";
5397 .fa-8::before {
5398 content: "\38 ";
5401 .fa-9::before {
5402 content: "\39 ";
5405 .fa-fill-drip::before {
5406 content: "\f576";
5409 .fa-arrows-to-circle::before {
5410 content: "\e4bd";
5413 .fa-circle-chevron-right::before {
5414 content: "\f138";
5417 .fa-chevron-circle-right::before {
5418 content: "\f138";
5421 .fa-at::before {
5422 content: "\@";
5425 .fa-trash-can::before {
5426 content: "\f2ed";
5429 .fa-trash-alt::before {
5430 content: "\f2ed";
5433 .fa-text-height::before {
5434 content: "\f034";
5437 .fa-user-xmark::before {
5438 content: "\f235";
5441 .fa-user-times::before {
5442 content: "\f235";
5445 .fa-stethoscope::before {
5446 content: "\f0f1";
5449 .fa-message::before {
5450 content: "\f27a";
5453 .fa-comment-alt::before {
5454 content: "\f27a";
5457 .fa-info::before {
5458 content: "\f129";
5461 .fa-down-left-and-up-right-to-center::before {
5462 content: "\f422";
5465 .fa-compress-alt::before {
5466 content: "\f422";
5469 .fa-explosion::before {
5470 content: "\e4e9";
5473 .fa-file-lines::before {
5474 content: "\f15c";
5477 .fa-file-alt::before {
5478 content: "\f15c";
5481 .fa-file-text::before {
5482 content: "\f15c";
5485 .fa-wave-square::before {
5486 content: "\f83e";
5489 .fa-ring::before {
5490 content: "\f70b";
5493 .fa-building-un::before {
5494 content: "\e4d9";
5497 .fa-dice-three::before {
5498 content: "\f527";
5501 .fa-calendar-days::before {
5502 content: "\f073";
5505 .fa-calendar-alt::before {
5506 content: "\f073";
5509 .fa-anchor-circle-check::before {
5510 content: "\e4aa";
5513 .fa-building-circle-arrow-right::before {
5514 content: "\e4d1";
5517 .fa-volleyball::before {
5518 content: "\f45f";
5521 .fa-volleyball-ball::before {
5522 content: "\f45f";
5525 .fa-arrows-up-to-line::before {
5526 content: "\e4c2";
5529 .fa-sort-down::before {
5530 content: "\f0dd";
5533 .fa-sort-desc::before {
5534 content: "\f0dd";
5537 .fa-circle-minus::before {
5538 content: "\f056";
5541 .fa-minus-circle::before {
5542 content: "\f056";
5545 .fa-door-open::before {
5546 content: "\f52b";
5549 .fa-right-from-bracket::before {
5550 content: "\f2f5";
5553 .fa-sign-out-alt::before {
5554 content: "\f2f5";
5557 .fa-atom::before {
5558 content: "\f5d2";
5561 .fa-soap::before {
5562 content: "\e06e";
5565 .fa-icons::before {
5566 content: "\f86d";
5569 .fa-heart-music-camera-bolt::before {
5570 content: "\f86d";
5573 .fa-microphone-lines-slash::before {
5574 content: "\f539";
5577 .fa-microphone-alt-slash::before {
5578 content: "\f539";
5581 .fa-bridge-circle-check::before {
5582 content: "\e4c9";
5585 .fa-pump-medical::before {
5586 content: "\e06a";
5589 .fa-fingerprint::before {
5590 content: "\f577";
5593 .fa-hand-point-right::before {
5594 content: "\f0a4";
5597 .fa-magnifying-glass-location::before {
5598 content: "\f689";
5601 .fa-search-location::before {
5602 content: "\f689";
5605 .fa-forward-step::before {
5606 content: "\f051";
5609 .fa-step-forward::before {
5610 content: "\f051";
5613 .fa-face-smile-beam::before {
5614 content: "\f5b8";
5617 .fa-smile-beam::before {
5618 content: "\f5b8";
5621 .fa-flag-checkered::before {
5622 content: "\f11e";
5625 .fa-football::before {
5626 content: "\f44e";
5629 .fa-football-ball::before {
5630 content: "\f44e";
5633 .fa-school-circle-exclamation::before {
5634 content: "\e56c";
5637 .fa-crop::before {
5638 content: "\f125";
5641 .fa-angles-down::before {
5642 content: "\f103";
5645 .fa-angle-double-down::before {
5646 content: "\f103";
5649 .fa-users-rectangle::before {
5650 content: "\e594";
5653 .fa-people-roof::before {
5654 content: "\e537";
5657 .fa-people-line::before {
5658 content: "\e534";
5661 .fa-beer-mug-empty::before {
5662 content: "\f0fc";
5665 .fa-beer::before {
5666 content: "\f0fc";
5669 .fa-diagram-predecessor::before {
5670 content: "\e477";
5673 .fa-arrow-up-long::before {
5674 content: "\f176";
5677 .fa-long-arrow-up::before {
5678 content: "\f176";
5681 .fa-fire-flame-simple::before {
5682 content: "\f46a";
5685 .fa-burn::before {
5686 content: "\f46a";
5689 .fa-person::before {
5690 content: "\f183";
5693 .fa-male::before {
5694 content: "\f183";
5697 .fa-laptop::before {
5698 content: "\f109";
5701 .fa-file-csv::before {
5702 content: "\f6dd";
5705 .fa-menorah::before {
5706 content: "\f676";
5709 .fa-truck-plane::before {
5710 content: "\e58f";
5713 .fa-record-vinyl::before {
5714 content: "\f8d9";
5717 .fa-face-grin-stars::before {
5718 content: "\f587";
5721 .fa-grin-stars::before {
5722 content: "\f587";
5725 .fa-bong::before {
5726 content: "\f55c";
5729 .fa-spaghetti-monster-flying::before {
5730 content: "\f67b";
5733 .fa-pastafarianism::before {
5734 content: "\f67b";
5737 .fa-arrow-down-up-across-line::before {
5738 content: "\e4af";
5741 .fa-spoon::before {
5742 content: "\f2e5";
5745 .fa-utensil-spoon::before {
5746 content: "\f2e5";
5749 .fa-jar-wheat::before {
5750 content: "\e517";
5753 .fa-envelopes-bulk::before {
5754 content: "\f674";
5757 .fa-mail-bulk::before {
5758 content: "\f674";
5761 .fa-file-circle-exclamation::before {
5762 content: "\e4eb";
5765 .fa-circle-h::before {
5766 content: "\f47e";
5769 .fa-hospital-symbol::before {
5770 content: "\f47e";
5773 .fa-pager::before {
5774 content: "\f815";
5777 .fa-address-book::before {
5778 content: "\f2b9";
5781 .fa-contact-book::before {
5782 content: "\f2b9";
5785 .fa-strikethrough::before {
5786 content: "\f0cc";
5789 .fa-k::before {
5790 content: "K";
5793 .fa-landmark-flag::before {
5794 content: "\e51c";
5797 .fa-pencil::before {
5798 content: "\f303";
5801 .fa-pencil-alt::before {
5802 content: "\f303";
5805 .fa-backward::before {
5806 content: "\f04a";
5809 .fa-caret-right::before {
5810 content: "\f0da";
5813 .fa-comments::before {
5814 content: "\f086";
5817 .fa-paste::before {
5818 content: "\f0ea";
5821 .fa-file-clipboard::before {
5822 content: "\f0ea";
5825 .fa-code-pull-request::before {
5826 content: "\e13c";
5829 .fa-clipboard-list::before {
5830 content: "\f46d";
5833 .fa-truck-ramp-box::before {
5834 content: "\f4de";
5837 .fa-truck-loading::before {
5838 content: "\f4de";
5841 .fa-user-check::before {
5842 content: "\f4fc";
5845 .fa-vial-virus::before {
5846 content: "\e597";
5849 .fa-sheet-plastic::before {
5850 content: "\e571";
5853 .fa-blog::before {
5854 content: "\f781";
5857 .fa-user-ninja::before {
5858 content: "\f504";
5861 .fa-person-arrow-up-from-line::before {
5862 content: "\e539";
5865 .fa-scroll-torah::before {
5866 content: "\f6a0";
5869 .fa-torah::before {
5870 content: "\f6a0";
5873 .fa-broom-ball::before {
5874 content: "\f458";
5877 .fa-quidditch::before {
5878 content: "\f458";
5881 .fa-quidditch-broom-ball::before {
5882 content: "\f458";
5885 .fa-toggle-off::before {
5886 content: "\f204";
5889 .fa-box-archive::before {
5890 content: "\f187";
5893 .fa-archive::before {
5894 content: "\f187";
5897 .fa-person-drowning::before {
5898 content: "\e545";
5901 .fa-arrow-down-9-1::before {
5902 content: "\f886";
5905 .fa-sort-numeric-desc::before {
5906 content: "\f886";
5909 .fa-sort-numeric-down-alt::before {
5910 content: "\f886";
5913 .fa-face-grin-tongue-squint::before {
5914 content: "\f58a";
5917 .fa-grin-tongue-squint::before {
5918 content: "\f58a";
5921 .fa-spray-can::before {
5922 content: "\f5bd";
5925 .fa-truck-monster::before {
5926 content: "\f63b";
5929 .fa-w::before {
5930 content: "W";
5933 .fa-earth-africa::before {
5934 content: "\f57c";
5937 .fa-globe-africa::before {
5938 content: "\f57c";
5941 .fa-rainbow::before {
5942 content: "\f75b";
5945 .fa-circle-notch::before {
5946 content: "\f1ce";
5949 .fa-tablet-screen-button::before {
5950 content: "\f3fa";
5953 .fa-tablet-alt::before {
5954 content: "\f3fa";
5957 .fa-paw::before {
5958 content: "\f1b0";
5961 .fa-cloud::before {
5962 content: "\f0c2";
5965 .fa-trowel-bricks::before {
5966 content: "\e58a";
5969 .fa-face-flushed::before {
5970 content: "\f579";
5973 .fa-flushed::before {
5974 content: "\f579";
5977 .fa-hospital-user::before {
5978 content: "\f80d";
5981 .fa-tent-arrow-left-right::before {
5982 content: "\e57f";
5985 .fa-gavel::before {
5986 content: "\f0e3";
5989 .fa-legal::before {
5990 content: "\f0e3";
5993 .fa-binoculars::before {
5994 content: "\f1e5";
5997 .fa-microphone-slash::before {
5998 content: "\f131";
6001 .fa-box-tissue::before {
6002 content: "\e05b";
6005 .fa-motorcycle::before {
6006 content: "\f21c";
6009 .fa-bell-concierge::before {
6010 content: "\f562";
6013 .fa-concierge-bell::before {
6014 content: "\f562";
6017 .fa-pen-ruler::before {
6018 content: "\f5ae";
6021 .fa-pencil-ruler::before {
6022 content: "\f5ae";
6025 .fa-people-arrows::before {
6026 content: "\e068";
6029 .fa-people-arrows-left-right::before {
6030 content: "\e068";
6033 .fa-mars-and-venus-burst::before {
6034 content: "\e523";
6037 .fa-square-caret-right::before {
6038 content: "\f152";
6041 .fa-caret-square-right::before {
6042 content: "\f152";
6045 .fa-scissors::before {
6046 content: "\f0c4";
6049 .fa-cut::before {
6050 content: "\f0c4";
6053 .fa-sun-plant-wilt::before {
6054 content: "\e57a";
6057 .fa-toilets-portable::before {
6058 content: "\e584";
6061 .fa-hockey-puck::before {
6062 content: "\f453";
6065 .fa-table::before {
6066 content: "\f0ce";
6069 .fa-magnifying-glass-arrow-right::before {
6070 content: "\e521";
6073 .fa-tachograph-digital::before {
6074 content: "\f566";
6077 .fa-digital-tachograph::before {
6078 content: "\f566";
6081 .fa-users-slash::before {
6082 content: "\e073";
6085 .fa-clover::before {
6086 content: "\e139";
6089 .fa-reply::before {
6090 content: "\f3e5";
6093 .fa-mail-reply::before {
6094 content: "\f3e5";
6097 .fa-star-and-crescent::before {
6098 content: "\f699";
6101 .fa-house-fire::before {
6102 content: "\e50c";
6105 .fa-square-minus::before {
6106 content: "\f146";
6109 .fa-minus-square::before {
6110 content: "\f146";
6113 .fa-helicopter::before {
6114 content: "\f533";
6117 .fa-compass::before {
6118 content: "\f14e";
6121 .fa-square-caret-down::before {
6122 content: "\f150";
6125 .fa-caret-square-down::before {
6126 content: "\f150";
6129 .fa-file-circle-question::before {
6130 content: "\e4ef";
6133 .fa-laptop-code::before {
6134 content: "\f5fc";
6137 .fa-swatchbook::before {
6138 content: "\f5c3";
6141 .fa-prescription-bottle::before {
6142 content: "\f485";
6145 .fa-bars::before {
6146 content: "\f0c9";
6149 .fa-navicon::before {
6150 content: "\f0c9";
6153 .fa-people-group::before {
6154 content: "\e533";
6157 .fa-hourglass-end::before {
6158 content: "\f253";
6161 .fa-hourglass-3::before {
6162 content: "\f253";
6165 .fa-heart-crack::before {
6166 content: "\f7a9";
6169 .fa-heart-broken::before {
6170 content: "\f7a9";
6173 .fa-square-up-right::before {
6174 content: "\f360";
6177 .fa-external-link-square-alt::before {
6178 content: "\f360";
6181 .fa-face-kiss-beam::before {
6182 content: "\f597";
6185 .fa-kiss-beam::before {
6186 content: "\f597";
6189 .fa-film::before {
6190 content: "\f008";
6193 .fa-ruler-horizontal::before {
6194 content: "\f547";
6197 .fa-people-robbery::before {
6198 content: "\e536";
6201 .fa-lightbulb::before {
6202 content: "\f0eb";
6205 .fa-caret-left::before {
6206 content: "\f0d9";
6209 .fa-circle-exclamation::before {
6210 content: "\f06a";
6213 .fa-exclamation-circle::before {
6214 content: "\f06a";
6217 .fa-school-circle-xmark::before {
6218 content: "\e56d";
6221 .fa-arrow-right-from-bracket::before {
6222 content: "\f08b";
6225 .fa-sign-out::before {
6226 content: "\f08b";
6229 .fa-circle-chevron-down::before {
6230 content: "\f13a";
6233 .fa-chevron-circle-down::before {
6234 content: "\f13a";
6237 .fa-unlock-keyhole::before {
6238 content: "\f13e";
6241 .fa-unlock-alt::before {
6242 content: "\f13e";
6245 .fa-cloud-showers-heavy::before {
6246 content: "\f740";
6249 .fa-headphones-simple::before {
6250 content: "\f58f";
6253 .fa-headphones-alt::before {
6254 content: "\f58f";
6257 .fa-sitemap::before {
6258 content: "\f0e8";
6261 .fa-circle-dollar-to-slot::before {
6262 content: "\f4b9";
6265 .fa-donate::before {
6266 content: "\f4b9";
6269 .fa-memory::before {
6270 content: "\f538";
6273 .fa-road-spikes::before {
6274 content: "\e568";
6277 .fa-fire-burner::before {
6278 content: "\e4f1";
6281 .fa-flag::before {
6282 content: "\f024";
6285 .fa-hanukiah::before {
6286 content: "\f6e6";
6289 .fa-feather::before {
6290 content: "\f52d";
6293 .fa-volume-low::before {
6294 content: "\f027";
6297 .fa-volume-down::before {
6298 content: "\f027";
6301 .fa-comment-slash::before {
6302 content: "\f4b3";
6305 .fa-cloud-sun-rain::before {
6306 content: "\f743";
6309 .fa-compress::before {
6310 content: "\f066";
6313 .fa-wheat-awn::before {
6314 content: "\e2cd";
6317 .fa-wheat-alt::before {
6318 content: "\e2cd";
6321 .fa-ankh::before {
6322 content: "\f644";
6325 .fa-hands-holding-child::before {
6326 content: "\e4fa";
6329 .fa-asterisk::before {
6330 content: "\*";
6333 .fa-square-check::before {
6334 content: "\f14a";
6337 .fa-check-square::before {
6338 content: "\f14a";
6341 .fa-peseta-sign::before {
6342 content: "\e221";
6345 .fa-heading::before {
6346 content: "\f1dc";
6349 .fa-header::before {
6350 content: "\f1dc";
6353 .fa-ghost::before {
6354 content: "\f6e2";
6357 .fa-list::before {
6358 content: "\f03a";
6361 .fa-list-squares::before {
6362 content: "\f03a";
6365 .fa-square-phone-flip::before {
6366 content: "\f87b";
6369 .fa-phone-square-alt::before {
6370 content: "\f87b";
6373 .fa-cart-plus::before {
6374 content: "\f217";
6377 .fa-gamepad::before {
6378 content: "\f11b";
6381 .fa-circle-dot::before {
6382 content: "\f192";
6385 .fa-dot-circle::before {
6386 content: "\f192";
6389 .fa-face-dizzy::before {
6390 content: "\f567";
6393 .fa-dizzy::before {
6394 content: "\f567";
6397 .fa-egg::before {
6398 content: "\f7fb";
6401 .fa-house-medical-circle-xmark::before {
6402 content: "\e513";
6405 .fa-campground::before {
6406 content: "\f6bb";
6409 .fa-folder-plus::before {
6410 content: "\f65e";
6413 .fa-futbol::before {
6414 content: "\f1e3";
6417 .fa-futbol-ball::before {
6418 content: "\f1e3";
6421 .fa-soccer-ball::before {
6422 content: "\f1e3";
6425 .fa-paintbrush::before {
6426 content: "\f1fc";
6429 .fa-paint-brush::before {
6430 content: "\f1fc";
6433 .fa-lock::before {
6434 content: "\f023";
6437 .fa-gas-pump::before {
6438 content: "\f52f";
6441 .fa-hot-tub-person::before {
6442 content: "\f593";
6445 .fa-hot-tub::before {
6446 content: "\f593";
6449 .fa-map-location::before {
6450 content: "\f59f";
6453 .fa-map-marked::before {
6454 content: "\f59f";
6457 .fa-house-flood-water::before {
6458 content: "\e50e";
6461 .fa-tree::before {
6462 content: "\f1bb";
6465 .fa-bridge-lock::before {
6466 content: "\e4cc";
6469 .fa-sack-dollar::before {
6470 content: "\f81d";
6473 .fa-pen-to-square::before {
6474 content: "\f044";
6477 .fa-edit::before {
6478 content: "\f044";
6481 .fa-car-side::before {
6482 content: "\f5e4";
6485 .fa-share-nodes::before {
6486 content: "\f1e0";
6489 .fa-share-alt::before {
6490 content: "\f1e0";
6493 .fa-heart-circle-minus::before {
6494 content: "\e4ff";
6497 .fa-hourglass-half::before {
6498 content: "\f252";
6501 .fa-hourglass-2::before {
6502 content: "\f252";
6505 .fa-microscope::before {
6506 content: "\f610";
6509 .fa-sink::before {
6510 content: "\e06d";
6513 .fa-bag-shopping::before {
6514 content: "\f290";
6517 .fa-shopping-bag::before {
6518 content: "\f290";
6521 .fa-arrow-down-z-a::before {
6522 content: "\f881";
6525 .fa-sort-alpha-desc::before {
6526 content: "\f881";
6529 .fa-sort-alpha-down-alt::before {
6530 content: "\f881";
6533 .fa-mitten::before {
6534 content: "\f7b5";
6537 .fa-person-rays::before {
6538 content: "\e54d";
6541 .fa-users::before {
6542 content: "\f0c0";
6545 .fa-eye-slash::before {
6546 content: "\f070";
6549 .fa-flask-vial::before {
6550 content: "\e4f3";
6553 .fa-hand::before {
6554 content: "\f256";
6557 .fa-hand-paper::before {
6558 content: "\f256";
6561 .fa-om::before {
6562 content: "\f679";
6565 .fa-worm::before {
6566 content: "\e599";
6569 .fa-house-circle-xmark::before {
6570 content: "\e50b";
6573 .fa-plug::before {
6574 content: "\f1e6";
6577 .fa-chevron-up::before {
6578 content: "\f077";
6581 .fa-hand-spock::before {
6582 content: "\f259";
6585 .fa-stopwatch::before {
6586 content: "\f2f2";
6589 .fa-face-kiss::before {
6590 content: "\f596";
6593 .fa-kiss::before {
6594 content: "\f596";
6597 .fa-bridge-circle-xmark::before {
6598 content: "\e4cb";
6601 .fa-face-grin-tongue::before {
6602 content: "\f589";
6605 .fa-grin-tongue::before {
6606 content: "\f589";
6609 .fa-chess-bishop::before {
6610 content: "\f43a";
6613 .fa-face-grin-wink::before {
6614 content: "\f58c";
6617 .fa-grin-wink::before {
6618 content: "\f58c";
6621 .fa-ear-deaf::before {
6622 content: "\f2a4";
6625 .fa-deaf::before {
6626 content: "\f2a4";
6629 .fa-deafness::before {
6630 content: "\f2a4";
6633 .fa-hard-of-hearing::before {
6634 content: "\f2a4";
6637 .fa-road-circle-check::before {
6638 content: "\e564";
6641 .fa-dice-five::before {
6642 content: "\f523";
6645 .fa-square-rss::before {
6646 content: "\f143";
6649 .fa-rss-square::before {
6650 content: "\f143";
6653 .fa-land-mine-on::before {
6654 content: "\e51b";
6657 .fa-i-cursor::before {
6658 content: "\f246";
6661 .fa-stamp::before {
6662 content: "\f5bf";
6665 .fa-stairs::before {
6666 content: "\e289";
6669 .fa-i::before {
6670 content: "I";
6673 .fa-hryvnia-sign::before {
6674 content: "\f6f2";
6677 .fa-hryvnia::before {
6678 content: "\f6f2";
6681 .fa-pills::before {
6682 content: "\f484";
6685 .fa-face-grin-wide::before {
6686 content: "\f581";
6689 .fa-grin-alt::before {
6690 content: "\f581";
6693 .fa-tooth::before {
6694 content: "\f5c9";
6697 .fa-v::before {
6698 content: "V";
6701 .fa-bangladeshi-taka-sign::before {
6702 content: "\e2e6";
6705 .fa-bicycle::before {
6706 content: "\f206";
6709 .fa-staff-snake::before {
6710 content: "\e579";
6713 .fa-rod-asclepius::before {
6714 content: "\e579";
6717 .fa-rod-snake::before {
6718 content: "\e579";
6721 .fa-staff-aesculapius::before {
6722 content: "\e579";
6725 .fa-head-side-cough-slash::before {
6726 content: "\e062";
6729 .fa-truck-medical::before {
6730 content: "\f0f9";
6733 .fa-ambulance::before {
6734 content: "\f0f9";
6737 .fa-wheat-awn-circle-exclamation::before {
6738 content: "\e598";
6741 .fa-snowman::before {
6742 content: "\f7d0";
6745 .fa-mortar-pestle::before {
6746 content: "\f5a7";
6749 .fa-road-barrier::before {
6750 content: "\e562";
6753 .fa-school::before {
6754 content: "\f549";
6757 .fa-igloo::before {
6758 content: "\f7ae";
6761 .fa-joint::before {
6762 content: "\f595";
6765 .fa-angle-right::before {
6766 content: "\f105";
6769 .fa-horse::before {
6770 content: "\f6f0";
6773 .fa-q::before {
6774 content: "Q";
6777 .fa-g::before {
6778 content: "G";
6781 .fa-notes-medical::before {
6782 content: "\f481";
6785 .fa-temperature-half::before {
6786 content: "\f2c9";
6789 .fa-temperature-2::before {
6790 content: "\f2c9";
6793 .fa-thermometer-2::before {
6794 content: "\f2c9";
6797 .fa-thermometer-half::before {
6798 content: "\f2c9";
6801 .fa-dong-sign::before {
6802 content: "\e169";
6805 .fa-capsules::before {
6806 content: "\f46b";
6809 .fa-poo-storm::before {
6810 content: "\f75a";
6813 .fa-poo-bolt::before {
6814 content: "\f75a";
6817 .fa-face-frown-open::before {
6818 content: "\f57a";
6821 .fa-frown-open::before {
6822 content: "\f57a";
6825 .fa-hand-point-up::before {
6826 content: "\f0a6";
6829 .fa-money-bill::before {
6830 content: "\f0d6";
6833 .fa-bookmark::before {
6834 content: "\f02e";
6837 .fa-align-justify::before {
6838 content: "\f039";
6841 .fa-umbrella-beach::before {
6842 content: "\f5ca";
6845 .fa-helmet-un::before {
6846 content: "\e503";
6849 .fa-bullseye::before {
6850 content: "\f140";
6853 .fa-bacon::before {
6854 content: "\f7e5";
6857 .fa-hand-point-down::before {
6858 content: "\f0a7";
6861 .fa-arrow-up-from-bracket::before {
6862 content: "\e09a";
6865 .fa-folder::before {
6866 content: "\f07b";
6869 .fa-folder-blank::before {
6870 content: "\f07b";
6873 .fa-file-waveform::before {
6874 content: "\f478";
6877 .fa-file-medical-alt::before {
6878 content: "\f478";
6881 .fa-radiation::before {
6882 content: "\f7b9";
6885 .fa-chart-simple::before {
6886 content: "\e473";
6889 .fa-mars-stroke::before {
6890 content: "\f229";
6893 .fa-vial::before {
6894 content: "\f492";
6897 .fa-gauge::before {
6898 content: "\f624";
6901 .fa-dashboard::before {
6902 content: "\f624";
6905 .fa-gauge-med::before {
6906 content: "\f624";
6909 .fa-tachometer-alt-average::before {
6910 content: "\f624";
6913 .fa-wand-magic-sparkles::before {
6914 content: "\e2ca";
6917 .fa-magic-wand-sparkles::before {
6918 content: "\e2ca";
6921 .fa-e::before {
6922 content: "E";
6925 .fa-pen-clip::before {
6926 content: "\f305";
6929 .fa-pen-alt::before {
6930 content: "\f305";
6933 .fa-bridge-circle-exclamation::before {
6934 content: "\e4ca";
6937 .fa-user::before {
6938 content: "\f007";
6941 .fa-school-circle-check::before {
6942 content: "\e56b";
6945 .fa-dumpster::before {
6946 content: "\f793";
6949 .fa-van-shuttle::before {
6950 content: "\f5b6";
6953 .fa-shuttle-van::before {
6954 content: "\f5b6";
6957 .fa-building-user::before {
6958 content: "\e4da";
6961 .fa-square-caret-left::before {
6962 content: "\f191";
6965 .fa-caret-square-left::before {
6966 content: "\f191";
6969 .fa-highlighter::before {
6970 content: "\f591";
6973 .fa-key::before {
6974 content: "\f084";
6977 .fa-bullhorn::before {
6978 content: "\f0a1";
6981 .fa-globe::before {
6982 content: "\f0ac";
6985 .fa-synagogue::before {
6986 content: "\f69b";
6989 .fa-person-half-dress::before {
6990 content: "\e548";
6993 .fa-road-bridge::before {
6994 content: "\e563";
6997 .fa-location-arrow::before {
6998 content: "\f124";
7001 .fa-c::before {
7002 content: "C";
7005 .fa-tablet-button::before {
7006 content: "\f10a";
7009 .fa-building-lock::before {
7010 content: "\e4d6";
7013 .fa-pizza-slice::before {
7014 content: "\f818";
7017 .fa-money-bill-wave::before {
7018 content: "\f53a";
7021 .fa-chart-area::before {
7022 content: "\f1fe";
7025 .fa-area-chart::before {
7026 content: "\f1fe";
7029 .fa-house-flag::before {
7030 content: "\e50d";
7033 .fa-person-circle-minus::before {
7034 content: "\e540";
7037 .fa-ban::before {
7038 content: "\f05e";
7041 .fa-cancel::before {
7042 content: "\f05e";
7045 .fa-camera-rotate::before {
7046 content: "\e0d8";
7049 .fa-spray-can-sparkles::before {
7050 content: "\f5d0";
7053 .fa-air-freshener::before {
7054 content: "\f5d0";
7057 .fa-star::before {
7058 content: "\f005";
7061 .fa-repeat::before {
7062 content: "\f363";
7065 .fa-cross::before {
7066 content: "\f654";
7069 .fa-box::before {
7070 content: "\f466";
7073 .fa-venus-mars::before {
7074 content: "\f228";
7077 .fa-arrow-pointer::before {
7078 content: "\f245";
7081 .fa-mouse-pointer::before {
7082 content: "\f245";
7085 .fa-maximize::before {
7086 content: "\f31e";
7089 .fa-expand-arrows-alt::before {
7090 content: "\f31e";
7093 .fa-charging-station::before {
7094 content: "\f5e7";
7097 .fa-shapes::before {
7098 content: "\f61f";
7101 .fa-triangle-circle-square::before {
7102 content: "\f61f";
7105 .fa-shuffle::before {
7106 content: "\f074";
7109 .fa-random::before {
7110 content: "\f074";
7113 .fa-person-running::before {
7114 content: "\f70c";
7117 .fa-running::before {
7118 content: "\f70c";
7121 .fa-mobile-retro::before {
7122 content: "\e527";
7125 .fa-grip-lines-vertical::before {
7126 content: "\f7a5";
7129 .fa-spider::before {
7130 content: "\f717";
7133 .fa-hands-bound::before {
7134 content: "\e4f9";
7137 .fa-file-invoice-dollar::before {
7138 content: "\f571";
7141 .fa-plane-circle-exclamation::before {
7142 content: "\e556";
7145 .fa-x-ray::before {
7146 content: "\f497";
7149 .fa-spell-check::before {
7150 content: "\f891";
7153 .fa-slash::before {
7154 content: "\f715";
7157 .fa-computer-mouse::before {
7158 content: "\f8cc";
7161 .fa-mouse::before {
7162 content: "\f8cc";
7165 .fa-arrow-right-to-bracket::before {
7166 content: "\f090";
7169 .fa-sign-in::before {
7170 content: "\f090";
7173 .fa-shop-slash::before {
7174 content: "\e070";
7177 .fa-store-alt-slash::before {
7178 content: "\e070";
7181 .fa-server::before {
7182 content: "\f233";
7185 .fa-virus-covid-slash::before {
7186 content: "\e4a9";
7189 .fa-shop-lock::before {
7190 content: "\e4a5";
7193 .fa-hourglass-start::before {
7194 content: "\f251";
7197 .fa-hourglass-1::before {
7198 content: "\f251";
7201 .fa-blender-phone::before {
7202 content: "\f6b6";
7205 .fa-building-wheat::before {
7206 content: "\e4db";
7209 .fa-person-breastfeeding::before {
7210 content: "\e53a";
7213 .fa-right-to-bracket::before {
7214 content: "\f2f6";
7217 .fa-sign-in-alt::before {
7218 content: "\f2f6";
7221 .fa-venus::before {
7222 content: "\f221";
7225 .fa-passport::before {
7226 content: "\f5ab";
7229 .fa-heart-pulse::before {
7230 content: "\f21e";
7233 .fa-heartbeat::before {
7234 content: "\f21e";
7237 .fa-people-carry-box::before {
7238 content: "\f4ce";
7241 .fa-people-carry::before {
7242 content: "\f4ce";
7245 .fa-temperature-high::before {
7246 content: "\f769";
7249 .fa-microchip::before {
7250 content: "\f2db";
7253 .fa-crown::before {
7254 content: "\f521";
7257 .fa-weight-hanging::before {
7258 content: "\f5cd";
7261 .fa-xmarks-lines::before {
7262 content: "\e59a";
7265 .fa-file-prescription::before {
7266 content: "\f572";
7269 .fa-weight-scale::before {
7270 content: "\f496";
7273 .fa-weight::before {
7274 content: "\f496";
7277 .fa-user-group::before {
7278 content: "\f500";
7281 .fa-user-friends::before {
7282 content: "\f500";
7285 .fa-arrow-up-a-z::before {
7286 content: "\f15e";
7289 .fa-sort-alpha-up::before {
7290 content: "\f15e";
7293 .fa-chess-knight::before {
7294 content: "\f441";
7297 .fa-face-laugh-squint::before {
7298 content: "\f59b";
7301 .fa-laugh-squint::before {
7302 content: "\f59b";
7305 .fa-wheelchair::before {
7306 content: "\f193";
7309 .fa-circle-arrow-up::before {
7310 content: "\f0aa";
7313 .fa-arrow-circle-up::before {
7314 content: "\f0aa";
7317 .fa-toggle-on::before {
7318 content: "\f205";
7321 .fa-person-walking::before {
7322 content: "\f554";
7325 .fa-walking::before {
7326 content: "\f554";
7329 .fa-l::before {
7330 content: "L";
7333 .fa-fire::before {
7334 content: "\f06d";
7337 .fa-bed-pulse::before {
7338 content: "\f487";
7341 .fa-procedures::before {
7342 content: "\f487";
7345 .fa-shuttle-space::before {
7346 content: "\f197";
7349 .fa-space-shuttle::before {
7350 content: "\f197";
7353 .fa-face-laugh::before {
7354 content: "\f599";
7357 .fa-laugh::before {
7358 content: "\f599";
7361 .fa-folder-open::before {
7362 content: "\f07c";
7365 .fa-heart-circle-plus::before {
7366 content: "\e500";
7369 .fa-code-fork::before {
7370 content: "\e13b";
7373 .fa-city::before {
7374 content: "\f64f";
7377 .fa-microphone-lines::before {
7378 content: "\f3c9";
7381 .fa-microphone-alt::before {
7382 content: "\f3c9";
7385 .fa-pepper-hot::before {
7386 content: "\f816";
7389 .fa-unlock::before {
7390 content: "\f09c";
7393 .fa-colon-sign::before {
7394 content: "\e140";
7397 .fa-headset::before {
7398 content: "\f590";
7401 .fa-store-slash::before {
7402 content: "\e071";
7405 .fa-road-circle-xmark::before {
7406 content: "\e566";
7409 .fa-user-minus::before {
7410 content: "\f503";
7413 .fa-mars-stroke-up::before {
7414 content: "\f22a";
7417 .fa-mars-stroke-v::before {
7418 content: "\f22a";
7421 .fa-champagne-glasses::before {
7422 content: "\f79f";
7425 .fa-glass-cheers::before {
7426 content: "\f79f";
7429 .fa-clipboard::before {
7430 content: "\f328";
7433 .fa-house-circle-exclamation::before {
7434 content: "\e50a";
7437 .fa-file-arrow-up::before {
7438 content: "\f574";
7441 .fa-file-upload::before {
7442 content: "\f574";
7445 .fa-wifi::before {
7446 content: "\f1eb";
7449 .fa-wifi-3::before {
7450 content: "\f1eb";
7453 .fa-wifi-strong::before {
7454 content: "\f1eb";
7457 .fa-bath::before {
7458 content: "\f2cd";
7461 .fa-bathtub::before {
7462 content: "\f2cd";
7465 .fa-underline::before {
7466 content: "\f0cd";
7469 .fa-user-pen::before {
7470 content: "\f4ff";
7473 .fa-user-edit::before {
7474 content: "\f4ff";
7477 .fa-signature::before {
7478 content: "\f5b7";
7481 .fa-stroopwafel::before {
7482 content: "\f551";
7485 .fa-bold::before {
7486 content: "\f032";
7489 .fa-anchor-lock::before {
7490 content: "\e4ad";
7493 .fa-building-ngo::before {
7494 content: "\e4d7";
7497 .fa-manat-sign::before {
7498 content: "\e1d5";
7501 .fa-not-equal::before {
7502 content: "\f53e";
7505 .fa-border-top-left::before {
7506 content: "\f853";
7509 .fa-border-style::before {
7510 content: "\f853";
7513 .fa-map-location-dot::before {
7514 content: "\f5a0";
7517 .fa-map-marked-alt::before {
7518 content: "\f5a0";
7521 .fa-jedi::before {
7522 content: "\f669";
7525 .fa-square-poll-vertical::before {
7526 content: "\f681";
7529 .fa-poll::before {
7530 content: "\f681";
7533 .fa-mug-hot::before {
7534 content: "\f7b6";
7537 .fa-car-battery::before {
7538 content: "\f5df";
7541 .fa-battery-car::before {
7542 content: "\f5df";
7545 .fa-gift::before {
7546 content: "\f06b";
7549 .fa-dice-two::before {
7550 content: "\f528";
7553 .fa-chess-queen::before {
7554 content: "\f445";
7557 .fa-glasses::before {
7558 content: "\f530";
7561 .fa-chess-board::before {
7562 content: "\f43c";
7565 .fa-building-circle-check::before {
7566 content: "\e4d2";
7569 .fa-person-chalkboard::before {
7570 content: "\e53d";
7573 .fa-mars-stroke-right::before {
7574 content: "\f22b";
7577 .fa-mars-stroke-h::before {
7578 content: "\f22b";
7581 .fa-hand-back-fist::before {
7582 content: "\f255";
7585 .fa-hand-rock::before {
7586 content: "\f255";
7589 .fa-square-caret-up::before {
7590 content: "\f151";
7593 .fa-caret-square-up::before {
7594 content: "\f151";
7597 .fa-cloud-showers-water::before {
7598 content: "\e4e4";
7601 .fa-chart-bar::before {
7602 content: "\f080";
7605 .fa-bar-chart::before {
7606 content: "\f080";
7609 .fa-hands-bubbles::before {
7610 content: "\e05e";
7613 .fa-hands-wash::before {
7614 content: "\e05e";
7617 .fa-less-than-equal::before {
7618 content: "\f537";
7621 .fa-train::before {
7622 content: "\f238";
7625 .fa-eye-low-vision::before {
7626 content: "\f2a8";
7629 .fa-low-vision::before {
7630 content: "\f2a8";
7633 .fa-crow::before {
7634 content: "\f520";
7637 .fa-sailboat::before {
7638 content: "\e445";
7641 .fa-window-restore::before {
7642 content: "\f2d2";
7645 .fa-square-plus::before {
7646 content: "\f0fe";
7649 .fa-plus-square::before {
7650 content: "\f0fe";
7653 .fa-torii-gate::before {
7654 content: "\f6a1";
7657 .fa-frog::before {
7658 content: "\f52e";
7661 .fa-bucket::before {
7662 content: "\e4cf";
7665 .fa-image::before {
7666 content: "\f03e";
7669 .fa-microphone::before {
7670 content: "\f130";
7673 .fa-cow::before {
7674 content: "\f6c8";
7677 .fa-caret-up::before {
7678 content: "\f0d8";
7681 .fa-screwdriver::before {
7682 content: "\f54a";
7685 .fa-folder-closed::before {
7686 content: "\e185";
7689 .fa-house-tsunami::before {
7690 content: "\e515";
7693 .fa-square-nfi::before {
7694 content: "\e576";
7697 .fa-arrow-up-from-ground-water::before {
7698 content: "\e4b5";
7701 .fa-martini-glass::before {
7702 content: "\f57b";
7705 .fa-glass-martini-alt::before {
7706 content: "\f57b";
7709 .fa-rotate-left::before {
7710 content: "\f2ea";
7713 .fa-rotate-back::before {
7714 content: "\f2ea";
7717 .fa-rotate-backward::before {
7718 content: "\f2ea";
7721 .fa-undo-alt::before {
7722 content: "\f2ea";
7725 .fa-table-columns::before {
7726 content: "\f0db";
7729 .fa-columns::before {
7730 content: "\f0db";
7733 .fa-lemon::before {
7734 content: "\f094";
7737 .fa-head-side-mask::before {
7738 content: "\e063";
7741 .fa-handshake::before {
7742 content: "\f2b5";
7745 .fa-gem::before {
7746 content: "\f3a5";
7749 .fa-dolly::before {
7750 content: "\f472";
7753 .fa-dolly-box::before {
7754 content: "\f472";
7757 .fa-smoking::before {
7758 content: "\f48d";
7761 .fa-minimize::before {
7762 content: "\f78c";
7765 .fa-compress-arrows-alt::before {
7766 content: "\f78c";
7769 .fa-monument::before {
7770 content: "\f5a6";
7773 .fa-snowplow::before {
7774 content: "\f7d2";
7777 .fa-angles-right::before {
7778 content: "\f101";
7781 .fa-angle-double-right::before {
7782 content: "\f101";
7785 .fa-cannabis::before {
7786 content: "\f55f";
7789 .fa-circle-play::before {
7790 content: "\f144";
7793 .fa-play-circle::before {
7794 content: "\f144";
7797 .fa-tablets::before {
7798 content: "\f490";
7801 .fa-ethernet::before {
7802 content: "\f796";
7805 .fa-euro-sign::before {
7806 content: "\f153";
7809 .fa-eur::before {
7810 content: "\f153";
7813 .fa-euro::before {
7814 content: "\f153";
7817 .fa-chair::before {
7818 content: "\f6c0";
7821 .fa-circle-check::before {
7822 content: "\f058";
7825 .fa-check-circle::before {
7826 content: "\f058";
7829 .fa-circle-stop::before {
7830 content: "\f28d";
7833 .fa-stop-circle::before {
7834 content: "\f28d";
7837 .fa-compass-drafting::before {
7838 content: "\f568";
7841 .fa-drafting-compass::before {
7842 content: "\f568";
7845 .fa-plate-wheat::before {
7846 content: "\e55a";
7849 .fa-icicles::before {
7850 content: "\f7ad";
7853 .fa-person-shelter::before {
7854 content: "\e54f";
7857 .fa-neuter::before {
7858 content: "\f22c";
7861 .fa-id-badge::before {
7862 content: "\f2c1";
7865 .fa-marker::before {
7866 content: "\f5a1";
7869 .fa-face-laugh-beam::before {
7870 content: "\f59a";
7873 .fa-laugh-beam::before {
7874 content: "\f59a";
7877 .fa-helicopter-symbol::before {
7878 content: "\e502";
7881 .fa-universal-access::before {
7882 content: "\f29a";
7885 .fa-circle-chevron-up::before {
7886 content: "\f139";
7889 .fa-chevron-circle-up::before {
7890 content: "\f139";
7893 .fa-lari-sign::before {
7894 content: "\e1c8";
7897 .fa-volcano::before {
7898 content: "\f770";
7901 .fa-person-walking-dashed-line-arrow-right::before {
7902 content: "\e553";
7905 .fa-sterling-sign::before {
7906 content: "\f154";
7909 .fa-gbp::before {
7910 content: "\f154";
7913 .fa-pound-sign::before {
7914 content: "\f154";
7917 .fa-viruses::before {
7918 content: "\e076";
7921 .fa-square-person-confined::before {
7922 content: "\e577";
7925 .fa-user-tie::before {
7926 content: "\f508";
7929 .fa-arrow-down-long::before {
7930 content: "\f175";
7933 .fa-long-arrow-down::before {
7934 content: "\f175";
7937 .fa-tent-arrow-down-to-line::before {
7938 content: "\e57e";
7941 .fa-certificate::before {
7942 content: "\f0a3";
7945 .fa-reply-all::before {
7946 content: "\f122";
7949 .fa-mail-reply-all::before {
7950 content: "\f122";
7953 .fa-suitcase::before {
7954 content: "\f0f2";
7957 .fa-person-skating::before {
7958 content: "\f7c5";
7961 .fa-skating::before {
7962 content: "\f7c5";
7965 .fa-filter-circle-dollar::before {
7966 content: "\f662";
7969 .fa-funnel-dollar::before {
7970 content: "\f662";
7973 .fa-camera-retro::before {
7974 content: "\f083";
7977 .fa-circle-arrow-down::before {
7978 content: "\f0ab";
7981 .fa-arrow-circle-down::before {
7982 content: "\f0ab";
7985 .fa-file-import::before {
7986 content: "\f56f";
7989 .fa-arrow-right-to-file::before {
7990 content: "\f56f";
7993 .fa-square-arrow-up-right::before {
7994 content: "\f14c";
7997 .fa-external-link-square::before {
7998 content: "\f14c";
8001 .fa-box-open::before {
8002 content: "\f49e";
8005 .fa-scroll::before {
8006 content: "\f70e";
8009 .fa-spa::before {
8010 content: "\f5bb";
8013 .fa-location-pin-lock::before {
8014 content: "\e51f";
8017 .fa-pause::before {
8018 content: "\f04c";
8021 .fa-hill-avalanche::before {
8022 content: "\e507";
8025 .fa-temperature-empty::before {
8026 content: "\f2cb";
8029 .fa-temperature-0::before {
8030 content: "\f2cb";
8033 .fa-thermometer-0::before {
8034 content: "\f2cb";
8037 .fa-thermometer-empty::before {
8038 content: "\f2cb";
8041 .fa-bomb::before {
8042 content: "\f1e2";
8045 .fa-registered::before {
8046 content: "\f25d";
8049 .fa-address-card::before {
8050 content: "\f2bb";
8053 .fa-contact-card::before {
8054 content: "\f2bb";
8057 .fa-vcard::before {
8058 content: "\f2bb";
8061 .fa-scale-unbalanced-flip::before {
8062 content: "\f516";
8065 .fa-balance-scale-right::before {
8066 content: "\f516";
8069 .fa-subscript::before {
8070 content: "\f12c";
8073 .fa-diamond-turn-right::before {
8074 content: "\f5eb";
8077 .fa-directions::before {
8078 content: "\f5eb";
8081 .fa-burst::before {
8082 content: "\e4dc";
8085 .fa-house-laptop::before {
8086 content: "\e066";
8089 .fa-laptop-house::before {
8090 content: "\e066";
8093 .fa-face-tired::before {
8094 content: "\f5c8";
8097 .fa-tired::before {
8098 content: "\f5c8";
8101 .fa-money-bills::before {
8102 content: "\e1f3";
8105 .fa-smog::before {
8106 content: "\f75f";
8109 .fa-crutch::before {
8110 content: "\f7f7";
8113 .fa-cloud-arrow-up::before {
8114 content: "\f0ee";
8117 .fa-cloud-upload::before {
8118 content: "\f0ee";
8121 .fa-cloud-upload-alt::before {
8122 content: "\f0ee";
8125 .fa-palette::before {
8126 content: "\f53f";
8129 .fa-arrows-turn-right::before {
8130 content: "\e4c0";
8133 .fa-vest::before {
8134 content: "\e085";
8137 .fa-ferry::before {
8138 content: "\e4ea";
8141 .fa-arrows-down-to-people::before {
8142 content: "\e4b9";
8145 .fa-seedling::before {
8146 content: "\f4d8";
8149 .fa-sprout::before {
8150 content: "\f4d8";
8153 .fa-left-right::before {
8154 content: "\f337";
8157 .fa-arrows-alt-h::before {
8158 content: "\f337";
8161 .fa-boxes-packing::before {
8162 content: "\e4c7";
8165 .fa-circle-arrow-left::before {
8166 content: "\f0a8";
8169 .fa-arrow-circle-left::before {
8170 content: "\f0a8";
8173 .fa-group-arrows-rotate::before {
8174 content: "\e4f6";
8177 .fa-bowl-food::before {
8178 content: "\e4c6";
8181 .fa-candy-cane::before {
8182 content: "\f786";
8185 .fa-arrow-down-wide-short::before {
8186 content: "\f160";
8189 .fa-sort-amount-asc::before {
8190 content: "\f160";
8193 .fa-sort-amount-down::before {
8194 content: "\f160";
8197 .fa-cloud-bolt::before {
8198 content: "\f76c";
8201 .fa-thunderstorm::before {
8202 content: "\f76c";
8205 .fa-text-slash::before {
8206 content: "\f87d";
8209 .fa-remove-format::before {
8210 content: "\f87d";
8213 .fa-face-smile-wink::before {
8214 content: "\f4da";
8217 .fa-smile-wink::before {
8218 content: "\f4da";
8221 .fa-file-word::before {
8222 content: "\f1c2";
8225 .fa-file-powerpoint::before {
8226 content: "\f1c4";
8229 .fa-arrows-left-right::before {
8230 content: "\f07e";
8233 .fa-arrows-h::before {
8234 content: "\f07e";
8237 .fa-house-lock::before {
8238 content: "\e510";
8241 .fa-cloud-arrow-down::before {
8242 content: "\f0ed";
8245 .fa-cloud-download::before {
8246 content: "\f0ed";
8249 .fa-cloud-download-alt::before {
8250 content: "\f0ed";
8253 .fa-children::before {
8254 content: "\e4e1";
8257 .fa-chalkboard::before {
8258 content: "\f51b";
8261 .fa-blackboard::before {
8262 content: "\f51b";
8265 .fa-user-large-slash::before {
8266 content: "\f4fa";
8269 .fa-user-alt-slash::before {
8270 content: "\f4fa";
8273 .fa-envelope-open::before {
8274 content: "\f2b6";
8277 .fa-handshake-simple-slash::before {
8278 content: "\e05f";
8281 .fa-handshake-alt-slash::before {
8282 content: "\e05f";
8285 .fa-mattress-pillow::before {
8286 content: "\e525";
8289 .fa-guarani-sign::before {
8290 content: "\e19a";
8293 .fa-arrows-rotate::before {
8294 content: "\f021";
8297 .fa-refresh::before {
8298 content: "\f021";
8301 .fa-sync::before {
8302 content: "\f021";
8305 .fa-fire-extinguisher::before {
8306 content: "\f134";
8309 .fa-cruzeiro-sign::before {
8310 content: "\e152";
8313 .fa-greater-than-equal::before {
8314 content: "\f532";
8317 .fa-shield-halved::before {
8318 content: "\f3ed";
8321 .fa-shield-alt::before {
8322 content: "\f3ed";
8325 .fa-book-atlas::before {
8326 content: "\f558";
8329 .fa-atlas::before {
8330 content: "\f558";
8333 .fa-virus::before {
8334 content: "\e074";
8337 .fa-envelope-circle-check::before {
8338 content: "\e4e8";
8341 .fa-layer-group::before {
8342 content: "\f5fd";
8345 .fa-arrows-to-dot::before {
8346 content: "\e4be";
8349 .fa-archway::before {
8350 content: "\f557";
8353 .fa-heart-circle-check::before {
8354 content: "\e4fd";
8357 .fa-house-chimney-crack::before {
8358 content: "\f6f1";
8361 .fa-house-damage::before {
8362 content: "\f6f1";
8365 .fa-file-zipper::before {
8366 content: "\f1c6";
8369 .fa-file-archive::before {
8370 content: "\f1c6";
8373 .fa-square::before {
8374 content: "\f0c8";
8377 .fa-martini-glass-empty::before {
8378 content: "\f000";
8381 .fa-glass-martini::before {
8382 content: "\f000";
8385 .fa-couch::before {
8386 content: "\f4b8";
8389 .fa-cedi-sign::before {
8390 content: "\e0df";
8393 .fa-italic::before {
8394 content: "\f033";
8397 .fa-church::before {
8398 content: "\f51d";
8401 .fa-comments-dollar::before {
8402 content: "\f653";
8405 .fa-democrat::before {
8406 content: "\f747";
8409 .fa-z::before {
8410 content: "Z";
8413 .fa-person-skiing::before {
8414 content: "\f7c9";
8417 .fa-skiing::before {
8418 content: "\f7c9";
8421 .fa-road-lock::before {
8422 content: "\e567";
8425 .fa-a::before {
8426 content: "A";
8429 .fa-temperature-arrow-down::before {
8430 content: "\e03f";
8433 .fa-temperature-down::before {
8434 content: "\e03f";
8437 .fa-feather-pointed::before {
8438 content: "\f56b";
8441 .fa-feather-alt::before {
8442 content: "\f56b";
8445 .fa-p::before {
8446 content: "P";
8449 .fa-snowflake::before {
8450 content: "\f2dc";
8453 .fa-newspaper::before {
8454 content: "\f1ea";
8457 .fa-rectangle-ad::before {
8458 content: "\f641";
8461 .fa-ad::before {
8462 content: "\f641";
8465 .fa-circle-arrow-right::before {
8466 content: "\f0a9";
8469 .fa-arrow-circle-right::before {
8470 content: "\f0a9";
8473 .fa-filter-circle-xmark::before {
8474 content: "\e17b";
8477 .fa-locust::before {
8478 content: "\e520";
8481 .fa-sort::before {
8482 content: "\f0dc";
8485 .fa-unsorted::before {
8486 content: "\f0dc";
8489 .fa-list-ol::before {
8490 content: "\f0cb";
8493 .fa-list-1-2::before {
8494 content: "\f0cb";
8497 .fa-list-numeric::before {
8498 content: "\f0cb";
8501 .fa-person-dress-burst::before {
8502 content: "\e544";
8505 .fa-money-check-dollar::before {
8506 content: "\f53d";
8509 .fa-money-check-alt::before {
8510 content: "\f53d";
8513 .fa-vector-square::before {
8514 content: "\f5cb";
8517 .fa-bread-slice::before {
8518 content: "\f7ec";
8521 .fa-language::before {
8522 content: "\f1ab";
8525 .fa-face-kiss-wink-heart::before {
8526 content: "\f598";
8529 .fa-kiss-wink-heart::before {
8530 content: "\f598";
8533 .fa-filter::before {
8534 content: "\f0b0";
8537 .fa-question::before {
8538 content: "\?";
8541 .fa-file-signature::before {
8542 content: "\f573";
8545 .fa-up-down-left-right::before {
8546 content: "\f0b2";
8549 .fa-arrows-alt::before {
8550 content: "\f0b2";
8553 .fa-house-chimney-user::before {
8554 content: "\e065";
8557 .fa-hand-holding-heart::before {
8558 content: "\f4be";
8561 .fa-puzzle-piece::before {
8562 content: "\f12e";
8565 .fa-money-check::before {
8566 content: "\f53c";
8569 .fa-star-half-stroke::before {
8570 content: "\f5c0";
8573 .fa-star-half-alt::before {
8574 content: "\f5c0";
8577 .fa-code::before {
8578 content: "\f121";
8581 .fa-whiskey-glass::before {
8582 content: "\f7a0";
8585 .fa-glass-whiskey::before {
8586 content: "\f7a0";
8589 .fa-building-circle-exclamation::before {
8590 content: "\e4d3";
8593 .fa-magnifying-glass-chart::before {
8594 content: "\e522";
8597 .fa-arrow-up-right-from-square::before {
8598 content: "\f08e";
8601 .fa-external-link::before {
8602 content: "\f08e";
8605 .fa-cubes-stacked::before {
8606 content: "\e4e6";
8609 .fa-won-sign::before {
8610 content: "\f159";
8613 .fa-krw::before {
8614 content: "\f159";
8617 .fa-won::before {
8618 content: "\f159";
8621 .fa-virus-covid::before {
8622 content: "\e4a8";
8625 .fa-austral-sign::before {
8626 content: "\e0a9";
8629 .fa-f::before {
8630 content: "F";
8633 .fa-leaf::before {
8634 content: "\f06c";
8637 .fa-road::before {
8638 content: "\f018";
8641 .fa-taxi::before {
8642 content: "\f1ba";
8645 .fa-cab::before {
8646 content: "\f1ba";
8649 .fa-person-circle-plus::before {
8650 content: "\e541";
8653 .fa-chart-pie::before {
8654 content: "\f200";
8657 .fa-pie-chart::before {
8658 content: "\f200";
8661 .fa-bolt-lightning::before {
8662 content: "\e0b7";
8665 .fa-sack-xmark::before {
8666 content: "\e56a";
8669 .fa-file-excel::before {
8670 content: "\f1c3";
8673 .fa-file-contract::before {
8674 content: "\f56c";
8677 .fa-fish-fins::before {
8678 content: "\e4f2";
8681 .fa-building-flag::before {
8682 content: "\e4d5";
8685 .fa-face-grin-beam::before {
8686 content: "\f582";
8689 .fa-grin-beam::before {
8690 content: "\f582";
8693 .fa-object-ungroup::before {
8694 content: "\f248";
8697 .fa-poop::before {
8698 content: "\f619";
8701 .fa-location-pin::before {
8702 content: "\f041";
8705 .fa-map-marker::before {
8706 content: "\f041";
8709 .fa-kaaba::before {
8710 content: "\f66b";
8713 .fa-toilet-paper::before {
8714 content: "\f71e";
8717 .fa-helmet-safety::before {
8718 content: "\f807";
8721 .fa-hard-hat::before {
8722 content: "\f807";
8725 .fa-hat-hard::before {
8726 content: "\f807";
8729 .fa-eject::before {
8730 content: "\f052";
8733 .fa-circle-right::before {
8734 content: "\f35a";
8737 .fa-arrow-alt-circle-right::before {
8738 content: "\f35a";
8741 .fa-plane-circle-check::before {
8742 content: "\e555";
8745 .fa-face-rolling-eyes::before {
8746 content: "\f5a5";
8749 .fa-meh-rolling-eyes::before {
8750 content: "\f5a5";
8753 .fa-object-group::before {
8754 content: "\f247";
8757 .fa-chart-line::before {
8758 content: "\f201";
8761 .fa-line-chart::before {
8762 content: "\f201";
8765 .fa-mask-ventilator::before {
8766 content: "\e524";
8769 .fa-arrow-right::before {
8770 content: "\f061";
8773 .fa-signs-post::before {
8774 content: "\f277";
8777 .fa-map-signs::before {
8778 content: "\f277";
8781 .fa-cash-register::before {
8782 content: "\f788";
8785 .fa-person-circle-question::before {
8786 content: "\e542";
8789 .fa-h::before {
8790 content: "H";
8793 .fa-tarp::before {
8794 content: "\e57b";
8797 .fa-screwdriver-wrench::before {
8798 content: "\f7d9";
8801 .fa-tools::before {
8802 content: "\f7d9";
8805 .fa-arrows-to-eye::before {
8806 content: "\e4bf";
8809 .fa-plug-circle-bolt::before {
8810 content: "\e55b";
8813 .fa-heart::before {
8814 content: "\f004";
8817 .fa-mars-and-venus::before {
8818 content: "\f224";
8821 .fa-house-user::before {
8822 content: "\e1b0";
8825 .fa-home-user::before {
8826 content: "\e1b0";
8829 .fa-dumpster-fire::before {
8830 content: "\f794";
8833 .fa-house-crack::before {
8834 content: "\e3b1";
8837 .fa-martini-glass-citrus::before {
8838 content: "\f561";
8841 .fa-cocktail::before {
8842 content: "\f561";
8845 .fa-face-surprise::before {
8846 content: "\f5c2";
8849 .fa-surprise::before {
8850 content: "\f5c2";
8853 .fa-bottle-water::before {
8854 content: "\e4c5";
8857 .fa-circle-pause::before {
8858 content: "\f28b";
8861 .fa-pause-circle::before {
8862 content: "\f28b";
8865 .fa-toilet-paper-slash::before {
8866 content: "\e072";
8869 .fa-apple-whole::before {
8870 content: "\f5d1";
8873 .fa-apple-alt::before {
8874 content: "\f5d1";
8877 .fa-kitchen-set::before {
8878 content: "\e51a";
8881 .fa-r::before {
8882 content: "R";
8885 .fa-temperature-quarter::before {
8886 content: "\f2ca";
8889 .fa-temperature-1::before {
8890 content: "\f2ca";
8893 .fa-thermometer-1::before {
8894 content: "\f2ca";
8897 .fa-thermometer-quarter::before {
8898 content: "\f2ca";
8901 .fa-cube::before {
8902 content: "\f1b2";
8905 .fa-bitcoin-sign::before {
8906 content: "\e0b4";
8909 .fa-shield-dog::before {
8910 content: "\e573";
8913 .fa-solar-panel::before {
8914 content: "\f5ba";
8917 .fa-lock-open::before {
8918 content: "\f3c1";
8921 .fa-elevator::before {
8922 content: "\e16d";
8925 .fa-money-bill-transfer::before {
8926 content: "\e528";
8929 .fa-money-bill-trend-up::before {
8930 content: "\e529";
8933 .fa-house-flood-water-circle-arrow-right::before {
8934 content: "\e50f";
8937 .fa-square-poll-horizontal::before {
8938 content: "\f682";
8941 .fa-poll-h::before {
8942 content: "\f682";
8945 .fa-circle::before {
8946 content: "\f111";
8949 .fa-backward-fast::before {
8950 content: "\f049";
8953 .fa-fast-backward::before {
8954 content: "\f049";
8957 .fa-recycle::before {
8958 content: "\f1b8";
8961 .fa-user-astronaut::before {
8962 content: "\f4fb";
8965 .fa-plane-slash::before {
8966 content: "\e069";
8969 .fa-trademark::before {
8970 content: "\f25c";
8973 .fa-basketball::before {
8974 content: "\f434";
8977 .fa-basketball-ball::before {
8978 content: "\f434";
8981 .fa-satellite-dish::before {
8982 content: "\f7c0";
8985 .fa-circle-up::before {
8986 content: "\f35b";
8989 .fa-arrow-alt-circle-up::before {
8990 content: "\f35b";
8993 .fa-mobile-screen-button::before {
8994 content: "\f3cd";
8997 .fa-mobile-alt::before {
8998 content: "\f3cd";
9001 .fa-volume-high::before {
9002 content: "\f028";
9005 .fa-volume-up::before {
9006 content: "\f028";
9009 .fa-users-rays::before {
9010 content: "\e593";
9013 .fa-wallet::before {
9014 content: "\f555";
9017 .fa-clipboard-check::before {
9018 content: "\f46c";
9021 .fa-file-audio::before {
9022 content: "\f1c7";
9025 .fa-burger::before {
9026 content: "\f805";
9029 .fa-hamburger::before {
9030 content: "\f805";
9033 .fa-wrench::before {
9034 content: "\f0ad";
9037 .fa-bugs::before {
9038 content: "\e4d0";
9041 .fa-rupee-sign::before {
9042 content: "\f156";
9045 .fa-rupee::before {
9046 content: "\f156";
9049 .fa-file-image::before {
9050 content: "\f1c5";
9053 .fa-circle-question::before {
9054 content: "\f059";
9057 .fa-question-circle::before {
9058 content: "\f059";
9061 .fa-plane-departure::before {
9062 content: "\f5b0";
9065 .fa-handshake-slash::before {
9066 content: "\e060";
9069 .fa-book-bookmark::before {
9070 content: "\e0bb";
9073 .fa-code-branch::before {
9074 content: "\f126";
9077 .fa-hat-cowboy::before {
9078 content: "\f8c0";
9081 .fa-bridge::before {
9082 content: "\e4c8";
9085 .fa-phone-flip::before {
9086 content: "\f879";
9089 .fa-phone-alt::before {
9090 content: "\f879";
9093 .fa-truck-front::before {
9094 content: "\e2b7";
9097 .fa-cat::before {
9098 content: "\f6be";
9101 .fa-anchor-circle-exclamation::before {
9102 content: "\e4ab";
9105 .fa-truck-field::before {
9106 content: "\e58d";
9109 .fa-route::before {
9110 content: "\f4d7";
9113 .fa-clipboard-question::before {
9114 content: "\e4e3";
9117 .fa-panorama::before {
9118 content: "\e209";
9121 .fa-comment-medical::before {
9122 content: "\f7f5";
9125 .fa-teeth-open::before {
9126 content: "\f62f";
9129 .fa-file-circle-minus::before {
9130 content: "\e4ed";
9133 .fa-tags::before {
9134 content: "\f02c";
9137 .fa-wine-glass::before {
9138 content: "\f4e3";
9141 .fa-forward-fast::before {
9142 content: "\f050";
9145 .fa-fast-forward::before {
9146 content: "\f050";
9149 .fa-face-meh-blank::before {
9150 content: "\f5a4";
9153 .fa-meh-blank::before {
9154 content: "\f5a4";
9157 .fa-square-parking::before {
9158 content: "\f540";
9161 .fa-parking::before {
9162 content: "\f540";
9165 .fa-house-signal::before {
9166 content: "\e012";
9169 .fa-bars-progress::before {
9170 content: "\f828";
9173 .fa-tasks-alt::before {
9174 content: "\f828";
9177 .fa-faucet-drip::before {
9178 content: "\e006";
9181 .fa-cart-flatbed::before {
9182 content: "\f474";
9185 .fa-dolly-flatbed::before {
9186 content: "\f474";
9189 .fa-ban-smoking::before {
9190 content: "\f54d";
9193 .fa-smoking-ban::before {
9194 content: "\f54d";
9197 .fa-terminal::before {
9198 content: "\f120";
9201 .fa-mobile-button::before {
9202 content: "\f10b";
9205 .fa-house-medical-flag::before {
9206 content: "\e514";
9209 .fa-basket-shopping::before {
9210 content: "\f291";
9213 .fa-shopping-basket::before {
9214 content: "\f291";
9217 .fa-tape::before {
9218 content: "\f4db";
9221 .fa-bus-simple::before {
9222 content: "\f55e";
9225 .fa-bus-alt::before {
9226 content: "\f55e";
9229 .fa-eye::before {
9230 content: "\f06e";
9233 .fa-face-sad-cry::before {
9234 content: "\f5b3";
9237 .fa-sad-cry::before {
9238 content: "\f5b3";
9241 .fa-audio-description::before {
9242 content: "\f29e";
9245 .fa-person-military-to-person::before {
9246 content: "\e54c";
9249 .fa-file-shield::before {
9250 content: "\e4f0";
9253 .fa-user-slash::before {
9254 content: "\f506";
9257 .fa-pen::before {
9258 content: "\f304";
9261 .fa-tower-observation::before {
9262 content: "\e586";
9265 .fa-file-code::before {
9266 content: "\f1c9";
9269 .fa-signal::before {
9270 content: "\f012";
9273 .fa-signal-5::before {
9274 content: "\f012";
9277 .fa-signal-perfect::before {
9278 content: "\f012";
9281 .fa-bus::before {
9282 content: "\f207";
9285 .fa-heart-circle-xmark::before {
9286 content: "\e501";
9289 .fa-house-chimney::before {
9290 content: "\e3af";
9293 .fa-home-lg::before {
9294 content: "\e3af";
9297 .fa-window-maximize::before {
9298 content: "\f2d0";
9301 .fa-face-frown::before {
9302 content: "\f119";
9305 .fa-frown::before {
9306 content: "\f119";
9309 .fa-prescription::before {
9310 content: "\f5b1";
9313 .fa-shop::before {
9314 content: "\f54f";
9317 .fa-store-alt::before {
9318 content: "\f54f";
9321 .fa-floppy-disk::before {
9322 content: "\f0c7";
9325 .fa-save::before {
9326 content: "\f0c7";
9329 .fa-vihara::before {
9330 content: "\f6a7";
9333 .fa-scale-unbalanced::before {
9334 content: "\f515";
9337 .fa-balance-scale-left::before {
9338 content: "\f515";
9341 .fa-sort-up::before {
9342 content: "\f0de";
9345 .fa-sort-asc::before {
9346 content: "\f0de";
9349 .fa-comment-dots::before {
9350 content: "\f4ad";
9353 .fa-commenting::before {
9354 content: "\f4ad";
9357 .fa-plant-wilt::before {
9358 content: "\e5aa";
9361 .fa-diamond::before {
9362 content: "\f219";
9365 .fa-face-grin-squint::before {
9366 content: "\f585";
9369 .fa-grin-squint::before {
9370 content: "\f585";
9373 .fa-hand-holding-dollar::before {
9374 content: "\f4c0";
9377 .fa-hand-holding-usd::before {
9378 content: "\f4c0";
9381 .fa-bacterium::before {
9382 content: "\e05a";
9385 .fa-hand-pointer::before {
9386 content: "\f25a";
9389 .fa-drum-steelpan::before {
9390 content: "\f56a";
9393 .fa-hand-scissors::before {
9394 content: "\f257";
9397 .fa-hands-praying::before {
9398 content: "\f684";
9401 .fa-praying-hands::before {
9402 content: "\f684";
9405 .fa-arrow-rotate-right::before {
9406 content: "\f01e";
9409 .fa-arrow-right-rotate::before {
9410 content: "\f01e";
9413 .fa-arrow-rotate-forward::before {
9414 content: "\f01e";
9417 .fa-redo::before {
9418 content: "\f01e";
9421 .fa-biohazard::before {
9422 content: "\f780";
9425 .fa-location-crosshairs::before {
9426 content: "\f601";
9429 .fa-location::before {
9430 content: "\f601";
9433 .fa-mars-double::before {
9434 content: "\f227";
9437 .fa-child-dress::before {
9438 content: "\e59c";
9441 .fa-users-between-lines::before {
9442 content: "\e591";
9445 .fa-lungs-virus::before {
9446 content: "\e067";
9449 .fa-face-grin-tears::before {
9450 content: "\f588";
9453 .fa-grin-tears::before {
9454 content: "\f588";
9457 .fa-phone::before {
9458 content: "\f095";
9461 .fa-calendar-xmark::before {
9462 content: "\f273";
9465 .fa-calendar-times::before {
9466 content: "\f273";
9469 .fa-child-reaching::before {
9470 content: "\e59d";
9473 .fa-head-side-virus::before {
9474 content: "\e064";
9477 .fa-user-gear::before {
9478 content: "\f4fe";
9481 .fa-user-cog::before {
9482 content: "\f4fe";
9485 .fa-arrow-up-1-9::before {
9486 content: "\f163";
9489 .fa-sort-numeric-up::before {
9490 content: "\f163";
9493 .fa-door-closed::before {
9494 content: "\f52a";
9497 .fa-shield-virus::before {
9498 content: "\e06c";
9501 .fa-dice-six::before {
9502 content: "\f526";
9505 .fa-mosquito-net::before {
9506 content: "\e52c";
9509 .fa-bridge-water::before {
9510 content: "\e4ce";
9513 .fa-person-booth::before {
9514 content: "\f756";
9517 .fa-text-width::before {
9518 content: "\f035";
9521 .fa-hat-wizard::before {
9522 content: "\f6e8";
9525 .fa-pen-fancy::before {
9526 content: "\f5ac";
9529 .fa-person-digging::before {
9530 content: "\f85e";
9533 .fa-digging::before {
9534 content: "\f85e";
9537 .fa-trash::before {
9538 content: "\f1f8";
9541 .fa-gauge-simple::before {
9542 content: "\f629";
9545 .fa-gauge-simple-med::before {
9546 content: "\f629";
9549 .fa-tachometer-average::before {
9550 content: "\f629";
9553 .fa-book-medical::before {
9554 content: "\f7e6";
9557 .fa-poo::before {
9558 content: "\f2fe";
9561 .fa-quote-right::before {
9562 content: "\f10e";
9565 .fa-quote-right-alt::before {
9566 content: "\f10e";
9569 .fa-shirt::before {
9570 content: "\f553";
9573 .fa-t-shirt::before {
9574 content: "\f553";
9577 .fa-tshirt::before {
9578 content: "\f553";
9581 .fa-cubes::before {
9582 content: "\f1b3";
9585 .fa-divide::before {
9586 content: "\f529";
9589 .fa-tenge-sign::before {
9590 content: "\f7d7";
9593 .fa-tenge::before {
9594 content: "\f7d7";
9597 .fa-headphones::before {
9598 content: "\f025";
9601 .fa-hands-holding::before {
9602 content: "\f4c2";
9605 .fa-hands-clapping::before {
9606 content: "\e1a8";
9609 .fa-republican::before {
9610 content: "\f75e";
9613 .fa-arrow-left::before {
9614 content: "\f060";
9617 .fa-person-circle-xmark::before {
9618 content: "\e543";
9621 .fa-ruler::before {
9622 content: "\f545";
9625 .fa-align-left::before {
9626 content: "\f036";
9629 .fa-dice-d6::before {
9630 content: "\f6d1";
9633 .fa-restroom::before {
9634 content: "\f7bd";
9637 .fa-j::before {
9638 content: "J";
9641 .fa-users-viewfinder::before {
9642 content: "\e595";
9645 .fa-file-video::before {
9646 content: "\f1c8";
9649 .fa-up-right-from-square::before {
9650 content: "\f35d";
9653 .fa-external-link-alt::before {
9654 content: "\f35d";
9657 .fa-table-cells::before {
9658 content: "\f00a";
9661 .fa-th::before {
9662 content: "\f00a";
9665 .fa-file-pdf::before {
9666 content: "\f1c1";
9669 .fa-book-bible::before {
9670 content: "\f647";
9673 .fa-bible::before {
9674 content: "\f647";
9677 .fa-o::before {
9678 content: "O";
9681 .fa-suitcase-medical::before {
9682 content: "\f0fa";
9685 .fa-medkit::before {
9686 content: "\f0fa";
9689 .fa-user-secret::before {
9690 content: "\f21b";
9693 .fa-otter::before {
9694 content: "\f700";
9697 .fa-person-dress::before {
9698 content: "\f182";
9701 .fa-female::before {
9702 content: "\f182";
9705 .fa-comment-dollar::before {
9706 content: "\f651";
9709 .fa-business-time::before {
9710 content: "\f64a";
9713 .fa-briefcase-clock::before {
9714 content: "\f64a";
9717 .fa-table-cells-large::before {
9718 content: "\f009";
9721 .fa-th-large::before {
9722 content: "\f009";
9725 .fa-book-tanakh::before {
9726 content: "\f827";
9729 .fa-tanakh::before {
9730 content: "\f827";
9733 .fa-phone-volume::before {
9734 content: "\f2a0";
9737 .fa-volume-control-phone::before {
9738 content: "\f2a0";
9741 .fa-hat-cowboy-side::before {
9742 content: "\f8c1";
9745 .fa-clipboard-user::before {
9746 content: "\f7f3";
9749 .fa-child::before {
9750 content: "\f1ae";
9753 .fa-lira-sign::before {
9754 content: "\f195";
9757 .fa-satellite::before {
9758 content: "\f7bf";
9761 .fa-plane-lock::before {
9762 content: "\e558";
9765 .fa-tag::before {
9766 content: "\f02b";
9769 .fa-comment::before {
9770 content: "\f075";
9773 .fa-cake-candles::before {
9774 content: "\f1fd";
9777 .fa-birthday-cake::before {
9778 content: "\f1fd";
9781 .fa-cake::before {
9782 content: "\f1fd";
9785 .fa-envelope::before {
9786 content: "\f0e0";
9789 .fa-angles-up::before {
9790 content: "\f102";
9793 .fa-angle-double-up::before {
9794 content: "\f102";
9797 .fa-paperclip::before {
9798 content: "\f0c6";
9801 .fa-arrow-right-to-city::before {
9802 content: "\e4b3";
9805 .fa-ribbon::before {
9806 content: "\f4d6";
9809 .fa-lungs::before {
9810 content: "\f604";
9813 .fa-arrow-up-9-1::before {
9814 content: "\f887";
9817 .fa-sort-numeric-up-alt::before {
9818 content: "\f887";
9821 .fa-litecoin-sign::before {
9822 content: "\e1d3";
9825 .fa-border-none::before {
9826 content: "\f850";
9829 .fa-circle-nodes::before {
9830 content: "\e4e2";
9833 .fa-parachute-box::before {
9834 content: "\f4cd";
9837 .fa-indent::before {
9838 content: "\f03c";
9841 .fa-truck-field-un::before {
9842 content: "\e58e";
9845 .fa-hourglass::before {
9846 content: "\f254";
9849 .fa-hourglass-empty::before {
9850 content: "\f254";
9853 .fa-mountain::before {
9854 content: "\f6fc";
9857 .fa-user-doctor::before {
9858 content: "\f0f0";
9861 .fa-user-md::before {
9862 content: "\f0f0";
9865 .fa-circle-info::before {
9866 content: "\f05a";
9869 .fa-info-circle::before {
9870 content: "\f05a";
9873 .fa-cloud-meatball::before {
9874 content: "\f73b";
9877 .fa-camera::before {
9878 content: "\f030";
9881 .fa-camera-alt::before {
9882 content: "\f030";
9885 .fa-square-virus::before {
9886 content: "\e578";
9889 .fa-meteor::before {
9890 content: "\f753";
9893 .fa-car-on::before {
9894 content: "\e4dd";
9897 .fa-sleigh::before {
9898 content: "\f7cc";
9901 .fa-arrow-down-1-9::before {
9902 content: "\f162";
9905 .fa-sort-numeric-asc::before {
9906 content: "\f162";
9909 .fa-sort-numeric-down::before {
9910 content: "\f162";
9913 .fa-hand-holding-droplet::before {
9914 content: "\f4c1";
9917 .fa-hand-holding-water::before {
9918 content: "\f4c1";
9921 .fa-water::before {
9922 content: "\f773";
9925 .fa-calendar-check::before {
9926 content: "\f274";
9929 .fa-braille::before {
9930 content: "\f2a1";
9933 .fa-prescription-bottle-medical::before {
9934 content: "\f486";
9937 .fa-prescription-bottle-alt::before {
9938 content: "\f486";
9941 .fa-landmark::before {
9942 content: "\f66f";
9945 .fa-truck::before {
9946 content: "\f0d1";
9949 .fa-crosshairs::before {
9950 content: "\f05b";
9953 .fa-person-cane::before {
9954 content: "\e53c";
9957 .fa-tent::before {
9958 content: "\e57d";
9961 .fa-vest-patches::before {
9962 content: "\e086";
9965 .fa-check-double::before {
9966 content: "\f560";
9969 .fa-arrow-down-a-z::before {
9970 content: "\f15d";
9973 .fa-sort-alpha-asc::before {
9974 content: "\f15d";
9977 .fa-sort-alpha-down::before {
9978 content: "\f15d";
9981 .fa-money-bill-wheat::before {
9982 content: "\e52a";
9985 .fa-cookie::before {
9986 content: "\f563";
9989 .fa-arrow-rotate-left::before {
9990 content: "\f0e2";
9993 .fa-arrow-left-rotate::before {
9994 content: "\f0e2";
9997 .fa-arrow-rotate-back::before {
9998 content: "\f0e2";
10001 .fa-arrow-rotate-backward::before {
10002 content: "\f0e2";
10005 .fa-undo::before {
10006 content: "\f0e2";
10009 .fa-hard-drive::before {
10010 content: "\f0a0";
10013 .fa-hdd::before {
10014 content: "\f0a0";
10017 .fa-face-grin-squint-tears::before {
10018 content: "\f586";
10021 .fa-grin-squint-tears::before {
10022 content: "\f586";
10025 .fa-dumbbell::before {
10026 content: "\f44b";
10029 .fa-rectangle-list::before {
10030 content: "\f022";
10033 .fa-list-alt::before {
10034 content: "\f022";
10037 .fa-tarp-droplet::before {
10038 content: "\e57c";
10041 .fa-house-medical-circle-check::before {
10042 content: "\e511";
10045 .fa-person-skiing-nordic::before {
10046 content: "\f7ca";
10049 .fa-skiing-nordic::before {
10050 content: "\f7ca";
10053 .fa-calendar-plus::before {
10054 content: "\f271";
10057 .fa-plane-arrival::before {
10058 content: "\f5af";
10061 .fa-circle-left::before {
10062 content: "\f359";
10065 .fa-arrow-alt-circle-left::before {
10066 content: "\f359";
10069 .fa-train-subway::before {
10070 content: "\f239";
10073 .fa-subway::before {
10074 content: "\f239";
10077 .fa-chart-gantt::before {
10078 content: "\e0e4";
10081 .fa-indian-rupee-sign::before {
10082 content: "\e1bc";
10085 .fa-indian-rupee::before {
10086 content: "\e1bc";
10089 .fa-inr::before {
10090 content: "\e1bc";
10093 .fa-crop-simple::before {
10094 content: "\f565";
10097 .fa-crop-alt::before {
10098 content: "\f565";
10101 .fa-money-bill-1::before {
10102 content: "\f3d1";
10105 .fa-money-bill-alt::before {
10106 content: "\f3d1";
10109 .fa-left-long::before {
10110 content: "\f30a";
10113 .fa-long-arrow-alt-left::before {
10114 content: "\f30a";
10117 .fa-dna::before {
10118 content: "\f471";
10121 .fa-virus-slash::before {
10122 content: "\e075";
10125 .fa-minus::before {
10126 content: "\f068";
10129 .fa-subtract::before {
10130 content: "\f068";
10133 .fa-chess::before {
10134 content: "\f439";
10137 .fa-arrow-left-long::before {
10138 content: "\f177";
10141 .fa-long-arrow-left::before {
10142 content: "\f177";
10145 .fa-plug-circle-check::before {
10146 content: "\e55c";
10149 .fa-street-view::before {
10150 content: "\f21d";
10153 .fa-franc-sign::before {
10154 content: "\e18f";
10157 .fa-volume-off::before {
10158 content: "\f026";
10161 .fa-hands-asl-interpreting::before {
10162 content: "\f2a3";
10165 .fa-american-sign-language-interpreting::before {
10166 content: "\f2a3";
10169 .fa-asl-interpreting::before {
10170 content: "\f2a3";
10173 .fa-hands-american-sign-language-interpreting::before {
10174 content: "\f2a3";
10177 .fa-gear::before {
10178 content: "\f013";
10181 .fa-cog::before {
10182 content: "\f013";
10185 .fa-droplet-slash::before {
10186 content: "\f5c7";
10189 .fa-tint-slash::before {
10190 content: "\f5c7";
10193 .fa-mosque::before {
10194 content: "\f678";
10197 .fa-mosquito::before {
10198 content: "\e52b";
10201 .fa-star-of-david::before {
10202 content: "\f69a";
10205 .fa-person-military-rifle::before {
10206 content: "\e54b";
10209 .fa-cart-shopping::before {
10210 content: "\f07a";
10213 .fa-shopping-cart::before {
10214 content: "\f07a";
10217 .fa-vials::before {
10218 content: "\f493";
10221 .fa-plug-circle-plus::before {
10222 content: "\e55f";
10225 .fa-place-of-worship::before {
10226 content: "\f67f";
10229 .fa-grip-vertical::before {
10230 content: "\f58e";
10233 .fa-arrow-turn-up::before {
10234 content: "\f148";
10237 .fa-level-up::before {
10238 content: "\f148";
10241 .fa-u::before {
10242 content: "U";
10245 .fa-square-root-variable::before {
10246 content: "\f698";
10249 .fa-square-root-alt::before {
10250 content: "\f698";
10253 .fa-clock::before {
10254 content: "\f017";
10257 .fa-clock-four::before {
10258 content: "\f017";
10261 .fa-backward-step::before {
10262 content: "\f048";
10265 .fa-step-backward::before {
10266 content: "\f048";
10269 .fa-pallet::before {
10270 content: "\f482";
10273 .fa-faucet::before {
10274 content: "\e005";
10277 .fa-baseball-bat-ball::before {
10278 content: "\f432";
10281 .fa-s::before {
10282 content: "S";
10285 .fa-timeline::before {
10286 content: "\e29c";
10289 .fa-keyboard::before {
10290 content: "\f11c";
10293 .fa-caret-down::before {
10294 content: "\f0d7";
10297 .fa-house-chimney-medical::before {
10298 content: "\f7f2";
10301 .fa-clinic-medical::before {
10302 content: "\f7f2";
10305 .fa-temperature-three-quarters::before {
10306 content: "\f2c8";
10309 .fa-temperature-3::before {
10310 content: "\f2c8";
10313 .fa-thermometer-3::before {
10314 content: "\f2c8";
10317 .fa-thermometer-three-quarters::before {
10318 content: "\f2c8";
10321 .fa-mobile-screen::before {
10322 content: "\f3cf";
10325 .fa-mobile-android-alt::before {
10326 content: "\f3cf";
10329 .fa-plane-up::before {
10330 content: "\e22d";
10333 .fa-piggy-bank::before {
10334 content: "\f4d3";
10337 .fa-battery-half::before {
10338 content: "\f242";
10341 .fa-battery-3::before {
10342 content: "\f242";
10345 .fa-mountain-city::before {
10346 content: "\e52e";
10349 .fa-coins::before {
10350 content: "\f51e";
10353 .fa-khanda::before {
10354 content: "\f66d";
10357 .fa-sliders::before {
10358 content: "\f1de";
10361 .fa-sliders-h::before {
10362 content: "\f1de";
10365 .fa-folder-tree::before {
10366 content: "\f802";
10369 .fa-network-wired::before {
10370 content: "\f6ff";
10373 .fa-map-pin::before {
10374 content: "\f276";
10377 .fa-hamsa::before {
10378 content: "\f665";
10381 .fa-cent-sign::before {
10382 content: "\e3f5";
10385 .fa-flask::before {
10386 content: "\f0c3";
10389 .fa-person-pregnant::before {
10390 content: "\e31e";
10393 .fa-wand-sparkles::before {
10394 content: "\f72b";
10397 .fa-ellipsis-vertical::before {
10398 content: "\f142";
10401 .fa-ellipsis-v::before {
10402 content: "\f142";
10405 .fa-ticket::before {
10406 content: "\f145";
10409 .fa-power-off::before {
10410 content: "\f011";
10413 .fa-right-long::before {
10414 content: "\f30b";
10417 .fa-long-arrow-alt-right::before {
10418 content: "\f30b";
10421 .fa-flag-usa::before {
10422 content: "\f74d";
10425 .fa-laptop-file::before {
10426 content: "\e51d";
10429 .fa-tty::before {
10430 content: "\f1e4";
10433 .fa-teletype::before {
10434 content: "\f1e4";
10437 .fa-diagram-next::before {
10438 content: "\e476";
10441 .fa-person-rifle::before {
10442 content: "\e54e";
10445 .fa-house-medical-circle-exclamation::before {
10446 content: "\e512";
10449 .fa-closed-captioning::before {
10450 content: "\f20a";
10453 .fa-person-hiking::before {
10454 content: "\f6ec";
10457 .fa-hiking::before {
10458 content: "\f6ec";
10461 .fa-venus-double::before {
10462 content: "\f226";
10465 .fa-images::before {
10466 content: "\f302";
10469 .fa-calculator::before {
10470 content: "\f1ec";
10473 .fa-people-pulling::before {
10474 content: "\e535";
10477 .fa-n::before {
10478 content: "N";
10481 .fa-cable-car::before {
10482 content: "\f7da";
10485 .fa-tram::before {
10486 content: "\f7da";
10489 .fa-cloud-rain::before {
10490 content: "\f73d";
10493 .fa-building-circle-xmark::before {
10494 content: "\e4d4";
10497 .fa-ship::before {
10498 content: "\f21a";
10501 .fa-arrows-down-to-line::before {
10502 content: "\e4b8";
10505 .fa-download::before {
10506 content: "\f019";
10509 .fa-face-grin::before {
10510 content: "\f580";
10513 .fa-grin::before {
10514 content: "\f580";
10517 .fa-delete-left::before {
10518 content: "\f55a";
10521 .fa-backspace::before {
10522 content: "\f55a";
10525 .fa-eye-dropper::before {
10526 content: "\f1fb";
10529 .fa-eye-dropper-empty::before {
10530 content: "\f1fb";
10533 .fa-eyedropper::before {
10534 content: "\f1fb";
10537 .fa-file-circle-check::before {
10538 content: "\e5a0";
10541 .fa-forward::before {
10542 content: "\f04e";
10545 .fa-mobile::before {
10546 content: "\f3ce";
10549 .fa-mobile-android::before {
10550 content: "\f3ce";
10553 .fa-mobile-phone::before {
10554 content: "\f3ce";
10557 .fa-face-meh::before {
10558 content: "\f11a";
10561 .fa-meh::before {
10562 content: "\f11a";
10565 .fa-align-center::before {
10566 content: "\f037";
10569 .fa-book-skull::before {
10570 content: "\f6b7";
10573 .fa-book-dead::before {
10574 content: "\f6b7";
10577 .fa-id-card::before {
10578 content: "\f2c2";
10581 .fa-drivers-license::before {
10582 content: "\f2c2";
10585 .fa-outdent::before {
10586 content: "\f03b";
10589 .fa-dedent::before {
10590 content: "\f03b";
10593 .fa-heart-circle-exclamation::before {
10594 content: "\e4fe";
10597 .fa-house::before {
10598 content: "\f015";
10601 .fa-home::before {
10602 content: "\f015";
10605 .fa-home-alt::before {
10606 content: "\f015";
10609 .fa-home-lg-alt::before {
10610 content: "\f015";
10613 .fa-calendar-week::before {
10614 content: "\f784";
10617 .fa-laptop-medical::before {
10618 content: "\f812";
10621 .fa-b::before {
10622 content: "B";
10625 .fa-file-medical::before {
10626 content: "\f477";
10629 .fa-dice-one::before {
10630 content: "\f525";
10633 .fa-kiwi-bird::before {
10634 content: "\f535";
10637 .fa-arrow-right-arrow-left::before {
10638 content: "\f0ec";
10641 .fa-exchange::before {
10642 content: "\f0ec";
10645 .fa-rotate-right::before {
10646 content: "\f2f9";
10649 .fa-redo-alt::before {
10650 content: "\f2f9";
10653 .fa-rotate-forward::before {
10654 content: "\f2f9";
10657 .fa-utensils::before {
10658 content: "\f2e7";
10661 .fa-cutlery::before {
10662 content: "\f2e7";
10665 .fa-arrow-up-wide-short::before {
10666 content: "\f161";
10669 .fa-sort-amount-up::before {
10670 content: "\f161";
10673 .fa-mill-sign::before {
10674 content: "\e1ed";
10677 .fa-bowl-rice::before {
10678 content: "\e2eb";
10681 .fa-skull::before {
10682 content: "\f54c";
10685 .fa-tower-broadcast::before {
10686 content: "\f519";
10689 .fa-broadcast-tower::before {
10690 content: "\f519";
10693 .fa-truck-pickup::before {
10694 content: "\f63c";
10697 .fa-up-long::before {
10698 content: "\f30c";
10701 .fa-long-arrow-alt-up::before {
10702 content: "\f30c";
10705 .fa-stop::before {
10706 content: "\f04d";
10709 .fa-code-merge::before {
10710 content: "\f387";
10713 .fa-upload::before {
10714 content: "\f093";
10717 .fa-hurricane::before {
10718 content: "\f751";
10721 .fa-mound::before {
10722 content: "\e52d";
10725 .fa-toilet-portable::before {
10726 content: "\e583";
10729 .fa-compact-disc::before {
10730 content: "\f51f";
10733 .fa-file-arrow-down::before {
10734 content: "\f56d";
10737 .fa-file-download::before {
10738 content: "\f56d";
10741 .fa-caravan::before {
10742 content: "\f8ff";
10745 .fa-shield-cat::before {
10746 content: "\e572";
10749 .fa-bolt::before {
10750 content: "\f0e7";
10753 .fa-zap::before {
10754 content: "\f0e7";
10757 .fa-glass-water::before {
10758 content: "\e4f4";
10761 .fa-oil-well::before {
10762 content: "\e532";
10765 .fa-vault::before {
10766 content: "\e2c5";
10769 .fa-mars::before {
10770 content: "\f222";
10773 .fa-toilet::before {
10774 content: "\f7d8";
10777 .fa-plane-circle-xmark::before {
10778 content: "\e557";
10781 .fa-yen-sign::before {
10782 content: "\f157";
10785 .fa-cny::before {
10786 content: "\f157";
10789 .fa-jpy::before {
10790 content: "\f157";
10793 .fa-rmb::before {
10794 content: "\f157";
10797 .fa-yen::before {
10798 content: "\f157";
10801 .fa-ruble-sign::before {
10802 content: "\f158";
10805 .fa-rouble::before {
10806 content: "\f158";
10809 .fa-rub::before {
10810 content: "\f158";
10813 .fa-ruble::before {
10814 content: "\f158";
10817 .fa-sun::before {
10818 content: "\f185";
10821 .fa-guitar::before {
10822 content: "\f7a6";
10825 .fa-face-laugh-wink::before {
10826 content: "\f59c";
10829 .fa-laugh-wink::before {
10830 content: "\f59c";
10833 .fa-horse-head::before {
10834 content: "\f7ab";
10837 .fa-bore-hole::before {
10838 content: "\e4c3";
10841 .fa-industry::before {
10842 content: "\f275";
10845 .fa-circle-down::before {
10846 content: "\f358";
10849 .fa-arrow-alt-circle-down::before {
10850 content: "\f358";
10853 .fa-arrows-turn-to-dots::before {
10854 content: "\e4c1";
10857 .fa-florin-sign::before {
10858 content: "\e184";
10861 .fa-arrow-down-short-wide::before {
10862 content: "\f884";
10865 .fa-sort-amount-desc::before {
10866 content: "\f884";
10869 .fa-sort-amount-down-alt::before {
10870 content: "\f884";
10873 .fa-less-than::before {
10874 content: "\<";
10877 .fa-angle-down::before {
10878 content: "\f107";
10881 .fa-car-tunnel::before {
10882 content: "\e4de";
10885 .fa-head-side-cough::before {
10886 content: "\e061";
10889 .fa-grip-lines::before {
10890 content: "\f7a4";
10893 .fa-thumbs-down::before {
10894 content: "\f165";
10897 .fa-user-lock::before {
10898 content: "\f502";
10901 .fa-arrow-right-long::before {
10902 content: "\f178";
10905 .fa-long-arrow-right::before {
10906 content: "\f178";
10909 .fa-anchor-circle-xmark::before {
10910 content: "\e4ac";
10913 .fa-ellipsis::before {
10914 content: "\f141";
10917 .fa-ellipsis-h::before {
10918 content: "\f141";
10921 .fa-chess-pawn::before {
10922 content: "\f443";
10925 .fa-kit-medical::before {
10926 content: "\f479";
10929 .fa-first-aid::before {
10930 content: "\f479";
10933 .fa-person-through-window::before {
10934 content: "\e5a9";
10937 .fa-toolbox::before {
10938 content: "\f552";
10941 .fa-hands-holding-circle::before {
10942 content: "\e4fb";
10945 .fa-bug::before {
10946 content: "\f188";
10949 .fa-credit-card::before {
10950 content: "\f09d";
10953 .fa-credit-card-alt::before {
10954 content: "\f09d";
10957 .fa-car::before {
10958 content: "\f1b9";
10961 .fa-automobile::before {
10962 content: "\f1b9";
10965 .fa-hand-holding-hand::before {
10966 content: "\e4f7";
10969 .fa-book-open-reader::before {
10970 content: "\f5da";
10973 .fa-book-reader::before {
10974 content: "\f5da";
10977 .fa-mountain-sun::before {
10978 content: "\e52f";
10981 .fa-arrows-left-right-to-line::before {
10982 content: "\e4ba";
10985 .fa-dice-d20::before {
10986 content: "\f6cf";
10989 .fa-truck-droplet::before {
10990 content: "\e58c";
10993 .fa-file-circle-xmark::before {
10994 content: "\e5a1";
10997 .fa-temperature-arrow-up::before {
10998 content: "\e040";
11001 .fa-temperature-up::before {
11002 content: "\e040";
11005 .fa-medal::before {
11006 content: "\f5a2";
11009 .fa-bed::before {
11010 content: "\f236";
11013 .fa-square-h::before {
11014 content: "\f0fd";
11017 .fa-h-square::before {
11018 content: "\f0fd";
11021 .fa-podcast::before {
11022 content: "\f2ce";
11025 .fa-temperature-full::before {
11026 content: "\f2c7";
11029 .fa-temperature-4::before {
11030 content: "\f2c7";
11033 .fa-thermometer-4::before {
11034 content: "\f2c7";
11037 .fa-thermometer-full::before {
11038 content: "\f2c7";
11041 .fa-bell::before {
11042 content: "\f0f3";
11045 .fa-superscript::before {
11046 content: "\f12b";
11049 .fa-plug-circle-xmark::before {
11050 content: "\e560";
11053 .fa-star-of-life::before {
11054 content: "\f621";
11057 .fa-phone-slash::before {
11058 content: "\f3dd";
11061 .fa-paint-roller::before {
11062 content: "\f5aa";
11065 .fa-handshake-angle::before {
11066 content: "\f4c4";
11069 .fa-hands-helping::before {
11070 content: "\f4c4";
11073 .fa-location-dot::before {
11074 content: "\f3c5";
11077 .fa-map-marker-alt::before {
11078 content: "\f3c5";
11081 .fa-file::before {
11082 content: "\f15b";
11085 .fa-greater-than::before {
11086 content: "\>";
11089 .fa-person-swimming::before {
11090 content: "\f5c4";
11093 .fa-swimmer::before {
11094 content: "\f5c4";
11097 .fa-arrow-down::before {
11098 content: "\f063";
11101 .fa-droplet::before {
11102 content: "\f043";
11105 .fa-tint::before {
11106 content: "\f043";
11109 .fa-eraser::before {
11110 content: "\f12d";
11113 .fa-earth-americas::before {
11114 content: "\f57d";
11117 .fa-earth::before {
11118 content: "\f57d";
11121 .fa-earth-america::before {
11122 content: "\f57d";
11125 .fa-globe-americas::before {
11126 content: "\f57d";
11129 .fa-person-burst::before {
11130 content: "\e53b";
11133 .fa-dove::before {
11134 content: "\f4ba";
11137 .fa-battery-empty::before {
11138 content: "\f244";
11141 .fa-battery-0::before {
11142 content: "\f244";
11145 .fa-socks::before {
11146 content: "\f696";
11149 .fa-inbox::before {
11150 content: "\f01c";
11153 .fa-section::before {
11154 content: "\e447";
11157 .fa-gauge-high::before {
11158 content: "\f625";
11161 .fa-tachometer-alt::before {
11162 content: "\f625";
11165 .fa-tachometer-alt-fast::before {
11166 content: "\f625";
11169 .fa-envelope-open-text::before {
11170 content: "\f658";
11173 .fa-hospital::before {
11174 content: "\f0f8";
11177 .fa-hospital-alt::before {
11178 content: "\f0f8";
11181 .fa-hospital-wide::before {
11182 content: "\f0f8";
11185 .fa-wine-bottle::before {
11186 content: "\f72f";
11189 .fa-chess-rook::before {
11190 content: "\f447";
11193 .fa-bars-staggered::before {
11194 content: "\f550";
11197 .fa-reorder::before {
11198 content: "\f550";
11201 .fa-stream::before {
11202 content: "\f550";
11205 .fa-dharmachakra::before {
11206 content: "\f655";
11209 .fa-hotdog::before {
11210 content: "\f80f";
11213 .fa-person-walking-with-cane::before {
11214 content: "\f29d";
11217 .fa-blind::before {
11218 content: "\f29d";
11221 .fa-drum::before {
11222 content: "\f569";
11225 .fa-ice-cream::before {
11226 content: "\f810";
11229 .fa-heart-circle-bolt::before {
11230 content: "\e4fc";
11233 .fa-fax::before {
11234 content: "\f1ac";
11237 .fa-paragraph::before {
11238 content: "\f1dd";
11241 .fa-check-to-slot::before {
11242 content: "\f772";
11245 .fa-vote-yea::before {
11246 content: "\f772";
11249 .fa-star-half::before {
11250 content: "\f089";
11253 .fa-boxes-stacked::before {
11254 content: "\f468";
11257 .fa-boxes::before {
11258 content: "\f468";
11261 .fa-boxes-alt::before {
11262 content: "\f468";
11265 .fa-link::before {
11266 content: "\f0c1";
11269 .fa-chain::before {
11270 content: "\f0c1";
11273 .fa-ear-listen::before {
11274 content: "\f2a2";
11277 .fa-assistive-listening-systems::before {
11278 content: "\f2a2";
11281 .fa-tree-city::before {
11282 content: "\e587";
11285 .fa-play::before {
11286 content: "\f04b";
11289 .fa-font::before {
11290 content: "\f031";
11293 .fa-rupiah-sign::before {
11294 content: "\e23d";
11297 .fa-magnifying-glass::before {
11298 content: "\f002";
11301 .fa-search::before {
11302 content: "\f002";
11305 .fa-table-tennis-paddle-ball::before {
11306 content: "\f45d";
11309 .fa-ping-pong-paddle-ball::before {
11310 content: "\f45d";
11313 .fa-table-tennis::before {
11314 content: "\f45d";
11317 .fa-person-dots-from-line::before {
11318 content: "\f470";
11321 .fa-diagnoses::before {
11322 content: "\f470";
11325 .fa-trash-can-arrow-up::before {
11326 content: "\f82a";
11329 .fa-trash-restore-alt::before {
11330 content: "\f82a";
11333 .fa-naira-sign::before {
11334 content: "\e1f6";
11337 .fa-cart-arrow-down::before {
11338 content: "\f218";
11341 .fa-walkie-talkie::before {
11342 content: "\f8ef";
11345 .fa-file-pen::before {
11346 content: "\f31c";
11349 .fa-file-edit::before {
11350 content: "\f31c";
11353 .fa-receipt::before {
11354 content: "\f543";
11357 .fa-square-pen::before {
11358 content: "\f14b";
11361 .fa-pen-square::before {
11362 content: "\f14b";
11365 .fa-pencil-square::before {
11366 content: "\f14b";
11369 .fa-suitcase-rolling::before {
11370 content: "\f5c1";
11373 .fa-person-circle-exclamation::before {
11374 content: "\e53f";
11377 .fa-chevron-down::before {
11378 content: "\f078";
11381 .fa-battery-full::before {
11382 content: "\f240";
11385 .fa-battery::before {
11386 content: "\f240";
11389 .fa-battery-5::before {
11390 content: "\f240";
11393 .fa-skull-crossbones::before {
11394 content: "\f714";
11397 .fa-code-compare::before {
11398 content: "\e13a";
11401 .fa-list-ul::before {
11402 content: "\f0ca";
11405 .fa-list-dots::before {
11406 content: "\f0ca";
11409 .fa-school-lock::before {
11410 content: "\e56f";
11413 .fa-tower-cell::before {
11414 content: "\e585";
11417 .fa-down-long::before {
11418 content: "\f309";
11421 .fa-long-arrow-alt-down::before {
11422 content: "\f309";
11425 .fa-ranking-star::before {
11426 content: "\e561";
11429 .fa-chess-king::before {
11430 content: "\f43f";
11433 .fa-person-harassing::before {
11434 content: "\e549";
11437 .fa-brazilian-real-sign::before {
11438 content: "\e46c";
11441 .fa-landmark-dome::before {
11442 content: "\f752";
11445 .fa-landmark-alt::before {
11446 content: "\f752";
11449 .fa-arrow-up::before {
11450 content: "\f062";
11453 .fa-tv::before {
11454 content: "\f26c";
11457 .fa-television::before {
11458 content: "\f26c";
11461 .fa-tv-alt::before {
11462 content: "\f26c";
11465 .fa-shrimp::before {
11466 content: "\e448";
11469 .fa-list-check::before {
11470 content: "\f0ae";
11473 .fa-tasks::before {
11474 content: "\f0ae";
11477 .fa-jug-detergent::before {
11478 content: "\e519";
11481 .fa-circle-user::before {
11482 content: "\f2bd";
11485 .fa-user-circle::before {
11486 content: "\f2bd";
11489 .fa-user-shield::before {
11490 content: "\f505";
11493 .fa-wind::before {
11494 content: "\f72e";
11497 .fa-car-burst::before {
11498 content: "\f5e1";
11501 .fa-car-crash::before {
11502 content: "\f5e1";
11505 .fa-y::before {
11506 content: "Y";
11509 .fa-person-snowboarding::before {
11510 content: "\f7ce";
11513 .fa-snowboarding::before {
11514 content: "\f7ce";
11517 .fa-truck-fast::before {
11518 content: "\f48b";
11521 .fa-shipping-fast::before {
11522 content: "\f48b";
11525 .fa-fish::before {
11526 content: "\f578";
11529 .fa-user-graduate::before {
11530 content: "\f501";
11533 .fa-circle-half-stroke::before {
11534 content: "\f042";
11537 .fa-adjust::before {
11538 content: "\f042";
11541 .fa-clapperboard::before {
11542 content: "\e131";
11545 .fa-circle-radiation::before {
11546 content: "\f7ba";
11549 .fa-radiation-alt::before {
11550 content: "\f7ba";
11553 .fa-baseball::before {
11554 content: "\f433";
11557 .fa-baseball-ball::before {
11558 content: "\f433";
11561 .fa-jet-fighter-up::before {
11562 content: "\e518";
11565 .fa-diagram-project::before {
11566 content: "\f542";
11569 .fa-project-diagram::before {
11570 content: "\f542";
11573 .fa-copy::before {
11574 content: "\f0c5";
11577 .fa-volume-xmark::before {
11578 content: "\f6a9";
11581 .fa-volume-mute::before {
11582 content: "\f6a9";
11585 .fa-volume-times::before {
11586 content: "\f6a9";
11589 .fa-hand-sparkles::before {
11590 content: "\e05d";
11593 .fa-grip::before {
11594 content: "\f58d";
11597 .fa-grip-horizontal::before {
11598 content: "\f58d";
11601 .fa-share-from-square::before {
11602 content: "\f14d";
11605 .fa-share-square::before {
11606 content: "\f14d";
11609 .fa-child-combatant::before {
11610 content: "\e4e0";
11613 .fa-child-rifle::before {
11614 content: "\e4e0";
11617 .fa-gun::before {
11618 content: "\e19b";
11621 .fa-square-phone::before {
11622 content: "\f098";
11625 .fa-phone-square::before {
11626 content: "\f098";
11629 .fa-plus::before {
11630 content: "\+";
11633 .fa-add::before {
11634 content: "\+";
11637 .fa-expand::before {
11638 content: "\f065";
11641 .fa-computer::before {
11642 content: "\e4e5";
11645 .fa-xmark::before {
11646 content: "\f00d";
11649 .fa-close::before {
11650 content: "\f00d";
11653 .fa-multiply::before {
11654 content: "\f00d";
11657 .fa-remove::before {
11658 content: "\f00d";
11661 .fa-times::before {
11662 content: "\f00d";
11665 .fa-arrows-up-down-left-right::before {
11666 content: "\f047";
11669 .fa-arrows::before {
11670 content: "\f047";
11673 .fa-chalkboard-user::before {
11674 content: "\f51c";
11677 .fa-chalkboard-teacher::before {
11678 content: "\f51c";
11681 .fa-peso-sign::before {
11682 content: "\e222";
11685 .fa-building-shield::before {
11686 content: "\e4d8";
11689 .fa-baby::before {
11690 content: "\f77c";
11693 .fa-users-line::before {
11694 content: "\e592";
11697 .fa-quote-left::before {
11698 content: "\f10d";
11701 .fa-quote-left-alt::before {
11702 content: "\f10d";
11705 .fa-tractor::before {
11706 content: "\f722";
11709 .fa-trash-arrow-up::before {
11710 content: "\f829";
11713 .fa-trash-restore::before {
11714 content: "\f829";
11717 .fa-arrow-down-up-lock::before {
11718 content: "\e4b0";
11721 .fa-lines-leaning::before {
11722 content: "\e51e";
11725 .fa-ruler-combined::before {
11726 content: "\f546";
11729 .fa-copyright::before {
11730 content: "\f1f9";
11733 .fa-equals::before {
11734 content: "\=";
11737 .fa-blender::before {
11738 content: "\f517";
11741 .fa-teeth::before {
11742 content: "\f62e";
11745 .fa-shekel-sign::before {
11746 content: "\f20b";
11749 .fa-ils::before {
11750 content: "\f20b";
11753 .fa-shekel::before {
11754 content: "\f20b";
11757 .fa-sheqel::before {
11758 content: "\f20b";
11761 .fa-sheqel-sign::before {
11762 content: "\f20b";
11765 .fa-map::before {
11766 content: "\f279";
11769 .fa-rocket::before {
11770 content: "\f135";
11773 .fa-photo-film::before {
11774 content: "\f87c";
11777 .fa-photo-video::before {
11778 content: "\f87c";
11781 .fa-folder-minus::before {
11782 content: "\f65d";
11785 .fa-store::before {
11786 content: "\f54e";
11789 .fa-arrow-trend-up::before {
11790 content: "\e098";
11793 .fa-plug-circle-minus::before {
11794 content: "\e55e";
11797 .fa-sign-hanging::before {
11798 content: "\f4d9";
11801 .fa-sign::before {
11802 content: "\f4d9";
11805 .fa-bezier-curve::before {
11806 content: "\f55b";
11809 .fa-bell-slash::before {
11810 content: "\f1f6";
11813 .fa-tablet::before {
11814 content: "\f3fb";
11817 .fa-tablet-android::before {
11818 content: "\f3fb";
11821 .fa-school-flag::before {
11822 content: "\e56e";
11825 .fa-fill::before {
11826 content: "\f575";
11829 .fa-angle-up::before {
11830 content: "\f106";
11833 .fa-drumstick-bite::before {
11834 content: "\f6d7";
11837 .fa-holly-berry::before {
11838 content: "\f7aa";
11841 .fa-chevron-left::before {
11842 content: "\f053";
11845 .fa-bacteria::before {
11846 content: "\e059";
11849 .fa-hand-lizard::before {
11850 content: "\f258";
11853 .fa-notdef::before {
11854 content: "\e1fe";
11857 .fa-disease::before {
11858 content: "\f7fa";
11861 .fa-briefcase-medical::before {
11862 content: "\f469";
11865 .fa-genderless::before {
11866 content: "\f22d";
11869 .fa-chevron-right::before {
11870 content: "\f054";
11873 .fa-retweet::before {
11874 content: "\f079";
11877 .fa-car-rear::before {
11878 content: "\f5de";
11881 .fa-car-alt::before {
11882 content: "\f5de";
11885 .fa-pump-soap::before {
11886 content: "\e06b";
11889 .fa-video-slash::before {
11890 content: "\f4e2";
11893 .fa-battery-quarter::before {
11894 content: "\f243";
11897 .fa-battery-2::before {
11898 content: "\f243";
11901 .fa-radio::before {
11902 content: "\f8d7";
11905 .fa-baby-carriage::before {
11906 content: "\f77d";
11909 .fa-carriage-baby::before {
11910 content: "\f77d";
11913 .fa-traffic-light::before {
11914 content: "\f637";
11917 .fa-thermometer::before {
11918 content: "\f491";
11921 .fa-vr-cardboard::before {
11922 content: "\f729";
11925 .fa-hand-middle-finger::before {
11926 content: "\f806";
11929 .fa-percent::before {
11930 content: "\%";
11933 .fa-percentage::before {
11934 content: "\%";
11937 .fa-truck-moving::before {
11938 content: "\f4df";
11941 .fa-glass-water-droplet::before {
11942 content: "\e4f5";
11945 .fa-display::before {
11946 content: "\e163";
11949 .fa-face-smile::before {
11950 content: "\f118";
11953 .fa-smile::before {
11954 content: "\f118";
11957 .fa-thumbtack::before {
11958 content: "\f08d";
11961 .fa-thumb-tack::before {
11962 content: "\f08d";
11965 .fa-trophy::before {
11966 content: "\f091";
11969 .fa-person-praying::before {
11970 content: "\f683";
11973 .fa-pray::before {
11974 content: "\f683";
11977 .fa-hammer::before {
11978 content: "\f6e3";
11981 .fa-hand-peace::before {
11982 content: "\f25b";
11985 .fa-rotate::before {
11986 content: "\f2f1";
11989 .fa-sync-alt::before {
11990 content: "\f2f1";
11993 .fa-spinner::before {
11994 content: "\f110";
11997 .fa-robot::before {
11998 content: "\f544";
12001 .fa-peace::before {
12002 content: "\f67c";
12005 .fa-gears::before {
12006 content: "\f085";
12009 .fa-cogs::before {
12010 content: "\f085";
12013 .fa-warehouse::before {
12014 content: "\f494";
12017 .fa-arrow-up-right-dots::before {
12018 content: "\e4b7";
12021 .fa-splotch::before {
12022 content: "\f5bc";
12025 .fa-face-grin-hearts::before {
12026 content: "\f584";
12029 .fa-grin-hearts::before {
12030 content: "\f584";
12033 .fa-dice-four::before {
12034 content: "\f524";
12037 .fa-sim-card::before {
12038 content: "\f7c4";
12041 .fa-transgender::before {
12042 content: "\f225";
12045 .fa-transgender-alt::before {
12046 content: "\f225";
12049 .fa-mercury::before {
12050 content: "\f223";
12053 .fa-arrow-turn-down::before {
12054 content: "\f149";
12057 .fa-level-down::before {
12058 content: "\f149";
12061 .fa-person-falling-burst::before {
12062 content: "\e547";
12065 .fa-award::before {
12066 content: "\f559";
12069 .fa-ticket-simple::before {
12070 content: "\f3ff";
12073 .fa-ticket-alt::before {
12074 content: "\f3ff";
12077 .fa-building::before {
12078 content: "\f1ad";
12081 .fa-angles-left::before {
12082 content: "\f100";
12085 .fa-angle-double-left::before {
12086 content: "\f100";
12089 .fa-qrcode::before {
12090 content: "\f029";
12093 .fa-clock-rotate-left::before {
12094 content: "\f1da";
12097 .fa-history::before {
12098 content: "\f1da";
12101 .fa-face-grin-beam-sweat::before {
12102 content: "\f583";
12105 .fa-grin-beam-sweat::before {
12106 content: "\f583";
12109 .fa-file-export::before {
12110 content: "\f56e";
12113 .fa-arrow-right-from-file::before {
12114 content: "\f56e";
12117 .fa-shield::before {
12118 content: "\f132";
12121 .fa-shield-blank::before {
12122 content: "\f132";
12125 .fa-arrow-up-short-wide::before {
12126 content: "\f885";
12129 .fa-sort-amount-up-alt::before {
12130 content: "\f885";
12133 .fa-house-medical::before {
12134 content: "\e3b2";
12137 .fa-golf-ball-tee::before {
12138 content: "\f450";
12141 .fa-golf-ball::before {
12142 content: "\f450";
12145 .fa-circle-chevron-left::before {
12146 content: "\f137";
12149 .fa-chevron-circle-left::before {
12150 content: "\f137";
12153 .fa-house-chimney-window::before {
12154 content: "\e00d";
12157 .fa-pen-nib::before {
12158 content: "\f5ad";
12161 .fa-tent-arrow-turn-left::before {
12162 content: "\e580";
12165 .fa-tents::before {
12166 content: "\e582";
12169 .fa-wand-magic::before {
12170 content: "\f0d0";
12173 .fa-magic::before {
12174 content: "\f0d0";
12177 .fa-dog::before {
12178 content: "\f6d3";
12181 .fa-carrot::before {
12182 content: "\f787";
12185 .fa-moon::before {
12186 content: "\f186";
12189 .fa-wine-glass-empty::before {
12190 content: "\f5ce";
12193 .fa-wine-glass-alt::before {
12194 content: "\f5ce";
12197 .fa-cheese::before {
12198 content: "\f7ef";
12201 .fa-yin-yang::before {
12202 content: "\f6ad";
12205 .fa-music::before {
12206 content: "\f001";
12209 .fa-code-commit::before {
12210 content: "\f386";
12213 .fa-temperature-low::before {
12214 content: "\f76b";
12217 .fa-person-biking::before {
12218 content: "\f84a";
12221 .fa-biking::before {
12222 content: "\f84a";
12225 .fa-broom::before {
12226 content: "\f51a";
12229 .fa-shield-heart::before {
12230 content: "\e574";
12233 .fa-gopuram::before {
12234 content: "\f664";
12237 .fa-earth-oceania::before {
12238 content: "\e47b";
12241 .fa-globe-oceania::before {
12242 content: "\e47b";
12245 .fa-square-xmark::before {
12246 content: "\f2d3";
12249 .fa-times-square::before {
12250 content: "\f2d3";
12253 .fa-xmark-square::before {
12254 content: "\f2d3";
12257 .fa-hashtag::before {
12258 content: "\#";
12261 .fa-up-right-and-down-left-from-center::before {
12262 content: "\f424";
12265 .fa-expand-alt::before {
12266 content: "\f424";
12269 .fa-oil-can::before {
12270 content: "\f613";
12273 .fa-t::before {
12274 content: "T";
12277 .fa-hippo::before {
12278 content: "\f6ed";
12281 .fa-chart-column::before {
12282 content: "\e0e3";
12285 .fa-infinity::before {
12286 content: "\f534";
12289 .fa-vial-circle-check::before {
12290 content: "\e596";
12293 .fa-person-arrow-down-to-line::before {
12294 content: "\e538";
12297 .fa-voicemail::before {
12298 content: "\f897";
12301 .fa-fan::before {
12302 content: "\f863";
12305 .fa-person-walking-luggage::before {
12306 content: "\e554";
12309 .fa-up-down::before {
12310 content: "\f338";
12313 .fa-arrows-alt-v::before {
12314 content: "\f338";
12317 .fa-cloud-moon-rain::before {
12318 content: "\f73c";
12321 .fa-calendar::before {
12322 content: "\f133";
12325 .fa-trailer::before {
12326 content: "\e041";
12329 .fa-bahai::before {
12330 content: "\f666";
12333 .fa-haykal::before {
12334 content: "\f666";
12337 .fa-sd-card::before {
12338 content: "\f7c2";
12341 .fa-dragon::before {
12342 content: "\f6d5";
12345 .fa-shoe-prints::before {
12346 content: "\f54b";
12349 .fa-circle-plus::before {
12350 content: "\f055";
12353 .fa-plus-circle::before {
12354 content: "\f055";
12357 .fa-face-grin-tongue-wink::before {
12358 content: "\f58b";
12361 .fa-grin-tongue-wink::before {
12362 content: "\f58b";
12365 .fa-hand-holding::before {
12366 content: "\f4bd";
12369 .fa-plug-circle-exclamation::before {
12370 content: "\e55d";
12373 .fa-link-slash::before {
12374 content: "\f127";
12377 .fa-chain-broken::before {
12378 content: "\f127";
12381 .fa-chain-slash::before {
12382 content: "\f127";
12385 .fa-unlink::before {
12386 content: "\f127";
12389 .fa-clone::before {
12390 content: "\f24d";
12393 .fa-person-walking-arrow-loop-left::before {
12394 content: "\e551";
12397 .fa-arrow-up-z-a::before {
12398 content: "\f882";
12401 .fa-sort-alpha-up-alt::before {
12402 content: "\f882";
12405 .fa-fire-flame-curved::before {
12406 content: "\f7e4";
12409 .fa-fire-alt::before {
12410 content: "\f7e4";
12413 .fa-tornado::before {
12414 content: "\f76f";
12417 .fa-file-circle-plus::before {
12418 content: "\e494";
12421 .fa-book-quran::before {
12422 content: "\f687";
12425 .fa-quran::before {
12426 content: "\f687";
12429 .fa-anchor::before {
12430 content: "\f13d";
12433 .fa-border-all::before {
12434 content: "\f84c";
12437 .fa-face-angry::before {
12438 content: "\f556";
12441 .fa-angry::before {
12442 content: "\f556";
12445 .fa-cookie-bite::before {
12446 content: "\f564";
12449 .fa-arrow-trend-down::before {
12450 content: "\e097";
12453 .fa-rss::before {
12454 content: "\f09e";
12457 .fa-feed::before {
12458 content: "\f09e";
12461 .fa-draw-polygon::before {
12462 content: "\f5ee";
12465 .fa-scale-balanced::before {
12466 content: "\f24e";
12469 .fa-balance-scale::before {
12470 content: "\f24e";
12473 .fa-gauge-simple-high::before {
12474 content: "\f62a";
12477 .fa-tachometer::before {
12478 content: "\f62a";
12481 .fa-tachometer-fast::before {
12482 content: "\f62a";
12485 .fa-shower::before {
12486 content: "\f2cc";
12489 .fa-desktop::before {
12490 content: "\f390";
12493 .fa-desktop-alt::before {
12494 content: "\f390";
12497 .fa-m::before {
12498 content: "M";
12501 .fa-table-list::before {
12502 content: "\f00b";
12505 .fa-th-list::before {
12506 content: "\f00b";
12509 .fa-comment-sms::before {
12510 content: "\f7cd";
12513 .fa-sms::before {
12514 content: "\f7cd";
12517 .fa-book::before {
12518 content: "\f02d";
12521 .fa-user-plus::before {
12522 content: "\f234";
12525 .fa-check::before {
12526 content: "\f00c";
12529 .fa-battery-three-quarters::before {
12530 content: "\f241";
12533 .fa-battery-4::before {
12534 content: "\f241";
12537 .fa-house-circle-check::before {
12538 content: "\e509";
12541 .fa-angle-left::before {
12542 content: "\f104";
12545 .fa-diagram-successor::before {
12546 content: "\e47a";
12549 .fa-truck-arrow-right::before {
12550 content: "\e58b";
12553 .fa-arrows-split-up-and-left::before {
12554 content: "\e4bc";
12557 .fa-hand-fist::before {
12558 content: "\f6de";
12561 .fa-fist-raised::before {
12562 content: "\f6de";
12565 .fa-cloud-moon::before {
12566 content: "\f6c3";
12569 .fa-briefcase::before {
12570 content: "\f0b1";
12573 .fa-person-falling::before {
12574 content: "\e546";
12577 .fa-image-portrait::before {
12578 content: "\f3e0";
12581 .fa-portrait::before {
12582 content: "\f3e0";
12585 .fa-user-tag::before {
12586 content: "\f507";
12589 .fa-rug::before {
12590 content: "\e569";
12593 .fa-earth-europe::before {
12594 content: "\f7a2";
12597 .fa-globe-europe::before {
12598 content: "\f7a2";
12601 .fa-cart-flatbed-suitcase::before {
12602 content: "\f59d";
12605 .fa-luggage-cart::before {
12606 content: "\f59d";
12609 .fa-rectangle-xmark::before {
12610 content: "\f410";
12613 .fa-rectangle-times::before {
12614 content: "\f410";
12617 .fa-times-rectangle::before {
12618 content: "\f410";
12621 .fa-window-close::before {
12622 content: "\f410";
12625 .fa-baht-sign::before {
12626 content: "\e0ac";
12629 .fa-book-open::before {
12630 content: "\f518";
12633 .fa-book-journal-whills::before {
12634 content: "\f66a";
12637 .fa-journal-whills::before {
12638 content: "\f66a";
12641 .fa-handcuffs::before {
12642 content: "\e4f8";
12645 .fa-triangle-exclamation::before {
12646 content: "\f071";
12649 .fa-exclamation-triangle::before {
12650 content: "\f071";
12653 .fa-warning::before {
12654 content: "\f071";
12657 .fa-database::before {
12658 content: "\f1c0";
12661 .fa-share::before {
12662 content: "\f064";
12665 .fa-arrow-turn-right::before {
12666 content: "\f064";
12669 .fa-mail-forward::before {
12670 content: "\f064";
12673 .fa-bottle-droplet::before {
12674 content: "\e4c4";
12677 .fa-mask-face::before {
12678 content: "\e1d7";
12681 .fa-hill-rockslide::before {
12682 content: "\e508";
12685 .fa-right-left::before {
12686 content: "\f362";
12689 .fa-exchange-alt::before {
12690 content: "\f362";
12693 .fa-paper-plane::before {
12694 content: "\f1d8";
12697 .fa-road-circle-exclamation::before {
12698 content: "\e565";
12701 .fa-dungeon::before {
12702 content: "\f6d9";
12705 .fa-align-right::before {
12706 content: "\f038";
12709 .fa-money-bill-1-wave::before {
12710 content: "\f53b";
12713 .fa-money-bill-wave-alt::before {
12714 content: "\f53b";
12717 .fa-life-ring::before {
12718 content: "\f1cd";
12721 .fa-hands::before {
12722 content: "\f2a7";
12725 .fa-sign-language::before {
12726 content: "\f2a7";
12729 .fa-signing::before {
12730 content: "\f2a7";
12733 .fa-calendar-day::before {
12734 content: "\f783";
12737 .fa-water-ladder::before {
12738 content: "\f5c5";
12741 .fa-ladder-water::before {
12742 content: "\f5c5";
12745 .fa-swimming-pool::before {
12746 content: "\f5c5";
12749 .fa-arrows-up-down::before {
12750 content: "\f07d";
12753 .fa-arrows-v::before {
12754 content: "\f07d";
12757 .fa-face-grimace::before {
12758 content: "\f57f";
12761 .fa-grimace::before {
12762 content: "\f57f";
12765 .fa-wheelchair-move::before {
12766 content: "\e2ce";
12769 .fa-wheelchair-alt::before {
12770 content: "\e2ce";
12773 .fa-turn-down::before {
12774 content: "\f3be";
12777 .fa-level-down-alt::before {
12778 content: "\f3be";
12781 .fa-person-walking-arrow-right::before {
12782 content: "\e552";
12785 .fa-square-envelope::before {
12786 content: "\f199";
12789 .fa-envelope-square::before {
12790 content: "\f199";
12793 .fa-dice::before {
12794 content: "\f522";
12797 .fa-bowling-ball::before {
12798 content: "\f436";
12801 .fa-brain::before {
12802 content: "\f5dc";
12805 .fa-bandage::before {
12806 content: "\f462";
12809 .fa-band-aid::before {
12810 content: "\f462";
12813 .fa-calendar-minus::before {
12814 content: "\f272";
12817 .fa-circle-xmark::before {
12818 content: "\f057";
12821 .fa-times-circle::before {
12822 content: "\f057";
12825 .fa-xmark-circle::before {
12826 content: "\f057";
12829 .fa-gifts::before {
12830 content: "\f79c";
12833 .fa-hotel::before {
12834 content: "\f594";
12837 .fa-earth-asia::before {
12838 content: "\f57e";
12841 .fa-globe-asia::before {
12842 content: "\f57e";
12845 .fa-id-card-clip::before {
12846 content: "\f47f";
12849 .fa-id-card-alt::before {
12850 content: "\f47f";
12853 .fa-magnifying-glass-plus::before {
12854 content: "\f00e";
12857 .fa-search-plus::before {
12858 content: "\f00e";
12861 .fa-thumbs-up::before {
12862 content: "\f164";
12865 .fa-user-clock::before {
12866 content: "\f4fd";
12869 .fa-hand-dots::before {
12870 content: "\f461";
12873 .fa-allergies::before {
12874 content: "\f461";
12877 .fa-file-invoice::before {
12878 content: "\f570";
12881 .fa-window-minimize::before {
12882 content: "\f2d1";
12885 .fa-mug-saucer::before {
12886 content: "\f0f4";
12889 .fa-coffee::before {
12890 content: "\f0f4";
12893 .fa-brush::before {
12894 content: "\f55d";
12897 .fa-mask::before {
12898 content: "\f6fa";
12901 .fa-magnifying-glass-minus::before {
12902 content: "\f010";
12905 .fa-search-minus::before {
12906 content: "\f010";
12909 .fa-ruler-vertical::before {
12910 content: "\f548";
12913 .fa-user-large::before {
12914 content: "\f406";
12917 .fa-user-alt::before {
12918 content: "\f406";
12921 .fa-train-tram::before {
12922 content: "\e5b4";
12925 .fa-user-nurse::before {
12926 content: "\f82f";
12929 .fa-syringe::before {
12930 content: "\f48e";
12933 .fa-cloud-sun::before {
12934 content: "\f6c4";
12937 .fa-stopwatch-20::before {
12938 content: "\e06f";
12941 .fa-square-full::before {
12942 content: "\f45c";
12945 .fa-magnet::before {
12946 content: "\f076";
12949 .fa-jar::before {
12950 content: "\e516";
12953 .fa-note-sticky::before {
12954 content: "\f249";
12957 .fa-sticky-note::before {
12958 content: "\f249";
12961 .fa-bug-slash::before {
12962 content: "\e490";
12965 .fa-arrow-up-from-water-pump::before {
12966 content: "\e4b6";
12969 .fa-bone::before {
12970 content: "\f5d7";
12973 .fa-user-injured::before {
12974 content: "\f728";
12977 .fa-face-sad-tear::before {
12978 content: "\f5b4";
12981 .fa-sad-tear::before {
12982 content: "\f5b4";
12985 .fa-plane::before {
12986 content: "\f072";
12989 .fa-tent-arrows-down::before {
12990 content: "\e581";
12993 .fa-exclamation::before {
12994 content: "\!";
12997 .fa-arrows-spin::before {
12998 content: "\e4bb";
13001 .fa-print::before {
13002 content: "\f02f";
13005 .fa-turkish-lira-sign::before {
13006 content: "\e2bb";
13009 .fa-try::before {
13010 content: "\e2bb";
13013 .fa-turkish-lira::before {
13014 content: "\e2bb";
13017 .fa-dollar-sign::before {
13018 content: "\$";
13021 .fa-dollar::before {
13022 content: "\$";
13025 .fa-usd::before {
13026 content: "\$";
13029 .fa-x::before {
13030 content: "X";
13033 .fa-magnifying-glass-dollar::before {
13034 content: "\f688";
13037 .fa-search-dollar::before {
13038 content: "\f688";
13041 .fa-users-gear::before {
13042 content: "\f509";
13045 .fa-users-cog::before {
13046 content: "\f509";
13049 .fa-person-military-pointing::before {
13050 content: "\e54a";
13053 .fa-building-columns::before {
13054 content: "\f19c";
13057 .fa-bank::before {
13058 content: "\f19c";
13061 .fa-institution::before {
13062 content: "\f19c";
13065 .fa-museum::before {
13066 content: "\f19c";
13069 .fa-university::before {
13070 content: "\f19c";
13073 .fa-umbrella::before {
13074 content: "\f0e9";
13077 .fa-trowel::before {
13078 content: "\e589";
13081 .fa-d::before {
13082 content: "D";
13085 .fa-stapler::before {
13086 content: "\e5af";
13089 .fa-masks-theater::before {
13090 content: "\f630";
13093 .fa-theater-masks::before {
13094 content: "\f630";
13097 .fa-kip-sign::before {
13098 content: "\e1c4";
13101 .fa-hand-point-left::before {
13102 content: "\f0a5";
13105 .fa-handshake-simple::before {
13106 content: "\f4c6";
13109 .fa-handshake-alt::before {
13110 content: "\f4c6";
13113 .fa-jet-fighter::before {
13114 content: "\f0fb";
13117 .fa-fighter-jet::before {
13118 content: "\f0fb";
13121 .fa-square-share-nodes::before {
13122 content: "\f1e1";
13125 .fa-share-alt-square::before {
13126 content: "\f1e1";
13129 .fa-barcode::before {
13130 content: "\f02a";
13133 .fa-plus-minus::before {
13134 content: "\e43c";
13137 .fa-video::before {
13138 content: "\f03d";
13141 .fa-video-camera::before {
13142 content: "\f03d";
13145 .fa-graduation-cap::before {
13146 content: "\f19d";
13149 .fa-mortar-board::before {
13150 content: "\f19d";
13153 .fa-hand-holding-medical::before {
13154 content: "\e05c";
13157 .fa-person-circle-check::before {
13158 content: "\e53e";
13161 .fa-turn-up::before {
13162 content: "\f3bf";
13165 .fa-level-up-alt::before {
13166 content: "\f3bf";
13169 .sr-only,
13170 .fa-sr-only {
13171 position: absolute;
13172 width: 1px;
13173 height: 1px;
13174 padding: 0;
13175 margin: -1px;
13176 overflow: hidden;
13177 clip: rect(0, 0, 0, 0);
13178 white-space: nowrap;
13179 border-width: 0;
13182 .sr-only-focusable:not(:focus),
13183 .fa-sr-only-focusable:not(:focus) {
13184 position: absolute;
13185 width: 1px;
13186 height: 1px;
13187 padding: 0;
13188 margin: -1px;
13189 overflow: hidden;
13190 clip: rect(0, 0, 0, 0);
13191 white-space: nowrap;
13192 border-width: 0;
13196 * Bootstrap v4.6.2 (https://getbootstrap.com/)
13197 * Copyright 2011-2022 The Bootstrap Authors
13198 * Copyright 2011-2022 Twitter, Inc.
13199 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
13201 :root {
13202 --blue: #0f6cbf;
13203 --indigo: #6610f2;
13204 --purple: #613d7c;
13205 --pink: #e83e8c;
13206 --red: #ca3120;
13207 --orange: #f0ad4e;
13208 --yellow: #ff7518;
13209 --green: #357a32;
13210 --teal: #20c997;
13211 --cyan: #008196;
13212 --white: #fff;
13213 --gray: #6a737b;
13214 --gray-dark: #343a40;
13215 --primary: #0f6cbf;
13216 --secondary: #ced4da;
13217 --success: #357a32;
13218 --info: #008196;
13219 --warning: #f0ad4e;
13220 --danger: #ca3120;
13221 --light: #f8f9fa;
13222 --dark: #343a40;
13223 --breakpoint-xs: 0;
13224 --breakpoint-sm: 576px;
13225 --breakpoint-md: 768px;
13226 --breakpoint-lg: 992px;
13227 --breakpoint-xl: 1200px;
13228 --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13229 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13233 *::before,
13234 *::after {
13235 box-sizing: border-box;
13238 html {
13239 font-family: sans-serif;
13240 line-height: 1.15;
13241 -webkit-text-size-adjust: 100%;
13242 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13245 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
13246 display: block;
13249 body {
13250 margin: 0;
13251 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13252 font-size: 0.9375rem;
13253 font-weight: 400;
13254 line-height: 1.5;
13255 color: #1d2125;
13256 text-align: left;
13257 background-color: #fff;
13259 @media (max-width: 1200px) {
13260 body {
13261 font-size: calc(0.90375rem + 0.045vw);
13265 [tabindex="-1"]:focus:not(:focus-visible) {
13266 outline: 0 !important;
13269 hr {
13270 box-sizing: content-box;
13271 height: 0;
13272 overflow: visible;
13275 h1, h2, h3, h4, h5, h6 {
13276 margin-top: 0;
13277 margin-bottom: 0.5rem;
13281 margin-top: 0;
13282 margin-bottom: 1rem;
13285 abbr[title],
13286 abbr[data-original-title] {
13287 text-decoration: underline;
13288 text-decoration: underline dotted;
13289 cursor: help;
13290 border-bottom: 0;
13291 text-decoration-skip-ink: none;
13294 address {
13295 margin-bottom: 1rem;
13296 font-style: normal;
13297 line-height: inherit;
13302 dl {
13303 margin-top: 0;
13304 margin-bottom: 1rem;
13307 ol ol,
13308 ul ul,
13309 ol ul,
13310 ul ol {
13311 margin-bottom: 0;
13314 dt {
13315 font-weight: 700;
13318 dd {
13319 margin-bottom: 0.5rem;
13320 margin-left: 0;
13323 blockquote {
13324 margin: 0 0 1rem;
13328 strong {
13329 font-weight: bolder;
13332 small {
13333 font-size: 80%;
13336 sub,
13337 sup {
13338 position: relative;
13339 font-size: 75%;
13340 line-height: 0;
13341 vertical-align: baseline;
13344 sub {
13345 bottom: -0.25em;
13348 sup {
13349 top: -0.5em;
13353 color: #0f6cbf;
13354 text-decoration: none;
13355 background-color: transparent;
13357 a:hover {
13358 color: #094478;
13359 text-decoration: underline;
13362 a:not([href]):not([class]) {
13363 color: inherit;
13364 text-decoration: none;
13366 a:not([href]):not([class]):hover {
13367 color: inherit;
13368 text-decoration: none;
13371 pre,
13372 code,
13373 kbd,
13374 samp {
13375 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13376 font-size: 1em;
13379 pre {
13380 margin-top: 0;
13381 margin-bottom: 1rem;
13382 overflow: auto;
13383 -ms-overflow-style: scrollbar;
13386 figure {
13387 margin: 0 0 1rem;
13390 img {
13391 vertical-align: middle;
13392 border-style: none;
13395 svg {
13396 overflow: hidden;
13397 vertical-align: middle;
13400 table {
13401 border-collapse: collapse;
13404 caption {
13405 padding-top: 0.75rem;
13406 padding-bottom: 0.75rem;
13407 color: #6a737b;
13408 text-align: left;
13409 caption-side: bottom;
13412 th {
13413 text-align: inherit;
13414 text-align: -webkit-match-parent;
13417 label {
13418 display: inline-block;
13419 margin-bottom: 0.5rem;
13422 button {
13423 border-radius: 0;
13426 button:focus:not(:focus-visible) {
13427 outline: 0;
13430 input,
13431 button,
13432 select,
13433 optgroup,
13434 textarea {
13435 margin: 0;
13436 font-family: inherit;
13437 font-size: inherit;
13438 line-height: inherit;
13441 button,
13442 input {
13443 overflow: visible;
13446 button,
13447 select {
13448 text-transform: none;
13451 [role=button] {
13452 cursor: pointer;
13455 select {
13456 word-wrap: normal;
13459 button,
13460 [type=button],
13461 [type=reset],
13462 [type=submit] {
13463 -webkit-appearance: button;
13466 button:not(:disabled),
13467 [type=button]:not(:disabled),
13468 [type=reset]:not(:disabled),
13469 [type=submit]:not(:disabled) {
13470 cursor: pointer;
13473 button::-moz-focus-inner,
13474 [type=button]::-moz-focus-inner,
13475 [type=reset]::-moz-focus-inner,
13476 [type=submit]::-moz-focus-inner {
13477 padding: 0;
13478 border-style: none;
13481 input[type=radio],
13482 input[type=checkbox] {
13483 box-sizing: border-box;
13484 padding: 0;
13487 textarea {
13488 overflow: auto;
13489 resize: vertical;
13492 fieldset {
13493 min-width: 0;
13494 padding: 0;
13495 margin: 0;
13496 border: 0;
13499 legend {
13500 display: block;
13501 width: 100%;
13502 max-width: 100%;
13503 padding: 0;
13504 margin-bottom: 0.5rem;
13505 font-size: 1.5rem;
13506 line-height: inherit;
13507 color: inherit;
13508 white-space: normal;
13510 @media (max-width: 1200px) {
13511 legend {
13512 font-size: calc(0.96rem + 0.72vw);
13516 progress {
13517 vertical-align: baseline;
13520 [type=number]::-webkit-inner-spin-button,
13521 [type=number]::-webkit-outer-spin-button {
13522 height: auto;
13525 [type=search] {
13526 outline-offset: -2px;
13527 -webkit-appearance: none;
13530 [type=search]::-webkit-search-decoration {
13531 -webkit-appearance: none;
13534 ::-webkit-file-upload-button {
13535 font: inherit;
13536 -webkit-appearance: button;
13539 output {
13540 display: inline-block;
13543 summary {
13544 display: list-item;
13545 cursor: pointer;
13548 template {
13549 display: none;
13552 [hidden] {
13553 display: none !important;
13556 h1, h2, h3, h4, h5, h6,
13557 .h1, .h2, .h3, .h4, .h5, .h6 {
13558 margin-bottom: 0.5rem;
13559 font-weight: 700;
13560 line-height: 1.2;
13563 h1, .h1 {
13564 font-size: 2.34375rem;
13566 @media (max-width: 1200px) {
13567 h1, .h1 {
13568 font-size: calc(1.044375rem + 1.7325vw);
13572 h2, .h2 {
13573 font-size: 1.875rem;
13575 @media (max-width: 1200px) {
13576 h2, .h2 {
13577 font-size: calc(0.9975rem + 1.17vw);
13581 h3, .h3 {
13582 font-size: 1.640625rem;
13584 @media (max-width: 1200px) {
13585 h3, .h3 {
13586 font-size: calc(0.9740625rem + 0.88875vw);
13590 h4, .h4 {
13591 font-size: 1.40625rem;
13593 @media (max-width: 1200px) {
13594 h4, .h4 {
13595 font-size: calc(0.950625rem + 0.6075vw);
13599 h5, .h5 {
13600 font-size: 1.171875rem;
13602 @media (max-width: 1200px) {
13603 h5, .h5 {
13604 font-size: calc(0.9271875rem + 0.32625vw);
13608 h6, .h6 {
13609 font-size: 0.9375rem;
13611 @media (max-width: 1200px) {
13612 h6, .h6 {
13613 font-size: calc(0.90375rem + 0.045vw);
13617 .lead {
13618 font-size: 1.171875rem;
13619 font-weight: 300;
13621 @media (max-width: 1200px) {
13622 .lead {
13623 font-size: calc(0.9271875rem + 0.32625vw);
13627 .display-1 {
13628 font-size: 6rem;
13629 font-weight: 300;
13630 line-height: 1.2;
13632 @media (max-width: 1200px) {
13633 .display-1 {
13634 font-size: calc(1.41rem + 6.12vw);
13638 .display-2 {
13639 font-size: 5.5rem;
13640 font-weight: 300;
13641 line-height: 1.2;
13643 @media (max-width: 1200px) {
13644 .display-2 {
13645 font-size: calc(1.36rem + 5.52vw);
13649 .display-3 {
13650 font-size: 4.5rem;
13651 font-weight: 300;
13652 line-height: 1.2;
13654 @media (max-width: 1200px) {
13655 .display-3 {
13656 font-size: calc(1.26rem + 4.32vw);
13660 .display-4 {
13661 font-size: 3.5rem;
13662 font-weight: 300;
13663 line-height: 1.2;
13665 @media (max-width: 1200px) {
13666 .display-4 {
13667 font-size: calc(1.16rem + 3.12vw);
13671 hr {
13672 margin-top: 1rem;
13673 margin-bottom: 1rem;
13674 border: 0;
13675 border-top: 1px solid rgba(0, 0, 0, 0.1);
13678 small,
13679 .small {
13680 font-size: 0.875em;
13681 font-weight: 400;
13684 mark,
13685 .mark {
13686 padding: 0.2em;
13687 background-color: #fcf8e3;
13690 .list-unstyled {
13691 padding-left: 0;
13692 list-style: none;
13695 .list-inline {
13696 padding-left: 0;
13697 list-style: none;
13700 .list-inline-item {
13701 display: inline-block;
13703 .list-inline-item:not(:last-child) {
13704 margin-right: 0.5rem;
13707 .initialism {
13708 font-size: 90%;
13709 text-transform: uppercase;
13712 .blockquote {
13713 margin-bottom: 1rem;
13714 font-size: 1.171875rem;
13716 @media (max-width: 1200px) {
13717 .blockquote {
13718 font-size: calc(0.9271875rem + 0.32625vw);
13722 .blockquote-footer {
13723 display: block;
13724 font-size: 0.875em;
13725 color: #6a737b;
13727 .blockquote-footer::before {
13728 content: "— ";
13731 .img-fluid {
13732 max-width: 100%;
13733 height: auto;
13736 .img-thumbnail {
13737 padding: 0.25rem;
13738 background-color: #fff;
13739 border: 1px solid #dee2e6;
13740 border-radius: 0.5rem;
13741 max-width: 100%;
13742 height: auto;
13745 .figure {
13746 display: inline-block;
13749 .figure-img {
13750 margin-bottom: 0.5rem;
13751 line-height: 1;
13754 .figure-caption {
13755 font-size: 90%;
13756 color: #6a737b;
13759 code {
13760 font-size: 87.5%;
13761 color: #e83e8c;
13762 word-wrap: break-word;
13764 a > code {
13765 color: inherit;
13768 kbd {
13769 padding: 0.2rem 0.4rem;
13770 font-size: 87.5%;
13771 color: #fff;
13772 background-color: #1d2125;
13773 border-radius: 0.2rem;
13775 kbd kbd {
13776 padding: 0;
13777 font-size: 100%;
13778 font-weight: 700;
13781 pre {
13782 display: block;
13783 font-size: 87.5%;
13784 color: #1d2125;
13786 pre code {
13787 font-size: inherit;
13788 color: inherit;
13789 word-break: normal;
13792 .pre-scrollable {
13793 max-height: 340px;
13794 overflow-y: scroll;
13797 .container,
13798 .container-fluid,
13799 .container-xl,
13800 .container-lg,
13801 .container-md,
13802 .container-sm {
13803 width: 100%;
13804 padding-right: 15px;
13805 padding-left: 15px;
13806 margin-right: auto;
13807 margin-left: auto;
13810 @media (min-width: 576px) {
13811 .container-sm, .container {
13812 max-width: 540px;
13815 @media (min-width: 768px) {
13816 .container-md, .container-sm, .container {
13817 max-width: 720px;
13820 @media (min-width: 992px) {
13821 .container-lg, .container-md, .container-sm, .container {
13822 max-width: 960px;
13825 @media (min-width: 1200px) {
13826 .container-xl, .container-lg, .container-md, .container-sm, .container {
13827 max-width: 1140px;
13830 .row {
13831 display: flex;
13832 flex-wrap: wrap;
13833 margin-right: -15px;
13834 margin-left: -15px;
13837 .no-gutters {
13838 margin-right: 0;
13839 margin-left: 0;
13841 .no-gutters > .col,
13842 .no-gutters > [class*=col-] {
13843 padding-right: 0;
13844 padding-left: 0;
13847 .col-xl,
13848 .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
13849 .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
13850 .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
13851 .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
13852 .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
13853 position: relative;
13854 width: 100%;
13855 padding-right: 15px;
13856 padding-left: 15px;
13859 .col {
13860 flex-basis: 0;
13861 flex-grow: 1;
13862 max-width: 100%;
13865 .row-cols-1 > * {
13866 flex: 0 0 100%;
13867 max-width: 100%;
13870 .row-cols-2 > * {
13871 flex: 0 0 50%;
13872 max-width: 50%;
13875 .row-cols-3 > * {
13876 flex: 0 0 33.3333333333%;
13877 max-width: 33.3333333333%;
13880 .row-cols-4 > * {
13881 flex: 0 0 25%;
13882 max-width: 25%;
13885 .row-cols-5 > * {
13886 flex: 0 0 20%;
13887 max-width: 20%;
13890 .row-cols-6 > * {
13891 flex: 0 0 16.6666666667%;
13892 max-width: 16.6666666667%;
13895 .col-auto {
13896 flex: 0 0 auto;
13897 width: auto;
13898 max-width: 100%;
13901 .col-1 {
13902 flex: 0 0 8.33333333%;
13903 max-width: 8.33333333%;
13906 .col-2 {
13907 flex: 0 0 16.66666667%;
13908 max-width: 16.66666667%;
13911 .col-3 {
13912 flex: 0 0 25%;
13913 max-width: 25%;
13916 .col-4 {
13917 flex: 0 0 33.33333333%;
13918 max-width: 33.33333333%;
13921 .col-5 {
13922 flex: 0 0 41.66666667%;
13923 max-width: 41.66666667%;
13926 .col-6 {
13927 flex: 0 0 50%;
13928 max-width: 50%;
13931 .col-7 {
13932 flex: 0 0 58.33333333%;
13933 max-width: 58.33333333%;
13936 .col-8 {
13937 flex: 0 0 66.66666667%;
13938 max-width: 66.66666667%;
13941 .col-9 {
13942 flex: 0 0 75%;
13943 max-width: 75%;
13946 .col-10 {
13947 flex: 0 0 83.33333333%;
13948 max-width: 83.33333333%;
13951 .col-11 {
13952 flex: 0 0 91.66666667%;
13953 max-width: 91.66666667%;
13956 .col-12 {
13957 flex: 0 0 100%;
13958 max-width: 100%;
13961 .order-first {
13962 order: -1;
13965 .order-last {
13966 order: 13;
13969 .order-0 {
13970 order: 0;
13973 .order-1 {
13974 order: 1;
13977 .order-2 {
13978 order: 2;
13981 .order-3 {
13982 order: 3;
13985 .order-4 {
13986 order: 4;
13989 .order-5 {
13990 order: 5;
13993 .order-6 {
13994 order: 6;
13997 .order-7 {
13998 order: 7;
14001 .order-8 {
14002 order: 8;
14005 .order-9 {
14006 order: 9;
14009 .order-10 {
14010 order: 10;
14013 .order-11 {
14014 order: 11;
14017 .order-12 {
14018 order: 12;
14021 .offset-1 {
14022 margin-left: 8.33333333%;
14025 .offset-2 {
14026 margin-left: 16.66666667%;
14029 .offset-3 {
14030 margin-left: 25%;
14033 .offset-4 {
14034 margin-left: 33.33333333%;
14037 .offset-5 {
14038 margin-left: 41.66666667%;
14041 .offset-6 {
14042 margin-left: 50%;
14045 .offset-7 {
14046 margin-left: 58.33333333%;
14049 .offset-8 {
14050 margin-left: 66.66666667%;
14053 .offset-9 {
14054 margin-left: 75%;
14057 .offset-10 {
14058 margin-left: 83.33333333%;
14061 .offset-11 {
14062 margin-left: 91.66666667%;
14065 @media (min-width: 576px) {
14066 .col-sm {
14067 flex-basis: 0;
14068 flex-grow: 1;
14069 max-width: 100%;
14071 .row-cols-sm-1 > * {
14072 flex: 0 0 100%;
14073 max-width: 100%;
14075 .row-cols-sm-2 > * {
14076 flex: 0 0 50%;
14077 max-width: 50%;
14079 .row-cols-sm-3 > * {
14080 flex: 0 0 33.3333333333%;
14081 max-width: 33.3333333333%;
14083 .row-cols-sm-4 > * {
14084 flex: 0 0 25%;
14085 max-width: 25%;
14087 .row-cols-sm-5 > * {
14088 flex: 0 0 20%;
14089 max-width: 20%;
14091 .row-cols-sm-6 > * {
14092 flex: 0 0 16.6666666667%;
14093 max-width: 16.6666666667%;
14095 .col-sm-auto {
14096 flex: 0 0 auto;
14097 width: auto;
14098 max-width: 100%;
14100 .col-sm-1 {
14101 flex: 0 0 8.33333333%;
14102 max-width: 8.33333333%;
14104 .col-sm-2 {
14105 flex: 0 0 16.66666667%;
14106 max-width: 16.66666667%;
14108 .col-sm-3 {
14109 flex: 0 0 25%;
14110 max-width: 25%;
14112 .col-sm-4 {
14113 flex: 0 0 33.33333333%;
14114 max-width: 33.33333333%;
14116 .col-sm-5 {
14117 flex: 0 0 41.66666667%;
14118 max-width: 41.66666667%;
14120 .col-sm-6 {
14121 flex: 0 0 50%;
14122 max-width: 50%;
14124 .col-sm-7 {
14125 flex: 0 0 58.33333333%;
14126 max-width: 58.33333333%;
14128 .col-sm-8 {
14129 flex: 0 0 66.66666667%;
14130 max-width: 66.66666667%;
14132 .col-sm-9 {
14133 flex: 0 0 75%;
14134 max-width: 75%;
14136 .col-sm-10 {
14137 flex: 0 0 83.33333333%;
14138 max-width: 83.33333333%;
14140 .col-sm-11 {
14141 flex: 0 0 91.66666667%;
14142 max-width: 91.66666667%;
14144 .col-sm-12 {
14145 flex: 0 0 100%;
14146 max-width: 100%;
14148 .order-sm-first {
14149 order: -1;
14151 .order-sm-last {
14152 order: 13;
14154 .order-sm-0 {
14155 order: 0;
14157 .order-sm-1 {
14158 order: 1;
14160 .order-sm-2 {
14161 order: 2;
14163 .order-sm-3 {
14164 order: 3;
14166 .order-sm-4 {
14167 order: 4;
14169 .order-sm-5 {
14170 order: 5;
14172 .order-sm-6 {
14173 order: 6;
14175 .order-sm-7 {
14176 order: 7;
14178 .order-sm-8 {
14179 order: 8;
14181 .order-sm-9 {
14182 order: 9;
14184 .order-sm-10 {
14185 order: 10;
14187 .order-sm-11 {
14188 order: 11;
14190 .order-sm-12 {
14191 order: 12;
14193 .offset-sm-0 {
14194 margin-left: 0;
14196 .offset-sm-1 {
14197 margin-left: 8.33333333%;
14199 .offset-sm-2 {
14200 margin-left: 16.66666667%;
14202 .offset-sm-3 {
14203 margin-left: 25%;
14205 .offset-sm-4 {
14206 margin-left: 33.33333333%;
14208 .offset-sm-5 {
14209 margin-left: 41.66666667%;
14211 .offset-sm-6 {
14212 margin-left: 50%;
14214 .offset-sm-7 {
14215 margin-left: 58.33333333%;
14217 .offset-sm-8 {
14218 margin-left: 66.66666667%;
14220 .offset-sm-9 {
14221 margin-left: 75%;
14223 .offset-sm-10 {
14224 margin-left: 83.33333333%;
14226 .offset-sm-11 {
14227 margin-left: 91.66666667%;
14230 @media (min-width: 768px) {
14231 .col-md {
14232 flex-basis: 0;
14233 flex-grow: 1;
14234 max-width: 100%;
14236 .row-cols-md-1 > * {
14237 flex: 0 0 100%;
14238 max-width: 100%;
14240 .row-cols-md-2 > * {
14241 flex: 0 0 50%;
14242 max-width: 50%;
14244 .row-cols-md-3 > * {
14245 flex: 0 0 33.3333333333%;
14246 max-width: 33.3333333333%;
14248 .row-cols-md-4 > * {
14249 flex: 0 0 25%;
14250 max-width: 25%;
14252 .row-cols-md-5 > * {
14253 flex: 0 0 20%;
14254 max-width: 20%;
14256 .row-cols-md-6 > * {
14257 flex: 0 0 16.6666666667%;
14258 max-width: 16.6666666667%;
14260 .col-md-auto {
14261 flex: 0 0 auto;
14262 width: auto;
14263 max-width: 100%;
14265 .col-md-1 {
14266 flex: 0 0 8.33333333%;
14267 max-width: 8.33333333%;
14269 .col-md-2 {
14270 flex: 0 0 16.66666667%;
14271 max-width: 16.66666667%;
14273 .col-md-3 {
14274 flex: 0 0 25%;
14275 max-width: 25%;
14277 .col-md-4 {
14278 flex: 0 0 33.33333333%;
14279 max-width: 33.33333333%;
14281 .col-md-5 {
14282 flex: 0 0 41.66666667%;
14283 max-width: 41.66666667%;
14285 .col-md-6 {
14286 flex: 0 0 50%;
14287 max-width: 50%;
14289 .col-md-7 {
14290 flex: 0 0 58.33333333%;
14291 max-width: 58.33333333%;
14293 .col-md-8 {
14294 flex: 0 0 66.66666667%;
14295 max-width: 66.66666667%;
14297 .col-md-9 {
14298 flex: 0 0 75%;
14299 max-width: 75%;
14301 .col-md-10 {
14302 flex: 0 0 83.33333333%;
14303 max-width: 83.33333333%;
14305 .col-md-11 {
14306 flex: 0 0 91.66666667%;
14307 max-width: 91.66666667%;
14309 .col-md-12 {
14310 flex: 0 0 100%;
14311 max-width: 100%;
14313 .order-md-first {
14314 order: -1;
14316 .order-md-last {
14317 order: 13;
14319 .order-md-0 {
14320 order: 0;
14322 .order-md-1 {
14323 order: 1;
14325 .order-md-2 {
14326 order: 2;
14328 .order-md-3 {
14329 order: 3;
14331 .order-md-4 {
14332 order: 4;
14334 .order-md-5 {
14335 order: 5;
14337 .order-md-6 {
14338 order: 6;
14340 .order-md-7 {
14341 order: 7;
14343 .order-md-8 {
14344 order: 8;
14346 .order-md-9 {
14347 order: 9;
14349 .order-md-10 {
14350 order: 10;
14352 .order-md-11 {
14353 order: 11;
14355 .order-md-12 {
14356 order: 12;
14358 .offset-md-0 {
14359 margin-left: 0;
14361 .offset-md-1 {
14362 margin-left: 8.33333333%;
14364 .offset-md-2 {
14365 margin-left: 16.66666667%;
14367 .offset-md-3 {
14368 margin-left: 25%;
14370 .offset-md-4 {
14371 margin-left: 33.33333333%;
14373 .offset-md-5 {
14374 margin-left: 41.66666667%;
14376 .offset-md-6 {
14377 margin-left: 50%;
14379 .offset-md-7 {
14380 margin-left: 58.33333333%;
14382 .offset-md-8 {
14383 margin-left: 66.66666667%;
14385 .offset-md-9 {
14386 margin-left: 75%;
14388 .offset-md-10 {
14389 margin-left: 83.33333333%;
14391 .offset-md-11 {
14392 margin-left: 91.66666667%;
14395 @media (min-width: 992px) {
14396 .col-lg {
14397 flex-basis: 0;
14398 flex-grow: 1;
14399 max-width: 100%;
14401 .row-cols-lg-1 > * {
14402 flex: 0 0 100%;
14403 max-width: 100%;
14405 .row-cols-lg-2 > * {
14406 flex: 0 0 50%;
14407 max-width: 50%;
14409 .row-cols-lg-3 > * {
14410 flex: 0 0 33.3333333333%;
14411 max-width: 33.3333333333%;
14413 .row-cols-lg-4 > * {
14414 flex: 0 0 25%;
14415 max-width: 25%;
14417 .row-cols-lg-5 > * {
14418 flex: 0 0 20%;
14419 max-width: 20%;
14421 .row-cols-lg-6 > * {
14422 flex: 0 0 16.6666666667%;
14423 max-width: 16.6666666667%;
14425 .col-lg-auto {
14426 flex: 0 0 auto;
14427 width: auto;
14428 max-width: 100%;
14430 .col-lg-1 {
14431 flex: 0 0 8.33333333%;
14432 max-width: 8.33333333%;
14434 .col-lg-2 {
14435 flex: 0 0 16.66666667%;
14436 max-width: 16.66666667%;
14438 .col-lg-3 {
14439 flex: 0 0 25%;
14440 max-width: 25%;
14442 .col-lg-4 {
14443 flex: 0 0 33.33333333%;
14444 max-width: 33.33333333%;
14446 .col-lg-5 {
14447 flex: 0 0 41.66666667%;
14448 max-width: 41.66666667%;
14450 .col-lg-6 {
14451 flex: 0 0 50%;
14452 max-width: 50%;
14454 .col-lg-7 {
14455 flex: 0 0 58.33333333%;
14456 max-width: 58.33333333%;
14458 .col-lg-8 {
14459 flex: 0 0 66.66666667%;
14460 max-width: 66.66666667%;
14462 .col-lg-9 {
14463 flex: 0 0 75%;
14464 max-width: 75%;
14466 .col-lg-10 {
14467 flex: 0 0 83.33333333%;
14468 max-width: 83.33333333%;
14470 .col-lg-11 {
14471 flex: 0 0 91.66666667%;
14472 max-width: 91.66666667%;
14474 .col-lg-12 {
14475 flex: 0 0 100%;
14476 max-width: 100%;
14478 .order-lg-first {
14479 order: -1;
14481 .order-lg-last {
14482 order: 13;
14484 .order-lg-0 {
14485 order: 0;
14487 .order-lg-1 {
14488 order: 1;
14490 .order-lg-2 {
14491 order: 2;
14493 .order-lg-3 {
14494 order: 3;
14496 .order-lg-4 {
14497 order: 4;
14499 .order-lg-5 {
14500 order: 5;
14502 .order-lg-6 {
14503 order: 6;
14505 .order-lg-7 {
14506 order: 7;
14508 .order-lg-8 {
14509 order: 8;
14511 .order-lg-9 {
14512 order: 9;
14514 .order-lg-10 {
14515 order: 10;
14517 .order-lg-11 {
14518 order: 11;
14520 .order-lg-12 {
14521 order: 12;
14523 .offset-lg-0 {
14524 margin-left: 0;
14526 .offset-lg-1 {
14527 margin-left: 8.33333333%;
14529 .offset-lg-2 {
14530 margin-left: 16.66666667%;
14532 .offset-lg-3 {
14533 margin-left: 25%;
14535 .offset-lg-4 {
14536 margin-left: 33.33333333%;
14538 .offset-lg-5 {
14539 margin-left: 41.66666667%;
14541 .offset-lg-6 {
14542 margin-left: 50%;
14544 .offset-lg-7 {
14545 margin-left: 58.33333333%;
14547 .offset-lg-8 {
14548 margin-left: 66.66666667%;
14550 .offset-lg-9 {
14551 margin-left: 75%;
14553 .offset-lg-10 {
14554 margin-left: 83.33333333%;
14556 .offset-lg-11 {
14557 margin-left: 91.66666667%;
14560 @media (min-width: 1200px) {
14561 .col-xl {
14562 flex-basis: 0;
14563 flex-grow: 1;
14564 max-width: 100%;
14566 .row-cols-xl-1 > * {
14567 flex: 0 0 100%;
14568 max-width: 100%;
14570 .row-cols-xl-2 > * {
14571 flex: 0 0 50%;
14572 max-width: 50%;
14574 .row-cols-xl-3 > * {
14575 flex: 0 0 33.3333333333%;
14576 max-width: 33.3333333333%;
14578 .row-cols-xl-4 > * {
14579 flex: 0 0 25%;
14580 max-width: 25%;
14582 .row-cols-xl-5 > * {
14583 flex: 0 0 20%;
14584 max-width: 20%;
14586 .row-cols-xl-6 > * {
14587 flex: 0 0 16.6666666667%;
14588 max-width: 16.6666666667%;
14590 .col-xl-auto {
14591 flex: 0 0 auto;
14592 width: auto;
14593 max-width: 100%;
14595 .col-xl-1 {
14596 flex: 0 0 8.33333333%;
14597 max-width: 8.33333333%;
14599 .col-xl-2 {
14600 flex: 0 0 16.66666667%;
14601 max-width: 16.66666667%;
14603 .col-xl-3 {
14604 flex: 0 0 25%;
14605 max-width: 25%;
14607 .col-xl-4 {
14608 flex: 0 0 33.33333333%;
14609 max-width: 33.33333333%;
14611 .col-xl-5 {
14612 flex: 0 0 41.66666667%;
14613 max-width: 41.66666667%;
14615 .col-xl-6 {
14616 flex: 0 0 50%;
14617 max-width: 50%;
14619 .col-xl-7 {
14620 flex: 0 0 58.33333333%;
14621 max-width: 58.33333333%;
14623 .col-xl-8 {
14624 flex: 0 0 66.66666667%;
14625 max-width: 66.66666667%;
14627 .col-xl-9 {
14628 flex: 0 0 75%;
14629 max-width: 75%;
14631 .col-xl-10 {
14632 flex: 0 0 83.33333333%;
14633 max-width: 83.33333333%;
14635 .col-xl-11 {
14636 flex: 0 0 91.66666667%;
14637 max-width: 91.66666667%;
14639 .col-xl-12 {
14640 flex: 0 0 100%;
14641 max-width: 100%;
14643 .order-xl-first {
14644 order: -1;
14646 .order-xl-last {
14647 order: 13;
14649 .order-xl-0 {
14650 order: 0;
14652 .order-xl-1 {
14653 order: 1;
14655 .order-xl-2 {
14656 order: 2;
14658 .order-xl-3 {
14659 order: 3;
14661 .order-xl-4 {
14662 order: 4;
14664 .order-xl-5 {
14665 order: 5;
14667 .order-xl-6 {
14668 order: 6;
14670 .order-xl-7 {
14671 order: 7;
14673 .order-xl-8 {
14674 order: 8;
14676 .order-xl-9 {
14677 order: 9;
14679 .order-xl-10 {
14680 order: 10;
14682 .order-xl-11 {
14683 order: 11;
14685 .order-xl-12 {
14686 order: 12;
14688 .offset-xl-0 {
14689 margin-left: 0;
14691 .offset-xl-1 {
14692 margin-left: 8.33333333%;
14694 .offset-xl-2 {
14695 margin-left: 16.66666667%;
14697 .offset-xl-3 {
14698 margin-left: 25%;
14700 .offset-xl-4 {
14701 margin-left: 33.33333333%;
14703 .offset-xl-5 {
14704 margin-left: 41.66666667%;
14706 .offset-xl-6 {
14707 margin-left: 50%;
14709 .offset-xl-7 {
14710 margin-left: 58.33333333%;
14712 .offset-xl-8 {
14713 margin-left: 66.66666667%;
14715 .offset-xl-9 {
14716 margin-left: 75%;
14718 .offset-xl-10 {
14719 margin-left: 83.33333333%;
14721 .offset-xl-11 {
14722 margin-left: 91.66666667%;
14725 .table {
14726 width: 100%;
14727 margin-bottom: 1rem;
14728 color: #1d2125;
14730 .table th,
14731 .table td {
14732 padding: 0.75rem;
14733 vertical-align: top;
14734 border-top: 1px solid #dee2e6;
14736 .table thead th {
14737 vertical-align: bottom;
14738 border-bottom: 2px solid #dee2e6;
14740 .table tbody + tbody {
14741 border-top: 2px solid #dee2e6;
14744 .table-sm th,
14745 .table-sm td {
14746 padding: 0.3rem;
14749 .table-bordered {
14750 border: 1px solid #dee2e6;
14752 .table-bordered th,
14753 .table-bordered td {
14754 border: 1px solid #dee2e6;
14756 .table-bordered thead th,
14757 .table-bordered thead td {
14758 border-bottom-width: 2px;
14761 .table-borderless th,
14762 .table-borderless td,
14763 .table-borderless thead th,
14764 .table-borderless tbody + tbody {
14765 border: 0;
14768 .table-striped tbody tr:nth-of-type(odd) {
14769 background-color: rgba(0, 0, 0, 0.03);
14772 .table-hover tbody tr:hover {
14773 color: #1d2125;
14774 background-color: rgba(0, 0, 0, 0.075);
14777 .table-primary,
14778 .table-primary > th,
14779 .table-primary > td {
14780 background-color: #bcd6ed;
14782 .table-primary th,
14783 .table-primary td,
14784 .table-primary thead th,
14785 .table-primary tbody + tbody {
14786 border-color: #82b3de;
14789 .table-hover .table-primary:hover {
14790 background-color: #a8cae8;
14792 .table-hover .table-primary:hover > td,
14793 .table-hover .table-primary:hover > th {
14794 background-color: #a8cae8;
14797 .table-secondary,
14798 .table-secondary > th,
14799 .table-secondary > td {
14800 background-color: #f1f3f5;
14802 .table-secondary th,
14803 .table-secondary td,
14804 .table-secondary thead th,
14805 .table-secondary tbody + tbody {
14806 border-color: #e6e9ec;
14809 .table-hover .table-secondary:hover {
14810 background-color: #e2e6ea;
14812 .table-hover .table-secondary:hover > td,
14813 .table-hover .table-secondary:hover > th {
14814 background-color: #e2e6ea;
14817 .table-success,
14818 .table-success > th,
14819 .table-success > td {
14820 background-color: #c6dac6;
14822 .table-success th,
14823 .table-success td,
14824 .table-success thead th,
14825 .table-success tbody + tbody {
14826 border-color: #96ba94;
14829 .table-hover .table-success:hover {
14830 background-color: #b7d0b7;
14832 .table-hover .table-success:hover > td,
14833 .table-hover .table-success:hover > th {
14834 background-color: #b7d0b7;
14837 .table-info,
14838 .table-info > th,
14839 .table-info > td {
14840 background-color: #b8dce2;
14842 .table-info th,
14843 .table-info td,
14844 .table-info thead th,
14845 .table-info tbody + tbody {
14846 border-color: #7abdc8;
14849 .table-hover .table-info:hover {
14850 background-color: #a6d3db;
14852 .table-hover .table-info:hover > td,
14853 .table-hover .table-info:hover > th {
14854 background-color: #a6d3db;
14857 .table-warning,
14858 .table-warning > th,
14859 .table-warning > td {
14860 background-color: #fbe8cd;
14862 .table-warning th,
14863 .table-warning td,
14864 .table-warning thead th,
14865 .table-warning tbody + tbody {
14866 border-color: #f7d4a3;
14869 .table-hover .table-warning:hover {
14870 background-color: #f9ddb5;
14872 .table-hover .table-warning:hover > td,
14873 .table-hover .table-warning:hover > th {
14874 background-color: #f9ddb5;
14877 .table-danger,
14878 .table-danger > th,
14879 .table-danger > td {
14880 background-color: #f0c5c1;
14882 .table-danger th,
14883 .table-danger td,
14884 .table-danger thead th,
14885 .table-danger tbody + tbody {
14886 border-color: #e3948b;
14889 .table-hover .table-danger:hover {
14890 background-color: #ebb2ac;
14892 .table-hover .table-danger:hover > td,
14893 .table-hover .table-danger:hover > th {
14894 background-color: #ebb2ac;
14897 .table-light,
14898 .table-light > th,
14899 .table-light > td {
14900 background-color: #fdfdfe;
14902 .table-light th,
14903 .table-light td,
14904 .table-light thead th,
14905 .table-light tbody + tbody {
14906 border-color: #fbfcfc;
14909 .table-hover .table-light:hover {
14910 background-color: #ececf6;
14912 .table-hover .table-light:hover > td,
14913 .table-hover .table-light:hover > th {
14914 background-color: #ececf6;
14917 .table-dark,
14918 .table-dark > th,
14919 .table-dark > td {
14920 background-color: #c6c8ca;
14922 .table-dark th,
14923 .table-dark td,
14924 .table-dark thead th,
14925 .table-dark tbody + tbody {
14926 border-color: #95999c;
14929 .table-hover .table-dark:hover {
14930 background-color: #b9bbbe;
14932 .table-hover .table-dark:hover > td,
14933 .table-hover .table-dark:hover > th {
14934 background-color: #b9bbbe;
14937 .table-active,
14938 .table-active > th,
14939 .table-active > td {
14940 background-color: rgba(0, 0, 0, 0.075);
14943 .table-hover .table-active:hover {
14944 background-color: rgba(0, 0, 0, 0.075);
14946 .table-hover .table-active:hover > td,
14947 .table-hover .table-active:hover > th {
14948 background-color: rgba(0, 0, 0, 0.075);
14951 .table .thead-dark th {
14952 color: #fff;
14953 background-color: #343a40;
14954 border-color: #454d55;
14956 .table .thead-light th {
14957 color: #495057;
14958 background-color: #e9ecef;
14959 border-color: #dee2e6;
14962 .table-dark {
14963 color: #fff;
14964 background-color: #343a40;
14966 .table-dark th,
14967 .table-dark td,
14968 .table-dark thead th {
14969 border-color: #454d55;
14971 .table-dark.table-bordered {
14972 border: 0;
14974 .table-dark.table-striped tbody tr:nth-of-type(odd) {
14975 background-color: rgba(255, 255, 255, 0.05);
14977 .table-dark.table-hover tbody tr:hover {
14978 color: #fff;
14979 background-color: rgba(255, 255, 255, 0.075);
14982 @media (max-width: 575.98px) {
14983 .table-responsive-sm {
14984 display: block;
14985 width: 100%;
14986 overflow-x: auto;
14987 -webkit-overflow-scrolling: touch;
14989 .table-responsive-sm > .table-bordered {
14990 border: 0;
14993 @media (max-width: 767.98px) {
14994 .table-responsive-md {
14995 display: block;
14996 width: 100%;
14997 overflow-x: auto;
14998 -webkit-overflow-scrolling: touch;
15000 .table-responsive-md > .table-bordered {
15001 border: 0;
15004 @media (max-width: 991.98px) {
15005 .table-responsive-lg {
15006 display: block;
15007 width: 100%;
15008 overflow-x: auto;
15009 -webkit-overflow-scrolling: touch;
15011 .table-responsive-lg > .table-bordered {
15012 border: 0;
15015 @media (max-width: 1199.98px) {
15016 .table-responsive-xl {
15017 display: block;
15018 width: 100%;
15019 overflow-x: auto;
15020 -webkit-overflow-scrolling: touch;
15022 .table-responsive-xl > .table-bordered {
15023 border: 0;
15026 .table-responsive {
15027 display: block;
15028 width: 100%;
15029 overflow-x: auto;
15030 -webkit-overflow-scrolling: touch;
15032 .table-responsive > .table-bordered {
15033 border: 0;
15036 .form-control {
15037 display: block;
15038 width: 100%;
15039 height: calc(1.5em + 0.75rem + 2px);
15040 padding: 0.375rem 0.75rem;
15041 font-size: 0.9375rem;
15042 font-weight: 400;
15043 line-height: 1.5;
15044 color: #495057;
15045 background-color: #fff;
15046 background-clip: padding-box;
15047 border: 1px solid #8f959e;
15048 border-radius: 0.5rem;
15049 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15051 @media (max-width: 1200px) {
15052 .form-control {
15053 font-size: calc(0.90375rem + 0.045vw);
15056 @media (prefers-reduced-motion: reduce) {
15057 .form-control {
15058 transition: none;
15061 .form-control::-ms-expand {
15062 background-color: transparent;
15063 border: 0;
15065 .form-control:focus {
15066 color: #495057;
15067 background-color: #fff;
15068 border-color: #5babf2;
15069 outline: 0;
15070 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15072 .form-control::placeholder {
15073 color: #6a737b;
15074 opacity: 1;
15076 .form-control:disabled, .form-control[readonly] {
15077 background-color: #e9ecef;
15078 opacity: 1;
15081 input[type=date].form-control,
15082 input[type=time].form-control,
15083 input[type=datetime-local].form-control,
15084 input[type=month].form-control {
15085 appearance: none;
15088 select.form-control:-moz-focusring {
15089 color: transparent;
15090 text-shadow: 0 0 0 #495057;
15092 select.form-control:focus::-ms-value {
15093 color: #495057;
15094 background-color: #fff;
15097 .form-control-file,
15098 .form-control-range {
15099 display: block;
15100 width: 100%;
15103 .col-form-label {
15104 padding-top: calc(0.375rem + 1px);
15105 padding-bottom: calc(0.375rem + 1px);
15106 margin-bottom: 0;
15107 font-size: inherit;
15108 line-height: 1.5;
15111 .col-form-label-lg {
15112 padding-top: calc(0.5rem + 1px);
15113 padding-bottom: calc(0.5rem + 1px);
15114 font-size: 1.171875rem;
15115 line-height: 1.5;
15117 @media (max-width: 1200px) {
15118 .col-form-label-lg {
15119 font-size: calc(0.9271875rem + 0.32625vw);
15123 .col-form-label-sm {
15124 padding-top: calc(0.25rem + 1px);
15125 padding-bottom: calc(0.25rem + 1px);
15126 font-size: 0.8203125rem;
15127 line-height: 1.5;
15130 .form-control-plaintext {
15131 display: block;
15132 width: 100%;
15133 padding: 0.375rem 0;
15134 margin-bottom: 0;
15135 font-size: 0.9375rem;
15136 line-height: 1.5;
15137 color: #1d2125;
15138 background-color: transparent;
15139 border: solid transparent;
15140 border-width: 1px 0;
15142 @media (max-width: 1200px) {
15143 .form-control-plaintext {
15144 font-size: calc(0.90375rem + 0.045vw);
15147 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
15148 padding-right: 0;
15149 padding-left: 0;
15152 .form-control-sm {
15153 height: calc(1.5em + 0.5rem + 2px);
15154 padding: 0.25rem 0.5rem;
15155 font-size: 0.8203125rem;
15156 line-height: 1.5;
15157 border-radius: 0.2rem;
15160 .form-control-lg {
15161 height: calc(1.5em + 1rem + 2px);
15162 padding: 0.5rem 1rem;
15163 font-size: 1.171875rem;
15164 line-height: 1.5;
15165 border-radius: 0.6rem;
15167 @media (max-width: 1200px) {
15168 .form-control-lg {
15169 font-size: calc(0.9271875rem + 0.32625vw);
15173 select.form-control[size], select.form-control[multiple] {
15174 height: auto;
15177 textarea.form-control {
15178 height: auto;
15181 .form-group {
15182 margin-bottom: 1rem;
15185 .form-text {
15186 display: block;
15187 margin-top: 0.25rem;
15190 .form-row {
15191 display: flex;
15192 flex-wrap: wrap;
15193 margin-right: -5px;
15194 margin-left: -5px;
15196 .form-row > .col,
15197 .form-row > [class*=col-] {
15198 padding-right: 5px;
15199 padding-left: 5px;
15202 .form-check {
15203 position: relative;
15204 display: block;
15205 padding-left: 1.25rem;
15208 .form-check-input {
15209 position: absolute;
15210 margin-top: 0.3rem;
15211 margin-left: -1.25rem;
15213 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
15214 color: #6a737b;
15217 .form-check-label {
15218 margin-bottom: 0;
15221 .form-check-inline {
15222 display: inline-flex;
15223 align-items: center;
15224 padding-left: 0;
15225 margin-right: 0.75rem;
15227 .form-check-inline .form-check-input {
15228 position: static;
15229 margin-top: 0;
15230 margin-right: 0.3125rem;
15231 margin-left: 0;
15234 .valid-feedback {
15235 display: none;
15236 width: 100%;
15237 margin-top: 0.25rem;
15238 font-size: 0.875em;
15239 color: #357a32;
15242 .valid-tooltip {
15243 position: absolute;
15244 top: 100%;
15245 left: 0;
15246 z-index: 5;
15247 display: none;
15248 max-width: 100%;
15249 padding: 0.25rem 0.5rem;
15250 margin-top: 0.1rem;
15251 font-size: 0.8203125rem;
15252 line-height: 1.5;
15253 color: #fff;
15254 background-color: rgba(53, 122, 50, 0.9);
15255 border-radius: 0.5rem;
15257 .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
15258 left: 5px;
15261 .was-validated :valid ~ .valid-feedback,
15262 .was-validated :valid ~ .valid-tooltip,
15263 .is-valid ~ .valid-feedback,
15264 .is-valid ~ .valid-tooltip {
15265 display: block;
15268 .was-validated .form-control:valid, .form-control.is-valid {
15269 border-color: #357a32;
15270 padding-right: calc(1.5em + 0.75rem) !important;
15271 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
15272 background-repeat: no-repeat;
15273 background-position: right calc(0.375em + 0.1875rem) center;
15274 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15276 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
15277 border-color: #357a32;
15278 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15281 .was-validated select.form-control:valid, select.form-control.is-valid {
15282 padding-right: 3rem !important;
15283 background-position: right 1.5rem center;
15286 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
15287 padding-right: calc(1.5em + 0.75rem);
15288 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15291 .was-validated .custom-select:valid, .custom-select.is-valid {
15292 border-color: #357a32;
15293 padding-right: calc(0.75em + 2.3125rem) !important;
15294 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
15296 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
15297 border-color: #357a32;
15298 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15301 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
15302 color: #357a32;
15304 .was-validated .form-check-input:valid ~ .valid-feedback,
15305 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
15306 .form-check-input.is-valid ~ .valid-tooltip {
15307 display: block;
15310 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
15311 color: #357a32;
15313 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
15314 border-color: #357a32;
15316 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
15317 border-color: #459e41;
15318 background-color: #459e41;
15320 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
15321 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15323 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
15324 border-color: #357a32;
15327 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
15328 border-color: #357a32;
15330 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
15331 border-color: #357a32;
15332 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15335 .invalid-feedback {
15336 display: none;
15337 width: 100%;
15338 margin-top: 0.25rem;
15339 font-size: 0.875em;
15340 color: #ca3120;
15343 .invalid-tooltip {
15344 position: absolute;
15345 top: 100%;
15346 left: 0;
15347 z-index: 5;
15348 display: none;
15349 max-width: 100%;
15350 padding: 0.25rem 0.5rem;
15351 margin-top: 0.1rem;
15352 font-size: 0.8203125rem;
15353 line-height: 1.5;
15354 color: #fff;
15355 background-color: rgba(202, 49, 32, 0.9);
15356 border-radius: 0.5rem;
15358 .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
15359 left: 5px;
15362 .was-validated :invalid ~ .invalid-feedback,
15363 .was-validated :invalid ~ .invalid-tooltip,
15364 .is-invalid ~ .invalid-feedback,
15365 .is-invalid ~ .invalid-tooltip {
15366 display: block;
15369 .was-validated .form-control:invalid, .form-control.is-invalid {
15370 border-color: #ca3120;
15371 padding-right: calc(1.5em + 0.75rem) !important;
15372 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
15373 background-repeat: no-repeat;
15374 background-position: right calc(0.375em + 0.1875rem) center;
15375 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15377 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
15378 border-color: #ca3120;
15379 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15382 .was-validated select.form-control:invalid, select.form-control.is-invalid {
15383 padding-right: 3rem !important;
15384 background-position: right 1.5rem center;
15387 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
15388 padding-right: calc(1.5em + 0.75rem);
15389 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15392 .was-validated .custom-select:invalid, .custom-select.is-invalid {
15393 border-color: #ca3120;
15394 padding-right: calc(0.75em + 2.3125rem) !important;
15395 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
15397 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
15398 border-color: #ca3120;
15399 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15402 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
15403 color: #ca3120;
15405 .was-validated .form-check-input:invalid ~ .invalid-feedback,
15406 .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
15407 .form-check-input.is-invalid ~ .invalid-tooltip {
15408 display: block;
15411 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
15412 color: #ca3120;
15414 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
15415 border-color: #ca3120;
15417 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
15418 border-color: #e04d3d;
15419 background-color: #e04d3d;
15421 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
15422 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15424 .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
15425 border-color: #ca3120;
15428 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
15429 border-color: #ca3120;
15431 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
15432 border-color: #ca3120;
15433 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15436 .form-inline {
15437 display: flex;
15438 flex-flow: row wrap;
15439 align-items: center;
15441 .form-inline .form-check {
15442 width: 100%;
15444 @media (min-width: 576px) {
15445 .form-inline label {
15446 display: flex;
15447 align-items: center;
15448 justify-content: center;
15449 margin-bottom: 0;
15451 .form-inline .form-group {
15452 display: flex;
15453 flex: 0 0 auto;
15454 flex-flow: row wrap;
15455 align-items: center;
15456 margin-bottom: 0;
15458 .form-inline .form-control {
15459 display: inline-block;
15460 width: auto;
15461 vertical-align: middle;
15463 .form-inline .form-control-plaintext {
15464 display: inline-block;
15466 .form-inline .input-group,
15467 .form-inline .custom-select {
15468 width: auto;
15470 .form-inline .form-check {
15471 display: flex;
15472 align-items: center;
15473 justify-content: center;
15474 width: auto;
15475 padding-left: 0;
15477 .form-inline .form-check-input {
15478 position: relative;
15479 flex-shrink: 0;
15480 margin-top: 0;
15481 margin-right: 0.25rem;
15482 margin-left: 0;
15484 .form-inline .custom-control {
15485 align-items: center;
15486 justify-content: center;
15488 .form-inline .custom-control-label {
15489 margin-bottom: 0;
15493 .btn {
15494 display: inline-block;
15495 font-weight: 400;
15496 color: #1d2125;
15497 text-align: center;
15498 vertical-align: middle;
15499 user-select: none;
15500 background-color: transparent;
15501 border: 1px solid transparent;
15502 padding: 0.375rem 0.75rem;
15503 font-size: 0.9375rem;
15504 line-height: 1.5;
15505 border-radius: 0.5rem;
15506 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15508 @media (max-width: 1200px) {
15509 .btn {
15510 font-size: calc(0.90375rem + 0.045vw);
15513 @media (prefers-reduced-motion: reduce) {
15514 .btn {
15515 transition: none;
15518 .btn:hover {
15519 color: #1d2125;
15520 text-decoration: none;
15522 .btn:focus, .btn.focus {
15523 outline: 0;
15524 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15526 .btn.disabled, .btn:disabled {
15527 opacity: 0.65;
15529 .btn:not(:disabled):not(.disabled) {
15530 cursor: pointer;
15532 a.btn.disabled,
15533 fieldset:disabled a.btn {
15534 pointer-events: none;
15537 .btn-primary {
15538 color: #fff;
15539 background-color: #0f6cbf;
15540 border-color: #0f6cbf;
15542 .btn-primary:hover {
15543 color: #fff;
15544 background-color: #0c589c;
15545 border-color: #0b5190;
15547 .btn-primary:focus, .btn-primary.focus {
15548 color: #fff;
15549 background-color: #0c589c;
15550 border-color: #0b5190;
15551 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15553 .btn-primary.disabled, .btn-primary:disabled {
15554 color: #fff;
15555 background-color: #0f6cbf;
15556 border-color: #0f6cbf;
15558 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
15559 color: #fff;
15560 background-color: #0b5190;
15561 border-color: #0a4b84;
15563 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
15564 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15567 .btn-secondary {
15568 color: #1d2125;
15569 background-color: #ced4da;
15570 border-color: #ced4da;
15572 .btn-secondary:hover {
15573 color: #1d2125;
15574 background-color: #b8c1ca;
15575 border-color: #b1bbc4;
15577 .btn-secondary:focus, .btn-secondary.focus {
15578 color: #1d2125;
15579 background-color: #b8c1ca;
15580 border-color: #b1bbc4;
15581 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15583 .btn-secondary.disabled, .btn-secondary:disabled {
15584 color: #1d2125;
15585 background-color: #ced4da;
15586 border-color: #ced4da;
15588 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
15589 color: #1d2125;
15590 background-color: #b1bbc4;
15591 border-color: #aab4bf;
15593 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
15594 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15597 .btn-success {
15598 color: #fff;
15599 background-color: #357a32;
15600 border-color: #357a32;
15602 .btn-success:hover {
15603 color: #fff;
15604 background-color: #295f27;
15605 border-color: #255623;
15607 .btn-success:focus, .btn-success.focus {
15608 color: #fff;
15609 background-color: #295f27;
15610 border-color: #255623;
15611 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15613 .btn-success.disabled, .btn-success:disabled {
15614 color: #fff;
15615 background-color: #357a32;
15616 border-color: #357a32;
15618 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
15619 color: #fff;
15620 background-color: #255623;
15621 border-color: #214d1f;
15623 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
15624 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15627 .btn-info {
15628 color: #fff;
15629 background-color: #008196;
15630 border-color: #008196;
15632 .btn-info:hover {
15633 color: #fff;
15634 background-color: #006070;
15635 border-color: #005563;
15637 .btn-info:focus, .btn-info.focus {
15638 color: #fff;
15639 background-color: #006070;
15640 border-color: #005563;
15641 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15643 .btn-info.disabled, .btn-info:disabled {
15644 color: #fff;
15645 background-color: #008196;
15646 border-color: #008196;
15648 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
15649 color: #fff;
15650 background-color: #005563;
15651 border-color: #004a56;
15653 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
15654 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15657 .btn-warning {
15658 color: #1d2125;
15659 background-color: #f0ad4e;
15660 border-color: #f0ad4e;
15662 .btn-warning:hover {
15663 color: #1d2125;
15664 background-color: #ed9d2b;
15665 border-color: #ec971f;
15667 .btn-warning:focus, .btn-warning.focus {
15668 color: #1d2125;
15669 background-color: #ed9d2b;
15670 border-color: #ec971f;
15671 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15673 .btn-warning.disabled, .btn-warning:disabled {
15674 color: #1d2125;
15675 background-color: #f0ad4e;
15676 border-color: #f0ad4e;
15678 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
15679 color: #1d2125;
15680 background-color: #ec971f;
15681 border-color: #ea9214;
15683 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
15684 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15687 .btn-danger {
15688 color: #fff;
15689 background-color: #ca3120;
15690 border-color: #ca3120;
15692 .btn-danger:hover {
15693 color: #fff;
15694 background-color: #a9291b;
15695 border-color: #9e2619;
15697 .btn-danger:focus, .btn-danger.focus {
15698 color: #fff;
15699 background-color: #a9291b;
15700 border-color: #9e2619;
15701 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15703 .btn-danger.disabled, .btn-danger:disabled {
15704 color: #fff;
15705 background-color: #ca3120;
15706 border-color: #ca3120;
15708 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
15709 color: #fff;
15710 background-color: #9e2619;
15711 border-color: #932417;
15713 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
15714 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15717 .btn-light {
15718 color: #1d2125;
15719 background-color: #f8f9fa;
15720 border-color: #f8f9fa;
15722 .btn-light:hover {
15723 color: #1d2125;
15724 background-color: #e2e6ea;
15725 border-color: #dae0e5;
15727 .btn-light:focus, .btn-light.focus {
15728 color: #1d2125;
15729 background-color: #e2e6ea;
15730 border-color: #dae0e5;
15731 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15733 .btn-light.disabled, .btn-light:disabled {
15734 color: #1d2125;
15735 background-color: #f8f9fa;
15736 border-color: #f8f9fa;
15738 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
15739 color: #1d2125;
15740 background-color: #dae0e5;
15741 border-color: #d3d9df;
15743 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
15744 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15747 .btn-dark {
15748 color: #fff;
15749 background-color: #343a40;
15750 border-color: #343a40;
15752 .btn-dark:hover {
15753 color: #fff;
15754 background-color: #23272b;
15755 border-color: #1d2124;
15757 .btn-dark:focus, .btn-dark.focus {
15758 color: #fff;
15759 background-color: #23272b;
15760 border-color: #1d2124;
15761 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15763 .btn-dark.disabled, .btn-dark:disabled {
15764 color: #fff;
15765 background-color: #343a40;
15766 border-color: #343a40;
15768 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
15769 color: #fff;
15770 background-color: #1d2124;
15771 border-color: #171a1d;
15773 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
15774 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15777 .btn-outline-primary {
15778 color: #0f6cbf;
15779 border-color: #0f6cbf;
15781 .btn-outline-primary:hover {
15782 color: #fff;
15783 background-color: #0f6cbf;
15784 border-color: #0f6cbf;
15786 .btn-outline-primary:focus, .btn-outline-primary.focus {
15787 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15789 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
15790 color: #0f6cbf;
15791 background-color: transparent;
15793 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
15794 color: #fff;
15795 background-color: #0f6cbf;
15796 border-color: #0f6cbf;
15798 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
15799 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15802 .btn-outline-secondary {
15803 color: #ced4da;
15804 border-color: #ced4da;
15806 .btn-outline-secondary:hover {
15807 color: #1d2125;
15808 background-color: #ced4da;
15809 border-color: #ced4da;
15811 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
15812 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15814 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
15815 color: #ced4da;
15816 background-color: transparent;
15818 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
15819 color: #1d2125;
15820 background-color: #ced4da;
15821 border-color: #ced4da;
15823 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
15824 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15827 .btn-outline-success {
15828 color: #357a32;
15829 border-color: #357a32;
15831 .btn-outline-success:hover {
15832 color: #fff;
15833 background-color: #357a32;
15834 border-color: #357a32;
15836 .btn-outline-success:focus, .btn-outline-success.focus {
15837 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15839 .btn-outline-success.disabled, .btn-outline-success:disabled {
15840 color: #357a32;
15841 background-color: transparent;
15843 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
15844 color: #fff;
15845 background-color: #357a32;
15846 border-color: #357a32;
15848 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
15849 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15852 .btn-outline-info {
15853 color: #008196;
15854 border-color: #008196;
15856 .btn-outline-info:hover {
15857 color: #fff;
15858 background-color: #008196;
15859 border-color: #008196;
15861 .btn-outline-info:focus, .btn-outline-info.focus {
15862 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15864 .btn-outline-info.disabled, .btn-outline-info:disabled {
15865 color: #008196;
15866 background-color: transparent;
15868 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
15869 color: #fff;
15870 background-color: #008196;
15871 border-color: #008196;
15873 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
15874 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15877 .btn-outline-warning {
15878 color: #f0ad4e;
15879 border-color: #f0ad4e;
15881 .btn-outline-warning:hover {
15882 color: #1d2125;
15883 background-color: #f0ad4e;
15884 border-color: #f0ad4e;
15886 .btn-outline-warning:focus, .btn-outline-warning.focus {
15887 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15889 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
15890 color: #f0ad4e;
15891 background-color: transparent;
15893 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
15894 color: #1d2125;
15895 background-color: #f0ad4e;
15896 border-color: #f0ad4e;
15898 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
15899 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15902 .btn-outline-danger {
15903 color: #ca3120;
15904 border-color: #ca3120;
15906 .btn-outline-danger:hover {
15907 color: #fff;
15908 background-color: #ca3120;
15909 border-color: #ca3120;
15911 .btn-outline-danger:focus, .btn-outline-danger.focus {
15912 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15914 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
15915 color: #ca3120;
15916 background-color: transparent;
15918 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
15919 color: #fff;
15920 background-color: #ca3120;
15921 border-color: #ca3120;
15923 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
15924 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15927 .btn-outline-light {
15928 color: #f8f9fa;
15929 border-color: #f8f9fa;
15931 .btn-outline-light:hover {
15932 color: #1d2125;
15933 background-color: #f8f9fa;
15934 border-color: #f8f9fa;
15936 .btn-outline-light:focus, .btn-outline-light.focus {
15937 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
15939 .btn-outline-light.disabled, .btn-outline-light:disabled {
15940 color: #f8f9fa;
15941 background-color: transparent;
15943 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
15944 color: #1d2125;
15945 background-color: #f8f9fa;
15946 border-color: #f8f9fa;
15948 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
15949 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
15952 .btn-outline-dark {
15953 color: #343a40;
15954 border-color: #343a40;
15956 .btn-outline-dark:hover {
15957 color: #fff;
15958 background-color: #343a40;
15959 border-color: #343a40;
15961 .btn-outline-dark:focus, .btn-outline-dark.focus {
15962 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
15964 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
15965 color: #343a40;
15966 background-color: transparent;
15968 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
15969 color: #fff;
15970 background-color: #343a40;
15971 border-color: #343a40;
15973 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
15974 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
15977 .btn-link {
15978 font-weight: 400;
15979 color: #0f6cbf;
15980 text-decoration: none;
15982 .btn-link:hover {
15983 color: #094478;
15984 text-decoration: underline;
15986 .btn-link:focus, .btn-link.focus {
15987 text-decoration: underline;
15989 .btn-link:disabled, .btn-link.disabled {
15990 color: #6a737b;
15991 pointer-events: none;
15994 .btn-lg, .btn-group-lg > .btn {
15995 padding: 0.5rem 1rem;
15996 font-size: 1.171875rem;
15997 line-height: 1.5;
15998 border-radius: 0.6rem;
16000 @media (max-width: 1200px) {
16001 .btn-lg, .btn-group-lg > .btn {
16002 font-size: calc(0.9271875rem + 0.32625vw);
16006 .btn-sm, .btn-group-sm > .btn {
16007 padding: 0.25rem 0.5rem;
16008 font-size: 0.8203125rem;
16009 line-height: 1.5;
16010 border-radius: 0.2rem;
16013 .btn-block {
16014 display: block;
16015 width: 100%;
16017 .btn-block + .btn-block {
16018 margin-top: 0.5rem;
16021 input[type=submit].btn-block,
16022 input[type=reset].btn-block,
16023 input[type=button].btn-block {
16024 width: 100%;
16027 .fade {
16028 transition: opacity 0.15s linear;
16030 @media (prefers-reduced-motion: reduce) {
16031 .fade {
16032 transition: none;
16035 .fade:not(.show) {
16036 opacity: 0;
16039 .collapse:not(.show) {
16040 display: none;
16043 .collapsing {
16044 position: relative;
16045 height: 0;
16046 overflow: hidden;
16047 transition: height 0.35s ease;
16049 @media (prefers-reduced-motion: reduce) {
16050 .collapsing {
16051 transition: none;
16054 .collapsing.width {
16055 width: 0;
16056 height: auto;
16057 transition: width 0.35s ease;
16059 @media (prefers-reduced-motion: reduce) {
16060 .collapsing.width {
16061 transition: none;
16065 .dropup,
16066 .dropright,
16067 .dropdown,
16068 .dropleft {
16069 position: relative;
16072 .dropdown-toggle {
16073 white-space: nowrap;
16075 .dropdown-toggle::after {
16076 display: inline-block;
16077 margin-left: 0.255em;
16078 vertical-align: 0.255em;
16079 content: "";
16080 border-top: 0.3em solid;
16081 border-right: 0.3em solid transparent;
16082 border-bottom: 0;
16083 border-left: 0.3em solid transparent;
16085 .dropdown-toggle:empty::after {
16086 margin-left: 0;
16089 .dropdown-menu {
16090 position: absolute;
16091 top: 100%;
16092 left: 0;
16093 z-index: 1000;
16094 display: none;
16095 float: left;
16096 min-width: 10rem;
16097 padding: 0.5rem 0;
16098 margin: 0.125rem 0 0;
16099 font-size: 0.9375rem;
16100 color: #1d2125;
16101 text-align: left;
16102 list-style: none;
16103 background-color: #fff;
16104 background-clip: padding-box;
16105 border: 1px solid rgba(0, 0, 0, 0.15);
16106 border-radius: 0.5rem;
16108 @media (max-width: 1200px) {
16109 .dropdown-menu {
16110 font-size: calc(0.90375rem + 0.045vw);
16114 .dropdown-menu-left {
16115 right: auto;
16116 left: 0;
16119 .dropdown-menu-right {
16120 right: 0;
16121 left: auto;
16124 @media (min-width: 576px) {
16125 .dropdown-menu-sm-left {
16126 right: auto;
16127 left: 0;
16129 .dropdown-menu-sm-right {
16130 right: 0;
16131 left: auto;
16134 @media (min-width: 768px) {
16135 .dropdown-menu-md-left {
16136 right: auto;
16137 left: 0;
16139 .dropdown-menu-md-right {
16140 right: 0;
16141 left: auto;
16144 @media (min-width: 992px) {
16145 .dropdown-menu-lg-left {
16146 right: auto;
16147 left: 0;
16149 .dropdown-menu-lg-right {
16150 right: 0;
16151 left: auto;
16154 @media (min-width: 1200px) {
16155 .dropdown-menu-xl-left {
16156 right: auto;
16157 left: 0;
16159 .dropdown-menu-xl-right {
16160 right: 0;
16161 left: auto;
16164 .dropup .dropdown-menu {
16165 top: auto;
16166 bottom: 100%;
16167 margin-top: 0;
16168 margin-bottom: 0.125rem;
16170 .dropup .dropdown-toggle::after {
16171 display: inline-block;
16172 margin-left: 0.255em;
16173 vertical-align: 0.255em;
16174 content: "";
16175 border-top: 0;
16176 border-right: 0.3em solid transparent;
16177 border-bottom: 0.3em solid;
16178 border-left: 0.3em solid transparent;
16180 .dropup .dropdown-toggle:empty::after {
16181 margin-left: 0;
16184 .dropright .dropdown-menu {
16185 top: 0;
16186 right: auto;
16187 left: 100%;
16188 margin-top: 0;
16189 margin-left: 0.125rem;
16191 .dropright .dropdown-toggle::after {
16192 display: inline-block;
16193 margin-left: 0.255em;
16194 vertical-align: 0.255em;
16195 content: "";
16196 border-top: 0.3em solid transparent;
16197 border-right: 0;
16198 border-bottom: 0.3em solid transparent;
16199 border-left: 0.3em solid;
16201 .dropright .dropdown-toggle:empty::after {
16202 margin-left: 0;
16204 .dropright .dropdown-toggle::after {
16205 vertical-align: 0;
16208 .dropleft .dropdown-menu {
16209 top: 0;
16210 right: 100%;
16211 left: auto;
16212 margin-top: 0;
16213 margin-right: 0.125rem;
16215 .dropleft .dropdown-toggle::after {
16216 display: inline-block;
16217 margin-left: 0.255em;
16218 vertical-align: 0.255em;
16219 content: "";
16221 .dropleft .dropdown-toggle::after {
16222 display: none;
16224 .dropleft .dropdown-toggle::before {
16225 display: inline-block;
16226 margin-right: 0.255em;
16227 vertical-align: 0.255em;
16228 content: "";
16229 border-top: 0.3em solid transparent;
16230 border-right: 0.3em solid;
16231 border-bottom: 0.3em solid transparent;
16233 .dropleft .dropdown-toggle:empty::after {
16234 margin-left: 0;
16236 .dropleft .dropdown-toggle::before {
16237 vertical-align: 0;
16240 .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
16241 right: auto;
16242 bottom: auto;
16245 .dropdown-divider {
16246 height: 0;
16247 margin: 0.5rem 0;
16248 overflow: hidden;
16249 border-top: 1px solid #e9ecef;
16252 .dropdown-item {
16253 display: block;
16254 width: 100%;
16255 padding: 0.25rem 1.5rem;
16256 clear: both;
16257 font-weight: 400;
16258 color: #1d2125;
16259 text-align: inherit;
16260 white-space: nowrap;
16261 background-color: transparent;
16262 border: 0;
16264 .dropdown-item:hover, .dropdown-item:focus {
16265 color: #fff;
16266 text-decoration: none;
16267 background-color: #0f6cbf;
16269 .dropdown-item.active, .dropdown-item:active {
16270 color: #fff;
16271 text-decoration: none;
16272 background-color: #0f6cbf;
16274 .dropdown-item.disabled, .dropdown-item:disabled {
16275 color: #8f959e;
16276 pointer-events: none;
16277 background-color: transparent;
16280 .dropdown-menu.show {
16281 display: block;
16284 .dropdown-header {
16285 display: block;
16286 padding: 0.5rem 1.5rem;
16287 margin-bottom: 0;
16288 font-size: 0.8203125rem;
16289 color: #6a737b;
16290 white-space: nowrap;
16293 .dropdown-item-text {
16294 display: block;
16295 padding: 0.25rem 1.5rem;
16296 color: #1d2125;
16299 .btn-group,
16300 .btn-group-vertical {
16301 position: relative;
16302 display: inline-flex;
16303 vertical-align: middle;
16305 .btn-group > .btn,
16306 .btn-group-vertical > .btn {
16307 position: relative;
16308 flex: 1 1 auto;
16310 .btn-group > .btn:hover,
16311 .btn-group-vertical > .btn:hover {
16312 z-index: 1;
16314 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
16315 .btn-group-vertical > .btn:focus,
16316 .btn-group-vertical > .btn:active,
16317 .btn-group-vertical > .btn.active {
16318 z-index: 1;
16321 .btn-toolbar {
16322 display: flex;
16323 flex-wrap: wrap;
16324 justify-content: flex-start;
16326 .btn-toolbar .input-group {
16327 width: auto;
16330 .btn-group > .btn:not(:first-child),
16331 .btn-group > .btn-group:not(:first-child) {
16332 margin-left: -1px;
16334 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
16335 .btn-group > .btn-group:not(:last-child) > .btn {
16336 border-top-right-radius: 0;
16337 border-bottom-right-radius: 0;
16339 .btn-group > .btn:not(:first-child),
16340 .btn-group > .btn-group:not(:first-child) > .btn {
16341 border-top-left-radius: 0;
16342 border-bottom-left-radius: 0;
16345 .dropdown-toggle-split {
16346 padding-right: 0.5625rem;
16347 padding-left: 0.5625rem;
16349 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
16350 margin-left: 0;
16352 .dropleft .dropdown-toggle-split::before {
16353 margin-right: 0;
16356 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
16357 padding-right: 0.375rem;
16358 padding-left: 0.375rem;
16361 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
16362 padding-right: 0.75rem;
16363 padding-left: 0.75rem;
16366 .btn-group-vertical {
16367 flex-direction: column;
16368 align-items: flex-start;
16369 justify-content: center;
16371 .btn-group-vertical > .btn,
16372 .btn-group-vertical > .btn-group {
16373 width: 100%;
16375 .btn-group-vertical > .btn:not(:first-child),
16376 .btn-group-vertical > .btn-group:not(:first-child) {
16377 margin-top: -1px;
16379 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
16380 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
16381 border-bottom-right-radius: 0;
16382 border-bottom-left-radius: 0;
16384 .btn-group-vertical > .btn:not(:first-child),
16385 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
16386 border-top-left-radius: 0;
16387 border-top-right-radius: 0;
16390 .btn-group-toggle > .btn,
16391 .btn-group-toggle > .btn-group > .btn {
16392 margin-bottom: 0;
16394 .btn-group-toggle > .btn input[type=radio],
16395 .btn-group-toggle > .btn input[type=checkbox],
16396 .btn-group-toggle > .btn-group > .btn input[type=radio],
16397 .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
16398 position: absolute;
16399 clip: rect(0, 0, 0, 0);
16400 pointer-events: none;
16403 .input-group {
16404 position: relative;
16405 display: flex;
16406 flex-wrap: wrap;
16407 align-items: stretch;
16408 width: 100%;
16410 .input-group > .form-control,
16411 .input-group > .form-control-plaintext,
16412 .input-group > .custom-select,
16413 .input-group > .custom-file {
16414 position: relative;
16415 flex: 1 1 auto;
16416 width: 1%;
16417 min-width: 0;
16418 margin-bottom: 0;
16420 .input-group > .form-control + .form-control,
16421 .input-group > .form-control + .custom-select,
16422 .input-group > .form-control + .custom-file,
16423 .input-group > .form-control-plaintext + .form-control,
16424 .input-group > .form-control-plaintext + .custom-select,
16425 .input-group > .form-control-plaintext + .custom-file,
16426 .input-group > .custom-select + .form-control,
16427 .input-group > .custom-select + .custom-select,
16428 .input-group > .custom-select + .custom-file,
16429 .input-group > .custom-file + .form-control,
16430 .input-group > .custom-file + .custom-select,
16431 .input-group > .custom-file + .custom-file {
16432 margin-left: -1px;
16434 .input-group > .form-control:focus,
16435 .input-group > .custom-select:focus,
16436 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
16437 z-index: 3;
16439 .input-group > .custom-file .custom-file-input:focus {
16440 z-index: 4;
16442 .input-group > .form-control:not(:first-child),
16443 .input-group > .custom-select:not(:first-child) {
16444 border-top-left-radius: 0;
16445 border-bottom-left-radius: 0;
16447 .input-group > .custom-file {
16448 display: flex;
16449 align-items: center;
16451 .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
16452 border-top-right-radius: 0;
16453 border-bottom-right-radius: 0;
16455 .input-group > .custom-file:not(:first-child) .custom-file-label {
16456 border-top-left-radius: 0;
16457 border-bottom-left-radius: 0;
16459 .input-group:not(.has-validation) > .form-control:not(:last-child),
16460 .input-group:not(.has-validation) > .custom-select:not(:last-child),
16461 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
16462 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
16463 border-top-right-radius: 0;
16464 border-bottom-right-radius: 0;
16466 .input-group.has-validation > .form-control:nth-last-child(n+3),
16467 .input-group.has-validation > .custom-select:nth-last-child(n+3),
16468 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
16469 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
16470 border-top-right-radius: 0;
16471 border-bottom-right-radius: 0;
16474 .input-group-prepend,
16475 .input-group-append {
16476 display: flex;
16478 .input-group-prepend .btn,
16479 .input-group-append .btn {
16480 position: relative;
16481 z-index: 2;
16483 .input-group-prepend .btn:focus,
16484 .input-group-append .btn:focus {
16485 z-index: 3;
16487 .input-group-prepend .btn + .btn,
16488 .input-group-prepend .btn + .input-group-text,
16489 .input-group-prepend .input-group-text + .input-group-text,
16490 .input-group-prepend .input-group-text + .btn,
16491 .input-group-append .btn + .btn,
16492 .input-group-append .btn + .input-group-text,
16493 .input-group-append .input-group-text + .input-group-text,
16494 .input-group-append .input-group-text + .btn {
16495 margin-left: -1px;
16498 .input-group-prepend {
16499 margin-right: -1px;
16502 .input-group-append {
16503 margin-left: -1px;
16506 .input-group-text {
16507 display: flex;
16508 align-items: center;
16509 padding: 0.375rem 0.75rem;
16510 margin-bottom: 0;
16511 font-size: 0.9375rem;
16512 font-weight: 400;
16513 line-height: 1.5;
16514 color: #495057;
16515 text-align: center;
16516 white-space: nowrap;
16517 background-color: #e9ecef;
16518 border: 1px solid #8f959e;
16519 border-radius: 0.5rem;
16521 @media (max-width: 1200px) {
16522 .input-group-text {
16523 font-size: calc(0.90375rem + 0.045vw);
16526 .input-group-text input[type=radio],
16527 .input-group-text input[type=checkbox] {
16528 margin-top: 0;
16531 .input-group-lg > .form-control:not(textarea),
16532 .input-group-lg > .custom-select {
16533 height: calc(1.5em + 1rem + 2px);
16536 .input-group-lg > .form-control,
16537 .input-group-lg > .custom-select,
16538 .input-group-lg > .input-group-prepend > .input-group-text,
16539 .input-group-lg > .input-group-append > .input-group-text,
16540 .input-group-lg > .input-group-prepend > .btn,
16541 .input-group-lg > .input-group-append > .btn {
16542 padding: 0.5rem 1rem;
16543 font-size: 1.171875rem;
16544 line-height: 1.5;
16545 border-radius: 0.6rem;
16547 @media (max-width: 1200px) {
16548 .input-group-lg > .form-control,
16549 .input-group-lg > .custom-select,
16550 .input-group-lg > .input-group-prepend > .input-group-text,
16551 .input-group-lg > .input-group-append > .input-group-text,
16552 .input-group-lg > .input-group-prepend > .btn,
16553 .input-group-lg > .input-group-append > .btn {
16554 font-size: calc(0.9271875rem + 0.32625vw);
16558 .input-group-sm > .form-control:not(textarea),
16559 .input-group-sm > .custom-select {
16560 height: calc(1.5em + 0.5rem + 2px);
16563 .input-group-sm > .form-control,
16564 .input-group-sm > .custom-select,
16565 .input-group-sm > .input-group-prepend > .input-group-text,
16566 .input-group-sm > .input-group-append > .input-group-text,
16567 .input-group-sm > .input-group-prepend > .btn,
16568 .input-group-sm > .input-group-append > .btn {
16569 padding: 0.25rem 0.5rem;
16570 font-size: 0.8203125rem;
16571 line-height: 1.5;
16572 border-radius: 0.2rem;
16575 .input-group-lg > .custom-select,
16576 .input-group-sm > .custom-select {
16577 padding-right: 1.75rem;
16580 .input-group > .input-group-prepend > .btn,
16581 .input-group > .input-group-prepend > .input-group-text,
16582 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
16583 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
16584 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
16585 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
16586 .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
16587 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
16588 border-top-right-radius: 0;
16589 border-bottom-right-radius: 0;
16592 .input-group > .input-group-append > .btn,
16593 .input-group > .input-group-append > .input-group-text,
16594 .input-group > .input-group-prepend:not(:first-child) > .btn,
16595 .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
16596 .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
16597 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
16598 border-top-left-radius: 0;
16599 border-bottom-left-radius: 0;
16602 .custom-control {
16603 position: relative;
16604 z-index: 1;
16605 display: block;
16606 min-height: 1.40625rem;
16607 padding-left: 1.75rem;
16608 print-color-adjust: exact;
16611 .custom-control-inline {
16612 display: inline-flex;
16613 margin-right: 1rem;
16616 .custom-control-input {
16617 position: absolute;
16618 left: 0;
16619 z-index: -1;
16620 width: 1.25rem;
16621 height: 1.328125rem;
16622 opacity: 0;
16624 .custom-control-input:checked ~ .custom-control-label::before {
16625 color: #fff;
16626 border-color: #0f6cbf;
16627 background-color: #0f6cbf;
16629 .custom-control-input:focus ~ .custom-control-label::before {
16630 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16632 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
16633 border-color: #5babf2;
16635 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
16636 color: #fff;
16637 background-color: #8bc3f6;
16638 border-color: #8bc3f6;
16640 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
16641 color: #6a737b;
16643 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
16644 background-color: #e9ecef;
16647 .custom-control-label {
16648 position: relative;
16649 margin-bottom: 0;
16650 vertical-align: top;
16652 .custom-control-label::before {
16653 position: absolute;
16654 top: 0.078125rem;
16655 left: -1.75rem;
16656 display: block;
16657 width: 1.25rem;
16658 height: 1.25rem;
16659 pointer-events: none;
16660 content: "";
16661 background-color: #fff;
16662 border: 1px solid #8f959e;
16664 .custom-control-label::after {
16665 position: absolute;
16666 top: 0.078125rem;
16667 left: -1.75rem;
16668 display: block;
16669 width: 1.25rem;
16670 height: 1.25rem;
16671 content: "";
16672 background: 50%/50% 50% no-repeat;
16675 .custom-checkbox .custom-control-label::before {
16676 border-radius: 0.5rem;
16678 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
16679 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
16681 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
16682 border-color: #0f6cbf;
16683 background-color: #0f6cbf;
16685 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
16686 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
16688 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
16689 background-color: rgba(15, 108, 191, 0.5);
16691 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
16692 background-color: rgba(15, 108, 191, 0.5);
16695 .custom-radio .custom-control-label::before {
16696 border-radius: 50%;
16698 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
16699 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
16701 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
16702 background-color: rgba(15, 108, 191, 0.5);
16705 .custom-switch {
16706 padding-left: 2.6875rem;
16708 .custom-switch .custom-control-label::before {
16709 left: -2.6875rem;
16710 width: 2.1875rem;
16711 pointer-events: all;
16712 border-radius: 0.625rem;
16714 .custom-switch .custom-control-label::after {
16715 top: calc(0.078125rem + 2px);
16716 left: calc(-2.6875rem + 2px);
16717 width: calc(1.25rem - 4px);
16718 height: calc(1.25rem - 4px);
16719 background-color: #8f959e;
16720 border-radius: 0.625rem;
16721 transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16723 @media (prefers-reduced-motion: reduce) {
16724 .custom-switch .custom-control-label::after {
16725 transition: none;
16728 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
16729 background-color: #fff;
16730 transform: translateX(0.9375rem);
16732 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
16733 background-color: rgba(15, 108, 191, 0.5);
16736 .custom-select {
16737 display: inline-block;
16738 width: 100%;
16739 height: calc(1.5em + 0.75rem + 2px);
16740 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
16741 font-size: 0.9375rem;
16742 font-weight: 400;
16743 line-height: 1.5;
16744 color: #495057;
16745 vertical-align: middle;
16746 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
16747 border: 1px solid #8f959e;
16748 border-radius: 0.5rem;
16749 appearance: none;
16751 @media (max-width: 1200px) {
16752 .custom-select {
16753 font-size: calc(0.90375rem + 0.045vw);
16756 .custom-select:focus {
16757 border-color: #5babf2;
16758 outline: 0;
16759 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16761 .custom-select:focus::-ms-value {
16762 color: #495057;
16763 background-color: #fff;
16765 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
16766 height: auto;
16767 padding-right: 0.75rem;
16768 background-image: none;
16770 .custom-select:disabled {
16771 color: #6a737b;
16772 background-color: #e9ecef;
16774 .custom-select::-ms-expand {
16775 display: none;
16777 .custom-select:-moz-focusring {
16778 color: transparent;
16779 text-shadow: 0 0 0 #495057;
16782 .custom-select-sm {
16783 height: calc(1.5em + 0.5rem + 2px);
16784 padding-top: 0.25rem;
16785 padding-bottom: 0.25rem;
16786 padding-left: 0.5rem;
16787 font-size: 0.8203125rem;
16790 .custom-select-lg {
16791 height: calc(1.5em + 1rem + 2px);
16792 padding-top: 0.5rem;
16793 padding-bottom: 0.5rem;
16794 padding-left: 1rem;
16795 font-size: 1.171875rem;
16797 @media (max-width: 1200px) {
16798 .custom-select-lg {
16799 font-size: calc(0.9271875rem + 0.32625vw);
16803 .custom-file {
16804 position: relative;
16805 display: inline-block;
16806 width: 100%;
16807 height: calc(1.5em + 0.75rem + 2px);
16808 margin-bottom: 0;
16811 .custom-file-input {
16812 position: relative;
16813 z-index: 2;
16814 width: 100%;
16815 height: calc(1.5em + 0.75rem + 2px);
16816 margin: 0;
16817 overflow: hidden;
16818 opacity: 0;
16820 .custom-file-input:focus ~ .custom-file-label {
16821 border-color: #5babf2;
16822 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16824 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
16825 background-color: #e9ecef;
16827 .custom-file-input:lang(en) ~ .custom-file-label::after {
16828 content: "Browse";
16830 .custom-file-input ~ .custom-file-label[data-browse]::after {
16831 content: attr(data-browse);
16834 .custom-file-label {
16835 position: absolute;
16836 top: 0;
16837 right: 0;
16838 left: 0;
16839 z-index: 1;
16840 height: calc(1.5em + 0.75rem + 2px);
16841 padding: 0.375rem 0.75rem;
16842 overflow: hidden;
16843 font-weight: 400;
16844 line-height: 1.5;
16845 color: #495057;
16846 background-color: #fff;
16847 border: 1px solid #8f959e;
16848 border-radius: 0.5rem;
16850 .custom-file-label::after {
16851 position: absolute;
16852 top: 0;
16853 right: 0;
16854 bottom: 0;
16855 z-index: 3;
16856 display: block;
16857 height: calc(1.5em + 0.75rem);
16858 padding: 0.375rem 0.75rem;
16859 line-height: 1.5;
16860 color: #495057;
16861 content: "Browse";
16862 background-color: #e9ecef;
16863 border-left: inherit;
16864 border-radius: 0 0.5rem 0.5rem 0;
16867 .custom-range {
16868 width: 100%;
16869 height: 1.4rem;
16870 padding: 0;
16871 background-color: transparent;
16872 appearance: none;
16874 .custom-range:focus {
16875 outline: 0;
16877 .custom-range:focus::-webkit-slider-thumb {
16878 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16880 .custom-range:focus::-moz-range-thumb {
16881 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16883 .custom-range:focus::-ms-thumb {
16884 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16886 .custom-range::-moz-focus-outer {
16887 border: 0;
16889 .custom-range::-webkit-slider-thumb {
16890 width: 1rem;
16891 height: 1rem;
16892 margin-top: -0.25rem;
16893 background-color: #0f6cbf;
16894 border: 0;
16895 border-radius: 1rem;
16896 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16897 appearance: none;
16899 @media (prefers-reduced-motion: reduce) {
16900 .custom-range::-webkit-slider-thumb {
16901 transition: none;
16904 .custom-range::-webkit-slider-thumb:active {
16905 background-color: #8bc3f6;
16907 .custom-range::-webkit-slider-runnable-track {
16908 width: 100%;
16909 height: 0.5rem;
16910 color: transparent;
16911 cursor: pointer;
16912 background-color: #dee2e6;
16913 border-color: transparent;
16914 border-radius: 1rem;
16916 .custom-range::-moz-range-thumb {
16917 width: 1rem;
16918 height: 1rem;
16919 background-color: #0f6cbf;
16920 border: 0;
16921 border-radius: 1rem;
16922 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16923 appearance: none;
16925 @media (prefers-reduced-motion: reduce) {
16926 .custom-range::-moz-range-thumb {
16927 transition: none;
16930 .custom-range::-moz-range-thumb:active {
16931 background-color: #8bc3f6;
16933 .custom-range::-moz-range-track {
16934 width: 100%;
16935 height: 0.5rem;
16936 color: transparent;
16937 cursor: pointer;
16938 background-color: #dee2e6;
16939 border-color: transparent;
16940 border-radius: 1rem;
16942 .custom-range::-ms-thumb {
16943 width: 1rem;
16944 height: 1rem;
16945 margin-top: 0;
16946 margin-right: 0.2rem;
16947 margin-left: 0.2rem;
16948 background-color: #0f6cbf;
16949 border: 0;
16950 border-radius: 1rem;
16951 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16952 appearance: none;
16954 @media (prefers-reduced-motion: reduce) {
16955 .custom-range::-ms-thumb {
16956 transition: none;
16959 .custom-range::-ms-thumb:active {
16960 background-color: #8bc3f6;
16962 .custom-range::-ms-track {
16963 width: 100%;
16964 height: 0.5rem;
16965 color: transparent;
16966 cursor: pointer;
16967 background-color: transparent;
16968 border-color: transparent;
16969 border-width: 0.5rem;
16971 .custom-range::-ms-fill-lower {
16972 background-color: #dee2e6;
16973 border-radius: 1rem;
16975 .custom-range::-ms-fill-upper {
16976 margin-right: 15px;
16977 background-color: #dee2e6;
16978 border-radius: 1rem;
16980 .custom-range:disabled::-webkit-slider-thumb {
16981 background-color: #8f959e;
16983 .custom-range:disabled::-webkit-slider-runnable-track {
16984 cursor: default;
16986 .custom-range:disabled::-moz-range-thumb {
16987 background-color: #8f959e;
16989 .custom-range:disabled::-moz-range-track {
16990 cursor: default;
16992 .custom-range:disabled::-ms-thumb {
16993 background-color: #8f959e;
16996 .custom-control-label::before,
16997 .custom-file-label,
16998 .custom-select {
16999 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17001 @media (prefers-reduced-motion: reduce) {
17002 .custom-control-label::before,
17003 .custom-file-label,
17004 .custom-select {
17005 transition: none;
17009 .nav {
17010 display: flex;
17011 flex-wrap: wrap;
17012 padding-left: 0;
17013 margin-bottom: 0;
17014 list-style: none;
17017 .nav-link {
17018 display: block;
17019 padding: 0.5rem 1rem;
17021 .nav-link:hover, .nav-link:focus {
17022 text-decoration: none;
17024 .nav-link.disabled {
17025 color: #6a737b;
17026 pointer-events: none;
17027 cursor: default;
17030 .nav-tabs {
17031 border-bottom: 1px solid #dee2e6;
17033 .nav-tabs .nav-link {
17034 margin-bottom: -1px;
17035 background-color: transparent;
17036 border: 1px solid transparent;
17037 border-top-left-radius: 0.5rem;
17038 border-top-right-radius: 0.5rem;
17040 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
17041 isolation: isolate;
17042 border-color: #e9ecef #e9ecef #dee2e6;
17044 .nav-tabs .nav-link.disabled {
17045 color: #6a737b;
17046 background-color: transparent;
17047 border-color: transparent;
17049 .nav-tabs .nav-link.active,
17050 .nav-tabs .nav-item.show .nav-link {
17051 color: #495057;
17052 background-color: #fff;
17053 border-color: #dee2e6 #dee2e6 #fff;
17055 .nav-tabs .dropdown-menu {
17056 margin-top: -1px;
17057 border-top-left-radius: 0;
17058 border-top-right-radius: 0;
17061 .nav-pills .nav-link {
17062 background: none;
17063 border: 0;
17064 border-radius: 0.5rem;
17066 .nav-pills .nav-link.active,
17067 .nav-pills .show > .nav-link {
17068 color: #fff;
17069 background-color: #0f6cbf;
17072 .nav-fill > .nav-link,
17073 .nav-fill .nav-item {
17074 flex: 1 1 auto;
17075 text-align: center;
17078 .nav-justified > .nav-link,
17079 .nav-justified .nav-item {
17080 flex-basis: 0;
17081 flex-grow: 1;
17082 text-align: center;
17085 .tab-content > .tab-pane {
17086 display: none;
17088 .tab-content > .active {
17089 display: block;
17092 .navbar {
17093 position: relative;
17094 display: flex;
17095 flex-wrap: wrap;
17096 align-items: center;
17097 justify-content: space-between;
17098 padding: 0.5rem 1rem;
17100 .navbar .container,
17101 .navbar .container-fluid,
17102 .navbar .container-sm,
17103 .navbar .container-md,
17104 .navbar .container-lg,
17105 .navbar .container-xl {
17106 display: flex;
17107 flex-wrap: wrap;
17108 align-items: center;
17109 justify-content: space-between;
17111 .navbar-brand {
17112 display: inline-block;
17113 padding-top: 0.32421875rem;
17114 padding-bottom: 0.32421875rem;
17115 margin-right: 1rem;
17116 font-size: 1.171875rem;
17117 line-height: inherit;
17118 white-space: nowrap;
17120 @media (max-width: 1200px) {
17121 .navbar-brand {
17122 font-size: calc(0.9271875rem + 0.32625vw);
17125 .navbar-brand:hover, .navbar-brand:focus {
17126 text-decoration: none;
17129 .navbar-nav {
17130 display: flex;
17131 flex-direction: column;
17132 padding-left: 0;
17133 margin-bottom: 0;
17134 list-style: none;
17136 .navbar-nav .nav-link {
17137 padding-right: 0;
17138 padding-left: 0;
17140 .navbar-nav .dropdown-menu {
17141 position: static;
17142 float: none;
17145 .navbar-text {
17146 display: inline-block;
17147 padding-top: 0.5rem;
17148 padding-bottom: 0.5rem;
17151 .navbar-collapse {
17152 flex-basis: 100%;
17153 flex-grow: 1;
17154 align-items: center;
17157 .navbar-toggler {
17158 padding: 0.25rem 0.75rem;
17159 font-size: 1.171875rem;
17160 line-height: 1;
17161 background-color: transparent;
17162 border: 1px solid transparent;
17163 border-radius: 0.5rem;
17165 @media (max-width: 1200px) {
17166 .navbar-toggler {
17167 font-size: calc(0.9271875rem + 0.32625vw);
17170 .navbar-toggler:hover, .navbar-toggler:focus {
17171 text-decoration: none;
17174 .navbar-toggler-icon {
17175 display: inline-block;
17176 width: 1.5em;
17177 height: 1.5em;
17178 vertical-align: middle;
17179 content: "";
17180 background: 50%/100% 100% no-repeat;
17183 .navbar-nav-scroll {
17184 max-height: 75vh;
17185 overflow-y: auto;
17188 @media (max-width: 575.98px) {
17189 .navbar-expand-sm > .container,
17190 .navbar-expand-sm > .container-fluid,
17191 .navbar-expand-sm > .container-sm,
17192 .navbar-expand-sm > .container-md,
17193 .navbar-expand-sm > .container-lg,
17194 .navbar-expand-sm > .container-xl {
17195 padding-right: 0;
17196 padding-left: 0;
17199 @media (min-width: 576px) {
17200 .navbar-expand-sm {
17201 flex-flow: row nowrap;
17202 justify-content: flex-start;
17204 .navbar-expand-sm .navbar-nav {
17205 flex-direction: row;
17207 .navbar-expand-sm .navbar-nav .dropdown-menu {
17208 position: absolute;
17210 .navbar-expand-sm .navbar-nav .nav-link {
17211 padding-right: 0.5rem;
17212 padding-left: 0.5rem;
17214 .navbar-expand-sm > .container,
17215 .navbar-expand-sm > .container-fluid,
17216 .navbar-expand-sm > .container-sm,
17217 .navbar-expand-sm > .container-md,
17218 .navbar-expand-sm > .container-lg,
17219 .navbar-expand-sm > .container-xl {
17220 flex-wrap: nowrap;
17222 .navbar-expand-sm .navbar-nav-scroll {
17223 overflow: visible;
17225 .navbar-expand-sm .navbar-collapse {
17226 display: flex !important;
17227 flex-basis: auto;
17229 .navbar-expand-sm .navbar-toggler {
17230 display: none;
17233 @media (max-width: 767.98px) {
17234 .navbar-expand-md > .container,
17235 .navbar-expand-md > .container-fluid,
17236 .navbar-expand-md > .container-sm,
17237 .navbar-expand-md > .container-md,
17238 .navbar-expand-md > .container-lg,
17239 .navbar-expand-md > .container-xl {
17240 padding-right: 0;
17241 padding-left: 0;
17244 @media (min-width: 768px) {
17245 .navbar-expand-md {
17246 flex-flow: row nowrap;
17247 justify-content: flex-start;
17249 .navbar-expand-md .navbar-nav {
17250 flex-direction: row;
17252 .navbar-expand-md .navbar-nav .dropdown-menu {
17253 position: absolute;
17255 .navbar-expand-md .navbar-nav .nav-link {
17256 padding-right: 0.5rem;
17257 padding-left: 0.5rem;
17259 .navbar-expand-md > .container,
17260 .navbar-expand-md > .container-fluid,
17261 .navbar-expand-md > .container-sm,
17262 .navbar-expand-md > .container-md,
17263 .navbar-expand-md > .container-lg,
17264 .navbar-expand-md > .container-xl {
17265 flex-wrap: nowrap;
17267 .navbar-expand-md .navbar-nav-scroll {
17268 overflow: visible;
17270 .navbar-expand-md .navbar-collapse {
17271 display: flex !important;
17272 flex-basis: auto;
17274 .navbar-expand-md .navbar-toggler {
17275 display: none;
17278 @media (max-width: 991.98px) {
17279 .navbar-expand-lg > .container,
17280 .navbar-expand-lg > .container-fluid,
17281 .navbar-expand-lg > .container-sm,
17282 .navbar-expand-lg > .container-md,
17283 .navbar-expand-lg > .container-lg,
17284 .navbar-expand-lg > .container-xl {
17285 padding-right: 0;
17286 padding-left: 0;
17289 @media (min-width: 992px) {
17290 .navbar-expand-lg {
17291 flex-flow: row nowrap;
17292 justify-content: flex-start;
17294 .navbar-expand-lg .navbar-nav {
17295 flex-direction: row;
17297 .navbar-expand-lg .navbar-nav .dropdown-menu {
17298 position: absolute;
17300 .navbar-expand-lg .navbar-nav .nav-link {
17301 padding-right: 0.5rem;
17302 padding-left: 0.5rem;
17304 .navbar-expand-lg > .container,
17305 .navbar-expand-lg > .container-fluid,
17306 .navbar-expand-lg > .container-sm,
17307 .navbar-expand-lg > .container-md,
17308 .navbar-expand-lg > .container-lg,
17309 .navbar-expand-lg > .container-xl {
17310 flex-wrap: nowrap;
17312 .navbar-expand-lg .navbar-nav-scroll {
17313 overflow: visible;
17315 .navbar-expand-lg .navbar-collapse {
17316 display: flex !important;
17317 flex-basis: auto;
17319 .navbar-expand-lg .navbar-toggler {
17320 display: none;
17323 @media (max-width: 1199.98px) {
17324 .navbar-expand-xl > .container,
17325 .navbar-expand-xl > .container-fluid,
17326 .navbar-expand-xl > .container-sm,
17327 .navbar-expand-xl > .container-md,
17328 .navbar-expand-xl > .container-lg,
17329 .navbar-expand-xl > .container-xl {
17330 padding-right: 0;
17331 padding-left: 0;
17334 @media (min-width: 1200px) {
17335 .navbar-expand-xl {
17336 flex-flow: row nowrap;
17337 justify-content: flex-start;
17339 .navbar-expand-xl .navbar-nav {
17340 flex-direction: row;
17342 .navbar-expand-xl .navbar-nav .dropdown-menu {
17343 position: absolute;
17345 .navbar-expand-xl .navbar-nav .nav-link {
17346 padding-right: 0.5rem;
17347 padding-left: 0.5rem;
17349 .navbar-expand-xl > .container,
17350 .navbar-expand-xl > .container-fluid,
17351 .navbar-expand-xl > .container-sm,
17352 .navbar-expand-xl > .container-md,
17353 .navbar-expand-xl > .container-lg,
17354 .navbar-expand-xl > .container-xl {
17355 flex-wrap: nowrap;
17357 .navbar-expand-xl .navbar-nav-scroll {
17358 overflow: visible;
17360 .navbar-expand-xl .navbar-collapse {
17361 display: flex !important;
17362 flex-basis: auto;
17364 .navbar-expand-xl .navbar-toggler {
17365 display: none;
17368 .navbar-expand {
17369 flex-flow: row nowrap;
17370 justify-content: flex-start;
17372 .navbar-expand > .container,
17373 .navbar-expand > .container-fluid,
17374 .navbar-expand > .container-sm,
17375 .navbar-expand > .container-md,
17376 .navbar-expand > .container-lg,
17377 .navbar-expand > .container-xl {
17378 padding-right: 0;
17379 padding-left: 0;
17381 .navbar-expand .navbar-nav {
17382 flex-direction: row;
17384 .navbar-expand .navbar-nav .dropdown-menu {
17385 position: absolute;
17387 .navbar-expand .navbar-nav .nav-link {
17388 padding-right: 0.5rem;
17389 padding-left: 0.5rem;
17391 .navbar-expand > .container,
17392 .navbar-expand > .container-fluid,
17393 .navbar-expand > .container-sm,
17394 .navbar-expand > .container-md,
17395 .navbar-expand > .container-lg,
17396 .navbar-expand > .container-xl {
17397 flex-wrap: nowrap;
17399 .navbar-expand .navbar-nav-scroll {
17400 overflow: visible;
17402 .navbar-expand .navbar-collapse {
17403 display: flex !important;
17404 flex-basis: auto;
17406 .navbar-expand .navbar-toggler {
17407 display: none;
17410 .navbar-light .navbar-brand {
17411 color: rgba(0, 0, 0, 0.9);
17413 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
17414 color: rgba(0, 0, 0, 0.9);
17416 .navbar-light .navbar-nav .nav-link {
17417 color: rgba(0, 0, 0, 0.6);
17419 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
17420 color: rgba(0, 0, 0, 0.9);
17422 .navbar-light .navbar-nav .nav-link.disabled {
17423 color: rgba(0, 0, 0, 0.3);
17425 .navbar-light .navbar-nav .show > .nav-link,
17426 .navbar-light .navbar-nav .active > .nav-link,
17427 .navbar-light .navbar-nav .nav-link.show,
17428 .navbar-light .navbar-nav .nav-link.active {
17429 color: rgba(0, 0, 0, 0.9);
17431 .navbar-light .navbar-toggler {
17432 color: rgba(0, 0, 0, 0.6);
17433 border-color: rgba(0, 0, 0, 0.1);
17435 .navbar-light .navbar-toggler-icon {
17436 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
17438 .navbar-light .navbar-text {
17439 color: rgba(0, 0, 0, 0.6);
17441 .navbar-light .navbar-text a {
17442 color: rgba(0, 0, 0, 0.9);
17444 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
17445 color: rgba(0, 0, 0, 0.9);
17448 .navbar-dark .navbar-brand {
17449 color: #fff;
17451 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
17452 color: #fff;
17454 .navbar-dark .navbar-nav .nav-link {
17455 color: rgba(255, 255, 255, 0.5);
17457 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
17458 color: white;
17460 .navbar-dark .navbar-nav .nav-link.disabled {
17461 color: rgba(255, 255, 255, 0.25);
17463 .navbar-dark .navbar-nav .show > .nav-link,
17464 .navbar-dark .navbar-nav .active > .nav-link,
17465 .navbar-dark .navbar-nav .nav-link.show,
17466 .navbar-dark .navbar-nav .nav-link.active {
17467 color: #fff;
17469 .navbar-dark .navbar-toggler {
17470 color: rgba(255, 255, 255, 0.5);
17471 border-color: rgba(255, 255, 255, 0.1);
17473 .navbar-dark .navbar-toggler-icon {
17474 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
17476 .navbar-dark .navbar-text {
17477 color: rgba(255, 255, 255, 0.5);
17479 .navbar-dark .navbar-text a {
17480 color: #fff;
17482 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
17483 color: #fff;
17486 .card {
17487 position: relative;
17488 display: flex;
17489 flex-direction: column;
17490 min-width: 0;
17491 word-wrap: break-word;
17492 background-color: #fff;
17493 background-clip: border-box;
17494 border: 1px solid rgba(0, 0, 0, 0.125);
17495 border-radius: 0.5rem;
17497 .card > hr {
17498 margin-right: 0;
17499 margin-left: 0;
17501 .card > .list-group {
17502 border-top: inherit;
17503 border-bottom: inherit;
17505 .card > .list-group:first-child {
17506 border-top-width: 0;
17507 border-top-left-radius: calc(0.5rem - 1px);
17508 border-top-right-radius: calc(0.5rem - 1px);
17510 .card > .list-group:last-child {
17511 border-bottom-width: 0;
17512 border-bottom-right-radius: calc(0.5rem - 1px);
17513 border-bottom-left-radius: calc(0.5rem - 1px);
17515 .card > .card-header + .list-group,
17516 .card > .list-group + .card-footer {
17517 border-top: 0;
17520 .card-body {
17521 flex: 1 1 auto;
17522 min-height: 1px;
17523 padding: 1.25rem;
17526 .card-title {
17527 margin-bottom: 0.75rem;
17530 .card-subtitle {
17531 margin-top: -0.375rem;
17532 margin-bottom: 0;
17535 .card-text:last-child {
17536 margin-bottom: 0;
17539 .card-link:hover {
17540 text-decoration: none;
17542 .card-link + .card-link {
17543 margin-left: 1.25rem;
17546 .card-header {
17547 padding: 0.75rem 1.25rem;
17548 margin-bottom: 0;
17549 background-color: rgba(0, 0, 0, 0.03);
17550 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
17552 .card-header:first-child {
17553 border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
17556 .card-footer {
17557 padding: 0.75rem 1.25rem;
17558 background-color: rgba(0, 0, 0, 0.03);
17559 border-top: 1px solid rgba(0, 0, 0, 0.125);
17561 .card-footer:last-child {
17562 border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
17565 .card-header-tabs {
17566 margin-right: -0.625rem;
17567 margin-bottom: -0.75rem;
17568 margin-left: -0.625rem;
17569 border-bottom: 0;
17572 .card-header-pills {
17573 margin-right: -0.625rem;
17574 margin-left: -0.625rem;
17577 .card-img-overlay {
17578 position: absolute;
17579 top: 0;
17580 right: 0;
17581 bottom: 0;
17582 left: 0;
17583 padding: 1.25rem;
17584 border-radius: calc(0.5rem - 1px);
17587 .card-img,
17588 .card-img-top,
17589 .card-img-bottom {
17590 flex-shrink: 0;
17591 width: 100%;
17594 .card-img,
17595 .card-img-top {
17596 border-top-left-radius: calc(0.5rem - 1px);
17597 border-top-right-radius: calc(0.5rem - 1px);
17600 .card-img,
17601 .card-img-bottom {
17602 border-bottom-right-radius: calc(0.5rem - 1px);
17603 border-bottom-left-radius: calc(0.5rem - 1px);
17606 .card-deck .card {
17607 margin-bottom: 0.25rem;
17609 @media (min-width: 576px) {
17610 .card-deck {
17611 display: flex;
17612 flex-flow: row wrap;
17613 margin-right: -0.25rem;
17614 margin-left: -0.25rem;
17616 .card-deck .card {
17617 flex: 1 0 0%;
17618 margin-right: 0.25rem;
17619 margin-bottom: 0;
17620 margin-left: 0.25rem;
17624 .card-group > .card {
17625 margin-bottom: 0.25rem;
17627 @media (min-width: 576px) {
17628 .card-group {
17629 display: flex;
17630 flex-flow: row wrap;
17632 .card-group > .card {
17633 flex: 1 0 0%;
17634 margin-bottom: 0;
17636 .card-group > .card + .card {
17637 margin-left: 0;
17638 border-left: 0;
17640 .card-group > .card:not(:last-child) {
17641 border-top-right-radius: 0;
17642 border-bottom-right-radius: 0;
17644 .card-group > .card:not(:last-child) .card-img-top,
17645 .card-group > .card:not(:last-child) .card-header {
17646 border-top-right-radius: 0;
17648 .card-group > .card:not(:last-child) .card-img-bottom,
17649 .card-group > .card:not(:last-child) .card-footer {
17650 border-bottom-right-radius: 0;
17652 .card-group > .card:not(:first-child) {
17653 border-top-left-radius: 0;
17654 border-bottom-left-radius: 0;
17656 .card-group > .card:not(:first-child) .card-img-top,
17657 .card-group > .card:not(:first-child) .card-header {
17658 border-top-left-radius: 0;
17660 .card-group > .card:not(:first-child) .card-img-bottom,
17661 .card-group > .card:not(:first-child) .card-footer {
17662 border-bottom-left-radius: 0;
17666 .card-columns .card {
17667 margin-bottom: 0.75rem;
17669 @media (min-width: 576px) {
17670 .card-columns {
17671 column-count: 3;
17672 column-gap: 1.25rem;
17673 orphans: 1;
17674 widows: 1;
17676 .card-columns .card {
17677 display: inline-block;
17678 width: 100%;
17682 .accordion {
17683 overflow-anchor: none;
17685 .accordion > .card {
17686 overflow: hidden;
17688 .accordion > .card:not(:last-of-type) {
17689 border-bottom: 0;
17690 border-bottom-right-radius: 0;
17691 border-bottom-left-radius: 0;
17693 .accordion > .card:not(:first-of-type) {
17694 border-top-left-radius: 0;
17695 border-top-right-radius: 0;
17697 .accordion > .card > .card-header {
17698 border-radius: 0;
17699 margin-bottom: -1px;
17702 .breadcrumb {
17703 display: flex;
17704 flex-wrap: wrap;
17705 padding: 0.5rem 0;
17706 margin-bottom: 0;
17707 list-style: none;
17708 background-color: transparent;
17709 border-radius: 0.5rem;
17712 .breadcrumb-item + .breadcrumb-item {
17713 padding-left: 0.5rem;
17715 .breadcrumb-item + .breadcrumb-item::before {
17716 float: left;
17717 padding-right: 0.5rem;
17718 color: #6a737b;
17719 content: "/";
17721 .breadcrumb-item + .breadcrumb-item:hover::before {
17722 text-decoration: underline;
17724 .breadcrumb-item + .breadcrumb-item:hover::before {
17725 text-decoration: none;
17727 .breadcrumb-item.active {
17728 color: #6a737b;
17731 .pagination {
17732 display: flex;
17733 padding-left: 0;
17734 list-style: none;
17735 border-radius: 0.5rem;
17738 .page-link {
17739 position: relative;
17740 display: block;
17741 padding: 0.5rem 0.75rem;
17742 margin-left: -1px;
17743 line-height: 1.25;
17744 color: #0f6cbf;
17745 background-color: #fff;
17746 border: 1px solid #dee2e6;
17748 .page-link:hover {
17749 z-index: 2;
17750 color: #094478;
17751 text-decoration: none;
17752 background-color: #e9ecef;
17753 border-color: #dee2e6;
17755 .page-link:focus {
17756 z-index: 3;
17757 outline: 0;
17758 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
17761 .page-item:first-child .page-link {
17762 margin-left: 0;
17763 border-top-left-radius: 0.5rem;
17764 border-bottom-left-radius: 0.5rem;
17766 .page-item:last-child .page-link {
17767 border-top-right-radius: 0.5rem;
17768 border-bottom-right-radius: 0.5rem;
17770 .page-item.active .page-link {
17771 z-index: 3;
17772 color: #fff;
17773 background-color: #0f6cbf;
17774 border-color: #0f6cbf;
17776 .page-item.disabled .page-link {
17777 color: #6a737b;
17778 pointer-events: none;
17779 cursor: auto;
17780 background-color: #fff;
17781 border-color: #dee2e6;
17784 .pagination-lg .page-link {
17785 padding: 0.75rem 1.5rem;
17786 font-size: 1.171875rem;
17787 line-height: 1.5;
17789 @media (max-width: 1200px) {
17790 .pagination-lg .page-link {
17791 font-size: calc(0.9271875rem + 0.32625vw);
17794 .pagination-lg .page-item:first-child .page-link {
17795 border-top-left-radius: 0.6rem;
17796 border-bottom-left-radius: 0.6rem;
17798 .pagination-lg .page-item:last-child .page-link {
17799 border-top-right-radius: 0.6rem;
17800 border-bottom-right-radius: 0.6rem;
17803 .pagination-sm .page-link {
17804 padding: 0.25rem 0.5rem;
17805 font-size: 0.8203125rem;
17806 line-height: 1.5;
17808 .pagination-sm .page-item:first-child .page-link {
17809 border-top-left-radius: 0.2rem;
17810 border-bottom-left-radius: 0.2rem;
17812 .pagination-sm .page-item:last-child .page-link {
17813 border-top-right-radius: 0.2rem;
17814 border-bottom-right-radius: 0.2rem;
17817 .badge {
17818 display: inline-block;
17819 padding: 0.25em 0.4em;
17820 font-size: 75%;
17821 font-weight: 700;
17822 line-height: 1;
17823 text-align: center;
17824 white-space: nowrap;
17825 vertical-align: baseline;
17826 border-radius: 0.5rem;
17827 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17829 @media (prefers-reduced-motion: reduce) {
17830 .badge {
17831 transition: none;
17834 a.badge:hover, a.badge:focus {
17835 text-decoration: none;
17838 .badge:empty {
17839 display: none;
17842 .btn .badge {
17843 position: relative;
17844 top: -1px;
17847 .badge-pill {
17848 padding-right: 0.6em;
17849 padding-left: 0.6em;
17850 border-radius: 10rem;
17853 .badge-primary {
17854 color: #fff;
17855 background-color: #0f6cbf;
17857 a.badge-primary:hover, a.badge-primary:focus {
17858 color: #fff;
17859 background-color: #0b5190;
17861 a.badge-primary:focus, a.badge-primary.focus {
17862 outline: 0;
17863 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
17866 .badge-secondary {
17867 color: #1d2125;
17868 background-color: #ced4da;
17870 a.badge-secondary:hover, a.badge-secondary:focus {
17871 color: #1d2125;
17872 background-color: #b1bbc4;
17874 a.badge-secondary:focus, a.badge-secondary.focus {
17875 outline: 0;
17876 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
17879 .badge-success {
17880 color: #fff;
17881 background-color: #357a32;
17883 a.badge-success:hover, a.badge-success:focus {
17884 color: #fff;
17885 background-color: #255623;
17887 a.badge-success:focus, a.badge-success.focus {
17888 outline: 0;
17889 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
17892 .badge-info {
17893 color: #fff;
17894 background-color: #008196;
17896 a.badge-info:hover, a.badge-info:focus {
17897 color: #fff;
17898 background-color: #005563;
17900 a.badge-info:focus, a.badge-info.focus {
17901 outline: 0;
17902 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
17905 .badge-warning {
17906 color: #1d2125;
17907 background-color: #f0ad4e;
17909 a.badge-warning:hover, a.badge-warning:focus {
17910 color: #1d2125;
17911 background-color: #ec971f;
17913 a.badge-warning:focus, a.badge-warning.focus {
17914 outline: 0;
17915 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
17918 .badge-danger {
17919 color: #fff;
17920 background-color: #ca3120;
17922 a.badge-danger:hover, a.badge-danger:focus {
17923 color: #fff;
17924 background-color: #9e2619;
17926 a.badge-danger:focus, a.badge-danger.focus {
17927 outline: 0;
17928 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
17931 .badge-light {
17932 color: #1d2125;
17933 background-color: #f8f9fa;
17935 a.badge-light:hover, a.badge-light:focus {
17936 color: #1d2125;
17937 background-color: #dae0e5;
17939 a.badge-light:focus, a.badge-light.focus {
17940 outline: 0;
17941 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
17944 .badge-dark {
17945 color: #fff;
17946 background-color: #343a40;
17948 a.badge-dark:hover, a.badge-dark:focus {
17949 color: #fff;
17950 background-color: #1d2124;
17952 a.badge-dark:focus, a.badge-dark.focus {
17953 outline: 0;
17954 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
17957 .jumbotron {
17958 padding: 2rem 1rem;
17959 margin-bottom: 2rem;
17960 background-color: #e9ecef;
17961 border-radius: 0.6rem;
17963 @media (min-width: 576px) {
17964 .jumbotron {
17965 padding: 4rem 2rem;
17969 .jumbotron-fluid {
17970 padding-right: 0;
17971 padding-left: 0;
17972 border-radius: 0;
17975 .alert {
17976 position: relative;
17977 padding: 0.75rem 1.25rem;
17978 margin-bottom: 1rem;
17979 border: 0 solid transparent;
17980 border-radius: 0.5rem;
17983 .alert-heading {
17984 color: inherit;
17987 .alert-link {
17988 font-weight: 700;
17991 .alert-dismissible {
17992 padding-right: 3.90625rem;
17994 .alert-dismissible .close {
17995 position: absolute;
17996 top: 0;
17997 right: 0;
17998 z-index: 2;
17999 padding: 0.75rem 1.25rem;
18000 color: inherit;
18003 .alert-primary {
18004 color: #083863;
18005 background-color: #cfe2f2;
18006 border-color: #bcd6ed;
18008 .alert-primary hr {
18009 border-top-color: #a8cae8;
18011 .alert-primary .alert-link {
18012 color: #041d34;
18015 .alert-secondary {
18016 color: #6b6e71;
18017 background-color: #f5f6f8;
18018 border-color: #f1f3f5;
18020 .alert-secondary hr {
18021 border-top-color: #e2e6ea;
18023 .alert-secondary .alert-link {
18024 color: #525557;
18027 .alert-success, .environmenttable .ok {
18028 color: #1c3f1a;
18029 background-color: #d7e4d6;
18030 border-color: #c6dac6;
18032 .alert-success hr, .environmenttable .ok hr {
18033 border-top-color: #b7d0b7;
18035 .alert-success .alert-link, .environmenttable .ok .alert-link {
18036 color: #0c1b0b;
18039 .alert-info {
18040 color: #00434e;
18041 background-color: #cce6ea;
18042 border-color: #b8dce2;
18044 .alert-info hr {
18045 border-top-color: #a6d3db;
18047 .alert-info .alert-link {
18048 color: #00171b;
18051 .alert-warning, .environmenttable .warn {
18052 color: #7d5a29;
18053 background-color: #fcefdc;
18054 border-color: #fbe8cd;
18056 .alert-warning hr, .environmenttable .warn hr {
18057 border-top-color: #f9ddb5;
18059 .alert-warning .alert-link, .environmenttable .warn .alert-link {
18060 color: #573e1c;
18063 .alert-danger, .environmenttable .error {
18064 color: #691911;
18065 background-color: #f4d6d2;
18066 border-color: #f0c5c1;
18068 .alert-danger hr, .environmenttable .error hr {
18069 border-top-color: #ebb2ac;
18071 .alert-danger .alert-link, .environmenttable .error .alert-link {
18072 color: #3d0f0a;
18075 .alert-light {
18076 color: #818182;
18077 background-color: #fefefe;
18078 border-color: #fdfdfe;
18080 .alert-light hr {
18081 border-top-color: #ececf6;
18083 .alert-light .alert-link {
18084 color: #686868;
18087 .alert-dark {
18088 color: #1b1e21;
18089 background-color: #d6d8d9;
18090 border-color: #c6c8ca;
18092 .alert-dark hr {
18093 border-top-color: #b9bbbe;
18095 .alert-dark .alert-link {
18096 color: #040505;
18099 @keyframes progress-bar-stripes {
18100 from {
18101 background-position: 1rem 0;
18103 to {
18104 background-position: 0 0;
18107 .progress {
18108 display: flex;
18109 height: 1rem;
18110 overflow: hidden;
18111 line-height: 0;
18112 font-size: 0.703125rem;
18113 background-color: #e9ecef;
18114 border-radius: 0.5rem;
18117 .progress-bar {
18118 display: flex;
18119 flex-direction: column;
18120 justify-content: center;
18121 overflow: hidden;
18122 color: #fff;
18123 text-align: center;
18124 white-space: nowrap;
18125 background-color: #0f6cbf;
18126 transition: width 0.6s ease;
18128 @media (prefers-reduced-motion: reduce) {
18129 .progress-bar {
18130 transition: none;
18134 .progress-bar-striped {
18135 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
18136 background-size: 1rem 1rem;
18139 .progress-bar-animated {
18140 animation: 1s linear infinite progress-bar-stripes;
18142 @media (prefers-reduced-motion: reduce) {
18143 .progress-bar-animated {
18144 animation: none;
18148 .media {
18149 display: flex;
18150 align-items: flex-start;
18153 .media-body {
18154 flex: 1;
18157 .list-group {
18158 display: flex;
18159 flex-direction: column;
18160 padding-left: 0;
18161 margin-bottom: 0;
18162 border-radius: 0.5rem;
18165 .list-group-item-action {
18166 width: 100%;
18167 color: #495057;
18168 text-align: inherit;
18170 .list-group-item-action:hover, .list-group-item-action:focus {
18171 z-index: 1;
18172 color: #495057;
18173 text-decoration: none;
18174 background-color: #f8f9fa;
18176 .list-group-item-action:active {
18177 color: #1d2125;
18178 background-color: #e9ecef;
18181 .list-group-item {
18182 position: relative;
18183 display: block;
18184 padding: 0.75rem 1.25rem;
18185 background-color: #fff;
18186 border: 1px solid rgba(0, 0, 0, 0.125);
18188 .list-group-item:first-child {
18189 border-top-left-radius: inherit;
18190 border-top-right-radius: inherit;
18192 .list-group-item:last-child {
18193 border-bottom-right-radius: inherit;
18194 border-bottom-left-radius: inherit;
18196 .list-group-item.disabled, .list-group-item:disabled {
18197 color: #6a737b;
18198 pointer-events: none;
18199 background-color: #fff;
18201 .list-group-item.active {
18202 z-index: 2;
18203 color: #fff;
18204 background-color: #0f6cbf;
18205 border-color: #0f6cbf;
18207 .list-group-item + .list-group-item {
18208 border-top-width: 0;
18210 .list-group-item + .list-group-item.active {
18211 margin-top: -1px;
18212 border-top-width: 1px;
18215 .list-group-horizontal {
18216 flex-direction: row;
18218 .list-group-horizontal > .list-group-item:first-child {
18219 border-bottom-left-radius: 0.5rem;
18220 border-top-right-radius: 0;
18222 .list-group-horizontal > .list-group-item:last-child {
18223 border-top-right-radius: 0.5rem;
18224 border-bottom-left-radius: 0;
18226 .list-group-horizontal > .list-group-item.active {
18227 margin-top: 0;
18229 .list-group-horizontal > .list-group-item + .list-group-item {
18230 border-top-width: 1px;
18231 border-left-width: 0;
18233 .list-group-horizontal > .list-group-item + .list-group-item.active {
18234 margin-left: -1px;
18235 border-left-width: 1px;
18238 @media (min-width: 576px) {
18239 .list-group-horizontal-sm {
18240 flex-direction: row;
18242 .list-group-horizontal-sm > .list-group-item:first-child {
18243 border-bottom-left-radius: 0.5rem;
18244 border-top-right-radius: 0;
18246 .list-group-horizontal-sm > .list-group-item:last-child {
18247 border-top-right-radius: 0.5rem;
18248 border-bottom-left-radius: 0;
18250 .list-group-horizontal-sm > .list-group-item.active {
18251 margin-top: 0;
18253 .list-group-horizontal-sm > .list-group-item + .list-group-item {
18254 border-top-width: 1px;
18255 border-left-width: 0;
18257 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
18258 margin-left: -1px;
18259 border-left-width: 1px;
18262 @media (min-width: 768px) {
18263 .list-group-horizontal-md {
18264 flex-direction: row;
18266 .list-group-horizontal-md > .list-group-item:first-child {
18267 border-bottom-left-radius: 0.5rem;
18268 border-top-right-radius: 0;
18270 .list-group-horizontal-md > .list-group-item:last-child {
18271 border-top-right-radius: 0.5rem;
18272 border-bottom-left-radius: 0;
18274 .list-group-horizontal-md > .list-group-item.active {
18275 margin-top: 0;
18277 .list-group-horizontal-md > .list-group-item + .list-group-item {
18278 border-top-width: 1px;
18279 border-left-width: 0;
18281 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
18282 margin-left: -1px;
18283 border-left-width: 1px;
18286 @media (min-width: 992px) {
18287 .list-group-horizontal-lg {
18288 flex-direction: row;
18290 .list-group-horizontal-lg > .list-group-item:first-child {
18291 border-bottom-left-radius: 0.5rem;
18292 border-top-right-radius: 0;
18294 .list-group-horizontal-lg > .list-group-item:last-child {
18295 border-top-right-radius: 0.5rem;
18296 border-bottom-left-radius: 0;
18298 .list-group-horizontal-lg > .list-group-item.active {
18299 margin-top: 0;
18301 .list-group-horizontal-lg > .list-group-item + .list-group-item {
18302 border-top-width: 1px;
18303 border-left-width: 0;
18305 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
18306 margin-left: -1px;
18307 border-left-width: 1px;
18310 @media (min-width: 1200px) {
18311 .list-group-horizontal-xl {
18312 flex-direction: row;
18314 .list-group-horizontal-xl > .list-group-item:first-child {
18315 border-bottom-left-radius: 0.5rem;
18316 border-top-right-radius: 0;
18318 .list-group-horizontal-xl > .list-group-item:last-child {
18319 border-top-right-radius: 0.5rem;
18320 border-bottom-left-radius: 0;
18322 .list-group-horizontal-xl > .list-group-item.active {
18323 margin-top: 0;
18325 .list-group-horizontal-xl > .list-group-item + .list-group-item {
18326 border-top-width: 1px;
18327 border-left-width: 0;
18329 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
18330 margin-left: -1px;
18331 border-left-width: 1px;
18334 .list-group-flush {
18335 border-radius: 0;
18337 .list-group-flush > .list-group-item {
18338 border-width: 0 0 1px;
18340 .list-group-flush > .list-group-item:last-child {
18341 border-bottom-width: 0;
18344 .list-group-item-primary {
18345 color: #083863;
18346 background-color: #bcd6ed;
18348 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
18349 color: #083863;
18350 background-color: #a8cae8;
18352 .list-group-item-primary.list-group-item-action.active {
18353 color: #fff;
18354 background-color: #083863;
18355 border-color: #083863;
18358 .list-group-item-secondary {
18359 color: #6b6e71;
18360 background-color: #f1f3f5;
18362 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
18363 color: #6b6e71;
18364 background-color: #e2e6ea;
18366 .list-group-item-secondary.list-group-item-action.active {
18367 color: #fff;
18368 background-color: #6b6e71;
18369 border-color: #6b6e71;
18372 .list-group-item-success {
18373 color: #1c3f1a;
18374 background-color: #c6dac6;
18376 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
18377 color: #1c3f1a;
18378 background-color: #b7d0b7;
18380 .list-group-item-success.list-group-item-action.active {
18381 color: #fff;
18382 background-color: #1c3f1a;
18383 border-color: #1c3f1a;
18386 .list-group-item-info {
18387 color: #00434e;
18388 background-color: #b8dce2;
18390 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
18391 color: #00434e;
18392 background-color: #a6d3db;
18394 .list-group-item-info.list-group-item-action.active {
18395 color: #fff;
18396 background-color: #00434e;
18397 border-color: #00434e;
18400 .list-group-item-warning {
18401 color: #7d5a29;
18402 background-color: #fbe8cd;
18404 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
18405 color: #7d5a29;
18406 background-color: #f9ddb5;
18408 .list-group-item-warning.list-group-item-action.active {
18409 color: #fff;
18410 background-color: #7d5a29;
18411 border-color: #7d5a29;
18414 .list-group-item-danger {
18415 color: #691911;
18416 background-color: #f0c5c1;
18418 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
18419 color: #691911;
18420 background-color: #ebb2ac;
18422 .list-group-item-danger.list-group-item-action.active {
18423 color: #fff;
18424 background-color: #691911;
18425 border-color: #691911;
18428 .list-group-item-light {
18429 color: #818182;
18430 background-color: #fdfdfe;
18432 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
18433 color: #818182;
18434 background-color: #ececf6;
18436 .list-group-item-light.list-group-item-action.active {
18437 color: #fff;
18438 background-color: #818182;
18439 border-color: #818182;
18442 .list-group-item-dark {
18443 color: #1b1e21;
18444 background-color: #c6c8ca;
18446 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
18447 color: #1b1e21;
18448 background-color: #b9bbbe;
18450 .list-group-item-dark.list-group-item-action.active {
18451 color: #fff;
18452 background-color: #1b1e21;
18453 border-color: #1b1e21;
18456 .close {
18457 float: right;
18458 font-size: 1.40625rem;
18459 font-weight: 700;
18460 line-height: 1;
18461 color: #000;
18462 text-shadow: 0 1px 0 #fff;
18463 opacity: 0.5;
18465 @media (max-width: 1200px) {
18466 .close {
18467 font-size: calc(0.950625rem + 0.6075vw);
18470 .close:hover {
18471 color: #000;
18472 text-decoration: none;
18474 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
18475 opacity: 0.75;
18478 button.close {
18479 padding: 0;
18480 background-color: transparent;
18481 border: 0;
18484 a.close.disabled {
18485 pointer-events: none;
18488 .toast {
18489 flex-basis: 350px;
18490 max-width: 350px;
18491 font-size: 0.875rem;
18492 color: #fff;
18493 background-color: rgba(29, 33, 37, 0.95);
18494 background-clip: padding-box;
18495 border: 1px solid rgba(0, 0, 0, 0.1);
18496 box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
18497 opacity: 0;
18498 border-radius: 0.25rem;
18500 .toast:not(:last-child) {
18501 margin-bottom: 0.75rem;
18503 .toast.showing {
18504 opacity: 1;
18506 .toast.show {
18507 display: block;
18508 opacity: 1;
18510 .toast.hide {
18511 display: none;
18514 .toast-header {
18515 display: flex;
18516 align-items: center;
18517 padding: 0.25rem 0.75rem;
18518 color: #f8f9fa;
18519 background-color: rgba(255, 255, 255, 0.1);
18520 background-clip: padding-box;
18521 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
18522 border-top-left-radius: calc(0.25rem - 1px);
18523 border-top-right-radius: calc(0.25rem - 1px);
18526 .toast-body {
18527 padding: 0.75rem;
18530 .modal-open {
18531 overflow: hidden;
18533 .modal-open .modal {
18534 overflow-x: hidden;
18535 overflow-y: auto;
18538 .modal {
18539 position: fixed;
18540 top: 0;
18541 left: 0;
18542 z-index: 1050;
18543 display: none;
18544 width: 100%;
18545 height: 100%;
18546 overflow: hidden;
18547 outline: 0;
18550 .modal-dialog {
18551 position: relative;
18552 width: auto;
18553 margin: 0.5rem;
18554 pointer-events: none;
18556 .modal.fade .modal-dialog {
18557 transition: transform 0.3s ease-out;
18558 transform: translate(0, -50px);
18560 @media (prefers-reduced-motion: reduce) {
18561 .modal.fade .modal-dialog {
18562 transition: none;
18565 .modal.show .modal-dialog {
18566 transform: none;
18568 .modal.modal-static .modal-dialog {
18569 transform: scale(1.02);
18572 .modal-dialog-scrollable {
18573 display: flex;
18574 max-height: calc(100% - 1rem);
18576 .modal-dialog-scrollable .modal-content {
18577 max-height: calc(100vh - 1rem);
18578 overflow: hidden;
18580 .modal-dialog-scrollable .modal-header,
18581 .modal-dialog-scrollable .modal-footer {
18582 flex-shrink: 0;
18584 .modal-dialog-scrollable .modal-body {
18585 overflow-y: auto;
18588 .modal-dialog-centered {
18589 display: flex;
18590 align-items: center;
18591 min-height: calc(100% - 1rem);
18593 .modal-dialog-centered::before {
18594 display: block;
18595 height: calc(100vh - 1rem);
18596 height: min-content;
18597 content: "";
18599 .modal-dialog-centered.modal-dialog-scrollable {
18600 flex-direction: column;
18601 justify-content: center;
18602 height: 100%;
18604 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
18605 max-height: none;
18607 .modal-dialog-centered.modal-dialog-scrollable::before {
18608 content: none;
18611 .modal-content {
18612 position: relative;
18613 display: flex;
18614 flex-direction: column;
18615 width: 100%;
18616 pointer-events: auto;
18617 background-color: #fff;
18618 background-clip: padding-box;
18619 border: 1px solid rgba(0, 0, 0, 0.2);
18620 border-radius: 0.6rem;
18621 outline: 0;
18624 .modal-backdrop {
18625 position: fixed;
18626 top: 0;
18627 left: 0;
18628 z-index: 1040;
18629 width: 100vw;
18630 height: 100vh;
18631 background-color: #000;
18633 .modal-backdrop.fade {
18634 opacity: 0;
18636 .modal-backdrop.show {
18637 opacity: 0.5;
18640 .modal-header {
18641 display: flex;
18642 align-items: flex-start;
18643 justify-content: space-between;
18644 padding: 1rem 1rem;
18645 border-bottom: 1px solid #dee2e6;
18646 border-top-left-radius: calc(0.6rem - 1px);
18647 border-top-right-radius: calc(0.6rem - 1px);
18649 .modal-header .close {
18650 padding: 1rem 1rem;
18651 margin: -1rem -1rem -1rem auto;
18654 .modal-title {
18655 margin-bottom: 0;
18656 line-height: 1.5;
18659 .modal-body {
18660 position: relative;
18661 flex: 1 1 auto;
18662 padding: 1rem;
18665 .modal-footer {
18666 display: flex;
18667 flex-wrap: wrap;
18668 align-items: center;
18669 justify-content: flex-end;
18670 padding: 0.75rem;
18671 border-top: 1px solid #dee2e6;
18672 border-bottom-right-radius: calc(0.6rem - 1px);
18673 border-bottom-left-radius: calc(0.6rem - 1px);
18675 .modal-footer > * {
18676 margin: 0.25rem;
18679 .modal-scrollbar-measure {
18680 position: absolute;
18681 top: -9999px;
18682 width: 50px;
18683 height: 50px;
18684 overflow: scroll;
18687 @media (min-width: 576px) {
18688 .modal-dialog {
18689 max-width: 500px;
18690 margin: 1.75rem auto;
18692 .modal-dialog-scrollable {
18693 max-height: calc(100% - 3.5rem);
18695 .modal-dialog-scrollable .modal-content {
18696 max-height: calc(100vh - 3.5rem);
18698 .modal-dialog-centered {
18699 min-height: calc(100% - 3.5rem);
18701 .modal-dialog-centered::before {
18702 height: calc(100vh - 3.5rem);
18703 height: min-content;
18705 .modal-sm {
18706 max-width: 300px;
18709 @media (min-width: 992px) {
18710 .modal-lg,
18711 .modal-xl {
18712 max-width: 800px;
18715 @media (min-width: 1200px) {
18716 .modal-xl {
18717 max-width: 1140px;
18720 .tooltip {
18721 position: absolute;
18722 z-index: 1070;
18723 display: block;
18724 margin: 0;
18725 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18726 font-style: normal;
18727 font-weight: 400;
18728 line-height: 1.5;
18729 text-align: left;
18730 text-align: start;
18731 text-decoration: none;
18732 text-shadow: none;
18733 text-transform: none;
18734 letter-spacing: normal;
18735 word-break: normal;
18736 white-space: normal;
18737 word-spacing: normal;
18738 line-break: auto;
18739 font-size: 0.8203125rem;
18740 word-wrap: break-word;
18741 opacity: 0;
18743 .tooltip.show {
18744 opacity: 0.9;
18746 .tooltip .arrow {
18747 position: absolute;
18748 display: block;
18749 width: 0.8rem;
18750 height: 0.4rem;
18752 .tooltip .arrow::before {
18753 position: absolute;
18754 content: "";
18755 border-color: transparent;
18756 border-style: solid;
18759 .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
18760 padding: 0.4rem 0;
18762 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
18763 bottom: 0;
18765 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
18766 top: 0;
18767 border-width: 0.4rem 0.4rem 0;
18768 border-top-color: #000;
18771 .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
18772 padding: 0 0.4rem;
18774 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
18775 left: 0;
18776 width: 0.4rem;
18777 height: 0.8rem;
18779 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
18780 right: 0;
18781 border-width: 0.4rem 0.4rem 0.4rem 0;
18782 border-right-color: #000;
18785 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
18786 padding: 0.4rem 0;
18788 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
18789 top: 0;
18791 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
18792 bottom: 0;
18793 border-width: 0 0.4rem 0.4rem;
18794 border-bottom-color: #000;
18797 .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
18798 padding: 0 0.4rem;
18800 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
18801 right: 0;
18802 width: 0.4rem;
18803 height: 0.8rem;
18805 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
18806 left: 0;
18807 border-width: 0.4rem 0 0.4rem 0.4rem;
18808 border-left-color: #000;
18811 .tooltip-inner {
18812 max-width: 200px;
18813 padding: 0.25rem 0.5rem;
18814 color: #fff;
18815 text-align: center;
18816 background-color: #000;
18817 border-radius: 0.5rem;
18820 .popover {
18821 position: absolute;
18822 top: 0;
18823 z-index: 1060;
18824 display: block;
18825 max-width: 300px;
18826 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18827 font-style: normal;
18828 font-weight: 400;
18829 line-height: 1.5;
18830 text-align: left;
18831 text-align: start;
18832 text-decoration: none;
18833 text-shadow: none;
18834 text-transform: none;
18835 letter-spacing: normal;
18836 word-break: normal;
18837 white-space: normal;
18838 word-spacing: normal;
18839 line-break: auto;
18840 font-size: 0.8203125rem;
18841 word-wrap: break-word;
18842 background-color: #fff;
18843 background-clip: padding-box;
18844 border: 1px solid rgba(0, 0, 0, 0.2);
18845 border-radius: 0.6rem;
18847 .popover .arrow {
18848 position: absolute;
18849 display: block;
18850 width: 1rem;
18851 height: 0.5rem;
18852 margin: 0 0.6rem;
18854 .popover .arrow::before, .popover .arrow::after {
18855 position: absolute;
18856 display: block;
18857 content: "";
18858 border-color: transparent;
18859 border-style: solid;
18862 .bs-popover-top, .bs-popover-auto[x-placement^=top] {
18863 margin-bottom: 0.5rem;
18865 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
18866 bottom: calc(-0.5rem - 1px);
18868 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
18869 bottom: 0;
18870 border-width: 0.5rem 0.5rem 0;
18871 border-top-color: rgba(0, 0, 0, 0.25);
18873 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
18874 bottom: 1px;
18875 border-width: 0.5rem 0.5rem 0;
18876 border-top-color: #fff;
18879 .bs-popover-right, .bs-popover-auto[x-placement^=right] {
18880 margin-left: 0.5rem;
18882 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
18883 left: calc(-0.5rem - 1px);
18884 width: 0.5rem;
18885 height: 1rem;
18886 margin: 0.6rem 0;
18888 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
18889 left: 0;
18890 border-width: 0.5rem 0.5rem 0.5rem 0;
18891 border-right-color: rgba(0, 0, 0, 0.25);
18893 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
18894 left: 1px;
18895 border-width: 0.5rem 0.5rem 0.5rem 0;
18896 border-right-color: #fff;
18899 .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
18900 margin-top: 0.5rem;
18902 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
18903 top: calc(-0.5rem - 1px);
18905 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
18906 top: 0;
18907 border-width: 0 0.5rem 0.5rem 0.5rem;
18908 border-bottom-color: rgba(0, 0, 0, 0.25);
18910 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
18911 top: 1px;
18912 border-width: 0 0.5rem 0.5rem 0.5rem;
18913 border-bottom-color: #fff;
18915 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
18916 position: absolute;
18917 top: 0;
18918 left: 50%;
18919 display: block;
18920 width: 1rem;
18921 margin-left: -0.5rem;
18922 content: "";
18923 border-bottom: 1px solid #f7f7f7;
18926 .bs-popover-left, .bs-popover-auto[x-placement^=left] {
18927 margin-right: 0.5rem;
18929 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
18930 right: calc(-0.5rem - 1px);
18931 width: 0.5rem;
18932 height: 1rem;
18933 margin: 0.6rem 0;
18935 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
18936 right: 0;
18937 border-width: 0.5rem 0 0.5rem 0.5rem;
18938 border-left-color: rgba(0, 0, 0, 0.25);
18940 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
18941 right: 1px;
18942 border-width: 0.5rem 0 0.5rem 0.5rem;
18943 border-left-color: #fff;
18946 .popover-header {
18947 padding: 0.5rem 0.75rem;
18948 margin-bottom: 0;
18949 font-size: 0.9375rem;
18950 background-color: #f7f7f7;
18951 border-bottom: 1px solid #ebebeb;
18952 border-top-left-radius: calc(0.6rem - 1px);
18953 border-top-right-radius: calc(0.6rem - 1px);
18955 @media (max-width: 1200px) {
18956 .popover-header {
18957 font-size: calc(0.90375rem + 0.045vw);
18960 .popover-header:empty {
18961 display: none;
18964 .popover-body {
18965 padding: 0.5rem 0.75rem;
18966 color: #1d2125;
18969 .carousel {
18970 position: relative;
18973 .carousel.pointer-event {
18974 touch-action: pan-y;
18977 .carousel-inner {
18978 position: relative;
18979 width: 100%;
18980 overflow: hidden;
18982 .carousel-inner::after {
18983 display: block;
18984 clear: both;
18985 content: "";
18988 .carousel-item {
18989 position: relative;
18990 display: none;
18991 float: left;
18992 width: 100%;
18993 margin-right: -100%;
18994 backface-visibility: hidden;
18995 transition: transform 0.6s ease-in-out;
18997 @media (prefers-reduced-motion: reduce) {
18998 .carousel-item {
18999 transition: none;
19003 .carousel-item.active,
19004 .carousel-item-next,
19005 .carousel-item-prev {
19006 display: block;
19009 .carousel-item-next:not(.carousel-item-left),
19010 .active.carousel-item-right {
19011 transform: translateX(100%);
19014 .carousel-item-prev:not(.carousel-item-right),
19015 .active.carousel-item-left {
19016 transform: translateX(-100%);
19019 .carousel-fade .carousel-item {
19020 opacity: 0;
19021 transition-property: opacity;
19022 transform: none;
19024 .carousel-fade .carousel-item.active,
19025 .carousel-fade .carousel-item-next.carousel-item-left,
19026 .carousel-fade .carousel-item-prev.carousel-item-right {
19027 z-index: 1;
19028 opacity: 1;
19030 .carousel-fade .active.carousel-item-left,
19031 .carousel-fade .active.carousel-item-right {
19032 z-index: 0;
19033 opacity: 0;
19034 transition: opacity 0s 0.6s;
19036 @media (prefers-reduced-motion: reduce) {
19037 .carousel-fade .active.carousel-item-left,
19038 .carousel-fade .active.carousel-item-right {
19039 transition: none;
19043 .carousel-control-prev,
19044 .carousel-control-next {
19045 position: absolute;
19046 top: 0;
19047 bottom: 0;
19048 z-index: 1;
19049 display: flex;
19050 align-items: center;
19051 justify-content: center;
19052 width: 15%;
19053 padding: 0;
19054 color: #fff;
19055 text-align: center;
19056 background: none;
19057 border: 0;
19058 opacity: 0.5;
19059 transition: opacity 0.15s ease;
19061 @media (prefers-reduced-motion: reduce) {
19062 .carousel-control-prev,
19063 .carousel-control-next {
19064 transition: none;
19067 .carousel-control-prev:hover, .carousel-control-prev:focus,
19068 .carousel-control-next:hover,
19069 .carousel-control-next:focus {
19070 color: #fff;
19071 text-decoration: none;
19072 outline: 0;
19073 opacity: 0.9;
19076 .carousel-control-prev {
19077 left: 0;
19080 .carousel-control-next {
19081 right: 0;
19084 .carousel-control-prev-icon,
19085 .carousel-control-next-icon {
19086 display: inline-block;
19087 width: 20px;
19088 height: 20px;
19089 background: 50%/100% 100% no-repeat;
19092 .carousel-control-prev-icon {
19093 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
19096 .carousel-control-next-icon {
19097 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
19100 .carousel-indicators {
19101 position: absolute;
19102 right: 0;
19103 bottom: 0;
19104 left: 0;
19105 z-index: 15;
19106 display: flex;
19107 justify-content: center;
19108 padding-left: 0;
19109 margin-right: 15%;
19110 margin-left: 15%;
19111 list-style: none;
19113 .carousel-indicators li {
19114 box-sizing: content-box;
19115 flex: 0 1 auto;
19116 width: 30px;
19117 height: 3px;
19118 margin-right: 3px;
19119 margin-left: 3px;
19120 text-indent: -999px;
19121 cursor: pointer;
19122 background-color: #fff;
19123 background-clip: padding-box;
19124 border-top: 10px solid transparent;
19125 border-bottom: 10px solid transparent;
19126 opacity: 0.5;
19127 transition: opacity 0.6s ease;
19129 @media (prefers-reduced-motion: reduce) {
19130 .carousel-indicators li {
19131 transition: none;
19134 .carousel-indicators .active {
19135 opacity: 1;
19138 .carousel-caption {
19139 position: absolute;
19140 right: 15%;
19141 bottom: 20px;
19142 left: 15%;
19143 z-index: 10;
19144 padding-top: 20px;
19145 padding-bottom: 20px;
19146 color: #fff;
19147 text-align: center;
19150 @keyframes spinner-border {
19151 to {
19152 transform: rotate(360deg);
19155 .spinner-border {
19156 display: inline-block;
19157 width: 2rem;
19158 height: 2rem;
19159 vertical-align: -0.125em;
19160 border: 0.25em solid currentcolor;
19161 border-right-color: transparent;
19162 border-radius: 50%;
19163 animation: 0.75s linear infinite spinner-border;
19166 .spinner-border-sm {
19167 width: 1rem;
19168 height: 1rem;
19169 border-width: 0.2em;
19172 @keyframes spinner-grow {
19173 0% {
19174 transform: scale(0);
19176 50% {
19177 opacity: 1;
19178 transform: none;
19181 .spinner-grow {
19182 display: inline-block;
19183 width: 2rem;
19184 height: 2rem;
19185 vertical-align: -0.125em;
19186 background-color: currentcolor;
19187 border-radius: 50%;
19188 opacity: 0;
19189 animation: 0.75s linear infinite spinner-grow;
19192 .spinner-grow-sm {
19193 width: 1rem;
19194 height: 1rem;
19197 @media (prefers-reduced-motion: reduce) {
19198 .spinner-border,
19199 .spinner-grow {
19200 animation-duration: 1.5s;
19203 .align-baseline {
19204 vertical-align: baseline !important;
19207 .align-top, [data-filterregion=value] div:first-of-type {
19208 vertical-align: top !important;
19211 .align-middle, .reportbuilder-table td {
19212 vertical-align: middle !important;
19215 .align-bottom {
19216 vertical-align: bottom !important;
19219 .align-text-bottom {
19220 vertical-align: text-bottom !important;
19223 .align-text-top {
19224 vertical-align: text-top !important;
19227 .bg-primary {
19228 background-color: #0f6cbf !important;
19231 a.bg-primary:hover, a.bg-primary:focus,
19232 button.bg-primary:hover,
19233 button.bg-primary:focus {
19234 background-color: #0b5190 !important;
19237 .bg-secondary {
19238 background-color: #ced4da !important;
19241 a.bg-secondary:hover, a.bg-secondary:focus,
19242 button.bg-secondary:hover,
19243 button.bg-secondary:focus {
19244 background-color: #b1bbc4 !important;
19247 .bg-success {
19248 background-color: #357a32 !important;
19251 a.bg-success:hover, a.bg-success:focus,
19252 button.bg-success:hover,
19253 button.bg-success:focus {
19254 background-color: #255623 !important;
19257 .bg-info {
19258 background-color: #008196 !important;
19261 a.bg-info:hover, a.bg-info:focus,
19262 button.bg-info:hover,
19263 button.bg-info:focus {
19264 background-color: #005563 !important;
19267 .bg-warning {
19268 background-color: #f0ad4e !important;
19271 a.bg-warning:hover, a.bg-warning:focus,
19272 button.bg-warning:hover,
19273 button.bg-warning:focus {
19274 background-color: #ec971f !important;
19277 .bg-danger {
19278 background-color: #ca3120 !important;
19281 a.bg-danger:hover, a.bg-danger:focus,
19282 button.bg-danger:hover,
19283 button.bg-danger:focus {
19284 background-color: #9e2619 !important;
19287 .bg-light {
19288 background-color: #f8f9fa !important;
19291 a.bg-light:hover, a.bg-light:focus,
19292 button.bg-light:hover,
19293 button.bg-light:focus {
19294 background-color: #dae0e5 !important;
19297 .bg-dark {
19298 background-color: #343a40 !important;
19301 a.bg-dark:hover, a.bg-dark:focus,
19302 button.bg-dark:hover,
19303 button.bg-dark:focus {
19304 background-color: #1d2124 !important;
19307 .bg-white {
19308 background-color: #fff !important;
19311 .bg-transparent {
19312 background-color: transparent !important;
19315 .border {
19316 border: 1px solid #dee2e6 !important;
19319 .border-top {
19320 border-top: 1px solid #dee2e6 !important;
19323 .border-right {
19324 border-right: 1px solid #dee2e6 !important;
19327 .border-bottom {
19328 border-bottom: 1px solid #dee2e6 !important;
19331 .border-left {
19332 border-left: 1px solid #dee2e6 !important;
19335 .border-0 {
19336 border: 0 !important;
19339 .border-top-0 {
19340 border-top: 0 !important;
19343 .border-right-0 {
19344 border-right: 0 !important;
19347 .border-bottom-0 {
19348 border-bottom: 0 !important;
19351 .border-left-0 {
19352 border-left: 0 !important;
19355 .border-primary {
19356 border-color: #0f6cbf !important;
19359 .border-secondary {
19360 border-color: #ced4da !important;
19363 .border-success {
19364 border-color: #357a32 !important;
19367 .border-info {
19368 border-color: #008196 !important;
19371 .border-warning {
19372 border-color: #f0ad4e !important;
19375 .border-danger {
19376 border-color: #ca3120 !important;
19379 .border-light {
19380 border-color: #f8f9fa !important;
19383 .border-dark {
19384 border-color: #343a40 !important;
19387 .border-white {
19388 border-color: #fff !important;
19391 .rounded-sm {
19392 border-radius: 0.2rem !important;
19395 .rounded {
19396 border-radius: 0.5rem !important;
19399 .rounded-top {
19400 border-top-left-radius: 0.5rem !important;
19401 border-top-right-radius: 0.5rem !important;
19404 .rounded-right {
19405 border-top-right-radius: 0.5rem !important;
19406 border-bottom-right-radius: 0.5rem !important;
19409 .rounded-bottom {
19410 border-bottom-right-radius: 0.5rem !important;
19411 border-bottom-left-radius: 0.5rem !important;
19414 .rounded-left {
19415 border-top-left-radius: 0.5rem !important;
19416 border-bottom-left-radius: 0.5rem !important;
19419 .rounded-lg {
19420 border-radius: 0.6rem !important;
19423 .rounded-circle {
19424 border-radius: 50% !important;
19427 .rounded-pill {
19428 border-radius: 50rem !important;
19431 .rounded-0 {
19432 border-radius: 0 !important;
19435 .clearfix::after {
19436 display: block;
19437 clear: both;
19438 content: "";
19441 .d-none {
19442 display: none !important;
19445 .d-inline {
19446 display: inline !important;
19449 .d-inline-block {
19450 display: inline-block !important;
19453 .d-block {
19454 display: block !important;
19457 .d-table {
19458 display: table !important;
19461 .d-table-row {
19462 display: table-row !important;
19465 .d-table-cell {
19466 display: table-cell !important;
19469 .d-flex {
19470 display: flex !important;
19473 .d-inline-flex {
19474 display: inline-flex !important;
19477 @media (min-width: 576px) {
19478 .d-sm-none {
19479 display: none !important;
19481 .d-sm-inline {
19482 display: inline !important;
19484 .d-sm-inline-block {
19485 display: inline-block !important;
19487 .d-sm-block {
19488 display: block !important;
19490 .d-sm-table {
19491 display: table !important;
19493 .d-sm-table-row {
19494 display: table-row !important;
19496 .d-sm-table-cell {
19497 display: table-cell !important;
19499 .d-sm-flex {
19500 display: flex !important;
19502 .d-sm-inline-flex {
19503 display: inline-flex !important;
19506 @media (min-width: 768px) {
19507 .d-md-none {
19508 display: none !important;
19510 .d-md-inline {
19511 display: inline !important;
19513 .d-md-inline-block {
19514 display: inline-block !important;
19516 .d-md-block {
19517 display: block !important;
19519 .d-md-table {
19520 display: table !important;
19522 .d-md-table-row {
19523 display: table-row !important;
19525 .d-md-table-cell {
19526 display: table-cell !important;
19528 .d-md-flex {
19529 display: flex !important;
19531 .d-md-inline-flex {
19532 display: inline-flex !important;
19535 @media (min-width: 992px) {
19536 .d-lg-none {
19537 display: none !important;
19539 .d-lg-inline {
19540 display: inline !important;
19542 .d-lg-inline-block {
19543 display: inline-block !important;
19545 .d-lg-block {
19546 display: block !important;
19548 .d-lg-table {
19549 display: table !important;
19551 .d-lg-table-row {
19552 display: table-row !important;
19554 .d-lg-table-cell {
19555 display: table-cell !important;
19557 .d-lg-flex {
19558 display: flex !important;
19560 .d-lg-inline-flex {
19561 display: inline-flex !important;
19564 @media (min-width: 1200px) {
19565 .d-xl-none {
19566 display: none !important;
19568 .d-xl-inline {
19569 display: inline !important;
19571 .d-xl-inline-block {
19572 display: inline-block !important;
19574 .d-xl-block {
19575 display: block !important;
19577 .d-xl-table {
19578 display: table !important;
19580 .d-xl-table-row {
19581 display: table-row !important;
19583 .d-xl-table-cell {
19584 display: table-cell !important;
19586 .d-xl-flex {
19587 display: flex !important;
19589 .d-xl-inline-flex {
19590 display: inline-flex !important;
19593 @media print {
19594 .d-print-none {
19595 display: none !important;
19597 .d-print-inline {
19598 display: inline !important;
19600 .d-print-inline-block {
19601 display: inline-block !important;
19603 .d-print-block {
19604 display: block !important;
19606 .d-print-table {
19607 display: table !important;
19609 .d-print-table-row {
19610 display: table-row !important;
19612 .d-print-table-cell {
19613 display: table-cell !important;
19615 .d-print-flex {
19616 display: flex !important;
19618 .d-print-inline-flex {
19619 display: inline-flex !important;
19622 .embed-responsive {
19623 position: relative;
19624 display: block;
19625 width: 100%;
19626 padding: 0;
19627 overflow: hidden;
19629 .embed-responsive::before {
19630 display: block;
19631 content: "";
19633 .embed-responsive .embed-responsive-item,
19634 .embed-responsive iframe,
19635 .embed-responsive embed,
19636 .embed-responsive object,
19637 .embed-responsive video {
19638 position: absolute;
19639 top: 0;
19640 bottom: 0;
19641 left: 0;
19642 width: 100%;
19643 height: 100%;
19644 border: 0;
19647 .embed-responsive-21by9::before {
19648 padding-top: 42.85714286%;
19651 .embed-responsive-16by9::before {
19652 padding-top: 56.25%;
19655 .embed-responsive-4by3::before {
19656 padding-top: 75%;
19659 .embed-responsive-1by1::before {
19660 padding-top: 100%;
19663 .flex-row {
19664 flex-direction: row !important;
19667 .flex-column {
19668 flex-direction: column !important;
19671 .flex-row-reverse {
19672 flex-direction: row-reverse !important;
19675 .flex-column-reverse {
19676 flex-direction: column-reverse !important;
19679 .flex-wrap {
19680 flex-wrap: wrap !important;
19683 .flex-nowrap {
19684 flex-wrap: nowrap !important;
19687 .flex-wrap-reverse {
19688 flex-wrap: wrap-reverse !important;
19691 .flex-fill, .reportbuilder-report-container {
19692 flex: 1 1 auto !important;
19695 .flex-grow-0 {
19696 flex-grow: 0 !important;
19699 .flex-grow-1 {
19700 flex-grow: 1 !important;
19703 .flex-shrink-0 {
19704 flex-shrink: 0 !important;
19707 .flex-shrink-1 {
19708 flex-shrink: 1 !important;
19711 .justify-content-start {
19712 justify-content: flex-start !important;
19715 .justify-content-end {
19716 justify-content: flex-end !important;
19719 .justify-content-center {
19720 justify-content: center !important;
19723 .justify-content-between {
19724 justify-content: space-between !important;
19727 .justify-content-around {
19728 justify-content: space-around !important;
19731 .align-items-start {
19732 align-items: flex-start !important;
19735 .align-items-end {
19736 align-items: flex-end !important;
19739 .align-items-center {
19740 align-items: center !important;
19743 .align-items-baseline {
19744 align-items: baseline !important;
19747 .align-items-stretch {
19748 align-items: stretch !important;
19751 .align-content-start {
19752 align-content: flex-start !important;
19755 .align-content-end {
19756 align-content: flex-end !important;
19759 .align-content-center {
19760 align-content: center !important;
19763 .align-content-between {
19764 align-content: space-between !important;
19767 .align-content-around {
19768 align-content: space-around !important;
19771 .align-content-stretch {
19772 align-content: stretch !important;
19775 .align-self-auto {
19776 align-self: auto !important;
19779 .align-self-start {
19780 align-self: flex-start !important;
19783 .align-self-end {
19784 align-self: flex-end !important;
19787 .align-self-center {
19788 align-self: center !important;
19791 .align-self-baseline {
19792 align-self: baseline !important;
19795 .align-self-stretch {
19796 align-self: stretch !important;
19799 @media (min-width: 576px) {
19800 .flex-sm-row {
19801 flex-direction: row !important;
19803 .flex-sm-column {
19804 flex-direction: column !important;
19806 .flex-sm-row-reverse {
19807 flex-direction: row-reverse !important;
19809 .flex-sm-column-reverse {
19810 flex-direction: column-reverse !important;
19812 .flex-sm-wrap {
19813 flex-wrap: wrap !important;
19815 .flex-sm-nowrap {
19816 flex-wrap: nowrap !important;
19818 .flex-sm-wrap-reverse {
19819 flex-wrap: wrap-reverse !important;
19821 .flex-sm-fill {
19822 flex: 1 1 auto !important;
19824 .flex-sm-grow-0 {
19825 flex-grow: 0 !important;
19827 .flex-sm-grow-1 {
19828 flex-grow: 1 !important;
19830 .flex-sm-shrink-0 {
19831 flex-shrink: 0 !important;
19833 .flex-sm-shrink-1 {
19834 flex-shrink: 1 !important;
19836 .justify-content-sm-start {
19837 justify-content: flex-start !important;
19839 .justify-content-sm-end {
19840 justify-content: flex-end !important;
19842 .justify-content-sm-center {
19843 justify-content: center !important;
19845 .justify-content-sm-between {
19846 justify-content: space-between !important;
19848 .justify-content-sm-around {
19849 justify-content: space-around !important;
19851 .align-items-sm-start {
19852 align-items: flex-start !important;
19854 .align-items-sm-end {
19855 align-items: flex-end !important;
19857 .align-items-sm-center {
19858 align-items: center !important;
19860 .align-items-sm-baseline {
19861 align-items: baseline !important;
19863 .align-items-sm-stretch {
19864 align-items: stretch !important;
19866 .align-content-sm-start {
19867 align-content: flex-start !important;
19869 .align-content-sm-end {
19870 align-content: flex-end !important;
19872 .align-content-sm-center {
19873 align-content: center !important;
19875 .align-content-sm-between {
19876 align-content: space-between !important;
19878 .align-content-sm-around {
19879 align-content: space-around !important;
19881 .align-content-sm-stretch {
19882 align-content: stretch !important;
19884 .align-self-sm-auto {
19885 align-self: auto !important;
19887 .align-self-sm-start {
19888 align-self: flex-start !important;
19890 .align-self-sm-end {
19891 align-self: flex-end !important;
19893 .align-self-sm-center {
19894 align-self: center !important;
19896 .align-self-sm-baseline {
19897 align-self: baseline !important;
19899 .align-self-sm-stretch {
19900 align-self: stretch !important;
19903 @media (min-width: 768px) {
19904 .flex-md-row {
19905 flex-direction: row !important;
19907 .flex-md-column {
19908 flex-direction: column !important;
19910 .flex-md-row-reverse {
19911 flex-direction: row-reverse !important;
19913 .flex-md-column-reverse {
19914 flex-direction: column-reverse !important;
19916 .flex-md-wrap {
19917 flex-wrap: wrap !important;
19919 .flex-md-nowrap {
19920 flex-wrap: nowrap !important;
19922 .flex-md-wrap-reverse {
19923 flex-wrap: wrap-reverse !important;
19925 .flex-md-fill {
19926 flex: 1 1 auto !important;
19928 .flex-md-grow-0 {
19929 flex-grow: 0 !important;
19931 .flex-md-grow-1 {
19932 flex-grow: 1 !important;
19934 .flex-md-shrink-0 {
19935 flex-shrink: 0 !important;
19937 .flex-md-shrink-1 {
19938 flex-shrink: 1 !important;
19940 .justify-content-md-start {
19941 justify-content: flex-start !important;
19943 .justify-content-md-end {
19944 justify-content: flex-end !important;
19946 .justify-content-md-center {
19947 justify-content: center !important;
19949 .justify-content-md-between {
19950 justify-content: space-between !important;
19952 .justify-content-md-around {
19953 justify-content: space-around !important;
19955 .align-items-md-start {
19956 align-items: flex-start !important;
19958 .align-items-md-end {
19959 align-items: flex-end !important;
19961 .align-items-md-center {
19962 align-items: center !important;
19964 .align-items-md-baseline {
19965 align-items: baseline !important;
19967 .align-items-md-stretch {
19968 align-items: stretch !important;
19970 .align-content-md-start {
19971 align-content: flex-start !important;
19973 .align-content-md-end {
19974 align-content: flex-end !important;
19976 .align-content-md-center {
19977 align-content: center !important;
19979 .align-content-md-between {
19980 align-content: space-between !important;
19982 .align-content-md-around {
19983 align-content: space-around !important;
19985 .align-content-md-stretch {
19986 align-content: stretch !important;
19988 .align-self-md-auto {
19989 align-self: auto !important;
19991 .align-self-md-start {
19992 align-self: flex-start !important;
19994 .align-self-md-end {
19995 align-self: flex-end !important;
19997 .align-self-md-center {
19998 align-self: center !important;
20000 .align-self-md-baseline {
20001 align-self: baseline !important;
20003 .align-self-md-stretch {
20004 align-self: stretch !important;
20007 @media (min-width: 992px) {
20008 .flex-lg-row {
20009 flex-direction: row !important;
20011 .flex-lg-column {
20012 flex-direction: column !important;
20014 .flex-lg-row-reverse {
20015 flex-direction: row-reverse !important;
20017 .flex-lg-column-reverse {
20018 flex-direction: column-reverse !important;
20020 .flex-lg-wrap {
20021 flex-wrap: wrap !important;
20023 .flex-lg-nowrap {
20024 flex-wrap: nowrap !important;
20026 .flex-lg-wrap-reverse {
20027 flex-wrap: wrap-reverse !important;
20029 .flex-lg-fill {
20030 flex: 1 1 auto !important;
20032 .flex-lg-grow-0 {
20033 flex-grow: 0 !important;
20035 .flex-lg-grow-1 {
20036 flex-grow: 1 !important;
20038 .flex-lg-shrink-0 {
20039 flex-shrink: 0 !important;
20041 .flex-lg-shrink-1 {
20042 flex-shrink: 1 !important;
20044 .justify-content-lg-start {
20045 justify-content: flex-start !important;
20047 .justify-content-lg-end {
20048 justify-content: flex-end !important;
20050 .justify-content-lg-center {
20051 justify-content: center !important;
20053 .justify-content-lg-between {
20054 justify-content: space-between !important;
20056 .justify-content-lg-around {
20057 justify-content: space-around !important;
20059 .align-items-lg-start {
20060 align-items: flex-start !important;
20062 .align-items-lg-end {
20063 align-items: flex-end !important;
20065 .align-items-lg-center {
20066 align-items: center !important;
20068 .align-items-lg-baseline {
20069 align-items: baseline !important;
20071 .align-items-lg-stretch {
20072 align-items: stretch !important;
20074 .align-content-lg-start {
20075 align-content: flex-start !important;
20077 .align-content-lg-end {
20078 align-content: flex-end !important;
20080 .align-content-lg-center {
20081 align-content: center !important;
20083 .align-content-lg-between {
20084 align-content: space-between !important;
20086 .align-content-lg-around {
20087 align-content: space-around !important;
20089 .align-content-lg-stretch {
20090 align-content: stretch !important;
20092 .align-self-lg-auto {
20093 align-self: auto !important;
20095 .align-self-lg-start {
20096 align-self: flex-start !important;
20098 .align-self-lg-end {
20099 align-self: flex-end !important;
20101 .align-self-lg-center {
20102 align-self: center !important;
20104 .align-self-lg-baseline {
20105 align-self: baseline !important;
20107 .align-self-lg-stretch {
20108 align-self: stretch !important;
20111 @media (min-width: 1200px) {
20112 .flex-xl-row {
20113 flex-direction: row !important;
20115 .flex-xl-column {
20116 flex-direction: column !important;
20118 .flex-xl-row-reverse {
20119 flex-direction: row-reverse !important;
20121 .flex-xl-column-reverse {
20122 flex-direction: column-reverse !important;
20124 .flex-xl-wrap {
20125 flex-wrap: wrap !important;
20127 .flex-xl-nowrap {
20128 flex-wrap: nowrap !important;
20130 .flex-xl-wrap-reverse {
20131 flex-wrap: wrap-reverse !important;
20133 .flex-xl-fill {
20134 flex: 1 1 auto !important;
20136 .flex-xl-grow-0 {
20137 flex-grow: 0 !important;
20139 .flex-xl-grow-1 {
20140 flex-grow: 1 !important;
20142 .flex-xl-shrink-0 {
20143 flex-shrink: 0 !important;
20145 .flex-xl-shrink-1 {
20146 flex-shrink: 1 !important;
20148 .justify-content-xl-start {
20149 justify-content: flex-start !important;
20151 .justify-content-xl-end {
20152 justify-content: flex-end !important;
20154 .justify-content-xl-center {
20155 justify-content: center !important;
20157 .justify-content-xl-between {
20158 justify-content: space-between !important;
20160 .justify-content-xl-around {
20161 justify-content: space-around !important;
20163 .align-items-xl-start {
20164 align-items: flex-start !important;
20166 .align-items-xl-end {
20167 align-items: flex-end !important;
20169 .align-items-xl-center {
20170 align-items: center !important;
20172 .align-items-xl-baseline {
20173 align-items: baseline !important;
20175 .align-items-xl-stretch {
20176 align-items: stretch !important;
20178 .align-content-xl-start {
20179 align-content: flex-start !important;
20181 .align-content-xl-end {
20182 align-content: flex-end !important;
20184 .align-content-xl-center {
20185 align-content: center !important;
20187 .align-content-xl-between {
20188 align-content: space-between !important;
20190 .align-content-xl-around {
20191 align-content: space-around !important;
20193 .align-content-xl-stretch {
20194 align-content: stretch !important;
20196 .align-self-xl-auto {
20197 align-self: auto !important;
20199 .align-self-xl-start {
20200 align-self: flex-start !important;
20202 .align-self-xl-end {
20203 align-self: flex-end !important;
20205 .align-self-xl-center {
20206 align-self: center !important;
20208 .align-self-xl-baseline {
20209 align-self: baseline !important;
20211 .align-self-xl-stretch {
20212 align-self: stretch !important;
20215 .float-left {
20216 float: left !important;
20219 .float-right {
20220 float: right !important;
20223 .float-none {
20224 float: none !important;
20227 @media (min-width: 576px) {
20228 .float-sm-left {
20229 float: left !important;
20231 .float-sm-right {
20232 float: right !important;
20234 .float-sm-none {
20235 float: none !important;
20238 @media (min-width: 768px) {
20239 .float-md-left {
20240 float: left !important;
20242 .float-md-right {
20243 float: right !important;
20245 .float-md-none {
20246 float: none !important;
20249 @media (min-width: 992px) {
20250 .float-lg-left {
20251 float: left !important;
20253 .float-lg-right {
20254 float: right !important;
20256 .float-lg-none {
20257 float: none !important;
20260 @media (min-width: 1200px) {
20261 .float-xl-left {
20262 float: left !important;
20264 .float-xl-right {
20265 float: right !important;
20267 .float-xl-none {
20268 float: none !important;
20271 .user-select-all {
20272 user-select: all !important;
20275 .user-select-auto {
20276 user-select: auto !important;
20279 .user-select-none {
20280 user-select: none !important;
20283 .overflow-auto {
20284 overflow: auto !important;
20287 .overflow-hidden {
20288 overflow: hidden !important;
20291 .position-static {
20292 position: static !important;
20295 .position-relative {
20296 position: relative !important;
20299 .position-absolute {
20300 position: absolute !important;
20303 .position-fixed {
20304 position: fixed !important;
20307 .position-sticky {
20308 position: sticky !important;
20311 .fixed-top {
20312 position: fixed;
20313 top: 0;
20314 right: 0;
20315 left: 0;
20316 z-index: 1030;
20319 .fixed-bottom {
20320 position: fixed;
20321 right: 0;
20322 bottom: 0;
20323 left: 0;
20324 z-index: 1030;
20327 @supports (position: sticky) {
20328 .sticky-top {
20329 position: sticky;
20330 top: 0;
20331 z-index: 1020;
20335 .sr-only {
20336 position: absolute;
20337 width: 1px;
20338 height: 1px;
20339 padding: 0;
20340 margin: -1px;
20341 overflow: hidden;
20342 clip: rect(0, 0, 0, 0);
20343 white-space: nowrap;
20344 border: 0;
20347 .sr-only-focusable:active, .sr-only-focusable:focus {
20348 position: static;
20349 width: auto;
20350 height: auto;
20351 overflow: visible;
20352 clip: auto;
20353 white-space: normal;
20356 .shadow-sm {
20357 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
20360 .shadow {
20361 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
20364 .shadow-lg {
20365 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
20368 .shadow-none {
20369 box-shadow: none !important;
20372 .w-25 {
20373 width: 25% !important;
20376 .w-50 {
20377 width: 50% !important;
20380 .w-75 {
20381 width: 75% !important;
20384 .w-100 {
20385 width: 100% !important;
20388 .w-auto {
20389 width: auto !important;
20392 .h-25 {
20393 height: 25% !important;
20396 .h-50 {
20397 height: 50% !important;
20400 .h-75 {
20401 height: 75% !important;
20404 .h-100 {
20405 height: 100% !important;
20408 .h-auto {
20409 height: auto !important;
20412 .mw-100 {
20413 max-width: 100% !important;
20416 .mh-100 {
20417 max-height: 100% !important;
20420 .min-vw-100 {
20421 min-width: 100vw !important;
20424 .min-vh-100 {
20425 min-height: 100vh !important;
20428 .vw-100 {
20429 width: 100vw !important;
20432 .vh-100 {
20433 height: 100vh !important;
20436 .m-0 {
20437 margin: 0 !important;
20440 .mt-0,
20441 .my-0 {
20442 margin-top: 0 !important;
20445 .mr-0,
20446 .mx-0 {
20447 margin-right: 0 !important;
20450 .mb-0,
20451 .my-0 {
20452 margin-bottom: 0 !important;
20455 .ml-0,
20456 .mx-0 {
20457 margin-left: 0 !important;
20460 .m-1 {
20461 margin: 0.25rem !important;
20464 .mt-1,
20465 .my-1 {
20466 margin-top: 0.25rem !important;
20469 .mr-1,
20470 .mx-1 {
20471 margin-right: 0.25rem !important;
20474 .mb-1,
20475 .my-1 {
20476 margin-bottom: 0.25rem !important;
20479 .ml-1,
20480 .mx-1 {
20481 margin-left: 0.25rem !important;
20484 .m-2 {
20485 margin: 0.5rem !important;
20488 .mt-2,
20489 .my-2 {
20490 margin-top: 0.5rem !important;
20493 .mr-2,
20494 .mx-2 {
20495 margin-right: 0.5rem !important;
20498 .mb-2,
20499 .my-2 {
20500 margin-bottom: 0.5rem !important;
20503 .ml-2,
20504 .mx-2 {
20505 margin-left: 0.5rem !important;
20508 .m-3 {
20509 margin: 1rem !important;
20512 .mt-3,
20513 .my-3 {
20514 margin-top: 1rem !important;
20517 .mr-3,
20518 .mx-3 {
20519 margin-right: 1rem !important;
20522 .mb-3,
20523 .my-3 {
20524 margin-bottom: 1rem !important;
20527 .ml-3,
20528 .mx-3 {
20529 margin-left: 1rem !important;
20532 .m-4 {
20533 margin: 1.5rem !important;
20536 .mt-4,
20537 .my-4 {
20538 margin-top: 1.5rem !important;
20541 .mr-4,
20542 .mx-4 {
20543 margin-right: 1.5rem !important;
20546 .mb-4,
20547 .my-4 {
20548 margin-bottom: 1.5rem !important;
20551 .ml-4,
20552 .mx-4 {
20553 margin-left: 1.5rem !important;
20556 .m-5 {
20557 margin: 2rem !important;
20560 .mt-5,
20561 .my-5 {
20562 margin-top: 2rem !important;
20565 .mr-5,
20566 .mx-5 {
20567 margin-right: 2rem !important;
20570 .mb-5,
20571 .my-5 {
20572 margin-bottom: 2rem !important;
20575 .ml-5,
20576 .mx-5 {
20577 margin-left: 2rem !important;
20580 .m-6 {
20581 margin: 3rem !important;
20584 .mt-6,
20585 .my-6 {
20586 margin-top: 3rem !important;
20589 .mr-6,
20590 .mx-6 {
20591 margin-right: 3rem !important;
20594 .mb-6,
20595 .my-6 {
20596 margin-bottom: 3rem !important;
20599 .ml-6,
20600 .mx-6 {
20601 margin-left: 3rem !important;
20604 .p-0 {
20605 padding: 0 !important;
20608 .pt-0,
20609 .py-0 {
20610 padding-top: 0 !important;
20613 .pr-0,
20614 .px-0 {
20615 padding-right: 0 !important;
20618 .pb-0,
20619 .py-0 {
20620 padding-bottom: 0 !important;
20623 .pl-0,
20624 .px-0 {
20625 padding-left: 0 !important;
20628 .p-1 {
20629 padding: 0.25rem !important;
20632 .pt-1,
20633 .py-1 {
20634 padding-top: 0.25rem !important;
20637 .pr-1,
20638 .px-1 {
20639 padding-right: 0.25rem !important;
20642 .pb-1,
20643 .py-1 {
20644 padding-bottom: 0.25rem !important;
20647 .pl-1,
20648 .px-1 {
20649 padding-left: 0.25rem !important;
20652 .p-2 {
20653 padding: 0.5rem !important;
20656 .pt-2,
20657 .py-2 {
20658 padding-top: 0.5rem !important;
20661 .pr-2,
20662 .px-2 {
20663 padding-right: 0.5rem !important;
20666 .pb-2,
20667 .py-2 {
20668 padding-bottom: 0.5rem !important;
20671 .pl-2,
20672 .px-2 {
20673 padding-left: 0.5rem !important;
20676 .p-3 {
20677 padding: 1rem !important;
20680 .pt-3,
20681 .py-3 {
20682 padding-top: 1rem !important;
20685 .pr-3,
20686 .px-3 {
20687 padding-right: 1rem !important;
20690 .pb-3,
20691 .py-3 {
20692 padding-bottom: 1rem !important;
20695 .pl-3,
20696 .px-3 {
20697 padding-left: 1rem !important;
20700 .p-4 {
20701 padding: 1.5rem !important;
20704 .pt-4,
20705 .py-4 {
20706 padding-top: 1.5rem !important;
20709 .pr-4,
20710 .px-4 {
20711 padding-right: 1.5rem !important;
20714 .pb-4,
20715 .py-4 {
20716 padding-bottom: 1.5rem !important;
20719 .pl-4,
20720 .px-4 {
20721 padding-left: 1.5rem !important;
20724 .p-5 {
20725 padding: 2rem !important;
20728 .pt-5,
20729 .py-5 {
20730 padding-top: 2rem !important;
20733 .pr-5,
20734 .px-5 {
20735 padding-right: 2rem !important;
20738 .pb-5,
20739 .py-5 {
20740 padding-bottom: 2rem !important;
20743 .pl-5,
20744 .px-5 {
20745 padding-left: 2rem !important;
20748 .p-6 {
20749 padding: 3rem !important;
20752 .pt-6,
20753 .py-6 {
20754 padding-top: 3rem !important;
20757 .pr-6,
20758 .px-6 {
20759 padding-right: 3rem !important;
20762 .pb-6,
20763 .py-6 {
20764 padding-bottom: 3rem !important;
20767 .pl-6,
20768 .px-6 {
20769 padding-left: 3rem !important;
20772 .m-n1 {
20773 margin: -0.25rem !important;
20776 .mt-n1,
20777 .my-n1 {
20778 margin-top: -0.25rem !important;
20781 .mr-n1,
20782 .mx-n1 {
20783 margin-right: -0.25rem !important;
20786 .mb-n1,
20787 .my-n1 {
20788 margin-bottom: -0.25rem !important;
20791 .ml-n1,
20792 .mx-n1 {
20793 margin-left: -0.25rem !important;
20796 .m-n2 {
20797 margin: -0.5rem !important;
20800 .mt-n2,
20801 .my-n2 {
20802 margin-top: -0.5rem !important;
20805 .mr-n2,
20806 .mx-n2 {
20807 margin-right: -0.5rem !important;
20810 .mb-n2,
20811 .my-n2 {
20812 margin-bottom: -0.5rem !important;
20815 .ml-n2,
20816 .mx-n2 {
20817 margin-left: -0.5rem !important;
20820 .m-n3 {
20821 margin: -1rem !important;
20824 .mt-n3,
20825 .my-n3 {
20826 margin-top: -1rem !important;
20829 .mr-n3,
20830 .mx-n3 {
20831 margin-right: -1rem !important;
20834 .mb-n3,
20835 .my-n3 {
20836 margin-bottom: -1rem !important;
20839 .ml-n3,
20840 .mx-n3 {
20841 margin-left: -1rem !important;
20844 .m-n4 {
20845 margin: -1.5rem !important;
20848 .mt-n4,
20849 .my-n4 {
20850 margin-top: -1.5rem !important;
20853 .mr-n4,
20854 .mx-n4 {
20855 margin-right: -1.5rem !important;
20858 .mb-n4,
20859 .my-n4 {
20860 margin-bottom: -1.5rem !important;
20863 .ml-n4,
20864 .mx-n4 {
20865 margin-left: -1.5rem !important;
20868 .m-n5 {
20869 margin: -2rem !important;
20872 .mt-n5,
20873 .my-n5 {
20874 margin-top: -2rem !important;
20877 .mr-n5,
20878 .mx-n5 {
20879 margin-right: -2rem !important;
20882 .mb-n5,
20883 .my-n5 {
20884 margin-bottom: -2rem !important;
20887 .ml-n5,
20888 .mx-n5 {
20889 margin-left: -2rem !important;
20892 .m-n6 {
20893 margin: -3rem !important;
20896 .mt-n6,
20897 .my-n6 {
20898 margin-top: -3rem !important;
20901 .mr-n6,
20902 .mx-n6 {
20903 margin-right: -3rem !important;
20906 .mb-n6,
20907 .my-n6 {
20908 margin-bottom: -3rem !important;
20911 .ml-n6,
20912 .mx-n6 {
20913 margin-left: -3rem !important;
20916 .m-auto {
20917 margin: auto !important;
20920 .mt-auto,
20921 .my-auto {
20922 margin-top: auto !important;
20925 .mr-auto,
20926 .mx-auto {
20927 margin-right: auto !important;
20930 .mb-auto,
20931 .my-auto {
20932 margin-bottom: auto !important;
20935 .ml-auto,
20936 .mx-auto {
20937 margin-left: auto !important;
20940 @media (min-width: 576px) {
20941 .m-sm-0 {
20942 margin: 0 !important;
20944 .mt-sm-0,
20945 .my-sm-0 {
20946 margin-top: 0 !important;
20948 .mr-sm-0,
20949 .mx-sm-0 {
20950 margin-right: 0 !important;
20952 .mb-sm-0,
20953 .my-sm-0 {
20954 margin-bottom: 0 !important;
20956 .ml-sm-0,
20957 .mx-sm-0 {
20958 margin-left: 0 !important;
20960 .m-sm-1 {
20961 margin: 0.25rem !important;
20963 .mt-sm-1,
20964 .my-sm-1 {
20965 margin-top: 0.25rem !important;
20967 .mr-sm-1,
20968 .mx-sm-1 {
20969 margin-right: 0.25rem !important;
20971 .mb-sm-1,
20972 .my-sm-1 {
20973 margin-bottom: 0.25rem !important;
20975 .ml-sm-1,
20976 .mx-sm-1 {
20977 margin-left: 0.25rem !important;
20979 .m-sm-2 {
20980 margin: 0.5rem !important;
20982 .mt-sm-2,
20983 .my-sm-2 {
20984 margin-top: 0.5rem !important;
20986 .mr-sm-2,
20987 .mx-sm-2 {
20988 margin-right: 0.5rem !important;
20990 .mb-sm-2,
20991 .my-sm-2 {
20992 margin-bottom: 0.5rem !important;
20994 .ml-sm-2,
20995 .mx-sm-2 {
20996 margin-left: 0.5rem !important;
20998 .m-sm-3 {
20999 margin: 1rem !important;
21001 .mt-sm-3,
21002 .my-sm-3 {
21003 margin-top: 1rem !important;
21005 .mr-sm-3,
21006 .mx-sm-3 {
21007 margin-right: 1rem !important;
21009 .mb-sm-3,
21010 .my-sm-3 {
21011 margin-bottom: 1rem !important;
21013 .ml-sm-3,
21014 .mx-sm-3 {
21015 margin-left: 1rem !important;
21017 .m-sm-4 {
21018 margin: 1.5rem !important;
21020 .mt-sm-4,
21021 .my-sm-4 {
21022 margin-top: 1.5rem !important;
21024 .mr-sm-4,
21025 .mx-sm-4 {
21026 margin-right: 1.5rem !important;
21028 .mb-sm-4,
21029 .my-sm-4 {
21030 margin-bottom: 1.5rem !important;
21032 .ml-sm-4,
21033 .mx-sm-4 {
21034 margin-left: 1.5rem !important;
21036 .m-sm-5 {
21037 margin: 2rem !important;
21039 .mt-sm-5,
21040 .my-sm-5 {
21041 margin-top: 2rem !important;
21043 .mr-sm-5,
21044 .mx-sm-5 {
21045 margin-right: 2rem !important;
21047 .mb-sm-5,
21048 .my-sm-5 {
21049 margin-bottom: 2rem !important;
21051 .ml-sm-5,
21052 .mx-sm-5 {
21053 margin-left: 2rem !important;
21055 .m-sm-6 {
21056 margin: 3rem !important;
21058 .mt-sm-6,
21059 .my-sm-6 {
21060 margin-top: 3rem !important;
21062 .mr-sm-6,
21063 .mx-sm-6 {
21064 margin-right: 3rem !important;
21066 .mb-sm-6,
21067 .my-sm-6 {
21068 margin-bottom: 3rem !important;
21070 .ml-sm-6,
21071 .mx-sm-6 {
21072 margin-left: 3rem !important;
21074 .p-sm-0 {
21075 padding: 0 !important;
21077 .pt-sm-0,
21078 .py-sm-0 {
21079 padding-top: 0 !important;
21081 .pr-sm-0,
21082 .px-sm-0 {
21083 padding-right: 0 !important;
21085 .pb-sm-0,
21086 .py-sm-0 {
21087 padding-bottom: 0 !important;
21089 .pl-sm-0,
21090 .px-sm-0 {
21091 padding-left: 0 !important;
21093 .p-sm-1 {
21094 padding: 0.25rem !important;
21096 .pt-sm-1,
21097 .py-sm-1 {
21098 padding-top: 0.25rem !important;
21100 .pr-sm-1,
21101 .px-sm-1 {
21102 padding-right: 0.25rem !important;
21104 .pb-sm-1,
21105 .py-sm-1 {
21106 padding-bottom: 0.25rem !important;
21108 .pl-sm-1,
21109 .px-sm-1 {
21110 padding-left: 0.25rem !important;
21112 .p-sm-2 {
21113 padding: 0.5rem !important;
21115 .pt-sm-2,
21116 .py-sm-2 {
21117 padding-top: 0.5rem !important;
21119 .pr-sm-2,
21120 .px-sm-2 {
21121 padding-right: 0.5rem !important;
21123 .pb-sm-2,
21124 .py-sm-2 {
21125 padding-bottom: 0.5rem !important;
21127 .pl-sm-2,
21128 .px-sm-2 {
21129 padding-left: 0.5rem !important;
21131 .p-sm-3 {
21132 padding: 1rem !important;
21134 .pt-sm-3,
21135 .py-sm-3 {
21136 padding-top: 1rem !important;
21138 .pr-sm-3,
21139 .px-sm-3 {
21140 padding-right: 1rem !important;
21142 .pb-sm-3,
21143 .py-sm-3 {
21144 padding-bottom: 1rem !important;
21146 .pl-sm-3,
21147 .px-sm-3 {
21148 padding-left: 1rem !important;
21150 .p-sm-4 {
21151 padding: 1.5rem !important;
21153 .pt-sm-4,
21154 .py-sm-4 {
21155 padding-top: 1.5rem !important;
21157 .pr-sm-4,
21158 .px-sm-4 {
21159 padding-right: 1.5rem !important;
21161 .pb-sm-4,
21162 .py-sm-4 {
21163 padding-bottom: 1.5rem !important;
21165 .pl-sm-4,
21166 .px-sm-4 {
21167 padding-left: 1.5rem !important;
21169 .p-sm-5 {
21170 padding: 2rem !important;
21172 .pt-sm-5,
21173 .py-sm-5 {
21174 padding-top: 2rem !important;
21176 .pr-sm-5,
21177 .px-sm-5 {
21178 padding-right: 2rem !important;
21180 .pb-sm-5,
21181 .py-sm-5 {
21182 padding-bottom: 2rem !important;
21184 .pl-sm-5,
21185 .px-sm-5 {
21186 padding-left: 2rem !important;
21188 .p-sm-6 {
21189 padding: 3rem !important;
21191 .pt-sm-6,
21192 .py-sm-6 {
21193 padding-top: 3rem !important;
21195 .pr-sm-6,
21196 .px-sm-6 {
21197 padding-right: 3rem !important;
21199 .pb-sm-6,
21200 .py-sm-6 {
21201 padding-bottom: 3rem !important;
21203 .pl-sm-6,
21204 .px-sm-6 {
21205 padding-left: 3rem !important;
21207 .m-sm-n1 {
21208 margin: -0.25rem !important;
21210 .mt-sm-n1,
21211 .my-sm-n1 {
21212 margin-top: -0.25rem !important;
21214 .mr-sm-n1,
21215 .mx-sm-n1 {
21216 margin-right: -0.25rem !important;
21218 .mb-sm-n1,
21219 .my-sm-n1 {
21220 margin-bottom: -0.25rem !important;
21222 .ml-sm-n1,
21223 .mx-sm-n1 {
21224 margin-left: -0.25rem !important;
21226 .m-sm-n2 {
21227 margin: -0.5rem !important;
21229 .mt-sm-n2,
21230 .my-sm-n2 {
21231 margin-top: -0.5rem !important;
21233 .mr-sm-n2,
21234 .mx-sm-n2 {
21235 margin-right: -0.5rem !important;
21237 .mb-sm-n2,
21238 .my-sm-n2 {
21239 margin-bottom: -0.5rem !important;
21241 .ml-sm-n2,
21242 .mx-sm-n2 {
21243 margin-left: -0.5rem !important;
21245 .m-sm-n3 {
21246 margin: -1rem !important;
21248 .mt-sm-n3,
21249 .my-sm-n3 {
21250 margin-top: -1rem !important;
21252 .mr-sm-n3,
21253 .mx-sm-n3 {
21254 margin-right: -1rem !important;
21256 .mb-sm-n3,
21257 .my-sm-n3 {
21258 margin-bottom: -1rem !important;
21260 .ml-sm-n3,
21261 .mx-sm-n3 {
21262 margin-left: -1rem !important;
21264 .m-sm-n4 {
21265 margin: -1.5rem !important;
21267 .mt-sm-n4,
21268 .my-sm-n4 {
21269 margin-top: -1.5rem !important;
21271 .mr-sm-n4,
21272 .mx-sm-n4 {
21273 margin-right: -1.5rem !important;
21275 .mb-sm-n4,
21276 .my-sm-n4 {
21277 margin-bottom: -1.5rem !important;
21279 .ml-sm-n4,
21280 .mx-sm-n4 {
21281 margin-left: -1.5rem !important;
21283 .m-sm-n5 {
21284 margin: -2rem !important;
21286 .mt-sm-n5,
21287 .my-sm-n5 {
21288 margin-top: -2rem !important;
21290 .mr-sm-n5,
21291 .mx-sm-n5 {
21292 margin-right: -2rem !important;
21294 .mb-sm-n5,
21295 .my-sm-n5 {
21296 margin-bottom: -2rem !important;
21298 .ml-sm-n5,
21299 .mx-sm-n5 {
21300 margin-left: -2rem !important;
21302 .m-sm-n6 {
21303 margin: -3rem !important;
21305 .mt-sm-n6,
21306 .my-sm-n6 {
21307 margin-top: -3rem !important;
21309 .mr-sm-n6,
21310 .mx-sm-n6 {
21311 margin-right: -3rem !important;
21313 .mb-sm-n6,
21314 .my-sm-n6 {
21315 margin-bottom: -3rem !important;
21317 .ml-sm-n6,
21318 .mx-sm-n6 {
21319 margin-left: -3rem !important;
21321 .m-sm-auto {
21322 margin: auto !important;
21324 .mt-sm-auto,
21325 .my-sm-auto {
21326 margin-top: auto !important;
21328 .mr-sm-auto,
21329 .mx-sm-auto {
21330 margin-right: auto !important;
21332 .mb-sm-auto,
21333 .my-sm-auto {
21334 margin-bottom: auto !important;
21336 .ml-sm-auto,
21337 .mx-sm-auto {
21338 margin-left: auto !important;
21341 @media (min-width: 768px) {
21342 .m-md-0 {
21343 margin: 0 !important;
21345 .mt-md-0,
21346 .my-md-0 {
21347 margin-top: 0 !important;
21349 .mr-md-0,
21350 .mx-md-0 {
21351 margin-right: 0 !important;
21353 .mb-md-0,
21354 .my-md-0 {
21355 margin-bottom: 0 !important;
21357 .ml-md-0,
21358 .mx-md-0 {
21359 margin-left: 0 !important;
21361 .m-md-1 {
21362 margin: 0.25rem !important;
21364 .mt-md-1,
21365 .my-md-1 {
21366 margin-top: 0.25rem !important;
21368 .mr-md-1,
21369 .mx-md-1 {
21370 margin-right: 0.25rem !important;
21372 .mb-md-1,
21373 .my-md-1 {
21374 margin-bottom: 0.25rem !important;
21376 .ml-md-1,
21377 .mx-md-1 {
21378 margin-left: 0.25rem !important;
21380 .m-md-2 {
21381 margin: 0.5rem !important;
21383 .mt-md-2,
21384 .my-md-2 {
21385 margin-top: 0.5rem !important;
21387 .mr-md-2,
21388 .mx-md-2 {
21389 margin-right: 0.5rem !important;
21391 .mb-md-2,
21392 .my-md-2 {
21393 margin-bottom: 0.5rem !important;
21395 .ml-md-2,
21396 .mx-md-2 {
21397 margin-left: 0.5rem !important;
21399 .m-md-3 {
21400 margin: 1rem !important;
21402 .mt-md-3,
21403 .my-md-3 {
21404 margin-top: 1rem !important;
21406 .mr-md-3,
21407 .mx-md-3 {
21408 margin-right: 1rem !important;
21410 .mb-md-3,
21411 .my-md-3 {
21412 margin-bottom: 1rem !important;
21414 .ml-md-3,
21415 .mx-md-3 {
21416 margin-left: 1rem !important;
21418 .m-md-4 {
21419 margin: 1.5rem !important;
21421 .mt-md-4,
21422 .my-md-4 {
21423 margin-top: 1.5rem !important;
21425 .mr-md-4,
21426 .mx-md-4 {
21427 margin-right: 1.5rem !important;
21429 .mb-md-4,
21430 .my-md-4 {
21431 margin-bottom: 1.5rem !important;
21433 .ml-md-4,
21434 .mx-md-4 {
21435 margin-left: 1.5rem !important;
21437 .m-md-5 {
21438 margin: 2rem !important;
21440 .mt-md-5,
21441 .my-md-5 {
21442 margin-top: 2rem !important;
21444 .mr-md-5,
21445 .mx-md-5 {
21446 margin-right: 2rem !important;
21448 .mb-md-5,
21449 .my-md-5 {
21450 margin-bottom: 2rem !important;
21452 .ml-md-5,
21453 .mx-md-5 {
21454 margin-left: 2rem !important;
21456 .m-md-6 {
21457 margin: 3rem !important;
21459 .mt-md-6,
21460 .my-md-6 {
21461 margin-top: 3rem !important;
21463 .mr-md-6,
21464 .mx-md-6 {
21465 margin-right: 3rem !important;
21467 .mb-md-6,
21468 .my-md-6 {
21469 margin-bottom: 3rem !important;
21471 .ml-md-6,
21472 .mx-md-6 {
21473 margin-left: 3rem !important;
21475 .p-md-0 {
21476 padding: 0 !important;
21478 .pt-md-0,
21479 .py-md-0 {
21480 padding-top: 0 !important;
21482 .pr-md-0,
21483 .px-md-0 {
21484 padding-right: 0 !important;
21486 .pb-md-0,
21487 .py-md-0 {
21488 padding-bottom: 0 !important;
21490 .pl-md-0,
21491 .px-md-0 {
21492 padding-left: 0 !important;
21494 .p-md-1 {
21495 padding: 0.25rem !important;
21497 .pt-md-1,
21498 .py-md-1 {
21499 padding-top: 0.25rem !important;
21501 .pr-md-1,
21502 .px-md-1 {
21503 padding-right: 0.25rem !important;
21505 .pb-md-1,
21506 .py-md-1 {
21507 padding-bottom: 0.25rem !important;
21509 .pl-md-1,
21510 .px-md-1 {
21511 padding-left: 0.25rem !important;
21513 .p-md-2 {
21514 padding: 0.5rem !important;
21516 .pt-md-2,
21517 .py-md-2 {
21518 padding-top: 0.5rem !important;
21520 .pr-md-2,
21521 .px-md-2 {
21522 padding-right: 0.5rem !important;
21524 .pb-md-2,
21525 .py-md-2 {
21526 padding-bottom: 0.5rem !important;
21528 .pl-md-2,
21529 .px-md-2 {
21530 padding-left: 0.5rem !important;
21532 .p-md-3 {
21533 padding: 1rem !important;
21535 .pt-md-3,
21536 .py-md-3 {
21537 padding-top: 1rem !important;
21539 .pr-md-3,
21540 .px-md-3 {
21541 padding-right: 1rem !important;
21543 .pb-md-3,
21544 .py-md-3 {
21545 padding-bottom: 1rem !important;
21547 .pl-md-3,
21548 .px-md-3 {
21549 padding-left: 1rem !important;
21551 .p-md-4 {
21552 padding: 1.5rem !important;
21554 .pt-md-4,
21555 .py-md-4 {
21556 padding-top: 1.5rem !important;
21558 .pr-md-4,
21559 .px-md-4 {
21560 padding-right: 1.5rem !important;
21562 .pb-md-4,
21563 .py-md-4 {
21564 padding-bottom: 1.5rem !important;
21566 .pl-md-4,
21567 .px-md-4 {
21568 padding-left: 1.5rem !important;
21570 .p-md-5 {
21571 padding: 2rem !important;
21573 .pt-md-5,
21574 .py-md-5 {
21575 padding-top: 2rem !important;
21577 .pr-md-5,
21578 .px-md-5 {
21579 padding-right: 2rem !important;
21581 .pb-md-5,
21582 .py-md-5 {
21583 padding-bottom: 2rem !important;
21585 .pl-md-5,
21586 .px-md-5 {
21587 padding-left: 2rem !important;
21589 .p-md-6 {
21590 padding: 3rem !important;
21592 .pt-md-6,
21593 .py-md-6 {
21594 padding-top: 3rem !important;
21596 .pr-md-6,
21597 .px-md-6 {
21598 padding-right: 3rem !important;
21600 .pb-md-6,
21601 .py-md-6 {
21602 padding-bottom: 3rem !important;
21604 .pl-md-6,
21605 .px-md-6 {
21606 padding-left: 3rem !important;
21608 .m-md-n1 {
21609 margin: -0.25rem !important;
21611 .mt-md-n1,
21612 .my-md-n1 {
21613 margin-top: -0.25rem !important;
21615 .mr-md-n1,
21616 .mx-md-n1 {
21617 margin-right: -0.25rem !important;
21619 .mb-md-n1,
21620 .my-md-n1 {
21621 margin-bottom: -0.25rem !important;
21623 .ml-md-n1,
21624 .mx-md-n1 {
21625 margin-left: -0.25rem !important;
21627 .m-md-n2 {
21628 margin: -0.5rem !important;
21630 .mt-md-n2,
21631 .my-md-n2 {
21632 margin-top: -0.5rem !important;
21634 .mr-md-n2,
21635 .mx-md-n2 {
21636 margin-right: -0.5rem !important;
21638 .mb-md-n2,
21639 .my-md-n2 {
21640 margin-bottom: -0.5rem !important;
21642 .ml-md-n2,
21643 .mx-md-n2 {
21644 margin-left: -0.5rem !important;
21646 .m-md-n3 {
21647 margin: -1rem !important;
21649 .mt-md-n3,
21650 .my-md-n3 {
21651 margin-top: -1rem !important;
21653 .mr-md-n3,
21654 .mx-md-n3 {
21655 margin-right: -1rem !important;
21657 .mb-md-n3,
21658 .my-md-n3 {
21659 margin-bottom: -1rem !important;
21661 .ml-md-n3,
21662 .mx-md-n3 {
21663 margin-left: -1rem !important;
21665 .m-md-n4 {
21666 margin: -1.5rem !important;
21668 .mt-md-n4,
21669 .my-md-n4 {
21670 margin-top: -1.5rem !important;
21672 .mr-md-n4,
21673 .mx-md-n4 {
21674 margin-right: -1.5rem !important;
21676 .mb-md-n4,
21677 .my-md-n4 {
21678 margin-bottom: -1.5rem !important;
21680 .ml-md-n4,
21681 .mx-md-n4 {
21682 margin-left: -1.5rem !important;
21684 .m-md-n5 {
21685 margin: -2rem !important;
21687 .mt-md-n5,
21688 .my-md-n5 {
21689 margin-top: -2rem !important;
21691 .mr-md-n5,
21692 .mx-md-n5 {
21693 margin-right: -2rem !important;
21695 .mb-md-n5,
21696 .my-md-n5 {
21697 margin-bottom: -2rem !important;
21699 .ml-md-n5,
21700 .mx-md-n5 {
21701 margin-left: -2rem !important;
21703 .m-md-n6 {
21704 margin: -3rem !important;
21706 .mt-md-n6,
21707 .my-md-n6 {
21708 margin-top: -3rem !important;
21710 .mr-md-n6,
21711 .mx-md-n6 {
21712 margin-right: -3rem !important;
21714 .mb-md-n6,
21715 .my-md-n6 {
21716 margin-bottom: -3rem !important;
21718 .ml-md-n6,
21719 .mx-md-n6 {
21720 margin-left: -3rem !important;
21722 .m-md-auto {
21723 margin: auto !important;
21725 .mt-md-auto,
21726 .my-md-auto {
21727 margin-top: auto !important;
21729 .mr-md-auto,
21730 .mx-md-auto {
21731 margin-right: auto !important;
21733 .mb-md-auto,
21734 .my-md-auto {
21735 margin-bottom: auto !important;
21737 .ml-md-auto,
21738 .mx-md-auto {
21739 margin-left: auto !important;
21742 @media (min-width: 992px) {
21743 .m-lg-0 {
21744 margin: 0 !important;
21746 .mt-lg-0,
21747 .my-lg-0 {
21748 margin-top: 0 !important;
21750 .mr-lg-0,
21751 .mx-lg-0 {
21752 margin-right: 0 !important;
21754 .mb-lg-0,
21755 .my-lg-0 {
21756 margin-bottom: 0 !important;
21758 .ml-lg-0,
21759 .mx-lg-0 {
21760 margin-left: 0 !important;
21762 .m-lg-1 {
21763 margin: 0.25rem !important;
21765 .mt-lg-1,
21766 .my-lg-1 {
21767 margin-top: 0.25rem !important;
21769 .mr-lg-1,
21770 .mx-lg-1 {
21771 margin-right: 0.25rem !important;
21773 .mb-lg-1,
21774 .my-lg-1 {
21775 margin-bottom: 0.25rem !important;
21777 .ml-lg-1,
21778 .mx-lg-1 {
21779 margin-left: 0.25rem !important;
21781 .m-lg-2 {
21782 margin: 0.5rem !important;
21784 .mt-lg-2,
21785 .my-lg-2 {
21786 margin-top: 0.5rem !important;
21788 .mr-lg-2,
21789 .mx-lg-2 {
21790 margin-right: 0.5rem !important;
21792 .mb-lg-2,
21793 .my-lg-2 {
21794 margin-bottom: 0.5rem !important;
21796 .ml-lg-2,
21797 .mx-lg-2 {
21798 margin-left: 0.5rem !important;
21800 .m-lg-3 {
21801 margin: 1rem !important;
21803 .mt-lg-3,
21804 .my-lg-3 {
21805 margin-top: 1rem !important;
21807 .mr-lg-3,
21808 .mx-lg-3 {
21809 margin-right: 1rem !important;
21811 .mb-lg-3,
21812 .my-lg-3 {
21813 margin-bottom: 1rem !important;
21815 .ml-lg-3,
21816 .mx-lg-3 {
21817 margin-left: 1rem !important;
21819 .m-lg-4 {
21820 margin: 1.5rem !important;
21822 .mt-lg-4,
21823 .my-lg-4 {
21824 margin-top: 1.5rem !important;
21826 .mr-lg-4,
21827 .mx-lg-4 {
21828 margin-right: 1.5rem !important;
21830 .mb-lg-4,
21831 .my-lg-4 {
21832 margin-bottom: 1.5rem !important;
21834 .ml-lg-4,
21835 .mx-lg-4 {
21836 margin-left: 1.5rem !important;
21838 .m-lg-5 {
21839 margin: 2rem !important;
21841 .mt-lg-5,
21842 .my-lg-5 {
21843 margin-top: 2rem !important;
21845 .mr-lg-5,
21846 .mx-lg-5 {
21847 margin-right: 2rem !important;
21849 .mb-lg-5,
21850 .my-lg-5 {
21851 margin-bottom: 2rem !important;
21853 .ml-lg-5,
21854 .mx-lg-5 {
21855 margin-left: 2rem !important;
21857 .m-lg-6 {
21858 margin: 3rem !important;
21860 .mt-lg-6,
21861 .my-lg-6 {
21862 margin-top: 3rem !important;
21864 .mr-lg-6,
21865 .mx-lg-6 {
21866 margin-right: 3rem !important;
21868 .mb-lg-6,
21869 .my-lg-6 {
21870 margin-bottom: 3rem !important;
21872 .ml-lg-6,
21873 .mx-lg-6 {
21874 margin-left: 3rem !important;
21876 .p-lg-0 {
21877 padding: 0 !important;
21879 .pt-lg-0,
21880 .py-lg-0 {
21881 padding-top: 0 !important;
21883 .pr-lg-0,
21884 .px-lg-0 {
21885 padding-right: 0 !important;
21887 .pb-lg-0,
21888 .py-lg-0 {
21889 padding-bottom: 0 !important;
21891 .pl-lg-0,
21892 .px-lg-0 {
21893 padding-left: 0 !important;
21895 .p-lg-1 {
21896 padding: 0.25rem !important;
21898 .pt-lg-1,
21899 .py-lg-1 {
21900 padding-top: 0.25rem !important;
21902 .pr-lg-1,
21903 .px-lg-1 {
21904 padding-right: 0.25rem !important;
21906 .pb-lg-1,
21907 .py-lg-1 {
21908 padding-bottom: 0.25rem !important;
21910 .pl-lg-1,
21911 .px-lg-1 {
21912 padding-left: 0.25rem !important;
21914 .p-lg-2 {
21915 padding: 0.5rem !important;
21917 .pt-lg-2,
21918 .py-lg-2 {
21919 padding-top: 0.5rem !important;
21921 .pr-lg-2,
21922 .px-lg-2 {
21923 padding-right: 0.5rem !important;
21925 .pb-lg-2,
21926 .py-lg-2 {
21927 padding-bottom: 0.5rem !important;
21929 .pl-lg-2,
21930 .px-lg-2 {
21931 padding-left: 0.5rem !important;
21933 .p-lg-3 {
21934 padding: 1rem !important;
21936 .pt-lg-3,
21937 .py-lg-3 {
21938 padding-top: 1rem !important;
21940 .pr-lg-3,
21941 .px-lg-3 {
21942 padding-right: 1rem !important;
21944 .pb-lg-3,
21945 .py-lg-3 {
21946 padding-bottom: 1rem !important;
21948 .pl-lg-3,
21949 .px-lg-3 {
21950 padding-left: 1rem !important;
21952 .p-lg-4 {
21953 padding: 1.5rem !important;
21955 .pt-lg-4,
21956 .py-lg-4 {
21957 padding-top: 1.5rem !important;
21959 .pr-lg-4,
21960 .px-lg-4 {
21961 padding-right: 1.5rem !important;
21963 .pb-lg-4,
21964 .py-lg-4 {
21965 padding-bottom: 1.5rem !important;
21967 .pl-lg-4,
21968 .px-lg-4 {
21969 padding-left: 1.5rem !important;
21971 .p-lg-5 {
21972 padding: 2rem !important;
21974 .pt-lg-5,
21975 .py-lg-5 {
21976 padding-top: 2rem !important;
21978 .pr-lg-5,
21979 .px-lg-5 {
21980 padding-right: 2rem !important;
21982 .pb-lg-5,
21983 .py-lg-5 {
21984 padding-bottom: 2rem !important;
21986 .pl-lg-5,
21987 .px-lg-5 {
21988 padding-left: 2rem !important;
21990 .p-lg-6 {
21991 padding: 3rem !important;
21993 .pt-lg-6,
21994 .py-lg-6 {
21995 padding-top: 3rem !important;
21997 .pr-lg-6,
21998 .px-lg-6 {
21999 padding-right: 3rem !important;
22001 .pb-lg-6,
22002 .py-lg-6 {
22003 padding-bottom: 3rem !important;
22005 .pl-lg-6,
22006 .px-lg-6 {
22007 padding-left: 3rem !important;
22009 .m-lg-n1 {
22010 margin: -0.25rem !important;
22012 .mt-lg-n1,
22013 .my-lg-n1 {
22014 margin-top: -0.25rem !important;
22016 .mr-lg-n1,
22017 .mx-lg-n1 {
22018 margin-right: -0.25rem !important;
22020 .mb-lg-n1,
22021 .my-lg-n1 {
22022 margin-bottom: -0.25rem !important;
22024 .ml-lg-n1,
22025 .mx-lg-n1 {
22026 margin-left: -0.25rem !important;
22028 .m-lg-n2 {
22029 margin: -0.5rem !important;
22031 .mt-lg-n2,
22032 .my-lg-n2 {
22033 margin-top: -0.5rem !important;
22035 .mr-lg-n2,
22036 .mx-lg-n2 {
22037 margin-right: -0.5rem !important;
22039 .mb-lg-n2,
22040 .my-lg-n2 {
22041 margin-bottom: -0.5rem !important;
22043 .ml-lg-n2,
22044 .mx-lg-n2 {
22045 margin-left: -0.5rem !important;
22047 .m-lg-n3 {
22048 margin: -1rem !important;
22050 .mt-lg-n3,
22051 .my-lg-n3 {
22052 margin-top: -1rem !important;
22054 .mr-lg-n3,
22055 .mx-lg-n3 {
22056 margin-right: -1rem !important;
22058 .mb-lg-n3,
22059 .my-lg-n3 {
22060 margin-bottom: -1rem !important;
22062 .ml-lg-n3,
22063 .mx-lg-n3 {
22064 margin-left: -1rem !important;
22066 .m-lg-n4 {
22067 margin: -1.5rem !important;
22069 .mt-lg-n4,
22070 .my-lg-n4 {
22071 margin-top: -1.5rem !important;
22073 .mr-lg-n4,
22074 .mx-lg-n4 {
22075 margin-right: -1.5rem !important;
22077 .mb-lg-n4,
22078 .my-lg-n4 {
22079 margin-bottom: -1.5rem !important;
22081 .ml-lg-n4,
22082 .mx-lg-n4 {
22083 margin-left: -1.5rem !important;
22085 .m-lg-n5 {
22086 margin: -2rem !important;
22088 .mt-lg-n5,
22089 .my-lg-n5 {
22090 margin-top: -2rem !important;
22092 .mr-lg-n5,
22093 .mx-lg-n5 {
22094 margin-right: -2rem !important;
22096 .mb-lg-n5,
22097 .my-lg-n5 {
22098 margin-bottom: -2rem !important;
22100 .ml-lg-n5,
22101 .mx-lg-n5 {
22102 margin-left: -2rem !important;
22104 .m-lg-n6 {
22105 margin: -3rem !important;
22107 .mt-lg-n6,
22108 .my-lg-n6 {
22109 margin-top: -3rem !important;
22111 .mr-lg-n6,
22112 .mx-lg-n6 {
22113 margin-right: -3rem !important;
22115 .mb-lg-n6,
22116 .my-lg-n6 {
22117 margin-bottom: -3rem !important;
22119 .ml-lg-n6,
22120 .mx-lg-n6 {
22121 margin-left: -3rem !important;
22123 .m-lg-auto {
22124 margin: auto !important;
22126 .mt-lg-auto,
22127 .my-lg-auto {
22128 margin-top: auto !important;
22130 .mr-lg-auto,
22131 .mx-lg-auto {
22132 margin-right: auto !important;
22134 .mb-lg-auto,
22135 .my-lg-auto {
22136 margin-bottom: auto !important;
22138 .ml-lg-auto,
22139 .mx-lg-auto {
22140 margin-left: auto !important;
22143 @media (min-width: 1200px) {
22144 .m-xl-0 {
22145 margin: 0 !important;
22147 .mt-xl-0,
22148 .my-xl-0 {
22149 margin-top: 0 !important;
22151 .mr-xl-0,
22152 .mx-xl-0 {
22153 margin-right: 0 !important;
22155 .mb-xl-0,
22156 .my-xl-0 {
22157 margin-bottom: 0 !important;
22159 .ml-xl-0,
22160 .mx-xl-0 {
22161 margin-left: 0 !important;
22163 .m-xl-1 {
22164 margin: 0.25rem !important;
22166 .mt-xl-1,
22167 .my-xl-1 {
22168 margin-top: 0.25rem !important;
22170 .mr-xl-1,
22171 .mx-xl-1 {
22172 margin-right: 0.25rem !important;
22174 .mb-xl-1,
22175 .my-xl-1 {
22176 margin-bottom: 0.25rem !important;
22178 .ml-xl-1,
22179 .mx-xl-1 {
22180 margin-left: 0.25rem !important;
22182 .m-xl-2 {
22183 margin: 0.5rem !important;
22185 .mt-xl-2,
22186 .my-xl-2 {
22187 margin-top: 0.5rem !important;
22189 .mr-xl-2,
22190 .mx-xl-2 {
22191 margin-right: 0.5rem !important;
22193 .mb-xl-2,
22194 .my-xl-2 {
22195 margin-bottom: 0.5rem !important;
22197 .ml-xl-2,
22198 .mx-xl-2 {
22199 margin-left: 0.5rem !important;
22201 .m-xl-3 {
22202 margin: 1rem !important;
22204 .mt-xl-3,
22205 .my-xl-3 {
22206 margin-top: 1rem !important;
22208 .mr-xl-3,
22209 .mx-xl-3 {
22210 margin-right: 1rem !important;
22212 .mb-xl-3,
22213 .my-xl-3 {
22214 margin-bottom: 1rem !important;
22216 .ml-xl-3,
22217 .mx-xl-3 {
22218 margin-left: 1rem !important;
22220 .m-xl-4 {
22221 margin: 1.5rem !important;
22223 .mt-xl-4,
22224 .my-xl-4 {
22225 margin-top: 1.5rem !important;
22227 .mr-xl-4,
22228 .mx-xl-4 {
22229 margin-right: 1.5rem !important;
22231 .mb-xl-4,
22232 .my-xl-4 {
22233 margin-bottom: 1.5rem !important;
22235 .ml-xl-4,
22236 .mx-xl-4 {
22237 margin-left: 1.5rem !important;
22239 .m-xl-5 {
22240 margin: 2rem !important;
22242 .mt-xl-5,
22243 .my-xl-5 {
22244 margin-top: 2rem !important;
22246 .mr-xl-5,
22247 .mx-xl-5 {
22248 margin-right: 2rem !important;
22250 .mb-xl-5,
22251 .my-xl-5 {
22252 margin-bottom: 2rem !important;
22254 .ml-xl-5,
22255 .mx-xl-5 {
22256 margin-left: 2rem !important;
22258 .m-xl-6 {
22259 margin: 3rem !important;
22261 .mt-xl-6,
22262 .my-xl-6 {
22263 margin-top: 3rem !important;
22265 .mr-xl-6,
22266 .mx-xl-6 {
22267 margin-right: 3rem !important;
22269 .mb-xl-6,
22270 .my-xl-6 {
22271 margin-bottom: 3rem !important;
22273 .ml-xl-6,
22274 .mx-xl-6 {
22275 margin-left: 3rem !important;
22277 .p-xl-0 {
22278 padding: 0 !important;
22280 .pt-xl-0,
22281 .py-xl-0 {
22282 padding-top: 0 !important;
22284 .pr-xl-0,
22285 .px-xl-0 {
22286 padding-right: 0 !important;
22288 .pb-xl-0,
22289 .py-xl-0 {
22290 padding-bottom: 0 !important;
22292 .pl-xl-0,
22293 .px-xl-0 {
22294 padding-left: 0 !important;
22296 .p-xl-1 {
22297 padding: 0.25rem !important;
22299 .pt-xl-1,
22300 .py-xl-1 {
22301 padding-top: 0.25rem !important;
22303 .pr-xl-1,
22304 .px-xl-1 {
22305 padding-right: 0.25rem !important;
22307 .pb-xl-1,
22308 .py-xl-1 {
22309 padding-bottom: 0.25rem !important;
22311 .pl-xl-1,
22312 .px-xl-1 {
22313 padding-left: 0.25rem !important;
22315 .p-xl-2 {
22316 padding: 0.5rem !important;
22318 .pt-xl-2,
22319 .py-xl-2 {
22320 padding-top: 0.5rem !important;
22322 .pr-xl-2,
22323 .px-xl-2 {
22324 padding-right: 0.5rem !important;
22326 .pb-xl-2,
22327 .py-xl-2 {
22328 padding-bottom: 0.5rem !important;
22330 .pl-xl-2,
22331 .px-xl-2 {
22332 padding-left: 0.5rem !important;
22334 .p-xl-3 {
22335 padding: 1rem !important;
22337 .pt-xl-3,
22338 .py-xl-3 {
22339 padding-top: 1rem !important;
22341 .pr-xl-3,
22342 .px-xl-3 {
22343 padding-right: 1rem !important;
22345 .pb-xl-3,
22346 .py-xl-3 {
22347 padding-bottom: 1rem !important;
22349 .pl-xl-3,
22350 .px-xl-3 {
22351 padding-left: 1rem !important;
22353 .p-xl-4 {
22354 padding: 1.5rem !important;
22356 .pt-xl-4,
22357 .py-xl-4 {
22358 padding-top: 1.5rem !important;
22360 .pr-xl-4,
22361 .px-xl-4 {
22362 padding-right: 1.5rem !important;
22364 .pb-xl-4,
22365 .py-xl-4 {
22366 padding-bottom: 1.5rem !important;
22368 .pl-xl-4,
22369 .px-xl-4 {
22370 padding-left: 1.5rem !important;
22372 .p-xl-5 {
22373 padding: 2rem !important;
22375 .pt-xl-5,
22376 .py-xl-5 {
22377 padding-top: 2rem !important;
22379 .pr-xl-5,
22380 .px-xl-5 {
22381 padding-right: 2rem !important;
22383 .pb-xl-5,
22384 .py-xl-5 {
22385 padding-bottom: 2rem !important;
22387 .pl-xl-5,
22388 .px-xl-5 {
22389 padding-left: 2rem !important;
22391 .p-xl-6 {
22392 padding: 3rem !important;
22394 .pt-xl-6,
22395 .py-xl-6 {
22396 padding-top: 3rem !important;
22398 .pr-xl-6,
22399 .px-xl-6 {
22400 padding-right: 3rem !important;
22402 .pb-xl-6,
22403 .py-xl-6 {
22404 padding-bottom: 3rem !important;
22406 .pl-xl-6,
22407 .px-xl-6 {
22408 padding-left: 3rem !important;
22410 .m-xl-n1 {
22411 margin: -0.25rem !important;
22413 .mt-xl-n1,
22414 .my-xl-n1 {
22415 margin-top: -0.25rem !important;
22417 .mr-xl-n1,
22418 .mx-xl-n1 {
22419 margin-right: -0.25rem !important;
22421 .mb-xl-n1,
22422 .my-xl-n1 {
22423 margin-bottom: -0.25rem !important;
22425 .ml-xl-n1,
22426 .mx-xl-n1 {
22427 margin-left: -0.25rem !important;
22429 .m-xl-n2 {
22430 margin: -0.5rem !important;
22432 .mt-xl-n2,
22433 .my-xl-n2 {
22434 margin-top: -0.5rem !important;
22436 .mr-xl-n2,
22437 .mx-xl-n2 {
22438 margin-right: -0.5rem !important;
22440 .mb-xl-n2,
22441 .my-xl-n2 {
22442 margin-bottom: -0.5rem !important;
22444 .ml-xl-n2,
22445 .mx-xl-n2 {
22446 margin-left: -0.5rem !important;
22448 .m-xl-n3 {
22449 margin: -1rem !important;
22451 .mt-xl-n3,
22452 .my-xl-n3 {
22453 margin-top: -1rem !important;
22455 .mr-xl-n3,
22456 .mx-xl-n3 {
22457 margin-right: -1rem !important;
22459 .mb-xl-n3,
22460 .my-xl-n3 {
22461 margin-bottom: -1rem !important;
22463 .ml-xl-n3,
22464 .mx-xl-n3 {
22465 margin-left: -1rem !important;
22467 .m-xl-n4 {
22468 margin: -1.5rem !important;
22470 .mt-xl-n4,
22471 .my-xl-n4 {
22472 margin-top: -1.5rem !important;
22474 .mr-xl-n4,
22475 .mx-xl-n4 {
22476 margin-right: -1.5rem !important;
22478 .mb-xl-n4,
22479 .my-xl-n4 {
22480 margin-bottom: -1.5rem !important;
22482 .ml-xl-n4,
22483 .mx-xl-n4 {
22484 margin-left: -1.5rem !important;
22486 .m-xl-n5 {
22487 margin: -2rem !important;
22489 .mt-xl-n5,
22490 .my-xl-n5 {
22491 margin-top: -2rem !important;
22493 .mr-xl-n5,
22494 .mx-xl-n5 {
22495 margin-right: -2rem !important;
22497 .mb-xl-n5,
22498 .my-xl-n5 {
22499 margin-bottom: -2rem !important;
22501 .ml-xl-n5,
22502 .mx-xl-n5 {
22503 margin-left: -2rem !important;
22505 .m-xl-n6 {
22506 margin: -3rem !important;
22508 .mt-xl-n6,
22509 .my-xl-n6 {
22510 margin-top: -3rem !important;
22512 .mr-xl-n6,
22513 .mx-xl-n6 {
22514 margin-right: -3rem !important;
22516 .mb-xl-n6,
22517 .my-xl-n6 {
22518 margin-bottom: -3rem !important;
22520 .ml-xl-n6,
22521 .mx-xl-n6 {
22522 margin-left: -3rem !important;
22524 .m-xl-auto {
22525 margin: auto !important;
22527 .mt-xl-auto,
22528 .my-xl-auto {
22529 margin-top: auto !important;
22531 .mr-xl-auto,
22532 .mx-xl-auto {
22533 margin-right: auto !important;
22535 .mb-xl-auto,
22536 .my-xl-auto {
22537 margin-bottom: auto !important;
22539 .ml-xl-auto,
22540 .mx-xl-auto {
22541 margin-left: auto !important;
22544 .stretched-link::after {
22545 position: absolute;
22546 top: 0;
22547 right: 0;
22548 bottom: 0;
22549 left: 0;
22550 z-index: 1;
22551 pointer-events: auto;
22552 content: "";
22553 background-color: rgba(0, 0, 0, 0);
22556 .text-monospace {
22557 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
22560 .text-justify {
22561 text-align: justify !important;
22564 .text-wrap {
22565 white-space: normal !important;
22568 .text-nowrap {
22569 white-space: nowrap !important;
22572 .text-truncate {
22573 overflow: hidden;
22574 text-overflow: ellipsis;
22575 white-space: nowrap;
22578 .text-left {
22579 text-align: left !important;
22582 .text-right {
22583 text-align: right !important;
22586 .text-center {
22587 text-align: center !important;
22590 @media (min-width: 576px) {
22591 .text-sm-left {
22592 text-align: left !important;
22594 .text-sm-right {
22595 text-align: right !important;
22597 .text-sm-center {
22598 text-align: center !important;
22601 @media (min-width: 768px) {
22602 .text-md-left {
22603 text-align: left !important;
22605 .text-md-right {
22606 text-align: right !important;
22608 .text-md-center {
22609 text-align: center !important;
22612 @media (min-width: 992px) {
22613 .text-lg-left {
22614 text-align: left !important;
22616 .text-lg-right {
22617 text-align: right !important;
22619 .text-lg-center {
22620 text-align: center !important;
22623 @media (min-width: 1200px) {
22624 .text-xl-left {
22625 text-align: left !important;
22627 .text-xl-right {
22628 text-align: right !important;
22630 .text-xl-center {
22631 text-align: center !important;
22634 .text-lowercase {
22635 text-transform: lowercase !important;
22638 .text-uppercase {
22639 text-transform: uppercase !important;
22642 .text-capitalize {
22643 text-transform: capitalize !important;
22646 .font-weight-light {
22647 font-weight: 300 !important;
22650 .font-weight-lighter {
22651 font-weight: lighter !important;
22654 .font-weight-normal {
22655 font-weight: 400 !important;
22658 .font-weight-bold {
22659 font-weight: 700 !important;
22662 .font-weight-bolder {
22663 font-weight: bolder !important;
22666 .font-italic {
22667 font-style: italic !important;
22670 .text-white {
22671 color: #fff !important;
22674 .text-primary {
22675 color: #0f6cbf !important;
22678 a.text-primary:hover, a.text-primary:focus {
22679 color: #094478 !important;
22682 .text-secondary {
22683 color: #ced4da !important;
22686 a.text-secondary:hover, a.text-secondary:focus {
22687 color: #a2aeb9 !important;
22690 .text-success {
22691 color: #357a32 !important;
22694 a.text-success:hover, a.text-success:focus {
22695 color: #1d441c !important;
22698 .text-info {
22699 color: #008196 !important;
22702 a.text-info:hover, a.text-info:focus {
22703 color: #003f4a !important;
22706 .text-warning {
22707 color: #f0ad4e !important;
22710 a.text-warning:hover, a.text-warning:focus {
22711 color: #df8a13 !important;
22714 .text-danger {
22715 color: #ca3120 !important;
22718 a.text-danger:hover, a.text-danger:focus {
22719 color: #882116 !important;
22722 .text-light {
22723 color: #f8f9fa !important;
22726 a.text-light:hover, a.text-light:focus {
22727 color: #cbd3da !important;
22730 .text-dark {
22731 color: #343a40 !important;
22734 a.text-dark:hover, a.text-dark:focus {
22735 color: #121416 !important;
22738 .text-body {
22739 color: #1d2125 !important;
22742 .text-muted {
22743 color: #6a737b !important;
22746 .text-black-50 {
22747 color: rgba(0, 0, 0, 0.5) !important;
22750 .text-white-50 {
22751 color: rgba(255, 255, 255, 0.5) !important;
22754 .text-hide {
22755 font: 0/0 a;
22756 color: transparent;
22757 text-shadow: none;
22758 background-color: transparent;
22759 border: 0;
22762 .text-decoration-none {
22763 text-decoration: none !important;
22766 .text-break {
22767 word-break: break-word !important;
22768 word-wrap: break-word !important;
22771 .text-reset {
22772 color: inherit !important;
22775 .visible {
22776 visibility: visible !important;
22779 .invisible {
22780 visibility: hidden !important;
22783 @media print {
22785 *::before,
22786 *::after {
22787 text-shadow: none !important;
22788 box-shadow: none !important;
22790 a:not(.btn) {
22791 text-decoration: underline;
22793 abbr[title]::after {
22794 content: " (" attr(title) ")";
22796 pre {
22797 white-space: pre-wrap !important;
22799 pre,
22800 blockquote {
22801 border: 1px solid #8f959e;
22802 page-break-inside: avoid;
22805 img {
22806 page-break-inside: avoid;
22810 h3 {
22811 orphans: 3;
22812 widows: 3;
22815 h3 {
22816 page-break-after: avoid;
22818 body {
22819 min-width: 992px !important;
22821 .container {
22822 min-width: 992px !important;
22824 .navbar {
22825 display: none;
22827 .badge {
22828 border: 1px solid #000;
22830 .table {
22831 border-collapse: collapse !important;
22833 .table td,
22834 .table th {
22835 background-color: #fff !important;
22837 .table-bordered th,
22838 .table-bordered td {
22839 border: 1px solid #dee2e6 !important;
22841 .table-dark {
22842 color: inherit;
22844 .table-dark th,
22845 .table-dark td,
22846 .table-dark thead th,
22847 .table-dark tbody + tbody {
22848 border-color: #dee2e6;
22850 .table .thead-dark th {
22851 color: inherit;
22852 border-color: #dee2e6;
22856 * Bootstrap overrides for RTL
22858 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
22859 * moodle scss should be placed immediately after the definition of the ltr rule.
22861 .breadcrumb-item + .breadcrumb-item::before {
22862 content: "/";
22863 /*rtl:remove*/
22864 content: "/"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
22867 .dir-rtl .custom-select {
22868 background-position: 0.75rem center;
22870 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
22871 transform: translateX(-0.9375rem);
22873 .dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow, .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
22874 transform: rotate(180deg);
22876 .dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
22877 left: auto;
22878 right: 0;
22880 .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
22881 left: 0;
22882 right: auto;
22884 .dir-rtl .popover.bs-popover-right, .dir-rtl .popover.bs-popover-auto[x-placement^=right] {
22885 margin-right: 0;
22886 margin-left: 0.5rem;
22888 .dir-rtl .popover.bs-popover-right .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=right] .arrow {
22889 transform: rotate(180deg);
22890 left: calc(-0.5rem - 1px);
22892 .dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^=left] {
22893 margin-right: 0.5rem;
22894 margin-left: 0;
22896 .dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=left] .arrow {
22897 transform: rotate(180deg);
22898 right: calc(-0.5rem - 1px);
22902 * Moodle variables
22904 * Variables written for Moodle specific components
22906 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
22907 * preset files instead.
22909 /* core.less */
22910 #region-main {
22911 overflow-y: visible;
22912 background-color: #fff;
22915 @media (min-width: 576px) {
22916 .context-header-settings-menu,
22917 .region-main-settings-menu {
22918 float: right;
22919 width: auto;
22920 max-width: 4em;
22921 height: 2em;
22922 display: block;
22923 margin-top: 4px;
22926 @media (max-width: 767.98px) {
22927 .context-header-settings-menu,
22928 .region-main-settings-menu {
22929 display: flex;
22930 justify-content: flex-end;
22933 .context-header-settings-menu .dropdown-toggle > .icon,
22934 #region-main-settings-menu .dropdown-toggle > .icon {
22935 height: 24px;
22936 font-size: 24px;
22937 width: auto;
22940 /** Prevent user notifications overlapping with region main settings menu */
22941 #user-notifications {
22942 display: block;
22943 overflow: hidden;
22946 /** Page layout CSS starts **/
22947 .layout-option-noheader #page-header,
22948 .layout-option-nonavbar #page-navbar,
22949 .layout-option-nofooter #page-footer,
22950 .layout-option-nocourseheader .course-content-header,
22951 .layout-option-nocoursefooter .course-content-footer {
22952 display: none;
22955 /** Page layout CSS ends **/
22956 .mdl-left {
22957 text-align: left;
22960 .mdl-right {
22961 text-align: right;
22964 /*rtl:ignore*/
22965 .text-ltr {
22966 direction: ltr !important; /* stylelint-disable-line declaration-no-important */
22969 #add,
22970 #remove,
22971 .centerpara,
22972 .mdl-align {
22973 text-align: center;
22976 a.dimmed,
22977 a.dimmed:link,
22978 a.dimmed:visited,
22979 a.dimmed_text,
22980 a.dimmed_text:link,
22981 a.dimmed_text:visited,
22982 .dimmed_text,
22983 .dimmed_text a,
22984 .dimmed_text a:link,
22985 .dimmed_text a:visited,
22986 .usersuspended,
22987 .usersuspended a,
22988 .usersuspended a:link,
22989 .usersuspended a:visited,
22990 .dimmed_category,
22991 .dimmed_category a {
22992 color: #6a737b;
22995 .aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
22996 #page-footer a:not([class]).focus,
22997 #page-footer a:not([class]):focus,
22998 .arrow_link.focus,
22999 .arrow_link:focus,
23000 a:not([class]).focus,
23001 a:not([class]):focus,
23002 .activityinstance > a.focus,
23003 .activityinstance > a:focus {
23004 outline: 0.2rem solid transparent;
23005 color: #1d2125;
23006 background-color: #d2e8fb;
23007 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40;
23009 .aalink:focus:hover, a.autolink:focus:hover,
23010 #page-footer a:not([class]):focus:hover,
23011 .arrow_link:focus:hover,
23012 a:not([class]):focus:hover,
23013 .activityinstance > a:focus:hover {
23014 text-decoration: none;
23017 .aabtn.focus, .aabtn:focus,
23018 .btn-link.focus,
23019 .btn-link:focus,
23020 .nav-link.focus,
23021 .nav-link:focus,
23022 .editor_atto_toolbar button.focus,
23023 .editor_atto_toolbar button:focus,
23024 .editor_atto_toolbar .atto_toolbar_row.focus,
23025 .editor_atto_toolbar .atto_toolbar_row:focus,
23026 [role=button].focus,
23027 [role=button]:focus,
23028 .list-group-item-action.focus,
23029 .list-group-item-action:focus,
23030 input[type=checkbox].focus,
23031 input[type=checkbox]:focus,
23032 input[type=radio].focus,
23033 input[type=radio]:focus,
23034 input[type=file].focus,
23035 input[type=file]:focus,
23036 input[type=image].focus,
23037 input[type=image]:focus,
23038 .sr-only-focusable.focus,
23039 .sr-only-focusable:focus,
23040 a.dropdown-toggle.focus,
23041 a.dropdown-toggle:focus,
23042 .moodle-dialogue-base .closebutton.focus,
23043 .moodle-dialogue-base .closebutton:focus,
23044 button.close.focus,
23045 button.close:focus,
23046 .form-autocomplete-selection.focus,
23047 .form-autocomplete-selection:focus,
23048 [role=treeitem]:not([aria-expanded=true]).focus,
23049 [role=treeitem]:not([aria-expanded=true]):focus {
23050 outline: 0;
23051 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23053 .aabtn:focus:hover,
23054 .btn-link:focus:hover,
23055 .nav-link:focus:hover,
23056 .editor_atto_toolbar button:focus:hover,
23057 .editor_atto_toolbar .atto_toolbar_row:focus:hover,
23058 [role=button]:focus:hover,
23059 .list-group-item-action:focus:hover,
23060 input[type=checkbox]:focus:hover,
23061 input[type=radio]:focus:hover,
23062 input[type=file]:focus:hover,
23063 input[type=image]:focus:hover,
23064 .sr-only-focusable:focus:hover,
23065 a.dropdown-toggle:focus:hover,
23066 .moodle-dialogue-base .closebutton:focus:hover,
23067 button.close:focus:hover,
23068 .form-autocomplete-selection:focus:hover,
23069 [role=treeitem]:not([aria-expanded=true]):focus:hover {
23070 text-decoration: none;
23073 .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
23074 outline: 0;
23076 .modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
23077 outline: 0;
23078 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23079 border-radius: 0.6rem;
23082 [role=treeitem][aria-expanded=true] {
23083 outline: 0;
23085 [role=treeitem][aria-expanded=true].focus > *:first-child, [role=treeitem][aria-expanded=true]:focus > *:first-child {
23086 outline: 0;
23087 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23089 [role=treeitem][aria-expanded=true]:focus:hover {
23090 text-decoration: none;
23093 .form-autocomplete-suggestions li[aria-selected=true] {
23094 outline: 0;
23095 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23098 .safari input[type=checkbox].focus, .safari input[type=checkbox]:focus,
23099 .safari input[type=radio].focus,
23100 .safari input[type=radio]:focus {
23101 outline: auto;
23104 .unlist,
23105 .unlist li,
23106 .inline-list,
23107 .inline-list li,
23108 .block .list,
23109 .block .list li,
23110 .section li.movehere,
23111 .tabtree li {
23112 list-style: none;
23113 margin: 0;
23114 padding: 0;
23117 .section li.movehere a {
23118 display: block;
23119 width: 100%;
23120 height: 2rem;
23121 border: 2px dashed #343a40;
23124 .editing .course-content .hidden.sectionname {
23125 visibility: hidden;
23126 display: initial;
23129 .inline,
23130 .inline-list li {
23131 display: inline;
23134 .notifytiny {
23135 font-size: 0.703125rem;
23138 .notifytiny li,
23139 .notifytiny td {
23140 font-size: 100%;
23143 .red,
23144 .notifyproblem {
23145 color: #f0ad4e;
23148 .green,
23149 .notifysuccess {
23150 color: #357a32;
23153 .highlight {
23154 color: #008196;
23157 .bg-primary-light {
23158 background-color: #f5f9fc;
23161 .fitem.advanced .text-info {
23162 font-weight: bold;
23165 .reportlink {
23166 text-align: right;
23169 a.autolink.glossary:hover {
23170 cursor: help;
23173 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
23174 .collapsibleregioncaption {
23175 white-space: nowrap;
23176 min-height: 1.40625rem;
23179 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
23180 cursor: pointer;
23183 .pagelayout-mydashboard #region-main {
23184 border: 0;
23185 padding: 0;
23186 background-color: transparent;
23187 margin-top: -1px;
23190 @media (max-width: 767.98px) {
23191 .pagelayout-mydashboard #region-main-box,
23192 .pagelayout-login #region-main-box {
23193 padding-left: 0;
23194 padding-right: 0;
23197 .collapsibleregioncaption img {
23198 vertical-align: middle;
23201 .jsenabled .hiddenifjs {
23202 display: none;
23205 .visibleifjs {
23206 display: none;
23209 .jsenabled .visibleifjs {
23210 display: inline;
23213 .jsenabled .collapsibleregion {
23214 overflow: hidden;
23215 box-sizing: content-box;
23218 .jsenabled .collapsed .collapsibleregioninner {
23219 visibility: hidden;
23222 .collapsible-actions {
23223 display: none;
23224 text-align: right;
23227 .jsenabled .collapsible-actions {
23228 display: block;
23231 .yui-overlay .yui-widget-bd {
23232 background-color: #ffee69;
23233 border: 1px solid #a6982b;
23234 border-top-color: #d4c237;
23235 color: #000;
23236 left: 0;
23237 padding: 2px 5px;
23238 position: relative;
23239 top: 0;
23240 z-index: 1;
23243 .clearer {
23244 background: transparent;
23245 border-width: 0;
23246 clear: both;
23247 display: block;
23248 height: 1px;
23249 margin: 0;
23250 padding: 0;
23253 .bold,
23254 .warning,
23255 .errorbox .title,
23256 .pagingbar .title,
23257 .pagingbar .thispage {
23258 font-weight: bold;
23261 img.resize {
23262 height: 1em;
23263 width: 1em;
23266 .block img.resize {
23267 height: 0.9em;
23268 width: 0.8em;
23271 /* Icon styles */
23272 img.activityicon {
23273 height: 32px;
23274 width: 32px;
23275 vertical-align: middle;
23278 .headermain {
23279 font-weight: bold;
23282 #maincontent {
23283 display: block;
23284 height: 1px;
23285 overflow: clip;
23288 img.uihint {
23289 cursor: help;
23292 #addmembersform table {
23293 margin-left: auto;
23294 margin-right: auto;
23297 table.flexible .emptyrow {
23298 display: none;
23301 form.popupform,
23302 form.popupform div {
23303 display: inline;
23306 .arrow_button input {
23307 overflow: hidden;
23310 .no-overflow {
23311 overflow: auto;
23314 .no-overflow > .generaltable {
23315 margin-bottom: 0;
23318 .no-overflow .generaltable .sr-only,
23319 .no-overflow .generaltable .accesshide,
23320 .table-responsive .generaltable .sr-only,
23321 .table-responsive .generaltable .accesshide {
23322 position: relative;
23323 display: block;
23326 .accesshide {
23327 position: absolute;
23328 width: 1px;
23329 height: 1px;
23330 padding: 0;
23331 margin: -1px;
23332 overflow: hidden;
23333 clip: rect(0, 0, 0, 0);
23334 white-space: nowrap;
23335 border: 0;
23338 span.hide,
23339 div.hide,
23340 .hidden {
23341 display: none;
23344 a.skip-block,
23345 a.skip {
23346 position: absolute;
23347 top: -1000em;
23348 font-size: 0.85em;
23349 text-decoration: none;
23352 a.skip-block:focus,
23353 a.skip-block:active,
23354 a.skip:focus,
23355 a.skip:active {
23356 position: static;
23357 display: block;
23360 .skip-block-to {
23361 display: block;
23362 height: 1px;
23363 overflow: hidden;
23366 .addbloglink {
23367 text-align: center;
23370 .blog_entry .audience {
23371 text-align: right;
23372 padding-right: 4px;
23375 .blog_entry .tags {
23376 margin-top: 15px;
23379 .blog_entry .content {
23380 margin-left: 43px;
23383 #doc-contents h1 {
23384 margin: 1em 0 0 0;
23387 #doc-contents ul {
23388 margin: 0;
23389 padding: 0;
23390 width: 90%;
23393 #doc-contents ul li {
23394 list-style-type: none;
23397 .groupmanagementtable td {
23398 vertical-align: top;
23401 .groupmanagementtable #existingcell,
23402 .groupmanagementtable #potentialcell {
23403 width: 42%;
23406 .groupmanagementtable #buttonscell {
23407 width: 16%;
23410 .groupmanagementtable #buttonscell p.arrow_button input {
23411 width: auto;
23412 min-width: 80%;
23413 margin: 0 auto;
23414 display: block;
23417 .groupmanagementtable #removeselect_wrapper,
23418 .groupmanagementtable #addselect_wrapper {
23419 width: 100%;
23422 .groupmanagementtable #removeselect_wrapper label,
23423 .groupmanagementtable #addselect_wrapper label {
23424 font-weight: normal;
23427 #group-usersummary {
23428 width: 14em;
23431 .groupselector {
23432 margin-top: 3px;
23433 margin-bottom: 3px;
23434 display: inline-block;
23437 .groupselector label {
23438 display: inline-block;
23441 .notepost {
23442 margin-bottom: 1em;
23445 .notepost .userpicture {
23446 float: left;
23447 margin-right: 5px;
23450 .notepost .content,
23451 .notepost .footer {
23452 clear: both;
23455 .notesgroup {
23456 margin-left: 20px;
23459 .path-my .coursebox {
23460 margin: 1rem 0;
23461 padding: 0;
23463 .path-my .coursebox .overview {
23464 margin: 15px 30px 10px 30px;
23467 .path-my .coursebox .info {
23468 float: none;
23469 margin: 0;
23472 .mod_introbox {
23473 padding: 10px;
23476 table.mod_index {
23477 width: 100%;
23480 .comment-ctrl {
23481 font-size: 12px;
23482 display: none;
23483 margin: 0;
23484 padding: 0;
23487 .comment-ctrl h5 {
23488 margin: 0;
23489 padding: 5px;
23492 .comment-area {
23493 max-width: 400px;
23494 padding: 5px;
23497 .comment-area textarea {
23498 width: 100%;
23499 overflow: auto;
23501 .comment-area textarea.fullwidth {
23502 -webkit-box-sizing: border-box;
23503 -moz-box-sizing: border-box;
23504 box-sizing: border-box;
23507 .comment-area .fd {
23508 text-align: right;
23511 .comment-meta span {
23512 color: gray;
23515 .comment-link img {
23516 vertical-align: text-bottom;
23519 .comment-list {
23520 font-size: 11px;
23521 overflow: auto;
23522 list-style: none;
23523 padding: 0;
23524 margin: 0;
23527 .comment-list li {
23528 margin: 2px;
23529 list-style: none;
23530 margin-bottom: 5px;
23531 clear: both;
23532 padding: 0.3em;
23533 position: relative;
23536 .comment-list li.first {
23537 display: none;
23540 .comment-paging {
23541 text-align: center;
23544 .comment-paging .pageno {
23545 padding: 2px;
23548 .comment-paging .curpage {
23549 border: 1px solid #ccc;
23552 .comment-message .picture {
23553 float: left;
23554 margin-right: 0.25rem;
23557 .comment-message .text {
23558 margin: 0;
23559 padding: 0;
23562 .comment-message .text p {
23563 padding: 0;
23564 margin: 0 18px 0 0;
23567 .comment-delete {
23568 position: absolute;
23569 top: 0;
23570 right: 0;
23571 margin: 0.3em;
23574 .comment-report-selectall {
23575 display: none;
23578 .comment-link {
23579 display: none;
23582 .jsenabled .comment-link {
23583 display: block;
23586 .jsenabled .showcommentsnonjs {
23587 display: none;
23590 .jsenabled .comment-report-selectall {
23591 display: inline;
23595 * Completion progress report
23597 .completion-expired {
23598 color: #f0ad4e;
23601 .completion-expected {
23602 font-size: 0.703125rem;
23605 .completion-sortchoice,
23606 .completion-identifyfield {
23607 font-size: 0.703125rem;
23608 vertical-align: bottom;
23611 .completion-progresscell {
23612 text-align: right;
23615 .completion-expired .completion-expected {
23616 font-weight: bold;
23620 * Tags
23622 #tag-search-box {
23623 text-align: center;
23624 margin: 10px auto;
23627 span.flagged-tag,
23628 tr.flagged-tag,
23629 span.flagged-tag a,
23630 tr.flagged-tag a {
23631 color: #f0ad4e;
23634 .tag-management-table td,
23635 .tag-management-table th {
23636 vertical-align: middle;
23637 padding: 4px;
23639 .tag-management-table .inplaceeditable.inplaceeditingon input {
23640 width: 150px;
23643 .path-admin-tag .addstandardtags {
23644 float: right;
23646 .path-admin-tag .addstandardtags img {
23647 margin: 0 5px;
23650 .path-tag .tag-relatedtags {
23651 padding-top: 10px;
23653 .path-tag .tag-management-box {
23654 text-align: right;
23656 .path-tag .tag-index-toc {
23657 padding: 10px;
23658 text-align: center;
23660 .path-tag .tag-index-toc li {
23661 margin-left: 5px;
23662 margin-right: 5px;
23664 .path-tag .tag-management-box li {
23665 margin-left: 5px;
23666 margin-right: 5px;
23668 .path-tag .tag-management-box li a {
23669 background-repeat: no-repeat;
23670 background-position: left;
23671 padding-left: 17px;
23673 .path-tag .tag-management-box li a.edittag {
23674 background-image: url([[pix:moodle|i/settings]]);
23676 .path-tag .tag-management-box li a.flagasinappropriate {
23677 background-image: url([[pix:moodle|i/flagged]]);
23679 .path-tag .tag-management-box li a.removefrommyinterests {
23680 background-image: url([[pix:moodle|t/delete]]);
23682 .path-tag .tag-management-box li a.addtomyinterests {
23683 background-image: url([[pix:moodle|t/add]]);
23685 .path-tag .tag-backtoallitems {
23686 text-align: center;
23688 .path-tag .tag-index-items .tagarea {
23689 border: 1px solid #e3e3e3;
23690 border-radius: 4px;
23691 padding: 10px;
23692 margin-top: 10px;
23694 .path-tag .tag-index-items .tagarea h3 {
23695 display: block;
23696 padding: 3px 0 10px 0;
23697 margin: 0;
23698 font-size: 1.1em;
23699 font-weight: bold;
23700 line-height: 20px;
23701 color: #999;
23702 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
23703 text-transform: uppercase;
23704 word-wrap: break-word;
23705 border-bottom: solid 1px #e3e3e3;
23706 margin-bottom: 10px;
23708 .path-tag .tag-index-items .tagarea .taggeditems::after {
23709 display: block;
23710 clear: both;
23711 content: "";
23713 .path-tag .tag-index-items .tagarea .controls {
23714 text-align: center;
23716 .path-tag .tag-index-items .tagarea .controls::after {
23717 display: block;
23718 clear: both;
23719 content: "";
23721 .path-tag .tag-index-items .tagarea .controls.controls-bottom {
23722 margin-top: 5px;
23724 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
23725 float: right;
23727 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
23728 float: left;
23730 .path-tag .tag-index-items .tagarea .controls .exclusivemode {
23731 display: inline-block;
23733 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
23734 padding-right: 5px;
23735 padding-left: 5px;
23736 content: "«";
23738 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
23739 padding-right: 5px;
23740 padding-left: 5px;
23741 content: "»";
23744 .tag_feed img {
23745 max-height: 35px;
23746 max-width: 35px;
23748 .tag_feed .muted a {
23749 color: #6a737b;
23752 .tag_cloud {
23753 text-align: center;
23755 .tag_cloud .inline-list li {
23756 padding: 0 0.2em;
23758 .tag_cloud .tag_overflow {
23759 margin-top: 1em;
23760 font-style: italic;
23762 .tag_cloud .s0 {
23763 font-size: 0.7em;
23765 .tag_cloud .s1 {
23766 font-size: 0.8em;
23768 .tag_cloud .s2 {
23769 font-size: 0.9em;
23771 .tag_cloud .s3 {
23772 font-size: 1em;
23774 .tag_cloud .s4 {
23775 font-size: 1.1em;
23777 .tag_cloud .s5 {
23778 font-size: 1.2em;
23780 .tag_cloud .s6 {
23781 font-size: 1.3em;
23783 .tag_cloud .s7 {
23784 font-size: 1.4em;
23786 .tag_cloud .s8 {
23787 font-size: 1.5em;
23789 .tag_cloud .s9 {
23790 font-size: 1.6em;
23792 .tag_cloud .s10 {
23793 font-size: 1.7em;
23795 .tag_cloud .s11 {
23796 font-size: 1.8em;
23798 .tag_cloud .s12 {
23799 font-size: 1.9em;
23801 .tag_cloud .s13 {
23802 font-size: 2em;
23804 .tag_cloud .s14 {
23805 font-size: 2.1em;
23807 .tag_cloud .s15 {
23808 font-size: 2.2em;
23810 .tag_cloud .s16 {
23811 font-size: 2.3em;
23813 .tag_cloud .s17 {
23814 font-size: 2.4em;
23816 .tag_cloud .s18 {
23817 font-size: 2.5em;
23819 .tag_cloud .s19 {
23820 font-size: 2.6em;
23822 .tag_cloud .s20 {
23823 font-size: 2.7em;
23826 .tag_list ul {
23827 display: inline;
23829 .tag_list .tagmorelink {
23830 display: none;
23832 .tag_list.hideoverlimit .overlimit {
23833 display: none;
23835 .tag_list.hideoverlimit .tagmorelink {
23836 display: inline;
23838 .tag_list.hideoverlimit .taglesslink {
23839 display: none;
23843 * Web Service
23845 #webservice-doc-generator td {
23846 text-align: left;
23847 border: 0 solid #000;
23851 * Enrol
23853 .userenrolment {
23854 width: 100%;
23855 border-collapse: collapse;
23858 .userenrolment tr {
23859 vertical-align: top;
23862 .userenrolment td {
23863 padding: 0;
23864 height: 41px;
23867 .userenrolment .subfield {
23868 margin-right: 5px;
23871 .userenrolment .col_userdetails .subfield {
23872 margin-left: 40px;
23875 .userenrolment .col_userdetails .subfield_picture {
23876 float: left;
23877 margin-left: 0;
23880 .userenrolment .col_lastseen {
23881 width: 150px;
23884 .userenrolment .col_role {
23885 width: 262px;
23888 .userenrolment .col_role .roles,
23889 .userenrolment .col_group .groups {
23890 margin-right: 30px;
23893 .userenrolment .col_role .role {
23894 float: left;
23895 padding: 0 3px 3px;
23896 margin: 0 3px 3px;
23897 white-space: nowrap;
23900 .userenrolment .col_group .group {
23901 float: left;
23902 padding: 3px;
23903 margin: 3px;
23904 white-space: nowrap;
23907 .userenrolment .col_role .role a,
23908 .userenrolment .col_group .group a {
23909 margin-left: 3px;
23910 cursor: pointer;
23913 .userenrolment .col_role .addrole,
23914 .userenrolment .col_group .addgroup {
23915 float: right;
23916 padding: 3px;
23917 margin: 3px;
23919 .userenrolment .col_role .addrole > a:hover,
23920 .userenrolment .col_group .addgroup > a:hover {
23921 border-bottom: 1px solid #666;
23924 .userenrolment .col_role .addrole img,
23925 .userenrolment .col_group .addgroup img {
23926 vertical-align: baseline;
23929 .userenrolment .hasAllRoles .col_role .addrole {
23930 display: none;
23933 .userenrolment .col_enrol .enrolment {
23934 float: left;
23935 padding: 0 3px 3px;
23936 margin: 0 3px 3px;
23939 .userenrolment .col_enrol .enrolment a {
23940 float: right;
23941 margin-left: 3px;
23944 #page-enrol-otherusers .userenrolment .col_role .role {
23945 float: none;
23946 margin: 3px 3px 3px 0;
23947 padding: 3px 3px 3px 0;
23950 .corelightbox {
23951 background-color: #ccc;
23952 position: absolute;
23953 top: 0;
23954 left: 0;
23955 width: 100%;
23956 height: 100%;
23957 text-align: center;
23960 .corelightbox img {
23961 position: fixed;
23962 top: 50%;
23963 left: 50%;
23966 .mod-indent-outer {
23967 display: table;
23970 .mod-indent {
23971 display: table-cell;
23974 .label .mod-indent {
23975 float: left;
23976 padding-top: 20px;
23979 .activity.label.modtype_label .mod-indent {
23980 float: none;
23983 @media (min-width: 576px) {
23984 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
23985 .mod-indent-1 {
23986 width: 30px;
23988 .mod-indent-2 {
23989 width: 60px;
23991 .mod-indent-3 {
23992 width: 90px;
23994 .mod-indent-4 {
23995 width: 120px;
23997 .mod-indent-5 {
23998 width: 150px;
24000 .mod-indent-6 {
24001 width: 180px;
24003 .mod-indent-7 {
24004 width: 210px;
24006 .mod-indent-8 {
24007 width: 240px;
24009 .mod-indent-9 {
24010 width: 270px;
24012 .mod-indent-10 {
24013 width: 300px;
24015 .mod-indent-11 {
24016 width: 330px;
24018 .mod-indent-12 {
24019 width: 360px;
24021 .mod-indent-13 {
24022 width: 390px;
24024 .mod-indent-14 {
24025 width: 420px;
24027 .mod-indent-15 {
24028 width: 450px;
24030 .mod-indent-16 {
24031 width: 480px;
24033 .mod-indent-huge {
24034 width: 480px;
24037 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
24038 .resourcecontent .mediaplugin_mp3 object {
24039 height: 25px;
24040 width: 600px;
24043 .resourcecontent audio.mediaplugin_html5audio {
24044 width: 600px;
24047 /** Large resource images should avoid hidden overflow **/
24048 .resourceimage {
24049 max-width: 100%;
24052 /* Audio player size in 'inline' mode (can only change width, as above) */
24053 .mediaplugin_mp3 object {
24054 height: 15px;
24055 width: 300px;
24058 audio.mediaplugin_html5audio {
24059 width: 300px;
24062 .core_media_preview.pagelayout-embedded #maincontent {
24063 height: 0;
24066 .path-rating .ratingtable {
24067 width: 100%;
24068 margin-bottom: 1em;
24071 .path-rating .ratingtable th.rating {
24072 width: 100%;
24075 .path-rating .ratingtable td.rating,
24076 .path-rating .ratingtable td.time {
24077 white-space: nowrap;
24078 text-align: center;
24081 /* Moodle Dialogue Settings (moodle-core-dialogue) */
24082 .moodle-dialogue-base .moodle-dialogue-lightbox {
24083 background-color: #495057;
24086 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
24087 background-color: transparent;
24089 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
24090 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
24093 .moodle-dialogue-base .hidden,
24094 .moodle-dialogue-base .moodle-dialogue-hidden {
24095 display: none;
24098 .no-scrolling {
24099 overflow: hidden;
24102 .moodle-dialogue-base .moodle-dialogue-fullscreen {
24103 left: 0;
24104 top: 0;
24105 right: 0;
24106 bottom: -50px;
24107 position: fixed;
24110 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24111 overflow: auto;
24114 .moodle-dialogue-base .moodle-dialogue-wrap {
24115 background-color: #fff;
24116 border: 1px solid #ccc;
24119 .modal.show {
24120 display: block;
24123 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
24124 display: flex;
24125 padding: 1rem 1rem;
24126 border-bottom: 1px solid #dee2e6;
24129 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
24130 min-height: 3rem;
24131 color: initial;
24132 background: initial;
24133 font-size: 1.5rem;
24134 line-height: 1.5;
24137 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
24138 font-size: 1.5rem;
24139 font-weight: 400;
24140 margin-bottom: 0;
24141 line-height: 1.5;
24144 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
24145 /*rtl:raw:
24146 left: 0;
24147 right: auto;
24149 padding: 0;
24150 position: relative;
24151 margin-left: auto;
24154 .moodle-dialogue-base .closebutton {
24155 padding: 1rem 1rem;
24156 margin: -1rem -1rem -1rem auto;
24157 position: relative;
24158 background-color: transparent;
24159 border: 0;
24160 background-image: none;
24161 box-shadow: none;
24162 opacity: 0.7;
24164 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
24165 opacity: 1;
24167 .moodle-dialogue-base .closebutton::after {
24168 content: "×";
24171 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
24172 padding: 0.5rem;
24174 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
24175 background-color: #fff;
24178 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24179 overflow: auto;
24180 position: absolute;
24181 top: 0;
24182 bottom: 50px;
24183 left: 0;
24184 right: 0;
24185 margin: 0;
24186 border: 0;
24189 .moodle-dialogue-exception .moodle-exception-param label {
24190 font-weight: bold;
24193 .moodle-dialogue-exception .param-stacktrace label {
24194 background-color: #eee;
24195 border: 1px solid #ccc;
24196 border-bottom-width: 0;
24199 .moodle-dialogue-exception .param-stacktrace pre {
24200 border: 1px solid #ccc;
24201 background-color: #fff;
24204 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24205 color: navy;
24206 font-size: 0.8203125rem;
24209 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24210 color: #f0ad4e;
24211 font-size: 0.8203125rem;
24214 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24215 color: #333;
24216 font-size: 90%;
24217 border-bottom: 1px solid #eee;
24220 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
24221 display: none;
24224 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
24225 background: initial;
24228 .moodle-dialogue-confirm .confirmation-message {
24229 margin: 0.5rem 0;
24232 .moodle-dialogue-confirm .confirmation-dialogue input {
24233 min-width: 80px;
24236 .moodle-dialogue-exception .moodle-exception-message {
24237 margin: 1em;
24240 .moodle-dialogue-exception .moodle-exception-param {
24241 margin-bottom: 0.5em;
24244 .moodle-dialogue-exception .moodle-exception-param label {
24245 width: 150px;
24248 .moodle-dialogue-exception .param-stacktrace label {
24249 display: block;
24250 margin: 0;
24251 padding: 4px 1em;
24254 .moodle-dialogue-exception .param-stacktrace pre {
24255 display: block;
24256 height: 200px;
24257 overflow: auto;
24260 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24261 display: inline-block;
24262 margin: 4px 0;
24265 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24266 display: inline-block;
24267 width: 50px;
24268 margin: 4px 1em;
24271 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24272 padding-left: 25px;
24273 margin-bottom: 4px;
24274 padding-bottom: 4px;
24277 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
24278 opacity: 0.75;
24279 width: 100%;
24280 height: 100%;
24281 top: 0;
24282 left: 0;
24283 background-color: #fff;
24284 text-align: center;
24285 padding: 10% 0;
24288 /* Apply a default max-height on tooltip text */
24289 .moodle-dialogue .tooltiptext {
24290 max-height: 300px;
24293 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
24294 z-index: 3001;
24296 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
24297 overflow: auto;
24301 * Chooser Dialogues (moodle-core-chooserdialogue)
24303 * This CSS belong to the chooser dialogue which should work both with, and
24304 * without javascript enabled
24306 /* Hide the dialog and it's title */
24307 .chooserdialoguebody,
24308 .choosertitle {
24309 display: none;
24312 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
24313 margin: 0;
24316 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
24317 padding: 0;
24318 background: #f2f2f2;
24319 border-bottom-right-radius: 10px;
24320 border-bottom-left-radius: 10px;
24323 /* Center the submit buttons within the area */
24324 .choosercontainer #chooseform .submitbuttons {
24325 padding: 0.7em 0;
24326 text-align: right;
24329 /* Fixed for safari browser on iPhone4S with ios7@mixin */
24330 @media (max-height: 639px) {
24331 .ios .choosercontainer #chooseform .submitbuttons {
24332 padding: 45px 0;
24335 .choosercontainer #chooseform .submitbuttons input {
24336 min-width: 100px;
24337 margin: 0 0.5em;
24340 /* Various settings for the options area */
24341 .choosercontainer #chooseform .options {
24342 position: relative;
24343 border-bottom: 1px solid #bbb;
24346 /* Only set these options if we're showing the js container */
24347 .jschooser .choosercontainer #chooseform .alloptions {
24348 overflow-x: hidden;
24349 overflow-y: auto;
24350 max-width: 240px;
24352 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
24353 display: inline-block;
24355 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
24356 display: inline-block;
24357 width: 55%;
24360 /* Settings for option rows and option subtypes */
24361 .choosercontainer #chooseform .moduletypetitle,
24362 .choosercontainer #chooseform .option,
24363 .choosercontainer #chooseform .nonoption {
24364 margin-bottom: 0;
24365 padding: 0 1.6em 0 1.6em;
24368 .choosercontainer #chooseform .moduletypetitle {
24369 text-transform: uppercase;
24370 padding-top: 1.2em;
24371 padding-bottom: 0.4em;
24372 margin-bottom: 0.5rem;
24373 font-size: 100%;
24376 .choosercontainer #chooseform .option .typename,
24377 .choosercontainer #chooseform .nonoption .typename {
24378 padding: 0 0 0 0.5em;
24381 .choosercontainer #chooseform .modicon + .typename {
24382 padding-left: 0;
24385 .choosercontainer #chooseform .option input[type=radio],
24386 .choosercontainer #chooseform .option span.typename {
24387 vertical-align: middle;
24390 .choosercontainer #chooseform .option label {
24391 display: block;
24392 margin: 0;
24393 padding: 0.5rem 0;
24394 border-bottom: 1px solid #fff;
24397 .choosercontainer #chooseform .option .icon {
24398 margin: 0;
24399 padding: 0 1rem;
24402 .choosercontainer #chooseform .nonoption {
24403 padding-left: 2.7em;
24404 padding-top: 0.3em;
24405 padding-bottom: 0.1em;
24408 .choosercontainer #chooseform .subtype {
24409 margin-bottom: 0;
24410 padding: 0 1.6em 0 3.2em;
24413 .choosercontainer #chooseform .subtype .typename {
24414 margin: 0 0 0 0.2em;
24417 /* The instruction/help area */
24418 .jschooser .choosercontainer #chooseform .instruction,
24419 .jschooser .choosercontainer #chooseform .typesummary {
24420 display: none;
24421 position: absolute;
24422 top: 0;
24423 right: 0;
24424 bottom: 0;
24425 left: 240px;
24426 margin: 0;
24427 padding: 1.6em;
24428 background-color: #fff;
24429 overflow-x: hidden;
24430 overflow-y: auto;
24431 line-height: 2em;
24434 /* Selected option settings */
24435 .jschooser .choosercontainer #chooseform .instruction,
24436 .choosercontainer #chooseform .selected .typesummary {
24437 display: block;
24440 .choosercontainer #chooseform .selected {
24441 background-color: #fff;
24442 margin-top: -1px;
24443 padding-top: 1px;
24446 @media (max-width: 575.98px) {
24447 .jsenabled .choosercontainer #chooseform .alloptions {
24448 max-width: 100%;
24450 .jsenabled .choosercontainer #chooseform .instruction,
24451 .jsenabled .choosercontainer #chooseform .typesummary {
24452 position: static;
24456 * Module chooser dialogue (moodle-core-chooserdialogue)
24458 * This CSS belong to the chooser dialogue which should work both with, and
24459 * without javascript enabled
24461 .modchooser .modal-body {
24462 padding: 0;
24463 overflow-y: auto;
24464 min-height: 640px;
24465 display: flex;
24466 flex-direction: column;
24468 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24469 min-height: 495px;
24471 .modchooser .modal-body .carousel-item.active {
24472 display: flex;
24474 .modchooser .modal-body .chooser-container {
24475 display: flex;
24476 flex-direction: column;
24477 flex: 1 1 auto;
24479 .modchooser .modal-body .loading-icon {
24480 opacity: 1;
24482 .modchooser .modal-body .loading-icon .icon {
24483 display: block;
24484 font-size: 3em;
24485 height: 1em;
24486 width: 1em;
24488 .modchooser .modal-body .carousel-item .loading-icon .icon {
24489 margin: 1em auto;
24491 .modchooser .modal-body .searchbar {
24492 width: 100%;
24495 .modchooser .modal-footer {
24496 height: 70px;
24497 background: #fff;
24499 .modchooser .modal-footer .moodlenet-logo .icon {
24500 height: 2.5rem;
24501 width: 6rem;
24502 max-height: 2.5rem;
24503 max-width: 6rem;
24504 margin-bottom: 0.6rem;
24507 .modchoosercontainer.noscroll {
24508 overflow-y: hidden;
24511 .modchoosercontainer .optionscontainer,
24512 .modchoosercontainer .searchresultitemscontainer {
24513 overflow-x: hidden;
24515 .modchoosercontainer .optionscontainer .option,
24516 .modchoosercontainer .searchresultitemscontainer .option {
24517 flex-basis: calc(50% - 0.5rem);
24519 .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
24520 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
24521 cursor: pointer;
24522 color: #6a737b;
24524 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i,
24525 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
24526 margin: 0;
24528 .modchoosercontainer .optionscontainer .option .optioninfo a,
24529 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
24530 color: #495057;
24532 .modchoosercontainer .optionscontainer .option .optioninfo a:hover,
24533 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
24534 text-decoration: none;
24537 .modchooser .modal-body .optionsummary {
24538 background-color: #fff;
24539 overflow-x: hidden;
24540 overflow-y: auto;
24541 height: 640px;
24543 .modchooser .modal-body .optionsummary .content {
24544 overflow-y: auto;
24546 .modchooser .modal-body .optionsummary .content .heading .icon {
24547 height: 32px;
24548 width: 32px;
24549 font-size: 32px;
24550 padding: 0;
24552 .modchooser .modal-body .optionsummary .actions {
24553 border-top: 1px solid #dee2e6;
24554 background: #fff;
24557 @media (max-width: 575.98px) {
24558 .path-course-view .modal-dialog.modal-lg,
24559 .path-course-view .modal-content,
24560 .modchooser .modal-body,
24561 .modchooser .modal-body .carousel,
24562 .modchooser .modal-body .carousel-inner,
24563 .modchooser .modal-body .carousel-item,
24564 .modchooser .modal-body .optionsummary,
24565 .modchoosercontainer,
24566 .optionscontainer,
24567 .searchresultitemscontainer {
24568 min-height: auto;
24569 height: 100%;
24570 overflow-y: auto;
24572 .path-course-view .modal-dialog.modal-lg {
24573 margin: 0;
24575 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24576 min-height: auto;
24579 @media (min-width: 576px) {
24580 .modchoosercontainer .optionscontainer .option,
24581 .modchoosercontainer .searchresultitemscontainer .option {
24582 flex-basis: calc(33.33% - 0.5rem);
24585 @media (min-width: 992px) {
24586 .modchoosercontainer .optionscontainer .option,
24587 .modchoosercontainer .searchresultitemscontainer .option {
24588 flex-basis: calc(16.66% - 0.5rem);
24591 /* Form element: listing */
24592 .formlistingradio {
24593 padding-bottom: 25px;
24594 padding-right: 10px;
24597 .formlistinginputradio {
24598 float: left;
24601 .formlistingmain {
24602 min-height: 225px;
24605 .formlisting {
24606 position: relative;
24607 margin: 15px 0;
24608 padding: 1px 19px 14px;
24609 background-color: #fff;
24610 border: 1px solid #ddd;
24611 border-radius: 4px;
24614 .formlistingmore {
24615 position: absolute;
24616 cursor: pointer;
24617 bottom: -1px;
24618 right: -1px;
24619 padding: 3px 7px;
24620 font-size: 12px;
24621 font-weight: bold;
24622 background-color: whitesmoke;
24623 border: 1px solid #ddd;
24624 color: #9da0a4;
24625 border-radius: 4px 0 4px 0;
24628 .formlistingall {
24629 margin: 15px 0;
24630 padding: 0;
24631 border-radius: 4px;
24634 .formlistingrow {
24635 cursor: pointer;
24636 border-bottom: 1px solid;
24637 border-color: #e1e1e8;
24638 border-left: 1px solid #e1e1e8;
24639 border-right: 1px solid #e1e1e8;
24640 background-color: #f7f7f9;
24641 border-radius: 0 0 4px 4px;
24642 padding: 6px;
24643 top: 50%;
24644 left: 50%;
24645 min-height: 34px;
24646 float: left;
24647 width: 150px;
24650 body.jsenabled .formlistingradio {
24651 display: none;
24654 body.jsenabled .formlisting {
24655 display: block;
24658 a.criteria-action {
24659 padding: 0 3px;
24660 float: right;
24663 div.criteria-description {
24664 padding: 10px 15px;
24665 margin: 5px 0;
24666 background: none repeat scroll 0 0 #f9f9f9;
24667 border: 1px solid #eee;
24670 ul.badges {
24671 margin: 0;
24672 list-style: none;
24675 .badges li {
24676 position: relative;
24677 display: inline-block;
24678 padding-top: 1em;
24679 text-align: center;
24680 vertical-align: top;
24681 width: 150px;
24684 .badges li .badge-name {
24685 display: block;
24686 padding: 5px;
24689 .badges li > img {
24690 position: absolute;
24693 .badges li .badge-image {
24694 width: 100px;
24695 height: 100px;
24696 left: 10px;
24697 top: 0;
24698 z-index: 1;
24701 .badges li .badge-actions {
24702 position: relative;
24705 .badges li .expireimage {
24706 background-image: url([[pix:i/expired]]);
24707 background-repeat: no-repeat;
24708 background-size: 100px 100px;
24709 width: 100px;
24710 height: 100px;
24711 left: 25px;
24712 top: 15px;
24713 position: absolute;
24714 z-index: 10;
24715 opacity: 0.85;
24718 #badge-image {
24719 background-color: transparent;
24720 padding: 0;
24721 position: relative;
24722 min-width: 100px;
24723 width: 20%;
24724 display: inline-block;
24725 vertical-align: top;
24726 margin-top: 17px;
24727 margin-bottom: 20px;
24729 #badge-image .expireimage {
24730 background-image: url([[pix:i/expired]]);
24731 background-repeat: no-repeat;
24732 background-size: 100px 100px;
24733 width: 100px;
24734 height: 100px;
24735 left: 0;
24736 top: 0;
24737 opacity: 0.85;
24738 position: absolute;
24739 z-index: 10;
24741 #badge-image .singlebutton {
24742 padding-top: 5px;
24743 display: block;
24745 #badge-image .singlebutton button {
24746 margin-left: 4px;
24749 #badge-details {
24750 display: inline-block;
24751 width: 79%;
24754 #badge-overview dl,
24755 #badge-details dl {
24756 margin: 0;
24758 #badge-overview dl dt,
24759 #badge-overview dl dd,
24760 #badge-details dl dt,
24761 #badge-details dl dd {
24762 vertical-align: top;
24763 padding: 3px 0;
24765 #badge-overview dl dt,
24766 #badge-details dl dt {
24767 clear: both;
24768 display: inline-block;
24769 width: 20%;
24770 min-width: 100px;
24772 #badge-overview dl dd,
24773 #badge-details dl dd {
24774 display: inline-block;
24775 width: 79%;
24776 margin-left: 1%;
24779 #badge-criteria li li {
24780 list-style-type: none;
24783 #badge-image-col {
24784 flex: 0 0 400px;
24787 .badge-profile {
24788 vertical-align: top;
24791 .connected {
24792 color: #357a32;
24795 .notconnected {
24796 color: #ca3120;
24799 .connecting {
24800 color: #f0ad4e;
24803 #page-badges-award .recipienttable tr td {
24804 vertical-align: top;
24807 #page-badges-award .recipienttable tr td.actions .actionbutton {
24808 margin: 0.3em 0;
24809 padding: 0.5em 0;
24810 width: 100%;
24813 #page-badges-award .recipienttable tr td.existing,
24814 #page-badges-award .recipienttable tr td.potential {
24815 width: 42%;
24818 #issued-badge-table .activatebadge {
24819 display: inline-block;
24822 .statusbox.active {
24823 background-color: #d7e4d6;
24826 .statusbox.inactive {
24827 background-color: #fcefdc;
24830 .statusbox {
24831 text-align: center;
24832 margin-bottom: 5px;
24833 padding: 5px;
24836 .statusbox .activatebadge {
24837 display: inline-block;
24840 .statusbox .activatebadge input[type=submit] {
24841 margin: 3px;
24844 .activatebadge {
24845 margin: 0;
24846 text-align: left;
24847 vertical-align: middle;
24850 img#persona_signin {
24851 cursor: pointer;
24854 .addcourse {
24855 float: right;
24858 .invisiblefieldset {
24859 display: inline;
24860 padding: 0;
24861 border-width: 0;
24864 /** Page header */
24865 #page-header h1.h2 {
24866 font-weight: bold;
24868 #page-header .logo {
24869 margin: 1rem 0;
24871 #page-header .logo img {
24872 max-height: 75px;
24875 /** Navbar logo. */
24876 nav.navbar .logo img {
24877 max-height: 35px;
24880 .nav.usernav .nav-item {
24881 display: flex;
24883 .nav.usernav .usermenu .dropdown-toggle {
24884 padding: 0 0.5rem;
24887 /** Header-bar styles **/
24888 .page-context-header {
24889 overflow: hidden;
24890 padding: 0.25rem 0;
24891 display: flex;
24893 .page-context-header .page-header-image > a {
24894 display: inline-block;
24896 .page-context-header .page-header-headings,
24897 .page-context-header .header-button-group {
24898 position: relative;
24899 line-height: 24px;
24900 vertical-align: middle;
24902 .page-context-header .header-button-group {
24903 display: block;
24904 float: left;
24907 ul.dragdrop-keyboard-drag li {
24908 list-style-type: none;
24911 a.disabled:hover,
24912 a.disabled {
24913 text-decoration: none;
24914 cursor: default;
24915 font-style: italic;
24916 color: #6a737b;
24919 body.lockscroll {
24920 height: 100%;
24921 overflow: hidden;
24924 .progressbar_container {
24925 max-width: 500px;
24926 margin: 0 auto;
24929 /* IE10 only fix for calendar titling */
24930 .ie10 .yui3-calendar-header-label {
24931 display: inline-block;
24934 dd:before,
24935 dd:after {
24936 display: block;
24937 content: " ";
24940 dd:after {
24941 clear: both;
24944 .nav-tabs > .active > a[href],
24945 .nav-tabs > .active > a[href]:hover,
24946 .nav-tabs > .active > a[href]:focus {
24947 cursor: pointer;
24950 .inplaceeditable.inplaceeditingon {
24951 position: relative;
24953 .inplaceeditable.inplaceeditingon .editinstructions {
24954 margin-top: -30px;
24955 font-weight: normal;
24956 margin-right: 0;
24957 margin-left: 0;
24958 left: 0;
24959 right: auto;
24960 white-space: nowrap;
24962 @media (min-width: 576px) {
24963 .inplaceeditable.inplaceeditingon input {
24964 width: 330px;
24965 vertical-align: text-bottom;
24966 margin-bottom: 0;
24968 .inplaceeditable.inplaceeditingon input[role=combobox] {
24969 width: auto;
24972 .inplaceeditable.inplaceeditingon select {
24973 margin-bottom: 0;
24975 .inplaceeditable .quickediticon .icon {
24976 font-size: medium;
24978 .inplaceeditable .quickediticon img {
24979 opacity: 0.2;
24981 .inplaceeditable .quickeditlink {
24982 color: inherit;
24983 text-decoration: inherit;
24985 .inplaceeditable:hover .quickeditlink .quickediticon img,
24986 .inplaceeditable .quickeditlink:focus .quickediticon img {
24987 opacity: 1;
24989 .inplaceeditable.inplaceeditable-toggle .quickediticon {
24990 display: none;
24992 .inplaceeditable.inplaceeditable-autocomplete {
24993 display: block;
24996 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
24997 margin-top: -20px;
25000 /** Chart area. */
25001 @media (min-width: 992px) {
25002 .chart-area .chart-image {
25003 position: relative;
25004 margin: auto;
25005 height: 48vh;
25006 width: 46vw;
25009 .chart-area .chart-table-data {
25010 display: none;
25012 .chart-area .chart-table {
25013 /** When accessible, we display the table only. */
25015 .chart-area .chart-table .chart-output-htmltable caption {
25016 white-space: nowrap;
25018 .chart-area .chart-table.accesshide .chart-table-expand {
25019 display: none;
25021 .chart-area .chart-table.accesshide .chart-table-data {
25022 display: block;
25025 /* YUI 2 Tree View */
25026 /*rtl:raw:
25027 .ygtvtn,
25028 .ygtvtm,
25029 .ygtvtmh,
25030 .ygtvtmhh,
25031 .ygtvtp,
25032 .ygtvtph,
25033 .ygtvtphh,
25034 .ygtvln,
25035 .ygtvlm,
25036 .ygtvlmh,
25037 .ygtvlmhh,
25038 .ygtvlp,
25039 .ygtvlph,
25040 .ygtvlphh,
25041 .ygtvdepthcell,
25042 .ygtvok,
25043 .ygtvok:hover,
25044 .ygtvcancel,
25045 .ygtvcancel:hover {
25046 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
25049 .hover-tooltip-container {
25050 position: relative;
25052 .hover-tooltip-container .hover-tooltip {
25053 opacity: 0;
25054 visibility: hidden;
25055 position: absolute;
25056 /*rtl:ignore*/
25057 left: 50%;
25058 top: calc(-50% - 5px);
25059 transform: translate(-50%, -50%);
25060 background-color: #fff;
25061 border: 1px solid rgba(0, 0, 0, 0.2);
25062 border-radius: 0.3rem;
25063 box-sizing: border-box;
25064 padding: 5px;
25065 white-space: nowrap;
25066 transition: opacity 0.15s, visibility 0.15s;
25067 z-index: 1000;
25069 .hover-tooltip-container .hover-tooltip:before {
25070 content: "";
25071 display: inline-block;
25072 border-left: 8px solid transparent;
25073 border-right: 8px solid transparent;
25074 border-top: 8px solid rgba(0, 0, 0, 0.2);
25075 position: absolute;
25076 bottom: -8px;
25077 left: calc(50% - 8px);
25079 .hover-tooltip-container .hover-tooltip:after {
25080 content: "";
25081 display: inline-block;
25082 border-left: 7px solid transparent;
25083 border-right: 7px solid transparent;
25084 border-top: 7px solid #fff;
25085 position: absolute;
25086 bottom: -6px;
25087 left: calc(50% - 7px);
25088 z-index: 2;
25090 .hover-tooltip-container:hover .hover-tooltip {
25091 opacity: 1;
25092 visibility: visible;
25093 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
25096 #region-flat-nav {
25097 padding-right: 0;
25098 padding-left: 0;
25100 #region-flat-nav .nav {
25101 margin-right: 15px;
25102 background-color: #fff;
25104 @media (max-width: 767.98px) {
25105 #region-flat-nav .nav {
25106 margin-top: 30px;
25107 margin-right: 0;
25111 .footer-dark a {
25112 color: #fff;
25113 text-decoration: underline;
25115 .footer-dark a .icon {
25116 color: #fff;
25118 .footer-dark a:focus .icon {
25119 color: #1d2125;
25122 .btn-footer-popover {
25123 display: none;
25124 position: fixed;
25125 bottom: 2rem;
25126 right: 2rem;
25129 .btn-footer-communication {
25130 display: none;
25131 position: fixed;
25132 bottom: 5rem;
25133 right: 2rem;
25136 .hasstickyfooter .btn-footer-popover {
25137 bottom: calc(1rem + max(80px, 0.9375rem * 3));
25140 .hasstickyfooter .btn-footer-communication {
25141 bottom: calc(4rem + max(80px, 0.9375rem * 3));
25144 .popover.footer .popover-body {
25145 padding: 0;
25147 .popover.footer .popover-body .footer-section a {
25148 color: #1d2125;
25149 text-decoration: underline;
25151 .popover.footer .popover-body .footer-section a .icon {
25152 color: #1d2125;
25154 .popover.footer .popover-body .footer-section a:focus {
25155 text-decoration: none;
25158 .footer-support-link {
25159 padding-bottom: 5px;
25162 @media (min-width: 576px) {
25163 .jsenabled #page-footer .footer-content-popover {
25164 display: none;
25166 .jsenabled .btn-footer-popover,
25167 .jsenabled .btn-footer-communication {
25168 display: block;
25169 z-index: 1000;
25172 .bg-inverse a {
25173 color: #fff;
25174 text-decoration: underline;
25176 .bg-inverse a .icon {
25177 color: #fff;
25180 .sitelink img {
25181 width: 112px;
25184 .competency-tree ul {
25185 padding-left: 1.5rem;
25188 .sr-only-focusable:active, .sr-only-focusable:focus {
25189 z-index: 1031;
25190 position: fixed;
25191 background: #fff;
25192 padding: 7px;
25193 left: 0;
25194 top: 0;
25197 [data-drag-type=move] {
25198 cursor: move;
25199 touch-action: none;
25202 .clickable {
25203 cursor: pointer;
25206 .overlay-icon-container {
25207 position: absolute;
25208 top: 0;
25209 left: 0;
25210 width: 100%;
25211 height: 100%;
25212 background-color: rgba(255, 255, 255, 0.6);
25214 .overlay-icon-container .loading-icon {
25215 position: absolute;
25216 top: 50%;
25217 left: 50%;
25218 transform: translate(-50%, -50%);
25220 .overlay-icon-container .loading-icon .icon {
25221 height: 30px;
25222 width: 30px;
25223 font-size: 30px;
25226 .w-auto {
25227 width: auto;
25230 .bg-pulse-grey {
25231 animation: bg-pulse-grey 2s infinite linear;
25234 @keyframes bg-pulse-grey {
25235 0% {
25236 background-color: #f8f9fa;
25238 50% {
25239 background-color: #e9ecef;
25241 100% {
25242 background-color: #f8f9fa;
25245 .line-height-0 {
25246 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
25249 .line-height-1 {
25250 line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
25253 .line-height-2 {
25254 line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
25257 .line-height-3 {
25258 line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
25261 .line-height-4 {
25262 line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
25265 .line-height-5 {
25266 line-height: 2rem !important; /* stylelint-disable-line declaration-no-important */
25269 .line-height-6 {
25270 line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
25273 .dir-rtl .dir-rtl-hide {
25274 display: none;
25277 .dir-ltr .dir-ltr-hide {
25278 display: none;
25281 .paged-content-page-container {
25282 min-height: 3.125rem;
25285 body.h5p-embed #page-content {
25286 display: inherit;
25288 body.h5p-embed #maincontent {
25289 display: none;
25291 body.h5p-embed .h5pmessages {
25292 min-height: 230px;
25295 #h5pcontenttypes td {
25296 vertical-align: middle;
25299 #page.drawers form#h5peditor,
25300 #page.drawers form#coolh5peditor,
25301 #page.drawers .core_contentbank_viewcontent {
25302 max-width: 960px;
25303 margin: 0 auto;
25306 .text-decoration-none {
25307 text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
25310 .colour-inherit {
25311 color: inherit !important; /* stylelint-disable-line declaration-no-important */
25314 .position-right {
25315 right: 0 !important; /* stylelint-disable-line declaration-no-important */
25318 .overflow-hidden {
25319 overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
25322 .text-break {
25323 overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
25326 .word-break {
25327 word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
25330 .z-index-0 {
25331 z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
25334 .z-index-1 {
25335 z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
25338 .float-left {
25339 float: left !important; /* stylelint-disable-line declaration-no-important */
25342 .float-right {
25343 float: right !important; /* stylelint-disable-line declaration-no-important */
25346 .img-responsive {
25347 max-width: 100%;
25348 height: auto;
25351 input[disabled] {
25352 cursor: not-allowed;
25355 .fade.in {
25356 opacity: 1;
25359 .clamp-2 {
25360 display: -webkit-box;
25361 -webkit-box-orient: vertical;
25362 -webkit-line-clamp: 2;
25363 overflow: hidden;
25366 .word-break-all {
25367 word-break: break-all;
25370 .matchtext {
25371 background-color: #a2cff8;
25372 color: #1d2125;
25373 height: 1.5rem;
25376 .border-radius {
25377 border-radius: 0.5rem;
25380 .v-hidden {
25381 visibility: hidden;
25384 .dialog-big {
25385 max-width: 500px;
25388 .dialog-small {
25389 max-width: 300px;
25392 @media (min-width: 576px) {
25393 .dialog-big {
25394 width: 500px;
25396 .dialog-small {
25397 width: 300px;
25401 * Helpers to show elements only when a parent element has focus or hover.
25403 .v-parent-focus {
25404 opacity: 0;
25405 visibility: hidden;
25408 .focus-control:focus-within .v-parent-focus,
25409 .focus-control:hover .v-parent-focus {
25410 opacity: 1;
25411 visibility: visible;
25414 .emoji-picker {
25415 width: 350px;
25416 height: 400px;
25418 .emoji-picker .category-button {
25419 padding: 0.375rem 0;
25420 height: 100%;
25421 width: 38.8888888889px;
25422 border-top: none;
25423 border-left: none;
25424 border-right: none;
25425 border-bottom: 2px solid transparent;
25427 .emoji-picker .category-button.selected {
25428 border-bottom: 2px solid #0f6cbf;
25430 .emoji-picker .emojis-container,
25431 .emoji-picker .search-results-container {
25432 min-width: 280px;
25434 .emoji-picker .picker-row {
25435 height: 40px;
25437 .emoji-picker .picker-row .category-name {
25438 line-height: 40px;
25440 .emoji-picker .picker-row .emoji-button {
25441 height: 40px;
25442 width: 40px;
25443 line-height: 40px;
25444 font-size: 24px;
25445 overflow: hidden;
25447 .emoji-picker .emoji-preview {
25448 height: 40px;
25449 font-size: 40px;
25450 line-height: 40px;
25452 .emoji-picker .emoji-short-name {
25453 line-height: 20px;
25455 @media (max-width: 575.98px) {
25456 .emoji-picker {
25457 width: 320px;
25461 .emoji-auto-complete {
25462 height: 40px;
25464 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
25465 height: 40px;
25466 width: 40px;
25467 line-height: 40px;
25468 font-size: 24px;
25470 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
25471 background-color: #e9ecef;
25474 .toast-wrapper {
25475 max-width: 350px;
25476 max-height: 0;
25477 z-index: 1051;
25479 .toast-wrapper > :first-child {
25480 margin-top: 1rem;
25483 .alert-primary a {
25484 color: #041d34;
25486 .alert-primary .close {
25487 color: #000305;
25488 opacity: 0.6;
25491 .alert-secondary a {
25492 color: #525557;
25494 .alert-secondary .close {
25495 color: #393b3d;
25496 opacity: 0.6;
25499 .alert-success a, .environmenttable .ok a {
25500 color: #0c1b0b;
25502 .alert-success .close, .environmenttable .ok .close {
25503 color: black;
25504 opacity: 0.6;
25507 .alert-info a {
25508 color: #00171b;
25510 .alert-info .close {
25511 color: black;
25512 opacity: 0.6;
25515 .alert-warning a, .environmenttable .warn a {
25516 color: #573e1c;
25518 .alert-warning .close, .environmenttable .warn .close {
25519 color: #302310;
25520 opacity: 0.6;
25523 .alert-danger a, .environmenttable .error a {
25524 color: #3d0f0a;
25526 .alert-danger .close, .environmenttable .error .close {
25527 color: #110403;
25528 opacity: 0.6;
25531 .alert-light a {
25532 color: #686868;
25534 .alert-light .close {
25535 color: #4e4e4f;
25536 opacity: 0.6;
25539 .alert-dark a {
25540 color: #040505;
25542 .alert-dark .close {
25543 color: black;
25544 opacity: 0.6;
25547 .alert a {
25548 font-weight: 700;
25551 .breadcrumb:empty {
25552 padding: 0;
25555 @media (max-width: 767.98px) {
25556 #page-navbar {
25557 width: 100%;
25559 .breadcrumb:not(:empty) {
25560 width: 100%;
25561 flex-wrap: nowrap;
25562 margin-bottom: 0.5rem;
25564 .breadcrumb:not(:empty) .breadcrumb-item {
25565 padding-top: 0.33333rem;
25566 padding-bottom: 0.33333rem;
25567 display: inline-flex;
25568 overflow: hidden;
25570 .breadcrumb:not(:empty) .breadcrumb-item a,
25571 .breadcrumb:not(:empty) .breadcrumb-item span {
25572 overflow: hidden;
25573 text-overflow: ellipsis;
25574 white-space: nowrap;
25576 .mform {
25577 width: 100%;
25578 padding-right: 15px;
25579 padding-left: 15px;
25581 .pagination {
25582 flex-wrap: wrap;
25583 justify-content: center;
25585 .custom-select {
25586 max-width: 100%;
25588 .card .card-body {
25589 padding: 0.625rem;
25591 #page-header .card {
25592 border: 0;
25594 #page-header .card .card-body {
25595 padding: 0;
25597 .nav-tabs:not(.more-nav),
25598 .nav-pills {
25599 margin: 0;
25600 border: 0;
25601 padding: 0.125rem;
25602 background-color: #e9ecef;
25604 .nav-tabs:not(.more-nav) .nav-item,
25605 .nav-pills .nav-item {
25606 flex: 1 1 auto;
25607 text-align: center;
25609 .nav-tabs:not(.more-nav) .nav-link,
25610 .nav-pills .nav-link {
25611 background: #fff;
25612 border: 0;
25613 margin: 0.125rem;
25615 .nav-tabs:not(.more-nav) .nav-link.active,
25616 .nav-pills .nav-link.active {
25617 color: #6a737b;
25618 border-color: #6a737b;
25619 border-color: #6a737b;
25621 .nav-tabs:not(.more-nav) .nav-link.active:hover,
25622 .nav-pills .nav-link.active:hover {
25623 color: #fff;
25624 background-color: #6a737b;
25625 border-color: #6a737b;
25627 .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
25628 .nav-pills .nav-link.active:focus,
25629 .nav-pills .nav-link.active.focus {
25630 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25632 .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
25633 .nav-pills .nav-link.active.disabled,
25634 .nav-pills .nav-link.active:disabled {
25635 color: #6a737b;
25636 background-color: transparent;
25638 .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
25639 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
25640 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
25641 .show > .nav-pills .nav-link.active.dropdown-toggle {
25642 color: #fff;
25643 background-color: #6a737b;
25644 border-color: #6a737b;
25646 .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
25647 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
25648 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
25649 .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
25650 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25653 @media (max-width: 576px) and (max-height: 320px) {
25654 div#page {
25655 margin-top: 0;
25657 .navbar.fixed-top {
25658 position: relative;
25659 z-index: inherit;
25662 .link-underline {
25663 text-decoration: underline;
25665 .link-underline:focus {
25666 text-decoration: none;
25669 .alert.cta .cta-icon .icon {
25670 padding: 0.3rem;
25672 .alert.cta .cta-icon .icon.fa {
25673 border-radius: 50%;
25674 border-style: solid;
25675 border-width: 0.125rem;
25678 .core_payment_gateways_modal .custom-control-label::before,
25679 .core_payment_gateways_modal .custom-control-label::after {
25680 top: 45%;
25683 .visual-scroll-x {
25684 scrollbar-width: thin;
25685 scrollbar-color: #0f6cbf #a2cff8;
25686 -ms-overflow-style: -ms-autohiding-scrollbar;
25688 .visual-scroll-x::-webkit-scrollbar {
25689 height: 8px;
25690 -webkit-appearance: none;
25691 appearance: none;
25693 .visual-scroll-x::-webkit-scrollbar-thumb {
25694 background-color: #0f6cbf;
25695 border-right: 1px solid #fff;
25697 .visual-scroll-x::-webkit-scrollbar-track {
25698 background-color: #a2cff8;
25699 border-right: 1px solid #fff;
25702 body.dragging .drop-zone {
25703 border: 1px dashed #1d2125;
25705 body.dragging .drop-up {
25706 border-top: 1px solid #1d2125;
25707 border-top-left-radius: 0;
25708 border-top-right-radius: 0;
25710 body.dragging .drop-down {
25711 border-bottom: 1px solid #1d2125;
25712 border-bottom-left-radius: 0;
25713 border-bottom-right-radius: 0;
25715 body.dragging .dragging {
25716 opacity: 0.6;
25719 .dragicon {
25720 visibility: hidden;
25723 .draggable:hover .dragicon {
25724 visibility: visible;
25725 cursor: move;
25728 .overlay-preview {
25729 background-color: rgba(255, 255, 255, 0.8);
25730 border: 2px dashed #0f6cbf;
25731 position: absolute;
25732 top: 0;
25733 left: 0;
25734 width: 100%;
25735 height: 100%;
25737 .overlay-preview .overlay-preview-wrapper {
25738 position: absolute;
25739 top: 0;
25740 padding: 2rem;
25741 width: 100%;
25743 .overlay-preview .overlay-preview-content {
25744 position: relative;
25745 top: 0;
25746 padding: 1rem;
25747 margin: 0 auto;
25748 width: 100%;
25749 max-width: 600px;
25750 background-color: #0f6cbf;
25751 color: #fff;
25752 text-align: center;
25753 font-size: 1.171875rem;
25754 border-radius: 0.5rem;
25757 .overlay-preview-borders {
25758 outline: 2px dashed #0f6cbf;
25761 .waitstate {
25762 display: none;
25765 .stateready .waitstate {
25766 display: inherit;
25768 .stateready .whilenostate {
25769 display: none;
25772 .collapse-list .collapse-list-item {
25773 padding: 0.5rem 1rem;
25775 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
25776 background-color: #e0f0f2;
25777 border-color: #b8dce2;
25779 .collapse-list .collapse-list-item-content .collapse-list-item {
25780 padding-left: calc(1rem * 3);
25783 .drawers .block_myoverview {
25784 border: 0;
25786 .drawers .block_myoverview > .card-body {
25787 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
25788 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
25789 padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
25792 .dropdown-toggle::after {
25793 content: "\f078";
25794 margin-right: 0;
25795 margin-left: 4px;
25796 font-size: 9px;
25797 width: 9px;
25798 border: 0;
25801 .dropleft .dropdown-toggle::before {
25802 border: 0;
25803 content: "\f053";
25804 font-size: 9px;
25805 margin-left: 0;
25806 margin-right: 4px;
25807 width: 9px;
25810 .dir-rtl .dropleft .dropdown-toggle::before {
25811 content: "\f054";
25814 .dropright .dropdown-toggle::after {
25815 border: 0;
25816 content: "\f054";
25819 .dir-rtl .dropright .dropdown-toggle::after {
25820 content: "\f053";
25823 .dropup .dropdown-toggle::after {
25824 border: 0;
25825 content: "\f077";
25828 .select-menu li:first-child ul[role=group] {
25829 padding: 0;
25831 .select-menu ul[role=group] {
25832 padding: 0.3rem 0 0 0;
25833 margin: 0;
25835 .select-menu ul[role=group] li:first-child {
25836 cursor: default;
25837 color: #6a737b;
25838 padding: 0.25rem 1.5rem;
25839 display: block;
25841 .select-menu ul[role=group] .dropdown-item {
25842 padding-left: 2.5rem;
25844 .select-menu .dropdown-item[aria-selected=true] {
25845 font-weight: bold;
25848 [role=listbox] [role=option] {
25849 cursor: pointer;
25851 [role=listbox] [role=option][aria-selected=true] {
25852 font-weight: bold;
25855 .initialbargroups ul {
25856 -webkit-margin-start: 0; /* stylelint-disable-line */
25857 margin-right: -1px;
25860 .initialbargroups .page-item:first-child .page-link {
25861 border-top-left-radius: 0;
25862 border-bottom-left-radius: 0;
25863 border-top-right-radius: 0;
25864 border-bottom-right-radius: 0;
25866 .initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
25867 border-top-left-radius: 0.6rem;
25868 border-bottom-left-radius: 0.6rem;
25870 .initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
25871 border-top-left-radius: 0.2rem;
25872 border-bottom-left-radius: 0.2rem;
25874 .initialbargroups .page-item:last-child .page-link {
25875 border-top-left-radius: 0;
25876 border-bottom-left-radius: 0;
25877 border-top-right-radius: 0;
25878 border-bottom-right-radius: 0;
25880 .initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
25881 border-top-right-radius: 0.6rem;
25882 border-bottom-right-radius: 0.6rem;
25884 .initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
25885 border-top-right-radius: 0.2rem;
25886 border-bottom-right-radius: 0.2rem;
25889 blockquote {
25890 margin: 0 0.5rem 1rem;
25891 padding-left: 1rem;
25892 color: #495057;
25893 border-left: 5px solid #ced4da;
25896 /* Prevent long strings exceeding page width */
25897 .page-header-headings:not(.text-truncate),
25898 .coursename:not(.text-truncate),
25899 .categoryname:not(.text-truncate),
25900 .breadcrumb-item:not(.text-truncate) {
25901 word-break: normal;
25902 overflow-wrap: anywhere;
25903 white-space: normal;
25906 /* Showmore component */
25907 .showmore-container.collapsed .collapsed-content {
25908 display: block;
25910 .showmore-container.collapsed .expanded-content {
25911 display: none;
25913 .showmore-container:not(.collapsed) .collapsed-content {
25914 display: none;
25916 .showmore-container:not(.collapsed) .expanded-content {
25917 display: block;
25919 .showmore-container button {
25920 float: right;
25922 .showmore-container button.btn-link {
25923 text-decoration: none;
25925 .showmore-container button .icon {
25926 font-size: 0.8203125rem;
25927 margin: 0;
25930 /* Combobox search dropdowns */
25931 .usersearchdropdown,
25932 .gradesearchdropdown,
25933 .groupsearchdropdown {
25934 max-width: 350px;
25936 .usersearchdropdown .searchresultitemscontainer,
25937 .gradesearchdropdown .searchresultitemscontainer,
25938 .groupsearchdropdown .searchresultitemscontainer {
25939 max-height: 170px;
25940 overflow: auto;
25941 /* stylelint-disable declaration-no-important */
25943 .usersearchdropdown .searchresultitemscontainer img,
25944 .gradesearchdropdown .searchresultitemscontainer img,
25945 .groupsearchdropdown .searchresultitemscontainer img {
25946 height: 48px !important;
25947 width: 48px !important;
25950 /* Bulk actions in sticky footer. */
25951 #sticky-footer [data-type=bulkactions] {
25952 display: flex;
25953 flex: 0 0 100%;
25954 align-items: center;
25957 /* Choice list component. */
25958 .choicelist {
25959 min-width: calc(300px - 25px);
25961 .choicelist i.icon {
25962 vertical-align: middle;
25965 .action-menu .dropdown-toggle {
25966 text-decoration: none;
25967 display: inline-block;
25970 .action-menu {
25971 white-space: nowrap;
25972 display: inline;
25974 .action-menu .dropdown-toggle.no-caret::after {
25975 display: none;
25977 .action-menu .dropdown-toggle.no-caret::before {
25978 display: none;
25980 .action-menu .dropdown.downleft .dropdown-subpanel-content {
25981 right: 0;
25982 left: auto;
25984 .action-menu .dropdown-subpanel.content-displayed {
25985 background-color: #e9ecef;
25987 .action-menu .dropdown-subpanel-content {
25988 max-width: 300px;
25989 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
25991 .action-menu .dropdown-subpanel-content.show {
25992 animation: 0.15s animate-pop;
25994 @media (prefers-reduced-motion: reduce) {
25995 .action-menu .dropdown-subpanel-content.show {
25996 animation: none;
25999 body.behat-site .action-menu .dropdown-subpanel-content.show {
26000 animation: none;
26002 .action-menu .dropdown-subpanel .dropdown-item::after {
26003 border: 0;
26004 content: "\f054";
26006 .action-menu .dropdown-subpanel .dropdown-item::before {
26007 display: none;
26010 @keyframes animate-pop {
26011 0% {
26012 transform: scale(0.9, 0.9);
26014 100% {
26015 transform: scale(1, 1);
26018 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
26019 border: 0;
26020 content: "\f053";
26022 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
26023 display: none;
26026 .dropdown-item a {
26027 display: block;
26028 width: 100%;
26029 color: #1d2125;
26031 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
26032 outline: 0;
26033 background-color: #0f6cbf;
26034 color: #fff;
26036 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
26037 color: #fff;
26039 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
26040 position: relative;
26041 display: flex;
26042 align-items: center;
26044 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
26045 content: "\f00c";
26046 position: absolute;
26047 left: 0.4rem;
26048 font-size: 0.7rem;
26051 .dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
26052 outline: solid #0f6cbf;
26054 .dropdown-item-outline a:focus,
26055 .dropdown-item-outline a:focus-visible {
26056 outline: 0;
26059 .icon {
26060 max-width: 24px;
26061 max-height: 24px;
26062 margin: 0;
26063 padding: 0;
26064 box-sizing: content-box;
26065 margin-right: 0.5rem;
26067 .icon.spacer {
26068 margin-right: 0;
26070 .icon.iconsize-medium {
26071 font-size: 32px;
26072 width: 32px;
26073 height: 32px;
26075 .icon.iconsize-big {
26076 width: 64px;
26077 height: 64px;
26078 font-size: 64px;
26081 .navbar-dark a .icon {
26082 color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */
26085 .action-menu-item a:first-of-type > .icon {
26086 margin-left: 0.5rem;
26089 .ygtvcell .icon {
26090 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
26093 .block_navigation .tree_item .icon,
26094 .block_settings .tree_item .icon {
26095 margin-left: 0;
26098 [data-action=toggle-drawer] .icon {
26099 margin: 0;
26102 .icon-no-spacing a > .icon {
26103 margin: 0;
26106 .icon-no-margin .icon {
26107 margin-left: 0;
26108 margin-right: 0;
26109 margin-top: 0;
26110 margin-bottom: 0;
26113 .icon-large > .icon {
26114 width: 32px;
26115 height: 32px;
26118 .icon-size-0 .icon {
26119 height: 0 !important; /* stylelint-disable-line declaration-no-important */
26120 width: 0 !important; /* stylelint-disable-line declaration-no-important */
26121 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
26124 .icon-size-1 .icon {
26125 height: 4px !important; /* stylelint-disable-line declaration-no-important */
26126 width: 4px !important; /* stylelint-disable-line declaration-no-important */
26127 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
26130 .icon-size-2 .icon {
26131 height: 8px !important; /* stylelint-disable-line declaration-no-important */
26132 width: 8px !important; /* stylelint-disable-line declaration-no-important */
26133 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
26136 .icon-size-3 .icon {
26137 height: 16px !important; /* stylelint-disable-line declaration-no-important */
26138 width: 16px !important; /* stylelint-disable-line declaration-no-important */
26139 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
26142 .icon-size-4 .icon {
26143 height: 24px !important; /* stylelint-disable-line declaration-no-important */
26144 width: 24px !important; /* stylelint-disable-line declaration-no-important */
26145 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
26148 .icon-size-5 .icon {
26149 height: 32px !important; /* stylelint-disable-line declaration-no-important */
26150 width: 32px !important; /* stylelint-disable-line declaration-no-important */
26151 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
26154 .icon-size-6 .icon {
26155 height: 40px !important; /* stylelint-disable-line declaration-no-important */
26156 width: 40px !important; /* stylelint-disable-line declaration-no-important */
26157 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
26160 .icon-size-7 .icon {
26161 height: 48px !important; /* stylelint-disable-line declaration-no-important */
26162 width: 48px !important; /* stylelint-disable-line declaration-no-important */
26163 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
26166 .helplink .icon {
26167 margin-left: 0.5rem;
26170 .icons-collapse-expand {
26171 display: flex;
26172 align-items: center;
26174 .icons-collapse-expand .expanded-icon {
26175 display: flex;
26176 align-items: center;
26178 .icons-collapse-expand .collapsed-icon {
26179 display: none;
26181 .icons-collapse-expand.collapsed .expanded-icon {
26182 display: none;
26184 .icons-collapse-expand.collapsed .collapsed-icon {
26185 display: flex;
26186 align-items: center;
26189 .activityiconcontainer {
26190 width: 52px;
26191 height: 52px;
26192 display: inline-flex;
26193 justify-content: center;
26194 align-items: center;
26195 border-radius: 4px;
26196 padding: 0.7rem;
26198 .activityiconcontainer .activityicon,
26199 .activityiconcontainer .icon {
26200 margin: 0;
26201 font-size: 32px;
26202 height: 32px;
26203 width: 32px;
26204 max-height: 32px;
26205 max-width: 32px;
26207 .activityiconcontainer.small {
26208 width: 42px;
26209 height: 42px;
26210 max-width: 42px;
26211 max-height: 42px;
26213 .activityiconcontainer.smaller {
26214 width: 32px;
26215 height: 32px;
26216 max-width: 32px;
26217 max-height: 32px;
26219 .activityiconcontainer.smaller .activityicon {
26220 width: 32px;
26221 height: 32px;
26222 max-width: 32px;
26223 max-height: 32px;
26226 .activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter),
26227 .activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
26228 filter: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26231 .activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter),
26232 .activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
26233 filter: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26236 .activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter),
26237 .activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
26238 filter: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26241 .activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter),
26242 .activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
26243 filter: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26246 .activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter),
26247 .activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
26248 filter: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26251 .activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter),
26252 .activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
26253 filter: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26256 .icon-box {
26257 width: 48px;
26258 height: 48px;
26259 display: inline-flex;
26260 justify-content: center;
26261 align-items: center;
26262 background-color: #f8f9fa;
26263 border-radius: 12px;
26264 padding: 0.7rem;
26266 .icon-box .icon {
26267 margin: 0;
26268 height: 32px;
26269 width: 32px;
26272 :root {
26273 --activityadministration: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26274 --activityassessment: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26275 --activitycollaboration: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26276 --activitycommunication: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26277 --activitycontent: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26278 --activityinteractivecontent: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26281 /* admin.less */
26282 .formtable tbody th {
26283 font-weight: normal;
26284 text-align: right;
26287 .path-admin #assignrole {
26288 width: 60%;
26289 margin-left: auto;
26290 margin-right: auto;
26293 .path-admin .admintable .leftalign {
26294 text-align: left;
26297 .path-admin .admintable.environmenttable .name,
26298 .path-admin .admintable.environmenttable .info,
26299 .path-admin #assignrole .admintable .role,
26300 .path-admin #assignrole .admintable .userrole,
26301 .path-admin #assignrole .admintable .roleholder {
26302 white-space: nowrap;
26305 .path-admin .incompatibleblockstable td.c0 {
26306 font-weight: bold;
26309 #page-admin-course-category .addcategory {
26310 padding: 10px;
26313 #page-admin-course-index .editcourse {
26314 margin: 20px auto;
26317 #page-admin-course-index .editcourse th,
26318 #page-admin-course-index .editcourse td {
26319 padding-left: 10px;
26320 padding-right: 10px;
26323 .timewarninghidden {
26324 display: none;
26327 #page-admin-qtypes #qtypes div,
26328 #page-admin-qtypes #qtypes form,
26329 #page-admin-qbehaviours #qbehaviours div,
26330 #page-admin-qbehaviours #qbehaviours form {
26331 display: inline;
26334 #page-admin-qtypes #qtypes img.spacer,
26335 #page-admin-qbehaviours #qbehaviours img.spacer {
26336 width: 16px;
26339 #page-admin-qbehaviours .cell.c3,
26340 #page-admin-qtypes .cell.c3 {
26341 font-size: 0.8203125rem;
26344 #page-admin-lang .generalbox,
26345 #page-admin-course-index .singlebutton,
26346 #page-admin-course-index .addcategory,
26347 #page-course-index .buttons,
26348 #page-course-index-category .buttons,
26349 #page-admin-course-category .addcategory,
26350 #page-admin-stickyblocks .generalbox,
26351 #page-admin-maintenance .buttons,
26352 #page-admin-course-index .buttons,
26353 #page-admin-course-category .buttons,
26354 #page-admin-index .copyright,
26355 #page-admin-index .copyrightnotice,
26356 #page-admin-index .adminerror .singlebutton,
26357 #page-admin-index .adminwarning .singlebutton,
26358 #page-admin-index #layout-table .singlebutton {
26359 text-align: center;
26360 margin-bottom: 1em;
26363 .path-admin-roles .capabilitysearchui {
26364 text-align: left;
26365 margin-left: auto;
26366 margin-right: auto;
26367 margin-top: 1rem;
26370 #page-admin-roles-define .topfields {
26371 margin: 1em 0 2em;
26374 #page-admin-roles-override .capcurrent,
26375 #page-admin-roles-define .capdefault {
26376 background-color: rgba(0, 0, 0, 0.075);
26379 #page-filter-manage .backlink,
26380 .path-admin-roles .backlink {
26381 margin-top: 1em;
26384 #page-admin-roles-explain #chooseuser h3,
26385 #page-admin-roles-usersroles .contextname {
26386 margin-top: 0;
26389 #page-admin-roles-explain #chooseusersubmit {
26390 margin-top: 0;
26391 text-align: center;
26394 #page-admin-roles-usersroles p {
26395 margin: 0;
26398 #page-admin-roles-override .cell.c1,
26399 #page-admin-roles-assign .cell.c3,
26400 #page-admin-roles-assign .cell.c1 {
26401 padding-top: 0.75em;
26404 #page-admin-roles-override .overridenotice,
26405 #page-admin-roles-define .definenotice {
26406 margin: 1em 10% 2em 10%;
26407 text-align: left;
26410 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
26411 display: block;
26414 #page-admin-index .updateplugin div {
26415 margin-bottom: 0.5em;
26418 #page-admin-user-user_bulk #users .fgroup {
26419 white-space: nowrap;
26422 #page-admin-report-stats-index .graph {
26423 text-align: center;
26424 margin-bottom: 1em;
26427 #page-admin-report-courseoverview-index .graph {
26428 text-align: center;
26429 margin-bottom: 1em;
26432 #page-admin-lang .translator {
26433 border-width: 1px;
26434 border-style: solid;
26437 .path-admin .roleassigntable {
26438 width: 100%;
26441 .path-admin .roleassigntable td {
26442 vertical-align: top;
26443 padding: 0.2em 0.3em;
26446 .path-admin .roleassigntable p {
26447 text-align: left;
26448 margin: 0.2em 0;
26451 .path-admin .roleassigntable #existingcell,
26452 .path-admin .roleassigntable #potentialcell {
26453 width: 42%;
26456 .path-admin .roleassigntable #existingcell p > label:first-child,
26457 .path-admin .roleassigntable #potentialcell p > label:first-child {
26458 font-weight: bold;
26461 .path-admin .roleassigntable #buttonscell {
26462 width: 16%;
26465 .path-admin .roleassigntable #buttonscell #assignoptions {
26466 font-size: 0.8203125rem;
26469 .path-admin .roleassigntable #removeselect_wrapper,
26470 .path-admin .roleassigntable #addselect_wrapper {
26471 width: 100%;
26474 .path-admin table.rolecap tr.rolecap th {
26475 text-align: left;
26476 font-weight: normal;
26479 .path-admin .rolecap .hiddenrow {
26480 display: none;
26483 .path-admin #defineroletable .rolecap .inherit,
26484 .path-admin #defineroletable .rolecap .allow,
26485 .path-admin #defineroletable .rolecap .prevent,
26486 .path-admin #defineroletable .rolecap .prohibit {
26487 text-align: center;
26488 padding: 0;
26489 min-width: 3.5em;
26492 .path-admin .rolecap .cap-name,
26493 .path-admin .rolecap .note {
26494 display: block;
26495 font-size: 0.8203125rem;
26496 white-space: nowrap;
26497 font-weight: normal;
26500 .path-admin .rolecap label {
26501 display: block;
26502 text-align: center;
26503 padding: 0.5em;
26504 margin: 0;
26507 .path-admin .header-maxwidth,
26508 .path-admin .secondary-navigation .navigation .nav-tabs,
26509 .format-site .header-maxwidth,
26510 .format-site .secondary-navigation .navigation .nav-tabs {
26511 max-width: none;
26514 .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
26515 .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
26516 .path-admin.path-admin-tool-lp .header-maxwidth,
26517 .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
26518 max-width: 830px;
26521 .plugincheckwrapper {
26522 width: 100%;
26525 .environmentbox {
26526 margin-top: 1em;
26529 #mnetconfig table {
26530 margin-left: auto;
26531 margin-right: auto;
26534 .environmenttable .cell {
26535 padding: 0.15em 0.5em;
26538 #trustedhosts .generaltable {
26539 margin-left: auto;
26540 margin-right: auto;
26541 width: 500px;
26544 #trustedhosts .standard {
26545 width: auto;
26548 #adminsettings legend {
26549 display: none;
26552 #adminsettings fieldset.error {
26553 margin: 0.2em 0 0.5em 0;
26556 #adminsettings fieldset.error legend {
26557 display: block;
26560 #admin-spelllanguagelist textarea {
26561 /* rtl:ignore */
26562 text-align: left;
26563 /* rtl:ignore */
26564 direction: ltr;
26567 /* Styles for flags on admin settings */
26568 .adminsettingsflags {
26569 float: right;
26572 .adminsettingsflags label {
26573 margin-right: 7px;
26576 .form-description pre,
26577 .formsettingheading pre {
26578 /*rtl:ignore*/
26579 direction: ltr;
26582 .form-item .form-setting .form-htmlarea {
26583 display: inline;
26586 .form-item .form-setting .form-htmlarea .htmlarea {
26587 width: 640px;
26588 display: block;
26591 .form-item .form-setting .form-multicheckbox ul {
26592 list-style: none;
26593 padding: 0;
26594 margin: 7px 0 0 0;
26597 .form-item .form-setting .defaultsnext {
26598 display: inline;
26601 .form-item .form-setting .locked-checkbox {
26602 margin-right: 0.2em;
26603 margin-left: 0.5em;
26604 display: inline;
26607 .form-item .form-setting .form-password .unmask,
26608 .form-item .form-setting .form-defaultinfo {
26609 display: inline-block;
26612 .form-item .form-setting .form-defaultinfo {
26613 max-width: 100%;
26614 word-wrap: break-word;
26617 #admin-emoticons td input {
26618 width: 8em;
26621 #admin-emoticons td.c0 input {
26622 width: 4em;
26625 .admin_colourpicker,
26626 .admin_colourpicker_preview {
26627 display: none;
26630 .jsenabled .admin_colourpicker_preview {
26631 display: inline;
26634 @media (min-width: 768px) {
26635 .jsenabled .admin_colourpicker {
26636 display: block;
26637 height: 102px;
26638 width: 410px;
26639 margin-bottom: 10px;
26640 box-sizing: content-box;
26642 .admin_colourpicker .colourdialogue {
26643 float: left;
26644 border: 1px solid #8f959e;
26646 .admin_colourpicker .previewcolour {
26647 border: 1px solid #8f959e;
26648 margin-left: 301px;
26650 .admin_colourpicker .currentcolour {
26651 border: 1px solid #8f959e;
26652 margin-left: 301px;
26653 border-top-width: 0;
26656 @media (max-width: 767.98px) {
26657 .jsenabled .admin_colourpicker {
26658 height: 150px;
26659 margin-bottom: 10px;
26660 display: block;
26661 position: relative;
26663 .admin_colourpicker .previewcolour {
26664 display: none;
26666 .admin_colourpicker .currentcolour {
26667 position: absolute;
26668 border: 1px solid #dee2e6;
26669 top: 100px;
26670 left: 0;
26673 .admin_colourpicker .loadingicon {
26674 vertical-align: middle;
26675 margin-left: auto;
26678 #page-admin-index #notice .checkforupdates {
26679 text-align: center;
26682 #page-admin-plugins #plugins-overview-panel .info {
26683 display: inline-block;
26684 margin-right: 1em;
26686 #page-admin-plugins .checkforupdates {
26687 margin: 10px 0;
26689 #page-admin-plugins .checkforupdates .singlebutton {
26690 margin: 5px 0;
26691 padding: 0;
26693 #page-admin-plugins .checkforupdates .singlebutton div,
26694 #page-admin-plugins .checkforupdates .singlebutton input {
26695 margin: 0 3px 0 0;
26697 #page-admin-plugins .updateavailableinstallall {
26698 margin: 5px 0;
26699 padding: 0;
26701 #page-admin-plugins .updateavailableinstallall div,
26702 #page-admin-plugins .updateavailableinstallall input {
26703 margin: 0 3px 5px 0;
26705 #page-admin-plugins #plugins-control-panel .status-missing td {
26706 background-color: #fcefdc;
26708 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
26709 font-size: 0.8203125rem;
26710 color: #6a737b;
26711 margin-left: 22px;
26713 #page-admin-plugins #plugins-control-panel .version .versionnumber {
26714 font-size: 0.8203125rem;
26715 color: #6a737b;
26717 #page-admin-plugins #plugins-control-panel .uninstall a {
26718 color: #ca3120;
26720 #page-admin-plugins #plugins-control-panel .notes .label {
26721 margin-right: 3px;
26723 #page-admin-plugins #plugins-control-panel .notes .requiredby {
26724 font-size: 0.8203125rem;
26725 color: #6a737b;
26728 #plugins-check-page #plugins-check .status-missing td,
26729 #plugins-check-page #plugins-check .status-downgrade td {
26730 background-color: #f4d6d2;
26733 #plugins-check-page .pluginupdateinfo,
26734 #plugins-control-panel .pluginupdateinfo {
26735 background-color: #cce6ea;
26736 padding: 5px;
26737 margin: 10px 0;
26738 border-radius: 5px;
26740 #plugins-check-page .pluginupdateinfo.maturity50,
26741 #plugins-control-panel .pluginupdateinfo.maturity50 {
26742 background-color: #f4d6d2;
26744 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
26745 #plugins-control-panel .pluginupdateinfo.maturity100,
26746 #plugins-control-panel .pluginupdateinfo.maturity150 {
26747 background-color: #fcefdc;
26749 #plugins-check-page .pluginupdateinfo .info,
26750 #plugins-control-panel .pluginupdateinfo .info {
26751 display: inline-block;
26753 #plugins-check-page .pluginupdateinfo .separator:after,
26754 #plugins-control-panel .pluginupdateinfo .separator:after {
26755 content: " | ";
26757 #plugins-check-page .pluginupdateinfo .singlebutton,
26758 #plugins-control-panel .pluginupdateinfo .singlebutton {
26759 margin: 5px 0;
26760 padding: 0;
26762 #plugins-check-page .pluginupdateinfo .singlebutton div,
26763 #plugins-check-page .pluginupdateinfo .singlebutton input,
26764 #plugins-control-panel .pluginupdateinfo .singlebutton div,
26765 #plugins-control-panel .pluginupdateinfo .singlebutton input {
26766 margin: 0 3px 0 0;
26769 .plugins-management-confirm-buttons > div {
26770 display: inline-block;
26771 margin: 1em 1em 1em 0;
26773 .plugins-management-confirm-buttons .continue {
26774 padding: 0;
26776 .plugins-management-confirm-buttons .continue div,
26777 .plugins-management-confirm-buttons .continue input {
26778 margin: 0;
26781 #page-admin-index .upgradepluginsinfo {
26782 text-align: center;
26785 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
26786 content: " | ";
26789 /** MNet networking */
26790 #page-admin-mnet-peers .box.deletedhosts {
26791 margin-bottom: 1em;
26792 font-size: 0.8203125rem;
26795 #core-cache-plugin-summaries table,
26796 #core-cache-store-summaries table {
26797 width: 100%;
26800 #core-cache-lock-summary table,
26801 #core-cache-definition-summaries table,
26802 #core-cache-mode-mappings table {
26803 margin: 0 auto;
26806 #core-cache-store-summaries .default-store td {
26807 font-style: italic;
26810 #core-cache-rescan-definitions,
26811 #core-cache-mode-mappings .edit-link,
26812 #core-cache-lock-additional-actions .new-instance {
26813 margin-top: 0.5em;
26814 text-align: center;
26817 .maintenancewarning {
26818 position: fixed;
26819 bottom: 0;
26820 right: 0;
26821 overflow: hidden;
26822 z-index: 1000;
26825 .modal.modal-in-page {
26826 z-index: 0;
26829 #page-admin-search .adminpagetitle {
26830 margin-bottom: 0;
26831 border-bottom: none;
26833 #page-admin-search .adminpagepath {
26834 display: flex;
26835 flex-wrap: wrap;
26836 list-style: none;
26837 padding: 0;
26838 margin: 0 0 1.5rem 0;
26840 #page-admin-search .adminpagepath li + li:before {
26841 padding-right: 0.5rem;
26842 padding-left: 0.5rem;
26843 content: "/";
26845 @media (min-width: 576px) {
26846 #page-admin-search .container {
26847 overflow-wrap: break-word;
26851 #page-admin-tasklogs .task-class {
26852 font-size: 0.8203125rem;
26853 color: #6a737b;
26856 .path-admin-tool-uploaduser .uuwarning {
26857 background-color: #fcefdc;
26859 .path-admin-tool-uploaduser .uuerror {
26860 background-color: #f4d6d2;
26862 .path-admin-tool-uploaduser .uuinfo {
26863 background-color: #d7e4d6;
26866 .blockmovetarget .accesshide {
26867 position: relative;
26868 left: initial;
26871 .block:target {
26872 padding-top: 0 !important; /* stylelint-disable declaration-no-important */
26873 margin-top: 0 !important;
26876 .block_search_forums .searchform {
26877 /* Override plugin's default. */
26878 text-align: left;
26881 .block.block_navigation .block_tree ul,
26882 .block_settings .block_tree ul {
26883 margin-left: 0;
26886 .block .block-controls .dropdown-toggle {
26887 /* So that the caret takes the colour of the icon. */
26888 color: #1d2125;
26891 [data-region=blocks-column] {
26892 width: 360px;
26893 float: right;
26896 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
26897 @media (min-width: 576px) {
26898 #region-main-settings-menu {
26899 position: relative;
26900 float: left;
26901 width: 100%;
26903 #region-main-settings-menu > div {
26904 position: absolute;
26905 right: 0;
26906 z-index: 100;
26907 margin: 1rem;
26909 .region_main_settings_menu_proxy {
26910 width: 4rem;
26911 height: 2rem;
26912 background-color: #fff;
26913 margin-left: 0.625rem;
26914 margin-bottom: 0.625rem;
26915 border-bottom-left-radius: 0.5rem;
26916 float: right;
26919 @media (max-width: 767.98px) {
26920 #region-main-settings-menu .menubar {
26921 justify-content: flex-end;
26924 #region-main.has-blocks {
26925 display: inline-block;
26926 width: calc(100% - 375px);
26928 @media (max-width: 1199.98px) {
26929 #region-main.has-blocks {
26930 width: 100%;
26931 /* MDL-63102 - Remove extra space at bottom.
26932 If modifying make sure block-region is horizontally stacked when in full screen */
26933 display: block;
26937 .header-action #region-main-settings-menu {
26938 position: unset;
26939 float: none;
26940 width: auto;
26942 .header-action #region-main-settings-menu > div {
26943 position: unset;
26944 right: auto;
26945 margin: 0;
26948 @media (max-width: 1199.98px) {
26949 [data-region=blocks-column] {
26950 width: 100%;
26954 .block .empty-placeholder-image-lg {
26955 height: 5rem;
26958 .block .searchbar .icon {
26959 margin-right: 0;
26962 .block .block-cards .course-info-container {
26963 padding: 0.8rem;
26965 .block .block-cards .progress {
26966 height: 0.5rem;
26968 .block .block-cards .course-summaryitem {
26969 border: 1px solid #dee2e6;
26970 background-color: #fff;
26972 .block .block-cards .icon {
26973 margin-right: 0;
26975 .block .block-cards .card .coursemenubtn {
26976 margin-top: -0.5rem;
26978 .block .block-cards span.categoryname,
26979 .block .block-cards .btn-link {
26980 color: #1d2125;
26982 .block .block-cards .progress-text {
26983 color: #6a737b;
26985 .block .block-cards .multiline {
26986 white-space: normal;
26988 .block .block-cards .btn.btn-link.btn-icon {
26989 height: 36px;
26990 width: 36px;
26991 padding: 0;
26992 border-radius: 50%;
26995 .dashboard-card-deck.one-row {
26996 flex-flow: nowrap;
26997 overflow-x: scroll;
27000 .summaryimage {
27001 height: 5rem;
27002 width: 5rem;
27003 background-position: center;
27004 background-size: cover;
27007 .dashboard-list-img {
27008 height: 5rem;
27009 width: 20rem;
27010 background-position: center;
27011 background-size: cover;
27013 @media (max-width: 1199.98px) {
27014 .dashboard-list-img {
27015 width: 100%;
27019 .dashboard-card-deck .dashboard-card {
27020 margin-bottom: 0.5rem;
27021 flex-basis: auto;
27022 width: 100%;
27023 flex-grow: 0;
27024 flex-shrink: 0;
27026 .dashboard-card-deck .dashboard-card .dashboard-card-img {
27027 height: 7rem;
27028 background-position: center;
27029 background-size: cover;
27030 border-bottom-left-radius: 0;
27031 border-bottom-right-radius: 0;
27033 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
27034 padding: 0.8rem;
27036 @media (min-width: 576px) {
27037 .dashboard-card-deck.fixed-width-cards .dashboard-card {
27038 width: 300px;
27039 max-width: 100%;
27043 @media (min-width: 576px) {
27044 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27045 width: calc(50% - 0.5rem);
27048 @media (min-width: 840px) {
27049 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27050 width: calc(33.33% - 0.5rem);
27054 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) {
27055 margin-left: 0;
27056 margin-right: 0;
27058 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27059 width: calc(100% - 0.5rem) !important;
27061 @media (max-width: 575.98px) {
27062 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27063 width: 100% !important;
27067 .block_recentlyaccessedcourses .paging-bar-container {
27068 margin-top: -2.4rem;
27069 padding-right: 0.5rem;
27070 justify-content: flex-end;
27072 @media (max-width: 575.98px) {
27073 .block_recentlyaccessedcourses .paging-bar-container {
27074 margin-top: 0;
27078 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
27079 margin-top: 0;
27082 .block_recentlyaccesseditems .activityiconcontainer {
27083 width: 40px;
27084 height: 40px;
27086 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck.one-row {
27087 flex-flow: wrap;
27088 overflow-x: hidden;
27090 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck .card:nth-of-type(n+4) {
27091 display: none;
27093 #block-region-content .block_recentlyaccesseditems [data-region=more-items-button-container] {
27094 display: none;
27096 .block_recentlyaccesseditems a.dashboard-card:hover, .block_recentlyaccesseditems a.dashboard-card:focus {
27097 text-decoration: none;
27099 .block_recentlyaccesseditems a.dashboard-card:hover h6, .block_recentlyaccesseditems a.dashboard-card:focus h6 {
27100 text-decoration: underline;
27102 .block_recentlyaccesseditems a.dashboard-card small {
27103 color: #1d2125;
27106 .block_myoverview .content {
27107 min-height: 19.35rem;
27109 .block_myoverview .paged-content-page-container {
27110 min-height: 13rem;
27113 .block_timeline .paged-content-page-container {
27114 background-color: #fff;
27117 .block_timeline .event-action {
27118 padding-left: 5.55em;
27121 .block_settings .block_tree [aria-expanded=true],
27122 .block_settings .block_tree [aria-expanded=true].emptybranch,
27123 .block_settings .block_tree [aria-expanded=false],
27124 .block_navigation .block_tree [aria-expanded=true],
27125 .block_navigation .block_tree [aria-expanded=true].emptybranch,
27126 .block_navigation .block_tree [aria-expanded=false] {
27127 background-image: none;
27130 .block_settings .block_tree [aria-expanded=true] > p:before,
27131 .block_navigation .block_tree [aria-expanded=true] > p:before {
27132 content: "\f107";
27133 margin-right: 0;
27134 font-size: 16px;
27135 width: 16px;
27138 .block_settings .block_tree [aria-expanded=false] > p:before,
27139 .block_navigation .block_tree [aria-expanded=false] > p:before {
27140 content: "\f105";
27141 margin-right: 0;
27142 font-size: 16px;
27143 width: 16px;
27146 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
27147 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before {
27148 content: "\f104";
27151 .block_navigation .block_tree p.hasicon,
27152 .block_settings .block_tree p.hasicon {
27153 text-indent: -3px;
27155 .block_navigation .block_tree p.hasicon .icon,
27156 .block_settings .block_tree p.hasicon .icon {
27157 margin-right: 2px;
27160 .block.invisibleblock .card-title {
27161 color: #6a737b;
27164 .block_social_activities li a.movehere,
27165 .block_site_main_menu li a.movehere {
27166 display: block;
27167 width: 100%;
27168 height: 2rem;
27169 border: 2px dashed #343a40;
27170 margin: 4px 0;
27173 .pagelayout-embedded .has-fake-blocks {
27174 padding: 1rem;
27175 display: flex;
27177 .pagelayout-embedded .has-fake-blocks .embedded-main {
27178 order: 0;
27179 width: calc(100% - 360px);
27180 margin-right: 1rem;
27182 .pagelayout-embedded .embedded-blocks {
27183 order: 1;
27184 width: 360px;
27186 @media (max-width: 767.98px) {
27187 .pagelayout-embedded .has-fake-blocks {
27188 display: block;
27190 .pagelayout-embedded .has-fake-blocks .embedded-main {
27191 width: 100%;
27193 .pagelayout-embedded .embedded-blocks {
27194 width: 100%;
27198 .block-add {
27199 color: #0f6cbf;
27200 background-color: #f5f9fc;
27201 border-color: #3584c9;
27202 border-radius: 0.5rem;
27203 width: 100%;
27204 border-width: 1px;
27206 .block-add hr {
27207 border-top-color: #3077b5;
27209 .block-add .alert-link {
27210 color: #0b5190;
27212 .block-add .pluscontainer {
27213 border: 1px solid #3584c9;
27214 border-radius: 50%;
27215 width: 32px;
27216 height: 32px;
27218 .block-add:hover {
27219 cursor: pointer;
27220 background-color: #f5f9fc;
27222 .block-add:hover .activity-add-text {
27223 text-decoration: underline;
27226 /* calendar.less */
27227 .calendar_event_category {
27228 background-color: #e0cbe0;
27230 .calendar_event_category .commands a {
27231 color: #0d5ca1;
27234 .calendar_event_course {
27235 background-color: #ffd3bd;
27237 .calendar_event_course .commands a {
27238 color: #0d5ca1;
27241 .calendar_event_site {
27242 background-color: #d6f8cd;
27244 .calendar_event_site .commands a {
27245 color: #0d5ca1;
27248 .calendar_event_group {
27249 background-color: #fee7ae;
27251 .calendar_event_group .commands a {
27252 color: #0d5ca1;
27255 .calendar_event_user {
27256 background-color: #dce7ec;
27258 .calendar_event_user .commands a {
27259 color: #0d5ca1;
27262 .calendar_event_other {
27263 background-color: #ced4da;
27265 .calendar_event_other .commands a {
27266 color: #0d5ca1;
27269 .calendartable {
27270 width: 100%;
27271 table-layout: fixed;
27273 .calendartable th,
27274 .calendartable td {
27275 width: 14%;
27276 vertical-align: top;
27277 text-align: center;
27278 border: 0;
27281 .calendar-controls .previous,
27282 .calendar-controls .next,
27283 .calendar-controls .current {
27284 display: block;
27285 float: left;
27286 width: 12%;
27288 .calendar-controls .previous {
27289 text-align: left;
27290 border: 1px solid transparent;
27291 width: 25%;
27293 .calendar-controls .current {
27294 text-align: center;
27295 width: 50%;
27297 .calendar-controls .next {
27298 text-align: right;
27299 border: 1px solid transparent;
27300 width: 25%;
27302 .calendar-controls .drop-target {
27303 box-sizing: border-box;
27304 border: 1px dashed #0f6cbf;
27307 .filters table {
27308 border-collapse: separate;
27309 border-spacing: 2px;
27310 width: 100%;
27313 #region-main .maincalendar .calendarwrapper td > div {
27314 height: 11.5em;
27315 overflow: hidden;
27318 .maincalendar {
27319 vertical-align: top;
27320 padding: 0;
27322 .maincalendar .bottom {
27323 text-align: left;
27324 width: 98%;
27325 margin: 10px auto;
27327 .maincalendar .bottom span.footer-link:after {
27328 content: "•";
27329 color: #0f6cbf;
27331 .maincalendar .bottom span.footer-link:last-child:after {
27332 content: none;
27334 .maincalendar .heightcontainer {
27335 height: 100%;
27336 position: relative;
27338 .maincalendar .calendarmonth {
27339 width: 98%;
27340 margin: 10px auto;
27342 .maincalendar .calendarmonth ul {
27343 margin: 0;
27344 padding: 0;
27346 .maincalendar .calendarmonth ul li[data-event-folded=true] {
27347 display: none;
27349 .maincalendar .calendarmonth ul li {
27350 list-style-type: none;
27351 line-height: 1.2em;
27353 .maincalendar .calendarmonth ul li > a {
27354 overflow: hidden;
27355 text-overflow: ellipsis;
27356 white-space: nowrap;
27357 max-width: 100%;
27358 display: inline-block;
27360 .maincalendar .calendarmonth ul li > a:hover {
27361 text-decoration: none;
27363 .maincalendar .calendarmonth ul li > a:hover .eventname {
27364 text-decoration: underline;
27366 .maincalendar .calendarmonth ul li a[data-action=view-day-link] {
27367 overflow: hidden;
27368 text-overflow: ellipsis;
27369 white-space: nowrap;
27371 .maincalendar .calendarmonth ul li .icon {
27372 margin-left: 0.25em;
27373 margin-right: 0.25em;
27374 vertical-align: initial;
27376 .maincalendar .calendarmonth ul li .calendar-circle {
27377 width: 12px;
27378 height: 12px;
27379 border-radius: 6px;
27380 vertical-align: middle;
27381 display: inline-block;
27383 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
27384 background-color: #e0cbe0;
27385 border: 2px solid #9e619f;
27387 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
27388 background-color: #ffd3bd;
27389 border: 2px solid #d34600;
27391 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
27392 background-color: #d6f8cd;
27393 border: 2px solid #2b8713;
27395 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
27396 background-color: #fee7ae;
27397 border: 2px solid #9a6e02;
27399 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
27400 background-color: #dce7ec;
27401 border: 2px solid #4e7c91;
27403 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
27404 background-color: #ced4da;
27405 border: 2px solid #687889;
27407 .maincalendar .calendarmonth th {
27408 text-align: left;
27409 padding-left: 16px;
27411 .maincalendar .calendarmonth td a.day:focus {
27412 display: inline-block;
27413 border-radius: 50%;
27414 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
27416 .maincalendar .calendarmonth td .day-number-circle {
27417 display: inline-block;
27418 line-height: 0;
27419 width: 30px;
27420 height: 30px;
27422 .maincalendar .calendarmonth td .day-number-circle .day-number {
27423 display: inline-block;
27424 padding: 50% 4px;
27425 width: 100%;
27426 text-align: center;
27428 .maincalendar .calendarmonth td.today .day-number-circle {
27429 border-radius: 50%;
27430 color: #fff;
27431 background-color: #0f6cbf;
27433 .maincalendar .calendarmonth .clickable:hover {
27434 background-color: #ededed;
27436 .maincalendar .controls {
27437 width: 98%;
27438 margin: 10px auto;
27440 .maincalendar .calendar_event_category:hover a,
27441 .maincalendar .calendar_event_course:hover a,
27442 .maincalendar .calendar_event_site:hover a,
27443 .maincalendar .calendar_event_group:hover a,
27444 .maincalendar .calendar_event_user:hover a {
27445 color: #094478;
27446 text-decoration: underline;
27448 .maincalendar .calendar_event_category {
27449 border-color: #e0cbe0;
27451 .maincalendar .calendar_event_course {
27452 border-color: #ffd3bd;
27454 .maincalendar .calendar_event_site {
27455 border-color: #d6f8cd;
27457 .maincalendar .calendar_event_group {
27458 border-color: #fee7ae;
27460 .maincalendar .calendar_event_user {
27461 border-color: #dce7ec;
27463 .maincalendar .calendar_event_other {
27464 border-color: #ced4da;
27466 .maincalendar .calendartable td,
27467 .maincalendar .calendartable li {
27468 padding: 4px;
27470 .maincalendar .calendartable li {
27471 text-align: left;
27473 .maincalendar .header {
27474 overflow: hidden;
27476 .maincalendar .header .buttons {
27477 float: right;
27479 .maincalendar .event .card-header img {
27480 vertical-align: baseline;
27482 .maincalendar .event .location {
27483 word-break: break-all;
27484 overflow-wrap: break-word;
27486 .maincalendar table#subscription_details_table td {
27487 vertical-align: middle;
27489 .maincalendar table#subscription_details_table td > .btn-group button {
27490 padding-left: 0;
27493 #page-calendar-export .indent {
27494 padding-left: 20px;
27497 .block .bottom {
27498 width: 98%;
27499 margin: 10px auto;
27501 .block .bottom span.footer-link:after {
27502 content: "•";
27503 color: #0f6cbf;
27505 .block .bottom span.footer-link:last-child:after {
27506 content: none;
27508 .block .minicalendar {
27509 max-width: 280px;
27510 margin: 0 auto;
27511 width: 100%;
27513 .block .minicalendar th,
27514 .block .minicalendar td {
27515 padding: 2px;
27516 font-size: 0.8em;
27517 text-align: center;
27519 .block .minicalendar td.weekend {
27520 color: #6a737b;
27522 .block .minicalendar td a {
27523 width: 100%;
27524 height: 100%;
27525 display: block;
27526 color: #0d5ca1;
27528 .block .minicalendar td.duration_global {
27529 border-top: 1px solid #d6f8cd;
27530 border-bottom: 1px solid #d6f8cd;
27532 .block .minicalendar td.duration_global.duration_finish {
27533 background-color: #d6f8cd;
27535 .block .minicalendar td.duration_category {
27536 border-top: 1px solid #e0cbe0;
27537 border-bottom: 1px solid #e0cbe0;
27539 .block .minicalendar td.duration_category.duration_finish {
27540 background-color: #e0cbe0;
27542 .block .minicalendar td.duration_course {
27543 border-top: 1px solid #ffd3bd;
27544 border-bottom: 1px solid #ffd3bd;
27546 .block .minicalendar td.duration_course.duration_finish {
27547 background-color: #ffd3bd;
27549 .block .minicalendar td.duration_group {
27550 border-top: 1px solid #fee7ae;
27551 border-bottom: 1px solid #fee7ae;
27553 .block .minicalendar td.duration_group.duration_finish {
27554 background-color: #fee7ae;
27556 .block .minicalendar td.duration_user {
27557 border-top: 1px solid #dce7ec;
27558 border-bottom: 1px solid #dce7ec;
27560 .block .minicalendar td.duration_user.duration_finish {
27561 background-color: #dce7ec;
27563 .block .minicalendar td.duration_other {
27564 border-top: 1px solid #ced4da;
27565 border-bottom: 1px solid #ced4da;
27567 .block .minicalendar td.duration_other.duration_finish {
27568 background-color: #ced4da;
27570 .block .minicalendar caption {
27571 font-size: inherit;
27572 font-weight: inherit;
27573 line-height: inherit;
27574 text-align: center;
27576 .block .calendar_filters ul {
27577 list-style: none;
27578 margin: 0;
27579 padding: 0;
27581 .block .calendar_filters li {
27582 margin-bottom: 0.2em;
27584 .block .calendar_filters li span.calendar_event_category i {
27585 color: #0d5ca1;
27587 .block .calendar_filters li span.calendar_event_course i {
27588 color: #0d5ca1;
27590 .block .calendar_filters li span.calendar_event_site i {
27591 color: #0d5ca1;
27593 .block .calendar_filters li span.calendar_event_group i {
27594 color: #0d5ca1;
27596 .block .calendar_filters li span.calendar_event_user i {
27597 color: #0d5ca1;
27599 .block .calendar_filters li span.calendar_event_other i {
27600 color: #0d5ca1;
27602 .block .calendar_filters li span img {
27603 padding: 0 0.2em;
27604 margin: 0;
27606 .block .calendar_filters li .icon {
27607 vertical-align: initial;
27608 margin: 0 0.1rem 0 0.4rem;
27610 .block .calendar_filters li > a:hover {
27611 text-decoration: none;
27613 .block .calendar_filters li > a:hover .eventname {
27614 text-decoration: underline;
27616 .block .content h3.eventskey {
27617 margin-top: 0.5em;
27620 .path-course-view .block.block_calendar_month .maincalendar div.header {
27621 visibility: hidden;
27622 height: 0;
27624 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
27625 position: absolute;
27626 width: 1px;
27627 height: 1px;
27628 padding: 0;
27629 margin: -1px;
27630 overflow: hidden;
27631 clip: rect(0, 0, 0, 0);
27632 white-space: nowrap;
27633 border: 0;
27635 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
27636 display: block;
27638 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
27639 content: none;
27642 /* Display month name above the calendar */
27643 table.calendartable caption {
27644 caption-side: top;
27647 @media (min-width: 768px) {
27648 #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 {
27649 min-width: 1024px;
27652 @media (min-width: 768px) {
27653 section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
27654 visibility: hidden;
27655 height: 0;
27657 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
27658 width: 40%;
27659 font-size: inherit;
27660 line-height: inherit;
27662 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
27663 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
27664 width: 30%;
27665 font-size: 0.8em;
27667 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
27668 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27669 border: none;
27670 text-align: center !important;
27671 padding: 0;
27673 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27674 height: auto;
27675 font-size: 0.8em;
27677 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27678 display: none;
27680 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27681 display: inline-block;
27682 position: relative;
27684 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27685 content: ".";
27686 display: inline-block;
27687 position: absolute;
27688 bottom: 0.4em;
27689 left: 0;
27690 text-align: center;
27691 width: 100%;
27692 font-size: 3em;
27693 color: inherit;
27695 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
27696 content: "";
27697 display: block;
27698 margin-top: calc(100% - 26px);
27700 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
27701 background-color: inherit;
27703 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
27704 border-radius: 50%;
27705 background-color: #ededed;
27707 section:not(#region-main) .block.block_calendar_month .bottom {
27708 border-top: 1px solid rgba(0, 0, 0, 0.125);
27709 padding-top: 0.5rem;
27712 @media (max-width: 768px) {
27713 .maincalendar .calendartable.calendarmonth th,
27714 .maincalendar .calendartable.calendarmonth td {
27715 border: none;
27716 text-align: center !important;
27717 padding: 0;
27719 .maincalendar .calendartable.calendarmonth td {
27720 height: auto;
27721 font-size: inherit;
27722 padding: 0;
27724 .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27725 display: none;
27727 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27728 display: inline-block;
27729 position: relative;
27731 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27732 content: ".";
27733 display: inline-block;
27734 position: absolute;
27735 bottom: 0.4em;
27736 left: 0;
27737 text-align: center;
27738 width: 100%;
27739 font-size: 3em;
27740 color: inherit;
27742 .maincalendar .calendartable.calendarmonth td:after {
27743 content: "";
27744 display: block;
27745 margin-top: calc(100% - 26px);
27747 .maincalendar .calendartable.calendarmonth td > div {
27748 height: auto !important;
27751 .calendarwrapper {
27752 position: relative;
27755 .day-popover-content:empty + .day-popover-alternate {
27756 display: block;
27759 .location-content {
27760 overflow-wrap: break-word;
27763 .description-content {
27764 overflow-wrap: break-word;
27766 .description-content > p {
27767 margin: 0;
27770 .cal_courses_flt {
27771 color: #6a737b;
27772 max-width: 75%;
27775 .content-bank-container .cb-content-wrapper {
27776 padding: 0.5rem;
27777 min-height: 140px;
27778 max-height: 500px;
27779 overflow-x: auto;
27780 flex-wrap: wrap;
27782 .content-bank-container .cb-thumbnail {
27783 width: 24px;
27784 height: 24px;
27785 background-repeat: no-repeat;
27786 background-position: center;
27787 background-size: cover;
27789 .content-bank-container.view-grid {
27790 /* Display a centered eye slash on top of unlisted content icons. */
27792 .content-bank-container.view-grid .cb-listitem {
27793 margin-bottom: 0.5rem;
27795 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
27796 position: relative;
27798 @media (max-width: 767.98px) {
27799 .content-bank-container.view-grid .cb-listitem {
27800 flex-basis: 50%;
27803 @media (min-width: 576px) {
27804 .content-bank-container.view-grid .cb-listitem {
27805 max-width: 120px;
27806 min-width: 120px;
27809 .content-bank-container.view-grid .cb-name {
27810 text-align: center;
27812 .content-bank-container.view-grid .cb-file {
27813 padding: 0.5rem;
27815 .content-bank-container.view-grid .cb-thumbnail {
27816 width: 64px;
27817 height: 64px;
27818 margin-left: auto;
27819 margin-right: auto;
27820 margin-bottom: 0.5rem;
27822 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
27823 opacity: 0.15;
27825 .content-bank-container.view-grid .cb-unlisted::after {
27826 content: "\f070";
27827 position: absolute;
27828 top: 20px;
27829 left: 0;
27830 width: 100%;
27831 font-size: 26px;
27832 text-align: center;
27833 opacity: 0.9;
27834 text-shadow: 0 0 10px #fff;
27836 .content-bank-container.view-grid .cb-heading,
27837 .content-bank-container.view-grid .cb-uses,
27838 .content-bank-container.view-grid .cb-date,
27839 .content-bank-container.view-grid .cb-size,
27840 .content-bank-container.view-grid .cb-type,
27841 .content-bank-container.view-grid .cb-author {
27842 display: none;
27844 .content-bank-container.view-list .cb-content-wrapper {
27845 padding: 0 0.5rem;
27846 flex-direction: column;
27847 flex-wrap: nowrap;
27849 .content-bank-container.view-list .cb-thumbnail {
27850 margin-right: 0.5rem;
27852 .content-bank-container.view-list .cb-listitem,
27853 .content-bank-container.view-list .cb-heading {
27854 display: flex;
27855 flex-wrap: wrap;
27856 width: 100%;
27857 border-bottom: 1px solid #dee2e6;
27859 .content-bank-container.view-list .cb-column {
27860 display: flex;
27861 padding: 0.25rem;
27863 .content-bank-container.view-list .cb-column {
27864 border-right: 1px solid #dee2e6;
27866 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
27867 opacity: 0.3;
27869 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
27870 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
27871 color: #6a737b;
27873 @media (max-width: 767.98px) {
27874 .content-bank-container.view-list .cb-column {
27875 flex: 0 0 50%;
27876 max-width: 50%;
27879 @media (min-width: 576px) {
27880 .content-bank-container.view-list .cb-heading {
27881 position: sticky;
27882 top: 0;
27883 z-index: 1;
27885 .content-bank-container.view-list .cb-file {
27886 flex: 0 0 40%;
27887 max-width: 40%;
27889 .content-bank-container.view-list .cb-uses,
27890 .content-bank-container.view-list .cb-date,
27891 .content-bank-container.view-list .cb-size,
27892 .content-bank-container.view-list .cb-type,
27893 .content-bank-container.view-list .cb-author {
27894 flex: 0 0 12%;
27895 max-width: 12%;
27897 .content-bank-container.view-list .cb-column.last {
27898 border-right: 0;
27901 .content-bank-container.view-list .cb-btnsort span {
27902 display: none;
27904 .content-bank-container.view-list .cb-btnsort .title {
27905 display: inline;
27907 .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 {
27908 display: inline;
27911 .cb-toolbar-container .dropdown-scrollable {
27912 max-height: 190px;
27913 overflow-y: auto;
27916 .cb-navigation-container .singleselect,
27917 .cb-navigation-container .singleselect .custom-select {
27918 width: 100%;
27921 /* course.less */
27922 /* COURSE CONTENT */
27923 .block_tree .tree_item.branch {
27924 margin-left: 8px;
27927 .section .side {
27928 margin-top: 0.5rem;
27930 .section .side.left {
27931 float: left;
27933 .section .side.right {
27934 float: right;
27935 clear: right;
27937 .section .spinner {
27938 height: 16px;
27939 width: 16px;
27941 .section .activity {
27942 /* The command block for each activity */
27944 .section .activity .spinner {
27945 left: 100%;
27946 position: absolute;
27948 .section .activity .actions {
27949 position: absolute;
27950 right: 0;
27951 top: 0;
27952 display: flex;
27954 .section .activity .contentwithoutlink,
27955 .section .activity .activityinstance {
27956 min-width: 40%;
27958 .section .activity .contentwithoutlink > a,
27959 .section .activity .activityinstance > a {
27960 display: inline-flex;
27961 align-items: center;
27963 .section .activity .contentwithoutlink .dimmed .activityicon,
27964 .section .activity .activityinstance .dimmed .activityicon {
27965 opacity: 0.5;
27967 .section .activity .stealth {
27968 color: #6a737b;
27970 .section .activity a.stealth,
27971 .section .activity a.stealth:hover {
27972 color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
27974 .section .activity.indented .activity-item {
27975 margin-left: 1rem;
27977 .section .label .contentwithoutlink,
27978 .section .label .activityinstance {
27979 padding-right: 32px;
27980 display: block;
27981 height: inherit;
27983 @media (min-width: 576px) {
27984 .section .label .mod-indent-outer {
27985 padding-left: 24px;
27986 display: block;
27989 .section .filler {
27990 width: 16px;
27991 height: 16px;
27992 padding: 0;
27993 margin: 0 0.5rem;
27994 display: inline-block;
27996 .section .activity.editor_displayed a.editing_title,
27997 .section .activity.editor_displayed .moodle-actionmenu {
27998 display: none;
28000 .section .activity.editor_displayed div.activityinstance {
28001 padding-right: initial;
28003 .section .activity.editor_displayed div.activityinstance input {
28004 margin-bottom: initial;
28005 padding-top: initial;
28006 padding-bottom: initial;
28007 vertical-align: text-bottom;
28010 .section .activity .activityinstance {
28011 display: inline-flex;
28012 align-items: center;
28013 margin-bottom: 1rem;
28016 .editing .section .activity .contentwithoutlink,
28017 .editing .section .activity .activityinstance {
28018 padding-right: 200px;
28020 .editing .section .activity .mod-indent-outer {
28022 * Add appropriate padding such that nothing overlaps the
28023 * absolute positioned move icon.
28025 padding-left: 2rem;
28027 .editing .course-content .stateready .section .spinner {
28028 display: none;
28030 .editing .editinprogress {
28031 position: relative;
28033 .editing .editinprogress > * {
28034 opacity: 0.4;
28036 .editing .editinprogress .corelightbox,
28037 .editing .editinprogress .lightbox {
28038 display: none;
28040 .editing .editinprogress:after {
28041 position: absolute;
28042 font-size: 20px;
28043 color: #6a737b;
28044 content: "\f110";
28045 display: flex;
28046 justify-content: center;
28047 align-items: center;
28048 width: 30px;
28049 height: 30px;
28050 left: calc(50% - 15px);
28051 top: calc(50% - 15px);
28052 animation: editinprogress-rotation 2s infinite linear;
28054 .editing .editinprogress .editinprogress:after {
28055 display: none;
28058 @keyframes editinprogress-rotation {
28059 0% {
28060 opacity: 0;
28061 transform: rotate(0deg);
28063 50% {
28064 opacity: 1;
28066 100% {
28067 opacity: 0;
28068 transform: rotate(359deg);
28071 .editing_show + .editing_assign,
28072 .editing_hide + .editing_assign {
28073 margin-left: 20px;
28076 .section .activity .commands {
28077 white-space: nowrap;
28078 display: inline-block;
28081 .section .activity.modtype_label.label {
28082 font-weight: normal;
28084 .section .activity.modtype_label.label .contentwithoutlink {
28085 min-height: 0;
28087 .section .activity.modtype_label.label.hasinfo p:last-child,
28088 .section .activity.modtype_label.label.hasinfo i:last-child {
28089 margin-bottom: 0;
28092 .section li.activity:not(.activity-wrapper) {
28093 padding: 0.2em;
28094 clear: both;
28096 .section li.activity:not(.activity-wrapper).hasinfo {
28097 border-bottom: 1px solid #dee2e6;
28098 padding-top: 1rem;
28099 padding-bottom: 1rem;
28101 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
28102 border-bottom: 0;
28103 padding-bottom: 0;
28106 .course-content .section.dropready.main.drop-down {
28107 border-bottom: 1px solid #1d2125;
28109 .course-content .section.dropready .course-section-header.dropready.drop-zone {
28110 margin-top: -2px;
28112 .course-content .section.dropready li.activity.dropready.drop-down {
28113 border-bottom: 1px solid #1d2125;
28114 margin-bottom: -1px;
28116 .course-content .section.dropready li.activity.dropready.drop-up {
28117 border-top: 1px solid #1d2125;
28118 margin-top: -1px;
28121 .section .activity .activityinstance .groupinglabel {
28122 padding-left: 30px;
28125 .section.main:not(.course-section) .activity .availabilityinfo,
28126 .section.main:not(.course-section) .activity .contentafterlink {
28127 margin-top: 0.5em;
28128 margin-left: 30px;
28131 .section .activity .contentafterlink p {
28132 margin: 0.5em 0;
28135 .editing .section.main:not(.course-section) .activity:hover,
28136 .editing .section.main:not(.course-section) .activity.action-menu-shown,
28137 .editing .section.main:not(.course-section) .sectionname:hover {
28138 background-color: rgba(0, 0, 0, 0.03);
28141 .course-content .current {
28142 position: relative;
28145 .course-content .current::before {
28146 border-left: #0f6cbf 3px solid;
28147 bottom: 0;
28148 content: "";
28149 left: -8px;
28150 position: absolute;
28151 top: 0;
28154 .course-content .single-section .section-navigation {
28155 display: block;
28156 padding: 0.5em;
28157 margin-bottom: -0.5em;
28160 .course-content .single-section .section-navigation .title {
28161 font-weight: bold;
28162 font-size: 108%;
28163 clear: both;
28166 .course-content .single-section .section-navigation .mdl-left {
28167 font-weight: normal;
28168 float: left;
28169 margin-right: 1em;
28172 .course-content .single-section .section-navigation .mdl-left .larrow {
28173 margin-right: 0.1em;
28176 .course-content .single-section .section-navigation .mdl-right {
28177 font-weight: normal;
28178 float: right;
28179 margin-left: 1em;
28182 .course-content .single-section .section-navigation .mdl-right .rarrow {
28183 margin-left: 0.1em;
28186 .course-content .single-section .section-navigation .mdl-bottom {
28187 margin-top: 0;
28190 .course-content ul li.section.main:not(.course-section) {
28191 border-bottom: 1px solid #dee2e6;
28192 margin-top: 0;
28194 .course-content ul li.section.main:not(.course-section):last-child {
28195 border-bottom: 0;
28198 .course-content ul li.section.hidden:not(.course-section) .sectionname > span,
28199 .course-content ul li.section.hidden:not(.course-section) .content > div.summary,
28200 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
28201 color: #6a737b;
28204 .course-content ul.topics,
28205 .course-content ul.weeks {
28206 padding: 0;
28207 margin: 0;
28208 list-style: none;
28210 .course-content ul.topics li.section .content,
28211 .course-content ul.weeks li.section .content {
28212 margin: 0;
28213 padding: 0;
28215 @media (min-width: 576px) {
28216 .course-content ul.topics li.section .summary,
28217 .course-content ul.topics li.section .content > .availabilityinfo,
28218 .course-content ul.weeks li.section .summary,
28219 .course-content ul.weeks li.section .content > .availabilityinfo {
28220 margin-left: 25px;
28223 .course-content ul.topics li.section .left,
28224 .course-content ul.topics li.section .right,
28225 .course-content ul.weeks li.section .left,
28226 .course-content ul.weeks li.section .right {
28227 padding: 0 6px 0;
28228 text-align: right;
28229 width: auto;
28232 .course-content .single-section ul.topics li.section,
28233 .course-content .single-section ul.weeks li.section {
28234 padding-top: 0;
28237 @media (max-width: 767.98px) {
28238 body:not(.editing) .course-content ul.topics li.section .left,
28239 body:not(.editing) .course-content ul.topics li.section .right,
28240 body:not(.editing) .course-content ul.weeks li.section .left,
28241 body:not(.editing) .course-content ul.weeks li.section .right {
28242 display: none;
28245 .course-content {
28246 margin-top: 0;
28249 .course-content .hidden {
28250 display: none;
28253 @media (max-width: 767.98px) {
28254 .course-content li.section:not(.course-section) ul {
28255 padding-left: 0;
28258 .course-content li.section:not(.course-section) ul {
28259 list-style: disc;
28261 .course-content li.section:not(.course-section) ul ul {
28262 list-style: circle;
28264 .course-content li.section:not(.course-section) ul ul ul {
28265 list-style: square;
28267 .course-content li.section:not(.course-section) li.activity ul {
28268 list-style: disc;
28270 .course-content li.section:not(.course-section) li.activity ul ul {
28271 list-style: circle;
28273 .course-content li.section:not(.course-section) li.activity ul ul ul {
28274 list-style: square;
28276 .course-content li.section:not(.course-section) .right > .icon:first-child {
28277 /* Remove the spacer icon. */
28278 display: none;
28281 .path-course-view.editing #region-main > .card-block {
28282 padding-bottom: 13rem;
28285 .path-course-view .completionprogress {
28286 margin-left: 25px;
28289 .path-course-view .completionprogress {
28290 display: block;
28291 float: right;
28292 height: 20px;
28293 position: relative;
28296 #page-site-index .subscribelink {
28297 text-align: right;
28300 #site-news-forum h2,
28301 #frontpage-course-list h2,
28302 #frontpage-category-names h2,
28303 #frontpage-category-combo h2 {
28304 margin-bottom: 9px;
28307 .path-course-view a.reduce-sections {
28308 padding-left: 0.2em;
28311 .path-course-view .subscribelink {
28312 text-align: right;
28315 .path-course-view .unread {
28316 margin-left: 30px;
28319 .path-course-view .block.drag .header {
28320 cursor: move;
28323 .path-course-view .completionprogress {
28324 text-align: right;
28327 .path-course-view .single-section .completionprogress {
28328 margin-right: 5px;
28331 .path-course-view li.activity span.autocompletion img {
28332 vertical-align: text-bottom;
28333 margin-left: 0;
28336 .path-course-view.editing li.activity span.autocompletion img {
28337 /* Use the same spacing as the filler. */
28338 margin-right: 0.5rem;
28339 margin-left: 0.5rem;
28342 li.section.hidden span.commands a.editing_hide,
28343 li.section.hidden span.commands a.editing_show {
28344 cursor: default;
28347 .single-section-page .header-action {
28348 display: inline-block;
28351 input.titleeditor {
28352 width: 330px;
28353 vertical-align: text-bottom;
28356 span.editinstructions {
28357 position: absolute;
28358 top: 0;
28359 margin-top: -22px;
28360 margin-left: 30px;
28361 font-size: 0.8203125rem;
28362 padding: 0.1em 0.4em;
28363 text-decoration: none;
28364 z-index: 9999;
28365 border: 0 solid transparent;
28366 color: #00434e;
28367 background-color: #cce6ea;
28368 border-color: #b8dce2;
28370 span.editinstructions hr {
28371 border-top-color: #a6d3db;
28373 span.editinstructions .alert-link {
28374 color: #00171b;
28377 /* COURSES LISTINGS AND COURSE SUMMARY */
28378 #page-course-pending .singlebutton,
28379 #page-course-index .singlebutton,
28380 #page-course-index-category .singlebutton,
28381 #page-course-editsection .singlebutton {
28382 text-align: center;
28385 #page-admin-course-manage #movecourses td img {
28386 margin: 0 0.22em;
28387 vertical-align: text-bottom;
28390 #coursesearch {
28391 margin-top: 1em;
28392 text-align: left;
28395 #page-course-pending .pendingcourserequests {
28396 margin-bottom: 1em;
28399 #page-course-pending .pendingcourserequests .singlebutton {
28400 display: inline;
28403 #page-course-pending .pendingcourserequests .cell {
28404 padding: 0 5px;
28407 #page-course-pending .pendingcourserequests .cell.c6 {
28408 white-space: nowrap;
28411 .coursebox {
28412 display: flex;
28413 flex-direction: column;
28415 .coursebox .info {
28416 display: flex;
28417 align-items: center;
28420 #frontpage-available-course-list,
28421 #frontpage-course-list,
28422 .course-search-result {
28423 margin-top: 0.5rem;
28425 #frontpage-available-course-list .coursebox,
28426 #frontpage-course-list .coursebox,
28427 .course-search-result .coursebox {
28428 padding: 0.5rem;
28429 border: 1px solid #dee2e6;
28430 margin-bottom: 0.5rem;
28431 border-radius: 0.5rem;
28434 .subcategories .coursebox > .info > .coursename a,
28435 #frontpage-category-names .coursebox > .info > .coursename a,
28436 #frontpage-category-combo .coursebox > .info > .coursename a {
28437 display: block;
28438 background-image: url([[pix:moodle|i/course]]);
28439 background-repeat: no-repeat;
28440 padding-left: 21px;
28441 background-position: left 0.2em;
28444 .coursebox > .info > .coursename {
28445 font-size: 0.9375rem;
28446 font-weight: normal;
28447 margin: 5px;
28448 padding: 0;
28451 .coursebox .content .teachers li {
28452 list-style-type: none;
28453 padding: 0;
28454 margin: 0;
28457 .coursebox .customfieldname,
28458 .coursebox .customfieldseparator {
28459 font-weight: 700;
28462 .coursebox .content .coursefile {
28463 max-width: 100px;
28466 .coursebox .content .courseimage img {
28467 max-width: 100px;
28468 max-height: 100px;
28471 .coursebox .content .coursecat,
28472 .coursebox .content .summary,
28473 .coursebox .content .courseimage,
28474 .coursebox .content .coursefile,
28475 .coursebox .content .teachers,
28476 .coursebox.remotecoursebox .remotecourseinfo,
28477 .coursebox .content .customfields-container {
28478 margin: 15px 5px 5px;
28479 padding: 0;
28482 .category-browse .coursebox .content .coursecat,
28483 .category-browse .coursebox .content .summary,
28484 .category-browse .coursebox .content .courseimage,
28485 .category-browse .coursebox .content .coursefile,
28486 .category-browse .coursebox .content .teachers,
28487 .category-browse .coursebox.remotecoursebox .remotecourseinfo,
28488 .category-browse .coursebox .content .customfields-container {
28489 margin-top: 0;
28492 .coursebox.collapsed > .content {
28493 display: none;
28496 .courses > .paging.paging-morelink {
28497 text-align: center;
28498 padding: 1rem;
28501 .course_category_tree .category .numberofcourse {
28502 font-size: 0.8203125rem;
28505 .course_category_tree .category > .info > .categoryname {
28506 margin: 5px;
28507 font-size: 0.9375rem;
28508 font-weight: normal;
28509 padding: 2px 18px;
28512 .course_category_tree .category.with_children > .info > .categoryname {
28513 background-image: url([[pix:moodle|t/expanded]]);
28514 background-repeat: no-repeat;
28515 background-position: center left;
28518 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28519 background-image: url([[pix:moodle|t/collapsed]]);
28522 /* rtl:raw:
28523 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28524 background-image:url([[pix:moodle|t/collapsed_rtl]]);
28527 .course_category_tree .category.collapsed > .content {
28528 display: none;
28531 .course_category_tree .category > .content {
28532 padding-left: 16px;
28535 #page-course-index-category .categorypicker {
28536 margin: 10px 0 20px;
28540 * Course management page
28541 * Palette
28543 * Background (reg) #F5F5F5
28544 * Background (light #fafafa
28545 * Background (highlight) #ddffaa
28546 * Borders #e1e1e8
28548 #course-category-listings {
28549 margin-bottom: 0;
28550 /** Two column layout */
28551 /** Three column layout */
28553 #course-category-listings.columns-2 > #course-listing > div {
28554 position: relative;
28555 left: -1px;
28557 #course-category-listings.columns-3 > #course-listing > div {
28558 height: 100%;
28560 #course-category-listings > div > div {
28561 min-height: 300px;
28563 #course-category-listings > div > div > ul.ml > li:first-child > div {
28564 border-top: 0;
28566 #course-category-listings h3 {
28567 margin: 0;
28568 padding: 0.4rem 0.6rem 0.3rem;
28570 #course-category-listings h4 {
28571 margin: 1rem 0 0;
28572 padding: 0.6rem 1rem 0.5rem;
28574 #course-category-listings .moodle-actionmenu {
28575 white-space: nowrap;
28577 #course-category-listings .listing-actions {
28578 text-align: center;
28580 #course-category-listings .listing-actions > .moodle-actionmenu {
28581 display: inline-block;
28583 #course-category-listings ul.ml {
28584 list-style: none;
28585 margin: 1rem 0;
28587 #course-category-listings ul.ml ul.ml {
28588 margin: 0;
28590 #course-category-listings .listitem[data-selected="1"] {
28591 border-left: calc(1px + 5px) solid #0f6cbf;
28592 padding-left: calc(1.25rem - 5px);
28594 #course-category-listings .listitem:hover {
28595 z-index: 2;
28597 #course-category-listings .item-actions {
28598 margin-right: 1em;
28599 display: inline-block;
28601 #course-category-listings .item-actions.show .menu img {
28602 width: 12px;
28603 max-width: none;
28605 #course-category-listings .item-actions .menu-action-text {
28606 vertical-align: inherit;
28608 #course-category-listings .listitem > div > .float-left {
28609 float: left;
28611 #course-category-listings .listitem > div > .float-right {
28612 float: right;
28613 text-align: right;
28615 #course-category-listings .listitem > div .item-actions .action-show {
28616 display: none;
28618 #course-category-listings .listitem > div .item-actions .action-hide {
28619 display: inline;
28621 #course-category-listings .listitem > div .without-actions {
28622 color: #333;
28624 #course-category-listings .listitem > div .idnumber {
28625 margin-right: 2em;
28627 #course-category-listings .listitem[data-visible="0"] {
28628 color: #6a737b;
28630 #course-category-listings .listitem[data-visible="0"] > div > a {
28631 color: #6a737b;
28633 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
28634 display: inline;
28636 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
28637 display: none;
28639 #course-category-listings .listitem.highlight {
28640 background-color: #fff;
28642 #course-category-listings .listitem.highlight > div,
28643 #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
28644 background-color: rgba(0, 0, 0, 0.075);
28646 #course-category-listings #course-listing .listitem .categoryname {
28647 display: inline-block;
28648 margin-left: 1em;
28649 color: #a1a1a8;
28651 #course-category-listings #course-listing .listitem .coursename {
28652 display: inline-block;
28653 flex-basis: 10rem;
28655 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
28656 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
28657 display: none;
28659 #course-category-listings #course-listing .bulk-action-checkbox {
28660 margin: -2px 6px 0 0;
28662 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
28663 display: none;
28665 #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 {
28666 display: none;
28668 #course-category-listings #category-listing .course-count {
28669 color: #a1a1a8;
28670 margin-right: 2rem;
28671 min-width: 3.5em;
28672 display: inline-block;
28674 #course-category-listings #category-listing .bulk-action-checkbox {
28675 margin-right: -3px;
28677 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
28678 position: relative;
28680 #course-category-listings #category-listing .category-bulk-actions {
28681 margin: 0 0.5em 0.5em;
28682 position: relative;
28684 #course-category-listings .detail-pair > * {
28685 display: inline-block;
28687 #course-category-listings .detail-pair .pair-key {
28688 font-weight: bold;
28689 vertical-align: top;
28691 #course-category-listings .detail-pair .pair-key span {
28692 margin-right: 1rem;
28693 display: block;
28695 #course-category-listings .detail-pair .pair-value select {
28696 max-width: 100%;
28698 #course-category-listings .bulk-actions .detail-pair > * {
28699 display: block;
28700 width: 100%;
28702 #course-category-listings .listing-pagination {
28703 text-align: center;
28705 #course-category-listings .listing-pagination .yui3-button {
28706 color: #fff;
28707 background-color: #008196;
28708 border-color: #008196;
28709 border: 0;
28710 margin: 0.4rem 0.2rem 0.45rem;
28711 font-size: 10.4px;
28713 #course-category-listings .listing-pagination .yui3-button:hover {
28714 color: #fff;
28715 background-color: #006070;
28716 border-color: #005563;
28718 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
28719 color: #fff;
28720 background-color: #006070;
28721 border-color: #005563;
28722 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28724 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
28725 color: #fff;
28726 background-color: #008196;
28727 border-color: #008196;
28729 #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 {
28730 color: #fff;
28731 background-color: #005563;
28732 border-color: #004a56;
28734 #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 {
28735 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28737 #course-category-listings .listing-pagination .yui3-button.active-page {
28738 color: #fff;
28739 background-color: #0f6cbf;
28740 border-color: #0f6cbf;
28742 #course-category-listings .listing-pagination .yui3-button.active-page:hover {
28743 color: #fff;
28744 background-color: #0c589c;
28745 border-color: #0b5190;
28747 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
28748 color: #fff;
28749 background-color: #0c589c;
28750 border-color: #0b5190;
28751 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28753 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
28754 color: #fff;
28755 background-color: #0f6cbf;
28756 border-color: #0f6cbf;
28758 #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 {
28759 color: #fff;
28760 background-color: #0b5190;
28761 border-color: #0a4b84;
28763 #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 {
28764 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28766 #course-category-listings .listing-pagination-totals {
28767 text-align: center;
28769 #course-category-listings .listing-pagination-totals.dimmed {
28770 color: #6a737b;
28771 margin: 0.4rem 1rem 0.45rem;
28773 #course-category-listings .select-a-category .notifymessage,
28774 #course-category-listings .select-a-category .alert {
28775 margin: 1em;
28778 #course-category-listings #course-listing .listitem .drag-handle {
28779 display: none;
28782 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
28783 display: inline-block;
28784 margin: 0 6px 0 0;
28785 cursor: pointer;
28788 /** Management header styling **/
28789 .coursecat-management-header {
28790 vertical-align: middle;
28792 .coursecat-management-header h2 {
28793 display: inline-block;
28794 text-align: left;
28796 .coursecat-management-header > div {
28797 float: right;
28799 .coursecat-management-header > div > div {
28800 margin: 10px 0 10px 1em;
28801 display: inline-block;
28803 .coursecat-management-header select {
28804 max-width: 300px;
28805 cursor: pointer;
28806 padding: 0.4em 0.5em 0.45em 1em;
28807 vertical-align: baseline;
28808 white-space: nowrap;
28810 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
28811 white-space: nowrap;
28812 display: inline-block;
28814 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
28815 padding-left: 1em;
28818 .course-being-dragged-proxy {
28819 border: 0;
28820 color: #0f6cbf;
28821 vertical-align: middle;
28822 padding: 0 0 0 4em;
28825 .course-being-dragged {
28826 opacity: 0.5;
28830 * Display sizes:
28831 * Large displays 1200 +
28832 * Default displays 980 1199
28833 * Tablets 768 979
28834 * Small tablets and large phones 481 767
28835 * Phones 0 480
28837 @media (min-width: 1200px) and (max-width: 1600px) {
28838 #course-category-listings.columns-3 {
28839 background-color: #fff;
28840 border: 0;
28842 #course-category-listings.columns-3 #category-listing,
28843 #course-category-listings.columns-3 #course-listing {
28844 width: 50%;
28846 #course-category-listings.columns-3 #category-listing > div,
28847 #course-category-listings.columns-3 #course-listing > div,
28848 #course-category-listings.columns-3 #course-detail > div {
28849 background-color: #fff;
28851 #course-category-listings.columns-3 #course-detail {
28852 width: 100%;
28853 margin-top: 1em;
28856 @media (max-width: 1199px) {
28857 #course-category-listings.columns-2,
28858 #course-category-listings.columns-3 {
28859 border: 0;
28861 #course-category-listings.columns-2 #category-listing,
28862 #course-category-listings.columns-2 #course-listing,
28863 #course-category-listings.columns-2 #course-detail,
28864 #course-category-listings.columns-3 #category-listing,
28865 #course-category-listings.columns-3 #course-listing,
28866 #course-category-listings.columns-3 #course-detail {
28867 width: 100%;
28868 margin: 0 0 1em;
28871 .page-settings-menu .menubar > a > .icon {
28872 width: auto;
28873 height: 32px;
28874 font-size: 32px;
28877 .activity-navigation .row {
28878 align-items: center;
28880 .activity-navigation #prev-activity-link,
28881 .activity-navigation #next-activity-link {
28882 white-space: pre-wrap;
28885 .automatic-completion-conditions .badge {
28886 font-size: 100%;
28889 /* Variables definition*/
28890 /* Functions/Mixins definition */
28891 /* Section Expand all/Collapse all */
28892 .section-collapsemenu .collapseall {
28893 display: block;
28895 .section-collapsemenu .expandall {
28896 display: none;
28898 .section-collapsemenu.collapsed .collapseall {
28899 display: none;
28901 .section-collapsemenu.collapsed .expandall {
28902 display: block;
28905 /* Course section */
28906 .course-section {
28907 list-style: none;
28908 margin-top: 1rem;
28910 .editing .course-section {
28911 margin-top: 0.5rem;
28913 .course-section .section-item {
28914 padding: 1rem;
28915 border: 1px solid #dee2e6;
28916 border-radius: 1rem;
28918 .course-section.hidden .section-item {
28919 background-color: #f8f9fa;
28921 .course-section .sectionname > a {
28922 color: #1d2125;
28924 .course-section .sectionname > a:hover {
28925 text-decoration: none;
28927 .course-section .sectionbadges .badge {
28928 margin-left: 0.5rem;
28930 .course-section .course-section-header.draggable {
28931 cursor: move;
28933 .course-section .section_action_menu .dropdown-toggle::after {
28934 display: none;
28936 .course-section .summarytext img {
28937 border-radius: 1rem;
28939 .course-section .availabilityinfo {
28940 margin-top: 0.5rem;
28941 padding: 0.25rem 1rem;
28942 background-color: #e9ecef;
28943 font-size: 0.875em;
28944 border-radius: 1rem;
28946 .course-section .availabilityinfo .editavailability a {
28947 border-radius: 0.5rem;
28948 font-weight: bold;
28950 .course-section .availabilityinfo .editavailability a:hover {
28951 background-color: #ced4da;
28953 .course-section .availabilityinfo .editavailability a .icon {
28954 font-size: inherit;
28955 margin-right: 0.25rem;
28957 .course-section .action-menu .btn.btn-icon {
28958 height: 32px;
28959 width: 32px;
28960 border-radius: 0.5rem;
28962 .course-section .section-summary-activities .icon {
28963 width: inherit;
28964 color: #0f6cbf;
28966 .course-section .section-summary-activities + .section {
28967 border-top: 1px solid #dee2e6;
28968 margin-top: 1rem !important;
28969 padding-top: 1rem !important;
28971 .course-section .section_goto .icon {
28972 font-size: 1.171875rem;
28973 color: #0f6cbf;
28976 .btn.add-section {
28977 border-radius: 1rem;
28978 border: 2px dashed #dee2e6;
28979 color: #0f6cbf;
28980 font-size: 0.8203125rem;
28981 font-weight: bold;
28983 .btn.add-section:hover, .btn.add-section:focus {
28984 background-color: #f5f9fc;
28985 border: 2px solid #0f6cbf;
28986 color: #0f6cbf;
28989 /* Single section page specific styles */
28990 .single-section > ul > .course-section.hidden .section-item {
28991 background-color: inherit;
28993 .single-section > ul > .course-section .section-item {
28994 padding: 0;
28995 border: none;
28998 /* Re-style ordered list in course content */
28999 .course-content .activity-altcontent ul {
29000 list-style: disc;
29002 .course-content .activity-altcontent ul ul {
29003 list-style: circle;
29005 .course-content .activity-altcontent ul ul ul {
29006 list-style: square;
29009 /* Activity cards */
29010 .activity {
29011 list-style: none;
29012 position: relative;
29013 padding-top: 0.25rem;
29014 margin-top: 0.25rem;
29015 border-top: 1px solid #dee2e6;
29017 .editing .activity {
29018 padding-top: 0;
29019 margin-top: 0;
29020 border-top: none;
29023 .activity-item {
29024 position: relative;
29025 padding: 0.75rem;
29026 background-color: #fff;
29028 .activity-item.activityinline {
29029 padding: 0.75rem 0;
29031 .activity-item.hiddenactivity {
29032 background-color: #f8f9fa;
29034 .activity-item.hiddenactivity .activityiconcontainer,
29035 .activity-item.hiddenactivity .badge {
29036 mix-blend-mode: multiply;
29038 .editing .activity-item {
29039 cursor: move;
29040 border: 2px solid transparent;
29041 border-radius: 1rem;
29043 .editing .activity-item .a {
29044 cursor: pointer;
29046 .editing .activity-item:hover, .editing .activity-item.selected {
29047 border: 2px solid #0f6cbf;
29048 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
29050 .editing .activity-item:hover .activityiconcontainer,
29051 .editing .activity-item:hover .badge, .editing .activity-item.selected .activityiconcontainer,
29052 .editing .activity-item.selected .badge {
29053 mix-blend-mode: multiply;
29055 .activity-item .activity-grid {
29056 display: grid;
29057 align-items: center;
29058 grid-template-columns: min-content 1fr min-content min-content min-content;
29059 grid-template-rows: 1fr repeat(5, min-content);
29060 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";
29062 @media (max-width: 575.98px) {
29063 .activity-item .activity-grid {
29064 grid-template-columns: min-content 1fr min-content min-content min-content;
29065 grid-template-rows: 1fr repeat(4, min-content);
29066 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";
29069 .activity-item .activity-grid.noname-grid {
29070 grid-template-columns: min-content 1fr min-content min-content;
29071 grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
29073 @media (max-width: 575.98px) {
29074 .activity-item .activity-grid.noname-grid {
29075 grid-template-columns: 1fr min-content;
29076 grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
29079 .activity-item .activity-actions {
29080 grid-area: actions;
29082 .activity-item .activity-actions .actions {
29083 position: relative;
29085 .activity-item .activity-icon {
29086 grid-area: icon;
29088 .activity-item .activity-dates {
29089 grid-area: dates;
29090 font-size: 0.875em;
29091 color: #495057;
29092 display: flex;
29093 flex-wrap: wrap;
29094 column-gap: 0.75rem;
29096 @media (max-width: 575.98px) {
29097 .activity-item .activity-dates {
29098 margin-top: 0.5rem;
29101 .activity-item .activity-name-area {
29102 grid-area: name;
29104 .activity-item .activity-name-area .activityname .afterlink {
29105 margin-left: 0.5rem;
29107 .activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
29108 position: relative;
29109 z-index: 2;
29110 margin-left: 0.5rem;
29112 .activity-item .activity-name-area .activitybadge.badge-none {
29113 font-weight: normal;
29114 font-size: 0.875em;
29115 padding: 0;
29117 .activity-item .activity-completion {
29118 grid-area: completion;
29119 justify-self: end;
29121 .activity-item .activity-completion button.btn,
29122 .activity-item .activity-completion a[role=button].btn {
29123 color: #1d2125;
29124 background-color: #fff;
29125 border-color: #ced4da;
29126 min-height: 32px;
29127 font-weight: bold;
29128 border-radius: 0.5rem;
29130 .activity-item .activity-completion button.btn:hover,
29131 .activity-item .activity-completion a[role=button].btn:hover {
29132 color: #fff;
29133 background-color: #6a737b;
29134 border-color: #b1bbc4;
29136 .activity-item .activity-completion button.btn:focus, .activity-item .activity-completion button.btn.focus,
29137 .activity-item .activity-completion a[role=button].btn:focus,
29138 .activity-item .activity-completion a[role=button].btn.focus {
29139 color: #fff;
29140 background-color: #6a737b;
29141 border-color: #b1bbc4;
29142 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29144 .activity-item .activity-completion button.btn.disabled, .activity-item .activity-completion button.btn:disabled,
29145 .activity-item .activity-completion a[role=button].btn.disabled,
29146 .activity-item .activity-completion a[role=button].btn:disabled {
29147 color: #1d2125;
29148 background-color: #fff;
29149 border-color: #ced4da;
29151 .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,
29152 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active,
29153 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active,
29154 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle {
29155 color: #1d2125;
29156 background-color: #e6e6e6;
29157 border-color: #aab4bf;
29159 .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,
29160 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active:focus,
29161 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active:focus,
29162 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle:focus {
29163 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29165 .activity-item .activity-completion button.btn .icon,
29166 .activity-item .activity-completion a[role=button].btn .icon {
29167 font-size: inherit;
29169 .activity-item .activity-completion button.btn-primary,
29170 .activity-item .activity-completion a[role=button].btn-primary {
29171 color: #1d2125;
29172 background-color: #cfe2f2;
29173 border-color: #cfe2f2;
29174 color: #083863;
29176 .activity-item .activity-completion button.btn-primary:hover,
29177 .activity-item .activity-completion a[role=button].btn-primary:hover {
29178 color: #fff;
29179 background-color: #0f6cbf;
29180 border-color: #a7cae7;
29182 .activity-item .activity-completion button.btn-primary:focus, .activity-item .activity-completion button.btn-primary.focus,
29183 .activity-item .activity-completion a[role=button].btn-primary:focus,
29184 .activity-item .activity-completion a[role=button].btn-primary.focus {
29185 color: #fff;
29186 background-color: #0f6cbf;
29187 border-color: #a7cae7;
29188 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29190 .activity-item .activity-completion button.btn-primary.disabled, .activity-item .activity-completion button.btn-primary:disabled,
29191 .activity-item .activity-completion a[role=button].btn-primary.disabled,
29192 .activity-item .activity-completion a[role=button].btn-primary:disabled {
29193 color: #1d2125;
29194 background-color: #cfe2f2;
29195 border-color: #cfe2f2;
29197 .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,
29198 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active,
29199 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active,
29200 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle {
29201 color: #1d2125;
29202 background-color: #a7cae7;
29203 border-color: #9dc4e4;
29205 .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,
29206 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active:focus,
29207 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active:focus,
29208 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle:focus {
29209 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29211 .activity-item .activity-completion button.btn-primary:hover,
29212 .activity-item .activity-completion a[role=button].btn-primary:hover {
29213 color: #fff;
29215 .activity-item .activity-completion button.btn-secondary,
29216 .activity-item .activity-completion a[role=button].btn-secondary {
29217 color: #1d2125;
29218 background-color: #f5f6f8;
29219 border-color: #f5f6f8;
29220 color: #6b6e71;
29222 .activity-item .activity-completion button.btn-secondary:hover,
29223 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29224 color: #1d2125;
29225 background-color: #ced4da;
29226 border-color: #d7dbe3;
29228 .activity-item .activity-completion button.btn-secondary:focus, .activity-item .activity-completion button.btn-secondary.focus,
29229 .activity-item .activity-completion a[role=button].btn-secondary:focus,
29230 .activity-item .activity-completion a[role=button].btn-secondary.focus {
29231 color: #1d2125;
29232 background-color: #ced4da;
29233 border-color: #d7dbe3;
29234 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29236 .activity-item .activity-completion button.btn-secondary.disabled, .activity-item .activity-completion button.btn-secondary:disabled,
29237 .activity-item .activity-completion a[role=button].btn-secondary.disabled,
29238 .activity-item .activity-completion a[role=button].btn-secondary:disabled {
29239 color: #1d2125;
29240 background-color: #f5f6f8;
29241 border-color: #f5f6f8;
29243 .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,
29244 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active,
29245 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active,
29246 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle {
29247 color: #1d2125;
29248 background-color: #d7dbe3;
29249 border-color: #d0d4de;
29251 .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,
29252 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active:focus,
29253 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active:focus,
29254 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle:focus {
29255 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29257 .activity-item .activity-completion button.btn-secondary:hover,
29258 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29259 color: #1d2125;
29261 .activity-item .activity-completion button.btn-success,
29262 .activity-item .activity-completion a[role=button].btn-success {
29263 color: #1d2125;
29264 background-color: #d7e4d6;
29265 border-color: #d7e4d6;
29266 color: #1c3f1a;
29268 .activity-item .activity-completion button.btn-success:hover,
29269 .activity-item .activity-completion a[role=button].btn-success:hover {
29270 color: #fff;
29271 background-color: #357a32;
29272 border-color: #b9d0b7;
29274 .activity-item .activity-completion button.btn-success:focus, .activity-item .activity-completion button.btn-success.focus,
29275 .activity-item .activity-completion a[role=button].btn-success:focus,
29276 .activity-item .activity-completion a[role=button].btn-success.focus {
29277 color: #fff;
29278 background-color: #357a32;
29279 border-color: #b9d0b7;
29280 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29282 .activity-item .activity-completion button.btn-success.disabled, .activity-item .activity-completion button.btn-success:disabled,
29283 .activity-item .activity-completion a[role=button].btn-success.disabled,
29284 .activity-item .activity-completion a[role=button].btn-success:disabled {
29285 color: #1d2125;
29286 background-color: #d7e4d6;
29287 border-color: #d7e4d6;
29289 .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,
29290 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active,
29291 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active,
29292 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle {
29293 color: #1d2125;
29294 background-color: #b9d0b7;
29295 border-color: #b2cbb0;
29297 .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,
29298 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active:focus,
29299 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active:focus,
29300 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle:focus {
29301 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29303 .activity-item .activity-completion button.btn-success:hover,
29304 .activity-item .activity-completion a[role=button].btn-success:hover {
29305 color: #fff;
29307 .activity-item .activity-completion button.btn-info,
29308 .activity-item .activity-completion a[role=button].btn-info {
29309 color: #1d2125;
29310 background-color: #cce6ea;
29311 border-color: #cce6ea;
29312 color: #00434e;
29314 .activity-item .activity-completion button.btn-info:hover,
29315 .activity-item .activity-completion a[role=button].btn-info:hover {
29316 color: #fff;
29317 background-color: #008196;
29318 border-color: #a8d4db;
29320 .activity-item .activity-completion button.btn-info:focus, .activity-item .activity-completion button.btn-info.focus,
29321 .activity-item .activity-completion a[role=button].btn-info:focus,
29322 .activity-item .activity-completion a[role=button].btn-info.focus {
29323 color: #fff;
29324 background-color: #008196;
29325 border-color: #a8d4db;
29326 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29328 .activity-item .activity-completion button.btn-info.disabled, .activity-item .activity-completion button.btn-info:disabled,
29329 .activity-item .activity-completion a[role=button].btn-info.disabled,
29330 .activity-item .activity-completion a[role=button].btn-info:disabled {
29331 color: #1d2125;
29332 background-color: #cce6ea;
29333 border-color: #cce6ea;
29335 .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,
29336 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active,
29337 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active,
29338 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle {
29339 color: #1d2125;
29340 background-color: #a8d4db;
29341 border-color: #9fd0d7;
29343 .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,
29344 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active:focus,
29345 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active:focus,
29346 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle:focus {
29347 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29349 .activity-item .activity-completion button.btn-info:hover,
29350 .activity-item .activity-completion a[role=button].btn-info:hover {
29351 color: #fff;
29353 .activity-item .activity-completion button.btn-warning,
29354 .activity-item .activity-completion a[role=button].btn-warning {
29355 color: #1d2125;
29356 background-color: #fcefdc;
29357 border-color: #fcefdc;
29358 color: #7d5a29;
29360 .activity-item .activity-completion button.btn-warning:hover,
29361 .activity-item .activity-completion a[role=button].btn-warning:hover {
29362 color: #1d2125;
29363 background-color: #f0ad4e;
29364 border-color: #f8daad;
29366 .activity-item .activity-completion button.btn-warning:focus, .activity-item .activity-completion button.btn-warning.focus,
29367 .activity-item .activity-completion a[role=button].btn-warning:focus,
29368 .activity-item .activity-completion a[role=button].btn-warning.focus {
29369 color: #1d2125;
29370 background-color: #f0ad4e;
29371 border-color: #f8daad;
29372 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29374 .activity-item .activity-completion button.btn-warning.disabled, .activity-item .activity-completion button.btn-warning:disabled,
29375 .activity-item .activity-completion a[role=button].btn-warning.disabled,
29376 .activity-item .activity-completion a[role=button].btn-warning:disabled {
29377 color: #1d2125;
29378 background-color: #fcefdc;
29379 border-color: #fcefdc;
29381 .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,
29382 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active,
29383 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active,
29384 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle {
29385 color: #1d2125;
29386 background-color: #f8daad;
29387 border-color: #f7d4a1;
29389 .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,
29390 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active:focus,
29391 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active:focus,
29392 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle:focus {
29393 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29395 .activity-item .activity-completion button.btn-warning:hover,
29396 .activity-item .activity-completion a[role=button].btn-warning:hover {
29397 color: #1d2125;
29399 .activity-item .activity-completion button.btn-danger,
29400 .activity-item .activity-completion a[role=button].btn-danger {
29401 color: #1d2125;
29402 background-color: #f4d6d2;
29403 border-color: #f4d6d2;
29404 color: #691911;
29406 .activity-item .activity-completion button.btn-danger:hover,
29407 .activity-item .activity-completion a[role=button].btn-danger:hover {
29408 color: #fff;
29409 background-color: #ca3120;
29410 border-color: #eab1a9;
29412 .activity-item .activity-completion button.btn-danger:focus, .activity-item .activity-completion button.btn-danger.focus,
29413 .activity-item .activity-completion a[role=button].btn-danger:focus,
29414 .activity-item .activity-completion a[role=button].btn-danger.focus {
29415 color: #fff;
29416 background-color: #ca3120;
29417 border-color: #eab1a9;
29418 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29420 .activity-item .activity-completion button.btn-danger.disabled, .activity-item .activity-completion button.btn-danger:disabled,
29421 .activity-item .activity-completion a[role=button].btn-danger.disabled,
29422 .activity-item .activity-completion a[role=button].btn-danger:disabled {
29423 color: #1d2125;
29424 background-color: #f4d6d2;
29425 border-color: #f4d6d2;
29427 .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,
29428 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active,
29429 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active,
29430 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle {
29431 color: #1d2125;
29432 background-color: #eab1a9;
29433 border-color: #e7a79f;
29435 .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,
29436 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active:focus,
29437 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active:focus,
29438 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle:focus {
29439 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29441 .activity-item .activity-completion button.btn-danger:hover,
29442 .activity-item .activity-completion a[role=button].btn-danger:hover {
29443 color: #fff;
29445 .activity-item .activity-completion button.btn-light,
29446 .activity-item .activity-completion a[role=button].btn-light {
29447 color: #1d2125;
29448 background-color: #fefefe;
29449 border-color: #fefefe;
29450 color: #818182;
29452 .activity-item .activity-completion button.btn-light:hover,
29453 .activity-item .activity-completion a[role=button].btn-light:hover {
29454 color: #1d2125;
29455 background-color: #f8f9fa;
29456 border-color: #e5e5e5;
29458 .activity-item .activity-completion button.btn-light:focus, .activity-item .activity-completion button.btn-light.focus,
29459 .activity-item .activity-completion a[role=button].btn-light:focus,
29460 .activity-item .activity-completion a[role=button].btn-light.focus {
29461 color: #1d2125;
29462 background-color: #f8f9fa;
29463 border-color: #e5e5e5;
29464 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29466 .activity-item .activity-completion button.btn-light.disabled, .activity-item .activity-completion button.btn-light:disabled,
29467 .activity-item .activity-completion a[role=button].btn-light.disabled,
29468 .activity-item .activity-completion a[role=button].btn-light:disabled {
29469 color: #1d2125;
29470 background-color: #fefefe;
29471 border-color: #fefefe;
29473 .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,
29474 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active,
29475 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active,
29476 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle {
29477 color: #1d2125;
29478 background-color: #e5e5e5;
29479 border-color: #dedede;
29481 .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,
29482 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active:focus,
29483 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active:focus,
29484 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle:focus {
29485 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29487 .activity-item .activity-completion button.btn-light:hover,
29488 .activity-item .activity-completion a[role=button].btn-light:hover {
29489 color: #1d2125;
29491 .activity-item .activity-completion button.btn-dark,
29492 .activity-item .activity-completion a[role=button].btn-dark {
29493 color: #1d2125;
29494 background-color: #d6d8d9;
29495 border-color: #d6d8d9;
29496 color: #1b1e21;
29498 .activity-item .activity-completion button.btn-dark:hover,
29499 .activity-item .activity-completion a[role=button].btn-dark:hover {
29500 color: #fff;
29501 background-color: #343a40;
29502 border-color: #bcbfc0;
29504 .activity-item .activity-completion button.btn-dark:focus, .activity-item .activity-completion button.btn-dark.focus,
29505 .activity-item .activity-completion a[role=button].btn-dark:focus,
29506 .activity-item .activity-completion a[role=button].btn-dark.focus {
29507 color: #fff;
29508 background-color: #343a40;
29509 border-color: #bcbfc0;
29510 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29512 .activity-item .activity-completion button.btn-dark.disabled, .activity-item .activity-completion button.btn-dark:disabled,
29513 .activity-item .activity-completion a[role=button].btn-dark.disabled,
29514 .activity-item .activity-completion a[role=button].btn-dark:disabled {
29515 color: #1d2125;
29516 background-color: #d6d8d9;
29517 border-color: #d6d8d9;
29519 .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,
29520 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active,
29521 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active,
29522 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle {
29523 color: #1d2125;
29524 background-color: #bcbfc0;
29525 border-color: #b5b9ba;
29527 .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,
29528 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active:focus,
29529 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active:focus,
29530 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle:focus {
29531 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29533 .activity-item .activity-completion button.btn-dark:hover,
29534 .activity-item .activity-completion a[role=button].btn-dark:hover {
29535 color: #fff;
29537 @media (max-width: 575.98px) {
29538 .activity-item .activity-completion {
29539 width: 100%;
29540 margin-top: 0.5rem;
29542 .activity-item .activity-completion button {
29543 width: 100%;
29546 .activity-item .activity-completion .completion-dialog {
29547 color: #495057;
29548 font-size: 0.8203125rem;
29549 min-width: 12rem;
29551 .activity-item .activity-completion .completion-dialog .icon {
29552 font-size: 0.8203125rem;
29553 width: 0.8203125rem;
29554 height: 0.8203125rem;
29555 margin-right: 0.25rem;
29557 .activity-item .activity-completion .completion-dialog .editcompletion a {
29558 border-radius: 0.5rem;
29559 color: #495057;
29560 font-weight: bold;
29561 text-decoration: none;
29563 .activity-item .activity-completion .completion-dialog .editcompletion a:hover {
29564 background-color: #e9ecef;
29566 .activity-item .activity-groupmode-info {
29567 grid-area: groupmode;
29568 justify-self: end;
29570 .activity-item .activity-groupmode-info .groupmode-information {
29571 height: 32px;
29572 width: 32px;
29573 border-radius: 0.5rem;
29575 .activity-item .activity-groupmode-info .groupmode-icon-info {
29576 display: none;
29578 @media (max-width: 575.98px) {
29579 .activity-item .activity-groupmode-info {
29580 width: 100%;
29581 margin-top: 0.5rem;
29582 padding-top: 0.5rem;
29583 border-top: 1px solid #dee2e6;
29585 .activity-item .activity-groupmode-info .groupmode-information {
29586 width: auto;
29587 font-size: inherit;
29588 padding: 0 0.5rem;
29590 .activity-item .activity-groupmode-info .groupmode-icon-info {
29591 display: inline;
29593 .activity-item .activity-groupmode-info .v-parent-focus {
29594 opacity: 1;
29595 visibility: visible;
29598 .activity-item .activity-badges {
29599 grid-area: visibility;
29601 .activity-item .activity-badges .badge {
29602 font-weight: normal;
29604 .activity-item .activity-badges .badge .icon {
29605 font-size: 12px;
29606 width: 12px;
29607 height: 12px;
29609 .activity-item .activity-altcontent {
29610 grid-area: altcontent;
29611 margin-top: 0.25rem;
29613 .activity-item .activity-altcontent.activity-description {
29614 margin-top: 0.5rem;
29615 padding-top: 0.5rem;
29616 border-top: 1px solid #dee2e6;
29617 font-size: 0.875em;
29619 .activity-item .activity-altcontent img {
29620 border-radius: 1rem;
29622 .activity-item .activity-availability {
29623 grid-area: availability;
29625 .activity-item .activity-afterlink {
29626 grid-area: afterlink;
29627 margin-top: 0.5rem;
29628 padding-top: 0.5rem;
29629 border-top: 1px solid #dee2e6;
29631 .activity-item .no-overflow {
29632 width: 100%;
29635 .section .draggable .activity-item .dragicon {
29636 display: none;
29639 /* Dividers */
29640 .divider {
29641 position: relative;
29643 .divider hr {
29644 width: 100%;
29645 margin: 0.5rem 0.25rem;
29646 border-top: 2px dashed #dee2e6;
29648 .divider .divider-content {
29649 opacity: 0;
29650 visibility: hidden;
29651 transition: visibility 0.1s;
29652 position: absolute;
29653 background: linear-gradient(transparent 40%, #fff 40%, #fff 60%, transparent 60%);
29655 .section.hidden .divider .divider-content {
29656 background: linear-gradient(transparent 40%, #f8f9fa 40%, #f8f9fa 60%, transparent 60%);
29658 .divider.always-visible .divider-content {
29659 opacity: 1;
29660 visibility: visible;
29662 .divider.always-hidden hr {
29663 opacity: 0;
29664 visibility: hidden;
29666 .divider:hover .divider-content, .divider:focus .divider-content, .divider:focus-within .divider-content {
29667 opacity: 1;
29668 visibility: visible;
29670 .divider:hover hr, .divider:focus hr, .divider:focus-within hr {
29671 opacity: 1;
29672 visibility: visible;
29674 .divider:has(.btn.add-content:hover) hr {
29675 border-color: #0f6cbf;
29678 .activity:focus-within + .activity .divider .divider-content,
29679 .course-section-header:focus-within + .content .section .activity:first-child .divider .divider-content,
29680 .content .section .activity:focus-within .divider .divider-content,
29681 .course-content:focus-within .changenumsections .divider .divider-content {
29682 visibility: visible;
29685 .course-content ul.topics > li:last-child .changenumsections {
29686 display: none;
29689 .btn.add-content {
29690 position: relative;
29691 z-index: 1;
29692 border-radius: 50rem;
29693 font-size: 0.8203125rem;
29694 font-weight: bold;
29695 color: #083863;
29696 background-color: #cfe2f2;
29698 .btn.add-content:hover, .btn.add-content:focus {
29699 color: #fff;
29700 background-color: #0f6cbf;
29702 .btn.add-content .icon {
29703 width: 14px;
29704 height: 14px;
29705 font-size: 14px;
29708 /* Bulk editing */
29709 .bulkenabled .bulk-hidden {
29710 display: none !important;
29712 .bulkenabled .section:not(:first-child) {
29713 margin-top: 1.5rem;
29715 .bulkenabled .activity {
29716 margin-top: 0.5rem;
29717 margin-left: 2rem;
29718 padding-top: 0.5rem;
29719 border-top: 2px dashed #dee2e6;
29721 .bulkenabled .activity:first-child {
29722 margin-top: 1.5rem;
29724 .bulkenabled .activity-item .bulkselect {
29725 position: absolute;
29726 left: -2rem;
29728 .bulkenabled .course-section-header .bulkselect {
29729 left: -2.75rem;
29730 position: relative;
29731 width: 0;
29733 @media (max-width: 767.98px) {
29734 .bulkenabled .course-content {
29735 margin-left: 2rem;
29739 /* Activity completion */
29740 .defaultactivitycompletion-item a {
29741 color: #000;
29742 text-decoration: none;
29744 .defaultactivitycompletion-item .activityicon {
29745 width: 32px;
29746 height: 32px;
29749 /* Home page course specific styles */
29750 .sitetopic .activity:first-of-type hr {
29751 display: none;
29753 .sitetopic .section-item {
29754 margin-bottom: 1.5rem;
29755 border-radius: 0.5rem;
29758 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
29759 :target,
29760 :focus {
29761 scroll-margin-top: 70px;
29764 .pagelayout-embedded :target {
29765 padding-top: initial;
29766 margin-top: initial;
29769 #nav-drawer.closed {
29770 left: -305px;
29773 #nav-drawer[aria-hidden=true] .list-group-item {
29774 display: none;
29777 /* Use a variable for the drawer background colors. */
29778 [data-region=drawer] {
29779 position: fixed;
29780 width: 285px;
29781 top: 60px;
29782 height: calc(100% - 60px);
29783 overflow-y: auto;
29784 -webkit-overflow-scrolling: touch;
29785 z-index: 999;
29786 background-color: #f2f2f2;
29787 transition: right 0.5s ease, left 0.5s ease;
29789 @media (prefers-reduced-motion: reduce) {
29790 [data-region=drawer] {
29791 transition: none;
29795 @media (min-width: 576px) {
29796 [data-region=drawer] {
29797 padding: 20px 20px;
29799 .jsenabled .popover-process-monitor,
29800 .jsenabled .btn-footer-popover,
29801 .jsenabled .btn-footer-communication {
29802 transition: 0.2s;
29805 @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
29806 .jsenabled .popover-process-monitor,
29807 .jsenabled .btn-footer-popover,
29808 .jsenabled .btn-footer-communication {
29809 transition: none;
29812 #nav-drawer {
29813 right: auto;
29814 left: 0;
29815 /* Override the z-indexes defined in bootstrap/_list-group.scss that
29816 lead to side effects on the user tours positioning. */
29818 #nav-drawer .list-group-item-action.active,
29819 #nav-drawer .list-group-item.active {
29820 z-index: inherit;
29822 #nav-drawer .list-group-item-action.active + .list-group-item,
29823 #nav-drawer .list-group-item.active + .list-group-item {
29824 border-top: none;
29826 #nav-drawer .list-group ul {
29827 list-style: none;
29828 padding: 0;
29829 margin: 0;
29831 #nav-drawer .list-group li {
29832 margin-bottom: -1px;
29834 #nav-drawer .list-group li:last-child {
29835 margin-bottom: 0;
29838 body.drawer-ease {
29839 transition: margin-left 0.5s ease, margin-right 0.5s ease;
29841 @media (prefers-reduced-motion: reduce) {
29842 body.drawer-ease {
29843 transition: none;
29847 @media (min-width: 768px) {
29848 body:not(.uses-drawers).drawer-open-left {
29849 margin-left: 285px;
29853 @media (min-width: 768px) {
29854 body.drawer-open-left #page.drawers {
29855 margin-left: 285px;
29856 padding-left: 1rem;
29860 @media (min-width: 768px) {
29861 body.drawer-open-right {
29862 margin-right: 315px;
29866 [data-region=right-hand-drawer] {
29867 display: flex;
29868 flex-direction: column;
29869 transition: right 0.2s ease-in-out;
29871 @media (prefers-reduced-motion: reduce) {
29872 [data-region=right-hand-drawer] {
29873 transition: none;
29876 [data-region=right-hand-drawer].drawer {
29877 z-index: 1021;
29878 position: fixed;
29879 top: 60px;
29880 right: 0;
29881 height: calc(100% - 60px);
29882 width: 320px;
29883 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
29884 padding: 0;
29885 visibility: visible;
29886 opacity: 1;
29888 [data-region=right-hand-drawer].hidden {
29889 display: block;
29890 right: -320px;
29891 visibility: hidden;
29892 opacity: 0;
29893 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
29895 @media (prefers-reduced-motion: reduce) {
29896 [data-region=right-hand-drawer].hidden {
29897 transition: none;
29901 @media (max-width: 767.98px) {
29902 [data-region=right-hand-drawer].drawer {
29903 top: 0;
29904 height: 100%;
29905 z-index: 1031;
29907 body.drawer-open-left,
29908 body.drawer-open-right {
29909 overflow: hidden;
29912 .dir-rtl [data-region=right-hand-drawer] {
29913 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
29916 .drawer {
29917 background-color: #f8f9fa;
29918 z-index: 1015;
29919 position: fixed;
29920 height: 100vh;
29921 top: 0;
29923 @media (max-width: 991.98px) {
29924 .drawer {
29925 z-index: 1035;
29928 .drawer.not-initialized {
29929 display: none;
29931 .drawer.drawer-right {
29932 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
29933 width: 315px;
29934 max-width: 315px;
29935 right: calc(-315px + -10px);
29936 visibility: hidden;
29938 @media (prefers-reduced-motion: reduce) {
29939 .drawer.drawer-right {
29940 transition: none;
29943 .drawer.drawer-right.show {
29944 right: 0;
29945 visibility: visible;
29947 .drawer.drawer-right .drawertoggle {
29948 margin-left: auto;
29949 margin-right: 5px;
29951 .drawer.drawer-left {
29952 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
29953 width: 285px;
29954 max-width: 285px;
29955 left: calc(-285px + -10px);
29956 visibility: hidden;
29958 @media (prefers-reduced-motion: reduce) {
29959 .drawer.drawer-left {
29960 transition: none;
29963 .drawer.drawer-left.show {
29964 left: 0;
29965 visibility: visible;
29967 .drawer.drawer-left .drawertoggle {
29968 margin-right: auto;
29969 margin-left: 5px;
29971 .drawer.drawer-bottom {
29972 bottom: -110%;
29974 .drawer.drawer-bottom.show {
29975 bottom: 0;
29977 .drawer.drawer-primary .drawertoggle {
29978 margin-right: 16px;
29979 margin-left: 5px;
29982 @media (min-width: 992px) {
29983 .drawer#theme_boost-drawers-blocks:focus-within {
29984 z-index: 1031;
29986 .drawer.not-initialized {
29987 display: block;
29990 .drawer-md,
29991 .drawer-sm {
29992 display: none;
29995 .drawerheader {
29996 padding: 0;
29997 height: 60px;
29998 display: flex;
29999 align-items: center;
30001 .drawerheader .sitename {
30002 overflow: hidden;
30003 white-space: nowrap;
30004 text-overflow: ellipsis;
30005 margin-right: 16px;
30008 .drawer.scrolled .drawerheader {
30009 box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
30012 @media (max-width: 991.98px) {
30013 .drawer-md {
30014 display: block;
30015 background-color: #f8f9fa;
30016 z-index: 1015;
30017 position: fixed;
30018 height: 100vh;
30019 top: 0;
30022 @media (max-width: 991.98px) and (max-width: 991.98px) {
30023 .drawer-md {
30024 z-index: 1035;
30027 @media (max-width: 991.98px) {
30028 .drawer-md.not-initialized {
30029 display: none;
30032 @media (max-width: 991.98px) {
30033 .drawer-md.drawer-right {
30034 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30035 width: 315px;
30036 max-width: 315px;
30037 right: calc(-315px + -10px);
30038 visibility: hidden;
30041 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30042 .drawer-md.drawer-right {
30043 transition: none;
30046 @media (max-width: 991.98px) {
30047 .drawer-md.drawer-right.show {
30048 right: 0;
30049 visibility: visible;
30052 @media (max-width: 991.98px) {
30053 .drawer-md.drawer-right .drawertoggle {
30054 margin-left: auto;
30055 margin-right: 5px;
30058 @media (max-width: 991.98px) {
30059 .drawer-md.drawer-left {
30060 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30061 width: 285px;
30062 max-width: 285px;
30063 left: calc(-285px + -10px);
30064 visibility: hidden;
30067 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30068 .drawer-md.drawer-left {
30069 transition: none;
30072 @media (max-width: 991.98px) {
30073 .drawer-md.drawer-left.show {
30074 left: 0;
30075 visibility: visible;
30078 @media (max-width: 991.98px) {
30079 .drawer-md.drawer-left .drawertoggle {
30080 margin-right: auto;
30081 margin-left: 5px;
30084 @media (max-width: 991.98px) {
30085 .drawer-md.drawer-bottom {
30086 bottom: -110%;
30088 .drawer-md.drawer-bottom.show {
30089 bottom: 0;
30092 @media (max-width: 991.98px) {
30093 .drawer-md.drawer-primary .drawertoggle {
30094 margin-right: 16px;
30095 margin-left: 5px;
30098 @media (max-width: 767.98px) {
30099 .drawer-sm {
30100 display: block;
30101 background-color: #f8f9fa;
30102 z-index: 1015;
30103 position: fixed;
30104 height: 100vh;
30105 top: 0;
30108 @media (max-width: 767.98px) and (max-width: 991.98px) {
30109 .drawer-sm {
30110 z-index: 1035;
30113 @media (max-width: 767.98px) {
30114 .drawer-sm.not-initialized {
30115 display: none;
30118 @media (max-width: 767.98px) {
30119 .drawer-sm.drawer-right {
30120 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30121 width: 315px;
30122 max-width: 315px;
30123 right: calc(-315px + -10px);
30124 visibility: hidden;
30127 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30128 .drawer-sm.drawer-right {
30129 transition: none;
30132 @media (max-width: 767.98px) {
30133 .drawer-sm.drawer-right.show {
30134 right: 0;
30135 visibility: visible;
30138 @media (max-width: 767.98px) {
30139 .drawer-sm.drawer-right .drawertoggle {
30140 margin-left: auto;
30141 margin-right: 5px;
30144 @media (max-width: 767.98px) {
30145 .drawer-sm.drawer-left {
30146 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30147 width: 285px;
30148 max-width: 285px;
30149 left: calc(-285px + -10px);
30150 visibility: hidden;
30153 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30154 .drawer-sm.drawer-left {
30155 transition: none;
30158 @media (max-width: 767.98px) {
30159 .drawer-sm.drawer-left.show {
30160 left: 0;
30161 visibility: visible;
30164 @media (max-width: 767.98px) {
30165 .drawer-sm.drawer-left .drawertoggle {
30166 margin-right: auto;
30167 margin-left: 5px;
30170 @media (max-width: 767.98px) {
30171 .drawer-sm.drawer-bottom {
30172 bottom: -110%;
30174 .drawer-sm.drawer-bottom.show {
30175 bottom: 0;
30178 @media (max-width: 767.98px) {
30179 .drawer-sm.drawer-primary .drawertoggle {
30180 margin-right: 16px;
30181 margin-left: 5px;
30184 .drawercontent {
30185 position: relative;
30186 z-index: -1;
30187 height: calc(100% - 60px);
30188 display: flex;
30189 flex-direction: column;
30190 flex-wrap: nowrap;
30191 overflow-y: auto;
30192 padding: 0.4rem;
30193 scrollbar-width: thin;
30194 scrollbar-color: #6a737b #f8f9fa;
30196 .drawercontent .dropdown-menu .dropdown-item {
30197 width: 220px;
30198 white-space: normal;
30200 .drawercontent::-webkit-scrollbar {
30201 width: 12px;
30203 .drawercontent::-webkit-scrollbar-track {
30204 background: #f8f9fa;
30206 .drawercontent::-webkit-scrollbar-thumb {
30207 background-color: #6a737b;
30208 border-radius: 20px;
30209 border: 3px solid #f8f9fa;
30211 .drawercontent::-webkit-scrollbar-thumb:hover {
30212 background-color: #495057;
30215 .fp-content-center {
30216 height: 100%;
30217 width: 100%;
30218 display: table-cell;
30219 vertical-align: middle;
30222 .fp-content-hidden {
30223 visibility: hidden;
30226 .yui3-panel-focused {
30227 outline: none;
30230 .fp-panel-button {
30231 background: #fff;
30232 padding: 3px 20px 2px 20px;
30233 text-align: center;
30234 margin: 10px;
30235 border-radius: 10px;
30236 display: inline-block;
30239 .filepicker .yui3-widget-content-expanded {
30240 height: auto;
30243 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
30244 .filepicker .moodle-dialogue-bd {
30245 min-height: 520px;
30248 .file-picker .fp-navbar {
30249 min-height: 40px;
30250 padding: 4px;
30253 .fp-navbar {
30254 border-color: #8f959e;
30255 border-bottom: 0;
30256 border-bottom-left-radius: 0;
30257 border-bottom-right-radius: 0;
30260 .file-picker .fp-content {
30261 border-top: 0;
30262 background: #fff;
30263 clear: none;
30264 overflow: auto;
30265 height: 452px;
30268 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
30269 width: 100%;
30272 .file-picker .fp-content-loading {
30273 height: 100%;
30274 width: 100%;
30275 display: table;
30276 text-align: center;
30279 .file-picker .fp-content .fp-object-container {
30280 width: 98%;
30281 height: 98%;
30284 .file-picker .fp-def-search {
30285 margin-top: 0;
30288 .file-picker .fp-list {
30289 list-style-type: none;
30290 padding: 0;
30291 float: left;
30292 width: 100%;
30293 margin: 0;
30296 .file-picker .fp-list .fp-repo a {
30297 display: block;
30298 padding: 0.5em 0.7em;
30301 .file-picker .fp-list .fp-repo.active {
30302 background: #f2f2f2;
30305 .file-picker .fp-list .fp-repo-icon {
30306 padding: 0 7px 0 5px;
30307 width: 16px;
30308 height: 16px;
30311 .fp-toolbar {
30312 float: left;
30315 .fp-toolbar.empty {
30316 display: none;
30319 .fp-toolbar .disabled {
30320 display: none;
30323 .fp-toolbar div {
30324 display: block;
30325 float: left;
30326 margin-right: 4px;
30329 .fp-toolbar img {
30330 vertical-align: -15%;
30331 margin-right: 5px;
30334 .fp-viewbar:not(.disabled) a.checked {
30335 background-color: #b1bbc4;
30336 color: #1d2125;
30337 border-color: #aab4bf;
30340 .fp-viewbar.disabled a {
30341 pointer-events: none;
30342 opacity: 0.65;
30345 .file-picker .fp-clear-left {
30346 clear: left;
30349 .fp-pathbar.empty {
30350 display: none;
30353 .fp-pathbar .fp-path-folder {
30354 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
30355 background-size: 12px 12px;
30356 height: 12px;
30357 margin-left: 12px;
30360 /*rtl:raw:
30361 .fp-pathbar .fp-path-folder {
30362 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
30365 .fp-pathbar .fp-path-folder-name {
30366 margin-left: 24px;
30369 .fp-iconview .fp-file {
30370 float: left;
30371 text-align: center;
30372 position: relative;
30373 margin: 10px 10px 35px;
30376 .fp-iconview .fp-thumbnail {
30377 min-width: 110px;
30378 min-height: 110px;
30379 line-height: 110px;
30380 text-align: center;
30381 border: 1px solid #fff;
30382 display: block;
30385 .fp-iconview .fp-thumbnail img {
30386 border: 1px solid #ddd;
30387 padding: 3px;
30388 vertical-align: middle;
30391 .fp-iconview .fp-thumbnail:hover {
30392 background: #fff;
30393 border: 1px solid #ddd;
30396 .fp-iconview .fp-filename-field {
30397 height: 33px;
30398 margin-top: 3px;
30399 word-wrap: break-word;
30400 overflow: hidden;
30401 position: absolute;
30404 .fp-iconview .fp-file:focus .fp-filename-field,
30405 .fp-iconview .fp-file:hover .fp-filename-field {
30406 overflow: visible;
30407 z-index: 1000;
30409 .fp-iconview .fp-file:focus .fp-filename,
30410 .fp-iconview .fp-file:hover .fp-filename {
30411 overflow: inherit;
30412 white-space: normal;
30413 text-overflow: inherit;
30416 .fp-iconview .fp-filename-field .fp-filename {
30417 background: #fff;
30418 padding-top: 5px;
30419 padding-bottom: 12px;
30420 min-width: 112px;
30423 .file-picker .yui3-datatable table {
30424 border: 0 solid #bbb;
30425 width: 100%;
30428 .file-picker .ygtvtn,
30429 .filemanager .ygtvtn {
30430 /*rtl:remove*/
30431 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
30432 /*rtl:raw:
30433 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
30435 width: 19px;
30436 height: 32px;
30439 .file-picker .ygtvtm,
30440 .filemanager .ygtvtm {
30441 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30442 /*rtl:raw:
30443 background-position: 2px 10px;
30445 width: 13px;
30446 height: 12px;
30447 cursor: pointer;
30450 .file-picker .ygtvtmh,
30451 .filemanager .ygtvtmh {
30452 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30453 /*rtl:raw:
30454 background-position: 2px 10px;
30456 width: 13px;
30457 height: 12px;
30458 cursor: pointer;
30461 .file-picker .ygtvtp,
30462 .filemanager .ygtvtp {
30463 /*rtl:remove*/
30464 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30465 /*rtl:raw:
30466 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30468 width: 13px;
30469 height: 12px;
30470 cursor: pointer;
30473 .file-picker .ygtvtph,
30474 .filemanager .ygtvtph {
30475 /*rtl:remove*/
30476 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30477 /*rtl:raw:
30478 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30480 width: 13px;
30481 height: 22px;
30482 cursor: pointer;
30485 .file-picker .ygtvln,
30486 .filemanager .ygtvln {
30487 /*rtl:remove*/
30488 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
30489 /*rtl:raw:
30490 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
30492 width: 19px;
30493 height: 32px;
30496 .file-picker .ygtvlm,
30497 .filemanager .ygtvlm {
30498 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30499 /*rtl:raw:
30500 background-position: 2px 10px;
30502 width: 13px;
30503 height: 12px;
30504 cursor: pointer;
30507 .file-picker .ygtvlmh,
30508 .filemanager .ygtvlmh {
30509 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30510 /*rtl:raw:
30511 background-position: 2px 10px;
30513 width: 13px;
30514 height: 12px;
30515 cursor: pointer;
30518 .file-picker .ygtvlp,
30519 .filemanager .ygtvlp {
30520 /*rtl:remove*/
30521 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30522 /*rtl:raw:
30523 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30525 width: 13px;
30526 height: 12px;
30527 cursor: pointer;
30530 .file-picker .ygtvlph,
30531 .filemanager .ygtvlph {
30532 /*rtl:remove*/
30533 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30534 /*rtl:raw:
30535 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30537 width: 13px;
30538 height: 12px;
30539 cursor: pointer;
30542 .file-picker .ygtvloading,
30543 .filemanager .ygtvloading {
30544 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
30545 width: 16px;
30546 height: 22px;
30549 .file-picker .ygtvdepthcell,
30550 .filemanager .ygtvdepthcell {
30551 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
30552 /*rtl:raw:
30553 background-position: 0 0;
30555 width: 17px;
30556 height: 32px;
30559 .file-picker .ygtvblankdepthcell,
30560 .filemanager .ygtvblankdepthcell {
30561 width: 17px;
30562 height: 22px;
30565 a.ygtvspacer:hover {
30566 color: transparent;
30567 text-decoration: none;
30570 .ygtvlabel,
30571 .ygtvlabel:link,
30572 .ygtvlabel:visited,
30573 .ygtvlabel:hover {
30574 background-color: transparent;
30575 cursor: pointer;
30576 margin-left: 2px;
30577 text-decoration: none;
30580 .file-picker .ygtvfocus,
30581 .filemanager .ygtvfocus {
30582 background-color: #eee;
30585 .fp-filename-icon {
30586 margin-top: 10px;
30587 display: block;
30588 position: relative;
30591 .fp-icon {
30592 float: left;
30593 margin-top: -7px;
30594 width: 24px;
30595 height: 24px;
30596 margin-right: 10px;
30597 text-align: center;
30598 line-height: 24px;
30601 .fp-icon img {
30602 max-height: 24px;
30603 max-width: 24px;
30604 vertical-align: middle;
30607 .fp-filename {
30608 padding-right: 10px;
30611 .file-picker .fp-login-form {
30612 height: 100%;
30613 width: 100%;
30614 display: table;
30617 .file-picker .fp-upload-form {
30618 height: 100%;
30619 width: 100%;
30620 display: table;
30623 .file-picker .fp-upload-form table {
30624 margin: 0 auto;
30627 .file-picker.fp-dlg {
30628 text-align: center;
30631 .file-picker.fp-dlg .fp-dlg-buttons {
30632 margin: 0 20px;
30635 .file-picker.fp-msg {
30636 text-align: center;
30639 .file-picker .fp-content-error {
30640 height: 100%;
30641 width: 100%;
30642 display: table;
30643 text-align: center;
30646 .file-picker .fp-nextpage {
30647 clear: both;
30650 .file-picker .fp-nextpage .fp-nextpage-loading {
30651 display: none;
30654 .file-picker .fp-nextpage.loading .fp-nextpage-link {
30655 display: none;
30658 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
30659 display: block;
30660 text-align: center;
30661 height: 100px;
30662 padding-top: 50px;
30665 .fp-select .fp-select-loading {
30666 text-align: center;
30667 margin-top: 20px;
30670 .fp-select table {
30671 padding: 0 0 10px;
30674 .fp-select table .mdl-right {
30675 min-width: 84px;
30678 .fp-select .fp-reflist .mdl-right {
30679 vertical-align: top;
30682 .fp-select .fp-select-buttons {
30683 float: right;
30686 .fp-select .fp-info {
30687 font-size: 0.703125rem;
30690 .fp-select .fp-thumbnail {
30691 float: left;
30692 min-width: 110px;
30693 min-height: 110px;
30694 line-height: 110px;
30695 text-align: center;
30696 margin: 10px 20px 0 0;
30697 background: #fff;
30698 border: 1px solid #ddd;
30701 .fp-select .fp-thumbnail img {
30702 border: 1px solid #ddd;
30703 padding: 3px;
30704 vertical-align: middle;
30705 margin: 10px;
30708 .fp-select .fp-fileinfo {
30709 display: inline-block;
30710 margin-top: 10px;
30713 .file-picker.fp-select .fp-fileinfo {
30714 max-width: 240px;
30717 .fp-select .fp-fileinfo div {
30718 padding-bottom: 5px;
30721 .file-picker.fp-select .uneditable {
30722 display: none;
30725 .file-picker.fp-select .fp-select-loading {
30726 display: none;
30729 .file-picker.fp-select.loading .fp-select-loading {
30730 display: block;
30733 .file-picker.fp-select.loading form {
30734 display: none;
30737 .fp-select .fp-dimensions.fp-unknown {
30738 display: none;
30741 .fp-select .fp-size.fp-unknown {
30742 display: none;
30745 .filemanager-loading {
30746 display: none;
30749 .jsenabled .filemanager-loading {
30750 display: block;
30751 margin-top: 100px;
30754 .filemanager.fm-loading .filemanager-toolbar,
30755 .filemanager.fm-loading .fp-pathbar,
30756 .filemanager.fm-loading .filemanager-container,
30757 .filemanager.fm-loaded .filemanager-loading,
30758 .filemanager.fm-maxfiles .fp-btn-add,
30759 .filemanager.fm-maxfiles .dndupload-message,
30760 .filemanager.fm-noitems .fp-btn-download,
30761 .filemanager.fm-noitems .fp-btn-delete,
30762 .filemanager .fm-empty-container,
30763 .filemanager.fm-noitems .filemanager-container .fp-content {
30764 display: none;
30767 .filemanager .fp-img-downloading {
30768 display: none;
30769 padding-top: 7px;
30772 .filemanager .filemanager-updating {
30773 display: none;
30774 text-align: center;
30777 .filemanager.fm-updating .filemanager-updating {
30778 display: block;
30779 margin-top: 37px;
30782 .filemanager.fm-updating .fm-content-wrapper,
30783 .filemanager.fm-nomkdir .fp-btn-mkdir,
30784 .fitem.disabled .filemanager .filemanager-toolbar,
30785 .fitem.disabled .filemanager .fp-pathbar,
30786 .fitem.disabled .filemanager .fp-restrictions,
30787 .fitem.disabled .filemanager .fm-content-wrapper {
30788 display: none;
30791 .filemanager .fp-restrictions {
30792 text-align: right;
30795 .filemanager-toolbar {
30796 padding: 4px;
30797 overflow: hidden;
30800 .filemanager .fp-pathbar.empty {
30801 display: none;
30804 .filepicker-filelist,
30805 .filemanager-container {
30806 min-height: 140px;
30807 border: 1px solid #8f959e;
30808 border-radius: 0.5rem;
30811 .filemanager .fp-content {
30812 overflow: auto;
30813 max-height: 472px;
30814 min-height: 157px;
30817 .filemanager-container,
30818 .filepicker-filelist {
30819 overflow: hidden;
30820 border-top-left-radius: 0;
30821 border-top-right-radius: 0;
30824 .file-picker .yui3-datatable-header {
30825 /*rtl:raw:
30826 text-align: right;
30828 background: initial;
30831 .fitem.disabled .filepicker-filelist,
30832 .fitem.disabled .filemanager-container {
30833 background-color: #ebebe4;
30836 .fitem.disabled .fp-btn-choose {
30837 color: #6a737b;
30840 .fitem.disabled .filepicker-filelist .filepicker-filename {
30841 display: none;
30844 .fp-iconview .fp-reficons1 {
30845 position: absolute;
30846 height: 100%;
30847 width: 100%;
30848 top: 0;
30849 left: 0;
30852 .fp-iconview .fp-reficons2 {
30853 position: absolute;
30854 height: 100%;
30855 width: 100%;
30856 top: 0;
30857 left: 0;
30860 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
30861 background: url("[[pix:theme|fp/link]]") no-repeat;
30862 /*rtl:raw:
30863 transform: scaleX(-1);
30865 /*rtl:ignore*/
30866 background-position: bottom right;
30867 background-size: 16px 16px;
30870 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
30871 background: url("[[pix:theme|fp/alias]]") no-repeat;
30872 /*rtl:raw:
30873 transform: scaleX(-1);
30875 /*rtl:ignore*/
30876 background-position: bottom left;
30877 background-size: 16px 16px;
30880 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
30881 display: none;
30884 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
30885 background: url([[pix:s/dead]]) no-repeat;
30886 background-position: center center;
30889 .filemanager .yui3-datatable table {
30890 border: 0 solid #bbb;
30891 width: 100%;
30894 /* Override YUI default styling */
30895 /* stylelint-disable declaration-no-important */
30896 .filemanager .yui3-datatable-header {
30897 /*rtl:raw:
30898 text-align: right;
30900 background: #fff !important;
30901 border-bottom: 1px solid #ccc !important;
30902 border-left: 0 solid #fff !important;
30903 color: #555 !important;
30905 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
30906 background-color: #f6f6f6 !important;
30907 border-left: 0 solid #f6f6f6;
30909 .filemanager .yui3-datatable-even .yui3-datatable-cell {
30910 background-color: #fff !important;
30911 border-left: 0 solid #fff;
30914 /* stylelint-enable */
30915 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
30916 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
30917 height: 100%;
30918 width: 100%;
30919 /*rtl:raw:
30920 transform: scaleX(-1);
30922 position: absolute;
30923 top: 8px;
30924 left: 17px;
30925 background-size: 16px 16px;
30928 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
30929 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
30930 height: 100%;
30931 width: 100%;
30932 /*rtl:raw:
30933 transform: scaleX(-1);
30935 position: absolute;
30936 top: 9px;
30937 left: -6px;
30938 background-size: 16px 16px;
30941 .filemanager .fp-contextmenu {
30942 display: none;
30945 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
30946 position: absolute;
30947 right: 0;
30948 bottom: 0;
30949 display: flex;
30950 align-items: center;
30951 justify-content: center;
30954 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
30955 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
30956 display: inline;
30957 position: absolute;
30958 left: 14px;
30959 margin-right: -20px;
30960 top: 6px;
30963 .filepicker-filelist .filepicker-container,
30964 .filemanager.fm-noitems .fm-empty-container {
30965 display: block;
30966 position: absolute;
30967 top: 10px;
30968 bottom: 10px;
30969 left: 10px;
30970 right: 10px;
30971 border: 2px dashed #bbb;
30972 padding-top: 85px;
30973 text-align: center;
30976 .filepicker-filelist .dndupload-target,
30977 .filemanager-container .dndupload-target {
30978 background: #fff;
30979 position: absolute;
30980 top: 10px;
30981 bottom: 10px;
30982 left: 10px;
30983 right: 10px;
30984 border: 2px dashed #fb7979;
30985 padding-top: 85px;
30986 text-align: center;
30989 .filepicker-filelist.dndupload-over .dndupload-target,
30990 .filemanager-container.dndupload-over .dndupload-target {
30991 background: #fff;
30992 position: absolute;
30993 top: 10px;
30994 bottom: 10px;
30995 left: 10px;
30996 right: 10px;
30997 border: 2px dashed #6c8cd3;
30998 padding-top: 85px;
30999 text-align: center;
31002 .dndupload-message {
31003 display: none;
31006 .dndsupported .dndupload-message {
31007 display: inline;
31010 .dnduploadnotsupported-message {
31011 display: none;
31014 .dndnotsupported .dnduploadnotsupported-message {
31015 display: inline;
31018 .dndupload-target {
31019 display: none;
31022 .dndsupported .dndupload-ready .dndupload-target {
31023 display: block;
31026 .dndupload-uploadinprogress {
31027 display: none;
31028 text-align: center;
31031 .dndupload-uploading .dndupload-uploadinprogress {
31032 display: block;
31035 .dndupload-arrow {
31036 width: 100%;
31037 height: 80px;
31038 position: absolute;
31039 top: 5px;
31040 color: #8f959e;
31043 .fitem.disabled .filepicker-container,
31044 .fitem.disabled .fm-empty-container {
31045 display: none;
31048 .dndupload-progressbars {
31049 padding: 10px;
31050 display: none;
31053 .dndupload-inprogress .dndupload-progressbars {
31054 display: block;
31057 .dndupload-inprogress .fp-content {
31058 display: none;
31061 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
31062 display: none;
31065 .filepicker-filelist.dndupload-inprogress .filepicker-container {
31066 display: none;
31069 .filepicker-filelist.dndupload-inprogress a {
31070 display: none;
31073 .filemanager.fp-select .fp-select-loading {
31074 display: none;
31077 .filemanager.fp-select.loading .fp-select-loading {
31078 display: block;
31081 .filemanager.fp-select.loading form {
31082 display: none;
31085 .filemanager.fp-select.fp-folder .fp-license,
31086 .filemanager.fp-select.fp-folder .fp-author,
31087 .filemanager.fp-select.fp-file .fp-file-unzip,
31088 .filemanager.fp-select.fp-folder .fp-file-unzip,
31089 .filemanager.fp-select.fp-file .fp-file-zip,
31090 .filemanager.fp-select.fp-zip .fp-file-zip {
31091 display: none;
31094 .filemanager.fp-select .fp-file-setmain,
31095 .filemanager.fp-select .fp-file-setmain-help {
31096 display: none;
31099 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
31100 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
31101 display: inline-block;
31104 .filemanager .fp-mainfile .fp-filename {
31105 font-weight: bold;
31108 .filemanager.fp-select.fp-folder .fp-file-download {
31109 display: none;
31112 .fm-operation {
31113 font-weight: bold;
31116 .filemanager.fp-select .fp-original.fp-unknown,
31117 .filemanager.fp-select .fp-original .fp-originloading {
31118 display: none;
31121 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
31122 display: inline;
31125 .filemanager.fp-select .fp-reflist.fp-unknown,
31126 .filemanager.fp-select .fp-reflist .fp-reflistloading {
31127 display: none;
31130 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
31131 display: inline;
31134 .filemanager.fp-select .fp-reflist .fp-value {
31135 background: #f9f9f9;
31136 border: 1px solid #bbb;
31137 padding: 8px 7px;
31138 margin: 0;
31139 max-height: 75px;
31140 overflow: auto;
31143 .filemanager.fp-select .fp-reflist .fp-value li {
31144 padding-bottom: 7px;
31147 .filemanager.fp-mkdir-dlg {
31148 text-align: center;
31151 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
31152 text-align: left;
31153 margin: 20px;
31156 .filemanager.fp-dlg {
31157 text-align: center;
31160 .file-picker div.bd {
31161 text-align: left;
31164 .fp-formset {
31165 padding: 10px;
31167 .fp-formset input[type=file] {
31168 line-height: inherit;
31171 .fp-forminset {
31172 padding: 0 10px;
31175 .fp-fileinfo .fp-value {
31176 display: inline-block;
31177 padding-left: 5px;
31180 /** The message area **/
31181 .hidden {
31182 display: none;
31185 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
31186 padding: 0;
31188 .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 {
31189 min-height: 20px;
31191 .preferences-container .align-bottom {
31192 vertical-align: bottom;
31194 .preferences-container .preference-table {
31195 border: 1px solid #ddd;
31197 .preferences-container .preference-table thead th {
31198 text-align: center;
31200 .preferences-container .preference-table thead th .config-warning {
31201 display: none;
31203 .preferences-container .preference-table thead th.unconfigured .config-warning {
31204 display: inline-block;
31206 .preferences-container .preference-table tr th {
31207 border-left: 1px solid #dee2e6;
31209 .preferences-container .preference-table tr td:not(:first-child) {
31210 width: 150px;
31211 text-align: center;
31213 .preferences-container .preference-table tr td:nth-child(even) {
31214 border: 1px solid #dee2e6;
31216 .preferences-container .preference-table .preference-row .hover-tooltip-container {
31217 display: inline-block;
31219 .preferences-container .preference-table .preference-row .preference-name {
31220 vertical-align: middle;
31222 .preferences-container .preference-table .preference-row .disabled-message {
31223 text-align: center;
31224 height: 30px;
31225 line-height: 30px;
31227 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
31228 display: block;
31231 .disabled-message {
31232 display: none;
31235 .disabled .disabled-message {
31236 display: block;
31238 .disabled .disabled-message + form {
31239 display: none;
31242 .general-settings-container .loading-icon {
31243 display: none;
31245 .general-settings-container .loading .loading-icon {
31246 display: inline-block;
31248 .general-settings-container label {
31249 display: inline-block;
31252 .processor-container {
31253 position: relative;
31255 .processor-container .loading-container {
31256 display: none;
31257 position: absolute;
31258 width: 100%;
31259 height: 100%;
31260 text-align: center;
31261 background-color: rgba(255, 255, 255, 0.5);
31263 .processor-container .loading-container .vertical-align {
31264 height: 100%;
31265 width: 0%;
31266 display: inline-block;
31267 vertical-align: middle;
31269 .processor-container.loading .loading-container {
31270 display: block;
31273 .preferences-page-container .checkbox-container {
31274 margin: 30px 5px;
31275 line-height: 20px;
31277 .preferences-page-container .checkbox-container input {
31278 line-height: 20px;
31279 margin: 0;
31281 .preferences-page-container .checkbox-container .loading-icon {
31282 display: none;
31284 .preferences-page-container .checkbox-container.loading .loading-icon {
31285 display: inline-block;
31288 .notification-area {
31289 height: 600px;
31290 box-sizing: border-box;
31291 border-radius: 4px;
31292 margin-bottom: 30px;
31293 border: 1px solid #e3e3e3;
31295 @media (max-height: 670px) {
31296 .notification-area {
31297 height: 500px;
31300 .notification-area .control-area {
31301 box-sizing: border-box;
31302 display: inline-block;
31303 width: 300px;
31304 height: 100%;
31305 overflow: auto;
31306 -webkit-overflow-scrolling: touch;
31307 border-right: 1px solid #e3e3e3;
31309 .notification-area .control-area .content {
31310 position: relative;
31312 .notification-area .control-area .content .content-item-container {
31313 cursor: pointer;
31315 .notification-area .control-area .content:empty + .empty-text {
31316 display: block;
31318 .notification-area .control-area .loading-icon {
31319 display: none;
31321 .notification-area .control-area .empty-text {
31322 display: none;
31323 text-align: center;
31324 padding-top: 20px;
31326 .notification-area .control-area.loading .loading-icon {
31327 display: block;
31328 text-align: center;
31329 box-sizing: border-box;
31330 padding: 5px;
31332 .notification-area .control-area.loading .content:empty + .empty-text {
31333 display: none;
31335 .notification-area .content-area {
31336 box-sizing: border-box;
31337 display: inline-block;
31338 width: calc(100% - 300px);
31339 float: right;
31341 .notification-area .content-area .toggle-mode {
31342 display: none;
31344 .notification-area .content-area .header {
31345 height: 50px;
31346 box-sizing: border-box;
31347 border-bottom: 1px solid #e3e3e3;
31348 padding: 5px;
31350 .notification-area .content-area .header .image-container {
31351 display: inline-block;
31352 height: 25px;
31353 width: 24px;
31354 float: left;
31356 .notification-area .content-area .header .subject-container {
31357 display: inline-block;
31358 max-width: calc(100% - 24px);
31359 white-space: nowrap;
31360 overflow: hidden;
31361 text-overflow: ellipsis;
31362 height: 25px;
31363 padding-left: 5px;
31364 box-sizing: border-box;
31366 .notification-area .content-area .header .timestamp {
31367 font-size: 10px;
31368 line-height: 10px;
31369 margin: 0;
31370 color: #666;
31371 margin-left: 30px;
31373 .notification-area .content-area .header:empty {
31374 display: none;
31376 .notification-area .content-area > .content {
31377 height: 500px;
31378 box-sizing: border-box;
31379 overflow: auto;
31380 -webkit-overflow-scrolling: touch;
31381 padding: 15px;
31383 @media (max-height: 670px) {
31384 .notification-area .content-area > .content {
31385 height: 400px;
31388 .notification-area .content-area > .content:empty {
31389 display: none;
31391 .notification-area .content-area > .content:empty + .empty-text {
31392 display: block;
31393 text-align: center;
31394 padding-top: 100px;
31396 .notification-area .content-area .empty-text {
31397 display: none;
31399 .notification-area .content-area .footer {
31400 height: 50px;
31401 box-sizing: border-box;
31402 text-align: center;
31404 .notification-area .content-area .footer a {
31405 line-height: 50px;
31407 .notification-area .content-area .footer:empty {
31408 display: none;
31411 @media (max-width: 979px) {
31412 .notification-area {
31413 position: relative;
31414 overflow: hidden;
31416 .notification-area .control-area {
31417 border-right: none;
31418 width: 100%;
31419 position: absolute;
31420 top: 0;
31421 left: 0;
31422 opacity: 1;
31423 visibility: visible;
31424 transition: left 0.25s;
31426 .notification-area .content-area {
31427 width: 100%;
31428 position: absolute;
31429 top: 0;
31430 right: -100%;
31431 opacity: 0;
31432 visibility: hidden;
31433 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
31435 .notification-area .content-area .toggle-mode {
31436 display: inline-block;
31437 float: left;
31438 width: 70px;
31439 height: 50px;
31440 line-height: 50px;
31441 box-sizing: border-box;
31442 border-right: 1px solid #e3e3e3;
31443 border-bottom: 1px solid #e3e3e3;
31445 .notification-area .content-area .header {
31446 display: inline-block;
31447 width: calc(100% - 70px);
31449 .notification-area.show-content-area .control-area {
31450 left: -100%;
31451 opacity: 0;
31452 visibility: hidden;
31453 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
31455 .notification-area.show-content-area .content-area {
31456 right: 0;
31457 opacity: 1;
31458 visibility: visible;
31459 transition: right 0.25s;
31462 .drawer .message-app {
31463 height: 100%;
31465 .drawer .message-app .icon-back-in-app {
31466 display: none;
31468 .drawer .message-app .icon-back-in-drawer {
31469 display: inherit;
31472 .message-app {
31473 display: flex;
31474 flex-direction: column;
31475 background-color: #eff1f3;
31477 .message-app .icon-back-in-drawer {
31478 display: none;
31480 .message-app.main {
31481 min-height: 400px;
31483 .message-app .header-container {
31484 flex-shrink: 0;
31486 .message-app .overflow-y {
31487 overflow-y: auto;
31489 @media (max-height: 320px) {
31490 .message-app .header-container [data-region=view-overview]:not(.hidden) {
31491 display: flex;
31492 align-items: center;
31494 .message-app .footer-container [data-region=view-overview] {
31495 display: none;
31497 .message-app .overflow-y {
31498 overflow-y: unset;
31501 .message-app .body-container {
31502 flex: 1;
31503 overflow: hidden;
31505 .message-app .body-container > * {
31506 position: absolute;
31507 right: 0;
31508 left: 0;
31509 top: 0;
31510 bottom: 0;
31511 overflow: auto;
31513 .message-app .footer-container {
31514 flex-shrink: 0;
31516 .message-app .footer-container textarea {
31517 direction: ltr;
31519 .message-app .contact-status {
31520 position: absolute;
31521 left: 39px;
31522 top: 34px;
31524 .message-app .contact-status.online .icon {
31525 color: #357a32;
31527 .message-app .message p {
31528 margin: 0;
31530 .message-app .clickable {
31531 cursor: pointer;
31533 .message-app .clickable:hover {
31534 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
31536 .message-app a,
31537 .message-app .btn-link {
31538 color: inherit;
31540 .message-app .btn-link:hover, .message-app .btn-link:focus {
31541 background-color: rgba(0, 0, 0, 0.035);
31542 text-decoration: none;
31544 .message-app .icon {
31545 margin-right: 0;
31547 .message-app .overview-section-toggle .collapsed-icon-container {
31548 display: none;
31550 .message-app .overview-section-toggle .expanded-icon-container {
31551 display: inline-block;
31553 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
31554 display: inline-block;
31556 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
31557 display: none;
31559 .message-app .btn.btn-link.btn-icon {
31560 height: 16px;
31561 width: 16px;
31562 padding: 0;
31563 border-radius: 50%;
31564 flex-shrink: 0;
31566 .message-app .btn.btn-link.btn-icon.icon-size-0 {
31567 height: 20px !important; /* stylelint-disable-line declaration-no-important */
31568 width: 20px !important; /* stylelint-disable-line declaration-no-important */
31570 .message-app .btn.btn-link.btn-icon.icon-size-1 {
31571 height: 24px !important; /* stylelint-disable-line declaration-no-important */
31572 width: 24px !important; /* stylelint-disable-line declaration-no-important */
31574 .message-app .btn.btn-link.btn-icon.icon-size-2 {
31575 height: 28px !important; /* stylelint-disable-line declaration-no-important */
31576 width: 28px !important; /* stylelint-disable-line declaration-no-important */
31578 .message-app .btn.btn-link.btn-icon.icon-size-3 {
31579 height: 36px !important; /* stylelint-disable-line declaration-no-important */
31580 width: 36px !important; /* stylelint-disable-line declaration-no-important */
31582 .message-app .btn.btn-link.btn-icon.icon-size-4 {
31583 height: 44px !important; /* stylelint-disable-line declaration-no-important */
31584 width: 44px !important; /* stylelint-disable-line declaration-no-important */
31586 .message-app .btn.btn-link.btn-icon.icon-size-5 {
31587 height: 52px !important; /* stylelint-disable-line declaration-no-important */
31588 width: 52px !important; /* stylelint-disable-line declaration-no-important */
31590 .message-app .btn.btn-link.btn-icon.icon-size-6 {
31591 height: 60px !important; /* stylelint-disable-line declaration-no-important */
31592 width: 60px !important; /* stylelint-disable-line declaration-no-important */
31594 .message-app .btn.btn-link.btn-icon.icon-size-7 {
31595 height: 68px !important; /* stylelint-disable-line declaration-no-important */
31596 width: 68px !important; /* stylelint-disable-line declaration-no-important */
31598 .message-app .view-overview-body .section {
31599 display: block;
31601 .message-app .view-overview-body .section.expanded {
31602 display: flex;
31604 .message-app .view-overview-body .section div[data-region=toggle] {
31605 padding: 0.1rem;
31607 .message-app .view-conversation .content-message-container img {
31608 max-width: 100%;
31610 .message-app .list-group {
31611 border-radius: 0;
31613 .message-app .list-group .list-group-item {
31614 border-left: 0;
31615 border-right: 0;
31617 .message-app .list-group .list-group-item:hover {
31618 color: #fff;
31619 background-color: #0f6cbf;
31621 .message-app .list-group .list-group-item:hover .badge-primary {
31622 background-color: #fff;
31623 color: #0f6cbf;
31625 .message-app .list-group .list-group-item:first-child {
31626 border-top: 0;
31628 .message-app .list-group .list-group-item:last-child {
31629 border-bottom: 0;
31631 .message-app .list-group .list-group-item.list-group-item-action {
31632 margin: 0.1rem;
31633 width: auto;
31634 text-align: inherit;
31636 .message-app .last-message {
31637 min-height: 1.5rem;
31639 .message-app .section .collapsing {
31640 overflow: hidden;
31642 .message-app .message.send {
31643 background-color: #dee2e6;
31644 color: #1d2125;
31646 .message-app .message.send .time {
31647 color: #1d2125;
31649 .message-app .message.send .tail {
31650 right: 0;
31651 margin-right: -0.5rem;
31652 border-bottom-color: #dee2e6;
31654 .message-app .message.received {
31655 background-color: #fff;
31656 color: #1d2125;
31658 .message-app .message.received .time {
31659 color: #616466;
31661 .message-app .message.received .tail {
31662 left: 0;
31663 margin-left: -0.5rem;
31664 border-bottom-color: #fff;
31666 .message-app .message .tail {
31667 content: "";
31668 bottom: 0;
31669 width: 0;
31670 height: 0;
31671 border: 0.5rem solid transparent;
31672 position: relative;
31674 .message-app .day {
31675 color: #1d2125;
31677 .message-app .lazy-load-list {
31678 overflow-y: auto;
31681 #page-message-index #page-header {
31682 display: none;
31684 #page-message-index #region-main {
31685 height: 100%;
31686 margin-top: 0;
31688 #page-message-index #region-main .conversationcontainer .section {
31689 max-height: calc(100vh - 50px);
31691 #page-message-index #region-main div[role=main] {
31692 height: 100%;
31694 #page-message-index #region-main div[role=main] #maincontent {
31695 margin-top: -1px;
31697 #page-message-index #region-main div[role=main] .message-app.main {
31698 height: 100%;
31701 .dir-rtl .message-drawer {
31702 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
31705 .message-app .emoji-picker-container {
31706 position: absolute;
31707 top: -5px;
31708 right: 5px;
31709 transform: translateY(-100%);
31711 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
31712 height: 40px;
31713 width: 40px;
31715 @media (max-width: 575.98px) {
31716 .message-app .emoji-picker-container {
31717 right: -0.5rem;
31720 @media (max-height: 495px) {
31721 .message-app .emoji-picker-container {
31722 position: fixed;
31723 top: 0;
31724 transform: none;
31727 .message-app .emoji-auto-complete-container {
31728 overflow: auto;
31729 max-height: 90px;
31730 transition: max-height 0.15s ease-in-out;
31731 visibility: visible;
31733 .message-app .emoji-auto-complete-container.hidden {
31734 display: block;
31735 max-height: 0;
31736 visibility: hidden;
31737 overflow: hidden;
31738 transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
31741 /* Question */
31742 .questionbank h2 {
31743 margin-top: 0;
31746 .questioncategories h3 {
31747 margin-top: 0;
31750 #chooseqtypebox {
31751 margin-top: 1em;
31754 #chooseqtype h3 {
31755 margin: 0 0 0.3em;
31758 #chooseqtype .instruction {
31759 display: none;
31762 #chooseqtype .fakeqtypes {
31763 border-top: 1px solid silver;
31766 #chooseqtype .qtypeoption {
31767 margin-bottom: 0.5em;
31770 #chooseqtype label {
31771 display: block;
31774 #chooseqtype .qtypename img {
31775 padding: 0 0.3em;
31778 #chooseqtype .qtypename {
31779 display: inline-table;
31780 width: 16em;
31783 #chooseqtype .qtypesummary {
31784 display: block;
31785 margin: 0 2em;
31788 #chooseqtype .submitbuttons {
31789 margin: 0.7em 0;
31790 text-align: center;
31793 #qtypechoicecontainer {
31794 display: none;
31797 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
31798 background: none;
31801 #qtypechoicecontainer.yui-panel .hd {
31802 color: #333;
31803 letter-spacing: 1px;
31804 text-shadow: 1px 1px 1px #fff;
31805 border-top-left-radius: 10px;
31806 border-top-right-radius: 10px;
31807 border: 1px solid #ccc;
31808 border-bottom: 1px solid #bbb;
31809 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
31810 background-repeat: repeat-x;
31813 #qtypechoicecontainer {
31814 font-size: 12px;
31815 color: #333;
31816 background: #f2f2f2;
31817 border-radius: 10px;
31818 border: 1px solid #ccc;
31819 border-top: 0 none;
31822 #qtypechoicecontainer #chooseqtype {
31823 width: 40em;
31826 #chooseqtypehead h3 {
31827 margin: 0;
31828 font-weight: normal;
31831 #chooseqtype .qtypes {
31832 position: relative;
31833 border-bottom: 1px solid #bbb;
31834 padding: 0.24em 0;
31837 #chooseqtype .alloptions {
31838 overflow-x: hidden;
31839 overflow-y: auto;
31840 max-height: calc(100vh - 15em);
31841 width: 60%;
31844 #chooseqtype .qtypeoption {
31845 margin-bottom: 0;
31846 padding: 0.3em 0.3em 0.3em 1.6em;
31849 #chooseqtype .qtypeoption img {
31850 vertical-align: text-bottom;
31851 padding-left: 1em;
31852 padding-right: 0.5em;
31855 #chooseqtype .selected {
31856 background-color: #fff;
31859 #chooseqtype .instruction,
31860 #chooseqtype .qtypesummary {
31861 display: none;
31862 position: absolute;
31863 top: 0;
31864 right: 0;
31865 bottom: 0;
31866 left: 60%;
31867 margin: 0;
31868 overflow-x: hidden;
31869 overflow-y: auto;
31870 padding: 1.5em 1.6em;
31871 background-color: #fff;
31874 #chooseqtype .instruction,
31875 #chooseqtype .selected .qtypesummary {
31876 display: block;
31879 table.question-bank-table {
31880 margin: 0;
31881 background-color: #fff;
31882 table-layout: fixed;
31883 overflow-x: scroll;
31884 width: min-content;
31886 table.question-bank-table td,
31887 table.question-bank-table th {
31888 max-width: 40vw;
31889 width: max-content;
31891 table.question-bank-table th {
31892 text-align: left;
31894 table.question-bank-table > tbody > tr.r1 {
31895 background-color: rgba(0, 0, 0, 0.03);
31897 table.question-bank-table > tbody > tr.highlight {
31898 border: 1px solid #008196;
31900 table.question-bank-table .checkbox input[type=checkbox] {
31901 margin-left: 0;
31902 float: none;
31904 table.question-bank-table .iconcol {
31905 padding: 3px;
31906 box-sizing: content-box;
31908 table.question-bank-table .iconcol .icon {
31909 margin: 0;
31910 width: 12px;
31911 height: 12px;
31913 table.question-bank-table label {
31914 margin: 0;
31915 display: block;
31917 table.question-bank-table .header {
31918 text-align: left;
31920 table.question-bank-table .header.sortable-list-current-position {
31921 background-color: #a2cff8;
31923 table.question-bank-table .header.sortable-list-is-dragged {
31924 background-color: #fff;
31925 opacity: 0.85;
31927 table.question-bank-table .header .header-text > div {
31928 display: inline-block;
31930 table.question-bank-table .header .dropdown-toggle::after {
31931 margin-left: 0;
31933 table.question-bank-table .header.checkbox .form-check {
31934 padding-left: 0;
31937 #page-mod-quiz-edit div.questionbankwindow div.header {
31938 margin: 0;
31940 #page-mod-quiz-edit div.questionbankwindow.block {
31941 padding: 0;
31944 .questionbank .singleselect {
31945 margin: 0;
31948 /* Question editing form */
31949 #combinedfeedbackhdr div.fhtmleditor {
31950 padding: 0;
31953 #combinedfeedbackhdr div.fcheckbox {
31954 margin-bottom: 1em;
31957 #multitriesheader div.fitem_feditor {
31958 margin-top: 1em;
31961 #multitriesheader div.fitem_fgroup {
31962 margin-bottom: 1em;
31965 #multitriesheader div.fitem_fgroup fieldset.felement label {
31966 margin-left: 0.3em;
31967 margin-right: 0.3em;
31970 body.path-question-type {
31971 /* Hacks to display the labels within a form group. */
31973 body.path-question-type .fitem .col-form-label.sr-only:not(legend):not([for=id_category]) {
31974 position: static;
31975 width: auto;
31976 height: auto;
31977 padding: 0;
31978 margin: 0 0.5rem 0 0;
31979 overflow: visible;
31980 clip: auto;
31981 clip-path: none;
31982 border: 0;
31985 .que {
31986 clear: left;
31987 text-align: left;
31988 margin: 0 auto 1.8em auto;
31991 .que .info {
31992 float: left;
31993 width: 7em;
31994 padding: 0.5em;
31995 margin-bottom: 1.8em;
31996 background-color: #f8f9fa;
31997 border: 1px solid #cad0d7;
31998 border-radius: 2px;
32001 .que h3.no {
32002 margin: 0;
32003 font-size: 0.8em;
32004 line-height: 1;
32007 .que span.qno {
32008 font-size: 1.5em;
32009 font-weight: bold;
32010 word-break: break-word;
32013 .que .info > div {
32014 font-size: 0.8em;
32015 margin-top: 0.7em;
32018 .que .info .questionflag.editable {
32019 cursor: pointer;
32022 .que .info .editquestion img,
32023 .que .info .questionflag img,
32024 .que .info .questionflag input {
32025 vertical-align: bottom;
32028 .que .content {
32029 margin: 0 0 0 8.5em;
32032 .que .formulation,
32033 .que .outcome,
32034 .que .comment {
32035 position: relative;
32036 padding: 0.75rem 1.25rem;
32037 margin-bottom: 1rem;
32038 border: 0 solid transparent;
32039 border-radius: 0.5rem;
32042 .que .outcome,
32043 .que .comment {
32044 color: #8e662e;
32045 background-color: #fcefdc;
32046 border-color: #fbe8cd;
32047 /* stylelint-disable-line max-line-length */
32049 .que .outcome hr,
32050 .que .comment hr {
32051 border-top-color: #f9ddb5;
32053 .que .outcome .alert-link,
32054 .que .comment .alert-link {
32055 color: #674a22;
32057 .que .outcome a,
32058 .que .comment a {
32059 color: #041c31;
32062 .que .formulation {
32063 color: #001a1e;
32064 background-color: #e7f3f5;
32065 border-color: #b8dce2;
32066 /* stylelint-disable-line max-line-length */
32068 .que .formulation hr {
32069 border-top-color: #a6d3db;
32071 .que .formulation .alert-link {
32072 color: black;
32075 .que.multichoice .answer div.r0 .icon.fa-check,
32076 .que.multichoice .answer div.r1 .icon.fa-check,
32077 .que.multichoice .answer div.r0 .icon.fa-remove,
32078 .que.multichoice .answer div.r1 .icon.fa-remove {
32079 text-indent: 0;
32082 .formulation input[type=text],
32083 .formulation select {
32084 width: auto;
32085 vertical-align: baseline;
32088 .que.multianswer .formulation .yui3-widget-positioned {
32089 box-sizing: content-box;
32091 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
32092 width: inherit;
32093 max-width: inherit;
32096 .que input[size],
32097 .que textarea[cols] {
32098 width: auto;
32099 max-width: 100%;
32102 .que .comment {
32103 color: #1c3f1a;
32104 background-color: #d7e4d6;
32105 border-color: #c6dac6;
32106 /* stylelint-disable-line max-line-length */
32108 .que .comment hr {
32109 border-top-color: #b7d0b7;
32111 .que .comment .alert-link {
32112 color: #0c1b0b;
32115 .que .ablock {
32116 margin: 0.7em 0 0.3em 0;
32119 .que .im-controls {
32120 margin-top: 0.5em;
32121 text-align: left;
32124 .que .specificfeedback,
32125 .que .generalfeedback,
32126 .que .numpartscorrect .que .rightanswer,
32127 .que .im-feedback,
32128 .que .feedback,
32129 .que p {
32130 margin: 0 0 0.5em;
32133 .que .correctness.correct {
32134 color: #fff;
32135 background-color: #357a32;
32137 a.que .correctness.correct:hover, a.que .correctness.correct:focus {
32138 color: #fff;
32139 background-color: #255623;
32141 a.que .correctness.correct:focus, a.que .correctness.correct.focus {
32142 outline: 0;
32143 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
32146 .que .correctness.partiallycorrect {
32147 color: #1d2125;
32148 background-color: #f0ad4e;
32150 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
32151 color: #1d2125;
32152 background-color: #ec971f;
32154 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
32155 outline: 0;
32156 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
32159 .que .correctness.notanswered, .que .correctness.incorrect {
32160 color: #fff;
32161 background-color: #ca3120;
32163 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
32164 color: #fff;
32165 background-color: #9e2619;
32167 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
32168 outline: 0;
32169 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
32172 .que .qtext {
32173 margin-bottom: 1.5em;
32176 .que .validationerror {
32177 color: #ca3120;
32180 .que .grading,
32181 .que .comment,
32182 .que .commentlink,
32183 .que .history {
32184 margin-top: 0.5em;
32187 .que .history h3 {
32188 margin: 0 0 0.2em;
32189 font-size: 1em;
32192 .que .history table {
32193 width: 100%;
32194 margin: 0;
32197 .que .history .current {
32198 font-weight: bold;
32201 .que .questioncorrectnessicon {
32202 vertical-align: text-bottom;
32205 body.jsenabled .questionflag input[type=checkbox] {
32206 display: none;
32209 .que .questionflagimage {
32210 padding-right: 3px;
32211 height: 16px;
32212 width: 16px;
32215 .importerror {
32216 margin-top: 10px;
32217 border-bottom: 1px solid #555;
32220 .mform .que.comment .fitemtitle {
32221 width: 20%;
32224 #page-question-preview #techinfo {
32225 margin: 1em 0;
32228 #page-question-preview .collapsibleregion .collapsibleregioncaption,
32229 #page-question-preview .collapsibleregion .collapsibleregionextracontent {
32230 display: inline-block;
32233 #page-mod-quiz-edit ul.slots .activityinstance > a {
32234 display: flex;
32235 max-width: 100%;
32236 align-items: center;
32237 text-indent: 0;
32238 padding-left: 0;
32240 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32241 margin-left: 0;
32242 width: 16px;
32243 height: 16px;
32244 padding-right: 4px;
32247 #page-mod-quiz-edit .activity img.activityicon {
32248 vertical-align: text-top;
32251 #page-mod-quiz-edit .box.generalbox.questionbank {
32252 padding: 0.5em;
32255 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
32256 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
32257 #page-mod-quiz-edit .questionbank .choosecategory {
32258 padding: 0;
32261 #page-mod-quiz-edit .questionbank .choosecategory select {
32262 width: 100%;
32265 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
32266 background: transparent;
32269 #page-mod-quiz-edit .questionbankwindow div.header {
32270 color: #444;
32271 text-shadow: none;
32272 border-top-left-radius: 4px;
32273 border-top-right-radius: 4px;
32274 margin: 0 -10px 0 -10px;
32275 padding: 2px 10px 2px 10px;
32276 background: transparent; /* Old browsers */
32279 #page-mod-quiz-edit .questionbankwindow div.header a:link,
32280 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
32281 color: #0f6cbf;
32284 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
32285 color: #094478;
32288 #page-mod-quiz-edit .createnewquestion {
32289 padding: 0.3em 0;
32291 #page-mod-quiz-edit .createnewquestion div,
32292 #page-mod-quiz-edit .createnewquestion input {
32293 margin: 0;
32296 #page-mod-quiz-edit .questionbankwindow div.header .title {
32297 color: #1d2125;
32300 #page-mod-quiz-edit div.container div.generalbox {
32301 background-color: transparent;
32302 padding: 1.5em;
32305 #page-mod-quiz-edit .categoryinfo {
32306 background-color: transparent;
32307 border-bottom: none;
32310 #page-mod-quiz-edit .createnewquestion .singlebutton input {
32311 margin-bottom: 0;
32314 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
32315 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
32316 padding: 0 0 1.5em 0;
32319 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
32320 background-color: transparent;
32321 margin: 0;
32322 border-top: 0;
32323 border-bottom: 0;
32325 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
32326 padding: 0 0.3em;
32329 #page-mod-quiz-edit div.question div.content div.questioncontrols {
32330 background-color: #fff;
32333 #page-mod-quiz-edit div.question div.content div.points {
32334 margin-top: -0.5em;
32335 padding-bottom: 0;
32336 border: none;
32337 background-color: #fff;
32338 position: static;
32339 width: 12.1em;
32340 float: right;
32341 margin-right: 60px;
32344 #page-mod-quiz-edit div.question div.content div.points br {
32345 display: none;
32348 #page-mod-quiz-edit div.question div.content div.points label {
32349 display: inline-block;
32352 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
32353 background-color: #fff;
32356 #page-mod-quiz-edit .quizpagedelete,
32357 #page-mod-quiz-edit .quizpagedelete img {
32358 background-color: transparent;
32361 #page-mod-quiz-edit div.quizpage .pagecontent {
32362 border: 1px solid #ddd;
32363 border-radius: 2px;
32364 overflow: hidden;
32367 #page-mod-quiz-edit div.questionbank .categoryinfo {
32368 padding: 0.3em 0;
32371 .questionbankwindow .module {
32372 width: auto;
32375 .questionbankwindow .form-autocomplete-selection {
32376 margin-left: 0;
32379 #page-mod-quiz-edit div.editq div.question div.content {
32380 background-color: #fff;
32381 border: 1px solid #ddd;
32382 border-radius: 2px;
32383 overflow: hidden;
32386 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32387 margin-top: 0;
32388 padding-right: 4px;
32391 .path-mod-quiz .statedetails {
32392 display: block;
32393 font-size: 0.9em;
32396 a#hidebankcmd {
32397 color: #0f6cbf;
32400 .que.shortanswer .answer {
32401 padding: 0;
32404 .que label {
32405 display: inline;
32408 .que .content .answer div[data-region=answer-label] .mediaplugin {
32409 width: 400px;
32412 body.path-question-type .mform fieldset.hidden {
32413 padding: 0;
32414 margin: 0.7em 0 0;
32417 .que.ddwtos,
32418 .que.ddwtos .drop {
32419 box-sizing: content-box;
32422 .tag-condition-container {
32423 position: relative;
32426 @media (max-width: 767.98px) {
32427 .que .info {
32428 float: none;
32429 width: auto;
32431 .que .content {
32432 margin: 0;
32435 @media (max-width: 991.98px) {
32436 .question-bank-table td,
32437 .question-bank-table th {
32438 max-width: 75vw;
32441 /* user.less */
32442 .userprofile .fullprofilelink {
32443 text-align: center;
32444 margin: 10px;
32447 .userprofile .page-context-header {
32448 margin-bottom: 10px;
32449 column-count: 1;
32452 .userprofile .description {
32453 margin-top: 10px;
32454 margin-bottom: 30px;
32457 .userprofile .profile_tree {
32458 column-count: 2;
32461 #participantsform .no-overflow {
32462 overflow: visible;
32465 .userprofile dl.list > dd + dt {
32466 clear: left;
32469 .user-box {
32470 margin: 8px;
32471 width: 115px;
32472 height: 160px;
32473 text-align: center;
32474 float: left;
32475 clear: none;
32478 #page-user-profile .node_category ul,
32479 .path-user .node_category ul {
32480 margin: 0;
32481 list-style: none;
32482 padding-left: 0;
32484 #page-user-profile .node_category li,
32485 .path-user .node_category li {
32486 margin-top: 5px;
32488 #page-user-profile .node_category .editprofile,
32489 #page-user-profile .node_category .viewmore,
32490 .path-user .node_category .editprofile,
32491 .path-user .node_category .viewmore {
32492 text-align: right;
32495 .ajax-contact-button {
32496 box-sizing: border-box;
32497 position: relative;
32499 .ajax-contact-button.loading .loading-icon {
32500 display: block;
32502 .ajax-contact-button .loading-icon {
32503 display: none;
32504 position: absolute;
32505 top: 0;
32506 left: 0;
32507 width: 100%;
32508 height: 100%;
32509 background-color: rgba(255, 255, 255, 0.7);
32511 .ajax-contact-button .loading-icon .icon {
32512 position: absolute;
32513 left: 50%;
32514 top: 50%;
32515 transform: translate(-50%, -50%);
32518 @media (max-width: 480px) {
32519 .userprofile .profile_tree {
32520 /** Display the profile on one column on phones@mixin */
32521 column-count: 1;
32524 .userlist #showall {
32525 margin: 10px 0;
32528 .userlist .buttons {
32529 text-align: center;
32532 .userlist .buttons label {
32533 padding: 0 3px;
32536 .userlist table#participants {
32537 text-align: center;
32540 .userlist table#participants td {
32541 text-align: left;
32542 padding: 4px;
32543 vertical-align: middle;
32546 .userlist table#participants th {
32547 text-align: left;
32548 padding: 4px;
32551 .userlist table.controls {
32552 width: 100%;
32554 .userlist table.controls tr {
32555 vertical-align: top;
32557 .userlist table.controls .right {
32558 text-align: right;
32560 .userlist table.controls .groupselector {
32561 margin-bottom: 0;
32562 margin-top: 0;
32564 .userlist table.controls .groupselector label {
32565 display: block;
32568 .userinfobox {
32569 width: 100%;
32570 border: 1px solid;
32571 border-collapse: separate;
32572 padding: 10px;
32575 .userinfobox .left,
32576 .userinfobox .side {
32577 width: 100px;
32578 vertical-align: top;
32581 .userinfobox .userpicture {
32582 width: 100px;
32583 height: 100px;
32586 .userinfobox .content {
32587 vertical-align: top;
32590 .userinfobox .links {
32591 width: 100px;
32592 padding: 5px;
32593 vertical-align: bottom;
32596 .userinfobox .links a {
32597 display: block;
32600 .userinfobox .list td {
32601 padding: 3px;
32604 .userinfobox .username {
32605 padding-bottom: 20px;
32606 font-weight: bold;
32609 .userinfobox td.label {
32610 text-align: right;
32611 white-space: nowrap;
32612 vertical-align: top;
32613 font-weight: bold;
32616 .group-edit {
32617 position: absolute;
32618 right: 0;
32619 margin-right: 0.6em;
32622 .group-image {
32623 display: block;
32624 float: left;
32625 margin-right: 1em;
32627 .group-image .grouppicture {
32628 border-radius: 50%;
32631 .groupinfobox .left {
32632 padding: 10px;
32633 width: 100px;
32634 vertical-align: top;
32637 .course-participation #showall {
32638 text-align: center;
32639 margin: 10px 0;
32642 #user-policy .noticebox {
32643 text-align: center;
32644 margin-left: auto;
32645 margin-right: auto;
32646 margin-bottom: 10px;
32647 width: 80%;
32648 height: 250px;
32651 #user-policy #policyframe {
32652 width: 100%;
32653 height: 100%;
32656 .iplookup #map {
32657 margin: auto;
32660 .userselector select {
32661 width: 100%;
32664 .userselector div {
32665 margin-top: 0.2em;
32668 .userselector div label {
32669 margin-right: 0.3em;
32672 /* Next style does not work in all browsers but looks nicer when it does */
32673 .userselector .userselector-infobelow {
32674 font-size: 0.8em;
32677 #userselector_options .collapsibleregioncaption {
32678 font-weight: bold;
32681 #userselector_options p {
32682 margin: 0.2em 0;
32683 text-align: left;
32686 /** user full profile */
32687 #page-user-profile .messagebox {
32688 text-align: center;
32689 margin-left: auto;
32690 margin-right: auto;
32693 /** user course profile */
32694 #page-course-view-weeks .messagebox {
32695 text-align: center;
32696 margin-left: auto;
32697 margin-right: auto;
32700 .profileeditor > .singleselect {
32701 margin: 0 0.5em 0 0;
32703 .profileeditor > .singlebutton {
32704 display: inline-block;
32705 margin: 0 0 0 0.5em;
32707 .profileeditor > .singlebutton div,
32708 .profileeditor > .singlebutton input {
32709 margin: 0;
32712 .userlist h3 .action-icon {
32713 display: none;
32716 #page-enrol-users .popover {
32717 max-width: none;
32720 .user-enroller-panel {
32721 width: 600px;
32724 [data-filterverbfor],
32725 [data-filterregion=filter]:last-child [data-filterregion=joinadverb] {
32726 display: none;
32729 [data-filterverb="0"] [data-filterverbfor="0"],
32730 [data-filterverb="1"] [data-filterverbfor="1"],
32731 [data-filterverb="2"] [data-filterverbfor="2"] {
32732 display: block;
32735 #page-user-contactsitesupport .supporticon i {
32736 font-size: 35px;
32739 .search-results .result {
32740 margin-left: 0;
32741 margin-right: 0;
32744 .search-results .result .result-content {
32745 margin: 7px 0;
32748 .search-results .result .filename {
32749 font-style: italic;
32752 .simplesearchform .input-group input.form-control {
32753 border-top-left-radius: 0.5rem;
32754 border-bottom-left-radius: 0.5rem;
32756 .simplesearchform .btn {
32757 padding-left: 0.5rem;
32758 padding-right: 0.5rem;
32760 .simplesearchform .btn .icon {
32761 margin: 0;
32763 .simplesearchform .btn-submit {
32764 border-color: #8f959e;
32765 color: #6a737b;
32767 .simplesearchform .btn-close,
32768 .simplesearchform .btn-clear {
32769 position: absolute;
32770 top: 0;
32771 right: 0;
32772 color: #6a737b;
32773 z-index: 4;
32775 .simplesearchform .btn-close {
32776 right: 2.2rem;
32778 .simplesearchform .btn-submit {
32779 background-color: #f8f9fa;
32781 .simplesearchform .withclear {
32782 padding-right: 2rem;
32784 .simplesearchform .searchinput {
32785 display: flex;
32786 flex: 1 1 auto;
32788 .simplesearchform .collapsing {
32789 height: inherit;
32790 transition: none;
32791 width: inherit;
32794 .simplesearchform .collapse.show,
32795 .simplesearchform .collapsing {
32796 position: absolute;
32797 left: 0;
32798 top: 0;
32799 width: 100%;
32800 display: flex;
32801 background-color: #fff;
32802 z-index: 1060;
32803 height: 60px;
32805 .simplesearchform .collapse.show .searchform-navbar,
32806 .simplesearchform .collapsing .searchform-navbar {
32807 width: auto;
32808 margin-left: auto;
32809 margin-right: auto;
32812 .search-areas-actions {
32813 margin-bottom: 1rem;
32816 .search-areas-actions > div {
32817 margin-right: 1rem;
32818 display: inline-block;
32821 #core-search-areas .lastcol li {
32822 margin-left: 24px;
32823 text-indent: -24px;
32826 #core-search-areas .lastcol li > i {
32827 text-indent: 0;
32831 * Moodle forms HTML isn't changeable via renderers (yet?) so this
32832 * .less file imports styles from the bootstrap $variables file and
32833 * adds them to the existing Moodle form CSS ids and classes.
32836 .jsenabled .mform .containsadvancedelements .advanced {
32837 display: none;
32840 .mform .containsadvancedelements .advanced.show {
32841 display: flex;
32844 #adminsettings span.error {
32845 display: inline-block;
32846 border: 1px solid #f0c5c1;
32847 border-radius: 4px;
32848 background-color: #f4d6d2;
32849 padding: 4px;
32850 margin-bottom: 4px;
32853 .mform .d-flex .form-control {
32854 width: auto;
32855 max-width: 100%;
32857 .mform .d-flex textarea.form-control {
32858 width: 100%;
32860 .mform .d-flex .fitem {
32861 margin: 0.1rem 0.25rem 0.1rem 0 !important; /* stylelint-disable-line declaration-no-important */
32863 .mform .d-flex br + label {
32864 justify-content: flex-start;
32865 width: 100%;
32866 margin-right: 0;
32869 .custom-select {
32870 width: auto;
32871 max-width: 100%;
32874 #jump-to-activity.custom-select {
32875 width: 100%;
32878 .mform fieldset {
32879 margin-bottom: 0.5rem;
32880 border-bottom: 1px solid #dee2e6;
32883 #adminsettings .form-control[size] {
32884 width: auto;
32887 #adminsettings .error {
32888 color: #ca3120;
32891 .mform ul.file-list {
32892 padding: 0;
32893 margin: 0;
32894 list-style: none;
32897 .mform label .req,
32898 .mform label .adv {
32899 cursor: help;
32902 /*rtl:ignore*/
32903 input#id_externalurl {
32904 direction: ltr;
32907 #portfolio-add-button {
32908 display: inline;
32911 .form-defaultinfo,
32912 .form-label .form-shortname {
32913 color: #6a737b;
32916 .form-label .form-shortname {
32917 font-size: 0.703125rem;
32918 display: block;
32921 .formsettingheading .form-horizontal {
32922 color: #6a737b;
32925 .no-felement.fstatic {
32926 color: #6a737b;
32927 padding-top: 5px;
32930 .no-fitem .fstaticlabel {
32931 font-weight: bold;
32934 .form-item .form-setting .defaultsnext > input {
32935 display: inline-block;
32938 .form-item .form-setting .form-checkbox.defaultsnext {
32939 margin-top: 5px;
32940 display: inline-block;
32943 #adminsettings h3 {
32944 display: block;
32945 width: 100%;
32946 padding: 0;
32947 margin-bottom: 1.5;
32948 font-size: 1.171875rem;
32949 line-height: 3;
32950 border: 0;
32951 border-bottom: 1px solid #e5e5e5;
32954 /* rtl:ignore */
32955 .mform .fitem .felement input[name=email],
32956 .mform .fitem .felement input[name=email2],
32957 .mform .fitem .felement input[name=url],
32958 .mform .fitem .felement input[name=idnumber],
32959 .mform .fitem .felement input[name=phone1],
32960 .mform .fitem .felement input[name=phone2] {
32961 text-align: left;
32962 direction: ltr;
32965 .que.match .mediaplugin {
32966 width: 50vw;
32969 /* rtl:ignore */
32970 #page-admin-grade-edit-scale-edit .error input#id_name {
32971 margin-right: 170px;
32974 #page-grade-edit-outcome-course .courseoutcomes {
32975 margin-left: auto;
32976 margin-right: auto;
32977 width: 100%;
32980 #page-grade-edit-outcome-course .courseoutcomes td {
32981 text-align: center;
32984 /* Install Process' text fields Forms, should always be justified to the left */
32985 /* rtl:ignore */
32986 #installform #id_wwwroot,
32987 #installform #id_dirroot,
32988 #installform #id_dataroot,
32989 #installform #id_dbhost,
32990 #installform #id_dbname,
32991 #installform #id_dbuser,
32992 #installform #id_dbpass,
32993 #installform #id_prefix {
32994 direction: ltr;
32997 .mdl-right > label {
32998 display: inline-block;
33001 .singleselect {
33002 max-width: 100%;
33005 .form-item .form-label label {
33006 margin-bottom: 0;
33009 div#dateselector-calendar-panel {
33010 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
33013 fieldset.coursesearchbox label {
33014 display: inline;
33018 * Show the labels above text editors and file managers except on wide screens.
33020 /* Section and module editing forms contain special JS components for the
33021 availability system (if enabled). */
33022 #id_availabilityconditionsjson[aria-hidden=true],
33023 .availability-field [aria-hidden=true] {
33024 display: none;
33027 .availability-field label {
33028 display: inline-flex;
33030 .availability-field .availability-group label {
33031 vertical-align: top;
33034 .availability-eye {
33035 clear: left;
33036 float: left;
33039 .availability-inner,
33040 .availability-plugincontrols {
33041 float: left;
33042 border-radius: 0.5rem;
33043 border: 1px solid rgba(0, 0, 0, 0.125);
33044 padding: 1rem;
33045 margin-top: 0.5rem;
33048 .availability-plugincontrols,
33049 .availability-childlist .availability-inner {
33050 margin-left: 0.625rem;
33053 .availability-field .availability-plugincontrols .availability-group select {
33054 max-width: 12rem;
33057 /* Custom styles for autocomplete form element */
33058 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
33059 [data-fieldtype=autocomplete] select,
33060 [data-fieldtype=tags] select,
33061 .form-autocomplete-original-select {
33062 visibility: hidden;
33063 overflow: hidden;
33064 width: 15rem;
33065 height: 44px;
33066 margin: 0;
33067 padding: 0;
33068 border: 0;
33069 margin-top: 1.65625rem;
33070 vertical-align: bottom;
33073 .form-autocomplete-selection {
33074 margin: 0.25rem 0;
33075 min-height: 2.375rem;
33078 .form-autocomplete-selection [role=option] {
33079 cursor: pointer;
33080 white-space: inherit;
33081 word-break: break-word;
33082 line-height: 1.4;
33083 text-align: left;
33086 .form-autocomplete-suggestions {
33087 position: absolute;
33088 background-color: #fff;
33089 border: 1px solid #8f959e;
33090 min-width: 206px;
33091 max-height: 20em;
33092 overflow: auto;
33093 margin: 0.125rem 0 0;
33094 padding: 0.5rem 0;
33095 z-index: 3;
33098 .form-autocomplete-suggestions li {
33099 list-style-type: none;
33100 padding: 0.25rem 1.5rem;
33101 margin: 0;
33102 cursor: pointer;
33103 color: #1d2125;
33105 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected=true] {
33106 background-color: #0f6cbf;
33107 color: #fff;
33109 .form-autocomplete-suggestions li[aria-disabled=true] {
33110 pointer-events: none;
33111 color: #6a737b;
33112 background-color: #e9ecef;
33114 .form-autocomplete-suggestions li.suggestions-heading {
33115 pointer-events: none;
33116 font-weight: bold;
33117 color: #1d2125;
33118 background-color: #fff;
33119 padding-left: calc(1.5rem / 2);
33121 .form-autocomplete-suggestions li::before {
33122 content: "​";
33125 .form-autocomplete-downarrow {
33126 color: #1d2125;
33127 top: 0.2rem;
33128 right: 0.5rem;
33129 cursor: pointer;
33131 .form-autocomplete-downarrow .loading-icon {
33132 position: absolute;
33133 top: 0;
33134 left: 0;
33135 background-color: #fff;
33138 /** Undo some bootstrap things */
33139 .form-autocomplete-selection + input.form-control {
33140 width: auto;
33141 display: inline-block;
33142 vertical-align: middle;
33145 .form-autocomplete-selection [data-active-selection=true] {
33146 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
33149 select.form-control[size], select.form-control[multiple] {
33150 padding-right: 0;
33152 select.form-control[size] option, select.form-control[multiple] option {
33153 width: fit-content;
33156 /* Non-bootstrap selects with a size show their contents outside of the element.
33157 * Remove when we update to stable bootstrap 4. (MDL-56511) */
33158 select[size],
33159 select[multiple] {
33160 overflow: auto;
33163 select[size="1"] {
33164 overflow: visible;
33167 textarea[data-auto-rows] {
33168 overflow-x: hidden;
33169 resize: none;
33172 /** Display elements under labels in vertical forms regardless of the screen size. */
33173 .mform.full-width-labels .fitem.row {
33174 margin-left: 0;
33175 margin-right: 0;
33177 .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
33178 flex: 0 0 100%;
33179 max-width: 100%;
33180 width: inherit;
33181 padding-right: 0;
33182 padding-left: 0;
33184 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
33185 display: none;
33187 .mform.full-width-labels .fitem.row .form-control {
33188 width: 100%;
33191 .mform .col-form-label .form-label-addon {
33192 margin-left: 0.25rem;
33195 @media (min-width: 576px) {
33196 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
33197 margin-left: auto;
33200 [data-fieldtype=modgrade] .fitem {
33201 padding-bottom: 0.375rem;
33204 [data-fieldtype=modgrade] {
33205 background-color: #fff;
33206 border-radius: 0.5rem;
33207 border: 1px solid rgba(0, 0, 0, 0.125);
33208 padding: 1.25rem;
33209 margin-left: 15px;
33210 max-width: 30rem;
33213 [data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
33214 [data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
33215 [data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
33216 display: none;
33219 .felement[data-fieldtype=autocomplete],
33220 .felement[data-fieldtype=tags] {
33221 display: block !important; /* stylelint-disable-line declaration-no-important */
33224 [data-fieldtype=editor] > div {
33225 flex-grow: 1;
33228 @media (min-width: 768px) {
33229 .mform fieldset .fcontainer.collapseable .col-form-label {
33230 padding-left: 2.5rem;
33233 .collapsemenu .collapseall {
33234 display: block;
33236 .collapsemenu .expandall {
33237 display: none;
33239 .collapsemenu.collapsed .collapseall {
33240 display: none;
33242 .collapsemenu.collapsed .expandall {
33243 display: block;
33246 .input-group.form-inset .form-inset-item {
33247 position: absolute;
33248 padding-top: calc(0.375rem + 1px);
33249 z-index: 3;
33251 .input-group.form-inset.form-inset-left .form-control {
33252 padding-left: 1.5rem;
33254 .input-group.form-inset.form-inset-right .form-control {
33255 padding-right: 1.5rem;
33257 .input-group.form-inset.form-inset-right .form-inset-item {
33258 right: 0;
33261 .form-check.left-indented {
33262 padding-left: 0;
33265 .toggle-sensitive-btn .icon {
33266 margin-right: 0;
33269 @media (min-width: 576px) {
33270 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control:not(:last-child) {
33271 border-radius: 0.5rem;
33273 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control-lg:not(:last-child) {
33274 border-radius: 0.6rem;
33276 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .input-group-append .toggle-sensitive-btn {
33277 display: none;
33280 .pagelayout-login #region-main {
33281 border: 0;
33282 background-color: inherit;
33285 .pagelayout-login #page {
33286 background: #f8f9fa;
33287 background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
33288 background-repeat: repeat-x;
33290 .pagelayout-login #page div[role=main] {
33291 height: 100%;
33294 .login-wrapper {
33295 display: flex;
33296 align-items: center;
33297 justify-content: center;
33298 height: 100%;
33301 .login-container {
33302 background-color: #fff;
33303 padding: 3rem;
33304 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
33305 margin-bottom: 2rem;
33307 .login-container .login-languagemenu {
33308 display: flex;
33309 justify-content: flex-start;
33311 .login-container .login-languagemenu .dropdown-menu {
33312 max-height: 300px;
33313 overflow-y: auto;
33315 .login-container .login-logo {
33316 display: flex;
33317 justify-content: center;
33318 margin-bottom: 1rem;
33320 .login-container .login-divider {
33321 margin-top: 1.5rem;
33322 margin-bottom: 1.5rem;
33323 border-top: 1px solid #dee2e6;
33325 .login-container h1.login-heading {
33326 font-size: 1.875rem;
33328 .login-container h2.login-heading {
33329 font-size: 1.40625rem;
33331 .login-container .login-identityproviders .login-identityprovider-btn {
33332 border: 1px solid #dee2e6;
33334 .login-container .divider {
33335 width: 1px;
33336 background-color: #dee2e6;
33337 height: 1.875rem;
33339 .login-container .action-menu-trigger a {
33340 margin: 0.5rem 0;
33343 @media (min-width: 768px) {
33344 .login-container {
33345 width: 500px !important; /* stylelint-disable-line declaration-no-important */
33346 border-radius: 0.5rem;
33349 /* modules.less */
33350 select {
33351 width: auto;
33354 .path-mod .activity-header:not(:empty) {
33355 background-color: #f8f9fa;
33356 margin-bottom: 1rem;
33357 padding-left: 1rem;
33358 padding-right: 1rem;
33359 border-radius: 0.5rem;
33361 .path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
33362 border-bottom: 0;
33364 .path-mod .activity-information .activity-dates {
33365 padding-top: 1rem;
33366 padding-bottom: 1rem;
33367 border-bottom: 1px solid #dee2e6;
33369 .path-mod .activity-information .completion-info {
33370 padding-top: 1rem;
33371 padding-bottom: 1rem;
33372 border-bottom: 1px solid #dee2e6;
33374 .path-mod .activity-description {
33375 padding-top: 1rem;
33376 padding-bottom: 1rem;
33378 .path-mod .activity-description > .box.py-3 {
33379 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
33380 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
33382 .path-mod .activity-description > .box.py-3:empty {
33383 display: none;
33385 .path-mod .automatic-completion-conditions .badge {
33386 font-size: 80%;
33387 padding: 0.5rem;
33388 margin-top: 0.25rem;
33389 mix-blend-mode: multiply;
33391 .path-mod .automatic-completion-conditions .badge.badge-light {
33392 background-color: #e9ecef !important; /* stylelint-disable-line declaration-no-important */
33394 .path-mod .automatic-completion-conditions .badge .icon {
33395 width: 0.7rem;
33396 height: 0.7rem;
33397 font-size: 0.7rem;
33399 .path-mod .automatic-completion-conditions .badge:first-child {
33400 margin-top: 0;
33402 .path-mod .activity-description .no-overflow p:last-child {
33403 padding-bottom: 0;
33404 margin-bottom: 0;
33407 .path-mod-choice .horizontal .choices .option {
33408 display: inline-block;
33411 .path-mod-choice .choices .option label {
33412 vertical-align: top;
33415 .path-mod-forum .forumsearch input,
33416 .path-mod-forum .forumsearch .helptooltip {
33417 margin: 0 3px;
33420 .path-mod-forum .forumheaderlist,
33421 .path-mod-forum .forumheaderlist td {
33422 border: none;
33425 .path-mod-forum .forumheaderlist thead .header,
33426 .path-mod-forum .forumheaderlist tbody .discussion td {
33427 white-space: normal;
33428 vertical-align: top;
33429 padding-left: 0.5em;
33430 padding-right: 0.5em;
33432 .path-mod-forum .forumheaderlist thead .header {
33433 white-space: normal;
33434 vertical-align: top;
33436 .path-mod-forum .forumheaderlist thead .header.replies {
33437 text-align: center;
33439 .path-mod-forum .forumheaderlist thead .header.lastpost {
33440 text-align: right;
33442 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
33443 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
33444 width: 16px;
33445 padding-left: 0.5em;
33446 padding-right: 0.5em;
33448 .path-mod-forum .forumheaderlist .discussion .replies,
33449 .path-mod-forum .forumheaderlist .discussion .lastpost {
33450 white-space: normal;
33452 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33453 .path-mod-forum .forumheaderlist .discussion .replies {
33454 text-align: center;
33456 .path-mod-forum .forumheaderlist .discussion .topic,
33457 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33458 .path-mod-forum .forumheaderlist .discussion .topic.starter,
33459 .path-mod-forum .forumheaderlist .discussion .replies,
33460 .path-mod-forum .forumheaderlist .discussion .lastpost {
33461 vertical-align: top;
33463 .path-mod-forum .discussion-list .topic {
33464 font-weight: inherit;
33467 .discussion-settings-container .custom-select {
33468 width: 100%;
33470 .discussion-settings-container input {
33471 max-width: 100%;
33474 .forumpost {
33475 border: 1px solid #dee2e6;
33476 display: block;
33477 padding: 6px;
33479 .forumpost .header {
33480 margin-bottom: 3px;
33482 .forumpost .picture img {
33483 margin: 3px;
33485 .forumpost .picture img.userpicture {
33486 margin-left: 3px;
33487 margin-right: 10px;
33489 .forumpost .content .posting.fullpost {
33490 margin-top: 8px;
33492 .forumpost .row {
33493 display: block;
33495 .forumpost .row .topic,
33496 .forumpost .row .content-mask,
33497 .forumpost .row .options {
33498 margin-left: 48px;
33500 .forumpost .row.side {
33501 clear: both;
33504 .forumpost .row .left {
33505 width: 48px;
33508 .forumpost .options .commands {
33509 margin-left: 0;
33512 .forumpost .subject {
33513 font-weight: bold;
33516 .forumsearch input[type=text] {
33517 margin-bottom: 0;
33520 #page-mod-forum-view table .fit-content {
33521 width: 1px;
33522 white-space: nowrap;
33524 #page-mod-forum-view table .limit-width {
33525 max-width: 200px;
33526 white-space: nowrap;
33527 text-overflow: ellipsis;
33528 overflow: hidden;
33530 #page-mod-forum-view table .limit-width .author-info {
33531 max-width: calc(100% - 35px - 0.5rem);
33534 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
33535 @keyframes background-highlight {
33536 from {
33537 background-color: rgba(0, 123, 255, 0.5);
33539 to {
33540 background-color: inherit;
33543 .path-mod-forum .nested-v2-display-mode,
33544 .path-mod-forum.nested-v2-display-mode {
33545 /** Reset the badge styling back to pill style. */
33546 /** Style the ratings like a badge. */
33547 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
33548 /** Fix muted text contrast ratios for accessibility. */
33549 /** Make the tag list text screen reader visible only */
33551 .path-mod-forum .nested-v2-display-mode .discussionsubscription,
33552 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
33553 margin-top: 0;
33554 text-align: inherit;
33555 margin-bottom: 0;
33557 .path-mod-forum .nested-v2-display-mode .preload-subscribe,
33558 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
33559 .path-mod-forum.nested-v2-display-mode .preload-subscribe,
33560 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
33561 display: none;
33563 .path-mod-forum .nested-v2-display-mode .post-message,
33564 .path-mod-forum.nested-v2-display-mode .post-message {
33565 line-height: 1.6;
33567 .path-mod-forum .nested-v2-display-mode .indent,
33568 .path-mod-forum.nested-v2-display-mode .indent {
33569 margin-left: 0;
33571 .path-mod-forum .nested-v2-display-mode .badge,
33572 .path-mod-forum.nested-v2-display-mode .badge {
33573 font-size: inherit;
33574 font-weight: inherit;
33575 padding-left: 0.5rem;
33576 padding-right: 0.5rem;
33577 border-radius: 10rem;
33579 .path-mod-forum .nested-v2-display-mode .badge-light,
33580 .path-mod-forum.nested-v2-display-mode .badge-light {
33581 background-color: #f6f6f6;
33582 color: #5b5b5b;
33584 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container,
33585 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
33586 background-color: #f6f6f6;
33587 color: #5b5b5b;
33588 padding: 0.25em 0.5em;
33589 line-height: 1;
33590 margin-right: 0.5rem;
33591 vertical-align: middle;
33592 border-radius: 10rem;
33593 text-align: center;
33595 .path-mod-forum .nested-v2-display-mode .ratinginput,
33596 .path-mod-forum.nested-v2-display-mode .ratinginput {
33597 padding: 0.25em 1.75rem 0.25em 0.75em;
33598 line-height: 1;
33599 height: auto;
33600 border-radius: 10rem;
33602 @media (max-width: 767.98px) {
33603 .path-mod-forum .nested-v2-display-mode .ratinginput,
33604 .path-mod-forum.nested-v2-display-mode .ratinginput {
33605 margin-top: 0.5rem;
33608 .path-mod-forum .nested-v2-display-mode .group-image,
33609 .path-mod-forum.nested-v2-display-mode .group-image {
33610 width: 35px;
33611 height: 35px;
33612 margin-right: 0;
33613 float: none;
33614 display: inline-block;
33616 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked,
33617 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
33618 position: absolute;
33619 width: 1px;
33620 height: 1px;
33621 padding: 0;
33622 margin: -1px;
33623 overflow: hidden;
33624 clip: rect(0, 0, 0, 0);
33625 white-space: nowrap;
33626 border: 0;
33628 .path-mod-forum .nested-v2-display-mode .text-muted,
33629 .path-mod-forum .nested-v2-display-mode .dimmed_text,
33630 .path-mod-forum.nested-v2-display-mode .text-muted,
33631 .path-mod-forum.nested-v2-display-mode .dimmed_text {
33632 color: #707070 !important; /* stylelint-disable-line declaration-no-important */
33634 .path-mod-forum .nested-v2-display-mode .author-header,
33635 .path-mod-forum.nested-v2-display-mode .author-header {
33636 font-style: italic;
33638 .path-mod-forum .nested-v2-display-mode .author-header .author-name,
33639 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
33640 font-style: normal;
33642 .path-mod-forum .nested-v2-display-mode .tag_list > b,
33643 .path-mod-forum.nested-v2-display-mode .tag_list > b {
33644 position: absolute;
33645 width: 1px;
33646 height: 1px;
33647 padding: 0;
33648 margin: -1px;
33649 overflow: hidden;
33650 clip: rect(0, 0, 0, 0);
33651 white-space: nowrap;
33652 border: 0;
33654 .path-mod-forum .nested-v2-display-mode :target > .focus-target,
33655 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
33656 animation-name: background-highlight;
33657 animation-duration: 1s;
33658 animation-timing-function: ease-in-out;
33659 animation-iteration-count: 1;
33661 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
33662 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
33663 border-top: 1px solid #dee2e6;
33664 padding-top: 1.5rem;
33666 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
33667 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
33668 border-top: none;
33669 padding-top: 0;
33671 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
33672 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
33673 display: none;
33675 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
33676 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
33677 margin-bottom: 0;
33679 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
33680 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
33681 width: 70px;
33682 margin-right: 24px;
33683 flex-shrink: 0;
33685 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
33686 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
33687 border: 0;
33688 resize: none;
33690 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
33691 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
33693 * The first post and first set of replies have a larger author image so offset the 2nd
33694 * set of replies by the image width + margin to ensure they align.
33697 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
33698 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
33699 padding-left: 94px;
33701 * Reduce the size of the the author image for all second level replies (and below).
33704 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
33707 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
33708 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
33709 width: 30px;
33710 margin-right: 8px;
33711 padding-top: 3px;
33713 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
33714 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
33715 padding-left: 38px;
33717 * Stop indenting the replies after the 5th reply.
33720 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
33721 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
33722 padding-left: 0;
33725 /** Extra small devices (portrait phones, less than 576px). */
33726 @media (max-width: 767.98px) {
33727 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
33728 width: 30px;
33729 margin-right: 8px;
33731 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
33732 padding-left: 38px;
33734 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
33735 padding-left: 0;
33737 #page-mod-forum-discuss.nested-v2-display-mode .group-image {
33738 width: 30px;
33739 height: 30px;
33742 .filter-scrollable {
33743 overflow-y: auto;
33744 max-height: 25em;
33745 margin-bottom: 1em;
33748 .filter-dates-popover {
33749 width: 100%;
33750 max-width: 41.5em;
33753 /* stylelint-disable-line max-line-length */
33754 @keyframes expandSearchButton {
33755 from {
33756 height: 36px;
33757 width: 36px;
33758 border-radius: 18px;
33759 background-color: #e9ecef;
33761 to {
33762 width: 100%;
33763 height: calc(1.5em + 1rem + 2px);
33764 border-radius: 0;
33765 background-color: #fff;
33766 border-color: #8f959e;
33767 padding-left: calc(0.5rem + 8px);
33768 padding-top: 0.5rem;
33769 padding-bottom: 0.5rem;
33770 font-size: 1.171875rem;
33771 @media (max-width: 1200px) {
33772 font-size: calc(0.9271875rem + 0.32625vw);
33774 line-height: 1.5;
33775 right: 0;
33778 @keyframes collapseSearchButton {
33779 from {
33780 width: 100%;
33781 height: calc(1.5em + 1rem + 2px);
33782 border-radius: 0;
33783 background-color: #fff;
33784 border-color: #8f959e;
33785 padding-left: calc(0.5rem + 8px);
33786 padding-top: 0.5rem;
33787 padding-bottom: 0.5rem;
33788 font-size: 1.171875rem;
33789 @media (max-width: 1200px) {
33790 font-size: calc(0.9271875rem + 0.32625vw);
33792 line-height: 1.5;
33793 right: 0;
33795 to {
33796 height: 36px;
33797 width: 36px;
33798 border-radius: 18px;
33799 background-color: #e9ecef;
33802 .path-mod-forum .unified-grader .navbar {
33803 max-height: none;
33804 z-index: 1;
33806 .path-mod-forum .unified-grader .body-container {
33807 overflow: auto;
33809 .path-mod-forum .unified-grader .body-container.hidden {
33810 display: none !important; /* stylelint-disable-line declaration-no-important */
33812 .path-mod-forum .unified-grader .userpicture {
33813 height: 60px;
33814 width: 60px;
33816 .path-mod-forum .unified-grader .grader-grading-panel {
33817 top: 0;
33818 position: absolute;
33819 height: 100%;
33820 z-index: 0;
33821 width: 430px;
33823 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
33824 right: -430px;
33826 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
33827 width: 36px;
33829 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
33830 max-width: 240px;
33832 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
33833 width: 36px;
33834 height: 36px;
33835 display: flex;
33836 text-align: center;
33837 align-items: center;
33838 justify-content: center;
33840 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
33841 height: 65px;
33842 position: relative;
33843 overflow: hidden;
33845 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
33846 position: absolute;
33847 top: 50%;
33848 left: 0;
33849 transform: translateY(-50%);
33850 width: 100%;
33851 height: 100%;
33852 padding: 0.5rem;
33853 padding-right: calc(36px + 0.5rem);
33854 opacity: 1;
33855 visibility: visible;
33856 transition: left 0.3s ease-in-out;
33857 z-index: 1;
33859 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
33860 animation-name: expandSearchButton;
33861 animation-duration: 0.3s;
33862 animation-timing-function: ease-in-out;
33864 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
33865 display: block;
33866 animation-name: collapseSearchButton;
33867 animation-duration: 0.3s;
33869 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
33870 overflow: hidden;
33871 position: absolute;
33872 top: 50%;
33873 right: 0;
33874 transform: translateY(-50%);
33875 z-index: 2;
33876 width: 100%;
33877 height: 100% !important; /* stylelint-disable-line declaration-no-important */
33878 padding: 0.5rem;
33880 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
33881 position: relative;
33882 overflow: visible;
33883 flex-wrap: nowrap;
33885 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
33886 padding-left: calc(0.5rem + 0.5rem + 34px);
33887 padding-right: calc(0.5rem + 36px);
33888 opacity: 1;
33889 visibility: visible;
33890 transition: opacity 0s linear 0.3s, visibility 0s linear;
33892 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
33893 position: absolute;
33894 top: 50%;
33895 left: 0.5rem;
33896 transform: translateY(-50%);
33897 color: #495057;
33898 height: 36px;
33899 width: 34px;
33900 background-color: #fff;
33901 opacity: 1;
33902 visibility: visible;
33903 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
33905 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
33906 position: absolute;
33907 top: 50%;
33908 right: 0.5rem;
33909 transform: translateY(-50%);
33910 z-index: 1;
33911 color: inherit;
33912 text-align: left;
33913 padding-left: 9px;
33914 transition: right 0s linear 0.3s;
33916 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
33917 opacity: 1;
33918 visibility: visible;
33919 max-width: 50px;
33920 max-height: 50px;
33921 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33923 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
33924 opacity: 0;
33925 visibility: hidden;
33926 max-height: 0;
33927 max-width: 0;
33928 overflow: hidden;
33929 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33931 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
33932 width: calc(36px + 0.5rem + 0.5rem);
33933 transition: width 0.3s ease-in-out;
33935 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
33936 flex-wrap: nowrap;
33938 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
33939 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
33940 opacity: 0;
33941 visibility: hidden;
33942 transition: opacity 0s linear, visibility 0s linear;
33944 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
33945 padding-left: 0;
33946 padding-right: 0;
33948 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
33949 opacity: 0;
33950 visibility: hidden;
33951 max-height: 0;
33952 max-width: 0;
33953 overflow: hidden;
33954 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
33956 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
33957 opacity: 1;
33958 visibility: visible;
33959 max-width: 50px;
33960 max-height: 50px;
33961 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
33963 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
33964 opacity: 0;
33965 visibility: hidden;
33966 left: -100%;
33967 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
33969 .path-mod-forum .unified-grader .grader-module-content {
33970 overflow-y: auto;
33971 margin-right: 430px;
33972 transition: margin-right 0.2s ease-in-out;
33974 @media (prefers-reduced-motion: reduce) {
33975 .path-mod-forum .unified-grader .grader-module-content {
33976 transition: none;
33979 .path-mod-forum .unified-grader .drawer-button {
33980 position: relative;
33982 .path-mod-forum .unified-grader .drawer-button.active::after {
33983 content: "";
33984 position: absolute;
33985 bottom: calc(-0.5rem - 1px);
33986 left: 0;
33987 width: 100%;
33988 height: 3px;
33989 background-color: #0f6cbf;
33991 .path-mod-forum .unified-grader .drawer-button .icon {
33992 font-size: 20px;
33993 height: 20px;
33994 width: 20px;
33996 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
33997 display: none;
33999 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
34000 display: none;
34002 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
34003 position: relative;
34005 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
34006 position: absolute;
34007 height: 100%;
34008 width: 100%;
34009 left: 0;
34010 top: 0;
34011 padding-left: calc(1rem + 45px);
34012 text-align: left;
34013 z-index: 1;
34015 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
34016 display: none;
34018 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
34019 display: block;
34020 height: auto !important; /* stylelint-disable-line declaration-no-important */
34022 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
34023 transition: margin-bottom 0.3s ease-in-out;
34025 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
34026 opacity: 1;
34027 visibility: visible;
34028 max-height: none;
34029 transition: opacity 0.3s linear, visibility 0s linear;
34031 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
34032 opacity: 1;
34033 visibility: visible;
34034 max-height: none;
34035 transition: opacity 0.3s linear, visibility 0s linear;
34037 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
34038 opacity: 1;
34039 visibility: visible;
34040 max-height: none;
34041 transition: opacity 0.3s linear, visibility 0s linear;
34043 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
34044 opacity: 0.3;
34046 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
34047 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
34049 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
34050 opacity: 0;
34051 visibility: hidden;
34052 max-height: 0;
34054 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
34055 opacity: 0;
34056 visibility: hidden;
34057 max-height: 0;
34059 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
34060 opacity: 0;
34061 visibility: hidden;
34062 max-height: 0;
34064 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
34065 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
34066 opacity: 1;
34068 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
34069 height: 250px;
34070 width: 250px;
34071 margin-right: 0;
34073 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
34074 padding-left: 94px;
34076 .path-mod-forum .unified-grader .no-search-results-container .icon {
34077 height: 250px;
34078 width: 250px;
34079 margin-right: 0;
34081 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
34082 margin-left: 94px;
34083 border-radius: 0.6rem;
34085 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
34086 position: relative;
34088 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
34089 position: absolute;
34090 top: calc(70px + 0.5rem);
34091 content: "";
34092 background-color: #e9ecef;
34093 width: 2px;
34094 height: calc(100% - 70px + 0.5rem);
34096 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
34097 width: 30px !important; /* stylelint-disable-line declaration-no-important */
34100 .path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
34101 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
34102 display: none;
34105 @media (max-width: 575.98px) {
34106 .path-mod-forum .unified-grader .grader-grading-panel {
34107 width: 100%;
34108 position: fixed;
34109 height: calc(100vh - 50px);
34110 overflow: scroll;
34111 top: 50px;
34113 .path-mod-forum .unified-grader .body-container {
34114 overflow: visible;
34117 .maincalendar .calendarmonth td,
34118 .maincalendar .calendarmonth th {
34119 border: 1px dotted #dee2e6;
34122 .path-grade-report-grader h1 {
34123 text-align: inherit;
34126 #page-mod-chat-gui_basic input#message {
34127 max-width: 100%;
34130 #page-mod-data-view #singleimage {
34131 width: auto;
34134 .template_heading {
34135 margin-top: 10px;
34138 .breadcrumb-button {
34139 margin-top: 4px;
34142 .breadcrumb-button .singlebutton {
34143 float: left;
34144 margin-left: 4px;
34147 .langmenu form {
34148 margin: 0;
34151 canvas {
34152 -ms-touch-action: auto;
34155 div#dock {
34156 display: none;
34159 /** General styles (scope: all of lesson) **/
34160 .path-mod-lesson .invisiblefieldset.fieldsetfix {
34161 display: block;
34164 .path-mod-lesson .answeroption .checkbox label p {
34165 display: inline;
34168 .path-mod-lesson .slideshow {
34169 overflow: auto;
34170 padding: 15px;
34173 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type=submit] {
34174 white-space: normal;
34177 #page-mod-lesson-view .vertical .singlebutton {
34178 display: block;
34180 #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
34181 margin-left: 0;
34182 margin-top: 1rem;
34184 #page-mod-lesson-view .fitem .felement .custom-select {
34185 align-self: flex-start;
34188 .path-mod-lesson .generaltable td {
34189 vertical-align: middle;
34191 .path-mod-lesson .generaltable td label {
34192 margin-bottom: 0;
34194 .path-mod-lesson .generaltable td .highlight {
34195 display: inline-block;
34196 margin-left: 0.25rem;
34198 .path-mod-lesson .generaltable td input[type=checkbox] {
34199 display: block;
34202 .path-mod-wiki .wiki_headingtitle,
34203 .path-mod-wiki .midpad,
34204 .path-mod-wiki .wiki_headingtime {
34205 text-align: inherit;
34208 .path-mod-wiki .wiki_contentbox {
34209 width: 100%;
34212 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
34213 background-color: rgba(0, 0, 0, 0.03);
34215 .path-mod-survey .surveytable .rblock label {
34216 text-align: center;
34219 .nav .caret {
34220 margin-left: 4px;
34223 .nav .divider {
34224 overflow: hidden;
34225 width: 0;
34228 .userloggedinas .usermenu .usertext,
34229 .userswitchedrole .usermenu .usertext,
34230 .loginfailures .usermenu .usertext {
34231 float: left;
34232 text-align: right;
34233 margin-right: 0.5rem;
34234 height: 35px;
34236 .userloggedinas .usermenu .usertext .meta,
34237 .userswitchedrole .usermenu .usertext .meta,
34238 .loginfailures .usermenu .usertext .meta {
34239 font-size: 0.8203125rem;
34240 align-items: center;
34242 .userloggedinas .usermenu .avatar img,
34243 .userswitchedrole .usermenu .avatar img,
34244 .loginfailures .usermenu .avatar img {
34245 margin: 0;
34248 .userloggedinas .usermenu .userbutton .avatars {
34249 position: relative;
34250 display: inline-block;
34252 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
34253 display: inline-block;
34254 position: absolute;
34255 bottom: 0;
34256 right: 0;
34257 width: 20px;
34258 height: 20px;
34259 border-radius: 50%;
34261 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
34262 vertical-align: baseline;
34264 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
34265 width: 20px;
34266 height: 20px;
34267 border: 1px solid #dee2e6;
34268 background-color: #fff;
34269 font-size: 0.5625rem;
34271 .userloggedinas .usermenu .userbutton .avatars .avatar img {
34272 width: inherit;
34273 height: inherit;
34275 .userloggedinas .usermenu .userbutton .avatars .realuser {
34276 width: 35px;
34277 height: 35px;
34278 display: inline-block;
34281 .userinitials {
34282 background-color: #e9ecef;
34283 vertical-align: middle;
34284 display: inline-flex;
34285 align-items: center;
34286 justify-content: center;
34287 border-radius: 50%;
34288 color: #343a40;
34289 font-weight: normal;
34290 margin-right: 0.25rem;
34292 .userinitials.size-16, .userinitials.size-30 {
34293 font-size: 0.7rem;
34294 width: 30px;
34295 height: 30px;
34297 .userinitials.size-35 {
34298 width: 35px;
34299 height: 35px;
34301 .userinitials.size-50 {
34302 width: 50px;
34303 height: 50px;
34305 .userinitials.size-64 {
34306 width: 64px;
34307 height: 64px;
34309 .userinitials.size-100 {
34310 width: 100px;
34311 height: 100px;
34312 font-size: 1.875rem;
34315 img.userpicture {
34316 margin-right: 0.25rem;
34319 @media (max-width: 767.98px) {
34320 .usertext {
34321 display: none;
34324 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
34325 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
34326 width: auto;
34327 max-width: none;
34330 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
34331 float: left;
34332 width: 20rem;
34333 display: inline-block;
34334 min-height: 12rem;
34337 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
34338 line-height: 1.5;
34339 vertical-align: bottom;
34342 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
34343 width: auto;
34344 height: 22px;
34345 justify-content: flex-start;
34348 #page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
34349 width: 90%;
34350 height: 22px;
34353 .path-mod-quiz #mod_quiz_navblock .qnbutton {
34354 text-decoration: none;
34355 font-size: 14px;
34356 line-height: 20px;
34357 font-weight: normal;
34358 background-color: #fff;
34359 background-image: none;
34360 height: 40px;
34361 width: 30px;
34362 border-radius: 3px;
34363 border: 0;
34364 overflow: hidden;
34365 white-space: nowrap;
34366 margin: 0 6px 6px 0;
34368 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
34369 cursor: default;
34370 background-color: #e9ecef;
34371 color: #495057;
34373 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
34374 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
34375 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
34376 text-decoration: underline;
34378 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
34379 border: 1px solid;
34380 border-radius: 3px;
34381 z-index: 1;
34383 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
34384 border-width: 3px;
34386 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
34387 border-width: 1px;
34389 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
34390 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
34392 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
34393 border: 0;
34394 background: #fff none center/10px no-repeat scroll;
34395 height: 20px;
34396 margin-top: 20px;
34397 border-radius: 0 0 3px 3px;
34399 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
34400 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34401 background-color: #fff;
34403 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34404 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
34406 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
34407 background-image: url([[pix:theme|mod/quiz/checkmark]]);
34408 background-color: #357a32;
34410 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
34411 background-image: url([[pix:core|t/locked]]);
34412 background-color: #e9ecef;
34414 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
34415 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
34416 background-color: #ca3120;
34418 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
34419 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
34420 background-color: #f0ad4e;
34422 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
34423 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
34424 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
34425 background-color: #6a737b;
34428 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
34429 height: 1.4em;
34430 vertical-align: middle;
34433 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
34434 padding: 0.5em 0 0.5em 0.1em;
34435 margin: 2px;
34438 /* Countdown timer. */
34439 #page-mod-quiz-attempt #region-main {
34440 overflow-x: inherit;
34443 #quiz-timer-wrapper {
34444 display: none;
34445 position: sticky;
34446 justify-content: end;
34447 top: 65px;
34448 z-index: 1020;
34450 #quiz-timer-wrapper #quiz-timer {
34451 border: 1px solid #ca3120;
34452 background-color: #fff;
34455 .pagelayout-embedded #quiz-timer-wrapper {
34456 top: 5px;
34459 #quiz-timer-wrapper #quiz-timer.timeleft0 {
34460 background-color: #ca3120;
34461 color: #fff;
34464 #quiz-timer-wrapper #quiz-timer.timeleft1 {
34465 background-color: #d73422;
34466 color: #fff;
34469 #quiz-timer-wrapper #quiz-timer.timeleft2 {
34470 background-color: #dd3d2b;
34471 color: #fff;
34474 #quiz-timer-wrapper #quiz-timer.timeleft3 {
34475 background-color: #e04938;
34476 color: #fff;
34479 #quiz-timer-wrapper #quiz-timer.timeleft4 {
34480 background-color: #e25546;
34481 color: #fff;
34484 #quiz-timer-wrapper #quiz-timer.timeleft5 {
34485 background-color: #e46153;
34486 color: #fff;
34489 #quiz-timer-wrapper #quiz-timer.timeleft6 {
34490 background-color: #e66d60;
34491 color: #fff;
34494 #quiz-timer-wrapper #quiz-timer.timeleft7 {
34495 background-color: #e8796d;
34496 color: #1d2125;
34499 #quiz-timer-wrapper #quiz-timer.timeleft8 {
34500 background-color: #ea867a;
34501 color: #1d2125;
34504 #quiz-timer-wrapper #quiz-timer.timeleft9 {
34505 background-color: #ec9288;
34506 color: #1d2125;
34509 #quiz-timer-wrapper #quiz-timer.timeleft10 {
34510 background-color: #ee9e95;
34511 color: #1d2125;
34514 #quiz-timer-wrapper #quiz-timer.timeleft11 {
34515 background-color: #f0aaa2;
34516 color: #1d2125;
34519 #quiz-timer-wrapper #quiz-timer.timeleft12 {
34520 background-color: #f2b6af;
34521 color: #1d2125;
34524 #quiz-timer-wrapper #quiz-timer.timeleft13 {
34525 background-color: #f4c2bc;
34526 color: #1d2125;
34529 #quiz-timer-wrapper #quiz-timer.timeleft14 {
34530 background-color: #f7ceca;
34531 color: #1d2125;
34534 #quiz-timer-wrapper #quiz-timer.timeleft15 {
34535 background-color: #f9dad7;
34536 color: #1d2125;
34539 #quiz-timer-wrapper #quiz-timer.timeleft16 {
34540 background-color: #fbe6e4;
34541 color: #1d2125;
34544 .path-mod-assign [data-region=grade-actions-panel] [data-region=grade-actions] .collapse-buttons {
34545 top: auto;
34548 .path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
34549 height: calc(100% - 4rem);
34552 .path-mod-assign [data-region=grade-panel] {
34553 padding-top: 1rem;
34556 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-3,
34557 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-9 {
34558 width: 100%;
34559 padding: 0;
34560 max-width: 100%;
34561 flex: none;
34564 .path-mod-assign [data-region=grade-panel] fieldset,
34565 .path-mod-assign [data-region=grade-panel] .fitem.row {
34566 margin: 0;
34569 .path-mod-assign [data-region=grade-panel] .mform .fitem.has-popout .felement {
34570 width: 100%;
34571 overflow: auto;
34572 height: calc(100% - 4rem);
34575 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement {
34576 width: auto;
34579 .path-mod-assign [data-region=grade-panel] .popout {
34580 background-color: #fff;
34583 .path-mod-assign [data-region=grade-panel] .fitem.has-popout {
34584 background-color: #fff;
34585 border-radius: 0.5rem;
34586 border: 1px solid rgba(0, 0, 0, 0.125);
34587 padding: 1.25rem;
34588 margin-bottom: 1rem;
34591 .path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
34592 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
34593 margin-bottom: 1rem;
34596 .path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
34597 display: flex;
34598 align-items: flex-start;
34599 justify-content: space-between;
34600 font-size: 1.40625rem;
34603 .path-mod-assign [data-region=grade-panel] .popout [data-region=popout-button] {
34604 margin-top: 0;
34607 .path-mod-assign [data-region=assignment-info] {
34608 overflow-y: hidden;
34611 .path-mod-assign [data-region=grading-navigation] {
34612 padding: 6px;
34615 .path-mod-assign [data-region=grade-actions] {
34616 padding: 10px;
34619 .path-mod-assign [data-region=user-info] .img-rounded {
34620 margin-top: 0;
34623 .path-mod-assign [data-region=grading-navigation-panel] {
34624 height: 85px;
34627 @media (max-width: 767px) {
34628 .path-mod-assign [data-region=grading-navigation-panel] {
34629 height: auto;
34631 .path-mod-assign [data-region=user-info] {
34632 margin-top: 1rem;
34635 .path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
34636 width: auto;
34637 display: inline-block;
34641 * Assign feedback.
34643 .assignfeedback_editpdf_widget * {
34644 box-sizing: content-box;
34647 .assignfeedback_editpdf_widget button {
34648 box-sizing: border-box;
34651 .assignfeedback_editpdf_widget .commentcolourbutton img {
34652 border-width: 0;
34655 .assignfeedback_editpdf_widget .label {
34656 position: relative;
34657 padding: 0.75rem 1.25rem;
34658 margin-bottom: 1rem;
34659 border: 0 solid transparent;
34660 border-radius: 0.5rem;
34661 color: #00434e;
34662 background-color: #cce6ea;
34663 border-color: #b8dce2;
34664 /* stylelint-disable-line max-line-length */
34666 .assignfeedback_editpdf_widget .label hr {
34667 border-top-color: #a6d3db;
34669 .assignfeedback_editpdf_widget .label .alert-link {
34670 color: #00171b;
34673 .assignfeedback_editpdf_menu {
34674 padding: 0;
34677 .path-mod-assign [data-region=grade-panel] .gradingform_guide .remark .commentchooser {
34678 float: none;
34681 .path-mod-assign [data-region=grade-panel] .gradingform_guide .markingguideremark {
34682 width: 100%;
34685 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement[data-fieldtype=grading] {
34686 padding-left: 1rem;
34687 padding-right: 1rem;
34690 .path-mod-assign [data-region=grade-panel] .showmarkerdesc,
34691 .path-mod-assign [data-region=grade-panel] .showstudentdesc {
34692 background-color: #fff;
34696 * Mod LTI.
34698 .path-admin-mod-lti .btn .loader img,
34699 .path-admin-mod-lti #tool-list-loader-container .loader img {
34700 height: auto;
34703 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
34704 background-color: #fff;
34706 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
34707 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
34708 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
34709 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34710 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34711 border: 0;
34713 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34714 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34715 border-radius: 0;
34717 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
34718 background-color: transparent;
34720 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
34721 background-color: #f8f9fa;
34723 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
34724 padding: 0 !important; /* stylelint-disable-line declaration-no-important */
34726 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
34727 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
34728 border: 0;
34729 padding: 3px 15px;
34730 white-space: nowrap;
34731 margin-bottom: 0;
34733 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
34734 padding: 10px 5px;
34736 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
34737 border-top: 1px solid #dee2e6;
34738 border-bottom: 1px solid #fff;
34740 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
34741 border-top: 1px solid #fff;
34742 border-bottom: 1px solid #dee2e6;
34743 padding: 5px 10px;
34745 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
34746 margin-right: 8px;
34747 border: 1px solid #ccc;
34748 border-radius: 4px;
34749 max-width: none;
34751 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
34752 margin: 20px 25px;
34754 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
34755 text-align: center;
34756 margin: 10px 0;
34757 font-size: 0.8203125rem;
34758 color: #495057;
34760 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34761 margin-bottom: 0.75rem;
34762 border-radius: 0.5rem;
34763 border: 1px solid rgba(0, 0, 0, 0.125);
34764 padding: 1.25rem;
34766 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
34767 float: right;
34768 font-size: 11px;
34769 color: #495057;
34771 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34772 background-color: #fff;
34774 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
34775 font-weight: bold;
34778 /* reports.less */
34779 #page-report-participation-index .participationselectform div label {
34780 display: inline-block;
34781 margin: 0 5px;
34784 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
34785 margin-left: 0;
34788 .path-backup .mform {
34789 /* These are long labels with checkboxes on the right. */
34791 .path-backup .mform .grouped_settings {
34792 clear: both;
34793 overflow: hidden;
34794 /* Use card styles but avoid extend because that brings in too much. */
34796 .path-backup .mform .grouped_settings.section_level {
34797 background-color: #fff;
34798 border-radius: 0.5rem;
34799 border: 1px solid rgba(0, 0, 0, 0.125);
34800 padding: 1.25rem;
34801 margin-bottom: 1.25rem;
34803 .path-backup .mform .grouped_settings.section_level::after {
34804 display: block;
34805 clear: both;
34806 content: "";
34808 .path-backup .mform .include_setting {
34809 width: 50%;
34810 display: inline-block;
34811 float: left;
34812 padding: 0.3rem;
34814 .path-backup .mform .normal_setting {
34815 width: 50%;
34816 display: inline-block;
34817 float: left;
34818 padding: 0.3rem;
34821 .path-backup {
34822 /* Bold section labels */
34824 .path-backup .section_level {
34825 font-weight: bold;
34827 .path-backup .section_level .activity_level {
34828 font-weight: normal;
34830 .path-backup .proceedbutton {
34831 margin-left: auto;
34834 /* Override the columns width to leave more room for the labels. */
34835 .path-backup .mform .root_setting,
34836 .path-backup .mform .grouped_settings {
34837 /* Striped rows like a table */
34839 .path-backup .mform .root_setting:nth-of-type(odd),
34840 .path-backup .mform .grouped_settings:nth-of-type(odd) {
34841 background-color: rgba(0, 0, 0, 0.03);
34843 .path-backup .mform .root_setting:nth-of-type(even),
34844 .path-backup .mform .grouped_settings:nth-of-type(even) {
34845 background-color: #fff;
34847 .path-backup .mform .root_setting .fitem,
34848 .path-backup .mform .grouped_settings .fitem {
34849 /* These checkboxes with no label on the left. */
34851 .path-backup .mform .root_setting .fitem .col-md-3.checkbox,
34852 .path-backup .mform .grouped_settings .fitem .col-md-3.checkbox {
34853 width: 0%;
34855 .path-backup .mform .root_setting .fitem .col-md-9.checkbox,
34856 .path-backup .mform .grouped_settings .fitem .col-md-9.checkbox {
34857 width: 100%;
34858 left: 0;
34861 /* Detail pair is (usually) some short label with a longer value */
34862 .path-backup .detail-pair .detail-pair-label {
34863 width: 25%;
34864 float: left;
34865 clear: left;
34867 .path-backup .detail-pair .detail-pair-value {
34868 width: 75%;
34869 float: left;
34872 .path-backup .backup-restore .singlebutton {
34873 float: right;
34876 /* Make these bits full width and work with the detail-pair */
34877 .path-backup .backup-section {
34878 /* Fix for nested table headers */
34879 /* Add card styles to backup sections */
34880 background-color: #fff;
34881 border-radius: 0.5rem;
34882 border: 1px solid rgba(0, 0, 0, 0.125);
34883 padding: 1.25rem;
34884 margin-bottom: 1.25rem;
34886 .path-backup .backup-section .sub-header,
34887 .path-backup .backup-section .backup-sub-section,
34888 .path-backup .backup-section .singlebutton,
34889 .path-backup .backup-section .header {
34890 width: 100%;
34891 float: left;
34892 clear: both;
34894 .path-backup .backup-section th.header {
34895 width: auto;
34896 float: none;
34898 .path-backup .backup-section ::after {
34899 content: "";
34900 display: table;
34901 clear: both;
34903 .path-backup .backup-section::after {
34904 display: block;
34905 clear: both;
34906 content: "";
34909 .path-backup .notification.dependencies_enforced {
34910 color: #ca3120;
34911 font-weight: bold;
34914 .path-backup .backup_progress {
34915 margin-top: 1rem;
34916 margin-bottom: 1rem;
34918 .path-backup .backup_progress .backup_stage {
34919 color: #6a737b;
34921 .path-backup .backup_progress .backup_stage.backup_stage_current {
34922 font-weight: bold;
34923 color: inherit;
34926 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
34927 color: inherit;
34930 #page-backup-restore .filealiasesfailures {
34931 background-color: #f4d6d2;
34933 #page-backup-restore .filealiasesfailures .aliaseslist {
34934 background-color: #fff;
34937 .path-backup .wibbler {
34938 width: 500px;
34939 margin: 0 auto 10px;
34940 border-bottom: 1px solid #000;
34941 border-right: 1px solid #000;
34942 border-left: 1px solid #000;
34943 position: relative;
34944 min-height: 4px;
34946 .path-backup .wibbler .wibble {
34947 position: absolute;
34948 left: 0;
34949 right: 0;
34950 top: 0;
34951 height: 4px;
34953 .path-backup .wibbler .state0 {
34954 background: #eee;
34956 .path-backup .wibbler .state1 {
34957 background: #ddd;
34959 .path-backup .wibbler .state2 {
34960 background: #ccc;
34962 .path-backup .wibbler .state3 {
34963 background: #bbb;
34965 .path-backup .wibbler .state4 {
34966 background: #aaa;
34968 .path-backup .wibbler .state5 {
34969 background: #999;
34971 .path-backup .wibbler .state6 {
34972 background: #888;
34974 .path-backup .wibbler .state7 {
34975 background: #777;
34977 .path-backup .wibbler .state8 {
34978 background: #666;
34980 .path-backup .wibbler .state9 {
34981 background: #555;
34983 .path-backup .wibbler .state10 {
34984 background: #444;
34986 .path-backup .wibbler .state11 {
34987 background: #333;
34989 .path-backup .wibbler .state12 {
34990 background: #222;
34993 .generaltable {
34994 width: 100%;
34995 margin-bottom: 1rem;
34996 color: #1d2125;
34998 .generaltable th,
34999 .generaltable td {
35000 padding: 0.75rem;
35001 vertical-align: top;
35002 border-top: 1px solid #dee2e6;
35004 .generaltable th .form-check,
35005 .generaltable td .form-check {
35006 padding: 0;
35008 .generaltable thead th,
35009 .generaltable thead td {
35010 vertical-align: bottom;
35011 border-bottom: 2px solid #dee2e6;
35013 .generaltable tbody + tbody {
35014 border-top: 2px solid #dee2e6;
35016 .generaltable tbody tr:nth-of-type(odd) {
35017 background-color: rgba(0, 0, 0, 0.03);
35019 .generaltable thead .sticky-column,
35020 .generaltable tbody tr:nth-of-type(even) {
35021 background-color: #fff;
35023 .generaltable tbody tr:nth-of-type(odd) .sticky-column {
35024 background-color: rgba(0, 0, 0, 0.03);
35026 .generaltable.table-sm th,
35027 .generaltable.table-sm td {
35028 padding: 0.3rem;
35030 .generaltable tbody tr:hover {
35031 color: #1d2125;
35032 background-color: rgba(0, 0, 0, 0.075);
35034 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
35035 color: #1d2125;
35037 .generaltable tbody tr:hover td.sticky-column {
35038 background-color: rgba(0, 0, 0, 0.075);
35041 table caption {
35042 font-size: 24px;
35043 font-weight: bold;
35044 line-height: 42px;
35045 text-align: left;
35046 caption-side: top;
35048 table .sticky-column {
35049 position: sticky;
35050 left: 0;
35051 background-color: inherit;
35054 .table-dynamic .loading-icon {
35055 position: absolute;
35056 left: calc(50% - 1.5rem);
35057 top: 200px;
35059 .table-dynamic .loading-icon .icon {
35060 height: 3rem;
35061 width: 3rem;
35062 font-size: 3rem;
35065 .singlebutton {
35066 display: inline-block;
35068 .singlebutton + .singlebutton {
35069 margin-left: 0.5rem;
35072 .continuebutton {
35073 text-align: center;
35076 p.arrow_button {
35077 margin-top: 5em;
35078 text-align: center;
35081 #addcontrols {
35082 margin-top: 11.25rem;
35083 text-align: center;
35084 margin-bottom: 3em;
35086 #addcontrols label {
35087 display: inline;
35090 #addcontrols input,
35091 #removecontrols input {
35092 width: 100%;
35093 margin: auto;
35096 .btn-lineup {
35097 margin: 0 0 10px 5px;
35100 .btn.btn-icon {
35101 height: 36px;
35102 width: 36px;
35103 font-size: 16px;
35104 line-height: 16px;
35105 padding: 0;
35106 border-radius: 50%;
35107 flex-shrink: 0;
35109 .btn.btn-icon:hover, .btn.btn-icon:focus {
35110 background-color: #e9ecef;
35112 .btn.btn-icon.icon-size-0 {
35113 height: 20px !important; /* stylelint-disable-line declaration-no-important */
35114 width: 20px !important; /* stylelint-disable-line declaration-no-important */
35115 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
35116 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
35118 .btn.btn-icon.icon-size-1 {
35119 height: 24px !important; /* stylelint-disable-line declaration-no-important */
35120 width: 24px !important; /* stylelint-disable-line declaration-no-important */
35121 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
35122 line-height: 4px !important; /* stylelint-disable-line declaration-no-important */
35124 .btn.btn-icon.icon-size-2 {
35125 height: 28px !important; /* stylelint-disable-line declaration-no-important */
35126 width: 28px !important; /* stylelint-disable-line declaration-no-important */
35127 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
35128 line-height: 8px !important; /* stylelint-disable-line declaration-no-important */
35130 .btn.btn-icon.icon-size-3 {
35131 height: 36px !important; /* stylelint-disable-line declaration-no-important */
35132 width: 36px !important; /* stylelint-disable-line declaration-no-important */
35133 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
35134 line-height: 16px !important; /* stylelint-disable-line declaration-no-important */
35136 .btn.btn-icon.icon-size-4 {
35137 height: 44px !important; /* stylelint-disable-line declaration-no-important */
35138 width: 44px !important; /* stylelint-disable-line declaration-no-important */
35139 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
35140 line-height: 24px !important; /* stylelint-disable-line declaration-no-important */
35142 .btn.btn-icon.icon-size-5 {
35143 height: 52px !important; /* stylelint-disable-line declaration-no-important */
35144 width: 52px !important; /* stylelint-disable-line declaration-no-important */
35145 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
35146 line-height: 32px !important; /* stylelint-disable-line declaration-no-important */
35148 .btn.btn-icon.icon-size-6 {
35149 height: 60px !important; /* stylelint-disable-line declaration-no-important */
35150 width: 60px !important; /* stylelint-disable-line declaration-no-important */
35151 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
35152 line-height: 40px !important; /* stylelint-disable-line declaration-no-important */
35154 .btn.btn-icon.icon-size-7 {
35155 height: 68px !important; /* stylelint-disable-line declaration-no-important */
35156 width: 68px !important; /* stylelint-disable-line declaration-no-important */
35157 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
35158 line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
35161 .btn.btn-icon.icons-collapse-expand {
35162 color: #0f6cbf;
35163 background-color: #f5f9fc;
35165 .btn.btn-icon.icons-collapse-expand:hover {
35166 outline: 2px solid #0f6cbf;
35169 .btn-primary:focus, .btn-primary.focus {
35170 outline: 0.2rem solid #000102;
35171 box-shadow: inset 0 0 0 2px #fff;
35174 .btn-secondary:focus, .btn-secondary.focus {
35175 outline: 0.2rem solid #5f6e7d;
35176 box-shadow: inset 0 0 0 2px #fff;
35179 .btn-success:focus, .btn-success.focus {
35180 outline: 0.2rem solid black;
35181 box-shadow: inset 0 0 0 2px #fff;
35184 .btn-info:focus, .btn-info.focus {
35185 outline: 0.2rem solid black;
35186 box-shadow: inset 0 0 0 2px #fff;
35189 .btn-warning:focus, .btn-warning.focus {
35190 outline: 0.2rem solid #694109;
35191 box-shadow: inset 0 0 0 2px #fff;
35194 .btn-danger:focus, .btn-danger.focus {
35195 outline: 0.2rem solid #1a0604;
35196 box-shadow: inset 0 0 0 2px #fff;
35199 .btn-light:focus, .btn-light.focus {
35200 outline: 0.2rem solid #8193a5;
35201 box-shadow: inset 0 0 0 2px #fff;
35204 .btn-dark:focus, .btn-dark.focus {
35205 outline: 0.2rem solid black;
35206 box-shadow: inset 0 0 0 2px #fff;
35209 .btn-outline-primary:focus, .btn-outline-primary.focus {
35210 outline: 0.2rem solid #000102;
35211 box-shadow: inset 0 0 0 2px #343a40;
35214 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
35215 outline: 0.2rem solid #5f6e7d;
35216 box-shadow: inset 0 0 0 2px #343a40;
35219 .btn-outline-success:focus, .btn-outline-success.focus {
35220 outline: 0.2rem solid black;
35221 box-shadow: inset 0 0 0 2px #343a40;
35224 .btn-outline-info:focus, .btn-outline-info.focus {
35225 outline: 0.2rem solid black;
35226 box-shadow: inset 0 0 0 2px #343a40;
35229 .btn-outline-warning:focus, .btn-outline-warning.focus {
35230 outline: 0.2rem solid #694109;
35231 box-shadow: inset 0 0 0 2px #343a40;
35234 .btn-outline-danger:focus, .btn-outline-danger.focus {
35235 outline: 0.2rem solid #1a0604;
35236 box-shadow: inset 0 0 0 2px #343a40;
35239 .btn-outline-light:focus, .btn-outline-light.focus {
35240 outline: 0.2rem solid #8193a5;
35241 box-shadow: inset 0 0 0 2px #343a40;
35244 .btn-outline-dark:focus, .btn-outline-dark.focus {
35245 outline: 0.2rem solid black;
35246 box-shadow: inset 0 0 0 2px #343a40;
35249 .gradetreebox {
35250 margin: 20px 0 30px 0;
35252 .gradetreebox h4 {
35253 font-size: 0.9375rem;
35255 .gradetreebox th.cell,
35256 .gradetreebox input[type=text] {
35257 width: auto;
35259 .gradetreebox input[type=text],
35260 .gradetreebox select {
35261 margin-bottom: 0;
35264 .core_grades_notices .singlebutton {
35265 display: inline-block;
35268 .path-grade-report #maincontent + .urlselect {
35269 position: absolute;
35270 left: 40vw;
35273 .path-grade-report-grader #region-main {
35274 min-width: 100%;
35275 width: auto;
35276 display: flex;
35277 flex-direction: column;
35279 .path-grade-report-grader #region-main > .card {
35280 width: auto;
35281 overflow-x: initial;
35283 .path-grade-report-grader #region-main div[role=main] {
35284 flex: 1 1 auto;
35286 .path-grade-report-grader [data-region=blocks-column] {
35287 width: 100%;
35288 clear: both;
35291 .path-grade-report-grader .gradepass,
35292 .path-grade-report-user .gradepass {
35293 color: #357a32;
35295 .path-grade-report-grader .gradefail,
35296 .path-grade-report-user .gradefail {
35297 color: #ca3120;
35300 .path-grade #region-main {
35301 overflow-x: visible;
35303 .path-grade .user-heading .userinitials {
35304 width: 50px;
35305 height: 50px;
35308 #page-grade-grading-manage #activemethodselector label {
35309 display: inline-block;
35311 #page-grade-grading-manage #activemethodselector .helptooltip {
35312 margin-right: 0.5em;
35314 #page-grade-grading-manage .actions {
35315 display: block;
35316 text-align: center;
35317 margin-bottom: 1em;
35319 #page-grade-grading-manage .actions .action {
35320 display: inline-block;
35321 position: relative;
35322 vertical-align: top;
35323 width: 150px;
35324 text-align: center;
35325 overflow: hidden;
35326 margin: 0.5em;
35327 padding: 1em;
35328 border: 1px solid #aaa;
35330 #page-grade-grading-manage .actions .action .action-text {
35331 position: relative;
35332 top: 0.4em;
35333 font-size: 14px;
35334 white-space: normal;
35337 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
35338 font-size: 70%;
35341 .gradingform_rubric {
35342 margin-bottom: 1em;
35344 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
35345 background: #dff0d8;
35347 .gradingform_rubric.evaluate .criterion .levels .level.checked {
35348 border: none;
35349 border-left: 1px solid #dee2e6;
35351 .gradingform_rubric .criterion .description {
35352 vertical-align: top;
35353 padding: 6px;
35355 .gradingform_rubric .criterion .description textarea {
35356 margin-bottom: 0;
35357 height: 115px;
35359 .gradingform_rubric .criterion .definition textarea {
35360 width: 80%;
35361 margin-bottom: 0;
35363 .gradingform_rubric .criterion .score {
35364 margin-top: 5px;
35365 margin-right: 28px;
35366 font-style: italic;
35367 font-weight: bold;
35368 color: #2d662a;
35370 .gradingform_rubric .criterion .score input {
35371 margin-bottom: 0;
35373 .gradingform_rubric .criterion .level {
35374 vertical-align: top;
35375 padding: 6px;
35377 .gradingform_rubric .criterion .level.currentchecked {
35378 background: #fff0f0;
35380 .gradingform_rubric .criterion .level.checked {
35381 background: #d0ffd0;
35382 border: 1px solid #555;
35384 .gradingform_rubric .criterion .level .delete {
35385 position: relative;
35386 width: 32px;
35387 height: 32px;
35388 margin-top: -32px;
35389 clear: both;
35390 float: right;
35392 .gradingform_rubric .criterion .level .delete input {
35393 display: block;
35394 position: absolute;
35395 right: 0;
35396 bottom: 0;
35397 height: 24px;
35398 width: 24px;
35399 margin: 0;
35401 .gradingform_rubric .criterion .level .delete input:hover {
35402 background-color: #ddd;
35404 .gradingform_rubric .criterion .scorevalue input {
35405 float: none;
35406 width: 2em;
35408 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
35409 width: 0;
35411 .gradingform_rubric .criterion .addlevel {
35412 vertical-align: top;
35413 padding-top: 6px;
35415 .gradingform_rubric .criterion .addlevel input {
35416 height: 30px;
35417 line-height: 1rem;
35419 .gradingform_rubric .addcriterion {
35420 margin-left: 5px;
35421 padding: 0;
35422 margin-bottom: 1em;
35424 .gradingform_rubric .addcriterion input {
35425 margin: 0;
35426 color: inherit;
35427 text-shadow: inherit;
35428 border: 0 none;
35429 line-height: inherit;
35430 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
35431 padding-left: 26px;
35433 .gradingform_rubric .options {
35434 clear: both;
35436 .gradingform_rubric .options .option label {
35437 margin: 0;
35438 padding: 0;
35439 font-size: inherit;
35440 font-weight: normal;
35441 line-height: 2em;
35442 color: inherit;
35443 text-shadow: none;
35444 background-color: transparent;
35446 .gradingform_rubric .options .option input {
35447 margin-left: 5px;
35448 margin-right: 12px;
35451 .grade-display .description {
35452 font-size: 1rem;
35455 .criterion .description {
35456 font-size: 1rem;
35458 .criterion .criterion-toggle .expanded-icon {
35459 display: block;
35461 .criterion .criterion-toggle .collapsed-icon {
35462 display: none;
35464 .criterion .criterion-toggle.collapsed .expanded-icon {
35465 display: none;
35467 .criterion .criterion-toggle.collapsed .collapsed-icon {
35468 display: block;
35471 .path-grade-edit-tree .collapse-list .unlist {
35472 padding-left: 2rem;
35474 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode]:focus > .collapse-list-item:first-child {
35475 background-color: #e0f0f2;
35476 border-color: #b8dce2;
35478 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][data-selected=true] > .collapse-list-item:first-child {
35479 background-color: #e0f0f2;
35480 border-color: #b8dce2;
35481 color: #0f6cbf;
35483 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode] .collapse-list-item-content[aria-hidden=true] {
35484 display: none;
35486 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=true] > .collapse-list-item .collapsed-icon {
35487 display: none;
35489 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=false] > .collapse-list-item .expanded-icon {
35490 display: none;
35492 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
35493 padding: 0.5rem 1rem;
35494 cursor: pointer;
35496 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
35497 font-weight: bold;
35499 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
35500 color: #1d2125;
35501 padding: 0 0.2rem;
35502 margin-right: 0.3rem;
35504 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
35505 font-size: 12px;
35506 width: 12px;
35507 height: 12px;
35508 margin: 0;
35510 .path-grade-edit-tree .gradetree-wrapper {
35511 padding: 10px 10px;
35512 background-color: #f8f9fa;
35514 .path-grade-edit-tree .gradetree-wrapper .setup-grades h4 {
35515 margin: 0;
35517 .path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
35518 padding: 0;
35519 width: 24px;
35520 min-width: 24px;
35521 max-width: 24px;
35523 .path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
35524 display: none;
35526 .path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
35527 font-weight: normal;
35528 padding-left: 24px;
35530 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
35531 height: 0.5rem;
35533 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden=true] {
35534 display: none;
35536 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
35537 vertical-align: bottom;
35538 border: none;
35539 text-align: left;
35540 background-color: #f8f9fa;
35542 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
35543 padding: 0;
35544 width: 24px;
35545 min-width: 24px;
35547 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
35548 min-width: 4.5em;
35549 background-color: #f8f9fa;
35550 border: none;
35551 vertical-align: middle;
35553 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small {
35554 font-size: 70%;
35556 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
35557 margin-right: 15px;
35559 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
35560 min-width: 15em;
35562 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
35563 margin-right: 5px;
35565 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
35566 display: none;
35568 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
35569 padding: 0;
35571 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
35572 display: block;
35573 width: 100%;
35574 margin: 5px 0 5px 0;
35575 padding: 3px 0 3px 0;
35577 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
35578 border-top: 2px dashed #8f959e;
35579 margin: 0;
35581 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
35582 border-top: 2px dashed #0f6cbf;
35584 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
35585 background-color: #fff;
35586 border-top: 1px solid #dee2e6;
35587 border-bottom: 1px solid #dee2e6;
35589 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
35590 border-left: 1px solid #dee2e6;
35592 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
35593 border-right: 1px solid #dee2e6;
35595 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
35596 font-weight: bold;
35598 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
35599 display: flex;
35600 min-height: 30px;
35601 align-items: center;
35603 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check {
35604 padding: 0;
35606 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check .itemselect {
35607 margin-right: 5px;
35609 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
35610 height: 24px;
35611 width: 24px;
35612 font-size: 12px;
35613 line-height: 24px;
35614 margin-right: 3px;
35616 .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 {
35617 display: none;
35619 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
35620 font-size: 12px;
35621 width: 12px;
35622 height: 12px;
35623 color: #1d2125;
35624 margin: 0;
35626 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
35627 background-color: #fff;
35628 border-top: 3px solid #f8f9fa;
35630 .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 {
35631 min-width: 4.5em;
35632 background-color: #f8f9fa;
35633 border: none;
35634 vertical-align: middle;
35636 .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 {
35637 padding-left: 0;
35639 .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) {
35640 font-weight: bold;
35642 .path-grade-edit-tree .gradetree-wrapper .badge-light {
35643 color: #1d2125;
35644 background-color: #ced4da;
35645 margin-right: 0.5em;
35646 margin-bottom: 0.5em;
35650 * Grader report.
35652 .path-grade-report-grader .gradeparent tr .cell,
35653 .path-grade-report-grader .gradeparent .floater .cell {
35654 background-color: #fff;
35656 .path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,
35657 .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
35658 z-index: 1;
35660 .path-grade-report-grader .gradeparent table,
35661 .path-grade-report-grader .gradeparent .cell {
35662 border-color: #dee2e6;
35664 .path-grade-report-grader .gradeparent .heading .cell,
35665 .path-grade-report-grader .gradeparent .cell.category,
35666 .path-grade-report-grader .gradeparent .avg .cell {
35667 background-color: #f8f9fa;
35669 .path-grade-report-grader .gradeparent table .clickable {
35670 cursor: pointer;
35672 .path-grade-report-grader .gradeparent tr.heading {
35673 position: sticky;
35674 top: 60px;
35675 z-index: 4;
35677 .path-grade-report-grader .gradeparent tr.userrow th {
35678 z-index: 2;
35680 .path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
35681 z-index: 3;
35683 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
35684 position: sticky;
35685 bottom: -1px;
35687 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
35688 z-index: 4;
35690 .path-grade-report-grader .gradeparent tr.lastrow td,
35691 .path-grade-report-grader .gradeparent tr.lastrow th {
35692 border-top: 1px solid #dee2e6;
35694 .path-grade-report-grader .gradeparent th.header {
35695 left: 0;
35696 position: sticky;
35698 .path-grade-report-grader .gradeparent th.header#studentheader {
35699 z-index: 1;
35701 .path-grade-report-grader .gradeparent td.noborder {
35702 border-right: transparent;
35704 .path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
35705 bottom: calc(max(80px, 0.9375rem * 3) - 1px);
35709 * User report.
35711 .path-grade-report-user .user-grade {
35712 border: none;
35714 .path-grade-report-user .user-grade.generaltable .levelodd {
35715 background-color: rgba(0, 0, 0, 0.03);
35717 .path-grade-report-user .user-grade .column-contributiontocoursetotal,
35718 .path-grade-report-user .user-grade .column-range,
35719 .path-grade-report-user .user-grade .column-percentage,
35720 .path-grade-report-user .user-grade .column-weight {
35721 /*rtl:ignore*/
35722 direction: ltr;
35726 * Single view.
35728 .path-grade-report-singleview .reporttable input[name^=finalgrade] {
35729 width: 80px;
35730 display: inline-block;
35732 .path-grade-report-singleview .reporttable .action-menu {
35733 display: inline-block;
35734 margin-left: 0.5rem;
35735 float: right;
35737 .path-grade-report-singleview .reporttable .dropdown-toggle::after {
35738 display: none;
35741 .gradereport-grader-table input[name^=grade] {
35742 width: 80px;
35743 display: inline-block;
35745 .gradereport-grader-table .dropdown-toggle::after {
35746 display: none;
35749 .search-widget .dropdown-menu {
35750 padding: 0.8rem 1.2rem;
35752 .search-widget .dropdown-menu.wide {
35753 width: 350px;
35755 .search-widget .dropdown-menu.narrow {
35756 width: 250px;
35758 .search-widget .dropdown-menu .dropdown-item span.email {
35759 color: #6a737b;
35761 .search-widget .dropdown-menu .dropdown-item:hover span,
35762 .search-widget .dropdown-menu .dropdown-item:active span {
35763 color: #fff;
35765 .search-widget .dropdown-menu .searchresultscontainer {
35766 height: 178px;
35767 font-size: 90%;
35769 .search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
35770 height: 178px;
35771 max-height: 178px;
35772 overflow: auto;
35774 .search-widget .dropdown-menu .unsearchablecontentcontainer {
35775 border-top: 1px solid #dee2e6;
35776 padding-top: 10px;
35777 font-size: 90%;
35780 #fitem_id_submitbutton {
35781 padding-right: 2em;
35784 .gradestatus {
35785 padding-top: 10px;
35788 .gradestatus .icon {
35789 margin-right: 1rem;
35792 .columns-autoflow-1to1to1 {
35793 column-count: 3;
35796 @media (max-width: 767px) {
35797 .columns-autoflow-1to1to1 {
35798 column-count: 1;
35801 /* some very targetted corrections to roll back nameclashes between
35802 * Moodle and Bootstrap like .row, .label, .content, .controls
35804 * Mostly relies on these styles being more specific than the Bootstrap
35805 * ones in order to overule them.
35807 li.activity.label,
35808 .file-picker td.label {
35809 background: inherit;
35810 color: inherit;
35811 border: inherit;
35812 text-shadow: none;
35813 white-space: normal;
35814 display: block;
35815 font-size: inherit;
35816 line-height: inherit;
35817 text-align: inherit;
35820 .file-picker td.label {
35821 display: table-cell;
35822 text-align: right;
35823 padding: 8px;
35826 .choosercontainer #chooseform .option {
35827 font-size: 12px;
35830 /* block.invisible vs .invisible
35831 * block.hidden vs .invisible
35833 * uses .invisible where the rest of Moodle uses @mixin dimmed
35834 * fixible in block renderer?
35836 * There's seems to be even more naming confusion here since,
35837 * blocks can be actually 'visible' (or not) to students,
35838 * marked 'visible' but really just dimmed to indicate to editors
35839 * that students can't see them or 'visible' to the user who
35840 * collapses them, 'visible' if you have the right role and in
35841 * different circumstances different sections of a block can
35842 * be 'visible' or not.
35844 * currently worked around in renderers.php function block{}
35845 * by rewriting the class name "invisible" to "dimmed",
35846 * though the blocks don't look particularly different apart
35847 * from their contents disappearing. Maybe try .muted? or
35848 * dimming all the edit icons apart from unhide, might be a
35849 * nice effect, though they'd still be active. Maybe reverse
35850 * it to white?
35852 li.section.hidden,
35853 .block.hidden,
35854 .block.invisible {
35855 visibility: visible;
35856 display: block;
35859 /* .row vs .row
35861 * very tricky to track down this when it goes wrong,
35862 * since the styles are applied to generated content
35864 * basically if you see things shifted left or right compared
35865 * with where they should be check for a .row
35867 .forumpost .row {
35868 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
35871 .forumpost .row:before,
35872 .forumpost .row:after {
35873 content: none;
35876 /* fieldset.hidden vs .hidden
35878 * Moodle uses fieldset.hidden for mforms, to signify a collection of
35879 * form elements that don't have a box drawn round them. Bootstrap
35880 * uses hidden for stuff that is hidden in various responsive modes.
35882 * Relatedly, there is also fieldset.invisiblefieldset which hides the
35883 * border and sets the display to inline.
35885 * Originally this just set block and visible, but it is used
35886 * in random question dialogue in Quiz,
35887 * that dialogue is hidden and shown, so when hidden the
35888 * above workaround leaves you with a button floating around
35890 fieldset.hidden {
35891 display: inherit;
35892 visibility: inherit;
35895 /* .container vs .container
35897 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
35898 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
35899 * it becomes near unuseable.
35901 #questionbank + .container {
35902 width: auto;
35905 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
35906 display: block;
35907 margin-top: -6px;
35910 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
35911 .langmenu.open > .dropdown-menu {
35912 display: block;
35913 max-height: 150px;
35914 overflow-y: auto;
35917 .navbar.fixed-top .dropdown .dropdown-menu {
35918 max-height: calc(100vh - 60px);
35919 overflow-y: auto;
35922 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
35923 z-index: inherit;
35926 .custom-select {
35927 word-wrap: normal;
35930 /* Add commented out carousel transistions back in.
35932 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
35934 .carousel-item-next.carousel-item-left,
35935 .carousel-item-prev.carousel-item-right {
35936 transform: translateX(0);
35939 .carousel-item-next,
35940 .active.carousel-item-right {
35941 transform: translateX(100%);
35944 .carousel-item-prev,
35945 .active.carousel-item-left {
35946 transform: translateX(-100%);
35950 * Reset all of the forced style on the page.
35951 * - Remove borders on header and content.
35952 * - Remove most of the vertical padding.
35953 * - Make the content region flex grow so it pushes things like the
35954 * next activity selector to the bottom of the page.
35956 body.reset-style #page-header .card {
35957 border: none;
35959 body.reset-style #page-header .card .page-header-headings h1 {
35960 margin-bottom: 0;
35962 @media (max-width: 767.98px) {
35963 body.reset-style #page-header .card .card-body {
35964 padding-left: 0;
35965 padding-right: 0;
35968 body.reset-style #page-header > div {
35969 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
35970 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
35972 body.reset-style #page-content {
35973 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
35975 body.reset-style #page-content #region-main-box #region-main {
35976 border: none;
35977 display: inline-flex;
35978 flex-direction: column;
35979 padding: 0;
35980 height: 100%;
35981 width: 100%;
35982 padding-left: 1.25rem;
35983 padding-right: 1.25rem;
35984 vertical-align: top;
35986 body.reset-style #page-content #region-main-box #region-main div[role=main] {
35987 flex: 1 0 auto;
35989 body.reset-style #page-content #region-main-box #region-main .activity-navigation {
35990 overflow: hidden;
35992 body.reset-style #page-content #region-main-box #region-main.has-blocks {
35993 width: calc(100% - 375px);
35995 @media (max-width: 1199.98px) {
35996 body.reset-style #page-content #region-main-box #region-main.has-blocks {
35997 width: 100%;
36000 @media (max-width: 767.98px) {
36001 body.reset-style #page-content #region-main-box #region-main {
36002 padding-left: 0;
36003 padding-right: 0;
36006 body.reset-style #page-content #region-main-box [data-region=blocks-column] {
36007 margin-left: auto;
36009 @media (max-width: 1199.98px) {
36010 body.reset-style #page-content #region-main-box {
36011 display: flex;
36012 flex-direction: column;
36015 body.reset-style select,
36016 body.reset-style input,
36017 body.reset-style textarea,
36018 body.reset-style .btn:not(.btn-icon) {
36019 border-radius: 0.6rem;
36022 body.behat-site .fixed-top {
36023 position: absolute;
36025 body.behat-site.hasstickyfooter .stickyfooter,
36026 body.behat-site .stickyfooter {
36027 position: inherit;
36028 z-index: inherit;
36030 body.behat-site.hasstickyfooter .stickyfooter .sticky-footer-content-wrapper,
36031 body.behat-site .stickyfooter .sticky-footer-content-wrapper {
36032 padding: 0;
36033 margin: 0;
36035 body.behat-site .dropdown-item {
36036 margin-top: 4px !important; /* stylelint-disable declaration-no-important */
36038 body.behat-site.drawer-ease {
36039 -webkit-transition: initial;
36040 -moz-transition: initial;
36041 transition: initial;
36043 body.behat-site [data-region=drawer] {
36044 -webkit-transition: initial;
36045 -moz-transition: initial;
36046 transition: initial;
36047 position: absolute;
36049 body.behat-site .custom-control,
36050 body.behat-site .custom-switch {
36051 padding-left: 0;
36053 body.behat-site .custom-control-input {
36054 position: static;
36055 z-index: 0;
36056 opacity: 1;
36057 width: auto;
36059 body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
36060 content: none;
36062 body.behat-site [data-region=message-drawer] {
36063 padding-right: 10px;
36065 body.behat-site.jsenabled #page-footer .footer-content-popover {
36066 display: block;
36068 body.behat-site.path-grade-report-grader .gradeparent tr.heading,
36069 body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,
36070 body.behat-site.path-grade-report-grader .gradeparent th.header {
36071 position: relative;
36072 left: auto;
36074 body.behat-site.path-grade-report-grader .gradeparent tr.heading {
36075 top: auto;
36078 .phpinfo table,
36079 .phpinfo th,
36080 .phpinfo h2 {
36081 margin: auto;
36084 .phpinfo .e,
36085 .phpinfo .v,
36086 .phpinfo .h {
36087 border: 1px solid #000;
36088 font-size: 0.8em;
36089 vertical-align: baseline;
36090 color: #000;
36091 background-color: #ccc;
36094 .phpinfo .e {
36095 background-color: #ccf;
36096 font-weight: bold;
36099 .phpinfo .h {
36100 background-color: #99c;
36101 font-weight: bold;
36104 body > .debuggingmessage {
36105 margin-top: 60px;
36108 body > .debuggingmessage ~ .debuggingmessage {
36109 margin-top: 0.5rem;
36113 * This file contains the styles required to make the footer sticky.
36115 html,
36116 body {
36117 height: 100%;
36120 .stickyfooter {
36121 position: fixed;
36122 right: 0;
36123 left: 0;
36124 min-height: max(80px, 0.9375rem * 3);
36125 bottom: calc(max(80px, 0.9375rem * 3) * -1);
36126 transition: bottom 0.5s;
36127 z-index: 1030;
36128 overflow: hidden;
36129 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
36130 font-size: calc(0.9375rem * 1.10);
36132 @media (min-width: 768px) {
36133 .pagelayout-standard .stickyfooter .sticky-footer-content, body.limitedwidth.uses-drawers .stickyfooter .sticky-footer-content {
36134 max-width: 830px;
36136 body.mediumwidth.uses-drawers .stickyfooter .sticky-footer-content {
36137 max-width: 1120px;
36140 .stickyfooter .sticky-footer-content-wrapper {
36141 transition: 0.2s;
36143 @media (prefers-reduced-motion: reduce) {
36144 .stickyfooter .sticky-footer-content-wrapper {
36145 transition: none;
36148 @media (min-width: 992px) {
36149 .stickyfooter .sticky-footer-content-wrapper .drawers {
36150 padding: 0 3rem;
36152 .show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36153 margin-left: 285px;
36154 padding: 0 3rem 0 1rem;
36156 .show-drawer-right .stickyfooter .sticky-footer-content-wrapper {
36157 margin-right: 315px;
36158 padding: 0 1rem 0 3rem;
36160 .show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36161 padding: 0 1rem;
36165 .hasstickyfooter .stickyfooter {
36166 bottom: 0;
36169 /* Standard components fixes for sticky footer. */
36170 .stickyfooter ul.pagination {
36171 margin-bottom: 0.25rem;
36174 .stickyfooter .btn {
36175 font-size: calc(0.9375rem * 1.10);
36178 /* Breakpoints fixes. */
36179 @media (min-width: 576px) {
36180 #page-wrapper {
36181 height: 100%;
36182 display: flex;
36183 flex-direction: column;
36185 #page-wrapper #page {
36186 display: flex;
36187 flex-direction: column;
36189 #page-wrapper #page:not(.drawers) {
36190 flex: 1 0 auto;
36192 #page-wrapper #page #page-content {
36193 flex: 1 0 auto;
36195 #page-wrapper #page-footer {
36196 flex-shrink: 0;
36199 @media (max-width: 767.98px) {
36200 #page-wrapper {
36201 height: 100%;
36202 display: flex;
36203 flex-direction: column;
36205 #page-wrapper #page {
36206 display: flex;
36207 flex-direction: column;
36209 #page-wrapper #page:not(.drawers) {
36210 flex: 1 0 auto;
36213 .popover-region {
36214 position: relative;
36216 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
36217 display: none;
36219 .popover-region.collapsed .popover-region-container {
36220 opacity: 0;
36221 visibility: hidden;
36222 height: 0;
36223 overflow: hidden;
36224 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36227 .popover-region-toggle {
36228 cursor: pointer;
36230 .popover-region-toggle::before {
36231 content: "";
36232 display: inline-block;
36233 border-left: 10px solid transparent;
36234 border-right: 10px solid transparent;
36235 border-bottom: 10px solid #ddd;
36236 position: absolute;
36237 bottom: 0;
36238 right: 7px;
36240 .popover-region-toggle::after {
36241 content: "";
36242 display: inline-block;
36243 border-left: 9px solid transparent;
36244 border-right: 9px solid transparent;
36245 border-bottom: 9px solid #fff;
36246 position: absolute;
36247 bottom: -1px;
36248 right: 8px;
36249 z-index: 2;
36252 .count-container {
36253 padding: 2px;
36254 border-radius: 2px;
36255 background-color: #ca3120;
36256 color: #fff;
36257 font-size: 11px;
36258 line-height: 11px;
36259 position: absolute;
36260 top: 5px;
36261 right: 0;
36264 .popover-region-container {
36265 opacity: 1;
36266 visibility: visible;
36267 position: absolute;
36268 right: 0;
36269 top: 0;
36270 height: 500px;
36271 width: 380px;
36272 border: 1px solid #ddd;
36273 transition: height 0.25s;
36274 background-color: #fff;
36275 z-index: 1;
36278 .popover-region-header-container {
36279 height: 25px;
36280 line-height: 25px;
36281 padding-left: 5px;
36282 padding-right: 5px;
36283 border-bottom: 1px solid #ddd;
36284 box-sizing: border-box;
36287 .popover-region-footer-container {
36288 height: 30px;
36289 text-align: center;
36290 border-top: 1px solid #ddd;
36291 background-color: #fff;
36292 padding-top: 3px;
36295 .popover-region-header-text {
36296 float: left;
36297 margin: 0;
36298 font-size: 14px;
36299 line-height: 25px;
36302 .popover-region-header-actions {
36303 float: right;
36305 .popover-region-header-actions > * {
36306 margin-left: 10px;
36307 min-width: 20px;
36308 display: inline-block;
36310 .popover-region-header-actions .loading-icon {
36311 display: none;
36312 height: 12px;
36313 width: 12px;
36315 .popover-region-header-actions .newmessage-link {
36316 margin-right: 10px;
36318 .popover-region-header-actions label {
36319 display: inline-block;
36320 text-align: center;
36321 margin-bottom: 0;
36324 .popover-region-content-container {
36325 height: calc(100% - 55px);
36326 width: 100%;
36327 overflow-y: auto;
36328 -webkit-overflow-scrolling: touch;
36330 .popover-region-content-container > .loading-icon {
36331 display: none;
36332 text-align: center;
36333 padding: 5px;
36334 box-sizing: border-box;
36336 .popover-region-content-container .empty-message {
36337 display: none;
36338 text-align: center;
36339 padding: 10px;
36341 .popover-region-content-container.loading > .loading-icon {
36342 display: block;
36344 .popover-region-content-container.loading .empty-message {
36345 display: none;
36348 .navbar-nav .popover-region .icon {
36349 font-weight: bolder;
36351 .navbar-nav .popover-region .notification-image .icon {
36352 font-weight: 400;
36355 .navbar .popover-region.collapsed .popover-region-container {
36356 opacity: 0;
36357 visibility: hidden;
36358 height: 0;
36359 overflow: hidden;
36360 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36362 .navbar .count-container {
36363 padding: 2px;
36364 border-radius: 2px;
36365 background-color: #ca3120;
36366 color: #fff;
36367 font-size: 11px;
36368 line-height: 11px;
36369 position: absolute;
36370 top: 15px;
36371 right: 0;
36373 .navbar .popover-region-container {
36374 top: 60px;
36377 .content-item-container {
36378 width: 100%;
36379 border-bottom: 1px solid #ddd;
36380 box-sizing: border-box;
36381 padding: 5px;
36382 position: relative;
36383 margin: 0;
36384 display: block;
36385 color: inherit;
36386 text-decoration: none;
36388 .content-item-container:hover {
36389 color: #fff;
36390 background-color: #0f6cbf;
36392 .content-item-container:hover .content-item-footer .timestamp {
36393 color: #fff;
36395 .content-item-container:hover .view-more {
36396 color: inherit;
36398 .content-item-container.unread {
36399 margin: 0;
36400 background-color: #f4f4f4;
36402 .content-item-container.unread:hover {
36403 color: #fff;
36404 background-color: #0f6cbf;
36406 .content-item-container.unread .content-item-body .notification-message {
36407 font-weight: 600;
36409 .content-item-container .context-link {
36410 color: inherit;
36411 text-decoration: none;
36413 .content-item-container .content-item-body {
36414 box-sizing: border-box;
36415 margin-bottom: 5px;
36417 .content-item-container .content-item-footer {
36418 text-align: left;
36419 box-sizing: border-box;
36421 .content-item-container .content-item-footer .timestamp {
36422 font-size: 10px;
36423 line-height: 10px;
36424 margin: 0;
36425 color: inherit;
36426 margin-left: 24px;
36428 .content-item-container .view-more {
36429 position: absolute;
36430 bottom: 5px;
36431 right: 5px;
36432 font-size: 12px;
36433 line-height: 12px;
36435 .content-item-container .view-more:hover {
36436 color: inherit;
36438 .content-item-container.notification .content-item-body .notification-image {
36439 display: inline-block;
36440 width: 24px;
36441 height: 24px;
36442 float: left;
36444 .content-item-container.notification .content-item-body .notification-image img {
36445 height: 75%;
36447 .content-item-container.notification .content-item-body .notification-message {
36448 display: inline-block;
36449 font-size: 12px;
36450 width: calc(100% - 24px);
36452 .content-item-container.selected {
36453 background-color: #3279b3;
36454 color: #fff;
36455 border-color: #3279b3;
36457 .content-item-container.selected .content-item-footer .timestamp {
36458 color: #fff;
36461 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
36462 display: inline-block;
36464 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
36465 display: none;
36467 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
36468 display: inline-block;
36470 .popover-region-notifications .all-notifications {
36471 opacity: 1;
36472 visibility: visible;
36473 height: auto;
36474 overflow: hidden;
36476 .popover-region-notifications .all-notifications:empty + .empty-message {
36477 display: block;
36479 .popover-region-notifications .notification-image {
36480 display: inline-block;
36481 width: 8%;
36482 vertical-align: top;
36484 .popover-region-notifications .notification-image img {
36485 height: 75%;
36487 .popover-region-notifications .notification-message {
36488 display: inline-block;
36489 font-size: 12px;
36491 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
36492 display: none;
36495 .popover-region-messages .mark-all-read-button .normal-icon {
36496 display: inline-block;
36498 .popover-region-messages .mark-all-read-button.loading .normal-icon {
36499 display: none;
36501 .popover-region-messages .mark-all-read-button.loading .loading-icon {
36502 display: inline-block;
36504 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
36505 display: none;
36507 .popover-region-messages .messages:empty + .empty-message {
36508 display: block;
36510 .popover-region-messages .content-item-container.unread .content-item-body {
36511 font-weight: 600;
36512 width: calc(90% - 30px);
36514 .popover-region-messages .content-item-container.unread .unread-count-container {
36515 display: inline-block;
36516 width: 10%;
36517 text-align: center;
36518 float: right;
36520 .popover-region-messages .content-item {
36521 height: 100%;
36522 width: 100%;
36523 box-sizing: border-box;
36525 .popover-region-messages .profile-image-container {
36526 width: 30px;
36527 display: inline-block;
36528 text-align: center;
36529 float: left;
36531 .popover-region-messages .profile-image-container img {
36532 width: 100%;
36533 display: inline-block;
36534 vertical-align: middle;
36535 border-radius: 50%;
36537 .popover-region-messages .content-item-body {
36538 display: inline-block;
36539 box-sizing: border-box;
36540 width: calc(100% - 30px);
36541 font-size: 12px;
36542 padding-left: 10px;
36543 overflow: hidden;
36545 .popover-region-messages .content-item-body h3 {
36546 font-size: 12px;
36547 line-height: 12px;
36548 margin: 0;
36549 width: 100%;
36551 .popover-region-messages .content-item-body p {
36552 margin: 0;
36554 .popover-region-messages .unread-count-container {
36555 display: none;
36558 @media (max-width: 767px) {
36559 .navbar .popover-region .popover-region-container {
36560 right: -70px;
36563 @media (max-width: 480px) {
36564 .navbar .popover-region .popover-region-container {
36565 position: fixed;
36566 top: 46px;
36567 right: 0;
36568 left: 0;
36569 bottom: 0;
36570 width: auto;
36571 height: auto;
36575 * Tour step must sit above all other UI components.
36576 * The backdrop is the lowest point in the tour.
36577 * Everything else is in the container, and the target background should be at the same z-index.
36578 * ----- moodle
36579 * ---- step backdrop
36580 * --- step container
36581 * --- step target background
36583 div[data-flexitour=backdrop] {
36584 background-color: #000;
36585 opacity: 0.5;
36586 z-index: 1040;
36589 div[data-flexitour=step-background-fader],
36590 div[data-flexitour=step-background] {
36591 border-radius: 0.6rem;
36592 padding: 10px;
36593 z-index: 1041;
36596 span[data-flexitour=container],
36597 div[data-flexitour=step-background-fader],
36598 [data-flexitour=step-backdrop] > td,
36599 [data-flexitour=step-backdrop] {
36600 z-index: 1042;
36603 span[data-flexitour=container] .modal-dialog {
36605 * Remove all margins to:
36606 * 1) ensure that the arrow touches the target; and
36607 * 2) ensure that the focus border touches the modal.
36609 margin: 0;
36611 span[data-flexitour=container] div[data-role=arrow] {
36612 border-width: 1rem;
36614 span[data-flexitour=container] div[data-role=arrow],
36615 span[data-flexitour=container] div[data-role=arrow]:after {
36616 position: absolute;
36617 display: block;
36618 width: 0;
36619 height: 0;
36620 border-color: transparent;
36621 border-style: solid;
36622 border-width: 1rem;
36624 span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
36625 margin-bottom: 1rem;
36627 span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
36628 bottom: -1rem;
36629 left: 50%;
36630 margin-left: -1rem;
36631 border-bottom-width: 0;
36632 border-top-color: rgba(0, 0, 0, 0.25);
36634 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 {
36635 bottom: 1px;
36636 margin-left: -1rem;
36637 content: " ";
36638 border-bottom-width: 0;
36639 border-top-color: #fff;
36641 span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
36642 margin-top: 1rem;
36644 span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
36645 top: -1rem;
36646 left: 50%;
36647 margin-left: -1rem;
36648 border-top-width: 0;
36649 border-bottom-color: rgba(0, 0, 0, 0.25);
36651 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 {
36652 top: 1px;
36653 margin-left: -1rem;
36654 content: " ";
36655 border-top-width: 0;
36656 border-bottom-color: #fff;
36658 span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
36659 margin-right: 1rem;
36661 span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
36662 right: -1rem;
36663 top: 50%;
36664 margin-top: -1rem;
36665 border-right-width: 0;
36666 border-left-color: rgba(0, 0, 0, 0.25);
36668 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 {
36669 right: 1px;
36670 margin-top: -1rem;
36671 content: " ";
36672 border-right-width: 0;
36673 border-left-color: #fff;
36675 span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
36676 margin-left: 1rem;
36678 span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
36679 left: -1rem;
36680 top: 50%;
36681 margin-top: -1rem;
36682 border-left-width: 0;
36683 border-right-color: rgba(0, 0, 0, 0.25);
36685 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 {
36686 left: 1px;
36687 margin-top: -1rem;
36688 content: " ";
36689 border-left-width: 0;
36690 border-right-color: #fff;
36692 .dir-rtl span[data-flexitour=container][x-placement^=right] {
36693 margin-left: 1rem;
36695 .dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
36696 transform: rotate(180deg);
36697 left: -1rem;
36698 right: auto;
36700 .dir-rtl span[data-flexitour=container][x-placement^=left] {
36701 margin-right: 1rem;
36703 .dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
36704 transform: rotate(180deg);
36705 left: auto;
36706 right: -1rem;
36709 [data-region=drawer] [data-flexitour=container] {
36710 /*rtl:ignore*/
36711 margin-left: -15px;
36712 width: 275px;
36715 @media print {
36716 body.drawer-open-left.jsenabled,
36717 body.drawer-open-right.jsenabled {
36718 margin: 0;
36720 .container {
36721 width: auto;
36724 .modal .modal-body > .loading-icon {
36725 display: block;
36726 position: relative;
36727 width: 100%;
36728 height: 100%;
36730 .modal .modal-body > .loading-icon .icon {
36731 position: absolute;
36732 top: 50%;
36733 /*rtl:ignore*/
36734 left: 50%;
36735 transform: translate(-50%, -50%);
36737 .modal .close {
36738 margin: -0.8rem -0.8rem -0.8rem auto;
36740 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
36741 opacity: inherit;
36744 .layout.fullscreen {
36745 height: 100vh;
36746 position: fixed;
36747 top: 0;
36748 left: 0;
36749 z-index: 1040;
36750 transition: 0.5s;
36751 width: 100vw;
36752 margin: 0;
36753 opacity: 1;
36754 background-color: #fff;
36756 @media (prefers-reduced-motion: reduce) {
36757 .layout.fullscreen {
36758 transition: none;
36761 .layout.fullscreen > div {
36762 height: 100%;
36763 width: 100%;
36765 .layout.fullscreen .loading-icon {
36766 margin-left: auto;
36767 margin-right: auto;
36768 text-align: center;
36769 display: inline-block;
36770 width: 100%;
36771 top: 40%;
36772 position: fixed;
36774 .layout.fullscreen .loading-icon .icon {
36775 width: 1em;
36776 height: 1em;
36777 font-size: 4em;
36780 #page.drawers {
36781 margin-top: 60px;
36782 scrollbar-width: thin;
36783 scrollbar-color: #6a737b #f8f9fa;
36785 #page.drawers::-webkit-scrollbar {
36786 width: 12px;
36788 #page.drawers::-webkit-scrollbar-track {
36789 background: #f8f9fa;
36791 #page.drawers::-webkit-scrollbar-thumb {
36792 background-color: #6a737b;
36793 border-radius: 20px;
36794 border: 3px solid #f8f9fa;
36796 #page.drawers::-webkit-scrollbar-thumb:hover {
36797 background-color: #495057;
36799 #page.drawers .main-inner {
36800 max-width: 100%;
36801 width: 100%;
36802 margin: 0 auto;
36803 border-radius: 0.5rem;
36804 background-color: #fff;
36805 padding: 1.5rem 0.5rem;
36806 margin-top: 0.5rem;
36807 margin-bottom: 3rem;
36808 flex: 1 0 auto;
36810 #page.drawers .activity-header {
36811 margin-left: 15px;
36812 margin-right: 15px;
36815 @media (min-width: 768px) {
36816 .pagelayout-standard #page.drawers .main-inner,
36817 body.limitedwidth #page.drawers .main-inner {
36818 max-width: 830px;
36820 .pagelayout-standard #page.drawers .footer-popover,
36821 body.limitedwidth #page.drawers .footer-popover {
36822 max-width: 830px;
36823 width: 100%;
36824 margin: 0 auto;
36825 border-radius: 0.5rem;
36827 body.mediumwidth #page.drawers .main-inner {
36828 max-width: 1120px;
36830 body.mediumwidth #page.drawers .footer-popover {
36831 max-width: 1120px;
36832 width: 100%;
36833 margin: 0 auto;
36834 border-radius: 0.5rem;
36836 .header-maxwidth {
36837 max-width: 830px;
36838 margin: 0 auto;
36839 padding-left: 15px;
36840 padding-right: 15px;
36842 .header-maxwidth .header-inner {
36843 padding-left: 0;
36844 padding-right: 0;
36847 .drawer-toggles .drawer-toggler {
36848 position: fixed;
36849 top: calc(60px + 0.7rem);
36850 z-index: 2;
36852 .drawer-toggles .drawer-toggler .btn {
36853 border-radius: 200px;
36854 padding: 16px;
36855 background-color: #dee2e6;
36856 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
36857 transition: padding 200ms;
36859 .drawer-toggles .drawer-toggler .btn .icon {
36860 width: auto;
36861 height: auto;
36863 .drawer-toggles .drawer-toggler .btn:focus {
36864 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
36866 .drawer-toggles .drawer-left-toggle {
36867 left: 0;
36869 .drawer-toggles .drawer-left-toggle .btn {
36870 border-top-left-radius: 0;
36871 border-bottom-left-radius: 0;
36872 padding-right: 14px;
36873 padding-left: 10px;
36875 .drawer-toggles .drawer-left-toggle .btn:hover {
36876 padding-left: 20px;
36878 .drawer-toggles .drawer-right-toggle {
36879 right: 0;
36881 .drawer-toggles .drawer-right-toggle .btn {
36882 border-top-right-radius: 0;
36883 border-bottom-right-radius: 0;
36884 padding-right: 10px;
36885 padding-left: 14px;
36887 .drawer-toggles .drawer-right-toggle .btn:hover {
36888 padding-right: 20px;
36891 #page.drawers.show-drawer-left .drawer-left-toggle {
36892 display: none;
36895 #page.drawers.show-drawer-right .drawer-right-toggle {
36896 display: none;
36899 @media (max-width: 767.98px) {
36900 .drawer-toggles {
36901 z-index: 100;
36903 .drawer-toggles .drawer-right-toggle,
36904 .drawer-toggles .drawer-left-toggle {
36905 top: calc(99vh - (60px * 2.5));
36907 #page.drawers.scroll-down .drawer-right-toggle {
36908 transform: translateX(150%);
36909 pointer-events: auto;
36910 visibility: hidden;
36912 #page.drawers.scroll-down .drawer-left-toggle {
36913 transform: translateX(-150%);
36914 pointer-events: auto;
36915 visibility: hidden;
36918 @media (min-width: 576px) {
36919 #page.drawers .main-inner {
36920 margin-top: 1.5rem;
36923 @media (min-width: 768px) {
36924 #page.drawers {
36925 padding-left: 3rem;
36926 padding-right: 3rem;
36928 #page.drawers .main-inner {
36929 padding: 1.5rem 0.5rem;
36931 #page.drawers div[role=main] {
36932 padding-left: 15px;
36933 padding-right: 15px;
36936 @media (min-width: 992px) {
36937 .drawer-left,
36938 .drawer-right {
36939 top: 60px;
36940 height: calc(100vh - 60px);
36942 .hasstickyfooter .drawer-left,
36943 .hasstickyfooter .drawer-right {
36944 top: 60px;
36945 height: calc(100vh - 60px - max(80px, 0.9375rem * 3));
36947 #page.drawers {
36948 position: relative;
36949 overflow-y: visible;
36950 transition: 0.2s;
36951 left: 0;
36952 right: 0;
36955 @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
36956 #page.drawers {
36957 transition: none;
36960 @media (min-width: 992px) {
36961 #page.drawers.show-drawer-left {
36962 margin-left: 285px;
36963 margin-right: 0;
36964 padding-left: 1rem;
36967 @media (min-width: 992px) {
36968 #page.drawers.show-drawer-right {
36969 margin-left: 0;
36970 margin-right: 315px;
36971 padding-right: 1rem;
36973 .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 {
36974 right: calc(315px + 2rem);
36977 @media (min-width: 992px) {
36978 #page.drawers.show-drawer-left.show-drawer-right {
36979 margin-left: 285px;
36980 margin-right: 315px;
36983 @media (min-width: 992px) {
36984 #page.drawers.hasstickyfooter {
36985 margin-bottom: max(80px, 0.9375rem * 3);
36988 .drawercontrolbuttons {
36989 margin-top: 92px;
36991 .drawercontrolbuttons .buttons {
36992 z-index: 1;
36995 .form-control:-ms-input-placeholder {
36996 color: #6a737b;
36999 .custom-select {
37000 -webkit-appearance: none;
37001 -moz-appearance: none;
37004 .custom-range {
37005 -webkit-appearance: none;
37006 -moz-appearance: none;
37008 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
37009 -webkit-appearance: none;
37010 -moz-appearance: none;
37013 input[type=date].form-control,
37014 input[type=time].form-control,
37015 input[type=datetime-local].form-control,
37016 input[type=month].form-control {
37017 -webkit-appearance: none;
37018 -moz-appearance: none;
37021 @media (min-width: 576px) {
37022 .card-columns {
37023 -webkit-column-gap: 1.25rem;
37024 -moz-column-gap: 1.25rem;
37028 .carousel-item {
37029 -webkit-backface-visibility: hidden;
37032 .card {
37033 -webkit-background-clip: border-box;
37036 .carousel-indicators li,
37037 .dropdown-menu,
37038 .form-control,
37039 .modal-content,
37040 .popover,
37041 .toast {
37042 -webkit-background-clip: padding-box;
37045 .btn {
37046 -webkit-user-select: none;
37047 -ms-user-select: none;
37050 .user-select-all {
37051 -webkit-user-select: all !important; /* stylelint-disable-line declaration-no-important */
37052 -ms-user-select: none;
37055 .user-select-auto {
37056 -webkit-user-select: auto !important; /* stylelint-disable-line declaration-no-important */
37057 -ms-user-select: none;
37060 .user-select-none {
37061 -webkit-user-select: none !important; /* stylelint-disable-line declaration-no-important */
37062 -ms-user-select: none;
37065 .editor_atto_content_wrap {
37066 background-color: #fff;
37067 color: #333;
37070 .editor_atto_content {
37071 padding: 4px;
37072 resize: vertical;
37073 overflow: auto;
37076 .editor_atto_content_wrap,
37077 .editor_atto + textarea {
37078 width: 100%;
37079 padding: 0;
37082 .editor_atto + textarea {
37083 border-radius: 0;
37084 resize: vertical;
37085 margin-top: -1px;
37088 div.editor_atto_toolbar {
37089 display: block;
37090 background: #f2f2f2;
37091 min-height: 35px;
37092 border: 1px solid #8f959e;
37093 width: 100%;
37094 padding: 0 0 9px 0;
37095 border-top-left-radius: 0.5rem;
37096 border-top-right-radius: 0.5rem;
37099 div.editor_atto_toolbar button {
37100 padding: 4px 9px;
37101 background: none;
37102 border: 0;
37103 margin: 0;
37104 border-radius: 0;
37105 cursor: pointer;
37108 div.editor_atto_toolbar .menuplaceholder {
37109 display: inline-block;
37112 div.editor_atto_toolbar button + button,
37113 div.editor_atto_toolbar .menuplaceholder + button {
37114 border-left: 1px solid #ccc;
37117 div.editor_atto_toolbar button[disabled] {
37118 opacity: 0.45;
37119 background: none;
37120 cursor: default;
37123 .editor_atto_toolbar button:hover {
37124 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
37125 background-color: #ebebeb;
37128 .editor_atto_toolbar button:active,
37129 .editor_atto_toolbar button.highlight {
37130 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
37131 background-color: #dfdfdf;
37134 /* Make firefox button sizes match other browsers */
37135 div.editor_atto_toolbar button::-moz-focus-inner {
37136 border: 0;
37137 padding: 0;
37140 div.editor_atto_toolbar button .icon {
37141 padding: 0;
37142 margin: 2px 0;
37145 div.editor_atto_toolbar div.atto_group {
37146 display: inline-block;
37147 border: 1px solid #ccc;
37148 border-bottom: 1px solid #b3b3b3;
37149 border-radius: 4px;
37150 margin: 9px 0 0 9px;
37151 background: #fff;
37154 div.editor_atto_toolbar .atto_toolbar_row {
37155 margin: 6px 0 -3px 5px;
37156 display: table;
37158 div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
37159 margin: 3px 5px 3px 4px;
37162 .editor_atto_content img {
37163 resize: both;
37164 overflow: auto;
37167 .atto_hasmenu {
37168 /* IE8 places the images on top of each other if that is not set. */
37169 white-space: nowrap;
37172 .atto_menuentry .icon {
37173 width: 16px;
37174 height: 16px;
37177 .atto_menuentry {
37178 clear: left;
37181 .atto_menuentry h1,
37182 .atto_menuentry h2,
37183 .atto_menuentry p {
37184 margin: 4px;
37187 /*.atto_form label.sameline {
37188 display: inline-block;
37189 min-width: 10em;
37191 .atto_form textarea.fullwidth,
37192 .atto_form input.fullwidth {
37193 width: 100%;
37196 .atto_form {
37197 padding: 0.5rem;
37200 /*.atto_form label {
37201 display: block;
37202 margin: 0 0 5px 0;
37204 .atto_control {
37205 position: absolute;
37206 right: -6px;
37207 bottom: -6px;
37208 display: none;
37209 cursor: pointer;
37212 .atto_control .icon {
37213 background-color: #fff;
37216 div.editor_atto_content:focus .atto_control,
37217 div.editor_atto_content:hover .atto_control {
37218 display: block;
37221 .editor_atto_menu.yui3-menu-hidden {
37222 display: none;
37225 /* Get broken images back in firefox */
37226 .editor_atto_content img:-moz-broken {
37227 -moz-force-broken-image-icon: 1;
37228 min-width: 24px;
37229 min-height: 24px;
37232 /* Atto menu styling */
37233 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
37234 padding: 0;
37235 z-index: 1000;
37238 .editor_atto_menu .dropdown-menu > li > a {
37239 margin: 3px 14px;
37242 .editor_atto_menu .open ul.dropdown-menu {
37243 padding-top: 5px;
37244 padding-bottom: 5px;
37247 .editor_atto_wrap {
37248 position: relative;
37251 /*rtl:ignore*/
37252 .editor_atto_wrap textarea {
37253 direction: ltr;
37256 .editor_atto_notification {
37257 display: inline-block;
37258 padding: 0.5em;
37259 padding-left: 1em;
37260 padding-right: 1em;
37261 border-bottom-left-radius: 1em;
37262 border-bottom-right-radius: 1em;
37264 .editor_atto_notification .atto_info {
37265 background-color: #f2f2f2;
37267 .editor_atto_notification .atto_warning {
37268 background-color: #ffd700;
37271 .editor_atto_toolbar,
37272 .editor_atto_content_wrap,
37273 .editor_atto + textarea {
37274 box-sizing: border-box;
37277 .editor_atto_content.form-control {
37278 width: 100%;
37279 border-top: 0;
37280 border-top-left-radius: 0;
37281 border-top-right-radius: 0;
37284 /** Atto fields do not have form-control because that would break the layout of the editor.
37285 So they need these extra styles to highlight the editor when there is a validation error. */
37286 .has-danger .editor_atto_content.form-control .invalid-feedback,
37287 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
37288 display: none;
37289 width: 100%;
37290 margin-top: 0.25rem;
37291 font-size: 0.875em;
37292 color: #ca3120;
37294 .has-danger .editor_atto_content.form-control .invalid-tooltip,
37295 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37296 position: absolute;
37297 top: 100%;
37298 left: 0;
37299 z-index: 5;
37300 display: none;
37301 max-width: 100%;
37302 padding: 0.25rem 0.5rem;
37303 margin-top: 0.1rem;
37304 font-size: 0.8203125rem;
37305 line-height: 1.5;
37306 color: #fff;
37307 background-color: rgba(202, 49, 32, 0.9);
37308 border-radius: 0.5rem;
37310 .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,
37311 .form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip,
37312 .form-row > [class*=col-] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37313 left: 5px;
37315 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback,
37316 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback,
37317 .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip,
37318 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback,
37319 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip,
37320 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback,
37321 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
37322 display: block;
37324 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid,
37325 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,
37326 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
37327 border-color: #ca3120;
37328 padding-right: calc(1.5em + 0.75rem) !important;
37329 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");
37330 background-repeat: no-repeat;
37331 background-position: right calc(0.375em + 0.1875rem) center;
37332 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
37334 .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,
37335 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,
37336 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
37337 border-color: #ca3120;
37338 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37340 .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,
37341 .was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid,
37342 .has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
37343 padding-right: 3rem !important;
37344 background-position: right 1.5rem center;
37346 .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,
37347 .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,
37348 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
37349 padding-right: calc(1.5em + 0.75rem);
37350 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
37352 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid,
37353 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,
37354 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
37355 border-color: #ca3120;
37356 padding-right: calc(0.75em + 2.3125rem) !important;
37357 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;
37359 .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,
37360 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,
37361 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
37362 border-color: #ca3120;
37363 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37365 .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,
37366 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label,
37367 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
37368 color: #ca3120;
37370 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback,
37371 .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,
37372 .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip,
37373 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback,
37374 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip,
37375 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback,
37376 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
37377 display: block;
37379 .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,
37380 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label,
37381 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
37382 color: #ca3120;
37384 .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,
37385 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before,
37386 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
37387 border-color: #ca3120;
37389 .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,
37390 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before,
37391 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
37392 border-color: #e04d3d;
37393 background-color: #e04d3d;
37395 .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,
37396 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before,
37397 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
37398 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37400 .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,
37401 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
37402 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
37403 border-color: #ca3120;
37405 .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,
37406 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label,
37407 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
37408 border-color: #ca3120;
37410 .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,
37411 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label,
37412 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
37413 border-color: #ca3120;
37414 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37417 .open.atto_menu > .dropdown-menu {
37418 display: block;
37421 div.editor_atto_toolbar button .icon {
37422 color: #495057;
37425 .toast {
37426 border-radius: 0.25rem;
37428 .toast.toast-success {
37429 background-color: rgba(215, 228, 214, 0.95);
37430 color: #1c3f1a;
37432 .toast.toast-success .toast-header {
37433 color: #1c3f1a;
37435 .toast.toast-success .toast-body:before {
37436 margin: 2px 5px 0 0;
37437 content: "\f058";
37439 .toast.toast-danger {
37440 background-color: rgba(244, 214, 210, 0.95);
37441 color: #691911;
37443 .toast.toast-danger .toast-header {
37444 color: #691911;
37446 .toast.toast-danger .toast-body:before {
37447 margin: 2px 5px 0 0;
37448 content: "\f057";
37450 .toast.toast-info {
37451 background-color: rgba(204, 230, 234, 0.95);
37452 color: #00434e;
37454 .toast.toast-info .toast-header {
37455 color: #00434e;
37457 .toast.toast-info .toast-body:before {
37458 margin: 2px 5px 0 0;
37459 content: "\f05a";
37461 .toast.toast-warning {
37462 background-color: rgba(252, 239, 220, 0.95);
37463 color: #7d5a29;
37465 .toast.toast-warning .toast-header {
37466 color: #7d5a29;
37468 .toast.toast-warning .toast-body:before {
37469 margin: 2px 5px 0 0;
37470 content: "\f06a";
37472 .toast .close {
37473 color: inherit;
37476 .navbar.fixed-top {
37477 padding-top: 0;
37478 padding-bottom: 0;
37479 box-shadow: none;
37480 border-bottom: #dee2e6 1px solid;
37481 align-items: stretch;
37482 height: 61px;
37484 .navbar.fixed-top .navbar-brand .logo {
37485 max-height: calc(60px - (0.25rem * 2));
37487 .navbar.fixed-top .nav-link {
37488 height: 100%;
37489 display: flex;
37490 align-items: center;
37491 white-space: nowrap;
37493 .navbar.fixed-top .divider {
37494 width: 1px;
37495 background-color: #dee2e6;
37497 .navbar.fixed-top #usernavigation .nav-link {
37498 padding: 0 0.5rem;
37500 .navbar.fixed-top .login {
37501 display: flex;
37502 align-items: center;
37504 .navbar.fixed-top .usermenu {
37505 display: flex;
37507 .navbar.fixed-top .usermenu .action-menu {
37508 display: flex;
37509 align-items: center;
37511 .navbar.fixed-top .usermenu .dropdown {
37512 display: flex;
37513 align-items: center;
37515 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
37516 padding-top: 0;
37517 padding-bottom: 0;
37518 border-radius: 0;
37519 display: flex;
37520 align-items: center;
37521 height: 100%;
37523 .navbar.fixed-top .usermenu .dropdown-menu {
37524 min-width: 235px;
37526 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
37527 pointer-events: none;
37529 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
37530 padding: 0.25rem 1.75rem 0.25rem 0.75rem;
37532 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37533 content: "\f0da";
37534 font-size: 1rem;
37535 right: 0.75rem;
37536 position: absolute;
37538 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
37539 padding: 0.25rem 0.75rem;
37540 font-size: 0.975rem;
37542 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
37543 font-size: 20px;
37544 height: 20px;
37545 width: 20px;
37546 margin: 0;
37548 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before {
37549 content: "\f00c";
37550 font-size: 0.75rem;
37551 padding-left: 0.25rem;
37553 .navbar.fixed-top .usermenu .login {
37554 display: flex;
37555 align-items: center;
37557 .navbar.fixed-top .usermenu .dropdown,
37558 .navbar.fixed-top .langmenu .dropdown {
37559 display: flex;
37560 align-items: center;
37561 height: 100%;
37563 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
37564 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
37565 padding-top: 0;
37566 padding-bottom: 0;
37567 border-radius: 0;
37568 display: flex;
37569 align-items: center;
37570 height: 100%;
37572 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current=true]::before {
37573 content: "\f00c";
37574 font-size: 0.75rem;
37575 padding-left: 0.25rem;
37577 @media (max-width: 767.98px) {
37578 .navbar.fixed-top .langmenu .langbutton {
37579 display: none;
37582 .navbar.fixed-top .moodle-actionmenu .menubar,
37583 .navbar.fixed-top .action-menu-trigger .dropdown {
37584 height: 100%;
37585 display: flex;
37588 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37589 content: "\f0d9";
37591 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
37592 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
37593 transform: translateX(0);
37595 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
37596 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
37597 transform: translateX(-100%);
37599 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
37600 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
37601 transform: translateX(100%);
37604 #page {
37605 margin-top: 60px;
37608 .pagelayout-embedded #page {
37609 margin-top: 0;
37612 .navbar-bootswatch .navbar-brand {
37613 overflow: hidden;
37614 text-overflow: ellipsis;
37616 .navbar-bootswatch .navbar-brand .sitename {
37617 overflow: hidden;
37618 white-space: nowrap;
37619 text-overflow: ellipsis;
37622 :root {
37623 --navbar-height: 60px;
37627 * Reportbuilder styles.
37629 .reportbuilder-wrapper .btn-outline-secondary[data-toggle=collapse]:not(.collapsed),
37630 .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-toggle=dropdown] {
37631 color: #fff;
37632 background-color: #6a737b;
37633 border-color: #6a737b;
37636 .reportbuilder-table .action-menu .menubar {
37637 justify-content: end;
37640 .reportbuilder-wrapper .filters-dropdown {
37641 width: 27rem;
37642 padding: 0 0 4rem 0;
37643 z-index: 1050;
37644 overflow: hidden;
37646 @media (max-width: 767.98px) {
37647 .reportbuilder-wrapper .filters-dropdown {
37648 width: 100%;
37652 .reportbuilder-filters-sidebar {
37653 max-height: 30rem;
37654 overflow-y: auto;
37655 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37656 scrollbar-width: thin;
37657 scrollbar-color: #6a737b #fff;
37658 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;
37659 background-repeat: no-repeat;
37660 background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
37661 background-attachment: local, local, scroll, scroll;
37663 .reportbuilder-filters-sidebar::-webkit-scrollbar {
37664 width: 12px;
37666 .reportbuilder-filters-sidebar::-webkit-scrollbar-track {
37667 background: #fff;
37669 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
37670 background-color: #6a737b;
37671 border-radius: 20px;
37672 border: 3px solid #fff;
37674 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
37675 background-color: #495057;
37677 .reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
37678 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37680 .reportbuilder-filters-sidebar .filter .filter-name:hover {
37681 white-space: normal;
37682 text-overflow: clip;
37683 word-break: break-all;
37685 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] {
37686 position: absolute;
37687 bottom: 0;
37688 height: 4rem;
37689 align-items: center;
37691 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] .col-form-label {
37692 display: none !important; /* stylelint-disable-line declaration-no-important */
37695 .reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector,
37696 .reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
37697 flex-wrap: wrap;
37699 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem,
37700 .reportbuilder-conditions-list .mform.full-width-labels .fitem {
37701 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
37702 max-width: 100%;
37704 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child,
37705 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child {
37706 flex: 1;
37707 min-width: 0;
37709 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child span,
37710 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child .custom-select,
37711 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child span,
37712 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child .custom-select {
37713 width: 100%;
37716 @media (min-width: 992px) {
37717 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
37718 position: fixed;
37720 .path-admin-reportbuilder.pagelayout-popup #region-main {
37721 border: none;
37722 padding: 0;
37724 .path-admin-reportbuilder.pagelayout-popup #maincontent {
37725 visibility: hidden;
37727 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
37728 position: fixed;
37729 z-index: 1030;
37730 width: calc(100% - 35px);
37731 padding-top: 1.25rem;
37732 background-color: #fff;
37733 box-shadow: 0 1.25rem 0 #fff;
37735 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
37736 padding-top: 83px;
37738 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
37739 position: fixed;
37741 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
37742 max-height: calc(100vh - 163px - 52px);
37744 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
37745 position: fixed;
37746 right: 30px;
37747 max-height: calc(100vh - 163px);
37749 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
37750 max-height: calc(100vh - 163px);
37751 overflow-y: auto;
37752 scrollbar-width: thin;
37753 scrollbar-color: #6a737b #f8f9fa;
37754 margin-left: calc(250px + 1rem);
37755 margin-right: calc(350px + 1rem);
37757 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
37758 width: 12px;
37760 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
37761 background: #f8f9fa;
37763 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
37764 background-color: #6a737b;
37765 border-radius: 20px;
37766 border: 3px solid #f8f9fa;
37768 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
37769 background-color: #495057;
37771 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
37772 margin-left: calc(250px + 1rem);
37775 #page-admin-reportbuilder-edit #page {
37776 overflow-y: auto;
37779 .reportbuilder-report-container {
37780 min-width: 0;
37782 .reportbuilder-report-container button[data-action=toggle-edit-preview] .loading-icon {
37783 margin-left: 0.5rem;
37786 .reportbuilder-editor-table-container {
37787 overflow-x: auto;
37790 .reportbuilder-table th button[data-action=report-remove-column] .icon,
37791 .reportbuilder-table th span[data-drag-type=move] .icon {
37792 width: 12px;
37793 height: 12px;
37794 font-size: 12px;
37795 vertical-align: text-top;
37796 color: #1d2125;
37798 .reportbuilder-table th button[data-action=report-remove-column] .icon {
37799 margin-right: 0;
37802 @media (min-width: 992px) {
37803 .reportbuilder-sidebar-menu {
37804 width: 250px;
37805 flex-shrink: 0;
37808 .reportbuilder-sidebar-menu .card-body .list-group-item {
37809 padding: 0.75rem;
37811 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
37812 width: 12px;
37813 height: 12px;
37814 font-size: 12px;
37817 .reportbuilder-sidebar-menu-cards {
37818 overflow-y: auto;
37819 scrollbar-width: thin;
37820 scrollbar-color: #6a737b #f8f9fa;
37822 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
37823 width: 12px;
37825 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
37826 background: #f8f9fa;
37828 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
37829 background-color: #6a737b;
37830 border-radius: 20px;
37831 border: 3px solid #f8f9fa;
37833 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
37834 background-color: #495057;
37837 .reportbuilder-sidebar-settings {
37838 overflow-y: auto;
37839 scrollbar-width: thin;
37840 scrollbar-color: #6a737b #f8f9fa;
37842 .reportbuilder-sidebar-settings::-webkit-scrollbar {
37843 width: 12px;
37845 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
37846 background: #f8f9fa;
37848 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
37849 background-color: #6a737b;
37850 border-radius: 20px;
37851 border: 3px solid #f8f9fa;
37853 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
37854 background-color: #495057;
37856 @media (min-width: 992px) {
37857 .reportbuilder-sidebar-settings {
37858 width: 350px;
37859 flex-shrink: 0;
37862 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-selection,
37863 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-selection {
37864 display: none;
37866 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-input,
37867 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-input {
37868 width: 100%;
37870 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-suggestions,
37871 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-suggestions {
37872 width: calc(100% - 2 * 0.5rem);
37874 .reportbuilder-sidebar-settings .list-group-item {
37875 padding: 0.75rem;
37877 .reportbuilder-sidebar-settings .list-group-item .icon {
37878 width: 12px;
37879 height: 12px;
37880 font-size: 12px;
37881 color: #1d2125;
37883 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
37884 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
37885 margin-right: 0;
37886 vertical-align: text-top;
37888 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
37889 vertical-align: text-top;
37891 .reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
37892 vertical-align: middle;
37894 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
37895 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
37896 flex: 1 1;
37897 max-width: initial;
37899 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
37900 flex-basis: auto;
37902 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
37903 width: 100%;
37906 @keyframes sortable-list-drag-color-reset {
37907 from {
37908 background-color: #a2cff8;
37910 to {
37911 background-color: inherit;
37914 .reportbuilder-sortable-list li.sortable-list-current-position,
37915 .reportbuilder-table th.sortable-list-current-position,
37916 .reportbuilder-conditions-list .condition.sortable-list-current-position {
37917 background-color: #a2cff8;
37919 .reportbuilder-sortable-list li.sortable-list-is-dragged,
37920 .reportbuilder-table th.sortable-list-is-dragged,
37921 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
37922 background-color: #fff;
37923 opacity: 0.85;
37925 .reportbuilder-sortable-list li.sortable-list-is-dropped,
37926 .reportbuilder-table th.sortable-list-is-dropped,
37927 .reportbuilder-conditions-list .condition.sortable-list-is-dropped {
37928 animation: sortable-list-drag-color-reset 1s ease;
37931 .reportbuilder-toggle-card .card-header {
37932 border-bottom: none;
37934 .reportbuilder-toggle-card .card-body {
37935 border-top: 1px solid rgba(0, 0, 0, 0.125);
37937 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
37938 color: #6a737b;
37939 font-size: 1.5em;
37940 font-weight: 700;
37942 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
37943 display: none;
37945 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
37946 display: inline-block;
37948 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
37949 display: inline-block;
37951 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
37952 display: none;
37955 .reportbuilder-audiences-container .audience-separator {
37956 text-transform: uppercase;
37958 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
37959 content: "";
37960 flex: 1;
37961 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
37963 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
37964 margin-right: 1rem;
37966 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
37967 margin-left: 1rem;
37969 .reportbuilder-audiences-container .instance-card .card-header i.icon {
37970 margin-right: 0;
37973 @media (max-width: 575.98px) {
37974 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
37975 display: none;
37977 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
37978 display: flex;
37979 flex-direction: column;
37980 margin: 0.5rem 0;
37981 padding: 0.25rem 0.5rem 0 0.5rem;
37982 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37983 word-wrap: break-word;
37984 background-clip: border-box;
37985 border: 1px solid rgba(0, 0, 0, 0.125);
37986 border-radius: 0.5rem;
37988 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
37989 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37991 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
37992 display: none;
37994 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
37995 display: none;
37997 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
37998 display: block;
37999 min-height: 3.6rem;
38000 padding: 0.5rem 0.25rem;
38001 border: none;
38003 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
38004 content: attr(data-cardtitle);
38005 display: block;
38006 text-transform: uppercase;
38007 font-size: 70%;
38008 color: #343a40;
38010 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
38011 min-height: 3rem;
38013 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38014 border-top: 1px solid rgba(0, 0, 0, 0.125);
38016 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
38017 padding-right: 2rem;
38019 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
38020 display: block !important; /* stylelint-disable-line declaration-no-important */
38021 position: absolute;
38022 right: 10px;
38024 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
38025 padding: 0 0.5rem;
38026 color: #6a737b;
38028 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
38029 font-size: 1.5em;
38030 font-weight: bold;
38033 @media (min-width: 576px) {
38034 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
38035 display: none;
38037 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
38038 display: flex;
38039 flex-direction: column;
38040 margin: 0.5rem 0;
38041 padding: 0.25rem 0.5rem 0 0.5rem;
38042 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38043 word-wrap: break-word;
38044 background-clip: border-box;
38045 border: 1px solid rgba(0, 0, 0, 0.125);
38046 border-radius: 0.5rem;
38048 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
38049 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38051 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
38052 display: none;
38054 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38055 display: none;
38057 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
38058 display: block;
38059 min-height: 3.6rem;
38060 padding: 0.5rem 0.25rem;
38061 border: none;
38063 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
38064 content: attr(data-cardtitle);
38065 display: block;
38066 text-transform: uppercase;
38067 font-size: 70%;
38068 color: #343a40;
38070 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
38071 min-height: 3rem;
38073 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38074 border-top: 1px solid rgba(0, 0, 0, 0.125);
38076 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
38077 padding-right: 2rem;
38079 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
38080 display: block !important; /* stylelint-disable-line declaration-no-important */
38081 position: absolute;
38082 right: 10px;
38084 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
38085 padding: 0 0.5rem;
38086 color: #6a737b;
38088 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
38089 font-size: 1.5em;
38090 font-weight: bold;
38094 .courseindex .courseindex-item {
38095 padding: 0.5rem 0.5rem;
38096 border: 1px solid transparent;
38097 border-radius: 0.5rem;
38099 .courseindex .courseindex-item.courseindex-section-title a {
38100 font-weight: bold;
38102 .courseindex .courseindex-item .icons-collapse-expand {
38103 padding-right: 4px;
38105 .courseindex .courseindex-item .courseindex-link,
38106 .courseindex .courseindex-item .courseindex-chevron {
38107 color: #495057;
38109 .courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus,
38110 .courseindex .courseindex-item .courseindex-chevron:hover,
38111 .courseindex .courseindex-item .courseindex-chevron:focus {
38112 color: black;
38113 text-decoration: none;
38115 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
38116 color: black;
38118 .courseindex .courseindex-item:hover .courseindex-link,
38119 .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
38120 .courseindex .courseindex-item:focus .courseindex-chevron {
38121 color: black;
38122 cursor: pointer;
38124 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
38125 color: black;
38127 .courseindex .courseindex-item:hover.dimmed .courseindex-link,
38128 .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
38129 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
38130 color: black;
38132 .courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
38133 cursor: pointer;
38135 .courseindex .courseindex-item.dragging {
38136 border: 1px solid #b8dce2;
38137 background-color: #e0f0f2;
38139 .courseindex .courseindex-item.active {
38140 background-color: #f8f9fa;
38141 border-color: #dee2e6;
38143 .courseindex .courseindex-item.dimmed {
38144 color: #6a737b;
38146 .courseindex .courseindex-item.dimmed .courseindex-link,
38147 .courseindex .courseindex-item.dimmed .courseindex-chevron {
38148 color: #6a737b;
38150 .courseindex .courseindex-item.dimmed.pageitem {
38151 color: #fff;
38153 .courseindex .courseindex-item.dimmed.pageitem a {
38154 color: #fff;
38156 .courseindex .courseindex-item .courseindex-locked {
38157 display: none;
38159 .courseindex .courseindex-item.restrictions .courseindex-locked {
38160 display: block;
38162 .courseindex .courseindex-item.pageitem {
38163 background-color: #0f6cbf;
38164 color: #fff;
38165 scroll-margin: 6rem;
38167 .courseindex .courseindex-item.pageitem a {
38168 color: #fff;
38170 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
38171 background-color: #0c589c;
38172 color: #e6e6e6;
38174 .courseindex .courseindex-item.pageitem:hover .courseindex-link,
38175 .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
38176 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
38177 color: #e6e6e6;
38179 .courseindex .courseindex-item .completioninfo {
38180 min-width: 24px;
38182 .courseindex .courseindex-item .completioninfo.completion_complete {
38183 color: #357a32;
38185 .courseindex .courseindex-item .completioninfo.completion_fail {
38186 color: #ca3120;
38188 .courseindex .courseindex-item.indented {
38189 margin-left: 1rem;
38191 .courseindex .courseindex-section {
38192 border-left: solid 3px transparent;
38194 .courseindex .courseindex-section.dragging {
38195 border: 1px solid #b8dce2;
38196 background-color: #e0f0f2;
38198 .courseindex .courseindex-section .current-badge {
38199 line-height: 1.5;
38200 display: none;
38202 .courseindex .courseindex-section.current {
38203 border-left: solid 3px #0f6cbf;
38205 .courseindex .courseindex-section.current .current-badge {
38206 display: inline-block;
38208 .courseindex .courseindex-section.dropready .courseindex-item-content {
38209 /* Extra dropzone space */
38210 padding-bottom: 1em;
38212 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
38213 padding-left: 0.5rem;
38215 .courseindex .icon {
38216 font-size: 12px;
38218 .courseindex .d-flex-noedit {
38219 display: none;
38221 .courseindex.editing .d-flex-noedit {
38222 display: flex;
38224 .courseindex .placeholders .rounded-circle {
38225 height: 1rem;
38226 width: 1rem;
38228 .courseindex .placeholders .w-100 {
38229 height: 1rem;
38230 margin: 0.5rem 0;
38233 .moremenu {
38234 opacity: 0;
38235 height: 60px;
38237 .moremenu.observed {
38238 opacity: 1;
38240 .moremenu .nav-link {
38241 height: 60px;
38242 display: flex;
38243 align-items: center;
38244 border-right: none;
38245 border-bottom: solid 3px transparent;
38246 border-left: none;
38247 border-top: none;
38249 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
38250 border-color: transparent;
38251 background-color: #f8f9fa;
38253 .moremenu .nav-link.active {
38254 background-color: #f8f9fa;
38255 border-color: transparent;
38256 border-bottom-color: #0f6cbf;
38258 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
38259 background-color: #f8f9fa;
38260 border-bottom-color: #0f6cbf;
38262 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
38263 position: relative;
38265 .moremenu .nav-link[data-toggle=tab] {
38266 display: inline-flex;
38267 flex-direction: column;
38268 align-items: center;
38269 justify-content: center;
38271 .moremenu .nav-link[data-toggle=tab]::after {
38272 content: attr(data-text)/"";
38273 height: 0;
38274 visibility: hidden;
38275 overflow: hidden;
38276 user-select: none;
38277 pointer-events: none;
38278 font-weight: bold;
38280 @media speech {
38281 .moremenu .nav-link[data-toggle=tab]::after {
38282 display: none;
38285 .moremenu .nav-tabs {
38286 margin-left: 0;
38287 background-color: #fff;
38289 .moremenu .show > .nav-link,
38290 .moremenu .active > .nav-link,
38291 .moremenu .nav-link.show,
38292 .moremenu .nav-link.active {
38293 background: transparent;
38295 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
38296 padding: 0;
38298 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
38299 position: static;
38300 padding: 0;
38301 border: 0;
38303 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
38304 display: block;
38306 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
38307 background-color: #f8f9fa;
38309 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
38310 color: #fff;
38311 background-color: #0f6cbf;
38313 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
38314 display: none;
38316 .moremenu .dropdown-item[aria-current=true],
38317 .moremenu .dropdown-item.active {
38318 background-color: transparent;
38319 color: #1d2125;
38321 .moremenu .dropdown-item[aria-current=true]:focus-within, .moremenu .dropdown-item[aria-current=true]:hover,
38322 .moremenu .dropdown-item.active:focus-within,
38323 .moremenu .dropdown-item.active:hover {
38324 background-color: #0f6cbf;
38325 color: #fff;
38327 .moremenu .dropdown-item[aria-current=true]:focus-within a, .moremenu .dropdown-item[aria-current=true]:hover a,
38328 .moremenu .dropdown-item.active:focus-within a,
38329 .moremenu .dropdown-item.active:hover a {
38330 color: #fff;
38332 .moremenu .dropdown-item[aria-current=true]:before,
38333 .moremenu .dropdown-item.active:before {
38334 content: "\f00c";
38337 .primary-navigation .navigation {
38338 height: 60px;
38340 .primary-navigation .navigation .nav-link {
38341 height: 60px;
38342 color: #1d2125;
38343 border-top: 3px solid transparent;
38346 @media (max-width: 767.98px) {
38347 .primary-navigation {
38348 display: none;
38350 .editmode-switch-form label {
38351 position: absolute;
38352 width: 1px;
38353 height: 1px;
38354 padding: 0;
38355 margin: -1px;
38356 overflow: hidden;
38357 clip: rect(0, 0, 0, 0);
38358 white-space: nowrap;
38359 border: 0;
38362 .editmode-switch-form .custom-control-input {
38363 width: 100%;
38364 z-index: 1;
38367 .drawer-primary .drawercontent {
38368 padding: 0;
38370 .drawer-primary .drawercontent .list-group {
38371 border-radius: 0;
38372 margin-top: -1px;
38374 .drawer-primary .drawercontent .list-group .list-group-item {
38375 border-left: 0;
38376 border-right: 0;
38379 .secondary-navigation {
38380 padding-bottom: 15px;
38382 .secondary-navigation .navigation {
38383 border-bottom: 1px solid #dee2e6;
38384 background-color: #fff;
38385 margin: 0 -0.5rem;
38386 padding: 0 0.5rem;
38388 .secondary-navigation .navigation .nav-tabs {
38389 border: none;
38390 max-width: 830px;
38391 margin: 0 auto;
38393 .secondary-navigation .navigation .nav-tabs .nav-link {
38394 border-radius: initial;
38397 @media (min-width: 768px) {
38398 .secondary-navigation .navigation {
38399 padding: 0 calc(0.5rem + 15px);
38402 .tertiary-navigation {
38403 padding-top: 10px;
38405 .tertiary-navigation.full-width-bottom-border {
38406 width: calc(100% + 1rem + 30px);
38407 margin-left: calc(-0.5rem - 15px);
38408 margin-right: calc(-0.5rem - 15px);
38409 border-bottom: 1px solid #dee2e6;
38410 margin-bottom: 25px;
38412 @media (max-width: 767.98px) {
38413 .tertiary-navigation.full-width-bottom-border {
38414 width: calc(100% + 1rem);
38415 margin-left: -0.5rem;
38416 margin-right: -0.5rem;
38419 .tertiary-navigation.full-width-bottom-border .row {
38420 margin: 0;
38421 padding-left: 0.5rem;
38422 padding-right: 0.5rem;
38424 .tertiary-navigation .navitem,
38425 .tertiary-navigation .navitem-divider {
38426 display: flex;
38427 margin-bottom: 25px;
38429 .tertiary-navigation .navitem-divider {
38430 width: 1px;
38431 background-color: #dee2e6;
38433 .tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
38434 margin-bottom: 25px;
38436 .tertiary-navigation .row {
38437 column-gap: 10px;
38439 .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
38440 padding: 0;
38441 font-size: 1.4rem;
38442 font-weight: bold;
38444 .tertiary-navigation .navitem:not(:last-child),
38445 .tertiary-navigation .navitem-divider:not(:last-child) {
38446 margin-right: 20px;
38448 .tertiary-navigation .btn > div {
38449 max-width: 200px;
38452 @media (max-width: 767.98px) {
38453 .tertiary-navigation .mform {
38454 padding-left: initial;
38457 @media (max-width: 575.98px) {
38458 .tertiary-navigation .page-toggler > p {
38459 font-size: 80%;
38462 @media print {
38463 .tertiary-navigation {
38464 display: none;
38467 .popover-process-monitor {
38468 position: fixed;
38469 right: 2rem;
38470 bottom: 5rem;
38471 width: 350px;
38472 background-color: #fff;
38473 border-radius: 0.5rem;
38474 border: 1px solid #dee2e6;
38476 .popover-process-monitor .process-list {
38477 max-height: 30vh;
38478 overflow: auto;
38479 scrollbar-width: thin;
38480 scrollbar-color: #6a737b #f8f9fa;
38482 .popover-process-monitor .process-list::-webkit-scrollbar {
38483 width: 12px;
38485 .popover-process-monitor .process-list::-webkit-scrollbar-track {
38486 background: #f8f9fa;
38488 .popover-process-monitor .process-list::-webkit-scrollbar-thumb {
38489 background-color: #6a737b;
38490 border-radius: 20px;
38491 border: 3px solid #f8f9fa;
38493 .popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
38494 background-color: #495057;
38496 .popover-process-monitor .queue-process {
38497 border-bottom: 1px solid #e9ecef;
38499 .popover-process-monitor .queue-process:last-child {
38500 border-bottom: 0;
38503 .moodlenet-share-dialog {
38504 min-height: 500px;
38506 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
38507 align-items: baseline;
38509 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
38510 display: flex;
38512 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
38513 width: auto;
38514 height: 1.3rem;
38516 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
38517 display: flex;
38518 padding-left: 0.5em;
38520 .moodlenet-share-dialog .modal-header.no-border {
38521 border-bottom: none;
38523 .moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
38524 display: none;
38526 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
38527 border-radius: 0.5rem;
38528 color: #1d2125;
38529 background-color: #f5f9fc;
38530 border-color: #3584c9;
38531 border-width: 1px;
38532 border-style: solid;
38533 padding: 0.6em 1.5em;
38534 margin-bottom: 1rem;
38536 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
38537 border-top-color: #3077b5;
38539 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
38540 color: #070808;
38542 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
38543 border-bottom: 1px solid #dee2e6;
38545 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type,
38546 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
38547 display: block;
38549 .moodlenet-share-dialog .modal-body .moodlenet-share-notice {
38550 background-color: #f8f9fa;
38551 padding: 1rem;
38553 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
38554 width: 60px;
38555 height: 60px;
38556 font-size: 60px;
38558 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
38559 height: 18rem;
38560 margin: auto;
38562 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
38563 background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
38565 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
38566 background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
38568 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
38569 display: block;
38570 margin: auto;
38572 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
38573 font-size: 8rem;
38574 width: auto;
38575 margin: 0;
38577 .moodlenet-share-dialog .modal-footer .moodlenet-share-to {
38578 margin-right: auto;
38582 * Dropdown menu Moodle specific styles.
38584 .dropdown-item a {
38585 display: block;
38586 width: 100%;
38587 color: #1d2125;
38589 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
38590 outline: 0;
38591 background-color: #0f6cbf;
38592 color: #fff;
38594 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
38595 color: #fff;
38597 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
38598 position: relative;
38599 display: flex;
38600 align-items: center;
38602 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
38603 content: "\f00c";
38604 position: absolute;
38605 left: 0.4rem;
38606 font-size: 0.7rem;
38609 .dropdown-menu {
38610 width: fit-content;
38613 .dropdown-item.text-primary {
38614 color: #0f6cbf;
38616 .dropdown-item.text-primary:hover {
38617 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38620 .dropdown-item.text-secondary {
38621 color: #ced4da;
38623 .dropdown-item.text-secondary:hover {
38624 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38627 .dropdown-item.text-success {
38628 color: #357a32;
38630 .dropdown-item.text-success:hover {
38631 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38634 .dropdown-item.text-info {
38635 color: #008196;
38637 .dropdown-item.text-info:hover {
38638 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38641 .dropdown-item.text-warning {
38642 color: #f0ad4e;
38644 .dropdown-item.text-warning:hover {
38645 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38648 .dropdown-item.text-danger {
38649 color: #ca3120;
38651 .dropdown-item.text-danger:hover {
38652 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38655 .dropdown-item.text-light {
38656 color: #f8f9fa;
38658 .dropdown-item.text-light:hover {
38659 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38662 .dropdown-item.text-dark {
38663 color: #343a40;
38665 .dropdown-item.text-dark:hover {
38666 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38670 Deprecations
38672 .path-course-view li.activity form.togglecompletion {
38673 /* stylelint-disable declaration-no-important */
38674 /* stylelint-enable */
38676 body.behat-site .path-course-view li.activity form.togglecompletion,
38677 .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,
38678 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion {
38679 outline: 3px dotted #ca3120 !important;
38680 background-color: #fceeed !important;
38682 body.behat-site .path-course-view li.activity form.togglecompletion::before,
38683 .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,
38684 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion::before {
38685 content: "Deprecated style in use" !important;
38686 color: #ca3120 !important;
38687 font-size: smaller !important;
38690 .path-course-view li.activity form.togglecompletion .ajaxworking {
38691 width: 16px;
38692 height: 16px;
38693 position: absolute;
38694 right: 22px;
38695 top: 3px;
38696 background: url([[pix:i/ajaxloader]]) no-repeat;
38699 .path-course-view li.activity form.togglecompletion .btn {
38700 padding: 0;
38703 .path-course-view li.activity form.togglecompletion img {
38704 max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
38707 body {
38708 -webkit-font-smoothing: antialiased;
38709 -moz-osx-font-smoothing: grayscale;
38712 .navbar {
38713 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
38716 .userpicture {
38717 border-radius: 50%;
38720 .btn-outline-secondary {
38721 color: #6a737b;
38722 border-color: #6a737b;
38723 border-color: #6a737b;
38725 .btn-outline-secondary:hover {
38726 color: #fff;
38727 background-color: #6a737b;
38728 border-color: #6a737b;
38730 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
38731 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38733 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
38734 color: #6a737b;
38735 background-color: transparent;
38737 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
38738 color: #fff;
38739 background-color: #6a737b;
38740 border-color: #6a737b;
38742 .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 {
38743 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38746 .btn-outline-info {
38747 color: #1f7e9a;
38748 border-color: #1f7e9a;
38750 .btn-outline-info:hover {
38751 color: #fff;
38752 background-color: #1f7e9a;
38753 border-color: #1f7e9a;
38755 .btn-outline-info:focus, .btn-outline-info.focus {
38756 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38758 .btn-outline-info.disabled, .btn-outline-info:disabled {
38759 color: #1f7e9a;
38760 background-color: transparent;
38762 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
38763 color: #fff;
38764 background-color: #1f7e9a;
38765 border-color: #1f7e9a;
38767 .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 {
38768 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38771 .btn-outline-warning {
38772 color: #a6670e;
38773 border-color: #a6670e;
38775 .btn-outline-warning:hover {
38776 color: #fff;
38777 background-color: #a6670e;
38778 border-color: #a6670e;
38780 .btn-outline-warning:focus, .btn-outline-warning.focus {
38781 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38783 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
38784 color: #a6670e;
38785 background-color: transparent;
38787 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
38788 color: #fff;
38789 background-color: #a6670e;
38790 border-color: #a6670e;
38792 .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 {
38793 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);