Merge branch 'MDL-80767' of https://github.com/paulholden/moodle
[moodle.git] / theme / boost / style / moodle.css
blobe7c9ac8139f89744d85966bacd922d7ed15229fe
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: 24px;
23274 width: 24px;
23275 vertical-align: middle;
23278 .headermain {
23279 font-weight: bold;
23282 #maincontent {
23283 display: block;
23284 height: 1px;
23285 overflow: hidden;
23288 img.uihint {
23289 cursor: help;
23292 #addmembersform table {
23293 margin-left: auto;
23294 margin-right: auto;
23297 table.flexible .emptyrow {
23298 display: none;
23301 form.popupform,
23302 form.popupform div {
23303 display: inline;
23306 .arrow_button input {
23307 overflow: hidden;
23310 .no-overflow {
23311 overflow: auto;
23314 .no-overflow > .generaltable {
23315 margin-bottom: 0;
23318 .no-overflow .generaltable .sr-only,
23319 .no-overflow .generaltable .accesshide,
23320 .table-responsive .generaltable .sr-only,
23321 .table-responsive .generaltable .accesshide {
23322 position: relative;
23323 display: block;
23326 .accesshide {
23327 position: absolute;
23328 width: 1px;
23329 height: 1px;
23330 padding: 0;
23331 margin: -1px;
23332 overflow: hidden;
23333 clip: rect(0, 0, 0, 0);
23334 white-space: nowrap;
23335 border: 0;
23338 span.hide,
23339 div.hide,
23340 .hidden {
23341 display: none;
23344 a.skip-block,
23345 a.skip {
23346 position: absolute;
23347 top: -1000em;
23348 font-size: 0.85em;
23349 text-decoration: none;
23352 a.skip-block:focus,
23353 a.skip-block:active,
23354 a.skip:focus,
23355 a.skip:active {
23356 position: static;
23357 display: block;
23360 .skip-block-to {
23361 display: block;
23362 height: 1px;
23363 overflow: hidden;
23366 .addbloglink {
23367 text-align: center;
23370 .blog_entry .audience {
23371 text-align: right;
23372 padding-right: 4px;
23375 .blog_entry .tags {
23376 margin-top: 15px;
23379 .blog_entry .content {
23380 margin-left: 43px;
23383 #doc-contents h1 {
23384 margin: 1em 0 0 0;
23387 #doc-contents ul {
23388 margin: 0;
23389 padding: 0;
23390 width: 90%;
23393 #doc-contents ul li {
23394 list-style-type: none;
23397 .groupmanagementtable td {
23398 vertical-align: top;
23401 .groupmanagementtable #existingcell,
23402 .groupmanagementtable #potentialcell {
23403 width: 42%;
23406 .groupmanagementtable #buttonscell {
23407 width: 16%;
23410 .groupmanagementtable #buttonscell p.arrow_button input {
23411 width: auto;
23412 min-width: 80%;
23413 margin: 0 auto;
23414 display: block;
23417 .groupmanagementtable #removeselect_wrapper,
23418 .groupmanagementtable #addselect_wrapper {
23419 width: 100%;
23422 .groupmanagementtable #removeselect_wrapper label,
23423 .groupmanagementtable #addselect_wrapper label {
23424 font-weight: normal;
23427 #group-usersummary {
23428 width: 14em;
23431 .groupselector {
23432 margin-top: 3px;
23433 margin-bottom: 3px;
23434 display: inline-block;
23437 .groupselector label {
23438 display: inline-block;
23441 .notepost {
23442 margin-bottom: 1em;
23445 .notepost .userpicture {
23446 float: left;
23447 margin-right: 5px;
23450 .notepost .content,
23451 .notepost .footer {
23452 clear: both;
23455 .notesgroup {
23456 margin-left: 20px;
23459 .path-my .coursebox {
23460 margin: 1rem 0;
23461 padding: 0;
23463 .path-my .coursebox .overview {
23464 margin: 15px 30px 10px 30px;
23467 .path-my .coursebox .info {
23468 float: none;
23469 margin: 0;
23472 .mod_introbox {
23473 padding: 10px;
23476 table.mod_index {
23477 width: 100%;
23480 .comment-ctrl {
23481 font-size: 12px;
23482 display: none;
23483 margin: 0;
23484 padding: 0;
23487 .comment-ctrl h5 {
23488 margin: 0;
23489 padding: 5px;
23492 .comment-area {
23493 max-width: 400px;
23494 padding: 5px;
23497 .comment-area textarea {
23498 width: 100%;
23499 overflow: auto;
23501 .comment-area textarea.fullwidth {
23502 -webkit-box-sizing: border-box;
23503 -moz-box-sizing: border-box;
23504 box-sizing: border-box;
23507 .comment-area .fd {
23508 text-align: right;
23511 .comment-meta span {
23512 color: gray;
23515 .comment-link img {
23516 vertical-align: text-bottom;
23519 .comment-list {
23520 font-size: 11px;
23521 overflow: auto;
23522 list-style: none;
23523 padding: 0;
23524 margin: 0;
23527 .comment-list li {
23528 margin: 2px;
23529 list-style: none;
23530 margin-bottom: 5px;
23531 clear: both;
23532 padding: 0.3em;
23533 position: relative;
23536 .comment-list li.first {
23537 display: none;
23540 .comment-paging {
23541 text-align: center;
23544 .comment-paging .pageno {
23545 padding: 2px;
23548 .comment-paging .curpage {
23549 border: 1px solid #ccc;
23552 .comment-message .picture {
23553 float: left;
23554 margin-right: 0.25rem;
23557 .comment-message .text {
23558 margin: 0;
23559 padding: 0;
23562 .comment-message .text p {
23563 padding: 0;
23564 margin: 0 18px 0 0;
23567 .comment-delete {
23568 position: absolute;
23569 top: 0;
23570 right: 0;
23571 margin: 0.3em;
23574 .comment-report-selectall {
23575 display: none;
23578 .comment-link {
23579 display: none;
23582 .jsenabled .comment-link {
23583 display: block;
23586 .jsenabled .showcommentsnonjs {
23587 display: none;
23590 .jsenabled .comment-report-selectall {
23591 display: inline;
23595 * Completion progress report
23597 .completion-expired {
23598 color: #f0ad4e;
23601 .completion-expected {
23602 font-size: 0.703125rem;
23605 .completion-sortchoice,
23606 .completion-identifyfield {
23607 font-size: 0.703125rem;
23608 vertical-align: bottom;
23611 .completion-progresscell {
23612 text-align: right;
23615 .completion-expired .completion-expected {
23616 font-weight: bold;
23620 * Tags
23622 #tag-search-box {
23623 text-align: center;
23624 margin: 10px auto;
23627 span.flagged-tag,
23628 tr.flagged-tag,
23629 span.flagged-tag a,
23630 tr.flagged-tag a {
23631 color: #f0ad4e;
23634 .tag-management-table td,
23635 .tag-management-table th {
23636 vertical-align: middle;
23637 padding: 4px;
23639 .tag-management-table .inplaceeditable.inplaceeditingon input {
23640 width: 150px;
23643 .path-admin-tag .addstandardtags {
23644 float: right;
23646 .path-admin-tag .addstandardtags img {
23647 margin: 0 5px;
23650 .path-tag .tag-relatedtags {
23651 padding-top: 10px;
23653 .path-tag .tag-management-box {
23654 text-align: right;
23656 .path-tag .tag-index-toc {
23657 padding: 10px;
23658 text-align: center;
23660 .path-tag .tag-index-toc li {
23661 margin-left: 5px;
23662 margin-right: 5px;
23664 .path-tag .tag-management-box li {
23665 margin-left: 5px;
23666 margin-right: 5px;
23668 .path-tag .tag-management-box li a {
23669 background-repeat: no-repeat;
23670 background-position: left;
23671 padding-left: 17px;
23673 .path-tag .tag-management-box li a.edittag {
23674 background-image: url([[pix:moodle|i/settings]]);
23676 .path-tag .tag-management-box li a.flagasinappropriate {
23677 background-image: url([[pix:moodle|i/flagged]]);
23679 .path-tag .tag-management-box li a.removefrommyinterests {
23680 background-image: url([[pix:moodle|t/delete]]);
23682 .path-tag .tag-management-box li a.addtomyinterests {
23683 background-image: url([[pix:moodle|t/add]]);
23685 .path-tag .tag-backtoallitems {
23686 text-align: center;
23688 .path-tag .tag-index-items .tagarea {
23689 border: 1px solid #e3e3e3;
23690 border-radius: 4px;
23691 padding: 10px;
23692 margin-top: 10px;
23694 .path-tag .tag-index-items .tagarea h3 {
23695 display: block;
23696 padding: 3px 0 10px 0;
23697 margin: 0;
23698 font-size: 1.1em;
23699 font-weight: bold;
23700 line-height: 20px;
23701 color: #999;
23702 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
23703 text-transform: uppercase;
23704 word-wrap: break-word;
23705 border-bottom: solid 1px #e3e3e3;
23706 margin-bottom: 10px;
23708 .path-tag .tag-index-items .tagarea .taggeditems::after {
23709 display: block;
23710 clear: both;
23711 content: "";
23713 .path-tag .tag-index-items .tagarea .controls {
23714 text-align: center;
23716 .path-tag .tag-index-items .tagarea .controls::after {
23717 display: block;
23718 clear: both;
23719 content: "";
23721 .path-tag .tag-index-items .tagarea .controls.controls-bottom {
23722 margin-top: 5px;
23724 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
23725 float: right;
23727 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
23728 float: left;
23730 .path-tag .tag-index-items .tagarea .controls .exclusivemode {
23731 display: inline-block;
23733 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
23734 padding-right: 5px;
23735 padding-left: 5px;
23736 content: "«";
23738 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
23739 padding-right: 5px;
23740 padding-left: 5px;
23741 content: "»";
23744 .tag_feed img {
23745 max-height: 35px;
23746 max-width: 35px;
23748 .tag_feed .muted a {
23749 color: #6a737b;
23752 .tag_cloud {
23753 text-align: center;
23755 .tag_cloud .inline-list li {
23756 padding: 0 0.2em;
23758 .tag_cloud .tag_overflow {
23759 margin-top: 1em;
23760 font-style: italic;
23762 .tag_cloud .s0 {
23763 font-size: 0.7em;
23765 .tag_cloud .s1 {
23766 font-size: 0.8em;
23768 .tag_cloud .s2 {
23769 font-size: 0.9em;
23771 .tag_cloud .s3 {
23772 font-size: 1em;
23774 .tag_cloud .s4 {
23775 font-size: 1.1em;
23777 .tag_cloud .s5 {
23778 font-size: 1.2em;
23780 .tag_cloud .s6 {
23781 font-size: 1.3em;
23783 .tag_cloud .s7 {
23784 font-size: 1.4em;
23786 .tag_cloud .s8 {
23787 font-size: 1.5em;
23789 .tag_cloud .s9 {
23790 font-size: 1.6em;
23792 .tag_cloud .s10 {
23793 font-size: 1.7em;
23795 .tag_cloud .s11 {
23796 font-size: 1.8em;
23798 .tag_cloud .s12 {
23799 font-size: 1.9em;
23801 .tag_cloud .s13 {
23802 font-size: 2em;
23804 .tag_cloud .s14 {
23805 font-size: 2.1em;
23807 .tag_cloud .s15 {
23808 font-size: 2.2em;
23810 .tag_cloud .s16 {
23811 font-size: 2.3em;
23813 .tag_cloud .s17 {
23814 font-size: 2.4em;
23816 .tag_cloud .s18 {
23817 font-size: 2.5em;
23819 .tag_cloud .s19 {
23820 font-size: 2.6em;
23822 .tag_cloud .s20 {
23823 font-size: 2.7em;
23826 .tag_list ul {
23827 display: inline;
23829 .tag_list .tagmorelink {
23830 display: none;
23832 .tag_list.hideoverlimit .overlimit {
23833 display: none;
23835 .tag_list.hideoverlimit .tagmorelink {
23836 display: inline;
23838 .tag_list.hideoverlimit .taglesslink {
23839 display: none;
23843 * Web Service
23845 #webservice-doc-generator td {
23846 text-align: left;
23847 border: 0 solid #000;
23851 * Enrol
23853 .userenrolment {
23854 width: 100%;
23855 border-collapse: collapse;
23858 .userenrolment tr {
23859 vertical-align: top;
23862 .userenrolment td {
23863 padding: 0;
23864 height: 41px;
23867 .userenrolment .subfield {
23868 margin-right: 5px;
23871 .userenrolment .col_userdetails .subfield {
23872 margin-left: 40px;
23875 .userenrolment .col_userdetails .subfield_picture {
23876 float: left;
23877 margin-left: 0;
23880 .userenrolment .col_lastseen {
23881 width: 150px;
23884 .userenrolment .col_role {
23885 width: 262px;
23888 .userenrolment .col_role .roles,
23889 .userenrolment .col_group .groups {
23890 margin-right: 30px;
23893 .userenrolment .col_role .role {
23894 float: left;
23895 padding: 0 3px 3px;
23896 margin: 0 3px 3px;
23897 white-space: nowrap;
23900 .userenrolment .col_group .group {
23901 float: left;
23902 padding: 3px;
23903 margin: 3px;
23904 white-space: nowrap;
23907 .userenrolment .col_role .role a,
23908 .userenrolment .col_group .group a {
23909 margin-left: 3px;
23910 cursor: pointer;
23913 .userenrolment .col_role .addrole,
23914 .userenrolment .col_group .addgroup {
23915 float: right;
23916 padding: 3px;
23917 margin: 3px;
23919 .userenrolment .col_role .addrole > a:hover,
23920 .userenrolment .col_group .addgroup > a:hover {
23921 border-bottom: 1px solid #666;
23924 .userenrolment .col_role .addrole img,
23925 .userenrolment .col_group .addgroup img {
23926 vertical-align: baseline;
23929 .userenrolment .hasAllRoles .col_role .addrole {
23930 display: none;
23933 .userenrolment .col_enrol .enrolment {
23934 float: left;
23935 padding: 0 3px 3px;
23936 margin: 0 3px 3px;
23939 .userenrolment .col_enrol .enrolment a {
23940 float: right;
23941 margin-left: 3px;
23944 #page-enrol-otherusers .userenrolment .col_role .role {
23945 float: none;
23946 margin: 3px 3px 3px 0;
23947 padding: 3px 3px 3px 0;
23950 .corelightbox {
23951 background-color: #ccc;
23952 position: absolute;
23953 top: 0;
23954 left: 0;
23955 width: 100%;
23956 height: 100%;
23957 text-align: center;
23960 .corelightbox img {
23961 position: fixed;
23962 top: 50%;
23963 left: 50%;
23966 .mod-indent-outer {
23967 display: table;
23970 .mod-indent {
23971 display: table-cell;
23974 .label .mod-indent {
23975 float: left;
23976 padding-top: 20px;
23979 .activity.label.modtype_label .mod-indent {
23980 float: none;
23983 @media (min-width: 576px) {
23984 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
23985 .mod-indent-1 {
23986 width: 30px;
23988 .mod-indent-2 {
23989 width: 60px;
23991 .mod-indent-3 {
23992 width: 90px;
23994 .mod-indent-4 {
23995 width: 120px;
23997 .mod-indent-5 {
23998 width: 150px;
24000 .mod-indent-6 {
24001 width: 180px;
24003 .mod-indent-7 {
24004 width: 210px;
24006 .mod-indent-8 {
24007 width: 240px;
24009 .mod-indent-9 {
24010 width: 270px;
24012 .mod-indent-10 {
24013 width: 300px;
24015 .mod-indent-11 {
24016 width: 330px;
24018 .mod-indent-12 {
24019 width: 360px;
24021 .mod-indent-13 {
24022 width: 390px;
24024 .mod-indent-14 {
24025 width: 420px;
24027 .mod-indent-15 {
24028 width: 450px;
24030 .mod-indent-16 {
24031 width: 480px;
24033 .mod-indent-huge {
24034 width: 480px;
24037 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
24038 .resourcecontent .mediaplugin_mp3 object {
24039 height: 25px;
24040 width: 600px;
24043 .resourcecontent audio.mediaplugin_html5audio {
24044 width: 600px;
24047 /** Large resource images should avoid hidden overflow **/
24048 .resourceimage {
24049 max-width: 100%;
24052 /* Audio player size in 'inline' mode (can only change width, as above) */
24053 .mediaplugin_mp3 object {
24054 height: 15px;
24055 width: 300px;
24058 audio.mediaplugin_html5audio {
24059 width: 300px;
24062 .core_media_preview.pagelayout-embedded #maincontent {
24063 height: 0;
24066 .path-rating .ratingtable {
24067 width: 100%;
24068 margin-bottom: 1em;
24071 .path-rating .ratingtable th.rating {
24072 width: 100%;
24075 .path-rating .ratingtable td.rating,
24076 .path-rating .ratingtable td.time {
24077 white-space: nowrap;
24078 text-align: center;
24081 /* Moodle Dialogue Settings (moodle-core-dialogue) */
24082 .moodle-dialogue-base .moodle-dialogue-lightbox {
24083 background-color: #495057;
24086 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
24087 background-color: transparent;
24089 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
24090 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
24093 .moodle-dialogue-base .hidden,
24094 .moodle-dialogue-base .moodle-dialogue-hidden {
24095 display: none;
24098 .no-scrolling {
24099 overflow: hidden;
24102 .moodle-dialogue-base .moodle-dialogue-fullscreen {
24103 left: 0;
24104 top: 0;
24105 right: 0;
24106 bottom: -50px;
24107 position: fixed;
24110 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24111 overflow: auto;
24114 .moodle-dialogue-base .moodle-dialogue-wrap {
24115 background-color: #fff;
24116 border: 1px solid #ccc;
24119 .modal.show {
24120 display: block;
24123 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
24124 display: flex;
24125 padding: 1rem 1rem;
24126 border-bottom: 1px solid #dee2e6;
24129 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
24130 min-height: 3rem;
24131 color: initial;
24132 background: initial;
24133 font-size: 1.5rem;
24134 line-height: 1.5;
24137 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
24138 font-size: 1.5rem;
24139 font-weight: 400;
24140 margin-bottom: 0;
24141 line-height: 1.5;
24144 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
24145 /*rtl:raw:
24146 left: 0;
24147 right: auto;
24149 padding: 0;
24150 position: relative;
24151 margin-left: auto;
24154 .moodle-dialogue-base .closebutton {
24155 padding: 1rem 1rem;
24156 margin: -1rem -1rem -1rem auto;
24157 position: relative;
24158 background-color: transparent;
24159 border: 0;
24160 background-image: none;
24161 box-shadow: none;
24162 opacity: 0.7;
24164 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
24165 opacity: 1;
24167 .moodle-dialogue-base .closebutton::after {
24168 content: "×";
24171 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
24172 padding: 0.5rem;
24174 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
24175 background-color: #fff;
24178 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24179 overflow: auto;
24180 position: absolute;
24181 top: 0;
24182 bottom: 50px;
24183 left: 0;
24184 right: 0;
24185 margin: 0;
24186 border: 0;
24189 .moodle-dialogue-exception .moodle-exception-param label {
24190 font-weight: bold;
24193 .moodle-dialogue-exception .param-stacktrace label {
24194 background-color: #eee;
24195 border: 1px solid #ccc;
24196 border-bottom-width: 0;
24199 .moodle-dialogue-exception .param-stacktrace pre {
24200 border: 1px solid #ccc;
24201 background-color: #fff;
24204 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24205 color: navy;
24206 font-size: 0.8203125rem;
24209 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24210 color: #f0ad4e;
24211 font-size: 0.8203125rem;
24214 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24215 color: #333;
24216 font-size: 90%;
24217 border-bottom: 1px solid #eee;
24220 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
24221 display: none;
24224 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
24225 background: initial;
24228 .moodle-dialogue-confirm .confirmation-message {
24229 margin: 0.5rem 0;
24232 .moodle-dialogue-confirm .confirmation-dialogue input {
24233 min-width: 80px;
24236 .moodle-dialogue-exception .moodle-exception-message {
24237 margin: 1em;
24240 .moodle-dialogue-exception .moodle-exception-param {
24241 margin-bottom: 0.5em;
24244 .moodle-dialogue-exception .moodle-exception-param label {
24245 width: 150px;
24248 .moodle-dialogue-exception .param-stacktrace label {
24249 display: block;
24250 margin: 0;
24251 padding: 4px 1em;
24254 .moodle-dialogue-exception .param-stacktrace pre {
24255 display: block;
24256 height: 200px;
24257 overflow: auto;
24260 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24261 display: inline-block;
24262 margin: 4px 0;
24265 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24266 display: inline-block;
24267 width: 50px;
24268 margin: 4px 1em;
24271 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24272 padding-left: 25px;
24273 margin-bottom: 4px;
24274 padding-bottom: 4px;
24277 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
24278 opacity: 0.75;
24279 width: 100%;
24280 height: 100%;
24281 top: 0;
24282 left: 0;
24283 background-color: #fff;
24284 text-align: center;
24285 padding: 10% 0;
24288 /* Apply a default max-height on tooltip text */
24289 .moodle-dialogue .tooltiptext {
24290 max-height: 300px;
24293 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
24294 z-index: 3001;
24296 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
24297 overflow: auto;
24301 * Chooser Dialogues (moodle-core-chooserdialogue)
24303 * This CSS belong to the chooser dialogue which should work both with, and
24304 * without javascript enabled
24306 /* Hide the dialog and it's title */
24307 .chooserdialoguebody,
24308 .choosertitle {
24309 display: none;
24312 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
24313 margin: 0;
24316 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
24317 padding: 0;
24318 background: #f2f2f2;
24319 border-bottom-right-radius: 10px;
24320 border-bottom-left-radius: 10px;
24323 /* Center the submit buttons within the area */
24324 .choosercontainer #chooseform .submitbuttons {
24325 padding: 0.7em 0;
24326 text-align: right;
24329 /* Fixed for safari browser on iPhone4S with ios7@mixin */
24330 @media (max-height: 639px) {
24331 .ios .choosercontainer #chooseform .submitbuttons {
24332 padding: 45px 0;
24335 .choosercontainer #chooseform .submitbuttons input {
24336 min-width: 100px;
24337 margin: 0 0.5em;
24340 /* Various settings for the options area */
24341 .choosercontainer #chooseform .options {
24342 position: relative;
24343 border-bottom: 1px solid #bbb;
24346 /* Only set these options if we're showing the js container */
24347 .jschooser .choosercontainer #chooseform .alloptions {
24348 overflow-x: hidden;
24349 overflow-y: auto;
24350 max-width: 240px;
24352 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
24353 display: inline-block;
24355 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
24356 display: inline-block;
24357 width: 55%;
24360 /* Settings for option rows and option subtypes */
24361 .choosercontainer #chooseform .moduletypetitle,
24362 .choosercontainer #chooseform .option,
24363 .choosercontainer #chooseform .nonoption {
24364 margin-bottom: 0;
24365 padding: 0 1.6em 0 1.6em;
24368 .choosercontainer #chooseform .moduletypetitle {
24369 text-transform: uppercase;
24370 padding-top: 1.2em;
24371 padding-bottom: 0.4em;
24372 margin-bottom: 0.5rem;
24373 font-size: 100%;
24376 .choosercontainer #chooseform .option .typename,
24377 .choosercontainer #chooseform .nonoption .typename {
24378 padding: 0 0 0 0.5em;
24381 .choosercontainer #chooseform .modicon + .typename {
24382 padding-left: 0;
24385 .choosercontainer #chooseform .option input[type=radio],
24386 .choosercontainer #chooseform .option span.typename {
24387 vertical-align: middle;
24390 .choosercontainer #chooseform .option label {
24391 display: block;
24392 margin: 0;
24393 padding: 0.5rem 0;
24394 border-bottom: 1px solid #fff;
24397 .choosercontainer #chooseform .option .icon {
24398 margin: 0;
24399 padding: 0 1rem;
24402 .choosercontainer #chooseform .nonoption {
24403 padding-left: 2.7em;
24404 padding-top: 0.3em;
24405 padding-bottom: 0.1em;
24408 .choosercontainer #chooseform .subtype {
24409 margin-bottom: 0;
24410 padding: 0 1.6em 0 3.2em;
24413 .choosercontainer #chooseform .subtype .typename {
24414 margin: 0 0 0 0.2em;
24417 /* The instruction/help area */
24418 .jschooser .choosercontainer #chooseform .instruction,
24419 .jschooser .choosercontainer #chooseform .typesummary {
24420 display: none;
24421 position: absolute;
24422 top: 0;
24423 right: 0;
24424 bottom: 0;
24425 left: 240px;
24426 margin: 0;
24427 padding: 1.6em;
24428 background-color: #fff;
24429 overflow-x: hidden;
24430 overflow-y: auto;
24431 line-height: 2em;
24434 /* Selected option settings */
24435 .jschooser .choosercontainer #chooseform .instruction,
24436 .choosercontainer #chooseform .selected .typesummary {
24437 display: block;
24440 .choosercontainer #chooseform .selected {
24441 background-color: #fff;
24442 margin-top: -1px;
24443 padding-top: 1px;
24446 @media (max-width: 575.98px) {
24447 .jsenabled .choosercontainer #chooseform .alloptions {
24448 max-width: 100%;
24450 .jsenabled .choosercontainer #chooseform .instruction,
24451 .jsenabled .choosercontainer #chooseform .typesummary {
24452 position: static;
24456 * Module chooser dialogue (moodle-core-chooserdialogue)
24458 * This CSS belong to the chooser dialogue which should work both with, and
24459 * without javascript enabled
24461 .modchooser .modal-body {
24462 padding: 0;
24463 overflow-y: auto;
24464 min-height: 640px;
24465 display: flex;
24466 flex-direction: column;
24468 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24469 min-height: 495px;
24471 .modchooser .modal-body .carousel-item.active {
24472 display: flex;
24474 .modchooser .modal-body .chooser-container {
24475 display: flex;
24476 flex-direction: column;
24477 flex: 1 1 auto;
24479 .modchooser .modal-body .loading-icon {
24480 opacity: 1;
24482 .modchooser .modal-body .loading-icon .icon {
24483 display: block;
24484 font-size: 3em;
24485 height: 1em;
24486 width: 1em;
24488 .modchooser .modal-body .carousel-item .loading-icon .icon {
24489 margin: 1em auto;
24491 .modchooser .modal-body .searchbar {
24492 width: 100%;
24495 .modchooser .modal-footer {
24496 height: 70px;
24497 background: #fff;
24499 .modchooser .modal-footer .moodlenet-logo .icon {
24500 height: 2.5rem;
24501 width: 6rem;
24502 margin-bottom: 0.6rem;
24505 .modchoosercontainer.noscroll {
24506 overflow-y: hidden;
24509 .modchoosercontainer .optionscontainer,
24510 .modchoosercontainer .searchresultitemscontainer {
24511 overflow-x: hidden;
24513 .modchoosercontainer .optionscontainer .option,
24514 .modchoosercontainer .searchresultitemscontainer .option {
24515 flex-basis: calc(50% - 0.5rem);
24517 .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
24518 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
24519 cursor: pointer;
24520 color: #6a737b;
24522 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i,
24523 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
24524 margin: 0;
24526 .modchoosercontainer .optionscontainer .option .optioninfo a,
24527 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
24528 color: #495057;
24530 .modchoosercontainer .optionscontainer .option .optioninfo a:hover,
24531 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
24532 text-decoration: none;
24535 .modchooser .modal-body .optionsummary {
24536 background-color: #fff;
24537 overflow-x: hidden;
24538 overflow-y: auto;
24539 height: 640px;
24541 .modchooser .modal-body .optionsummary .content {
24542 overflow-y: auto;
24544 .modchooser .modal-body .optionsummary .content .heading .icon {
24545 height: 32px;
24546 width: 32px;
24547 font-size: 32px;
24548 padding: 0;
24550 .modchooser .modal-body .optionsummary .actions {
24551 border-top: 1px solid #dee2e6;
24552 background: #fff;
24555 @media (max-width: 575.98px) {
24556 .path-course-view .modal-dialog.modal-lg,
24557 .path-course-view .modal-content,
24558 .modchooser .modal-body,
24559 .modchooser .modal-body .carousel,
24560 .modchooser .modal-body .carousel-inner,
24561 .modchooser .modal-body .carousel-item,
24562 .modchooser .modal-body .optionsummary,
24563 .modchoosercontainer,
24564 .optionscontainer,
24565 .searchresultitemscontainer {
24566 min-height: auto;
24567 height: 100%;
24568 overflow-y: auto;
24570 .path-course-view .modal-dialog.modal-lg {
24571 margin: 0;
24573 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24574 min-height: auto;
24577 @media (min-width: 576px) {
24578 .modchoosercontainer .optionscontainer .option,
24579 .modchoosercontainer .searchresultitemscontainer .option {
24580 flex-basis: calc(33.33% - 0.5rem);
24583 @media (min-width: 992px) {
24584 .modchoosercontainer .optionscontainer .option,
24585 .modchoosercontainer .searchresultitemscontainer .option {
24586 flex-basis: calc(16.66% - 0.5rem);
24589 /* Form element: listing */
24590 .formlistingradio {
24591 padding-bottom: 25px;
24592 padding-right: 10px;
24595 .formlistinginputradio {
24596 float: left;
24599 .formlistingmain {
24600 min-height: 225px;
24603 .formlisting {
24604 position: relative;
24605 margin: 15px 0;
24606 padding: 1px 19px 14px;
24607 background-color: #fff;
24608 border: 1px solid #ddd;
24609 border-radius: 4px;
24612 .formlistingmore {
24613 position: absolute;
24614 cursor: pointer;
24615 bottom: -1px;
24616 right: -1px;
24617 padding: 3px 7px;
24618 font-size: 12px;
24619 font-weight: bold;
24620 background-color: whitesmoke;
24621 border: 1px solid #ddd;
24622 color: #9da0a4;
24623 border-radius: 4px 0 4px 0;
24626 .formlistingall {
24627 margin: 15px 0;
24628 padding: 0;
24629 border-radius: 4px;
24632 .formlistingrow {
24633 cursor: pointer;
24634 border-bottom: 1px solid;
24635 border-color: #e1e1e8;
24636 border-left: 1px solid #e1e1e8;
24637 border-right: 1px solid #e1e1e8;
24638 background-color: #f7f7f9;
24639 border-radius: 0 0 4px 4px;
24640 padding: 6px;
24641 top: 50%;
24642 left: 50%;
24643 min-height: 34px;
24644 float: left;
24645 width: 150px;
24648 body.jsenabled .formlistingradio {
24649 display: none;
24652 body.jsenabled .formlisting {
24653 display: block;
24656 a.criteria-action {
24657 padding: 0 3px;
24658 float: right;
24661 div.criteria-description {
24662 padding: 10px 15px;
24663 margin: 5px 0;
24664 background: none repeat scroll 0 0 #f9f9f9;
24665 border: 1px solid #eee;
24668 ul.badges {
24669 margin: 0;
24670 list-style: none;
24673 .badges li {
24674 position: relative;
24675 display: inline-block;
24676 padding-top: 1em;
24677 text-align: center;
24678 vertical-align: top;
24679 width: 150px;
24682 .badges li .badge-name {
24683 display: block;
24684 padding: 5px;
24687 .badges li > img {
24688 position: absolute;
24691 .badges li .badge-image {
24692 width: 100px;
24693 height: 100px;
24694 left: 10px;
24695 top: 0;
24696 z-index: 1;
24699 .badges li .badge-actions {
24700 position: relative;
24703 .badges li .expireimage {
24704 background-image: url([[pix:i/expired]]);
24705 background-repeat: no-repeat;
24706 background-size: 100px 100px;
24707 width: 100px;
24708 height: 100px;
24709 left: 25px;
24710 top: 15px;
24711 position: absolute;
24712 z-index: 10;
24713 opacity: 0.85;
24716 #badge-image {
24717 background-color: transparent;
24718 padding: 0;
24719 position: relative;
24720 min-width: 100px;
24721 width: 20%;
24722 display: inline-block;
24723 vertical-align: top;
24724 margin-top: 17px;
24725 margin-bottom: 20px;
24727 #badge-image .expireimage {
24728 background-image: url([[pix:i/expired]]);
24729 background-repeat: no-repeat;
24730 background-size: 100px 100px;
24731 width: 100px;
24732 height: 100px;
24733 left: 0;
24734 top: 0;
24735 opacity: 0.85;
24736 position: absolute;
24737 z-index: 10;
24739 #badge-image .singlebutton {
24740 padding-top: 5px;
24741 display: block;
24743 #badge-image .singlebutton button {
24744 margin-left: 4px;
24747 #badge-details {
24748 display: inline-block;
24749 width: 79%;
24752 #badge-overview dl,
24753 #badge-details dl {
24754 margin: 0;
24756 #badge-overview dl dt,
24757 #badge-overview dl dd,
24758 #badge-details dl dt,
24759 #badge-details dl dd {
24760 vertical-align: top;
24761 padding: 3px 0;
24763 #badge-overview dl dt,
24764 #badge-details dl dt {
24765 clear: both;
24766 display: inline-block;
24767 width: 20%;
24768 min-width: 100px;
24770 #badge-overview dl dd,
24771 #badge-details dl dd {
24772 display: inline-block;
24773 width: 79%;
24774 margin-left: 1%;
24777 #badge-criteria li li {
24778 list-style-type: none;
24781 #badge-image-col {
24782 flex: 0 0 400px;
24785 .badge-profile {
24786 vertical-align: top;
24789 .connected {
24790 color: #357a32;
24793 .notconnected {
24794 color: #ca3120;
24797 .connecting {
24798 color: #f0ad4e;
24801 #page-badges-award .recipienttable tr td {
24802 vertical-align: top;
24805 #page-badges-award .recipienttable tr td.actions .actionbutton {
24806 margin: 0.3em 0;
24807 padding: 0.5em 0;
24808 width: 100%;
24811 #page-badges-award .recipienttable tr td.existing,
24812 #page-badges-award .recipienttable tr td.potential {
24813 width: 42%;
24816 #issued-badge-table .activatebadge {
24817 display: inline-block;
24820 .statusbox.active {
24821 background-color: #d7e4d6;
24824 .statusbox.inactive {
24825 background-color: #fcefdc;
24828 .statusbox {
24829 text-align: center;
24830 margin-bottom: 5px;
24831 padding: 5px;
24834 .statusbox .activatebadge {
24835 display: inline-block;
24838 .statusbox .activatebadge input[type=submit] {
24839 margin: 3px;
24842 .activatebadge {
24843 margin: 0;
24844 text-align: left;
24845 vertical-align: middle;
24848 img#persona_signin {
24849 cursor: pointer;
24852 .addcourse {
24853 float: right;
24856 .invisiblefieldset {
24857 display: inline;
24858 padding: 0;
24859 border-width: 0;
24862 /** Page header */
24863 #page-header h1.h2 {
24864 font-weight: bold;
24866 #page-header .logo {
24867 margin: 1rem 0;
24869 #page-header .logo img {
24870 max-height: 75px;
24873 /** Navbar logo. */
24874 nav.navbar .logo img {
24875 max-height: 35px;
24878 .nav.usernav .nav-item {
24879 display: flex;
24881 .nav.usernav .usermenu .dropdown-toggle {
24882 padding: 0 0.5rem;
24885 /** Header-bar styles **/
24886 .page-context-header {
24887 overflow: hidden;
24888 padding: 0.25rem 0;
24889 display: flex;
24891 .page-context-header .page-header-image > a {
24892 display: inline-block;
24894 .page-context-header .page-header-headings,
24895 .page-context-header .header-button-group {
24896 position: relative;
24897 line-height: 24px;
24898 vertical-align: middle;
24900 .page-context-header .header-button-group {
24901 display: block;
24902 float: left;
24905 ul.dragdrop-keyboard-drag li {
24906 list-style-type: none;
24909 a.disabled:hover,
24910 a.disabled {
24911 text-decoration: none;
24912 cursor: default;
24913 font-style: italic;
24914 color: #6a737b;
24917 body.lockscroll {
24918 height: 100%;
24919 overflow: hidden;
24922 .progressbar_container {
24923 max-width: 500px;
24924 margin: 0 auto;
24927 /* IE10 only fix for calendar titling */
24928 .ie10 .yui3-calendar-header-label {
24929 display: inline-block;
24932 dd:before,
24933 dd:after {
24934 display: block;
24935 content: " ";
24938 dd:after {
24939 clear: both;
24942 .nav-tabs > .active > a[href],
24943 .nav-tabs > .active > a[href]:hover,
24944 .nav-tabs > .active > a[href]:focus {
24945 cursor: pointer;
24948 .inplaceeditable.inplaceeditingon {
24949 position: relative;
24951 .inplaceeditable.inplaceeditingon .editinstructions {
24952 margin-top: -30px;
24953 font-weight: normal;
24954 margin-right: 0;
24955 margin-left: 0;
24956 left: 0;
24957 right: auto;
24958 white-space: nowrap;
24960 @media (min-width: 576px) {
24961 .inplaceeditable.inplaceeditingon input {
24962 width: 330px;
24963 vertical-align: text-bottom;
24964 margin-bottom: 0;
24966 .inplaceeditable.inplaceeditingon input[role=combobox] {
24967 width: auto;
24970 .inplaceeditable.inplaceeditingon select {
24971 margin-bottom: 0;
24973 .inplaceeditable .quickediticon img {
24974 opacity: 0.2;
24976 .inplaceeditable .quickeditlink {
24977 color: inherit;
24978 text-decoration: inherit;
24980 .inplaceeditable:hover .quickeditlink .quickediticon img,
24981 .inplaceeditable .quickeditlink:focus .quickediticon img {
24982 opacity: 1;
24984 .inplaceeditable.inplaceeditable-toggle .quickediticon {
24985 display: none;
24987 .inplaceeditable.inplaceeditable-autocomplete {
24988 display: block;
24991 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
24992 margin-top: -20px;
24995 /** Chart area. */
24996 @media (min-width: 992px) {
24997 .chart-area .chart-image {
24998 position: relative;
24999 margin: auto;
25000 height: 48vh;
25001 width: 46vw;
25004 .chart-area .chart-table-data {
25005 display: none;
25007 .chart-area .chart-table {
25008 /** When accessible, we display the table only. */
25010 .chart-area .chart-table .chart-output-htmltable caption {
25011 white-space: nowrap;
25013 .chart-area .chart-table.accesshide .chart-table-expand {
25014 display: none;
25016 .chart-area .chart-table.accesshide .chart-table-data {
25017 display: block;
25020 /* YUI 2 Tree View */
25021 /*rtl:raw:
25022 .ygtvtn,
25023 .ygtvtm,
25024 .ygtvtmh,
25025 .ygtvtmhh,
25026 .ygtvtp,
25027 .ygtvtph,
25028 .ygtvtphh,
25029 .ygtvln,
25030 .ygtvlm,
25031 .ygtvlmh,
25032 .ygtvlmhh,
25033 .ygtvlp,
25034 .ygtvlph,
25035 .ygtvlphh,
25036 .ygtvdepthcell,
25037 .ygtvok,
25038 .ygtvok:hover,
25039 .ygtvcancel,
25040 .ygtvcancel:hover {
25041 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
25044 .hover-tooltip-container {
25045 position: relative;
25047 .hover-tooltip-container .hover-tooltip {
25048 opacity: 0;
25049 visibility: hidden;
25050 position: absolute;
25051 /*rtl:ignore*/
25052 left: 50%;
25053 top: calc(-50% - 5px);
25054 transform: translate(-50%, -50%);
25055 background-color: #fff;
25056 border: 1px solid rgba(0, 0, 0, 0.2);
25057 border-radius: 0.3rem;
25058 box-sizing: border-box;
25059 padding: 5px;
25060 white-space: nowrap;
25061 transition: opacity 0.15s, visibility 0.15s;
25062 z-index: 1000;
25064 .hover-tooltip-container .hover-tooltip:before {
25065 content: "";
25066 display: inline-block;
25067 border-left: 8px solid transparent;
25068 border-right: 8px solid transparent;
25069 border-top: 8px solid rgba(0, 0, 0, 0.2);
25070 position: absolute;
25071 bottom: -8px;
25072 left: calc(50% - 8px);
25074 .hover-tooltip-container .hover-tooltip:after {
25075 content: "";
25076 display: inline-block;
25077 border-left: 7px solid transparent;
25078 border-right: 7px solid transparent;
25079 border-top: 7px solid #fff;
25080 position: absolute;
25081 bottom: -6px;
25082 left: calc(50% - 7px);
25083 z-index: 2;
25085 .hover-tooltip-container:hover .hover-tooltip {
25086 opacity: 1;
25087 visibility: visible;
25088 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
25091 #region-flat-nav {
25092 padding-right: 0;
25093 padding-left: 0;
25095 #region-flat-nav .nav {
25096 margin-right: 15px;
25097 background-color: #fff;
25099 @media (max-width: 767.98px) {
25100 #region-flat-nav .nav {
25101 margin-top: 30px;
25102 margin-right: 0;
25106 .footer-dark a {
25107 color: #fff;
25108 text-decoration: underline;
25110 .footer-dark a .icon {
25111 color: #fff;
25113 .footer-dark a:focus .icon {
25114 color: #1d2125;
25117 .btn-footer-popover {
25118 display: none;
25119 position: fixed;
25120 bottom: 2rem;
25121 right: 2rem;
25124 .btn-footer-communication {
25125 display: none;
25126 position: fixed;
25127 bottom: 5rem;
25128 right: 2rem;
25131 .hasstickyfooter .btn-footer-popover {
25132 bottom: calc(1rem + max(96px, 0.9375rem * 3));
25135 .hasstickyfooter .btn-footer-communication {
25136 bottom: calc(4rem + max(96px, 0.9375rem * 3));
25139 .popover.footer .popover-body {
25140 padding: 0;
25142 .popover.footer .popover-body .footer-section a {
25143 color: #1d2125;
25144 text-decoration: underline;
25146 .popover.footer .popover-body .footer-section a .icon {
25147 color: #1d2125;
25149 .popover.footer .popover-body .footer-section a:focus {
25150 text-decoration: none;
25153 .footer-support-link {
25154 padding-bottom: 5px;
25157 @media (min-width: 576px) {
25158 .jsenabled #page-footer .footer-content-popover {
25159 display: none;
25161 .jsenabled .btn-footer-popover,
25162 .jsenabled .btn-footer-communication {
25163 display: block;
25164 z-index: 1000;
25167 .bg-inverse a {
25168 color: #fff;
25169 text-decoration: underline;
25171 .bg-inverse a .icon {
25172 color: #fff;
25175 .sitelink img {
25176 width: 112px;
25179 .competency-tree ul {
25180 padding-left: 1.5rem;
25183 .sr-only-focusable:active, .sr-only-focusable:focus {
25184 z-index: 1031;
25185 position: fixed;
25186 background: #fff;
25187 padding: 7px;
25188 left: 0;
25189 top: 0;
25192 [data-drag-type=move] {
25193 cursor: move;
25194 touch-action: none;
25197 .clickable {
25198 cursor: pointer;
25201 .overlay-icon-container {
25202 position: absolute;
25203 top: 0;
25204 left: 0;
25205 width: 100%;
25206 height: 100%;
25207 background-color: rgba(255, 255, 255, 0.6);
25209 .overlay-icon-container .loading-icon {
25210 position: absolute;
25211 top: 50%;
25212 left: 50%;
25213 transform: translate(-50%, -50%);
25215 .overlay-icon-container .loading-icon .icon {
25216 height: 30px;
25217 width: 30px;
25218 font-size: 30px;
25221 .w-auto {
25222 width: auto;
25225 .bg-pulse-grey {
25226 animation: bg-pulse-grey 2s infinite linear;
25229 @keyframes bg-pulse-grey {
25230 0% {
25231 background-color: #f8f9fa;
25233 50% {
25234 background-color: #e9ecef;
25236 100% {
25237 background-color: #f8f9fa;
25240 .line-height-0 {
25241 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
25244 .line-height-1 {
25245 line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
25248 .line-height-2 {
25249 line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
25252 .line-height-3 {
25253 line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
25256 .line-height-4 {
25257 line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
25260 .line-height-5 {
25261 line-height: 2rem !important; /* stylelint-disable-line declaration-no-important */
25264 .line-height-6 {
25265 line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
25268 .dir-rtl .dir-rtl-hide {
25269 display: none;
25272 .dir-ltr .dir-ltr-hide {
25273 display: none;
25276 .paged-content-page-container {
25277 min-height: 3.125rem;
25280 body.h5p-embed #page-content {
25281 display: inherit;
25283 body.h5p-embed #maincontent {
25284 display: none;
25286 body.h5p-embed .h5pmessages {
25287 min-height: 230px;
25290 #h5pcontenttypes td {
25291 vertical-align: middle;
25294 #page.drawers form#h5peditor,
25295 #page.drawers form#coolh5peditor,
25296 #page.drawers .core_contentbank_viewcontent {
25297 max-width: 960px;
25298 margin: 0 auto;
25301 .text-decoration-none {
25302 text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
25305 .colour-inherit {
25306 color: inherit !important; /* stylelint-disable-line declaration-no-important */
25309 .position-right {
25310 right: 0 !important; /* stylelint-disable-line declaration-no-important */
25313 .overflow-hidden {
25314 overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
25317 .text-break {
25318 overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
25321 .word-break {
25322 word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
25325 .z-index-0 {
25326 z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
25329 .z-index-1 {
25330 z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
25333 .float-left {
25334 float: left !important; /* stylelint-disable-line declaration-no-important */
25337 .float-right {
25338 float: right !important; /* stylelint-disable-line declaration-no-important */
25341 .img-responsive {
25342 max-width: 100%;
25343 height: auto;
25346 input[disabled] {
25347 cursor: not-allowed;
25350 .custom-select {
25351 width: auto;
25352 max-width: 100%;
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 .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
25448 color: inherit;
25449 text-decoration: none;
25451 .emoji-picker .emoji-preview {
25452 height: 40px;
25453 font-size: 40px;
25454 line-height: 40px;
25456 .emoji-picker .emoji-short-name {
25457 line-height: 20px;
25459 @media (max-width: 575.98px) {
25460 .emoji-picker {
25461 width: 320px;
25465 .emoji-auto-complete {
25466 height: 40px;
25468 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
25469 height: 40px;
25470 width: 40px;
25471 line-height: 40px;
25472 font-size: 24px;
25474 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
25475 background-color: #e9ecef;
25478 .toast-wrapper {
25479 max-width: 350px;
25480 max-height: 0;
25481 z-index: 1051;
25483 .toast-wrapper > :first-child {
25484 margin-top: 1rem;
25487 .alert-primary a {
25488 color: #041d34;
25490 .alert-primary .close {
25491 color: #000305;
25492 opacity: 0.6;
25495 .alert-secondary a {
25496 color: #525557;
25498 .alert-secondary .close {
25499 color: #393b3d;
25500 opacity: 0.6;
25503 .alert-success a, .environmenttable .ok a {
25504 color: #0c1b0b;
25506 .alert-success .close, .environmenttable .ok .close {
25507 color: black;
25508 opacity: 0.6;
25511 .alert-info a {
25512 color: #00171b;
25514 .alert-info .close {
25515 color: black;
25516 opacity: 0.6;
25519 .alert-warning a, .environmenttable .warn a {
25520 color: #573e1c;
25522 .alert-warning .close, .environmenttable .warn .close {
25523 color: #302310;
25524 opacity: 0.6;
25527 .alert-danger a, .environmenttable .error a {
25528 color: #3d0f0a;
25530 .alert-danger .close, .environmenttable .error .close {
25531 color: #110403;
25532 opacity: 0.6;
25535 .alert-light a {
25536 color: #686868;
25538 .alert-light .close {
25539 color: #4e4e4f;
25540 opacity: 0.6;
25543 .alert-dark a {
25544 color: #040505;
25546 .alert-dark .close {
25547 color: black;
25548 opacity: 0.6;
25551 .alert a {
25552 font-weight: 700;
25555 .breadcrumb:empty {
25556 padding: 0;
25559 @media (max-width: 767.98px) {
25560 #page-navbar {
25561 width: 100%;
25563 .breadcrumb:not(:empty) {
25564 width: 100%;
25565 flex-wrap: nowrap;
25566 margin-bottom: 0.5rem;
25568 .breadcrumb:not(:empty) .breadcrumb-item {
25569 padding-top: 0.33333rem;
25570 padding-bottom: 0.33333rem;
25571 display: inline-flex;
25572 overflow: hidden;
25574 .breadcrumb:not(:empty) .breadcrumb-item a,
25575 .breadcrumb:not(:empty) .breadcrumb-item span {
25576 overflow: hidden;
25577 text-overflow: ellipsis;
25578 white-space: nowrap;
25580 .mform {
25581 width: 100%;
25582 padding-right: 15px;
25583 padding-left: 15px;
25585 .pagination {
25586 flex-wrap: wrap;
25587 justify-content: center;
25589 .custom-select {
25590 max-width: 100%;
25592 .card .card-body {
25593 padding: 0.625rem;
25595 #page-header .card {
25596 border: 0;
25598 #page-header .card .card-body {
25599 padding: 0;
25601 .nav-tabs:not(.more-nav),
25602 .nav-pills {
25603 margin: 0;
25604 border: 0;
25605 padding: 0.125rem;
25606 background-color: #e9ecef;
25608 .nav-tabs:not(.more-nav) .nav-item,
25609 .nav-pills .nav-item {
25610 flex: 1 1 auto;
25611 text-align: center;
25613 .nav-tabs:not(.more-nav) .nav-link,
25614 .nav-pills .nav-link {
25615 background: #fff;
25616 border: 0;
25617 margin: 0.125rem;
25619 .nav-tabs:not(.more-nav) .nav-link.active,
25620 .nav-pills .nav-link.active {
25621 color: #6a737b;
25622 border-color: #6a737b;
25623 border-color: #6a737b;
25625 .nav-tabs:not(.more-nav) .nav-link.active:hover,
25626 .nav-pills .nav-link.active:hover {
25627 color: #fff;
25628 background-color: #6a737b;
25629 border-color: #6a737b;
25631 .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
25632 .nav-pills .nav-link.active:focus,
25633 .nav-pills .nav-link.active.focus {
25634 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25636 .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
25637 .nav-pills .nav-link.active.disabled,
25638 .nav-pills .nav-link.active:disabled {
25639 color: #6a737b;
25640 background-color: transparent;
25642 .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,
25643 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
25644 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
25645 .show > .nav-pills .nav-link.active.dropdown-toggle {
25646 color: #fff;
25647 background-color: #6a737b;
25648 border-color: #6a737b;
25650 .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,
25651 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
25652 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
25653 .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
25654 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25657 @media (max-width: 576px) and (max-height: 320px) {
25658 div#page {
25659 margin-top: 0;
25661 .navbar.fixed-top {
25662 position: relative;
25663 z-index: inherit;
25666 .link-underline {
25667 text-decoration: underline;
25669 .link-underline:focus {
25670 text-decoration: none;
25673 .alert.cta .cta-icon .icon {
25674 padding: 0.3rem;
25676 .alert.cta .cta-icon .icon.fa {
25677 border-radius: 50%;
25678 border-style: solid;
25679 border-width: 0.125rem;
25682 .core_payment_gateways_modal .custom-control-label::before,
25683 .core_payment_gateways_modal .custom-control-label::after {
25684 top: 45%;
25687 .visual-scroll-x {
25688 scrollbar-width: thin;
25689 scrollbar-color: #0f6cbf #a2cff8;
25690 -ms-overflow-style: -ms-autohiding-scrollbar;
25692 .visual-scroll-x::-webkit-scrollbar {
25693 height: 8px;
25694 -webkit-appearance: none;
25695 appearance: none;
25697 .visual-scroll-x::-webkit-scrollbar-thumb {
25698 background-color: #0f6cbf;
25699 border-right: 1px solid #fff;
25701 .visual-scroll-x::-webkit-scrollbar-track {
25702 background-color: #a2cff8;
25703 border-right: 1px solid #fff;
25706 body.dragging .drop-zone {
25707 border: 1px dashed #1d2125;
25709 body.dragging .drop-up {
25710 border-top: 1px solid #1d2125;
25711 border-top-left-radius: 0;
25712 border-top-right-radius: 0;
25714 body.dragging .drop-down {
25715 border-bottom: 1px solid #1d2125;
25716 border-bottom-left-radius: 0;
25717 border-bottom-right-radius: 0;
25719 body.dragging .dragging {
25720 opacity: 0.6;
25723 .dragicon {
25724 visibility: hidden;
25727 .draggable:hover .dragicon {
25728 visibility: visible;
25729 cursor: move;
25732 .overlay-preview {
25733 background-color: rgba(255, 255, 255, 0.8);
25734 border: 2px dashed #0f6cbf;
25735 position: absolute;
25736 top: 0;
25737 left: 0;
25738 width: 100%;
25739 height: 100%;
25741 .overlay-preview .overlay-preview-wrapper {
25742 position: absolute;
25743 top: 0;
25744 padding: 2rem;
25745 width: 100%;
25747 .overlay-preview .overlay-preview-content {
25748 position: relative;
25749 top: 0;
25750 padding: 1rem;
25751 margin: 0 auto;
25752 width: 100%;
25753 max-width: 600px;
25754 background-color: #0f6cbf;
25755 color: #fff;
25756 text-align: center;
25757 font-size: 1.171875rem;
25758 border-radius: 0.5rem;
25761 .overlay-preview-borders {
25762 outline: 2px dashed #0f6cbf;
25765 .waitstate {
25766 display: none;
25769 .stateready .waitstate {
25770 display: inherit;
25772 .stateready .whilenostate {
25773 display: none;
25776 .collapse-list .collapse-list-item {
25777 padding: 0.5rem 1rem;
25779 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
25780 background-color: #e0f0f2;
25781 border-color: #b8dce2;
25783 .collapse-list .collapse-list-item-content .collapse-list-item {
25784 padding-left: calc(1rem * 3);
25787 .drawers .block_myoverview {
25788 border: 0;
25790 .drawers .block_myoverview > .card-body {
25791 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
25792 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
25793 padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
25796 .dropdown-toggle::after {
25797 content: "\f078";
25798 margin-right: 0;
25799 margin-left: 4px;
25800 font-size: 9px;
25801 width: 9px;
25802 border: 0;
25805 .dropleft .dropdown-toggle::before {
25806 border: 0;
25807 content: "\f053";
25808 font-size: 9px;
25809 margin-left: 0;
25810 margin-right: 4px;
25811 width: 9px;
25814 .dir-rtl .dropleft .dropdown-toggle::before {
25815 content: "\f054";
25818 .dropright .dropdown-toggle::after {
25819 border: 0;
25820 content: "\f054";
25823 .dir-rtl .dropright .dropdown-toggle::after {
25824 content: "\f053";
25827 .dropup .dropdown-toggle::after {
25828 border: 0;
25829 content: "\f077";
25832 .select-menu li:first-child ul[role=group] {
25833 padding: 0;
25835 .select-menu ul[role=group] {
25836 padding: 0.3rem 0 0 0;
25837 margin: 0;
25839 .select-menu ul[role=group] li:first-child {
25840 cursor: default;
25841 color: #6a737b;
25842 padding: 0.25rem 1.5rem;
25843 display: block;
25845 .select-menu ul[role=group] .dropdown-item {
25846 padding-left: 2.5rem;
25848 .select-menu .dropdown-item[aria-selected=true] {
25849 font-weight: bold;
25852 [role=listbox] [role=option] {
25853 cursor: pointer;
25855 [role=listbox] [role=option][aria-selected=true] {
25856 font-weight: bold;
25859 .initialbargroups ul {
25860 -webkit-margin-start: 0; /* stylelint-disable-line */
25861 margin-right: -1px;
25864 .initialbargroups .page-item:first-child .page-link {
25865 border-top-left-radius: 0;
25866 border-bottom-left-radius: 0;
25867 border-top-right-radius: 0;
25868 border-bottom-right-radius: 0;
25870 .initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
25871 border-top-left-radius: 0.6rem;
25872 border-bottom-left-radius: 0.6rem;
25874 .initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
25875 border-top-left-radius: 0.2rem;
25876 border-bottom-left-radius: 0.2rem;
25878 .initialbargroups .page-item:last-child .page-link {
25879 border-top-left-radius: 0;
25880 border-bottom-left-radius: 0;
25881 border-top-right-radius: 0;
25882 border-bottom-right-radius: 0;
25884 .initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
25885 border-top-right-radius: 0.6rem;
25886 border-bottom-right-radius: 0.6rem;
25888 .initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
25889 border-top-right-radius: 0.2rem;
25890 border-bottom-right-radius: 0.2rem;
25893 blockquote {
25894 margin: 0 0.5rem 1rem;
25895 padding-left: 1rem;
25896 color: #495057;
25897 border-left: 5px solid #ced4da;
25900 /* Prevent long strings exceeding page width */
25901 .page-header-headings:not(.text-truncate),
25902 .coursename:not(.text-truncate),
25903 .categoryname:not(.text-truncate),
25904 .breadcrumb-item:not(.text-truncate) {
25905 word-break: normal;
25906 overflow-wrap: anywhere;
25907 white-space: normal;
25910 /* Showmore component */
25911 .showmore-container.collapsed .collapsed-content {
25912 display: block;
25914 .showmore-container.collapsed .expanded-content {
25915 display: none;
25917 .showmore-container:not(.collapsed) .collapsed-content {
25918 display: none;
25920 .showmore-container:not(.collapsed) .expanded-content {
25921 display: block;
25923 .showmore-container button {
25924 float: right;
25926 .showmore-container button.btn-link {
25927 text-decoration: none;
25929 .showmore-container button .icon {
25930 font-size: 0.8203125rem;
25931 margin: 0;
25934 /* Combobox search dropdowns */
25935 .usersearchdropdown,
25936 .gradesearchdropdown,
25937 .groupsearchdropdown {
25938 max-width: 350px;
25940 .usersearchdropdown .searchresultitemscontainer,
25941 .gradesearchdropdown .searchresultitemscontainer,
25942 .groupsearchdropdown .searchresultitemscontainer {
25943 max-height: 170px;
25944 overflow: auto;
25945 /* stylelint-disable declaration-no-important */
25947 .usersearchdropdown .searchresultitemscontainer img,
25948 .gradesearchdropdown .searchresultitemscontainer img,
25949 .groupsearchdropdown .searchresultitemscontainer img {
25950 height: 48px !important;
25951 width: 48px !important;
25954 /* Bulk actions in sticky footer. */
25955 #sticky-footer [data-type=bulkactions] {
25956 display: flex;
25957 flex: 0 0 100%;
25958 align-items: center;
25961 /* Choice list component. */
25962 .choicelist {
25963 min-width: calc(300px - 25px);
25965 .choicelist i.icon {
25966 vertical-align: middle;
25969 .action-menu .dropdown-toggle {
25970 text-decoration: none;
25971 display: inline-block;
25974 .action-menu {
25975 white-space: nowrap;
25976 display: inline;
25978 .action-menu .dropdown-toggle.no-caret::after {
25979 display: none;
25981 .action-menu .dropdown-toggle.no-caret::before {
25982 display: none;
25984 .action-menu .dropdown.downleft .dropdown-subpanel-content {
25985 right: 0;
25986 left: auto;
25988 .action-menu .dropdown-subpanel.content-displayed {
25989 background-color: #e9ecef;
25991 .action-menu .dropdown-subpanel-content {
25992 max-width: 300px;
25993 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
25995 .action-menu .dropdown-subpanel-content.show {
25996 animation: 0.15s animate-pop;
25998 @media (prefers-reduced-motion: reduce) {
25999 .action-menu .dropdown-subpanel-content.show {
26000 animation: none;
26003 body.behat-site .action-menu .dropdown-subpanel-content.show {
26004 animation: none;
26006 .action-menu .dropdown-subpanel .dropdown-item::after {
26007 border: 0;
26008 content: "\f054";
26010 .action-menu .dropdown-subpanel .dropdown-item::before {
26011 display: none;
26014 @keyframes animate-pop {
26015 0% {
26016 transform: scale(0.9, 0.9);
26018 100% {
26019 transform: scale(1, 1);
26022 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
26023 border: 0;
26024 content: "\f053";
26026 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
26027 display: none;
26030 .dropdown-item a {
26031 display: block;
26032 width: 100%;
26033 color: #1d2125;
26035 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
26036 outline: 0;
26037 background-color: #0f6cbf;
26038 color: #fff;
26040 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
26041 color: #fff;
26043 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
26044 position: relative;
26045 display: flex;
26046 align-items: center;
26048 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
26049 content: "\f00c";
26050 position: absolute;
26051 left: 0.4rem;
26052 font-size: 0.7rem;
26055 .dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
26056 outline: solid #0f6cbf;
26058 .dropdown-item-outline a:focus,
26059 .dropdown-item-outline a:focus-visible {
26060 outline: 0;
26063 .icon {
26064 font-size: 16px;
26065 width: 16px;
26066 height: 16px;
26067 margin: 0;
26068 padding: 0;
26069 box-sizing: content-box;
26070 margin-right: 0.5rem;
26072 .icon.spacer {
26073 margin-right: 0;
26075 .icon.iconsize-medium {
26076 font-size: 24px;
26077 width: 24px;
26078 height: 24px;
26080 .icon.iconsize-big {
26081 width: 64px;
26082 height: 64px;
26083 font-size: 64px;
26086 .navbar-dark a .icon {
26087 color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */
26090 .action-menu-item a:first-of-type > .icon {
26091 margin-left: 0.5rem;
26094 .ygtvcell .icon {
26095 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
26098 .block_navigation .tree_item .icon,
26099 .block_settings .tree_item .icon {
26100 margin-left: 0;
26103 [data-action=toggle-drawer] .icon {
26104 margin: 0;
26107 .icon-no-spacing a > .icon {
26108 margin: 0;
26111 .icon-no-margin .icon {
26112 margin-left: 0;
26113 margin-right: 0;
26114 margin-top: 0;
26115 margin-bottom: 0;
26118 .icon-large > .icon {
26119 width: 32px;
26120 height: 32px;
26123 .icon-size-0 .icon {
26124 height: 0 !important; /* stylelint-disable-line declaration-no-important */
26125 width: 0 !important; /* stylelint-disable-line declaration-no-important */
26126 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
26129 .icon-size-1 .icon {
26130 height: 4px !important; /* stylelint-disable-line declaration-no-important */
26131 width: 4px !important; /* stylelint-disable-line declaration-no-important */
26132 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
26135 .icon-size-2 .icon {
26136 height: 8px !important; /* stylelint-disable-line declaration-no-important */
26137 width: 8px !important; /* stylelint-disable-line declaration-no-important */
26138 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
26141 .icon-size-3 .icon {
26142 height: 16px !important; /* stylelint-disable-line declaration-no-important */
26143 width: 16px !important; /* stylelint-disable-line declaration-no-important */
26144 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
26147 .icon-size-4 .icon {
26148 height: 24px !important; /* stylelint-disable-line declaration-no-important */
26149 width: 24px !important; /* stylelint-disable-line declaration-no-important */
26150 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
26153 .icon-size-5 .icon {
26154 height: 32px !important; /* stylelint-disable-line declaration-no-important */
26155 width: 32px !important; /* stylelint-disable-line declaration-no-important */
26156 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
26159 .icon-size-6 .icon {
26160 height: 40px !important; /* stylelint-disable-line declaration-no-important */
26161 width: 40px !important; /* stylelint-disable-line declaration-no-important */
26162 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
26165 .icon-size-7 .icon {
26166 height: 48px !important; /* stylelint-disable-line declaration-no-important */
26167 width: 48px !important; /* stylelint-disable-line declaration-no-important */
26168 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
26171 .helplink .icon {
26172 margin-left: 0.5rem;
26175 .icons-collapse-expand {
26176 display: flex;
26177 align-items: center;
26179 .icons-collapse-expand .expanded-icon {
26180 display: flex;
26181 align-items: center;
26183 .icons-collapse-expand .collapsed-icon {
26184 display: none;
26186 .icons-collapse-expand.collapsed .expanded-icon {
26187 display: none;
26189 .icons-collapse-expand.collapsed .collapsed-icon {
26190 display: flex;
26191 align-items: center;
26194 .activityiconcontainer {
26195 width: 52px;
26196 height: 52px;
26197 display: inline-flex;
26198 justify-content: center;
26199 align-items: center;
26200 background-color: #f8f9fa;
26201 border-radius: 4px;
26202 padding: 0.7rem;
26204 .activityiconcontainer .activityicon,
26205 .activityiconcontainer .icon {
26206 margin: 0;
26207 font-size: 24px;
26208 height: 24px;
26209 width: 24px;
26211 .activityiconcontainer.small {
26212 width: 42px;
26213 height: 42px;
26215 .activityiconcontainer.smaller {
26216 width: 32px;
26217 height: 32px;
26219 .activityiconcontainer.smaller .activityicon {
26220 width: 24px;
26221 height: 24px;
26224 .activityiconcontainer.administration {
26225 background-color: #5d63f6;
26227 .activityiconcontainer.administration .activityicon:not(.nofilter),
26228 .activityiconcontainer.administration .icon:not(.nofilter) {
26229 filter: brightness(0) invert(1);
26232 .activityiconcontainer.assessment {
26233 background-color: #eb66a2;
26235 .activityiconcontainer.assessment .activityicon:not(.nofilter),
26236 .activityiconcontainer.assessment .icon:not(.nofilter) {
26237 filter: brightness(0) invert(1);
26240 .activityiconcontainer.collaboration {
26241 background-color: #f7634d;
26243 .activityiconcontainer.collaboration .activityicon:not(.nofilter),
26244 .activityiconcontainer.collaboration .icon:not(.nofilter) {
26245 filter: brightness(0) invert(1);
26248 .activityiconcontainer.communication {
26249 background-color: #11a676;
26251 .activityiconcontainer.communication .activityicon:not(.nofilter),
26252 .activityiconcontainer.communication .icon:not(.nofilter) {
26253 filter: brightness(0) invert(1);
26256 .activityiconcontainer.content {
26257 background-color: #399be2;
26259 .activityiconcontainer.content .activityicon:not(.nofilter),
26260 .activityiconcontainer.content .icon:not(.nofilter) {
26261 filter: brightness(0) invert(1);
26264 .activityiconcontainer.interface {
26265 background-color: #a378ff;
26267 .activityiconcontainer.interface .activityicon:not(.nofilter),
26268 .activityiconcontainer.interface .icon:not(.nofilter) {
26269 filter: brightness(0) invert(1);
26272 .icon-box {
26273 width: 48px;
26274 height: 48px;
26275 display: inline-flex;
26276 justify-content: center;
26277 align-items: center;
26278 background-color: #f8f9fa;
26279 border-radius: 12px;
26280 padding: 0.7rem;
26282 .icon-box .icon {
26283 margin: 0;
26284 height: 24px;
26285 width: 24px;
26288 :root {
26289 --activityadministration: #5d63f6;
26290 --activityassessment: #eb66a2;
26291 --activitycollaboration: #f7634d;
26292 --activitycommunication: #11a676;
26293 --activitycontent: #399be2;
26294 --activityinterface: #a378ff;
26297 /* admin.less */
26298 .formtable tbody th {
26299 font-weight: normal;
26300 text-align: right;
26303 .path-admin #assignrole {
26304 width: 60%;
26305 margin-left: auto;
26306 margin-right: auto;
26309 .path-admin .admintable .leftalign {
26310 text-align: left;
26313 .path-admin .admintable.environmenttable .name,
26314 .path-admin .admintable.environmenttable .info,
26315 .path-admin #assignrole .admintable .role,
26316 .path-admin #assignrole .admintable .userrole,
26317 .path-admin #assignrole .admintable .roleholder {
26318 white-space: nowrap;
26321 .path-admin .incompatibleblockstable td.c0 {
26322 font-weight: bold;
26325 #page-admin-course-category .addcategory {
26326 padding: 10px;
26329 #page-admin-course-index .editcourse {
26330 margin: 20px auto;
26333 #page-admin-course-index .editcourse th,
26334 #page-admin-course-index .editcourse td {
26335 padding-left: 10px;
26336 padding-right: 10px;
26339 .timewarninghidden {
26340 display: none;
26343 #page-admin-qtypes #qtypes div,
26344 #page-admin-qtypes #qtypes form,
26345 #page-admin-qbehaviours #qbehaviours div,
26346 #page-admin-qbehaviours #qbehaviours form {
26347 display: inline;
26350 #page-admin-qtypes #qtypes img.spacer,
26351 #page-admin-qbehaviours #qbehaviours img.spacer {
26352 width: 16px;
26355 #page-admin-qbehaviours .cell.c3,
26356 #page-admin-qtypes .cell.c3 {
26357 font-size: 0.8203125rem;
26360 #page-admin-lang .generalbox,
26361 #page-admin-course-index .singlebutton,
26362 #page-admin-course-index .addcategory,
26363 #page-course-index .buttons,
26364 #page-course-index-category .buttons,
26365 #page-admin-course-category .addcategory,
26366 #page-admin-stickyblocks .generalbox,
26367 #page-admin-maintenance .buttons,
26368 #page-admin-course-index .buttons,
26369 #page-admin-course-category .buttons,
26370 #page-admin-index .copyright,
26371 #page-admin-index .copyrightnotice,
26372 #page-admin-index .adminerror .singlebutton,
26373 #page-admin-index .adminwarning .singlebutton,
26374 #page-admin-index #layout-table .singlebutton {
26375 text-align: center;
26376 margin-bottom: 1em;
26379 .path-admin-roles .capabilitysearchui {
26380 text-align: left;
26381 margin-left: auto;
26382 margin-right: auto;
26383 margin-top: 1rem;
26386 #page-admin-roles-define .topfields {
26387 margin: 1em 0 2em;
26390 #page-admin-roles-override .capcurrent,
26391 #page-admin-roles-define .capdefault {
26392 background-color: rgba(0, 0, 0, 0.075);
26395 #page-filter-manage .backlink,
26396 .path-admin-roles .backlink {
26397 margin-top: 1em;
26400 #page-admin-roles-explain #chooseuser h3,
26401 #page-admin-roles-usersroles .contextname {
26402 margin-top: 0;
26405 #page-admin-roles-explain #chooseusersubmit {
26406 margin-top: 0;
26407 text-align: center;
26410 #page-admin-roles-usersroles p {
26411 margin: 0;
26414 #page-admin-roles-override .cell.c1,
26415 #page-admin-roles-assign .cell.c3,
26416 #page-admin-roles-assign .cell.c1 {
26417 padding-top: 0.75em;
26420 #page-admin-roles-override .overridenotice,
26421 #page-admin-roles-define .definenotice {
26422 margin: 1em 10% 2em 10%;
26423 text-align: left;
26426 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
26427 display: block;
26430 #page-admin-index .updateplugin div {
26431 margin-bottom: 0.5em;
26434 #page-admin-user-user_bulk #users .fgroup {
26435 white-space: nowrap;
26438 #page-admin-report-stats-index .graph {
26439 text-align: center;
26440 margin-bottom: 1em;
26443 #page-admin-report-courseoverview-index .graph {
26444 text-align: center;
26445 margin-bottom: 1em;
26448 #page-admin-lang .translator {
26449 border-width: 1px;
26450 border-style: solid;
26453 .path-admin .roleassigntable {
26454 width: 100%;
26457 .path-admin .roleassigntable td {
26458 vertical-align: top;
26459 padding: 0.2em 0.3em;
26462 .path-admin .roleassigntable p {
26463 text-align: left;
26464 margin: 0.2em 0;
26467 .path-admin .roleassigntable #existingcell,
26468 .path-admin .roleassigntable #potentialcell {
26469 width: 42%;
26472 .path-admin .roleassigntable #existingcell p > label:first-child,
26473 .path-admin .roleassigntable #potentialcell p > label:first-child {
26474 font-weight: bold;
26477 .path-admin .roleassigntable #buttonscell {
26478 width: 16%;
26481 .path-admin .roleassigntable #buttonscell #assignoptions {
26482 font-size: 0.8203125rem;
26485 .path-admin .roleassigntable #removeselect_wrapper,
26486 .path-admin .roleassigntable #addselect_wrapper {
26487 width: 100%;
26490 .path-admin table.rolecap tr.rolecap th {
26491 text-align: left;
26492 font-weight: normal;
26495 .path-admin .rolecap .hiddenrow {
26496 display: none;
26499 .path-admin #defineroletable .rolecap .inherit,
26500 .path-admin #defineroletable .rolecap .allow,
26501 .path-admin #defineroletable .rolecap .prevent,
26502 .path-admin #defineroletable .rolecap .prohibit {
26503 text-align: center;
26504 padding: 0;
26505 min-width: 3.5em;
26508 .path-admin .rolecap .cap-name,
26509 .path-admin .rolecap .note {
26510 display: block;
26511 font-size: 0.8203125rem;
26512 white-space: nowrap;
26513 font-weight: normal;
26516 .path-admin .rolecap label {
26517 display: block;
26518 text-align: center;
26519 padding: 0.5em;
26520 margin: 0;
26523 .path-admin .header-maxwidth,
26524 .path-admin .secondary-navigation .navigation .nav-tabs,
26525 .format-site .header-maxwidth,
26526 .format-site .secondary-navigation .navigation .nav-tabs {
26527 max-width: none;
26530 .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
26531 .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
26532 .path-admin.path-admin-tool-lp .header-maxwidth,
26533 .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
26534 max-width: 830px;
26537 .plugincheckwrapper {
26538 width: 100%;
26541 .environmentbox {
26542 margin-top: 1em;
26545 #mnetconfig table {
26546 margin-left: auto;
26547 margin-right: auto;
26550 .environmenttable .cell {
26551 padding: 0.15em 0.5em;
26554 #trustedhosts .generaltable {
26555 margin-left: auto;
26556 margin-right: auto;
26557 width: 500px;
26560 #trustedhosts .standard {
26561 width: auto;
26564 #adminsettings legend {
26565 display: none;
26568 #adminsettings fieldset.error {
26569 margin: 0.2em 0 0.5em 0;
26572 #adminsettings fieldset.error legend {
26573 display: block;
26576 #admin-spelllanguagelist textarea {
26577 /* rtl:ignore */
26578 text-align: left;
26579 /* rtl:ignore */
26580 direction: ltr;
26583 /* Styles for flags on admin settings */
26584 .adminsettingsflags {
26585 float: right;
26588 .adminsettingsflags label {
26589 margin-right: 7px;
26592 .form-description pre,
26593 .formsettingheading pre {
26594 /*rtl:ignore*/
26595 direction: ltr;
26598 .form-item .form-setting .form-htmlarea {
26599 display: inline;
26602 .form-item .form-setting .form-htmlarea .htmlarea {
26603 width: 640px;
26604 display: block;
26607 .form-item .form-setting .form-multicheckbox ul {
26608 list-style: none;
26609 padding: 0;
26610 margin: 7px 0 0 0;
26613 .form-item .form-setting .defaultsnext {
26614 display: inline;
26617 .form-item .form-setting .locked-checkbox {
26618 margin-right: 0.2em;
26619 margin-left: 0.5em;
26620 display: inline;
26623 .form-item .form-setting .form-password .unmask,
26624 .form-item .form-setting .form-defaultinfo {
26625 display: inline-block;
26628 .form-item .form-setting .form-defaultinfo {
26629 max-width: 100%;
26630 word-wrap: break-word;
26633 #admin-emoticons td input {
26634 width: 8em;
26637 #admin-emoticons td.c0 input {
26638 width: 4em;
26641 .admin_colourpicker,
26642 .admin_colourpicker_preview {
26643 display: none;
26646 .jsenabled .admin_colourpicker_preview {
26647 display: inline;
26650 @media (min-width: 768px) {
26651 .jsenabled .admin_colourpicker {
26652 display: block;
26653 height: 102px;
26654 width: 410px;
26655 margin-bottom: 10px;
26656 box-sizing: content-box;
26658 .admin_colourpicker .colourdialogue {
26659 float: left;
26660 border: 1px solid #8f959e;
26662 .admin_colourpicker .previewcolour {
26663 border: 1px solid #8f959e;
26664 margin-left: 301px;
26666 .admin_colourpicker .currentcolour {
26667 border: 1px solid #8f959e;
26668 margin-left: 301px;
26669 border-top-width: 0;
26672 @media (max-width: 767.98px) {
26673 .jsenabled .admin_colourpicker {
26674 height: 150px;
26675 margin-bottom: 10px;
26676 display: block;
26677 position: relative;
26679 .admin_colourpicker .previewcolour {
26680 display: none;
26682 .admin_colourpicker .currentcolour {
26683 position: absolute;
26684 border: 1px solid #dee2e6;
26685 top: 100px;
26686 left: 0;
26689 .admin_colourpicker .loadingicon {
26690 vertical-align: middle;
26691 margin-left: auto;
26694 #page-admin-index #notice .checkforupdates {
26695 text-align: center;
26698 #page-admin-plugins #plugins-overview-panel .info {
26699 display: inline-block;
26700 margin-right: 1em;
26702 #page-admin-plugins .checkforupdates {
26703 margin: 10px 0;
26705 #page-admin-plugins .checkforupdates .singlebutton {
26706 margin: 5px 0;
26707 padding: 0;
26709 #page-admin-plugins .checkforupdates .singlebutton div,
26710 #page-admin-plugins .checkforupdates .singlebutton input {
26711 margin: 0 3px 0 0;
26713 #page-admin-plugins .updateavailableinstallall {
26714 margin: 5px 0;
26715 padding: 0;
26717 #page-admin-plugins .updateavailableinstallall div,
26718 #page-admin-plugins .updateavailableinstallall input {
26719 margin: 0 3px 5px 0;
26721 #page-admin-plugins #plugins-control-panel .status-missing td {
26722 background-color: #fcefdc;
26724 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
26725 font-size: 0.8203125rem;
26726 color: #6a737b;
26727 margin-left: 22px;
26729 #page-admin-plugins #plugins-control-panel .version .versionnumber {
26730 font-size: 0.8203125rem;
26731 color: #6a737b;
26733 #page-admin-plugins #plugins-control-panel .uninstall a {
26734 color: #ca3120;
26736 #page-admin-plugins #plugins-control-panel .notes .label {
26737 margin-right: 3px;
26739 #page-admin-plugins #plugins-control-panel .notes .requiredby {
26740 font-size: 0.8203125rem;
26741 color: #6a737b;
26744 #plugins-check-page #plugins-check .status-missing td,
26745 #plugins-check-page #plugins-check .status-downgrade td {
26746 background-color: #f4d6d2;
26749 #plugins-check-page .pluginupdateinfo,
26750 #plugins-control-panel .pluginupdateinfo {
26751 background-color: #cce6ea;
26752 padding: 5px;
26753 margin: 10px 0;
26754 border-radius: 5px;
26756 #plugins-check-page .pluginupdateinfo.maturity50,
26757 #plugins-control-panel .pluginupdateinfo.maturity50 {
26758 background-color: #f4d6d2;
26760 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
26761 #plugins-control-panel .pluginupdateinfo.maturity100,
26762 #plugins-control-panel .pluginupdateinfo.maturity150 {
26763 background-color: #fcefdc;
26765 #plugins-check-page .pluginupdateinfo .info,
26766 #plugins-control-panel .pluginupdateinfo .info {
26767 display: inline-block;
26769 #plugins-check-page .pluginupdateinfo .separator:after,
26770 #plugins-control-panel .pluginupdateinfo .separator:after {
26771 content: " | ";
26773 #plugins-check-page .pluginupdateinfo .singlebutton,
26774 #plugins-control-panel .pluginupdateinfo .singlebutton {
26775 margin: 5px 0;
26776 padding: 0;
26778 #plugins-check-page .pluginupdateinfo .singlebutton div,
26779 #plugins-check-page .pluginupdateinfo .singlebutton input,
26780 #plugins-control-panel .pluginupdateinfo .singlebutton div,
26781 #plugins-control-panel .pluginupdateinfo .singlebutton input {
26782 margin: 0 3px 0 0;
26785 .plugins-management-confirm-buttons > div {
26786 display: inline-block;
26787 margin: 1em 1em 1em 0;
26789 .plugins-management-confirm-buttons .continue {
26790 padding: 0;
26792 .plugins-management-confirm-buttons .continue div,
26793 .plugins-management-confirm-buttons .continue input {
26794 margin: 0;
26797 #page-admin-index .upgradepluginsinfo {
26798 text-align: center;
26801 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
26802 content: " | ";
26805 /** MNet networking */
26806 #page-admin-mnet-peers .box.deletedhosts {
26807 margin-bottom: 1em;
26808 font-size: 0.8203125rem;
26811 #core-cache-plugin-summaries table,
26812 #core-cache-store-summaries table {
26813 width: 100%;
26816 #core-cache-lock-summary table,
26817 #core-cache-definition-summaries table,
26818 #core-cache-mode-mappings table {
26819 margin: 0 auto;
26822 #core-cache-store-summaries .default-store td {
26823 font-style: italic;
26826 #core-cache-rescan-definitions,
26827 #core-cache-mode-mappings .edit-link,
26828 #core-cache-lock-additional-actions .new-instance {
26829 margin-top: 0.5em;
26830 text-align: center;
26833 .maintenancewarning {
26834 position: fixed;
26835 bottom: 0;
26836 right: 0;
26837 overflow: hidden;
26838 z-index: 1000;
26841 .modal.modal-in-page {
26842 z-index: 0;
26845 #page-admin-search .adminpagetitle {
26846 margin-bottom: 0;
26847 border-bottom: none;
26849 #page-admin-search .adminpagepath {
26850 display: flex;
26851 flex-wrap: wrap;
26852 list-style: none;
26853 padding: 0;
26854 margin: 0 0 1.5rem 0;
26856 #page-admin-search .adminpagepath li + li:before {
26857 padding-right: 0.5rem;
26858 padding-left: 0.5rem;
26859 content: "/";
26861 @media (min-width: 576px) {
26862 #page-admin-search .container {
26863 overflow-wrap: break-word;
26867 #page-admin-tasklogs .task-class {
26868 font-size: 0.8203125rem;
26869 color: #6a737b;
26872 .path-admin-tool-uploaduser .uuwarning {
26873 background-color: #fcefdc;
26875 .path-admin-tool-uploaduser .uuerror {
26876 background-color: #f4d6d2;
26878 .path-admin-tool-uploaduser .uuinfo {
26879 background-color: #d7e4d6;
26882 .blockmovetarget .accesshide {
26883 position: relative;
26884 left: initial;
26887 .block:target {
26888 padding-top: 0 !important; /* stylelint-disable declaration-no-important */
26889 margin-top: 0 !important;
26892 .block_search_forums .searchform {
26893 /* Override plugin's default. */
26894 text-align: left;
26897 .block.block_navigation .block_tree ul,
26898 .block_settings .block_tree ul {
26899 margin-left: 0;
26902 .block .block-controls .dropdown-toggle {
26903 /* So that the caret takes the colour of the icon. */
26904 color: #1d2125;
26907 [data-region=blocks-column] {
26908 width: 360px;
26909 float: right;
26912 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
26913 @media (min-width: 576px) {
26914 #region-main-settings-menu {
26915 position: relative;
26916 float: left;
26917 width: 100%;
26919 #region-main-settings-menu > div {
26920 position: absolute;
26921 right: 0;
26922 z-index: 100;
26923 margin: 1rem;
26925 .region_main_settings_menu_proxy {
26926 width: 4rem;
26927 height: 2rem;
26928 background-color: #fff;
26929 margin-left: 0.625rem;
26930 margin-bottom: 0.625rem;
26931 border-bottom-left-radius: 0.5rem;
26932 float: right;
26935 @media (max-width: 767.98px) {
26936 #region-main-settings-menu .menubar {
26937 justify-content: flex-end;
26940 #region-main.has-blocks {
26941 display: inline-block;
26942 width: calc(100% - 375px);
26944 @media (max-width: 1199.98px) {
26945 #region-main.has-blocks {
26946 width: 100%;
26947 /* MDL-63102 - Remove extra space at bottom.
26948 If modifying make sure block-region is horizontally stacked when in full screen */
26949 display: block;
26953 .header-action #region-main-settings-menu {
26954 position: unset;
26955 float: none;
26956 width: auto;
26958 .header-action #region-main-settings-menu > div {
26959 position: unset;
26960 right: auto;
26961 margin: 0;
26964 @media (max-width: 1199.98px) {
26965 [data-region=blocks-column] {
26966 width: 100%;
26970 .block .empty-placeholder-image-lg {
26971 height: 5rem;
26974 .block .searchbar .icon {
26975 margin-right: 0;
26978 .block .block-cards .course-info-container {
26979 padding: 0.8rem;
26981 .block .block-cards .progress {
26982 height: 0.5rem;
26984 .block .block-cards .course-summaryitem {
26985 border: 1px solid #dee2e6;
26986 background-color: #fff;
26988 .block .block-cards .icon {
26989 margin-right: 0;
26991 .block .block-cards .card .coursemenubtn {
26992 margin-top: -0.5rem;
26994 .block .block-cards span.categoryname,
26995 .block .block-cards .btn-link {
26996 color: #1d2125;
26998 .block .block-cards .progress-text {
26999 color: #6a737b;
27001 .block .block-cards .multiline {
27002 white-space: normal;
27004 .block .block-cards .btn.btn-link.btn-icon {
27005 height: 36px;
27006 width: 36px;
27007 padding: 0;
27008 border-radius: 50%;
27010 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
27011 background-color: #e9ecef;
27014 .dashboard-card-deck.one-row {
27015 flex-flow: nowrap;
27016 overflow-x: scroll;
27019 .summaryimage {
27020 height: 5rem;
27021 width: 5rem;
27022 background-position: center;
27023 background-size: cover;
27026 .dashboard-list-img {
27027 height: 5rem;
27028 width: 20rem;
27029 background-position: center;
27030 background-size: cover;
27032 @media (max-width: 1199.98px) {
27033 .dashboard-list-img {
27034 width: 100%;
27038 .dashboard-card-deck .dashboard-card {
27039 margin-bottom: 0.5rem;
27040 flex-basis: auto;
27041 width: 100%;
27042 flex-grow: 0;
27043 flex-shrink: 0;
27045 .dashboard-card-deck .dashboard-card .dashboard-card-img {
27046 height: 7rem;
27047 background-position: center;
27048 background-size: cover;
27049 border-bottom-left-radius: 0;
27050 border-bottom-right-radius: 0;
27052 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
27053 padding: 0.8rem;
27055 @media (min-width: 576px) {
27056 .dashboard-card-deck.fixed-width-cards .dashboard-card {
27057 width: 300px;
27058 max-width: 100%;
27062 @media (min-width: 576px) {
27063 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27064 width: calc(50% - 0.5rem);
27067 @media (min-width: 840px) {
27068 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27069 width: calc(33.33% - 0.5rem);
27073 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) {
27074 margin-left: 0;
27075 margin-right: 0;
27077 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27078 width: calc(100% - 0.5rem) !important;
27080 @media (max-width: 575.98px) {
27081 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27082 width: 100% !important;
27086 .block_recentlyaccessedcourses .paging-bar-container {
27087 margin-top: -2.4rem;
27088 padding-right: 0.5rem;
27089 justify-content: flex-end;
27091 @media (max-width: 575.98px) {
27092 .block_recentlyaccessedcourses .paging-bar-container {
27093 margin-top: 0;
27097 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
27098 margin-top: 0;
27101 .block_recentlyaccesseditems .activityiconcontainer {
27102 width: 40px;
27103 height: 40px;
27105 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck.one-row {
27106 flex-flow: wrap;
27107 overflow-x: hidden;
27109 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck .card:nth-of-type(n+4) {
27110 display: none;
27112 #block-region-content .block_recentlyaccesseditems [data-region=more-items-button-container] {
27113 display: none;
27115 .block_recentlyaccesseditems a.dashboard-card:hover, .block_recentlyaccesseditems a.dashboard-card:focus {
27116 text-decoration: none;
27118 .block_recentlyaccesseditems a.dashboard-card:hover h6, .block_recentlyaccesseditems a.dashboard-card:focus h6 {
27119 text-decoration: underline;
27121 .block_recentlyaccesseditems a.dashboard-card small {
27122 color: #1d2125;
27125 .block_myoverview .content {
27126 min-height: 19.35rem;
27128 .block_myoverview .paged-content-page-container {
27129 min-height: 13rem;
27132 .block_timeline .paged-content-page-container {
27133 background-color: #fff;
27136 .block_timeline .event-action {
27137 padding-left: 5.55em;
27140 .block_settings .block_tree [aria-expanded=true],
27141 .block_settings .block_tree [aria-expanded=true].emptybranch,
27142 .block_settings .block_tree [aria-expanded=false],
27143 .block_navigation .block_tree [aria-expanded=true],
27144 .block_navigation .block_tree [aria-expanded=true].emptybranch,
27145 .block_navigation .block_tree [aria-expanded=false] {
27146 background-image: none;
27149 .block_settings .block_tree [aria-expanded=true] > p:before,
27150 .block_navigation .block_tree [aria-expanded=true] > p:before {
27151 content: "\f107";
27152 margin-right: 0;
27153 font-size: 16px;
27154 width: 16px;
27157 .block_settings .block_tree [aria-expanded=false] > p:before,
27158 .block_navigation .block_tree [aria-expanded=false] > p:before {
27159 content: "\f105";
27160 margin-right: 0;
27161 font-size: 16px;
27162 width: 16px;
27165 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
27166 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before {
27167 content: "\f104";
27170 .block_navigation .block_tree p.hasicon,
27171 .block_settings .block_tree p.hasicon {
27172 text-indent: -3px;
27174 .block_navigation .block_tree p.hasicon .icon,
27175 .block_settings .block_tree p.hasicon .icon {
27176 margin-right: 2px;
27179 .block.invisibleblock .card-title {
27180 color: #6a737b;
27183 .block_social_activities li a.movehere,
27184 .block_site_main_menu li a.movehere {
27185 display: block;
27186 width: 100%;
27187 height: 2rem;
27188 border: 2px dashed #343a40;
27189 margin: 4px 0;
27192 .pagelayout-embedded .has-fake-blocks {
27193 padding: 1rem;
27194 display: flex;
27196 .pagelayout-embedded .has-fake-blocks .embedded-main {
27197 order: 0;
27198 width: calc(100% - 360px);
27199 margin-right: 1rem;
27201 .pagelayout-embedded .embedded-blocks {
27202 order: 1;
27203 width: 360px;
27205 @media (max-width: 767.98px) {
27206 .pagelayout-embedded .has-fake-blocks {
27207 display: block;
27209 .pagelayout-embedded .has-fake-blocks .embedded-main {
27210 width: 100%;
27212 .pagelayout-embedded .embedded-blocks {
27213 width: 100%;
27217 /* calendar.less */
27218 .calendar_event_category {
27219 background-color: #e0cbe0;
27221 .calendar_event_category .commands a {
27222 color: #0d5ca1;
27225 .calendar_event_course {
27226 background-color: #ffd3bd;
27228 .calendar_event_course .commands a {
27229 color: #0d5ca1;
27232 .calendar_event_site {
27233 background-color: #d6f8cd;
27235 .calendar_event_site .commands a {
27236 color: #0d5ca1;
27239 .calendar_event_group {
27240 background-color: #fee7ae;
27242 .calendar_event_group .commands a {
27243 color: #0d5ca1;
27246 .calendar_event_user {
27247 background-color: #dce7ec;
27249 .calendar_event_user .commands a {
27250 color: #0d5ca1;
27253 .calendar_event_other {
27254 background-color: #ced4da;
27256 .calendar_event_other .commands a {
27257 color: #0d5ca1;
27260 .calendartable {
27261 width: 100%;
27262 table-layout: fixed;
27264 .calendartable th,
27265 .calendartable td {
27266 width: 14%;
27267 vertical-align: top;
27268 text-align: center;
27269 border: 0;
27272 .calendar-controls .previous,
27273 .calendar-controls .next,
27274 .calendar-controls .current {
27275 display: block;
27276 float: left;
27277 width: 12%;
27279 .calendar-controls .previous {
27280 text-align: left;
27281 border: 1px solid transparent;
27282 width: 25%;
27284 .calendar-controls .current {
27285 text-align: center;
27286 width: 50%;
27288 .calendar-controls .next {
27289 text-align: right;
27290 border: 1px solid transparent;
27291 width: 25%;
27293 .calendar-controls .drop-target {
27294 box-sizing: border-box;
27295 border: 1px dashed #0f6cbf;
27298 .filters table {
27299 border-collapse: separate;
27300 border-spacing: 2px;
27301 width: 100%;
27304 #region-main .maincalendar .calendarwrapper td > div {
27305 height: 11.5em;
27306 overflow: hidden;
27309 .maincalendar {
27310 vertical-align: top;
27311 padding: 0;
27313 .maincalendar .bottom {
27314 text-align: left;
27315 width: 98%;
27316 margin: 10px auto;
27318 .maincalendar .bottom span.footer-link:after {
27319 content: "•";
27320 color: #0f6cbf;
27322 .maincalendar .bottom span.footer-link:last-child:after {
27323 content: none;
27325 .maincalendar .heightcontainer {
27326 height: 100%;
27327 position: relative;
27329 .maincalendar .calendarmonth {
27330 width: 98%;
27331 margin: 10px auto;
27333 .maincalendar .calendarmonth ul {
27334 margin: 0;
27335 padding: 0;
27337 .maincalendar .calendarmonth ul li[data-event-folded=true] {
27338 display: none;
27340 .maincalendar .calendarmonth ul li {
27341 list-style-type: none;
27342 line-height: 1.2em;
27344 .maincalendar .calendarmonth ul li > a {
27345 overflow: hidden;
27346 text-overflow: ellipsis;
27347 white-space: nowrap;
27348 max-width: 100%;
27349 display: inline-block;
27351 .maincalendar .calendarmonth ul li > a:hover {
27352 text-decoration: none;
27354 .maincalendar .calendarmonth ul li > a:hover .eventname {
27355 text-decoration: underline;
27357 .maincalendar .calendarmonth ul li a[data-action=view-day-link] {
27358 overflow: hidden;
27359 text-overflow: ellipsis;
27360 white-space: nowrap;
27362 .maincalendar .calendarmonth ul li .icon {
27363 margin-left: 0.25em;
27364 margin-right: 0.25em;
27365 vertical-align: initial;
27367 .maincalendar .calendarmonth ul li .calendar-circle {
27368 width: 12px;
27369 height: 12px;
27370 border-radius: 6px;
27371 vertical-align: middle;
27372 display: inline-block;
27374 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
27375 background-color: #e0cbe0;
27376 border: 2px solid #9e619f;
27378 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
27379 background-color: #ffd3bd;
27380 border: 2px solid #d34600;
27382 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
27383 background-color: #d6f8cd;
27384 border: 2px solid #2b8713;
27386 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
27387 background-color: #fee7ae;
27388 border: 2px solid #9a6e02;
27390 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
27391 background-color: #dce7ec;
27392 border: 2px solid #4e7c91;
27394 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
27395 background-color: #ced4da;
27396 border: 2px solid #687889;
27398 .maincalendar .calendarmonth th {
27399 text-align: left;
27400 padding-left: 16px;
27402 .maincalendar .calendarmonth td a.day:focus {
27403 display: inline-block;
27404 border-radius: 50%;
27405 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
27407 .maincalendar .calendarmonth td .day-number-circle {
27408 display: inline-block;
27409 line-height: 0;
27410 width: 30px;
27411 height: 30px;
27413 .maincalendar .calendarmonth td .day-number-circle .day-number {
27414 display: inline-block;
27415 padding: 50% 4px;
27416 width: 100%;
27417 text-align: center;
27419 .maincalendar .calendarmonth td.today .day-number-circle {
27420 border-radius: 50%;
27421 color: #fff;
27422 background-color: #0f6cbf;
27424 .maincalendar .calendarmonth .clickable:hover {
27425 background-color: #ededed;
27427 .maincalendar .controls {
27428 width: 98%;
27429 margin: 10px auto;
27431 .maincalendar .calendar_event_category:hover a,
27432 .maincalendar .calendar_event_course:hover a,
27433 .maincalendar .calendar_event_site:hover a,
27434 .maincalendar .calendar_event_group:hover a,
27435 .maincalendar .calendar_event_user:hover a {
27436 color: #094478;
27437 text-decoration: underline;
27439 .maincalendar .calendar_event_category {
27440 border-color: #e0cbe0;
27442 .maincalendar .calendar_event_course {
27443 border-color: #ffd3bd;
27445 .maincalendar .calendar_event_site {
27446 border-color: #d6f8cd;
27448 .maincalendar .calendar_event_group {
27449 border-color: #fee7ae;
27451 .maincalendar .calendar_event_user {
27452 border-color: #dce7ec;
27454 .maincalendar .calendar_event_other {
27455 border-color: #ced4da;
27457 .maincalendar .calendartable td,
27458 .maincalendar .calendartable li {
27459 padding: 4px;
27461 .maincalendar .calendartable li {
27462 text-align: left;
27464 .maincalendar .header {
27465 overflow: hidden;
27467 .maincalendar .header .buttons {
27468 float: right;
27470 .maincalendar .event .card-header img {
27471 vertical-align: baseline;
27473 .maincalendar .event .location {
27474 word-break: break-all;
27475 overflow-wrap: break-word;
27477 .maincalendar table#subscription_details_table td {
27478 vertical-align: middle;
27480 .maincalendar table#subscription_details_table td > .btn-group button {
27481 padding-left: 0;
27484 #page-calendar-export .indent {
27485 padding-left: 20px;
27488 .block .bottom {
27489 width: 98%;
27490 margin: 10px auto;
27492 .block .bottom span.footer-link:after {
27493 content: "•";
27494 color: #0f6cbf;
27496 .block .bottom span.footer-link:last-child:after {
27497 content: none;
27499 .block .minicalendar {
27500 max-width: 280px;
27501 margin: 0 auto;
27502 width: 100%;
27504 .block .minicalendar th,
27505 .block .minicalendar td {
27506 padding: 2px;
27507 font-size: 0.8em;
27508 text-align: center;
27510 .block .minicalendar td.weekend {
27511 color: #6a737b;
27513 .block .minicalendar td a {
27514 width: 100%;
27515 height: 100%;
27516 display: block;
27517 color: #0d5ca1;
27519 .block .minicalendar td.duration_global {
27520 border-top: 1px solid #d6f8cd;
27521 border-bottom: 1px solid #d6f8cd;
27523 .block .minicalendar td.duration_global.duration_finish {
27524 background-color: #d6f8cd;
27526 .block .minicalendar td.duration_category {
27527 border-top: 1px solid #e0cbe0;
27528 border-bottom: 1px solid #e0cbe0;
27530 .block .minicalendar td.duration_category.duration_finish {
27531 background-color: #e0cbe0;
27533 .block .minicalendar td.duration_course {
27534 border-top: 1px solid #ffd3bd;
27535 border-bottom: 1px solid #ffd3bd;
27537 .block .minicalendar td.duration_course.duration_finish {
27538 background-color: #ffd3bd;
27540 .block .minicalendar td.duration_group {
27541 border-top: 1px solid #fee7ae;
27542 border-bottom: 1px solid #fee7ae;
27544 .block .minicalendar td.duration_group.duration_finish {
27545 background-color: #fee7ae;
27547 .block .minicalendar td.duration_user {
27548 border-top: 1px solid #dce7ec;
27549 border-bottom: 1px solid #dce7ec;
27551 .block .minicalendar td.duration_user.duration_finish {
27552 background-color: #dce7ec;
27554 .block .minicalendar td.duration_other {
27555 border-top: 1px solid #ced4da;
27556 border-bottom: 1px solid #ced4da;
27558 .block .minicalendar td.duration_other.duration_finish {
27559 background-color: #ced4da;
27561 .block .minicalendar caption {
27562 font-size: inherit;
27563 font-weight: inherit;
27564 line-height: inherit;
27565 text-align: center;
27567 .block .calendar_filters ul {
27568 list-style: none;
27569 margin: 0;
27570 padding: 0;
27572 .block .calendar_filters li {
27573 margin-bottom: 0.2em;
27575 .block .calendar_filters li span.calendar_event_category i {
27576 color: #0d5ca1;
27578 .block .calendar_filters li span.calendar_event_course i {
27579 color: #0d5ca1;
27581 .block .calendar_filters li span.calendar_event_site i {
27582 color: #0d5ca1;
27584 .block .calendar_filters li span.calendar_event_group i {
27585 color: #0d5ca1;
27587 .block .calendar_filters li span.calendar_event_user i {
27588 color: #0d5ca1;
27590 .block .calendar_filters li span.calendar_event_other i {
27591 color: #0d5ca1;
27593 .block .calendar_filters li span img {
27594 padding: 0 0.2em;
27595 margin: 0;
27597 .block .calendar_filters li .icon {
27598 vertical-align: initial;
27599 margin: 0 0.1rem 0 0.4rem;
27601 .block .calendar_filters li > a:hover {
27602 text-decoration: none;
27604 .block .calendar_filters li > a:hover .eventname {
27605 text-decoration: underline;
27607 .block .content h3.eventskey {
27608 margin-top: 0.5em;
27611 .path-course-view .block.block_calendar_month .maincalendar div.header {
27612 visibility: hidden;
27613 height: 0;
27615 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
27616 display: none;
27618 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
27619 display: block;
27621 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
27622 content: none;
27625 /* Display month name above the calendar */
27626 table.calendartable caption {
27627 caption-side: top;
27630 @media (min-width: 768px) {
27631 #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 {
27632 min-width: 1024px;
27635 @media (min-width: 768px) {
27636 section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
27637 visibility: hidden;
27638 height: 0;
27640 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
27641 width: 40%;
27642 font-size: inherit;
27643 line-height: inherit;
27645 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
27646 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
27647 width: 30%;
27648 font-size: 0.8em;
27650 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
27651 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27652 border: none;
27653 text-align: center !important;
27654 padding: 0;
27656 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27657 height: auto;
27658 font-size: 0.8em;
27660 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27661 display: none;
27663 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27664 display: inline-block;
27665 position: relative;
27667 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27668 content: ".";
27669 display: inline-block;
27670 position: absolute;
27671 bottom: 0.4em;
27672 left: 0;
27673 text-align: center;
27674 width: 100%;
27675 font-size: 3em;
27676 color: inherit;
27678 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
27679 content: "";
27680 display: block;
27681 margin-top: calc(100% - 26px);
27683 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
27684 background-color: inherit;
27686 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
27687 border-radius: 50%;
27688 background-color: #ededed;
27690 section:not(#region-main) .block.block_calendar_month .bottom {
27691 border-top: 1px solid rgba(0, 0, 0, 0.125);
27692 padding-top: 0.5rem;
27695 @media (max-width: 768px) {
27696 .maincalendar .calendartable.calendarmonth th,
27697 .maincalendar .calendartable.calendarmonth td {
27698 border: none;
27699 text-align: center !important;
27700 padding: 0;
27702 .maincalendar .calendartable.calendarmonth td {
27703 height: auto;
27704 font-size: inherit;
27705 padding: 0;
27707 .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27708 display: none;
27710 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27711 display: inline-block;
27712 position: relative;
27714 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27715 content: ".";
27716 display: inline-block;
27717 position: absolute;
27718 bottom: 0.4em;
27719 left: 0;
27720 text-align: center;
27721 width: 100%;
27722 font-size: 3em;
27723 color: inherit;
27725 .maincalendar .calendartable.calendarmonth td:after {
27726 content: "";
27727 display: block;
27728 margin-top: calc(100% - 26px);
27730 .maincalendar .calendartable.calendarmonth td > div {
27731 height: auto !important;
27734 .calendarwrapper {
27735 position: relative;
27738 .day-popover-content:empty + .day-popover-alternate {
27739 display: block;
27742 .location-content {
27743 overflow-wrap: break-word;
27746 .description-content {
27747 overflow-wrap: break-word;
27749 .description-content > p {
27750 margin: 0;
27753 .cal_courses_flt {
27754 color: #6a737b;
27755 max-width: 75%;
27758 .content-bank-container .cb-content-wrapper {
27759 padding: 0.5rem;
27760 min-height: 140px;
27761 max-height: 500px;
27762 overflow-x: auto;
27763 flex-wrap: wrap;
27765 .content-bank-container .cb-thumbnail {
27766 width: 24px;
27767 height: 24px;
27768 background-repeat: no-repeat;
27769 background-position: center;
27770 background-size: cover;
27772 .content-bank-container.view-grid {
27773 /* Display a centered eye slash on top of unlisted content icons. */
27775 .content-bank-container.view-grid .cb-listitem {
27776 margin-bottom: 0.5rem;
27778 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
27779 position: relative;
27781 @media (max-width: 767.98px) {
27782 .content-bank-container.view-grid .cb-listitem {
27783 flex-basis: 50%;
27786 @media (min-width: 576px) {
27787 .content-bank-container.view-grid .cb-listitem {
27788 max-width: 120px;
27789 min-width: 120px;
27792 .content-bank-container.view-grid .cb-name {
27793 text-align: center;
27795 .content-bank-container.view-grid .cb-file {
27796 padding: 0.5rem;
27798 .content-bank-container.view-grid .cb-thumbnail {
27799 width: 64px;
27800 height: 64px;
27801 margin-left: auto;
27802 margin-right: auto;
27803 margin-bottom: 0.5rem;
27805 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
27806 opacity: 0.15;
27808 .content-bank-container.view-grid .cb-unlisted::after {
27809 content: "\f070";
27810 position: absolute;
27811 top: 20px;
27812 left: 0;
27813 width: 100%;
27814 font-size: 26px;
27815 text-align: center;
27816 opacity: 0.9;
27817 text-shadow: 0 0 10px #fff;
27819 .content-bank-container.view-grid .cb-heading,
27820 .content-bank-container.view-grid .cb-uses,
27821 .content-bank-container.view-grid .cb-date,
27822 .content-bank-container.view-grid .cb-size,
27823 .content-bank-container.view-grid .cb-type,
27824 .content-bank-container.view-grid .cb-author {
27825 display: none;
27827 .content-bank-container.view-list .cb-content-wrapper {
27828 padding: 0 0.5rem;
27829 flex-direction: column;
27830 flex-wrap: nowrap;
27832 .content-bank-container.view-list .cb-thumbnail {
27833 margin-right: 0.5rem;
27835 .content-bank-container.view-list .cb-listitem,
27836 .content-bank-container.view-list .cb-heading {
27837 display: flex;
27838 flex-wrap: wrap;
27839 width: 100%;
27840 border-bottom: 1px solid #dee2e6;
27842 .content-bank-container.view-list .cb-column {
27843 display: flex;
27844 padding: 0.25rem;
27846 .content-bank-container.view-list .cb-column {
27847 border-right: 1px solid #dee2e6;
27849 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
27850 opacity: 0.3;
27852 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
27853 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
27854 color: #6a737b;
27856 @media (max-width: 767.98px) {
27857 .content-bank-container.view-list .cb-column {
27858 flex: 0 0 50%;
27859 max-width: 50%;
27862 @media (min-width: 576px) {
27863 .content-bank-container.view-list .cb-heading {
27864 position: sticky;
27865 top: 0;
27866 z-index: 1;
27868 .content-bank-container.view-list .cb-file {
27869 flex: 0 0 40%;
27870 max-width: 40%;
27872 .content-bank-container.view-list .cb-uses,
27873 .content-bank-container.view-list .cb-date,
27874 .content-bank-container.view-list .cb-size,
27875 .content-bank-container.view-list .cb-type,
27876 .content-bank-container.view-list .cb-author {
27877 flex: 0 0 12%;
27878 max-width: 12%;
27880 .content-bank-container.view-list .cb-column.last {
27881 border-right: 0;
27884 .content-bank-container.view-list .cb-btnsort span {
27885 display: none;
27887 .content-bank-container.view-list .cb-btnsort .title {
27888 display: inline;
27890 .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 {
27891 display: inline;
27894 .cb-toolbar-container .dropdown-scrollable {
27895 max-height: 190px;
27896 overflow-y: auto;
27899 .cb-navigation-container .singleselect,
27900 .cb-navigation-container .singleselect .custom-select {
27901 width: 100%;
27904 /* course.less */
27905 /* COURSE CONTENT */
27906 .section_add_menus {
27907 text-align: right;
27908 clear: both;
27911 .section-modchooser {
27912 clear: both;
27913 margin-top: 0.25rem;
27916 .block_tree .tree_item.branch {
27917 margin-left: 8px;
27920 .section_add_menus .horizontal div,
27921 .section_add_menus .horizontal form {
27922 display: inline;
27925 .section_add_menus optgroup {
27926 font-weight: normal;
27927 font-style: italic;
27930 /*rtl:ignore*/
27931 .section_add_menus .urlselect {
27932 text-align: left;
27933 margin-left: 0.4em;
27936 /*rtl:ignore*/
27937 .section_add_menus .urlselect select {
27938 margin-left: 0.2em;
27941 .sitetopic ul.section {
27942 margin: 0;
27945 body:not(.editing) .sitetopic ul.section {
27946 padding-left: 0;
27948 body:not(.editing) .sitetopic ul.section .label .mod-indent-outer {
27949 padding-left: 0;
27952 @media (min-width: 576px) {
27953 .course-content ul.section {
27954 margin: 1rem;
27957 .section .side {
27958 margin-top: 0.5rem;
27960 .section .side.left {
27961 float: left;
27963 .section .side.right {
27964 float: right;
27965 clear: right;
27967 .section .spinner {
27968 height: 16px;
27969 width: 16px;
27971 .section .activity {
27972 list-style: none;
27973 padding: 0.25rem 0;
27974 /* The command block for each activity */
27976 .section .activity .spinner {
27977 left: 100%;
27978 position: absolute;
27980 .section .activity .actions {
27981 position: absolute;
27982 right: 0;
27983 top: 0;
27984 display: flex;
27986 .section .activity .contentwithoutlink,
27987 .section .activity .activityinstance {
27988 min-width: 40%;
27990 .section .activity .contentwithoutlink > a,
27991 .section .activity .activityinstance > a {
27992 display: inline-flex;
27993 align-items: center;
27995 .section .activity .contentwithoutlink .dimmed .activityicon,
27996 .section .activity .activityinstance .dimmed .activityicon {
27997 opacity: 0.5;
27999 .section .activity .stealth {
28000 color: #6a737b;
28002 .section .activity a.stealth,
28003 .section .activity a.stealth:hover {
28004 color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
28006 .section .activity.indented .activity-item {
28007 border: 0;
28008 margin-left: 1rem;
28010 .section .activity.indented + .indented .activity-item {
28011 border-top: 1px solid #dee2e6;
28012 border-radius: unset;
28014 .section .label .contentwithoutlink,
28015 .section .label .activityinstance {
28016 padding-right: 32px;
28017 display: block;
28018 height: inherit;
28020 @media (min-width: 576px) {
28021 .section .label .mod-indent-outer {
28022 padding-left: 24px;
28023 display: block;
28026 .section .filler {
28027 width: 16px;
28028 height: 16px;
28029 padding: 0;
28030 margin: 0 0.5rem;
28031 display: inline-block;
28033 .section .activity.editor_displayed a.editing_title,
28034 .section .activity.editor_displayed .moodle-actionmenu {
28035 display: none;
28037 .section .activity.editor_displayed div.activityinstance {
28038 padding-right: initial;
28040 .section .activity.editor_displayed div.activityinstance input {
28041 margin-bottom: initial;
28042 padding-top: initial;
28043 padding-bottom: initial;
28044 vertical-align: text-bottom;
28047 .section .activity .activityinstance {
28048 display: inline-flex;
28049 align-items: center;
28050 margin-bottom: 1rem;
28053 .editing .section .activity .contentwithoutlink,
28054 .editing .section .activity .activityinstance {
28055 padding-right: 200px;
28057 .editing .section .activity .editing_move {
28058 position: absolute;
28059 display: flex;
28060 left: 5px;
28061 top: 5px;
28063 .editing .section .activity .mod-indent-outer {
28065 * Add appropriate padding such that nothing overlaps the
28066 * absolute positioned move icon.
28068 padding-left: 2rem;
28070 .editing .activity .editing_move_activity {
28071 position: absolute;
28072 display: flex;
28073 left: 5px;
28074 top: 5px;
28076 .editing .course-content .stateready .section .spinner {
28077 display: none;
28079 .editing .editinprogress {
28080 position: relative;
28082 .editing .editinprogress > * {
28083 opacity: 0.4;
28085 .editing .editinprogress .corelightbox,
28086 .editing .editinprogress .lightbox {
28087 display: none;
28089 .editing .editinprogress:after {
28090 position: absolute;
28091 font-size: 20px;
28092 color: #6a737b;
28093 content: "\f110";
28094 display: flex;
28095 justify-content: center;
28096 align-items: center;
28097 width: 30px;
28098 height: 30px;
28099 left: calc(50% - 15px);
28100 top: calc(50% - 15px);
28101 animation: editinprogress-rotation 2s infinite linear;
28103 .editing .editinprogress .editinprogress:after {
28104 display: none;
28107 @keyframes editinprogress-rotation {
28108 0% {
28109 opacity: 0;
28110 transform: rotate(0deg);
28112 50% {
28113 opacity: 1;
28115 100% {
28116 opacity: 0;
28117 transform: rotate(359deg);
28120 .editing_show + .editing_assign,
28121 .editing_hide + .editing_assign {
28122 margin-left: 20px;
28125 .section .activity .commands {
28126 white-space: nowrap;
28127 display: inline-block;
28130 .section .activity.modtype_label.label {
28131 font-weight: normal;
28133 .section .activity.modtype_label.label .contentwithoutlink {
28134 min-height: 0;
28136 .section .activity.modtype_label.label.hasinfo p:last-child,
28137 .section .activity.modtype_label.label.hasinfo i:last-child {
28138 margin-bottom: 0;
28141 .section li.activity:not(.activity-wrapper) {
28142 padding: 0.2em;
28143 clear: both;
28145 .section li.activity:not(.activity-wrapper).hasinfo {
28146 border-bottom: 1px solid #dee2e6;
28147 padding-top: 1rem;
28148 padding-bottom: 1rem;
28150 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
28151 border-bottom: 0;
28152 padding-bottom: 0;
28155 .course-content .section.dropready.main.drop-down {
28156 border-bottom: 1px solid #1d2125;
28158 .course-content .section.dropready .course-section-header.dropready.drop-zone {
28159 margin-top: -2px;
28161 .course-content .section.dropready li.activity.dropready.drop-down {
28162 border-bottom: 1px solid #1d2125;
28163 margin-bottom: -1px;
28165 .course-content .section.dropready li.activity.dropready.drop-up {
28166 border-top: 1px solid #1d2125;
28167 margin-top: -1px;
28170 .section .activity .activityinstance .groupinglabel {
28171 padding-left: 30px;
28174 .section.main:not(.course-section) .activity .availabilityinfo,
28175 .section.main:not(.course-section) .activity .contentafterlink {
28176 margin-top: 0.5em;
28177 margin-left: 30px;
28180 .section .activity .contentafterlink p {
28181 margin: 0.5em 0;
28184 .editing .section.main:not(.course-section) .activity:hover,
28185 .editing .section.main:not(.course-section) .activity.action-menu-shown,
28186 .editing .section.main:not(.course-section) .sectionname:hover {
28187 background-color: rgba(0, 0, 0, 0.03);
28190 .course-content .current {
28191 position: relative;
28194 .course-content .current::before {
28195 border-left: #0f6cbf 3px solid;
28196 bottom: 0;
28197 content: "";
28198 left: -8px;
28199 position: absolute;
28200 top: 0;
28203 .course-content .section-summary {
28204 border: 1px solid #dee2e6;
28205 margin-top: 5px;
28206 list-style: none;
28209 .course-content .section-summary .section-title {
28210 margin: 2px 5px 10px 5px;
28213 .course-content .section-summary .summarytext {
28214 margin: 2px 5px 2px 5px;
28217 .course-content .section-summary .summary {
28218 margin-top: 5px;
28221 .course-content .single-section {
28222 margin-top: 1em;
28225 .course-content .single-section .section-navigation {
28226 display: block;
28227 padding: 0.5em;
28228 margin-bottom: -0.5em;
28231 .course-content .single-section .section-navigation .title {
28232 font-weight: bold;
28233 font-size: 108%;
28234 clear: both;
28237 .course-content .single-section .section-navigation .mdl-left {
28238 font-weight: normal;
28239 float: left;
28240 margin-right: 1em;
28243 .course-content .single-section .section-navigation .mdl-left .larrow {
28244 margin-right: 0.1em;
28247 .course-content .single-section .section-navigation .mdl-right {
28248 font-weight: normal;
28249 float: right;
28250 margin-left: 1em;
28253 .course-content .single-section .section-navigation .mdl-right .rarrow {
28254 margin-left: 0.1em;
28257 .course-content .single-section .section-navigation .mdl-bottom {
28258 margin-top: 0;
28261 .course-content ul li.section.main:not(.course-section) {
28262 border-bottom: 1px solid #dee2e6;
28263 margin-top: 0;
28265 .course-content ul li.section.main:not(.course-section):last-child {
28266 border-bottom: 0;
28269 .course-content ul li.section.hidden:not(.course-section) .sectionname > span,
28270 .course-content ul li.section.hidden:not(.course-section) .content > div.summary,
28271 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
28272 color: #6a737b;
28275 .course-content ul.topics,
28276 .course-content ul.weeks {
28277 padding: 0;
28278 margin: 0;
28279 list-style: none;
28281 .course-content ul.topics li.section,
28282 .course-content ul.weeks li.section {
28283 padding-top: 1rem;
28284 padding-bottom: 1rem;
28286 .course-content ul.topics li.section .content,
28287 .course-content ul.weeks li.section .content {
28288 margin: 0;
28289 padding: 0;
28291 @media (min-width: 576px) {
28292 .course-content ul.topics li.section .summary,
28293 .course-content ul.topics li.section .content > .availabilityinfo,
28294 .course-content ul.weeks li.section .summary,
28295 .course-content ul.weeks li.section .content > .availabilityinfo {
28296 margin-left: 25px;
28299 .course-content ul.topics li.section .left,
28300 .course-content ul.topics li.section .right,
28301 .course-content ul.weeks li.section .left,
28302 .course-content ul.weeks li.section .right {
28303 padding: 0 6px 0;
28304 text-align: right;
28305 width: auto;
28308 @media (max-width: 767.98px) {
28309 body:not(.editing) .course-content ul.topics li.section .left,
28310 body:not(.editing) .course-content ul.topics li.section .right,
28311 body:not(.editing) .course-content ul.weeks li.section .left,
28312 body:not(.editing) .course-content ul.weeks li.section .right {
28313 display: none;
28316 .course-content {
28317 margin-top: 0;
28320 .course-content .hidden {
28321 display: none;
28324 @media (max-width: 767.98px) {
28325 .course-content li.section:not(.course-section) ul {
28326 padding-left: 0;
28329 .course-content li.section:not(.course-section) ul {
28330 list-style: disc;
28332 .course-content li.section:not(.course-section) ul ul {
28333 list-style: circle;
28335 .course-content li.section:not(.course-section) ul ul ul {
28336 list-style: square;
28338 .course-content li.section:not(.course-section) li.activity ul {
28339 list-style: disc;
28341 .course-content li.section:not(.course-section) li.activity ul ul {
28342 list-style: circle;
28344 .course-content li.section:not(.course-section) li.activity ul ul ul {
28345 list-style: square;
28347 .course-content li.section:not(.course-section) .right > .icon:first-child {
28348 /* Remove the spacer icon. */
28349 display: none;
28352 .path-course-view.editing #region-main > .card-block {
28353 padding-bottom: 13rem;
28356 .jumpmenu .form-inline {
28357 display: block;
28360 .path-course-view .completionprogress {
28361 margin-left: 25px;
28364 .path-course-view .completionprogress {
28365 display: block;
28366 float: right;
28367 height: 20px;
28368 position: relative;
28371 #page-site-index .subscribelink {
28372 text-align: right;
28375 #site-news-forum h2,
28376 #frontpage-course-list h2,
28377 #frontpage-category-names h2,
28378 #frontpage-category-combo h2 {
28379 margin-bottom: 9px;
28382 .path-course-view a.reduce-sections {
28383 padding-left: 0.2em;
28386 .path-course-view .subscribelink {
28387 text-align: right;
28390 .path-course-view .unread {
28391 margin-left: 30px;
28394 .path-course-view .block.drag .header {
28395 cursor: move;
28398 .path-course-view .completionprogress {
28399 text-align: right;
28402 .path-course-view .single-section .completionprogress {
28403 margin-right: 5px;
28406 .path-site li.activity > div:not(.activity-item),
28407 .path-course-view li.activity > div:not(.activity-item) {
28408 position: relative;
28409 padding: 0 16px 0 0; /* to accommodate the floated completion icon with highlighting */
28412 .path-course-view li.activity span.autocompletion img {
28413 vertical-align: text-bottom;
28414 margin-left: 0;
28417 .path-course-view.editing li.activity span.autocompletion img {
28418 /* Use the same spacing as the filler. */
28419 margin-right: 0.5rem;
28420 margin-left: 0.5rem;
28423 li.section.hidden span.commands a.editing_hide,
28424 li.section.hidden span.commands a.editing_show {
28425 cursor: default;
28428 .single-section h3.sectionname {
28429 text-align: center;
28430 clear: both;
28433 input.titleeditor {
28434 width: 330px;
28435 vertical-align: text-bottom;
28438 span.editinstructions {
28439 position: absolute;
28440 top: 0;
28441 margin-top: -22px;
28442 margin-left: 30px;
28443 font-size: 0.8203125rem;
28444 padding: 0.1em 0.4em;
28445 text-decoration: none;
28446 z-index: 9999;
28447 border: 0 solid transparent;
28448 color: #00434e;
28449 background-color: #cce6ea;
28450 border-color: #b8dce2;
28452 span.editinstructions hr {
28453 border-top-color: #a6d3db;
28455 span.editinstructions .alert-link {
28456 color: #00171b;
28459 /* COURSES LISTINGS AND COURSE SUMMARY */
28460 #page-course-pending .singlebutton,
28461 #page-course-index .singlebutton,
28462 #page-course-index-category .singlebutton,
28463 #page-course-editsection .singlebutton {
28464 text-align: center;
28467 #page-admin-course-manage #movecourses td img {
28468 margin: 0 0.22em;
28469 vertical-align: text-bottom;
28472 #coursesearch {
28473 margin-top: 1em;
28474 text-align: left;
28477 #page-course-pending .pendingcourserequests {
28478 margin-bottom: 1em;
28481 #page-course-pending .pendingcourserequests .singlebutton {
28482 display: inline;
28485 #page-course-pending .pendingcourserequests .cell {
28486 padding: 0 5px;
28489 #page-course-pending .pendingcourserequests .cell.c6 {
28490 white-space: nowrap;
28493 .coursebox {
28494 display: flex;
28495 flex-direction: column;
28497 .coursebox .info {
28498 display: flex;
28499 align-items: center;
28502 #frontpage-available-course-list,
28503 #frontpage-course-list,
28504 .course-search-result {
28505 margin-top: 0.5rem;
28507 #frontpage-available-course-list .coursebox,
28508 #frontpage-course-list .coursebox,
28509 .course-search-result .coursebox {
28510 padding: 0.5rem;
28511 border: 1px solid #dee2e6;
28512 margin-bottom: 0.5rem;
28513 border-radius: 0.5rem;
28516 .subcategories .coursebox > .info > .coursename a,
28517 #frontpage-category-names .coursebox > .info > .coursename a,
28518 #frontpage-category-combo .coursebox > .info > .coursename a {
28519 display: block;
28520 background-image: url([[pix:moodle|i/course]]);
28521 background-repeat: no-repeat;
28522 padding-left: 21px;
28523 background-position: left 0.2em;
28526 .coursebox > .info > .coursename {
28527 font-size: 0.9375rem;
28528 font-weight: normal;
28529 margin: 5px;
28530 padding: 0;
28533 .coursebox .content .teachers li {
28534 list-style-type: none;
28535 padding: 0;
28536 margin: 0;
28539 .coursebox .customfieldname,
28540 .coursebox .customfieldseparator {
28541 font-weight: 700;
28544 .coursebox .content .coursefile {
28545 max-width: 100px;
28548 .coursebox .content .courseimage img {
28549 max-width: 100px;
28550 max-height: 100px;
28553 .coursebox .content .coursecat,
28554 .coursebox .content .summary,
28555 .coursebox .content .courseimage,
28556 .coursebox .content .coursefile,
28557 .coursebox .content .teachers,
28558 .coursebox.remotecoursebox .remotecourseinfo,
28559 .coursebox .content .customfields-container {
28560 margin: 15px 5px 5px;
28561 padding: 0;
28564 .category-browse .coursebox .content .coursecat,
28565 .category-browse .coursebox .content .summary,
28566 .category-browse .coursebox .content .courseimage,
28567 .category-browse .coursebox .content .coursefile,
28568 .category-browse .coursebox .content .teachers,
28569 .category-browse .coursebox.remotecoursebox .remotecourseinfo,
28570 .category-browse .coursebox .content .customfields-container {
28571 margin-top: 0;
28574 .coursebox.collapsed > .content {
28575 display: none;
28578 .courses > .paging.paging-morelink {
28579 text-align: center;
28580 padding: 1rem;
28583 .course_category_tree .category .numberofcourse {
28584 font-size: 0.8203125rem;
28587 .course_category_tree .category > .info > .categoryname {
28588 margin: 5px;
28589 font-size: 0.9375rem;
28590 font-weight: normal;
28591 padding: 2px 18px;
28594 .course_category_tree .category.with_children > .info > .categoryname {
28595 background-image: url([[pix:moodle|t/expanded]]);
28596 background-repeat: no-repeat;
28597 background-position: center left;
28600 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28601 background-image: url([[pix:moodle|t/collapsed]]);
28604 /* rtl:raw:
28605 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28606 background-image:url([[pix:moodle|t/collapsed_rtl]]);
28609 .course_category_tree .category.collapsed > .content {
28610 display: none;
28613 .course_category_tree .category > .content {
28614 padding-left: 16px;
28617 #page-course-index-category .categorypicker {
28618 margin: 10px 0 20px;
28622 * Course management page
28623 * Palette
28625 * Background (reg) #F5F5F5
28626 * Background (light #fafafa
28627 * Background (highlight) #ddffaa
28628 * Borders #e1e1e8
28630 #course-category-listings {
28631 margin-bottom: 0;
28632 /** Two column layout */
28633 /** Three column layout */
28635 #course-category-listings.columns-2 > #course-listing > div {
28636 position: relative;
28637 left: -1px;
28639 #course-category-listings.columns-3 > #course-listing > div {
28640 height: 100%;
28642 #course-category-listings > div > div {
28643 min-height: 300px;
28645 #course-category-listings > div > div > ul.ml > li:first-child > div {
28646 border-top: 0;
28648 #course-category-listings h3 {
28649 margin: 0;
28650 padding: 0.4rem 0.6rem 0.3rem;
28652 #course-category-listings h4 {
28653 margin: 1rem 0 0;
28654 padding: 0.6rem 1rem 0.5rem;
28656 #course-category-listings .moodle-actionmenu {
28657 white-space: nowrap;
28659 #course-category-listings .listing-actions {
28660 text-align: center;
28662 #course-category-listings .listing-actions > .moodle-actionmenu {
28663 display: inline-block;
28665 #course-category-listings ul.ml {
28666 list-style: none;
28667 margin: 1rem 0;
28669 #course-category-listings ul.ml ul.ml {
28670 margin: 0;
28672 #course-category-listings .listitem[data-selected="1"] {
28673 border-left: calc(1px + 5px) solid #0f6cbf;
28674 padding-left: calc(1.25rem - 5px);
28676 #course-category-listings .listitem:hover {
28677 z-index: 2;
28679 #course-category-listings .item-actions {
28680 margin-right: 1em;
28681 display: inline-block;
28683 #course-category-listings .item-actions.show .menu img {
28684 width: 12px;
28685 max-width: none;
28687 #course-category-listings .item-actions .menu-action-text {
28688 vertical-align: inherit;
28690 #course-category-listings .listitem > div > .float-left {
28691 float: left;
28693 #course-category-listings .listitem > div > .float-right {
28694 float: right;
28695 text-align: right;
28697 #course-category-listings .listitem > div .item-actions .action-show {
28698 display: none;
28700 #course-category-listings .listitem > div .item-actions .action-hide {
28701 display: inline;
28703 #course-category-listings .listitem > div .without-actions {
28704 color: #333;
28706 #course-category-listings .listitem > div .idnumber {
28707 margin-right: 2em;
28709 #course-category-listings .listitem[data-visible="0"] {
28710 color: #6a737b;
28712 #course-category-listings .listitem[data-visible="0"] > div > a {
28713 color: #6a737b;
28715 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
28716 display: inline;
28718 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
28719 display: none;
28721 #course-category-listings .listitem.highlight {
28722 background-color: #fff;
28724 #course-category-listings .listitem.highlight > div,
28725 #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
28726 background-color: rgba(0, 0, 0, 0.075);
28728 #course-category-listings #course-listing .listitem .categoryname {
28729 display: inline-block;
28730 margin-left: 1em;
28731 color: #a1a1a8;
28733 #course-category-listings #course-listing .listitem .coursename {
28734 display: inline-block;
28735 flex-basis: 10rem;
28737 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
28738 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
28739 display: none;
28741 #course-category-listings #course-listing .bulk-action-checkbox {
28742 margin: -2px 6px 0 0;
28744 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
28745 display: none;
28747 #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 {
28748 display: none;
28750 #course-category-listings #category-listing .course-count {
28751 color: #a1a1a8;
28752 margin-right: 2rem;
28753 min-width: 3.5em;
28754 display: inline-block;
28756 #course-category-listings #category-listing .bulk-action-checkbox {
28757 margin-right: -3px;
28759 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
28760 position: relative;
28762 #course-category-listings #category-listing .category-bulk-actions {
28763 margin: 0 0.5em 0.5em;
28764 position: relative;
28766 #course-category-listings .detail-pair > * {
28767 display: inline-block;
28769 #course-category-listings .detail-pair .pair-key {
28770 font-weight: bold;
28771 vertical-align: top;
28773 #course-category-listings .detail-pair .pair-key span {
28774 margin-right: 1rem;
28775 display: block;
28777 #course-category-listings .detail-pair .pair-value select {
28778 max-width: 100%;
28780 #course-category-listings .bulk-actions .detail-pair > * {
28781 display: block;
28782 width: 100%;
28784 #course-category-listings .listing-pagination {
28785 text-align: center;
28787 #course-category-listings .listing-pagination .yui3-button {
28788 color: #fff;
28789 background-color: #008196;
28790 border-color: #008196;
28791 border: 0;
28792 margin: 0.4rem 0.2rem 0.45rem;
28793 font-size: 10.4px;
28795 #course-category-listings .listing-pagination .yui3-button:hover {
28796 color: #fff;
28797 background-color: #006070;
28798 border-color: #005563;
28800 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
28801 color: #fff;
28802 background-color: #006070;
28803 border-color: #005563;
28804 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28806 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
28807 color: #fff;
28808 background-color: #008196;
28809 border-color: #008196;
28811 #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 {
28812 color: #fff;
28813 background-color: #005563;
28814 border-color: #004a56;
28816 #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 {
28817 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28819 #course-category-listings .listing-pagination .yui3-button.active-page {
28820 color: #fff;
28821 background-color: #0f6cbf;
28822 border-color: #0f6cbf;
28824 #course-category-listings .listing-pagination .yui3-button.active-page:hover {
28825 color: #fff;
28826 background-color: #0c589c;
28827 border-color: #0b5190;
28829 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
28830 color: #fff;
28831 background-color: #0c589c;
28832 border-color: #0b5190;
28833 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28835 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
28836 color: #fff;
28837 background-color: #0f6cbf;
28838 border-color: #0f6cbf;
28840 #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 {
28841 color: #fff;
28842 background-color: #0b5190;
28843 border-color: #0a4b84;
28845 #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 {
28846 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28848 #course-category-listings .listing-pagination-totals {
28849 text-align: center;
28851 #course-category-listings .listing-pagination-totals.dimmed {
28852 color: #6a737b;
28853 margin: 0.4rem 1rem 0.45rem;
28855 #course-category-listings .select-a-category .notifymessage,
28856 #course-category-listings .select-a-category .alert {
28857 margin: 1em;
28860 #course-category-listings #course-listing .listitem .drag-handle {
28861 display: none;
28864 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
28865 display: inline-block;
28866 margin: 0 6px 0 0;
28867 cursor: pointer;
28870 /** Management header styling **/
28871 .coursecat-management-header {
28872 vertical-align: middle;
28874 .coursecat-management-header h2 {
28875 display: inline-block;
28876 text-align: left;
28878 .coursecat-management-header > div {
28879 float: right;
28881 .coursecat-management-header > div > div {
28882 margin: 10px 0 10px 1em;
28883 display: inline-block;
28885 .coursecat-management-header select {
28886 max-width: 300px;
28887 cursor: pointer;
28888 padding: 0.4em 0.5em 0.45em 1em;
28889 vertical-align: baseline;
28890 white-space: nowrap;
28892 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
28893 white-space: nowrap;
28894 display: inline-block;
28896 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
28897 padding-left: 1em;
28900 .course-being-dragged-proxy {
28901 border: 0;
28902 color: #0f6cbf;
28903 vertical-align: middle;
28904 padding: 0 0 0 4em;
28907 .course-being-dragged {
28908 opacity: 0.5;
28912 * Display sizes:
28913 * Large displays 1200 +
28914 * Default displays 980 1199
28915 * Tablets 768 979
28916 * Small tablets and large phones 481 767
28917 * Phones 0 480
28919 @media (min-width: 1200px) and (max-width: 1600px) {
28920 #course-category-listings.columns-3 {
28921 background-color: #fff;
28922 border: 0;
28924 #course-category-listings.columns-3 #category-listing,
28925 #course-category-listings.columns-3 #course-listing {
28926 width: 50%;
28928 #course-category-listings.columns-3 #category-listing > div,
28929 #course-category-listings.columns-3 #course-listing > div,
28930 #course-category-listings.columns-3 #course-detail > div {
28931 background-color: #fff;
28933 #course-category-listings.columns-3 #course-detail {
28934 width: 100%;
28935 margin-top: 1em;
28938 @media (max-width: 1199px) {
28939 #course-category-listings.columns-2,
28940 #course-category-listings.columns-3 {
28941 border: 0;
28943 #course-category-listings.columns-2 #category-listing,
28944 #course-category-listings.columns-2 #course-listing,
28945 #course-category-listings.columns-2 #course-detail,
28946 #course-category-listings.columns-3 #category-listing,
28947 #course-category-listings.columns-3 #course-listing,
28948 #course-category-listings.columns-3 #course-detail {
28949 width: 100%;
28950 margin: 0 0 1em;
28953 .page-settings-menu .menubar > a > .icon {
28954 width: auto;
28955 height: 32px;
28956 font-size: 32px;
28959 .activity-navigation .row {
28960 align-items: center;
28962 .activity-navigation #prev-activity-link,
28963 .activity-navigation #next-activity-link {
28964 white-space: pre-wrap;
28967 .automatic-completion-conditions .badge {
28968 font-size: 100%;
28971 /* Variables definition*/
28972 /* Functions/Mixins definition */
28973 /* Activity & Block 'add' buttons */
28974 .activity-add,
28975 .block-add {
28976 color: #0f6cbf;
28977 background-color: #f5f9fc;
28978 border-color: #3584c9;
28979 border-width: 1px;
28980 width: 100%;
28982 .activity-add hr,
28983 .block-add hr {
28984 border-top-color: #3077b5;
28986 .activity-add .alert-link,
28987 .block-add .alert-link {
28988 color: #0b5190;
28990 .activity-add .pluscontainer,
28991 .block-add .pluscontainer {
28992 border: 1px solid #3584c9;
28993 border-radius: 50%;
28994 width: 32px;
28995 height: 32px;
28997 .activity-add:hover,
28998 .block-add:hover {
28999 cursor: pointer;
29000 background-color: #cfe2f2;
29002 .activity-add:hover .activity-add-text,
29003 .block-add:hover .activity-add-text {
29004 text-decoration: underline;
29007 .block-add {
29008 border-radius: 0.5rem;
29011 .activity-add {
29012 border-radius: 1rem;
29015 /* Add section */
29016 .changenumsections {
29017 border-top: 1px solid #3584c9;
29020 .add-sections .icon {
29021 margin-right: 0.25rem;
29022 font-size: inherit;
29025 /* Section Expand all/Collapse all */
29026 .section-collapsemenu .collapseall {
29027 display: block;
29029 .section-collapsemenu .expandall {
29030 display: none;
29032 .section-collapsemenu.collapsed .collapseall {
29033 display: none;
29035 .section-collapsemenu.collapsed .expandall {
29036 display: block;
29039 /* Course section */
29040 .course-section {
29041 list-style: none;
29042 padding-left: 0;
29043 border-bottom: 1px solid #dee2e6;
29045 .course-section .sectionname > a {
29046 color: #1d2125;
29048 .course-section .sectionname > a:hover {
29049 text-decoration: none;
29051 .course-section:last-child:not(.section-summary) {
29052 border-bottom: 0;
29054 .course-section .sectionbadges .badge {
29055 margin-left: 0.5rem;
29057 .course-section .course-section-header.draggable {
29058 cursor: move;
29060 .course-section .section_action_menu .dropdown-toggle::after {
29061 display: none;
29063 .course-section .summarytext img {
29064 border-radius: 1rem;
29066 .course-section .availabilityinfo {
29067 margin-top: 0.5rem;
29068 padding: 0.25rem 1rem;
29069 background-color: #e9ecef;
29070 font-size: 0.875em;
29071 border-radius: 1rem;
29073 .course-section .availabilityinfo .editavailability a {
29074 border-radius: 0.5rem;
29075 font-weight: bold;
29077 .course-section .availabilityinfo .editavailability a:hover {
29078 background-color: #ced4da;
29080 .course-section .availabilityinfo .editavailability a .icon {
29081 font-size: inherit;
29082 margin-right: 0.25rem;
29084 .course-section.section-summary {
29085 padding-left: 1rem;
29086 padding-right: 1rem;
29087 margin-bottom: 0.5rem;
29088 margin-top: 0.5rem;
29089 border-radius: 0.5rem;
29091 .course-section .section-summary-activities .icon {
29092 width: inherit;
29093 color: #0f6cbf;
29095 .course-section .section-summary-activities + .section {
29096 border-top: 1px solid #dee2e6;
29097 margin-top: 1rem !important;
29098 padding-top: 1rem !important;
29100 .course-section .section_goto .icon {
29101 font-size: 1.171875rem;
29102 color: #0f6cbf;
29105 /* Re-style ordered list in course content */
29106 .course-content .activity-altcontent ul {
29107 list-style: disc;
29109 .course-content .activity-altcontent ul ul {
29110 list-style: circle;
29112 .course-content .activity-altcontent ul ul ul {
29113 list-style: square;
29116 /* Activity cards */
29117 .activity-item {
29118 position: relative;
29119 border-radius: 1rem;
29121 .activity-item:not(.activityinline) {
29122 border: 1px solid #dee2e6;
29123 padding: 1rem;
29125 .activity-item.activityinline {
29126 padding: 1rem 0;
29128 .activity-item.hiddenactivity {
29129 background-color: #f8f9fa;
29131 .activity-item.hiddenactivity .activityiconcontainer,
29132 .activity-item.hiddenactivity .badge {
29133 mix-blend-mode: multiply;
29135 .activity-item .activity-grid {
29136 display: grid;
29137 align-items: center;
29138 grid-template-columns: min-content 1fr min-content min-content min-content;
29139 grid-template-rows: 1fr repeat(5, min-content);
29140 grid-template-areas: "icon name groupmode completion actions" "icon visibility groupmode completion actions" "icon dates groupmode completion actions" "altcontent altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink afterlink" "availability availability availability availability availability";
29142 @media (max-width: 575.98px) {
29143 .activity-item .activity-grid {
29144 grid-template-columns: min-content 1fr min-content min-content min-content;
29145 grid-template-rows: 1fr repeat(4, min-content);
29146 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";
29149 .activity-item .activity-grid.noname-grid {
29150 grid-template-columns: min-content min-content 1fr min-content;
29151 grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
29153 @media (max-width: 575.98px) {
29154 .activity-item .activity-grid.noname-grid {
29155 grid-template-columns: 1fr min-content;
29156 grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
29159 .activity-item .activity-actions {
29160 grid-area: actions;
29162 .activity-item .activity-actions .actions {
29163 position: relative;
29165 .activity-item .activity-actions .action-menu .btn.btn-icon {
29166 height: 32px;
29167 width: 32px;
29168 border-radius: 0.5rem;
29170 .activity-item .activity-icon {
29171 grid-area: icon;
29173 .activity-item .activity-dates {
29174 grid-area: dates;
29175 font-size: 0.875em;
29176 color: #495057;
29177 display: flex;
29178 flex-wrap: wrap;
29179 column-gap: 0.75rem;
29181 @media (max-width: 575.98px) {
29182 .activity-item .activity-dates {
29183 margin-top: 0.5rem;
29186 .activity-item .activity-name-area {
29187 grid-area: name;
29189 .activity-item .activity-name-area .activityname .afterlink {
29190 margin-left: 0.5rem;
29192 .activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
29193 position: relative;
29194 z-index: 2;
29195 margin-left: 0.5rem;
29197 .activity-item .activity-name-area .activitybadge.badge-none {
29198 font-weight: normal;
29199 font-size: 0.875em;
29200 padding: 0;
29202 .activity-item .activity-completion {
29203 grid-area: completion;
29204 justify-self: end;
29206 .activity-item .activity-completion button.btn,
29207 .activity-item .activity-completion a[role=button].btn {
29208 color: #1d2125;
29209 background-color: #fff;
29210 border-color: #ced4da;
29211 min-height: 32px;
29212 font-weight: bold;
29213 border-radius: 0.5rem;
29215 .activity-item .activity-completion button.btn:hover,
29216 .activity-item .activity-completion a[role=button].btn:hover {
29217 color: #fff;
29218 background-color: #6a737b;
29219 border-color: #b1bbc4;
29221 .activity-item .activity-completion button.btn:focus, .activity-item .activity-completion button.btn.focus,
29222 .activity-item .activity-completion a[role=button].btn:focus,
29223 .activity-item .activity-completion a[role=button].btn.focus {
29224 color: #fff;
29225 background-color: #6a737b;
29226 border-color: #b1bbc4;
29227 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29229 .activity-item .activity-completion button.btn.disabled, .activity-item .activity-completion button.btn:disabled,
29230 .activity-item .activity-completion a[role=button].btn.disabled,
29231 .activity-item .activity-completion a[role=button].btn:disabled {
29232 color: #1d2125;
29233 background-color: #fff;
29234 border-color: #ced4da;
29236 .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,
29237 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active,
29238 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active,
29239 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle {
29240 color: #1d2125;
29241 background-color: #e6e6e6;
29242 border-color: #aab4bf;
29244 .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,
29245 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active:focus,
29246 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active:focus,
29247 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle:focus {
29248 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29250 .activity-item .activity-completion button.btn .icon,
29251 .activity-item .activity-completion a[role=button].btn .icon {
29252 font-size: inherit;
29254 .activity-item .activity-completion button.btn-primary,
29255 .activity-item .activity-completion a[role=button].btn-primary {
29256 color: #1d2125;
29257 background-color: #cfe2f2;
29258 border-color: #cfe2f2;
29259 color: #083863;
29261 .activity-item .activity-completion button.btn-primary:hover,
29262 .activity-item .activity-completion a[role=button].btn-primary:hover {
29263 color: #fff;
29264 background-color: #0f6cbf;
29265 border-color: #a7cae7;
29267 .activity-item .activity-completion button.btn-primary:focus, .activity-item .activity-completion button.btn-primary.focus,
29268 .activity-item .activity-completion a[role=button].btn-primary:focus,
29269 .activity-item .activity-completion a[role=button].btn-primary.focus {
29270 color: #fff;
29271 background-color: #0f6cbf;
29272 border-color: #a7cae7;
29273 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29275 .activity-item .activity-completion button.btn-primary.disabled, .activity-item .activity-completion button.btn-primary:disabled,
29276 .activity-item .activity-completion a[role=button].btn-primary.disabled,
29277 .activity-item .activity-completion a[role=button].btn-primary:disabled {
29278 color: #1d2125;
29279 background-color: #cfe2f2;
29280 border-color: #cfe2f2;
29282 .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,
29283 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active,
29284 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active,
29285 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle {
29286 color: #1d2125;
29287 background-color: #a7cae7;
29288 border-color: #9dc4e4;
29290 .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,
29291 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active:focus,
29292 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active:focus,
29293 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle:focus {
29294 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29296 .activity-item .activity-completion button.btn-primary:hover,
29297 .activity-item .activity-completion a[role=button].btn-primary:hover {
29298 color: #fff;
29300 .activity-item .activity-completion button.btn-secondary,
29301 .activity-item .activity-completion a[role=button].btn-secondary {
29302 color: #1d2125;
29303 background-color: #f5f6f8;
29304 border-color: #f5f6f8;
29305 color: #6b6e71;
29307 .activity-item .activity-completion button.btn-secondary:hover,
29308 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29309 color: #1d2125;
29310 background-color: #ced4da;
29311 border-color: #d7dbe3;
29313 .activity-item .activity-completion button.btn-secondary:focus, .activity-item .activity-completion button.btn-secondary.focus,
29314 .activity-item .activity-completion a[role=button].btn-secondary:focus,
29315 .activity-item .activity-completion a[role=button].btn-secondary.focus {
29316 color: #1d2125;
29317 background-color: #ced4da;
29318 border-color: #d7dbe3;
29319 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29321 .activity-item .activity-completion button.btn-secondary.disabled, .activity-item .activity-completion button.btn-secondary:disabled,
29322 .activity-item .activity-completion a[role=button].btn-secondary.disabled,
29323 .activity-item .activity-completion a[role=button].btn-secondary:disabled {
29324 color: #1d2125;
29325 background-color: #f5f6f8;
29326 border-color: #f5f6f8;
29328 .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,
29329 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active,
29330 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active,
29331 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle {
29332 color: #1d2125;
29333 background-color: #d7dbe3;
29334 border-color: #d0d4de;
29336 .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,
29337 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active:focus,
29338 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active:focus,
29339 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle:focus {
29340 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29342 .activity-item .activity-completion button.btn-secondary:hover,
29343 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29344 color: #1d2125;
29346 .activity-item .activity-completion button.btn-success,
29347 .activity-item .activity-completion a[role=button].btn-success {
29348 color: #1d2125;
29349 background-color: #d7e4d6;
29350 border-color: #d7e4d6;
29351 color: #1c3f1a;
29353 .activity-item .activity-completion button.btn-success:hover,
29354 .activity-item .activity-completion a[role=button].btn-success:hover {
29355 color: #fff;
29356 background-color: #357a32;
29357 border-color: #b9d0b7;
29359 .activity-item .activity-completion button.btn-success:focus, .activity-item .activity-completion button.btn-success.focus,
29360 .activity-item .activity-completion a[role=button].btn-success:focus,
29361 .activity-item .activity-completion a[role=button].btn-success.focus {
29362 color: #fff;
29363 background-color: #357a32;
29364 border-color: #b9d0b7;
29365 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29367 .activity-item .activity-completion button.btn-success.disabled, .activity-item .activity-completion button.btn-success:disabled,
29368 .activity-item .activity-completion a[role=button].btn-success.disabled,
29369 .activity-item .activity-completion a[role=button].btn-success:disabled {
29370 color: #1d2125;
29371 background-color: #d7e4d6;
29372 border-color: #d7e4d6;
29374 .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,
29375 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active,
29376 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active,
29377 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle {
29378 color: #1d2125;
29379 background-color: #b9d0b7;
29380 border-color: #b2cbb0;
29382 .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,
29383 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active:focus,
29384 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active:focus,
29385 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle:focus {
29386 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29388 .activity-item .activity-completion button.btn-success:hover,
29389 .activity-item .activity-completion a[role=button].btn-success:hover {
29390 color: #fff;
29392 .activity-item .activity-completion button.btn-info,
29393 .activity-item .activity-completion a[role=button].btn-info {
29394 color: #1d2125;
29395 background-color: #cce6ea;
29396 border-color: #cce6ea;
29397 color: #00434e;
29399 .activity-item .activity-completion button.btn-info:hover,
29400 .activity-item .activity-completion a[role=button].btn-info:hover {
29401 color: #fff;
29402 background-color: #008196;
29403 border-color: #a8d4db;
29405 .activity-item .activity-completion button.btn-info:focus, .activity-item .activity-completion button.btn-info.focus,
29406 .activity-item .activity-completion a[role=button].btn-info:focus,
29407 .activity-item .activity-completion a[role=button].btn-info.focus {
29408 color: #fff;
29409 background-color: #008196;
29410 border-color: #a8d4db;
29411 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29413 .activity-item .activity-completion button.btn-info.disabled, .activity-item .activity-completion button.btn-info:disabled,
29414 .activity-item .activity-completion a[role=button].btn-info.disabled,
29415 .activity-item .activity-completion a[role=button].btn-info:disabled {
29416 color: #1d2125;
29417 background-color: #cce6ea;
29418 border-color: #cce6ea;
29420 .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,
29421 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active,
29422 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active,
29423 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle {
29424 color: #1d2125;
29425 background-color: #a8d4db;
29426 border-color: #9fd0d7;
29428 .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,
29429 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active:focus,
29430 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active:focus,
29431 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle:focus {
29432 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29434 .activity-item .activity-completion button.btn-info:hover,
29435 .activity-item .activity-completion a[role=button].btn-info:hover {
29436 color: #fff;
29438 .activity-item .activity-completion button.btn-warning,
29439 .activity-item .activity-completion a[role=button].btn-warning {
29440 color: #1d2125;
29441 background-color: #fcefdc;
29442 border-color: #fcefdc;
29443 color: #7d5a29;
29445 .activity-item .activity-completion button.btn-warning:hover,
29446 .activity-item .activity-completion a[role=button].btn-warning:hover {
29447 color: #1d2125;
29448 background-color: #f0ad4e;
29449 border-color: #f8daad;
29451 .activity-item .activity-completion button.btn-warning:focus, .activity-item .activity-completion button.btn-warning.focus,
29452 .activity-item .activity-completion a[role=button].btn-warning:focus,
29453 .activity-item .activity-completion a[role=button].btn-warning.focus {
29454 color: #1d2125;
29455 background-color: #f0ad4e;
29456 border-color: #f8daad;
29457 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29459 .activity-item .activity-completion button.btn-warning.disabled, .activity-item .activity-completion button.btn-warning:disabled,
29460 .activity-item .activity-completion a[role=button].btn-warning.disabled,
29461 .activity-item .activity-completion a[role=button].btn-warning:disabled {
29462 color: #1d2125;
29463 background-color: #fcefdc;
29464 border-color: #fcefdc;
29466 .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,
29467 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active,
29468 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active,
29469 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle {
29470 color: #1d2125;
29471 background-color: #f8daad;
29472 border-color: #f7d4a1;
29474 .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,
29475 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active:focus,
29476 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active:focus,
29477 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle:focus {
29478 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29480 .activity-item .activity-completion button.btn-warning:hover,
29481 .activity-item .activity-completion a[role=button].btn-warning:hover {
29482 color: #1d2125;
29484 .activity-item .activity-completion button.btn-danger,
29485 .activity-item .activity-completion a[role=button].btn-danger {
29486 color: #1d2125;
29487 background-color: #f4d6d2;
29488 border-color: #f4d6d2;
29489 color: #691911;
29491 .activity-item .activity-completion button.btn-danger:hover,
29492 .activity-item .activity-completion a[role=button].btn-danger:hover {
29493 color: #fff;
29494 background-color: #ca3120;
29495 border-color: #eab1a9;
29497 .activity-item .activity-completion button.btn-danger:focus, .activity-item .activity-completion button.btn-danger.focus,
29498 .activity-item .activity-completion a[role=button].btn-danger:focus,
29499 .activity-item .activity-completion a[role=button].btn-danger.focus {
29500 color: #fff;
29501 background-color: #ca3120;
29502 border-color: #eab1a9;
29503 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29505 .activity-item .activity-completion button.btn-danger.disabled, .activity-item .activity-completion button.btn-danger:disabled,
29506 .activity-item .activity-completion a[role=button].btn-danger.disabled,
29507 .activity-item .activity-completion a[role=button].btn-danger:disabled {
29508 color: #1d2125;
29509 background-color: #f4d6d2;
29510 border-color: #f4d6d2;
29512 .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,
29513 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active,
29514 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active,
29515 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle {
29516 color: #1d2125;
29517 background-color: #eab1a9;
29518 border-color: #e7a79f;
29520 .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,
29521 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active:focus,
29522 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active:focus,
29523 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle:focus {
29524 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29526 .activity-item .activity-completion button.btn-danger:hover,
29527 .activity-item .activity-completion a[role=button].btn-danger:hover {
29528 color: #fff;
29530 .activity-item .activity-completion button.btn-light,
29531 .activity-item .activity-completion a[role=button].btn-light {
29532 color: #1d2125;
29533 background-color: #fefefe;
29534 border-color: #fefefe;
29535 color: #818182;
29537 .activity-item .activity-completion button.btn-light:hover,
29538 .activity-item .activity-completion a[role=button].btn-light:hover {
29539 color: #1d2125;
29540 background-color: #f8f9fa;
29541 border-color: #e5e5e5;
29543 .activity-item .activity-completion button.btn-light:focus, .activity-item .activity-completion button.btn-light.focus,
29544 .activity-item .activity-completion a[role=button].btn-light:focus,
29545 .activity-item .activity-completion a[role=button].btn-light.focus {
29546 color: #1d2125;
29547 background-color: #f8f9fa;
29548 border-color: #e5e5e5;
29549 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29551 .activity-item .activity-completion button.btn-light.disabled, .activity-item .activity-completion button.btn-light:disabled,
29552 .activity-item .activity-completion a[role=button].btn-light.disabled,
29553 .activity-item .activity-completion a[role=button].btn-light:disabled {
29554 color: #1d2125;
29555 background-color: #fefefe;
29556 border-color: #fefefe;
29558 .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,
29559 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active,
29560 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active,
29561 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle {
29562 color: #1d2125;
29563 background-color: #e5e5e5;
29564 border-color: #dedede;
29566 .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,
29567 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active:focus,
29568 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active:focus,
29569 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle:focus {
29570 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29572 .activity-item .activity-completion button.btn-light:hover,
29573 .activity-item .activity-completion a[role=button].btn-light:hover {
29574 color: #1d2125;
29576 .activity-item .activity-completion button.btn-dark,
29577 .activity-item .activity-completion a[role=button].btn-dark {
29578 color: #1d2125;
29579 background-color: #d6d8d9;
29580 border-color: #d6d8d9;
29581 color: #1b1e21;
29583 .activity-item .activity-completion button.btn-dark:hover,
29584 .activity-item .activity-completion a[role=button].btn-dark:hover {
29585 color: #fff;
29586 background-color: #343a40;
29587 border-color: #bcbfc0;
29589 .activity-item .activity-completion button.btn-dark:focus, .activity-item .activity-completion button.btn-dark.focus,
29590 .activity-item .activity-completion a[role=button].btn-dark:focus,
29591 .activity-item .activity-completion a[role=button].btn-dark.focus {
29592 color: #fff;
29593 background-color: #343a40;
29594 border-color: #bcbfc0;
29595 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29597 .activity-item .activity-completion button.btn-dark.disabled, .activity-item .activity-completion button.btn-dark:disabled,
29598 .activity-item .activity-completion a[role=button].btn-dark.disabled,
29599 .activity-item .activity-completion a[role=button].btn-dark:disabled {
29600 color: #1d2125;
29601 background-color: #d6d8d9;
29602 border-color: #d6d8d9;
29604 .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,
29605 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active,
29606 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active,
29607 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle {
29608 color: #1d2125;
29609 background-color: #bcbfc0;
29610 border-color: #b5b9ba;
29612 .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,
29613 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active:focus,
29614 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active:focus,
29615 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle:focus {
29616 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29618 .activity-item .activity-completion button.btn-dark:hover,
29619 .activity-item .activity-completion a[role=button].btn-dark:hover {
29620 color: #fff;
29622 @media (max-width: 575.98px) {
29623 .activity-item .activity-completion {
29624 width: 100%;
29625 margin-top: 0.5rem;
29627 .activity-item .activity-completion button {
29628 width: 100%;
29631 .activity-item .activity-completion .completion-dialog {
29632 color: #495057;
29633 font-size: 0.8203125rem;
29634 min-width: 12rem;
29636 .activity-item .activity-completion .completion-dialog .icon {
29637 font-size: 0.8203125rem;
29638 width: 0.8203125rem;
29639 height: 0.8203125rem;
29640 margin-right: 0.25rem;
29642 .activity-item .activity-completion .completion-dialog .editcompletion a {
29643 border-radius: 0.5rem;
29644 color: #495057;
29645 font-weight: bold;
29646 text-decoration: none;
29648 .activity-item .activity-completion .completion-dialog .editcompletion a:hover {
29649 background-color: #e9ecef;
29651 .activity-item .activity-groupmode-info {
29652 grid-area: groupmode;
29653 justify-self: end;
29655 .activity-item .activity-groupmode-info .groupmode-information {
29656 height: 32px;
29657 width: 32px;
29658 border-radius: 0.5rem;
29660 .activity-item .activity-groupmode-info .groupmode-icon-info {
29661 display: none;
29663 @media (max-width: 575.98px) {
29664 .activity-item .activity-groupmode-info {
29665 width: 100%;
29666 margin-top: 0.5rem;
29667 padding-top: 0.5rem;
29668 border-top: 1px solid #dee2e6;
29670 .activity-item .activity-groupmode-info .groupmode-information {
29671 width: auto;
29672 font-size: inherit;
29673 padding: 0 0.5rem;
29675 .activity-item .activity-groupmode-info .groupmode-icon-info {
29676 display: inline;
29678 .activity-item .activity-groupmode-info .v-parent-focus {
29679 opacity: 1;
29680 visibility: visible;
29683 .activity-item .activity-badges {
29684 grid-area: visibility;
29686 .activity-item .activity-badges .badge {
29687 font-weight: normal;
29689 .activity-item .activity-badges .badge .icon {
29690 font-size: 12px;
29691 width: 12px;
29692 height: 12px;
29694 .activity-item .activity-altcontent {
29695 grid-area: altcontent;
29696 margin-top: 0.25rem;
29698 .activity-item .activity-altcontent.activity-description {
29699 margin-top: 0.5rem;
29700 padding-top: 0.5rem;
29701 border-top: 1px solid #dee2e6;
29702 font-size: 0.875em;
29704 .activity-item .activity-altcontent img {
29705 border-radius: 1rem;
29707 .activity-item .activity-availability {
29708 grid-area: availability;
29710 .activity-item .activity-afterlink {
29711 grid-area: afterlink;
29712 margin-top: 0.5rem;
29713 padding-top: 0.5rem;
29714 border-top: 1px solid #dee2e6;
29716 .activity-item .no-overflow {
29717 width: 100%;
29719 @media (min-width: 768px) {
29720 .activity-item:not(.activityinline) {
29721 padding: 1rem;
29725 /* Activity card in editing mode */
29726 .editing .activity-item {
29727 cursor: move;
29729 .editing .activity-item .a {
29730 cursor: pointer;
29732 .editing .activity-item:hover, .editing .activity-item.selected {
29733 color: #1d2125;
29734 background-color: #f5f9fc;
29735 border-color: #3584c9;
29737 .editing .activity-item:hover hr, .editing .activity-item.selected hr {
29738 border-top-color: #3077b5;
29740 .editing .activity-item:hover .alert-link, .editing .activity-item.selected .alert-link {
29741 color: #070808;
29743 .editing .activity-item:hover .activityiconcontainer,
29744 .editing .activity-item:hover .badge, .editing .activity-item.selected .activityiconcontainer,
29745 .editing .activity-item.selected .badge {
29746 mix-blend-mode: multiply;
29749 .section .draggable .activity-item .dragicon {
29750 display: none;
29753 /* Activity divider */
29754 .activity:focus-within + .activity div.divider button,
29755 .course-section-header:focus-within + .content .section .activity:first-child div.divider button,
29756 .content .section .activity:focus-within div.divider button {
29757 visibility: visible;
29760 .activity div.divider {
29761 height: 2rem;
29762 margin-top: -1.25rem;
29763 margin-bottom: -0.75rem;
29764 z-index: 5;
29766 .activity div.divider button {
29767 border-radius: 100%;
29768 width: 2rem;
29769 height: 2rem;
29770 position: relative;
29771 left: 50%;
29772 opacity: 0;
29773 visibility: hidden;
29774 transition: visibility 0.1s;
29775 margin: 0;
29776 padding: 0;
29778 .activity div.divider button i.icon {
29779 height: 1.5rem;
29780 width: 1.5rem;
29781 font-size: 1.5rem;
29782 position: absolute;
29783 left: calc(0.25rem - 1px);
29784 top: calc(0.25rem - 0.5px);
29786 .activity:not(.dragging) div.divider:hover button, .activity:not(.dragging) div.divider:focus button, .activity:not(.dragging) div.divider:focus-within button {
29787 opacity: 1;
29788 visibility: visible;
29791 /* Bulk editing */
29792 .bulkenabled .bulk-hidden {
29793 display: none !important;
29796 .activity-item .bulkselect {
29797 position: absolute;
29798 left: -2rem;
29801 .course-section-header .bulkselect {
29802 left: -2rem;
29803 position: relative;
29804 width: 0;
29807 @media (max-width: 767.98px) {
29808 .bulkenabled .course-content {
29809 margin-left: 2rem;
29812 /* Activity completion */
29813 .defaultactivitycompletion-item a {
29814 color: #000;
29815 text-decoration: none;
29817 .defaultactivitycompletion-item a img {
29818 filter: invert(25%) sepia(86%) saturate(1158%) hue-rotate(189deg) brightness(104%) contrast(92%);
29820 .defaultactivitycompletion-item .activityicon {
29821 width: 32px;
29822 height: 32px;
29825 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
29826 :target {
29827 scroll-margin-top: 70px;
29830 .pagelayout-embedded :target {
29831 padding-top: initial;
29832 margin-top: initial;
29835 #nav-drawer.closed {
29836 left: -305px;
29839 #nav-drawer[aria-hidden=true] .list-group-item {
29840 display: none;
29843 /* Use a variable for the drawer background colors. */
29844 [data-region=drawer] {
29845 position: fixed;
29846 width: 285px;
29847 top: 60px;
29848 height: calc(100% - 60px);
29849 overflow-y: auto;
29850 -webkit-overflow-scrolling: touch;
29851 z-index: 999;
29852 background-color: #f2f2f2;
29853 transition: right 0.5s ease, left 0.5s ease;
29855 @media (prefers-reduced-motion: reduce) {
29856 [data-region=drawer] {
29857 transition: none;
29861 @media (min-width: 576px) {
29862 [data-region=drawer] {
29863 padding: 20px 20px;
29865 .jsenabled .popover-process-monitor,
29866 .jsenabled .btn-footer-popover,
29867 .jsenabled .btn-footer-communication {
29868 transition: 0.2s;
29871 @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
29872 .jsenabled .popover-process-monitor,
29873 .jsenabled .btn-footer-popover,
29874 .jsenabled .btn-footer-communication {
29875 transition: none;
29878 #nav-drawer {
29879 right: auto;
29880 left: 0;
29881 /* Override the z-indexes defined in bootstrap/_list-group.scss that
29882 lead to side effects on the user tours positioning. */
29884 #nav-drawer .list-group-item-action.active,
29885 #nav-drawer .list-group-item.active {
29886 z-index: inherit;
29888 #nav-drawer .list-group-item-action.active + .list-group-item,
29889 #nav-drawer .list-group-item.active + .list-group-item {
29890 border-top: none;
29892 #nav-drawer .list-group ul {
29893 list-style: none;
29894 padding: 0;
29895 margin: 0;
29897 #nav-drawer .list-group li {
29898 margin-bottom: -1px;
29900 #nav-drawer .list-group li:last-child {
29901 margin-bottom: 0;
29904 body.drawer-ease {
29905 transition: margin-left 0.5s ease, margin-right 0.5s ease;
29907 @media (prefers-reduced-motion: reduce) {
29908 body.drawer-ease {
29909 transition: none;
29913 @media (min-width: 768px) {
29914 body:not(.uses-drawers).drawer-open-left {
29915 margin-left: 285px;
29919 @media (min-width: 768px) {
29920 body.drawer-open-left #page.drawers {
29921 margin-left: 285px;
29922 padding-left: 1rem;
29926 @media (min-width: 768px) {
29927 body.drawer-open-right {
29928 margin-right: 315px;
29932 [data-region=right-hand-drawer] {
29933 display: flex;
29934 flex-direction: column;
29935 transition: right 0.2s ease-in-out;
29937 @media (prefers-reduced-motion: reduce) {
29938 [data-region=right-hand-drawer] {
29939 transition: none;
29942 [data-region=right-hand-drawer].drawer {
29943 z-index: 1021;
29944 position: fixed;
29945 top: 60px;
29946 right: 0;
29947 height: calc(100% - 60px);
29948 width: 320px;
29949 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
29950 padding: 0;
29951 visibility: visible;
29952 opacity: 1;
29954 [data-region=right-hand-drawer].hidden {
29955 display: block;
29956 right: -320px;
29957 visibility: hidden;
29958 opacity: 0;
29959 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
29961 @media (prefers-reduced-motion: reduce) {
29962 [data-region=right-hand-drawer].hidden {
29963 transition: none;
29967 @media (max-width: 767.98px) {
29968 [data-region=right-hand-drawer].drawer {
29969 top: 0;
29970 height: 100%;
29971 z-index: 1031;
29973 body.drawer-open-left,
29974 body.drawer-open-right {
29975 overflow: hidden;
29978 .dir-rtl [data-region=right-hand-drawer] {
29979 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
29982 .drawer {
29983 background-color: #f8f9fa;
29984 z-index: 1015;
29985 position: fixed;
29986 height: 100vh;
29987 top: 0;
29989 @media (max-width: 991.98px) {
29990 .drawer {
29991 z-index: 1035;
29994 .drawer.not-initialized {
29995 display: none;
29997 .drawer.drawer-right {
29998 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
29999 width: 315px;
30000 max-width: 315px;
30001 right: calc(-315px + -10px);
30002 visibility: hidden;
30004 @media (prefers-reduced-motion: reduce) {
30005 .drawer.drawer-right {
30006 transition: none;
30009 .drawer.drawer-right.show {
30010 right: 0;
30011 visibility: visible;
30013 .drawer.drawer-right .drawertoggle {
30014 margin-left: auto;
30015 margin-right: 5px;
30017 .drawer.drawer-left {
30018 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30019 width: 285px;
30020 max-width: 285px;
30021 left: calc(-285px + -10px);
30022 visibility: hidden;
30024 @media (prefers-reduced-motion: reduce) {
30025 .drawer.drawer-left {
30026 transition: none;
30029 .drawer.drawer-left.show {
30030 left: 0;
30031 visibility: visible;
30033 .drawer.drawer-left .drawertoggle {
30034 margin-right: auto;
30035 margin-left: 5px;
30037 .drawer.drawer-bottom {
30038 bottom: -110%;
30040 .drawer.drawer-bottom.show {
30041 bottom: 0;
30043 .drawer.drawer-primary .drawertoggle {
30044 margin-right: 16px;
30045 margin-left: 5px;
30048 @media (min-width: 992px) {
30049 .drawer#theme_boost-drawers-blocks:focus-within {
30050 z-index: 1031;
30052 .drawer.not-initialized {
30053 display: block;
30056 .drawer-md,
30057 .drawer-sm {
30058 display: none;
30061 .drawerheader {
30062 padding: 0;
30063 height: 60px;
30064 display: flex;
30065 align-items: center;
30067 .drawerheader .sitename {
30068 overflow: hidden;
30069 white-space: nowrap;
30070 text-overflow: ellipsis;
30071 margin-right: 16px;
30074 .drawer.scrolled .drawerheader {
30075 box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
30078 @media (max-width: 991.98px) {
30079 .drawer-md {
30080 display: block;
30081 background-color: #f8f9fa;
30082 z-index: 1015;
30083 position: fixed;
30084 height: 100vh;
30085 top: 0;
30088 @media (max-width: 991.98px) and (max-width: 991.98px) {
30089 .drawer-md {
30090 z-index: 1035;
30093 @media (max-width: 991.98px) {
30094 .drawer-md.not-initialized {
30095 display: none;
30098 @media (max-width: 991.98px) {
30099 .drawer-md.drawer-right {
30100 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30101 width: 315px;
30102 max-width: 315px;
30103 right: calc(-315px + -10px);
30104 visibility: hidden;
30107 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30108 .drawer-md.drawer-right {
30109 transition: none;
30112 @media (max-width: 991.98px) {
30113 .drawer-md.drawer-right.show {
30114 right: 0;
30115 visibility: visible;
30118 @media (max-width: 991.98px) {
30119 .drawer-md.drawer-right .drawertoggle {
30120 margin-left: auto;
30121 margin-right: 5px;
30124 @media (max-width: 991.98px) {
30125 .drawer-md.drawer-left {
30126 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30127 width: 285px;
30128 max-width: 285px;
30129 left: calc(-285px + -10px);
30130 visibility: hidden;
30133 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30134 .drawer-md.drawer-left {
30135 transition: none;
30138 @media (max-width: 991.98px) {
30139 .drawer-md.drawer-left.show {
30140 left: 0;
30141 visibility: visible;
30144 @media (max-width: 991.98px) {
30145 .drawer-md.drawer-left .drawertoggle {
30146 margin-right: auto;
30147 margin-left: 5px;
30150 @media (max-width: 991.98px) {
30151 .drawer-md.drawer-bottom {
30152 bottom: -110%;
30154 .drawer-md.drawer-bottom.show {
30155 bottom: 0;
30158 @media (max-width: 991.98px) {
30159 .drawer-md.drawer-primary .drawertoggle {
30160 margin-right: 16px;
30161 margin-left: 5px;
30164 @media (max-width: 767.98px) {
30165 .drawer-sm {
30166 display: block;
30167 background-color: #f8f9fa;
30168 z-index: 1015;
30169 position: fixed;
30170 height: 100vh;
30171 top: 0;
30174 @media (max-width: 767.98px) and (max-width: 991.98px) {
30175 .drawer-sm {
30176 z-index: 1035;
30179 @media (max-width: 767.98px) {
30180 .drawer-sm.not-initialized {
30181 display: none;
30184 @media (max-width: 767.98px) {
30185 .drawer-sm.drawer-right {
30186 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30187 width: 315px;
30188 max-width: 315px;
30189 right: calc(-315px + -10px);
30190 visibility: hidden;
30193 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30194 .drawer-sm.drawer-right {
30195 transition: none;
30198 @media (max-width: 767.98px) {
30199 .drawer-sm.drawer-right.show {
30200 right: 0;
30201 visibility: visible;
30204 @media (max-width: 767.98px) {
30205 .drawer-sm.drawer-right .drawertoggle {
30206 margin-left: auto;
30207 margin-right: 5px;
30210 @media (max-width: 767.98px) {
30211 .drawer-sm.drawer-left {
30212 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30213 width: 285px;
30214 max-width: 285px;
30215 left: calc(-285px + -10px);
30216 visibility: hidden;
30219 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30220 .drawer-sm.drawer-left {
30221 transition: none;
30224 @media (max-width: 767.98px) {
30225 .drawer-sm.drawer-left.show {
30226 left: 0;
30227 visibility: visible;
30230 @media (max-width: 767.98px) {
30231 .drawer-sm.drawer-left .drawertoggle {
30232 margin-right: auto;
30233 margin-left: 5px;
30236 @media (max-width: 767.98px) {
30237 .drawer-sm.drawer-bottom {
30238 bottom: -110%;
30240 .drawer-sm.drawer-bottom.show {
30241 bottom: 0;
30244 @media (max-width: 767.98px) {
30245 .drawer-sm.drawer-primary .drawertoggle {
30246 margin-right: 16px;
30247 margin-left: 5px;
30250 .drawercontent {
30251 position: relative;
30252 z-index: -1;
30253 height: calc(100% - 60px);
30254 display: flex;
30255 flex-direction: column;
30256 flex-wrap: nowrap;
30257 overflow-y: auto;
30258 padding: 0.4rem;
30259 scrollbar-width: thin;
30260 scrollbar-color: #6a737b #f8f9fa;
30262 .drawercontent .dropdown-menu .dropdown-item {
30263 width: 220px;
30264 white-space: normal;
30266 .drawercontent::-webkit-scrollbar {
30267 width: 12px;
30269 .drawercontent::-webkit-scrollbar-track {
30270 background: #f8f9fa;
30272 .drawercontent::-webkit-scrollbar-thumb {
30273 background-color: #6a737b;
30274 border-radius: 20px;
30275 border: 3px solid #f8f9fa;
30277 .drawercontent::-webkit-scrollbar-thumb:hover {
30278 background-color: #495057;
30281 .fp-content-center {
30282 height: 100%;
30283 width: 100%;
30284 display: table-cell;
30285 vertical-align: middle;
30288 .fp-content-hidden {
30289 visibility: hidden;
30292 .yui3-panel-focused {
30293 outline: none;
30296 .fp-panel-button {
30297 background: #fff;
30298 padding: 3px 20px 2px 20px;
30299 text-align: center;
30300 margin: 10px;
30301 border-radius: 10px;
30302 display: inline-block;
30305 .filepicker .yui3-widget-content-expanded {
30306 height: auto;
30309 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
30310 .filepicker .moodle-dialogue-bd {
30311 min-height: 520px;
30314 .file-picker .fp-navbar {
30315 min-height: 40px;
30316 padding: 4px;
30319 .fp-navbar {
30320 border-color: #8f959e;
30321 border-bottom: 0;
30322 border-bottom-left-radius: 0;
30323 border-bottom-right-radius: 0;
30326 .file-picker .fp-content {
30327 border-top: 0;
30328 background: #fff;
30329 clear: none;
30330 overflow: auto;
30331 height: 452px;
30334 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
30335 width: 100%;
30338 .file-picker .fp-content-loading {
30339 height: 100%;
30340 width: 100%;
30341 display: table;
30342 text-align: center;
30345 .file-picker .fp-content .fp-object-container {
30346 width: 98%;
30347 height: 98%;
30350 .file-picker .fp-def-search {
30351 margin-top: 0;
30354 .file-picker .fp-list {
30355 list-style-type: none;
30356 padding: 0;
30357 float: left;
30358 width: 100%;
30359 margin: 0;
30362 .file-picker .fp-list .fp-repo a {
30363 display: block;
30364 padding: 0.5em 0.7em;
30367 .file-picker .fp-list .fp-repo.active {
30368 background: #f2f2f2;
30371 .file-picker .fp-list .fp-repo-icon {
30372 padding: 0 7px 0 5px;
30373 width: 16px;
30374 height: 16px;
30377 .fp-toolbar {
30378 float: left;
30381 .fp-toolbar.empty {
30382 display: none;
30385 .fp-toolbar .disabled {
30386 display: none;
30389 .fp-toolbar div {
30390 display: block;
30391 float: left;
30392 margin-right: 4px;
30395 .fp-toolbar img {
30396 vertical-align: -15%;
30397 margin-right: 5px;
30400 .fp-viewbar:not(.disabled) a.checked {
30401 background-color: #b1bbc4;
30402 color: #1d2125;
30403 border-color: #aab4bf;
30406 .fp-viewbar.disabled a {
30407 pointer-events: none;
30408 opacity: 0.65;
30411 .file-picker .fp-clear-left {
30412 clear: left;
30415 .fp-pathbar.empty {
30416 display: none;
30419 .fp-pathbar .fp-path-folder {
30420 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
30421 background-size: 12px 12px;
30422 height: 12px;
30423 margin-left: 12px;
30426 /*rtl:raw:
30427 .fp-pathbar .fp-path-folder {
30428 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
30431 .fp-pathbar .fp-path-folder-name {
30432 margin-left: 24px;
30435 .fp-iconview .fp-file {
30436 float: left;
30437 text-align: center;
30438 position: relative;
30439 margin: 10px 10px 35px;
30442 .fp-iconview .fp-thumbnail {
30443 min-width: 110px;
30444 min-height: 110px;
30445 line-height: 110px;
30446 text-align: center;
30447 border: 1px solid #fff;
30448 display: block;
30451 .fp-iconview .fp-thumbnail img {
30452 border: 1px solid #ddd;
30453 padding: 3px;
30454 vertical-align: middle;
30457 .fp-iconview .fp-thumbnail:hover {
30458 background: #fff;
30459 border: 1px solid #ddd;
30462 .fp-iconview .fp-filename-field {
30463 height: 33px;
30464 margin-top: 3px;
30465 word-wrap: break-word;
30466 overflow: hidden;
30467 position: absolute;
30470 .fp-iconview .fp-file:focus .fp-filename-field,
30471 .fp-iconview .fp-file:hover .fp-filename-field {
30472 overflow: visible;
30473 z-index: 1000;
30475 .fp-iconview .fp-file:focus .fp-filename,
30476 .fp-iconview .fp-file:hover .fp-filename {
30477 overflow: inherit;
30478 white-space: normal;
30479 text-overflow: inherit;
30482 .fp-iconview .fp-filename-field .fp-filename {
30483 background: #fff;
30484 padding-top: 5px;
30485 padding-bottom: 12px;
30486 min-width: 112px;
30489 .file-picker .yui3-datatable table {
30490 border: 0 solid #bbb;
30491 width: 100%;
30494 .file-picker .ygtvtn,
30495 .filemanager .ygtvtn {
30496 /*rtl:remove*/
30497 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
30498 /*rtl:raw:
30499 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
30501 width: 19px;
30502 height: 32px;
30505 .file-picker .ygtvtm,
30506 .filemanager .ygtvtm {
30507 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30508 /*rtl:raw:
30509 background-position: 2px 10px;
30511 width: 13px;
30512 height: 12px;
30513 cursor: pointer;
30516 .file-picker .ygtvtmh,
30517 .filemanager .ygtvtmh {
30518 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30519 /*rtl:raw:
30520 background-position: 2px 10px;
30522 width: 13px;
30523 height: 12px;
30524 cursor: pointer;
30527 .file-picker .ygtvtp,
30528 .filemanager .ygtvtp {
30529 /*rtl:remove*/
30530 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30531 /*rtl:raw:
30532 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30534 width: 13px;
30535 height: 12px;
30536 cursor: pointer;
30539 .file-picker .ygtvtph,
30540 .filemanager .ygtvtph {
30541 /*rtl:remove*/
30542 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30543 /*rtl:raw:
30544 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30546 width: 13px;
30547 height: 22px;
30548 cursor: pointer;
30551 .file-picker .ygtvln,
30552 .filemanager .ygtvln {
30553 /*rtl:remove*/
30554 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
30555 /*rtl:raw:
30556 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
30558 width: 19px;
30559 height: 32px;
30562 .file-picker .ygtvlm,
30563 .filemanager .ygtvlm {
30564 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30565 /*rtl:raw:
30566 background-position: 2px 10px;
30568 width: 13px;
30569 height: 12px;
30570 cursor: pointer;
30573 .file-picker .ygtvlmh,
30574 .filemanager .ygtvlmh {
30575 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30576 /*rtl:raw:
30577 background-position: 2px 10px;
30579 width: 13px;
30580 height: 12px;
30581 cursor: pointer;
30584 .file-picker .ygtvlp,
30585 .filemanager .ygtvlp {
30586 /*rtl:remove*/
30587 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30588 /*rtl:raw:
30589 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30591 width: 13px;
30592 height: 12px;
30593 cursor: pointer;
30596 .file-picker .ygtvlph,
30597 .filemanager .ygtvlph {
30598 /*rtl:remove*/
30599 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30600 /*rtl:raw:
30601 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30603 width: 13px;
30604 height: 12px;
30605 cursor: pointer;
30608 .file-picker .ygtvloading,
30609 .filemanager .ygtvloading {
30610 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
30611 width: 16px;
30612 height: 22px;
30615 .file-picker .ygtvdepthcell,
30616 .filemanager .ygtvdepthcell {
30617 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
30618 /*rtl:raw:
30619 background-position: 0 0;
30621 width: 17px;
30622 height: 32px;
30625 .file-picker .ygtvblankdepthcell,
30626 .filemanager .ygtvblankdepthcell {
30627 width: 17px;
30628 height: 22px;
30631 a.ygtvspacer:hover {
30632 color: transparent;
30633 text-decoration: none;
30636 .ygtvlabel,
30637 .ygtvlabel:link,
30638 .ygtvlabel:visited,
30639 .ygtvlabel:hover {
30640 background-color: transparent;
30641 cursor: pointer;
30642 margin-left: 2px;
30643 text-decoration: none;
30646 .file-picker .ygtvfocus,
30647 .filemanager .ygtvfocus {
30648 background-color: #eee;
30651 .fp-filename-icon {
30652 margin-top: 10px;
30653 display: block;
30654 position: relative;
30657 .fp-icon {
30658 float: left;
30659 margin-top: -7px;
30660 width: 24px;
30661 height: 24px;
30662 margin-right: 10px;
30663 text-align: center;
30664 line-height: 24px;
30667 .fp-icon img {
30668 max-height: 24px;
30669 max-width: 24px;
30670 vertical-align: middle;
30673 .fp-filename {
30674 padding-right: 10px;
30677 .file-picker .fp-login-form {
30678 height: 100%;
30679 width: 100%;
30680 display: table;
30683 .file-picker .fp-upload-form {
30684 height: 100%;
30685 width: 100%;
30686 display: table;
30689 .file-picker .fp-upload-form table {
30690 margin: 0 auto;
30693 .file-picker.fp-dlg {
30694 text-align: center;
30697 .file-picker.fp-dlg .fp-dlg-buttons {
30698 margin: 0 20px;
30701 .file-picker.fp-msg {
30702 text-align: center;
30705 .file-picker .fp-content-error {
30706 height: 100%;
30707 width: 100%;
30708 display: table;
30709 text-align: center;
30712 .file-picker .fp-nextpage {
30713 clear: both;
30716 .file-picker .fp-nextpage .fp-nextpage-loading {
30717 display: none;
30720 .file-picker .fp-nextpage.loading .fp-nextpage-link {
30721 display: none;
30724 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
30725 display: block;
30726 text-align: center;
30727 height: 100px;
30728 padding-top: 50px;
30731 .fp-select .fp-select-loading {
30732 text-align: center;
30733 margin-top: 20px;
30736 .fp-select table {
30737 padding: 0 0 10px;
30740 .fp-select table .mdl-right {
30741 min-width: 84px;
30744 .fp-select .fp-reflist .mdl-right {
30745 vertical-align: top;
30748 .fp-select .fp-select-buttons {
30749 float: right;
30752 .fp-select .fp-info {
30753 font-size: 0.703125rem;
30756 .fp-select .fp-thumbnail {
30757 float: left;
30758 min-width: 110px;
30759 min-height: 110px;
30760 line-height: 110px;
30761 text-align: center;
30762 margin: 10px 20px 0 0;
30763 background: #fff;
30764 border: 1px solid #ddd;
30767 .fp-select .fp-thumbnail img {
30768 border: 1px solid #ddd;
30769 padding: 3px;
30770 vertical-align: middle;
30771 margin: 10px;
30774 .fp-select .fp-fileinfo {
30775 display: inline-block;
30776 margin-top: 10px;
30779 .file-picker.fp-select .fp-fileinfo {
30780 max-width: 240px;
30783 .fp-select .fp-fileinfo div {
30784 padding-bottom: 5px;
30787 .file-picker.fp-select .uneditable {
30788 display: none;
30791 .file-picker.fp-select .fp-select-loading {
30792 display: none;
30795 .file-picker.fp-select.loading .fp-select-loading {
30796 display: block;
30799 .file-picker.fp-select.loading form {
30800 display: none;
30803 .fp-select .fp-dimensions.fp-unknown {
30804 display: none;
30807 .fp-select .fp-size.fp-unknown {
30808 display: none;
30811 .filemanager-loading {
30812 display: none;
30815 .jsenabled .filemanager-loading {
30816 display: block;
30817 margin-top: 100px;
30820 .filemanager.fm-loading .filemanager-toolbar,
30821 .filemanager.fm-loading .fp-pathbar,
30822 .filemanager.fm-loading .filemanager-container,
30823 .filemanager.fm-loaded .filemanager-loading,
30824 .filemanager.fm-maxfiles .fp-btn-add,
30825 .filemanager.fm-maxfiles .dndupload-message,
30826 .filemanager.fm-noitems .fp-btn-download,
30827 .filemanager.fm-noitems .fp-btn-delete,
30828 .filemanager .fm-empty-container,
30829 .filemanager.fm-noitems .filemanager-container .fp-content {
30830 display: none;
30833 .filemanager .fp-img-downloading {
30834 display: none;
30835 padding-top: 7px;
30838 .filemanager .filemanager-updating {
30839 display: none;
30840 text-align: center;
30843 .filemanager.fm-updating .filemanager-updating {
30844 display: block;
30845 margin-top: 37px;
30848 .filemanager.fm-updating .fm-content-wrapper,
30849 .filemanager.fm-nomkdir .fp-btn-mkdir,
30850 .fitem.disabled .filemanager .filemanager-toolbar,
30851 .fitem.disabled .filemanager .fp-pathbar,
30852 .fitem.disabled .filemanager .fp-restrictions,
30853 .fitem.disabled .filemanager .fm-content-wrapper {
30854 display: none;
30857 .filemanager .fp-restrictions {
30858 text-align: right;
30861 .filemanager-toolbar {
30862 padding: 4px;
30863 overflow: hidden;
30866 .filemanager .fp-pathbar.empty {
30867 display: none;
30870 .filepicker-filelist,
30871 .filemanager-container {
30872 min-height: 140px;
30873 border: 1px solid #8f959e;
30874 border-radius: 0.5rem;
30877 .filemanager .fp-content {
30878 overflow: auto;
30879 max-height: 472px;
30880 min-height: 157px;
30883 .filemanager-container,
30884 .filepicker-filelist {
30885 overflow: hidden;
30886 border-top-left-radius: 0;
30887 border-top-right-radius: 0;
30890 .file-picker .yui3-datatable-header {
30891 /*rtl:raw:
30892 text-align: right;
30894 background: initial;
30897 .fitem.disabled .filepicker-filelist,
30898 .fitem.disabled .filemanager-container {
30899 background-color: #ebebe4;
30902 .fitem.disabled .fp-btn-choose {
30903 color: #6a737b;
30906 .fitem.disabled .filepicker-filelist .filepicker-filename {
30907 display: none;
30910 .fp-iconview .fp-reficons1 {
30911 position: absolute;
30912 height: 100%;
30913 width: 100%;
30914 top: 0;
30915 left: 0;
30918 .fp-iconview .fp-reficons2 {
30919 position: absolute;
30920 height: 100%;
30921 width: 100%;
30922 top: 0;
30923 left: 0;
30926 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
30927 background: url("[[pix:theme|fp/link]]") no-repeat;
30928 /*rtl:raw:
30929 transform: scaleX(-1);
30931 /*rtl:ignore*/
30932 background-position: bottom right;
30933 background-size: 16px 16px;
30936 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
30937 background: url("[[pix:theme|fp/alias]]") no-repeat;
30938 /*rtl:raw:
30939 transform: scaleX(-1);
30941 /*rtl:ignore*/
30942 background-position: bottom left;
30943 background-size: 16px 16px;
30946 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
30947 display: none;
30950 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
30951 background: url([[pix:s/dead]]) no-repeat;
30952 background-position: center center;
30955 .filemanager .yui3-datatable table {
30956 border: 0 solid #bbb;
30957 width: 100%;
30960 /* Override YUI default styling */
30961 /* stylelint-disable declaration-no-important */
30962 .filemanager .yui3-datatable-header {
30963 /*rtl:raw:
30964 text-align: right;
30966 background: #fff !important;
30967 border-bottom: 1px solid #ccc !important;
30968 border-left: 0 solid #fff !important;
30969 color: #555 !important;
30971 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
30972 background-color: #f6f6f6 !important;
30973 border-left: 0 solid #f6f6f6;
30975 .filemanager .yui3-datatable-even .yui3-datatable-cell {
30976 background-color: #fff !important;
30977 border-left: 0 solid #fff;
30980 /* stylelint-enable */
30981 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
30982 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
30983 height: 100%;
30984 width: 100%;
30985 /*rtl:raw:
30986 transform: scaleX(-1);
30988 position: absolute;
30989 top: 8px;
30990 left: 17px;
30991 background-size: 16px 16px;
30994 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
30995 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
30996 height: 100%;
30997 width: 100%;
30998 /*rtl:raw:
30999 transform: scaleX(-1);
31001 position: absolute;
31002 top: 9px;
31003 left: -6px;
31004 background-size: 16px 16px;
31007 .filemanager .fp-contextmenu {
31008 display: none;
31011 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31012 position: absolute;
31013 right: 0;
31014 bottom: 0;
31015 display: flex;
31016 align-items: center;
31017 justify-content: center;
31020 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
31021 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31022 display: inline;
31023 position: absolute;
31024 left: 14px;
31025 margin-right: -20px;
31026 top: 6px;
31029 .filepicker-filelist .filepicker-container,
31030 .filemanager.fm-noitems .fm-empty-container {
31031 display: block;
31032 position: absolute;
31033 top: 10px;
31034 bottom: 10px;
31035 left: 10px;
31036 right: 10px;
31037 border: 2px dashed #bbb;
31038 padding-top: 85px;
31039 text-align: center;
31042 .filepicker-filelist .dndupload-target,
31043 .filemanager-container .dndupload-target {
31044 background: #fff;
31045 position: absolute;
31046 top: 10px;
31047 bottom: 10px;
31048 left: 10px;
31049 right: 10px;
31050 border: 2px dashed #fb7979;
31051 padding-top: 85px;
31052 text-align: center;
31055 .filepicker-filelist.dndupload-over .dndupload-target,
31056 .filemanager-container.dndupload-over .dndupload-target {
31057 background: #fff;
31058 position: absolute;
31059 top: 10px;
31060 bottom: 10px;
31061 left: 10px;
31062 right: 10px;
31063 border: 2px dashed #6c8cd3;
31064 padding-top: 85px;
31065 text-align: center;
31068 .dndupload-message {
31069 display: none;
31072 .dndsupported .dndupload-message {
31073 display: inline;
31076 .dnduploadnotsupported-message {
31077 display: none;
31080 .dndnotsupported .dnduploadnotsupported-message {
31081 display: inline;
31084 .dndupload-target {
31085 display: none;
31088 .dndsupported .dndupload-ready .dndupload-target {
31089 display: block;
31092 .dndupload-uploadinprogress {
31093 display: none;
31094 text-align: center;
31097 .dndupload-uploading .dndupload-uploadinprogress {
31098 display: block;
31101 .dndupload-arrow {
31102 width: 100%;
31103 height: 80px;
31104 position: absolute;
31105 top: 5px;
31106 color: #8f959e;
31109 .fitem.disabled .filepicker-container,
31110 .fitem.disabled .fm-empty-container {
31111 display: none;
31114 .dndupload-progressbars {
31115 padding: 10px;
31116 display: none;
31119 .dndupload-inprogress .dndupload-progressbars {
31120 display: block;
31123 .dndupload-inprogress .fp-content {
31124 display: none;
31127 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
31128 display: none;
31131 .filepicker-filelist.dndupload-inprogress .filepicker-container {
31132 display: none;
31135 .filepicker-filelist.dndupload-inprogress a {
31136 display: none;
31139 .filemanager.fp-select .fp-select-loading {
31140 display: none;
31143 .filemanager.fp-select.loading .fp-select-loading {
31144 display: block;
31147 .filemanager.fp-select.loading form {
31148 display: none;
31151 .filemanager.fp-select.fp-folder .fp-license,
31152 .filemanager.fp-select.fp-folder .fp-author,
31153 .filemanager.fp-select.fp-file .fp-file-unzip,
31154 .filemanager.fp-select.fp-folder .fp-file-unzip,
31155 .filemanager.fp-select.fp-file .fp-file-zip,
31156 .filemanager.fp-select.fp-zip .fp-file-zip {
31157 display: none;
31160 .filemanager.fp-select .fp-file-setmain,
31161 .filemanager.fp-select .fp-file-setmain-help {
31162 display: none;
31165 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
31166 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
31167 display: inline-block;
31170 .filemanager .fp-mainfile .fp-filename {
31171 font-weight: bold;
31174 .filemanager.fp-select.fp-folder .fp-file-download {
31175 display: none;
31178 .fm-operation {
31179 font-weight: bold;
31182 .filemanager.fp-select .fp-original.fp-unknown,
31183 .filemanager.fp-select .fp-original .fp-originloading {
31184 display: none;
31187 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
31188 display: inline;
31191 .filemanager.fp-select .fp-reflist.fp-unknown,
31192 .filemanager.fp-select .fp-reflist .fp-reflistloading {
31193 display: none;
31196 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
31197 display: inline;
31200 .filemanager.fp-select .fp-reflist .fp-value {
31201 background: #f9f9f9;
31202 border: 1px solid #bbb;
31203 padding: 8px 7px;
31204 margin: 0;
31205 max-height: 75px;
31206 overflow: auto;
31209 .filemanager.fp-select .fp-reflist .fp-value li {
31210 padding-bottom: 7px;
31213 .filemanager.fp-mkdir-dlg {
31214 text-align: center;
31217 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
31218 text-align: left;
31219 margin: 20px;
31222 .filemanager.fp-dlg {
31223 text-align: center;
31226 .file-picker div.bd {
31227 text-align: left;
31230 .fp-formset {
31231 padding: 10px;
31233 .fp-formset input[type=file] {
31234 line-height: inherit;
31237 .fp-forminset {
31238 padding: 0 10px;
31241 .fp-fileinfo .fp-value {
31242 display: inline-block;
31243 padding-left: 5px;
31246 /** The message area **/
31247 .hidden {
31248 display: none;
31251 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
31252 padding: 0;
31254 .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 {
31255 min-height: 20px;
31257 .preferences-container .align-bottom {
31258 vertical-align: bottom;
31260 .preferences-container .preference-table {
31261 border: 1px solid #ddd;
31263 .preferences-container .preference-table thead th {
31264 text-align: center;
31266 .preferences-container .preference-table thead th .config-warning {
31267 display: none;
31269 .preferences-container .preference-table thead th.unconfigured .config-warning {
31270 display: inline-block;
31272 .preferences-container .preference-table tr th {
31273 border-left: 1px solid #dee2e6;
31275 .preferences-container .preference-table tr td:not(:first-child) {
31276 width: 150px;
31277 text-align: center;
31279 .preferences-container .preference-table tr td:nth-child(even) {
31280 border: 1px solid #dee2e6;
31282 .preferences-container .preference-table .preference-row .hover-tooltip-container {
31283 display: inline-block;
31285 .preferences-container .preference-table .preference-row .preference-name {
31286 vertical-align: middle;
31288 .preferences-container .preference-table .preference-row .disabled-message {
31289 text-align: center;
31290 height: 30px;
31291 line-height: 30px;
31293 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
31294 display: block;
31297 .disabled-message {
31298 display: none;
31301 .disabled .disabled-message {
31302 display: block;
31304 .disabled .disabled-message + form {
31305 display: none;
31308 .general-settings-container .loading-icon {
31309 display: none;
31311 .general-settings-container .loading .loading-icon {
31312 display: inline-block;
31314 .general-settings-container label {
31315 display: inline-block;
31318 .processor-container {
31319 position: relative;
31321 .processor-container .loading-container {
31322 display: none;
31323 position: absolute;
31324 width: 100%;
31325 height: 100%;
31326 text-align: center;
31327 background-color: rgba(255, 255, 255, 0.5);
31329 .processor-container .loading-container .vertical-align {
31330 height: 100%;
31331 width: 0%;
31332 display: inline-block;
31333 vertical-align: middle;
31335 .processor-container.loading .loading-container {
31336 display: block;
31339 .preferences-page-container .checkbox-container {
31340 margin: 30px 5px;
31341 line-height: 20px;
31343 .preferences-page-container .checkbox-container input {
31344 line-height: 20px;
31345 margin: 0;
31347 .preferences-page-container .checkbox-container .loading-icon {
31348 display: none;
31350 .preferences-page-container .checkbox-container.loading .loading-icon {
31351 display: inline-block;
31354 .notification-area {
31355 height: 600px;
31356 box-sizing: border-box;
31357 border-radius: 4px;
31358 margin-bottom: 30px;
31359 border: 1px solid #e3e3e3;
31361 @media (max-height: 670px) {
31362 .notification-area {
31363 height: 500px;
31366 .notification-area .control-area {
31367 box-sizing: border-box;
31368 display: inline-block;
31369 width: 300px;
31370 height: 100%;
31371 overflow: auto;
31372 -webkit-overflow-scrolling: touch;
31373 border-right: 1px solid #e3e3e3;
31375 .notification-area .control-area .content {
31376 position: relative;
31378 .notification-area .control-area .content .content-item-container {
31379 cursor: pointer;
31381 .notification-area .control-area .content:empty + .empty-text {
31382 display: block;
31384 .notification-area .control-area .loading-icon {
31385 display: none;
31387 .notification-area .control-area .empty-text {
31388 display: none;
31389 text-align: center;
31390 padding-top: 20px;
31392 .notification-area .control-area.loading .loading-icon {
31393 display: block;
31394 text-align: center;
31395 box-sizing: border-box;
31396 padding: 5px;
31398 .notification-area .control-area.loading .content:empty + .empty-text {
31399 display: none;
31401 .notification-area .content-area {
31402 box-sizing: border-box;
31403 display: inline-block;
31404 width: calc(100% - 300px);
31405 float: right;
31407 .notification-area .content-area .toggle-mode {
31408 display: none;
31410 .notification-area .content-area .header {
31411 height: 50px;
31412 box-sizing: border-box;
31413 border-bottom: 1px solid #e3e3e3;
31414 padding: 5px;
31416 .notification-area .content-area .header .image-container {
31417 display: inline-block;
31418 height: 25px;
31419 width: 24px;
31420 float: left;
31422 .notification-area .content-area .header .subject-container {
31423 display: inline-block;
31424 max-width: calc(100% - 24px);
31425 white-space: nowrap;
31426 overflow: hidden;
31427 text-overflow: ellipsis;
31428 height: 25px;
31429 padding-left: 5px;
31430 box-sizing: border-box;
31432 .notification-area .content-area .header .timestamp {
31433 font-size: 10px;
31434 line-height: 10px;
31435 margin: 0;
31436 color: #666;
31437 margin-left: 30px;
31439 .notification-area .content-area .header:empty {
31440 display: none;
31442 .notification-area .content-area > .content {
31443 height: 500px;
31444 box-sizing: border-box;
31445 overflow: auto;
31446 -webkit-overflow-scrolling: touch;
31447 padding: 15px;
31449 @media (max-height: 670px) {
31450 .notification-area .content-area > .content {
31451 height: 400px;
31454 .notification-area .content-area > .content:empty {
31455 display: none;
31457 .notification-area .content-area > .content:empty + .empty-text {
31458 display: block;
31459 text-align: center;
31460 padding-top: 100px;
31462 .notification-area .content-area .empty-text {
31463 display: none;
31465 .notification-area .content-area .footer {
31466 height: 50px;
31467 box-sizing: border-box;
31468 text-align: center;
31470 .notification-area .content-area .footer a {
31471 line-height: 50px;
31473 .notification-area .content-area .footer:empty {
31474 display: none;
31477 @media (max-width: 979px) {
31478 .notification-area {
31479 position: relative;
31480 overflow: hidden;
31482 .notification-area .control-area {
31483 border-right: none;
31484 width: 100%;
31485 position: absolute;
31486 top: 0;
31487 left: 0;
31488 opacity: 1;
31489 visibility: visible;
31490 transition: left 0.25s;
31492 .notification-area .content-area {
31493 width: 100%;
31494 position: absolute;
31495 top: 0;
31496 right: -100%;
31497 opacity: 0;
31498 visibility: hidden;
31499 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
31501 .notification-area .content-area .toggle-mode {
31502 display: inline-block;
31503 float: left;
31504 width: 70px;
31505 height: 50px;
31506 line-height: 50px;
31507 box-sizing: border-box;
31508 border-right: 1px solid #e3e3e3;
31509 border-bottom: 1px solid #e3e3e3;
31511 .notification-area .content-area .header {
31512 display: inline-block;
31513 width: calc(100% - 70px);
31515 .notification-area.show-content-area .control-area {
31516 left: -100%;
31517 opacity: 0;
31518 visibility: hidden;
31519 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
31521 .notification-area.show-content-area .content-area {
31522 right: 0;
31523 opacity: 1;
31524 visibility: visible;
31525 transition: right 0.25s;
31528 .drawer .message-app {
31529 height: 100%;
31531 .drawer .message-app .icon-back-in-app {
31532 display: none;
31534 .drawer .message-app .icon-back-in-drawer {
31535 display: inherit;
31538 .message-app {
31539 display: flex;
31540 flex-direction: column;
31541 background-color: #eff1f3;
31543 .message-app .icon-back-in-drawer {
31544 display: none;
31546 .message-app.main {
31547 min-height: 400px;
31549 .message-app .header-container {
31550 flex-shrink: 0;
31552 .message-app .overflow-y {
31553 overflow-y: auto;
31555 @media (max-height: 320px) {
31556 .message-app .header-container [data-region=view-overview]:not(.hidden) {
31557 display: flex;
31558 align-items: center;
31560 .message-app .footer-container [data-region=view-overview] {
31561 display: none;
31563 .message-app .overflow-y {
31564 overflow-y: unset;
31567 .message-app .body-container {
31568 flex: 1;
31569 overflow: hidden;
31571 .message-app .body-container > * {
31572 position: absolute;
31573 right: 0;
31574 left: 0;
31575 top: 0;
31576 bottom: 0;
31577 overflow: auto;
31579 .message-app .footer-container {
31580 flex-shrink: 0;
31582 .message-app .footer-container textarea {
31583 direction: ltr;
31585 .message-app .contact-status {
31586 position: absolute;
31587 left: 39px;
31588 top: 39px;
31589 width: 10px;
31590 height: 10px;
31591 border-radius: 50%;
31593 .message-app .contact-status.online {
31594 border: 1px solid #fff;
31595 background-color: #357a32;
31597 .message-app .message p {
31598 margin: 0;
31600 .message-app .clickable {
31601 cursor: pointer;
31603 .message-app .clickable:hover {
31604 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
31606 .message-app a,
31607 .message-app .btn-link {
31608 color: inherit;
31610 .message-app .btn-link:hover, .message-app .btn-link:focus {
31611 background-color: rgba(0, 0, 0, 0.035);
31612 text-decoration: none;
31614 .message-app .icon {
31615 margin-right: 0;
31617 .message-app .overview-section-toggle .collapsed-icon-container {
31618 display: none;
31620 .message-app .overview-section-toggle .expanded-icon-container {
31621 display: inline-block;
31623 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
31624 display: inline-block;
31626 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
31627 display: none;
31629 .message-app .btn.btn-link.btn-icon {
31630 height: 16px;
31631 width: 16px;
31632 padding: 0;
31633 border-radius: 50%;
31634 flex-shrink: 0;
31636 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
31637 background-color: #e9ecef;
31639 .message-app .btn.btn-link.btn-icon.icon-size-0 {
31640 height: 20px !important; /* stylelint-disable-line declaration-no-important */
31641 width: 20px !important; /* stylelint-disable-line declaration-no-important */
31643 .message-app .btn.btn-link.btn-icon.icon-size-1 {
31644 height: 24px !important; /* stylelint-disable-line declaration-no-important */
31645 width: 24px !important; /* stylelint-disable-line declaration-no-important */
31647 .message-app .btn.btn-link.btn-icon.icon-size-2 {
31648 height: 28px !important; /* stylelint-disable-line declaration-no-important */
31649 width: 28px !important; /* stylelint-disable-line declaration-no-important */
31651 .message-app .btn.btn-link.btn-icon.icon-size-3 {
31652 height: 36px !important; /* stylelint-disable-line declaration-no-important */
31653 width: 36px !important; /* stylelint-disable-line declaration-no-important */
31655 .message-app .btn.btn-link.btn-icon.icon-size-4 {
31656 height: 44px !important; /* stylelint-disable-line declaration-no-important */
31657 width: 44px !important; /* stylelint-disable-line declaration-no-important */
31659 .message-app .btn.btn-link.btn-icon.icon-size-5 {
31660 height: 52px !important; /* stylelint-disable-line declaration-no-important */
31661 width: 52px !important; /* stylelint-disable-line declaration-no-important */
31663 .message-app .btn.btn-link.btn-icon.icon-size-6 {
31664 height: 60px !important; /* stylelint-disable-line declaration-no-important */
31665 width: 60px !important; /* stylelint-disable-line declaration-no-important */
31667 .message-app .btn.btn-link.btn-icon.icon-size-7 {
31668 height: 68px !important; /* stylelint-disable-line declaration-no-important */
31669 width: 68px !important; /* stylelint-disable-line declaration-no-important */
31671 .message-app .view-overview-body .section {
31672 display: block;
31674 .message-app .view-overview-body .section.expanded {
31675 display: flex;
31677 .message-app .view-overview-body .section div[data-region=toggle] {
31678 padding: 0.1rem;
31680 .message-app .view-conversation .content-message-container img {
31681 max-width: 100%;
31683 .message-app .list-group {
31684 border-radius: 0;
31686 .message-app .list-group .list-group-item {
31687 border-left: 0;
31688 border-right: 0;
31690 .message-app .list-group .list-group-item:hover {
31691 color: #fff;
31692 background-color: #0f6cbf;
31694 .message-app .list-group .list-group-item:hover .badge-primary {
31695 background-color: #fff;
31696 color: #0f6cbf;
31698 .message-app .list-group .list-group-item:first-child {
31699 border-top: 0;
31701 .message-app .list-group .list-group-item:last-child {
31702 border-bottom: 0;
31704 .message-app .list-group .list-group-item.list-group-item-action {
31705 margin: 0.1rem;
31706 width: auto;
31707 text-align: inherit;
31709 .message-app .last-message {
31710 min-height: 1.5rem;
31712 .message-app .section .collapsing {
31713 overflow: hidden;
31715 .message-app .message.send {
31716 background-color: #dee2e6;
31717 color: #1d2125;
31719 .message-app .message.send .time {
31720 color: #1d2125;
31722 .message-app .message.send .tail {
31723 right: 0;
31724 margin-right: -0.5rem;
31725 border-bottom-color: #dee2e6;
31727 .message-app .message.received {
31728 background-color: #fff;
31729 color: #1d2125;
31731 .message-app .message.received .time {
31732 color: #616466;
31734 .message-app .message.received .tail {
31735 left: 0;
31736 margin-left: -0.5rem;
31737 border-bottom-color: #fff;
31739 .message-app .message .tail {
31740 content: "";
31741 bottom: 0;
31742 width: 0;
31743 height: 0;
31744 border: 0.5rem solid transparent;
31745 position: relative;
31747 .message-app .day {
31748 color: #1d2125;
31750 .message-app .lazy-load-list {
31751 overflow-y: auto;
31754 #page-message-index #page-header {
31755 display: none;
31757 #page-message-index #region-main {
31758 height: 100%;
31759 margin-top: 0;
31761 #page-message-index #region-main .conversationcontainer .section {
31762 max-height: calc(100vh - 50px);
31764 #page-message-index #region-main div[role=main] {
31765 height: 100%;
31767 #page-message-index #region-main div[role=main] #maincontent {
31768 margin-top: -1px;
31770 #page-message-index #region-main div[role=main] .message-app.main {
31771 height: 100%;
31774 .dir-rtl .message-drawer {
31775 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
31778 .message-app .emoji-picker-container {
31779 position: absolute;
31780 top: -5px;
31781 right: 5px;
31782 transform: translateY(-100%);
31784 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
31785 height: 40px;
31786 width: 40px;
31788 @media (max-width: 575.98px) {
31789 .message-app .emoji-picker-container {
31790 right: -0.5rem;
31793 @media (max-height: 495px) {
31794 .message-app .emoji-picker-container {
31795 position: fixed;
31796 top: 0;
31797 transform: none;
31800 .message-app .emoji-auto-complete-container {
31801 overflow: auto;
31802 max-height: 90px;
31803 transition: max-height 0.15s ease-in-out;
31804 visibility: visible;
31806 .message-app .emoji-auto-complete-container.hidden {
31807 display: block;
31808 max-height: 0;
31809 visibility: hidden;
31810 overflow: hidden;
31811 transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
31814 /* Question */
31815 .questionbank h2 {
31816 margin-top: 0;
31819 .questioncategories h3 {
31820 margin-top: 0;
31823 #chooseqtypebox {
31824 margin-top: 1em;
31827 #chooseqtype h3 {
31828 margin: 0 0 0.3em;
31831 #chooseqtype .instruction {
31832 display: none;
31835 #chooseqtype .fakeqtypes {
31836 border-top: 1px solid silver;
31839 #chooseqtype .qtypeoption {
31840 margin-bottom: 0.5em;
31843 #chooseqtype label {
31844 display: block;
31847 #chooseqtype .qtypename img {
31848 padding: 0 0.3em;
31851 #chooseqtype .qtypename {
31852 display: inline-table;
31853 width: 16em;
31856 #chooseqtype .qtypesummary {
31857 display: block;
31858 margin: 0 2em;
31861 #chooseqtype .submitbuttons {
31862 margin: 0.7em 0;
31863 text-align: center;
31866 #qtypechoicecontainer {
31867 display: none;
31870 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
31871 background: none;
31874 #qtypechoicecontainer.yui-panel .hd {
31875 color: #333;
31876 letter-spacing: 1px;
31877 text-shadow: 1px 1px 1px #fff;
31878 border-top-left-radius: 10px;
31879 border-top-right-radius: 10px;
31880 border: 1px solid #ccc;
31881 border-bottom: 1px solid #bbb;
31882 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
31883 background-repeat: repeat-x;
31886 #qtypechoicecontainer {
31887 font-size: 12px;
31888 color: #333;
31889 background: #f2f2f2;
31890 border-radius: 10px;
31891 border: 1px solid #ccc;
31892 border-top: 0 none;
31895 #qtypechoicecontainer #chooseqtype {
31896 width: 40em;
31899 #chooseqtypehead h3 {
31900 margin: 0;
31901 font-weight: normal;
31904 #chooseqtype .qtypes {
31905 position: relative;
31906 border-bottom: 1px solid #bbb;
31907 padding: 0.24em 0;
31910 #chooseqtype .alloptions {
31911 overflow-x: hidden;
31912 overflow-y: auto;
31913 max-height: calc(100vh - 15em);
31914 width: 60%;
31917 #chooseqtype .qtypeoption {
31918 margin-bottom: 0;
31919 padding: 0.3em 0.3em 0.3em 1.6em;
31922 #chooseqtype .qtypeoption img {
31923 vertical-align: text-bottom;
31924 padding-left: 1em;
31925 padding-right: 0.5em;
31928 #chooseqtype .selected {
31929 background-color: #fff;
31932 #chooseqtype .instruction,
31933 #chooseqtype .qtypesummary {
31934 display: none;
31935 position: absolute;
31936 top: 0;
31937 right: 0;
31938 bottom: 0;
31939 left: 60%;
31940 margin: 0;
31941 overflow-x: hidden;
31942 overflow-y: auto;
31943 padding: 1.5em 1.6em;
31944 background-color: #fff;
31947 #chooseqtype .instruction,
31948 #chooseqtype .selected .qtypesummary {
31949 display: block;
31952 table.question-bank-table {
31953 margin: 0;
31954 background-color: #fff;
31955 table-layout: fixed;
31956 overflow-x: scroll;
31957 width: min-content;
31959 table.question-bank-table td,
31960 table.question-bank-table th {
31961 max-width: 40vw;
31962 width: max-content;
31964 table.question-bank-table th {
31965 text-align: left;
31967 table.question-bank-table > tbody > tr.r1 {
31968 background-color: rgba(0, 0, 0, 0.03);
31970 table.question-bank-table > tbody > tr.highlight {
31971 border: 1px solid #008196;
31973 table.question-bank-table .checkbox input[type=checkbox] {
31974 margin-left: 0;
31975 float: none;
31977 table.question-bank-table .iconcol {
31978 padding: 3px;
31979 box-sizing: content-box;
31981 table.question-bank-table .iconcol .icon {
31982 margin: 0;
31983 width: 12px;
31984 height: 12px;
31986 table.question-bank-table label {
31987 margin: 0;
31988 display: block;
31990 table.question-bank-table .header {
31991 text-align: left;
31993 table.question-bank-table .header.sortable-list-current-position {
31994 background-color: #a2cff8;
31996 table.question-bank-table .header.sortable-list-is-dragged {
31997 background-color: #fff;
31998 opacity: 0.85;
32000 table.question-bank-table .header .header-text > div {
32001 display: inline-block;
32003 table.question-bank-table .header .dropdown-toggle::after {
32004 margin-left: 0;
32006 table.question-bank-table .header.checkbox .form-check {
32007 padding-left: 0;
32010 #page-mod-quiz-edit div.questionbankwindow div.header {
32011 margin: 0;
32013 #page-mod-quiz-edit div.questionbankwindow.block {
32014 padding: 0;
32017 .questionbank .singleselect {
32018 margin: 0;
32021 /* Question editing form */
32022 #combinedfeedbackhdr div.fhtmleditor {
32023 padding: 0;
32026 #combinedfeedbackhdr div.fcheckbox {
32027 margin-bottom: 1em;
32030 #multitriesheader div.fitem_feditor {
32031 margin-top: 1em;
32034 #multitriesheader div.fitem_fgroup {
32035 margin-bottom: 1em;
32038 #multitriesheader div.fitem_fgroup fieldset.felement label {
32039 margin-left: 0.3em;
32040 margin-right: 0.3em;
32043 body.path-question-type {
32044 /* Hacks to display the labels within a form group. */
32046 body.path-question-type .form-group .col-form-label.sr-only:not(legend):not([for=id_category]) {
32047 position: static;
32048 width: auto;
32049 height: auto;
32050 padding: 0;
32051 margin: 0 0.5rem 0 0;
32052 overflow: visible;
32053 clip: auto;
32054 clip-path: none;
32055 border: 0;
32058 .que {
32059 clear: left;
32060 text-align: left;
32061 margin: 0 auto 1.8em auto;
32064 .que .info {
32065 float: left;
32066 width: 7em;
32067 padding: 0.5em;
32068 margin-bottom: 1.8em;
32069 background-color: #f8f9fa;
32070 border: 1px solid #cad0d7;
32071 border-radius: 2px;
32074 .que h3.no {
32075 margin: 0;
32076 font-size: 0.8em;
32077 line-height: 1;
32080 .que span.qno {
32081 font-size: 1.5em;
32082 font-weight: bold;
32083 word-break: break-word;
32086 .que .info > div {
32087 font-size: 0.8em;
32088 margin-top: 0.7em;
32091 .que .info .questionflag.editable {
32092 cursor: pointer;
32095 .que .info .editquestion img,
32096 .que .info .questionflag img,
32097 .que .info .questionflag input {
32098 vertical-align: bottom;
32101 .que .content {
32102 margin: 0 0 0 8.5em;
32105 .que .formulation,
32106 .que .outcome,
32107 .que .comment {
32108 position: relative;
32109 padding: 0.75rem 1.25rem;
32110 margin-bottom: 1rem;
32111 border: 0 solid transparent;
32112 border-radius: 0.5rem;
32115 .que .outcome,
32116 .que .comment {
32117 color: #8e662e;
32118 background-color: #fcefdc;
32119 border-color: #fbe8cd;
32120 /* stylelint-disable-line max-line-length */
32122 .que .outcome hr,
32123 .que .comment hr {
32124 border-top-color: #f9ddb5;
32126 .que .outcome .alert-link,
32127 .que .comment .alert-link {
32128 color: #674a22;
32130 .que .outcome a,
32131 .que .comment a {
32132 color: #041c31;
32135 .que .formulation {
32136 color: #001a1e;
32137 background-color: #e7f3f5;
32138 border-color: #b8dce2;
32139 /* stylelint-disable-line max-line-length */
32141 .que .formulation hr {
32142 border-top-color: #a6d3db;
32144 .que .formulation .alert-link {
32145 color: black;
32148 .que.multichoice .answer div.r0 .icon.fa-check,
32149 .que.multichoice .answer div.r1 .icon.fa-check,
32150 .que.multichoice .answer div.r0 .icon.fa-remove,
32151 .que.multichoice .answer div.r1 .icon.fa-remove {
32152 text-indent: 0;
32155 .formulation input[type=text],
32156 .formulation select {
32157 width: auto;
32158 vertical-align: baseline;
32161 .que.multianswer .formulation .yui3-widget-positioned {
32162 box-sizing: content-box;
32164 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
32165 width: inherit;
32166 max-width: inherit;
32169 .que input[size],
32170 .que textarea[cols] {
32171 width: auto;
32172 max-width: 100%;
32175 .que .comment {
32176 color: #1c3f1a;
32177 background-color: #d7e4d6;
32178 border-color: #c6dac6;
32179 /* stylelint-disable-line max-line-length */
32181 .que .comment hr {
32182 border-top-color: #b7d0b7;
32184 .que .comment .alert-link {
32185 color: #0c1b0b;
32188 .que .ablock {
32189 margin: 0.7em 0 0.3em 0;
32192 .que .im-controls {
32193 margin-top: 0.5em;
32194 text-align: left;
32197 .que .specificfeedback,
32198 .que .generalfeedback,
32199 .que .numpartscorrect .que .rightanswer,
32200 .que .im-feedback,
32201 .que .feedback,
32202 .que p {
32203 margin: 0 0 0.5em;
32206 .que .correctness.correct {
32207 color: #fff;
32208 background-color: #357a32;
32210 a.que .correctness.correct:hover, a.que .correctness.correct:focus {
32211 color: #fff;
32212 background-color: #255623;
32214 a.que .correctness.correct:focus, a.que .correctness.correct.focus {
32215 outline: 0;
32216 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
32219 .que .correctness.partiallycorrect {
32220 color: #1d2125;
32221 background-color: #f0ad4e;
32223 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
32224 color: #1d2125;
32225 background-color: #ec971f;
32227 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
32228 outline: 0;
32229 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
32232 .que .correctness.notanswered, .que .correctness.incorrect {
32233 color: #fff;
32234 background-color: #ca3120;
32236 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
32237 color: #fff;
32238 background-color: #9e2619;
32240 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
32241 outline: 0;
32242 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
32245 .que .qtext {
32246 margin-bottom: 1.5em;
32249 .que .validationerror {
32250 color: #ca3120;
32253 .que .grading,
32254 .que .comment,
32255 .que .commentlink,
32256 .que .history {
32257 margin-top: 0.5em;
32260 .que .history h3 {
32261 margin: 0 0 0.2em;
32262 font-size: 1em;
32265 .que .history table {
32266 width: 100%;
32267 margin: 0;
32270 .que .history .current {
32271 font-weight: bold;
32274 .que .questioncorrectnessicon {
32275 vertical-align: text-bottom;
32278 body.jsenabled .questionflag input[type=checkbox] {
32279 display: none;
32282 .que .questionflagimage {
32283 padding-right: 3px;
32284 height: 16px;
32285 width: 16px;
32288 .importerror {
32289 margin-top: 10px;
32290 border-bottom: 1px solid #555;
32293 .mform .que.comment .fitemtitle {
32294 width: 20%;
32297 #page-question-preview #techinfo {
32298 margin: 1em 0;
32301 #page-question-preview .collapsibleregion .collapsibleregioncaption,
32302 #page-question-preview .collapsibleregion .collapsibleregionextracontent {
32303 display: inline-block;
32306 #page-mod-quiz-edit ul.slots .activityinstance > a {
32307 display: flex;
32308 max-width: 100%;
32309 align-items: center;
32310 text-indent: 0;
32311 padding-left: 0;
32313 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32314 margin-left: 0;
32315 width: 16px;
32316 height: 16px;
32317 padding-right: 4px;
32320 #page-mod-quiz-edit .activity img.activityicon {
32321 vertical-align: text-top;
32324 #page-mod-quiz-edit .box.generalbox.questionbank {
32325 padding: 0.5em;
32328 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
32329 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
32330 #page-mod-quiz-edit .questionbank .choosecategory {
32331 padding: 0;
32334 #page-mod-quiz-edit .questionbank .choosecategory select {
32335 width: 100%;
32338 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
32339 background: transparent;
32342 #page-mod-quiz-edit .questionbankwindow div.header {
32343 color: #444;
32344 text-shadow: none;
32345 border-top-left-radius: 4px;
32346 border-top-right-radius: 4px;
32347 margin: 0 -10px 0 -10px;
32348 padding: 2px 10px 2px 10px;
32349 background: transparent; /* Old browsers */
32352 #page-mod-quiz-edit .questionbankwindow div.header a:link,
32353 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
32354 color: #0f6cbf;
32357 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
32358 color: #094478;
32361 #page-mod-quiz-edit .createnewquestion {
32362 padding: 0.3em 0;
32364 #page-mod-quiz-edit .createnewquestion div,
32365 #page-mod-quiz-edit .createnewquestion input {
32366 margin: 0;
32369 #page-mod-quiz-edit .questionbankwindow div.header .title {
32370 color: #1d2125;
32373 #page-mod-quiz-edit div.container div.generalbox {
32374 background-color: transparent;
32375 padding: 1.5em;
32378 #page-mod-quiz-edit .categoryinfo {
32379 background-color: transparent;
32380 border-bottom: none;
32383 #page-mod-quiz-edit .createnewquestion .singlebutton input {
32384 margin-bottom: 0;
32387 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
32388 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
32389 padding: 0 0 1.5em 0;
32392 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
32393 background-color: transparent;
32394 margin: 0;
32395 border-top: 0;
32396 border-bottom: 0;
32398 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
32399 padding: 0 0.3em;
32402 #page-mod-quiz-edit div.question div.content div.questioncontrols {
32403 background-color: #fff;
32406 #page-mod-quiz-edit div.question div.content div.points {
32407 margin-top: -0.5em;
32408 padding-bottom: 0;
32409 border: none;
32410 background-color: #fff;
32411 position: static;
32412 width: 12.1em;
32413 float: right;
32414 margin-right: 60px;
32417 #page-mod-quiz-edit div.question div.content div.points br {
32418 display: none;
32421 #page-mod-quiz-edit div.question div.content div.points label {
32422 display: inline-block;
32425 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
32426 background-color: #fff;
32429 #page-mod-quiz-edit .quizpagedelete,
32430 #page-mod-quiz-edit .quizpagedelete img {
32431 background-color: transparent;
32434 #page-mod-quiz-edit div.quizpage .pagecontent {
32435 border: 1px solid #ddd;
32436 border-radius: 2px;
32437 overflow: hidden;
32440 #page-mod-quiz-edit div.questionbank .categoryinfo {
32441 padding: 0.3em 0;
32444 .questionbankwindow .module {
32445 width: auto;
32448 .questionbankwindow .form-autocomplete-selection {
32449 margin-left: 0;
32452 #page-mod-quiz-edit div.editq div.question div.content {
32453 background-color: #fff;
32454 border: 1px solid #ddd;
32455 border-radius: 2px;
32456 overflow: hidden;
32459 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32460 margin-top: 0;
32461 padding-right: 4px;
32464 .path-mod-quiz .statedetails {
32465 display: block;
32466 font-size: 0.9em;
32469 a#hidebankcmd {
32470 color: #0f6cbf;
32473 .que.shortanswer .answer {
32474 padding: 0;
32477 .que label {
32478 display: inline;
32481 .que .content .answer div[data-region=answer-label] .mediaplugin {
32482 width: 400px;
32485 body.path-question-type .mform fieldset.hidden {
32486 padding: 0;
32487 margin: 0.7em 0 0;
32490 .que.ddwtos,
32491 .que.ddwtos .drop {
32492 box-sizing: content-box;
32495 .tag-condition-container {
32496 position: relative;
32499 @media (max-width: 767.98px) {
32500 .que .info {
32501 float: none;
32502 width: auto;
32504 .que .content {
32505 margin: 0;
32508 @media (max-width: 991.98px) {
32509 .question-bank-table td,
32510 .question-bank-table th {
32511 max-width: 75vw;
32514 /* user.less */
32515 .userprofile .fullprofilelink {
32516 text-align: center;
32517 margin: 10px;
32520 .userprofile .page-context-header {
32521 margin-bottom: 10px;
32522 column-count: 1;
32525 .userprofile .description {
32526 margin-top: 10px;
32527 margin-bottom: 30px;
32530 .userprofile .profile_tree {
32531 column-count: 2;
32534 #participantsform .no-overflow {
32535 overflow: visible;
32538 .userprofile dl.list > dd + dt {
32539 clear: left;
32542 .user-box {
32543 margin: 8px;
32544 width: 115px;
32545 height: 160px;
32546 text-align: center;
32547 float: left;
32548 clear: none;
32551 #page-user-profile .node_category ul,
32552 .path-user .node_category ul {
32553 margin: 0;
32554 list-style: none;
32555 padding-left: 0;
32557 #page-user-profile .node_category li,
32558 .path-user .node_category li {
32559 margin-top: 5px;
32561 #page-user-profile .node_category .editprofile,
32562 #page-user-profile .node_category .viewmore,
32563 .path-user .node_category .editprofile,
32564 .path-user .node_category .viewmore {
32565 text-align: right;
32568 .ajax-contact-button {
32569 box-sizing: border-box;
32570 position: relative;
32572 .ajax-contact-button.loading .loading-icon {
32573 display: block;
32575 .ajax-contact-button .loading-icon {
32576 display: none;
32577 position: absolute;
32578 top: 0;
32579 left: 0;
32580 width: 100%;
32581 height: 100%;
32582 background-color: rgba(255, 255, 255, 0.7);
32584 .ajax-contact-button .loading-icon .icon {
32585 position: absolute;
32586 left: 50%;
32587 top: 50%;
32588 transform: translate(-50%, -50%);
32591 @media (max-width: 480px) {
32592 .userprofile .profile_tree {
32593 /** Display the profile on one column on phones@mixin */
32594 column-count: 1;
32597 .userlist #showall {
32598 margin: 10px 0;
32601 .userlist .buttons {
32602 text-align: center;
32605 .userlist .buttons label {
32606 padding: 0 3px;
32609 .userlist table#participants {
32610 text-align: center;
32613 .userlist table#participants td {
32614 text-align: left;
32615 padding: 4px;
32616 vertical-align: middle;
32619 .userlist table#participants th {
32620 text-align: left;
32621 padding: 4px;
32624 .userlist table.controls {
32625 width: 100%;
32627 .userlist table.controls tr {
32628 vertical-align: top;
32630 .userlist table.controls .right {
32631 text-align: right;
32633 .userlist table.controls .groupselector {
32634 margin-bottom: 0;
32635 margin-top: 0;
32637 .userlist table.controls .groupselector label {
32638 display: block;
32641 .userinfobox {
32642 width: 100%;
32643 border: 1px solid;
32644 border-collapse: separate;
32645 padding: 10px;
32648 .userinfobox .left,
32649 .userinfobox .side {
32650 width: 100px;
32651 vertical-align: top;
32654 .userinfobox .userpicture {
32655 width: 100px;
32656 height: 100px;
32659 .userinfobox .content {
32660 vertical-align: top;
32663 .userinfobox .links {
32664 width: 100px;
32665 padding: 5px;
32666 vertical-align: bottom;
32669 .userinfobox .links a {
32670 display: block;
32673 .userinfobox .list td {
32674 padding: 3px;
32677 .userinfobox .username {
32678 padding-bottom: 20px;
32679 font-weight: bold;
32682 .userinfobox td.label {
32683 text-align: right;
32684 white-space: nowrap;
32685 vertical-align: top;
32686 font-weight: bold;
32689 .group-edit {
32690 position: absolute;
32691 right: 0;
32692 margin-right: 0.6em;
32695 .group-image {
32696 display: block;
32697 float: left;
32698 margin-right: 1em;
32700 .group-image .grouppicture {
32701 border-radius: 50%;
32704 .groupinfobox .left {
32705 padding: 10px;
32706 width: 100px;
32707 vertical-align: top;
32710 .course-participation #showall {
32711 text-align: center;
32712 margin: 10px 0;
32715 #user-policy .noticebox {
32716 text-align: center;
32717 margin-left: auto;
32718 margin-right: auto;
32719 margin-bottom: 10px;
32720 width: 80%;
32721 height: 250px;
32724 #user-policy #policyframe {
32725 width: 100%;
32726 height: 100%;
32729 .iplookup #map {
32730 margin: auto;
32733 .userselector select {
32734 width: 100%;
32737 .userselector div {
32738 margin-top: 0.2em;
32741 .userselector div label {
32742 margin-right: 0.3em;
32745 /* Next style does not work in all browsers but looks nicer when it does */
32746 .userselector .userselector-infobelow {
32747 font-size: 0.8em;
32750 #userselector_options .collapsibleregioncaption {
32751 font-weight: bold;
32754 #userselector_options p {
32755 margin: 0.2em 0;
32756 text-align: left;
32759 /** user full profile */
32760 #page-user-profile .messagebox {
32761 text-align: center;
32762 margin-left: auto;
32763 margin-right: auto;
32766 /** user course profile */
32767 #page-course-view-weeks .messagebox {
32768 text-align: center;
32769 margin-left: auto;
32770 margin-right: auto;
32773 .profileeditor > .singleselect {
32774 margin: 0 0.5em 0 0;
32776 .profileeditor > .singlebutton {
32777 display: inline-block;
32778 margin: 0 0 0 0.5em;
32780 .profileeditor > .singlebutton div,
32781 .profileeditor > .singlebutton input {
32782 margin: 0;
32785 .userlist h3 .action-icon {
32786 display: none;
32789 #page-enrol-users .popover {
32790 max-width: none;
32793 .user-enroller-panel {
32794 width: 600px;
32797 [data-filterverbfor],
32798 [data-filterregion=filter]:last-child [data-filterregion=joinadverb] {
32799 display: none;
32802 [data-filterverb="0"] [data-filterverbfor="0"],
32803 [data-filterverb="1"] [data-filterverbfor="1"],
32804 [data-filterverb="2"] [data-filterverbfor="2"] {
32805 display: block;
32808 #page-user-contactsitesupport .supporticon i {
32809 font-size: 35px;
32812 .search-results .result {
32813 margin-left: 0;
32814 margin-right: 0;
32817 .search-results .result .result-content {
32818 margin: 7px 0;
32821 .search-results .result .filename {
32822 font-style: italic;
32825 .simplesearchform .input-group input.form-control {
32826 border-top-left-radius: 0.5rem;
32827 border-bottom-left-radius: 0.5rem;
32829 .simplesearchform .btn {
32830 padding-left: 0.5rem;
32831 padding-right: 0.5rem;
32833 .simplesearchform .btn .icon {
32834 margin: 0;
32836 .simplesearchform .btn-submit {
32837 border-color: #8f959e;
32838 color: #6a737b;
32840 .simplesearchform .btn-close,
32841 .simplesearchform .btn-clear {
32842 position: absolute;
32843 top: 0;
32844 right: 0;
32845 color: #6a737b;
32846 z-index: 4;
32848 .simplesearchform .btn-close {
32849 right: 2.2rem;
32851 .simplesearchform .btn-submit {
32852 background-color: #f8f9fa;
32854 .simplesearchform .withclear {
32855 padding-right: 2rem;
32857 .simplesearchform .searchinput {
32858 display: flex;
32859 flex: 1 1 auto;
32861 .simplesearchform .collapsing {
32862 height: inherit;
32863 transition: none;
32864 width: inherit;
32867 .simplesearchform .collapse.show,
32868 .simplesearchform .collapsing {
32869 position: absolute;
32870 left: 0;
32871 top: 0;
32872 width: 100%;
32873 display: flex;
32874 background-color: #fff;
32875 z-index: 1060;
32876 height: 60px;
32878 .simplesearchform .collapse.show .form-inline,
32879 .simplesearchform .collapsing .form-inline {
32880 width: auto;
32881 margin-left: auto;
32882 margin-right: auto;
32885 .search-areas-actions {
32886 margin-bottom: 1rem;
32889 .search-areas-actions > div {
32890 margin-right: 1rem;
32891 display: inline-block;
32894 #core-search-areas .lastcol li {
32895 margin-left: 24px;
32896 text-indent: -24px;
32899 #core-search-areas .lastcol li > i {
32900 text-indent: 0;
32904 * Moodle forms HTML isn't changeable via renderers (yet?) so this
32905 * .less file imports styles from the bootstrap $variables file and
32906 * adds them to the existing Moodle form CSS ids and classes.
32909 .jsenabled .mform .containsadvancedelements .advanced {
32910 display: none;
32913 .mform .containsadvancedelements .advanced.show {
32914 display: flex;
32917 #adminsettings span.error {
32918 display: inline-block;
32919 border: 1px solid #f0c5c1;
32920 border-radius: 4px;
32921 background-color: #f4d6d2;
32922 padding: 4px;
32923 margin-bottom: 4px;
32926 .mform .form-inline .form-control,
32927 .mform .form-inline .custom-select {
32928 max-width: 100%;
32930 .mform .form-inline textarea.form-control {
32931 width: 100%;
32933 .mform .form-inline .form-group {
32934 margin: 0.1rem 0.25rem 0.1rem 0;
32936 .mform .form-inline br + label {
32937 justify-content: flex-start;
32938 width: 100%;
32939 margin-right: 0;
32942 .unresponsive.mform .form-inline,
32943 .unresponsive.mform .form-inline label {
32944 display: inline-flex;
32947 #jump-to-activity.custom-select {
32948 width: 100%;
32951 .mform fieldset {
32952 margin-bottom: 0.5rem;
32953 border-bottom: 1px solid #dee2e6;
32956 #adminsettings .form-control[size] {
32957 width: auto;
32960 #adminsettings .error {
32961 color: #ca3120;
32964 .mform ul.file-list {
32965 padding: 0;
32966 margin: 0;
32967 list-style: none;
32970 .mform label .req,
32971 .mform label .adv {
32972 cursor: help;
32975 /*rtl:ignore*/
32976 input#id_externalurl {
32977 direction: ltr;
32980 #portfolio-add-button {
32981 display: inline;
32984 .form-defaultinfo,
32985 .form-label .form-shortname {
32986 color: #6a737b;
32989 .form-label .form-shortname {
32990 font-size: 0.703125rem;
32991 display: block;
32994 .form-item .form-inline {
32995 display: inline;
32998 .form-inline label:not(.sr-only):not(.accesshide) + select {
32999 margin-left: 0.5rem;
33002 .formsettingheading .form-horizontal {
33003 color: #6a737b;
33006 .no-felement.fstatic {
33007 color: #6a737b;
33008 padding-top: 5px;
33011 .no-fitem .fstaticlabel {
33012 font-weight: bold;
33015 .form-item .form-setting .defaultsnext > input {
33016 display: inline-block;
33019 .form-item .form-setting .form-checkbox.defaultsnext {
33020 margin-top: 5px;
33021 display: inline-block;
33024 #adminsettings h3 {
33025 display: block;
33026 width: 100%;
33027 padding: 0;
33028 margin-bottom: 1.5;
33029 font-size: 1.171875rem;
33030 line-height: 3;
33031 border: 0;
33032 border-bottom: 1px solid #e5e5e5;
33035 /* rtl:ignore */
33036 .mform .fitem .felement input[name=email],
33037 .mform .fitem .felement input[name=email2],
33038 .mform .fitem .felement input[name=url],
33039 .mform .fitem .felement input[name=idnumber],
33040 .mform .fitem .felement input[name=phone1],
33041 .mform .fitem .felement input[name=phone2] {
33042 text-align: left;
33043 direction: ltr;
33046 .que.match .mediaplugin {
33047 width: 50vw;
33050 /* rtl:ignore */
33051 #page-admin-grade-edit-scale-edit .error input#id_name {
33052 margin-right: 170px;
33055 #page-grade-edit-outcome-course .courseoutcomes {
33056 margin-left: auto;
33057 margin-right: auto;
33058 width: 100%;
33061 #page-grade-edit-outcome-course .courseoutcomes td {
33062 text-align: center;
33065 /* Install Process' text fields Forms, should always be justified to the left */
33066 /* rtl:ignore */
33067 #installform #id_wwwroot,
33068 #installform #id_dirroot,
33069 #installform #id_dataroot,
33070 #installform #id_dbhost,
33071 #installform #id_dbname,
33072 #installform #id_dbuser,
33073 #installform #id_dbpass,
33074 #installform #id_prefix {
33075 direction: ltr;
33078 .mdl-right > label {
33079 display: inline-block;
33082 .singleselect {
33083 max-width: 100%;
33086 .form-item .form-label label {
33087 margin-bottom: 0;
33090 div#dateselector-calendar-panel {
33091 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
33094 fieldset.coursesearchbox label {
33095 display: inline;
33099 * Show the labels above text editors and file managers except on wide screens.
33101 /* Section and module editing forms contain special JS components for the
33102 availability system (if enabled). */
33103 #id_availabilityconditionsjson[aria-hidden=true],
33104 .availability-field [aria-hidden=true] {
33105 display: none;
33108 .availability-field label {
33109 display: inline-flex;
33111 .availability-field .availability-group label {
33112 vertical-align: top;
33115 .availability-eye {
33116 clear: left;
33117 float: left;
33120 .availability-inner,
33121 .availability-plugincontrols {
33122 float: left;
33123 border-radius: 0.5rem;
33124 border: 1px solid rgba(0, 0, 0, 0.125);
33125 padding: 1rem;
33126 margin-top: 0.5rem;
33129 .availability-plugincontrols,
33130 .availability-childlist .availability-inner {
33131 margin-left: 0.625rem;
33134 .availability-field .availability-plugincontrols .availability-group select {
33135 max-width: 12rem;
33138 /* Custom styles for autocomplete form element */
33139 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
33140 [data-fieldtype=autocomplete] select,
33141 [data-fieldtype=tags] select,
33142 .form-autocomplete-original-select {
33143 visibility: hidden;
33144 overflow: hidden;
33145 width: 15rem;
33146 height: 44px;
33147 margin: 0;
33148 padding: 0;
33149 border: 0;
33150 margin-top: 1.65625rem;
33151 vertical-align: bottom;
33154 .form-autocomplete-selection {
33155 margin: 0.25rem 0;
33156 min-height: 2.375rem;
33159 .form-autocomplete-selection [role=option] {
33160 cursor: pointer;
33161 white-space: inherit;
33162 word-break: break-word;
33163 line-height: 1.4;
33164 text-align: left;
33167 .form-autocomplete-suggestions {
33168 position: absolute;
33169 background-color: #fff;
33170 border: 1px solid #8f959e;
33171 min-width: 206px;
33172 max-height: 20em;
33173 overflow: auto;
33174 margin: 0.125rem 0 0;
33175 padding: 0.5rem 0;
33176 z-index: 3;
33179 .form-autocomplete-suggestions li {
33180 list-style-type: none;
33181 padding: 0.25rem 1.5rem;
33182 margin: 0;
33183 cursor: pointer;
33184 color: #1d2125;
33186 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected=true] {
33187 background-color: #0f6cbf;
33188 color: #fff;
33190 .form-autocomplete-suggestions li[aria-disabled=true] {
33191 pointer-events: none;
33192 color: #6a737b;
33193 background-color: #e9ecef;
33195 .form-autocomplete-suggestions li.suggestions-heading {
33196 pointer-events: none;
33197 font-weight: bold;
33198 color: #1d2125;
33199 background-color: #fff;
33200 padding-left: calc(1.5rem / 2);
33202 .form-autocomplete-suggestions li::before {
33203 content: "​";
33206 .form-autocomplete-downarrow {
33207 color: #1d2125;
33208 top: 0.2rem;
33209 right: 0.5rem;
33210 cursor: pointer;
33212 .form-autocomplete-downarrow .loading-icon {
33213 position: absolute;
33214 top: 0;
33215 left: 0;
33216 background-color: #fff;
33219 /** Undo some bootstrap things */
33220 .form-autocomplete-selection + input.form-control {
33221 width: auto;
33222 display: inline-block;
33223 vertical-align: middle;
33226 .form-autocomplete-selection [data-active-selection=true] {
33227 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
33230 select.form-control[size], select.form-control[multiple] {
33231 padding-right: 0;
33233 select.form-control[size] option, select.form-control[multiple] option {
33234 width: fit-content;
33237 /* Non-bootstrap selects with a size show their contents outside of the element.
33238 * Remove when we update to stable bootstrap 4. (MDL-56511) */
33239 select[size],
33240 select[multiple] {
33241 overflow: auto;
33244 select[size="1"] {
33245 overflow: visible;
33248 textarea[data-auto-rows] {
33249 overflow-x: hidden;
33250 resize: none;
33253 /** Display elements under labels in vertical forms regardless of the screen size. */
33254 .mform.full-width-labels .fitem.row {
33255 margin-left: 0;
33256 margin-right: 0;
33258 .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
33259 flex: 0 0 100%;
33260 max-width: 100%;
33261 width: inherit;
33262 padding-right: 0;
33263 padding-left: 0;
33265 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
33266 display: none;
33268 .mform.full-width-labels .fitem.row .form-control {
33269 width: 100%;
33272 .mform .col-form-label .form-label-addon {
33273 margin-left: 0.25rem;
33276 @media (min-width: 576px) {
33277 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
33278 margin-left: auto;
33281 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
33282 @media (min-width: 768px) {
33283 .form-inline .col-md-9,
33284 .form-inline .col-md-3 {
33285 margin-bottom: 1rem;
33286 width: auto;
33288 .form-inline .col-md-9 label,
33289 .form-inline .col-md-3 label {
33290 margin-left: 1rem;
33294 [data-fieldtype=modgrade] .form-group {
33295 padding-bottom: 0.375rem;
33298 [data-fieldtype=modgrade] {
33299 background-color: #fff;
33300 border-radius: 0.5rem;
33301 border: 1px solid rgba(0, 0, 0, 0.125);
33302 padding: 1.25rem;
33303 margin-left: 15px;
33304 max-width: 30rem;
33307 [data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
33308 [data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
33309 [data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
33310 display: none;
33313 .form-inline[data-fieldtype=autocomplete],
33314 .form-inline[data-fieldtype=tags] {
33315 display: block;
33318 [data-fieldtype=editor] > div {
33319 flex-grow: 1;
33322 @media (min-width: 768px) {
33323 .mform fieldset .fcontainer.collapseable .col-form-label {
33324 padding-left: 2.5rem;
33327 @media (min-width: 576px) {
33328 .mform .form-inline .fdefaultcustom label {
33329 justify-content: initial;
33332 .collapsemenu .collapseall {
33333 display: block;
33335 .collapsemenu .expandall {
33336 display: none;
33338 .collapsemenu.collapsed .collapseall {
33339 display: none;
33341 .collapsemenu.collapsed .expandall {
33342 display: block;
33345 .input-group.form-inset .form-inset-item {
33346 position: absolute;
33347 padding-top: calc(0.375rem + 1px);
33348 z-index: 3;
33350 .input-group.form-inset.form-inset-left .form-control {
33351 padding-left: 1.5rem;
33353 .input-group.form-inset.form-inset-right .form-control {
33354 padding-right: 1.5rem;
33356 .input-group.form-inset.form-inset-right .form-inset-item {
33357 right: 0;
33360 .form-check.left-indented {
33361 padding-left: 0;
33364 .pagelayout-login #region-main {
33365 border: 0;
33366 background-color: inherit;
33369 .pagelayout-login #page {
33370 background: #f8f9fa;
33371 background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
33372 background-repeat: repeat-x;
33374 .pagelayout-login #page div[role=main] {
33375 height: 100%;
33378 .login-wrapper {
33379 display: flex;
33380 align-items: center;
33381 justify-content: center;
33382 height: 100%;
33385 .login-container {
33386 background-color: #fff;
33387 padding: 3rem;
33388 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
33389 margin-bottom: 2rem;
33391 .login-container .login-languagemenu {
33392 display: flex;
33393 justify-content: flex-start;
33395 .login-container .login-languagemenu .dropdown-menu {
33396 max-height: 300px;
33397 overflow-y: auto;
33399 .login-container .login-logo {
33400 display: flex;
33401 justify-content: center;
33402 margin-bottom: 1rem;
33404 .login-container .login-divider {
33405 margin-top: 1.5rem;
33406 margin-bottom: 1.5rem;
33407 border-top: 1px solid #dee2e6;
33409 .login-container h1.login-heading {
33410 font-size: 1.875rem;
33412 .login-container h2.login-heading {
33413 font-size: 1.40625rem;
33415 .login-container .login-identityproviders .login-identityprovider-btn {
33416 border: 1px solid #dee2e6;
33418 .login-container .divider {
33419 width: 1px;
33420 background-color: #dee2e6;
33421 height: 1.875rem;
33423 .login-container .action-menu-trigger a {
33424 margin: 0.5rem 0;
33427 @media (min-width: 768px) {
33428 .login-container {
33429 width: 500px !important; /* stylelint-disable-line declaration-no-important */
33430 border-radius: 0.5rem;
33433 /* modules.less */
33434 select {
33435 width: auto;
33438 .path-mod .activity-header:not(:empty) {
33439 background-color: #f8f9fa;
33440 margin-bottom: 1rem;
33441 padding-left: 1rem;
33442 padding-right: 1rem;
33443 border-radius: 0.5rem;
33445 .path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
33446 border-bottom: 0;
33448 .path-mod .activity-information .activity-dates {
33449 padding-top: 1rem;
33450 padding-bottom: 1rem;
33451 border-bottom: 1px solid #dee2e6;
33453 .path-mod .activity-information .completion-info {
33454 padding-top: 1rem;
33455 padding-bottom: 1rem;
33456 border-bottom: 1px solid #dee2e6;
33458 .path-mod .activity-description {
33459 padding-top: 1rem;
33460 padding-bottom: 1rem;
33462 .path-mod .activity-description > .box.py-3 {
33463 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
33464 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
33466 .path-mod .activity-description > .box.py-3:empty {
33467 display: none;
33469 .path-mod .automatic-completion-conditions .badge {
33470 font-size: 80%;
33471 padding: 0.5rem;
33472 margin-top: 0.25rem;
33473 mix-blend-mode: multiply;
33475 .path-mod .automatic-completion-conditions .badge.badge-light {
33476 background-color: #e9ecef !important; /* stylelint-disable-line declaration-no-important */
33478 .path-mod .automatic-completion-conditions .badge .icon {
33479 width: 0.7rem;
33480 height: 0.7rem;
33481 font-size: 0.7rem;
33483 .path-mod .automatic-completion-conditions .badge:first-child {
33484 margin-top: 0;
33486 .path-mod .activity-description .no-overflow p:last-child {
33487 padding-bottom: 0;
33488 margin-bottom: 0;
33491 .path-mod-choice .horizontal .choices .option {
33492 display: inline-block;
33495 .path-mod-choice .choices .option label {
33496 vertical-align: top;
33499 .path-mod-forum .forumsearch input,
33500 .path-mod-forum .forumsearch .helptooltip {
33501 margin: 0 3px;
33504 .path-mod-forum .forumheaderlist,
33505 .path-mod-forum .forumheaderlist td {
33506 border: none;
33509 .path-mod-forum .forumheaderlist thead .header,
33510 .path-mod-forum .forumheaderlist tbody .discussion td {
33511 white-space: normal;
33512 vertical-align: top;
33513 padding-left: 0.5em;
33514 padding-right: 0.5em;
33516 .path-mod-forum .forumheaderlist thead .header {
33517 white-space: normal;
33518 vertical-align: top;
33520 .path-mod-forum .forumheaderlist thead .header.replies {
33521 text-align: center;
33523 .path-mod-forum .forumheaderlist thead .header.lastpost {
33524 text-align: right;
33526 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
33527 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
33528 width: 16px;
33529 padding-left: 0.5em;
33530 padding-right: 0.5em;
33532 .path-mod-forum .forumheaderlist .discussion .replies,
33533 .path-mod-forum .forumheaderlist .discussion .lastpost {
33534 white-space: normal;
33536 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33537 .path-mod-forum .forumheaderlist .discussion .replies {
33538 text-align: center;
33540 .path-mod-forum .forumheaderlist .discussion .topic,
33541 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33542 .path-mod-forum .forumheaderlist .discussion .topic.starter,
33543 .path-mod-forum .forumheaderlist .discussion .replies,
33544 .path-mod-forum .forumheaderlist .discussion .lastpost {
33545 vertical-align: top;
33547 .path-mod-forum .discussion-list .topic {
33548 font-weight: inherit;
33551 .discussion-settings-container .custom-select {
33552 width: 100%;
33554 .discussion-settings-container input {
33555 max-width: 100%;
33558 .forumpost {
33559 border: 1px solid #dee2e6;
33560 display: block;
33561 padding: 6px;
33563 .forumpost .header {
33564 margin-bottom: 3px;
33566 .forumpost .picture img {
33567 margin: 3px;
33569 .forumpost .picture img.userpicture {
33570 margin-left: 3px;
33571 margin-right: 10px;
33573 .forumpost .content .posting.fullpost {
33574 margin-top: 8px;
33576 .forumpost .row {
33577 display: block;
33579 .forumpost .row .topic,
33580 .forumpost .row .content-mask,
33581 .forumpost .row .options {
33582 margin-left: 48px;
33584 .forumpost .row.side {
33585 clear: both;
33588 .forumpost .row .left {
33589 width: 48px;
33592 .forumpost .options .commands {
33593 margin-left: 0;
33596 .forumpost .subject {
33597 font-weight: bold;
33600 .forumsearch input[type=text] {
33601 margin-bottom: 0;
33604 #page-mod-forum-view table .fit-content {
33605 width: 1px;
33606 white-space: nowrap;
33608 #page-mod-forum-view table .limit-width {
33609 max-width: 200px;
33610 white-space: nowrap;
33611 text-overflow: ellipsis;
33612 overflow: hidden;
33614 #page-mod-forum-view table .limit-width .author-info {
33615 max-width: calc(100% - 35px - 0.5rem);
33618 #page-mod-forum-discuss .discussioncontrols {
33619 width: auto;
33620 margin: 0;
33622 #page-mod-forum-discuss .discussioncontrols .form-inline input {
33623 margin-top: -1px;
33626 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
33627 @keyframes background-highlight {
33628 from {
33629 background-color: rgba(0, 123, 255, 0.5);
33631 to {
33632 background-color: inherit;
33635 .path-mod-forum .nested-v2-display-mode,
33636 .path-mod-forum.nested-v2-display-mode {
33637 /** Reset the badge styling back to pill style. */
33638 /** Style the ratings like a badge. */
33639 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
33640 /** Fix muted text contrast ratios for accessibility. */
33641 /** Make the tag list text screen reader visible only */
33643 .path-mod-forum .nested-v2-display-mode .discussionsubscription,
33644 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
33645 margin-top: 0;
33646 text-align: inherit;
33647 margin-bottom: 0;
33649 .path-mod-forum .nested-v2-display-mode .preload-subscribe,
33650 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
33651 .path-mod-forum.nested-v2-display-mode .preload-subscribe,
33652 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
33653 display: none;
33655 .path-mod-forum .nested-v2-display-mode .post-message,
33656 .path-mod-forum.nested-v2-display-mode .post-message {
33657 line-height: 1.6;
33659 .path-mod-forum .nested-v2-display-mode .indent,
33660 .path-mod-forum.nested-v2-display-mode .indent {
33661 margin-left: 0;
33663 .path-mod-forum .nested-v2-display-mode .badge,
33664 .path-mod-forum.nested-v2-display-mode .badge {
33665 font-size: inherit;
33666 font-weight: inherit;
33667 padding-left: 0.5rem;
33668 padding-right: 0.5rem;
33669 border-radius: 10rem;
33671 .path-mod-forum .nested-v2-display-mode .badge-light,
33672 .path-mod-forum.nested-v2-display-mode .badge-light {
33673 background-color: #f6f6f6;
33674 color: #5b5b5b;
33676 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container,
33677 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
33678 background-color: #f6f6f6;
33679 color: #5b5b5b;
33680 padding: 0.25em 0.5em;
33681 line-height: 1;
33682 margin-right: 0.5rem;
33683 vertical-align: middle;
33684 border-radius: 10rem;
33685 text-align: center;
33687 .path-mod-forum .nested-v2-display-mode .ratinginput,
33688 .path-mod-forum.nested-v2-display-mode .ratinginput {
33689 padding: 0.25em 1.75rem 0.25em 0.75em;
33690 line-height: 1;
33691 height: auto;
33692 border-radius: 10rem;
33694 @media (max-width: 767.98px) {
33695 .path-mod-forum .nested-v2-display-mode .ratinginput,
33696 .path-mod-forum.nested-v2-display-mode .ratinginput {
33697 margin-top: 0.5rem;
33700 .path-mod-forum .nested-v2-display-mode .group-image,
33701 .path-mod-forum.nested-v2-display-mode .group-image {
33702 width: 35px;
33703 height: 35px;
33704 margin-right: 0;
33705 float: none;
33706 display: inline-block;
33708 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked,
33709 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
33710 position: absolute;
33711 width: 1px;
33712 height: 1px;
33713 padding: 0;
33714 margin: -1px;
33715 overflow: hidden;
33716 clip: rect(0, 0, 0, 0);
33717 white-space: nowrap;
33718 border: 0;
33720 .path-mod-forum .nested-v2-display-mode .text-muted,
33721 .path-mod-forum .nested-v2-display-mode .dimmed_text,
33722 .path-mod-forum.nested-v2-display-mode .text-muted,
33723 .path-mod-forum.nested-v2-display-mode .dimmed_text {
33724 color: #707070 !important; /* stylelint-disable-line declaration-no-important */
33726 .path-mod-forum .nested-v2-display-mode .author-header,
33727 .path-mod-forum.nested-v2-display-mode .author-header {
33728 font-style: italic;
33730 .path-mod-forum .nested-v2-display-mode .author-header .author-name,
33731 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
33732 font-style: normal;
33734 .path-mod-forum .nested-v2-display-mode .tag_list > b,
33735 .path-mod-forum.nested-v2-display-mode .tag_list > b {
33736 position: absolute;
33737 width: 1px;
33738 height: 1px;
33739 padding: 0;
33740 margin: -1px;
33741 overflow: hidden;
33742 clip: rect(0, 0, 0, 0);
33743 white-space: nowrap;
33744 border: 0;
33746 .path-mod-forum .nested-v2-display-mode :target > .focus-target,
33747 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
33748 animation-name: background-highlight;
33749 animation-duration: 1s;
33750 animation-timing-function: ease-in-out;
33751 animation-iteration-count: 1;
33753 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
33754 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
33755 border-top: 1px solid #dee2e6;
33756 padding-top: 1.5rem;
33758 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
33759 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
33760 border-top: none;
33761 padding-top: 0;
33763 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
33764 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
33765 display: none;
33767 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
33768 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
33769 margin-bottom: 0;
33771 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
33772 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
33773 width: 70px;
33774 margin-right: 24px;
33775 flex-shrink: 0;
33777 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
33778 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
33779 border: 0;
33780 resize: none;
33782 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
33783 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
33785 * The first post and first set of replies have a larger author image so offset the 2nd
33786 * set of replies by the image width + margin to ensure they align.
33789 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
33790 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
33791 padding-left: 94px;
33793 * Reduce the size of the the author image for all second level replies (and below).
33796 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
33799 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
33800 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
33801 width: 30px;
33802 margin-right: 8px;
33803 padding-top: 3px;
33805 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
33806 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
33807 padding-left: 38px;
33809 * Stop indenting the replies after the 5th reply.
33812 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
33813 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
33814 padding-left: 0;
33817 /** Extra small devices (portrait phones, less than 576px). */
33818 @media (max-width: 767.98px) {
33819 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
33820 width: 30px;
33821 margin-right: 8px;
33823 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
33824 padding-left: 38px;
33826 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
33827 padding-left: 0;
33829 #page-mod-forum-discuss.nested-v2-display-mode .group-image {
33830 width: 30px;
33831 height: 30px;
33834 .filter-scrollable {
33835 overflow-y: auto;
33836 max-height: 25em;
33837 margin-bottom: 1em;
33840 .filter-dates-popover {
33841 width: 100%;
33842 max-width: 41.5em;
33845 /* stylelint-disable-line max-line-length */
33846 @keyframes expandSearchButton {
33847 from {
33848 height: 36px;
33849 width: 36px;
33850 border-radius: 18px;
33851 background-color: #e9ecef;
33853 to {
33854 width: 100%;
33855 height: calc(1.5em + 1rem + 2px);
33856 border-radius: 0;
33857 background-color: #fff;
33858 border-color: #8f959e;
33859 padding-left: calc(0.5rem + 8px);
33860 padding-top: 0.5rem;
33861 padding-bottom: 0.5rem;
33862 font-size: 1.171875rem;
33863 @media (max-width: 1200px) {
33864 font-size: calc(0.9271875rem + 0.32625vw);
33866 line-height: 1.5;
33867 right: 0;
33870 @keyframes collapseSearchButton {
33871 from {
33872 width: 100%;
33873 height: calc(1.5em + 1rem + 2px);
33874 border-radius: 0;
33875 background-color: #fff;
33876 border-color: #8f959e;
33877 padding-left: calc(0.5rem + 8px);
33878 padding-top: 0.5rem;
33879 padding-bottom: 0.5rem;
33880 font-size: 1.171875rem;
33881 @media (max-width: 1200px) {
33882 font-size: calc(0.9271875rem + 0.32625vw);
33884 line-height: 1.5;
33885 right: 0;
33887 to {
33888 height: 36px;
33889 width: 36px;
33890 border-radius: 18px;
33891 background-color: #e9ecef;
33894 .path-mod-forum .unified-grader .navbar {
33895 max-height: none;
33896 z-index: 1;
33898 .path-mod-forum .unified-grader .body-container {
33899 overflow: auto;
33901 .path-mod-forum .unified-grader .body-container.hidden {
33902 display: none !important; /* stylelint-disable-line declaration-no-important */
33904 .path-mod-forum .unified-grader .userpicture {
33905 height: 60px;
33906 width: 60px;
33908 .path-mod-forum .unified-grader .grader-grading-panel {
33909 top: 0;
33910 position: absolute;
33911 height: 100%;
33912 z-index: 0;
33913 width: 430px;
33915 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
33916 right: -430px;
33918 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
33919 width: 36px;
33921 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
33922 max-width: 240px;
33924 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
33925 width: 36px;
33926 height: 36px;
33927 display: flex;
33928 text-align: center;
33929 align-items: center;
33930 justify-content: center;
33932 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
33933 height: 65px;
33934 position: relative;
33935 overflow: hidden;
33937 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
33938 position: absolute;
33939 top: 50%;
33940 left: 0;
33941 transform: translateY(-50%);
33942 width: 100%;
33943 height: 100%;
33944 padding: 0.5rem;
33945 padding-right: calc(36px + 0.5rem);
33946 opacity: 1;
33947 visibility: visible;
33948 transition: left 0.3s ease-in-out;
33949 z-index: 1;
33951 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
33952 animation-name: expandSearchButton;
33953 animation-duration: 0.3s;
33954 animation-timing-function: ease-in-out;
33956 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
33957 display: block;
33958 animation-name: collapseSearchButton;
33959 animation-duration: 0.3s;
33961 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
33962 overflow: hidden;
33963 position: absolute;
33964 top: 50%;
33965 right: 0;
33966 transform: translateY(-50%);
33967 z-index: 2;
33968 width: 100%;
33969 height: 100% !important; /* stylelint-disable-line declaration-no-important */
33970 padding: 0.5rem;
33972 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
33973 position: relative;
33974 overflow: visible;
33975 flex-wrap: nowrap;
33977 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
33978 padding-left: calc(0.5rem + 0.5rem + 34px);
33979 padding-right: calc(0.5rem + 36px);
33980 opacity: 1;
33981 visibility: visible;
33982 transition: opacity 0s linear 0.3s, visibility 0s linear;
33984 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
33985 position: absolute;
33986 top: 50%;
33987 left: 0.5rem;
33988 transform: translateY(-50%);
33989 color: #495057;
33990 height: 36px;
33991 width: 34px;
33992 background-color: #fff;
33993 opacity: 1;
33994 visibility: visible;
33995 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
33997 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
33998 position: absolute;
33999 top: 50%;
34000 right: 0.5rem;
34001 transform: translateY(-50%);
34002 z-index: 1;
34003 color: inherit;
34004 text-align: left;
34005 padding-left: 9px;
34006 transition: right 0s linear 0.3s;
34008 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
34009 opacity: 1;
34010 visibility: visible;
34011 max-width: 50px;
34012 max-height: 50px;
34013 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
34015 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
34016 opacity: 0;
34017 visibility: hidden;
34018 max-height: 0;
34019 max-width: 0;
34020 overflow: hidden;
34021 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
34023 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
34024 width: calc(36px + 0.5rem + 0.5rem);
34025 transition: width 0.3s ease-in-out;
34027 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
34028 flex-wrap: nowrap;
34030 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
34031 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
34032 opacity: 0;
34033 visibility: hidden;
34034 transition: opacity 0s linear, visibility 0s linear;
34036 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
34037 padding-left: 0;
34038 padding-right: 0;
34040 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
34041 opacity: 0;
34042 visibility: hidden;
34043 max-height: 0;
34044 max-width: 0;
34045 overflow: hidden;
34046 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34048 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
34049 opacity: 1;
34050 visibility: visible;
34051 max-width: 50px;
34052 max-height: 50px;
34053 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34055 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
34056 opacity: 0;
34057 visibility: hidden;
34058 left: -100%;
34059 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
34061 .path-mod-forum .unified-grader .grader-module-content {
34062 overflow-y: auto;
34063 margin-right: 430px;
34064 transition: margin-right 0.2s ease-in-out;
34066 @media (prefers-reduced-motion: reduce) {
34067 .path-mod-forum .unified-grader .grader-module-content {
34068 transition: none;
34071 .path-mod-forum .unified-grader .drawer-button {
34072 position: relative;
34074 .path-mod-forum .unified-grader .drawer-button.active::after {
34075 content: "";
34076 position: absolute;
34077 bottom: calc(-0.5rem - 1px);
34078 left: 0;
34079 width: 100%;
34080 height: 3px;
34081 background-color: #0f6cbf;
34083 .path-mod-forum .unified-grader .drawer-button .icon {
34084 font-size: 20px;
34085 height: 20px;
34086 width: 20px;
34088 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
34089 display: none;
34091 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
34092 display: none;
34094 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
34095 position: relative;
34097 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
34098 position: absolute;
34099 height: 100%;
34100 width: 100%;
34101 left: 0;
34102 top: 0;
34103 padding-left: calc(1rem + 45px);
34104 text-align: left;
34105 z-index: 1;
34107 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
34108 display: none;
34110 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
34111 display: block;
34112 height: auto !important; /* stylelint-disable-line declaration-no-important */
34114 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
34115 transition: margin-bottom 0.3s ease-in-out;
34117 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
34118 opacity: 1;
34119 visibility: visible;
34120 max-height: none;
34121 transition: opacity 0.3s linear, visibility 0s linear;
34123 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
34124 opacity: 1;
34125 visibility: visible;
34126 max-height: none;
34127 transition: opacity 0.3s linear, visibility 0s linear;
34129 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
34130 opacity: 1;
34131 visibility: visible;
34132 max-height: none;
34133 transition: opacity 0.3s linear, visibility 0s linear;
34135 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
34136 opacity: 0.3;
34138 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
34139 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
34141 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
34142 opacity: 0;
34143 visibility: hidden;
34144 max-height: 0;
34146 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
34147 opacity: 0;
34148 visibility: hidden;
34149 max-height: 0;
34151 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
34152 opacity: 0;
34153 visibility: hidden;
34154 max-height: 0;
34156 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
34157 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
34158 opacity: 1;
34160 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
34161 height: 250px;
34162 width: 250px;
34163 margin-right: 0;
34165 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
34166 padding-left: 94px;
34168 .path-mod-forum .unified-grader .no-search-results-container .icon {
34169 height: 250px;
34170 width: 250px;
34171 margin-right: 0;
34173 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
34174 margin-left: 94px;
34175 border-radius: 0.6rem;
34177 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
34178 position: relative;
34180 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
34181 position: absolute;
34182 top: calc(70px + 0.5rem);
34183 content: "";
34184 background-color: #e9ecef;
34185 width: 2px;
34186 height: calc(100% - 70px + 0.5rem);
34188 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
34189 width: 30px !important; /* stylelint-disable-line declaration-no-important */
34192 .path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
34193 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
34194 display: none;
34197 @media (max-width: 575.98px) {
34198 .path-mod-forum .unified-grader .grader-grading-panel {
34199 width: 100%;
34200 position: fixed;
34201 height: calc(100vh - 50px);
34202 overflow: scroll;
34203 top: 50px;
34205 .path-mod-forum .unified-grader .body-container {
34206 overflow: visible;
34209 .maincalendar .calendarmonth td,
34210 .maincalendar .calendarmonth th {
34211 border: 1px dotted #dee2e6;
34214 .path-grade-report-grader h1 {
34215 text-align: inherit;
34218 #page-mod-chat-gui_basic input#message {
34219 max-width: 100%;
34222 #page-mod-data-view #singleimage {
34223 width: auto;
34226 .template_heading {
34227 margin-top: 10px;
34230 .breadcrumb-button {
34231 margin-top: 4px;
34234 .breadcrumb-button .singlebutton {
34235 float: left;
34236 margin-left: 4px;
34239 .langmenu form {
34240 margin: 0;
34243 canvas {
34244 -ms-touch-action: auto;
34247 div#dock {
34248 display: none;
34251 /** General styles (scope: all of lesson) **/
34252 .path-mod-lesson .invisiblefieldset.fieldsetfix {
34253 display: block;
34256 .path-mod-lesson .answeroption .checkbox label p {
34257 display: inline;
34260 .path-mod-lesson .form-inline label.form-check-label {
34261 display: inline-block;
34264 .path-mod-lesson .slideshow {
34265 overflow: auto;
34266 padding: 15px;
34269 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type=submit] {
34270 white-space: normal;
34273 #page-mod-lesson-view .vertical .singlebutton {
34274 display: block;
34276 #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
34277 margin-left: 0;
34278 margin-top: 1rem;
34280 #page-mod-lesson-view .fitem .felement .custom-select {
34281 align-self: flex-start;
34284 .path-mod-lesson .generaltable td {
34285 vertical-align: middle;
34287 .path-mod-lesson .generaltable td label {
34288 margin-bottom: 0;
34290 .path-mod-lesson .generaltable td .highlight {
34291 display: inline-block;
34292 margin-left: 0.25rem;
34294 .path-mod-lesson .generaltable td input[type=checkbox] {
34295 display: block;
34298 .path-mod-wiki .wiki_headingtitle,
34299 .path-mod-wiki .midpad,
34300 .path-mod-wiki .wiki_headingtime {
34301 text-align: inherit;
34304 .path-mod-wiki .wiki_contentbox {
34305 width: 100%;
34308 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
34309 background-color: rgba(0, 0, 0, 0.03);
34311 .path-mod-survey .surveytable .rblock label {
34312 text-align: center;
34315 .nav .caret {
34316 margin-left: 4px;
34319 .nav .divider {
34320 overflow: hidden;
34321 width: 0;
34324 .userloggedinas .usermenu .usertext,
34325 .userswitchedrole .usermenu .usertext,
34326 .loginfailures .usermenu .usertext {
34327 float: left;
34328 text-align: right;
34329 margin-right: 0.5rem;
34330 height: 35px;
34332 .userloggedinas .usermenu .usertext .meta,
34333 .userswitchedrole .usermenu .usertext .meta,
34334 .loginfailures .usermenu .usertext .meta {
34335 font-size: 0.8203125rem;
34336 align-items: center;
34338 .userloggedinas .usermenu .avatar img,
34339 .userswitchedrole .usermenu .avatar img,
34340 .loginfailures .usermenu .avatar img {
34341 margin: 0;
34344 .userloggedinas .usermenu .userbutton .avatars {
34345 position: relative;
34346 display: inline-block;
34348 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
34349 display: inline-block;
34350 position: absolute;
34351 bottom: 0;
34352 right: 0;
34353 width: 20px;
34354 height: 20px;
34355 border-radius: 50%;
34357 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
34358 vertical-align: baseline;
34360 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
34361 width: 20px;
34362 height: 20px;
34363 border: 1px solid #dee2e6;
34364 background-color: #fff;
34365 font-size: 0.5625rem;
34367 .userloggedinas .usermenu .userbutton .avatars .avatar img {
34368 width: inherit;
34369 height: inherit;
34371 .userloggedinas .usermenu .userbutton .avatars .realuser {
34372 width: 35px;
34373 height: 35px;
34374 display: inline-block;
34377 .userinitials {
34378 background-color: #e9ecef;
34379 vertical-align: middle;
34380 display: inline-flex;
34381 align-items: center;
34382 justify-content: center;
34383 border-radius: 50%;
34384 color: #343a40;
34385 font-weight: normal;
34386 margin-right: 0.25rem;
34388 .userinitials.size-16, .userinitials.size-30 {
34389 font-size: 0.7rem;
34390 width: 30px;
34391 height: 30px;
34393 .userinitials.size-35 {
34394 width: 35px;
34395 height: 35px;
34397 .userinitials.size-50 {
34398 width: 50px;
34399 height: 50px;
34401 .userinitials.size-64 {
34402 width: 64px;
34403 height: 64px;
34405 .userinitials.size-100 {
34406 width: 100px;
34407 height: 100px;
34408 font-size: 1.875rem;
34411 img.userpicture {
34412 margin-right: 0.25rem;
34415 @media (max-width: 767.98px) {
34416 .usertext {
34417 display: none;
34420 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
34421 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
34422 width: auto;
34423 max-width: none;
34426 #page-mod-quiz-mod #id_reviewoptionshdr .form-group {
34427 float: left;
34428 width: 20rem;
34429 display: inline-block;
34430 min-height: 12rem;
34433 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
34434 line-height: 1.5;
34435 vertical-align: bottom;
34438 #page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
34439 float: left;
34440 clear: left;
34443 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
34444 width: auto;
34445 height: 22px;
34446 justify-content: flex-start;
34449 #page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
34450 width: 90%;
34451 height: 22px;
34454 .path-mod-quiz #mod_quiz_navblock .qnbutton {
34455 text-decoration: none;
34456 font-size: 14px;
34457 line-height: 20px;
34458 font-weight: normal;
34459 background-color: #fff;
34460 background-image: none;
34461 height: 40px;
34462 width: 30px;
34463 border-radius: 3px;
34464 border: 0;
34465 overflow: hidden;
34466 white-space: nowrap;
34467 margin: 0 6px 6px 0;
34469 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
34470 cursor: default;
34471 background-color: #e9ecef;
34472 color: #495057;
34474 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
34475 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
34476 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
34477 text-decoration: underline;
34479 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
34480 border: 1px solid;
34481 border-radius: 3px;
34482 z-index: 1;
34484 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
34485 border-width: 3px;
34487 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
34488 border-width: 1px;
34490 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
34491 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
34493 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
34494 border: 0;
34495 background: #fff none center/10px no-repeat scroll;
34496 height: 20px;
34497 margin-top: 20px;
34498 border-radius: 0 0 3px 3px;
34500 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
34501 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34502 background-color: #fff;
34504 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34505 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
34507 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
34508 background-image: url([[pix:theme|mod/quiz/checkmark]]);
34509 background-color: #357a32;
34511 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
34512 background-image: url([[pix:core|t/locked]]);
34513 background-color: #e9ecef;
34515 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
34516 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
34517 background-color: #ca3120;
34519 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
34520 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
34521 background-color: #f0ad4e;
34523 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
34524 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
34525 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
34526 background-color: #6a737b;
34529 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
34530 height: 1.4em;
34531 vertical-align: middle;
34534 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
34535 padding: 0.5em 0 0.5em 0.1em;
34536 margin: 2px;
34539 /* Countdown timer. */
34540 #page-mod-quiz-attempt #region-main {
34541 overflow-x: inherit;
34544 #quiz-timer-wrapper {
34545 display: none;
34546 position: sticky;
34547 justify-content: end;
34548 top: 65px;
34549 z-index: 1020;
34551 #quiz-timer-wrapper #quiz-timer {
34552 border: 1px solid #ca3120;
34553 background-color: #fff;
34556 .pagelayout-embedded #quiz-timer-wrapper {
34557 top: 5px;
34560 #quiz-timer-wrapper #quiz-timer.timeleft0 {
34561 background-color: #ca3120;
34562 color: #fff;
34565 #quiz-timer-wrapper #quiz-timer.timeleft1 {
34566 background-color: #d73422;
34567 color: #fff;
34570 #quiz-timer-wrapper #quiz-timer.timeleft2 {
34571 background-color: #dd3d2b;
34572 color: #fff;
34575 #quiz-timer-wrapper #quiz-timer.timeleft3 {
34576 background-color: #e04938;
34577 color: #fff;
34580 #quiz-timer-wrapper #quiz-timer.timeleft4 {
34581 background-color: #e25546;
34582 color: #fff;
34585 #quiz-timer-wrapper #quiz-timer.timeleft5 {
34586 background-color: #e46153;
34587 color: #fff;
34590 #quiz-timer-wrapper #quiz-timer.timeleft6 {
34591 background-color: #e66d60;
34592 color: #fff;
34595 #quiz-timer-wrapper #quiz-timer.timeleft7 {
34596 background-color: #e8796d;
34597 color: #1d2125;
34600 #quiz-timer-wrapper #quiz-timer.timeleft8 {
34601 background-color: #ea867a;
34602 color: #1d2125;
34605 #quiz-timer-wrapper #quiz-timer.timeleft9 {
34606 background-color: #ec9288;
34607 color: #1d2125;
34610 #quiz-timer-wrapper #quiz-timer.timeleft10 {
34611 background-color: #ee9e95;
34612 color: #1d2125;
34615 #quiz-timer-wrapper #quiz-timer.timeleft11 {
34616 background-color: #f0aaa2;
34617 color: #1d2125;
34620 #quiz-timer-wrapper #quiz-timer.timeleft12 {
34621 background-color: #f2b6af;
34622 color: #1d2125;
34625 #quiz-timer-wrapper #quiz-timer.timeleft13 {
34626 background-color: #f4c2bc;
34627 color: #1d2125;
34630 #quiz-timer-wrapper #quiz-timer.timeleft14 {
34631 background-color: #f7ceca;
34632 color: #1d2125;
34635 #quiz-timer-wrapper #quiz-timer.timeleft15 {
34636 background-color: #f9dad7;
34637 color: #1d2125;
34640 #quiz-timer-wrapper #quiz-timer.timeleft16 {
34641 background-color: #fbe6e4;
34642 color: #1d2125;
34645 .path-mod-assign [data-region=grade-actions-panel] [data-region=grade-actions] .collapse-buttons {
34646 top: auto;
34649 .path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
34650 height: calc(100% - 4rem);
34653 .path-mod-assign [data-region=grade-panel] {
34654 padding-top: 1rem;
34657 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-3,
34658 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-9 {
34659 width: 100%;
34660 padding: 0;
34661 max-width: 100%;
34662 flex: none;
34665 .path-mod-assign [data-region=grade-panel] fieldset,
34666 .path-mod-assign [data-region=grade-panel] .fitem.row {
34667 margin: 0;
34670 .path-mod-assign [data-region=grade-panel] .mform .fitem.has-popout .felement {
34671 width: 100%;
34672 overflow: auto;
34673 height: calc(100% - 4rem);
34676 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement {
34677 width: auto;
34680 .path-mod-assign [data-region=grade-panel] .popout {
34681 background-color: #fff;
34684 .path-mod-assign [data-region=grade-panel] .fitem.has-popout {
34685 background-color: #fff;
34686 border-radius: 0.5rem;
34687 border: 1px solid rgba(0, 0, 0, 0.125);
34688 padding: 1.25rem;
34689 margin-bottom: 1rem;
34692 .path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
34693 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
34694 margin-bottom: 1rem;
34697 .path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
34698 display: flex;
34699 align-items: flex-start;
34700 justify-content: space-between;
34701 font-size: 1.40625rem;
34704 .path-mod-assign [data-region=grade-panel] .popout [data-region=popout-button] {
34705 margin-top: 0;
34708 .path-mod-assign [data-region=assignment-info] {
34709 overflow-y: hidden;
34712 .path-mod-assign [data-region=grading-navigation] {
34713 padding: 6px;
34716 .path-mod-assign [data-region=grade-actions] {
34717 padding: 10px;
34720 .path-mod-assign [data-region=user-info] .img-rounded {
34721 margin-top: 0;
34724 .path-mod-assign [data-region=grading-navigation-panel] {
34725 height: 85px;
34728 @media (max-width: 767px) {
34729 .path-mod-assign [data-region=grading-navigation-panel] {
34730 height: auto;
34732 .path-mod-assign [data-region=user-info] {
34733 margin-top: 1rem;
34736 .path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
34737 width: auto;
34738 display: inline-block;
34742 * Assign feedback.
34744 .assignfeedback_editpdf_widget * {
34745 box-sizing: content-box;
34748 .assignfeedback_editpdf_widget button {
34749 box-sizing: border-box;
34752 .assignfeedback_editpdf_widget .commentcolourbutton img {
34753 border-width: 0;
34756 .assignfeedback_editpdf_widget .label {
34757 position: relative;
34758 padding: 0.75rem 1.25rem;
34759 margin-bottom: 1rem;
34760 border: 0 solid transparent;
34761 border-radius: 0.5rem;
34762 color: #00434e;
34763 background-color: #cce6ea;
34764 border-color: #b8dce2;
34765 /* stylelint-disable-line max-line-length */
34767 .assignfeedback_editpdf_widget .label hr {
34768 border-top-color: #a6d3db;
34770 .assignfeedback_editpdf_widget .label .alert-link {
34771 color: #00171b;
34774 .assignfeedback_editpdf_menu {
34775 padding: 0;
34778 .path-mod-assign [data-region=grade-panel] .gradingform_guide .remark .commentchooser {
34779 float: none;
34782 .path-mod-assign [data-region=grade-panel] .gradingform_guide .markingguideremark {
34783 width: 100%;
34786 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement[data-fieldtype=grading] {
34787 padding-left: 1rem;
34788 padding-right: 1rem;
34791 .path-mod-assign [data-region=grade-panel] .showmarkerdesc,
34792 .path-mod-assign [data-region=grade-panel] .showstudentdesc {
34793 background-color: #fff;
34797 * Mod LTI.
34799 .path-admin-mod-lti .btn .loader img,
34800 .path-admin-mod-lti #tool-list-loader-container .loader img {
34801 height: auto;
34804 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
34805 background-color: #fff;
34807 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
34808 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
34809 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
34810 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34811 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34812 border: 0;
34814 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34815 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34816 border-radius: 0;
34818 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
34819 background-color: transparent;
34821 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
34822 background-color: #f8f9fa;
34824 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
34825 padding: 0 !important; /* stylelint-disable-line declaration-no-important */
34827 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
34828 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
34829 border: 0;
34830 padding: 3px 15px;
34831 white-space: nowrap;
34832 margin-bottom: 0;
34834 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
34835 padding: 10px 5px;
34837 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
34838 border-top: 1px solid #dee2e6;
34839 border-bottom: 1px solid #fff;
34841 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
34842 border-top: 1px solid #fff;
34843 border-bottom: 1px solid #dee2e6;
34844 padding: 5px 10px;
34846 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
34847 margin-right: 8px;
34848 border: 1px solid #ccc;
34849 border-radius: 4px;
34850 max-width: none;
34852 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
34853 margin: 20px 25px;
34855 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
34856 text-align: center;
34857 margin: 10px 0;
34858 font-size: 0.8203125rem;
34859 color: #495057;
34861 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34862 margin-bottom: 0.75rem;
34863 border-radius: 0.5rem;
34864 border: 1px solid rgba(0, 0, 0, 0.125);
34865 padding: 1.25rem;
34867 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
34868 float: right;
34869 font-size: 11px;
34870 color: #495057;
34872 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34873 background-color: #fff;
34875 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
34876 font-weight: bold;
34879 /* reports.less */
34880 #page-report-participation-index .participationselectform div label {
34881 display: inline-block;
34882 margin: 0 5px;
34885 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
34886 margin-left: 0;
34889 .path-backup .mform {
34890 /* These are long labels with checkboxes on the right. */
34892 .path-backup .mform .grouped_settings {
34893 clear: both;
34894 overflow: hidden;
34895 /* Use card styles but avoid extend because that brings in too much. */
34897 .path-backup .mform .grouped_settings.section_level {
34898 background-color: #fff;
34899 border-radius: 0.5rem;
34900 border: 1px solid rgba(0, 0, 0, 0.125);
34901 padding: 1.25rem;
34902 margin-bottom: 1.25rem;
34904 .path-backup .mform .grouped_settings.section_level::after {
34905 display: block;
34906 clear: both;
34907 content: "";
34909 .path-backup .mform .include_setting {
34910 width: 50%;
34911 display: inline-block;
34912 float: left;
34913 padding: 0.3rem;
34915 .path-backup .mform .normal_setting {
34916 width: 50%;
34917 display: inline-block;
34918 float: left;
34919 padding: 0.3rem;
34922 .path-backup {
34923 /* Bold section labels */
34925 .path-backup .section_level {
34926 font-weight: bold;
34928 .path-backup .section_level .activity_level {
34929 font-weight: normal;
34931 .path-backup .proceedbutton {
34932 margin-left: auto;
34935 /* Override the columns width to leave more room for the labels. */
34936 .path-backup .mform .root_setting,
34937 .path-backup .mform .grouped_settings {
34938 /* Striped rows like a table */
34940 .path-backup .mform .root_setting:nth-of-type(odd),
34941 .path-backup .mform .grouped_settings:nth-of-type(odd) {
34942 background-color: rgba(0, 0, 0, 0.03);
34944 .path-backup .mform .root_setting:nth-of-type(even),
34945 .path-backup .mform .grouped_settings:nth-of-type(even) {
34946 background-color: #fff;
34948 .path-backup .mform .root_setting .form-group,
34949 .path-backup .mform .grouped_settings .form-group {
34950 /* These checkboxes with no label on the left. */
34952 .path-backup .mform .root_setting .form-group .col-md-3.checkbox,
34953 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
34954 width: 0%;
34956 .path-backup .mform .root_setting .form-group .col-md-9.checkbox,
34957 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
34958 width: 100%;
34959 left: 0;
34962 /* Detail pair is (usually) some short label with a longer value */
34963 .path-backup .detail-pair .detail-pair-label {
34964 width: 25%;
34965 float: left;
34966 clear: left;
34968 .path-backup .detail-pair .detail-pair-value {
34969 width: 75%;
34970 float: left;
34973 .path-backup .backup-restore .singlebutton {
34974 float: right;
34977 /* Make these bits full width and work with the detail-pair */
34978 .path-backup .backup-section {
34979 /* Fix for nested table headers */
34980 /* Add card styles to backup sections */
34981 background-color: #fff;
34982 border-radius: 0.5rem;
34983 border: 1px solid rgba(0, 0, 0, 0.125);
34984 padding: 1.25rem;
34985 margin-bottom: 1.25rem;
34987 .path-backup .backup-section .sub-header,
34988 .path-backup .backup-section .backup-sub-section,
34989 .path-backup .backup-section .singlebutton,
34990 .path-backup .backup-section .header {
34991 width: 100%;
34992 float: left;
34993 clear: both;
34995 .path-backup .backup-section th.header {
34996 width: auto;
34997 float: none;
34999 .path-backup .backup-section ::after {
35000 content: "";
35001 display: table;
35002 clear: both;
35004 .path-backup .backup-section::after {
35005 display: block;
35006 clear: both;
35007 content: "";
35010 .path-backup .notification.dependencies_enforced {
35011 color: #ca3120;
35012 font-weight: bold;
35015 .path-backup .backup_progress {
35016 margin-top: 1rem;
35017 margin-bottom: 1rem;
35019 .path-backup .backup_progress .backup_stage {
35020 color: #6a737b;
35022 .path-backup .backup_progress .backup_stage.backup_stage_current {
35023 font-weight: bold;
35024 color: inherit;
35027 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
35028 color: inherit;
35031 #page-backup-restore .filealiasesfailures {
35032 background-color: #f4d6d2;
35034 #page-backup-restore .filealiasesfailures .aliaseslist {
35035 background-color: #fff;
35038 .path-backup .wibbler {
35039 width: 500px;
35040 margin: 0 auto 10px;
35041 border-bottom: 1px solid #000;
35042 border-right: 1px solid #000;
35043 border-left: 1px solid #000;
35044 position: relative;
35045 min-height: 4px;
35047 .path-backup .wibbler .wibble {
35048 position: absolute;
35049 left: 0;
35050 right: 0;
35051 top: 0;
35052 height: 4px;
35054 .path-backup .wibbler .state0 {
35055 background: #eee;
35057 .path-backup .wibbler .state1 {
35058 background: #ddd;
35060 .path-backup .wibbler .state2 {
35061 background: #ccc;
35063 .path-backup .wibbler .state3 {
35064 background: #bbb;
35066 .path-backup .wibbler .state4 {
35067 background: #aaa;
35069 .path-backup .wibbler .state5 {
35070 background: #999;
35072 .path-backup .wibbler .state6 {
35073 background: #888;
35075 .path-backup .wibbler .state7 {
35076 background: #777;
35078 .path-backup .wibbler .state8 {
35079 background: #666;
35081 .path-backup .wibbler .state9 {
35082 background: #555;
35084 .path-backup .wibbler .state10 {
35085 background: #444;
35087 .path-backup .wibbler .state11 {
35088 background: #333;
35090 .path-backup .wibbler .state12 {
35091 background: #222;
35094 .generaltable {
35095 width: 100%;
35096 margin-bottom: 1rem;
35097 color: #1d2125;
35099 .generaltable th,
35100 .generaltable td {
35101 padding: 0.75rem;
35102 vertical-align: top;
35103 border-top: 1px solid #dee2e6;
35105 .generaltable th .form-check,
35106 .generaltable td .form-check {
35107 padding: 0;
35109 .generaltable thead th,
35110 .generaltable thead td {
35111 vertical-align: bottom;
35112 border-bottom: 2px solid #dee2e6;
35114 .generaltable tbody + tbody {
35115 border-top: 2px solid #dee2e6;
35117 .generaltable tbody tr:nth-of-type(odd) {
35118 background-color: rgba(0, 0, 0, 0.03);
35120 .generaltable thead .sticky-column,
35121 .generaltable tbody tr:nth-of-type(even) {
35122 background-color: #fff;
35124 .generaltable tbody tr:nth-of-type(odd) .sticky-column {
35125 background-color: rgba(0, 0, 0, 0.03);
35127 .generaltable.table-sm th,
35128 .generaltable.table-sm td {
35129 padding: 0.3rem;
35131 .generaltable tbody tr:hover {
35132 color: #1d2125;
35133 background-color: rgba(0, 0, 0, 0.075);
35135 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
35136 color: #1d2125;
35138 .generaltable tbody tr:hover td.sticky-column {
35139 background-color: rgba(0, 0, 0, 0.075);
35142 table caption {
35143 font-size: 24px;
35144 font-weight: bold;
35145 line-height: 42px;
35146 text-align: left;
35147 caption-side: top;
35149 table .sticky-column {
35150 position: sticky;
35151 left: 0;
35152 background-color: inherit;
35155 .table-dynamic .loading-icon {
35156 position: absolute;
35157 left: calc(50% - 1.5rem);
35158 top: 200px;
35160 .table-dynamic .loading-icon .icon {
35161 height: 3rem;
35162 width: 3rem;
35163 font-size: 3rem;
35166 .singlebutton {
35167 display: inline-block;
35169 .singlebutton + .singlebutton {
35170 margin-left: 0.5rem;
35173 .continuebutton {
35174 text-align: center;
35177 p.arrow_button {
35178 margin-top: 5em;
35179 text-align: center;
35182 #addcontrols {
35183 margin-top: 11.25rem;
35184 text-align: center;
35185 margin-bottom: 3em;
35187 #addcontrols label {
35188 display: inline;
35191 #addcontrols input,
35192 #removecontrols input {
35193 width: 100%;
35194 margin: auto;
35197 .btn-lineup {
35198 margin: 0 0 10px 5px;
35201 .btn.btn-icon {
35202 height: 36px;
35203 width: 36px;
35204 font-size: 16px;
35205 line-height: 16px;
35206 padding: 0;
35207 border-radius: 50%;
35208 flex-shrink: 0;
35210 .btn.btn-icon:hover, .btn.btn-icon:focus {
35211 background-color: #e9ecef;
35213 .btn.btn-icon.icon-size-0 {
35214 height: 20px !important; /* stylelint-disable-line declaration-no-important */
35215 width: 20px !important; /* stylelint-disable-line declaration-no-important */
35216 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
35217 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
35219 .btn.btn-icon.icon-size-1 {
35220 height: 24px !important; /* stylelint-disable-line declaration-no-important */
35221 width: 24px !important; /* stylelint-disable-line declaration-no-important */
35222 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
35223 line-height: 4px !important; /* stylelint-disable-line declaration-no-important */
35225 .btn.btn-icon.icon-size-2 {
35226 height: 28px !important; /* stylelint-disable-line declaration-no-important */
35227 width: 28px !important; /* stylelint-disable-line declaration-no-important */
35228 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
35229 line-height: 8px !important; /* stylelint-disable-line declaration-no-important */
35231 .btn.btn-icon.icon-size-3 {
35232 height: 36px !important; /* stylelint-disable-line declaration-no-important */
35233 width: 36px !important; /* stylelint-disable-line declaration-no-important */
35234 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
35235 line-height: 16px !important; /* stylelint-disable-line declaration-no-important */
35237 .btn.btn-icon.icon-size-4 {
35238 height: 44px !important; /* stylelint-disable-line declaration-no-important */
35239 width: 44px !important; /* stylelint-disable-line declaration-no-important */
35240 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
35241 line-height: 24px !important; /* stylelint-disable-line declaration-no-important */
35243 .btn.btn-icon.icon-size-5 {
35244 height: 52px !important; /* stylelint-disable-line declaration-no-important */
35245 width: 52px !important; /* stylelint-disable-line declaration-no-important */
35246 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
35247 line-height: 32px !important; /* stylelint-disable-line declaration-no-important */
35249 .btn.btn-icon.icon-size-6 {
35250 height: 60px !important; /* stylelint-disable-line declaration-no-important */
35251 width: 60px !important; /* stylelint-disable-line declaration-no-important */
35252 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
35253 line-height: 40px !important; /* stylelint-disable-line declaration-no-important */
35255 .btn.btn-icon.icon-size-7 {
35256 height: 68px !important; /* stylelint-disable-line declaration-no-important */
35257 width: 68px !important; /* stylelint-disable-line declaration-no-important */
35258 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
35259 line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
35262 .btn-primary:focus, .btn-primary.focus {
35263 outline: 0.2rem solid #000102;
35264 box-shadow: inset 0 0 0 2px #fff;
35267 .btn-secondary:focus, .btn-secondary.focus {
35268 outline: 0.2rem solid #5f6e7d;
35269 box-shadow: inset 0 0 0 2px #fff;
35272 .btn-success:focus, .btn-success.focus {
35273 outline: 0.2rem solid black;
35274 box-shadow: inset 0 0 0 2px #fff;
35277 .btn-info:focus, .btn-info.focus {
35278 outline: 0.2rem solid black;
35279 box-shadow: inset 0 0 0 2px #fff;
35282 .btn-warning:focus, .btn-warning.focus {
35283 outline: 0.2rem solid #694109;
35284 box-shadow: inset 0 0 0 2px #fff;
35287 .btn-danger:focus, .btn-danger.focus {
35288 outline: 0.2rem solid #1a0604;
35289 box-shadow: inset 0 0 0 2px #fff;
35292 .btn-light:focus, .btn-light.focus {
35293 outline: 0.2rem solid #8193a5;
35294 box-shadow: inset 0 0 0 2px #fff;
35297 .btn-dark:focus, .btn-dark.focus {
35298 outline: 0.2rem solid black;
35299 box-shadow: inset 0 0 0 2px #fff;
35302 .btn-outline-primary:focus, .btn-outline-primary.focus {
35303 outline: 0.2rem solid #000102;
35304 box-shadow: inset 0 0 0 2px #343a40;
35307 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
35308 outline: 0.2rem solid #5f6e7d;
35309 box-shadow: inset 0 0 0 2px #343a40;
35312 .btn-outline-success:focus, .btn-outline-success.focus {
35313 outline: 0.2rem solid black;
35314 box-shadow: inset 0 0 0 2px #343a40;
35317 .btn-outline-info:focus, .btn-outline-info.focus {
35318 outline: 0.2rem solid black;
35319 box-shadow: inset 0 0 0 2px #343a40;
35322 .btn-outline-warning:focus, .btn-outline-warning.focus {
35323 outline: 0.2rem solid #694109;
35324 box-shadow: inset 0 0 0 2px #343a40;
35327 .btn-outline-danger:focus, .btn-outline-danger.focus {
35328 outline: 0.2rem solid #1a0604;
35329 box-shadow: inset 0 0 0 2px #343a40;
35332 .btn-outline-light:focus, .btn-outline-light.focus {
35333 outline: 0.2rem solid #8193a5;
35334 box-shadow: inset 0 0 0 2px #343a40;
35337 .btn-outline-dark:focus, .btn-outline-dark.focus {
35338 outline: 0.2rem solid black;
35339 box-shadow: inset 0 0 0 2px #343a40;
35342 .gradetreebox {
35343 margin: 20px 0 30px 0;
35345 .gradetreebox h4 {
35346 font-size: 0.9375rem;
35348 .gradetreebox th.cell,
35349 .gradetreebox input[type=text] {
35350 width: auto;
35352 .gradetreebox input[type=text],
35353 .gradetreebox select {
35354 margin-bottom: 0;
35357 .core_grades_notices .singlebutton {
35358 display: inline-block;
35361 .path-grade-report #maincontent + .urlselect {
35362 position: absolute;
35363 left: 40vw;
35366 .path-grade-report-grader #region-main {
35367 min-width: 100%;
35368 width: auto;
35369 display: flex;
35370 flex-direction: column;
35372 .path-grade-report-grader #region-main > .card {
35373 width: auto;
35374 overflow-x: initial;
35376 .path-grade-report-grader #region-main div[role=main] {
35377 flex: 1 1 auto;
35379 .path-grade-report-grader [data-region=blocks-column] {
35380 width: 100%;
35381 clear: both;
35384 .path-grade-report-grader .gradepass,
35385 .path-grade-report-user .gradepass {
35386 color: #357a32;
35388 .path-grade-report-grader .gradefail,
35389 .path-grade-report-user .gradefail {
35390 color: #ca3120;
35393 .path-grade #region-main {
35394 overflow-x: visible;
35396 .path-grade .user-heading .userinitials {
35397 width: 50px;
35398 height: 50px;
35401 #page-grade-grading-manage #activemethodselector label {
35402 display: inline-block;
35404 #page-grade-grading-manage #activemethodselector .helptooltip {
35405 margin-right: 0.5em;
35407 #page-grade-grading-manage .actions {
35408 display: block;
35409 text-align: center;
35410 margin-bottom: 1em;
35412 #page-grade-grading-manage .actions .action {
35413 display: inline-block;
35414 position: relative;
35415 vertical-align: top;
35416 width: 150px;
35417 text-align: center;
35418 overflow: hidden;
35419 margin: 0.5em;
35420 padding: 1em;
35421 border: 1px solid #aaa;
35423 #page-grade-grading-manage .actions .action .action-text {
35424 position: relative;
35425 top: 0.4em;
35426 font-size: 14px;
35427 white-space: normal;
35430 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
35431 font-size: 70%;
35434 .gradingform_rubric {
35435 margin-bottom: 1em;
35437 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
35438 background: #dff0d8;
35440 .gradingform_rubric.evaluate .criterion .levels .level.checked {
35441 border: none;
35442 border-left: 1px solid #dee2e6;
35444 .gradingform_rubric .criterion .description {
35445 vertical-align: top;
35446 padding: 6px;
35448 .gradingform_rubric .criterion .description textarea {
35449 margin-bottom: 0;
35450 height: 115px;
35452 .gradingform_rubric .criterion .definition textarea {
35453 width: 80%;
35454 margin-bottom: 0;
35456 .gradingform_rubric .criterion .score {
35457 margin-top: 5px;
35458 margin-right: 28px;
35459 font-style: italic;
35460 font-weight: bold;
35461 color: #2d662a;
35463 .gradingform_rubric .criterion .score input {
35464 margin-bottom: 0;
35466 .gradingform_rubric .criterion .level {
35467 vertical-align: top;
35468 padding: 6px;
35470 .gradingform_rubric .criterion .level.currentchecked {
35471 background: #fff0f0;
35473 .gradingform_rubric .criterion .level.checked {
35474 background: #d0ffd0;
35475 border: 1px solid #555;
35477 .gradingform_rubric .criterion .level .delete {
35478 position: relative;
35479 width: 32px;
35480 height: 32px;
35481 margin-top: -32px;
35482 clear: both;
35483 float: right;
35485 .gradingform_rubric .criterion .level .delete input {
35486 display: block;
35487 position: absolute;
35488 right: 0;
35489 bottom: 0;
35490 height: 24px;
35491 width: 24px;
35492 margin: 0;
35494 .gradingform_rubric .criterion .level .delete input:hover {
35495 background-color: #ddd;
35497 .gradingform_rubric .criterion .scorevalue input {
35498 float: none;
35499 width: 2em;
35501 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
35502 width: 0;
35504 .gradingform_rubric .criterion .addlevel {
35505 vertical-align: top;
35506 padding-top: 6px;
35508 .gradingform_rubric .criterion .addlevel input {
35509 height: 30px;
35510 line-height: 1rem;
35512 .gradingform_rubric .addcriterion {
35513 margin-left: 5px;
35514 padding: 0;
35515 margin-bottom: 1em;
35517 .gradingform_rubric .addcriterion input {
35518 margin: 0;
35519 color: inherit;
35520 text-shadow: inherit;
35521 border: 0 none;
35522 line-height: inherit;
35523 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
35524 padding-left: 26px;
35526 .gradingform_rubric .options {
35527 clear: both;
35529 .gradingform_rubric .options .option label {
35530 margin: 0;
35531 padding: 0;
35532 font-size: inherit;
35533 font-weight: normal;
35534 line-height: 2em;
35535 color: inherit;
35536 text-shadow: none;
35537 background-color: transparent;
35539 .gradingform_rubric .options .option input {
35540 margin-left: 5px;
35541 margin-right: 12px;
35544 .grade-display .description {
35545 font-size: 1rem;
35548 .criterion .description {
35549 font-size: 1rem;
35551 .criterion .criterion-toggle .expanded-icon {
35552 display: block;
35554 .criterion .criterion-toggle .collapsed-icon {
35555 display: none;
35557 .criterion .criterion-toggle.collapsed .expanded-icon {
35558 display: none;
35560 .criterion .criterion-toggle.collapsed .collapsed-icon {
35561 display: block;
35564 .path-grade-edit-tree .collapse-list .unlist {
35565 padding-left: 2rem;
35567 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode]:focus > .collapse-list-item:first-child {
35568 background-color: #e0f0f2;
35569 border-color: #b8dce2;
35571 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][data-selected=true] > .collapse-list-item:first-child {
35572 background-color: #e0f0f2;
35573 border-color: #b8dce2;
35574 color: #0f6cbf;
35576 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode] .collapse-list-item-content[aria-hidden=true] {
35577 display: none;
35579 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=true] > .collapse-list-item .collapsed-icon {
35580 display: none;
35582 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=false] > .collapse-list-item .expanded-icon {
35583 display: none;
35585 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
35586 padding: 0.5rem 1rem;
35587 cursor: pointer;
35589 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
35590 font-weight: bold;
35592 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
35593 color: #1d2125;
35594 padding: 0 0.2rem;
35595 margin-right: 0.3rem;
35597 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
35598 font-size: 12px;
35599 width: 12px;
35600 height: 12px;
35601 margin: 0;
35603 .path-grade-edit-tree .gradetree-wrapper {
35604 padding: 10px 10px;
35605 background-color: #f8f9fa;
35607 .path-grade-edit-tree .gradetree-wrapper .setup-grades h4 {
35608 margin: 0;
35610 .path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
35611 padding: 0;
35612 width: 24px;
35613 min-width: 24px;
35614 max-width: 24px;
35616 .path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
35617 display: none;
35619 .path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
35620 font-weight: normal;
35621 padding-left: 24px;
35623 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
35624 height: 0.5rem;
35626 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden=true] {
35627 display: none;
35629 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
35630 vertical-align: bottom;
35631 border: none;
35632 text-align: left;
35633 background-color: #f8f9fa;
35635 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
35636 padding: 0;
35637 width: 24px;
35638 min-width: 24px;
35640 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
35641 min-width: 4.5em;
35642 background-color: #f8f9fa;
35643 border: none;
35644 vertical-align: middle;
35646 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small {
35647 font-size: 70%;
35649 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
35650 margin-right: 15px;
35652 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemicon {
35653 font-size: 18px;
35654 width: 18px;
35655 height: 18px;
35657 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
35658 min-width: 15em;
35660 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
35661 margin-right: 5px;
35663 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
35664 display: none;
35666 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
35667 padding: 0;
35669 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
35670 display: block;
35671 width: 100%;
35672 margin: 5px 0 5px 0;
35673 padding: 3px 0 3px 0;
35675 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
35676 border-top: 2px dashed #8f959e;
35677 margin: 0;
35679 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
35680 border-top: 2px dashed #0f6cbf;
35682 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
35683 background-color: #fff;
35684 border-top: 1px solid #dee2e6;
35685 border-bottom: 1px solid #dee2e6;
35687 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
35688 border-left: 1px solid #dee2e6;
35690 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
35691 border-right: 1px solid #dee2e6;
35693 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
35694 font-weight: bold;
35696 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
35697 display: flex;
35698 min-height: 30px;
35699 align-items: center;
35701 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check {
35702 padding: 0;
35704 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check .itemselect {
35705 margin-right: 5px;
35707 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
35708 height: 24px;
35709 width: 24px;
35710 font-size: 12px;
35711 line-height: 24px;
35712 margin-right: 3px;
35714 .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 {
35715 display: none;
35717 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
35718 font-size: 12px;
35719 width: 12px;
35720 height: 12px;
35721 color: #1d2125;
35722 margin: 0;
35724 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
35725 background-color: #fff;
35726 border-top: 3px solid #f8f9fa;
35728 .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 {
35729 min-width: 4.5em;
35730 background-color: #f8f9fa;
35731 border: none;
35732 vertical-align: middle;
35734 .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 {
35735 padding-left: 0;
35737 .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) {
35738 font-weight: bold;
35740 .path-grade-edit-tree .gradetree-wrapper .badge-light {
35741 color: #1d2125;
35742 background-color: #ced4da;
35743 margin-right: 0.5em;
35744 margin-bottom: 0.5em;
35748 * Grader report.
35750 .path-grade-report-grader .gradeparent tr .cell,
35751 .path-grade-report-grader .gradeparent .floater .cell {
35752 background-color: #fff;
35754 .path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,
35755 .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
35756 z-index: 1;
35758 .path-grade-report-grader .gradeparent table,
35759 .path-grade-report-grader .gradeparent .cell {
35760 border-color: #dee2e6;
35762 .path-grade-report-grader .gradeparent .heading .cell,
35763 .path-grade-report-grader .gradeparent .cell.category,
35764 .path-grade-report-grader .gradeparent .avg .cell {
35765 background-color: #f8f9fa;
35767 .path-grade-report-grader .gradeparent table .clickable {
35768 cursor: pointer;
35770 .path-grade-report-grader .gradeparent tr.heading {
35771 position: sticky;
35772 top: 60px;
35773 z-index: 4;
35775 .path-grade-report-grader .gradeparent tr.userrow th {
35776 z-index: 2;
35778 .path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
35779 z-index: 3;
35781 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
35782 position: sticky;
35783 bottom: -1px;
35785 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
35786 z-index: 4;
35788 .path-grade-report-grader .gradeparent tr.lastrow td,
35789 .path-grade-report-grader .gradeparent tr.lastrow th {
35790 border-top: 1px solid #dee2e6;
35792 .path-grade-report-grader .gradeparent th.header {
35793 left: 0;
35794 position: sticky;
35796 .path-grade-report-grader .gradeparent th.header#studentheader {
35797 z-index: 1;
35799 .path-grade-report-grader .gradeparent td.noborder {
35800 border-right: transparent;
35802 .path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
35803 bottom: calc(max(96px, 0.9375rem * 3) - 1px);
35807 * User report.
35809 .path-grade-report-user .user-grade {
35810 border: none;
35812 .path-grade-report-user .user-grade.generaltable .levelodd {
35813 background-color: rgba(0, 0, 0, 0.03);
35815 .path-grade-report-user .user-grade .column-contributiontocoursetotal,
35816 .path-grade-report-user .user-grade .column-range,
35817 .path-grade-report-user .user-grade .column-percentage,
35818 .path-grade-report-user .user-grade .column-weight {
35819 /*rtl:ignore*/
35820 direction: ltr;
35824 * Single view.
35826 .path-grade-report-singleview .reporttable input[name^=finalgrade] {
35827 width: 80px;
35828 display: inline-block;
35830 .path-grade-report-singleview .reporttable .action-menu {
35831 display: inline-block;
35832 margin-left: 0.5rem;
35833 float: right;
35835 .path-grade-report-singleview .reporttable .dropdown-toggle::after {
35836 display: none;
35839 .gradereport-grader-table input[name^=grade] {
35840 width: 80px;
35841 display: inline-block;
35843 .gradereport-grader-table .dropdown-toggle::after {
35844 display: none;
35847 .search-widget .dropdown-menu {
35848 padding: 0.8rem 1.2rem;
35850 .search-widget .dropdown-menu.wide {
35851 width: 350px;
35853 .search-widget .dropdown-menu.narrow {
35854 width: 250px;
35856 .search-widget .dropdown-menu .dropdown-item span.email {
35857 color: #6a737b;
35859 .search-widget .dropdown-menu .dropdown-item:hover span,
35860 .search-widget .dropdown-menu .dropdown-item:active span {
35861 color: #fff;
35863 .search-widget .dropdown-menu .searchresultscontainer {
35864 height: 178px;
35865 font-size: 90%;
35867 .search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
35868 height: 178px;
35869 max-height: 178px;
35870 overflow: auto;
35872 .search-widget .dropdown-menu .unsearchablecontentcontainer {
35873 border-top: 1px solid #dee2e6;
35874 padding-top: 10px;
35875 font-size: 90%;
35878 #fitem_id_submitbutton {
35879 padding-right: 2em;
35882 .gradestatus {
35883 padding-top: 10px;
35886 .gradestatus .icon {
35887 margin-right: 1rem;
35890 .columns-autoflow-1to1to1 {
35891 column-count: 3;
35894 @media (max-width: 767px) {
35895 .columns-autoflow-1to1to1 {
35896 column-count: 1;
35899 /* some very targetted corrections to roll back nameclashes between
35900 * Moodle and Bootstrap like .row, .label, .content, .controls
35902 * Mostly relies on these styles being more specific than the Bootstrap
35903 * ones in order to overule them.
35905 li.activity.label,
35906 .file-picker td.label {
35907 background: inherit;
35908 color: inherit;
35909 border: inherit;
35910 text-shadow: none;
35911 white-space: normal;
35912 display: block;
35913 font-size: inherit;
35914 line-height: inherit;
35915 text-align: inherit;
35918 .file-picker td.label {
35919 display: table-cell;
35920 text-align: right;
35921 padding: 8px;
35924 .choosercontainer #chooseform .option {
35925 font-size: 12px;
35928 /* block.invisible vs .invisible
35929 * block.hidden vs .invisible
35931 * uses .invisible where the rest of Moodle uses @mixin dimmed
35932 * fixible in block renderer?
35934 * There's seems to be even more naming confusion here since,
35935 * blocks can be actually 'visible' (or not) to students,
35936 * marked 'visible' but really just dimmed to indicate to editors
35937 * that students can't see them or 'visible' to the user who
35938 * collapses them, 'visible' if you have the right role and in
35939 * different circumstances different sections of a block can
35940 * be 'visible' or not.
35942 * currently worked around in renderers.php function block{}
35943 * by rewriting the class name "invisible" to "dimmed",
35944 * though the blocks don't look particularly different apart
35945 * from their contents disappearing. Maybe try .muted? or
35946 * dimming all the edit icons apart from unhide, might be a
35947 * nice effect, though they'd still be active. Maybe reverse
35948 * it to white?
35950 li.section.hidden,
35951 .block.hidden,
35952 .block.invisible {
35953 visibility: visible;
35954 display: block;
35957 /* .row vs .row
35959 * very tricky to track down this when it goes wrong,
35960 * since the styles are applied to generated content
35962 * basically if you see things shifted left or right compared
35963 * with where they should be check for a .row
35965 .forumpost .row {
35966 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
35969 .forumpost .row:before,
35970 .forumpost .row:after {
35971 content: none;
35974 /* fieldset.hidden vs .hidden
35976 * Moodle uses fieldset.hidden for mforms, to signify a collection of
35977 * form elements that don't have a box drawn round them. Bootstrap
35978 * uses hidden for stuff that is hidden in various responsive modes.
35980 * Relatedly, there is also fieldset.invisiblefieldset which hides the
35981 * border and sets the display to inline.
35983 * Originally this just set block and visible, but it is used
35984 * in random question dialogue in Quiz,
35985 * that dialogue is hidden and shown, so when hidden the
35986 * above workaround leaves you with a button floating around
35988 fieldset.hidden {
35989 display: inherit;
35990 visibility: inherit;
35993 /* .container vs .container
35995 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
35996 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
35997 * it becomes near unuseable.
35999 #questionbank + .container {
36000 width: auto;
36003 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
36004 display: block;
36005 margin-top: -6px;
36008 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
36009 .langmenu.open > .dropdown-menu {
36010 display: block;
36011 max-height: 150px;
36012 overflow-y: auto;
36015 .navbar.fixed-top .dropdown .dropdown-menu {
36016 max-height: calc(100vh - 60px);
36017 overflow-y: auto;
36020 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
36021 z-index: inherit;
36024 .custom-select {
36025 word-wrap: normal;
36028 /* Add commented out carousel transistions back in.
36030 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
36032 .carousel-item-next.carousel-item-left,
36033 .carousel-item-prev.carousel-item-right {
36034 transform: translateX(0);
36037 .carousel-item-next,
36038 .active.carousel-item-right {
36039 transform: translateX(100%);
36042 .carousel-item-prev,
36043 .active.carousel-item-left {
36044 transform: translateX(-100%);
36048 * Reset all of the forced style on the page.
36049 * - Remove borders on header and content.
36050 * - Remove most of the vertical padding.
36051 * - Make the content region flex grow so it pushes things like the
36052 * next activity selector to the bottom of the page.
36054 body.reset-style #page-header .card {
36055 border: none;
36057 body.reset-style #page-header .card .page-header-headings h1 {
36058 margin-bottom: 0;
36060 @media (max-width: 767.98px) {
36061 body.reset-style #page-header .card .card-body {
36062 padding-left: 0;
36063 padding-right: 0;
36066 body.reset-style #page-header > div {
36067 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
36068 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
36070 body.reset-style #page-content {
36071 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
36073 body.reset-style #page-content #region-main-box #region-main {
36074 border: none;
36075 display: inline-flex;
36076 flex-direction: column;
36077 padding: 0;
36078 height: 100%;
36079 width: 100%;
36080 padding-left: 1.25rem;
36081 padding-right: 1.25rem;
36082 vertical-align: top;
36084 body.reset-style #page-content #region-main-box #region-main div[role=main] {
36085 flex: 1 0 auto;
36087 body.reset-style #page-content #region-main-box #region-main .activity-navigation {
36088 overflow: hidden;
36090 body.reset-style #page-content #region-main-box #region-main.has-blocks {
36091 width: calc(100% - 375px);
36093 @media (max-width: 1199.98px) {
36094 body.reset-style #page-content #region-main-box #region-main.has-blocks {
36095 width: 100%;
36098 @media (max-width: 767.98px) {
36099 body.reset-style #page-content #region-main-box #region-main {
36100 padding-left: 0;
36101 padding-right: 0;
36104 body.reset-style #page-content #region-main-box [data-region=blocks-column] {
36105 margin-left: auto;
36107 @media (max-width: 1199.98px) {
36108 body.reset-style #page-content #region-main-box {
36109 display: flex;
36110 flex-direction: column;
36113 body.reset-style select,
36114 body.reset-style input,
36115 body.reset-style textarea,
36116 body.reset-style .btn:not(.btn-icon) {
36117 border-radius: 0.6rem;
36120 body.behat-site .fixed-top {
36121 position: absolute;
36123 body.behat-site.hasstickyfooter .stickyfooter,
36124 body.behat-site .stickyfooter {
36125 position: inherit;
36126 z-index: inherit;
36128 body.behat-site .dropdown-item {
36129 margin-top: 4px !important; /* stylelint-disable declaration-no-important */
36131 body.behat-site.drawer-ease {
36132 -webkit-transition: initial;
36133 -moz-transition: initial;
36134 transition: initial;
36136 body.behat-site [data-region=drawer] {
36137 -webkit-transition: initial;
36138 -moz-transition: initial;
36139 transition: initial;
36140 position: absolute;
36142 body.behat-site .custom-control,
36143 body.behat-site .custom-switch {
36144 padding-left: 0;
36146 body.behat-site .custom-control-input {
36147 position: static;
36148 z-index: 0;
36149 opacity: 1;
36150 width: auto;
36152 body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
36153 content: none;
36155 body.behat-site [data-region=message-drawer] {
36156 padding-right: 10px;
36158 body.behat-site.jsenabled #page-footer .footer-content-popover {
36159 display: block;
36161 body.behat-site.path-grade-report-grader .gradeparent tr.heading,
36162 body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,
36163 body.behat-site.path-grade-report-grader .gradeparent th.header {
36164 position: relative;
36165 left: auto;
36167 body.behat-site.path-grade-report-grader .gradeparent tr.heading {
36168 top: auto;
36171 .phpinfo table,
36172 .phpinfo th,
36173 .phpinfo h2 {
36174 margin: auto;
36177 .phpinfo .e,
36178 .phpinfo .v,
36179 .phpinfo .h {
36180 border: 1px solid #000;
36181 font-size: 0.8em;
36182 vertical-align: baseline;
36183 color: #000;
36184 background-color: #ccc;
36187 .phpinfo .e {
36188 background-color: #ccf;
36189 font-weight: bold;
36192 .phpinfo .h {
36193 background-color: #99c;
36194 font-weight: bold;
36197 body > .debuggingmessage {
36198 margin-top: 60px;
36201 body > .debuggingmessage ~ .debuggingmessage {
36202 margin-top: 0.5rem;
36206 * This file contains the styles required to make the footer sticky.
36208 html,
36209 body {
36210 height: 100%;
36213 .stickyfooter {
36214 position: fixed;
36215 right: 0;
36216 left: 0;
36217 height: max(96px, 0.9375rem * 3);
36218 bottom: calc(max(96px, 0.9375rem * 3) * -1);
36219 transition: bottom 0.5s;
36220 z-index: 1030;
36221 overflow: hidden;
36222 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
36223 font-size: calc(0.9375rem * 1.10);
36226 .hasstickyfooter .stickyfooter {
36227 bottom: 0;
36230 /* Standard components fixes for sticky footer. */
36231 .stickyfooter ul.pagination {
36232 margin-bottom: 0.25rem;
36235 .stickyfooter .btn {
36236 font-size: calc(0.9375rem * 1.10);
36239 /* Breakpoints fixes. */
36240 @media (min-width: 576px) {
36241 #page-wrapper {
36242 height: 100%;
36243 display: flex;
36244 flex-direction: column;
36246 #page-wrapper #page {
36247 display: flex;
36248 flex-direction: column;
36250 #page-wrapper #page:not(.drawers) {
36251 flex: 1 0 auto;
36253 #page-wrapper #page #page-content {
36254 flex: 1 0 auto;
36256 #page-wrapper #page-footer {
36257 flex-shrink: 0;
36260 @media (max-width: 767.98px) {
36261 #page-wrapper {
36262 height: 100%;
36263 display: flex;
36264 flex-direction: column;
36266 #page-wrapper #page {
36267 display: flex;
36268 flex-direction: column;
36270 #page-wrapper #page:not(.drawers) {
36271 flex: 1 0 auto;
36274 .popover-region {
36275 position: relative;
36277 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
36278 display: none;
36280 .popover-region.collapsed .popover-region-container {
36281 opacity: 0;
36282 visibility: hidden;
36283 height: 0;
36284 overflow: hidden;
36285 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36288 .popover-region-toggle {
36289 cursor: pointer;
36291 .popover-region-toggle::before {
36292 content: "";
36293 display: inline-block;
36294 border-left: 10px solid transparent;
36295 border-right: 10px solid transparent;
36296 border-bottom: 10px solid #ddd;
36297 position: absolute;
36298 bottom: 0;
36299 right: 7px;
36301 .popover-region-toggle::after {
36302 content: "";
36303 display: inline-block;
36304 border-left: 9px solid transparent;
36305 border-right: 9px solid transparent;
36306 border-bottom: 9px solid #fff;
36307 position: absolute;
36308 bottom: -1px;
36309 right: 8px;
36310 z-index: 2;
36313 .count-container {
36314 padding: 2px;
36315 border-radius: 2px;
36316 background-color: #ca3120;
36317 color: #fff;
36318 font-size: 11px;
36319 line-height: 11px;
36320 position: absolute;
36321 top: 5px;
36322 right: 0;
36325 .popover-region-container {
36326 opacity: 1;
36327 visibility: visible;
36328 position: absolute;
36329 right: 0;
36330 top: 0;
36331 height: 500px;
36332 width: 380px;
36333 border: 1px solid #ddd;
36334 transition: height 0.25s;
36335 background-color: #fff;
36336 z-index: 1;
36339 .popover-region-header-container {
36340 height: 25px;
36341 line-height: 25px;
36342 padding-left: 5px;
36343 padding-right: 5px;
36344 border-bottom: 1px solid #ddd;
36345 box-sizing: border-box;
36348 .popover-region-footer-container {
36349 height: 30px;
36350 text-align: center;
36351 border-top: 1px solid #ddd;
36352 background-color: #fff;
36353 padding-top: 3px;
36356 .popover-region-header-text {
36357 float: left;
36358 margin: 0;
36359 font-size: 14px;
36360 line-height: 25px;
36363 .popover-region-header-actions {
36364 float: right;
36366 .popover-region-header-actions > * {
36367 margin-left: 10px;
36368 min-width: 20px;
36369 display: inline-block;
36371 .popover-region-header-actions .loading-icon {
36372 display: none;
36373 height: 12px;
36374 width: 12px;
36376 .popover-region-header-actions .newmessage-link {
36377 margin-right: 10px;
36379 .popover-region-header-actions label {
36380 display: inline-block;
36381 text-align: center;
36382 margin-bottom: 0;
36385 .popover-region-content-container {
36386 height: calc(100% - 55px);
36387 width: 100%;
36388 overflow-y: auto;
36389 -webkit-overflow-scrolling: touch;
36391 .popover-region-content-container > .loading-icon {
36392 display: none;
36393 text-align: center;
36394 padding: 5px;
36395 box-sizing: border-box;
36397 .popover-region-content-container .empty-message {
36398 display: none;
36399 text-align: center;
36400 padding: 10px;
36402 .popover-region-content-container.loading > .loading-icon {
36403 display: block;
36405 .popover-region-content-container.loading .empty-message {
36406 display: none;
36409 .navbar-nav .popover-region .icon {
36410 font-weight: bolder;
36413 .navbar .popover-region.collapsed .popover-region-container {
36414 opacity: 0;
36415 visibility: hidden;
36416 height: 0;
36417 overflow: hidden;
36418 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36420 .navbar .count-container {
36421 padding: 2px;
36422 border-radius: 2px;
36423 background-color: #ca3120;
36424 color: #fff;
36425 font-size: 11px;
36426 line-height: 11px;
36427 position: absolute;
36428 top: 15px;
36429 right: 0;
36431 .navbar .popover-region-container {
36432 top: 60px;
36435 .content-item-container {
36436 width: 100%;
36437 border-bottom: 1px solid #ddd;
36438 box-sizing: border-box;
36439 padding: 5px;
36440 position: relative;
36441 margin: 0;
36442 display: block;
36443 color: inherit;
36444 text-decoration: none;
36446 .content-item-container:hover {
36447 color: #fff;
36448 background-color: #0f6cbf;
36450 .content-item-container:hover .content-item-footer .timestamp {
36451 color: #fff;
36453 .content-item-container:hover .view-more {
36454 color: inherit;
36456 .content-item-container.unread {
36457 margin: 0;
36458 background-color: #f4f4f4;
36460 .content-item-container.unread:hover {
36461 color: #fff;
36462 background-color: #0f6cbf;
36464 .content-item-container.unread .content-item-body .notification-message {
36465 font-weight: 600;
36467 .content-item-container .context-link {
36468 color: inherit;
36469 text-decoration: none;
36471 .content-item-container .content-item-body {
36472 box-sizing: border-box;
36473 margin-bottom: 5px;
36475 .content-item-container .content-item-footer {
36476 text-align: left;
36477 box-sizing: border-box;
36479 .content-item-container .content-item-footer .timestamp {
36480 font-size: 10px;
36481 line-height: 10px;
36482 margin: 0;
36483 color: inherit;
36484 margin-left: 24px;
36486 .content-item-container .view-more {
36487 position: absolute;
36488 bottom: 5px;
36489 right: 5px;
36490 font-size: 12px;
36491 line-height: 12px;
36493 .content-item-container .view-more:hover {
36494 color: inherit;
36496 .content-item-container.notification .content-item-body .notification-image {
36497 display: inline-block;
36498 width: 24px;
36499 height: 24px;
36500 float: left;
36502 .content-item-container.notification .content-item-body .notification-image img {
36503 height: 75%;
36505 .content-item-container.notification .content-item-body .notification-message {
36506 display: inline-block;
36507 font-size: 12px;
36508 width: calc(100% - 24px);
36510 .content-item-container.selected {
36511 background-color: #4f94cd;
36512 color: #fff;
36513 border-color: #4f94cd;
36515 .content-item-container.selected .content-item-footer .timestamp {
36516 color: #fff;
36519 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
36520 display: inline-block;
36522 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
36523 display: none;
36525 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
36526 display: inline-block;
36528 .popover-region-notifications .all-notifications {
36529 opacity: 1;
36530 visibility: visible;
36531 height: auto;
36532 overflow: hidden;
36534 .popover-region-notifications .all-notifications:empty + .empty-message {
36535 display: block;
36537 .popover-region-notifications .notification-image {
36538 display: inline-block;
36539 width: 8%;
36540 vertical-align: top;
36542 .popover-region-notifications .notification-image img {
36543 height: 75%;
36545 .popover-region-notifications .notification-message {
36546 display: inline-block;
36547 font-size: 12px;
36549 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
36550 display: none;
36553 .popover-region-messages .mark-all-read-button .normal-icon {
36554 display: inline-block;
36556 .popover-region-messages .mark-all-read-button.loading .normal-icon {
36557 display: none;
36559 .popover-region-messages .mark-all-read-button.loading .loading-icon {
36560 display: inline-block;
36562 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
36563 display: none;
36565 .popover-region-messages .messages:empty + .empty-message {
36566 display: block;
36568 .popover-region-messages .content-item-container.unread .content-item-body {
36569 font-weight: 600;
36570 width: calc(90% - 30px);
36572 .popover-region-messages .content-item-container.unread .unread-count-container {
36573 display: inline-block;
36574 width: 10%;
36575 text-align: center;
36576 float: right;
36578 .popover-region-messages .content-item {
36579 height: 100%;
36580 width: 100%;
36581 box-sizing: border-box;
36583 .popover-region-messages .profile-image-container {
36584 width: 30px;
36585 display: inline-block;
36586 text-align: center;
36587 float: left;
36589 .popover-region-messages .profile-image-container img {
36590 width: 100%;
36591 display: inline-block;
36592 vertical-align: middle;
36593 border-radius: 50%;
36595 .popover-region-messages .content-item-body {
36596 display: inline-block;
36597 box-sizing: border-box;
36598 width: calc(100% - 30px);
36599 font-size: 12px;
36600 padding-left: 10px;
36601 overflow: hidden;
36603 .popover-region-messages .content-item-body h3 {
36604 font-size: 12px;
36605 line-height: 12px;
36606 margin: 0;
36607 width: 100%;
36609 .popover-region-messages .content-item-body p {
36610 margin: 0;
36612 .popover-region-messages .unread-count-container {
36613 display: none;
36616 @media (max-width: 767px) {
36617 .navbar .popover-region .popover-region-container {
36618 right: -70px;
36621 @media (max-width: 480px) {
36622 .navbar .popover-region .popover-region-container {
36623 position: fixed;
36624 top: 46px;
36625 right: 0;
36626 left: 0;
36627 bottom: 0;
36628 width: auto;
36629 height: auto;
36633 * Tour step must sit above all other UI components.
36634 * The backdrop is the lowest point in the tour.
36635 * Everything else is in the container, and the target background should be at the same z-index.
36636 * ----- moodle
36637 * ---- step backdrop
36638 * --- step container
36639 * --- step target background
36641 div[data-flexitour=backdrop] {
36642 background-color: #000;
36643 opacity: 0.5;
36644 z-index: 1040;
36647 div[data-flexitour=step-background-fader],
36648 div[data-flexitour=step-background] {
36649 border-radius: 0.6rem;
36650 padding: 10px;
36651 z-index: 1041;
36654 span[data-flexitour=container],
36655 div[data-flexitour=step-background-fader],
36656 [data-flexitour=step-backdrop] > td,
36657 [data-flexitour=step-backdrop] {
36658 z-index: 1042;
36661 span[data-flexitour=container] .modal-dialog {
36663 * Remove all margins to:
36664 * 1) ensure that the arrow touches the target; and
36665 * 2) ensure that the focus border touches the modal.
36667 margin: 0;
36669 span[data-flexitour=container] div[data-role=arrow] {
36670 border-width: 1rem;
36672 span[data-flexitour=container] div[data-role=arrow],
36673 span[data-flexitour=container] div[data-role=arrow]:after {
36674 position: absolute;
36675 display: block;
36676 width: 0;
36677 height: 0;
36678 border-color: transparent;
36679 border-style: solid;
36680 border-width: 1rem;
36682 span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
36683 margin-bottom: 1rem;
36685 span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
36686 bottom: -1rem;
36687 left: 50%;
36688 margin-left: -1rem;
36689 border-bottom-width: 0;
36690 border-top-color: rgba(0, 0, 0, 0.25);
36692 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 {
36693 bottom: 1px;
36694 margin-left: -1rem;
36695 content: " ";
36696 border-bottom-width: 0;
36697 border-top-color: #fff;
36699 span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
36700 margin-top: 1rem;
36702 span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
36703 top: -1rem;
36704 left: 50%;
36705 margin-left: -1rem;
36706 border-top-width: 0;
36707 border-bottom-color: rgba(0, 0, 0, 0.25);
36709 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 {
36710 top: 1px;
36711 margin-left: -1rem;
36712 content: " ";
36713 border-top-width: 0;
36714 border-bottom-color: #fff;
36716 span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
36717 margin-right: 1rem;
36719 span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
36720 right: -1rem;
36721 top: 50%;
36722 margin-top: -1rem;
36723 border-right-width: 0;
36724 border-left-color: rgba(0, 0, 0, 0.25);
36726 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 {
36727 right: 1px;
36728 margin-top: -1rem;
36729 content: " ";
36730 border-right-width: 0;
36731 border-left-color: #fff;
36733 span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
36734 margin-left: 1rem;
36736 span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
36737 left: -1rem;
36738 top: 50%;
36739 margin-top: -1rem;
36740 border-left-width: 0;
36741 border-right-color: rgba(0, 0, 0, 0.25);
36743 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 {
36744 left: 1px;
36745 margin-top: -1rem;
36746 content: " ";
36747 border-left-width: 0;
36748 border-right-color: #fff;
36750 .dir-rtl span[data-flexitour=container][x-placement^=right] {
36751 margin-left: 1rem;
36753 .dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
36754 transform: rotate(180deg);
36755 left: -1rem;
36756 right: auto;
36758 .dir-rtl span[data-flexitour=container][x-placement^=left] {
36759 margin-right: 1rem;
36761 .dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
36762 transform: rotate(180deg);
36763 left: auto;
36764 right: -1rem;
36767 [data-region=drawer] [data-flexitour=container] {
36768 /*rtl:ignore*/
36769 margin-left: -15px;
36770 width: 275px;
36773 @media print {
36774 body.drawer-open-left.jsenabled,
36775 body.drawer-open-right.jsenabled {
36776 margin: 0;
36778 .container {
36779 width: auto;
36782 .modal .modal-body > .loading-icon {
36783 display: block;
36784 position: relative;
36785 width: 100%;
36786 height: 100%;
36788 .modal .modal-body > .loading-icon .icon {
36789 position: absolute;
36790 top: 50%;
36791 /*rtl:ignore*/
36792 left: 50%;
36793 transform: translate(-50%, -50%);
36795 .modal .close {
36796 margin: -0.8rem -0.8rem -0.8rem auto;
36798 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
36799 opacity: inherit;
36802 .layout.fullscreen {
36803 height: 100vh;
36804 position: fixed;
36805 top: 0;
36806 left: 0;
36807 z-index: 1040;
36808 transition: 0.5s;
36809 width: 100vw;
36810 margin: 0;
36811 opacity: 1;
36812 background-color: #fff;
36814 @media (prefers-reduced-motion: reduce) {
36815 .layout.fullscreen {
36816 transition: none;
36819 .layout.fullscreen > div {
36820 height: 100%;
36821 width: 100%;
36823 .layout.fullscreen .loading-icon {
36824 margin-left: auto;
36825 margin-right: auto;
36826 text-align: center;
36827 display: inline-block;
36828 width: 100%;
36829 top: 40%;
36830 position: fixed;
36832 .layout.fullscreen .loading-icon .icon {
36833 width: 1em;
36834 height: 1em;
36835 font-size: 4em;
36838 #page.drawers {
36839 margin-top: 60px;
36840 scrollbar-width: thin;
36841 scrollbar-color: #6a737b #f8f9fa;
36843 #page.drawers::-webkit-scrollbar {
36844 width: 12px;
36846 #page.drawers::-webkit-scrollbar-track {
36847 background: #f8f9fa;
36849 #page.drawers::-webkit-scrollbar-thumb {
36850 background-color: #6a737b;
36851 border-radius: 20px;
36852 border: 3px solid #f8f9fa;
36854 #page.drawers::-webkit-scrollbar-thumb:hover {
36855 background-color: #495057;
36857 #page.drawers .main-inner {
36858 max-width: 100%;
36859 width: 100%;
36860 margin: 0 auto;
36861 border-radius: 0.5rem;
36862 background-color: #fff;
36863 padding: 1.5rem 0.5rem;
36864 margin-top: 0.5rem;
36865 margin-bottom: 3rem;
36866 flex: 1 0 auto;
36868 #page.drawers .activity-header {
36869 margin-left: 15px;
36870 margin-right: 15px;
36873 @media (min-width: 768px) {
36874 .pagelayout-standard #page.drawers .main-inner,
36875 body.limitedwidth #page.drawers .main-inner {
36876 max-width: 830px;
36878 .pagelayout-standard #page.drawers .footer-popover,
36879 body.limitedwidth #page.drawers .footer-popover {
36880 max-width: 830px;
36881 width: 100%;
36882 margin: 0 auto;
36883 border-radius: 0.5rem;
36885 body.mediumwidth #page.drawers .main-inner {
36886 max-width: 1120px;
36888 body.mediumwidth #page.drawers .footer-popover {
36889 max-width: 1120px;
36890 width: 100%;
36891 margin: 0 auto;
36892 border-radius: 0.5rem;
36894 .header-maxwidth {
36895 max-width: 830px;
36896 margin: 0 auto;
36897 padding-left: 15px;
36898 padding-right: 15px;
36900 .header-maxwidth .header-inner {
36901 padding-left: 0;
36902 padding-right: 0;
36905 .drawer-toggles .drawer-toggler {
36906 position: fixed;
36907 top: calc(60px + 0.7rem);
36908 z-index: 2;
36910 .drawer-toggles .drawer-toggler .btn {
36911 border-radius: 200px;
36912 padding: 16px;
36913 background-color: #dee2e6;
36914 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
36915 transition: padding 200ms;
36917 .drawer-toggles .drawer-toggler .btn .icon {
36918 width: auto;
36919 height: auto;
36921 .drawer-toggles .drawer-toggler .btn:focus {
36922 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
36924 .drawer-toggles .drawer-left-toggle {
36925 left: 0;
36927 .drawer-toggles .drawer-left-toggle .btn {
36928 border-top-left-radius: 0;
36929 border-bottom-left-radius: 0;
36930 padding-right: 14px;
36931 padding-left: 10px;
36933 .drawer-toggles .drawer-left-toggle .btn:hover {
36934 padding-left: 20px;
36936 .drawer-toggles .drawer-right-toggle {
36937 right: 0;
36939 .drawer-toggles .drawer-right-toggle .btn {
36940 border-top-right-radius: 0;
36941 border-bottom-right-radius: 0;
36942 padding-right: 10px;
36943 padding-left: 14px;
36945 .drawer-toggles .drawer-right-toggle .btn:hover {
36946 padding-right: 20px;
36949 #page.drawers.show-drawer-left .drawer-left-toggle {
36950 display: none;
36953 #page.drawers.show-drawer-right .drawer-right-toggle {
36954 display: none;
36957 @media (max-width: 767.98px) {
36958 .drawer-toggles {
36959 z-index: 100;
36961 .drawer-toggles .drawer-right-toggle,
36962 .drawer-toggles .drawer-left-toggle {
36963 top: calc(99vh - (60px * 2.5));
36965 #page.drawers.scroll-down .drawer-right-toggle {
36966 transform: translateX(150%);
36967 pointer-events: auto;
36968 visibility: hidden;
36970 #page.drawers.scroll-down .drawer-left-toggle {
36971 transform: translateX(-150%);
36972 pointer-events: auto;
36973 visibility: hidden;
36976 @media (min-width: 576px) {
36977 #page.drawers .main-inner {
36978 margin-top: 1.5rem;
36981 @media (min-width: 768px) {
36982 #page.drawers {
36983 padding-left: 3rem;
36984 padding-right: 3rem;
36986 #page.drawers .main-inner {
36987 padding: 1.5rem 0.5rem;
36989 #page.drawers div[role=main] {
36990 padding-left: 15px;
36991 padding-right: 15px;
36994 @media (min-width: 992px) {
36995 .drawer-left,
36996 .drawer-right {
36997 top: 60px;
36998 height: calc(100vh - 60px);
37000 .hasstickyfooter .drawer-left,
37001 .hasstickyfooter .drawer-right {
37002 top: 60px;
37003 height: calc(100vh - 60px - max(96px, 0.9375rem * 3));
37005 #page.drawers {
37006 position: relative;
37007 overflow-y: visible;
37008 transition: 0.2s;
37009 left: 0;
37010 right: 0;
37013 @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
37014 #page.drawers {
37015 transition: none;
37018 @media (min-width: 992px) {
37019 #page.drawers.show-drawer-left {
37020 margin-left: 285px;
37021 margin-right: 0;
37022 padding-left: 1rem;
37025 @media (min-width: 992px) {
37026 #page.drawers.show-drawer-right {
37027 margin-left: 0;
37028 margin-right: 315px;
37029 padding-right: 1rem;
37031 .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 {
37032 right: calc(315px + 2rem);
37035 @media (min-width: 992px) {
37036 #page.drawers.show-drawer-left.show-drawer-right {
37037 margin-left: 285px;
37038 margin-right: 315px;
37041 @media (min-width: 992px) {
37042 #page.drawers.hasstickyfooter {
37043 margin-bottom: max(96px, 0.9375rem * 3);
37046 .drawercontrolbuttons {
37047 margin-top: 92px;
37049 .drawercontrolbuttons .buttons {
37050 z-index: 1;
37053 .form-control:-ms-input-placeholder {
37054 color: #6a737b;
37057 .custom-select {
37058 -webkit-appearance: none;
37059 -moz-appearance: none;
37062 .custom-range {
37063 -webkit-appearance: none;
37064 -moz-appearance: none;
37066 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
37067 -webkit-appearance: none;
37068 -moz-appearance: none;
37071 input[type=date].form-control,
37072 input[type=time].form-control,
37073 input[type=datetime-local].form-control,
37074 input[type=month].form-control {
37075 -webkit-appearance: none;
37076 -moz-appearance: none;
37079 @media (min-width: 576px) {
37080 .card-columns {
37081 -webkit-column-gap: 1.25rem;
37082 -moz-column-gap: 1.25rem;
37086 .carousel-item {
37087 -webkit-backface-visibility: hidden;
37090 .card {
37091 -webkit-background-clip: border-box;
37094 .carousel-indicators li,
37095 .dropdown-menu,
37096 .form-control,
37097 .modal-content,
37098 .popover,
37099 .toast {
37100 -webkit-background-clip: padding-box;
37103 .btn {
37104 -webkit-user-select: none;
37105 -ms-user-select: none;
37108 .user-select-all {
37109 -webkit-user-select: all !important; /* stylelint-disable-line declaration-no-important */
37110 -ms-user-select: none;
37113 .user-select-auto {
37114 -webkit-user-select: auto !important; /* stylelint-disable-line declaration-no-important */
37115 -ms-user-select: none;
37118 .user-select-none {
37119 -webkit-user-select: none !important; /* stylelint-disable-line declaration-no-important */
37120 -ms-user-select: none;
37123 .editor_atto_content_wrap {
37124 background-color: #fff;
37125 color: #333;
37128 .editor_atto_content {
37129 padding: 4px;
37130 resize: vertical;
37131 overflow: auto;
37134 .editor_atto_content_wrap,
37135 .editor_atto + textarea {
37136 width: 100%;
37137 padding: 0;
37140 .editor_atto + textarea {
37141 border-radius: 0;
37142 resize: vertical;
37143 margin-top: -1px;
37146 div.editor_atto_toolbar {
37147 display: block;
37148 background: #f2f2f2;
37149 min-height: 35px;
37150 border: 1px solid #8f959e;
37151 width: 100%;
37152 padding: 0 0 9px 0;
37153 border-top-left-radius: 0.5rem;
37154 border-top-right-radius: 0.5rem;
37157 div.editor_atto_toolbar button {
37158 padding: 4px 9px;
37159 background: none;
37160 border: 0;
37161 margin: 0;
37162 border-radius: 0;
37163 cursor: pointer;
37166 div.editor_atto_toolbar .menuplaceholder {
37167 display: inline-block;
37170 div.editor_atto_toolbar button + button,
37171 div.editor_atto_toolbar .menuplaceholder + button {
37172 border-left: 1px solid #ccc;
37175 div.editor_atto_toolbar button[disabled] {
37176 opacity: 0.45;
37177 background: none;
37178 cursor: default;
37181 .editor_atto_toolbar button:hover {
37182 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
37183 background-color: #ebebeb;
37186 .editor_atto_toolbar button:active,
37187 .editor_atto_toolbar button.highlight {
37188 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
37189 background-color: #dfdfdf;
37192 /* Make firefox button sizes match other browsers */
37193 div.editor_atto_toolbar button::-moz-focus-inner {
37194 border: 0;
37195 padding: 0;
37198 div.editor_atto_toolbar button .icon {
37199 padding: 0;
37200 margin: 2px 0;
37203 div.editor_atto_toolbar div.atto_group {
37204 display: inline-block;
37205 border: 1px solid #ccc;
37206 border-bottom: 1px solid #b3b3b3;
37207 border-radius: 4px;
37208 margin: 9px 0 0 9px;
37209 background: #fff;
37212 div.editor_atto_toolbar .atto_toolbar_row {
37213 margin: 6px 0 -3px 5px;
37214 display: table;
37216 div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
37217 margin: 3px 5px 3px 4px;
37220 .editor_atto_content img {
37221 resize: both;
37222 overflow: auto;
37225 .atto_hasmenu {
37226 /* IE8 places the images on top of each other if that is not set. */
37227 white-space: nowrap;
37230 .atto_menuentry .icon {
37231 width: 16px;
37232 height: 16px;
37235 .atto_menuentry {
37236 clear: left;
37239 .atto_menuentry h1,
37240 .atto_menuentry h2,
37241 .atto_menuentry p {
37242 margin: 4px;
37245 /*.atto_form label.sameline {
37246 display: inline-block;
37247 min-width: 10em;
37249 .atto_form textarea.fullwidth,
37250 .atto_form input.fullwidth {
37251 width: 100%;
37254 .atto_form {
37255 padding: 0.5rem;
37258 /*.atto_form label {
37259 display: block;
37260 margin: 0 0 5px 0;
37262 .atto_control {
37263 position: absolute;
37264 right: -6px;
37265 bottom: -6px;
37266 display: none;
37267 cursor: pointer;
37270 .atto_control .icon {
37271 background-color: #fff;
37274 div.editor_atto_content:focus .atto_control,
37275 div.editor_atto_content:hover .atto_control {
37276 display: block;
37279 .editor_atto_menu.yui3-menu-hidden {
37280 display: none;
37283 /* Get broken images back in firefox */
37284 .editor_atto_content img:-moz-broken {
37285 -moz-force-broken-image-icon: 1;
37286 min-width: 24px;
37287 min-height: 24px;
37290 /* Atto menu styling */
37291 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
37292 padding: 0;
37293 z-index: 1000;
37296 .editor_atto_menu .dropdown-menu > li > a {
37297 margin: 3px 14px;
37300 .editor_atto_menu .open ul.dropdown-menu {
37301 padding-top: 5px;
37302 padding-bottom: 5px;
37305 .editor_atto_wrap {
37306 position: relative;
37309 /*rtl:ignore*/
37310 .editor_atto_wrap textarea {
37311 direction: ltr;
37314 .editor_atto_notification {
37315 display: inline-block;
37316 padding: 0.5em;
37317 padding-left: 1em;
37318 padding-right: 1em;
37319 border-bottom-left-radius: 1em;
37320 border-bottom-right-radius: 1em;
37322 .editor_atto_notification .atto_info {
37323 background-color: #f2f2f2;
37325 .editor_atto_notification .atto_warning {
37326 background-color: #ffd700;
37329 .editor_atto_toolbar,
37330 .editor_atto_content_wrap,
37331 .editor_atto + textarea {
37332 box-sizing: border-box;
37335 .editor_atto_content.form-control {
37336 width: 100%;
37337 border-top: 0;
37338 border-top-left-radius: 0;
37339 border-top-right-radius: 0;
37342 /** Atto fields do not have form-control because that would break the layout of the editor.
37343 So they need these extra styles to highlight the editor when there is a validation error. */
37344 .has-danger .editor_atto_content.form-control .invalid-feedback,
37345 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
37346 display: none;
37347 width: 100%;
37348 margin-top: 0.25rem;
37349 font-size: 0.875em;
37350 color: #ca3120;
37352 .has-danger .editor_atto_content.form-control .invalid-tooltip,
37353 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37354 position: absolute;
37355 top: 100%;
37356 left: 0;
37357 z-index: 5;
37358 display: none;
37359 max-width: 100%;
37360 padding: 0.25rem 0.5rem;
37361 margin-top: 0.1rem;
37362 font-size: 0.8203125rem;
37363 line-height: 1.5;
37364 color: #fff;
37365 background-color: rgba(202, 49, 32, 0.9);
37366 border-radius: 0.5rem;
37368 .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,
37369 .form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip,
37370 .form-row > [class*=col-] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37371 left: 5px;
37373 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback,
37374 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback,
37375 .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip,
37376 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback,
37377 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip,
37378 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback,
37379 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
37380 display: block;
37382 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid,
37383 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,
37384 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
37385 border-color: #ca3120;
37386 padding-right: calc(1.5em + 0.75rem) !important;
37387 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");
37388 background-repeat: no-repeat;
37389 background-position: right calc(0.375em + 0.1875rem) center;
37390 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
37392 .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,
37393 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,
37394 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
37395 border-color: #ca3120;
37396 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37398 .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,
37399 .was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid,
37400 .has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
37401 padding-right: 3rem !important;
37402 background-position: right 1.5rem center;
37404 .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,
37405 .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,
37406 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
37407 padding-right: calc(1.5em + 0.75rem);
37408 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
37410 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid,
37411 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,
37412 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
37413 border-color: #ca3120;
37414 padding-right: calc(0.75em + 2.3125rem) !important;
37415 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;
37417 .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,
37418 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,
37419 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
37420 border-color: #ca3120;
37421 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37423 .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,
37424 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label,
37425 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
37426 color: #ca3120;
37428 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback,
37429 .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,
37430 .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip,
37431 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback,
37432 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip,
37433 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback,
37434 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
37435 display: block;
37437 .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,
37438 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label,
37439 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
37440 color: #ca3120;
37442 .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,
37443 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before,
37444 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
37445 border-color: #ca3120;
37447 .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,
37448 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before,
37449 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
37450 border-color: #e04d3d;
37451 background-color: #e04d3d;
37453 .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,
37454 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before,
37455 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
37456 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37458 .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,
37459 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
37460 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
37461 border-color: #ca3120;
37463 .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,
37464 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label,
37465 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
37466 border-color: #ca3120;
37468 .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,
37469 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label,
37470 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
37471 border-color: #ca3120;
37472 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37475 .open.atto_menu > .dropdown-menu {
37476 display: block;
37479 div.editor_atto_toolbar button .icon {
37480 color: #495057;
37483 .toast {
37484 border-radius: 0.25rem;
37486 .toast.toast-success {
37487 background-color: rgba(215, 228, 214, 0.95);
37488 color: #1c3f1a;
37490 .toast.toast-success .toast-header {
37491 color: #1c3f1a;
37493 .toast.toast-success .toast-body:before {
37494 margin: 2px 5px 0 0;
37495 content: "\f058";
37497 .toast.toast-danger {
37498 background-color: rgba(244, 214, 210, 0.95);
37499 color: #691911;
37501 .toast.toast-danger .toast-header {
37502 color: #691911;
37504 .toast.toast-danger .toast-body:before {
37505 margin: 2px 5px 0 0;
37506 content: "\f057";
37508 .toast.toast-info {
37509 background-color: rgba(204, 230, 234, 0.95);
37510 color: #00434e;
37512 .toast.toast-info .toast-header {
37513 color: #00434e;
37515 .toast.toast-info .toast-body:before {
37516 margin: 2px 5px 0 0;
37517 content: "\f05a";
37519 .toast.toast-warning {
37520 background-color: rgba(252, 239, 220, 0.95);
37521 color: #7d5a29;
37523 .toast.toast-warning .toast-header {
37524 color: #7d5a29;
37526 .toast.toast-warning .toast-body:before {
37527 margin: 2px 5px 0 0;
37528 content: "\f06a";
37530 .toast .close {
37531 color: inherit;
37534 .navbar.fixed-top {
37535 padding-top: 0;
37536 padding-bottom: 0;
37537 box-shadow: none;
37538 border-bottom: #dee2e6 1px solid;
37539 align-items: stretch;
37540 height: 61px;
37542 .navbar.fixed-top .navbar-brand .logo {
37543 max-height: calc(60px - (0.25rem * 2));
37545 .navbar.fixed-top .nav-link {
37546 height: 100%;
37547 display: flex;
37548 align-items: center;
37549 white-space: nowrap;
37551 .navbar.fixed-top .divider {
37552 width: 1px;
37553 background-color: #dee2e6;
37555 .navbar.fixed-top #usernavigation .nav-link {
37556 padding: 0 0.5rem;
37558 .navbar.fixed-top .login {
37559 display: flex;
37560 align-items: center;
37562 .navbar.fixed-top .usermenu {
37563 display: flex;
37565 .navbar.fixed-top .usermenu .action-menu {
37566 display: flex;
37567 align-items: center;
37569 .navbar.fixed-top .usermenu .dropdown {
37570 display: flex;
37571 align-items: center;
37573 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
37574 padding-top: 0;
37575 padding-bottom: 0;
37576 border-radius: 0;
37577 display: flex;
37578 align-items: center;
37579 height: 100%;
37581 .navbar.fixed-top .usermenu .dropdown-menu {
37582 min-width: 235px;
37584 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
37585 pointer-events: none;
37587 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
37588 padding: 0.25rem 1.75rem 0.25rem 0.75rem;
37590 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37591 content: "\f0da";
37592 font-size: 1rem;
37593 right: 0.75rem;
37594 position: absolute;
37596 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
37597 padding: 0.25rem 0.75rem;
37598 font-size: 0.975rem;
37600 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
37601 font-size: 20px;
37602 height: 20px;
37603 width: 20px;
37604 margin: 0;
37606 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before {
37607 content: "\f00c";
37608 font-size: 0.75rem;
37609 padding-left: 0.25rem;
37611 .navbar.fixed-top .usermenu .login {
37612 display: flex;
37613 align-items: center;
37615 .navbar.fixed-top .usermenu .dropdown,
37616 .navbar.fixed-top .langmenu .dropdown {
37617 display: flex;
37618 align-items: center;
37619 height: 100%;
37621 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
37622 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
37623 padding-top: 0;
37624 padding-bottom: 0;
37625 border-radius: 0;
37626 display: flex;
37627 align-items: center;
37628 height: 100%;
37630 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current=true]::before {
37631 content: "\f00c";
37632 font-size: 0.75rem;
37633 padding-left: 0.25rem;
37635 @media (max-width: 767.98px) {
37636 .navbar.fixed-top .langmenu .langbutton {
37637 display: none;
37640 .navbar.fixed-top .moodle-actionmenu .menubar,
37641 .navbar.fixed-top .action-menu-trigger .dropdown {
37642 height: 100%;
37643 display: flex;
37646 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37647 content: "\f0d9";
37649 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
37650 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
37651 transform: translateX(0);
37653 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
37654 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
37655 transform: translateX(-100%);
37657 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
37658 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
37659 transform: translateX(100%);
37662 #page {
37663 margin-top: 60px;
37666 .pagelayout-embedded #page {
37667 margin-top: 0;
37670 .navbar-bootswatch .navbar-brand {
37671 overflow: hidden;
37672 text-overflow: ellipsis;
37674 .navbar-bootswatch .navbar-brand .sitename {
37675 overflow: hidden;
37676 white-space: nowrap;
37677 text-overflow: ellipsis;
37680 :root {
37681 --navbar-height: 60px;
37685 * Reportbuilder styles.
37687 .reportbuilder-wrapper .btn-outline-secondary[data-toggle=collapse]:not(.collapsed),
37688 .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-toggle=dropdown] {
37689 color: #fff;
37690 background-color: #6a737b;
37691 border-color: #6a737b;
37694 .reportbuilder-table .action-menu .menubar {
37695 justify-content: end;
37698 .reportbuilder-wrapper .filters-dropdown {
37699 width: 27rem;
37700 padding: 0 0 4rem 0;
37701 z-index: 1050;
37702 overflow: hidden;
37704 @media (max-width: 767.98px) {
37705 .reportbuilder-wrapper .filters-dropdown {
37706 width: 100%;
37710 .reportbuilder-filters-sidebar {
37711 max-height: 30rem;
37712 overflow-y: auto;
37713 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37714 scrollbar-width: thin;
37715 scrollbar-color: #6a737b #fff;
37716 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;
37717 background-repeat: no-repeat;
37718 background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
37719 background-attachment: local, local, scroll, scroll;
37721 .reportbuilder-filters-sidebar::-webkit-scrollbar {
37722 width: 12px;
37724 .reportbuilder-filters-sidebar::-webkit-scrollbar-track {
37725 background: #fff;
37727 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
37728 background-color: #6a737b;
37729 border-radius: 20px;
37730 border: 3px solid #fff;
37732 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
37733 background-color: #495057;
37735 .reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
37736 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37738 .reportbuilder-filters-sidebar .filter .filter-name:hover {
37739 white-space: normal;
37740 text-overflow: clip;
37741 word-break: break-all;
37743 .reportbuilder-filters-sidebar .form-group[data-groupname=buttonar] {
37744 position: absolute;
37745 bottom: 0;
37746 height: 4rem;
37747 align-items: center;
37749 .reportbuilder-filters-sidebar .form-group[data-groupname=buttonar] .col-form-label {
37750 display: none !important; /* stylelint-disable-line declaration-no-important */
37753 .reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector,
37754 .reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
37755 flex-wrap: wrap;
37757 .reportbuilder-filters-wrapper .mform.full-width-labels .form-group,
37758 .reportbuilder-conditions-list .mform.full-width-labels .form-group {
37759 margin-bottom: 0;
37760 max-width: 100%;
37762 .reportbuilder-filters-wrapper .mform.full-width-labels .form-group:not(.row):last-child,
37763 .reportbuilder-conditions-list .mform.full-width-labels .form-group:not(.row):last-child {
37764 flex: 1;
37765 min-width: 0;
37767 .reportbuilder-filters-wrapper .mform.full-width-labels .form-group:not(.row):last-child span,
37768 .reportbuilder-filters-wrapper .mform.full-width-labels .form-group:not(.row):last-child .custom-select,
37769 .reportbuilder-conditions-list .mform.full-width-labels .form-group:not(.row):last-child span,
37770 .reportbuilder-conditions-list .mform.full-width-labels .form-group:not(.row):last-child .custom-select {
37771 width: 100%;
37774 @media (min-width: 992px) {
37775 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
37776 position: fixed;
37778 .path-admin-reportbuilder.pagelayout-popup #region-main {
37779 border: none;
37780 padding: 0;
37782 .path-admin-reportbuilder.pagelayout-popup #maincontent {
37783 visibility: hidden;
37785 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
37786 position: fixed;
37787 z-index: 1030;
37788 width: calc(100% - 35px);
37789 padding-top: 1.25rem;
37790 background-color: #fff;
37791 box-shadow: 0 1.25rem 0 #fff;
37793 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
37794 padding-top: 83px;
37796 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
37797 position: fixed;
37799 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
37800 max-height: calc(100vh - 163px - 52px);
37802 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
37803 position: fixed;
37804 right: 30px;
37805 max-height: calc(100vh - 163px);
37807 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
37808 max-height: calc(100vh - 163px);
37809 overflow-y: auto;
37810 scrollbar-width: thin;
37811 scrollbar-color: #6a737b #f8f9fa;
37812 margin-left: calc(250px + 1rem);
37813 margin-right: calc(350px + 1rem);
37815 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
37816 width: 12px;
37818 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
37819 background: #f8f9fa;
37821 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
37822 background-color: #6a737b;
37823 border-radius: 20px;
37824 border: 3px solid #f8f9fa;
37826 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
37827 background-color: #495057;
37829 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
37830 margin-left: calc(250px + 1rem);
37833 #page-admin-reportbuilder-edit #page {
37834 overflow-y: auto;
37837 .reportbuilder-report-container {
37838 min-width: 0;
37840 .reportbuilder-report-container button[data-action=toggle-edit-preview] .loading-icon {
37841 margin-left: 0.5rem;
37844 .reportbuilder-editor-table-container {
37845 overflow-x: auto;
37848 .reportbuilder-table th button[data-action=report-remove-column] .icon,
37849 .reportbuilder-table th span[data-drag-type=move] .icon {
37850 width: 12px;
37851 height: 12px;
37852 font-size: 12px;
37853 vertical-align: text-top;
37854 color: #1d2125;
37856 .reportbuilder-table th button[data-action=report-remove-column] .icon {
37857 margin-right: 0;
37860 @media (min-width: 992px) {
37861 .reportbuilder-sidebar-menu {
37862 width: 250px;
37863 flex-shrink: 0;
37866 .reportbuilder-sidebar-menu .card-body .list-group-item {
37867 padding: 0.75rem;
37869 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
37870 width: 12px;
37871 height: 12px;
37872 font-size: 12px;
37875 .reportbuilder-sidebar-menu-cards {
37876 overflow-y: auto;
37877 scrollbar-width: thin;
37878 scrollbar-color: #6a737b #f8f9fa;
37880 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
37881 width: 12px;
37883 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
37884 background: #f8f9fa;
37886 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
37887 background-color: #6a737b;
37888 border-radius: 20px;
37889 border: 3px solid #f8f9fa;
37891 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
37892 background-color: #495057;
37895 .reportbuilder-sidebar-settings {
37896 overflow-y: auto;
37897 scrollbar-width: thin;
37898 scrollbar-color: #6a737b #f8f9fa;
37900 .reportbuilder-sidebar-settings::-webkit-scrollbar {
37901 width: 12px;
37903 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
37904 background: #f8f9fa;
37906 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
37907 background-color: #6a737b;
37908 border-radius: 20px;
37909 border: 3px solid #f8f9fa;
37911 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
37912 background-color: #495057;
37914 @media (min-width: 992px) {
37915 .reportbuilder-sidebar-settings {
37916 width: 350px;
37917 flex-shrink: 0;
37920 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-selection,
37921 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-selection {
37922 display: none;
37924 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-input,
37925 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-input {
37926 width: 100%;
37928 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-suggestions,
37929 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-suggestions {
37930 width: calc(100% - 2 * 0.5rem);
37932 .reportbuilder-sidebar-settings .list-group-item {
37933 padding: 0.75rem;
37935 .reportbuilder-sidebar-settings .list-group-item .icon {
37936 width: 12px;
37937 height: 12px;
37938 font-size: 12px;
37939 color: #1d2125;
37941 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
37942 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
37943 margin-right: 0;
37944 vertical-align: text-top;
37946 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
37947 vertical-align: text-top;
37949 .reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
37950 vertical-align: middle;
37952 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
37953 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
37954 flex: 1 1;
37955 max-width: initial;
37957 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
37958 flex-basis: auto;
37960 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
37961 width: 100%;
37964 @keyframes sortable-list-drag-color-reset {
37965 from {
37966 background-color: #a2cff8;
37968 to {
37969 background-color: inherit;
37972 .reportbuilder-sortable-list li.sortable-list-current-position,
37973 .reportbuilder-table th.sortable-list-current-position,
37974 .reportbuilder-conditions-list .condition.sortable-list-current-position {
37975 background-color: #a2cff8;
37977 .reportbuilder-sortable-list li.sortable-list-is-dragged,
37978 .reportbuilder-table th.sortable-list-is-dragged,
37979 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
37980 background-color: #fff;
37981 opacity: 0.85;
37983 .reportbuilder-sortable-list li.sortable-list-is-dropped,
37984 .reportbuilder-table th.sortable-list-is-dropped,
37985 .reportbuilder-conditions-list .condition.sortable-list-is-dropped {
37986 animation: sortable-list-drag-color-reset 1s ease;
37989 .reportbuilder-toggle-card .card-header {
37990 border-bottom: none;
37992 .reportbuilder-toggle-card .card-body {
37993 border-top: 1px solid rgba(0, 0, 0, 0.125);
37995 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
37996 color: #6a737b;
37997 font-size: 1.5em;
37998 font-weight: 700;
38000 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
38001 display: none;
38003 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
38004 display: inline-block;
38006 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
38007 display: inline-block;
38009 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
38010 display: none;
38013 .reportbuilder-audiences-container .audience-separator {
38014 text-transform: uppercase;
38016 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
38017 content: "";
38018 flex: 1;
38019 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
38021 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
38022 margin-right: 1rem;
38024 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
38025 margin-left: 1rem;
38027 .reportbuilder-audiences-container .instance-card .card-header i.icon {
38028 margin-right: 0;
38031 @media (max-width: 575.98px) {
38032 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
38033 display: none;
38035 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
38036 display: flex;
38037 flex-direction: column;
38038 margin: 0.5rem 0;
38039 padding: 0.25rem 0.5rem 0 0.5rem;
38040 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38041 word-wrap: break-word;
38042 background-clip: border-box;
38043 border: 1px solid rgba(0, 0, 0, 0.125);
38044 border-radius: 0.5rem;
38046 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
38047 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38049 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
38050 display: none;
38052 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38053 display: none;
38055 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
38056 display: block;
38057 min-height: 3.6rem;
38058 padding: 0.5rem 0.25rem;
38059 border: none;
38061 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
38062 content: attr(data-cardtitle);
38063 display: block;
38064 text-transform: uppercase;
38065 font-size: 70%;
38066 color: #343a40;
38068 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
38069 min-height: 3rem;
38071 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38072 border-top: 1px solid rgba(0, 0, 0, 0.125);
38074 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
38075 padding-right: 2rem;
38077 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
38078 display: block !important; /* stylelint-disable-line declaration-no-important */
38079 position: absolute;
38080 right: 10px;
38082 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
38083 padding: 0 0.5rem;
38084 color: #6a737b;
38086 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
38087 font-size: 1.5em;
38088 font-weight: bold;
38091 @media (min-width: 576px) {
38092 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
38093 display: none;
38095 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
38096 display: flex;
38097 flex-direction: column;
38098 margin: 0.5rem 0;
38099 padding: 0.25rem 0.5rem 0 0.5rem;
38100 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38101 word-wrap: break-word;
38102 background-clip: border-box;
38103 border: 1px solid rgba(0, 0, 0, 0.125);
38104 border-radius: 0.5rem;
38106 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
38107 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38109 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
38110 display: none;
38112 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38113 display: none;
38115 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
38116 display: block;
38117 min-height: 3.6rem;
38118 padding: 0.5rem 0.25rem;
38119 border: none;
38121 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
38122 content: attr(data-cardtitle);
38123 display: block;
38124 text-transform: uppercase;
38125 font-size: 70%;
38126 color: #343a40;
38128 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
38129 min-height: 3rem;
38131 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38132 border-top: 1px solid rgba(0, 0, 0, 0.125);
38134 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
38135 padding-right: 2rem;
38137 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
38138 display: block !important; /* stylelint-disable-line declaration-no-important */
38139 position: absolute;
38140 right: 10px;
38142 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
38143 padding: 0 0.5rem;
38144 color: #6a737b;
38146 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
38147 font-size: 1.5em;
38148 font-weight: bold;
38152 .courseindex .courseindex-item {
38153 padding: 0.5rem 0.5rem;
38154 border: 1px solid transparent;
38155 border-radius: 0.5rem;
38157 .courseindex .courseindex-item.courseindex-section-title a {
38158 font-weight: bold;
38160 .courseindex .courseindex-item .icons-collapse-expand {
38161 padding-right: 4px;
38163 .courseindex .courseindex-item .courseindex-link,
38164 .courseindex .courseindex-item .courseindex-chevron {
38165 color: #495057;
38167 .courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus,
38168 .courseindex .courseindex-item .courseindex-chevron:hover,
38169 .courseindex .courseindex-item .courseindex-chevron:focus {
38170 color: black;
38171 text-decoration: none;
38173 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
38174 color: black;
38176 .courseindex .courseindex-item:hover .courseindex-link,
38177 .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
38178 .courseindex .courseindex-item:focus .courseindex-chevron {
38179 color: black;
38180 cursor: pointer;
38182 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
38183 color: black;
38185 .courseindex .courseindex-item:hover.dimmed .courseindex-link,
38186 .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
38187 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
38188 color: black;
38190 .courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
38191 cursor: pointer;
38193 .courseindex .courseindex-item.dragging {
38194 border: 1px solid #b8dce2;
38195 background-color: #e0f0f2;
38197 .courseindex .courseindex-item.active {
38198 background-color: #f8f9fa;
38199 border-color: #dee2e6;
38201 .courseindex .courseindex-item.dimmed {
38202 color: #6a737b;
38204 .courseindex .courseindex-item.dimmed .courseindex-link,
38205 .courseindex .courseindex-item.dimmed .courseindex-chevron {
38206 color: #6a737b;
38208 .courseindex .courseindex-item.dimmed.pageitem {
38209 color: #fff;
38211 .courseindex .courseindex-item.dimmed.pageitem a {
38212 color: #fff;
38214 .courseindex .courseindex-item .courseindex-locked {
38215 display: none;
38217 .courseindex .courseindex-item.restrictions .courseindex-locked {
38218 display: block;
38220 .courseindex .courseindex-item.pageitem {
38221 background-color: #0f6cbf;
38222 color: #fff;
38223 scroll-margin: 6rem;
38225 .courseindex .courseindex-item.pageitem a {
38226 color: #fff;
38228 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
38229 background-color: #0c589c;
38230 color: #e6e6e6;
38232 .courseindex .courseindex-item.pageitem:hover .courseindex-link,
38233 .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
38234 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
38235 color: #e6e6e6;
38237 .courseindex .courseindex-item .completioninfo {
38238 min-width: 24px;
38240 .courseindex .courseindex-item .completioninfo.completion_complete {
38241 color: #357a32;
38243 .courseindex .courseindex-item .completioninfo.completion_fail {
38244 color: #ca3120;
38246 .courseindex .courseindex-item.indented {
38247 margin-left: 1rem;
38249 .courseindex .courseindex-section {
38250 border-left: solid 3px transparent;
38252 .courseindex .courseindex-section.dragging {
38253 border: 1px solid #b8dce2;
38254 background-color: #e0f0f2;
38256 .courseindex .courseindex-section .current-badge {
38257 line-height: 1.5;
38258 display: none;
38260 .courseindex .courseindex-section.current {
38261 border-left: solid 3px #0f6cbf;
38263 .courseindex .courseindex-section.current .current-badge {
38264 display: inline-block;
38266 .courseindex .courseindex-section.dropready .courseindex-item-content {
38267 /* Extra dropzone space */
38268 padding-bottom: 1em;
38270 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
38271 padding-left: 0.5rem;
38273 .courseindex .icon {
38274 font-size: 12px;
38276 .courseindex .d-flex-noedit {
38277 display: none;
38279 .courseindex.editing .d-flex-noedit {
38280 display: flex;
38282 .courseindex .placeholders .rounded-circle {
38283 height: 1rem;
38284 width: 1rem;
38286 .courseindex .placeholders .w-100 {
38287 height: 1rem;
38288 margin: 0.5rem 0;
38291 .moremenu {
38292 opacity: 0;
38293 height: 60px;
38295 .moremenu.observed {
38296 opacity: 1;
38298 .moremenu .nav-link {
38299 height: 60px;
38300 display: flex;
38301 align-items: center;
38302 border-right: none;
38303 border-bottom: solid 3px transparent;
38304 border-left: none;
38305 border-top: none;
38307 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
38308 border-color: transparent;
38309 background-color: #f8f9fa;
38311 .moremenu .nav-link.active {
38312 background-color: #f8f9fa;
38313 border-color: transparent;
38314 border-bottom-color: #0f6cbf;
38316 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
38317 background-color: #f8f9fa;
38318 border-bottom-color: #0f6cbf;
38320 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
38321 position: relative;
38323 .moremenu .nav-link[data-toggle=tab] {
38324 display: inline-flex;
38325 flex-direction: column;
38326 align-items: center;
38327 justify-content: center;
38329 .moremenu .nav-link[data-toggle=tab]::after {
38330 content: attr(data-text)/"";
38331 height: 0;
38332 visibility: hidden;
38333 overflow: hidden;
38334 user-select: none;
38335 pointer-events: none;
38336 font-weight: bold;
38338 @media speech {
38339 .moremenu .nav-link[data-toggle=tab]::after {
38340 display: none;
38343 .moremenu .nav-tabs {
38344 margin-left: 0;
38345 background-color: #fff;
38347 .moremenu .show > .nav-link,
38348 .moremenu .active > .nav-link,
38349 .moremenu .nav-link.show,
38350 .moremenu .nav-link.active {
38351 background: transparent;
38353 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
38354 padding: 0;
38356 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
38357 position: static;
38358 padding: 0;
38359 border: 0;
38361 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
38362 display: block;
38364 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
38365 background-color: #f8f9fa;
38367 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
38368 color: #fff;
38369 background-color: #0f6cbf;
38371 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
38372 display: none;
38374 .moremenu .dropdown-item[aria-current=true],
38375 .moremenu .dropdown-item.active {
38376 background-color: transparent;
38377 color: #1d2125;
38379 .moremenu .dropdown-item[aria-current=true]:focus-within, .moremenu .dropdown-item[aria-current=true]:hover,
38380 .moremenu .dropdown-item.active:focus-within,
38381 .moremenu .dropdown-item.active:hover {
38382 background-color: #0f6cbf;
38383 color: #fff;
38385 .moremenu .dropdown-item[aria-current=true]:focus-within a, .moremenu .dropdown-item[aria-current=true]:hover a,
38386 .moremenu .dropdown-item.active:focus-within a,
38387 .moremenu .dropdown-item.active:hover a {
38388 color: #fff;
38390 .moremenu .dropdown-item[aria-current=true]:before,
38391 .moremenu .dropdown-item.active:before {
38392 content: "\f00c";
38395 .primary-navigation .navigation {
38396 height: 60px;
38398 .primary-navigation .navigation .nav-link {
38399 height: 60px;
38400 color: #1d2125;
38401 border-top: 3px solid transparent;
38404 @media (max-width: 767.98px) {
38405 .primary-navigation {
38406 display: none;
38408 .editmode-switch-form label {
38409 position: absolute;
38410 width: 1px;
38411 height: 1px;
38412 padding: 0;
38413 margin: -1px;
38414 overflow: hidden;
38415 clip: rect(0, 0, 0, 0);
38416 white-space: nowrap;
38417 border: 0;
38420 .editmode-switch-form .custom-control-input {
38421 width: 100%;
38422 z-index: 1;
38425 .drawer-primary .drawercontent {
38426 padding: 0;
38428 .drawer-primary .drawercontent .list-group {
38429 border-radius: 0;
38430 margin-top: -1px;
38432 .drawer-primary .drawercontent .list-group .list-group-item {
38433 border-left: 0;
38434 border-right: 0;
38437 .secondary-navigation {
38438 padding-bottom: 15px;
38440 .secondary-navigation .navigation {
38441 border-bottom: 1px solid #dee2e6;
38442 background-color: #fff;
38443 margin: 0 -0.5rem;
38444 padding: 0 0.5rem;
38446 .secondary-navigation .navigation .nav-tabs {
38447 border: none;
38448 max-width: 830px;
38449 margin: 0 auto;
38451 .secondary-navigation .navigation .nav-tabs .nav-link {
38452 border-radius: initial;
38455 @media (min-width: 768px) {
38456 .secondary-navigation .navigation {
38457 padding: 0 calc(0.5rem + 15px);
38460 .tertiary-navigation {
38461 padding-top: 10px;
38463 .tertiary-navigation.full-width-bottom-border {
38464 width: calc(100% + 1rem + 30px);
38465 margin-left: calc(-0.5rem - 15px);
38466 margin-right: calc(-0.5rem - 15px);
38467 border-bottom: 1px solid #dee2e6;
38468 margin-bottom: 25px;
38470 @media (max-width: 767.98px) {
38471 .tertiary-navigation.full-width-bottom-border {
38472 width: calc(100% + 1rem);
38473 margin-left: -0.5rem;
38474 margin-right: -0.5rem;
38477 .tertiary-navigation.full-width-bottom-border .row {
38478 margin: 0;
38479 padding-left: 0.5rem;
38480 padding-right: 0.5rem;
38482 .tertiary-navigation .navitem,
38483 .tertiary-navigation .navitem-divider {
38484 display: flex;
38485 margin-bottom: 25px;
38487 .tertiary-navigation .navitem-divider {
38488 width: 1px;
38489 background-color: #dee2e6;
38491 .tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
38492 margin-bottom: 25px;
38494 .tertiary-navigation .row {
38495 column-gap: 10px;
38497 .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
38498 padding: 0;
38499 font-size: 1.4rem;
38500 font-weight: bold;
38502 .tertiary-navigation .navitem:not(:last-child),
38503 .tertiary-navigation .navitem-divider:not(:last-child) {
38504 margin-right: 20px;
38506 .tertiary-navigation .btn > div {
38507 max-width: 200px;
38510 @media (max-width: 767.98px) {
38511 .tertiary-navigation .mform {
38512 padding-left: initial;
38515 @media (max-width: 575.98px) {
38516 .tertiary-navigation .page-toggler > p {
38517 font-size: 80%;
38520 @media print {
38521 .tertiary-navigation {
38522 display: none;
38525 .popover-process-monitor {
38526 position: fixed;
38527 right: 2rem;
38528 bottom: 5rem;
38529 width: 350px;
38530 background-color: #fff;
38531 border-radius: 0.5rem;
38532 border: 1px solid #dee2e6;
38534 .popover-process-monitor .process-list {
38535 max-height: 30vh;
38536 overflow: auto;
38537 scrollbar-width: thin;
38538 scrollbar-color: #6a737b #f8f9fa;
38540 .popover-process-monitor .process-list::-webkit-scrollbar {
38541 width: 12px;
38543 .popover-process-monitor .process-list::-webkit-scrollbar-track {
38544 background: #f8f9fa;
38546 .popover-process-monitor .process-list::-webkit-scrollbar-thumb {
38547 background-color: #6a737b;
38548 border-radius: 20px;
38549 border: 3px solid #f8f9fa;
38551 .popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
38552 background-color: #495057;
38554 .popover-process-monitor .queue-process {
38555 border-bottom: 1px solid #e9ecef;
38557 .popover-process-monitor .queue-process:last-child {
38558 border-bottom: 0;
38561 .moodlenet-share-dialog {
38562 min-height: 500px;
38564 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
38565 align-items: baseline;
38567 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
38568 display: flex;
38570 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
38571 width: auto;
38572 height: 1.3rem;
38574 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
38575 display: flex;
38576 padding-left: 0.5em;
38578 .moodlenet-share-dialog .modal-header.no-border {
38579 border-bottom: none;
38581 .moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
38582 display: none;
38584 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
38585 border-radius: 0.5rem;
38586 color: #1d2125;
38587 background-color: #f5f9fc;
38588 border-color: #3584c9;
38589 border-width: 1px;
38590 border-style: solid;
38591 padding: 0.6em 1.5em;
38592 margin-bottom: 1rem;
38594 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
38595 border-top-color: #3077b5;
38597 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
38598 color: #070808;
38600 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
38601 border-bottom: 1px solid #dee2e6;
38603 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type,
38604 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
38605 display: block;
38607 .moodlenet-share-dialog .modal-body .moodlenet-share-notice {
38608 background-color: #f8f9fa;
38609 padding: 1rem;
38611 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
38612 width: 60px;
38613 height: 60px;
38614 font-size: 60px;
38616 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
38617 height: 18rem;
38618 margin: auto;
38620 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
38621 background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
38623 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
38624 background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
38626 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
38627 display: block;
38628 margin: auto;
38630 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
38631 font-size: 8rem;
38632 width: auto;
38633 margin: 0;
38635 .moodlenet-share-dialog .modal-footer .moodlenet-share-to {
38636 margin-right: auto;
38640 * Dropdown menu Moodle specific styles.
38642 .dropdown-item a {
38643 display: block;
38644 width: 100%;
38645 color: #1d2125;
38647 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
38648 outline: 0;
38649 background-color: #0f6cbf;
38650 color: #fff;
38652 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
38653 color: #fff;
38655 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
38656 position: relative;
38657 display: flex;
38658 align-items: center;
38660 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
38661 content: "\f00c";
38662 position: absolute;
38663 left: 0.4rem;
38664 font-size: 0.7rem;
38667 .dropdown-menu {
38668 width: fit-content;
38671 .dropdown-item.text-primary {
38672 color: #0f6cbf;
38674 .dropdown-item.text-primary:hover {
38675 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38678 .dropdown-item.text-secondary {
38679 color: #ced4da;
38681 .dropdown-item.text-secondary:hover {
38682 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38685 .dropdown-item.text-success {
38686 color: #357a32;
38688 .dropdown-item.text-success:hover {
38689 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38692 .dropdown-item.text-info {
38693 color: #008196;
38695 .dropdown-item.text-info:hover {
38696 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38699 .dropdown-item.text-warning {
38700 color: #f0ad4e;
38702 .dropdown-item.text-warning:hover {
38703 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38706 .dropdown-item.text-danger {
38707 color: #ca3120;
38709 .dropdown-item.text-danger:hover {
38710 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38713 .dropdown-item.text-light {
38714 color: #f8f9fa;
38716 .dropdown-item.text-light:hover {
38717 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38720 .dropdown-item.text-dark {
38721 color: #343a40;
38723 .dropdown-item.text-dark:hover {
38724 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38728 Deprecations
38730 .path-course-view li.activity form.togglecompletion {
38731 /* stylelint-disable declaration-no-important */
38732 /* stylelint-enable */
38734 body.behat-site .path-course-view li.activity form.togglecompletion,
38735 .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,
38736 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion {
38737 outline: 3px dotted #ca3120 !important;
38738 background-color: #fceeed !important;
38740 body.behat-site .path-course-view li.activity form.togglecompletion::before,
38741 .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,
38742 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion::before {
38743 content: "Deprecated style in use" !important;
38744 color: #ca3120 !important;
38745 font-size: smaller !important;
38748 .path-course-view li.activity form.togglecompletion .ajaxworking {
38749 width: 16px;
38750 height: 16px;
38751 position: absolute;
38752 right: 22px;
38753 top: 3px;
38754 background: url([[pix:i/ajaxloader]]) no-repeat;
38757 .path-course-view li.activity form.togglecompletion .btn {
38758 padding: 0;
38761 .path-course-view li.activity form.togglecompletion img {
38762 max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
38765 body {
38766 -webkit-font-smoothing: antialiased;
38767 -moz-osx-font-smoothing: grayscale;
38770 .navbar {
38771 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
38774 .userpicture {
38775 border-radius: 50%;
38778 .btn-outline-secondary {
38779 color: #6a737b;
38780 border-color: #6a737b;
38781 border-color: #6a737b;
38783 .btn-outline-secondary:hover {
38784 color: #fff;
38785 background-color: #6a737b;
38786 border-color: #6a737b;
38788 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
38789 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38791 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
38792 color: #6a737b;
38793 background-color: transparent;
38795 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
38796 color: #fff;
38797 background-color: #6a737b;
38798 border-color: #6a737b;
38800 .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 {
38801 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38804 .btn-outline-info {
38805 color: #1f7e9a;
38806 border-color: #1f7e9a;
38808 .btn-outline-info:hover {
38809 color: #fff;
38810 background-color: #1f7e9a;
38811 border-color: #1f7e9a;
38813 .btn-outline-info:focus, .btn-outline-info.focus {
38814 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38816 .btn-outline-info.disabled, .btn-outline-info:disabled {
38817 color: #1f7e9a;
38818 background-color: transparent;
38820 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
38821 color: #fff;
38822 background-color: #1f7e9a;
38823 border-color: #1f7e9a;
38825 .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 {
38826 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38829 .btn-outline-warning {
38830 color: #a6670e;
38831 border-color: #a6670e;
38833 .btn-outline-warning:hover {
38834 color: #fff;
38835 background-color: #a6670e;
38836 border-color: #a6670e;
38838 .btn-outline-warning:focus, .btn-outline-warning.focus {
38839 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38841 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
38842 color: #a6670e;
38843 background-color: transparent;
38845 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
38846 color: #fff;
38847 background-color: #a6670e;
38848 border-color: #a6670e;
38850 .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 {
38851 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38854 .bg-gray {
38855 background-color: #e9ecef !important;
38858 a.bg-gray:hover, a.bg-gray:focus,
38859 button.bg-gray:hover,
38860 button.bg-gray:focus {
38861 background-color: #cbd3da !important;