MDL-73975 course: Remove course_search_form template
[moodle.git] / theme / classic / style / moodle.css
blob5a75c81337b5d02a68837594078d36b14362b5d4
1 @charset "UTF-8";
2 /*!
3 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
4 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
5 * Copyright 2023 Fonticons, Inc.
6 */
7 :root, :host {
8 --fa-style-family-brands: "Font Awesome 6 Brands";
9 --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
12 @font-face {
13 font-family: "Font Awesome 6 Brands";
14 font-style: normal;
15 font-weight: 400;
16 font-display: block;
17 src: url("[[font:core|fa-brands-400.woff2]]") format("woff2"), url("[[font:core|fa-brands-400.ttf]]") format("truetype");
19 .fab,
20 .fa-brands {
21 font-weight: 400;
24 .fa-monero:before {
25 content: "\f3d0";
28 .fa-hooli:before {
29 content: "\f427";
32 .fa-yelp:before {
33 content: "\f1e9";
36 .fa-cc-visa:before {
37 content: "\f1f0";
40 .fa-lastfm:before {
41 content: "\f202";
44 .fa-shopware:before {
45 content: "\f5b5";
48 .fa-creative-commons-nc:before {
49 content: "\f4e8";
52 .fa-aws:before {
53 content: "\f375";
56 .fa-redhat:before {
57 content: "\f7bc";
60 .fa-yoast:before {
61 content: "\f2b1";
64 .fa-cloudflare:before {
65 content: "\e07d";
68 .fa-ups:before {
69 content: "\f7e0";
72 .fa-pixiv:before {
73 content: "\e640";
76 .fa-wpexplorer:before {
77 content: "\f2de";
80 .fa-dyalog:before {
81 content: "\f399";
84 .fa-bity:before {
85 content: "\f37a";
88 .fa-stackpath:before {
89 content: "\f842";
92 .fa-buysellads:before {
93 content: "\f20d";
96 .fa-first-order:before {
97 content: "\f2b0";
100 .fa-modx:before {
101 content: "\f285";
104 .fa-guilded:before {
105 content: "\e07e";
108 .fa-vnv:before {
109 content: "\f40b";
112 .fa-square-js:before {
113 content: "\f3b9";
116 .fa-js-square:before {
117 content: "\f3b9";
120 .fa-microsoft:before {
121 content: "\f3ca";
124 .fa-qq:before {
125 content: "\f1d6";
128 .fa-orcid:before {
129 content: "\f8d2";
132 .fa-java:before {
133 content: "\f4e4";
136 .fa-invision:before {
137 content: "\f7b0";
140 .fa-creative-commons-pd-alt:before {
141 content: "\f4ed";
144 .fa-centercode:before {
145 content: "\f380";
148 .fa-glide-g:before {
149 content: "\f2a6";
152 .fa-drupal:before {
153 content: "\f1a9";
156 .fa-hire-a-helper:before {
157 content: "\f3b0";
160 .fa-creative-commons-by:before {
161 content: "\f4e7";
164 .fa-unity:before {
165 content: "\e049";
168 .fa-whmcs:before {
169 content: "\f40d";
172 .fa-rocketchat:before {
173 content: "\f3e8";
176 .fa-vk:before {
177 content: "\f189";
180 .fa-untappd:before {
181 content: "\f405";
184 .fa-mailchimp:before {
185 content: "\f59e";
188 .fa-css3-alt:before {
189 content: "\f38b";
192 .fa-square-reddit:before {
193 content: "\f1a2";
196 .fa-reddit-square:before {
197 content: "\f1a2";
200 .fa-vimeo-v:before {
201 content: "\f27d";
204 .fa-contao:before {
205 content: "\f26d";
208 .fa-square-font-awesome:before {
209 content: "\e5ad";
212 .fa-deskpro:before {
213 content: "\f38f";
216 .fa-brave:before {
217 content: "\e63c";
220 .fa-sistrix:before {
221 content: "\f3ee";
224 .fa-square-instagram:before {
225 content: "\e055";
228 .fa-instagram-square:before {
229 content: "\e055";
232 .fa-battle-net:before {
233 content: "\f835";
236 .fa-the-red-yeti:before {
237 content: "\f69d";
240 .fa-square-hacker-news:before {
241 content: "\f3af";
244 .fa-hacker-news-square:before {
245 content: "\f3af";
248 .fa-edge:before {
249 content: "\f282";
252 .fa-threads:before {
253 content: "\e618";
256 .fa-napster:before {
257 content: "\f3d2";
260 .fa-square-snapchat:before {
261 content: "\f2ad";
264 .fa-snapchat-square:before {
265 content: "\f2ad";
268 .fa-google-plus-g:before {
269 content: "\f0d5";
272 .fa-artstation:before {
273 content: "\f77a";
276 .fa-markdown:before {
277 content: "\f60f";
280 .fa-sourcetree:before {
281 content: "\f7d3";
284 .fa-google-plus:before {
285 content: "\f2b3";
288 .fa-diaspora:before {
289 content: "\f791";
292 .fa-foursquare:before {
293 content: "\f180";
296 .fa-stack-overflow:before {
297 content: "\f16c";
300 .fa-github-alt:before {
301 content: "\f113";
304 .fa-phoenix-squadron:before {
305 content: "\f511";
308 .fa-pagelines:before {
309 content: "\f18c";
312 .fa-algolia:before {
313 content: "\f36c";
316 .fa-red-river:before {
317 content: "\f3e3";
320 .fa-creative-commons-sa:before {
321 content: "\f4ef";
324 .fa-safari:before {
325 content: "\f267";
328 .fa-google:before {
329 content: "\f1a0";
332 .fa-square-font-awesome-stroke:before {
333 content: "\f35c";
336 .fa-font-awesome-alt:before {
337 content: "\f35c";
340 .fa-atlassian:before {
341 content: "\f77b";
344 .fa-linkedin-in:before {
345 content: "\f0e1";
348 .fa-digital-ocean:before {
349 content: "\f391";
352 .fa-nimblr:before {
353 content: "\f5a8";
356 .fa-chromecast:before {
357 content: "\f838";
360 .fa-evernote:before {
361 content: "\f839";
364 .fa-hacker-news:before {
365 content: "\f1d4";
368 .fa-creative-commons-sampling:before {
369 content: "\f4f0";
372 .fa-adversal:before {
373 content: "\f36a";
376 .fa-creative-commons:before {
377 content: "\f25e";
380 .fa-watchman-monitoring:before {
381 content: "\e087";
384 .fa-fonticons:before {
385 content: "\f280";
388 .fa-weixin:before {
389 content: "\f1d7";
392 .fa-shirtsinbulk:before {
393 content: "\f214";
396 .fa-codepen:before {
397 content: "\f1cb";
400 .fa-git-alt:before {
401 content: "\f841";
404 .fa-lyft:before {
405 content: "\f3c3";
408 .fa-rev:before {
409 content: "\f5b2";
412 .fa-windows:before {
413 content: "\f17a";
416 .fa-wizards-of-the-coast:before {
417 content: "\f730";
420 .fa-square-viadeo:before {
421 content: "\f2aa";
424 .fa-viadeo-square:before {
425 content: "\f2aa";
428 .fa-meetup:before {
429 content: "\f2e0";
432 .fa-centos:before {
433 content: "\f789";
436 .fa-adn:before {
437 content: "\f170";
440 .fa-cloudsmith:before {
441 content: "\f384";
444 .fa-opensuse:before {
445 content: "\e62b";
448 .fa-pied-piper-alt:before {
449 content: "\f1a8";
452 .fa-square-dribbble:before {
453 content: "\f397";
456 .fa-dribbble-square:before {
457 content: "\f397";
460 .fa-codiepie:before {
461 content: "\f284";
464 .fa-node:before {
465 content: "\f419";
468 .fa-mix:before {
469 content: "\f3cb";
472 .fa-steam:before {
473 content: "\f1b6";
476 .fa-cc-apple-pay:before {
477 content: "\f416";
480 .fa-scribd:before {
481 content: "\f28a";
484 .fa-debian:before {
485 content: "\e60b";
488 .fa-openid:before {
489 content: "\f19b";
492 .fa-instalod:before {
493 content: "\e081";
496 .fa-expeditedssl:before {
497 content: "\f23e";
500 .fa-sellcast:before {
501 content: "\f2da";
504 .fa-square-twitter:before {
505 content: "\f081";
508 .fa-twitter-square:before {
509 content: "\f081";
512 .fa-r-project:before {
513 content: "\f4f7";
516 .fa-delicious:before {
517 content: "\f1a5";
520 .fa-freebsd:before {
521 content: "\f3a4";
524 .fa-vuejs:before {
525 content: "\f41f";
528 .fa-accusoft:before {
529 content: "\f369";
532 .fa-ioxhost:before {
533 content: "\f208";
536 .fa-fonticons-fi:before {
537 content: "\f3a2";
540 .fa-app-store:before {
541 content: "\f36f";
544 .fa-cc-mastercard:before {
545 content: "\f1f1";
548 .fa-itunes-note:before {
549 content: "\f3b5";
552 .fa-golang:before {
553 content: "\e40f";
556 .fa-kickstarter:before {
557 content: "\f3bb";
560 .fa-grav:before {
561 content: "\f2d6";
564 .fa-weibo:before {
565 content: "\f18a";
568 .fa-uncharted:before {
569 content: "\e084";
572 .fa-firstdraft:before {
573 content: "\f3a1";
576 .fa-square-youtube:before {
577 content: "\f431";
580 .fa-youtube-square:before {
581 content: "\f431";
584 .fa-wikipedia-w:before {
585 content: "\f266";
588 .fa-wpressr:before {
589 content: "\f3e4";
592 .fa-rendact:before {
593 content: "\f3e4";
596 .fa-angellist:before {
597 content: "\f209";
600 .fa-galactic-republic:before {
601 content: "\f50c";
604 .fa-nfc-directional:before {
605 content: "\e530";
608 .fa-skype:before {
609 content: "\f17e";
612 .fa-joget:before {
613 content: "\f3b7";
616 .fa-fedora:before {
617 content: "\f798";
620 .fa-stripe-s:before {
621 content: "\f42a";
624 .fa-meta:before {
625 content: "\e49b";
628 .fa-laravel:before {
629 content: "\f3bd";
632 .fa-hotjar:before {
633 content: "\f3b1";
636 .fa-bluetooth-b:before {
637 content: "\f294";
640 .fa-square-letterboxd:before {
641 content: "\e62e";
644 .fa-sticker-mule:before {
645 content: "\f3f7";
648 .fa-creative-commons-zero:before {
649 content: "\f4f3";
652 .fa-hips:before {
653 content: "\f452";
656 .fa-behance:before {
657 content: "\f1b4";
660 .fa-reddit:before {
661 content: "\f1a1";
664 .fa-discord:before {
665 content: "\f392";
668 .fa-chrome:before {
669 content: "\f268";
672 .fa-app-store-ios:before {
673 content: "\f370";
676 .fa-cc-discover:before {
677 content: "\f1f2";
680 .fa-wpbeginner:before {
681 content: "\f297";
684 .fa-confluence:before {
685 content: "\f78d";
688 .fa-shoelace:before {
689 content: "\e60c";
692 .fa-mdb:before {
693 content: "\f8ca";
696 .fa-dochub:before {
697 content: "\f394";
700 .fa-accessible-icon:before {
701 content: "\f368";
704 .fa-ebay:before {
705 content: "\f4f4";
708 .fa-amazon:before {
709 content: "\f270";
712 .fa-unsplash:before {
713 content: "\e07c";
716 .fa-yarn:before {
717 content: "\f7e3";
720 .fa-square-steam:before {
721 content: "\f1b7";
724 .fa-steam-square:before {
725 content: "\f1b7";
728 .fa-500px:before {
729 content: "\f26e";
732 .fa-square-vimeo:before {
733 content: "\f194";
736 .fa-vimeo-square:before {
737 content: "\f194";
740 .fa-asymmetrik:before {
741 content: "\f372";
744 .fa-font-awesome:before {
745 content: "\f2b4";
748 .fa-font-awesome-flag:before {
749 content: "\f2b4";
752 .fa-font-awesome-logo-full:before {
753 content: "\f2b4";
756 .fa-gratipay:before {
757 content: "\f184";
760 .fa-apple:before {
761 content: "\f179";
764 .fa-hive:before {
765 content: "\e07f";
768 .fa-gitkraken:before {
769 content: "\f3a6";
772 .fa-keybase:before {
773 content: "\f4f5";
776 .fa-apple-pay:before {
777 content: "\f415";
780 .fa-padlet:before {
781 content: "\e4a0";
784 .fa-amazon-pay:before {
785 content: "\f42c";
788 .fa-square-github:before {
789 content: "\f092";
792 .fa-github-square:before {
793 content: "\f092";
796 .fa-stumbleupon:before {
797 content: "\f1a4";
800 .fa-fedex:before {
801 content: "\f797";
804 .fa-phoenix-framework:before {
805 content: "\f3dc";
808 .fa-shopify:before {
809 content: "\e057";
812 .fa-neos:before {
813 content: "\f612";
816 .fa-square-threads:before {
817 content: "\e619";
820 .fa-hackerrank:before {
821 content: "\f5f7";
824 .fa-researchgate:before {
825 content: "\f4f8";
828 .fa-swift:before {
829 content: "\f8e1";
832 .fa-angular:before {
833 content: "\f420";
836 .fa-speakap:before {
837 content: "\f3f3";
840 .fa-angrycreative:before {
841 content: "\f36e";
844 .fa-y-combinator:before {
845 content: "\f23b";
848 .fa-empire:before {
849 content: "\f1d1";
852 .fa-envira:before {
853 content: "\f299";
856 .fa-google-scholar:before {
857 content: "\e63b";
860 .fa-square-gitlab:before {
861 content: "\e5ae";
864 .fa-gitlab-square:before {
865 content: "\e5ae";
868 .fa-studiovinari:before {
869 content: "\f3f8";
872 .fa-pied-piper:before {
873 content: "\f2ae";
876 .fa-wordpress:before {
877 content: "\f19a";
880 .fa-product-hunt:before {
881 content: "\f288";
884 .fa-firefox:before {
885 content: "\f269";
888 .fa-linode:before {
889 content: "\f2b8";
892 .fa-goodreads:before {
893 content: "\f3a8";
896 .fa-square-odnoklassniki:before {
897 content: "\f264";
900 .fa-odnoklassniki-square:before {
901 content: "\f264";
904 .fa-jsfiddle:before {
905 content: "\f1cc";
908 .fa-sith:before {
909 content: "\f512";
912 .fa-themeisle:before {
913 content: "\f2b2";
916 .fa-page4:before {
917 content: "\f3d7";
920 .fa-hashnode:before {
921 content: "\e499";
924 .fa-react:before {
925 content: "\f41b";
928 .fa-cc-paypal:before {
929 content: "\f1f4";
932 .fa-squarespace:before {
933 content: "\f5be";
936 .fa-cc-stripe:before {
937 content: "\f1f5";
940 .fa-creative-commons-share:before {
941 content: "\f4f2";
944 .fa-bitcoin:before {
945 content: "\f379";
948 .fa-keycdn:before {
949 content: "\f3ba";
952 .fa-opera:before {
953 content: "\f26a";
956 .fa-itch-io:before {
957 content: "\f83a";
960 .fa-umbraco:before {
961 content: "\f8e8";
964 .fa-galactic-senate:before {
965 content: "\f50d";
968 .fa-ubuntu:before {
969 content: "\f7df";
972 .fa-draft2digital:before {
973 content: "\f396";
976 .fa-stripe:before {
977 content: "\f429";
980 .fa-houzz:before {
981 content: "\f27c";
984 .fa-gg:before {
985 content: "\f260";
988 .fa-dhl:before {
989 content: "\f790";
992 .fa-square-pinterest:before {
993 content: "\f0d3";
996 .fa-pinterest-square:before {
997 content: "\f0d3";
1000 .fa-xing:before {
1001 content: "\f168";
1004 .fa-blackberry:before {
1005 content: "\f37b";
1008 .fa-creative-commons-pd:before {
1009 content: "\f4ec";
1012 .fa-playstation:before {
1013 content: "\f3df";
1016 .fa-quinscape:before {
1017 content: "\f459";
1020 .fa-less:before {
1021 content: "\f41d";
1024 .fa-blogger-b:before {
1025 content: "\f37d";
1028 .fa-opencart:before {
1029 content: "\f23d";
1032 .fa-vine:before {
1033 content: "\f1ca";
1036 .fa-signal-messenger:before {
1037 content: "\e663";
1040 .fa-paypal:before {
1041 content: "\f1ed";
1044 .fa-gitlab:before {
1045 content: "\f296";
1048 .fa-typo3:before {
1049 content: "\f42b";
1052 .fa-reddit-alien:before {
1053 content: "\f281";
1056 .fa-yahoo:before {
1057 content: "\f19e";
1060 .fa-dailymotion:before {
1061 content: "\e052";
1064 .fa-affiliatetheme:before {
1065 content: "\f36b";
1068 .fa-pied-piper-pp:before {
1069 content: "\f1a7";
1072 .fa-bootstrap:before {
1073 content: "\f836";
1076 .fa-odnoklassniki:before {
1077 content: "\f263";
1080 .fa-nfc-symbol:before {
1081 content: "\e531";
1084 .fa-mintbit:before {
1085 content: "\e62f";
1088 .fa-ethereum:before {
1089 content: "\f42e";
1092 .fa-speaker-deck:before {
1093 content: "\f83c";
1096 .fa-creative-commons-nc-eu:before {
1097 content: "\f4e9";
1100 .fa-patreon:before {
1101 content: "\f3d9";
1104 .fa-avianex:before {
1105 content: "\f374";
1108 .fa-ello:before {
1109 content: "\f5f1";
1112 .fa-gofore:before {
1113 content: "\f3a7";
1116 .fa-bimobject:before {
1117 content: "\f378";
1120 .fa-brave-reverse:before {
1121 content: "\e63d";
1124 .fa-facebook-f:before {
1125 content: "\f39e";
1128 .fa-square-google-plus:before {
1129 content: "\f0d4";
1132 .fa-google-plus-square:before {
1133 content: "\f0d4";
1136 .fa-mandalorian:before {
1137 content: "\f50f";
1140 .fa-first-order-alt:before {
1141 content: "\f50a";
1144 .fa-osi:before {
1145 content: "\f41a";
1148 .fa-google-wallet:before {
1149 content: "\f1ee";
1152 .fa-d-and-d-beyond:before {
1153 content: "\f6ca";
1156 .fa-periscope:before {
1157 content: "\f3da";
1160 .fa-fulcrum:before {
1161 content: "\f50b";
1164 .fa-cloudscale:before {
1165 content: "\f383";
1168 .fa-forumbee:before {
1169 content: "\f211";
1172 .fa-mizuni:before {
1173 content: "\f3cc";
1176 .fa-schlix:before {
1177 content: "\f3ea";
1180 .fa-square-xing:before {
1181 content: "\f169";
1184 .fa-xing-square:before {
1185 content: "\f169";
1188 .fa-bandcamp:before {
1189 content: "\f2d5";
1192 .fa-wpforms:before {
1193 content: "\f298";
1196 .fa-cloudversify:before {
1197 content: "\f385";
1200 .fa-usps:before {
1201 content: "\f7e1";
1204 .fa-megaport:before {
1205 content: "\f5a3";
1208 .fa-magento:before {
1209 content: "\f3c4";
1212 .fa-spotify:before {
1213 content: "\f1bc";
1216 .fa-optin-monster:before {
1217 content: "\f23c";
1220 .fa-fly:before {
1221 content: "\f417";
1224 .fa-aviato:before {
1225 content: "\f421";
1228 .fa-itunes:before {
1229 content: "\f3b4";
1232 .fa-cuttlefish:before {
1233 content: "\f38c";
1236 .fa-blogger:before {
1237 content: "\f37c";
1240 .fa-flickr:before {
1241 content: "\f16e";
1244 .fa-viber:before {
1245 content: "\f409";
1248 .fa-soundcloud:before {
1249 content: "\f1be";
1252 .fa-digg:before {
1253 content: "\f1a6";
1256 .fa-tencent-weibo:before {
1257 content: "\f1d5";
1260 .fa-letterboxd:before {
1261 content: "\e62d";
1264 .fa-symfony:before {
1265 content: "\f83d";
1268 .fa-maxcdn:before {
1269 content: "\f136";
1272 .fa-etsy:before {
1273 content: "\f2d7";
1276 .fa-facebook-messenger:before {
1277 content: "\f39f";
1280 .fa-audible:before {
1281 content: "\f373";
1284 .fa-think-peaks:before {
1285 content: "\f731";
1288 .fa-bilibili:before {
1289 content: "\e3d9";
1292 .fa-erlang:before {
1293 content: "\f39d";
1296 .fa-x-twitter:before {
1297 content: "\e61b";
1300 .fa-cotton-bureau:before {
1301 content: "\f89e";
1304 .fa-dashcube:before {
1305 content: "\f210";
1308 .fa-42-group:before {
1309 content: "\e080";
1312 .fa-innosoft:before {
1313 content: "\e080";
1316 .fa-stack-exchange:before {
1317 content: "\f18d";
1320 .fa-elementor:before {
1321 content: "\f430";
1324 .fa-square-pied-piper:before {
1325 content: "\e01e";
1328 .fa-pied-piper-square:before {
1329 content: "\e01e";
1332 .fa-creative-commons-nd:before {
1333 content: "\f4eb";
1336 .fa-palfed:before {
1337 content: "\f3d8";
1340 .fa-superpowers:before {
1341 content: "\f2dd";
1344 .fa-resolving:before {
1345 content: "\f3e7";
1348 .fa-xbox:before {
1349 content: "\f412";
1352 .fa-searchengin:before {
1353 content: "\f3eb";
1356 .fa-tiktok:before {
1357 content: "\e07b";
1360 .fa-square-facebook:before {
1361 content: "\f082";
1364 .fa-facebook-square:before {
1365 content: "\f082";
1368 .fa-renren:before {
1369 content: "\f18b";
1372 .fa-linux:before {
1373 content: "\f17c";
1376 .fa-glide:before {
1377 content: "\f2a5";
1380 .fa-linkedin:before {
1381 content: "\f08c";
1384 .fa-hubspot:before {
1385 content: "\f3b2";
1388 .fa-deploydog:before {
1389 content: "\f38e";
1392 .fa-twitch:before {
1393 content: "\f1e8";
1396 .fa-ravelry:before {
1397 content: "\f2d9";
1400 .fa-mixer:before {
1401 content: "\e056";
1404 .fa-square-lastfm:before {
1405 content: "\f203";
1408 .fa-lastfm-square:before {
1409 content: "\f203";
1412 .fa-vimeo:before {
1413 content: "\f40a";
1416 .fa-mendeley:before {
1417 content: "\f7b3";
1420 .fa-uniregistry:before {
1421 content: "\f404";
1424 .fa-figma:before {
1425 content: "\f799";
1428 .fa-creative-commons-remix:before {
1429 content: "\f4ee";
1432 .fa-cc-amazon-pay:before {
1433 content: "\f42d";
1436 .fa-dropbox:before {
1437 content: "\f16b";
1440 .fa-instagram:before {
1441 content: "\f16d";
1444 .fa-cmplid:before {
1445 content: "\e360";
1448 .fa-upwork:before {
1449 content: "\e641";
1452 .fa-facebook:before {
1453 content: "\f09a";
1456 .fa-gripfire:before {
1457 content: "\f3ac";
1460 .fa-jedi-order:before {
1461 content: "\f50e";
1464 .fa-uikit:before {
1465 content: "\f403";
1468 .fa-fort-awesome-alt:before {
1469 content: "\f3a3";
1472 .fa-phabricator:before {
1473 content: "\f3db";
1476 .fa-ussunnah:before {
1477 content: "\f407";
1480 .fa-earlybirds:before {
1481 content: "\f39a";
1484 .fa-trade-federation:before {
1485 content: "\f513";
1488 .fa-autoprefixer:before {
1489 content: "\f41c";
1492 .fa-whatsapp:before {
1493 content: "\f232";
1496 .fa-slideshare:before {
1497 content: "\f1e7";
1500 .fa-google-play:before {
1501 content: "\f3ab";
1504 .fa-viadeo:before {
1505 content: "\f2a9";
1508 .fa-line:before {
1509 content: "\f3c0";
1512 .fa-google-drive:before {
1513 content: "\f3aa";
1516 .fa-servicestack:before {
1517 content: "\f3ec";
1520 .fa-simplybuilt:before {
1521 content: "\f215";
1524 .fa-bitbucket:before {
1525 content: "\f171";
1528 .fa-imdb:before {
1529 content: "\f2d8";
1532 .fa-deezer:before {
1533 content: "\e077";
1536 .fa-raspberry-pi:before {
1537 content: "\f7bb";
1540 .fa-jira:before {
1541 content: "\f7b1";
1544 .fa-docker:before {
1545 content: "\f395";
1548 .fa-screenpal:before {
1549 content: "\e570";
1552 .fa-bluetooth:before {
1553 content: "\f293";
1556 .fa-gitter:before {
1557 content: "\f426";
1560 .fa-d-and-d:before {
1561 content: "\f38d";
1564 .fa-microblog:before {
1565 content: "\e01a";
1568 .fa-cc-diners-club:before {
1569 content: "\f24c";
1572 .fa-gg-circle:before {
1573 content: "\f261";
1576 .fa-pied-piper-hat:before {
1577 content: "\f4e5";
1580 .fa-kickstarter-k:before {
1581 content: "\f3bc";
1584 .fa-yandex:before {
1585 content: "\f413";
1588 .fa-readme:before {
1589 content: "\f4d5";
1592 .fa-html5:before {
1593 content: "\f13b";
1596 .fa-sellsy:before {
1597 content: "\f213";
1600 .fa-sass:before {
1601 content: "\f41e";
1604 .fa-wirsindhandwerk:before {
1605 content: "\e2d0";
1608 .fa-wsh:before {
1609 content: "\e2d0";
1612 .fa-buromobelexperte:before {
1613 content: "\f37f";
1616 .fa-salesforce:before {
1617 content: "\f83b";
1620 .fa-octopus-deploy:before {
1621 content: "\e082";
1624 .fa-medapps:before {
1625 content: "\f3c6";
1628 .fa-ns8:before {
1629 content: "\f3d5";
1632 .fa-pinterest-p:before {
1633 content: "\f231";
1636 .fa-apper:before {
1637 content: "\f371";
1640 .fa-fort-awesome:before {
1641 content: "\f286";
1644 .fa-waze:before {
1645 content: "\f83f";
1648 .fa-cc-jcb:before {
1649 content: "\f24b";
1652 .fa-snapchat:before {
1653 content: "\f2ab";
1656 .fa-snapchat-ghost:before {
1657 content: "\f2ab";
1660 .fa-fantasy-flight-games:before {
1661 content: "\f6dc";
1664 .fa-rust:before {
1665 content: "\e07a";
1668 .fa-wix:before {
1669 content: "\f5cf";
1672 .fa-square-behance:before {
1673 content: "\f1b5";
1676 .fa-behance-square:before {
1677 content: "\f1b5";
1680 .fa-supple:before {
1681 content: "\f3f9";
1684 .fa-webflow:before {
1685 content: "\e65c";
1688 .fa-rebel:before {
1689 content: "\f1d0";
1692 .fa-css3:before {
1693 content: "\f13c";
1696 .fa-staylinked:before {
1697 content: "\f3f5";
1700 .fa-kaggle:before {
1701 content: "\f5fa";
1704 .fa-space-awesome:before {
1705 content: "\e5ac";
1708 .fa-deviantart:before {
1709 content: "\f1bd";
1712 .fa-cpanel:before {
1713 content: "\f388";
1716 .fa-goodreads-g:before {
1717 content: "\f3a9";
1720 .fa-square-git:before {
1721 content: "\f1d2";
1724 .fa-git-square:before {
1725 content: "\f1d2";
1728 .fa-square-tumblr:before {
1729 content: "\f174";
1732 .fa-tumblr-square:before {
1733 content: "\f174";
1736 .fa-trello:before {
1737 content: "\f181";
1740 .fa-creative-commons-nc-jp:before {
1741 content: "\f4ea";
1744 .fa-get-pocket:before {
1745 content: "\f265";
1748 .fa-perbyte:before {
1749 content: "\e083";
1752 .fa-grunt:before {
1753 content: "\f3ad";
1756 .fa-weebly:before {
1757 content: "\f5cc";
1760 .fa-connectdevelop:before {
1761 content: "\f20e";
1764 .fa-leanpub:before {
1765 content: "\f212";
1768 .fa-black-tie:before {
1769 content: "\f27e";
1772 .fa-themeco:before {
1773 content: "\f5c6";
1776 .fa-python:before {
1777 content: "\f3e2";
1780 .fa-android:before {
1781 content: "\f17b";
1784 .fa-bots:before {
1785 content: "\e340";
1788 .fa-free-code-camp:before {
1789 content: "\f2c5";
1792 .fa-hornbill:before {
1793 content: "\f592";
1796 .fa-js:before {
1797 content: "\f3b8";
1800 .fa-ideal:before {
1801 content: "\e013";
1804 .fa-git:before {
1805 content: "\f1d3";
1808 .fa-dev:before {
1809 content: "\f6cc";
1812 .fa-sketch:before {
1813 content: "\f7c6";
1816 .fa-yandex-international:before {
1817 content: "\f414";
1820 .fa-cc-amex:before {
1821 content: "\f1f3";
1824 .fa-uber:before {
1825 content: "\f402";
1828 .fa-github:before {
1829 content: "\f09b";
1832 .fa-php:before {
1833 content: "\f457";
1836 .fa-alipay:before {
1837 content: "\f642";
1840 .fa-youtube:before {
1841 content: "\f167";
1844 .fa-skyatlas:before {
1845 content: "\f216";
1848 .fa-firefox-browser:before {
1849 content: "\e007";
1852 .fa-replyd:before {
1853 content: "\f3e6";
1856 .fa-suse:before {
1857 content: "\f7d6";
1860 .fa-jenkins:before {
1861 content: "\f3b6";
1864 .fa-twitter:before {
1865 content: "\f099";
1868 .fa-rockrms:before {
1869 content: "\f3e9";
1872 .fa-pinterest:before {
1873 content: "\f0d2";
1876 .fa-buffer:before {
1877 content: "\f837";
1880 .fa-npm:before {
1881 content: "\f3d4";
1884 .fa-yammer:before {
1885 content: "\f840";
1888 .fa-btc:before {
1889 content: "\f15a";
1892 .fa-dribbble:before {
1893 content: "\f17d";
1896 .fa-stumbleupon-circle:before {
1897 content: "\f1a3";
1900 .fa-internet-explorer:before {
1901 content: "\f26b";
1904 .fa-stubber:before {
1905 content: "\e5c7";
1908 .fa-telegram:before {
1909 content: "\f2c6";
1912 .fa-telegram-plane:before {
1913 content: "\f2c6";
1916 .fa-old-republic:before {
1917 content: "\f510";
1920 .fa-odysee:before {
1921 content: "\e5c6";
1924 .fa-square-whatsapp:before {
1925 content: "\f40c";
1928 .fa-whatsapp-square:before {
1929 content: "\f40c";
1932 .fa-node-js:before {
1933 content: "\f3d3";
1936 .fa-edge-legacy:before {
1937 content: "\e078";
1940 .fa-slack:before {
1941 content: "\f198";
1944 .fa-slack-hash:before {
1945 content: "\f198";
1948 .fa-medrt:before {
1949 content: "\f3c8";
1952 .fa-usb:before {
1953 content: "\f287";
1956 .fa-tumblr:before {
1957 content: "\f173";
1960 .fa-vaadin:before {
1961 content: "\f408";
1964 .fa-quora:before {
1965 content: "\f2c4";
1968 .fa-square-x-twitter:before {
1969 content: "\e61a";
1972 .fa-reacteurope:before {
1973 content: "\f75d";
1976 .fa-medium:before {
1977 content: "\f23a";
1980 .fa-medium-m:before {
1981 content: "\f23a";
1984 .fa-amilia:before {
1985 content: "\f36d";
1988 .fa-mixcloud:before {
1989 content: "\f289";
1992 .fa-flipboard:before {
1993 content: "\f44d";
1996 .fa-viacoin:before {
1997 content: "\f237";
2000 .fa-critical-role:before {
2001 content: "\f6c9";
2004 .fa-sitrox:before {
2005 content: "\e44a";
2008 .fa-discourse:before {
2009 content: "\f393";
2012 .fa-joomla:before {
2013 content: "\f1aa";
2016 .fa-mastodon:before {
2017 content: "\f4f6";
2020 .fa-airbnb:before {
2021 content: "\f834";
2024 .fa-wolf-pack-battalion:before {
2025 content: "\f514";
2028 .fa-buy-n-large:before {
2029 content: "\f8a6";
2032 .fa-gulp:before {
2033 content: "\f3ae";
2036 .fa-creative-commons-sampling-plus:before {
2037 content: "\f4f1";
2040 .fa-strava:before {
2041 content: "\f428";
2044 .fa-ember:before {
2045 content: "\f423";
2048 .fa-canadian-maple-leaf:before {
2049 content: "\f785";
2052 .fa-teamspeak:before {
2053 content: "\f4f9";
2056 .fa-pushed:before {
2057 content: "\f3e1";
2060 .fa-wordpress-simple:before {
2061 content: "\f411";
2064 .fa-nutritionix:before {
2065 content: "\f3d6";
2068 .fa-wodu:before {
2069 content: "\e088";
2072 .fa-google-pay:before {
2073 content: "\e079";
2076 .fa-intercom:before {
2077 content: "\f7af";
2080 .fa-zhihu:before {
2081 content: "\f63f";
2084 .fa-korvue:before {
2085 content: "\f42f";
2088 .fa-pix:before {
2089 content: "\e43a";
2092 .fa-steam-symbol:before {
2093 content: "\f3f6";
2097 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
2098 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2099 * Copyright 2023 Fonticons, Inc.
2101 :root, :host {
2102 --fa-style-family-classic: "Font Awesome 6 Free";
2103 --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
2106 @font-face {
2107 font-family: "Font Awesome 6 Free";
2108 font-style: normal;
2109 font-weight: 400;
2110 font-display: block;
2111 src: url("[[font:core|fa-regular-400.woff2]]") format("woff2"), url("[[font:core|fa-regular-400.ttf]]") format("truetype");
2113 .far,
2114 .fa-regular,
2115 .content-bank-container.view-grid .cb-unlisted::after {
2116 font-weight: 400;
2120 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
2121 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2122 * Copyright 2023 Fonticons, Inc.
2124 :root, :host {
2125 --fa-style-family-classic: "Font Awesome 6 Free";
2126 --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
2129 @font-face {
2130 font-family: "Font Awesome 6 Free";
2131 font-style: normal;
2132 font-weight: 900;
2133 font-display: block;
2134 src: url("[[font:core|fa-solid-900.woff2]]") format("woff2"), url("[[font:core|fa-solid-900.ttf]]") format("truetype");
2136 .fas,
2137 .fa-solid,
2138 .moremenu .dropdown-item[aria-current=true]:before,
2139 .moremenu .dropdown-item.active:before,
2140 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2141 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
2142 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2143 .toast.toast-warning .toast-body:before,
2144 .toast.toast-info .toast-body:before,
2145 .toast.toast-danger .toast-body:before,
2146 .toast.toast-success .toast-body:before,
2147 .editing .editinprogress:after,
2148 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
2149 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
2150 .block_settings .block_tree [aria-expanded=false] > p:before,
2151 .block_navigation .block_tree [aria-expanded=false] > p:before,
2152 .block_settings .block_tree [aria-expanded=true] > p:before,
2153 .block_navigation .block_tree [aria-expanded=true] > p:before,
2154 .dropdown-item[aria-current=true]:before,
2155 .dropdown-item[aria-selected=true]:before,
2156 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
2157 .action-menu .dropdown-subpanel .dropdown-item::after,
2158 .dropup .dropdown-toggle::after,
2159 .dropright .dropdown-toggle::after,
2160 .dropleft .dropdown-toggle::before,
2161 .dropdown-toggle::after {
2162 font-weight: 900;
2166 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
2167 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2168 * Copyright 2023 Fonticons, Inc.
2170 .fa.fa-glass:before {
2171 content: "\f000";
2174 .fa.fa-envelope-o {
2175 font-family: "Font Awesome 6 Free";
2176 font-weight: 400;
2179 .fa.fa-envelope-o:before {
2180 content: "\f0e0";
2183 .fa.fa-star-o {
2184 font-family: "Font Awesome 6 Free";
2185 font-weight: 400;
2188 .fa.fa-star-o:before {
2189 content: "\f005";
2192 .fa.fa-remove:before {
2193 content: "\f00d";
2196 .fa.fa-close:before {
2197 content: "\f00d";
2200 .fa.fa-gear:before {
2201 content: "\f013";
2204 .fa.fa-trash-o {
2205 font-family: "Font Awesome 6 Free";
2206 font-weight: 400;
2209 .fa.fa-trash-o:before {
2210 content: "\f2ed";
2213 .fa.fa-home:before {
2214 content: "\f015";
2217 .fa.fa-file-o {
2218 font-family: "Font Awesome 6 Free";
2219 font-weight: 400;
2222 .fa.fa-file-o:before {
2223 content: "\f15b";
2226 .fa.fa-clock-o {
2227 font-family: "Font Awesome 6 Free";
2228 font-weight: 400;
2231 .fa.fa-clock-o:before {
2232 content: "\f017";
2235 .fa.fa-arrow-circle-o-down {
2236 font-family: "Font Awesome 6 Free";
2237 font-weight: 400;
2240 .fa.fa-arrow-circle-o-down:before {
2241 content: "\f358";
2244 .fa.fa-arrow-circle-o-up {
2245 font-family: "Font Awesome 6 Free";
2246 font-weight: 400;
2249 .fa.fa-arrow-circle-o-up:before {
2250 content: "\f35b";
2253 .fa.fa-play-circle-o {
2254 font-family: "Font Awesome 6 Free";
2255 font-weight: 400;
2258 .fa.fa-play-circle-o:before {
2259 content: "\f144";
2262 .fa.fa-repeat:before {
2263 content: "\f01e";
2266 .fa.fa-rotate-right:before {
2267 content: "\f01e";
2270 .fa.fa-refresh:before {
2271 content: "\f021";
2274 .fa.fa-list-alt {
2275 font-family: "Font Awesome 6 Free";
2276 font-weight: 400;
2279 .fa.fa-list-alt:before {
2280 content: "\f022";
2283 .fa.fa-dedent:before {
2284 content: "\f03b";
2287 .fa.fa-video-camera:before {
2288 content: "\f03d";
2291 .fa.fa-picture-o {
2292 font-family: "Font Awesome 6 Free";
2293 font-weight: 400;
2296 .fa.fa-picture-o:before {
2297 content: "\f03e";
2300 .fa.fa-photo {
2301 font-family: "Font Awesome 6 Free";
2302 font-weight: 400;
2305 .fa.fa-photo:before {
2306 content: "\f03e";
2309 .fa.fa-image {
2310 font-family: "Font Awesome 6 Free";
2311 font-weight: 400;
2314 .fa.fa-image:before {
2315 content: "\f03e";
2318 .fa.fa-map-marker:before {
2319 content: "\f3c5";
2322 .fa.fa-pencil-square-o {
2323 font-family: "Font Awesome 6 Free";
2324 font-weight: 400;
2327 .fa.fa-pencil-square-o:before {
2328 content: "\f044";
2331 .fa.fa-edit {
2332 font-family: "Font Awesome 6 Free";
2333 font-weight: 400;
2336 .fa.fa-edit:before {
2337 content: "\f044";
2340 .fa.fa-share-square-o:before {
2341 content: "\f14d";
2344 .fa.fa-check-square-o {
2345 font-family: "Font Awesome 6 Free";
2346 font-weight: 400;
2349 .fa.fa-check-square-o:before {
2350 content: "\f14a";
2353 .fa.fa-arrows:before {
2354 content: "\f0b2";
2357 .fa.fa-times-circle-o {
2358 font-family: "Font Awesome 6 Free";
2359 font-weight: 400;
2362 .fa.fa-times-circle-o:before {
2363 content: "\f057";
2366 .fa.fa-check-circle-o {
2367 font-family: "Font Awesome 6 Free";
2368 font-weight: 400;
2371 .fa.fa-check-circle-o:before {
2372 content: "\f058";
2375 .fa.fa-mail-forward:before {
2376 content: "\f064";
2379 .fa.fa-expand:before {
2380 content: "\f424";
2383 .fa.fa-compress:before {
2384 content: "\f422";
2387 .fa.fa-eye {
2388 font-family: "Font Awesome 6 Free";
2389 font-weight: 400;
2392 .fa.fa-eye-slash {
2393 font-family: "Font Awesome 6 Free";
2394 font-weight: 400;
2397 .fa.fa-warning:before {
2398 content: "\f071";
2401 .fa.fa-calendar:before {
2402 content: "\f073";
2405 .fa.fa-arrows-v:before {
2406 content: "\f338";
2409 .fa.fa-arrows-h:before {
2410 content: "\f337";
2413 .fa.fa-bar-chart:before {
2414 content: "\e0e3";
2417 .fa.fa-bar-chart-o:before {
2418 content: "\e0e3";
2421 .fa.fa-twitter-square {
2422 font-family: "Font Awesome 6 Brands";
2423 font-weight: 400;
2426 .fa.fa-twitter-square:before {
2427 content: "\f081";
2430 .fa.fa-facebook-square {
2431 font-family: "Font Awesome 6 Brands";
2432 font-weight: 400;
2435 .fa.fa-facebook-square:before {
2436 content: "\f082";
2439 .fa.fa-gears:before {
2440 content: "\f085";
2443 .fa.fa-thumbs-o-up {
2444 font-family: "Font Awesome 6 Free";
2445 font-weight: 400;
2448 .fa.fa-thumbs-o-up:before {
2449 content: "\f164";
2452 .fa.fa-thumbs-o-down {
2453 font-family: "Font Awesome 6 Free";
2454 font-weight: 400;
2457 .fa.fa-thumbs-o-down:before {
2458 content: "\f165";
2461 .fa.fa-heart-o {
2462 font-family: "Font Awesome 6 Free";
2463 font-weight: 400;
2466 .fa.fa-heart-o:before {
2467 content: "\f004";
2470 .fa.fa-sign-out:before {
2471 content: "\f2f5";
2474 .fa.fa-linkedin-square {
2475 font-family: "Font Awesome 6 Brands";
2476 font-weight: 400;
2479 .fa.fa-linkedin-square:before {
2480 content: "\f08c";
2483 .fa.fa-thumb-tack:before {
2484 content: "\f08d";
2487 .fa.fa-external-link:before {
2488 content: "\f35d";
2491 .fa.fa-sign-in:before {
2492 content: "\f2f6";
2495 .fa.fa-github-square {
2496 font-family: "Font Awesome 6 Brands";
2497 font-weight: 400;
2500 .fa.fa-github-square:before {
2501 content: "\f092";
2504 .fa.fa-lemon-o {
2505 font-family: "Font Awesome 6 Free";
2506 font-weight: 400;
2509 .fa.fa-lemon-o:before {
2510 content: "\f094";
2513 .fa.fa-square-o {
2514 font-family: "Font Awesome 6 Free";
2515 font-weight: 400;
2518 .fa.fa-square-o:before {
2519 content: "\f0c8";
2522 .fa.fa-bookmark-o {
2523 font-family: "Font Awesome 6 Free";
2524 font-weight: 400;
2527 .fa.fa-bookmark-o:before {
2528 content: "\f02e";
2531 .fa.fa-twitter {
2532 font-family: "Font Awesome 6 Brands";
2533 font-weight: 400;
2536 .fa.fa-facebook {
2537 font-family: "Font Awesome 6 Brands";
2538 font-weight: 400;
2541 .fa.fa-facebook:before {
2542 content: "\f39e";
2545 .fa.fa-facebook-f {
2546 font-family: "Font Awesome 6 Brands";
2547 font-weight: 400;
2550 .fa.fa-facebook-f:before {
2551 content: "\f39e";
2554 .fa.fa-github {
2555 font-family: "Font Awesome 6 Brands";
2556 font-weight: 400;
2559 .fa.fa-credit-card {
2560 font-family: "Font Awesome 6 Free";
2561 font-weight: 400;
2564 .fa.fa-feed:before {
2565 content: "\f09e";
2568 .fa.fa-hdd-o {
2569 font-family: "Font Awesome 6 Free";
2570 font-weight: 400;
2573 .fa.fa-hdd-o:before {
2574 content: "\f0a0";
2577 .fa.fa-hand-o-right {
2578 font-family: "Font Awesome 6 Free";
2579 font-weight: 400;
2582 .fa.fa-hand-o-right:before {
2583 content: "\f0a4";
2586 .fa.fa-hand-o-left {
2587 font-family: "Font Awesome 6 Free";
2588 font-weight: 400;
2591 .fa.fa-hand-o-left:before {
2592 content: "\f0a5";
2595 .fa.fa-hand-o-up {
2596 font-family: "Font Awesome 6 Free";
2597 font-weight: 400;
2600 .fa.fa-hand-o-up:before {
2601 content: "\f0a6";
2604 .fa.fa-hand-o-down {
2605 font-family: "Font Awesome 6 Free";
2606 font-weight: 400;
2609 .fa.fa-hand-o-down:before {
2610 content: "\f0a7";
2613 .fa.fa-globe:before {
2614 content: "\f57d";
2617 .fa.fa-tasks:before {
2618 content: "\f828";
2621 .fa.fa-arrows-alt:before {
2622 content: "\f31e";
2625 .fa.fa-group:before {
2626 content: "\f0c0";
2629 .fa.fa-chain:before {
2630 content: "\f0c1";
2633 .fa.fa-cut:before {
2634 content: "\f0c4";
2637 .fa.fa-files-o {
2638 font-family: "Font Awesome 6 Free";
2639 font-weight: 400;
2642 .fa.fa-files-o:before {
2643 content: "\f0c5";
2646 .fa.fa-floppy-o {
2647 font-family: "Font Awesome 6 Free";
2648 font-weight: 400;
2651 .fa.fa-floppy-o:before {
2652 content: "\f0c7";
2655 .fa.fa-save {
2656 font-family: "Font Awesome 6 Free";
2657 font-weight: 400;
2660 .fa.fa-save:before {
2661 content: "\f0c7";
2664 .fa.fa-navicon:before {
2665 content: "\f0c9";
2668 .fa.fa-reorder:before {
2669 content: "\f0c9";
2672 .fa.fa-magic:before {
2673 content: "\e2ca";
2676 .fa.fa-pinterest {
2677 font-family: "Font Awesome 6 Brands";
2678 font-weight: 400;
2681 .fa.fa-pinterest-square {
2682 font-family: "Font Awesome 6 Brands";
2683 font-weight: 400;
2686 .fa.fa-pinterest-square:before {
2687 content: "\f0d3";
2690 .fa.fa-google-plus-square {
2691 font-family: "Font Awesome 6 Brands";
2692 font-weight: 400;
2695 .fa.fa-google-plus-square:before {
2696 content: "\f0d4";
2699 .fa.fa-google-plus {
2700 font-family: "Font Awesome 6 Brands";
2701 font-weight: 400;
2704 .fa.fa-google-plus:before {
2705 content: "\f0d5";
2708 .fa.fa-money:before {
2709 content: "\f3d1";
2712 .fa.fa-unsorted:before {
2713 content: "\f0dc";
2716 .fa.fa-sort-desc:before {
2717 content: "\f0dd";
2720 .fa.fa-sort-asc:before {
2721 content: "\f0de";
2724 .fa.fa-linkedin {
2725 font-family: "Font Awesome 6 Brands";
2726 font-weight: 400;
2729 .fa.fa-linkedin:before {
2730 content: "\f0e1";
2733 .fa.fa-rotate-left:before {
2734 content: "\f0e2";
2737 .fa.fa-legal:before {
2738 content: "\f0e3";
2741 .fa.fa-tachometer:before {
2742 content: "\f625";
2745 .fa.fa-dashboard:before {
2746 content: "\f625";
2749 .fa.fa-comment-o {
2750 font-family: "Font Awesome 6 Free";
2751 font-weight: 400;
2754 .fa.fa-comment-o:before {
2755 content: "\f075";
2758 .fa.fa-comments-o {
2759 font-family: "Font Awesome 6 Free";
2760 font-weight: 400;
2763 .fa.fa-comments-o:before {
2764 content: "\f086";
2767 .fa.fa-flash:before {
2768 content: "\f0e7";
2771 .fa.fa-clipboard:before {
2772 content: "\f0ea";
2775 .fa.fa-lightbulb-o {
2776 font-family: "Font Awesome 6 Free";
2777 font-weight: 400;
2780 .fa.fa-lightbulb-o:before {
2781 content: "\f0eb";
2784 .fa.fa-exchange:before {
2785 content: "\f362";
2788 .fa.fa-cloud-download:before {
2789 content: "\f0ed";
2792 .fa.fa-cloud-upload:before {
2793 content: "\f0ee";
2796 .fa.fa-bell-o {
2797 font-family: "Font Awesome 6 Free";
2798 font-weight: 400;
2801 .fa.fa-bell-o:before {
2802 content: "\f0f3";
2805 .fa.fa-cutlery:before {
2806 content: "\f2e7";
2809 .fa.fa-file-text-o {
2810 font-family: "Font Awesome 6 Free";
2811 font-weight: 400;
2814 .fa.fa-file-text-o:before {
2815 content: "\f15c";
2818 .fa.fa-building-o {
2819 font-family: "Font Awesome 6 Free";
2820 font-weight: 400;
2823 .fa.fa-building-o:before {
2824 content: "\f1ad";
2827 .fa.fa-hospital-o {
2828 font-family: "Font Awesome 6 Free";
2829 font-weight: 400;
2832 .fa.fa-hospital-o:before {
2833 content: "\f0f8";
2836 .fa.fa-tablet:before {
2837 content: "\f3fa";
2840 .fa.fa-mobile:before {
2841 content: "\f3cd";
2844 .fa.fa-mobile-phone:before {
2845 content: "\f3cd";
2848 .fa.fa-circle-o {
2849 font-family: "Font Awesome 6 Free";
2850 font-weight: 400;
2853 .fa.fa-circle-o:before {
2854 content: "\f111";
2857 .fa.fa-mail-reply:before {
2858 content: "\f3e5";
2861 .fa.fa-github-alt {
2862 font-family: "Font Awesome 6 Brands";
2863 font-weight: 400;
2866 .fa.fa-folder-o {
2867 font-family: "Font Awesome 6 Free";
2868 font-weight: 400;
2871 .fa.fa-folder-o:before {
2872 content: "\f07b";
2875 .fa.fa-folder-open-o {
2876 font-family: "Font Awesome 6 Free";
2877 font-weight: 400;
2880 .fa.fa-folder-open-o:before {
2881 content: "\f07c";
2884 .fa.fa-smile-o {
2885 font-family: "Font Awesome 6 Free";
2886 font-weight: 400;
2889 .fa.fa-smile-o:before {
2890 content: "\f118";
2893 .fa.fa-frown-o {
2894 font-family: "Font Awesome 6 Free";
2895 font-weight: 400;
2898 .fa.fa-frown-o:before {
2899 content: "\f119";
2902 .fa.fa-meh-o {
2903 font-family: "Font Awesome 6 Free";
2904 font-weight: 400;
2907 .fa.fa-meh-o:before {
2908 content: "\f11a";
2911 .fa.fa-keyboard-o {
2912 font-family: "Font Awesome 6 Free";
2913 font-weight: 400;
2916 .fa.fa-keyboard-o:before {
2917 content: "\f11c";
2920 .fa.fa-flag-o {
2921 font-family: "Font Awesome 6 Free";
2922 font-weight: 400;
2925 .fa.fa-flag-o:before {
2926 content: "\f024";
2929 .fa.fa-mail-reply-all:before {
2930 content: "\f122";
2933 .fa.fa-star-half-o {
2934 font-family: "Font Awesome 6 Free";
2935 font-weight: 400;
2938 .fa.fa-star-half-o:before {
2939 content: "\f5c0";
2942 .fa.fa-star-half-empty {
2943 font-family: "Font Awesome 6 Free";
2944 font-weight: 400;
2947 .fa.fa-star-half-empty:before {
2948 content: "\f5c0";
2951 .fa.fa-star-half-full {
2952 font-family: "Font Awesome 6 Free";
2953 font-weight: 400;
2956 .fa.fa-star-half-full:before {
2957 content: "\f5c0";
2960 .fa.fa-code-fork:before {
2961 content: "\f126";
2964 .fa.fa-chain-broken:before {
2965 content: "\f127";
2968 .fa.fa-unlink:before {
2969 content: "\f127";
2972 .fa.fa-calendar-o {
2973 font-family: "Font Awesome 6 Free";
2974 font-weight: 400;
2977 .fa.fa-calendar-o:before {
2978 content: "\f133";
2981 .fa.fa-maxcdn {
2982 font-family: "Font Awesome 6 Brands";
2983 font-weight: 400;
2986 .fa.fa-html5 {
2987 font-family: "Font Awesome 6 Brands";
2988 font-weight: 400;
2991 .fa.fa-css3 {
2992 font-family: "Font Awesome 6 Brands";
2993 font-weight: 400;
2996 .fa.fa-unlock-alt:before {
2997 content: "\f09c";
3000 .fa.fa-minus-square-o {
3001 font-family: "Font Awesome 6 Free";
3002 font-weight: 400;
3005 .fa.fa-minus-square-o:before {
3006 content: "\f146";
3009 .fa.fa-level-up:before {
3010 content: "\f3bf";
3013 .fa.fa-level-down:before {
3014 content: "\f3be";
3017 .fa.fa-pencil-square:before {
3018 content: "\f14b";
3021 .fa.fa-external-link-square:before {
3022 content: "\f360";
3025 .fa.fa-compass {
3026 font-family: "Font Awesome 6 Free";
3027 font-weight: 400;
3030 .fa.fa-caret-square-o-down {
3031 font-family: "Font Awesome 6 Free";
3032 font-weight: 400;
3035 .fa.fa-caret-square-o-down:before {
3036 content: "\f150";
3039 .fa.fa-toggle-down {
3040 font-family: "Font Awesome 6 Free";
3041 font-weight: 400;
3044 .fa.fa-toggle-down:before {
3045 content: "\f150";
3048 .fa.fa-caret-square-o-up {
3049 font-family: "Font Awesome 6 Free";
3050 font-weight: 400;
3053 .fa.fa-caret-square-o-up:before {
3054 content: "\f151";
3057 .fa.fa-toggle-up {
3058 font-family: "Font Awesome 6 Free";
3059 font-weight: 400;
3062 .fa.fa-toggle-up:before {
3063 content: "\f151";
3066 .fa.fa-caret-square-o-right {
3067 font-family: "Font Awesome 6 Free";
3068 font-weight: 400;
3071 .fa.fa-caret-square-o-right:before {
3072 content: "\f152";
3075 .fa.fa-toggle-right {
3076 font-family: "Font Awesome 6 Free";
3077 font-weight: 400;
3080 .fa.fa-toggle-right:before {
3081 content: "\f152";
3084 .fa.fa-eur:before {
3085 content: "\f153";
3088 .fa.fa-euro:before {
3089 content: "\f153";
3092 .fa.fa-gbp:before {
3093 content: "\f154";
3096 .fa.fa-usd:before {
3097 content: "\$";
3100 .fa.fa-dollar:before {
3101 content: "\$";
3104 .fa.fa-inr:before {
3105 content: "\e1bc";
3108 .fa.fa-rupee:before {
3109 content: "\e1bc";
3112 .fa.fa-jpy:before {
3113 content: "\f157";
3116 .fa.fa-cny:before {
3117 content: "\f157";
3120 .fa.fa-rmb:before {
3121 content: "\f157";
3124 .fa.fa-yen:before {
3125 content: "\f157";
3128 .fa.fa-rub:before {
3129 content: "\f158";
3132 .fa.fa-ruble:before {
3133 content: "\f158";
3136 .fa.fa-rouble:before {
3137 content: "\f158";
3140 .fa.fa-krw:before {
3141 content: "\f159";
3144 .fa.fa-won:before {
3145 content: "\f159";
3148 .fa.fa-btc {
3149 font-family: "Font Awesome 6 Brands";
3150 font-weight: 400;
3153 .fa.fa-bitcoin {
3154 font-family: "Font Awesome 6 Brands";
3155 font-weight: 400;
3158 .fa.fa-bitcoin:before {
3159 content: "\f15a";
3162 .fa.fa-file-text:before {
3163 content: "\f15c";
3166 .fa.fa-sort-alpha-asc:before {
3167 content: "\f15d";
3170 .fa.fa-sort-alpha-desc:before {
3171 content: "\f881";
3174 .fa.fa-sort-amount-asc:before {
3175 content: "\f884";
3178 .fa.fa-sort-amount-desc:before {
3179 content: "\f160";
3182 .fa.fa-sort-numeric-asc:before {
3183 content: "\f162";
3186 .fa.fa-sort-numeric-desc:before {
3187 content: "\f886";
3190 .fa.fa-youtube-square {
3191 font-family: "Font Awesome 6 Brands";
3192 font-weight: 400;
3195 .fa.fa-youtube-square:before {
3196 content: "\f431";
3199 .fa.fa-youtube {
3200 font-family: "Font Awesome 6 Brands";
3201 font-weight: 400;
3204 .fa.fa-xing {
3205 font-family: "Font Awesome 6 Brands";
3206 font-weight: 400;
3209 .fa.fa-xing-square {
3210 font-family: "Font Awesome 6 Brands";
3211 font-weight: 400;
3214 .fa.fa-xing-square:before {
3215 content: "\f169";
3218 .fa.fa-youtube-play {
3219 font-family: "Font Awesome 6 Brands";
3220 font-weight: 400;
3223 .fa.fa-youtube-play:before {
3224 content: "\f167";
3227 .fa.fa-dropbox {
3228 font-family: "Font Awesome 6 Brands";
3229 font-weight: 400;
3232 .fa.fa-stack-overflow {
3233 font-family: "Font Awesome 6 Brands";
3234 font-weight: 400;
3237 .fa.fa-instagram {
3238 font-family: "Font Awesome 6 Brands";
3239 font-weight: 400;
3242 .fa.fa-flickr {
3243 font-family: "Font Awesome 6 Brands";
3244 font-weight: 400;
3247 .fa.fa-adn {
3248 font-family: "Font Awesome 6 Brands";
3249 font-weight: 400;
3252 .fa.fa-bitbucket {
3253 font-family: "Font Awesome 6 Brands";
3254 font-weight: 400;
3257 .fa.fa-bitbucket-square {
3258 font-family: "Font Awesome 6 Brands";
3259 font-weight: 400;
3262 .fa.fa-bitbucket-square:before {
3263 content: "\f171";
3266 .fa.fa-tumblr {
3267 font-family: "Font Awesome 6 Brands";
3268 font-weight: 400;
3271 .fa.fa-tumblr-square {
3272 font-family: "Font Awesome 6 Brands";
3273 font-weight: 400;
3276 .fa.fa-tumblr-square:before {
3277 content: "\f174";
3280 .fa.fa-long-arrow-down:before {
3281 content: "\f309";
3284 .fa.fa-long-arrow-up:before {
3285 content: "\f30c";
3288 .fa.fa-long-arrow-left:before {
3289 content: "\f30a";
3292 .fa.fa-long-arrow-right:before {
3293 content: "\f30b";
3296 .fa.fa-apple {
3297 font-family: "Font Awesome 6 Brands";
3298 font-weight: 400;
3301 .fa.fa-windows {
3302 font-family: "Font Awesome 6 Brands";
3303 font-weight: 400;
3306 .fa.fa-android {
3307 font-family: "Font Awesome 6 Brands";
3308 font-weight: 400;
3311 .fa.fa-linux {
3312 font-family: "Font Awesome 6 Brands";
3313 font-weight: 400;
3316 .fa.fa-dribbble {
3317 font-family: "Font Awesome 6 Brands";
3318 font-weight: 400;
3321 .fa.fa-skype {
3322 font-family: "Font Awesome 6 Brands";
3323 font-weight: 400;
3326 .fa.fa-foursquare {
3327 font-family: "Font Awesome 6 Brands";
3328 font-weight: 400;
3331 .fa.fa-trello {
3332 font-family: "Font Awesome 6 Brands";
3333 font-weight: 400;
3336 .fa.fa-gratipay {
3337 font-family: "Font Awesome 6 Brands";
3338 font-weight: 400;
3341 .fa.fa-gittip {
3342 font-family: "Font Awesome 6 Brands";
3343 font-weight: 400;
3346 .fa.fa-gittip:before {
3347 content: "\f184";
3350 .fa.fa-sun-o {
3351 font-family: "Font Awesome 6 Free";
3352 font-weight: 400;
3355 .fa.fa-sun-o:before {
3356 content: "\f185";
3359 .fa.fa-moon-o {
3360 font-family: "Font Awesome 6 Free";
3361 font-weight: 400;
3364 .fa.fa-moon-o:before {
3365 content: "\f186";
3368 .fa.fa-vk {
3369 font-family: "Font Awesome 6 Brands";
3370 font-weight: 400;
3373 .fa.fa-weibo {
3374 font-family: "Font Awesome 6 Brands";
3375 font-weight: 400;
3378 .fa.fa-renren {
3379 font-family: "Font Awesome 6 Brands";
3380 font-weight: 400;
3383 .fa.fa-pagelines {
3384 font-family: "Font Awesome 6 Brands";
3385 font-weight: 400;
3388 .fa.fa-stack-exchange {
3389 font-family: "Font Awesome 6 Brands";
3390 font-weight: 400;
3393 .fa.fa-arrow-circle-o-right {
3394 font-family: "Font Awesome 6 Free";
3395 font-weight: 400;
3398 .fa.fa-arrow-circle-o-right:before {
3399 content: "\f35a";
3402 .fa.fa-arrow-circle-o-left {
3403 font-family: "Font Awesome 6 Free";
3404 font-weight: 400;
3407 .fa.fa-arrow-circle-o-left:before {
3408 content: "\f359";
3411 .fa.fa-caret-square-o-left {
3412 font-family: "Font Awesome 6 Free";
3413 font-weight: 400;
3416 .fa.fa-caret-square-o-left:before {
3417 content: "\f191";
3420 .fa.fa-toggle-left {
3421 font-family: "Font Awesome 6 Free";
3422 font-weight: 400;
3425 .fa.fa-toggle-left:before {
3426 content: "\f191";
3429 .fa.fa-dot-circle-o {
3430 font-family: "Font Awesome 6 Free";
3431 font-weight: 400;
3434 .fa.fa-dot-circle-o:before {
3435 content: "\f192";
3438 .fa.fa-vimeo-square {
3439 font-family: "Font Awesome 6 Brands";
3440 font-weight: 400;
3443 .fa.fa-vimeo-square:before {
3444 content: "\f194";
3447 .fa.fa-try:before {
3448 content: "\e2bb";
3451 .fa.fa-turkish-lira:before {
3452 content: "\e2bb";
3455 .fa.fa-plus-square-o {
3456 font-family: "Font Awesome 6 Free";
3457 font-weight: 400;
3460 .fa.fa-plus-square-o:before {
3461 content: "\f0fe";
3464 .fa.fa-slack {
3465 font-family: "Font Awesome 6 Brands";
3466 font-weight: 400;
3469 .fa.fa-wordpress {
3470 font-family: "Font Awesome 6 Brands";
3471 font-weight: 400;
3474 .fa.fa-openid {
3475 font-family: "Font Awesome 6 Brands";
3476 font-weight: 400;
3479 .fa.fa-institution:before {
3480 content: "\f19c";
3483 .fa.fa-bank:before {
3484 content: "\f19c";
3487 .fa.fa-mortar-board:before {
3488 content: "\f19d";
3491 .fa.fa-yahoo {
3492 font-family: "Font Awesome 6 Brands";
3493 font-weight: 400;
3496 .fa.fa-google {
3497 font-family: "Font Awesome 6 Brands";
3498 font-weight: 400;
3501 .fa.fa-reddit {
3502 font-family: "Font Awesome 6 Brands";
3503 font-weight: 400;
3506 .fa.fa-reddit-square {
3507 font-family: "Font Awesome 6 Brands";
3508 font-weight: 400;
3511 .fa.fa-reddit-square:before {
3512 content: "\f1a2";
3515 .fa.fa-stumbleupon-circle {
3516 font-family: "Font Awesome 6 Brands";
3517 font-weight: 400;
3520 .fa.fa-stumbleupon {
3521 font-family: "Font Awesome 6 Brands";
3522 font-weight: 400;
3525 .fa.fa-delicious {
3526 font-family: "Font Awesome 6 Brands";
3527 font-weight: 400;
3530 .fa.fa-digg {
3531 font-family: "Font Awesome 6 Brands";
3532 font-weight: 400;
3535 .fa.fa-pied-piper-pp {
3536 font-family: "Font Awesome 6 Brands";
3537 font-weight: 400;
3540 .fa.fa-pied-piper-alt {
3541 font-family: "Font Awesome 6 Brands";
3542 font-weight: 400;
3545 .fa.fa-drupal {
3546 font-family: "Font Awesome 6 Brands";
3547 font-weight: 400;
3550 .fa.fa-joomla {
3551 font-family: "Font Awesome 6 Brands";
3552 font-weight: 400;
3555 .fa.fa-behance {
3556 font-family: "Font Awesome 6 Brands";
3557 font-weight: 400;
3560 .fa.fa-behance-square {
3561 font-family: "Font Awesome 6 Brands";
3562 font-weight: 400;
3565 .fa.fa-behance-square:before {
3566 content: "\f1b5";
3569 .fa.fa-steam {
3570 font-family: "Font Awesome 6 Brands";
3571 font-weight: 400;
3574 .fa.fa-steam-square {
3575 font-family: "Font Awesome 6 Brands";
3576 font-weight: 400;
3579 .fa.fa-steam-square:before {
3580 content: "\f1b7";
3583 .fa.fa-automobile:before {
3584 content: "\f1b9";
3587 .fa.fa-cab:before {
3588 content: "\f1ba";
3591 .fa.fa-spotify {
3592 font-family: "Font Awesome 6 Brands";
3593 font-weight: 400;
3596 .fa.fa-deviantart {
3597 font-family: "Font Awesome 6 Brands";
3598 font-weight: 400;
3601 .fa.fa-soundcloud {
3602 font-family: "Font Awesome 6 Brands";
3603 font-weight: 400;
3606 .fa.fa-file-pdf-o {
3607 font-family: "Font Awesome 6 Free";
3608 font-weight: 400;
3611 .fa.fa-file-pdf-o:before {
3612 content: "\f1c1";
3615 .fa.fa-file-word-o {
3616 font-family: "Font Awesome 6 Free";
3617 font-weight: 400;
3620 .fa.fa-file-word-o:before {
3621 content: "\f1c2";
3624 .fa.fa-file-excel-o {
3625 font-family: "Font Awesome 6 Free";
3626 font-weight: 400;
3629 .fa.fa-file-excel-o:before {
3630 content: "\f1c3";
3633 .fa.fa-file-powerpoint-o {
3634 font-family: "Font Awesome 6 Free";
3635 font-weight: 400;
3638 .fa.fa-file-powerpoint-o:before {
3639 content: "\f1c4";
3642 .fa.fa-file-image-o {
3643 font-family: "Font Awesome 6 Free";
3644 font-weight: 400;
3647 .fa.fa-file-image-o:before {
3648 content: "\f1c5";
3651 .fa.fa-file-photo-o {
3652 font-family: "Font Awesome 6 Free";
3653 font-weight: 400;
3656 .fa.fa-file-photo-o:before {
3657 content: "\f1c5";
3660 .fa.fa-file-picture-o {
3661 font-family: "Font Awesome 6 Free";
3662 font-weight: 400;
3665 .fa.fa-file-picture-o:before {
3666 content: "\f1c5";
3669 .fa.fa-file-archive-o {
3670 font-family: "Font Awesome 6 Free";
3671 font-weight: 400;
3674 .fa.fa-file-archive-o:before {
3675 content: "\f1c6";
3678 .fa.fa-file-zip-o {
3679 font-family: "Font Awesome 6 Free";
3680 font-weight: 400;
3683 .fa.fa-file-zip-o:before {
3684 content: "\f1c6";
3687 .fa.fa-file-audio-o {
3688 font-family: "Font Awesome 6 Free";
3689 font-weight: 400;
3692 .fa.fa-file-audio-o:before {
3693 content: "\f1c7";
3696 .fa.fa-file-sound-o {
3697 font-family: "Font Awesome 6 Free";
3698 font-weight: 400;
3701 .fa.fa-file-sound-o:before {
3702 content: "\f1c7";
3705 .fa.fa-file-video-o {
3706 font-family: "Font Awesome 6 Free";
3707 font-weight: 400;
3710 .fa.fa-file-video-o:before {
3711 content: "\f1c8";
3714 .fa.fa-file-movie-o {
3715 font-family: "Font Awesome 6 Free";
3716 font-weight: 400;
3719 .fa.fa-file-movie-o:before {
3720 content: "\f1c8";
3723 .fa.fa-file-code-o {
3724 font-family: "Font Awesome 6 Free";
3725 font-weight: 400;
3728 .fa.fa-file-code-o:before {
3729 content: "\f1c9";
3732 .fa.fa-vine {
3733 font-family: "Font Awesome 6 Brands";
3734 font-weight: 400;
3737 .fa.fa-codepen {
3738 font-family: "Font Awesome 6 Brands";
3739 font-weight: 400;
3742 .fa.fa-jsfiddle {
3743 font-family: "Font Awesome 6 Brands";
3744 font-weight: 400;
3747 .fa.fa-life-bouy:before {
3748 content: "\f1cd";
3751 .fa.fa-life-buoy:before {
3752 content: "\f1cd";
3755 .fa.fa-life-saver:before {
3756 content: "\f1cd";
3759 .fa.fa-support:before {
3760 content: "\f1cd";
3763 .fa.fa-circle-o-notch:before {
3764 content: "\f1ce";
3767 .fa.fa-rebel {
3768 font-family: "Font Awesome 6 Brands";
3769 font-weight: 400;
3772 .fa.fa-ra {
3773 font-family: "Font Awesome 6 Brands";
3774 font-weight: 400;
3777 .fa.fa-ra:before {
3778 content: "\f1d0";
3781 .fa.fa-resistance {
3782 font-family: "Font Awesome 6 Brands";
3783 font-weight: 400;
3786 .fa.fa-resistance:before {
3787 content: "\f1d0";
3790 .fa.fa-empire {
3791 font-family: "Font Awesome 6 Brands";
3792 font-weight: 400;
3795 .fa.fa-ge {
3796 font-family: "Font Awesome 6 Brands";
3797 font-weight: 400;
3800 .fa.fa-ge:before {
3801 content: "\f1d1";
3804 .fa.fa-git-square {
3805 font-family: "Font Awesome 6 Brands";
3806 font-weight: 400;
3809 .fa.fa-git-square:before {
3810 content: "\f1d2";
3813 .fa.fa-git {
3814 font-family: "Font Awesome 6 Brands";
3815 font-weight: 400;
3818 .fa.fa-hacker-news {
3819 font-family: "Font Awesome 6 Brands";
3820 font-weight: 400;
3823 .fa.fa-y-combinator-square {
3824 font-family: "Font Awesome 6 Brands";
3825 font-weight: 400;
3828 .fa.fa-y-combinator-square:before {
3829 content: "\f1d4";
3832 .fa.fa-yc-square {
3833 font-family: "Font Awesome 6 Brands";
3834 font-weight: 400;
3837 .fa.fa-yc-square:before {
3838 content: "\f1d4";
3841 .fa.fa-tencent-weibo {
3842 font-family: "Font Awesome 6 Brands";
3843 font-weight: 400;
3846 .fa.fa-qq {
3847 font-family: "Font Awesome 6 Brands";
3848 font-weight: 400;
3851 .fa.fa-weixin {
3852 font-family: "Font Awesome 6 Brands";
3853 font-weight: 400;
3856 .fa.fa-wechat {
3857 font-family: "Font Awesome 6 Brands";
3858 font-weight: 400;
3861 .fa.fa-wechat:before {
3862 content: "\f1d7";
3865 .fa.fa-send:before {
3866 content: "\f1d8";
3869 .fa.fa-paper-plane-o {
3870 font-family: "Font Awesome 6 Free";
3871 font-weight: 400;
3874 .fa.fa-paper-plane-o:before {
3875 content: "\f1d8";
3878 .fa.fa-send-o {
3879 font-family: "Font Awesome 6 Free";
3880 font-weight: 400;
3883 .fa.fa-send-o:before {
3884 content: "\f1d8";
3887 .fa.fa-circle-thin {
3888 font-family: "Font Awesome 6 Free";
3889 font-weight: 400;
3892 .fa.fa-circle-thin:before {
3893 content: "\f111";
3896 .fa.fa-header:before {
3897 content: "\f1dc";
3900 .fa.fa-futbol-o {
3901 font-family: "Font Awesome 6 Free";
3902 font-weight: 400;
3905 .fa.fa-futbol-o:before {
3906 content: "\f1e3";
3909 .fa.fa-soccer-ball-o {
3910 font-family: "Font Awesome 6 Free";
3911 font-weight: 400;
3914 .fa.fa-soccer-ball-o:before {
3915 content: "\f1e3";
3918 .fa.fa-slideshare {
3919 font-family: "Font Awesome 6 Brands";
3920 font-weight: 400;
3923 .fa.fa-twitch {
3924 font-family: "Font Awesome 6 Brands";
3925 font-weight: 400;
3928 .fa.fa-yelp {
3929 font-family: "Font Awesome 6 Brands";
3930 font-weight: 400;
3933 .fa.fa-newspaper-o {
3934 font-family: "Font Awesome 6 Free";
3935 font-weight: 400;
3938 .fa.fa-newspaper-o:before {
3939 content: "\f1ea";
3942 .fa.fa-paypal {
3943 font-family: "Font Awesome 6 Brands";
3944 font-weight: 400;
3947 .fa.fa-google-wallet {
3948 font-family: "Font Awesome 6 Brands";
3949 font-weight: 400;
3952 .fa.fa-cc-visa {
3953 font-family: "Font Awesome 6 Brands";
3954 font-weight: 400;
3957 .fa.fa-cc-mastercard {
3958 font-family: "Font Awesome 6 Brands";
3959 font-weight: 400;
3962 .fa.fa-cc-discover {
3963 font-family: "Font Awesome 6 Brands";
3964 font-weight: 400;
3967 .fa.fa-cc-amex {
3968 font-family: "Font Awesome 6 Brands";
3969 font-weight: 400;
3972 .fa.fa-cc-paypal {
3973 font-family: "Font Awesome 6 Brands";
3974 font-weight: 400;
3977 .fa.fa-cc-stripe {
3978 font-family: "Font Awesome 6 Brands";
3979 font-weight: 400;
3982 .fa.fa-bell-slash-o {
3983 font-family: "Font Awesome 6 Free";
3984 font-weight: 400;
3987 .fa.fa-bell-slash-o:before {
3988 content: "\f1f6";
3991 .fa.fa-trash:before {
3992 content: "\f2ed";
3995 .fa.fa-copyright {
3996 font-family: "Font Awesome 6 Free";
3997 font-weight: 400;
4000 .fa.fa-eyedropper:before {
4001 content: "\f1fb";
4004 .fa.fa-area-chart:before {
4005 content: "\f1fe";
4008 .fa.fa-pie-chart:before {
4009 content: "\f200";
4012 .fa.fa-line-chart:before {
4013 content: "\f201";
4016 .fa.fa-lastfm {
4017 font-family: "Font Awesome 6 Brands";
4018 font-weight: 400;
4021 .fa.fa-lastfm-square {
4022 font-family: "Font Awesome 6 Brands";
4023 font-weight: 400;
4026 .fa.fa-lastfm-square:before {
4027 content: "\f203";
4030 .fa.fa-ioxhost {
4031 font-family: "Font Awesome 6 Brands";
4032 font-weight: 400;
4035 .fa.fa-angellist {
4036 font-family: "Font Awesome 6 Brands";
4037 font-weight: 400;
4040 .fa.fa-cc {
4041 font-family: "Font Awesome 6 Free";
4042 font-weight: 400;
4045 .fa.fa-cc:before {
4046 content: "\f20a";
4049 .fa.fa-ils:before {
4050 content: "\f20b";
4053 .fa.fa-shekel:before {
4054 content: "\f20b";
4057 .fa.fa-sheqel:before {
4058 content: "\f20b";
4061 .fa.fa-buysellads {
4062 font-family: "Font Awesome 6 Brands";
4063 font-weight: 400;
4066 .fa.fa-connectdevelop {
4067 font-family: "Font Awesome 6 Brands";
4068 font-weight: 400;
4071 .fa.fa-dashcube {
4072 font-family: "Font Awesome 6 Brands";
4073 font-weight: 400;
4076 .fa.fa-forumbee {
4077 font-family: "Font Awesome 6 Brands";
4078 font-weight: 400;
4081 .fa.fa-leanpub {
4082 font-family: "Font Awesome 6 Brands";
4083 font-weight: 400;
4086 .fa.fa-sellsy {
4087 font-family: "Font Awesome 6 Brands";
4088 font-weight: 400;
4091 .fa.fa-shirtsinbulk {
4092 font-family: "Font Awesome 6 Brands";
4093 font-weight: 400;
4096 .fa.fa-simplybuilt {
4097 font-family: "Font Awesome 6 Brands";
4098 font-weight: 400;
4101 .fa.fa-skyatlas {
4102 font-family: "Font Awesome 6 Brands";
4103 font-weight: 400;
4106 .fa.fa-diamond {
4107 font-family: "Font Awesome 6 Free";
4108 font-weight: 400;
4111 .fa.fa-diamond:before {
4112 content: "\f3a5";
4115 .fa.fa-transgender:before {
4116 content: "\f224";
4119 .fa.fa-intersex:before {
4120 content: "\f224";
4123 .fa.fa-transgender-alt:before {
4124 content: "\f225";
4127 .fa.fa-facebook-official {
4128 font-family: "Font Awesome 6 Brands";
4129 font-weight: 400;
4132 .fa.fa-facebook-official:before {
4133 content: "\f09a";
4136 .fa.fa-pinterest-p {
4137 font-family: "Font Awesome 6 Brands";
4138 font-weight: 400;
4141 .fa.fa-whatsapp {
4142 font-family: "Font Awesome 6 Brands";
4143 font-weight: 400;
4146 .fa.fa-hotel:before {
4147 content: "\f236";
4150 .fa.fa-viacoin {
4151 font-family: "Font Awesome 6 Brands";
4152 font-weight: 400;
4155 .fa.fa-medium {
4156 font-family: "Font Awesome 6 Brands";
4157 font-weight: 400;
4160 .fa.fa-y-combinator {
4161 font-family: "Font Awesome 6 Brands";
4162 font-weight: 400;
4165 .fa.fa-yc {
4166 font-family: "Font Awesome 6 Brands";
4167 font-weight: 400;
4170 .fa.fa-yc:before {
4171 content: "\f23b";
4174 .fa.fa-optin-monster {
4175 font-family: "Font Awesome 6 Brands";
4176 font-weight: 400;
4179 .fa.fa-opencart {
4180 font-family: "Font Awesome 6 Brands";
4181 font-weight: 400;
4184 .fa.fa-expeditedssl {
4185 font-family: "Font Awesome 6 Brands";
4186 font-weight: 400;
4189 .fa.fa-battery-4:before {
4190 content: "\f240";
4193 .fa.fa-battery:before {
4194 content: "\f240";
4197 .fa.fa-battery-3:before {
4198 content: "\f241";
4201 .fa.fa-battery-2:before {
4202 content: "\f242";
4205 .fa.fa-battery-1:before {
4206 content: "\f243";
4209 .fa.fa-battery-0:before {
4210 content: "\f244";
4213 .fa.fa-object-group {
4214 font-family: "Font Awesome 6 Free";
4215 font-weight: 400;
4218 .fa.fa-object-ungroup {
4219 font-family: "Font Awesome 6 Free";
4220 font-weight: 400;
4223 .fa.fa-sticky-note-o {
4224 font-family: "Font Awesome 6 Free";
4225 font-weight: 400;
4228 .fa.fa-sticky-note-o:before {
4229 content: "\f249";
4232 .fa.fa-cc-jcb {
4233 font-family: "Font Awesome 6 Brands";
4234 font-weight: 400;
4237 .fa.fa-cc-diners-club {
4238 font-family: "Font Awesome 6 Brands";
4239 font-weight: 400;
4242 .fa.fa-clone {
4243 font-family: "Font Awesome 6 Free";
4244 font-weight: 400;
4247 .fa.fa-hourglass-o:before {
4248 content: "\f254";
4251 .fa.fa-hourglass-1:before {
4252 content: "\f251";
4255 .fa.fa-hourglass-2:before {
4256 content: "\f252";
4259 .fa.fa-hourglass-3:before {
4260 content: "\f253";
4263 .fa.fa-hand-rock-o {
4264 font-family: "Font Awesome 6 Free";
4265 font-weight: 400;
4268 .fa.fa-hand-rock-o:before {
4269 content: "\f255";
4272 .fa.fa-hand-grab-o {
4273 font-family: "Font Awesome 6 Free";
4274 font-weight: 400;
4277 .fa.fa-hand-grab-o:before {
4278 content: "\f255";
4281 .fa.fa-hand-paper-o {
4282 font-family: "Font Awesome 6 Free";
4283 font-weight: 400;
4286 .fa.fa-hand-paper-o:before {
4287 content: "\f256";
4290 .fa.fa-hand-stop-o {
4291 font-family: "Font Awesome 6 Free";
4292 font-weight: 400;
4295 .fa.fa-hand-stop-o:before {
4296 content: "\f256";
4299 .fa.fa-hand-scissors-o {
4300 font-family: "Font Awesome 6 Free";
4301 font-weight: 400;
4304 .fa.fa-hand-scissors-o:before {
4305 content: "\f257";
4308 .fa.fa-hand-lizard-o {
4309 font-family: "Font Awesome 6 Free";
4310 font-weight: 400;
4313 .fa.fa-hand-lizard-o:before {
4314 content: "\f258";
4317 .fa.fa-hand-spock-o {
4318 font-family: "Font Awesome 6 Free";
4319 font-weight: 400;
4322 .fa.fa-hand-spock-o:before {
4323 content: "\f259";
4326 .fa.fa-hand-pointer-o {
4327 font-family: "Font Awesome 6 Free";
4328 font-weight: 400;
4331 .fa.fa-hand-pointer-o:before {
4332 content: "\f25a";
4335 .fa.fa-hand-peace-o {
4336 font-family: "Font Awesome 6 Free";
4337 font-weight: 400;
4340 .fa.fa-hand-peace-o:before {
4341 content: "\f25b";
4344 .fa.fa-registered {
4345 font-family: "Font Awesome 6 Free";
4346 font-weight: 400;
4349 .fa.fa-creative-commons {
4350 font-family: "Font Awesome 6 Brands";
4351 font-weight: 400;
4354 .fa.fa-gg {
4355 font-family: "Font Awesome 6 Brands";
4356 font-weight: 400;
4359 .fa.fa-gg-circle {
4360 font-family: "Font Awesome 6 Brands";
4361 font-weight: 400;
4364 .fa.fa-odnoklassniki {
4365 font-family: "Font Awesome 6 Brands";
4366 font-weight: 400;
4369 .fa.fa-odnoklassniki-square {
4370 font-family: "Font Awesome 6 Brands";
4371 font-weight: 400;
4374 .fa.fa-odnoklassniki-square:before {
4375 content: "\f264";
4378 .fa.fa-get-pocket {
4379 font-family: "Font Awesome 6 Brands";
4380 font-weight: 400;
4383 .fa.fa-wikipedia-w {
4384 font-family: "Font Awesome 6 Brands";
4385 font-weight: 400;
4388 .fa.fa-safari {
4389 font-family: "Font Awesome 6 Brands";
4390 font-weight: 400;
4393 .fa.fa-chrome {
4394 font-family: "Font Awesome 6 Brands";
4395 font-weight: 400;
4398 .fa.fa-firefox {
4399 font-family: "Font Awesome 6 Brands";
4400 font-weight: 400;
4403 .fa.fa-opera {
4404 font-family: "Font Awesome 6 Brands";
4405 font-weight: 400;
4408 .fa.fa-internet-explorer {
4409 font-family: "Font Awesome 6 Brands";
4410 font-weight: 400;
4413 .fa.fa-television:before {
4414 content: "\f26c";
4417 .fa.fa-contao {
4418 font-family: "Font Awesome 6 Brands";
4419 font-weight: 400;
4422 .fa.fa-500px {
4423 font-family: "Font Awesome 6 Brands";
4424 font-weight: 400;
4427 .fa.fa-amazon {
4428 font-family: "Font Awesome 6 Brands";
4429 font-weight: 400;
4432 .fa.fa-calendar-plus-o {
4433 font-family: "Font Awesome 6 Free";
4434 font-weight: 400;
4437 .fa.fa-calendar-plus-o:before {
4438 content: "\f271";
4441 .fa.fa-calendar-minus-o {
4442 font-family: "Font Awesome 6 Free";
4443 font-weight: 400;
4446 .fa.fa-calendar-minus-o:before {
4447 content: "\f272";
4450 .fa.fa-calendar-times-o {
4451 font-family: "Font Awesome 6 Free";
4452 font-weight: 400;
4455 .fa.fa-calendar-times-o:before {
4456 content: "\f273";
4459 .fa.fa-calendar-check-o {
4460 font-family: "Font Awesome 6 Free";
4461 font-weight: 400;
4464 .fa.fa-calendar-check-o:before {
4465 content: "\f274";
4468 .fa.fa-map-o {
4469 font-family: "Font Awesome 6 Free";
4470 font-weight: 400;
4473 .fa.fa-map-o:before {
4474 content: "\f279";
4477 .fa.fa-commenting:before {
4478 content: "\f4ad";
4481 .fa.fa-commenting-o {
4482 font-family: "Font Awesome 6 Free";
4483 font-weight: 400;
4486 .fa.fa-commenting-o:before {
4487 content: "\f4ad";
4490 .fa.fa-houzz {
4491 font-family: "Font Awesome 6 Brands";
4492 font-weight: 400;
4495 .fa.fa-vimeo {
4496 font-family: "Font Awesome 6 Brands";
4497 font-weight: 400;
4500 .fa.fa-vimeo:before {
4501 content: "\f27d";
4504 .fa.fa-black-tie {
4505 font-family: "Font Awesome 6 Brands";
4506 font-weight: 400;
4509 .fa.fa-fonticons {
4510 font-family: "Font Awesome 6 Brands";
4511 font-weight: 400;
4514 .fa.fa-reddit-alien {
4515 font-family: "Font Awesome 6 Brands";
4516 font-weight: 400;
4519 .fa.fa-edge {
4520 font-family: "Font Awesome 6 Brands";
4521 font-weight: 400;
4524 .fa.fa-credit-card-alt:before {
4525 content: "\f09d";
4528 .fa.fa-codiepie {
4529 font-family: "Font Awesome 6 Brands";
4530 font-weight: 400;
4533 .fa.fa-modx {
4534 font-family: "Font Awesome 6 Brands";
4535 font-weight: 400;
4538 .fa.fa-fort-awesome {
4539 font-family: "Font Awesome 6 Brands";
4540 font-weight: 400;
4543 .fa.fa-usb {
4544 font-family: "Font Awesome 6 Brands";
4545 font-weight: 400;
4548 .fa.fa-product-hunt {
4549 font-family: "Font Awesome 6 Brands";
4550 font-weight: 400;
4553 .fa.fa-mixcloud {
4554 font-family: "Font Awesome 6 Brands";
4555 font-weight: 400;
4558 .fa.fa-scribd {
4559 font-family: "Font Awesome 6 Brands";
4560 font-weight: 400;
4563 .fa.fa-pause-circle-o {
4564 font-family: "Font Awesome 6 Free";
4565 font-weight: 400;
4568 .fa.fa-pause-circle-o:before {
4569 content: "\f28b";
4572 .fa.fa-stop-circle-o {
4573 font-family: "Font Awesome 6 Free";
4574 font-weight: 400;
4577 .fa.fa-stop-circle-o:before {
4578 content: "\f28d";
4581 .fa.fa-bluetooth {
4582 font-family: "Font Awesome 6 Brands";
4583 font-weight: 400;
4586 .fa.fa-bluetooth-b {
4587 font-family: "Font Awesome 6 Brands";
4588 font-weight: 400;
4591 .fa.fa-gitlab {
4592 font-family: "Font Awesome 6 Brands";
4593 font-weight: 400;
4596 .fa.fa-wpbeginner {
4597 font-family: "Font Awesome 6 Brands";
4598 font-weight: 400;
4601 .fa.fa-wpforms {
4602 font-family: "Font Awesome 6 Brands";
4603 font-weight: 400;
4606 .fa.fa-envira {
4607 font-family: "Font Awesome 6 Brands";
4608 font-weight: 400;
4611 .fa.fa-wheelchair-alt {
4612 font-family: "Font Awesome 6 Brands";
4613 font-weight: 400;
4616 .fa.fa-wheelchair-alt:before {
4617 content: "\f368";
4620 .fa.fa-question-circle-o {
4621 font-family: "Font Awesome 6 Free";
4622 font-weight: 400;
4625 .fa.fa-question-circle-o:before {
4626 content: "\f059";
4629 .fa.fa-volume-control-phone:before {
4630 content: "\f2a0";
4633 .fa.fa-asl-interpreting:before {
4634 content: "\f2a3";
4637 .fa.fa-deafness:before {
4638 content: "\f2a4";
4641 .fa.fa-hard-of-hearing:before {
4642 content: "\f2a4";
4645 .fa.fa-glide {
4646 font-family: "Font Awesome 6 Brands";
4647 font-weight: 400;
4650 .fa.fa-glide-g {
4651 font-family: "Font Awesome 6 Brands";
4652 font-weight: 400;
4655 .fa.fa-signing:before {
4656 content: "\f2a7";
4659 .fa.fa-viadeo {
4660 font-family: "Font Awesome 6 Brands";
4661 font-weight: 400;
4664 .fa.fa-viadeo-square {
4665 font-family: "Font Awesome 6 Brands";
4666 font-weight: 400;
4669 .fa.fa-viadeo-square:before {
4670 content: "\f2aa";
4673 .fa.fa-snapchat {
4674 font-family: "Font Awesome 6 Brands";
4675 font-weight: 400;
4678 .fa.fa-snapchat-ghost {
4679 font-family: "Font Awesome 6 Brands";
4680 font-weight: 400;
4683 .fa.fa-snapchat-ghost:before {
4684 content: "\f2ab";
4687 .fa.fa-snapchat-square {
4688 font-family: "Font Awesome 6 Brands";
4689 font-weight: 400;
4692 .fa.fa-snapchat-square:before {
4693 content: "\f2ad";
4696 .fa.fa-pied-piper {
4697 font-family: "Font Awesome 6 Brands";
4698 font-weight: 400;
4701 .fa.fa-first-order {
4702 font-family: "Font Awesome 6 Brands";
4703 font-weight: 400;
4706 .fa.fa-yoast {
4707 font-family: "Font Awesome 6 Brands";
4708 font-weight: 400;
4711 .fa.fa-themeisle {
4712 font-family: "Font Awesome 6 Brands";
4713 font-weight: 400;
4716 .fa.fa-google-plus-official {
4717 font-family: "Font Awesome 6 Brands";
4718 font-weight: 400;
4721 .fa.fa-google-plus-official:before {
4722 content: "\f2b3";
4725 .fa.fa-google-plus-circle {
4726 font-family: "Font Awesome 6 Brands";
4727 font-weight: 400;
4730 .fa.fa-google-plus-circle:before {
4731 content: "\f2b3";
4734 .fa.fa-font-awesome {
4735 font-family: "Font Awesome 6 Brands";
4736 font-weight: 400;
4739 .fa.fa-fa {
4740 font-family: "Font Awesome 6 Brands";
4741 font-weight: 400;
4744 .fa.fa-fa:before {
4745 content: "\f2b4";
4748 .fa.fa-handshake-o {
4749 font-family: "Font Awesome 6 Free";
4750 font-weight: 400;
4753 .fa.fa-handshake-o:before {
4754 content: "\f2b5";
4757 .fa.fa-envelope-open-o {
4758 font-family: "Font Awesome 6 Free";
4759 font-weight: 400;
4762 .fa.fa-envelope-open-o:before {
4763 content: "\f2b6";
4766 .fa.fa-linode {
4767 font-family: "Font Awesome 6 Brands";
4768 font-weight: 400;
4771 .fa.fa-address-book-o {
4772 font-family: "Font Awesome 6 Free";
4773 font-weight: 400;
4776 .fa.fa-address-book-o:before {
4777 content: "\f2b9";
4780 .fa.fa-vcard:before {
4781 content: "\f2bb";
4784 .fa.fa-address-card-o {
4785 font-family: "Font Awesome 6 Free";
4786 font-weight: 400;
4789 .fa.fa-address-card-o:before {
4790 content: "\f2bb";
4793 .fa.fa-vcard-o {
4794 font-family: "Font Awesome 6 Free";
4795 font-weight: 400;
4798 .fa.fa-vcard-o:before {
4799 content: "\f2bb";
4802 .fa.fa-user-circle-o {
4803 font-family: "Font Awesome 6 Free";
4804 font-weight: 400;
4807 .fa.fa-user-circle-o:before {
4808 content: "\f2bd";
4811 .fa.fa-user-o {
4812 font-family: "Font Awesome 6 Free";
4813 font-weight: 400;
4816 .fa.fa-user-o:before {
4817 content: "\f007";
4820 .fa.fa-id-badge {
4821 font-family: "Font Awesome 6 Free";
4822 font-weight: 400;
4825 .fa.fa-drivers-license:before {
4826 content: "\f2c2";
4829 .fa.fa-id-card-o {
4830 font-family: "Font Awesome 6 Free";
4831 font-weight: 400;
4834 .fa.fa-id-card-o:before {
4835 content: "\f2c2";
4838 .fa.fa-drivers-license-o {
4839 font-family: "Font Awesome 6 Free";
4840 font-weight: 400;
4843 .fa.fa-drivers-license-o:before {
4844 content: "\f2c2";
4847 .fa.fa-quora {
4848 font-family: "Font Awesome 6 Brands";
4849 font-weight: 400;
4852 .fa.fa-free-code-camp {
4853 font-family: "Font Awesome 6 Brands";
4854 font-weight: 400;
4857 .fa.fa-telegram {
4858 font-family: "Font Awesome 6 Brands";
4859 font-weight: 400;
4862 .fa.fa-thermometer-4:before {
4863 content: "\f2c7";
4866 .fa.fa-thermometer:before {
4867 content: "\f2c7";
4870 .fa.fa-thermometer-3:before {
4871 content: "\f2c8";
4874 .fa.fa-thermometer-2:before {
4875 content: "\f2c9";
4878 .fa.fa-thermometer-1:before {
4879 content: "\f2ca";
4882 .fa.fa-thermometer-0:before {
4883 content: "\f2cb";
4886 .fa.fa-bathtub:before {
4887 content: "\f2cd";
4890 .fa.fa-s15:before {
4891 content: "\f2cd";
4894 .fa.fa-window-maximize {
4895 font-family: "Font Awesome 6 Free";
4896 font-weight: 400;
4899 .fa.fa-window-restore {
4900 font-family: "Font Awesome 6 Free";
4901 font-weight: 400;
4904 .fa.fa-times-rectangle:before {
4905 content: "\f410";
4908 .fa.fa-window-close-o {
4909 font-family: "Font Awesome 6 Free";
4910 font-weight: 400;
4913 .fa.fa-window-close-o:before {
4914 content: "\f410";
4917 .fa.fa-times-rectangle-o {
4918 font-family: "Font Awesome 6 Free";
4919 font-weight: 400;
4922 .fa.fa-times-rectangle-o:before {
4923 content: "\f410";
4926 .fa.fa-bandcamp {
4927 font-family: "Font Awesome 6 Brands";
4928 font-weight: 400;
4931 .fa.fa-grav {
4932 font-family: "Font Awesome 6 Brands";
4933 font-weight: 400;
4936 .fa.fa-etsy {
4937 font-family: "Font Awesome 6 Brands";
4938 font-weight: 400;
4941 .fa.fa-imdb {
4942 font-family: "Font Awesome 6 Brands";
4943 font-weight: 400;
4946 .fa.fa-ravelry {
4947 font-family: "Font Awesome 6 Brands";
4948 font-weight: 400;
4951 .fa.fa-eercast {
4952 font-family: "Font Awesome 6 Brands";
4953 font-weight: 400;
4956 .fa.fa-eercast:before {
4957 content: "\f2da";
4960 .fa.fa-snowflake-o {
4961 font-family: "Font Awesome 6 Free";
4962 font-weight: 400;
4965 .fa.fa-snowflake-o:before {
4966 content: "\f2dc";
4969 .fa.fa-superpowers {
4970 font-family: "Font Awesome 6 Brands";
4971 font-weight: 400;
4974 .fa.fa-wpexplorer {
4975 font-family: "Font Awesome 6 Brands";
4976 font-weight: 400;
4979 .fa.fa-meetup {
4980 font-family: "Font Awesome 6 Brands";
4981 font-weight: 400;
4985 * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com
4986 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4987 * Copyright 2023 Fonticons, Inc.
4989 .fa {
4990 font-family: var(--fa-style-family, "Font Awesome 6 Free");
4991 font-weight: var(--fa-style, 900);
4994 .fa,
4995 .fa-classic,
4996 .fa-sharp,
4997 .fas,
4998 .fa-solid,
4999 .moremenu .dropdown-item[aria-current=true]:before,
5000 .moremenu .dropdown-item.active:before,
5001 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5002 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
5003 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5004 .toast.toast-warning .toast-body:before,
5005 .toast.toast-info .toast-body:before,
5006 .toast.toast-danger .toast-body:before,
5007 .toast.toast-success .toast-body:before,
5008 .editing .editinprogress:after,
5009 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
5010 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
5011 .block_settings .block_tree [aria-expanded=false] > p:before,
5012 .block_navigation .block_tree [aria-expanded=false] > p:before,
5013 .block_settings .block_tree [aria-expanded=true] > p:before,
5014 .block_navigation .block_tree [aria-expanded=true] > p:before,
5015 .dropdown-item[aria-current=true]:before,
5016 .dropdown-item[aria-selected=true]:before,
5017 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
5018 .action-menu .dropdown-subpanel .dropdown-item::after,
5019 .dropup .dropdown-toggle::after,
5020 .dropright .dropdown-toggle::after,
5021 .dropleft .dropdown-toggle::before,
5022 .dropdown-toggle::after,
5023 .far,
5024 .fa-regular,
5025 .content-bank-container.view-grid .cb-unlisted::after,
5026 .fab,
5027 .fa-brands {
5028 -moz-osx-font-smoothing: grayscale;
5029 -webkit-font-smoothing: antialiased;
5030 display: var(--fa-display, inline-block);
5031 font-style: normal;
5032 font-variant: normal;
5033 line-height: 1;
5034 text-rendering: auto;
5037 .fas,
5038 .fa-classic,
5039 .fa-solid,
5040 .moremenu .dropdown-item[aria-current=true]:before,
5041 .moremenu .dropdown-item.active:before,
5042 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5043 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
5044 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5045 .toast.toast-warning .toast-body:before,
5046 .toast.toast-info .toast-body:before,
5047 .toast.toast-danger .toast-body:before,
5048 .toast.toast-success .toast-body:before,
5049 .editing .editinprogress:after,
5050 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
5051 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
5052 .block_settings .block_tree [aria-expanded=false] > p:before,
5053 .block_navigation .block_tree [aria-expanded=false] > p:before,
5054 .block_settings .block_tree [aria-expanded=true] > p:before,
5055 .block_navigation .block_tree [aria-expanded=true] > p:before,
5056 .dropdown-item[aria-current=true]:before,
5057 .dropdown-item[aria-selected=true]:before,
5058 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
5059 .action-menu .dropdown-subpanel .dropdown-item::after,
5060 .dropup .dropdown-toggle::after,
5061 .dropright .dropdown-toggle::after,
5062 .dropleft .dropdown-toggle::before,
5063 .dropdown-toggle::after,
5064 .far,
5065 .fa-regular,
5066 .content-bank-container.view-grid .cb-unlisted::after {
5067 font-family: "Font Awesome 6 Free";
5070 .fab,
5071 .fa-brands {
5072 font-family: "Font Awesome 6 Brands";
5075 .fa-1x {
5076 font-size: 1em;
5079 .fa-2x {
5080 font-size: 2em;
5083 .fa-3x {
5084 font-size: 3em;
5087 .fa-4x {
5088 font-size: 4em;
5091 .fa-5x {
5092 font-size: 5em;
5095 .fa-6x {
5096 font-size: 6em;
5099 .fa-7x {
5100 font-size: 7em;
5103 .fa-8x {
5104 font-size: 8em;
5107 .fa-9x {
5108 font-size: 9em;
5111 .fa-10x {
5112 font-size: 10em;
5115 .fa-2xs {
5116 font-size: 0.625em;
5117 line-height: 0.1em;
5118 vertical-align: 0.225em;
5121 .fa-xs {
5122 font-size: 0.75em;
5123 line-height: 0.0833333337em;
5124 vertical-align: 0.125em;
5127 .fa-sm {
5128 font-size: 0.875em;
5129 line-height: 0.0714285718em;
5130 vertical-align: 0.0535714295em;
5133 .fa-lg {
5134 font-size: 1.25em;
5135 line-height: 0.05em;
5136 vertical-align: -0.075em;
5139 .fa-xl {
5140 font-size: 1.5em;
5141 line-height: 0.0416666682em;
5142 vertical-align: -0.125em;
5145 .fa-2xl {
5146 font-size: 2em;
5147 line-height: 0.03125em;
5148 vertical-align: -0.1875em;
5151 .fa-fw {
5152 text-align: center;
5153 width: 1.25em;
5156 .fa-ul {
5157 list-style-type: none;
5158 margin-left: var(--fa-li-margin, 2.5em);
5159 padding-left: 0;
5161 .fa-ul > li {
5162 position: relative;
5165 .fa-li {
5166 left: calc(var(--fa-li-width, 2em) * -1);
5167 position: absolute;
5168 text-align: center;
5169 width: var(--fa-li-width, 2em);
5170 line-height: inherit;
5173 .fa-border {
5174 border-color: var(--fa-border-color, #eee);
5175 border-radius: var(--fa-border-radius, 0.1em);
5176 border-style: var(--fa-border-style, solid);
5177 border-width: var(--fa-border-width, 0.08em);
5178 padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
5181 .fa-pull-left {
5182 float: left;
5183 margin-right: var(--fa-pull-margin, 0.3em);
5186 .fa-pull-right {
5187 float: right;
5188 margin-left: var(--fa-pull-margin, 0.3em);
5191 .fa-beat {
5192 animation-name: fa-beat;
5193 animation-delay: var(--fa-animation-delay, 0s);
5194 animation-direction: var(--fa-animation-direction, normal);
5195 animation-duration: var(--fa-animation-duration, 1s);
5196 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5197 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5200 .fa-bounce {
5201 animation-name: fa-bounce;
5202 animation-delay: var(--fa-animation-delay, 0s);
5203 animation-direction: var(--fa-animation-direction, normal);
5204 animation-duration: var(--fa-animation-duration, 1s);
5205 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5206 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
5209 .fa-fade {
5210 animation-name: fa-fade;
5211 animation-delay: var(--fa-animation-delay, 0s);
5212 animation-direction: var(--fa-animation-direction, normal);
5213 animation-duration: var(--fa-animation-duration, 1s);
5214 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5215 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5218 .fa-beat-fade {
5219 animation-name: fa-beat-fade;
5220 animation-delay: var(--fa-animation-delay, 0s);
5221 animation-direction: var(--fa-animation-direction, normal);
5222 animation-duration: var(--fa-animation-duration, 1s);
5223 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5224 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5227 .fa-flip {
5228 animation-name: fa-flip;
5229 animation-delay: var(--fa-animation-delay, 0s);
5230 animation-direction: var(--fa-animation-direction, normal);
5231 animation-duration: var(--fa-animation-duration, 1s);
5232 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5233 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5236 .fa-shake {
5237 animation-name: fa-shake;
5238 animation-delay: var(--fa-animation-delay, 0s);
5239 animation-direction: var(--fa-animation-direction, normal);
5240 animation-duration: var(--fa-animation-duration, 1s);
5241 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5242 animation-timing-function: var(--fa-animation-timing, linear);
5245 .fa-spin {
5246 animation-name: fa-spin;
5247 animation-delay: var(--fa-animation-delay, 0s);
5248 animation-direction: var(--fa-animation-direction, normal);
5249 animation-duration: var(--fa-animation-duration, 2s);
5250 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5251 animation-timing-function: var(--fa-animation-timing, linear);
5254 .fa-spin-reverse {
5255 --fa-animation-direction: reverse;
5258 .fa-pulse,
5259 .fa-spin-pulse {
5260 animation-name: fa-spin;
5261 animation-direction: var(--fa-animation-direction, normal);
5262 animation-duration: var(--fa-animation-duration, 1s);
5263 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5264 animation-timing-function: var(--fa-animation-timing, steps(8));
5267 @media (prefers-reduced-motion: reduce) {
5268 .fa-beat,
5269 .fa-bounce,
5270 .fa-fade,
5271 .fa-beat-fade,
5272 .fa-flip,
5273 .fa-pulse,
5274 .fa-shake,
5275 .fa-spin,
5276 .fa-spin-pulse {
5277 animation-delay: -1ms;
5278 animation-duration: 1ms;
5279 animation-iteration-count: 1;
5280 transition-delay: 0s;
5281 transition-duration: 0s;
5284 @keyframes fa-beat {
5285 0%, 90% {
5286 transform: scale(1);
5288 45% {
5289 transform: scale(var(--fa-beat-scale, 1.25));
5292 @keyframes fa-bounce {
5293 0% {
5294 transform: scale(1, 1) translateY(0);
5296 10% {
5297 transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
5299 30% {
5300 transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
5302 50% {
5303 transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
5305 57% {
5306 transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
5308 64% {
5309 transform: scale(1, 1) translateY(0);
5311 100% {
5312 transform: scale(1, 1) translateY(0);
5315 @keyframes fa-fade {
5316 50% {
5317 opacity: var(--fa-fade-opacity, 0.4);
5320 @keyframes fa-beat-fade {
5321 0%, 100% {
5322 opacity: var(--fa-beat-fade-opacity, 0.4);
5323 transform: scale(1);
5325 50% {
5326 opacity: 1;
5327 transform: scale(var(--fa-beat-fade-scale, 1.125));
5330 @keyframes fa-flip {
5331 50% {
5332 transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
5335 @keyframes fa-shake {
5336 0% {
5337 transform: rotate(-15deg);
5339 4% {
5340 transform: rotate(15deg);
5342 8%, 24% {
5343 transform: rotate(-18deg);
5345 12%, 28% {
5346 transform: rotate(18deg);
5348 16% {
5349 transform: rotate(-22deg);
5351 20% {
5352 transform: rotate(22deg);
5354 32% {
5355 transform: rotate(-12deg);
5357 36% {
5358 transform: rotate(12deg);
5360 40%, 100% {
5361 transform: rotate(0deg);
5364 @keyframes fa-spin {
5365 0% {
5366 transform: rotate(0deg);
5368 100% {
5369 transform: rotate(360deg);
5372 .fa-rotate-90 {
5373 transform: rotate(90deg);
5376 .fa-rotate-180 {
5377 transform: rotate(180deg);
5380 .fa-rotate-270 {
5381 transform: rotate(270deg);
5384 .fa-flip-horizontal {
5385 transform: scale(-1, 1);
5388 .fa-flip-vertical {
5389 transform: scale(1, -1);
5392 .fa-flip-both,
5393 .fa-flip-horizontal.fa-flip-vertical {
5394 transform: scale(-1, -1);
5397 .fa-rotate-by {
5398 transform: rotate(var(--fa-rotate-angle, none));
5401 .fa-stack {
5402 display: inline-block;
5403 height: 2em;
5404 line-height: 2em;
5405 position: relative;
5406 vertical-align: middle;
5407 width: 2.5em;
5410 .fa-stack-1x,
5411 .fa-stack-2x {
5412 left: 0;
5413 position: absolute;
5414 text-align: center;
5415 width: 100%;
5416 z-index: var(--fa-stack-z-index, auto);
5419 .fa-stack-1x {
5420 line-height: inherit;
5423 .fa-stack-2x {
5424 font-size: 2em;
5427 .fa-inverse {
5428 color: var(--fa-inverse, #fff);
5431 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
5432 readers do not read off random characters that represent icons */
5433 .fa-0::before {
5434 content: "\30 ";
5437 .fa-1::before {
5438 content: "\31 ";
5441 .fa-2::before {
5442 content: "\32 ";
5445 .fa-3::before {
5446 content: "\33 ";
5449 .fa-4::before {
5450 content: "\34 ";
5453 .fa-5::before {
5454 content: "\35 ";
5457 .fa-6::before {
5458 content: "\36 ";
5461 .fa-7::before {
5462 content: "\37 ";
5465 .fa-8::before {
5466 content: "\38 ";
5469 .fa-9::before {
5470 content: "\39 ";
5473 .fa-fill-drip::before {
5474 content: "\f576";
5477 .fa-arrows-to-circle::before {
5478 content: "\e4bd";
5481 .fa-circle-chevron-right::before {
5482 content: "\f138";
5485 .fa-chevron-circle-right::before {
5486 content: "\f138";
5489 .fa-at::before {
5490 content: "\@";
5493 .fa-trash-can::before {
5494 content: "\f2ed";
5497 .fa-trash-alt::before {
5498 content: "\f2ed";
5501 .fa-text-height::before {
5502 content: "\f034";
5505 .fa-user-xmark::before {
5506 content: "\f235";
5509 .fa-user-times::before {
5510 content: "\f235";
5513 .fa-stethoscope::before {
5514 content: "\f0f1";
5517 .fa-message::before {
5518 content: "\f27a";
5521 .fa-comment-alt::before {
5522 content: "\f27a";
5525 .fa-info::before {
5526 content: "\f129";
5529 .fa-down-left-and-up-right-to-center::before {
5530 content: "\f422";
5533 .fa-compress-alt::before {
5534 content: "\f422";
5537 .fa-explosion::before {
5538 content: "\e4e9";
5541 .fa-file-lines::before {
5542 content: "\f15c";
5545 .fa-file-alt::before {
5546 content: "\f15c";
5549 .fa-file-text::before {
5550 content: "\f15c";
5553 .fa-wave-square::before {
5554 content: "\f83e";
5557 .fa-ring::before {
5558 content: "\f70b";
5561 .fa-building-un::before {
5562 content: "\e4d9";
5565 .fa-dice-three::before {
5566 content: "\f527";
5569 .fa-calendar-days::before {
5570 content: "\f073";
5573 .fa-calendar-alt::before {
5574 content: "\f073";
5577 .fa-anchor-circle-check::before {
5578 content: "\e4aa";
5581 .fa-building-circle-arrow-right::before {
5582 content: "\e4d1";
5585 .fa-volleyball::before {
5586 content: "\f45f";
5589 .fa-volleyball-ball::before {
5590 content: "\f45f";
5593 .fa-arrows-up-to-line::before {
5594 content: "\e4c2";
5597 .fa-sort-down::before {
5598 content: "\f0dd";
5601 .fa-sort-desc::before {
5602 content: "\f0dd";
5605 .fa-circle-minus::before {
5606 content: "\f056";
5609 .fa-minus-circle::before {
5610 content: "\f056";
5613 .fa-door-open::before {
5614 content: "\f52b";
5617 .fa-right-from-bracket::before {
5618 content: "\f2f5";
5621 .fa-sign-out-alt::before {
5622 content: "\f2f5";
5625 .fa-atom::before {
5626 content: "\f5d2";
5629 .fa-soap::before {
5630 content: "\e06e";
5633 .fa-icons::before {
5634 content: "\f86d";
5637 .fa-heart-music-camera-bolt::before {
5638 content: "\f86d";
5641 .fa-microphone-lines-slash::before {
5642 content: "\f539";
5645 .fa-microphone-alt-slash::before {
5646 content: "\f539";
5649 .fa-bridge-circle-check::before {
5650 content: "\e4c9";
5653 .fa-pump-medical::before {
5654 content: "\e06a";
5657 .fa-fingerprint::before {
5658 content: "\f577";
5661 .fa-hand-point-right::before {
5662 content: "\f0a4";
5665 .fa-magnifying-glass-location::before {
5666 content: "\f689";
5669 .fa-search-location::before {
5670 content: "\f689";
5673 .fa-forward-step::before {
5674 content: "\f051";
5677 .fa-step-forward::before {
5678 content: "\f051";
5681 .fa-face-smile-beam::before {
5682 content: "\f5b8";
5685 .fa-smile-beam::before {
5686 content: "\f5b8";
5689 .fa-flag-checkered::before {
5690 content: "\f11e";
5693 .fa-football::before {
5694 content: "\f44e";
5697 .fa-football-ball::before {
5698 content: "\f44e";
5701 .fa-school-circle-exclamation::before {
5702 content: "\e56c";
5705 .fa-crop::before {
5706 content: "\f125";
5709 .fa-angles-down::before {
5710 content: "\f103";
5713 .fa-angle-double-down::before {
5714 content: "\f103";
5717 .fa-users-rectangle::before {
5718 content: "\e594";
5721 .fa-people-roof::before {
5722 content: "\e537";
5725 .fa-people-line::before {
5726 content: "\e534";
5729 .fa-beer-mug-empty::before {
5730 content: "\f0fc";
5733 .fa-beer::before {
5734 content: "\f0fc";
5737 .fa-diagram-predecessor::before {
5738 content: "\e477";
5741 .fa-arrow-up-long::before {
5742 content: "\f176";
5745 .fa-long-arrow-up::before {
5746 content: "\f176";
5749 .fa-fire-flame-simple::before {
5750 content: "\f46a";
5753 .fa-burn::before {
5754 content: "\f46a";
5757 .fa-person::before {
5758 content: "\f183";
5761 .fa-male::before {
5762 content: "\f183";
5765 .fa-laptop::before {
5766 content: "\f109";
5769 .fa-file-csv::before {
5770 content: "\f6dd";
5773 .fa-menorah::before {
5774 content: "\f676";
5777 .fa-truck-plane::before {
5778 content: "\e58f";
5781 .fa-record-vinyl::before {
5782 content: "\f8d9";
5785 .fa-face-grin-stars::before {
5786 content: "\f587";
5789 .fa-grin-stars::before {
5790 content: "\f587";
5793 .fa-bong::before {
5794 content: "\f55c";
5797 .fa-spaghetti-monster-flying::before {
5798 content: "\f67b";
5801 .fa-pastafarianism::before {
5802 content: "\f67b";
5805 .fa-arrow-down-up-across-line::before {
5806 content: "\e4af";
5809 .fa-spoon::before {
5810 content: "\f2e5";
5813 .fa-utensil-spoon::before {
5814 content: "\f2e5";
5817 .fa-jar-wheat::before {
5818 content: "\e517";
5821 .fa-envelopes-bulk::before {
5822 content: "\f674";
5825 .fa-mail-bulk::before {
5826 content: "\f674";
5829 .fa-file-circle-exclamation::before {
5830 content: "\e4eb";
5833 .fa-circle-h::before {
5834 content: "\f47e";
5837 .fa-hospital-symbol::before {
5838 content: "\f47e";
5841 .fa-pager::before {
5842 content: "\f815";
5845 .fa-address-book::before {
5846 content: "\f2b9";
5849 .fa-contact-book::before {
5850 content: "\f2b9";
5853 .fa-strikethrough::before {
5854 content: "\f0cc";
5857 .fa-k::before {
5858 content: "K";
5861 .fa-landmark-flag::before {
5862 content: "\e51c";
5865 .fa-pencil::before {
5866 content: "\f303";
5869 .fa-pencil-alt::before {
5870 content: "\f303";
5873 .fa-backward::before {
5874 content: "\f04a";
5877 .fa-caret-right::before {
5878 content: "\f0da";
5881 .fa-comments::before {
5882 content: "\f086";
5885 .fa-paste::before {
5886 content: "\f0ea";
5889 .fa-file-clipboard::before {
5890 content: "\f0ea";
5893 .fa-code-pull-request::before {
5894 content: "\e13c";
5897 .fa-clipboard-list::before {
5898 content: "\f46d";
5901 .fa-truck-ramp-box::before {
5902 content: "\f4de";
5905 .fa-truck-loading::before {
5906 content: "\f4de";
5909 .fa-user-check::before {
5910 content: "\f4fc";
5913 .fa-vial-virus::before {
5914 content: "\e597";
5917 .fa-sheet-plastic::before {
5918 content: "\e571";
5921 .fa-blog::before {
5922 content: "\f781";
5925 .fa-user-ninja::before {
5926 content: "\f504";
5929 .fa-person-arrow-up-from-line::before {
5930 content: "\e539";
5933 .fa-scroll-torah::before {
5934 content: "\f6a0";
5937 .fa-torah::before {
5938 content: "\f6a0";
5941 .fa-broom-ball::before {
5942 content: "\f458";
5945 .fa-quidditch::before {
5946 content: "\f458";
5949 .fa-quidditch-broom-ball::before {
5950 content: "\f458";
5953 .fa-toggle-off::before {
5954 content: "\f204";
5957 .fa-box-archive::before {
5958 content: "\f187";
5961 .fa-archive::before {
5962 content: "\f187";
5965 .fa-person-drowning::before {
5966 content: "\e545";
5969 .fa-arrow-down-9-1::before {
5970 content: "\f886";
5973 .fa-sort-numeric-desc::before {
5974 content: "\f886";
5977 .fa-sort-numeric-down-alt::before {
5978 content: "\f886";
5981 .fa-face-grin-tongue-squint::before {
5982 content: "\f58a";
5985 .fa-grin-tongue-squint::before {
5986 content: "\f58a";
5989 .fa-spray-can::before {
5990 content: "\f5bd";
5993 .fa-truck-monster::before {
5994 content: "\f63b";
5997 .fa-w::before {
5998 content: "W";
6001 .fa-earth-africa::before {
6002 content: "\f57c";
6005 .fa-globe-africa::before {
6006 content: "\f57c";
6009 .fa-rainbow::before {
6010 content: "\f75b";
6013 .fa-circle-notch::before {
6014 content: "\f1ce";
6017 .fa-tablet-screen-button::before {
6018 content: "\f3fa";
6021 .fa-tablet-alt::before {
6022 content: "\f3fa";
6025 .fa-paw::before {
6026 content: "\f1b0";
6029 .fa-cloud::before {
6030 content: "\f0c2";
6033 .fa-trowel-bricks::before {
6034 content: "\e58a";
6037 .fa-face-flushed::before {
6038 content: "\f579";
6041 .fa-flushed::before {
6042 content: "\f579";
6045 .fa-hospital-user::before {
6046 content: "\f80d";
6049 .fa-tent-arrow-left-right::before {
6050 content: "\e57f";
6053 .fa-gavel::before {
6054 content: "\f0e3";
6057 .fa-legal::before {
6058 content: "\f0e3";
6061 .fa-binoculars::before {
6062 content: "\f1e5";
6065 .fa-microphone-slash::before {
6066 content: "\f131";
6069 .fa-box-tissue::before {
6070 content: "\e05b";
6073 .fa-motorcycle::before {
6074 content: "\f21c";
6077 .fa-bell-concierge::before {
6078 content: "\f562";
6081 .fa-concierge-bell::before {
6082 content: "\f562";
6085 .fa-pen-ruler::before {
6086 content: "\f5ae";
6089 .fa-pencil-ruler::before {
6090 content: "\f5ae";
6093 .fa-people-arrows::before {
6094 content: "\e068";
6097 .fa-people-arrows-left-right::before {
6098 content: "\e068";
6101 .fa-mars-and-venus-burst::before {
6102 content: "\e523";
6105 .fa-square-caret-right::before {
6106 content: "\f152";
6109 .fa-caret-square-right::before {
6110 content: "\f152";
6113 .fa-scissors::before {
6114 content: "\f0c4";
6117 .fa-cut::before {
6118 content: "\f0c4";
6121 .fa-sun-plant-wilt::before {
6122 content: "\e57a";
6125 .fa-toilets-portable::before {
6126 content: "\e584";
6129 .fa-hockey-puck::before {
6130 content: "\f453";
6133 .fa-table::before {
6134 content: "\f0ce";
6137 .fa-magnifying-glass-arrow-right::before {
6138 content: "\e521";
6141 .fa-tachograph-digital::before {
6142 content: "\f566";
6145 .fa-digital-tachograph::before {
6146 content: "\f566";
6149 .fa-users-slash::before {
6150 content: "\e073";
6153 .fa-clover::before {
6154 content: "\e139";
6157 .fa-reply::before {
6158 content: "\f3e5";
6161 .fa-mail-reply::before {
6162 content: "\f3e5";
6165 .fa-star-and-crescent::before {
6166 content: "\f699";
6169 .fa-house-fire::before {
6170 content: "\e50c";
6173 .fa-square-minus::before {
6174 content: "\f146";
6177 .fa-minus-square::before {
6178 content: "\f146";
6181 .fa-helicopter::before {
6182 content: "\f533";
6185 .fa-compass::before {
6186 content: "\f14e";
6189 .fa-square-caret-down::before {
6190 content: "\f150";
6193 .fa-caret-square-down::before {
6194 content: "\f150";
6197 .fa-file-circle-question::before {
6198 content: "\e4ef";
6201 .fa-laptop-code::before {
6202 content: "\f5fc";
6205 .fa-swatchbook::before {
6206 content: "\f5c3";
6209 .fa-prescription-bottle::before {
6210 content: "\f485";
6213 .fa-bars::before {
6214 content: "\f0c9";
6217 .fa-navicon::before {
6218 content: "\f0c9";
6221 .fa-people-group::before {
6222 content: "\e533";
6225 .fa-hourglass-end::before {
6226 content: "\f253";
6229 .fa-hourglass-3::before {
6230 content: "\f253";
6233 .fa-heart-crack::before {
6234 content: "\f7a9";
6237 .fa-heart-broken::before {
6238 content: "\f7a9";
6241 .fa-square-up-right::before {
6242 content: "\f360";
6245 .fa-external-link-square-alt::before {
6246 content: "\f360";
6249 .fa-face-kiss-beam::before {
6250 content: "\f597";
6253 .fa-kiss-beam::before {
6254 content: "\f597";
6257 .fa-film::before {
6258 content: "\f008";
6261 .fa-ruler-horizontal::before {
6262 content: "\f547";
6265 .fa-people-robbery::before {
6266 content: "\e536";
6269 .fa-lightbulb::before {
6270 content: "\f0eb";
6273 .fa-caret-left::before {
6274 content: "\f0d9";
6277 .fa-circle-exclamation::before {
6278 content: "\f06a";
6281 .fa-exclamation-circle::before {
6282 content: "\f06a";
6285 .fa-school-circle-xmark::before {
6286 content: "\e56d";
6289 .fa-arrow-right-from-bracket::before {
6290 content: "\f08b";
6293 .fa-sign-out::before {
6294 content: "\f08b";
6297 .fa-circle-chevron-down::before {
6298 content: "\f13a";
6301 .fa-chevron-circle-down::before {
6302 content: "\f13a";
6305 .fa-unlock-keyhole::before {
6306 content: "\f13e";
6309 .fa-unlock-alt::before {
6310 content: "\f13e";
6313 .fa-cloud-showers-heavy::before {
6314 content: "\f740";
6317 .fa-headphones-simple::before {
6318 content: "\f58f";
6321 .fa-headphones-alt::before {
6322 content: "\f58f";
6325 .fa-sitemap::before {
6326 content: "\f0e8";
6329 .fa-circle-dollar-to-slot::before {
6330 content: "\f4b9";
6333 .fa-donate::before {
6334 content: "\f4b9";
6337 .fa-memory::before {
6338 content: "\f538";
6341 .fa-road-spikes::before {
6342 content: "\e568";
6345 .fa-fire-burner::before {
6346 content: "\e4f1";
6349 .fa-flag::before {
6350 content: "\f024";
6353 .fa-hanukiah::before {
6354 content: "\f6e6";
6357 .fa-feather::before {
6358 content: "\f52d";
6361 .fa-volume-low::before {
6362 content: "\f027";
6365 .fa-volume-down::before {
6366 content: "\f027";
6369 .fa-comment-slash::before {
6370 content: "\f4b3";
6373 .fa-cloud-sun-rain::before {
6374 content: "\f743";
6377 .fa-compress::before {
6378 content: "\f066";
6381 .fa-wheat-awn::before {
6382 content: "\e2cd";
6385 .fa-wheat-alt::before {
6386 content: "\e2cd";
6389 .fa-ankh::before {
6390 content: "\f644";
6393 .fa-hands-holding-child::before {
6394 content: "\e4fa";
6397 .fa-asterisk::before {
6398 content: "\*";
6401 .fa-square-check::before {
6402 content: "\f14a";
6405 .fa-check-square::before {
6406 content: "\f14a";
6409 .fa-peseta-sign::before {
6410 content: "\e221";
6413 .fa-heading::before {
6414 content: "\f1dc";
6417 .fa-header::before {
6418 content: "\f1dc";
6421 .fa-ghost::before {
6422 content: "\f6e2";
6425 .fa-list::before {
6426 content: "\f03a";
6429 .fa-list-squares::before {
6430 content: "\f03a";
6433 .fa-square-phone-flip::before {
6434 content: "\f87b";
6437 .fa-phone-square-alt::before {
6438 content: "\f87b";
6441 .fa-cart-plus::before {
6442 content: "\f217";
6445 .fa-gamepad::before {
6446 content: "\f11b";
6449 .fa-circle-dot::before {
6450 content: "\f192";
6453 .fa-dot-circle::before {
6454 content: "\f192";
6457 .fa-face-dizzy::before {
6458 content: "\f567";
6461 .fa-dizzy::before {
6462 content: "\f567";
6465 .fa-egg::before {
6466 content: "\f7fb";
6469 .fa-house-medical-circle-xmark::before {
6470 content: "\e513";
6473 .fa-campground::before {
6474 content: "\f6bb";
6477 .fa-folder-plus::before {
6478 content: "\f65e";
6481 .fa-futbol::before {
6482 content: "\f1e3";
6485 .fa-futbol-ball::before {
6486 content: "\f1e3";
6489 .fa-soccer-ball::before {
6490 content: "\f1e3";
6493 .fa-paintbrush::before {
6494 content: "\f1fc";
6497 .fa-paint-brush::before {
6498 content: "\f1fc";
6501 .fa-lock::before {
6502 content: "\f023";
6505 .fa-gas-pump::before {
6506 content: "\f52f";
6509 .fa-hot-tub-person::before {
6510 content: "\f593";
6513 .fa-hot-tub::before {
6514 content: "\f593";
6517 .fa-map-location::before {
6518 content: "\f59f";
6521 .fa-map-marked::before {
6522 content: "\f59f";
6525 .fa-house-flood-water::before {
6526 content: "\e50e";
6529 .fa-tree::before {
6530 content: "\f1bb";
6533 .fa-bridge-lock::before {
6534 content: "\e4cc";
6537 .fa-sack-dollar::before {
6538 content: "\f81d";
6541 .fa-pen-to-square::before {
6542 content: "\f044";
6545 .fa-edit::before {
6546 content: "\f044";
6549 .fa-car-side::before {
6550 content: "\f5e4";
6553 .fa-share-nodes::before {
6554 content: "\f1e0";
6557 .fa-share-alt::before {
6558 content: "\f1e0";
6561 .fa-heart-circle-minus::before {
6562 content: "\e4ff";
6565 .fa-hourglass-half::before {
6566 content: "\f252";
6569 .fa-hourglass-2::before {
6570 content: "\f252";
6573 .fa-microscope::before {
6574 content: "\f610";
6577 .fa-sink::before {
6578 content: "\e06d";
6581 .fa-bag-shopping::before {
6582 content: "\f290";
6585 .fa-shopping-bag::before {
6586 content: "\f290";
6589 .fa-arrow-down-z-a::before {
6590 content: "\f881";
6593 .fa-sort-alpha-desc::before {
6594 content: "\f881";
6597 .fa-sort-alpha-down-alt::before {
6598 content: "\f881";
6601 .fa-mitten::before {
6602 content: "\f7b5";
6605 .fa-person-rays::before {
6606 content: "\e54d";
6609 .fa-users::before {
6610 content: "\f0c0";
6613 .fa-eye-slash::before {
6614 content: "\f070";
6617 .fa-flask-vial::before {
6618 content: "\e4f3";
6621 .fa-hand::before {
6622 content: "\f256";
6625 .fa-hand-paper::before {
6626 content: "\f256";
6629 .fa-om::before {
6630 content: "\f679";
6633 .fa-worm::before {
6634 content: "\e599";
6637 .fa-house-circle-xmark::before {
6638 content: "\e50b";
6641 .fa-plug::before {
6642 content: "\f1e6";
6645 .fa-chevron-up::before {
6646 content: "\f077";
6649 .fa-hand-spock::before {
6650 content: "\f259";
6653 .fa-stopwatch::before {
6654 content: "\f2f2";
6657 .fa-face-kiss::before {
6658 content: "\f596";
6661 .fa-kiss::before {
6662 content: "\f596";
6665 .fa-bridge-circle-xmark::before {
6666 content: "\e4cb";
6669 .fa-face-grin-tongue::before {
6670 content: "\f589";
6673 .fa-grin-tongue::before {
6674 content: "\f589";
6677 .fa-chess-bishop::before {
6678 content: "\f43a";
6681 .fa-face-grin-wink::before {
6682 content: "\f58c";
6685 .fa-grin-wink::before {
6686 content: "\f58c";
6689 .fa-ear-deaf::before {
6690 content: "\f2a4";
6693 .fa-deaf::before {
6694 content: "\f2a4";
6697 .fa-deafness::before {
6698 content: "\f2a4";
6701 .fa-hard-of-hearing::before {
6702 content: "\f2a4";
6705 .fa-road-circle-check::before {
6706 content: "\e564";
6709 .fa-dice-five::before {
6710 content: "\f523";
6713 .fa-square-rss::before {
6714 content: "\f143";
6717 .fa-rss-square::before {
6718 content: "\f143";
6721 .fa-land-mine-on::before {
6722 content: "\e51b";
6725 .fa-i-cursor::before {
6726 content: "\f246";
6729 .fa-stamp::before {
6730 content: "\f5bf";
6733 .fa-stairs::before {
6734 content: "\e289";
6737 .fa-i::before {
6738 content: "I";
6741 .fa-hryvnia-sign::before {
6742 content: "\f6f2";
6745 .fa-hryvnia::before {
6746 content: "\f6f2";
6749 .fa-pills::before {
6750 content: "\f484";
6753 .fa-face-grin-wide::before {
6754 content: "\f581";
6757 .fa-grin-alt::before {
6758 content: "\f581";
6761 .fa-tooth::before {
6762 content: "\f5c9";
6765 .fa-v::before {
6766 content: "V";
6769 .fa-bangladeshi-taka-sign::before {
6770 content: "\e2e6";
6773 .fa-bicycle::before {
6774 content: "\f206";
6777 .fa-staff-snake::before {
6778 content: "\e579";
6781 .fa-rod-asclepius::before {
6782 content: "\e579";
6785 .fa-rod-snake::before {
6786 content: "\e579";
6789 .fa-staff-aesculapius::before {
6790 content: "\e579";
6793 .fa-head-side-cough-slash::before {
6794 content: "\e062";
6797 .fa-truck-medical::before {
6798 content: "\f0f9";
6801 .fa-ambulance::before {
6802 content: "\f0f9";
6805 .fa-wheat-awn-circle-exclamation::before {
6806 content: "\e598";
6809 .fa-snowman::before {
6810 content: "\f7d0";
6813 .fa-mortar-pestle::before {
6814 content: "\f5a7";
6817 .fa-road-barrier::before {
6818 content: "\e562";
6821 .fa-school::before {
6822 content: "\f549";
6825 .fa-igloo::before {
6826 content: "\f7ae";
6829 .fa-joint::before {
6830 content: "\f595";
6833 .fa-angle-right::before {
6834 content: "\f105";
6837 .fa-horse::before {
6838 content: "\f6f0";
6841 .fa-q::before {
6842 content: "Q";
6845 .fa-g::before {
6846 content: "G";
6849 .fa-notes-medical::before {
6850 content: "\f481";
6853 .fa-temperature-half::before {
6854 content: "\f2c9";
6857 .fa-temperature-2::before {
6858 content: "\f2c9";
6861 .fa-thermometer-2::before {
6862 content: "\f2c9";
6865 .fa-thermometer-half::before {
6866 content: "\f2c9";
6869 .fa-dong-sign::before {
6870 content: "\e169";
6873 .fa-capsules::before {
6874 content: "\f46b";
6877 .fa-poo-storm::before {
6878 content: "\f75a";
6881 .fa-poo-bolt::before {
6882 content: "\f75a";
6885 .fa-face-frown-open::before {
6886 content: "\f57a";
6889 .fa-frown-open::before {
6890 content: "\f57a";
6893 .fa-hand-point-up::before {
6894 content: "\f0a6";
6897 .fa-money-bill::before {
6898 content: "\f0d6";
6901 .fa-bookmark::before {
6902 content: "\f02e";
6905 .fa-align-justify::before {
6906 content: "\f039";
6909 .fa-umbrella-beach::before {
6910 content: "\f5ca";
6913 .fa-helmet-un::before {
6914 content: "\e503";
6917 .fa-bullseye::before {
6918 content: "\f140";
6921 .fa-bacon::before {
6922 content: "\f7e5";
6925 .fa-hand-point-down::before {
6926 content: "\f0a7";
6929 .fa-arrow-up-from-bracket::before {
6930 content: "\e09a";
6933 .fa-folder::before {
6934 content: "\f07b";
6937 .fa-folder-blank::before {
6938 content: "\f07b";
6941 .fa-file-waveform::before {
6942 content: "\f478";
6945 .fa-file-medical-alt::before {
6946 content: "\f478";
6949 .fa-radiation::before {
6950 content: "\f7b9";
6953 .fa-chart-simple::before {
6954 content: "\e473";
6957 .fa-mars-stroke::before {
6958 content: "\f229";
6961 .fa-vial::before {
6962 content: "\f492";
6965 .fa-gauge::before {
6966 content: "\f624";
6969 .fa-dashboard::before {
6970 content: "\f624";
6973 .fa-gauge-med::before {
6974 content: "\f624";
6977 .fa-tachometer-alt-average::before {
6978 content: "\f624";
6981 .fa-wand-magic-sparkles::before {
6982 content: "\e2ca";
6985 .fa-magic-wand-sparkles::before {
6986 content: "\e2ca";
6989 .fa-e::before {
6990 content: "E";
6993 .fa-pen-clip::before {
6994 content: "\f305";
6997 .fa-pen-alt::before {
6998 content: "\f305";
7001 .fa-bridge-circle-exclamation::before {
7002 content: "\e4ca";
7005 .fa-user::before {
7006 content: "\f007";
7009 .fa-school-circle-check::before {
7010 content: "\e56b";
7013 .fa-dumpster::before {
7014 content: "\f793";
7017 .fa-van-shuttle::before {
7018 content: "\f5b6";
7021 .fa-shuttle-van::before {
7022 content: "\f5b6";
7025 .fa-building-user::before {
7026 content: "\e4da";
7029 .fa-square-caret-left::before {
7030 content: "\f191";
7033 .fa-caret-square-left::before {
7034 content: "\f191";
7037 .fa-highlighter::before {
7038 content: "\f591";
7041 .fa-key::before {
7042 content: "\f084";
7045 .fa-bullhorn::before {
7046 content: "\f0a1";
7049 .fa-globe::before {
7050 content: "\f0ac";
7053 .fa-synagogue::before {
7054 content: "\f69b";
7057 .fa-person-half-dress::before {
7058 content: "\e548";
7061 .fa-road-bridge::before {
7062 content: "\e563";
7065 .fa-location-arrow::before {
7066 content: "\f124";
7069 .fa-c::before {
7070 content: "C";
7073 .fa-tablet-button::before {
7074 content: "\f10a";
7077 .fa-building-lock::before {
7078 content: "\e4d6";
7081 .fa-pizza-slice::before {
7082 content: "\f818";
7085 .fa-money-bill-wave::before {
7086 content: "\f53a";
7089 .fa-chart-area::before {
7090 content: "\f1fe";
7093 .fa-area-chart::before {
7094 content: "\f1fe";
7097 .fa-house-flag::before {
7098 content: "\e50d";
7101 .fa-person-circle-minus::before {
7102 content: "\e540";
7105 .fa-ban::before {
7106 content: "\f05e";
7109 .fa-cancel::before {
7110 content: "\f05e";
7113 .fa-camera-rotate::before {
7114 content: "\e0d8";
7117 .fa-spray-can-sparkles::before {
7118 content: "\f5d0";
7121 .fa-air-freshener::before {
7122 content: "\f5d0";
7125 .fa-star::before {
7126 content: "\f005";
7129 .fa-repeat::before {
7130 content: "\f363";
7133 .fa-cross::before {
7134 content: "\f654";
7137 .fa-box::before {
7138 content: "\f466";
7141 .fa-venus-mars::before {
7142 content: "\f228";
7145 .fa-arrow-pointer::before {
7146 content: "\f245";
7149 .fa-mouse-pointer::before {
7150 content: "\f245";
7153 .fa-maximize::before {
7154 content: "\f31e";
7157 .fa-expand-arrows-alt::before {
7158 content: "\f31e";
7161 .fa-charging-station::before {
7162 content: "\f5e7";
7165 .fa-shapes::before {
7166 content: "\f61f";
7169 .fa-triangle-circle-square::before {
7170 content: "\f61f";
7173 .fa-shuffle::before {
7174 content: "\f074";
7177 .fa-random::before {
7178 content: "\f074";
7181 .fa-person-running::before {
7182 content: "\f70c";
7185 .fa-running::before {
7186 content: "\f70c";
7189 .fa-mobile-retro::before {
7190 content: "\e527";
7193 .fa-grip-lines-vertical::before {
7194 content: "\f7a5";
7197 .fa-spider::before {
7198 content: "\f717";
7201 .fa-hands-bound::before {
7202 content: "\e4f9";
7205 .fa-file-invoice-dollar::before {
7206 content: "\f571";
7209 .fa-plane-circle-exclamation::before {
7210 content: "\e556";
7213 .fa-x-ray::before {
7214 content: "\f497";
7217 .fa-spell-check::before {
7218 content: "\f891";
7221 .fa-slash::before {
7222 content: "\f715";
7225 .fa-computer-mouse::before {
7226 content: "\f8cc";
7229 .fa-mouse::before {
7230 content: "\f8cc";
7233 .fa-arrow-right-to-bracket::before {
7234 content: "\f090";
7237 .fa-sign-in::before {
7238 content: "\f090";
7241 .fa-shop-slash::before {
7242 content: "\e070";
7245 .fa-store-alt-slash::before {
7246 content: "\e070";
7249 .fa-server::before {
7250 content: "\f233";
7253 .fa-virus-covid-slash::before {
7254 content: "\e4a9";
7257 .fa-shop-lock::before {
7258 content: "\e4a5";
7261 .fa-hourglass-start::before {
7262 content: "\f251";
7265 .fa-hourglass-1::before {
7266 content: "\f251";
7269 .fa-blender-phone::before {
7270 content: "\f6b6";
7273 .fa-building-wheat::before {
7274 content: "\e4db";
7277 .fa-person-breastfeeding::before {
7278 content: "\e53a";
7281 .fa-right-to-bracket::before {
7282 content: "\f2f6";
7285 .fa-sign-in-alt::before {
7286 content: "\f2f6";
7289 .fa-venus::before {
7290 content: "\f221";
7293 .fa-passport::before {
7294 content: "\f5ab";
7297 .fa-heart-pulse::before {
7298 content: "\f21e";
7301 .fa-heartbeat::before {
7302 content: "\f21e";
7305 .fa-people-carry-box::before {
7306 content: "\f4ce";
7309 .fa-people-carry::before {
7310 content: "\f4ce";
7313 .fa-temperature-high::before {
7314 content: "\f769";
7317 .fa-microchip::before {
7318 content: "\f2db";
7321 .fa-crown::before {
7322 content: "\f521";
7325 .fa-weight-hanging::before {
7326 content: "\f5cd";
7329 .fa-xmarks-lines::before {
7330 content: "\e59a";
7333 .fa-file-prescription::before {
7334 content: "\f572";
7337 .fa-weight-scale::before {
7338 content: "\f496";
7341 .fa-weight::before {
7342 content: "\f496";
7345 .fa-user-group::before {
7346 content: "\f500";
7349 .fa-user-friends::before {
7350 content: "\f500";
7353 .fa-arrow-up-a-z::before {
7354 content: "\f15e";
7357 .fa-sort-alpha-up::before {
7358 content: "\f15e";
7361 .fa-chess-knight::before {
7362 content: "\f441";
7365 .fa-face-laugh-squint::before {
7366 content: "\f59b";
7369 .fa-laugh-squint::before {
7370 content: "\f59b";
7373 .fa-wheelchair::before {
7374 content: "\f193";
7377 .fa-circle-arrow-up::before {
7378 content: "\f0aa";
7381 .fa-arrow-circle-up::before {
7382 content: "\f0aa";
7385 .fa-toggle-on::before {
7386 content: "\f205";
7389 .fa-person-walking::before {
7390 content: "\f554";
7393 .fa-walking::before {
7394 content: "\f554";
7397 .fa-l::before {
7398 content: "L";
7401 .fa-fire::before {
7402 content: "\f06d";
7405 .fa-bed-pulse::before {
7406 content: "\f487";
7409 .fa-procedures::before {
7410 content: "\f487";
7413 .fa-shuttle-space::before {
7414 content: "\f197";
7417 .fa-space-shuttle::before {
7418 content: "\f197";
7421 .fa-face-laugh::before {
7422 content: "\f599";
7425 .fa-laugh::before {
7426 content: "\f599";
7429 .fa-folder-open::before {
7430 content: "\f07c";
7433 .fa-heart-circle-plus::before {
7434 content: "\e500";
7437 .fa-code-fork::before {
7438 content: "\e13b";
7441 .fa-city::before {
7442 content: "\f64f";
7445 .fa-microphone-lines::before {
7446 content: "\f3c9";
7449 .fa-microphone-alt::before {
7450 content: "\f3c9";
7453 .fa-pepper-hot::before {
7454 content: "\f816";
7457 .fa-unlock::before {
7458 content: "\f09c";
7461 .fa-colon-sign::before {
7462 content: "\e140";
7465 .fa-headset::before {
7466 content: "\f590";
7469 .fa-store-slash::before {
7470 content: "\e071";
7473 .fa-road-circle-xmark::before {
7474 content: "\e566";
7477 .fa-user-minus::before {
7478 content: "\f503";
7481 .fa-mars-stroke-up::before {
7482 content: "\f22a";
7485 .fa-mars-stroke-v::before {
7486 content: "\f22a";
7489 .fa-champagne-glasses::before {
7490 content: "\f79f";
7493 .fa-glass-cheers::before {
7494 content: "\f79f";
7497 .fa-clipboard::before {
7498 content: "\f328";
7501 .fa-house-circle-exclamation::before {
7502 content: "\e50a";
7505 .fa-file-arrow-up::before {
7506 content: "\f574";
7509 .fa-file-upload::before {
7510 content: "\f574";
7513 .fa-wifi::before {
7514 content: "\f1eb";
7517 .fa-wifi-3::before {
7518 content: "\f1eb";
7521 .fa-wifi-strong::before {
7522 content: "\f1eb";
7525 .fa-bath::before {
7526 content: "\f2cd";
7529 .fa-bathtub::before {
7530 content: "\f2cd";
7533 .fa-underline::before {
7534 content: "\f0cd";
7537 .fa-user-pen::before {
7538 content: "\f4ff";
7541 .fa-user-edit::before {
7542 content: "\f4ff";
7545 .fa-signature::before {
7546 content: "\f5b7";
7549 .fa-stroopwafel::before {
7550 content: "\f551";
7553 .fa-bold::before {
7554 content: "\f032";
7557 .fa-anchor-lock::before {
7558 content: "\e4ad";
7561 .fa-building-ngo::before {
7562 content: "\e4d7";
7565 .fa-manat-sign::before {
7566 content: "\e1d5";
7569 .fa-not-equal::before {
7570 content: "\f53e";
7573 .fa-border-top-left::before {
7574 content: "\f853";
7577 .fa-border-style::before {
7578 content: "\f853";
7581 .fa-map-location-dot::before {
7582 content: "\f5a0";
7585 .fa-map-marked-alt::before {
7586 content: "\f5a0";
7589 .fa-jedi::before {
7590 content: "\f669";
7593 .fa-square-poll-vertical::before {
7594 content: "\f681";
7597 .fa-poll::before {
7598 content: "\f681";
7601 .fa-mug-hot::before {
7602 content: "\f7b6";
7605 .fa-car-battery::before {
7606 content: "\f5df";
7609 .fa-battery-car::before {
7610 content: "\f5df";
7613 .fa-gift::before {
7614 content: "\f06b";
7617 .fa-dice-two::before {
7618 content: "\f528";
7621 .fa-chess-queen::before {
7622 content: "\f445";
7625 .fa-glasses::before {
7626 content: "\f530";
7629 .fa-chess-board::before {
7630 content: "\f43c";
7633 .fa-building-circle-check::before {
7634 content: "\e4d2";
7637 .fa-person-chalkboard::before {
7638 content: "\e53d";
7641 .fa-mars-stroke-right::before {
7642 content: "\f22b";
7645 .fa-mars-stroke-h::before {
7646 content: "\f22b";
7649 .fa-hand-back-fist::before {
7650 content: "\f255";
7653 .fa-hand-rock::before {
7654 content: "\f255";
7657 .fa-square-caret-up::before {
7658 content: "\f151";
7661 .fa-caret-square-up::before {
7662 content: "\f151";
7665 .fa-cloud-showers-water::before {
7666 content: "\e4e4";
7669 .fa-chart-bar::before {
7670 content: "\f080";
7673 .fa-bar-chart::before {
7674 content: "\f080";
7677 .fa-hands-bubbles::before {
7678 content: "\e05e";
7681 .fa-hands-wash::before {
7682 content: "\e05e";
7685 .fa-less-than-equal::before {
7686 content: "\f537";
7689 .fa-train::before {
7690 content: "\f238";
7693 .fa-eye-low-vision::before {
7694 content: "\f2a8";
7697 .fa-low-vision::before {
7698 content: "\f2a8";
7701 .fa-crow::before {
7702 content: "\f520";
7705 .fa-sailboat::before {
7706 content: "\e445";
7709 .fa-window-restore::before {
7710 content: "\f2d2";
7713 .fa-square-plus::before {
7714 content: "\f0fe";
7717 .fa-plus-square::before {
7718 content: "\f0fe";
7721 .fa-torii-gate::before {
7722 content: "\f6a1";
7725 .fa-frog::before {
7726 content: "\f52e";
7729 .fa-bucket::before {
7730 content: "\e4cf";
7733 .fa-image::before {
7734 content: "\f03e";
7737 .fa-microphone::before {
7738 content: "\f130";
7741 .fa-cow::before {
7742 content: "\f6c8";
7745 .fa-caret-up::before {
7746 content: "\f0d8";
7749 .fa-screwdriver::before {
7750 content: "\f54a";
7753 .fa-folder-closed::before {
7754 content: "\e185";
7757 .fa-house-tsunami::before {
7758 content: "\e515";
7761 .fa-square-nfi::before {
7762 content: "\e576";
7765 .fa-arrow-up-from-ground-water::before {
7766 content: "\e4b5";
7769 .fa-martini-glass::before {
7770 content: "\f57b";
7773 .fa-glass-martini-alt::before {
7774 content: "\f57b";
7777 .fa-rotate-left::before {
7778 content: "\f2ea";
7781 .fa-rotate-back::before {
7782 content: "\f2ea";
7785 .fa-rotate-backward::before {
7786 content: "\f2ea";
7789 .fa-undo-alt::before {
7790 content: "\f2ea";
7793 .fa-table-columns::before {
7794 content: "\f0db";
7797 .fa-columns::before {
7798 content: "\f0db";
7801 .fa-lemon::before {
7802 content: "\f094";
7805 .fa-head-side-mask::before {
7806 content: "\e063";
7809 .fa-handshake::before {
7810 content: "\f2b5";
7813 .fa-gem::before {
7814 content: "\f3a5";
7817 .fa-dolly::before {
7818 content: "\f472";
7821 .fa-dolly-box::before {
7822 content: "\f472";
7825 .fa-smoking::before {
7826 content: "\f48d";
7829 .fa-minimize::before {
7830 content: "\f78c";
7833 .fa-compress-arrows-alt::before {
7834 content: "\f78c";
7837 .fa-monument::before {
7838 content: "\f5a6";
7841 .fa-snowplow::before {
7842 content: "\f7d2";
7845 .fa-angles-right::before {
7846 content: "\f101";
7849 .fa-angle-double-right::before {
7850 content: "\f101";
7853 .fa-cannabis::before {
7854 content: "\f55f";
7857 .fa-circle-play::before {
7858 content: "\f144";
7861 .fa-play-circle::before {
7862 content: "\f144";
7865 .fa-tablets::before {
7866 content: "\f490";
7869 .fa-ethernet::before {
7870 content: "\f796";
7873 .fa-euro-sign::before {
7874 content: "\f153";
7877 .fa-eur::before {
7878 content: "\f153";
7881 .fa-euro::before {
7882 content: "\f153";
7885 .fa-chair::before {
7886 content: "\f6c0";
7889 .fa-circle-check::before {
7890 content: "\f058";
7893 .fa-check-circle::before {
7894 content: "\f058";
7897 .fa-circle-stop::before {
7898 content: "\f28d";
7901 .fa-stop-circle::before {
7902 content: "\f28d";
7905 .fa-compass-drafting::before {
7906 content: "\f568";
7909 .fa-drafting-compass::before {
7910 content: "\f568";
7913 .fa-plate-wheat::before {
7914 content: "\e55a";
7917 .fa-icicles::before {
7918 content: "\f7ad";
7921 .fa-person-shelter::before {
7922 content: "\e54f";
7925 .fa-neuter::before {
7926 content: "\f22c";
7929 .fa-id-badge::before {
7930 content: "\f2c1";
7933 .fa-marker::before {
7934 content: "\f5a1";
7937 .fa-face-laugh-beam::before {
7938 content: "\f59a";
7941 .fa-laugh-beam::before {
7942 content: "\f59a";
7945 .fa-helicopter-symbol::before {
7946 content: "\e502";
7949 .fa-universal-access::before {
7950 content: "\f29a";
7953 .fa-circle-chevron-up::before {
7954 content: "\f139";
7957 .fa-chevron-circle-up::before {
7958 content: "\f139";
7961 .fa-lari-sign::before {
7962 content: "\e1c8";
7965 .fa-volcano::before {
7966 content: "\f770";
7969 .fa-person-walking-dashed-line-arrow-right::before {
7970 content: "\e553";
7973 .fa-sterling-sign::before {
7974 content: "\f154";
7977 .fa-gbp::before {
7978 content: "\f154";
7981 .fa-pound-sign::before {
7982 content: "\f154";
7985 .fa-viruses::before {
7986 content: "\e076";
7989 .fa-square-person-confined::before {
7990 content: "\e577";
7993 .fa-user-tie::before {
7994 content: "\f508";
7997 .fa-arrow-down-long::before {
7998 content: "\f175";
8001 .fa-long-arrow-down::before {
8002 content: "\f175";
8005 .fa-tent-arrow-down-to-line::before {
8006 content: "\e57e";
8009 .fa-certificate::before {
8010 content: "\f0a3";
8013 .fa-reply-all::before {
8014 content: "\f122";
8017 .fa-mail-reply-all::before {
8018 content: "\f122";
8021 .fa-suitcase::before {
8022 content: "\f0f2";
8025 .fa-person-skating::before {
8026 content: "\f7c5";
8029 .fa-skating::before {
8030 content: "\f7c5";
8033 .fa-filter-circle-dollar::before {
8034 content: "\f662";
8037 .fa-funnel-dollar::before {
8038 content: "\f662";
8041 .fa-camera-retro::before {
8042 content: "\f083";
8045 .fa-circle-arrow-down::before {
8046 content: "\f0ab";
8049 .fa-arrow-circle-down::before {
8050 content: "\f0ab";
8053 .fa-file-import::before {
8054 content: "\f56f";
8057 .fa-arrow-right-to-file::before {
8058 content: "\f56f";
8061 .fa-square-arrow-up-right::before {
8062 content: "\f14c";
8065 .fa-external-link-square::before {
8066 content: "\f14c";
8069 .fa-box-open::before {
8070 content: "\f49e";
8073 .fa-scroll::before {
8074 content: "\f70e";
8077 .fa-spa::before {
8078 content: "\f5bb";
8081 .fa-location-pin-lock::before {
8082 content: "\e51f";
8085 .fa-pause::before {
8086 content: "\f04c";
8089 .fa-hill-avalanche::before {
8090 content: "\e507";
8093 .fa-temperature-empty::before {
8094 content: "\f2cb";
8097 .fa-temperature-0::before {
8098 content: "\f2cb";
8101 .fa-thermometer-0::before {
8102 content: "\f2cb";
8105 .fa-thermometer-empty::before {
8106 content: "\f2cb";
8109 .fa-bomb::before {
8110 content: "\f1e2";
8113 .fa-registered::before {
8114 content: "\f25d";
8117 .fa-address-card::before {
8118 content: "\f2bb";
8121 .fa-contact-card::before {
8122 content: "\f2bb";
8125 .fa-vcard::before {
8126 content: "\f2bb";
8129 .fa-scale-unbalanced-flip::before {
8130 content: "\f516";
8133 .fa-balance-scale-right::before {
8134 content: "\f516";
8137 .fa-subscript::before {
8138 content: "\f12c";
8141 .fa-diamond-turn-right::before {
8142 content: "\f5eb";
8145 .fa-directions::before {
8146 content: "\f5eb";
8149 .fa-burst::before {
8150 content: "\e4dc";
8153 .fa-house-laptop::before {
8154 content: "\e066";
8157 .fa-laptop-house::before {
8158 content: "\e066";
8161 .fa-face-tired::before {
8162 content: "\f5c8";
8165 .fa-tired::before {
8166 content: "\f5c8";
8169 .fa-money-bills::before {
8170 content: "\e1f3";
8173 .fa-smog::before {
8174 content: "\f75f";
8177 .fa-crutch::before {
8178 content: "\f7f7";
8181 .fa-cloud-arrow-up::before {
8182 content: "\f0ee";
8185 .fa-cloud-upload::before {
8186 content: "\f0ee";
8189 .fa-cloud-upload-alt::before {
8190 content: "\f0ee";
8193 .fa-palette::before {
8194 content: "\f53f";
8197 .fa-arrows-turn-right::before {
8198 content: "\e4c0";
8201 .fa-vest::before {
8202 content: "\e085";
8205 .fa-ferry::before {
8206 content: "\e4ea";
8209 .fa-arrows-down-to-people::before {
8210 content: "\e4b9";
8213 .fa-seedling::before {
8214 content: "\f4d8";
8217 .fa-sprout::before {
8218 content: "\f4d8";
8221 .fa-left-right::before {
8222 content: "\f337";
8225 .fa-arrows-alt-h::before {
8226 content: "\f337";
8229 .fa-boxes-packing::before {
8230 content: "\e4c7";
8233 .fa-circle-arrow-left::before {
8234 content: "\f0a8";
8237 .fa-arrow-circle-left::before {
8238 content: "\f0a8";
8241 .fa-group-arrows-rotate::before {
8242 content: "\e4f6";
8245 .fa-bowl-food::before {
8246 content: "\e4c6";
8249 .fa-candy-cane::before {
8250 content: "\f786";
8253 .fa-arrow-down-wide-short::before {
8254 content: "\f160";
8257 .fa-sort-amount-asc::before {
8258 content: "\f160";
8261 .fa-sort-amount-down::before {
8262 content: "\f160";
8265 .fa-cloud-bolt::before {
8266 content: "\f76c";
8269 .fa-thunderstorm::before {
8270 content: "\f76c";
8273 .fa-text-slash::before {
8274 content: "\f87d";
8277 .fa-remove-format::before {
8278 content: "\f87d";
8281 .fa-face-smile-wink::before {
8282 content: "\f4da";
8285 .fa-smile-wink::before {
8286 content: "\f4da";
8289 .fa-file-word::before {
8290 content: "\f1c2";
8293 .fa-file-powerpoint::before {
8294 content: "\f1c4";
8297 .fa-arrows-left-right::before {
8298 content: "\f07e";
8301 .fa-arrows-h::before {
8302 content: "\f07e";
8305 .fa-house-lock::before {
8306 content: "\e510";
8309 .fa-cloud-arrow-down::before {
8310 content: "\f0ed";
8313 .fa-cloud-download::before {
8314 content: "\f0ed";
8317 .fa-cloud-download-alt::before {
8318 content: "\f0ed";
8321 .fa-children::before {
8322 content: "\e4e1";
8325 .fa-chalkboard::before {
8326 content: "\f51b";
8329 .fa-blackboard::before {
8330 content: "\f51b";
8333 .fa-user-large-slash::before {
8334 content: "\f4fa";
8337 .fa-user-alt-slash::before {
8338 content: "\f4fa";
8341 .fa-envelope-open::before {
8342 content: "\f2b6";
8345 .fa-handshake-simple-slash::before {
8346 content: "\e05f";
8349 .fa-handshake-alt-slash::before {
8350 content: "\e05f";
8353 .fa-mattress-pillow::before {
8354 content: "\e525";
8357 .fa-guarani-sign::before {
8358 content: "\e19a";
8361 .fa-arrows-rotate::before {
8362 content: "\f021";
8365 .fa-refresh::before {
8366 content: "\f021";
8369 .fa-sync::before {
8370 content: "\f021";
8373 .fa-fire-extinguisher::before {
8374 content: "\f134";
8377 .fa-cruzeiro-sign::before {
8378 content: "\e152";
8381 .fa-greater-than-equal::before {
8382 content: "\f532";
8385 .fa-shield-halved::before {
8386 content: "\f3ed";
8389 .fa-shield-alt::before {
8390 content: "\f3ed";
8393 .fa-book-atlas::before {
8394 content: "\f558";
8397 .fa-atlas::before {
8398 content: "\f558";
8401 .fa-virus::before {
8402 content: "\e074";
8405 .fa-envelope-circle-check::before {
8406 content: "\e4e8";
8409 .fa-layer-group::before {
8410 content: "\f5fd";
8413 .fa-arrows-to-dot::before {
8414 content: "\e4be";
8417 .fa-archway::before {
8418 content: "\f557";
8421 .fa-heart-circle-check::before {
8422 content: "\e4fd";
8425 .fa-house-chimney-crack::before {
8426 content: "\f6f1";
8429 .fa-house-damage::before {
8430 content: "\f6f1";
8433 .fa-file-zipper::before {
8434 content: "\f1c6";
8437 .fa-file-archive::before {
8438 content: "\f1c6";
8441 .fa-square::before {
8442 content: "\f0c8";
8445 .fa-martini-glass-empty::before {
8446 content: "\f000";
8449 .fa-glass-martini::before {
8450 content: "\f000";
8453 .fa-couch::before {
8454 content: "\f4b8";
8457 .fa-cedi-sign::before {
8458 content: "\e0df";
8461 .fa-italic::before {
8462 content: "\f033";
8465 .fa-church::before {
8466 content: "\f51d";
8469 .fa-comments-dollar::before {
8470 content: "\f653";
8473 .fa-democrat::before {
8474 content: "\f747";
8477 .fa-z::before {
8478 content: "Z";
8481 .fa-person-skiing::before {
8482 content: "\f7c9";
8485 .fa-skiing::before {
8486 content: "\f7c9";
8489 .fa-road-lock::before {
8490 content: "\e567";
8493 .fa-a::before {
8494 content: "A";
8497 .fa-temperature-arrow-down::before {
8498 content: "\e03f";
8501 .fa-temperature-down::before {
8502 content: "\e03f";
8505 .fa-feather-pointed::before {
8506 content: "\f56b";
8509 .fa-feather-alt::before {
8510 content: "\f56b";
8513 .fa-p::before {
8514 content: "P";
8517 .fa-snowflake::before {
8518 content: "\f2dc";
8521 .fa-newspaper::before {
8522 content: "\f1ea";
8525 .fa-rectangle-ad::before {
8526 content: "\f641";
8529 .fa-ad::before {
8530 content: "\f641";
8533 .fa-circle-arrow-right::before {
8534 content: "\f0a9";
8537 .fa-arrow-circle-right::before {
8538 content: "\f0a9";
8541 .fa-filter-circle-xmark::before {
8542 content: "\e17b";
8545 .fa-locust::before {
8546 content: "\e520";
8549 .fa-sort::before {
8550 content: "\f0dc";
8553 .fa-unsorted::before {
8554 content: "\f0dc";
8557 .fa-list-ol::before {
8558 content: "\f0cb";
8561 .fa-list-1-2::before {
8562 content: "\f0cb";
8565 .fa-list-numeric::before {
8566 content: "\f0cb";
8569 .fa-person-dress-burst::before {
8570 content: "\e544";
8573 .fa-money-check-dollar::before {
8574 content: "\f53d";
8577 .fa-money-check-alt::before {
8578 content: "\f53d";
8581 .fa-vector-square::before {
8582 content: "\f5cb";
8585 .fa-bread-slice::before {
8586 content: "\f7ec";
8589 .fa-language::before {
8590 content: "\f1ab";
8593 .fa-face-kiss-wink-heart::before {
8594 content: "\f598";
8597 .fa-kiss-wink-heart::before {
8598 content: "\f598";
8601 .fa-filter::before {
8602 content: "\f0b0";
8605 .fa-question::before {
8606 content: "\?";
8609 .fa-file-signature::before {
8610 content: "\f573";
8613 .fa-up-down-left-right::before {
8614 content: "\f0b2";
8617 .fa-arrows-alt::before {
8618 content: "\f0b2";
8621 .fa-house-chimney-user::before {
8622 content: "\e065";
8625 .fa-hand-holding-heart::before {
8626 content: "\f4be";
8629 .fa-puzzle-piece::before {
8630 content: "\f12e";
8633 .fa-money-check::before {
8634 content: "\f53c";
8637 .fa-star-half-stroke::before {
8638 content: "\f5c0";
8641 .fa-star-half-alt::before {
8642 content: "\f5c0";
8645 .fa-code::before {
8646 content: "\f121";
8649 .fa-whiskey-glass::before {
8650 content: "\f7a0";
8653 .fa-glass-whiskey::before {
8654 content: "\f7a0";
8657 .fa-building-circle-exclamation::before {
8658 content: "\e4d3";
8661 .fa-magnifying-glass-chart::before {
8662 content: "\e522";
8665 .fa-arrow-up-right-from-square::before {
8666 content: "\f08e";
8669 .fa-external-link::before {
8670 content: "\f08e";
8673 .fa-cubes-stacked::before {
8674 content: "\e4e6";
8677 .fa-won-sign::before {
8678 content: "\f159";
8681 .fa-krw::before {
8682 content: "\f159";
8685 .fa-won::before {
8686 content: "\f159";
8689 .fa-virus-covid::before {
8690 content: "\e4a8";
8693 .fa-austral-sign::before {
8694 content: "\e0a9";
8697 .fa-f::before {
8698 content: "F";
8701 .fa-leaf::before {
8702 content: "\f06c";
8705 .fa-road::before {
8706 content: "\f018";
8709 .fa-taxi::before {
8710 content: "\f1ba";
8713 .fa-cab::before {
8714 content: "\f1ba";
8717 .fa-person-circle-plus::before {
8718 content: "\e541";
8721 .fa-chart-pie::before {
8722 content: "\f200";
8725 .fa-pie-chart::before {
8726 content: "\f200";
8729 .fa-bolt-lightning::before {
8730 content: "\e0b7";
8733 .fa-sack-xmark::before {
8734 content: "\e56a";
8737 .fa-file-excel::before {
8738 content: "\f1c3";
8741 .fa-file-contract::before {
8742 content: "\f56c";
8745 .fa-fish-fins::before {
8746 content: "\e4f2";
8749 .fa-building-flag::before {
8750 content: "\e4d5";
8753 .fa-face-grin-beam::before {
8754 content: "\f582";
8757 .fa-grin-beam::before {
8758 content: "\f582";
8761 .fa-object-ungroup::before {
8762 content: "\f248";
8765 .fa-poop::before {
8766 content: "\f619";
8769 .fa-location-pin::before {
8770 content: "\f041";
8773 .fa-map-marker::before {
8774 content: "\f041";
8777 .fa-kaaba::before {
8778 content: "\f66b";
8781 .fa-toilet-paper::before {
8782 content: "\f71e";
8785 .fa-helmet-safety::before {
8786 content: "\f807";
8789 .fa-hard-hat::before {
8790 content: "\f807";
8793 .fa-hat-hard::before {
8794 content: "\f807";
8797 .fa-eject::before {
8798 content: "\f052";
8801 .fa-circle-right::before {
8802 content: "\f35a";
8805 .fa-arrow-alt-circle-right::before {
8806 content: "\f35a";
8809 .fa-plane-circle-check::before {
8810 content: "\e555";
8813 .fa-face-rolling-eyes::before {
8814 content: "\f5a5";
8817 .fa-meh-rolling-eyes::before {
8818 content: "\f5a5";
8821 .fa-object-group::before {
8822 content: "\f247";
8825 .fa-chart-line::before {
8826 content: "\f201";
8829 .fa-line-chart::before {
8830 content: "\f201";
8833 .fa-mask-ventilator::before {
8834 content: "\e524";
8837 .fa-arrow-right::before {
8838 content: "\f061";
8841 .fa-signs-post::before {
8842 content: "\f277";
8845 .fa-map-signs::before {
8846 content: "\f277";
8849 .fa-cash-register::before {
8850 content: "\f788";
8853 .fa-person-circle-question::before {
8854 content: "\e542";
8857 .fa-h::before {
8858 content: "H";
8861 .fa-tarp::before {
8862 content: "\e57b";
8865 .fa-screwdriver-wrench::before {
8866 content: "\f7d9";
8869 .fa-tools::before {
8870 content: "\f7d9";
8873 .fa-arrows-to-eye::before {
8874 content: "\e4bf";
8877 .fa-plug-circle-bolt::before {
8878 content: "\e55b";
8881 .fa-heart::before {
8882 content: "\f004";
8885 .fa-mars-and-venus::before {
8886 content: "\f224";
8889 .fa-house-user::before {
8890 content: "\e1b0";
8893 .fa-home-user::before {
8894 content: "\e1b0";
8897 .fa-dumpster-fire::before {
8898 content: "\f794";
8901 .fa-house-crack::before {
8902 content: "\e3b1";
8905 .fa-martini-glass-citrus::before {
8906 content: "\f561";
8909 .fa-cocktail::before {
8910 content: "\f561";
8913 .fa-face-surprise::before {
8914 content: "\f5c2";
8917 .fa-surprise::before {
8918 content: "\f5c2";
8921 .fa-bottle-water::before {
8922 content: "\e4c5";
8925 .fa-circle-pause::before {
8926 content: "\f28b";
8929 .fa-pause-circle::before {
8930 content: "\f28b";
8933 .fa-toilet-paper-slash::before {
8934 content: "\e072";
8937 .fa-apple-whole::before {
8938 content: "\f5d1";
8941 .fa-apple-alt::before {
8942 content: "\f5d1";
8945 .fa-kitchen-set::before {
8946 content: "\e51a";
8949 .fa-r::before {
8950 content: "R";
8953 .fa-temperature-quarter::before {
8954 content: "\f2ca";
8957 .fa-temperature-1::before {
8958 content: "\f2ca";
8961 .fa-thermometer-1::before {
8962 content: "\f2ca";
8965 .fa-thermometer-quarter::before {
8966 content: "\f2ca";
8969 .fa-cube::before {
8970 content: "\f1b2";
8973 .fa-bitcoin-sign::before {
8974 content: "\e0b4";
8977 .fa-shield-dog::before {
8978 content: "\e573";
8981 .fa-solar-panel::before {
8982 content: "\f5ba";
8985 .fa-lock-open::before {
8986 content: "\f3c1";
8989 .fa-elevator::before {
8990 content: "\e16d";
8993 .fa-money-bill-transfer::before {
8994 content: "\e528";
8997 .fa-money-bill-trend-up::before {
8998 content: "\e529";
9001 .fa-house-flood-water-circle-arrow-right::before {
9002 content: "\e50f";
9005 .fa-square-poll-horizontal::before {
9006 content: "\f682";
9009 .fa-poll-h::before {
9010 content: "\f682";
9013 .fa-circle::before {
9014 content: "\f111";
9017 .fa-backward-fast::before {
9018 content: "\f049";
9021 .fa-fast-backward::before {
9022 content: "\f049";
9025 .fa-recycle::before {
9026 content: "\f1b8";
9029 .fa-user-astronaut::before {
9030 content: "\f4fb";
9033 .fa-plane-slash::before {
9034 content: "\e069";
9037 .fa-trademark::before {
9038 content: "\f25c";
9041 .fa-basketball::before {
9042 content: "\f434";
9045 .fa-basketball-ball::before {
9046 content: "\f434";
9049 .fa-satellite-dish::before {
9050 content: "\f7c0";
9053 .fa-circle-up::before {
9054 content: "\f35b";
9057 .fa-arrow-alt-circle-up::before {
9058 content: "\f35b";
9061 .fa-mobile-screen-button::before {
9062 content: "\f3cd";
9065 .fa-mobile-alt::before {
9066 content: "\f3cd";
9069 .fa-volume-high::before {
9070 content: "\f028";
9073 .fa-volume-up::before {
9074 content: "\f028";
9077 .fa-users-rays::before {
9078 content: "\e593";
9081 .fa-wallet::before {
9082 content: "\f555";
9085 .fa-clipboard-check::before {
9086 content: "\f46c";
9089 .fa-file-audio::before {
9090 content: "\f1c7";
9093 .fa-burger::before {
9094 content: "\f805";
9097 .fa-hamburger::before {
9098 content: "\f805";
9101 .fa-wrench::before {
9102 content: "\f0ad";
9105 .fa-bugs::before {
9106 content: "\e4d0";
9109 .fa-rupee-sign::before {
9110 content: "\f156";
9113 .fa-rupee::before {
9114 content: "\f156";
9117 .fa-file-image::before {
9118 content: "\f1c5";
9121 .fa-circle-question::before {
9122 content: "\f059";
9125 .fa-question-circle::before {
9126 content: "\f059";
9129 .fa-plane-departure::before {
9130 content: "\f5b0";
9133 .fa-handshake-slash::before {
9134 content: "\e060";
9137 .fa-book-bookmark::before {
9138 content: "\e0bb";
9141 .fa-code-branch::before {
9142 content: "\f126";
9145 .fa-hat-cowboy::before {
9146 content: "\f8c0";
9149 .fa-bridge::before {
9150 content: "\e4c8";
9153 .fa-phone-flip::before {
9154 content: "\f879";
9157 .fa-phone-alt::before {
9158 content: "\f879";
9161 .fa-truck-front::before {
9162 content: "\e2b7";
9165 .fa-cat::before {
9166 content: "\f6be";
9169 .fa-anchor-circle-exclamation::before {
9170 content: "\e4ab";
9173 .fa-truck-field::before {
9174 content: "\e58d";
9177 .fa-route::before {
9178 content: "\f4d7";
9181 .fa-clipboard-question::before {
9182 content: "\e4e3";
9185 .fa-panorama::before {
9186 content: "\e209";
9189 .fa-comment-medical::before {
9190 content: "\f7f5";
9193 .fa-teeth-open::before {
9194 content: "\f62f";
9197 .fa-file-circle-minus::before {
9198 content: "\e4ed";
9201 .fa-tags::before {
9202 content: "\f02c";
9205 .fa-wine-glass::before {
9206 content: "\f4e3";
9209 .fa-forward-fast::before {
9210 content: "\f050";
9213 .fa-fast-forward::before {
9214 content: "\f050";
9217 .fa-face-meh-blank::before {
9218 content: "\f5a4";
9221 .fa-meh-blank::before {
9222 content: "\f5a4";
9225 .fa-square-parking::before {
9226 content: "\f540";
9229 .fa-parking::before {
9230 content: "\f540";
9233 .fa-house-signal::before {
9234 content: "\e012";
9237 .fa-bars-progress::before {
9238 content: "\f828";
9241 .fa-tasks-alt::before {
9242 content: "\f828";
9245 .fa-faucet-drip::before {
9246 content: "\e006";
9249 .fa-cart-flatbed::before {
9250 content: "\f474";
9253 .fa-dolly-flatbed::before {
9254 content: "\f474";
9257 .fa-ban-smoking::before {
9258 content: "\f54d";
9261 .fa-smoking-ban::before {
9262 content: "\f54d";
9265 .fa-terminal::before {
9266 content: "\f120";
9269 .fa-mobile-button::before {
9270 content: "\f10b";
9273 .fa-house-medical-flag::before {
9274 content: "\e514";
9277 .fa-basket-shopping::before {
9278 content: "\f291";
9281 .fa-shopping-basket::before {
9282 content: "\f291";
9285 .fa-tape::before {
9286 content: "\f4db";
9289 .fa-bus-simple::before {
9290 content: "\f55e";
9293 .fa-bus-alt::before {
9294 content: "\f55e";
9297 .fa-eye::before {
9298 content: "\f06e";
9301 .fa-face-sad-cry::before {
9302 content: "\f5b3";
9305 .fa-sad-cry::before {
9306 content: "\f5b3";
9309 .fa-audio-description::before {
9310 content: "\f29e";
9313 .fa-person-military-to-person::before {
9314 content: "\e54c";
9317 .fa-file-shield::before {
9318 content: "\e4f0";
9321 .fa-user-slash::before {
9322 content: "\f506";
9325 .fa-pen::before {
9326 content: "\f304";
9329 .fa-tower-observation::before {
9330 content: "\e586";
9333 .fa-file-code::before {
9334 content: "\f1c9";
9337 .fa-signal::before {
9338 content: "\f012";
9341 .fa-signal-5::before {
9342 content: "\f012";
9345 .fa-signal-perfect::before {
9346 content: "\f012";
9349 .fa-bus::before {
9350 content: "\f207";
9353 .fa-heart-circle-xmark::before {
9354 content: "\e501";
9357 .fa-house-chimney::before {
9358 content: "\e3af";
9361 .fa-home-lg::before {
9362 content: "\e3af";
9365 .fa-window-maximize::before {
9366 content: "\f2d0";
9369 .fa-face-frown::before {
9370 content: "\f119";
9373 .fa-frown::before {
9374 content: "\f119";
9377 .fa-prescription::before {
9378 content: "\f5b1";
9381 .fa-shop::before {
9382 content: "\f54f";
9385 .fa-store-alt::before {
9386 content: "\f54f";
9389 .fa-floppy-disk::before {
9390 content: "\f0c7";
9393 .fa-save::before {
9394 content: "\f0c7";
9397 .fa-vihara::before {
9398 content: "\f6a7";
9401 .fa-scale-unbalanced::before {
9402 content: "\f515";
9405 .fa-balance-scale-left::before {
9406 content: "\f515";
9409 .fa-sort-up::before {
9410 content: "\f0de";
9413 .fa-sort-asc::before {
9414 content: "\f0de";
9417 .fa-comment-dots::before {
9418 content: "\f4ad";
9421 .fa-commenting::before {
9422 content: "\f4ad";
9425 .fa-plant-wilt::before {
9426 content: "\e5aa";
9429 .fa-diamond::before {
9430 content: "\f219";
9433 .fa-face-grin-squint::before {
9434 content: "\f585";
9437 .fa-grin-squint::before {
9438 content: "\f585";
9441 .fa-hand-holding-dollar::before {
9442 content: "\f4c0";
9445 .fa-hand-holding-usd::before {
9446 content: "\f4c0";
9449 .fa-bacterium::before {
9450 content: "\e05a";
9453 .fa-hand-pointer::before {
9454 content: "\f25a";
9457 .fa-drum-steelpan::before {
9458 content: "\f56a";
9461 .fa-hand-scissors::before {
9462 content: "\f257";
9465 .fa-hands-praying::before {
9466 content: "\f684";
9469 .fa-praying-hands::before {
9470 content: "\f684";
9473 .fa-arrow-rotate-right::before {
9474 content: "\f01e";
9477 .fa-arrow-right-rotate::before {
9478 content: "\f01e";
9481 .fa-arrow-rotate-forward::before {
9482 content: "\f01e";
9485 .fa-redo::before {
9486 content: "\f01e";
9489 .fa-biohazard::before {
9490 content: "\f780";
9493 .fa-location-crosshairs::before {
9494 content: "\f601";
9497 .fa-location::before {
9498 content: "\f601";
9501 .fa-mars-double::before {
9502 content: "\f227";
9505 .fa-child-dress::before {
9506 content: "\e59c";
9509 .fa-users-between-lines::before {
9510 content: "\e591";
9513 .fa-lungs-virus::before {
9514 content: "\e067";
9517 .fa-face-grin-tears::before {
9518 content: "\f588";
9521 .fa-grin-tears::before {
9522 content: "\f588";
9525 .fa-phone::before {
9526 content: "\f095";
9529 .fa-calendar-xmark::before {
9530 content: "\f273";
9533 .fa-calendar-times::before {
9534 content: "\f273";
9537 .fa-child-reaching::before {
9538 content: "\e59d";
9541 .fa-head-side-virus::before {
9542 content: "\e064";
9545 .fa-user-gear::before {
9546 content: "\f4fe";
9549 .fa-user-cog::before {
9550 content: "\f4fe";
9553 .fa-arrow-up-1-9::before {
9554 content: "\f163";
9557 .fa-sort-numeric-up::before {
9558 content: "\f163";
9561 .fa-door-closed::before {
9562 content: "\f52a";
9565 .fa-shield-virus::before {
9566 content: "\e06c";
9569 .fa-dice-six::before {
9570 content: "\f526";
9573 .fa-mosquito-net::before {
9574 content: "\e52c";
9577 .fa-bridge-water::before {
9578 content: "\e4ce";
9581 .fa-person-booth::before {
9582 content: "\f756";
9585 .fa-text-width::before {
9586 content: "\f035";
9589 .fa-hat-wizard::before {
9590 content: "\f6e8";
9593 .fa-pen-fancy::before {
9594 content: "\f5ac";
9597 .fa-person-digging::before {
9598 content: "\f85e";
9601 .fa-digging::before {
9602 content: "\f85e";
9605 .fa-trash::before {
9606 content: "\f1f8";
9609 .fa-gauge-simple::before {
9610 content: "\f629";
9613 .fa-gauge-simple-med::before {
9614 content: "\f629";
9617 .fa-tachometer-average::before {
9618 content: "\f629";
9621 .fa-book-medical::before {
9622 content: "\f7e6";
9625 .fa-poo::before {
9626 content: "\f2fe";
9629 .fa-quote-right::before {
9630 content: "\f10e";
9633 .fa-quote-right-alt::before {
9634 content: "\f10e";
9637 .fa-shirt::before {
9638 content: "\f553";
9641 .fa-t-shirt::before {
9642 content: "\f553";
9645 .fa-tshirt::before {
9646 content: "\f553";
9649 .fa-cubes::before {
9650 content: "\f1b3";
9653 .fa-divide::before {
9654 content: "\f529";
9657 .fa-tenge-sign::before {
9658 content: "\f7d7";
9661 .fa-tenge::before {
9662 content: "\f7d7";
9665 .fa-headphones::before {
9666 content: "\f025";
9669 .fa-hands-holding::before {
9670 content: "\f4c2";
9673 .fa-hands-clapping::before {
9674 content: "\e1a8";
9677 .fa-republican::before {
9678 content: "\f75e";
9681 .fa-arrow-left::before {
9682 content: "\f060";
9685 .fa-person-circle-xmark::before {
9686 content: "\e543";
9689 .fa-ruler::before {
9690 content: "\f545";
9693 .fa-align-left::before {
9694 content: "\f036";
9697 .fa-dice-d6::before {
9698 content: "\f6d1";
9701 .fa-restroom::before {
9702 content: "\f7bd";
9705 .fa-j::before {
9706 content: "J";
9709 .fa-users-viewfinder::before {
9710 content: "\e595";
9713 .fa-file-video::before {
9714 content: "\f1c8";
9717 .fa-up-right-from-square::before {
9718 content: "\f35d";
9721 .fa-external-link-alt::before {
9722 content: "\f35d";
9725 .fa-table-cells::before {
9726 content: "\f00a";
9729 .fa-th::before {
9730 content: "\f00a";
9733 .fa-file-pdf::before {
9734 content: "\f1c1";
9737 .fa-book-bible::before {
9738 content: "\f647";
9741 .fa-bible::before {
9742 content: "\f647";
9745 .fa-o::before {
9746 content: "O";
9749 .fa-suitcase-medical::before {
9750 content: "\f0fa";
9753 .fa-medkit::before {
9754 content: "\f0fa";
9757 .fa-user-secret::before {
9758 content: "\f21b";
9761 .fa-otter::before {
9762 content: "\f700";
9765 .fa-person-dress::before {
9766 content: "\f182";
9769 .fa-female::before {
9770 content: "\f182";
9773 .fa-comment-dollar::before {
9774 content: "\f651";
9777 .fa-business-time::before {
9778 content: "\f64a";
9781 .fa-briefcase-clock::before {
9782 content: "\f64a";
9785 .fa-table-cells-large::before {
9786 content: "\f009";
9789 .fa-th-large::before {
9790 content: "\f009";
9793 .fa-book-tanakh::before {
9794 content: "\f827";
9797 .fa-tanakh::before {
9798 content: "\f827";
9801 .fa-phone-volume::before {
9802 content: "\f2a0";
9805 .fa-volume-control-phone::before {
9806 content: "\f2a0";
9809 .fa-hat-cowboy-side::before {
9810 content: "\f8c1";
9813 .fa-clipboard-user::before {
9814 content: "\f7f3";
9817 .fa-child::before {
9818 content: "\f1ae";
9821 .fa-lira-sign::before {
9822 content: "\f195";
9825 .fa-satellite::before {
9826 content: "\f7bf";
9829 .fa-plane-lock::before {
9830 content: "\e558";
9833 .fa-tag::before {
9834 content: "\f02b";
9837 .fa-comment::before {
9838 content: "\f075";
9841 .fa-cake-candles::before {
9842 content: "\f1fd";
9845 .fa-birthday-cake::before {
9846 content: "\f1fd";
9849 .fa-cake::before {
9850 content: "\f1fd";
9853 .fa-envelope::before {
9854 content: "\f0e0";
9857 .fa-angles-up::before {
9858 content: "\f102";
9861 .fa-angle-double-up::before {
9862 content: "\f102";
9865 .fa-paperclip::before {
9866 content: "\f0c6";
9869 .fa-arrow-right-to-city::before {
9870 content: "\e4b3";
9873 .fa-ribbon::before {
9874 content: "\f4d6";
9877 .fa-lungs::before {
9878 content: "\f604";
9881 .fa-arrow-up-9-1::before {
9882 content: "\f887";
9885 .fa-sort-numeric-up-alt::before {
9886 content: "\f887";
9889 .fa-litecoin-sign::before {
9890 content: "\e1d3";
9893 .fa-border-none::before {
9894 content: "\f850";
9897 .fa-circle-nodes::before {
9898 content: "\e4e2";
9901 .fa-parachute-box::before {
9902 content: "\f4cd";
9905 .fa-indent::before {
9906 content: "\f03c";
9909 .fa-truck-field-un::before {
9910 content: "\e58e";
9913 .fa-hourglass::before {
9914 content: "\f254";
9917 .fa-hourglass-empty::before {
9918 content: "\f254";
9921 .fa-mountain::before {
9922 content: "\f6fc";
9925 .fa-user-doctor::before {
9926 content: "\f0f0";
9929 .fa-user-md::before {
9930 content: "\f0f0";
9933 .fa-circle-info::before {
9934 content: "\f05a";
9937 .fa-info-circle::before {
9938 content: "\f05a";
9941 .fa-cloud-meatball::before {
9942 content: "\f73b";
9945 .fa-camera::before {
9946 content: "\f030";
9949 .fa-camera-alt::before {
9950 content: "\f030";
9953 .fa-square-virus::before {
9954 content: "\e578";
9957 .fa-meteor::before {
9958 content: "\f753";
9961 .fa-car-on::before {
9962 content: "\e4dd";
9965 .fa-sleigh::before {
9966 content: "\f7cc";
9969 .fa-arrow-down-1-9::before {
9970 content: "\f162";
9973 .fa-sort-numeric-asc::before {
9974 content: "\f162";
9977 .fa-sort-numeric-down::before {
9978 content: "\f162";
9981 .fa-hand-holding-droplet::before {
9982 content: "\f4c1";
9985 .fa-hand-holding-water::before {
9986 content: "\f4c1";
9989 .fa-water::before {
9990 content: "\f773";
9993 .fa-calendar-check::before {
9994 content: "\f274";
9997 .fa-braille::before {
9998 content: "\f2a1";
10001 .fa-prescription-bottle-medical::before {
10002 content: "\f486";
10005 .fa-prescription-bottle-alt::before {
10006 content: "\f486";
10009 .fa-landmark::before {
10010 content: "\f66f";
10013 .fa-truck::before {
10014 content: "\f0d1";
10017 .fa-crosshairs::before {
10018 content: "\f05b";
10021 .fa-person-cane::before {
10022 content: "\e53c";
10025 .fa-tent::before {
10026 content: "\e57d";
10029 .fa-vest-patches::before {
10030 content: "\e086";
10033 .fa-check-double::before {
10034 content: "\f560";
10037 .fa-arrow-down-a-z::before {
10038 content: "\f15d";
10041 .fa-sort-alpha-asc::before {
10042 content: "\f15d";
10045 .fa-sort-alpha-down::before {
10046 content: "\f15d";
10049 .fa-money-bill-wheat::before {
10050 content: "\e52a";
10053 .fa-cookie::before {
10054 content: "\f563";
10057 .fa-arrow-rotate-left::before {
10058 content: "\f0e2";
10061 .fa-arrow-left-rotate::before {
10062 content: "\f0e2";
10065 .fa-arrow-rotate-back::before {
10066 content: "\f0e2";
10069 .fa-arrow-rotate-backward::before {
10070 content: "\f0e2";
10073 .fa-undo::before {
10074 content: "\f0e2";
10077 .fa-hard-drive::before {
10078 content: "\f0a0";
10081 .fa-hdd::before {
10082 content: "\f0a0";
10085 .fa-face-grin-squint-tears::before {
10086 content: "\f586";
10089 .fa-grin-squint-tears::before {
10090 content: "\f586";
10093 .fa-dumbbell::before {
10094 content: "\f44b";
10097 .fa-rectangle-list::before {
10098 content: "\f022";
10101 .fa-list-alt::before {
10102 content: "\f022";
10105 .fa-tarp-droplet::before {
10106 content: "\e57c";
10109 .fa-house-medical-circle-check::before {
10110 content: "\e511";
10113 .fa-person-skiing-nordic::before {
10114 content: "\f7ca";
10117 .fa-skiing-nordic::before {
10118 content: "\f7ca";
10121 .fa-calendar-plus::before {
10122 content: "\f271";
10125 .fa-plane-arrival::before {
10126 content: "\f5af";
10129 .fa-circle-left::before {
10130 content: "\f359";
10133 .fa-arrow-alt-circle-left::before {
10134 content: "\f359";
10137 .fa-train-subway::before {
10138 content: "\f239";
10141 .fa-subway::before {
10142 content: "\f239";
10145 .fa-chart-gantt::before {
10146 content: "\e0e4";
10149 .fa-indian-rupee-sign::before {
10150 content: "\e1bc";
10153 .fa-indian-rupee::before {
10154 content: "\e1bc";
10157 .fa-inr::before {
10158 content: "\e1bc";
10161 .fa-crop-simple::before {
10162 content: "\f565";
10165 .fa-crop-alt::before {
10166 content: "\f565";
10169 .fa-money-bill-1::before {
10170 content: "\f3d1";
10173 .fa-money-bill-alt::before {
10174 content: "\f3d1";
10177 .fa-left-long::before {
10178 content: "\f30a";
10181 .fa-long-arrow-alt-left::before {
10182 content: "\f30a";
10185 .fa-dna::before {
10186 content: "\f471";
10189 .fa-virus-slash::before {
10190 content: "\e075";
10193 .fa-minus::before {
10194 content: "\f068";
10197 .fa-subtract::before {
10198 content: "\f068";
10201 .fa-chess::before {
10202 content: "\f439";
10205 .fa-arrow-left-long::before {
10206 content: "\f177";
10209 .fa-long-arrow-left::before {
10210 content: "\f177";
10213 .fa-plug-circle-check::before {
10214 content: "\e55c";
10217 .fa-street-view::before {
10218 content: "\f21d";
10221 .fa-franc-sign::before {
10222 content: "\e18f";
10225 .fa-volume-off::before {
10226 content: "\f026";
10229 .fa-hands-asl-interpreting::before {
10230 content: "\f2a3";
10233 .fa-american-sign-language-interpreting::before {
10234 content: "\f2a3";
10237 .fa-asl-interpreting::before {
10238 content: "\f2a3";
10241 .fa-hands-american-sign-language-interpreting::before {
10242 content: "\f2a3";
10245 .fa-gear::before {
10246 content: "\f013";
10249 .fa-cog::before {
10250 content: "\f013";
10253 .fa-droplet-slash::before {
10254 content: "\f5c7";
10257 .fa-tint-slash::before {
10258 content: "\f5c7";
10261 .fa-mosque::before {
10262 content: "\f678";
10265 .fa-mosquito::before {
10266 content: "\e52b";
10269 .fa-star-of-david::before {
10270 content: "\f69a";
10273 .fa-person-military-rifle::before {
10274 content: "\e54b";
10277 .fa-cart-shopping::before {
10278 content: "\f07a";
10281 .fa-shopping-cart::before {
10282 content: "\f07a";
10285 .fa-vials::before {
10286 content: "\f493";
10289 .fa-plug-circle-plus::before {
10290 content: "\e55f";
10293 .fa-place-of-worship::before {
10294 content: "\f67f";
10297 .fa-grip-vertical::before {
10298 content: "\f58e";
10301 .fa-arrow-turn-up::before {
10302 content: "\f148";
10305 .fa-level-up::before {
10306 content: "\f148";
10309 .fa-u::before {
10310 content: "U";
10313 .fa-square-root-variable::before {
10314 content: "\f698";
10317 .fa-square-root-alt::before {
10318 content: "\f698";
10321 .fa-clock::before {
10322 content: "\f017";
10325 .fa-clock-four::before {
10326 content: "\f017";
10329 .fa-backward-step::before {
10330 content: "\f048";
10333 .fa-step-backward::before {
10334 content: "\f048";
10337 .fa-pallet::before {
10338 content: "\f482";
10341 .fa-faucet::before {
10342 content: "\e005";
10345 .fa-baseball-bat-ball::before {
10346 content: "\f432";
10349 .fa-s::before {
10350 content: "S";
10353 .fa-timeline::before {
10354 content: "\e29c";
10357 .fa-keyboard::before {
10358 content: "\f11c";
10361 .fa-caret-down::before {
10362 content: "\f0d7";
10365 .fa-house-chimney-medical::before {
10366 content: "\f7f2";
10369 .fa-clinic-medical::before {
10370 content: "\f7f2";
10373 .fa-temperature-three-quarters::before {
10374 content: "\f2c8";
10377 .fa-temperature-3::before {
10378 content: "\f2c8";
10381 .fa-thermometer-3::before {
10382 content: "\f2c8";
10385 .fa-thermometer-three-quarters::before {
10386 content: "\f2c8";
10389 .fa-mobile-screen::before {
10390 content: "\f3cf";
10393 .fa-mobile-android-alt::before {
10394 content: "\f3cf";
10397 .fa-plane-up::before {
10398 content: "\e22d";
10401 .fa-piggy-bank::before {
10402 content: "\f4d3";
10405 .fa-battery-half::before {
10406 content: "\f242";
10409 .fa-battery-3::before {
10410 content: "\f242";
10413 .fa-mountain-city::before {
10414 content: "\e52e";
10417 .fa-coins::before {
10418 content: "\f51e";
10421 .fa-khanda::before {
10422 content: "\f66d";
10425 .fa-sliders::before {
10426 content: "\f1de";
10429 .fa-sliders-h::before {
10430 content: "\f1de";
10433 .fa-folder-tree::before {
10434 content: "\f802";
10437 .fa-network-wired::before {
10438 content: "\f6ff";
10441 .fa-map-pin::before {
10442 content: "\f276";
10445 .fa-hamsa::before {
10446 content: "\f665";
10449 .fa-cent-sign::before {
10450 content: "\e3f5";
10453 .fa-flask::before {
10454 content: "\f0c3";
10457 .fa-person-pregnant::before {
10458 content: "\e31e";
10461 .fa-wand-sparkles::before {
10462 content: "\f72b";
10465 .fa-ellipsis-vertical::before {
10466 content: "\f142";
10469 .fa-ellipsis-v::before {
10470 content: "\f142";
10473 .fa-ticket::before {
10474 content: "\f145";
10477 .fa-power-off::before {
10478 content: "\f011";
10481 .fa-right-long::before {
10482 content: "\f30b";
10485 .fa-long-arrow-alt-right::before {
10486 content: "\f30b";
10489 .fa-flag-usa::before {
10490 content: "\f74d";
10493 .fa-laptop-file::before {
10494 content: "\e51d";
10497 .fa-tty::before {
10498 content: "\f1e4";
10501 .fa-teletype::before {
10502 content: "\f1e4";
10505 .fa-diagram-next::before {
10506 content: "\e476";
10509 .fa-person-rifle::before {
10510 content: "\e54e";
10513 .fa-house-medical-circle-exclamation::before {
10514 content: "\e512";
10517 .fa-closed-captioning::before {
10518 content: "\f20a";
10521 .fa-person-hiking::before {
10522 content: "\f6ec";
10525 .fa-hiking::before {
10526 content: "\f6ec";
10529 .fa-venus-double::before {
10530 content: "\f226";
10533 .fa-images::before {
10534 content: "\f302";
10537 .fa-calculator::before {
10538 content: "\f1ec";
10541 .fa-people-pulling::before {
10542 content: "\e535";
10545 .fa-n::before {
10546 content: "N";
10549 .fa-cable-car::before {
10550 content: "\f7da";
10553 .fa-tram::before {
10554 content: "\f7da";
10557 .fa-cloud-rain::before {
10558 content: "\f73d";
10561 .fa-building-circle-xmark::before {
10562 content: "\e4d4";
10565 .fa-ship::before {
10566 content: "\f21a";
10569 .fa-arrows-down-to-line::before {
10570 content: "\e4b8";
10573 .fa-download::before {
10574 content: "\f019";
10577 .fa-face-grin::before {
10578 content: "\f580";
10581 .fa-grin::before {
10582 content: "\f580";
10585 .fa-delete-left::before {
10586 content: "\f55a";
10589 .fa-backspace::before {
10590 content: "\f55a";
10593 .fa-eye-dropper::before {
10594 content: "\f1fb";
10597 .fa-eye-dropper-empty::before {
10598 content: "\f1fb";
10601 .fa-eyedropper::before {
10602 content: "\f1fb";
10605 .fa-file-circle-check::before {
10606 content: "\e5a0";
10609 .fa-forward::before {
10610 content: "\f04e";
10613 .fa-mobile::before {
10614 content: "\f3ce";
10617 .fa-mobile-android::before {
10618 content: "\f3ce";
10621 .fa-mobile-phone::before {
10622 content: "\f3ce";
10625 .fa-face-meh::before {
10626 content: "\f11a";
10629 .fa-meh::before {
10630 content: "\f11a";
10633 .fa-align-center::before {
10634 content: "\f037";
10637 .fa-book-skull::before {
10638 content: "\f6b7";
10641 .fa-book-dead::before {
10642 content: "\f6b7";
10645 .fa-id-card::before {
10646 content: "\f2c2";
10649 .fa-drivers-license::before {
10650 content: "\f2c2";
10653 .fa-outdent::before {
10654 content: "\f03b";
10657 .fa-dedent::before {
10658 content: "\f03b";
10661 .fa-heart-circle-exclamation::before {
10662 content: "\e4fe";
10665 .fa-house::before {
10666 content: "\f015";
10669 .fa-home::before {
10670 content: "\f015";
10673 .fa-home-alt::before {
10674 content: "\f015";
10677 .fa-home-lg-alt::before {
10678 content: "\f015";
10681 .fa-calendar-week::before {
10682 content: "\f784";
10685 .fa-laptop-medical::before {
10686 content: "\f812";
10689 .fa-b::before {
10690 content: "B";
10693 .fa-file-medical::before {
10694 content: "\f477";
10697 .fa-dice-one::before {
10698 content: "\f525";
10701 .fa-kiwi-bird::before {
10702 content: "\f535";
10705 .fa-arrow-right-arrow-left::before {
10706 content: "\f0ec";
10709 .fa-exchange::before {
10710 content: "\f0ec";
10713 .fa-rotate-right::before {
10714 content: "\f2f9";
10717 .fa-redo-alt::before {
10718 content: "\f2f9";
10721 .fa-rotate-forward::before {
10722 content: "\f2f9";
10725 .fa-utensils::before {
10726 content: "\f2e7";
10729 .fa-cutlery::before {
10730 content: "\f2e7";
10733 .fa-arrow-up-wide-short::before {
10734 content: "\f161";
10737 .fa-sort-amount-up::before {
10738 content: "\f161";
10741 .fa-mill-sign::before {
10742 content: "\e1ed";
10745 .fa-bowl-rice::before {
10746 content: "\e2eb";
10749 .fa-skull::before {
10750 content: "\f54c";
10753 .fa-tower-broadcast::before {
10754 content: "\f519";
10757 .fa-broadcast-tower::before {
10758 content: "\f519";
10761 .fa-truck-pickup::before {
10762 content: "\f63c";
10765 .fa-up-long::before {
10766 content: "\f30c";
10769 .fa-long-arrow-alt-up::before {
10770 content: "\f30c";
10773 .fa-stop::before {
10774 content: "\f04d";
10777 .fa-code-merge::before {
10778 content: "\f387";
10781 .fa-upload::before {
10782 content: "\f093";
10785 .fa-hurricane::before {
10786 content: "\f751";
10789 .fa-mound::before {
10790 content: "\e52d";
10793 .fa-toilet-portable::before {
10794 content: "\e583";
10797 .fa-compact-disc::before {
10798 content: "\f51f";
10801 .fa-file-arrow-down::before {
10802 content: "\f56d";
10805 .fa-file-download::before {
10806 content: "\f56d";
10809 .fa-caravan::before {
10810 content: "\f8ff";
10813 .fa-shield-cat::before {
10814 content: "\e572";
10817 .fa-bolt::before {
10818 content: "\f0e7";
10821 .fa-zap::before {
10822 content: "\f0e7";
10825 .fa-glass-water::before {
10826 content: "\e4f4";
10829 .fa-oil-well::before {
10830 content: "\e532";
10833 .fa-vault::before {
10834 content: "\e2c5";
10837 .fa-mars::before {
10838 content: "\f222";
10841 .fa-toilet::before {
10842 content: "\f7d8";
10845 .fa-plane-circle-xmark::before {
10846 content: "\e557";
10849 .fa-yen-sign::before {
10850 content: "\f157";
10853 .fa-cny::before {
10854 content: "\f157";
10857 .fa-jpy::before {
10858 content: "\f157";
10861 .fa-rmb::before {
10862 content: "\f157";
10865 .fa-yen::before {
10866 content: "\f157";
10869 .fa-ruble-sign::before {
10870 content: "\f158";
10873 .fa-rouble::before {
10874 content: "\f158";
10877 .fa-rub::before {
10878 content: "\f158";
10881 .fa-ruble::before {
10882 content: "\f158";
10885 .fa-sun::before {
10886 content: "\f185";
10889 .fa-guitar::before {
10890 content: "\f7a6";
10893 .fa-face-laugh-wink::before {
10894 content: "\f59c";
10897 .fa-laugh-wink::before {
10898 content: "\f59c";
10901 .fa-horse-head::before {
10902 content: "\f7ab";
10905 .fa-bore-hole::before {
10906 content: "\e4c3";
10909 .fa-industry::before {
10910 content: "\f275";
10913 .fa-circle-down::before {
10914 content: "\f358";
10917 .fa-arrow-alt-circle-down::before {
10918 content: "\f358";
10921 .fa-arrows-turn-to-dots::before {
10922 content: "\e4c1";
10925 .fa-florin-sign::before {
10926 content: "\e184";
10929 .fa-arrow-down-short-wide::before {
10930 content: "\f884";
10933 .fa-sort-amount-desc::before {
10934 content: "\f884";
10937 .fa-sort-amount-down-alt::before {
10938 content: "\f884";
10941 .fa-less-than::before {
10942 content: "\<";
10945 .fa-angle-down::before {
10946 content: "\f107";
10949 .fa-car-tunnel::before {
10950 content: "\e4de";
10953 .fa-head-side-cough::before {
10954 content: "\e061";
10957 .fa-grip-lines::before {
10958 content: "\f7a4";
10961 .fa-thumbs-down::before {
10962 content: "\f165";
10965 .fa-user-lock::before {
10966 content: "\f502";
10969 .fa-arrow-right-long::before {
10970 content: "\f178";
10973 .fa-long-arrow-right::before {
10974 content: "\f178";
10977 .fa-anchor-circle-xmark::before {
10978 content: "\e4ac";
10981 .fa-ellipsis::before {
10982 content: "\f141";
10985 .fa-ellipsis-h::before {
10986 content: "\f141";
10989 .fa-chess-pawn::before {
10990 content: "\f443";
10993 .fa-kit-medical::before {
10994 content: "\f479";
10997 .fa-first-aid::before {
10998 content: "\f479";
11001 .fa-person-through-window::before {
11002 content: "\e5a9";
11005 .fa-toolbox::before {
11006 content: "\f552";
11009 .fa-hands-holding-circle::before {
11010 content: "\e4fb";
11013 .fa-bug::before {
11014 content: "\f188";
11017 .fa-credit-card::before {
11018 content: "\f09d";
11021 .fa-credit-card-alt::before {
11022 content: "\f09d";
11025 .fa-car::before {
11026 content: "\f1b9";
11029 .fa-automobile::before {
11030 content: "\f1b9";
11033 .fa-hand-holding-hand::before {
11034 content: "\e4f7";
11037 .fa-book-open-reader::before {
11038 content: "\f5da";
11041 .fa-book-reader::before {
11042 content: "\f5da";
11045 .fa-mountain-sun::before {
11046 content: "\e52f";
11049 .fa-arrows-left-right-to-line::before {
11050 content: "\e4ba";
11053 .fa-dice-d20::before {
11054 content: "\f6cf";
11057 .fa-truck-droplet::before {
11058 content: "\e58c";
11061 .fa-file-circle-xmark::before {
11062 content: "\e5a1";
11065 .fa-temperature-arrow-up::before {
11066 content: "\e040";
11069 .fa-temperature-up::before {
11070 content: "\e040";
11073 .fa-medal::before {
11074 content: "\f5a2";
11077 .fa-bed::before {
11078 content: "\f236";
11081 .fa-square-h::before {
11082 content: "\f0fd";
11085 .fa-h-square::before {
11086 content: "\f0fd";
11089 .fa-podcast::before {
11090 content: "\f2ce";
11093 .fa-temperature-full::before {
11094 content: "\f2c7";
11097 .fa-temperature-4::before {
11098 content: "\f2c7";
11101 .fa-thermometer-4::before {
11102 content: "\f2c7";
11105 .fa-thermometer-full::before {
11106 content: "\f2c7";
11109 .fa-bell::before {
11110 content: "\f0f3";
11113 .fa-superscript::before {
11114 content: "\f12b";
11117 .fa-plug-circle-xmark::before {
11118 content: "\e560";
11121 .fa-star-of-life::before {
11122 content: "\f621";
11125 .fa-phone-slash::before {
11126 content: "\f3dd";
11129 .fa-paint-roller::before {
11130 content: "\f5aa";
11133 .fa-handshake-angle::before {
11134 content: "\f4c4";
11137 .fa-hands-helping::before {
11138 content: "\f4c4";
11141 .fa-location-dot::before {
11142 content: "\f3c5";
11145 .fa-map-marker-alt::before {
11146 content: "\f3c5";
11149 .fa-file::before {
11150 content: "\f15b";
11153 .fa-greater-than::before {
11154 content: "\>";
11157 .fa-person-swimming::before {
11158 content: "\f5c4";
11161 .fa-swimmer::before {
11162 content: "\f5c4";
11165 .fa-arrow-down::before {
11166 content: "\f063";
11169 .fa-droplet::before {
11170 content: "\f043";
11173 .fa-tint::before {
11174 content: "\f043";
11177 .fa-eraser::before {
11178 content: "\f12d";
11181 .fa-earth-americas::before {
11182 content: "\f57d";
11185 .fa-earth::before {
11186 content: "\f57d";
11189 .fa-earth-america::before {
11190 content: "\f57d";
11193 .fa-globe-americas::before {
11194 content: "\f57d";
11197 .fa-person-burst::before {
11198 content: "\e53b";
11201 .fa-dove::before {
11202 content: "\f4ba";
11205 .fa-battery-empty::before {
11206 content: "\f244";
11209 .fa-battery-0::before {
11210 content: "\f244";
11213 .fa-socks::before {
11214 content: "\f696";
11217 .fa-inbox::before {
11218 content: "\f01c";
11221 .fa-section::before {
11222 content: "\e447";
11225 .fa-gauge-high::before {
11226 content: "\f625";
11229 .fa-tachometer-alt::before {
11230 content: "\f625";
11233 .fa-tachometer-alt-fast::before {
11234 content: "\f625";
11237 .fa-envelope-open-text::before {
11238 content: "\f658";
11241 .fa-hospital::before {
11242 content: "\f0f8";
11245 .fa-hospital-alt::before {
11246 content: "\f0f8";
11249 .fa-hospital-wide::before {
11250 content: "\f0f8";
11253 .fa-wine-bottle::before {
11254 content: "\f72f";
11257 .fa-chess-rook::before {
11258 content: "\f447";
11261 .fa-bars-staggered::before {
11262 content: "\f550";
11265 .fa-reorder::before {
11266 content: "\f550";
11269 .fa-stream::before {
11270 content: "\f550";
11273 .fa-dharmachakra::before {
11274 content: "\f655";
11277 .fa-hotdog::before {
11278 content: "\f80f";
11281 .fa-person-walking-with-cane::before {
11282 content: "\f29d";
11285 .fa-blind::before {
11286 content: "\f29d";
11289 .fa-drum::before {
11290 content: "\f569";
11293 .fa-ice-cream::before {
11294 content: "\f810";
11297 .fa-heart-circle-bolt::before {
11298 content: "\e4fc";
11301 .fa-fax::before {
11302 content: "\f1ac";
11305 .fa-paragraph::before {
11306 content: "\f1dd";
11309 .fa-check-to-slot::before {
11310 content: "\f772";
11313 .fa-vote-yea::before {
11314 content: "\f772";
11317 .fa-star-half::before {
11318 content: "\f089";
11321 .fa-boxes-stacked::before {
11322 content: "\f468";
11325 .fa-boxes::before {
11326 content: "\f468";
11329 .fa-boxes-alt::before {
11330 content: "\f468";
11333 .fa-link::before {
11334 content: "\f0c1";
11337 .fa-chain::before {
11338 content: "\f0c1";
11341 .fa-ear-listen::before {
11342 content: "\f2a2";
11345 .fa-assistive-listening-systems::before {
11346 content: "\f2a2";
11349 .fa-tree-city::before {
11350 content: "\e587";
11353 .fa-play::before {
11354 content: "\f04b";
11357 .fa-font::before {
11358 content: "\f031";
11361 .fa-rupiah-sign::before {
11362 content: "\e23d";
11365 .fa-magnifying-glass::before {
11366 content: "\f002";
11369 .fa-search::before {
11370 content: "\f002";
11373 .fa-table-tennis-paddle-ball::before {
11374 content: "\f45d";
11377 .fa-ping-pong-paddle-ball::before {
11378 content: "\f45d";
11381 .fa-table-tennis::before {
11382 content: "\f45d";
11385 .fa-person-dots-from-line::before {
11386 content: "\f470";
11389 .fa-diagnoses::before {
11390 content: "\f470";
11393 .fa-trash-can-arrow-up::before {
11394 content: "\f82a";
11397 .fa-trash-restore-alt::before {
11398 content: "\f82a";
11401 .fa-naira-sign::before {
11402 content: "\e1f6";
11405 .fa-cart-arrow-down::before {
11406 content: "\f218";
11409 .fa-walkie-talkie::before {
11410 content: "\f8ef";
11413 .fa-file-pen::before {
11414 content: "\f31c";
11417 .fa-file-edit::before {
11418 content: "\f31c";
11421 .fa-receipt::before {
11422 content: "\f543";
11425 .fa-square-pen::before {
11426 content: "\f14b";
11429 .fa-pen-square::before {
11430 content: "\f14b";
11433 .fa-pencil-square::before {
11434 content: "\f14b";
11437 .fa-suitcase-rolling::before {
11438 content: "\f5c1";
11441 .fa-person-circle-exclamation::before {
11442 content: "\e53f";
11445 .fa-chevron-down::before {
11446 content: "\f078";
11449 .fa-battery-full::before {
11450 content: "\f240";
11453 .fa-battery::before {
11454 content: "\f240";
11457 .fa-battery-5::before {
11458 content: "\f240";
11461 .fa-skull-crossbones::before {
11462 content: "\f714";
11465 .fa-code-compare::before {
11466 content: "\e13a";
11469 .fa-list-ul::before {
11470 content: "\f0ca";
11473 .fa-list-dots::before {
11474 content: "\f0ca";
11477 .fa-school-lock::before {
11478 content: "\e56f";
11481 .fa-tower-cell::before {
11482 content: "\e585";
11485 .fa-down-long::before {
11486 content: "\f309";
11489 .fa-long-arrow-alt-down::before {
11490 content: "\f309";
11493 .fa-ranking-star::before {
11494 content: "\e561";
11497 .fa-chess-king::before {
11498 content: "\f43f";
11501 .fa-person-harassing::before {
11502 content: "\e549";
11505 .fa-brazilian-real-sign::before {
11506 content: "\e46c";
11509 .fa-landmark-dome::before {
11510 content: "\f752";
11513 .fa-landmark-alt::before {
11514 content: "\f752";
11517 .fa-arrow-up::before {
11518 content: "\f062";
11521 .fa-tv::before {
11522 content: "\f26c";
11525 .fa-television::before {
11526 content: "\f26c";
11529 .fa-tv-alt::before {
11530 content: "\f26c";
11533 .fa-shrimp::before {
11534 content: "\e448";
11537 .fa-list-check::before {
11538 content: "\f0ae";
11541 .fa-tasks::before {
11542 content: "\f0ae";
11545 .fa-jug-detergent::before {
11546 content: "\e519";
11549 .fa-circle-user::before {
11550 content: "\f2bd";
11553 .fa-user-circle::before {
11554 content: "\f2bd";
11557 .fa-user-shield::before {
11558 content: "\f505";
11561 .fa-wind::before {
11562 content: "\f72e";
11565 .fa-car-burst::before {
11566 content: "\f5e1";
11569 .fa-car-crash::before {
11570 content: "\f5e1";
11573 .fa-y::before {
11574 content: "Y";
11577 .fa-person-snowboarding::before {
11578 content: "\f7ce";
11581 .fa-snowboarding::before {
11582 content: "\f7ce";
11585 .fa-truck-fast::before {
11586 content: "\f48b";
11589 .fa-shipping-fast::before {
11590 content: "\f48b";
11593 .fa-fish::before {
11594 content: "\f578";
11597 .fa-user-graduate::before {
11598 content: "\f501";
11601 .fa-circle-half-stroke::before {
11602 content: "\f042";
11605 .fa-adjust::before {
11606 content: "\f042";
11609 .fa-clapperboard::before {
11610 content: "\e131";
11613 .fa-circle-radiation::before {
11614 content: "\f7ba";
11617 .fa-radiation-alt::before {
11618 content: "\f7ba";
11621 .fa-baseball::before {
11622 content: "\f433";
11625 .fa-baseball-ball::before {
11626 content: "\f433";
11629 .fa-jet-fighter-up::before {
11630 content: "\e518";
11633 .fa-diagram-project::before {
11634 content: "\f542";
11637 .fa-project-diagram::before {
11638 content: "\f542";
11641 .fa-copy::before {
11642 content: "\f0c5";
11645 .fa-volume-xmark::before {
11646 content: "\f6a9";
11649 .fa-volume-mute::before {
11650 content: "\f6a9";
11653 .fa-volume-times::before {
11654 content: "\f6a9";
11657 .fa-hand-sparkles::before {
11658 content: "\e05d";
11661 .fa-grip::before {
11662 content: "\f58d";
11665 .fa-grip-horizontal::before {
11666 content: "\f58d";
11669 .fa-share-from-square::before {
11670 content: "\f14d";
11673 .fa-share-square::before {
11674 content: "\f14d";
11677 .fa-child-combatant::before {
11678 content: "\e4e0";
11681 .fa-child-rifle::before {
11682 content: "\e4e0";
11685 .fa-gun::before {
11686 content: "\e19b";
11689 .fa-square-phone::before {
11690 content: "\f098";
11693 .fa-phone-square::before {
11694 content: "\f098";
11697 .fa-plus::before {
11698 content: "\+";
11701 .fa-add::before {
11702 content: "\+";
11705 .fa-expand::before {
11706 content: "\f065";
11709 .fa-computer::before {
11710 content: "\e4e5";
11713 .fa-xmark::before {
11714 content: "\f00d";
11717 .fa-close::before {
11718 content: "\f00d";
11721 .fa-multiply::before {
11722 content: "\f00d";
11725 .fa-remove::before {
11726 content: "\f00d";
11729 .fa-times::before {
11730 content: "\f00d";
11733 .fa-arrows-up-down-left-right::before {
11734 content: "\f047";
11737 .fa-arrows::before {
11738 content: "\f047";
11741 .fa-chalkboard-user::before {
11742 content: "\f51c";
11745 .fa-chalkboard-teacher::before {
11746 content: "\f51c";
11749 .fa-peso-sign::before {
11750 content: "\e222";
11753 .fa-building-shield::before {
11754 content: "\e4d8";
11757 .fa-baby::before {
11758 content: "\f77c";
11761 .fa-users-line::before {
11762 content: "\e592";
11765 .fa-quote-left::before {
11766 content: "\f10d";
11769 .fa-quote-left-alt::before {
11770 content: "\f10d";
11773 .fa-tractor::before {
11774 content: "\f722";
11777 .fa-trash-arrow-up::before {
11778 content: "\f829";
11781 .fa-trash-restore::before {
11782 content: "\f829";
11785 .fa-arrow-down-up-lock::before {
11786 content: "\e4b0";
11789 .fa-lines-leaning::before {
11790 content: "\e51e";
11793 .fa-ruler-combined::before {
11794 content: "\f546";
11797 .fa-copyright::before {
11798 content: "\f1f9";
11801 .fa-equals::before {
11802 content: "\=";
11805 .fa-blender::before {
11806 content: "\f517";
11809 .fa-teeth::before {
11810 content: "\f62e";
11813 .fa-shekel-sign::before {
11814 content: "\f20b";
11817 .fa-ils::before {
11818 content: "\f20b";
11821 .fa-shekel::before {
11822 content: "\f20b";
11825 .fa-sheqel::before {
11826 content: "\f20b";
11829 .fa-sheqel-sign::before {
11830 content: "\f20b";
11833 .fa-map::before {
11834 content: "\f279";
11837 .fa-rocket::before {
11838 content: "\f135";
11841 .fa-photo-film::before {
11842 content: "\f87c";
11845 .fa-photo-video::before {
11846 content: "\f87c";
11849 .fa-folder-minus::before {
11850 content: "\f65d";
11853 .fa-store::before {
11854 content: "\f54e";
11857 .fa-arrow-trend-up::before {
11858 content: "\e098";
11861 .fa-plug-circle-minus::before {
11862 content: "\e55e";
11865 .fa-sign-hanging::before {
11866 content: "\f4d9";
11869 .fa-sign::before {
11870 content: "\f4d9";
11873 .fa-bezier-curve::before {
11874 content: "\f55b";
11877 .fa-bell-slash::before {
11878 content: "\f1f6";
11881 .fa-tablet::before {
11882 content: "\f3fb";
11885 .fa-tablet-android::before {
11886 content: "\f3fb";
11889 .fa-school-flag::before {
11890 content: "\e56e";
11893 .fa-fill::before {
11894 content: "\f575";
11897 .fa-angle-up::before {
11898 content: "\f106";
11901 .fa-drumstick-bite::before {
11902 content: "\f6d7";
11905 .fa-holly-berry::before {
11906 content: "\f7aa";
11909 .fa-chevron-left::before {
11910 content: "\f053";
11913 .fa-bacteria::before {
11914 content: "\e059";
11917 .fa-hand-lizard::before {
11918 content: "\f258";
11921 .fa-notdef::before {
11922 content: "\e1fe";
11925 .fa-disease::before {
11926 content: "\f7fa";
11929 .fa-briefcase-medical::before {
11930 content: "\f469";
11933 .fa-genderless::before {
11934 content: "\f22d";
11937 .fa-chevron-right::before {
11938 content: "\f054";
11941 .fa-retweet::before {
11942 content: "\f079";
11945 .fa-car-rear::before {
11946 content: "\f5de";
11949 .fa-car-alt::before {
11950 content: "\f5de";
11953 .fa-pump-soap::before {
11954 content: "\e06b";
11957 .fa-video-slash::before {
11958 content: "\f4e2";
11961 .fa-battery-quarter::before {
11962 content: "\f243";
11965 .fa-battery-2::before {
11966 content: "\f243";
11969 .fa-radio::before {
11970 content: "\f8d7";
11973 .fa-baby-carriage::before {
11974 content: "\f77d";
11977 .fa-carriage-baby::before {
11978 content: "\f77d";
11981 .fa-traffic-light::before {
11982 content: "\f637";
11985 .fa-thermometer::before {
11986 content: "\f491";
11989 .fa-vr-cardboard::before {
11990 content: "\f729";
11993 .fa-hand-middle-finger::before {
11994 content: "\f806";
11997 .fa-percent::before {
11998 content: "\%";
12001 .fa-percentage::before {
12002 content: "\%";
12005 .fa-truck-moving::before {
12006 content: "\f4df";
12009 .fa-glass-water-droplet::before {
12010 content: "\e4f5";
12013 .fa-display::before {
12014 content: "\e163";
12017 .fa-face-smile::before {
12018 content: "\f118";
12021 .fa-smile::before {
12022 content: "\f118";
12025 .fa-thumbtack::before {
12026 content: "\f08d";
12029 .fa-thumb-tack::before {
12030 content: "\f08d";
12033 .fa-trophy::before {
12034 content: "\f091";
12037 .fa-person-praying::before {
12038 content: "\f683";
12041 .fa-pray::before {
12042 content: "\f683";
12045 .fa-hammer::before {
12046 content: "\f6e3";
12049 .fa-hand-peace::before {
12050 content: "\f25b";
12053 .fa-rotate::before {
12054 content: "\f2f1";
12057 .fa-sync-alt::before {
12058 content: "\f2f1";
12061 .fa-spinner::before {
12062 content: "\f110";
12065 .fa-robot::before {
12066 content: "\f544";
12069 .fa-peace::before {
12070 content: "\f67c";
12073 .fa-gears::before {
12074 content: "\f085";
12077 .fa-cogs::before {
12078 content: "\f085";
12081 .fa-warehouse::before {
12082 content: "\f494";
12085 .fa-arrow-up-right-dots::before {
12086 content: "\e4b7";
12089 .fa-splotch::before {
12090 content: "\f5bc";
12093 .fa-face-grin-hearts::before {
12094 content: "\f584";
12097 .fa-grin-hearts::before {
12098 content: "\f584";
12101 .fa-dice-four::before {
12102 content: "\f524";
12105 .fa-sim-card::before {
12106 content: "\f7c4";
12109 .fa-transgender::before {
12110 content: "\f225";
12113 .fa-transgender-alt::before {
12114 content: "\f225";
12117 .fa-mercury::before {
12118 content: "\f223";
12121 .fa-arrow-turn-down::before {
12122 content: "\f149";
12125 .fa-level-down::before {
12126 content: "\f149";
12129 .fa-person-falling-burst::before {
12130 content: "\e547";
12133 .fa-award::before {
12134 content: "\f559";
12137 .fa-ticket-simple::before {
12138 content: "\f3ff";
12141 .fa-ticket-alt::before {
12142 content: "\f3ff";
12145 .fa-building::before {
12146 content: "\f1ad";
12149 .fa-angles-left::before {
12150 content: "\f100";
12153 .fa-angle-double-left::before {
12154 content: "\f100";
12157 .fa-qrcode::before {
12158 content: "\f029";
12161 .fa-clock-rotate-left::before {
12162 content: "\f1da";
12165 .fa-history::before {
12166 content: "\f1da";
12169 .fa-face-grin-beam-sweat::before {
12170 content: "\f583";
12173 .fa-grin-beam-sweat::before {
12174 content: "\f583";
12177 .fa-file-export::before {
12178 content: "\f56e";
12181 .fa-arrow-right-from-file::before {
12182 content: "\f56e";
12185 .fa-shield::before {
12186 content: "\f132";
12189 .fa-shield-blank::before {
12190 content: "\f132";
12193 .fa-arrow-up-short-wide::before {
12194 content: "\f885";
12197 .fa-sort-amount-up-alt::before {
12198 content: "\f885";
12201 .fa-house-medical::before {
12202 content: "\e3b2";
12205 .fa-golf-ball-tee::before {
12206 content: "\f450";
12209 .fa-golf-ball::before {
12210 content: "\f450";
12213 .fa-circle-chevron-left::before {
12214 content: "\f137";
12217 .fa-chevron-circle-left::before {
12218 content: "\f137";
12221 .fa-house-chimney-window::before {
12222 content: "\e00d";
12225 .fa-pen-nib::before {
12226 content: "\f5ad";
12229 .fa-tent-arrow-turn-left::before {
12230 content: "\e580";
12233 .fa-tents::before {
12234 content: "\e582";
12237 .fa-wand-magic::before {
12238 content: "\f0d0";
12241 .fa-magic::before {
12242 content: "\f0d0";
12245 .fa-dog::before {
12246 content: "\f6d3";
12249 .fa-carrot::before {
12250 content: "\f787";
12253 .fa-moon::before {
12254 content: "\f186";
12257 .fa-wine-glass-empty::before {
12258 content: "\f5ce";
12261 .fa-wine-glass-alt::before {
12262 content: "\f5ce";
12265 .fa-cheese::before {
12266 content: "\f7ef";
12269 .fa-yin-yang::before {
12270 content: "\f6ad";
12273 .fa-music::before {
12274 content: "\f001";
12277 .fa-code-commit::before {
12278 content: "\f386";
12281 .fa-temperature-low::before {
12282 content: "\f76b";
12285 .fa-person-biking::before {
12286 content: "\f84a";
12289 .fa-biking::before {
12290 content: "\f84a";
12293 .fa-broom::before {
12294 content: "\f51a";
12297 .fa-shield-heart::before {
12298 content: "\e574";
12301 .fa-gopuram::before {
12302 content: "\f664";
12305 .fa-earth-oceania::before {
12306 content: "\e47b";
12309 .fa-globe-oceania::before {
12310 content: "\e47b";
12313 .fa-square-xmark::before {
12314 content: "\f2d3";
12317 .fa-times-square::before {
12318 content: "\f2d3";
12321 .fa-xmark-square::before {
12322 content: "\f2d3";
12325 .fa-hashtag::before {
12326 content: "\#";
12329 .fa-up-right-and-down-left-from-center::before {
12330 content: "\f424";
12333 .fa-expand-alt::before {
12334 content: "\f424";
12337 .fa-oil-can::before {
12338 content: "\f613";
12341 .fa-t::before {
12342 content: "T";
12345 .fa-hippo::before {
12346 content: "\f6ed";
12349 .fa-chart-column::before {
12350 content: "\e0e3";
12353 .fa-infinity::before {
12354 content: "\f534";
12357 .fa-vial-circle-check::before {
12358 content: "\e596";
12361 .fa-person-arrow-down-to-line::before {
12362 content: "\e538";
12365 .fa-voicemail::before {
12366 content: "\f897";
12369 .fa-fan::before {
12370 content: "\f863";
12373 .fa-person-walking-luggage::before {
12374 content: "\e554";
12377 .fa-up-down::before {
12378 content: "\f338";
12381 .fa-arrows-alt-v::before {
12382 content: "\f338";
12385 .fa-cloud-moon-rain::before {
12386 content: "\f73c";
12389 .fa-calendar::before {
12390 content: "\f133";
12393 .fa-trailer::before {
12394 content: "\e041";
12397 .fa-bahai::before {
12398 content: "\f666";
12401 .fa-haykal::before {
12402 content: "\f666";
12405 .fa-sd-card::before {
12406 content: "\f7c2";
12409 .fa-dragon::before {
12410 content: "\f6d5";
12413 .fa-shoe-prints::before {
12414 content: "\f54b";
12417 .fa-circle-plus::before {
12418 content: "\f055";
12421 .fa-plus-circle::before {
12422 content: "\f055";
12425 .fa-face-grin-tongue-wink::before {
12426 content: "\f58b";
12429 .fa-grin-tongue-wink::before {
12430 content: "\f58b";
12433 .fa-hand-holding::before {
12434 content: "\f4bd";
12437 .fa-plug-circle-exclamation::before {
12438 content: "\e55d";
12441 .fa-link-slash::before {
12442 content: "\f127";
12445 .fa-chain-broken::before {
12446 content: "\f127";
12449 .fa-chain-slash::before {
12450 content: "\f127";
12453 .fa-unlink::before {
12454 content: "\f127";
12457 .fa-clone::before {
12458 content: "\f24d";
12461 .fa-person-walking-arrow-loop-left::before {
12462 content: "\e551";
12465 .fa-arrow-up-z-a::before {
12466 content: "\f882";
12469 .fa-sort-alpha-up-alt::before {
12470 content: "\f882";
12473 .fa-fire-flame-curved::before {
12474 content: "\f7e4";
12477 .fa-fire-alt::before {
12478 content: "\f7e4";
12481 .fa-tornado::before {
12482 content: "\f76f";
12485 .fa-file-circle-plus::before {
12486 content: "\e494";
12489 .fa-book-quran::before {
12490 content: "\f687";
12493 .fa-quran::before {
12494 content: "\f687";
12497 .fa-anchor::before {
12498 content: "\f13d";
12501 .fa-border-all::before {
12502 content: "\f84c";
12505 .fa-face-angry::before {
12506 content: "\f556";
12509 .fa-angry::before {
12510 content: "\f556";
12513 .fa-cookie-bite::before {
12514 content: "\f564";
12517 .fa-arrow-trend-down::before {
12518 content: "\e097";
12521 .fa-rss::before {
12522 content: "\f09e";
12525 .fa-feed::before {
12526 content: "\f09e";
12529 .fa-draw-polygon::before {
12530 content: "\f5ee";
12533 .fa-scale-balanced::before {
12534 content: "\f24e";
12537 .fa-balance-scale::before {
12538 content: "\f24e";
12541 .fa-gauge-simple-high::before {
12542 content: "\f62a";
12545 .fa-tachometer::before {
12546 content: "\f62a";
12549 .fa-tachometer-fast::before {
12550 content: "\f62a";
12553 .fa-shower::before {
12554 content: "\f2cc";
12557 .fa-desktop::before {
12558 content: "\f390";
12561 .fa-desktop-alt::before {
12562 content: "\f390";
12565 .fa-m::before {
12566 content: "M";
12569 .fa-table-list::before {
12570 content: "\f00b";
12573 .fa-th-list::before {
12574 content: "\f00b";
12577 .fa-comment-sms::before {
12578 content: "\f7cd";
12581 .fa-sms::before {
12582 content: "\f7cd";
12585 .fa-book::before {
12586 content: "\f02d";
12589 .fa-user-plus::before {
12590 content: "\f234";
12593 .fa-check::before {
12594 content: "\f00c";
12597 .fa-battery-three-quarters::before {
12598 content: "\f241";
12601 .fa-battery-4::before {
12602 content: "\f241";
12605 .fa-house-circle-check::before {
12606 content: "\e509";
12609 .fa-angle-left::before {
12610 content: "\f104";
12613 .fa-diagram-successor::before {
12614 content: "\e47a";
12617 .fa-truck-arrow-right::before {
12618 content: "\e58b";
12621 .fa-arrows-split-up-and-left::before {
12622 content: "\e4bc";
12625 .fa-hand-fist::before {
12626 content: "\f6de";
12629 .fa-fist-raised::before {
12630 content: "\f6de";
12633 .fa-cloud-moon::before {
12634 content: "\f6c3";
12637 .fa-briefcase::before {
12638 content: "\f0b1";
12641 .fa-person-falling::before {
12642 content: "\e546";
12645 .fa-image-portrait::before {
12646 content: "\f3e0";
12649 .fa-portrait::before {
12650 content: "\f3e0";
12653 .fa-user-tag::before {
12654 content: "\f507";
12657 .fa-rug::before {
12658 content: "\e569";
12661 .fa-earth-europe::before {
12662 content: "\f7a2";
12665 .fa-globe-europe::before {
12666 content: "\f7a2";
12669 .fa-cart-flatbed-suitcase::before {
12670 content: "\f59d";
12673 .fa-luggage-cart::before {
12674 content: "\f59d";
12677 .fa-rectangle-xmark::before {
12678 content: "\f410";
12681 .fa-rectangle-times::before {
12682 content: "\f410";
12685 .fa-times-rectangle::before {
12686 content: "\f410";
12689 .fa-window-close::before {
12690 content: "\f410";
12693 .fa-baht-sign::before {
12694 content: "\e0ac";
12697 .fa-book-open::before {
12698 content: "\f518";
12701 .fa-book-journal-whills::before {
12702 content: "\f66a";
12705 .fa-journal-whills::before {
12706 content: "\f66a";
12709 .fa-handcuffs::before {
12710 content: "\e4f8";
12713 .fa-triangle-exclamation::before {
12714 content: "\f071";
12717 .fa-exclamation-triangle::before {
12718 content: "\f071";
12721 .fa-warning::before {
12722 content: "\f071";
12725 .fa-database::before {
12726 content: "\f1c0";
12729 .fa-share::before {
12730 content: "\f064";
12733 .fa-mail-forward::before {
12734 content: "\f064";
12737 .fa-bottle-droplet::before {
12738 content: "\e4c4";
12741 .fa-mask-face::before {
12742 content: "\e1d7";
12745 .fa-hill-rockslide::before {
12746 content: "\e508";
12749 .fa-right-left::before {
12750 content: "\f362";
12753 .fa-exchange-alt::before {
12754 content: "\f362";
12757 .fa-paper-plane::before {
12758 content: "\f1d8";
12761 .fa-road-circle-exclamation::before {
12762 content: "\e565";
12765 .fa-dungeon::before {
12766 content: "\f6d9";
12769 .fa-align-right::before {
12770 content: "\f038";
12773 .fa-money-bill-1-wave::before {
12774 content: "\f53b";
12777 .fa-money-bill-wave-alt::before {
12778 content: "\f53b";
12781 .fa-life-ring::before {
12782 content: "\f1cd";
12785 .fa-hands::before {
12786 content: "\f2a7";
12789 .fa-sign-language::before {
12790 content: "\f2a7";
12793 .fa-signing::before {
12794 content: "\f2a7";
12797 .fa-calendar-day::before {
12798 content: "\f783";
12801 .fa-water-ladder::before {
12802 content: "\f5c5";
12805 .fa-ladder-water::before {
12806 content: "\f5c5";
12809 .fa-swimming-pool::before {
12810 content: "\f5c5";
12813 .fa-arrows-up-down::before {
12814 content: "\f07d";
12817 .fa-arrows-v::before {
12818 content: "\f07d";
12821 .fa-face-grimace::before {
12822 content: "\f57f";
12825 .fa-grimace::before {
12826 content: "\f57f";
12829 .fa-wheelchair-move::before {
12830 content: "\e2ce";
12833 .fa-wheelchair-alt::before {
12834 content: "\e2ce";
12837 .fa-turn-down::before {
12838 content: "\f3be";
12841 .fa-level-down-alt::before {
12842 content: "\f3be";
12845 .fa-person-walking-arrow-right::before {
12846 content: "\e552";
12849 .fa-square-envelope::before {
12850 content: "\f199";
12853 .fa-envelope-square::before {
12854 content: "\f199";
12857 .fa-dice::before {
12858 content: "\f522";
12861 .fa-bowling-ball::before {
12862 content: "\f436";
12865 .fa-brain::before {
12866 content: "\f5dc";
12869 .fa-bandage::before {
12870 content: "\f462";
12873 .fa-band-aid::before {
12874 content: "\f462";
12877 .fa-calendar-minus::before {
12878 content: "\f272";
12881 .fa-circle-xmark::before {
12882 content: "\f057";
12885 .fa-times-circle::before {
12886 content: "\f057";
12889 .fa-xmark-circle::before {
12890 content: "\f057";
12893 .fa-gifts::before {
12894 content: "\f79c";
12897 .fa-hotel::before {
12898 content: "\f594";
12901 .fa-earth-asia::before {
12902 content: "\f57e";
12905 .fa-globe-asia::before {
12906 content: "\f57e";
12909 .fa-id-card-clip::before {
12910 content: "\f47f";
12913 .fa-id-card-alt::before {
12914 content: "\f47f";
12917 .fa-magnifying-glass-plus::before {
12918 content: "\f00e";
12921 .fa-search-plus::before {
12922 content: "\f00e";
12925 .fa-thumbs-up::before {
12926 content: "\f164";
12929 .fa-user-clock::before {
12930 content: "\f4fd";
12933 .fa-hand-dots::before {
12934 content: "\f461";
12937 .fa-allergies::before {
12938 content: "\f461";
12941 .fa-file-invoice::before {
12942 content: "\f570";
12945 .fa-window-minimize::before {
12946 content: "\f2d1";
12949 .fa-mug-saucer::before {
12950 content: "\f0f4";
12953 .fa-coffee::before {
12954 content: "\f0f4";
12957 .fa-brush::before {
12958 content: "\f55d";
12961 .fa-mask::before {
12962 content: "\f6fa";
12965 .fa-magnifying-glass-minus::before {
12966 content: "\f010";
12969 .fa-search-minus::before {
12970 content: "\f010";
12973 .fa-ruler-vertical::before {
12974 content: "\f548";
12977 .fa-user-large::before {
12978 content: "\f406";
12981 .fa-user-alt::before {
12982 content: "\f406";
12985 .fa-train-tram::before {
12986 content: "\e5b4";
12989 .fa-user-nurse::before {
12990 content: "\f82f";
12993 .fa-syringe::before {
12994 content: "\f48e";
12997 .fa-cloud-sun::before {
12998 content: "\f6c4";
13001 .fa-stopwatch-20::before {
13002 content: "\e06f";
13005 .fa-square-full::before {
13006 content: "\f45c";
13009 .fa-magnet::before {
13010 content: "\f076";
13013 .fa-jar::before {
13014 content: "\e516";
13017 .fa-note-sticky::before {
13018 content: "\f249";
13021 .fa-sticky-note::before {
13022 content: "\f249";
13025 .fa-bug-slash::before {
13026 content: "\e490";
13029 .fa-arrow-up-from-water-pump::before {
13030 content: "\e4b6";
13033 .fa-bone::before {
13034 content: "\f5d7";
13037 .fa-user-injured::before {
13038 content: "\f728";
13041 .fa-face-sad-tear::before {
13042 content: "\f5b4";
13045 .fa-sad-tear::before {
13046 content: "\f5b4";
13049 .fa-plane::before {
13050 content: "\f072";
13053 .fa-tent-arrows-down::before {
13054 content: "\e581";
13057 .fa-exclamation::before {
13058 content: "\!";
13061 .fa-arrows-spin::before {
13062 content: "\e4bb";
13065 .fa-print::before {
13066 content: "\f02f";
13069 .fa-turkish-lira-sign::before {
13070 content: "\e2bb";
13073 .fa-try::before {
13074 content: "\e2bb";
13077 .fa-turkish-lira::before {
13078 content: "\e2bb";
13081 .fa-dollar-sign::before {
13082 content: "\$";
13085 .fa-dollar::before {
13086 content: "\$";
13089 .fa-usd::before {
13090 content: "\$";
13093 .fa-x::before {
13094 content: "X";
13097 .fa-magnifying-glass-dollar::before {
13098 content: "\f688";
13101 .fa-search-dollar::before {
13102 content: "\f688";
13105 .fa-users-gear::before {
13106 content: "\f509";
13109 .fa-users-cog::before {
13110 content: "\f509";
13113 .fa-person-military-pointing::before {
13114 content: "\e54a";
13117 .fa-building-columns::before {
13118 content: "\f19c";
13121 .fa-bank::before {
13122 content: "\f19c";
13125 .fa-institution::before {
13126 content: "\f19c";
13129 .fa-museum::before {
13130 content: "\f19c";
13133 .fa-university::before {
13134 content: "\f19c";
13137 .fa-umbrella::before {
13138 content: "\f0e9";
13141 .fa-trowel::before {
13142 content: "\e589";
13145 .fa-d::before {
13146 content: "D";
13149 .fa-stapler::before {
13150 content: "\e5af";
13153 .fa-masks-theater::before {
13154 content: "\f630";
13157 .fa-theater-masks::before {
13158 content: "\f630";
13161 .fa-kip-sign::before {
13162 content: "\e1c4";
13165 .fa-hand-point-left::before {
13166 content: "\f0a5";
13169 .fa-handshake-simple::before {
13170 content: "\f4c6";
13173 .fa-handshake-alt::before {
13174 content: "\f4c6";
13177 .fa-jet-fighter::before {
13178 content: "\f0fb";
13181 .fa-fighter-jet::before {
13182 content: "\f0fb";
13185 .fa-square-share-nodes::before {
13186 content: "\f1e1";
13189 .fa-share-alt-square::before {
13190 content: "\f1e1";
13193 .fa-barcode::before {
13194 content: "\f02a";
13197 .fa-plus-minus::before {
13198 content: "\e43c";
13201 .fa-video::before {
13202 content: "\f03d";
13205 .fa-video-camera::before {
13206 content: "\f03d";
13209 .fa-graduation-cap::before {
13210 content: "\f19d";
13213 .fa-mortar-board::before {
13214 content: "\f19d";
13217 .fa-hand-holding-medical::before {
13218 content: "\e05c";
13221 .fa-person-circle-check::before {
13222 content: "\e53e";
13225 .fa-turn-up::before {
13226 content: "\f3bf";
13229 .fa-level-up-alt::before {
13230 content: "\f3bf";
13233 .sr-only,
13234 .fa-sr-only {
13235 position: absolute;
13236 width: 1px;
13237 height: 1px;
13238 padding: 0;
13239 margin: -1px;
13240 overflow: hidden;
13241 clip: rect(0, 0, 0, 0);
13242 white-space: nowrap;
13243 border-width: 0;
13246 .sr-only-focusable:not(:focus),
13247 .fa-sr-only-focusable:not(:focus) {
13248 position: absolute;
13249 width: 1px;
13250 height: 1px;
13251 padding: 0;
13252 margin: -1px;
13253 overflow: hidden;
13254 clip: rect(0, 0, 0, 0);
13255 white-space: nowrap;
13256 border-width: 0;
13260 * Bootstrap v4.6.2 (https://getbootstrap.com/)
13261 * Copyright 2011-2022 The Bootstrap Authors
13262 * Copyright 2011-2022 Twitter, Inc.
13263 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
13265 :root {
13266 --blue: #0f6cbf;
13267 --indigo: #6610f2;
13268 --purple: #613d7c;
13269 --pink: #e83e8c;
13270 --red: #ca3120;
13271 --orange: #f0ad4e;
13272 --yellow: #ff7518;
13273 --green: #357a32;
13274 --teal: #20c997;
13275 --cyan: #008196;
13276 --white: #fff;
13277 --gray: #6a737b;
13278 --gray-dark: #343a40;
13279 --primary: #0f6cbf;
13280 --secondary: #ced4da;
13281 --success: #357a32;
13282 --info: #008196;
13283 --warning: #f0ad4e;
13284 --danger: #ca3120;
13285 --light: #f8f9fa;
13286 --dark: #343a40;
13287 --breakpoint-xs: 0;
13288 --breakpoint-sm: 576px;
13289 --breakpoint-md: 768px;
13290 --breakpoint-lg: 992px;
13291 --breakpoint-xl: 1200px;
13292 --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13293 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13297 *::before,
13298 *::after {
13299 box-sizing: border-box;
13302 html {
13303 font-family: sans-serif;
13304 line-height: 1.15;
13305 -webkit-text-size-adjust: 100%;
13306 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13309 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
13310 display: block;
13313 body {
13314 margin: 0;
13315 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13316 font-size: 0.9375rem;
13317 font-weight: 400;
13318 line-height: 1.5;
13319 color: #1d2125;
13320 text-align: left;
13321 background-color: #fff;
13323 @media (max-width: 1200px) {
13324 body {
13325 font-size: calc(0.90375rem + 0.045vw);
13329 [tabindex="-1"]:focus:not(:focus-visible) {
13330 outline: 0 !important;
13333 hr {
13334 box-sizing: content-box;
13335 height: 0;
13336 overflow: visible;
13339 h1, h2, h3, h4, h5, h6 {
13340 margin-top: 0;
13341 margin-bottom: 0.5rem;
13345 margin-top: 0;
13346 margin-bottom: 1rem;
13349 abbr[title],
13350 abbr[data-original-title] {
13351 text-decoration: underline;
13352 text-decoration: underline dotted;
13353 cursor: help;
13354 border-bottom: 0;
13355 text-decoration-skip-ink: none;
13358 address {
13359 margin-bottom: 1rem;
13360 font-style: normal;
13361 line-height: inherit;
13366 dl {
13367 margin-top: 0;
13368 margin-bottom: 1rem;
13371 ol ol,
13372 ul ul,
13373 ol ul,
13374 ul ol {
13375 margin-bottom: 0;
13378 dt {
13379 font-weight: 700;
13382 dd {
13383 margin-bottom: 0.5rem;
13384 margin-left: 0;
13387 blockquote {
13388 margin: 0 0 1rem;
13392 strong {
13393 font-weight: bolder;
13396 small {
13397 font-size: 80%;
13400 sub,
13401 sup {
13402 position: relative;
13403 font-size: 75%;
13404 line-height: 0;
13405 vertical-align: baseline;
13408 sub {
13409 bottom: -0.25em;
13412 sup {
13413 top: -0.5em;
13417 color: #0f6cbf;
13418 text-decoration: none;
13419 background-color: transparent;
13421 a:hover {
13422 color: #094478;
13423 text-decoration: underline;
13426 a:not([href]):not([class]) {
13427 color: inherit;
13428 text-decoration: none;
13430 a:not([href]):not([class]):hover {
13431 color: inherit;
13432 text-decoration: none;
13435 pre,
13436 code,
13437 kbd,
13438 samp {
13439 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13440 font-size: 1em;
13443 pre {
13444 margin-top: 0;
13445 margin-bottom: 1rem;
13446 overflow: auto;
13447 -ms-overflow-style: scrollbar;
13450 figure {
13451 margin: 0 0 1rem;
13454 img {
13455 vertical-align: middle;
13456 border-style: none;
13459 svg {
13460 overflow: hidden;
13461 vertical-align: middle;
13464 table {
13465 border-collapse: collapse;
13468 caption {
13469 padding-top: 0.75rem;
13470 padding-bottom: 0.75rem;
13471 color: #6a737b;
13472 text-align: left;
13473 caption-side: bottom;
13476 th {
13477 text-align: inherit;
13478 text-align: -webkit-match-parent;
13481 label {
13482 display: inline-block;
13483 margin-bottom: 0.5rem;
13486 button {
13487 border-radius: 0;
13490 button:focus:not(:focus-visible) {
13491 outline: 0;
13494 input,
13495 button,
13496 select,
13497 optgroup,
13498 textarea {
13499 margin: 0;
13500 font-family: inherit;
13501 font-size: inherit;
13502 line-height: inherit;
13505 button,
13506 input {
13507 overflow: visible;
13510 button,
13511 select {
13512 text-transform: none;
13515 [role=button] {
13516 cursor: pointer;
13519 select {
13520 word-wrap: normal;
13523 button,
13524 [type=button],
13525 [type=reset],
13526 [type=submit] {
13527 -webkit-appearance: button;
13530 button:not(:disabled),
13531 [type=button]:not(:disabled),
13532 [type=reset]:not(:disabled),
13533 [type=submit]:not(:disabled) {
13534 cursor: pointer;
13537 button::-moz-focus-inner,
13538 [type=button]::-moz-focus-inner,
13539 [type=reset]::-moz-focus-inner,
13540 [type=submit]::-moz-focus-inner {
13541 padding: 0;
13542 border-style: none;
13545 input[type=radio],
13546 input[type=checkbox] {
13547 box-sizing: border-box;
13548 padding: 0;
13551 textarea {
13552 overflow: auto;
13553 resize: vertical;
13556 fieldset {
13557 min-width: 0;
13558 padding: 0;
13559 margin: 0;
13560 border: 0;
13563 legend {
13564 display: block;
13565 width: 100%;
13566 max-width: 100%;
13567 padding: 0;
13568 margin-bottom: 0.5rem;
13569 font-size: 1.5rem;
13570 line-height: inherit;
13571 color: inherit;
13572 white-space: normal;
13574 @media (max-width: 1200px) {
13575 legend {
13576 font-size: calc(0.96rem + 0.72vw);
13580 progress {
13581 vertical-align: baseline;
13584 [type=number]::-webkit-inner-spin-button,
13585 [type=number]::-webkit-outer-spin-button {
13586 height: auto;
13589 [type=search] {
13590 outline-offset: -2px;
13591 -webkit-appearance: none;
13594 [type=search]::-webkit-search-decoration {
13595 -webkit-appearance: none;
13598 ::-webkit-file-upload-button {
13599 font: inherit;
13600 -webkit-appearance: button;
13603 output {
13604 display: inline-block;
13607 summary {
13608 display: list-item;
13609 cursor: pointer;
13612 template {
13613 display: none;
13616 [hidden] {
13617 display: none !important;
13620 h1, h2, h3, h4, h5, h6,
13621 .h1, .h2, .h3, .h4, .h5, .h6 {
13622 margin-bottom: 0.5rem;
13623 font-weight: 300;
13624 line-height: 1.2;
13627 h1, .h1 {
13628 font-size: 2.34375rem;
13630 @media (max-width: 1200px) {
13631 h1, .h1 {
13632 font-size: calc(1.044375rem + 1.7325vw);
13636 h2, .h2 {
13637 font-size: 1.875rem;
13639 @media (max-width: 1200px) {
13640 h2, .h2 {
13641 font-size: calc(0.9975rem + 1.17vw);
13645 h3, .h3 {
13646 font-size: 1.640625rem;
13648 @media (max-width: 1200px) {
13649 h3, .h3 {
13650 font-size: calc(0.9740625rem + 0.88875vw);
13654 h4, .h4 {
13655 font-size: 1.40625rem;
13657 @media (max-width: 1200px) {
13658 h4, .h4 {
13659 font-size: calc(0.950625rem + 0.6075vw);
13663 h5, .h5 {
13664 font-size: 1.171875rem;
13666 @media (max-width: 1200px) {
13667 h5, .h5 {
13668 font-size: calc(0.9271875rem + 0.32625vw);
13672 h6, .h6 {
13673 font-size: 0.9375rem;
13675 @media (max-width: 1200px) {
13676 h6, .h6 {
13677 font-size: calc(0.90375rem + 0.045vw);
13681 .lead {
13682 font-size: 1.171875rem;
13683 font-weight: 300;
13685 @media (max-width: 1200px) {
13686 .lead {
13687 font-size: calc(0.9271875rem + 0.32625vw);
13691 .display-1 {
13692 font-size: 6rem;
13693 font-weight: 300;
13694 line-height: 1.2;
13696 @media (max-width: 1200px) {
13697 .display-1 {
13698 font-size: calc(1.41rem + 6.12vw);
13702 .display-2 {
13703 font-size: 5.5rem;
13704 font-weight: 300;
13705 line-height: 1.2;
13707 @media (max-width: 1200px) {
13708 .display-2 {
13709 font-size: calc(1.36rem + 5.52vw);
13713 .display-3 {
13714 font-size: 4.5rem;
13715 font-weight: 300;
13716 line-height: 1.2;
13718 @media (max-width: 1200px) {
13719 .display-3 {
13720 font-size: calc(1.26rem + 4.32vw);
13724 .display-4 {
13725 font-size: 3.5rem;
13726 font-weight: 300;
13727 line-height: 1.2;
13729 @media (max-width: 1200px) {
13730 .display-4 {
13731 font-size: calc(1.16rem + 3.12vw);
13735 hr {
13736 margin-top: 1rem;
13737 margin-bottom: 1rem;
13738 border: 0;
13739 border-top: 1px solid rgba(0, 0, 0, 0.1);
13742 small,
13743 .small {
13744 font-size: 0.875em;
13745 font-weight: 400;
13748 mark,
13749 .mark {
13750 padding: 0.2em;
13751 background-color: #fcf8e3;
13754 .list-unstyled {
13755 padding-left: 0;
13756 list-style: none;
13759 .list-inline {
13760 padding-left: 0;
13761 list-style: none;
13764 .list-inline-item {
13765 display: inline-block;
13767 .list-inline-item:not(:last-child) {
13768 margin-right: 0.5rem;
13771 .initialism {
13772 font-size: 90%;
13773 text-transform: uppercase;
13776 .blockquote {
13777 margin-bottom: 1rem;
13778 font-size: 1.171875rem;
13780 @media (max-width: 1200px) {
13781 .blockquote {
13782 font-size: calc(0.9271875rem + 0.32625vw);
13786 .blockquote-footer {
13787 display: block;
13788 font-size: 0.875em;
13789 color: #6a737b;
13791 .blockquote-footer::before {
13792 content: "— ";
13795 .img-fluid {
13796 max-width: 100%;
13797 height: auto;
13800 .img-thumbnail {
13801 padding: 0.25rem;
13802 background-color: #fff;
13803 border: 1px solid #dee2e6;
13804 border-radius: 0.25rem;
13805 max-width: 100%;
13806 height: auto;
13809 .figure {
13810 display: inline-block;
13813 .figure-img {
13814 margin-bottom: 0.5rem;
13815 line-height: 1;
13818 .figure-caption {
13819 font-size: 90%;
13820 color: #6a737b;
13823 code {
13824 font-size: 87.5%;
13825 color: #e83e8c;
13826 word-wrap: break-word;
13828 a > code {
13829 color: inherit;
13832 kbd {
13833 padding: 0.2rem 0.4rem;
13834 font-size: 87.5%;
13835 color: #fff;
13836 background-color: #1d2125;
13837 border-radius: 0.2rem;
13839 kbd kbd {
13840 padding: 0;
13841 font-size: 100%;
13842 font-weight: 700;
13845 pre {
13846 display: block;
13847 font-size: 87.5%;
13848 color: #1d2125;
13850 pre code {
13851 font-size: inherit;
13852 color: inherit;
13853 word-break: normal;
13856 .pre-scrollable {
13857 max-height: 340px;
13858 overflow-y: scroll;
13861 .container,
13862 .container-fluid,
13863 .container-xl,
13864 .container-lg,
13865 .container-md,
13866 .container-sm {
13867 width: 100%;
13868 padding-right: 15px;
13869 padding-left: 15px;
13870 margin-right: auto;
13871 margin-left: auto;
13874 @media (min-width: 576px) {
13875 .container-sm, .container {
13876 max-width: 540px;
13879 @media (min-width: 768px) {
13880 .container-md, .container-sm, .container {
13881 max-width: 720px;
13884 @media (min-width: 992px) {
13885 .container-lg, .container-md, .container-sm, .container {
13886 max-width: 960px;
13889 @media (min-width: 1200px) {
13890 .container-xl, .container-lg, .container-md, .container-sm, .container {
13891 max-width: 1140px;
13894 .row {
13895 display: flex;
13896 flex-wrap: wrap;
13897 margin-right: -15px;
13898 margin-left: -15px;
13901 .no-gutters {
13902 margin-right: 0;
13903 margin-left: 0;
13905 .no-gutters > .col,
13906 .no-gutters > [class*=col-] {
13907 padding-right: 0;
13908 padding-left: 0;
13911 .col-xl,
13912 .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
13913 .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
13914 .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
13915 .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
13916 .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
13917 position: relative;
13918 width: 100%;
13919 padding-right: 15px;
13920 padding-left: 15px;
13923 .col {
13924 flex-basis: 0;
13925 flex-grow: 1;
13926 max-width: 100%;
13929 .row-cols-1 > * {
13930 flex: 0 0 100%;
13931 max-width: 100%;
13934 .row-cols-2 > * {
13935 flex: 0 0 50%;
13936 max-width: 50%;
13939 .row-cols-3 > * {
13940 flex: 0 0 33.3333333333%;
13941 max-width: 33.3333333333%;
13944 .row-cols-4 > * {
13945 flex: 0 0 25%;
13946 max-width: 25%;
13949 .row-cols-5 > * {
13950 flex: 0 0 20%;
13951 max-width: 20%;
13954 .row-cols-6 > * {
13955 flex: 0 0 16.6666666667%;
13956 max-width: 16.6666666667%;
13959 .col-auto {
13960 flex: 0 0 auto;
13961 width: auto;
13962 max-width: 100%;
13965 .col-1 {
13966 flex: 0 0 8.33333333%;
13967 max-width: 8.33333333%;
13970 .col-2 {
13971 flex: 0 0 16.66666667%;
13972 max-width: 16.66666667%;
13975 .col-3 {
13976 flex: 0 0 25%;
13977 max-width: 25%;
13980 .col-4 {
13981 flex: 0 0 33.33333333%;
13982 max-width: 33.33333333%;
13985 .col-5 {
13986 flex: 0 0 41.66666667%;
13987 max-width: 41.66666667%;
13990 .col-6 {
13991 flex: 0 0 50%;
13992 max-width: 50%;
13995 .col-7 {
13996 flex: 0 0 58.33333333%;
13997 max-width: 58.33333333%;
14000 .col-8 {
14001 flex: 0 0 66.66666667%;
14002 max-width: 66.66666667%;
14005 .col-9 {
14006 flex: 0 0 75%;
14007 max-width: 75%;
14010 .col-10 {
14011 flex: 0 0 83.33333333%;
14012 max-width: 83.33333333%;
14015 .col-11 {
14016 flex: 0 0 91.66666667%;
14017 max-width: 91.66666667%;
14020 .col-12 {
14021 flex: 0 0 100%;
14022 max-width: 100%;
14025 .order-first {
14026 order: -1;
14029 .order-last {
14030 order: 13;
14033 .order-0 {
14034 order: 0;
14037 .order-1 {
14038 order: 1;
14041 .order-2 {
14042 order: 2;
14045 .order-3 {
14046 order: 3;
14049 .order-4 {
14050 order: 4;
14053 .order-5 {
14054 order: 5;
14057 .order-6 {
14058 order: 6;
14061 .order-7 {
14062 order: 7;
14065 .order-8 {
14066 order: 8;
14069 .order-9 {
14070 order: 9;
14073 .order-10 {
14074 order: 10;
14077 .order-11 {
14078 order: 11;
14081 .order-12 {
14082 order: 12;
14085 .offset-1 {
14086 margin-left: 8.33333333%;
14089 .offset-2 {
14090 margin-left: 16.66666667%;
14093 .offset-3 {
14094 margin-left: 25%;
14097 .offset-4 {
14098 margin-left: 33.33333333%;
14101 .offset-5 {
14102 margin-left: 41.66666667%;
14105 .offset-6 {
14106 margin-left: 50%;
14109 .offset-7 {
14110 margin-left: 58.33333333%;
14113 .offset-8 {
14114 margin-left: 66.66666667%;
14117 .offset-9 {
14118 margin-left: 75%;
14121 .offset-10 {
14122 margin-left: 83.33333333%;
14125 .offset-11 {
14126 margin-left: 91.66666667%;
14129 @media (min-width: 576px) {
14130 .col-sm {
14131 flex-basis: 0;
14132 flex-grow: 1;
14133 max-width: 100%;
14135 .row-cols-sm-1 > * {
14136 flex: 0 0 100%;
14137 max-width: 100%;
14139 .row-cols-sm-2 > * {
14140 flex: 0 0 50%;
14141 max-width: 50%;
14143 .row-cols-sm-3 > * {
14144 flex: 0 0 33.3333333333%;
14145 max-width: 33.3333333333%;
14147 .row-cols-sm-4 > * {
14148 flex: 0 0 25%;
14149 max-width: 25%;
14151 .row-cols-sm-5 > * {
14152 flex: 0 0 20%;
14153 max-width: 20%;
14155 .row-cols-sm-6 > * {
14156 flex: 0 0 16.6666666667%;
14157 max-width: 16.6666666667%;
14159 .col-sm-auto {
14160 flex: 0 0 auto;
14161 width: auto;
14162 max-width: 100%;
14164 .col-sm-1 {
14165 flex: 0 0 8.33333333%;
14166 max-width: 8.33333333%;
14168 .col-sm-2 {
14169 flex: 0 0 16.66666667%;
14170 max-width: 16.66666667%;
14172 .col-sm-3 {
14173 flex: 0 0 25%;
14174 max-width: 25%;
14176 .col-sm-4 {
14177 flex: 0 0 33.33333333%;
14178 max-width: 33.33333333%;
14180 .col-sm-5 {
14181 flex: 0 0 41.66666667%;
14182 max-width: 41.66666667%;
14184 .col-sm-6 {
14185 flex: 0 0 50%;
14186 max-width: 50%;
14188 .col-sm-7 {
14189 flex: 0 0 58.33333333%;
14190 max-width: 58.33333333%;
14192 .col-sm-8 {
14193 flex: 0 0 66.66666667%;
14194 max-width: 66.66666667%;
14196 .col-sm-9 {
14197 flex: 0 0 75%;
14198 max-width: 75%;
14200 .col-sm-10 {
14201 flex: 0 0 83.33333333%;
14202 max-width: 83.33333333%;
14204 .col-sm-11 {
14205 flex: 0 0 91.66666667%;
14206 max-width: 91.66666667%;
14208 .col-sm-12 {
14209 flex: 0 0 100%;
14210 max-width: 100%;
14212 .order-sm-first {
14213 order: -1;
14215 .order-sm-last {
14216 order: 13;
14218 .order-sm-0 {
14219 order: 0;
14221 .order-sm-1 {
14222 order: 1;
14224 .order-sm-2 {
14225 order: 2;
14227 .order-sm-3 {
14228 order: 3;
14230 .order-sm-4 {
14231 order: 4;
14233 .order-sm-5 {
14234 order: 5;
14236 .order-sm-6 {
14237 order: 6;
14239 .order-sm-7 {
14240 order: 7;
14242 .order-sm-8 {
14243 order: 8;
14245 .order-sm-9 {
14246 order: 9;
14248 .order-sm-10 {
14249 order: 10;
14251 .order-sm-11 {
14252 order: 11;
14254 .order-sm-12 {
14255 order: 12;
14257 .offset-sm-0 {
14258 margin-left: 0;
14260 .offset-sm-1 {
14261 margin-left: 8.33333333%;
14263 .offset-sm-2 {
14264 margin-left: 16.66666667%;
14266 .offset-sm-3 {
14267 margin-left: 25%;
14269 .offset-sm-4 {
14270 margin-left: 33.33333333%;
14272 .offset-sm-5 {
14273 margin-left: 41.66666667%;
14275 .offset-sm-6 {
14276 margin-left: 50%;
14278 .offset-sm-7 {
14279 margin-left: 58.33333333%;
14281 .offset-sm-8 {
14282 margin-left: 66.66666667%;
14284 .offset-sm-9 {
14285 margin-left: 75%;
14287 .offset-sm-10 {
14288 margin-left: 83.33333333%;
14290 .offset-sm-11 {
14291 margin-left: 91.66666667%;
14294 @media (min-width: 768px) {
14295 .col-md {
14296 flex-basis: 0;
14297 flex-grow: 1;
14298 max-width: 100%;
14300 .row-cols-md-1 > * {
14301 flex: 0 0 100%;
14302 max-width: 100%;
14304 .row-cols-md-2 > * {
14305 flex: 0 0 50%;
14306 max-width: 50%;
14308 .row-cols-md-3 > * {
14309 flex: 0 0 33.3333333333%;
14310 max-width: 33.3333333333%;
14312 .row-cols-md-4 > * {
14313 flex: 0 0 25%;
14314 max-width: 25%;
14316 .row-cols-md-5 > * {
14317 flex: 0 0 20%;
14318 max-width: 20%;
14320 .row-cols-md-6 > * {
14321 flex: 0 0 16.6666666667%;
14322 max-width: 16.6666666667%;
14324 .col-md-auto {
14325 flex: 0 0 auto;
14326 width: auto;
14327 max-width: 100%;
14329 .col-md-1 {
14330 flex: 0 0 8.33333333%;
14331 max-width: 8.33333333%;
14333 .col-md-2 {
14334 flex: 0 0 16.66666667%;
14335 max-width: 16.66666667%;
14337 .col-md-3 {
14338 flex: 0 0 25%;
14339 max-width: 25%;
14341 .col-md-4 {
14342 flex: 0 0 33.33333333%;
14343 max-width: 33.33333333%;
14345 .col-md-5 {
14346 flex: 0 0 41.66666667%;
14347 max-width: 41.66666667%;
14349 .col-md-6 {
14350 flex: 0 0 50%;
14351 max-width: 50%;
14353 .col-md-7 {
14354 flex: 0 0 58.33333333%;
14355 max-width: 58.33333333%;
14357 .col-md-8 {
14358 flex: 0 0 66.66666667%;
14359 max-width: 66.66666667%;
14361 .col-md-9 {
14362 flex: 0 0 75%;
14363 max-width: 75%;
14365 .col-md-10 {
14366 flex: 0 0 83.33333333%;
14367 max-width: 83.33333333%;
14369 .col-md-11 {
14370 flex: 0 0 91.66666667%;
14371 max-width: 91.66666667%;
14373 .col-md-12 {
14374 flex: 0 0 100%;
14375 max-width: 100%;
14377 .order-md-first {
14378 order: -1;
14380 .order-md-last {
14381 order: 13;
14383 .order-md-0 {
14384 order: 0;
14386 .order-md-1 {
14387 order: 1;
14389 .order-md-2 {
14390 order: 2;
14392 .order-md-3 {
14393 order: 3;
14395 .order-md-4 {
14396 order: 4;
14398 .order-md-5 {
14399 order: 5;
14401 .order-md-6 {
14402 order: 6;
14404 .order-md-7 {
14405 order: 7;
14407 .order-md-8 {
14408 order: 8;
14410 .order-md-9 {
14411 order: 9;
14413 .order-md-10 {
14414 order: 10;
14416 .order-md-11 {
14417 order: 11;
14419 .order-md-12 {
14420 order: 12;
14422 .offset-md-0 {
14423 margin-left: 0;
14425 .offset-md-1 {
14426 margin-left: 8.33333333%;
14428 .offset-md-2 {
14429 margin-left: 16.66666667%;
14431 .offset-md-3 {
14432 margin-left: 25%;
14434 .offset-md-4 {
14435 margin-left: 33.33333333%;
14437 .offset-md-5 {
14438 margin-left: 41.66666667%;
14440 .offset-md-6 {
14441 margin-left: 50%;
14443 .offset-md-7 {
14444 margin-left: 58.33333333%;
14446 .offset-md-8 {
14447 margin-left: 66.66666667%;
14449 .offset-md-9 {
14450 margin-left: 75%;
14452 .offset-md-10 {
14453 margin-left: 83.33333333%;
14455 .offset-md-11 {
14456 margin-left: 91.66666667%;
14459 @media (min-width: 992px) {
14460 .col-lg {
14461 flex-basis: 0;
14462 flex-grow: 1;
14463 max-width: 100%;
14465 .row-cols-lg-1 > * {
14466 flex: 0 0 100%;
14467 max-width: 100%;
14469 .row-cols-lg-2 > * {
14470 flex: 0 0 50%;
14471 max-width: 50%;
14473 .row-cols-lg-3 > * {
14474 flex: 0 0 33.3333333333%;
14475 max-width: 33.3333333333%;
14477 .row-cols-lg-4 > * {
14478 flex: 0 0 25%;
14479 max-width: 25%;
14481 .row-cols-lg-5 > * {
14482 flex: 0 0 20%;
14483 max-width: 20%;
14485 .row-cols-lg-6 > * {
14486 flex: 0 0 16.6666666667%;
14487 max-width: 16.6666666667%;
14489 .col-lg-auto {
14490 flex: 0 0 auto;
14491 width: auto;
14492 max-width: 100%;
14494 .col-lg-1 {
14495 flex: 0 0 8.33333333%;
14496 max-width: 8.33333333%;
14498 .col-lg-2 {
14499 flex: 0 0 16.66666667%;
14500 max-width: 16.66666667%;
14502 .col-lg-3 {
14503 flex: 0 0 25%;
14504 max-width: 25%;
14506 .col-lg-4 {
14507 flex: 0 0 33.33333333%;
14508 max-width: 33.33333333%;
14510 .col-lg-5 {
14511 flex: 0 0 41.66666667%;
14512 max-width: 41.66666667%;
14514 .col-lg-6 {
14515 flex: 0 0 50%;
14516 max-width: 50%;
14518 .col-lg-7 {
14519 flex: 0 0 58.33333333%;
14520 max-width: 58.33333333%;
14522 .col-lg-8 {
14523 flex: 0 0 66.66666667%;
14524 max-width: 66.66666667%;
14526 .col-lg-9 {
14527 flex: 0 0 75%;
14528 max-width: 75%;
14530 .col-lg-10 {
14531 flex: 0 0 83.33333333%;
14532 max-width: 83.33333333%;
14534 .col-lg-11 {
14535 flex: 0 0 91.66666667%;
14536 max-width: 91.66666667%;
14538 .col-lg-12 {
14539 flex: 0 0 100%;
14540 max-width: 100%;
14542 .order-lg-first {
14543 order: -1;
14545 .order-lg-last {
14546 order: 13;
14548 .order-lg-0 {
14549 order: 0;
14551 .order-lg-1 {
14552 order: 1;
14554 .order-lg-2 {
14555 order: 2;
14557 .order-lg-3 {
14558 order: 3;
14560 .order-lg-4 {
14561 order: 4;
14563 .order-lg-5 {
14564 order: 5;
14566 .order-lg-6 {
14567 order: 6;
14569 .order-lg-7 {
14570 order: 7;
14572 .order-lg-8 {
14573 order: 8;
14575 .order-lg-9 {
14576 order: 9;
14578 .order-lg-10 {
14579 order: 10;
14581 .order-lg-11 {
14582 order: 11;
14584 .order-lg-12 {
14585 order: 12;
14587 .offset-lg-0 {
14588 margin-left: 0;
14590 .offset-lg-1 {
14591 margin-left: 8.33333333%;
14593 .offset-lg-2 {
14594 margin-left: 16.66666667%;
14596 .offset-lg-3 {
14597 margin-left: 25%;
14599 .offset-lg-4 {
14600 margin-left: 33.33333333%;
14602 .offset-lg-5 {
14603 margin-left: 41.66666667%;
14605 .offset-lg-6 {
14606 margin-left: 50%;
14608 .offset-lg-7 {
14609 margin-left: 58.33333333%;
14611 .offset-lg-8 {
14612 margin-left: 66.66666667%;
14614 .offset-lg-9 {
14615 margin-left: 75%;
14617 .offset-lg-10 {
14618 margin-left: 83.33333333%;
14620 .offset-lg-11 {
14621 margin-left: 91.66666667%;
14624 @media (min-width: 1200px) {
14625 .col-xl {
14626 flex-basis: 0;
14627 flex-grow: 1;
14628 max-width: 100%;
14630 .row-cols-xl-1 > * {
14631 flex: 0 0 100%;
14632 max-width: 100%;
14634 .row-cols-xl-2 > * {
14635 flex: 0 0 50%;
14636 max-width: 50%;
14638 .row-cols-xl-3 > * {
14639 flex: 0 0 33.3333333333%;
14640 max-width: 33.3333333333%;
14642 .row-cols-xl-4 > * {
14643 flex: 0 0 25%;
14644 max-width: 25%;
14646 .row-cols-xl-5 > * {
14647 flex: 0 0 20%;
14648 max-width: 20%;
14650 .row-cols-xl-6 > * {
14651 flex: 0 0 16.6666666667%;
14652 max-width: 16.6666666667%;
14654 .col-xl-auto {
14655 flex: 0 0 auto;
14656 width: auto;
14657 max-width: 100%;
14659 .col-xl-1 {
14660 flex: 0 0 8.33333333%;
14661 max-width: 8.33333333%;
14663 .col-xl-2 {
14664 flex: 0 0 16.66666667%;
14665 max-width: 16.66666667%;
14667 .col-xl-3 {
14668 flex: 0 0 25%;
14669 max-width: 25%;
14671 .col-xl-4 {
14672 flex: 0 0 33.33333333%;
14673 max-width: 33.33333333%;
14675 .col-xl-5 {
14676 flex: 0 0 41.66666667%;
14677 max-width: 41.66666667%;
14679 .col-xl-6 {
14680 flex: 0 0 50%;
14681 max-width: 50%;
14683 .col-xl-7 {
14684 flex: 0 0 58.33333333%;
14685 max-width: 58.33333333%;
14687 .col-xl-8 {
14688 flex: 0 0 66.66666667%;
14689 max-width: 66.66666667%;
14691 .col-xl-9 {
14692 flex: 0 0 75%;
14693 max-width: 75%;
14695 .col-xl-10 {
14696 flex: 0 0 83.33333333%;
14697 max-width: 83.33333333%;
14699 .col-xl-11 {
14700 flex: 0 0 91.66666667%;
14701 max-width: 91.66666667%;
14703 .col-xl-12 {
14704 flex: 0 0 100%;
14705 max-width: 100%;
14707 .order-xl-first {
14708 order: -1;
14710 .order-xl-last {
14711 order: 13;
14713 .order-xl-0 {
14714 order: 0;
14716 .order-xl-1 {
14717 order: 1;
14719 .order-xl-2 {
14720 order: 2;
14722 .order-xl-3 {
14723 order: 3;
14725 .order-xl-4 {
14726 order: 4;
14728 .order-xl-5 {
14729 order: 5;
14731 .order-xl-6 {
14732 order: 6;
14734 .order-xl-7 {
14735 order: 7;
14737 .order-xl-8 {
14738 order: 8;
14740 .order-xl-9 {
14741 order: 9;
14743 .order-xl-10 {
14744 order: 10;
14746 .order-xl-11 {
14747 order: 11;
14749 .order-xl-12 {
14750 order: 12;
14752 .offset-xl-0 {
14753 margin-left: 0;
14755 .offset-xl-1 {
14756 margin-left: 8.33333333%;
14758 .offset-xl-2 {
14759 margin-left: 16.66666667%;
14761 .offset-xl-3 {
14762 margin-left: 25%;
14764 .offset-xl-4 {
14765 margin-left: 33.33333333%;
14767 .offset-xl-5 {
14768 margin-left: 41.66666667%;
14770 .offset-xl-6 {
14771 margin-left: 50%;
14773 .offset-xl-7 {
14774 margin-left: 58.33333333%;
14776 .offset-xl-8 {
14777 margin-left: 66.66666667%;
14779 .offset-xl-9 {
14780 margin-left: 75%;
14782 .offset-xl-10 {
14783 margin-left: 83.33333333%;
14785 .offset-xl-11 {
14786 margin-left: 91.66666667%;
14789 .table {
14790 width: 100%;
14791 margin-bottom: 1rem;
14792 color: #1d2125;
14794 .table th,
14795 .table td {
14796 padding: 0.75rem;
14797 vertical-align: top;
14798 border-top: 1px solid #dee2e6;
14800 .table thead th {
14801 vertical-align: bottom;
14802 border-bottom: 2px solid #dee2e6;
14804 .table tbody + tbody {
14805 border-top: 2px solid #dee2e6;
14808 .table-sm th,
14809 .table-sm td {
14810 padding: 0.3rem;
14813 .table-bordered {
14814 border: 1px solid #dee2e6;
14816 .table-bordered th,
14817 .table-bordered td {
14818 border: 1px solid #dee2e6;
14820 .table-bordered thead th,
14821 .table-bordered thead td {
14822 border-bottom-width: 2px;
14825 .table-borderless th,
14826 .table-borderless td,
14827 .table-borderless thead th,
14828 .table-borderless tbody + tbody {
14829 border: 0;
14832 .table-striped tbody tr:nth-of-type(odd) {
14833 background-color: rgba(0, 0, 0, 0.03);
14836 .table-hover tbody tr:hover {
14837 color: #1d2125;
14838 background-color: rgba(0, 0, 0, 0.075);
14841 .table-primary,
14842 .table-primary > th,
14843 .table-primary > td {
14844 background-color: #bcd6ed;
14846 .table-primary th,
14847 .table-primary td,
14848 .table-primary thead th,
14849 .table-primary tbody + tbody {
14850 border-color: #82b3de;
14853 .table-hover .table-primary:hover {
14854 background-color: #a8cae8;
14856 .table-hover .table-primary:hover > td,
14857 .table-hover .table-primary:hover > th {
14858 background-color: #a8cae8;
14861 .table-secondary,
14862 .table-secondary > th,
14863 .table-secondary > td {
14864 background-color: #f1f3f5;
14866 .table-secondary th,
14867 .table-secondary td,
14868 .table-secondary thead th,
14869 .table-secondary tbody + tbody {
14870 border-color: #e6e9ec;
14873 .table-hover .table-secondary:hover {
14874 background-color: #e2e6ea;
14876 .table-hover .table-secondary:hover > td,
14877 .table-hover .table-secondary:hover > th {
14878 background-color: #e2e6ea;
14881 .table-success,
14882 .table-success > th,
14883 .table-success > td {
14884 background-color: #c6dac6;
14886 .table-success th,
14887 .table-success td,
14888 .table-success thead th,
14889 .table-success tbody + tbody {
14890 border-color: #96ba94;
14893 .table-hover .table-success:hover {
14894 background-color: #b7d0b7;
14896 .table-hover .table-success:hover > td,
14897 .table-hover .table-success:hover > th {
14898 background-color: #b7d0b7;
14901 .table-info,
14902 .table-info > th,
14903 .table-info > td {
14904 background-color: #b8dce2;
14906 .table-info th,
14907 .table-info td,
14908 .table-info thead th,
14909 .table-info tbody + tbody {
14910 border-color: #7abdc8;
14913 .table-hover .table-info:hover {
14914 background-color: #a6d3db;
14916 .table-hover .table-info:hover > td,
14917 .table-hover .table-info:hover > th {
14918 background-color: #a6d3db;
14921 .table-warning,
14922 .table-warning > th,
14923 .table-warning > td {
14924 background-color: #fbe8cd;
14926 .table-warning th,
14927 .table-warning td,
14928 .table-warning thead th,
14929 .table-warning tbody + tbody {
14930 border-color: #f7d4a3;
14933 .table-hover .table-warning:hover {
14934 background-color: #f9ddb5;
14936 .table-hover .table-warning:hover > td,
14937 .table-hover .table-warning:hover > th {
14938 background-color: #f9ddb5;
14941 .table-danger,
14942 .table-danger > th,
14943 .table-danger > td {
14944 background-color: #f0c5c1;
14946 .table-danger th,
14947 .table-danger td,
14948 .table-danger thead th,
14949 .table-danger tbody + tbody {
14950 border-color: #e3948b;
14953 .table-hover .table-danger:hover {
14954 background-color: #ebb2ac;
14956 .table-hover .table-danger:hover > td,
14957 .table-hover .table-danger:hover > th {
14958 background-color: #ebb2ac;
14961 .table-light,
14962 .table-light > th,
14963 .table-light > td {
14964 background-color: #fdfdfe;
14966 .table-light th,
14967 .table-light td,
14968 .table-light thead th,
14969 .table-light tbody + tbody {
14970 border-color: #fbfcfc;
14973 .table-hover .table-light:hover {
14974 background-color: #ececf6;
14976 .table-hover .table-light:hover > td,
14977 .table-hover .table-light:hover > th {
14978 background-color: #ececf6;
14981 .table-dark,
14982 .table-dark > th,
14983 .table-dark > td {
14984 background-color: #c6c8ca;
14986 .table-dark th,
14987 .table-dark td,
14988 .table-dark thead th,
14989 .table-dark tbody + tbody {
14990 border-color: #95999c;
14993 .table-hover .table-dark:hover {
14994 background-color: #b9bbbe;
14996 .table-hover .table-dark:hover > td,
14997 .table-hover .table-dark:hover > th {
14998 background-color: #b9bbbe;
15001 .table-active,
15002 .table-active > th,
15003 .table-active > td {
15004 background-color: rgba(0, 0, 0, 0.075);
15007 .table-hover .table-active:hover {
15008 background-color: rgba(0, 0, 0, 0.075);
15010 .table-hover .table-active:hover > td,
15011 .table-hover .table-active:hover > th {
15012 background-color: rgba(0, 0, 0, 0.075);
15015 .table .thead-dark th {
15016 color: #fff;
15017 background-color: #343a40;
15018 border-color: #454d55;
15020 .table .thead-light th {
15021 color: #495057;
15022 background-color: #e9ecef;
15023 border-color: #dee2e6;
15026 .table-dark {
15027 color: #fff;
15028 background-color: #343a40;
15030 .table-dark th,
15031 .table-dark td,
15032 .table-dark thead th {
15033 border-color: #454d55;
15035 .table-dark.table-bordered {
15036 border: 0;
15038 .table-dark.table-striped tbody tr:nth-of-type(odd) {
15039 background-color: rgba(255, 255, 255, 0.05);
15041 .table-dark.table-hover tbody tr:hover {
15042 color: #fff;
15043 background-color: rgba(255, 255, 255, 0.075);
15046 @media (max-width: 575.98px) {
15047 .table-responsive-sm {
15048 display: block;
15049 width: 100%;
15050 overflow-x: auto;
15051 -webkit-overflow-scrolling: touch;
15053 .table-responsive-sm > .table-bordered {
15054 border: 0;
15057 @media (max-width: 767.98px) {
15058 .table-responsive-md {
15059 display: block;
15060 width: 100%;
15061 overflow-x: auto;
15062 -webkit-overflow-scrolling: touch;
15064 .table-responsive-md > .table-bordered {
15065 border: 0;
15068 @media (max-width: 991.98px) {
15069 .table-responsive-lg {
15070 display: block;
15071 width: 100%;
15072 overflow-x: auto;
15073 -webkit-overflow-scrolling: touch;
15075 .table-responsive-lg > .table-bordered {
15076 border: 0;
15079 @media (max-width: 1199.98px) {
15080 .table-responsive-xl {
15081 display: block;
15082 width: 100%;
15083 overflow-x: auto;
15084 -webkit-overflow-scrolling: touch;
15086 .table-responsive-xl > .table-bordered {
15087 border: 0;
15090 .table-responsive {
15091 display: block;
15092 width: 100%;
15093 overflow-x: auto;
15094 -webkit-overflow-scrolling: touch;
15096 .table-responsive > .table-bordered {
15097 border: 0;
15100 .form-control {
15101 display: block;
15102 width: 100%;
15103 height: calc(1.5em + 0.75rem + 2px);
15104 padding: 0.375rem 0.75rem;
15105 font-size: 0.9375rem;
15106 font-weight: 400;
15107 line-height: 1.5;
15108 color: #495057;
15109 background-color: #fff;
15110 background-clip: padding-box;
15111 border: 1px solid #8f959e;
15112 border-radius: 0.25rem;
15113 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15115 @media (max-width: 1200px) {
15116 .form-control {
15117 font-size: calc(0.90375rem + 0.045vw);
15120 @media (prefers-reduced-motion: reduce) {
15121 .form-control {
15122 transition: none;
15125 .form-control::-ms-expand {
15126 background-color: transparent;
15127 border: 0;
15129 .form-control:focus {
15130 color: #495057;
15131 background-color: #fff;
15132 border-color: #5babf2;
15133 outline: 0;
15134 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15136 .form-control::placeholder {
15137 color: #6a737b;
15138 opacity: 1;
15140 .form-control:disabled, .form-control[readonly] {
15141 background-color: #e9ecef;
15142 opacity: 1;
15145 input[type=date].form-control,
15146 input[type=time].form-control,
15147 input[type=datetime-local].form-control,
15148 input[type=month].form-control {
15149 appearance: none;
15152 select.form-control:-moz-focusring {
15153 color: transparent;
15154 text-shadow: 0 0 0 #495057;
15156 select.form-control:focus::-ms-value {
15157 color: #495057;
15158 background-color: #fff;
15161 .form-control-file,
15162 .form-control-range {
15163 display: block;
15164 width: 100%;
15167 .col-form-label {
15168 padding-top: calc(0.375rem + 1px);
15169 padding-bottom: calc(0.375rem + 1px);
15170 margin-bottom: 0;
15171 font-size: inherit;
15172 line-height: 1.5;
15175 .col-form-label-lg {
15176 padding-top: calc(0.5rem + 1px);
15177 padding-bottom: calc(0.5rem + 1px);
15178 font-size: 1.171875rem;
15179 line-height: 1.5;
15181 @media (max-width: 1200px) {
15182 .col-form-label-lg {
15183 font-size: calc(0.9271875rem + 0.32625vw);
15187 .col-form-label-sm {
15188 padding-top: calc(0.25rem + 1px);
15189 padding-bottom: calc(0.25rem + 1px);
15190 font-size: 0.8203125rem;
15191 line-height: 1.5;
15194 .form-control-plaintext {
15195 display: block;
15196 width: 100%;
15197 padding: 0.375rem 0;
15198 margin-bottom: 0;
15199 font-size: 0.9375rem;
15200 line-height: 1.5;
15201 color: #1d2125;
15202 background-color: transparent;
15203 border: solid transparent;
15204 border-width: 1px 0;
15206 @media (max-width: 1200px) {
15207 .form-control-plaintext {
15208 font-size: calc(0.90375rem + 0.045vw);
15211 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
15212 padding-right: 0;
15213 padding-left: 0;
15216 .form-control-sm {
15217 height: calc(1.5em + 0.5rem + 2px);
15218 padding: 0.25rem 0.5rem;
15219 font-size: 0.8203125rem;
15220 line-height: 1.5;
15221 border-radius: 0.2rem;
15224 .form-control-lg {
15225 height: calc(1.5em + 1rem + 2px);
15226 padding: 0.5rem 1rem;
15227 font-size: 1.171875rem;
15228 line-height: 1.5;
15229 border-radius: 0.3rem;
15231 @media (max-width: 1200px) {
15232 .form-control-lg {
15233 font-size: calc(0.9271875rem + 0.32625vw);
15237 select.form-control[size], select.form-control[multiple] {
15238 height: auto;
15241 textarea.form-control {
15242 height: auto;
15245 .form-group {
15246 margin-bottom: 1rem;
15249 .form-text {
15250 display: block;
15251 margin-top: 0.25rem;
15254 .form-row {
15255 display: flex;
15256 flex-wrap: wrap;
15257 margin-right: -5px;
15258 margin-left: -5px;
15260 .form-row > .col,
15261 .form-row > [class*=col-] {
15262 padding-right: 5px;
15263 padding-left: 5px;
15266 .form-check {
15267 position: relative;
15268 display: block;
15269 padding-left: 1.25rem;
15272 .form-check-input {
15273 position: absolute;
15274 margin-top: 0.3rem;
15275 margin-left: -1.25rem;
15277 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
15278 color: #6a737b;
15281 .form-check-label {
15282 margin-bottom: 0;
15285 .form-check-inline {
15286 display: inline-flex;
15287 align-items: center;
15288 padding-left: 0;
15289 margin-right: 0.75rem;
15291 .form-check-inline .form-check-input {
15292 position: static;
15293 margin-top: 0;
15294 margin-right: 0.3125rem;
15295 margin-left: 0;
15298 .valid-feedback {
15299 display: none;
15300 width: 100%;
15301 margin-top: 0.25rem;
15302 font-size: 0.875em;
15303 color: #357a32;
15306 .valid-tooltip {
15307 position: absolute;
15308 top: 100%;
15309 left: 0;
15310 z-index: 5;
15311 display: none;
15312 max-width: 100%;
15313 padding: 0.25rem 0.5rem;
15314 margin-top: 0.1rem;
15315 font-size: 0.8203125rem;
15316 line-height: 1.5;
15317 color: #fff;
15318 background-color: rgba(53, 122, 50, 0.9);
15319 border-radius: 0.25rem;
15321 .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
15322 left: 5px;
15325 .was-validated :valid ~ .valid-feedback,
15326 .was-validated :valid ~ .valid-tooltip,
15327 .is-valid ~ .valid-feedback,
15328 .is-valid ~ .valid-tooltip {
15329 display: block;
15332 .was-validated .form-control:valid, .form-control.is-valid {
15333 border-color: #357a32;
15334 padding-right: calc(1.5em + 0.75rem) !important;
15335 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
15336 background-repeat: no-repeat;
15337 background-position: right calc(0.375em + 0.1875rem) center;
15338 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15340 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
15341 border-color: #357a32;
15342 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15345 .was-validated select.form-control:valid, select.form-control.is-valid {
15346 padding-right: 3rem !important;
15347 background-position: right 1.5rem center;
15350 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
15351 padding-right: calc(1.5em + 0.75rem);
15352 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15355 .was-validated .custom-select:valid, .custom-select.is-valid {
15356 border-color: #357a32;
15357 padding-right: calc(0.75em + 2.3125rem) !important;
15358 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
15360 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
15361 border-color: #357a32;
15362 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15365 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
15366 color: #357a32;
15368 .was-validated .form-check-input:valid ~ .valid-feedback,
15369 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
15370 .form-check-input.is-valid ~ .valid-tooltip {
15371 display: block;
15374 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
15375 color: #357a32;
15377 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
15378 border-color: #357a32;
15380 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
15381 border-color: #459e41;
15382 background-color: #459e41;
15384 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
15385 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15387 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
15388 border-color: #357a32;
15391 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
15392 border-color: #357a32;
15394 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
15395 border-color: #357a32;
15396 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15399 .invalid-feedback {
15400 display: none;
15401 width: 100%;
15402 margin-top: 0.25rem;
15403 font-size: 0.875em;
15404 color: #ca3120;
15407 .invalid-tooltip {
15408 position: absolute;
15409 top: 100%;
15410 left: 0;
15411 z-index: 5;
15412 display: none;
15413 max-width: 100%;
15414 padding: 0.25rem 0.5rem;
15415 margin-top: 0.1rem;
15416 font-size: 0.8203125rem;
15417 line-height: 1.5;
15418 color: #fff;
15419 background-color: rgba(202, 49, 32, 0.9);
15420 border-radius: 0.25rem;
15422 .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
15423 left: 5px;
15426 .was-validated :invalid ~ .invalid-feedback,
15427 .was-validated :invalid ~ .invalid-tooltip,
15428 .is-invalid ~ .invalid-feedback,
15429 .is-invalid ~ .invalid-tooltip {
15430 display: block;
15433 .was-validated .form-control:invalid, .form-control.is-invalid {
15434 border-color: #ca3120;
15435 padding-right: calc(1.5em + 0.75rem) !important;
15436 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
15437 background-repeat: no-repeat;
15438 background-position: right calc(0.375em + 0.1875rem) center;
15439 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15441 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
15442 border-color: #ca3120;
15443 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15446 .was-validated select.form-control:invalid, select.form-control.is-invalid {
15447 padding-right: 3rem !important;
15448 background-position: right 1.5rem center;
15451 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
15452 padding-right: calc(1.5em + 0.75rem);
15453 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15456 .was-validated .custom-select:invalid, .custom-select.is-invalid {
15457 border-color: #ca3120;
15458 padding-right: calc(0.75em + 2.3125rem) !important;
15459 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
15461 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
15462 border-color: #ca3120;
15463 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15466 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
15467 color: #ca3120;
15469 .was-validated .form-check-input:invalid ~ .invalid-feedback,
15470 .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
15471 .form-check-input.is-invalid ~ .invalid-tooltip {
15472 display: block;
15475 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
15476 color: #ca3120;
15478 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
15479 border-color: #ca3120;
15481 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
15482 border-color: #e04d3d;
15483 background-color: #e04d3d;
15485 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
15486 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15488 .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
15489 border-color: #ca3120;
15492 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
15493 border-color: #ca3120;
15495 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
15496 border-color: #ca3120;
15497 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15500 .form-inline {
15501 display: flex;
15502 flex-flow: row wrap;
15503 align-items: center;
15505 .form-inline .form-check {
15506 width: 100%;
15508 @media (min-width: 576px) {
15509 .form-inline label {
15510 display: flex;
15511 align-items: center;
15512 justify-content: center;
15513 margin-bottom: 0;
15515 .form-inline .form-group {
15516 display: flex;
15517 flex: 0 0 auto;
15518 flex-flow: row wrap;
15519 align-items: center;
15520 margin-bottom: 0;
15522 .form-inline .form-control {
15523 display: inline-block;
15524 width: auto;
15525 vertical-align: middle;
15527 .form-inline .form-control-plaintext {
15528 display: inline-block;
15530 .form-inline .input-group,
15531 .form-inline .custom-select {
15532 width: auto;
15534 .form-inline .form-check {
15535 display: flex;
15536 align-items: center;
15537 justify-content: center;
15538 width: auto;
15539 padding-left: 0;
15541 .form-inline .form-check-input {
15542 position: relative;
15543 flex-shrink: 0;
15544 margin-top: 0;
15545 margin-right: 0.25rem;
15546 margin-left: 0;
15548 .form-inline .custom-control {
15549 align-items: center;
15550 justify-content: center;
15552 .form-inline .custom-control-label {
15553 margin-bottom: 0;
15557 .btn {
15558 display: inline-block;
15559 font-weight: 400;
15560 color: #1d2125;
15561 text-align: center;
15562 vertical-align: middle;
15563 user-select: none;
15564 background-color: transparent;
15565 border: 1px solid transparent;
15566 padding: 0.375rem 0.75rem;
15567 font-size: 0.9375rem;
15568 line-height: 1.5;
15569 border-radius: 0.25rem;
15570 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15572 @media (max-width: 1200px) {
15573 .btn {
15574 font-size: calc(0.90375rem + 0.045vw);
15577 @media (prefers-reduced-motion: reduce) {
15578 .btn {
15579 transition: none;
15582 .btn:hover {
15583 color: #1d2125;
15584 text-decoration: none;
15586 .btn:focus, .btn.focus {
15587 outline: 0;
15588 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15590 .btn.disabled, .btn:disabled {
15591 opacity: 0.65;
15593 .btn:not(:disabled):not(.disabled) {
15594 cursor: pointer;
15596 a.btn.disabled,
15597 fieldset:disabled a.btn {
15598 pointer-events: none;
15601 .btn-primary {
15602 color: #fff;
15603 background-color: #0f6cbf;
15604 border-color: #0f6cbf;
15606 .btn-primary:hover {
15607 color: #fff;
15608 background-color: #0c589c;
15609 border-color: #0b5190;
15611 .btn-primary:focus, .btn-primary.focus {
15612 color: #fff;
15613 background-color: #0c589c;
15614 border-color: #0b5190;
15615 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15617 .btn-primary.disabled, .btn-primary:disabled {
15618 color: #fff;
15619 background-color: #0f6cbf;
15620 border-color: #0f6cbf;
15622 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
15623 color: #fff;
15624 background-color: #0b5190;
15625 border-color: #0a4b84;
15627 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
15628 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15631 .btn-secondary {
15632 color: #1d2125;
15633 background-color: #ced4da;
15634 border-color: #ced4da;
15636 .btn-secondary:hover {
15637 color: #1d2125;
15638 background-color: #b8c1ca;
15639 border-color: #b1bbc4;
15641 .btn-secondary:focus, .btn-secondary.focus {
15642 color: #1d2125;
15643 background-color: #b8c1ca;
15644 border-color: #b1bbc4;
15645 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15647 .btn-secondary.disabled, .btn-secondary:disabled {
15648 color: #1d2125;
15649 background-color: #ced4da;
15650 border-color: #ced4da;
15652 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
15653 color: #1d2125;
15654 background-color: #b1bbc4;
15655 border-color: #aab4bf;
15657 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
15658 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15661 .btn-success {
15662 color: #fff;
15663 background-color: #357a32;
15664 border-color: #357a32;
15666 .btn-success:hover {
15667 color: #fff;
15668 background-color: #295f27;
15669 border-color: #255623;
15671 .btn-success:focus, .btn-success.focus {
15672 color: #fff;
15673 background-color: #295f27;
15674 border-color: #255623;
15675 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15677 .btn-success.disabled, .btn-success:disabled {
15678 color: #fff;
15679 background-color: #357a32;
15680 border-color: #357a32;
15682 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
15683 color: #fff;
15684 background-color: #255623;
15685 border-color: #214d1f;
15687 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
15688 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15691 .btn-info {
15692 color: #fff;
15693 background-color: #008196;
15694 border-color: #008196;
15696 .btn-info:hover {
15697 color: #fff;
15698 background-color: #006070;
15699 border-color: #005563;
15701 .btn-info:focus, .btn-info.focus {
15702 color: #fff;
15703 background-color: #006070;
15704 border-color: #005563;
15705 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15707 .btn-info.disabled, .btn-info:disabled {
15708 color: #fff;
15709 background-color: #008196;
15710 border-color: #008196;
15712 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
15713 color: #fff;
15714 background-color: #005563;
15715 border-color: #004a56;
15717 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
15718 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15721 .btn-warning {
15722 color: #1d2125;
15723 background-color: #f0ad4e;
15724 border-color: #f0ad4e;
15726 .btn-warning:hover {
15727 color: #1d2125;
15728 background-color: #ed9d2b;
15729 border-color: #ec971f;
15731 .btn-warning:focus, .btn-warning.focus {
15732 color: #1d2125;
15733 background-color: #ed9d2b;
15734 border-color: #ec971f;
15735 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15737 .btn-warning.disabled, .btn-warning:disabled {
15738 color: #1d2125;
15739 background-color: #f0ad4e;
15740 border-color: #f0ad4e;
15742 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
15743 color: #1d2125;
15744 background-color: #ec971f;
15745 border-color: #ea9214;
15747 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
15748 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15751 .btn-danger {
15752 color: #fff;
15753 background-color: #ca3120;
15754 border-color: #ca3120;
15756 .btn-danger:hover {
15757 color: #fff;
15758 background-color: #a9291b;
15759 border-color: #9e2619;
15761 .btn-danger:focus, .btn-danger.focus {
15762 color: #fff;
15763 background-color: #a9291b;
15764 border-color: #9e2619;
15765 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15767 .btn-danger.disabled, .btn-danger:disabled {
15768 color: #fff;
15769 background-color: #ca3120;
15770 border-color: #ca3120;
15772 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
15773 color: #fff;
15774 background-color: #9e2619;
15775 border-color: #932417;
15777 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
15778 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15781 .btn-light {
15782 color: #1d2125;
15783 background-color: #f8f9fa;
15784 border-color: #f8f9fa;
15786 .btn-light:hover {
15787 color: #1d2125;
15788 background-color: #e2e6ea;
15789 border-color: #dae0e5;
15791 .btn-light:focus, .btn-light.focus {
15792 color: #1d2125;
15793 background-color: #e2e6ea;
15794 border-color: #dae0e5;
15795 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15797 .btn-light.disabled, .btn-light:disabled {
15798 color: #1d2125;
15799 background-color: #f8f9fa;
15800 border-color: #f8f9fa;
15802 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
15803 color: #1d2125;
15804 background-color: #dae0e5;
15805 border-color: #d3d9df;
15807 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
15808 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15811 .btn-dark {
15812 color: #fff;
15813 background-color: #343a40;
15814 border-color: #343a40;
15816 .btn-dark:hover {
15817 color: #fff;
15818 background-color: #23272b;
15819 border-color: #1d2124;
15821 .btn-dark:focus, .btn-dark.focus {
15822 color: #fff;
15823 background-color: #23272b;
15824 border-color: #1d2124;
15825 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15827 .btn-dark.disabled, .btn-dark:disabled {
15828 color: #fff;
15829 background-color: #343a40;
15830 border-color: #343a40;
15832 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
15833 color: #fff;
15834 background-color: #1d2124;
15835 border-color: #171a1d;
15837 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
15838 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15841 .btn-outline-primary {
15842 color: #0f6cbf;
15843 border-color: #0f6cbf;
15845 .btn-outline-primary:hover {
15846 color: #fff;
15847 background-color: #0f6cbf;
15848 border-color: #0f6cbf;
15850 .btn-outline-primary:focus, .btn-outline-primary.focus {
15851 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15853 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
15854 color: #0f6cbf;
15855 background-color: transparent;
15857 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
15858 color: #fff;
15859 background-color: #0f6cbf;
15860 border-color: #0f6cbf;
15862 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
15863 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15866 .btn-outline-secondary {
15867 color: #ced4da;
15868 border-color: #ced4da;
15870 .btn-outline-secondary:hover {
15871 color: #1d2125;
15872 background-color: #ced4da;
15873 border-color: #ced4da;
15875 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
15876 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15878 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
15879 color: #ced4da;
15880 background-color: transparent;
15882 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
15883 color: #1d2125;
15884 background-color: #ced4da;
15885 border-color: #ced4da;
15887 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
15888 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15891 .btn-outline-success {
15892 color: #357a32;
15893 border-color: #357a32;
15895 .btn-outline-success:hover {
15896 color: #fff;
15897 background-color: #357a32;
15898 border-color: #357a32;
15900 .btn-outline-success:focus, .btn-outline-success.focus {
15901 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15903 .btn-outline-success.disabled, .btn-outline-success:disabled {
15904 color: #357a32;
15905 background-color: transparent;
15907 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
15908 color: #fff;
15909 background-color: #357a32;
15910 border-color: #357a32;
15912 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
15913 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15916 .btn-outline-info {
15917 color: #008196;
15918 border-color: #008196;
15920 .btn-outline-info:hover {
15921 color: #fff;
15922 background-color: #008196;
15923 border-color: #008196;
15925 .btn-outline-info:focus, .btn-outline-info.focus {
15926 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15928 .btn-outline-info.disabled, .btn-outline-info:disabled {
15929 color: #008196;
15930 background-color: transparent;
15932 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
15933 color: #fff;
15934 background-color: #008196;
15935 border-color: #008196;
15937 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
15938 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15941 .btn-outline-warning {
15942 color: #f0ad4e;
15943 border-color: #f0ad4e;
15945 .btn-outline-warning:hover {
15946 color: #1d2125;
15947 background-color: #f0ad4e;
15948 border-color: #f0ad4e;
15950 .btn-outline-warning:focus, .btn-outline-warning.focus {
15951 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15953 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
15954 color: #f0ad4e;
15955 background-color: transparent;
15957 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
15958 color: #1d2125;
15959 background-color: #f0ad4e;
15960 border-color: #f0ad4e;
15962 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
15963 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15966 .btn-outline-danger {
15967 color: #ca3120;
15968 border-color: #ca3120;
15970 .btn-outline-danger:hover {
15971 color: #fff;
15972 background-color: #ca3120;
15973 border-color: #ca3120;
15975 .btn-outline-danger:focus, .btn-outline-danger.focus {
15976 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15978 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
15979 color: #ca3120;
15980 background-color: transparent;
15982 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
15983 color: #fff;
15984 background-color: #ca3120;
15985 border-color: #ca3120;
15987 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
15988 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15991 .btn-outline-light {
15992 color: #f8f9fa;
15993 border-color: #f8f9fa;
15995 .btn-outline-light:hover {
15996 color: #1d2125;
15997 background-color: #f8f9fa;
15998 border-color: #f8f9fa;
16000 .btn-outline-light:focus, .btn-outline-light.focus {
16001 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
16003 .btn-outline-light.disabled, .btn-outline-light:disabled {
16004 color: #f8f9fa;
16005 background-color: transparent;
16007 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
16008 color: #1d2125;
16009 background-color: #f8f9fa;
16010 border-color: #f8f9fa;
16012 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
16013 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
16016 .btn-outline-dark {
16017 color: #343a40;
16018 border-color: #343a40;
16020 .btn-outline-dark:hover {
16021 color: #fff;
16022 background-color: #343a40;
16023 border-color: #343a40;
16025 .btn-outline-dark:focus, .btn-outline-dark.focus {
16026 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
16028 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
16029 color: #343a40;
16030 background-color: transparent;
16032 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
16033 color: #fff;
16034 background-color: #343a40;
16035 border-color: #343a40;
16037 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
16038 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
16041 .btn-link {
16042 font-weight: 400;
16043 color: #0f6cbf;
16044 text-decoration: none;
16046 .btn-link:hover {
16047 color: #094478;
16048 text-decoration: underline;
16050 .btn-link:focus, .btn-link.focus {
16051 text-decoration: underline;
16053 .btn-link:disabled, .btn-link.disabled {
16054 color: #6a737b;
16055 pointer-events: none;
16058 .btn-lg, .btn-group-lg > .btn {
16059 padding: 0.5rem 1rem;
16060 font-size: 1.171875rem;
16061 line-height: 1.5;
16062 border-radius: 0.3rem;
16064 @media (max-width: 1200px) {
16065 .btn-lg, .btn-group-lg > .btn {
16066 font-size: calc(0.9271875rem + 0.32625vw);
16070 .btn-sm, .btn-group-sm > .btn {
16071 padding: 0.25rem 0.5rem;
16072 font-size: 0.8203125rem;
16073 line-height: 1.5;
16074 border-radius: 0.2rem;
16077 .btn-block {
16078 display: block;
16079 width: 100%;
16081 .btn-block + .btn-block {
16082 margin-top: 0.5rem;
16085 input[type=submit].btn-block,
16086 input[type=reset].btn-block,
16087 input[type=button].btn-block {
16088 width: 100%;
16091 .fade {
16092 transition: opacity 0.15s linear;
16094 @media (prefers-reduced-motion: reduce) {
16095 .fade {
16096 transition: none;
16099 .fade:not(.show) {
16100 opacity: 0;
16103 .collapse:not(.show) {
16104 display: none;
16107 .collapsing {
16108 position: relative;
16109 height: 0;
16110 overflow: hidden;
16111 transition: height 0.35s ease;
16113 @media (prefers-reduced-motion: reduce) {
16114 .collapsing {
16115 transition: none;
16118 .collapsing.width {
16119 width: 0;
16120 height: auto;
16121 transition: width 0.35s ease;
16123 @media (prefers-reduced-motion: reduce) {
16124 .collapsing.width {
16125 transition: none;
16129 .dropup,
16130 .dropright,
16131 .dropdown,
16132 .dropleft {
16133 position: relative;
16136 .dropdown-toggle {
16137 white-space: nowrap;
16139 .dropdown-toggle::after {
16140 display: inline-block;
16141 margin-left: 0.255em;
16142 vertical-align: 0.255em;
16143 content: "";
16144 border-top: 0.3em solid;
16145 border-right: 0.3em solid transparent;
16146 border-bottom: 0;
16147 border-left: 0.3em solid transparent;
16149 .dropdown-toggle:empty::after {
16150 margin-left: 0;
16153 .dropdown-menu {
16154 position: absolute;
16155 top: 100%;
16156 left: 0;
16157 z-index: 1000;
16158 display: none;
16159 float: left;
16160 min-width: 10rem;
16161 padding: 0.5rem 0;
16162 margin: 0.125rem 0 0;
16163 font-size: 0.9375rem;
16164 color: #1d2125;
16165 text-align: left;
16166 list-style: none;
16167 background-color: #fff;
16168 background-clip: padding-box;
16169 border: 1px solid rgba(0, 0, 0, 0.15);
16170 border-radius: 0.25rem;
16172 @media (max-width: 1200px) {
16173 .dropdown-menu {
16174 font-size: calc(0.90375rem + 0.045vw);
16178 .dropdown-menu-left {
16179 right: auto;
16180 left: 0;
16183 .dropdown-menu-right {
16184 right: 0;
16185 left: auto;
16188 @media (min-width: 576px) {
16189 .dropdown-menu-sm-left {
16190 right: auto;
16191 left: 0;
16193 .dropdown-menu-sm-right {
16194 right: 0;
16195 left: auto;
16198 @media (min-width: 768px) {
16199 .dropdown-menu-md-left {
16200 right: auto;
16201 left: 0;
16203 .dropdown-menu-md-right {
16204 right: 0;
16205 left: auto;
16208 @media (min-width: 992px) {
16209 .dropdown-menu-lg-left {
16210 right: auto;
16211 left: 0;
16213 .dropdown-menu-lg-right {
16214 right: 0;
16215 left: auto;
16218 @media (min-width: 1200px) {
16219 .dropdown-menu-xl-left {
16220 right: auto;
16221 left: 0;
16223 .dropdown-menu-xl-right {
16224 right: 0;
16225 left: auto;
16228 .dropup .dropdown-menu {
16229 top: auto;
16230 bottom: 100%;
16231 margin-top: 0;
16232 margin-bottom: 0.125rem;
16234 .dropup .dropdown-toggle::after {
16235 display: inline-block;
16236 margin-left: 0.255em;
16237 vertical-align: 0.255em;
16238 content: "";
16239 border-top: 0;
16240 border-right: 0.3em solid transparent;
16241 border-bottom: 0.3em solid;
16242 border-left: 0.3em solid transparent;
16244 .dropup .dropdown-toggle:empty::after {
16245 margin-left: 0;
16248 .dropright .dropdown-menu {
16249 top: 0;
16250 right: auto;
16251 left: 100%;
16252 margin-top: 0;
16253 margin-left: 0.125rem;
16255 .dropright .dropdown-toggle::after {
16256 display: inline-block;
16257 margin-left: 0.255em;
16258 vertical-align: 0.255em;
16259 content: "";
16260 border-top: 0.3em solid transparent;
16261 border-right: 0;
16262 border-bottom: 0.3em solid transparent;
16263 border-left: 0.3em solid;
16265 .dropright .dropdown-toggle:empty::after {
16266 margin-left: 0;
16268 .dropright .dropdown-toggle::after {
16269 vertical-align: 0;
16272 .dropleft .dropdown-menu {
16273 top: 0;
16274 right: 100%;
16275 left: auto;
16276 margin-top: 0;
16277 margin-right: 0.125rem;
16279 .dropleft .dropdown-toggle::after {
16280 display: inline-block;
16281 margin-left: 0.255em;
16282 vertical-align: 0.255em;
16283 content: "";
16285 .dropleft .dropdown-toggle::after {
16286 display: none;
16288 .dropleft .dropdown-toggle::before {
16289 display: inline-block;
16290 margin-right: 0.255em;
16291 vertical-align: 0.255em;
16292 content: "";
16293 border-top: 0.3em solid transparent;
16294 border-right: 0.3em solid;
16295 border-bottom: 0.3em solid transparent;
16297 .dropleft .dropdown-toggle:empty::after {
16298 margin-left: 0;
16300 .dropleft .dropdown-toggle::before {
16301 vertical-align: 0;
16304 .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
16305 right: auto;
16306 bottom: auto;
16309 .dropdown-divider {
16310 height: 0;
16311 margin: 0.5rem 0;
16312 overflow: hidden;
16313 border-top: 1px solid #e9ecef;
16316 .dropdown-item {
16317 display: block;
16318 width: 100%;
16319 padding: 0.25rem 1.5rem;
16320 clear: both;
16321 font-weight: 400;
16322 color: #1d2125;
16323 text-align: inherit;
16324 white-space: nowrap;
16325 background-color: transparent;
16326 border: 0;
16328 .dropdown-item:hover, .dropdown-item:focus {
16329 color: #fff;
16330 text-decoration: none;
16331 background-color: #0f6cbf;
16333 .dropdown-item.active, .dropdown-item:active {
16334 color: #fff;
16335 text-decoration: none;
16336 background-color: #0f6cbf;
16338 .dropdown-item.disabled, .dropdown-item:disabled {
16339 color: #8f959e;
16340 pointer-events: none;
16341 background-color: transparent;
16344 .dropdown-menu.show {
16345 display: block;
16348 .dropdown-header {
16349 display: block;
16350 padding: 0.5rem 1.5rem;
16351 margin-bottom: 0;
16352 font-size: 0.8203125rem;
16353 color: #6a737b;
16354 white-space: nowrap;
16357 .dropdown-item-text {
16358 display: block;
16359 padding: 0.25rem 1.5rem;
16360 color: #1d2125;
16363 .btn-group,
16364 .btn-group-vertical {
16365 position: relative;
16366 display: inline-flex;
16367 vertical-align: middle;
16369 .btn-group > .btn,
16370 .btn-group-vertical > .btn {
16371 position: relative;
16372 flex: 1 1 auto;
16374 .btn-group > .btn:hover,
16375 .btn-group-vertical > .btn:hover {
16376 z-index: 1;
16378 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
16379 .btn-group-vertical > .btn:focus,
16380 .btn-group-vertical > .btn:active,
16381 .btn-group-vertical > .btn.active {
16382 z-index: 1;
16385 .btn-toolbar {
16386 display: flex;
16387 flex-wrap: wrap;
16388 justify-content: flex-start;
16390 .btn-toolbar .input-group {
16391 width: auto;
16394 .btn-group > .btn:not(:first-child),
16395 .btn-group > .btn-group:not(:first-child) {
16396 margin-left: -1px;
16398 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
16399 .btn-group > .btn-group:not(:last-child) > .btn {
16400 border-top-right-radius: 0;
16401 border-bottom-right-radius: 0;
16403 .btn-group > .btn:not(:first-child),
16404 .btn-group > .btn-group:not(:first-child) > .btn {
16405 border-top-left-radius: 0;
16406 border-bottom-left-radius: 0;
16409 .dropdown-toggle-split {
16410 padding-right: 0.5625rem;
16411 padding-left: 0.5625rem;
16413 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
16414 margin-left: 0;
16416 .dropleft .dropdown-toggle-split::before {
16417 margin-right: 0;
16420 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
16421 padding-right: 0.375rem;
16422 padding-left: 0.375rem;
16425 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
16426 padding-right: 0.75rem;
16427 padding-left: 0.75rem;
16430 .btn-group-vertical {
16431 flex-direction: column;
16432 align-items: flex-start;
16433 justify-content: center;
16435 .btn-group-vertical > .btn,
16436 .btn-group-vertical > .btn-group {
16437 width: 100%;
16439 .btn-group-vertical > .btn:not(:first-child),
16440 .btn-group-vertical > .btn-group:not(:first-child) {
16441 margin-top: -1px;
16443 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
16444 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
16445 border-bottom-right-radius: 0;
16446 border-bottom-left-radius: 0;
16448 .btn-group-vertical > .btn:not(:first-child),
16449 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
16450 border-top-left-radius: 0;
16451 border-top-right-radius: 0;
16454 .btn-group-toggle > .btn,
16455 .btn-group-toggle > .btn-group > .btn {
16456 margin-bottom: 0;
16458 .btn-group-toggle > .btn input[type=radio],
16459 .btn-group-toggle > .btn input[type=checkbox],
16460 .btn-group-toggle > .btn-group > .btn input[type=radio],
16461 .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
16462 position: absolute;
16463 clip: rect(0, 0, 0, 0);
16464 pointer-events: none;
16467 .input-group {
16468 position: relative;
16469 display: flex;
16470 flex-wrap: wrap;
16471 align-items: stretch;
16472 width: 100%;
16474 .input-group > .form-control,
16475 .input-group > .form-control-plaintext,
16476 .input-group > .custom-select,
16477 .input-group > .custom-file {
16478 position: relative;
16479 flex: 1 1 auto;
16480 width: 1%;
16481 min-width: 0;
16482 margin-bottom: 0;
16484 .input-group > .form-control + .form-control,
16485 .input-group > .form-control + .custom-select,
16486 .input-group > .form-control + .custom-file,
16487 .input-group > .form-control-plaintext + .form-control,
16488 .input-group > .form-control-plaintext + .custom-select,
16489 .input-group > .form-control-plaintext + .custom-file,
16490 .input-group > .custom-select + .form-control,
16491 .input-group > .custom-select + .custom-select,
16492 .input-group > .custom-select + .custom-file,
16493 .input-group > .custom-file + .form-control,
16494 .input-group > .custom-file + .custom-select,
16495 .input-group > .custom-file + .custom-file {
16496 margin-left: -1px;
16498 .input-group > .form-control:focus,
16499 .input-group > .custom-select:focus,
16500 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
16501 z-index: 3;
16503 .input-group > .custom-file .custom-file-input:focus {
16504 z-index: 4;
16506 .input-group > .form-control:not(:first-child),
16507 .input-group > .custom-select:not(:first-child) {
16508 border-top-left-radius: 0;
16509 border-bottom-left-radius: 0;
16511 .input-group > .custom-file {
16512 display: flex;
16513 align-items: center;
16515 .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
16516 border-top-right-radius: 0;
16517 border-bottom-right-radius: 0;
16519 .input-group > .custom-file:not(:first-child) .custom-file-label {
16520 border-top-left-radius: 0;
16521 border-bottom-left-radius: 0;
16523 .input-group:not(.has-validation) > .form-control:not(:last-child),
16524 .input-group:not(.has-validation) > .custom-select:not(:last-child),
16525 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
16526 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
16527 border-top-right-radius: 0;
16528 border-bottom-right-radius: 0;
16530 .input-group.has-validation > .form-control:nth-last-child(n+3),
16531 .input-group.has-validation > .custom-select:nth-last-child(n+3),
16532 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
16533 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
16534 border-top-right-radius: 0;
16535 border-bottom-right-radius: 0;
16538 .input-group-prepend,
16539 .input-group-append {
16540 display: flex;
16542 .input-group-prepend .btn,
16543 .input-group-append .btn {
16544 position: relative;
16545 z-index: 2;
16547 .input-group-prepend .btn:focus,
16548 .input-group-append .btn:focus {
16549 z-index: 3;
16551 .input-group-prepend .btn + .btn,
16552 .input-group-prepend .btn + .input-group-text,
16553 .input-group-prepend .input-group-text + .input-group-text,
16554 .input-group-prepend .input-group-text + .btn,
16555 .input-group-append .btn + .btn,
16556 .input-group-append .btn + .input-group-text,
16557 .input-group-append .input-group-text + .input-group-text,
16558 .input-group-append .input-group-text + .btn {
16559 margin-left: -1px;
16562 .input-group-prepend {
16563 margin-right: -1px;
16566 .input-group-append {
16567 margin-left: -1px;
16570 .input-group-text {
16571 display: flex;
16572 align-items: center;
16573 padding: 0.375rem 0.75rem;
16574 margin-bottom: 0;
16575 font-size: 0.9375rem;
16576 font-weight: 400;
16577 line-height: 1.5;
16578 color: #495057;
16579 text-align: center;
16580 white-space: nowrap;
16581 background-color: #e9ecef;
16582 border: 1px solid #8f959e;
16583 border-radius: 0.25rem;
16585 @media (max-width: 1200px) {
16586 .input-group-text {
16587 font-size: calc(0.90375rem + 0.045vw);
16590 .input-group-text input[type=radio],
16591 .input-group-text input[type=checkbox] {
16592 margin-top: 0;
16595 .input-group-lg > .form-control:not(textarea),
16596 .input-group-lg > .custom-select {
16597 height: calc(1.5em + 1rem + 2px);
16600 .input-group-lg > .form-control,
16601 .input-group-lg > .custom-select,
16602 .input-group-lg > .input-group-prepend > .input-group-text,
16603 .input-group-lg > .input-group-append > .input-group-text,
16604 .input-group-lg > .input-group-prepend > .btn,
16605 .input-group-lg > .input-group-append > .btn {
16606 padding: 0.5rem 1rem;
16607 font-size: 1.171875rem;
16608 line-height: 1.5;
16609 border-radius: 0.3rem;
16611 @media (max-width: 1200px) {
16612 .input-group-lg > .form-control,
16613 .input-group-lg > .custom-select,
16614 .input-group-lg > .input-group-prepend > .input-group-text,
16615 .input-group-lg > .input-group-append > .input-group-text,
16616 .input-group-lg > .input-group-prepend > .btn,
16617 .input-group-lg > .input-group-append > .btn {
16618 font-size: calc(0.9271875rem + 0.32625vw);
16622 .input-group-sm > .form-control:not(textarea),
16623 .input-group-sm > .custom-select {
16624 height: calc(1.5em + 0.5rem + 2px);
16627 .input-group-sm > .form-control,
16628 .input-group-sm > .custom-select,
16629 .input-group-sm > .input-group-prepend > .input-group-text,
16630 .input-group-sm > .input-group-append > .input-group-text,
16631 .input-group-sm > .input-group-prepend > .btn,
16632 .input-group-sm > .input-group-append > .btn {
16633 padding: 0.25rem 0.5rem;
16634 font-size: 0.8203125rem;
16635 line-height: 1.5;
16636 border-radius: 0.2rem;
16639 .input-group-lg > .custom-select,
16640 .input-group-sm > .custom-select {
16641 padding-right: 1.75rem;
16644 .input-group > .input-group-prepend > .btn,
16645 .input-group > .input-group-prepend > .input-group-text,
16646 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
16647 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
16648 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
16649 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
16650 .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
16651 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
16652 border-top-right-radius: 0;
16653 border-bottom-right-radius: 0;
16656 .input-group > .input-group-append > .btn,
16657 .input-group > .input-group-append > .input-group-text,
16658 .input-group > .input-group-prepend:not(:first-child) > .btn,
16659 .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
16660 .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
16661 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
16662 border-top-left-radius: 0;
16663 border-bottom-left-radius: 0;
16666 .custom-control {
16667 position: relative;
16668 z-index: 1;
16669 display: block;
16670 min-height: 1.40625rem;
16671 padding-left: 1.5rem;
16672 print-color-adjust: exact;
16675 .custom-control-inline {
16676 display: inline-flex;
16677 margin-right: 1rem;
16680 .custom-control-input {
16681 position: absolute;
16682 left: 0;
16683 z-index: -1;
16684 width: 1rem;
16685 height: 1.203125rem;
16686 opacity: 0;
16688 .custom-control-input:checked ~ .custom-control-label::before {
16689 color: #fff;
16690 border-color: #0f6cbf;
16691 background-color: #0f6cbf;
16693 .custom-control-input:focus ~ .custom-control-label::before {
16694 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16696 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
16697 border-color: #5babf2;
16699 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
16700 color: #fff;
16701 background-color: #8bc3f6;
16702 border-color: #8bc3f6;
16704 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
16705 color: #6a737b;
16707 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
16708 background-color: #e9ecef;
16711 .custom-control-label {
16712 position: relative;
16713 margin-bottom: 0;
16714 vertical-align: top;
16716 .custom-control-label::before {
16717 position: absolute;
16718 top: 0.203125rem;
16719 left: -1.5rem;
16720 display: block;
16721 width: 1rem;
16722 height: 1rem;
16723 pointer-events: none;
16724 content: "";
16725 background-color: #fff;
16726 border: 1px solid #8f959e;
16728 .custom-control-label::after {
16729 position: absolute;
16730 top: 0.203125rem;
16731 left: -1.5rem;
16732 display: block;
16733 width: 1rem;
16734 height: 1rem;
16735 content: "";
16736 background: 50%/50% 50% no-repeat;
16739 .custom-checkbox .custom-control-label::before {
16740 border-radius: 0.25rem;
16742 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
16743 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
16745 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
16746 border-color: #0f6cbf;
16747 background-color: #0f6cbf;
16749 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
16750 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
16752 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
16753 background-color: rgba(15, 108, 191, 0.5);
16755 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
16756 background-color: rgba(15, 108, 191, 0.5);
16759 .custom-radio .custom-control-label::before {
16760 border-radius: 50%;
16762 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
16763 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
16765 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
16766 background-color: rgba(15, 108, 191, 0.5);
16769 .custom-switch {
16770 padding-left: 2.25rem;
16772 .custom-switch .custom-control-label::before {
16773 left: -2.25rem;
16774 width: 1.75rem;
16775 pointer-events: all;
16776 border-radius: 0.5rem;
16778 .custom-switch .custom-control-label::after {
16779 top: calc(0.203125rem + 2px);
16780 left: calc(-2.25rem + 2px);
16781 width: calc(1rem - 4px);
16782 height: calc(1rem - 4px);
16783 background-color: #8f959e;
16784 border-radius: 0.5rem;
16785 transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16787 @media (prefers-reduced-motion: reduce) {
16788 .custom-switch .custom-control-label::after {
16789 transition: none;
16792 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
16793 background-color: #fff;
16794 transform: translateX(0.75rem);
16796 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
16797 background-color: rgba(15, 108, 191, 0.5);
16800 .custom-select {
16801 display: inline-block;
16802 width: 100%;
16803 height: calc(1.5em + 0.75rem + 2px);
16804 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
16805 font-size: 0.9375rem;
16806 font-weight: 400;
16807 line-height: 1.5;
16808 color: #495057;
16809 vertical-align: middle;
16810 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
16811 border: 1px solid #8f959e;
16812 border-radius: 0.25rem;
16813 appearance: none;
16815 @media (max-width: 1200px) {
16816 .custom-select {
16817 font-size: calc(0.90375rem + 0.045vw);
16820 .custom-select:focus {
16821 border-color: #5babf2;
16822 outline: 0;
16823 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16825 .custom-select:focus::-ms-value {
16826 color: #495057;
16827 background-color: #fff;
16829 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
16830 height: auto;
16831 padding-right: 0.75rem;
16832 background-image: none;
16834 .custom-select:disabled {
16835 color: #6a737b;
16836 background-color: #e9ecef;
16838 .custom-select::-ms-expand {
16839 display: none;
16841 .custom-select:-moz-focusring {
16842 color: transparent;
16843 text-shadow: 0 0 0 #495057;
16846 .custom-select-sm {
16847 height: calc(1.5em + 0.5rem + 2px);
16848 padding-top: 0.25rem;
16849 padding-bottom: 0.25rem;
16850 padding-left: 0.5rem;
16851 font-size: 0.8203125rem;
16854 .custom-select-lg {
16855 height: calc(1.5em + 1rem + 2px);
16856 padding-top: 0.5rem;
16857 padding-bottom: 0.5rem;
16858 padding-left: 1rem;
16859 font-size: 1.171875rem;
16861 @media (max-width: 1200px) {
16862 .custom-select-lg {
16863 font-size: calc(0.9271875rem + 0.32625vw);
16867 .custom-file {
16868 position: relative;
16869 display: inline-block;
16870 width: 100%;
16871 height: calc(1.5em + 0.75rem + 2px);
16872 margin-bottom: 0;
16875 .custom-file-input {
16876 position: relative;
16877 z-index: 2;
16878 width: 100%;
16879 height: calc(1.5em + 0.75rem + 2px);
16880 margin: 0;
16881 overflow: hidden;
16882 opacity: 0;
16884 .custom-file-input:focus ~ .custom-file-label {
16885 border-color: #5babf2;
16886 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16888 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
16889 background-color: #e9ecef;
16891 .custom-file-input:lang(en) ~ .custom-file-label::after {
16892 content: "Browse";
16894 .custom-file-input ~ .custom-file-label[data-browse]::after {
16895 content: attr(data-browse);
16898 .custom-file-label {
16899 position: absolute;
16900 top: 0;
16901 right: 0;
16902 left: 0;
16903 z-index: 1;
16904 height: calc(1.5em + 0.75rem + 2px);
16905 padding: 0.375rem 0.75rem;
16906 overflow: hidden;
16907 font-weight: 400;
16908 line-height: 1.5;
16909 color: #495057;
16910 background-color: #fff;
16911 border: 1px solid #8f959e;
16912 border-radius: 0.25rem;
16914 .custom-file-label::after {
16915 position: absolute;
16916 top: 0;
16917 right: 0;
16918 bottom: 0;
16919 z-index: 3;
16920 display: block;
16921 height: calc(1.5em + 0.75rem);
16922 padding: 0.375rem 0.75rem;
16923 line-height: 1.5;
16924 color: #495057;
16925 content: "Browse";
16926 background-color: #e9ecef;
16927 border-left: inherit;
16928 border-radius: 0 0.25rem 0.25rem 0;
16931 .custom-range {
16932 width: 100%;
16933 height: 1.4rem;
16934 padding: 0;
16935 background-color: transparent;
16936 appearance: none;
16938 .custom-range:focus {
16939 outline: 0;
16941 .custom-range:focus::-webkit-slider-thumb {
16942 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16944 .custom-range:focus::-moz-range-thumb {
16945 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16947 .custom-range:focus::-ms-thumb {
16948 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16950 .custom-range::-moz-focus-outer {
16951 border: 0;
16953 .custom-range::-webkit-slider-thumb {
16954 width: 1rem;
16955 height: 1rem;
16956 margin-top: -0.25rem;
16957 background-color: #0f6cbf;
16958 border: 0;
16959 border-radius: 1rem;
16960 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16961 appearance: none;
16963 @media (prefers-reduced-motion: reduce) {
16964 .custom-range::-webkit-slider-thumb {
16965 transition: none;
16968 .custom-range::-webkit-slider-thumb:active {
16969 background-color: #8bc3f6;
16971 .custom-range::-webkit-slider-runnable-track {
16972 width: 100%;
16973 height: 0.5rem;
16974 color: transparent;
16975 cursor: pointer;
16976 background-color: #dee2e6;
16977 border-color: transparent;
16978 border-radius: 1rem;
16980 .custom-range::-moz-range-thumb {
16981 width: 1rem;
16982 height: 1rem;
16983 background-color: #0f6cbf;
16984 border: 0;
16985 border-radius: 1rem;
16986 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16987 appearance: none;
16989 @media (prefers-reduced-motion: reduce) {
16990 .custom-range::-moz-range-thumb {
16991 transition: none;
16994 .custom-range::-moz-range-thumb:active {
16995 background-color: #8bc3f6;
16997 .custom-range::-moz-range-track {
16998 width: 100%;
16999 height: 0.5rem;
17000 color: transparent;
17001 cursor: pointer;
17002 background-color: #dee2e6;
17003 border-color: transparent;
17004 border-radius: 1rem;
17006 .custom-range::-ms-thumb {
17007 width: 1rem;
17008 height: 1rem;
17009 margin-top: 0;
17010 margin-right: 0.2rem;
17011 margin-left: 0.2rem;
17012 background-color: #0f6cbf;
17013 border: 0;
17014 border-radius: 1rem;
17015 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17016 appearance: none;
17018 @media (prefers-reduced-motion: reduce) {
17019 .custom-range::-ms-thumb {
17020 transition: none;
17023 .custom-range::-ms-thumb:active {
17024 background-color: #8bc3f6;
17026 .custom-range::-ms-track {
17027 width: 100%;
17028 height: 0.5rem;
17029 color: transparent;
17030 cursor: pointer;
17031 background-color: transparent;
17032 border-color: transparent;
17033 border-width: 0.5rem;
17035 .custom-range::-ms-fill-lower {
17036 background-color: #dee2e6;
17037 border-radius: 1rem;
17039 .custom-range::-ms-fill-upper {
17040 margin-right: 15px;
17041 background-color: #dee2e6;
17042 border-radius: 1rem;
17044 .custom-range:disabled::-webkit-slider-thumb {
17045 background-color: #8f959e;
17047 .custom-range:disabled::-webkit-slider-runnable-track {
17048 cursor: default;
17050 .custom-range:disabled::-moz-range-thumb {
17051 background-color: #8f959e;
17053 .custom-range:disabled::-moz-range-track {
17054 cursor: default;
17056 .custom-range:disabled::-ms-thumb {
17057 background-color: #8f959e;
17060 .custom-control-label::before,
17061 .custom-file-label,
17062 .custom-select {
17063 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17065 @media (prefers-reduced-motion: reduce) {
17066 .custom-control-label::before,
17067 .custom-file-label,
17068 .custom-select {
17069 transition: none;
17073 .nav {
17074 display: flex;
17075 flex-wrap: wrap;
17076 padding-left: 0;
17077 margin-bottom: 0;
17078 list-style: none;
17081 .nav-link {
17082 display: block;
17083 padding: 0.5rem 1rem;
17085 .nav-link:hover, .nav-link:focus {
17086 text-decoration: none;
17088 .nav-link.disabled {
17089 color: #6a737b;
17090 pointer-events: none;
17091 cursor: default;
17094 .nav-tabs {
17095 border-bottom: 1px solid #dee2e6;
17097 .nav-tabs .nav-link {
17098 margin-bottom: -1px;
17099 background-color: transparent;
17100 border: 1px solid transparent;
17101 border-top-left-radius: 0.25rem;
17102 border-top-right-radius: 0.25rem;
17104 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
17105 isolation: isolate;
17106 border-color: #e9ecef #e9ecef #dee2e6;
17108 .nav-tabs .nav-link.disabled {
17109 color: #6a737b;
17110 background-color: transparent;
17111 border-color: transparent;
17113 .nav-tabs .nav-link.active,
17114 .nav-tabs .nav-item.show .nav-link {
17115 color: #495057;
17116 background-color: #fff;
17117 border-color: #dee2e6 #dee2e6 #fff;
17119 .nav-tabs .dropdown-menu {
17120 margin-top: -1px;
17121 border-top-left-radius: 0;
17122 border-top-right-radius: 0;
17125 .nav-pills .nav-link {
17126 background: none;
17127 border: 0;
17128 border-radius: 0.25rem;
17130 .nav-pills .nav-link.active,
17131 .nav-pills .show > .nav-link {
17132 color: #fff;
17133 background-color: #0f6cbf;
17136 .nav-fill > .nav-link,
17137 .nav-fill .nav-item {
17138 flex: 1 1 auto;
17139 text-align: center;
17142 .nav-justified > .nav-link,
17143 .nav-justified .nav-item {
17144 flex-basis: 0;
17145 flex-grow: 1;
17146 text-align: center;
17149 .tab-content > .tab-pane {
17150 display: none;
17152 .tab-content > .active {
17153 display: block;
17156 .navbar {
17157 position: relative;
17158 display: flex;
17159 flex-wrap: wrap;
17160 align-items: center;
17161 justify-content: space-between;
17162 padding: 0.5rem 1rem;
17164 .navbar .container,
17165 .navbar .container-fluid,
17166 .navbar .container-sm,
17167 .navbar .container-md,
17168 .navbar .container-lg,
17169 .navbar .container-xl {
17170 display: flex;
17171 flex-wrap: wrap;
17172 align-items: center;
17173 justify-content: space-between;
17175 .navbar-brand {
17176 display: inline-block;
17177 padding-top: 0.32421875rem;
17178 padding-bottom: 0.32421875rem;
17179 margin-right: 1rem;
17180 font-size: 1.171875rem;
17181 line-height: inherit;
17182 white-space: nowrap;
17184 @media (max-width: 1200px) {
17185 .navbar-brand {
17186 font-size: calc(0.9271875rem + 0.32625vw);
17189 .navbar-brand:hover, .navbar-brand:focus {
17190 text-decoration: none;
17193 .navbar-nav {
17194 display: flex;
17195 flex-direction: column;
17196 padding-left: 0;
17197 margin-bottom: 0;
17198 list-style: none;
17200 .navbar-nav .nav-link {
17201 padding-right: 0;
17202 padding-left: 0;
17204 .navbar-nav .dropdown-menu {
17205 position: static;
17206 float: none;
17209 .navbar-text {
17210 display: inline-block;
17211 padding-top: 0.5rem;
17212 padding-bottom: 0.5rem;
17215 .navbar-collapse {
17216 flex-basis: 100%;
17217 flex-grow: 1;
17218 align-items: center;
17221 .navbar-toggler {
17222 padding: 0.25rem 0.75rem;
17223 font-size: 1.171875rem;
17224 line-height: 1;
17225 background-color: transparent;
17226 border: 1px solid transparent;
17227 border-radius: 0.25rem;
17229 @media (max-width: 1200px) {
17230 .navbar-toggler {
17231 font-size: calc(0.9271875rem + 0.32625vw);
17234 .navbar-toggler:hover, .navbar-toggler:focus {
17235 text-decoration: none;
17238 .navbar-toggler-icon {
17239 display: inline-block;
17240 width: 1.5em;
17241 height: 1.5em;
17242 vertical-align: middle;
17243 content: "";
17244 background: 50%/100% 100% no-repeat;
17247 .navbar-nav-scroll {
17248 max-height: 75vh;
17249 overflow-y: auto;
17252 @media (max-width: 575.98px) {
17253 .navbar-expand-sm > .container,
17254 .navbar-expand-sm > .container-fluid,
17255 .navbar-expand-sm > .container-sm,
17256 .navbar-expand-sm > .container-md,
17257 .navbar-expand-sm > .container-lg,
17258 .navbar-expand-sm > .container-xl {
17259 padding-right: 0;
17260 padding-left: 0;
17263 @media (min-width: 576px) {
17264 .navbar-expand-sm {
17265 flex-flow: row nowrap;
17266 justify-content: flex-start;
17268 .navbar-expand-sm .navbar-nav {
17269 flex-direction: row;
17271 .navbar-expand-sm .navbar-nav .dropdown-menu {
17272 position: absolute;
17274 .navbar-expand-sm .navbar-nav .nav-link {
17275 padding-right: 0.5rem;
17276 padding-left: 0.5rem;
17278 .navbar-expand-sm > .container,
17279 .navbar-expand-sm > .container-fluid,
17280 .navbar-expand-sm > .container-sm,
17281 .navbar-expand-sm > .container-md,
17282 .navbar-expand-sm > .container-lg,
17283 .navbar-expand-sm > .container-xl {
17284 flex-wrap: nowrap;
17286 .navbar-expand-sm .navbar-nav-scroll {
17287 overflow: visible;
17289 .navbar-expand-sm .navbar-collapse {
17290 display: flex !important;
17291 flex-basis: auto;
17293 .navbar-expand-sm .navbar-toggler {
17294 display: none;
17297 @media (max-width: 767.98px) {
17298 .navbar-expand-md > .container,
17299 .navbar-expand-md > .container-fluid,
17300 .navbar-expand-md > .container-sm,
17301 .navbar-expand-md > .container-md,
17302 .navbar-expand-md > .container-lg,
17303 .navbar-expand-md > .container-xl {
17304 padding-right: 0;
17305 padding-left: 0;
17308 @media (min-width: 768px) {
17309 .navbar-expand-md {
17310 flex-flow: row nowrap;
17311 justify-content: flex-start;
17313 .navbar-expand-md .navbar-nav {
17314 flex-direction: row;
17316 .navbar-expand-md .navbar-nav .dropdown-menu {
17317 position: absolute;
17319 .navbar-expand-md .navbar-nav .nav-link {
17320 padding-right: 0.5rem;
17321 padding-left: 0.5rem;
17323 .navbar-expand-md > .container,
17324 .navbar-expand-md > .container-fluid,
17325 .navbar-expand-md > .container-sm,
17326 .navbar-expand-md > .container-md,
17327 .navbar-expand-md > .container-lg,
17328 .navbar-expand-md > .container-xl {
17329 flex-wrap: nowrap;
17331 .navbar-expand-md .navbar-nav-scroll {
17332 overflow: visible;
17334 .navbar-expand-md .navbar-collapse {
17335 display: flex !important;
17336 flex-basis: auto;
17338 .navbar-expand-md .navbar-toggler {
17339 display: none;
17342 @media (max-width: 991.98px) {
17343 .navbar-expand-lg > .container,
17344 .navbar-expand-lg > .container-fluid,
17345 .navbar-expand-lg > .container-sm,
17346 .navbar-expand-lg > .container-md,
17347 .navbar-expand-lg > .container-lg,
17348 .navbar-expand-lg > .container-xl {
17349 padding-right: 0;
17350 padding-left: 0;
17353 @media (min-width: 992px) {
17354 .navbar-expand-lg {
17355 flex-flow: row nowrap;
17356 justify-content: flex-start;
17358 .navbar-expand-lg .navbar-nav {
17359 flex-direction: row;
17361 .navbar-expand-lg .navbar-nav .dropdown-menu {
17362 position: absolute;
17364 .navbar-expand-lg .navbar-nav .nav-link {
17365 padding-right: 0.5rem;
17366 padding-left: 0.5rem;
17368 .navbar-expand-lg > .container,
17369 .navbar-expand-lg > .container-fluid,
17370 .navbar-expand-lg > .container-sm,
17371 .navbar-expand-lg > .container-md,
17372 .navbar-expand-lg > .container-lg,
17373 .navbar-expand-lg > .container-xl {
17374 flex-wrap: nowrap;
17376 .navbar-expand-lg .navbar-nav-scroll {
17377 overflow: visible;
17379 .navbar-expand-lg .navbar-collapse {
17380 display: flex !important;
17381 flex-basis: auto;
17383 .navbar-expand-lg .navbar-toggler {
17384 display: none;
17387 @media (max-width: 1199.98px) {
17388 .navbar-expand-xl > .container,
17389 .navbar-expand-xl > .container-fluid,
17390 .navbar-expand-xl > .container-sm,
17391 .navbar-expand-xl > .container-md,
17392 .navbar-expand-xl > .container-lg,
17393 .navbar-expand-xl > .container-xl {
17394 padding-right: 0;
17395 padding-left: 0;
17398 @media (min-width: 1200px) {
17399 .navbar-expand-xl {
17400 flex-flow: row nowrap;
17401 justify-content: flex-start;
17403 .navbar-expand-xl .navbar-nav {
17404 flex-direction: row;
17406 .navbar-expand-xl .navbar-nav .dropdown-menu {
17407 position: absolute;
17409 .navbar-expand-xl .navbar-nav .nav-link {
17410 padding-right: 0.5rem;
17411 padding-left: 0.5rem;
17413 .navbar-expand-xl > .container,
17414 .navbar-expand-xl > .container-fluid,
17415 .navbar-expand-xl > .container-sm,
17416 .navbar-expand-xl > .container-md,
17417 .navbar-expand-xl > .container-lg,
17418 .navbar-expand-xl > .container-xl {
17419 flex-wrap: nowrap;
17421 .navbar-expand-xl .navbar-nav-scroll {
17422 overflow: visible;
17424 .navbar-expand-xl .navbar-collapse {
17425 display: flex !important;
17426 flex-basis: auto;
17428 .navbar-expand-xl .navbar-toggler {
17429 display: none;
17432 .navbar-expand {
17433 flex-flow: row nowrap;
17434 justify-content: flex-start;
17436 .navbar-expand > .container,
17437 .navbar-expand > .container-fluid,
17438 .navbar-expand > .container-sm,
17439 .navbar-expand > .container-md,
17440 .navbar-expand > .container-lg,
17441 .navbar-expand > .container-xl {
17442 padding-right: 0;
17443 padding-left: 0;
17445 .navbar-expand .navbar-nav {
17446 flex-direction: row;
17448 .navbar-expand .navbar-nav .dropdown-menu {
17449 position: absolute;
17451 .navbar-expand .navbar-nav .nav-link {
17452 padding-right: 0.5rem;
17453 padding-left: 0.5rem;
17455 .navbar-expand > .container,
17456 .navbar-expand > .container-fluid,
17457 .navbar-expand > .container-sm,
17458 .navbar-expand > .container-md,
17459 .navbar-expand > .container-lg,
17460 .navbar-expand > .container-xl {
17461 flex-wrap: nowrap;
17463 .navbar-expand .navbar-nav-scroll {
17464 overflow: visible;
17466 .navbar-expand .navbar-collapse {
17467 display: flex !important;
17468 flex-basis: auto;
17470 .navbar-expand .navbar-toggler {
17471 display: none;
17474 .navbar-light .navbar-brand {
17475 color: rgba(0, 0, 0, 0.9);
17477 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
17478 color: rgba(0, 0, 0, 0.9);
17480 .navbar-light .navbar-nav .nav-link {
17481 color: rgba(0, 0, 0, 0.6);
17483 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
17484 color: rgba(0, 0, 0, 0.9);
17486 .navbar-light .navbar-nav .nav-link.disabled {
17487 color: rgba(0, 0, 0, 0.3);
17489 .navbar-light .navbar-nav .show > .nav-link,
17490 .navbar-light .navbar-nav .active > .nav-link,
17491 .navbar-light .navbar-nav .nav-link.show,
17492 .navbar-light .navbar-nav .nav-link.active {
17493 color: rgba(0, 0, 0, 0.9);
17495 .navbar-light .navbar-toggler {
17496 color: rgba(0, 0, 0, 0.6);
17497 border-color: rgba(0, 0, 0, 0.1);
17499 .navbar-light .navbar-toggler-icon {
17500 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
17502 .navbar-light .navbar-text {
17503 color: rgba(0, 0, 0, 0.6);
17505 .navbar-light .navbar-text a {
17506 color: rgba(0, 0, 0, 0.9);
17508 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
17509 color: rgba(0, 0, 0, 0.9);
17512 .navbar-dark .navbar-brand {
17513 color: #fff;
17515 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
17516 color: #fff;
17518 .navbar-dark .navbar-nav .nav-link {
17519 color: rgba(255, 255, 255, 0.5);
17521 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
17522 color: white;
17524 .navbar-dark .navbar-nav .nav-link.disabled {
17525 color: rgba(255, 255, 255, 0.25);
17527 .navbar-dark .navbar-nav .show > .nav-link,
17528 .navbar-dark .navbar-nav .active > .nav-link,
17529 .navbar-dark .navbar-nav .nav-link.show,
17530 .navbar-dark .navbar-nav .nav-link.active {
17531 color: #fff;
17533 .navbar-dark .navbar-toggler {
17534 color: rgba(255, 255, 255, 0.5);
17535 border-color: rgba(255, 255, 255, 0.1);
17537 .navbar-dark .navbar-toggler-icon {
17538 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
17540 .navbar-dark .navbar-text {
17541 color: rgba(255, 255, 255, 0.5);
17543 .navbar-dark .navbar-text a {
17544 color: #fff;
17546 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
17547 color: #fff;
17550 .card {
17551 position: relative;
17552 display: flex;
17553 flex-direction: column;
17554 min-width: 0;
17555 word-wrap: break-word;
17556 background-color: #fff;
17557 background-clip: border-box;
17558 border: 1px solid rgba(0, 0, 0, 0.125);
17559 border-radius: 0.25rem;
17561 .card > hr {
17562 margin-right: 0;
17563 margin-left: 0;
17565 .card > .list-group {
17566 border-top: inherit;
17567 border-bottom: inherit;
17569 .card > .list-group:first-child {
17570 border-top-width: 0;
17571 border-top-left-radius: calc(0.25rem - 1px);
17572 border-top-right-radius: calc(0.25rem - 1px);
17574 .card > .list-group:last-child {
17575 border-bottom-width: 0;
17576 border-bottom-right-radius: calc(0.25rem - 1px);
17577 border-bottom-left-radius: calc(0.25rem - 1px);
17579 .card > .card-header + .list-group,
17580 .card > .list-group + .card-footer {
17581 border-top: 0;
17584 .card-body {
17585 flex: 1 1 auto;
17586 min-height: 1px;
17587 padding: 1.25rem;
17590 .card-title {
17591 margin-bottom: 0.75rem;
17594 .card-subtitle {
17595 margin-top: -0.375rem;
17596 margin-bottom: 0;
17599 .card-text:last-child {
17600 margin-bottom: 0;
17603 .card-link:hover {
17604 text-decoration: none;
17606 .card-link + .card-link {
17607 margin-left: 1.25rem;
17610 .card-header {
17611 padding: 0.75rem 1.25rem;
17612 margin-bottom: 0;
17613 background-color: rgba(0, 0, 0, 0.03);
17614 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
17616 .card-header:first-child {
17617 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
17620 .card-footer {
17621 padding: 0.75rem 1.25rem;
17622 background-color: rgba(0, 0, 0, 0.03);
17623 border-top: 1px solid rgba(0, 0, 0, 0.125);
17625 .card-footer:last-child {
17626 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
17629 .card-header-tabs {
17630 margin-right: -0.625rem;
17631 margin-bottom: -0.75rem;
17632 margin-left: -0.625rem;
17633 border-bottom: 0;
17636 .card-header-pills {
17637 margin-right: -0.625rem;
17638 margin-left: -0.625rem;
17641 .card-img-overlay {
17642 position: absolute;
17643 top: 0;
17644 right: 0;
17645 bottom: 0;
17646 left: 0;
17647 padding: 1.25rem;
17648 border-radius: calc(0.25rem - 1px);
17651 .card-img,
17652 .card-img-top,
17653 .card-img-bottom {
17654 flex-shrink: 0;
17655 width: 100%;
17658 .card-img,
17659 .card-img-top {
17660 border-top-left-radius: calc(0.25rem - 1px);
17661 border-top-right-radius: calc(0.25rem - 1px);
17664 .card-img,
17665 .card-img-bottom {
17666 border-bottom-right-radius: calc(0.25rem - 1px);
17667 border-bottom-left-radius: calc(0.25rem - 1px);
17670 .card-deck .card {
17671 margin-bottom: 0.25rem;
17673 @media (min-width: 576px) {
17674 .card-deck {
17675 display: flex;
17676 flex-flow: row wrap;
17677 margin-right: -0.25rem;
17678 margin-left: -0.25rem;
17680 .card-deck .card {
17681 flex: 1 0 0%;
17682 margin-right: 0.25rem;
17683 margin-bottom: 0;
17684 margin-left: 0.25rem;
17688 .card-group > .card {
17689 margin-bottom: 0.25rem;
17691 @media (min-width: 576px) {
17692 .card-group {
17693 display: flex;
17694 flex-flow: row wrap;
17696 .card-group > .card {
17697 flex: 1 0 0%;
17698 margin-bottom: 0;
17700 .card-group > .card + .card {
17701 margin-left: 0;
17702 border-left: 0;
17704 .card-group > .card:not(:last-child) {
17705 border-top-right-radius: 0;
17706 border-bottom-right-radius: 0;
17708 .card-group > .card:not(:last-child) .card-img-top,
17709 .card-group > .card:not(:last-child) .card-header {
17710 border-top-right-radius: 0;
17712 .card-group > .card:not(:last-child) .card-img-bottom,
17713 .card-group > .card:not(:last-child) .card-footer {
17714 border-bottom-right-radius: 0;
17716 .card-group > .card:not(:first-child) {
17717 border-top-left-radius: 0;
17718 border-bottom-left-radius: 0;
17720 .card-group > .card:not(:first-child) .card-img-top,
17721 .card-group > .card:not(:first-child) .card-header {
17722 border-top-left-radius: 0;
17724 .card-group > .card:not(:first-child) .card-img-bottom,
17725 .card-group > .card:not(:first-child) .card-footer {
17726 border-bottom-left-radius: 0;
17730 .card-columns .card {
17731 margin-bottom: 0.75rem;
17733 @media (min-width: 576px) {
17734 .card-columns {
17735 column-count: 3;
17736 column-gap: 1.25rem;
17737 orphans: 1;
17738 widows: 1;
17740 .card-columns .card {
17741 display: inline-block;
17742 width: 100%;
17746 .accordion {
17747 overflow-anchor: none;
17749 .accordion > .card {
17750 overflow: hidden;
17752 .accordion > .card:not(:last-of-type) {
17753 border-bottom: 0;
17754 border-bottom-right-radius: 0;
17755 border-bottom-left-radius: 0;
17757 .accordion > .card:not(:first-of-type) {
17758 border-top-left-radius: 0;
17759 border-top-right-radius: 0;
17761 .accordion > .card > .card-header {
17762 border-radius: 0;
17763 margin-bottom: -1px;
17766 .breadcrumb {
17767 display: flex;
17768 flex-wrap: wrap;
17769 padding: 0.25rem 0;
17770 margin-bottom: 0;
17771 list-style: none;
17772 background-color: transparent;
17773 border-radius: 0.25rem;
17776 .breadcrumb-item + .breadcrumb-item {
17777 padding-left: 0.5rem;
17779 .breadcrumb-item + .breadcrumb-item::before {
17780 float: left;
17781 padding-right: 0.5rem;
17782 color: #6a737b;
17783 content: "/";
17785 .breadcrumb-item + .breadcrumb-item:hover::before {
17786 text-decoration: underline;
17788 .breadcrumb-item + .breadcrumb-item:hover::before {
17789 text-decoration: none;
17791 .breadcrumb-item.active {
17792 color: #6a737b;
17795 .pagination {
17796 display: flex;
17797 padding-left: 0;
17798 list-style: none;
17799 border-radius: 0.25rem;
17802 .page-link {
17803 position: relative;
17804 display: block;
17805 padding: 0.5rem 0.75rem;
17806 margin-left: -1px;
17807 line-height: 1.25;
17808 color: #0f6cbf;
17809 background-color: #fff;
17810 border: 1px solid #dee2e6;
17812 .page-link:hover {
17813 z-index: 2;
17814 color: #094478;
17815 text-decoration: none;
17816 background-color: #e9ecef;
17817 border-color: #dee2e6;
17819 .page-link:focus {
17820 z-index: 3;
17821 outline: 0;
17822 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
17825 .page-item:first-child .page-link {
17826 margin-left: 0;
17827 border-top-left-radius: 0.25rem;
17828 border-bottom-left-radius: 0.25rem;
17830 .page-item:last-child .page-link {
17831 border-top-right-radius: 0.25rem;
17832 border-bottom-right-radius: 0.25rem;
17834 .page-item.active .page-link {
17835 z-index: 3;
17836 color: #fff;
17837 background-color: #0f6cbf;
17838 border-color: #0f6cbf;
17840 .page-item.disabled .page-link {
17841 color: #6a737b;
17842 pointer-events: none;
17843 cursor: auto;
17844 background-color: #fff;
17845 border-color: #dee2e6;
17848 .pagination-lg .page-link {
17849 padding: 0.75rem 1.5rem;
17850 font-size: 1.171875rem;
17851 line-height: 1.5;
17853 @media (max-width: 1200px) {
17854 .pagination-lg .page-link {
17855 font-size: calc(0.9271875rem + 0.32625vw);
17858 .pagination-lg .page-item:first-child .page-link {
17859 border-top-left-radius: 0.3rem;
17860 border-bottom-left-radius: 0.3rem;
17862 .pagination-lg .page-item:last-child .page-link {
17863 border-top-right-radius: 0.3rem;
17864 border-bottom-right-radius: 0.3rem;
17867 .pagination-sm .page-link {
17868 padding: 0.25rem 0.5rem;
17869 font-size: 0.8203125rem;
17870 line-height: 1.5;
17872 .pagination-sm .page-item:first-child .page-link {
17873 border-top-left-radius: 0.2rem;
17874 border-bottom-left-radius: 0.2rem;
17876 .pagination-sm .page-item:last-child .page-link {
17877 border-top-right-radius: 0.2rem;
17878 border-bottom-right-radius: 0.2rem;
17881 .badge {
17882 display: inline-block;
17883 padding: 0.25em 0.4em;
17884 font-size: 75%;
17885 font-weight: 700;
17886 line-height: 1;
17887 text-align: center;
17888 white-space: nowrap;
17889 vertical-align: baseline;
17890 border-radius: 0.25rem;
17891 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17893 @media (prefers-reduced-motion: reduce) {
17894 .badge {
17895 transition: none;
17898 a.badge:hover, a.badge:focus {
17899 text-decoration: none;
17902 .badge:empty {
17903 display: none;
17906 .btn .badge {
17907 position: relative;
17908 top: -1px;
17911 .badge-pill {
17912 padding-right: 0.6em;
17913 padding-left: 0.6em;
17914 border-radius: 10rem;
17917 .badge-primary {
17918 color: #fff;
17919 background-color: #0f6cbf;
17921 a.badge-primary:hover, a.badge-primary:focus {
17922 color: #fff;
17923 background-color: #0b5190;
17925 a.badge-primary:focus, a.badge-primary.focus {
17926 outline: 0;
17927 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
17930 .badge-secondary {
17931 color: #1d2125;
17932 background-color: #ced4da;
17934 a.badge-secondary:hover, a.badge-secondary:focus {
17935 color: #1d2125;
17936 background-color: #b1bbc4;
17938 a.badge-secondary:focus, a.badge-secondary.focus {
17939 outline: 0;
17940 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
17943 .badge-success {
17944 color: #fff;
17945 background-color: #357a32;
17947 a.badge-success:hover, a.badge-success:focus {
17948 color: #fff;
17949 background-color: #255623;
17951 a.badge-success:focus, a.badge-success.focus {
17952 outline: 0;
17953 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
17956 .badge-info {
17957 color: #fff;
17958 background-color: #008196;
17960 a.badge-info:hover, a.badge-info:focus {
17961 color: #fff;
17962 background-color: #005563;
17964 a.badge-info:focus, a.badge-info.focus {
17965 outline: 0;
17966 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
17969 .badge-warning {
17970 color: #1d2125;
17971 background-color: #f0ad4e;
17973 a.badge-warning:hover, a.badge-warning:focus {
17974 color: #1d2125;
17975 background-color: #ec971f;
17977 a.badge-warning:focus, a.badge-warning.focus {
17978 outline: 0;
17979 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
17982 .badge-danger {
17983 color: #fff;
17984 background-color: #ca3120;
17986 a.badge-danger:hover, a.badge-danger:focus {
17987 color: #fff;
17988 background-color: #9e2619;
17990 a.badge-danger:focus, a.badge-danger.focus {
17991 outline: 0;
17992 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
17995 .badge-light {
17996 color: #1d2125;
17997 background-color: #f8f9fa;
17999 a.badge-light:hover, a.badge-light:focus {
18000 color: #1d2125;
18001 background-color: #dae0e5;
18003 a.badge-light:focus, a.badge-light.focus {
18004 outline: 0;
18005 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
18008 .badge-dark {
18009 color: #fff;
18010 background-color: #343a40;
18012 a.badge-dark:hover, a.badge-dark:focus {
18013 color: #fff;
18014 background-color: #1d2124;
18016 a.badge-dark:focus, a.badge-dark.focus {
18017 outline: 0;
18018 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
18021 .jumbotron {
18022 padding: 2rem 1rem;
18023 margin-bottom: 2rem;
18024 background-color: #e9ecef;
18025 border-radius: 0.3rem;
18027 @media (min-width: 576px) {
18028 .jumbotron {
18029 padding: 4rem 2rem;
18033 .jumbotron-fluid {
18034 padding-right: 0;
18035 padding-left: 0;
18036 border-radius: 0;
18039 .alert {
18040 position: relative;
18041 padding: 0.75rem 1.25rem;
18042 margin-bottom: 1rem;
18043 border: 0 solid transparent;
18044 border-radius: 0.25rem;
18047 .alert-heading {
18048 color: inherit;
18051 .alert-link {
18052 font-weight: 700;
18055 .alert-dismissible {
18056 padding-right: 3.90625rem;
18058 .alert-dismissible .close {
18059 position: absolute;
18060 top: 0;
18061 right: 0;
18062 z-index: 2;
18063 padding: 0.75rem 1.25rem;
18064 color: inherit;
18067 .alert-primary {
18068 color: #083863;
18069 background-color: #cfe2f2;
18070 border-color: #bcd6ed;
18072 .alert-primary hr {
18073 border-top-color: #a8cae8;
18075 .alert-primary .alert-link {
18076 color: #041d34;
18079 .alert-secondary {
18080 color: #6b6e71;
18081 background-color: #f5f6f8;
18082 border-color: #f1f3f5;
18084 .alert-secondary hr {
18085 border-top-color: #e2e6ea;
18087 .alert-secondary .alert-link {
18088 color: #525557;
18091 .alert-success, .environmenttable .ok {
18092 color: #1c3f1a;
18093 background-color: #d7e4d6;
18094 border-color: #c6dac6;
18096 .alert-success hr, .environmenttable .ok hr {
18097 border-top-color: #b7d0b7;
18099 .alert-success .alert-link, .environmenttable .ok .alert-link {
18100 color: #0c1b0b;
18103 .alert-info {
18104 color: #00434e;
18105 background-color: #cce6ea;
18106 border-color: #b8dce2;
18108 .alert-info hr {
18109 border-top-color: #a6d3db;
18111 .alert-info .alert-link {
18112 color: #00171b;
18115 .alert-warning, .environmenttable .warn {
18116 color: #7d5a29;
18117 background-color: #fcefdc;
18118 border-color: #fbe8cd;
18120 .alert-warning hr, .environmenttable .warn hr {
18121 border-top-color: #f9ddb5;
18123 .alert-warning .alert-link, .environmenttable .warn .alert-link {
18124 color: #573e1c;
18127 .alert-danger, .environmenttable .error {
18128 color: #691911;
18129 background-color: #f4d6d2;
18130 border-color: #f0c5c1;
18132 .alert-danger hr, .environmenttable .error hr {
18133 border-top-color: #ebb2ac;
18135 .alert-danger .alert-link, .environmenttable .error .alert-link {
18136 color: #3d0f0a;
18139 .alert-light {
18140 color: #818182;
18141 background-color: #fefefe;
18142 border-color: #fdfdfe;
18144 .alert-light hr {
18145 border-top-color: #ececf6;
18147 .alert-light .alert-link {
18148 color: #686868;
18151 .alert-dark {
18152 color: #1b1e21;
18153 background-color: #d6d8d9;
18154 border-color: #c6c8ca;
18156 .alert-dark hr {
18157 border-top-color: #b9bbbe;
18159 .alert-dark .alert-link {
18160 color: #040505;
18163 @keyframes progress-bar-stripes {
18164 from {
18165 background-position: 1rem 0;
18167 to {
18168 background-position: 0 0;
18171 .progress {
18172 display: flex;
18173 height: 1rem;
18174 overflow: hidden;
18175 line-height: 0;
18176 font-size: 0.703125rem;
18177 background-color: #e9ecef;
18178 border-radius: 0.25rem;
18181 .progress-bar {
18182 display: flex;
18183 flex-direction: column;
18184 justify-content: center;
18185 overflow: hidden;
18186 color: #fff;
18187 text-align: center;
18188 white-space: nowrap;
18189 background-color: #0f6cbf;
18190 transition: width 0.6s ease;
18192 @media (prefers-reduced-motion: reduce) {
18193 .progress-bar {
18194 transition: none;
18198 .progress-bar-striped {
18199 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
18200 background-size: 1rem 1rem;
18203 .progress-bar-animated {
18204 animation: 1s linear infinite progress-bar-stripes;
18206 @media (prefers-reduced-motion: reduce) {
18207 .progress-bar-animated {
18208 animation: none;
18212 .media {
18213 display: flex;
18214 align-items: flex-start;
18217 .media-body {
18218 flex: 1;
18221 .list-group {
18222 display: flex;
18223 flex-direction: column;
18224 padding-left: 0;
18225 margin-bottom: 0;
18226 border-radius: 0.25rem;
18229 .list-group-item-action {
18230 width: 100%;
18231 color: #495057;
18232 text-align: inherit;
18234 .list-group-item-action:hover, .list-group-item-action:focus {
18235 z-index: 1;
18236 color: #495057;
18237 text-decoration: none;
18238 background-color: #f8f9fa;
18240 .list-group-item-action:active {
18241 color: #1d2125;
18242 background-color: #e9ecef;
18245 .list-group-item {
18246 position: relative;
18247 display: block;
18248 padding: 0.75rem 1.25rem;
18249 background-color: #fff;
18250 border: 1px solid rgba(0, 0, 0, 0.125);
18252 .list-group-item:first-child {
18253 border-top-left-radius: inherit;
18254 border-top-right-radius: inherit;
18256 .list-group-item:last-child {
18257 border-bottom-right-radius: inherit;
18258 border-bottom-left-radius: inherit;
18260 .list-group-item.disabled, .list-group-item:disabled {
18261 color: #6a737b;
18262 pointer-events: none;
18263 background-color: #fff;
18265 .list-group-item.active {
18266 z-index: 2;
18267 color: #fff;
18268 background-color: #0f6cbf;
18269 border-color: #0f6cbf;
18271 .list-group-item + .list-group-item {
18272 border-top-width: 0;
18274 .list-group-item + .list-group-item.active {
18275 margin-top: -1px;
18276 border-top-width: 1px;
18279 .list-group-horizontal {
18280 flex-direction: row;
18282 .list-group-horizontal > .list-group-item:first-child {
18283 border-bottom-left-radius: 0.25rem;
18284 border-top-right-radius: 0;
18286 .list-group-horizontal > .list-group-item:last-child {
18287 border-top-right-radius: 0.25rem;
18288 border-bottom-left-radius: 0;
18290 .list-group-horizontal > .list-group-item.active {
18291 margin-top: 0;
18293 .list-group-horizontal > .list-group-item + .list-group-item {
18294 border-top-width: 1px;
18295 border-left-width: 0;
18297 .list-group-horizontal > .list-group-item + .list-group-item.active {
18298 margin-left: -1px;
18299 border-left-width: 1px;
18302 @media (min-width: 576px) {
18303 .list-group-horizontal-sm {
18304 flex-direction: row;
18306 .list-group-horizontal-sm > .list-group-item:first-child {
18307 border-bottom-left-radius: 0.25rem;
18308 border-top-right-radius: 0;
18310 .list-group-horizontal-sm > .list-group-item:last-child {
18311 border-top-right-radius: 0.25rem;
18312 border-bottom-left-radius: 0;
18314 .list-group-horizontal-sm > .list-group-item.active {
18315 margin-top: 0;
18317 .list-group-horizontal-sm > .list-group-item + .list-group-item {
18318 border-top-width: 1px;
18319 border-left-width: 0;
18321 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
18322 margin-left: -1px;
18323 border-left-width: 1px;
18326 @media (min-width: 768px) {
18327 .list-group-horizontal-md {
18328 flex-direction: row;
18330 .list-group-horizontal-md > .list-group-item:first-child {
18331 border-bottom-left-radius: 0.25rem;
18332 border-top-right-radius: 0;
18334 .list-group-horizontal-md > .list-group-item:last-child {
18335 border-top-right-radius: 0.25rem;
18336 border-bottom-left-radius: 0;
18338 .list-group-horizontal-md > .list-group-item.active {
18339 margin-top: 0;
18341 .list-group-horizontal-md > .list-group-item + .list-group-item {
18342 border-top-width: 1px;
18343 border-left-width: 0;
18345 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
18346 margin-left: -1px;
18347 border-left-width: 1px;
18350 @media (min-width: 992px) {
18351 .list-group-horizontal-lg {
18352 flex-direction: row;
18354 .list-group-horizontal-lg > .list-group-item:first-child {
18355 border-bottom-left-radius: 0.25rem;
18356 border-top-right-radius: 0;
18358 .list-group-horizontal-lg > .list-group-item:last-child {
18359 border-top-right-radius: 0.25rem;
18360 border-bottom-left-radius: 0;
18362 .list-group-horizontal-lg > .list-group-item.active {
18363 margin-top: 0;
18365 .list-group-horizontal-lg > .list-group-item + .list-group-item {
18366 border-top-width: 1px;
18367 border-left-width: 0;
18369 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
18370 margin-left: -1px;
18371 border-left-width: 1px;
18374 @media (min-width: 1200px) {
18375 .list-group-horizontal-xl {
18376 flex-direction: row;
18378 .list-group-horizontal-xl > .list-group-item:first-child {
18379 border-bottom-left-radius: 0.25rem;
18380 border-top-right-radius: 0;
18382 .list-group-horizontal-xl > .list-group-item:last-child {
18383 border-top-right-radius: 0.25rem;
18384 border-bottom-left-radius: 0;
18386 .list-group-horizontal-xl > .list-group-item.active {
18387 margin-top: 0;
18389 .list-group-horizontal-xl > .list-group-item + .list-group-item {
18390 border-top-width: 1px;
18391 border-left-width: 0;
18393 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
18394 margin-left: -1px;
18395 border-left-width: 1px;
18398 .list-group-flush {
18399 border-radius: 0;
18401 .list-group-flush > .list-group-item {
18402 border-width: 0 0 1px;
18404 .list-group-flush > .list-group-item:last-child {
18405 border-bottom-width: 0;
18408 .list-group-item-primary {
18409 color: #083863;
18410 background-color: #bcd6ed;
18412 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
18413 color: #083863;
18414 background-color: #a8cae8;
18416 .list-group-item-primary.list-group-item-action.active {
18417 color: #fff;
18418 background-color: #083863;
18419 border-color: #083863;
18422 .list-group-item-secondary {
18423 color: #6b6e71;
18424 background-color: #f1f3f5;
18426 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
18427 color: #6b6e71;
18428 background-color: #e2e6ea;
18430 .list-group-item-secondary.list-group-item-action.active {
18431 color: #fff;
18432 background-color: #6b6e71;
18433 border-color: #6b6e71;
18436 .list-group-item-success {
18437 color: #1c3f1a;
18438 background-color: #c6dac6;
18440 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
18441 color: #1c3f1a;
18442 background-color: #b7d0b7;
18444 .list-group-item-success.list-group-item-action.active {
18445 color: #fff;
18446 background-color: #1c3f1a;
18447 border-color: #1c3f1a;
18450 .list-group-item-info {
18451 color: #00434e;
18452 background-color: #b8dce2;
18454 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
18455 color: #00434e;
18456 background-color: #a6d3db;
18458 .list-group-item-info.list-group-item-action.active {
18459 color: #fff;
18460 background-color: #00434e;
18461 border-color: #00434e;
18464 .list-group-item-warning {
18465 color: #7d5a29;
18466 background-color: #fbe8cd;
18468 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
18469 color: #7d5a29;
18470 background-color: #f9ddb5;
18472 .list-group-item-warning.list-group-item-action.active {
18473 color: #fff;
18474 background-color: #7d5a29;
18475 border-color: #7d5a29;
18478 .list-group-item-danger {
18479 color: #691911;
18480 background-color: #f0c5c1;
18482 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
18483 color: #691911;
18484 background-color: #ebb2ac;
18486 .list-group-item-danger.list-group-item-action.active {
18487 color: #fff;
18488 background-color: #691911;
18489 border-color: #691911;
18492 .list-group-item-light {
18493 color: #818182;
18494 background-color: #fdfdfe;
18496 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
18497 color: #818182;
18498 background-color: #ececf6;
18500 .list-group-item-light.list-group-item-action.active {
18501 color: #fff;
18502 background-color: #818182;
18503 border-color: #818182;
18506 .list-group-item-dark {
18507 color: #1b1e21;
18508 background-color: #c6c8ca;
18510 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
18511 color: #1b1e21;
18512 background-color: #b9bbbe;
18514 .list-group-item-dark.list-group-item-action.active {
18515 color: #fff;
18516 background-color: #1b1e21;
18517 border-color: #1b1e21;
18520 .close {
18521 float: right;
18522 font-size: 1.40625rem;
18523 font-weight: 700;
18524 line-height: 1;
18525 color: #000;
18526 text-shadow: 0 1px 0 #fff;
18527 opacity: 0.5;
18529 @media (max-width: 1200px) {
18530 .close {
18531 font-size: calc(0.950625rem + 0.6075vw);
18534 .close:hover {
18535 color: #000;
18536 text-decoration: none;
18538 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
18539 opacity: 0.75;
18542 button.close {
18543 padding: 0;
18544 background-color: transparent;
18545 border: 0;
18548 a.close.disabled {
18549 pointer-events: none;
18552 .toast {
18553 flex-basis: 350px;
18554 max-width: 350px;
18555 font-size: 0.875rem;
18556 color: #fff;
18557 background-color: rgba(29, 33, 37, 0.95);
18558 background-clip: padding-box;
18559 border: 1px solid rgba(0, 0, 0, 0.1);
18560 box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
18561 opacity: 0;
18562 border-radius: 0.25rem;
18564 .toast:not(:last-child) {
18565 margin-bottom: 0.75rem;
18567 .toast.showing {
18568 opacity: 1;
18570 .toast.show {
18571 display: block;
18572 opacity: 1;
18574 .toast.hide {
18575 display: none;
18578 .toast-header {
18579 display: flex;
18580 align-items: center;
18581 padding: 0.25rem 0.75rem;
18582 color: #f8f9fa;
18583 background-color: rgba(255, 255, 255, 0.1);
18584 background-clip: padding-box;
18585 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
18586 border-top-left-radius: calc(0.25rem - 1px);
18587 border-top-right-radius: calc(0.25rem - 1px);
18590 .toast-body {
18591 padding: 0.75rem;
18594 .modal-open {
18595 overflow: hidden;
18597 .modal-open .modal {
18598 overflow-x: hidden;
18599 overflow-y: auto;
18602 .modal {
18603 position: fixed;
18604 top: 0;
18605 left: 0;
18606 z-index: 1050;
18607 display: none;
18608 width: 100%;
18609 height: 100%;
18610 overflow: hidden;
18611 outline: 0;
18614 .modal-dialog {
18615 position: relative;
18616 width: auto;
18617 margin: 0.5rem;
18618 pointer-events: none;
18620 .modal.fade .modal-dialog {
18621 transition: transform 0.3s ease-out;
18622 transform: translate(0, -50px);
18624 @media (prefers-reduced-motion: reduce) {
18625 .modal.fade .modal-dialog {
18626 transition: none;
18629 .modal.show .modal-dialog {
18630 transform: none;
18632 .modal.modal-static .modal-dialog {
18633 transform: scale(1.02);
18636 .modal-dialog-scrollable {
18637 display: flex;
18638 max-height: calc(100% - 1rem);
18640 .modal-dialog-scrollable .modal-content {
18641 max-height: calc(100vh - 1rem);
18642 overflow: hidden;
18644 .modal-dialog-scrollable .modal-header,
18645 .modal-dialog-scrollable .modal-footer {
18646 flex-shrink: 0;
18648 .modal-dialog-scrollable .modal-body {
18649 overflow-y: auto;
18652 .modal-dialog-centered {
18653 display: flex;
18654 align-items: center;
18655 min-height: calc(100% - 1rem);
18657 .modal-dialog-centered::before {
18658 display: block;
18659 height: calc(100vh - 1rem);
18660 height: min-content;
18661 content: "";
18663 .modal-dialog-centered.modal-dialog-scrollable {
18664 flex-direction: column;
18665 justify-content: center;
18666 height: 100%;
18668 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
18669 max-height: none;
18671 .modal-dialog-centered.modal-dialog-scrollable::before {
18672 content: none;
18675 .modal-content {
18676 position: relative;
18677 display: flex;
18678 flex-direction: column;
18679 width: 100%;
18680 pointer-events: auto;
18681 background-color: #fff;
18682 background-clip: padding-box;
18683 border: 1px solid rgba(0, 0, 0, 0.2);
18684 border-radius: 0.3rem;
18685 outline: 0;
18688 .modal-backdrop {
18689 position: fixed;
18690 top: 0;
18691 left: 0;
18692 z-index: 1040;
18693 width: 100vw;
18694 height: 100vh;
18695 background-color: #000;
18697 .modal-backdrop.fade {
18698 opacity: 0;
18700 .modal-backdrop.show {
18701 opacity: 0.5;
18704 .modal-header {
18705 display: flex;
18706 align-items: flex-start;
18707 justify-content: space-between;
18708 padding: 1rem 1rem;
18709 border-bottom: 1px solid #dee2e6;
18710 border-top-left-radius: calc(0.3rem - 1px);
18711 border-top-right-radius: calc(0.3rem - 1px);
18713 .modal-header .close {
18714 padding: 1rem 1rem;
18715 margin: -1rem -1rem -1rem auto;
18718 .modal-title {
18719 margin-bottom: 0;
18720 line-height: 1.5;
18723 .modal-body {
18724 position: relative;
18725 flex: 1 1 auto;
18726 padding: 1rem;
18729 .modal-footer {
18730 display: flex;
18731 flex-wrap: wrap;
18732 align-items: center;
18733 justify-content: flex-end;
18734 padding: 0.75rem;
18735 border-top: 1px solid #dee2e6;
18736 border-bottom-right-radius: calc(0.3rem - 1px);
18737 border-bottom-left-radius: calc(0.3rem - 1px);
18739 .modal-footer > * {
18740 margin: 0.25rem;
18743 .modal-scrollbar-measure {
18744 position: absolute;
18745 top: -9999px;
18746 width: 50px;
18747 height: 50px;
18748 overflow: scroll;
18751 @media (min-width: 576px) {
18752 .modal-dialog {
18753 max-width: 500px;
18754 margin: 1.75rem auto;
18756 .modal-dialog-scrollable {
18757 max-height: calc(100% - 3.5rem);
18759 .modal-dialog-scrollable .modal-content {
18760 max-height: calc(100vh - 3.5rem);
18762 .modal-dialog-centered {
18763 min-height: calc(100% - 3.5rem);
18765 .modal-dialog-centered::before {
18766 height: calc(100vh - 3.5rem);
18767 height: min-content;
18769 .modal-sm {
18770 max-width: 300px;
18773 @media (min-width: 992px) {
18774 .modal-lg,
18775 .modal-xl {
18776 max-width: 800px;
18779 @media (min-width: 1200px) {
18780 .modal-xl {
18781 max-width: 1140px;
18784 .tooltip {
18785 position: absolute;
18786 z-index: 1070;
18787 display: block;
18788 margin: 0;
18789 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18790 font-style: normal;
18791 font-weight: 400;
18792 line-height: 1.5;
18793 text-align: left;
18794 text-align: start;
18795 text-decoration: none;
18796 text-shadow: none;
18797 text-transform: none;
18798 letter-spacing: normal;
18799 word-break: normal;
18800 white-space: normal;
18801 word-spacing: normal;
18802 line-break: auto;
18803 font-size: 0.8203125rem;
18804 word-wrap: break-word;
18805 opacity: 0;
18807 .tooltip.show {
18808 opacity: 0.9;
18810 .tooltip .arrow {
18811 position: absolute;
18812 display: block;
18813 width: 0.8rem;
18814 height: 0.4rem;
18816 .tooltip .arrow::before {
18817 position: absolute;
18818 content: "";
18819 border-color: transparent;
18820 border-style: solid;
18823 .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
18824 padding: 0.4rem 0;
18826 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
18827 bottom: 0;
18829 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
18830 top: 0;
18831 border-width: 0.4rem 0.4rem 0;
18832 border-top-color: #000;
18835 .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
18836 padding: 0 0.4rem;
18838 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
18839 left: 0;
18840 width: 0.4rem;
18841 height: 0.8rem;
18843 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
18844 right: 0;
18845 border-width: 0.4rem 0.4rem 0.4rem 0;
18846 border-right-color: #000;
18849 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
18850 padding: 0.4rem 0;
18852 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
18853 top: 0;
18855 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
18856 bottom: 0;
18857 border-width: 0 0.4rem 0.4rem;
18858 border-bottom-color: #000;
18861 .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
18862 padding: 0 0.4rem;
18864 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
18865 right: 0;
18866 width: 0.4rem;
18867 height: 0.8rem;
18869 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
18870 left: 0;
18871 border-width: 0.4rem 0 0.4rem 0.4rem;
18872 border-left-color: #000;
18875 .tooltip-inner {
18876 max-width: 200px;
18877 padding: 0.25rem 0.5rem;
18878 color: #fff;
18879 text-align: center;
18880 background-color: #000;
18881 border-radius: 0.25rem;
18884 .popover {
18885 position: absolute;
18886 top: 0;
18887 z-index: 1060;
18888 display: block;
18889 max-width: 276px;
18890 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18891 font-style: normal;
18892 font-weight: 400;
18893 line-height: 1.5;
18894 text-align: left;
18895 text-align: start;
18896 text-decoration: none;
18897 text-shadow: none;
18898 text-transform: none;
18899 letter-spacing: normal;
18900 word-break: normal;
18901 white-space: normal;
18902 word-spacing: normal;
18903 line-break: auto;
18904 font-size: 0.8203125rem;
18905 word-wrap: break-word;
18906 background-color: #fff;
18907 background-clip: padding-box;
18908 border: 1px solid rgba(0, 0, 0, 0.2);
18909 border-radius: 0.3rem;
18911 .popover .arrow {
18912 position: absolute;
18913 display: block;
18914 width: 1rem;
18915 height: 0.5rem;
18916 margin: 0 0.3rem;
18918 .popover .arrow::before, .popover .arrow::after {
18919 position: absolute;
18920 display: block;
18921 content: "";
18922 border-color: transparent;
18923 border-style: solid;
18926 .bs-popover-top, .bs-popover-auto[x-placement^=top] {
18927 margin-bottom: 0.5rem;
18929 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
18930 bottom: calc(-0.5rem - 1px);
18932 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
18933 bottom: 0;
18934 border-width: 0.5rem 0.5rem 0;
18935 border-top-color: rgba(0, 0, 0, 0.25);
18937 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
18938 bottom: 1px;
18939 border-width: 0.5rem 0.5rem 0;
18940 border-top-color: #fff;
18943 .bs-popover-right, .bs-popover-auto[x-placement^=right] {
18944 margin-left: 0.5rem;
18946 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
18947 left: calc(-0.5rem - 1px);
18948 width: 0.5rem;
18949 height: 1rem;
18950 margin: 0.3rem 0;
18952 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
18953 left: 0;
18954 border-width: 0.5rem 0.5rem 0.5rem 0;
18955 border-right-color: rgba(0, 0, 0, 0.25);
18957 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
18958 left: 1px;
18959 border-width: 0.5rem 0.5rem 0.5rem 0;
18960 border-right-color: #fff;
18963 .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
18964 margin-top: 0.5rem;
18966 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
18967 top: calc(-0.5rem - 1px);
18969 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
18970 top: 0;
18971 border-width: 0 0.5rem 0.5rem 0.5rem;
18972 border-bottom-color: rgba(0, 0, 0, 0.25);
18974 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
18975 top: 1px;
18976 border-width: 0 0.5rem 0.5rem 0.5rem;
18977 border-bottom-color: #fff;
18979 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
18980 position: absolute;
18981 top: 0;
18982 left: 50%;
18983 display: block;
18984 width: 1rem;
18985 margin-left: -0.5rem;
18986 content: "";
18987 border-bottom: 1px solid #f7f7f7;
18990 .bs-popover-left, .bs-popover-auto[x-placement^=left] {
18991 margin-right: 0.5rem;
18993 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
18994 right: calc(-0.5rem - 1px);
18995 width: 0.5rem;
18996 height: 1rem;
18997 margin: 0.3rem 0;
18999 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
19000 right: 0;
19001 border-width: 0.5rem 0 0.5rem 0.5rem;
19002 border-left-color: rgba(0, 0, 0, 0.25);
19004 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
19005 right: 1px;
19006 border-width: 0.5rem 0 0.5rem 0.5rem;
19007 border-left-color: #fff;
19010 .popover-header {
19011 padding: 0.5rem 0.75rem;
19012 margin-bottom: 0;
19013 font-size: 0.9375rem;
19014 background-color: #f7f7f7;
19015 border-bottom: 1px solid #ebebeb;
19016 border-top-left-radius: calc(0.3rem - 1px);
19017 border-top-right-radius: calc(0.3rem - 1px);
19019 @media (max-width: 1200px) {
19020 .popover-header {
19021 font-size: calc(0.90375rem + 0.045vw);
19024 .popover-header:empty {
19025 display: none;
19028 .popover-body {
19029 padding: 0.5rem 0.75rem;
19030 color: #1d2125;
19033 .carousel {
19034 position: relative;
19037 .carousel.pointer-event {
19038 touch-action: pan-y;
19041 .carousel-inner {
19042 position: relative;
19043 width: 100%;
19044 overflow: hidden;
19046 .carousel-inner::after {
19047 display: block;
19048 clear: both;
19049 content: "";
19052 .carousel-item {
19053 position: relative;
19054 display: none;
19055 float: left;
19056 width: 100%;
19057 margin-right: -100%;
19058 backface-visibility: hidden;
19059 transition: transform 0.6s ease-in-out;
19061 @media (prefers-reduced-motion: reduce) {
19062 .carousel-item {
19063 transition: none;
19067 .carousel-item.active,
19068 .carousel-item-next,
19069 .carousel-item-prev {
19070 display: block;
19073 .carousel-item-next:not(.carousel-item-left),
19074 .active.carousel-item-right {
19075 transform: translateX(100%);
19078 .carousel-item-prev:not(.carousel-item-right),
19079 .active.carousel-item-left {
19080 transform: translateX(-100%);
19083 .carousel-fade .carousel-item {
19084 opacity: 0;
19085 transition-property: opacity;
19086 transform: none;
19088 .carousel-fade .carousel-item.active,
19089 .carousel-fade .carousel-item-next.carousel-item-left,
19090 .carousel-fade .carousel-item-prev.carousel-item-right {
19091 z-index: 1;
19092 opacity: 1;
19094 .carousel-fade .active.carousel-item-left,
19095 .carousel-fade .active.carousel-item-right {
19096 z-index: 0;
19097 opacity: 0;
19098 transition: opacity 0s 0.6s;
19100 @media (prefers-reduced-motion: reduce) {
19101 .carousel-fade .active.carousel-item-left,
19102 .carousel-fade .active.carousel-item-right {
19103 transition: none;
19107 .carousel-control-prev,
19108 .carousel-control-next {
19109 position: absolute;
19110 top: 0;
19111 bottom: 0;
19112 z-index: 1;
19113 display: flex;
19114 align-items: center;
19115 justify-content: center;
19116 width: 15%;
19117 padding: 0;
19118 color: #fff;
19119 text-align: center;
19120 background: none;
19121 border: 0;
19122 opacity: 0.5;
19123 transition: opacity 0.15s ease;
19125 @media (prefers-reduced-motion: reduce) {
19126 .carousel-control-prev,
19127 .carousel-control-next {
19128 transition: none;
19131 .carousel-control-prev:hover, .carousel-control-prev:focus,
19132 .carousel-control-next:hover,
19133 .carousel-control-next:focus {
19134 color: #fff;
19135 text-decoration: none;
19136 outline: 0;
19137 opacity: 0.9;
19140 .carousel-control-prev {
19141 left: 0;
19144 .carousel-control-next {
19145 right: 0;
19148 .carousel-control-prev-icon,
19149 .carousel-control-next-icon {
19150 display: inline-block;
19151 width: 20px;
19152 height: 20px;
19153 background: 50%/100% 100% no-repeat;
19156 .carousel-control-prev-icon {
19157 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
19160 .carousel-control-next-icon {
19161 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
19164 .carousel-indicators {
19165 position: absolute;
19166 right: 0;
19167 bottom: 0;
19168 left: 0;
19169 z-index: 15;
19170 display: flex;
19171 justify-content: center;
19172 padding-left: 0;
19173 margin-right: 15%;
19174 margin-left: 15%;
19175 list-style: none;
19177 .carousel-indicators li {
19178 box-sizing: content-box;
19179 flex: 0 1 auto;
19180 width: 30px;
19181 height: 3px;
19182 margin-right: 3px;
19183 margin-left: 3px;
19184 text-indent: -999px;
19185 cursor: pointer;
19186 background-color: #fff;
19187 background-clip: padding-box;
19188 border-top: 10px solid transparent;
19189 border-bottom: 10px solid transparent;
19190 opacity: 0.5;
19191 transition: opacity 0.6s ease;
19193 @media (prefers-reduced-motion: reduce) {
19194 .carousel-indicators li {
19195 transition: none;
19198 .carousel-indicators .active {
19199 opacity: 1;
19202 .carousel-caption {
19203 position: absolute;
19204 right: 15%;
19205 bottom: 20px;
19206 left: 15%;
19207 z-index: 10;
19208 padding-top: 20px;
19209 padding-bottom: 20px;
19210 color: #fff;
19211 text-align: center;
19214 @keyframes spinner-border {
19215 to {
19216 transform: rotate(360deg);
19219 .spinner-border {
19220 display: inline-block;
19221 width: 2rem;
19222 height: 2rem;
19223 vertical-align: -0.125em;
19224 border: 0.25em solid currentcolor;
19225 border-right-color: transparent;
19226 border-radius: 50%;
19227 animation: 0.75s linear infinite spinner-border;
19230 .spinner-border-sm {
19231 width: 1rem;
19232 height: 1rem;
19233 border-width: 0.2em;
19236 @keyframes spinner-grow {
19237 0% {
19238 transform: scale(0);
19240 50% {
19241 opacity: 1;
19242 transform: none;
19245 .spinner-grow {
19246 display: inline-block;
19247 width: 2rem;
19248 height: 2rem;
19249 vertical-align: -0.125em;
19250 background-color: currentcolor;
19251 border-radius: 50%;
19252 opacity: 0;
19253 animation: 0.75s linear infinite spinner-grow;
19256 .spinner-grow-sm {
19257 width: 1rem;
19258 height: 1rem;
19261 @media (prefers-reduced-motion: reduce) {
19262 .spinner-border,
19263 .spinner-grow {
19264 animation-duration: 1.5s;
19267 .align-baseline {
19268 vertical-align: baseline !important;
19271 .align-top, [data-filterregion=value] div:first-of-type {
19272 vertical-align: top !important;
19275 .align-middle, .reportbuilder-table td {
19276 vertical-align: middle !important;
19279 .align-bottom {
19280 vertical-align: bottom !important;
19283 .align-text-bottom {
19284 vertical-align: text-bottom !important;
19287 .align-text-top {
19288 vertical-align: text-top !important;
19291 .bg-primary {
19292 background-color: #0f6cbf !important;
19295 a.bg-primary:hover, a.bg-primary:focus,
19296 button.bg-primary:hover,
19297 button.bg-primary:focus {
19298 background-color: #0b5190 !important;
19301 .bg-secondary {
19302 background-color: #ced4da !important;
19305 a.bg-secondary:hover, a.bg-secondary:focus,
19306 button.bg-secondary:hover,
19307 button.bg-secondary:focus {
19308 background-color: #b1bbc4 !important;
19311 .bg-success {
19312 background-color: #357a32 !important;
19315 a.bg-success:hover, a.bg-success:focus,
19316 button.bg-success:hover,
19317 button.bg-success:focus {
19318 background-color: #255623 !important;
19321 .bg-info {
19322 background-color: #008196 !important;
19325 a.bg-info:hover, a.bg-info:focus,
19326 button.bg-info:hover,
19327 button.bg-info:focus {
19328 background-color: #005563 !important;
19331 .bg-warning {
19332 background-color: #f0ad4e !important;
19335 a.bg-warning:hover, a.bg-warning:focus,
19336 button.bg-warning:hover,
19337 button.bg-warning:focus {
19338 background-color: #ec971f !important;
19341 .bg-danger {
19342 background-color: #ca3120 !important;
19345 a.bg-danger:hover, a.bg-danger:focus,
19346 button.bg-danger:hover,
19347 button.bg-danger:focus {
19348 background-color: #9e2619 !important;
19351 .bg-light {
19352 background-color: #f8f9fa !important;
19355 a.bg-light:hover, a.bg-light:focus,
19356 button.bg-light:hover,
19357 button.bg-light:focus {
19358 background-color: #dae0e5 !important;
19361 .bg-dark {
19362 background-color: #343a40 !important;
19365 a.bg-dark:hover, a.bg-dark:focus,
19366 button.bg-dark:hover,
19367 button.bg-dark:focus {
19368 background-color: #1d2124 !important;
19371 .bg-white {
19372 background-color: #fff !important;
19375 .bg-transparent {
19376 background-color: transparent !important;
19379 .border {
19380 border: 1px solid #dee2e6 !important;
19383 .border-top {
19384 border-top: 1px solid #dee2e6 !important;
19387 .border-right {
19388 border-right: 1px solid #dee2e6 !important;
19391 .border-bottom {
19392 border-bottom: 1px solid #dee2e6 !important;
19395 .border-left {
19396 border-left: 1px solid #dee2e6 !important;
19399 .border-0 {
19400 border: 0 !important;
19403 .border-top-0 {
19404 border-top: 0 !important;
19407 .border-right-0 {
19408 border-right: 0 !important;
19411 .border-bottom-0 {
19412 border-bottom: 0 !important;
19415 .border-left-0 {
19416 border-left: 0 !important;
19419 .border-primary {
19420 border-color: #0f6cbf !important;
19423 .border-secondary {
19424 border-color: #ced4da !important;
19427 .border-success {
19428 border-color: #357a32 !important;
19431 .border-info {
19432 border-color: #008196 !important;
19435 .border-warning {
19436 border-color: #f0ad4e !important;
19439 .border-danger {
19440 border-color: #ca3120 !important;
19443 .border-light {
19444 border-color: #f8f9fa !important;
19447 .border-dark {
19448 border-color: #343a40 !important;
19451 .border-white {
19452 border-color: #fff !important;
19455 .rounded-sm {
19456 border-radius: 0.2rem !important;
19459 .rounded {
19460 border-radius: 0.25rem !important;
19463 .rounded-top {
19464 border-top-left-radius: 0.25rem !important;
19465 border-top-right-radius: 0.25rem !important;
19468 .rounded-right {
19469 border-top-right-radius: 0.25rem !important;
19470 border-bottom-right-radius: 0.25rem !important;
19473 .rounded-bottom {
19474 border-bottom-right-radius: 0.25rem !important;
19475 border-bottom-left-radius: 0.25rem !important;
19478 .rounded-left {
19479 border-top-left-radius: 0.25rem !important;
19480 border-bottom-left-radius: 0.25rem !important;
19483 .rounded-lg {
19484 border-radius: 0.3rem !important;
19487 .rounded-circle {
19488 border-radius: 50% !important;
19491 .rounded-pill {
19492 border-radius: 50rem !important;
19495 .rounded-0 {
19496 border-radius: 0 !important;
19499 .clearfix::after {
19500 display: block;
19501 clear: both;
19502 content: "";
19505 .d-none {
19506 display: none !important;
19509 .d-inline {
19510 display: inline !important;
19513 .d-inline-block {
19514 display: inline-block !important;
19517 .d-block {
19518 display: block !important;
19521 .d-table {
19522 display: table !important;
19525 .d-table-row {
19526 display: table-row !important;
19529 .d-table-cell {
19530 display: table-cell !important;
19533 .d-flex {
19534 display: flex !important;
19537 .d-inline-flex {
19538 display: inline-flex !important;
19541 @media (min-width: 576px) {
19542 .d-sm-none {
19543 display: none !important;
19545 .d-sm-inline {
19546 display: inline !important;
19548 .d-sm-inline-block {
19549 display: inline-block !important;
19551 .d-sm-block {
19552 display: block !important;
19554 .d-sm-table {
19555 display: table !important;
19557 .d-sm-table-row {
19558 display: table-row !important;
19560 .d-sm-table-cell {
19561 display: table-cell !important;
19563 .d-sm-flex {
19564 display: flex !important;
19566 .d-sm-inline-flex {
19567 display: inline-flex !important;
19570 @media (min-width: 768px) {
19571 .d-md-none {
19572 display: none !important;
19574 .d-md-inline {
19575 display: inline !important;
19577 .d-md-inline-block {
19578 display: inline-block !important;
19580 .d-md-block {
19581 display: block !important;
19583 .d-md-table {
19584 display: table !important;
19586 .d-md-table-row {
19587 display: table-row !important;
19589 .d-md-table-cell {
19590 display: table-cell !important;
19592 .d-md-flex {
19593 display: flex !important;
19595 .d-md-inline-flex {
19596 display: inline-flex !important;
19599 @media (min-width: 992px) {
19600 .d-lg-none {
19601 display: none !important;
19603 .d-lg-inline {
19604 display: inline !important;
19606 .d-lg-inline-block {
19607 display: inline-block !important;
19609 .d-lg-block {
19610 display: block !important;
19612 .d-lg-table {
19613 display: table !important;
19615 .d-lg-table-row {
19616 display: table-row !important;
19618 .d-lg-table-cell {
19619 display: table-cell !important;
19621 .d-lg-flex {
19622 display: flex !important;
19624 .d-lg-inline-flex {
19625 display: inline-flex !important;
19628 @media (min-width: 1200px) {
19629 .d-xl-none {
19630 display: none !important;
19632 .d-xl-inline {
19633 display: inline !important;
19635 .d-xl-inline-block {
19636 display: inline-block !important;
19638 .d-xl-block {
19639 display: block !important;
19641 .d-xl-table {
19642 display: table !important;
19644 .d-xl-table-row {
19645 display: table-row !important;
19647 .d-xl-table-cell {
19648 display: table-cell !important;
19650 .d-xl-flex {
19651 display: flex !important;
19653 .d-xl-inline-flex {
19654 display: inline-flex !important;
19657 @media print {
19658 .d-print-none {
19659 display: none !important;
19661 .d-print-inline {
19662 display: inline !important;
19664 .d-print-inline-block {
19665 display: inline-block !important;
19667 .d-print-block {
19668 display: block !important;
19670 .d-print-table {
19671 display: table !important;
19673 .d-print-table-row {
19674 display: table-row !important;
19676 .d-print-table-cell {
19677 display: table-cell !important;
19679 .d-print-flex {
19680 display: flex !important;
19682 .d-print-inline-flex {
19683 display: inline-flex !important;
19686 .embed-responsive {
19687 position: relative;
19688 display: block;
19689 width: 100%;
19690 padding: 0;
19691 overflow: hidden;
19693 .embed-responsive::before {
19694 display: block;
19695 content: "";
19697 .embed-responsive .embed-responsive-item,
19698 .embed-responsive iframe,
19699 .embed-responsive embed,
19700 .embed-responsive object,
19701 .embed-responsive video {
19702 position: absolute;
19703 top: 0;
19704 bottom: 0;
19705 left: 0;
19706 width: 100%;
19707 height: 100%;
19708 border: 0;
19711 .embed-responsive-21by9::before {
19712 padding-top: 42.85714286%;
19715 .embed-responsive-16by9::before {
19716 padding-top: 56.25%;
19719 .embed-responsive-4by3::before {
19720 padding-top: 75%;
19723 .embed-responsive-1by1::before {
19724 padding-top: 100%;
19727 .flex-row {
19728 flex-direction: row !important;
19731 .flex-column {
19732 flex-direction: column !important;
19735 .flex-row-reverse {
19736 flex-direction: row-reverse !important;
19739 .flex-column-reverse {
19740 flex-direction: column-reverse !important;
19743 .flex-wrap {
19744 flex-wrap: wrap !important;
19747 .flex-nowrap {
19748 flex-wrap: nowrap !important;
19751 .flex-wrap-reverse {
19752 flex-wrap: wrap-reverse !important;
19755 .flex-fill, .reportbuilder-report-container {
19756 flex: 1 1 auto !important;
19759 .flex-grow-0 {
19760 flex-grow: 0 !important;
19763 .flex-grow-1 {
19764 flex-grow: 1 !important;
19767 .flex-shrink-0 {
19768 flex-shrink: 0 !important;
19771 .flex-shrink-1 {
19772 flex-shrink: 1 !important;
19775 .justify-content-start {
19776 justify-content: flex-start !important;
19779 .justify-content-end {
19780 justify-content: flex-end !important;
19783 .justify-content-center {
19784 justify-content: center !important;
19787 .justify-content-between {
19788 justify-content: space-between !important;
19791 .justify-content-around {
19792 justify-content: space-around !important;
19795 .align-items-start {
19796 align-items: flex-start !important;
19799 .align-items-end {
19800 align-items: flex-end !important;
19803 .align-items-center {
19804 align-items: center !important;
19807 .align-items-baseline {
19808 align-items: baseline !important;
19811 .align-items-stretch {
19812 align-items: stretch !important;
19815 .align-content-start {
19816 align-content: flex-start !important;
19819 .align-content-end {
19820 align-content: flex-end !important;
19823 .align-content-center {
19824 align-content: center !important;
19827 .align-content-between {
19828 align-content: space-between !important;
19831 .align-content-around {
19832 align-content: space-around !important;
19835 .align-content-stretch {
19836 align-content: stretch !important;
19839 .align-self-auto {
19840 align-self: auto !important;
19843 .align-self-start {
19844 align-self: flex-start !important;
19847 .align-self-end {
19848 align-self: flex-end !important;
19851 .align-self-center {
19852 align-self: center !important;
19855 .align-self-baseline {
19856 align-self: baseline !important;
19859 .align-self-stretch {
19860 align-self: stretch !important;
19863 @media (min-width: 576px) {
19864 .flex-sm-row {
19865 flex-direction: row !important;
19867 .flex-sm-column {
19868 flex-direction: column !important;
19870 .flex-sm-row-reverse {
19871 flex-direction: row-reverse !important;
19873 .flex-sm-column-reverse {
19874 flex-direction: column-reverse !important;
19876 .flex-sm-wrap {
19877 flex-wrap: wrap !important;
19879 .flex-sm-nowrap {
19880 flex-wrap: nowrap !important;
19882 .flex-sm-wrap-reverse {
19883 flex-wrap: wrap-reverse !important;
19885 .flex-sm-fill {
19886 flex: 1 1 auto !important;
19888 .flex-sm-grow-0 {
19889 flex-grow: 0 !important;
19891 .flex-sm-grow-1 {
19892 flex-grow: 1 !important;
19894 .flex-sm-shrink-0 {
19895 flex-shrink: 0 !important;
19897 .flex-sm-shrink-1 {
19898 flex-shrink: 1 !important;
19900 .justify-content-sm-start {
19901 justify-content: flex-start !important;
19903 .justify-content-sm-end {
19904 justify-content: flex-end !important;
19906 .justify-content-sm-center {
19907 justify-content: center !important;
19909 .justify-content-sm-between {
19910 justify-content: space-between !important;
19912 .justify-content-sm-around {
19913 justify-content: space-around !important;
19915 .align-items-sm-start {
19916 align-items: flex-start !important;
19918 .align-items-sm-end {
19919 align-items: flex-end !important;
19921 .align-items-sm-center {
19922 align-items: center !important;
19924 .align-items-sm-baseline {
19925 align-items: baseline !important;
19927 .align-items-sm-stretch {
19928 align-items: stretch !important;
19930 .align-content-sm-start {
19931 align-content: flex-start !important;
19933 .align-content-sm-end {
19934 align-content: flex-end !important;
19936 .align-content-sm-center {
19937 align-content: center !important;
19939 .align-content-sm-between {
19940 align-content: space-between !important;
19942 .align-content-sm-around {
19943 align-content: space-around !important;
19945 .align-content-sm-stretch {
19946 align-content: stretch !important;
19948 .align-self-sm-auto {
19949 align-self: auto !important;
19951 .align-self-sm-start {
19952 align-self: flex-start !important;
19954 .align-self-sm-end {
19955 align-self: flex-end !important;
19957 .align-self-sm-center {
19958 align-self: center !important;
19960 .align-self-sm-baseline {
19961 align-self: baseline !important;
19963 .align-self-sm-stretch {
19964 align-self: stretch !important;
19967 @media (min-width: 768px) {
19968 .flex-md-row {
19969 flex-direction: row !important;
19971 .flex-md-column {
19972 flex-direction: column !important;
19974 .flex-md-row-reverse {
19975 flex-direction: row-reverse !important;
19977 .flex-md-column-reverse {
19978 flex-direction: column-reverse !important;
19980 .flex-md-wrap {
19981 flex-wrap: wrap !important;
19983 .flex-md-nowrap {
19984 flex-wrap: nowrap !important;
19986 .flex-md-wrap-reverse {
19987 flex-wrap: wrap-reverse !important;
19989 .flex-md-fill {
19990 flex: 1 1 auto !important;
19992 .flex-md-grow-0 {
19993 flex-grow: 0 !important;
19995 .flex-md-grow-1 {
19996 flex-grow: 1 !important;
19998 .flex-md-shrink-0 {
19999 flex-shrink: 0 !important;
20001 .flex-md-shrink-1 {
20002 flex-shrink: 1 !important;
20004 .justify-content-md-start {
20005 justify-content: flex-start !important;
20007 .justify-content-md-end {
20008 justify-content: flex-end !important;
20010 .justify-content-md-center {
20011 justify-content: center !important;
20013 .justify-content-md-between {
20014 justify-content: space-between !important;
20016 .justify-content-md-around {
20017 justify-content: space-around !important;
20019 .align-items-md-start {
20020 align-items: flex-start !important;
20022 .align-items-md-end {
20023 align-items: flex-end !important;
20025 .align-items-md-center {
20026 align-items: center !important;
20028 .align-items-md-baseline {
20029 align-items: baseline !important;
20031 .align-items-md-stretch {
20032 align-items: stretch !important;
20034 .align-content-md-start {
20035 align-content: flex-start !important;
20037 .align-content-md-end {
20038 align-content: flex-end !important;
20040 .align-content-md-center {
20041 align-content: center !important;
20043 .align-content-md-between {
20044 align-content: space-between !important;
20046 .align-content-md-around {
20047 align-content: space-around !important;
20049 .align-content-md-stretch {
20050 align-content: stretch !important;
20052 .align-self-md-auto {
20053 align-self: auto !important;
20055 .align-self-md-start {
20056 align-self: flex-start !important;
20058 .align-self-md-end {
20059 align-self: flex-end !important;
20061 .align-self-md-center {
20062 align-self: center !important;
20064 .align-self-md-baseline {
20065 align-self: baseline !important;
20067 .align-self-md-stretch {
20068 align-self: stretch !important;
20071 @media (min-width: 992px) {
20072 .flex-lg-row {
20073 flex-direction: row !important;
20075 .flex-lg-column {
20076 flex-direction: column !important;
20078 .flex-lg-row-reverse {
20079 flex-direction: row-reverse !important;
20081 .flex-lg-column-reverse {
20082 flex-direction: column-reverse !important;
20084 .flex-lg-wrap {
20085 flex-wrap: wrap !important;
20087 .flex-lg-nowrap {
20088 flex-wrap: nowrap !important;
20090 .flex-lg-wrap-reverse {
20091 flex-wrap: wrap-reverse !important;
20093 .flex-lg-fill {
20094 flex: 1 1 auto !important;
20096 .flex-lg-grow-0 {
20097 flex-grow: 0 !important;
20099 .flex-lg-grow-1 {
20100 flex-grow: 1 !important;
20102 .flex-lg-shrink-0 {
20103 flex-shrink: 0 !important;
20105 .flex-lg-shrink-1 {
20106 flex-shrink: 1 !important;
20108 .justify-content-lg-start {
20109 justify-content: flex-start !important;
20111 .justify-content-lg-end {
20112 justify-content: flex-end !important;
20114 .justify-content-lg-center {
20115 justify-content: center !important;
20117 .justify-content-lg-between {
20118 justify-content: space-between !important;
20120 .justify-content-lg-around {
20121 justify-content: space-around !important;
20123 .align-items-lg-start {
20124 align-items: flex-start !important;
20126 .align-items-lg-end {
20127 align-items: flex-end !important;
20129 .align-items-lg-center {
20130 align-items: center !important;
20132 .align-items-lg-baseline {
20133 align-items: baseline !important;
20135 .align-items-lg-stretch {
20136 align-items: stretch !important;
20138 .align-content-lg-start {
20139 align-content: flex-start !important;
20141 .align-content-lg-end {
20142 align-content: flex-end !important;
20144 .align-content-lg-center {
20145 align-content: center !important;
20147 .align-content-lg-between {
20148 align-content: space-between !important;
20150 .align-content-lg-around {
20151 align-content: space-around !important;
20153 .align-content-lg-stretch {
20154 align-content: stretch !important;
20156 .align-self-lg-auto {
20157 align-self: auto !important;
20159 .align-self-lg-start {
20160 align-self: flex-start !important;
20162 .align-self-lg-end {
20163 align-self: flex-end !important;
20165 .align-self-lg-center {
20166 align-self: center !important;
20168 .align-self-lg-baseline {
20169 align-self: baseline !important;
20171 .align-self-lg-stretch {
20172 align-self: stretch !important;
20175 @media (min-width: 1200px) {
20176 .flex-xl-row {
20177 flex-direction: row !important;
20179 .flex-xl-column {
20180 flex-direction: column !important;
20182 .flex-xl-row-reverse {
20183 flex-direction: row-reverse !important;
20185 .flex-xl-column-reverse {
20186 flex-direction: column-reverse !important;
20188 .flex-xl-wrap {
20189 flex-wrap: wrap !important;
20191 .flex-xl-nowrap {
20192 flex-wrap: nowrap !important;
20194 .flex-xl-wrap-reverse {
20195 flex-wrap: wrap-reverse !important;
20197 .flex-xl-fill {
20198 flex: 1 1 auto !important;
20200 .flex-xl-grow-0 {
20201 flex-grow: 0 !important;
20203 .flex-xl-grow-1 {
20204 flex-grow: 1 !important;
20206 .flex-xl-shrink-0 {
20207 flex-shrink: 0 !important;
20209 .flex-xl-shrink-1 {
20210 flex-shrink: 1 !important;
20212 .justify-content-xl-start {
20213 justify-content: flex-start !important;
20215 .justify-content-xl-end {
20216 justify-content: flex-end !important;
20218 .justify-content-xl-center {
20219 justify-content: center !important;
20221 .justify-content-xl-between {
20222 justify-content: space-between !important;
20224 .justify-content-xl-around {
20225 justify-content: space-around !important;
20227 .align-items-xl-start {
20228 align-items: flex-start !important;
20230 .align-items-xl-end {
20231 align-items: flex-end !important;
20233 .align-items-xl-center {
20234 align-items: center !important;
20236 .align-items-xl-baseline {
20237 align-items: baseline !important;
20239 .align-items-xl-stretch {
20240 align-items: stretch !important;
20242 .align-content-xl-start {
20243 align-content: flex-start !important;
20245 .align-content-xl-end {
20246 align-content: flex-end !important;
20248 .align-content-xl-center {
20249 align-content: center !important;
20251 .align-content-xl-between {
20252 align-content: space-between !important;
20254 .align-content-xl-around {
20255 align-content: space-around !important;
20257 .align-content-xl-stretch {
20258 align-content: stretch !important;
20260 .align-self-xl-auto {
20261 align-self: auto !important;
20263 .align-self-xl-start {
20264 align-self: flex-start !important;
20266 .align-self-xl-end {
20267 align-self: flex-end !important;
20269 .align-self-xl-center {
20270 align-self: center !important;
20272 .align-self-xl-baseline {
20273 align-self: baseline !important;
20275 .align-self-xl-stretch {
20276 align-self: stretch !important;
20279 .float-left {
20280 float: left !important;
20283 .float-right {
20284 float: right !important;
20287 .float-none {
20288 float: none !important;
20291 @media (min-width: 576px) {
20292 .float-sm-left {
20293 float: left !important;
20295 .float-sm-right {
20296 float: right !important;
20298 .float-sm-none {
20299 float: none !important;
20302 @media (min-width: 768px) {
20303 .float-md-left {
20304 float: left !important;
20306 .float-md-right {
20307 float: right !important;
20309 .float-md-none {
20310 float: none !important;
20313 @media (min-width: 992px) {
20314 .float-lg-left {
20315 float: left !important;
20317 .float-lg-right {
20318 float: right !important;
20320 .float-lg-none {
20321 float: none !important;
20324 @media (min-width: 1200px) {
20325 .float-xl-left {
20326 float: left !important;
20328 .float-xl-right {
20329 float: right !important;
20331 .float-xl-none {
20332 float: none !important;
20335 .user-select-all {
20336 user-select: all !important;
20339 .user-select-auto {
20340 user-select: auto !important;
20343 .user-select-none {
20344 user-select: none !important;
20347 .overflow-auto {
20348 overflow: auto !important;
20351 .overflow-hidden {
20352 overflow: hidden !important;
20355 .position-static {
20356 position: static !important;
20359 .position-relative {
20360 position: relative !important;
20363 .position-absolute {
20364 position: absolute !important;
20367 .position-fixed {
20368 position: fixed !important;
20371 .position-sticky {
20372 position: sticky !important;
20375 .fixed-top {
20376 position: fixed;
20377 top: 0;
20378 right: 0;
20379 left: 0;
20380 z-index: 1030;
20383 .fixed-bottom {
20384 position: fixed;
20385 right: 0;
20386 bottom: 0;
20387 left: 0;
20388 z-index: 1030;
20391 @supports (position: sticky) {
20392 .sticky-top {
20393 position: sticky;
20394 top: 0;
20395 z-index: 1020;
20399 .sr-only {
20400 position: absolute;
20401 width: 1px;
20402 height: 1px;
20403 padding: 0;
20404 margin: -1px;
20405 overflow: hidden;
20406 clip: rect(0, 0, 0, 0);
20407 white-space: nowrap;
20408 border: 0;
20411 .sr-only-focusable:active, .sr-only-focusable:focus {
20412 position: static;
20413 width: auto;
20414 height: auto;
20415 overflow: visible;
20416 clip: auto;
20417 white-space: normal;
20420 .shadow-sm {
20421 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
20424 .shadow {
20425 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
20428 .shadow-lg {
20429 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
20432 .shadow-none {
20433 box-shadow: none !important;
20436 .w-25 {
20437 width: 25% !important;
20440 .w-50 {
20441 width: 50% !important;
20444 .w-75 {
20445 width: 75% !important;
20448 .w-100 {
20449 width: 100% !important;
20452 .w-auto {
20453 width: auto !important;
20456 .h-25 {
20457 height: 25% !important;
20460 .h-50 {
20461 height: 50% !important;
20464 .h-75 {
20465 height: 75% !important;
20468 .h-100 {
20469 height: 100% !important;
20472 .h-auto {
20473 height: auto !important;
20476 .mw-100 {
20477 max-width: 100% !important;
20480 .mh-100 {
20481 max-height: 100% !important;
20484 .min-vw-100 {
20485 min-width: 100vw !important;
20488 .min-vh-100 {
20489 min-height: 100vh !important;
20492 .vw-100 {
20493 width: 100vw !important;
20496 .vh-100 {
20497 height: 100vh !important;
20500 .m-0 {
20501 margin: 0 !important;
20504 .mt-0,
20505 .my-0 {
20506 margin-top: 0 !important;
20509 .mr-0,
20510 .mx-0 {
20511 margin-right: 0 !important;
20514 .mb-0,
20515 .my-0 {
20516 margin-bottom: 0 !important;
20519 .ml-0,
20520 .mx-0 {
20521 margin-left: 0 !important;
20524 .m-1 {
20525 margin: 0.25rem !important;
20528 .mt-1,
20529 .my-1 {
20530 margin-top: 0.25rem !important;
20533 .mr-1,
20534 .mx-1 {
20535 margin-right: 0.25rem !important;
20538 .mb-1,
20539 .my-1 {
20540 margin-bottom: 0.25rem !important;
20543 .ml-1,
20544 .mx-1 {
20545 margin-left: 0.25rem !important;
20548 .m-2 {
20549 margin: 0.5rem !important;
20552 .mt-2,
20553 .my-2 {
20554 margin-top: 0.5rem !important;
20557 .mr-2,
20558 .mx-2 {
20559 margin-right: 0.5rem !important;
20562 .mb-2,
20563 .my-2 {
20564 margin-bottom: 0.5rem !important;
20567 .ml-2,
20568 .mx-2 {
20569 margin-left: 0.5rem !important;
20572 .m-3 {
20573 margin: 1rem !important;
20576 .mt-3,
20577 .my-3 {
20578 margin-top: 1rem !important;
20581 .mr-3,
20582 .mx-3 {
20583 margin-right: 1rem !important;
20586 .mb-3,
20587 .my-3 {
20588 margin-bottom: 1rem !important;
20591 .ml-3,
20592 .mx-3 {
20593 margin-left: 1rem !important;
20596 .m-4 {
20597 margin: 1.5rem !important;
20600 .mt-4,
20601 .my-4 {
20602 margin-top: 1.5rem !important;
20605 .mr-4,
20606 .mx-4 {
20607 margin-right: 1.5rem !important;
20610 .mb-4,
20611 .my-4 {
20612 margin-bottom: 1.5rem !important;
20615 .ml-4,
20616 .mx-4 {
20617 margin-left: 1.5rem !important;
20620 .m-5 {
20621 margin: 2rem !important;
20624 .mt-5,
20625 .my-5 {
20626 margin-top: 2rem !important;
20629 .mr-5,
20630 .mx-5 {
20631 margin-right: 2rem !important;
20634 .mb-5,
20635 .my-5 {
20636 margin-bottom: 2rem !important;
20639 .ml-5,
20640 .mx-5 {
20641 margin-left: 2rem !important;
20644 .m-6 {
20645 margin: 3rem !important;
20648 .mt-6,
20649 .my-6 {
20650 margin-top: 3rem !important;
20653 .mr-6,
20654 .mx-6 {
20655 margin-right: 3rem !important;
20658 .mb-6,
20659 .my-6 {
20660 margin-bottom: 3rem !important;
20663 .ml-6,
20664 .mx-6 {
20665 margin-left: 3rem !important;
20668 .p-0 {
20669 padding: 0 !important;
20672 .pt-0,
20673 .py-0 {
20674 padding-top: 0 !important;
20677 .pr-0,
20678 .px-0 {
20679 padding-right: 0 !important;
20682 .pb-0,
20683 .py-0 {
20684 padding-bottom: 0 !important;
20687 .pl-0,
20688 .px-0 {
20689 padding-left: 0 !important;
20692 .p-1 {
20693 padding: 0.25rem !important;
20696 .pt-1,
20697 .py-1 {
20698 padding-top: 0.25rem !important;
20701 .pr-1,
20702 .px-1 {
20703 padding-right: 0.25rem !important;
20706 .pb-1,
20707 .py-1 {
20708 padding-bottom: 0.25rem !important;
20711 .pl-1,
20712 .px-1 {
20713 padding-left: 0.25rem !important;
20716 .p-2 {
20717 padding: 0.5rem !important;
20720 .pt-2,
20721 .py-2 {
20722 padding-top: 0.5rem !important;
20725 .pr-2,
20726 .px-2 {
20727 padding-right: 0.5rem !important;
20730 .pb-2,
20731 .py-2 {
20732 padding-bottom: 0.5rem !important;
20735 .pl-2,
20736 .px-2 {
20737 padding-left: 0.5rem !important;
20740 .p-3 {
20741 padding: 1rem !important;
20744 .pt-3,
20745 .py-3 {
20746 padding-top: 1rem !important;
20749 .pr-3,
20750 .px-3 {
20751 padding-right: 1rem !important;
20754 .pb-3,
20755 .py-3 {
20756 padding-bottom: 1rem !important;
20759 .pl-3,
20760 .px-3 {
20761 padding-left: 1rem !important;
20764 .p-4 {
20765 padding: 1.5rem !important;
20768 .pt-4,
20769 .py-4 {
20770 padding-top: 1.5rem !important;
20773 .pr-4,
20774 .px-4 {
20775 padding-right: 1.5rem !important;
20778 .pb-4,
20779 .py-4 {
20780 padding-bottom: 1.5rem !important;
20783 .pl-4,
20784 .px-4 {
20785 padding-left: 1.5rem !important;
20788 .p-5 {
20789 padding: 2rem !important;
20792 .pt-5,
20793 .py-5 {
20794 padding-top: 2rem !important;
20797 .pr-5,
20798 .px-5 {
20799 padding-right: 2rem !important;
20802 .pb-5,
20803 .py-5 {
20804 padding-bottom: 2rem !important;
20807 .pl-5,
20808 .px-5 {
20809 padding-left: 2rem !important;
20812 .p-6 {
20813 padding: 3rem !important;
20816 .pt-6,
20817 .py-6 {
20818 padding-top: 3rem !important;
20821 .pr-6,
20822 .px-6 {
20823 padding-right: 3rem !important;
20826 .pb-6,
20827 .py-6 {
20828 padding-bottom: 3rem !important;
20831 .pl-6,
20832 .px-6 {
20833 padding-left: 3rem !important;
20836 .m-n1 {
20837 margin: -0.25rem !important;
20840 .mt-n1,
20841 .my-n1 {
20842 margin-top: -0.25rem !important;
20845 .mr-n1,
20846 .mx-n1 {
20847 margin-right: -0.25rem !important;
20850 .mb-n1,
20851 .my-n1 {
20852 margin-bottom: -0.25rem !important;
20855 .ml-n1,
20856 .mx-n1 {
20857 margin-left: -0.25rem !important;
20860 .m-n2 {
20861 margin: -0.5rem !important;
20864 .mt-n2,
20865 .my-n2 {
20866 margin-top: -0.5rem !important;
20869 .mr-n2,
20870 .mx-n2 {
20871 margin-right: -0.5rem !important;
20874 .mb-n2,
20875 .my-n2 {
20876 margin-bottom: -0.5rem !important;
20879 .ml-n2,
20880 .mx-n2 {
20881 margin-left: -0.5rem !important;
20884 .m-n3 {
20885 margin: -1rem !important;
20888 .mt-n3,
20889 .my-n3 {
20890 margin-top: -1rem !important;
20893 .mr-n3,
20894 .mx-n3 {
20895 margin-right: -1rem !important;
20898 .mb-n3,
20899 .my-n3 {
20900 margin-bottom: -1rem !important;
20903 .ml-n3,
20904 .mx-n3 {
20905 margin-left: -1rem !important;
20908 .m-n4 {
20909 margin: -1.5rem !important;
20912 .mt-n4,
20913 .my-n4 {
20914 margin-top: -1.5rem !important;
20917 .mr-n4,
20918 .mx-n4 {
20919 margin-right: -1.5rem !important;
20922 .mb-n4,
20923 .my-n4 {
20924 margin-bottom: -1.5rem !important;
20927 .ml-n4,
20928 .mx-n4 {
20929 margin-left: -1.5rem !important;
20932 .m-n5 {
20933 margin: -2rem !important;
20936 .mt-n5,
20937 .my-n5 {
20938 margin-top: -2rem !important;
20941 .mr-n5,
20942 .mx-n5 {
20943 margin-right: -2rem !important;
20946 .mb-n5,
20947 .my-n5 {
20948 margin-bottom: -2rem !important;
20951 .ml-n5,
20952 .mx-n5 {
20953 margin-left: -2rem !important;
20956 .m-n6 {
20957 margin: -3rem !important;
20960 .mt-n6,
20961 .my-n6 {
20962 margin-top: -3rem !important;
20965 .mr-n6,
20966 .mx-n6 {
20967 margin-right: -3rem !important;
20970 .mb-n6,
20971 .my-n6 {
20972 margin-bottom: -3rem !important;
20975 .ml-n6,
20976 .mx-n6 {
20977 margin-left: -3rem !important;
20980 .m-auto {
20981 margin: auto !important;
20984 .mt-auto,
20985 .my-auto {
20986 margin-top: auto !important;
20989 .mr-auto,
20990 .mx-auto {
20991 margin-right: auto !important;
20994 .mb-auto,
20995 .my-auto {
20996 margin-bottom: auto !important;
20999 .ml-auto,
21000 .mx-auto {
21001 margin-left: auto !important;
21004 @media (min-width: 576px) {
21005 .m-sm-0 {
21006 margin: 0 !important;
21008 .mt-sm-0,
21009 .my-sm-0 {
21010 margin-top: 0 !important;
21012 .mr-sm-0,
21013 .mx-sm-0 {
21014 margin-right: 0 !important;
21016 .mb-sm-0,
21017 .my-sm-0 {
21018 margin-bottom: 0 !important;
21020 .ml-sm-0,
21021 .mx-sm-0 {
21022 margin-left: 0 !important;
21024 .m-sm-1 {
21025 margin: 0.25rem !important;
21027 .mt-sm-1,
21028 .my-sm-1 {
21029 margin-top: 0.25rem !important;
21031 .mr-sm-1,
21032 .mx-sm-1 {
21033 margin-right: 0.25rem !important;
21035 .mb-sm-1,
21036 .my-sm-1 {
21037 margin-bottom: 0.25rem !important;
21039 .ml-sm-1,
21040 .mx-sm-1 {
21041 margin-left: 0.25rem !important;
21043 .m-sm-2 {
21044 margin: 0.5rem !important;
21046 .mt-sm-2,
21047 .my-sm-2 {
21048 margin-top: 0.5rem !important;
21050 .mr-sm-2,
21051 .mx-sm-2 {
21052 margin-right: 0.5rem !important;
21054 .mb-sm-2,
21055 .my-sm-2 {
21056 margin-bottom: 0.5rem !important;
21058 .ml-sm-2,
21059 .mx-sm-2 {
21060 margin-left: 0.5rem !important;
21062 .m-sm-3 {
21063 margin: 1rem !important;
21065 .mt-sm-3,
21066 .my-sm-3 {
21067 margin-top: 1rem !important;
21069 .mr-sm-3,
21070 .mx-sm-3 {
21071 margin-right: 1rem !important;
21073 .mb-sm-3,
21074 .my-sm-3 {
21075 margin-bottom: 1rem !important;
21077 .ml-sm-3,
21078 .mx-sm-3 {
21079 margin-left: 1rem !important;
21081 .m-sm-4 {
21082 margin: 1.5rem !important;
21084 .mt-sm-4,
21085 .my-sm-4 {
21086 margin-top: 1.5rem !important;
21088 .mr-sm-4,
21089 .mx-sm-4 {
21090 margin-right: 1.5rem !important;
21092 .mb-sm-4,
21093 .my-sm-4 {
21094 margin-bottom: 1.5rem !important;
21096 .ml-sm-4,
21097 .mx-sm-4 {
21098 margin-left: 1.5rem !important;
21100 .m-sm-5 {
21101 margin: 2rem !important;
21103 .mt-sm-5,
21104 .my-sm-5 {
21105 margin-top: 2rem !important;
21107 .mr-sm-5,
21108 .mx-sm-5 {
21109 margin-right: 2rem !important;
21111 .mb-sm-5,
21112 .my-sm-5 {
21113 margin-bottom: 2rem !important;
21115 .ml-sm-5,
21116 .mx-sm-5 {
21117 margin-left: 2rem !important;
21119 .m-sm-6 {
21120 margin: 3rem !important;
21122 .mt-sm-6,
21123 .my-sm-6 {
21124 margin-top: 3rem !important;
21126 .mr-sm-6,
21127 .mx-sm-6 {
21128 margin-right: 3rem !important;
21130 .mb-sm-6,
21131 .my-sm-6 {
21132 margin-bottom: 3rem !important;
21134 .ml-sm-6,
21135 .mx-sm-6 {
21136 margin-left: 3rem !important;
21138 .p-sm-0 {
21139 padding: 0 !important;
21141 .pt-sm-0,
21142 .py-sm-0 {
21143 padding-top: 0 !important;
21145 .pr-sm-0,
21146 .px-sm-0 {
21147 padding-right: 0 !important;
21149 .pb-sm-0,
21150 .py-sm-0 {
21151 padding-bottom: 0 !important;
21153 .pl-sm-0,
21154 .px-sm-0 {
21155 padding-left: 0 !important;
21157 .p-sm-1 {
21158 padding: 0.25rem !important;
21160 .pt-sm-1,
21161 .py-sm-1 {
21162 padding-top: 0.25rem !important;
21164 .pr-sm-1,
21165 .px-sm-1 {
21166 padding-right: 0.25rem !important;
21168 .pb-sm-1,
21169 .py-sm-1 {
21170 padding-bottom: 0.25rem !important;
21172 .pl-sm-1,
21173 .px-sm-1 {
21174 padding-left: 0.25rem !important;
21176 .p-sm-2 {
21177 padding: 0.5rem !important;
21179 .pt-sm-2,
21180 .py-sm-2 {
21181 padding-top: 0.5rem !important;
21183 .pr-sm-2,
21184 .px-sm-2 {
21185 padding-right: 0.5rem !important;
21187 .pb-sm-2,
21188 .py-sm-2 {
21189 padding-bottom: 0.5rem !important;
21191 .pl-sm-2,
21192 .px-sm-2 {
21193 padding-left: 0.5rem !important;
21195 .p-sm-3 {
21196 padding: 1rem !important;
21198 .pt-sm-3,
21199 .py-sm-3 {
21200 padding-top: 1rem !important;
21202 .pr-sm-3,
21203 .px-sm-3 {
21204 padding-right: 1rem !important;
21206 .pb-sm-3,
21207 .py-sm-3 {
21208 padding-bottom: 1rem !important;
21210 .pl-sm-3,
21211 .px-sm-3 {
21212 padding-left: 1rem !important;
21214 .p-sm-4 {
21215 padding: 1.5rem !important;
21217 .pt-sm-4,
21218 .py-sm-4 {
21219 padding-top: 1.5rem !important;
21221 .pr-sm-4,
21222 .px-sm-4 {
21223 padding-right: 1.5rem !important;
21225 .pb-sm-4,
21226 .py-sm-4 {
21227 padding-bottom: 1.5rem !important;
21229 .pl-sm-4,
21230 .px-sm-4 {
21231 padding-left: 1.5rem !important;
21233 .p-sm-5 {
21234 padding: 2rem !important;
21236 .pt-sm-5,
21237 .py-sm-5 {
21238 padding-top: 2rem !important;
21240 .pr-sm-5,
21241 .px-sm-5 {
21242 padding-right: 2rem !important;
21244 .pb-sm-5,
21245 .py-sm-5 {
21246 padding-bottom: 2rem !important;
21248 .pl-sm-5,
21249 .px-sm-5 {
21250 padding-left: 2rem !important;
21252 .p-sm-6 {
21253 padding: 3rem !important;
21255 .pt-sm-6,
21256 .py-sm-6 {
21257 padding-top: 3rem !important;
21259 .pr-sm-6,
21260 .px-sm-6 {
21261 padding-right: 3rem !important;
21263 .pb-sm-6,
21264 .py-sm-6 {
21265 padding-bottom: 3rem !important;
21267 .pl-sm-6,
21268 .px-sm-6 {
21269 padding-left: 3rem !important;
21271 .m-sm-n1 {
21272 margin: -0.25rem !important;
21274 .mt-sm-n1,
21275 .my-sm-n1 {
21276 margin-top: -0.25rem !important;
21278 .mr-sm-n1,
21279 .mx-sm-n1 {
21280 margin-right: -0.25rem !important;
21282 .mb-sm-n1,
21283 .my-sm-n1 {
21284 margin-bottom: -0.25rem !important;
21286 .ml-sm-n1,
21287 .mx-sm-n1 {
21288 margin-left: -0.25rem !important;
21290 .m-sm-n2 {
21291 margin: -0.5rem !important;
21293 .mt-sm-n2,
21294 .my-sm-n2 {
21295 margin-top: -0.5rem !important;
21297 .mr-sm-n2,
21298 .mx-sm-n2 {
21299 margin-right: -0.5rem !important;
21301 .mb-sm-n2,
21302 .my-sm-n2 {
21303 margin-bottom: -0.5rem !important;
21305 .ml-sm-n2,
21306 .mx-sm-n2 {
21307 margin-left: -0.5rem !important;
21309 .m-sm-n3 {
21310 margin: -1rem !important;
21312 .mt-sm-n3,
21313 .my-sm-n3 {
21314 margin-top: -1rem !important;
21316 .mr-sm-n3,
21317 .mx-sm-n3 {
21318 margin-right: -1rem !important;
21320 .mb-sm-n3,
21321 .my-sm-n3 {
21322 margin-bottom: -1rem !important;
21324 .ml-sm-n3,
21325 .mx-sm-n3 {
21326 margin-left: -1rem !important;
21328 .m-sm-n4 {
21329 margin: -1.5rem !important;
21331 .mt-sm-n4,
21332 .my-sm-n4 {
21333 margin-top: -1.5rem !important;
21335 .mr-sm-n4,
21336 .mx-sm-n4 {
21337 margin-right: -1.5rem !important;
21339 .mb-sm-n4,
21340 .my-sm-n4 {
21341 margin-bottom: -1.5rem !important;
21343 .ml-sm-n4,
21344 .mx-sm-n4 {
21345 margin-left: -1.5rem !important;
21347 .m-sm-n5 {
21348 margin: -2rem !important;
21350 .mt-sm-n5,
21351 .my-sm-n5 {
21352 margin-top: -2rem !important;
21354 .mr-sm-n5,
21355 .mx-sm-n5 {
21356 margin-right: -2rem !important;
21358 .mb-sm-n5,
21359 .my-sm-n5 {
21360 margin-bottom: -2rem !important;
21362 .ml-sm-n5,
21363 .mx-sm-n5 {
21364 margin-left: -2rem !important;
21366 .m-sm-n6 {
21367 margin: -3rem !important;
21369 .mt-sm-n6,
21370 .my-sm-n6 {
21371 margin-top: -3rem !important;
21373 .mr-sm-n6,
21374 .mx-sm-n6 {
21375 margin-right: -3rem !important;
21377 .mb-sm-n6,
21378 .my-sm-n6 {
21379 margin-bottom: -3rem !important;
21381 .ml-sm-n6,
21382 .mx-sm-n6 {
21383 margin-left: -3rem !important;
21385 .m-sm-auto {
21386 margin: auto !important;
21388 .mt-sm-auto,
21389 .my-sm-auto {
21390 margin-top: auto !important;
21392 .mr-sm-auto,
21393 .mx-sm-auto {
21394 margin-right: auto !important;
21396 .mb-sm-auto,
21397 .my-sm-auto {
21398 margin-bottom: auto !important;
21400 .ml-sm-auto,
21401 .mx-sm-auto {
21402 margin-left: auto !important;
21405 @media (min-width: 768px) {
21406 .m-md-0 {
21407 margin: 0 !important;
21409 .mt-md-0,
21410 .my-md-0 {
21411 margin-top: 0 !important;
21413 .mr-md-0,
21414 .mx-md-0 {
21415 margin-right: 0 !important;
21417 .mb-md-0,
21418 .my-md-0 {
21419 margin-bottom: 0 !important;
21421 .ml-md-0,
21422 .mx-md-0 {
21423 margin-left: 0 !important;
21425 .m-md-1 {
21426 margin: 0.25rem !important;
21428 .mt-md-1,
21429 .my-md-1 {
21430 margin-top: 0.25rem !important;
21432 .mr-md-1,
21433 .mx-md-1 {
21434 margin-right: 0.25rem !important;
21436 .mb-md-1,
21437 .my-md-1 {
21438 margin-bottom: 0.25rem !important;
21440 .ml-md-1,
21441 .mx-md-1 {
21442 margin-left: 0.25rem !important;
21444 .m-md-2 {
21445 margin: 0.5rem !important;
21447 .mt-md-2,
21448 .my-md-2 {
21449 margin-top: 0.5rem !important;
21451 .mr-md-2,
21452 .mx-md-2 {
21453 margin-right: 0.5rem !important;
21455 .mb-md-2,
21456 .my-md-2 {
21457 margin-bottom: 0.5rem !important;
21459 .ml-md-2,
21460 .mx-md-2 {
21461 margin-left: 0.5rem !important;
21463 .m-md-3 {
21464 margin: 1rem !important;
21466 .mt-md-3,
21467 .my-md-3 {
21468 margin-top: 1rem !important;
21470 .mr-md-3,
21471 .mx-md-3 {
21472 margin-right: 1rem !important;
21474 .mb-md-3,
21475 .my-md-3 {
21476 margin-bottom: 1rem !important;
21478 .ml-md-3,
21479 .mx-md-3 {
21480 margin-left: 1rem !important;
21482 .m-md-4 {
21483 margin: 1.5rem !important;
21485 .mt-md-4,
21486 .my-md-4 {
21487 margin-top: 1.5rem !important;
21489 .mr-md-4,
21490 .mx-md-4 {
21491 margin-right: 1.5rem !important;
21493 .mb-md-4,
21494 .my-md-4 {
21495 margin-bottom: 1.5rem !important;
21497 .ml-md-4,
21498 .mx-md-4 {
21499 margin-left: 1.5rem !important;
21501 .m-md-5 {
21502 margin: 2rem !important;
21504 .mt-md-5,
21505 .my-md-5 {
21506 margin-top: 2rem !important;
21508 .mr-md-5,
21509 .mx-md-5 {
21510 margin-right: 2rem !important;
21512 .mb-md-5,
21513 .my-md-5 {
21514 margin-bottom: 2rem !important;
21516 .ml-md-5,
21517 .mx-md-5 {
21518 margin-left: 2rem !important;
21520 .m-md-6 {
21521 margin: 3rem !important;
21523 .mt-md-6,
21524 .my-md-6 {
21525 margin-top: 3rem !important;
21527 .mr-md-6,
21528 .mx-md-6 {
21529 margin-right: 3rem !important;
21531 .mb-md-6,
21532 .my-md-6 {
21533 margin-bottom: 3rem !important;
21535 .ml-md-6,
21536 .mx-md-6 {
21537 margin-left: 3rem !important;
21539 .p-md-0 {
21540 padding: 0 !important;
21542 .pt-md-0,
21543 .py-md-0 {
21544 padding-top: 0 !important;
21546 .pr-md-0,
21547 .px-md-0 {
21548 padding-right: 0 !important;
21550 .pb-md-0,
21551 .py-md-0 {
21552 padding-bottom: 0 !important;
21554 .pl-md-0,
21555 .px-md-0 {
21556 padding-left: 0 !important;
21558 .p-md-1 {
21559 padding: 0.25rem !important;
21561 .pt-md-1,
21562 .py-md-1 {
21563 padding-top: 0.25rem !important;
21565 .pr-md-1,
21566 .px-md-1 {
21567 padding-right: 0.25rem !important;
21569 .pb-md-1,
21570 .py-md-1 {
21571 padding-bottom: 0.25rem !important;
21573 .pl-md-1,
21574 .px-md-1 {
21575 padding-left: 0.25rem !important;
21577 .p-md-2 {
21578 padding: 0.5rem !important;
21580 .pt-md-2,
21581 .py-md-2 {
21582 padding-top: 0.5rem !important;
21584 .pr-md-2,
21585 .px-md-2 {
21586 padding-right: 0.5rem !important;
21588 .pb-md-2,
21589 .py-md-2 {
21590 padding-bottom: 0.5rem !important;
21592 .pl-md-2,
21593 .px-md-2 {
21594 padding-left: 0.5rem !important;
21596 .p-md-3 {
21597 padding: 1rem !important;
21599 .pt-md-3,
21600 .py-md-3 {
21601 padding-top: 1rem !important;
21603 .pr-md-3,
21604 .px-md-3 {
21605 padding-right: 1rem !important;
21607 .pb-md-3,
21608 .py-md-3 {
21609 padding-bottom: 1rem !important;
21611 .pl-md-3,
21612 .px-md-3 {
21613 padding-left: 1rem !important;
21615 .p-md-4 {
21616 padding: 1.5rem !important;
21618 .pt-md-4,
21619 .py-md-4 {
21620 padding-top: 1.5rem !important;
21622 .pr-md-4,
21623 .px-md-4 {
21624 padding-right: 1.5rem !important;
21626 .pb-md-4,
21627 .py-md-4 {
21628 padding-bottom: 1.5rem !important;
21630 .pl-md-4,
21631 .px-md-4 {
21632 padding-left: 1.5rem !important;
21634 .p-md-5 {
21635 padding: 2rem !important;
21637 .pt-md-5,
21638 .py-md-5 {
21639 padding-top: 2rem !important;
21641 .pr-md-5,
21642 .px-md-5 {
21643 padding-right: 2rem !important;
21645 .pb-md-5,
21646 .py-md-5 {
21647 padding-bottom: 2rem !important;
21649 .pl-md-5,
21650 .px-md-5 {
21651 padding-left: 2rem !important;
21653 .p-md-6 {
21654 padding: 3rem !important;
21656 .pt-md-6,
21657 .py-md-6 {
21658 padding-top: 3rem !important;
21660 .pr-md-6,
21661 .px-md-6 {
21662 padding-right: 3rem !important;
21664 .pb-md-6,
21665 .py-md-6 {
21666 padding-bottom: 3rem !important;
21668 .pl-md-6,
21669 .px-md-6 {
21670 padding-left: 3rem !important;
21672 .m-md-n1 {
21673 margin: -0.25rem !important;
21675 .mt-md-n1,
21676 .my-md-n1 {
21677 margin-top: -0.25rem !important;
21679 .mr-md-n1,
21680 .mx-md-n1 {
21681 margin-right: -0.25rem !important;
21683 .mb-md-n1,
21684 .my-md-n1 {
21685 margin-bottom: -0.25rem !important;
21687 .ml-md-n1,
21688 .mx-md-n1 {
21689 margin-left: -0.25rem !important;
21691 .m-md-n2 {
21692 margin: -0.5rem !important;
21694 .mt-md-n2,
21695 .my-md-n2 {
21696 margin-top: -0.5rem !important;
21698 .mr-md-n2,
21699 .mx-md-n2 {
21700 margin-right: -0.5rem !important;
21702 .mb-md-n2,
21703 .my-md-n2 {
21704 margin-bottom: -0.5rem !important;
21706 .ml-md-n2,
21707 .mx-md-n2 {
21708 margin-left: -0.5rem !important;
21710 .m-md-n3 {
21711 margin: -1rem !important;
21713 .mt-md-n3,
21714 .my-md-n3 {
21715 margin-top: -1rem !important;
21717 .mr-md-n3,
21718 .mx-md-n3 {
21719 margin-right: -1rem !important;
21721 .mb-md-n3,
21722 .my-md-n3 {
21723 margin-bottom: -1rem !important;
21725 .ml-md-n3,
21726 .mx-md-n3 {
21727 margin-left: -1rem !important;
21729 .m-md-n4 {
21730 margin: -1.5rem !important;
21732 .mt-md-n4,
21733 .my-md-n4 {
21734 margin-top: -1.5rem !important;
21736 .mr-md-n4,
21737 .mx-md-n4 {
21738 margin-right: -1.5rem !important;
21740 .mb-md-n4,
21741 .my-md-n4 {
21742 margin-bottom: -1.5rem !important;
21744 .ml-md-n4,
21745 .mx-md-n4 {
21746 margin-left: -1.5rem !important;
21748 .m-md-n5 {
21749 margin: -2rem !important;
21751 .mt-md-n5,
21752 .my-md-n5 {
21753 margin-top: -2rem !important;
21755 .mr-md-n5,
21756 .mx-md-n5 {
21757 margin-right: -2rem !important;
21759 .mb-md-n5,
21760 .my-md-n5 {
21761 margin-bottom: -2rem !important;
21763 .ml-md-n5,
21764 .mx-md-n5 {
21765 margin-left: -2rem !important;
21767 .m-md-n6 {
21768 margin: -3rem !important;
21770 .mt-md-n6,
21771 .my-md-n6 {
21772 margin-top: -3rem !important;
21774 .mr-md-n6,
21775 .mx-md-n6 {
21776 margin-right: -3rem !important;
21778 .mb-md-n6,
21779 .my-md-n6 {
21780 margin-bottom: -3rem !important;
21782 .ml-md-n6,
21783 .mx-md-n6 {
21784 margin-left: -3rem !important;
21786 .m-md-auto {
21787 margin: auto !important;
21789 .mt-md-auto,
21790 .my-md-auto {
21791 margin-top: auto !important;
21793 .mr-md-auto,
21794 .mx-md-auto {
21795 margin-right: auto !important;
21797 .mb-md-auto,
21798 .my-md-auto {
21799 margin-bottom: auto !important;
21801 .ml-md-auto,
21802 .mx-md-auto {
21803 margin-left: auto !important;
21806 @media (min-width: 992px) {
21807 .m-lg-0 {
21808 margin: 0 !important;
21810 .mt-lg-0,
21811 .my-lg-0 {
21812 margin-top: 0 !important;
21814 .mr-lg-0,
21815 .mx-lg-0 {
21816 margin-right: 0 !important;
21818 .mb-lg-0,
21819 .my-lg-0 {
21820 margin-bottom: 0 !important;
21822 .ml-lg-0,
21823 .mx-lg-0 {
21824 margin-left: 0 !important;
21826 .m-lg-1 {
21827 margin: 0.25rem !important;
21829 .mt-lg-1,
21830 .my-lg-1 {
21831 margin-top: 0.25rem !important;
21833 .mr-lg-1,
21834 .mx-lg-1 {
21835 margin-right: 0.25rem !important;
21837 .mb-lg-1,
21838 .my-lg-1 {
21839 margin-bottom: 0.25rem !important;
21841 .ml-lg-1,
21842 .mx-lg-1 {
21843 margin-left: 0.25rem !important;
21845 .m-lg-2 {
21846 margin: 0.5rem !important;
21848 .mt-lg-2,
21849 .my-lg-2 {
21850 margin-top: 0.5rem !important;
21852 .mr-lg-2,
21853 .mx-lg-2 {
21854 margin-right: 0.5rem !important;
21856 .mb-lg-2,
21857 .my-lg-2 {
21858 margin-bottom: 0.5rem !important;
21860 .ml-lg-2,
21861 .mx-lg-2 {
21862 margin-left: 0.5rem !important;
21864 .m-lg-3 {
21865 margin: 1rem !important;
21867 .mt-lg-3,
21868 .my-lg-3 {
21869 margin-top: 1rem !important;
21871 .mr-lg-3,
21872 .mx-lg-3 {
21873 margin-right: 1rem !important;
21875 .mb-lg-3,
21876 .my-lg-3 {
21877 margin-bottom: 1rem !important;
21879 .ml-lg-3,
21880 .mx-lg-3 {
21881 margin-left: 1rem !important;
21883 .m-lg-4 {
21884 margin: 1.5rem !important;
21886 .mt-lg-4,
21887 .my-lg-4 {
21888 margin-top: 1.5rem !important;
21890 .mr-lg-4,
21891 .mx-lg-4 {
21892 margin-right: 1.5rem !important;
21894 .mb-lg-4,
21895 .my-lg-4 {
21896 margin-bottom: 1.5rem !important;
21898 .ml-lg-4,
21899 .mx-lg-4 {
21900 margin-left: 1.5rem !important;
21902 .m-lg-5 {
21903 margin: 2rem !important;
21905 .mt-lg-5,
21906 .my-lg-5 {
21907 margin-top: 2rem !important;
21909 .mr-lg-5,
21910 .mx-lg-5 {
21911 margin-right: 2rem !important;
21913 .mb-lg-5,
21914 .my-lg-5 {
21915 margin-bottom: 2rem !important;
21917 .ml-lg-5,
21918 .mx-lg-5 {
21919 margin-left: 2rem !important;
21921 .m-lg-6 {
21922 margin: 3rem !important;
21924 .mt-lg-6,
21925 .my-lg-6 {
21926 margin-top: 3rem !important;
21928 .mr-lg-6,
21929 .mx-lg-6 {
21930 margin-right: 3rem !important;
21932 .mb-lg-6,
21933 .my-lg-6 {
21934 margin-bottom: 3rem !important;
21936 .ml-lg-6,
21937 .mx-lg-6 {
21938 margin-left: 3rem !important;
21940 .p-lg-0 {
21941 padding: 0 !important;
21943 .pt-lg-0,
21944 .py-lg-0 {
21945 padding-top: 0 !important;
21947 .pr-lg-0,
21948 .px-lg-0 {
21949 padding-right: 0 !important;
21951 .pb-lg-0,
21952 .py-lg-0 {
21953 padding-bottom: 0 !important;
21955 .pl-lg-0,
21956 .px-lg-0 {
21957 padding-left: 0 !important;
21959 .p-lg-1 {
21960 padding: 0.25rem !important;
21962 .pt-lg-1,
21963 .py-lg-1 {
21964 padding-top: 0.25rem !important;
21966 .pr-lg-1,
21967 .px-lg-1 {
21968 padding-right: 0.25rem !important;
21970 .pb-lg-1,
21971 .py-lg-1 {
21972 padding-bottom: 0.25rem !important;
21974 .pl-lg-1,
21975 .px-lg-1 {
21976 padding-left: 0.25rem !important;
21978 .p-lg-2 {
21979 padding: 0.5rem !important;
21981 .pt-lg-2,
21982 .py-lg-2 {
21983 padding-top: 0.5rem !important;
21985 .pr-lg-2,
21986 .px-lg-2 {
21987 padding-right: 0.5rem !important;
21989 .pb-lg-2,
21990 .py-lg-2 {
21991 padding-bottom: 0.5rem !important;
21993 .pl-lg-2,
21994 .px-lg-2 {
21995 padding-left: 0.5rem !important;
21997 .p-lg-3 {
21998 padding: 1rem !important;
22000 .pt-lg-3,
22001 .py-lg-3 {
22002 padding-top: 1rem !important;
22004 .pr-lg-3,
22005 .px-lg-3 {
22006 padding-right: 1rem !important;
22008 .pb-lg-3,
22009 .py-lg-3 {
22010 padding-bottom: 1rem !important;
22012 .pl-lg-3,
22013 .px-lg-3 {
22014 padding-left: 1rem !important;
22016 .p-lg-4 {
22017 padding: 1.5rem !important;
22019 .pt-lg-4,
22020 .py-lg-4 {
22021 padding-top: 1.5rem !important;
22023 .pr-lg-4,
22024 .px-lg-4 {
22025 padding-right: 1.5rem !important;
22027 .pb-lg-4,
22028 .py-lg-4 {
22029 padding-bottom: 1.5rem !important;
22031 .pl-lg-4,
22032 .px-lg-4 {
22033 padding-left: 1.5rem !important;
22035 .p-lg-5 {
22036 padding: 2rem !important;
22038 .pt-lg-5,
22039 .py-lg-5 {
22040 padding-top: 2rem !important;
22042 .pr-lg-5,
22043 .px-lg-5 {
22044 padding-right: 2rem !important;
22046 .pb-lg-5,
22047 .py-lg-5 {
22048 padding-bottom: 2rem !important;
22050 .pl-lg-5,
22051 .px-lg-5 {
22052 padding-left: 2rem !important;
22054 .p-lg-6 {
22055 padding: 3rem !important;
22057 .pt-lg-6,
22058 .py-lg-6 {
22059 padding-top: 3rem !important;
22061 .pr-lg-6,
22062 .px-lg-6 {
22063 padding-right: 3rem !important;
22065 .pb-lg-6,
22066 .py-lg-6 {
22067 padding-bottom: 3rem !important;
22069 .pl-lg-6,
22070 .px-lg-6 {
22071 padding-left: 3rem !important;
22073 .m-lg-n1 {
22074 margin: -0.25rem !important;
22076 .mt-lg-n1,
22077 .my-lg-n1 {
22078 margin-top: -0.25rem !important;
22080 .mr-lg-n1,
22081 .mx-lg-n1 {
22082 margin-right: -0.25rem !important;
22084 .mb-lg-n1,
22085 .my-lg-n1 {
22086 margin-bottom: -0.25rem !important;
22088 .ml-lg-n1,
22089 .mx-lg-n1 {
22090 margin-left: -0.25rem !important;
22092 .m-lg-n2 {
22093 margin: -0.5rem !important;
22095 .mt-lg-n2,
22096 .my-lg-n2 {
22097 margin-top: -0.5rem !important;
22099 .mr-lg-n2,
22100 .mx-lg-n2 {
22101 margin-right: -0.5rem !important;
22103 .mb-lg-n2,
22104 .my-lg-n2 {
22105 margin-bottom: -0.5rem !important;
22107 .ml-lg-n2,
22108 .mx-lg-n2 {
22109 margin-left: -0.5rem !important;
22111 .m-lg-n3 {
22112 margin: -1rem !important;
22114 .mt-lg-n3,
22115 .my-lg-n3 {
22116 margin-top: -1rem !important;
22118 .mr-lg-n3,
22119 .mx-lg-n3 {
22120 margin-right: -1rem !important;
22122 .mb-lg-n3,
22123 .my-lg-n3 {
22124 margin-bottom: -1rem !important;
22126 .ml-lg-n3,
22127 .mx-lg-n3 {
22128 margin-left: -1rem !important;
22130 .m-lg-n4 {
22131 margin: -1.5rem !important;
22133 .mt-lg-n4,
22134 .my-lg-n4 {
22135 margin-top: -1.5rem !important;
22137 .mr-lg-n4,
22138 .mx-lg-n4 {
22139 margin-right: -1.5rem !important;
22141 .mb-lg-n4,
22142 .my-lg-n4 {
22143 margin-bottom: -1.5rem !important;
22145 .ml-lg-n4,
22146 .mx-lg-n4 {
22147 margin-left: -1.5rem !important;
22149 .m-lg-n5 {
22150 margin: -2rem !important;
22152 .mt-lg-n5,
22153 .my-lg-n5 {
22154 margin-top: -2rem !important;
22156 .mr-lg-n5,
22157 .mx-lg-n5 {
22158 margin-right: -2rem !important;
22160 .mb-lg-n5,
22161 .my-lg-n5 {
22162 margin-bottom: -2rem !important;
22164 .ml-lg-n5,
22165 .mx-lg-n5 {
22166 margin-left: -2rem !important;
22168 .m-lg-n6 {
22169 margin: -3rem !important;
22171 .mt-lg-n6,
22172 .my-lg-n6 {
22173 margin-top: -3rem !important;
22175 .mr-lg-n6,
22176 .mx-lg-n6 {
22177 margin-right: -3rem !important;
22179 .mb-lg-n6,
22180 .my-lg-n6 {
22181 margin-bottom: -3rem !important;
22183 .ml-lg-n6,
22184 .mx-lg-n6 {
22185 margin-left: -3rem !important;
22187 .m-lg-auto {
22188 margin: auto !important;
22190 .mt-lg-auto,
22191 .my-lg-auto {
22192 margin-top: auto !important;
22194 .mr-lg-auto,
22195 .mx-lg-auto {
22196 margin-right: auto !important;
22198 .mb-lg-auto,
22199 .my-lg-auto {
22200 margin-bottom: auto !important;
22202 .ml-lg-auto,
22203 .mx-lg-auto {
22204 margin-left: auto !important;
22207 @media (min-width: 1200px) {
22208 .m-xl-0 {
22209 margin: 0 !important;
22211 .mt-xl-0,
22212 .my-xl-0 {
22213 margin-top: 0 !important;
22215 .mr-xl-0,
22216 .mx-xl-0 {
22217 margin-right: 0 !important;
22219 .mb-xl-0,
22220 .my-xl-0 {
22221 margin-bottom: 0 !important;
22223 .ml-xl-0,
22224 .mx-xl-0 {
22225 margin-left: 0 !important;
22227 .m-xl-1 {
22228 margin: 0.25rem !important;
22230 .mt-xl-1,
22231 .my-xl-1 {
22232 margin-top: 0.25rem !important;
22234 .mr-xl-1,
22235 .mx-xl-1 {
22236 margin-right: 0.25rem !important;
22238 .mb-xl-1,
22239 .my-xl-1 {
22240 margin-bottom: 0.25rem !important;
22242 .ml-xl-1,
22243 .mx-xl-1 {
22244 margin-left: 0.25rem !important;
22246 .m-xl-2 {
22247 margin: 0.5rem !important;
22249 .mt-xl-2,
22250 .my-xl-2 {
22251 margin-top: 0.5rem !important;
22253 .mr-xl-2,
22254 .mx-xl-2 {
22255 margin-right: 0.5rem !important;
22257 .mb-xl-2,
22258 .my-xl-2 {
22259 margin-bottom: 0.5rem !important;
22261 .ml-xl-2,
22262 .mx-xl-2 {
22263 margin-left: 0.5rem !important;
22265 .m-xl-3 {
22266 margin: 1rem !important;
22268 .mt-xl-3,
22269 .my-xl-3 {
22270 margin-top: 1rem !important;
22272 .mr-xl-3,
22273 .mx-xl-3 {
22274 margin-right: 1rem !important;
22276 .mb-xl-3,
22277 .my-xl-3 {
22278 margin-bottom: 1rem !important;
22280 .ml-xl-3,
22281 .mx-xl-3 {
22282 margin-left: 1rem !important;
22284 .m-xl-4 {
22285 margin: 1.5rem !important;
22287 .mt-xl-4,
22288 .my-xl-4 {
22289 margin-top: 1.5rem !important;
22291 .mr-xl-4,
22292 .mx-xl-4 {
22293 margin-right: 1.5rem !important;
22295 .mb-xl-4,
22296 .my-xl-4 {
22297 margin-bottom: 1.5rem !important;
22299 .ml-xl-4,
22300 .mx-xl-4 {
22301 margin-left: 1.5rem !important;
22303 .m-xl-5 {
22304 margin: 2rem !important;
22306 .mt-xl-5,
22307 .my-xl-5 {
22308 margin-top: 2rem !important;
22310 .mr-xl-5,
22311 .mx-xl-5 {
22312 margin-right: 2rem !important;
22314 .mb-xl-5,
22315 .my-xl-5 {
22316 margin-bottom: 2rem !important;
22318 .ml-xl-5,
22319 .mx-xl-5 {
22320 margin-left: 2rem !important;
22322 .m-xl-6 {
22323 margin: 3rem !important;
22325 .mt-xl-6,
22326 .my-xl-6 {
22327 margin-top: 3rem !important;
22329 .mr-xl-6,
22330 .mx-xl-6 {
22331 margin-right: 3rem !important;
22333 .mb-xl-6,
22334 .my-xl-6 {
22335 margin-bottom: 3rem !important;
22337 .ml-xl-6,
22338 .mx-xl-6 {
22339 margin-left: 3rem !important;
22341 .p-xl-0 {
22342 padding: 0 !important;
22344 .pt-xl-0,
22345 .py-xl-0 {
22346 padding-top: 0 !important;
22348 .pr-xl-0,
22349 .px-xl-0 {
22350 padding-right: 0 !important;
22352 .pb-xl-0,
22353 .py-xl-0 {
22354 padding-bottom: 0 !important;
22356 .pl-xl-0,
22357 .px-xl-0 {
22358 padding-left: 0 !important;
22360 .p-xl-1 {
22361 padding: 0.25rem !important;
22363 .pt-xl-1,
22364 .py-xl-1 {
22365 padding-top: 0.25rem !important;
22367 .pr-xl-1,
22368 .px-xl-1 {
22369 padding-right: 0.25rem !important;
22371 .pb-xl-1,
22372 .py-xl-1 {
22373 padding-bottom: 0.25rem !important;
22375 .pl-xl-1,
22376 .px-xl-1 {
22377 padding-left: 0.25rem !important;
22379 .p-xl-2 {
22380 padding: 0.5rem !important;
22382 .pt-xl-2,
22383 .py-xl-2 {
22384 padding-top: 0.5rem !important;
22386 .pr-xl-2,
22387 .px-xl-2 {
22388 padding-right: 0.5rem !important;
22390 .pb-xl-2,
22391 .py-xl-2 {
22392 padding-bottom: 0.5rem !important;
22394 .pl-xl-2,
22395 .px-xl-2 {
22396 padding-left: 0.5rem !important;
22398 .p-xl-3 {
22399 padding: 1rem !important;
22401 .pt-xl-3,
22402 .py-xl-3 {
22403 padding-top: 1rem !important;
22405 .pr-xl-3,
22406 .px-xl-3 {
22407 padding-right: 1rem !important;
22409 .pb-xl-3,
22410 .py-xl-3 {
22411 padding-bottom: 1rem !important;
22413 .pl-xl-3,
22414 .px-xl-3 {
22415 padding-left: 1rem !important;
22417 .p-xl-4 {
22418 padding: 1.5rem !important;
22420 .pt-xl-4,
22421 .py-xl-4 {
22422 padding-top: 1.5rem !important;
22424 .pr-xl-4,
22425 .px-xl-4 {
22426 padding-right: 1.5rem !important;
22428 .pb-xl-4,
22429 .py-xl-4 {
22430 padding-bottom: 1.5rem !important;
22432 .pl-xl-4,
22433 .px-xl-4 {
22434 padding-left: 1.5rem !important;
22436 .p-xl-5 {
22437 padding: 2rem !important;
22439 .pt-xl-5,
22440 .py-xl-5 {
22441 padding-top: 2rem !important;
22443 .pr-xl-5,
22444 .px-xl-5 {
22445 padding-right: 2rem !important;
22447 .pb-xl-5,
22448 .py-xl-5 {
22449 padding-bottom: 2rem !important;
22451 .pl-xl-5,
22452 .px-xl-5 {
22453 padding-left: 2rem !important;
22455 .p-xl-6 {
22456 padding: 3rem !important;
22458 .pt-xl-6,
22459 .py-xl-6 {
22460 padding-top: 3rem !important;
22462 .pr-xl-6,
22463 .px-xl-6 {
22464 padding-right: 3rem !important;
22466 .pb-xl-6,
22467 .py-xl-6 {
22468 padding-bottom: 3rem !important;
22470 .pl-xl-6,
22471 .px-xl-6 {
22472 padding-left: 3rem !important;
22474 .m-xl-n1 {
22475 margin: -0.25rem !important;
22477 .mt-xl-n1,
22478 .my-xl-n1 {
22479 margin-top: -0.25rem !important;
22481 .mr-xl-n1,
22482 .mx-xl-n1 {
22483 margin-right: -0.25rem !important;
22485 .mb-xl-n1,
22486 .my-xl-n1 {
22487 margin-bottom: -0.25rem !important;
22489 .ml-xl-n1,
22490 .mx-xl-n1 {
22491 margin-left: -0.25rem !important;
22493 .m-xl-n2 {
22494 margin: -0.5rem !important;
22496 .mt-xl-n2,
22497 .my-xl-n2 {
22498 margin-top: -0.5rem !important;
22500 .mr-xl-n2,
22501 .mx-xl-n2 {
22502 margin-right: -0.5rem !important;
22504 .mb-xl-n2,
22505 .my-xl-n2 {
22506 margin-bottom: -0.5rem !important;
22508 .ml-xl-n2,
22509 .mx-xl-n2 {
22510 margin-left: -0.5rem !important;
22512 .m-xl-n3 {
22513 margin: -1rem !important;
22515 .mt-xl-n3,
22516 .my-xl-n3 {
22517 margin-top: -1rem !important;
22519 .mr-xl-n3,
22520 .mx-xl-n3 {
22521 margin-right: -1rem !important;
22523 .mb-xl-n3,
22524 .my-xl-n3 {
22525 margin-bottom: -1rem !important;
22527 .ml-xl-n3,
22528 .mx-xl-n3 {
22529 margin-left: -1rem !important;
22531 .m-xl-n4 {
22532 margin: -1.5rem !important;
22534 .mt-xl-n4,
22535 .my-xl-n4 {
22536 margin-top: -1.5rem !important;
22538 .mr-xl-n4,
22539 .mx-xl-n4 {
22540 margin-right: -1.5rem !important;
22542 .mb-xl-n4,
22543 .my-xl-n4 {
22544 margin-bottom: -1.5rem !important;
22546 .ml-xl-n4,
22547 .mx-xl-n4 {
22548 margin-left: -1.5rem !important;
22550 .m-xl-n5 {
22551 margin: -2rem !important;
22553 .mt-xl-n5,
22554 .my-xl-n5 {
22555 margin-top: -2rem !important;
22557 .mr-xl-n5,
22558 .mx-xl-n5 {
22559 margin-right: -2rem !important;
22561 .mb-xl-n5,
22562 .my-xl-n5 {
22563 margin-bottom: -2rem !important;
22565 .ml-xl-n5,
22566 .mx-xl-n5 {
22567 margin-left: -2rem !important;
22569 .m-xl-n6 {
22570 margin: -3rem !important;
22572 .mt-xl-n6,
22573 .my-xl-n6 {
22574 margin-top: -3rem !important;
22576 .mr-xl-n6,
22577 .mx-xl-n6 {
22578 margin-right: -3rem !important;
22580 .mb-xl-n6,
22581 .my-xl-n6 {
22582 margin-bottom: -3rem !important;
22584 .ml-xl-n6,
22585 .mx-xl-n6 {
22586 margin-left: -3rem !important;
22588 .m-xl-auto {
22589 margin: auto !important;
22591 .mt-xl-auto,
22592 .my-xl-auto {
22593 margin-top: auto !important;
22595 .mr-xl-auto,
22596 .mx-xl-auto {
22597 margin-right: auto !important;
22599 .mb-xl-auto,
22600 .my-xl-auto {
22601 margin-bottom: auto !important;
22603 .ml-xl-auto,
22604 .mx-xl-auto {
22605 margin-left: auto !important;
22608 .stretched-link::after {
22609 position: absolute;
22610 top: 0;
22611 right: 0;
22612 bottom: 0;
22613 left: 0;
22614 z-index: 1;
22615 pointer-events: auto;
22616 content: "";
22617 background-color: rgba(0, 0, 0, 0);
22620 .text-monospace {
22621 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
22624 .text-justify {
22625 text-align: justify !important;
22628 .text-wrap {
22629 white-space: normal !important;
22632 .text-nowrap {
22633 white-space: nowrap !important;
22636 .text-truncate {
22637 overflow: hidden;
22638 text-overflow: ellipsis;
22639 white-space: nowrap;
22642 .text-left {
22643 text-align: left !important;
22646 .text-right {
22647 text-align: right !important;
22650 .text-center {
22651 text-align: center !important;
22654 @media (min-width: 576px) {
22655 .text-sm-left {
22656 text-align: left !important;
22658 .text-sm-right {
22659 text-align: right !important;
22661 .text-sm-center {
22662 text-align: center !important;
22665 @media (min-width: 768px) {
22666 .text-md-left {
22667 text-align: left !important;
22669 .text-md-right {
22670 text-align: right !important;
22672 .text-md-center {
22673 text-align: center !important;
22676 @media (min-width: 992px) {
22677 .text-lg-left {
22678 text-align: left !important;
22680 .text-lg-right {
22681 text-align: right !important;
22683 .text-lg-center {
22684 text-align: center !important;
22687 @media (min-width: 1200px) {
22688 .text-xl-left {
22689 text-align: left !important;
22691 .text-xl-right {
22692 text-align: right !important;
22694 .text-xl-center {
22695 text-align: center !important;
22698 .text-lowercase {
22699 text-transform: lowercase !important;
22702 .text-uppercase {
22703 text-transform: uppercase !important;
22706 .text-capitalize {
22707 text-transform: capitalize !important;
22710 .font-weight-light {
22711 font-weight: 300 !important;
22714 .font-weight-lighter {
22715 font-weight: lighter !important;
22718 .font-weight-normal {
22719 font-weight: 400 !important;
22722 .font-weight-bold {
22723 font-weight: 700 !important;
22726 .font-weight-bolder {
22727 font-weight: bolder !important;
22730 .font-italic {
22731 font-style: italic !important;
22734 .text-white {
22735 color: #fff !important;
22738 .text-primary {
22739 color: #0f6cbf !important;
22742 a.text-primary:hover, a.text-primary:focus {
22743 color: #094478 !important;
22746 .text-secondary {
22747 color: #ced4da !important;
22750 a.text-secondary:hover, a.text-secondary:focus {
22751 color: #a2aeb9 !important;
22754 .text-success {
22755 color: #357a32 !important;
22758 a.text-success:hover, a.text-success:focus {
22759 color: #1d441c !important;
22762 .text-info {
22763 color: #008196 !important;
22766 a.text-info:hover, a.text-info:focus {
22767 color: #003f4a !important;
22770 .text-warning {
22771 color: #f0ad4e !important;
22774 a.text-warning:hover, a.text-warning:focus {
22775 color: #df8a13 !important;
22778 .text-danger {
22779 color: #ca3120 !important;
22782 a.text-danger:hover, a.text-danger:focus {
22783 color: #882116 !important;
22786 .text-light {
22787 color: #f8f9fa !important;
22790 a.text-light:hover, a.text-light:focus {
22791 color: #cbd3da !important;
22794 .text-dark {
22795 color: #343a40 !important;
22798 a.text-dark:hover, a.text-dark:focus {
22799 color: #121416 !important;
22802 .text-body {
22803 color: #1d2125 !important;
22806 .text-muted {
22807 color: #6a737b !important;
22810 .text-black-50 {
22811 color: rgba(0, 0, 0, 0.5) !important;
22814 .text-white-50 {
22815 color: rgba(255, 255, 255, 0.5) !important;
22818 .text-hide {
22819 font: 0/0 a;
22820 color: transparent;
22821 text-shadow: none;
22822 background-color: transparent;
22823 border: 0;
22826 .text-decoration-none {
22827 text-decoration: none !important;
22830 .text-break {
22831 word-break: break-word !important;
22832 word-wrap: break-word !important;
22835 .text-reset {
22836 color: inherit !important;
22839 .visible {
22840 visibility: visible !important;
22843 .invisible {
22844 visibility: hidden !important;
22847 @media print {
22849 *::before,
22850 *::after {
22851 text-shadow: none !important;
22852 box-shadow: none !important;
22854 a:not(.btn) {
22855 text-decoration: underline;
22857 abbr[title]::after {
22858 content: " (" attr(title) ")";
22860 pre {
22861 white-space: pre-wrap !important;
22863 pre,
22864 blockquote {
22865 border: 1px solid #8f959e;
22866 page-break-inside: avoid;
22869 img {
22870 page-break-inside: avoid;
22874 h3 {
22875 orphans: 3;
22876 widows: 3;
22879 h3 {
22880 page-break-after: avoid;
22882 body {
22883 min-width: 992px !important;
22885 .container {
22886 min-width: 992px !important;
22888 .navbar {
22889 display: none;
22891 .badge {
22892 border: 1px solid #000;
22894 .table {
22895 border-collapse: collapse !important;
22897 .table td,
22898 .table th {
22899 background-color: #fff !important;
22901 .table-bordered th,
22902 .table-bordered td {
22903 border: 1px solid #dee2e6 !important;
22905 .table-dark {
22906 color: inherit;
22908 .table-dark th,
22909 .table-dark td,
22910 .table-dark thead th,
22911 .table-dark tbody + tbody {
22912 border-color: #dee2e6;
22914 .table .thead-dark th {
22915 color: inherit;
22916 border-color: #dee2e6;
22920 * Bootstrap overrides for RTL
22922 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
22923 * moodle scss should be placed immediately after the definition of the ltr rule.
22925 .breadcrumb-item + .breadcrumb-item::before {
22926 content: "/";
22927 /*rtl:remove*/
22928 content: "/"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
22931 .dir-rtl .custom-select {
22932 background-position: 0.75rem center;
22934 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
22935 transform: translateX(-0.75rem);
22937 .dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow, .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
22938 transform: rotate(180deg);
22940 .dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
22941 left: auto;
22942 right: 0;
22944 .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
22945 left: 0;
22946 right: auto;
22948 .dir-rtl .popover.bs-popover-right, .dir-rtl .popover.bs-popover-auto[x-placement^=right] {
22949 margin-right: 0;
22950 margin-left: 0.5rem;
22952 .dir-rtl .popover.bs-popover-right .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=right] .arrow {
22953 transform: rotate(180deg);
22954 left: calc(-0.5rem - 1px);
22956 .dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^=left] {
22957 margin-right: 0.5rem;
22958 margin-left: 0;
22960 .dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=left] .arrow {
22961 transform: rotate(180deg);
22962 right: calc(-0.5rem - 1px);
22966 * Moodle variables
22968 * Variables written for Moodle specific components
22970 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
22971 * preset files instead.
22973 /* core.less */
22974 #region-main {
22975 overflow-y: visible;
22976 background-color: #fff;
22979 @media (min-width: 576px) {
22980 .context-header-settings-menu,
22981 .region-main-settings-menu {
22982 float: right;
22983 width: auto;
22984 max-width: 4em;
22985 height: 2em;
22986 display: block;
22987 margin-top: 4px;
22990 @media (max-width: 767.98px) {
22991 .context-header-settings-menu,
22992 .region-main-settings-menu {
22993 display: flex;
22994 justify-content: flex-end;
22997 .context-header-settings-menu .dropdown-toggle > .icon,
22998 #region-main-settings-menu .dropdown-toggle > .icon {
22999 height: 24px;
23000 font-size: 24px;
23001 width: auto;
23004 /** Prevent user notifications overlapping with region main settings menu */
23005 #user-notifications {
23006 display: block;
23007 overflow: hidden;
23010 /** Page layout CSS starts **/
23011 .layout-option-noheader #page-header,
23012 .layout-option-nonavbar #page-navbar,
23013 .layout-option-nofooter #page-footer,
23014 .layout-option-nocourseheader .course-content-header,
23015 .layout-option-nocoursefooter .course-content-footer {
23016 display: none;
23019 /** Page layout CSS ends **/
23020 .mdl-left {
23021 text-align: left;
23024 .mdl-right {
23025 text-align: right;
23028 /*rtl:ignore*/
23029 .text-ltr {
23030 direction: ltr !important; /* stylelint-disable-line declaration-no-important */
23033 #add,
23034 #remove,
23035 .centerpara,
23036 .mdl-align {
23037 text-align: center;
23040 a.dimmed,
23041 a.dimmed:link,
23042 a.dimmed:visited,
23043 a.dimmed_text,
23044 a.dimmed_text:link,
23045 a.dimmed_text:visited,
23046 .dimmed_text,
23047 .dimmed_text a,
23048 .dimmed_text a:link,
23049 .dimmed_text a:visited,
23050 .usersuspended,
23051 .usersuspended a,
23052 .usersuspended a:link,
23053 .usersuspended a:visited,
23054 .dimmed_category,
23055 .dimmed_category a {
23056 color: #6a737b;
23059 .aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
23060 #page-footer a:not([class]).focus,
23061 #page-footer a:not([class]):focus,
23062 .arrow_link.focus,
23063 .arrow_link:focus,
23064 a:not([class]).focus,
23065 a:not([class]):focus,
23066 .activityinstance > a.focus,
23067 .activityinstance > a:focus {
23068 outline: 0.2rem solid transparent;
23069 color: #1d2125;
23070 background-color: #d2e8fb;
23071 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40;
23073 .aalink:focus:hover, a.autolink:focus:hover,
23074 #page-footer a:not([class]):focus:hover,
23075 .arrow_link:focus:hover,
23076 a:not([class]):focus:hover,
23077 .activityinstance > a:focus:hover {
23078 text-decoration: none;
23081 .aabtn.focus, .aabtn:focus,
23082 .btn-link.focus,
23083 .btn-link:focus,
23084 .nav-link.focus,
23085 .nav-link:focus,
23086 .editor_atto_toolbar button.focus,
23087 .editor_atto_toolbar button:focus,
23088 .editor_atto_toolbar .atto_toolbar_row.focus,
23089 .editor_atto_toolbar .atto_toolbar_row:focus,
23090 [role=button].focus,
23091 [role=button]:focus,
23092 .list-group-item-action.focus,
23093 .list-group-item-action:focus,
23094 input[type=checkbox].focus,
23095 input[type=checkbox]:focus,
23096 input[type=radio].focus,
23097 input[type=radio]:focus,
23098 input[type=file].focus,
23099 input[type=file]:focus,
23100 input[type=image].focus,
23101 input[type=image]:focus,
23102 .sr-only-focusable.focus,
23103 .sr-only-focusable:focus,
23104 a.dropdown-toggle.focus,
23105 a.dropdown-toggle:focus,
23106 .moodle-dialogue-base .closebutton.focus,
23107 .moodle-dialogue-base .closebutton:focus,
23108 button.close.focus,
23109 button.close:focus,
23110 .form-autocomplete-selection.focus,
23111 .form-autocomplete-selection:focus,
23112 [role=treeitem]:not([aria-expanded=true]).focus,
23113 [role=treeitem]:not([aria-expanded=true]):focus {
23114 outline: 0;
23115 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23117 .aabtn:focus:hover,
23118 .btn-link:focus:hover,
23119 .nav-link:focus:hover,
23120 .editor_atto_toolbar button:focus:hover,
23121 .editor_atto_toolbar .atto_toolbar_row:focus:hover,
23122 [role=button]:focus:hover,
23123 .list-group-item-action:focus:hover,
23124 input[type=checkbox]:focus:hover,
23125 input[type=radio]:focus:hover,
23126 input[type=file]:focus:hover,
23127 input[type=image]:focus:hover,
23128 .sr-only-focusable:focus:hover,
23129 a.dropdown-toggle:focus:hover,
23130 .moodle-dialogue-base .closebutton:focus:hover,
23131 button.close:focus:hover,
23132 .form-autocomplete-selection:focus:hover,
23133 [role=treeitem]:not([aria-expanded=true]):focus:hover {
23134 text-decoration: none;
23137 .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
23138 outline: 0;
23140 .modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
23141 outline: 0;
23142 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23143 border-radius: 0.3rem;
23146 [role=treeitem][aria-expanded=true] {
23147 outline: 0;
23149 [role=treeitem][aria-expanded=true].focus > *:first-child, [role=treeitem][aria-expanded=true]:focus > *:first-child {
23150 outline: 0;
23151 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23153 [role=treeitem][aria-expanded=true]:focus:hover {
23154 text-decoration: none;
23157 .form-autocomplete-suggestions li[aria-selected=true] {
23158 outline: 0;
23159 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23162 .safari input[type=checkbox].focus, .safari input[type=checkbox]:focus,
23163 .safari input[type=radio].focus,
23164 .safari input[type=radio]:focus {
23165 outline: auto;
23168 .unlist,
23169 .unlist li,
23170 .inline-list,
23171 .inline-list li,
23172 .block .list,
23173 .block .list li,
23174 .section li.movehere,
23175 .tabtree li {
23176 list-style: none;
23177 margin: 0;
23178 padding: 0;
23181 .section li.movehere a {
23182 display: block;
23183 width: 100%;
23184 height: 2rem;
23185 border: 2px dashed #343a40;
23188 .editing .course-content .hidden.sectionname {
23189 visibility: hidden;
23190 display: initial;
23193 .inline,
23194 .inline-list li {
23195 display: inline;
23198 .notifytiny {
23199 font-size: 0.703125rem;
23202 .notifytiny li,
23203 .notifytiny td {
23204 font-size: 100%;
23207 .red,
23208 .notifyproblem {
23209 color: #f0ad4e;
23212 .green,
23213 .notifysuccess {
23214 color: #357a32;
23217 .highlight {
23218 color: #008196;
23221 .bg-primary-light {
23222 background-color: #f5f9fc;
23225 .fitem.advanced .text-info {
23226 font-weight: bold;
23229 .reportlink {
23230 text-align: right;
23233 a.autolink.glossary:hover {
23234 cursor: help;
23237 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
23238 .collapsibleregioncaption {
23239 white-space: nowrap;
23240 min-height: 1.40625rem;
23243 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
23244 cursor: pointer;
23247 .pagelayout-mydashboard #region-main {
23248 border: 0;
23249 padding: 0;
23250 background-color: transparent;
23251 margin-top: -1px;
23254 @media (max-width: 767.98px) {
23255 .pagelayout-mydashboard #region-main-box,
23256 .pagelayout-login #region-main-box {
23257 padding-left: 0;
23258 padding-right: 0;
23261 .collapsibleregioncaption img {
23262 vertical-align: middle;
23265 .jsenabled .hiddenifjs {
23266 display: none;
23269 .visibleifjs {
23270 display: none;
23273 .jsenabled .visibleifjs {
23274 display: inline;
23277 .jsenabled .collapsibleregion {
23278 overflow: hidden;
23279 box-sizing: content-box;
23282 .jsenabled .collapsed .collapsibleregioninner {
23283 visibility: hidden;
23286 .collapsible-actions {
23287 display: none;
23288 text-align: right;
23291 .jsenabled .collapsible-actions {
23292 display: block;
23295 .yui-overlay .yui-widget-bd {
23296 background-color: #ffee69;
23297 border: 1px solid #a6982b;
23298 border-top-color: #d4c237;
23299 color: #000;
23300 left: 0;
23301 padding: 2px 5px;
23302 position: relative;
23303 top: 0;
23304 z-index: 1;
23307 .clearer {
23308 background: transparent;
23309 border-width: 0;
23310 clear: both;
23311 display: block;
23312 height: 1px;
23313 margin: 0;
23314 padding: 0;
23317 .bold,
23318 .warning,
23319 .errorbox .title,
23320 .pagingbar .title,
23321 .pagingbar .thispage {
23322 font-weight: bold;
23325 img.resize {
23326 height: 1em;
23327 width: 1em;
23330 .block img.resize {
23331 height: 0.9em;
23332 width: 0.8em;
23335 /* Icon styles */
23336 img.activityicon {
23337 height: 32px;
23338 width: 32px;
23339 vertical-align: middle;
23342 .headermain {
23343 font-weight: bold;
23346 #maincontent {
23347 display: block;
23348 height: 1px;
23349 overflow: clip;
23352 img.uihint {
23353 cursor: help;
23356 #addmembersform table {
23357 margin-left: auto;
23358 margin-right: auto;
23361 table.flexible .emptyrow {
23362 display: none;
23365 form.popupform,
23366 form.popupform div {
23367 display: inline;
23370 .arrow_button input {
23371 overflow: hidden;
23374 .no-overflow {
23375 overflow: auto;
23378 .no-overflow > .generaltable {
23379 margin-bottom: 0;
23382 .no-overflow .generaltable .sr-only,
23383 .no-overflow .generaltable .accesshide,
23384 .table-responsive .generaltable .sr-only,
23385 .table-responsive .generaltable .accesshide {
23386 position: relative;
23387 display: block;
23390 .accesshide {
23391 position: absolute;
23392 width: 1px;
23393 height: 1px;
23394 padding: 0;
23395 margin: -1px;
23396 overflow: hidden;
23397 clip: rect(0, 0, 0, 0);
23398 white-space: nowrap;
23399 border: 0;
23402 span.hide,
23403 div.hide,
23404 .hidden {
23405 display: none;
23408 a.skip-block,
23409 a.skip {
23410 position: absolute;
23411 top: -1000em;
23412 font-size: 0.85em;
23413 text-decoration: none;
23416 a.skip-block:focus,
23417 a.skip-block:active,
23418 a.skip:focus,
23419 a.skip:active {
23420 position: static;
23421 display: block;
23424 .skip-block-to {
23425 display: block;
23426 height: 1px;
23427 overflow: hidden;
23430 .addbloglink {
23431 text-align: center;
23434 .blog_entry .audience {
23435 text-align: right;
23436 padding-right: 4px;
23439 .blog_entry .tags {
23440 margin-top: 15px;
23443 .blog_entry .content {
23444 margin-left: 43px;
23447 #doc-contents h1 {
23448 margin: 1em 0 0 0;
23451 #doc-contents ul {
23452 margin: 0;
23453 padding: 0;
23454 width: 90%;
23457 #doc-contents ul li {
23458 list-style-type: none;
23461 .groupmanagementtable td {
23462 vertical-align: top;
23465 .groupmanagementtable #existingcell,
23466 .groupmanagementtable #potentialcell {
23467 width: 42%;
23470 .groupmanagementtable #buttonscell {
23471 width: 16%;
23474 .groupmanagementtable #buttonscell p.arrow_button input {
23475 width: auto;
23476 min-width: 80%;
23477 margin: 0 auto;
23478 display: block;
23481 .groupmanagementtable #removeselect_wrapper,
23482 .groupmanagementtable #addselect_wrapper {
23483 width: 100%;
23486 .groupmanagementtable #removeselect_wrapper label,
23487 .groupmanagementtable #addselect_wrapper label {
23488 font-weight: normal;
23491 #group-usersummary {
23492 width: 14em;
23495 .groupselector {
23496 margin-top: 3px;
23497 margin-bottom: 3px;
23498 display: inline-block;
23501 .groupselector label {
23502 display: inline-block;
23505 .notepost {
23506 margin-bottom: 1em;
23509 .notepost .userpicture {
23510 float: left;
23511 margin-right: 5px;
23514 .notepost .content,
23515 .notepost .footer {
23516 clear: both;
23519 .notesgroup {
23520 margin-left: 20px;
23523 .path-my .coursebox {
23524 margin: 1rem 0;
23525 padding: 0;
23527 .path-my .coursebox .overview {
23528 margin: 15px 30px 10px 30px;
23531 .path-my .coursebox .info {
23532 float: none;
23533 margin: 0;
23536 .mod_introbox {
23537 padding: 10px;
23540 table.mod_index {
23541 width: 100%;
23544 .comment-ctrl {
23545 font-size: 12px;
23546 display: none;
23547 margin: 0;
23548 padding: 0;
23551 .comment-ctrl h5 {
23552 margin: 0;
23553 padding: 5px;
23556 .comment-area {
23557 max-width: 400px;
23558 padding: 5px;
23561 .comment-area textarea {
23562 width: 100%;
23563 overflow: auto;
23565 .comment-area textarea.fullwidth {
23566 -webkit-box-sizing: border-box;
23567 -moz-box-sizing: border-box;
23568 box-sizing: border-box;
23571 .comment-area .fd {
23572 text-align: right;
23575 .comment-meta span {
23576 color: gray;
23579 .comment-link img {
23580 vertical-align: text-bottom;
23583 .comment-list {
23584 font-size: 11px;
23585 overflow: auto;
23586 list-style: none;
23587 padding: 0;
23588 margin: 0;
23591 .comment-list li {
23592 margin: 2px;
23593 list-style: none;
23594 margin-bottom: 5px;
23595 clear: both;
23596 padding: 0.3em;
23597 position: relative;
23600 .comment-list li.first {
23601 display: none;
23604 .comment-paging {
23605 text-align: center;
23608 .comment-paging .pageno {
23609 padding: 2px;
23612 .comment-paging .curpage {
23613 border: 1px solid #ccc;
23616 .comment-message .picture {
23617 float: left;
23618 margin-right: 0.25rem;
23621 .comment-message .text {
23622 margin: 0;
23623 padding: 0;
23626 .comment-message .text p {
23627 padding: 0;
23628 margin: 0 18px 0 0;
23631 .comment-delete {
23632 position: absolute;
23633 top: 0;
23634 right: 0;
23635 margin: 0.3em;
23638 .comment-report-selectall {
23639 display: none;
23642 .comment-link {
23643 display: none;
23646 .jsenabled .comment-link {
23647 display: block;
23650 .jsenabled .showcommentsnonjs {
23651 display: none;
23654 .jsenabled .comment-report-selectall {
23655 display: inline;
23659 * Completion progress report
23661 .completion-expired {
23662 color: #f0ad4e;
23665 .completion-expected {
23666 font-size: 0.703125rem;
23669 .completion-sortchoice,
23670 .completion-identifyfield {
23671 font-size: 0.703125rem;
23672 vertical-align: bottom;
23675 .completion-progresscell {
23676 text-align: right;
23679 .completion-expired .completion-expected {
23680 font-weight: bold;
23684 * Tags
23686 #tag-search-box {
23687 text-align: center;
23688 margin: 10px auto;
23691 span.flagged-tag,
23692 tr.flagged-tag,
23693 span.flagged-tag a,
23694 tr.flagged-tag a {
23695 color: #f0ad4e;
23698 .tag-management-table td,
23699 .tag-management-table th {
23700 vertical-align: middle;
23701 padding: 4px;
23703 .tag-management-table .inplaceeditable.inplaceeditingon input {
23704 width: 150px;
23707 .path-admin-tag .addstandardtags {
23708 float: right;
23710 .path-admin-tag .addstandardtags img {
23711 margin: 0 5px;
23714 .path-tag .tag-relatedtags {
23715 padding-top: 10px;
23717 .path-tag .tag-management-box {
23718 text-align: right;
23720 .path-tag .tag-index-toc {
23721 padding: 10px;
23722 text-align: center;
23724 .path-tag .tag-index-toc li {
23725 margin-left: 5px;
23726 margin-right: 5px;
23728 .path-tag .tag-management-box li {
23729 margin-left: 5px;
23730 margin-right: 5px;
23732 .path-tag .tag-management-box li a {
23733 background-repeat: no-repeat;
23734 background-position: left;
23735 padding-left: 17px;
23737 .path-tag .tag-management-box li a.edittag {
23738 background-image: url([[pix:moodle|i/settings]]);
23740 .path-tag .tag-management-box li a.flagasinappropriate {
23741 background-image: url([[pix:moodle|i/flagged]]);
23743 .path-tag .tag-management-box li a.removefrommyinterests {
23744 background-image: url([[pix:moodle|t/delete]]);
23746 .path-tag .tag-management-box li a.addtomyinterests {
23747 background-image: url([[pix:moodle|t/add]]);
23749 .path-tag .tag-backtoallitems {
23750 text-align: center;
23752 .path-tag .tag-index-items .tagarea {
23753 border: 1px solid #e3e3e3;
23754 border-radius: 4px;
23755 padding: 10px;
23756 margin-top: 10px;
23758 .path-tag .tag-index-items .tagarea h3 {
23759 display: block;
23760 padding: 3px 0 10px 0;
23761 margin: 0;
23762 font-size: 1.1em;
23763 font-weight: bold;
23764 line-height: 20px;
23765 color: #999;
23766 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
23767 text-transform: uppercase;
23768 word-wrap: break-word;
23769 border-bottom: solid 1px #e3e3e3;
23770 margin-bottom: 10px;
23772 .path-tag .tag-index-items .tagarea .taggeditems::after {
23773 display: block;
23774 clear: both;
23775 content: "";
23777 .path-tag .tag-index-items .tagarea .controls {
23778 text-align: center;
23780 .path-tag .tag-index-items .tagarea .controls::after {
23781 display: block;
23782 clear: both;
23783 content: "";
23785 .path-tag .tag-index-items .tagarea .controls.controls-bottom {
23786 margin-top: 5px;
23788 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
23789 float: right;
23791 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
23792 float: left;
23794 .path-tag .tag-index-items .tagarea .controls .exclusivemode {
23795 display: inline-block;
23797 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
23798 padding-right: 5px;
23799 padding-left: 5px;
23800 content: "«";
23802 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
23803 padding-right: 5px;
23804 padding-left: 5px;
23805 content: "»";
23808 .tag_feed img {
23809 max-height: 35px;
23810 max-width: 35px;
23812 .tag_feed .muted a {
23813 color: #6a737b;
23816 .tag_cloud {
23817 text-align: center;
23819 .tag_cloud .inline-list li {
23820 padding: 0 0.2em;
23822 .tag_cloud .tag_overflow {
23823 margin-top: 1em;
23824 font-style: italic;
23826 .tag_cloud .s0 {
23827 font-size: 0.7em;
23829 .tag_cloud .s1 {
23830 font-size: 0.8em;
23832 .tag_cloud .s2 {
23833 font-size: 0.9em;
23835 .tag_cloud .s3 {
23836 font-size: 1em;
23838 .tag_cloud .s4 {
23839 font-size: 1.1em;
23841 .tag_cloud .s5 {
23842 font-size: 1.2em;
23844 .tag_cloud .s6 {
23845 font-size: 1.3em;
23847 .tag_cloud .s7 {
23848 font-size: 1.4em;
23850 .tag_cloud .s8 {
23851 font-size: 1.5em;
23853 .tag_cloud .s9 {
23854 font-size: 1.6em;
23856 .tag_cloud .s10 {
23857 font-size: 1.7em;
23859 .tag_cloud .s11 {
23860 font-size: 1.8em;
23862 .tag_cloud .s12 {
23863 font-size: 1.9em;
23865 .tag_cloud .s13 {
23866 font-size: 2em;
23868 .tag_cloud .s14 {
23869 font-size: 2.1em;
23871 .tag_cloud .s15 {
23872 font-size: 2.2em;
23874 .tag_cloud .s16 {
23875 font-size: 2.3em;
23877 .tag_cloud .s17 {
23878 font-size: 2.4em;
23880 .tag_cloud .s18 {
23881 font-size: 2.5em;
23883 .tag_cloud .s19 {
23884 font-size: 2.6em;
23886 .tag_cloud .s20 {
23887 font-size: 2.7em;
23890 .tag_list ul {
23891 display: inline;
23893 .tag_list .tagmorelink {
23894 display: none;
23896 .tag_list.hideoverlimit .overlimit {
23897 display: none;
23899 .tag_list.hideoverlimit .tagmorelink {
23900 display: inline;
23902 .tag_list.hideoverlimit .taglesslink {
23903 display: none;
23907 * Web Service
23909 #webservice-doc-generator td {
23910 text-align: left;
23911 border: 0 solid #000;
23915 * Enrol
23917 .userenrolment {
23918 width: 100%;
23919 border-collapse: collapse;
23922 .userenrolment tr {
23923 vertical-align: top;
23926 .userenrolment td {
23927 padding: 0;
23928 height: 41px;
23931 .userenrolment .subfield {
23932 margin-right: 5px;
23935 .userenrolment .col_userdetails .subfield {
23936 margin-left: 40px;
23939 .userenrolment .col_userdetails .subfield_picture {
23940 float: left;
23941 margin-left: 0;
23944 .userenrolment .col_lastseen {
23945 width: 150px;
23948 .userenrolment .col_role {
23949 width: 262px;
23952 .userenrolment .col_role .roles,
23953 .userenrolment .col_group .groups {
23954 margin-right: 30px;
23957 .userenrolment .col_role .role {
23958 float: left;
23959 padding: 0 3px 3px;
23960 margin: 0 3px 3px;
23961 white-space: nowrap;
23964 .userenrolment .col_group .group {
23965 float: left;
23966 padding: 3px;
23967 margin: 3px;
23968 white-space: nowrap;
23971 .userenrolment .col_role .role a,
23972 .userenrolment .col_group .group a {
23973 margin-left: 3px;
23974 cursor: pointer;
23977 .userenrolment .col_role .addrole,
23978 .userenrolment .col_group .addgroup {
23979 float: right;
23980 padding: 3px;
23981 margin: 3px;
23983 .userenrolment .col_role .addrole > a:hover,
23984 .userenrolment .col_group .addgroup > a:hover {
23985 border-bottom: 1px solid #666;
23988 .userenrolment .col_role .addrole img,
23989 .userenrolment .col_group .addgroup img {
23990 vertical-align: baseline;
23993 .userenrolment .hasAllRoles .col_role .addrole {
23994 display: none;
23997 .userenrolment .col_enrol .enrolment {
23998 float: left;
23999 padding: 0 3px 3px;
24000 margin: 0 3px 3px;
24003 .userenrolment .col_enrol .enrolment a {
24004 float: right;
24005 margin-left: 3px;
24008 #page-enrol-otherusers .userenrolment .col_role .role {
24009 float: none;
24010 margin: 3px 3px 3px 0;
24011 padding: 3px 3px 3px 0;
24014 .corelightbox {
24015 background-color: #ccc;
24016 position: absolute;
24017 top: 0;
24018 left: 0;
24019 width: 100%;
24020 height: 100%;
24021 text-align: center;
24024 .corelightbox img {
24025 position: fixed;
24026 top: 50%;
24027 left: 50%;
24030 .mod-indent-outer {
24031 display: table;
24034 .mod-indent {
24035 display: table-cell;
24038 .label .mod-indent {
24039 float: left;
24040 padding-top: 20px;
24043 .activity.label.modtype_label .mod-indent {
24044 float: none;
24047 @media (min-width: 576px) {
24048 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
24049 .mod-indent-1 {
24050 width: 30px;
24052 .mod-indent-2 {
24053 width: 60px;
24055 .mod-indent-3 {
24056 width: 90px;
24058 .mod-indent-4 {
24059 width: 120px;
24061 .mod-indent-5 {
24062 width: 150px;
24064 .mod-indent-6 {
24065 width: 180px;
24067 .mod-indent-7 {
24068 width: 210px;
24070 .mod-indent-8 {
24071 width: 240px;
24073 .mod-indent-9 {
24074 width: 270px;
24076 .mod-indent-10 {
24077 width: 300px;
24079 .mod-indent-11 {
24080 width: 330px;
24082 .mod-indent-12 {
24083 width: 360px;
24085 .mod-indent-13 {
24086 width: 390px;
24088 .mod-indent-14 {
24089 width: 420px;
24091 .mod-indent-15 {
24092 width: 450px;
24094 .mod-indent-16 {
24095 width: 480px;
24097 .mod-indent-huge {
24098 width: 480px;
24101 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
24102 .resourcecontent .mediaplugin_mp3 object {
24103 height: 25px;
24104 width: 600px;
24107 .resourcecontent audio.mediaplugin_html5audio {
24108 width: 600px;
24111 /** Large resource images should avoid hidden overflow **/
24112 .resourceimage {
24113 max-width: 100%;
24116 /* Audio player size in 'inline' mode (can only change width, as above) */
24117 .mediaplugin_mp3 object {
24118 height: 15px;
24119 width: 300px;
24122 audio.mediaplugin_html5audio {
24123 width: 300px;
24126 .core_media_preview.pagelayout-embedded #maincontent {
24127 height: 0;
24130 .path-rating .ratingtable {
24131 width: 100%;
24132 margin-bottom: 1em;
24135 .path-rating .ratingtable th.rating {
24136 width: 100%;
24139 .path-rating .ratingtable td.rating,
24140 .path-rating .ratingtable td.time {
24141 white-space: nowrap;
24142 text-align: center;
24145 /* Moodle Dialogue Settings (moodle-core-dialogue) */
24146 .moodle-dialogue-base .moodle-dialogue-lightbox {
24147 background-color: #495057;
24150 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
24151 background-color: transparent;
24153 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
24154 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
24157 .moodle-dialogue-base .hidden,
24158 .moodle-dialogue-base .moodle-dialogue-hidden {
24159 display: none;
24162 .no-scrolling {
24163 overflow: hidden;
24166 .moodle-dialogue-base .moodle-dialogue-fullscreen {
24167 left: 0;
24168 top: 0;
24169 right: 0;
24170 bottom: -50px;
24171 position: fixed;
24174 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24175 overflow: auto;
24178 .moodle-dialogue-base .moodle-dialogue-wrap {
24179 background-color: #fff;
24180 border: 1px solid #ccc;
24183 .modal.show {
24184 display: block;
24187 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
24188 display: flex;
24189 padding: 1rem 1rem;
24190 border-bottom: 1px solid #dee2e6;
24193 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
24194 min-height: 3rem;
24195 color: initial;
24196 background: initial;
24197 font-size: 1.5rem;
24198 line-height: 1.5;
24201 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
24202 font-size: 1.5rem;
24203 font-weight: 400;
24204 margin-bottom: 0;
24205 line-height: 1.5;
24208 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
24209 /*rtl:raw:
24210 left: 0;
24211 right: auto;
24213 padding: 0;
24214 position: relative;
24215 margin-left: auto;
24218 .moodle-dialogue-base .closebutton {
24219 padding: 1rem 1rem;
24220 margin: -1rem -1rem -1rem auto;
24221 position: relative;
24222 background-color: transparent;
24223 border: 0;
24224 background-image: none;
24225 box-shadow: none;
24226 opacity: 0.7;
24228 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
24229 opacity: 1;
24231 .moodle-dialogue-base .closebutton::after {
24232 content: "×";
24235 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
24236 padding: 0.5rem;
24238 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
24239 background-color: #fff;
24242 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24243 overflow: auto;
24244 position: absolute;
24245 top: 0;
24246 bottom: 50px;
24247 left: 0;
24248 right: 0;
24249 margin: 0;
24250 border: 0;
24253 .moodle-dialogue-exception .moodle-exception-param label {
24254 font-weight: bold;
24257 .moodle-dialogue-exception .param-stacktrace label {
24258 background-color: #eee;
24259 border: 1px solid #ccc;
24260 border-bottom-width: 0;
24263 .moodle-dialogue-exception .param-stacktrace pre {
24264 border: 1px solid #ccc;
24265 background-color: #fff;
24268 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24269 color: navy;
24270 font-size: 0.8203125rem;
24273 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24274 color: #f0ad4e;
24275 font-size: 0.8203125rem;
24278 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24279 color: #333;
24280 font-size: 90%;
24281 border-bottom: 1px solid #eee;
24284 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
24285 display: none;
24288 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
24289 background: initial;
24292 .moodle-dialogue-confirm .confirmation-message {
24293 margin: 0.5rem 0;
24296 .moodle-dialogue-confirm .confirmation-dialogue input {
24297 min-width: 80px;
24300 .moodle-dialogue-exception .moodle-exception-message {
24301 margin: 1em;
24304 .moodle-dialogue-exception .moodle-exception-param {
24305 margin-bottom: 0.5em;
24308 .moodle-dialogue-exception .moodle-exception-param label {
24309 width: 150px;
24312 .moodle-dialogue-exception .param-stacktrace label {
24313 display: block;
24314 margin: 0;
24315 padding: 4px 1em;
24318 .moodle-dialogue-exception .param-stacktrace pre {
24319 display: block;
24320 height: 200px;
24321 overflow: auto;
24324 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24325 display: inline-block;
24326 margin: 4px 0;
24329 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24330 display: inline-block;
24331 width: 50px;
24332 margin: 4px 1em;
24335 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24336 padding-left: 25px;
24337 margin-bottom: 4px;
24338 padding-bottom: 4px;
24341 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
24342 opacity: 0.75;
24343 width: 100%;
24344 height: 100%;
24345 top: 0;
24346 left: 0;
24347 background-color: #fff;
24348 text-align: center;
24349 padding: 10% 0;
24352 /* Apply a default max-height on tooltip text */
24353 .moodle-dialogue .tooltiptext {
24354 max-height: 300px;
24357 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
24358 z-index: 3001;
24360 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
24361 overflow: auto;
24365 * Chooser Dialogues (moodle-core-chooserdialogue)
24367 * This CSS belong to the chooser dialogue which should work both with, and
24368 * without javascript enabled
24370 /* Hide the dialog and it's title */
24371 .chooserdialoguebody,
24372 .choosertitle {
24373 display: none;
24376 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
24377 margin: 0;
24380 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
24381 padding: 0;
24382 background: #f2f2f2;
24383 border-bottom-right-radius: 10px;
24384 border-bottom-left-radius: 10px;
24387 /* Center the submit buttons within the area */
24388 .choosercontainer #chooseform .submitbuttons {
24389 padding: 0.7em 0;
24390 text-align: right;
24393 /* Fixed for safari browser on iPhone4S with ios7@mixin */
24394 @media (max-height: 639px) {
24395 .ios .choosercontainer #chooseform .submitbuttons {
24396 padding: 45px 0;
24399 .choosercontainer #chooseform .submitbuttons input {
24400 min-width: 100px;
24401 margin: 0 0.5em;
24404 /* Various settings for the options area */
24405 .choosercontainer #chooseform .options {
24406 position: relative;
24407 border-bottom: 1px solid #bbb;
24410 /* Only set these options if we're showing the js container */
24411 .jschooser .choosercontainer #chooseform .alloptions {
24412 overflow-x: hidden;
24413 overflow-y: auto;
24414 max-width: 240px;
24416 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
24417 display: inline-block;
24419 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
24420 display: inline-block;
24421 width: 55%;
24424 /* Settings for option rows and option subtypes */
24425 .choosercontainer #chooseform .moduletypetitle,
24426 .choosercontainer #chooseform .option,
24427 .choosercontainer #chooseform .nonoption {
24428 margin-bottom: 0;
24429 padding: 0 1.6em 0 1.6em;
24432 .choosercontainer #chooseform .moduletypetitle {
24433 text-transform: uppercase;
24434 padding-top: 1.2em;
24435 padding-bottom: 0.4em;
24436 margin-bottom: 0.5rem;
24437 font-size: 100%;
24440 .choosercontainer #chooseform .option .typename,
24441 .choosercontainer #chooseform .nonoption .typename {
24442 padding: 0 0 0 0.5em;
24445 .choosercontainer #chooseform .modicon + .typename {
24446 padding-left: 0;
24449 .choosercontainer #chooseform .option input[type=radio],
24450 .choosercontainer #chooseform .option span.typename {
24451 vertical-align: middle;
24454 .choosercontainer #chooseform .option label {
24455 display: block;
24456 margin: 0;
24457 padding: 0.5rem 0;
24458 border-bottom: 1px solid #fff;
24461 .choosercontainer #chooseform .option .icon {
24462 margin: 0;
24463 padding: 0 1rem;
24466 .choosercontainer #chooseform .nonoption {
24467 padding-left: 2.7em;
24468 padding-top: 0.3em;
24469 padding-bottom: 0.1em;
24472 .choosercontainer #chooseform .subtype {
24473 margin-bottom: 0;
24474 padding: 0 1.6em 0 3.2em;
24477 .choosercontainer #chooseform .subtype .typename {
24478 margin: 0 0 0 0.2em;
24481 /* The instruction/help area */
24482 .jschooser .choosercontainer #chooseform .instruction,
24483 .jschooser .choosercontainer #chooseform .typesummary {
24484 display: none;
24485 position: absolute;
24486 top: 0;
24487 right: 0;
24488 bottom: 0;
24489 left: 240px;
24490 margin: 0;
24491 padding: 1.6em;
24492 background-color: #fff;
24493 overflow-x: hidden;
24494 overflow-y: auto;
24495 line-height: 2em;
24498 /* Selected option settings */
24499 .jschooser .choosercontainer #chooseform .instruction,
24500 .choosercontainer #chooseform .selected .typesummary {
24501 display: block;
24504 .choosercontainer #chooseform .selected {
24505 background-color: #fff;
24506 margin-top: -1px;
24507 padding-top: 1px;
24510 @media (max-width: 575.98px) {
24511 .jsenabled .choosercontainer #chooseform .alloptions {
24512 max-width: 100%;
24514 .jsenabled .choosercontainer #chooseform .instruction,
24515 .jsenabled .choosercontainer #chooseform .typesummary {
24516 position: static;
24520 * Module chooser dialogue (moodle-core-chooserdialogue)
24522 * This CSS belong to the chooser dialogue which should work both with, and
24523 * without javascript enabled
24525 .modchooser .modal-body {
24526 padding: 0;
24527 overflow-y: auto;
24528 min-height: 640px;
24529 display: flex;
24530 flex-direction: column;
24532 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24533 min-height: 495px;
24535 .modchooser .modal-body .carousel-item.active {
24536 display: flex;
24538 .modchooser .modal-body .chooser-container {
24539 display: flex;
24540 flex-direction: column;
24541 flex: 1 1 auto;
24543 .modchooser .modal-body .loading-icon {
24544 opacity: 1;
24546 .modchooser .modal-body .loading-icon .icon {
24547 display: block;
24548 font-size: 3em;
24549 height: 1em;
24550 width: 1em;
24552 .modchooser .modal-body .carousel-item .loading-icon .icon {
24553 margin: 1em auto;
24555 .modchooser .modal-body .searchbar {
24556 width: 100%;
24559 .modchooser .modal-footer {
24560 height: 70px;
24561 background: #fff;
24563 .modchooser .modal-footer .moodlenet-logo .icon {
24564 height: 2.5rem;
24565 width: 6rem;
24566 max-height: 2.5rem;
24567 max-width: 6rem;
24568 margin-bottom: 0.6rem;
24571 .modchoosercontainer.noscroll {
24572 overflow-y: hidden;
24575 .modchoosercontainer .optionscontainer,
24576 .modchoosercontainer .searchresultitemscontainer {
24577 overflow-x: hidden;
24579 .modchoosercontainer .optionscontainer .option,
24580 .modchoosercontainer .searchresultitemscontainer .option {
24581 flex-basis: calc(50% - 0.5rem);
24583 .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
24584 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
24585 cursor: pointer;
24586 color: #6a737b;
24588 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i,
24589 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
24590 margin: 0;
24592 .modchoosercontainer .optionscontainer .option .optioninfo a,
24593 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
24594 color: #495057;
24596 .modchoosercontainer .optionscontainer .option .optioninfo a:hover,
24597 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
24598 text-decoration: none;
24601 .modchooser .modal-body .optionsummary {
24602 background-color: #fff;
24603 overflow-x: hidden;
24604 overflow-y: auto;
24605 height: 640px;
24607 .modchooser .modal-body .optionsummary .content {
24608 overflow-y: auto;
24610 .modchooser .modal-body .optionsummary .content .heading .icon {
24611 height: 32px;
24612 width: 32px;
24613 font-size: 32px;
24614 padding: 0;
24616 .modchooser .modal-body .optionsummary .actions {
24617 border-top: 1px solid #dee2e6;
24618 background: #fff;
24621 @media (max-width: 575.98px) {
24622 .path-course-view .modal-dialog.modal-lg,
24623 .path-course-view .modal-content,
24624 .modchooser .modal-body,
24625 .modchooser .modal-body .carousel,
24626 .modchooser .modal-body .carousel-inner,
24627 .modchooser .modal-body .carousel-item,
24628 .modchooser .modal-body .optionsummary,
24629 .modchoosercontainer,
24630 .optionscontainer,
24631 .searchresultitemscontainer {
24632 min-height: auto;
24633 height: 100%;
24634 overflow-y: auto;
24636 .path-course-view .modal-dialog.modal-lg {
24637 margin: 0;
24639 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24640 min-height: auto;
24643 @media (min-width: 576px) {
24644 .modchoosercontainer .optionscontainer .option,
24645 .modchoosercontainer .searchresultitemscontainer .option {
24646 flex-basis: calc(33.33% - 0.5rem);
24649 @media (min-width: 992px) {
24650 .modchoosercontainer .optionscontainer .option,
24651 .modchoosercontainer .searchresultitemscontainer .option {
24652 flex-basis: calc(16.66% - 0.5rem);
24655 /* Form element: listing */
24656 .formlistingradio {
24657 padding-bottom: 25px;
24658 padding-right: 10px;
24661 .formlistinginputradio {
24662 float: left;
24665 .formlistingmain {
24666 min-height: 225px;
24669 .formlisting {
24670 position: relative;
24671 margin: 15px 0;
24672 padding: 1px 19px 14px;
24673 background-color: #fff;
24674 border: 1px solid #ddd;
24675 border-radius: 4px;
24678 .formlistingmore {
24679 position: absolute;
24680 cursor: pointer;
24681 bottom: -1px;
24682 right: -1px;
24683 padding: 3px 7px;
24684 font-size: 12px;
24685 font-weight: bold;
24686 background-color: whitesmoke;
24687 border: 1px solid #ddd;
24688 color: #9da0a4;
24689 border-radius: 4px 0 4px 0;
24692 .formlistingall {
24693 margin: 15px 0;
24694 padding: 0;
24695 border-radius: 4px;
24698 .formlistingrow {
24699 cursor: pointer;
24700 border-bottom: 1px solid;
24701 border-color: #e1e1e8;
24702 border-left: 1px solid #e1e1e8;
24703 border-right: 1px solid #e1e1e8;
24704 background-color: #f7f7f9;
24705 border-radius: 0 0 4px 4px;
24706 padding: 6px;
24707 top: 50%;
24708 left: 50%;
24709 min-height: 34px;
24710 float: left;
24711 width: 150px;
24714 body.jsenabled .formlistingradio {
24715 display: none;
24718 body.jsenabled .formlisting {
24719 display: block;
24722 a.criteria-action {
24723 padding: 0 3px;
24724 float: right;
24727 div.criteria-description {
24728 padding: 10px 15px;
24729 margin: 5px 0;
24730 background: none repeat scroll 0 0 #f9f9f9;
24731 border: 1px solid #eee;
24734 ul.badges {
24735 margin: 0;
24736 list-style: none;
24739 .badges li {
24740 position: relative;
24741 display: inline-block;
24742 padding-top: 1em;
24743 text-align: center;
24744 vertical-align: top;
24745 width: 150px;
24748 .badges li .badge-name {
24749 display: block;
24750 padding: 5px;
24753 .badges li > img {
24754 position: absolute;
24757 .badges li .badge-image {
24758 width: 100px;
24759 height: 100px;
24760 left: 10px;
24761 top: 0;
24762 z-index: 1;
24765 .badges li .badge-actions {
24766 position: relative;
24769 .badges li .expireimage {
24770 background-image: url([[pix:i/expired]]);
24771 background-repeat: no-repeat;
24772 background-size: 100px 100px;
24773 width: 100px;
24774 height: 100px;
24775 left: 25px;
24776 top: 15px;
24777 position: absolute;
24778 z-index: 10;
24779 opacity: 0.85;
24782 #badge-image {
24783 background-color: transparent;
24784 padding: 0;
24785 position: relative;
24786 min-width: 100px;
24787 width: 20%;
24788 display: inline-block;
24789 vertical-align: top;
24790 margin-top: 17px;
24791 margin-bottom: 20px;
24793 #badge-image .expireimage {
24794 background-image: url([[pix:i/expired]]);
24795 background-repeat: no-repeat;
24796 background-size: 100px 100px;
24797 width: 100px;
24798 height: 100px;
24799 left: 0;
24800 top: 0;
24801 opacity: 0.85;
24802 position: absolute;
24803 z-index: 10;
24805 #badge-image .singlebutton {
24806 padding-top: 5px;
24807 display: block;
24809 #badge-image .singlebutton button {
24810 margin-left: 4px;
24813 #badge-details {
24814 display: inline-block;
24815 width: 79%;
24818 #badge-overview dl,
24819 #badge-details dl {
24820 margin: 0;
24822 #badge-overview dl dt,
24823 #badge-overview dl dd,
24824 #badge-details dl dt,
24825 #badge-details dl dd {
24826 vertical-align: top;
24827 padding: 3px 0;
24829 #badge-overview dl dt,
24830 #badge-details dl dt {
24831 clear: both;
24832 display: inline-block;
24833 width: 20%;
24834 min-width: 100px;
24836 #badge-overview dl dd,
24837 #badge-details dl dd {
24838 display: inline-block;
24839 width: 79%;
24840 margin-left: 1%;
24843 #badge-criteria li li {
24844 list-style-type: none;
24847 #badge-image-col {
24848 flex: 0 0 400px;
24851 .badge-profile {
24852 vertical-align: top;
24855 .connected {
24856 color: #357a32;
24859 .notconnected {
24860 color: #ca3120;
24863 .connecting {
24864 color: #f0ad4e;
24867 #page-badges-award .recipienttable tr td {
24868 vertical-align: top;
24871 #page-badges-award .recipienttable tr td.actions .actionbutton {
24872 margin: 0.3em 0;
24873 padding: 0.5em 0;
24874 width: 100%;
24877 #page-badges-award .recipienttable tr td.existing,
24878 #page-badges-award .recipienttable tr td.potential {
24879 width: 42%;
24882 #issued-badge-table .activatebadge {
24883 display: inline-block;
24886 .statusbox.active {
24887 background-color: #d7e4d6;
24890 .statusbox.inactive {
24891 background-color: #fcefdc;
24894 .statusbox {
24895 text-align: center;
24896 margin-bottom: 5px;
24897 padding: 5px;
24900 .statusbox .activatebadge {
24901 display: inline-block;
24904 .statusbox .activatebadge input[type=submit] {
24905 margin: 3px;
24908 .activatebadge {
24909 margin: 0;
24910 text-align: left;
24911 vertical-align: middle;
24914 img#persona_signin {
24915 cursor: pointer;
24918 .addcourse {
24919 float: right;
24922 .invisiblefieldset {
24923 display: inline;
24924 padding: 0;
24925 border-width: 0;
24928 /** Page header */
24929 #page-header h1.h2 {
24930 font-weight: bold;
24932 #page-header .logo {
24933 margin: 1rem 0;
24935 #page-header .logo img {
24936 max-height: 75px;
24939 /** Navbar logo. */
24940 nav.navbar .logo img {
24941 max-height: 35px;
24944 .nav.usernav .nav-item {
24945 display: flex;
24947 .nav.usernav .usermenu .dropdown-toggle {
24948 padding: 0 0.5rem;
24951 /** Header-bar styles **/
24952 .page-context-header {
24953 overflow: hidden;
24954 padding: 0.25rem 0;
24955 display: flex;
24957 .page-context-header .page-header-image > a {
24958 display: inline-block;
24960 .page-context-header .page-header-headings,
24961 .page-context-header .header-button-group {
24962 position: relative;
24963 line-height: 24px;
24964 vertical-align: middle;
24966 .page-context-header .header-button-group {
24967 display: block;
24968 float: left;
24971 ul.dragdrop-keyboard-drag li {
24972 list-style-type: none;
24975 a.disabled:hover,
24976 a.disabled {
24977 text-decoration: none;
24978 cursor: default;
24979 font-style: italic;
24980 color: #6a737b;
24983 body.lockscroll {
24984 height: 100%;
24985 overflow: hidden;
24988 .progressbar_container {
24989 max-width: 500px;
24990 margin: 0 auto;
24993 /* IE10 only fix for calendar titling */
24994 .ie10 .yui3-calendar-header-label {
24995 display: inline-block;
24998 dd:before,
24999 dd:after {
25000 display: block;
25001 content: " ";
25004 dd:after {
25005 clear: both;
25008 .nav-tabs > .active > a[href],
25009 .nav-tabs > .active > a[href]:hover,
25010 .nav-tabs > .active > a[href]:focus {
25011 cursor: pointer;
25014 .inplaceeditable.inplaceeditingon {
25015 position: relative;
25017 .inplaceeditable.inplaceeditingon .editinstructions {
25018 margin-top: -30px;
25019 font-weight: normal;
25020 margin-right: 0;
25021 margin-left: 0;
25022 left: 0;
25023 right: auto;
25024 white-space: nowrap;
25026 @media (min-width: 576px) {
25027 .inplaceeditable.inplaceeditingon input {
25028 width: 330px;
25029 vertical-align: text-bottom;
25030 margin-bottom: 0;
25032 .inplaceeditable.inplaceeditingon input[role=combobox] {
25033 width: auto;
25036 .inplaceeditable.inplaceeditingon select {
25037 margin-bottom: 0;
25039 .inplaceeditable .quickediticon .icon {
25040 font-size: medium;
25042 .inplaceeditable .quickediticon img {
25043 opacity: 0.2;
25045 .inplaceeditable .quickeditlink {
25046 color: inherit;
25047 text-decoration: inherit;
25049 .inplaceeditable:hover .quickeditlink .quickediticon img,
25050 .inplaceeditable .quickeditlink:focus .quickediticon img {
25051 opacity: 1;
25053 .inplaceeditable.inplaceeditable-toggle .quickediticon {
25054 display: none;
25056 .inplaceeditable.inplaceeditable-autocomplete {
25057 display: block;
25060 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
25061 margin-top: -20px;
25064 /** Chart area. */
25065 @media (min-width: 992px) {
25066 .chart-area .chart-image {
25067 position: relative;
25068 margin: auto;
25069 height: 48vh;
25070 width: 46vw;
25073 .chart-area .chart-table-data {
25074 display: none;
25076 .chart-area .chart-table {
25077 /** When accessible, we display the table only. */
25079 .chart-area .chart-table .chart-output-htmltable caption {
25080 white-space: nowrap;
25082 .chart-area .chart-table.accesshide .chart-table-expand {
25083 display: none;
25085 .chart-area .chart-table.accesshide .chart-table-data {
25086 display: block;
25089 /* YUI 2 Tree View */
25090 /*rtl:raw:
25091 .ygtvtn,
25092 .ygtvtm,
25093 .ygtvtmh,
25094 .ygtvtmhh,
25095 .ygtvtp,
25096 .ygtvtph,
25097 .ygtvtphh,
25098 .ygtvln,
25099 .ygtvlm,
25100 .ygtvlmh,
25101 .ygtvlmhh,
25102 .ygtvlp,
25103 .ygtvlph,
25104 .ygtvlphh,
25105 .ygtvdepthcell,
25106 .ygtvok,
25107 .ygtvok:hover,
25108 .ygtvcancel,
25109 .ygtvcancel:hover {
25110 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
25113 .hover-tooltip-container {
25114 position: relative;
25116 .hover-tooltip-container .hover-tooltip {
25117 opacity: 0;
25118 visibility: hidden;
25119 position: absolute;
25120 /*rtl:ignore*/
25121 left: 50%;
25122 top: calc(-50% - 5px);
25123 transform: translate(-50%, -50%);
25124 background-color: #fff;
25125 border: 1px solid rgba(0, 0, 0, 0.2);
25126 border-radius: 0.3rem;
25127 box-sizing: border-box;
25128 padding: 5px;
25129 white-space: nowrap;
25130 transition: opacity 0.15s, visibility 0.15s;
25131 z-index: 1000;
25133 .hover-tooltip-container .hover-tooltip:before {
25134 content: "";
25135 display: inline-block;
25136 border-left: 8px solid transparent;
25137 border-right: 8px solid transparent;
25138 border-top: 8px solid rgba(0, 0, 0, 0.2);
25139 position: absolute;
25140 bottom: -8px;
25141 left: calc(50% - 8px);
25143 .hover-tooltip-container .hover-tooltip:after {
25144 content: "";
25145 display: inline-block;
25146 border-left: 7px solid transparent;
25147 border-right: 7px solid transparent;
25148 border-top: 7px solid #fff;
25149 position: absolute;
25150 bottom: -6px;
25151 left: calc(50% - 7px);
25152 z-index: 2;
25154 .hover-tooltip-container:hover .hover-tooltip {
25155 opacity: 1;
25156 visibility: visible;
25157 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
25160 #region-flat-nav {
25161 padding-right: 0;
25162 padding-left: 0;
25164 #region-flat-nav .nav {
25165 margin-right: 15px;
25166 background-color: #fff;
25168 @media (max-width: 767.98px) {
25169 #region-flat-nav .nav {
25170 margin-top: 30px;
25171 margin-right: 0;
25175 .footer-dark a {
25176 color: #fff;
25177 text-decoration: underline;
25179 .footer-dark a .icon {
25180 color: #fff;
25182 .footer-dark a:focus .icon {
25183 color: #1d2125;
25186 .btn-footer-popover {
25187 display: none;
25188 position: fixed;
25189 bottom: 2rem;
25190 right: 2rem;
25193 .btn-footer-communication {
25194 display: none;
25195 position: fixed;
25196 bottom: 5rem;
25197 right: 2rem;
25200 .hasstickyfooter .btn-footer-popover {
25201 bottom: calc(1rem + max(80px, 0.9375rem * 3));
25204 .hasstickyfooter .btn-footer-communication {
25205 bottom: calc(4rem + max(80px, 0.9375rem * 3));
25208 .popover.footer .popover-body {
25209 padding: 0;
25211 .popover.footer .popover-body .footer-section a {
25212 color: #1d2125;
25213 text-decoration: underline;
25215 .popover.footer .popover-body .footer-section a .icon {
25216 color: #1d2125;
25218 .popover.footer .popover-body .footer-section a:focus {
25219 text-decoration: none;
25222 .footer-support-link {
25223 padding-bottom: 5px;
25226 @media (min-width: 576px) {
25227 .jsenabled #page-footer .footer-content-popover {
25228 display: none;
25230 .jsenabled .btn-footer-popover,
25231 .jsenabled .btn-footer-communication {
25232 display: block;
25233 z-index: 1000;
25236 .bg-inverse a {
25237 color: #fff;
25238 text-decoration: underline;
25240 .bg-inverse a .icon {
25241 color: #fff;
25244 .sitelink img {
25245 width: 112px;
25248 .competency-tree ul {
25249 padding-left: 1.5rem;
25252 .sr-only-focusable:active, .sr-only-focusable:focus {
25253 z-index: 1031;
25254 position: fixed;
25255 background: #fff;
25256 padding: 7px;
25257 left: 0;
25258 top: 0;
25261 [data-drag-type=move] {
25262 cursor: move;
25263 touch-action: none;
25266 .clickable {
25267 cursor: pointer;
25270 .overlay-icon-container {
25271 position: absolute;
25272 top: 0;
25273 left: 0;
25274 width: 100%;
25275 height: 100%;
25276 background-color: rgba(255, 255, 255, 0.6);
25278 .overlay-icon-container .loading-icon {
25279 position: absolute;
25280 top: 50%;
25281 left: 50%;
25282 transform: translate(-50%, -50%);
25284 .overlay-icon-container .loading-icon .icon {
25285 height: 30px;
25286 width: 30px;
25287 font-size: 30px;
25290 .w-auto {
25291 width: auto;
25294 .bg-pulse-grey {
25295 animation: bg-pulse-grey 2s infinite linear;
25298 @keyframes bg-pulse-grey {
25299 0% {
25300 background-color: #f8f9fa;
25302 50% {
25303 background-color: #e9ecef;
25305 100% {
25306 background-color: #f8f9fa;
25309 .line-height-0 {
25310 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
25313 .line-height-1 {
25314 line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
25317 .line-height-2 {
25318 line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
25321 .line-height-3 {
25322 line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
25325 .line-height-4 {
25326 line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
25329 .line-height-5 {
25330 line-height: 2rem !important; /* stylelint-disable-line declaration-no-important */
25333 .line-height-6 {
25334 line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
25337 .dir-rtl .dir-rtl-hide {
25338 display: none;
25341 .dir-ltr .dir-ltr-hide {
25342 display: none;
25345 .paged-content-page-container {
25346 min-height: 3.125rem;
25349 body.h5p-embed #page-content {
25350 display: inherit;
25352 body.h5p-embed #maincontent {
25353 display: none;
25355 body.h5p-embed .h5pmessages {
25356 min-height: 230px;
25359 #h5pcontenttypes td {
25360 vertical-align: middle;
25363 #page.drawers form#h5peditor,
25364 #page.drawers form#coolh5peditor,
25365 #page.drawers .core_contentbank_viewcontent {
25366 max-width: 960px;
25367 margin: 0 auto;
25370 .text-decoration-none {
25371 text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
25374 .colour-inherit {
25375 color: inherit !important; /* stylelint-disable-line declaration-no-important */
25378 .position-right {
25379 right: 0 !important; /* stylelint-disable-line declaration-no-important */
25382 .overflow-hidden {
25383 overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
25386 .text-break {
25387 overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
25390 .word-break {
25391 word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
25394 .z-index-0 {
25395 z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
25398 .z-index-1 {
25399 z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
25402 .float-left {
25403 float: left !important; /* stylelint-disable-line declaration-no-important */
25406 .float-right {
25407 float: right !important; /* stylelint-disable-line declaration-no-important */
25410 .img-responsive {
25411 max-width: 100%;
25412 height: auto;
25415 input[disabled] {
25416 cursor: not-allowed;
25419 .fade.in {
25420 opacity: 1;
25423 .clamp-2 {
25424 display: -webkit-box;
25425 -webkit-box-orient: vertical;
25426 -webkit-line-clamp: 2;
25427 overflow: hidden;
25430 .word-break-all {
25431 word-break: break-all;
25434 .matchtext {
25435 background-color: #a2cff8;
25436 color: #1d2125;
25437 height: 1.5rem;
25440 .border-radius {
25441 border-radius: 0.25rem;
25444 .v-hidden {
25445 visibility: hidden;
25448 .dialog-big {
25449 max-width: 500px;
25452 .dialog-small {
25453 max-width: 300px;
25456 @media (min-width: 576px) {
25457 .dialog-big {
25458 width: 500px;
25460 .dialog-small {
25461 width: 300px;
25465 * Helpers to show elements only when a parent element has focus or hover.
25467 .v-parent-focus {
25468 opacity: 0;
25469 visibility: hidden;
25472 .focus-control:focus-within .v-parent-focus,
25473 .focus-control:hover .v-parent-focus {
25474 opacity: 1;
25475 visibility: visible;
25478 .emoji-picker {
25479 width: 350px;
25480 height: 400px;
25482 .emoji-picker .category-button {
25483 padding: 0.375rem 0;
25484 height: 100%;
25485 width: 38.8888888889px;
25486 border-top: none;
25487 border-left: none;
25488 border-right: none;
25489 border-bottom: 2px solid transparent;
25491 .emoji-picker .category-button.selected {
25492 border-bottom: 2px solid #0f6cbf;
25494 .emoji-picker .emojis-container,
25495 .emoji-picker .search-results-container {
25496 min-width: 280px;
25498 .emoji-picker .picker-row {
25499 height: 40px;
25501 .emoji-picker .picker-row .category-name {
25502 line-height: 40px;
25504 .emoji-picker .picker-row .emoji-button {
25505 height: 40px;
25506 width: 40px;
25507 line-height: 40px;
25508 font-size: 24px;
25509 overflow: hidden;
25511 .emoji-picker .emoji-preview {
25512 height: 40px;
25513 font-size: 40px;
25514 line-height: 40px;
25516 .emoji-picker .emoji-short-name {
25517 line-height: 20px;
25519 @media (max-width: 575.98px) {
25520 .emoji-picker {
25521 width: 320px;
25525 .emoji-auto-complete {
25526 height: 40px;
25528 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
25529 height: 40px;
25530 width: 40px;
25531 line-height: 40px;
25532 font-size: 24px;
25534 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
25535 background-color: #e9ecef;
25538 .toast-wrapper {
25539 max-width: 350px;
25540 max-height: 0;
25541 z-index: 1051;
25543 .toast-wrapper > :first-child {
25544 margin-top: 1rem;
25547 .alert-primary a {
25548 color: #041d34;
25550 .alert-primary .close {
25551 color: #000305;
25552 opacity: 0.6;
25555 .alert-secondary a {
25556 color: #525557;
25558 .alert-secondary .close {
25559 color: #393b3d;
25560 opacity: 0.6;
25563 .alert-success a, .environmenttable .ok a {
25564 color: #0c1b0b;
25566 .alert-success .close, .environmenttable .ok .close {
25567 color: black;
25568 opacity: 0.6;
25571 .alert-info a {
25572 color: #00171b;
25574 .alert-info .close {
25575 color: black;
25576 opacity: 0.6;
25579 .alert-warning a, .environmenttable .warn a {
25580 color: #573e1c;
25582 .alert-warning .close, .environmenttable .warn .close {
25583 color: #302310;
25584 opacity: 0.6;
25587 .alert-danger a, .environmenttable .error a {
25588 color: #3d0f0a;
25590 .alert-danger .close, .environmenttable .error .close {
25591 color: #110403;
25592 opacity: 0.6;
25595 .alert-light a {
25596 color: #686868;
25598 .alert-light .close {
25599 color: #4e4e4f;
25600 opacity: 0.6;
25603 .alert-dark a {
25604 color: #040505;
25606 .alert-dark .close {
25607 color: black;
25608 opacity: 0.6;
25611 .alert a {
25612 font-weight: 700;
25615 .breadcrumb:empty {
25616 padding: 0;
25619 @media (max-width: 767.98px) {
25620 #page-navbar {
25621 width: 100%;
25623 .breadcrumb:not(:empty) {
25624 width: 100%;
25625 flex-wrap: nowrap;
25626 margin-bottom: 0.5rem;
25628 .breadcrumb:not(:empty) .breadcrumb-item {
25629 padding-top: 0.33333rem;
25630 padding-bottom: 0.33333rem;
25631 display: inline-flex;
25632 overflow: hidden;
25634 .breadcrumb:not(:empty) .breadcrumb-item a,
25635 .breadcrumb:not(:empty) .breadcrumb-item span {
25636 overflow: hidden;
25637 text-overflow: ellipsis;
25638 white-space: nowrap;
25640 .mform {
25641 width: 100%;
25642 padding-right: 15px;
25643 padding-left: 15px;
25645 .pagination {
25646 flex-wrap: wrap;
25647 justify-content: center;
25649 .custom-select {
25650 max-width: 100%;
25652 .card .card-body {
25653 padding: 0.625rem;
25655 #page-header .card {
25656 border: 0;
25658 #page-header .card .card-body {
25659 padding: 0;
25661 .nav-tabs:not(.more-nav),
25662 .nav-pills {
25663 margin: 0;
25664 border: 0;
25665 padding: 0.125rem;
25666 background-color: #e9ecef;
25668 .nav-tabs:not(.more-nav) .nav-item,
25669 .nav-pills .nav-item {
25670 flex: 1 1 auto;
25671 text-align: center;
25673 .nav-tabs:not(.more-nav) .nav-link,
25674 .nav-pills .nav-link {
25675 background: #fff;
25676 border: 0;
25677 margin: 0.125rem;
25679 .nav-tabs:not(.more-nav) .nav-link.active,
25680 .nav-pills .nav-link.active {
25681 color: #6a737b;
25682 border-color: #6a737b;
25683 border-color: #6a737b;
25685 .nav-tabs:not(.more-nav) .nav-link.active:hover,
25686 .nav-pills .nav-link.active:hover {
25687 color: #fff;
25688 background-color: #6a737b;
25689 border-color: #6a737b;
25691 .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
25692 .nav-pills .nav-link.active:focus,
25693 .nav-pills .nav-link.active.focus {
25694 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25696 .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
25697 .nav-pills .nav-link.active.disabled,
25698 .nav-pills .nav-link.active:disabled {
25699 color: #6a737b;
25700 background-color: transparent;
25702 .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
25703 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
25704 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
25705 .show > .nav-pills .nav-link.active.dropdown-toggle {
25706 color: #fff;
25707 background-color: #6a737b;
25708 border-color: #6a737b;
25710 .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
25711 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
25712 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
25713 .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
25714 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25717 @media (max-width: 576px) and (max-height: 320px) {
25718 div#page {
25719 margin-top: 0;
25721 .navbar.fixed-top {
25722 position: relative;
25723 z-index: inherit;
25726 .link-underline {
25727 text-decoration: underline;
25729 .link-underline:focus {
25730 text-decoration: none;
25733 .alert.cta .cta-icon .icon {
25734 padding: 0.3rem;
25736 .alert.cta .cta-icon .icon.fa {
25737 border-radius: 50%;
25738 border-style: solid;
25739 border-width: 0.125rem;
25742 .core_payment_gateways_modal .custom-control-label::before,
25743 .core_payment_gateways_modal .custom-control-label::after {
25744 top: 45%;
25747 .visual-scroll-x {
25748 scrollbar-width: thin;
25749 scrollbar-color: #0f6cbf #a2cff8;
25750 -ms-overflow-style: -ms-autohiding-scrollbar;
25752 .visual-scroll-x::-webkit-scrollbar {
25753 height: 8px;
25754 -webkit-appearance: none;
25755 appearance: none;
25757 .visual-scroll-x::-webkit-scrollbar-thumb {
25758 background-color: #0f6cbf;
25759 border-right: 1px solid #fff;
25761 .visual-scroll-x::-webkit-scrollbar-track {
25762 background-color: #a2cff8;
25763 border-right: 1px solid #fff;
25766 body.dragging .drop-zone {
25767 border: 1px dashed #1d2125;
25769 body.dragging .drop-up {
25770 border-top: 1px solid #1d2125;
25771 border-top-left-radius: 0;
25772 border-top-right-radius: 0;
25774 body.dragging .drop-down {
25775 border-bottom: 1px solid #1d2125;
25776 border-bottom-left-radius: 0;
25777 border-bottom-right-radius: 0;
25779 body.dragging .dragging {
25780 opacity: 0.6;
25783 .dragicon {
25784 visibility: hidden;
25787 .draggable:hover .dragicon {
25788 visibility: visible;
25789 cursor: move;
25792 .dropzone-container {
25793 cursor: pointer;
25795 .dropzone-container .dropzone {
25796 display: flex;
25797 justify-content: center;
25798 align-items: center;
25799 flex-direction: column;
25800 border: 2px dashed #bbb;
25801 border-radius: 0.5rem;
25803 .dropzone-container .dropzone.dragover {
25804 border: 2px dashed #6c8cd3;
25806 .dropzone-container .dropzone-icon {
25807 color: #8f959e;
25809 .dropzone-container .dropzone-icon .icon {
25810 font-size: 6em;
25811 width: auto;
25812 height: auto;
25813 max-width: initial;
25814 max-height: initial;
25815 margin-right: 0;
25817 .dropzone-container .dropzone-sr-only-focusable:active, .dropzone-container .dropzone-sr-only-focusable:focus {
25818 outline: 0;
25819 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
25820 z-index: 1060;
25821 position: relative;
25822 background: #fff;
25823 padding: 7px;
25826 .overlay-preview {
25827 background-color: rgba(255, 255, 255, 0.8);
25828 border: 2px dashed #0f6cbf;
25829 position: absolute;
25830 top: 0;
25831 left: 0;
25832 width: 100%;
25833 height: 100%;
25835 .overlay-preview .overlay-preview-wrapper {
25836 position: absolute;
25837 top: 0;
25838 padding: 2rem;
25839 width: 100%;
25841 .overlay-preview .overlay-preview-content {
25842 position: relative;
25843 top: 0;
25844 padding: 1rem;
25845 margin: 0 auto;
25846 width: 100%;
25847 max-width: 600px;
25848 background-color: #0f6cbf;
25849 color: #fff;
25850 text-align: center;
25851 font-size: 1.171875rem;
25852 border-radius: 0.25rem;
25855 .overlay-preview-borders {
25856 outline: 2px dashed #0f6cbf;
25859 .waitstate {
25860 display: none;
25863 .stateready .waitstate {
25864 display: inherit;
25866 .stateready .whilenostate {
25867 display: none;
25870 .collapse-list .collapse-list-item {
25871 padding: 0.5rem 1rem;
25873 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
25874 background-color: #e0f0f2;
25875 border-color: #b8dce2;
25877 .collapse-list .collapse-list-item-content .collapse-list-item {
25878 padding-left: calc(1rem * 3);
25881 .drawers .block_myoverview {
25882 border: 0;
25884 .drawers .block_myoverview > .card-body {
25885 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
25886 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
25887 padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
25890 .dropdown-toggle::after {
25891 content: "\f078";
25892 margin-right: 0;
25893 margin-left: 4px;
25894 font-size: 9px;
25895 width: 9px;
25896 border: 0;
25899 .dropleft .dropdown-toggle::before {
25900 border: 0;
25901 content: "\f053";
25902 font-size: 9px;
25903 margin-left: 0;
25904 margin-right: 4px;
25905 width: 9px;
25908 .dir-rtl .dropleft .dropdown-toggle::before {
25909 content: "\f054";
25912 .dropright .dropdown-toggle::after {
25913 border: 0;
25914 content: "\f054";
25917 .dir-rtl .dropright .dropdown-toggle::after {
25918 content: "\f053";
25921 .dropup .dropdown-toggle::after {
25922 border: 0;
25923 content: "\f077";
25926 .select-menu li:first-child ul[role=group] {
25927 padding: 0;
25929 .select-menu ul[role=group] {
25930 padding: 0.3rem 0 0 0;
25931 margin: 0;
25933 .select-menu ul[role=group] li:first-child {
25934 cursor: default;
25935 color: #6a737b;
25936 padding: 0.25rem 1.5rem;
25937 display: block;
25939 .select-menu ul[role=group] .dropdown-item {
25940 padding-left: 2.5rem;
25942 .select-menu .dropdown-item[aria-selected=true] {
25943 font-weight: bold;
25946 [role=listbox] [role=option] {
25947 cursor: pointer;
25949 [role=listbox] [role=option][aria-selected=true] {
25950 font-weight: bold;
25953 .initialbargroups ul {
25954 -webkit-margin-start: 0; /* stylelint-disable-line */
25955 margin-right: -1px;
25958 .initialbargroups .page-item:first-child .page-link {
25959 border-top-left-radius: 0;
25960 border-bottom-left-radius: 0;
25961 border-top-right-radius: 0;
25962 border-bottom-right-radius: 0;
25964 .initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
25965 border-top-left-radius: 0.3rem;
25966 border-bottom-left-radius: 0.3rem;
25968 .initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
25969 border-top-left-radius: 0.2rem;
25970 border-bottom-left-radius: 0.2rem;
25972 .initialbargroups .page-item:last-child .page-link {
25973 border-top-left-radius: 0;
25974 border-bottom-left-radius: 0;
25975 border-top-right-radius: 0;
25976 border-bottom-right-radius: 0;
25978 .initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
25979 border-top-right-radius: 0.3rem;
25980 border-bottom-right-radius: 0.3rem;
25982 .initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
25983 border-top-right-radius: 0.2rem;
25984 border-bottom-right-radius: 0.2rem;
25987 blockquote {
25988 margin: 0 0.5rem 1rem;
25989 padding-left: 1rem;
25990 color: #495057;
25991 border-left: 5px solid #ced4da;
25994 /* Prevent long strings exceeding page width */
25995 .page-header-headings:not(.text-truncate),
25996 .coursename:not(.text-truncate),
25997 .categoryname:not(.text-truncate),
25998 .breadcrumb-item:not(.text-truncate) {
25999 word-break: normal;
26000 overflow-wrap: anywhere;
26001 white-space: normal;
26004 /* Showmore component */
26005 .showmore-container.collapsed .collapsed-content {
26006 display: block;
26008 .showmore-container.collapsed .expanded-content {
26009 display: none;
26011 .showmore-container:not(.collapsed) .collapsed-content {
26012 display: none;
26014 .showmore-container:not(.collapsed) .expanded-content {
26015 display: block;
26017 .showmore-container button {
26018 float: right;
26020 .showmore-container button.btn-link {
26021 text-decoration: none;
26023 .showmore-container button .icon {
26024 font-size: 0.8203125rem;
26025 margin: 0;
26028 /* Combobox search dropdowns */
26029 .usersearchdropdown.dropdown-menu,
26030 .gradesearchdropdown.dropdown-menu,
26031 .groupsearchdropdown.dropdown-menu {
26032 width: 350px;
26034 .usersearchdropdown.dropdown-menu .searchresultitemscontainer,
26035 .gradesearchdropdown.dropdown-menu .searchresultitemscontainer,
26036 .groupsearchdropdown.dropdown-menu .searchresultitemscontainer {
26037 max-height: 170px;
26038 overflow: auto;
26039 /* stylelint-disable declaration-no-important */
26041 .usersearchdropdown.dropdown-menu .searchresultitemscontainer img,
26042 .gradesearchdropdown.dropdown-menu .searchresultitemscontainer img,
26043 .groupsearchdropdown.dropdown-menu .searchresultitemscontainer img {
26044 height: 48px !important;
26045 width: 48px !important;
26048 /* Bulk actions in sticky footer. */
26049 #sticky-footer [data-type=bulkactions] {
26050 display: flex;
26051 flex: 0 0 100%;
26052 align-items: center;
26055 /* Choice list component. */
26056 .choicelist {
26057 min-width: calc(300px - 25px);
26059 .choicelist i.icon {
26060 vertical-align: middle;
26063 .action-menu .dropdown-toggle {
26064 text-decoration: none;
26065 display: inline-block;
26068 .action-menu {
26069 white-space: nowrap;
26070 display: inline;
26072 .action-menu .dropdown-toggle.no-caret::after {
26073 display: none;
26075 .action-menu .dropdown-toggle.no-caret::before {
26076 display: none;
26078 .action-menu .dropdown.downleft .dropdown-subpanel-content {
26079 right: 0;
26080 left: auto;
26082 .action-menu .dropdown-subpanel.content-displayed {
26083 background-color: #e9ecef;
26085 .action-menu .dropdown-subpanel-content {
26086 max-width: 300px;
26087 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
26089 .action-menu .dropdown-subpanel-content.show {
26090 animation: 0.15s animate-pop;
26092 @media (prefers-reduced-motion: reduce) {
26093 .action-menu .dropdown-subpanel-content.show {
26094 animation: none;
26097 body.behat-site .action-menu .dropdown-subpanel-content.show {
26098 animation: none;
26100 .action-menu .dropdown-subpanel .dropdown-item::after {
26101 border: 0;
26102 content: "\f054";
26104 .action-menu .dropdown-subpanel .dropdown-item::before {
26105 display: none;
26108 @keyframes animate-pop {
26109 0% {
26110 transform: scale(0.9, 0.9);
26112 100% {
26113 transform: scale(1, 1);
26116 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
26117 border: 0;
26118 content: "\f053";
26120 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
26121 display: none;
26124 .dropdown-item a {
26125 display: block;
26126 width: 100%;
26127 color: #1d2125;
26129 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
26130 outline: 0;
26131 background-color: #0f6cbf;
26132 color: #fff;
26134 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
26135 color: #fff;
26137 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
26138 position: relative;
26139 display: flex;
26140 align-items: center;
26142 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
26143 content: "\f00c";
26144 position: absolute;
26145 left: 0.4rem;
26146 font-size: 0.7rem;
26149 .dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
26150 outline: solid #0f6cbf;
26152 .dropdown-item-outline a:focus,
26153 .dropdown-item-outline a:focus-visible {
26154 outline: 0;
26157 .icon {
26158 max-width: 24px;
26159 max-height: 24px;
26160 margin: 0;
26161 padding: 0;
26162 box-sizing: content-box;
26163 margin-right: 0.5rem;
26165 .icon.spacer {
26166 margin-right: 0;
26168 .icon.iconsize-medium {
26169 font-size: 32px;
26170 width: 32px;
26171 height: 32px;
26173 .icon.iconsize-big {
26174 width: 64px;
26175 height: 64px;
26176 font-size: 64px;
26179 .navbar-dark a .icon {
26180 color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */
26183 .action-menu-item a:first-of-type > .icon {
26184 margin-left: 0.5rem;
26187 .ygtvcell .icon {
26188 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
26191 .block_navigation .tree_item .icon,
26192 .block_settings .tree_item .icon {
26193 margin-left: 0;
26196 [data-action=toggle-drawer] .icon {
26197 margin: 0;
26200 .icon-no-spacing a > .icon {
26201 margin: 0;
26204 .icon-no-margin .icon {
26205 margin-left: 0;
26206 margin-right: 0;
26207 margin-top: 0;
26208 margin-bottom: 0;
26211 .icon-large > .icon {
26212 width: 32px;
26213 height: 32px;
26216 .icon-size-0 .icon {
26217 height: 0 !important; /* stylelint-disable-line declaration-no-important */
26218 width: 0 !important; /* stylelint-disable-line declaration-no-important */
26219 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
26222 .icon-size-1 .icon {
26223 height: 4px !important; /* stylelint-disable-line declaration-no-important */
26224 width: 4px !important; /* stylelint-disable-line declaration-no-important */
26225 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
26228 .icon-size-2 .icon {
26229 height: 8px !important; /* stylelint-disable-line declaration-no-important */
26230 width: 8px !important; /* stylelint-disable-line declaration-no-important */
26231 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
26234 .icon-size-3 .icon {
26235 height: 16px !important; /* stylelint-disable-line declaration-no-important */
26236 width: 16px !important; /* stylelint-disable-line declaration-no-important */
26237 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
26240 .icon-size-4 .icon {
26241 height: 24px !important; /* stylelint-disable-line declaration-no-important */
26242 width: 24px !important; /* stylelint-disable-line declaration-no-important */
26243 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
26246 .icon-size-5 .icon {
26247 height: 32px !important; /* stylelint-disable-line declaration-no-important */
26248 width: 32px !important; /* stylelint-disable-line declaration-no-important */
26249 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
26252 .icon-size-6 .icon {
26253 height: 40px !important; /* stylelint-disable-line declaration-no-important */
26254 width: 40px !important; /* stylelint-disable-line declaration-no-important */
26255 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
26258 .icon-size-7 .icon {
26259 height: 48px !important; /* stylelint-disable-line declaration-no-important */
26260 width: 48px !important; /* stylelint-disable-line declaration-no-important */
26261 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
26264 .helplink .icon {
26265 margin-left: 0.5rem;
26268 .icons-collapse-expand {
26269 display: flex;
26270 align-items: center;
26272 .icons-collapse-expand .expanded-icon {
26273 display: flex;
26274 align-items: center;
26276 .icons-collapse-expand .collapsed-icon {
26277 display: none;
26279 .icons-collapse-expand.collapsed .expanded-icon {
26280 display: none;
26282 .icons-collapse-expand.collapsed .collapsed-icon {
26283 display: flex;
26284 align-items: center;
26287 .activityiconcontainer {
26288 width: 52px;
26289 height: 52px;
26290 display: inline-flex;
26291 justify-content: center;
26292 align-items: center;
26293 border-radius: 4px;
26294 padding: 0.7rem;
26296 .activityiconcontainer .activityicon,
26297 .activityiconcontainer .icon {
26298 margin: 0;
26299 font-size: 32px;
26300 height: 32px;
26301 width: 32px;
26302 max-height: 32px;
26303 max-width: 32px;
26305 .activityiconcontainer.small {
26306 width: 42px;
26307 height: 42px;
26308 max-width: 42px;
26309 max-height: 42px;
26311 .activityiconcontainer.smaller {
26312 width: 32px;
26313 height: 32px;
26314 max-width: 32px;
26315 max-height: 32px;
26317 .activityiconcontainer.smaller .activityicon {
26318 width: 32px;
26319 height: 32px;
26320 max-width: 32px;
26321 max-height: 32px;
26324 .activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter),
26325 .activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
26326 filter: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26329 .activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter),
26330 .activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
26331 filter: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26334 .activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter),
26335 .activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
26336 filter: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26339 .activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter),
26340 .activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
26341 filter: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26344 .activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter),
26345 .activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
26346 filter: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26349 .activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter),
26350 .activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
26351 filter: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26354 .icon-box {
26355 width: 48px;
26356 height: 48px;
26357 display: inline-flex;
26358 justify-content: center;
26359 align-items: center;
26360 background-color: #f8f9fa;
26361 border-radius: 12px;
26362 padding: 0.7rem;
26364 .icon-box .icon {
26365 margin: 0;
26366 height: 32px;
26367 width: 32px;
26370 :root {
26371 --activityadministration: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26372 --activityassessment: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26373 --activitycollaboration: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26374 --activitycommunication: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26375 --activitycontent: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26376 --activityinteractivecontent: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26379 /* admin.less */
26380 .formtable tbody th {
26381 font-weight: normal;
26382 text-align: right;
26385 .path-admin #assignrole {
26386 width: 60%;
26387 margin-left: auto;
26388 margin-right: auto;
26391 .path-admin .admintable .leftalign {
26392 text-align: left;
26395 .path-admin .admintable.environmenttable .name,
26396 .path-admin .admintable.environmenttable .info,
26397 .path-admin #assignrole .admintable .role,
26398 .path-admin #assignrole .admintable .userrole,
26399 .path-admin #assignrole .admintable .roleholder {
26400 white-space: nowrap;
26403 .path-admin .incompatibleblockstable td.c0 {
26404 font-weight: bold;
26407 #page-admin-course-category .addcategory {
26408 padding: 10px;
26411 #page-admin-course-index .editcourse {
26412 margin: 20px auto;
26415 #page-admin-course-index .editcourse th,
26416 #page-admin-course-index .editcourse td {
26417 padding-left: 10px;
26418 padding-right: 10px;
26421 .timewarninghidden {
26422 display: none;
26425 #page-admin-qtypes #qtypes div,
26426 #page-admin-qtypes #qtypes form,
26427 #page-admin-qbehaviours #qbehaviours div,
26428 #page-admin-qbehaviours #qbehaviours form {
26429 display: inline;
26432 #page-admin-qtypes #qtypes img.spacer,
26433 #page-admin-qbehaviours #qbehaviours img.spacer {
26434 width: 16px;
26437 #page-admin-qbehaviours .cell.c3,
26438 #page-admin-qtypes .cell.c3 {
26439 font-size: 0.8203125rem;
26442 #page-admin-lang .generalbox,
26443 #page-admin-course-index .singlebutton,
26444 #page-admin-course-index .addcategory,
26445 #page-course-index .buttons,
26446 #page-course-index-category .buttons,
26447 #page-admin-course-category .addcategory,
26448 #page-admin-stickyblocks .generalbox,
26449 #page-admin-maintenance .buttons,
26450 #page-admin-course-index .buttons,
26451 #page-admin-course-category .buttons,
26452 #page-admin-index .copyright,
26453 #page-admin-index .copyrightnotice,
26454 #page-admin-index .adminerror .singlebutton,
26455 #page-admin-index .adminwarning .singlebutton,
26456 #page-admin-index #layout-table .singlebutton {
26457 text-align: center;
26458 margin-bottom: 1em;
26461 .path-admin-roles .capabilitysearchui {
26462 text-align: left;
26463 margin-left: auto;
26464 margin-right: auto;
26465 margin-top: 1rem;
26468 #page-admin-roles-define .topfields {
26469 margin: 1em 0 2em;
26472 #page-admin-roles-override .capcurrent,
26473 #page-admin-roles-define .capdefault {
26474 background-color: rgba(0, 0, 0, 0.075);
26477 #page-filter-manage .backlink,
26478 .path-admin-roles .backlink {
26479 margin-top: 1em;
26482 #page-admin-roles-explain #chooseuser h3,
26483 #page-admin-roles-usersroles .contextname {
26484 margin-top: 0;
26487 #page-admin-roles-explain #chooseusersubmit {
26488 margin-top: 0;
26489 text-align: center;
26492 #page-admin-roles-usersroles p {
26493 margin: 0;
26496 #page-admin-roles-override .cell.c1,
26497 #page-admin-roles-assign .cell.c3,
26498 #page-admin-roles-assign .cell.c1 {
26499 padding-top: 0.75em;
26502 #page-admin-roles-override .overridenotice,
26503 #page-admin-roles-define .definenotice {
26504 margin: 1em 10% 2em 10%;
26505 text-align: left;
26508 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
26509 display: block;
26512 #page-admin-index .updateplugin div {
26513 margin-bottom: 0.5em;
26516 #page-admin-user-user_bulk #users .fgroup {
26517 white-space: nowrap;
26520 #page-admin-report-stats-index .graph {
26521 text-align: center;
26522 margin-bottom: 1em;
26525 #page-admin-report-courseoverview-index .graph {
26526 text-align: center;
26527 margin-bottom: 1em;
26530 #page-admin-lang .translator {
26531 border-width: 1px;
26532 border-style: solid;
26535 .path-admin .roleassigntable {
26536 width: 100%;
26539 .path-admin .roleassigntable td {
26540 vertical-align: top;
26541 padding: 0.2em 0.3em;
26544 .path-admin .roleassigntable p {
26545 text-align: left;
26546 margin: 0.2em 0;
26549 .path-admin .roleassigntable #existingcell,
26550 .path-admin .roleassigntable #potentialcell {
26551 width: 42%;
26554 .path-admin .roleassigntable #existingcell p > label:first-child,
26555 .path-admin .roleassigntable #potentialcell p > label:first-child {
26556 font-weight: bold;
26559 .path-admin .roleassigntable #buttonscell {
26560 width: 16%;
26563 .path-admin .roleassigntable #buttonscell #assignoptions {
26564 font-size: 0.8203125rem;
26567 .path-admin .roleassigntable #removeselect_wrapper,
26568 .path-admin .roleassigntable #addselect_wrapper {
26569 width: 100%;
26572 .path-admin table.rolecap tr.rolecap th {
26573 text-align: left;
26574 font-weight: normal;
26577 .path-admin .rolecap .hiddenrow {
26578 display: none;
26581 .path-admin #defineroletable .rolecap .inherit,
26582 .path-admin #defineroletable .rolecap .allow,
26583 .path-admin #defineroletable .rolecap .prevent,
26584 .path-admin #defineroletable .rolecap .prohibit {
26585 text-align: center;
26586 padding: 0;
26587 min-width: 3.5em;
26590 .path-admin .rolecap .cap-name,
26591 .path-admin .rolecap .note {
26592 display: block;
26593 font-size: 0.8203125rem;
26594 white-space: nowrap;
26595 font-weight: normal;
26598 .path-admin .rolecap label {
26599 display: block;
26600 text-align: center;
26601 padding: 0.5em;
26602 margin: 0;
26605 .path-admin .header-maxwidth,
26606 .path-admin .secondary-navigation .navigation .nav-tabs,
26607 .format-site .header-maxwidth,
26608 .format-site .secondary-navigation .navigation .nav-tabs {
26609 max-width: none;
26612 .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
26613 .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
26614 .path-admin.path-admin-tool-lp .header-maxwidth,
26615 .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
26616 max-width: 830px;
26619 .plugincheckwrapper {
26620 width: 100%;
26623 .environmentbox {
26624 margin-top: 1em;
26627 #mnetconfig table {
26628 margin-left: auto;
26629 margin-right: auto;
26632 .environmenttable .cell {
26633 padding: 0.15em 0.5em;
26636 #trustedhosts .generaltable {
26637 margin-left: auto;
26638 margin-right: auto;
26639 width: 500px;
26642 #trustedhosts .standard {
26643 width: auto;
26646 #adminsettings legend {
26647 display: none;
26650 #adminsettings fieldset.error {
26651 margin: 0.2em 0 0.5em 0;
26654 #adminsettings fieldset.error legend {
26655 display: block;
26658 #admin-spelllanguagelist textarea {
26659 /* rtl:ignore */
26660 text-align: left;
26661 /* rtl:ignore */
26662 direction: ltr;
26665 /* Styles for flags on admin settings */
26666 .adminsettingsflags {
26667 float: right;
26670 .adminsettingsflags label {
26671 margin-right: 7px;
26674 .form-description pre,
26675 .formsettingheading pre {
26676 /*rtl:ignore*/
26677 direction: ltr;
26680 .form-item .form-setting .form-htmlarea {
26681 display: inline;
26684 .form-item .form-setting .form-htmlarea .htmlarea {
26685 width: 640px;
26686 display: block;
26689 .form-item .form-setting .form-multicheckbox ul {
26690 list-style: none;
26691 padding: 0;
26692 margin: 7px 0 0 0;
26695 .form-item .form-setting .defaultsnext {
26696 display: inline;
26699 .form-item .form-setting .locked-checkbox {
26700 margin-right: 0.2em;
26701 margin-left: 0.5em;
26702 display: inline;
26705 .form-item .form-setting .form-password .unmask,
26706 .form-item .form-setting .form-defaultinfo {
26707 display: inline-block;
26710 .form-item .form-setting .form-defaultinfo {
26711 max-width: 100%;
26712 word-wrap: break-word;
26715 #admin-emoticons td input {
26716 width: 8em;
26719 #admin-emoticons td.c0 input {
26720 width: 4em;
26723 .admin_colourpicker,
26724 .admin_colourpicker_preview {
26725 display: none;
26728 .jsenabled .admin_colourpicker_preview {
26729 display: inline;
26732 @media (min-width: 768px) {
26733 .jsenabled .admin_colourpicker {
26734 display: block;
26735 height: 102px;
26736 width: 410px;
26737 margin-bottom: 10px;
26738 box-sizing: content-box;
26740 .admin_colourpicker .colourdialogue {
26741 float: left;
26742 border: 1px solid #8f959e;
26744 .admin_colourpicker .previewcolour {
26745 border: 1px solid #8f959e;
26746 margin-left: 301px;
26748 .admin_colourpicker .currentcolour {
26749 border: 1px solid #8f959e;
26750 margin-left: 301px;
26751 border-top-width: 0;
26754 @media (max-width: 767.98px) {
26755 .jsenabled .admin_colourpicker {
26756 height: 150px;
26757 margin-bottom: 10px;
26758 display: block;
26759 position: relative;
26761 .admin_colourpicker .previewcolour {
26762 display: none;
26764 .admin_colourpicker .currentcolour {
26765 position: absolute;
26766 border: 1px solid #dee2e6;
26767 top: 100px;
26768 left: 0;
26771 .admin_colourpicker .loadingicon {
26772 vertical-align: middle;
26773 margin-left: auto;
26776 #page-admin-index #notice .checkforupdates {
26777 text-align: center;
26780 #page-admin-plugins #plugins-overview-panel .info {
26781 display: inline-block;
26782 margin-right: 1em;
26784 #page-admin-plugins .checkforupdates {
26785 margin: 10px 0;
26787 #page-admin-plugins .checkforupdates .singlebutton {
26788 margin: 5px 0;
26789 padding: 0;
26791 #page-admin-plugins .checkforupdates .singlebutton div,
26792 #page-admin-plugins .checkforupdates .singlebutton input {
26793 margin: 0 3px 0 0;
26795 #page-admin-plugins .updateavailableinstallall {
26796 margin: 5px 0;
26797 padding: 0;
26799 #page-admin-plugins .updateavailableinstallall div,
26800 #page-admin-plugins .updateavailableinstallall input {
26801 margin: 0 3px 5px 0;
26803 #page-admin-plugins #plugins-control-panel .status-missing td {
26804 background-color: #fcefdc;
26806 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
26807 font-size: 0.8203125rem;
26808 color: #6a737b;
26809 margin-left: 22px;
26811 #page-admin-plugins #plugins-control-panel .version .versionnumber {
26812 font-size: 0.8203125rem;
26813 color: #6a737b;
26815 #page-admin-plugins #plugins-control-panel .uninstall a {
26816 color: #ca3120;
26818 #page-admin-plugins #plugins-control-panel .notes .label {
26819 margin-right: 3px;
26821 #page-admin-plugins #plugins-control-panel .notes .requiredby {
26822 font-size: 0.8203125rem;
26823 color: #6a737b;
26826 #plugins-check-page #plugins-check .status-missing td,
26827 #plugins-check-page #plugins-check .status-downgrade td {
26828 background-color: #f4d6d2;
26831 #plugins-check-page .pluginupdateinfo,
26832 #plugins-control-panel .pluginupdateinfo {
26833 background-color: #cce6ea;
26834 padding: 5px;
26835 margin: 10px 0;
26836 border-radius: 5px;
26838 #plugins-check-page .pluginupdateinfo.maturity50,
26839 #plugins-control-panel .pluginupdateinfo.maturity50 {
26840 background-color: #f4d6d2;
26842 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
26843 #plugins-control-panel .pluginupdateinfo.maturity100,
26844 #plugins-control-panel .pluginupdateinfo.maturity150 {
26845 background-color: #fcefdc;
26847 #plugins-check-page .pluginupdateinfo .info,
26848 #plugins-control-panel .pluginupdateinfo .info {
26849 display: inline-block;
26851 #plugins-check-page .pluginupdateinfo .separator:after,
26852 #plugins-control-panel .pluginupdateinfo .separator:after {
26853 content: " | ";
26855 #plugins-check-page .pluginupdateinfo .singlebutton,
26856 #plugins-control-panel .pluginupdateinfo .singlebutton {
26857 margin: 5px 0;
26858 padding: 0;
26860 #plugins-check-page .pluginupdateinfo .singlebutton div,
26861 #plugins-check-page .pluginupdateinfo .singlebutton input,
26862 #plugins-control-panel .pluginupdateinfo .singlebutton div,
26863 #plugins-control-panel .pluginupdateinfo .singlebutton input {
26864 margin: 0 3px 0 0;
26867 .plugins-management-confirm-buttons > div {
26868 display: inline-block;
26869 margin: 1em 1em 1em 0;
26871 .plugins-management-confirm-buttons .continue {
26872 padding: 0;
26874 .plugins-management-confirm-buttons .continue div,
26875 .plugins-management-confirm-buttons .continue input {
26876 margin: 0;
26879 #page-admin-index .upgradepluginsinfo {
26880 text-align: center;
26883 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
26884 content: " | ";
26887 /** MNet networking */
26888 #page-admin-mnet-peers .box.deletedhosts {
26889 margin-bottom: 1em;
26890 font-size: 0.8203125rem;
26893 #core-cache-plugin-summaries table,
26894 #core-cache-store-summaries table {
26895 width: 100%;
26898 #core-cache-lock-summary table,
26899 #core-cache-definition-summaries table,
26900 #core-cache-mode-mappings table {
26901 margin: 0 auto;
26904 #core-cache-store-summaries .default-store td {
26905 font-style: italic;
26908 #core-cache-rescan-definitions,
26909 #core-cache-mode-mappings .edit-link,
26910 #core-cache-lock-additional-actions .new-instance {
26911 margin-top: 0.5em;
26912 text-align: center;
26915 .maintenancewarning {
26916 position: fixed;
26917 bottom: 0;
26918 right: 0;
26919 overflow: hidden;
26920 z-index: 1000;
26923 .modal.modal-in-page {
26924 z-index: 0;
26927 #page-admin-search .adminpagetitle {
26928 margin-bottom: 0;
26929 border-bottom: none;
26931 #page-admin-search .adminpagepath {
26932 display: flex;
26933 flex-wrap: wrap;
26934 list-style: none;
26935 padding: 0;
26936 margin: 0 0 1.5rem 0;
26938 #page-admin-search .adminpagepath li + li:before {
26939 padding-right: 0.5rem;
26940 padding-left: 0.5rem;
26941 content: "/";
26943 @media (min-width: 576px) {
26944 #page-admin-search .container {
26945 overflow-wrap: break-word;
26949 #page-admin-tasklogs .task-class {
26950 font-size: 0.8203125rem;
26951 color: #6a737b;
26954 .path-admin-tool-uploaduser .uuwarning {
26955 background-color: #fcefdc;
26957 .path-admin-tool-uploaduser .uuerror {
26958 background-color: #f4d6d2;
26960 .path-admin-tool-uploaduser .uuinfo {
26961 background-color: #d7e4d6;
26964 .blockmovetarget .accesshide {
26965 position: relative;
26966 left: initial;
26969 .block:target {
26970 padding-top: 0 !important; /* stylelint-disable declaration-no-important */
26971 margin-top: 0 !important;
26974 .block_search_forums .searchform {
26975 /* Override plugin's default. */
26976 text-align: left;
26979 .block.block_navigation .block_tree ul,
26980 .block_settings .block_tree ul {
26981 margin-left: 0;
26984 .block .block-controls .dropdown-toggle {
26985 /* So that the caret takes the colour of the icon. */
26986 color: #1d2125;
26989 [data-region=blocks-column] {
26990 width: 360px;
26991 float: right;
26994 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
26995 @media (min-width: 576px) {
26996 #region-main-settings-menu {
26997 position: relative;
26998 float: left;
26999 width: 100%;
27001 #region-main-settings-menu > div {
27002 position: absolute;
27003 right: 0;
27004 z-index: 100;
27005 margin: 1rem;
27007 .region_main_settings_menu_proxy {
27008 width: 4rem;
27009 height: 2rem;
27010 background-color: #fff;
27011 margin-left: 0.625rem;
27012 margin-bottom: 0.625rem;
27013 border-bottom-left-radius: 0.5rem;
27014 float: right;
27017 @media (max-width: 767.98px) {
27018 #region-main-settings-menu .menubar {
27019 justify-content: flex-end;
27022 #region-main.has-blocks {
27023 display: inline-block;
27024 width: calc(100% - 375px);
27026 @media (max-width: 1199.98px) {
27027 #region-main.has-blocks {
27028 width: 100%;
27029 /* MDL-63102 - Remove extra space at bottom.
27030 If modifying make sure block-region is horizontally stacked when in full screen */
27031 display: block;
27035 .header-action #region-main-settings-menu {
27036 position: unset;
27037 float: none;
27038 width: auto;
27040 .header-action #region-main-settings-menu > div {
27041 position: unset;
27042 right: auto;
27043 margin: 0;
27046 @media (max-width: 1199.98px) {
27047 [data-region=blocks-column] {
27048 width: 100%;
27052 .block .empty-placeholder-image-lg {
27053 height: 5rem;
27056 .block .searchbar .icon {
27057 margin-right: 0;
27060 .block .block-cards .course-info-container {
27061 padding: 0.8rem;
27063 .block .block-cards .progress {
27064 height: 0.5rem;
27066 .block .block-cards .course-summaryitem {
27067 border: 1px solid #dee2e6;
27068 background-color: #fff;
27070 .block .block-cards .icon {
27071 margin-right: 0;
27073 .block .block-cards .card .coursemenubtn {
27074 margin-top: -0.5rem;
27076 .block .block-cards span.categoryname,
27077 .block .block-cards .btn-link {
27078 color: #1d2125;
27080 .block .block-cards .progress-text {
27081 color: #6a737b;
27083 .block .block-cards .multiline {
27084 white-space: normal;
27086 .block .block-cards .btn.btn-link.btn-icon {
27087 height: 36px;
27088 width: 36px;
27089 padding: 0;
27090 border-radius: 50%;
27093 .dashboard-card-deck.one-row {
27094 flex-flow: nowrap;
27095 overflow-x: scroll;
27098 .summaryimage {
27099 height: 5rem;
27100 width: 5rem;
27101 background-position: center;
27102 background-size: cover;
27105 .dashboard-list-img {
27106 height: 5rem;
27107 width: 20rem;
27108 background-position: center;
27109 background-size: cover;
27111 @media (max-width: 1199.98px) {
27112 .dashboard-list-img {
27113 width: 100%;
27117 .dashboard-card-deck .dashboard-card {
27118 margin-bottom: 0.5rem;
27119 flex-basis: auto;
27120 width: 100%;
27121 flex-grow: 0;
27122 flex-shrink: 0;
27124 .dashboard-card-deck .dashboard-card .dashboard-card-img {
27125 height: 7rem;
27126 background-position: center;
27127 background-size: cover;
27128 border-bottom-left-radius: 0;
27129 border-bottom-right-radius: 0;
27131 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
27132 padding: 0.8rem;
27134 @media (min-width: 576px) {
27135 .dashboard-card-deck.fixed-width-cards .dashboard-card {
27136 width: 300px;
27137 max-width: 100%;
27141 @media (min-width: 576px) {
27142 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27143 width: calc(50% - 0.5rem);
27146 @media (min-width: 840px) {
27147 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27148 width: calc(33.33% - 0.5rem);
27152 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) {
27153 margin-left: 0;
27154 margin-right: 0;
27156 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27157 width: calc(100% - 0.5rem) !important;
27159 @media (max-width: 575.98px) {
27160 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
27161 width: 100% !important;
27165 .block_recentlyaccessedcourses .paging-bar-container {
27166 margin-top: -2.4rem;
27167 padding-right: 0.5rem;
27168 justify-content: flex-end;
27170 @media (max-width: 575.98px) {
27171 .block_recentlyaccessedcourses .paging-bar-container {
27172 margin-top: 0;
27176 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
27177 margin-top: 0;
27180 .block_recentlyaccesseditems .activityiconcontainer {
27181 width: 40px;
27182 height: 40px;
27184 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck.one-row {
27185 flex-flow: wrap;
27186 overflow-x: hidden;
27188 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck .card:nth-of-type(n+4) {
27189 display: none;
27191 #block-region-content .block_recentlyaccesseditems [data-region=more-items-button-container] {
27192 display: none;
27194 .block_recentlyaccesseditems a.dashboard-card:hover, .block_recentlyaccesseditems a.dashboard-card:focus {
27195 text-decoration: none;
27197 .block_recentlyaccesseditems a.dashboard-card:hover h6, .block_recentlyaccesseditems a.dashboard-card:focus h6 {
27198 text-decoration: underline;
27200 .block_recentlyaccesseditems a.dashboard-card small {
27201 color: #1d2125;
27204 .block_myoverview .content {
27205 min-height: 19.35rem;
27207 .block_myoverview .paged-content-page-container {
27208 min-height: 13rem;
27211 .block_timeline .paged-content-page-container {
27212 background-color: #fff;
27215 .block_timeline .event-action {
27216 padding-left: 5.55em;
27219 .block_settings .block_tree [aria-expanded=true],
27220 .block_settings .block_tree [aria-expanded=true].emptybranch,
27221 .block_settings .block_tree [aria-expanded=false],
27222 .block_navigation .block_tree [aria-expanded=true],
27223 .block_navigation .block_tree [aria-expanded=true].emptybranch,
27224 .block_navigation .block_tree [aria-expanded=false] {
27225 background-image: none;
27228 .block_settings .block_tree [aria-expanded=true] > p:before,
27229 .block_navigation .block_tree [aria-expanded=true] > p:before {
27230 content: "\f107";
27231 margin-right: 0;
27232 font-size: 16px;
27233 width: 16px;
27236 .block_settings .block_tree [aria-expanded=false] > p:before,
27237 .block_navigation .block_tree [aria-expanded=false] > p:before {
27238 content: "\f105";
27239 margin-right: 0;
27240 font-size: 16px;
27241 width: 16px;
27244 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
27245 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before {
27246 content: "\f104";
27249 .block_navigation .block_tree p.hasicon,
27250 .block_settings .block_tree p.hasicon {
27251 text-indent: -3px;
27253 .block_navigation .block_tree p.hasicon .icon,
27254 .block_settings .block_tree p.hasicon .icon {
27255 margin-right: 2px;
27258 .block.invisibleblock .card-title {
27259 color: #6a737b;
27262 .block_social_activities li a.movehere,
27263 .block_site_main_menu li a.movehere {
27264 display: block;
27265 width: 100%;
27266 height: 2rem;
27267 border: 2px dashed #343a40;
27268 margin: 4px 0;
27271 .pagelayout-embedded .has-fake-blocks {
27272 padding: 1rem;
27273 display: flex;
27275 .pagelayout-embedded .has-fake-blocks .embedded-main {
27276 order: 0;
27277 width: calc(100% - 360px);
27278 margin-right: 1rem;
27280 .pagelayout-embedded .embedded-blocks {
27281 order: 1;
27282 width: 360px;
27284 @media (max-width: 767.98px) {
27285 .pagelayout-embedded .has-fake-blocks {
27286 display: block;
27288 .pagelayout-embedded .has-fake-blocks .embedded-main {
27289 width: 100%;
27291 .pagelayout-embedded .embedded-blocks {
27292 width: 100%;
27296 .block-add {
27297 color: #0f6cbf;
27298 background-color: #f5f9fc;
27299 border-color: #3584c9;
27300 border-radius: 0.25rem;
27301 width: 100%;
27302 border-width: 1px;
27304 .block-add hr {
27305 border-top-color: #3077b5;
27307 .block-add .alert-link {
27308 color: #0b5190;
27310 .block-add .pluscontainer {
27311 border: 1px solid #3584c9;
27312 border-radius: 50%;
27313 width: 32px;
27314 height: 32px;
27316 .block-add:hover {
27317 cursor: pointer;
27318 background-color: #f5f9fc;
27320 .block-add:hover .activity-add-text {
27321 text-decoration: underline;
27324 /* calendar.less */
27325 .calendar_event_category {
27326 background-color: #e0cbe0;
27328 .calendar_event_category .commands a {
27329 color: #0d5ca1;
27332 .calendar_event_course {
27333 background-color: #ffd3bd;
27335 .calendar_event_course .commands a {
27336 color: #0d5ca1;
27339 .calendar_event_site {
27340 background-color: #d6f8cd;
27342 .calendar_event_site .commands a {
27343 color: #0d5ca1;
27346 .calendar_event_group {
27347 background-color: #fee7ae;
27349 .calendar_event_group .commands a {
27350 color: #0d5ca1;
27353 .calendar_event_user {
27354 background-color: #dce7ec;
27356 .calendar_event_user .commands a {
27357 color: #0d5ca1;
27360 .calendar_event_other {
27361 background-color: #ced4da;
27363 .calendar_event_other .commands a {
27364 color: #0d5ca1;
27367 .calendartable {
27368 width: 100%;
27369 table-layout: fixed;
27371 .calendartable th,
27372 .calendartable td {
27373 width: 14%;
27374 vertical-align: top;
27375 text-align: center;
27376 border: 0;
27379 .calendar-controls .previous,
27380 .calendar-controls .next,
27381 .calendar-controls .current {
27382 display: block;
27383 float: left;
27384 width: 12%;
27386 .calendar-controls .previous {
27387 text-align: left;
27388 border: 1px solid transparent;
27389 width: 25%;
27391 .calendar-controls .current {
27392 text-align: center;
27393 width: 50%;
27395 .calendar-controls .next {
27396 text-align: right;
27397 border: 1px solid transparent;
27398 width: 25%;
27400 .calendar-controls .drop-target {
27401 box-sizing: border-box;
27402 border: 1px dashed #0f6cbf;
27405 .filters table {
27406 border-collapse: separate;
27407 border-spacing: 2px;
27408 width: 100%;
27411 #region-main .maincalendar .calendarwrapper td > div {
27412 height: 11.5em;
27413 overflow: hidden;
27416 .maincalendar {
27417 vertical-align: top;
27418 padding: 0;
27420 .maincalendar .bottom {
27421 text-align: left;
27422 width: 98%;
27423 margin: 10px auto;
27425 .maincalendar .bottom span.footer-link:after {
27426 content: "•";
27427 color: #0f6cbf;
27429 .maincalendar .bottom span.footer-link:last-child:after {
27430 content: none;
27432 .maincalendar .heightcontainer {
27433 height: 100%;
27434 position: relative;
27436 .maincalendar .calendarmonth {
27437 width: 98%;
27438 margin: 10px auto;
27440 .maincalendar .calendarmonth ul {
27441 margin: 0;
27442 padding: 0;
27444 .maincalendar .calendarmonth ul li[data-event-folded=true] {
27445 display: none;
27447 .maincalendar .calendarmonth ul li {
27448 list-style-type: none;
27449 line-height: 1.2em;
27451 .maincalendar .calendarmonth ul li > a {
27452 overflow: hidden;
27453 text-overflow: ellipsis;
27454 white-space: nowrap;
27455 max-width: 100%;
27456 display: inline-block;
27458 .maincalendar .calendarmonth ul li > a:hover {
27459 text-decoration: none;
27461 .maincalendar .calendarmonth ul li > a:hover .eventname {
27462 text-decoration: underline;
27464 .maincalendar .calendarmonth ul li a[data-action=view-day-link] {
27465 overflow: hidden;
27466 text-overflow: ellipsis;
27467 white-space: nowrap;
27469 .maincalendar .calendarmonth ul li .icon {
27470 margin-left: 0.25em;
27471 margin-right: 0.25em;
27472 vertical-align: initial;
27474 .maincalendar .calendarmonth ul li .calendar-circle {
27475 width: 12px;
27476 height: 12px;
27477 border-radius: 6px;
27478 vertical-align: middle;
27479 display: inline-block;
27481 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
27482 background-color: #e0cbe0;
27483 border: 2px solid #9e619f;
27485 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
27486 background-color: #ffd3bd;
27487 border: 2px solid #d34600;
27489 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
27490 background-color: #d6f8cd;
27491 border: 2px solid #2b8713;
27493 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
27494 background-color: #fee7ae;
27495 border: 2px solid #9a6e02;
27497 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
27498 background-color: #dce7ec;
27499 border: 2px solid #4e7c91;
27501 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
27502 background-color: #ced4da;
27503 border: 2px solid #687889;
27505 .maincalendar .calendarmonth th {
27506 text-align: left;
27507 padding-left: 16px;
27509 .maincalendar .calendarmonth td a.day:focus {
27510 display: inline-block;
27511 border-radius: 50%;
27512 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
27514 .maincalendar .calendarmonth td .day-number-circle {
27515 display: inline-block;
27516 line-height: 0;
27517 width: 30px;
27518 height: 30px;
27520 .maincalendar .calendarmonth td .day-number-circle .day-number {
27521 display: inline-block;
27522 padding: 50% 4px;
27523 width: 100%;
27524 text-align: center;
27526 .maincalendar .calendarmonth td.today .day-number-circle {
27527 border-radius: 50%;
27528 color: #fff;
27529 background-color: #0f6cbf;
27531 .maincalendar .calendarmonth .clickable:hover {
27532 background-color: #ededed;
27534 .maincalendar .controls {
27535 width: 98%;
27536 margin: 10px auto;
27538 .maincalendar .calendar_event_category:hover a,
27539 .maincalendar .calendar_event_course:hover a,
27540 .maincalendar .calendar_event_site:hover a,
27541 .maincalendar .calendar_event_group:hover a,
27542 .maincalendar .calendar_event_user:hover a {
27543 color: #094478;
27544 text-decoration: underline;
27546 .maincalendar .calendar_event_category {
27547 border-color: #e0cbe0;
27549 .maincalendar .calendar_event_course {
27550 border-color: #ffd3bd;
27552 .maincalendar .calendar_event_site {
27553 border-color: #d6f8cd;
27555 .maincalendar .calendar_event_group {
27556 border-color: #fee7ae;
27558 .maincalendar .calendar_event_user {
27559 border-color: #dce7ec;
27561 .maincalendar .calendar_event_other {
27562 border-color: #ced4da;
27564 .maincalendar .calendartable td,
27565 .maincalendar .calendartable li {
27566 padding: 4px;
27568 .maincalendar .calendartable li {
27569 text-align: left;
27571 .maincalendar .header {
27572 overflow: hidden;
27574 .maincalendar .header .buttons {
27575 float: right;
27577 .maincalendar .event .card-header img {
27578 vertical-align: baseline;
27580 .maincalendar .event .location {
27581 word-break: break-all;
27582 overflow-wrap: break-word;
27584 .maincalendar table#subscription_details_table td {
27585 vertical-align: middle;
27587 .maincalendar table#subscription_details_table td > .btn-group button {
27588 padding-left: 0;
27591 #page-calendar-export .indent {
27592 padding-left: 20px;
27595 .block .bottom {
27596 width: 98%;
27597 margin: 10px auto;
27599 .block .bottom span.footer-link:after {
27600 content: "•";
27601 color: #0f6cbf;
27603 .block .bottom span.footer-link:last-child:after {
27604 content: none;
27606 .block .minicalendar {
27607 max-width: 280px;
27608 margin: 0 auto;
27609 width: 100%;
27611 .block .minicalendar th,
27612 .block .minicalendar td {
27613 padding: 2px;
27614 font-size: 0.8em;
27615 text-align: center;
27617 .block .minicalendar td.weekend {
27618 color: #6a737b;
27620 .block .minicalendar td a {
27621 width: 100%;
27622 height: 100%;
27623 display: block;
27624 color: #0d5ca1;
27626 .block .minicalendar td.duration_global {
27627 border-top: 1px solid #d6f8cd;
27628 border-bottom: 1px solid #d6f8cd;
27630 .block .minicalendar td.duration_global.duration_finish {
27631 background-color: #d6f8cd;
27633 .block .minicalendar td.duration_category {
27634 border-top: 1px solid #e0cbe0;
27635 border-bottom: 1px solid #e0cbe0;
27637 .block .minicalendar td.duration_category.duration_finish {
27638 background-color: #e0cbe0;
27640 .block .minicalendar td.duration_course {
27641 border-top: 1px solid #ffd3bd;
27642 border-bottom: 1px solid #ffd3bd;
27644 .block .minicalendar td.duration_course.duration_finish {
27645 background-color: #ffd3bd;
27647 .block .minicalendar td.duration_group {
27648 border-top: 1px solid #fee7ae;
27649 border-bottom: 1px solid #fee7ae;
27651 .block .minicalendar td.duration_group.duration_finish {
27652 background-color: #fee7ae;
27654 .block .minicalendar td.duration_user {
27655 border-top: 1px solid #dce7ec;
27656 border-bottom: 1px solid #dce7ec;
27658 .block .minicalendar td.duration_user.duration_finish {
27659 background-color: #dce7ec;
27661 .block .minicalendar td.duration_other {
27662 border-top: 1px solid #ced4da;
27663 border-bottom: 1px solid #ced4da;
27665 .block .minicalendar td.duration_other.duration_finish {
27666 background-color: #ced4da;
27668 .block .minicalendar caption {
27669 font-size: inherit;
27670 font-weight: inherit;
27671 line-height: inherit;
27672 text-align: center;
27674 .block .calendar_filters ul {
27675 list-style: none;
27676 margin: 0;
27677 padding: 0;
27679 .block .calendar_filters li {
27680 margin-bottom: 0.2em;
27682 .block .calendar_filters li span.calendar_event_category i {
27683 color: #0d5ca1;
27685 .block .calendar_filters li span.calendar_event_course i {
27686 color: #0d5ca1;
27688 .block .calendar_filters li span.calendar_event_site i {
27689 color: #0d5ca1;
27691 .block .calendar_filters li span.calendar_event_group i {
27692 color: #0d5ca1;
27694 .block .calendar_filters li span.calendar_event_user i {
27695 color: #0d5ca1;
27697 .block .calendar_filters li span.calendar_event_other i {
27698 color: #0d5ca1;
27700 .block .calendar_filters li span img {
27701 padding: 0 0.2em;
27702 margin: 0;
27704 .block .calendar_filters li .icon {
27705 vertical-align: initial;
27706 margin: 0 0.1rem 0 0.4rem;
27708 .block .calendar_filters li > a:hover {
27709 text-decoration: none;
27711 .block .calendar_filters li > a:hover .eventname {
27712 text-decoration: underline;
27714 .block .content h3.eventskey {
27715 margin-top: 0.5em;
27718 .path-course-view .block.block_calendar_month .maincalendar div.header {
27719 visibility: hidden;
27720 height: 0;
27722 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
27723 position: absolute;
27724 width: 1px;
27725 height: 1px;
27726 padding: 0;
27727 margin: -1px;
27728 overflow: hidden;
27729 clip: rect(0, 0, 0, 0);
27730 white-space: nowrap;
27731 border: 0;
27733 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
27734 display: block;
27736 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
27737 content: none;
27740 /* Display month name above the calendar */
27741 table.calendartable caption {
27742 caption-side: top;
27745 @media (min-width: 768px) {
27746 #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 {
27747 min-width: 1024px;
27750 @media (min-width: 768px) {
27751 section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
27752 visibility: hidden;
27753 height: 0;
27755 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
27756 width: 40%;
27757 font-size: inherit;
27758 line-height: inherit;
27760 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
27761 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
27762 width: 30%;
27763 font-size: 0.8em;
27765 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
27766 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27767 border: none;
27768 text-align: center !important;
27769 padding: 0;
27771 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27772 height: auto;
27773 font-size: 0.8em;
27775 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27776 display: none;
27778 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27779 display: inline-block;
27780 position: relative;
27782 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27783 content: ".";
27784 display: inline-block;
27785 position: absolute;
27786 bottom: 0.4em;
27787 left: 0;
27788 text-align: center;
27789 width: 100%;
27790 font-size: 3em;
27791 color: inherit;
27793 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
27794 content: "";
27795 display: block;
27796 margin-top: calc(100% - 26px);
27798 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
27799 background-color: inherit;
27801 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
27802 border-radius: 50%;
27803 background-color: #ededed;
27805 section:not(#region-main) .block.block_calendar_month .bottom {
27806 border-top: 1px solid rgba(0, 0, 0, 0.125);
27807 padding-top: 0.5rem;
27810 @media (max-width: 768px) {
27811 .maincalendar .calendartable.calendarmonth th,
27812 .maincalendar .calendartable.calendarmonth td {
27813 border: none;
27814 text-align: center !important;
27815 padding: 0;
27817 .maincalendar .calendartable.calendarmonth td {
27818 height: auto;
27819 font-size: inherit;
27820 padding: 0;
27822 .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27823 display: none;
27825 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27826 display: inline-block;
27827 position: relative;
27829 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27830 content: ".";
27831 display: inline-block;
27832 position: absolute;
27833 bottom: 0.4em;
27834 left: 0;
27835 text-align: center;
27836 width: 100%;
27837 font-size: 3em;
27838 color: inherit;
27840 .maincalendar .calendartable.calendarmonth td:after {
27841 content: "";
27842 display: block;
27843 margin-top: calc(100% - 26px);
27845 .maincalendar .calendartable.calendarmonth td > div {
27846 height: auto !important;
27849 .calendarwrapper {
27850 position: relative;
27853 .day-popover-content:empty + .day-popover-alternate {
27854 display: block;
27857 .location-content {
27858 overflow-wrap: break-word;
27861 .description-content {
27862 overflow-wrap: break-word;
27864 .description-content > p {
27865 margin: 0;
27868 .cal_courses_flt {
27869 color: #6a737b;
27870 max-width: 75%;
27873 .content-bank-container .cb-content-wrapper {
27874 padding: 0.5rem;
27875 min-height: 140px;
27876 max-height: 500px;
27877 overflow-x: auto;
27878 flex-wrap: wrap;
27880 .content-bank-container .cb-thumbnail {
27881 width: 24px;
27882 height: 24px;
27883 background-repeat: no-repeat;
27884 background-position: center;
27885 background-size: cover;
27887 .content-bank-container.view-grid {
27888 /* Display a centered eye slash on top of unlisted content icons. */
27890 .content-bank-container.view-grid .cb-listitem {
27891 margin-bottom: 0.5rem;
27893 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
27894 position: relative;
27896 @media (max-width: 767.98px) {
27897 .content-bank-container.view-grid .cb-listitem {
27898 flex-basis: 50%;
27901 @media (min-width: 576px) {
27902 .content-bank-container.view-grid .cb-listitem {
27903 max-width: 120px;
27904 min-width: 120px;
27907 .content-bank-container.view-grid .cb-name {
27908 text-align: center;
27910 .content-bank-container.view-grid .cb-file {
27911 padding: 0.5rem;
27913 .content-bank-container.view-grid .cb-thumbnail {
27914 width: 64px;
27915 height: 64px;
27916 margin-left: auto;
27917 margin-right: auto;
27918 margin-bottom: 0.5rem;
27920 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
27921 opacity: 0.15;
27923 .content-bank-container.view-grid .cb-unlisted::after {
27924 content: "\f070";
27925 position: absolute;
27926 top: 20px;
27927 left: 0;
27928 width: 100%;
27929 font-size: 26px;
27930 text-align: center;
27931 opacity: 0.9;
27932 text-shadow: 0 0 10px #fff;
27934 .content-bank-container.view-grid .cb-heading,
27935 .content-bank-container.view-grid .cb-uses,
27936 .content-bank-container.view-grid .cb-date,
27937 .content-bank-container.view-grid .cb-size,
27938 .content-bank-container.view-grid .cb-type,
27939 .content-bank-container.view-grid .cb-author {
27940 display: none;
27942 .content-bank-container.view-list .cb-content-wrapper {
27943 padding: 0 0.5rem;
27944 flex-direction: column;
27945 flex-wrap: nowrap;
27947 .content-bank-container.view-list .cb-thumbnail {
27948 margin-right: 0.5rem;
27950 .content-bank-container.view-list .cb-listitem,
27951 .content-bank-container.view-list .cb-heading {
27952 display: flex;
27953 flex-wrap: wrap;
27954 width: 100%;
27955 border-bottom: 1px solid #dee2e6;
27957 .content-bank-container.view-list .cb-column {
27958 display: flex;
27959 padding: 0.25rem;
27961 .content-bank-container.view-list .cb-column {
27962 border-right: 1px solid #dee2e6;
27964 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
27965 opacity: 0.3;
27967 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
27968 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
27969 color: #6a737b;
27971 @media (max-width: 767.98px) {
27972 .content-bank-container.view-list .cb-column {
27973 flex: 0 0 50%;
27974 max-width: 50%;
27977 @media (min-width: 576px) {
27978 .content-bank-container.view-list .cb-heading {
27979 position: sticky;
27980 top: 0;
27981 z-index: 1;
27983 .content-bank-container.view-list .cb-file {
27984 flex: 0 0 40%;
27985 max-width: 40%;
27987 .content-bank-container.view-list .cb-uses,
27988 .content-bank-container.view-list .cb-date,
27989 .content-bank-container.view-list .cb-size,
27990 .content-bank-container.view-list .cb-type,
27991 .content-bank-container.view-list .cb-author {
27992 flex: 0 0 12%;
27993 max-width: 12%;
27995 .content-bank-container.view-list .cb-column.last {
27996 border-right: 0;
27999 .content-bank-container.view-list .cb-btnsort span {
28000 display: none;
28002 .content-bank-container.view-list .cb-btnsort .title {
28003 display: inline;
28005 .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 {
28006 display: inline;
28009 .cb-toolbar-container .dropdown-scrollable {
28010 max-height: 190px;
28011 overflow-y: auto;
28014 .cb-navigation-container .singleselect,
28015 .cb-navigation-container .singleselect .custom-select {
28016 width: 100%;
28019 /* course.less */
28020 /* COURSE CONTENT */
28021 .block_tree .tree_item.branch {
28022 margin-left: 8px;
28025 .section .side {
28026 margin-top: 0.5rem;
28028 .section .side.left {
28029 float: left;
28031 .section .side.right {
28032 float: right;
28033 clear: right;
28035 .section .spinner {
28036 height: 16px;
28037 width: 16px;
28039 .section .activity {
28040 /* The command block for each activity */
28042 .section .activity .spinner {
28043 left: 100%;
28044 position: absolute;
28046 .section .activity .actions {
28047 position: absolute;
28048 right: 0;
28049 top: 0;
28050 display: flex;
28052 .section .activity .contentwithoutlink,
28053 .section .activity .activityinstance {
28054 min-width: 40%;
28056 .section .activity .contentwithoutlink > a,
28057 .section .activity .activityinstance > a {
28058 display: inline-flex;
28059 align-items: center;
28061 .section .activity .contentwithoutlink .dimmed .activityicon,
28062 .section .activity .activityinstance .dimmed .activityicon {
28063 opacity: 0.5;
28065 .section .activity .stealth {
28066 color: #6a737b;
28068 .section .activity a.stealth,
28069 .section .activity a.stealth:hover {
28070 color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
28072 .section .activity.indented .activity-item {
28073 margin-left: 1rem;
28075 .section .label .contentwithoutlink,
28076 .section .label .activityinstance {
28077 padding-right: 32px;
28078 display: block;
28079 height: inherit;
28081 @media (min-width: 576px) {
28082 .section .label .mod-indent-outer {
28083 padding-left: 24px;
28084 display: block;
28087 .section .filler {
28088 width: 16px;
28089 height: 16px;
28090 padding: 0;
28091 margin: 0 0.5rem;
28092 display: inline-block;
28094 .section .activity.editor_displayed a.editing_title,
28095 .section .activity.editor_displayed .moodle-actionmenu {
28096 display: none;
28098 .section .activity.editor_displayed div.activityinstance {
28099 padding-right: initial;
28101 .section .activity.editor_displayed div.activityinstance input {
28102 margin-bottom: initial;
28103 padding-top: initial;
28104 padding-bottom: initial;
28105 vertical-align: text-bottom;
28108 .section .activity .activityinstance {
28109 display: inline-flex;
28110 align-items: center;
28111 margin-bottom: 1rem;
28114 .editing .section .activity .contentwithoutlink,
28115 .editing .section .activity .activityinstance {
28116 padding-right: 200px;
28118 .editing .section .activity .mod-indent-outer {
28120 * Add appropriate padding such that nothing overlaps the
28121 * absolute positioned move icon.
28123 padding-left: 2rem;
28125 .editing .course-content .stateready .section .spinner {
28126 display: none;
28128 .editing .editinprogress {
28129 position: relative;
28131 .editing .editinprogress > * {
28132 opacity: 0.4;
28134 .editing .editinprogress .corelightbox,
28135 .editing .editinprogress .lightbox {
28136 display: none;
28138 .editing .editinprogress:after {
28139 position: absolute;
28140 font-size: 20px;
28141 color: #6a737b;
28142 content: "\f110";
28143 display: flex;
28144 justify-content: center;
28145 align-items: center;
28146 width: 30px;
28147 height: 30px;
28148 left: calc(50% - 15px);
28149 top: calc(50% - 15px);
28150 animation: editinprogress-rotation 2s infinite linear;
28152 .editing .editinprogress .editinprogress:after {
28153 display: none;
28156 @keyframes editinprogress-rotation {
28157 0% {
28158 opacity: 0;
28159 transform: rotate(0deg);
28161 50% {
28162 opacity: 1;
28164 100% {
28165 opacity: 0;
28166 transform: rotate(359deg);
28169 .editing_show + .editing_assign,
28170 .editing_hide + .editing_assign {
28171 margin-left: 20px;
28174 .section .activity .commands {
28175 white-space: nowrap;
28176 display: inline-block;
28179 .section .activity.modtype_label.label {
28180 font-weight: normal;
28182 .section .activity.modtype_label.label .contentwithoutlink {
28183 min-height: 0;
28185 .section .activity.modtype_label.label.hasinfo p:last-child,
28186 .section .activity.modtype_label.label.hasinfo i:last-child {
28187 margin-bottom: 0;
28190 .section li.activity:not(.activity-wrapper) {
28191 padding: 0.2em;
28192 clear: both;
28194 .section li.activity:not(.activity-wrapper).hasinfo {
28195 border-bottom: 1px solid #dee2e6;
28196 padding-top: 1rem;
28197 padding-bottom: 1rem;
28199 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
28200 border-bottom: 0;
28201 padding-bottom: 0;
28204 .course-content .section.dropready.main.drop-down {
28205 border-bottom: 1px solid #1d2125;
28207 .course-content .section.dropready .course-section-header.dropready.drop-zone {
28208 margin-top: -2px;
28210 .course-content .section.dropready li.activity.dropready.drop-down {
28211 border-bottom: 1px solid #1d2125;
28212 margin-bottom: -1px;
28214 .course-content .section.dropready li.activity.dropready.drop-up {
28215 border-top: 1px solid #1d2125;
28216 margin-top: -1px;
28219 .section .activity .activityinstance .groupinglabel {
28220 padding-left: 30px;
28223 .section.main:not(.course-section) .activity .availabilityinfo,
28224 .section.main:not(.course-section) .activity .contentafterlink {
28225 margin-top: 0.5em;
28226 margin-left: 30px;
28229 .section .activity .contentafterlink p {
28230 margin: 0.5em 0;
28233 .editing .section.main:not(.course-section) .activity:hover,
28234 .editing .section.main:not(.course-section) .activity.action-menu-shown,
28235 .editing .section.main:not(.course-section) .sectionname:hover {
28236 background-color: rgba(0, 0, 0, 0.03);
28239 .course-content .current {
28240 position: relative;
28243 .course-content .current::before {
28244 border-left: #0f6cbf 3px solid;
28245 bottom: 0;
28246 content: "";
28247 left: -8px;
28248 position: absolute;
28249 top: 0;
28252 .course-content .single-section .section-navigation {
28253 display: block;
28254 padding: 0.5em;
28255 margin-bottom: -0.5em;
28258 .course-content .single-section .section-navigation .title {
28259 font-weight: bold;
28260 font-size: 108%;
28261 clear: both;
28264 .course-content .single-section .section-navigation .mdl-left {
28265 font-weight: normal;
28266 float: left;
28267 margin-right: 1em;
28270 .course-content .single-section .section-navigation .mdl-left .larrow {
28271 margin-right: 0.1em;
28274 .course-content .single-section .section-navigation .mdl-right {
28275 font-weight: normal;
28276 float: right;
28277 margin-left: 1em;
28280 .course-content .single-section .section-navigation .mdl-right .rarrow {
28281 margin-left: 0.1em;
28284 .course-content .single-section .section-navigation .mdl-bottom {
28285 margin-top: 0;
28288 .course-content ul li.section.main:not(.course-section) {
28289 border-bottom: 1px solid #dee2e6;
28290 margin-top: 0;
28292 .course-content ul li.section.main:not(.course-section):last-child {
28293 border-bottom: 0;
28296 .course-content ul li.section.hidden:not(.course-section) .sectionname > span,
28297 .course-content ul li.section.hidden:not(.course-section) .content > div.summary,
28298 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
28299 color: #6a737b;
28302 .course-content ul.topics,
28303 .course-content ul.weeks {
28304 padding: 0;
28305 margin: 0;
28306 list-style: none;
28308 .course-content ul.topics li.section .content,
28309 .course-content ul.weeks li.section .content {
28310 margin: 0;
28311 padding: 0;
28313 @media (min-width: 576px) {
28314 .course-content ul.topics li.section .summary,
28315 .course-content ul.topics li.section .content > .availabilityinfo,
28316 .course-content ul.weeks li.section .summary,
28317 .course-content ul.weeks li.section .content > .availabilityinfo {
28318 margin-left: 25px;
28321 .course-content ul.topics li.section .left,
28322 .course-content ul.topics li.section .right,
28323 .course-content ul.weeks li.section .left,
28324 .course-content ul.weeks li.section .right {
28325 padding: 0 6px 0;
28326 text-align: right;
28327 width: auto;
28330 .course-content .single-section ul.topics li.section,
28331 .course-content .single-section ul.weeks li.section {
28332 padding-top: 0;
28335 @media (max-width: 767.98px) {
28336 body:not(.editing) .course-content ul.topics li.section .left,
28337 body:not(.editing) .course-content ul.topics li.section .right,
28338 body:not(.editing) .course-content ul.weeks li.section .left,
28339 body:not(.editing) .course-content ul.weeks li.section .right {
28340 display: none;
28343 .course-content {
28344 margin-top: 0;
28347 .course-content .hidden {
28348 display: none;
28351 @media (max-width: 767.98px) {
28352 .course-content li.section:not(.course-section) ul {
28353 padding-left: 0;
28356 .course-content li.section:not(.course-section) ul {
28357 list-style: disc;
28359 .course-content li.section:not(.course-section) ul ul {
28360 list-style: circle;
28362 .course-content li.section:not(.course-section) ul ul ul {
28363 list-style: square;
28365 .course-content li.section:not(.course-section) li.activity ul {
28366 list-style: disc;
28368 .course-content li.section:not(.course-section) li.activity ul ul {
28369 list-style: circle;
28371 .course-content li.section:not(.course-section) li.activity ul ul ul {
28372 list-style: square;
28374 .course-content li.section:not(.course-section) .right > .icon:first-child {
28375 /* Remove the spacer icon. */
28376 display: none;
28379 .path-course-view.editing #region-main > .card-block {
28380 padding-bottom: 13rem;
28383 .path-course-view .completionprogress {
28384 margin-left: 25px;
28387 .path-course-view .completionprogress {
28388 display: block;
28389 float: right;
28390 height: 20px;
28391 position: relative;
28394 #page-site-index .subscribelink {
28395 text-align: right;
28398 #site-news-forum h2,
28399 #frontpage-course-list h2,
28400 #frontpage-category-names h2,
28401 #frontpage-category-combo h2 {
28402 margin-bottom: 9px;
28405 .path-course-view a.reduce-sections {
28406 padding-left: 0.2em;
28409 .path-course-view .subscribelink {
28410 text-align: right;
28413 .path-course-view .unread {
28414 margin-left: 30px;
28417 .path-course-view .block.drag .header {
28418 cursor: move;
28421 .path-course-view .completionprogress {
28422 text-align: right;
28425 .path-course-view .single-section .completionprogress {
28426 margin-right: 5px;
28429 .path-course-view li.activity span.autocompletion img {
28430 vertical-align: text-bottom;
28431 margin-left: 0;
28434 .path-course-view.editing li.activity span.autocompletion img {
28435 /* Use the same spacing as the filler. */
28436 margin-right: 0.5rem;
28437 margin-left: 0.5rem;
28440 li.section.hidden span.commands a.editing_hide,
28441 li.section.hidden span.commands a.editing_show {
28442 cursor: default;
28445 .single-section-page .header-action {
28446 display: inline-block;
28449 input.titleeditor {
28450 width: 330px;
28451 vertical-align: text-bottom;
28454 span.editinstructions {
28455 position: absolute;
28456 top: 0;
28457 margin-top: -22px;
28458 margin-left: 30px;
28459 font-size: 0.8203125rem;
28460 padding: 0.1em 0.4em;
28461 text-decoration: none;
28462 z-index: 9999;
28463 border: 0 solid transparent;
28464 color: #00434e;
28465 background-color: #cce6ea;
28466 border-color: #b8dce2;
28468 span.editinstructions hr {
28469 border-top-color: #a6d3db;
28471 span.editinstructions .alert-link {
28472 color: #00171b;
28475 /* COURSES LISTINGS AND COURSE SUMMARY */
28476 #page-course-pending .singlebutton,
28477 #page-course-index .singlebutton,
28478 #page-course-index-category .singlebutton,
28479 #page-course-editsection .singlebutton {
28480 text-align: center;
28483 #page-admin-course-manage #movecourses td img {
28484 margin: 0 0.22em;
28485 vertical-align: text-bottom;
28488 #page-course-pending .pendingcourserequests {
28489 margin-bottom: 1em;
28492 #page-course-pending .pendingcourserequests .singlebutton {
28493 display: inline;
28496 #page-course-pending .pendingcourserequests .cell {
28497 padding: 0 5px;
28500 #page-course-pending .pendingcourserequests .cell.c6 {
28501 white-space: nowrap;
28504 .coursebox {
28505 display: flex;
28506 flex-direction: column;
28508 .coursebox .info {
28509 display: flex;
28510 align-items: center;
28513 #frontpage-available-course-list,
28514 #frontpage-course-list,
28515 .course-search-result {
28516 margin-top: 0.5rem;
28518 #frontpage-available-course-list .coursebox,
28519 #frontpage-course-list .coursebox,
28520 .course-search-result .coursebox {
28521 padding: 0.5rem;
28522 border: 1px solid #dee2e6;
28523 margin-bottom: 0.5rem;
28524 border-radius: 0.25rem;
28527 .subcategories .coursebox > .info > .coursename a,
28528 #frontpage-category-names .coursebox > .info > .coursename a,
28529 #frontpage-category-combo .coursebox > .info > .coursename a {
28530 display: block;
28531 background-image: url([[pix:moodle|i/course]]);
28532 background-repeat: no-repeat;
28533 padding-left: 21px;
28534 background-position: left 0.2em;
28537 .coursebox > .info > .coursename {
28538 font-size: 0.9375rem;
28539 font-weight: normal;
28540 margin: 5px;
28541 padding: 0;
28544 .coursebox .content .teachers li {
28545 list-style-type: none;
28546 padding: 0;
28547 margin: 0;
28550 .coursebox .customfieldname,
28551 .coursebox .customfieldseparator {
28552 font-weight: 700;
28555 .coursebox .content .coursefile {
28556 max-width: 100px;
28559 .coursebox .content .courseimage img {
28560 max-width: 100px;
28561 max-height: 100px;
28564 .coursebox .content .coursecat,
28565 .coursebox .content .summary,
28566 .coursebox .content .courseimage,
28567 .coursebox .content .coursefile,
28568 .coursebox .content .teachers,
28569 .coursebox.remotecoursebox .remotecourseinfo,
28570 .coursebox .content .customfields-container {
28571 margin: 15px 5px 5px;
28572 padding: 0;
28575 .category-browse .coursebox .content .coursecat,
28576 .category-browse .coursebox .content .summary,
28577 .category-browse .coursebox .content .courseimage,
28578 .category-browse .coursebox .content .coursefile,
28579 .category-browse .coursebox .content .teachers,
28580 .category-browse .coursebox.remotecoursebox .remotecourseinfo,
28581 .category-browse .coursebox .content .customfields-container {
28582 margin-top: 0;
28585 .coursebox.collapsed > .content {
28586 display: none;
28589 .courses > .paging.paging-morelink {
28590 text-align: center;
28591 padding: 1rem;
28594 .course_category_tree .category .numberofcourse {
28595 font-size: 0.8203125rem;
28598 .course_category_tree .category > .info > .categoryname {
28599 margin: 5px;
28600 font-size: 0.9375rem;
28601 font-weight: normal;
28602 padding: 2px 18px;
28605 .course_category_tree .category.with_children > .info > .categoryname {
28606 background-image: url([[pix:moodle|t/expanded]]);
28607 background-repeat: no-repeat;
28608 background-position: center left;
28611 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28612 background-image: url([[pix:moodle|t/collapsed]]);
28615 /* rtl:raw:
28616 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28617 background-image:url([[pix:moodle|t/collapsed_rtl]]);
28620 .course_category_tree .category.collapsed > .content {
28621 display: none;
28624 .course_category_tree .category > .content {
28625 padding-left: 16px;
28628 #page-course-index-category .categorypicker {
28629 margin: 10px 0 20px;
28633 * Course management page
28634 * Palette
28636 * Background (reg) #F5F5F5
28637 * Background (light #fafafa
28638 * Background (highlight) #ddffaa
28639 * Borders #e1e1e8
28641 #course-category-listings {
28642 margin-bottom: 0;
28643 /** Two column layout */
28644 /** Three column layout */
28646 #course-category-listings.columns-2 > #course-listing > div {
28647 position: relative;
28648 left: -1px;
28650 #course-category-listings.columns-3 > #course-listing > div {
28651 height: 100%;
28653 #course-category-listings > div > div {
28654 min-height: 300px;
28656 #course-category-listings > div > div > ul.ml > li:first-child > div {
28657 border-top: 0;
28659 #course-category-listings h3 {
28660 margin: 0;
28661 padding: 0.4rem 0.6rem 0.3rem;
28663 #course-category-listings h4 {
28664 margin: 1rem 0 0;
28665 padding: 0.6rem 1rem 0.5rem;
28667 #course-category-listings .moodle-actionmenu {
28668 white-space: nowrap;
28670 #course-category-listings .listing-actions {
28671 text-align: center;
28673 #course-category-listings .listing-actions > .moodle-actionmenu {
28674 display: inline-block;
28676 #course-category-listings ul.ml {
28677 list-style: none;
28678 margin: 1rem 0;
28680 #course-category-listings ul.ml ul.ml {
28681 margin: 0;
28683 #course-category-listings .listitem[data-selected="1"] {
28684 border-left: calc(1px + 5px) solid #0f6cbf;
28685 padding-left: calc(1.25rem - 5px);
28687 #course-category-listings .listitem:hover {
28688 z-index: 2;
28690 #course-category-listings .item-actions {
28691 margin-right: 1em;
28692 display: inline-block;
28694 #course-category-listings .item-actions.show .menu img {
28695 width: 12px;
28696 max-width: none;
28698 #course-category-listings .item-actions .menu-action-text {
28699 vertical-align: inherit;
28701 #course-category-listings .listitem > div > .float-left {
28702 float: left;
28704 #course-category-listings .listitem > div > .float-right {
28705 float: right;
28706 text-align: right;
28708 #course-category-listings .listitem > div .item-actions .action-show {
28709 display: none;
28711 #course-category-listings .listitem > div .item-actions .action-hide {
28712 display: inline;
28714 #course-category-listings .listitem > div .without-actions {
28715 color: #333;
28717 #course-category-listings .listitem > div .idnumber {
28718 margin-right: 2em;
28720 #course-category-listings .listitem[data-visible="0"] {
28721 color: #6a737b;
28723 #course-category-listings .listitem[data-visible="0"] > div > a {
28724 color: #6a737b;
28726 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
28727 display: inline;
28729 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
28730 display: none;
28732 #course-category-listings .listitem.highlight {
28733 background-color: #fff;
28735 #course-category-listings .listitem.highlight > div,
28736 #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
28737 background-color: rgba(0, 0, 0, 0.075);
28739 #course-category-listings #course-listing .listitem .categoryname {
28740 display: inline-block;
28741 margin-left: 1em;
28742 color: #a1a1a8;
28744 #course-category-listings #course-listing .listitem .coursename {
28745 display: inline-block;
28746 flex-basis: 10rem;
28748 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
28749 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
28750 display: none;
28752 #course-category-listings #course-listing .bulk-action-checkbox {
28753 margin: -2px 6px 0 0;
28755 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
28756 display: none;
28758 #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 {
28759 display: none;
28761 #course-category-listings #category-listing .course-count {
28762 color: #a1a1a8;
28763 margin-right: 2rem;
28764 min-width: 3.5em;
28765 display: inline-block;
28767 #course-category-listings #category-listing .bulk-action-checkbox {
28768 margin-right: -3px;
28770 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
28771 position: relative;
28773 #course-category-listings #category-listing .category-bulk-actions {
28774 margin: 0 0.5em 0.5em;
28775 position: relative;
28777 #course-category-listings .detail-pair > * {
28778 display: inline-block;
28780 #course-category-listings .detail-pair .pair-key {
28781 font-weight: bold;
28782 vertical-align: top;
28784 #course-category-listings .detail-pair .pair-key span {
28785 margin-right: 1rem;
28786 display: block;
28788 #course-category-listings .detail-pair .pair-value select {
28789 max-width: 100%;
28791 #course-category-listings .bulk-actions .detail-pair > * {
28792 display: block;
28793 width: 100%;
28795 #course-category-listings .listing-pagination {
28796 text-align: center;
28798 #course-category-listings .listing-pagination .yui3-button {
28799 color: #fff;
28800 background-color: #008196;
28801 border-color: #008196;
28802 border: 0;
28803 margin: 0.4rem 0.2rem 0.45rem;
28804 font-size: 10.4px;
28806 #course-category-listings .listing-pagination .yui3-button:hover {
28807 color: #fff;
28808 background-color: #006070;
28809 border-color: #005563;
28811 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
28812 color: #fff;
28813 background-color: #006070;
28814 border-color: #005563;
28815 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28817 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
28818 color: #fff;
28819 background-color: #008196;
28820 border-color: #008196;
28822 #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 {
28823 color: #fff;
28824 background-color: #005563;
28825 border-color: #004a56;
28827 #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 {
28828 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28830 #course-category-listings .listing-pagination .yui3-button.active-page {
28831 color: #fff;
28832 background-color: #0f6cbf;
28833 border-color: #0f6cbf;
28835 #course-category-listings .listing-pagination .yui3-button.active-page:hover {
28836 color: #fff;
28837 background-color: #0c589c;
28838 border-color: #0b5190;
28840 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
28841 color: #fff;
28842 background-color: #0c589c;
28843 border-color: #0b5190;
28844 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28846 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
28847 color: #fff;
28848 background-color: #0f6cbf;
28849 border-color: #0f6cbf;
28851 #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 {
28852 color: #fff;
28853 background-color: #0b5190;
28854 border-color: #0a4b84;
28856 #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 {
28857 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28859 #course-category-listings .listing-pagination-totals {
28860 text-align: center;
28862 #course-category-listings .listing-pagination-totals.dimmed {
28863 color: #6a737b;
28864 margin: 0.4rem 1rem 0.45rem;
28866 #course-category-listings .select-a-category .notifymessage,
28867 #course-category-listings .select-a-category .alert {
28868 margin: 1em;
28871 #course-category-listings #course-listing .listitem .drag-handle {
28872 display: none;
28875 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
28876 display: inline-block;
28877 margin: 0 6px 0 0;
28878 cursor: pointer;
28881 /** Management header styling **/
28882 .course-being-dragged-proxy {
28883 border: 0;
28884 color: #0f6cbf;
28885 vertical-align: middle;
28886 padding: 0 0 0 4em;
28889 .course-being-dragged {
28890 opacity: 0.5;
28894 * Display sizes:
28895 * Large displays 1200 +
28896 * Default displays 980 1199
28897 * Tablets 768 979
28898 * Small tablets and large phones 481 767
28899 * Phones 0 480
28901 @media (min-width: 1200px) and (max-width: 1600px) {
28902 #course-category-listings.columns-3 {
28903 background-color: #fff;
28904 border: 0;
28906 #course-category-listings.columns-3 #category-listing,
28907 #course-category-listings.columns-3 #course-listing {
28908 width: 50%;
28910 #course-category-listings.columns-3 #category-listing > div,
28911 #course-category-listings.columns-3 #course-listing > div,
28912 #course-category-listings.columns-3 #course-detail > div {
28913 background-color: #fff;
28915 #course-category-listings.columns-3 #course-detail {
28916 width: 100%;
28917 margin-top: 1em;
28920 @media (max-width: 1199px) {
28921 #course-category-listings.columns-2,
28922 #course-category-listings.columns-3 {
28923 border: 0;
28925 #course-category-listings.columns-2 #category-listing,
28926 #course-category-listings.columns-2 #course-listing,
28927 #course-category-listings.columns-2 #course-detail,
28928 #course-category-listings.columns-3 #category-listing,
28929 #course-category-listings.columns-3 #course-listing,
28930 #course-category-listings.columns-3 #course-detail {
28931 width: 100%;
28932 margin: 0 0 1em;
28935 .page-settings-menu .menubar > a > .icon {
28936 width: auto;
28937 height: 32px;
28938 font-size: 32px;
28941 .activity-navigation .row {
28942 align-items: center;
28944 .activity-navigation #prev-activity-link,
28945 .activity-navigation #next-activity-link {
28946 white-space: pre-wrap;
28949 .automatic-completion-conditions .badge {
28950 font-size: 100%;
28953 /* Variables definition*/
28954 /* Functions/Mixins definition */
28955 /* Section Expand all/Collapse all */
28956 .section-collapsemenu .collapseall {
28957 display: block;
28959 .section-collapsemenu .expandall {
28960 display: none;
28962 .section-collapsemenu.collapsed .collapseall {
28963 display: none;
28965 .section-collapsemenu.collapsed .expandall {
28966 display: block;
28969 /* Course section */
28970 .course-section {
28971 list-style: none;
28972 margin-top: 1rem;
28974 .editing .course-section {
28975 margin-top: 0.5rem;
28977 .course-section .section-item {
28978 padding: 1rem;
28979 border: 1px solid #dee2e6;
28980 border-radius: 1rem;
28982 .course-section.hidden .section-item {
28983 background-color: #f8f9fa;
28985 .course-section .sectionname > a {
28986 color: #1d2125;
28988 .course-section .sectionname > a:hover {
28989 text-decoration: none;
28991 .course-section .sectionbadges .badge {
28992 margin-left: 0.5rem;
28994 .course-section .course-section-header.draggable {
28995 cursor: move;
28997 .course-section .section_action_menu .dropdown-toggle::after {
28998 display: none;
29000 .course-section .summarytext img {
29001 border-radius: 1rem;
29003 .course-section .availabilityinfo {
29004 margin-top: 0.5rem;
29005 padding: 0.25rem 1rem;
29006 background-color: #e9ecef;
29007 font-size: 0.875em;
29008 border-radius: 1rem;
29010 .course-section .availabilityinfo .editavailability a {
29011 border-radius: 0.25rem;
29012 font-weight: bold;
29014 .course-section .availabilityinfo .editavailability a:hover {
29015 background-color: #ced4da;
29017 .course-section .availabilityinfo .editavailability a .icon {
29018 font-size: inherit;
29019 margin-right: 0.25rem;
29021 .course-section .action-menu .btn.btn-icon {
29022 height: 32px;
29023 width: 32px;
29024 border-radius: 0.25rem;
29026 .course-section .section-summary-activities .icon {
29027 width: inherit;
29028 color: #0f6cbf;
29030 .course-section .section-summary-activities + .section {
29031 border-top: 1px solid #dee2e6;
29032 margin-top: 1rem !important;
29033 padding-top: 1rem !important;
29035 .course-section .section_goto .icon {
29036 font-size: 1.171875rem;
29037 color: #0f6cbf;
29040 .btn.add-section {
29041 border-radius: 1rem;
29042 border: 2px dashed #dee2e6;
29043 color: #0f6cbf;
29044 font-size: 0.8203125rem;
29045 font-weight: bold;
29047 .btn.add-section:hover, .btn.add-section:focus {
29048 background-color: #f5f9fc;
29049 border: 2px solid #0f6cbf;
29050 color: #0f6cbf;
29053 /* Single section page specific styles */
29054 .single-section > ul > .course-section.hidden .section-item {
29055 background-color: inherit;
29057 .single-section > ul > .course-section .section-item {
29058 padding: 0;
29059 border: none;
29062 /* Re-style ordered list in course content */
29063 .course-content .activity-altcontent ul {
29064 list-style: disc;
29066 .course-content .activity-altcontent ul ul {
29067 list-style: circle;
29069 .course-content .activity-altcontent ul ul ul {
29070 list-style: square;
29073 /* Activity cards */
29074 .activity {
29075 list-style: none;
29076 position: relative;
29077 padding-top: 0.25rem;
29078 margin-top: 0.25rem;
29079 border-top: 1px solid #dee2e6;
29081 .editing .activity {
29082 padding-top: 0;
29083 margin-top: 0;
29084 border-top: none;
29087 .activity-item {
29088 position: relative;
29089 padding: 0.75rem;
29090 background-color: #fff;
29092 .activity-item.activityinline {
29093 padding: 0.75rem 0;
29095 .activity-item.hiddenactivity {
29096 background-color: #f8f9fa;
29098 .activity-item.hiddenactivity .activityiconcontainer,
29099 .activity-item.hiddenactivity .badge {
29100 mix-blend-mode: multiply;
29102 .editing .activity-item {
29103 cursor: move;
29104 border: 2px solid transparent;
29105 border-radius: 1rem;
29107 .editing .activity-item .a {
29108 cursor: pointer;
29110 .editing .activity-item:hover, .editing .activity-item.selected {
29111 border: 2px solid #0f6cbf;
29112 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
29114 .editing .activity-item:hover .activityiconcontainer,
29115 .editing .activity-item:hover .badge, .editing .activity-item.selected .activityiconcontainer,
29116 .editing .activity-item.selected .badge {
29117 mix-blend-mode: multiply;
29119 .activity-item .activity-grid {
29120 display: grid;
29121 align-items: center;
29122 grid-template-columns: min-content 1fr min-content min-content min-content;
29123 grid-template-rows: 1fr repeat(5, min-content);
29124 grid-template-areas: "icon name groupmode completion actions" "icon visibility groupmode completion actions" "icon dates groupmode completion actions" "icon altcontent altcontent altcontent altcontent" "icon afterlink afterlink afterlink afterlink" "icon availability availability availability availability";
29126 @media (max-width: 575.98px) {
29127 .activity-item .activity-grid {
29128 grid-template-columns: min-content 1fr min-content min-content min-content;
29129 grid-template-rows: 1fr repeat(4, min-content);
29130 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";
29133 .activity-item .activity-grid.noname-grid {
29134 grid-template-columns: min-content 1fr min-content min-content;
29135 grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
29137 @media (max-width: 575.98px) {
29138 .activity-item .activity-grid.noname-grid {
29139 grid-template-columns: 1fr min-content;
29140 grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
29143 .activity-item .activity-actions {
29144 grid-area: actions;
29146 .activity-item .activity-actions .actions {
29147 position: relative;
29149 .activity-item .activity-icon {
29150 grid-area: icon;
29152 .activity-item .activity-dates {
29153 grid-area: dates;
29154 font-size: 0.875em;
29155 color: #495057;
29156 display: flex;
29157 flex-wrap: wrap;
29158 column-gap: 0.75rem;
29160 @media (max-width: 575.98px) {
29161 .activity-item .activity-dates {
29162 margin-top: 0.5rem;
29165 .activity-item .activity-name-area {
29166 grid-area: name;
29168 .activity-item .activity-name-area .activityname .afterlink {
29169 margin-left: 0.5rem;
29171 .activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
29172 position: relative;
29173 z-index: 2;
29174 margin-left: 0.5rem;
29176 .activity-item .activity-name-area .activitybadge.badge-none {
29177 font-weight: normal;
29178 font-size: 0.875em;
29179 padding: 0;
29181 .activity-item .activity-completion {
29182 grid-area: completion;
29183 justify-self: end;
29185 .activity-item .activity-completion button.btn,
29186 .activity-item .activity-completion a[role=button].btn {
29187 color: #1d2125;
29188 background-color: #fff;
29189 border-color: #ced4da;
29190 min-height: 32px;
29191 font-weight: bold;
29192 border-radius: 0.25rem;
29194 .activity-item .activity-completion button.btn:hover,
29195 .activity-item .activity-completion a[role=button].btn:hover {
29196 color: #fff;
29197 background-color: #6a737b;
29198 border-color: #b1bbc4;
29200 .activity-item .activity-completion button.btn:focus, .activity-item .activity-completion button.btn.focus,
29201 .activity-item .activity-completion a[role=button].btn:focus,
29202 .activity-item .activity-completion a[role=button].btn.focus {
29203 color: #fff;
29204 background-color: #6a737b;
29205 border-color: #b1bbc4;
29206 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29208 .activity-item .activity-completion button.btn.disabled, .activity-item .activity-completion button.btn:disabled,
29209 .activity-item .activity-completion a[role=button].btn.disabled,
29210 .activity-item .activity-completion a[role=button].btn:disabled {
29211 color: #1d2125;
29212 background-color: #fff;
29213 border-color: #ced4da;
29215 .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,
29216 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active,
29217 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active,
29218 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle {
29219 color: #1d2125;
29220 background-color: #e6e6e6;
29221 border-color: #aab4bf;
29223 .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,
29224 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active:focus,
29225 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active:focus,
29226 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle:focus {
29227 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29229 .activity-item .activity-completion button.btn .icon,
29230 .activity-item .activity-completion a[role=button].btn .icon {
29231 font-size: inherit;
29233 .activity-item .activity-completion button.btn-primary,
29234 .activity-item .activity-completion a[role=button].btn-primary {
29235 color: #1d2125;
29236 background-color: #cfe2f2;
29237 border-color: #cfe2f2;
29238 color: #083863;
29240 .activity-item .activity-completion button.btn-primary:hover,
29241 .activity-item .activity-completion a[role=button].btn-primary:hover {
29242 color: #fff;
29243 background-color: #0f6cbf;
29244 border-color: #a7cae7;
29246 .activity-item .activity-completion button.btn-primary:focus, .activity-item .activity-completion button.btn-primary.focus,
29247 .activity-item .activity-completion a[role=button].btn-primary:focus,
29248 .activity-item .activity-completion a[role=button].btn-primary.focus {
29249 color: #fff;
29250 background-color: #0f6cbf;
29251 border-color: #a7cae7;
29252 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29254 .activity-item .activity-completion button.btn-primary.disabled, .activity-item .activity-completion button.btn-primary:disabled,
29255 .activity-item .activity-completion a[role=button].btn-primary.disabled,
29256 .activity-item .activity-completion a[role=button].btn-primary:disabled {
29257 color: #1d2125;
29258 background-color: #cfe2f2;
29259 border-color: #cfe2f2;
29261 .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,
29262 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active,
29263 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active,
29264 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle {
29265 color: #1d2125;
29266 background-color: #a7cae7;
29267 border-color: #9dc4e4;
29269 .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,
29270 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active:focus,
29271 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active:focus,
29272 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle:focus {
29273 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29275 .activity-item .activity-completion button.btn-primary:hover,
29276 .activity-item .activity-completion a[role=button].btn-primary:hover {
29277 color: #fff;
29279 .activity-item .activity-completion button.btn-secondary,
29280 .activity-item .activity-completion a[role=button].btn-secondary {
29281 color: #1d2125;
29282 background-color: #f5f6f8;
29283 border-color: #f5f6f8;
29284 color: #6b6e71;
29286 .activity-item .activity-completion button.btn-secondary:hover,
29287 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29288 color: #1d2125;
29289 background-color: #ced4da;
29290 border-color: #d7dbe3;
29292 .activity-item .activity-completion button.btn-secondary:focus, .activity-item .activity-completion button.btn-secondary.focus,
29293 .activity-item .activity-completion a[role=button].btn-secondary:focus,
29294 .activity-item .activity-completion a[role=button].btn-secondary.focus {
29295 color: #1d2125;
29296 background-color: #ced4da;
29297 border-color: #d7dbe3;
29298 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29300 .activity-item .activity-completion button.btn-secondary.disabled, .activity-item .activity-completion button.btn-secondary:disabled,
29301 .activity-item .activity-completion a[role=button].btn-secondary.disabled,
29302 .activity-item .activity-completion a[role=button].btn-secondary:disabled {
29303 color: #1d2125;
29304 background-color: #f5f6f8;
29305 border-color: #f5f6f8;
29307 .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,
29308 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active,
29309 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active,
29310 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle {
29311 color: #1d2125;
29312 background-color: #d7dbe3;
29313 border-color: #d0d4de;
29315 .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,
29316 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active:focus,
29317 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active:focus,
29318 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle:focus {
29319 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29321 .activity-item .activity-completion button.btn-secondary:hover,
29322 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29323 color: #1d2125;
29325 .activity-item .activity-completion button.btn-success,
29326 .activity-item .activity-completion a[role=button].btn-success {
29327 color: #1d2125;
29328 background-color: #d7e4d6;
29329 border-color: #d7e4d6;
29330 color: #1c3f1a;
29332 .activity-item .activity-completion button.btn-success:hover,
29333 .activity-item .activity-completion a[role=button].btn-success:hover {
29334 color: #fff;
29335 background-color: #357a32;
29336 border-color: #b9d0b7;
29338 .activity-item .activity-completion button.btn-success:focus, .activity-item .activity-completion button.btn-success.focus,
29339 .activity-item .activity-completion a[role=button].btn-success:focus,
29340 .activity-item .activity-completion a[role=button].btn-success.focus {
29341 color: #fff;
29342 background-color: #357a32;
29343 border-color: #b9d0b7;
29344 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29346 .activity-item .activity-completion button.btn-success.disabled, .activity-item .activity-completion button.btn-success:disabled,
29347 .activity-item .activity-completion a[role=button].btn-success.disabled,
29348 .activity-item .activity-completion a[role=button].btn-success:disabled {
29349 color: #1d2125;
29350 background-color: #d7e4d6;
29351 border-color: #d7e4d6;
29353 .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,
29354 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active,
29355 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active,
29356 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle {
29357 color: #1d2125;
29358 background-color: #b9d0b7;
29359 border-color: #b2cbb0;
29361 .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,
29362 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active:focus,
29363 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active:focus,
29364 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle:focus {
29365 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29367 .activity-item .activity-completion button.btn-success:hover,
29368 .activity-item .activity-completion a[role=button].btn-success:hover {
29369 color: #fff;
29371 .activity-item .activity-completion button.btn-info,
29372 .activity-item .activity-completion a[role=button].btn-info {
29373 color: #1d2125;
29374 background-color: #cce6ea;
29375 border-color: #cce6ea;
29376 color: #00434e;
29378 .activity-item .activity-completion button.btn-info:hover,
29379 .activity-item .activity-completion a[role=button].btn-info:hover {
29380 color: #fff;
29381 background-color: #008196;
29382 border-color: #a8d4db;
29384 .activity-item .activity-completion button.btn-info:focus, .activity-item .activity-completion button.btn-info.focus,
29385 .activity-item .activity-completion a[role=button].btn-info:focus,
29386 .activity-item .activity-completion a[role=button].btn-info.focus {
29387 color: #fff;
29388 background-color: #008196;
29389 border-color: #a8d4db;
29390 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29392 .activity-item .activity-completion button.btn-info.disabled, .activity-item .activity-completion button.btn-info:disabled,
29393 .activity-item .activity-completion a[role=button].btn-info.disabled,
29394 .activity-item .activity-completion a[role=button].btn-info:disabled {
29395 color: #1d2125;
29396 background-color: #cce6ea;
29397 border-color: #cce6ea;
29399 .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,
29400 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active,
29401 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active,
29402 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle {
29403 color: #1d2125;
29404 background-color: #a8d4db;
29405 border-color: #9fd0d7;
29407 .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,
29408 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active:focus,
29409 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active:focus,
29410 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle:focus {
29411 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29413 .activity-item .activity-completion button.btn-info:hover,
29414 .activity-item .activity-completion a[role=button].btn-info:hover {
29415 color: #fff;
29417 .activity-item .activity-completion button.btn-warning,
29418 .activity-item .activity-completion a[role=button].btn-warning {
29419 color: #1d2125;
29420 background-color: #fcefdc;
29421 border-color: #fcefdc;
29422 color: #7d5a29;
29424 .activity-item .activity-completion button.btn-warning:hover,
29425 .activity-item .activity-completion a[role=button].btn-warning:hover {
29426 color: #1d2125;
29427 background-color: #f0ad4e;
29428 border-color: #f8daad;
29430 .activity-item .activity-completion button.btn-warning:focus, .activity-item .activity-completion button.btn-warning.focus,
29431 .activity-item .activity-completion a[role=button].btn-warning:focus,
29432 .activity-item .activity-completion a[role=button].btn-warning.focus {
29433 color: #1d2125;
29434 background-color: #f0ad4e;
29435 border-color: #f8daad;
29436 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29438 .activity-item .activity-completion button.btn-warning.disabled, .activity-item .activity-completion button.btn-warning:disabled,
29439 .activity-item .activity-completion a[role=button].btn-warning.disabled,
29440 .activity-item .activity-completion a[role=button].btn-warning:disabled {
29441 color: #1d2125;
29442 background-color: #fcefdc;
29443 border-color: #fcefdc;
29445 .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,
29446 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active,
29447 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active,
29448 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle {
29449 color: #1d2125;
29450 background-color: #f8daad;
29451 border-color: #f7d4a1;
29453 .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,
29454 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active:focus,
29455 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active:focus,
29456 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle:focus {
29457 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29459 .activity-item .activity-completion button.btn-warning:hover,
29460 .activity-item .activity-completion a[role=button].btn-warning:hover {
29461 color: #1d2125;
29463 .activity-item .activity-completion button.btn-danger,
29464 .activity-item .activity-completion a[role=button].btn-danger {
29465 color: #1d2125;
29466 background-color: #f4d6d2;
29467 border-color: #f4d6d2;
29468 color: #691911;
29470 .activity-item .activity-completion button.btn-danger:hover,
29471 .activity-item .activity-completion a[role=button].btn-danger:hover {
29472 color: #fff;
29473 background-color: #ca3120;
29474 border-color: #eab1a9;
29476 .activity-item .activity-completion button.btn-danger:focus, .activity-item .activity-completion button.btn-danger.focus,
29477 .activity-item .activity-completion a[role=button].btn-danger:focus,
29478 .activity-item .activity-completion a[role=button].btn-danger.focus {
29479 color: #fff;
29480 background-color: #ca3120;
29481 border-color: #eab1a9;
29482 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29484 .activity-item .activity-completion button.btn-danger.disabled, .activity-item .activity-completion button.btn-danger:disabled,
29485 .activity-item .activity-completion a[role=button].btn-danger.disabled,
29486 .activity-item .activity-completion a[role=button].btn-danger:disabled {
29487 color: #1d2125;
29488 background-color: #f4d6d2;
29489 border-color: #f4d6d2;
29491 .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,
29492 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active,
29493 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active,
29494 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle {
29495 color: #1d2125;
29496 background-color: #eab1a9;
29497 border-color: #e7a79f;
29499 .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,
29500 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active:focus,
29501 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active:focus,
29502 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle:focus {
29503 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29505 .activity-item .activity-completion button.btn-danger:hover,
29506 .activity-item .activity-completion a[role=button].btn-danger:hover {
29507 color: #fff;
29509 .activity-item .activity-completion button.btn-light,
29510 .activity-item .activity-completion a[role=button].btn-light {
29511 color: #1d2125;
29512 background-color: #fefefe;
29513 border-color: #fefefe;
29514 color: #818182;
29516 .activity-item .activity-completion button.btn-light:hover,
29517 .activity-item .activity-completion a[role=button].btn-light:hover {
29518 color: #1d2125;
29519 background-color: #f8f9fa;
29520 border-color: #e5e5e5;
29522 .activity-item .activity-completion button.btn-light:focus, .activity-item .activity-completion button.btn-light.focus,
29523 .activity-item .activity-completion a[role=button].btn-light:focus,
29524 .activity-item .activity-completion a[role=button].btn-light.focus {
29525 color: #1d2125;
29526 background-color: #f8f9fa;
29527 border-color: #e5e5e5;
29528 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29530 .activity-item .activity-completion button.btn-light.disabled, .activity-item .activity-completion button.btn-light:disabled,
29531 .activity-item .activity-completion a[role=button].btn-light.disabled,
29532 .activity-item .activity-completion a[role=button].btn-light:disabled {
29533 color: #1d2125;
29534 background-color: #fefefe;
29535 border-color: #fefefe;
29537 .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,
29538 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active,
29539 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active,
29540 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle {
29541 color: #1d2125;
29542 background-color: #e5e5e5;
29543 border-color: #dedede;
29545 .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,
29546 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active:focus,
29547 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active:focus,
29548 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle:focus {
29549 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29551 .activity-item .activity-completion button.btn-light:hover,
29552 .activity-item .activity-completion a[role=button].btn-light:hover {
29553 color: #1d2125;
29555 .activity-item .activity-completion button.btn-dark,
29556 .activity-item .activity-completion a[role=button].btn-dark {
29557 color: #1d2125;
29558 background-color: #d6d8d9;
29559 border-color: #d6d8d9;
29560 color: #1b1e21;
29562 .activity-item .activity-completion button.btn-dark:hover,
29563 .activity-item .activity-completion a[role=button].btn-dark:hover {
29564 color: #fff;
29565 background-color: #343a40;
29566 border-color: #bcbfc0;
29568 .activity-item .activity-completion button.btn-dark:focus, .activity-item .activity-completion button.btn-dark.focus,
29569 .activity-item .activity-completion a[role=button].btn-dark:focus,
29570 .activity-item .activity-completion a[role=button].btn-dark.focus {
29571 color: #fff;
29572 background-color: #343a40;
29573 border-color: #bcbfc0;
29574 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29576 .activity-item .activity-completion button.btn-dark.disabled, .activity-item .activity-completion button.btn-dark:disabled,
29577 .activity-item .activity-completion a[role=button].btn-dark.disabled,
29578 .activity-item .activity-completion a[role=button].btn-dark:disabled {
29579 color: #1d2125;
29580 background-color: #d6d8d9;
29581 border-color: #d6d8d9;
29583 .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,
29584 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active,
29585 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active,
29586 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle {
29587 color: #1d2125;
29588 background-color: #bcbfc0;
29589 border-color: #b5b9ba;
29591 .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,
29592 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active:focus,
29593 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active:focus,
29594 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle:focus {
29595 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29597 .activity-item .activity-completion button.btn-dark:hover,
29598 .activity-item .activity-completion a[role=button].btn-dark:hover {
29599 color: #fff;
29601 @media (max-width: 575.98px) {
29602 .activity-item .activity-completion {
29603 width: 100%;
29604 margin-top: 0.5rem;
29606 .activity-item .activity-completion button {
29607 width: 100%;
29610 .activity-item .activity-completion .completion-dialog {
29611 color: #495057;
29612 font-size: 0.8203125rem;
29613 min-width: 12rem;
29615 .activity-item .activity-completion .completion-dialog .icon {
29616 font-size: 0.8203125rem;
29617 width: 0.8203125rem;
29618 height: 0.8203125rem;
29619 margin-right: 0.25rem;
29621 .activity-item .activity-completion .completion-dialog .editcompletion a {
29622 border-radius: 0.25rem;
29623 color: #495057;
29624 font-weight: bold;
29625 text-decoration: none;
29627 .activity-item .activity-completion .completion-dialog .editcompletion a:hover {
29628 background-color: #e9ecef;
29630 .activity-item .activity-groupmode-info {
29631 grid-area: groupmode;
29632 justify-self: end;
29634 .activity-item .activity-groupmode-info .groupmode-information {
29635 height: 32px;
29636 width: 32px;
29637 border-radius: 0.25rem;
29639 .activity-item .activity-groupmode-info .groupmode-icon-info {
29640 display: none;
29642 @media (max-width: 575.98px) {
29643 .activity-item .activity-groupmode-info {
29644 width: 100%;
29645 margin-top: 0.5rem;
29646 padding-top: 0.5rem;
29647 border-top: 1px solid #dee2e6;
29649 .activity-item .activity-groupmode-info .groupmode-information {
29650 width: auto;
29651 font-size: inherit;
29652 padding: 0 0.5rem;
29654 .activity-item .activity-groupmode-info .groupmode-icon-info {
29655 display: inline;
29657 .activity-item .activity-groupmode-info .v-parent-focus {
29658 opacity: 1;
29659 visibility: visible;
29662 .activity-item .activity-badges {
29663 grid-area: visibility;
29665 .activity-item .activity-badges .badge {
29666 font-weight: normal;
29668 .activity-item .activity-badges .badge .icon {
29669 font-size: 12px;
29670 width: 12px;
29671 height: 12px;
29673 .activity-item .activity-altcontent {
29674 grid-area: altcontent;
29675 margin-top: 0.25rem;
29677 .activity-item .activity-altcontent.activity-description {
29678 margin-top: 0.5rem;
29679 padding-top: 0.5rem;
29680 border-top: 1px solid #dee2e6;
29681 font-size: 0.875em;
29683 .activity-item .activity-altcontent img {
29684 border-radius: 1rem;
29686 .activity-item .activity-availability {
29687 grid-area: availability;
29689 .activity-item .activity-afterlink {
29690 grid-area: afterlink;
29691 margin-top: 0.5rem;
29692 padding-top: 0.5rem;
29693 border-top: 1px solid #dee2e6;
29695 .activity-item .no-overflow {
29696 width: 100%;
29699 .section .draggable .activity-item .dragicon {
29700 display: none;
29703 /* Dividers */
29704 .divider {
29705 position: relative;
29707 .divider hr {
29708 width: 100%;
29709 margin: 0.5rem 0.25rem;
29710 border-top: 2px dashed #dee2e6;
29712 .divider .divider-content {
29713 opacity: 0;
29714 visibility: hidden;
29715 transition: visibility 0.1s;
29716 position: absolute;
29717 background: linear-gradient(transparent 40%, #fff 40%, #fff 60%, transparent 60%);
29719 .section.hidden .divider .divider-content {
29720 background: linear-gradient(transparent 40%, #f8f9fa 40%, #f8f9fa 60%, transparent 60%);
29722 .divider.always-visible .divider-content {
29723 opacity: 1;
29724 visibility: visible;
29726 .divider.always-hidden hr {
29727 opacity: 0;
29728 visibility: hidden;
29730 .divider:hover .divider-content, .divider:focus .divider-content, .divider:focus-within .divider-content {
29731 opacity: 1;
29732 visibility: visible;
29734 .divider:hover hr, .divider:focus hr, .divider:focus-within hr {
29735 opacity: 1;
29736 visibility: visible;
29738 .divider:has(.btn.add-content:hover) hr {
29739 border-color: #0f6cbf;
29742 .activity:focus-within + .activity .divider .divider-content,
29743 .course-section-header:focus-within + .content .section .activity:first-child .divider .divider-content,
29744 .content .section .activity:focus-within .divider .divider-content,
29745 .course-content:focus-within .changenumsections .divider .divider-content {
29746 visibility: visible;
29749 .course-content ul.topics > li:last-child .changenumsections {
29750 display: none;
29753 .btn.add-content {
29754 position: relative;
29755 z-index: 1;
29756 border-radius: 50rem;
29757 font-size: 0.8203125rem;
29758 font-weight: bold;
29759 color: #083863;
29760 background-color: #cfe2f2;
29762 .btn.add-content:hover, .btn.add-content:focus {
29763 color: #fff;
29764 background-color: #0f6cbf;
29766 .btn.add-content .icon {
29767 width: 14px;
29768 height: 14px;
29769 font-size: 14px;
29772 /* Bulk editing */
29773 .bulkenabled .bulk-hidden {
29774 display: none !important;
29776 .bulkenabled .section:not(:first-child) {
29777 margin-top: 1.5rem;
29779 .bulkenabled .activity {
29780 margin-top: 0.5rem;
29781 margin-left: 2rem;
29782 padding-top: 0.5rem;
29783 border-top: 2px dashed #dee2e6;
29785 .bulkenabled .activity:first-child {
29786 margin-top: 1.5rem;
29788 .bulkenabled .activity-item .bulkselect {
29789 position: absolute;
29790 left: -2rem;
29792 .bulkenabled .course-section-header .bulkselect {
29793 left: -2.75rem;
29794 position: relative;
29795 width: 0;
29797 @media (max-width: 767.98px) {
29798 .bulkenabled .course-content {
29799 margin-left: 2rem;
29803 /* Activity completion */
29804 .defaultactivitycompletion-item a {
29805 color: #000;
29806 text-decoration: none;
29808 .defaultactivitycompletion-item .activityicon {
29809 width: 32px;
29810 height: 32px;
29813 /* Home page course specific styles */
29814 .sitetopic .activity:first-of-type hr {
29815 display: none;
29817 .sitetopic .section-item {
29818 margin-bottom: 1.5rem;
29819 border-radius: 0.25rem;
29822 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
29823 :target,
29824 :focus {
29825 scroll-margin-top: 60px;
29828 .pagelayout-embedded :target {
29829 padding-top: initial;
29830 margin-top: initial;
29833 #nav-drawer.closed {
29834 left: -305px;
29837 #nav-drawer[aria-hidden=true] .list-group-item {
29838 display: none;
29841 /* Use a variable for the drawer background colors. */
29842 [data-region=drawer] {
29843 position: fixed;
29844 width: 285px;
29845 top: 50px;
29846 height: calc(100% - 50px);
29847 overflow-y: auto;
29848 -webkit-overflow-scrolling: touch;
29849 z-index: 999;
29850 background-color: #f2f2f2;
29851 transition: right 0.5s ease, left 0.5s ease;
29853 @media (prefers-reduced-motion: reduce) {
29854 [data-region=drawer] {
29855 transition: none;
29859 @media (min-width: 576px) {
29860 [data-region=drawer] {
29861 padding: 20px 20px;
29863 .jsenabled .popover-process-monitor,
29864 .jsenabled .btn-footer-popover,
29865 .jsenabled .btn-footer-communication {
29866 transition: 0.2s;
29869 @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
29870 .jsenabled .popover-process-monitor,
29871 .jsenabled .btn-footer-popover,
29872 .jsenabled .btn-footer-communication {
29873 transition: none;
29876 #nav-drawer {
29877 right: auto;
29878 left: 0;
29879 /* Override the z-indexes defined in bootstrap/_list-group.scss that
29880 lead to side effects on the user tours positioning. */
29882 #nav-drawer .list-group-item-action.active,
29883 #nav-drawer .list-group-item.active {
29884 z-index: inherit;
29886 #nav-drawer .list-group-item-action.active + .list-group-item,
29887 #nav-drawer .list-group-item.active + .list-group-item {
29888 border-top: none;
29890 #nav-drawer .list-group ul {
29891 list-style: none;
29892 padding: 0;
29893 margin: 0;
29895 #nav-drawer .list-group li {
29896 margin-bottom: -1px;
29898 #nav-drawer .list-group li:last-child {
29899 margin-bottom: 0;
29902 body.drawer-ease {
29903 transition: margin-left 0.5s ease, margin-right 0.5s ease;
29905 @media (prefers-reduced-motion: reduce) {
29906 body.drawer-ease {
29907 transition: none;
29911 @media (min-width: 768px) {
29912 body:not(.uses-drawers).drawer-open-left {
29913 margin-left: 285px;
29917 @media (min-width: 768px) {
29918 body.drawer-open-left #page.drawers {
29919 margin-left: 285px;
29920 padding-left: 1rem;
29924 @media (min-width: 768px) {
29925 body.drawer-open-right {
29926 margin-right: 315px;
29930 [data-region=right-hand-drawer] {
29931 display: flex;
29932 flex-direction: column;
29933 transition: right 0.2s ease-in-out;
29935 @media (prefers-reduced-motion: reduce) {
29936 [data-region=right-hand-drawer] {
29937 transition: none;
29940 [data-region=right-hand-drawer].drawer {
29941 z-index: 1021;
29942 position: fixed;
29943 top: 50px;
29944 right: 0;
29945 height: calc(100% - 50px);
29946 width: 320px;
29947 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
29948 padding: 0;
29949 visibility: visible;
29950 opacity: 1;
29952 [data-region=right-hand-drawer].hidden {
29953 display: block;
29954 right: -320px;
29955 visibility: hidden;
29956 opacity: 0;
29957 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
29959 @media (prefers-reduced-motion: reduce) {
29960 [data-region=right-hand-drawer].hidden {
29961 transition: none;
29965 @media (max-width: 767.98px) {
29966 [data-region=right-hand-drawer].drawer {
29967 top: 0;
29968 height: 100%;
29969 z-index: 1031;
29971 body.drawer-open-left,
29972 body.drawer-open-right {
29973 overflow: hidden;
29976 .dir-rtl [data-region=right-hand-drawer] {
29977 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
29980 .drawer {
29981 background-color: #f8f9fa;
29982 z-index: 1015;
29983 position: fixed;
29984 height: 100vh;
29985 top: 0;
29987 @media (max-width: 991.98px) {
29988 .drawer {
29989 z-index: 1035;
29992 .drawer.not-initialized {
29993 display: none;
29995 .drawer.drawer-right {
29996 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
29997 width: 315px;
29998 max-width: 315px;
29999 right: calc(-315px + -10px);
30000 visibility: hidden;
30002 @media (prefers-reduced-motion: reduce) {
30003 .drawer.drawer-right {
30004 transition: none;
30007 .drawer.drawer-right.show {
30008 right: 0;
30009 visibility: visible;
30011 .drawer.drawer-right .drawertoggle {
30012 margin-left: auto;
30013 margin-right: 5px;
30015 .drawer.drawer-left {
30016 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30017 width: 285px;
30018 max-width: 285px;
30019 left: calc(-285px + -10px);
30020 visibility: hidden;
30022 @media (prefers-reduced-motion: reduce) {
30023 .drawer.drawer-left {
30024 transition: none;
30027 .drawer.drawer-left.show {
30028 left: 0;
30029 visibility: visible;
30031 .drawer.drawer-left .drawertoggle {
30032 margin-right: auto;
30033 margin-left: 5px;
30035 .drawer.drawer-bottom {
30036 bottom: -110%;
30038 .drawer.drawer-bottom.show {
30039 bottom: 0;
30041 .drawer.drawer-primary .drawertoggle {
30042 margin-right: 16px;
30043 margin-left: 5px;
30046 @media (min-width: 992px) {
30047 .drawer#theme_boost-drawers-blocks:focus-within {
30048 z-index: 1031;
30050 .drawer.not-initialized {
30051 display: block;
30054 .drawer-md,
30055 .drawer-sm {
30056 display: none;
30059 .drawerheader {
30060 padding: 0;
30061 height: 50px;
30062 display: flex;
30063 align-items: center;
30065 .drawerheader .sitename {
30066 overflow: hidden;
30067 white-space: nowrap;
30068 text-overflow: ellipsis;
30069 margin-right: 16px;
30072 .drawer.scrolled .drawerheader {
30073 box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
30076 @media (max-width: 991.98px) {
30077 .drawer-md {
30078 display: block;
30079 background-color: #f8f9fa;
30080 z-index: 1015;
30081 position: fixed;
30082 height: 100vh;
30083 top: 0;
30086 @media (max-width: 991.98px) and (max-width: 991.98px) {
30087 .drawer-md {
30088 z-index: 1035;
30091 @media (max-width: 991.98px) {
30092 .drawer-md.not-initialized {
30093 display: none;
30096 @media (max-width: 991.98px) {
30097 .drawer-md.drawer-right {
30098 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30099 width: 315px;
30100 max-width: 315px;
30101 right: calc(-315px + -10px);
30102 visibility: hidden;
30105 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30106 .drawer-md.drawer-right {
30107 transition: none;
30110 @media (max-width: 991.98px) {
30111 .drawer-md.drawer-right.show {
30112 right: 0;
30113 visibility: visible;
30116 @media (max-width: 991.98px) {
30117 .drawer-md.drawer-right .drawertoggle {
30118 margin-left: auto;
30119 margin-right: 5px;
30122 @media (max-width: 991.98px) {
30123 .drawer-md.drawer-left {
30124 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30125 width: 285px;
30126 max-width: 285px;
30127 left: calc(-285px + -10px);
30128 visibility: hidden;
30131 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30132 .drawer-md.drawer-left {
30133 transition: none;
30136 @media (max-width: 991.98px) {
30137 .drawer-md.drawer-left.show {
30138 left: 0;
30139 visibility: visible;
30142 @media (max-width: 991.98px) {
30143 .drawer-md.drawer-left .drawertoggle {
30144 margin-right: auto;
30145 margin-left: 5px;
30148 @media (max-width: 991.98px) {
30149 .drawer-md.drawer-bottom {
30150 bottom: -110%;
30152 .drawer-md.drawer-bottom.show {
30153 bottom: 0;
30156 @media (max-width: 991.98px) {
30157 .drawer-md.drawer-primary .drawertoggle {
30158 margin-right: 16px;
30159 margin-left: 5px;
30162 @media (max-width: 767.98px) {
30163 .drawer-sm {
30164 display: block;
30165 background-color: #f8f9fa;
30166 z-index: 1015;
30167 position: fixed;
30168 height: 100vh;
30169 top: 0;
30172 @media (max-width: 767.98px) and (max-width: 991.98px) {
30173 .drawer-sm {
30174 z-index: 1035;
30177 @media (max-width: 767.98px) {
30178 .drawer-sm.not-initialized {
30179 display: none;
30182 @media (max-width: 767.98px) {
30183 .drawer-sm.drawer-right {
30184 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30185 width: 315px;
30186 max-width: 315px;
30187 right: calc(-315px + -10px);
30188 visibility: hidden;
30191 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30192 .drawer-sm.drawer-right {
30193 transition: none;
30196 @media (max-width: 767.98px) {
30197 .drawer-sm.drawer-right.show {
30198 right: 0;
30199 visibility: visible;
30202 @media (max-width: 767.98px) {
30203 .drawer-sm.drawer-right .drawertoggle {
30204 margin-left: auto;
30205 margin-right: 5px;
30208 @media (max-width: 767.98px) {
30209 .drawer-sm.drawer-left {
30210 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30211 width: 285px;
30212 max-width: 285px;
30213 left: calc(-285px + -10px);
30214 visibility: hidden;
30217 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30218 .drawer-sm.drawer-left {
30219 transition: none;
30222 @media (max-width: 767.98px) {
30223 .drawer-sm.drawer-left.show {
30224 left: 0;
30225 visibility: visible;
30228 @media (max-width: 767.98px) {
30229 .drawer-sm.drawer-left .drawertoggle {
30230 margin-right: auto;
30231 margin-left: 5px;
30234 @media (max-width: 767.98px) {
30235 .drawer-sm.drawer-bottom {
30236 bottom: -110%;
30238 .drawer-sm.drawer-bottom.show {
30239 bottom: 0;
30242 @media (max-width: 767.98px) {
30243 .drawer-sm.drawer-primary .drawertoggle {
30244 margin-right: 16px;
30245 margin-left: 5px;
30248 .drawercontent {
30249 position: relative;
30250 z-index: -1;
30251 height: calc(100% - 50px);
30252 display: flex;
30253 flex-direction: column;
30254 flex-wrap: nowrap;
30255 overflow-y: auto;
30256 padding: 0.4rem;
30257 scrollbar-width: thin;
30258 scrollbar-color: #6a737b #f8f9fa;
30260 .drawercontent .dropdown-menu .dropdown-item {
30261 width: 220px;
30262 white-space: normal;
30264 .drawercontent::-webkit-scrollbar {
30265 width: 12px;
30267 .drawercontent::-webkit-scrollbar-track {
30268 background: #f8f9fa;
30270 .drawercontent::-webkit-scrollbar-thumb {
30271 background-color: #6a737b;
30272 border-radius: 20px;
30273 border: 3px solid #f8f9fa;
30275 .drawercontent::-webkit-scrollbar-thumb:hover {
30276 background-color: #495057;
30279 .fp-content-center {
30280 height: 100%;
30281 width: 100%;
30282 display: table-cell;
30283 vertical-align: middle;
30286 .fp-content-hidden {
30287 visibility: hidden;
30290 .yui3-panel-focused {
30291 outline: none;
30294 .fp-panel-button {
30295 background: #fff;
30296 padding: 3px 20px 2px 20px;
30297 text-align: center;
30298 margin: 10px;
30299 border-radius: 10px;
30300 display: inline-block;
30303 .filepicker .yui3-widget-content-expanded {
30304 height: auto;
30307 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
30308 .filepicker .moodle-dialogue-bd {
30309 min-height: 520px;
30312 .file-picker .fp-navbar {
30313 min-height: 40px;
30314 padding: 4px;
30317 .fp-navbar {
30318 border-color: #8f959e;
30319 border-bottom: 0;
30320 border-bottom-left-radius: 0;
30321 border-bottom-right-radius: 0;
30324 .file-picker .fp-content {
30325 border-top: 0;
30326 background: #fff;
30327 clear: none;
30328 overflow: auto;
30329 height: 452px;
30332 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
30333 width: 100%;
30336 .file-picker .fp-content-loading {
30337 height: 100%;
30338 width: 100%;
30339 display: table;
30340 text-align: center;
30343 .file-picker .fp-content .fp-object-container {
30344 width: 98%;
30345 height: 98%;
30348 .file-picker .fp-def-search {
30349 margin-top: 0;
30352 .file-picker .fp-list {
30353 list-style-type: none;
30354 padding: 0;
30355 float: left;
30356 width: 100%;
30357 margin: 0;
30360 .file-picker .fp-list .fp-repo a {
30361 display: block;
30362 padding: 0.5em 0.7em;
30365 .file-picker .fp-list .fp-repo.active {
30366 background: #f2f2f2;
30369 .file-picker .fp-list .fp-repo-icon {
30370 padding: 0 7px 0 5px;
30371 width: 16px;
30372 height: 16px;
30375 .fp-toolbar {
30376 float: left;
30379 .fp-toolbar.empty {
30380 display: none;
30383 .fp-toolbar .disabled {
30384 display: none;
30387 .fp-toolbar div {
30388 display: block;
30389 float: left;
30390 margin-right: 4px;
30393 .fp-toolbar img {
30394 vertical-align: -15%;
30395 margin-right: 5px;
30398 .fp-viewbar:not(.disabled) a.checked {
30399 background-color: #b1bbc4;
30400 color: #1d2125;
30401 border-color: #aab4bf;
30404 .fp-viewbar.disabled a {
30405 pointer-events: none;
30406 opacity: 0.65;
30409 .file-picker .fp-clear-left {
30410 clear: left;
30413 .fp-pathbar.empty {
30414 display: none;
30417 .fp-pathbar .fp-path-folder {
30418 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
30419 background-size: 12px 12px;
30420 height: 12px;
30421 margin-left: 12px;
30424 /*rtl:raw:
30425 .fp-pathbar .fp-path-folder {
30426 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
30429 .fp-pathbar .fp-path-folder-name {
30430 margin-left: 24px;
30433 .fp-iconview .fp-file {
30434 float: left;
30435 text-align: center;
30436 position: relative;
30437 margin: 10px 10px 35px;
30440 .fp-iconview .fp-thumbnail {
30441 min-width: 110px;
30442 min-height: 110px;
30443 line-height: 110px;
30444 text-align: center;
30445 border: 1px solid #fff;
30446 display: block;
30449 .fp-iconview .fp-thumbnail img {
30450 border: 1px solid #ddd;
30451 padding: 3px;
30452 vertical-align: middle;
30455 .fp-iconview .fp-thumbnail:hover {
30456 background: #fff;
30457 border: 1px solid #ddd;
30460 .fp-iconview .fp-filename-field {
30461 height: 33px;
30462 margin-top: 3px;
30463 word-wrap: break-word;
30464 overflow: hidden;
30465 position: absolute;
30468 .fp-iconview .fp-file:focus .fp-filename-field,
30469 .fp-iconview .fp-file:hover .fp-filename-field {
30470 overflow: visible;
30471 z-index: 1000;
30473 .fp-iconview .fp-file:focus .fp-filename,
30474 .fp-iconview .fp-file:hover .fp-filename {
30475 overflow: inherit;
30476 white-space: normal;
30477 text-overflow: inherit;
30480 .fp-iconview .fp-filename-field .fp-filename {
30481 background: #fff;
30482 padding-top: 5px;
30483 padding-bottom: 12px;
30484 min-width: 112px;
30487 .file-picker .yui3-datatable table {
30488 border: 0 solid #bbb;
30489 width: 100%;
30492 .file-picker .ygtvtn,
30493 .filemanager .ygtvtn {
30494 /*rtl:remove*/
30495 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
30496 /*rtl:raw:
30497 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
30499 width: 19px;
30500 height: 32px;
30503 .file-picker .ygtvtm,
30504 .filemanager .ygtvtm {
30505 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30506 /*rtl:raw:
30507 background-position: 2px 10px;
30509 width: 13px;
30510 height: 12px;
30511 cursor: pointer;
30514 .file-picker .ygtvtmh,
30515 .filemanager .ygtvtmh {
30516 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30517 /*rtl:raw:
30518 background-position: 2px 10px;
30520 width: 13px;
30521 height: 12px;
30522 cursor: pointer;
30525 .file-picker .ygtvtp,
30526 .filemanager .ygtvtp {
30527 /*rtl:remove*/
30528 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30529 /*rtl:raw:
30530 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30532 width: 13px;
30533 height: 12px;
30534 cursor: pointer;
30537 .file-picker .ygtvtph,
30538 .filemanager .ygtvtph {
30539 /*rtl:remove*/
30540 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30541 /*rtl:raw:
30542 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30544 width: 13px;
30545 height: 22px;
30546 cursor: pointer;
30549 .file-picker .ygtvln,
30550 .filemanager .ygtvln {
30551 /*rtl:remove*/
30552 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
30553 /*rtl:raw:
30554 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
30556 width: 19px;
30557 height: 32px;
30560 .file-picker .ygtvlm,
30561 .filemanager .ygtvlm {
30562 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30563 /*rtl:raw:
30564 background-position: 2px 10px;
30566 width: 13px;
30567 height: 12px;
30568 cursor: pointer;
30571 .file-picker .ygtvlmh,
30572 .filemanager .ygtvlmh {
30573 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30574 /*rtl:raw:
30575 background-position: 2px 10px;
30577 width: 13px;
30578 height: 12px;
30579 cursor: pointer;
30582 .file-picker .ygtvlp,
30583 .filemanager .ygtvlp {
30584 /*rtl:remove*/
30585 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30586 /*rtl:raw:
30587 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30589 width: 13px;
30590 height: 12px;
30591 cursor: pointer;
30594 .file-picker .ygtvlph,
30595 .filemanager .ygtvlph {
30596 /*rtl:remove*/
30597 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30598 /*rtl:raw:
30599 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30601 width: 13px;
30602 height: 12px;
30603 cursor: pointer;
30606 .file-picker .ygtvloading,
30607 .filemanager .ygtvloading {
30608 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
30609 width: 16px;
30610 height: 22px;
30613 .file-picker .ygtvdepthcell,
30614 .filemanager .ygtvdepthcell {
30615 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
30616 /*rtl:raw:
30617 background-position: 0 0;
30619 width: 17px;
30620 height: 32px;
30623 .file-picker .ygtvblankdepthcell,
30624 .filemanager .ygtvblankdepthcell {
30625 width: 17px;
30626 height: 22px;
30629 a.ygtvspacer:hover {
30630 color: transparent;
30631 text-decoration: none;
30634 .ygtvlabel,
30635 .ygtvlabel:link,
30636 .ygtvlabel:visited,
30637 .ygtvlabel:hover {
30638 background-color: transparent;
30639 cursor: pointer;
30640 margin-left: 2px;
30641 text-decoration: none;
30644 .file-picker .ygtvfocus,
30645 .filemanager .ygtvfocus {
30646 background-color: #eee;
30649 .fp-filename-icon {
30650 margin-top: 10px;
30651 display: block;
30652 position: relative;
30655 .fp-icon {
30656 float: left;
30657 margin-top: -7px;
30658 width: 24px;
30659 height: 24px;
30660 margin-right: 10px;
30661 text-align: center;
30662 line-height: 24px;
30665 .fp-icon img {
30666 max-height: 24px;
30667 max-width: 24px;
30668 vertical-align: middle;
30671 .fp-filename {
30672 padding-right: 10px;
30675 .file-picker .fp-login-form {
30676 height: 100%;
30677 width: 100%;
30678 display: table;
30681 .file-picker .fp-upload-form {
30682 height: 100%;
30683 width: 100%;
30684 display: table;
30687 .file-picker .fp-upload-form table {
30688 margin: 0 auto;
30691 .file-picker.fp-dlg {
30692 text-align: center;
30695 .file-picker.fp-dlg .fp-dlg-buttons {
30696 margin: 0 20px;
30699 .file-picker.fp-msg {
30700 text-align: center;
30703 .file-picker .fp-content-error {
30704 height: 100%;
30705 width: 100%;
30706 display: table;
30707 text-align: center;
30710 .file-picker .fp-nextpage {
30711 clear: both;
30714 .file-picker .fp-nextpage .fp-nextpage-loading {
30715 display: none;
30718 .file-picker .fp-nextpage.loading .fp-nextpage-link {
30719 display: none;
30722 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
30723 display: block;
30724 text-align: center;
30725 height: 100px;
30726 padding-top: 50px;
30729 .fp-select .fp-select-loading {
30730 text-align: center;
30731 margin-top: 20px;
30734 .fp-select table {
30735 padding: 0 0 10px;
30738 .fp-select table .mdl-right {
30739 min-width: 84px;
30742 .fp-select .fp-reflist .mdl-right {
30743 vertical-align: top;
30746 .fp-select .fp-select-buttons {
30747 float: right;
30750 .fp-select .fp-info {
30751 font-size: 0.703125rem;
30754 .fp-select .fp-thumbnail {
30755 float: left;
30756 min-width: 110px;
30757 min-height: 110px;
30758 line-height: 110px;
30759 text-align: center;
30760 margin: 10px 20px 0 0;
30761 background: #fff;
30762 border: 1px solid #ddd;
30765 .fp-select .fp-thumbnail img {
30766 border: 1px solid #ddd;
30767 padding: 3px;
30768 vertical-align: middle;
30769 margin: 10px;
30772 .fp-select .fp-fileinfo {
30773 display: inline-block;
30774 margin-top: 10px;
30777 .file-picker.fp-select .fp-fileinfo {
30778 max-width: 240px;
30781 .fp-select .fp-fileinfo div {
30782 padding-bottom: 5px;
30785 .file-picker.fp-select .uneditable {
30786 display: none;
30789 .file-picker.fp-select .fp-select-loading {
30790 display: none;
30793 .file-picker.fp-select.loading .fp-select-loading {
30794 display: block;
30797 .file-picker.fp-select.loading form {
30798 display: none;
30801 .fp-select .fp-dimensions.fp-unknown {
30802 display: none;
30805 .fp-select .fp-size.fp-unknown {
30806 display: none;
30809 .filemanager-loading {
30810 display: none;
30813 .jsenabled .filemanager-loading {
30814 display: block;
30815 margin-top: 100px;
30818 .filemanager.fm-loading .filemanager-toolbar,
30819 .filemanager.fm-loading .fp-pathbar,
30820 .filemanager.fm-loading .filemanager-container,
30821 .filemanager.fm-loaded .filemanager-loading,
30822 .filemanager.fm-maxfiles .fp-btn-add,
30823 .filemanager.fm-maxfiles .dndupload-message,
30824 .filemanager.fm-noitems .fp-btn-download,
30825 .filemanager.fm-noitems .fp-btn-delete,
30826 .filemanager .fm-empty-container,
30827 .filemanager.fm-noitems .filemanager-container .fp-content {
30828 display: none;
30831 .filemanager .fp-img-downloading {
30832 display: none;
30833 padding-top: 7px;
30836 .filemanager .filemanager-updating {
30837 display: none;
30838 text-align: center;
30841 .filemanager.fm-updating .filemanager-updating {
30842 display: block;
30843 margin-top: 37px;
30846 .filemanager.fm-updating .fm-content-wrapper,
30847 .filemanager.fm-nomkdir .fp-btn-mkdir,
30848 .fitem.disabled .filemanager .filemanager-toolbar,
30849 .fitem.disabled .filemanager .fp-pathbar,
30850 .fitem.disabled .filemanager .fp-restrictions,
30851 .fitem.disabled .filemanager .fm-content-wrapper {
30852 display: none;
30855 .filemanager .fp-restrictions {
30856 text-align: right;
30859 .filemanager-toolbar {
30860 padding: 4px;
30861 overflow: hidden;
30864 .filemanager .fp-pathbar.empty {
30865 display: none;
30868 .filepicker-filelist,
30869 .filemanager-container {
30870 min-height: 140px;
30871 border: 1px solid #8f959e;
30872 border-radius: 0.25rem;
30875 .filemanager .fp-content {
30876 overflow: auto;
30877 max-height: 472px;
30878 min-height: 157px;
30881 .filemanager-container,
30882 .filepicker-filelist {
30883 overflow: hidden;
30884 border-top-left-radius: 0;
30885 border-top-right-radius: 0;
30888 .file-picker .yui3-datatable-header {
30889 /*rtl:raw:
30890 text-align: right;
30892 background: initial;
30895 .fitem.disabled .filepicker-filelist,
30896 .fitem.disabled .filemanager-container {
30897 background-color: #ebebe4;
30900 .fitem.disabled .fp-btn-choose {
30901 color: #6a737b;
30904 .fitem.disabled .filepicker-filelist .filepicker-filename {
30905 display: none;
30908 .fp-iconview .fp-reficons1 {
30909 position: absolute;
30910 height: 100%;
30911 width: 100%;
30912 top: 0;
30913 left: 0;
30916 .fp-iconview .fp-reficons2 {
30917 position: absolute;
30918 height: 100%;
30919 width: 100%;
30920 top: 0;
30921 left: 0;
30924 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
30925 background: url("[[pix:theme|fp/link]]") no-repeat;
30926 /*rtl:raw:
30927 transform: scaleX(-1);
30929 /*rtl:ignore*/
30930 background-position: bottom right;
30931 background-size: 16px 16px;
30934 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
30935 background: url("[[pix:theme|fp/alias]]") no-repeat;
30936 /*rtl:raw:
30937 transform: scaleX(-1);
30939 /*rtl:ignore*/
30940 background-position: bottom left;
30941 background-size: 16px 16px;
30944 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
30945 display: none;
30948 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
30949 background: url([[pix:s/dead]]) no-repeat;
30950 background-position: center center;
30953 .filemanager .yui3-datatable table {
30954 border: 0 solid #bbb;
30955 width: 100%;
30958 /* Override YUI default styling */
30959 /* stylelint-disable declaration-no-important */
30960 .filemanager .yui3-datatable-header {
30961 /*rtl:raw:
30962 text-align: right;
30964 background: #fff !important;
30965 border-bottom: 1px solid #ccc !important;
30966 border-left: 0 solid #fff !important;
30967 color: #555 !important;
30969 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
30970 background-color: #f6f6f6 !important;
30971 border-left: 0 solid #f6f6f6;
30973 .filemanager .yui3-datatable-even .yui3-datatable-cell {
30974 background-color: #fff !important;
30975 border-left: 0 solid #fff;
30978 /* stylelint-enable */
30979 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
30980 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
30981 height: 100%;
30982 width: 100%;
30983 /*rtl:raw:
30984 transform: scaleX(-1);
30986 position: absolute;
30987 top: 8px;
30988 left: 17px;
30989 background-size: 16px 16px;
30992 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
30993 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
30994 height: 100%;
30995 width: 100%;
30996 /*rtl:raw:
30997 transform: scaleX(-1);
30999 position: absolute;
31000 top: 9px;
31001 left: -6px;
31002 background-size: 16px 16px;
31005 .filemanager .fp-contextmenu {
31006 display: none;
31009 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31010 position: absolute;
31011 right: 0;
31012 bottom: 0;
31013 display: flex;
31014 align-items: center;
31015 justify-content: center;
31018 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
31019 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31020 display: inline;
31021 position: absolute;
31022 left: 14px;
31023 margin-right: -20px;
31024 top: 6px;
31027 .filepicker-filelist .filepicker-container,
31028 .filemanager.fm-noitems .fm-empty-container {
31029 display: block;
31030 position: absolute;
31031 top: 10px;
31032 bottom: 10px;
31033 left: 10px;
31034 right: 10px;
31035 border: 2px dashed #bbb;
31036 padding-top: 85px;
31037 text-align: center;
31040 .filepicker-filelist .dndupload-target,
31041 .filemanager-container .dndupload-target {
31042 background: #fff;
31043 position: absolute;
31044 top: 10px;
31045 bottom: 10px;
31046 left: 10px;
31047 right: 10px;
31048 border: 2px dashed #fb7979;
31049 padding-top: 85px;
31050 text-align: center;
31053 .filepicker-filelist.dndupload-over .dndupload-target,
31054 .filemanager-container.dndupload-over .dndupload-target {
31055 background: #fff;
31056 position: absolute;
31057 top: 10px;
31058 bottom: 10px;
31059 left: 10px;
31060 right: 10px;
31061 border: 2px dashed #6c8cd3;
31062 padding-top: 85px;
31063 text-align: center;
31066 .dndupload-message {
31067 display: none;
31070 .dndsupported .dndupload-message {
31071 display: inline;
31074 .dnduploadnotsupported-message {
31075 display: none;
31078 .dndnotsupported .dnduploadnotsupported-message {
31079 display: inline;
31082 .dndupload-target {
31083 display: none;
31086 .dndsupported .dndupload-ready .dndupload-target {
31087 display: block;
31090 .dndupload-uploadinprogress {
31091 display: none;
31092 text-align: center;
31095 .dndupload-uploading .dndupload-uploadinprogress {
31096 display: block;
31099 .dndupload-arrow {
31100 width: 100%;
31101 height: 80px;
31102 position: absolute;
31103 top: 5px;
31104 color: #8f959e;
31107 .fitem.disabled .filepicker-container,
31108 .fitem.disabled .fm-empty-container {
31109 display: none;
31112 .dndupload-progressbars {
31113 padding: 10px;
31114 display: none;
31117 .dndupload-inprogress .dndupload-progressbars {
31118 display: block;
31121 .dndupload-inprogress .fp-content {
31122 display: none;
31125 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
31126 display: none;
31129 .filepicker-filelist.dndupload-inprogress .filepicker-container {
31130 display: none;
31133 .filepicker-filelist.dndupload-inprogress a {
31134 display: none;
31137 .filemanager.fp-select .fp-select-loading {
31138 display: none;
31141 .filemanager.fp-select.loading .fp-select-loading {
31142 display: block;
31145 .filemanager.fp-select.loading form {
31146 display: none;
31149 .filemanager.fp-select.fp-folder .fp-license,
31150 .filemanager.fp-select.fp-folder .fp-author,
31151 .filemanager.fp-select.fp-file .fp-file-unzip,
31152 .filemanager.fp-select.fp-folder .fp-file-unzip,
31153 .filemanager.fp-select.fp-file .fp-file-zip,
31154 .filemanager.fp-select.fp-zip .fp-file-zip {
31155 display: none;
31158 .filemanager.fp-select .fp-file-setmain,
31159 .filemanager.fp-select .fp-file-setmain-help {
31160 display: none;
31163 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
31164 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
31165 display: inline-block;
31168 .filemanager .fp-mainfile .fp-filename {
31169 font-weight: bold;
31172 .filemanager.fp-select.fp-folder .fp-file-download {
31173 display: none;
31176 .fm-operation {
31177 font-weight: bold;
31180 .filemanager.fp-select .fp-original.fp-unknown,
31181 .filemanager.fp-select .fp-original .fp-originloading {
31182 display: none;
31185 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
31186 display: inline;
31189 .filemanager.fp-select .fp-reflist.fp-unknown,
31190 .filemanager.fp-select .fp-reflist .fp-reflistloading {
31191 display: none;
31194 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
31195 display: inline;
31198 .filemanager.fp-select .fp-reflist .fp-value {
31199 background: #f9f9f9;
31200 border: 1px solid #bbb;
31201 padding: 8px 7px;
31202 margin: 0;
31203 max-height: 75px;
31204 overflow: auto;
31207 .filemanager.fp-select .fp-reflist .fp-value li {
31208 padding-bottom: 7px;
31211 .filemanager.fp-mkdir-dlg {
31212 text-align: center;
31215 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
31216 text-align: left;
31217 margin: 20px;
31220 .filemanager.fp-dlg {
31221 text-align: center;
31224 .file-picker div.bd {
31225 text-align: left;
31228 .fp-formset {
31229 padding: 10px;
31231 .fp-formset input[type=file] {
31232 line-height: inherit;
31235 .fp-forminset {
31236 padding: 0 10px;
31239 .fp-fileinfo .fp-value {
31240 display: inline-block;
31241 padding-left: 5px;
31244 /** The message area **/
31245 .hidden {
31246 display: none;
31249 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
31250 padding: 0;
31252 .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 {
31253 min-height: 20px;
31255 .preferences-container .align-bottom {
31256 vertical-align: bottom;
31258 .preferences-container .preference-table {
31259 border: 1px solid #ddd;
31261 .preferences-container .preference-table thead th {
31262 text-align: center;
31264 .preferences-container .preference-table thead th .config-warning {
31265 display: none;
31267 .preferences-container .preference-table thead th.unconfigured .config-warning {
31268 display: inline-block;
31270 .preferences-container .preference-table tr th {
31271 border-left: 1px solid #dee2e6;
31273 .preferences-container .preference-table tr td:not(:first-child) {
31274 width: 150px;
31275 text-align: center;
31277 .preferences-container .preference-table tr td:nth-child(even) {
31278 border: 1px solid #dee2e6;
31280 .preferences-container .preference-table .preference-row .hover-tooltip-container {
31281 display: inline-block;
31283 .preferences-container .preference-table .preference-row .preference-name {
31284 vertical-align: middle;
31286 .preferences-container .preference-table .preference-row .disabled-message {
31287 text-align: center;
31288 height: 30px;
31289 line-height: 30px;
31291 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
31292 display: block;
31295 .disabled-message {
31296 display: none;
31299 .disabled .disabled-message {
31300 display: block;
31302 .disabled .disabled-message + form {
31303 display: none;
31306 .general-settings-container .loading-icon {
31307 display: none;
31309 .general-settings-container .loading .loading-icon {
31310 display: inline-block;
31312 .general-settings-container label {
31313 display: inline-block;
31316 .processor-container {
31317 position: relative;
31319 .processor-container .loading-container {
31320 display: none;
31321 position: absolute;
31322 width: 100%;
31323 height: 100%;
31324 text-align: center;
31325 background-color: rgba(255, 255, 255, 0.5);
31327 .processor-container .loading-container .vertical-align {
31328 height: 100%;
31329 width: 0%;
31330 display: inline-block;
31331 vertical-align: middle;
31333 .processor-container.loading .loading-container {
31334 display: block;
31337 .preferences-page-container .checkbox-container {
31338 margin: 30px 5px;
31339 line-height: 20px;
31341 .preferences-page-container .checkbox-container input {
31342 line-height: 20px;
31343 margin: 0;
31345 .preferences-page-container .checkbox-container .loading-icon {
31346 display: none;
31348 .preferences-page-container .checkbox-container.loading .loading-icon {
31349 display: inline-block;
31352 .notification-area {
31353 height: 600px;
31354 box-sizing: border-box;
31355 border-radius: 4px;
31356 margin-bottom: 30px;
31357 border: 1px solid #e3e3e3;
31359 @media (max-height: 670px) {
31360 .notification-area {
31361 height: 500px;
31364 .notification-area .control-area {
31365 box-sizing: border-box;
31366 display: inline-block;
31367 width: 300px;
31368 height: 100%;
31369 overflow: auto;
31370 -webkit-overflow-scrolling: touch;
31371 border-right: 1px solid #e3e3e3;
31373 .notification-area .control-area .content {
31374 position: relative;
31376 .notification-area .control-area .content .content-item-container {
31377 cursor: pointer;
31379 .notification-area .control-area .content:empty + .empty-text {
31380 display: block;
31382 .notification-area .control-area .loading-icon {
31383 display: none;
31385 .notification-area .control-area .empty-text {
31386 display: none;
31387 text-align: center;
31388 padding-top: 20px;
31390 .notification-area .control-area.loading .loading-icon {
31391 display: block;
31392 text-align: center;
31393 box-sizing: border-box;
31394 padding: 5px;
31396 .notification-area .control-area.loading .content:empty + .empty-text {
31397 display: none;
31399 .notification-area .content-area {
31400 box-sizing: border-box;
31401 display: inline-block;
31402 width: calc(100% - 300px);
31403 float: right;
31405 .notification-area .content-area .toggle-mode {
31406 display: none;
31408 .notification-area .content-area .header {
31409 height: 50px;
31410 box-sizing: border-box;
31411 border-bottom: 1px solid #e3e3e3;
31412 padding: 5px;
31414 .notification-area .content-area .header .image-container {
31415 display: inline-block;
31416 height: 25px;
31417 width: 24px;
31418 float: left;
31420 .notification-area .content-area .header .subject-container {
31421 display: inline-block;
31422 max-width: calc(100% - 24px);
31423 white-space: nowrap;
31424 overflow: hidden;
31425 text-overflow: ellipsis;
31426 height: 25px;
31427 padding-left: 5px;
31428 box-sizing: border-box;
31430 .notification-area .content-area .header .timestamp {
31431 font-size: 10px;
31432 line-height: 10px;
31433 margin: 0;
31434 color: #666;
31435 margin-left: 30px;
31437 .notification-area .content-area .header:empty {
31438 display: none;
31440 .notification-area .content-area > .content {
31441 height: 500px;
31442 box-sizing: border-box;
31443 overflow: auto;
31444 -webkit-overflow-scrolling: touch;
31445 padding: 15px;
31447 @media (max-height: 670px) {
31448 .notification-area .content-area > .content {
31449 height: 400px;
31452 .notification-area .content-area > .content:empty {
31453 display: none;
31455 .notification-area .content-area > .content:empty + .empty-text {
31456 display: block;
31457 text-align: center;
31458 padding-top: 100px;
31460 .notification-area .content-area .empty-text {
31461 display: none;
31463 .notification-area .content-area .footer {
31464 height: 50px;
31465 box-sizing: border-box;
31466 text-align: center;
31468 .notification-area .content-area .footer a {
31469 line-height: 50px;
31471 .notification-area .content-area .footer:empty {
31472 display: none;
31475 @media (max-width: 979px) {
31476 .notification-area {
31477 position: relative;
31478 overflow: hidden;
31480 .notification-area .control-area {
31481 border-right: none;
31482 width: 100%;
31483 position: absolute;
31484 top: 0;
31485 left: 0;
31486 opacity: 1;
31487 visibility: visible;
31488 transition: left 0.25s;
31490 .notification-area .content-area {
31491 width: 100%;
31492 position: absolute;
31493 top: 0;
31494 right: -100%;
31495 opacity: 0;
31496 visibility: hidden;
31497 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
31499 .notification-area .content-area .toggle-mode {
31500 display: inline-block;
31501 float: left;
31502 width: 70px;
31503 height: 50px;
31504 line-height: 50px;
31505 box-sizing: border-box;
31506 border-right: 1px solid #e3e3e3;
31507 border-bottom: 1px solid #e3e3e3;
31509 .notification-area .content-area .header {
31510 display: inline-block;
31511 width: calc(100% - 70px);
31513 .notification-area.show-content-area .control-area {
31514 left: -100%;
31515 opacity: 0;
31516 visibility: hidden;
31517 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
31519 .notification-area.show-content-area .content-area {
31520 right: 0;
31521 opacity: 1;
31522 visibility: visible;
31523 transition: right 0.25s;
31526 .drawer .message-app {
31527 height: 100%;
31529 .drawer .message-app .icon-back-in-app {
31530 display: none;
31532 .drawer .message-app .icon-back-in-drawer {
31533 display: inherit;
31536 .message-app {
31537 display: flex;
31538 flex-direction: column;
31539 background-color: #eff1f3;
31541 .message-app .icon-back-in-drawer {
31542 display: none;
31544 .message-app.main {
31545 min-height: 400px;
31547 .message-app .header-container {
31548 flex-shrink: 0;
31550 .message-app .overflow-y {
31551 overflow-y: auto;
31553 @media (max-height: 320px) {
31554 .message-app .header-container [data-region=view-overview]:not(.hidden) {
31555 display: flex;
31556 align-items: center;
31558 .message-app .footer-container [data-region=view-overview] {
31559 display: none;
31561 .message-app .overflow-y {
31562 overflow-y: unset;
31565 .message-app .body-container {
31566 flex: 1;
31567 overflow: hidden;
31569 .message-app .body-container > * {
31570 position: absolute;
31571 right: 0;
31572 left: 0;
31573 top: 0;
31574 bottom: 0;
31575 overflow: auto;
31577 .message-app .footer-container {
31578 flex-shrink: 0;
31580 .message-app .footer-container textarea {
31581 direction: ltr;
31583 .message-app .contact-status {
31584 position: absolute;
31585 left: 39px;
31586 top: 34px;
31588 .message-app .contact-status.online .icon {
31589 color: #357a32;
31591 .message-app .message p {
31592 margin: 0;
31594 .message-app .clickable {
31595 cursor: pointer;
31597 .message-app .clickable:hover {
31598 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
31600 .message-app a,
31601 .message-app .btn-link {
31602 color: inherit;
31604 .message-app .btn-link:hover, .message-app .btn-link:focus {
31605 background-color: rgba(0, 0, 0, 0.035);
31606 text-decoration: none;
31608 .message-app .icon {
31609 margin-right: 0;
31611 .message-app .overview-section-toggle .collapsed-icon-container {
31612 display: none;
31614 .message-app .overview-section-toggle .expanded-icon-container {
31615 display: inline-block;
31617 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
31618 display: inline-block;
31620 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
31621 display: none;
31623 .message-app .btn.btn-link.btn-icon {
31624 height: 16px;
31625 width: 16px;
31626 padding: 0;
31627 border-radius: 50%;
31628 flex-shrink: 0;
31630 .message-app .btn.btn-link.btn-icon.icon-size-0 {
31631 height: 20px !important; /* stylelint-disable-line declaration-no-important */
31632 width: 20px !important; /* stylelint-disable-line declaration-no-important */
31634 .message-app .btn.btn-link.btn-icon.icon-size-1 {
31635 height: 24px !important; /* stylelint-disable-line declaration-no-important */
31636 width: 24px !important; /* stylelint-disable-line declaration-no-important */
31638 .message-app .btn.btn-link.btn-icon.icon-size-2 {
31639 height: 28px !important; /* stylelint-disable-line declaration-no-important */
31640 width: 28px !important; /* stylelint-disable-line declaration-no-important */
31642 .message-app .btn.btn-link.btn-icon.icon-size-3 {
31643 height: 36px !important; /* stylelint-disable-line declaration-no-important */
31644 width: 36px !important; /* stylelint-disable-line declaration-no-important */
31646 .message-app .btn.btn-link.btn-icon.icon-size-4 {
31647 height: 44px !important; /* stylelint-disable-line declaration-no-important */
31648 width: 44px !important; /* stylelint-disable-line declaration-no-important */
31650 .message-app .btn.btn-link.btn-icon.icon-size-5 {
31651 height: 52px !important; /* stylelint-disable-line declaration-no-important */
31652 width: 52px !important; /* stylelint-disable-line declaration-no-important */
31654 .message-app .btn.btn-link.btn-icon.icon-size-6 {
31655 height: 60px !important; /* stylelint-disable-line declaration-no-important */
31656 width: 60px !important; /* stylelint-disable-line declaration-no-important */
31658 .message-app .btn.btn-link.btn-icon.icon-size-7 {
31659 height: 68px !important; /* stylelint-disable-line declaration-no-important */
31660 width: 68px !important; /* stylelint-disable-line declaration-no-important */
31662 .message-app .view-overview-body .section {
31663 display: block;
31665 .message-app .view-overview-body .section.expanded {
31666 display: flex;
31668 .message-app .view-overview-body .section div[data-region=toggle] {
31669 padding: 0.1rem;
31671 .message-app .view-conversation .content-message-container img {
31672 max-width: 100%;
31674 .message-app .list-group {
31675 border-radius: 0;
31677 .message-app .list-group .list-group-item {
31678 border-left: 0;
31679 border-right: 0;
31681 .message-app .list-group .list-group-item:hover {
31682 color: #fff;
31683 background-color: #0f6cbf;
31685 .message-app .list-group .list-group-item:hover .badge-primary {
31686 background-color: #fff;
31687 color: #0f6cbf;
31689 .message-app .list-group .list-group-item:first-child {
31690 border-top: 0;
31692 .message-app .list-group .list-group-item:last-child {
31693 border-bottom: 0;
31695 .message-app .list-group .list-group-item.list-group-item-action {
31696 margin: 0.1rem;
31697 width: auto;
31698 text-align: inherit;
31700 .message-app .last-message {
31701 min-height: 1.5rem;
31703 .message-app .section .collapsing {
31704 overflow: hidden;
31706 .message-app .message.send {
31707 background-color: #dee2e6;
31708 color: #1d2125;
31710 .message-app .message.send .time {
31711 color: #1d2125;
31713 .message-app .message.send .tail {
31714 right: 0;
31715 margin-right: -0.5rem;
31716 border-bottom-color: #dee2e6;
31718 .message-app .message.received {
31719 background-color: #fff;
31720 color: #1d2125;
31722 .message-app .message.received .time {
31723 color: #616466;
31725 .message-app .message.received .tail {
31726 left: 0;
31727 margin-left: -0.5rem;
31728 border-bottom-color: #fff;
31730 .message-app .message .tail {
31731 content: "";
31732 bottom: 0;
31733 width: 0;
31734 height: 0;
31735 border: 0.5rem solid transparent;
31736 position: relative;
31738 .message-app .day {
31739 color: #1d2125;
31741 .message-app .lazy-load-list {
31742 overflow-y: auto;
31745 #page-message-index #page-header {
31746 display: none;
31748 #page-message-index #region-main {
31749 height: 100%;
31750 margin-top: 0;
31752 #page-message-index #region-main .conversationcontainer .section {
31753 max-height: calc(100vh - 50px);
31755 #page-message-index #region-main div[role=main] {
31756 height: 100%;
31758 #page-message-index #region-main div[role=main] #maincontent {
31759 margin-top: -1px;
31761 #page-message-index #region-main div[role=main] .message-app.main {
31762 height: 100%;
31765 .dir-rtl .message-drawer {
31766 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
31769 .message-app .emoji-picker-container {
31770 position: absolute;
31771 top: -5px;
31772 right: 5px;
31773 transform: translateY(-100%);
31775 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
31776 height: 40px;
31777 width: 40px;
31779 @media (max-width: 575.98px) {
31780 .message-app .emoji-picker-container {
31781 right: -0.5rem;
31784 @media (max-height: 495px) {
31785 .message-app .emoji-picker-container {
31786 position: fixed;
31787 top: 0;
31788 transform: none;
31791 .message-app .emoji-auto-complete-container {
31792 overflow: auto;
31793 max-height: 90px;
31794 transition: max-height 0.15s ease-in-out;
31795 visibility: visible;
31797 .message-app .emoji-auto-complete-container.hidden {
31798 display: block;
31799 max-height: 0;
31800 visibility: hidden;
31801 overflow: hidden;
31802 transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
31805 /* Question */
31806 .questionbank h2 {
31807 margin-top: 0;
31810 .questioncategories h3 {
31811 margin-top: 0;
31814 #chooseqtypebox {
31815 margin-top: 1em;
31818 #chooseqtype h3 {
31819 margin: 0 0 0.3em;
31822 #chooseqtype .instruction {
31823 display: none;
31826 #chooseqtype .fakeqtypes {
31827 border-top: 1px solid silver;
31830 #chooseqtype .qtypeoption {
31831 margin-bottom: 0.5em;
31834 #chooseqtype label {
31835 display: block;
31838 #chooseqtype .qtypename img {
31839 padding: 0 0.3em;
31842 #chooseqtype .qtypename {
31843 display: inline-table;
31844 width: 16em;
31847 #chooseqtype .qtypesummary {
31848 display: block;
31849 margin: 0 2em;
31852 #chooseqtype .submitbuttons {
31853 margin: 0.7em 0;
31854 text-align: center;
31857 #qtypechoicecontainer {
31858 display: none;
31861 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
31862 background: none;
31865 #qtypechoicecontainer.yui-panel .hd {
31866 color: #333;
31867 letter-spacing: 1px;
31868 text-shadow: 1px 1px 1px #fff;
31869 border-top-left-radius: 10px;
31870 border-top-right-radius: 10px;
31871 border: 1px solid #ccc;
31872 border-bottom: 1px solid #bbb;
31873 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
31874 background-repeat: repeat-x;
31877 #qtypechoicecontainer {
31878 font-size: 12px;
31879 color: #333;
31880 background: #f2f2f2;
31881 border-radius: 10px;
31882 border: 1px solid #ccc;
31883 border-top: 0 none;
31886 #qtypechoicecontainer #chooseqtype {
31887 width: 40em;
31890 #chooseqtypehead h3 {
31891 margin: 0;
31892 font-weight: normal;
31895 #chooseqtype .qtypes {
31896 position: relative;
31897 border-bottom: 1px solid #bbb;
31898 padding: 0.24em 0;
31901 #chooseqtype .alloptions {
31902 overflow-x: hidden;
31903 overflow-y: auto;
31904 max-height: calc(100vh - 15em);
31905 width: 60%;
31908 #chooseqtype .qtypeoption {
31909 margin-bottom: 0;
31910 padding: 0.3em 0.3em 0.3em 1.6em;
31913 #chooseqtype .qtypeoption img {
31914 vertical-align: text-bottom;
31915 padding-left: 1em;
31916 padding-right: 0.5em;
31919 #chooseqtype .selected {
31920 background-color: #fff;
31923 #chooseqtype .instruction,
31924 #chooseqtype .qtypesummary {
31925 display: none;
31926 position: absolute;
31927 top: 0;
31928 right: 0;
31929 bottom: 0;
31930 left: 60%;
31931 margin: 0;
31932 overflow-x: hidden;
31933 overflow-y: auto;
31934 padding: 1.5em 1.6em;
31935 background-color: #fff;
31938 #chooseqtype .instruction,
31939 #chooseqtype .selected .qtypesummary {
31940 display: block;
31943 table.question-bank-table {
31944 margin: 0;
31945 background-color: #fff;
31946 table-layout: fixed;
31947 overflow-x: scroll;
31948 width: min-content;
31950 table.question-bank-table td,
31951 table.question-bank-table th {
31952 max-width: 40vw;
31953 width: max-content;
31955 table.question-bank-table th {
31956 text-align: left;
31958 table.question-bank-table > tbody > tr.r1 {
31959 background-color: rgba(0, 0, 0, 0.03);
31961 table.question-bank-table > tbody > tr.highlight {
31962 border: 1px solid #008196;
31964 table.question-bank-table .checkbox input[type=checkbox] {
31965 margin-left: 0;
31966 float: none;
31968 table.question-bank-table .iconcol {
31969 padding: 3px;
31970 box-sizing: content-box;
31972 table.question-bank-table .iconcol .icon {
31973 margin: 0;
31974 width: 12px;
31975 height: 12px;
31977 table.question-bank-table label {
31978 margin: 0;
31979 display: block;
31981 table.question-bank-table .header {
31982 text-align: left;
31984 table.question-bank-table .header.sortable-list-current-position {
31985 background-color: #a2cff8;
31987 table.question-bank-table .header.sortable-list-is-dragged {
31988 background-color: #fff;
31989 opacity: 0.85;
31991 table.question-bank-table .header .header-text > div {
31992 display: inline-block;
31994 table.question-bank-table .header .dropdown-toggle::after {
31995 margin-left: 0;
31997 table.question-bank-table .header.checkbox .form-check {
31998 padding-left: 0;
32001 #page-mod-quiz-edit div.questionbankwindow div.header {
32002 margin: 0;
32004 #page-mod-quiz-edit div.questionbankwindow.block {
32005 padding: 0;
32008 .questionbank .singleselect {
32009 margin: 0;
32012 /* Question editing form */
32013 #combinedfeedbackhdr div.fhtmleditor {
32014 padding: 0;
32017 #combinedfeedbackhdr div.fcheckbox {
32018 margin-bottom: 1em;
32021 #multitriesheader div.fitem_feditor {
32022 margin-top: 1em;
32025 #multitriesheader div.fitem_fgroup {
32026 margin-bottom: 1em;
32029 #multitriesheader div.fitem_fgroup fieldset.felement label {
32030 margin-left: 0.3em;
32031 margin-right: 0.3em;
32034 body.path-question-type {
32035 /* Hacks to display the labels within a form group. */
32037 body.path-question-type .fitem .col-form-label.sr-only:not(legend):not([for=id_category]) {
32038 position: static;
32039 width: auto;
32040 height: auto;
32041 padding: 0;
32042 margin: 0 0.5rem 0 0;
32043 overflow: visible;
32044 clip: auto;
32045 clip-path: none;
32046 border: 0;
32049 .que {
32050 clear: left;
32051 text-align: left;
32052 margin: 0 auto 1.8em auto;
32055 .que .info {
32056 float: left;
32057 width: 7em;
32058 padding: 0.5em;
32059 margin-bottom: 1.8em;
32060 background-color: #f8f9fa;
32061 border: 1px solid #cad0d7;
32062 border-radius: 2px;
32065 .que h3.no {
32066 margin: 0;
32067 font-size: 0.8em;
32068 line-height: 1;
32071 .que span.qno {
32072 font-size: 1.5em;
32073 font-weight: bold;
32074 word-break: break-word;
32077 .que .info > div {
32078 font-size: 0.8em;
32079 margin-top: 0.7em;
32082 .que .info .questionflag.editable {
32083 cursor: pointer;
32086 .que .info .editquestion img,
32087 .que .info .questionflag img,
32088 .que .info .questionflag input {
32089 vertical-align: bottom;
32092 .que .content {
32093 margin: 0 0 0 8.5em;
32096 .que .formulation,
32097 .que .outcome,
32098 .que .comment {
32099 position: relative;
32100 padding: 0.75rem 1.25rem;
32101 margin-bottom: 1rem;
32102 border: 0 solid transparent;
32103 border-radius: 0.25rem;
32106 .que .outcome,
32107 .que .comment {
32108 color: #8e662e;
32109 background-color: #fcefdc;
32110 border-color: #fbe8cd;
32111 /* stylelint-disable-line max-line-length */
32113 .que .outcome hr,
32114 .que .comment hr {
32115 border-top-color: #f9ddb5;
32117 .que .outcome .alert-link,
32118 .que .comment .alert-link {
32119 color: #674a22;
32121 .que .outcome a,
32122 .que .comment a {
32123 color: #041c31;
32126 .que .formulation {
32127 color: #001a1e;
32128 background-color: #e7f3f5;
32129 border-color: #b8dce2;
32130 /* stylelint-disable-line max-line-length */
32132 .que .formulation hr {
32133 border-top-color: #a6d3db;
32135 .que .formulation .alert-link {
32136 color: black;
32139 .que.multichoice .answer div.r0 .icon.fa-check,
32140 .que.multichoice .answer div.r1 .icon.fa-check,
32141 .que.multichoice .answer div.r0 .icon.fa-remove,
32142 .que.multichoice .answer div.r1 .icon.fa-remove {
32143 text-indent: 0;
32146 .formulation input[type=text],
32147 .formulation select {
32148 width: auto;
32149 vertical-align: baseline;
32152 .que.multianswer .formulation .yui3-widget-positioned {
32153 box-sizing: content-box;
32155 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
32156 width: inherit;
32157 max-width: inherit;
32160 .que input[size],
32161 .que textarea[cols] {
32162 width: auto;
32163 max-width: 100%;
32166 .que .comment {
32167 color: #1c3f1a;
32168 background-color: #d7e4d6;
32169 border-color: #c6dac6;
32170 /* stylelint-disable-line max-line-length */
32172 .que .comment hr {
32173 border-top-color: #b7d0b7;
32175 .que .comment .alert-link {
32176 color: #0c1b0b;
32179 .que .ablock {
32180 margin: 0.7em 0 0.3em 0;
32183 .que .im-controls {
32184 margin-top: 0.5em;
32185 text-align: left;
32188 .que .specificfeedback,
32189 .que .generalfeedback,
32190 .que .numpartscorrect .que .rightanswer,
32191 .que .im-feedback,
32192 .que .feedback,
32193 .que p {
32194 margin: 0 0 0.5em;
32197 .que .correctness.correct {
32198 color: #fff;
32199 background-color: #357a32;
32201 a.que .correctness.correct:hover, a.que .correctness.correct:focus {
32202 color: #fff;
32203 background-color: #255623;
32205 a.que .correctness.correct:focus, a.que .correctness.correct.focus {
32206 outline: 0;
32207 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
32210 .que .correctness.partiallycorrect {
32211 color: #1d2125;
32212 background-color: #f0ad4e;
32214 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
32215 color: #1d2125;
32216 background-color: #ec971f;
32218 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
32219 outline: 0;
32220 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
32223 .que .correctness.notanswered, .que .correctness.incorrect {
32224 color: #fff;
32225 background-color: #ca3120;
32227 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
32228 color: #fff;
32229 background-color: #9e2619;
32231 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
32232 outline: 0;
32233 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
32236 .que .qtext {
32237 margin-bottom: 1.5em;
32240 .que .validationerror {
32241 color: #ca3120;
32244 .que .grading,
32245 .que .comment,
32246 .que .commentlink,
32247 .que .history {
32248 margin-top: 0.5em;
32251 .que .history h3 {
32252 margin: 0 0 0.2em;
32253 font-size: 1em;
32256 .que .history table {
32257 width: 100%;
32258 margin: 0;
32261 .que .history .current {
32262 font-weight: bold;
32265 .que .questioncorrectnessicon {
32266 vertical-align: text-bottom;
32269 body.jsenabled .questionflag input[type=checkbox] {
32270 display: none;
32273 .que .questionflagimage {
32274 padding-right: 3px;
32275 height: 16px;
32276 width: 16px;
32279 .importerror {
32280 margin-top: 10px;
32281 border-bottom: 1px solid #555;
32284 .mform .que.comment .fitemtitle {
32285 width: 20%;
32288 #page-question-preview #techinfo {
32289 margin: 1em 0;
32292 #page-question-preview .collapsibleregion .collapsibleregioncaption,
32293 #page-question-preview .collapsibleregion .collapsibleregionextracontent {
32294 display: inline-block;
32297 #page-mod-quiz-edit ul.slots .activityinstance > a {
32298 display: flex;
32299 max-width: 100%;
32300 align-items: center;
32301 text-indent: 0;
32302 padding-left: 0;
32304 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32305 margin-left: 0;
32306 width: 16px;
32307 height: 16px;
32308 padding-right: 4px;
32311 #page-mod-quiz-edit .activity img.activityicon {
32312 vertical-align: text-top;
32315 #page-mod-quiz-edit .box.generalbox.questionbank {
32316 padding: 0.5em;
32319 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
32320 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
32321 #page-mod-quiz-edit .questionbank .choosecategory {
32322 padding: 0;
32325 #page-mod-quiz-edit .questionbank .choosecategory select {
32326 width: 100%;
32329 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
32330 background: transparent;
32333 #page-mod-quiz-edit .questionbankwindow div.header {
32334 color: #444;
32335 text-shadow: none;
32336 border-top-left-radius: 4px;
32337 border-top-right-radius: 4px;
32338 margin: 0 -10px 0 -10px;
32339 padding: 2px 10px 2px 10px;
32340 background: transparent; /* Old browsers */
32343 #page-mod-quiz-edit .questionbankwindow div.header a:link,
32344 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
32345 color: #0f6cbf;
32348 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
32349 color: #094478;
32352 #page-mod-quiz-edit .createnewquestion {
32353 padding: 0.3em 0;
32355 #page-mod-quiz-edit .createnewquestion div,
32356 #page-mod-quiz-edit .createnewquestion input {
32357 margin: 0;
32360 #page-mod-quiz-edit .questionbankwindow div.header .title {
32361 color: #1d2125;
32364 #page-mod-quiz-edit div.container div.generalbox {
32365 background-color: transparent;
32366 padding: 1.5em;
32369 #page-mod-quiz-edit .categoryinfo {
32370 background-color: transparent;
32371 border-bottom: none;
32374 #page-mod-quiz-edit .createnewquestion .singlebutton input {
32375 margin-bottom: 0;
32378 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
32379 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
32380 padding: 0 0 1.5em 0;
32383 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
32384 background-color: transparent;
32385 margin: 0;
32386 border-top: 0;
32387 border-bottom: 0;
32389 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
32390 padding: 0 0.3em;
32393 #page-mod-quiz-edit div.question div.content div.questioncontrols {
32394 background-color: #fff;
32397 #page-mod-quiz-edit div.question div.content div.points {
32398 margin-top: -0.5em;
32399 padding-bottom: 0;
32400 border: none;
32401 background-color: #fff;
32402 position: static;
32403 width: 12.1em;
32404 float: right;
32405 margin-right: 60px;
32408 #page-mod-quiz-edit div.question div.content div.points br {
32409 display: none;
32412 #page-mod-quiz-edit div.question div.content div.points label {
32413 display: inline-block;
32416 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
32417 background-color: #fff;
32420 #page-mod-quiz-edit .quizpagedelete,
32421 #page-mod-quiz-edit .quizpagedelete img {
32422 background-color: transparent;
32425 #page-mod-quiz-edit div.quizpage .pagecontent {
32426 border: 1px solid #ddd;
32427 border-radius: 2px;
32428 overflow: hidden;
32431 #page-mod-quiz-edit div.questionbank .categoryinfo {
32432 padding: 0.3em 0;
32435 .questionbankwindow .module {
32436 width: auto;
32439 .questionbankwindow .form-autocomplete-selection {
32440 margin-left: 0;
32443 #page-mod-quiz-edit div.editq div.question div.content {
32444 background-color: #fff;
32445 border: 1px solid #ddd;
32446 border-radius: 2px;
32447 overflow: hidden;
32450 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32451 margin-top: 0;
32452 padding-right: 4px;
32455 .path-mod-quiz .statedetails {
32456 display: block;
32457 font-size: 0.9em;
32460 a#hidebankcmd {
32461 color: #0f6cbf;
32464 .que.shortanswer .answer {
32465 padding: 0;
32468 .que label {
32469 display: inline;
32472 .que .content .answer div[data-region=answer-label] .mediaplugin {
32473 width: 400px;
32476 body.path-question-type .mform fieldset.hidden {
32477 padding: 0;
32478 margin: 0.7em 0 0;
32481 .que.ddwtos,
32482 .que.ddwtos .drop {
32483 box-sizing: content-box;
32486 .tag-condition-container {
32487 position: relative;
32490 @media (max-width: 767.98px) {
32491 .que .info {
32492 float: none;
32493 width: auto;
32495 .que .content {
32496 margin: 0;
32499 @media (max-width: 991.98px) {
32500 .question-bank-table td,
32501 .question-bank-table th {
32502 max-width: 75vw;
32505 /* user.less */
32506 .userprofile .fullprofilelink {
32507 text-align: center;
32508 margin: 10px;
32511 .userprofile .page-context-header {
32512 margin-bottom: 10px;
32513 column-count: 1;
32516 .userprofile .description {
32517 margin-top: 10px;
32518 margin-bottom: 30px;
32521 .userprofile .profile_tree {
32522 column-count: 2;
32525 #participantsform .no-overflow {
32526 overflow: visible;
32529 .userprofile dl.list > dd + dt {
32530 clear: left;
32533 .user-box {
32534 margin: 8px;
32535 width: 115px;
32536 height: 160px;
32537 text-align: center;
32538 float: left;
32539 clear: none;
32542 #page-user-profile .node_category ul,
32543 .path-user .node_category ul {
32544 margin: 0;
32545 list-style: none;
32546 padding-left: 0;
32548 #page-user-profile .node_category li,
32549 .path-user .node_category li {
32550 margin-top: 5px;
32552 #page-user-profile .node_category .editprofile,
32553 #page-user-profile .node_category .viewmore,
32554 .path-user .node_category .editprofile,
32555 .path-user .node_category .viewmore {
32556 text-align: right;
32559 .ajax-contact-button {
32560 box-sizing: border-box;
32561 position: relative;
32563 .ajax-contact-button.loading .loading-icon {
32564 display: block;
32566 .ajax-contact-button .loading-icon {
32567 display: none;
32568 position: absolute;
32569 top: 0;
32570 left: 0;
32571 width: 100%;
32572 height: 100%;
32573 background-color: rgba(255, 255, 255, 0.7);
32575 .ajax-contact-button .loading-icon .icon {
32576 position: absolute;
32577 left: 50%;
32578 top: 50%;
32579 transform: translate(-50%, -50%);
32582 @media (max-width: 480px) {
32583 .userprofile .profile_tree {
32584 /** Display the profile on one column on phones@mixin */
32585 column-count: 1;
32588 .userlist #showall {
32589 margin: 10px 0;
32592 .userlist .buttons {
32593 text-align: center;
32596 .userlist .buttons label {
32597 padding: 0 3px;
32600 .userlist table#participants {
32601 text-align: center;
32604 .userlist table#participants td {
32605 text-align: left;
32606 padding: 4px;
32607 vertical-align: middle;
32610 .userlist table#participants th {
32611 text-align: left;
32612 padding: 4px;
32615 .userlist table.controls {
32616 width: 100%;
32618 .userlist table.controls tr {
32619 vertical-align: top;
32621 .userlist table.controls .right {
32622 text-align: right;
32624 .userlist table.controls .groupselector {
32625 margin-bottom: 0;
32626 margin-top: 0;
32628 .userlist table.controls .groupselector label {
32629 display: block;
32632 .userinfobox {
32633 width: 100%;
32634 border: 1px solid;
32635 border-collapse: separate;
32636 padding: 10px;
32639 .userinfobox .left,
32640 .userinfobox .side {
32641 width: 100px;
32642 vertical-align: top;
32645 .userinfobox .userpicture {
32646 width: 100px;
32647 height: 100px;
32650 .userinfobox .content {
32651 vertical-align: top;
32654 .userinfobox .links {
32655 width: 100px;
32656 padding: 5px;
32657 vertical-align: bottom;
32660 .userinfobox .links a {
32661 display: block;
32664 .userinfobox .list td {
32665 padding: 3px;
32668 .userinfobox .username {
32669 padding-bottom: 20px;
32670 font-weight: bold;
32673 .userinfobox td.label {
32674 text-align: right;
32675 white-space: nowrap;
32676 vertical-align: top;
32677 font-weight: bold;
32680 .group-edit {
32681 position: absolute;
32682 right: 0;
32683 margin-right: 0.6em;
32686 .group-image {
32687 display: block;
32688 float: left;
32689 margin-right: 1em;
32691 .group-image .grouppicture {
32692 border-radius: 50%;
32695 .groupinfobox .left {
32696 padding: 10px;
32697 width: 100px;
32698 vertical-align: top;
32701 .course-participation #showall {
32702 text-align: center;
32703 margin: 10px 0;
32706 #user-policy .noticebox {
32707 text-align: center;
32708 margin-left: auto;
32709 margin-right: auto;
32710 margin-bottom: 10px;
32711 width: 80%;
32712 height: 250px;
32715 #user-policy #policyframe {
32716 width: 100%;
32717 height: 100%;
32720 .iplookup #map {
32721 margin: auto;
32724 .userselector select {
32725 width: 100%;
32728 .userselector div {
32729 margin-top: 0.2em;
32732 .userselector div label {
32733 margin-right: 0.3em;
32736 /* Next style does not work in all browsers but looks nicer when it does */
32737 .userselector .userselector-infobelow {
32738 font-size: 0.8em;
32741 #userselector_options .collapsibleregioncaption {
32742 font-weight: bold;
32745 #userselector_options p {
32746 margin: 0.2em 0;
32747 text-align: left;
32750 /** user full profile */
32751 #page-user-profile .messagebox {
32752 text-align: center;
32753 margin-left: auto;
32754 margin-right: auto;
32757 /** user course profile */
32758 #page-course-view-weeks .messagebox {
32759 text-align: center;
32760 margin-left: auto;
32761 margin-right: auto;
32764 .profileeditor > .singleselect {
32765 margin: 0 0.5em 0 0;
32767 .profileeditor > .singlebutton {
32768 display: inline-block;
32769 margin: 0 0 0 0.5em;
32771 .profileeditor > .singlebutton div,
32772 .profileeditor > .singlebutton input {
32773 margin: 0;
32776 .userlist h3 .action-icon {
32777 display: none;
32780 #page-enrol-users .popover {
32781 max-width: none;
32784 .user-enroller-panel {
32785 width: 600px;
32788 [data-filterverbfor],
32789 [data-filterregion=filter]:last-child [data-filterregion=joinadverb] {
32790 display: none;
32793 [data-filterverb="0"] [data-filterverbfor="0"],
32794 [data-filterverb="1"] [data-filterverbfor="1"],
32795 [data-filterverb="2"] [data-filterverbfor="2"] {
32796 display: block;
32799 #page-user-contactsitesupport .supporticon i {
32800 font-size: 35px;
32803 .search-results .result {
32804 margin-left: 0;
32805 margin-right: 0;
32808 .search-results .result .result-content {
32809 margin: 7px 0;
32812 .search-results .result .filename {
32813 font-style: italic;
32816 .simplesearchform .input-group input.form-control {
32817 border-top-left-radius: 0.25rem;
32818 border-bottom-left-radius: 0.25rem;
32820 .simplesearchform .btn {
32821 padding-left: 0.5rem;
32822 padding-right: 0.5rem;
32824 .simplesearchform .btn .icon {
32825 margin: 0;
32827 .simplesearchform .btn-submit {
32828 border-color: #8f959e;
32829 color: #6a737b;
32831 .simplesearchform .btn-close,
32832 .simplesearchform .btn-clear {
32833 position: absolute;
32834 top: 0;
32835 right: 0;
32836 color: #6a737b;
32837 z-index: 4;
32839 .simplesearchform .btn-close {
32840 right: 2.2rem;
32842 .simplesearchform .btn-submit {
32843 background-color: #f8f9fa;
32845 .simplesearchform .withclear {
32846 padding-right: 2rem;
32848 .simplesearchform .searchinput {
32849 display: flex;
32850 flex: 1 1 auto;
32852 .simplesearchform .collapsing {
32853 height: inherit;
32854 transition: none;
32855 width: inherit;
32858 .simplesearchform .collapse.show,
32859 .simplesearchform .collapsing {
32860 position: absolute;
32861 left: 0;
32862 top: 0;
32863 width: 100%;
32864 display: flex;
32865 background-color: #fff;
32866 z-index: 1060;
32867 height: 50px;
32869 .simplesearchform .collapse.show .searchform-navbar,
32870 .simplesearchform .collapsing .searchform-navbar {
32871 width: auto;
32872 margin-left: auto;
32873 margin-right: auto;
32876 .search-areas-actions {
32877 margin-bottom: 1rem;
32880 .search-areas-actions > div {
32881 margin-right: 1rem;
32882 display: inline-block;
32885 #core-search-areas .lastcol li {
32886 margin-left: 24px;
32887 text-indent: -24px;
32890 #core-search-areas .lastcol li > i {
32891 text-indent: 0;
32895 * Moodle forms HTML isn't changeable via renderers (yet?) so this
32896 * .less file imports styles from the bootstrap $variables file and
32897 * adds them to the existing Moodle form CSS ids and classes.
32900 .jsenabled .mform .containsadvancedelements .advanced {
32901 display: none;
32904 .mform .containsadvancedelements .advanced.show {
32905 display: flex;
32908 #adminsettings span.error {
32909 display: inline-block;
32910 border: 1px solid #f0c5c1;
32911 border-radius: 4px;
32912 background-color: #f4d6d2;
32913 padding: 4px;
32914 margin-bottom: 4px;
32917 .mform .d-flex .form-control {
32918 width: auto;
32919 max-width: 100%;
32921 .mform .d-flex textarea.form-control {
32922 width: 100%;
32924 .mform .d-flex .fitem {
32925 margin: 0.1rem 0.25rem 0.1rem 0 !important; /* stylelint-disable-line declaration-no-important */
32927 .mform .d-flex br + label {
32928 justify-content: flex-start;
32929 width: 100%;
32930 margin-right: 0;
32933 .custom-select {
32934 width: auto;
32935 max-width: 100%;
32938 #jump-to-activity.custom-select {
32939 width: 100%;
32942 .mform fieldset {
32943 margin-bottom: 0.5rem;
32944 border-bottom: 1px solid #dee2e6;
32947 #adminsettings .form-control[size] {
32948 width: auto;
32951 #adminsettings .error {
32952 color: #ca3120;
32955 .mform ul.file-list {
32956 padding: 0;
32957 margin: 0;
32958 list-style: none;
32961 .mform label .req,
32962 .mform label .adv {
32963 cursor: help;
32966 /*rtl:ignore*/
32967 input#id_externalurl {
32968 direction: ltr;
32971 #portfolio-add-button {
32972 display: inline;
32975 .form-defaultinfo,
32976 .form-label .form-shortname {
32977 color: #6a737b;
32980 .form-label .form-shortname {
32981 font-size: 0.703125rem;
32982 display: block;
32985 .formsettingheading .form-horizontal {
32986 color: #6a737b;
32989 .no-felement.fstatic {
32990 color: #6a737b;
32991 padding-top: 5px;
32994 .no-fitem .fstaticlabel {
32995 font-weight: bold;
32998 .form-item .form-setting .defaultsnext > input {
32999 display: inline-block;
33002 .form-item .form-setting .form-checkbox.defaultsnext {
33003 margin-top: 5px;
33004 display: inline-block;
33007 #adminsettings h3 {
33008 display: block;
33009 width: 100%;
33010 padding: 0;
33011 margin-bottom: 1.5;
33012 font-size: 1.171875rem;
33013 line-height: 3;
33014 border: 0;
33015 border-bottom: 1px solid #e5e5e5;
33018 /* rtl:ignore */
33019 .mform .fitem .felement input[name=email],
33020 .mform .fitem .felement input[name=email2],
33021 .mform .fitem .felement input[name=url],
33022 .mform .fitem .felement input[name=idnumber],
33023 .mform .fitem .felement input[name=phone1],
33024 .mform .fitem .felement input[name=phone2] {
33025 text-align: left;
33026 direction: ltr;
33029 .que.match .mediaplugin {
33030 width: 50vw;
33033 /* rtl:ignore */
33034 #page-admin-grade-edit-scale-edit .error input#id_name {
33035 margin-right: 170px;
33038 #page-grade-edit-outcome-course .courseoutcomes {
33039 margin-left: auto;
33040 margin-right: auto;
33041 width: 100%;
33044 #page-grade-edit-outcome-course .courseoutcomes td {
33045 text-align: center;
33048 /* Install Process' text fields Forms, should always be justified to the left */
33049 /* rtl:ignore */
33050 #installform #id_wwwroot,
33051 #installform #id_dirroot,
33052 #installform #id_dataroot,
33053 #installform #id_dbhost,
33054 #installform #id_dbname,
33055 #installform #id_dbuser,
33056 #installform #id_dbpass,
33057 #installform #id_prefix {
33058 direction: ltr;
33061 .mdl-right > label {
33062 display: inline-block;
33065 .singleselect {
33066 max-width: 100%;
33069 .form-item .form-label label {
33070 margin-bottom: 0;
33073 div#dateselector-calendar-panel {
33074 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
33078 * Show the labels above text editors and file managers except on wide screens.
33080 /* Section and module editing forms contain special JS components for the
33081 availability system (if enabled). */
33082 #id_availabilityconditionsjson[aria-hidden=true],
33083 .availability-field [aria-hidden=true] {
33084 display: none;
33087 .availability-field label {
33088 display: inline-flex;
33090 .availability-field .availability-group label {
33091 vertical-align: top;
33094 .availability-eye {
33095 clear: left;
33096 float: left;
33099 .availability-inner,
33100 .availability-plugincontrols {
33101 float: left;
33102 border-radius: 0.25rem;
33103 border: 1px solid rgba(0, 0, 0, 0.125);
33104 padding: 1rem;
33105 margin-top: 0.5rem;
33108 .availability-plugincontrols,
33109 .availability-childlist .availability-inner {
33110 margin-left: 0.625rem;
33113 .availability-field .availability-plugincontrols .availability-group select {
33114 max-width: 12rem;
33117 /* Custom styles for autocomplete form element */
33118 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
33119 [data-fieldtype=autocomplete] select,
33120 [data-fieldtype=tags] select,
33121 .form-autocomplete-original-select {
33122 visibility: hidden;
33123 overflow: hidden;
33124 width: 15rem;
33125 height: 44px;
33126 margin: 0;
33127 padding: 0;
33128 border: 0;
33129 margin-top: 1.65625rem;
33130 vertical-align: bottom;
33133 .form-autocomplete-selection {
33134 margin: 0.25rem 0;
33135 min-height: 2.375rem;
33138 .form-autocomplete-selection [role=option] {
33139 cursor: pointer;
33140 white-space: inherit;
33141 word-break: break-word;
33142 line-height: 1.4;
33143 text-align: left;
33146 .form-autocomplete-suggestions {
33147 position: absolute;
33148 background-color: #fff;
33149 border: 1px solid #8f959e;
33150 min-width: 206px;
33151 max-height: 20em;
33152 overflow: auto;
33153 margin: 0.125rem 0 0;
33154 padding: 0.5rem 0;
33155 z-index: 3;
33158 .form-autocomplete-suggestions li {
33159 list-style-type: none;
33160 padding: 0.25rem 1.5rem;
33161 margin: 0;
33162 cursor: pointer;
33163 color: #1d2125;
33165 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected=true] {
33166 background-color: #0f6cbf;
33167 color: #fff;
33169 .form-autocomplete-suggestions li[aria-disabled=true] {
33170 pointer-events: none;
33171 color: #6a737b;
33172 background-color: #e9ecef;
33174 .form-autocomplete-suggestions li.suggestions-heading {
33175 pointer-events: none;
33176 font-weight: bold;
33177 color: #1d2125;
33178 background-color: #fff;
33179 padding-left: calc(1.5rem / 2);
33181 .form-autocomplete-suggestions li::before {
33182 content: "​";
33185 .form-autocomplete-downarrow {
33186 color: #1d2125;
33187 top: 0.2rem;
33188 right: 0.5rem;
33189 cursor: pointer;
33191 .form-autocomplete-downarrow .loading-icon {
33192 position: absolute;
33193 top: 0;
33194 left: 0;
33195 background-color: #fff;
33198 /** Undo some bootstrap things */
33199 .form-autocomplete-selection + input.form-control {
33200 width: auto;
33201 display: inline-block;
33202 vertical-align: middle;
33205 .form-autocomplete-selection [data-active-selection=true] {
33206 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
33209 select.form-control[size], select.form-control[multiple] {
33210 padding-right: 0;
33212 select.form-control[size] option, select.form-control[multiple] option {
33213 width: fit-content;
33216 /* Non-bootstrap selects with a size show their contents outside of the element.
33217 * Remove when we update to stable bootstrap 4. (MDL-56511) */
33218 select[size],
33219 select[multiple] {
33220 overflow: auto;
33223 select[size="1"] {
33224 overflow: visible;
33227 textarea[data-auto-rows] {
33228 overflow-x: hidden;
33229 resize: none;
33232 /** Display elements under labels in vertical forms regardless of the screen size. */
33233 .mform.full-width-labels .fitem.row {
33234 margin-left: 0;
33235 margin-right: 0;
33237 .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
33238 flex: 0 0 100%;
33239 max-width: 100%;
33240 width: inherit;
33241 padding-right: 0;
33242 padding-left: 0;
33244 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
33245 display: none;
33247 .mform.full-width-labels .fitem.row .form-control {
33248 width: 100%;
33251 .mform .col-form-label .form-label-addon {
33252 margin-left: 0.25rem;
33255 @media (min-width: 576px) {
33256 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
33257 margin-left: auto;
33260 [data-fieldtype=modgrade] .fitem {
33261 padding-bottom: 0.375rem;
33264 [data-fieldtype=modgrade] {
33265 background-color: #fff;
33266 border-radius: 0.25rem;
33267 border: 1px solid rgba(0, 0, 0, 0.125);
33268 padding: 1.25rem;
33269 margin-left: 15px;
33270 max-width: 30rem;
33273 [data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
33274 [data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
33275 [data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
33276 display: none;
33279 .felement[data-fieldtype=autocomplete],
33280 .felement[data-fieldtype=tags] {
33281 display: block !important; /* stylelint-disable-line declaration-no-important */
33284 [data-fieldtype=editor] > div {
33285 flex-grow: 1;
33288 @media (min-width: 768px) {
33289 .mform fieldset .fcontainer.collapseable .col-form-label {
33290 padding-left: 2.5rem;
33293 .collapsemenu .collapseall {
33294 display: block;
33296 .collapsemenu .expandall {
33297 display: none;
33299 .collapsemenu.collapsed .collapseall {
33300 display: none;
33302 .collapsemenu.collapsed .expandall {
33303 display: block;
33306 .input-group.form-inset .form-inset-item {
33307 position: absolute;
33308 padding-top: calc(0.375rem + 1px);
33309 z-index: 3;
33311 .input-group.form-inset.form-inset-left .form-control {
33312 padding-left: 1.5rem;
33314 .input-group.form-inset.form-inset-right .form-control {
33315 padding-right: 1.5rem;
33317 .input-group.form-inset.form-inset-right .form-inset-item {
33318 right: 0;
33321 .form-check.left-indented {
33322 padding-left: 0;
33325 .toggle-sensitive-btn .icon {
33326 margin-right: 0;
33329 @media (min-width: 576px) {
33330 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control:not(:last-child) {
33331 border-radius: 0.25rem;
33333 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control-lg:not(:last-child) {
33334 border-radius: 0.3rem;
33336 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .input-group-append .toggle-sensitive-btn {
33337 display: none;
33340 .pagelayout-login #region-main {
33341 border: 0;
33342 background-color: inherit;
33345 .pagelayout-login #page {
33346 background: #f8f9fa;
33347 background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
33348 background-repeat: repeat-x;
33350 .pagelayout-login #page div[role=main] {
33351 height: 100%;
33354 .login-wrapper {
33355 display: flex;
33356 align-items: center;
33357 justify-content: center;
33358 height: 100%;
33361 .login-container {
33362 background-color: #fff;
33363 padding: 3rem;
33364 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
33365 margin-bottom: 2rem;
33367 .login-container .login-languagemenu {
33368 display: flex;
33369 justify-content: flex-start;
33371 .login-container .login-languagemenu .dropdown-menu {
33372 max-height: 300px;
33373 overflow-y: auto;
33375 .login-container .login-logo {
33376 display: flex;
33377 justify-content: center;
33378 margin-bottom: 1rem;
33380 .login-container .login-divider {
33381 margin-top: 1.5rem;
33382 margin-bottom: 1.5rem;
33383 border-top: 1px solid #dee2e6;
33385 .login-container h1.login-heading {
33386 font-size: 1.875rem;
33388 .login-container h2.login-heading {
33389 font-size: 1.40625rem;
33391 .login-container .login-identityproviders .login-identityprovider-btn {
33392 border: 1px solid #dee2e6;
33394 .login-container .divider {
33395 width: 1px;
33396 background-color: #dee2e6;
33397 height: 1.875rem;
33399 .login-container .action-menu-trigger a {
33400 margin: 0.5rem 0;
33403 @media (min-width: 768px) {
33404 .login-container {
33405 width: 500px !important; /* stylelint-disable-line declaration-no-important */
33406 border-radius: 0.25rem;
33409 /* modules.less */
33410 select {
33411 width: auto;
33414 .path-mod .activity-header:not(:empty) {
33415 background-color: #f8f9fa;
33416 margin-bottom: 1rem;
33417 padding-left: 1rem;
33418 padding-right: 1rem;
33419 border-radius: 0.25rem;
33421 .path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
33422 border-bottom: 0;
33424 .path-mod .activity-information .activity-dates {
33425 padding-top: 1rem;
33426 padding-bottom: 1rem;
33427 border-bottom: 1px solid #dee2e6;
33429 .path-mod .activity-information .completion-info {
33430 padding-top: 1rem;
33431 padding-bottom: 1rem;
33432 border-bottom: 1px solid #dee2e6;
33434 .path-mod .activity-description {
33435 padding-top: 1rem;
33436 padding-bottom: 1rem;
33438 .path-mod .activity-description > .box.py-3 {
33439 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
33440 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
33442 .path-mod .activity-description > .box.py-3:empty {
33443 display: none;
33445 .path-mod .automatic-completion-conditions .badge {
33446 font-size: 80%;
33447 padding: 0.5rem;
33448 margin-top: 0.25rem;
33449 mix-blend-mode: multiply;
33451 .path-mod .automatic-completion-conditions .badge.badge-light {
33452 background-color: #e9ecef !important; /* stylelint-disable-line declaration-no-important */
33454 .path-mod .automatic-completion-conditions .badge .icon {
33455 width: 0.7rem;
33456 height: 0.7rem;
33457 font-size: 0.7rem;
33459 .path-mod .automatic-completion-conditions .badge:first-child {
33460 margin-top: 0;
33462 .path-mod .activity-description .no-overflow p:last-child {
33463 padding-bottom: 0;
33464 margin-bottom: 0;
33467 .path-mod-choice .horizontal .choices .option {
33468 display: inline-block;
33471 .path-mod-choice .choices .option label {
33472 vertical-align: top;
33475 .path-mod-forum .forumsearch input,
33476 .path-mod-forum .forumsearch .helptooltip {
33477 margin: 0 3px;
33480 .path-mod-forum .forumheaderlist,
33481 .path-mod-forum .forumheaderlist td {
33482 border: none;
33485 .path-mod-forum .forumheaderlist thead .header,
33486 .path-mod-forum .forumheaderlist tbody .discussion td {
33487 white-space: normal;
33488 vertical-align: top;
33489 padding-left: 0.5em;
33490 padding-right: 0.5em;
33492 .path-mod-forum .forumheaderlist thead .header {
33493 white-space: normal;
33494 vertical-align: top;
33496 .path-mod-forum .forumheaderlist thead .header.replies {
33497 text-align: center;
33499 .path-mod-forum .forumheaderlist thead .header.lastpost {
33500 text-align: right;
33502 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
33503 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
33504 width: 16px;
33505 padding-left: 0.5em;
33506 padding-right: 0.5em;
33508 .path-mod-forum .forumheaderlist .discussion .replies,
33509 .path-mod-forum .forumheaderlist .discussion .lastpost {
33510 white-space: normal;
33512 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33513 .path-mod-forum .forumheaderlist .discussion .replies {
33514 text-align: center;
33516 .path-mod-forum .forumheaderlist .discussion .topic,
33517 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33518 .path-mod-forum .forumheaderlist .discussion .topic.starter,
33519 .path-mod-forum .forumheaderlist .discussion .replies,
33520 .path-mod-forum .forumheaderlist .discussion .lastpost {
33521 vertical-align: top;
33523 .path-mod-forum .discussion-list .topic {
33524 font-weight: inherit;
33527 .discussion-settings-container .custom-select {
33528 width: 100%;
33530 .discussion-settings-container input {
33531 max-width: 100%;
33534 .forumpost {
33535 border: 1px solid #dee2e6;
33536 display: block;
33537 padding: 6px;
33539 .forumpost .header {
33540 margin-bottom: 3px;
33542 .forumpost .picture img {
33543 margin: 3px;
33545 .forumpost .picture img.userpicture {
33546 margin-left: 3px;
33547 margin-right: 10px;
33549 .forumpost .content .posting.fullpost {
33550 margin-top: 8px;
33552 .forumpost .row {
33553 display: block;
33555 .forumpost .row .topic,
33556 .forumpost .row .content-mask,
33557 .forumpost .row .options {
33558 margin-left: 48px;
33560 .forumpost .row.side {
33561 clear: both;
33564 .forumpost .row .left {
33565 width: 48px;
33568 .forumpost .options .commands {
33569 margin-left: 0;
33572 .forumpost .subject {
33573 font-weight: bold;
33576 .forumsearch input[type=text] {
33577 margin-bottom: 0;
33580 #page-mod-forum-view table .fit-content {
33581 width: 1px;
33582 white-space: nowrap;
33584 #page-mod-forum-view table .limit-width {
33585 max-width: 200px;
33586 white-space: nowrap;
33587 text-overflow: ellipsis;
33588 overflow: hidden;
33590 #page-mod-forum-view table .limit-width .author-info {
33591 max-width: calc(100% - 35px - 0.5rem);
33594 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
33595 @keyframes background-highlight {
33596 from {
33597 background-color: rgba(0, 123, 255, 0.5);
33599 to {
33600 background-color: inherit;
33603 .path-mod-forum .nested-v2-display-mode,
33604 .path-mod-forum.nested-v2-display-mode {
33605 /** Reset the badge styling back to pill style. */
33606 /** Style the ratings like a badge. */
33607 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
33608 /** Fix muted text contrast ratios for accessibility. */
33609 /** Make the tag list text screen reader visible only */
33611 .path-mod-forum .nested-v2-display-mode .discussionsubscription,
33612 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
33613 margin-top: 0;
33614 text-align: inherit;
33615 margin-bottom: 0;
33617 .path-mod-forum .nested-v2-display-mode .preload-subscribe,
33618 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
33619 .path-mod-forum.nested-v2-display-mode .preload-subscribe,
33620 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
33621 display: none;
33623 .path-mod-forum .nested-v2-display-mode .post-message,
33624 .path-mod-forum.nested-v2-display-mode .post-message {
33625 line-height: 1.6;
33627 .path-mod-forum .nested-v2-display-mode .indent,
33628 .path-mod-forum.nested-v2-display-mode .indent {
33629 margin-left: 0;
33631 .path-mod-forum .nested-v2-display-mode .badge,
33632 .path-mod-forum.nested-v2-display-mode .badge {
33633 font-size: inherit;
33634 font-weight: inherit;
33635 padding-left: 0.5rem;
33636 padding-right: 0.5rem;
33637 border-radius: 10rem;
33639 .path-mod-forum .nested-v2-display-mode .badge-light,
33640 .path-mod-forum.nested-v2-display-mode .badge-light {
33641 background-color: #f6f6f6;
33642 color: #5b5b5b;
33644 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container,
33645 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
33646 background-color: #f6f6f6;
33647 color: #5b5b5b;
33648 padding: 0.25em 0.5em;
33649 line-height: 1;
33650 margin-right: 0.5rem;
33651 vertical-align: middle;
33652 border-radius: 10rem;
33653 text-align: center;
33655 .path-mod-forum .nested-v2-display-mode .ratinginput,
33656 .path-mod-forum.nested-v2-display-mode .ratinginput {
33657 padding: 0.25em 1.75rem 0.25em 0.75em;
33658 line-height: 1;
33659 height: auto;
33660 border-radius: 10rem;
33662 @media (max-width: 767.98px) {
33663 .path-mod-forum .nested-v2-display-mode .ratinginput,
33664 .path-mod-forum.nested-v2-display-mode .ratinginput {
33665 margin-top: 0.5rem;
33668 .path-mod-forum .nested-v2-display-mode .group-image,
33669 .path-mod-forum.nested-v2-display-mode .group-image {
33670 width: 35px;
33671 height: 35px;
33672 margin-right: 0;
33673 float: none;
33674 display: inline-block;
33676 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked,
33677 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
33678 position: absolute;
33679 width: 1px;
33680 height: 1px;
33681 padding: 0;
33682 margin: -1px;
33683 overflow: hidden;
33684 clip: rect(0, 0, 0, 0);
33685 white-space: nowrap;
33686 border: 0;
33688 .path-mod-forum .nested-v2-display-mode .text-muted,
33689 .path-mod-forum .nested-v2-display-mode .dimmed_text,
33690 .path-mod-forum.nested-v2-display-mode .text-muted,
33691 .path-mod-forum.nested-v2-display-mode .dimmed_text {
33692 color: #707070 !important; /* stylelint-disable-line declaration-no-important */
33694 .path-mod-forum .nested-v2-display-mode .author-header,
33695 .path-mod-forum.nested-v2-display-mode .author-header {
33696 font-style: italic;
33698 .path-mod-forum .nested-v2-display-mode .author-header .author-name,
33699 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
33700 font-style: normal;
33702 .path-mod-forum .nested-v2-display-mode .tag_list > b,
33703 .path-mod-forum.nested-v2-display-mode .tag_list > b {
33704 position: absolute;
33705 width: 1px;
33706 height: 1px;
33707 padding: 0;
33708 margin: -1px;
33709 overflow: hidden;
33710 clip: rect(0, 0, 0, 0);
33711 white-space: nowrap;
33712 border: 0;
33714 .path-mod-forum .nested-v2-display-mode :target > .focus-target,
33715 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
33716 animation-name: background-highlight;
33717 animation-duration: 1s;
33718 animation-timing-function: ease-in-out;
33719 animation-iteration-count: 1;
33721 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
33722 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
33723 border-top: 1px solid #dee2e6;
33724 padding-top: 1.5rem;
33726 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
33727 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
33728 border-top: none;
33729 padding-top: 0;
33731 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
33732 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
33733 display: none;
33735 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
33736 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
33737 margin-bottom: 0;
33739 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
33740 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
33741 width: 70px;
33742 margin-right: 24px;
33743 flex-shrink: 0;
33745 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
33746 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
33747 border: 0;
33748 resize: none;
33750 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
33751 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
33753 * The first post and first set of replies have a larger author image so offset the 2nd
33754 * set of replies by the image width + margin to ensure they align.
33757 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
33758 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
33759 padding-left: 94px;
33761 * Reduce the size of the the author image for all second level replies (and below).
33764 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
33767 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
33768 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
33769 width: 30px;
33770 margin-right: 8px;
33771 padding-top: 3px;
33773 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
33774 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
33775 padding-left: 38px;
33777 * Stop indenting the replies after the 5th reply.
33780 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
33781 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
33782 padding-left: 0;
33785 /** Extra small devices (portrait phones, less than 576px). */
33786 @media (max-width: 767.98px) {
33787 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
33788 width: 30px;
33789 margin-right: 8px;
33791 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
33792 padding-left: 38px;
33794 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
33795 padding-left: 0;
33797 #page-mod-forum-discuss.nested-v2-display-mode .group-image {
33798 width: 30px;
33799 height: 30px;
33802 .filter-scrollable {
33803 overflow-y: auto;
33804 max-height: 25em;
33805 margin-bottom: 1em;
33808 .filter-dates-popover {
33809 width: 100%;
33810 max-width: 41.5em;
33813 /* stylelint-disable-line max-line-length */
33814 @keyframes expandSearchButton {
33815 from {
33816 height: 36px;
33817 width: 36px;
33818 border-radius: 18px;
33819 background-color: #e9ecef;
33821 to {
33822 width: 100%;
33823 height: calc(1.5em + 1rem + 2px);
33824 border-radius: 0;
33825 background-color: #fff;
33826 border-color: #8f959e;
33827 padding-left: calc(0.5rem + 8px);
33828 padding-top: 0.5rem;
33829 padding-bottom: 0.5rem;
33830 font-size: 1.171875rem;
33831 @media (max-width: 1200px) {
33832 font-size: calc(0.9271875rem + 0.32625vw);
33834 line-height: 1.5;
33835 right: 0;
33838 @keyframes collapseSearchButton {
33839 from {
33840 width: 100%;
33841 height: calc(1.5em + 1rem + 2px);
33842 border-radius: 0;
33843 background-color: #fff;
33844 border-color: #8f959e;
33845 padding-left: calc(0.5rem + 8px);
33846 padding-top: 0.5rem;
33847 padding-bottom: 0.5rem;
33848 font-size: 1.171875rem;
33849 @media (max-width: 1200px) {
33850 font-size: calc(0.9271875rem + 0.32625vw);
33852 line-height: 1.5;
33853 right: 0;
33855 to {
33856 height: 36px;
33857 width: 36px;
33858 border-radius: 18px;
33859 background-color: #e9ecef;
33862 .path-mod-forum .unified-grader .navbar {
33863 max-height: none;
33864 z-index: 1;
33866 .path-mod-forum .unified-grader .body-container {
33867 overflow: auto;
33869 .path-mod-forum .unified-grader .body-container.hidden {
33870 display: none !important; /* stylelint-disable-line declaration-no-important */
33872 .path-mod-forum .unified-grader .userpicture {
33873 height: 60px;
33874 width: 60px;
33876 .path-mod-forum .unified-grader .grader-grading-panel {
33877 top: 0;
33878 position: absolute;
33879 height: 100%;
33880 z-index: 0;
33881 width: 430px;
33883 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
33884 right: -430px;
33886 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
33887 width: 36px;
33889 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
33890 max-width: 240px;
33892 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
33893 width: 36px;
33894 height: 36px;
33895 display: flex;
33896 text-align: center;
33897 align-items: center;
33898 justify-content: center;
33900 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
33901 height: 65px;
33902 position: relative;
33903 overflow: hidden;
33905 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
33906 position: absolute;
33907 top: 50%;
33908 left: 0;
33909 transform: translateY(-50%);
33910 width: 100%;
33911 height: 100%;
33912 padding: 0.5rem;
33913 padding-right: calc(36px + 0.5rem);
33914 opacity: 1;
33915 visibility: visible;
33916 transition: left 0.3s ease-in-out;
33917 z-index: 1;
33919 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
33920 animation-name: expandSearchButton;
33921 animation-duration: 0.3s;
33922 animation-timing-function: ease-in-out;
33924 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
33925 display: block;
33926 animation-name: collapseSearchButton;
33927 animation-duration: 0.3s;
33929 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
33930 overflow: hidden;
33931 position: absolute;
33932 top: 50%;
33933 right: 0;
33934 transform: translateY(-50%);
33935 z-index: 2;
33936 width: 100%;
33937 height: 100% !important; /* stylelint-disable-line declaration-no-important */
33938 padding: 0.5rem;
33940 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
33941 position: relative;
33942 overflow: visible;
33943 flex-wrap: nowrap;
33945 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
33946 padding-left: calc(0.5rem + 0.5rem + 34px);
33947 padding-right: calc(0.5rem + 36px);
33948 opacity: 1;
33949 visibility: visible;
33950 transition: opacity 0s linear 0.3s, visibility 0s linear;
33952 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
33953 position: absolute;
33954 top: 50%;
33955 left: 0.5rem;
33956 transform: translateY(-50%);
33957 color: #495057;
33958 height: 36px;
33959 width: 34px;
33960 background-color: #fff;
33961 opacity: 1;
33962 visibility: visible;
33963 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
33965 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
33966 position: absolute;
33967 top: 50%;
33968 right: 0.5rem;
33969 transform: translateY(-50%);
33970 z-index: 1;
33971 color: inherit;
33972 text-align: left;
33973 padding-left: 9px;
33974 transition: right 0s linear 0.3s;
33976 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
33977 opacity: 1;
33978 visibility: visible;
33979 max-width: 50px;
33980 max-height: 50px;
33981 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33983 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
33984 opacity: 0;
33985 visibility: hidden;
33986 max-height: 0;
33987 max-width: 0;
33988 overflow: hidden;
33989 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33991 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
33992 width: calc(36px + 0.5rem + 0.5rem);
33993 transition: width 0.3s ease-in-out;
33995 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
33996 flex-wrap: nowrap;
33998 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
33999 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
34000 opacity: 0;
34001 visibility: hidden;
34002 transition: opacity 0s linear, visibility 0s linear;
34004 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
34005 padding-left: 0;
34006 padding-right: 0;
34008 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
34009 opacity: 0;
34010 visibility: hidden;
34011 max-height: 0;
34012 max-width: 0;
34013 overflow: hidden;
34014 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34016 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
34017 opacity: 1;
34018 visibility: visible;
34019 max-width: 50px;
34020 max-height: 50px;
34021 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34023 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
34024 opacity: 0;
34025 visibility: hidden;
34026 left: -100%;
34027 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
34029 .path-mod-forum .unified-grader .grader-module-content {
34030 overflow-y: auto;
34031 margin-right: 430px;
34032 transition: margin-right 0.2s ease-in-out;
34034 @media (prefers-reduced-motion: reduce) {
34035 .path-mod-forum .unified-grader .grader-module-content {
34036 transition: none;
34039 .path-mod-forum .unified-grader .drawer-button {
34040 position: relative;
34042 .path-mod-forum .unified-grader .drawer-button.active::after {
34043 content: "";
34044 position: absolute;
34045 bottom: calc(-0.5rem - 1px);
34046 left: 0;
34047 width: 100%;
34048 height: 3px;
34049 background-color: #0f6cbf;
34051 .path-mod-forum .unified-grader .drawer-button .icon {
34052 font-size: 20px;
34053 height: 20px;
34054 width: 20px;
34056 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
34057 display: none;
34059 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
34060 display: none;
34062 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
34063 position: relative;
34065 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
34066 position: absolute;
34067 height: 100%;
34068 width: 100%;
34069 left: 0;
34070 top: 0;
34071 padding-left: calc(1rem + 45px);
34072 text-align: left;
34073 z-index: 1;
34075 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
34076 display: none;
34078 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
34079 display: block;
34080 height: auto !important; /* stylelint-disable-line declaration-no-important */
34082 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
34083 transition: margin-bottom 0.3s ease-in-out;
34085 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
34086 opacity: 1;
34087 visibility: visible;
34088 max-height: none;
34089 transition: opacity 0.3s linear, visibility 0s linear;
34091 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
34092 opacity: 1;
34093 visibility: visible;
34094 max-height: none;
34095 transition: opacity 0.3s linear, visibility 0s linear;
34097 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
34098 opacity: 1;
34099 visibility: visible;
34100 max-height: none;
34101 transition: opacity 0.3s linear, visibility 0s linear;
34103 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
34104 opacity: 0.3;
34106 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
34107 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
34109 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
34110 opacity: 0;
34111 visibility: hidden;
34112 max-height: 0;
34114 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
34115 opacity: 0;
34116 visibility: hidden;
34117 max-height: 0;
34119 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
34120 opacity: 0;
34121 visibility: hidden;
34122 max-height: 0;
34124 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
34125 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
34126 opacity: 1;
34128 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
34129 height: 250px;
34130 width: 250px;
34131 margin-right: 0;
34133 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
34134 padding-left: 94px;
34136 .path-mod-forum .unified-grader .no-search-results-container .icon {
34137 height: 250px;
34138 width: 250px;
34139 margin-right: 0;
34141 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
34142 margin-left: 94px;
34143 border-radius: 0.3rem;
34145 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
34146 position: relative;
34148 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
34149 position: absolute;
34150 top: calc(70px + 0.5rem);
34151 content: "";
34152 background-color: #e9ecef;
34153 width: 2px;
34154 height: calc(100% - 70px + 0.5rem);
34156 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
34157 width: 30px !important; /* stylelint-disable-line declaration-no-important */
34160 .path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
34161 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
34162 display: none;
34165 @media (max-width: 575.98px) {
34166 .path-mod-forum .unified-grader .grader-grading-panel {
34167 width: 100%;
34168 position: fixed;
34169 height: calc(100vh - 50px);
34170 overflow: scroll;
34171 top: 50px;
34173 .path-mod-forum .unified-grader .body-container {
34174 overflow: visible;
34177 .maincalendar .calendarmonth td,
34178 .maincalendar .calendarmonth th {
34179 border: 1px dotted #dee2e6;
34182 .path-grade-report-grader h1 {
34183 text-align: inherit;
34186 #page-mod-chat-gui_basic input#message {
34187 max-width: 100%;
34190 #page-mod-data-view #singleimage {
34191 width: auto;
34194 .template_heading {
34195 margin-top: 10px;
34198 .breadcrumb-button {
34199 margin-top: 4px;
34202 .breadcrumb-button .singlebutton {
34203 float: left;
34204 margin-left: 4px;
34207 .langmenu form {
34208 margin: 0;
34211 canvas {
34212 -ms-touch-action: auto;
34215 div#dock {
34216 display: none;
34219 /** General styles (scope: all of lesson) **/
34220 .path-mod-lesson .invisiblefieldset.fieldsetfix {
34221 display: block;
34224 .path-mod-lesson .answeroption .checkbox label p {
34225 display: inline;
34228 .path-mod-lesson .slideshow {
34229 overflow: auto;
34230 padding: 15px;
34233 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type=submit] {
34234 white-space: normal;
34237 #page-mod-lesson-view .vertical .singlebutton {
34238 display: block;
34240 #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
34241 margin-left: 0;
34242 margin-top: 1rem;
34244 #page-mod-lesson-view .fitem .felement .custom-select {
34245 align-self: flex-start;
34248 .path-mod-lesson .generaltable td {
34249 vertical-align: middle;
34251 .path-mod-lesson .generaltable td label {
34252 margin-bottom: 0;
34254 .path-mod-lesson .generaltable td .highlight {
34255 display: inline-block;
34256 margin-left: 0.25rem;
34258 .path-mod-lesson .generaltable td input[type=checkbox] {
34259 display: block;
34262 .path-mod-wiki .wiki_headingtitle,
34263 .path-mod-wiki .midpad,
34264 .path-mod-wiki .wiki_headingtime {
34265 text-align: inherit;
34268 .path-mod-wiki .wiki_contentbox {
34269 width: 100%;
34272 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
34273 background-color: rgba(0, 0, 0, 0.03);
34275 .path-mod-survey .surveytable .rblock label {
34276 text-align: center;
34279 .nav .caret {
34280 margin-left: 4px;
34283 .nav .divider {
34284 overflow: hidden;
34285 width: 0;
34288 .userloggedinas .usermenu .usertext,
34289 .userswitchedrole .usermenu .usertext,
34290 .loginfailures .usermenu .usertext {
34291 float: left;
34292 text-align: right;
34293 margin-right: 0.5rem;
34294 height: 35px;
34296 .userloggedinas .usermenu .usertext .meta,
34297 .userswitchedrole .usermenu .usertext .meta,
34298 .loginfailures .usermenu .usertext .meta {
34299 font-size: 0.8203125rem;
34300 align-items: center;
34302 .userloggedinas .usermenu .avatar img,
34303 .userswitchedrole .usermenu .avatar img,
34304 .loginfailures .usermenu .avatar img {
34305 margin: 0;
34308 .userloggedinas .usermenu .userbutton .avatars {
34309 position: relative;
34310 display: inline-block;
34312 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
34313 display: inline-block;
34314 position: absolute;
34315 bottom: 0;
34316 right: 0;
34317 width: 20px;
34318 height: 20px;
34319 border-radius: 50%;
34321 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
34322 vertical-align: baseline;
34324 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
34325 width: 20px;
34326 height: 20px;
34327 border: 1px solid #dee2e6;
34328 background-color: #fff;
34329 font-size: 0.5625rem;
34331 .userloggedinas .usermenu .userbutton .avatars .avatar img {
34332 width: inherit;
34333 height: inherit;
34335 .userloggedinas .usermenu .userbutton .avatars .realuser {
34336 width: 35px;
34337 height: 35px;
34338 display: inline-block;
34341 .userinitials {
34342 background-color: #e9ecef;
34343 vertical-align: middle;
34344 display: inline-flex;
34345 align-items: center;
34346 justify-content: center;
34347 border-radius: 50%;
34348 color: #343a40;
34349 font-weight: normal;
34350 margin-right: 0.25rem;
34352 .userinitials.size-16, .userinitials.size-30 {
34353 font-size: 0.7rem;
34354 width: 30px;
34355 height: 30px;
34357 .userinitials.size-35 {
34358 width: 35px;
34359 height: 35px;
34361 .userinitials.size-50 {
34362 width: 50px;
34363 height: 50px;
34365 .userinitials.size-64 {
34366 width: 64px;
34367 height: 64px;
34369 .userinitials.size-100 {
34370 width: 100px;
34371 height: 100px;
34372 font-size: 1.875rem;
34375 img.userpicture {
34376 margin-right: 0.25rem;
34379 @media (max-width: 767.98px) {
34380 .usertext {
34381 display: none;
34384 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
34385 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
34386 width: auto;
34387 max-width: none;
34390 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
34391 float: left;
34392 width: 20rem;
34393 display: inline-block;
34394 min-height: 12rem;
34397 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
34398 line-height: 1.5;
34399 vertical-align: bottom;
34402 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
34403 width: auto;
34404 height: 22px;
34405 justify-content: flex-start;
34408 #page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
34409 width: 90%;
34410 height: 22px;
34413 .path-mod-quiz #mod_quiz_navblock .qnbutton {
34414 text-decoration: none;
34415 font-size: 14px;
34416 line-height: 20px;
34417 font-weight: normal;
34418 background-color: #fff;
34419 background-image: none;
34420 height: 40px;
34421 width: 30px;
34422 border-radius: 3px;
34423 border: 0;
34424 overflow: hidden;
34425 white-space: nowrap;
34426 margin: 0 6px 6px 0;
34428 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
34429 cursor: default;
34430 background-color: #e9ecef;
34431 color: #495057;
34433 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
34434 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
34435 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
34436 text-decoration: underline;
34438 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
34439 border: 1px solid;
34440 border-radius: 3px;
34441 z-index: 1;
34443 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
34444 border-width: 3px;
34446 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
34447 border-width: 1px;
34449 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
34450 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
34452 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
34453 border: 0;
34454 background: #fff none center/10px no-repeat scroll;
34455 height: 20px;
34456 margin-top: 20px;
34457 border-radius: 0 0 3px 3px;
34459 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
34460 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34461 background-color: #fff;
34463 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34464 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
34466 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
34467 background-image: url([[pix:theme|mod/quiz/checkmark]]);
34468 background-color: #357a32;
34470 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
34471 background-image: url([[pix:core|t/locked]]);
34472 background-color: #e9ecef;
34474 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
34475 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
34476 background-color: #ca3120;
34478 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
34479 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
34480 background-color: #f0ad4e;
34482 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
34483 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
34484 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
34485 background-color: #6a737b;
34488 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
34489 height: 1.4em;
34490 vertical-align: middle;
34493 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
34494 padding: 0.5em 0 0.5em 0.1em;
34495 margin: 2px;
34498 /* Countdown timer. */
34499 #page-mod-quiz-attempt #region-main {
34500 overflow-x: inherit;
34503 #quiz-timer-wrapper {
34504 display: none;
34505 position: sticky;
34506 justify-content: end;
34507 top: 55px;
34508 z-index: 1020;
34510 #quiz-timer-wrapper #quiz-timer {
34511 border: 1px solid #ca3120;
34512 background-color: #fff;
34515 .pagelayout-embedded #quiz-timer-wrapper {
34516 top: 5px;
34519 #quiz-timer-wrapper #quiz-timer.timeleft0 {
34520 background-color: #ca3120;
34521 color: #fff;
34524 #quiz-timer-wrapper #quiz-timer.timeleft1 {
34525 background-color: #d73422;
34526 color: #fff;
34529 #quiz-timer-wrapper #quiz-timer.timeleft2 {
34530 background-color: #dd3d2b;
34531 color: #fff;
34534 #quiz-timer-wrapper #quiz-timer.timeleft3 {
34535 background-color: #e04938;
34536 color: #fff;
34539 #quiz-timer-wrapper #quiz-timer.timeleft4 {
34540 background-color: #e25546;
34541 color: #fff;
34544 #quiz-timer-wrapper #quiz-timer.timeleft5 {
34545 background-color: #e46153;
34546 color: #fff;
34549 #quiz-timer-wrapper #quiz-timer.timeleft6 {
34550 background-color: #e66d60;
34551 color: #fff;
34554 #quiz-timer-wrapper #quiz-timer.timeleft7 {
34555 background-color: #e8796d;
34556 color: #1d2125;
34559 #quiz-timer-wrapper #quiz-timer.timeleft8 {
34560 background-color: #ea867a;
34561 color: #1d2125;
34564 #quiz-timer-wrapper #quiz-timer.timeleft9 {
34565 background-color: #ec9288;
34566 color: #1d2125;
34569 #quiz-timer-wrapper #quiz-timer.timeleft10 {
34570 background-color: #ee9e95;
34571 color: #1d2125;
34574 #quiz-timer-wrapper #quiz-timer.timeleft11 {
34575 background-color: #f0aaa2;
34576 color: #1d2125;
34579 #quiz-timer-wrapper #quiz-timer.timeleft12 {
34580 background-color: #f2b6af;
34581 color: #1d2125;
34584 #quiz-timer-wrapper #quiz-timer.timeleft13 {
34585 background-color: #f4c2bc;
34586 color: #1d2125;
34589 #quiz-timer-wrapper #quiz-timer.timeleft14 {
34590 background-color: #f7ceca;
34591 color: #1d2125;
34594 #quiz-timer-wrapper #quiz-timer.timeleft15 {
34595 background-color: #f9dad7;
34596 color: #1d2125;
34599 #quiz-timer-wrapper #quiz-timer.timeleft16 {
34600 background-color: #fbe6e4;
34601 color: #1d2125;
34604 .path-mod-assign [data-region=grade-actions-panel] [data-region=grade-actions] .collapse-buttons {
34605 top: auto;
34608 .path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
34609 height: calc(100% - 4rem);
34612 .path-mod-assign [data-region=grade-panel] {
34613 padding-top: 1rem;
34616 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-3,
34617 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-9 {
34618 width: 100%;
34619 padding: 0;
34620 max-width: 100%;
34621 flex: none;
34624 .path-mod-assign [data-region=grade-panel] fieldset,
34625 .path-mod-assign [data-region=grade-panel] .fitem.row {
34626 margin: 0;
34629 .path-mod-assign [data-region=grade-panel] .mform .fitem.has-popout .felement {
34630 width: 100%;
34631 overflow: auto;
34632 height: calc(100% - 4rem);
34635 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement {
34636 width: auto;
34639 .path-mod-assign [data-region=grade-panel] .popout {
34640 background-color: #fff;
34643 .path-mod-assign [data-region=grade-panel] .fitem.has-popout {
34644 background-color: #fff;
34645 border-radius: 0.25rem;
34646 border: 1px solid rgba(0, 0, 0, 0.125);
34647 padding: 1.25rem;
34648 margin-bottom: 1rem;
34651 .path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
34652 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
34653 margin-bottom: 1rem;
34656 .path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
34657 display: flex;
34658 align-items: flex-start;
34659 justify-content: space-between;
34660 font-size: 1.40625rem;
34663 .path-mod-assign [data-region=grade-panel] .popout [data-region=popout-button] {
34664 margin-top: 0;
34667 .path-mod-assign [data-region=assignment-info] {
34668 overflow-y: hidden;
34671 .path-mod-assign [data-region=grading-navigation] {
34672 padding: 6px;
34675 .path-mod-assign [data-region=grade-actions] {
34676 padding: 10px;
34679 .path-mod-assign [data-region=user-info] .img-rounded {
34680 margin-top: 0;
34683 .path-mod-assign [data-region=grading-navigation-panel] {
34684 height: 85px;
34687 @media (max-width: 767px) {
34688 .path-mod-assign [data-region=grading-navigation-panel] {
34689 height: auto;
34691 .path-mod-assign [data-region=user-info] {
34692 margin-top: 1rem;
34695 .path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
34696 width: auto;
34697 display: inline-block;
34701 * Assign feedback.
34703 .assignfeedback_editpdf_widget * {
34704 box-sizing: content-box;
34707 .assignfeedback_editpdf_widget button {
34708 box-sizing: border-box;
34711 .assignfeedback_editpdf_widget .commentcolourbutton img {
34712 border-width: 0;
34715 .assignfeedback_editpdf_widget .label {
34716 position: relative;
34717 padding: 0.75rem 1.25rem;
34718 margin-bottom: 1rem;
34719 border: 0 solid transparent;
34720 border-radius: 0.25rem;
34721 color: #00434e;
34722 background-color: #cce6ea;
34723 border-color: #b8dce2;
34724 /* stylelint-disable-line max-line-length */
34726 .assignfeedback_editpdf_widget .label hr {
34727 border-top-color: #a6d3db;
34729 .assignfeedback_editpdf_widget .label .alert-link {
34730 color: #00171b;
34733 .assignfeedback_editpdf_menu {
34734 padding: 0;
34737 .path-mod-assign [data-region=grade-panel] .gradingform_guide .remark .commentchooser {
34738 float: none;
34741 .path-mod-assign [data-region=grade-panel] .gradingform_guide .markingguideremark {
34742 width: 100%;
34745 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement[data-fieldtype=grading] {
34746 padding-left: 1rem;
34747 padding-right: 1rem;
34750 .path-mod-assign [data-region=grade-panel] .showmarkerdesc,
34751 .path-mod-assign [data-region=grade-panel] .showstudentdesc {
34752 background-color: #fff;
34756 * Mod LTI.
34758 .path-admin-mod-lti .btn .loader img,
34759 .path-admin-mod-lti #tool-list-loader-container .loader img {
34760 height: auto;
34763 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
34764 background-color: #fff;
34766 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
34767 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
34768 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
34769 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34770 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34771 border: 0;
34773 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34774 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34775 border-radius: 0;
34777 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
34778 background-color: transparent;
34780 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
34781 background-color: #f8f9fa;
34783 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
34784 padding: 0 !important; /* stylelint-disable-line declaration-no-important */
34786 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
34787 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
34788 border: 0;
34789 padding: 3px 15px;
34790 white-space: nowrap;
34791 margin-bottom: 0;
34793 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
34794 padding: 10px 5px;
34796 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
34797 border-top: 1px solid #dee2e6;
34798 border-bottom: 1px solid #fff;
34800 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
34801 border-top: 1px solid #fff;
34802 border-bottom: 1px solid #dee2e6;
34803 padding: 5px 10px;
34805 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
34806 margin-right: 8px;
34807 border: 1px solid #ccc;
34808 border-radius: 4px;
34809 max-width: none;
34811 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
34812 margin: 20px 25px;
34814 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
34815 text-align: center;
34816 margin: 10px 0;
34817 font-size: 0.8203125rem;
34818 color: #495057;
34820 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34821 margin-bottom: 0.75rem;
34822 border-radius: 0.25rem;
34823 border: 1px solid rgba(0, 0, 0, 0.125);
34824 padding: 1.25rem;
34826 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
34827 float: right;
34828 font-size: 11px;
34829 color: #495057;
34831 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34832 background-color: #fff;
34834 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
34835 font-weight: bold;
34838 /* reports.less */
34839 #page-report-participation-index .participationselectform div label {
34840 display: inline-block;
34841 margin: 0 5px;
34844 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
34845 margin-left: 0;
34848 .path-backup .mform {
34849 /* These are long labels with checkboxes on the right. */
34851 .path-backup .mform .grouped_settings {
34852 clear: both;
34853 overflow: hidden;
34854 /* Use card styles but avoid extend because that brings in too much. */
34856 .path-backup .mform .grouped_settings.section_level {
34857 background-color: #fff;
34858 border-radius: 0.25rem;
34859 border: 1px solid rgba(0, 0, 0, 0.125);
34860 padding: 1.25rem;
34861 margin-bottom: 1.25rem;
34863 .path-backup .mform .grouped_settings.section_level::after {
34864 display: block;
34865 clear: both;
34866 content: "";
34868 .path-backup .mform .include_setting {
34869 width: 50%;
34870 display: inline-block;
34871 float: left;
34872 padding: 0.3rem;
34874 .path-backup .mform .normal_setting {
34875 width: 50%;
34876 display: inline-block;
34877 float: left;
34878 padding: 0.3rem;
34881 .path-backup {
34882 /* Bold section labels */
34884 .path-backup .section_level {
34885 font-weight: bold;
34887 .path-backup .section_level .activity_level {
34888 font-weight: normal;
34890 .path-backup .proceedbutton {
34891 margin-left: auto;
34894 /* Override the columns width to leave more room for the labels. */
34895 .path-backup .mform .root_setting,
34896 .path-backup .mform .grouped_settings {
34897 /* Striped rows like a table */
34899 .path-backup .mform .root_setting:nth-of-type(odd),
34900 .path-backup .mform .grouped_settings:nth-of-type(odd) {
34901 background-color: rgba(0, 0, 0, 0.03);
34903 .path-backup .mform .root_setting:nth-of-type(even),
34904 .path-backup .mform .grouped_settings:nth-of-type(even) {
34905 background-color: #fff;
34907 .path-backup .mform .root_setting .fitem,
34908 .path-backup .mform .grouped_settings .fitem {
34909 /* These checkboxes with no label on the left. */
34911 .path-backup .mform .root_setting .fitem .col-md-3.checkbox,
34912 .path-backup .mform .grouped_settings .fitem .col-md-3.checkbox {
34913 width: 0%;
34915 .path-backup .mform .root_setting .fitem .col-md-9.checkbox,
34916 .path-backup .mform .grouped_settings .fitem .col-md-9.checkbox {
34917 width: 100%;
34918 left: 0;
34921 /* Detail pair is (usually) some short label with a longer value */
34922 .path-backup .detail-pair .detail-pair-label {
34923 width: 25%;
34924 float: left;
34925 clear: left;
34927 .path-backup .detail-pair .detail-pair-value {
34928 width: 75%;
34929 float: left;
34932 .path-backup .backup-restore .singlebutton {
34933 float: right;
34936 /* Make these bits full width and work with the detail-pair */
34937 .path-backup .backup-section {
34938 /* Fix for nested table headers */
34939 /* Add card styles to backup sections */
34940 background-color: #fff;
34941 border-radius: 0.25rem;
34942 border: 1px solid rgba(0, 0, 0, 0.125);
34943 padding: 1.25rem;
34944 margin-bottom: 1.25rem;
34946 .path-backup .backup-section .sub-header,
34947 .path-backup .backup-section .backup-sub-section,
34948 .path-backup .backup-section .singlebutton,
34949 .path-backup .backup-section .header {
34950 width: 100%;
34951 float: left;
34952 clear: both;
34954 .path-backup .backup-section th.header {
34955 width: auto;
34956 float: none;
34958 .path-backup .backup-section ::after {
34959 content: "";
34960 display: table;
34961 clear: both;
34963 .path-backup .backup-section::after {
34964 display: block;
34965 clear: both;
34966 content: "";
34969 .path-backup .notification.dependencies_enforced {
34970 color: #ca3120;
34971 font-weight: bold;
34974 .path-backup .backup_progress {
34975 margin-top: 1rem;
34976 margin-bottom: 1rem;
34978 .path-backup .backup_progress .backup_stage {
34979 color: #6a737b;
34981 .path-backup .backup_progress .backup_stage.backup_stage_current {
34982 font-weight: bold;
34983 color: inherit;
34986 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
34987 color: inherit;
34990 #page-backup-restore .filealiasesfailures {
34991 background-color: #f4d6d2;
34993 #page-backup-restore .filealiasesfailures .aliaseslist {
34994 background-color: #fff;
34997 .path-backup .wibbler {
34998 width: 500px;
34999 margin: 0 auto 10px;
35000 border-bottom: 1px solid #000;
35001 border-right: 1px solid #000;
35002 border-left: 1px solid #000;
35003 position: relative;
35004 min-height: 4px;
35006 .path-backup .wibbler .wibble {
35007 position: absolute;
35008 left: 0;
35009 right: 0;
35010 top: 0;
35011 height: 4px;
35013 .path-backup .wibbler .state0 {
35014 background: #eee;
35016 .path-backup .wibbler .state1 {
35017 background: #ddd;
35019 .path-backup .wibbler .state2 {
35020 background: #ccc;
35022 .path-backup .wibbler .state3 {
35023 background: #bbb;
35025 .path-backup .wibbler .state4 {
35026 background: #aaa;
35028 .path-backup .wibbler .state5 {
35029 background: #999;
35031 .path-backup .wibbler .state6 {
35032 background: #888;
35034 .path-backup .wibbler .state7 {
35035 background: #777;
35037 .path-backup .wibbler .state8 {
35038 background: #666;
35040 .path-backup .wibbler .state9 {
35041 background: #555;
35043 .path-backup .wibbler .state10 {
35044 background: #444;
35046 .path-backup .wibbler .state11 {
35047 background: #333;
35049 .path-backup .wibbler .state12 {
35050 background: #222;
35053 .generaltable {
35054 width: 100%;
35055 margin-bottom: 1rem;
35056 color: #1d2125;
35058 .generaltable th,
35059 .generaltable td {
35060 padding: 0.75rem;
35061 vertical-align: top;
35062 border-top: 1px solid #dee2e6;
35064 .generaltable th .form-check,
35065 .generaltable td .form-check {
35066 padding: 0;
35068 .generaltable thead th,
35069 .generaltable thead td {
35070 vertical-align: bottom;
35071 border-bottom: 2px solid #dee2e6;
35073 .generaltable tbody + tbody {
35074 border-top: 2px solid #dee2e6;
35076 .generaltable tbody tr:nth-of-type(odd) {
35077 background-color: rgba(0, 0, 0, 0.03);
35079 .generaltable thead .sticky-column,
35080 .generaltable tbody tr:nth-of-type(even) {
35081 background-color: #fff;
35083 .generaltable tbody tr:nth-of-type(odd) .sticky-column {
35084 background-color: rgba(0, 0, 0, 0.03);
35086 .generaltable.table-sm th,
35087 .generaltable.table-sm td {
35088 padding: 0.3rem;
35090 .generaltable tbody tr:hover {
35091 color: #1d2125;
35092 background-color: rgba(0, 0, 0, 0.075);
35094 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
35095 color: #1d2125;
35097 .generaltable tbody tr:hover td.sticky-column {
35098 background-color: rgba(0, 0, 0, 0.075);
35101 table caption {
35102 font-size: 24px;
35103 font-weight: bold;
35104 line-height: 42px;
35105 text-align: left;
35106 caption-side: top;
35108 table .sticky-column {
35109 position: sticky;
35110 left: 0;
35111 background-color: inherit;
35114 .table-dynamic .loading-icon {
35115 position: absolute;
35116 left: calc(50% - 1.5rem);
35117 top: 200px;
35119 .table-dynamic .loading-icon .icon {
35120 height: 3rem;
35121 width: 3rem;
35122 font-size: 3rem;
35125 .singlebutton {
35126 display: inline-block;
35128 .singlebutton + .singlebutton {
35129 margin-left: 0.5rem;
35132 .continuebutton {
35133 text-align: center;
35136 p.arrow_button {
35137 margin-top: 5em;
35138 text-align: center;
35141 #addcontrols {
35142 margin-top: 11.25rem;
35143 text-align: center;
35144 margin-bottom: 3em;
35146 #addcontrols label {
35147 display: inline;
35150 #addcontrols input,
35151 #removecontrols input {
35152 width: 100%;
35153 margin: auto;
35156 .btn-lineup {
35157 margin: 0 0 10px 5px;
35160 .btn.btn-icon {
35161 height: 36px;
35162 width: 36px;
35163 font-size: 16px;
35164 line-height: 16px;
35165 padding: 0;
35166 border-radius: 50%;
35167 flex-shrink: 0;
35169 .btn.btn-icon:hover, .btn.btn-icon:focus {
35170 background-color: #e9ecef;
35172 .btn.btn-icon.icon-size-0 {
35173 height: 20px !important; /* stylelint-disable-line declaration-no-important */
35174 width: 20px !important; /* stylelint-disable-line declaration-no-important */
35175 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
35176 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
35178 .btn.btn-icon.icon-size-1 {
35179 height: 24px !important; /* stylelint-disable-line declaration-no-important */
35180 width: 24px !important; /* stylelint-disable-line declaration-no-important */
35181 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
35182 line-height: 4px !important; /* stylelint-disable-line declaration-no-important */
35184 .btn.btn-icon.icon-size-2 {
35185 height: 28px !important; /* stylelint-disable-line declaration-no-important */
35186 width: 28px !important; /* stylelint-disable-line declaration-no-important */
35187 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
35188 line-height: 8px !important; /* stylelint-disable-line declaration-no-important */
35190 .btn.btn-icon.icon-size-3 {
35191 height: 36px !important; /* stylelint-disable-line declaration-no-important */
35192 width: 36px !important; /* stylelint-disable-line declaration-no-important */
35193 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
35194 line-height: 16px !important; /* stylelint-disable-line declaration-no-important */
35196 .btn.btn-icon.icon-size-4 {
35197 height: 44px !important; /* stylelint-disable-line declaration-no-important */
35198 width: 44px !important; /* stylelint-disable-line declaration-no-important */
35199 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
35200 line-height: 24px !important; /* stylelint-disable-line declaration-no-important */
35202 .btn.btn-icon.icon-size-5 {
35203 height: 52px !important; /* stylelint-disable-line declaration-no-important */
35204 width: 52px !important; /* stylelint-disable-line declaration-no-important */
35205 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
35206 line-height: 32px !important; /* stylelint-disable-line declaration-no-important */
35208 .btn.btn-icon.icon-size-6 {
35209 height: 60px !important; /* stylelint-disable-line declaration-no-important */
35210 width: 60px !important; /* stylelint-disable-line declaration-no-important */
35211 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
35212 line-height: 40px !important; /* stylelint-disable-line declaration-no-important */
35214 .btn.btn-icon.icon-size-7 {
35215 height: 68px !important; /* stylelint-disable-line declaration-no-important */
35216 width: 68px !important; /* stylelint-disable-line declaration-no-important */
35217 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
35218 line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
35221 .btn.btn-icon.icons-collapse-expand {
35222 color: #0f6cbf;
35223 background-color: #f5f9fc;
35225 .btn.btn-icon.icons-collapse-expand:hover {
35226 outline: 2px solid #0f6cbf;
35229 .btn-primary:focus, .btn-primary.focus {
35230 outline: 0.2rem solid #000102;
35231 box-shadow: inset 0 0 0 2px #fff;
35234 .btn-secondary:focus, .btn-secondary.focus {
35235 outline: 0.2rem solid #5f6e7d;
35236 box-shadow: inset 0 0 0 2px #fff;
35239 .btn-success:focus, .btn-success.focus {
35240 outline: 0.2rem solid black;
35241 box-shadow: inset 0 0 0 2px #fff;
35244 .btn-info:focus, .btn-info.focus {
35245 outline: 0.2rem solid black;
35246 box-shadow: inset 0 0 0 2px #fff;
35249 .btn-warning:focus, .btn-warning.focus {
35250 outline: 0.2rem solid #694109;
35251 box-shadow: inset 0 0 0 2px #fff;
35254 .btn-danger:focus, .btn-danger.focus {
35255 outline: 0.2rem solid #1a0604;
35256 box-shadow: inset 0 0 0 2px #fff;
35259 .btn-light:focus, .btn-light.focus {
35260 outline: 0.2rem solid #8193a5;
35261 box-shadow: inset 0 0 0 2px #fff;
35264 .btn-dark:focus, .btn-dark.focus {
35265 outline: 0.2rem solid black;
35266 box-shadow: inset 0 0 0 2px #fff;
35269 .btn-outline-primary:focus, .btn-outline-primary.focus {
35270 outline: 0.2rem solid #000102;
35271 box-shadow: inset 0 0 0 2px #343a40;
35274 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
35275 outline: 0.2rem solid #5f6e7d;
35276 box-shadow: inset 0 0 0 2px #343a40;
35279 .btn-outline-success:focus, .btn-outline-success.focus {
35280 outline: 0.2rem solid black;
35281 box-shadow: inset 0 0 0 2px #343a40;
35284 .btn-outline-info:focus, .btn-outline-info.focus {
35285 outline: 0.2rem solid black;
35286 box-shadow: inset 0 0 0 2px #343a40;
35289 .btn-outline-warning:focus, .btn-outline-warning.focus {
35290 outline: 0.2rem solid #694109;
35291 box-shadow: inset 0 0 0 2px #343a40;
35294 .btn-outline-danger:focus, .btn-outline-danger.focus {
35295 outline: 0.2rem solid #1a0604;
35296 box-shadow: inset 0 0 0 2px #343a40;
35299 .btn-outline-light:focus, .btn-outline-light.focus {
35300 outline: 0.2rem solid #8193a5;
35301 box-shadow: inset 0 0 0 2px #343a40;
35304 .btn-outline-dark:focus, .btn-outline-dark.focus {
35305 outline: 0.2rem solid black;
35306 box-shadow: inset 0 0 0 2px #343a40;
35309 .gradetreebox {
35310 margin: 20px 0 30px 0;
35312 .gradetreebox h4 {
35313 font-size: 0.9375rem;
35315 .gradetreebox th.cell,
35316 .gradetreebox input[type=text] {
35317 width: auto;
35319 .gradetreebox input[type=text],
35320 .gradetreebox select {
35321 margin-bottom: 0;
35324 .core_grades_notices .singlebutton {
35325 display: inline-block;
35328 .path-grade-report #maincontent + .urlselect {
35329 position: absolute;
35330 left: 40vw;
35333 .path-grade-report-grader #region-main {
35334 min-width: 100%;
35335 width: auto;
35336 display: flex;
35337 flex-direction: column;
35339 .path-grade-report-grader #region-main > .card {
35340 width: auto;
35341 overflow-x: initial;
35343 .path-grade-report-grader #region-main div[role=main] {
35344 flex: 1 1 auto;
35346 .path-grade-report-grader [data-region=blocks-column] {
35347 width: 100%;
35348 clear: both;
35351 .path-grade-report-grader .gradepass,
35352 .path-grade-report-user .gradepass {
35353 color: #357a32;
35355 .path-grade-report-grader .gradefail,
35356 .path-grade-report-user .gradefail {
35357 color: #ca3120;
35360 .path-grade #region-main {
35361 overflow-x: visible;
35363 .path-grade .user-heading .userinitials {
35364 width: 50px;
35365 height: 50px;
35368 #page-grade-grading-manage #activemethodselector label {
35369 display: inline-block;
35371 #page-grade-grading-manage #activemethodselector .helptooltip {
35372 margin-right: 0.5em;
35374 #page-grade-grading-manage .actions {
35375 display: block;
35376 text-align: center;
35377 margin-bottom: 1em;
35379 #page-grade-grading-manage .actions .action {
35380 display: inline-block;
35381 position: relative;
35382 vertical-align: top;
35383 width: 150px;
35384 text-align: center;
35385 overflow: hidden;
35386 margin: 0.5em;
35387 padding: 1em;
35388 border: 1px solid #aaa;
35390 #page-grade-grading-manage .actions .action .action-text {
35391 position: relative;
35392 top: 0.4em;
35393 font-size: 14px;
35394 white-space: normal;
35397 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
35398 font-size: 70%;
35401 .gradingform_rubric {
35402 margin-bottom: 1em;
35404 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
35405 background: #dff0d8;
35407 .gradingform_rubric.evaluate .criterion .levels .level.checked {
35408 border: none;
35409 border-left: 1px solid #dee2e6;
35411 .gradingform_rubric .criterion .description {
35412 vertical-align: top;
35413 padding: 6px;
35415 .gradingform_rubric .criterion .description textarea {
35416 margin-bottom: 0;
35417 height: 115px;
35419 .gradingform_rubric .criterion .definition textarea {
35420 width: 80%;
35421 margin-bottom: 0;
35423 .gradingform_rubric .criterion .score {
35424 margin-top: 5px;
35425 margin-right: 28px;
35426 font-style: italic;
35427 font-weight: bold;
35428 color: #2d662a;
35430 .gradingform_rubric .criterion .score input {
35431 margin-bottom: 0;
35433 .gradingform_rubric .criterion .level {
35434 vertical-align: top;
35435 padding: 6px;
35437 .gradingform_rubric .criterion .level.currentchecked {
35438 background: #fff0f0;
35440 .gradingform_rubric .criterion .level.checked {
35441 background: #d0ffd0;
35442 border: 1px solid #555;
35444 .gradingform_rubric .criterion .level .delete {
35445 position: relative;
35446 width: 32px;
35447 height: 32px;
35448 margin-top: -32px;
35449 clear: both;
35450 float: right;
35452 .gradingform_rubric .criterion .level .delete input {
35453 display: block;
35454 position: absolute;
35455 right: 0;
35456 bottom: 0;
35457 height: 24px;
35458 width: 24px;
35459 margin: 0;
35461 .gradingform_rubric .criterion .level .delete input:hover {
35462 background-color: #ddd;
35464 .gradingform_rubric .criterion .scorevalue input {
35465 float: none;
35466 width: 2em;
35468 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
35469 width: 0;
35471 .gradingform_rubric .criterion .addlevel {
35472 vertical-align: top;
35473 padding-top: 6px;
35475 .gradingform_rubric .criterion .addlevel input {
35476 height: 30px;
35477 line-height: 1rem;
35479 .gradingform_rubric .addcriterion {
35480 margin-left: 5px;
35481 padding: 0;
35482 margin-bottom: 1em;
35484 .gradingform_rubric .addcriterion input {
35485 margin: 0;
35486 color: inherit;
35487 text-shadow: inherit;
35488 border: 0 none;
35489 line-height: inherit;
35490 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
35491 padding-left: 26px;
35493 .gradingform_rubric .options {
35494 clear: both;
35496 .gradingform_rubric .options .option label {
35497 margin: 0;
35498 padding: 0;
35499 font-size: inherit;
35500 font-weight: normal;
35501 line-height: 2em;
35502 color: inherit;
35503 text-shadow: none;
35504 background-color: transparent;
35506 .gradingform_rubric .options .option input {
35507 margin-left: 5px;
35508 margin-right: 12px;
35511 .grade-display .description {
35512 font-size: 1rem;
35515 .criterion .description {
35516 font-size: 1rem;
35518 .criterion .criterion-toggle .expanded-icon {
35519 display: block;
35521 .criterion .criterion-toggle .collapsed-icon {
35522 display: none;
35524 .criterion .criterion-toggle.collapsed .expanded-icon {
35525 display: none;
35527 .criterion .criterion-toggle.collapsed .collapsed-icon {
35528 display: block;
35531 .path-grade-edit-tree .collapse-list .unlist {
35532 padding-left: 2rem;
35534 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode]:focus > .collapse-list-item:first-child {
35535 background-color: #e0f0f2;
35536 border-color: #b8dce2;
35538 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][data-selected=true] > .collapse-list-item:first-child {
35539 background-color: #e0f0f2;
35540 border-color: #b8dce2;
35541 color: #0f6cbf;
35543 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode] .collapse-list-item-content[aria-hidden=true] {
35544 display: none;
35546 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=true] > .collapse-list-item .collapsed-icon {
35547 display: none;
35549 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=false] > .collapse-list-item .expanded-icon {
35550 display: none;
35552 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
35553 padding: 0.5rem 1rem;
35554 cursor: pointer;
35556 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
35557 font-weight: bold;
35559 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
35560 color: #1d2125;
35561 padding: 0 0.2rem;
35562 margin-right: 0.3rem;
35564 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
35565 font-size: 12px;
35566 width: 12px;
35567 height: 12px;
35568 margin: 0;
35570 .path-grade-edit-tree .gradetree-wrapper {
35571 padding: 10px 10px;
35572 background-color: #f8f9fa;
35574 .path-grade-edit-tree .gradetree-wrapper .setup-grades h4 {
35575 margin: 0;
35577 .path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
35578 padding: 0;
35579 width: 24px;
35580 min-width: 24px;
35581 max-width: 24px;
35583 .path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
35584 display: none;
35586 .path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
35587 font-weight: normal;
35588 padding-left: 24px;
35590 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
35591 height: 0.5rem;
35593 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden=true] {
35594 display: none;
35596 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
35597 vertical-align: bottom;
35598 border: none;
35599 text-align: left;
35600 background-color: #f8f9fa;
35602 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
35603 padding: 0;
35604 width: 24px;
35605 min-width: 24px;
35607 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
35608 min-width: 4.5em;
35609 background-color: #f8f9fa;
35610 border: none;
35611 vertical-align: middle;
35613 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small {
35614 font-size: 70%;
35616 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
35617 margin-right: 15px;
35619 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
35620 min-width: 15em;
35622 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
35623 margin-right: 5px;
35625 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
35626 display: none;
35628 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
35629 padding: 0;
35631 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
35632 display: block;
35633 width: 100%;
35634 margin: 5px 0 5px 0;
35635 padding: 3px 0 3px 0;
35637 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
35638 border-top: 2px dashed #8f959e;
35639 margin: 0;
35641 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
35642 border-top: 2px dashed #0f6cbf;
35644 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
35645 background-color: #fff;
35646 border-top: 1px solid #dee2e6;
35647 border-bottom: 1px solid #dee2e6;
35649 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
35650 border-left: 1px solid #dee2e6;
35652 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
35653 border-right: 1px solid #dee2e6;
35655 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
35656 font-weight: bold;
35658 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
35659 display: flex;
35660 min-height: 30px;
35661 align-items: center;
35663 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check {
35664 padding: 0;
35666 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check .itemselect {
35667 margin-right: 5px;
35669 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
35670 height: 24px;
35671 width: 24px;
35672 font-size: 12px;
35673 line-height: 24px;
35674 margin-right: 3px;
35676 .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 {
35677 display: none;
35679 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
35680 font-size: 12px;
35681 width: 12px;
35682 height: 12px;
35683 color: #1d2125;
35684 margin: 0;
35686 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
35687 background-color: #fff;
35688 border-top: 3px solid #f8f9fa;
35690 .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 {
35691 min-width: 4.5em;
35692 background-color: #f8f9fa;
35693 border: none;
35694 vertical-align: middle;
35696 .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 {
35697 padding-left: 0;
35699 .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) {
35700 font-weight: bold;
35702 .path-grade-edit-tree .gradetree-wrapper .badge-light {
35703 color: #1d2125;
35704 background-color: #ced4da;
35705 margin-right: 0.5em;
35706 margin-bottom: 0.5em;
35710 * Grader report.
35712 .path-grade-report-grader .gradeparent tr .cell,
35713 .path-grade-report-grader .gradeparent .floater .cell {
35714 background-color: #fff;
35716 .path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,
35717 .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
35718 z-index: 1;
35720 .path-grade-report-grader .gradeparent table,
35721 .path-grade-report-grader .gradeparent .cell {
35722 border-color: #dee2e6;
35724 .path-grade-report-grader .gradeparent .heading .cell,
35725 .path-grade-report-grader .gradeparent .cell.category,
35726 .path-grade-report-grader .gradeparent .avg .cell {
35727 background-color: #f8f9fa;
35729 .path-grade-report-grader .gradeparent table .clickable {
35730 cursor: pointer;
35732 .path-grade-report-grader .gradeparent tr.heading {
35733 position: sticky;
35734 top: 50px;
35735 z-index: 4;
35737 .path-grade-report-grader .gradeparent tr.userrow th {
35738 z-index: 2;
35740 .path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
35741 z-index: 3;
35743 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
35744 position: sticky;
35745 bottom: -1px;
35747 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
35748 z-index: 4;
35750 .path-grade-report-grader .gradeparent tr.lastrow td,
35751 .path-grade-report-grader .gradeparent tr.lastrow th {
35752 border-top: 1px solid #dee2e6;
35754 .path-grade-report-grader .gradeparent th.header {
35755 left: 0;
35756 position: sticky;
35758 .path-grade-report-grader .gradeparent th.header#studentheader {
35759 z-index: 1;
35761 .path-grade-report-grader .gradeparent td.noborder {
35762 border-right: transparent;
35764 .path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
35765 bottom: calc(max(80px, 0.9375rem * 3) - 1px);
35769 * User report.
35771 .path-grade-report-user .user-grade {
35772 border: none;
35774 .path-grade-report-user .user-grade.generaltable .levelodd {
35775 background-color: rgba(0, 0, 0, 0.03);
35777 .path-grade-report-user .user-grade .column-contributiontocoursetotal,
35778 .path-grade-report-user .user-grade .column-range,
35779 .path-grade-report-user .user-grade .column-percentage,
35780 .path-grade-report-user .user-grade .column-weight {
35781 /*rtl:ignore*/
35782 direction: ltr;
35786 * Single view.
35788 .path-grade-report-singleview .reporttable input[name^=finalgrade] {
35789 width: 80px;
35790 display: inline-block;
35792 .path-grade-report-singleview .reporttable .action-menu {
35793 display: inline-block;
35794 margin-left: 0.5rem;
35795 float: right;
35797 .path-grade-report-singleview .reporttable .dropdown-toggle::after {
35798 display: none;
35801 .gradereport-grader-table input[name^=grade] {
35802 width: 80px;
35803 display: inline-block;
35805 .gradereport-grader-table .dropdown-toggle::after {
35806 display: none;
35809 .search-widget .dropdown-menu {
35810 padding: 0.8rem 1.2rem;
35812 .search-widget .dropdown-menu.wide {
35813 width: 350px;
35815 .search-widget .dropdown-menu.narrow {
35816 width: 250px;
35818 .search-widget .dropdown-menu .dropdown-item span.email {
35819 color: #6a737b;
35821 .search-widget .dropdown-menu .dropdown-item:hover span,
35822 .search-widget .dropdown-menu .dropdown-item:active span {
35823 color: #fff;
35825 .search-widget .dropdown-menu .searchresultscontainer {
35826 height: 178px;
35827 font-size: 90%;
35829 .search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
35830 height: 178px;
35831 max-height: 178px;
35832 overflow: auto;
35834 .search-widget .dropdown-menu .unsearchablecontentcontainer {
35835 border-top: 1px solid #dee2e6;
35836 padding-top: 10px;
35837 font-size: 90%;
35840 #fitem_id_submitbutton {
35841 padding-right: 2em;
35844 .gradestatus {
35845 padding-top: 10px;
35848 .gradestatus .icon {
35849 margin-right: 1rem;
35852 .columns-autoflow-1to1to1 {
35853 column-count: 3;
35856 @media (max-width: 767px) {
35857 .columns-autoflow-1to1to1 {
35858 column-count: 1;
35861 /* some very targetted corrections to roll back nameclashes between
35862 * Moodle and Bootstrap like .row, .label, .content, .controls
35864 * Mostly relies on these styles being more specific than the Bootstrap
35865 * ones in order to overule them.
35867 li.activity.label,
35868 .file-picker td.label {
35869 background: inherit;
35870 color: inherit;
35871 border: inherit;
35872 text-shadow: none;
35873 white-space: normal;
35874 display: block;
35875 font-size: inherit;
35876 line-height: inherit;
35877 text-align: inherit;
35880 .file-picker td.label {
35881 display: table-cell;
35882 text-align: right;
35883 padding: 8px;
35886 .choosercontainer #chooseform .option {
35887 font-size: 12px;
35890 /* block.invisible vs .invisible
35891 * block.hidden vs .invisible
35893 * uses .invisible where the rest of Moodle uses @mixin dimmed
35894 * fixible in block renderer?
35896 * There's seems to be even more naming confusion here since,
35897 * blocks can be actually 'visible' (or not) to students,
35898 * marked 'visible' but really just dimmed to indicate to editors
35899 * that students can't see them or 'visible' to the user who
35900 * collapses them, 'visible' if you have the right role and in
35901 * different circumstances different sections of a block can
35902 * be 'visible' or not.
35904 * currently worked around in renderers.php function block{}
35905 * by rewriting the class name "invisible" to "dimmed",
35906 * though the blocks don't look particularly different apart
35907 * from their contents disappearing. Maybe try .muted? or
35908 * dimming all the edit icons apart from unhide, might be a
35909 * nice effect, though they'd still be active. Maybe reverse
35910 * it to white?
35912 li.section.hidden,
35913 .block.hidden,
35914 .block.invisible {
35915 visibility: visible;
35916 display: block;
35919 /* .row vs .row
35921 * very tricky to track down this when it goes wrong,
35922 * since the styles are applied to generated content
35924 * basically if you see things shifted left or right compared
35925 * with where they should be check for a .row
35927 .forumpost .row {
35928 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
35931 .forumpost .row:before,
35932 .forumpost .row:after {
35933 content: none;
35936 /* fieldset.hidden vs .hidden
35938 * Moodle uses fieldset.hidden for mforms, to signify a collection of
35939 * form elements that don't have a box drawn round them. Bootstrap
35940 * uses hidden for stuff that is hidden in various responsive modes.
35942 * Relatedly, there is also fieldset.invisiblefieldset which hides the
35943 * border and sets the display to inline.
35945 * Originally this just set block and visible, but it is used
35946 * in random question dialogue in Quiz,
35947 * that dialogue is hidden and shown, so when hidden the
35948 * above workaround leaves you with a button floating around
35950 fieldset.hidden {
35951 display: inherit;
35952 visibility: inherit;
35955 /* .container vs .container
35957 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
35958 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
35959 * it becomes near unuseable.
35961 #questionbank + .container {
35962 width: auto;
35965 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
35966 display: block;
35967 margin-top: -6px;
35970 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
35971 .langmenu.open > .dropdown-menu {
35972 display: block;
35973 max-height: 150px;
35974 overflow-y: auto;
35977 .navbar.fixed-top .dropdown .dropdown-menu {
35978 max-height: calc(100vh - 50px);
35979 overflow-y: auto;
35982 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
35983 z-index: inherit;
35986 .custom-select {
35987 word-wrap: normal;
35990 /* Add commented out carousel transistions back in.
35992 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
35994 .carousel-item-next.carousel-item-left,
35995 .carousel-item-prev.carousel-item-right {
35996 transform: translateX(0);
35999 .carousel-item-next,
36000 .active.carousel-item-right {
36001 transform: translateX(100%);
36004 .carousel-item-prev,
36005 .active.carousel-item-left {
36006 transform: translateX(-100%);
36010 * Reset all of the forced style on the page.
36011 * - Remove borders on header and content.
36012 * - Remove most of the vertical padding.
36013 * - Make the content region flex grow so it pushes things like the
36014 * next activity selector to the bottom of the page.
36016 body.behat-site .fixed-top {
36017 position: absolute;
36019 body.behat-site.hasstickyfooter .stickyfooter,
36020 body.behat-site .stickyfooter {
36021 position: inherit;
36022 z-index: inherit;
36024 body.behat-site.hasstickyfooter .stickyfooter .sticky-footer-content-wrapper,
36025 body.behat-site .stickyfooter .sticky-footer-content-wrapper {
36026 padding: 0;
36027 margin: 0;
36029 body.behat-site .dropdown-item {
36030 margin-top: 4px !important; /* stylelint-disable declaration-no-important */
36032 body.behat-site.drawer-ease {
36033 -webkit-transition: initial;
36034 -moz-transition: initial;
36035 transition: initial;
36037 body.behat-site [data-region=drawer] {
36038 -webkit-transition: initial;
36039 -moz-transition: initial;
36040 transition: initial;
36041 position: absolute;
36043 body.behat-site .custom-control,
36044 body.behat-site .custom-switch {
36045 padding-left: 0;
36047 body.behat-site .custom-control-input {
36048 position: static;
36049 z-index: 0;
36050 opacity: 1;
36051 width: auto;
36053 body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
36054 content: none;
36056 body.behat-site [data-region=message-drawer] {
36057 padding-right: 10px;
36059 body.behat-site.jsenabled #page-footer .footer-content-popover {
36060 display: block;
36062 body.behat-site.path-grade-report-grader .gradeparent tr.heading,
36063 body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,
36064 body.behat-site.path-grade-report-grader .gradeparent th.header {
36065 position: relative;
36066 left: auto;
36068 body.behat-site.path-grade-report-grader .gradeparent tr.heading {
36069 top: auto;
36072 .phpinfo table,
36073 .phpinfo th,
36074 .phpinfo h2 {
36075 margin: auto;
36078 .phpinfo .e,
36079 .phpinfo .v,
36080 .phpinfo .h {
36081 border: 1px solid #000;
36082 font-size: 0.8em;
36083 vertical-align: baseline;
36084 color: #000;
36085 background-color: #ccc;
36088 .phpinfo .e {
36089 background-color: #ccf;
36090 font-weight: bold;
36093 .phpinfo .h {
36094 background-color: #99c;
36095 font-weight: bold;
36098 body > .debuggingmessage {
36099 margin-top: 50px;
36102 body > .debuggingmessage ~ .debuggingmessage {
36103 margin-top: 0.5rem;
36107 * This file contains the styles required to make the footer sticky.
36109 html,
36110 body {
36111 height: 100%;
36114 .stickyfooter {
36115 position: fixed;
36116 right: 0;
36117 left: 0;
36118 height: max(80px, 0.9375rem * 3);
36119 bottom: calc(max(80px, 0.9375rem * 3) * -1);
36120 transition: bottom 0.5s;
36121 z-index: 1030;
36122 overflow: hidden;
36123 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
36124 font-size: calc(0.9375rem * 1.10);
36126 @media (min-width: 768px) {
36127 .pagelayout-standard .stickyfooter .sticky-footer-content, body.limitedwidth.uses-drawers .stickyfooter .sticky-footer-content {
36128 max-width: 830px;
36130 body.mediumwidth.uses-drawers .stickyfooter .sticky-footer-content {
36131 max-width: 1120px;
36134 .stickyfooter .sticky-footer-content-wrapper {
36135 transition: 0.2s;
36137 @media (prefers-reduced-motion: reduce) {
36138 .stickyfooter .sticky-footer-content-wrapper {
36139 transition: none;
36142 @media (min-width: 992px) {
36143 .stickyfooter .sticky-footer-content-wrapper .drawers {
36144 padding: 0 3rem;
36146 .show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36147 margin-left: 285px;
36148 padding: 0 3rem 0 1rem;
36150 .show-drawer-right .stickyfooter .sticky-footer-content-wrapper {
36151 margin-right: 315px;
36152 padding: 0 1rem 0 3rem;
36154 .show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36155 padding: 0 1rem;
36159 .hasstickyfooter .stickyfooter {
36160 bottom: 0;
36163 /* Standard components fixes for sticky footer. */
36164 .stickyfooter ul.pagination {
36165 margin-bottom: 0.25rem;
36168 .stickyfooter .btn {
36169 font-size: calc(0.9375rem * 1.10);
36172 /* Breakpoints fixes. */
36173 @media (min-width: 576px) {
36174 #page-wrapper {
36175 height: 100%;
36176 display: flex;
36177 flex-direction: column;
36179 #page-wrapper #page {
36180 display: flex;
36181 flex-direction: column;
36183 #page-wrapper #page:not(.drawers) {
36184 flex: 1 0 auto;
36186 #page-wrapper #page #page-content {
36187 flex: 1 0 auto;
36189 #page-wrapper #page-footer {
36190 flex-shrink: 0;
36193 @media (max-width: 767.98px) {
36194 #page-wrapper {
36195 height: 100%;
36196 display: flex;
36197 flex-direction: column;
36199 #page-wrapper #page {
36200 display: flex;
36201 flex-direction: column;
36203 #page-wrapper #page:not(.drawers) {
36204 flex: 1 0 auto;
36207 .popover-region {
36208 position: relative;
36210 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
36211 display: none;
36213 .popover-region.collapsed .popover-region-container {
36214 opacity: 0;
36215 visibility: hidden;
36216 height: 0;
36217 overflow: hidden;
36218 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36221 .popover-region-toggle {
36222 cursor: pointer;
36224 .popover-region-toggle::before {
36225 content: "";
36226 display: inline-block;
36227 border-left: 10px solid transparent;
36228 border-right: 10px solid transparent;
36229 border-bottom: 10px solid #ddd;
36230 position: absolute;
36231 bottom: 0;
36232 right: 7px;
36234 .popover-region-toggle::after {
36235 content: "";
36236 display: inline-block;
36237 border-left: 9px solid transparent;
36238 border-right: 9px solid transparent;
36239 border-bottom: 9px solid #fff;
36240 position: absolute;
36241 bottom: -1px;
36242 right: 8px;
36243 z-index: 2;
36246 .count-container {
36247 padding: 2px;
36248 border-radius: 2px;
36249 background-color: #ca3120;
36250 color: #fff;
36251 font-size: 11px;
36252 line-height: 11px;
36253 position: absolute;
36254 top: 5px;
36255 right: 0;
36258 .popover-region-container {
36259 opacity: 1;
36260 visibility: visible;
36261 position: absolute;
36262 right: 0;
36263 top: 0;
36264 height: 500px;
36265 width: 380px;
36266 border: 1px solid #ddd;
36267 transition: height 0.25s;
36268 background-color: #fff;
36269 z-index: 1;
36272 .popover-region-header-container {
36273 height: 25px;
36274 line-height: 25px;
36275 padding-left: 5px;
36276 padding-right: 5px;
36277 border-bottom: 1px solid #ddd;
36278 box-sizing: border-box;
36281 .popover-region-footer-container {
36282 height: 30px;
36283 text-align: center;
36284 border-top: 1px solid #ddd;
36285 background-color: #fff;
36286 padding-top: 3px;
36289 .popover-region-header-text {
36290 float: left;
36291 margin: 0;
36292 font-size: 14px;
36293 line-height: 25px;
36296 .popover-region-header-actions {
36297 float: right;
36299 .popover-region-header-actions > * {
36300 margin-left: 10px;
36301 min-width: 20px;
36302 display: inline-block;
36304 .popover-region-header-actions .loading-icon {
36305 display: none;
36306 height: 12px;
36307 width: 12px;
36309 .popover-region-header-actions .newmessage-link {
36310 margin-right: 10px;
36312 .popover-region-header-actions label {
36313 display: inline-block;
36314 text-align: center;
36315 margin-bottom: 0;
36318 .popover-region-content-container {
36319 height: calc(100% - 55px);
36320 width: 100%;
36321 overflow-y: auto;
36322 -webkit-overflow-scrolling: touch;
36324 .popover-region-content-container > .loading-icon {
36325 display: none;
36326 text-align: center;
36327 padding: 5px;
36328 box-sizing: border-box;
36330 .popover-region-content-container .empty-message {
36331 display: none;
36332 text-align: center;
36333 padding: 10px;
36335 .popover-region-content-container.loading > .loading-icon {
36336 display: block;
36338 .popover-region-content-container.loading .empty-message {
36339 display: none;
36342 .navbar-nav .popover-region .icon {
36343 font-weight: bolder;
36345 .navbar-nav .popover-region .notification-image .icon {
36346 font-weight: 400;
36349 .navbar .popover-region.collapsed .popover-region-container {
36350 opacity: 0;
36351 visibility: hidden;
36352 height: 0;
36353 overflow: hidden;
36354 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36356 .navbar .count-container {
36357 padding: 2px;
36358 border-radius: 2px;
36359 background-color: #ca3120;
36360 color: #fff;
36361 font-size: 11px;
36362 line-height: 11px;
36363 position: absolute;
36364 top: 12.5px;
36365 right: 0;
36367 .navbar .popover-region-container {
36368 top: 50px;
36371 .content-item-container {
36372 width: 100%;
36373 border-bottom: 1px solid #ddd;
36374 box-sizing: border-box;
36375 padding: 5px;
36376 position: relative;
36377 margin: 0;
36378 display: block;
36379 color: inherit;
36380 text-decoration: none;
36382 .content-item-container:hover {
36383 color: #fff;
36384 background-color: #0f6cbf;
36386 .content-item-container:hover .content-item-footer .timestamp {
36387 color: #fff;
36389 .content-item-container:hover .view-more {
36390 color: inherit;
36392 .content-item-container.unread {
36393 margin: 0;
36394 background-color: #f4f4f4;
36396 .content-item-container.unread:hover {
36397 color: #fff;
36398 background-color: #0f6cbf;
36400 .content-item-container.unread .content-item-body .notification-message {
36401 font-weight: 600;
36403 .content-item-container .context-link {
36404 color: inherit;
36405 text-decoration: none;
36407 .content-item-container .content-item-body {
36408 box-sizing: border-box;
36409 margin-bottom: 5px;
36411 .content-item-container .content-item-footer {
36412 text-align: left;
36413 box-sizing: border-box;
36415 .content-item-container .content-item-footer .timestamp {
36416 font-size: 10px;
36417 line-height: 10px;
36418 margin: 0;
36419 color: inherit;
36420 margin-left: 24px;
36422 .content-item-container .view-more {
36423 position: absolute;
36424 bottom: 5px;
36425 right: 5px;
36426 font-size: 12px;
36427 line-height: 12px;
36429 .content-item-container .view-more:hover {
36430 color: inherit;
36432 .content-item-container.notification .content-item-body .notification-image {
36433 display: inline-block;
36434 width: 24px;
36435 height: 24px;
36436 float: left;
36438 .content-item-container.notification .content-item-body .notification-image img {
36439 height: 75%;
36441 .content-item-container.notification .content-item-body .notification-message {
36442 display: inline-block;
36443 font-size: 12px;
36444 width: calc(100% - 24px);
36446 .content-item-container.selected {
36447 background-color: #3279b3;
36448 color: #fff;
36449 border-color: #3279b3;
36451 .content-item-container.selected .content-item-footer .timestamp {
36452 color: #fff;
36455 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
36456 display: inline-block;
36458 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
36459 display: none;
36461 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
36462 display: inline-block;
36464 .popover-region-notifications .all-notifications {
36465 opacity: 1;
36466 visibility: visible;
36467 height: auto;
36468 overflow: hidden;
36470 .popover-region-notifications .all-notifications:empty + .empty-message {
36471 display: block;
36473 .popover-region-notifications .notification-image {
36474 display: inline-block;
36475 width: 8%;
36476 vertical-align: top;
36478 .popover-region-notifications .notification-image img {
36479 height: 75%;
36481 .popover-region-notifications .notification-message {
36482 display: inline-block;
36483 font-size: 12px;
36485 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
36486 display: none;
36489 .popover-region-messages .mark-all-read-button .normal-icon {
36490 display: inline-block;
36492 .popover-region-messages .mark-all-read-button.loading .normal-icon {
36493 display: none;
36495 .popover-region-messages .mark-all-read-button.loading .loading-icon {
36496 display: inline-block;
36498 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
36499 display: none;
36501 .popover-region-messages .messages:empty + .empty-message {
36502 display: block;
36504 .popover-region-messages .content-item-container.unread .content-item-body {
36505 font-weight: 600;
36506 width: calc(90% - 30px);
36508 .popover-region-messages .content-item-container.unread .unread-count-container {
36509 display: inline-block;
36510 width: 10%;
36511 text-align: center;
36512 float: right;
36514 .popover-region-messages .content-item {
36515 height: 100%;
36516 width: 100%;
36517 box-sizing: border-box;
36519 .popover-region-messages .profile-image-container {
36520 width: 30px;
36521 display: inline-block;
36522 text-align: center;
36523 float: left;
36525 .popover-region-messages .profile-image-container img {
36526 width: 100%;
36527 display: inline-block;
36528 vertical-align: middle;
36529 border-radius: 50%;
36531 .popover-region-messages .content-item-body {
36532 display: inline-block;
36533 box-sizing: border-box;
36534 width: calc(100% - 30px);
36535 font-size: 12px;
36536 padding-left: 10px;
36537 overflow: hidden;
36539 .popover-region-messages .content-item-body h3 {
36540 font-size: 12px;
36541 line-height: 12px;
36542 margin: 0;
36543 width: 100%;
36545 .popover-region-messages .content-item-body p {
36546 margin: 0;
36548 .popover-region-messages .unread-count-container {
36549 display: none;
36552 @media (max-width: 767px) {
36553 .navbar .popover-region .popover-region-container {
36554 right: -70px;
36557 @media (max-width: 480px) {
36558 .navbar .popover-region .popover-region-container {
36559 position: fixed;
36560 top: 46px;
36561 right: 0;
36562 left: 0;
36563 bottom: 0;
36564 width: auto;
36565 height: auto;
36569 * Tour step must sit above all other UI components.
36570 * The backdrop is the lowest point in the tour.
36571 * Everything else is in the container, and the target background should be at the same z-index.
36572 * ----- moodle
36573 * ---- step backdrop
36574 * --- step container
36575 * --- step target background
36577 div[data-flexitour=backdrop] {
36578 background-color: #000;
36579 opacity: 0.5;
36580 z-index: 1040;
36583 div[data-flexitour=step-background-fader],
36584 div[data-flexitour=step-background] {
36585 border-radius: 0.3rem;
36586 padding: 10px;
36587 z-index: 1041;
36590 span[data-flexitour=container],
36591 div[data-flexitour=step-background-fader],
36592 [data-flexitour=step-backdrop] > td,
36593 [data-flexitour=step-backdrop] {
36594 z-index: 1042;
36597 span[data-flexitour=container] .modal-dialog {
36599 * Remove all margins to:
36600 * 1) ensure that the arrow touches the target; and
36601 * 2) ensure that the focus border touches the modal.
36603 margin: 0;
36605 span[data-flexitour=container] div[data-role=arrow] {
36606 border-width: 1rem;
36608 span[data-flexitour=container] div[data-role=arrow],
36609 span[data-flexitour=container] div[data-role=arrow]:after {
36610 position: absolute;
36611 display: block;
36612 width: 0;
36613 height: 0;
36614 border-color: transparent;
36615 border-style: solid;
36616 border-width: 1rem;
36618 span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
36619 margin-bottom: 1rem;
36621 span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
36622 bottom: -1rem;
36623 left: 50%;
36624 margin-left: -1rem;
36625 border-bottom-width: 0;
36626 border-top-color: rgba(0, 0, 0, 0.25);
36628 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 {
36629 bottom: 1px;
36630 margin-left: -1rem;
36631 content: " ";
36632 border-bottom-width: 0;
36633 border-top-color: #fff;
36635 span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
36636 margin-top: 1rem;
36638 span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
36639 top: -1rem;
36640 left: 50%;
36641 margin-left: -1rem;
36642 border-top-width: 0;
36643 border-bottom-color: rgba(0, 0, 0, 0.25);
36645 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 {
36646 top: 1px;
36647 margin-left: -1rem;
36648 content: " ";
36649 border-top-width: 0;
36650 border-bottom-color: #fff;
36652 span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
36653 margin-right: 1rem;
36655 span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
36656 right: -1rem;
36657 top: 50%;
36658 margin-top: -1rem;
36659 border-right-width: 0;
36660 border-left-color: rgba(0, 0, 0, 0.25);
36662 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 {
36663 right: 1px;
36664 margin-top: -1rem;
36665 content: " ";
36666 border-right-width: 0;
36667 border-left-color: #fff;
36669 span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
36670 margin-left: 1rem;
36672 span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
36673 left: -1rem;
36674 top: 50%;
36675 margin-top: -1rem;
36676 border-left-width: 0;
36677 border-right-color: rgba(0, 0, 0, 0.25);
36679 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 {
36680 left: 1px;
36681 margin-top: -1rem;
36682 content: " ";
36683 border-left-width: 0;
36684 border-right-color: #fff;
36686 .dir-rtl span[data-flexitour=container][x-placement^=right] {
36687 margin-left: 1rem;
36689 .dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
36690 transform: rotate(180deg);
36691 left: -1rem;
36692 right: auto;
36694 .dir-rtl span[data-flexitour=container][x-placement^=left] {
36695 margin-right: 1rem;
36697 .dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
36698 transform: rotate(180deg);
36699 left: auto;
36700 right: -1rem;
36703 [data-region=drawer] [data-flexitour=container] {
36704 /*rtl:ignore*/
36705 margin-left: -15px;
36706 width: 275px;
36709 @media print {
36710 body.drawer-open-left.jsenabled,
36711 body.drawer-open-right.jsenabled {
36712 margin: 0;
36714 .container {
36715 width: auto;
36718 .modal .modal-body > .loading-icon {
36719 display: block;
36720 position: relative;
36721 width: 100%;
36722 height: 100%;
36724 .modal .modal-body > .loading-icon .icon {
36725 position: absolute;
36726 top: 50%;
36727 /*rtl:ignore*/
36728 left: 50%;
36729 transform: translate(-50%, -50%);
36731 .modal .close {
36732 margin: -0.8rem -0.8rem -0.8rem auto;
36734 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
36735 opacity: inherit;
36738 .layout.fullscreen {
36739 height: 100vh;
36740 position: fixed;
36741 top: 0;
36742 left: 0;
36743 z-index: 1040;
36744 transition: 0.5s;
36745 width: 100vw;
36746 margin: 0;
36747 opacity: 1;
36748 background-color: #fff;
36750 @media (prefers-reduced-motion: reduce) {
36751 .layout.fullscreen {
36752 transition: none;
36755 .layout.fullscreen > div {
36756 height: 100%;
36757 width: 100%;
36759 .layout.fullscreen .loading-icon {
36760 margin-left: auto;
36761 margin-right: auto;
36762 text-align: center;
36763 display: inline-block;
36764 width: 100%;
36765 top: 40%;
36766 position: fixed;
36768 .layout.fullscreen .loading-icon .icon {
36769 width: 1em;
36770 height: 1em;
36771 font-size: 4em;
36774 #page.drawers {
36775 margin-top: 50px;
36776 scrollbar-width: thin;
36777 scrollbar-color: #6a737b #f8f9fa;
36779 #page.drawers::-webkit-scrollbar {
36780 width: 12px;
36782 #page.drawers::-webkit-scrollbar-track {
36783 background: #f8f9fa;
36785 #page.drawers::-webkit-scrollbar-thumb {
36786 background-color: #6a737b;
36787 border-radius: 20px;
36788 border: 3px solid #f8f9fa;
36790 #page.drawers::-webkit-scrollbar-thumb:hover {
36791 background-color: #495057;
36793 #page.drawers .main-inner {
36794 max-width: 100%;
36795 width: 100%;
36796 margin: 0 auto;
36797 border-radius: 0.25rem;
36798 background-color: #fff;
36799 padding: 1.5rem 0.5rem;
36800 margin-top: 0.5rem;
36801 margin-bottom: 3rem;
36802 flex: 1 0 auto;
36804 #page.drawers .activity-header {
36805 margin-left: 15px;
36806 margin-right: 15px;
36809 @media (min-width: 768px) {
36810 .pagelayout-standard #page.drawers .main-inner,
36811 body.limitedwidth #page.drawers .main-inner {
36812 max-width: 830px;
36814 .pagelayout-standard #page.drawers .footer-popover,
36815 body.limitedwidth #page.drawers .footer-popover {
36816 max-width: 830px;
36817 width: 100%;
36818 margin: 0 auto;
36819 border-radius: 0.25rem;
36821 body.mediumwidth #page.drawers .main-inner {
36822 max-width: 1120px;
36824 body.mediumwidth #page.drawers .footer-popover {
36825 max-width: 1120px;
36826 width: 100%;
36827 margin: 0 auto;
36828 border-radius: 0.25rem;
36830 .header-maxwidth {
36831 max-width: 830px;
36832 margin: 0 auto;
36833 padding-left: 15px;
36834 padding-right: 15px;
36836 .header-maxwidth .header-inner {
36837 padding-left: 0;
36838 padding-right: 0;
36841 .drawer-toggles .drawer-toggler {
36842 position: fixed;
36843 top: calc(50px + 0.7rem);
36844 z-index: 2;
36846 .drawer-toggles .drawer-toggler .btn {
36847 border-radius: 200px;
36848 padding: 16px;
36849 background-color: #dee2e6;
36850 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
36851 transition: padding 200ms;
36853 .drawer-toggles .drawer-toggler .btn .icon {
36854 width: auto;
36855 height: auto;
36857 .drawer-toggles .drawer-toggler .btn:focus {
36858 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
36860 .drawer-toggles .drawer-left-toggle {
36861 left: 0;
36863 .drawer-toggles .drawer-left-toggle .btn {
36864 border-top-left-radius: 0;
36865 border-bottom-left-radius: 0;
36866 padding-right: 14px;
36867 padding-left: 10px;
36869 .drawer-toggles .drawer-left-toggle .btn:hover {
36870 padding-left: 20px;
36872 .drawer-toggles .drawer-right-toggle {
36873 right: 0;
36875 .drawer-toggles .drawer-right-toggle .btn {
36876 border-top-right-radius: 0;
36877 border-bottom-right-radius: 0;
36878 padding-right: 10px;
36879 padding-left: 14px;
36881 .drawer-toggles .drawer-right-toggle .btn:hover {
36882 padding-right: 20px;
36885 #page.drawers.show-drawer-left .drawer-left-toggle {
36886 display: none;
36889 #page.drawers.show-drawer-right .drawer-right-toggle {
36890 display: none;
36893 @media (max-width: 767.98px) {
36894 .drawer-toggles {
36895 z-index: 100;
36897 .drawer-toggles .drawer-right-toggle,
36898 .drawer-toggles .drawer-left-toggle {
36899 top: calc(99vh - (50px * 2.5));
36901 #page.drawers.scroll-down .drawer-right-toggle {
36902 transform: translateX(150%);
36903 pointer-events: auto;
36904 visibility: hidden;
36906 #page.drawers.scroll-down .drawer-left-toggle {
36907 transform: translateX(-150%);
36908 pointer-events: auto;
36909 visibility: hidden;
36912 @media (min-width: 576px) {
36913 #page.drawers .main-inner {
36914 margin-top: 1.5rem;
36917 @media (min-width: 768px) {
36918 #page.drawers {
36919 padding-left: 3rem;
36920 padding-right: 3rem;
36922 #page.drawers .main-inner {
36923 padding: 1.5rem 0.5rem;
36925 #page.drawers div[role=main] {
36926 padding-left: 15px;
36927 padding-right: 15px;
36930 @media (min-width: 992px) {
36931 .drawer-left,
36932 .drawer-right {
36933 top: 50px;
36934 height: calc(100vh - 50px);
36936 .hasstickyfooter .drawer-left,
36937 .hasstickyfooter .drawer-right {
36938 top: 50px;
36939 height: calc(100vh - 50px - max(80px, 0.9375rem * 3));
36941 #page.drawers {
36942 position: relative;
36943 overflow-y: visible;
36944 transition: 0.2s;
36945 left: 0;
36946 right: 0;
36949 @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
36950 #page.drawers {
36951 transition: none;
36954 @media (min-width: 992px) {
36955 #page.drawers.show-drawer-left {
36956 margin-left: 285px;
36957 margin-right: 0;
36958 padding-left: 1rem;
36961 @media (min-width: 992px) {
36962 #page.drawers.show-drawer-right {
36963 margin-left: 0;
36964 margin-right: 315px;
36965 padding-right: 1rem;
36967 .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 {
36968 right: calc(315px + 2rem);
36971 @media (min-width: 992px) {
36972 #page.drawers.show-drawer-left.show-drawer-right {
36973 margin-left: 285px;
36974 margin-right: 315px;
36977 @media (min-width: 992px) {
36978 #page.drawers.hasstickyfooter {
36979 margin-bottom: max(80px, 0.9375rem * 3);
36982 .drawercontrolbuttons {
36983 margin-top: 92px;
36985 .drawercontrolbuttons .buttons {
36986 z-index: 1;
36989 .form-control:-ms-input-placeholder {
36990 color: #6a737b;
36993 .custom-select {
36994 -webkit-appearance: none;
36995 -moz-appearance: none;
36998 .custom-range {
36999 -webkit-appearance: none;
37000 -moz-appearance: none;
37002 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
37003 -webkit-appearance: none;
37004 -moz-appearance: none;
37007 input[type=date].form-control,
37008 input[type=time].form-control,
37009 input[type=datetime-local].form-control,
37010 input[type=month].form-control {
37011 -webkit-appearance: none;
37012 -moz-appearance: none;
37015 @media (min-width: 576px) {
37016 .card-columns {
37017 -webkit-column-gap: 1.25rem;
37018 -moz-column-gap: 1.25rem;
37022 .carousel-item {
37023 -webkit-backface-visibility: hidden;
37026 .card {
37027 -webkit-background-clip: border-box;
37030 .carousel-indicators li,
37031 .dropdown-menu,
37032 .form-control,
37033 .modal-content,
37034 .popover,
37035 .toast {
37036 -webkit-background-clip: padding-box;
37039 .btn {
37040 -webkit-user-select: none;
37041 -ms-user-select: none;
37044 .user-select-all {
37045 -webkit-user-select: all !important; /* stylelint-disable-line declaration-no-important */
37046 -ms-user-select: none;
37049 .user-select-auto {
37050 -webkit-user-select: auto !important; /* stylelint-disable-line declaration-no-important */
37051 -ms-user-select: none;
37054 .user-select-none {
37055 -webkit-user-select: none !important; /* stylelint-disable-line declaration-no-important */
37056 -ms-user-select: none;
37059 .editor_atto_content_wrap {
37060 background-color: #fff;
37061 color: #333;
37064 .editor_atto_content {
37065 padding: 4px;
37066 resize: vertical;
37067 overflow: auto;
37070 .editor_atto_content_wrap,
37071 .editor_atto + textarea {
37072 width: 100%;
37073 padding: 0;
37076 .editor_atto + textarea {
37077 border-radius: 0;
37078 resize: vertical;
37079 margin-top: -1px;
37082 div.editor_atto_toolbar {
37083 display: block;
37084 background: #f2f2f2;
37085 min-height: 35px;
37086 border: 1px solid #8f959e;
37087 width: 100%;
37088 padding: 0 0 9px 0;
37089 border-top-left-radius: 0.25rem;
37090 border-top-right-radius: 0.25rem;
37093 div.editor_atto_toolbar button {
37094 padding: 4px 9px;
37095 background: none;
37096 border: 0;
37097 margin: 0;
37098 border-radius: 0;
37099 cursor: pointer;
37102 div.editor_atto_toolbar .menuplaceholder {
37103 display: inline-block;
37106 div.editor_atto_toolbar button + button,
37107 div.editor_atto_toolbar .menuplaceholder + button {
37108 border-left: 1px solid #ccc;
37111 div.editor_atto_toolbar button[disabled] {
37112 opacity: 0.45;
37113 background: none;
37114 cursor: default;
37117 .editor_atto_toolbar button:hover {
37118 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
37119 background-color: #ebebeb;
37122 .editor_atto_toolbar button:active,
37123 .editor_atto_toolbar button.highlight {
37124 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
37125 background-color: #dfdfdf;
37128 /* Make firefox button sizes match other browsers */
37129 div.editor_atto_toolbar button::-moz-focus-inner {
37130 border: 0;
37131 padding: 0;
37134 div.editor_atto_toolbar button .icon {
37135 padding: 0;
37136 margin: 2px 0;
37139 div.editor_atto_toolbar div.atto_group {
37140 display: inline-block;
37141 border: 1px solid #ccc;
37142 border-bottom: 1px solid #b3b3b3;
37143 border-radius: 4px;
37144 margin: 9px 0 0 9px;
37145 background: #fff;
37148 div.editor_atto_toolbar .atto_toolbar_row {
37149 margin: 6px 0 -3px 5px;
37150 display: table;
37152 div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
37153 margin: 3px 5px 3px 4px;
37156 .editor_atto_content img {
37157 resize: both;
37158 overflow: auto;
37161 .atto_hasmenu {
37162 /* IE8 places the images on top of each other if that is not set. */
37163 white-space: nowrap;
37166 .atto_menuentry .icon {
37167 width: 16px;
37168 height: 16px;
37171 .atto_menuentry {
37172 clear: left;
37175 .atto_menuentry h1,
37176 .atto_menuentry h2,
37177 .atto_menuentry p {
37178 margin: 4px;
37181 /*.atto_form label.sameline {
37182 display: inline-block;
37183 min-width: 10em;
37185 .atto_form textarea.fullwidth,
37186 .atto_form input.fullwidth {
37187 width: 100%;
37190 .atto_form {
37191 padding: 0.5rem;
37194 /*.atto_form label {
37195 display: block;
37196 margin: 0 0 5px 0;
37198 .atto_control {
37199 position: absolute;
37200 right: -6px;
37201 bottom: -6px;
37202 display: none;
37203 cursor: pointer;
37206 .atto_control .icon {
37207 background-color: #fff;
37210 div.editor_atto_content:focus .atto_control,
37211 div.editor_atto_content:hover .atto_control {
37212 display: block;
37215 .editor_atto_menu.yui3-menu-hidden {
37216 display: none;
37219 /* Get broken images back in firefox */
37220 .editor_atto_content img:-moz-broken {
37221 -moz-force-broken-image-icon: 1;
37222 min-width: 24px;
37223 min-height: 24px;
37226 /* Atto menu styling */
37227 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
37228 padding: 0;
37229 z-index: 1000;
37232 .editor_atto_menu .dropdown-menu > li > a {
37233 margin: 3px 14px;
37236 .editor_atto_menu .open ul.dropdown-menu {
37237 padding-top: 5px;
37238 padding-bottom: 5px;
37241 .editor_atto_wrap {
37242 position: relative;
37245 /*rtl:ignore*/
37246 .editor_atto_wrap textarea {
37247 direction: ltr;
37250 .editor_atto_notification {
37251 display: inline-block;
37252 padding: 0.5em;
37253 padding-left: 1em;
37254 padding-right: 1em;
37255 border-bottom-left-radius: 1em;
37256 border-bottom-right-radius: 1em;
37258 .editor_atto_notification .atto_info {
37259 background-color: #f2f2f2;
37261 .editor_atto_notification .atto_warning {
37262 background-color: #ffd700;
37265 .editor_atto_toolbar,
37266 .editor_atto_content_wrap,
37267 .editor_atto + textarea {
37268 box-sizing: border-box;
37271 .editor_atto_content.form-control {
37272 width: 100%;
37273 border-top: 0;
37274 border-top-left-radius: 0;
37275 border-top-right-radius: 0;
37278 /** Atto fields do not have form-control because that would break the layout of the editor.
37279 So they need these extra styles to highlight the editor when there is a validation error. */
37280 .has-danger .editor_atto_content.form-control .invalid-feedback,
37281 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
37282 display: none;
37283 width: 100%;
37284 margin-top: 0.25rem;
37285 font-size: 0.875em;
37286 color: #ca3120;
37288 .has-danger .editor_atto_content.form-control .invalid-tooltip,
37289 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37290 position: absolute;
37291 top: 100%;
37292 left: 0;
37293 z-index: 5;
37294 display: none;
37295 max-width: 100%;
37296 padding: 0.25rem 0.5rem;
37297 margin-top: 0.1rem;
37298 font-size: 0.8203125rem;
37299 line-height: 1.5;
37300 color: #fff;
37301 background-color: rgba(202, 49, 32, 0.9);
37302 border-radius: 0.25rem;
37304 .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,
37305 .form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip,
37306 .form-row > [class*=col-] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37307 left: 5px;
37309 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback,
37310 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback,
37311 .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip,
37312 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback,
37313 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip,
37314 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback,
37315 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
37316 display: block;
37318 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid,
37319 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,
37320 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
37321 border-color: #ca3120;
37322 padding-right: calc(1.5em + 0.75rem) !important;
37323 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");
37324 background-repeat: no-repeat;
37325 background-position: right calc(0.375em + 0.1875rem) center;
37326 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
37328 .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,
37329 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,
37330 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
37331 border-color: #ca3120;
37332 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37334 .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,
37335 .was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid,
37336 .has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
37337 padding-right: 3rem !important;
37338 background-position: right 1.5rem center;
37340 .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,
37341 .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,
37342 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
37343 padding-right: calc(1.5em + 0.75rem);
37344 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
37346 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid,
37347 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,
37348 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
37349 border-color: #ca3120;
37350 padding-right: calc(0.75em + 2.3125rem) !important;
37351 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;
37353 .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,
37354 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,
37355 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
37356 border-color: #ca3120;
37357 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37359 .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,
37360 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label,
37361 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
37362 color: #ca3120;
37364 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback,
37365 .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,
37366 .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip,
37367 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback,
37368 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip,
37369 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback,
37370 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
37371 display: block;
37373 .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,
37374 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label,
37375 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
37376 color: #ca3120;
37378 .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,
37379 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before,
37380 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
37381 border-color: #ca3120;
37383 .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,
37384 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before,
37385 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
37386 border-color: #e04d3d;
37387 background-color: #e04d3d;
37389 .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,
37390 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before,
37391 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
37392 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37394 .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,
37395 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
37396 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
37397 border-color: #ca3120;
37399 .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,
37400 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label,
37401 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
37402 border-color: #ca3120;
37404 .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,
37405 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label,
37406 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
37407 border-color: #ca3120;
37408 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37411 .open.atto_menu > .dropdown-menu {
37412 display: block;
37415 div.editor_atto_toolbar button .icon {
37416 color: #495057;
37419 .toast {
37420 border-radius: 0.25rem;
37422 .toast.toast-success {
37423 background-color: rgba(215, 228, 214, 0.95);
37424 color: #1c3f1a;
37426 .toast.toast-success .toast-header {
37427 color: #1c3f1a;
37429 .toast.toast-success .toast-body:before {
37430 margin: 2px 5px 0 0;
37431 content: "\f058";
37433 .toast.toast-danger {
37434 background-color: rgba(244, 214, 210, 0.95);
37435 color: #691911;
37437 .toast.toast-danger .toast-header {
37438 color: #691911;
37440 .toast.toast-danger .toast-body:before {
37441 margin: 2px 5px 0 0;
37442 content: "\f057";
37444 .toast.toast-info {
37445 background-color: rgba(204, 230, 234, 0.95);
37446 color: #00434e;
37448 .toast.toast-info .toast-header {
37449 color: #00434e;
37451 .toast.toast-info .toast-body:before {
37452 margin: 2px 5px 0 0;
37453 content: "\f05a";
37455 .toast.toast-warning {
37456 background-color: rgba(252, 239, 220, 0.95);
37457 color: #7d5a29;
37459 .toast.toast-warning .toast-header {
37460 color: #7d5a29;
37462 .toast.toast-warning .toast-body:before {
37463 margin: 2px 5px 0 0;
37464 content: "\f06a";
37466 .toast .close {
37467 color: inherit;
37470 .navbar.fixed-top {
37471 padding-top: 0;
37472 padding-bottom: 0;
37473 box-shadow: none;
37474 border-bottom: #dee2e6 1px solid;
37475 align-items: stretch;
37476 height: 51px;
37478 .navbar.fixed-top .navbar-brand .logo {
37479 max-height: calc(50px - (0.25rem * 2));
37481 .navbar.fixed-top .nav-link {
37482 height: 100%;
37483 display: flex;
37484 align-items: center;
37485 white-space: nowrap;
37487 .navbar.fixed-top .divider {
37488 width: 1px;
37489 background-color: #dee2e6;
37491 .navbar.fixed-top #usernavigation .nav-link {
37492 padding: 0 0.5rem;
37494 .navbar.fixed-top .login {
37495 display: flex;
37496 align-items: center;
37498 .navbar.fixed-top .usermenu {
37499 display: flex;
37501 .navbar.fixed-top .usermenu .action-menu {
37502 display: flex;
37503 align-items: center;
37505 .navbar.fixed-top .usermenu .dropdown {
37506 display: flex;
37507 align-items: center;
37509 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
37510 padding-top: 0;
37511 padding-bottom: 0;
37512 border-radius: 0;
37513 display: flex;
37514 align-items: center;
37515 height: 100%;
37517 .navbar.fixed-top .usermenu .dropdown-menu {
37518 min-width: 235px;
37520 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
37521 pointer-events: none;
37523 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
37524 padding: 0.25rem 1.75rem 0.25rem 0.75rem;
37526 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37527 content: "\f0da";
37528 font-size: 1rem;
37529 right: 0.75rem;
37530 position: absolute;
37532 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
37533 padding: 0.25rem 0.75rem;
37534 font-size: 0.975rem;
37536 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
37537 font-size: 20px;
37538 height: 20px;
37539 width: 20px;
37540 margin: 0;
37542 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before {
37543 content: "\f00c";
37544 font-size: 0.75rem;
37545 padding-left: 0.25rem;
37547 .navbar.fixed-top .usermenu .login {
37548 display: flex;
37549 align-items: center;
37551 .navbar.fixed-top .usermenu .dropdown,
37552 .navbar.fixed-top .langmenu .dropdown {
37553 display: flex;
37554 align-items: center;
37555 height: 100%;
37557 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
37558 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
37559 padding-top: 0;
37560 padding-bottom: 0;
37561 border-radius: 0;
37562 display: flex;
37563 align-items: center;
37564 height: 100%;
37566 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current=true]::before {
37567 content: "\f00c";
37568 font-size: 0.75rem;
37569 padding-left: 0.25rem;
37571 @media (max-width: 767.98px) {
37572 .navbar.fixed-top .langmenu .langbutton {
37573 display: none;
37576 .navbar.fixed-top .moodle-actionmenu .menubar,
37577 .navbar.fixed-top .action-menu-trigger .dropdown {
37578 height: 100%;
37579 display: flex;
37582 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37583 content: "\f0d9";
37585 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
37586 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
37587 transform: translateX(0);
37589 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
37590 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
37591 transform: translateX(-100%);
37593 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
37594 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
37595 transform: translateX(100%);
37598 #page {
37599 margin-top: 50px;
37602 .pagelayout-embedded #page {
37603 margin-top: 0;
37606 .navbar-bootswatch .navbar-brand {
37607 overflow: hidden;
37608 text-overflow: ellipsis;
37610 .navbar-bootswatch .navbar-brand .sitename {
37611 overflow: hidden;
37612 white-space: nowrap;
37613 text-overflow: ellipsis;
37616 :root {
37617 --navbar-height: 50px;
37621 * Reportbuilder styles.
37623 .reportbuilder-wrapper .btn-outline-secondary[data-toggle=collapse]:not(.collapsed),
37624 .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-toggle=dropdown] {
37625 color: #fff;
37626 background-color: #6a737b;
37627 border-color: #6a737b;
37630 .reportbuilder-table .action-menu .menubar {
37631 justify-content: end;
37634 .reportbuilder-wrapper .filters-dropdown {
37635 width: 27rem;
37636 padding: 0 0 4rem 0;
37637 z-index: 1050;
37638 overflow: hidden;
37640 @media (max-width: 767.98px) {
37641 .reportbuilder-wrapper .filters-dropdown {
37642 width: 100%;
37646 .reportbuilder-filters-sidebar {
37647 max-height: 30rem;
37648 overflow-y: auto;
37649 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37650 scrollbar-width: thin;
37651 scrollbar-color: #6a737b #fff;
37652 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;
37653 background-repeat: no-repeat;
37654 background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
37655 background-attachment: local, local, scroll, scroll;
37657 .reportbuilder-filters-sidebar::-webkit-scrollbar {
37658 width: 12px;
37660 .reportbuilder-filters-sidebar::-webkit-scrollbar-track {
37661 background: #fff;
37663 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
37664 background-color: #6a737b;
37665 border-radius: 20px;
37666 border: 3px solid #fff;
37668 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
37669 background-color: #495057;
37671 .reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
37672 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
37674 .reportbuilder-filters-sidebar .filter .filter-name:hover {
37675 white-space: normal;
37676 text-overflow: clip;
37677 word-break: break-all;
37679 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] {
37680 position: absolute;
37681 bottom: 0;
37682 height: 4rem;
37683 align-items: center;
37685 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] .col-form-label {
37686 display: none !important; /* stylelint-disable-line declaration-no-important */
37689 .reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector,
37690 .reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
37691 flex-wrap: wrap;
37693 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem,
37694 .reportbuilder-conditions-list .mform.full-width-labels .fitem {
37695 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
37696 max-width: 100%;
37698 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child,
37699 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child {
37700 flex: 1;
37701 min-width: 0;
37703 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child span,
37704 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child .custom-select,
37705 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child span,
37706 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child .custom-select {
37707 width: 100%;
37710 @media (min-width: 992px) {
37711 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
37712 position: fixed;
37714 .path-admin-reportbuilder.pagelayout-popup #region-main {
37715 border: none;
37716 padding: 0;
37718 .path-admin-reportbuilder.pagelayout-popup #maincontent {
37719 visibility: hidden;
37721 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
37722 position: fixed;
37723 z-index: 1030;
37724 width: calc(100% - 35px);
37725 padding-top: 1.25rem;
37726 background-color: #fff;
37727 box-shadow: 0 1.25rem 0 #fff;
37729 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
37730 padding-top: 83px;
37732 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
37733 position: fixed;
37735 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
37736 max-height: calc(100vh - 153px - 52px);
37738 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
37739 position: fixed;
37740 right: 30px;
37741 max-height: calc(100vh - 153px);
37743 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
37744 max-height: calc(100vh - 153px);
37745 overflow-y: auto;
37746 scrollbar-width: thin;
37747 scrollbar-color: #6a737b #f8f9fa;
37748 margin-left: calc(250px + 1rem);
37749 margin-right: calc(350px + 1rem);
37751 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
37752 width: 12px;
37754 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
37755 background: #f8f9fa;
37757 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
37758 background-color: #6a737b;
37759 border-radius: 20px;
37760 border: 3px solid #f8f9fa;
37762 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
37763 background-color: #495057;
37765 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
37766 margin-left: calc(250px + 1rem);
37769 #page-admin-reportbuilder-edit #page {
37770 overflow-y: auto;
37773 .reportbuilder-report-container {
37774 min-width: 0;
37776 .reportbuilder-report-container button[data-action=toggle-edit-preview] .loading-icon {
37777 margin-left: 0.5rem;
37780 .reportbuilder-editor-table-container {
37781 overflow-x: auto;
37784 .reportbuilder-table th button[data-action=report-remove-column] .icon,
37785 .reportbuilder-table th span[data-drag-type=move] .icon {
37786 width: 12px;
37787 height: 12px;
37788 font-size: 12px;
37789 vertical-align: text-top;
37790 color: #1d2125;
37792 .reportbuilder-table th button[data-action=report-remove-column] .icon {
37793 margin-right: 0;
37796 @media (min-width: 992px) {
37797 .reportbuilder-sidebar-menu {
37798 width: 250px;
37799 flex-shrink: 0;
37802 .reportbuilder-sidebar-menu .card-body .list-group-item {
37803 padding: 0.75rem;
37805 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
37806 width: 12px;
37807 height: 12px;
37808 font-size: 12px;
37811 .reportbuilder-sidebar-menu-cards {
37812 overflow-y: auto;
37813 scrollbar-width: thin;
37814 scrollbar-color: #6a737b #f8f9fa;
37816 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
37817 width: 12px;
37819 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
37820 background: #f8f9fa;
37822 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
37823 background-color: #6a737b;
37824 border-radius: 20px;
37825 border: 3px solid #f8f9fa;
37827 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
37828 background-color: #495057;
37831 .reportbuilder-sidebar-settings {
37832 overflow-y: auto;
37833 scrollbar-width: thin;
37834 scrollbar-color: #6a737b #f8f9fa;
37836 .reportbuilder-sidebar-settings::-webkit-scrollbar {
37837 width: 12px;
37839 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
37840 background: #f8f9fa;
37842 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
37843 background-color: #6a737b;
37844 border-radius: 20px;
37845 border: 3px solid #f8f9fa;
37847 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
37848 background-color: #495057;
37850 @media (min-width: 992px) {
37851 .reportbuilder-sidebar-settings {
37852 width: 350px;
37853 flex-shrink: 0;
37856 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-selection,
37857 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-selection {
37858 display: none;
37860 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-input,
37861 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-input {
37862 width: 100%;
37864 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-suggestions,
37865 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-suggestions {
37866 width: calc(100% - 2 * 0.5rem);
37868 .reportbuilder-sidebar-settings .list-group-item {
37869 padding: 0.75rem;
37871 .reportbuilder-sidebar-settings .list-group-item .icon {
37872 width: 12px;
37873 height: 12px;
37874 font-size: 12px;
37875 color: #1d2125;
37877 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
37878 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
37879 margin-right: 0;
37880 vertical-align: text-top;
37882 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
37883 vertical-align: text-top;
37885 .reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
37886 vertical-align: middle;
37888 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
37889 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
37890 flex: 1 1;
37891 max-width: initial;
37893 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
37894 flex-basis: auto;
37896 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
37897 width: 100%;
37900 @keyframes sortable-list-drag-color-reset {
37901 from {
37902 background-color: #a2cff8;
37904 to {
37905 background-color: inherit;
37908 .reportbuilder-sortable-list li.sortable-list-current-position,
37909 .reportbuilder-table th.sortable-list-current-position,
37910 .reportbuilder-conditions-list .condition.sortable-list-current-position {
37911 background-color: #a2cff8;
37913 .reportbuilder-sortable-list li.sortable-list-is-dragged,
37914 .reportbuilder-table th.sortable-list-is-dragged,
37915 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
37916 background-color: #fff;
37917 opacity: 0.85;
37919 .reportbuilder-sortable-list li.sortable-list-is-dropped,
37920 .reportbuilder-table th.sortable-list-is-dropped,
37921 .reportbuilder-conditions-list .condition.sortable-list-is-dropped {
37922 animation: sortable-list-drag-color-reset 1s ease;
37925 .reportbuilder-toggle-card .card-header {
37926 border-bottom: none;
37928 .reportbuilder-toggle-card .card-body {
37929 border-top: 1px solid rgba(0, 0, 0, 0.125);
37931 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
37932 color: #6a737b;
37933 font-size: 1.5em;
37934 font-weight: 700;
37936 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
37937 display: none;
37939 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
37940 display: inline-block;
37942 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
37943 display: inline-block;
37945 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
37946 display: none;
37949 .reportbuilder-audiences-container .audience-separator {
37950 text-transform: uppercase;
37952 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
37953 content: "";
37954 flex: 1;
37955 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
37957 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
37958 margin-right: 1rem;
37960 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
37961 margin-left: 1rem;
37963 .reportbuilder-audiences-container .instance-card .card-header i.icon {
37964 margin-right: 0;
37967 @media (max-width: 575.98px) {
37968 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
37969 display: none;
37971 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
37972 display: flex;
37973 flex-direction: column;
37974 margin: 0.5rem 0;
37975 padding: 0.25rem 0.5rem 0 0.5rem;
37976 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37977 word-wrap: break-word;
37978 background-clip: border-box;
37979 border: 1px solid rgba(0, 0, 0, 0.125);
37980 border-radius: 0.25rem;
37982 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
37983 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37985 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
37986 display: none;
37988 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
37989 display: none;
37991 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
37992 display: block;
37993 min-height: 3.6rem;
37994 padding: 0.5rem 0.25rem;
37995 border: none;
37997 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
37998 content: attr(data-cardtitle);
37999 display: block;
38000 text-transform: uppercase;
38001 font-size: 70%;
38002 color: #343a40;
38004 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
38005 min-height: 3rem;
38007 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38008 border-top: 1px solid rgba(0, 0, 0, 0.125);
38010 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
38011 padding-right: 2rem;
38013 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
38014 display: block !important; /* stylelint-disable-line declaration-no-important */
38015 position: absolute;
38016 right: 10px;
38018 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
38019 padding: 0 0.5rem;
38020 color: #6a737b;
38022 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
38023 font-size: 1.5em;
38024 font-weight: bold;
38027 @media (min-width: 576px) {
38028 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
38029 display: none;
38031 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
38032 display: flex;
38033 flex-direction: column;
38034 margin: 0.5rem 0;
38035 padding: 0.25rem 0.5rem 0 0.5rem;
38036 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38037 word-wrap: break-word;
38038 background-clip: border-box;
38039 border: 1px solid rgba(0, 0, 0, 0.125);
38040 border-radius: 0.25rem;
38042 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
38043 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38045 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
38046 display: none;
38048 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38049 display: none;
38051 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
38052 display: block;
38053 min-height: 3.6rem;
38054 padding: 0.5rem 0.25rem;
38055 border: none;
38057 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
38058 content: attr(data-cardtitle);
38059 display: block;
38060 text-transform: uppercase;
38061 font-size: 70%;
38062 color: #343a40;
38064 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
38065 min-height: 3rem;
38067 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38068 border-top: 1px solid rgba(0, 0, 0, 0.125);
38070 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
38071 padding-right: 2rem;
38073 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
38074 display: block !important; /* stylelint-disable-line declaration-no-important */
38075 position: absolute;
38076 right: 10px;
38078 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
38079 padding: 0 0.5rem;
38080 color: #6a737b;
38082 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
38083 font-size: 1.5em;
38084 font-weight: bold;
38088 .courseindex .courseindex-item {
38089 padding: 0.5rem 0.5rem;
38090 border: 1px solid transparent;
38091 border-radius: 0.25rem;
38093 .courseindex .courseindex-item.courseindex-section-title a {
38094 font-weight: bold;
38096 .courseindex .courseindex-item .icons-collapse-expand {
38097 padding-right: 4px;
38099 .courseindex .courseindex-item .courseindex-link,
38100 .courseindex .courseindex-item .courseindex-chevron {
38101 color: #495057;
38103 .courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus,
38104 .courseindex .courseindex-item .courseindex-chevron:hover,
38105 .courseindex .courseindex-item .courseindex-chevron:focus {
38106 color: black;
38107 text-decoration: none;
38109 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
38110 color: black;
38112 .courseindex .courseindex-item:hover .courseindex-link,
38113 .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
38114 .courseindex .courseindex-item:focus .courseindex-chevron {
38115 color: black;
38116 cursor: pointer;
38118 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
38119 color: black;
38121 .courseindex .courseindex-item:hover.dimmed .courseindex-link,
38122 .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
38123 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
38124 color: black;
38126 .courseindex .courseindex-item.dragging {
38127 border: 1px solid #b8dce2;
38128 background-color: #e0f0f2;
38130 .courseindex .courseindex-item.active {
38131 background-color: #f8f9fa;
38132 border-color: #dee2e6;
38134 .courseindex .courseindex-item.dimmed {
38135 color: #6a737b;
38137 .courseindex .courseindex-item.dimmed .courseindex-link,
38138 .courseindex .courseindex-item.dimmed .courseindex-chevron {
38139 color: #6a737b;
38141 .courseindex .courseindex-item.dimmed.pageitem {
38142 color: #fff;
38144 .courseindex .courseindex-item.dimmed.pageitem a {
38145 color: #fff;
38147 .courseindex .courseindex-item .courseindex-locked {
38148 display: none;
38150 .courseindex .courseindex-item.restrictions .courseindex-locked {
38151 display: block;
38153 .courseindex .courseindex-item.pageitem {
38154 background-color: #0f6cbf;
38155 color: #fff;
38156 scroll-margin: 6rem;
38158 .courseindex .courseindex-item.pageitem a {
38159 color: #fff;
38161 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
38162 background-color: #0c589c;
38163 color: #e6e6e6;
38165 .courseindex .courseindex-item.pageitem:hover .courseindex-link,
38166 .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
38167 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
38168 color: #e6e6e6;
38170 .courseindex .courseindex-item .completioninfo {
38171 min-width: 24px;
38173 .courseindex .courseindex-item .completioninfo.completion_complete {
38174 color: #357a32;
38176 .courseindex .courseindex-item .completioninfo.completion_fail {
38177 color: #ca3120;
38179 .courseindex .courseindex-item.indented {
38180 margin-left: 1rem;
38182 .courseindex .courseindex-section {
38183 border-left: solid 3px transparent;
38185 .courseindex .courseindex-section.dragging {
38186 border: 1px solid #b8dce2;
38187 background-color: #e0f0f2;
38189 .courseindex .courseindex-section .current-badge {
38190 line-height: 1.5;
38191 display: none;
38193 .courseindex .courseindex-section.current {
38194 border-left: solid 3px #0f6cbf;
38196 .courseindex .courseindex-section.current .current-badge {
38197 display: inline-block;
38199 .courseindex .courseindex-section.dropready .courseindex-item-content {
38200 /* Extra dropzone space */
38201 padding-bottom: 1em;
38203 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
38204 padding-left: 0.5rem;
38206 .courseindex .icon {
38207 font-size: 12px;
38209 .courseindex .d-flex-noedit {
38210 display: none;
38212 .courseindex.editing .d-flex-noedit {
38213 display: flex;
38215 .courseindex .placeholders .rounded-circle {
38216 height: 1rem;
38217 width: 1rem;
38219 .courseindex .placeholders .w-100 {
38220 height: 1rem;
38221 margin: 0.5rem 0;
38224 .moremenu {
38225 opacity: 0;
38226 height: 50px;
38228 .moremenu.observed {
38229 opacity: 1;
38231 .moremenu .nav-link {
38232 height: 50px;
38233 display: flex;
38234 align-items: center;
38235 border-right: none;
38236 border-bottom: solid 3px transparent;
38237 border-left: none;
38238 border-top: none;
38240 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
38241 border-color: transparent;
38242 background-color: #f8f9fa;
38244 .moremenu .nav-link.active {
38245 background-color: #f8f9fa;
38246 border-color: transparent;
38247 border-bottom-color: #0f6cbf;
38249 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
38250 background-color: #f8f9fa;
38251 border-bottom-color: #0f6cbf;
38253 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
38254 position: relative;
38256 .moremenu .nav-link[data-toggle=tab] {
38257 display: inline-flex;
38258 flex-direction: column;
38259 align-items: center;
38260 justify-content: center;
38262 .moremenu .nav-link[data-toggle=tab]::after {
38263 content: attr(data-text)/"";
38264 height: 0;
38265 visibility: hidden;
38266 overflow: hidden;
38267 user-select: none;
38268 pointer-events: none;
38269 font-weight: bold;
38271 @media speech {
38272 .moremenu .nav-link[data-toggle=tab]::after {
38273 display: none;
38276 .moremenu .nav-tabs {
38277 margin-left: 0;
38278 background-color: #fff;
38280 .moremenu .show > .nav-link,
38281 .moremenu .active > .nav-link,
38282 .moremenu .nav-link.show,
38283 .moremenu .nav-link.active {
38284 background: transparent;
38286 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
38287 padding: 0;
38289 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
38290 position: static;
38291 padding: 0;
38292 border: 0;
38294 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
38295 display: block;
38297 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
38298 background-color: #f8f9fa;
38300 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
38301 color: #fff;
38302 background-color: #0f6cbf;
38304 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
38305 display: none;
38307 .moremenu .dropdown-item[aria-current=true],
38308 .moremenu .dropdown-item.active {
38309 background-color: transparent;
38310 color: #1d2125;
38312 .moremenu .dropdown-item[aria-current=true]:focus-within, .moremenu .dropdown-item[aria-current=true]:hover,
38313 .moremenu .dropdown-item.active:focus-within,
38314 .moremenu .dropdown-item.active:hover {
38315 background-color: #0f6cbf;
38316 color: #fff;
38318 .moremenu .dropdown-item[aria-current=true]:focus-within a, .moremenu .dropdown-item[aria-current=true]:hover a,
38319 .moremenu .dropdown-item.active:focus-within a,
38320 .moremenu .dropdown-item.active:hover a {
38321 color: #fff;
38323 .moremenu .dropdown-item[aria-current=true]:before,
38324 .moremenu .dropdown-item.active:before {
38325 content: "\f00c";
38328 .primary-navigation .navigation {
38329 height: 50px;
38331 .primary-navigation .navigation .nav-link {
38332 height: 50px;
38333 color: #1d2125;
38334 border-top: 3px solid transparent;
38337 @media (max-width: 767.98px) {
38338 .primary-navigation {
38339 display: none;
38341 .editmode-switch-form label {
38342 position: absolute;
38343 width: 1px;
38344 height: 1px;
38345 padding: 0;
38346 margin: -1px;
38347 overflow: hidden;
38348 clip: rect(0, 0, 0, 0);
38349 white-space: nowrap;
38350 border: 0;
38353 .editmode-switch-form .custom-control-input {
38354 width: 100%;
38355 z-index: 1;
38358 .drawer-primary .drawercontent {
38359 padding: 0;
38361 .drawer-primary .drawercontent .list-group {
38362 border-radius: 0;
38363 margin-top: -1px;
38365 .drawer-primary .drawercontent .list-group .list-group-item {
38366 border-left: 0;
38367 border-right: 0;
38370 .secondary-navigation {
38371 padding-bottom: 15px;
38373 .secondary-navigation .navigation {
38374 border-bottom: 1px solid #dee2e6;
38375 background-color: #fff;
38376 margin: 0 -0.5rem;
38377 padding: 0 0.5rem;
38379 .secondary-navigation .navigation .nav-tabs {
38380 border: none;
38381 max-width: 830px;
38382 margin: 0 auto;
38384 .secondary-navigation .navigation .nav-tabs .nav-link {
38385 border-radius: initial;
38388 @media (min-width: 768px) {
38389 .secondary-navigation .navigation {
38390 padding: 0 calc(0.5rem + 15px);
38393 .tertiary-navigation {
38394 padding-top: 10px;
38396 .tertiary-navigation.full-width-bottom-border {
38397 width: calc(100% + 1rem + 30px);
38398 margin-left: calc(-0.5rem - 15px);
38399 margin-right: calc(-0.5rem - 15px);
38400 border-bottom: 1px solid #dee2e6;
38401 margin-bottom: 25px;
38403 @media (max-width: 767.98px) {
38404 .tertiary-navigation.full-width-bottom-border {
38405 width: calc(100% + 1rem);
38406 margin-left: -0.5rem;
38407 margin-right: -0.5rem;
38410 .tertiary-navigation.full-width-bottom-border .row {
38411 margin: 0;
38412 padding-left: 0.5rem;
38413 padding-right: 0.5rem;
38415 .tertiary-navigation .navitem,
38416 .tertiary-navigation .navitem-divider {
38417 display: flex;
38418 margin-bottom: 25px;
38420 .tertiary-navigation .navitem-divider {
38421 width: 1px;
38422 background-color: #dee2e6;
38424 .tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
38425 margin-bottom: 25px;
38427 .tertiary-navigation .row {
38428 column-gap: 10px;
38430 .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
38431 padding: 0;
38432 font-size: 1.4rem;
38433 font-weight: bold;
38435 .tertiary-navigation .navitem:not(:last-child),
38436 .tertiary-navigation .navitem-divider:not(:last-child) {
38437 margin-right: 20px;
38439 .tertiary-navigation .btn > div {
38440 max-width: 200px;
38443 @media (max-width: 767.98px) {
38444 .tertiary-navigation .mform {
38445 padding-left: initial;
38448 @media (max-width: 575.98px) {
38449 .tertiary-navigation .page-toggler > p {
38450 font-size: 80%;
38453 @media print {
38454 .tertiary-navigation {
38455 display: none;
38458 .popover-process-monitor {
38459 position: fixed;
38460 right: 2rem;
38461 bottom: 5rem;
38462 width: 350px;
38463 background-color: #fff;
38464 border-radius: 0.25rem;
38465 border: 1px solid #dee2e6;
38467 .popover-process-monitor .process-list {
38468 max-height: 30vh;
38469 overflow: auto;
38470 scrollbar-width: thin;
38471 scrollbar-color: #6a737b #f8f9fa;
38473 .popover-process-monitor .process-list::-webkit-scrollbar {
38474 width: 12px;
38476 .popover-process-monitor .process-list::-webkit-scrollbar-track {
38477 background: #f8f9fa;
38479 .popover-process-monitor .process-list::-webkit-scrollbar-thumb {
38480 background-color: #6a737b;
38481 border-radius: 20px;
38482 border: 3px solid #f8f9fa;
38484 .popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
38485 background-color: #495057;
38487 .popover-process-monitor .queue-process {
38488 border-bottom: 1px solid #e9ecef;
38490 .popover-process-monitor .queue-process:last-child {
38491 border-bottom: 0;
38494 .moodlenet-share-dialog {
38495 min-height: 500px;
38497 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
38498 align-items: baseline;
38500 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
38501 display: flex;
38503 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
38504 width: auto;
38505 height: 1.3rem;
38507 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
38508 display: flex;
38509 padding-left: 0.5em;
38511 .moodlenet-share-dialog .modal-header.no-border {
38512 border-bottom: none;
38514 .moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
38515 display: none;
38517 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
38518 border-radius: 0.25rem;
38519 color: #1d2125;
38520 background-color: #f5f9fc;
38521 border-color: #3584c9;
38522 border-width: 1px;
38523 border-style: solid;
38524 padding: 0.6em 1.5em;
38525 margin-bottom: 1rem;
38527 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
38528 border-top-color: #3077b5;
38530 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
38531 color: #070808;
38533 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
38534 border-bottom: 1px solid #dee2e6;
38536 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type,
38537 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
38538 display: block;
38540 .moodlenet-share-dialog .modal-body .moodlenet-share-notice {
38541 background-color: #f8f9fa;
38542 padding: 1rem;
38544 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
38545 width: 60px;
38546 height: 60px;
38547 font-size: 60px;
38549 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
38550 height: 18rem;
38551 margin: auto;
38553 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
38554 background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
38556 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
38557 background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
38559 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
38560 display: block;
38561 margin: auto;
38563 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
38564 font-size: 8rem;
38565 width: auto;
38566 margin: 0;
38568 .moodlenet-share-dialog .modal-footer .moodlenet-share-to {
38569 margin-right: auto;
38573 * Dropdown menu Moodle specific styles.
38575 .dropdown-item a {
38576 display: block;
38577 width: 100%;
38578 color: #1d2125;
38580 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
38581 outline: 0;
38582 background-color: #0f6cbf;
38583 color: #fff;
38585 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
38586 color: #fff;
38588 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
38589 position: relative;
38590 display: flex;
38591 align-items: center;
38593 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
38594 content: "\f00c";
38595 position: absolute;
38596 left: 0.4rem;
38597 font-size: 0.7rem;
38600 .dropdown-menu {
38601 width: fit-content;
38604 .dropdown-item.text-primary {
38605 color: #0f6cbf;
38607 .dropdown-item.text-primary:hover {
38608 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38611 .dropdown-item.text-secondary {
38612 color: #ced4da;
38614 .dropdown-item.text-secondary:hover {
38615 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38618 .dropdown-item.text-success {
38619 color: #357a32;
38621 .dropdown-item.text-success:hover {
38622 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38625 .dropdown-item.text-info {
38626 color: #008196;
38628 .dropdown-item.text-info:hover {
38629 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38632 .dropdown-item.text-warning {
38633 color: #f0ad4e;
38635 .dropdown-item.text-warning:hover {
38636 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38639 .dropdown-item.text-danger {
38640 color: #ca3120;
38642 .dropdown-item.text-danger:hover {
38643 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38646 .dropdown-item.text-light {
38647 color: #f8f9fa;
38649 .dropdown-item.text-light:hover {
38650 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38653 .dropdown-item.text-dark {
38654 color: #343a40;
38656 .dropdown-item.text-dark:hover {
38657 color: #fff !important; /* stylelint-disable-line declaration-no-important */
38661 Deprecations
38663 .path-course-view li.activity form.togglecompletion {
38664 /* stylelint-disable declaration-no-important */
38665 /* stylelint-enable */
38667 body.behat-site .path-course-view li.activity form.togglecompletion,
38668 .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,
38669 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion {
38670 outline: 3px dotted #ca3120 !important;
38671 background-color: #fceeed !important;
38673 body.behat-site .path-course-view li.activity form.togglecompletion::before,
38674 .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,
38675 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion::before {
38676 content: "Deprecated style in use" !important;
38677 color: #ca3120 !important;
38678 font-size: smaller !important;
38681 .path-course-view li.activity form.togglecompletion .ajaxworking {
38682 width: 16px;
38683 height: 16px;
38684 position: absolute;
38685 right: 22px;
38686 top: 3px;
38687 background: url([[pix:i/ajaxloader]]) no-repeat;
38690 .path-course-view li.activity form.togglecompletion .btn {
38691 padding: 0;
38694 .path-course-view li.activity form.togglecompletion img {
38695 max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
38698 body {
38699 -webkit-font-smoothing: antialiased;
38700 -moz-osx-font-smoothing: grayscale;
38703 .navbar {
38704 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
38707 .userpicture {
38708 border-radius: 50%;
38711 .block {
38712 background-color: #f8f9fa;
38715 #page-my-index {
38716 background-color: #fff;
38719 .btn-outline-secondary {
38720 color: #6a737b;
38721 border-color: #6a737b;
38722 border-color: #6a737b;
38724 .btn-outline-secondary:hover {
38725 color: #fff;
38726 background-color: #6a737b;
38727 border-color: #6a737b;
38729 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
38730 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38732 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
38733 color: #6a737b;
38734 background-color: transparent;
38736 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
38737 color: #fff;
38738 background-color: #6a737b;
38739 border-color: #6a737b;
38741 .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 {
38742 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38745 .btn-outline-info {
38746 color: #1f7e9a;
38747 border-color: #1f7e9a;
38749 .btn-outline-info:hover {
38750 color: #fff;
38751 background-color: #1f7e9a;
38752 border-color: #1f7e9a;
38754 .btn-outline-info:focus, .btn-outline-info.focus {
38755 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38757 .btn-outline-info.disabled, .btn-outline-info:disabled {
38758 color: #1f7e9a;
38759 background-color: transparent;
38761 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
38762 color: #fff;
38763 background-color: #1f7e9a;
38764 border-color: #1f7e9a;
38766 .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 {
38767 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38770 .btn-outline-warning {
38771 color: #a6670e;
38772 border-color: #a6670e;
38774 .btn-outline-warning:hover {
38775 color: #fff;
38776 background-color: #a6670e;
38777 border-color: #a6670e;
38779 .btn-outline-warning:focus, .btn-outline-warning.focus {
38780 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38782 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
38783 color: #a6670e;
38784 background-color: transparent;
38786 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
38787 color: #fff;
38788 background-color: #a6670e;
38789 border-color: #a6670e;
38791 .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 {
38792 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38795 .path-grade-report-grader .gradeparent tr.heading {
38796 top: 50px;
38798 .path-grade-report-grader .gradeparent th.header {
38799 left: 0;
38802 @media (max-width: 767.98px) {
38803 .blockcolumn,
38804 .region-main {
38805 flex: 0 0 100%;
38806 max-width: 100%;
38807 padding: 0 1rem;
38808 margin-bottom: 1rem;
38811 @media (min-width: 768px) {
38812 #page-content {
38813 display: flex;
38815 #page-content .region-main {
38816 flex: 0 0 100%;
38817 padding: 0 1rem;
38818 max-width: 100%;
38820 #page-content.blocks-pre .columnleft {
38821 flex: 0 0 32%;
38822 order: -1;
38823 padding: 0 1rem;
38824 max-width: 32%;
38826 #page-content.blocks-pre .region-main {
38827 flex: 0 0 68%;
38828 max-width: 68%;
38829 padding: 0 1rem 0 0;
38831 #page-content.blocks-pre .region-main #region-main {
38832 border: 1px solid rgba(0, 0, 0, 0.125);
38833 padding: 1.25rem;
38834 border-radius: 0.25rem;
38836 #page-content.blocks-post .region-main {
38837 flex: 0 0 68%;
38838 max-width: 68%;
38839 padding: 0 0 0 1rem;
38841 #page-content.blocks-post .columnright {
38842 flex: 0 0 32%;
38843 padding: 0 1rem;
38844 max-width: 32%;
38846 #page-content.blocks-pre.blocks-post .region-main {
38847 flex: 0 0 36%;
38848 max-width: 36%;
38849 padding: 0;
38851 #page-content [data-region=blocks-column] {
38852 width: 100%;
38854 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38855 flex: 0 0 68%;
38856 max-width: 68%;
38857 padding-left: 1rem;
38859 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38860 flex: 0 0 32%;
38861 padding: 0 1rem;
38862 max-width: 32%;
38864 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38865 flex: 0 0 68%;
38866 max-width: 68%;
38867 padding-right: 1rem;
38869 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38870 flex: 0 0 32%;
38871 order: -1;
38872 padding: 0 1rem;
38873 max-width: 32%;
38875 .used-region-side-post.used-region-side-pre #page-content .region-main {
38876 flex: 0 0 36%;
38877 max-width: 36%;
38878 padding: 0;
38880 .used-region-side-post.used-region-side-pre #page-content .columnleft {
38881 flex: 0 0 32%;
38882 order: -1;
38883 padding: 0 1rem;
38884 max-width: 32%;
38886 .used-region-side-post.used-region-side-pre #page-content .columnright {
38887 flex: 0 0 32%;
38888 padding: 0 1rem;
38889 max-width: 32%;
38892 @media (min-width: 992px) {
38893 #page-content {
38894 display: flex;
38896 #page-content .region-main {
38897 flex: 0 0 100%;
38898 padding: 0 1rem;
38899 max-width: 100%;
38901 #page-content.blocks-pre .columnleft {
38902 flex: 0 0 25%;
38903 order: -1;
38904 padding: 0 1rem;
38905 max-width: 25%;
38907 #page-content.blocks-pre .region-main {
38908 flex: 0 0 75%;
38909 max-width: 75%;
38910 padding: 0 1rem 0 0;
38912 #page-content.blocks-pre .region-main #region-main {
38913 border: 1px solid rgba(0, 0, 0, 0.125);
38914 padding: 1.25rem;
38915 border-radius: 0.25rem;
38917 #page-content.blocks-post .region-main {
38918 flex: 0 0 75%;
38919 max-width: 75%;
38920 padding: 0 0 0 1rem;
38922 #page-content.blocks-post .columnright {
38923 flex: 0 0 25%;
38924 padding: 0 1rem;
38925 max-width: 25%;
38927 #page-content.blocks-pre.blocks-post .region-main {
38928 flex: 0 0 50%;
38929 max-width: 50%;
38930 padding: 0;
38932 #page-content [data-region=blocks-column] {
38933 width: 100%;
38935 .empty-region-side-pre.used-region-side-post #page-content .region-main {
38936 flex: 0 0 75%;
38937 max-width: 75%;
38938 padding-left: 1rem;
38940 .empty-region-side-pre.used-region-side-post #page-content .columnright {
38941 flex: 0 0 25%;
38942 padding: 0 1rem;
38943 max-width: 25%;
38945 .empty-region-side-post.used-region-side-pre #page-content .region-main {
38946 flex: 0 0 75%;
38947 max-width: 75%;
38948 padding-right: 1rem;
38950 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
38951 flex: 0 0 25%;
38952 order: -1;
38953 padding: 0 1rem;
38954 max-width: 25%;
38956 .used-region-side-post.used-region-side-pre #page-content .region-main {
38957 flex: 0 0 50%;
38958 max-width: 50%;
38959 padding: 0;
38961 .used-region-side-post.used-region-side-pre #page-content .columnleft {
38962 flex: 0 0 25%;
38963 order: -1;
38964 padding: 0 1rem;
38965 max-width: 25%;
38967 .used-region-side-post.used-region-side-pre #page-content .columnright {
38968 flex: 0 0 25%;
38969 padding: 0 1rem;
38970 max-width: 25%;
38973 @media (min-width: 1200px) {
38974 #page-content {
38975 display: flex;
38977 #page-content .region-main {
38978 flex: 0 0 100%;
38979 padding: 0 1rem;
38980 max-width: 100%;
38982 #page-content.blocks-pre .columnleft {
38983 flex: 0 0 20%;
38984 order: -1;
38985 padding: 0 1rem;
38986 max-width: 20%;
38988 #page-content.blocks-pre .region-main {
38989 flex: 0 0 80%;
38990 max-width: 80%;
38991 padding: 0 1rem 0 0;
38993 #page-content.blocks-pre .region-main #region-main {
38994 border: 1px solid rgba(0, 0, 0, 0.125);
38995 padding: 1.25rem;
38996 border-radius: 0.25rem;
38998 #page-content.blocks-post .region-main {
38999 flex: 0 0 80%;
39000 max-width: 80%;
39001 padding: 0 0 0 1rem;
39003 #page-content.blocks-post .columnright {
39004 flex: 0 0 20%;
39005 padding: 0 1rem;
39006 max-width: 20%;
39008 #page-content.blocks-pre.blocks-post .region-main {
39009 flex: 0 0 60%;
39010 max-width: 60%;
39011 padding: 0;
39013 #page-content [data-region=blocks-column] {
39014 width: 100%;
39016 .empty-region-side-pre.used-region-side-post #page-content .region-main {
39017 flex: 0 0 80%;
39018 max-width: 80%;
39019 padding-left: 1rem;
39021 .empty-region-side-pre.used-region-side-post #page-content .columnright {
39022 flex: 0 0 20%;
39023 padding: 0 1rem;
39024 max-width: 20%;
39026 .empty-region-side-post.used-region-side-pre #page-content .region-main {
39027 flex: 0 0 80%;
39028 max-width: 80%;
39029 padding-right: 1rem;
39031 .empty-region-side-post.used-region-side-pre #page-content .columnleft {
39032 flex: 0 0 20%;
39033 order: -1;
39034 padding: 0 1rem;
39035 max-width: 20%;
39037 .used-region-side-post.used-region-side-pre #page-content .region-main {
39038 flex: 0 0 60%;
39039 max-width: 60%;
39040 padding: 0;
39042 .used-region-side-post.used-region-side-pre #page-content .columnleft {
39043 flex: 0 0 20%;
39044 order: -1;
39045 padding: 0 1rem;
39046 max-width: 20%;
39048 .used-region-side-post.used-region-side-pre #page-content .columnright {
39049 flex: 0 0 20%;
39050 padding: 0 1rem;
39051 max-width: 20%;
39054 @media print {
39055 #page-content .region-main {
39056 max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
39057 flex: 0 0 100% !important; /* stylelint-disable-line declaration-no-important */
39058 padding: 0 1rem 0 !important; /* stylelint-disable-line declaration-no-important */
39061 @media (min-width: 576px) {
39062 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39063 width: calc(50% - 0.5rem);
39066 @media (min-width: 768px) {
39067 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39068 width: calc(50% - 0.5rem);
39070 .blocks-post .dashboard-card-deck .dashboard-card,
39071 .blocks-pre .dashboard-card-deck .dashboard-card {
39072 width: calc(100% - 0.5rem);
39075 @media (min-width: 992px) {
39076 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39077 width: calc(33.33% - 0.5rem);
39079 .blocks-post .dashboard-card-deck .dashboard-card,
39080 .blocks-pre .dashboard-card-deck .dashboard-card {
39081 width: calc(50% - 0.5rem);
39084 @media (min-width: 1200px) {
39085 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39086 width: calc(25% - 0.5rem);
39088 .blocks-post .dashboard-card-deck .dashboard-card,
39089 .blocks-pre .dashboard-card-deck .dashboard-card {
39090 width: calc(33.33% - 0.5rem);
39093 @media (min-width: 1360px) {
39094 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
39095 width: calc(20% - 0.5rem);
39097 .blocks-post .dashboard-card-deck .dashboard-card,
39098 .blocks-pre .dashboard-card-deck .dashboard-card {
39099 width: calc(25% - 0.5rem);
39102 @media (min-width: 768px) {
39103 .blockcolumn .dashboard-card-deck {
39104 margin-left: 0;
39105 margin-right: 0;
39107 .blockcolumn .dashboard-card-deck .dashboard-card {
39108 width: calc(100% - 0.5rem) !important; /* stylelint-disable-line declaration-no-important */
39111 .block_navigation .block_tree.list > li > ul,
39112 .block_settings .block_tree.list > li > ul {
39113 padding-left: 0;
39115 .block_navigation .block_tree .tree_item.branch,
39116 .block_settings .block_tree .tree_item.branch {
39117 margin-left: 5px;
39118 padding-left: 0.75rem;
39120 .block_navigation .block_tree p.hasicon,
39121 .block_settings .block_tree p.hasicon {
39122 text-indent: 0;
39123 padding-left: 0.75rem;
39125 .block_navigation .block_tree ul,
39126 .block_settings .block_tree ul {
39127 margin-left: 0.25rem;
39128 padding-left: 1rem;
39131 .block_navigation .block_tree p.hasicon .icon,
39132 .block_settings .block_tree p.hasicon .icon {
39133 margin-right: 5px;
39136 .root_node,
39137 .navigation_node {
39138 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
39139 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
39142 .block.block_settings #settingsnav {
39143 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
39146 #page-footer {
39147 padding-top: 0.5rem;
39148 padding-bottom: 0.5rem;
39151 body.hasstickyfooter #page-footer {
39152 padding-bottom: calc(1rem * .5 + max(80px, 0.9375rem * 3));