on-demand release 4.5dev+
[moodle.git] / theme / boost / style / moodle.css
blob4ca9d8a606a7f3ee260a32a6de80339de107d46a
1 @charset "UTF-8";
2 /*!
3 * Font Awesome Free 6.5.2 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 2024 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-jxl:before {
157 content: "\e67b";
160 .fa-hire-a-helper:before {
161 content: "\f3b0";
164 .fa-creative-commons-by:before {
165 content: "\f4e7";
168 .fa-unity:before {
169 content: "\e049";
172 .fa-whmcs:before {
173 content: "\f40d";
176 .fa-rocketchat:before {
177 content: "\f3e8";
180 .fa-vk:before {
181 content: "\f189";
184 .fa-untappd:before {
185 content: "\f405";
188 .fa-mailchimp:before {
189 content: "\f59e";
192 .fa-css3-alt:before {
193 content: "\f38b";
196 .fa-square-reddit:before {
197 content: "\f1a2";
200 .fa-reddit-square:before {
201 content: "\f1a2";
204 .fa-vimeo-v:before {
205 content: "\f27d";
208 .fa-contao:before {
209 content: "\f26d";
212 .fa-square-font-awesome:before {
213 content: "\e5ad";
216 .fa-deskpro:before {
217 content: "\f38f";
220 .fa-brave:before {
221 content: "\e63c";
224 .fa-sistrix:before {
225 content: "\f3ee";
228 .fa-square-instagram:before {
229 content: "\e055";
232 .fa-instagram-square:before {
233 content: "\e055";
236 .fa-battle-net:before {
237 content: "\f835";
240 .fa-the-red-yeti:before {
241 content: "\f69d";
244 .fa-square-hacker-news:before {
245 content: "\f3af";
248 .fa-hacker-news-square:before {
249 content: "\f3af";
252 .fa-edge:before {
253 content: "\f282";
256 .fa-threads:before {
257 content: "\e618";
260 .fa-napster:before {
261 content: "\f3d2";
264 .fa-square-snapchat:before {
265 content: "\f2ad";
268 .fa-snapchat-square:before {
269 content: "\f2ad";
272 .fa-google-plus-g:before {
273 content: "\f0d5";
276 .fa-artstation:before {
277 content: "\f77a";
280 .fa-markdown:before {
281 content: "\f60f";
284 .fa-sourcetree:before {
285 content: "\f7d3";
288 .fa-google-plus:before {
289 content: "\f2b3";
292 .fa-diaspora:before {
293 content: "\f791";
296 .fa-foursquare:before {
297 content: "\f180";
300 .fa-stack-overflow:before {
301 content: "\f16c";
304 .fa-github-alt:before {
305 content: "\f113";
308 .fa-phoenix-squadron:before {
309 content: "\f511";
312 .fa-pagelines:before {
313 content: "\f18c";
316 .fa-algolia:before {
317 content: "\f36c";
320 .fa-red-river:before {
321 content: "\f3e3";
324 .fa-creative-commons-sa:before {
325 content: "\f4ef";
328 .fa-safari:before {
329 content: "\f267";
332 .fa-google:before {
333 content: "\f1a0";
336 .fa-square-font-awesome-stroke:before {
337 content: "\f35c";
340 .fa-font-awesome-alt:before {
341 content: "\f35c";
344 .fa-atlassian:before {
345 content: "\f77b";
348 .fa-linkedin-in:before {
349 content: "\f0e1";
352 .fa-digital-ocean:before {
353 content: "\f391";
356 .fa-nimblr:before {
357 content: "\f5a8";
360 .fa-chromecast:before {
361 content: "\f838";
364 .fa-evernote:before {
365 content: "\f839";
368 .fa-hacker-news:before {
369 content: "\f1d4";
372 .fa-creative-commons-sampling:before {
373 content: "\f4f0";
376 .fa-adversal:before {
377 content: "\f36a";
380 .fa-creative-commons:before {
381 content: "\f25e";
384 .fa-watchman-monitoring:before {
385 content: "\e087";
388 .fa-fonticons:before {
389 content: "\f280";
392 .fa-weixin:before {
393 content: "\f1d7";
396 .fa-shirtsinbulk:before {
397 content: "\f214";
400 .fa-codepen:before {
401 content: "\f1cb";
404 .fa-git-alt:before {
405 content: "\f841";
408 .fa-lyft:before {
409 content: "\f3c3";
412 .fa-rev:before {
413 content: "\f5b2";
416 .fa-windows:before {
417 content: "\f17a";
420 .fa-wizards-of-the-coast:before {
421 content: "\f730";
424 .fa-square-viadeo:before {
425 content: "\f2aa";
428 .fa-viadeo-square:before {
429 content: "\f2aa";
432 .fa-meetup:before {
433 content: "\f2e0";
436 .fa-centos:before {
437 content: "\f789";
440 .fa-adn:before {
441 content: "\f170";
444 .fa-cloudsmith:before {
445 content: "\f384";
448 .fa-opensuse:before {
449 content: "\e62b";
452 .fa-pied-piper-alt:before {
453 content: "\f1a8";
456 .fa-square-dribbble:before {
457 content: "\f397";
460 .fa-dribbble-square:before {
461 content: "\f397";
464 .fa-codiepie:before {
465 content: "\f284";
468 .fa-node:before {
469 content: "\f419";
472 .fa-mix:before {
473 content: "\f3cb";
476 .fa-steam:before {
477 content: "\f1b6";
480 .fa-cc-apple-pay:before {
481 content: "\f416";
484 .fa-scribd:before {
485 content: "\f28a";
488 .fa-debian:before {
489 content: "\e60b";
492 .fa-openid:before {
493 content: "\f19b";
496 .fa-instalod:before {
497 content: "\e081";
500 .fa-expeditedssl:before {
501 content: "\f23e";
504 .fa-sellcast:before {
505 content: "\f2da";
508 .fa-square-twitter:before {
509 content: "\f081";
512 .fa-twitter-square:before {
513 content: "\f081";
516 .fa-r-project:before {
517 content: "\f4f7";
520 .fa-delicious:before {
521 content: "\f1a5";
524 .fa-freebsd:before {
525 content: "\f3a4";
528 .fa-vuejs:before {
529 content: "\f41f";
532 .fa-accusoft:before {
533 content: "\f369";
536 .fa-ioxhost:before {
537 content: "\f208";
540 .fa-fonticons-fi:before {
541 content: "\f3a2";
544 .fa-app-store:before {
545 content: "\f36f";
548 .fa-cc-mastercard:before {
549 content: "\f1f1";
552 .fa-itunes-note:before {
553 content: "\f3b5";
556 .fa-golang:before {
557 content: "\e40f";
560 .fa-kickstarter:before {
561 content: "\f3bb";
564 .fa-square-kickstarter:before {
565 content: "\f3bb";
568 .fa-grav:before {
569 content: "\f2d6";
572 .fa-weibo:before {
573 content: "\f18a";
576 .fa-uncharted:before {
577 content: "\e084";
580 .fa-firstdraft:before {
581 content: "\f3a1";
584 .fa-square-youtube:before {
585 content: "\f431";
588 .fa-youtube-square:before {
589 content: "\f431";
592 .fa-wikipedia-w:before {
593 content: "\f266";
596 .fa-wpressr:before {
597 content: "\f3e4";
600 .fa-rendact:before {
601 content: "\f3e4";
604 .fa-angellist:before {
605 content: "\f209";
608 .fa-galactic-republic:before {
609 content: "\f50c";
612 .fa-nfc-directional:before {
613 content: "\e530";
616 .fa-skype:before {
617 content: "\f17e";
620 .fa-joget:before {
621 content: "\f3b7";
624 .fa-fedora:before {
625 content: "\f798";
628 .fa-stripe-s:before {
629 content: "\f42a";
632 .fa-meta:before {
633 content: "\e49b";
636 .fa-laravel:before {
637 content: "\f3bd";
640 .fa-hotjar:before {
641 content: "\f3b1";
644 .fa-bluetooth-b:before {
645 content: "\f294";
648 .fa-square-letterboxd:before {
649 content: "\e62e";
652 .fa-sticker-mule:before {
653 content: "\f3f7";
656 .fa-creative-commons-zero:before {
657 content: "\f4f3";
660 .fa-hips:before {
661 content: "\f452";
664 .fa-behance:before {
665 content: "\f1b4";
668 .fa-reddit:before {
669 content: "\f1a1";
672 .fa-discord:before {
673 content: "\f392";
676 .fa-chrome:before {
677 content: "\f268";
680 .fa-app-store-ios:before {
681 content: "\f370";
684 .fa-cc-discover:before {
685 content: "\f1f2";
688 .fa-wpbeginner:before {
689 content: "\f297";
692 .fa-confluence:before {
693 content: "\f78d";
696 .fa-shoelace:before {
697 content: "\e60c";
700 .fa-mdb:before {
701 content: "\f8ca";
704 .fa-dochub:before {
705 content: "\f394";
708 .fa-accessible-icon:before {
709 content: "\f368";
712 .fa-ebay:before {
713 content: "\f4f4";
716 .fa-amazon:before {
717 content: "\f270";
720 .fa-unsplash:before {
721 content: "\e07c";
724 .fa-yarn:before {
725 content: "\f7e3";
728 .fa-square-steam:before {
729 content: "\f1b7";
732 .fa-steam-square:before {
733 content: "\f1b7";
736 .fa-500px:before {
737 content: "\f26e";
740 .fa-square-vimeo:before {
741 content: "\f194";
744 .fa-vimeo-square:before {
745 content: "\f194";
748 .fa-asymmetrik:before {
749 content: "\f372";
752 .fa-font-awesome:before {
753 content: "\f2b4";
756 .fa-font-awesome-flag:before {
757 content: "\f2b4";
760 .fa-font-awesome-logo-full:before {
761 content: "\f2b4";
764 .fa-gratipay:before {
765 content: "\f184";
768 .fa-apple:before {
769 content: "\f179";
772 .fa-hive:before {
773 content: "\e07f";
776 .fa-gitkraken:before {
777 content: "\f3a6";
780 .fa-keybase:before {
781 content: "\f4f5";
784 .fa-apple-pay:before {
785 content: "\f415";
788 .fa-padlet:before {
789 content: "\e4a0";
792 .fa-amazon-pay:before {
793 content: "\f42c";
796 .fa-square-github:before {
797 content: "\f092";
800 .fa-github-square:before {
801 content: "\f092";
804 .fa-stumbleupon:before {
805 content: "\f1a4";
808 .fa-fedex:before {
809 content: "\f797";
812 .fa-phoenix-framework:before {
813 content: "\f3dc";
816 .fa-shopify:before {
817 content: "\e057";
820 .fa-neos:before {
821 content: "\f612";
824 .fa-square-threads:before {
825 content: "\e619";
828 .fa-hackerrank:before {
829 content: "\f5f7";
832 .fa-researchgate:before {
833 content: "\f4f8";
836 .fa-swift:before {
837 content: "\f8e1";
840 .fa-angular:before {
841 content: "\f420";
844 .fa-speakap:before {
845 content: "\f3f3";
848 .fa-angrycreative:before {
849 content: "\f36e";
852 .fa-y-combinator:before {
853 content: "\f23b";
856 .fa-empire:before {
857 content: "\f1d1";
860 .fa-envira:before {
861 content: "\f299";
864 .fa-google-scholar:before {
865 content: "\e63b";
868 .fa-square-gitlab:before {
869 content: "\e5ae";
872 .fa-gitlab-square:before {
873 content: "\e5ae";
876 .fa-studiovinari:before {
877 content: "\f3f8";
880 .fa-pied-piper:before {
881 content: "\f2ae";
884 .fa-wordpress:before {
885 content: "\f19a";
888 .fa-product-hunt:before {
889 content: "\f288";
892 .fa-firefox:before {
893 content: "\f269";
896 .fa-linode:before {
897 content: "\f2b8";
900 .fa-goodreads:before {
901 content: "\f3a8";
904 .fa-square-odnoklassniki:before {
905 content: "\f264";
908 .fa-odnoklassniki-square:before {
909 content: "\f264";
912 .fa-jsfiddle:before {
913 content: "\f1cc";
916 .fa-sith:before {
917 content: "\f512";
920 .fa-themeisle:before {
921 content: "\f2b2";
924 .fa-page4:before {
925 content: "\f3d7";
928 .fa-hashnode:before {
929 content: "\e499";
932 .fa-react:before {
933 content: "\f41b";
936 .fa-cc-paypal:before {
937 content: "\f1f4";
940 .fa-squarespace:before {
941 content: "\f5be";
944 .fa-cc-stripe:before {
945 content: "\f1f5";
948 .fa-creative-commons-share:before {
949 content: "\f4f2";
952 .fa-bitcoin:before {
953 content: "\f379";
956 .fa-keycdn:before {
957 content: "\f3ba";
960 .fa-opera:before {
961 content: "\f26a";
964 .fa-itch-io:before {
965 content: "\f83a";
968 .fa-umbraco:before {
969 content: "\f8e8";
972 .fa-galactic-senate:before {
973 content: "\f50d";
976 .fa-ubuntu:before {
977 content: "\f7df";
980 .fa-draft2digital:before {
981 content: "\f396";
984 .fa-stripe:before {
985 content: "\f429";
988 .fa-houzz:before {
989 content: "\f27c";
992 .fa-gg:before {
993 content: "\f260";
996 .fa-dhl:before {
997 content: "\f790";
1000 .fa-square-pinterest:before {
1001 content: "\f0d3";
1004 .fa-pinterest-square:before {
1005 content: "\f0d3";
1008 .fa-xing:before {
1009 content: "\f168";
1012 .fa-blackberry:before {
1013 content: "\f37b";
1016 .fa-creative-commons-pd:before {
1017 content: "\f4ec";
1020 .fa-playstation:before {
1021 content: "\f3df";
1024 .fa-quinscape:before {
1025 content: "\f459";
1028 .fa-less:before {
1029 content: "\f41d";
1032 .fa-blogger-b:before {
1033 content: "\f37d";
1036 .fa-opencart:before {
1037 content: "\f23d";
1040 .fa-vine:before {
1041 content: "\f1ca";
1044 .fa-signal-messenger:before {
1045 content: "\e663";
1048 .fa-paypal:before {
1049 content: "\f1ed";
1052 .fa-gitlab:before {
1053 content: "\f296";
1056 .fa-typo3:before {
1057 content: "\f42b";
1060 .fa-reddit-alien:before {
1061 content: "\f281";
1064 .fa-yahoo:before {
1065 content: "\f19e";
1068 .fa-dailymotion:before {
1069 content: "\e052";
1072 .fa-affiliatetheme:before {
1073 content: "\f36b";
1076 .fa-pied-piper-pp:before {
1077 content: "\f1a7";
1080 .fa-bootstrap:before {
1081 content: "\f836";
1084 .fa-odnoklassniki:before {
1085 content: "\f263";
1088 .fa-nfc-symbol:before {
1089 content: "\e531";
1092 .fa-mintbit:before {
1093 content: "\e62f";
1096 .fa-ethereum:before {
1097 content: "\f42e";
1100 .fa-speaker-deck:before {
1101 content: "\f83c";
1104 .fa-creative-commons-nc-eu:before {
1105 content: "\f4e9";
1108 .fa-patreon:before {
1109 content: "\f3d9";
1112 .fa-avianex:before {
1113 content: "\f374";
1116 .fa-ello:before {
1117 content: "\f5f1";
1120 .fa-gofore:before {
1121 content: "\f3a7";
1124 .fa-bimobject:before {
1125 content: "\f378";
1128 .fa-brave-reverse:before {
1129 content: "\e63d";
1132 .fa-facebook-f:before {
1133 content: "\f39e";
1136 .fa-square-google-plus:before {
1137 content: "\f0d4";
1140 .fa-google-plus-square:before {
1141 content: "\f0d4";
1144 .fa-web-awesome:before {
1145 content: "\e682";
1148 .fa-mandalorian:before {
1149 content: "\f50f";
1152 .fa-first-order-alt:before {
1153 content: "\f50a";
1156 .fa-osi:before {
1157 content: "\f41a";
1160 .fa-google-wallet:before {
1161 content: "\f1ee";
1164 .fa-d-and-d-beyond:before {
1165 content: "\f6ca";
1168 .fa-periscope:before {
1169 content: "\f3da";
1172 .fa-fulcrum:before {
1173 content: "\f50b";
1176 .fa-cloudscale:before {
1177 content: "\f383";
1180 .fa-forumbee:before {
1181 content: "\f211";
1184 .fa-mizuni:before {
1185 content: "\f3cc";
1188 .fa-schlix:before {
1189 content: "\f3ea";
1192 .fa-square-xing:before {
1193 content: "\f169";
1196 .fa-xing-square:before {
1197 content: "\f169";
1200 .fa-bandcamp:before {
1201 content: "\f2d5";
1204 .fa-wpforms:before {
1205 content: "\f298";
1208 .fa-cloudversify:before {
1209 content: "\f385";
1212 .fa-usps:before {
1213 content: "\f7e1";
1216 .fa-megaport:before {
1217 content: "\f5a3";
1220 .fa-magento:before {
1221 content: "\f3c4";
1224 .fa-spotify:before {
1225 content: "\f1bc";
1228 .fa-optin-monster:before {
1229 content: "\f23c";
1232 .fa-fly:before {
1233 content: "\f417";
1236 .fa-aviato:before {
1237 content: "\f421";
1240 .fa-itunes:before {
1241 content: "\f3b4";
1244 .fa-cuttlefish:before {
1245 content: "\f38c";
1248 .fa-blogger:before {
1249 content: "\f37c";
1252 .fa-flickr:before {
1253 content: "\f16e";
1256 .fa-viber:before {
1257 content: "\f409";
1260 .fa-soundcloud:before {
1261 content: "\f1be";
1264 .fa-digg:before {
1265 content: "\f1a6";
1268 .fa-tencent-weibo:before {
1269 content: "\f1d5";
1272 .fa-letterboxd:before {
1273 content: "\e62d";
1276 .fa-symfony:before {
1277 content: "\f83d";
1280 .fa-maxcdn:before {
1281 content: "\f136";
1284 .fa-etsy:before {
1285 content: "\f2d7";
1288 .fa-facebook-messenger:before {
1289 content: "\f39f";
1292 .fa-audible:before {
1293 content: "\f373";
1296 .fa-think-peaks:before {
1297 content: "\f731";
1300 .fa-bilibili:before {
1301 content: "\e3d9";
1304 .fa-erlang:before {
1305 content: "\f39d";
1308 .fa-x-twitter:before {
1309 content: "\e61b";
1312 .fa-cotton-bureau:before {
1313 content: "\f89e";
1316 .fa-dashcube:before {
1317 content: "\f210";
1320 .fa-42-group:before {
1321 content: "\e080";
1324 .fa-innosoft:before {
1325 content: "\e080";
1328 .fa-stack-exchange:before {
1329 content: "\f18d";
1332 .fa-elementor:before {
1333 content: "\f430";
1336 .fa-square-pied-piper:before {
1337 content: "\e01e";
1340 .fa-pied-piper-square:before {
1341 content: "\e01e";
1344 .fa-creative-commons-nd:before {
1345 content: "\f4eb";
1348 .fa-palfed:before {
1349 content: "\f3d8";
1352 .fa-superpowers:before {
1353 content: "\f2dd";
1356 .fa-resolving:before {
1357 content: "\f3e7";
1360 .fa-xbox:before {
1361 content: "\f412";
1364 .fa-square-web-awesome-stroke:before {
1365 content: "\e684";
1368 .fa-searchengin:before {
1369 content: "\f3eb";
1372 .fa-tiktok:before {
1373 content: "\e07b";
1376 .fa-square-facebook:before {
1377 content: "\f082";
1380 .fa-facebook-square:before {
1381 content: "\f082";
1384 .fa-renren:before {
1385 content: "\f18b";
1388 .fa-linux:before {
1389 content: "\f17c";
1392 .fa-glide:before {
1393 content: "\f2a5";
1396 .fa-linkedin:before {
1397 content: "\f08c";
1400 .fa-hubspot:before {
1401 content: "\f3b2";
1404 .fa-deploydog:before {
1405 content: "\f38e";
1408 .fa-twitch:before {
1409 content: "\f1e8";
1412 .fa-ravelry:before {
1413 content: "\f2d9";
1416 .fa-mixer:before {
1417 content: "\e056";
1420 .fa-square-lastfm:before {
1421 content: "\f203";
1424 .fa-lastfm-square:before {
1425 content: "\f203";
1428 .fa-vimeo:before {
1429 content: "\f40a";
1432 .fa-mendeley:before {
1433 content: "\f7b3";
1436 .fa-uniregistry:before {
1437 content: "\f404";
1440 .fa-figma:before {
1441 content: "\f799";
1444 .fa-creative-commons-remix:before {
1445 content: "\f4ee";
1448 .fa-cc-amazon-pay:before {
1449 content: "\f42d";
1452 .fa-dropbox:before {
1453 content: "\f16b";
1456 .fa-instagram:before {
1457 content: "\f16d";
1460 .fa-cmplid:before {
1461 content: "\e360";
1464 .fa-upwork:before {
1465 content: "\e641";
1468 .fa-facebook:before {
1469 content: "\f09a";
1472 .fa-gripfire:before {
1473 content: "\f3ac";
1476 .fa-jedi-order:before {
1477 content: "\f50e";
1480 .fa-uikit:before {
1481 content: "\f403";
1484 .fa-fort-awesome-alt:before {
1485 content: "\f3a3";
1488 .fa-phabricator:before {
1489 content: "\f3db";
1492 .fa-ussunnah:before {
1493 content: "\f407";
1496 .fa-earlybirds:before {
1497 content: "\f39a";
1500 .fa-trade-federation:before {
1501 content: "\f513";
1504 .fa-autoprefixer:before {
1505 content: "\f41c";
1508 .fa-whatsapp:before {
1509 content: "\f232";
1512 .fa-square-upwork:before {
1513 content: "\e67c";
1516 .fa-slideshare:before {
1517 content: "\f1e7";
1520 .fa-google-play:before {
1521 content: "\f3ab";
1524 .fa-viadeo:before {
1525 content: "\f2a9";
1528 .fa-line:before {
1529 content: "\f3c0";
1532 .fa-google-drive:before {
1533 content: "\f3aa";
1536 .fa-servicestack:before {
1537 content: "\f3ec";
1540 .fa-simplybuilt:before {
1541 content: "\f215";
1544 .fa-bitbucket:before {
1545 content: "\f171";
1548 .fa-imdb:before {
1549 content: "\f2d8";
1552 .fa-deezer:before {
1553 content: "\e077";
1556 .fa-raspberry-pi:before {
1557 content: "\f7bb";
1560 .fa-jira:before {
1561 content: "\f7b1";
1564 .fa-docker:before {
1565 content: "\f395";
1568 .fa-screenpal:before {
1569 content: "\e570";
1572 .fa-bluetooth:before {
1573 content: "\f293";
1576 .fa-gitter:before {
1577 content: "\f426";
1580 .fa-d-and-d:before {
1581 content: "\f38d";
1584 .fa-microblog:before {
1585 content: "\e01a";
1588 .fa-cc-diners-club:before {
1589 content: "\f24c";
1592 .fa-gg-circle:before {
1593 content: "\f261";
1596 .fa-pied-piper-hat:before {
1597 content: "\f4e5";
1600 .fa-kickstarter-k:before {
1601 content: "\f3bc";
1604 .fa-yandex:before {
1605 content: "\f413";
1608 .fa-readme:before {
1609 content: "\f4d5";
1612 .fa-html5:before {
1613 content: "\f13b";
1616 .fa-sellsy:before {
1617 content: "\f213";
1620 .fa-square-web-awesome:before {
1621 content: "\e683";
1624 .fa-sass:before {
1625 content: "\f41e";
1628 .fa-wirsindhandwerk:before {
1629 content: "\e2d0";
1632 .fa-wsh:before {
1633 content: "\e2d0";
1636 .fa-buromobelexperte:before {
1637 content: "\f37f";
1640 .fa-salesforce:before {
1641 content: "\f83b";
1644 .fa-octopus-deploy:before {
1645 content: "\e082";
1648 .fa-medapps:before {
1649 content: "\f3c6";
1652 .fa-ns8:before {
1653 content: "\f3d5";
1656 .fa-pinterest-p:before {
1657 content: "\f231";
1660 .fa-apper:before {
1661 content: "\f371";
1664 .fa-fort-awesome:before {
1665 content: "\f286";
1668 .fa-waze:before {
1669 content: "\f83f";
1672 .fa-bluesky:before {
1673 content: "\e671";
1676 .fa-cc-jcb:before {
1677 content: "\f24b";
1680 .fa-snapchat:before {
1681 content: "\f2ab";
1684 .fa-snapchat-ghost:before {
1685 content: "\f2ab";
1688 .fa-fantasy-flight-games:before {
1689 content: "\f6dc";
1692 .fa-rust:before {
1693 content: "\e07a";
1696 .fa-wix:before {
1697 content: "\f5cf";
1700 .fa-square-behance:before {
1701 content: "\f1b5";
1704 .fa-behance-square:before {
1705 content: "\f1b5";
1708 .fa-supple:before {
1709 content: "\f3f9";
1712 .fa-webflow:before {
1713 content: "\e65c";
1716 .fa-rebel:before {
1717 content: "\f1d0";
1720 .fa-css3:before {
1721 content: "\f13c";
1724 .fa-staylinked:before {
1725 content: "\f3f5";
1728 .fa-kaggle:before {
1729 content: "\f5fa";
1732 .fa-space-awesome:before {
1733 content: "\e5ac";
1736 .fa-deviantart:before {
1737 content: "\f1bd";
1740 .fa-cpanel:before {
1741 content: "\f388";
1744 .fa-goodreads-g:before {
1745 content: "\f3a9";
1748 .fa-square-git:before {
1749 content: "\f1d2";
1752 .fa-git-square:before {
1753 content: "\f1d2";
1756 .fa-square-tumblr:before {
1757 content: "\f174";
1760 .fa-tumblr-square:before {
1761 content: "\f174";
1764 .fa-trello:before {
1765 content: "\f181";
1768 .fa-creative-commons-nc-jp:before {
1769 content: "\f4ea";
1772 .fa-get-pocket:before {
1773 content: "\f265";
1776 .fa-perbyte:before {
1777 content: "\e083";
1780 .fa-grunt:before {
1781 content: "\f3ad";
1784 .fa-weebly:before {
1785 content: "\f5cc";
1788 .fa-connectdevelop:before {
1789 content: "\f20e";
1792 .fa-leanpub:before {
1793 content: "\f212";
1796 .fa-black-tie:before {
1797 content: "\f27e";
1800 .fa-themeco:before {
1801 content: "\f5c6";
1804 .fa-python:before {
1805 content: "\f3e2";
1808 .fa-android:before {
1809 content: "\f17b";
1812 .fa-bots:before {
1813 content: "\e340";
1816 .fa-free-code-camp:before {
1817 content: "\f2c5";
1820 .fa-hornbill:before {
1821 content: "\f592";
1824 .fa-js:before {
1825 content: "\f3b8";
1828 .fa-ideal:before {
1829 content: "\e013";
1832 .fa-git:before {
1833 content: "\f1d3";
1836 .fa-dev:before {
1837 content: "\f6cc";
1840 .fa-sketch:before {
1841 content: "\f7c6";
1844 .fa-yandex-international:before {
1845 content: "\f414";
1848 .fa-cc-amex:before {
1849 content: "\f1f3";
1852 .fa-uber:before {
1853 content: "\f402";
1856 .fa-github:before {
1857 content: "\f09b";
1860 .fa-php:before {
1861 content: "\f457";
1864 .fa-alipay:before {
1865 content: "\f642";
1868 .fa-youtube:before {
1869 content: "\f167";
1872 .fa-skyatlas:before {
1873 content: "\f216";
1876 .fa-firefox-browser:before {
1877 content: "\e007";
1880 .fa-replyd:before {
1881 content: "\f3e6";
1884 .fa-suse:before {
1885 content: "\f7d6";
1888 .fa-jenkins:before {
1889 content: "\f3b6";
1892 .fa-twitter:before {
1893 content: "\f099";
1896 .fa-rockrms:before {
1897 content: "\f3e9";
1900 .fa-pinterest:before {
1901 content: "\f0d2";
1904 .fa-buffer:before {
1905 content: "\f837";
1908 .fa-npm:before {
1909 content: "\f3d4";
1912 .fa-yammer:before {
1913 content: "\f840";
1916 .fa-btc:before {
1917 content: "\f15a";
1920 .fa-dribbble:before {
1921 content: "\f17d";
1924 .fa-stumbleupon-circle:before {
1925 content: "\f1a3";
1928 .fa-internet-explorer:before {
1929 content: "\f26b";
1932 .fa-stubber:before {
1933 content: "\e5c7";
1936 .fa-telegram:before {
1937 content: "\f2c6";
1940 .fa-telegram-plane:before {
1941 content: "\f2c6";
1944 .fa-old-republic:before {
1945 content: "\f510";
1948 .fa-odysee:before {
1949 content: "\e5c6";
1952 .fa-square-whatsapp:before {
1953 content: "\f40c";
1956 .fa-whatsapp-square:before {
1957 content: "\f40c";
1960 .fa-node-js:before {
1961 content: "\f3d3";
1964 .fa-edge-legacy:before {
1965 content: "\e078";
1968 .fa-slack:before {
1969 content: "\f198";
1972 .fa-slack-hash:before {
1973 content: "\f198";
1976 .fa-medrt:before {
1977 content: "\f3c8";
1980 .fa-usb:before {
1981 content: "\f287";
1984 .fa-tumblr:before {
1985 content: "\f173";
1988 .fa-vaadin:before {
1989 content: "\f408";
1992 .fa-quora:before {
1993 content: "\f2c4";
1996 .fa-square-x-twitter:before {
1997 content: "\e61a";
2000 .fa-reacteurope:before {
2001 content: "\f75d";
2004 .fa-medium:before {
2005 content: "\f23a";
2008 .fa-medium-m:before {
2009 content: "\f23a";
2012 .fa-amilia:before {
2013 content: "\f36d";
2016 .fa-mixcloud:before {
2017 content: "\f289";
2020 .fa-flipboard:before {
2021 content: "\f44d";
2024 .fa-viacoin:before {
2025 content: "\f237";
2028 .fa-critical-role:before {
2029 content: "\f6c9";
2032 .fa-sitrox:before {
2033 content: "\e44a";
2036 .fa-discourse:before {
2037 content: "\f393";
2040 .fa-joomla:before {
2041 content: "\f1aa";
2044 .fa-mastodon:before {
2045 content: "\f4f6";
2048 .fa-airbnb:before {
2049 content: "\f834";
2052 .fa-wolf-pack-battalion:before {
2053 content: "\f514";
2056 .fa-buy-n-large:before {
2057 content: "\f8a6";
2060 .fa-gulp:before {
2061 content: "\f3ae";
2064 .fa-creative-commons-sampling-plus:before {
2065 content: "\f4f1";
2068 .fa-strava:before {
2069 content: "\f428";
2072 .fa-ember:before {
2073 content: "\f423";
2076 .fa-canadian-maple-leaf:before {
2077 content: "\f785";
2080 .fa-teamspeak:before {
2081 content: "\f4f9";
2084 .fa-pushed:before {
2085 content: "\f3e1";
2088 .fa-wordpress-simple:before {
2089 content: "\f411";
2092 .fa-nutritionix:before {
2093 content: "\f3d6";
2096 .fa-wodu:before {
2097 content: "\e088";
2100 .fa-google-pay:before {
2101 content: "\e079";
2104 .fa-intercom:before {
2105 content: "\f7af";
2108 .fa-zhihu:before {
2109 content: "\f63f";
2112 .fa-korvue:before {
2113 content: "\f42f";
2116 .fa-pix:before {
2117 content: "\e43a";
2120 .fa-steam-symbol:before {
2121 content: "\f3f6";
2125 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
2126 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2127 * Copyright 2024 Fonticons, Inc.
2129 :root, :host {
2130 --fa-style-family-classic: "Font Awesome 6 Free";
2131 --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
2134 @font-face {
2135 font-family: "Font Awesome 6 Free";
2136 font-style: normal;
2137 font-weight: 400;
2138 font-display: block;
2139 src: url("[[font:core|fa-regular-400.woff2]]") format("woff2"), url("[[font:core|fa-regular-400.ttf]]") format("truetype");
2141 .far,
2142 .fa-regular,
2143 .content-bank-container.view-grid .cb-unlisted::after {
2144 font-weight: 400;
2148 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
2149 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2150 * Copyright 2024 Fonticons, Inc.
2152 :root, :host {
2153 --fa-style-family-classic: "Font Awesome 6 Free";
2154 --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
2157 @font-face {
2158 font-family: "Font Awesome 6 Free";
2159 font-style: normal;
2160 font-weight: 900;
2161 font-display: block;
2162 src: url("[[font:core|fa-solid-900.woff2]]") format("woff2"), url("[[font:core|fa-solid-900.ttf]]") format("truetype");
2164 .fas,
2165 .fa-solid,
2166 .moremenu .dropdown-item[aria-current=true]:before,
2167 .moremenu .dropdown-item.active:before,
2168 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2169 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
2170 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2171 .toast.toast-warning .toast-body:before,
2172 .toast.toast-info .toast-body:before,
2173 .toast.toast-danger .toast-body:before,
2174 .toast.toast-success .toast-body:before,
2175 .editing .editinprogress:after,
2176 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
2177 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
2178 .block_settings .block_tree [aria-expanded=false] > p:before,
2179 .block_navigation .block_tree [aria-expanded=false] > p:before,
2180 .block_settings .block_tree [aria-expanded=true] > p:before,
2181 .block_navigation .block_tree [aria-expanded=true] > p:before,
2182 .dropdown-item[aria-current=true]:before,
2183 .dropdown-item[aria-selected=true]:before,
2184 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
2185 .action-menu .dropdown-subpanel .dropdown-item::after,
2186 .dropup .dropdown-toggle::after,
2187 .dropright .dropdown-toggle::after,
2188 .dropleft .dropdown-toggle::before,
2189 .dropdown-toggle::after {
2190 font-weight: 900;
2194 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
2195 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2196 * Copyright 2024 Fonticons, Inc.
2198 .fa.fa-glass:before {
2199 content: "\f000";
2202 .fa.fa-envelope-o {
2203 font-family: "Font Awesome 6 Free";
2204 font-weight: 400;
2207 .fa.fa-envelope-o:before {
2208 content: "\f0e0";
2211 .fa.fa-star-o {
2212 font-family: "Font Awesome 6 Free";
2213 font-weight: 400;
2216 .fa.fa-star-o:before {
2217 content: "\f005";
2220 .fa.fa-remove:before {
2221 content: "\f00d";
2224 .fa.fa-close:before {
2225 content: "\f00d";
2228 .fa.fa-gear:before {
2229 content: "\f013";
2232 .fa.fa-trash-o {
2233 font-family: "Font Awesome 6 Free";
2234 font-weight: 400;
2237 .fa.fa-trash-o:before {
2238 content: "\f2ed";
2241 .fa.fa-home:before {
2242 content: "\f015";
2245 .fa.fa-file-o {
2246 font-family: "Font Awesome 6 Free";
2247 font-weight: 400;
2250 .fa.fa-file-o:before {
2251 content: "\f15b";
2254 .fa.fa-clock-o {
2255 font-family: "Font Awesome 6 Free";
2256 font-weight: 400;
2259 .fa.fa-clock-o:before {
2260 content: "\f017";
2263 .fa.fa-arrow-circle-o-down {
2264 font-family: "Font Awesome 6 Free";
2265 font-weight: 400;
2268 .fa.fa-arrow-circle-o-down:before {
2269 content: "\f358";
2272 .fa.fa-arrow-circle-o-up {
2273 font-family: "Font Awesome 6 Free";
2274 font-weight: 400;
2277 .fa.fa-arrow-circle-o-up:before {
2278 content: "\f35b";
2281 .fa.fa-play-circle-o {
2282 font-family: "Font Awesome 6 Free";
2283 font-weight: 400;
2286 .fa.fa-play-circle-o:before {
2287 content: "\f144";
2290 .fa.fa-repeat:before {
2291 content: "\f01e";
2294 .fa.fa-rotate-right:before {
2295 content: "\f01e";
2298 .fa.fa-refresh:before {
2299 content: "\f021";
2302 .fa.fa-list-alt {
2303 font-family: "Font Awesome 6 Free";
2304 font-weight: 400;
2307 .fa.fa-list-alt:before {
2308 content: "\f022";
2311 .fa.fa-dedent:before {
2312 content: "\f03b";
2315 .fa.fa-video-camera:before {
2316 content: "\f03d";
2319 .fa.fa-picture-o {
2320 font-family: "Font Awesome 6 Free";
2321 font-weight: 400;
2324 .fa.fa-picture-o:before {
2325 content: "\f03e";
2328 .fa.fa-photo {
2329 font-family: "Font Awesome 6 Free";
2330 font-weight: 400;
2333 .fa.fa-photo:before {
2334 content: "\f03e";
2337 .fa.fa-image {
2338 font-family: "Font Awesome 6 Free";
2339 font-weight: 400;
2342 .fa.fa-image:before {
2343 content: "\f03e";
2346 .fa.fa-map-marker:before {
2347 content: "\f3c5";
2350 .fa.fa-pencil-square-o {
2351 font-family: "Font Awesome 6 Free";
2352 font-weight: 400;
2355 .fa.fa-pencil-square-o:before {
2356 content: "\f044";
2359 .fa.fa-edit {
2360 font-family: "Font Awesome 6 Free";
2361 font-weight: 400;
2364 .fa.fa-edit:before {
2365 content: "\f044";
2368 .fa.fa-share-square-o:before {
2369 content: "\f14d";
2372 .fa.fa-check-square-o {
2373 font-family: "Font Awesome 6 Free";
2374 font-weight: 400;
2377 .fa.fa-check-square-o:before {
2378 content: "\f14a";
2381 .fa.fa-arrows:before {
2382 content: "\f0b2";
2385 .fa.fa-times-circle-o {
2386 font-family: "Font Awesome 6 Free";
2387 font-weight: 400;
2390 .fa.fa-times-circle-o:before {
2391 content: "\f057";
2394 .fa.fa-check-circle-o {
2395 font-family: "Font Awesome 6 Free";
2396 font-weight: 400;
2399 .fa.fa-check-circle-o:before {
2400 content: "\f058";
2403 .fa.fa-mail-forward:before {
2404 content: "\f064";
2407 .fa.fa-expand:before {
2408 content: "\f424";
2411 .fa.fa-compress:before {
2412 content: "\f422";
2415 .fa.fa-eye {
2416 font-family: "Font Awesome 6 Free";
2417 font-weight: 400;
2420 .fa.fa-eye-slash {
2421 font-family: "Font Awesome 6 Free";
2422 font-weight: 400;
2425 .fa.fa-warning:before {
2426 content: "\f071";
2429 .fa.fa-calendar:before {
2430 content: "\f073";
2433 .fa.fa-arrows-v:before {
2434 content: "\f338";
2437 .fa.fa-arrows-h:before {
2438 content: "\f337";
2441 .fa.fa-bar-chart:before {
2442 content: "\e0e3";
2445 .fa.fa-bar-chart-o:before {
2446 content: "\e0e3";
2449 .fa.fa-twitter-square {
2450 font-family: "Font Awesome 6 Brands";
2451 font-weight: 400;
2454 .fa.fa-twitter-square:before {
2455 content: "\f081";
2458 .fa.fa-facebook-square {
2459 font-family: "Font Awesome 6 Brands";
2460 font-weight: 400;
2463 .fa.fa-facebook-square:before {
2464 content: "\f082";
2467 .fa.fa-gears:before {
2468 content: "\f085";
2471 .fa.fa-thumbs-o-up {
2472 font-family: "Font Awesome 6 Free";
2473 font-weight: 400;
2476 .fa.fa-thumbs-o-up:before {
2477 content: "\f164";
2480 .fa.fa-thumbs-o-down {
2481 font-family: "Font Awesome 6 Free";
2482 font-weight: 400;
2485 .fa.fa-thumbs-o-down:before {
2486 content: "\f165";
2489 .fa.fa-heart-o {
2490 font-family: "Font Awesome 6 Free";
2491 font-weight: 400;
2494 .fa.fa-heart-o:before {
2495 content: "\f004";
2498 .fa.fa-sign-out:before {
2499 content: "\f2f5";
2502 .fa.fa-linkedin-square {
2503 font-family: "Font Awesome 6 Brands";
2504 font-weight: 400;
2507 .fa.fa-linkedin-square:before {
2508 content: "\f08c";
2511 .fa.fa-thumb-tack:before {
2512 content: "\f08d";
2515 .fa.fa-external-link:before {
2516 content: "\f35d";
2519 .fa.fa-sign-in:before {
2520 content: "\f2f6";
2523 .fa.fa-github-square {
2524 font-family: "Font Awesome 6 Brands";
2525 font-weight: 400;
2528 .fa.fa-github-square:before {
2529 content: "\f092";
2532 .fa.fa-lemon-o {
2533 font-family: "Font Awesome 6 Free";
2534 font-weight: 400;
2537 .fa.fa-lemon-o:before {
2538 content: "\f094";
2541 .fa.fa-square-o {
2542 font-family: "Font Awesome 6 Free";
2543 font-weight: 400;
2546 .fa.fa-square-o:before {
2547 content: "\f0c8";
2550 .fa.fa-bookmark-o {
2551 font-family: "Font Awesome 6 Free";
2552 font-weight: 400;
2555 .fa.fa-bookmark-o:before {
2556 content: "\f02e";
2559 .fa.fa-twitter {
2560 font-family: "Font Awesome 6 Brands";
2561 font-weight: 400;
2564 .fa.fa-facebook {
2565 font-family: "Font Awesome 6 Brands";
2566 font-weight: 400;
2569 .fa.fa-facebook:before {
2570 content: "\f39e";
2573 .fa.fa-facebook-f {
2574 font-family: "Font Awesome 6 Brands";
2575 font-weight: 400;
2578 .fa.fa-facebook-f:before {
2579 content: "\f39e";
2582 .fa.fa-github {
2583 font-family: "Font Awesome 6 Brands";
2584 font-weight: 400;
2587 .fa.fa-credit-card {
2588 font-family: "Font Awesome 6 Free";
2589 font-weight: 400;
2592 .fa.fa-feed:before {
2593 content: "\f09e";
2596 .fa.fa-hdd-o {
2597 font-family: "Font Awesome 6 Free";
2598 font-weight: 400;
2601 .fa.fa-hdd-o:before {
2602 content: "\f0a0";
2605 .fa.fa-hand-o-right {
2606 font-family: "Font Awesome 6 Free";
2607 font-weight: 400;
2610 .fa.fa-hand-o-right:before {
2611 content: "\f0a4";
2614 .fa.fa-hand-o-left {
2615 font-family: "Font Awesome 6 Free";
2616 font-weight: 400;
2619 .fa.fa-hand-o-left:before {
2620 content: "\f0a5";
2623 .fa.fa-hand-o-up {
2624 font-family: "Font Awesome 6 Free";
2625 font-weight: 400;
2628 .fa.fa-hand-o-up:before {
2629 content: "\f0a6";
2632 .fa.fa-hand-o-down {
2633 font-family: "Font Awesome 6 Free";
2634 font-weight: 400;
2637 .fa.fa-hand-o-down:before {
2638 content: "\f0a7";
2641 .fa.fa-globe:before {
2642 content: "\f57d";
2645 .fa.fa-tasks:before {
2646 content: "\f828";
2649 .fa.fa-arrows-alt:before {
2650 content: "\f31e";
2653 .fa.fa-group:before {
2654 content: "\f0c0";
2657 .fa.fa-chain:before {
2658 content: "\f0c1";
2661 .fa.fa-cut:before {
2662 content: "\f0c4";
2665 .fa.fa-files-o {
2666 font-family: "Font Awesome 6 Free";
2667 font-weight: 400;
2670 .fa.fa-files-o:before {
2671 content: "\f0c5";
2674 .fa.fa-floppy-o {
2675 font-family: "Font Awesome 6 Free";
2676 font-weight: 400;
2679 .fa.fa-floppy-o:before {
2680 content: "\f0c7";
2683 .fa.fa-save {
2684 font-family: "Font Awesome 6 Free";
2685 font-weight: 400;
2688 .fa.fa-save:before {
2689 content: "\f0c7";
2692 .fa.fa-navicon:before {
2693 content: "\f0c9";
2696 .fa.fa-reorder:before {
2697 content: "\f0c9";
2700 .fa.fa-magic:before {
2701 content: "\e2ca";
2704 .fa.fa-pinterest {
2705 font-family: "Font Awesome 6 Brands";
2706 font-weight: 400;
2709 .fa.fa-pinterest-square {
2710 font-family: "Font Awesome 6 Brands";
2711 font-weight: 400;
2714 .fa.fa-pinterest-square:before {
2715 content: "\f0d3";
2718 .fa.fa-google-plus-square {
2719 font-family: "Font Awesome 6 Brands";
2720 font-weight: 400;
2723 .fa.fa-google-plus-square:before {
2724 content: "\f0d4";
2727 .fa.fa-google-plus {
2728 font-family: "Font Awesome 6 Brands";
2729 font-weight: 400;
2732 .fa.fa-google-plus:before {
2733 content: "\f0d5";
2736 .fa.fa-money:before {
2737 content: "\f3d1";
2740 .fa.fa-unsorted:before {
2741 content: "\f0dc";
2744 .fa.fa-sort-desc:before {
2745 content: "\f0dd";
2748 .fa.fa-sort-asc:before {
2749 content: "\f0de";
2752 .fa.fa-linkedin {
2753 font-family: "Font Awesome 6 Brands";
2754 font-weight: 400;
2757 .fa.fa-linkedin:before {
2758 content: "\f0e1";
2761 .fa.fa-rotate-left:before {
2762 content: "\f0e2";
2765 .fa.fa-legal:before {
2766 content: "\f0e3";
2769 .fa.fa-tachometer:before {
2770 content: "\f625";
2773 .fa.fa-dashboard:before {
2774 content: "\f625";
2777 .fa.fa-comment-o {
2778 font-family: "Font Awesome 6 Free";
2779 font-weight: 400;
2782 .fa.fa-comment-o:before {
2783 content: "\f075";
2786 .fa.fa-comments-o {
2787 font-family: "Font Awesome 6 Free";
2788 font-weight: 400;
2791 .fa.fa-comments-o:before {
2792 content: "\f086";
2795 .fa.fa-flash:before {
2796 content: "\f0e7";
2799 .fa.fa-clipboard:before {
2800 content: "\f0ea";
2803 .fa.fa-lightbulb-o {
2804 font-family: "Font Awesome 6 Free";
2805 font-weight: 400;
2808 .fa.fa-lightbulb-o:before {
2809 content: "\f0eb";
2812 .fa.fa-exchange:before {
2813 content: "\f362";
2816 .fa.fa-cloud-download:before {
2817 content: "\f0ed";
2820 .fa.fa-cloud-upload:before {
2821 content: "\f0ee";
2824 .fa.fa-bell-o {
2825 font-family: "Font Awesome 6 Free";
2826 font-weight: 400;
2829 .fa.fa-bell-o:before {
2830 content: "\f0f3";
2833 .fa.fa-cutlery:before {
2834 content: "\f2e7";
2837 .fa.fa-file-text-o {
2838 font-family: "Font Awesome 6 Free";
2839 font-weight: 400;
2842 .fa.fa-file-text-o:before {
2843 content: "\f15c";
2846 .fa.fa-building-o {
2847 font-family: "Font Awesome 6 Free";
2848 font-weight: 400;
2851 .fa.fa-building-o:before {
2852 content: "\f1ad";
2855 .fa.fa-hospital-o {
2856 font-family: "Font Awesome 6 Free";
2857 font-weight: 400;
2860 .fa.fa-hospital-o:before {
2861 content: "\f0f8";
2864 .fa.fa-tablet:before {
2865 content: "\f3fa";
2868 .fa.fa-mobile:before {
2869 content: "\f3cd";
2872 .fa.fa-mobile-phone:before {
2873 content: "\f3cd";
2876 .fa.fa-circle-o {
2877 font-family: "Font Awesome 6 Free";
2878 font-weight: 400;
2881 .fa.fa-circle-o:before {
2882 content: "\f111";
2885 .fa.fa-mail-reply:before {
2886 content: "\f3e5";
2889 .fa.fa-github-alt {
2890 font-family: "Font Awesome 6 Brands";
2891 font-weight: 400;
2894 .fa.fa-folder-o {
2895 font-family: "Font Awesome 6 Free";
2896 font-weight: 400;
2899 .fa.fa-folder-o:before {
2900 content: "\f07b";
2903 .fa.fa-folder-open-o {
2904 font-family: "Font Awesome 6 Free";
2905 font-weight: 400;
2908 .fa.fa-folder-open-o:before {
2909 content: "\f07c";
2912 .fa.fa-smile-o {
2913 font-family: "Font Awesome 6 Free";
2914 font-weight: 400;
2917 .fa.fa-smile-o:before {
2918 content: "\f118";
2921 .fa.fa-frown-o {
2922 font-family: "Font Awesome 6 Free";
2923 font-weight: 400;
2926 .fa.fa-frown-o:before {
2927 content: "\f119";
2930 .fa.fa-meh-o {
2931 font-family: "Font Awesome 6 Free";
2932 font-weight: 400;
2935 .fa.fa-meh-o:before {
2936 content: "\f11a";
2939 .fa.fa-keyboard-o {
2940 font-family: "Font Awesome 6 Free";
2941 font-weight: 400;
2944 .fa.fa-keyboard-o:before {
2945 content: "\f11c";
2948 .fa.fa-flag-o {
2949 font-family: "Font Awesome 6 Free";
2950 font-weight: 400;
2953 .fa.fa-flag-o:before {
2954 content: "\f024";
2957 .fa.fa-mail-reply-all:before {
2958 content: "\f122";
2961 .fa.fa-star-half-o {
2962 font-family: "Font Awesome 6 Free";
2963 font-weight: 400;
2966 .fa.fa-star-half-o:before {
2967 content: "\f5c0";
2970 .fa.fa-star-half-empty {
2971 font-family: "Font Awesome 6 Free";
2972 font-weight: 400;
2975 .fa.fa-star-half-empty:before {
2976 content: "\f5c0";
2979 .fa.fa-star-half-full {
2980 font-family: "Font Awesome 6 Free";
2981 font-weight: 400;
2984 .fa.fa-star-half-full:before {
2985 content: "\f5c0";
2988 .fa.fa-code-fork:before {
2989 content: "\f126";
2992 .fa.fa-chain-broken:before {
2993 content: "\f127";
2996 .fa.fa-unlink:before {
2997 content: "\f127";
3000 .fa.fa-calendar-o {
3001 font-family: "Font Awesome 6 Free";
3002 font-weight: 400;
3005 .fa.fa-calendar-o:before {
3006 content: "\f133";
3009 .fa.fa-maxcdn {
3010 font-family: "Font Awesome 6 Brands";
3011 font-weight: 400;
3014 .fa.fa-html5 {
3015 font-family: "Font Awesome 6 Brands";
3016 font-weight: 400;
3019 .fa.fa-css3 {
3020 font-family: "Font Awesome 6 Brands";
3021 font-weight: 400;
3024 .fa.fa-unlock-alt:before {
3025 content: "\f09c";
3028 .fa.fa-minus-square-o {
3029 font-family: "Font Awesome 6 Free";
3030 font-weight: 400;
3033 .fa.fa-minus-square-o:before {
3034 content: "\f146";
3037 .fa.fa-level-up:before {
3038 content: "\f3bf";
3041 .fa.fa-level-down:before {
3042 content: "\f3be";
3045 .fa.fa-pencil-square:before {
3046 content: "\f14b";
3049 .fa.fa-external-link-square:before {
3050 content: "\f360";
3053 .fa.fa-compass {
3054 font-family: "Font Awesome 6 Free";
3055 font-weight: 400;
3058 .fa.fa-caret-square-o-down {
3059 font-family: "Font Awesome 6 Free";
3060 font-weight: 400;
3063 .fa.fa-caret-square-o-down:before {
3064 content: "\f150";
3067 .fa.fa-toggle-down {
3068 font-family: "Font Awesome 6 Free";
3069 font-weight: 400;
3072 .fa.fa-toggle-down:before {
3073 content: "\f150";
3076 .fa.fa-caret-square-o-up {
3077 font-family: "Font Awesome 6 Free";
3078 font-weight: 400;
3081 .fa.fa-caret-square-o-up:before {
3082 content: "\f151";
3085 .fa.fa-toggle-up {
3086 font-family: "Font Awesome 6 Free";
3087 font-weight: 400;
3090 .fa.fa-toggle-up:before {
3091 content: "\f151";
3094 .fa.fa-caret-square-o-right {
3095 font-family: "Font Awesome 6 Free";
3096 font-weight: 400;
3099 .fa.fa-caret-square-o-right:before {
3100 content: "\f152";
3103 .fa.fa-toggle-right {
3104 font-family: "Font Awesome 6 Free";
3105 font-weight: 400;
3108 .fa.fa-toggle-right:before {
3109 content: "\f152";
3112 .fa.fa-eur:before {
3113 content: "\f153";
3116 .fa.fa-euro:before {
3117 content: "\f153";
3120 .fa.fa-gbp:before {
3121 content: "\f154";
3124 .fa.fa-usd:before {
3125 content: "\$";
3128 .fa.fa-dollar:before {
3129 content: "\$";
3132 .fa.fa-inr:before {
3133 content: "\e1bc";
3136 .fa.fa-rupee:before {
3137 content: "\e1bc";
3140 .fa.fa-jpy:before {
3141 content: "\f157";
3144 .fa.fa-cny:before {
3145 content: "\f157";
3148 .fa.fa-rmb:before {
3149 content: "\f157";
3152 .fa.fa-yen:before {
3153 content: "\f157";
3156 .fa.fa-rub:before {
3157 content: "\f158";
3160 .fa.fa-ruble:before {
3161 content: "\f158";
3164 .fa.fa-rouble:before {
3165 content: "\f158";
3168 .fa.fa-krw:before {
3169 content: "\f159";
3172 .fa.fa-won:before {
3173 content: "\f159";
3176 .fa.fa-btc {
3177 font-family: "Font Awesome 6 Brands";
3178 font-weight: 400;
3181 .fa.fa-bitcoin {
3182 font-family: "Font Awesome 6 Brands";
3183 font-weight: 400;
3186 .fa.fa-bitcoin:before {
3187 content: "\f15a";
3190 .fa.fa-file-text:before {
3191 content: "\f15c";
3194 .fa.fa-sort-alpha-asc:before {
3195 content: "\f15d";
3198 .fa.fa-sort-alpha-desc:before {
3199 content: "\f881";
3202 .fa.fa-sort-amount-asc:before {
3203 content: "\f884";
3206 .fa.fa-sort-amount-desc:before {
3207 content: "\f160";
3210 .fa.fa-sort-numeric-asc:before {
3211 content: "\f162";
3214 .fa.fa-sort-numeric-desc:before {
3215 content: "\f886";
3218 .fa.fa-youtube-square {
3219 font-family: "Font Awesome 6 Brands";
3220 font-weight: 400;
3223 .fa.fa-youtube-square:before {
3224 content: "\f431";
3227 .fa.fa-youtube {
3228 font-family: "Font Awesome 6 Brands";
3229 font-weight: 400;
3232 .fa.fa-xing {
3233 font-family: "Font Awesome 6 Brands";
3234 font-weight: 400;
3237 .fa.fa-xing-square {
3238 font-family: "Font Awesome 6 Brands";
3239 font-weight: 400;
3242 .fa.fa-xing-square:before {
3243 content: "\f169";
3246 .fa.fa-youtube-play {
3247 font-family: "Font Awesome 6 Brands";
3248 font-weight: 400;
3251 .fa.fa-youtube-play:before {
3252 content: "\f167";
3255 .fa.fa-dropbox {
3256 font-family: "Font Awesome 6 Brands";
3257 font-weight: 400;
3260 .fa.fa-stack-overflow {
3261 font-family: "Font Awesome 6 Brands";
3262 font-weight: 400;
3265 .fa.fa-instagram {
3266 font-family: "Font Awesome 6 Brands";
3267 font-weight: 400;
3270 .fa.fa-flickr {
3271 font-family: "Font Awesome 6 Brands";
3272 font-weight: 400;
3275 .fa.fa-adn {
3276 font-family: "Font Awesome 6 Brands";
3277 font-weight: 400;
3280 .fa.fa-bitbucket {
3281 font-family: "Font Awesome 6 Brands";
3282 font-weight: 400;
3285 .fa.fa-bitbucket-square {
3286 font-family: "Font Awesome 6 Brands";
3287 font-weight: 400;
3290 .fa.fa-bitbucket-square:before {
3291 content: "\f171";
3294 .fa.fa-tumblr {
3295 font-family: "Font Awesome 6 Brands";
3296 font-weight: 400;
3299 .fa.fa-tumblr-square {
3300 font-family: "Font Awesome 6 Brands";
3301 font-weight: 400;
3304 .fa.fa-tumblr-square:before {
3305 content: "\f174";
3308 .fa.fa-long-arrow-down:before {
3309 content: "\f309";
3312 .fa.fa-long-arrow-up:before {
3313 content: "\f30c";
3316 .fa.fa-long-arrow-left:before {
3317 content: "\f30a";
3320 .fa.fa-long-arrow-right:before {
3321 content: "\f30b";
3324 .fa.fa-apple {
3325 font-family: "Font Awesome 6 Brands";
3326 font-weight: 400;
3329 .fa.fa-windows {
3330 font-family: "Font Awesome 6 Brands";
3331 font-weight: 400;
3334 .fa.fa-android {
3335 font-family: "Font Awesome 6 Brands";
3336 font-weight: 400;
3339 .fa.fa-linux {
3340 font-family: "Font Awesome 6 Brands";
3341 font-weight: 400;
3344 .fa.fa-dribbble {
3345 font-family: "Font Awesome 6 Brands";
3346 font-weight: 400;
3349 .fa.fa-skype {
3350 font-family: "Font Awesome 6 Brands";
3351 font-weight: 400;
3354 .fa.fa-foursquare {
3355 font-family: "Font Awesome 6 Brands";
3356 font-weight: 400;
3359 .fa.fa-trello {
3360 font-family: "Font Awesome 6 Brands";
3361 font-weight: 400;
3364 .fa.fa-gratipay {
3365 font-family: "Font Awesome 6 Brands";
3366 font-weight: 400;
3369 .fa.fa-gittip {
3370 font-family: "Font Awesome 6 Brands";
3371 font-weight: 400;
3374 .fa.fa-gittip:before {
3375 content: "\f184";
3378 .fa.fa-sun-o {
3379 font-family: "Font Awesome 6 Free";
3380 font-weight: 400;
3383 .fa.fa-sun-o:before {
3384 content: "\f185";
3387 .fa.fa-moon-o {
3388 font-family: "Font Awesome 6 Free";
3389 font-weight: 400;
3392 .fa.fa-moon-o:before {
3393 content: "\f186";
3396 .fa.fa-vk {
3397 font-family: "Font Awesome 6 Brands";
3398 font-weight: 400;
3401 .fa.fa-weibo {
3402 font-family: "Font Awesome 6 Brands";
3403 font-weight: 400;
3406 .fa.fa-renren {
3407 font-family: "Font Awesome 6 Brands";
3408 font-weight: 400;
3411 .fa.fa-pagelines {
3412 font-family: "Font Awesome 6 Brands";
3413 font-weight: 400;
3416 .fa.fa-stack-exchange {
3417 font-family: "Font Awesome 6 Brands";
3418 font-weight: 400;
3421 .fa.fa-arrow-circle-o-right {
3422 font-family: "Font Awesome 6 Free";
3423 font-weight: 400;
3426 .fa.fa-arrow-circle-o-right:before {
3427 content: "\f35a";
3430 .fa.fa-arrow-circle-o-left {
3431 font-family: "Font Awesome 6 Free";
3432 font-weight: 400;
3435 .fa.fa-arrow-circle-o-left:before {
3436 content: "\f359";
3439 .fa.fa-caret-square-o-left {
3440 font-family: "Font Awesome 6 Free";
3441 font-weight: 400;
3444 .fa.fa-caret-square-o-left:before {
3445 content: "\f191";
3448 .fa.fa-toggle-left {
3449 font-family: "Font Awesome 6 Free";
3450 font-weight: 400;
3453 .fa.fa-toggle-left:before {
3454 content: "\f191";
3457 .fa.fa-dot-circle-o {
3458 font-family: "Font Awesome 6 Free";
3459 font-weight: 400;
3462 .fa.fa-dot-circle-o:before {
3463 content: "\f192";
3466 .fa.fa-vimeo-square {
3467 font-family: "Font Awesome 6 Brands";
3468 font-weight: 400;
3471 .fa.fa-vimeo-square:before {
3472 content: "\f194";
3475 .fa.fa-try:before {
3476 content: "\e2bb";
3479 .fa.fa-turkish-lira:before {
3480 content: "\e2bb";
3483 .fa.fa-plus-square-o {
3484 font-family: "Font Awesome 6 Free";
3485 font-weight: 400;
3488 .fa.fa-plus-square-o:before {
3489 content: "\f0fe";
3492 .fa.fa-slack {
3493 font-family: "Font Awesome 6 Brands";
3494 font-weight: 400;
3497 .fa.fa-wordpress {
3498 font-family: "Font Awesome 6 Brands";
3499 font-weight: 400;
3502 .fa.fa-openid {
3503 font-family: "Font Awesome 6 Brands";
3504 font-weight: 400;
3507 .fa.fa-institution:before {
3508 content: "\f19c";
3511 .fa.fa-bank:before {
3512 content: "\f19c";
3515 .fa.fa-mortar-board:before {
3516 content: "\f19d";
3519 .fa.fa-yahoo {
3520 font-family: "Font Awesome 6 Brands";
3521 font-weight: 400;
3524 .fa.fa-google {
3525 font-family: "Font Awesome 6 Brands";
3526 font-weight: 400;
3529 .fa.fa-reddit {
3530 font-family: "Font Awesome 6 Brands";
3531 font-weight: 400;
3534 .fa.fa-reddit-square {
3535 font-family: "Font Awesome 6 Brands";
3536 font-weight: 400;
3539 .fa.fa-reddit-square:before {
3540 content: "\f1a2";
3543 .fa.fa-stumbleupon-circle {
3544 font-family: "Font Awesome 6 Brands";
3545 font-weight: 400;
3548 .fa.fa-stumbleupon {
3549 font-family: "Font Awesome 6 Brands";
3550 font-weight: 400;
3553 .fa.fa-delicious {
3554 font-family: "Font Awesome 6 Brands";
3555 font-weight: 400;
3558 .fa.fa-digg {
3559 font-family: "Font Awesome 6 Brands";
3560 font-weight: 400;
3563 .fa.fa-pied-piper-pp {
3564 font-family: "Font Awesome 6 Brands";
3565 font-weight: 400;
3568 .fa.fa-pied-piper-alt {
3569 font-family: "Font Awesome 6 Brands";
3570 font-weight: 400;
3573 .fa.fa-drupal {
3574 font-family: "Font Awesome 6 Brands";
3575 font-weight: 400;
3578 .fa.fa-joomla {
3579 font-family: "Font Awesome 6 Brands";
3580 font-weight: 400;
3583 .fa.fa-behance {
3584 font-family: "Font Awesome 6 Brands";
3585 font-weight: 400;
3588 .fa.fa-behance-square {
3589 font-family: "Font Awesome 6 Brands";
3590 font-weight: 400;
3593 .fa.fa-behance-square:before {
3594 content: "\f1b5";
3597 .fa.fa-steam {
3598 font-family: "Font Awesome 6 Brands";
3599 font-weight: 400;
3602 .fa.fa-steam-square {
3603 font-family: "Font Awesome 6 Brands";
3604 font-weight: 400;
3607 .fa.fa-steam-square:before {
3608 content: "\f1b7";
3611 .fa.fa-automobile:before {
3612 content: "\f1b9";
3615 .fa.fa-cab:before {
3616 content: "\f1ba";
3619 .fa.fa-spotify {
3620 font-family: "Font Awesome 6 Brands";
3621 font-weight: 400;
3624 .fa.fa-deviantart {
3625 font-family: "Font Awesome 6 Brands";
3626 font-weight: 400;
3629 .fa.fa-soundcloud {
3630 font-family: "Font Awesome 6 Brands";
3631 font-weight: 400;
3634 .fa.fa-file-pdf-o {
3635 font-family: "Font Awesome 6 Free";
3636 font-weight: 400;
3639 .fa.fa-file-pdf-o:before {
3640 content: "\f1c1";
3643 .fa.fa-file-word-o {
3644 font-family: "Font Awesome 6 Free";
3645 font-weight: 400;
3648 .fa.fa-file-word-o:before {
3649 content: "\f1c2";
3652 .fa.fa-file-excel-o {
3653 font-family: "Font Awesome 6 Free";
3654 font-weight: 400;
3657 .fa.fa-file-excel-o:before {
3658 content: "\f1c3";
3661 .fa.fa-file-powerpoint-o {
3662 font-family: "Font Awesome 6 Free";
3663 font-weight: 400;
3666 .fa.fa-file-powerpoint-o:before {
3667 content: "\f1c4";
3670 .fa.fa-file-image-o {
3671 font-family: "Font Awesome 6 Free";
3672 font-weight: 400;
3675 .fa.fa-file-image-o:before {
3676 content: "\f1c5";
3679 .fa.fa-file-photo-o {
3680 font-family: "Font Awesome 6 Free";
3681 font-weight: 400;
3684 .fa.fa-file-photo-o:before {
3685 content: "\f1c5";
3688 .fa.fa-file-picture-o {
3689 font-family: "Font Awesome 6 Free";
3690 font-weight: 400;
3693 .fa.fa-file-picture-o:before {
3694 content: "\f1c5";
3697 .fa.fa-file-archive-o {
3698 font-family: "Font Awesome 6 Free";
3699 font-weight: 400;
3702 .fa.fa-file-archive-o:before {
3703 content: "\f1c6";
3706 .fa.fa-file-zip-o {
3707 font-family: "Font Awesome 6 Free";
3708 font-weight: 400;
3711 .fa.fa-file-zip-o:before {
3712 content: "\f1c6";
3715 .fa.fa-file-audio-o {
3716 font-family: "Font Awesome 6 Free";
3717 font-weight: 400;
3720 .fa.fa-file-audio-o:before {
3721 content: "\f1c7";
3724 .fa.fa-file-sound-o {
3725 font-family: "Font Awesome 6 Free";
3726 font-weight: 400;
3729 .fa.fa-file-sound-o:before {
3730 content: "\f1c7";
3733 .fa.fa-file-video-o {
3734 font-family: "Font Awesome 6 Free";
3735 font-weight: 400;
3738 .fa.fa-file-video-o:before {
3739 content: "\f1c8";
3742 .fa.fa-file-movie-o {
3743 font-family: "Font Awesome 6 Free";
3744 font-weight: 400;
3747 .fa.fa-file-movie-o:before {
3748 content: "\f1c8";
3751 .fa.fa-file-code-o {
3752 font-family: "Font Awesome 6 Free";
3753 font-weight: 400;
3756 .fa.fa-file-code-o:before {
3757 content: "\f1c9";
3760 .fa.fa-vine {
3761 font-family: "Font Awesome 6 Brands";
3762 font-weight: 400;
3765 .fa.fa-codepen {
3766 font-family: "Font Awesome 6 Brands";
3767 font-weight: 400;
3770 .fa.fa-jsfiddle {
3771 font-family: "Font Awesome 6 Brands";
3772 font-weight: 400;
3775 .fa.fa-life-bouy:before {
3776 content: "\f1cd";
3779 .fa.fa-life-buoy:before {
3780 content: "\f1cd";
3783 .fa.fa-life-saver:before {
3784 content: "\f1cd";
3787 .fa.fa-support:before {
3788 content: "\f1cd";
3791 .fa.fa-circle-o-notch:before {
3792 content: "\f1ce";
3795 .fa.fa-rebel {
3796 font-family: "Font Awesome 6 Brands";
3797 font-weight: 400;
3800 .fa.fa-ra {
3801 font-family: "Font Awesome 6 Brands";
3802 font-weight: 400;
3805 .fa.fa-ra:before {
3806 content: "\f1d0";
3809 .fa.fa-resistance {
3810 font-family: "Font Awesome 6 Brands";
3811 font-weight: 400;
3814 .fa.fa-resistance:before {
3815 content: "\f1d0";
3818 .fa.fa-empire {
3819 font-family: "Font Awesome 6 Brands";
3820 font-weight: 400;
3823 .fa.fa-ge {
3824 font-family: "Font Awesome 6 Brands";
3825 font-weight: 400;
3828 .fa.fa-ge:before {
3829 content: "\f1d1";
3832 .fa.fa-git-square {
3833 font-family: "Font Awesome 6 Brands";
3834 font-weight: 400;
3837 .fa.fa-git-square:before {
3838 content: "\f1d2";
3841 .fa.fa-git {
3842 font-family: "Font Awesome 6 Brands";
3843 font-weight: 400;
3846 .fa.fa-hacker-news {
3847 font-family: "Font Awesome 6 Brands";
3848 font-weight: 400;
3851 .fa.fa-y-combinator-square {
3852 font-family: "Font Awesome 6 Brands";
3853 font-weight: 400;
3856 .fa.fa-y-combinator-square:before {
3857 content: "\f1d4";
3860 .fa.fa-yc-square {
3861 font-family: "Font Awesome 6 Brands";
3862 font-weight: 400;
3865 .fa.fa-yc-square:before {
3866 content: "\f1d4";
3869 .fa.fa-tencent-weibo {
3870 font-family: "Font Awesome 6 Brands";
3871 font-weight: 400;
3874 .fa.fa-qq {
3875 font-family: "Font Awesome 6 Brands";
3876 font-weight: 400;
3879 .fa.fa-weixin {
3880 font-family: "Font Awesome 6 Brands";
3881 font-weight: 400;
3884 .fa.fa-wechat {
3885 font-family: "Font Awesome 6 Brands";
3886 font-weight: 400;
3889 .fa.fa-wechat:before {
3890 content: "\f1d7";
3893 .fa.fa-send:before {
3894 content: "\f1d8";
3897 .fa.fa-paper-plane-o {
3898 font-family: "Font Awesome 6 Free";
3899 font-weight: 400;
3902 .fa.fa-paper-plane-o:before {
3903 content: "\f1d8";
3906 .fa.fa-send-o {
3907 font-family: "Font Awesome 6 Free";
3908 font-weight: 400;
3911 .fa.fa-send-o:before {
3912 content: "\f1d8";
3915 .fa.fa-circle-thin {
3916 font-family: "Font Awesome 6 Free";
3917 font-weight: 400;
3920 .fa.fa-circle-thin:before {
3921 content: "\f111";
3924 .fa.fa-header:before {
3925 content: "\f1dc";
3928 .fa.fa-futbol-o {
3929 font-family: "Font Awesome 6 Free";
3930 font-weight: 400;
3933 .fa.fa-futbol-o:before {
3934 content: "\f1e3";
3937 .fa.fa-soccer-ball-o {
3938 font-family: "Font Awesome 6 Free";
3939 font-weight: 400;
3942 .fa.fa-soccer-ball-o:before {
3943 content: "\f1e3";
3946 .fa.fa-slideshare {
3947 font-family: "Font Awesome 6 Brands";
3948 font-weight: 400;
3951 .fa.fa-twitch {
3952 font-family: "Font Awesome 6 Brands";
3953 font-weight: 400;
3956 .fa.fa-yelp {
3957 font-family: "Font Awesome 6 Brands";
3958 font-weight: 400;
3961 .fa.fa-newspaper-o {
3962 font-family: "Font Awesome 6 Free";
3963 font-weight: 400;
3966 .fa.fa-newspaper-o:before {
3967 content: "\f1ea";
3970 .fa.fa-paypal {
3971 font-family: "Font Awesome 6 Brands";
3972 font-weight: 400;
3975 .fa.fa-google-wallet {
3976 font-family: "Font Awesome 6 Brands";
3977 font-weight: 400;
3980 .fa.fa-cc-visa {
3981 font-family: "Font Awesome 6 Brands";
3982 font-weight: 400;
3985 .fa.fa-cc-mastercard {
3986 font-family: "Font Awesome 6 Brands";
3987 font-weight: 400;
3990 .fa.fa-cc-discover {
3991 font-family: "Font Awesome 6 Brands";
3992 font-weight: 400;
3995 .fa.fa-cc-amex {
3996 font-family: "Font Awesome 6 Brands";
3997 font-weight: 400;
4000 .fa.fa-cc-paypal {
4001 font-family: "Font Awesome 6 Brands";
4002 font-weight: 400;
4005 .fa.fa-cc-stripe {
4006 font-family: "Font Awesome 6 Brands";
4007 font-weight: 400;
4010 .fa.fa-bell-slash-o {
4011 font-family: "Font Awesome 6 Free";
4012 font-weight: 400;
4015 .fa.fa-bell-slash-o:before {
4016 content: "\f1f6";
4019 .fa.fa-trash:before {
4020 content: "\f2ed";
4023 .fa.fa-copyright {
4024 font-family: "Font Awesome 6 Free";
4025 font-weight: 400;
4028 .fa.fa-eyedropper:before {
4029 content: "\f1fb";
4032 .fa.fa-area-chart:before {
4033 content: "\f1fe";
4036 .fa.fa-pie-chart:before {
4037 content: "\f200";
4040 .fa.fa-line-chart:before {
4041 content: "\f201";
4044 .fa.fa-lastfm {
4045 font-family: "Font Awesome 6 Brands";
4046 font-weight: 400;
4049 .fa.fa-lastfm-square {
4050 font-family: "Font Awesome 6 Brands";
4051 font-weight: 400;
4054 .fa.fa-lastfm-square:before {
4055 content: "\f203";
4058 .fa.fa-ioxhost {
4059 font-family: "Font Awesome 6 Brands";
4060 font-weight: 400;
4063 .fa.fa-angellist {
4064 font-family: "Font Awesome 6 Brands";
4065 font-weight: 400;
4068 .fa.fa-cc {
4069 font-family: "Font Awesome 6 Free";
4070 font-weight: 400;
4073 .fa.fa-cc:before {
4074 content: "\f20a";
4077 .fa.fa-ils:before {
4078 content: "\f20b";
4081 .fa.fa-shekel:before {
4082 content: "\f20b";
4085 .fa.fa-sheqel:before {
4086 content: "\f20b";
4089 .fa.fa-buysellads {
4090 font-family: "Font Awesome 6 Brands";
4091 font-weight: 400;
4094 .fa.fa-connectdevelop {
4095 font-family: "Font Awesome 6 Brands";
4096 font-weight: 400;
4099 .fa.fa-dashcube {
4100 font-family: "Font Awesome 6 Brands";
4101 font-weight: 400;
4104 .fa.fa-forumbee {
4105 font-family: "Font Awesome 6 Brands";
4106 font-weight: 400;
4109 .fa.fa-leanpub {
4110 font-family: "Font Awesome 6 Brands";
4111 font-weight: 400;
4114 .fa.fa-sellsy {
4115 font-family: "Font Awesome 6 Brands";
4116 font-weight: 400;
4119 .fa.fa-shirtsinbulk {
4120 font-family: "Font Awesome 6 Brands";
4121 font-weight: 400;
4124 .fa.fa-simplybuilt {
4125 font-family: "Font Awesome 6 Brands";
4126 font-weight: 400;
4129 .fa.fa-skyatlas {
4130 font-family: "Font Awesome 6 Brands";
4131 font-weight: 400;
4134 .fa.fa-diamond {
4135 font-family: "Font Awesome 6 Free";
4136 font-weight: 400;
4139 .fa.fa-diamond:before {
4140 content: "\f3a5";
4143 .fa.fa-transgender:before {
4144 content: "\f224";
4147 .fa.fa-intersex:before {
4148 content: "\f224";
4151 .fa.fa-transgender-alt:before {
4152 content: "\f225";
4155 .fa.fa-facebook-official {
4156 font-family: "Font Awesome 6 Brands";
4157 font-weight: 400;
4160 .fa.fa-facebook-official:before {
4161 content: "\f09a";
4164 .fa.fa-pinterest-p {
4165 font-family: "Font Awesome 6 Brands";
4166 font-weight: 400;
4169 .fa.fa-whatsapp {
4170 font-family: "Font Awesome 6 Brands";
4171 font-weight: 400;
4174 .fa.fa-hotel:before {
4175 content: "\f236";
4178 .fa.fa-viacoin {
4179 font-family: "Font Awesome 6 Brands";
4180 font-weight: 400;
4183 .fa.fa-medium {
4184 font-family: "Font Awesome 6 Brands";
4185 font-weight: 400;
4188 .fa.fa-y-combinator {
4189 font-family: "Font Awesome 6 Brands";
4190 font-weight: 400;
4193 .fa.fa-yc {
4194 font-family: "Font Awesome 6 Brands";
4195 font-weight: 400;
4198 .fa.fa-yc:before {
4199 content: "\f23b";
4202 .fa.fa-optin-monster {
4203 font-family: "Font Awesome 6 Brands";
4204 font-weight: 400;
4207 .fa.fa-opencart {
4208 font-family: "Font Awesome 6 Brands";
4209 font-weight: 400;
4212 .fa.fa-expeditedssl {
4213 font-family: "Font Awesome 6 Brands";
4214 font-weight: 400;
4217 .fa.fa-battery-4:before {
4218 content: "\f240";
4221 .fa.fa-battery:before {
4222 content: "\f240";
4225 .fa.fa-battery-3:before {
4226 content: "\f241";
4229 .fa.fa-battery-2:before {
4230 content: "\f242";
4233 .fa.fa-battery-1:before {
4234 content: "\f243";
4237 .fa.fa-battery-0:before {
4238 content: "\f244";
4241 .fa.fa-object-group {
4242 font-family: "Font Awesome 6 Free";
4243 font-weight: 400;
4246 .fa.fa-object-ungroup {
4247 font-family: "Font Awesome 6 Free";
4248 font-weight: 400;
4251 .fa.fa-sticky-note-o {
4252 font-family: "Font Awesome 6 Free";
4253 font-weight: 400;
4256 .fa.fa-sticky-note-o:before {
4257 content: "\f249";
4260 .fa.fa-cc-jcb {
4261 font-family: "Font Awesome 6 Brands";
4262 font-weight: 400;
4265 .fa.fa-cc-diners-club {
4266 font-family: "Font Awesome 6 Brands";
4267 font-weight: 400;
4270 .fa.fa-clone {
4271 font-family: "Font Awesome 6 Free";
4272 font-weight: 400;
4275 .fa.fa-hourglass-o:before {
4276 content: "\f254";
4279 .fa.fa-hourglass-1:before {
4280 content: "\f251";
4283 .fa.fa-hourglass-2:before {
4284 content: "\f252";
4287 .fa.fa-hourglass-3:before {
4288 content: "\f253";
4291 .fa.fa-hand-rock-o {
4292 font-family: "Font Awesome 6 Free";
4293 font-weight: 400;
4296 .fa.fa-hand-rock-o:before {
4297 content: "\f255";
4300 .fa.fa-hand-grab-o {
4301 font-family: "Font Awesome 6 Free";
4302 font-weight: 400;
4305 .fa.fa-hand-grab-o:before {
4306 content: "\f255";
4309 .fa.fa-hand-paper-o {
4310 font-family: "Font Awesome 6 Free";
4311 font-weight: 400;
4314 .fa.fa-hand-paper-o:before {
4315 content: "\f256";
4318 .fa.fa-hand-stop-o {
4319 font-family: "Font Awesome 6 Free";
4320 font-weight: 400;
4323 .fa.fa-hand-stop-o:before {
4324 content: "\f256";
4327 .fa.fa-hand-scissors-o {
4328 font-family: "Font Awesome 6 Free";
4329 font-weight: 400;
4332 .fa.fa-hand-scissors-o:before {
4333 content: "\f257";
4336 .fa.fa-hand-lizard-o {
4337 font-family: "Font Awesome 6 Free";
4338 font-weight: 400;
4341 .fa.fa-hand-lizard-o:before {
4342 content: "\f258";
4345 .fa.fa-hand-spock-o {
4346 font-family: "Font Awesome 6 Free";
4347 font-weight: 400;
4350 .fa.fa-hand-spock-o:before {
4351 content: "\f259";
4354 .fa.fa-hand-pointer-o {
4355 font-family: "Font Awesome 6 Free";
4356 font-weight: 400;
4359 .fa.fa-hand-pointer-o:before {
4360 content: "\f25a";
4363 .fa.fa-hand-peace-o {
4364 font-family: "Font Awesome 6 Free";
4365 font-weight: 400;
4368 .fa.fa-hand-peace-o:before {
4369 content: "\f25b";
4372 .fa.fa-registered {
4373 font-family: "Font Awesome 6 Free";
4374 font-weight: 400;
4377 .fa.fa-creative-commons {
4378 font-family: "Font Awesome 6 Brands";
4379 font-weight: 400;
4382 .fa.fa-gg {
4383 font-family: "Font Awesome 6 Brands";
4384 font-weight: 400;
4387 .fa.fa-gg-circle {
4388 font-family: "Font Awesome 6 Brands";
4389 font-weight: 400;
4392 .fa.fa-odnoklassniki {
4393 font-family: "Font Awesome 6 Brands";
4394 font-weight: 400;
4397 .fa.fa-odnoklassniki-square {
4398 font-family: "Font Awesome 6 Brands";
4399 font-weight: 400;
4402 .fa.fa-odnoklassniki-square:before {
4403 content: "\f264";
4406 .fa.fa-get-pocket {
4407 font-family: "Font Awesome 6 Brands";
4408 font-weight: 400;
4411 .fa.fa-wikipedia-w {
4412 font-family: "Font Awesome 6 Brands";
4413 font-weight: 400;
4416 .fa.fa-safari {
4417 font-family: "Font Awesome 6 Brands";
4418 font-weight: 400;
4421 .fa.fa-chrome {
4422 font-family: "Font Awesome 6 Brands";
4423 font-weight: 400;
4426 .fa.fa-firefox {
4427 font-family: "Font Awesome 6 Brands";
4428 font-weight: 400;
4431 .fa.fa-opera {
4432 font-family: "Font Awesome 6 Brands";
4433 font-weight: 400;
4436 .fa.fa-internet-explorer {
4437 font-family: "Font Awesome 6 Brands";
4438 font-weight: 400;
4441 .fa.fa-television:before {
4442 content: "\f26c";
4445 .fa.fa-contao {
4446 font-family: "Font Awesome 6 Brands";
4447 font-weight: 400;
4450 .fa.fa-500px {
4451 font-family: "Font Awesome 6 Brands";
4452 font-weight: 400;
4455 .fa.fa-amazon {
4456 font-family: "Font Awesome 6 Brands";
4457 font-weight: 400;
4460 .fa.fa-calendar-plus-o {
4461 font-family: "Font Awesome 6 Free";
4462 font-weight: 400;
4465 .fa.fa-calendar-plus-o:before {
4466 content: "\f271";
4469 .fa.fa-calendar-minus-o {
4470 font-family: "Font Awesome 6 Free";
4471 font-weight: 400;
4474 .fa.fa-calendar-minus-o:before {
4475 content: "\f272";
4478 .fa.fa-calendar-times-o {
4479 font-family: "Font Awesome 6 Free";
4480 font-weight: 400;
4483 .fa.fa-calendar-times-o:before {
4484 content: "\f273";
4487 .fa.fa-calendar-check-o {
4488 font-family: "Font Awesome 6 Free";
4489 font-weight: 400;
4492 .fa.fa-calendar-check-o:before {
4493 content: "\f274";
4496 .fa.fa-map-o {
4497 font-family: "Font Awesome 6 Free";
4498 font-weight: 400;
4501 .fa.fa-map-o:before {
4502 content: "\f279";
4505 .fa.fa-commenting:before {
4506 content: "\f4ad";
4509 .fa.fa-commenting-o {
4510 font-family: "Font Awesome 6 Free";
4511 font-weight: 400;
4514 .fa.fa-commenting-o:before {
4515 content: "\f4ad";
4518 .fa.fa-houzz {
4519 font-family: "Font Awesome 6 Brands";
4520 font-weight: 400;
4523 .fa.fa-vimeo {
4524 font-family: "Font Awesome 6 Brands";
4525 font-weight: 400;
4528 .fa.fa-vimeo:before {
4529 content: "\f27d";
4532 .fa.fa-black-tie {
4533 font-family: "Font Awesome 6 Brands";
4534 font-weight: 400;
4537 .fa.fa-fonticons {
4538 font-family: "Font Awesome 6 Brands";
4539 font-weight: 400;
4542 .fa.fa-reddit-alien {
4543 font-family: "Font Awesome 6 Brands";
4544 font-weight: 400;
4547 .fa.fa-edge {
4548 font-family: "Font Awesome 6 Brands";
4549 font-weight: 400;
4552 .fa.fa-credit-card-alt:before {
4553 content: "\f09d";
4556 .fa.fa-codiepie {
4557 font-family: "Font Awesome 6 Brands";
4558 font-weight: 400;
4561 .fa.fa-modx {
4562 font-family: "Font Awesome 6 Brands";
4563 font-weight: 400;
4566 .fa.fa-fort-awesome {
4567 font-family: "Font Awesome 6 Brands";
4568 font-weight: 400;
4571 .fa.fa-usb {
4572 font-family: "Font Awesome 6 Brands";
4573 font-weight: 400;
4576 .fa.fa-product-hunt {
4577 font-family: "Font Awesome 6 Brands";
4578 font-weight: 400;
4581 .fa.fa-mixcloud {
4582 font-family: "Font Awesome 6 Brands";
4583 font-weight: 400;
4586 .fa.fa-scribd {
4587 font-family: "Font Awesome 6 Brands";
4588 font-weight: 400;
4591 .fa.fa-pause-circle-o {
4592 font-family: "Font Awesome 6 Free";
4593 font-weight: 400;
4596 .fa.fa-pause-circle-o:before {
4597 content: "\f28b";
4600 .fa.fa-stop-circle-o {
4601 font-family: "Font Awesome 6 Free";
4602 font-weight: 400;
4605 .fa.fa-stop-circle-o:before {
4606 content: "\f28d";
4609 .fa.fa-bluetooth {
4610 font-family: "Font Awesome 6 Brands";
4611 font-weight: 400;
4614 .fa.fa-bluetooth-b {
4615 font-family: "Font Awesome 6 Brands";
4616 font-weight: 400;
4619 .fa.fa-gitlab {
4620 font-family: "Font Awesome 6 Brands";
4621 font-weight: 400;
4624 .fa.fa-wpbeginner {
4625 font-family: "Font Awesome 6 Brands";
4626 font-weight: 400;
4629 .fa.fa-wpforms {
4630 font-family: "Font Awesome 6 Brands";
4631 font-weight: 400;
4634 .fa.fa-envira {
4635 font-family: "Font Awesome 6 Brands";
4636 font-weight: 400;
4639 .fa.fa-wheelchair-alt {
4640 font-family: "Font Awesome 6 Brands";
4641 font-weight: 400;
4644 .fa.fa-wheelchair-alt:before {
4645 content: "\f368";
4648 .fa.fa-question-circle-o {
4649 font-family: "Font Awesome 6 Free";
4650 font-weight: 400;
4653 .fa.fa-question-circle-o:before {
4654 content: "\f059";
4657 .fa.fa-volume-control-phone:before {
4658 content: "\f2a0";
4661 .fa.fa-asl-interpreting:before {
4662 content: "\f2a3";
4665 .fa.fa-deafness:before {
4666 content: "\f2a4";
4669 .fa.fa-hard-of-hearing:before {
4670 content: "\f2a4";
4673 .fa.fa-glide {
4674 font-family: "Font Awesome 6 Brands";
4675 font-weight: 400;
4678 .fa.fa-glide-g {
4679 font-family: "Font Awesome 6 Brands";
4680 font-weight: 400;
4683 .fa.fa-signing:before {
4684 content: "\f2a7";
4687 .fa.fa-viadeo {
4688 font-family: "Font Awesome 6 Brands";
4689 font-weight: 400;
4692 .fa.fa-viadeo-square {
4693 font-family: "Font Awesome 6 Brands";
4694 font-weight: 400;
4697 .fa.fa-viadeo-square:before {
4698 content: "\f2aa";
4701 .fa.fa-snapchat {
4702 font-family: "Font Awesome 6 Brands";
4703 font-weight: 400;
4706 .fa.fa-snapchat-ghost {
4707 font-family: "Font Awesome 6 Brands";
4708 font-weight: 400;
4711 .fa.fa-snapchat-ghost:before {
4712 content: "\f2ab";
4715 .fa.fa-snapchat-square {
4716 font-family: "Font Awesome 6 Brands";
4717 font-weight: 400;
4720 .fa.fa-snapchat-square:before {
4721 content: "\f2ad";
4724 .fa.fa-pied-piper {
4725 font-family: "Font Awesome 6 Brands";
4726 font-weight: 400;
4729 .fa.fa-first-order {
4730 font-family: "Font Awesome 6 Brands";
4731 font-weight: 400;
4734 .fa.fa-yoast {
4735 font-family: "Font Awesome 6 Brands";
4736 font-weight: 400;
4739 .fa.fa-themeisle {
4740 font-family: "Font Awesome 6 Brands";
4741 font-weight: 400;
4744 .fa.fa-google-plus-official {
4745 font-family: "Font Awesome 6 Brands";
4746 font-weight: 400;
4749 .fa.fa-google-plus-official:before {
4750 content: "\f2b3";
4753 .fa.fa-google-plus-circle {
4754 font-family: "Font Awesome 6 Brands";
4755 font-weight: 400;
4758 .fa.fa-google-plus-circle:before {
4759 content: "\f2b3";
4762 .fa.fa-font-awesome {
4763 font-family: "Font Awesome 6 Brands";
4764 font-weight: 400;
4767 .fa.fa-fa {
4768 font-family: "Font Awesome 6 Brands";
4769 font-weight: 400;
4772 .fa.fa-fa:before {
4773 content: "\f2b4";
4776 .fa.fa-handshake-o {
4777 font-family: "Font Awesome 6 Free";
4778 font-weight: 400;
4781 .fa.fa-handshake-o:before {
4782 content: "\f2b5";
4785 .fa.fa-envelope-open-o {
4786 font-family: "Font Awesome 6 Free";
4787 font-weight: 400;
4790 .fa.fa-envelope-open-o:before {
4791 content: "\f2b6";
4794 .fa.fa-linode {
4795 font-family: "Font Awesome 6 Brands";
4796 font-weight: 400;
4799 .fa.fa-address-book-o {
4800 font-family: "Font Awesome 6 Free";
4801 font-weight: 400;
4804 .fa.fa-address-book-o:before {
4805 content: "\f2b9";
4808 .fa.fa-vcard:before {
4809 content: "\f2bb";
4812 .fa.fa-address-card-o {
4813 font-family: "Font Awesome 6 Free";
4814 font-weight: 400;
4817 .fa.fa-address-card-o:before {
4818 content: "\f2bb";
4821 .fa.fa-vcard-o {
4822 font-family: "Font Awesome 6 Free";
4823 font-weight: 400;
4826 .fa.fa-vcard-o:before {
4827 content: "\f2bb";
4830 .fa.fa-user-circle-o {
4831 font-family: "Font Awesome 6 Free";
4832 font-weight: 400;
4835 .fa.fa-user-circle-o:before {
4836 content: "\f2bd";
4839 .fa.fa-user-o {
4840 font-family: "Font Awesome 6 Free";
4841 font-weight: 400;
4844 .fa.fa-user-o:before {
4845 content: "\f007";
4848 .fa.fa-id-badge {
4849 font-family: "Font Awesome 6 Free";
4850 font-weight: 400;
4853 .fa.fa-drivers-license:before {
4854 content: "\f2c2";
4857 .fa.fa-id-card-o {
4858 font-family: "Font Awesome 6 Free";
4859 font-weight: 400;
4862 .fa.fa-id-card-o:before {
4863 content: "\f2c2";
4866 .fa.fa-drivers-license-o {
4867 font-family: "Font Awesome 6 Free";
4868 font-weight: 400;
4871 .fa.fa-drivers-license-o:before {
4872 content: "\f2c2";
4875 .fa.fa-quora {
4876 font-family: "Font Awesome 6 Brands";
4877 font-weight: 400;
4880 .fa.fa-free-code-camp {
4881 font-family: "Font Awesome 6 Brands";
4882 font-weight: 400;
4885 .fa.fa-telegram {
4886 font-family: "Font Awesome 6 Brands";
4887 font-weight: 400;
4890 .fa.fa-thermometer-4:before {
4891 content: "\f2c7";
4894 .fa.fa-thermometer:before {
4895 content: "\f2c7";
4898 .fa.fa-thermometer-3:before {
4899 content: "\f2c8";
4902 .fa.fa-thermometer-2:before {
4903 content: "\f2c9";
4906 .fa.fa-thermometer-1:before {
4907 content: "\f2ca";
4910 .fa.fa-thermometer-0:before {
4911 content: "\f2cb";
4914 .fa.fa-bathtub:before {
4915 content: "\f2cd";
4918 .fa.fa-s15:before {
4919 content: "\f2cd";
4922 .fa.fa-window-maximize {
4923 font-family: "Font Awesome 6 Free";
4924 font-weight: 400;
4927 .fa.fa-window-restore {
4928 font-family: "Font Awesome 6 Free";
4929 font-weight: 400;
4932 .fa.fa-times-rectangle:before {
4933 content: "\f410";
4936 .fa.fa-window-close-o {
4937 font-family: "Font Awesome 6 Free";
4938 font-weight: 400;
4941 .fa.fa-window-close-o:before {
4942 content: "\f410";
4945 .fa.fa-times-rectangle-o {
4946 font-family: "Font Awesome 6 Free";
4947 font-weight: 400;
4950 .fa.fa-times-rectangle-o:before {
4951 content: "\f410";
4954 .fa.fa-bandcamp {
4955 font-family: "Font Awesome 6 Brands";
4956 font-weight: 400;
4959 .fa.fa-grav {
4960 font-family: "Font Awesome 6 Brands";
4961 font-weight: 400;
4964 .fa.fa-etsy {
4965 font-family: "Font Awesome 6 Brands";
4966 font-weight: 400;
4969 .fa.fa-imdb {
4970 font-family: "Font Awesome 6 Brands";
4971 font-weight: 400;
4974 .fa.fa-ravelry {
4975 font-family: "Font Awesome 6 Brands";
4976 font-weight: 400;
4979 .fa.fa-eercast {
4980 font-family: "Font Awesome 6 Brands";
4981 font-weight: 400;
4984 .fa.fa-eercast:before {
4985 content: "\f2da";
4988 .fa.fa-snowflake-o {
4989 font-family: "Font Awesome 6 Free";
4990 font-weight: 400;
4993 .fa.fa-snowflake-o:before {
4994 content: "\f2dc";
4997 .fa.fa-superpowers {
4998 font-family: "Font Awesome 6 Brands";
4999 font-weight: 400;
5002 .fa.fa-wpexplorer {
5003 font-family: "Font Awesome 6 Brands";
5004 font-weight: 400;
5007 .fa.fa-meetup {
5008 font-family: "Font Awesome 6 Brands";
5009 font-weight: 400;
5013 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
5014 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
5015 * Copyright 2024 Fonticons, Inc.
5017 .fa {
5018 font-family: var(--fa-style-family, "Font Awesome 6 Free");
5019 font-weight: var(--fa-style, 900);
5022 .fa,
5023 .fa-classic,
5024 .fa-sharp,
5025 .fas,
5026 .fa-solid,
5027 .moremenu .dropdown-item[aria-current=true]:before,
5028 .moremenu .dropdown-item.active:before,
5029 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5030 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
5031 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5032 .toast.toast-warning .toast-body:before,
5033 .toast.toast-info .toast-body:before,
5034 .toast.toast-danger .toast-body:before,
5035 .toast.toast-success .toast-body:before,
5036 .editing .editinprogress:after,
5037 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
5038 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
5039 .block_settings .block_tree [aria-expanded=false] > p:before,
5040 .block_navigation .block_tree [aria-expanded=false] > p:before,
5041 .block_settings .block_tree [aria-expanded=true] > p:before,
5042 .block_navigation .block_tree [aria-expanded=true] > p:before,
5043 .dropdown-item[aria-current=true]:before,
5044 .dropdown-item[aria-selected=true]:before,
5045 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
5046 .action-menu .dropdown-subpanel .dropdown-item::after,
5047 .dropup .dropdown-toggle::after,
5048 .dropright .dropdown-toggle::after,
5049 .dropleft .dropdown-toggle::before,
5050 .dropdown-toggle::after,
5051 .far,
5052 .fa-regular,
5053 .content-bank-container.view-grid .cb-unlisted::after,
5054 .fab,
5055 .fa-brands {
5056 -moz-osx-font-smoothing: grayscale;
5057 -webkit-font-smoothing: antialiased;
5058 display: var(--fa-display, inline-block);
5059 font-style: normal;
5060 font-variant: normal;
5061 line-height: 1;
5062 text-rendering: auto;
5065 .fas,
5066 .fa-classic,
5067 .fa-solid,
5068 .moremenu .dropdown-item[aria-current=true]:before,
5069 .moremenu .dropdown-item.active:before,
5070 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5071 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
5072 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
5073 .toast.toast-warning .toast-body:before,
5074 .toast.toast-info .toast-body:before,
5075 .toast.toast-danger .toast-body:before,
5076 .toast.toast-success .toast-body:before,
5077 .editing .editinprogress:after,
5078 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
5079 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
5080 .block_settings .block_tree [aria-expanded=false] > p:before,
5081 .block_navigation .block_tree [aria-expanded=false] > p:before,
5082 .block_settings .block_tree [aria-expanded=true] > p:before,
5083 .block_navigation .block_tree [aria-expanded=true] > p:before,
5084 .dropdown-item[aria-current=true]:before,
5085 .dropdown-item[aria-selected=true]:before,
5086 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after,
5087 .action-menu .dropdown-subpanel .dropdown-item::after,
5088 .dropup .dropdown-toggle::after,
5089 .dropright .dropdown-toggle::after,
5090 .dropleft .dropdown-toggle::before,
5091 .dropdown-toggle::after,
5092 .far,
5093 .fa-regular,
5094 .content-bank-container.view-grid .cb-unlisted::after {
5095 font-family: "Font Awesome 6 Free";
5098 .fab,
5099 .fa-brands {
5100 font-family: "Font Awesome 6 Brands";
5103 .fa-1x {
5104 font-size: 1em;
5107 .fa-2x {
5108 font-size: 2em;
5111 .fa-3x {
5112 font-size: 3em;
5115 .fa-4x {
5116 font-size: 4em;
5119 .fa-5x {
5120 font-size: 5em;
5123 .fa-6x {
5124 font-size: 6em;
5127 .fa-7x {
5128 font-size: 7em;
5131 .fa-8x {
5132 font-size: 8em;
5135 .fa-9x {
5136 font-size: 9em;
5139 .fa-10x {
5140 font-size: 10em;
5143 .fa-2xs {
5144 font-size: 0.625em;
5145 line-height: 0.1em;
5146 vertical-align: 0.225em;
5149 .fa-xs {
5150 font-size: 0.75em;
5151 line-height: 0.0833333337em;
5152 vertical-align: 0.125em;
5155 .fa-sm {
5156 font-size: 0.875em;
5157 line-height: 0.0714285718em;
5158 vertical-align: 0.0535714295em;
5161 .fa-lg {
5162 font-size: 1.25em;
5163 line-height: 0.05em;
5164 vertical-align: -0.075em;
5167 .fa-xl {
5168 font-size: 1.5em;
5169 line-height: 0.0416666682em;
5170 vertical-align: -0.125em;
5173 .fa-2xl {
5174 font-size: 2em;
5175 line-height: 0.03125em;
5176 vertical-align: -0.1875em;
5179 .fa-fw {
5180 text-align: center;
5181 width: 1.25em;
5184 .fa-ul {
5185 list-style-type: none;
5186 margin-left: var(--fa-li-margin, 2.5em);
5187 padding-left: 0;
5189 .fa-ul > li {
5190 position: relative;
5193 .fa-li {
5194 left: calc(var(--fa-li-width, 2em) * -1);
5195 position: absolute;
5196 text-align: center;
5197 width: var(--fa-li-width, 2em);
5198 line-height: inherit;
5201 .fa-border {
5202 border-color: var(--fa-border-color, #eee);
5203 border-radius: var(--fa-border-radius, 0.1em);
5204 border-style: var(--fa-border-style, solid);
5205 border-width: var(--fa-border-width, 0.08em);
5206 padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
5209 .fa-pull-left {
5210 float: left;
5211 margin-right: var(--fa-pull-margin, 0.3em);
5214 .fa-pull-right {
5215 float: right;
5216 margin-left: var(--fa-pull-margin, 0.3em);
5219 .fa-beat {
5220 animation-name: fa-beat;
5221 animation-delay: var(--fa-animation-delay, 0s);
5222 animation-direction: var(--fa-animation-direction, normal);
5223 animation-duration: var(--fa-animation-duration, 1s);
5224 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5225 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5228 .fa-bounce {
5229 animation-name: fa-bounce;
5230 animation-delay: var(--fa-animation-delay, 0s);
5231 animation-direction: var(--fa-animation-direction, normal);
5232 animation-duration: var(--fa-animation-duration, 1s);
5233 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5234 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
5237 .fa-fade {
5238 animation-name: fa-fade;
5239 animation-delay: var(--fa-animation-delay, 0s);
5240 animation-direction: var(--fa-animation-direction, normal);
5241 animation-duration: var(--fa-animation-duration, 1s);
5242 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5243 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5246 .fa-beat-fade {
5247 animation-name: fa-beat-fade;
5248 animation-delay: var(--fa-animation-delay, 0s);
5249 animation-direction: var(--fa-animation-direction, normal);
5250 animation-duration: var(--fa-animation-duration, 1s);
5251 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5252 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5255 .fa-flip {
5256 animation-name: fa-flip;
5257 animation-delay: var(--fa-animation-delay, 0s);
5258 animation-direction: var(--fa-animation-direction, normal);
5259 animation-duration: var(--fa-animation-duration, 1s);
5260 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5261 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5264 .fa-shake {
5265 animation-name: fa-shake;
5266 animation-delay: var(--fa-animation-delay, 0s);
5267 animation-direction: var(--fa-animation-direction, normal);
5268 animation-duration: var(--fa-animation-duration, 1s);
5269 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5270 animation-timing-function: var(--fa-animation-timing, linear);
5273 .fa-spin {
5274 animation-name: fa-spin;
5275 animation-delay: var(--fa-animation-delay, 0s);
5276 animation-direction: var(--fa-animation-direction, normal);
5277 animation-duration: var(--fa-animation-duration, 2s);
5278 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5279 animation-timing-function: var(--fa-animation-timing, linear);
5282 .fa-spin-reverse {
5283 --fa-animation-direction: reverse;
5286 .fa-pulse,
5287 .fa-spin-pulse {
5288 animation-name: fa-spin;
5289 animation-direction: var(--fa-animation-direction, normal);
5290 animation-duration: var(--fa-animation-duration, 1s);
5291 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5292 animation-timing-function: var(--fa-animation-timing, steps(8));
5295 @media (prefers-reduced-motion: reduce) {
5296 .fa-beat,
5297 .fa-bounce,
5298 .fa-fade,
5299 .fa-beat-fade,
5300 .fa-flip,
5301 .fa-pulse,
5302 .fa-shake,
5303 .fa-spin,
5304 .fa-spin-pulse {
5305 animation-delay: -1ms;
5306 animation-duration: 1ms;
5307 animation-iteration-count: 1;
5308 transition-delay: 0s;
5309 transition-duration: 0s;
5312 @keyframes fa-beat {
5313 0%, 90% {
5314 transform: scale(1);
5316 45% {
5317 transform: scale(var(--fa-beat-scale, 1.25));
5320 @keyframes fa-bounce {
5321 0% {
5322 transform: scale(1, 1) translateY(0);
5324 10% {
5325 transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
5327 30% {
5328 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));
5330 50% {
5331 transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
5333 57% {
5334 transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
5336 64% {
5337 transform: scale(1, 1) translateY(0);
5339 100% {
5340 transform: scale(1, 1) translateY(0);
5343 @keyframes fa-fade {
5344 50% {
5345 opacity: var(--fa-fade-opacity, 0.4);
5348 @keyframes fa-beat-fade {
5349 0%, 100% {
5350 opacity: var(--fa-beat-fade-opacity, 0.4);
5351 transform: scale(1);
5353 50% {
5354 opacity: 1;
5355 transform: scale(var(--fa-beat-fade-scale, 1.125));
5358 @keyframes fa-flip {
5359 50% {
5360 transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
5363 @keyframes fa-shake {
5364 0% {
5365 transform: rotate(-15deg);
5367 4% {
5368 transform: rotate(15deg);
5370 8%, 24% {
5371 transform: rotate(-18deg);
5373 12%, 28% {
5374 transform: rotate(18deg);
5376 16% {
5377 transform: rotate(-22deg);
5379 20% {
5380 transform: rotate(22deg);
5382 32% {
5383 transform: rotate(-12deg);
5385 36% {
5386 transform: rotate(12deg);
5388 40%, 100% {
5389 transform: rotate(0deg);
5392 @keyframes fa-spin {
5393 0% {
5394 transform: rotate(0deg);
5396 100% {
5397 transform: rotate(360deg);
5400 .fa-rotate-90 {
5401 transform: rotate(90deg);
5404 .fa-rotate-180 {
5405 transform: rotate(180deg);
5408 .fa-rotate-270 {
5409 transform: rotate(270deg);
5412 .fa-flip-horizontal {
5413 transform: scale(-1, 1);
5416 .fa-flip-vertical {
5417 transform: scale(1, -1);
5420 .fa-flip-both,
5421 .fa-flip-horizontal.fa-flip-vertical {
5422 transform: scale(-1, -1);
5425 .fa-rotate-by {
5426 transform: rotate(var(--fa-rotate-angle, 0));
5429 .fa-stack {
5430 display: inline-block;
5431 height: 2em;
5432 line-height: 2em;
5433 position: relative;
5434 vertical-align: middle;
5435 width: 2.5em;
5438 .fa-stack-1x,
5439 .fa-stack-2x {
5440 left: 0;
5441 position: absolute;
5442 text-align: center;
5443 width: 100%;
5444 z-index: var(--fa-stack-z-index, auto);
5447 .fa-stack-1x {
5448 line-height: inherit;
5451 .fa-stack-2x {
5452 font-size: 2em;
5455 .fa-inverse {
5456 color: var(--fa-inverse, #fff);
5459 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
5460 readers do not read off random characters that represent icons */
5461 .fa-0::before {
5462 content: "\30 ";
5465 .fa-1::before {
5466 content: "\31 ";
5469 .fa-2::before {
5470 content: "\32 ";
5473 .fa-3::before {
5474 content: "\33 ";
5477 .fa-4::before {
5478 content: "\34 ";
5481 .fa-5::before {
5482 content: "\35 ";
5485 .fa-6::before {
5486 content: "\36 ";
5489 .fa-7::before {
5490 content: "\37 ";
5493 .fa-8::before {
5494 content: "\38 ";
5497 .fa-9::before {
5498 content: "\39 ";
5501 .fa-fill-drip::before {
5502 content: "\f576";
5505 .fa-arrows-to-circle::before {
5506 content: "\e4bd";
5509 .fa-circle-chevron-right::before {
5510 content: "\f138";
5513 .fa-chevron-circle-right::before {
5514 content: "\f138";
5517 .fa-at::before {
5518 content: "\@";
5521 .fa-trash-can::before {
5522 content: "\f2ed";
5525 .fa-trash-alt::before {
5526 content: "\f2ed";
5529 .fa-text-height::before {
5530 content: "\f034";
5533 .fa-user-xmark::before {
5534 content: "\f235";
5537 .fa-user-times::before {
5538 content: "\f235";
5541 .fa-stethoscope::before {
5542 content: "\f0f1";
5545 .fa-message::before {
5546 content: "\f27a";
5549 .fa-comment-alt::before {
5550 content: "\f27a";
5553 .fa-info::before {
5554 content: "\f129";
5557 .fa-down-left-and-up-right-to-center::before {
5558 content: "\f422";
5561 .fa-compress-alt::before {
5562 content: "\f422";
5565 .fa-explosion::before {
5566 content: "\e4e9";
5569 .fa-file-lines::before {
5570 content: "\f15c";
5573 .fa-file-alt::before {
5574 content: "\f15c";
5577 .fa-file-text::before {
5578 content: "\f15c";
5581 .fa-wave-square::before {
5582 content: "\f83e";
5585 .fa-ring::before {
5586 content: "\f70b";
5589 .fa-building-un::before {
5590 content: "\e4d9";
5593 .fa-dice-three::before {
5594 content: "\f527";
5597 .fa-calendar-days::before {
5598 content: "\f073";
5601 .fa-calendar-alt::before {
5602 content: "\f073";
5605 .fa-anchor-circle-check::before {
5606 content: "\e4aa";
5609 .fa-building-circle-arrow-right::before {
5610 content: "\e4d1";
5613 .fa-volleyball::before {
5614 content: "\f45f";
5617 .fa-volleyball-ball::before {
5618 content: "\f45f";
5621 .fa-arrows-up-to-line::before {
5622 content: "\e4c2";
5625 .fa-sort-down::before {
5626 content: "\f0dd";
5629 .fa-sort-desc::before {
5630 content: "\f0dd";
5633 .fa-circle-minus::before {
5634 content: "\f056";
5637 .fa-minus-circle::before {
5638 content: "\f056";
5641 .fa-door-open::before {
5642 content: "\f52b";
5645 .fa-right-from-bracket::before {
5646 content: "\f2f5";
5649 .fa-sign-out-alt::before {
5650 content: "\f2f5";
5653 .fa-atom::before {
5654 content: "\f5d2";
5657 .fa-soap::before {
5658 content: "\e06e";
5661 .fa-icons::before {
5662 content: "\f86d";
5665 .fa-heart-music-camera-bolt::before {
5666 content: "\f86d";
5669 .fa-microphone-lines-slash::before {
5670 content: "\f539";
5673 .fa-microphone-alt-slash::before {
5674 content: "\f539";
5677 .fa-bridge-circle-check::before {
5678 content: "\e4c9";
5681 .fa-pump-medical::before {
5682 content: "\e06a";
5685 .fa-fingerprint::before {
5686 content: "\f577";
5689 .fa-hand-point-right::before {
5690 content: "\f0a4";
5693 .fa-magnifying-glass-location::before {
5694 content: "\f689";
5697 .fa-search-location::before {
5698 content: "\f689";
5701 .fa-forward-step::before {
5702 content: "\f051";
5705 .fa-step-forward::before {
5706 content: "\f051";
5709 .fa-face-smile-beam::before {
5710 content: "\f5b8";
5713 .fa-smile-beam::before {
5714 content: "\f5b8";
5717 .fa-flag-checkered::before {
5718 content: "\f11e";
5721 .fa-football::before {
5722 content: "\f44e";
5725 .fa-football-ball::before {
5726 content: "\f44e";
5729 .fa-school-circle-exclamation::before {
5730 content: "\e56c";
5733 .fa-crop::before {
5734 content: "\f125";
5737 .fa-angles-down::before {
5738 content: "\f103";
5741 .fa-angle-double-down::before {
5742 content: "\f103";
5745 .fa-users-rectangle::before {
5746 content: "\e594";
5749 .fa-people-roof::before {
5750 content: "\e537";
5753 .fa-people-line::before {
5754 content: "\e534";
5757 .fa-beer-mug-empty::before {
5758 content: "\f0fc";
5761 .fa-beer::before {
5762 content: "\f0fc";
5765 .fa-diagram-predecessor::before {
5766 content: "\e477";
5769 .fa-arrow-up-long::before {
5770 content: "\f176";
5773 .fa-long-arrow-up::before {
5774 content: "\f176";
5777 .fa-fire-flame-simple::before {
5778 content: "\f46a";
5781 .fa-burn::before {
5782 content: "\f46a";
5785 .fa-person::before {
5786 content: "\f183";
5789 .fa-male::before {
5790 content: "\f183";
5793 .fa-laptop::before {
5794 content: "\f109";
5797 .fa-file-csv::before {
5798 content: "\f6dd";
5801 .fa-menorah::before {
5802 content: "\f676";
5805 .fa-truck-plane::before {
5806 content: "\e58f";
5809 .fa-record-vinyl::before {
5810 content: "\f8d9";
5813 .fa-face-grin-stars::before {
5814 content: "\f587";
5817 .fa-grin-stars::before {
5818 content: "\f587";
5821 .fa-bong::before {
5822 content: "\f55c";
5825 .fa-spaghetti-monster-flying::before {
5826 content: "\f67b";
5829 .fa-pastafarianism::before {
5830 content: "\f67b";
5833 .fa-arrow-down-up-across-line::before {
5834 content: "\e4af";
5837 .fa-spoon::before {
5838 content: "\f2e5";
5841 .fa-utensil-spoon::before {
5842 content: "\f2e5";
5845 .fa-jar-wheat::before {
5846 content: "\e517";
5849 .fa-envelopes-bulk::before {
5850 content: "\f674";
5853 .fa-mail-bulk::before {
5854 content: "\f674";
5857 .fa-file-circle-exclamation::before {
5858 content: "\e4eb";
5861 .fa-circle-h::before {
5862 content: "\f47e";
5865 .fa-hospital-symbol::before {
5866 content: "\f47e";
5869 .fa-pager::before {
5870 content: "\f815";
5873 .fa-address-book::before {
5874 content: "\f2b9";
5877 .fa-contact-book::before {
5878 content: "\f2b9";
5881 .fa-strikethrough::before {
5882 content: "\f0cc";
5885 .fa-k::before {
5886 content: "K";
5889 .fa-landmark-flag::before {
5890 content: "\e51c";
5893 .fa-pencil::before {
5894 content: "\f303";
5897 .fa-pencil-alt::before {
5898 content: "\f303";
5901 .fa-backward::before {
5902 content: "\f04a";
5905 .fa-caret-right::before {
5906 content: "\f0da";
5909 .fa-comments::before {
5910 content: "\f086";
5913 .fa-paste::before {
5914 content: "\f0ea";
5917 .fa-file-clipboard::before {
5918 content: "\f0ea";
5921 .fa-code-pull-request::before {
5922 content: "\e13c";
5925 .fa-clipboard-list::before {
5926 content: "\f46d";
5929 .fa-truck-ramp-box::before {
5930 content: "\f4de";
5933 .fa-truck-loading::before {
5934 content: "\f4de";
5937 .fa-user-check::before {
5938 content: "\f4fc";
5941 .fa-vial-virus::before {
5942 content: "\e597";
5945 .fa-sheet-plastic::before {
5946 content: "\e571";
5949 .fa-blog::before {
5950 content: "\f781";
5953 .fa-user-ninja::before {
5954 content: "\f504";
5957 .fa-person-arrow-up-from-line::before {
5958 content: "\e539";
5961 .fa-scroll-torah::before {
5962 content: "\f6a0";
5965 .fa-torah::before {
5966 content: "\f6a0";
5969 .fa-broom-ball::before {
5970 content: "\f458";
5973 .fa-quidditch::before {
5974 content: "\f458";
5977 .fa-quidditch-broom-ball::before {
5978 content: "\f458";
5981 .fa-toggle-off::before {
5982 content: "\f204";
5985 .fa-box-archive::before {
5986 content: "\f187";
5989 .fa-archive::before {
5990 content: "\f187";
5993 .fa-person-drowning::before {
5994 content: "\e545";
5997 .fa-arrow-down-9-1::before {
5998 content: "\f886";
6001 .fa-sort-numeric-desc::before {
6002 content: "\f886";
6005 .fa-sort-numeric-down-alt::before {
6006 content: "\f886";
6009 .fa-face-grin-tongue-squint::before {
6010 content: "\f58a";
6013 .fa-grin-tongue-squint::before {
6014 content: "\f58a";
6017 .fa-spray-can::before {
6018 content: "\f5bd";
6021 .fa-truck-monster::before {
6022 content: "\f63b";
6025 .fa-w::before {
6026 content: "W";
6029 .fa-earth-africa::before {
6030 content: "\f57c";
6033 .fa-globe-africa::before {
6034 content: "\f57c";
6037 .fa-rainbow::before {
6038 content: "\f75b";
6041 .fa-circle-notch::before {
6042 content: "\f1ce";
6045 .fa-tablet-screen-button::before {
6046 content: "\f3fa";
6049 .fa-tablet-alt::before {
6050 content: "\f3fa";
6053 .fa-paw::before {
6054 content: "\f1b0";
6057 .fa-cloud::before {
6058 content: "\f0c2";
6061 .fa-trowel-bricks::before {
6062 content: "\e58a";
6065 .fa-face-flushed::before {
6066 content: "\f579";
6069 .fa-flushed::before {
6070 content: "\f579";
6073 .fa-hospital-user::before {
6074 content: "\f80d";
6077 .fa-tent-arrow-left-right::before {
6078 content: "\e57f";
6081 .fa-gavel::before {
6082 content: "\f0e3";
6085 .fa-legal::before {
6086 content: "\f0e3";
6089 .fa-binoculars::before {
6090 content: "\f1e5";
6093 .fa-microphone-slash::before {
6094 content: "\f131";
6097 .fa-box-tissue::before {
6098 content: "\e05b";
6101 .fa-motorcycle::before {
6102 content: "\f21c";
6105 .fa-bell-concierge::before {
6106 content: "\f562";
6109 .fa-concierge-bell::before {
6110 content: "\f562";
6113 .fa-pen-ruler::before {
6114 content: "\f5ae";
6117 .fa-pencil-ruler::before {
6118 content: "\f5ae";
6121 .fa-people-arrows::before {
6122 content: "\e068";
6125 .fa-people-arrows-left-right::before {
6126 content: "\e068";
6129 .fa-mars-and-venus-burst::before {
6130 content: "\e523";
6133 .fa-square-caret-right::before {
6134 content: "\f152";
6137 .fa-caret-square-right::before {
6138 content: "\f152";
6141 .fa-scissors::before {
6142 content: "\f0c4";
6145 .fa-cut::before {
6146 content: "\f0c4";
6149 .fa-sun-plant-wilt::before {
6150 content: "\e57a";
6153 .fa-toilets-portable::before {
6154 content: "\e584";
6157 .fa-hockey-puck::before {
6158 content: "\f453";
6161 .fa-table::before {
6162 content: "\f0ce";
6165 .fa-magnifying-glass-arrow-right::before {
6166 content: "\e521";
6169 .fa-tachograph-digital::before {
6170 content: "\f566";
6173 .fa-digital-tachograph::before {
6174 content: "\f566";
6177 .fa-users-slash::before {
6178 content: "\e073";
6181 .fa-clover::before {
6182 content: "\e139";
6185 .fa-reply::before {
6186 content: "\f3e5";
6189 .fa-mail-reply::before {
6190 content: "\f3e5";
6193 .fa-star-and-crescent::before {
6194 content: "\f699";
6197 .fa-house-fire::before {
6198 content: "\e50c";
6201 .fa-square-minus::before {
6202 content: "\f146";
6205 .fa-minus-square::before {
6206 content: "\f146";
6209 .fa-helicopter::before {
6210 content: "\f533";
6213 .fa-compass::before {
6214 content: "\f14e";
6217 .fa-square-caret-down::before {
6218 content: "\f150";
6221 .fa-caret-square-down::before {
6222 content: "\f150";
6225 .fa-file-circle-question::before {
6226 content: "\e4ef";
6229 .fa-laptop-code::before {
6230 content: "\f5fc";
6233 .fa-swatchbook::before {
6234 content: "\f5c3";
6237 .fa-prescription-bottle::before {
6238 content: "\f485";
6241 .fa-bars::before {
6242 content: "\f0c9";
6245 .fa-navicon::before {
6246 content: "\f0c9";
6249 .fa-people-group::before {
6250 content: "\e533";
6253 .fa-hourglass-end::before {
6254 content: "\f253";
6257 .fa-hourglass-3::before {
6258 content: "\f253";
6261 .fa-heart-crack::before {
6262 content: "\f7a9";
6265 .fa-heart-broken::before {
6266 content: "\f7a9";
6269 .fa-square-up-right::before {
6270 content: "\f360";
6273 .fa-external-link-square-alt::before {
6274 content: "\f360";
6277 .fa-face-kiss-beam::before {
6278 content: "\f597";
6281 .fa-kiss-beam::before {
6282 content: "\f597";
6285 .fa-film::before {
6286 content: "\f008";
6289 .fa-ruler-horizontal::before {
6290 content: "\f547";
6293 .fa-people-robbery::before {
6294 content: "\e536";
6297 .fa-lightbulb::before {
6298 content: "\f0eb";
6301 .fa-caret-left::before {
6302 content: "\f0d9";
6305 .fa-circle-exclamation::before {
6306 content: "\f06a";
6309 .fa-exclamation-circle::before {
6310 content: "\f06a";
6313 .fa-school-circle-xmark::before {
6314 content: "\e56d";
6317 .fa-arrow-right-from-bracket::before {
6318 content: "\f08b";
6321 .fa-sign-out::before {
6322 content: "\f08b";
6325 .fa-circle-chevron-down::before {
6326 content: "\f13a";
6329 .fa-chevron-circle-down::before {
6330 content: "\f13a";
6333 .fa-unlock-keyhole::before {
6334 content: "\f13e";
6337 .fa-unlock-alt::before {
6338 content: "\f13e";
6341 .fa-cloud-showers-heavy::before {
6342 content: "\f740";
6345 .fa-headphones-simple::before {
6346 content: "\f58f";
6349 .fa-headphones-alt::before {
6350 content: "\f58f";
6353 .fa-sitemap::before {
6354 content: "\f0e8";
6357 .fa-circle-dollar-to-slot::before {
6358 content: "\f4b9";
6361 .fa-donate::before {
6362 content: "\f4b9";
6365 .fa-memory::before {
6366 content: "\f538";
6369 .fa-road-spikes::before {
6370 content: "\e568";
6373 .fa-fire-burner::before {
6374 content: "\e4f1";
6377 .fa-flag::before {
6378 content: "\f024";
6381 .fa-hanukiah::before {
6382 content: "\f6e6";
6385 .fa-feather::before {
6386 content: "\f52d";
6389 .fa-volume-low::before {
6390 content: "\f027";
6393 .fa-volume-down::before {
6394 content: "\f027";
6397 .fa-comment-slash::before {
6398 content: "\f4b3";
6401 .fa-cloud-sun-rain::before {
6402 content: "\f743";
6405 .fa-compress::before {
6406 content: "\f066";
6409 .fa-wheat-awn::before {
6410 content: "\e2cd";
6413 .fa-wheat-alt::before {
6414 content: "\e2cd";
6417 .fa-ankh::before {
6418 content: "\f644";
6421 .fa-hands-holding-child::before {
6422 content: "\e4fa";
6425 .fa-asterisk::before {
6426 content: "\*";
6429 .fa-square-check::before {
6430 content: "\f14a";
6433 .fa-check-square::before {
6434 content: "\f14a";
6437 .fa-peseta-sign::before {
6438 content: "\e221";
6441 .fa-heading::before {
6442 content: "\f1dc";
6445 .fa-header::before {
6446 content: "\f1dc";
6449 .fa-ghost::before {
6450 content: "\f6e2";
6453 .fa-list::before {
6454 content: "\f03a";
6457 .fa-list-squares::before {
6458 content: "\f03a";
6461 .fa-square-phone-flip::before {
6462 content: "\f87b";
6465 .fa-phone-square-alt::before {
6466 content: "\f87b";
6469 .fa-cart-plus::before {
6470 content: "\f217";
6473 .fa-gamepad::before {
6474 content: "\f11b";
6477 .fa-circle-dot::before {
6478 content: "\f192";
6481 .fa-dot-circle::before {
6482 content: "\f192";
6485 .fa-face-dizzy::before {
6486 content: "\f567";
6489 .fa-dizzy::before {
6490 content: "\f567";
6493 .fa-egg::before {
6494 content: "\f7fb";
6497 .fa-house-medical-circle-xmark::before {
6498 content: "\e513";
6501 .fa-campground::before {
6502 content: "\f6bb";
6505 .fa-folder-plus::before {
6506 content: "\f65e";
6509 .fa-futbol::before {
6510 content: "\f1e3";
6513 .fa-futbol-ball::before {
6514 content: "\f1e3";
6517 .fa-soccer-ball::before {
6518 content: "\f1e3";
6521 .fa-paintbrush::before {
6522 content: "\f1fc";
6525 .fa-paint-brush::before {
6526 content: "\f1fc";
6529 .fa-lock::before {
6530 content: "\f023";
6533 .fa-gas-pump::before {
6534 content: "\f52f";
6537 .fa-hot-tub-person::before {
6538 content: "\f593";
6541 .fa-hot-tub::before {
6542 content: "\f593";
6545 .fa-map-location::before {
6546 content: "\f59f";
6549 .fa-map-marked::before {
6550 content: "\f59f";
6553 .fa-house-flood-water::before {
6554 content: "\e50e";
6557 .fa-tree::before {
6558 content: "\f1bb";
6561 .fa-bridge-lock::before {
6562 content: "\e4cc";
6565 .fa-sack-dollar::before {
6566 content: "\f81d";
6569 .fa-pen-to-square::before {
6570 content: "\f044";
6573 .fa-edit::before {
6574 content: "\f044";
6577 .fa-car-side::before {
6578 content: "\f5e4";
6581 .fa-share-nodes::before {
6582 content: "\f1e0";
6585 .fa-share-alt::before {
6586 content: "\f1e0";
6589 .fa-heart-circle-minus::before {
6590 content: "\e4ff";
6593 .fa-hourglass-half::before {
6594 content: "\f252";
6597 .fa-hourglass-2::before {
6598 content: "\f252";
6601 .fa-microscope::before {
6602 content: "\f610";
6605 .fa-sink::before {
6606 content: "\e06d";
6609 .fa-bag-shopping::before {
6610 content: "\f290";
6613 .fa-shopping-bag::before {
6614 content: "\f290";
6617 .fa-arrow-down-z-a::before {
6618 content: "\f881";
6621 .fa-sort-alpha-desc::before {
6622 content: "\f881";
6625 .fa-sort-alpha-down-alt::before {
6626 content: "\f881";
6629 .fa-mitten::before {
6630 content: "\f7b5";
6633 .fa-person-rays::before {
6634 content: "\e54d";
6637 .fa-users::before {
6638 content: "\f0c0";
6641 .fa-eye-slash::before {
6642 content: "\f070";
6645 .fa-flask-vial::before {
6646 content: "\e4f3";
6649 .fa-hand::before {
6650 content: "\f256";
6653 .fa-hand-paper::before {
6654 content: "\f256";
6657 .fa-om::before {
6658 content: "\f679";
6661 .fa-worm::before {
6662 content: "\e599";
6665 .fa-house-circle-xmark::before {
6666 content: "\e50b";
6669 .fa-plug::before {
6670 content: "\f1e6";
6673 .fa-chevron-up::before {
6674 content: "\f077";
6677 .fa-hand-spock::before {
6678 content: "\f259";
6681 .fa-stopwatch::before {
6682 content: "\f2f2";
6685 .fa-face-kiss::before {
6686 content: "\f596";
6689 .fa-kiss::before {
6690 content: "\f596";
6693 .fa-bridge-circle-xmark::before {
6694 content: "\e4cb";
6697 .fa-face-grin-tongue::before {
6698 content: "\f589";
6701 .fa-grin-tongue::before {
6702 content: "\f589";
6705 .fa-chess-bishop::before {
6706 content: "\f43a";
6709 .fa-face-grin-wink::before {
6710 content: "\f58c";
6713 .fa-grin-wink::before {
6714 content: "\f58c";
6717 .fa-ear-deaf::before {
6718 content: "\f2a4";
6721 .fa-deaf::before {
6722 content: "\f2a4";
6725 .fa-deafness::before {
6726 content: "\f2a4";
6729 .fa-hard-of-hearing::before {
6730 content: "\f2a4";
6733 .fa-road-circle-check::before {
6734 content: "\e564";
6737 .fa-dice-five::before {
6738 content: "\f523";
6741 .fa-square-rss::before {
6742 content: "\f143";
6745 .fa-rss-square::before {
6746 content: "\f143";
6749 .fa-land-mine-on::before {
6750 content: "\e51b";
6753 .fa-i-cursor::before {
6754 content: "\f246";
6757 .fa-stamp::before {
6758 content: "\f5bf";
6761 .fa-stairs::before {
6762 content: "\e289";
6765 .fa-i::before {
6766 content: "I";
6769 .fa-hryvnia-sign::before {
6770 content: "\f6f2";
6773 .fa-hryvnia::before {
6774 content: "\f6f2";
6777 .fa-pills::before {
6778 content: "\f484";
6781 .fa-face-grin-wide::before {
6782 content: "\f581";
6785 .fa-grin-alt::before {
6786 content: "\f581";
6789 .fa-tooth::before {
6790 content: "\f5c9";
6793 .fa-v::before {
6794 content: "V";
6797 .fa-bangladeshi-taka-sign::before {
6798 content: "\e2e6";
6801 .fa-bicycle::before {
6802 content: "\f206";
6805 .fa-staff-snake::before {
6806 content: "\e579";
6809 .fa-rod-asclepius::before {
6810 content: "\e579";
6813 .fa-rod-snake::before {
6814 content: "\e579";
6817 .fa-staff-aesculapius::before {
6818 content: "\e579";
6821 .fa-head-side-cough-slash::before {
6822 content: "\e062";
6825 .fa-truck-medical::before {
6826 content: "\f0f9";
6829 .fa-ambulance::before {
6830 content: "\f0f9";
6833 .fa-wheat-awn-circle-exclamation::before {
6834 content: "\e598";
6837 .fa-snowman::before {
6838 content: "\f7d0";
6841 .fa-mortar-pestle::before {
6842 content: "\f5a7";
6845 .fa-road-barrier::before {
6846 content: "\e562";
6849 .fa-school::before {
6850 content: "\f549";
6853 .fa-igloo::before {
6854 content: "\f7ae";
6857 .fa-joint::before {
6858 content: "\f595";
6861 .fa-angle-right::before {
6862 content: "\f105";
6865 .fa-horse::before {
6866 content: "\f6f0";
6869 .fa-q::before {
6870 content: "Q";
6873 .fa-g::before {
6874 content: "G";
6877 .fa-notes-medical::before {
6878 content: "\f481";
6881 .fa-temperature-half::before {
6882 content: "\f2c9";
6885 .fa-temperature-2::before {
6886 content: "\f2c9";
6889 .fa-thermometer-2::before {
6890 content: "\f2c9";
6893 .fa-thermometer-half::before {
6894 content: "\f2c9";
6897 .fa-dong-sign::before {
6898 content: "\e169";
6901 .fa-capsules::before {
6902 content: "\f46b";
6905 .fa-poo-storm::before {
6906 content: "\f75a";
6909 .fa-poo-bolt::before {
6910 content: "\f75a";
6913 .fa-face-frown-open::before {
6914 content: "\f57a";
6917 .fa-frown-open::before {
6918 content: "\f57a";
6921 .fa-hand-point-up::before {
6922 content: "\f0a6";
6925 .fa-money-bill::before {
6926 content: "\f0d6";
6929 .fa-bookmark::before {
6930 content: "\f02e";
6933 .fa-align-justify::before {
6934 content: "\f039";
6937 .fa-umbrella-beach::before {
6938 content: "\f5ca";
6941 .fa-helmet-un::before {
6942 content: "\e503";
6945 .fa-bullseye::before {
6946 content: "\f140";
6949 .fa-bacon::before {
6950 content: "\f7e5";
6953 .fa-hand-point-down::before {
6954 content: "\f0a7";
6957 .fa-arrow-up-from-bracket::before {
6958 content: "\e09a";
6961 .fa-folder::before {
6962 content: "\f07b";
6965 .fa-folder-blank::before {
6966 content: "\f07b";
6969 .fa-file-waveform::before {
6970 content: "\f478";
6973 .fa-file-medical-alt::before {
6974 content: "\f478";
6977 .fa-radiation::before {
6978 content: "\f7b9";
6981 .fa-chart-simple::before {
6982 content: "\e473";
6985 .fa-mars-stroke::before {
6986 content: "\f229";
6989 .fa-vial::before {
6990 content: "\f492";
6993 .fa-gauge::before {
6994 content: "\f624";
6997 .fa-dashboard::before {
6998 content: "\f624";
7001 .fa-gauge-med::before {
7002 content: "\f624";
7005 .fa-tachometer-alt-average::before {
7006 content: "\f624";
7009 .fa-wand-magic-sparkles::before {
7010 content: "\e2ca";
7013 .fa-magic-wand-sparkles::before {
7014 content: "\e2ca";
7017 .fa-e::before {
7018 content: "E";
7021 .fa-pen-clip::before {
7022 content: "\f305";
7025 .fa-pen-alt::before {
7026 content: "\f305";
7029 .fa-bridge-circle-exclamation::before {
7030 content: "\e4ca";
7033 .fa-user::before {
7034 content: "\f007";
7037 .fa-school-circle-check::before {
7038 content: "\e56b";
7041 .fa-dumpster::before {
7042 content: "\f793";
7045 .fa-van-shuttle::before {
7046 content: "\f5b6";
7049 .fa-shuttle-van::before {
7050 content: "\f5b6";
7053 .fa-building-user::before {
7054 content: "\e4da";
7057 .fa-square-caret-left::before {
7058 content: "\f191";
7061 .fa-caret-square-left::before {
7062 content: "\f191";
7065 .fa-highlighter::before {
7066 content: "\f591";
7069 .fa-key::before {
7070 content: "\f084";
7073 .fa-bullhorn::before {
7074 content: "\f0a1";
7077 .fa-globe::before {
7078 content: "\f0ac";
7081 .fa-synagogue::before {
7082 content: "\f69b";
7085 .fa-person-half-dress::before {
7086 content: "\e548";
7089 .fa-road-bridge::before {
7090 content: "\e563";
7093 .fa-location-arrow::before {
7094 content: "\f124";
7097 .fa-c::before {
7098 content: "C";
7101 .fa-tablet-button::before {
7102 content: "\f10a";
7105 .fa-building-lock::before {
7106 content: "\e4d6";
7109 .fa-pizza-slice::before {
7110 content: "\f818";
7113 .fa-money-bill-wave::before {
7114 content: "\f53a";
7117 .fa-chart-area::before {
7118 content: "\f1fe";
7121 .fa-area-chart::before {
7122 content: "\f1fe";
7125 .fa-house-flag::before {
7126 content: "\e50d";
7129 .fa-person-circle-minus::before {
7130 content: "\e540";
7133 .fa-ban::before {
7134 content: "\f05e";
7137 .fa-cancel::before {
7138 content: "\f05e";
7141 .fa-camera-rotate::before {
7142 content: "\e0d8";
7145 .fa-spray-can-sparkles::before {
7146 content: "\f5d0";
7149 .fa-air-freshener::before {
7150 content: "\f5d0";
7153 .fa-star::before {
7154 content: "\f005";
7157 .fa-repeat::before {
7158 content: "\f363";
7161 .fa-cross::before {
7162 content: "\f654";
7165 .fa-box::before {
7166 content: "\f466";
7169 .fa-venus-mars::before {
7170 content: "\f228";
7173 .fa-arrow-pointer::before {
7174 content: "\f245";
7177 .fa-mouse-pointer::before {
7178 content: "\f245";
7181 .fa-maximize::before {
7182 content: "\f31e";
7185 .fa-expand-arrows-alt::before {
7186 content: "\f31e";
7189 .fa-charging-station::before {
7190 content: "\f5e7";
7193 .fa-shapes::before {
7194 content: "\f61f";
7197 .fa-triangle-circle-square::before {
7198 content: "\f61f";
7201 .fa-shuffle::before {
7202 content: "\f074";
7205 .fa-random::before {
7206 content: "\f074";
7209 .fa-person-running::before {
7210 content: "\f70c";
7213 .fa-running::before {
7214 content: "\f70c";
7217 .fa-mobile-retro::before {
7218 content: "\e527";
7221 .fa-grip-lines-vertical::before {
7222 content: "\f7a5";
7225 .fa-spider::before {
7226 content: "\f717";
7229 .fa-hands-bound::before {
7230 content: "\e4f9";
7233 .fa-file-invoice-dollar::before {
7234 content: "\f571";
7237 .fa-plane-circle-exclamation::before {
7238 content: "\e556";
7241 .fa-x-ray::before {
7242 content: "\f497";
7245 .fa-spell-check::before {
7246 content: "\f891";
7249 .fa-slash::before {
7250 content: "\f715";
7253 .fa-computer-mouse::before {
7254 content: "\f8cc";
7257 .fa-mouse::before {
7258 content: "\f8cc";
7261 .fa-arrow-right-to-bracket::before {
7262 content: "\f090";
7265 .fa-sign-in::before {
7266 content: "\f090";
7269 .fa-shop-slash::before {
7270 content: "\e070";
7273 .fa-store-alt-slash::before {
7274 content: "\e070";
7277 .fa-server::before {
7278 content: "\f233";
7281 .fa-virus-covid-slash::before {
7282 content: "\e4a9";
7285 .fa-shop-lock::before {
7286 content: "\e4a5";
7289 .fa-hourglass-start::before {
7290 content: "\f251";
7293 .fa-hourglass-1::before {
7294 content: "\f251";
7297 .fa-blender-phone::before {
7298 content: "\f6b6";
7301 .fa-building-wheat::before {
7302 content: "\e4db";
7305 .fa-person-breastfeeding::before {
7306 content: "\e53a";
7309 .fa-right-to-bracket::before {
7310 content: "\f2f6";
7313 .fa-sign-in-alt::before {
7314 content: "\f2f6";
7317 .fa-venus::before {
7318 content: "\f221";
7321 .fa-passport::before {
7322 content: "\f5ab";
7325 .fa-heart-pulse::before {
7326 content: "\f21e";
7329 .fa-heartbeat::before {
7330 content: "\f21e";
7333 .fa-people-carry-box::before {
7334 content: "\f4ce";
7337 .fa-people-carry::before {
7338 content: "\f4ce";
7341 .fa-temperature-high::before {
7342 content: "\f769";
7345 .fa-microchip::before {
7346 content: "\f2db";
7349 .fa-crown::before {
7350 content: "\f521";
7353 .fa-weight-hanging::before {
7354 content: "\f5cd";
7357 .fa-xmarks-lines::before {
7358 content: "\e59a";
7361 .fa-file-prescription::before {
7362 content: "\f572";
7365 .fa-weight-scale::before {
7366 content: "\f496";
7369 .fa-weight::before {
7370 content: "\f496";
7373 .fa-user-group::before {
7374 content: "\f500";
7377 .fa-user-friends::before {
7378 content: "\f500";
7381 .fa-arrow-up-a-z::before {
7382 content: "\f15e";
7385 .fa-sort-alpha-up::before {
7386 content: "\f15e";
7389 .fa-chess-knight::before {
7390 content: "\f441";
7393 .fa-face-laugh-squint::before {
7394 content: "\f59b";
7397 .fa-laugh-squint::before {
7398 content: "\f59b";
7401 .fa-wheelchair::before {
7402 content: "\f193";
7405 .fa-circle-arrow-up::before {
7406 content: "\f0aa";
7409 .fa-arrow-circle-up::before {
7410 content: "\f0aa";
7413 .fa-toggle-on::before {
7414 content: "\f205";
7417 .fa-person-walking::before {
7418 content: "\f554";
7421 .fa-walking::before {
7422 content: "\f554";
7425 .fa-l::before {
7426 content: "L";
7429 .fa-fire::before {
7430 content: "\f06d";
7433 .fa-bed-pulse::before {
7434 content: "\f487";
7437 .fa-procedures::before {
7438 content: "\f487";
7441 .fa-shuttle-space::before {
7442 content: "\f197";
7445 .fa-space-shuttle::before {
7446 content: "\f197";
7449 .fa-face-laugh::before {
7450 content: "\f599";
7453 .fa-laugh::before {
7454 content: "\f599";
7457 .fa-folder-open::before {
7458 content: "\f07c";
7461 .fa-heart-circle-plus::before {
7462 content: "\e500";
7465 .fa-code-fork::before {
7466 content: "\e13b";
7469 .fa-city::before {
7470 content: "\f64f";
7473 .fa-microphone-lines::before {
7474 content: "\f3c9";
7477 .fa-microphone-alt::before {
7478 content: "\f3c9";
7481 .fa-pepper-hot::before {
7482 content: "\f816";
7485 .fa-unlock::before {
7486 content: "\f09c";
7489 .fa-colon-sign::before {
7490 content: "\e140";
7493 .fa-headset::before {
7494 content: "\f590";
7497 .fa-store-slash::before {
7498 content: "\e071";
7501 .fa-road-circle-xmark::before {
7502 content: "\e566";
7505 .fa-user-minus::before {
7506 content: "\f503";
7509 .fa-mars-stroke-up::before {
7510 content: "\f22a";
7513 .fa-mars-stroke-v::before {
7514 content: "\f22a";
7517 .fa-champagne-glasses::before {
7518 content: "\f79f";
7521 .fa-glass-cheers::before {
7522 content: "\f79f";
7525 .fa-clipboard::before {
7526 content: "\f328";
7529 .fa-house-circle-exclamation::before {
7530 content: "\e50a";
7533 .fa-file-arrow-up::before {
7534 content: "\f574";
7537 .fa-file-upload::before {
7538 content: "\f574";
7541 .fa-wifi::before {
7542 content: "\f1eb";
7545 .fa-wifi-3::before {
7546 content: "\f1eb";
7549 .fa-wifi-strong::before {
7550 content: "\f1eb";
7553 .fa-bath::before {
7554 content: "\f2cd";
7557 .fa-bathtub::before {
7558 content: "\f2cd";
7561 .fa-underline::before {
7562 content: "\f0cd";
7565 .fa-user-pen::before {
7566 content: "\f4ff";
7569 .fa-user-edit::before {
7570 content: "\f4ff";
7573 .fa-signature::before {
7574 content: "\f5b7";
7577 .fa-stroopwafel::before {
7578 content: "\f551";
7581 .fa-bold::before {
7582 content: "\f032";
7585 .fa-anchor-lock::before {
7586 content: "\e4ad";
7589 .fa-building-ngo::before {
7590 content: "\e4d7";
7593 .fa-manat-sign::before {
7594 content: "\e1d5";
7597 .fa-not-equal::before {
7598 content: "\f53e";
7601 .fa-border-top-left::before {
7602 content: "\f853";
7605 .fa-border-style::before {
7606 content: "\f853";
7609 .fa-map-location-dot::before {
7610 content: "\f5a0";
7613 .fa-map-marked-alt::before {
7614 content: "\f5a0";
7617 .fa-jedi::before {
7618 content: "\f669";
7621 .fa-square-poll-vertical::before {
7622 content: "\f681";
7625 .fa-poll::before {
7626 content: "\f681";
7629 .fa-mug-hot::before {
7630 content: "\f7b6";
7633 .fa-car-battery::before {
7634 content: "\f5df";
7637 .fa-battery-car::before {
7638 content: "\f5df";
7641 .fa-gift::before {
7642 content: "\f06b";
7645 .fa-dice-two::before {
7646 content: "\f528";
7649 .fa-chess-queen::before {
7650 content: "\f445";
7653 .fa-glasses::before {
7654 content: "\f530";
7657 .fa-chess-board::before {
7658 content: "\f43c";
7661 .fa-building-circle-check::before {
7662 content: "\e4d2";
7665 .fa-person-chalkboard::before {
7666 content: "\e53d";
7669 .fa-mars-stroke-right::before {
7670 content: "\f22b";
7673 .fa-mars-stroke-h::before {
7674 content: "\f22b";
7677 .fa-hand-back-fist::before {
7678 content: "\f255";
7681 .fa-hand-rock::before {
7682 content: "\f255";
7685 .fa-square-caret-up::before {
7686 content: "\f151";
7689 .fa-caret-square-up::before {
7690 content: "\f151";
7693 .fa-cloud-showers-water::before {
7694 content: "\e4e4";
7697 .fa-chart-bar::before {
7698 content: "\f080";
7701 .fa-bar-chart::before {
7702 content: "\f080";
7705 .fa-hands-bubbles::before {
7706 content: "\e05e";
7709 .fa-hands-wash::before {
7710 content: "\e05e";
7713 .fa-less-than-equal::before {
7714 content: "\f537";
7717 .fa-train::before {
7718 content: "\f238";
7721 .fa-eye-low-vision::before {
7722 content: "\f2a8";
7725 .fa-low-vision::before {
7726 content: "\f2a8";
7729 .fa-crow::before {
7730 content: "\f520";
7733 .fa-sailboat::before {
7734 content: "\e445";
7737 .fa-window-restore::before {
7738 content: "\f2d2";
7741 .fa-square-plus::before {
7742 content: "\f0fe";
7745 .fa-plus-square::before {
7746 content: "\f0fe";
7749 .fa-torii-gate::before {
7750 content: "\f6a1";
7753 .fa-frog::before {
7754 content: "\f52e";
7757 .fa-bucket::before {
7758 content: "\e4cf";
7761 .fa-image::before {
7762 content: "\f03e";
7765 .fa-microphone::before {
7766 content: "\f130";
7769 .fa-cow::before {
7770 content: "\f6c8";
7773 .fa-caret-up::before {
7774 content: "\f0d8";
7777 .fa-screwdriver::before {
7778 content: "\f54a";
7781 .fa-folder-closed::before {
7782 content: "\e185";
7785 .fa-house-tsunami::before {
7786 content: "\e515";
7789 .fa-square-nfi::before {
7790 content: "\e576";
7793 .fa-arrow-up-from-ground-water::before {
7794 content: "\e4b5";
7797 .fa-martini-glass::before {
7798 content: "\f57b";
7801 .fa-glass-martini-alt::before {
7802 content: "\f57b";
7805 .fa-rotate-left::before {
7806 content: "\f2ea";
7809 .fa-rotate-back::before {
7810 content: "\f2ea";
7813 .fa-rotate-backward::before {
7814 content: "\f2ea";
7817 .fa-undo-alt::before {
7818 content: "\f2ea";
7821 .fa-table-columns::before {
7822 content: "\f0db";
7825 .fa-columns::before {
7826 content: "\f0db";
7829 .fa-lemon::before {
7830 content: "\f094";
7833 .fa-head-side-mask::before {
7834 content: "\e063";
7837 .fa-handshake::before {
7838 content: "\f2b5";
7841 .fa-gem::before {
7842 content: "\f3a5";
7845 .fa-dolly::before {
7846 content: "\f472";
7849 .fa-dolly-box::before {
7850 content: "\f472";
7853 .fa-smoking::before {
7854 content: "\f48d";
7857 .fa-minimize::before {
7858 content: "\f78c";
7861 .fa-compress-arrows-alt::before {
7862 content: "\f78c";
7865 .fa-monument::before {
7866 content: "\f5a6";
7869 .fa-snowplow::before {
7870 content: "\f7d2";
7873 .fa-angles-right::before {
7874 content: "\f101";
7877 .fa-angle-double-right::before {
7878 content: "\f101";
7881 .fa-cannabis::before {
7882 content: "\f55f";
7885 .fa-circle-play::before {
7886 content: "\f144";
7889 .fa-play-circle::before {
7890 content: "\f144";
7893 .fa-tablets::before {
7894 content: "\f490";
7897 .fa-ethernet::before {
7898 content: "\f796";
7901 .fa-euro-sign::before {
7902 content: "\f153";
7905 .fa-eur::before {
7906 content: "\f153";
7909 .fa-euro::before {
7910 content: "\f153";
7913 .fa-chair::before {
7914 content: "\f6c0";
7917 .fa-circle-check::before {
7918 content: "\f058";
7921 .fa-check-circle::before {
7922 content: "\f058";
7925 .fa-circle-stop::before {
7926 content: "\f28d";
7929 .fa-stop-circle::before {
7930 content: "\f28d";
7933 .fa-compass-drafting::before {
7934 content: "\f568";
7937 .fa-drafting-compass::before {
7938 content: "\f568";
7941 .fa-plate-wheat::before {
7942 content: "\e55a";
7945 .fa-icicles::before {
7946 content: "\f7ad";
7949 .fa-person-shelter::before {
7950 content: "\e54f";
7953 .fa-neuter::before {
7954 content: "\f22c";
7957 .fa-id-badge::before {
7958 content: "\f2c1";
7961 .fa-marker::before {
7962 content: "\f5a1";
7965 .fa-face-laugh-beam::before {
7966 content: "\f59a";
7969 .fa-laugh-beam::before {
7970 content: "\f59a";
7973 .fa-helicopter-symbol::before {
7974 content: "\e502";
7977 .fa-universal-access::before {
7978 content: "\f29a";
7981 .fa-circle-chevron-up::before {
7982 content: "\f139";
7985 .fa-chevron-circle-up::before {
7986 content: "\f139";
7989 .fa-lari-sign::before {
7990 content: "\e1c8";
7993 .fa-volcano::before {
7994 content: "\f770";
7997 .fa-person-walking-dashed-line-arrow-right::before {
7998 content: "\e553";
8001 .fa-sterling-sign::before {
8002 content: "\f154";
8005 .fa-gbp::before {
8006 content: "\f154";
8009 .fa-pound-sign::before {
8010 content: "\f154";
8013 .fa-viruses::before {
8014 content: "\e076";
8017 .fa-square-person-confined::before {
8018 content: "\e577";
8021 .fa-user-tie::before {
8022 content: "\f508";
8025 .fa-arrow-down-long::before {
8026 content: "\f175";
8029 .fa-long-arrow-down::before {
8030 content: "\f175";
8033 .fa-tent-arrow-down-to-line::before {
8034 content: "\e57e";
8037 .fa-certificate::before {
8038 content: "\f0a3";
8041 .fa-reply-all::before {
8042 content: "\f122";
8045 .fa-mail-reply-all::before {
8046 content: "\f122";
8049 .fa-suitcase::before {
8050 content: "\f0f2";
8053 .fa-person-skating::before {
8054 content: "\f7c5";
8057 .fa-skating::before {
8058 content: "\f7c5";
8061 .fa-filter-circle-dollar::before {
8062 content: "\f662";
8065 .fa-funnel-dollar::before {
8066 content: "\f662";
8069 .fa-camera-retro::before {
8070 content: "\f083";
8073 .fa-circle-arrow-down::before {
8074 content: "\f0ab";
8077 .fa-arrow-circle-down::before {
8078 content: "\f0ab";
8081 .fa-file-import::before {
8082 content: "\f56f";
8085 .fa-arrow-right-to-file::before {
8086 content: "\f56f";
8089 .fa-square-arrow-up-right::before {
8090 content: "\f14c";
8093 .fa-external-link-square::before {
8094 content: "\f14c";
8097 .fa-box-open::before {
8098 content: "\f49e";
8101 .fa-scroll::before {
8102 content: "\f70e";
8105 .fa-spa::before {
8106 content: "\f5bb";
8109 .fa-location-pin-lock::before {
8110 content: "\e51f";
8113 .fa-pause::before {
8114 content: "\f04c";
8117 .fa-hill-avalanche::before {
8118 content: "\e507";
8121 .fa-temperature-empty::before {
8122 content: "\f2cb";
8125 .fa-temperature-0::before {
8126 content: "\f2cb";
8129 .fa-thermometer-0::before {
8130 content: "\f2cb";
8133 .fa-thermometer-empty::before {
8134 content: "\f2cb";
8137 .fa-bomb::before {
8138 content: "\f1e2";
8141 .fa-registered::before {
8142 content: "\f25d";
8145 .fa-address-card::before {
8146 content: "\f2bb";
8149 .fa-contact-card::before {
8150 content: "\f2bb";
8153 .fa-vcard::before {
8154 content: "\f2bb";
8157 .fa-scale-unbalanced-flip::before {
8158 content: "\f516";
8161 .fa-balance-scale-right::before {
8162 content: "\f516";
8165 .fa-subscript::before {
8166 content: "\f12c";
8169 .fa-diamond-turn-right::before {
8170 content: "\f5eb";
8173 .fa-directions::before {
8174 content: "\f5eb";
8177 .fa-burst::before {
8178 content: "\e4dc";
8181 .fa-house-laptop::before {
8182 content: "\e066";
8185 .fa-laptop-house::before {
8186 content: "\e066";
8189 .fa-face-tired::before {
8190 content: "\f5c8";
8193 .fa-tired::before {
8194 content: "\f5c8";
8197 .fa-money-bills::before {
8198 content: "\e1f3";
8201 .fa-smog::before {
8202 content: "\f75f";
8205 .fa-crutch::before {
8206 content: "\f7f7";
8209 .fa-cloud-arrow-up::before {
8210 content: "\f0ee";
8213 .fa-cloud-upload::before {
8214 content: "\f0ee";
8217 .fa-cloud-upload-alt::before {
8218 content: "\f0ee";
8221 .fa-palette::before {
8222 content: "\f53f";
8225 .fa-arrows-turn-right::before {
8226 content: "\e4c0";
8229 .fa-vest::before {
8230 content: "\e085";
8233 .fa-ferry::before {
8234 content: "\e4ea";
8237 .fa-arrows-down-to-people::before {
8238 content: "\e4b9";
8241 .fa-seedling::before {
8242 content: "\f4d8";
8245 .fa-sprout::before {
8246 content: "\f4d8";
8249 .fa-left-right::before {
8250 content: "\f337";
8253 .fa-arrows-alt-h::before {
8254 content: "\f337";
8257 .fa-boxes-packing::before {
8258 content: "\e4c7";
8261 .fa-circle-arrow-left::before {
8262 content: "\f0a8";
8265 .fa-arrow-circle-left::before {
8266 content: "\f0a8";
8269 .fa-group-arrows-rotate::before {
8270 content: "\e4f6";
8273 .fa-bowl-food::before {
8274 content: "\e4c6";
8277 .fa-candy-cane::before {
8278 content: "\f786";
8281 .fa-arrow-down-wide-short::before {
8282 content: "\f160";
8285 .fa-sort-amount-asc::before {
8286 content: "\f160";
8289 .fa-sort-amount-down::before {
8290 content: "\f160";
8293 .fa-cloud-bolt::before {
8294 content: "\f76c";
8297 .fa-thunderstorm::before {
8298 content: "\f76c";
8301 .fa-text-slash::before {
8302 content: "\f87d";
8305 .fa-remove-format::before {
8306 content: "\f87d";
8309 .fa-face-smile-wink::before {
8310 content: "\f4da";
8313 .fa-smile-wink::before {
8314 content: "\f4da";
8317 .fa-file-word::before {
8318 content: "\f1c2";
8321 .fa-file-powerpoint::before {
8322 content: "\f1c4";
8325 .fa-arrows-left-right::before {
8326 content: "\f07e";
8329 .fa-arrows-h::before {
8330 content: "\f07e";
8333 .fa-house-lock::before {
8334 content: "\e510";
8337 .fa-cloud-arrow-down::before {
8338 content: "\f0ed";
8341 .fa-cloud-download::before {
8342 content: "\f0ed";
8345 .fa-cloud-download-alt::before {
8346 content: "\f0ed";
8349 .fa-children::before {
8350 content: "\e4e1";
8353 .fa-chalkboard::before {
8354 content: "\f51b";
8357 .fa-blackboard::before {
8358 content: "\f51b";
8361 .fa-user-large-slash::before {
8362 content: "\f4fa";
8365 .fa-user-alt-slash::before {
8366 content: "\f4fa";
8369 .fa-envelope-open::before {
8370 content: "\f2b6";
8373 .fa-handshake-simple-slash::before {
8374 content: "\e05f";
8377 .fa-handshake-alt-slash::before {
8378 content: "\e05f";
8381 .fa-mattress-pillow::before {
8382 content: "\e525";
8385 .fa-guarani-sign::before {
8386 content: "\e19a";
8389 .fa-arrows-rotate::before {
8390 content: "\f021";
8393 .fa-refresh::before {
8394 content: "\f021";
8397 .fa-sync::before {
8398 content: "\f021";
8401 .fa-fire-extinguisher::before {
8402 content: "\f134";
8405 .fa-cruzeiro-sign::before {
8406 content: "\e152";
8409 .fa-greater-than-equal::before {
8410 content: "\f532";
8413 .fa-shield-halved::before {
8414 content: "\f3ed";
8417 .fa-shield-alt::before {
8418 content: "\f3ed";
8421 .fa-book-atlas::before {
8422 content: "\f558";
8425 .fa-atlas::before {
8426 content: "\f558";
8429 .fa-virus::before {
8430 content: "\e074";
8433 .fa-envelope-circle-check::before {
8434 content: "\e4e8";
8437 .fa-layer-group::before {
8438 content: "\f5fd";
8441 .fa-arrows-to-dot::before {
8442 content: "\e4be";
8445 .fa-archway::before {
8446 content: "\f557";
8449 .fa-heart-circle-check::before {
8450 content: "\e4fd";
8453 .fa-house-chimney-crack::before {
8454 content: "\f6f1";
8457 .fa-house-damage::before {
8458 content: "\f6f1";
8461 .fa-file-zipper::before {
8462 content: "\f1c6";
8465 .fa-file-archive::before {
8466 content: "\f1c6";
8469 .fa-square::before {
8470 content: "\f0c8";
8473 .fa-martini-glass-empty::before {
8474 content: "\f000";
8477 .fa-glass-martini::before {
8478 content: "\f000";
8481 .fa-couch::before {
8482 content: "\f4b8";
8485 .fa-cedi-sign::before {
8486 content: "\e0df";
8489 .fa-italic::before {
8490 content: "\f033";
8493 .fa-table-cells-column-lock::before {
8494 content: "\e678";
8497 .fa-church::before {
8498 content: "\f51d";
8501 .fa-comments-dollar::before {
8502 content: "\f653";
8505 .fa-democrat::before {
8506 content: "\f747";
8509 .fa-z::before {
8510 content: "Z";
8513 .fa-person-skiing::before {
8514 content: "\f7c9";
8517 .fa-skiing::before {
8518 content: "\f7c9";
8521 .fa-road-lock::before {
8522 content: "\e567";
8525 .fa-a::before {
8526 content: "A";
8529 .fa-temperature-arrow-down::before {
8530 content: "\e03f";
8533 .fa-temperature-down::before {
8534 content: "\e03f";
8537 .fa-feather-pointed::before {
8538 content: "\f56b";
8541 .fa-feather-alt::before {
8542 content: "\f56b";
8545 .fa-p::before {
8546 content: "P";
8549 .fa-snowflake::before {
8550 content: "\f2dc";
8553 .fa-newspaper::before {
8554 content: "\f1ea";
8557 .fa-rectangle-ad::before {
8558 content: "\f641";
8561 .fa-ad::before {
8562 content: "\f641";
8565 .fa-circle-arrow-right::before {
8566 content: "\f0a9";
8569 .fa-arrow-circle-right::before {
8570 content: "\f0a9";
8573 .fa-filter-circle-xmark::before {
8574 content: "\e17b";
8577 .fa-locust::before {
8578 content: "\e520";
8581 .fa-sort::before {
8582 content: "\f0dc";
8585 .fa-unsorted::before {
8586 content: "\f0dc";
8589 .fa-list-ol::before {
8590 content: "\f0cb";
8593 .fa-list-1-2::before {
8594 content: "\f0cb";
8597 .fa-list-numeric::before {
8598 content: "\f0cb";
8601 .fa-person-dress-burst::before {
8602 content: "\e544";
8605 .fa-money-check-dollar::before {
8606 content: "\f53d";
8609 .fa-money-check-alt::before {
8610 content: "\f53d";
8613 .fa-vector-square::before {
8614 content: "\f5cb";
8617 .fa-bread-slice::before {
8618 content: "\f7ec";
8621 .fa-language::before {
8622 content: "\f1ab";
8625 .fa-face-kiss-wink-heart::before {
8626 content: "\f598";
8629 .fa-kiss-wink-heart::before {
8630 content: "\f598";
8633 .fa-filter::before {
8634 content: "\f0b0";
8637 .fa-question::before {
8638 content: "\?";
8641 .fa-file-signature::before {
8642 content: "\f573";
8645 .fa-up-down-left-right::before {
8646 content: "\f0b2";
8649 .fa-arrows-alt::before {
8650 content: "\f0b2";
8653 .fa-house-chimney-user::before {
8654 content: "\e065";
8657 .fa-hand-holding-heart::before {
8658 content: "\f4be";
8661 .fa-puzzle-piece::before {
8662 content: "\f12e";
8665 .fa-money-check::before {
8666 content: "\f53c";
8669 .fa-star-half-stroke::before {
8670 content: "\f5c0";
8673 .fa-star-half-alt::before {
8674 content: "\f5c0";
8677 .fa-code::before {
8678 content: "\f121";
8681 .fa-whiskey-glass::before {
8682 content: "\f7a0";
8685 .fa-glass-whiskey::before {
8686 content: "\f7a0";
8689 .fa-building-circle-exclamation::before {
8690 content: "\e4d3";
8693 .fa-magnifying-glass-chart::before {
8694 content: "\e522";
8697 .fa-arrow-up-right-from-square::before {
8698 content: "\f08e";
8701 .fa-external-link::before {
8702 content: "\f08e";
8705 .fa-cubes-stacked::before {
8706 content: "\e4e6";
8709 .fa-won-sign::before {
8710 content: "\f159";
8713 .fa-krw::before {
8714 content: "\f159";
8717 .fa-won::before {
8718 content: "\f159";
8721 .fa-virus-covid::before {
8722 content: "\e4a8";
8725 .fa-austral-sign::before {
8726 content: "\e0a9";
8729 .fa-f::before {
8730 content: "F";
8733 .fa-leaf::before {
8734 content: "\f06c";
8737 .fa-road::before {
8738 content: "\f018";
8741 .fa-taxi::before {
8742 content: "\f1ba";
8745 .fa-cab::before {
8746 content: "\f1ba";
8749 .fa-person-circle-plus::before {
8750 content: "\e541";
8753 .fa-chart-pie::before {
8754 content: "\f200";
8757 .fa-pie-chart::before {
8758 content: "\f200";
8761 .fa-bolt-lightning::before {
8762 content: "\e0b7";
8765 .fa-sack-xmark::before {
8766 content: "\e56a";
8769 .fa-file-excel::before {
8770 content: "\f1c3";
8773 .fa-file-contract::before {
8774 content: "\f56c";
8777 .fa-fish-fins::before {
8778 content: "\e4f2";
8781 .fa-building-flag::before {
8782 content: "\e4d5";
8785 .fa-face-grin-beam::before {
8786 content: "\f582";
8789 .fa-grin-beam::before {
8790 content: "\f582";
8793 .fa-object-ungroup::before {
8794 content: "\f248";
8797 .fa-poop::before {
8798 content: "\f619";
8801 .fa-location-pin::before {
8802 content: "\f041";
8805 .fa-map-marker::before {
8806 content: "\f041";
8809 .fa-kaaba::before {
8810 content: "\f66b";
8813 .fa-toilet-paper::before {
8814 content: "\f71e";
8817 .fa-helmet-safety::before {
8818 content: "\f807";
8821 .fa-hard-hat::before {
8822 content: "\f807";
8825 .fa-hat-hard::before {
8826 content: "\f807";
8829 .fa-eject::before {
8830 content: "\f052";
8833 .fa-circle-right::before {
8834 content: "\f35a";
8837 .fa-arrow-alt-circle-right::before {
8838 content: "\f35a";
8841 .fa-plane-circle-check::before {
8842 content: "\e555";
8845 .fa-face-rolling-eyes::before {
8846 content: "\f5a5";
8849 .fa-meh-rolling-eyes::before {
8850 content: "\f5a5";
8853 .fa-object-group::before {
8854 content: "\f247";
8857 .fa-chart-line::before {
8858 content: "\f201";
8861 .fa-line-chart::before {
8862 content: "\f201";
8865 .fa-mask-ventilator::before {
8866 content: "\e524";
8869 .fa-arrow-right::before {
8870 content: "\f061";
8873 .fa-signs-post::before {
8874 content: "\f277";
8877 .fa-map-signs::before {
8878 content: "\f277";
8881 .fa-cash-register::before {
8882 content: "\f788";
8885 .fa-person-circle-question::before {
8886 content: "\e542";
8889 .fa-h::before {
8890 content: "H";
8893 .fa-tarp::before {
8894 content: "\e57b";
8897 .fa-screwdriver-wrench::before {
8898 content: "\f7d9";
8901 .fa-tools::before {
8902 content: "\f7d9";
8905 .fa-arrows-to-eye::before {
8906 content: "\e4bf";
8909 .fa-plug-circle-bolt::before {
8910 content: "\e55b";
8913 .fa-heart::before {
8914 content: "\f004";
8917 .fa-mars-and-venus::before {
8918 content: "\f224";
8921 .fa-house-user::before {
8922 content: "\e1b0";
8925 .fa-home-user::before {
8926 content: "\e1b0";
8929 .fa-dumpster-fire::before {
8930 content: "\f794";
8933 .fa-house-crack::before {
8934 content: "\e3b1";
8937 .fa-martini-glass-citrus::before {
8938 content: "\f561";
8941 .fa-cocktail::before {
8942 content: "\f561";
8945 .fa-face-surprise::before {
8946 content: "\f5c2";
8949 .fa-surprise::before {
8950 content: "\f5c2";
8953 .fa-bottle-water::before {
8954 content: "\e4c5";
8957 .fa-circle-pause::before {
8958 content: "\f28b";
8961 .fa-pause-circle::before {
8962 content: "\f28b";
8965 .fa-toilet-paper-slash::before {
8966 content: "\e072";
8969 .fa-apple-whole::before {
8970 content: "\f5d1";
8973 .fa-apple-alt::before {
8974 content: "\f5d1";
8977 .fa-kitchen-set::before {
8978 content: "\e51a";
8981 .fa-r::before {
8982 content: "R";
8985 .fa-temperature-quarter::before {
8986 content: "\f2ca";
8989 .fa-temperature-1::before {
8990 content: "\f2ca";
8993 .fa-thermometer-1::before {
8994 content: "\f2ca";
8997 .fa-thermometer-quarter::before {
8998 content: "\f2ca";
9001 .fa-cube::before {
9002 content: "\f1b2";
9005 .fa-bitcoin-sign::before {
9006 content: "\e0b4";
9009 .fa-shield-dog::before {
9010 content: "\e573";
9013 .fa-solar-panel::before {
9014 content: "\f5ba";
9017 .fa-lock-open::before {
9018 content: "\f3c1";
9021 .fa-elevator::before {
9022 content: "\e16d";
9025 .fa-money-bill-transfer::before {
9026 content: "\e528";
9029 .fa-money-bill-trend-up::before {
9030 content: "\e529";
9033 .fa-house-flood-water-circle-arrow-right::before {
9034 content: "\e50f";
9037 .fa-square-poll-horizontal::before {
9038 content: "\f682";
9041 .fa-poll-h::before {
9042 content: "\f682";
9045 .fa-circle::before {
9046 content: "\f111";
9049 .fa-backward-fast::before {
9050 content: "\f049";
9053 .fa-fast-backward::before {
9054 content: "\f049";
9057 .fa-recycle::before {
9058 content: "\f1b8";
9061 .fa-user-astronaut::before {
9062 content: "\f4fb";
9065 .fa-plane-slash::before {
9066 content: "\e069";
9069 .fa-trademark::before {
9070 content: "\f25c";
9073 .fa-basketball::before {
9074 content: "\f434";
9077 .fa-basketball-ball::before {
9078 content: "\f434";
9081 .fa-satellite-dish::before {
9082 content: "\f7c0";
9085 .fa-circle-up::before {
9086 content: "\f35b";
9089 .fa-arrow-alt-circle-up::before {
9090 content: "\f35b";
9093 .fa-mobile-screen-button::before {
9094 content: "\f3cd";
9097 .fa-mobile-alt::before {
9098 content: "\f3cd";
9101 .fa-volume-high::before {
9102 content: "\f028";
9105 .fa-volume-up::before {
9106 content: "\f028";
9109 .fa-users-rays::before {
9110 content: "\e593";
9113 .fa-wallet::before {
9114 content: "\f555";
9117 .fa-clipboard-check::before {
9118 content: "\f46c";
9121 .fa-file-audio::before {
9122 content: "\f1c7";
9125 .fa-burger::before {
9126 content: "\f805";
9129 .fa-hamburger::before {
9130 content: "\f805";
9133 .fa-wrench::before {
9134 content: "\f0ad";
9137 .fa-bugs::before {
9138 content: "\e4d0";
9141 .fa-rupee-sign::before {
9142 content: "\f156";
9145 .fa-rupee::before {
9146 content: "\f156";
9149 .fa-file-image::before {
9150 content: "\f1c5";
9153 .fa-circle-question::before {
9154 content: "\f059";
9157 .fa-question-circle::before {
9158 content: "\f059";
9161 .fa-plane-departure::before {
9162 content: "\f5b0";
9165 .fa-handshake-slash::before {
9166 content: "\e060";
9169 .fa-book-bookmark::before {
9170 content: "\e0bb";
9173 .fa-code-branch::before {
9174 content: "\f126";
9177 .fa-hat-cowboy::before {
9178 content: "\f8c0";
9181 .fa-bridge::before {
9182 content: "\e4c8";
9185 .fa-phone-flip::before {
9186 content: "\f879";
9189 .fa-phone-alt::before {
9190 content: "\f879";
9193 .fa-truck-front::before {
9194 content: "\e2b7";
9197 .fa-cat::before {
9198 content: "\f6be";
9201 .fa-anchor-circle-exclamation::before {
9202 content: "\e4ab";
9205 .fa-truck-field::before {
9206 content: "\e58d";
9209 .fa-route::before {
9210 content: "\f4d7";
9213 .fa-clipboard-question::before {
9214 content: "\e4e3";
9217 .fa-panorama::before {
9218 content: "\e209";
9221 .fa-comment-medical::before {
9222 content: "\f7f5";
9225 .fa-teeth-open::before {
9226 content: "\f62f";
9229 .fa-file-circle-minus::before {
9230 content: "\e4ed";
9233 .fa-tags::before {
9234 content: "\f02c";
9237 .fa-wine-glass::before {
9238 content: "\f4e3";
9241 .fa-forward-fast::before {
9242 content: "\f050";
9245 .fa-fast-forward::before {
9246 content: "\f050";
9249 .fa-face-meh-blank::before {
9250 content: "\f5a4";
9253 .fa-meh-blank::before {
9254 content: "\f5a4";
9257 .fa-square-parking::before {
9258 content: "\f540";
9261 .fa-parking::before {
9262 content: "\f540";
9265 .fa-house-signal::before {
9266 content: "\e012";
9269 .fa-bars-progress::before {
9270 content: "\f828";
9273 .fa-tasks-alt::before {
9274 content: "\f828";
9277 .fa-faucet-drip::before {
9278 content: "\e006";
9281 .fa-cart-flatbed::before {
9282 content: "\f474";
9285 .fa-dolly-flatbed::before {
9286 content: "\f474";
9289 .fa-ban-smoking::before {
9290 content: "\f54d";
9293 .fa-smoking-ban::before {
9294 content: "\f54d";
9297 .fa-terminal::before {
9298 content: "\f120";
9301 .fa-mobile-button::before {
9302 content: "\f10b";
9305 .fa-house-medical-flag::before {
9306 content: "\e514";
9309 .fa-basket-shopping::before {
9310 content: "\f291";
9313 .fa-shopping-basket::before {
9314 content: "\f291";
9317 .fa-tape::before {
9318 content: "\f4db";
9321 .fa-bus-simple::before {
9322 content: "\f55e";
9325 .fa-bus-alt::before {
9326 content: "\f55e";
9329 .fa-eye::before {
9330 content: "\f06e";
9333 .fa-face-sad-cry::before {
9334 content: "\f5b3";
9337 .fa-sad-cry::before {
9338 content: "\f5b3";
9341 .fa-audio-description::before {
9342 content: "\f29e";
9345 .fa-person-military-to-person::before {
9346 content: "\e54c";
9349 .fa-file-shield::before {
9350 content: "\e4f0";
9353 .fa-user-slash::before {
9354 content: "\f506";
9357 .fa-pen::before {
9358 content: "\f304";
9361 .fa-tower-observation::before {
9362 content: "\e586";
9365 .fa-file-code::before {
9366 content: "\f1c9";
9369 .fa-signal::before {
9370 content: "\f012";
9373 .fa-signal-5::before {
9374 content: "\f012";
9377 .fa-signal-perfect::before {
9378 content: "\f012";
9381 .fa-bus::before {
9382 content: "\f207";
9385 .fa-heart-circle-xmark::before {
9386 content: "\e501";
9389 .fa-house-chimney::before {
9390 content: "\e3af";
9393 .fa-home-lg::before {
9394 content: "\e3af";
9397 .fa-window-maximize::before {
9398 content: "\f2d0";
9401 .fa-face-frown::before {
9402 content: "\f119";
9405 .fa-frown::before {
9406 content: "\f119";
9409 .fa-prescription::before {
9410 content: "\f5b1";
9413 .fa-shop::before {
9414 content: "\f54f";
9417 .fa-store-alt::before {
9418 content: "\f54f";
9421 .fa-floppy-disk::before {
9422 content: "\f0c7";
9425 .fa-save::before {
9426 content: "\f0c7";
9429 .fa-vihara::before {
9430 content: "\f6a7";
9433 .fa-scale-unbalanced::before {
9434 content: "\f515";
9437 .fa-balance-scale-left::before {
9438 content: "\f515";
9441 .fa-sort-up::before {
9442 content: "\f0de";
9445 .fa-sort-asc::before {
9446 content: "\f0de";
9449 .fa-comment-dots::before {
9450 content: "\f4ad";
9453 .fa-commenting::before {
9454 content: "\f4ad";
9457 .fa-plant-wilt::before {
9458 content: "\e5aa";
9461 .fa-diamond::before {
9462 content: "\f219";
9465 .fa-face-grin-squint::before {
9466 content: "\f585";
9469 .fa-grin-squint::before {
9470 content: "\f585";
9473 .fa-hand-holding-dollar::before {
9474 content: "\f4c0";
9477 .fa-hand-holding-usd::before {
9478 content: "\f4c0";
9481 .fa-bacterium::before {
9482 content: "\e05a";
9485 .fa-hand-pointer::before {
9486 content: "\f25a";
9489 .fa-drum-steelpan::before {
9490 content: "\f56a";
9493 .fa-hand-scissors::before {
9494 content: "\f257";
9497 .fa-hands-praying::before {
9498 content: "\f684";
9501 .fa-praying-hands::before {
9502 content: "\f684";
9505 .fa-arrow-rotate-right::before {
9506 content: "\f01e";
9509 .fa-arrow-right-rotate::before {
9510 content: "\f01e";
9513 .fa-arrow-rotate-forward::before {
9514 content: "\f01e";
9517 .fa-redo::before {
9518 content: "\f01e";
9521 .fa-biohazard::before {
9522 content: "\f780";
9525 .fa-location-crosshairs::before {
9526 content: "\f601";
9529 .fa-location::before {
9530 content: "\f601";
9533 .fa-mars-double::before {
9534 content: "\f227";
9537 .fa-child-dress::before {
9538 content: "\e59c";
9541 .fa-users-between-lines::before {
9542 content: "\e591";
9545 .fa-lungs-virus::before {
9546 content: "\e067";
9549 .fa-face-grin-tears::before {
9550 content: "\f588";
9553 .fa-grin-tears::before {
9554 content: "\f588";
9557 .fa-phone::before {
9558 content: "\f095";
9561 .fa-calendar-xmark::before {
9562 content: "\f273";
9565 .fa-calendar-times::before {
9566 content: "\f273";
9569 .fa-child-reaching::before {
9570 content: "\e59d";
9573 .fa-head-side-virus::before {
9574 content: "\e064";
9577 .fa-user-gear::before {
9578 content: "\f4fe";
9581 .fa-user-cog::before {
9582 content: "\f4fe";
9585 .fa-arrow-up-1-9::before {
9586 content: "\f163";
9589 .fa-sort-numeric-up::before {
9590 content: "\f163";
9593 .fa-door-closed::before {
9594 content: "\f52a";
9597 .fa-shield-virus::before {
9598 content: "\e06c";
9601 .fa-dice-six::before {
9602 content: "\f526";
9605 .fa-mosquito-net::before {
9606 content: "\e52c";
9609 .fa-bridge-water::before {
9610 content: "\e4ce";
9613 .fa-person-booth::before {
9614 content: "\f756";
9617 .fa-text-width::before {
9618 content: "\f035";
9621 .fa-hat-wizard::before {
9622 content: "\f6e8";
9625 .fa-pen-fancy::before {
9626 content: "\f5ac";
9629 .fa-person-digging::before {
9630 content: "\f85e";
9633 .fa-digging::before {
9634 content: "\f85e";
9637 .fa-trash::before {
9638 content: "\f1f8";
9641 .fa-gauge-simple::before {
9642 content: "\f629";
9645 .fa-gauge-simple-med::before {
9646 content: "\f629";
9649 .fa-tachometer-average::before {
9650 content: "\f629";
9653 .fa-book-medical::before {
9654 content: "\f7e6";
9657 .fa-poo::before {
9658 content: "\f2fe";
9661 .fa-quote-right::before {
9662 content: "\f10e";
9665 .fa-quote-right-alt::before {
9666 content: "\f10e";
9669 .fa-shirt::before {
9670 content: "\f553";
9673 .fa-t-shirt::before {
9674 content: "\f553";
9677 .fa-tshirt::before {
9678 content: "\f553";
9681 .fa-cubes::before {
9682 content: "\f1b3";
9685 .fa-divide::before {
9686 content: "\f529";
9689 .fa-tenge-sign::before {
9690 content: "\f7d7";
9693 .fa-tenge::before {
9694 content: "\f7d7";
9697 .fa-headphones::before {
9698 content: "\f025";
9701 .fa-hands-holding::before {
9702 content: "\f4c2";
9705 .fa-hands-clapping::before {
9706 content: "\e1a8";
9709 .fa-republican::before {
9710 content: "\f75e";
9713 .fa-arrow-left::before {
9714 content: "\f060";
9717 .fa-person-circle-xmark::before {
9718 content: "\e543";
9721 .fa-ruler::before {
9722 content: "\f545";
9725 .fa-align-left::before {
9726 content: "\f036";
9729 .fa-dice-d6::before {
9730 content: "\f6d1";
9733 .fa-restroom::before {
9734 content: "\f7bd";
9737 .fa-j::before {
9738 content: "J";
9741 .fa-users-viewfinder::before {
9742 content: "\e595";
9745 .fa-file-video::before {
9746 content: "\f1c8";
9749 .fa-up-right-from-square::before {
9750 content: "\f35d";
9753 .fa-external-link-alt::before {
9754 content: "\f35d";
9757 .fa-table-cells::before {
9758 content: "\f00a";
9761 .fa-th::before {
9762 content: "\f00a";
9765 .fa-file-pdf::before {
9766 content: "\f1c1";
9769 .fa-book-bible::before {
9770 content: "\f647";
9773 .fa-bible::before {
9774 content: "\f647";
9777 .fa-o::before {
9778 content: "O";
9781 .fa-suitcase-medical::before {
9782 content: "\f0fa";
9785 .fa-medkit::before {
9786 content: "\f0fa";
9789 .fa-user-secret::before {
9790 content: "\f21b";
9793 .fa-otter::before {
9794 content: "\f700";
9797 .fa-person-dress::before {
9798 content: "\f182";
9801 .fa-female::before {
9802 content: "\f182";
9805 .fa-comment-dollar::before {
9806 content: "\f651";
9809 .fa-business-time::before {
9810 content: "\f64a";
9813 .fa-briefcase-clock::before {
9814 content: "\f64a";
9817 .fa-table-cells-large::before {
9818 content: "\f009";
9821 .fa-th-large::before {
9822 content: "\f009";
9825 .fa-book-tanakh::before {
9826 content: "\f827";
9829 .fa-tanakh::before {
9830 content: "\f827";
9833 .fa-phone-volume::before {
9834 content: "\f2a0";
9837 .fa-volume-control-phone::before {
9838 content: "\f2a0";
9841 .fa-hat-cowboy-side::before {
9842 content: "\f8c1";
9845 .fa-clipboard-user::before {
9846 content: "\f7f3";
9849 .fa-child::before {
9850 content: "\f1ae";
9853 .fa-lira-sign::before {
9854 content: "\f195";
9857 .fa-satellite::before {
9858 content: "\f7bf";
9861 .fa-plane-lock::before {
9862 content: "\e558";
9865 .fa-tag::before {
9866 content: "\f02b";
9869 .fa-comment::before {
9870 content: "\f075";
9873 .fa-cake-candles::before {
9874 content: "\f1fd";
9877 .fa-birthday-cake::before {
9878 content: "\f1fd";
9881 .fa-cake::before {
9882 content: "\f1fd";
9885 .fa-envelope::before {
9886 content: "\f0e0";
9889 .fa-angles-up::before {
9890 content: "\f102";
9893 .fa-angle-double-up::before {
9894 content: "\f102";
9897 .fa-paperclip::before {
9898 content: "\f0c6";
9901 .fa-arrow-right-to-city::before {
9902 content: "\e4b3";
9905 .fa-ribbon::before {
9906 content: "\f4d6";
9909 .fa-lungs::before {
9910 content: "\f604";
9913 .fa-arrow-up-9-1::before {
9914 content: "\f887";
9917 .fa-sort-numeric-up-alt::before {
9918 content: "\f887";
9921 .fa-litecoin-sign::before {
9922 content: "\e1d3";
9925 .fa-border-none::before {
9926 content: "\f850";
9929 .fa-circle-nodes::before {
9930 content: "\e4e2";
9933 .fa-parachute-box::before {
9934 content: "\f4cd";
9937 .fa-indent::before {
9938 content: "\f03c";
9941 .fa-truck-field-un::before {
9942 content: "\e58e";
9945 .fa-hourglass::before {
9946 content: "\f254";
9949 .fa-hourglass-empty::before {
9950 content: "\f254";
9953 .fa-mountain::before {
9954 content: "\f6fc";
9957 .fa-user-doctor::before {
9958 content: "\f0f0";
9961 .fa-user-md::before {
9962 content: "\f0f0";
9965 .fa-circle-info::before {
9966 content: "\f05a";
9969 .fa-info-circle::before {
9970 content: "\f05a";
9973 .fa-cloud-meatball::before {
9974 content: "\f73b";
9977 .fa-camera::before {
9978 content: "\f030";
9981 .fa-camera-alt::before {
9982 content: "\f030";
9985 .fa-square-virus::before {
9986 content: "\e578";
9989 .fa-meteor::before {
9990 content: "\f753";
9993 .fa-car-on::before {
9994 content: "\e4dd";
9997 .fa-sleigh::before {
9998 content: "\f7cc";
10001 .fa-arrow-down-1-9::before {
10002 content: "\f162";
10005 .fa-sort-numeric-asc::before {
10006 content: "\f162";
10009 .fa-sort-numeric-down::before {
10010 content: "\f162";
10013 .fa-hand-holding-droplet::before {
10014 content: "\f4c1";
10017 .fa-hand-holding-water::before {
10018 content: "\f4c1";
10021 .fa-water::before {
10022 content: "\f773";
10025 .fa-calendar-check::before {
10026 content: "\f274";
10029 .fa-braille::before {
10030 content: "\f2a1";
10033 .fa-prescription-bottle-medical::before {
10034 content: "\f486";
10037 .fa-prescription-bottle-alt::before {
10038 content: "\f486";
10041 .fa-landmark::before {
10042 content: "\f66f";
10045 .fa-truck::before {
10046 content: "\f0d1";
10049 .fa-crosshairs::before {
10050 content: "\f05b";
10053 .fa-person-cane::before {
10054 content: "\e53c";
10057 .fa-tent::before {
10058 content: "\e57d";
10061 .fa-vest-patches::before {
10062 content: "\e086";
10065 .fa-check-double::before {
10066 content: "\f560";
10069 .fa-arrow-down-a-z::before {
10070 content: "\f15d";
10073 .fa-sort-alpha-asc::before {
10074 content: "\f15d";
10077 .fa-sort-alpha-down::before {
10078 content: "\f15d";
10081 .fa-money-bill-wheat::before {
10082 content: "\e52a";
10085 .fa-cookie::before {
10086 content: "\f563";
10089 .fa-arrow-rotate-left::before {
10090 content: "\f0e2";
10093 .fa-arrow-left-rotate::before {
10094 content: "\f0e2";
10097 .fa-arrow-rotate-back::before {
10098 content: "\f0e2";
10101 .fa-arrow-rotate-backward::before {
10102 content: "\f0e2";
10105 .fa-undo::before {
10106 content: "\f0e2";
10109 .fa-hard-drive::before {
10110 content: "\f0a0";
10113 .fa-hdd::before {
10114 content: "\f0a0";
10117 .fa-face-grin-squint-tears::before {
10118 content: "\f586";
10121 .fa-grin-squint-tears::before {
10122 content: "\f586";
10125 .fa-dumbbell::before {
10126 content: "\f44b";
10129 .fa-rectangle-list::before {
10130 content: "\f022";
10133 .fa-list-alt::before {
10134 content: "\f022";
10137 .fa-tarp-droplet::before {
10138 content: "\e57c";
10141 .fa-house-medical-circle-check::before {
10142 content: "\e511";
10145 .fa-person-skiing-nordic::before {
10146 content: "\f7ca";
10149 .fa-skiing-nordic::before {
10150 content: "\f7ca";
10153 .fa-calendar-plus::before {
10154 content: "\f271";
10157 .fa-plane-arrival::before {
10158 content: "\f5af";
10161 .fa-circle-left::before {
10162 content: "\f359";
10165 .fa-arrow-alt-circle-left::before {
10166 content: "\f359";
10169 .fa-train-subway::before {
10170 content: "\f239";
10173 .fa-subway::before {
10174 content: "\f239";
10177 .fa-chart-gantt::before {
10178 content: "\e0e4";
10181 .fa-indian-rupee-sign::before {
10182 content: "\e1bc";
10185 .fa-indian-rupee::before {
10186 content: "\e1bc";
10189 .fa-inr::before {
10190 content: "\e1bc";
10193 .fa-crop-simple::before {
10194 content: "\f565";
10197 .fa-crop-alt::before {
10198 content: "\f565";
10201 .fa-money-bill-1::before {
10202 content: "\f3d1";
10205 .fa-money-bill-alt::before {
10206 content: "\f3d1";
10209 .fa-left-long::before {
10210 content: "\f30a";
10213 .fa-long-arrow-alt-left::before {
10214 content: "\f30a";
10217 .fa-dna::before {
10218 content: "\f471";
10221 .fa-virus-slash::before {
10222 content: "\e075";
10225 .fa-minus::before {
10226 content: "\f068";
10229 .fa-subtract::before {
10230 content: "\f068";
10233 .fa-chess::before {
10234 content: "\f439";
10237 .fa-arrow-left-long::before {
10238 content: "\f177";
10241 .fa-long-arrow-left::before {
10242 content: "\f177";
10245 .fa-plug-circle-check::before {
10246 content: "\e55c";
10249 .fa-street-view::before {
10250 content: "\f21d";
10253 .fa-franc-sign::before {
10254 content: "\e18f";
10257 .fa-volume-off::before {
10258 content: "\f026";
10261 .fa-hands-asl-interpreting::before {
10262 content: "\f2a3";
10265 .fa-american-sign-language-interpreting::before {
10266 content: "\f2a3";
10269 .fa-asl-interpreting::before {
10270 content: "\f2a3";
10273 .fa-hands-american-sign-language-interpreting::before {
10274 content: "\f2a3";
10277 .fa-gear::before {
10278 content: "\f013";
10281 .fa-cog::before {
10282 content: "\f013";
10285 .fa-droplet-slash::before {
10286 content: "\f5c7";
10289 .fa-tint-slash::before {
10290 content: "\f5c7";
10293 .fa-mosque::before {
10294 content: "\f678";
10297 .fa-mosquito::before {
10298 content: "\e52b";
10301 .fa-star-of-david::before {
10302 content: "\f69a";
10305 .fa-person-military-rifle::before {
10306 content: "\e54b";
10309 .fa-cart-shopping::before {
10310 content: "\f07a";
10313 .fa-shopping-cart::before {
10314 content: "\f07a";
10317 .fa-vials::before {
10318 content: "\f493";
10321 .fa-plug-circle-plus::before {
10322 content: "\e55f";
10325 .fa-place-of-worship::before {
10326 content: "\f67f";
10329 .fa-grip-vertical::before {
10330 content: "\f58e";
10333 .fa-arrow-turn-up::before {
10334 content: "\f148";
10337 .fa-level-up::before {
10338 content: "\f148";
10341 .fa-u::before {
10342 content: "U";
10345 .fa-square-root-variable::before {
10346 content: "\f698";
10349 .fa-square-root-alt::before {
10350 content: "\f698";
10353 .fa-clock::before {
10354 content: "\f017";
10357 .fa-clock-four::before {
10358 content: "\f017";
10361 .fa-backward-step::before {
10362 content: "\f048";
10365 .fa-step-backward::before {
10366 content: "\f048";
10369 .fa-pallet::before {
10370 content: "\f482";
10373 .fa-faucet::before {
10374 content: "\e005";
10377 .fa-baseball-bat-ball::before {
10378 content: "\f432";
10381 .fa-s::before {
10382 content: "S";
10385 .fa-timeline::before {
10386 content: "\e29c";
10389 .fa-keyboard::before {
10390 content: "\f11c";
10393 .fa-caret-down::before {
10394 content: "\f0d7";
10397 .fa-house-chimney-medical::before {
10398 content: "\f7f2";
10401 .fa-clinic-medical::before {
10402 content: "\f7f2";
10405 .fa-temperature-three-quarters::before {
10406 content: "\f2c8";
10409 .fa-temperature-3::before {
10410 content: "\f2c8";
10413 .fa-thermometer-3::before {
10414 content: "\f2c8";
10417 .fa-thermometer-three-quarters::before {
10418 content: "\f2c8";
10421 .fa-mobile-screen::before {
10422 content: "\f3cf";
10425 .fa-mobile-android-alt::before {
10426 content: "\f3cf";
10429 .fa-plane-up::before {
10430 content: "\e22d";
10433 .fa-piggy-bank::before {
10434 content: "\f4d3";
10437 .fa-battery-half::before {
10438 content: "\f242";
10441 .fa-battery-3::before {
10442 content: "\f242";
10445 .fa-mountain-city::before {
10446 content: "\e52e";
10449 .fa-coins::before {
10450 content: "\f51e";
10453 .fa-khanda::before {
10454 content: "\f66d";
10457 .fa-sliders::before {
10458 content: "\f1de";
10461 .fa-sliders-h::before {
10462 content: "\f1de";
10465 .fa-folder-tree::before {
10466 content: "\f802";
10469 .fa-network-wired::before {
10470 content: "\f6ff";
10473 .fa-map-pin::before {
10474 content: "\f276";
10477 .fa-hamsa::before {
10478 content: "\f665";
10481 .fa-cent-sign::before {
10482 content: "\e3f5";
10485 .fa-flask::before {
10486 content: "\f0c3";
10489 .fa-person-pregnant::before {
10490 content: "\e31e";
10493 .fa-wand-sparkles::before {
10494 content: "\f72b";
10497 .fa-ellipsis-vertical::before {
10498 content: "\f142";
10501 .fa-ellipsis-v::before {
10502 content: "\f142";
10505 .fa-ticket::before {
10506 content: "\f145";
10509 .fa-power-off::before {
10510 content: "\f011";
10513 .fa-right-long::before {
10514 content: "\f30b";
10517 .fa-long-arrow-alt-right::before {
10518 content: "\f30b";
10521 .fa-flag-usa::before {
10522 content: "\f74d";
10525 .fa-laptop-file::before {
10526 content: "\e51d";
10529 .fa-tty::before {
10530 content: "\f1e4";
10533 .fa-teletype::before {
10534 content: "\f1e4";
10537 .fa-diagram-next::before {
10538 content: "\e476";
10541 .fa-person-rifle::before {
10542 content: "\e54e";
10545 .fa-house-medical-circle-exclamation::before {
10546 content: "\e512";
10549 .fa-closed-captioning::before {
10550 content: "\f20a";
10553 .fa-person-hiking::before {
10554 content: "\f6ec";
10557 .fa-hiking::before {
10558 content: "\f6ec";
10561 .fa-venus-double::before {
10562 content: "\f226";
10565 .fa-images::before {
10566 content: "\f302";
10569 .fa-calculator::before {
10570 content: "\f1ec";
10573 .fa-people-pulling::before {
10574 content: "\e535";
10577 .fa-n::before {
10578 content: "N";
10581 .fa-cable-car::before {
10582 content: "\f7da";
10585 .fa-tram::before {
10586 content: "\f7da";
10589 .fa-cloud-rain::before {
10590 content: "\f73d";
10593 .fa-building-circle-xmark::before {
10594 content: "\e4d4";
10597 .fa-ship::before {
10598 content: "\f21a";
10601 .fa-arrows-down-to-line::before {
10602 content: "\e4b8";
10605 .fa-download::before {
10606 content: "\f019";
10609 .fa-face-grin::before {
10610 content: "\f580";
10613 .fa-grin::before {
10614 content: "\f580";
10617 .fa-delete-left::before {
10618 content: "\f55a";
10621 .fa-backspace::before {
10622 content: "\f55a";
10625 .fa-eye-dropper::before {
10626 content: "\f1fb";
10629 .fa-eye-dropper-empty::before {
10630 content: "\f1fb";
10633 .fa-eyedropper::before {
10634 content: "\f1fb";
10637 .fa-file-circle-check::before {
10638 content: "\e5a0";
10641 .fa-forward::before {
10642 content: "\f04e";
10645 .fa-mobile::before {
10646 content: "\f3ce";
10649 .fa-mobile-android::before {
10650 content: "\f3ce";
10653 .fa-mobile-phone::before {
10654 content: "\f3ce";
10657 .fa-face-meh::before {
10658 content: "\f11a";
10661 .fa-meh::before {
10662 content: "\f11a";
10665 .fa-align-center::before {
10666 content: "\f037";
10669 .fa-book-skull::before {
10670 content: "\f6b7";
10673 .fa-book-dead::before {
10674 content: "\f6b7";
10677 .fa-id-card::before {
10678 content: "\f2c2";
10681 .fa-drivers-license::before {
10682 content: "\f2c2";
10685 .fa-outdent::before {
10686 content: "\f03b";
10689 .fa-dedent::before {
10690 content: "\f03b";
10693 .fa-heart-circle-exclamation::before {
10694 content: "\e4fe";
10697 .fa-house::before {
10698 content: "\f015";
10701 .fa-home::before {
10702 content: "\f015";
10705 .fa-home-alt::before {
10706 content: "\f015";
10709 .fa-home-lg-alt::before {
10710 content: "\f015";
10713 .fa-calendar-week::before {
10714 content: "\f784";
10717 .fa-laptop-medical::before {
10718 content: "\f812";
10721 .fa-b::before {
10722 content: "B";
10725 .fa-file-medical::before {
10726 content: "\f477";
10729 .fa-dice-one::before {
10730 content: "\f525";
10733 .fa-kiwi-bird::before {
10734 content: "\f535";
10737 .fa-arrow-right-arrow-left::before {
10738 content: "\f0ec";
10741 .fa-exchange::before {
10742 content: "\f0ec";
10745 .fa-rotate-right::before {
10746 content: "\f2f9";
10749 .fa-redo-alt::before {
10750 content: "\f2f9";
10753 .fa-rotate-forward::before {
10754 content: "\f2f9";
10757 .fa-utensils::before {
10758 content: "\f2e7";
10761 .fa-cutlery::before {
10762 content: "\f2e7";
10765 .fa-arrow-up-wide-short::before {
10766 content: "\f161";
10769 .fa-sort-amount-up::before {
10770 content: "\f161";
10773 .fa-mill-sign::before {
10774 content: "\e1ed";
10777 .fa-bowl-rice::before {
10778 content: "\e2eb";
10781 .fa-skull::before {
10782 content: "\f54c";
10785 .fa-tower-broadcast::before {
10786 content: "\f519";
10789 .fa-broadcast-tower::before {
10790 content: "\f519";
10793 .fa-truck-pickup::before {
10794 content: "\f63c";
10797 .fa-up-long::before {
10798 content: "\f30c";
10801 .fa-long-arrow-alt-up::before {
10802 content: "\f30c";
10805 .fa-stop::before {
10806 content: "\f04d";
10809 .fa-code-merge::before {
10810 content: "\f387";
10813 .fa-upload::before {
10814 content: "\f093";
10817 .fa-hurricane::before {
10818 content: "\f751";
10821 .fa-mound::before {
10822 content: "\e52d";
10825 .fa-toilet-portable::before {
10826 content: "\e583";
10829 .fa-compact-disc::before {
10830 content: "\f51f";
10833 .fa-file-arrow-down::before {
10834 content: "\f56d";
10837 .fa-file-download::before {
10838 content: "\f56d";
10841 .fa-caravan::before {
10842 content: "\f8ff";
10845 .fa-shield-cat::before {
10846 content: "\e572";
10849 .fa-bolt::before {
10850 content: "\f0e7";
10853 .fa-zap::before {
10854 content: "\f0e7";
10857 .fa-glass-water::before {
10858 content: "\e4f4";
10861 .fa-oil-well::before {
10862 content: "\e532";
10865 .fa-vault::before {
10866 content: "\e2c5";
10869 .fa-mars::before {
10870 content: "\f222";
10873 .fa-toilet::before {
10874 content: "\f7d8";
10877 .fa-plane-circle-xmark::before {
10878 content: "\e557";
10881 .fa-yen-sign::before {
10882 content: "\f157";
10885 .fa-cny::before {
10886 content: "\f157";
10889 .fa-jpy::before {
10890 content: "\f157";
10893 .fa-rmb::before {
10894 content: "\f157";
10897 .fa-yen::before {
10898 content: "\f157";
10901 .fa-ruble-sign::before {
10902 content: "\f158";
10905 .fa-rouble::before {
10906 content: "\f158";
10909 .fa-rub::before {
10910 content: "\f158";
10913 .fa-ruble::before {
10914 content: "\f158";
10917 .fa-sun::before {
10918 content: "\f185";
10921 .fa-guitar::before {
10922 content: "\f7a6";
10925 .fa-face-laugh-wink::before {
10926 content: "\f59c";
10929 .fa-laugh-wink::before {
10930 content: "\f59c";
10933 .fa-horse-head::before {
10934 content: "\f7ab";
10937 .fa-bore-hole::before {
10938 content: "\e4c3";
10941 .fa-industry::before {
10942 content: "\f275";
10945 .fa-circle-down::before {
10946 content: "\f358";
10949 .fa-arrow-alt-circle-down::before {
10950 content: "\f358";
10953 .fa-arrows-turn-to-dots::before {
10954 content: "\e4c1";
10957 .fa-florin-sign::before {
10958 content: "\e184";
10961 .fa-arrow-down-short-wide::before {
10962 content: "\f884";
10965 .fa-sort-amount-desc::before {
10966 content: "\f884";
10969 .fa-sort-amount-down-alt::before {
10970 content: "\f884";
10973 .fa-less-than::before {
10974 content: "\<";
10977 .fa-angle-down::before {
10978 content: "\f107";
10981 .fa-car-tunnel::before {
10982 content: "\e4de";
10985 .fa-head-side-cough::before {
10986 content: "\e061";
10989 .fa-grip-lines::before {
10990 content: "\f7a4";
10993 .fa-thumbs-down::before {
10994 content: "\f165";
10997 .fa-user-lock::before {
10998 content: "\f502";
11001 .fa-arrow-right-long::before {
11002 content: "\f178";
11005 .fa-long-arrow-right::before {
11006 content: "\f178";
11009 .fa-anchor-circle-xmark::before {
11010 content: "\e4ac";
11013 .fa-ellipsis::before {
11014 content: "\f141";
11017 .fa-ellipsis-h::before {
11018 content: "\f141";
11021 .fa-chess-pawn::before {
11022 content: "\f443";
11025 .fa-kit-medical::before {
11026 content: "\f479";
11029 .fa-first-aid::before {
11030 content: "\f479";
11033 .fa-person-through-window::before {
11034 content: "\e5a9";
11037 .fa-toolbox::before {
11038 content: "\f552";
11041 .fa-hands-holding-circle::before {
11042 content: "\e4fb";
11045 .fa-bug::before {
11046 content: "\f188";
11049 .fa-credit-card::before {
11050 content: "\f09d";
11053 .fa-credit-card-alt::before {
11054 content: "\f09d";
11057 .fa-car::before {
11058 content: "\f1b9";
11061 .fa-automobile::before {
11062 content: "\f1b9";
11065 .fa-hand-holding-hand::before {
11066 content: "\e4f7";
11069 .fa-book-open-reader::before {
11070 content: "\f5da";
11073 .fa-book-reader::before {
11074 content: "\f5da";
11077 .fa-mountain-sun::before {
11078 content: "\e52f";
11081 .fa-arrows-left-right-to-line::before {
11082 content: "\e4ba";
11085 .fa-dice-d20::before {
11086 content: "\f6cf";
11089 .fa-truck-droplet::before {
11090 content: "\e58c";
11093 .fa-file-circle-xmark::before {
11094 content: "\e5a1";
11097 .fa-temperature-arrow-up::before {
11098 content: "\e040";
11101 .fa-temperature-up::before {
11102 content: "\e040";
11105 .fa-medal::before {
11106 content: "\f5a2";
11109 .fa-bed::before {
11110 content: "\f236";
11113 .fa-square-h::before {
11114 content: "\f0fd";
11117 .fa-h-square::before {
11118 content: "\f0fd";
11121 .fa-podcast::before {
11122 content: "\f2ce";
11125 .fa-temperature-full::before {
11126 content: "\f2c7";
11129 .fa-temperature-4::before {
11130 content: "\f2c7";
11133 .fa-thermometer-4::before {
11134 content: "\f2c7";
11137 .fa-thermometer-full::before {
11138 content: "\f2c7";
11141 .fa-bell::before {
11142 content: "\f0f3";
11145 .fa-superscript::before {
11146 content: "\f12b";
11149 .fa-plug-circle-xmark::before {
11150 content: "\e560";
11153 .fa-star-of-life::before {
11154 content: "\f621";
11157 .fa-phone-slash::before {
11158 content: "\f3dd";
11161 .fa-paint-roller::before {
11162 content: "\f5aa";
11165 .fa-handshake-angle::before {
11166 content: "\f4c4";
11169 .fa-hands-helping::before {
11170 content: "\f4c4";
11173 .fa-location-dot::before {
11174 content: "\f3c5";
11177 .fa-map-marker-alt::before {
11178 content: "\f3c5";
11181 .fa-file::before {
11182 content: "\f15b";
11185 .fa-greater-than::before {
11186 content: "\>";
11189 .fa-person-swimming::before {
11190 content: "\f5c4";
11193 .fa-swimmer::before {
11194 content: "\f5c4";
11197 .fa-arrow-down::before {
11198 content: "\f063";
11201 .fa-droplet::before {
11202 content: "\f043";
11205 .fa-tint::before {
11206 content: "\f043";
11209 .fa-eraser::before {
11210 content: "\f12d";
11213 .fa-earth-americas::before {
11214 content: "\f57d";
11217 .fa-earth::before {
11218 content: "\f57d";
11221 .fa-earth-america::before {
11222 content: "\f57d";
11225 .fa-globe-americas::before {
11226 content: "\f57d";
11229 .fa-person-burst::before {
11230 content: "\e53b";
11233 .fa-dove::before {
11234 content: "\f4ba";
11237 .fa-battery-empty::before {
11238 content: "\f244";
11241 .fa-battery-0::before {
11242 content: "\f244";
11245 .fa-socks::before {
11246 content: "\f696";
11249 .fa-inbox::before {
11250 content: "\f01c";
11253 .fa-section::before {
11254 content: "\e447";
11257 .fa-gauge-high::before {
11258 content: "\f625";
11261 .fa-tachometer-alt::before {
11262 content: "\f625";
11265 .fa-tachometer-alt-fast::before {
11266 content: "\f625";
11269 .fa-envelope-open-text::before {
11270 content: "\f658";
11273 .fa-hospital::before {
11274 content: "\f0f8";
11277 .fa-hospital-alt::before {
11278 content: "\f0f8";
11281 .fa-hospital-wide::before {
11282 content: "\f0f8";
11285 .fa-wine-bottle::before {
11286 content: "\f72f";
11289 .fa-chess-rook::before {
11290 content: "\f447";
11293 .fa-bars-staggered::before {
11294 content: "\f550";
11297 .fa-reorder::before {
11298 content: "\f550";
11301 .fa-stream::before {
11302 content: "\f550";
11305 .fa-dharmachakra::before {
11306 content: "\f655";
11309 .fa-hotdog::before {
11310 content: "\f80f";
11313 .fa-person-walking-with-cane::before {
11314 content: "\f29d";
11317 .fa-blind::before {
11318 content: "\f29d";
11321 .fa-drum::before {
11322 content: "\f569";
11325 .fa-ice-cream::before {
11326 content: "\f810";
11329 .fa-heart-circle-bolt::before {
11330 content: "\e4fc";
11333 .fa-fax::before {
11334 content: "\f1ac";
11337 .fa-paragraph::before {
11338 content: "\f1dd";
11341 .fa-check-to-slot::before {
11342 content: "\f772";
11345 .fa-vote-yea::before {
11346 content: "\f772";
11349 .fa-star-half::before {
11350 content: "\f089";
11353 .fa-boxes-stacked::before {
11354 content: "\f468";
11357 .fa-boxes::before {
11358 content: "\f468";
11361 .fa-boxes-alt::before {
11362 content: "\f468";
11365 .fa-link::before {
11366 content: "\f0c1";
11369 .fa-chain::before {
11370 content: "\f0c1";
11373 .fa-ear-listen::before {
11374 content: "\f2a2";
11377 .fa-assistive-listening-systems::before {
11378 content: "\f2a2";
11381 .fa-tree-city::before {
11382 content: "\e587";
11385 .fa-play::before {
11386 content: "\f04b";
11389 .fa-font::before {
11390 content: "\f031";
11393 .fa-table-cells-row-lock::before {
11394 content: "\e67a";
11397 .fa-rupiah-sign::before {
11398 content: "\e23d";
11401 .fa-magnifying-glass::before {
11402 content: "\f002";
11405 .fa-search::before {
11406 content: "\f002";
11409 .fa-table-tennis-paddle-ball::before {
11410 content: "\f45d";
11413 .fa-ping-pong-paddle-ball::before {
11414 content: "\f45d";
11417 .fa-table-tennis::before {
11418 content: "\f45d";
11421 .fa-person-dots-from-line::before {
11422 content: "\f470";
11425 .fa-diagnoses::before {
11426 content: "\f470";
11429 .fa-trash-can-arrow-up::before {
11430 content: "\f82a";
11433 .fa-trash-restore-alt::before {
11434 content: "\f82a";
11437 .fa-naira-sign::before {
11438 content: "\e1f6";
11441 .fa-cart-arrow-down::before {
11442 content: "\f218";
11445 .fa-walkie-talkie::before {
11446 content: "\f8ef";
11449 .fa-file-pen::before {
11450 content: "\f31c";
11453 .fa-file-edit::before {
11454 content: "\f31c";
11457 .fa-receipt::before {
11458 content: "\f543";
11461 .fa-square-pen::before {
11462 content: "\f14b";
11465 .fa-pen-square::before {
11466 content: "\f14b";
11469 .fa-pencil-square::before {
11470 content: "\f14b";
11473 .fa-suitcase-rolling::before {
11474 content: "\f5c1";
11477 .fa-person-circle-exclamation::before {
11478 content: "\e53f";
11481 .fa-chevron-down::before {
11482 content: "\f078";
11485 .fa-battery-full::before {
11486 content: "\f240";
11489 .fa-battery::before {
11490 content: "\f240";
11493 .fa-battery-5::before {
11494 content: "\f240";
11497 .fa-skull-crossbones::before {
11498 content: "\f714";
11501 .fa-code-compare::before {
11502 content: "\e13a";
11505 .fa-list-ul::before {
11506 content: "\f0ca";
11509 .fa-list-dots::before {
11510 content: "\f0ca";
11513 .fa-school-lock::before {
11514 content: "\e56f";
11517 .fa-tower-cell::before {
11518 content: "\e585";
11521 .fa-down-long::before {
11522 content: "\f309";
11525 .fa-long-arrow-alt-down::before {
11526 content: "\f309";
11529 .fa-ranking-star::before {
11530 content: "\e561";
11533 .fa-chess-king::before {
11534 content: "\f43f";
11537 .fa-person-harassing::before {
11538 content: "\e549";
11541 .fa-brazilian-real-sign::before {
11542 content: "\e46c";
11545 .fa-landmark-dome::before {
11546 content: "\f752";
11549 .fa-landmark-alt::before {
11550 content: "\f752";
11553 .fa-arrow-up::before {
11554 content: "\f062";
11557 .fa-tv::before {
11558 content: "\f26c";
11561 .fa-television::before {
11562 content: "\f26c";
11565 .fa-tv-alt::before {
11566 content: "\f26c";
11569 .fa-shrimp::before {
11570 content: "\e448";
11573 .fa-list-check::before {
11574 content: "\f0ae";
11577 .fa-tasks::before {
11578 content: "\f0ae";
11581 .fa-jug-detergent::before {
11582 content: "\e519";
11585 .fa-circle-user::before {
11586 content: "\f2bd";
11589 .fa-user-circle::before {
11590 content: "\f2bd";
11593 .fa-user-shield::before {
11594 content: "\f505";
11597 .fa-wind::before {
11598 content: "\f72e";
11601 .fa-car-burst::before {
11602 content: "\f5e1";
11605 .fa-car-crash::before {
11606 content: "\f5e1";
11609 .fa-y::before {
11610 content: "Y";
11613 .fa-person-snowboarding::before {
11614 content: "\f7ce";
11617 .fa-snowboarding::before {
11618 content: "\f7ce";
11621 .fa-truck-fast::before {
11622 content: "\f48b";
11625 .fa-shipping-fast::before {
11626 content: "\f48b";
11629 .fa-fish::before {
11630 content: "\f578";
11633 .fa-user-graduate::before {
11634 content: "\f501";
11637 .fa-circle-half-stroke::before {
11638 content: "\f042";
11641 .fa-adjust::before {
11642 content: "\f042";
11645 .fa-clapperboard::before {
11646 content: "\e131";
11649 .fa-circle-radiation::before {
11650 content: "\f7ba";
11653 .fa-radiation-alt::before {
11654 content: "\f7ba";
11657 .fa-baseball::before {
11658 content: "\f433";
11661 .fa-baseball-ball::before {
11662 content: "\f433";
11665 .fa-jet-fighter-up::before {
11666 content: "\e518";
11669 .fa-diagram-project::before {
11670 content: "\f542";
11673 .fa-project-diagram::before {
11674 content: "\f542";
11677 .fa-copy::before {
11678 content: "\f0c5";
11681 .fa-volume-xmark::before {
11682 content: "\f6a9";
11685 .fa-volume-mute::before {
11686 content: "\f6a9";
11689 .fa-volume-times::before {
11690 content: "\f6a9";
11693 .fa-hand-sparkles::before {
11694 content: "\e05d";
11697 .fa-grip::before {
11698 content: "\f58d";
11701 .fa-grip-horizontal::before {
11702 content: "\f58d";
11705 .fa-share-from-square::before {
11706 content: "\f14d";
11709 .fa-share-square::before {
11710 content: "\f14d";
11713 .fa-child-combatant::before {
11714 content: "\e4e0";
11717 .fa-child-rifle::before {
11718 content: "\e4e0";
11721 .fa-gun::before {
11722 content: "\e19b";
11725 .fa-square-phone::before {
11726 content: "\f098";
11729 .fa-phone-square::before {
11730 content: "\f098";
11733 .fa-plus::before {
11734 content: "\+";
11737 .fa-add::before {
11738 content: "\+";
11741 .fa-expand::before {
11742 content: "\f065";
11745 .fa-computer::before {
11746 content: "\e4e5";
11749 .fa-xmark::before {
11750 content: "\f00d";
11753 .fa-close::before {
11754 content: "\f00d";
11757 .fa-multiply::before {
11758 content: "\f00d";
11761 .fa-remove::before {
11762 content: "\f00d";
11765 .fa-times::before {
11766 content: "\f00d";
11769 .fa-arrows-up-down-left-right::before {
11770 content: "\f047";
11773 .fa-arrows::before {
11774 content: "\f047";
11777 .fa-chalkboard-user::before {
11778 content: "\f51c";
11781 .fa-chalkboard-teacher::before {
11782 content: "\f51c";
11785 .fa-peso-sign::before {
11786 content: "\e222";
11789 .fa-building-shield::before {
11790 content: "\e4d8";
11793 .fa-baby::before {
11794 content: "\f77c";
11797 .fa-users-line::before {
11798 content: "\e592";
11801 .fa-quote-left::before {
11802 content: "\f10d";
11805 .fa-quote-left-alt::before {
11806 content: "\f10d";
11809 .fa-tractor::before {
11810 content: "\f722";
11813 .fa-trash-arrow-up::before {
11814 content: "\f829";
11817 .fa-trash-restore::before {
11818 content: "\f829";
11821 .fa-arrow-down-up-lock::before {
11822 content: "\e4b0";
11825 .fa-lines-leaning::before {
11826 content: "\e51e";
11829 .fa-ruler-combined::before {
11830 content: "\f546";
11833 .fa-copyright::before {
11834 content: "\f1f9";
11837 .fa-equals::before {
11838 content: "\=";
11841 .fa-blender::before {
11842 content: "\f517";
11845 .fa-teeth::before {
11846 content: "\f62e";
11849 .fa-shekel-sign::before {
11850 content: "\f20b";
11853 .fa-ils::before {
11854 content: "\f20b";
11857 .fa-shekel::before {
11858 content: "\f20b";
11861 .fa-sheqel::before {
11862 content: "\f20b";
11865 .fa-sheqel-sign::before {
11866 content: "\f20b";
11869 .fa-map::before {
11870 content: "\f279";
11873 .fa-rocket::before {
11874 content: "\f135";
11877 .fa-photo-film::before {
11878 content: "\f87c";
11881 .fa-photo-video::before {
11882 content: "\f87c";
11885 .fa-folder-minus::before {
11886 content: "\f65d";
11889 .fa-store::before {
11890 content: "\f54e";
11893 .fa-arrow-trend-up::before {
11894 content: "\e098";
11897 .fa-plug-circle-minus::before {
11898 content: "\e55e";
11901 .fa-sign-hanging::before {
11902 content: "\f4d9";
11905 .fa-sign::before {
11906 content: "\f4d9";
11909 .fa-bezier-curve::before {
11910 content: "\f55b";
11913 .fa-bell-slash::before {
11914 content: "\f1f6";
11917 .fa-tablet::before {
11918 content: "\f3fb";
11921 .fa-tablet-android::before {
11922 content: "\f3fb";
11925 .fa-school-flag::before {
11926 content: "\e56e";
11929 .fa-fill::before {
11930 content: "\f575";
11933 .fa-angle-up::before {
11934 content: "\f106";
11937 .fa-drumstick-bite::before {
11938 content: "\f6d7";
11941 .fa-holly-berry::before {
11942 content: "\f7aa";
11945 .fa-chevron-left::before {
11946 content: "\f053";
11949 .fa-bacteria::before {
11950 content: "\e059";
11953 .fa-hand-lizard::before {
11954 content: "\f258";
11957 .fa-notdef::before {
11958 content: "\e1fe";
11961 .fa-disease::before {
11962 content: "\f7fa";
11965 .fa-briefcase-medical::before {
11966 content: "\f469";
11969 .fa-genderless::before {
11970 content: "\f22d";
11973 .fa-chevron-right::before {
11974 content: "\f054";
11977 .fa-retweet::before {
11978 content: "\f079";
11981 .fa-car-rear::before {
11982 content: "\f5de";
11985 .fa-car-alt::before {
11986 content: "\f5de";
11989 .fa-pump-soap::before {
11990 content: "\e06b";
11993 .fa-video-slash::before {
11994 content: "\f4e2";
11997 .fa-battery-quarter::before {
11998 content: "\f243";
12001 .fa-battery-2::before {
12002 content: "\f243";
12005 .fa-radio::before {
12006 content: "\f8d7";
12009 .fa-baby-carriage::before {
12010 content: "\f77d";
12013 .fa-carriage-baby::before {
12014 content: "\f77d";
12017 .fa-traffic-light::before {
12018 content: "\f637";
12021 .fa-thermometer::before {
12022 content: "\f491";
12025 .fa-vr-cardboard::before {
12026 content: "\f729";
12029 .fa-hand-middle-finger::before {
12030 content: "\f806";
12033 .fa-percent::before {
12034 content: "\%";
12037 .fa-percentage::before {
12038 content: "\%";
12041 .fa-truck-moving::before {
12042 content: "\f4df";
12045 .fa-glass-water-droplet::before {
12046 content: "\e4f5";
12049 .fa-display::before {
12050 content: "\e163";
12053 .fa-face-smile::before {
12054 content: "\f118";
12057 .fa-smile::before {
12058 content: "\f118";
12061 .fa-thumbtack::before {
12062 content: "\f08d";
12065 .fa-thumb-tack::before {
12066 content: "\f08d";
12069 .fa-trophy::before {
12070 content: "\f091";
12073 .fa-person-praying::before {
12074 content: "\f683";
12077 .fa-pray::before {
12078 content: "\f683";
12081 .fa-hammer::before {
12082 content: "\f6e3";
12085 .fa-hand-peace::before {
12086 content: "\f25b";
12089 .fa-rotate::before {
12090 content: "\f2f1";
12093 .fa-sync-alt::before {
12094 content: "\f2f1";
12097 .fa-spinner::before {
12098 content: "\f110";
12101 .fa-robot::before {
12102 content: "\f544";
12105 .fa-peace::before {
12106 content: "\f67c";
12109 .fa-gears::before {
12110 content: "\f085";
12113 .fa-cogs::before {
12114 content: "\f085";
12117 .fa-warehouse::before {
12118 content: "\f494";
12121 .fa-arrow-up-right-dots::before {
12122 content: "\e4b7";
12125 .fa-splotch::before {
12126 content: "\f5bc";
12129 .fa-face-grin-hearts::before {
12130 content: "\f584";
12133 .fa-grin-hearts::before {
12134 content: "\f584";
12137 .fa-dice-four::before {
12138 content: "\f524";
12141 .fa-sim-card::before {
12142 content: "\f7c4";
12145 .fa-transgender::before {
12146 content: "\f225";
12149 .fa-transgender-alt::before {
12150 content: "\f225";
12153 .fa-mercury::before {
12154 content: "\f223";
12157 .fa-arrow-turn-down::before {
12158 content: "\f149";
12161 .fa-level-down::before {
12162 content: "\f149";
12165 .fa-person-falling-burst::before {
12166 content: "\e547";
12169 .fa-award::before {
12170 content: "\f559";
12173 .fa-ticket-simple::before {
12174 content: "\f3ff";
12177 .fa-ticket-alt::before {
12178 content: "\f3ff";
12181 .fa-building::before {
12182 content: "\f1ad";
12185 .fa-angles-left::before {
12186 content: "\f100";
12189 .fa-angle-double-left::before {
12190 content: "\f100";
12193 .fa-qrcode::before {
12194 content: "\f029";
12197 .fa-clock-rotate-left::before {
12198 content: "\f1da";
12201 .fa-history::before {
12202 content: "\f1da";
12205 .fa-face-grin-beam-sweat::before {
12206 content: "\f583";
12209 .fa-grin-beam-sweat::before {
12210 content: "\f583";
12213 .fa-file-export::before {
12214 content: "\f56e";
12217 .fa-arrow-right-from-file::before {
12218 content: "\f56e";
12221 .fa-shield::before {
12222 content: "\f132";
12225 .fa-shield-blank::before {
12226 content: "\f132";
12229 .fa-arrow-up-short-wide::before {
12230 content: "\f885";
12233 .fa-sort-amount-up-alt::before {
12234 content: "\f885";
12237 .fa-house-medical::before {
12238 content: "\e3b2";
12241 .fa-golf-ball-tee::before {
12242 content: "\f450";
12245 .fa-golf-ball::before {
12246 content: "\f450";
12249 .fa-circle-chevron-left::before {
12250 content: "\f137";
12253 .fa-chevron-circle-left::before {
12254 content: "\f137";
12257 .fa-house-chimney-window::before {
12258 content: "\e00d";
12261 .fa-pen-nib::before {
12262 content: "\f5ad";
12265 .fa-tent-arrow-turn-left::before {
12266 content: "\e580";
12269 .fa-tents::before {
12270 content: "\e582";
12273 .fa-wand-magic::before {
12274 content: "\f0d0";
12277 .fa-magic::before {
12278 content: "\f0d0";
12281 .fa-dog::before {
12282 content: "\f6d3";
12285 .fa-carrot::before {
12286 content: "\f787";
12289 .fa-moon::before {
12290 content: "\f186";
12293 .fa-wine-glass-empty::before {
12294 content: "\f5ce";
12297 .fa-wine-glass-alt::before {
12298 content: "\f5ce";
12301 .fa-cheese::before {
12302 content: "\f7ef";
12305 .fa-yin-yang::before {
12306 content: "\f6ad";
12309 .fa-music::before {
12310 content: "\f001";
12313 .fa-code-commit::before {
12314 content: "\f386";
12317 .fa-temperature-low::before {
12318 content: "\f76b";
12321 .fa-person-biking::before {
12322 content: "\f84a";
12325 .fa-biking::before {
12326 content: "\f84a";
12329 .fa-broom::before {
12330 content: "\f51a";
12333 .fa-shield-heart::before {
12334 content: "\e574";
12337 .fa-gopuram::before {
12338 content: "\f664";
12341 .fa-earth-oceania::before {
12342 content: "\e47b";
12345 .fa-globe-oceania::before {
12346 content: "\e47b";
12349 .fa-square-xmark::before {
12350 content: "\f2d3";
12353 .fa-times-square::before {
12354 content: "\f2d3";
12357 .fa-xmark-square::before {
12358 content: "\f2d3";
12361 .fa-hashtag::before {
12362 content: "\#";
12365 .fa-up-right-and-down-left-from-center::before {
12366 content: "\f424";
12369 .fa-expand-alt::before {
12370 content: "\f424";
12373 .fa-oil-can::before {
12374 content: "\f613";
12377 .fa-t::before {
12378 content: "T";
12381 .fa-hippo::before {
12382 content: "\f6ed";
12385 .fa-chart-column::before {
12386 content: "\e0e3";
12389 .fa-infinity::before {
12390 content: "\f534";
12393 .fa-vial-circle-check::before {
12394 content: "\e596";
12397 .fa-person-arrow-down-to-line::before {
12398 content: "\e538";
12401 .fa-voicemail::before {
12402 content: "\f897";
12405 .fa-fan::before {
12406 content: "\f863";
12409 .fa-person-walking-luggage::before {
12410 content: "\e554";
12413 .fa-up-down::before {
12414 content: "\f338";
12417 .fa-arrows-alt-v::before {
12418 content: "\f338";
12421 .fa-cloud-moon-rain::before {
12422 content: "\f73c";
12425 .fa-calendar::before {
12426 content: "\f133";
12429 .fa-trailer::before {
12430 content: "\e041";
12433 .fa-bahai::before {
12434 content: "\f666";
12437 .fa-haykal::before {
12438 content: "\f666";
12441 .fa-sd-card::before {
12442 content: "\f7c2";
12445 .fa-dragon::before {
12446 content: "\f6d5";
12449 .fa-shoe-prints::before {
12450 content: "\f54b";
12453 .fa-circle-plus::before {
12454 content: "\f055";
12457 .fa-plus-circle::before {
12458 content: "\f055";
12461 .fa-face-grin-tongue-wink::before {
12462 content: "\f58b";
12465 .fa-grin-tongue-wink::before {
12466 content: "\f58b";
12469 .fa-hand-holding::before {
12470 content: "\f4bd";
12473 .fa-plug-circle-exclamation::before {
12474 content: "\e55d";
12477 .fa-link-slash::before {
12478 content: "\f127";
12481 .fa-chain-broken::before {
12482 content: "\f127";
12485 .fa-chain-slash::before {
12486 content: "\f127";
12489 .fa-unlink::before {
12490 content: "\f127";
12493 .fa-clone::before {
12494 content: "\f24d";
12497 .fa-person-walking-arrow-loop-left::before {
12498 content: "\e551";
12501 .fa-arrow-up-z-a::before {
12502 content: "\f882";
12505 .fa-sort-alpha-up-alt::before {
12506 content: "\f882";
12509 .fa-fire-flame-curved::before {
12510 content: "\f7e4";
12513 .fa-fire-alt::before {
12514 content: "\f7e4";
12517 .fa-tornado::before {
12518 content: "\f76f";
12521 .fa-file-circle-plus::before {
12522 content: "\e494";
12525 .fa-book-quran::before {
12526 content: "\f687";
12529 .fa-quran::before {
12530 content: "\f687";
12533 .fa-anchor::before {
12534 content: "\f13d";
12537 .fa-border-all::before {
12538 content: "\f84c";
12541 .fa-face-angry::before {
12542 content: "\f556";
12545 .fa-angry::before {
12546 content: "\f556";
12549 .fa-cookie-bite::before {
12550 content: "\f564";
12553 .fa-arrow-trend-down::before {
12554 content: "\e097";
12557 .fa-rss::before {
12558 content: "\f09e";
12561 .fa-feed::before {
12562 content: "\f09e";
12565 .fa-draw-polygon::before {
12566 content: "\f5ee";
12569 .fa-scale-balanced::before {
12570 content: "\f24e";
12573 .fa-balance-scale::before {
12574 content: "\f24e";
12577 .fa-gauge-simple-high::before {
12578 content: "\f62a";
12581 .fa-tachometer::before {
12582 content: "\f62a";
12585 .fa-tachometer-fast::before {
12586 content: "\f62a";
12589 .fa-shower::before {
12590 content: "\f2cc";
12593 .fa-desktop::before {
12594 content: "\f390";
12597 .fa-desktop-alt::before {
12598 content: "\f390";
12601 .fa-m::before {
12602 content: "M";
12605 .fa-table-list::before {
12606 content: "\f00b";
12609 .fa-th-list::before {
12610 content: "\f00b";
12613 .fa-comment-sms::before {
12614 content: "\f7cd";
12617 .fa-sms::before {
12618 content: "\f7cd";
12621 .fa-book::before {
12622 content: "\f02d";
12625 .fa-user-plus::before {
12626 content: "\f234";
12629 .fa-check::before {
12630 content: "\f00c";
12633 .fa-battery-three-quarters::before {
12634 content: "\f241";
12637 .fa-battery-4::before {
12638 content: "\f241";
12641 .fa-house-circle-check::before {
12642 content: "\e509";
12645 .fa-angle-left::before {
12646 content: "\f104";
12649 .fa-diagram-successor::before {
12650 content: "\e47a";
12653 .fa-truck-arrow-right::before {
12654 content: "\e58b";
12657 .fa-arrows-split-up-and-left::before {
12658 content: "\e4bc";
12661 .fa-hand-fist::before {
12662 content: "\f6de";
12665 .fa-fist-raised::before {
12666 content: "\f6de";
12669 .fa-cloud-moon::before {
12670 content: "\f6c3";
12673 .fa-briefcase::before {
12674 content: "\f0b1";
12677 .fa-person-falling::before {
12678 content: "\e546";
12681 .fa-image-portrait::before {
12682 content: "\f3e0";
12685 .fa-portrait::before {
12686 content: "\f3e0";
12689 .fa-user-tag::before {
12690 content: "\f507";
12693 .fa-rug::before {
12694 content: "\e569";
12697 .fa-earth-europe::before {
12698 content: "\f7a2";
12701 .fa-globe-europe::before {
12702 content: "\f7a2";
12705 .fa-cart-flatbed-suitcase::before {
12706 content: "\f59d";
12709 .fa-luggage-cart::before {
12710 content: "\f59d";
12713 .fa-rectangle-xmark::before {
12714 content: "\f410";
12717 .fa-rectangle-times::before {
12718 content: "\f410";
12721 .fa-times-rectangle::before {
12722 content: "\f410";
12725 .fa-window-close::before {
12726 content: "\f410";
12729 .fa-baht-sign::before {
12730 content: "\e0ac";
12733 .fa-book-open::before {
12734 content: "\f518";
12737 .fa-book-journal-whills::before {
12738 content: "\f66a";
12741 .fa-journal-whills::before {
12742 content: "\f66a";
12745 .fa-handcuffs::before {
12746 content: "\e4f8";
12749 .fa-triangle-exclamation::before {
12750 content: "\f071";
12753 .fa-exclamation-triangle::before {
12754 content: "\f071";
12757 .fa-warning::before {
12758 content: "\f071";
12761 .fa-database::before {
12762 content: "\f1c0";
12765 .fa-share::before {
12766 content: "\f064";
12769 .fa-mail-forward::before {
12770 content: "\f064";
12773 .fa-bottle-droplet::before {
12774 content: "\e4c4";
12777 .fa-mask-face::before {
12778 content: "\e1d7";
12781 .fa-hill-rockslide::before {
12782 content: "\e508";
12785 .fa-right-left::before {
12786 content: "\f362";
12789 .fa-exchange-alt::before {
12790 content: "\f362";
12793 .fa-paper-plane::before {
12794 content: "\f1d8";
12797 .fa-road-circle-exclamation::before {
12798 content: "\e565";
12801 .fa-dungeon::before {
12802 content: "\f6d9";
12805 .fa-align-right::before {
12806 content: "\f038";
12809 .fa-money-bill-1-wave::before {
12810 content: "\f53b";
12813 .fa-money-bill-wave-alt::before {
12814 content: "\f53b";
12817 .fa-life-ring::before {
12818 content: "\f1cd";
12821 .fa-hands::before {
12822 content: "\f2a7";
12825 .fa-sign-language::before {
12826 content: "\f2a7";
12829 .fa-signing::before {
12830 content: "\f2a7";
12833 .fa-calendar-day::before {
12834 content: "\f783";
12837 .fa-water-ladder::before {
12838 content: "\f5c5";
12841 .fa-ladder-water::before {
12842 content: "\f5c5";
12845 .fa-swimming-pool::before {
12846 content: "\f5c5";
12849 .fa-arrows-up-down::before {
12850 content: "\f07d";
12853 .fa-arrows-v::before {
12854 content: "\f07d";
12857 .fa-face-grimace::before {
12858 content: "\f57f";
12861 .fa-grimace::before {
12862 content: "\f57f";
12865 .fa-wheelchair-move::before {
12866 content: "\e2ce";
12869 .fa-wheelchair-alt::before {
12870 content: "\e2ce";
12873 .fa-turn-down::before {
12874 content: "\f3be";
12877 .fa-level-down-alt::before {
12878 content: "\f3be";
12881 .fa-person-walking-arrow-right::before {
12882 content: "\e552";
12885 .fa-square-envelope::before {
12886 content: "\f199";
12889 .fa-envelope-square::before {
12890 content: "\f199";
12893 .fa-dice::before {
12894 content: "\f522";
12897 .fa-bowling-ball::before {
12898 content: "\f436";
12901 .fa-brain::before {
12902 content: "\f5dc";
12905 .fa-bandage::before {
12906 content: "\f462";
12909 .fa-band-aid::before {
12910 content: "\f462";
12913 .fa-calendar-minus::before {
12914 content: "\f272";
12917 .fa-circle-xmark::before {
12918 content: "\f057";
12921 .fa-times-circle::before {
12922 content: "\f057";
12925 .fa-xmark-circle::before {
12926 content: "\f057";
12929 .fa-gifts::before {
12930 content: "\f79c";
12933 .fa-hotel::before {
12934 content: "\f594";
12937 .fa-earth-asia::before {
12938 content: "\f57e";
12941 .fa-globe-asia::before {
12942 content: "\f57e";
12945 .fa-id-card-clip::before {
12946 content: "\f47f";
12949 .fa-id-card-alt::before {
12950 content: "\f47f";
12953 .fa-magnifying-glass-plus::before {
12954 content: "\f00e";
12957 .fa-search-plus::before {
12958 content: "\f00e";
12961 .fa-thumbs-up::before {
12962 content: "\f164";
12965 .fa-user-clock::before {
12966 content: "\f4fd";
12969 .fa-hand-dots::before {
12970 content: "\f461";
12973 .fa-allergies::before {
12974 content: "\f461";
12977 .fa-file-invoice::before {
12978 content: "\f570";
12981 .fa-window-minimize::before {
12982 content: "\f2d1";
12985 .fa-mug-saucer::before {
12986 content: "\f0f4";
12989 .fa-coffee::before {
12990 content: "\f0f4";
12993 .fa-brush::before {
12994 content: "\f55d";
12997 .fa-mask::before {
12998 content: "\f6fa";
13001 .fa-magnifying-glass-minus::before {
13002 content: "\f010";
13005 .fa-search-minus::before {
13006 content: "\f010";
13009 .fa-ruler-vertical::before {
13010 content: "\f548";
13013 .fa-user-large::before {
13014 content: "\f406";
13017 .fa-user-alt::before {
13018 content: "\f406";
13021 .fa-train-tram::before {
13022 content: "\e5b4";
13025 .fa-user-nurse::before {
13026 content: "\f82f";
13029 .fa-syringe::before {
13030 content: "\f48e";
13033 .fa-cloud-sun::before {
13034 content: "\f6c4";
13037 .fa-stopwatch-20::before {
13038 content: "\e06f";
13041 .fa-square-full::before {
13042 content: "\f45c";
13045 .fa-magnet::before {
13046 content: "\f076";
13049 .fa-jar::before {
13050 content: "\e516";
13053 .fa-note-sticky::before {
13054 content: "\f249";
13057 .fa-sticky-note::before {
13058 content: "\f249";
13061 .fa-bug-slash::before {
13062 content: "\e490";
13065 .fa-arrow-up-from-water-pump::before {
13066 content: "\e4b6";
13069 .fa-bone::before {
13070 content: "\f5d7";
13073 .fa-user-injured::before {
13074 content: "\f728";
13077 .fa-face-sad-tear::before {
13078 content: "\f5b4";
13081 .fa-sad-tear::before {
13082 content: "\f5b4";
13085 .fa-plane::before {
13086 content: "\f072";
13089 .fa-tent-arrows-down::before {
13090 content: "\e581";
13093 .fa-exclamation::before {
13094 content: "\!";
13097 .fa-arrows-spin::before {
13098 content: "\e4bb";
13101 .fa-print::before {
13102 content: "\f02f";
13105 .fa-turkish-lira-sign::before {
13106 content: "\e2bb";
13109 .fa-try::before {
13110 content: "\e2bb";
13113 .fa-turkish-lira::before {
13114 content: "\e2bb";
13117 .fa-dollar-sign::before {
13118 content: "\$";
13121 .fa-dollar::before {
13122 content: "\$";
13125 .fa-usd::before {
13126 content: "\$";
13129 .fa-x::before {
13130 content: "X";
13133 .fa-magnifying-glass-dollar::before {
13134 content: "\f688";
13137 .fa-search-dollar::before {
13138 content: "\f688";
13141 .fa-users-gear::before {
13142 content: "\f509";
13145 .fa-users-cog::before {
13146 content: "\f509";
13149 .fa-person-military-pointing::before {
13150 content: "\e54a";
13153 .fa-building-columns::before {
13154 content: "\f19c";
13157 .fa-bank::before {
13158 content: "\f19c";
13161 .fa-institution::before {
13162 content: "\f19c";
13165 .fa-museum::before {
13166 content: "\f19c";
13169 .fa-university::before {
13170 content: "\f19c";
13173 .fa-umbrella::before {
13174 content: "\f0e9";
13177 .fa-trowel::before {
13178 content: "\e589";
13181 .fa-d::before {
13182 content: "D";
13185 .fa-stapler::before {
13186 content: "\e5af";
13189 .fa-masks-theater::before {
13190 content: "\f630";
13193 .fa-theater-masks::before {
13194 content: "\f630";
13197 .fa-kip-sign::before {
13198 content: "\e1c4";
13201 .fa-hand-point-left::before {
13202 content: "\f0a5";
13205 .fa-handshake-simple::before {
13206 content: "\f4c6";
13209 .fa-handshake-alt::before {
13210 content: "\f4c6";
13213 .fa-jet-fighter::before {
13214 content: "\f0fb";
13217 .fa-fighter-jet::before {
13218 content: "\f0fb";
13221 .fa-square-share-nodes::before {
13222 content: "\f1e1";
13225 .fa-share-alt-square::before {
13226 content: "\f1e1";
13229 .fa-barcode::before {
13230 content: "\f02a";
13233 .fa-plus-minus::before {
13234 content: "\e43c";
13237 .fa-video::before {
13238 content: "\f03d";
13241 .fa-video-camera::before {
13242 content: "\f03d";
13245 .fa-graduation-cap::before {
13246 content: "\f19d";
13249 .fa-mortar-board::before {
13250 content: "\f19d";
13253 .fa-hand-holding-medical::before {
13254 content: "\e05c";
13257 .fa-person-circle-check::before {
13258 content: "\e53e";
13261 .fa-turn-up::before {
13262 content: "\f3bf";
13265 .fa-level-up-alt::before {
13266 content: "\f3bf";
13269 .sr-only,
13270 .fa-sr-only {
13271 position: absolute;
13272 width: 1px;
13273 height: 1px;
13274 padding: 0;
13275 margin: -1px;
13276 overflow: hidden;
13277 clip: rect(0, 0, 0, 0);
13278 white-space: nowrap;
13279 border-width: 0;
13282 .sr-only-focusable:not(:focus),
13283 .fa-sr-only-focusable:not(:focus) {
13284 position: absolute;
13285 width: 1px;
13286 height: 1px;
13287 padding: 0;
13288 margin: -1px;
13289 overflow: hidden;
13290 clip: rect(0, 0, 0, 0);
13291 white-space: nowrap;
13292 border-width: 0;
13296 * Bootstrap v4.6.2 (https://getbootstrap.com/)
13297 * Copyright 2011-2022 The Bootstrap Authors
13298 * Copyright 2011-2022 Twitter, Inc.
13299 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
13301 :root {
13302 --blue: #0f6cbf;
13303 --indigo: #6610f2;
13304 --purple: #613d7c;
13305 --pink: #e83e8c;
13306 --red: #ca3120;
13307 --orange: #f0ad4e;
13308 --yellow: #ff7518;
13309 --green: #357a32;
13310 --teal: #20c997;
13311 --cyan: #008196;
13312 --white: #fff;
13313 --gray: #6a737b;
13314 --gray-dark: #343a40;
13315 --primary: #0f6cbf;
13316 --secondary: #ced4da;
13317 --success: #357a32;
13318 --info: #008196;
13319 --warning: #f0ad4e;
13320 --danger: #ca3120;
13321 --light: #f8f9fa;
13322 --dark: #343a40;
13323 --breakpoint-xs: 0;
13324 --breakpoint-sm: 576px;
13325 --breakpoint-md: 768px;
13326 --breakpoint-lg: 992px;
13327 --breakpoint-xl: 1200px;
13328 --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";
13329 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13333 *::before,
13334 *::after {
13335 box-sizing: border-box;
13338 html {
13339 font-family: sans-serif;
13340 line-height: 1.15;
13341 -webkit-text-size-adjust: 100%;
13342 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13345 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
13346 display: block;
13349 body {
13350 margin: 0;
13351 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";
13352 font-size: 0.9375rem;
13353 font-weight: 400;
13354 line-height: 1.5;
13355 color: #1d2125;
13356 text-align: left;
13357 background-color: #fff;
13359 @media (max-width: 1200px) {
13360 body {
13361 font-size: calc(0.90375rem + 0.045vw);
13365 [tabindex="-1"]:focus:not(:focus-visible) {
13366 outline: 0 !important;
13369 hr {
13370 box-sizing: content-box;
13371 height: 0;
13372 overflow: visible;
13375 h1, h2, h3, h4, h5, h6 {
13376 margin-top: 0;
13377 margin-bottom: 0.5rem;
13381 margin-top: 0;
13382 margin-bottom: 1rem;
13385 abbr[title],
13386 abbr[data-original-title] {
13387 text-decoration: underline;
13388 text-decoration: underline dotted;
13389 cursor: help;
13390 border-bottom: 0;
13391 text-decoration-skip-ink: none;
13394 address {
13395 margin-bottom: 1rem;
13396 font-style: normal;
13397 line-height: inherit;
13402 dl {
13403 margin-top: 0;
13404 margin-bottom: 1rem;
13407 ol ol,
13408 ul ul,
13409 ol ul,
13410 ul ol {
13411 margin-bottom: 0;
13414 dt {
13415 font-weight: 700;
13418 dd {
13419 margin-bottom: 0.5rem;
13420 margin-left: 0;
13423 blockquote {
13424 margin: 0 0 1rem;
13428 strong {
13429 font-weight: bolder;
13432 small {
13433 font-size: 80%;
13436 sub,
13437 sup {
13438 position: relative;
13439 font-size: 75%;
13440 line-height: 0;
13441 vertical-align: baseline;
13444 sub {
13445 bottom: -0.25em;
13448 sup {
13449 top: -0.5em;
13453 color: #0f6cbf;
13454 text-decoration: none;
13455 background-color: transparent;
13457 a:hover {
13458 color: #094478;
13459 text-decoration: underline;
13462 a:not([href]):not([class]) {
13463 color: inherit;
13464 text-decoration: none;
13466 a:not([href]):not([class]):hover {
13467 color: inherit;
13468 text-decoration: none;
13471 pre,
13472 code,
13473 kbd,
13474 samp {
13475 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13476 font-size: 1em;
13479 pre {
13480 margin-top: 0;
13481 margin-bottom: 1rem;
13482 overflow: auto;
13483 -ms-overflow-style: scrollbar;
13486 figure {
13487 margin: 0 0 1rem;
13490 img {
13491 vertical-align: middle;
13492 border-style: none;
13495 svg {
13496 overflow: hidden;
13497 vertical-align: middle;
13500 table {
13501 border-collapse: collapse;
13504 caption {
13505 padding-top: 0.75rem;
13506 padding-bottom: 0.75rem;
13507 color: #6a737b;
13508 text-align: left;
13509 caption-side: bottom;
13512 th {
13513 text-align: inherit;
13514 text-align: -webkit-match-parent;
13517 label {
13518 display: inline-block;
13519 margin-bottom: 0.5rem;
13522 button {
13523 border-radius: 0;
13526 button:focus:not(:focus-visible) {
13527 outline: 0;
13530 input,
13531 button,
13532 select,
13533 optgroup,
13534 textarea {
13535 margin: 0;
13536 font-family: inherit;
13537 font-size: inherit;
13538 line-height: inherit;
13541 button,
13542 input {
13543 overflow: visible;
13546 button,
13547 select {
13548 text-transform: none;
13551 [role=button] {
13552 cursor: pointer;
13555 select {
13556 word-wrap: normal;
13559 button,
13560 [type=button],
13561 [type=reset],
13562 [type=submit] {
13563 -webkit-appearance: button;
13566 button:not(:disabled),
13567 [type=button]:not(:disabled),
13568 [type=reset]:not(:disabled),
13569 [type=submit]:not(:disabled) {
13570 cursor: pointer;
13573 button::-moz-focus-inner,
13574 [type=button]::-moz-focus-inner,
13575 [type=reset]::-moz-focus-inner,
13576 [type=submit]::-moz-focus-inner {
13577 padding: 0;
13578 border-style: none;
13581 input[type=radio],
13582 input[type=checkbox] {
13583 box-sizing: border-box;
13584 padding: 0;
13587 textarea {
13588 overflow: auto;
13589 resize: vertical;
13592 fieldset {
13593 min-width: 0;
13594 padding: 0;
13595 margin: 0;
13596 border: 0;
13599 legend {
13600 display: block;
13601 width: 100%;
13602 max-width: 100%;
13603 padding: 0;
13604 margin-bottom: 0.5rem;
13605 font-size: 1.5rem;
13606 line-height: inherit;
13607 color: inherit;
13608 white-space: normal;
13610 @media (max-width: 1200px) {
13611 legend {
13612 font-size: calc(0.96rem + 0.72vw);
13616 progress {
13617 vertical-align: baseline;
13620 [type=number]::-webkit-inner-spin-button,
13621 [type=number]::-webkit-outer-spin-button {
13622 height: auto;
13625 [type=search] {
13626 outline-offset: -2px;
13627 -webkit-appearance: none;
13630 [type=search]::-webkit-search-decoration {
13631 -webkit-appearance: none;
13634 ::-webkit-file-upload-button {
13635 font: inherit;
13636 -webkit-appearance: button;
13639 output {
13640 display: inline-block;
13643 summary {
13644 display: list-item;
13645 cursor: pointer;
13648 template {
13649 display: none;
13652 [hidden] {
13653 display: none !important;
13656 h1, h2, h3, h4, h5, h6,
13657 .h1, .h2, .h3, .h4, .h5, .h6 {
13658 margin-bottom: 0.5rem;
13659 font-weight: 700;
13660 line-height: 1.2;
13663 h1, .h1 {
13664 font-size: 2.34375rem;
13666 @media (max-width: 1200px) {
13667 h1, .h1 {
13668 font-size: calc(1.044375rem + 1.7325vw);
13672 h2, .h2 {
13673 font-size: 1.875rem;
13675 @media (max-width: 1200px) {
13676 h2, .h2 {
13677 font-size: calc(0.9975rem + 1.17vw);
13681 h3, .h3 {
13682 font-size: 1.640625rem;
13684 @media (max-width: 1200px) {
13685 h3, .h3 {
13686 font-size: calc(0.9740625rem + 0.88875vw);
13690 h4, .h4 {
13691 font-size: 1.40625rem;
13693 @media (max-width: 1200px) {
13694 h4, .h4 {
13695 font-size: calc(0.950625rem + 0.6075vw);
13699 h5, .h5 {
13700 font-size: 1.171875rem;
13702 @media (max-width: 1200px) {
13703 h5, .h5 {
13704 font-size: calc(0.9271875rem + 0.32625vw);
13708 h6, .h6 {
13709 font-size: 0.9375rem;
13711 @media (max-width: 1200px) {
13712 h6, .h6 {
13713 font-size: calc(0.90375rem + 0.045vw);
13717 .lead {
13718 font-size: 1.171875rem;
13719 font-weight: 300;
13721 @media (max-width: 1200px) {
13722 .lead {
13723 font-size: calc(0.9271875rem + 0.32625vw);
13727 .display-1 {
13728 font-size: 6rem;
13729 font-weight: 300;
13730 line-height: 1.2;
13732 @media (max-width: 1200px) {
13733 .display-1 {
13734 font-size: calc(1.41rem + 6.12vw);
13738 .display-2 {
13739 font-size: 5.5rem;
13740 font-weight: 300;
13741 line-height: 1.2;
13743 @media (max-width: 1200px) {
13744 .display-2 {
13745 font-size: calc(1.36rem + 5.52vw);
13749 .display-3 {
13750 font-size: 4.5rem;
13751 font-weight: 300;
13752 line-height: 1.2;
13754 @media (max-width: 1200px) {
13755 .display-3 {
13756 font-size: calc(1.26rem + 4.32vw);
13760 .display-4 {
13761 font-size: 3.5rem;
13762 font-weight: 300;
13763 line-height: 1.2;
13765 @media (max-width: 1200px) {
13766 .display-4 {
13767 font-size: calc(1.16rem + 3.12vw);
13771 hr {
13772 margin-top: 1rem;
13773 margin-bottom: 1rem;
13774 border: 0;
13775 border-top: 1px solid rgba(0, 0, 0, 0.1);
13778 small,
13779 .small {
13780 font-size: 0.875em;
13781 font-weight: 400;
13784 mark,
13785 .mark {
13786 padding: 0.2em;
13787 background-color: #fcf8e3;
13790 .list-unstyled {
13791 padding-left: 0;
13792 list-style: none;
13795 .list-inline {
13796 padding-left: 0;
13797 list-style: none;
13800 .list-inline-item {
13801 display: inline-block;
13803 .list-inline-item:not(:last-child) {
13804 margin-right: 0.5rem;
13807 .initialism {
13808 font-size: 90%;
13809 text-transform: uppercase;
13812 .blockquote {
13813 margin-bottom: 1rem;
13814 font-size: 1.171875rem;
13816 @media (max-width: 1200px) {
13817 .blockquote {
13818 font-size: calc(0.9271875rem + 0.32625vw);
13822 .blockquote-footer {
13823 display: block;
13824 font-size: 0.875em;
13825 color: #6a737b;
13827 .blockquote-footer::before {
13828 content: "— ";
13831 .img-fluid {
13832 max-width: 100%;
13833 height: auto;
13836 .img-thumbnail {
13837 padding: 0.25rem;
13838 background-color: #fff;
13839 border: 1px solid #dee2e6;
13840 border-radius: 0.5rem;
13841 max-width: 100%;
13842 height: auto;
13845 .figure {
13846 display: inline-block;
13849 .figure-img {
13850 margin-bottom: 0.5rem;
13851 line-height: 1;
13854 .figure-caption {
13855 font-size: 90%;
13856 color: #6a737b;
13859 code {
13860 font-size: 87.5%;
13861 color: #e83e8c;
13862 word-wrap: break-word;
13864 a > code {
13865 color: inherit;
13868 kbd {
13869 padding: 0.2rem 0.4rem;
13870 font-size: 87.5%;
13871 color: #fff;
13872 background-color: #1d2125;
13873 border-radius: 0.2rem;
13875 kbd kbd {
13876 padding: 0;
13877 font-size: 100%;
13878 font-weight: 700;
13881 pre {
13882 display: block;
13883 font-size: 87.5%;
13884 color: #1d2125;
13886 pre code {
13887 font-size: inherit;
13888 color: inherit;
13889 word-break: normal;
13892 .pre-scrollable {
13893 max-height: 340px;
13894 overflow-y: scroll;
13897 .container,
13898 .container-fluid,
13899 .container-xl,
13900 .container-lg,
13901 .container-md,
13902 .container-sm {
13903 width: 100%;
13904 padding-right: 15px;
13905 padding-left: 15px;
13906 margin-right: auto;
13907 margin-left: auto;
13910 @media (min-width: 576px) {
13911 .container-sm, .container {
13912 max-width: 540px;
13915 @media (min-width: 768px) {
13916 .container-md, .container-sm, .container {
13917 max-width: 720px;
13920 @media (min-width: 992px) {
13921 .container-lg, .container-md, .container-sm, .container {
13922 max-width: 960px;
13925 @media (min-width: 1200px) {
13926 .container-xl, .container-lg, .container-md, .container-sm, .container {
13927 max-width: 1140px;
13930 .row {
13931 display: flex;
13932 flex-wrap: wrap;
13933 margin-right: -15px;
13934 margin-left: -15px;
13937 .no-gutters, .g-0 {
13938 margin-right: 0;
13939 margin-left: 0;
13941 .no-gutters > .col, .g-0 > .col,
13942 .no-gutters > [class*=col-],
13943 .g-0 > [class*=col-] {
13944 padding-right: 0;
13945 padding-left: 0;
13948 .col-xl,
13949 .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,
13950 .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,
13951 .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,
13952 .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,
13953 .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 {
13954 position: relative;
13955 width: 100%;
13956 padding-right: 15px;
13957 padding-left: 15px;
13960 .col {
13961 flex-basis: 0;
13962 flex-grow: 1;
13963 max-width: 100%;
13966 .row-cols-1 > * {
13967 flex: 0 0 100%;
13968 max-width: 100%;
13971 .row-cols-2 > * {
13972 flex: 0 0 50%;
13973 max-width: 50%;
13976 .row-cols-3 > * {
13977 flex: 0 0 33.3333333333%;
13978 max-width: 33.3333333333%;
13981 .row-cols-4 > * {
13982 flex: 0 0 25%;
13983 max-width: 25%;
13986 .row-cols-5 > * {
13987 flex: 0 0 20%;
13988 max-width: 20%;
13991 .row-cols-6 > * {
13992 flex: 0 0 16.6666666667%;
13993 max-width: 16.6666666667%;
13996 .col-auto {
13997 flex: 0 0 auto;
13998 width: auto;
13999 max-width: 100%;
14002 .col-1 {
14003 flex: 0 0 8.33333333%;
14004 max-width: 8.33333333%;
14007 .col-2 {
14008 flex: 0 0 16.66666667%;
14009 max-width: 16.66666667%;
14012 .col-3 {
14013 flex: 0 0 25%;
14014 max-width: 25%;
14017 .col-4 {
14018 flex: 0 0 33.33333333%;
14019 max-width: 33.33333333%;
14022 .col-5 {
14023 flex: 0 0 41.66666667%;
14024 max-width: 41.66666667%;
14027 .col-6 {
14028 flex: 0 0 50%;
14029 max-width: 50%;
14032 .col-7 {
14033 flex: 0 0 58.33333333%;
14034 max-width: 58.33333333%;
14037 .col-8 {
14038 flex: 0 0 66.66666667%;
14039 max-width: 66.66666667%;
14042 .col-9 {
14043 flex: 0 0 75%;
14044 max-width: 75%;
14047 .col-10 {
14048 flex: 0 0 83.33333333%;
14049 max-width: 83.33333333%;
14052 .col-11 {
14053 flex: 0 0 91.66666667%;
14054 max-width: 91.66666667%;
14057 .col-12 {
14058 flex: 0 0 100%;
14059 max-width: 100%;
14062 .order-first {
14063 order: -1;
14066 .order-last {
14067 order: 13;
14070 .order-0 {
14071 order: 0;
14074 .order-1 {
14075 order: 1;
14078 .order-2 {
14079 order: 2;
14082 .order-3 {
14083 order: 3;
14086 .order-4 {
14087 order: 4;
14090 .order-5 {
14091 order: 5;
14094 .order-6 {
14095 order: 6;
14098 .order-7 {
14099 order: 7;
14102 .order-8 {
14103 order: 8;
14106 .order-9 {
14107 order: 9;
14110 .order-10 {
14111 order: 10;
14114 .order-11 {
14115 order: 11;
14118 .order-12 {
14119 order: 12;
14122 .offset-1 {
14123 margin-left: 8.33333333%;
14126 .offset-2 {
14127 margin-left: 16.66666667%;
14130 .offset-3 {
14131 margin-left: 25%;
14134 .offset-4 {
14135 margin-left: 33.33333333%;
14138 .offset-5 {
14139 margin-left: 41.66666667%;
14142 .offset-6 {
14143 margin-left: 50%;
14146 .offset-7 {
14147 margin-left: 58.33333333%;
14150 .offset-8 {
14151 margin-left: 66.66666667%;
14154 .offset-9 {
14155 margin-left: 75%;
14158 .offset-10 {
14159 margin-left: 83.33333333%;
14162 .offset-11 {
14163 margin-left: 91.66666667%;
14166 @media (min-width: 576px) {
14167 .col-sm {
14168 flex-basis: 0;
14169 flex-grow: 1;
14170 max-width: 100%;
14172 .row-cols-sm-1 > * {
14173 flex: 0 0 100%;
14174 max-width: 100%;
14176 .row-cols-sm-2 > * {
14177 flex: 0 0 50%;
14178 max-width: 50%;
14180 .row-cols-sm-3 > * {
14181 flex: 0 0 33.3333333333%;
14182 max-width: 33.3333333333%;
14184 .row-cols-sm-4 > * {
14185 flex: 0 0 25%;
14186 max-width: 25%;
14188 .row-cols-sm-5 > * {
14189 flex: 0 0 20%;
14190 max-width: 20%;
14192 .row-cols-sm-6 > * {
14193 flex: 0 0 16.6666666667%;
14194 max-width: 16.6666666667%;
14196 .col-sm-auto {
14197 flex: 0 0 auto;
14198 width: auto;
14199 max-width: 100%;
14201 .col-sm-1 {
14202 flex: 0 0 8.33333333%;
14203 max-width: 8.33333333%;
14205 .col-sm-2 {
14206 flex: 0 0 16.66666667%;
14207 max-width: 16.66666667%;
14209 .col-sm-3 {
14210 flex: 0 0 25%;
14211 max-width: 25%;
14213 .col-sm-4 {
14214 flex: 0 0 33.33333333%;
14215 max-width: 33.33333333%;
14217 .col-sm-5 {
14218 flex: 0 0 41.66666667%;
14219 max-width: 41.66666667%;
14221 .col-sm-6 {
14222 flex: 0 0 50%;
14223 max-width: 50%;
14225 .col-sm-7 {
14226 flex: 0 0 58.33333333%;
14227 max-width: 58.33333333%;
14229 .col-sm-8 {
14230 flex: 0 0 66.66666667%;
14231 max-width: 66.66666667%;
14233 .col-sm-9 {
14234 flex: 0 0 75%;
14235 max-width: 75%;
14237 .col-sm-10 {
14238 flex: 0 0 83.33333333%;
14239 max-width: 83.33333333%;
14241 .col-sm-11 {
14242 flex: 0 0 91.66666667%;
14243 max-width: 91.66666667%;
14245 .col-sm-12 {
14246 flex: 0 0 100%;
14247 max-width: 100%;
14249 .order-sm-first {
14250 order: -1;
14252 .order-sm-last {
14253 order: 13;
14255 .order-sm-0 {
14256 order: 0;
14258 .order-sm-1 {
14259 order: 1;
14261 .order-sm-2 {
14262 order: 2;
14264 .order-sm-3 {
14265 order: 3;
14267 .order-sm-4 {
14268 order: 4;
14270 .order-sm-5 {
14271 order: 5;
14273 .order-sm-6 {
14274 order: 6;
14276 .order-sm-7 {
14277 order: 7;
14279 .order-sm-8 {
14280 order: 8;
14282 .order-sm-9 {
14283 order: 9;
14285 .order-sm-10 {
14286 order: 10;
14288 .order-sm-11 {
14289 order: 11;
14291 .order-sm-12 {
14292 order: 12;
14294 .offset-sm-0 {
14295 margin-left: 0;
14297 .offset-sm-1 {
14298 margin-left: 8.33333333%;
14300 .offset-sm-2 {
14301 margin-left: 16.66666667%;
14303 .offset-sm-3 {
14304 margin-left: 25%;
14306 .offset-sm-4 {
14307 margin-left: 33.33333333%;
14309 .offset-sm-5 {
14310 margin-left: 41.66666667%;
14312 .offset-sm-6 {
14313 margin-left: 50%;
14315 .offset-sm-7 {
14316 margin-left: 58.33333333%;
14318 .offset-sm-8 {
14319 margin-left: 66.66666667%;
14321 .offset-sm-9 {
14322 margin-left: 75%;
14324 .offset-sm-10 {
14325 margin-left: 83.33333333%;
14327 .offset-sm-11 {
14328 margin-left: 91.66666667%;
14331 @media (min-width: 768px) {
14332 .col-md {
14333 flex-basis: 0;
14334 flex-grow: 1;
14335 max-width: 100%;
14337 .row-cols-md-1 > * {
14338 flex: 0 0 100%;
14339 max-width: 100%;
14341 .row-cols-md-2 > * {
14342 flex: 0 0 50%;
14343 max-width: 50%;
14345 .row-cols-md-3 > * {
14346 flex: 0 0 33.3333333333%;
14347 max-width: 33.3333333333%;
14349 .row-cols-md-4 > * {
14350 flex: 0 0 25%;
14351 max-width: 25%;
14353 .row-cols-md-5 > * {
14354 flex: 0 0 20%;
14355 max-width: 20%;
14357 .row-cols-md-6 > * {
14358 flex: 0 0 16.6666666667%;
14359 max-width: 16.6666666667%;
14361 .col-md-auto {
14362 flex: 0 0 auto;
14363 width: auto;
14364 max-width: 100%;
14366 .col-md-1 {
14367 flex: 0 0 8.33333333%;
14368 max-width: 8.33333333%;
14370 .col-md-2 {
14371 flex: 0 0 16.66666667%;
14372 max-width: 16.66666667%;
14374 .col-md-3 {
14375 flex: 0 0 25%;
14376 max-width: 25%;
14378 .col-md-4 {
14379 flex: 0 0 33.33333333%;
14380 max-width: 33.33333333%;
14382 .col-md-5 {
14383 flex: 0 0 41.66666667%;
14384 max-width: 41.66666667%;
14386 .col-md-6 {
14387 flex: 0 0 50%;
14388 max-width: 50%;
14390 .col-md-7 {
14391 flex: 0 0 58.33333333%;
14392 max-width: 58.33333333%;
14394 .col-md-8 {
14395 flex: 0 0 66.66666667%;
14396 max-width: 66.66666667%;
14398 .col-md-9 {
14399 flex: 0 0 75%;
14400 max-width: 75%;
14402 .col-md-10 {
14403 flex: 0 0 83.33333333%;
14404 max-width: 83.33333333%;
14406 .col-md-11 {
14407 flex: 0 0 91.66666667%;
14408 max-width: 91.66666667%;
14410 .col-md-12 {
14411 flex: 0 0 100%;
14412 max-width: 100%;
14414 .order-md-first {
14415 order: -1;
14417 .order-md-last {
14418 order: 13;
14420 .order-md-0 {
14421 order: 0;
14423 .order-md-1 {
14424 order: 1;
14426 .order-md-2 {
14427 order: 2;
14429 .order-md-3 {
14430 order: 3;
14432 .order-md-4 {
14433 order: 4;
14435 .order-md-5 {
14436 order: 5;
14438 .order-md-6 {
14439 order: 6;
14441 .order-md-7 {
14442 order: 7;
14444 .order-md-8 {
14445 order: 8;
14447 .order-md-9 {
14448 order: 9;
14450 .order-md-10 {
14451 order: 10;
14453 .order-md-11 {
14454 order: 11;
14456 .order-md-12 {
14457 order: 12;
14459 .offset-md-0 {
14460 margin-left: 0;
14462 .offset-md-1 {
14463 margin-left: 8.33333333%;
14465 .offset-md-2 {
14466 margin-left: 16.66666667%;
14468 .offset-md-3 {
14469 margin-left: 25%;
14471 .offset-md-4 {
14472 margin-left: 33.33333333%;
14474 .offset-md-5 {
14475 margin-left: 41.66666667%;
14477 .offset-md-6 {
14478 margin-left: 50%;
14480 .offset-md-7 {
14481 margin-left: 58.33333333%;
14483 .offset-md-8 {
14484 margin-left: 66.66666667%;
14486 .offset-md-9 {
14487 margin-left: 75%;
14489 .offset-md-10 {
14490 margin-left: 83.33333333%;
14492 .offset-md-11 {
14493 margin-left: 91.66666667%;
14496 @media (min-width: 992px) {
14497 .col-lg {
14498 flex-basis: 0;
14499 flex-grow: 1;
14500 max-width: 100%;
14502 .row-cols-lg-1 > * {
14503 flex: 0 0 100%;
14504 max-width: 100%;
14506 .row-cols-lg-2 > * {
14507 flex: 0 0 50%;
14508 max-width: 50%;
14510 .row-cols-lg-3 > * {
14511 flex: 0 0 33.3333333333%;
14512 max-width: 33.3333333333%;
14514 .row-cols-lg-4 > * {
14515 flex: 0 0 25%;
14516 max-width: 25%;
14518 .row-cols-lg-5 > * {
14519 flex: 0 0 20%;
14520 max-width: 20%;
14522 .row-cols-lg-6 > * {
14523 flex: 0 0 16.6666666667%;
14524 max-width: 16.6666666667%;
14526 .col-lg-auto {
14527 flex: 0 0 auto;
14528 width: auto;
14529 max-width: 100%;
14531 .col-lg-1 {
14532 flex: 0 0 8.33333333%;
14533 max-width: 8.33333333%;
14535 .col-lg-2 {
14536 flex: 0 0 16.66666667%;
14537 max-width: 16.66666667%;
14539 .col-lg-3 {
14540 flex: 0 0 25%;
14541 max-width: 25%;
14543 .col-lg-4 {
14544 flex: 0 0 33.33333333%;
14545 max-width: 33.33333333%;
14547 .col-lg-5 {
14548 flex: 0 0 41.66666667%;
14549 max-width: 41.66666667%;
14551 .col-lg-6 {
14552 flex: 0 0 50%;
14553 max-width: 50%;
14555 .col-lg-7 {
14556 flex: 0 0 58.33333333%;
14557 max-width: 58.33333333%;
14559 .col-lg-8 {
14560 flex: 0 0 66.66666667%;
14561 max-width: 66.66666667%;
14563 .col-lg-9 {
14564 flex: 0 0 75%;
14565 max-width: 75%;
14567 .col-lg-10 {
14568 flex: 0 0 83.33333333%;
14569 max-width: 83.33333333%;
14571 .col-lg-11 {
14572 flex: 0 0 91.66666667%;
14573 max-width: 91.66666667%;
14575 .col-lg-12 {
14576 flex: 0 0 100%;
14577 max-width: 100%;
14579 .order-lg-first {
14580 order: -1;
14582 .order-lg-last {
14583 order: 13;
14585 .order-lg-0 {
14586 order: 0;
14588 .order-lg-1 {
14589 order: 1;
14591 .order-lg-2 {
14592 order: 2;
14594 .order-lg-3 {
14595 order: 3;
14597 .order-lg-4 {
14598 order: 4;
14600 .order-lg-5 {
14601 order: 5;
14603 .order-lg-6 {
14604 order: 6;
14606 .order-lg-7 {
14607 order: 7;
14609 .order-lg-8 {
14610 order: 8;
14612 .order-lg-9 {
14613 order: 9;
14615 .order-lg-10 {
14616 order: 10;
14618 .order-lg-11 {
14619 order: 11;
14621 .order-lg-12 {
14622 order: 12;
14624 .offset-lg-0 {
14625 margin-left: 0;
14627 .offset-lg-1 {
14628 margin-left: 8.33333333%;
14630 .offset-lg-2 {
14631 margin-left: 16.66666667%;
14633 .offset-lg-3 {
14634 margin-left: 25%;
14636 .offset-lg-4 {
14637 margin-left: 33.33333333%;
14639 .offset-lg-5 {
14640 margin-left: 41.66666667%;
14642 .offset-lg-6 {
14643 margin-left: 50%;
14645 .offset-lg-7 {
14646 margin-left: 58.33333333%;
14648 .offset-lg-8 {
14649 margin-left: 66.66666667%;
14651 .offset-lg-9 {
14652 margin-left: 75%;
14654 .offset-lg-10 {
14655 margin-left: 83.33333333%;
14657 .offset-lg-11 {
14658 margin-left: 91.66666667%;
14661 @media (min-width: 1200px) {
14662 .col-xl {
14663 flex-basis: 0;
14664 flex-grow: 1;
14665 max-width: 100%;
14667 .row-cols-xl-1 > * {
14668 flex: 0 0 100%;
14669 max-width: 100%;
14671 .row-cols-xl-2 > * {
14672 flex: 0 0 50%;
14673 max-width: 50%;
14675 .row-cols-xl-3 > * {
14676 flex: 0 0 33.3333333333%;
14677 max-width: 33.3333333333%;
14679 .row-cols-xl-4 > * {
14680 flex: 0 0 25%;
14681 max-width: 25%;
14683 .row-cols-xl-5 > * {
14684 flex: 0 0 20%;
14685 max-width: 20%;
14687 .row-cols-xl-6 > * {
14688 flex: 0 0 16.6666666667%;
14689 max-width: 16.6666666667%;
14691 .col-xl-auto {
14692 flex: 0 0 auto;
14693 width: auto;
14694 max-width: 100%;
14696 .col-xl-1 {
14697 flex: 0 0 8.33333333%;
14698 max-width: 8.33333333%;
14700 .col-xl-2 {
14701 flex: 0 0 16.66666667%;
14702 max-width: 16.66666667%;
14704 .col-xl-3 {
14705 flex: 0 0 25%;
14706 max-width: 25%;
14708 .col-xl-4 {
14709 flex: 0 0 33.33333333%;
14710 max-width: 33.33333333%;
14712 .col-xl-5 {
14713 flex: 0 0 41.66666667%;
14714 max-width: 41.66666667%;
14716 .col-xl-6 {
14717 flex: 0 0 50%;
14718 max-width: 50%;
14720 .col-xl-7 {
14721 flex: 0 0 58.33333333%;
14722 max-width: 58.33333333%;
14724 .col-xl-8 {
14725 flex: 0 0 66.66666667%;
14726 max-width: 66.66666667%;
14728 .col-xl-9 {
14729 flex: 0 0 75%;
14730 max-width: 75%;
14732 .col-xl-10 {
14733 flex: 0 0 83.33333333%;
14734 max-width: 83.33333333%;
14736 .col-xl-11 {
14737 flex: 0 0 91.66666667%;
14738 max-width: 91.66666667%;
14740 .col-xl-12 {
14741 flex: 0 0 100%;
14742 max-width: 100%;
14744 .order-xl-first {
14745 order: -1;
14747 .order-xl-last {
14748 order: 13;
14750 .order-xl-0 {
14751 order: 0;
14753 .order-xl-1 {
14754 order: 1;
14756 .order-xl-2 {
14757 order: 2;
14759 .order-xl-3 {
14760 order: 3;
14762 .order-xl-4 {
14763 order: 4;
14765 .order-xl-5 {
14766 order: 5;
14768 .order-xl-6 {
14769 order: 6;
14771 .order-xl-7 {
14772 order: 7;
14774 .order-xl-8 {
14775 order: 8;
14777 .order-xl-9 {
14778 order: 9;
14780 .order-xl-10 {
14781 order: 10;
14783 .order-xl-11 {
14784 order: 11;
14786 .order-xl-12 {
14787 order: 12;
14789 .offset-xl-0 {
14790 margin-left: 0;
14792 .offset-xl-1 {
14793 margin-left: 8.33333333%;
14795 .offset-xl-2 {
14796 margin-left: 16.66666667%;
14798 .offset-xl-3 {
14799 margin-left: 25%;
14801 .offset-xl-4 {
14802 margin-left: 33.33333333%;
14804 .offset-xl-5 {
14805 margin-left: 41.66666667%;
14807 .offset-xl-6 {
14808 margin-left: 50%;
14810 .offset-xl-7 {
14811 margin-left: 58.33333333%;
14813 .offset-xl-8 {
14814 margin-left: 66.66666667%;
14816 .offset-xl-9 {
14817 margin-left: 75%;
14819 .offset-xl-10 {
14820 margin-left: 83.33333333%;
14822 .offset-xl-11 {
14823 margin-left: 91.66666667%;
14826 .table {
14827 width: 100%;
14828 margin-bottom: 1rem;
14829 color: #1d2125;
14831 .table th,
14832 .table td {
14833 padding: 0.75rem;
14834 vertical-align: top;
14835 border-top: 1px solid #dee2e6;
14837 .table thead th {
14838 vertical-align: bottom;
14839 border-bottom: 2px solid #dee2e6;
14841 .table tbody + tbody {
14842 border-top: 2px solid #dee2e6;
14845 .table-sm th,
14846 .table-sm td {
14847 padding: 0.3rem;
14850 .table-bordered {
14851 border: 1px solid #dee2e6;
14853 .table-bordered th,
14854 .table-bordered td {
14855 border: 1px solid #dee2e6;
14857 .table-bordered thead th,
14858 .table-bordered thead td {
14859 border-bottom-width: 2px;
14862 .table-borderless th,
14863 .table-borderless td,
14864 .table-borderless thead th,
14865 .table-borderless tbody + tbody {
14866 border: 0;
14869 .table-striped tbody tr:nth-of-type(odd) {
14870 background-color: rgba(0, 0, 0, 0.03);
14873 .table-hover tbody tr:hover {
14874 color: #1d2125;
14875 background-color: rgba(0, 0, 0, 0.075);
14878 .table-primary,
14879 .table-primary > th,
14880 .table-primary > td {
14881 background-color: #bcd6ed;
14883 .table-primary th,
14884 .table-primary td,
14885 .table-primary thead th,
14886 .table-primary tbody + tbody {
14887 border-color: #82b3de;
14890 .table-hover .table-primary:hover {
14891 background-color: #a8cae8;
14893 .table-hover .table-primary:hover > td,
14894 .table-hover .table-primary:hover > th {
14895 background-color: #a8cae8;
14898 .table-secondary,
14899 .table-secondary > th,
14900 .table-secondary > td {
14901 background-color: #f1f3f5;
14903 .table-secondary th,
14904 .table-secondary td,
14905 .table-secondary thead th,
14906 .table-secondary tbody + tbody {
14907 border-color: #e6e9ec;
14910 .table-hover .table-secondary:hover {
14911 background-color: #e2e6ea;
14913 .table-hover .table-secondary:hover > td,
14914 .table-hover .table-secondary:hover > th {
14915 background-color: #e2e6ea;
14918 .table-success,
14919 .table-success > th,
14920 .table-success > td {
14921 background-color: #c6dac6;
14923 .table-success th,
14924 .table-success td,
14925 .table-success thead th,
14926 .table-success tbody + tbody {
14927 border-color: #96ba94;
14930 .table-hover .table-success:hover {
14931 background-color: #b7d0b7;
14933 .table-hover .table-success:hover > td,
14934 .table-hover .table-success:hover > th {
14935 background-color: #b7d0b7;
14938 .table-info,
14939 .table-info > th,
14940 .table-info > td {
14941 background-color: #b8dce2;
14943 .table-info th,
14944 .table-info td,
14945 .table-info thead th,
14946 .table-info tbody + tbody {
14947 border-color: #7abdc8;
14950 .table-hover .table-info:hover {
14951 background-color: #a6d3db;
14953 .table-hover .table-info:hover > td,
14954 .table-hover .table-info:hover > th {
14955 background-color: #a6d3db;
14958 .table-warning,
14959 .table-warning > th,
14960 .table-warning > td {
14961 background-color: #fbe8cd;
14963 .table-warning th,
14964 .table-warning td,
14965 .table-warning thead th,
14966 .table-warning tbody + tbody {
14967 border-color: #f7d4a3;
14970 .table-hover .table-warning:hover {
14971 background-color: #f9ddb5;
14973 .table-hover .table-warning:hover > td,
14974 .table-hover .table-warning:hover > th {
14975 background-color: #f9ddb5;
14978 .table-danger,
14979 .table-danger > th,
14980 .table-danger > td {
14981 background-color: #f0c5c1;
14983 .table-danger th,
14984 .table-danger td,
14985 .table-danger thead th,
14986 .table-danger tbody + tbody {
14987 border-color: #e3948b;
14990 .table-hover .table-danger:hover {
14991 background-color: #ebb2ac;
14993 .table-hover .table-danger:hover > td,
14994 .table-hover .table-danger:hover > th {
14995 background-color: #ebb2ac;
14998 .table-light,
14999 .table-light > th,
15000 .table-light > td {
15001 background-color: #fdfdfe;
15003 .table-light th,
15004 .table-light td,
15005 .table-light thead th,
15006 .table-light tbody + tbody {
15007 border-color: #fbfcfc;
15010 .table-hover .table-light:hover {
15011 background-color: #ececf6;
15013 .table-hover .table-light:hover > td,
15014 .table-hover .table-light:hover > th {
15015 background-color: #ececf6;
15018 .table-dark,
15019 .table-dark > th,
15020 .table-dark > td {
15021 background-color: #c6c8ca;
15023 .table-dark th,
15024 .table-dark td,
15025 .table-dark thead th,
15026 .table-dark tbody + tbody {
15027 border-color: #95999c;
15030 .table-hover .table-dark:hover {
15031 background-color: #b9bbbe;
15033 .table-hover .table-dark:hover > td,
15034 .table-hover .table-dark:hover > th {
15035 background-color: #b9bbbe;
15038 .table-active,
15039 .table-active > th,
15040 .table-active > td {
15041 background-color: rgba(0, 0, 0, 0.075);
15044 .table-hover .table-active:hover {
15045 background-color: rgba(0, 0, 0, 0.075);
15047 .table-hover .table-active:hover > td,
15048 .table-hover .table-active:hover > th {
15049 background-color: rgba(0, 0, 0, 0.075);
15052 .table .thead-dark th {
15053 color: #fff;
15054 background-color: #343a40;
15055 border-color: #454d55;
15057 .table .thead-light th {
15058 color: #495057;
15059 background-color: #e9ecef;
15060 border-color: #dee2e6;
15063 .table-dark {
15064 color: #fff;
15065 background-color: #343a40;
15067 .table-dark th,
15068 .table-dark td,
15069 .table-dark thead th {
15070 border-color: #454d55;
15072 .table-dark.table-bordered {
15073 border: 0;
15075 .table-dark.table-striped tbody tr:nth-of-type(odd) {
15076 background-color: rgba(255, 255, 255, 0.05);
15078 .table-dark.table-hover tbody tr:hover {
15079 color: #fff;
15080 background-color: rgba(255, 255, 255, 0.075);
15083 @media (max-width: 575.98px) {
15084 .table-responsive-sm {
15085 display: block;
15086 width: 100%;
15087 overflow-x: auto;
15088 -webkit-overflow-scrolling: touch;
15090 .table-responsive-sm > .table-bordered {
15091 border: 0;
15094 @media (max-width: 767.98px) {
15095 .table-responsive-md {
15096 display: block;
15097 width: 100%;
15098 overflow-x: auto;
15099 -webkit-overflow-scrolling: touch;
15101 .table-responsive-md > .table-bordered {
15102 border: 0;
15105 @media (max-width: 991.98px) {
15106 .table-responsive-lg {
15107 display: block;
15108 width: 100%;
15109 overflow-x: auto;
15110 -webkit-overflow-scrolling: touch;
15112 .table-responsive-lg > .table-bordered {
15113 border: 0;
15116 @media (max-width: 1199.98px) {
15117 .table-responsive-xl {
15118 display: block;
15119 width: 100%;
15120 overflow-x: auto;
15121 -webkit-overflow-scrolling: touch;
15123 .table-responsive-xl > .table-bordered {
15124 border: 0;
15127 .table-responsive {
15128 display: block;
15129 width: 100%;
15130 overflow-x: auto;
15131 -webkit-overflow-scrolling: touch;
15133 .table-responsive > .table-bordered {
15134 border: 0;
15137 .form-control {
15138 display: block;
15139 width: 100%;
15140 height: calc(1.5em + 0.75rem + 2px);
15141 padding: 0.375rem 0.75rem;
15142 font-size: 0.9375rem;
15143 font-weight: 400;
15144 line-height: 1.5;
15145 color: #495057;
15146 background-color: #fff;
15147 background-clip: padding-box;
15148 border: 1px solid #8f959e;
15149 border-radius: 0.5rem;
15150 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15152 @media (max-width: 1200px) {
15153 .form-control {
15154 font-size: calc(0.90375rem + 0.045vw);
15157 @media (prefers-reduced-motion: reduce) {
15158 .form-control {
15159 transition: none;
15162 .form-control::-ms-expand {
15163 background-color: transparent;
15164 border: 0;
15166 .form-control:focus {
15167 color: #495057;
15168 background-color: #fff;
15169 border-color: #5babf2;
15170 outline: 0;
15171 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15173 .form-control::placeholder {
15174 color: #6a737b;
15175 opacity: 1;
15177 .form-control:disabled, .form-control[readonly] {
15178 background-color: #e9ecef;
15179 opacity: 1;
15182 input[type=date].form-control,
15183 input[type=time].form-control,
15184 input[type=datetime-local].form-control,
15185 input[type=month].form-control {
15186 appearance: none;
15189 select.form-control:-moz-focusring {
15190 color: transparent;
15191 text-shadow: 0 0 0 #495057;
15193 select.form-control:focus::-ms-value {
15194 color: #495057;
15195 background-color: #fff;
15198 .form-control-file,
15199 .form-control-range {
15200 display: block;
15201 width: 100%;
15204 .col-form-label {
15205 padding-top: calc(0.375rem + 1px);
15206 padding-bottom: calc(0.375rem + 1px);
15207 margin-bottom: 0;
15208 font-size: inherit;
15209 line-height: 1.5;
15212 .col-form-label-lg {
15213 padding-top: calc(0.5rem + 1px);
15214 padding-bottom: calc(0.5rem + 1px);
15215 font-size: 1.171875rem;
15216 line-height: 1.5;
15218 @media (max-width: 1200px) {
15219 .col-form-label-lg {
15220 font-size: calc(0.9271875rem + 0.32625vw);
15224 .col-form-label-sm {
15225 padding-top: calc(0.25rem + 1px);
15226 padding-bottom: calc(0.25rem + 1px);
15227 font-size: 0.8203125rem;
15228 line-height: 1.5;
15231 .form-control-plaintext {
15232 display: block;
15233 width: 100%;
15234 padding: 0.375rem 0;
15235 margin-bottom: 0;
15236 font-size: 0.9375rem;
15237 line-height: 1.5;
15238 color: #1d2125;
15239 background-color: transparent;
15240 border: solid transparent;
15241 border-width: 1px 0;
15243 @media (max-width: 1200px) {
15244 .form-control-plaintext {
15245 font-size: calc(0.90375rem + 0.045vw);
15248 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
15249 padding-right: 0;
15250 padding-left: 0;
15253 .form-control-sm {
15254 height: calc(1.5em + 0.5rem + 2px);
15255 padding: 0.25rem 0.5rem;
15256 font-size: 0.8203125rem;
15257 line-height: 1.5;
15258 border-radius: 0.2rem;
15261 .form-control-lg {
15262 height: calc(1.5em + 1rem + 2px);
15263 padding: 0.5rem 1rem;
15264 font-size: 1.171875rem;
15265 line-height: 1.5;
15266 border-radius: 0.6rem;
15268 @media (max-width: 1200px) {
15269 .form-control-lg {
15270 font-size: calc(0.9271875rem + 0.32625vw);
15274 select.form-control[size], select.form-control[multiple] {
15275 height: auto;
15278 textarea.form-control {
15279 height: auto;
15282 .form-group {
15283 margin-bottom: 1rem;
15286 .form-text {
15287 display: block;
15288 margin-top: 0.25rem;
15291 .form-row {
15292 display: flex;
15293 flex-wrap: wrap;
15294 margin-right: -5px;
15295 margin-left: -5px;
15297 .form-row > .col,
15298 .form-row > [class*=col-] {
15299 padding-right: 5px;
15300 padding-left: 5px;
15303 .form-check {
15304 position: relative;
15305 display: block;
15306 padding-left: 1.25rem;
15309 .form-check-input {
15310 position: absolute;
15311 margin-top: 0.3rem;
15312 margin-left: -1.25rem;
15314 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
15315 color: #6a737b;
15318 .form-check-label {
15319 margin-bottom: 0;
15322 .form-check-inline {
15323 display: inline-flex;
15324 align-items: center;
15325 padding-left: 0;
15326 margin-right: 0.75rem;
15328 .form-check-inline .form-check-input {
15329 position: static;
15330 margin-top: 0;
15331 margin-right: 0.3125rem;
15332 margin-left: 0;
15335 .valid-feedback {
15336 display: none;
15337 width: 100%;
15338 margin-top: 0.25rem;
15339 font-size: 0.875em;
15340 color: #357a32;
15343 .valid-tooltip {
15344 position: absolute;
15345 top: 100%;
15346 left: 0;
15347 z-index: 5;
15348 display: none;
15349 max-width: 100%;
15350 padding: 0.25rem 0.5rem;
15351 margin-top: 0.1rem;
15352 font-size: 0.8203125rem;
15353 line-height: 1.5;
15354 color: #fff;
15355 background-color: rgba(53, 122, 50, 0.9);
15356 border-radius: 0.5rem;
15358 .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
15359 left: 5px;
15362 .was-validated :valid ~ .valid-feedback,
15363 .was-validated :valid ~ .valid-tooltip,
15364 .is-valid ~ .valid-feedback,
15365 .is-valid ~ .valid-tooltip {
15366 display: block;
15369 .was-validated .form-control:valid, .form-control.is-valid {
15370 border-color: #357a32;
15371 padding-right: calc(1.5em + 0.75rem) !important;
15372 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='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");
15373 background-repeat: no-repeat;
15374 background-position: right calc(0.375em + 0.1875rem) center;
15375 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15377 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
15378 border-color: #357a32;
15379 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15382 .was-validated select.form-control:valid, select.form-control.is-valid {
15383 padding-right: 3rem !important;
15384 background-position: right 1.5rem center;
15387 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
15388 padding-right: calc(1.5em + 0.75rem);
15389 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15392 .was-validated .custom-select:valid, .custom-select.is-valid {
15393 border-color: #357a32;
15394 padding-right: calc(0.75em + 2.3125rem) !important;
15395 background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='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;
15397 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
15398 border-color: #357a32;
15399 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15402 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
15403 color: #357a32;
15405 .was-validated .form-check-input:valid ~ .valid-feedback,
15406 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
15407 .form-check-input.is-valid ~ .valid-tooltip {
15408 display: block;
15411 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
15412 color: #357a32;
15414 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
15415 border-color: #357a32;
15417 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
15418 border-color: #459e41;
15419 background-color: #459e41;
15421 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
15422 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15424 .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 {
15425 border-color: #357a32;
15428 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
15429 border-color: #357a32;
15431 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
15432 border-color: #357a32;
15433 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15436 .invalid-feedback {
15437 display: none;
15438 width: 100%;
15439 margin-top: 0.25rem;
15440 font-size: 0.875em;
15441 color: #ca3120;
15444 .invalid-tooltip {
15445 position: absolute;
15446 top: 100%;
15447 left: 0;
15448 z-index: 5;
15449 display: none;
15450 max-width: 100%;
15451 padding: 0.25rem 0.5rem;
15452 margin-top: 0.1rem;
15453 font-size: 0.8203125rem;
15454 line-height: 1.5;
15455 color: #fff;
15456 background-color: rgba(202, 49, 32, 0.9);
15457 border-radius: 0.5rem;
15459 .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
15460 left: 5px;
15463 .was-validated :invalid ~ .invalid-feedback,
15464 .was-validated :invalid ~ .invalid-tooltip,
15465 .is-invalid ~ .invalid-feedback,
15466 .is-invalid ~ .invalid-tooltip {
15467 display: block;
15470 .was-validated .form-control:invalid, .form-control.is-invalid {
15471 border-color: #ca3120;
15472 padding-right: calc(1.5em + 0.75rem) !important;
15473 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");
15474 background-repeat: no-repeat;
15475 background-position: right calc(0.375em + 0.1875rem) center;
15476 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15478 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
15479 border-color: #ca3120;
15480 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15483 .was-validated select.form-control:invalid, select.form-control.is-invalid {
15484 padding-right: 3rem !important;
15485 background-position: right 1.5rem center;
15488 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
15489 padding-right: calc(1.5em + 0.75rem);
15490 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15493 .was-validated .custom-select:invalid, .custom-select.is-invalid {
15494 border-color: #ca3120;
15495 padding-right: calc(0.75em + 2.3125rem) !important;
15496 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;
15498 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
15499 border-color: #ca3120;
15500 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15503 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
15504 color: #ca3120;
15506 .was-validated .form-check-input:invalid ~ .invalid-feedback,
15507 .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
15508 .form-check-input.is-invalid ~ .invalid-tooltip {
15509 display: block;
15512 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
15513 color: #ca3120;
15515 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
15516 border-color: #ca3120;
15518 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
15519 border-color: #e04d3d;
15520 background-color: #e04d3d;
15522 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
15523 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15525 .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 {
15526 border-color: #ca3120;
15529 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
15530 border-color: #ca3120;
15532 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
15533 border-color: #ca3120;
15534 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15537 .form-inline {
15538 display: flex;
15539 flex-flow: row wrap;
15540 align-items: center;
15542 .form-inline .form-check {
15543 width: 100%;
15545 @media (min-width: 576px) {
15546 .form-inline label {
15547 display: flex;
15548 align-items: center;
15549 justify-content: center;
15550 margin-bottom: 0;
15552 .form-inline .form-group {
15553 display: flex;
15554 flex: 0 0 auto;
15555 flex-flow: row wrap;
15556 align-items: center;
15557 margin-bottom: 0;
15559 .form-inline .form-control {
15560 display: inline-block;
15561 width: auto;
15562 vertical-align: middle;
15564 .form-inline .form-control-plaintext {
15565 display: inline-block;
15567 .form-inline .input-group,
15568 .form-inline .custom-select {
15569 width: auto;
15571 .form-inline .form-check {
15572 display: flex;
15573 align-items: center;
15574 justify-content: center;
15575 width: auto;
15576 padding-left: 0;
15578 .form-inline .form-check-input {
15579 position: relative;
15580 flex-shrink: 0;
15581 margin-top: 0;
15582 margin-right: 0.25rem;
15583 margin-left: 0;
15585 .form-inline .custom-control {
15586 align-items: center;
15587 justify-content: center;
15589 .form-inline .custom-control-label {
15590 margin-bottom: 0;
15594 .btn {
15595 display: inline-block;
15596 font-weight: 400;
15597 color: #1d2125;
15598 text-align: center;
15599 vertical-align: middle;
15600 user-select: none;
15601 background-color: transparent;
15602 border: 1px solid transparent;
15603 padding: 0.375rem 0.75rem;
15604 font-size: 0.9375rem;
15605 line-height: 1.5;
15606 border-radius: 0.5rem;
15607 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;
15609 @media (max-width: 1200px) {
15610 .btn {
15611 font-size: calc(0.90375rem + 0.045vw);
15614 @media (prefers-reduced-motion: reduce) {
15615 .btn {
15616 transition: none;
15619 .btn:hover {
15620 color: #1d2125;
15621 text-decoration: none;
15623 .btn:focus, .btn.focus {
15624 outline: 0;
15625 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15627 .btn.disabled, .btn:disabled {
15628 opacity: 0.65;
15630 .btn:not(:disabled):not(.disabled) {
15631 cursor: pointer;
15633 a.btn.disabled,
15634 fieldset:disabled a.btn {
15635 pointer-events: none;
15638 .btn-primary {
15639 color: #fff;
15640 background-color: #0f6cbf;
15641 border-color: #0f6cbf;
15643 .btn-primary:hover {
15644 color: #fff;
15645 background-color: #0c589c;
15646 border-color: #0b5190;
15648 .btn-primary:focus, .btn-primary.focus {
15649 color: #fff;
15650 background-color: #0c589c;
15651 border-color: #0b5190;
15652 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15654 .btn-primary.disabled, .btn-primary:disabled {
15655 color: #fff;
15656 background-color: #0f6cbf;
15657 border-color: #0f6cbf;
15659 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
15660 color: #fff;
15661 background-color: #0b5190;
15662 border-color: #0a4b84;
15664 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
15665 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15668 .btn-secondary {
15669 color: #1d2125;
15670 background-color: #ced4da;
15671 border-color: #ced4da;
15673 .btn-secondary:hover {
15674 color: #1d2125;
15675 background-color: #b8c1ca;
15676 border-color: #b1bbc4;
15678 .btn-secondary:focus, .btn-secondary.focus {
15679 color: #1d2125;
15680 background-color: #b8c1ca;
15681 border-color: #b1bbc4;
15682 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15684 .btn-secondary.disabled, .btn-secondary:disabled {
15685 color: #1d2125;
15686 background-color: #ced4da;
15687 border-color: #ced4da;
15689 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
15690 color: #1d2125;
15691 background-color: #b1bbc4;
15692 border-color: #aab4bf;
15694 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
15695 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15698 .btn-success {
15699 color: #fff;
15700 background-color: #357a32;
15701 border-color: #357a32;
15703 .btn-success:hover {
15704 color: #fff;
15705 background-color: #295f27;
15706 border-color: #255623;
15708 .btn-success:focus, .btn-success.focus {
15709 color: #fff;
15710 background-color: #295f27;
15711 border-color: #255623;
15712 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15714 .btn-success.disabled, .btn-success:disabled {
15715 color: #fff;
15716 background-color: #357a32;
15717 border-color: #357a32;
15719 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
15720 color: #fff;
15721 background-color: #255623;
15722 border-color: #214d1f;
15724 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
15725 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15728 .btn-info {
15729 color: #fff;
15730 background-color: #008196;
15731 border-color: #008196;
15733 .btn-info:hover {
15734 color: #fff;
15735 background-color: #006070;
15736 border-color: #005563;
15738 .btn-info:focus, .btn-info.focus {
15739 color: #fff;
15740 background-color: #006070;
15741 border-color: #005563;
15742 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15744 .btn-info.disabled, .btn-info:disabled {
15745 color: #fff;
15746 background-color: #008196;
15747 border-color: #008196;
15749 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
15750 color: #fff;
15751 background-color: #005563;
15752 border-color: #004a56;
15754 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
15755 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15758 .btn-warning {
15759 color: #1d2125;
15760 background-color: #f0ad4e;
15761 border-color: #f0ad4e;
15763 .btn-warning:hover {
15764 color: #1d2125;
15765 background-color: #ed9d2b;
15766 border-color: #ec971f;
15768 .btn-warning:focus, .btn-warning.focus {
15769 color: #1d2125;
15770 background-color: #ed9d2b;
15771 border-color: #ec971f;
15772 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15774 .btn-warning.disabled, .btn-warning:disabled {
15775 color: #1d2125;
15776 background-color: #f0ad4e;
15777 border-color: #f0ad4e;
15779 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
15780 color: #1d2125;
15781 background-color: #ec971f;
15782 border-color: #ea9214;
15784 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
15785 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15788 .btn-danger {
15789 color: #fff;
15790 background-color: #ca3120;
15791 border-color: #ca3120;
15793 .btn-danger:hover {
15794 color: #fff;
15795 background-color: #a9291b;
15796 border-color: #9e2619;
15798 .btn-danger:focus, .btn-danger.focus {
15799 color: #fff;
15800 background-color: #a9291b;
15801 border-color: #9e2619;
15802 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15804 .btn-danger.disabled, .btn-danger:disabled {
15805 color: #fff;
15806 background-color: #ca3120;
15807 border-color: #ca3120;
15809 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
15810 color: #fff;
15811 background-color: #9e2619;
15812 border-color: #932417;
15814 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
15815 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15818 .btn-light {
15819 color: #1d2125;
15820 background-color: #f8f9fa;
15821 border-color: #f8f9fa;
15823 .btn-light:hover {
15824 color: #1d2125;
15825 background-color: #e2e6ea;
15826 border-color: #dae0e5;
15828 .btn-light:focus, .btn-light.focus {
15829 color: #1d2125;
15830 background-color: #e2e6ea;
15831 border-color: #dae0e5;
15832 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15834 .btn-light.disabled, .btn-light:disabled {
15835 color: #1d2125;
15836 background-color: #f8f9fa;
15837 border-color: #f8f9fa;
15839 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
15840 color: #1d2125;
15841 background-color: #dae0e5;
15842 border-color: #d3d9df;
15844 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
15845 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15848 .btn-dark {
15849 color: #fff;
15850 background-color: #343a40;
15851 border-color: #343a40;
15853 .btn-dark:hover {
15854 color: #fff;
15855 background-color: #23272b;
15856 border-color: #1d2124;
15858 .btn-dark:focus, .btn-dark.focus {
15859 color: #fff;
15860 background-color: #23272b;
15861 border-color: #1d2124;
15862 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15864 .btn-dark.disabled, .btn-dark:disabled {
15865 color: #fff;
15866 background-color: #343a40;
15867 border-color: #343a40;
15869 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
15870 color: #fff;
15871 background-color: #1d2124;
15872 border-color: #171a1d;
15874 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
15875 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15878 .btn-outline-primary {
15879 color: #0f6cbf;
15880 border-color: #0f6cbf;
15882 .btn-outline-primary:hover {
15883 color: #fff;
15884 background-color: #0f6cbf;
15885 border-color: #0f6cbf;
15887 .btn-outline-primary:focus, .btn-outline-primary.focus {
15888 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15890 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
15891 color: #0f6cbf;
15892 background-color: transparent;
15894 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
15895 color: #fff;
15896 background-color: #0f6cbf;
15897 border-color: #0f6cbf;
15899 .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 {
15900 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15903 .btn-outline-secondary {
15904 color: #ced4da;
15905 border-color: #ced4da;
15907 .btn-outline-secondary:hover {
15908 color: #1d2125;
15909 background-color: #ced4da;
15910 border-color: #ced4da;
15912 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
15913 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15915 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
15916 color: #ced4da;
15917 background-color: transparent;
15919 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
15920 color: #1d2125;
15921 background-color: #ced4da;
15922 border-color: #ced4da;
15924 .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 {
15925 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15928 .btn-outline-success {
15929 color: #357a32;
15930 border-color: #357a32;
15932 .btn-outline-success:hover {
15933 color: #fff;
15934 background-color: #357a32;
15935 border-color: #357a32;
15937 .btn-outline-success:focus, .btn-outline-success.focus {
15938 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15940 .btn-outline-success.disabled, .btn-outline-success:disabled {
15941 color: #357a32;
15942 background-color: transparent;
15944 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
15945 color: #fff;
15946 background-color: #357a32;
15947 border-color: #357a32;
15949 .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 {
15950 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15953 .btn-outline-info {
15954 color: #008196;
15955 border-color: #008196;
15957 .btn-outline-info:hover {
15958 color: #fff;
15959 background-color: #008196;
15960 border-color: #008196;
15962 .btn-outline-info:focus, .btn-outline-info.focus {
15963 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15965 .btn-outline-info.disabled, .btn-outline-info:disabled {
15966 color: #008196;
15967 background-color: transparent;
15969 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
15970 color: #fff;
15971 background-color: #008196;
15972 border-color: #008196;
15974 .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 {
15975 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15978 .btn-outline-warning {
15979 color: #f0ad4e;
15980 border-color: #f0ad4e;
15982 .btn-outline-warning:hover {
15983 color: #1d2125;
15984 background-color: #f0ad4e;
15985 border-color: #f0ad4e;
15987 .btn-outline-warning:focus, .btn-outline-warning.focus {
15988 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15990 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
15991 color: #f0ad4e;
15992 background-color: transparent;
15994 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
15995 color: #1d2125;
15996 background-color: #f0ad4e;
15997 border-color: #f0ad4e;
15999 .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 {
16000 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
16003 .btn-outline-danger {
16004 color: #ca3120;
16005 border-color: #ca3120;
16007 .btn-outline-danger:hover {
16008 color: #fff;
16009 background-color: #ca3120;
16010 border-color: #ca3120;
16012 .btn-outline-danger:focus, .btn-outline-danger.focus {
16013 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
16015 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
16016 color: #ca3120;
16017 background-color: transparent;
16019 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
16020 color: #fff;
16021 background-color: #ca3120;
16022 border-color: #ca3120;
16024 .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 {
16025 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
16028 .btn-outline-light {
16029 color: #f8f9fa;
16030 border-color: #f8f9fa;
16032 .btn-outline-light:hover {
16033 color: #1d2125;
16034 background-color: #f8f9fa;
16035 border-color: #f8f9fa;
16037 .btn-outline-light:focus, .btn-outline-light.focus {
16038 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
16040 .btn-outline-light.disabled, .btn-outline-light:disabled {
16041 color: #f8f9fa;
16042 background-color: transparent;
16044 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
16045 color: #1d2125;
16046 background-color: #f8f9fa;
16047 border-color: #f8f9fa;
16049 .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 {
16050 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
16053 .btn-outline-dark {
16054 color: #343a40;
16055 border-color: #343a40;
16057 .btn-outline-dark:hover {
16058 color: #fff;
16059 background-color: #343a40;
16060 border-color: #343a40;
16062 .btn-outline-dark:focus, .btn-outline-dark.focus {
16063 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
16065 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
16066 color: #343a40;
16067 background-color: transparent;
16069 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
16070 color: #fff;
16071 background-color: #343a40;
16072 border-color: #343a40;
16074 .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 {
16075 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
16078 .btn-link {
16079 font-weight: 400;
16080 color: #0f6cbf;
16081 text-decoration: none;
16083 .btn-link:hover {
16084 color: #094478;
16085 text-decoration: underline;
16087 .btn-link:focus, .btn-link.focus {
16088 text-decoration: underline;
16090 .btn-link:disabled, .btn-link.disabled {
16091 color: #6a737b;
16092 pointer-events: none;
16095 .btn-lg, .btn-group-lg > .btn {
16096 padding: 0.5rem 1rem;
16097 font-size: 1.171875rem;
16098 line-height: 1.5;
16099 border-radius: 0.6rem;
16101 @media (max-width: 1200px) {
16102 .btn-lg, .btn-group-lg > .btn {
16103 font-size: calc(0.9271875rem + 0.32625vw);
16107 .btn-sm, .btn-group-sm > .btn {
16108 padding: 0.25rem 0.5rem;
16109 font-size: 0.8203125rem;
16110 line-height: 1.5;
16111 border-radius: 0.2rem;
16114 .btn-block {
16115 display: block;
16116 width: 100%;
16118 .btn-block + .btn-block {
16119 margin-top: 0.5rem;
16122 input[type=submit].btn-block,
16123 input[type=reset].btn-block,
16124 input[type=button].btn-block {
16125 width: 100%;
16128 .fade {
16129 transition: opacity 0.15s linear;
16131 @media (prefers-reduced-motion: reduce) {
16132 .fade {
16133 transition: none;
16136 .fade:not(.show) {
16137 opacity: 0;
16140 .collapse:not(.show) {
16141 display: none;
16144 .collapsing {
16145 position: relative;
16146 height: 0;
16147 overflow: hidden;
16148 transition: height 0.35s ease;
16150 @media (prefers-reduced-motion: reduce) {
16151 .collapsing {
16152 transition: none;
16155 .collapsing.width {
16156 width: 0;
16157 height: auto;
16158 transition: width 0.35s ease;
16160 @media (prefers-reduced-motion: reduce) {
16161 .collapsing.width {
16162 transition: none;
16166 .dropup,
16167 .dropright,
16168 .dropdown,
16169 .dropleft {
16170 position: relative;
16173 .dropdown-toggle {
16174 white-space: nowrap;
16176 .dropdown-toggle::after {
16177 display: inline-block;
16178 margin-left: 0.255em;
16179 vertical-align: 0.255em;
16180 content: "";
16181 border-top: 0.3em solid;
16182 border-right: 0.3em solid transparent;
16183 border-bottom: 0;
16184 border-left: 0.3em solid transparent;
16186 .dropdown-toggle:empty::after {
16187 margin-left: 0;
16190 .dropdown-menu {
16191 position: absolute;
16192 top: 100%;
16193 left: 0;
16194 z-index: 1000;
16195 display: none;
16196 float: left;
16197 min-width: 10rem;
16198 padding: 0.5rem 0;
16199 margin: 0.125rem 0 0;
16200 font-size: 0.9375rem;
16201 color: #1d2125;
16202 text-align: left;
16203 list-style: none;
16204 background-color: #fff;
16205 background-clip: padding-box;
16206 border: 1px solid rgba(0, 0, 0, 0.15);
16207 border-radius: 0.5rem;
16209 @media (max-width: 1200px) {
16210 .dropdown-menu {
16211 font-size: calc(0.90375rem + 0.045vw);
16215 .dropdown-menu-left {
16216 right: auto;
16217 left: 0;
16220 .dropdown-menu-right {
16221 right: 0;
16222 left: auto;
16225 @media (min-width: 576px) {
16226 .dropdown-menu-sm-left {
16227 right: auto;
16228 left: 0;
16230 .dropdown-menu-sm-right {
16231 right: 0;
16232 left: auto;
16235 @media (min-width: 768px) {
16236 .dropdown-menu-md-left {
16237 right: auto;
16238 left: 0;
16240 .dropdown-menu-md-right {
16241 right: 0;
16242 left: auto;
16245 @media (min-width: 992px) {
16246 .dropdown-menu-lg-left {
16247 right: auto;
16248 left: 0;
16250 .dropdown-menu-lg-right {
16251 right: 0;
16252 left: auto;
16255 @media (min-width: 1200px) {
16256 .dropdown-menu-xl-left {
16257 right: auto;
16258 left: 0;
16260 .dropdown-menu-xl-right {
16261 right: 0;
16262 left: auto;
16265 .dropup .dropdown-menu {
16266 top: auto;
16267 bottom: 100%;
16268 margin-top: 0;
16269 margin-bottom: 0.125rem;
16271 .dropup .dropdown-toggle::after {
16272 display: inline-block;
16273 margin-left: 0.255em;
16274 vertical-align: 0.255em;
16275 content: "";
16276 border-top: 0;
16277 border-right: 0.3em solid transparent;
16278 border-bottom: 0.3em solid;
16279 border-left: 0.3em solid transparent;
16281 .dropup .dropdown-toggle:empty::after {
16282 margin-left: 0;
16285 .dropright .dropdown-menu {
16286 top: 0;
16287 right: auto;
16288 left: 100%;
16289 margin-top: 0;
16290 margin-left: 0.125rem;
16292 .dropright .dropdown-toggle::after {
16293 display: inline-block;
16294 margin-left: 0.255em;
16295 vertical-align: 0.255em;
16296 content: "";
16297 border-top: 0.3em solid transparent;
16298 border-right: 0;
16299 border-bottom: 0.3em solid transparent;
16300 border-left: 0.3em solid;
16302 .dropright .dropdown-toggle:empty::after {
16303 margin-left: 0;
16305 .dropright .dropdown-toggle::after {
16306 vertical-align: 0;
16309 .dropleft .dropdown-menu {
16310 top: 0;
16311 right: 100%;
16312 left: auto;
16313 margin-top: 0;
16314 margin-right: 0.125rem;
16316 .dropleft .dropdown-toggle::after {
16317 display: inline-block;
16318 margin-left: 0.255em;
16319 vertical-align: 0.255em;
16320 content: "";
16322 .dropleft .dropdown-toggle::after {
16323 display: none;
16325 .dropleft .dropdown-toggle::before {
16326 display: inline-block;
16327 margin-right: 0.255em;
16328 vertical-align: 0.255em;
16329 content: "";
16330 border-top: 0.3em solid transparent;
16331 border-right: 0.3em solid;
16332 border-bottom: 0.3em solid transparent;
16334 .dropleft .dropdown-toggle:empty::after {
16335 margin-left: 0;
16337 .dropleft .dropdown-toggle::before {
16338 vertical-align: 0;
16341 .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
16342 right: auto;
16343 bottom: auto;
16346 .dropdown-divider {
16347 height: 0;
16348 margin: 0.5rem 0;
16349 overflow: hidden;
16350 border-top: 1px solid #e9ecef;
16353 .dropdown-item {
16354 display: block;
16355 width: 100%;
16356 padding: 0.25rem 1.5rem;
16357 clear: both;
16358 font-weight: 400;
16359 color: #1d2125;
16360 text-align: inherit;
16361 white-space: nowrap;
16362 background-color: transparent;
16363 border: 0;
16365 .dropdown-item:hover, .dropdown-item:focus {
16366 color: #fff;
16367 text-decoration: none;
16368 background-color: #0f6cbf;
16370 .dropdown-item.active, .dropdown-item:active {
16371 color: #fff;
16372 text-decoration: none;
16373 background-color: #0f6cbf;
16375 .dropdown-item.disabled, .dropdown-item:disabled {
16376 color: #8f959e;
16377 pointer-events: none;
16378 background-color: transparent;
16381 .dropdown-menu.show {
16382 display: block;
16385 .dropdown-header {
16386 display: block;
16387 padding: 0.5rem 1.5rem;
16388 margin-bottom: 0;
16389 font-size: 0.8203125rem;
16390 color: #6a737b;
16391 white-space: nowrap;
16394 .dropdown-item-text {
16395 display: block;
16396 padding: 0.25rem 1.5rem;
16397 color: #1d2125;
16400 .btn-group,
16401 .btn-group-vertical {
16402 position: relative;
16403 display: inline-flex;
16404 vertical-align: middle;
16406 .btn-group > .btn,
16407 .btn-group-vertical > .btn {
16408 position: relative;
16409 flex: 1 1 auto;
16411 .btn-group > .btn:hover,
16412 .btn-group-vertical > .btn:hover {
16413 z-index: 1;
16415 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
16416 .btn-group-vertical > .btn:focus,
16417 .btn-group-vertical > .btn:active,
16418 .btn-group-vertical > .btn.active {
16419 z-index: 1;
16422 .btn-toolbar {
16423 display: flex;
16424 flex-wrap: wrap;
16425 justify-content: flex-start;
16427 .btn-toolbar .input-group {
16428 width: auto;
16431 .btn-group > .btn:not(:first-child),
16432 .btn-group > .btn-group:not(:first-child) {
16433 margin-left: -1px;
16435 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
16436 .btn-group > .btn-group:not(:last-child) > .btn {
16437 border-top-right-radius: 0;
16438 border-bottom-right-radius: 0;
16440 .btn-group > .btn:not(:first-child),
16441 .btn-group > .btn-group:not(:first-child) > .btn {
16442 border-top-left-radius: 0;
16443 border-bottom-left-radius: 0;
16446 .dropdown-toggle-split {
16447 padding-right: 0.5625rem;
16448 padding-left: 0.5625rem;
16450 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
16451 margin-left: 0;
16453 .dropleft .dropdown-toggle-split::before {
16454 margin-right: 0;
16457 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
16458 padding-right: 0.375rem;
16459 padding-left: 0.375rem;
16462 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
16463 padding-right: 0.75rem;
16464 padding-left: 0.75rem;
16467 .btn-group-vertical {
16468 flex-direction: column;
16469 align-items: flex-start;
16470 justify-content: center;
16472 .btn-group-vertical > .btn,
16473 .btn-group-vertical > .btn-group {
16474 width: 100%;
16476 .btn-group-vertical > .btn:not(:first-child),
16477 .btn-group-vertical > .btn-group:not(:first-child) {
16478 margin-top: -1px;
16480 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
16481 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
16482 border-bottom-right-radius: 0;
16483 border-bottom-left-radius: 0;
16485 .btn-group-vertical > .btn:not(:first-child),
16486 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
16487 border-top-left-radius: 0;
16488 border-top-right-radius: 0;
16491 .btn-group-toggle > .btn,
16492 .btn-group-toggle > .btn-group > .btn {
16493 margin-bottom: 0;
16495 .btn-group-toggle > .btn input[type=radio],
16496 .btn-group-toggle > .btn input[type=checkbox],
16497 .btn-group-toggle > .btn-group > .btn input[type=radio],
16498 .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
16499 position: absolute;
16500 clip: rect(0, 0, 0, 0);
16501 pointer-events: none;
16504 .input-group {
16505 position: relative;
16506 display: flex;
16507 flex-wrap: wrap;
16508 align-items: stretch;
16509 width: 100%;
16511 .input-group > .form-control,
16512 .input-group > .form-control-plaintext,
16513 .input-group > .custom-select,
16514 .input-group > .custom-file {
16515 position: relative;
16516 flex: 1 1 auto;
16517 width: 1%;
16518 min-width: 0;
16519 margin-bottom: 0;
16521 .input-group > .form-control + .form-control,
16522 .input-group > .form-control + .custom-select,
16523 .input-group > .form-control + .custom-file,
16524 .input-group > .form-control-plaintext + .form-control,
16525 .input-group > .form-control-plaintext + .custom-select,
16526 .input-group > .form-control-plaintext + .custom-file,
16527 .input-group > .custom-select + .form-control,
16528 .input-group > .custom-select + .custom-select,
16529 .input-group > .custom-select + .custom-file,
16530 .input-group > .custom-file + .form-control,
16531 .input-group > .custom-file + .custom-select,
16532 .input-group > .custom-file + .custom-file {
16533 margin-left: -1px;
16535 .input-group > .form-control:focus,
16536 .input-group > .custom-select:focus,
16537 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
16538 z-index: 3;
16540 .input-group > .custom-file .custom-file-input:focus {
16541 z-index: 4;
16543 .input-group > .form-control:not(:first-child),
16544 .input-group > .custom-select:not(:first-child) {
16545 border-top-left-radius: 0;
16546 border-bottom-left-radius: 0;
16548 .input-group > .custom-file {
16549 display: flex;
16550 align-items: center;
16552 .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
16553 border-top-right-radius: 0;
16554 border-bottom-right-radius: 0;
16556 .input-group > .custom-file:not(:first-child) .custom-file-label {
16557 border-top-left-radius: 0;
16558 border-bottom-left-radius: 0;
16560 .input-group:not(.has-validation) > .form-control:not(:last-child),
16561 .input-group:not(.has-validation) > .custom-select:not(:last-child),
16562 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
16563 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
16564 border-top-right-radius: 0;
16565 border-bottom-right-radius: 0;
16567 .input-group.has-validation > .form-control:nth-last-child(n+3),
16568 .input-group.has-validation > .custom-select:nth-last-child(n+3),
16569 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
16570 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
16571 border-top-right-radius: 0;
16572 border-bottom-right-radius: 0;
16575 .input-group-prepend,
16576 .input-group-append {
16577 display: flex;
16579 .input-group-prepend .btn,
16580 .input-group-append .btn {
16581 position: relative;
16582 z-index: 2;
16584 .input-group-prepend .btn:focus,
16585 .input-group-append .btn:focus {
16586 z-index: 3;
16588 .input-group-prepend .btn + .btn,
16589 .input-group-prepend .btn + .input-group-text,
16590 .input-group-prepend .input-group-text + .input-group-text,
16591 .input-group-prepend .input-group-text + .btn,
16592 .input-group-append .btn + .btn,
16593 .input-group-append .btn + .input-group-text,
16594 .input-group-append .input-group-text + .input-group-text,
16595 .input-group-append .input-group-text + .btn {
16596 margin-left: -1px;
16599 .input-group-prepend {
16600 margin-right: -1px;
16603 .input-group-append {
16604 margin-left: -1px;
16607 .input-group-text {
16608 display: flex;
16609 align-items: center;
16610 padding: 0.375rem 0.75rem;
16611 margin-bottom: 0;
16612 font-size: 0.9375rem;
16613 font-weight: 400;
16614 line-height: 1.5;
16615 color: #495057;
16616 text-align: center;
16617 white-space: nowrap;
16618 background-color: #e9ecef;
16619 border: 1px solid #8f959e;
16620 border-radius: 0.5rem;
16622 @media (max-width: 1200px) {
16623 .input-group-text {
16624 font-size: calc(0.90375rem + 0.045vw);
16627 .input-group-text input[type=radio],
16628 .input-group-text input[type=checkbox] {
16629 margin-top: 0;
16632 .input-group-lg > .form-control:not(textarea),
16633 .input-group-lg > .custom-select {
16634 height: calc(1.5em + 1rem + 2px);
16637 .input-group-lg > .form-control,
16638 .input-group-lg > .custom-select,
16639 .input-group-lg > .input-group-prepend > .input-group-text,
16640 .input-group-lg > .input-group-append > .input-group-text,
16641 .input-group-lg > .input-group-prepend > .btn,
16642 .input-group-lg > .input-group-append > .btn {
16643 padding: 0.5rem 1rem;
16644 font-size: 1.171875rem;
16645 line-height: 1.5;
16646 border-radius: 0.6rem;
16648 @media (max-width: 1200px) {
16649 .input-group-lg > .form-control,
16650 .input-group-lg > .custom-select,
16651 .input-group-lg > .input-group-prepend > .input-group-text,
16652 .input-group-lg > .input-group-append > .input-group-text,
16653 .input-group-lg > .input-group-prepend > .btn,
16654 .input-group-lg > .input-group-append > .btn {
16655 font-size: calc(0.9271875rem + 0.32625vw);
16659 .input-group-sm > .form-control:not(textarea),
16660 .input-group-sm > .custom-select {
16661 height: calc(1.5em + 0.5rem + 2px);
16664 .input-group-sm > .form-control,
16665 .input-group-sm > .custom-select,
16666 .input-group-sm > .input-group-prepend > .input-group-text,
16667 .input-group-sm > .input-group-append > .input-group-text,
16668 .input-group-sm > .input-group-prepend > .btn,
16669 .input-group-sm > .input-group-append > .btn {
16670 padding: 0.25rem 0.5rem;
16671 font-size: 0.8203125rem;
16672 line-height: 1.5;
16673 border-radius: 0.2rem;
16676 .input-group-lg > .custom-select,
16677 .input-group-sm > .custom-select {
16678 padding-right: 1.75rem;
16681 .input-group > .input-group-prepend > .btn,
16682 .input-group > .input-group-prepend > .input-group-text,
16683 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
16684 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
16685 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
16686 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
16687 .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
16688 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
16689 border-top-right-radius: 0;
16690 border-bottom-right-radius: 0;
16693 .input-group > .input-group-append > .btn,
16694 .input-group > .input-group-append > .input-group-text,
16695 .input-group > .input-group-prepend:not(:first-child) > .btn,
16696 .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
16697 .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
16698 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
16699 border-top-left-radius: 0;
16700 border-bottom-left-radius: 0;
16703 .custom-control {
16704 position: relative;
16705 z-index: 1;
16706 display: block;
16707 min-height: 1.40625rem;
16708 padding-left: 1.75rem;
16709 print-color-adjust: exact;
16712 .custom-control-inline {
16713 display: inline-flex;
16714 margin-right: 1rem;
16717 .custom-control-input {
16718 position: absolute;
16719 left: 0;
16720 z-index: -1;
16721 width: 1.25rem;
16722 height: 1.328125rem;
16723 opacity: 0;
16725 .custom-control-input:checked ~ .custom-control-label::before {
16726 color: #fff;
16727 border-color: #0f6cbf;
16728 background-color: #0f6cbf;
16730 .custom-control-input:focus ~ .custom-control-label::before {
16731 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16733 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
16734 border-color: #5babf2;
16736 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
16737 color: #fff;
16738 background-color: #8bc3f6;
16739 border-color: #8bc3f6;
16741 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
16742 color: #6a737b;
16744 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
16745 background-color: #e9ecef;
16748 .custom-control-label {
16749 position: relative;
16750 margin-bottom: 0;
16751 vertical-align: top;
16753 .custom-control-label::before {
16754 position: absolute;
16755 top: 0.078125rem;
16756 left: -1.75rem;
16757 display: block;
16758 width: 1.25rem;
16759 height: 1.25rem;
16760 pointer-events: none;
16761 content: "";
16762 background-color: #fff;
16763 border: 1px solid #8f959e;
16765 .custom-control-label::after {
16766 position: absolute;
16767 top: 0.078125rem;
16768 left: -1.75rem;
16769 display: block;
16770 width: 1.25rem;
16771 height: 1.25rem;
16772 content: "";
16773 background: 50%/50% 50% no-repeat;
16776 .custom-checkbox .custom-control-label::before {
16777 border-radius: 0.5rem;
16779 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
16780 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");
16782 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
16783 border-color: #0f6cbf;
16784 background-color: #0f6cbf;
16786 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
16787 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");
16789 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
16790 background-color: rgba(15, 108, 191, 0.5);
16792 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
16793 background-color: rgba(15, 108, 191, 0.5);
16796 .custom-radio .custom-control-label::before {
16797 border-radius: 50%;
16799 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
16800 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");
16802 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
16803 background-color: rgba(15, 108, 191, 0.5);
16806 .custom-switch {
16807 padding-left: 2.6875rem;
16809 .custom-switch .custom-control-label::before {
16810 left: -2.6875rem;
16811 width: 2.1875rem;
16812 pointer-events: all;
16813 border-radius: 0.625rem;
16815 .custom-switch .custom-control-label::after {
16816 top: calc(0.078125rem + 2px);
16817 left: calc(-2.6875rem + 2px);
16818 width: calc(1.25rem - 4px);
16819 height: calc(1.25rem - 4px);
16820 background-color: #8f959e;
16821 border-radius: 0.625rem;
16822 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;
16824 @media (prefers-reduced-motion: reduce) {
16825 .custom-switch .custom-control-label::after {
16826 transition: none;
16829 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
16830 background-color: #fff;
16831 transform: translateX(0.9375rem);
16833 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
16834 background-color: rgba(15, 108, 191, 0.5);
16837 .custom-select {
16838 display: inline-block;
16839 width: 100%;
16840 height: calc(1.5em + 0.75rem + 2px);
16841 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
16842 font-size: 0.9375rem;
16843 font-weight: 400;
16844 line-height: 1.5;
16845 color: #495057;
16846 vertical-align: middle;
16847 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;
16848 border: 1px solid #8f959e;
16849 border-radius: 0.5rem;
16850 appearance: none;
16852 @media (max-width: 1200px) {
16853 .custom-select {
16854 font-size: calc(0.90375rem + 0.045vw);
16857 .custom-select:focus {
16858 border-color: #5babf2;
16859 outline: 0;
16860 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16862 .custom-select:focus::-ms-value {
16863 color: #495057;
16864 background-color: #fff;
16866 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
16867 height: auto;
16868 padding-right: 0.75rem;
16869 background-image: none;
16871 .custom-select:disabled {
16872 color: #6a737b;
16873 background-color: #e9ecef;
16875 .custom-select::-ms-expand {
16876 display: none;
16878 .custom-select:-moz-focusring {
16879 color: transparent;
16880 text-shadow: 0 0 0 #495057;
16883 .custom-select-sm {
16884 height: calc(1.5em + 0.5rem + 2px);
16885 padding-top: 0.25rem;
16886 padding-bottom: 0.25rem;
16887 padding-left: 0.5rem;
16888 font-size: 0.8203125rem;
16891 .custom-select-lg {
16892 height: calc(1.5em + 1rem + 2px);
16893 padding-top: 0.5rem;
16894 padding-bottom: 0.5rem;
16895 padding-left: 1rem;
16896 font-size: 1.171875rem;
16898 @media (max-width: 1200px) {
16899 .custom-select-lg {
16900 font-size: calc(0.9271875rem + 0.32625vw);
16904 .custom-file {
16905 position: relative;
16906 display: inline-block;
16907 width: 100%;
16908 height: calc(1.5em + 0.75rem + 2px);
16909 margin-bottom: 0;
16912 .custom-file-input {
16913 position: relative;
16914 z-index: 2;
16915 width: 100%;
16916 height: calc(1.5em + 0.75rem + 2px);
16917 margin: 0;
16918 overflow: hidden;
16919 opacity: 0;
16921 .custom-file-input:focus ~ .custom-file-label {
16922 border-color: #5babf2;
16923 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16925 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
16926 background-color: #e9ecef;
16928 .custom-file-input:lang(en) ~ .custom-file-label::after {
16929 content: "Browse";
16931 .custom-file-input ~ .custom-file-label[data-browse]::after {
16932 content: attr(data-browse);
16935 .custom-file-label {
16936 position: absolute;
16937 top: 0;
16938 right: 0;
16939 left: 0;
16940 z-index: 1;
16941 height: calc(1.5em + 0.75rem + 2px);
16942 padding: 0.375rem 0.75rem;
16943 overflow: hidden;
16944 font-weight: 400;
16945 line-height: 1.5;
16946 color: #495057;
16947 background-color: #fff;
16948 border: 1px solid #8f959e;
16949 border-radius: 0.5rem;
16951 .custom-file-label::after {
16952 position: absolute;
16953 top: 0;
16954 right: 0;
16955 bottom: 0;
16956 z-index: 3;
16957 display: block;
16958 height: calc(1.5em + 0.75rem);
16959 padding: 0.375rem 0.75rem;
16960 line-height: 1.5;
16961 color: #495057;
16962 content: "Browse";
16963 background-color: #e9ecef;
16964 border-left: inherit;
16965 border-radius: 0 0.5rem 0.5rem 0;
16968 .custom-range {
16969 width: 100%;
16970 height: 1.4rem;
16971 padding: 0;
16972 background-color: transparent;
16973 appearance: none;
16975 .custom-range:focus {
16976 outline: 0;
16978 .custom-range:focus::-webkit-slider-thumb {
16979 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16981 .custom-range:focus::-moz-range-thumb {
16982 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16984 .custom-range:focus::-ms-thumb {
16985 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16987 .custom-range::-moz-focus-outer {
16988 border: 0;
16990 .custom-range::-webkit-slider-thumb {
16991 width: 1rem;
16992 height: 1rem;
16993 margin-top: -0.25rem;
16994 background-color: #0f6cbf;
16995 border: 0;
16996 border-radius: 1rem;
16997 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16998 appearance: none;
17000 @media (prefers-reduced-motion: reduce) {
17001 .custom-range::-webkit-slider-thumb {
17002 transition: none;
17005 .custom-range::-webkit-slider-thumb:active {
17006 background-color: #8bc3f6;
17008 .custom-range::-webkit-slider-runnable-track {
17009 width: 100%;
17010 height: 0.5rem;
17011 color: transparent;
17012 cursor: pointer;
17013 background-color: #dee2e6;
17014 border-color: transparent;
17015 border-radius: 1rem;
17017 .custom-range::-moz-range-thumb {
17018 width: 1rem;
17019 height: 1rem;
17020 background-color: #0f6cbf;
17021 border: 0;
17022 border-radius: 1rem;
17023 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17024 appearance: none;
17026 @media (prefers-reduced-motion: reduce) {
17027 .custom-range::-moz-range-thumb {
17028 transition: none;
17031 .custom-range::-moz-range-thumb:active {
17032 background-color: #8bc3f6;
17034 .custom-range::-moz-range-track {
17035 width: 100%;
17036 height: 0.5rem;
17037 color: transparent;
17038 cursor: pointer;
17039 background-color: #dee2e6;
17040 border-color: transparent;
17041 border-radius: 1rem;
17043 .custom-range::-ms-thumb {
17044 width: 1rem;
17045 height: 1rem;
17046 margin-top: 0;
17047 margin-right: 0.2rem;
17048 margin-left: 0.2rem;
17049 background-color: #0f6cbf;
17050 border: 0;
17051 border-radius: 1rem;
17052 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17053 appearance: none;
17055 @media (prefers-reduced-motion: reduce) {
17056 .custom-range::-ms-thumb {
17057 transition: none;
17060 .custom-range::-ms-thumb:active {
17061 background-color: #8bc3f6;
17063 .custom-range::-ms-track {
17064 width: 100%;
17065 height: 0.5rem;
17066 color: transparent;
17067 cursor: pointer;
17068 background-color: transparent;
17069 border-color: transparent;
17070 border-width: 0.5rem;
17072 .custom-range::-ms-fill-lower {
17073 background-color: #dee2e6;
17074 border-radius: 1rem;
17076 .custom-range::-ms-fill-upper {
17077 margin-right: 15px;
17078 background-color: #dee2e6;
17079 border-radius: 1rem;
17081 .custom-range:disabled::-webkit-slider-thumb {
17082 background-color: #8f959e;
17084 .custom-range:disabled::-webkit-slider-runnable-track {
17085 cursor: default;
17087 .custom-range:disabled::-moz-range-thumb {
17088 background-color: #8f959e;
17090 .custom-range:disabled::-moz-range-track {
17091 cursor: default;
17093 .custom-range:disabled::-ms-thumb {
17094 background-color: #8f959e;
17097 .custom-control-label::before,
17098 .custom-file-label,
17099 .custom-select {
17100 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
17102 @media (prefers-reduced-motion: reduce) {
17103 .custom-control-label::before,
17104 .custom-file-label,
17105 .custom-select {
17106 transition: none;
17110 .nav {
17111 display: flex;
17112 flex-wrap: wrap;
17113 padding-left: 0;
17114 margin-bottom: 0;
17115 list-style: none;
17118 .nav-link {
17119 display: block;
17120 padding: 0.5rem 1rem;
17122 .nav-link:hover, .nav-link:focus {
17123 text-decoration: none;
17125 .nav-link.disabled {
17126 color: #6a737b;
17127 pointer-events: none;
17128 cursor: default;
17131 .nav-tabs {
17132 border-bottom: 1px solid #dee2e6;
17134 .nav-tabs .nav-link {
17135 margin-bottom: -1px;
17136 background-color: transparent;
17137 border: 1px solid transparent;
17138 border-top-left-radius: 0.5rem;
17139 border-top-right-radius: 0.5rem;
17141 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
17142 isolation: isolate;
17143 border-color: #e9ecef #e9ecef #dee2e6;
17145 .nav-tabs .nav-link.disabled {
17146 color: #6a737b;
17147 background-color: transparent;
17148 border-color: transparent;
17150 .nav-tabs .nav-link.active,
17151 .nav-tabs .nav-item.show .nav-link {
17152 color: #495057;
17153 background-color: #fff;
17154 border-color: #dee2e6 #dee2e6 #fff;
17156 .nav-tabs .dropdown-menu {
17157 margin-top: -1px;
17158 border-top-left-radius: 0;
17159 border-top-right-radius: 0;
17162 .nav-pills .nav-link {
17163 background: none;
17164 border: 0;
17165 border-radius: 0.5rem;
17167 .nav-pills .nav-link.active,
17168 .nav-pills .show > .nav-link {
17169 color: #fff;
17170 background-color: #0f6cbf;
17173 .nav-fill > .nav-link,
17174 .nav-fill .nav-item {
17175 flex: 1 1 auto;
17176 text-align: center;
17179 .nav-justified > .nav-link,
17180 .nav-justified .nav-item {
17181 flex-basis: 0;
17182 flex-grow: 1;
17183 text-align: center;
17186 .tab-content > .tab-pane {
17187 display: none;
17189 .tab-content > .active {
17190 display: block;
17193 .navbar {
17194 position: relative;
17195 display: flex;
17196 flex-wrap: wrap;
17197 align-items: center;
17198 justify-content: space-between;
17199 padding: 0.5rem 1rem;
17201 .navbar .container,
17202 .navbar .container-fluid,
17203 .navbar .container-sm,
17204 .navbar .container-md,
17205 .navbar .container-lg,
17206 .navbar .container-xl {
17207 display: flex;
17208 flex-wrap: wrap;
17209 align-items: center;
17210 justify-content: space-between;
17212 .navbar-brand {
17213 display: inline-block;
17214 padding-top: 0.32421875rem;
17215 padding-bottom: 0.32421875rem;
17216 margin-right: 1rem;
17217 font-size: 1.171875rem;
17218 line-height: inherit;
17219 white-space: nowrap;
17221 @media (max-width: 1200px) {
17222 .navbar-brand {
17223 font-size: calc(0.9271875rem + 0.32625vw);
17226 .navbar-brand:hover, .navbar-brand:focus {
17227 text-decoration: none;
17230 .navbar-nav {
17231 display: flex;
17232 flex-direction: column;
17233 padding-left: 0;
17234 margin-bottom: 0;
17235 list-style: none;
17237 .navbar-nav .nav-link {
17238 padding-right: 0;
17239 padding-left: 0;
17241 .navbar-nav .dropdown-menu {
17242 position: static;
17243 float: none;
17246 .navbar-text {
17247 display: inline-block;
17248 padding-top: 0.5rem;
17249 padding-bottom: 0.5rem;
17252 .navbar-collapse {
17253 flex-basis: 100%;
17254 flex-grow: 1;
17255 align-items: center;
17258 .navbar-toggler {
17259 padding: 0.25rem 0.75rem;
17260 font-size: 1.171875rem;
17261 line-height: 1;
17262 background-color: transparent;
17263 border: 1px solid transparent;
17264 border-radius: 0.5rem;
17266 @media (max-width: 1200px) {
17267 .navbar-toggler {
17268 font-size: calc(0.9271875rem + 0.32625vw);
17271 .navbar-toggler:hover, .navbar-toggler:focus {
17272 text-decoration: none;
17275 .navbar-toggler-icon {
17276 display: inline-block;
17277 width: 1.5em;
17278 height: 1.5em;
17279 vertical-align: middle;
17280 content: "";
17281 background: 50%/100% 100% no-repeat;
17284 .navbar-nav-scroll {
17285 max-height: 75vh;
17286 overflow-y: auto;
17289 @media (max-width: 575.98px) {
17290 .navbar-expand-sm > .container,
17291 .navbar-expand-sm > .container-fluid,
17292 .navbar-expand-sm > .container-sm,
17293 .navbar-expand-sm > .container-md,
17294 .navbar-expand-sm > .container-lg,
17295 .navbar-expand-sm > .container-xl {
17296 padding-right: 0;
17297 padding-left: 0;
17300 @media (min-width: 576px) {
17301 .navbar-expand-sm {
17302 flex-flow: row nowrap;
17303 justify-content: flex-start;
17305 .navbar-expand-sm .navbar-nav {
17306 flex-direction: row;
17308 .navbar-expand-sm .navbar-nav .dropdown-menu {
17309 position: absolute;
17311 .navbar-expand-sm .navbar-nav .nav-link {
17312 padding-right: 0.5rem;
17313 padding-left: 0.5rem;
17315 .navbar-expand-sm > .container,
17316 .navbar-expand-sm > .container-fluid,
17317 .navbar-expand-sm > .container-sm,
17318 .navbar-expand-sm > .container-md,
17319 .navbar-expand-sm > .container-lg,
17320 .navbar-expand-sm > .container-xl {
17321 flex-wrap: nowrap;
17323 .navbar-expand-sm .navbar-nav-scroll {
17324 overflow: visible;
17326 .navbar-expand-sm .navbar-collapse {
17327 display: flex !important;
17328 flex-basis: auto;
17330 .navbar-expand-sm .navbar-toggler {
17331 display: none;
17334 @media (max-width: 767.98px) {
17335 .navbar-expand-md > .container,
17336 .navbar-expand-md > .container-fluid,
17337 .navbar-expand-md > .container-sm,
17338 .navbar-expand-md > .container-md,
17339 .navbar-expand-md > .container-lg,
17340 .navbar-expand-md > .container-xl {
17341 padding-right: 0;
17342 padding-left: 0;
17345 @media (min-width: 768px) {
17346 .navbar-expand-md {
17347 flex-flow: row nowrap;
17348 justify-content: flex-start;
17350 .navbar-expand-md .navbar-nav {
17351 flex-direction: row;
17353 .navbar-expand-md .navbar-nav .dropdown-menu {
17354 position: absolute;
17356 .navbar-expand-md .navbar-nav .nav-link {
17357 padding-right: 0.5rem;
17358 padding-left: 0.5rem;
17360 .navbar-expand-md > .container,
17361 .navbar-expand-md > .container-fluid,
17362 .navbar-expand-md > .container-sm,
17363 .navbar-expand-md > .container-md,
17364 .navbar-expand-md > .container-lg,
17365 .navbar-expand-md > .container-xl {
17366 flex-wrap: nowrap;
17368 .navbar-expand-md .navbar-nav-scroll {
17369 overflow: visible;
17371 .navbar-expand-md .navbar-collapse {
17372 display: flex !important;
17373 flex-basis: auto;
17375 .navbar-expand-md .navbar-toggler {
17376 display: none;
17379 @media (max-width: 991.98px) {
17380 .navbar-expand-lg > .container,
17381 .navbar-expand-lg > .container-fluid,
17382 .navbar-expand-lg > .container-sm,
17383 .navbar-expand-lg > .container-md,
17384 .navbar-expand-lg > .container-lg,
17385 .navbar-expand-lg > .container-xl {
17386 padding-right: 0;
17387 padding-left: 0;
17390 @media (min-width: 992px) {
17391 .navbar-expand-lg {
17392 flex-flow: row nowrap;
17393 justify-content: flex-start;
17395 .navbar-expand-lg .navbar-nav {
17396 flex-direction: row;
17398 .navbar-expand-lg .navbar-nav .dropdown-menu {
17399 position: absolute;
17401 .navbar-expand-lg .navbar-nav .nav-link {
17402 padding-right: 0.5rem;
17403 padding-left: 0.5rem;
17405 .navbar-expand-lg > .container,
17406 .navbar-expand-lg > .container-fluid,
17407 .navbar-expand-lg > .container-sm,
17408 .navbar-expand-lg > .container-md,
17409 .navbar-expand-lg > .container-lg,
17410 .navbar-expand-lg > .container-xl {
17411 flex-wrap: nowrap;
17413 .navbar-expand-lg .navbar-nav-scroll {
17414 overflow: visible;
17416 .navbar-expand-lg .navbar-collapse {
17417 display: flex !important;
17418 flex-basis: auto;
17420 .navbar-expand-lg .navbar-toggler {
17421 display: none;
17424 @media (max-width: 1199.98px) {
17425 .navbar-expand-xl > .container,
17426 .navbar-expand-xl > .container-fluid,
17427 .navbar-expand-xl > .container-sm,
17428 .navbar-expand-xl > .container-md,
17429 .navbar-expand-xl > .container-lg,
17430 .navbar-expand-xl > .container-xl {
17431 padding-right: 0;
17432 padding-left: 0;
17435 @media (min-width: 1200px) {
17436 .navbar-expand-xl {
17437 flex-flow: row nowrap;
17438 justify-content: flex-start;
17440 .navbar-expand-xl .navbar-nav {
17441 flex-direction: row;
17443 .navbar-expand-xl .navbar-nav .dropdown-menu {
17444 position: absolute;
17446 .navbar-expand-xl .navbar-nav .nav-link {
17447 padding-right: 0.5rem;
17448 padding-left: 0.5rem;
17450 .navbar-expand-xl > .container,
17451 .navbar-expand-xl > .container-fluid,
17452 .navbar-expand-xl > .container-sm,
17453 .navbar-expand-xl > .container-md,
17454 .navbar-expand-xl > .container-lg,
17455 .navbar-expand-xl > .container-xl {
17456 flex-wrap: nowrap;
17458 .navbar-expand-xl .navbar-nav-scroll {
17459 overflow: visible;
17461 .navbar-expand-xl .navbar-collapse {
17462 display: flex !important;
17463 flex-basis: auto;
17465 .navbar-expand-xl .navbar-toggler {
17466 display: none;
17469 .navbar-expand {
17470 flex-flow: row nowrap;
17471 justify-content: flex-start;
17473 .navbar-expand > .container,
17474 .navbar-expand > .container-fluid,
17475 .navbar-expand > .container-sm,
17476 .navbar-expand > .container-md,
17477 .navbar-expand > .container-lg,
17478 .navbar-expand > .container-xl {
17479 padding-right: 0;
17480 padding-left: 0;
17482 .navbar-expand .navbar-nav {
17483 flex-direction: row;
17485 .navbar-expand .navbar-nav .dropdown-menu {
17486 position: absolute;
17488 .navbar-expand .navbar-nav .nav-link {
17489 padding-right: 0.5rem;
17490 padding-left: 0.5rem;
17492 .navbar-expand > .container,
17493 .navbar-expand > .container-fluid,
17494 .navbar-expand > .container-sm,
17495 .navbar-expand > .container-md,
17496 .navbar-expand > .container-lg,
17497 .navbar-expand > .container-xl {
17498 flex-wrap: nowrap;
17500 .navbar-expand .navbar-nav-scroll {
17501 overflow: visible;
17503 .navbar-expand .navbar-collapse {
17504 display: flex !important;
17505 flex-basis: auto;
17507 .navbar-expand .navbar-toggler {
17508 display: none;
17511 .navbar-light .navbar-brand {
17512 color: rgba(0, 0, 0, 0.9);
17514 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
17515 color: rgba(0, 0, 0, 0.9);
17517 .navbar-light .navbar-nav .nav-link {
17518 color: rgba(0, 0, 0, 0.6);
17520 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
17521 color: rgba(0, 0, 0, 0.9);
17523 .navbar-light .navbar-nav .nav-link.disabled {
17524 color: rgba(0, 0, 0, 0.3);
17526 .navbar-light .navbar-nav .show > .nav-link,
17527 .navbar-light .navbar-nav .active > .nav-link,
17528 .navbar-light .navbar-nav .nav-link.show,
17529 .navbar-light .navbar-nav .nav-link.active {
17530 color: rgba(0, 0, 0, 0.9);
17532 .navbar-light .navbar-toggler {
17533 color: rgba(0, 0, 0, 0.6);
17534 border-color: rgba(0, 0, 0, 0.1);
17536 .navbar-light .navbar-toggler-icon {
17537 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");
17539 .navbar-light .navbar-text {
17540 color: rgba(0, 0, 0, 0.6);
17542 .navbar-light .navbar-text a {
17543 color: rgba(0, 0, 0, 0.9);
17545 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
17546 color: rgba(0, 0, 0, 0.9);
17549 .navbar-dark .navbar-brand {
17550 color: #fff;
17552 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
17553 color: #fff;
17555 .navbar-dark .navbar-nav .nav-link {
17556 color: rgba(255, 255, 255, 0.5);
17558 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
17559 color: white;
17561 .navbar-dark .navbar-nav .nav-link.disabled {
17562 color: rgba(255, 255, 255, 0.25);
17564 .navbar-dark .navbar-nav .show > .nav-link,
17565 .navbar-dark .navbar-nav .active > .nav-link,
17566 .navbar-dark .navbar-nav .nav-link.show,
17567 .navbar-dark .navbar-nav .nav-link.active {
17568 color: #fff;
17570 .navbar-dark .navbar-toggler {
17571 color: rgba(255, 255, 255, 0.5);
17572 border-color: rgba(255, 255, 255, 0.1);
17574 .navbar-dark .navbar-toggler-icon {
17575 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");
17577 .navbar-dark .navbar-text {
17578 color: rgba(255, 255, 255, 0.5);
17580 .navbar-dark .navbar-text a {
17581 color: #fff;
17583 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
17584 color: #fff;
17587 .card {
17588 position: relative;
17589 display: flex;
17590 flex-direction: column;
17591 min-width: 0;
17592 word-wrap: break-word;
17593 background-color: #fff;
17594 background-clip: border-box;
17595 border: 1px solid rgba(0, 0, 0, 0.125);
17596 border-radius: 0.5rem;
17598 .card > hr {
17599 margin-right: 0;
17600 margin-left: 0;
17602 .card > .list-group {
17603 border-top: inherit;
17604 border-bottom: inherit;
17606 .card > .list-group:first-child {
17607 border-top-width: 0;
17608 border-top-left-radius: calc(0.5rem - 1px);
17609 border-top-right-radius: calc(0.5rem - 1px);
17611 .card > .list-group:last-child {
17612 border-bottom-width: 0;
17613 border-bottom-right-radius: calc(0.5rem - 1px);
17614 border-bottom-left-radius: calc(0.5rem - 1px);
17616 .card > .card-header + .list-group,
17617 .card > .list-group + .card-footer {
17618 border-top: 0;
17621 .card-body {
17622 flex: 1 1 auto;
17623 min-height: 1px;
17624 padding: 1.25rem;
17627 .card-title {
17628 margin-bottom: 0.75rem;
17631 .card-subtitle {
17632 margin-top: -0.375rem;
17633 margin-bottom: 0;
17636 .card-text:last-child {
17637 margin-bottom: 0;
17640 .card-link:hover {
17641 text-decoration: none;
17643 .card-link + .card-link {
17644 margin-left: 1.25rem;
17647 .card-header {
17648 padding: 0.75rem 1.25rem;
17649 margin-bottom: 0;
17650 background-color: rgba(0, 0, 0, 0.03);
17651 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
17653 .card-header:first-child {
17654 border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
17657 .card-footer {
17658 padding: 0.75rem 1.25rem;
17659 background-color: rgba(0, 0, 0, 0.03);
17660 border-top: 1px solid rgba(0, 0, 0, 0.125);
17662 .card-footer:last-child {
17663 border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
17666 .card-header-tabs {
17667 margin-right: -0.625rem;
17668 margin-bottom: -0.75rem;
17669 margin-left: -0.625rem;
17670 border-bottom: 0;
17673 .card-header-pills {
17674 margin-right: -0.625rem;
17675 margin-left: -0.625rem;
17678 .card-img-overlay {
17679 position: absolute;
17680 top: 0;
17681 right: 0;
17682 bottom: 0;
17683 left: 0;
17684 padding: 1.25rem;
17685 border-radius: calc(0.5rem - 1px);
17688 .card-img,
17689 .card-img-top,
17690 .card-img-bottom {
17691 flex-shrink: 0;
17692 width: 100%;
17695 .card-img,
17696 .card-img-top {
17697 border-top-left-radius: calc(0.5rem - 1px);
17698 border-top-right-radius: calc(0.5rem - 1px);
17701 .card-img,
17702 .card-img-bottom {
17703 border-bottom-right-radius: calc(0.5rem - 1px);
17704 border-bottom-left-radius: calc(0.5rem - 1px);
17707 .card-deck .card {
17708 margin-bottom: 0.25rem;
17710 @media (min-width: 576px) {
17711 .card-deck {
17712 display: flex;
17713 flex-flow: row wrap;
17714 margin-right: -0.25rem;
17715 margin-left: -0.25rem;
17717 .card-deck .card {
17718 flex: 1 0 0%;
17719 margin-right: 0.25rem;
17720 margin-bottom: 0;
17721 margin-left: 0.25rem;
17725 .card-group > .card {
17726 margin-bottom: 0.25rem;
17728 @media (min-width: 576px) {
17729 .card-group {
17730 display: flex;
17731 flex-flow: row wrap;
17733 .card-group > .card {
17734 flex: 1 0 0%;
17735 margin-bottom: 0;
17737 .card-group > .card + .card {
17738 margin-left: 0;
17739 border-left: 0;
17741 .card-group > .card:not(:last-child) {
17742 border-top-right-radius: 0;
17743 border-bottom-right-radius: 0;
17745 .card-group > .card:not(:last-child) .card-img-top,
17746 .card-group > .card:not(:last-child) .card-header {
17747 border-top-right-radius: 0;
17749 .card-group > .card:not(:last-child) .card-img-bottom,
17750 .card-group > .card:not(:last-child) .card-footer {
17751 border-bottom-right-radius: 0;
17753 .card-group > .card:not(:first-child) {
17754 border-top-left-radius: 0;
17755 border-bottom-left-radius: 0;
17757 .card-group > .card:not(:first-child) .card-img-top,
17758 .card-group > .card:not(:first-child) .card-header {
17759 border-top-left-radius: 0;
17761 .card-group > .card:not(:first-child) .card-img-bottom,
17762 .card-group > .card:not(:first-child) .card-footer {
17763 border-bottom-left-radius: 0;
17767 .card-columns .card {
17768 margin-bottom: 0.75rem;
17770 @media (min-width: 576px) {
17771 .card-columns {
17772 column-count: 3;
17773 column-gap: 1.25rem;
17774 orphans: 1;
17775 widows: 1;
17777 .card-columns .card {
17778 display: inline-block;
17779 width: 100%;
17783 .accordion {
17784 overflow-anchor: none;
17786 .accordion > .card {
17787 overflow: hidden;
17789 .accordion > .card:not(:last-of-type) {
17790 border-bottom: 0;
17791 border-bottom-right-radius: 0;
17792 border-bottom-left-radius: 0;
17794 .accordion > .card:not(:first-of-type) {
17795 border-top-left-radius: 0;
17796 border-top-right-radius: 0;
17798 .accordion > .card > .card-header {
17799 border-radius: 0;
17800 margin-bottom: -1px;
17803 .breadcrumb {
17804 display: flex;
17805 flex-wrap: wrap;
17806 padding: 0.5rem 0;
17807 margin-bottom: 0;
17808 list-style: none;
17809 background-color: transparent;
17810 border-radius: 0.5rem;
17813 .breadcrumb-item + .breadcrumb-item {
17814 padding-left: 0.5rem;
17816 .breadcrumb-item + .breadcrumb-item::before {
17817 float: left;
17818 padding-right: 0.5rem;
17819 color: #6a737b;
17820 content: "/";
17822 .breadcrumb-item + .breadcrumb-item:hover::before {
17823 text-decoration: underline;
17825 .breadcrumb-item + .breadcrumb-item:hover::before {
17826 text-decoration: none;
17828 .breadcrumb-item.active {
17829 color: #6a737b;
17832 .pagination {
17833 display: flex;
17834 padding-left: 0;
17835 list-style: none;
17836 border-radius: 0.5rem;
17839 .page-link {
17840 position: relative;
17841 display: block;
17842 padding: 0.5rem 0.75rem;
17843 margin-left: -1px;
17844 line-height: 1.25;
17845 color: #0f6cbf;
17846 background-color: #fff;
17847 border: 1px solid #dee2e6;
17849 .page-link:hover {
17850 z-index: 2;
17851 color: #094478;
17852 text-decoration: none;
17853 background-color: #e9ecef;
17854 border-color: #dee2e6;
17856 .page-link:focus {
17857 z-index: 3;
17858 outline: 0;
17859 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
17862 .page-item:first-child .page-link {
17863 margin-left: 0;
17864 border-top-left-radius: 0.5rem;
17865 border-bottom-left-radius: 0.5rem;
17867 .page-item:last-child .page-link {
17868 border-top-right-radius: 0.5rem;
17869 border-bottom-right-radius: 0.5rem;
17871 .page-item.active .page-link {
17872 z-index: 3;
17873 color: #fff;
17874 background-color: #0f6cbf;
17875 border-color: #0f6cbf;
17877 .page-item.disabled .page-link {
17878 color: #6a737b;
17879 pointer-events: none;
17880 cursor: auto;
17881 background-color: #fff;
17882 border-color: #dee2e6;
17885 .pagination-lg .page-link {
17886 padding: 0.75rem 1.5rem;
17887 font-size: 1.171875rem;
17888 line-height: 1.5;
17890 @media (max-width: 1200px) {
17891 .pagination-lg .page-link {
17892 font-size: calc(0.9271875rem + 0.32625vw);
17895 .pagination-lg .page-item:first-child .page-link {
17896 border-top-left-radius: 0.6rem;
17897 border-bottom-left-radius: 0.6rem;
17899 .pagination-lg .page-item:last-child .page-link {
17900 border-top-right-radius: 0.6rem;
17901 border-bottom-right-radius: 0.6rem;
17904 .pagination-sm .page-link {
17905 padding: 0.25rem 0.5rem;
17906 font-size: 0.8203125rem;
17907 line-height: 1.5;
17909 .pagination-sm .page-item:first-child .page-link {
17910 border-top-left-radius: 0.2rem;
17911 border-bottom-left-radius: 0.2rem;
17913 .pagination-sm .page-item:last-child .page-link {
17914 border-top-right-radius: 0.2rem;
17915 border-bottom-right-radius: 0.2rem;
17918 .badge {
17919 display: inline-block;
17920 padding: 0.25em 0.4em;
17921 font-size: 75%;
17922 font-weight: 700;
17923 line-height: 1;
17924 text-align: center;
17925 white-space: nowrap;
17926 vertical-align: baseline;
17927 border-radius: 0.5rem;
17928 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;
17930 @media (prefers-reduced-motion: reduce) {
17931 .badge {
17932 transition: none;
17935 a.badge:hover, a.badge:focus {
17936 text-decoration: none;
17939 .badge:empty {
17940 display: none;
17943 .btn .badge {
17944 position: relative;
17945 top: -1px;
17948 .badge-pill {
17949 padding-right: 0.6em;
17950 padding-left: 0.6em;
17951 border-radius: 10rem;
17954 .badge-primary {
17955 color: #fff;
17956 background-color: #0f6cbf;
17958 a.badge-primary:hover, a.badge-primary:focus {
17959 color: #fff;
17960 background-color: #0b5190;
17962 a.badge-primary:focus, a.badge-primary.focus {
17963 outline: 0;
17964 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
17967 .badge-secondary {
17968 color: #1d2125;
17969 background-color: #ced4da;
17971 a.badge-secondary:hover, a.badge-secondary:focus {
17972 color: #1d2125;
17973 background-color: #b1bbc4;
17975 a.badge-secondary:focus, a.badge-secondary.focus {
17976 outline: 0;
17977 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
17980 .badge-success {
17981 color: #fff;
17982 background-color: #357a32;
17984 a.badge-success:hover, a.badge-success:focus {
17985 color: #fff;
17986 background-color: #255623;
17988 a.badge-success:focus, a.badge-success.focus {
17989 outline: 0;
17990 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
17993 .badge-info {
17994 color: #fff;
17995 background-color: #008196;
17997 a.badge-info:hover, a.badge-info:focus {
17998 color: #fff;
17999 background-color: #005563;
18001 a.badge-info:focus, a.badge-info.focus {
18002 outline: 0;
18003 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
18006 .badge-warning {
18007 color: #1d2125;
18008 background-color: #f0ad4e;
18010 a.badge-warning:hover, a.badge-warning:focus {
18011 color: #1d2125;
18012 background-color: #ec971f;
18014 a.badge-warning:focus, a.badge-warning.focus {
18015 outline: 0;
18016 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
18019 .badge-danger {
18020 color: #fff;
18021 background-color: #ca3120;
18023 a.badge-danger:hover, a.badge-danger:focus {
18024 color: #fff;
18025 background-color: #9e2619;
18027 a.badge-danger:focus, a.badge-danger.focus {
18028 outline: 0;
18029 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
18032 .badge-light {
18033 color: #1d2125;
18034 background-color: #f8f9fa;
18036 a.badge-light:hover, a.badge-light:focus {
18037 color: #1d2125;
18038 background-color: #dae0e5;
18040 a.badge-light:focus, a.badge-light.focus {
18041 outline: 0;
18042 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
18045 .badge-dark {
18046 color: #fff;
18047 background-color: #343a40;
18049 a.badge-dark:hover, a.badge-dark:focus {
18050 color: #fff;
18051 background-color: #1d2124;
18053 a.badge-dark:focus, a.badge-dark.focus {
18054 outline: 0;
18055 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
18058 .jumbotron {
18059 padding: 2rem 1rem;
18060 margin-bottom: 2rem;
18061 background-color: #e9ecef;
18062 border-radius: 0.6rem;
18064 @media (min-width: 576px) {
18065 .jumbotron {
18066 padding: 4rem 2rem;
18070 .jumbotron-fluid {
18071 padding-right: 0;
18072 padding-left: 0;
18073 border-radius: 0;
18076 .alert {
18077 position: relative;
18078 padding: 0.75rem 1.25rem;
18079 margin-bottom: 1rem;
18080 border: 0 solid transparent;
18081 border-radius: 0.5rem;
18084 .alert-heading {
18085 color: inherit;
18088 .alert-link {
18089 font-weight: 700;
18092 .alert-dismissible {
18093 padding-right: 3.90625rem;
18095 .alert-dismissible .close, .alert-dismissible .btn-close {
18096 position: absolute;
18097 top: 0;
18098 right: 0;
18099 z-index: 2;
18100 padding: 0.75rem 1.25rem;
18101 color: inherit;
18104 .alert-primary {
18105 color: #083863;
18106 background-color: #cfe2f2;
18107 border-color: #bcd6ed;
18109 .alert-primary hr {
18110 border-top-color: #a8cae8;
18112 .alert-primary .alert-link {
18113 color: #041d34;
18116 .alert-secondary {
18117 color: #6b6e71;
18118 background-color: #f5f6f8;
18119 border-color: #f1f3f5;
18121 .alert-secondary hr {
18122 border-top-color: #e2e6ea;
18124 .alert-secondary .alert-link {
18125 color: #525557;
18128 .alert-success, .environmenttable .ok {
18129 color: #1c3f1a;
18130 background-color: #d7e4d6;
18131 border-color: #c6dac6;
18133 .alert-success hr, .environmenttable .ok hr {
18134 border-top-color: #b7d0b7;
18136 .alert-success .alert-link, .environmenttable .ok .alert-link {
18137 color: #0c1b0b;
18140 .alert-info {
18141 color: #00434e;
18142 background-color: #cce6ea;
18143 border-color: #b8dce2;
18145 .alert-info hr {
18146 border-top-color: #a6d3db;
18148 .alert-info .alert-link {
18149 color: #00171b;
18152 .alert-warning, .environmenttable .warn {
18153 color: #7d5a29;
18154 background-color: #fcefdc;
18155 border-color: #fbe8cd;
18157 .alert-warning hr, .environmenttable .warn hr {
18158 border-top-color: #f9ddb5;
18160 .alert-warning .alert-link, .environmenttable .warn .alert-link {
18161 color: #573e1c;
18164 .alert-danger, .environmenttable .error {
18165 color: #691911;
18166 background-color: #f4d6d2;
18167 border-color: #f0c5c1;
18169 .alert-danger hr, .environmenttable .error hr {
18170 border-top-color: #ebb2ac;
18172 .alert-danger .alert-link, .environmenttable .error .alert-link {
18173 color: #3d0f0a;
18176 .alert-light {
18177 color: #818182;
18178 background-color: #fefefe;
18179 border-color: #fdfdfe;
18181 .alert-light hr {
18182 border-top-color: #ececf6;
18184 .alert-light .alert-link {
18185 color: #686868;
18188 .alert-dark {
18189 color: #1b1e21;
18190 background-color: #d6d8d9;
18191 border-color: #c6c8ca;
18193 .alert-dark hr {
18194 border-top-color: #b9bbbe;
18196 .alert-dark .alert-link {
18197 color: #040505;
18200 @keyframes progress-bar-stripes {
18201 from {
18202 background-position: 1rem 0;
18204 to {
18205 background-position: 0 0;
18208 .progress {
18209 display: flex;
18210 height: 1rem;
18211 overflow: hidden;
18212 line-height: 0;
18213 font-size: 0.703125rem;
18214 background-color: #e9ecef;
18215 border-radius: 0.5rem;
18218 .progress-bar {
18219 display: flex;
18220 flex-direction: column;
18221 justify-content: center;
18222 overflow: hidden;
18223 color: #fff;
18224 text-align: center;
18225 white-space: nowrap;
18226 background-color: #0f6cbf;
18227 transition: width 0.6s ease;
18229 @media (prefers-reduced-motion: reduce) {
18230 .progress-bar {
18231 transition: none;
18235 .progress-bar-striped {
18236 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);
18237 background-size: 1rem 1rem;
18240 .progress-bar-animated {
18241 animation: 1s linear infinite progress-bar-stripes;
18243 @media (prefers-reduced-motion: reduce) {
18244 .progress-bar-animated {
18245 animation: none;
18249 .media {
18250 display: flex;
18251 align-items: flex-start;
18254 .media-body {
18255 flex: 1;
18258 .list-group {
18259 display: flex;
18260 flex-direction: column;
18261 padding-left: 0;
18262 margin-bottom: 0;
18263 border-radius: 0.5rem;
18266 .list-group-item-action {
18267 width: 100%;
18268 color: #495057;
18269 text-align: inherit;
18271 .list-group-item-action:hover, .list-group-item-action:focus {
18272 z-index: 1;
18273 color: #495057;
18274 text-decoration: none;
18275 background-color: #f8f9fa;
18277 .list-group-item-action:active {
18278 color: #1d2125;
18279 background-color: #e9ecef;
18282 .list-group-item {
18283 position: relative;
18284 display: block;
18285 padding: 0.75rem 1.25rem;
18286 background-color: #fff;
18287 border: 1px solid rgba(0, 0, 0, 0.125);
18289 .list-group-item:first-child {
18290 border-top-left-radius: inherit;
18291 border-top-right-radius: inherit;
18293 .list-group-item:last-child {
18294 border-bottom-right-radius: inherit;
18295 border-bottom-left-radius: inherit;
18297 .list-group-item.disabled, .list-group-item:disabled {
18298 color: #6a737b;
18299 pointer-events: none;
18300 background-color: #fff;
18302 .list-group-item.active {
18303 z-index: 2;
18304 color: #fff;
18305 background-color: #0f6cbf;
18306 border-color: #0f6cbf;
18308 .list-group-item + .list-group-item {
18309 border-top-width: 0;
18311 .list-group-item + .list-group-item.active {
18312 margin-top: -1px;
18313 border-top-width: 1px;
18316 .list-group-horizontal {
18317 flex-direction: row;
18319 .list-group-horizontal > .list-group-item:first-child {
18320 border-bottom-left-radius: 0.5rem;
18321 border-top-right-radius: 0;
18323 .list-group-horizontal > .list-group-item:last-child {
18324 border-top-right-radius: 0.5rem;
18325 border-bottom-left-radius: 0;
18327 .list-group-horizontal > .list-group-item.active {
18328 margin-top: 0;
18330 .list-group-horizontal > .list-group-item + .list-group-item {
18331 border-top-width: 1px;
18332 border-left-width: 0;
18334 .list-group-horizontal > .list-group-item + .list-group-item.active {
18335 margin-left: -1px;
18336 border-left-width: 1px;
18339 @media (min-width: 576px) {
18340 .list-group-horizontal-sm {
18341 flex-direction: row;
18343 .list-group-horizontal-sm > .list-group-item:first-child {
18344 border-bottom-left-radius: 0.5rem;
18345 border-top-right-radius: 0;
18347 .list-group-horizontal-sm > .list-group-item:last-child {
18348 border-top-right-radius: 0.5rem;
18349 border-bottom-left-radius: 0;
18351 .list-group-horizontal-sm > .list-group-item.active {
18352 margin-top: 0;
18354 .list-group-horizontal-sm > .list-group-item + .list-group-item {
18355 border-top-width: 1px;
18356 border-left-width: 0;
18358 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
18359 margin-left: -1px;
18360 border-left-width: 1px;
18363 @media (min-width: 768px) {
18364 .list-group-horizontal-md {
18365 flex-direction: row;
18367 .list-group-horizontal-md > .list-group-item:first-child {
18368 border-bottom-left-radius: 0.5rem;
18369 border-top-right-radius: 0;
18371 .list-group-horizontal-md > .list-group-item:last-child {
18372 border-top-right-radius: 0.5rem;
18373 border-bottom-left-radius: 0;
18375 .list-group-horizontal-md > .list-group-item.active {
18376 margin-top: 0;
18378 .list-group-horizontal-md > .list-group-item + .list-group-item {
18379 border-top-width: 1px;
18380 border-left-width: 0;
18382 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
18383 margin-left: -1px;
18384 border-left-width: 1px;
18387 @media (min-width: 992px) {
18388 .list-group-horizontal-lg {
18389 flex-direction: row;
18391 .list-group-horizontal-lg > .list-group-item:first-child {
18392 border-bottom-left-radius: 0.5rem;
18393 border-top-right-radius: 0;
18395 .list-group-horizontal-lg > .list-group-item:last-child {
18396 border-top-right-radius: 0.5rem;
18397 border-bottom-left-radius: 0;
18399 .list-group-horizontal-lg > .list-group-item.active {
18400 margin-top: 0;
18402 .list-group-horizontal-lg > .list-group-item + .list-group-item {
18403 border-top-width: 1px;
18404 border-left-width: 0;
18406 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
18407 margin-left: -1px;
18408 border-left-width: 1px;
18411 @media (min-width: 1200px) {
18412 .list-group-horizontal-xl {
18413 flex-direction: row;
18415 .list-group-horizontal-xl > .list-group-item:first-child {
18416 border-bottom-left-radius: 0.5rem;
18417 border-top-right-radius: 0;
18419 .list-group-horizontal-xl > .list-group-item:last-child {
18420 border-top-right-radius: 0.5rem;
18421 border-bottom-left-radius: 0;
18423 .list-group-horizontal-xl > .list-group-item.active {
18424 margin-top: 0;
18426 .list-group-horizontal-xl > .list-group-item + .list-group-item {
18427 border-top-width: 1px;
18428 border-left-width: 0;
18430 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
18431 margin-left: -1px;
18432 border-left-width: 1px;
18435 .list-group-flush {
18436 border-radius: 0;
18438 .list-group-flush > .list-group-item {
18439 border-width: 0 0 1px;
18441 .list-group-flush > .list-group-item:last-child {
18442 border-bottom-width: 0;
18445 .list-group-item-primary {
18446 color: #083863;
18447 background-color: #bcd6ed;
18449 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
18450 color: #083863;
18451 background-color: #a8cae8;
18453 .list-group-item-primary.list-group-item-action.active {
18454 color: #fff;
18455 background-color: #083863;
18456 border-color: #083863;
18459 .list-group-item-secondary {
18460 color: #6b6e71;
18461 background-color: #f1f3f5;
18463 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
18464 color: #6b6e71;
18465 background-color: #e2e6ea;
18467 .list-group-item-secondary.list-group-item-action.active {
18468 color: #fff;
18469 background-color: #6b6e71;
18470 border-color: #6b6e71;
18473 .list-group-item-success {
18474 color: #1c3f1a;
18475 background-color: #c6dac6;
18477 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
18478 color: #1c3f1a;
18479 background-color: #b7d0b7;
18481 .list-group-item-success.list-group-item-action.active {
18482 color: #fff;
18483 background-color: #1c3f1a;
18484 border-color: #1c3f1a;
18487 .list-group-item-info {
18488 color: #00434e;
18489 background-color: #b8dce2;
18491 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
18492 color: #00434e;
18493 background-color: #a6d3db;
18495 .list-group-item-info.list-group-item-action.active {
18496 color: #fff;
18497 background-color: #00434e;
18498 border-color: #00434e;
18501 .list-group-item-warning {
18502 color: #7d5a29;
18503 background-color: #fbe8cd;
18505 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
18506 color: #7d5a29;
18507 background-color: #f9ddb5;
18509 .list-group-item-warning.list-group-item-action.active {
18510 color: #fff;
18511 background-color: #7d5a29;
18512 border-color: #7d5a29;
18515 .list-group-item-danger {
18516 color: #691911;
18517 background-color: #f0c5c1;
18519 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
18520 color: #691911;
18521 background-color: #ebb2ac;
18523 .list-group-item-danger.list-group-item-action.active {
18524 color: #fff;
18525 background-color: #691911;
18526 border-color: #691911;
18529 .list-group-item-light {
18530 color: #818182;
18531 background-color: #fdfdfe;
18533 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
18534 color: #818182;
18535 background-color: #ececf6;
18537 .list-group-item-light.list-group-item-action.active {
18538 color: #fff;
18539 background-color: #818182;
18540 border-color: #818182;
18543 .list-group-item-dark {
18544 color: #1b1e21;
18545 background-color: #c6c8ca;
18547 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
18548 color: #1b1e21;
18549 background-color: #b9bbbe;
18551 .list-group-item-dark.list-group-item-action.active {
18552 color: #fff;
18553 background-color: #1b1e21;
18554 border-color: #1b1e21;
18557 .close, .btn-close {
18558 float: right;
18559 font-size: 1.40625rem;
18560 font-weight: 700;
18561 line-height: 1;
18562 color: #000;
18563 text-shadow: 0 1px 0 #fff;
18564 opacity: 0.5;
18566 @media (max-width: 1200px) {
18567 .close, .btn-close {
18568 font-size: calc(0.950625rem + 0.6075vw);
18571 .close:hover, .btn-close:hover {
18572 color: #000;
18573 text-decoration: none;
18575 .close:not(:disabled):not(.disabled):hover, .btn-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .btn-close:not(:disabled):not(.disabled):focus {
18576 opacity: 0.75;
18579 button.close, button.btn-close {
18580 padding: 0;
18581 background-color: transparent;
18582 border: 0;
18585 a.close.disabled, a.disabled.btn-close {
18586 pointer-events: none;
18589 .toast {
18590 flex-basis: 350px;
18591 max-width: 350px;
18592 font-size: 0.875rem;
18593 color: #fff;
18594 background-color: rgba(29, 33, 37, 0.95);
18595 background-clip: padding-box;
18596 border: 1px solid rgba(0, 0, 0, 0.1);
18597 box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
18598 opacity: 0;
18599 border-radius: 0.25rem;
18601 .toast:not(:last-child) {
18602 margin-bottom: 0.75rem;
18604 .toast.showing {
18605 opacity: 1;
18607 .toast.show {
18608 display: block;
18609 opacity: 1;
18611 .toast.hide {
18612 display: none;
18615 .toast-header {
18616 display: flex;
18617 align-items: center;
18618 padding: 0.25rem 0.75rem;
18619 color: #f8f9fa;
18620 background-color: rgba(255, 255, 255, 0.1);
18621 background-clip: padding-box;
18622 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
18623 border-top-left-radius: calc(0.25rem - 1px);
18624 border-top-right-radius: calc(0.25rem - 1px);
18627 .toast-body {
18628 padding: 0.75rem;
18631 .modal-open {
18632 overflow: hidden;
18634 .modal-open .modal {
18635 overflow-x: hidden;
18636 overflow-y: auto;
18639 .modal {
18640 position: fixed;
18641 top: 0;
18642 left: 0;
18643 z-index: 1050;
18644 display: none;
18645 width: 100%;
18646 height: 100%;
18647 overflow: hidden;
18648 outline: 0;
18651 .modal-dialog {
18652 position: relative;
18653 width: auto;
18654 margin: 0.5rem;
18655 pointer-events: none;
18657 .modal.fade .modal-dialog {
18658 transition: transform 0.3s ease-out;
18659 transform: translate(0, -50px);
18661 @media (prefers-reduced-motion: reduce) {
18662 .modal.fade .modal-dialog {
18663 transition: none;
18666 .modal.show .modal-dialog {
18667 transform: none;
18669 .modal.modal-static .modal-dialog {
18670 transform: scale(1.02);
18673 .modal-dialog-scrollable {
18674 display: flex;
18675 max-height: calc(100% - 1rem);
18677 .modal-dialog-scrollable .modal-content {
18678 max-height: calc(100vh - 1rem);
18679 overflow: hidden;
18681 .modal-dialog-scrollable .modal-header,
18682 .modal-dialog-scrollable .modal-footer {
18683 flex-shrink: 0;
18685 .modal-dialog-scrollable .modal-body {
18686 overflow-y: auto;
18689 .modal-dialog-centered {
18690 display: flex;
18691 align-items: center;
18692 min-height: calc(100% - 1rem);
18694 .modal-dialog-centered::before {
18695 display: block;
18696 height: calc(100vh - 1rem);
18697 height: min-content;
18698 content: "";
18700 .modal-dialog-centered.modal-dialog-scrollable {
18701 flex-direction: column;
18702 justify-content: center;
18703 height: 100%;
18705 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
18706 max-height: none;
18708 .modal-dialog-centered.modal-dialog-scrollable::before {
18709 content: none;
18712 .modal-content {
18713 position: relative;
18714 display: flex;
18715 flex-direction: column;
18716 width: 100%;
18717 pointer-events: auto;
18718 background-color: #fff;
18719 background-clip: padding-box;
18720 border: 1px solid rgba(0, 0, 0, 0.2);
18721 border-radius: 0.6rem;
18722 outline: 0;
18725 .modal-backdrop {
18726 position: fixed;
18727 top: 0;
18728 left: 0;
18729 z-index: 1040;
18730 width: 100vw;
18731 height: 100vh;
18732 background-color: #000;
18734 .modal-backdrop.fade {
18735 opacity: 0;
18737 .modal-backdrop.show {
18738 opacity: 0.5;
18741 .modal-header {
18742 display: flex;
18743 align-items: flex-start;
18744 justify-content: space-between;
18745 padding: 1rem 1rem;
18746 border-bottom: 1px solid #dee2e6;
18747 border-top-left-radius: calc(0.6rem - 1px);
18748 border-top-right-radius: calc(0.6rem - 1px);
18750 .modal-header .close, .modal-header .btn-close {
18751 padding: 1rem 1rem;
18752 margin: -1rem -1rem -1rem auto;
18755 .modal-title {
18756 margin-bottom: 0;
18757 line-height: 1.5;
18760 .modal-body {
18761 position: relative;
18762 flex: 1 1 auto;
18763 padding: 1rem;
18766 .modal-footer {
18767 display: flex;
18768 flex-wrap: wrap;
18769 align-items: center;
18770 justify-content: flex-end;
18771 padding: 0.75rem;
18772 border-top: 1px solid #dee2e6;
18773 border-bottom-right-radius: calc(0.6rem - 1px);
18774 border-bottom-left-radius: calc(0.6rem - 1px);
18776 .modal-footer > * {
18777 margin: 0.25rem;
18780 .modal-scrollbar-measure {
18781 position: absolute;
18782 top: -9999px;
18783 width: 50px;
18784 height: 50px;
18785 overflow: scroll;
18788 @media (min-width: 576px) {
18789 .modal-dialog {
18790 max-width: 500px;
18791 margin: 1.75rem auto;
18793 .modal-dialog-scrollable {
18794 max-height: calc(100% - 3.5rem);
18796 .modal-dialog-scrollable .modal-content {
18797 max-height: calc(100vh - 3.5rem);
18799 .modal-dialog-centered {
18800 min-height: calc(100% - 3.5rem);
18802 .modal-dialog-centered::before {
18803 height: calc(100vh - 3.5rem);
18804 height: min-content;
18806 .modal-sm {
18807 max-width: 300px;
18810 @media (min-width: 992px) {
18811 .modal-lg,
18812 .modal-xl {
18813 max-width: 800px;
18816 @media (min-width: 1200px) {
18817 .modal-xl {
18818 max-width: 1140px;
18821 .tooltip {
18822 position: absolute;
18823 z-index: 1070;
18824 display: block;
18825 margin: 0;
18826 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18827 font-style: normal;
18828 font-weight: 400;
18829 line-height: 1.5;
18830 text-align: left;
18831 text-align: start;
18832 text-decoration: none;
18833 text-shadow: none;
18834 text-transform: none;
18835 letter-spacing: normal;
18836 word-break: normal;
18837 white-space: normal;
18838 word-spacing: normal;
18839 line-break: auto;
18840 font-size: 0.8203125rem;
18841 word-wrap: break-word;
18842 opacity: 0;
18844 .tooltip.show {
18845 opacity: 0.9;
18847 .tooltip .arrow {
18848 position: absolute;
18849 display: block;
18850 width: 0.8rem;
18851 height: 0.4rem;
18853 .tooltip .arrow::before {
18854 position: absolute;
18855 content: "";
18856 border-color: transparent;
18857 border-style: solid;
18860 .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
18861 padding: 0.4rem 0;
18863 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
18864 bottom: 0;
18866 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
18867 top: 0;
18868 border-width: 0.4rem 0.4rem 0;
18869 border-top-color: #000;
18872 .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
18873 padding: 0 0.4rem;
18875 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
18876 left: 0;
18877 width: 0.4rem;
18878 height: 0.8rem;
18880 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
18881 right: 0;
18882 border-width: 0.4rem 0.4rem 0.4rem 0;
18883 border-right-color: #000;
18886 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
18887 padding: 0.4rem 0;
18889 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
18890 top: 0;
18892 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
18893 bottom: 0;
18894 border-width: 0 0.4rem 0.4rem;
18895 border-bottom-color: #000;
18898 .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
18899 padding: 0 0.4rem;
18901 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
18902 right: 0;
18903 width: 0.4rem;
18904 height: 0.8rem;
18906 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
18907 left: 0;
18908 border-width: 0.4rem 0 0.4rem 0.4rem;
18909 border-left-color: #000;
18912 .tooltip-inner {
18913 max-width: 200px;
18914 padding: 0.25rem 0.5rem;
18915 color: #fff;
18916 text-align: center;
18917 background-color: #000;
18918 border-radius: 0.5rem;
18921 .popover {
18922 position: absolute;
18923 top: 0;
18924 z-index: 1060;
18925 display: block;
18926 max-width: 300px;
18927 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";
18928 font-style: normal;
18929 font-weight: 400;
18930 line-height: 1.5;
18931 text-align: left;
18932 text-align: start;
18933 text-decoration: none;
18934 text-shadow: none;
18935 text-transform: none;
18936 letter-spacing: normal;
18937 word-break: normal;
18938 white-space: normal;
18939 word-spacing: normal;
18940 line-break: auto;
18941 font-size: 0.8203125rem;
18942 word-wrap: break-word;
18943 background-color: #fff;
18944 background-clip: padding-box;
18945 border: 1px solid rgba(0, 0, 0, 0.2);
18946 border-radius: 0.6rem;
18948 .popover .arrow {
18949 position: absolute;
18950 display: block;
18951 width: 1rem;
18952 height: 0.5rem;
18953 margin: 0 0.6rem;
18955 .popover .arrow::before, .popover .arrow::after {
18956 position: absolute;
18957 display: block;
18958 content: "";
18959 border-color: transparent;
18960 border-style: solid;
18963 .bs-popover-top, .bs-popover-auto[x-placement^=top] {
18964 margin-bottom: 0.5rem;
18966 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
18967 bottom: calc(-0.5rem - 1px);
18969 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
18970 bottom: 0;
18971 border-width: 0.5rem 0.5rem 0;
18972 border-top-color: rgba(0, 0, 0, 0.25);
18974 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
18975 bottom: 1px;
18976 border-width: 0.5rem 0.5rem 0;
18977 border-top-color: #fff;
18980 .bs-popover-right, .bs-popover-auto[x-placement^=right] {
18981 margin-left: 0.5rem;
18983 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
18984 left: calc(-0.5rem - 1px);
18985 width: 0.5rem;
18986 height: 1rem;
18987 margin: 0.6rem 0;
18989 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
18990 left: 0;
18991 border-width: 0.5rem 0.5rem 0.5rem 0;
18992 border-right-color: rgba(0, 0, 0, 0.25);
18994 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
18995 left: 1px;
18996 border-width: 0.5rem 0.5rem 0.5rem 0;
18997 border-right-color: #fff;
19000 .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
19001 margin-top: 0.5rem;
19003 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
19004 top: calc(-0.5rem - 1px);
19006 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
19007 top: 0;
19008 border-width: 0 0.5rem 0.5rem 0.5rem;
19009 border-bottom-color: rgba(0, 0, 0, 0.25);
19011 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
19012 top: 1px;
19013 border-width: 0 0.5rem 0.5rem 0.5rem;
19014 border-bottom-color: #fff;
19016 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
19017 position: absolute;
19018 top: 0;
19019 left: 50%;
19020 display: block;
19021 width: 1rem;
19022 margin-left: -0.5rem;
19023 content: "";
19024 border-bottom: 1px solid #f7f7f7;
19027 .bs-popover-left, .bs-popover-auto[x-placement^=left] {
19028 margin-right: 0.5rem;
19030 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
19031 right: calc(-0.5rem - 1px);
19032 width: 0.5rem;
19033 height: 1rem;
19034 margin: 0.6rem 0;
19036 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
19037 right: 0;
19038 border-width: 0.5rem 0 0.5rem 0.5rem;
19039 border-left-color: rgba(0, 0, 0, 0.25);
19041 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
19042 right: 1px;
19043 border-width: 0.5rem 0 0.5rem 0.5rem;
19044 border-left-color: #fff;
19047 .popover-header {
19048 padding: 0.5rem 0.75rem;
19049 margin-bottom: 0;
19050 font-size: 0.9375rem;
19051 background-color: #f7f7f7;
19052 border-bottom: 1px solid #ebebeb;
19053 border-top-left-radius: calc(0.6rem - 1px);
19054 border-top-right-radius: calc(0.6rem - 1px);
19056 @media (max-width: 1200px) {
19057 .popover-header {
19058 font-size: calc(0.90375rem + 0.045vw);
19061 .popover-header:empty {
19062 display: none;
19065 .popover-body {
19066 padding: 0.5rem 0.75rem;
19067 color: #1d2125;
19070 .carousel {
19071 position: relative;
19074 .carousel.pointer-event {
19075 touch-action: pan-y;
19078 .carousel-inner {
19079 position: relative;
19080 width: 100%;
19081 overflow: hidden;
19083 .carousel-inner::after {
19084 display: block;
19085 clear: both;
19086 content: "";
19089 .carousel-item {
19090 position: relative;
19091 display: none;
19092 float: left;
19093 width: 100%;
19094 margin-right: -100%;
19095 backface-visibility: hidden;
19096 transition: transform 0.6s ease-in-out;
19098 @media (prefers-reduced-motion: reduce) {
19099 .carousel-item {
19100 transition: none;
19104 .carousel-item.active,
19105 .carousel-item-next,
19106 .carousel-item-prev {
19107 display: block;
19110 .carousel-item-next:not(.carousel-item-left),
19111 .active.carousel-item-right {
19112 transform: translateX(100%);
19115 .carousel-item-prev:not(.carousel-item-right),
19116 .active.carousel-item-left {
19117 transform: translateX(-100%);
19120 .carousel-fade .carousel-item {
19121 opacity: 0;
19122 transition-property: opacity;
19123 transform: none;
19125 .carousel-fade .carousel-item.active,
19126 .carousel-fade .carousel-item-next.carousel-item-left,
19127 .carousel-fade .carousel-item-prev.carousel-item-right {
19128 z-index: 1;
19129 opacity: 1;
19131 .carousel-fade .active.carousel-item-left,
19132 .carousel-fade .active.carousel-item-right {
19133 z-index: 0;
19134 opacity: 0;
19135 transition: opacity 0s 0.6s;
19137 @media (prefers-reduced-motion: reduce) {
19138 .carousel-fade .active.carousel-item-left,
19139 .carousel-fade .active.carousel-item-right {
19140 transition: none;
19144 .carousel-control-prev,
19145 .carousel-control-next {
19146 position: absolute;
19147 top: 0;
19148 bottom: 0;
19149 z-index: 1;
19150 display: flex;
19151 align-items: center;
19152 justify-content: center;
19153 width: 15%;
19154 padding: 0;
19155 color: #fff;
19156 text-align: center;
19157 background: none;
19158 border: 0;
19159 opacity: 0.5;
19160 transition: opacity 0.15s ease;
19162 @media (prefers-reduced-motion: reduce) {
19163 .carousel-control-prev,
19164 .carousel-control-next {
19165 transition: none;
19168 .carousel-control-prev:hover, .carousel-control-prev:focus,
19169 .carousel-control-next:hover,
19170 .carousel-control-next:focus {
19171 color: #fff;
19172 text-decoration: none;
19173 outline: 0;
19174 opacity: 0.9;
19177 .carousel-control-prev {
19178 left: 0;
19181 .carousel-control-next {
19182 right: 0;
19185 .carousel-control-prev-icon,
19186 .carousel-control-next-icon {
19187 display: inline-block;
19188 width: 20px;
19189 height: 20px;
19190 background: 50%/100% 100% no-repeat;
19193 .carousel-control-prev-icon {
19194 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");
19197 .carousel-control-next-icon {
19198 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");
19201 .carousel-indicators {
19202 position: absolute;
19203 right: 0;
19204 bottom: 0;
19205 left: 0;
19206 z-index: 15;
19207 display: flex;
19208 justify-content: center;
19209 padding-left: 0;
19210 margin-right: 15%;
19211 margin-left: 15%;
19212 list-style: none;
19214 .carousel-indicators li {
19215 box-sizing: content-box;
19216 flex: 0 1 auto;
19217 width: 30px;
19218 height: 3px;
19219 margin-right: 3px;
19220 margin-left: 3px;
19221 text-indent: -999px;
19222 cursor: pointer;
19223 background-color: #fff;
19224 background-clip: padding-box;
19225 border-top: 10px solid transparent;
19226 border-bottom: 10px solid transparent;
19227 opacity: 0.5;
19228 transition: opacity 0.6s ease;
19230 @media (prefers-reduced-motion: reduce) {
19231 .carousel-indicators li {
19232 transition: none;
19235 .carousel-indicators .active {
19236 opacity: 1;
19239 .carousel-caption {
19240 position: absolute;
19241 right: 15%;
19242 bottom: 20px;
19243 left: 15%;
19244 z-index: 10;
19245 padding-top: 20px;
19246 padding-bottom: 20px;
19247 color: #fff;
19248 text-align: center;
19251 @keyframes spinner-border {
19252 to {
19253 transform: rotate(360deg);
19256 .spinner-border {
19257 display: inline-block;
19258 width: 2rem;
19259 height: 2rem;
19260 vertical-align: -0.125em;
19261 border: 0.25em solid currentcolor;
19262 border-right-color: transparent;
19263 border-radius: 50%;
19264 animation: 0.75s linear infinite spinner-border;
19267 .spinner-border-sm {
19268 width: 1rem;
19269 height: 1rem;
19270 border-width: 0.2em;
19273 @keyframes spinner-grow {
19274 0% {
19275 transform: scale(0);
19277 50% {
19278 opacity: 1;
19279 transform: none;
19282 .spinner-grow {
19283 display: inline-block;
19284 width: 2rem;
19285 height: 2rem;
19286 vertical-align: -0.125em;
19287 background-color: currentcolor;
19288 border-radius: 50%;
19289 opacity: 0;
19290 animation: 0.75s linear infinite spinner-grow;
19293 .spinner-grow-sm {
19294 width: 1rem;
19295 height: 1rem;
19298 @media (prefers-reduced-motion: reduce) {
19299 .spinner-border,
19300 .spinner-grow {
19301 animation-duration: 1.5s;
19304 .align-baseline {
19305 vertical-align: baseline !important;
19308 .align-top, [data-filterregion=value] div:first-of-type {
19309 vertical-align: top !important;
19312 .align-middle, .reportbuilder-table td {
19313 vertical-align: middle !important;
19316 .align-bottom {
19317 vertical-align: bottom !important;
19320 .align-text-bottom {
19321 vertical-align: text-bottom !important;
19324 .align-text-top {
19325 vertical-align: text-top !important;
19328 .bg-primary {
19329 background-color: #0f6cbf !important;
19332 a.bg-primary:hover, a.bg-primary:focus,
19333 button.bg-primary:hover,
19334 button.bg-primary:focus {
19335 background-color: #0b5190 !important;
19338 .bg-secondary {
19339 background-color: #ced4da !important;
19342 a.bg-secondary:hover, a.bg-secondary:focus,
19343 button.bg-secondary:hover,
19344 button.bg-secondary:focus {
19345 background-color: #b1bbc4 !important;
19348 .bg-success {
19349 background-color: #357a32 !important;
19352 a.bg-success:hover, a.bg-success:focus,
19353 button.bg-success:hover,
19354 button.bg-success:focus {
19355 background-color: #255623 !important;
19358 .bg-info {
19359 background-color: #008196 !important;
19362 a.bg-info:hover, a.bg-info:focus,
19363 button.bg-info:hover,
19364 button.bg-info:focus {
19365 background-color: #005563 !important;
19368 .bg-warning {
19369 background-color: #f0ad4e !important;
19372 a.bg-warning:hover, a.bg-warning:focus,
19373 button.bg-warning:hover,
19374 button.bg-warning:focus {
19375 background-color: #ec971f !important;
19378 .bg-danger {
19379 background-color: #ca3120 !important;
19382 a.bg-danger:hover, a.bg-danger:focus,
19383 button.bg-danger:hover,
19384 button.bg-danger:focus {
19385 background-color: #9e2619 !important;
19388 .bg-light {
19389 background-color: #f8f9fa !important;
19392 a.bg-light:hover, a.bg-light:focus,
19393 button.bg-light:hover,
19394 button.bg-light:focus {
19395 background-color: #dae0e5 !important;
19398 .bg-dark {
19399 background-color: #343a40 !important;
19402 a.bg-dark:hover, a.bg-dark:focus,
19403 button.bg-dark:hover,
19404 button.bg-dark:focus {
19405 background-color: #1d2124 !important;
19408 .bg-white {
19409 background-color: #fff !important;
19412 .bg-transparent {
19413 background-color: transparent !important;
19416 .border {
19417 border: 1px solid #dee2e6 !important;
19420 .border-top {
19421 border-top: 1px solid #dee2e6 !important;
19424 .border-right, .border-end {
19425 border-right: 1px solid #dee2e6 !important;
19428 .border-bottom {
19429 border-bottom: 1px solid #dee2e6 !important;
19432 .border-left, .border-start {
19433 border-left: 1px solid #dee2e6 !important;
19436 .border-0 {
19437 border: 0 !important;
19440 .border-top-0 {
19441 border-top: 0 !important;
19444 .border-right-0, .border-end-0 {
19445 border-right: 0 !important;
19448 .border-bottom-0 {
19449 border-bottom: 0 !important;
19452 .border-left-0, .border-start-0 {
19453 border-left: 0 !important;
19456 .border-primary {
19457 border-color: #0f6cbf !important;
19460 .border-secondary {
19461 border-color: #ced4da !important;
19464 .border-success {
19465 border-color: #357a32 !important;
19468 .border-info {
19469 border-color: #008196 !important;
19472 .border-warning {
19473 border-color: #f0ad4e !important;
19476 .border-danger {
19477 border-color: #ca3120 !important;
19480 .border-light {
19481 border-color: #f8f9fa !important;
19484 .border-dark {
19485 border-color: #343a40 !important;
19488 .border-white {
19489 border-color: #fff !important;
19492 .rounded-sm {
19493 border-radius: 0.2rem !important;
19496 .rounded {
19497 border-radius: 0.5rem !important;
19500 .rounded-top {
19501 border-top-left-radius: 0.5rem !important;
19502 border-top-right-radius: 0.5rem !important;
19505 .rounded-right, .rounded-end {
19506 border-top-right-radius: 0.5rem !important;
19507 border-bottom-right-radius: 0.5rem !important;
19510 .rounded-bottom {
19511 border-bottom-right-radius: 0.5rem !important;
19512 border-bottom-left-radius: 0.5rem !important;
19515 .rounded-left, .rounded-start {
19516 border-top-left-radius: 0.5rem !important;
19517 border-bottom-left-radius: 0.5rem !important;
19520 .rounded-lg {
19521 border-radius: 0.6rem !important;
19524 .rounded-circle {
19525 border-radius: 50% !important;
19528 .rounded-pill {
19529 border-radius: 50rem !important;
19532 .rounded-0 {
19533 border-radius: 0 !important;
19536 .clearfix::after {
19537 display: block;
19538 clear: both;
19539 content: "";
19542 .d-none {
19543 display: none !important;
19546 .d-inline {
19547 display: inline !important;
19550 .d-inline-block {
19551 display: inline-block !important;
19554 .d-block {
19555 display: block !important;
19558 .d-table {
19559 display: table !important;
19562 .d-table-row {
19563 display: table-row !important;
19566 .d-table-cell {
19567 display: table-cell !important;
19570 .d-flex {
19571 display: flex !important;
19574 .d-inline-flex {
19575 display: inline-flex !important;
19578 @media (min-width: 576px) {
19579 .d-sm-none {
19580 display: none !important;
19582 .d-sm-inline {
19583 display: inline !important;
19585 .d-sm-inline-block {
19586 display: inline-block !important;
19588 .d-sm-block {
19589 display: block !important;
19591 .d-sm-table {
19592 display: table !important;
19594 .d-sm-table-row {
19595 display: table-row !important;
19597 .d-sm-table-cell {
19598 display: table-cell !important;
19600 .d-sm-flex {
19601 display: flex !important;
19603 .d-sm-inline-flex {
19604 display: inline-flex !important;
19607 @media (min-width: 768px) {
19608 .d-md-none {
19609 display: none !important;
19611 .d-md-inline {
19612 display: inline !important;
19614 .d-md-inline-block {
19615 display: inline-block !important;
19617 .d-md-block {
19618 display: block !important;
19620 .d-md-table {
19621 display: table !important;
19623 .d-md-table-row {
19624 display: table-row !important;
19626 .d-md-table-cell {
19627 display: table-cell !important;
19629 .d-md-flex {
19630 display: flex !important;
19632 .d-md-inline-flex {
19633 display: inline-flex !important;
19636 @media (min-width: 992px) {
19637 .d-lg-none {
19638 display: none !important;
19640 .d-lg-inline {
19641 display: inline !important;
19643 .d-lg-inline-block {
19644 display: inline-block !important;
19646 .d-lg-block {
19647 display: block !important;
19649 .d-lg-table {
19650 display: table !important;
19652 .d-lg-table-row {
19653 display: table-row !important;
19655 .d-lg-table-cell {
19656 display: table-cell !important;
19658 .d-lg-flex {
19659 display: flex !important;
19661 .d-lg-inline-flex {
19662 display: inline-flex !important;
19665 @media (min-width: 1200px) {
19666 .d-xl-none {
19667 display: none !important;
19669 .d-xl-inline {
19670 display: inline !important;
19672 .d-xl-inline-block {
19673 display: inline-block !important;
19675 .d-xl-block {
19676 display: block !important;
19678 .d-xl-table {
19679 display: table !important;
19681 .d-xl-table-row {
19682 display: table-row !important;
19684 .d-xl-table-cell {
19685 display: table-cell !important;
19687 .d-xl-flex {
19688 display: flex !important;
19690 .d-xl-inline-flex {
19691 display: inline-flex !important;
19694 @media print {
19695 .d-print-none {
19696 display: none !important;
19698 .d-print-inline {
19699 display: inline !important;
19701 .d-print-inline-block {
19702 display: inline-block !important;
19704 .d-print-block {
19705 display: block !important;
19707 .d-print-table {
19708 display: table !important;
19710 .d-print-table-row {
19711 display: table-row !important;
19713 .d-print-table-cell {
19714 display: table-cell !important;
19716 .d-print-flex {
19717 display: flex !important;
19719 .d-print-inline-flex {
19720 display: inline-flex !important;
19723 .embed-responsive {
19724 position: relative;
19725 display: block;
19726 width: 100%;
19727 padding: 0;
19728 overflow: hidden;
19730 .embed-responsive::before {
19731 display: block;
19732 content: "";
19734 .embed-responsive .embed-responsive-item,
19735 .embed-responsive iframe,
19736 .embed-responsive embed,
19737 .embed-responsive object,
19738 .embed-responsive video {
19739 position: absolute;
19740 top: 0;
19741 bottom: 0;
19742 left: 0;
19743 width: 100%;
19744 height: 100%;
19745 border: 0;
19748 .embed-responsive-21by9::before {
19749 padding-top: 42.85714286%;
19752 .embed-responsive-16by9::before {
19753 padding-top: 56.25%;
19756 .embed-responsive-4by3::before {
19757 padding-top: 75%;
19760 .embed-responsive-1by1::before {
19761 padding-top: 100%;
19764 .flex-row {
19765 flex-direction: row !important;
19768 .flex-column {
19769 flex-direction: column !important;
19772 .flex-row-reverse {
19773 flex-direction: row-reverse !important;
19776 .flex-column-reverse {
19777 flex-direction: column-reverse !important;
19780 .flex-wrap {
19781 flex-wrap: wrap !important;
19784 .flex-nowrap {
19785 flex-wrap: nowrap !important;
19788 .flex-wrap-reverse {
19789 flex-wrap: wrap-reverse !important;
19792 .flex-fill, .reportbuilder-report-container {
19793 flex: 1 1 auto !important;
19796 .flex-grow-0 {
19797 flex-grow: 0 !important;
19800 .flex-grow-1 {
19801 flex-grow: 1 !important;
19804 .flex-shrink-0 {
19805 flex-shrink: 0 !important;
19808 .flex-shrink-1 {
19809 flex-shrink: 1 !important;
19812 .justify-content-start {
19813 justify-content: flex-start !important;
19816 .justify-content-end {
19817 justify-content: flex-end !important;
19820 .justify-content-center {
19821 justify-content: center !important;
19824 .justify-content-between {
19825 justify-content: space-between !important;
19828 .justify-content-around {
19829 justify-content: space-around !important;
19832 .align-items-start {
19833 align-items: flex-start !important;
19836 .align-items-end {
19837 align-items: flex-end !important;
19840 .align-items-center {
19841 align-items: center !important;
19844 .align-items-baseline {
19845 align-items: baseline !important;
19848 .align-items-stretch {
19849 align-items: stretch !important;
19852 .align-content-start {
19853 align-content: flex-start !important;
19856 .align-content-end {
19857 align-content: flex-end !important;
19860 .align-content-center {
19861 align-content: center !important;
19864 .align-content-between {
19865 align-content: space-between !important;
19868 .align-content-around {
19869 align-content: space-around !important;
19872 .align-content-stretch {
19873 align-content: stretch !important;
19876 .align-self-auto {
19877 align-self: auto !important;
19880 .align-self-start {
19881 align-self: flex-start !important;
19884 .align-self-end {
19885 align-self: flex-end !important;
19888 .align-self-center {
19889 align-self: center !important;
19892 .align-self-baseline {
19893 align-self: baseline !important;
19896 .align-self-stretch {
19897 align-self: stretch !important;
19900 @media (min-width: 576px) {
19901 .flex-sm-row {
19902 flex-direction: row !important;
19904 .flex-sm-column {
19905 flex-direction: column !important;
19907 .flex-sm-row-reverse {
19908 flex-direction: row-reverse !important;
19910 .flex-sm-column-reverse {
19911 flex-direction: column-reverse !important;
19913 .flex-sm-wrap {
19914 flex-wrap: wrap !important;
19916 .flex-sm-nowrap {
19917 flex-wrap: nowrap !important;
19919 .flex-sm-wrap-reverse {
19920 flex-wrap: wrap-reverse !important;
19922 .flex-sm-fill {
19923 flex: 1 1 auto !important;
19925 .flex-sm-grow-0 {
19926 flex-grow: 0 !important;
19928 .flex-sm-grow-1 {
19929 flex-grow: 1 !important;
19931 .flex-sm-shrink-0 {
19932 flex-shrink: 0 !important;
19934 .flex-sm-shrink-1 {
19935 flex-shrink: 1 !important;
19937 .justify-content-sm-start {
19938 justify-content: flex-start !important;
19940 .justify-content-sm-end {
19941 justify-content: flex-end !important;
19943 .justify-content-sm-center {
19944 justify-content: center !important;
19946 .justify-content-sm-between {
19947 justify-content: space-between !important;
19949 .justify-content-sm-around {
19950 justify-content: space-around !important;
19952 .align-items-sm-start {
19953 align-items: flex-start !important;
19955 .align-items-sm-end {
19956 align-items: flex-end !important;
19958 .align-items-sm-center {
19959 align-items: center !important;
19961 .align-items-sm-baseline {
19962 align-items: baseline !important;
19964 .align-items-sm-stretch {
19965 align-items: stretch !important;
19967 .align-content-sm-start {
19968 align-content: flex-start !important;
19970 .align-content-sm-end {
19971 align-content: flex-end !important;
19973 .align-content-sm-center {
19974 align-content: center !important;
19976 .align-content-sm-between {
19977 align-content: space-between !important;
19979 .align-content-sm-around {
19980 align-content: space-around !important;
19982 .align-content-sm-stretch {
19983 align-content: stretch !important;
19985 .align-self-sm-auto {
19986 align-self: auto !important;
19988 .align-self-sm-start {
19989 align-self: flex-start !important;
19991 .align-self-sm-end {
19992 align-self: flex-end !important;
19994 .align-self-sm-center {
19995 align-self: center !important;
19997 .align-self-sm-baseline {
19998 align-self: baseline !important;
20000 .align-self-sm-stretch {
20001 align-self: stretch !important;
20004 @media (min-width: 768px) {
20005 .flex-md-row {
20006 flex-direction: row !important;
20008 .flex-md-column {
20009 flex-direction: column !important;
20011 .flex-md-row-reverse {
20012 flex-direction: row-reverse !important;
20014 .flex-md-column-reverse {
20015 flex-direction: column-reverse !important;
20017 .flex-md-wrap {
20018 flex-wrap: wrap !important;
20020 .flex-md-nowrap {
20021 flex-wrap: nowrap !important;
20023 .flex-md-wrap-reverse {
20024 flex-wrap: wrap-reverse !important;
20026 .flex-md-fill {
20027 flex: 1 1 auto !important;
20029 .flex-md-grow-0 {
20030 flex-grow: 0 !important;
20032 .flex-md-grow-1 {
20033 flex-grow: 1 !important;
20035 .flex-md-shrink-0 {
20036 flex-shrink: 0 !important;
20038 .flex-md-shrink-1 {
20039 flex-shrink: 1 !important;
20041 .justify-content-md-start {
20042 justify-content: flex-start !important;
20044 .justify-content-md-end {
20045 justify-content: flex-end !important;
20047 .justify-content-md-center {
20048 justify-content: center !important;
20050 .justify-content-md-between {
20051 justify-content: space-between !important;
20053 .justify-content-md-around {
20054 justify-content: space-around !important;
20056 .align-items-md-start {
20057 align-items: flex-start !important;
20059 .align-items-md-end {
20060 align-items: flex-end !important;
20062 .align-items-md-center {
20063 align-items: center !important;
20065 .align-items-md-baseline {
20066 align-items: baseline !important;
20068 .align-items-md-stretch {
20069 align-items: stretch !important;
20071 .align-content-md-start {
20072 align-content: flex-start !important;
20074 .align-content-md-end {
20075 align-content: flex-end !important;
20077 .align-content-md-center {
20078 align-content: center !important;
20080 .align-content-md-between {
20081 align-content: space-between !important;
20083 .align-content-md-around {
20084 align-content: space-around !important;
20086 .align-content-md-stretch {
20087 align-content: stretch !important;
20089 .align-self-md-auto {
20090 align-self: auto !important;
20092 .align-self-md-start {
20093 align-self: flex-start !important;
20095 .align-self-md-end {
20096 align-self: flex-end !important;
20098 .align-self-md-center {
20099 align-self: center !important;
20101 .align-self-md-baseline {
20102 align-self: baseline !important;
20104 .align-self-md-stretch {
20105 align-self: stretch !important;
20108 @media (min-width: 992px) {
20109 .flex-lg-row {
20110 flex-direction: row !important;
20112 .flex-lg-column {
20113 flex-direction: column !important;
20115 .flex-lg-row-reverse {
20116 flex-direction: row-reverse !important;
20118 .flex-lg-column-reverse {
20119 flex-direction: column-reverse !important;
20121 .flex-lg-wrap {
20122 flex-wrap: wrap !important;
20124 .flex-lg-nowrap {
20125 flex-wrap: nowrap !important;
20127 .flex-lg-wrap-reverse {
20128 flex-wrap: wrap-reverse !important;
20130 .flex-lg-fill {
20131 flex: 1 1 auto !important;
20133 .flex-lg-grow-0 {
20134 flex-grow: 0 !important;
20136 .flex-lg-grow-1 {
20137 flex-grow: 1 !important;
20139 .flex-lg-shrink-0 {
20140 flex-shrink: 0 !important;
20142 .flex-lg-shrink-1 {
20143 flex-shrink: 1 !important;
20145 .justify-content-lg-start {
20146 justify-content: flex-start !important;
20148 .justify-content-lg-end {
20149 justify-content: flex-end !important;
20151 .justify-content-lg-center {
20152 justify-content: center !important;
20154 .justify-content-lg-between {
20155 justify-content: space-between !important;
20157 .justify-content-lg-around {
20158 justify-content: space-around !important;
20160 .align-items-lg-start {
20161 align-items: flex-start !important;
20163 .align-items-lg-end {
20164 align-items: flex-end !important;
20166 .align-items-lg-center {
20167 align-items: center !important;
20169 .align-items-lg-baseline {
20170 align-items: baseline !important;
20172 .align-items-lg-stretch {
20173 align-items: stretch !important;
20175 .align-content-lg-start {
20176 align-content: flex-start !important;
20178 .align-content-lg-end {
20179 align-content: flex-end !important;
20181 .align-content-lg-center {
20182 align-content: center !important;
20184 .align-content-lg-between {
20185 align-content: space-between !important;
20187 .align-content-lg-around {
20188 align-content: space-around !important;
20190 .align-content-lg-stretch {
20191 align-content: stretch !important;
20193 .align-self-lg-auto {
20194 align-self: auto !important;
20196 .align-self-lg-start {
20197 align-self: flex-start !important;
20199 .align-self-lg-end {
20200 align-self: flex-end !important;
20202 .align-self-lg-center {
20203 align-self: center !important;
20205 .align-self-lg-baseline {
20206 align-self: baseline !important;
20208 .align-self-lg-stretch {
20209 align-self: stretch !important;
20212 @media (min-width: 1200px) {
20213 .flex-xl-row {
20214 flex-direction: row !important;
20216 .flex-xl-column {
20217 flex-direction: column !important;
20219 .flex-xl-row-reverse {
20220 flex-direction: row-reverse !important;
20222 .flex-xl-column-reverse {
20223 flex-direction: column-reverse !important;
20225 .flex-xl-wrap {
20226 flex-wrap: wrap !important;
20228 .flex-xl-nowrap {
20229 flex-wrap: nowrap !important;
20231 .flex-xl-wrap-reverse {
20232 flex-wrap: wrap-reverse !important;
20234 .flex-xl-fill {
20235 flex: 1 1 auto !important;
20237 .flex-xl-grow-0 {
20238 flex-grow: 0 !important;
20240 .flex-xl-grow-1 {
20241 flex-grow: 1 !important;
20243 .flex-xl-shrink-0 {
20244 flex-shrink: 0 !important;
20246 .flex-xl-shrink-1 {
20247 flex-shrink: 1 !important;
20249 .justify-content-xl-start {
20250 justify-content: flex-start !important;
20252 .justify-content-xl-end {
20253 justify-content: flex-end !important;
20255 .justify-content-xl-center {
20256 justify-content: center !important;
20258 .justify-content-xl-between {
20259 justify-content: space-between !important;
20261 .justify-content-xl-around {
20262 justify-content: space-around !important;
20264 .align-items-xl-start {
20265 align-items: flex-start !important;
20267 .align-items-xl-end {
20268 align-items: flex-end !important;
20270 .align-items-xl-center {
20271 align-items: center !important;
20273 .align-items-xl-baseline {
20274 align-items: baseline !important;
20276 .align-items-xl-stretch {
20277 align-items: stretch !important;
20279 .align-content-xl-start {
20280 align-content: flex-start !important;
20282 .align-content-xl-end {
20283 align-content: flex-end !important;
20285 .align-content-xl-center {
20286 align-content: center !important;
20288 .align-content-xl-between {
20289 align-content: space-between !important;
20291 .align-content-xl-around {
20292 align-content: space-around !important;
20294 .align-content-xl-stretch {
20295 align-content: stretch !important;
20297 .align-self-xl-auto {
20298 align-self: auto !important;
20300 .align-self-xl-start {
20301 align-self: flex-start !important;
20303 .align-self-xl-end {
20304 align-self: flex-end !important;
20306 .align-self-xl-center {
20307 align-self: center !important;
20309 .align-self-xl-baseline {
20310 align-self: baseline !important;
20312 .align-self-xl-stretch {
20313 align-self: stretch !important;
20316 .float-left, .float-start {
20317 float: left !important;
20320 .float-right, .float-end {
20321 float: right !important;
20324 .float-none {
20325 float: none !important;
20328 @media (min-width: 576px) {
20329 .float-sm-left, .float-sm-start {
20330 float: left !important;
20332 .float-sm-right, .float-sm-end {
20333 float: right !important;
20335 .float-sm-none {
20336 float: none !important;
20339 @media (min-width: 768px) {
20340 .float-md-left, .float-md-start {
20341 float: left !important;
20343 .float-md-right, .float-md-end {
20344 float: right !important;
20346 .float-md-none {
20347 float: none !important;
20350 @media (min-width: 992px) {
20351 .float-lg-left, .float-lg-start {
20352 float: left !important;
20354 .float-lg-right, .float-lg-end {
20355 float: right !important;
20357 .float-lg-none {
20358 float: none !important;
20361 @media (min-width: 1200px) {
20362 .float-xl-left, .float-xl-start {
20363 float: left !important;
20365 .float-xl-right, .float-xl-end {
20366 float: right !important;
20368 .float-xl-none {
20369 float: none !important;
20372 .user-select-all {
20373 user-select: all !important;
20376 .user-select-auto {
20377 user-select: auto !important;
20380 .user-select-none {
20381 user-select: none !important;
20384 .overflow-auto {
20385 overflow: auto !important;
20388 .overflow-hidden {
20389 overflow: hidden !important;
20392 .position-static {
20393 position: static !important;
20396 .position-relative {
20397 position: relative !important;
20400 .position-absolute {
20401 position: absolute !important;
20404 .position-fixed {
20405 position: fixed !important;
20408 .position-sticky {
20409 position: sticky !important;
20412 .fixed-top {
20413 position: fixed;
20414 top: 0;
20415 right: 0;
20416 left: 0;
20417 z-index: 1030;
20420 .fixed-bottom {
20421 position: fixed;
20422 right: 0;
20423 bottom: 0;
20424 left: 0;
20425 z-index: 1030;
20428 @supports (position: sticky) {
20429 .sticky-top {
20430 position: sticky;
20431 top: 0;
20432 z-index: 1020;
20436 .sr-only {
20437 position: absolute;
20438 width: 1px;
20439 height: 1px;
20440 padding: 0;
20441 margin: -1px;
20442 overflow: hidden;
20443 clip: rect(0, 0, 0, 0);
20444 white-space: nowrap;
20445 border: 0;
20448 .sr-only-focusable:active, .sr-only-focusable:focus {
20449 position: static;
20450 width: auto;
20451 height: auto;
20452 overflow: visible;
20453 clip: auto;
20454 white-space: normal;
20457 .shadow-sm {
20458 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
20461 .shadow {
20462 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
20465 .shadow-lg {
20466 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
20469 .shadow-none {
20470 box-shadow: none !important;
20473 .w-25 {
20474 width: 25% !important;
20477 .w-50 {
20478 width: 50% !important;
20481 .w-75 {
20482 width: 75% !important;
20485 .w-100 {
20486 width: 100% !important;
20489 .w-auto {
20490 width: auto !important;
20493 .h-25 {
20494 height: 25% !important;
20497 .h-50 {
20498 height: 50% !important;
20501 .h-75 {
20502 height: 75% !important;
20505 .h-100 {
20506 height: 100% !important;
20509 .h-auto {
20510 height: auto !important;
20513 .mw-100 {
20514 max-width: 100% !important;
20517 .mh-100 {
20518 max-height: 100% !important;
20521 .min-vw-100 {
20522 min-width: 100vw !important;
20525 .min-vh-100 {
20526 min-height: 100vh !important;
20529 .vw-100 {
20530 width: 100vw !important;
20533 .vh-100 {
20534 height: 100vh !important;
20537 .m-0 {
20538 margin: 0 !important;
20541 .mt-0,
20542 .my-0 {
20543 margin-top: 0 !important;
20546 .mr-0, .me-0,
20547 .mx-0 {
20548 margin-right: 0 !important;
20551 .mb-0,
20552 .my-0 {
20553 margin-bottom: 0 !important;
20556 .ml-0, .ms-0,
20557 .mx-0 {
20558 margin-left: 0 !important;
20561 .m-1 {
20562 margin: 0.25rem !important;
20565 .mt-1,
20566 .my-1 {
20567 margin-top: 0.25rem !important;
20570 .mr-1, .me-1,
20571 .mx-1 {
20572 margin-right: 0.25rem !important;
20575 .mb-1,
20576 .my-1 {
20577 margin-bottom: 0.25rem !important;
20580 .ml-1, .ms-1,
20581 .mx-1 {
20582 margin-left: 0.25rem !important;
20585 .m-2 {
20586 margin: 0.5rem !important;
20589 .mt-2,
20590 .my-2 {
20591 margin-top: 0.5rem !important;
20594 .mr-2, .me-2,
20595 .mx-2 {
20596 margin-right: 0.5rem !important;
20599 .mb-2,
20600 .my-2 {
20601 margin-bottom: 0.5rem !important;
20604 .ml-2, .ms-2,
20605 .mx-2 {
20606 margin-left: 0.5rem !important;
20609 .m-3 {
20610 margin: 1rem !important;
20613 .mt-3,
20614 .my-3 {
20615 margin-top: 1rem !important;
20618 .mr-3, .me-3,
20619 .mx-3 {
20620 margin-right: 1rem !important;
20623 .mb-3,
20624 .my-3 {
20625 margin-bottom: 1rem !important;
20628 .ml-3, .ms-3,
20629 .mx-3 {
20630 margin-left: 1rem !important;
20633 .m-4 {
20634 margin: 1.5rem !important;
20637 .mt-4,
20638 .my-4 {
20639 margin-top: 1.5rem !important;
20642 .mr-4, .me-4,
20643 .mx-4 {
20644 margin-right: 1.5rem !important;
20647 .mb-4,
20648 .my-4 {
20649 margin-bottom: 1.5rem !important;
20652 .ml-4, .ms-4,
20653 .mx-4 {
20654 margin-left: 1.5rem !important;
20657 .m-5 {
20658 margin: 2rem !important;
20661 .mt-5,
20662 .my-5 {
20663 margin-top: 2rem !important;
20666 .mr-5, .me-5,
20667 .mx-5 {
20668 margin-right: 2rem !important;
20671 .mb-5,
20672 .my-5 {
20673 margin-bottom: 2rem !important;
20676 .ml-5, .ms-5,
20677 .mx-5 {
20678 margin-left: 2rem !important;
20681 .m-6 {
20682 margin: 3rem !important;
20685 .mt-6,
20686 .my-6 {
20687 margin-top: 3rem !important;
20690 .mr-6, .me-6,
20691 .mx-6 {
20692 margin-right: 3rem !important;
20695 .mb-6,
20696 .my-6 {
20697 margin-bottom: 3rem !important;
20700 .ml-6, .ms-6,
20701 .mx-6 {
20702 margin-left: 3rem !important;
20705 .p-0 {
20706 padding: 0 !important;
20709 .pt-0,
20710 .py-0 {
20711 padding-top: 0 !important;
20714 .pr-0, .pe-0,
20715 .px-0 {
20716 padding-right: 0 !important;
20719 .pb-0,
20720 .py-0 {
20721 padding-bottom: 0 !important;
20724 .pl-0, .ps-0,
20725 .px-0 {
20726 padding-left: 0 !important;
20729 .p-1 {
20730 padding: 0.25rem !important;
20733 .pt-1,
20734 .py-1 {
20735 padding-top: 0.25rem !important;
20738 .pr-1, .pe-1,
20739 .px-1 {
20740 padding-right: 0.25rem !important;
20743 .pb-1,
20744 .py-1 {
20745 padding-bottom: 0.25rem !important;
20748 .pl-1, .ps-1,
20749 .px-1 {
20750 padding-left: 0.25rem !important;
20753 .p-2 {
20754 padding: 0.5rem !important;
20757 .pt-2,
20758 .py-2 {
20759 padding-top: 0.5rem !important;
20762 .pr-2, .pe-2,
20763 .px-2 {
20764 padding-right: 0.5rem !important;
20767 .pb-2,
20768 .py-2 {
20769 padding-bottom: 0.5rem !important;
20772 .pl-2, .ps-2,
20773 .px-2 {
20774 padding-left: 0.5rem !important;
20777 .p-3 {
20778 padding: 1rem !important;
20781 .pt-3,
20782 .py-3 {
20783 padding-top: 1rem !important;
20786 .pr-3, .pe-3,
20787 .px-3 {
20788 padding-right: 1rem !important;
20791 .pb-3,
20792 .py-3 {
20793 padding-bottom: 1rem !important;
20796 .pl-3, .ps-3,
20797 .px-3 {
20798 padding-left: 1rem !important;
20801 .p-4 {
20802 padding: 1.5rem !important;
20805 .pt-4,
20806 .py-4 {
20807 padding-top: 1.5rem !important;
20810 .pr-4, .pe-4,
20811 .px-4 {
20812 padding-right: 1.5rem !important;
20815 .pb-4,
20816 .py-4 {
20817 padding-bottom: 1.5rem !important;
20820 .pl-4, .ps-4,
20821 .px-4 {
20822 padding-left: 1.5rem !important;
20825 .p-5 {
20826 padding: 2rem !important;
20829 .pt-5,
20830 .py-5 {
20831 padding-top: 2rem !important;
20834 .pr-5, .pe-5,
20835 .px-5 {
20836 padding-right: 2rem !important;
20839 .pb-5,
20840 .py-5 {
20841 padding-bottom: 2rem !important;
20844 .pl-5, .ps-5,
20845 .px-5 {
20846 padding-left: 2rem !important;
20849 .p-6 {
20850 padding: 3rem !important;
20853 .pt-6,
20854 .py-6 {
20855 padding-top: 3rem !important;
20858 .pr-6, .pe-6,
20859 .px-6 {
20860 padding-right: 3rem !important;
20863 .pb-6,
20864 .py-6 {
20865 padding-bottom: 3rem !important;
20868 .pl-6, .ps-6,
20869 .px-6 {
20870 padding-left: 3rem !important;
20873 .m-n1 {
20874 margin: -0.25rem !important;
20877 .mt-n1,
20878 .my-n1 {
20879 margin-top: -0.25rem !important;
20882 .mr-n1,
20883 .mx-n1 {
20884 margin-right: -0.25rem !important;
20887 .mb-n1,
20888 .my-n1 {
20889 margin-bottom: -0.25rem !important;
20892 .ml-n1,
20893 .mx-n1 {
20894 margin-left: -0.25rem !important;
20897 .m-n2 {
20898 margin: -0.5rem !important;
20901 .mt-n2,
20902 .my-n2 {
20903 margin-top: -0.5rem !important;
20906 .mr-n2,
20907 .mx-n2 {
20908 margin-right: -0.5rem !important;
20911 .mb-n2,
20912 .my-n2 {
20913 margin-bottom: -0.5rem !important;
20916 .ml-n2,
20917 .mx-n2 {
20918 margin-left: -0.5rem !important;
20921 .m-n3 {
20922 margin: -1rem !important;
20925 .mt-n3,
20926 .my-n3 {
20927 margin-top: -1rem !important;
20930 .mr-n3,
20931 .mx-n3 {
20932 margin-right: -1rem !important;
20935 .mb-n3,
20936 .my-n3 {
20937 margin-bottom: -1rem !important;
20940 .ml-n3,
20941 .mx-n3 {
20942 margin-left: -1rem !important;
20945 .m-n4 {
20946 margin: -1.5rem !important;
20949 .mt-n4,
20950 .my-n4 {
20951 margin-top: -1.5rem !important;
20954 .mr-n4,
20955 .mx-n4 {
20956 margin-right: -1.5rem !important;
20959 .mb-n4,
20960 .my-n4 {
20961 margin-bottom: -1.5rem !important;
20964 .ml-n4,
20965 .mx-n4 {
20966 margin-left: -1.5rem !important;
20969 .m-n5 {
20970 margin: -2rem !important;
20973 .mt-n5,
20974 .my-n5 {
20975 margin-top: -2rem !important;
20978 .mr-n5,
20979 .mx-n5 {
20980 margin-right: -2rem !important;
20983 .mb-n5,
20984 .my-n5 {
20985 margin-bottom: -2rem !important;
20988 .ml-n5,
20989 .mx-n5 {
20990 margin-left: -2rem !important;
20993 .m-n6 {
20994 margin: -3rem !important;
20997 .mt-n6,
20998 .my-n6 {
20999 margin-top: -3rem !important;
21002 .mr-n6,
21003 .mx-n6 {
21004 margin-right: -3rem !important;
21007 .mb-n6,
21008 .my-n6 {
21009 margin-bottom: -3rem !important;
21012 .ml-n6,
21013 .mx-n6 {
21014 margin-left: -3rem !important;
21017 .m-auto {
21018 margin: auto !important;
21021 .mt-auto,
21022 .my-auto {
21023 margin-top: auto !important;
21026 .mr-auto, .me-auto,
21027 .mx-auto {
21028 margin-right: auto !important;
21031 .mb-auto,
21032 .my-auto {
21033 margin-bottom: auto !important;
21036 .ml-auto, .ms-auto,
21037 .mx-auto {
21038 margin-left: auto !important;
21041 @media (min-width: 576px) {
21042 .m-sm-0 {
21043 margin: 0 !important;
21045 .mt-sm-0,
21046 .my-sm-0 {
21047 margin-top: 0 !important;
21049 .mr-sm-0, .me-sm-0,
21050 .mx-sm-0 {
21051 margin-right: 0 !important;
21053 .mb-sm-0,
21054 .my-sm-0 {
21055 margin-bottom: 0 !important;
21057 .ml-sm-0, .ms-sm-0,
21058 .mx-sm-0 {
21059 margin-left: 0 !important;
21061 .m-sm-1 {
21062 margin: 0.25rem !important;
21064 .mt-sm-1,
21065 .my-sm-1 {
21066 margin-top: 0.25rem !important;
21068 .mr-sm-1, .me-sm-1,
21069 .mx-sm-1 {
21070 margin-right: 0.25rem !important;
21072 .mb-sm-1,
21073 .my-sm-1 {
21074 margin-bottom: 0.25rem !important;
21076 .ml-sm-1, .ms-sm-1,
21077 .mx-sm-1 {
21078 margin-left: 0.25rem !important;
21080 .m-sm-2 {
21081 margin: 0.5rem !important;
21083 .mt-sm-2,
21084 .my-sm-2 {
21085 margin-top: 0.5rem !important;
21087 .mr-sm-2, .me-sm-2,
21088 .mx-sm-2 {
21089 margin-right: 0.5rem !important;
21091 .mb-sm-2,
21092 .my-sm-2 {
21093 margin-bottom: 0.5rem !important;
21095 .ml-sm-2, .ms-sm-2,
21096 .mx-sm-2 {
21097 margin-left: 0.5rem !important;
21099 .m-sm-3 {
21100 margin: 1rem !important;
21102 .mt-sm-3,
21103 .my-sm-3 {
21104 margin-top: 1rem !important;
21106 .mr-sm-3, .me-sm-3,
21107 .mx-sm-3 {
21108 margin-right: 1rem !important;
21110 .mb-sm-3,
21111 .my-sm-3 {
21112 margin-bottom: 1rem !important;
21114 .ml-sm-3, .ms-sm-3,
21115 .mx-sm-3 {
21116 margin-left: 1rem !important;
21118 .m-sm-4 {
21119 margin: 1.5rem !important;
21121 .mt-sm-4,
21122 .my-sm-4 {
21123 margin-top: 1.5rem !important;
21125 .mr-sm-4, .me-sm-4,
21126 .mx-sm-4 {
21127 margin-right: 1.5rem !important;
21129 .mb-sm-4,
21130 .my-sm-4 {
21131 margin-bottom: 1.5rem !important;
21133 .ml-sm-4, .ms-sm-4,
21134 .mx-sm-4 {
21135 margin-left: 1.5rem !important;
21137 .m-sm-5 {
21138 margin: 2rem !important;
21140 .mt-sm-5,
21141 .my-sm-5 {
21142 margin-top: 2rem !important;
21144 .mr-sm-5, .me-sm-5,
21145 .mx-sm-5 {
21146 margin-right: 2rem !important;
21148 .mb-sm-5,
21149 .my-sm-5 {
21150 margin-bottom: 2rem !important;
21152 .ml-sm-5, .ms-sm-5,
21153 .mx-sm-5 {
21154 margin-left: 2rem !important;
21156 .m-sm-6 {
21157 margin: 3rem !important;
21159 .mt-sm-6,
21160 .my-sm-6 {
21161 margin-top: 3rem !important;
21163 .mr-sm-6, .me-sm-6,
21164 .mx-sm-6 {
21165 margin-right: 3rem !important;
21167 .mb-sm-6,
21168 .my-sm-6 {
21169 margin-bottom: 3rem !important;
21171 .ml-sm-6, .ms-sm-6,
21172 .mx-sm-6 {
21173 margin-left: 3rem !important;
21175 .p-sm-0 {
21176 padding: 0 !important;
21178 .pt-sm-0,
21179 .py-sm-0 {
21180 padding-top: 0 !important;
21182 .pr-sm-0, .pe-sm-0,
21183 .px-sm-0 {
21184 padding-right: 0 !important;
21186 .pb-sm-0,
21187 .py-sm-0 {
21188 padding-bottom: 0 !important;
21190 .pl-sm-0, .ps-sm-0,
21191 .px-sm-0 {
21192 padding-left: 0 !important;
21194 .p-sm-1 {
21195 padding: 0.25rem !important;
21197 .pt-sm-1,
21198 .py-sm-1 {
21199 padding-top: 0.25rem !important;
21201 .pr-sm-1, .pe-sm-1,
21202 .px-sm-1 {
21203 padding-right: 0.25rem !important;
21205 .pb-sm-1,
21206 .py-sm-1 {
21207 padding-bottom: 0.25rem !important;
21209 .pl-sm-1, .ps-sm-1,
21210 .px-sm-1 {
21211 padding-left: 0.25rem !important;
21213 .p-sm-2 {
21214 padding: 0.5rem !important;
21216 .pt-sm-2,
21217 .py-sm-2 {
21218 padding-top: 0.5rem !important;
21220 .pr-sm-2, .pe-sm-2,
21221 .px-sm-2 {
21222 padding-right: 0.5rem !important;
21224 .pb-sm-2,
21225 .py-sm-2 {
21226 padding-bottom: 0.5rem !important;
21228 .pl-sm-2, .ps-sm-2,
21229 .px-sm-2 {
21230 padding-left: 0.5rem !important;
21232 .p-sm-3 {
21233 padding: 1rem !important;
21235 .pt-sm-3,
21236 .py-sm-3 {
21237 padding-top: 1rem !important;
21239 .pr-sm-3, .pe-sm-3,
21240 .px-sm-3 {
21241 padding-right: 1rem !important;
21243 .pb-sm-3,
21244 .py-sm-3 {
21245 padding-bottom: 1rem !important;
21247 .pl-sm-3, .ps-sm-3,
21248 .px-sm-3 {
21249 padding-left: 1rem !important;
21251 .p-sm-4 {
21252 padding: 1.5rem !important;
21254 .pt-sm-4,
21255 .py-sm-4 {
21256 padding-top: 1.5rem !important;
21258 .pr-sm-4, .pe-sm-4,
21259 .px-sm-4 {
21260 padding-right: 1.5rem !important;
21262 .pb-sm-4,
21263 .py-sm-4 {
21264 padding-bottom: 1.5rem !important;
21266 .pl-sm-4, .ps-sm-4,
21267 .px-sm-4 {
21268 padding-left: 1.5rem !important;
21270 .p-sm-5 {
21271 padding: 2rem !important;
21273 .pt-sm-5,
21274 .py-sm-5 {
21275 padding-top: 2rem !important;
21277 .pr-sm-5, .pe-sm-5,
21278 .px-sm-5 {
21279 padding-right: 2rem !important;
21281 .pb-sm-5,
21282 .py-sm-5 {
21283 padding-bottom: 2rem !important;
21285 .pl-sm-5, .ps-sm-5,
21286 .px-sm-5 {
21287 padding-left: 2rem !important;
21289 .p-sm-6 {
21290 padding: 3rem !important;
21292 .pt-sm-6,
21293 .py-sm-6 {
21294 padding-top: 3rem !important;
21296 .pr-sm-6, .pe-sm-6,
21297 .px-sm-6 {
21298 padding-right: 3rem !important;
21300 .pb-sm-6,
21301 .py-sm-6 {
21302 padding-bottom: 3rem !important;
21304 .pl-sm-6, .ps-sm-6,
21305 .px-sm-6 {
21306 padding-left: 3rem !important;
21308 .m-sm-n1 {
21309 margin: -0.25rem !important;
21311 .mt-sm-n1,
21312 .my-sm-n1 {
21313 margin-top: -0.25rem !important;
21315 .mr-sm-n1,
21316 .mx-sm-n1 {
21317 margin-right: -0.25rem !important;
21319 .mb-sm-n1,
21320 .my-sm-n1 {
21321 margin-bottom: -0.25rem !important;
21323 .ml-sm-n1,
21324 .mx-sm-n1 {
21325 margin-left: -0.25rem !important;
21327 .m-sm-n2 {
21328 margin: -0.5rem !important;
21330 .mt-sm-n2,
21331 .my-sm-n2 {
21332 margin-top: -0.5rem !important;
21334 .mr-sm-n2,
21335 .mx-sm-n2 {
21336 margin-right: -0.5rem !important;
21338 .mb-sm-n2,
21339 .my-sm-n2 {
21340 margin-bottom: -0.5rem !important;
21342 .ml-sm-n2,
21343 .mx-sm-n2 {
21344 margin-left: -0.5rem !important;
21346 .m-sm-n3 {
21347 margin: -1rem !important;
21349 .mt-sm-n3,
21350 .my-sm-n3 {
21351 margin-top: -1rem !important;
21353 .mr-sm-n3,
21354 .mx-sm-n3 {
21355 margin-right: -1rem !important;
21357 .mb-sm-n3,
21358 .my-sm-n3 {
21359 margin-bottom: -1rem !important;
21361 .ml-sm-n3,
21362 .mx-sm-n3 {
21363 margin-left: -1rem !important;
21365 .m-sm-n4 {
21366 margin: -1.5rem !important;
21368 .mt-sm-n4,
21369 .my-sm-n4 {
21370 margin-top: -1.5rem !important;
21372 .mr-sm-n4,
21373 .mx-sm-n4 {
21374 margin-right: -1.5rem !important;
21376 .mb-sm-n4,
21377 .my-sm-n4 {
21378 margin-bottom: -1.5rem !important;
21380 .ml-sm-n4,
21381 .mx-sm-n4 {
21382 margin-left: -1.5rem !important;
21384 .m-sm-n5 {
21385 margin: -2rem !important;
21387 .mt-sm-n5,
21388 .my-sm-n5 {
21389 margin-top: -2rem !important;
21391 .mr-sm-n5,
21392 .mx-sm-n5 {
21393 margin-right: -2rem !important;
21395 .mb-sm-n5,
21396 .my-sm-n5 {
21397 margin-bottom: -2rem !important;
21399 .ml-sm-n5,
21400 .mx-sm-n5 {
21401 margin-left: -2rem !important;
21403 .m-sm-n6 {
21404 margin: -3rem !important;
21406 .mt-sm-n6,
21407 .my-sm-n6 {
21408 margin-top: -3rem !important;
21410 .mr-sm-n6,
21411 .mx-sm-n6 {
21412 margin-right: -3rem !important;
21414 .mb-sm-n6,
21415 .my-sm-n6 {
21416 margin-bottom: -3rem !important;
21418 .ml-sm-n6,
21419 .mx-sm-n6 {
21420 margin-left: -3rem !important;
21422 .m-sm-auto {
21423 margin: auto !important;
21425 .mt-sm-auto,
21426 .my-sm-auto {
21427 margin-top: auto !important;
21429 .mr-sm-auto, .me-sm-auto,
21430 .mx-sm-auto {
21431 margin-right: auto !important;
21433 .mb-sm-auto,
21434 .my-sm-auto {
21435 margin-bottom: auto !important;
21437 .ml-sm-auto, .ms-sm-auto,
21438 .mx-sm-auto {
21439 margin-left: auto !important;
21442 @media (min-width: 768px) {
21443 .m-md-0 {
21444 margin: 0 !important;
21446 .mt-md-0,
21447 .my-md-0 {
21448 margin-top: 0 !important;
21450 .mr-md-0, .me-md-0,
21451 .mx-md-0 {
21452 margin-right: 0 !important;
21454 .mb-md-0,
21455 .my-md-0 {
21456 margin-bottom: 0 !important;
21458 .ml-md-0, .ms-md-0,
21459 .mx-md-0 {
21460 margin-left: 0 !important;
21462 .m-md-1 {
21463 margin: 0.25rem !important;
21465 .mt-md-1,
21466 .my-md-1 {
21467 margin-top: 0.25rem !important;
21469 .mr-md-1, .me-md-1,
21470 .mx-md-1 {
21471 margin-right: 0.25rem !important;
21473 .mb-md-1,
21474 .my-md-1 {
21475 margin-bottom: 0.25rem !important;
21477 .ml-md-1, .ms-md-1,
21478 .mx-md-1 {
21479 margin-left: 0.25rem !important;
21481 .m-md-2 {
21482 margin: 0.5rem !important;
21484 .mt-md-2,
21485 .my-md-2 {
21486 margin-top: 0.5rem !important;
21488 .mr-md-2, .me-md-2,
21489 .mx-md-2 {
21490 margin-right: 0.5rem !important;
21492 .mb-md-2,
21493 .my-md-2 {
21494 margin-bottom: 0.5rem !important;
21496 .ml-md-2, .ms-md-2,
21497 .mx-md-2 {
21498 margin-left: 0.5rem !important;
21500 .m-md-3 {
21501 margin: 1rem !important;
21503 .mt-md-3,
21504 .my-md-3 {
21505 margin-top: 1rem !important;
21507 .mr-md-3, .me-md-3,
21508 .mx-md-3 {
21509 margin-right: 1rem !important;
21511 .mb-md-3,
21512 .my-md-3 {
21513 margin-bottom: 1rem !important;
21515 .ml-md-3, .ms-md-3,
21516 .mx-md-3 {
21517 margin-left: 1rem !important;
21519 .m-md-4 {
21520 margin: 1.5rem !important;
21522 .mt-md-4,
21523 .my-md-4 {
21524 margin-top: 1.5rem !important;
21526 .mr-md-4, .me-md-4,
21527 .mx-md-4 {
21528 margin-right: 1.5rem !important;
21530 .mb-md-4,
21531 .my-md-4 {
21532 margin-bottom: 1.5rem !important;
21534 .ml-md-4, .ms-md-4,
21535 .mx-md-4 {
21536 margin-left: 1.5rem !important;
21538 .m-md-5 {
21539 margin: 2rem !important;
21541 .mt-md-5,
21542 .my-md-5 {
21543 margin-top: 2rem !important;
21545 .mr-md-5, .me-md-5,
21546 .mx-md-5 {
21547 margin-right: 2rem !important;
21549 .mb-md-5,
21550 .my-md-5 {
21551 margin-bottom: 2rem !important;
21553 .ml-md-5, .ms-md-5,
21554 .mx-md-5 {
21555 margin-left: 2rem !important;
21557 .m-md-6 {
21558 margin: 3rem !important;
21560 .mt-md-6,
21561 .my-md-6 {
21562 margin-top: 3rem !important;
21564 .mr-md-6, .me-md-6,
21565 .mx-md-6 {
21566 margin-right: 3rem !important;
21568 .mb-md-6,
21569 .my-md-6 {
21570 margin-bottom: 3rem !important;
21572 .ml-md-6, .ms-md-6,
21573 .mx-md-6 {
21574 margin-left: 3rem !important;
21576 .p-md-0 {
21577 padding: 0 !important;
21579 .pt-md-0,
21580 .py-md-0 {
21581 padding-top: 0 !important;
21583 .pr-md-0, .pe-md-0,
21584 .px-md-0 {
21585 padding-right: 0 !important;
21587 .pb-md-0,
21588 .py-md-0 {
21589 padding-bottom: 0 !important;
21591 .pl-md-0, .ps-md-0,
21592 .px-md-0 {
21593 padding-left: 0 !important;
21595 .p-md-1 {
21596 padding: 0.25rem !important;
21598 .pt-md-1,
21599 .py-md-1 {
21600 padding-top: 0.25rem !important;
21602 .pr-md-1, .pe-md-1,
21603 .px-md-1 {
21604 padding-right: 0.25rem !important;
21606 .pb-md-1,
21607 .py-md-1 {
21608 padding-bottom: 0.25rem !important;
21610 .pl-md-1, .ps-md-1,
21611 .px-md-1 {
21612 padding-left: 0.25rem !important;
21614 .p-md-2 {
21615 padding: 0.5rem !important;
21617 .pt-md-2,
21618 .py-md-2 {
21619 padding-top: 0.5rem !important;
21621 .pr-md-2, .pe-md-2,
21622 .px-md-2 {
21623 padding-right: 0.5rem !important;
21625 .pb-md-2,
21626 .py-md-2 {
21627 padding-bottom: 0.5rem !important;
21629 .pl-md-2, .ps-md-2,
21630 .px-md-2 {
21631 padding-left: 0.5rem !important;
21633 .p-md-3 {
21634 padding: 1rem !important;
21636 .pt-md-3,
21637 .py-md-3 {
21638 padding-top: 1rem !important;
21640 .pr-md-3, .pe-md-3,
21641 .px-md-3 {
21642 padding-right: 1rem !important;
21644 .pb-md-3,
21645 .py-md-3 {
21646 padding-bottom: 1rem !important;
21648 .pl-md-3, .ps-md-3,
21649 .px-md-3 {
21650 padding-left: 1rem !important;
21652 .p-md-4 {
21653 padding: 1.5rem !important;
21655 .pt-md-4,
21656 .py-md-4 {
21657 padding-top: 1.5rem !important;
21659 .pr-md-4, .pe-md-4,
21660 .px-md-4 {
21661 padding-right: 1.5rem !important;
21663 .pb-md-4,
21664 .py-md-4 {
21665 padding-bottom: 1.5rem !important;
21667 .pl-md-4, .ps-md-4,
21668 .px-md-4 {
21669 padding-left: 1.5rem !important;
21671 .p-md-5 {
21672 padding: 2rem !important;
21674 .pt-md-5,
21675 .py-md-5 {
21676 padding-top: 2rem !important;
21678 .pr-md-5, .pe-md-5,
21679 .px-md-5 {
21680 padding-right: 2rem !important;
21682 .pb-md-5,
21683 .py-md-5 {
21684 padding-bottom: 2rem !important;
21686 .pl-md-5, .ps-md-5,
21687 .px-md-5 {
21688 padding-left: 2rem !important;
21690 .p-md-6 {
21691 padding: 3rem !important;
21693 .pt-md-6,
21694 .py-md-6 {
21695 padding-top: 3rem !important;
21697 .pr-md-6, .pe-md-6,
21698 .px-md-6 {
21699 padding-right: 3rem !important;
21701 .pb-md-6,
21702 .py-md-6 {
21703 padding-bottom: 3rem !important;
21705 .pl-md-6, .ps-md-6,
21706 .px-md-6 {
21707 padding-left: 3rem !important;
21709 .m-md-n1 {
21710 margin: -0.25rem !important;
21712 .mt-md-n1,
21713 .my-md-n1 {
21714 margin-top: -0.25rem !important;
21716 .mr-md-n1,
21717 .mx-md-n1 {
21718 margin-right: -0.25rem !important;
21720 .mb-md-n1,
21721 .my-md-n1 {
21722 margin-bottom: -0.25rem !important;
21724 .ml-md-n1,
21725 .mx-md-n1 {
21726 margin-left: -0.25rem !important;
21728 .m-md-n2 {
21729 margin: -0.5rem !important;
21731 .mt-md-n2,
21732 .my-md-n2 {
21733 margin-top: -0.5rem !important;
21735 .mr-md-n2,
21736 .mx-md-n2 {
21737 margin-right: -0.5rem !important;
21739 .mb-md-n2,
21740 .my-md-n2 {
21741 margin-bottom: -0.5rem !important;
21743 .ml-md-n2,
21744 .mx-md-n2 {
21745 margin-left: -0.5rem !important;
21747 .m-md-n3 {
21748 margin: -1rem !important;
21750 .mt-md-n3,
21751 .my-md-n3 {
21752 margin-top: -1rem !important;
21754 .mr-md-n3,
21755 .mx-md-n3 {
21756 margin-right: -1rem !important;
21758 .mb-md-n3,
21759 .my-md-n3 {
21760 margin-bottom: -1rem !important;
21762 .ml-md-n3,
21763 .mx-md-n3 {
21764 margin-left: -1rem !important;
21766 .m-md-n4 {
21767 margin: -1.5rem !important;
21769 .mt-md-n4,
21770 .my-md-n4 {
21771 margin-top: -1.5rem !important;
21773 .mr-md-n4,
21774 .mx-md-n4 {
21775 margin-right: -1.5rem !important;
21777 .mb-md-n4,
21778 .my-md-n4 {
21779 margin-bottom: -1.5rem !important;
21781 .ml-md-n4,
21782 .mx-md-n4 {
21783 margin-left: -1.5rem !important;
21785 .m-md-n5 {
21786 margin: -2rem !important;
21788 .mt-md-n5,
21789 .my-md-n5 {
21790 margin-top: -2rem !important;
21792 .mr-md-n5,
21793 .mx-md-n5 {
21794 margin-right: -2rem !important;
21796 .mb-md-n5,
21797 .my-md-n5 {
21798 margin-bottom: -2rem !important;
21800 .ml-md-n5,
21801 .mx-md-n5 {
21802 margin-left: -2rem !important;
21804 .m-md-n6 {
21805 margin: -3rem !important;
21807 .mt-md-n6,
21808 .my-md-n6 {
21809 margin-top: -3rem !important;
21811 .mr-md-n6,
21812 .mx-md-n6 {
21813 margin-right: -3rem !important;
21815 .mb-md-n6,
21816 .my-md-n6 {
21817 margin-bottom: -3rem !important;
21819 .ml-md-n6,
21820 .mx-md-n6 {
21821 margin-left: -3rem !important;
21823 .m-md-auto {
21824 margin: auto !important;
21826 .mt-md-auto,
21827 .my-md-auto {
21828 margin-top: auto !important;
21830 .mr-md-auto, .me-md-auto,
21831 .mx-md-auto {
21832 margin-right: auto !important;
21834 .mb-md-auto,
21835 .my-md-auto {
21836 margin-bottom: auto !important;
21838 .ml-md-auto, .ms-md-auto,
21839 .mx-md-auto {
21840 margin-left: auto !important;
21843 @media (min-width: 992px) {
21844 .m-lg-0 {
21845 margin: 0 !important;
21847 .mt-lg-0,
21848 .my-lg-0 {
21849 margin-top: 0 !important;
21851 .mr-lg-0, .me-lg-0,
21852 .mx-lg-0 {
21853 margin-right: 0 !important;
21855 .mb-lg-0,
21856 .my-lg-0 {
21857 margin-bottom: 0 !important;
21859 .ml-lg-0, .ms-lg-0,
21860 .mx-lg-0 {
21861 margin-left: 0 !important;
21863 .m-lg-1 {
21864 margin: 0.25rem !important;
21866 .mt-lg-1,
21867 .my-lg-1 {
21868 margin-top: 0.25rem !important;
21870 .mr-lg-1, .me-lg-1,
21871 .mx-lg-1 {
21872 margin-right: 0.25rem !important;
21874 .mb-lg-1,
21875 .my-lg-1 {
21876 margin-bottom: 0.25rem !important;
21878 .ml-lg-1, .ms-lg-1,
21879 .mx-lg-1 {
21880 margin-left: 0.25rem !important;
21882 .m-lg-2 {
21883 margin: 0.5rem !important;
21885 .mt-lg-2,
21886 .my-lg-2 {
21887 margin-top: 0.5rem !important;
21889 .mr-lg-2, .me-lg-2,
21890 .mx-lg-2 {
21891 margin-right: 0.5rem !important;
21893 .mb-lg-2,
21894 .my-lg-2 {
21895 margin-bottom: 0.5rem !important;
21897 .ml-lg-2, .ms-lg-2,
21898 .mx-lg-2 {
21899 margin-left: 0.5rem !important;
21901 .m-lg-3 {
21902 margin: 1rem !important;
21904 .mt-lg-3,
21905 .my-lg-3 {
21906 margin-top: 1rem !important;
21908 .mr-lg-3, .me-lg-3,
21909 .mx-lg-3 {
21910 margin-right: 1rem !important;
21912 .mb-lg-3,
21913 .my-lg-3 {
21914 margin-bottom: 1rem !important;
21916 .ml-lg-3, .ms-lg-3,
21917 .mx-lg-3 {
21918 margin-left: 1rem !important;
21920 .m-lg-4 {
21921 margin: 1.5rem !important;
21923 .mt-lg-4,
21924 .my-lg-4 {
21925 margin-top: 1.5rem !important;
21927 .mr-lg-4, .me-lg-4,
21928 .mx-lg-4 {
21929 margin-right: 1.5rem !important;
21931 .mb-lg-4,
21932 .my-lg-4 {
21933 margin-bottom: 1.5rem !important;
21935 .ml-lg-4, .ms-lg-4,
21936 .mx-lg-4 {
21937 margin-left: 1.5rem !important;
21939 .m-lg-5 {
21940 margin: 2rem !important;
21942 .mt-lg-5,
21943 .my-lg-5 {
21944 margin-top: 2rem !important;
21946 .mr-lg-5, .me-lg-5,
21947 .mx-lg-5 {
21948 margin-right: 2rem !important;
21950 .mb-lg-5,
21951 .my-lg-5 {
21952 margin-bottom: 2rem !important;
21954 .ml-lg-5, .ms-lg-5,
21955 .mx-lg-5 {
21956 margin-left: 2rem !important;
21958 .m-lg-6 {
21959 margin: 3rem !important;
21961 .mt-lg-6,
21962 .my-lg-6 {
21963 margin-top: 3rem !important;
21965 .mr-lg-6, .me-lg-6,
21966 .mx-lg-6 {
21967 margin-right: 3rem !important;
21969 .mb-lg-6,
21970 .my-lg-6 {
21971 margin-bottom: 3rem !important;
21973 .ml-lg-6, .ms-lg-6,
21974 .mx-lg-6 {
21975 margin-left: 3rem !important;
21977 .p-lg-0 {
21978 padding: 0 !important;
21980 .pt-lg-0,
21981 .py-lg-0 {
21982 padding-top: 0 !important;
21984 .pr-lg-0, .pe-lg-0,
21985 .px-lg-0 {
21986 padding-right: 0 !important;
21988 .pb-lg-0,
21989 .py-lg-0 {
21990 padding-bottom: 0 !important;
21992 .pl-lg-0, .ps-lg-0,
21993 .px-lg-0 {
21994 padding-left: 0 !important;
21996 .p-lg-1 {
21997 padding: 0.25rem !important;
21999 .pt-lg-1,
22000 .py-lg-1 {
22001 padding-top: 0.25rem !important;
22003 .pr-lg-1, .pe-lg-1,
22004 .px-lg-1 {
22005 padding-right: 0.25rem !important;
22007 .pb-lg-1,
22008 .py-lg-1 {
22009 padding-bottom: 0.25rem !important;
22011 .pl-lg-1, .ps-lg-1,
22012 .px-lg-1 {
22013 padding-left: 0.25rem !important;
22015 .p-lg-2 {
22016 padding: 0.5rem !important;
22018 .pt-lg-2,
22019 .py-lg-2 {
22020 padding-top: 0.5rem !important;
22022 .pr-lg-2, .pe-lg-2,
22023 .px-lg-2 {
22024 padding-right: 0.5rem !important;
22026 .pb-lg-2,
22027 .py-lg-2 {
22028 padding-bottom: 0.5rem !important;
22030 .pl-lg-2, .ps-lg-2,
22031 .px-lg-2 {
22032 padding-left: 0.5rem !important;
22034 .p-lg-3 {
22035 padding: 1rem !important;
22037 .pt-lg-3,
22038 .py-lg-3 {
22039 padding-top: 1rem !important;
22041 .pr-lg-3, .pe-lg-3,
22042 .px-lg-3 {
22043 padding-right: 1rem !important;
22045 .pb-lg-3,
22046 .py-lg-3 {
22047 padding-bottom: 1rem !important;
22049 .pl-lg-3, .ps-lg-3,
22050 .px-lg-3 {
22051 padding-left: 1rem !important;
22053 .p-lg-4 {
22054 padding: 1.5rem !important;
22056 .pt-lg-4,
22057 .py-lg-4 {
22058 padding-top: 1.5rem !important;
22060 .pr-lg-4, .pe-lg-4,
22061 .px-lg-4 {
22062 padding-right: 1.5rem !important;
22064 .pb-lg-4,
22065 .py-lg-4 {
22066 padding-bottom: 1.5rem !important;
22068 .pl-lg-4, .ps-lg-4,
22069 .px-lg-4 {
22070 padding-left: 1.5rem !important;
22072 .p-lg-5 {
22073 padding: 2rem !important;
22075 .pt-lg-5,
22076 .py-lg-5 {
22077 padding-top: 2rem !important;
22079 .pr-lg-5, .pe-lg-5,
22080 .px-lg-5 {
22081 padding-right: 2rem !important;
22083 .pb-lg-5,
22084 .py-lg-5 {
22085 padding-bottom: 2rem !important;
22087 .pl-lg-5, .ps-lg-5,
22088 .px-lg-5 {
22089 padding-left: 2rem !important;
22091 .p-lg-6 {
22092 padding: 3rem !important;
22094 .pt-lg-6,
22095 .py-lg-6 {
22096 padding-top: 3rem !important;
22098 .pr-lg-6, .pe-lg-6,
22099 .px-lg-6 {
22100 padding-right: 3rem !important;
22102 .pb-lg-6,
22103 .py-lg-6 {
22104 padding-bottom: 3rem !important;
22106 .pl-lg-6, .ps-lg-6,
22107 .px-lg-6 {
22108 padding-left: 3rem !important;
22110 .m-lg-n1 {
22111 margin: -0.25rem !important;
22113 .mt-lg-n1,
22114 .my-lg-n1 {
22115 margin-top: -0.25rem !important;
22117 .mr-lg-n1,
22118 .mx-lg-n1 {
22119 margin-right: -0.25rem !important;
22121 .mb-lg-n1,
22122 .my-lg-n1 {
22123 margin-bottom: -0.25rem !important;
22125 .ml-lg-n1,
22126 .mx-lg-n1 {
22127 margin-left: -0.25rem !important;
22129 .m-lg-n2 {
22130 margin: -0.5rem !important;
22132 .mt-lg-n2,
22133 .my-lg-n2 {
22134 margin-top: -0.5rem !important;
22136 .mr-lg-n2,
22137 .mx-lg-n2 {
22138 margin-right: -0.5rem !important;
22140 .mb-lg-n2,
22141 .my-lg-n2 {
22142 margin-bottom: -0.5rem !important;
22144 .ml-lg-n2,
22145 .mx-lg-n2 {
22146 margin-left: -0.5rem !important;
22148 .m-lg-n3 {
22149 margin: -1rem !important;
22151 .mt-lg-n3,
22152 .my-lg-n3 {
22153 margin-top: -1rem !important;
22155 .mr-lg-n3,
22156 .mx-lg-n3 {
22157 margin-right: -1rem !important;
22159 .mb-lg-n3,
22160 .my-lg-n3 {
22161 margin-bottom: -1rem !important;
22163 .ml-lg-n3,
22164 .mx-lg-n3 {
22165 margin-left: -1rem !important;
22167 .m-lg-n4 {
22168 margin: -1.5rem !important;
22170 .mt-lg-n4,
22171 .my-lg-n4 {
22172 margin-top: -1.5rem !important;
22174 .mr-lg-n4,
22175 .mx-lg-n4 {
22176 margin-right: -1.5rem !important;
22178 .mb-lg-n4,
22179 .my-lg-n4 {
22180 margin-bottom: -1.5rem !important;
22182 .ml-lg-n4,
22183 .mx-lg-n4 {
22184 margin-left: -1.5rem !important;
22186 .m-lg-n5 {
22187 margin: -2rem !important;
22189 .mt-lg-n5,
22190 .my-lg-n5 {
22191 margin-top: -2rem !important;
22193 .mr-lg-n5,
22194 .mx-lg-n5 {
22195 margin-right: -2rem !important;
22197 .mb-lg-n5,
22198 .my-lg-n5 {
22199 margin-bottom: -2rem !important;
22201 .ml-lg-n5,
22202 .mx-lg-n5 {
22203 margin-left: -2rem !important;
22205 .m-lg-n6 {
22206 margin: -3rem !important;
22208 .mt-lg-n6,
22209 .my-lg-n6 {
22210 margin-top: -3rem !important;
22212 .mr-lg-n6,
22213 .mx-lg-n6 {
22214 margin-right: -3rem !important;
22216 .mb-lg-n6,
22217 .my-lg-n6 {
22218 margin-bottom: -3rem !important;
22220 .ml-lg-n6,
22221 .mx-lg-n6 {
22222 margin-left: -3rem !important;
22224 .m-lg-auto {
22225 margin: auto !important;
22227 .mt-lg-auto,
22228 .my-lg-auto {
22229 margin-top: auto !important;
22231 .mr-lg-auto, .me-lg-auto,
22232 .mx-lg-auto {
22233 margin-right: auto !important;
22235 .mb-lg-auto,
22236 .my-lg-auto {
22237 margin-bottom: auto !important;
22239 .ml-lg-auto, .ms-lg-auto,
22240 .mx-lg-auto {
22241 margin-left: auto !important;
22244 @media (min-width: 1200px) {
22245 .m-xl-0 {
22246 margin: 0 !important;
22248 .mt-xl-0,
22249 .my-xl-0 {
22250 margin-top: 0 !important;
22252 .mr-xl-0, .me-xl-0,
22253 .mx-xl-0 {
22254 margin-right: 0 !important;
22256 .mb-xl-0,
22257 .my-xl-0 {
22258 margin-bottom: 0 !important;
22260 .ml-xl-0, .ms-xl-0,
22261 .mx-xl-0 {
22262 margin-left: 0 !important;
22264 .m-xl-1 {
22265 margin: 0.25rem !important;
22267 .mt-xl-1,
22268 .my-xl-1 {
22269 margin-top: 0.25rem !important;
22271 .mr-xl-1, .me-xl-1,
22272 .mx-xl-1 {
22273 margin-right: 0.25rem !important;
22275 .mb-xl-1,
22276 .my-xl-1 {
22277 margin-bottom: 0.25rem !important;
22279 .ml-xl-1, .ms-xl-1,
22280 .mx-xl-1 {
22281 margin-left: 0.25rem !important;
22283 .m-xl-2 {
22284 margin: 0.5rem !important;
22286 .mt-xl-2,
22287 .my-xl-2 {
22288 margin-top: 0.5rem !important;
22290 .mr-xl-2, .me-xl-2,
22291 .mx-xl-2 {
22292 margin-right: 0.5rem !important;
22294 .mb-xl-2,
22295 .my-xl-2 {
22296 margin-bottom: 0.5rem !important;
22298 .ml-xl-2, .ms-xl-2,
22299 .mx-xl-2 {
22300 margin-left: 0.5rem !important;
22302 .m-xl-3 {
22303 margin: 1rem !important;
22305 .mt-xl-3,
22306 .my-xl-3 {
22307 margin-top: 1rem !important;
22309 .mr-xl-3, .me-xl-3,
22310 .mx-xl-3 {
22311 margin-right: 1rem !important;
22313 .mb-xl-3,
22314 .my-xl-3 {
22315 margin-bottom: 1rem !important;
22317 .ml-xl-3, .ms-xl-3,
22318 .mx-xl-3 {
22319 margin-left: 1rem !important;
22321 .m-xl-4 {
22322 margin: 1.5rem !important;
22324 .mt-xl-4,
22325 .my-xl-4 {
22326 margin-top: 1.5rem !important;
22328 .mr-xl-4, .me-xl-4,
22329 .mx-xl-4 {
22330 margin-right: 1.5rem !important;
22332 .mb-xl-4,
22333 .my-xl-4 {
22334 margin-bottom: 1.5rem !important;
22336 .ml-xl-4, .ms-xl-4,
22337 .mx-xl-4 {
22338 margin-left: 1.5rem !important;
22340 .m-xl-5 {
22341 margin: 2rem !important;
22343 .mt-xl-5,
22344 .my-xl-5 {
22345 margin-top: 2rem !important;
22347 .mr-xl-5, .me-xl-5,
22348 .mx-xl-5 {
22349 margin-right: 2rem !important;
22351 .mb-xl-5,
22352 .my-xl-5 {
22353 margin-bottom: 2rem !important;
22355 .ml-xl-5, .ms-xl-5,
22356 .mx-xl-5 {
22357 margin-left: 2rem !important;
22359 .m-xl-6 {
22360 margin: 3rem !important;
22362 .mt-xl-6,
22363 .my-xl-6 {
22364 margin-top: 3rem !important;
22366 .mr-xl-6, .me-xl-6,
22367 .mx-xl-6 {
22368 margin-right: 3rem !important;
22370 .mb-xl-6,
22371 .my-xl-6 {
22372 margin-bottom: 3rem !important;
22374 .ml-xl-6, .ms-xl-6,
22375 .mx-xl-6 {
22376 margin-left: 3rem !important;
22378 .p-xl-0 {
22379 padding: 0 !important;
22381 .pt-xl-0,
22382 .py-xl-0 {
22383 padding-top: 0 !important;
22385 .pr-xl-0, .pe-xl-0,
22386 .px-xl-0 {
22387 padding-right: 0 !important;
22389 .pb-xl-0,
22390 .py-xl-0 {
22391 padding-bottom: 0 !important;
22393 .pl-xl-0, .ps-xl-0,
22394 .px-xl-0 {
22395 padding-left: 0 !important;
22397 .p-xl-1 {
22398 padding: 0.25rem !important;
22400 .pt-xl-1,
22401 .py-xl-1 {
22402 padding-top: 0.25rem !important;
22404 .pr-xl-1, .pe-xl-1,
22405 .px-xl-1 {
22406 padding-right: 0.25rem !important;
22408 .pb-xl-1,
22409 .py-xl-1 {
22410 padding-bottom: 0.25rem !important;
22412 .pl-xl-1, .ps-xl-1,
22413 .px-xl-1 {
22414 padding-left: 0.25rem !important;
22416 .p-xl-2 {
22417 padding: 0.5rem !important;
22419 .pt-xl-2,
22420 .py-xl-2 {
22421 padding-top: 0.5rem !important;
22423 .pr-xl-2, .pe-xl-2,
22424 .px-xl-2 {
22425 padding-right: 0.5rem !important;
22427 .pb-xl-2,
22428 .py-xl-2 {
22429 padding-bottom: 0.5rem !important;
22431 .pl-xl-2, .ps-xl-2,
22432 .px-xl-2 {
22433 padding-left: 0.5rem !important;
22435 .p-xl-3 {
22436 padding: 1rem !important;
22438 .pt-xl-3,
22439 .py-xl-3 {
22440 padding-top: 1rem !important;
22442 .pr-xl-3, .pe-xl-3,
22443 .px-xl-3 {
22444 padding-right: 1rem !important;
22446 .pb-xl-3,
22447 .py-xl-3 {
22448 padding-bottom: 1rem !important;
22450 .pl-xl-3, .ps-xl-3,
22451 .px-xl-3 {
22452 padding-left: 1rem !important;
22454 .p-xl-4 {
22455 padding: 1.5rem !important;
22457 .pt-xl-4,
22458 .py-xl-4 {
22459 padding-top: 1.5rem !important;
22461 .pr-xl-4, .pe-xl-4,
22462 .px-xl-4 {
22463 padding-right: 1.5rem !important;
22465 .pb-xl-4,
22466 .py-xl-4 {
22467 padding-bottom: 1.5rem !important;
22469 .pl-xl-4, .ps-xl-4,
22470 .px-xl-4 {
22471 padding-left: 1.5rem !important;
22473 .p-xl-5 {
22474 padding: 2rem !important;
22476 .pt-xl-5,
22477 .py-xl-5 {
22478 padding-top: 2rem !important;
22480 .pr-xl-5, .pe-xl-5,
22481 .px-xl-5 {
22482 padding-right: 2rem !important;
22484 .pb-xl-5,
22485 .py-xl-5 {
22486 padding-bottom: 2rem !important;
22488 .pl-xl-5, .ps-xl-5,
22489 .px-xl-5 {
22490 padding-left: 2rem !important;
22492 .p-xl-6 {
22493 padding: 3rem !important;
22495 .pt-xl-6,
22496 .py-xl-6 {
22497 padding-top: 3rem !important;
22499 .pr-xl-6, .pe-xl-6,
22500 .px-xl-6 {
22501 padding-right: 3rem !important;
22503 .pb-xl-6,
22504 .py-xl-6 {
22505 padding-bottom: 3rem !important;
22507 .pl-xl-6, .ps-xl-6,
22508 .px-xl-6 {
22509 padding-left: 3rem !important;
22511 .m-xl-n1 {
22512 margin: -0.25rem !important;
22514 .mt-xl-n1,
22515 .my-xl-n1 {
22516 margin-top: -0.25rem !important;
22518 .mr-xl-n1,
22519 .mx-xl-n1 {
22520 margin-right: -0.25rem !important;
22522 .mb-xl-n1,
22523 .my-xl-n1 {
22524 margin-bottom: -0.25rem !important;
22526 .ml-xl-n1,
22527 .mx-xl-n1 {
22528 margin-left: -0.25rem !important;
22530 .m-xl-n2 {
22531 margin: -0.5rem !important;
22533 .mt-xl-n2,
22534 .my-xl-n2 {
22535 margin-top: -0.5rem !important;
22537 .mr-xl-n2,
22538 .mx-xl-n2 {
22539 margin-right: -0.5rem !important;
22541 .mb-xl-n2,
22542 .my-xl-n2 {
22543 margin-bottom: -0.5rem !important;
22545 .ml-xl-n2,
22546 .mx-xl-n2 {
22547 margin-left: -0.5rem !important;
22549 .m-xl-n3 {
22550 margin: -1rem !important;
22552 .mt-xl-n3,
22553 .my-xl-n3 {
22554 margin-top: -1rem !important;
22556 .mr-xl-n3,
22557 .mx-xl-n3 {
22558 margin-right: -1rem !important;
22560 .mb-xl-n3,
22561 .my-xl-n3 {
22562 margin-bottom: -1rem !important;
22564 .ml-xl-n3,
22565 .mx-xl-n3 {
22566 margin-left: -1rem !important;
22568 .m-xl-n4 {
22569 margin: -1.5rem !important;
22571 .mt-xl-n4,
22572 .my-xl-n4 {
22573 margin-top: -1.5rem !important;
22575 .mr-xl-n4,
22576 .mx-xl-n4 {
22577 margin-right: -1.5rem !important;
22579 .mb-xl-n4,
22580 .my-xl-n4 {
22581 margin-bottom: -1.5rem !important;
22583 .ml-xl-n4,
22584 .mx-xl-n4 {
22585 margin-left: -1.5rem !important;
22587 .m-xl-n5 {
22588 margin: -2rem !important;
22590 .mt-xl-n5,
22591 .my-xl-n5 {
22592 margin-top: -2rem !important;
22594 .mr-xl-n5,
22595 .mx-xl-n5 {
22596 margin-right: -2rem !important;
22598 .mb-xl-n5,
22599 .my-xl-n5 {
22600 margin-bottom: -2rem !important;
22602 .ml-xl-n5,
22603 .mx-xl-n5 {
22604 margin-left: -2rem !important;
22606 .m-xl-n6 {
22607 margin: -3rem !important;
22609 .mt-xl-n6,
22610 .my-xl-n6 {
22611 margin-top: -3rem !important;
22613 .mr-xl-n6,
22614 .mx-xl-n6 {
22615 margin-right: -3rem !important;
22617 .mb-xl-n6,
22618 .my-xl-n6 {
22619 margin-bottom: -3rem !important;
22621 .ml-xl-n6,
22622 .mx-xl-n6 {
22623 margin-left: -3rem !important;
22625 .m-xl-auto {
22626 margin: auto !important;
22628 .mt-xl-auto,
22629 .my-xl-auto {
22630 margin-top: auto !important;
22632 .mr-xl-auto, .me-xl-auto,
22633 .mx-xl-auto {
22634 margin-right: auto !important;
22636 .mb-xl-auto,
22637 .my-xl-auto {
22638 margin-bottom: auto !important;
22640 .ml-xl-auto, .ms-xl-auto,
22641 .mx-xl-auto {
22642 margin-left: auto !important;
22645 .stretched-link::after {
22646 position: absolute;
22647 top: 0;
22648 right: 0;
22649 bottom: 0;
22650 left: 0;
22651 z-index: 1;
22652 pointer-events: auto;
22653 content: "";
22654 background-color: rgba(0, 0, 0, 0);
22657 .text-monospace {
22658 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
22661 .text-justify {
22662 text-align: justify !important;
22665 .text-wrap {
22666 white-space: normal !important;
22669 .text-nowrap {
22670 white-space: nowrap !important;
22673 .text-truncate {
22674 overflow: hidden;
22675 text-overflow: ellipsis;
22676 white-space: nowrap;
22679 .text-left, .text-start {
22680 text-align: left !important;
22683 .text-right, .text-end {
22684 text-align: right !important;
22687 .text-center {
22688 text-align: center !important;
22691 @media (min-width: 576px) {
22692 .text-sm-left, .text-sm-start {
22693 text-align: left !important;
22695 .text-sm-right, .text-sm-end {
22696 text-align: right !important;
22698 .text-sm-center {
22699 text-align: center !important;
22702 @media (min-width: 768px) {
22703 .text-md-left, .text-md-start {
22704 text-align: left !important;
22706 .text-md-right, .text-md-end {
22707 text-align: right !important;
22709 .text-md-center {
22710 text-align: center !important;
22713 @media (min-width: 992px) {
22714 .text-lg-left, .text-lg-start {
22715 text-align: left !important;
22717 .text-lg-right, .text-lg-end {
22718 text-align: right !important;
22720 .text-lg-center {
22721 text-align: center !important;
22724 @media (min-width: 1200px) {
22725 .text-xl-left, .text-xl-start {
22726 text-align: left !important;
22728 .text-xl-right, .text-xl-end {
22729 text-align: right !important;
22731 .text-xl-center {
22732 text-align: center !important;
22735 .text-lowercase {
22736 text-transform: lowercase !important;
22739 .text-uppercase {
22740 text-transform: uppercase !important;
22743 .text-capitalize {
22744 text-transform: capitalize !important;
22747 .font-weight-light {
22748 font-weight: 300 !important;
22751 .font-weight-lighter {
22752 font-weight: lighter !important;
22755 .font-weight-normal {
22756 font-weight: 400 !important;
22759 .font-weight-bold {
22760 font-weight: 700 !important;
22763 .font-weight-bolder {
22764 font-weight: bolder !important;
22767 .font-italic {
22768 font-style: italic !important;
22771 .text-white {
22772 color: #fff !important;
22775 .text-primary {
22776 color: #0f6cbf !important;
22779 a.text-primary:hover, a.text-primary:focus {
22780 color: #094478 !important;
22783 .text-secondary {
22784 color: #ced4da !important;
22787 a.text-secondary:hover, a.text-secondary:focus {
22788 color: #a2aeb9 !important;
22791 .text-success {
22792 color: #357a32 !important;
22795 a.text-success:hover, a.text-success:focus {
22796 color: #1d441c !important;
22799 .text-info {
22800 color: #008196 !important;
22803 a.text-info:hover, a.text-info:focus {
22804 color: #003f4a !important;
22807 .text-warning {
22808 color: #f0ad4e !important;
22811 a.text-warning:hover, a.text-warning:focus {
22812 color: #df8a13 !important;
22815 .text-danger {
22816 color: #ca3120 !important;
22819 a.text-danger:hover, a.text-danger:focus {
22820 color: #882116 !important;
22823 .text-light {
22824 color: #f8f9fa !important;
22827 a.text-light:hover, a.text-light:focus {
22828 color: #cbd3da !important;
22831 .text-dark {
22832 color: #343a40 !important;
22835 a.text-dark:hover, a.text-dark:focus {
22836 color: #121416 !important;
22839 .text-body {
22840 color: #1d2125 !important;
22843 .text-muted {
22844 color: #6a737b !important;
22847 .text-black-50 {
22848 color: rgba(0, 0, 0, 0.5) !important;
22851 .text-white-50 {
22852 color: rgba(255, 255, 255, 0.5) !important;
22855 .text-hide {
22856 font: 0/0 a;
22857 color: transparent;
22858 text-shadow: none;
22859 background-color: transparent;
22860 border: 0;
22863 .text-decoration-none {
22864 text-decoration: none !important;
22867 .text-break {
22868 word-break: break-word !important;
22869 word-wrap: break-word !important;
22872 .text-reset {
22873 color: inherit !important;
22876 .visible {
22877 visibility: visible !important;
22880 .invisible {
22881 visibility: hidden !important;
22884 @media print {
22886 *::before,
22887 *::after {
22888 text-shadow: none !important;
22889 box-shadow: none !important;
22891 a:not(.btn) {
22892 text-decoration: underline;
22894 abbr[title]::after {
22895 content: " (" attr(title) ")";
22897 pre {
22898 white-space: pre-wrap !important;
22900 pre,
22901 blockquote {
22902 border: 1px solid #8f959e;
22903 page-break-inside: avoid;
22906 img {
22907 page-break-inside: avoid;
22911 h3 {
22912 orphans: 3;
22913 widows: 3;
22916 h3 {
22917 page-break-after: avoid;
22919 body {
22920 min-width: 992px !important;
22922 .container {
22923 min-width: 992px !important;
22925 .navbar {
22926 display: none;
22928 .badge {
22929 border: 1px solid #000;
22931 .table {
22932 border-collapse: collapse !important;
22934 .table td,
22935 .table th {
22936 background-color: #fff !important;
22938 .table-bordered th,
22939 .table-bordered td {
22940 border: 1px solid #dee2e6 !important;
22942 .table-dark {
22943 color: inherit;
22945 .table-dark th,
22946 .table-dark td,
22947 .table-dark thead th,
22948 .table-dark tbody + tbody {
22949 border-color: #dee2e6;
22951 .table .thead-dark th {
22952 color: inherit;
22953 border-color: #dee2e6;
22957 * Bootstrap overrides for RTL
22959 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
22960 * moodle scss should be placed immediately after the definition of the ltr rule.
22962 .breadcrumb-item + .breadcrumb-item::before {
22963 content: "/";
22964 /*rtl:remove*/
22965 content: "/"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
22968 .dir-rtl .custom-select {
22969 background-position: 0.75rem center;
22971 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
22972 transform: translateX(-0.9375rem);
22974 .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 {
22975 transform: rotate(180deg);
22977 .dir-rtl .tooltip.bs-tooltip-left .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
22978 left: auto;
22979 right: 0;
22981 .dir-rtl .tooltip.bs-tooltip-right .arrow, .dir-rtl .tooltip.bs-tooltip-auto[x-placement^=right] .arrow {
22982 left: 0;
22983 right: auto;
22985 .dir-rtl .popover.bs-popover-right, .dir-rtl .popover.bs-popover-auto[x-placement^=right] {
22986 margin-right: 0;
22987 margin-left: 0.5rem;
22989 .dir-rtl .popover.bs-popover-right .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=right] .arrow {
22990 transform: rotate(180deg);
22991 left: calc(-0.5rem - 1px);
22992 right: auto;
22994 .dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^=left] {
22995 margin-right: 0.5rem;
22996 margin-left: 0;
22998 .dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=left] .arrow {
22999 transform: rotate(180deg);
23000 left: auto;
23001 right: calc(-0.5rem - 1px);
23004 /* Bootstrap 5 bridge classes */
23005 /* These classes are used to bridge the gap between Bootstrap 4 and Bootstrap 5. */
23006 /* This file should be removed as part of MDL-75669. */
23008 * Moodle variables
23010 * Variables written for Moodle specific components
23012 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
23013 * preset files instead.
23015 /* core.less */
23016 #region-main {
23017 overflow-y: visible;
23018 background-color: #fff;
23021 @media (min-width: 576px) {
23022 .context-header-settings-menu,
23023 .region-main-settings-menu {
23024 float: right;
23025 width: auto;
23026 max-width: 4em;
23027 height: 2em;
23028 display: block;
23029 margin-top: 4px;
23032 @media (max-width: 767.98px) {
23033 .context-header-settings-menu,
23034 .region-main-settings-menu {
23035 display: flex;
23036 justify-content: flex-end;
23039 .context-header-settings-menu .dropdown-toggle > .icon,
23040 #region-main-settings-menu .dropdown-toggle > .icon {
23041 height: 24px;
23042 font-size: 24px;
23043 width: auto;
23046 /** Prevent user notifications overlapping with region main settings menu */
23047 #user-notifications {
23048 display: block;
23049 overflow: hidden;
23052 /** Page layout CSS starts **/
23053 .layout-option-noheader #page-header,
23054 .layout-option-nonavbar #page-navbar,
23055 .layout-option-nofooter #page-footer,
23056 .layout-option-nocourseheader .course-content-header,
23057 .layout-option-nocoursefooter .course-content-footer {
23058 display: none;
23061 /** Page layout CSS ends **/
23062 .mdl-left {
23063 text-align: left;
23066 .mdl-right {
23067 text-align: right;
23070 /*rtl:ignore*/
23071 .text-ltr {
23072 direction: ltr !important; /* stylelint-disable-line declaration-no-important */
23075 #add,
23076 #remove,
23077 .centerpara,
23078 .mdl-align {
23079 text-align: center;
23082 a.dimmed,
23083 a.dimmed:link,
23084 a.dimmed:visited,
23085 a.dimmed_text,
23086 a.dimmed_text:link,
23087 a.dimmed_text:visited,
23088 .dimmed_text,
23089 .dimmed_text a,
23090 .dimmed_text a:link,
23091 .dimmed_text a:visited,
23092 .usersuspended,
23093 .usersuspended a,
23094 .usersuspended a:link,
23095 .usersuspended a:visited,
23096 .dimmed_category,
23097 .dimmed_category a {
23098 color: #6a737b;
23101 .aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
23102 #page-footer a:not([class]).focus,
23103 #page-footer a:not([class]):focus,
23104 .arrow_link.focus,
23105 .arrow_link:focus,
23106 a:not([class]).focus,
23107 a:not([class]):focus,
23108 .activityinstance > a.focus,
23109 .activityinstance > a:focus {
23110 outline: 0.2rem solid transparent;
23111 color: #1d2125;
23112 background-color: #d2e8fb;
23113 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40;
23115 .aalink:focus:hover, a.autolink:focus:hover,
23116 #page-footer a:not([class]):focus:hover,
23117 .arrow_link:focus:hover,
23118 a:not([class]):focus:hover,
23119 .activityinstance > a:focus:hover {
23120 text-decoration: none;
23123 .aabtn.focus, .aabtn:focus,
23124 .btn-link.focus,
23125 .btn-link:focus,
23126 .nav-link.focus,
23127 .nav-link:focus,
23128 .editor_atto_toolbar button.focus,
23129 .editor_atto_toolbar button:focus,
23130 .editor_atto_toolbar .atto_toolbar_row.focus,
23131 .editor_atto_toolbar .atto_toolbar_row:focus,
23132 [role=button].focus,
23133 [role=button]:focus,
23134 .list-group-item-action.focus,
23135 .list-group-item-action:focus,
23136 input[type=checkbox].focus,
23137 input[type=checkbox]:focus,
23138 input[type=radio].focus,
23139 input[type=radio]:focus,
23140 input[type=file].focus,
23141 input[type=file]:focus,
23142 input[type=image].focus,
23143 input[type=image]:focus,
23144 .sr-only-focusable.focus,
23145 .sr-only-focusable:focus,
23146 a.dropdown-toggle.focus,
23147 a.dropdown-toggle:focus,
23148 .moodle-dialogue-base .closebutton.focus,
23149 .moodle-dialogue-base .closebutton:focus,
23150 button.btn-close.focus,
23151 button.btn-close:focus,
23152 .form-autocomplete-selection.focus,
23153 .form-autocomplete-selection:focus,
23154 [role=treeitem]:not([aria-expanded=true]).focus,
23155 [role=treeitem]:not([aria-expanded=true]):focus {
23156 outline: 0;
23157 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23159 .aabtn:focus:hover,
23160 .btn-link:focus:hover,
23161 .nav-link:focus:hover,
23162 .editor_atto_toolbar button:focus:hover,
23163 .editor_atto_toolbar .atto_toolbar_row:focus:hover,
23164 [role=button]:focus:hover,
23165 .list-group-item-action:focus:hover,
23166 input[type=checkbox]:focus:hover,
23167 input[type=radio]:focus:hover,
23168 input[type=file]:focus:hover,
23169 input[type=image]:focus:hover,
23170 .sr-only-focusable:focus:hover,
23171 a.dropdown-toggle:focus:hover,
23172 .moodle-dialogue-base .closebutton:focus:hover,
23173 button.btn-close:focus:hover,
23174 .form-autocomplete-selection:focus:hover,
23175 [role=treeitem]:not([aria-expanded=true]):focus:hover {
23176 text-decoration: none;
23179 .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
23180 outline: 0;
23182 .modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
23183 outline: 0;
23184 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23185 border-radius: 0.6rem;
23188 [role=treeitem][aria-expanded=true] {
23189 outline: 0;
23191 [role=treeitem][aria-expanded=true].focus > *:first-child, [role=treeitem][aria-expanded=true]:focus > *:first-child {
23192 outline: 0;
23193 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23195 [role=treeitem][aria-expanded=true]:focus:hover {
23196 text-decoration: none;
23199 .form-autocomplete-suggestions li[aria-selected=true] {
23200 outline: 0;
23201 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23204 .safari input[type=checkbox].focus, .safari input[type=checkbox]:focus,
23205 .safari input[type=radio].focus,
23206 .safari input[type=radio]:focus {
23207 outline: auto;
23210 .unlist,
23211 .unlist li,
23212 .inline-list,
23213 .inline-list li,
23214 .block .list,
23215 .block .list li,
23216 .section li.movehere,
23217 .tabtree li {
23218 list-style: none;
23219 margin: 0;
23220 padding: 0;
23223 .section li.movehere a {
23224 display: block;
23225 width: 100%;
23226 height: 2rem;
23227 border: 2px dashed #343a40;
23230 .editing .course-content .hidden.sectionname {
23231 visibility: hidden;
23232 display: initial;
23235 .inline,
23236 .inline-list li {
23237 display: inline;
23240 .notifytiny {
23241 font-size: 0.703125rem;
23244 .notifytiny li,
23245 .notifytiny td {
23246 font-size: 100%;
23249 .red,
23250 .notifyproblem {
23251 color: #f0ad4e;
23254 .green,
23255 .notifysuccess {
23256 color: #357a32;
23259 .highlight {
23260 color: #008196;
23263 .bg-primary-light {
23264 background-color: #f5f9fc;
23267 .fitem.advanced .text-info {
23268 font-weight: bold;
23271 .reportlink {
23272 text-align: right;
23275 a.autolink.glossary:hover {
23276 cursor: help;
23279 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
23280 .collapsibleregioncaption {
23281 white-space: nowrap;
23282 min-height: 1.40625rem;
23285 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
23286 cursor: pointer;
23289 .pagelayout-mydashboard #region-main {
23290 border: 0;
23291 padding: 0;
23292 background-color: transparent;
23293 margin-top: -1px;
23296 @media (max-width: 767.98px) {
23297 .pagelayout-mydashboard #region-main-box,
23298 .pagelayout-login #region-main-box {
23299 padding-left: 0;
23300 padding-right: 0;
23303 .collapsibleregioncaption img {
23304 vertical-align: middle;
23307 .jsenabled .hiddenifjs {
23308 display: none;
23311 body:not(.jsenabled) .visibleifjs {
23312 display: none;
23315 .jsenabled .collapsibleregion {
23316 overflow: hidden;
23317 box-sizing: content-box;
23320 .jsenabled .collapsed .collapsibleregioninner {
23321 visibility: hidden;
23324 .collapsible-actions {
23325 display: none;
23326 text-align: right;
23329 .jsenabled .collapsible-actions {
23330 display: block;
23333 .yui-overlay .yui-widget-bd {
23334 background-color: #ffee69;
23335 border: 1px solid #a6982b;
23336 border-top-color: #d4c237;
23337 color: #000;
23338 left: 0;
23339 padding: 2px 5px;
23340 position: relative;
23341 top: 0;
23342 z-index: 1;
23345 .clearer {
23346 background: transparent;
23347 border-width: 0;
23348 clear: both;
23349 display: block;
23350 height: 1px;
23351 margin: 0;
23352 padding: 0;
23355 .bold,
23356 .warning,
23357 .errorbox .title,
23358 .pagingbar .title,
23359 .pagingbar .thispage {
23360 font-weight: bold;
23363 img.resize {
23364 height: 1em;
23365 width: 1em;
23368 .block img.resize {
23369 height: 0.9em;
23370 width: 0.8em;
23373 /* Icon styles */
23374 img.activityicon {
23375 height: 32px;
23376 width: 32px;
23377 vertical-align: middle;
23380 .headermain {
23381 font-weight: bold;
23384 #maincontent {
23385 display: block;
23386 height: 1px;
23387 overflow: clip;
23390 img.uihint {
23391 cursor: help;
23394 #addmembersform table {
23395 margin-left: auto;
23396 margin-right: auto;
23399 table.flexible .emptyrow {
23400 display: none;
23403 form.popupform,
23404 form.popupform div {
23405 display: inline;
23408 .arrow_button input {
23409 overflow: hidden;
23412 .no-overflow {
23413 overflow: auto;
23416 .no-overflow > .generaltable {
23417 margin-bottom: 0;
23420 .no-overflow .generaltable .sr-only,
23421 .no-overflow .generaltable .accesshide,
23422 .table-responsive .generaltable .sr-only,
23423 .table-responsive .generaltable .accesshide {
23424 position: relative;
23425 display: block;
23428 .accesshide {
23429 position: absolute;
23430 width: 1px;
23431 height: 1px;
23432 padding: 0;
23433 margin: -1px;
23434 overflow: hidden;
23435 clip: rect(0, 0, 0, 0);
23436 white-space: nowrap;
23437 border: 0;
23440 span.hide,
23441 div.hide,
23442 .hidden {
23443 display: none;
23446 a.skip-block,
23447 a.skip {
23448 position: absolute;
23449 top: -1000em;
23450 font-size: 0.85em;
23451 text-decoration: none;
23454 a.skip-block:focus,
23455 a.skip-block:active,
23456 a.skip:focus,
23457 a.skip:active {
23458 position: static;
23459 display: block;
23462 .skip-block-to {
23463 display: block;
23464 height: 1px;
23465 overflow: hidden;
23468 .addbloglink {
23469 text-align: center;
23472 .blog_entry .audience {
23473 text-align: right;
23474 padding-right: 4px;
23477 .blog_entry .tags {
23478 margin-top: 15px;
23481 .blog_entry .content {
23482 margin-left: 43px;
23485 #doc-contents h1 {
23486 margin: 1em 0 0 0;
23489 #doc-contents ul {
23490 margin: 0;
23491 padding: 0;
23492 width: 90%;
23495 #doc-contents ul li {
23496 list-style-type: none;
23499 .groupmanagementtable td {
23500 vertical-align: top;
23503 .groupmanagementtable #existingcell,
23504 .groupmanagementtable #potentialcell {
23505 width: 42%;
23508 .groupmanagementtable #buttonscell {
23509 width: 16%;
23512 .groupmanagementtable #buttonscell p.arrow_button input {
23513 width: auto;
23514 min-width: 80%;
23515 margin: 0 auto;
23516 display: block;
23519 .groupmanagementtable #removeselect_wrapper,
23520 .groupmanagementtable #addselect_wrapper {
23521 width: 100%;
23524 .groupmanagementtable #removeselect_wrapper label,
23525 .groupmanagementtable #addselect_wrapper label {
23526 font-weight: normal;
23529 #group-usersummary {
23530 width: 14em;
23533 .groupselector {
23534 margin-top: 3px;
23535 margin-bottom: 3px;
23536 display: inline-block;
23539 .groupselector label {
23540 display: inline-block;
23543 .notepost {
23544 margin-bottom: 1em;
23547 .notepost .userpicture {
23548 float: left;
23549 margin-right: 5px;
23552 .notepost .content,
23553 .notepost .footer {
23554 clear: both;
23557 .notesgroup {
23558 margin-left: 20px;
23561 .path-my .coursebox {
23562 margin: 1rem 0;
23563 padding: 0;
23565 .path-my .coursebox .overview {
23566 margin: 15px 30px 10px 30px;
23569 .path-my .coursebox .info {
23570 float: none;
23571 margin: 0;
23574 .mod_introbox {
23575 padding: 10px;
23578 table.mod_index {
23579 width: 100%;
23582 .comment-ctrl {
23583 font-size: 12px;
23584 display: none;
23585 margin: 0;
23586 padding: 0;
23589 .comment-ctrl h5 {
23590 margin: 0;
23591 padding: 5px;
23594 .comment-area {
23595 max-width: 400px;
23596 padding: 5px;
23599 .comment-area textarea {
23600 width: 100%;
23601 overflow: auto;
23603 .comment-area textarea.fullwidth {
23604 -webkit-box-sizing: border-box;
23605 -moz-box-sizing: border-box;
23606 box-sizing: border-box;
23609 .comment-area .fd {
23610 text-align: right;
23613 .comment-meta span {
23614 color: gray;
23617 .comment-link img {
23618 vertical-align: text-bottom;
23621 .comment-list {
23622 font-size: 11px;
23623 overflow: auto;
23624 list-style: none;
23625 padding: 0;
23626 margin: 0;
23629 .comment-list li {
23630 margin: 2px;
23631 list-style: none;
23632 margin-bottom: 5px;
23633 clear: both;
23634 padding: 0.3em;
23635 position: relative;
23638 .comment-list li.first {
23639 display: none;
23642 .comment-paging {
23643 text-align: center;
23646 .comment-paging .pageno {
23647 padding: 2px;
23650 .comment-paging .curpage {
23651 border: 1px solid #ccc;
23654 .comment-message .picture {
23655 float: left;
23656 margin-right: 0.25rem;
23659 .comment-message .text {
23660 margin: 0;
23661 padding: 0;
23664 .comment-message .text p {
23665 padding: 0;
23666 margin: 0 18px 0 0;
23669 .comment-delete {
23670 position: absolute;
23671 top: 0;
23672 right: 0;
23673 margin: 0.3em;
23676 .comment-report-selectall {
23677 display: none;
23680 .comment-link {
23681 display: none;
23684 .jsenabled .comment-link {
23685 display: block;
23688 .jsenabled .showcommentsnonjs {
23689 display: none;
23692 .jsenabled .comment-report-selectall {
23693 display: inline;
23697 * Completion progress report
23699 .completion-expired {
23700 color: #f0ad4e;
23703 .completion-expected {
23704 font-size: 0.703125rem;
23707 .completion-sortchoice,
23708 .completion-identifyfield {
23709 font-size: 0.703125rem;
23710 vertical-align: bottom;
23713 .completion-progresscell {
23714 text-align: right;
23717 .completion-expired .completion-expected {
23718 font-weight: bold;
23722 * Tags
23724 #tag-search-box {
23725 text-align: center;
23726 margin: 10px auto;
23729 span.flagged-tag,
23730 tr.flagged-tag,
23731 span.flagged-tag a,
23732 tr.flagged-tag a {
23733 color: #f0ad4e;
23736 .tag-management-table td,
23737 .tag-management-table th {
23738 vertical-align: middle;
23739 padding: 4px;
23741 .tag-management-table .inplaceeditable.inplaceeditingon input {
23742 width: 150px;
23745 .path-admin-tag .addstandardtags {
23746 float: right;
23748 .path-admin-tag .addstandardtags img {
23749 margin: 0 5px;
23752 .path-tag .tag-relatedtags {
23753 padding-top: 10px;
23755 .path-tag .tag-management-box {
23756 text-align: right;
23758 .path-tag .tag-index-toc {
23759 padding: 10px;
23760 text-align: center;
23762 .path-tag .tag-index-toc li {
23763 margin-left: 5px;
23764 margin-right: 5px;
23766 .path-tag .tag-management-box li {
23767 margin-left: 5px;
23768 margin-right: 5px;
23770 .path-tag .tag-management-box li a {
23771 background-repeat: no-repeat;
23772 background-position: left;
23773 padding-left: 17px;
23775 .path-tag .tag-management-box li a.edittag {
23776 background-image: url([[pix:moodle|i/settings]]);
23778 .path-tag .tag-management-box li a.flagasinappropriate {
23779 background-image: url([[pix:moodle|i/flagged]]);
23781 .path-tag .tag-management-box li a.removefrommyinterests {
23782 background-image: url([[pix:moodle|t/delete]]);
23784 .path-tag .tag-management-box li a.addtomyinterests {
23785 background-image: url([[pix:moodle|t/add]]);
23787 .path-tag .tag-backtoallitems {
23788 text-align: center;
23790 .path-tag .tag-index-items .tagarea {
23791 border: 1px solid #e3e3e3;
23792 border-radius: 4px;
23793 padding: 10px;
23794 margin-top: 10px;
23796 .path-tag .tag-index-items .tagarea h3 {
23797 display: block;
23798 padding: 3px 0 10px 0;
23799 margin: 0;
23800 font-size: 1.1em;
23801 font-weight: bold;
23802 line-height: 20px;
23803 color: #999;
23804 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
23805 text-transform: uppercase;
23806 word-wrap: break-word;
23807 border-bottom: solid 1px #e3e3e3;
23808 margin-bottom: 10px;
23810 .path-tag .tag-index-items .tagarea .taggeditems::after {
23811 display: block;
23812 clear: both;
23813 content: "";
23815 .path-tag .tag-index-items .tagarea .controls {
23816 text-align: center;
23818 .path-tag .tag-index-items .tagarea .controls::after {
23819 display: block;
23820 clear: both;
23821 content: "";
23823 .path-tag .tag-index-items .tagarea .controls.controls-bottom {
23824 margin-top: 5px;
23826 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
23827 float: right;
23829 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
23830 float: left;
23832 .path-tag .tag-index-items .tagarea .controls .exclusivemode {
23833 display: inline-block;
23835 .path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
23836 padding-right: 5px;
23837 padding-left: 5px;
23838 content: "«";
23840 .path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
23841 padding-right: 5px;
23842 padding-left: 5px;
23843 content: "»";
23846 .tag_feed img {
23847 max-height: 35px;
23848 max-width: 35px;
23850 .tag_feed .muted a {
23851 color: #6a737b;
23854 .tag_cloud {
23855 text-align: center;
23857 .tag_cloud .inline-list li {
23858 padding: 0 0.2em;
23860 .tag_cloud .tag_overflow {
23861 margin-top: 1em;
23862 font-style: italic;
23864 .tag_cloud .s0 {
23865 font-size: 0.7em;
23867 .tag_cloud .s1 {
23868 font-size: 0.8em;
23870 .tag_cloud .s2 {
23871 font-size: 0.9em;
23873 .tag_cloud .s3 {
23874 font-size: 1em;
23876 .tag_cloud .s4 {
23877 font-size: 1.1em;
23879 .tag_cloud .s5 {
23880 font-size: 1.2em;
23882 .tag_cloud .s6 {
23883 font-size: 1.3em;
23885 .tag_cloud .s7 {
23886 font-size: 1.4em;
23888 .tag_cloud .s8 {
23889 font-size: 1.5em;
23891 .tag_cloud .s9 {
23892 font-size: 1.6em;
23894 .tag_cloud .s10 {
23895 font-size: 1.7em;
23897 .tag_cloud .s11 {
23898 font-size: 1.8em;
23900 .tag_cloud .s12 {
23901 font-size: 1.9em;
23903 .tag_cloud .s13 {
23904 font-size: 2em;
23906 .tag_cloud .s14 {
23907 font-size: 2.1em;
23909 .tag_cloud .s15 {
23910 font-size: 2.2em;
23912 .tag_cloud .s16 {
23913 font-size: 2.3em;
23915 .tag_cloud .s17 {
23916 font-size: 2.4em;
23918 .tag_cloud .s18 {
23919 font-size: 2.5em;
23921 .tag_cloud .s19 {
23922 font-size: 2.6em;
23924 .tag_cloud .s20 {
23925 font-size: 2.7em;
23928 .tag_list ul {
23929 display: inline;
23931 .tag_list .tagmorelink {
23932 display: none;
23934 .tag_list.hideoverlimit .overlimit {
23935 display: none;
23937 .tag_list.hideoverlimit .tagmorelink {
23938 display: inline;
23940 .tag_list.hideoverlimit .taglesslink {
23941 display: none;
23945 * Web Service
23947 #webservice-doc-generator td {
23948 text-align: left;
23949 border: 0 solid #000;
23953 * Enrol
23955 .userenrolment {
23956 width: 100%;
23957 border-collapse: collapse;
23960 .userenrolment tr {
23961 vertical-align: top;
23964 .userenrolment td {
23965 padding: 0;
23966 height: 41px;
23969 .userenrolment .subfield {
23970 margin-right: 5px;
23973 .userenrolment .col_userdetails .subfield {
23974 margin-left: 40px;
23977 .userenrolment .col_userdetails .subfield_picture {
23978 float: left;
23979 margin-left: 0;
23982 .userenrolment .col_lastseen {
23983 width: 150px;
23986 .userenrolment .col_role {
23987 width: 262px;
23990 .userenrolment .col_role .roles,
23991 .userenrolment .col_group .groups {
23992 margin-right: 30px;
23995 .userenrolment .col_role .role {
23996 float: left;
23997 padding: 0 3px 3px;
23998 margin: 0 3px 3px;
23999 white-space: nowrap;
24002 .userenrolment .col_group .group {
24003 float: left;
24004 padding: 3px;
24005 margin: 3px;
24006 white-space: nowrap;
24009 .userenrolment .col_role .role a,
24010 .userenrolment .col_group .group a {
24011 margin-left: 3px;
24012 cursor: pointer;
24015 .userenrolment .col_role .addrole,
24016 .userenrolment .col_group .addgroup {
24017 float: right;
24018 padding: 3px;
24019 margin: 3px;
24021 .userenrolment .col_role .addrole > a:hover,
24022 .userenrolment .col_group .addgroup > a:hover {
24023 border-bottom: 1px solid #666;
24026 .userenrolment .col_role .addrole img,
24027 .userenrolment .col_group .addgroup img {
24028 vertical-align: baseline;
24031 .userenrolment .hasAllRoles .col_role .addrole {
24032 display: none;
24035 .userenrolment .col_enrol .enrolment {
24036 float: left;
24037 padding: 0 3px 3px;
24038 margin: 0 3px 3px;
24041 .userenrolment .col_enrol .enrolment a {
24042 float: right;
24043 margin-left: 3px;
24046 #page-enrol-otherusers .userenrolment .col_role .role {
24047 float: none;
24048 margin: 3px 3px 3px 0;
24049 padding: 3px 3px 3px 0;
24052 .corelightbox {
24053 background-color: #ccc;
24054 position: absolute;
24055 top: 0;
24056 left: 0;
24057 width: 100%;
24058 height: 100%;
24059 text-align: center;
24062 .corelightbox img {
24063 position: fixed;
24064 top: 50%;
24065 left: 50%;
24068 .mod-indent-outer {
24069 display: table;
24072 .mod-indent {
24073 display: table-cell;
24076 .label .mod-indent {
24077 float: left;
24078 padding-top: 20px;
24081 .activity.label.modtype_label .mod-indent {
24082 float: none;
24085 @media (min-width: 576px) {
24086 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
24087 .mod-indent-1 {
24088 width: 30px;
24090 .mod-indent-2 {
24091 width: 60px;
24093 .mod-indent-3 {
24094 width: 90px;
24096 .mod-indent-4 {
24097 width: 120px;
24099 .mod-indent-5 {
24100 width: 150px;
24102 .mod-indent-6 {
24103 width: 180px;
24105 .mod-indent-7 {
24106 width: 210px;
24108 .mod-indent-8 {
24109 width: 240px;
24111 .mod-indent-9 {
24112 width: 270px;
24114 .mod-indent-10 {
24115 width: 300px;
24117 .mod-indent-11 {
24118 width: 330px;
24120 .mod-indent-12 {
24121 width: 360px;
24123 .mod-indent-13 {
24124 width: 390px;
24126 .mod-indent-14 {
24127 width: 420px;
24129 .mod-indent-15 {
24130 width: 450px;
24132 .mod-indent-16 {
24133 width: 480px;
24135 .mod-indent-huge {
24136 width: 480px;
24139 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
24140 .resourcecontent .mediaplugin_mp3 object {
24141 height: 25px;
24142 width: 600px;
24145 .resourcecontent audio.mediaplugin_html5audio {
24146 width: 600px;
24149 /** Large resource images should avoid hidden overflow **/
24150 .resourceimage {
24151 max-width: 100%;
24154 /* Audio player size in 'inline' mode (can only change width, as above) */
24155 .mediaplugin_mp3 object {
24156 height: 15px;
24157 width: 300px;
24160 audio.mediaplugin_html5audio {
24161 width: 300px;
24164 .core_media_preview.pagelayout-embedded #maincontent {
24165 height: 0;
24168 .path-rating .ratingtable {
24169 width: 100%;
24170 margin-bottom: 1em;
24173 .path-rating .ratingtable th.rating {
24174 width: 100%;
24177 .path-rating .ratingtable td.rating,
24178 .path-rating .ratingtable td.time {
24179 white-space: nowrap;
24180 text-align: center;
24183 /* Moodle Dialogue Settings (moodle-core-dialogue) */
24184 .moodle-dialogue-base .moodle-dialogue-lightbox {
24185 background-color: #495057;
24188 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
24189 background-color: transparent;
24191 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
24192 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
24195 .moodle-dialogue-base .hidden,
24196 .moodle-dialogue-base .moodle-dialogue-hidden {
24197 display: none;
24200 .no-scrolling {
24201 overflow: hidden;
24204 .moodle-dialogue-base .moodle-dialogue-fullscreen {
24205 left: 0;
24206 top: 0;
24207 right: 0;
24208 bottom: -50px;
24209 position: fixed;
24212 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24213 overflow: auto;
24216 .moodle-dialogue-base .moodle-dialogue-wrap {
24217 background-color: #fff;
24218 border: 1px solid #ccc;
24221 .modal.show {
24222 display: block;
24225 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
24226 display: flex;
24227 padding: 1rem 1rem;
24228 border-bottom: 1px solid #dee2e6;
24231 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
24232 min-height: 3rem;
24233 color: initial;
24234 background: initial;
24235 font-size: 1.5rem;
24236 line-height: 1.5;
24239 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
24240 font-size: 1.5rem;
24241 font-weight: 400;
24242 margin-bottom: 0;
24243 line-height: 1.5;
24246 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
24247 /*rtl:raw:
24248 left: 0;
24249 right: auto;
24251 padding: 0;
24252 position: relative;
24253 margin-left: auto;
24256 .moodle-dialogue-base .closebutton {
24257 padding: 1rem 1rem;
24258 margin: -1rem -1rem -1rem auto;
24259 position: relative;
24260 background-color: transparent;
24261 border: 0;
24262 background-image: none;
24263 box-shadow: none;
24264 opacity: 0.7;
24266 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
24267 opacity: 1;
24269 .moodle-dialogue-base .closebutton::after {
24270 content: "×";
24273 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
24274 padding: 0.5rem;
24276 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
24277 background-color: #fff;
24280 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24281 overflow: auto;
24282 position: absolute;
24283 top: 0;
24284 bottom: 50px;
24285 left: 0;
24286 right: 0;
24287 margin: 0;
24288 border: 0;
24291 .moodle-dialogue-exception .moodle-exception-param label {
24292 font-weight: bold;
24295 .moodle-dialogue-exception .param-stacktrace label {
24296 background-color: #eee;
24297 border: 1px solid #ccc;
24298 border-bottom-width: 0;
24301 .moodle-dialogue-exception .param-stacktrace pre {
24302 border: 1px solid #ccc;
24303 background-color: #fff;
24306 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24307 color: navy;
24308 font-size: 0.8203125rem;
24311 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24312 color: #f0ad4e;
24313 font-size: 0.8203125rem;
24316 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24317 color: #333;
24318 font-size: 90%;
24319 border-bottom: 1px solid #eee;
24322 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
24323 display: none;
24326 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
24327 background: initial;
24330 .moodle-dialogue-confirm .confirmation-message {
24331 margin: 0.5rem 0;
24334 .moodle-dialogue-confirm .confirmation-dialogue input {
24335 min-width: 80px;
24338 .moodle-dialogue-exception .moodle-exception-message {
24339 margin: 1em;
24342 .moodle-dialogue-exception .moodle-exception-param {
24343 margin-bottom: 0.5em;
24346 .moodle-dialogue-exception .moodle-exception-param label {
24347 width: 150px;
24350 .moodle-dialogue-exception .param-stacktrace label {
24351 display: block;
24352 margin: 0;
24353 padding: 4px 1em;
24356 .moodle-dialogue-exception .param-stacktrace pre {
24357 display: block;
24358 height: 200px;
24359 overflow: auto;
24362 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24363 display: inline-block;
24364 margin: 4px 0;
24367 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24368 display: inline-block;
24369 width: 50px;
24370 margin: 4px 1em;
24373 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24374 padding-left: 25px;
24375 margin-bottom: 4px;
24376 padding-bottom: 4px;
24379 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
24380 opacity: 0.75;
24381 width: 100%;
24382 height: 100%;
24383 top: 0;
24384 left: 0;
24385 background-color: #fff;
24386 text-align: center;
24387 padding: 10% 0;
24390 /* Apply a default max-height on tooltip text */
24391 .moodle-dialogue .tooltiptext {
24392 max-height: 300px;
24395 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
24396 z-index: 3001;
24398 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
24399 overflow: auto;
24403 * Chooser Dialogues (moodle-core-chooserdialogue)
24405 * This CSS belong to the chooser dialogue which should work both with, and
24406 * without javascript enabled
24408 /* Hide the dialog and it's title */
24409 .chooserdialoguebody,
24410 .choosertitle {
24411 display: none;
24414 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
24415 margin: 0;
24418 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
24419 padding: 0;
24420 background: #f2f2f2;
24421 border-bottom-right-radius: 10px;
24422 border-bottom-left-radius: 10px;
24425 /* Center the submit buttons within the area */
24426 .choosercontainer #chooseform .submitbuttons {
24427 padding: 0.7em 0;
24428 text-align: right;
24431 /* Fixed for safari browser on iPhone4S with ios7@mixin */
24432 @media (max-height: 639px) {
24433 .ios .choosercontainer #chooseform .submitbuttons {
24434 padding: 45px 0;
24437 .choosercontainer #chooseform .submitbuttons input {
24438 min-width: 100px;
24439 margin: 0 0.5em;
24442 /* Various settings for the options area */
24443 .choosercontainer #chooseform .options {
24444 position: relative;
24445 border-bottom: 1px solid #bbb;
24448 /* Only set these options if we're showing the js container */
24449 .jschooser .choosercontainer #chooseform .alloptions {
24450 overflow-x: hidden;
24451 overflow-y: auto;
24452 max-width: 240px;
24454 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
24455 display: inline-block;
24457 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
24458 display: inline-block;
24459 width: 55%;
24462 /* Settings for option rows and option subtypes */
24463 .choosercontainer #chooseform .moduletypetitle,
24464 .choosercontainer #chooseform .option,
24465 .choosercontainer #chooseform .nonoption {
24466 margin-bottom: 0;
24467 padding: 0 1.6em 0 1.6em;
24470 .choosercontainer #chooseform .moduletypetitle {
24471 text-transform: uppercase;
24472 padding-top: 1.2em;
24473 padding-bottom: 0.4em;
24474 margin-bottom: 0.5rem;
24475 font-size: 100%;
24478 .choosercontainer #chooseform .option .typename,
24479 .choosercontainer #chooseform .nonoption .typename {
24480 padding: 0 0 0 0.5em;
24483 .choosercontainer #chooseform .modicon + .typename {
24484 padding-left: 0;
24487 .choosercontainer #chooseform .option input[type=radio],
24488 .choosercontainer #chooseform .option span.typename {
24489 vertical-align: middle;
24492 .choosercontainer #chooseform .option label {
24493 display: block;
24494 margin: 0;
24495 padding: 0.5rem 0;
24496 border-bottom: 1px solid #fff;
24499 .choosercontainer #chooseform .option .icon {
24500 margin: 0;
24501 padding: 0 1rem;
24504 .choosercontainer #chooseform .nonoption {
24505 padding-left: 2.7em;
24506 padding-top: 0.3em;
24507 padding-bottom: 0.1em;
24510 .choosercontainer #chooseform .subtype {
24511 margin-bottom: 0;
24512 padding: 0 1.6em 0 3.2em;
24515 .choosercontainer #chooseform .subtype .typename {
24516 margin: 0 0 0 0.2em;
24519 /* The instruction/help area */
24520 .jschooser .choosercontainer #chooseform .instruction,
24521 .jschooser .choosercontainer #chooseform .typesummary {
24522 display: none;
24523 position: absolute;
24524 top: 0;
24525 right: 0;
24526 bottom: 0;
24527 left: 240px;
24528 margin: 0;
24529 padding: 1.6em;
24530 background-color: #fff;
24531 overflow-x: hidden;
24532 overflow-y: auto;
24533 line-height: 2em;
24536 /* Selected option settings */
24537 .jschooser .choosercontainer #chooseform .instruction,
24538 .choosercontainer #chooseform .selected .typesummary {
24539 display: block;
24542 .choosercontainer #chooseform .selected {
24543 background-color: #fff;
24544 margin-top: -1px;
24545 padding-top: 1px;
24548 @media (max-width: 575.98px) {
24549 .jsenabled .choosercontainer #chooseform .alloptions {
24550 max-width: 100%;
24552 .jsenabled .choosercontainer #chooseform .instruction,
24553 .jsenabled .choosercontainer #chooseform .typesummary {
24554 position: static;
24558 * Module chooser dialogue (moodle-core-chooserdialogue)
24560 * This CSS belong to the chooser dialogue which should work both with, and
24561 * without javascript enabled
24563 .modchooser .modal-body {
24564 padding: 0;
24565 overflow-y: auto;
24566 min-height: 640px;
24567 display: flex;
24568 flex-direction: column;
24570 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24571 min-height: 495px;
24573 .modchooser .modal-body .carousel-item.active {
24574 display: flex;
24576 .modchooser .modal-body .chooser-container {
24577 display: flex;
24578 flex-direction: column;
24579 flex: 1 1 auto;
24581 .modchooser .modal-body .loading-icon {
24582 opacity: 1;
24584 .modchooser .modal-body .loading-icon .icon {
24585 display: block;
24586 font-size: 3em;
24587 max-height: 3em;
24588 max-width: 3em;
24590 .modchooser .modal-body .carousel-item .loading-icon .icon {
24591 margin: 1em auto;
24593 .modchooser .modal-body .searchbar {
24594 width: 100%;
24597 .modchooser .modal-footer {
24598 height: 70px;
24599 background: #fff;
24601 .modchooser .modal-footer .moodlenet-logo .icon {
24602 height: 2.5rem;
24603 width: 6rem;
24604 max-height: 2.5rem;
24605 max-width: 6rem;
24606 margin-bottom: 0.6rem;
24609 .modchoosercontainer.noscroll {
24610 overflow-y: hidden;
24613 .modchoosercontainer .optionscontainer,
24614 .modchoosercontainer .searchresultitemscontainer {
24615 overflow-x: hidden;
24617 .modchoosercontainer .optionscontainer .option,
24618 .modchoosercontainer .searchresultitemscontainer .option {
24619 flex-basis: calc(50% - 0.5rem);
24621 .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
24622 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
24623 cursor: pointer;
24624 color: #6a737b;
24626 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i,
24627 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
24628 margin: 0;
24630 .modchoosercontainer .optionscontainer .option .optioninfo a,
24631 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
24632 color: #495057;
24634 .modchoosercontainer .optionscontainer .option .optioninfo a:hover,
24635 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
24636 text-decoration: none;
24639 .modchooser .modal-body .optionsummary {
24640 background-color: #fff;
24641 overflow-x: hidden;
24642 overflow-y: auto;
24643 height: 640px;
24645 .modchooser .modal-body .optionsummary .content {
24646 overflow-y: auto;
24648 .modchooser .modal-body .optionsummary .content .heading .icon {
24649 height: 32px;
24650 width: 32px;
24651 font-size: 32px;
24652 padding: 0;
24654 .modchooser .modal-body .optionsummary .actions {
24655 border-top: 1px solid #dee2e6;
24656 background: #fff;
24659 @media (max-width: 575.98px) {
24660 .path-course-view .modal-dialog.modal-lg,
24661 .path-course-view .modal-content,
24662 .modchooser .modal-body,
24663 .modchooser .modal-body .carousel,
24664 .modchooser .modal-body .carousel-inner,
24665 .modchooser .modal-body .carousel-item,
24666 .modchooser .modal-body .optionsummary,
24667 .modchoosercontainer,
24668 .optionscontainer,
24669 .searchresultitemscontainer {
24670 min-height: auto;
24671 height: 100%;
24672 overflow-y: auto;
24674 .path-course-view .modal-dialog.modal-lg {
24675 margin: 0;
24677 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24678 min-height: auto;
24681 @media (min-width: 576px) {
24682 .modchoosercontainer .optionscontainer .option,
24683 .modchoosercontainer .searchresultitemscontainer .option {
24684 flex-basis: calc(33.33% - 0.5rem);
24687 @media (min-width: 992px) {
24688 .modchoosercontainer .optionscontainer .option,
24689 .modchoosercontainer .searchresultitemscontainer .option {
24690 flex-basis: calc(16.66% - 0.5rem);
24693 /* Form element: listing */
24694 .formlistingradio {
24695 padding-bottom: 25px;
24696 padding-right: 10px;
24699 .formlistinginputradio {
24700 float: left;
24703 .formlistingmain {
24704 min-height: 225px;
24707 .formlisting {
24708 position: relative;
24709 margin: 15px 0;
24710 padding: 1px 19px 14px;
24711 background-color: #fff;
24712 border: 1px solid #ddd;
24713 border-radius: 4px;
24716 .formlistingmore {
24717 position: absolute;
24718 cursor: pointer;
24719 bottom: -1px;
24720 right: -1px;
24721 padding: 3px 7px;
24722 font-size: 12px;
24723 font-weight: bold;
24724 background-color: whitesmoke;
24725 border: 1px solid #ddd;
24726 color: #9da0a4;
24727 border-radius: 4px 0 4px 0;
24730 .formlistingall {
24731 margin: 15px 0;
24732 padding: 0;
24733 border-radius: 4px;
24736 .formlistingrow {
24737 cursor: pointer;
24738 border-bottom: 1px solid;
24739 border-color: #e1e1e8;
24740 border-left: 1px solid #e1e1e8;
24741 border-right: 1px solid #e1e1e8;
24742 background-color: #f7f7f9;
24743 border-radius: 0 0 4px 4px;
24744 padding: 6px;
24745 top: 50%;
24746 left: 50%;
24747 min-height: 34px;
24748 float: left;
24749 width: 150px;
24752 body.jsenabled .formlistingradio {
24753 display: none;
24756 body.jsenabled .formlisting {
24757 display: block;
24760 a.criteria-action {
24761 padding: 0 3px;
24762 float: right;
24765 div.criteria-description {
24766 padding: 10px 15px;
24767 margin: 5px 0;
24768 background: none repeat scroll 0 0 #f9f9f9;
24769 border: 1px solid #eee;
24772 ul.badges {
24773 margin: 0;
24774 list-style: none;
24777 .badges li {
24778 position: relative;
24779 display: inline-block;
24780 padding-top: 1em;
24781 text-align: center;
24782 vertical-align: top;
24783 width: 150px;
24786 .badges li .badge-name {
24787 display: block;
24788 padding: 5px;
24791 .badges li > img {
24792 position: absolute;
24795 .badges li .badge-image {
24796 width: 100px;
24797 height: 100px;
24798 left: 10px;
24799 top: 0;
24800 z-index: 1;
24803 .badges li .badge-actions {
24804 position: relative;
24807 .badges li .expireimage {
24808 background-image: url([[pix:i/expired]]);
24809 background-repeat: no-repeat;
24810 background-size: 100px 100px;
24811 width: 100px;
24812 height: 100px;
24813 left: 25px;
24814 top: 15px;
24815 position: absolute;
24816 z-index: 10;
24817 opacity: 0.85;
24820 #badge-image {
24821 background-color: transparent;
24822 padding: 0;
24823 position: relative;
24824 min-width: 100px;
24825 width: 20%;
24826 display: inline-block;
24827 vertical-align: top;
24828 margin-top: 17px;
24829 margin-bottom: 20px;
24831 #badge-image .expireimage {
24832 background-image: url([[pix:i/expired]]);
24833 background-repeat: no-repeat;
24834 background-size: 100px 100px;
24835 width: 100px;
24836 height: 100px;
24837 left: 0;
24838 top: 0;
24839 opacity: 0.85;
24840 position: absolute;
24841 z-index: 10;
24843 #badge-image .singlebutton {
24844 padding-top: 5px;
24845 display: block;
24847 #badge-image .singlebutton button {
24848 margin-left: 4px;
24851 #badge-details {
24852 display: inline-block;
24853 width: 79%;
24856 #badge-overview dl,
24857 #badge-details dl {
24858 margin: 0;
24860 #badge-overview dl dt,
24861 #badge-overview dl dd,
24862 #badge-details dl dt,
24863 #badge-details dl dd {
24864 vertical-align: top;
24865 padding: 3px 0;
24867 #badge-overview dl dt,
24868 #badge-details dl dt {
24869 clear: both;
24870 display: inline-block;
24871 width: 20%;
24872 min-width: 100px;
24874 #badge-overview dl dd,
24875 #badge-details dl dd {
24876 display: inline-block;
24877 width: 79%;
24878 margin-left: 1%;
24881 #badge-criteria li li {
24882 list-style-type: none;
24885 #badge-image-col {
24886 flex: 0 0 400px;
24889 .badge-profile {
24890 vertical-align: top;
24893 .connected {
24894 color: #357a32;
24897 .notconnected {
24898 color: #ca3120;
24901 .connecting {
24902 color: #f0ad4e;
24905 #page-badges-award .recipienttable tr td {
24906 vertical-align: top;
24909 #page-badges-award .recipienttable tr td.actions .actionbutton {
24910 margin: 0.3em 0;
24911 padding: 0.5em 0;
24912 width: 100%;
24915 #page-badges-award .recipienttable tr td.existing,
24916 #page-badges-award .recipienttable tr td.potential {
24917 width: 42%;
24920 #issued-badge-table .activatebadge {
24921 display: inline-block;
24924 .statusbox.active {
24925 background-color: #d7e4d6;
24928 .statusbox.inactive {
24929 background-color: #fcefdc;
24932 .statusbox {
24933 text-align: center;
24934 margin-bottom: 5px;
24935 padding: 5px;
24938 .statusbox .activatebadge {
24939 display: inline-block;
24942 .statusbox .activatebadge input[type=submit] {
24943 margin: 3px;
24946 .activatebadge {
24947 margin: 0;
24948 text-align: left;
24949 vertical-align: middle;
24952 img#persona_signin {
24953 cursor: pointer;
24956 .addcourse {
24957 float: right;
24960 .invisiblefieldset {
24961 display: inline;
24962 padding: 0;
24963 border-width: 0;
24966 /** Page header */
24967 #page-header h1.h2 {
24968 font-weight: bold;
24970 #page-header .logo {
24971 margin: 1rem 0;
24973 #page-header .logo img {
24974 max-height: 75px;
24977 /** Navbar logo. */
24978 nav.navbar .logo img {
24979 max-height: 35px;
24982 .nav.usernav .nav-item {
24983 display: flex;
24985 .nav.usernav .usermenu .dropdown-toggle {
24986 padding: 0 0.5rem;
24989 /** Header-bar styles **/
24990 .page-context-header {
24991 overflow: hidden;
24992 padding: 0.25rem 0;
24994 .page-context-header .page-header-image > a {
24995 display: inline-block;
24997 .page-context-header .page-header-image .userinitials,
24998 .page-context-header .page-header-image .userpicture {
24999 margin-right: 1rem;
25002 ul.dragdrop-keyboard-drag li {
25003 list-style-type: none;
25006 a.disabled:hover,
25007 a.disabled {
25008 text-decoration: none;
25009 cursor: default;
25010 font-style: italic;
25011 color: #6a737b;
25014 a.btn.disabled {
25015 opacity: 1;
25018 body.lockscroll {
25019 height: 100%;
25020 overflow: hidden;
25023 .progressbar_container {
25024 max-width: 500px;
25025 margin: 0 auto;
25028 /* IE10 only fix for calendar titling */
25029 .ie10 .yui3-calendar-header-label {
25030 display: inline-block;
25033 dd:before,
25034 dd:after {
25035 display: block;
25036 content: " ";
25039 dd:after {
25040 clear: both;
25043 .nav-tabs > .active > a[href],
25044 .nav-tabs > .active > a[href]:hover,
25045 .nav-tabs > .active > a[href]:focus {
25046 cursor: pointer;
25049 .inplaceeditable.inplaceeditingon {
25050 position: relative;
25052 .inplaceeditable.inplaceeditingon .editinstructions {
25053 margin-top: -30px;
25054 font-weight: normal;
25055 margin-right: 0;
25056 margin-left: 0;
25057 left: 0;
25058 right: auto;
25059 white-space: nowrap;
25061 @media (min-width: 576px) {
25062 .inplaceeditable.inplaceeditingon input {
25063 width: 330px;
25064 vertical-align: text-bottom;
25065 margin-bottom: 0;
25067 .inplaceeditable.inplaceeditingon input[role=combobox] {
25068 width: auto;
25071 .inplaceeditable.inplaceeditingon select {
25072 margin-bottom: 0;
25074 .inplaceeditable .quickediticon img {
25075 opacity: 0.2;
25077 .inplaceeditable .quickeditlink {
25078 color: inherit;
25079 text-decoration: inherit;
25081 .inplaceeditable:hover .quickeditlink .quickediticon img,
25082 .inplaceeditable .quickeditlink:focus .quickediticon img {
25083 opacity: 1;
25085 .inplaceeditable.inplaceeditable-toggle .quickediticon {
25086 display: none;
25088 .inplaceeditable.inplaceeditable-autocomplete {
25089 display: block;
25092 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
25093 margin-top: -20px;
25096 /** Chart area. */
25097 @media (min-width: 992px) {
25098 .chart-area .chart-image {
25099 position: relative;
25100 margin: auto;
25101 height: 48vh;
25102 width: 46vw;
25105 .chart-area .chart-table-data {
25106 display: none;
25108 .chart-area .chart-table {
25109 /** When accessible, we display the table only. */
25111 .chart-area .chart-table .chart-output-htmltable caption {
25112 white-space: nowrap;
25114 .chart-area .chart-table.accesshide .chart-table-expand {
25115 display: none;
25117 .chart-area .chart-table.accesshide .chart-table-data {
25118 display: block;
25121 /* YUI 2 Tree View */
25122 /*rtl:raw:
25123 .ygtvtn,
25124 .ygtvtm,
25125 .ygtvtmh,
25126 .ygtvtmhh,
25127 .ygtvtp,
25128 .ygtvtph,
25129 .ygtvtphh,
25130 .ygtvln,
25131 .ygtvlm,
25132 .ygtvlmh,
25133 .ygtvlmhh,
25134 .ygtvlp,
25135 .ygtvlph,
25136 .ygtvlphh,
25137 .ygtvdepthcell,
25138 .ygtvok,
25139 .ygtvok:hover,
25140 .ygtvcancel,
25141 .ygtvcancel:hover {
25142 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
25145 .hover-tooltip-container {
25146 position: relative;
25148 .hover-tooltip-container .hover-tooltip {
25149 opacity: 0;
25150 visibility: hidden;
25151 position: absolute;
25152 /*rtl:ignore*/
25153 left: 50%;
25154 top: calc(-50% - 5px);
25155 transform: translate(-50%, -50%);
25156 background-color: #fff;
25157 border: 1px solid rgba(0, 0, 0, 0.2);
25158 border-radius: 0.3rem;
25159 box-sizing: border-box;
25160 padding: 5px;
25161 white-space: nowrap;
25162 transition: opacity 0.15s, visibility 0.15s;
25163 z-index: 1000;
25165 .hover-tooltip-container .hover-tooltip:before {
25166 content: "";
25167 display: inline-block;
25168 border-left: 8px solid transparent;
25169 border-right: 8px solid transparent;
25170 border-top: 8px solid rgba(0, 0, 0, 0.2);
25171 position: absolute;
25172 bottom: -8px;
25173 left: calc(50% - 8px);
25175 .hover-tooltip-container .hover-tooltip:after {
25176 content: "";
25177 display: inline-block;
25178 border-left: 7px solid transparent;
25179 border-right: 7px solid transparent;
25180 border-top: 7px solid #fff;
25181 position: absolute;
25182 bottom: -6px;
25183 left: calc(50% - 7px);
25184 z-index: 2;
25186 .hover-tooltip-container:hover .hover-tooltip {
25187 opacity: 1;
25188 visibility: visible;
25189 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
25192 #region-flat-nav {
25193 padding-right: 0;
25194 padding-left: 0;
25196 #region-flat-nav .nav {
25197 margin-right: 15px;
25198 background-color: #fff;
25200 @media (max-width: 767.98px) {
25201 #region-flat-nav .nav {
25202 margin-top: 30px;
25203 margin-right: 0;
25207 .footer-dark a {
25208 color: #fff;
25209 text-decoration: underline;
25210 padding-top: 0.25rem;
25211 padding-bottom: 0.25rem;
25213 .footer-dark a .icon {
25214 color: #fff;
25216 .footer-dark a:focus .icon {
25217 color: #1d2125;
25220 .btn-footer-popover {
25221 display: none;
25222 position: fixed;
25223 bottom: 2rem;
25224 right: 2rem;
25227 .btn-footer-communication {
25228 display: none;
25229 position: fixed;
25230 bottom: 5rem;
25231 right: 2rem;
25234 .hasstickyfooter .btn-footer-popover {
25235 bottom: calc(1rem + max(80px, 0.9375rem * 3));
25238 .hasstickyfooter .btn-footer-communication {
25239 bottom: calc(4rem + max(80px, 0.9375rem * 3));
25242 .popover.footer .popover-body {
25243 padding: 0;
25245 .popover.footer .popover-body .footer-section a {
25246 color: #1d2125;
25247 text-decoration: underline;
25249 .popover.footer .popover-body .footer-section a .icon {
25250 color: #1d2125;
25252 .popover.footer .popover-body .footer-section a:focus {
25253 text-decoration: none;
25256 .footer-support-link {
25257 padding-bottom: 5px;
25260 @media (min-width: 576px) {
25261 .jsenabled #page-footer .footer-content-popover {
25262 display: none;
25264 .jsenabled .btn-footer-popover,
25265 .jsenabled .btn-footer-communication {
25266 display: block;
25267 z-index: 1000;
25270 .bg-inverse a {
25271 color: #fff;
25272 text-decoration: underline;
25274 .bg-inverse a .icon {
25275 color: #fff;
25278 .sitelink img {
25279 width: 112px;
25282 .competency-tree ul {
25283 padding-left: 1.5rem;
25286 .sr-only-focusable:active, .sr-only-focusable:focus {
25287 z-index: 1031;
25288 position: fixed;
25289 background: #fff;
25290 padding: 7px;
25291 left: 0;
25292 top: 0;
25295 [data-drag-type=move] {
25296 cursor: move;
25297 touch-action: none;
25300 .clickable {
25301 cursor: pointer;
25304 .overlay-icon-container {
25305 position: absolute;
25306 top: 0;
25307 left: 0;
25308 width: 100%;
25309 height: 100%;
25310 background-color: rgba(255, 255, 255, 0.6);
25312 .overlay-icon-container .loading-icon {
25313 position: absolute;
25314 top: 50%;
25315 left: 50%;
25316 transform: translate(-50%, -50%);
25318 .overlay-icon-container .loading-icon .icon {
25319 max-height: 2em;
25320 max-width: 2em;
25321 font-size: 2em;
25324 .w-auto {
25325 width: auto;
25328 .bg-pulse-grey {
25329 animation: bg-pulse-grey 2s infinite linear;
25332 @keyframes bg-pulse-grey {
25333 0% {
25334 background-color: #f8f9fa;
25336 50% {
25337 background-color: #e9ecef;
25339 100% {
25340 background-color: #f8f9fa;
25343 .line-height-0 {
25344 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
25347 .line-height-1 {
25348 line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
25351 .line-height-2 {
25352 line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
25355 .line-height-3 {
25356 line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
25359 .line-height-4 {
25360 line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
25363 .line-height-5 {
25364 line-height: 2rem !important; /* stylelint-disable-line declaration-no-important */
25367 .line-height-6 {
25368 line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
25371 .dir-rtl .dir-rtl-hide {
25372 display: none;
25375 .dir-ltr .dir-ltr-hide {
25376 display: none;
25379 .paged-content-page-container {
25380 min-height: 3.125rem;
25383 body.h5p-embed #page-content {
25384 display: inherit;
25386 body.h5p-embed #maincontent {
25387 display: none;
25389 body.h5p-embed .h5pmessages {
25390 min-height: 230px;
25393 #h5pcontenttypes td {
25394 vertical-align: middle;
25397 #page.drawers form#h5peditor,
25398 #page.drawers form#coolh5peditor,
25399 #page.drawers .core_contentbank_viewcontent {
25400 max-width: 960px;
25401 margin: 0 auto;
25404 #page-contentbank-edit fieldset {
25405 margin-top: 1em;
25408 .text-decoration-none {
25409 text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
25412 .colour-inherit {
25413 color: inherit !important; /* stylelint-disable-line declaration-no-important */
25416 .position-right {
25417 right: 0 !important; /* stylelint-disable-line declaration-no-important */
25420 .overflow-hidden {
25421 overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
25424 .text-break {
25425 overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
25428 .word-break {
25429 word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
25432 .z-index-0 {
25433 z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
25436 .z-index-1 {
25437 z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
25440 .img-responsive {
25441 max-width: 100%;
25442 height: auto;
25445 input[disabled] {
25446 cursor: not-allowed;
25449 .fade.in {
25450 opacity: 1;
25453 .clamp-2 {
25454 display: -webkit-box;
25455 -webkit-box-orient: vertical;
25456 -webkit-line-clamp: 2;
25457 overflow: hidden;
25460 .word-break-all {
25461 word-break: break-all;
25464 .matchtext {
25465 background-color: #a2cff8;
25466 color: #1d2125;
25467 height: 1.5rem;
25470 .border-radius {
25471 border-radius: 0.5rem;
25474 .v-hidden {
25475 visibility: hidden;
25478 .dialog-big {
25479 max-width: 500px;
25482 .dialog-small {
25483 max-width: 300px;
25486 @media (min-width: 576px) {
25487 .dialog-big {
25488 width: 500px;
25490 .dialog-small {
25491 width: 300px;
25495 * Helpers to show elements only when a parent element has focus or hover.
25497 .v-parent-focus {
25498 opacity: 0;
25499 visibility: hidden;
25502 .focus-control:focus-within .v-parent-focus,
25503 .focus-control:hover .v-parent-focus {
25504 opacity: 1;
25505 visibility: visible;
25508 .emoji-picker {
25509 width: 350px;
25510 height: 400px;
25512 .emoji-picker .category-button {
25513 padding: 0.375rem 0;
25514 height: 100%;
25515 width: 38.8888888889px;
25516 border-top: none;
25517 border-left: none;
25518 border-right: none;
25519 border-bottom: 2px solid transparent;
25521 .emoji-picker .category-button.selected {
25522 border-bottom: 2px solid #0f6cbf;
25524 .emoji-picker .emojis-container,
25525 .emoji-picker .search-results-container {
25526 min-width: 280px;
25528 .emoji-picker .picker-row {
25529 height: 40px;
25531 .emoji-picker .picker-row .category-name {
25532 line-height: 40px;
25534 .emoji-picker .picker-row .emoji-button {
25535 height: 40px;
25536 width: 40px;
25537 line-height: 40px;
25538 font-size: 24px;
25539 overflow: hidden;
25541 .emoji-picker .emoji-preview {
25542 height: 40px;
25543 font-size: 40px;
25544 line-height: 40px;
25546 .emoji-picker .emoji-short-name {
25547 line-height: 20px;
25549 @media (max-width: 575.98px) {
25550 .emoji-picker {
25551 width: 320px;
25555 .emoji-auto-complete {
25556 height: 40px;
25558 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
25559 height: 40px;
25560 width: 40px;
25561 line-height: 40px;
25562 font-size: 24px;
25564 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
25565 background-color: #e9ecef;
25568 .toast-wrapper {
25569 max-width: 350px;
25570 max-height: 0;
25571 z-index: 1051;
25573 .toast-wrapper > :first-child {
25574 margin-top: 1rem;
25577 .alert-primary a {
25578 color: #041d34;
25580 .alert-primary .btn-close {
25581 color: #000305;
25582 opacity: 0.6;
25585 .alert-secondary a {
25586 color: #525557;
25588 .alert-secondary .btn-close {
25589 color: #393b3d;
25590 opacity: 0.6;
25593 .alert-success a, .environmenttable .ok a {
25594 color: #0c1b0b;
25596 .alert-success .btn-close, .environmenttable .ok .btn-close {
25597 color: black;
25598 opacity: 0.6;
25601 .alert-info a {
25602 color: #00171b;
25604 .alert-info .btn-close {
25605 color: black;
25606 opacity: 0.6;
25609 .alert-warning a, .environmenttable .warn a {
25610 color: #573e1c;
25612 .alert-warning .btn-close, .environmenttable .warn .btn-close {
25613 color: #302310;
25614 opacity: 0.6;
25617 .alert-danger a, .environmenttable .error a {
25618 color: #3d0f0a;
25620 .alert-danger .btn-close, .environmenttable .error .btn-close {
25621 color: #110403;
25622 opacity: 0.6;
25625 .alert-light a {
25626 color: #686868;
25628 .alert-light .btn-close {
25629 color: #4e4e4f;
25630 opacity: 0.6;
25633 .alert-dark a {
25634 color: #040505;
25636 .alert-dark .btn-close {
25637 color: black;
25638 opacity: 0.6;
25641 .alert a {
25642 font-weight: 700;
25645 .breadcrumb:empty {
25646 padding: 0;
25649 @media (max-width: 767.98px) {
25650 #page-navbar {
25651 width: 100%;
25653 .breadcrumb:not(:empty) {
25654 width: 100%;
25655 flex-wrap: nowrap;
25656 margin-bottom: 0.5rem;
25658 .breadcrumb:not(:empty) .breadcrumb-item {
25659 padding-top: 0.33333rem;
25660 padding-bottom: 0.33333rem;
25661 display: inline-flex;
25662 overflow: hidden;
25664 .breadcrumb:not(:empty) .breadcrumb-item a,
25665 .breadcrumb:not(:empty) .breadcrumb-item span {
25666 overflow: hidden;
25667 text-overflow: ellipsis;
25668 white-space: nowrap;
25670 .mform {
25671 width: 100%;
25672 padding-right: 15px;
25673 padding-left: 15px;
25675 .pagination {
25676 flex-wrap: wrap;
25677 justify-content: center;
25679 .custom-select {
25680 max-width: 100%;
25682 .card .card-body {
25683 padding: 0.625rem;
25685 #page-header .card {
25686 border: 0;
25688 #page-header .card .card-body {
25689 padding: 0;
25691 .nav-tabs:not(.more-nav),
25692 .nav-pills {
25693 margin: 0;
25694 border: 0;
25695 padding: 0.125rem;
25696 background-color: #e9ecef;
25698 .nav-tabs:not(.more-nav) .nav-item,
25699 .nav-pills .nav-item {
25700 flex: 1 1 auto;
25701 text-align: center;
25703 .nav-tabs:not(.more-nav) .nav-link,
25704 .nav-pills .nav-link {
25705 background: #fff;
25706 border: 0;
25707 margin: 0.125rem;
25709 .nav-tabs:not(.more-nav) .nav-link.active,
25710 .nav-pills .nav-link.active {
25711 color: #6a737b;
25712 border-color: #6a737b;
25713 border-color: #6a737b;
25715 .nav-tabs:not(.more-nav) .nav-link.active:hover,
25716 .nav-pills .nav-link.active:hover {
25717 color: #fff;
25718 background-color: #6a737b;
25719 border-color: #6a737b;
25721 .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
25722 .nav-pills .nav-link.active:focus,
25723 .nav-pills .nav-link.active.focus {
25724 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25726 .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
25727 .nav-pills .nav-link.active.disabled,
25728 .nav-pills .nav-link.active:disabled {
25729 color: #6a737b;
25730 background-color: transparent;
25732 .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,
25733 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
25734 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
25735 .show > .nav-pills .nav-link.active.dropdown-toggle {
25736 color: #fff;
25737 background-color: #6a737b;
25738 border-color: #6a737b;
25740 .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,
25741 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
25742 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
25743 .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
25744 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25747 @media (max-width: 576px) and (max-height: 320px) {
25748 div#page {
25749 margin-top: 0;
25751 .navbar.fixed-top {
25752 position: relative;
25753 z-index: inherit;
25756 .link-underline {
25757 text-decoration: underline;
25759 .link-underline:focus {
25760 text-decoration: none;
25763 .alert.cta .cta-icon .icon {
25764 padding: 0.3rem;
25766 .alert.cta .cta-icon .icon.fa {
25767 border-radius: 50%;
25768 border-style: solid;
25769 border-width: 0.125rem;
25772 .core_payment_gateways_modal .custom-control-label::before,
25773 .core_payment_gateways_modal .custom-control-label::after {
25774 top: 45%;
25777 .visual-scroll-x {
25778 scrollbar-width: thin;
25779 scrollbar-color: #0f6cbf #a2cff8;
25780 -ms-overflow-style: -ms-autohiding-scrollbar;
25782 .visual-scroll-x::-webkit-scrollbar {
25783 height: 8px;
25784 -webkit-appearance: none;
25785 appearance: none;
25787 .visual-scroll-x::-webkit-scrollbar-thumb {
25788 background-color: #0f6cbf;
25789 border-right: 1px solid #fff;
25791 .visual-scroll-x::-webkit-scrollbar-track {
25792 background-color: #a2cff8;
25793 border-right: 1px solid #fff;
25796 body.dragging .drop-zone {
25797 border: 1px dashed #1d2125;
25799 body.dragging .drop-up {
25800 border-top: 1px solid #1d2125;
25801 border-top-left-radius: 0;
25802 border-top-right-radius: 0;
25804 body.dragging .drop-down {
25805 border-bottom: 1px solid #1d2125;
25806 border-bottom-left-radius: 0;
25807 border-bottom-right-radius: 0;
25809 body.dragging .dragging {
25810 opacity: 0.6;
25813 .dragicon {
25814 visibility: hidden;
25817 .draggable:hover .dragicon {
25818 visibility: visible;
25819 cursor: move;
25822 .dropzone-container {
25823 cursor: pointer;
25825 .dropzone-container .dropzone {
25826 display: flex;
25827 justify-content: center;
25828 align-items: center;
25829 flex-direction: column;
25830 border: 2px dashed #bbb;
25831 border-radius: 0.5rem;
25833 .dropzone-container .dropzone.dragover {
25834 border: 2px dashed #6c8cd3;
25836 .dropzone-container .dropzone-icon {
25837 color: #8f959e;
25839 .dropzone-container .dropzone-icon .icon {
25840 font-size: 6em;
25841 width: auto;
25842 height: auto;
25843 max-width: initial;
25844 max-height: initial;
25845 margin-right: 0;
25847 .dropzone-container .dropzone-sr-only-focusable:active, .dropzone-container .dropzone-sr-only-focusable:focus {
25848 outline: 0;
25849 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
25850 z-index: 1060;
25851 position: relative;
25852 background: #fff;
25853 padding: 7px;
25856 .overlay-preview {
25857 background-color: rgba(255, 255, 255, 0.8);
25858 border: 2px dashed #0f6cbf;
25859 position: absolute;
25860 top: 0;
25861 left: 0;
25862 width: 100%;
25863 height: 100%;
25865 .overlay-preview .overlay-preview-wrapper {
25866 position: absolute;
25867 top: 0;
25868 padding: 2rem;
25869 width: 100%;
25871 .overlay-preview .overlay-preview-content {
25872 position: relative;
25873 top: 0;
25874 padding: 1rem;
25875 margin: 0 auto;
25876 width: 100%;
25877 max-width: 600px;
25878 background-color: #0f6cbf;
25879 color: #fff;
25880 text-align: center;
25881 font-size: 1.171875rem;
25882 border-radius: 0.5rem;
25885 .overlay-preview-borders {
25886 outline: 2px dashed #0f6cbf;
25889 .waitstate {
25890 display: none;
25893 .stateready .waitstate {
25894 display: inherit;
25896 .stateready .whilenostate {
25897 display: none;
25900 .collapse-list .collapse-list-item {
25901 padding: 0.5rem 1rem;
25903 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
25904 background-color: #e0f0f2;
25905 border-color: #b8dce2;
25907 .collapse-list .collapse-list-item-content .collapse-list-item {
25908 padding-left: calc(1rem * 3);
25911 .drawers .block_myoverview {
25912 border: 0;
25914 .drawers .block_myoverview > .card-body {
25915 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
25916 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
25917 padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
25920 #page-my-index .my-action-buttons {
25921 display: flex;
25922 justify-content: center;
25923 align-items: center;
25924 gap: 10px;
25927 .dropdown-toggle::after {
25928 content: "\f078";
25929 margin-right: 0;
25930 margin-left: 4px;
25931 font-size: 9px;
25932 width: 9px;
25933 border: 0;
25936 .dropleft .dropdown-toggle::before {
25937 border: 0;
25938 content: "\f053";
25939 font-size: 9px;
25940 margin-left: 0;
25941 margin-right: 4px;
25942 width: 9px;
25945 .dir-rtl .dropleft .dropdown-toggle::before {
25946 content: "\f054";
25949 .dropright .dropdown-toggle::after {
25950 border: 0;
25951 content: "\f054";
25954 .dir-rtl .dropright .dropdown-toggle::after {
25955 content: "\f053";
25958 .dropup .dropdown-toggle::after {
25959 border: 0;
25960 content: "\f077";
25963 .select-menu li:first-child ul[role=group] {
25964 padding: 0;
25966 .select-menu ul[role=group] {
25967 padding: 0.3rem 0 0 0;
25968 margin: 0;
25970 .select-menu ul[role=group] li:first-child {
25971 cursor: default;
25972 color: #6a737b;
25973 padding: 0.25rem 1.5rem;
25974 display: block;
25976 .select-menu ul[role=group] .dropdown-item {
25977 padding-left: 2.5rem;
25979 .select-menu .dropdown-item[aria-selected=true] {
25980 font-weight: bold;
25983 [role=listbox] [role=option] {
25984 cursor: pointer;
25986 [role=listbox] [role=option][aria-selected=true] {
25987 font-weight: bold;
25990 .initialbargroups ul {
25991 -webkit-margin-start: 0; /* stylelint-disable-line */
25992 margin-right: -1px;
25995 .initialbargroups .page-item:first-child .page-link {
25996 border-top-left-radius: 0;
25997 border-bottom-left-radius: 0;
25998 border-top-right-radius: 0;
25999 border-bottom-right-radius: 0;
26001 .initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
26002 border-top-left-radius: 0.6rem;
26003 border-bottom-left-radius: 0.6rem;
26005 .initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
26006 border-top-left-radius: 0.2rem;
26007 border-bottom-left-radius: 0.2rem;
26009 .initialbargroups .page-item:last-child .page-link {
26010 border-top-left-radius: 0;
26011 border-bottom-left-radius: 0;
26012 border-top-right-radius: 0;
26013 border-bottom-right-radius: 0;
26015 .initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
26016 border-top-right-radius: 0.6rem;
26017 border-bottom-right-radius: 0.6rem;
26019 .initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
26020 border-top-right-radius: 0.2rem;
26021 border-bottom-right-radius: 0.2rem;
26024 blockquote {
26025 margin: 0 0.5rem 1rem;
26026 padding-left: 1rem;
26027 color: #495057;
26028 border-left: 5px solid #ced4da;
26031 /* Prevent long strings exceeding page width */
26032 .page-header-headings:not(.text-truncate),
26033 .coursename:not(.text-truncate),
26034 .categoryname:not(.text-truncate),
26035 .breadcrumb-item:not(.text-truncate) {
26036 word-break: normal;
26037 overflow-wrap: anywhere;
26038 white-space: normal;
26041 /* Showmore component */
26042 .showmore-container.collapsed .expanded-content {
26043 display: none;
26045 .showmore-container:not(.collapsed) .collapsed-content {
26046 display: none;
26048 .showmore-container button {
26049 float: right;
26051 .showmore-container button.btn-link {
26052 text-decoration: none;
26054 .showmore-container button .icon {
26055 font-size: 0.8203125rem;
26056 margin: 0;
26059 /* Combobox search dropdowns */
26060 .usersearchdropdown.dropdown-menu,
26061 .gradesearchdropdown.dropdown-menu,
26062 .groupsearchdropdown.dropdown-menu {
26063 width: 350px;
26065 .usersearchdropdown.dropdown-menu .searchresultitemscontainer,
26066 .gradesearchdropdown.dropdown-menu .searchresultitemscontainer,
26067 .groupsearchdropdown.dropdown-menu .searchresultitemscontainer {
26068 max-height: 170px;
26069 overflow: auto;
26070 /* stylelint-disable declaration-no-important */
26072 .usersearchdropdown.dropdown-menu .searchresultitemscontainer img,
26073 .gradesearchdropdown.dropdown-menu .searchresultitemscontainer img,
26074 .groupsearchdropdown.dropdown-menu .searchresultitemscontainer img {
26075 height: 48px !important;
26076 width: 48px !important;
26079 /* Bulk actions in sticky footer. */
26080 #sticky-footer [data-type=bulkactions] {
26081 display: flex;
26082 flex: 0 0 100%;
26083 align-items: center;
26086 /* Choice list component. */
26087 .choicelist {
26088 min-width: calc(300px - 25px);
26090 .choicelist i.icon {
26091 vertical-align: middle;
26094 /* General card customisations. */
26095 .card.active {
26096 border-color: #8f959e;
26099 .action-menu .dropdown-toggle {
26100 text-decoration: none;
26101 display: inline-block;
26104 .action-menu {
26105 white-space: nowrap;
26106 display: inline;
26108 .action-menu .dropdown-toggle.no-caret::after {
26109 display: none;
26111 .action-menu .dropdown-toggle.no-caret::before {
26112 display: none;
26114 .action-menu .dropdown.downleft .dropdown-subpanel-content {
26115 right: 0;
26116 left: auto;
26118 .action-menu .dropdown-subpanel.content-displayed {
26119 background-color: #e9ecef;
26121 .action-menu .dropdown-subpanel-content {
26122 max-width: 300px;
26123 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
26125 .action-menu .dropdown-subpanel-content.show {
26126 animation: 0.15s animate-pop;
26128 @media (prefers-reduced-motion: reduce) {
26129 .action-menu .dropdown-subpanel-content.show {
26130 animation: none;
26133 body.behat-site .action-menu .dropdown-subpanel-content.show {
26134 animation: none;
26136 .action-menu .dropdown-subpanel .dropdown-item::after {
26137 border: 0;
26138 content: "\f054";
26140 .action-menu .dropdown-subpanel .dropdown-item::before {
26141 display: none;
26144 @keyframes animate-pop {
26145 0% {
26146 transform: scale(0.9, 0.9);
26148 100% {
26149 transform: scale(1, 1);
26152 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
26153 border: 0;
26154 content: "\f053";
26156 .dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
26157 display: none;
26160 .dropdown-item a {
26161 display: block;
26162 width: 100%;
26163 color: #1d2125;
26165 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
26166 outline: 0;
26167 background-color: #0f6cbf;
26168 color: #fff;
26170 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
26171 color: #fff;
26173 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
26174 position: relative;
26175 display: flex;
26176 align-items: center;
26178 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
26179 content: "\f00c";
26180 position: absolute;
26181 left: 0.4rem;
26182 font-size: 0.7rem;
26185 .dropdown-item-outline:focus, .dropdown-item-outline:focus-within {
26186 outline: solid #0f6cbf;
26188 .dropdown-item-outline a:focus,
26189 .dropdown-item-outline a:focus-visible {
26190 outline: 0;
26193 .icon {
26194 max-width: 24px;
26195 max-height: 24px;
26196 margin: 0;
26197 padding: 0;
26198 box-sizing: content-box;
26199 margin-right: 0.5rem;
26201 .icon.spacer {
26202 margin-right: 0;
26204 .icon.iconsize-medium {
26205 font-size: 32px;
26206 width: 32px;
26207 height: 32px;
26208 max-width: 32px;
26209 max-height: 32px;
26211 .icon.iconsize-big {
26212 width: 64px;
26213 height: 64px;
26214 max-width: 64px;
26215 max-height: 64px;
26216 font-size: 64px;
26218 .icon.emoticon {
26219 max-width: 16px;
26220 max-height: 16px;
26223 img.icon {
26224 width: 16px;
26225 height: 16px;
26228 .navbar-dark a .icon {
26229 color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */
26232 .action-menu-item a:first-of-type > .icon {
26233 margin-left: 0.5rem;
26236 .ygtvcell .icon {
26237 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
26240 .block_navigation .tree_item .icon,
26241 .block_settings .tree_item .icon {
26242 margin-left: 0;
26245 [data-action=toggle-drawer] .icon {
26246 margin: 0;
26249 .icon-no-spacing a > .icon {
26250 margin: 0;
26253 .icon-no-margin .icon {
26254 margin-left: 0;
26255 margin-right: 0;
26256 margin-top: 0;
26257 margin-bottom: 0;
26260 .icon-large > .icon {
26261 width: 32px;
26262 height: 32px;
26265 .icon-size-0 .icon {
26266 height: 0 !important; /* stylelint-disable-line declaration-no-important */
26267 width: 0 !important; /* stylelint-disable-line declaration-no-important */
26268 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
26271 .icon-size-1 .icon {
26272 height: 4px !important; /* stylelint-disable-line declaration-no-important */
26273 width: 4px !important; /* stylelint-disable-line declaration-no-important */
26274 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
26277 .icon-size-2 .icon {
26278 height: 8px !important; /* stylelint-disable-line declaration-no-important */
26279 width: 8px !important; /* stylelint-disable-line declaration-no-important */
26280 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
26283 .icon-size-3 .icon {
26284 height: 16px !important; /* stylelint-disable-line declaration-no-important */
26285 width: 16px !important; /* stylelint-disable-line declaration-no-important */
26286 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
26289 .icon-size-4 .icon {
26290 height: 24px !important; /* stylelint-disable-line declaration-no-important */
26291 width: 24px !important; /* stylelint-disable-line declaration-no-important */
26292 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
26295 .icon-size-5 .icon {
26296 height: 32px !important; /* stylelint-disable-line declaration-no-important */
26297 width: 32px !important; /* stylelint-disable-line declaration-no-important */
26298 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
26301 .icon-size-6 .icon {
26302 height: 40px !important; /* stylelint-disable-line declaration-no-important */
26303 width: 40px !important; /* stylelint-disable-line declaration-no-important */
26304 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
26307 .icon-size-7 .icon {
26308 height: 48px !important; /* stylelint-disable-line declaration-no-important */
26309 width: 48px !important; /* stylelint-disable-line declaration-no-important */
26310 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
26313 .helplink .icon {
26314 margin-left: 0.5rem;
26317 .icons-collapse-expand {
26318 display: flex;
26319 align-items: center;
26321 .icons-collapse-expand .expanded-icon {
26322 display: flex;
26323 align-items: center;
26325 .icons-collapse-expand .collapsed-icon {
26326 display: none;
26328 .icons-collapse-expand.collapsed .expanded-icon {
26329 display: none;
26331 .icons-collapse-expand.collapsed .collapsed-icon {
26332 display: flex;
26333 align-items: center;
26336 .activityiconcontainer {
26337 width: 52px;
26338 height: 52px;
26339 display: inline-flex;
26340 justify-content: center;
26341 align-items: center;
26342 border-radius: 4px;
26343 padding: 0.7rem;
26345 .activityiconcontainer .activityicon,
26346 .activityiconcontainer .icon {
26347 margin: 0;
26348 font-size: 32px;
26349 height: 32px;
26350 width: 32px;
26351 max-height: 32px;
26352 max-width: 32px;
26354 .activityiconcontainer.small {
26355 width: 42px;
26356 height: 42px;
26357 max-width: 42px;
26358 max-height: 42px;
26360 .activityiconcontainer.smaller {
26361 width: 32px;
26362 height: 32px;
26363 max-width: 32px;
26364 max-height: 32px;
26366 .activityiconcontainer.smaller .activityicon {
26367 width: 32px;
26368 height: 32px;
26369 max-width: 32px;
26370 max-height: 32px;
26373 .activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter),
26374 .activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
26375 filter: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26378 .activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter),
26379 .activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
26380 filter: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26383 .activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter),
26384 .activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
26385 filter: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26388 .activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter),
26389 .activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
26390 filter: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26393 .activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter),
26394 .activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
26395 filter: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26398 .activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter),
26399 .activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
26400 filter: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26403 .icon-box {
26404 width: 48px;
26405 height: 48px;
26406 display: inline-flex;
26407 justify-content: center;
26408 align-items: center;
26409 background-color: #f8f9fa;
26410 border-radius: 12px;
26411 padding: 0.7rem;
26413 .icon-box .icon {
26414 margin: 0;
26415 height: 32px;
26416 width: 32px;
26419 .icon-circle {
26420 display: inline-block;
26421 background-color: #c2cad1;
26422 border-radius: 50%;
26423 padding: 1.3rem;
26425 .icon-circle .icon {
26426 margin: 0;
26427 text-align: center;
26428 max-width: unset;
26429 max-height: unset;
26430 color: #000;
26432 .icon-circle.reversed {
26433 background-color: #b7c0c8;
26435 .icon-circle.reversed .icon {
26436 color: #fff;
26439 :root {
26440 --activityadministration: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
26441 --activityassessment: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
26442 --activitycollaboration: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
26443 --activitycommunication: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
26444 --activitycontent: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
26445 --activityinteractivecontent: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
26448 /* admin.less */
26449 .formtable tbody th {
26450 font-weight: normal;
26451 text-align: right;
26454 .path-admin #assignrole {
26455 width: 60%;
26456 margin-left: auto;
26457 margin-right: auto;
26460 .path-admin .admintable .leftalign {
26461 text-align: left;
26464 .path-admin .admintable.environmenttable .name,
26465 .path-admin .admintable.environmenttable .info,
26466 .path-admin #assignrole .admintable .role,
26467 .path-admin #assignrole .admintable .userrole,
26468 .path-admin #assignrole .admintable .roleholder {
26469 white-space: nowrap;
26472 .path-admin .incompatibleblockstable td.c0 {
26473 font-weight: bold;
26476 #page-admin-course-category .addcategory {
26477 padding: 10px;
26480 #page-admin-course-index .editcourse {
26481 margin: 20px auto;
26484 #page-admin-course-index .editcourse th,
26485 #page-admin-course-index .editcourse td {
26486 padding-left: 10px;
26487 padding-right: 10px;
26490 .timewarninghidden {
26491 display: none;
26494 #page-admin-qtypes #qtypes div,
26495 #page-admin-qtypes #qtypes form,
26496 #page-admin-qbehaviours #qbehaviours div,
26497 #page-admin-qbehaviours #qbehaviours form {
26498 display: inline;
26501 #page-admin-qtypes #qtypes img.spacer,
26502 #page-admin-qbehaviours #qbehaviours img.spacer {
26503 width: 16px;
26506 #page-admin-qbehaviours .cell.c3,
26507 #page-admin-qtypes .cell.c3 {
26508 font-size: 0.8203125rem;
26511 #page-admin-lang .generalbox,
26512 #page-admin-course-index .singlebutton,
26513 #page-admin-course-index .addcategory,
26514 #page-course-index .buttons,
26515 #page-course-index-category .buttons,
26516 #page-admin-course-category .addcategory,
26517 #page-admin-stickyblocks .generalbox,
26518 #page-admin-maintenance .buttons,
26519 #page-admin-course-index .buttons,
26520 #page-admin-course-category .buttons,
26521 #page-admin-index .copyright,
26522 #page-admin-index .copyrightnotice,
26523 #page-admin-index .adminerror .singlebutton,
26524 #page-admin-index .adminwarning .singlebutton,
26525 #page-admin-index #layout-table .singlebutton {
26526 text-align: center;
26527 margin-bottom: 1em;
26530 .path-admin-roles .capabilitysearchui {
26531 text-align: left;
26532 margin-left: auto;
26533 margin-right: auto;
26534 margin-top: 1rem;
26537 #page-admin-roles-define .topfields {
26538 margin: 1em 0 2em;
26541 #page-admin-roles-override .capcurrent,
26542 #page-admin-roles-define .capdefault {
26543 background-color: rgba(0, 0, 0, 0.075);
26546 #page-filter-manage .backlink,
26547 .path-admin-roles .backlink {
26548 margin-top: 1em;
26551 #page-admin-roles-explain #chooseuser h3,
26552 #page-admin-roles-usersroles .contextname {
26553 margin-top: 0;
26556 #page-admin-roles-explain #chooseusersubmit {
26557 margin-top: 0;
26558 text-align: center;
26561 #page-admin-roles-usersroles p {
26562 margin: 0;
26565 #page-admin-roles-override .cell.c1,
26566 #page-admin-roles-assign .cell.c3,
26567 #page-admin-roles-assign .cell.c1 {
26568 padding-top: 0.75em;
26571 #page-admin-roles-override .overridenotice,
26572 #page-admin-roles-define .definenotice {
26573 margin: 1em 10% 2em 10%;
26574 text-align: left;
26577 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
26578 display: block;
26581 #page-admin-index .updateplugin div {
26582 margin-bottom: 0.5em;
26585 #page-admin-user-user_bulk #users .fgroup {
26586 white-space: nowrap;
26589 #page-admin-report-stats-index .graph {
26590 text-align: center;
26591 margin-bottom: 1em;
26594 #page-admin-report-courseoverview-index .graph {
26595 text-align: center;
26596 margin-bottom: 1em;
26599 #page-admin-lang .translator {
26600 border-width: 1px;
26601 border-style: solid;
26604 .path-admin .roleassigntable {
26605 width: 100%;
26608 .path-admin .roleassigntable td {
26609 vertical-align: top;
26610 padding: 0.2em 0.3em;
26613 .path-admin .roleassigntable p {
26614 text-align: left;
26615 margin: 0.2em 0;
26618 .path-admin .roleassigntable #existingcell,
26619 .path-admin .roleassigntable #potentialcell {
26620 width: 42%;
26623 .path-admin .roleassigntable #existingcell p > label:first-child,
26624 .path-admin .roleassigntable #potentialcell p > label:first-child {
26625 font-weight: bold;
26628 .path-admin .roleassigntable #buttonscell {
26629 width: 16%;
26632 .path-admin .roleassigntable #buttonscell #assignoptions {
26633 font-size: 0.8203125rem;
26636 .path-admin .roleassigntable #removeselect_wrapper,
26637 .path-admin .roleassigntable #addselect_wrapper {
26638 width: 100%;
26641 .path-admin table.rolecap tr.rolecap th {
26642 text-align: left;
26643 font-weight: normal;
26646 .path-admin .rolecap .hiddenrow {
26647 display: none;
26650 .path-admin #defineroletable .rolecap .inherit,
26651 .path-admin #defineroletable .rolecap .allow,
26652 .path-admin #defineroletable .rolecap .prevent,
26653 .path-admin #defineroletable .rolecap .prohibit {
26654 text-align: center;
26655 padding: 0;
26656 min-width: 3.5em;
26659 .path-admin .rolecap .cap-name,
26660 .path-admin .rolecap .note {
26661 display: block;
26662 font-size: 0.8203125rem;
26663 white-space: nowrap;
26664 font-weight: normal;
26667 .path-admin .rolecap label {
26668 display: block;
26669 text-align: center;
26670 padding: 0.5em;
26671 margin: 0;
26674 .path-admin .header-maxwidth,
26675 .path-admin .secondary-navigation .navigation .nav-tabs,
26676 .format-site .header-maxwidth,
26677 .format-site .secondary-navigation .navigation .nav-tabs {
26678 max-width: none;
26681 .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
26682 .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
26683 .path-admin.path-admin-tool-lp .header-maxwidth,
26684 .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
26685 max-width: 830px;
26688 .plugincheckwrapper {
26689 width: 100%;
26692 .environmentbox {
26693 margin-top: 1em;
26696 #mnetconfig table {
26697 margin-left: auto;
26698 margin-right: auto;
26701 .environmenttable .cell {
26702 padding: 0.15em 0.5em;
26705 #trustedhosts .generaltable {
26706 margin-left: auto;
26707 margin-right: auto;
26708 width: 500px;
26711 #trustedhosts .standard {
26712 width: auto;
26715 #adminsettings legend {
26716 display: none;
26719 #adminsettings fieldset.error {
26720 margin: 0.2em 0 0.5em 0;
26723 #adminsettings fieldset.error legend {
26724 display: block;
26727 #admin-spelllanguagelist textarea {
26728 /* rtl:ignore */
26729 text-align: left;
26730 /* rtl:ignore */
26731 direction: ltr;
26734 /* Styles for flags on admin settings */
26735 .adminsettingsflags {
26736 float: right;
26739 .adminsettingsflags label {
26740 margin-right: 7px;
26743 .form-description pre,
26744 .formsettingheading pre {
26745 /*rtl:ignore*/
26746 direction: ltr;
26749 .form-item .form-setting .form-htmlarea {
26750 display: inline;
26753 .form-item .form-setting .form-htmlarea .htmlarea {
26754 width: 640px;
26755 display: block;
26758 .form-item .form-setting .form-multicheckbox ul {
26759 list-style: none;
26760 padding: 0;
26761 margin: 7px 0 0 0;
26764 .form-item .form-setting .defaultsnext {
26765 display: inline;
26768 .form-item .form-setting .locked-checkbox {
26769 margin-right: 0.2em;
26770 margin-left: 0.5em;
26771 display: inline;
26774 .form-item .form-setting .form-password .unmask,
26775 .form-item .form-setting .form-defaultinfo {
26776 display: inline-block;
26779 .form-item .form-setting .form-defaultinfo {
26780 max-width: 100%;
26781 word-wrap: break-word;
26784 #admin-emoticons td input {
26785 width: 8em;
26788 #admin-emoticons td.c0 input {
26789 width: 4em;
26792 .admin_colourpicker,
26793 .admin_colourpicker_preview {
26794 display: none;
26797 .jsenabled .admin_colourpicker_preview {
26798 display: inline;
26801 @media (min-width: 768px) {
26802 .jsenabled .admin_colourpicker {
26803 display: block;
26804 height: 102px;
26805 width: 410px;
26806 margin-bottom: 10px;
26807 box-sizing: content-box;
26809 .admin_colourpicker .colourdialogue {
26810 float: left;
26811 border: 1px solid #8f959e;
26813 .admin_colourpicker .previewcolour {
26814 border: 1px solid #8f959e;
26815 margin-left: 301px;
26817 .admin_colourpicker .currentcolour {
26818 border: 1px solid #8f959e;
26819 margin-left: 301px;
26820 border-top-width: 0;
26823 @media (max-width: 767.98px) {
26824 .jsenabled .admin_colourpicker {
26825 height: 150px;
26826 margin-bottom: 10px;
26827 display: block;
26828 position: relative;
26830 .admin_colourpicker .previewcolour {
26831 display: none;
26833 .admin_colourpicker .currentcolour {
26834 position: absolute;
26835 border: 1px solid #dee2e6;
26836 top: 100px;
26837 left: 0;
26840 .admin_colourpicker .loadingicon {
26841 vertical-align: middle;
26842 margin-left: auto;
26845 #page-admin-index #notice .checkforupdates {
26846 text-align: center;
26849 #page-admin-index #page-content a {
26850 font-weight: normal;
26851 text-decoration: underline;
26854 #page-admin-plugins #plugins-overview-panel .info {
26855 display: inline-block;
26856 margin-right: 1em;
26858 #page-admin-plugins .checkforupdates {
26859 margin: 10px 0;
26861 #page-admin-plugins .checkforupdates .singlebutton {
26862 margin: 5px 0;
26863 padding: 0;
26865 #page-admin-plugins .checkforupdates .singlebutton div,
26866 #page-admin-plugins .checkforupdates .singlebutton input {
26867 margin: 0 3px 0 0;
26869 #page-admin-plugins .updateavailableinstallall {
26870 margin: 5px 0;
26871 padding: 0;
26873 #page-admin-plugins .updateavailableinstallall div,
26874 #page-admin-plugins .updateavailableinstallall input {
26875 margin: 0 3px 5px 0;
26877 #page-admin-plugins #plugins-control-panel .status-missing td {
26878 background-color: #fcefdc;
26880 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
26881 font-size: 0.8203125rem;
26882 color: #6a737b;
26883 margin-left: 22px;
26885 #page-admin-plugins #plugins-control-panel .version .versionnumber {
26886 font-size: 0.8203125rem;
26887 color: #6a737b;
26889 #page-admin-plugins #plugins-control-panel .uninstall a {
26890 color: #ca3120;
26892 #page-admin-plugins #plugins-control-panel .notes .label {
26893 margin-right: 3px;
26895 #page-admin-plugins #plugins-control-panel .notes .requiredby {
26896 font-size: 0.8203125rem;
26897 color: #6a737b;
26900 #plugins-check-page #plugins-check .status-missing td,
26901 #plugins-check-page #plugins-check .status-downgrade td {
26902 background-color: #f4d6d2;
26905 #plugins-check-page .pluginupdateinfo,
26906 #plugins-control-panel .pluginupdateinfo {
26907 background-color: #cce6ea;
26908 padding: 5px;
26909 margin: 10px 0;
26910 border-radius: 5px;
26912 #plugins-check-page .pluginupdateinfo.maturity50,
26913 #plugins-control-panel .pluginupdateinfo.maturity50 {
26914 background-color: #f4d6d2;
26916 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
26917 #plugins-control-panel .pluginupdateinfo.maturity100,
26918 #plugins-control-panel .pluginupdateinfo.maturity150 {
26919 background-color: #fcefdc;
26921 #plugins-check-page .pluginupdateinfo .info,
26922 #plugins-control-panel .pluginupdateinfo .info {
26923 display: inline-block;
26925 #plugins-check-page .pluginupdateinfo .separator:after,
26926 #plugins-control-panel .pluginupdateinfo .separator:after {
26927 content: " | ";
26929 #plugins-check-page .pluginupdateinfo .singlebutton,
26930 #plugins-control-panel .pluginupdateinfo .singlebutton {
26931 margin: 5px 0;
26932 padding: 0;
26934 #plugins-check-page .pluginupdateinfo .singlebutton div,
26935 #plugins-check-page .pluginupdateinfo .singlebutton input,
26936 #plugins-control-panel .pluginupdateinfo .singlebutton div,
26937 #plugins-control-panel .pluginupdateinfo .singlebutton input {
26938 margin: 0 3px 0 0;
26941 .plugins-management-confirm-buttons > div {
26942 display: inline-block;
26943 margin: 1em 1em 1em 0;
26945 .plugins-management-confirm-buttons .continue {
26946 padding: 0;
26948 .plugins-management-confirm-buttons .continue div,
26949 .plugins-management-confirm-buttons .continue input {
26950 margin: 0;
26953 #page-admin-index .upgradepluginsinfo {
26954 text-align: center;
26957 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
26958 content: " | ";
26961 /** MNet networking */
26962 #page-admin-mnet-peers .box.deletedhosts {
26963 margin-bottom: 1em;
26964 font-size: 0.8203125rem;
26967 #core-cache-plugin-summaries table,
26968 #core-cache-store-summaries table {
26969 width: 100%;
26972 #core-cache-lock-summary table,
26973 #core-cache-definition-summaries table,
26974 #core-cache-mode-mappings table {
26975 margin: 0 auto;
26978 #core-cache-store-summaries .default-store td {
26979 font-style: italic;
26982 #core-cache-rescan-definitions,
26983 #core-cache-mode-mappings .edit-link,
26984 #core-cache-lock-additional-actions .new-instance {
26985 margin-top: 0.5em;
26986 text-align: center;
26989 .maintenancewarning {
26990 position: fixed;
26991 bottom: 0;
26992 right: 0;
26993 overflow: hidden;
26994 z-index: 1000;
26997 .modal.modal-in-page {
26998 z-index: 0;
27001 #page-admin-search .adminpagetitle {
27002 margin-bottom: 0;
27003 border-bottom: none;
27005 #page-admin-search .adminpagepath {
27006 display: flex;
27007 flex-wrap: wrap;
27008 list-style: none;
27009 padding: 0;
27010 margin: 0 0 1.5rem 0;
27012 #page-admin-search .adminpagepath li + li:before {
27013 padding-right: 0.5rem;
27014 padding-left: 0.5rem;
27015 content: "/";
27017 @media (min-width: 576px) {
27018 #page-admin-search .container {
27019 overflow-wrap: break-word;
27023 #page-admin-tasklogs .task-class {
27024 font-size: 0.8203125rem;
27025 color: #6a737b;
27028 .path-admin-tool-uploaduser .uuwarning {
27029 background-color: #fcefdc;
27031 .path-admin-tool-uploaduser .uuerror {
27032 background-color: #f4d6d2;
27034 .path-admin-tool-uploaduser .uuinfo {
27035 background-color: #d7e4d6;
27039 Blocks
27041 .blockmovetarget .accesshide {
27042 position: relative;
27043 left: initial;
27046 .block:target {
27047 padding-top: 0 !important; /* stylelint-disable declaration-no-important */
27048 margin-top: 0 !important;
27051 .block_search_forums .searchform {
27052 /* Override plugin's default. */
27053 text-align: left;
27056 .block.block_navigation .block_tree ul,
27057 .block_settings .block_tree ul {
27058 margin-left: 0;
27061 .block .block-controls .dropdown-toggle {
27062 /* So that the icon takes the colour of the icon. */
27063 color: #1d2125;
27065 .block .block-controls .dropdown-toggle::after {
27066 display: none;
27069 [data-region=blocks-column] {
27070 width: 360px;
27071 float: right;
27074 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
27075 @media (min-width: 576px) {
27076 #region-main-settings-menu {
27077 position: relative;
27078 float: left;
27079 width: 100%;
27081 #region-main-settings-menu > div {
27082 position: absolute;
27083 right: 0;
27084 z-index: 100;
27085 margin: 1rem;
27087 .region_main_settings_menu_proxy {
27088 width: 4rem;
27089 height: 2rem;
27090 background-color: #fff;
27091 margin-left: 0.625rem;
27092 margin-bottom: 0.625rem;
27093 border-bottom-left-radius: 0.5rem;
27094 float: right;
27097 @media (max-width: 767.98px) {
27098 #region-main-settings-menu .menubar {
27099 justify-content: flex-end;
27102 #region-main.has-blocks {
27103 display: inline-block;
27104 width: calc(100% - 375px);
27106 @media (max-width: 1199.98px) {
27107 #region-main.has-blocks {
27108 width: 100%;
27109 /* MDL-63102 - Remove extra space at bottom.
27110 If modifying make sure block-region is horizontally stacked when in full screen */
27111 display: block;
27115 .header-action #region-main-settings-menu {
27116 position: unset;
27117 float: none;
27118 width: auto;
27120 .header-action #region-main-settings-menu > div {
27121 position: unset;
27122 right: auto;
27123 margin: 0;
27126 @media (max-width: 1199.98px) {
27127 [data-region=blocks-column] {
27128 width: 100%;
27132 .block .empty-placeholder-image-lg {
27133 height: 5rem;
27136 .block .searchbar .icon {
27137 margin-right: 0;
27140 .block .block-cards .course-info-container {
27141 padding: 0.8rem;
27143 .block .block-cards .progress {
27144 height: 0.5rem;
27146 .block .block-cards .course-summaryitem {
27147 border: 1px solid #dee2e6;
27148 background-color: #fff;
27150 .block .block-cards .icon {
27151 margin-right: 0;
27153 .block .block-cards .card .coursemenubtn {
27154 margin-top: -0.5rem;
27156 .block .block-cards span.categoryname,
27157 .block .block-cards .btn-link {
27158 color: #1d2125;
27160 .block .block-cards .progress-text {
27161 color: #6a737b;
27163 .block .block-cards .multiline {
27164 white-space: normal;
27166 .block .block-cards .btn.btn-link.btn-icon {
27167 height: 36px;
27168 width: 36px;
27169 padding: 0;
27170 border-radius: 50%;
27173 .card-grid {
27174 display: flex;
27176 .card-grid .card {
27177 flex: 1;
27179 .drawercontent .card-grid .col, .blockcolumn .card-grid .col {
27180 flex: 0 0 auto;
27181 max-width: 100%;
27184 .card-carousel {
27185 display: flex;
27187 .card-carousel .card {
27188 flex: 1;
27190 @media (min-width: 576px) {
27191 .card-carousel .card {
27192 flex: 0 1 auto;
27193 width: 240px;
27194 max-width: 100%;
27198 .course-card .card-img-top,
27199 .theme-card .card-img-top {
27200 height: 7rem;
27201 background-position: center;
27202 background-size: cover;
27205 .block_recentlyaccessedcourses .paging-bar-container {
27206 margin-top: -2.4rem;
27207 padding-right: 0.5rem;
27208 justify-content: flex-end;
27210 @media (max-width: 575.98px) {
27211 .block_recentlyaccessedcourses .paging-bar-container {
27212 margin-top: 0;
27216 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
27217 margin-top: 0;
27220 .block_recentlyaccesseditems .activityiconcontainer {
27221 width: 40px;
27222 height: 40px;
27224 aside[id^=block-region-side-] .block_recentlyaccesseditems .card:nth-of-type(n+4) {
27225 display: none;
27227 #block-region-content .block_recentlyaccesseditems [data-region=more-items-button-container] {
27228 display: none;
27230 .block_recentlyaccesseditems a.card:hover, .block_recentlyaccesseditems a.card:focus {
27231 text-decoration: none;
27233 .block_recentlyaccesseditems a.card:hover h6, .block_recentlyaccesseditems a.card:focus h6 {
27234 text-decoration: underline;
27236 .block_recentlyaccesseditems a.card small {
27237 color: #1d2125;
27240 .block_myoverview .content {
27241 min-height: 19.35rem;
27243 .block_myoverview .paged-content-page-container {
27244 min-height: 13rem;
27246 .block_myoverview .summary-image {
27247 height: 5rem;
27248 width: 5rem;
27249 background-position: center;
27250 background-size: cover;
27252 .block_myoverview .list-image {
27253 height: 5rem;
27254 width: 20rem;
27255 background-position: center;
27256 background-size: cover;
27258 @media (max-width: 1199.98px) {
27259 .block_myoverview .list-image {
27260 width: 100%;
27264 .block_timeline .paged-content-page-container {
27265 background-color: #fff;
27268 .block_timeline .event-action {
27269 padding-left: 5.55em;
27272 .block_settings .block_tree [aria-expanded=true],
27273 .block_settings .block_tree [aria-expanded=true].emptybranch,
27274 .block_settings .block_tree [aria-expanded=false],
27275 .block_navigation .block_tree [aria-expanded=true],
27276 .block_navigation .block_tree [aria-expanded=true].emptybranch,
27277 .block_navigation .block_tree [aria-expanded=false] {
27278 background-image: none;
27281 .block_settings .block_tree [aria-expanded=true] > p:before,
27282 .block_navigation .block_tree [aria-expanded=true] > p:before {
27283 content: "\f107";
27284 margin-right: 0;
27285 font-size: 16px;
27286 width: 16px;
27289 .block_settings .block_tree [aria-expanded=false] > p:before,
27290 .block_navigation .block_tree [aria-expanded=false] > p:before {
27291 content: "\f105";
27292 margin-right: 0;
27293 font-size: 16px;
27294 width: 16px;
27297 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
27298 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before {
27299 content: "\f104";
27302 .block_navigation .block_tree p.hasicon,
27303 .block_settings .block_tree p.hasicon {
27304 text-indent: -3px;
27306 .block_navigation .block_tree p.hasicon .icon,
27307 .block_settings .block_tree p.hasicon .icon {
27308 margin-right: 2px;
27311 .block.invisibleblock .card-title {
27312 color: #6a737b;
27315 .block_social_activities li a.movehere,
27316 .block_site_main_menu li a.movehere {
27317 display: block;
27318 width: 100%;
27319 height: 2rem;
27320 border: 2px dashed #343a40;
27321 margin: 4px 0;
27324 .pagelayout-embedded .has-fake-blocks {
27325 padding: 1rem;
27326 display: flex;
27328 .pagelayout-embedded .has-fake-blocks .embedded-main {
27329 order: 0;
27330 width: calc(100% - 360px);
27331 margin-right: 1rem;
27333 .pagelayout-embedded .embedded-blocks {
27334 order: 1;
27335 width: 360px;
27337 @media (max-width: 767.98px) {
27338 .pagelayout-embedded .has-fake-blocks {
27339 display: block;
27341 .pagelayout-embedded .has-fake-blocks .embedded-main {
27342 width: 100%;
27344 .pagelayout-embedded .embedded-blocks {
27345 width: 100%;
27349 .block-add {
27350 color: #0f6cbf;
27351 background-color: #f5f9fc;
27352 border-color: #3584c9;
27353 border-radius: 0.5rem;
27354 width: 100%;
27355 border-width: 1px;
27357 .block-add hr {
27358 border-top-color: #3077b5;
27360 .block-add .alert-link {
27361 color: #0b5190;
27363 .block-add .pluscontainer {
27364 border: 1px solid #3584c9;
27365 border-radius: 50%;
27366 width: 32px;
27367 height: 32px;
27369 .block-add:hover {
27370 cursor: pointer;
27371 background-color: #f5f9fc;
27373 .block-add:hover .activity-add-text {
27374 text-decoration: underline;
27377 /* calendar.less */
27378 .calendar_event_category {
27379 background-color: #e0cbe0;
27381 .calendar_event_category .commands a {
27382 color: #0d5ca1;
27385 .calendar_event_course {
27386 background-color: #ffd3bd;
27388 .calendar_event_course .commands a {
27389 color: #0d5ca1;
27392 .calendar_event_site {
27393 background-color: #d6f8cd;
27395 .calendar_event_site .commands a {
27396 color: #0d5ca1;
27399 .calendar_event_group {
27400 background-color: #fee7ae;
27402 .calendar_event_group .commands a {
27403 color: #0d5ca1;
27406 .calendar_event_user {
27407 background-color: #dce7ec;
27409 .calendar_event_user .commands a {
27410 color: #0d5ca1;
27413 .calendar_event_other {
27414 background-color: #ced4da;
27416 .calendar_event_other .commands a {
27417 color: #0d5ca1;
27420 .calendartable {
27421 width: 100%;
27422 table-layout: fixed;
27424 .calendartable th,
27425 .calendartable td {
27426 width: 14%;
27427 vertical-align: top;
27428 text-align: center;
27429 border: 0;
27432 .calendar-controls .previous,
27433 .calendar-controls .next,
27434 .calendar-controls .current {
27435 display: block;
27436 float: left;
27437 width: 12%;
27439 .calendar-controls .previous {
27440 text-align: left;
27441 border: 1px solid transparent;
27442 width: 25%;
27444 .calendar-controls .current {
27445 text-align: center;
27446 width: 50%;
27448 .calendar-controls .next {
27449 text-align: right;
27450 border: 1px solid transparent;
27451 width: 25%;
27453 .calendar-controls .drop-target {
27454 box-sizing: border-box;
27455 border: 1px dashed #0f6cbf;
27458 .filters table {
27459 border-collapse: separate;
27460 border-spacing: 2px;
27461 width: 100%;
27464 #region-main .maincalendar .calendarwrapper td > div {
27465 height: 11.5em;
27466 overflow: hidden;
27469 .maincalendar {
27470 vertical-align: top;
27471 padding: 0;
27473 .maincalendar .bottom {
27474 text-align: left;
27475 width: 98%;
27476 margin: 10px auto;
27478 .maincalendar .bottom span.footer-link:after {
27479 content: "•";
27480 color: #0f6cbf;
27482 .maincalendar .bottom span.footer-link:last-child:after {
27483 content: none;
27485 .maincalendar .heightcontainer {
27486 height: 100%;
27487 position: relative;
27489 .maincalendar .calendarmonth {
27490 width: 98%;
27491 margin: 10px auto;
27493 .maincalendar .calendarmonth ul {
27494 margin: 0;
27495 padding: 0;
27497 .maincalendar .calendarmonth ul li[data-event-folded=true] {
27498 display: none;
27500 .maincalendar .calendarmonth ul li {
27501 list-style-type: none;
27502 line-height: 1.2em;
27504 .maincalendar .calendarmonth ul li > a {
27505 overflow: hidden;
27506 text-overflow: ellipsis;
27507 white-space: nowrap;
27508 max-width: 100%;
27509 display: inline-block;
27511 .maincalendar .calendarmonth ul li > a:hover {
27512 text-decoration: none;
27514 .maincalendar .calendarmonth ul li > a:hover .eventname {
27515 text-decoration: underline;
27517 .maincalendar .calendarmonth ul li a[data-action=view-day-link] {
27518 overflow: hidden;
27519 text-overflow: ellipsis;
27520 white-space: nowrap;
27522 .maincalendar .calendarmonth ul li .icon {
27523 margin-left: 0.25em;
27524 margin-right: 0.25em;
27525 vertical-align: initial;
27527 .maincalendar .calendarmonth ul li .calendar-circle {
27528 width: 12px;
27529 height: 12px;
27530 border-radius: 6px;
27531 vertical-align: middle;
27532 display: inline-block;
27534 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
27535 background-color: #e0cbe0;
27536 border: 2px solid #9e619f;
27538 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
27539 background-color: #ffd3bd;
27540 border: 2px solid #d34600;
27542 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
27543 background-color: #d6f8cd;
27544 border: 2px solid #2b8713;
27546 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
27547 background-color: #fee7ae;
27548 border: 2px solid #9a6e02;
27550 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
27551 background-color: #dce7ec;
27552 border: 2px solid #4e7c91;
27554 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
27555 background-color: #ced4da;
27556 border: 2px solid #687889;
27558 .maincalendar .calendarmonth th {
27559 text-align: left;
27560 padding-left: 16px;
27562 .maincalendar .calendarmonth td a.day:focus {
27563 display: inline-block;
27564 border-radius: 50%;
27565 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
27567 .maincalendar .calendarmonth td .day-number-circle {
27568 display: inline-block;
27569 line-height: 0;
27570 width: 30px;
27571 height: 30px;
27573 .maincalendar .calendarmonth td .day-number-circle .day-number {
27574 display: inline-block;
27575 padding: 50% 4px;
27576 width: 100%;
27577 text-align: center;
27579 .maincalendar .calendarmonth td.today .day-number-circle {
27580 border-radius: 50%;
27581 color: #fff;
27582 background-color: #0f6cbf;
27584 .maincalendar .calendarmonth .clickable:hover {
27585 background-color: #ededed;
27587 .maincalendar .controls {
27588 width: 98%;
27589 margin: 10px auto;
27591 .maincalendar .calendar_event_category a:has(> .icon):hover,
27592 .maincalendar .calendar_event_course a:has(> .icon):hover,
27593 .maincalendar .calendar_event_site a:has(> .icon):hover,
27594 .maincalendar .calendar_event_group a:has(> .icon):hover,
27595 .maincalendar .calendar_event_user a:has(> .icon):hover {
27596 color: #07345a;
27597 text-decoration: none;
27599 .maincalendar .calendar_event_category {
27600 border-color: #e0cbe0;
27602 .maincalendar .calendar_event_course {
27603 border-color: #ffd3bd;
27605 .maincalendar .calendar_event_site {
27606 border-color: #d6f8cd;
27608 .maincalendar .calendar_event_group {
27609 border-color: #fee7ae;
27611 .maincalendar .calendar_event_user {
27612 border-color: #dce7ec;
27614 .maincalendar .calendar_event_other {
27615 border-color: #ced4da;
27617 .maincalendar .calendartable td,
27618 .maincalendar .calendartable li {
27619 padding: 4px;
27621 .maincalendar .calendartable li {
27622 text-align: left;
27624 .maincalendar .header {
27625 overflow: hidden;
27627 .maincalendar .header .buttons {
27628 float: right;
27630 .maincalendar .event .card-header img {
27631 vertical-align: baseline;
27633 .maincalendar .event .location {
27634 word-break: break-all;
27635 overflow-wrap: break-word;
27637 .maincalendar table#subscription_details_table td {
27638 vertical-align: middle;
27640 .maincalendar table#subscription_details_table td > .btn-group button {
27641 padding-left: 0;
27644 #page-calendar-export .indent {
27645 padding-left: 20px;
27648 .block .bottom {
27649 width: 98%;
27650 margin: 10px auto;
27652 .block .bottom span.footer-link:after {
27653 content: "•";
27654 color: #0f6cbf;
27656 .block .bottom span.footer-link:last-child:after {
27657 content: none;
27659 .block .minicalendar {
27660 max-width: 280px;
27661 margin: 0 auto;
27662 width: 100%;
27664 .block .minicalendar th,
27665 .block .minicalendar td {
27666 padding: 2px;
27667 font-size: 0.8em;
27668 text-align: center;
27670 .block .minicalendar td.weekend {
27671 color: #6a737b;
27673 .block .minicalendar td a {
27674 width: 100%;
27675 height: 100%;
27676 display: block;
27677 color: #0d5ca1;
27679 .block .minicalendar td.duration_global {
27680 border-top: 1px solid #d6f8cd;
27681 border-bottom: 1px solid #d6f8cd;
27683 .block .minicalendar td.duration_global.duration_finish {
27684 background-color: #d6f8cd;
27686 .block .minicalendar td.duration_category {
27687 border-top: 1px solid #e0cbe0;
27688 border-bottom: 1px solid #e0cbe0;
27690 .block .minicalendar td.duration_category.duration_finish {
27691 background-color: #e0cbe0;
27693 .block .minicalendar td.duration_course {
27694 border-top: 1px solid #ffd3bd;
27695 border-bottom: 1px solid #ffd3bd;
27697 .block .minicalendar td.duration_course.duration_finish {
27698 background-color: #ffd3bd;
27700 .block .minicalendar td.duration_group {
27701 border-top: 1px solid #fee7ae;
27702 border-bottom: 1px solid #fee7ae;
27704 .block .minicalendar td.duration_group.duration_finish {
27705 background-color: #fee7ae;
27707 .block .minicalendar td.duration_user {
27708 border-top: 1px solid #dce7ec;
27709 border-bottom: 1px solid #dce7ec;
27711 .block .minicalendar td.duration_user.duration_finish {
27712 background-color: #dce7ec;
27714 .block .minicalendar td.duration_other {
27715 border-top: 1px solid #ced4da;
27716 border-bottom: 1px solid #ced4da;
27718 .block .minicalendar td.duration_other.duration_finish {
27719 background-color: #ced4da;
27721 .block .minicalendar caption {
27722 font-size: inherit;
27723 font-weight: inherit;
27724 line-height: inherit;
27725 text-align: center;
27727 .block .calendar_filters ul {
27728 list-style: none;
27729 margin: 0;
27730 padding: 0;
27732 .block .calendar_filters li {
27733 margin-bottom: 0.2em;
27735 .block .calendar_filters li span.calendar_event_category i {
27736 color: #0d5ca1;
27738 .block .calendar_filters li span.calendar_event_course i {
27739 color: #0d5ca1;
27741 .block .calendar_filters li span.calendar_event_site i {
27742 color: #0d5ca1;
27744 .block .calendar_filters li span.calendar_event_group i {
27745 color: #0d5ca1;
27747 .block .calendar_filters li span.calendar_event_user i {
27748 color: #0d5ca1;
27750 .block .calendar_filters li span.calendar_event_other i {
27751 color: #0d5ca1;
27753 .block .calendar_filters li span img {
27754 padding: 0 0.2em;
27755 margin: 0;
27757 .block .calendar_filters li .icon {
27758 vertical-align: initial;
27759 margin: 0 0.1rem 0 0.4rem;
27761 .block .calendar_filters li > a:hover {
27762 text-decoration: none;
27764 .block .calendar_filters li > a:hover .eventname {
27765 text-decoration: underline;
27767 .block .content h3.eventskey {
27768 margin-top: 0.5em;
27771 .path-course-view .block.block_calendar_month .maincalendar div.header {
27772 visibility: hidden;
27773 height: 0;
27775 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
27776 position: absolute;
27777 width: 1px;
27778 height: 1px;
27779 padding: 0;
27780 margin: -1px;
27781 overflow: hidden;
27782 clip: rect(0, 0, 0, 0);
27783 white-space: nowrap;
27784 border: 0;
27786 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
27787 display: block;
27789 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
27790 content: none;
27793 /* Display month name above the calendar */
27794 table.calendartable caption {
27795 caption-side: top;
27798 @media (min-width: 768px) {
27799 #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 {
27800 min-width: 1024px;
27803 @media (min-width: 768px) {
27804 section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
27805 visibility: hidden;
27806 height: 0;
27808 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
27809 width: 40%;
27810 font-size: inherit;
27811 line-height: inherit;
27813 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
27814 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
27815 width: 30%;
27817 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text,
27818 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
27819 display: none;
27821 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
27822 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27823 border: none;
27824 text-align: center !important;
27825 padding: 0;
27827 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27828 height: auto;
27829 font-size: 0.8em;
27831 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27832 display: none;
27834 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27835 display: inline-block;
27836 position: relative;
27838 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27839 content: ".";
27840 display: inline-block;
27841 position: absolute;
27842 bottom: 0.4em;
27843 left: 0;
27844 text-align: center;
27845 width: 100%;
27846 font-size: 3em;
27847 color: inherit;
27849 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
27850 content: "";
27851 display: block;
27852 margin-top: calc(100% - 26px);
27854 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
27855 background-color: inherit;
27857 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
27858 border-radius: 50%;
27859 background-color: #ededed;
27861 section:not(#region-main) .block.block_calendar_month .bottom {
27862 border-top: 1px solid rgba(0, 0, 0, 0.125);
27863 padding-top: 0.5rem;
27866 @media (max-width: 768px) {
27867 .maincalendar .calendartable.calendarmonth th,
27868 .maincalendar .calendartable.calendarmonth td {
27869 border: none;
27870 text-align: center !important;
27871 padding: 0;
27873 .maincalendar .calendartable.calendarmonth td {
27874 height: auto;
27875 font-size: inherit;
27876 padding: 0;
27878 .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27879 display: none;
27881 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27882 display: inline-block;
27883 position: relative;
27885 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27886 content: ".";
27887 display: inline-block;
27888 position: absolute;
27889 bottom: 0.4em;
27890 left: 0;
27891 text-align: center;
27892 width: 100%;
27893 font-size: 3em;
27894 color: inherit;
27896 .maincalendar .calendartable.calendarmonth td:after {
27897 content: "";
27898 display: block;
27899 margin-top: calc(100% - 26px);
27901 .maincalendar .calendartable.calendarmonth td > div {
27902 height: auto !important;
27905 .calendarwrapper {
27906 position: relative;
27909 .day-popover-content:empty + .day-popover-alternate {
27910 display: block;
27913 .location-content {
27914 overflow-wrap: break-word;
27917 .description-content {
27918 overflow-wrap: break-word;
27920 .description-content > p {
27921 margin: 0;
27924 .cal_courses_flt {
27925 color: #6a737b;
27926 max-width: 75%;
27929 .content-bank-container .cb-content-wrapper {
27930 padding: 0.5rem;
27931 min-height: 140px;
27932 max-height: 500px;
27933 overflow-x: auto;
27934 flex-wrap: wrap;
27936 .content-bank-container .cb-thumbnail {
27937 width: 24px;
27938 height: 24px;
27939 background-repeat: no-repeat;
27940 background-position: center;
27941 background-size: cover;
27943 .content-bank-container.view-grid {
27944 /* Display a centered eye slash on top of unlisted content icons. */
27946 .content-bank-container.view-grid .cb-listitem {
27947 margin-bottom: 0.5rem;
27949 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
27950 position: relative;
27952 @media (max-width: 767.98px) {
27953 .content-bank-container.view-grid .cb-listitem {
27954 flex-basis: 50%;
27957 @media (min-width: 576px) {
27958 .content-bank-container.view-grid .cb-listitem {
27959 max-width: 120px;
27960 min-width: 120px;
27963 .content-bank-container.view-grid .cb-name {
27964 text-align: center;
27966 .content-bank-container.view-grid .cb-file {
27967 padding: 0.5rem;
27969 .content-bank-container.view-grid .cb-thumbnail {
27970 width: 64px;
27971 height: 64px;
27972 margin-left: auto;
27973 margin-right: auto;
27974 margin-bottom: 0.5rem;
27976 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
27977 opacity: 0.15;
27979 .content-bank-container.view-grid .cb-unlisted::after {
27980 content: "\f070";
27981 position: absolute;
27982 top: 20px;
27983 left: 0;
27984 width: 100%;
27985 font-size: 26px;
27986 text-align: center;
27987 opacity: 0.9;
27988 text-shadow: 0 0 10px #fff;
27990 .content-bank-container.view-grid .cb-heading,
27991 .content-bank-container.view-grid .cb-uses,
27992 .content-bank-container.view-grid .cb-date,
27993 .content-bank-container.view-grid .cb-size,
27994 .content-bank-container.view-grid .cb-type,
27995 .content-bank-container.view-grid .cb-author {
27996 display: none;
27998 .content-bank-container.view-list .cb-content-wrapper {
27999 padding: 0 0.5rem;
28000 flex-direction: column;
28001 flex-wrap: nowrap;
28003 .content-bank-container.view-list .cb-thumbnail {
28004 margin-right: 0.5rem;
28006 .content-bank-container.view-list .cb-listitem,
28007 .content-bank-container.view-list .cb-heading {
28008 display: flex;
28009 flex-wrap: wrap;
28010 width: 100%;
28011 border-bottom: 1px solid #dee2e6;
28013 .content-bank-container.view-list .cb-column {
28014 display: flex;
28015 padding: 0.25rem;
28017 .content-bank-container.view-list .cb-column {
28018 border-right: 1px solid #dee2e6;
28020 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
28021 opacity: 0.3;
28023 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
28024 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
28025 color: #6a737b;
28027 @media (max-width: 767.98px) {
28028 .content-bank-container.view-list .cb-column {
28029 flex: 0 0 50%;
28030 max-width: 50%;
28033 @media (min-width: 576px) {
28034 .content-bank-container.view-list .cb-heading {
28035 position: sticky;
28036 top: 0;
28037 z-index: 1;
28039 .content-bank-container.view-list .cb-file {
28040 flex: 0 0 40%;
28041 max-width: 40%;
28043 .content-bank-container.view-list .cb-uses,
28044 .content-bank-container.view-list .cb-date,
28045 .content-bank-container.view-list .cb-size,
28046 .content-bank-container.view-list .cb-type,
28047 .content-bank-container.view-list .cb-author {
28048 flex: 0 0 12%;
28049 max-width: 12%;
28051 .content-bank-container.view-list .cb-column.last {
28052 border-right: 0;
28055 .content-bank-container.view-list .cb-btnsort span {
28056 display: none;
28058 .content-bank-container.view-list .cb-btnsort .title {
28059 display: inline;
28061 .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 {
28062 display: inline;
28065 .cb-toolbar-container .dropdown-scrollable {
28066 max-height: 190px;
28067 overflow-y: auto;
28070 .cb-navigation-container .singleselect,
28071 .cb-navigation-container .singleselect .custom-select {
28072 width: 100%;
28075 /* course.less */
28076 /* COURSE CONTENT */
28077 .block_tree .tree_item.branch {
28078 margin-left: 8px;
28081 .section .side {
28082 margin-top: 0.5rem;
28084 .section .side.left {
28085 float: left;
28087 .section .side.right {
28088 float: right;
28089 clear: right;
28091 .section .spinner {
28092 height: 16px;
28093 width: 16px;
28095 .section .activity {
28096 /* The command block for each activity */
28098 .section .activity .spinner {
28099 left: 100%;
28100 position: absolute;
28102 .section .activity .actions {
28103 position: absolute;
28104 right: 0;
28105 top: 0;
28106 display: flex;
28108 .section .activity .contentwithoutlink,
28109 .section .activity .activityinstance {
28110 min-width: 40%;
28112 .section .activity .contentwithoutlink > a,
28113 .section .activity .activityinstance > a {
28114 display: inline-flex;
28115 align-items: center;
28117 .section .activity .contentwithoutlink .dimmed .activityicon,
28118 .section .activity .activityinstance .dimmed .activityicon {
28119 opacity: 0.5;
28121 .section .activity .stealth {
28122 color: #6a737b;
28124 .section .activity a.stealth,
28125 .section .activity a.stealth:hover {
28126 color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
28128 .section .activity.indented .activity-item {
28129 margin-left: 1rem;
28131 .section .label .contentwithoutlink,
28132 .section .label .activityinstance {
28133 padding-right: 32px;
28134 display: block;
28135 height: inherit;
28137 @media (min-width: 576px) {
28138 .section .label .mod-indent-outer {
28139 padding-left: 24px;
28140 display: block;
28143 .section .filler {
28144 width: 16px;
28145 height: 16px;
28146 padding: 0;
28147 margin: 0 0.5rem;
28148 display: inline-block;
28150 .section .activity.editor_displayed a.editing_title,
28151 .section .activity.editor_displayed .moodle-actionmenu {
28152 display: none;
28154 .section .activity.editor_displayed div.activityinstance {
28155 padding-right: initial;
28157 .section .activity.editor_displayed div.activityinstance input {
28158 margin-bottom: initial;
28159 padding-top: initial;
28160 padding-bottom: initial;
28161 vertical-align: text-bottom;
28164 .section .activity .activityinstance {
28165 display: inline-flex;
28166 align-items: center;
28167 margin-bottom: 1rem;
28170 .editing .section .activity .contentwithoutlink,
28171 .editing .section .activity .activityinstance {
28172 padding-right: 200px;
28174 .editing .section .activity .mod-indent-outer {
28176 * Add appropriate padding such that nothing overlaps the
28177 * absolute positioned move icon.
28179 padding-left: 2rem;
28181 .editing .course-content .stateready .section .spinner {
28182 display: none;
28184 .editing .editinprogress {
28185 position: relative;
28187 .editing .editinprogress > * {
28188 opacity: 0.4;
28190 .editing .editinprogress .corelightbox,
28191 .editing .editinprogress .lightbox {
28192 display: none;
28194 .editing .editinprogress:after {
28195 position: absolute;
28196 font-size: 20px;
28197 color: #6a737b;
28198 content: "\f110";
28199 display: flex;
28200 justify-content: center;
28201 align-items: center;
28202 width: 30px;
28203 height: 30px;
28204 left: calc(50% - 15px);
28205 top: calc(50% - 15px);
28206 animation: editinprogress-rotation 2s infinite linear;
28208 .editing .editinprogress .editinprogress:after {
28209 display: none;
28212 @keyframes editinprogress-rotation {
28213 0% {
28214 opacity: 0;
28215 transform: rotate(0deg);
28217 50% {
28218 opacity: 1;
28220 100% {
28221 opacity: 0;
28222 transform: rotate(359deg);
28225 .editing_show + .editing_assign,
28226 .editing_hide + .editing_assign {
28227 margin-left: 20px;
28230 .section .activity .commands {
28231 white-space: nowrap;
28232 display: inline-block;
28235 .section .activity.modtype_label.label {
28236 font-weight: normal;
28238 .section .activity.modtype_label.label .contentwithoutlink {
28239 min-height: 0;
28241 .section .activity.modtype_label.label.hasinfo p:last-child,
28242 .section .activity.modtype_label.label.hasinfo i:last-child {
28243 margin-bottom: 0;
28246 .section li.activity:not(.activity-wrapper) {
28247 padding: 0.2em;
28248 clear: both;
28250 .section li.activity:not(.activity-wrapper).hasinfo {
28251 border-bottom: 1px solid #dee2e6;
28252 padding-top: 1rem;
28253 padding-bottom: 1rem;
28255 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
28256 border-bottom: 0;
28257 padding-bottom: 0;
28260 .course-content .section.dropready.main.drop-down {
28261 border-bottom: 1px solid #1d2125;
28263 .course-content .section.dropready .course-section-header.dropready.drop-zone {
28264 margin-top: -2px;
28266 .course-content .section.dropready li.activity.dropready.drop-down {
28267 border-bottom: 1px solid #1d2125;
28268 margin-bottom: -1px;
28270 .course-content .section.dropready li.activity.dropready.drop-up {
28271 border-top: 1px solid #1d2125;
28272 margin-top: -1px;
28274 .course-content .section.dropready [data-for=sectioninfo] {
28275 min-height: 1px;
28277 .course-content .section.dropready [data-for=sectioninfo].drop-down {
28278 margin-top: -1px;
28281 .section .activity .activityinstance .groupinglabel {
28282 padding-left: 30px;
28285 .section.main:not(.course-section) .activity .availabilityinfo,
28286 .section.main:not(.course-section) .activity .contentafterlink {
28287 margin-top: 0.5em;
28288 margin-left: 30px;
28291 .section .activity .contentafterlink p {
28292 margin: 0.5em 0;
28295 .editing .section.main:not(.course-section) .activity:hover,
28296 .editing .section.main:not(.course-section) .activity.action-menu-shown,
28297 .editing .section.main:not(.course-section) .sectionname:hover {
28298 background-color: rgba(0, 0, 0, 0.03);
28301 .course-content .current {
28302 position: relative;
28305 .course-content .current::before {
28306 border-left: #0f6cbf 3px solid;
28307 bottom: 0;
28308 content: "";
28309 left: -8px;
28310 position: absolute;
28311 top: 0;
28314 .course-content .single-section .section-navigation {
28315 display: block;
28316 padding: 0.5em;
28317 margin-bottom: -0.5em;
28320 .course-content .single-section .section-navigation .title {
28321 font-weight: bold;
28322 font-size: 108%;
28323 clear: both;
28326 .course-content .single-section .section-navigation .mdl-left {
28327 font-weight: normal;
28328 float: left;
28329 margin-right: 1em;
28332 .course-content .single-section .section-navigation .mdl-left .larrow {
28333 margin-right: 0.1em;
28336 .course-content .single-section .section-navigation .mdl-right {
28337 font-weight: normal;
28338 float: right;
28339 margin-left: 1em;
28342 .course-content .single-section .section-navigation .mdl-right .rarrow {
28343 margin-left: 0.1em;
28346 .course-content .single-section .section-navigation .mdl-bottom {
28347 margin-top: 0;
28350 .course-content ul li.section.main:not(.course-section) {
28351 border-bottom: 1px solid #dee2e6;
28352 margin-top: 0;
28354 .course-content ul li.section.main:not(.course-section):last-child {
28355 border-bottom: 0;
28358 .course-content ul li.section.hidden:not(.course-section) .sectionname > span,
28359 .course-content ul li.section.hidden:not(.course-section) .content > div.summary,
28360 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
28361 color: #6a737b;
28364 .course-content ul.topics,
28365 .course-content ul.weeks {
28366 padding: 0;
28367 margin: 0;
28368 list-style: none;
28370 .course-content ul.topics li.section .content,
28371 .course-content ul.weeks li.section .content {
28372 margin: 0;
28373 padding: 0;
28375 @media (min-width: 576px) {
28376 .course-content ul.topics li.section .summary,
28377 .course-content ul.topics li.section .content > .availabilityinfo,
28378 .course-content ul.weeks li.section .summary,
28379 .course-content ul.weeks li.section .content > .availabilityinfo {
28380 margin-left: 25px;
28383 .course-content ul.topics li.section .left,
28384 .course-content ul.topics li.section .right,
28385 .course-content ul.weeks li.section .left,
28386 .course-content ul.weeks li.section .right {
28387 padding: 0 6px 0;
28388 text-align: right;
28389 width: auto;
28392 .course-content .single-section ul.topics li.section,
28393 .course-content .single-section ul.weeks li.section {
28394 padding-top: 0;
28397 @media (max-width: 767.98px) {
28398 body:not(.editing) .course-content ul.topics li.section .left,
28399 body:not(.editing) .course-content ul.topics li.section .right,
28400 body:not(.editing) .course-content ul.weeks li.section .left,
28401 body:not(.editing) .course-content ul.weeks li.section .right {
28402 display: none;
28405 .course-content {
28406 margin-top: 0;
28409 .course-content .hidden {
28410 display: none;
28413 @media (max-width: 767.98px) {
28414 .course-content li.section:not(.course-section) ul {
28415 padding-left: 0;
28418 .course-content li.section:not(.course-section) ul {
28419 list-style: disc;
28421 .course-content li.section:not(.course-section) ul ul {
28422 list-style: circle;
28424 .course-content li.section:not(.course-section) ul ul ul {
28425 list-style: square;
28427 .course-content li.section:not(.course-section) li.activity ul {
28428 list-style: disc;
28430 .course-content li.section:not(.course-section) li.activity ul ul {
28431 list-style: circle;
28433 .course-content li.section:not(.course-section) li.activity ul ul ul {
28434 list-style: square;
28436 .course-content li.section:not(.course-section) .right > .icon:first-child {
28437 /* Remove the spacer icon. */
28438 display: none;
28441 .path-course-view.editing #region-main > .card-block {
28442 padding-bottom: 13rem;
28445 .path-course-view .completionprogress {
28446 margin-left: 25px;
28449 .path-course-view .completionprogress {
28450 display: block;
28451 float: right;
28452 height: 20px;
28453 position: relative;
28456 #page-site-index .subscribelink {
28457 text-align: right;
28460 #site-news-forum h2,
28461 #frontpage-course-list h2,
28462 #frontpage-category-names h2,
28463 #frontpage-category-combo h2 {
28464 margin-bottom: 9px;
28467 .path-course-view a.reduce-sections {
28468 padding-left: 0.2em;
28471 .path-course-view .subscribelink {
28472 text-align: right;
28475 .path-course-view .unread {
28476 margin-left: 30px;
28479 .path-course-view .block.drag .header {
28480 cursor: move;
28483 .path-course-view .completionprogress {
28484 text-align: right;
28487 .path-course-view .single-section .completionprogress {
28488 margin-right: 5px;
28491 .path-course-view li.activity span.autocompletion img {
28492 vertical-align: text-bottom;
28493 margin-left: 0;
28496 .path-course-view.editing li.activity span.autocompletion img {
28497 /* Use the same spacing as the filler. */
28498 margin-right: 0.5rem;
28499 margin-left: 0.5rem;
28502 li.section.hidden span.commands a.editing_hide,
28503 li.section.hidden span.commands a.editing_show {
28504 cursor: default;
28507 .single-section-page .header-action {
28508 display: inline-block;
28511 input.titleeditor {
28512 width: 330px;
28513 vertical-align: text-bottom;
28516 span.editinstructions {
28517 position: absolute;
28518 top: 0;
28519 margin-top: -22px;
28520 margin-left: 30px;
28521 font-size: 0.8203125rem;
28522 padding: 0.1em 0.4em;
28523 text-decoration: none;
28524 z-index: 9999;
28525 border: 0 solid transparent;
28526 width: fit-content;
28527 color: #00434e;
28528 background-color: #cce6ea;
28529 border-color: #b8dce2;
28531 span.editinstructions hr {
28532 border-top-color: #a6d3db;
28534 span.editinstructions .alert-link {
28535 color: #00171b;
28538 /* COURSES LISTINGS AND COURSE SUMMARY */
28539 #page-course-pending .singlebutton,
28540 #page-course-index .singlebutton,
28541 #page-course-index-category .singlebutton,
28542 #page-course-editsection .singlebutton {
28543 text-align: center;
28546 #page-admin-course-manage #movecourses td img {
28547 margin: 0 0.22em;
28548 vertical-align: text-bottom;
28551 #page-course-pending .pendingcourserequests {
28552 margin-bottom: 1em;
28555 #page-course-pending .pendingcourserequests .singlebutton {
28556 display: inline;
28559 #page-course-pending .pendingcourserequests .cell {
28560 padding: 0 5px;
28563 #page-course-pending .pendingcourserequests .cell.c6 {
28564 white-space: nowrap;
28567 .coursebox {
28568 display: flex;
28569 flex-direction: column;
28571 .coursebox .info {
28572 display: flex;
28573 align-items: center;
28576 #frontpage-available-course-list,
28577 #frontpage-course-list,
28578 .course-search-result {
28579 margin-top: 0.5rem;
28581 #frontpage-available-course-list .coursebox,
28582 #frontpage-course-list .coursebox,
28583 .course-search-result .coursebox {
28584 padding: 0.5rem;
28585 border: 1px solid #dee2e6;
28586 margin-bottom: 0.5rem;
28587 border-radius: 0.5rem;
28590 .subcategories .coursebox > .info > .coursename a,
28591 #frontpage-category-names .coursebox > .info > .coursename a,
28592 #frontpage-category-combo .coursebox > .info > .coursename a {
28593 display: block;
28594 background-image: url([[pix:moodle|i/course]]);
28595 background-repeat: no-repeat;
28596 padding-left: 21px;
28597 background-position: left 0.2em;
28600 .coursebox > .info > .coursename {
28601 font-size: 0.9375rem;
28602 font-weight: normal;
28603 margin: 5px;
28604 padding: 0;
28607 .coursebox .content .teachers li {
28608 list-style-type: none;
28609 padding: 0;
28610 margin: 0;
28613 .coursebox .customfieldname,
28614 .coursebox .customfieldseparator {
28615 font-weight: 700;
28618 .coursebox .content .coursefile {
28619 max-width: 100px;
28622 .coursebox .content .courseimage img {
28623 max-width: 100px;
28624 max-height: 100px;
28627 .coursebox .content .coursecat,
28628 .coursebox .content .summary,
28629 .coursebox .content .courseimage,
28630 .coursebox .content .coursefile,
28631 .coursebox .content .teachers,
28632 .coursebox.remotecoursebox .remotecourseinfo,
28633 .coursebox .content .customfields-container {
28634 margin: 15px 5px 5px;
28635 padding: 0;
28638 .category-browse .coursebox .content .coursecat,
28639 .category-browse .coursebox .content .summary,
28640 .category-browse .coursebox .content .courseimage,
28641 .category-browse .coursebox .content .coursefile,
28642 .category-browse .coursebox .content .teachers,
28643 .category-browse .coursebox.remotecoursebox .remotecourseinfo,
28644 .category-browse .coursebox .content .customfields-container {
28645 margin-top: 0;
28648 .coursebox.collapsed > .content {
28649 display: none;
28652 .courses > .paging.paging-morelink {
28653 text-align: center;
28654 padding: 1rem;
28657 .course_category_tree .category .numberofcourse {
28658 font-size: 0.8203125rem;
28661 .course_category_tree .category > .info > .categoryname {
28662 margin: 5px;
28663 font-size: 0.9375rem;
28664 font-weight: normal;
28665 padding: 2px 18px;
28668 .course_category_tree .category.with_children > .info > .categoryname {
28669 background-image: url([[pix:moodle|t/expanded]]);
28670 background-repeat: no-repeat;
28671 background-position: center left;
28674 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28675 background-image: url([[pix:moodle|t/collapsed]]);
28678 /* rtl:raw:
28679 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28680 background-image:url([[pix:moodle|t/collapsed_rtl]]);
28683 .course_category_tree .category.collapsed > .content {
28684 display: none;
28687 .course_category_tree .category > .content {
28688 padding-left: 16px;
28691 #page-course-index-category .categorypicker {
28692 margin: 10px 0 20px;
28696 * Course management page
28697 * Palette
28699 * Background (reg) #F5F5F5
28700 * Background (light #fafafa
28701 * Background (highlight) #ddffaa
28702 * Borders #e1e1e8
28704 #course-category-listings {
28705 margin-bottom: 0;
28706 /** Two column layout */
28707 /** Three column layout */
28709 #course-category-listings.columns-2 > #course-listing > div {
28710 position: relative;
28711 left: -1px;
28713 #course-category-listings.columns-3 > #course-listing > div {
28714 height: 100%;
28716 #course-category-listings > div > div {
28717 min-height: 300px;
28719 #course-category-listings > div > div > ul.ml > li:first-child > div {
28720 border-top: 0;
28722 #course-category-listings h3 {
28723 margin: 0;
28724 padding: 0.4rem 0.6rem 0.3rem;
28726 #course-category-listings h4 {
28727 margin: 1rem 0 0;
28728 padding: 0.6rem 1rem 0.5rem;
28730 #course-category-listings .moodle-actionmenu {
28731 white-space: nowrap;
28733 #course-category-listings .listing-actions {
28734 text-align: center;
28736 #course-category-listings .listing-actions > .moodle-actionmenu {
28737 display: inline-block;
28739 #course-category-listings ul.ml {
28740 list-style: none;
28741 margin: 1rem 0;
28743 #course-category-listings ul.ml ul.ml {
28744 margin: 0;
28746 #course-category-listings .listitem[data-selected="1"] {
28747 border-left: calc(1px + 5px) solid #0f6cbf;
28748 padding-left: calc(1.25rem - 5px);
28750 #course-category-listings .listitem:hover {
28751 z-index: 2;
28753 #course-category-listings .item-actions {
28754 margin-right: 1em;
28755 display: inline-block;
28757 #course-category-listings .item-actions.show .menu img {
28758 width: 12px;
28759 max-width: none;
28761 #course-category-listings .item-actions .menu-action-text {
28762 vertical-align: inherit;
28764 #course-category-listings .listitem > div > .float-start {
28765 float: left;
28767 #course-category-listings .listitem > div > .float-end {
28768 float: right;
28769 text-align: right;
28771 #course-category-listings .listitem > div .item-actions .action-show {
28772 display: none;
28774 #course-category-listings .listitem > div .item-actions .action-hide {
28775 display: inline;
28777 #course-category-listings .listitem > div .without-actions {
28778 color: #333;
28780 #course-category-listings .listitem > div .idnumber {
28781 margin-right: 2em;
28783 #course-category-listings .listitem[data-visible="0"] {
28784 color: #6a737b;
28786 #course-category-listings .listitem[data-visible="0"] > div > a {
28787 color: #6a737b;
28789 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
28790 display: inline;
28792 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
28793 display: none;
28795 #course-category-listings .listitem.highlight {
28796 background-color: #fff;
28798 #course-category-listings .listitem.highlight > div,
28799 #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
28800 background-color: rgba(0, 0, 0, 0.075);
28802 #course-category-listings #course-listing .listitem .categoryname {
28803 display: inline-block;
28804 margin-left: 1em;
28805 color: #a1a1a8;
28807 #course-category-listings #course-listing .listitem .coursename {
28808 display: inline-block;
28809 flex-basis: 10rem;
28811 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
28812 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
28813 display: none;
28815 #course-category-listings #course-listing .bulk-action-checkbox {
28816 margin: -2px 6px 0 0;
28818 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
28819 display: none;
28821 #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 {
28822 display: none;
28824 #course-category-listings #category-listing .course-count {
28825 color: #a1a1a8;
28826 margin-right: 2rem;
28827 min-width: 3.5em;
28828 display: inline-block;
28830 #course-category-listings #category-listing .bulk-action-checkbox {
28831 margin-right: -3px;
28833 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
28834 position: relative;
28836 #course-category-listings #category-listing .category-bulk-actions {
28837 margin: 0 0.5em 0.5em;
28838 position: relative;
28840 #course-category-listings .detail-pair > * {
28841 display: inline-block;
28843 #course-category-listings .detail-pair .pair-key {
28844 font-weight: bold;
28845 vertical-align: top;
28847 #course-category-listings .detail-pair .pair-key span {
28848 margin-right: 1rem;
28849 display: block;
28851 #course-category-listings .detail-pair .pair-value select {
28852 max-width: 100%;
28854 #course-category-listings .bulk-actions .detail-pair > * {
28855 display: block;
28856 width: 100%;
28858 #course-category-listings .listing-pagination {
28859 text-align: center;
28861 #course-category-listings .listing-pagination .yui3-button {
28862 color: #fff;
28863 background-color: #008196;
28864 border-color: #008196;
28865 border: 0;
28866 margin: 0.4rem 0.2rem 0.45rem;
28867 font-size: 10.4px;
28869 #course-category-listings .listing-pagination .yui3-button:hover {
28870 color: #fff;
28871 background-color: #006070;
28872 border-color: #005563;
28874 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
28875 color: #fff;
28876 background-color: #006070;
28877 border-color: #005563;
28878 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28880 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
28881 color: #fff;
28882 background-color: #008196;
28883 border-color: #008196;
28885 #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 {
28886 color: #fff;
28887 background-color: #005563;
28888 border-color: #004a56;
28890 #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 {
28891 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28893 #course-category-listings .listing-pagination .yui3-button.active-page {
28894 color: #fff;
28895 background-color: #0f6cbf;
28896 border-color: #0f6cbf;
28898 #course-category-listings .listing-pagination .yui3-button.active-page:hover {
28899 color: #fff;
28900 background-color: #0c589c;
28901 border-color: #0b5190;
28903 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
28904 color: #fff;
28905 background-color: #0c589c;
28906 border-color: #0b5190;
28907 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28909 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
28910 color: #fff;
28911 background-color: #0f6cbf;
28912 border-color: #0f6cbf;
28914 #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 {
28915 color: #fff;
28916 background-color: #0b5190;
28917 border-color: #0a4b84;
28919 #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 {
28920 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28922 #course-category-listings .listing-pagination-totals {
28923 text-align: center;
28925 #course-category-listings .listing-pagination-totals.dimmed {
28926 color: #6a737b;
28927 margin: 0.4rem 1rem 0.45rem;
28929 #course-category-listings .select-a-category .notifymessage,
28930 #course-category-listings .select-a-category .alert {
28931 margin: 1em;
28934 #course-category-listings #course-listing .listitem .drag-handle {
28935 display: none;
28938 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
28939 display: inline-block;
28940 margin: 0 6px 0 0;
28941 cursor: pointer;
28944 /** Management header styling **/
28945 .course-being-dragged-proxy {
28946 border: 0;
28947 color: #0f6cbf;
28948 vertical-align: middle;
28949 padding: 0 0 0 4em;
28952 .course-being-dragged {
28953 opacity: 0.5;
28957 * Display sizes:
28958 * Large displays 1200 +
28959 * Default displays 980 1199
28960 * Tablets 768 979
28961 * Small tablets and large phones 481 767
28962 * Phones 0 480
28964 @media (min-width: 1200px) and (max-width: 1600px) {
28965 #course-category-listings.columns-3 {
28966 background-color: #fff;
28967 border: 0;
28969 #course-category-listings.columns-3 #category-listing,
28970 #course-category-listings.columns-3 #course-listing {
28971 width: 50%;
28973 #course-category-listings.columns-3 #category-listing > div,
28974 #course-category-listings.columns-3 #course-listing > div,
28975 #course-category-listings.columns-3 #course-detail > div {
28976 background-color: #fff;
28978 #course-category-listings.columns-3 #course-detail {
28979 width: 100%;
28980 margin-top: 1em;
28983 @media (max-width: 1199px) {
28984 #course-category-listings.columns-2,
28985 #course-category-listings.columns-3 {
28986 border: 0;
28988 #course-category-listings.columns-2 #category-listing,
28989 #course-category-listings.columns-2 #course-listing,
28990 #course-category-listings.columns-2 #course-detail,
28991 #course-category-listings.columns-3 #category-listing,
28992 #course-category-listings.columns-3 #course-listing,
28993 #course-category-listings.columns-3 #course-detail {
28994 width: 100%;
28995 margin: 0 0 1em;
28998 .page-settings-menu .menubar > a > .icon {
28999 width: auto;
29000 height: 32px;
29001 font-size: 32px;
29004 .activity-navigation .row {
29005 align-items: center;
29007 .activity-navigation #prev-activity-link,
29008 .activity-navigation #next-activity-link {
29009 white-space: pre-wrap;
29012 .automatic-completion-conditions .badge {
29013 font-size: 100%;
29016 /* Variables definition*/
29017 /* Functions/Mixins definition */
29018 /* Section Expand all/Collapse all */
29019 .section-collapsemenu .collapseall {
29020 display: block;
29022 .section-collapsemenu .expandall {
29023 display: none;
29025 .section-collapsemenu.collapsed .collapseall {
29026 display: none;
29028 .section-collapsemenu.collapsed .expandall {
29029 display: block;
29032 /* Course section */
29033 .course-section {
29034 list-style: none;
29035 margin-top: 1rem;
29037 .editing .course-section {
29038 margin-top: 0.5rem;
29040 .course-section .section-item {
29041 padding: 1rem;
29042 border: 1px solid #dee2e6;
29043 border-radius: 1rem;
29045 .course-section.hidden .section-item {
29046 background-color: #f8f9fa;
29048 .course-section .sectionname > a {
29049 color: #1d2125;
29051 .course-section .sectionname > a:hover {
29052 text-decoration: none;
29054 .course-section .sectionbadges .badge {
29055 margin-left: 0.5rem;
29056 font-weight: normal;
29058 .course-section .sectionbadges .badge .icon {
29059 font-size: 12px;
29060 width: 12px;
29061 height: 12px;
29063 .course-section .course-section-header.draggable {
29064 cursor: move;
29066 .course-section .section_action_menu .dropdown-toggle::after {
29067 display: none;
29069 .course-section .summarytext img {
29070 border-radius: 1rem;
29072 .course-section .availabilityinfo {
29073 margin-top: 0.5rem;
29074 padding: 0.25rem 1rem;
29075 background-color: #e9ecef;
29076 font-size: 0.875em;
29077 border-radius: 1rem;
29079 .course-section .availabilityinfo .editavailability a {
29080 border-radius: 0.5rem;
29081 font-weight: bold;
29083 .course-section .availabilityinfo .editavailability a:hover {
29084 background-color: #ced4da;
29086 .course-section .availabilityinfo .editavailability a .icon {
29087 font-size: inherit;
29088 margin-right: 0.25rem;
29090 .course-section .action-menu .btn.btn-icon {
29091 height: 32px;
29092 width: 32px;
29093 border-radius: 0.5rem;
29095 .course-section .action-menu.section-actions .btn.btn-icon {
29096 font-size: 1.171875rem;
29098 .course-section .section-summary-activities .icon {
29099 width: inherit;
29100 color: #0f6cbf;
29102 .course-section .section-summary-activities + .section {
29103 border-top: 1px solid #dee2e6;
29104 margin-top: 1rem !important;
29105 padding-top: 1rem !important;
29107 .course-section .section_goto .icon {
29108 font-size: 1.171875rem;
29109 color: #0f6cbf;
29111 .course-section .overlay-preview {
29112 z-index: 5;
29115 .btn.add-section {
29116 border-radius: 1rem;
29117 border: 2px dashed #dee2e6;
29118 color: #0f6cbf;
29119 font-size: 0.8203125rem;
29120 font-weight: bold;
29122 .btn.add-section:hover, .btn.add-section:focus {
29123 background-color: #f5f9fc;
29124 border: 2px solid #0f6cbf;
29125 color: #0f6cbf;
29128 .max-section-alert {
29129 border-top: 2px dashed #dee2e6;
29130 font-size: 0.8203125rem;
29131 font-weight: normal;
29132 color: #8f959e;
29135 /* Single section page specific styles */
29136 .single-section > ul > .course-section.hidden .section-item {
29137 background-color: inherit;
29139 .single-section > ul > .course-section .section-item {
29140 padding: 0;
29141 border: none;
29144 /* Re-style ordered list in course content */
29145 .course-content .activity-altcontent ul {
29146 list-style: disc;
29148 .course-content .activity-altcontent ul ul {
29149 list-style: circle;
29151 .course-content .activity-altcontent ul ul ul {
29152 list-style: square;
29155 /* Activity cards */
29156 .activity {
29157 list-style: none;
29158 position: relative;
29159 padding-top: 0.25rem;
29160 margin-top: 0.25rem;
29161 border-top: 1px solid #dee2e6;
29163 .editing .activity, .section .activity:first-child {
29164 padding-top: 0;
29165 margin-top: 0;
29166 border-top: none;
29169 .activity-item {
29170 position: relative;
29171 padding: 0.75rem;
29172 border-radius: 1rem;
29174 .activity-item.activityinline {
29175 padding: 0.75rem 0;
29177 .activity-item.hiddenactivity {
29178 background-color: #f8f9fa;
29180 .activity-item.hiddenactivity .activityiconcontainer,
29181 .activity-item.hiddenactivity .badge {
29182 mix-blend-mode: multiply;
29184 .editing .activity-item {
29185 cursor: move;
29187 .editing .activity-item .a {
29188 cursor: pointer;
29190 .editing .activity-item:hover:not(:has(.activity:hover)), .editing .activity-item.selected {
29191 outline: 2px solid #0f6cbf;
29192 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
29194 .editing .activity-item:hover:not(:has(.activity:hover)) .activityiconcontainer,
29195 .editing .activity-item:hover:not(:has(.activity:hover)) .badge, .editing .activity-item.selected .activityiconcontainer,
29196 .editing .activity-item.selected .badge {
29197 mix-blend-mode: multiply;
29199 .activity-item .activity-grid {
29200 display: grid;
29201 align-items: center;
29202 grid-template-columns: min-content 1fr min-content min-content min-content;
29203 grid-template-rows: 1fr repeat(5, min-content);
29204 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";
29206 @media (max-width: 575.98px) {
29207 .activity-item .activity-grid {
29208 grid-template-columns: min-content 1fr min-content min-content min-content;
29209 grid-template-rows: 1fr repeat(4, min-content);
29210 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";
29213 .activity-item .activity-grid.noname-grid {
29214 grid-template-columns: min-content 1fr min-content min-content;
29215 grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
29217 @media (max-width: 575.98px) {
29218 .activity-item .activity-grid.noname-grid {
29219 grid-template-columns: 1fr min-content;
29220 grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
29223 .activity-item .activity-actions {
29224 grid-area: actions;
29226 .activity-item .activity-actions .actions {
29227 position: relative;
29229 .activity-item .activity-icon {
29230 grid-area: icon;
29232 .activity-item .activity-dates {
29233 grid-area: dates;
29234 font-size: 0.875em;
29235 color: #495057;
29236 display: flex;
29237 flex-wrap: wrap;
29238 column-gap: 0.75rem;
29240 @media (max-width: 575.98px) {
29241 .activity-item .activity-dates {
29242 margin-top: 0.5rem;
29245 .activity-item .activity-name-area {
29246 grid-area: name;
29248 .activity-item .activity-name-area .activityname .afterlink {
29249 margin-left: 0.5rem;
29251 .activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
29252 position: relative;
29253 z-index: 2;
29254 margin-left: 0.5rem;
29256 .activity-item .activity-name-area .activitybadge.badge-none {
29257 font-weight: normal;
29258 font-size: 0.875em;
29259 padding: 0;
29261 .activity-item .activity-completion {
29262 grid-area: completion;
29263 justify-self: end;
29265 .activity-item .activity-completion button.btn,
29266 .activity-item .activity-completion a[role=button].btn {
29267 color: #1d2125;
29268 background-color: #fff;
29269 border-color: #ced4da;
29270 min-height: 32px;
29271 font-weight: bold;
29272 border-radius: 0.5rem;
29274 .activity-item .activity-completion button.btn:hover,
29275 .activity-item .activity-completion a[role=button].btn:hover {
29276 color: #fff;
29277 background-color: #6a737b;
29278 border-color: #b1bbc4;
29280 .activity-item .activity-completion button.btn:focus, .activity-item .activity-completion button.btn.focus,
29281 .activity-item .activity-completion a[role=button].btn:focus,
29282 .activity-item .activity-completion a[role=button].btn.focus {
29283 color: #fff;
29284 background-color: #6a737b;
29285 border-color: #b1bbc4;
29286 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29288 .activity-item .activity-completion button.btn.disabled, .activity-item .activity-completion button.btn:disabled,
29289 .activity-item .activity-completion a[role=button].btn.disabled,
29290 .activity-item .activity-completion a[role=button].btn:disabled {
29291 color: #1d2125;
29292 background-color: #fff;
29293 border-color: #ced4da;
29295 .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,
29296 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active,
29297 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active,
29298 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle {
29299 color: #1d2125;
29300 background-color: #e6e6e6;
29301 border-color: #aab4bf;
29303 .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,
29304 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled):active:focus,
29305 .activity-item .activity-completion a[role=button].btn:not(:disabled):not(.disabled).active:focus,
29306 .show > .activity-item .activity-completion a[role=button].btn.dropdown-toggle:focus {
29307 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
29309 .activity-item .activity-completion button.btn .icon,
29310 .activity-item .activity-completion a[role=button].btn .icon {
29311 font-size: inherit;
29313 .activity-item .activity-completion button.btn-primary,
29314 .activity-item .activity-completion a[role=button].btn-primary {
29315 color: #1d2125;
29316 background-color: #cfe2f2;
29317 border-color: #cfe2f2;
29318 color: #083863;
29320 .activity-item .activity-completion button.btn-primary:hover,
29321 .activity-item .activity-completion a[role=button].btn-primary:hover {
29322 color: #fff;
29323 background-color: #0f6cbf;
29324 border-color: #a7cae7;
29326 .activity-item .activity-completion button.btn-primary:focus, .activity-item .activity-completion button.btn-primary.focus,
29327 .activity-item .activity-completion a[role=button].btn-primary:focus,
29328 .activity-item .activity-completion a[role=button].btn-primary.focus {
29329 color: #fff;
29330 background-color: #0f6cbf;
29331 border-color: #a7cae7;
29332 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29334 .activity-item .activity-completion button.btn-primary.disabled, .activity-item .activity-completion button.btn-primary:disabled,
29335 .activity-item .activity-completion a[role=button].btn-primary.disabled,
29336 .activity-item .activity-completion a[role=button].btn-primary:disabled {
29337 color: #1d2125;
29338 background-color: #cfe2f2;
29339 border-color: #cfe2f2;
29341 .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,
29342 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active,
29343 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active,
29344 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle {
29345 color: #1d2125;
29346 background-color: #a7cae7;
29347 border-color: #9dc4e4;
29349 .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,
29350 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled):active:focus,
29351 .activity-item .activity-completion a[role=button].btn-primary:not(:disabled):not(.disabled).active:focus,
29352 .show > .activity-item .activity-completion a[role=button].btn-primary.dropdown-toggle:focus {
29353 box-shadow: 0 0 0 0.2rem rgba(180, 197, 211, 0.5);
29355 .activity-item .activity-completion button.btn-primary:hover,
29356 .activity-item .activity-completion a[role=button].btn-primary:hover {
29357 color: #fff;
29359 .activity-item .activity-completion button.btn-secondary,
29360 .activity-item .activity-completion a[role=button].btn-secondary {
29361 color: #1d2125;
29362 background-color: #f5f6f8;
29363 border-color: #f5f6f8;
29364 color: #6b6e71;
29366 .activity-item .activity-completion button.btn-secondary:hover,
29367 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29368 color: #1d2125;
29369 background-color: #ced4da;
29370 border-color: #d7dbe3;
29372 .activity-item .activity-completion button.btn-secondary:focus, .activity-item .activity-completion button.btn-secondary.focus,
29373 .activity-item .activity-completion a[role=button].btn-secondary:focus,
29374 .activity-item .activity-completion a[role=button].btn-secondary.focus {
29375 color: #1d2125;
29376 background-color: #ced4da;
29377 border-color: #d7dbe3;
29378 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29380 .activity-item .activity-completion button.btn-secondary.disabled, .activity-item .activity-completion button.btn-secondary:disabled,
29381 .activity-item .activity-completion a[role=button].btn-secondary.disabled,
29382 .activity-item .activity-completion a[role=button].btn-secondary:disabled {
29383 color: #1d2125;
29384 background-color: #f5f6f8;
29385 border-color: #f5f6f8;
29387 .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,
29388 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active,
29389 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active,
29390 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle {
29391 color: #1d2125;
29392 background-color: #d7dbe3;
29393 border-color: #d0d4de;
29395 .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,
29396 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled):active:focus,
29397 .activity-item .activity-completion a[role=button].btn-secondary:not(:disabled):not(.disabled).active:focus,
29398 .show > .activity-item .activity-completion a[role=button].btn-secondary.dropdown-toggle:focus {
29399 box-shadow: 0 0 0 0.2rem rgba(213, 214, 216, 0.5);
29401 .activity-item .activity-completion button.btn-secondary:hover,
29402 .activity-item .activity-completion a[role=button].btn-secondary:hover {
29403 color: #1d2125;
29405 .activity-item .activity-completion button.btn-success,
29406 .activity-item .activity-completion a[role=button].btn-success {
29407 color: #1d2125;
29408 background-color: #d7e4d6;
29409 border-color: #d7e4d6;
29410 color: #1c3f1a;
29412 .activity-item .activity-completion button.btn-success:hover,
29413 .activity-item .activity-completion a[role=button].btn-success:hover {
29414 color: #fff;
29415 background-color: #357a32;
29416 border-color: #b9d0b7;
29418 .activity-item .activity-completion button.btn-success:focus, .activity-item .activity-completion button.btn-success.focus,
29419 .activity-item .activity-completion a[role=button].btn-success:focus,
29420 .activity-item .activity-completion a[role=button].btn-success.focus {
29421 color: #fff;
29422 background-color: #357a32;
29423 border-color: #b9d0b7;
29424 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29426 .activity-item .activity-completion button.btn-success.disabled, .activity-item .activity-completion button.btn-success:disabled,
29427 .activity-item .activity-completion a[role=button].btn-success.disabled,
29428 .activity-item .activity-completion a[role=button].btn-success:disabled {
29429 color: #1d2125;
29430 background-color: #d7e4d6;
29431 border-color: #d7e4d6;
29433 .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,
29434 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active,
29435 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active,
29436 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle {
29437 color: #1d2125;
29438 background-color: #b9d0b7;
29439 border-color: #b2cbb0;
29441 .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,
29442 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled):active:focus,
29443 .activity-item .activity-completion a[role=button].btn-success:not(:disabled):not(.disabled).active:focus,
29444 .show > .activity-item .activity-completion a[role=button].btn-success.dropdown-toggle:focus {
29445 box-shadow: 0 0 0 0.2rem rgba(187, 199, 187, 0.5);
29447 .activity-item .activity-completion button.btn-success:hover,
29448 .activity-item .activity-completion a[role=button].btn-success:hover {
29449 color: #fff;
29451 .activity-item .activity-completion button.btn-info,
29452 .activity-item .activity-completion a[role=button].btn-info {
29453 color: #1d2125;
29454 background-color: #cce6ea;
29455 border-color: #cce6ea;
29456 color: #00434e;
29458 .activity-item .activity-completion button.btn-info:hover,
29459 .activity-item .activity-completion a[role=button].btn-info:hover {
29460 color: #fff;
29461 background-color: #008196;
29462 border-color: #a8d4db;
29464 .activity-item .activity-completion button.btn-info:focus, .activity-item .activity-completion button.btn-info.focus,
29465 .activity-item .activity-completion a[role=button].btn-info:focus,
29466 .activity-item .activity-completion a[role=button].btn-info.focus {
29467 color: #fff;
29468 background-color: #008196;
29469 border-color: #a8d4db;
29470 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29472 .activity-item .activity-completion button.btn-info.disabled, .activity-item .activity-completion button.btn-info:disabled,
29473 .activity-item .activity-completion a[role=button].btn-info.disabled,
29474 .activity-item .activity-completion a[role=button].btn-info:disabled {
29475 color: #1d2125;
29476 background-color: #cce6ea;
29477 border-color: #cce6ea;
29479 .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,
29480 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active,
29481 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active,
29482 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle {
29483 color: #1d2125;
29484 background-color: #a8d4db;
29485 border-color: #9fd0d7;
29487 .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,
29488 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled):active:focus,
29489 .activity-item .activity-completion a[role=button].btn-info:not(:disabled):not(.disabled).active:focus,
29490 .show > .activity-item .activity-completion a[role=button].btn-info.dropdown-toggle:focus {
29491 box-shadow: 0 0 0 0.2rem rgba(178, 200, 204, 0.5);
29493 .activity-item .activity-completion button.btn-info:hover,
29494 .activity-item .activity-completion a[role=button].btn-info:hover {
29495 color: #fff;
29497 .activity-item .activity-completion button.btn-warning,
29498 .activity-item .activity-completion a[role=button].btn-warning {
29499 color: #1d2125;
29500 background-color: #fcefdc;
29501 border-color: #fcefdc;
29502 color: #7d5a29;
29504 .activity-item .activity-completion button.btn-warning:hover,
29505 .activity-item .activity-completion a[role=button].btn-warning:hover {
29506 color: #1d2125;
29507 background-color: #f0ad4e;
29508 border-color: #f8daad;
29510 .activity-item .activity-completion button.btn-warning:focus, .activity-item .activity-completion button.btn-warning.focus,
29511 .activity-item .activity-completion a[role=button].btn-warning:focus,
29512 .activity-item .activity-completion a[role=button].btn-warning.focus {
29513 color: #1d2125;
29514 background-color: #f0ad4e;
29515 border-color: #f8daad;
29516 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29518 .activity-item .activity-completion button.btn-warning.disabled, .activity-item .activity-completion button.btn-warning:disabled,
29519 .activity-item .activity-completion a[role=button].btn-warning.disabled,
29520 .activity-item .activity-completion a[role=button].btn-warning:disabled {
29521 color: #1d2125;
29522 background-color: #fcefdc;
29523 border-color: #fcefdc;
29525 .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,
29526 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active,
29527 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active,
29528 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle {
29529 color: #1d2125;
29530 background-color: #f8daad;
29531 border-color: #f7d4a1;
29533 .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,
29534 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled):active:focus,
29535 .activity-item .activity-completion a[role=button].btn-warning:not(:disabled):not(.disabled).active:focus,
29536 .show > .activity-item .activity-completion a[role=button].btn-warning.dropdown-toggle:focus {
29537 box-shadow: 0 0 0 0.2rem rgba(219, 208, 193, 0.5);
29539 .activity-item .activity-completion button.btn-warning:hover,
29540 .activity-item .activity-completion a[role=button].btn-warning:hover {
29541 color: #1d2125;
29543 .activity-item .activity-completion button.btn-danger,
29544 .activity-item .activity-completion a[role=button].btn-danger {
29545 color: #1d2125;
29546 background-color: #f4d6d2;
29547 border-color: #f4d6d2;
29548 color: #691911;
29550 .activity-item .activity-completion button.btn-danger:hover,
29551 .activity-item .activity-completion a[role=button].btn-danger:hover {
29552 color: #fff;
29553 background-color: #ca3120;
29554 border-color: #eab1a9;
29556 .activity-item .activity-completion button.btn-danger:focus, .activity-item .activity-completion button.btn-danger.focus,
29557 .activity-item .activity-completion a[role=button].btn-danger:focus,
29558 .activity-item .activity-completion a[role=button].btn-danger.focus {
29559 color: #fff;
29560 background-color: #ca3120;
29561 border-color: #eab1a9;
29562 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29564 .activity-item .activity-completion button.btn-danger.disabled, .activity-item .activity-completion button.btn-danger:disabled,
29565 .activity-item .activity-completion a[role=button].btn-danger.disabled,
29566 .activity-item .activity-completion a[role=button].btn-danger:disabled {
29567 color: #1d2125;
29568 background-color: #f4d6d2;
29569 border-color: #f4d6d2;
29571 .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,
29572 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active,
29573 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active,
29574 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle {
29575 color: #1d2125;
29576 background-color: #eab1a9;
29577 border-color: #e7a79f;
29579 .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,
29580 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled):active:focus,
29581 .activity-item .activity-completion a[role=button].btn-danger:not(:disabled):not(.disabled).active:focus,
29582 .show > .activity-item .activity-completion a[role=button].btn-danger.dropdown-toggle:focus {
29583 box-shadow: 0 0 0 0.2rem rgba(212, 187, 184, 0.5);
29585 .activity-item .activity-completion button.btn-danger:hover,
29586 .activity-item .activity-completion a[role=button].btn-danger:hover {
29587 color: #fff;
29589 .activity-item .activity-completion button.btn-light,
29590 .activity-item .activity-completion a[role=button].btn-light {
29591 color: #1d2125;
29592 background-color: #fefefe;
29593 border-color: #fefefe;
29594 color: #818182;
29596 .activity-item .activity-completion button.btn-light:hover,
29597 .activity-item .activity-completion a[role=button].btn-light:hover {
29598 color: #1d2125;
29599 background-color: #f8f9fa;
29600 border-color: #e5e5e5;
29602 .activity-item .activity-completion button.btn-light:focus, .activity-item .activity-completion button.btn-light.focus,
29603 .activity-item .activity-completion a[role=button].btn-light:focus,
29604 .activity-item .activity-completion a[role=button].btn-light.focus {
29605 color: #1d2125;
29606 background-color: #f8f9fa;
29607 border-color: #e5e5e5;
29608 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29610 .activity-item .activity-completion button.btn-light.disabled, .activity-item .activity-completion button.btn-light:disabled,
29611 .activity-item .activity-completion a[role=button].btn-light.disabled,
29612 .activity-item .activity-completion a[role=button].btn-light:disabled {
29613 color: #1d2125;
29614 background-color: #fefefe;
29615 border-color: #fefefe;
29617 .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,
29618 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active,
29619 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active,
29620 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle {
29621 color: #1d2125;
29622 background-color: #e5e5e5;
29623 border-color: #dedede;
29625 .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,
29626 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled):active:focus,
29627 .activity-item .activity-completion a[role=button].btn-light:not(:disabled):not(.disabled).active:focus,
29628 .show > .activity-item .activity-completion a[role=button].btn-light.dropdown-toggle:focus {
29629 box-shadow: 0 0 0 0.2rem rgba(220, 221, 221, 0.5);
29631 .activity-item .activity-completion button.btn-light:hover,
29632 .activity-item .activity-completion a[role=button].btn-light:hover {
29633 color: #1d2125;
29635 .activity-item .activity-completion button.btn-dark,
29636 .activity-item .activity-completion a[role=button].btn-dark {
29637 color: #1d2125;
29638 background-color: #d6d8d9;
29639 border-color: #d6d8d9;
29640 color: #1b1e21;
29642 .activity-item .activity-completion button.btn-dark:hover,
29643 .activity-item .activity-completion a[role=button].btn-dark:hover {
29644 color: #fff;
29645 background-color: #343a40;
29646 border-color: #bcbfc0;
29648 .activity-item .activity-completion button.btn-dark:focus, .activity-item .activity-completion button.btn-dark.focus,
29649 .activity-item .activity-completion a[role=button].btn-dark:focus,
29650 .activity-item .activity-completion a[role=button].btn-dark.focus {
29651 color: #fff;
29652 background-color: #343a40;
29653 border-color: #bcbfc0;
29654 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29656 .activity-item .activity-completion button.btn-dark.disabled, .activity-item .activity-completion button.btn-dark:disabled,
29657 .activity-item .activity-completion a[role=button].btn-dark.disabled,
29658 .activity-item .activity-completion a[role=button].btn-dark:disabled {
29659 color: #1d2125;
29660 background-color: #d6d8d9;
29661 border-color: #d6d8d9;
29663 .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,
29664 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active,
29665 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active,
29666 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle {
29667 color: #1d2125;
29668 background-color: #bcbfc0;
29669 border-color: #b5b9ba;
29671 .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,
29672 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled):active:focus,
29673 .activity-item .activity-completion a[role=button].btn-dark:not(:disabled):not(.disabled).active:focus,
29674 .show > .activity-item .activity-completion a[role=button].btn-dark.dropdown-toggle:focus {
29675 box-shadow: 0 0 0 0.2rem rgba(186, 189, 190, 0.5);
29677 .activity-item .activity-completion button.btn-dark:hover,
29678 .activity-item .activity-completion a[role=button].btn-dark:hover {
29679 color: #fff;
29681 @media (max-width: 575.98px) {
29682 .activity-item .activity-completion {
29683 width: 100%;
29684 margin-top: 0.5rem;
29686 .activity-item .activity-completion button {
29687 width: 100%;
29690 .activity-item .activity-completion .completion-dialog {
29691 color: #495057;
29692 font-size: 0.8203125rem;
29693 min-width: 12rem;
29695 .activity-item .activity-completion .completion-dialog .icon {
29696 font-size: 0.8203125rem;
29697 width: 0.8203125rem;
29698 height: 0.8203125rem;
29699 margin-right: 0.25rem;
29701 .activity-item .activity-completion .completion-dialog .editcompletion a {
29702 border-radius: 0.5rem;
29703 color: #495057;
29704 font-weight: bold;
29705 text-decoration: none;
29707 .activity-item .activity-completion .completion-dialog .editcompletion a:hover {
29708 background-color: #e9ecef;
29710 .activity-item .activity-groupmode-info {
29711 grid-area: groupmode;
29712 justify-self: end;
29714 .activity-item .activity-groupmode-info .groupmode-information {
29715 height: 32px;
29716 width: 32px;
29717 border-radius: 0.5rem;
29719 .activity-item .activity-groupmode-info .groupmode-icon-info {
29720 display: none;
29722 @media (max-width: 575.98px) {
29723 .activity-item .activity-groupmode-info {
29724 width: 100%;
29725 margin-top: 0.5rem;
29726 padding-top: 0.5rem;
29727 border-top: 1px solid #dee2e6;
29729 .activity-item .activity-groupmode-info .groupmode-information {
29730 width: auto;
29731 font-size: inherit;
29732 padding: 0 0.5rem;
29734 .activity-item .activity-groupmode-info .groupmode-icon-info {
29735 display: inline;
29737 .activity-item .activity-groupmode-info .v-parent-focus {
29738 opacity: 1;
29739 visibility: visible;
29742 .activity-item .activity-badges {
29743 grid-area: visibility;
29745 .activity-item .activity-badges .badge {
29746 font-weight: normal;
29748 .activity-item .activity-badges .badge .icon {
29749 font-size: 12px;
29750 width: 12px;
29751 height: 12px;
29753 .activity-item .activity-altcontent {
29754 grid-area: altcontent;
29755 margin-top: 0.25rem;
29757 .activity-item .activity-altcontent.activity-description {
29758 margin-top: 0.5rem;
29759 padding-top: 0.5rem;
29760 border-top: 1px solid #dee2e6;
29761 font-size: 0.875em;
29763 .activity-item .activity-altcontent img {
29764 border-radius: 1rem;
29766 .activity-item .activity-availability {
29767 grid-area: availability;
29769 .activity-item .activity-afterlink {
29770 grid-area: afterlink;
29771 margin-top: 0.5rem;
29772 padding-top: 0.5rem;
29773 border-top: 1px solid #dee2e6;
29775 .activity-item .no-overflow {
29776 width: 100%;
29779 .section .draggable .activity-item .dragicon {
29780 display: none;
29783 /* Dividers */
29784 .divider {
29785 position: relative;
29787 .divider hr {
29788 width: 100%;
29789 margin: 0.5rem 0.25rem;
29790 border-top: 2px dashed #dee2e6;
29792 .changenumsections.disabled .divider hr {
29793 border-top: 2px dashed #dee2e6;
29795 .divider .divider-content {
29796 opacity: 0;
29797 visibility: hidden;
29798 transition: visibility 0.1s;
29799 position: absolute;
29800 background: linear-gradient(transparent 40%, #fff 40%, #fff 60%, transparent 60%);
29802 .section.hidden .divider .divider-content {
29803 background: linear-gradient(transparent 40%, #f8f9fa 40%, #f8f9fa 60%, transparent 60%);
29805 .divider.always-visible .divider-content {
29806 opacity: 1;
29807 visibility: visible;
29809 .divider.always-hidden hr {
29810 opacity: 0;
29811 visibility: hidden;
29813 .divider:hover .divider-content, .divider:focus .divider-content, .divider:focus-within .divider-content {
29814 opacity: 1;
29815 visibility: visible;
29817 .divider:hover hr, .divider:focus hr, .divider:focus-within hr {
29818 opacity: 1;
29819 visibility: visible;
29821 .divider:has(.btn.add-content:hover) hr {
29822 border-color: #0f6cbf;
29824 .changenumsections.disabled .divider:has(.btn.add-content:hover) hr {
29825 border-color: #e9ecef;
29828 .activity:focus-within + .activity .divider .divider-content,
29829 .course-section-header:focus-within + .content .section .activity:first-child .divider .divider-content,
29830 .content .section .activity:focus-within .divider .divider-content,
29831 .course-content:focus-within .changenumsections .divider .divider-content {
29832 visibility: visible;
29835 .course-content ul.topics > li:last-child .changenumsections {
29836 display: none;
29839 .btn.add-content {
29840 position: relative;
29841 z-index: 1;
29842 border-radius: 50rem;
29843 font-size: 0.8203125rem;
29844 font-weight: bold;
29845 color: #083863;
29846 background-color: #cfe2f2;
29848 .btn.add-content:hover, .btn.add-content:focus {
29849 color: #fff;
29850 background-color: #0f6cbf;
29852 .btn.add-content .icon {
29853 width: 14px;
29854 height: 14px;
29855 font-size: 14px;
29857 .changenumsections.disabled .btn.add-content {
29858 color: #8f959e;
29859 background-color: #e9ecef;
29860 outline: none;
29861 box-shadow: none;
29862 pointer-events: auto;
29864 .changenumsections.disabled .btn.add-content:hover, .changenumsections.disabled .btn.add-content:focus {
29865 color: #8f959e;
29866 background-color: #e9ecef;
29867 outline: none;
29868 box-shadow: none;
29871 /* Bulk editing */
29872 .bulkenabled .bulk-hidden {
29873 display: none !important;
29875 .bulkenabled .section {
29876 margin-left: 1rem;
29878 .bulkenabled .section:not(:first-child) {
29879 margin-top: 1.5rem;
29881 .bulkenabled .activity {
29882 margin-top: 0.5rem;
29883 margin-left: 2rem;
29884 padding-top: 0.5rem;
29885 border-top: 2px dashed #dee2e6;
29887 .bulkenabled .activity:first-child {
29888 margin-top: 1.5rem;
29890 .bulkenabled .activity-item .bulkselect {
29891 position: absolute;
29892 left: -2rem;
29894 .bulkenabled .activity-item:has(.delegated-section):hover {
29895 outline: none !important;
29896 box-shadow: none !important;
29898 .bulkenabled .course-section-header .bulkselect {
29899 left: -2.75rem;
29900 position: relative;
29901 width: 0;
29903 @media (max-width: 767.98px) {
29904 .bulkenabled .course-content {
29905 margin-left: 2rem;
29909 @media (max-width: 767.98px) {
29910 .sticky-footer-content.bulkactions {
29911 position: relative;
29913 .sticky-footer-content.bulkactions .form-check,
29914 .sticky-footer-content.bulkactions .bulkaction-name,
29915 .sticky-footer-content.bulkactions .bulkcount {
29916 display: none;
29918 .sticky-footer-content.bulkactions .actions button {
29919 padding: 0 0.5rem;
29921 .sticky-footer-content.bulkactions .bulkcancel {
29922 position: absolute;
29923 top: 0;
29924 right: 0;
29928 /* Activity completion */
29929 .defaultactivitycompletion-item a {
29930 color: #000;
29931 text-decoration: none;
29933 .defaultactivitycompletion-item .activityicon {
29934 width: 32px;
29935 height: 32px;
29938 /* Home page course specific styles */
29939 .sitetopic .activity:first-of-type hr {
29940 display: none;
29942 .sitetopic .section-item {
29943 margin-bottom: 1.5rem;
29944 border-radius: 0.5rem;
29947 /* Styles for the Move activity and Move section modals */
29948 .move-activity-tree .collapse-list-item {
29949 border-radius: 0.5rem;
29951 .move-activity-tree .collapse-list-item:hover, .move-activity-tree .collapse-list-item:focus {
29952 background-color: #cfe2f2;
29954 .move-activity-tree .collapse-list-item:hover a, .move-activity-tree .collapse-list-item:focus a {
29955 color: #083863;
29957 .move-activity-tree .collapse-list-item a {
29958 color: #1d2125;
29960 .move-activity-tree .collapse-list-item a:hover, .move-activity-tree .collapse-list-item a:focus {
29961 text-decoration: none;
29963 .move-activity-tree .collapse-list-item a.disabled {
29964 color: #6a737b;
29966 .move-activity-tree .collapse-list-item-content .collapse-list-item {
29967 padding: 0.5rem 1rem;
29969 .move-activity-tree ul {
29970 margin-left: 1.5rem;
29972 .move-activity-tree .collapse-list-link {
29973 font-weight: bold;
29976 /* Subsection specific styles */
29977 .activity.subsection {
29978 border-top: none;
29980 .activity.subsection > .activity-item {
29981 border: 1px solid #dee2e6;
29982 padding: 0;
29984 .activity.subsection > .activity-item .activity-altcontent {
29985 margin-top: 0;
29987 .activity.subsection .section {
29988 margin-top: 0;
29990 .activity.subsection .section .section-item {
29991 border: none;
29992 padding: 0.75rem;
29994 .activity.subsection .section .icons-collapse-expand:has(+ h4) {
29995 height: 24px;
29996 width: 24px;
29997 font-size: 0.8203125rem;
29999 .activity.subsection .section h4 {
30000 font-size: 1.171875rem;
30002 .activity.subsection .section .section-actions .btn.btn-icon {
30003 font-size: inherit;
30005 .activity.subsection + .activity {
30006 border-top: none;
30008 .activity.subsection .focus-control:not(:has(.focus-control)):focus-within .v-parent-focus, .activity.subsection .focus-control:not(:has(.focus-control)):hover .v-parent-focus {
30009 opacity: 1 !important;
30010 visibility: visible !important;
30012 .activity.subsection .focus-control:focus-within .focus-control .v-parent-focus,
30013 .activity.subsection .focus-control:hover .focus-control .v-parent-focus {
30014 opacity: 0;
30015 visibility: hidden;
30018 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
30019 :target,
30020 :focus {
30021 scroll-margin-top: 70px;
30024 .pagelayout-embedded :target {
30025 padding-top: initial;
30026 margin-top: initial;
30029 #nav-drawer.closed {
30030 left: -305px;
30033 #nav-drawer[aria-hidden=true] .list-group-item {
30034 display: none;
30037 /* Use a variable for the drawer background colors. */
30038 [data-region=drawer] {
30039 position: fixed;
30040 width: 285px;
30041 top: 60px;
30042 height: calc(100% - 60px);
30043 overflow-y: auto;
30044 -webkit-overflow-scrolling: touch;
30045 z-index: 999;
30046 background-color: #f2f2f2;
30047 transition: right 0.5s ease, left 0.5s ease;
30049 @media (prefers-reduced-motion: reduce) {
30050 [data-region=drawer] {
30051 transition: none;
30055 @media (min-width: 576px) {
30056 [data-region=drawer] {
30057 padding: 20px 20px;
30059 .jsenabled .popover-process-monitor,
30060 .jsenabled .btn-footer-popover,
30061 .jsenabled .btn-footer-communication {
30062 transition: 0.2s;
30065 @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
30066 .jsenabled .popover-process-monitor,
30067 .jsenabled .btn-footer-popover,
30068 .jsenabled .btn-footer-communication {
30069 transition: none;
30072 #nav-drawer {
30073 right: auto;
30074 left: 0;
30075 /* Override the z-indexes defined in bootstrap/_list-group.scss that
30076 lead to side effects on the user tours positioning. */
30078 #nav-drawer .list-group-item-action.active,
30079 #nav-drawer .list-group-item.active {
30080 z-index: inherit;
30082 #nav-drawer .list-group-item-action.active + .list-group-item,
30083 #nav-drawer .list-group-item.active + .list-group-item {
30084 border-top: none;
30086 #nav-drawer .list-group ul {
30087 list-style: none;
30088 padding: 0;
30089 margin: 0;
30091 #nav-drawer .list-group li {
30092 margin-bottom: -1px;
30094 #nav-drawer .list-group li:last-child {
30095 margin-bottom: 0;
30098 body.drawer-ease {
30099 transition: margin-left 0.5s ease, margin-right 0.5s ease;
30101 @media (prefers-reduced-motion: reduce) {
30102 body.drawer-ease {
30103 transition: none;
30107 @media (min-width: 768px) {
30108 body:not(.uses-drawers).drawer-open-left {
30109 margin-left: 285px;
30113 @media (min-width: 768px) {
30114 body.drawer-open-left #page.drawers {
30115 margin-left: 285px;
30116 padding-left: 1rem;
30120 @media (min-width: 768px) {
30121 body.drawer-open-right {
30122 margin-right: 315px;
30126 [data-region=right-hand-drawer] {
30127 display: flex;
30128 flex-direction: column;
30129 transition: right 0.2s ease-in-out;
30131 @media (prefers-reduced-motion: reduce) {
30132 [data-region=right-hand-drawer] {
30133 transition: none;
30136 [data-region=right-hand-drawer].drawer {
30137 z-index: 1021;
30138 position: fixed;
30139 top: 60px;
30140 right: 0;
30141 height: calc(100% - 60px);
30142 width: 320px;
30143 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
30144 padding: 0;
30145 visibility: visible;
30146 opacity: 1;
30148 [data-region=right-hand-drawer].hidden {
30149 display: block;
30150 right: -320px;
30151 visibility: hidden;
30152 opacity: 0;
30153 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
30155 @media (prefers-reduced-motion: reduce) {
30156 [data-region=right-hand-drawer].hidden {
30157 transition: none;
30161 @media (max-width: 767.98px) {
30162 [data-region=right-hand-drawer].drawer {
30163 top: 0;
30164 height: 100%;
30165 z-index: 1031;
30167 body.drawer-open-left,
30168 body.drawer-open-right {
30169 overflow: hidden;
30172 .dir-rtl [data-region=right-hand-drawer] {
30173 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
30176 .drawer {
30177 background-color: #f8f9fa;
30178 z-index: 1015;
30179 position: fixed;
30180 height: 100vh;
30181 top: 0;
30183 @media (max-width: 991.98px) {
30184 .drawer {
30185 z-index: 1035;
30188 .drawer.not-initialized {
30189 display: none;
30191 .drawer.drawer-right {
30192 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30193 width: 315px;
30194 max-width: 315px;
30195 right: calc(-315px + -10px);
30196 visibility: hidden;
30198 @media (prefers-reduced-motion: reduce) {
30199 .drawer.drawer-right {
30200 transition: none;
30203 .drawer.drawer-right.show {
30204 right: 0;
30205 visibility: visible;
30207 .drawer.drawer-right .drawertoggle {
30208 margin-left: auto;
30209 margin-right: 5px;
30211 .drawer.drawer-left {
30212 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30213 width: 285px;
30214 max-width: 285px;
30215 left: calc(-285px + -10px);
30216 visibility: hidden;
30218 @media (prefers-reduced-motion: reduce) {
30219 .drawer.drawer-left {
30220 transition: none;
30223 .drawer.drawer-left.show {
30224 left: 0;
30225 visibility: visible;
30227 .drawer.drawer-left .drawertoggle {
30228 margin-right: auto;
30229 margin-left: 5px;
30231 .drawer.drawer-bottom {
30232 bottom: -110%;
30234 .drawer.drawer-bottom.show {
30235 bottom: 0;
30237 .drawer.drawer-primary .drawertoggle {
30238 margin-right: 16px;
30239 margin-left: 5px;
30242 @media (min-width: 992px) {
30243 .drawer#theme_boost-drawers-blocks:focus-within {
30244 z-index: 1031;
30246 .drawer.not-initialized {
30247 display: block;
30250 .drawer-md,
30251 .drawer-sm {
30252 display: none;
30255 .drawerheader {
30256 padding: 0;
30257 height: 60px;
30258 display: flex;
30259 align-items: center;
30261 .drawerheader .sitename {
30262 overflow: hidden;
30263 white-space: nowrap;
30264 text-overflow: ellipsis;
30265 margin-right: 16px;
30268 .drawer.scrolled .drawerheader {
30269 box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
30272 @media (max-width: 991.98px) {
30273 .drawer-md {
30274 display: block;
30275 background-color: #f8f9fa;
30276 z-index: 1015;
30277 position: fixed;
30278 height: 100vh;
30279 top: 0;
30282 @media (max-width: 991.98px) and (max-width: 991.98px) {
30283 .drawer-md {
30284 z-index: 1035;
30287 @media (max-width: 991.98px) {
30288 .drawer-md.not-initialized {
30289 display: none;
30292 @media (max-width: 991.98px) {
30293 .drawer-md.drawer-right {
30294 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30295 width: 315px;
30296 max-width: 315px;
30297 right: calc(-315px + -10px);
30298 visibility: hidden;
30301 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30302 .drawer-md.drawer-right {
30303 transition: none;
30306 @media (max-width: 991.98px) {
30307 .drawer-md.drawer-right.show {
30308 right: 0;
30309 visibility: visible;
30312 @media (max-width: 991.98px) {
30313 .drawer-md.drawer-right .drawertoggle {
30314 margin-left: auto;
30315 margin-right: 5px;
30318 @media (max-width: 991.98px) {
30319 .drawer-md.drawer-left {
30320 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30321 width: 285px;
30322 max-width: 285px;
30323 left: calc(-285px + -10px);
30324 visibility: hidden;
30327 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
30328 .drawer-md.drawer-left {
30329 transition: none;
30332 @media (max-width: 991.98px) {
30333 .drawer-md.drawer-left.show {
30334 left: 0;
30335 visibility: visible;
30338 @media (max-width: 991.98px) {
30339 .drawer-md.drawer-left .drawertoggle {
30340 margin-right: auto;
30341 margin-left: 5px;
30344 @media (max-width: 991.98px) {
30345 .drawer-md.drawer-bottom {
30346 bottom: -110%;
30348 .drawer-md.drawer-bottom.show {
30349 bottom: 0;
30352 @media (max-width: 991.98px) {
30353 .drawer-md.drawer-primary .drawertoggle {
30354 margin-right: 16px;
30355 margin-left: 5px;
30358 @media (max-width: 767.98px) {
30359 .drawer-sm {
30360 display: block;
30361 background-color: #f8f9fa;
30362 z-index: 1015;
30363 position: fixed;
30364 height: 100vh;
30365 top: 0;
30368 @media (max-width: 767.98px) and (max-width: 991.98px) {
30369 .drawer-sm {
30370 z-index: 1035;
30373 @media (max-width: 767.98px) {
30374 .drawer-sm.not-initialized {
30375 display: none;
30378 @media (max-width: 767.98px) {
30379 .drawer-sm.drawer-right {
30380 transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
30381 width: 315px;
30382 max-width: 315px;
30383 right: calc(-315px + -10px);
30384 visibility: hidden;
30387 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30388 .drawer-sm.drawer-right {
30389 transition: none;
30392 @media (max-width: 767.98px) {
30393 .drawer-sm.drawer-right.show {
30394 right: 0;
30395 visibility: visible;
30398 @media (max-width: 767.98px) {
30399 .drawer-sm.drawer-right .drawertoggle {
30400 margin-left: auto;
30401 margin-right: 5px;
30404 @media (max-width: 767.98px) {
30405 .drawer-sm.drawer-left {
30406 transition: left 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
30407 width: 285px;
30408 max-width: 285px;
30409 left: calc(-285px + -10px);
30410 visibility: hidden;
30413 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
30414 .drawer-sm.drawer-left {
30415 transition: none;
30418 @media (max-width: 767.98px) {
30419 .drawer-sm.drawer-left.show {
30420 left: 0;
30421 visibility: visible;
30424 @media (max-width: 767.98px) {
30425 .drawer-sm.drawer-left .drawertoggle {
30426 margin-right: auto;
30427 margin-left: 5px;
30430 @media (max-width: 767.98px) {
30431 .drawer-sm.drawer-bottom {
30432 bottom: -110%;
30434 .drawer-sm.drawer-bottom.show {
30435 bottom: 0;
30438 @media (max-width: 767.98px) {
30439 .drawer-sm.drawer-primary .drawertoggle {
30440 margin-right: 16px;
30441 margin-left: 5px;
30444 .drawercontent {
30445 position: relative;
30446 z-index: -1;
30447 height: calc(100% - 60px);
30448 display: flex;
30449 flex-direction: column;
30450 flex-wrap: nowrap;
30451 overflow-y: auto;
30452 padding: 0.4rem;
30453 scrollbar-width: thin;
30454 scrollbar-color: #6a737b #f8f9fa;
30456 .drawercontent .dropdown-menu .dropdown-item {
30457 width: 220px;
30458 white-space: normal;
30460 .drawercontent::-webkit-scrollbar {
30461 width: 12px;
30463 .drawercontent::-webkit-scrollbar-track {
30464 background: #f8f9fa;
30466 .drawercontent::-webkit-scrollbar-thumb {
30467 background-color: #6a737b;
30468 border-radius: 20px;
30469 border: 3px solid #f8f9fa;
30471 .drawercontent::-webkit-scrollbar-thumb:hover {
30472 background-color: #495057;
30475 .fp-content-center {
30476 height: 100%;
30477 width: 100%;
30478 display: table-cell;
30479 vertical-align: middle;
30482 .fp-content-hidden {
30483 visibility: hidden;
30486 .yui3-panel-focused {
30487 outline: none;
30490 .fp-panel-button {
30491 background: #fff;
30492 padding: 3px 20px 2px 20px;
30493 text-align: center;
30494 margin: 10px;
30495 border-radius: 10px;
30496 display: inline-block;
30499 .filepicker .yui3-widget-content-expanded {
30500 height: auto;
30503 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
30504 .filepicker .moodle-dialogue-bd {
30505 min-height: 520px;
30508 .fp-navbar {
30509 border-color: #8f959e;
30510 border-bottom: 0;
30511 border-bottom-left-radius: 0;
30512 border-bottom-right-radius: 0;
30515 .file-picker .fp-content {
30516 border-top: 0;
30517 background: #fff;
30518 clear: none;
30519 overflow: auto;
30520 height: 452px;
30523 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
30524 width: 100%;
30527 .file-picker .fp-content-loading {
30528 height: 100%;
30529 width: 100%;
30530 display: table;
30531 text-align: center;
30534 .file-picker .fp-content .fp-object-container {
30535 width: 98%;
30536 height: 98%;
30539 .file-picker .fp-def-search {
30540 margin-top: 0;
30543 .file-picker .fp-list {
30544 list-style-type: none;
30545 padding: 0;
30546 float: left;
30547 width: 100%;
30548 margin: 0;
30551 .file-picker .fp-list .fp-repo a {
30552 display: block;
30553 padding: 0.5em 0.7em;
30556 .file-picker .fp-list .fp-repo.active {
30557 background: #f2f2f2;
30560 .file-picker .fp-list .fp-repo-icon {
30561 padding: 0 7px 0 5px;
30562 width: 16px;
30563 height: 16px;
30566 .fp-toolbar {
30567 float: left;
30570 .fp-toolbar.empty {
30571 display: none;
30574 .fp-toolbar .disabled {
30575 display: none;
30578 .fp-toolbar div {
30579 display: block;
30580 float: left;
30581 margin-right: 4px;
30584 .fp-toolbar img {
30585 vertical-align: -15%;
30586 margin-right: 5px;
30589 .fp-viewbar:not(.disabled) a.checked {
30590 background-color: #b1bbc4;
30591 color: #1d2125;
30592 border-color: #aab4bf;
30595 .fp-viewbar.disabled a {
30596 pointer-events: none;
30597 opacity: 0.65;
30600 .file-picker .fp-clear-left {
30601 clear: left;
30604 .fp-pathbar.empty {
30605 display: none;
30608 .fp-pathbar .fp-path-folder {
30609 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
30610 background-size: 12px 12px;
30611 height: 12px;
30612 margin-left: 12px;
30615 /*rtl:raw:
30616 .fp-pathbar .fp-path-folder {
30617 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
30620 .fp-pathbar .fp-path-folder-name {
30621 margin-left: 24px;
30624 .fp-iconview .fp-file {
30625 float: left;
30626 text-align: center;
30627 position: relative;
30628 margin: 10px 10px 35px;
30631 .fp-iconview .fp-thumbnail {
30632 min-width: 110px;
30633 min-height: 110px;
30634 line-height: 110px;
30635 text-align: center;
30636 border: 1px solid #fff;
30637 display: block;
30640 .fp-iconview .fp-thumbnail img {
30641 border: 1px solid #ddd;
30642 padding: 3px;
30643 vertical-align: middle;
30646 .fp-iconview .fp-thumbnail:hover {
30647 background: #fff;
30648 border: 1px solid #ddd;
30651 .fp-iconview .fp-filename-field {
30652 height: 33px;
30653 margin-top: 3px;
30654 word-wrap: break-word;
30655 overflow: hidden;
30656 position: absolute;
30659 .fp-iconview .fp-file:focus .fp-filename-field,
30660 .fp-iconview .fp-file:hover .fp-filename-field {
30661 overflow: visible;
30662 z-index: 1000;
30664 .fp-iconview .fp-file:focus .fp-filename,
30665 .fp-iconview .fp-file:hover .fp-filename {
30666 overflow: inherit;
30667 white-space: normal;
30668 text-overflow: inherit;
30671 .fp-iconview .fp-filename-field .fp-filename {
30672 background: #fff;
30673 padding-top: 5px;
30674 padding-bottom: 12px;
30675 min-width: 112px;
30678 .file-picker .yui3-datatable table {
30679 border: 0 solid #bbb;
30680 width: 100%;
30683 .file-picker .ygtvtn,
30684 .filemanager .ygtvtn {
30685 /*rtl:remove*/
30686 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
30687 /*rtl:raw:
30688 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
30690 width: 19px;
30691 height: 32px;
30694 .file-picker .ygtvtm,
30695 .filemanager .ygtvtm {
30696 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30697 /*rtl:raw:
30698 background-position: 2px 10px;
30700 width: 13px;
30701 height: 12px;
30702 cursor: pointer;
30705 .file-picker .ygtvtmh,
30706 .filemanager .ygtvtmh {
30707 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
30708 /*rtl:raw:
30709 background-position: 2px 10px;
30711 width: 13px;
30712 height: 12px;
30713 cursor: pointer;
30716 .file-picker .ygtvtp,
30717 .filemanager .ygtvtp {
30718 /*rtl:remove*/
30719 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30720 /*rtl:raw:
30721 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30723 width: 13px;
30724 height: 12px;
30725 cursor: pointer;
30728 .file-picker .ygtvtph,
30729 .filemanager .ygtvtph {
30730 /*rtl:remove*/
30731 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30732 /*rtl:raw:
30733 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30735 width: 13px;
30736 height: 22px;
30737 cursor: pointer;
30740 .file-picker .ygtvln,
30741 .filemanager .ygtvln {
30742 /*rtl:remove*/
30743 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
30744 /*rtl:raw:
30745 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
30747 width: 19px;
30748 height: 32px;
30751 .file-picker .ygtvlm,
30752 .filemanager .ygtvlm {
30753 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30754 /*rtl:raw:
30755 background-position: 2px 10px;
30757 width: 13px;
30758 height: 12px;
30759 cursor: pointer;
30762 .file-picker .ygtvlmh,
30763 .filemanager .ygtvlmh {
30764 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30765 /*rtl:raw:
30766 background-position: 2px 10px;
30768 width: 13px;
30769 height: 12px;
30770 cursor: pointer;
30773 .file-picker .ygtvlp,
30774 .filemanager .ygtvlp {
30775 /*rtl:remove*/
30776 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30777 /*rtl:raw:
30778 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30780 width: 13px;
30781 height: 12px;
30782 cursor: pointer;
30785 .file-picker .ygtvlph,
30786 .filemanager .ygtvlph {
30787 /*rtl:remove*/
30788 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30789 /*rtl:raw:
30790 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30792 width: 13px;
30793 height: 12px;
30794 cursor: pointer;
30797 .file-picker .ygtvloading,
30798 .filemanager .ygtvloading {
30799 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
30800 width: 16px;
30801 height: 22px;
30804 .file-picker .ygtvdepthcell,
30805 .filemanager .ygtvdepthcell {
30806 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
30807 /*rtl:raw:
30808 background-position: 0 0;
30810 width: 17px;
30811 height: 32px;
30814 .file-picker .ygtvblankdepthcell,
30815 .filemanager .ygtvblankdepthcell {
30816 width: 17px;
30817 height: 22px;
30820 a.ygtvspacer:hover {
30821 color: transparent;
30822 text-decoration: none;
30825 .ygtvlabel,
30826 .ygtvlabel:link,
30827 .ygtvlabel:visited,
30828 .ygtvlabel:hover {
30829 background-color: transparent;
30830 cursor: pointer;
30831 margin-left: 2px;
30832 text-decoration: none;
30835 .file-picker .ygtvfocus,
30836 .filemanager .ygtvfocus {
30837 background-color: #eee;
30840 .fp-filename-icon {
30841 margin-top: 10px;
30842 display: block;
30843 position: relative;
30846 .fp-icon {
30847 float: left;
30848 margin-top: -7px;
30849 width: 24px;
30850 height: 24px;
30851 margin-right: 10px;
30852 text-align: center;
30853 line-height: 24px;
30856 .fp-icon img {
30857 max-height: 24px;
30858 max-width: 24px;
30859 vertical-align: middle;
30862 .fp-filename {
30863 padding-right: 10px;
30866 .file-picker .fp-login-form {
30867 height: 100%;
30868 width: 100%;
30869 display: table;
30872 .file-picker .fp-upload-form {
30873 height: 100%;
30874 width: 100%;
30875 display: table;
30878 .file-picker .fp-upload-form table {
30879 margin: 0 auto;
30882 .file-picker.fp-dlg {
30883 text-align: center;
30886 .file-picker.fp-dlg .fp-dlg-buttons {
30887 margin: 0 20px;
30890 .file-picker.fp-msg {
30891 text-align: center;
30894 .file-picker .fp-content-error {
30895 height: 100%;
30896 width: 100%;
30897 display: table;
30898 text-align: center;
30901 .file-picker .fp-nextpage {
30902 clear: both;
30905 .file-picker .fp-nextpage .fp-nextpage-loading {
30906 display: none;
30909 .file-picker .fp-nextpage.loading .fp-nextpage-link {
30910 display: none;
30913 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
30914 display: block;
30915 text-align: center;
30916 height: 100px;
30917 padding-top: 50px;
30920 .fp-select .fp-select-loading {
30921 text-align: center;
30922 margin-top: 20px;
30925 .fp-select table {
30926 padding: 0 0 10px;
30929 .fp-select table .mdl-right {
30930 min-width: 84px;
30933 .fp-select .fp-reflist .mdl-right {
30934 vertical-align: top;
30937 .fp-select .fp-select-buttons {
30938 float: right;
30941 .fp-select .fp-info {
30942 font-size: 0.703125rem;
30945 .fp-select .fp-thumbnail {
30946 float: left;
30947 min-width: 110px;
30948 min-height: 110px;
30949 line-height: 110px;
30950 text-align: center;
30951 margin: 10px 20px 0 0;
30952 background: #fff;
30953 border: 1px solid #ddd;
30956 .fp-select .fp-thumbnail img {
30957 border: 1px solid #ddd;
30958 padding: 3px;
30959 vertical-align: middle;
30960 margin: 10px;
30963 .fp-select .fp-fileinfo {
30964 display: inline-block;
30965 margin-top: 10px;
30968 .file-picker.fp-select .fp-fileinfo {
30969 max-width: 240px;
30972 .fp-select .fp-fileinfo div {
30973 padding-bottom: 5px;
30976 .file-picker.fp-select .uneditable {
30977 display: none;
30980 .file-picker.fp-select .fp-select-loading {
30981 display: none;
30984 .file-picker.fp-select.loading .fp-select-loading {
30985 display: block;
30988 .file-picker.fp-select.loading form {
30989 display: none;
30992 .fp-select .fp-dimensions.fp-unknown {
30993 display: none;
30996 .fp-select .fp-size.fp-unknown {
30997 display: none;
31000 .filemanager-loading {
31001 display: none;
31004 .jsenabled .filemanager-loading {
31005 display: block;
31006 margin-top: 100px;
31009 .filemanager.fm-loading .filemanager-toolbar,
31010 .filemanager.fm-loading .fp-pathbar,
31011 .filemanager.fm-loading .filemanager-container,
31012 .filemanager.fm-loaded .filemanager-loading,
31013 .filemanager.fm-maxfiles .fp-btn-add,
31014 .filemanager.fm-maxfiles .dndupload-message,
31015 .filemanager.fm-noitems .fp-btn-download,
31016 .filemanager.fm-noitems .fp-btn-delete,
31017 .filemanager .fm-empty-container,
31018 .filemanager.fm-noitems .filemanager-container .fp-content {
31019 display: none;
31022 .filemanager .fp-img-downloading {
31023 display: none;
31024 padding-top: 7px;
31027 .filemanager .filemanager-updating {
31028 display: none;
31029 text-align: center;
31032 .filemanager.fm-updating .filemanager-updating {
31033 display: block;
31034 margin-top: 37px;
31037 .filemanager.fm-updating .fm-content-wrapper,
31038 .filemanager.fm-nomkdir .fp-btn-mkdir,
31039 .fitem.disabled .filemanager .filemanager-toolbar,
31040 .fitem.disabled .filemanager .fp-pathbar,
31041 .fitem.disabled .filemanager .fp-restrictions,
31042 .fitem.disabled .filemanager .fm-content-wrapper {
31043 display: none;
31046 .filemanager .fp-restrictions {
31047 text-align: right;
31050 .filemanager-toolbar {
31051 padding: 4px;
31052 overflow: hidden;
31055 .filemanager .fp-pathbar.empty {
31056 display: none;
31059 .filepicker-filelist,
31060 .filemanager-container {
31061 min-height: 140px;
31062 border: 1px solid #8f959e;
31063 border-radius: 0.5rem;
31066 .filemanager .fp-content {
31067 overflow: auto;
31068 max-height: 472px;
31069 min-height: 157px;
31072 .filemanager-container,
31073 .filepicker-filelist {
31074 overflow: hidden;
31075 border-top-left-radius: 0;
31076 border-top-right-radius: 0;
31079 .file-picker .yui3-datatable-header {
31080 /*rtl:raw:
31081 text-align: right;
31083 background: initial;
31086 .fitem.disabled .filepicker-filelist,
31087 .fitem.disabled .filemanager-container {
31088 background-color: #ebebe4;
31091 .fitem.disabled .fp-btn-choose {
31092 color: #6a737b;
31095 .fitem.disabled .filepicker-filelist .filepicker-filename {
31096 display: none;
31099 .fp-iconview .fp-reficons1 {
31100 position: absolute;
31101 height: 100%;
31102 width: 100%;
31103 top: 0;
31104 left: 0;
31107 .fp-iconview .fp-reficons2 {
31108 position: absolute;
31109 height: 100%;
31110 width: 100%;
31111 top: 0;
31112 left: 0;
31115 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
31116 background: url("[[pix:theme|fp/link]]") no-repeat;
31117 /*rtl:raw:
31118 transform: scaleX(-1);
31120 /*rtl:ignore*/
31121 background-position: bottom right;
31122 background-size: 16px 16px;
31125 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
31126 background: url("[[pix:theme|fp/alias]]") no-repeat;
31127 /*rtl:raw:
31128 transform: scaleX(-1);
31130 /*rtl:ignore*/
31131 background-position: bottom left;
31132 background-size: 16px 16px;
31135 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
31136 display: none;
31139 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
31140 background: url([[pix:s/dead]]) no-repeat;
31141 background-position: center center;
31144 .filemanager .yui3-datatable table {
31145 border: 0 solid #bbb;
31146 width: 100%;
31149 /* Override YUI default styling */
31150 /* stylelint-disable declaration-no-important */
31151 .filemanager .yui3-datatable-header {
31152 /*rtl:raw:
31153 text-align: right;
31155 background: #fff !important;
31156 border-bottom: 1px solid #ccc !important;
31157 border-left: 0 solid #fff !important;
31158 color: #555 !important;
31160 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
31161 background-color: #f6f6f6 !important;
31162 border-left: 0 solid #f6f6f6;
31164 .filemanager .yui3-datatable-even .yui3-datatable-cell {
31165 background-color: #fff !important;
31166 border-left: 0 solid #fff;
31169 /* stylelint-enable */
31170 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
31171 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
31172 height: 100%;
31173 width: 100%;
31174 /*rtl:raw:
31175 transform: scaleX(-1);
31177 position: absolute;
31178 top: 8px;
31179 left: 17px;
31180 background-size: 16px 16px;
31183 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
31184 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
31185 height: 100%;
31186 width: 100%;
31187 /*rtl:raw:
31188 transform: scaleX(-1);
31190 position: absolute;
31191 top: 9px;
31192 left: -6px;
31193 background-size: 16px 16px;
31196 .filemanager .fp-contextmenu {
31197 display: none;
31200 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31201 position: absolute;
31202 right: 0;
31203 bottom: 0;
31204 display: flex;
31205 align-items: center;
31206 justify-content: center;
31209 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
31210 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
31211 display: inline;
31212 position: absolute;
31213 left: 14px;
31214 margin-right: -20px;
31215 top: 6px;
31218 .filepicker-filelist .filepicker-container,
31219 .filemanager.fm-noitems .fm-empty-container {
31220 display: block;
31221 position: absolute;
31222 top: 10px;
31223 bottom: 10px;
31224 left: 10px;
31225 right: 10px;
31226 border: 2px dashed #bbb;
31227 padding-top: 85px;
31228 text-align: center;
31231 .filepicker-filelist .dndupload-target,
31232 .filemanager-container .dndupload-target {
31233 background: #fff;
31234 position: absolute;
31235 top: 10px;
31236 bottom: 10px;
31237 left: 10px;
31238 right: 10px;
31239 border: 2px dashed #fb7979;
31240 padding-top: 85px;
31241 text-align: center;
31244 .filepicker-filelist.dndupload-over .dndupload-target,
31245 .filemanager-container.dndupload-over .dndupload-target {
31246 background: #fff;
31247 position: absolute;
31248 top: 10px;
31249 bottom: 10px;
31250 left: 10px;
31251 right: 10px;
31252 border: 2px dashed #6c8cd3;
31253 padding-top: 85px;
31254 text-align: center;
31257 .dndupload-message {
31258 display: none;
31261 .dndsupported .dndupload-message {
31262 display: inline;
31265 .dnduploadnotsupported-message {
31266 display: none;
31269 .dndnotsupported .dnduploadnotsupported-message {
31270 display: inline;
31273 .dndupload-target {
31274 display: none;
31277 .dndsupported .dndupload-ready .dndupload-target {
31278 display: block;
31281 .dndupload-uploadinprogress {
31282 display: none;
31283 text-align: center;
31286 .dndupload-uploading .dndupload-uploadinprogress {
31287 display: block;
31290 .dndupload-arrow {
31291 width: 100%;
31292 height: 80px;
31293 position: absolute;
31294 top: 5px;
31295 color: #8f959e;
31298 .fitem.disabled .filepicker-container,
31299 .fitem.disabled .fm-empty-container {
31300 display: none;
31303 .dndupload-progressbars {
31304 padding: 10px;
31305 display: none;
31308 .dndupload-inprogress .dndupload-progressbars {
31309 display: block;
31312 .dndupload-inprogress .fp-content {
31313 display: none;
31316 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
31317 display: none;
31320 .filepicker-filelist.dndupload-inprogress .filepicker-container {
31321 display: none;
31324 .filepicker-filelist.dndupload-inprogress a {
31325 display: none;
31328 .filemanager.fp-select .fp-select-loading {
31329 display: none;
31332 .filemanager.fp-select.loading .fp-select-loading {
31333 display: block;
31336 .filemanager.fp-select.loading form {
31337 display: none;
31340 .filemanager.fp-select.fp-folder .fp-license,
31341 .filemanager.fp-select.fp-folder .fp-author,
31342 .filemanager.fp-select.fp-file .fp-file-unzip,
31343 .filemanager.fp-select.fp-folder .fp-file-unzip,
31344 .filemanager.fp-select.fp-file .fp-file-zip,
31345 .filemanager.fp-select.fp-zip .fp-file-zip {
31346 display: none;
31349 .filemanager.fp-select .fp-file-setmain,
31350 .filemanager.fp-select .fp-file-setmain-help {
31351 display: none;
31354 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
31355 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
31356 display: inline-block;
31359 .filemanager .fp-mainfile .fp-filename {
31360 font-weight: bold;
31363 .filemanager.fp-select.fp-folder .fp-file-download {
31364 display: none;
31367 .fm-operation {
31368 font-weight: bold;
31371 .filemanager.fp-select .fp-original.fp-unknown,
31372 .filemanager.fp-select .fp-original .fp-originloading {
31373 display: none;
31376 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
31377 display: inline;
31380 .filemanager.fp-select .fp-reflist.fp-unknown,
31381 .filemanager.fp-select .fp-reflist .fp-reflistloading {
31382 display: none;
31385 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
31386 display: inline;
31389 .filemanager.fp-select .fp-reflist .fp-value {
31390 background: #f9f9f9;
31391 border: 1px solid #bbb;
31392 padding: 8px 7px;
31393 margin: 0;
31394 max-height: 75px;
31395 overflow: auto;
31398 .filemanager.fp-select .fp-reflist .fp-value li {
31399 padding-bottom: 7px;
31402 .filemanager.fp-mkdir-dlg {
31403 text-align: center;
31406 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
31407 text-align: left;
31408 margin: 20px;
31411 .filemanager.fp-dlg {
31412 text-align: center;
31415 .file-picker div.bd {
31416 text-align: left;
31419 .fp-formset {
31420 padding: 10px;
31422 .fp-formset input[type=file] {
31423 line-height: inherit;
31426 .fp-forminset {
31427 padding: 0 10px;
31430 .fp-fileinfo .fp-value {
31431 display: inline-block;
31432 padding-left: 5px;
31435 /** The message area **/
31436 .hidden {
31437 display: none;
31440 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
31441 padding: 0;
31443 .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 {
31444 min-height: 20px;
31446 .preferences-container .align-bottom {
31447 vertical-align: bottom;
31449 .preferences-container .preference-table {
31450 border: 1px solid #ddd;
31452 .preferences-container .preference-table thead th {
31453 text-align: center;
31455 .preferences-container .preference-table thead th .config-warning {
31456 display: none;
31458 .preferences-container .preference-table thead th.unconfigured .config-warning {
31459 display: inline-block;
31461 .preferences-container .preference-table tr th {
31462 border-left: 1px solid #dee2e6;
31464 .preferences-container .preference-table tr td:not(:first-child) {
31465 width: 150px;
31466 text-align: center;
31468 .preferences-container .preference-table tr td:nth-child(even) {
31469 border: 1px solid #dee2e6;
31471 .preferences-container .preference-table .preference-row .hover-tooltip-container {
31472 display: inline-block;
31474 .preferences-container .preference-table .preference-row .preference-name {
31475 vertical-align: middle;
31477 .preferences-container .preference-table .preference-row .disabled-message {
31478 text-align: center;
31479 height: 30px;
31480 line-height: 30px;
31482 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
31483 display: block;
31486 .disabled-message {
31487 display: none;
31490 .disabled .disabled-message {
31491 display: block;
31493 .disabled .disabled-message + form {
31494 display: none;
31497 .general-settings-container .loading-icon {
31498 display: none;
31500 .general-settings-container .loading .loading-icon {
31501 display: inline-block;
31503 .general-settings-container label {
31504 display: inline-block;
31507 .processor-container {
31508 position: relative;
31510 .processor-container .loading-container {
31511 display: none;
31512 position: absolute;
31513 width: 100%;
31514 height: 100%;
31515 text-align: center;
31516 background-color: rgba(255, 255, 255, 0.5);
31518 .processor-container .loading-container .vertical-align {
31519 height: 100%;
31520 width: 0%;
31521 display: inline-block;
31522 vertical-align: middle;
31524 .processor-container.loading .loading-container {
31525 display: block;
31528 .preferences-page-container .checkbox-container {
31529 margin: 30px 5px;
31530 line-height: 20px;
31532 .preferences-page-container .checkbox-container input {
31533 line-height: 20px;
31534 margin: 0;
31536 .preferences-page-container .checkbox-container .loading-icon {
31537 display: none;
31539 .preferences-page-container .checkbox-container.loading .loading-icon {
31540 display: inline-block;
31543 .notification-area {
31544 height: 600px;
31545 box-sizing: border-box;
31546 border-radius: 4px;
31547 margin-bottom: 30px;
31548 border: 1px solid #e3e3e3;
31550 @media (max-height: 670px) {
31551 .notification-area {
31552 height: 500px;
31555 .notification-area .control-area {
31556 box-sizing: border-box;
31557 display: inline-block;
31558 width: 300px;
31559 height: 100%;
31560 overflow: auto;
31561 -webkit-overflow-scrolling: touch;
31562 border-right: 1px solid #e3e3e3;
31564 .notification-area .control-area .content {
31565 position: relative;
31567 .notification-area .control-area .content .content-item-container {
31568 cursor: pointer;
31570 .notification-area .control-area .content:empty + .empty-text {
31571 display: block;
31573 .notification-area .control-area .loading-icon {
31574 display: none;
31576 .notification-area .control-area .empty-text {
31577 display: none;
31578 text-align: center;
31579 padding-top: 20px;
31581 .notification-area .control-area.loading .loading-icon {
31582 display: block;
31583 text-align: center;
31584 box-sizing: border-box;
31585 padding: 5px;
31587 .notification-area .control-area.loading .content:empty + .empty-text {
31588 display: none;
31590 .notification-area .content-area {
31591 box-sizing: border-box;
31592 display: inline-block;
31593 width: calc(100% - 300px);
31594 float: right;
31596 .notification-area .content-area .toggle-mode {
31597 display: none;
31599 .notification-area .content-area .header {
31600 height: 50px;
31601 box-sizing: border-box;
31602 border-bottom: 1px solid #e3e3e3;
31603 padding: 5px;
31605 .notification-area .content-area .header .image-container {
31606 display: inline-block;
31607 height: 25px;
31608 width: 24px;
31609 float: left;
31611 .notification-area .content-area .header .subject-container {
31612 display: inline-block;
31613 max-width: calc(100% - 24px);
31614 white-space: nowrap;
31615 overflow: hidden;
31616 text-overflow: ellipsis;
31617 height: 25px;
31618 padding-left: 5px;
31619 box-sizing: border-box;
31621 .notification-area .content-area .header .timestamp {
31622 font-size: 10px;
31623 line-height: 10px;
31624 margin: 0;
31625 color: #666;
31626 margin-left: 30px;
31628 .notification-area .content-area .header:empty {
31629 display: none;
31631 .notification-area .content-area > .content {
31632 height: 500px;
31633 box-sizing: border-box;
31634 overflow: auto;
31635 -webkit-overflow-scrolling: touch;
31636 padding: 15px;
31638 @media (max-height: 670px) {
31639 .notification-area .content-area > .content {
31640 height: 400px;
31643 .notification-area .content-area > .content:empty {
31644 display: none;
31646 .notification-area .content-area > .content:empty + .empty-text {
31647 display: block;
31648 text-align: center;
31649 padding-top: 100px;
31651 .notification-area .content-area .empty-text {
31652 display: none;
31654 .notification-area .content-area .footer {
31655 height: 50px;
31656 box-sizing: border-box;
31657 text-align: center;
31659 .notification-area .content-area .footer a {
31660 line-height: 50px;
31662 .notification-area .content-area .footer:empty {
31663 display: none;
31666 @media (max-width: 979px) {
31667 .notification-area {
31668 position: relative;
31669 overflow: hidden;
31671 .notification-area .control-area {
31672 border-right: none;
31673 width: 100%;
31674 position: absolute;
31675 top: 0;
31676 left: 0;
31677 opacity: 1;
31678 visibility: visible;
31679 transition: left 0.25s;
31681 .notification-area .content-area {
31682 width: 100%;
31683 position: absolute;
31684 top: 0;
31685 right: -100%;
31686 opacity: 0;
31687 visibility: hidden;
31688 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
31690 .notification-area .content-area .toggle-mode {
31691 display: inline-block;
31692 float: left;
31693 width: 70px;
31694 height: 50px;
31695 line-height: 50px;
31696 box-sizing: border-box;
31697 border-right: 1px solid #e3e3e3;
31698 border-bottom: 1px solid #e3e3e3;
31700 .notification-area .content-area .header {
31701 display: inline-block;
31702 width: calc(100% - 70px);
31704 .notification-area.show-content-area .control-area {
31705 left: -100%;
31706 opacity: 0;
31707 visibility: hidden;
31708 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
31710 .notification-area.show-content-area .content-area {
31711 right: 0;
31712 opacity: 1;
31713 visibility: visible;
31714 transition: right 0.25s;
31717 .drawer .message-app {
31718 height: 100%;
31720 .drawer .message-app .icon-back-in-app {
31721 display: none;
31723 .drawer .message-app .icon-back-in-drawer {
31724 display: inherit;
31727 .message-app {
31728 display: flex;
31729 flex-direction: column;
31730 background-color: #eff1f3;
31732 .message-app .icon-back-in-drawer {
31733 display: none;
31735 .message-app.main {
31736 min-height: 400px;
31738 .message-app .header-container {
31739 flex-shrink: 0;
31741 .message-app .overflow-y {
31742 overflow-y: auto;
31744 @media (max-height: 320px) {
31745 .message-app .header-container [data-region=view-overview]:not(.hidden) {
31746 display: flex;
31747 align-items: center;
31749 .message-app .footer-container [data-region=view-overview] {
31750 display: none;
31752 .message-app .overflow-y {
31753 overflow-y: unset;
31756 .message-app .body-container {
31757 flex: 1;
31758 overflow: hidden;
31760 .message-app .body-container > * {
31761 position: absolute;
31762 right: 0;
31763 left: 0;
31764 top: 0;
31765 bottom: 0;
31766 overflow: auto;
31768 .message-app .footer-container {
31769 flex-shrink: 0;
31771 .message-app .footer-container textarea {
31772 direction: ltr;
31774 .message-app .contact-status {
31775 position: absolute;
31776 left: 39px;
31777 top: 34px;
31779 .message-app .contact-status.online .icon {
31780 color: #357a32;
31782 .message-app .message p {
31783 margin: 0;
31785 .message-app .clickable {
31786 cursor: pointer;
31788 .message-app .clickable:hover {
31789 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
31791 .message-app a,
31792 .message-app .btn-link {
31793 color: inherit;
31795 .message-app .btn-link:hover, .message-app .btn-link:focus {
31796 background-color: rgba(0, 0, 0, 0.035);
31797 text-decoration: none;
31799 .message-app .icon {
31800 margin-right: 0;
31802 .message-app .overview-section-toggle .collapsed-icon-container {
31803 display: none;
31805 .message-app .overview-section-toggle .expanded-icon-container {
31806 display: inline-block;
31808 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
31809 display: inline-block;
31811 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
31812 display: none;
31814 .message-app .btn.btn-link.btn-icon {
31815 height: 16px;
31816 width: 16px;
31817 padding: 0;
31818 border-radius: 50%;
31819 flex-shrink: 0;
31821 .message-app .btn.btn-link.btn-icon.icon-size-0 {
31822 height: 20px !important; /* stylelint-disable-line declaration-no-important */
31823 width: 20px !important; /* stylelint-disable-line declaration-no-important */
31825 .message-app .btn.btn-link.btn-icon.icon-size-1 {
31826 height: 24px !important; /* stylelint-disable-line declaration-no-important */
31827 width: 24px !important; /* stylelint-disable-line declaration-no-important */
31829 .message-app .btn.btn-link.btn-icon.icon-size-2 {
31830 height: 28px !important; /* stylelint-disable-line declaration-no-important */
31831 width: 28px !important; /* stylelint-disable-line declaration-no-important */
31833 .message-app .btn.btn-link.btn-icon.icon-size-3 {
31834 height: 36px !important; /* stylelint-disable-line declaration-no-important */
31835 width: 36px !important; /* stylelint-disable-line declaration-no-important */
31837 .message-app .btn.btn-link.btn-icon.icon-size-4 {
31838 height: 44px !important; /* stylelint-disable-line declaration-no-important */
31839 width: 44px !important; /* stylelint-disable-line declaration-no-important */
31841 .message-app .btn.btn-link.btn-icon.icon-size-5 {
31842 height: 52px !important; /* stylelint-disable-line declaration-no-important */
31843 width: 52px !important; /* stylelint-disable-line declaration-no-important */
31845 .message-app .btn.btn-link.btn-icon.icon-size-6 {
31846 height: 60px !important; /* stylelint-disable-line declaration-no-important */
31847 width: 60px !important; /* stylelint-disable-line declaration-no-important */
31849 .message-app .btn.btn-link.btn-icon.icon-size-7 {
31850 height: 68px !important; /* stylelint-disable-line declaration-no-important */
31851 width: 68px !important; /* stylelint-disable-line declaration-no-important */
31853 .message-app .view-overview-body .section {
31854 display: block;
31856 .message-app .view-overview-body .section.expanded {
31857 display: flex;
31859 .message-app .view-overview-body .section div[data-region=toggle] {
31860 padding: 0.1rem;
31862 .message-app .view-conversation .content-message-container img {
31863 max-width: 100%;
31865 .message-app .list-group {
31866 border-radius: 0;
31868 .message-app .list-group .list-group-item {
31869 border-left: 0;
31870 border-right: 0;
31872 .message-app .list-group .list-group-item:hover {
31873 color: #fff;
31874 background-color: #0f6cbf;
31876 .message-app .list-group .list-group-item:hover .badge-primary {
31877 background-color: #fff;
31878 color: #0f6cbf;
31880 .message-app .list-group .list-group-item:first-child {
31881 border-top: 0;
31883 .message-app .list-group .list-group-item:last-child {
31884 border-bottom: 0;
31886 .message-app .list-group .list-group-item.list-group-item-action {
31887 margin: 0.1rem;
31888 width: auto;
31889 text-align: inherit;
31891 .message-app .last-message {
31892 min-height: 1.5rem;
31894 .message-app .section .collapsing {
31895 overflow: hidden;
31897 .message-app .message.send {
31898 background-color: #dee2e6;
31899 color: #1d2125;
31901 .message-app .message.send .time {
31902 color: #1d2125;
31904 .message-app .message.send .tail {
31905 right: 0;
31906 margin-right: -0.5rem;
31907 border-bottom-color: #dee2e6;
31909 .message-app .message.received {
31910 background-color: #fff;
31911 color: #1d2125;
31913 .message-app .message.received .time {
31914 color: #616466;
31916 .message-app .message.received .tail {
31917 left: 0;
31918 margin-left: -0.5rem;
31919 border-bottom-color: #fff;
31921 .message-app .message .tail {
31922 content: "";
31923 bottom: 0;
31924 width: 0;
31925 height: 0;
31926 border: 0.5rem solid transparent;
31927 position: relative;
31929 .message-app .day {
31930 color: #1d2125;
31932 .message-app .lazy-load-list {
31933 overflow-y: auto;
31936 #page-message-index #page-header {
31937 display: none;
31939 #page-message-index #region-main {
31940 height: 100%;
31941 margin-top: 0;
31943 #page-message-index #region-main .conversationcontainer .section {
31944 max-height: calc(100vh - 50px);
31946 #page-message-index #region-main div[role=main] {
31947 height: 100%;
31949 #page-message-index #region-main div[role=main] #maincontent {
31950 margin-top: -1px;
31952 #page-message-index #region-main div[role=main] .message-app.main {
31953 height: 100%;
31956 .dir-rtl .message-drawer {
31957 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
31960 .message-app .emoji-picker-container {
31961 position: absolute;
31962 top: -5px;
31963 right: 5px;
31964 transform: translateY(-100%);
31966 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
31967 height: 40px;
31968 width: 40px;
31970 @media (max-width: 575.98px) {
31971 .message-app .emoji-picker-container {
31972 right: -0.5rem;
31975 @media (max-height: 495px) {
31976 .message-app .emoji-picker-container {
31977 position: fixed;
31978 top: 0;
31979 transform: none;
31982 .message-app .emoji-auto-complete-container {
31983 overflow: auto;
31984 max-height: 90px;
31985 transition: max-height 0.15s ease-in-out;
31986 visibility: visible;
31988 .message-app .emoji-auto-complete-container.hidden {
31989 display: block;
31990 max-height: 0;
31991 visibility: hidden;
31992 overflow: hidden;
31993 transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
31996 /* Question */
31997 .questionbank h2 {
31998 margin-top: 0;
32001 .questioncategories h3 {
32002 margin-top: 0;
32005 #chooseqtypebox {
32006 margin-top: 1em;
32009 #chooseqtype h3 {
32010 margin: 0 0 0.3em;
32013 #chooseqtype .instruction {
32014 display: none;
32017 #chooseqtype .fakeqtypes {
32018 border-top: 1px solid silver;
32021 #chooseqtype .qtypeoption {
32022 margin-bottom: 0.5em;
32025 #chooseqtype label {
32026 display: block;
32029 #chooseqtype .qtypename img {
32030 padding: 0 0.3em;
32033 #chooseqtype .qtypename {
32034 display: inline-table;
32035 width: 16em;
32038 #chooseqtype .qtypesummary {
32039 display: block;
32040 margin: 0 2em;
32043 #chooseqtype .submitbuttons {
32044 margin: 0.7em 0;
32045 text-align: center;
32048 #qtypechoicecontainer {
32049 display: none;
32052 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
32053 background: none;
32056 #qtypechoicecontainer.yui-panel .hd {
32057 color: #333;
32058 letter-spacing: 1px;
32059 text-shadow: 1px 1px 1px #fff;
32060 border-top-left-radius: 10px;
32061 border-top-right-radius: 10px;
32062 border: 1px solid #ccc;
32063 border-bottom: 1px solid #bbb;
32064 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
32065 background-repeat: repeat-x;
32068 #qtypechoicecontainer {
32069 font-size: 12px;
32070 color: #333;
32071 background: #f2f2f2;
32072 border-radius: 10px;
32073 border: 1px solid #ccc;
32074 border-top: 0 none;
32077 #qtypechoicecontainer #chooseqtype {
32078 width: 40em;
32081 #chooseqtypehead h3 {
32082 margin: 0;
32083 font-weight: normal;
32086 #chooseqtype .qtypes {
32087 position: relative;
32088 border-bottom: 1px solid #bbb;
32089 padding: 0.24em 0;
32092 #chooseqtype .alloptions {
32093 overflow-x: hidden;
32094 overflow-y: auto;
32095 max-height: calc(100vh - 15em);
32096 width: 60%;
32099 #chooseqtype .qtypeoption {
32100 margin-bottom: 0;
32101 padding: 0.3em 0.3em 0.3em 1.6em;
32104 #chooseqtype .qtypeoption img {
32105 vertical-align: text-bottom;
32106 padding-left: 1em;
32107 padding-right: 0.5em;
32110 #chooseqtype .selected {
32111 background-color: #fff;
32114 #chooseqtype .instruction,
32115 #chooseqtype .qtypesummary {
32116 display: none;
32117 position: absolute;
32118 top: 0;
32119 right: 0;
32120 bottom: 0;
32121 left: 60%;
32122 margin: 0;
32123 overflow-x: hidden;
32124 overflow-y: auto;
32125 padding: 1.5em 1.6em;
32126 background-color: #fff;
32129 #chooseqtype .instruction,
32130 #chooseqtype .selected .qtypesummary {
32131 display: block;
32134 table.question-bank-table {
32135 margin: 0;
32136 background-color: #fff;
32137 table-layout: fixed;
32138 overflow-x: scroll;
32139 width: min-content;
32140 max-width: 100%;
32142 table.question-bank-table th {
32143 text-align: left;
32145 table.question-bank-table > tbody > tr.r1 {
32146 background-color: rgba(0, 0, 0, 0.03);
32148 table.question-bank-table > tbody > tr.highlight {
32149 border: 1px solid #008196;
32151 table.question-bank-table .checkbox input[type=checkbox] {
32152 margin-left: 0;
32153 float: none;
32155 table.question-bank-table .iconcol {
32156 padding: 3px;
32157 box-sizing: content-box;
32159 table.question-bank-table .iconcol .icon {
32160 margin: 0;
32161 width: 12px;
32162 height: 12px;
32164 table.question-bank-table label {
32165 margin: 0;
32166 display: block;
32168 table.question-bank-table .header {
32169 text-align: left;
32171 table.question-bank-table .header.sortable-list-current-position {
32172 background-color: #a2cff8;
32174 table.question-bank-table .header.sortable-list-is-dragged {
32175 background-color: #fff;
32176 opacity: 0.85;
32178 table.question-bank-table .header .header-text > div {
32179 display: inline-block;
32181 table.question-bank-table .header .dropdown-toggle::after {
32182 margin-left: 0;
32184 table.question-bank-table .header.checkbox .form-check {
32185 padding-left: 0;
32188 #page-mod-quiz-edit div.questionbankwindow div.header {
32189 margin: 0;
32191 #page-mod-quiz-edit div.questionbankwindow.block {
32192 padding: 0;
32195 .questionbank .singleselect {
32196 margin: 0;
32199 /* Question editing form */
32200 #combinedfeedbackhdr div.fhtmleditor {
32201 padding: 0;
32204 #combinedfeedbackhdr div.fcheckbox {
32205 margin-bottom: 1em;
32208 #multitriesheader div.fitem_feditor {
32209 margin-top: 1em;
32212 #multitriesheader div.fitem_fgroup {
32213 margin-bottom: 1em;
32216 #multitriesheader div.fitem_fgroup fieldset.felement label {
32217 margin-left: 0.3em;
32218 margin-right: 0.3em;
32221 body.path-question-type {
32222 /* Hacks to display the labels within a form group. */
32224 body.path-question-type .fitem .col-form-label.sr-only:not(legend):not([for=id_category]) {
32225 position: static;
32226 width: auto;
32227 height: auto;
32228 padding: 0;
32229 margin: 0 0.5rem 0 0;
32230 overflow: visible;
32231 clip: auto;
32232 clip-path: none;
32233 border: 0;
32236 .que {
32237 clear: left;
32238 text-align: left;
32239 margin: 0 auto 1.8em auto;
32242 .que .info {
32243 float: left;
32244 width: 7em;
32245 padding: 0.5em;
32246 margin-bottom: 1.8em;
32247 background-color: #f8f9fa;
32248 border: 1px solid #cad0d7;
32249 border-radius: 2px;
32252 .que h3.no {
32253 margin: 0;
32254 font-size: 0.8em;
32255 line-height: 1;
32258 .que span.qno {
32259 font-size: 1.5em;
32260 font-weight: bold;
32261 word-break: break-word;
32264 .que .info > div {
32265 font-size: 0.8em;
32266 margin-top: 0.7em;
32269 .que .info .questionflag.editable {
32270 cursor: pointer;
32273 .que .info .editquestion img,
32274 .que .info .questionflag img,
32275 .que .info .questionflag input {
32276 vertical-align: bottom;
32279 .que .content {
32280 margin: 0 0 0 8.5em;
32283 .que .formulation,
32284 .que .outcome,
32285 .que .comment {
32286 position: relative;
32287 padding: 0.75rem 1.25rem;
32288 margin-bottom: 1rem;
32289 border: 0 solid transparent;
32290 border-radius: 0.5rem;
32293 .que .outcome,
32294 .que .comment {
32295 color: #8e662e;
32296 background-color: #fcefdc;
32297 border-color: #fbe8cd;
32298 /* stylelint-disable-line max-line-length */
32300 .que .outcome hr,
32301 .que .comment hr {
32302 border-top-color: #f9ddb5;
32304 .que .outcome .alert-link,
32305 .que .comment .alert-link {
32306 color: #674a22;
32308 .que .outcome a,
32309 .que .comment a {
32310 color: #041c31;
32313 .que .formulation {
32314 color: #001a1e;
32315 background-color: #e7f3f5;
32316 border-color: #b8dce2;
32317 /* stylelint-disable-line max-line-length */
32319 .que .formulation hr {
32320 border-top-color: #a6d3db;
32322 .que .formulation .alert-link {
32323 color: black;
32326 .que.multichoice .answer div.r0 .icon.fa-check,
32327 .que.multichoice .answer div.r1 .icon.fa-check,
32328 .que.multichoice .answer div.r0 .icon.fa-remove,
32329 .que.multichoice .answer div.r1 .icon.fa-remove {
32330 text-indent: 0;
32333 .formulation input[type=text],
32334 .formulation select {
32335 width: auto;
32336 vertical-align: baseline;
32339 .que.multianswer .formulation .yui3-widget-positioned {
32340 box-sizing: content-box;
32342 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
32343 width: inherit;
32344 max-width: inherit;
32347 .que input[size],
32348 .que textarea[cols] {
32349 width: auto;
32350 max-width: 100%;
32353 .que .comment {
32354 color: #1c3f1a;
32355 background-color: #d7e4d6;
32356 border-color: #c6dac6;
32357 /* stylelint-disable-line max-line-length */
32359 .que .comment hr {
32360 border-top-color: #b7d0b7;
32362 .que .comment .alert-link {
32363 color: #0c1b0b;
32366 .que .ablock {
32367 margin: 0.7em 0 0.3em 0;
32370 .que .im-controls {
32371 margin-top: 0.5em;
32372 text-align: left;
32375 .que .specificfeedback,
32376 .que .generalfeedback,
32377 .que .numpartscorrect .que .rightanswer,
32378 .que .im-feedback,
32379 .que .feedback,
32380 .que p {
32381 margin: 0 0 0.5em;
32384 .que .correctness.correct {
32385 color: #fff;
32386 background-color: #357a32;
32388 a.que .correctness.correct:hover, a.que .correctness.correct:focus {
32389 color: #fff;
32390 background-color: #255623;
32392 a.que .correctness.correct:focus, a.que .correctness.correct.focus {
32393 outline: 0;
32394 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
32397 .que .correctness.partiallycorrect {
32398 color: #1d2125;
32399 background-color: #f0ad4e;
32401 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
32402 color: #1d2125;
32403 background-color: #ec971f;
32405 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
32406 outline: 0;
32407 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
32410 .que .correctness.notanswered, .que .correctness.incorrect {
32411 color: #fff;
32412 background-color: #ca3120;
32414 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
32415 color: #fff;
32416 background-color: #9e2619;
32418 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
32419 outline: 0;
32420 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
32423 .que .qtext {
32424 margin-bottom: 1.5em;
32427 .que .validationerror {
32428 color: #ca3120;
32431 .que .grading,
32432 .que .comment,
32433 .que .commentlink,
32434 .que .history {
32435 margin-top: 0.5em;
32438 .que .history h3 {
32439 margin: 0 0 0.2em;
32440 font-size: 1em;
32443 .que .history table {
32444 width: 100%;
32445 margin: 0;
32448 .que .history .current {
32449 font-weight: bold;
32452 .que .questioncorrectnessicon {
32453 vertical-align: text-bottom;
32456 body.jsenabled .questionflag input[type=checkbox] {
32457 display: none;
32460 .que .questionflagimage {
32461 padding-right: 3px;
32462 height: 16px;
32463 width: 16px;
32466 .importerror {
32467 margin-top: 10px;
32468 border-bottom: 1px solid #555;
32471 .mform .que.comment .fitemtitle {
32472 width: 20%;
32475 #page-question-preview #techinfo {
32476 margin: 1em 0;
32479 #page-question-preview .collapsibleregion .collapsibleregioncaption,
32480 #page-question-preview .collapsibleregion .collapsibleregionextracontent {
32481 display: inline-block;
32484 #page-mod-quiz-edit ul.slots .activityinstance > a {
32485 display: flex;
32486 max-width: 100%;
32487 align-items: center;
32488 text-indent: 0;
32489 padding-left: 0;
32491 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32492 margin-left: 0;
32493 width: 16px;
32494 height: 16px;
32495 padding-right: 4px;
32498 #page-mod-quiz-edit .activity img.activityicon {
32499 vertical-align: text-top;
32502 #page-mod-quiz-edit .box.generalbox.questionbank {
32503 padding: 0.5em;
32506 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
32507 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
32508 #page-mod-quiz-edit .questionbank .choosecategory {
32509 padding: 0;
32512 #page-mod-quiz-edit .questionbank .choosecategory select {
32513 width: 100%;
32516 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
32517 background: transparent;
32520 #page-mod-quiz-edit .questionbankwindow div.header {
32521 color: #444;
32522 text-shadow: none;
32523 border-top-left-radius: 4px;
32524 border-top-right-radius: 4px;
32525 margin: 0 -10px 0 -10px;
32526 padding: 2px 10px 2px 10px;
32527 background: transparent; /* Old browsers */
32530 #page-mod-quiz-edit .questionbankwindow div.header a:link,
32531 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
32532 color: #0f6cbf;
32535 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
32536 color: #094478;
32539 #page-mod-quiz-edit .createnewquestion {
32540 padding: 0.3em 0;
32542 #page-mod-quiz-edit .createnewquestion div,
32543 #page-mod-quiz-edit .createnewquestion input {
32544 margin: 0;
32547 #page-mod-quiz-edit .questionbankwindow div.header .title {
32548 color: #1d2125;
32551 #page-mod-quiz-edit div.container div.generalbox {
32552 background-color: transparent;
32553 padding: 1.5em;
32556 #page-mod-quiz-edit .categoryinfo {
32557 background-color: transparent;
32558 border-bottom: none;
32561 #page-mod-quiz-edit .createnewquestion .singlebutton input {
32562 margin-bottom: 0;
32565 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
32566 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
32567 padding: 0 0 1.5em 0;
32570 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
32571 background-color: transparent;
32572 margin: 0;
32573 border-top: 0;
32574 border-bottom: 0;
32576 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
32577 padding: 0 0.3em;
32580 #page-mod-quiz-edit div.question div.content div.questioncontrols {
32581 background-color: #fff;
32584 #page-mod-quiz-edit div.question div.content div.points {
32585 margin-top: -0.5em;
32586 padding-bottom: 0;
32587 border: none;
32588 background-color: #fff;
32589 position: static;
32590 width: 12.1em;
32591 float: right;
32592 margin-right: 60px;
32595 #page-mod-quiz-edit div.question div.content div.points br {
32596 display: none;
32599 #page-mod-quiz-edit div.question div.content div.points label {
32600 display: inline-block;
32603 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
32604 background-color: #fff;
32607 #page-mod-quiz-edit .quizpagedelete,
32608 #page-mod-quiz-edit .quizpagedelete img {
32609 background-color: transparent;
32612 #page-mod-quiz-edit div.quizpage .pagecontent {
32613 border: 1px solid #ddd;
32614 border-radius: 2px;
32615 overflow: hidden;
32618 #page-mod-quiz-edit div.questionbank .categoryinfo {
32619 padding: 0.3em 0;
32622 .questionbankwindow .module {
32623 width: auto;
32626 .questionbankwindow .form-autocomplete-selection {
32627 margin-left: 0;
32630 #page-mod-quiz-edit div.editq div.question div.content {
32631 background-color: #fff;
32632 border: 1px solid #ddd;
32633 border-radius: 2px;
32634 overflow: hidden;
32637 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
32638 margin-top: 0;
32639 padding-right: 4px;
32642 .path-mod-quiz .statedetails {
32643 display: block;
32644 font-size: 0.9em;
32647 a#hidebankcmd {
32648 color: #0f6cbf;
32651 .que.shortanswer .answer {
32652 padding: 0;
32655 .que label {
32656 display: inline;
32659 .que .content .answer div[data-region=answer-label] .mediaplugin {
32660 width: 400px;
32663 body.path-question-type .mform fieldset.hidden {
32664 padding: 0;
32665 margin: 0.7em 0 0;
32668 .que.ddwtos,
32669 .que.ddwtos .drop {
32670 box-sizing: content-box;
32673 .tag-condition-container {
32674 position: relative;
32677 @media (max-width: 767.98px) {
32678 .que .info {
32679 float: none;
32680 width: auto;
32682 .que .content {
32683 margin: 0;
32686 /* user.less */
32687 .userprofile .fullprofilelink {
32688 text-align: center;
32689 margin: 10px;
32692 .userprofile .page-context-header {
32693 margin-bottom: 10px;
32694 column-count: 1;
32697 .userprofile .description {
32698 margin-top: 10px;
32699 margin-bottom: 30px;
32702 .userprofile .profile_tree {
32703 column-count: 2;
32706 #participantsform .no-overflow {
32707 overflow: visible;
32710 .userprofile dl.list > dd + dt {
32711 clear: left;
32714 .user-box {
32715 margin: 8px;
32716 width: 115px;
32717 height: 160px;
32718 text-align: center;
32719 float: left;
32720 clear: none;
32723 #page-user-profile .node_category ul,
32724 .path-user .node_category ul {
32725 margin: 0;
32726 list-style: none;
32727 padding-left: 0;
32729 #page-user-profile .node_category li,
32730 .path-user .node_category li {
32731 margin-top: 5px;
32733 #page-user-profile .node_category .editprofile,
32734 #page-user-profile .node_category .viewmore,
32735 .path-user .node_category .editprofile,
32736 .path-user .node_category .viewmore {
32737 text-align: right;
32740 .ajax-contact-button {
32741 box-sizing: border-box;
32742 position: relative;
32744 .ajax-contact-button.loading .loading-icon {
32745 display: block;
32747 .ajax-contact-button .loading-icon {
32748 display: none;
32749 position: absolute;
32750 top: 0;
32751 left: 0;
32752 width: 100%;
32753 height: 100%;
32754 background-color: rgba(255, 255, 255, 0.7);
32756 .ajax-contact-button .loading-icon .icon {
32757 position: absolute;
32758 left: 50%;
32759 top: 50%;
32760 transform: translate(-50%, -50%);
32763 @media (max-width: 480px) {
32764 .userprofile .profile_tree {
32765 /** Display the profile on one column on phones@mixin */
32766 column-count: 1;
32769 .userlist #showall {
32770 margin: 10px 0;
32773 .userlist .buttons {
32774 text-align: center;
32777 .userlist .buttons label {
32778 padding: 0 3px;
32781 .userlist table#participants {
32782 text-align: center;
32785 .userlist table#participants td {
32786 text-align: left;
32787 padding: 4px;
32788 vertical-align: middle;
32791 .userlist table#participants th {
32792 text-align: left;
32793 padding: 4px;
32796 .userlist table.controls {
32797 width: 100%;
32799 .userlist table.controls tr {
32800 vertical-align: top;
32802 .userlist table.controls .right {
32803 text-align: right;
32805 .userlist table.controls .groupselector {
32806 margin-bottom: 0;
32807 margin-top: 0;
32809 .userlist table.controls .groupselector label {
32810 display: block;
32813 .userinfobox {
32814 width: 100%;
32815 border: 1px solid;
32816 border-collapse: separate;
32817 padding: 10px;
32820 .userinfobox .left,
32821 .userinfobox .side {
32822 width: 100px;
32823 vertical-align: top;
32826 .userinfobox .userpicture {
32827 width: 100px;
32828 height: 100px;
32831 .userinfobox .content {
32832 vertical-align: top;
32835 .userinfobox .links {
32836 width: 100px;
32837 padding: 5px;
32838 vertical-align: bottom;
32841 .userinfobox .links a {
32842 display: block;
32845 .userinfobox .list td {
32846 padding: 3px;
32849 .userinfobox .username {
32850 padding-bottom: 20px;
32851 font-weight: bold;
32854 .userinfobox td.label {
32855 text-align: right;
32856 white-space: nowrap;
32857 vertical-align: top;
32858 font-weight: bold;
32861 .group-edit {
32862 position: absolute;
32863 right: 0;
32864 margin-right: 0.6em;
32867 .group-image {
32868 display: block;
32869 float: left;
32870 margin-right: 1em;
32872 .group-image .grouppicture {
32873 border-radius: 50%;
32876 .groupinfobox .left {
32877 padding: 10px;
32878 width: 100px;
32879 vertical-align: top;
32882 .course-participation #showall {
32883 text-align: center;
32884 margin: 10px 0;
32887 #user-policy .noticebox {
32888 text-align: center;
32889 margin-left: auto;
32890 margin-right: auto;
32891 margin-bottom: 10px;
32892 width: 80%;
32893 height: 250px;
32896 #user-policy #policyframe {
32897 width: 100%;
32898 height: 100%;
32901 .iplookup #map {
32902 margin: auto;
32905 .userselector select {
32906 width: 100%;
32909 .userselector div {
32910 margin-top: 0.2em;
32913 .userselector div label {
32914 margin-right: 0.3em;
32917 /* Next style does not work in all browsers but looks nicer when it does */
32918 .userselector .userselector-infobelow {
32919 font-size: 0.8em;
32922 #userselector_options .collapsibleregioncaption {
32923 font-weight: bold;
32925 #userselector_options .collapsibleregioncaption img {
32926 width: 16px;
32927 height: 16px;
32930 #userselector_options p {
32931 margin: 0.2em 0;
32932 text-align: left;
32935 /** user full profile */
32936 #page-user-profile .messagebox {
32937 text-align: center;
32938 margin-left: auto;
32939 margin-right: auto;
32942 /** user course profile */
32943 #page-course-view-weeks .messagebox {
32944 text-align: center;
32945 margin-left: auto;
32946 margin-right: auto;
32949 .profileeditor > .singleselect {
32950 margin: 0 0.5em 0 0;
32952 .profileeditor > .singlebutton {
32953 display: inline-block;
32954 margin: 0 0 0 0.5em;
32956 .profileeditor > .singlebutton div,
32957 .profileeditor > .singlebutton input {
32958 margin: 0;
32961 .userlist h3 .action-icon {
32962 display: none;
32965 #page-enrol-users .popover {
32966 max-width: none;
32969 .user-enroller-panel {
32970 width: 600px;
32973 [data-filterverbfor],
32974 [data-filterregion=filter]:last-child [data-filterregion=joinadverb] {
32975 display: none;
32978 [data-filterverb="0"] [data-filterverbfor="0"],
32979 [data-filterverb="1"] [data-filterverbfor="1"],
32980 [data-filterverb="2"] [data-filterverbfor="2"] {
32981 display: block;
32984 #page-user-contactsitesupport .supporticon i {
32985 font-size: 35px;
32988 .search-results .result {
32989 margin-left: 0;
32990 margin-right: 0;
32993 .search-results .result .result-content {
32994 margin: 7px 0;
32997 .search-results .result .filename {
32998 font-style: italic;
33001 .simplesearchform .input-group input.form-control {
33002 border-top-left-radius: 0.5rem;
33003 border-bottom-left-radius: 0.5rem;
33005 .simplesearchform .btn {
33006 padding-left: 0.5rem;
33007 padding-right: 0.5rem;
33009 .simplesearchform .btn .icon {
33010 margin: 0;
33012 .simplesearchform .btn-submit {
33013 border-color: #8f959e;
33014 color: #6a737b;
33016 .simplesearchform .btn-close,
33017 .simplesearchform .btn-clear {
33018 position: absolute;
33019 top: 0;
33020 right: 0;
33021 color: #6a737b;
33022 z-index: 4;
33024 .simplesearchform .btn-close {
33025 right: 2.2rem;
33026 opacity: inherit;
33027 font-size: inherit;
33028 line-height: inherit;
33030 .simplesearchform .btn-submit {
33031 background-color: #f8f9fa;
33033 .simplesearchform .withclear {
33034 padding-right: 2rem;
33036 .simplesearchform .searchinput {
33037 display: flex;
33038 flex: 1 1 auto;
33040 .simplesearchform .collapsing {
33041 height: inherit;
33042 transition: none;
33043 width: inherit;
33046 .simplesearchform .collapse.show,
33047 .simplesearchform .collapsing {
33048 position: absolute;
33049 left: 0;
33050 top: 0;
33051 width: 100%;
33052 display: flex;
33053 background-color: #fff;
33054 z-index: 1060;
33055 height: 60px;
33057 .simplesearchform .collapse.show .searchform-navbar,
33058 .simplesearchform .collapsing .searchform-navbar {
33059 width: auto;
33060 margin-left: auto;
33061 margin-right: auto;
33064 .search-areas-actions {
33065 margin-bottom: 1rem;
33068 .search-areas-actions > div {
33069 margin-right: 1rem;
33070 display: inline-block;
33073 #core-search-areas .lastcol li {
33074 margin-left: 24px;
33075 text-indent: -24px;
33078 #core-search-areas .lastcol li > i {
33079 text-indent: 0;
33083 * Moodle forms HTML isn't changeable via renderers (yet?) so this
33084 * .less file imports styles from the bootstrap $variables file and
33085 * adds them to the existing Moodle form CSS ids and classes.
33088 .jsenabled .mform .containsadvancedelements .advanced {
33089 display: none;
33092 .mform .containsadvancedelements .advanced.show {
33093 display: flex;
33096 #adminsettings span.error {
33097 display: inline-block;
33098 border: 1px solid #f0c5c1;
33099 border-radius: 4px;
33100 background-color: #f4d6d2;
33101 padding: 4px;
33102 margin-bottom: 4px;
33105 .mform .d-flex .fitem {
33106 margin: 0.1rem 0.25rem 0.1rem 0 !important; /* stylelint-disable-line declaration-no-important */
33108 .mform .d-flex br + label {
33109 justify-content: flex-start;
33110 width: 100%;
33111 margin-right: 0;
33114 .d-flex > .form-control {
33115 width: auto;
33116 max-width: 100%;
33118 .d-flex > textarea.form-control {
33119 width: 100%;
33122 .custom-select {
33123 width: auto;
33124 max-width: 100%;
33127 #jump-to-activity.custom-select {
33128 width: 100%;
33131 .mform fieldset {
33132 margin-bottom: 0.5rem;
33133 border-bottom: 1px solid #dee2e6;
33136 #adminsettings .form-control[size] {
33137 width: auto;
33140 #adminsettings .error {
33141 color: #ca3120;
33144 .mform ul.file-list {
33145 padding: 0;
33146 margin: 0;
33147 list-style: none;
33150 .mform label .req,
33151 .mform label .adv {
33152 cursor: help;
33155 /*rtl:ignore*/
33156 input#id_externalurl {
33157 direction: ltr;
33160 #portfolio-add-button {
33161 display: inline;
33164 .form-defaultinfo,
33165 .form-label .form-shortname {
33166 color: #6a737b;
33169 .form-label .form-shortname {
33170 font-size: 0.703125rem;
33171 display: block;
33174 .formsettingheading .form-horizontal {
33175 color: #6a737b;
33178 .no-felement.fstatic {
33179 color: #6a737b;
33180 padding-top: 5px;
33183 .no-fitem .fstaticlabel {
33184 font-weight: bold;
33187 .form-item .form-setting .defaultsnext > input {
33188 display: inline-block;
33191 .form-item .form-setting .form-checkbox.defaultsnext {
33192 margin-top: 5px;
33193 display: inline-block;
33196 #adminsettings h3 {
33197 display: block;
33198 width: 100%;
33199 padding: 0;
33200 margin-bottom: 1.5;
33201 font-size: 1.171875rem;
33202 line-height: 3;
33203 border: 0;
33204 border-bottom: 1px solid #e5e5e5;
33207 /* rtl:ignore */
33208 .mform .fitem .felement input[name=email],
33209 .mform .fitem .felement input[name=email2],
33210 .mform .fitem .felement input[name=url],
33211 .mform .fitem .felement input[name=idnumber],
33212 .mform .fitem .felement input[name=phone1],
33213 .mform .fitem .felement input[name=phone2] {
33214 text-align: left;
33215 direction: ltr;
33218 .que.match .mediaplugin {
33219 width: 50vw;
33222 /* rtl:ignore */
33223 #page-admin-grade-edit-scale-edit .error input#id_name {
33224 margin-right: 170px;
33227 #page-grade-edit-outcome-course .courseoutcomes {
33228 margin-left: auto;
33229 margin-right: auto;
33230 width: 100%;
33233 #page-grade-edit-outcome-course .courseoutcomes td {
33234 text-align: center;
33237 /* Install Process' text fields Forms, should always be justified to the left */
33238 /* rtl:ignore */
33239 #installform #id_wwwroot,
33240 #installform #id_dirroot,
33241 #installform #id_dataroot,
33242 #installform #id_dbhost,
33243 #installform #id_dbname,
33244 #installform #id_dbuser,
33245 #installform #id_dbpass,
33246 #installform #id_prefix {
33247 direction: ltr;
33250 .mdl-right > label {
33251 display: inline-block;
33254 .singleselect {
33255 max-width: 100%;
33258 .form-item .form-label label {
33259 margin-bottom: 0;
33262 div#dateselector-calendar-panel {
33263 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
33267 * Show the labels above text editors and file managers except on wide screens.
33269 /* Section and module editing forms contain special JS components for the
33270 availability system (if enabled). */
33271 #id_availabilityconditionsjson[aria-hidden=true],
33272 .availability-field [aria-hidden=true] {
33273 display: none;
33276 .availability-field img {
33277 width: 16px;
33278 height: 16px;
33281 .availability-eye {
33282 clear: left;
33283 float: left;
33286 .availability-inner,
33287 .availability-plugincontrols {
33288 float: left;
33289 border-radius: 0.5rem;
33290 border: 1px solid rgba(0, 0, 0, 0.125);
33291 padding: 1rem;
33292 margin-top: 0.5rem;
33295 .availability-plugincontrols,
33296 .availability-childlist .availability-inner {
33297 margin-left: 0.625rem;
33300 .availability-field .availability-plugincontrols .availability-group select {
33301 max-width: 12rem;
33304 /* Custom styles for autocomplete form element */
33305 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
33306 [data-fieldtype=autocomplete] select,
33307 [data-fieldtype=tags] select,
33308 .form-autocomplete-original-select {
33309 visibility: hidden;
33310 overflow: hidden;
33311 width: 15rem;
33312 height: 44px;
33313 margin: 0;
33314 padding: 0;
33315 border: 0;
33316 margin-top: 1.65625rem;
33317 vertical-align: bottom;
33320 .form-autocomplete-selection {
33321 margin: 0.25rem 0;
33322 min-height: 2.375rem;
33325 .form-autocomplete-selection [role=option] {
33326 cursor: pointer;
33327 white-space: inherit;
33328 word-break: break-word;
33329 line-height: 1.4;
33330 text-align: left;
33333 .form-autocomplete-suggestions {
33334 position: absolute;
33335 background-color: #fff;
33336 border: 1px solid #8f959e;
33337 min-width: 206px;
33338 max-height: 20em;
33339 overflow: auto;
33340 margin: 0.125rem 0 0;
33341 padding: 0.5rem 0;
33342 z-index: 3;
33345 .form-autocomplete-suggestions li {
33346 list-style-type: none;
33347 padding: 0.25rem 1.5rem;
33348 margin: 0;
33349 cursor: pointer;
33350 color: #1d2125;
33351 word-break: normal;
33352 overflow-wrap: anywhere;
33353 white-space: normal;
33355 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected=true] {
33356 background-color: #0f6cbf;
33357 color: #fff;
33359 .form-autocomplete-suggestions li[aria-disabled=true] {
33360 pointer-events: none;
33361 color: #6a737b;
33362 background-color: #e9ecef;
33364 .form-autocomplete-suggestions li.suggestions-heading {
33365 pointer-events: none;
33366 font-weight: bold;
33367 color: #1d2125;
33368 background-color: #fff;
33369 padding-left: calc(1.5rem / 2);
33371 .form-autocomplete-suggestions li::before {
33372 content: "​";
33375 .form-autocomplete-downarrow {
33376 color: #1d2125;
33377 top: 0.2rem;
33378 right: 0.5rem;
33379 cursor: pointer;
33381 .form-autocomplete-downarrow .loading-icon {
33382 position: absolute;
33383 top: 0;
33384 left: 0;
33385 background-color: #fff;
33388 /** Undo some bootstrap things */
33389 .form-autocomplete-selection + input.form-control {
33390 width: auto;
33391 display: inline-block;
33392 vertical-align: middle;
33395 .form-autocomplete-selection [data-active-selection=true] {
33396 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
33399 select.form-control[size], select.form-control[multiple] {
33400 padding-right: 0;
33402 select.form-control[size] option, select.form-control[multiple] option {
33403 width: fit-content;
33406 /* Non-bootstrap selects with a size show their contents outside of the element.
33407 * Remove when we update to stable bootstrap 4. (MDL-56511) */
33408 select[size],
33409 select[multiple] {
33410 overflow: auto;
33413 select[size="1"] {
33414 overflow: visible;
33417 textarea[data-auto-rows] {
33418 overflow-x: hidden;
33419 resize: none;
33422 /** Display elements under labels in vertical forms regardless of the screen size. */
33423 .mform.full-width-labels .fitem.row {
33424 margin-left: 0;
33425 margin-right: 0;
33427 .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
33428 flex: 0 0 100%;
33429 max-width: 100%;
33430 width: inherit;
33431 padding-right: 0;
33432 padding-left: 0;
33434 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
33435 display: none;
33437 .mform.full-width-labels .fitem.row .form-control {
33438 width: 100%;
33441 .mform .col-form-label .form-label-addon {
33442 margin-left: 0.25rem;
33445 @media (min-width: 576px) {
33446 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
33447 margin-left: auto;
33450 [data-fieldtype=modgrade] .fitem {
33451 padding-bottom: 0.375rem;
33454 [data-fieldtype=modgrade] {
33455 background-color: #fff;
33456 border-radius: 0.5rem;
33457 border: 1px solid rgba(0, 0, 0, 0.125);
33458 padding: 1.25rem;
33459 margin-left: 15px;
33460 max-width: 30rem;
33463 [data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
33464 [data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
33465 [data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
33466 display: none;
33469 .felement[data-fieldtype=autocomplete],
33470 .felement[data-fieldtype=tags] {
33471 display: block !important; /* stylelint-disable-line declaration-no-important */
33474 [data-fieldtype=editor] > div {
33475 flex-grow: 1;
33478 @media (min-width: 768px) {
33479 .mform fieldset .fcontainer.collapseable .col-form-label {
33480 padding-left: 2.5rem;
33483 .collapsemenu .collapseall {
33484 display: block;
33486 .collapsemenu .expandall {
33487 display: none;
33489 .collapsemenu.collapsed .collapseall {
33490 display: none;
33492 .collapsemenu.collapsed .expandall {
33493 display: block;
33496 .input-group.form-inset .form-inset-item {
33497 position: absolute;
33498 padding-top: calc(0.375rem + 1px);
33499 z-index: 3;
33501 .input-group.form-inset.form-inset-left .form-control {
33502 padding-left: 1.5rem;
33504 .input-group.form-inset.form-inset-right .form-control {
33505 padding-right: 1.5rem;
33507 .input-group.form-inset.form-inset-right .form-inset-item {
33508 right: 0;
33511 .form-check.left-indented {
33512 padding-left: 0;
33515 .toggle-sensitive-btn .icon {
33516 margin-right: 0;
33519 @media (min-width: 576px) {
33520 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control:not(:last-child) {
33521 border-radius: 0.5rem;
33523 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .form-control-lg:not(:last-child) {
33524 border-radius: 0.6rem;
33526 .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation) > .input-group-append .toggle-sensitive-btn {
33527 display: none;
33530 .pagelayout-login #region-main {
33531 border: 0;
33532 background-color: inherit;
33535 .pagelayout-login #page {
33536 background: #f8f9fa;
33537 background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
33538 background-repeat: repeat-x;
33540 .pagelayout-login #page div[role=main] {
33541 height: 100%;
33544 .login-wrapper {
33545 display: flex;
33546 align-items: center;
33547 justify-content: center;
33548 height: 100%;
33551 .login-container {
33552 background-color: #fff;
33553 padding: 3rem;
33554 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
33555 margin-bottom: 2rem;
33557 .login-container .login-languagemenu {
33558 display: flex;
33559 justify-content: flex-start;
33561 .login-container .login-languagemenu .dropdown-menu {
33562 max-height: 300px;
33563 overflow-y: auto;
33565 .login-container .login-logo {
33566 display: flex;
33567 justify-content: center;
33568 margin-bottom: 1rem;
33570 .login-container .login-divider {
33571 margin-top: 1.5rem;
33572 margin-bottom: 1.5rem;
33573 border-top: 1px solid #dee2e6;
33575 .login-container h1.login-heading {
33576 font-size: 1.875rem;
33578 .login-container h2.login-heading {
33579 font-size: 1.40625rem;
33581 .login-container .login-identityproviders .login-identityprovider-btn {
33582 border: 1px solid #dee2e6;
33584 .login-container .divider {
33585 width: 1px;
33586 background-color: #dee2e6;
33587 height: 1.875rem;
33589 .login-container .action-menu-trigger a {
33590 margin: 0.5rem 0;
33593 @media (min-width: 768px) {
33594 .login-container {
33595 width: 500px !important; /* stylelint-disable-line declaration-no-important */
33596 border-radius: 0.5rem;
33599 /* modules.less */
33600 select {
33601 width: auto;
33604 .path-mod .activity-header:not(:empty) {
33605 background-color: #f8f9fa;
33606 margin-bottom: 1rem;
33607 padding-left: 1rem;
33608 padding-right: 1rem;
33609 border-radius: 0.5rem;
33611 .path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
33612 border-bottom: 0;
33614 .path-mod .activity-information .activity-dates {
33615 padding-top: 1rem;
33616 padding-bottom: 1rem;
33617 border-bottom: 1px solid #dee2e6;
33619 .path-mod .activity-information .completion-info {
33620 padding-top: 1rem;
33621 padding-bottom: 1rem;
33622 border-bottom: 1px solid #dee2e6;
33624 .path-mod .activity-description {
33625 padding-top: 1rem;
33626 padding-bottom: 1rem;
33628 .path-mod .activity-description > .box.py-3 {
33629 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
33630 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
33632 .path-mod .activity-description > .box.py-3:empty {
33633 display: none;
33635 .path-mod .automatic-completion-conditions .badge {
33636 font-size: 80%;
33637 padding: 0.5rem;
33638 margin-top: 0.25rem;
33639 mix-blend-mode: multiply;
33641 .path-mod .automatic-completion-conditions .badge.badge-light {
33642 background-color: #e9ecef !important; /* stylelint-disable-line declaration-no-important */
33644 .path-mod .automatic-completion-conditions .badge .icon {
33645 width: 0.7rem;
33646 height: 0.7rem;
33647 font-size: 0.7rem;
33649 .path-mod .automatic-completion-conditions .badge:first-child {
33650 margin-top: 0;
33652 .path-mod .activity-description .no-overflow p:last-child {
33653 padding-bottom: 0;
33654 margin-bottom: 0;
33657 .path-mod-choice .horizontal .choices .option {
33658 display: inline-block;
33661 .path-mod-choice .choices .option label {
33662 vertical-align: top;
33665 .path-mod-forum .forumsearch input,
33666 .path-mod-forum .forumsearch .helptooltip {
33667 margin: 0 3px;
33670 .path-mod-forum .forumheaderlist,
33671 .path-mod-forum .forumheaderlist td {
33672 border: none;
33675 .path-mod-forum .forumheaderlist thead .header,
33676 .path-mod-forum .forumheaderlist tbody .discussion td {
33677 white-space: normal;
33678 vertical-align: top;
33679 padding-left: 0.5em;
33680 padding-right: 0.5em;
33682 .path-mod-forum .forumheaderlist thead .header {
33683 white-space: normal;
33684 vertical-align: top;
33686 .path-mod-forum .forumheaderlist thead .header.replies {
33687 text-align: center;
33689 .path-mod-forum .forumheaderlist thead .header.lastpost {
33690 text-align: right;
33692 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
33693 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
33694 width: 16px;
33695 padding-left: 0.5em;
33696 padding-right: 0.5em;
33698 .path-mod-forum .forumheaderlist .discussion .replies,
33699 .path-mod-forum .forumheaderlist .discussion .lastpost {
33700 white-space: normal;
33702 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33703 .path-mod-forum .forumheaderlist .discussion .replies {
33704 text-align: center;
33706 .path-mod-forum .forumheaderlist .discussion .topic,
33707 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
33708 .path-mod-forum .forumheaderlist .discussion .topic.starter,
33709 .path-mod-forum .forumheaderlist .discussion .replies,
33710 .path-mod-forum .forumheaderlist .discussion .lastpost {
33711 vertical-align: top;
33713 .path-mod-forum .discussion-list .topic {
33714 font-weight: inherit;
33717 .discussion-settings-container .custom-select {
33718 width: 100%;
33720 .discussion-settings-container input {
33721 max-width: 100%;
33724 .forumpost {
33725 border: 1px solid #dee2e6;
33726 display: block;
33727 padding: 6px;
33729 .forumpost .header {
33730 margin-bottom: 3px;
33732 .forumpost .picture img {
33733 margin: 3px;
33735 .forumpost .picture img.userpicture {
33736 margin-left: 3px;
33737 margin-right: 10px;
33739 .forumpost .content .posting.fullpost {
33740 margin-top: 8px;
33742 .forumpost .row {
33743 display: block;
33745 .forumpost .row .topic,
33746 .forumpost .row .content-mask,
33747 .forumpost .row .options {
33748 margin-left: 48px;
33750 .forumpost .row.side {
33751 clear: both;
33754 .forumpost .row .left {
33755 width: 48px;
33758 .forumpost .options .commands {
33759 margin-left: 0;
33762 .forumpost .subject {
33763 font-weight: bold;
33766 .forumsearch input[type=text] {
33767 margin-bottom: 0;
33770 #page-mod-forum-view table .fit-content {
33771 width: 1px;
33772 white-space: nowrap;
33774 #page-mod-forum-view table .limit-width {
33775 max-width: 200px;
33776 white-space: nowrap;
33777 text-overflow: ellipsis;
33778 overflow: hidden;
33780 #page-mod-forum-view table .limit-width .author-info {
33781 max-width: calc(100% - 35px - 0.5rem);
33784 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
33785 @keyframes background-highlight {
33786 from {
33787 background-color: rgba(0, 123, 255, 0.5);
33789 to {
33790 background-color: inherit;
33793 .path-mod-forum .nested-v2-display-mode,
33794 .path-mod-forum.nested-v2-display-mode {
33795 /** Reset the badge styling back to pill style. */
33796 /** Style the ratings like a badge. */
33797 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
33798 /** Fix muted text contrast ratios for accessibility. */
33799 /** Make the tag list text screen reader visible only */
33801 .path-mod-forum .nested-v2-display-mode .discussionsubscription,
33802 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
33803 margin-top: 0;
33804 text-align: inherit;
33805 margin-bottom: 0;
33807 .path-mod-forum .nested-v2-display-mode .preload-subscribe,
33808 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
33809 .path-mod-forum.nested-v2-display-mode .preload-subscribe,
33810 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
33811 display: none;
33813 .path-mod-forum .nested-v2-display-mode .post-message,
33814 .path-mod-forum.nested-v2-display-mode .post-message {
33815 line-height: 1.6;
33817 .path-mod-forum .nested-v2-display-mode .indent,
33818 .path-mod-forum.nested-v2-display-mode .indent {
33819 margin-left: 0;
33821 .path-mod-forum .nested-v2-display-mode .badge,
33822 .path-mod-forum.nested-v2-display-mode .badge {
33823 font-size: inherit;
33824 font-weight: inherit;
33825 padding-left: 0.5rem;
33826 padding-right: 0.5rem;
33827 border-radius: 10rem;
33829 .path-mod-forum .nested-v2-display-mode .badge-light,
33830 .path-mod-forum.nested-v2-display-mode .badge-light {
33831 background-color: #f6f6f6;
33832 color: #5b5b5b;
33834 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container,
33835 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
33836 background-color: #f6f6f6;
33837 color: #5b5b5b;
33838 padding: 0.25em 0.5em;
33839 line-height: 1;
33840 margin-right: 0.5rem;
33841 vertical-align: middle;
33842 border-radius: 10rem;
33843 text-align: center;
33845 .path-mod-forum .nested-v2-display-mode .ratinginput,
33846 .path-mod-forum.nested-v2-display-mode .ratinginput {
33847 padding: 0.25em 1.75rem 0.25em 0.75em;
33848 line-height: 1;
33849 height: auto;
33850 border-radius: 10rem;
33852 @media (max-width: 767.98px) {
33853 .path-mod-forum .nested-v2-display-mode .ratinginput,
33854 .path-mod-forum.nested-v2-display-mode .ratinginput {
33855 margin-top: 0.5rem;
33858 .path-mod-forum .nested-v2-display-mode .group-image,
33859 .path-mod-forum.nested-v2-display-mode .group-image {
33860 width: 35px;
33861 height: 35px;
33862 margin-right: 0;
33863 float: none;
33864 display: inline-block;
33866 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked,
33867 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
33868 position: absolute;
33869 width: 1px;
33870 height: 1px;
33871 padding: 0;
33872 margin: -1px;
33873 overflow: hidden;
33874 clip: rect(0, 0, 0, 0);
33875 white-space: nowrap;
33876 border: 0;
33878 .path-mod-forum .nested-v2-display-mode .text-muted,
33879 .path-mod-forum .nested-v2-display-mode .dimmed_text,
33880 .path-mod-forum.nested-v2-display-mode .text-muted,
33881 .path-mod-forum.nested-v2-display-mode .dimmed_text {
33882 color: #707070 !important; /* stylelint-disable-line declaration-no-important */
33884 .path-mod-forum .nested-v2-display-mode .author-header,
33885 .path-mod-forum.nested-v2-display-mode .author-header {
33886 font-style: italic;
33888 .path-mod-forum .nested-v2-display-mode .author-header .author-name,
33889 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
33890 font-style: normal;
33892 .path-mod-forum .nested-v2-display-mode .tag_list > b,
33893 .path-mod-forum.nested-v2-display-mode .tag_list > b {
33894 position: absolute;
33895 width: 1px;
33896 height: 1px;
33897 padding: 0;
33898 margin: -1px;
33899 overflow: hidden;
33900 clip: rect(0, 0, 0, 0);
33901 white-space: nowrap;
33902 border: 0;
33904 .path-mod-forum .nested-v2-display-mode :target > .focus-target,
33905 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
33906 animation-name: background-highlight;
33907 animation-duration: 1s;
33908 animation-timing-function: ease-in-out;
33909 animation-iteration-count: 1;
33911 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
33912 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
33913 border-top: 1px solid #dee2e6;
33914 padding-top: 1.5rem;
33916 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
33917 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
33918 border-top: none;
33919 padding-top: 0;
33921 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
33922 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
33923 display: none;
33925 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
33926 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
33927 margin-bottom: 0;
33929 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
33930 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
33931 width: 70px;
33932 margin-right: 24px;
33933 flex-shrink: 0;
33935 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
33936 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
33937 border: 0;
33938 resize: none;
33940 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
33941 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
33943 * The first post and first set of replies have a larger author image so offset the 2nd
33944 * set of replies by the image width + margin to ensure they align.
33947 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
33948 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
33949 padding-left: 94px;
33951 * Reduce the size of the the author image for all second level replies (and below).
33954 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
33957 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
33958 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
33959 width: 30px;
33960 margin-right: 8px;
33961 padding-top: 3px;
33963 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
33964 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
33965 padding-left: 38px;
33967 * Stop indenting the replies after the 5th reply.
33970 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
33971 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
33972 padding-left: 0;
33975 /** Extra small devices (portrait phones, less than 576px). */
33976 @media (max-width: 767.98px) {
33977 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
33978 width: 30px;
33979 margin-right: 8px;
33981 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
33982 padding-left: 38px;
33984 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
33985 padding-left: 0;
33987 #page-mod-forum-discuss.nested-v2-display-mode .group-image {
33988 width: 30px;
33989 height: 30px;
33992 .filter-scrollable {
33993 overflow-y: auto;
33994 max-height: 25em;
33995 margin-bottom: 1em;
33998 .filter-dates-popover {
33999 width: 100%;
34000 max-width: 41.5em;
34003 /* stylelint-disable-line max-line-length */
34004 @keyframes expandSearchButton {
34005 from {
34006 height: 36px;
34007 width: 36px;
34008 border-radius: 18px;
34009 background-color: #e9ecef;
34011 to {
34012 width: 100%;
34013 height: calc(1.5em + 1rem + 2px);
34014 border-radius: 0;
34015 background-color: #fff;
34016 border-color: #8f959e;
34017 padding-left: calc(0.5rem + 8px);
34018 padding-top: 0.5rem;
34019 padding-bottom: 0.5rem;
34020 font-size: 1.171875rem;
34021 @media (max-width: 1200px) {
34022 font-size: calc(0.9271875rem + 0.32625vw);
34024 line-height: 1.5;
34025 right: 0;
34028 @keyframes collapseSearchButton {
34029 from {
34030 width: 100%;
34031 height: calc(1.5em + 1rem + 2px);
34032 border-radius: 0;
34033 background-color: #fff;
34034 border-color: #8f959e;
34035 padding-left: calc(0.5rem + 8px);
34036 padding-top: 0.5rem;
34037 padding-bottom: 0.5rem;
34038 font-size: 1.171875rem;
34039 @media (max-width: 1200px) {
34040 font-size: calc(0.9271875rem + 0.32625vw);
34042 line-height: 1.5;
34043 right: 0;
34045 to {
34046 height: 36px;
34047 width: 36px;
34048 border-radius: 18px;
34049 background-color: #e9ecef;
34052 .path-mod-forum .unified-grader .navbar {
34053 max-height: none;
34054 z-index: 1;
34056 .path-mod-forum .unified-grader .body-container {
34057 overflow: auto;
34059 .path-mod-forum .unified-grader .body-container.hidden {
34060 display: none !important; /* stylelint-disable-line declaration-no-important */
34062 .path-mod-forum .unified-grader .userpicture {
34063 height: 60px;
34064 width: 60px;
34066 .path-mod-forum .unified-grader .grader-grading-panel {
34067 top: 0;
34068 position: absolute;
34069 height: 100%;
34070 z-index: 0;
34071 width: 430px;
34073 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
34074 right: -430px;
34076 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
34077 width: 36px;
34079 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
34080 max-width: 240px;
34082 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
34083 width: 36px;
34084 height: 36px;
34085 display: flex;
34086 text-align: center;
34087 align-items: center;
34088 justify-content: center;
34090 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
34091 height: 65px;
34092 position: relative;
34093 overflow: hidden;
34095 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
34096 position: absolute;
34097 top: 50%;
34098 left: 0;
34099 transform: translateY(-50%);
34100 width: 100%;
34101 height: 100%;
34102 padding: 0.5rem;
34103 padding-right: calc(36px + 0.5rem);
34104 opacity: 1;
34105 visibility: visible;
34106 transition: left 0.3s ease-in-out;
34107 z-index: 1;
34109 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
34110 animation-name: expandSearchButton;
34111 animation-duration: 0.3s;
34112 animation-timing-function: ease-in-out;
34114 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
34115 display: block;
34116 animation-name: collapseSearchButton;
34117 animation-duration: 0.3s;
34119 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
34120 overflow: hidden;
34121 position: absolute;
34122 top: 50%;
34123 right: 0;
34124 transform: translateY(-50%);
34125 z-index: 2;
34126 width: 100%;
34127 height: 100% !important; /* stylelint-disable-line declaration-no-important */
34128 padding: 0.5rem;
34130 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
34131 position: relative;
34132 overflow: visible;
34133 flex-wrap: nowrap;
34135 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
34136 padding-left: calc(0.5rem + 0.5rem + 34px);
34137 padding-right: calc(0.5rem + 36px);
34138 opacity: 1;
34139 visibility: visible;
34140 transition: opacity 0s linear 0.3s, visibility 0s linear;
34142 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
34143 position: absolute;
34144 top: 50%;
34145 left: 0.5rem;
34146 transform: translateY(-50%);
34147 color: #495057;
34148 height: 36px;
34149 width: 34px;
34150 background-color: #fff;
34151 opacity: 1;
34152 visibility: visible;
34153 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
34155 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
34156 position: absolute;
34157 top: 50%;
34158 right: 0.5rem;
34159 transform: translateY(-50%);
34160 z-index: 1;
34161 color: inherit;
34162 text-align: left;
34163 padding-left: 9px;
34164 transition: right 0s linear 0.3s;
34166 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
34167 opacity: 1;
34168 visibility: visible;
34169 max-width: 50px;
34170 max-height: 50px;
34171 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
34173 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
34174 opacity: 0;
34175 visibility: hidden;
34176 max-height: 0;
34177 max-width: 0;
34178 overflow: hidden;
34179 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
34181 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
34182 width: calc(36px + 0.5rem + 0.5rem);
34183 transition: width 0.3s ease-in-out;
34185 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
34186 flex-wrap: nowrap;
34188 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
34189 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
34190 opacity: 0;
34191 visibility: hidden;
34192 transition: opacity 0s linear, visibility 0s linear;
34194 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
34195 padding-left: 0;
34196 padding-right: 0;
34198 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
34199 opacity: 0;
34200 visibility: hidden;
34201 max-height: 0;
34202 max-width: 0;
34203 overflow: hidden;
34204 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34206 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
34207 opacity: 1;
34208 visibility: visible;
34209 max-width: 50px;
34210 max-height: 50px;
34211 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
34213 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
34214 opacity: 0;
34215 visibility: hidden;
34216 left: -100%;
34217 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
34219 .path-mod-forum .unified-grader .grader-module-content {
34220 overflow-y: auto;
34221 margin-right: 430px;
34222 transition: margin-right 0.2s ease-in-out;
34224 @media (prefers-reduced-motion: reduce) {
34225 .path-mod-forum .unified-grader .grader-module-content {
34226 transition: none;
34229 .path-mod-forum .unified-grader .drawer-button {
34230 position: relative;
34232 .path-mod-forum .unified-grader .drawer-button.active::after {
34233 content: "";
34234 position: absolute;
34235 bottom: calc(-0.5rem - 1px);
34236 left: 0;
34237 width: 100%;
34238 height: 3px;
34239 background-color: #0f6cbf;
34241 .path-mod-forum .unified-grader .drawer-button .icon {
34242 font-size: 20px;
34243 height: 20px;
34244 width: 20px;
34246 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
34247 display: none;
34249 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
34250 display: none;
34252 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
34253 position: relative;
34255 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
34256 position: absolute;
34257 height: 100%;
34258 width: 100%;
34259 left: 0;
34260 top: 0;
34261 padding-left: calc(1rem + 45px);
34262 text-align: left;
34263 z-index: 1;
34265 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
34266 display: none;
34268 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
34269 display: block;
34270 height: auto !important; /* stylelint-disable-line declaration-no-important */
34272 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
34273 transition: margin-bottom 0.3s ease-in-out;
34275 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
34276 opacity: 1;
34277 visibility: visible;
34278 max-height: none;
34279 transition: opacity 0.3s linear, visibility 0s linear;
34281 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
34282 opacity: 1;
34283 visibility: visible;
34284 max-height: none;
34285 transition: opacity 0.3s linear, visibility 0s linear;
34287 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
34288 opacity: 1;
34289 visibility: visible;
34290 max-height: none;
34291 transition: opacity 0.3s linear, visibility 0s linear;
34293 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
34294 opacity: 0.3;
34296 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
34297 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
34299 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
34300 opacity: 0;
34301 visibility: hidden;
34302 max-height: 0;
34304 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
34305 opacity: 0;
34306 visibility: hidden;
34307 max-height: 0;
34309 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
34310 opacity: 0;
34311 visibility: hidden;
34312 max-height: 0;
34314 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
34315 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
34316 opacity: 1;
34318 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
34319 height: 250px;
34320 width: 250px;
34321 margin-right: 0;
34323 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
34324 padding-left: 94px;
34326 .path-mod-forum .unified-grader .no-search-results-container .icon {
34327 height: 250px;
34328 width: 250px;
34329 margin-right: 0;
34331 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
34332 margin-left: 94px;
34333 border-radius: 0.6rem;
34335 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
34336 position: relative;
34338 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
34339 position: absolute;
34340 top: calc(70px + 0.5rem);
34341 content: "";
34342 background-color: #e9ecef;
34343 width: 2px;
34344 height: calc(100% - 70px + 0.5rem);
34346 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
34347 width: 30px !important; /* stylelint-disable-line declaration-no-important */
34350 .path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
34351 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
34352 display: none;
34355 @media (max-width: 575.98px) {
34356 .path-mod-forum .unified-grader .grader-grading-panel {
34357 width: 100%;
34358 position: fixed;
34359 height: calc(100vh - 50px);
34360 overflow: scroll;
34361 top: 50px;
34363 .path-mod-forum .unified-grader .body-container {
34364 overflow: visible;
34367 .maincalendar .calendarmonth td,
34368 .maincalendar .calendarmonth th {
34369 border: 1px dotted #dee2e6;
34372 .path-grade-report-grader h1 {
34373 text-align: inherit;
34376 #page-mod-chat-gui_basic input#message {
34377 max-width: 100%;
34380 #page-mod-data-view #singleimage {
34381 width: auto;
34384 .template_heading {
34385 margin-top: 10px;
34388 .breadcrumb-button {
34389 margin-top: 4px;
34392 .breadcrumb-button .singlebutton {
34393 float: left;
34394 margin-left: 4px;
34397 .langmenu form {
34398 margin: 0;
34401 canvas {
34402 -ms-touch-action: auto;
34405 div#dock {
34406 display: none;
34409 /** General styles (scope: all of lesson) **/
34410 .path-mod-lesson .invisiblefieldset.fieldsetfix {
34411 display: block;
34414 .path-mod-lesson .answeroption .checkbox label p {
34415 display: inline;
34418 .path-mod-lesson .slideshow {
34419 overflow: auto;
34420 padding: 15px;
34423 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type=submit] {
34424 white-space: normal;
34427 #page-mod-lesson-view .vertical .singlebutton {
34428 display: block;
34430 #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
34431 margin-left: 0;
34432 margin-top: 1rem;
34434 #page-mod-lesson-view .fitem .felement .custom-select {
34435 align-self: flex-start;
34438 .path-mod-lesson .generaltable td {
34439 vertical-align: middle;
34441 .path-mod-lesson .generaltable td label {
34442 margin-bottom: 0;
34444 .path-mod-lesson .generaltable td .highlight {
34445 display: inline-block;
34446 margin-left: 0.25rem;
34448 .path-mod-lesson .generaltable td input[type=checkbox] {
34449 display: block;
34452 .path-mod-wiki .wiki_headingtitle,
34453 .path-mod-wiki .midpad,
34454 .path-mod-wiki .wiki_headingtime {
34455 text-align: inherit;
34458 .path-mod-wiki .wiki_contentbox {
34459 width: 100%;
34462 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
34463 background-color: rgba(0, 0, 0, 0.03);
34465 .path-mod-survey .surveytable .rblock label {
34466 text-align: center;
34469 .nav .caret {
34470 margin-left: 4px;
34473 .nav .divider {
34474 overflow: hidden;
34475 width: 0;
34478 .userloggedinas .usermenu .usertext,
34479 .userswitchedrole .usermenu .usertext,
34480 .loginfailures .usermenu .usertext {
34481 float: left;
34482 text-align: right;
34483 margin-right: 0.5rem;
34484 height: 35px;
34486 .userloggedinas .usermenu .usertext .meta,
34487 .userswitchedrole .usermenu .usertext .meta,
34488 .loginfailures .usermenu .usertext .meta {
34489 font-size: 0.8203125rem;
34490 align-items: center;
34492 .userloggedinas .usermenu .avatar img,
34493 .userswitchedrole .usermenu .avatar img,
34494 .loginfailures .usermenu .avatar img {
34495 margin: 0;
34498 .userloggedinas .usermenu .userbutton .avatars {
34499 position: relative;
34500 display: inline-block;
34502 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
34503 display: inline-block;
34504 position: absolute;
34505 bottom: 0;
34506 right: 0;
34507 width: 20px;
34508 height: 20px;
34509 border-radius: 50%;
34511 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
34512 vertical-align: baseline;
34514 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
34515 width: 20px;
34516 height: 20px;
34517 border: 1px solid #dee2e6;
34518 background-color: #fff;
34519 font-size: 0.5625rem;
34521 .userloggedinas .usermenu .userbutton .avatars .avatar img {
34522 width: inherit;
34523 height: inherit;
34525 .userloggedinas .usermenu .userbutton .avatars .realuser {
34526 width: 35px;
34527 height: 35px;
34528 display: inline-block;
34531 .userinitials {
34532 background-color: #e9ecef;
34533 vertical-align: middle;
34534 display: inline-flex;
34535 align-items: center;
34536 justify-content: center;
34537 border-radius: 50%;
34538 color: #343a40;
34539 font-weight: normal;
34540 margin-right: 0.25rem;
34542 .userinitials.size-16, .userinitials.size-30 {
34543 font-size: 0.7rem;
34544 width: 30px;
34545 height: 30px;
34547 .userinitials.size-35 {
34548 width: 35px;
34549 height: 35px;
34551 .userinitials.size-50 {
34552 width: 50px;
34553 height: 50px;
34555 .userinitials.size-64 {
34556 width: 64px;
34557 height: 64px;
34559 .userinitials.size-100 {
34560 width: 100px;
34561 height: 100px;
34562 font-size: 1.875rem;
34565 img.userpicture {
34566 margin-right: 0.25rem;
34569 @media (max-width: 767.98px) {
34570 .usertext {
34571 display: none;
34574 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
34575 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
34576 width: auto;
34577 max-width: none;
34580 #page-mod-quiz-mod #id_reviewoptionshdr .fcontainer > .fitem {
34581 float: left;
34582 width: 20rem;
34583 display: inline-block;
34584 min-height: 12rem;
34587 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
34588 line-height: 1.5;
34589 vertical-align: bottom;
34592 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
34593 width: auto;
34594 height: 22px;
34595 justify-content: flex-start;
34598 #page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
34599 width: 90%;
34600 height: 22px;
34603 .path-mod-quiz #mod_quiz_navblock .qnbutton {
34604 text-decoration: none;
34605 font-size: 14px;
34606 line-height: 20px;
34607 font-weight: normal;
34608 background-color: #fff;
34609 background-image: none;
34610 height: 40px;
34611 width: 30px;
34612 border-radius: 3px;
34613 border: 0;
34614 overflow: hidden;
34615 white-space: nowrap;
34616 margin: 0 6px 6px 0;
34618 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
34619 cursor: default;
34620 background-color: #e9ecef;
34621 color: #495057;
34623 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
34624 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
34625 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
34626 text-decoration: underline;
34628 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
34629 border: 1px solid;
34630 border-radius: 3px;
34631 z-index: 1;
34633 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
34634 border-width: 3px;
34636 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
34637 border-width: 1px;
34639 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
34640 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
34642 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
34643 border: 0;
34644 background: #fff none center/10px no-repeat scroll;
34645 height: 20px;
34646 margin-top: 20px;
34647 border-radius: 0 0 3px 3px;
34649 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
34650 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34651 background-color: #fff;
34653 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
34654 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
34656 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
34657 background-image: url([[pix:theme|mod/quiz/checkmark]]);
34658 background-color: #357a32;
34660 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
34661 background-image: url([[pix:core|t/locked]]);
34662 background-color: #e9ecef;
34664 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
34665 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
34666 background-color: #ca3120;
34668 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
34669 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
34670 background-color: #f0ad4e;
34672 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
34673 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
34674 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
34675 background-color: #6a737b;
34678 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
34679 height: 1.4em;
34680 vertical-align: middle;
34683 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
34684 padding: 0.5em 0 0.5em 0.1em;
34685 margin: 2px;
34688 /* Countdown timer. */
34689 #page-mod-quiz-attempt #region-main {
34690 overflow-x: inherit;
34693 #quiz-timer-wrapper {
34694 display: none;
34695 position: sticky;
34696 justify-content: end;
34697 top: 65px;
34698 z-index: 1020;
34700 #quiz-timer-wrapper #quiz-timer {
34701 border: 1px solid #ca3120;
34702 background-color: #fff;
34705 .pagelayout-embedded #quiz-timer-wrapper {
34706 top: 5px;
34709 #quiz-timer-wrapper #quiz-timer.timeleft0 {
34710 background-color: #ca3120;
34711 color: #fff;
34714 #quiz-timer-wrapper #quiz-timer.timeleft1 {
34715 background-color: #d73422;
34716 color: #fff;
34719 #quiz-timer-wrapper #quiz-timer.timeleft2 {
34720 background-color: #dd3d2b;
34721 color: #fff;
34724 #quiz-timer-wrapper #quiz-timer.timeleft3 {
34725 background-color: #e04938;
34726 color: #fff;
34729 #quiz-timer-wrapper #quiz-timer.timeleft4 {
34730 background-color: #e25546;
34731 color: #fff;
34734 #quiz-timer-wrapper #quiz-timer.timeleft5 {
34735 background-color: #e46153;
34736 color: #fff;
34739 #quiz-timer-wrapper #quiz-timer.timeleft6 {
34740 background-color: #e66d60;
34741 color: #fff;
34744 #quiz-timer-wrapper #quiz-timer.timeleft7 {
34745 background-color: #e8796d;
34746 color: #1d2125;
34749 #quiz-timer-wrapper #quiz-timer.timeleft8 {
34750 background-color: #ea867a;
34751 color: #1d2125;
34754 #quiz-timer-wrapper #quiz-timer.timeleft9 {
34755 background-color: #ec9288;
34756 color: #1d2125;
34759 #quiz-timer-wrapper #quiz-timer.timeleft10 {
34760 background-color: #ee9e95;
34761 color: #1d2125;
34764 #quiz-timer-wrapper #quiz-timer.timeleft11 {
34765 background-color: #f0aaa2;
34766 color: #1d2125;
34769 #quiz-timer-wrapper #quiz-timer.timeleft12 {
34770 background-color: #f2b6af;
34771 color: #1d2125;
34774 #quiz-timer-wrapper #quiz-timer.timeleft13 {
34775 background-color: #f4c2bc;
34776 color: #1d2125;
34779 #quiz-timer-wrapper #quiz-timer.timeleft14 {
34780 background-color: #f7ceca;
34781 color: #1d2125;
34784 #quiz-timer-wrapper #quiz-timer.timeleft15 {
34785 background-color: #f9dad7;
34786 color: #1d2125;
34789 #quiz-timer-wrapper #quiz-timer.timeleft16 {
34790 background-color: #fbe6e4;
34791 color: #1d2125;
34794 .path-mod-assign [data-region=grade-actions-panel] [data-region=grade-actions] .collapse-buttons {
34795 top: auto;
34798 .path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
34799 height: calc(100% - 4rem);
34802 .path-mod-assign [data-region=grade-panel] {
34803 padding-top: 1rem;
34806 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-3,
34807 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-9 {
34808 width: 100%;
34809 padding: 0;
34810 max-width: 100%;
34811 flex: none;
34814 .path-mod-assign [data-region=grade-panel] fieldset,
34815 .path-mod-assign [data-region=grade-panel] .fitem.row {
34816 margin: 0;
34819 .path-mod-assign [data-region=grade-panel] .mform .fitem.has-popout .felement {
34820 width: 100%;
34821 overflow: auto;
34822 height: calc(100% - 4rem);
34825 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement {
34826 width: auto;
34829 .path-mod-assign [data-region=grade-panel] .popout {
34830 background-color: #fff;
34833 .path-mod-assign [data-region=grade-panel] .fitem.has-popout {
34834 background-color: #fff;
34835 border-radius: 0.5rem;
34836 border: 1px solid rgba(0, 0, 0, 0.125);
34837 padding: 1.25rem;
34838 margin-bottom: 1rem;
34841 .path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
34842 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
34843 margin-bottom: 1rem;
34846 .path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
34847 display: flex;
34848 align-items: flex-start;
34849 justify-content: space-between;
34850 font-size: 1.40625rem;
34853 .path-mod-assign [data-region=grade-panel] .popout [data-region=popout-button] {
34854 margin-top: 0;
34857 .path-mod-assign [data-region=assignment-info] {
34858 overflow-y: hidden;
34861 .path-mod-assign [data-region=grading-navigation] {
34862 padding: 6px;
34865 .path-mod-assign [data-region=grade-actions] {
34866 padding: 10px;
34869 .path-mod-assign [data-region=user-info] .img-rounded {
34870 margin-top: 0;
34873 .path-mod-assign [data-region=grading-navigation-panel] {
34874 height: 85px;
34877 @media (max-width: 767px) {
34878 .path-mod-assign [data-region=grading-navigation-panel] {
34879 height: auto;
34881 .path-mod-assign [data-region=user-info] {
34882 margin-top: 1rem;
34885 .path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
34886 width: auto;
34887 display: inline-block;
34891 * Assign feedback.
34893 .assignfeedback_editpdf_widget * {
34894 box-sizing: content-box;
34897 .assignfeedback_editpdf_widget button {
34898 box-sizing: border-box;
34901 .assignfeedback_editpdf_widget .commentcolourbutton img {
34902 border-width: 0;
34905 .assignfeedback_editpdf_widget .label {
34906 position: relative;
34907 padding: 0.75rem 1.25rem;
34908 margin-bottom: 1rem;
34909 border: 0 solid transparent;
34910 border-radius: 0.5rem;
34911 color: #00434e;
34912 background-color: #cce6ea;
34913 border-color: #b8dce2;
34914 /* stylelint-disable-line max-line-length */
34916 .assignfeedback_editpdf_widget .label hr {
34917 border-top-color: #a6d3db;
34919 .assignfeedback_editpdf_widget .label .alert-link {
34920 color: #00171b;
34923 .assignfeedback_editpdf_menu {
34924 padding: 0;
34927 .path-mod-assign [data-region=grade-panel] .gradingform_guide .remark .commentchooser {
34928 float: none;
34931 .path-mod-assign [data-region=grade-panel] .gradingform_guide .markingguideremark {
34932 width: 100%;
34935 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement[data-fieldtype=grading] {
34936 padding-left: 1rem;
34937 padding-right: 1rem;
34940 .path-mod-assign [data-region=grade-panel] .showmarkerdesc,
34941 .path-mod-assign [data-region=grade-panel] .showstudentdesc {
34942 background-color: #fff;
34945 .path-mod-assign .gradingtable thead tr {
34946 position: sticky;
34947 top: 60px;
34948 z-index: 1;
34952 * Mod LTI.
34954 .path-admin-mod-lti .btn .loader img,
34955 .path-admin-mod-lti #tool-list-loader-container .loader img {
34956 height: auto;
34960 * Mod Feedback.
34962 .path-mod-feedback span.feedback_info {
34963 font-weight: bold;
34965 .path-mod-feedback div.feedback_is_dependent {
34966 background: #6a737b;
34968 .path-mod-feedback span.feedback_depend {
34969 color: #ca3120;
34971 .path-mod-feedback hr.feedback_pagebreak {
34972 height: 4px;
34973 color: #6a737b;
34974 background-color: #6a737b;
34975 border: 0;
34976 margin: 0;
34978 .path-mod-feedback .drag_target_active {
34979 opacity: 0.25;
34981 .path-mod-feedback .drag_item_active {
34982 opacity: 0.5;
34984 .path-mod-feedback .feedback_bar_image {
34985 height: 10px;
34987 .path-mod-feedback #analysis-form label {
34988 display: inline;
34990 .path-mod-feedback .templateslist td.cell.action {
34991 width: 10%;
34993 .path-mod-feedback .templateslist th.header.action {
34994 width: 10%;
34996 .path-mod-feedback .feedback_form .itemactions {
34997 display: inline-block;
34998 margin: 0 0.5rem;
35000 .path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist {
35001 padding: 1rem;
35002 border: 1px solid #dee2e6;
35003 border-radius: 0.5rem;
35005 .path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .itemhandle {
35006 position: absolute;
35007 width: 32px;
35008 height: 32px;
35009 text-align: center;
35010 align-content: center;
35012 .path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .action-menu {
35013 position: absolute;
35014 top: 0;
35015 right: 0;
35017 .path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .dropdown-toggle {
35018 border-radius: 0.5rem;
35019 width: 32px;
35020 height: 32px;
35022 .path-mod-feedback table.analysis {
35023 width: 100%;
35024 border-top: 1px solid #dee2e6;
35025 margin-top: 10px;
35027 .path-mod-feedback table.analysis.itemtype_textarea td {
35028 padding: 4px 0;
35030 .path-mod-feedback table.analysis tr:first-child th {
35031 padding-top: 10px;
35033 .path-mod-feedback table.analysis tr:hover {
35034 background: #dee2e6;
35036 .path-mod-feedback table.analysis td.singlevalue:before,
35037 .path-mod-feedback table.analysis td.optionname:before {
35038 content: "- ";
35040 .path-mod-feedback table.analysis tr.isempty {
35041 display: none;
35043 .path-mod-feedback #showentrytable td.cell.completed_timemodified,
35044 .path-mod-feedback #showentryanontable td.cell.random_response {
35045 font-weight: bold;
35047 .path-mod-feedback #showentrytable td.cell.userpic,
35048 .path-mod-feedback #showentrytable td.cell.deleteentry,
35049 .path-mod-feedback #showentryanontable td.cell.deleteentry {
35050 width: 10px;
35052 .path-mod-feedback .response_navigation {
35053 margin: 0.5rem 0;
35055 .path-mod-feedback .response_navigation a {
35056 display: block;
35058 .path-mod-feedback .response_navigation a.back_to_list {
35059 text-align: center;
35061 .path-mod-feedback .response_navigation .prev_response {
35062 text-align: left;
35064 .path-mod-feedback .response_navigation .prev_response:before {
35065 /*rtl:raw:
35066 content: ' â–º ';
35068 /*rtl:remove*/
35069 content: " â—„ ";
35071 .path-mod-feedback .response_navigation .next_response {
35072 text-align: right;
35074 .path-mod-feedback .response_navigation .next_response:after {
35075 /*rtl:raw:
35076 content: ' â—„ ';
35078 /*rtl:remove*/
35079 content: " â–º ";
35082 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
35083 background-color: #fff;
35085 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
35086 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
35087 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
35088 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
35089 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
35090 border: 0;
35092 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
35093 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
35094 border-radius: 0;
35096 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
35097 background-color: transparent;
35099 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
35100 background-color: #f8f9fa;
35102 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
35103 padding: 0 !important; /* stylelint-disable-line declaration-no-important */
35105 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
35106 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
35107 border: 0;
35108 padding: 3px 15px;
35109 white-space: nowrap;
35110 margin-bottom: 0;
35112 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
35113 padding: 10px 5px;
35115 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
35116 border-top: 1px solid #dee2e6;
35117 border-bottom: 1px solid #fff;
35119 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
35120 border-top: 1px solid #fff;
35121 border-bottom: 1px solid #dee2e6;
35122 padding: 5px 10px;
35124 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
35125 margin-right: 8px;
35126 border: 1px solid #ccc;
35127 border-radius: 4px;
35128 max-width: none;
35130 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
35131 margin: 20px 25px;
35133 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
35134 text-align: center;
35135 margin: 10px 0;
35136 font-size: 0.8203125rem;
35137 color: #495057;
35139 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
35140 margin-bottom: 0.75rem;
35141 border-radius: 0.5rem;
35142 border: 1px solid rgba(0, 0, 0, 0.125);
35143 padding: 1.25rem;
35145 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
35146 float: right;
35147 font-size: 11px;
35148 color: #495057;
35150 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
35151 background-color: #fff;
35153 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
35154 font-weight: bold;
35157 /* reports.less */
35158 #page-report-participation-index .participationselectform div label {
35159 display: inline-block;
35160 margin: 0 5px;
35163 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
35164 margin-left: 0;
35167 #page-report-outline-index .font-lg {
35168 font-size: 1.03125rem;
35171 #page-report-outline-index .generaltable tbody tr {
35172 background-color: #fff;
35174 #page-report-outline-index .generaltable tbody tr.section {
35175 padding-left: 2rem;
35177 #page-report-outline-index .generaltable tbody tr.section h3 {
35178 font-size: 1.171875rem;
35180 #page-report-outline-index .generaltable tbody tr.section h4 {
35181 font-size: 1.03125rem;
35183 #page-report-outline-index .generaltable tbody td.delegated {
35184 padding-left: 3.5rem;
35187 #page-report-outline-user .section {
35188 border: 1px solid #dee2e6;
35189 border-radius: 1rem;
35192 #page-report-outline-user .font-lg {
35193 font-size: 1.03125rem;
35196 #page-report-log-index #menumodid option:disabled {
35197 color: #4b535a;
35198 font-weight: bolder;
35201 .path-backup .mform {
35202 /* These are long labels with checkboxes on the right. */
35204 .path-backup .mform .grouped_settings {
35205 clear: both;
35206 overflow: hidden;
35207 /* Use card styles but avoid extend because that brings in too much. */
35209 .path-backup .mform .grouped_settings.section_level {
35210 background-color: #fff;
35211 border-radius: 0.5rem;
35212 border: 1px solid rgba(0, 0, 0, 0.125);
35213 padding: 1.25rem;
35214 margin-bottom: 1.25rem;
35216 .path-backup .mform .grouped_settings.section_level::after {
35217 display: block;
35218 clear: both;
35219 content: "";
35221 .path-backup .mform .grouped_settings.subsection_level {
35222 background-color: #fff;
35223 border-radius: 0.5rem;
35224 border: 1px solid rgba(0, 0, 0, 0.125);
35225 padding: 1.25rem;
35226 margin: 0 1.25rem 1.25rem 1.25rem;
35228 .path-backup .mform .grouped_settings.subsection_level::after {
35229 display: block;
35230 clear: both;
35231 content: "";
35233 .path-backup .mform .include_setting {
35234 width: 50%;
35235 display: inline-block;
35236 float: left;
35237 padding: 0.3rem;
35239 .path-backup .mform .normal_setting {
35240 width: 50%;
35241 display: inline-block;
35242 float: left;
35243 padding: 0.3rem;
35246 .path-backup {
35247 /* Bold section labels */
35249 .path-backup .section_level {
35250 font-weight: bold;
35252 .path-backup .section_level .activity_level {
35253 font-weight: normal;
35255 .path-backup .proceedbutton {
35256 margin-left: auto;
35259 /* Override the columns width to leave more room for the labels. */
35260 .path-backup .mform .root_setting,
35261 .path-backup .mform .grouped_settings {
35262 /* Striped rows like a table */
35264 .path-backup .mform .root_setting:nth-of-type(odd),
35265 .path-backup .mform .grouped_settings:nth-of-type(odd) {
35266 background-color: rgba(0, 0, 0, 0.03);
35268 .path-backup .mform .root_setting:nth-of-type(even),
35269 .path-backup .mform .grouped_settings:nth-of-type(even) {
35270 background-color: #fff;
35272 .path-backup .mform .root_setting .fitem,
35273 .path-backup .mform .grouped_settings .fitem {
35274 /* These checkboxes with no label on the left. */
35276 .path-backup .mform .root_setting .fitem .col-md-3.checkbox,
35277 .path-backup .mform .grouped_settings .fitem .col-md-3.checkbox {
35278 width: 0%;
35280 .path-backup .mform .root_setting .fitem .col-md-9.checkbox,
35281 .path-backup .mform .grouped_settings .fitem .col-md-9.checkbox {
35282 width: 100%;
35283 left: 0;
35286 /* Detail pair is (usually) some short label with a longer value */
35287 .path-backup .detail-pair .detail-pair-label {
35288 width: 25%;
35289 float: left;
35290 clear: left;
35292 .path-backup .detail-pair .detail-pair-value {
35293 width: 75%;
35294 float: left;
35297 .path-backup .backup-restore .singlebutton {
35298 float: right;
35301 /* Make these bits full width and work with the detail-pair */
35302 .path-backup .backup-section {
35303 /* Fix for nested table headers */
35304 /* Add card styles to backup sections */
35305 background-color: #fff;
35306 border-radius: 0.5rem;
35307 border: 1px solid rgba(0, 0, 0, 0.125);
35308 padding: 1.25rem;
35309 margin-bottom: 1.25rem;
35311 .path-backup .backup-section .sub-header,
35312 .path-backup .backup-section .backup-sub-section,
35313 .path-backup .backup-section .singlebutton,
35314 .path-backup .backup-section .header {
35315 width: 100%;
35316 float: left;
35317 clear: both;
35319 .path-backup .backup-section th.header {
35320 width: auto;
35321 float: none;
35323 .path-backup .backup-section ::after {
35324 content: "";
35325 display: table;
35326 clear: both;
35328 .path-backup .backup-section::after {
35329 display: block;
35330 clear: both;
35331 content: "";
35334 .path-backup .notification.dependencies_enforced {
35335 color: #ca3120;
35336 font-weight: bold;
35339 .path-backup .backup_progress {
35340 margin-top: 1rem;
35341 margin-bottom: 1rem;
35343 .path-backup .backup_progress .backup_stage {
35344 color: #6a737b;
35346 .path-backup .backup_progress .backup_stage.backup_stage_current {
35347 font-weight: bold;
35348 color: inherit;
35351 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
35352 color: inherit;
35355 #page-backup-restore .filealiasesfailures {
35356 background-color: #f4d6d2;
35358 #page-backup-restore .filealiasesfailures .aliaseslist {
35359 background-color: #fff;
35362 .path-backup .wibbler {
35363 width: 500px;
35364 margin: 0 auto 10px;
35365 border-bottom: 1px solid #000;
35366 border-right: 1px solid #000;
35367 border-left: 1px solid #000;
35368 position: relative;
35369 min-height: 4px;
35371 .path-backup .wibbler .wibble {
35372 position: absolute;
35373 left: 0;
35374 right: 0;
35375 top: 0;
35376 height: 4px;
35378 .path-backup .wibbler .state0 {
35379 background: #eee;
35381 .path-backup .wibbler .state1 {
35382 background: #ddd;
35384 .path-backup .wibbler .state2 {
35385 background: #ccc;
35387 .path-backup .wibbler .state3 {
35388 background: #bbb;
35390 .path-backup .wibbler .state4 {
35391 background: #aaa;
35393 .path-backup .wibbler .state5 {
35394 background: #999;
35396 .path-backup .wibbler .state6 {
35397 background: #888;
35399 .path-backup .wibbler .state7 {
35400 background: #777;
35402 .path-backup .wibbler .state8 {
35403 background: #666;
35405 .path-backup .wibbler .state9 {
35406 background: #555;
35408 .path-backup .wibbler .state10 {
35409 background: #444;
35411 .path-backup .wibbler .state11 {
35412 background: #333;
35414 .path-backup .wibbler .state12 {
35415 background: #222;
35418 .generaltable {
35419 width: 100%;
35420 margin-bottom: 1rem;
35421 color: #1d2125;
35423 .generaltable th,
35424 .generaltable td {
35425 padding: 0.75rem;
35426 vertical-align: top;
35427 border-top: 1px solid #dee2e6;
35429 .generaltable th .form-check,
35430 .generaltable td .form-check {
35431 padding: 0;
35433 .generaltable thead th,
35434 .generaltable thead td {
35435 vertical-align: bottom;
35436 border-bottom: 2px solid #dee2e6;
35438 .generaltable tbody + tbody {
35439 border-top: 2px solid #dee2e6;
35441 .generaltable tbody tr:nth-of-type(odd) {
35442 background-color: rgba(0, 0, 0, 0.03);
35444 .generaltable thead .sticky-column,
35445 .generaltable tbody tr:nth-of-type(even) {
35446 background-color: #fff;
35448 .generaltable tbody tr:nth-of-type(odd) .sticky-column {
35449 background-color: rgba(0, 0, 0, 0.03);
35451 .generaltable.table-sm th,
35452 .generaltable.table-sm td {
35453 padding: 0.3rem;
35455 .generaltable tbody tr:hover {
35456 color: #1d2125;
35457 background-color: rgba(0, 0, 0, 0.075);
35459 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
35460 color: #1d2125;
35462 .generaltable tbody tr:hover td.sticky-column {
35463 background-color: rgba(0, 0, 0, 0.075);
35466 table caption {
35467 font-size: 24px;
35468 font-weight: bold;
35469 line-height: 42px;
35470 text-align: left;
35471 caption-side: top;
35473 table .sticky-column {
35474 position: sticky;
35475 left: 0;
35476 background-color: inherit;
35479 .table-dynamic .loading-icon {
35480 position: absolute;
35481 left: calc(50% - 1.5rem);
35482 top: 200px;
35484 .table-dynamic .loading-icon .icon {
35485 max-height: 3rem;
35486 max-width: 3rem;
35487 font-size: 3rem;
35490 .singlebutton {
35491 display: inline-block;
35493 .singlebutton + .singlebutton {
35494 margin-left: 0.5rem;
35497 .continuebutton {
35498 text-align: center;
35501 p.arrow_button {
35502 margin-top: 5em;
35503 text-align: center;
35506 #addcontrols {
35507 margin-top: 11.25rem;
35508 text-align: center;
35509 margin-bottom: 3em;
35511 #addcontrols label {
35512 display: inline;
35515 #addcontrols input,
35516 #removecontrols input {
35517 width: 100%;
35518 margin: auto;
35521 .btn-lineup {
35522 margin: 0 0 10px 5px;
35525 .btn.btn-icon {
35526 height: 36px;
35527 width: 36px;
35528 font-size: 16px;
35529 line-height: 16px;
35530 padding: 0;
35531 border-radius: 50%;
35532 flex-shrink: 0;
35534 .btn.btn-icon:hover, .btn.btn-icon:focus {
35535 background-color: #e9ecef;
35537 .btn.btn-icon.icon-size-0 {
35538 height: 20px !important; /* stylelint-disable-line declaration-no-important */
35539 width: 20px !important; /* stylelint-disable-line declaration-no-important */
35540 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
35541 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
35543 .btn.btn-icon.icon-size-1 {
35544 height: 24px !important; /* stylelint-disable-line declaration-no-important */
35545 width: 24px !important; /* stylelint-disable-line declaration-no-important */
35546 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
35547 line-height: 4px !important; /* stylelint-disable-line declaration-no-important */
35549 .btn.btn-icon.icon-size-2 {
35550 height: 28px !important; /* stylelint-disable-line declaration-no-important */
35551 width: 28px !important; /* stylelint-disable-line declaration-no-important */
35552 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
35553 line-height: 8px !important; /* stylelint-disable-line declaration-no-important */
35555 .btn.btn-icon.icon-size-3 {
35556 height: 36px !important; /* stylelint-disable-line declaration-no-important */
35557 width: 36px !important; /* stylelint-disable-line declaration-no-important */
35558 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
35559 line-height: 16px !important; /* stylelint-disable-line declaration-no-important */
35561 .btn.btn-icon.icon-size-4 {
35562 height: 44px !important; /* stylelint-disable-line declaration-no-important */
35563 width: 44px !important; /* stylelint-disable-line declaration-no-important */
35564 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
35565 line-height: 24px !important; /* stylelint-disable-line declaration-no-important */
35567 .btn.btn-icon.icon-size-5 {
35568 height: 52px !important; /* stylelint-disable-line declaration-no-important */
35569 width: 52px !important; /* stylelint-disable-line declaration-no-important */
35570 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
35571 line-height: 32px !important; /* stylelint-disable-line declaration-no-important */
35573 .btn.btn-icon.icon-size-6 {
35574 height: 60px !important; /* stylelint-disable-line declaration-no-important */
35575 width: 60px !important; /* stylelint-disable-line declaration-no-important */
35576 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
35577 line-height: 40px !important; /* stylelint-disable-line declaration-no-important */
35579 .btn.btn-icon.icon-size-7 {
35580 height: 68px !important; /* stylelint-disable-line declaration-no-important */
35581 width: 68px !important; /* stylelint-disable-line declaration-no-important */
35582 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
35583 line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
35586 .btn.btn-icon.icons-collapse-expand {
35587 color: #0f6cbf;
35588 background-color: #f5f9fc;
35590 .btn.btn-icon.icons-collapse-expand:hover {
35591 outline: 2px solid #0f6cbf;
35594 .btn-primary:focus, .btn-primary.focus {
35595 outline: 0.2rem solid #000102;
35596 box-shadow: inset 0 0 0 2px #fff;
35599 .btn-secondary:focus, .btn-secondary.focus {
35600 outline: 0.2rem solid #5f6e7d;
35601 box-shadow: inset 0 0 0 2px #fff;
35604 .btn-success:focus, .btn-success.focus {
35605 outline: 0.2rem solid black;
35606 box-shadow: inset 0 0 0 2px #fff;
35609 .btn-info:focus, .btn-info.focus {
35610 outline: 0.2rem solid black;
35611 box-shadow: inset 0 0 0 2px #fff;
35614 .btn-warning:focus, .btn-warning.focus {
35615 outline: 0.2rem solid #694109;
35616 box-shadow: inset 0 0 0 2px #fff;
35619 .btn-danger:focus, .btn-danger.focus {
35620 outline: 0.2rem solid #1a0604;
35621 box-shadow: inset 0 0 0 2px #fff;
35624 .btn-light:focus, .btn-light.focus {
35625 outline: 0.2rem solid #8193a5;
35626 box-shadow: inset 0 0 0 2px #fff;
35629 .btn-dark:focus, .btn-dark.focus {
35630 outline: 0.2rem solid black;
35631 box-shadow: inset 0 0 0 2px #fff;
35634 .btn-outline-primary:focus, .btn-outline-primary.focus {
35635 outline: 0.2rem solid #000102;
35636 box-shadow: inset 0 0 0 2px #343a40;
35639 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
35640 outline: 0.2rem solid #5f6e7d;
35641 box-shadow: inset 0 0 0 2px #343a40;
35644 .btn-outline-success:focus, .btn-outline-success.focus {
35645 outline: 0.2rem solid black;
35646 box-shadow: inset 0 0 0 2px #343a40;
35649 .btn-outline-info:focus, .btn-outline-info.focus {
35650 outline: 0.2rem solid black;
35651 box-shadow: inset 0 0 0 2px #343a40;
35654 .btn-outline-warning:focus, .btn-outline-warning.focus {
35655 outline: 0.2rem solid #694109;
35656 box-shadow: inset 0 0 0 2px #343a40;
35659 .btn-outline-danger:focus, .btn-outline-danger.focus {
35660 outline: 0.2rem solid #1a0604;
35661 box-shadow: inset 0 0 0 2px #343a40;
35664 .btn-outline-light:focus, .btn-outline-light.focus {
35665 outline: 0.2rem solid #8193a5;
35666 box-shadow: inset 0 0 0 2px #343a40;
35669 .btn-outline-dark:focus, .btn-outline-dark.focus {
35670 outline: 0.2rem solid black;
35671 box-shadow: inset 0 0 0 2px #343a40;
35674 .gradetreebox {
35675 margin: 20px 0 30px 0;
35677 .gradetreebox h4 {
35678 font-size: 0.9375rem;
35680 .gradetreebox th.cell,
35681 .gradetreebox input[type=text] {
35682 width: auto;
35684 .gradetreebox input[type=text],
35685 .gradetreebox select {
35686 margin-bottom: 0;
35689 .core_grades_notices .singlebutton {
35690 display: inline-block;
35693 .path-grade-report #maincontent + .urlselect {
35694 position: absolute;
35695 left: 40vw;
35698 .path-grade-report-grader #region-main {
35699 min-width: 100%;
35700 width: auto;
35701 display: flex;
35702 flex-direction: column;
35704 .path-grade-report-grader #region-main > .card {
35705 width: auto;
35706 overflow-x: initial;
35708 .path-grade-report-grader #region-main div[role=main] {
35709 flex: 1 1 auto;
35711 .path-grade-report-grader [data-region=blocks-column] {
35712 width: 100%;
35713 clear: both;
35716 .path-grade-report-grader .gradepass,
35717 .path-grade-report-user .gradepass {
35718 color: #357a32;
35720 .path-grade-report-grader .gradefail,
35721 .path-grade-report-user .gradefail {
35722 color: #ca3120;
35725 .path-grade #region-main {
35726 overflow-x: visible;
35728 .path-grade .user-heading .userinitials {
35729 width: 50px;
35730 height: 50px;
35733 #page-grade-grading-manage #activemethodselector label {
35734 display: inline-block;
35736 #page-grade-grading-manage #activemethodselector .helptooltip {
35737 margin-right: 0.5em;
35739 #page-grade-grading-manage .actions {
35740 display: block;
35741 text-align: center;
35742 margin-bottom: 1em;
35744 #page-grade-grading-manage .actions .action {
35745 display: inline-block;
35746 position: relative;
35747 vertical-align: top;
35748 width: 150px;
35749 text-align: center;
35750 overflow: hidden;
35751 margin: 0.5em;
35752 padding: 1em;
35753 border: 1px solid #aaa;
35755 #page-grade-grading-manage .actions .action .action-text {
35756 position: relative;
35757 top: 0.4em;
35758 font-size: 14px;
35759 white-space: normal;
35762 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
35763 font-size: 70%;
35766 .gradingform_rubric {
35767 margin-bottom: 1em;
35769 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
35770 background: #dff0d8;
35772 .gradingform_rubric.evaluate .criterion .levels .level.checked {
35773 border: none;
35774 border-left: 1px solid #dee2e6;
35776 .gradingform_rubric .criterion .description {
35777 vertical-align: top;
35778 padding: 6px;
35780 .gradingform_rubric .criterion .description textarea {
35781 margin-bottom: 0;
35782 height: 115px;
35784 .gradingform_rubric .criterion .definition textarea {
35785 width: 80%;
35786 margin-bottom: 0;
35788 .gradingform_rubric .criterion .score {
35789 margin-top: 5px;
35790 margin-right: 28px;
35791 font-style: italic;
35792 font-weight: bold;
35793 color: #2d662a;
35795 .gradingform_rubric .criterion .score input {
35796 margin-bottom: 0;
35798 .gradingform_rubric .criterion .level {
35799 vertical-align: top;
35800 padding: 6px;
35802 .gradingform_rubric .criterion .level.currentchecked {
35803 background: #fff0f0;
35805 .gradingform_rubric .criterion .level.checked {
35806 background: #d0ffd0;
35807 border: 1px solid #555;
35809 .gradingform_rubric .criterion .level .delete {
35810 position: relative;
35811 width: 32px;
35812 height: 32px;
35813 margin-top: -32px;
35814 clear: both;
35815 float: right;
35817 .gradingform_rubric .criterion .level .delete input {
35818 display: block;
35819 position: absolute;
35820 right: 0;
35821 bottom: 0;
35822 height: 24px;
35823 width: 24px;
35824 margin: 0;
35826 .gradingform_rubric .criterion .level .delete input:hover {
35827 background-color: #ddd;
35829 .gradingform_rubric .criterion .scorevalue input {
35830 float: none;
35831 width: 2em;
35833 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
35834 width: 0;
35836 .gradingform_rubric .criterion .addlevel {
35837 vertical-align: top;
35838 padding-top: 6px;
35840 .gradingform_rubric .criterion .addlevel input {
35841 height: 30px;
35842 line-height: 1rem;
35844 .gradingform_rubric .addcriterion {
35845 margin-left: 5px;
35846 padding: 0;
35847 margin-bottom: 1em;
35849 .gradingform_rubric .addcriterion input {
35850 margin: 0;
35851 color: inherit;
35852 text-shadow: inherit;
35853 border: 0 none;
35854 line-height: inherit;
35855 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
35856 padding-left: 26px;
35858 .gradingform_rubric .options {
35859 clear: both;
35861 .gradingform_rubric .options .option label {
35862 margin: 0;
35863 padding: 0;
35864 font-size: inherit;
35865 font-weight: normal;
35866 line-height: 2em;
35867 color: inherit;
35868 text-shadow: none;
35869 background-color: transparent;
35871 .gradingform_rubric .options .option input {
35872 margin-left: 5px;
35873 margin-right: 12px;
35876 .grade-display .description {
35877 font-size: 1rem;
35880 .criterion .description {
35881 font-size: 1rem;
35883 .criterion .criterion-toggle .expanded-icon {
35884 display: block;
35886 .criterion .criterion-toggle .collapsed-icon {
35887 display: none;
35889 .criterion .criterion-toggle.collapsed .expanded-icon {
35890 display: none;
35892 .criterion .criterion-toggle.collapsed .collapsed-icon {
35893 display: block;
35896 .path-grade-edit-tree .collapse-list .unlist {
35897 padding-left: 2rem;
35899 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode]:focus > .collapse-list-item:first-child {
35900 background-color: #e0f0f2;
35901 border-color: #b8dce2;
35903 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][data-selected=true] > .collapse-list-item:first-child {
35904 background-color: #e0f0f2;
35905 border-color: #b8dce2;
35906 color: #0f6cbf;
35908 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode] .collapse-list-item-content[aria-hidden=true] {
35909 display: none;
35911 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=true] > .collapse-list-item .collapsed-icon {
35912 display: none;
35914 .path-grade-edit-tree .collapse-list .unlist [data-for=sectionnode][aria-expanded=false] > .collapse-list-item .expanded-icon {
35915 display: none;
35917 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
35918 padding: 0.5rem 1rem;
35919 cursor: pointer;
35921 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
35922 font-weight: bold;
35924 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
35925 color: #1d2125;
35926 padding: 0 0.2rem;
35927 margin-right: 0.3rem;
35929 .path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
35930 font-size: 12px;
35931 width: 12px;
35932 height: 12px;
35933 margin: 0;
35935 .path-grade-edit-tree .gradetree-wrapper {
35936 padding: 10px 10px;
35937 background-color: #f8f9fa;
35939 .path-grade-edit-tree .gradetree-wrapper .setup-grades h4 {
35940 margin: 0;
35942 .path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
35943 padding: 0;
35944 width: 24px;
35945 min-width: 24px;
35946 max-width: 24px;
35948 .path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
35949 display: none;
35951 .path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
35952 font-weight: normal;
35953 padding-left: 24px;
35955 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
35956 height: 0.5rem;
35958 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden=true] {
35959 display: none;
35961 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
35962 vertical-align: bottom;
35963 border: none;
35964 text-align: left;
35965 background-color: #f8f9fa;
35967 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
35968 padding: 0;
35969 width: 24px;
35970 min-width: 24px;
35972 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
35973 min-width: 4.5em;
35974 background-color: #f8f9fa;
35975 border: none;
35976 vertical-align: middle;
35978 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small {
35979 font-size: 70%;
35981 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
35982 margin-right: 15px;
35984 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
35985 min-width: 15em;
35987 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
35988 margin-right: 5px;
35990 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
35991 display: none;
35993 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
35994 padding: 0;
35996 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
35997 display: block;
35998 width: 100%;
35999 margin: 5px 0 5px 0;
36000 padding: 3px 0 3px 0;
36002 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
36003 border-top: 2px dashed #8f959e;
36004 margin: 0;
36006 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
36007 border-top: 2px dashed #0f6cbf;
36009 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
36010 background-color: #fff;
36011 border-top: 1px solid #dee2e6;
36012 border-bottom: 1px solid #dee2e6;
36014 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
36015 border-left: 1px solid #dee2e6;
36017 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
36018 border-right: 1px solid #dee2e6;
36020 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
36021 font-weight: bold;
36023 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
36024 display: flex;
36025 min-height: 30px;
36026 align-items: center;
36028 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check {
36029 padding: 0;
36031 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div .form-check .itemselect {
36032 margin-right: 5px;
36034 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
36035 height: 24px;
36036 width: 24px;
36037 font-size: 12px;
36038 line-height: 24px;
36039 margin-right: 3px;
36041 .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 {
36042 display: none;
36044 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
36045 font-size: 12px;
36046 width: 12px;
36047 height: 12px;
36048 color: #1d2125;
36049 margin: 0;
36051 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
36052 background-color: #fff;
36053 border-top: 3px solid #f8f9fa;
36055 .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 {
36056 min-width: 4.5em;
36057 background-color: #f8f9fa;
36058 border: none;
36059 vertical-align: middle;
36061 .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 {
36062 padding-left: 0;
36064 .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) {
36065 font-weight: bold;
36067 .path-grade-edit-tree .gradetree-wrapper .badge-light {
36068 color: #1d2125;
36069 background-color: #ced4da;
36070 margin-right: 0.5em;
36071 margin-bottom: 0.5em;
36075 * Grader report.
36077 .path-grade-report-grader .gradeparent tr .cell,
36078 .path-grade-report-grader .gradeparent .floater .cell {
36079 background-color: #fff;
36081 .path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,
36082 .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
36083 z-index: 1;
36085 .path-grade-report-grader .gradeparent table,
36086 .path-grade-report-grader .gradeparent .cell {
36087 border-color: #dee2e6;
36089 .path-grade-report-grader .gradeparent .heading .cell,
36090 .path-grade-report-grader .gradeparent .cell.category,
36091 .path-grade-report-grader .gradeparent .avg .cell {
36092 background-color: #f8f9fa;
36094 .path-grade-report-grader .gradeparent table .clickable {
36095 cursor: pointer;
36097 .path-grade-report-grader .gradeparent tr.heading {
36098 position: sticky;
36099 top: 60px;
36100 z-index: 4;
36102 .path-grade-report-grader .gradeparent tr.userrow th {
36103 z-index: 2;
36105 .path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
36106 z-index: 3;
36108 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
36109 position: sticky;
36110 bottom: -1px;
36112 .path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
36113 z-index: 4;
36115 .path-grade-report-grader .gradeparent tr.lastrow td,
36116 .path-grade-report-grader .gradeparent tr.lastrow th {
36117 border-top: 1px solid #dee2e6;
36119 .path-grade-report-grader .gradeparent th.header {
36120 left: 0;
36121 position: sticky;
36123 .path-grade-report-grader .gradeparent th.header#studentheader {
36124 z-index: 1;
36126 .path-grade-report-grader .gradeparent td.noborder {
36127 border-right: transparent;
36129 .path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
36130 bottom: calc(max(80px, 0.9375rem * 3) - 1px);
36134 * User report.
36136 .path-grade-report-user .user-grade {
36137 border: none;
36139 .path-grade-report-user .user-grade.generaltable .levelodd {
36140 background-color: rgba(0, 0, 0, 0.03);
36142 .path-grade-report-user .user-grade .column-contributiontocoursetotal,
36143 .path-grade-report-user .user-grade .column-range,
36144 .path-grade-report-user .user-grade .column-percentage,
36145 .path-grade-report-user .user-grade .column-weight {
36146 /*rtl:ignore*/
36147 direction: ltr;
36151 * Single view.
36153 .path-grade-report-singleview .reporttable input[name^=finalgrade] {
36154 width: 80px;
36155 display: inline-block;
36157 .path-grade-report-singleview .reporttable .action-menu {
36158 display: inline-block;
36159 margin-left: 0.5rem;
36160 float: right;
36162 .path-grade-report-singleview .reporttable .dropdown-toggle::after {
36163 display: none;
36166 .gradereport-grader-table input[name^=grade] {
36167 width: 80px;
36168 display: inline-block;
36170 .gradereport-grader-table .dropdown-toggle::after {
36171 display: none;
36174 .search-widget .dropdown-menu {
36175 padding: 0.8rem 1.2rem;
36177 .search-widget .dropdown-menu.wide {
36178 width: 350px;
36180 .search-widget .dropdown-menu.narrow {
36181 width: 250px;
36183 .search-widget .dropdown-menu .dropdown-item span.email {
36184 color: #6a737b;
36186 .search-widget .dropdown-menu .dropdown-item:hover span,
36187 .search-widget .dropdown-menu .dropdown-item:active span {
36188 color: #fff;
36190 .search-widget .dropdown-menu .searchresultscontainer {
36191 height: 178px;
36192 font-size: 90%;
36194 .search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
36195 height: 178px;
36196 max-height: 178px;
36197 overflow: auto;
36199 .search-widget .dropdown-menu .unsearchablecontentcontainer {
36200 border-top: 1px solid #dee2e6;
36201 padding-top: 10px;
36202 font-size: 90%;
36205 #fitem_id_submitbutton {
36206 padding-right: 2em;
36209 .gradestatus {
36210 padding-top: 10px;
36213 .gradestatus .icon {
36214 margin-right: 1rem;
36217 .columns-autoflow-1to1to1 {
36218 column-count: 3;
36221 @media (max-width: 767px) {
36222 .columns-autoflow-1to1to1 {
36223 column-count: 1;
36226 /* some very targetted corrections to roll back nameclashes between
36227 * Moodle and Bootstrap like .row, .label, .content, .controls
36229 * Mostly relies on these styles being more specific than the Bootstrap
36230 * ones in order to overule them.
36232 li.activity.label,
36233 .file-picker td.label {
36234 background: inherit;
36235 color: inherit;
36236 text-shadow: none;
36237 white-space: normal;
36238 display: block;
36239 font-size: inherit;
36240 line-height: inherit;
36241 text-align: inherit;
36244 .file-picker td.label {
36245 border: inherit;
36246 display: table-cell;
36247 text-align: right;
36248 padding: 8px;
36251 .choosercontainer #chooseform .option {
36252 font-size: 12px;
36255 /* block.invisible vs .invisible
36256 * block.hidden vs .invisible
36258 * uses .invisible where the rest of Moodle uses @mixin dimmed
36259 * fixible in block renderer?
36261 * There's seems to be even more naming confusion here since,
36262 * blocks can be actually 'visible' (or not) to students,
36263 * marked 'visible' but really just dimmed to indicate to editors
36264 * that students can't see them or 'visible' to the user who
36265 * collapses them, 'visible' if you have the right role and in
36266 * different circumstances different sections of a block can
36267 * be 'visible' or not.
36269 * currently worked around in renderers.php function block{}
36270 * by rewriting the class name "invisible" to "dimmed",
36271 * though the blocks don't look particularly different apart
36272 * from their contents disappearing. Maybe try .muted? or
36273 * dimming all the edit icons apart from unhide, might be a
36274 * nice effect, though they'd still be active. Maybe reverse
36275 * it to white?
36277 .section.hidden,
36278 .block.hidden,
36279 .block.invisible {
36280 visibility: visible;
36281 display: block;
36284 /* .row vs .row
36286 * very tricky to track down this when it goes wrong,
36287 * since the styles are applied to generated content
36289 * basically if you see things shifted left or right compared
36290 * with where they should be check for a .row
36292 .forumpost .row {
36293 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
36296 .forumpost .row:before,
36297 .forumpost .row:after {
36298 content: none;
36301 /* fieldset.hidden vs .hidden
36303 * Moodle uses fieldset.hidden for mforms, to signify a collection of
36304 * form elements that don't have a box drawn round them. Bootstrap
36305 * uses hidden for stuff that is hidden in various responsive modes.
36307 * Relatedly, there is also fieldset.invisiblefieldset which hides the
36308 * border and sets the display to inline.
36310 * Originally this just set block and visible, but it is used
36311 * in random question dialogue in Quiz,
36312 * that dialogue is hidden and shown, so when hidden the
36313 * above workaround leaves you with a button floating around
36315 fieldset.hidden {
36316 display: inherit;
36317 visibility: inherit;
36320 /* .container vs .container
36322 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
36323 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
36324 * it becomes near unuseable.
36326 #questionbank + .container {
36327 width: auto;
36330 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
36331 display: block;
36332 margin-top: -6px;
36335 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
36336 .langmenu.open > .dropdown-menu {
36337 display: block;
36338 max-height: 150px;
36339 overflow-y: auto;
36342 .navbar.fixed-top .dropdown .dropdown-menu {
36343 max-height: calc(100vh - 60px);
36344 overflow-y: auto;
36347 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
36348 z-index: inherit;
36351 .custom-select {
36352 word-wrap: normal;
36355 /* Add commented out carousel transistions back in.
36357 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
36359 .carousel-item-next.carousel-item-left,
36360 .carousel-item-prev.carousel-item-right {
36361 transform: translateX(0);
36364 .carousel-item-next,
36365 .active.carousel-item-right {
36366 transform: translateX(100%);
36369 .carousel-item-prev,
36370 .active.carousel-item-left {
36371 transform: translateX(-100%);
36375 * Reset all of the forced style on the page.
36376 * - Remove borders on header and content.
36377 * - Remove most of the vertical padding.
36378 * - Make the content region flex grow so it pushes things like the
36379 * next activity selector to the bottom of the page.
36381 body.reset-style #page-header .card {
36382 border: none;
36384 body.reset-style #page-header .card .page-header-headings h1 {
36385 margin-bottom: 0;
36387 @media (max-width: 767.98px) {
36388 body.reset-style #page-header .card .card-body {
36389 padding-left: 0;
36390 padding-right: 0;
36393 body.reset-style #page-header > div {
36394 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
36395 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
36397 body.reset-style #page-content {
36398 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
36400 body.reset-style #page-content #region-main-box #region-main {
36401 border: none;
36402 display: inline-flex;
36403 flex-direction: column;
36404 padding: 0;
36405 height: 100%;
36406 width: 100%;
36407 padding-left: 1.25rem;
36408 padding-right: 1.25rem;
36409 vertical-align: top;
36411 body.reset-style #page-content #region-main-box #region-main div[role=main] {
36412 flex: 1 0 auto;
36414 body.reset-style #page-content #region-main-box #region-main .activity-navigation {
36415 overflow: hidden;
36417 body.reset-style #page-content #region-main-box #region-main.has-blocks {
36418 width: calc(100% - 375px);
36420 @media (max-width: 1199.98px) {
36421 body.reset-style #page-content #region-main-box #region-main.has-blocks {
36422 width: 100%;
36425 @media (max-width: 767.98px) {
36426 body.reset-style #page-content #region-main-box #region-main {
36427 padding-left: 0;
36428 padding-right: 0;
36431 body.reset-style #page-content #region-main-box [data-region=blocks-column] {
36432 margin-left: auto;
36434 @media (max-width: 1199.98px) {
36435 body.reset-style #page-content #region-main-box {
36436 display: flex;
36437 flex-direction: column;
36440 body.reset-style select,
36441 body.reset-style input,
36442 body.reset-style textarea,
36443 body.reset-style .btn:not(.btn-icon) {
36444 border-radius: 0.6rem;
36447 body.behat-site .fixed-top {
36448 position: absolute;
36450 body.behat-site.hasstickyfooter .stickyfooter,
36451 body.behat-site .stickyfooter {
36452 position: inherit;
36453 z-index: inherit;
36455 body.behat-site.hasstickyfooter .stickyfooter .sticky-footer-content-wrapper,
36456 body.behat-site .stickyfooter .sticky-footer-content-wrapper {
36457 padding: 0;
36458 margin: 0;
36460 body.behat-site .dropdown-item {
36461 margin-top: 4px !important; /* stylelint-disable declaration-no-important */
36463 body.behat-site.drawer-ease {
36464 -webkit-transition: initial;
36465 -moz-transition: initial;
36466 transition: initial;
36468 body.behat-site [data-region=drawer] {
36469 -webkit-transition: initial;
36470 -moz-transition: initial;
36471 transition: initial;
36472 position: absolute;
36474 body.behat-site .custom-control,
36475 body.behat-site .custom-switch {
36476 padding-left: 0;
36478 body.behat-site .custom-control-input {
36479 position: static;
36480 z-index: 0;
36481 opacity: 1;
36482 width: auto;
36484 body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
36485 content: none;
36487 body.behat-site [data-region=message-drawer] {
36488 padding-right: 10px;
36490 body.behat-site.jsenabled #page-footer .footer-content-popover {
36491 display: block;
36493 body.behat-site.path-grade-report-grader .gradeparent tr.heading,
36494 body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,
36495 body.behat-site.path-grade-report-grader .gradeparent th.header {
36496 position: relative;
36497 left: auto;
36499 body.behat-site.path-grade-report-grader .gradeparent tr.heading {
36500 top: auto;
36503 .phpinfo table,
36504 .phpinfo th,
36505 .phpinfo h2 {
36506 margin: auto;
36509 .phpinfo .e,
36510 .phpinfo .v,
36511 .phpinfo .h {
36512 border: 1px solid #000;
36513 font-size: 0.8em;
36514 vertical-align: baseline;
36515 color: #000;
36516 background-color: #ccc;
36519 .phpinfo .e {
36520 background-color: #ccf;
36521 font-weight: bold;
36524 .phpinfo .h {
36525 background-color: #99c;
36526 font-weight: bold;
36529 body > .debuggingmessage {
36530 margin-top: 60px;
36533 body > .debuggingmessage ~ .debuggingmessage {
36534 margin-top: 0.5rem;
36538 * This file contains the styles required to make the footer sticky.
36540 html,
36541 body {
36542 height: 100%;
36545 .stickyfooter {
36546 position: fixed;
36547 right: 0;
36548 left: 0;
36549 height: max(80px, 0.9375rem * 3);
36550 bottom: calc(max(80px, 0.9375rem * 3) * -1);
36551 transition: bottom 0.5s;
36552 z-index: 1030;
36553 overflow: hidden;
36554 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
36555 font-size: calc(0.9375rem * 1.10);
36557 @media (min-width: 768px) {
36558 .pagelayout-standard .stickyfooter .sticky-footer-content, body.limitedwidth.uses-drawers .stickyfooter .sticky-footer-content {
36559 max-width: 830px;
36561 body.mediumwidth.uses-drawers .stickyfooter .sticky-footer-content {
36562 max-width: 1120px;
36565 .stickyfooter .sticky-footer-content-wrapper {
36566 transition: 0.2s;
36568 @media (prefers-reduced-motion: reduce) {
36569 .stickyfooter .sticky-footer-content-wrapper {
36570 transition: none;
36573 @media (min-width: 992px) {
36574 .stickyfooter .sticky-footer-content-wrapper .drawers {
36575 padding: 0 3rem;
36577 .show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36578 margin-left: 285px;
36579 padding: 0 3rem 0 1rem;
36581 .show-drawer-right .stickyfooter .sticky-footer-content-wrapper {
36582 margin-right: 315px;
36583 padding: 0 1rem 0 3rem;
36585 .show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
36586 padding: 0 1rem;
36590 .hasstickyfooter .stickyfooter {
36591 bottom: 0;
36594 /* Standard components fixes for sticky footer. */
36595 .stickyfooter ul.pagination {
36596 margin-bottom: 0.25rem;
36599 .stickyfooter .btn {
36600 font-size: calc(0.9375rem * 1.10);
36603 /* Breakpoints fixes. */
36604 @media (min-width: 576px) {
36605 #page-wrapper {
36606 height: 100%;
36607 display: flex;
36608 flex-direction: column;
36610 #page-wrapper #page {
36611 display: flex;
36612 flex-direction: column;
36614 #page-wrapper #page:not(.drawers) {
36615 flex: 1 0 auto;
36617 #page-wrapper #page #page-content {
36618 flex: 1 0 auto;
36620 #page-wrapper #page-footer {
36621 flex-shrink: 0;
36624 @media (max-width: 767.98px) {
36625 #page-wrapper {
36626 height: 100%;
36627 display: flex;
36628 flex-direction: column;
36630 #page-wrapper #page {
36631 display: flex;
36632 flex-direction: column;
36634 #page-wrapper #page:not(.drawers) {
36635 flex: 1 0 auto;
36638 .popover-region {
36639 position: relative;
36641 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
36642 display: none;
36644 .popover-region.collapsed .popover-region-container {
36645 opacity: 0;
36646 visibility: hidden;
36647 height: 0;
36648 overflow: hidden;
36649 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36652 .popover-region-toggle {
36653 cursor: pointer;
36655 .popover-region-toggle::before {
36656 content: "";
36657 display: inline-block;
36658 border-left: 10px solid transparent;
36659 border-right: 10px solid transparent;
36660 border-bottom: 10px solid #ddd;
36661 position: absolute;
36662 bottom: 0;
36663 right: 7px;
36665 .popover-region-toggle::after {
36666 content: "";
36667 display: inline-block;
36668 border-left: 9px solid transparent;
36669 border-right: 9px solid transparent;
36670 border-bottom: 9px solid #fff;
36671 position: absolute;
36672 bottom: -1px;
36673 right: 8px;
36674 z-index: 2;
36677 .count-container {
36678 padding: 2px;
36679 border-radius: 2px;
36680 background-color: #ca3120;
36681 color: #fff;
36682 font-size: 11px;
36683 line-height: 11px;
36684 position: absolute;
36685 top: 5px;
36686 right: 0;
36689 .popover-region-container {
36690 opacity: 1;
36691 visibility: visible;
36692 position: absolute;
36693 right: 0;
36694 top: 0;
36695 height: 500px;
36696 width: 380px;
36697 border: 1px solid #ddd;
36698 transition: height 0.25s;
36699 background-color: #fff;
36700 z-index: 1;
36703 .popover-region-header-container {
36704 height: 25px;
36705 line-height: 25px;
36706 padding-left: 5px;
36707 padding-right: 5px;
36708 border-bottom: 1px solid #ddd;
36709 box-sizing: border-box;
36712 .popover-region-footer-container {
36713 height: 30px;
36714 text-align: center;
36715 border-top: 1px solid #ddd;
36716 background-color: #fff;
36717 padding-top: 3px;
36720 .popover-region-header-text {
36721 float: left;
36722 margin: 0;
36723 font-size: 14px;
36724 line-height: 25px;
36727 .popover-region-header-actions {
36728 float: right;
36730 .popover-region-header-actions > * {
36731 margin-left: 10px;
36732 min-width: 20px;
36733 display: inline-block;
36735 .popover-region-header-actions .loading-icon {
36736 display: none;
36737 height: 12px;
36738 width: 12px;
36740 .popover-region-header-actions .newmessage-link {
36741 margin-right: 10px;
36743 .popover-region-header-actions label {
36744 display: inline-block;
36745 text-align: center;
36746 margin-bottom: 0;
36749 .popover-region-content-container {
36750 height: calc(100% - 55px);
36751 width: 100%;
36752 overflow-y: auto;
36753 -webkit-overflow-scrolling: touch;
36755 .popover-region-content-container > .loading-icon {
36756 display: none;
36757 text-align: center;
36758 padding: 5px;
36759 box-sizing: border-box;
36761 .popover-region-content-container .empty-message {
36762 display: none;
36763 text-align: center;
36764 padding: 10px;
36766 .popover-region-content-container.loading > .loading-icon {
36767 display: block;
36769 .popover-region-content-container.loading .empty-message {
36770 display: none;
36773 .navbar-nav .popover-region .icon {
36774 font-weight: bolder;
36777 .navbar .popover-region.collapsed .popover-region-container {
36778 opacity: 0;
36779 visibility: hidden;
36780 height: 0;
36781 overflow: hidden;
36782 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
36784 .navbar .count-container {
36785 padding: 2px;
36786 border-radius: 2px;
36787 background-color: #ca3120;
36788 color: #fff;
36789 font-size: 11px;
36790 line-height: 11px;
36791 position: absolute;
36792 top: 15px;
36793 right: 0;
36795 .navbar .popover-region-container {
36796 top: 60px;
36799 .content-item-container {
36800 width: 100%;
36801 border-bottom: 1px solid #ddd;
36802 box-sizing: border-box;
36803 padding: 5px;
36804 position: relative;
36805 margin: 0;
36806 display: block;
36807 color: inherit;
36808 text-decoration: none;
36810 .content-item-container:hover {
36811 color: #fff;
36812 background-color: #0f6cbf;
36814 .content-item-container:hover .content-item-footer .timestamp {
36815 color: #fff;
36817 .content-item-container:hover .view-more {
36818 color: inherit;
36820 .content-item-container.unread {
36821 margin: 0;
36822 background-color: #f4f4f4;
36824 .content-item-container.unread:hover {
36825 color: #fff;
36826 background-color: #0f6cbf;
36828 .content-item-container.unread .content-item-body .notification-message {
36829 font-weight: 600;
36831 .content-item-container .context-link {
36832 color: inherit;
36833 text-decoration: none;
36835 .content-item-container .content-item-body {
36836 box-sizing: border-box;
36837 margin-bottom: 5px;
36839 .content-item-container .content-item-footer {
36840 text-align: left;
36841 box-sizing: border-box;
36843 .content-item-container .content-item-footer .timestamp {
36844 font-size: 10px;
36845 line-height: 10px;
36846 margin: 0;
36847 color: inherit;
36848 margin-left: 24px;
36850 .content-item-container .view-more {
36851 position: absolute;
36852 bottom: 5px;
36853 right: 5px;
36854 font-size: 12px;
36855 line-height: 12px;
36857 .content-item-container .view-more:hover {
36858 color: inherit;
36860 .content-item-container.notification .content-item-body .notification-image {
36861 display: inline-block;
36862 width: 24px;
36863 height: 24px;
36864 float: left;
36866 .content-item-container.notification .content-item-body .notification-image img {
36867 height: 75%;
36869 .content-item-container.notification .content-item-body .notification-message {
36870 display: inline-block;
36871 font-size: 12px;
36872 width: calc(100% - 24px);
36874 .content-item-container.selected {
36875 background-color: #3279b3;
36876 color: #fff;
36877 border-color: #3279b3;
36879 .content-item-container.selected .content-item-footer .timestamp {
36880 color: #fff;
36883 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
36884 display: inline-block;
36886 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
36887 display: none;
36889 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
36890 display: inline-block;
36892 .popover-region-notifications .all-notifications {
36893 opacity: 1;
36894 visibility: visible;
36895 height: auto;
36896 overflow: hidden;
36898 .popover-region-notifications .all-notifications:empty + .empty-message {
36899 display: block;
36901 .popover-region-notifications .notification-image {
36902 display: inline-block;
36903 width: 8%;
36904 vertical-align: top;
36906 .popover-region-notifications .notification-image img {
36907 height: 75%;
36909 .popover-region-notifications .notification-message {
36910 display: inline-block;
36911 font-size: 12px;
36913 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
36914 display: none;
36917 .popover-region-messages .mark-all-read-button .normal-icon {
36918 display: inline-block;
36920 .popover-region-messages .mark-all-read-button.loading .normal-icon {
36921 display: none;
36923 .popover-region-messages .mark-all-read-button.loading .loading-icon {
36924 display: inline-block;
36926 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
36927 display: none;
36929 .popover-region-messages .messages:empty + .empty-message {
36930 display: block;
36932 .popover-region-messages .content-item-container.unread .content-item-body {
36933 font-weight: 600;
36934 width: calc(90% - 30px);
36936 .popover-region-messages .content-item-container.unread .unread-count-container {
36937 display: inline-block;
36938 width: 10%;
36939 text-align: center;
36940 float: right;
36942 .popover-region-messages .content-item {
36943 height: 100%;
36944 width: 100%;
36945 box-sizing: border-box;
36947 .popover-region-messages .profile-image-container {
36948 width: 30px;
36949 display: inline-block;
36950 text-align: center;
36951 float: left;
36953 .popover-region-messages .profile-image-container img {
36954 width: 100%;
36955 display: inline-block;
36956 vertical-align: middle;
36957 border-radius: 50%;
36959 .popover-region-messages .content-item-body {
36960 display: inline-block;
36961 box-sizing: border-box;
36962 width: calc(100% - 30px);
36963 font-size: 12px;
36964 padding-left: 10px;
36965 overflow: hidden;
36967 .popover-region-messages .content-item-body h3 {
36968 font-size: 12px;
36969 line-height: 12px;
36970 margin: 0;
36971 width: 100%;
36973 .popover-region-messages .content-item-body p {
36974 margin: 0;
36976 .popover-region-messages .unread-count-container {
36977 display: none;
36980 @media (max-width: 767px) {
36981 .navbar .popover-region .popover-region-container {
36982 right: -70px;
36985 @media (max-width: 480px) {
36986 .navbar .popover-region .popover-region-container {
36987 position: fixed;
36988 top: 46px;
36989 right: 0;
36990 left: 0;
36991 bottom: 0;
36992 width: auto;
36993 height: auto;
36997 * Tour step must sit above all other UI components.
36998 * The backdrop is the lowest point in the tour.
36999 * Everything else is in the container, and the target background should be at the same z-index.
37000 * ----- moodle
37001 * ---- step backdrop
37002 * --- step container
37003 * --- step target background
37005 div[data-flexitour=backdrop] {
37006 background-color: #000;
37007 opacity: 0.5;
37008 z-index: 1040;
37011 div[data-flexitour=step-background-fader],
37012 div[data-flexitour=step-background] {
37013 border-radius: 0.6rem;
37014 padding: 10px;
37015 z-index: 1041;
37018 span[data-flexitour=container],
37019 div[data-flexitour=step-background-fader],
37020 [data-flexitour=step-backdrop] > td,
37021 [data-flexitour=step-backdrop] {
37022 z-index: 1042;
37025 span[data-flexitour=container] .modal-dialog {
37027 * Remove all margins to:
37028 * 1) ensure that the arrow touches the target; and
37029 * 2) ensure that the focus border touches the modal.
37031 margin: 0;
37033 span[data-flexitour=container] div[data-role=arrow] {
37034 border-width: 1rem;
37036 span[data-flexitour=container] div[data-role=arrow],
37037 span[data-flexitour=container] div[data-role=arrow]:after {
37038 position: absolute;
37039 display: block;
37040 width: 0;
37041 height: 0;
37042 border-color: transparent;
37043 border-style: solid;
37044 border-width: 1rem;
37046 span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
37047 margin-bottom: 1rem;
37049 span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
37050 bottom: -1rem;
37051 left: 50%;
37052 margin-left: -1rem;
37053 border-bottom-width: 0;
37054 border-top-color: rgba(0, 0, 0, 0.25);
37056 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 {
37057 bottom: 1px;
37058 margin-left: -1rem;
37059 content: " ";
37060 border-bottom-width: 0;
37061 border-top-color: #fff;
37063 span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
37064 margin-top: 1rem;
37066 span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
37067 top: -1rem;
37068 left: 50%;
37069 margin-left: -1rem;
37070 border-top-width: 0;
37071 border-bottom-color: rgba(0, 0, 0, 0.25);
37073 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 {
37074 top: 1px;
37075 margin-left: -1rem;
37076 content: " ";
37077 border-top-width: 0;
37078 border-bottom-color: #fff;
37080 span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
37081 margin-right: 1rem;
37083 span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
37084 right: -1rem;
37085 top: 50%;
37086 margin-top: -1rem;
37087 border-right-width: 0;
37088 border-left-color: rgba(0, 0, 0, 0.25);
37090 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 {
37091 right: 1px;
37092 margin-top: -1rem;
37093 content: " ";
37094 border-right-width: 0;
37095 border-left-color: #fff;
37097 span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
37098 margin-left: 1rem;
37100 span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
37101 left: -1rem;
37102 top: 50%;
37103 margin-top: -1rem;
37104 border-left-width: 0;
37105 border-right-color: rgba(0, 0, 0, 0.25);
37107 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 {
37108 left: 1px;
37109 margin-top: -1rem;
37110 content: " ";
37111 border-left-width: 0;
37112 border-right-color: #fff;
37114 .dir-rtl span[data-flexitour=container][x-placement^=right] {
37115 margin-left: 1rem;
37117 .dir-rtl span[data-flexitour=container][x-placement^=right] div[data-role=arrow] {
37118 transform: rotate(180deg);
37119 left: -1rem;
37120 right: auto;
37122 .dir-rtl span[data-flexitour=container][x-placement^=left] {
37123 margin-right: 1rem;
37125 .dir-rtl span[data-flexitour=container][x-placement^=left] div[data-role=arrow] {
37126 transform: rotate(180deg);
37127 left: auto;
37128 right: -1rem;
37131 [data-region=drawer] [data-flexitour=container] {
37132 /*rtl:ignore*/
37133 margin-left: -15px;
37134 width: 275px;
37137 @media print {
37138 body.drawer-open-left.jsenabled,
37139 body.drawer-open-right.jsenabled {
37140 margin: 0;
37142 .container {
37143 width: auto;
37146 .modal .modal-body > .loading-icon {
37147 display: block;
37148 position: relative;
37149 width: 100%;
37150 height: 100%;
37152 .modal .modal-body > .loading-icon .icon {
37153 position: absolute;
37154 top: 50%;
37155 /*rtl:ignore*/
37156 left: 50%;
37157 transform: translate(-50%, -50%);
37159 .modal .btn-close {
37160 margin: -0.8rem -0.8rem -0.8rem auto;
37162 .modal .btn-close:not(:disabled):not(.disabled):hover, .modal .btn-close:not(:disabled):not(.disabled):focus {
37163 opacity: inherit;
37166 /* Bug fix for TinyMCE menu when in fullscreen mode. */
37167 body.tox-fullscreen .modal-dialog {
37168 width: 100%;
37169 max-width: 100%;
37170 height: 100%;
37172 body.tox-fullscreen .modal-dialog .modal-header {
37173 height: 0;
37174 padding: 0;
37176 body.tox-fullscreen .modal-dialog .tox-tinymce-aux {
37177 position: relative;
37180 /* Bug fix TinyMCE menu width dropdowns when in fullscreen mode. */
37181 body.tox-fullscreen .tox.tox-tinymce-aux {
37182 position: relative !important;
37185 .layout.fullscreen {
37186 height: 100vh;
37187 position: fixed;
37188 top: 0;
37189 left: 0;
37190 z-index: 1040;
37191 transition: 0.5s;
37192 width: 100vw;
37193 margin: 0;
37194 opacity: 1;
37195 background-color: #fff;
37197 @media (prefers-reduced-motion: reduce) {
37198 .layout.fullscreen {
37199 transition: none;
37202 .layout.fullscreen > div {
37203 height: 100%;
37204 width: 100%;
37206 .layout.fullscreen .loading-icon {
37207 margin-left: auto;
37208 margin-right: auto;
37209 text-align: center;
37210 display: inline-block;
37211 width: 100%;
37212 top: 40%;
37213 position: fixed;
37215 .layout.fullscreen .loading-icon .icon {
37216 max-width: 4em;
37217 max-height: 4em;
37218 font-size: 4em;
37221 #page.drawers {
37222 margin-top: 60px;
37223 scrollbar-width: thin;
37224 scrollbar-color: #6a737b #f8f9fa;
37226 #page.drawers::-webkit-scrollbar {
37227 width: 12px;
37229 #page.drawers::-webkit-scrollbar-track {
37230 background: #f8f9fa;
37232 #page.drawers::-webkit-scrollbar-thumb {
37233 background-color: #6a737b;
37234 border-radius: 20px;
37235 border: 3px solid #f8f9fa;
37237 #page.drawers::-webkit-scrollbar-thumb:hover {
37238 background-color: #495057;
37240 #page.drawers .main-inner {
37241 max-width: 100%;
37242 width: 100%;
37243 margin: 0 auto;
37244 border-radius: 0.5rem;
37245 background-color: #fff;
37246 padding: 1.5rem 0.5rem;
37247 margin-top: 0.5rem;
37248 margin-bottom: 3rem;
37249 flex: 1 0 auto;
37251 #page.drawers .activity-header {
37252 margin-left: 15px;
37253 margin-right: 15px;
37256 @media (min-width: 768px) {
37257 .pagelayout-standard #page.drawers .main-inner,
37258 body.limitedwidth #page.drawers .main-inner {
37259 max-width: 830px;
37261 .pagelayout-standard #page.drawers .footer-popover,
37262 body.limitedwidth #page.drawers .footer-popover {
37263 max-width: 830px;
37264 width: 100%;
37265 margin: 0 auto;
37266 border-radius: 0.5rem;
37268 body.mediumwidth #page.drawers .main-inner {
37269 max-width: 1120px;
37271 body.mediumwidth #page.drawers .footer-popover {
37272 max-width: 1120px;
37273 width: 100%;
37274 margin: 0 auto;
37275 border-radius: 0.5rem;
37277 .header-maxwidth {
37278 max-width: 830px;
37279 margin: 0 auto;
37280 padding-left: 15px;
37281 padding-right: 15px;
37283 .header-maxwidth .header-inner {
37284 padding-left: 0;
37285 padding-right: 0;
37288 .drawer-toggles .drawer-toggler {
37289 position: fixed;
37290 top: calc(60px + 0.7rem);
37291 z-index: 2;
37293 .drawer-toggles .drawer-toggler .btn {
37294 border-radius: 200px;
37295 padding: 16px;
37296 background-color: #dee2e6;
37297 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
37298 transition: padding 200ms;
37300 .drawer-toggles .drawer-toggler .btn .icon {
37301 width: auto;
37302 height: auto;
37304 .drawer-toggles .drawer-toggler .btn:focus {
37305 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
37307 .drawer-toggles .drawer-left-toggle {
37308 left: 0;
37310 .drawer-toggles .drawer-left-toggle .btn {
37311 border-top-left-radius: 0;
37312 border-bottom-left-radius: 0;
37313 padding-right: 14px;
37314 padding-left: 10px;
37316 .drawer-toggles .drawer-left-toggle .btn:hover {
37317 padding-left: 20px;
37319 .drawer-toggles .drawer-right-toggle {
37320 right: 0;
37322 .drawer-toggles .drawer-right-toggle .btn {
37323 border-top-right-radius: 0;
37324 border-bottom-right-radius: 0;
37325 padding-right: 10px;
37326 padding-left: 14px;
37328 .drawer-toggles .drawer-right-toggle .btn:hover {
37329 padding-right: 20px;
37332 #page.drawers.show-drawer-left .drawer-left-toggle {
37333 display: none;
37336 #page.drawers.show-drawer-right .drawer-right-toggle {
37337 display: none;
37340 @media (max-width: 767.98px) {
37341 .drawer-toggles {
37342 z-index: 100;
37344 .drawer-toggles .drawer-right-toggle,
37345 .drawer-toggles .drawer-left-toggle {
37346 top: calc(99vh - (60px * 2.5));
37348 #page.drawers.scroll-down .drawer-right-toggle {
37349 transform: translateX(150%);
37350 pointer-events: auto;
37351 visibility: hidden;
37353 #page.drawers.scroll-down .drawer-left-toggle {
37354 transform: translateX(-150%);
37355 pointer-events: auto;
37356 visibility: hidden;
37359 @media (min-width: 576px) {
37360 #page.drawers .main-inner {
37361 margin-top: 1.5rem;
37364 @media (min-width: 768px) {
37365 #page.drawers {
37366 padding-left: 3rem;
37367 padding-right: 3rem;
37369 #page.drawers .main-inner {
37370 padding: 1.5rem 0.5rem;
37372 #page.drawers div[role=main] {
37373 padding-left: 15px;
37374 padding-right: 15px;
37377 @media (min-width: 992px) {
37378 .drawer-left,
37379 .drawer-right {
37380 top: 60px;
37381 height: calc(100vh - 60px);
37383 .hasstickyfooter .drawer-left,
37384 .hasstickyfooter .drawer-right {
37385 top: 60px;
37386 height: calc(100vh - 60px - max(80px, 0.9375rem * 3));
37388 #page.drawers {
37389 position: relative;
37390 overflow-y: visible;
37391 transition: 0.2s;
37392 left: 0;
37393 right: 0;
37396 @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
37397 #page.drawers {
37398 transition: none;
37401 @media (min-width: 992px) {
37402 #page.drawers.show-drawer-left {
37403 margin-left: 285px;
37404 margin-right: 0;
37405 padding-left: 1rem;
37408 @media (min-width: 992px) {
37409 #page.drawers.show-drawer-right {
37410 margin-left: 0;
37411 margin-right: 315px;
37412 padding-right: 1rem;
37414 .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 {
37415 right: calc(315px + 2rem);
37418 @media (min-width: 992px) {
37419 #page.drawers.show-drawer-left.show-drawer-right {
37420 margin-left: 285px;
37421 margin-right: 315px;
37424 @media (min-width: 992px) {
37425 #page.drawers.hasstickyfooter {
37426 margin-bottom: max(80px, 0.9375rem * 3);
37429 .drawercontrolbuttons {
37430 margin-top: 92px;
37432 .drawercontrolbuttons .buttons {
37433 z-index: 1;
37436 .form-control:-ms-input-placeholder {
37437 color: #6a737b;
37440 .custom-select {
37441 -webkit-appearance: none;
37442 -moz-appearance: none;
37445 .custom-range {
37446 -webkit-appearance: none;
37447 -moz-appearance: none;
37449 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
37450 -webkit-appearance: none;
37451 -moz-appearance: none;
37454 input[type=date].form-control,
37455 input[type=time].form-control,
37456 input[type=datetime-local].form-control,
37457 input[type=month].form-control {
37458 -webkit-appearance: none;
37459 -moz-appearance: none;
37462 @media (min-width: 576px) {
37463 .card-columns {
37464 -webkit-column-gap: 1.25rem;
37465 -moz-column-gap: 1.25rem;
37469 .carousel-item {
37470 -webkit-backface-visibility: hidden;
37473 .card {
37474 -webkit-background-clip: border-box;
37477 .carousel-indicators li,
37478 .dropdown-menu,
37479 .form-control,
37480 .modal-content,
37481 .popover,
37482 .toast {
37483 -webkit-background-clip: padding-box;
37486 .btn {
37487 -webkit-user-select: none;
37488 -ms-user-select: none;
37491 .user-select-all {
37492 -webkit-user-select: all !important; /* stylelint-disable-line declaration-no-important */
37493 -ms-user-select: none;
37496 .user-select-auto {
37497 -webkit-user-select: auto !important; /* stylelint-disable-line declaration-no-important */
37498 -ms-user-select: none;
37501 .user-select-none {
37502 -webkit-user-select: none !important; /* stylelint-disable-line declaration-no-important */
37503 -ms-user-select: none;
37506 .editor_atto_content_wrap {
37507 background-color: #fff;
37508 color: #333;
37511 .editor_atto_content {
37512 padding: 4px;
37513 resize: vertical;
37514 overflow: auto;
37517 .editor_atto_content_wrap,
37518 .editor_atto + textarea {
37519 width: 100%;
37520 padding: 0;
37523 .editor_atto + textarea {
37524 border-radius: 0;
37525 resize: vertical;
37526 margin-top: -1px;
37529 div.editor_atto_toolbar {
37530 display: block;
37531 background: #f2f2f2;
37532 min-height: 35px;
37533 border: 1px solid #8f959e;
37534 width: 100%;
37535 padding: 0 0 9px 0;
37536 border-top-left-radius: 0.5rem;
37537 border-top-right-radius: 0.5rem;
37540 div.editor_atto_toolbar button {
37541 padding: 4px 9px;
37542 background: none;
37543 border: 0;
37544 margin: 0;
37545 border-radius: 0;
37546 cursor: pointer;
37549 div.editor_atto_toolbar .menuplaceholder {
37550 display: inline-block;
37553 div.editor_atto_toolbar button + button,
37554 div.editor_atto_toolbar .menuplaceholder + button {
37555 border-left: 1px solid #ccc;
37558 div.editor_atto_toolbar button[disabled] {
37559 opacity: 0.45;
37560 background: none;
37561 cursor: default;
37564 .editor_atto_toolbar button:hover {
37565 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
37566 background-color: #ebebeb;
37569 .editor_atto_toolbar button:active,
37570 .editor_atto_toolbar button.highlight {
37571 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
37572 background-color: #dfdfdf;
37575 /* Make firefox button sizes match other browsers */
37576 div.editor_atto_toolbar button::-moz-focus-inner {
37577 border: 0;
37578 padding: 0;
37581 div.editor_atto_toolbar button .icon {
37582 padding: 0;
37583 margin: 2px 0;
37586 div.editor_atto_toolbar div.atto_group {
37587 display: inline-block;
37588 border: 1px solid #ccc;
37589 border-bottom: 1px solid #b3b3b3;
37590 border-radius: 4px;
37591 margin: 9px 0 0 9px;
37592 background: #fff;
37595 div.editor_atto_toolbar .atto_toolbar_row {
37596 margin: 6px 0 -3px 5px;
37597 display: table;
37599 div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
37600 margin: 3px 5px 3px 4px;
37603 .editor_atto_content img {
37604 resize: both;
37605 overflow: auto;
37608 .atto_hasmenu {
37609 /* IE8 places the images on top of each other if that is not set. */
37610 white-space: nowrap;
37613 .atto_menuentry .icon {
37614 width: 16px;
37615 height: 16px;
37618 .atto_menuentry {
37619 clear: left;
37622 .atto_menuentry h1,
37623 .atto_menuentry h2,
37624 .atto_menuentry p {
37625 margin: 4px;
37628 /*.atto_form label.sameline {
37629 display: inline-block;
37630 min-width: 10em;
37632 .atto_form textarea.fullwidth,
37633 .atto_form input.fullwidth {
37634 width: 100%;
37637 .atto_form {
37638 padding: 0.5rem;
37641 /*.atto_form label {
37642 display: block;
37643 margin: 0 0 5px 0;
37645 .atto_control {
37646 position: absolute;
37647 right: -6px;
37648 bottom: -6px;
37649 display: none;
37650 cursor: pointer;
37653 .atto_control .icon {
37654 background-color: #fff;
37657 div.editor_atto_content:focus .atto_control,
37658 div.editor_atto_content:hover .atto_control {
37659 display: block;
37662 .editor_atto_menu.yui3-menu-hidden {
37663 display: none;
37666 /* Get broken images back in firefox */
37667 .editor_atto_content img:-moz-broken {
37668 -moz-force-broken-image-icon: 1;
37669 min-width: 24px;
37670 min-height: 24px;
37673 /* Atto menu styling */
37674 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
37675 padding: 0;
37676 z-index: 1000;
37679 .editor_atto_menu .dropdown-menu > li > a {
37680 margin: 3px 14px;
37683 .editor_atto_menu .open ul.dropdown-menu {
37684 padding-top: 5px;
37685 padding-bottom: 5px;
37688 .editor_atto_wrap {
37689 position: relative;
37692 /*rtl:ignore*/
37693 .editor_atto_wrap textarea {
37694 direction: ltr;
37697 .editor_atto_notification {
37698 display: inline-block;
37699 padding: 0.5em;
37700 padding-left: 1em;
37701 padding-right: 1em;
37702 border-bottom-left-radius: 1em;
37703 border-bottom-right-radius: 1em;
37705 .editor_atto_notification .atto_info {
37706 background-color: #f2f2f2;
37708 .editor_atto_notification .atto_warning {
37709 background-color: #ffd700;
37712 .editor_atto_toolbar,
37713 .editor_atto_content_wrap,
37714 .editor_atto + textarea {
37715 box-sizing: border-box;
37718 .editor_atto_content.form-control {
37719 width: 100%;
37720 border-top: 0;
37721 border-top-left-radius: 0;
37722 border-top-right-radius: 0;
37725 /** Atto fields do not have form-control because that would break the layout of the editor.
37726 So they need these extra styles to highlight the editor when there is a validation error. */
37727 .has-danger .editor_atto_content.form-control .invalid-feedback,
37728 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
37729 display: none;
37730 width: 100%;
37731 margin-top: 0.25rem;
37732 font-size: 0.875em;
37733 color: #ca3120;
37735 .has-danger .editor_atto_content.form-control .invalid-tooltip,
37736 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37737 position: absolute;
37738 top: 100%;
37739 left: 0;
37740 z-index: 5;
37741 display: none;
37742 max-width: 100%;
37743 padding: 0.25rem 0.5rem;
37744 margin-top: 0.1rem;
37745 font-size: 0.8203125rem;
37746 line-height: 1.5;
37747 color: #fff;
37748 background-color: rgba(202, 49, 32, 0.9);
37749 border-radius: 0.5rem;
37751 .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,
37752 .form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip,
37753 .form-row > [class*=col-] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
37754 left: 5px;
37756 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback,
37757 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback,
37758 .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip,
37759 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback,
37760 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip,
37761 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback,
37762 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
37763 display: block;
37765 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid,
37766 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,
37767 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
37768 border-color: #ca3120;
37769 padding-right: calc(1.5em + 0.75rem) !important;
37770 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");
37771 background-repeat: no-repeat;
37772 background-position: right calc(0.375em + 0.1875rem) center;
37773 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
37775 .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,
37776 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,
37777 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
37778 border-color: #ca3120;
37779 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37781 .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,
37782 .was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid,
37783 .has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
37784 padding-right: 3rem !important;
37785 background-position: right 1.5rem center;
37787 .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,
37788 .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,
37789 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
37790 padding-right: calc(1.5em + 0.75rem);
37791 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
37793 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid,
37794 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,
37795 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
37796 border-color: #ca3120;
37797 padding-right: calc(0.75em + 2.3125rem) !important;
37798 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;
37800 .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,
37801 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,
37802 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
37803 border-color: #ca3120;
37804 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37806 .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,
37807 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label,
37808 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
37809 color: #ca3120;
37811 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback,
37812 .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,
37813 .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip,
37814 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback,
37815 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip,
37816 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback,
37817 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
37818 display: block;
37820 .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,
37821 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label,
37822 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
37823 color: #ca3120;
37825 .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,
37826 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before,
37827 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
37828 border-color: #ca3120;
37830 .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,
37831 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before,
37832 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
37833 border-color: #e04d3d;
37834 background-color: #e04d3d;
37836 .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,
37837 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before,
37838 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
37839 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37841 .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,
37842 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
37843 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
37844 border-color: #ca3120;
37846 .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,
37847 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label,
37848 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
37849 border-color: #ca3120;
37851 .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,
37852 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label,
37853 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
37854 border-color: #ca3120;
37855 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
37858 .open.atto_menu > .dropdown-menu {
37859 display: block;
37862 div.editor_atto_toolbar button .icon {
37863 color: #495057;
37866 .toast {
37867 border-radius: 0.25rem;
37869 .toast.toast-success {
37870 background-color: rgba(215, 228, 214, 0.95);
37871 color: #1c3f1a;
37873 .toast.toast-success .toast-header {
37874 color: #1c3f1a;
37876 .toast.toast-success .toast-body:before {
37877 margin: 2px 5px 0 0;
37878 content: "\f058";
37880 .toast.toast-danger {
37881 background-color: rgba(244, 214, 210, 0.95);
37882 color: #691911;
37884 .toast.toast-danger .toast-header {
37885 color: #691911;
37887 .toast.toast-danger .toast-body:before {
37888 margin: 2px 5px 0 0;
37889 content: "\f057";
37891 .toast.toast-info {
37892 background-color: rgba(204, 230, 234, 0.95);
37893 color: #00434e;
37895 .toast.toast-info .toast-header {
37896 color: #00434e;
37898 .toast.toast-info .toast-body:before {
37899 margin: 2px 5px 0 0;
37900 content: "\f05a";
37902 .toast.toast-warning {
37903 background-color: rgba(252, 239, 220, 0.95);
37904 color: #7d5a29;
37906 .toast.toast-warning .toast-header {
37907 color: #7d5a29;
37909 .toast.toast-warning .toast-body:before {
37910 margin: 2px 5px 0 0;
37911 content: "\f06a";
37913 .toast .btn-close {
37914 color: inherit;
37917 .navbar.fixed-top {
37918 padding-top: 0;
37919 padding-bottom: 0;
37920 box-shadow: none;
37921 border-bottom: #dee2e6 1px solid;
37922 align-items: stretch;
37923 height: 61px;
37925 .navbar.fixed-top .navbar-brand .logo {
37926 max-height: calc(60px - (0.25rem * 2));
37928 .navbar.fixed-top .nav-link {
37929 height: 100%;
37930 display: flex;
37931 align-items: center;
37932 white-space: nowrap;
37934 .navbar.fixed-top .divider {
37935 width: 1px;
37936 background-color: #dee2e6;
37938 .navbar.fixed-top #usernavigation .nav-link {
37939 padding: 0 0.5rem;
37941 .navbar.fixed-top .login {
37942 display: flex;
37943 align-items: center;
37945 .navbar.fixed-top .usermenu {
37946 display: flex;
37948 .navbar.fixed-top .usermenu .action-menu {
37949 display: flex;
37950 align-items: center;
37952 .navbar.fixed-top .usermenu .dropdown {
37953 display: flex;
37954 align-items: center;
37956 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
37957 padding-top: 0;
37958 padding-bottom: 0;
37959 border-radius: 0;
37960 display: flex;
37961 align-items: center;
37962 height: 100%;
37964 .navbar.fixed-top .usermenu .dropdown-menu {
37965 min-width: 235px;
37967 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
37968 pointer-events: none;
37970 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
37971 padding: 0.25rem 1.75rem 0.25rem 0.75rem;
37973 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37974 content: "\f0da";
37975 font-size: 1rem;
37976 right: 0.75rem;
37977 position: absolute;
37979 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
37980 padding: 0.25rem 0.75rem;
37981 font-size: 0.975rem;
37983 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
37984 font-size: 20px;
37985 height: 20px;
37986 width: 20px;
37987 margin: 0;
37989 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before {
37990 content: "\f00c";
37991 font-size: 0.75rem;
37992 padding-left: 0.25rem;
37994 .navbar.fixed-top .usermenu .login {
37995 display: flex;
37996 align-items: center;
37998 .navbar.fixed-top .usermenu .dropdown,
37999 .navbar.fixed-top .langmenu .dropdown {
38000 display: flex;
38001 align-items: center;
38002 height: 100%;
38004 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
38005 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
38006 padding-top: 0;
38007 padding-bottom: 0;
38008 border-radius: 0;
38009 display: flex;
38010 align-items: center;
38011 height: 100%;
38013 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current=true]::before {
38014 content: "\f00c";
38015 font-size: 0.75rem;
38016 padding-left: 0.25rem;
38018 @media (max-width: 767.98px) {
38019 .navbar.fixed-top .langmenu .langbutton {
38020 display: none;
38023 .navbar.fixed-top .moodle-actionmenu .menubar,
38024 .navbar.fixed-top .action-menu-trigger .dropdown {
38025 height: 100%;
38026 display: flex;
38029 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
38030 content: "\f0d9";
38032 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
38033 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
38034 transform: translateX(0);
38036 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
38037 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
38038 transform: translateX(-100%);
38040 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
38041 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
38042 transform: translateX(100%);
38045 #page {
38046 margin-top: 60px;
38049 .pagelayout-embedded #page {
38050 margin-top: 0;
38053 .navbar-bootswatch .navbar-brand {
38054 overflow: hidden;
38055 text-overflow: ellipsis;
38057 .navbar-bootswatch .navbar-brand .sitename {
38058 overflow: hidden;
38059 white-space: nowrap;
38060 text-overflow: ellipsis;
38063 :root {
38064 --navbar-height: 60px;
38068 * Reportbuilder styles.
38070 .reportbuilder-wrapper .btn-outline-secondary[data-toggle=collapse]:not(.collapsed),
38071 .reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-toggle=dropdown] {
38072 color: #fff;
38073 background-color: #6a737b;
38074 border-color: #6a737b;
38077 .reportbuilder-table .action-menu .menubar {
38078 justify-content: end;
38081 .reportbuilder-wrapper .filters-dropdown {
38082 width: 27rem;
38083 padding: 0 0 4rem 0;
38084 z-index: 1050;
38085 overflow: hidden;
38087 @media (max-width: 767.98px) {
38088 .reportbuilder-wrapper .filters-dropdown {
38089 width: 100%;
38093 .reportbuilder-filters-sidebar {
38094 max-height: 30rem;
38095 overflow-y: auto;
38096 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
38097 scrollbar-width: thin;
38098 scrollbar-color: #6a737b #fff;
38099 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;
38100 background-repeat: no-repeat;
38101 background-size: 100% 1rem, 100% 1rem, 100% calc(1rem / 2), 100% calc(1rem / 2);
38102 background-attachment: local, local, scroll, scroll;
38104 .reportbuilder-filters-sidebar::-webkit-scrollbar {
38105 width: 12px;
38107 .reportbuilder-filters-sidebar::-webkit-scrollbar-track {
38108 background: #fff;
38110 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
38111 background-color: #6a737b;
38112 border-radius: 20px;
38113 border: 3px solid #fff;
38115 .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
38116 background-color: #495057;
38118 .reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
38119 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
38121 .reportbuilder-filters-sidebar .filter .filter-name:hover {
38122 white-space: normal;
38123 text-overflow: clip;
38124 word-break: break-all;
38126 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] {
38127 position: absolute;
38128 bottom: 0;
38129 height: 4rem;
38130 align-items: center;
38132 .reportbuilder-filters-sidebar .fitem[data-groupname=buttonar] .col-form-label {
38133 display: none !important; /* stylelint-disable-line declaration-no-important */
38136 .reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector,
38137 .reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
38138 flex-wrap: wrap;
38140 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem,
38141 .reportbuilder-conditions-list .mform.full-width-labels .fitem {
38142 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
38143 max-width: 100%;
38145 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child,
38146 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child {
38147 flex: 1;
38148 min-width: 0;
38150 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child span,
38151 .reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child .custom-select,
38152 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child span,
38153 .reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child .custom-select {
38154 width: 100%;
38157 @media (min-width: 992px) {
38158 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
38159 position: fixed;
38161 .path-admin-reportbuilder.pagelayout-popup #region-main {
38162 border: none;
38163 padding: 0;
38165 .path-admin-reportbuilder.pagelayout-popup #maincontent {
38166 visibility: hidden;
38168 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
38169 position: fixed;
38170 z-index: 1030;
38171 width: calc(100% - 35px);
38172 padding-top: 1.25rem;
38173 background-color: #fff;
38174 box-shadow: 0 1.25rem 0 #fff;
38176 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
38177 padding-top: 83px;
38179 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
38180 position: fixed;
38182 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
38183 max-height: calc(100vh - 163px - 52px);
38185 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
38186 position: fixed;
38187 right: 30px;
38188 max-height: calc(100vh - 163px);
38190 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
38191 max-height: calc(100vh - 163px);
38192 overflow-y: auto;
38193 scrollbar-width: thin;
38194 scrollbar-color: #6a737b #f8f9fa;
38195 margin-left: calc(250px + 1rem);
38196 margin-right: calc(350px + 1rem);
38198 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
38199 width: 12px;
38201 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
38202 background: #f8f9fa;
38204 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
38205 background-color: #6a737b;
38206 border-radius: 20px;
38207 border: 3px solid #f8f9fa;
38209 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
38210 background-color: #495057;
38212 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
38213 margin-left: calc(250px + 1rem);
38216 #page-admin-reportbuilder-edit #page {
38217 overflow-y: auto;
38220 .reportbuilder-report-container {
38221 min-width: 0;
38223 .reportbuilder-report-container button[data-action=toggle-edit-preview] .loading-icon {
38224 margin-left: 0.5rem;
38227 .reportbuilder-editor-table-container {
38228 overflow-x: auto;
38231 .reportbuilder-table th button[data-action=report-remove-column] .icon,
38232 .reportbuilder-table th span[data-drag-type=move] .icon {
38233 width: 12px;
38234 height: 12px;
38235 font-size: 12px;
38236 vertical-align: text-top;
38237 color: #1d2125;
38239 .reportbuilder-table th button[data-action=report-remove-column] .icon {
38240 margin-right: 0;
38243 @media (min-width: 992px) {
38244 .reportbuilder-sidebar-menu {
38245 width: 250px;
38246 flex-shrink: 0;
38249 .reportbuilder-sidebar-menu .card-body .list-group-item {
38250 padding: 0.75rem;
38252 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
38253 width: 12px;
38254 height: 12px;
38255 font-size: 12px;
38258 .reportbuilder-sidebar-menu-cards {
38259 overflow-y: auto;
38260 scrollbar-width: thin;
38261 scrollbar-color: #6a737b #f8f9fa;
38263 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
38264 width: 12px;
38266 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
38267 background: #f8f9fa;
38269 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
38270 background-color: #6a737b;
38271 border-radius: 20px;
38272 border: 3px solid #f8f9fa;
38274 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
38275 background-color: #495057;
38278 .reportbuilder-sidebar-settings {
38279 overflow-y: auto;
38280 scrollbar-width: thin;
38281 scrollbar-color: #6a737b #f8f9fa;
38283 .reportbuilder-sidebar-settings::-webkit-scrollbar {
38284 width: 12px;
38286 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
38287 background: #f8f9fa;
38289 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
38290 background-color: #6a737b;
38291 border-radius: 20px;
38292 border: 3px solid #f8f9fa;
38294 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
38295 background-color: #495057;
38297 @media (min-width: 992px) {
38298 .reportbuilder-sidebar-settings {
38299 width: 350px;
38300 flex-shrink: 0;
38303 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-selection,
38304 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-selection {
38305 display: none;
38307 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-input,
38308 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-input {
38309 width: 100%;
38311 .reportbuilder-sidebar-settings div[data-region=settings-conditions] .reportbuilder-conditions-select .form-autocomplete-suggestions,
38312 .reportbuilder-sidebar-settings div[data-region=settings-filters] .reportbuilder-filters-select .form-autocomplete-suggestions {
38313 width: calc(100% - 2 * 0.5rem);
38315 .reportbuilder-sidebar-settings .list-group-item {
38316 padding: 0.75rem;
38318 .reportbuilder-sidebar-settings .list-group-item .icon {
38319 width: 12px;
38320 height: 12px;
38321 font-size: 12px;
38322 color: #1d2125;
38324 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
38325 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
38326 margin-right: 0;
38327 vertical-align: text-top;
38329 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
38330 vertical-align: text-top;
38332 .reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
38333 vertical-align: middle;
38335 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
38336 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
38337 flex: 1 1;
38338 max-width: initial;
38340 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
38341 flex-basis: auto;
38343 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
38344 width: 100%;
38347 @keyframes sortable-list-drag-color-reset {
38348 from {
38349 background-color: #a2cff8;
38351 to {
38352 background-color: inherit;
38355 .reportbuilder-sortable-list li.sortable-list-current-position,
38356 .reportbuilder-table th.sortable-list-current-position,
38357 .reportbuilder-conditions-list .condition.sortable-list-current-position {
38358 background-color: #a2cff8;
38360 .reportbuilder-sortable-list li.sortable-list-is-dragged,
38361 .reportbuilder-table th.sortable-list-is-dragged,
38362 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
38363 background-color: #fff;
38364 opacity: 0.85;
38366 .reportbuilder-sortable-list li.sortable-list-is-dropped,
38367 .reportbuilder-table th.sortable-list-is-dropped,
38368 .reportbuilder-conditions-list .condition.sortable-list-is-dropped {
38369 animation: sortable-list-drag-color-reset 1s ease;
38372 .reportbuilder-toggle-card .card-header {
38373 border-bottom: none;
38375 .reportbuilder-toggle-card .card-body {
38376 border-top: 1px solid rgba(0, 0, 0, 0.125);
38378 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
38379 color: #6a737b;
38380 font-weight: 700;
38382 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
38383 display: none;
38385 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
38386 display: inline-block;
38388 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
38389 display: inline-block;
38391 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
38392 display: none;
38395 .reportbuilder-audiences-container .audience-separator {
38396 text-transform: uppercase;
38398 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
38399 content: "";
38400 flex: 1;
38401 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
38403 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
38404 margin-right: 1rem;
38406 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
38407 margin-left: 1rem;
38409 .reportbuilder-audiences-container .instance-card .card-header i.icon {
38410 margin-right: 0;
38413 @media (max-width: 575.98px) {
38414 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
38415 display: none;
38417 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
38418 display: flex;
38419 flex-direction: column;
38420 margin: 0.5rem 0;
38421 padding: 0.25rem 0.5rem 0 0.5rem;
38422 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38423 word-wrap: break-word;
38424 background-clip: border-box;
38425 border: 1px solid rgba(0, 0, 0, 0.125);
38426 border-radius: 0.5rem;
38428 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
38429 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38431 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
38432 display: none;
38434 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38435 display: none;
38437 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
38438 display: block;
38439 min-height: 3.6rem;
38440 padding: 0.5rem 0.25rem;
38441 border: none;
38443 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
38444 content: attr(data-cardtitle);
38445 display: block;
38446 text-transform: uppercase;
38447 font-size: 70%;
38448 color: #343a40;
38450 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
38451 min-height: 3rem;
38453 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38454 border-top: 1px solid rgba(0, 0, 0, 0.125);
38456 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
38457 padding-right: 2rem;
38459 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
38460 display: block !important; /* stylelint-disable-line declaration-no-important */
38461 position: absolute;
38462 right: 10px;
38464 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
38465 padding: 0 0.5rem;
38466 color: #6a737b;
38468 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
38469 font-size: 1.5em;
38470 font-weight: bold;
38473 @media (min-width: 576px) {
38474 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
38475 display: none;
38477 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
38478 display: flex;
38479 flex-direction: column;
38480 margin: 0.5rem 0;
38481 padding: 0.25rem 0.5rem 0 0.5rem;
38482 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38483 word-wrap: break-word;
38484 background-clip: border-box;
38485 border: 1px solid rgba(0, 0, 0, 0.125);
38486 border-radius: 0.5rem;
38488 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
38489 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
38491 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
38492 display: none;
38494 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
38495 display: none;
38497 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
38498 display: block;
38499 min-height: 3.6rem;
38500 padding: 0.5rem 0.25rem;
38501 border: none;
38503 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
38504 content: attr(data-cardtitle);
38505 display: block;
38506 text-transform: uppercase;
38507 font-size: 70%;
38508 color: #343a40;
38510 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
38511 min-height: 3rem;
38513 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
38514 border-top: 1px solid rgba(0, 0, 0, 0.125);
38516 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
38517 padding-right: 2rem;
38519 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
38520 display: block !important; /* stylelint-disable-line declaration-no-important */
38521 position: absolute;
38522 right: 10px;
38524 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
38525 padding: 0 0.5rem;
38526 color: #6a737b;
38528 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
38529 font-size: 1.5em;
38530 font-weight: bold;
38534 .courseindex .courseindex-item {
38535 padding: 0.5rem 0.5rem;
38536 border: 1px solid transparent;
38537 border-radius: 0.5rem;
38539 .courseindex .courseindex-item.courseindex-section-title a {
38540 font-weight: bold;
38542 .courseindex .courseindex-item .icons-collapse-expand {
38543 padding-right: 4px;
38545 .courseindex .courseindex-item .courseindex-link,
38546 .courseindex .courseindex-item .courseindex-chevron {
38547 color: #495057;
38549 .courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus,
38550 .courseindex .courseindex-item .courseindex-chevron:hover,
38551 .courseindex .courseindex-item .courseindex-chevron:focus {
38552 color: black;
38553 text-decoration: none;
38555 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
38556 color: black;
38558 .courseindex .courseindex-item:hover .courseindex-link,
38559 .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
38560 .courseindex .courseindex-item:focus .courseindex-chevron {
38561 color: black;
38562 cursor: pointer;
38564 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
38565 color: black;
38567 .courseindex .courseindex-item:hover.dimmed .courseindex-link,
38568 .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
38569 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
38570 color: black;
38572 .courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
38573 cursor: move;
38575 .courseindex .courseindex-item.dragging {
38576 border: 1px solid #b8dce2;
38577 background-color: #e0f0f2;
38579 .courseindex .courseindex-item.active {
38580 background-color: #f8f9fa;
38581 border-color: #dee2e6;
38583 .courseindex .courseindex-item.dimmed {
38584 color: #6a737b;
38586 .courseindex .courseindex-item.dimmed .courseindex-link,
38587 .courseindex .courseindex-item.dimmed .courseindex-chevron {
38588 color: #6a737b;
38590 .courseindex .courseindex-item.dimmed.pageitem {
38591 color: #fff;
38593 .courseindex .courseindex-item.dimmed.pageitem a {
38594 color: #fff;
38596 .courseindex .courseindex-item .courseindex-locked {
38597 display: none;
38599 .courseindex .courseindex-item.restrictions .courseindex-locked {
38600 display: block;
38602 .courseindex .courseindex-item.pageitem {
38603 background-color: #0f6cbf;
38604 color: #fff;
38605 scroll-margin: 6rem;
38607 .courseindex .courseindex-item.pageitem a {
38608 color: #fff;
38610 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
38611 background-color: #0c589c;
38612 color: #e6e6e6;
38614 .courseindex .courseindex-item.pageitem:hover .courseindex-link,
38615 .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
38616 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
38617 color: #e6e6e6;
38619 .courseindex .courseindex-item .completioninfo {
38620 min-width: 24px;
38622 .courseindex .courseindex-item .completioninfo.completion_complete {
38623 color: #357a32;
38625 .courseindex .courseindex-item .completioninfo.completion_fail {
38626 color: #ca3120;
38628 .courseindex .courseindex-item.indented {
38629 margin-left: 1rem;
38631 .courseindex .courseindex-section {
38632 border-left: solid 3px transparent;
38634 .courseindex .courseindex-section.dragging {
38635 border: 1px solid #b8dce2;
38636 background-color: #e0f0f2;
38638 .courseindex .courseindex-section .current-badge {
38639 line-height: 1.5;
38640 display: none;
38642 .courseindex .courseindex-section.current {
38643 border-left: solid 3px #0f6cbf;
38644 /* Skip current badges in delegated sections. */
38646 .courseindex .courseindex-section.current .current-badge {
38647 display: inline-block;
38649 .courseindex .courseindex-section.current .delegated-section .current-badge {
38650 display: none;
38652 .courseindex .courseindex-section.dropready .courseindex-item-content {
38653 /* Extra dropzone space */
38654 padding-bottom: 1em;
38656 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
38657 padding-left: 0.5rem;
38659 .courseindex .courseindex-section.delegated-section {
38660 width: 100%;
38662 .courseindex .icon {
38663 font-size: 12px;
38665 .courseindex .d-flex-noedit {
38666 display: none;
38668 .courseindex.editing .d-flex-noedit {
38669 display: flex;
38671 .courseindex .placeholders .rounded-circle {
38672 height: 1rem;
38673 width: 1rem;
38675 .courseindex .placeholders .w-100 {
38676 height: 1rem;
38677 margin: 0.5rem 0;
38680 .moremenu {
38681 opacity: 0;
38682 height: 60px;
38684 .moremenu.observed {
38685 opacity: 1;
38687 .moremenu .nav-link {
38688 height: 60px;
38689 display: flex;
38690 align-items: center;
38691 border-right: none;
38692 border-bottom: solid 3px transparent;
38693 border-left: none;
38694 border-top: none;
38696 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
38697 border-color: transparent;
38698 background-color: #f8f9fa;
38700 .moremenu .nav-link.active {
38701 background-color: #f8f9fa;
38702 border-color: transparent;
38703 border-bottom-color: #0f6cbf;
38705 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
38706 background-color: #f8f9fa;
38707 border-bottom-color: #0f6cbf;
38709 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
38710 position: relative;
38712 .moremenu .nav-link[data-toggle=tab] {
38713 display: inline-flex;
38714 flex-direction: column;
38715 align-items: center;
38716 justify-content: center;
38718 .moremenu .nav-link[data-toggle=tab]::after {
38719 content: attr(data-text)/"";
38720 height: 0;
38721 visibility: hidden;
38722 overflow: hidden;
38723 user-select: none;
38724 pointer-events: none;
38725 font-weight: bold;
38727 @media speech {
38728 .moremenu .nav-link[data-toggle=tab]::after {
38729 display: none;
38732 .moremenu .nav-tabs {
38733 margin-left: 0;
38734 background-color: #fff;
38736 .moremenu .show > .nav-link,
38737 .moremenu .active > .nav-link,
38738 .moremenu .nav-link.show,
38739 .moremenu .nav-link.active {
38740 background: transparent;
38742 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
38743 padding: 0;
38745 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
38746 position: static;
38747 padding: 0;
38748 border: 0;
38750 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
38751 display: block;
38753 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
38754 background-color: #f8f9fa;
38756 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
38757 color: #fff;
38758 background-color: #0f6cbf;
38760 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
38761 display: none;
38763 .moremenu .dropdown-item[aria-current=true],
38764 .moremenu .dropdown-item.active {
38765 background-color: transparent;
38766 color: #1d2125;
38768 .moremenu .dropdown-item[aria-current=true]:focus-within, .moremenu .dropdown-item[aria-current=true]:hover,
38769 .moremenu .dropdown-item.active:focus-within,
38770 .moremenu .dropdown-item.active:hover {
38771 background-color: #0f6cbf;
38772 color: #fff;
38774 .moremenu .dropdown-item[aria-current=true]:focus-within a, .moremenu .dropdown-item[aria-current=true]:hover a,
38775 .moremenu .dropdown-item.active:focus-within a,
38776 .moremenu .dropdown-item.active:hover a {
38777 color: #fff;
38779 .moremenu .dropdown-item[aria-current=true]:before,
38780 .moremenu .dropdown-item.active:before {
38781 content: "\f00c";
38784 .primary-navigation .navigation {
38785 height: 60px;
38787 .primary-navigation .navigation .nav-link {
38788 height: 60px;
38789 color: #1d2125;
38790 border-top: 3px solid transparent;
38793 @media (max-width: 767.98px) {
38794 .primary-navigation {
38795 display: none;
38797 .editmode-switch-form label {
38798 position: absolute;
38799 width: 1px;
38800 height: 1px;
38801 padding: 0;
38802 margin: -1px;
38803 overflow: hidden;
38804 clip: rect(0, 0, 0, 0);
38805 white-space: nowrap;
38806 border: 0;
38809 .editmode-switch-form .custom-control-input {
38810 width: 100%;
38811 z-index: 1;
38814 .drawer-primary .drawercontent {
38815 padding: 0;
38817 .drawer-primary .drawercontent .list-group {
38818 border-radius: 0;
38819 margin-top: -1px;
38821 .drawer-primary .drawercontent .list-group .list-group-item {
38822 border-left: 0;
38823 border-right: 0;
38826 .secondary-navigation {
38827 padding-bottom: 15px;
38829 .secondary-navigation .navigation {
38830 border-bottom: 1px solid #dee2e6;
38831 background-color: #fff;
38832 margin: 0 -0.5rem;
38833 padding: 0 0.5rem;
38835 .secondary-navigation .navigation .nav-tabs {
38836 border: none;
38837 max-width: 830px;
38838 margin: 0 auto;
38840 .secondary-navigation .navigation .nav-tabs .nav-link {
38841 border-radius: initial;
38844 @media (min-width: 768px) {
38845 .secondary-navigation .navigation {
38846 padding: 0 calc(0.5rem + 15px);
38849 .tertiary-navigation {
38850 padding-top: 10px;
38852 .tertiary-navigation.full-width-bottom-border {
38853 width: calc(100% + 1rem + 30px);
38854 margin-left: calc(-0.5rem - 15px);
38855 margin-right: calc(-0.5rem - 15px);
38856 border-bottom: 1px solid #dee2e6;
38857 margin-bottom: 25px;
38859 @media (max-width: 767.98px) {
38860 .tertiary-navigation.full-width-bottom-border {
38861 width: calc(100% + 1rem);
38862 margin-left: -0.5rem;
38863 margin-right: -0.5rem;
38866 .tertiary-navigation.full-width-bottom-border .row {
38867 margin: 0;
38868 padding-left: 0.5rem;
38869 padding-right: 0.5rem;
38871 .tertiary-navigation .navitem,
38872 .tertiary-navigation .navitem-divider {
38873 display: flex;
38874 margin-bottom: 25px;
38876 .tertiary-navigation .navitem-divider {
38877 width: 1px;
38878 background-color: #dee2e6;
38880 .tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
38881 margin-bottom: 25px;
38883 .tertiary-navigation .row {
38884 column-gap: 10px;
38886 .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
38887 padding: 0;
38888 font-size: 1.4rem;
38889 font-weight: bold;
38891 .tertiary-navigation h2 {
38892 font-size: 1.4rem;
38893 font-weight: bold;
38894 margin: 0;
38895 align-self: center;
38897 .tertiary-navigation .navitem:not(:last-child),
38898 .tertiary-navigation .navitem-divider:not(:last-child) {
38899 margin-right: 20px;
38901 .tertiary-navigation .btn > div {
38902 max-width: 200px;
38905 @media (max-width: 767.98px) {
38906 .tertiary-navigation .mform {
38907 padding-left: initial;
38910 @media (max-width: 575.98px) {
38911 .tertiary-navigation .page-toggler > p {
38912 font-size: 80%;
38915 @media print {
38916 .tertiary-navigation {
38917 display: none;
38920 .popover-process-monitor {
38921 position: fixed;
38922 right: 2rem;
38923 bottom: 5rem;
38924 width: 350px;
38925 background-color: #fff;
38926 border-radius: 0.5rem;
38927 border: 1px solid #dee2e6;
38929 .popover-process-monitor .process-list {
38930 max-height: 30vh;
38931 overflow: auto;
38932 scrollbar-width: thin;
38933 scrollbar-color: #6a737b #f8f9fa;
38935 .popover-process-monitor .process-list::-webkit-scrollbar {
38936 width: 12px;
38938 .popover-process-monitor .process-list::-webkit-scrollbar-track {
38939 background: #f8f9fa;
38941 .popover-process-monitor .process-list::-webkit-scrollbar-thumb {
38942 background-color: #6a737b;
38943 border-radius: 20px;
38944 border: 3px solid #f8f9fa;
38946 .popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
38947 background-color: #495057;
38949 .popover-process-monitor .queue-process {
38950 border-bottom: 1px solid #e9ecef;
38952 .popover-process-monitor .queue-process:last-child {
38953 border-bottom: 0;
38956 .moodlenet-share-dialog {
38957 min-height: 500px;
38959 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
38960 align-items: baseline;
38962 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
38963 display: flex;
38965 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
38966 width: auto;
38967 height: 1.3rem;
38969 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
38970 display: flex;
38971 padding-left: 0.5em;
38973 .moodlenet-share-dialog .modal-header.no-border {
38974 border-bottom: none;
38976 .moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
38977 display: none;
38979 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
38980 border-radius: 0.5rem;
38981 color: #1d2125;
38982 background-color: #f5f9fc;
38983 border-color: #3584c9;
38984 border-width: 1px;
38985 border-style: solid;
38986 padding: 0.6em 1.5em;
38987 margin-bottom: 1rem;
38989 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
38990 border-top-color: #3077b5;
38992 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
38993 color: #070808;
38995 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
38996 border-bottom: 1px solid #dee2e6;
38998 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type,
38999 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
39000 display: block;
39002 .moodlenet-share-dialog .modal-body .moodlenet-share-notice {
39003 background-color: #f8f9fa;
39004 padding: 1rem;
39006 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
39007 max-width: 4em;
39008 max-height: 4em;
39009 font-size: 4em;
39011 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
39012 height: 18rem;
39013 margin: auto;
39015 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
39016 background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
39018 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
39019 background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
39021 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
39022 display: block;
39023 margin: auto;
39025 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
39026 font-size: 8rem;
39027 width: auto;
39028 margin: 0;
39030 .moodlenet-share-dialog .modal-footer .moodlenet-share-to {
39031 margin-right: auto;
39035 * Dropdown menu Moodle specific styles.
39037 .dropdown-item a {
39038 display: block;
39039 width: 100%;
39040 color: #1d2125;
39042 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
39043 outline: 0;
39044 background-color: #0f6cbf;
39045 color: #fff;
39047 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
39048 color: #fff;
39050 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
39051 position: relative;
39052 display: flex;
39053 align-items: center;
39055 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
39056 content: "\f00c";
39057 position: absolute;
39058 left: 0.4rem;
39059 font-size: 0.7rem;
39062 .dropdown-menu {
39063 width: fit-content;
39066 .dropdown-item.text-primary {
39067 color: #0f6cbf;
39069 .dropdown-item.text-primary:hover {
39070 color: #fff !important; /* stylelint-disable-line declaration-no-important */
39073 .dropdown-item.text-secondary {
39074 color: #ced4da;
39076 .dropdown-item.text-secondary:hover {
39077 color: #fff !important; /* stylelint-disable-line declaration-no-important */
39080 .dropdown-item.text-success {
39081 color: #357a32;
39083 .dropdown-item.text-success:hover {
39084 color: #fff !important; /* stylelint-disable-line declaration-no-important */
39087 .dropdown-item.text-info {
39088 color: #008196;
39090 .dropdown-item.text-info:hover {
39091 color: #fff !important; /* stylelint-disable-line declaration-no-important */
39094 .dropdown-item.text-warning {
39095 color: #f0ad4e;
39097 .dropdown-item.text-warning:hover {
39098 color: #fff !important; /* stylelint-disable-line declaration-no-important */
39101 .dropdown-item.text-danger {
39102 color: #ca3120;
39104 .dropdown-item.text-danger:hover {
39105 color: #fff !important; /* stylelint-disable-line declaration-no-important */
39108 .dropdown-item.text-light {
39109 color: #f8f9fa;
39111 .dropdown-item.text-light:hover {
39112 color: #fff !important; /* stylelint-disable-line declaration-no-important */
39115 .dropdown-item.text-dark {
39116 color: #343a40;
39118 .dropdown-item.text-dark:hover {
39119 color: #fff !important; /* stylelint-disable-line declaration-no-important */
39123 Deprecations
39125 .path-course-view li.activity form.togglecompletion {
39126 /* stylelint-disable declaration-no-important */
39127 /* stylelint-enable */
39129 body.behat-site .path-course-view li.activity form.togglecompletion,
39130 .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,
39131 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion {
39132 outline: 3px dotted #ca3120 !important;
39133 background-color: #fceeed !important;
39135 body.behat-site .path-course-view li.activity form.togglecompletion::before,
39136 .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,
39137 .path-course-view li.activity form.togglecompletion body.themedesignermode.path-course-view li.activity form.togglecompletion::before {
39138 content: "Deprecated style in use" !important;
39139 color: #ca3120 !important;
39140 font-size: smaller !important;
39143 .path-course-view li.activity form.togglecompletion .ajaxworking {
39144 width: 16px;
39145 height: 16px;
39146 position: absolute;
39147 right: 22px;
39148 top: 3px;
39149 background: url([[pix:i/ajaxloader]]) no-repeat;
39152 .path-course-view li.activity form.togglecompletion .btn {
39153 padding: 0;
39156 .path-course-view li.activity form.togglecompletion img {
39157 max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
39160 body {
39161 -webkit-font-smoothing: antialiased;
39162 -moz-osx-font-smoothing: grayscale;
39165 .navbar {
39166 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
39169 .userpicture {
39170 border-radius: 50%;
39173 .btn-outline-secondary {
39174 color: #6a737b;
39175 border-color: #6a737b;
39176 border-color: #6a737b;
39178 .btn-outline-secondary:hover {
39179 color: #fff;
39180 background-color: #6a737b;
39181 border-color: #6a737b;
39183 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
39184 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
39186 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
39187 color: #6a737b;
39188 background-color: transparent;
39190 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
39191 color: #fff;
39192 background-color: #6a737b;
39193 border-color: #6a737b;
39195 .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 {
39196 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
39199 .btn-outline-info {
39200 color: #1f7e9a;
39201 border-color: #1f7e9a;
39203 .btn-outline-info:hover {
39204 color: #fff;
39205 background-color: #1f7e9a;
39206 border-color: #1f7e9a;
39208 .btn-outline-info:focus, .btn-outline-info.focus {
39209 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
39211 .btn-outline-info.disabled, .btn-outline-info:disabled {
39212 color: #1f7e9a;
39213 background-color: transparent;
39215 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
39216 color: #fff;
39217 background-color: #1f7e9a;
39218 border-color: #1f7e9a;
39220 .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 {
39221 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
39224 .btn-outline-warning {
39225 color: #a6670e;
39226 border-color: #a6670e;
39228 .btn-outline-warning:hover {
39229 color: #fff;
39230 background-color: #a6670e;
39231 border-color: #a6670e;
39233 .btn-outline-warning:focus, .btn-outline-warning.focus {
39234 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
39236 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
39237 color: #a6670e;
39238 background-color: transparent;
39240 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
39241 color: #fff;
39242 background-color: #a6670e;
39243 border-color: #a6670e;
39245 .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 {
39246 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);