Merge branch 'MDL-78676-master' of https://github.com/sarjona/moodle
[moodle.git] / theme / boost / style / moodle.css
blob9cc7cadda0f612e62d5b3e2e815328f367152cac
1 @charset "UTF-8";
2 /*!
3 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
4 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
5 * Copyright 2023 Fonticons, Inc.
6 */
7 :root, :host {
8 --fa-style-family-brands: "Font Awesome 6 Brands";
9 --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
12 @font-face {
13 font-family: "Font Awesome 6 Brands";
14 font-style: normal;
15 font-weight: 400;
16 font-display: block;
17 src: url("[[font:core|fa-brands-400.woff2]]") format("woff2"), url("[[font:core|fa-brands-400.ttf]]") format("truetype");
19 .fab,
20 .fa-brands {
21 font-weight: 400;
24 .fa-monero:before {
25 content: "\f3d0";
28 .fa-hooli:before {
29 content: "\f427";
32 .fa-yelp:before {
33 content: "\f1e9";
36 .fa-cc-visa:before {
37 content: "\f1f0";
40 .fa-lastfm:before {
41 content: "\f202";
44 .fa-shopware:before {
45 content: "\f5b5";
48 .fa-creative-commons-nc:before {
49 content: "\f4e8";
52 .fa-aws:before {
53 content: "\f375";
56 .fa-redhat:before {
57 content: "\f7bc";
60 .fa-yoast:before {
61 content: "\f2b1";
64 .fa-cloudflare:before {
65 content: "\e07d";
68 .fa-ups:before {
69 content: "\f7e0";
72 .fa-wpexplorer:before {
73 content: "\f2de";
76 .fa-dyalog:before {
77 content: "\f399";
80 .fa-bity:before {
81 content: "\f37a";
84 .fa-stackpath:before {
85 content: "\f842";
88 .fa-buysellads:before {
89 content: "\f20d";
92 .fa-first-order:before {
93 content: "\f2b0";
96 .fa-modx:before {
97 content: "\f285";
100 .fa-guilded:before {
101 content: "\e07e";
104 .fa-vnv:before {
105 content: "\f40b";
108 .fa-square-js:before {
109 content: "\f3b9";
112 .fa-js-square:before {
113 content: "\f3b9";
116 .fa-microsoft:before {
117 content: "\f3ca";
120 .fa-qq:before {
121 content: "\f1d6";
124 .fa-orcid:before {
125 content: "\f8d2";
128 .fa-java:before {
129 content: "\f4e4";
132 .fa-invision:before {
133 content: "\f7b0";
136 .fa-creative-commons-pd-alt:before {
137 content: "\f4ed";
140 .fa-centercode:before {
141 content: "\f380";
144 .fa-glide-g:before {
145 content: "\f2a6";
148 .fa-drupal:before {
149 content: "\f1a9";
152 .fa-hire-a-helper:before {
153 content: "\f3b0";
156 .fa-creative-commons-by:before {
157 content: "\f4e7";
160 .fa-unity:before {
161 content: "\e049";
164 .fa-whmcs:before {
165 content: "\f40d";
168 .fa-rocketchat:before {
169 content: "\f3e8";
172 .fa-vk:before {
173 content: "\f189";
176 .fa-untappd:before {
177 content: "\f405";
180 .fa-mailchimp:before {
181 content: "\f59e";
184 .fa-css3-alt:before {
185 content: "\f38b";
188 .fa-square-reddit:before {
189 content: "\f1a2";
192 .fa-reddit-square:before {
193 content: "\f1a2";
196 .fa-vimeo-v:before {
197 content: "\f27d";
200 .fa-contao:before {
201 content: "\f26d";
204 .fa-square-font-awesome:before {
205 content: "\e5ad";
208 .fa-deskpro:before {
209 content: "\f38f";
212 .fa-sistrix:before {
213 content: "\f3ee";
216 .fa-square-instagram:before {
217 content: "\e055";
220 .fa-instagram-square:before {
221 content: "\e055";
224 .fa-battle-net:before {
225 content: "\f835";
228 .fa-the-red-yeti:before {
229 content: "\f69d";
232 .fa-square-hacker-news:before {
233 content: "\f3af";
236 .fa-hacker-news-square:before {
237 content: "\f3af";
240 .fa-edge:before {
241 content: "\f282";
244 .fa-napster:before {
245 content: "\f3d2";
248 .fa-square-snapchat:before {
249 content: "\f2ad";
252 .fa-snapchat-square:before {
253 content: "\f2ad";
256 .fa-google-plus-g:before {
257 content: "\f0d5";
260 .fa-artstation:before {
261 content: "\f77a";
264 .fa-markdown:before {
265 content: "\f60f";
268 .fa-sourcetree:before {
269 content: "\f7d3";
272 .fa-google-plus:before {
273 content: "\f2b3";
276 .fa-diaspora:before {
277 content: "\f791";
280 .fa-foursquare:before {
281 content: "\f180";
284 .fa-stack-overflow:before {
285 content: "\f16c";
288 .fa-github-alt:before {
289 content: "\f113";
292 .fa-phoenix-squadron:before {
293 content: "\f511";
296 .fa-pagelines:before {
297 content: "\f18c";
300 .fa-algolia:before {
301 content: "\f36c";
304 .fa-red-river:before {
305 content: "\f3e3";
308 .fa-creative-commons-sa:before {
309 content: "\f4ef";
312 .fa-safari:before {
313 content: "\f267";
316 .fa-google:before {
317 content: "\f1a0";
320 .fa-square-font-awesome-stroke:before {
321 content: "\f35c";
324 .fa-font-awesome-alt:before {
325 content: "\f35c";
328 .fa-atlassian:before {
329 content: "\f77b";
332 .fa-linkedin-in:before {
333 content: "\f0e1";
336 .fa-digital-ocean:before {
337 content: "\f391";
340 .fa-nimblr:before {
341 content: "\f5a8";
344 .fa-chromecast:before {
345 content: "\f838";
348 .fa-evernote:before {
349 content: "\f839";
352 .fa-hacker-news:before {
353 content: "\f1d4";
356 .fa-creative-commons-sampling:before {
357 content: "\f4f0";
360 .fa-adversal:before {
361 content: "\f36a";
364 .fa-creative-commons:before {
365 content: "\f25e";
368 .fa-watchman-monitoring:before {
369 content: "\e087";
372 .fa-fonticons:before {
373 content: "\f280";
376 .fa-weixin:before {
377 content: "\f1d7";
380 .fa-shirtsinbulk:before {
381 content: "\f214";
384 .fa-codepen:before {
385 content: "\f1cb";
388 .fa-git-alt:before {
389 content: "\f841";
392 .fa-lyft:before {
393 content: "\f3c3";
396 .fa-rev:before {
397 content: "\f5b2";
400 .fa-windows:before {
401 content: "\f17a";
404 .fa-wizards-of-the-coast:before {
405 content: "\f730";
408 .fa-square-viadeo:before {
409 content: "\f2aa";
412 .fa-viadeo-square:before {
413 content: "\f2aa";
416 .fa-meetup:before {
417 content: "\f2e0";
420 .fa-centos:before {
421 content: "\f789";
424 .fa-adn:before {
425 content: "\f170";
428 .fa-cloudsmith:before {
429 content: "\f384";
432 .fa-pied-piper-alt:before {
433 content: "\f1a8";
436 .fa-square-dribbble:before {
437 content: "\f397";
440 .fa-dribbble-square:before {
441 content: "\f397";
444 .fa-codiepie:before {
445 content: "\f284";
448 .fa-node:before {
449 content: "\f419";
452 .fa-mix:before {
453 content: "\f3cb";
456 .fa-steam:before {
457 content: "\f1b6";
460 .fa-cc-apple-pay:before {
461 content: "\f416";
464 .fa-scribd:before {
465 content: "\f28a";
468 .fa-openid:before {
469 content: "\f19b";
472 .fa-instalod:before {
473 content: "\e081";
476 .fa-expeditedssl:before {
477 content: "\f23e";
480 .fa-sellcast:before {
481 content: "\f2da";
484 .fa-square-twitter:before {
485 content: "\f081";
488 .fa-twitter-square:before {
489 content: "\f081";
492 .fa-r-project:before {
493 content: "\f4f7";
496 .fa-delicious:before {
497 content: "\f1a5";
500 .fa-freebsd:before {
501 content: "\f3a4";
504 .fa-vuejs:before {
505 content: "\f41f";
508 .fa-accusoft:before {
509 content: "\f369";
512 .fa-ioxhost:before {
513 content: "\f208";
516 .fa-fonticons-fi:before {
517 content: "\f3a2";
520 .fa-app-store:before {
521 content: "\f36f";
524 .fa-cc-mastercard:before {
525 content: "\f1f1";
528 .fa-itunes-note:before {
529 content: "\f3b5";
532 .fa-golang:before {
533 content: "\e40f";
536 .fa-kickstarter:before {
537 content: "\f3bb";
540 .fa-grav:before {
541 content: "\f2d6";
544 .fa-weibo:before {
545 content: "\f18a";
548 .fa-uncharted:before {
549 content: "\e084";
552 .fa-firstdraft:before {
553 content: "\f3a1";
556 .fa-square-youtube:before {
557 content: "\f431";
560 .fa-youtube-square:before {
561 content: "\f431";
564 .fa-wikipedia-w:before {
565 content: "\f266";
568 .fa-wpressr:before {
569 content: "\f3e4";
572 .fa-rendact:before {
573 content: "\f3e4";
576 .fa-angellist:before {
577 content: "\f209";
580 .fa-galactic-republic:before {
581 content: "\f50c";
584 .fa-nfc-directional:before {
585 content: "\e530";
588 .fa-skype:before {
589 content: "\f17e";
592 .fa-joget:before {
593 content: "\f3b7";
596 .fa-fedora:before {
597 content: "\f798";
600 .fa-stripe-s:before {
601 content: "\f42a";
604 .fa-meta:before {
605 content: "\e49b";
608 .fa-laravel:before {
609 content: "\f3bd";
612 .fa-hotjar:before {
613 content: "\f3b1";
616 .fa-bluetooth-b:before {
617 content: "\f294";
620 .fa-sticker-mule:before {
621 content: "\f3f7";
624 .fa-creative-commons-zero:before {
625 content: "\f4f3";
628 .fa-hips:before {
629 content: "\f452";
632 .fa-behance:before {
633 content: "\f1b4";
636 .fa-reddit:before {
637 content: "\f1a1";
640 .fa-discord:before {
641 content: "\f392";
644 .fa-chrome:before {
645 content: "\f268";
648 .fa-app-store-ios:before {
649 content: "\f370";
652 .fa-cc-discover:before {
653 content: "\f1f2";
656 .fa-wpbeginner:before {
657 content: "\f297";
660 .fa-confluence:before {
661 content: "\f78d";
664 .fa-mdb:before {
665 content: "\f8ca";
668 .fa-dochub:before {
669 content: "\f394";
672 .fa-accessible-icon:before {
673 content: "\f368";
676 .fa-ebay:before {
677 content: "\f4f4";
680 .fa-amazon:before {
681 content: "\f270";
684 .fa-unsplash:before {
685 content: "\e07c";
688 .fa-yarn:before {
689 content: "\f7e3";
692 .fa-square-steam:before {
693 content: "\f1b7";
696 .fa-steam-square:before {
697 content: "\f1b7";
700 .fa-500px:before {
701 content: "\f26e";
704 .fa-square-vimeo:before {
705 content: "\f194";
708 .fa-vimeo-square:before {
709 content: "\f194";
712 .fa-asymmetrik:before {
713 content: "\f372";
716 .fa-font-awesome:before {
717 content: "\f2b4";
720 .fa-font-awesome-flag:before {
721 content: "\f2b4";
724 .fa-font-awesome-logo-full:before {
725 content: "\f2b4";
728 .fa-gratipay:before {
729 content: "\f184";
732 .fa-apple:before {
733 content: "\f179";
736 .fa-hive:before {
737 content: "\e07f";
740 .fa-gitkraken:before {
741 content: "\f3a6";
744 .fa-keybase:before {
745 content: "\f4f5";
748 .fa-apple-pay:before {
749 content: "\f415";
752 .fa-padlet:before {
753 content: "\e4a0";
756 .fa-amazon-pay:before {
757 content: "\f42c";
760 .fa-square-github:before {
761 content: "\f092";
764 .fa-github-square:before {
765 content: "\f092";
768 .fa-stumbleupon:before {
769 content: "\f1a4";
772 .fa-fedex:before {
773 content: "\f797";
776 .fa-phoenix-framework:before {
777 content: "\f3dc";
780 .fa-shopify:before {
781 content: "\e057";
784 .fa-neos:before {
785 content: "\f612";
788 .fa-hackerrank:before {
789 content: "\f5f7";
792 .fa-researchgate:before {
793 content: "\f4f8";
796 .fa-swift:before {
797 content: "\f8e1";
800 .fa-angular:before {
801 content: "\f420";
804 .fa-speakap:before {
805 content: "\f3f3";
808 .fa-angrycreative:before {
809 content: "\f36e";
812 .fa-y-combinator:before {
813 content: "\f23b";
816 .fa-empire:before {
817 content: "\f1d1";
820 .fa-envira:before {
821 content: "\f299";
824 .fa-square-gitlab:before {
825 content: "\e5ae";
828 .fa-gitlab-square:before {
829 content: "\e5ae";
832 .fa-studiovinari:before {
833 content: "\f3f8";
836 .fa-pied-piper:before {
837 content: "\f2ae";
840 .fa-wordpress:before {
841 content: "\f19a";
844 .fa-product-hunt:before {
845 content: "\f288";
848 .fa-firefox:before {
849 content: "\f269";
852 .fa-linode:before {
853 content: "\f2b8";
856 .fa-goodreads:before {
857 content: "\f3a8";
860 .fa-square-odnoklassniki:before {
861 content: "\f264";
864 .fa-odnoklassniki-square:before {
865 content: "\f264";
868 .fa-jsfiddle:before {
869 content: "\f1cc";
872 .fa-sith:before {
873 content: "\f512";
876 .fa-themeisle:before {
877 content: "\f2b2";
880 .fa-page4:before {
881 content: "\f3d7";
884 .fa-hashnode:before {
885 content: "\e499";
888 .fa-react:before {
889 content: "\f41b";
892 .fa-cc-paypal:before {
893 content: "\f1f4";
896 .fa-squarespace:before {
897 content: "\f5be";
900 .fa-cc-stripe:before {
901 content: "\f1f5";
904 .fa-creative-commons-share:before {
905 content: "\f4f2";
908 .fa-bitcoin:before {
909 content: "\f379";
912 .fa-keycdn:before {
913 content: "\f3ba";
916 .fa-opera:before {
917 content: "\f26a";
920 .fa-itch-io:before {
921 content: "\f83a";
924 .fa-umbraco:before {
925 content: "\f8e8";
928 .fa-galactic-senate:before {
929 content: "\f50d";
932 .fa-ubuntu:before {
933 content: "\f7df";
936 .fa-draft2digital:before {
937 content: "\f396";
940 .fa-stripe:before {
941 content: "\f429";
944 .fa-houzz:before {
945 content: "\f27c";
948 .fa-gg:before {
949 content: "\f260";
952 .fa-dhl:before {
953 content: "\f790";
956 .fa-square-pinterest:before {
957 content: "\f0d3";
960 .fa-pinterest-square:before {
961 content: "\f0d3";
964 .fa-xing:before {
965 content: "\f168";
968 .fa-blackberry:before {
969 content: "\f37b";
972 .fa-creative-commons-pd:before {
973 content: "\f4ec";
976 .fa-playstation:before {
977 content: "\f3df";
980 .fa-quinscape:before {
981 content: "\f459";
984 .fa-less:before {
985 content: "\f41d";
988 .fa-blogger-b:before {
989 content: "\f37d";
992 .fa-opencart:before {
993 content: "\f23d";
996 .fa-vine:before {
997 content: "\f1ca";
1000 .fa-paypal:before {
1001 content: "\f1ed";
1004 .fa-gitlab:before {
1005 content: "\f296";
1008 .fa-typo3:before {
1009 content: "\f42b";
1012 .fa-reddit-alien:before {
1013 content: "\f281";
1016 .fa-yahoo:before {
1017 content: "\f19e";
1020 .fa-dailymotion:before {
1021 content: "\e052";
1024 .fa-affiliatetheme:before {
1025 content: "\f36b";
1028 .fa-pied-piper-pp:before {
1029 content: "\f1a7";
1032 .fa-bootstrap:before {
1033 content: "\f836";
1036 .fa-odnoklassniki:before {
1037 content: "\f263";
1040 .fa-nfc-symbol:before {
1041 content: "\e531";
1044 .fa-ethereum:before {
1045 content: "\f42e";
1048 .fa-speaker-deck:before {
1049 content: "\f83c";
1052 .fa-creative-commons-nc-eu:before {
1053 content: "\f4e9";
1056 .fa-patreon:before {
1057 content: "\f3d9";
1060 .fa-avianex:before {
1061 content: "\f374";
1064 .fa-ello:before {
1065 content: "\f5f1";
1068 .fa-gofore:before {
1069 content: "\f3a7";
1072 .fa-bimobject:before {
1073 content: "\f378";
1076 .fa-facebook-f:before {
1077 content: "\f39e";
1080 .fa-square-google-plus:before {
1081 content: "\f0d4";
1084 .fa-google-plus-square:before {
1085 content: "\f0d4";
1088 .fa-mandalorian:before {
1089 content: "\f50f";
1092 .fa-first-order-alt:before {
1093 content: "\f50a";
1096 .fa-osi:before {
1097 content: "\f41a";
1100 .fa-google-wallet:before {
1101 content: "\f1ee";
1104 .fa-d-and-d-beyond:before {
1105 content: "\f6ca";
1108 .fa-periscope:before {
1109 content: "\f3da";
1112 .fa-fulcrum:before {
1113 content: "\f50b";
1116 .fa-cloudscale:before {
1117 content: "\f383";
1120 .fa-forumbee:before {
1121 content: "\f211";
1124 .fa-mizuni:before {
1125 content: "\f3cc";
1128 .fa-schlix:before {
1129 content: "\f3ea";
1132 .fa-square-xing:before {
1133 content: "\f169";
1136 .fa-xing-square:before {
1137 content: "\f169";
1140 .fa-bandcamp:before {
1141 content: "\f2d5";
1144 .fa-wpforms:before {
1145 content: "\f298";
1148 .fa-cloudversify:before {
1149 content: "\f385";
1152 .fa-usps:before {
1153 content: "\f7e1";
1156 .fa-megaport:before {
1157 content: "\f5a3";
1160 .fa-magento:before {
1161 content: "\f3c4";
1164 .fa-spotify:before {
1165 content: "\f1bc";
1168 .fa-optin-monster:before {
1169 content: "\f23c";
1172 .fa-fly:before {
1173 content: "\f417";
1176 .fa-aviato:before {
1177 content: "\f421";
1180 .fa-itunes:before {
1181 content: "\f3b4";
1184 .fa-cuttlefish:before {
1185 content: "\f38c";
1188 .fa-blogger:before {
1189 content: "\f37c";
1192 .fa-flickr:before {
1193 content: "\f16e";
1196 .fa-viber:before {
1197 content: "\f409";
1200 .fa-soundcloud:before {
1201 content: "\f1be";
1204 .fa-digg:before {
1205 content: "\f1a6";
1208 .fa-tencent-weibo:before {
1209 content: "\f1d5";
1212 .fa-symfony:before {
1213 content: "\f83d";
1216 .fa-maxcdn:before {
1217 content: "\f136";
1220 .fa-etsy:before {
1221 content: "\f2d7";
1224 .fa-facebook-messenger:before {
1225 content: "\f39f";
1228 .fa-audible:before {
1229 content: "\f373";
1232 .fa-think-peaks:before {
1233 content: "\f731";
1236 .fa-bilibili:before {
1237 content: "\e3d9";
1240 .fa-erlang:before {
1241 content: "\f39d";
1244 .fa-cotton-bureau:before {
1245 content: "\f89e";
1248 .fa-dashcube:before {
1249 content: "\f210";
1252 .fa-42-group:before {
1253 content: "\e080";
1256 .fa-innosoft:before {
1257 content: "\e080";
1260 .fa-stack-exchange:before {
1261 content: "\f18d";
1264 .fa-elementor:before {
1265 content: "\f430";
1268 .fa-square-pied-piper:before {
1269 content: "\e01e";
1272 .fa-pied-piper-square:before {
1273 content: "\e01e";
1276 .fa-creative-commons-nd:before {
1277 content: "\f4eb";
1280 .fa-palfed:before {
1281 content: "\f3d8";
1284 .fa-superpowers:before {
1285 content: "\f2dd";
1288 .fa-resolving:before {
1289 content: "\f3e7";
1292 .fa-xbox:before {
1293 content: "\f412";
1296 .fa-searchengin:before {
1297 content: "\f3eb";
1300 .fa-tiktok:before {
1301 content: "\e07b";
1304 .fa-square-facebook:before {
1305 content: "\f082";
1308 .fa-facebook-square:before {
1309 content: "\f082";
1312 .fa-renren:before {
1313 content: "\f18b";
1316 .fa-linux:before {
1317 content: "\f17c";
1320 .fa-glide:before {
1321 content: "\f2a5";
1324 .fa-linkedin:before {
1325 content: "\f08c";
1328 .fa-hubspot:before {
1329 content: "\f3b2";
1332 .fa-deploydog:before {
1333 content: "\f38e";
1336 .fa-twitch:before {
1337 content: "\f1e8";
1340 .fa-ravelry:before {
1341 content: "\f2d9";
1344 .fa-mixer:before {
1345 content: "\e056";
1348 .fa-square-lastfm:before {
1349 content: "\f203";
1352 .fa-lastfm-square:before {
1353 content: "\f203";
1356 .fa-vimeo:before {
1357 content: "\f40a";
1360 .fa-mendeley:before {
1361 content: "\f7b3";
1364 .fa-uniregistry:before {
1365 content: "\f404";
1368 .fa-figma:before {
1369 content: "\f799";
1372 .fa-creative-commons-remix:before {
1373 content: "\f4ee";
1376 .fa-cc-amazon-pay:before {
1377 content: "\f42d";
1380 .fa-dropbox:before {
1381 content: "\f16b";
1384 .fa-instagram:before {
1385 content: "\f16d";
1388 .fa-cmplid:before {
1389 content: "\e360";
1392 .fa-facebook:before {
1393 content: "\f09a";
1396 .fa-gripfire:before {
1397 content: "\f3ac";
1400 .fa-jedi-order:before {
1401 content: "\f50e";
1404 .fa-uikit:before {
1405 content: "\f403";
1408 .fa-fort-awesome-alt:before {
1409 content: "\f3a3";
1412 .fa-phabricator:before {
1413 content: "\f3db";
1416 .fa-ussunnah:before {
1417 content: "\f407";
1420 .fa-earlybirds:before {
1421 content: "\f39a";
1424 .fa-trade-federation:before {
1425 content: "\f513";
1428 .fa-autoprefixer:before {
1429 content: "\f41c";
1432 .fa-whatsapp:before {
1433 content: "\f232";
1436 .fa-slideshare:before {
1437 content: "\f1e7";
1440 .fa-google-play:before {
1441 content: "\f3ab";
1444 .fa-viadeo:before {
1445 content: "\f2a9";
1448 .fa-line:before {
1449 content: "\f3c0";
1452 .fa-google-drive:before {
1453 content: "\f3aa";
1456 .fa-servicestack:before {
1457 content: "\f3ec";
1460 .fa-simplybuilt:before {
1461 content: "\f215";
1464 .fa-bitbucket:before {
1465 content: "\f171";
1468 .fa-imdb:before {
1469 content: "\f2d8";
1472 .fa-deezer:before {
1473 content: "\e077";
1476 .fa-raspberry-pi:before {
1477 content: "\f7bb";
1480 .fa-jira:before {
1481 content: "\f7b1";
1484 .fa-docker:before {
1485 content: "\f395";
1488 .fa-screenpal:before {
1489 content: "\e570";
1492 .fa-bluetooth:before {
1493 content: "\f293";
1496 .fa-gitter:before {
1497 content: "\f426";
1500 .fa-d-and-d:before {
1501 content: "\f38d";
1504 .fa-microblog:before {
1505 content: "\e01a";
1508 .fa-cc-diners-club:before {
1509 content: "\f24c";
1512 .fa-gg-circle:before {
1513 content: "\f261";
1516 .fa-pied-piper-hat:before {
1517 content: "\f4e5";
1520 .fa-kickstarter-k:before {
1521 content: "\f3bc";
1524 .fa-yandex:before {
1525 content: "\f413";
1528 .fa-readme:before {
1529 content: "\f4d5";
1532 .fa-html5:before {
1533 content: "\f13b";
1536 .fa-sellsy:before {
1537 content: "\f213";
1540 .fa-sass:before {
1541 content: "\f41e";
1544 .fa-wirsindhandwerk:before {
1545 content: "\e2d0";
1548 .fa-wsh:before {
1549 content: "\e2d0";
1552 .fa-buromobelexperte:before {
1553 content: "\f37f";
1556 .fa-salesforce:before {
1557 content: "\f83b";
1560 .fa-octopus-deploy:before {
1561 content: "\e082";
1564 .fa-medapps:before {
1565 content: "\f3c6";
1568 .fa-ns8:before {
1569 content: "\f3d5";
1572 .fa-pinterest-p:before {
1573 content: "\f231";
1576 .fa-apper:before {
1577 content: "\f371";
1580 .fa-fort-awesome:before {
1581 content: "\f286";
1584 .fa-waze:before {
1585 content: "\f83f";
1588 .fa-cc-jcb:before {
1589 content: "\f24b";
1592 .fa-snapchat:before {
1593 content: "\f2ab";
1596 .fa-snapchat-ghost:before {
1597 content: "\f2ab";
1600 .fa-fantasy-flight-games:before {
1601 content: "\f6dc";
1604 .fa-rust:before {
1605 content: "\e07a";
1608 .fa-wix:before {
1609 content: "\f5cf";
1612 .fa-square-behance:before {
1613 content: "\f1b5";
1616 .fa-behance-square:before {
1617 content: "\f1b5";
1620 .fa-supple:before {
1621 content: "\f3f9";
1624 .fa-rebel:before {
1625 content: "\f1d0";
1628 .fa-css3:before {
1629 content: "\f13c";
1632 .fa-staylinked:before {
1633 content: "\f3f5";
1636 .fa-kaggle:before {
1637 content: "\f5fa";
1640 .fa-space-awesome:before {
1641 content: "\e5ac";
1644 .fa-deviantart:before {
1645 content: "\f1bd";
1648 .fa-cpanel:before {
1649 content: "\f388";
1652 .fa-goodreads-g:before {
1653 content: "\f3a9";
1656 .fa-square-git:before {
1657 content: "\f1d2";
1660 .fa-git-square:before {
1661 content: "\f1d2";
1664 .fa-square-tumblr:before {
1665 content: "\f174";
1668 .fa-tumblr-square:before {
1669 content: "\f174";
1672 .fa-trello:before {
1673 content: "\f181";
1676 .fa-creative-commons-nc-jp:before {
1677 content: "\f4ea";
1680 .fa-get-pocket:before {
1681 content: "\f265";
1684 .fa-perbyte:before {
1685 content: "\e083";
1688 .fa-grunt:before {
1689 content: "\f3ad";
1692 .fa-weebly:before {
1693 content: "\f5cc";
1696 .fa-connectdevelop:before {
1697 content: "\f20e";
1700 .fa-leanpub:before {
1701 content: "\f212";
1704 .fa-black-tie:before {
1705 content: "\f27e";
1708 .fa-themeco:before {
1709 content: "\f5c6";
1712 .fa-python:before {
1713 content: "\f3e2";
1716 .fa-android:before {
1717 content: "\f17b";
1720 .fa-bots:before {
1721 content: "\e340";
1724 .fa-free-code-camp:before {
1725 content: "\f2c5";
1728 .fa-hornbill:before {
1729 content: "\f592";
1732 .fa-js:before {
1733 content: "\f3b8";
1736 .fa-ideal:before {
1737 content: "\e013";
1740 .fa-git:before {
1741 content: "\f1d3";
1744 .fa-dev:before {
1745 content: "\f6cc";
1748 .fa-sketch:before {
1749 content: "\f7c6";
1752 .fa-yandex-international:before {
1753 content: "\f414";
1756 .fa-cc-amex:before {
1757 content: "\f1f3";
1760 .fa-uber:before {
1761 content: "\f402";
1764 .fa-github:before {
1765 content: "\f09b";
1768 .fa-php:before {
1769 content: "\f457";
1772 .fa-alipay:before {
1773 content: "\f642";
1776 .fa-youtube:before {
1777 content: "\f167";
1780 .fa-skyatlas:before {
1781 content: "\f216";
1784 .fa-firefox-browser:before {
1785 content: "\e007";
1788 .fa-replyd:before {
1789 content: "\f3e6";
1792 .fa-suse:before {
1793 content: "\f7d6";
1796 .fa-jenkins:before {
1797 content: "\f3b6";
1800 .fa-twitter:before {
1801 content: "\f099";
1804 .fa-rockrms:before {
1805 content: "\f3e9";
1808 .fa-pinterest:before {
1809 content: "\f0d2";
1812 .fa-buffer:before {
1813 content: "\f837";
1816 .fa-npm:before {
1817 content: "\f3d4";
1820 .fa-yammer:before {
1821 content: "\f840";
1824 .fa-btc:before {
1825 content: "\f15a";
1828 .fa-dribbble:before {
1829 content: "\f17d";
1832 .fa-stumbleupon-circle:before {
1833 content: "\f1a3";
1836 .fa-internet-explorer:before {
1837 content: "\f26b";
1840 .fa-stubber:before {
1841 content: "\e5c7";
1844 .fa-telegram:before {
1845 content: "\f2c6";
1848 .fa-telegram-plane:before {
1849 content: "\f2c6";
1852 .fa-old-republic:before {
1853 content: "\f510";
1856 .fa-odysee:before {
1857 content: "\e5c6";
1860 .fa-square-whatsapp:before {
1861 content: "\f40c";
1864 .fa-whatsapp-square:before {
1865 content: "\f40c";
1868 .fa-node-js:before {
1869 content: "\f3d3";
1872 .fa-edge-legacy:before {
1873 content: "\e078";
1876 .fa-slack:before {
1877 content: "\f198";
1880 .fa-slack-hash:before {
1881 content: "\f198";
1884 .fa-medrt:before {
1885 content: "\f3c8";
1888 .fa-usb:before {
1889 content: "\f287";
1892 .fa-tumblr:before {
1893 content: "\f173";
1896 .fa-vaadin:before {
1897 content: "\f408";
1900 .fa-quora:before {
1901 content: "\f2c4";
1904 .fa-reacteurope:before {
1905 content: "\f75d";
1908 .fa-medium:before {
1909 content: "\f23a";
1912 .fa-medium-m:before {
1913 content: "\f23a";
1916 .fa-amilia:before {
1917 content: "\f36d";
1920 .fa-mixcloud:before {
1921 content: "\f289";
1924 .fa-flipboard:before {
1925 content: "\f44d";
1928 .fa-viacoin:before {
1929 content: "\f237";
1932 .fa-critical-role:before {
1933 content: "\f6c9";
1936 .fa-sitrox:before {
1937 content: "\e44a";
1940 .fa-discourse:before {
1941 content: "\f393";
1944 .fa-joomla:before {
1945 content: "\f1aa";
1948 .fa-mastodon:before {
1949 content: "\f4f6";
1952 .fa-airbnb:before {
1953 content: "\f834";
1956 .fa-wolf-pack-battalion:before {
1957 content: "\f514";
1960 .fa-buy-n-large:before {
1961 content: "\f8a6";
1964 .fa-gulp:before {
1965 content: "\f3ae";
1968 .fa-creative-commons-sampling-plus:before {
1969 content: "\f4f1";
1972 .fa-strava:before {
1973 content: "\f428";
1976 .fa-ember:before {
1977 content: "\f423";
1980 .fa-canadian-maple-leaf:before {
1981 content: "\f785";
1984 .fa-teamspeak:before {
1985 content: "\f4f9";
1988 .fa-pushed:before {
1989 content: "\f3e1";
1992 .fa-wordpress-simple:before {
1993 content: "\f411";
1996 .fa-nutritionix:before {
1997 content: "\f3d6";
2000 .fa-wodu:before {
2001 content: "\e088";
2004 .fa-google-pay:before {
2005 content: "\e079";
2008 .fa-intercom:before {
2009 content: "\f7af";
2012 .fa-zhihu:before {
2013 content: "\f63f";
2016 .fa-korvue:before {
2017 content: "\f42f";
2020 .fa-pix:before {
2021 content: "\e43a";
2024 .fa-steam-symbol:before {
2025 content: "\f3f6";
2029 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2030 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2031 * Copyright 2023 Fonticons, Inc.
2033 :root, :host {
2034 --fa-style-family-classic: "Font Awesome 6 Free";
2035 --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
2038 @font-face {
2039 font-family: "Font Awesome 6 Free";
2040 font-style: normal;
2041 font-weight: 400;
2042 font-display: block;
2043 src: url("[[font:core|fa-regular-400.woff2]]") format("woff2"), url("[[font:core|fa-regular-400.ttf]]") format("truetype");
2045 .far,
2046 .fa-regular,
2047 .content-bank-container.view-grid .cb-unlisted::after {
2048 font-weight: 400;
2052 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2053 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2054 * Copyright 2023 Fonticons, Inc.
2056 :root, :host {
2057 --fa-style-family-classic: "Font Awesome 6 Free";
2058 --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
2061 @font-face {
2062 font-family: "Font Awesome 6 Free";
2063 font-style: normal;
2064 font-weight: 900;
2065 font-display: block;
2066 src: url("[[font:core|fa-solid-900.woff2]]") format("woff2"), url("[[font:core|fa-solid-900.ttf]]") format("truetype");
2068 .fas,
2069 .fa-solid,
2070 .moremenu .dropdown-item[aria-current=true]:before,
2071 .moremenu .dropdown-item.active:before,
2072 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2073 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
2074 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
2075 .toast.toast-warning .toast-body:before,
2076 .toast.toast-info .toast-body:before,
2077 .toast.toast-danger .toast-body:before,
2078 .toast.toast-success .toast-body:before,
2079 .editing .editinprogress:after,
2080 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
2081 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
2082 .block_settings .block_tree [aria-expanded=false] > p:before,
2083 .block_navigation .block_tree [aria-expanded=false] > p:before,
2084 .block_settings .block_tree [aria-expanded=true] > p:before,
2085 .block_navigation .block_tree [aria-expanded=true] > p:before,
2086 .dropup .dropdown-toggle::after,
2087 .dropright .dropdown-toggle::after,
2088 .dropleft .dropdown-toggle::before,
2089 .dropdown-toggle::after,
2090 .dropdown-item[aria-current=true]:before,
2091 .dropdown-item[aria-selected=true]:before {
2092 font-weight: 900;
2096 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
2097 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
2098 * Copyright 2023 Fonticons, Inc.
2100 .fa.fa-glass:before {
2101 content: "\f000";
2104 .fa.fa-envelope-o {
2105 font-family: "Font Awesome 6 Free";
2106 font-weight: 400;
2109 .fa.fa-envelope-o:before {
2110 content: "\f0e0";
2113 .fa.fa-star-o {
2114 font-family: "Font Awesome 6 Free";
2115 font-weight: 400;
2118 .fa.fa-star-o:before {
2119 content: "\f005";
2122 .fa.fa-remove:before {
2123 content: "\f00d";
2126 .fa.fa-close:before {
2127 content: "\f00d";
2130 .fa.fa-gear:before {
2131 content: "\f013";
2134 .fa.fa-trash-o {
2135 font-family: "Font Awesome 6 Free";
2136 font-weight: 400;
2139 .fa.fa-trash-o:before {
2140 content: "\f2ed";
2143 .fa.fa-home:before {
2144 content: "\f015";
2147 .fa.fa-file-o {
2148 font-family: "Font Awesome 6 Free";
2149 font-weight: 400;
2152 .fa.fa-file-o:before {
2153 content: "\f15b";
2156 .fa.fa-clock-o {
2157 font-family: "Font Awesome 6 Free";
2158 font-weight: 400;
2161 .fa.fa-clock-o:before {
2162 content: "\f017";
2165 .fa.fa-arrow-circle-o-down {
2166 font-family: "Font Awesome 6 Free";
2167 font-weight: 400;
2170 .fa.fa-arrow-circle-o-down:before {
2171 content: "\f358";
2174 .fa.fa-arrow-circle-o-up {
2175 font-family: "Font Awesome 6 Free";
2176 font-weight: 400;
2179 .fa.fa-arrow-circle-o-up:before {
2180 content: "\f35b";
2183 .fa.fa-play-circle-o {
2184 font-family: "Font Awesome 6 Free";
2185 font-weight: 400;
2188 .fa.fa-play-circle-o:before {
2189 content: "\f144";
2192 .fa.fa-repeat:before {
2193 content: "\f01e";
2196 .fa.fa-rotate-right:before {
2197 content: "\f01e";
2200 .fa.fa-refresh:before {
2201 content: "\f021";
2204 .fa.fa-list-alt {
2205 font-family: "Font Awesome 6 Free";
2206 font-weight: 400;
2209 .fa.fa-list-alt:before {
2210 content: "\f022";
2213 .fa.fa-dedent:before {
2214 content: "\f03b";
2217 .fa.fa-video-camera:before {
2218 content: "\f03d";
2221 .fa.fa-picture-o {
2222 font-family: "Font Awesome 6 Free";
2223 font-weight: 400;
2226 .fa.fa-picture-o:before {
2227 content: "\f03e";
2230 .fa.fa-photo {
2231 font-family: "Font Awesome 6 Free";
2232 font-weight: 400;
2235 .fa.fa-photo:before {
2236 content: "\f03e";
2239 .fa.fa-image {
2240 font-family: "Font Awesome 6 Free";
2241 font-weight: 400;
2244 .fa.fa-image:before {
2245 content: "\f03e";
2248 .fa.fa-map-marker:before {
2249 content: "\f3c5";
2252 .fa.fa-pencil-square-o {
2253 font-family: "Font Awesome 6 Free";
2254 font-weight: 400;
2257 .fa.fa-pencil-square-o:before {
2258 content: "\f044";
2261 .fa.fa-edit {
2262 font-family: "Font Awesome 6 Free";
2263 font-weight: 400;
2266 .fa.fa-edit:before {
2267 content: "\f044";
2270 .fa.fa-share-square-o:before {
2271 content: "\f14d";
2274 .fa.fa-check-square-o {
2275 font-family: "Font Awesome 6 Free";
2276 font-weight: 400;
2279 .fa.fa-check-square-o:before {
2280 content: "\f14a";
2283 .fa.fa-arrows:before {
2284 content: "\f0b2";
2287 .fa.fa-times-circle-o {
2288 font-family: "Font Awesome 6 Free";
2289 font-weight: 400;
2292 .fa.fa-times-circle-o:before {
2293 content: "\f057";
2296 .fa.fa-check-circle-o {
2297 font-family: "Font Awesome 6 Free";
2298 font-weight: 400;
2301 .fa.fa-check-circle-o:before {
2302 content: "\f058";
2305 .fa.fa-mail-forward:before {
2306 content: "\f064";
2309 .fa.fa-expand:before {
2310 content: "\f424";
2313 .fa.fa-compress:before {
2314 content: "\f422";
2317 .fa.fa-eye {
2318 font-family: "Font Awesome 6 Free";
2319 font-weight: 400;
2322 .fa.fa-eye-slash {
2323 font-family: "Font Awesome 6 Free";
2324 font-weight: 400;
2327 .fa.fa-warning:before {
2328 content: "\f071";
2331 .fa.fa-calendar:before {
2332 content: "\f073";
2335 .fa.fa-arrows-v:before {
2336 content: "\f338";
2339 .fa.fa-arrows-h:before {
2340 content: "\f337";
2343 .fa.fa-bar-chart:before {
2344 content: "\e0e3";
2347 .fa.fa-bar-chart-o:before {
2348 content: "\e0e3";
2351 .fa.fa-twitter-square {
2352 font-family: "Font Awesome 6 Brands";
2353 font-weight: 400;
2356 .fa.fa-twitter-square:before {
2357 content: "\f081";
2360 .fa.fa-facebook-square {
2361 font-family: "Font Awesome 6 Brands";
2362 font-weight: 400;
2365 .fa.fa-facebook-square:before {
2366 content: "\f082";
2369 .fa.fa-gears:before {
2370 content: "\f085";
2373 .fa.fa-thumbs-o-up {
2374 font-family: "Font Awesome 6 Free";
2375 font-weight: 400;
2378 .fa.fa-thumbs-o-up:before {
2379 content: "\f164";
2382 .fa.fa-thumbs-o-down {
2383 font-family: "Font Awesome 6 Free";
2384 font-weight: 400;
2387 .fa.fa-thumbs-o-down:before {
2388 content: "\f165";
2391 .fa.fa-heart-o {
2392 font-family: "Font Awesome 6 Free";
2393 font-weight: 400;
2396 .fa.fa-heart-o:before {
2397 content: "\f004";
2400 .fa.fa-sign-out:before {
2401 content: "\f2f5";
2404 .fa.fa-linkedin-square {
2405 font-family: "Font Awesome 6 Brands";
2406 font-weight: 400;
2409 .fa.fa-linkedin-square:before {
2410 content: "\f08c";
2413 .fa.fa-thumb-tack:before {
2414 content: "\f08d";
2417 .fa.fa-external-link:before {
2418 content: "\f35d";
2421 .fa.fa-sign-in:before {
2422 content: "\f2f6";
2425 .fa.fa-github-square {
2426 font-family: "Font Awesome 6 Brands";
2427 font-weight: 400;
2430 .fa.fa-github-square:before {
2431 content: "\f092";
2434 .fa.fa-lemon-o {
2435 font-family: "Font Awesome 6 Free";
2436 font-weight: 400;
2439 .fa.fa-lemon-o:before {
2440 content: "\f094";
2443 .fa.fa-square-o {
2444 font-family: "Font Awesome 6 Free";
2445 font-weight: 400;
2448 .fa.fa-square-o:before {
2449 content: "\f0c8";
2452 .fa.fa-bookmark-o {
2453 font-family: "Font Awesome 6 Free";
2454 font-weight: 400;
2457 .fa.fa-bookmark-o:before {
2458 content: "\f02e";
2461 .fa.fa-twitter {
2462 font-family: "Font Awesome 6 Brands";
2463 font-weight: 400;
2466 .fa.fa-facebook {
2467 font-family: "Font Awesome 6 Brands";
2468 font-weight: 400;
2471 .fa.fa-facebook:before {
2472 content: "\f39e";
2475 .fa.fa-facebook-f {
2476 font-family: "Font Awesome 6 Brands";
2477 font-weight: 400;
2480 .fa.fa-facebook-f:before {
2481 content: "\f39e";
2484 .fa.fa-github {
2485 font-family: "Font Awesome 6 Brands";
2486 font-weight: 400;
2489 .fa.fa-credit-card {
2490 font-family: "Font Awesome 6 Free";
2491 font-weight: 400;
2494 .fa.fa-feed:before {
2495 content: "\f09e";
2498 .fa.fa-hdd-o {
2499 font-family: "Font Awesome 6 Free";
2500 font-weight: 400;
2503 .fa.fa-hdd-o:before {
2504 content: "\f0a0";
2507 .fa.fa-hand-o-right {
2508 font-family: "Font Awesome 6 Free";
2509 font-weight: 400;
2512 .fa.fa-hand-o-right:before {
2513 content: "\f0a4";
2516 .fa.fa-hand-o-left {
2517 font-family: "Font Awesome 6 Free";
2518 font-weight: 400;
2521 .fa.fa-hand-o-left:before {
2522 content: "\f0a5";
2525 .fa.fa-hand-o-up {
2526 font-family: "Font Awesome 6 Free";
2527 font-weight: 400;
2530 .fa.fa-hand-o-up:before {
2531 content: "\f0a6";
2534 .fa.fa-hand-o-down {
2535 font-family: "Font Awesome 6 Free";
2536 font-weight: 400;
2539 .fa.fa-hand-o-down:before {
2540 content: "\f0a7";
2543 .fa.fa-globe:before {
2544 content: "\f57d";
2547 .fa.fa-tasks:before {
2548 content: "\f828";
2551 .fa.fa-arrows-alt:before {
2552 content: "\f31e";
2555 .fa.fa-group:before {
2556 content: "\f0c0";
2559 .fa.fa-chain:before {
2560 content: "\f0c1";
2563 .fa.fa-cut:before {
2564 content: "\f0c4";
2567 .fa.fa-files-o {
2568 font-family: "Font Awesome 6 Free";
2569 font-weight: 400;
2572 .fa.fa-files-o:before {
2573 content: "\f0c5";
2576 .fa.fa-floppy-o {
2577 font-family: "Font Awesome 6 Free";
2578 font-weight: 400;
2581 .fa.fa-floppy-o:before {
2582 content: "\f0c7";
2585 .fa.fa-save {
2586 font-family: "Font Awesome 6 Free";
2587 font-weight: 400;
2590 .fa.fa-save:before {
2591 content: "\f0c7";
2594 .fa.fa-navicon:before {
2595 content: "\f0c9";
2598 .fa.fa-reorder:before {
2599 content: "\f0c9";
2602 .fa.fa-magic:before {
2603 content: "\e2ca";
2606 .fa.fa-pinterest {
2607 font-family: "Font Awesome 6 Brands";
2608 font-weight: 400;
2611 .fa.fa-pinterest-square {
2612 font-family: "Font Awesome 6 Brands";
2613 font-weight: 400;
2616 .fa.fa-pinterest-square:before {
2617 content: "\f0d3";
2620 .fa.fa-google-plus-square {
2621 font-family: "Font Awesome 6 Brands";
2622 font-weight: 400;
2625 .fa.fa-google-plus-square:before {
2626 content: "\f0d4";
2629 .fa.fa-google-plus {
2630 font-family: "Font Awesome 6 Brands";
2631 font-weight: 400;
2634 .fa.fa-google-plus:before {
2635 content: "\f0d5";
2638 .fa.fa-money:before {
2639 content: "\f3d1";
2642 .fa.fa-unsorted:before {
2643 content: "\f0dc";
2646 .fa.fa-sort-desc:before {
2647 content: "\f0dd";
2650 .fa.fa-sort-asc:before {
2651 content: "\f0de";
2654 .fa.fa-linkedin {
2655 font-family: "Font Awesome 6 Brands";
2656 font-weight: 400;
2659 .fa.fa-linkedin:before {
2660 content: "\f0e1";
2663 .fa.fa-rotate-left:before {
2664 content: "\f0e2";
2667 .fa.fa-legal:before {
2668 content: "\f0e3";
2671 .fa.fa-tachometer:before {
2672 content: "\f625";
2675 .fa.fa-dashboard:before {
2676 content: "\f625";
2679 .fa.fa-comment-o {
2680 font-family: "Font Awesome 6 Free";
2681 font-weight: 400;
2684 .fa.fa-comment-o:before {
2685 content: "\f075";
2688 .fa.fa-comments-o {
2689 font-family: "Font Awesome 6 Free";
2690 font-weight: 400;
2693 .fa.fa-comments-o:before {
2694 content: "\f086";
2697 .fa.fa-flash:before {
2698 content: "\f0e7";
2701 .fa.fa-clipboard:before {
2702 content: "\f0ea";
2705 .fa.fa-lightbulb-o {
2706 font-family: "Font Awesome 6 Free";
2707 font-weight: 400;
2710 .fa.fa-lightbulb-o:before {
2711 content: "\f0eb";
2714 .fa.fa-exchange:before {
2715 content: "\f362";
2718 .fa.fa-cloud-download:before {
2719 content: "\f0ed";
2722 .fa.fa-cloud-upload:before {
2723 content: "\f0ee";
2726 .fa.fa-bell-o {
2727 font-family: "Font Awesome 6 Free";
2728 font-weight: 400;
2731 .fa.fa-bell-o:before {
2732 content: "\f0f3";
2735 .fa.fa-cutlery:before {
2736 content: "\f2e7";
2739 .fa.fa-file-text-o {
2740 font-family: "Font Awesome 6 Free";
2741 font-weight: 400;
2744 .fa.fa-file-text-o:before {
2745 content: "\f15c";
2748 .fa.fa-building-o {
2749 font-family: "Font Awesome 6 Free";
2750 font-weight: 400;
2753 .fa.fa-building-o:before {
2754 content: "\f1ad";
2757 .fa.fa-hospital-o {
2758 font-family: "Font Awesome 6 Free";
2759 font-weight: 400;
2762 .fa.fa-hospital-o:before {
2763 content: "\f0f8";
2766 .fa.fa-tablet:before {
2767 content: "\f3fa";
2770 .fa.fa-mobile:before {
2771 content: "\f3cd";
2774 .fa.fa-mobile-phone:before {
2775 content: "\f3cd";
2778 .fa.fa-circle-o {
2779 font-family: "Font Awesome 6 Free";
2780 font-weight: 400;
2783 .fa.fa-circle-o:before {
2784 content: "\f111";
2787 .fa.fa-mail-reply:before {
2788 content: "\f3e5";
2791 .fa.fa-github-alt {
2792 font-family: "Font Awesome 6 Brands";
2793 font-weight: 400;
2796 .fa.fa-folder-o {
2797 font-family: "Font Awesome 6 Free";
2798 font-weight: 400;
2801 .fa.fa-folder-o:before {
2802 content: "\f07b";
2805 .fa.fa-folder-open-o {
2806 font-family: "Font Awesome 6 Free";
2807 font-weight: 400;
2810 .fa.fa-folder-open-o:before {
2811 content: "\f07c";
2814 .fa.fa-smile-o {
2815 font-family: "Font Awesome 6 Free";
2816 font-weight: 400;
2819 .fa.fa-smile-o:before {
2820 content: "\f118";
2823 .fa.fa-frown-o {
2824 font-family: "Font Awesome 6 Free";
2825 font-weight: 400;
2828 .fa.fa-frown-o:before {
2829 content: "\f119";
2832 .fa.fa-meh-o {
2833 font-family: "Font Awesome 6 Free";
2834 font-weight: 400;
2837 .fa.fa-meh-o:before {
2838 content: "\f11a";
2841 .fa.fa-keyboard-o {
2842 font-family: "Font Awesome 6 Free";
2843 font-weight: 400;
2846 .fa.fa-keyboard-o:before {
2847 content: "\f11c";
2850 .fa.fa-flag-o {
2851 font-family: "Font Awesome 6 Free";
2852 font-weight: 400;
2855 .fa.fa-flag-o:before {
2856 content: "\f024";
2859 .fa.fa-mail-reply-all:before {
2860 content: "\f122";
2863 .fa.fa-star-half-o {
2864 font-family: "Font Awesome 6 Free";
2865 font-weight: 400;
2868 .fa.fa-star-half-o:before {
2869 content: "\f5c0";
2872 .fa.fa-star-half-empty {
2873 font-family: "Font Awesome 6 Free";
2874 font-weight: 400;
2877 .fa.fa-star-half-empty:before {
2878 content: "\f5c0";
2881 .fa.fa-star-half-full {
2882 font-family: "Font Awesome 6 Free";
2883 font-weight: 400;
2886 .fa.fa-star-half-full:before {
2887 content: "\f5c0";
2890 .fa.fa-code-fork:before {
2891 content: "\f126";
2894 .fa.fa-chain-broken:before {
2895 content: "\f127";
2898 .fa.fa-unlink:before {
2899 content: "\f127";
2902 .fa.fa-calendar-o {
2903 font-family: "Font Awesome 6 Free";
2904 font-weight: 400;
2907 .fa.fa-calendar-o:before {
2908 content: "\f133";
2911 .fa.fa-maxcdn {
2912 font-family: "Font Awesome 6 Brands";
2913 font-weight: 400;
2916 .fa.fa-html5 {
2917 font-family: "Font Awesome 6 Brands";
2918 font-weight: 400;
2921 .fa.fa-css3 {
2922 font-family: "Font Awesome 6 Brands";
2923 font-weight: 400;
2926 .fa.fa-unlock-alt:before {
2927 content: "\f09c";
2930 .fa.fa-minus-square-o {
2931 font-family: "Font Awesome 6 Free";
2932 font-weight: 400;
2935 .fa.fa-minus-square-o:before {
2936 content: "\f146";
2939 .fa.fa-level-up:before {
2940 content: "\f3bf";
2943 .fa.fa-level-down:before {
2944 content: "\f3be";
2947 .fa.fa-pencil-square:before {
2948 content: "\f14b";
2951 .fa.fa-external-link-square:before {
2952 content: "\f360";
2955 .fa.fa-compass {
2956 font-family: "Font Awesome 6 Free";
2957 font-weight: 400;
2960 .fa.fa-caret-square-o-down {
2961 font-family: "Font Awesome 6 Free";
2962 font-weight: 400;
2965 .fa.fa-caret-square-o-down:before {
2966 content: "\f150";
2969 .fa.fa-toggle-down {
2970 font-family: "Font Awesome 6 Free";
2971 font-weight: 400;
2974 .fa.fa-toggle-down:before {
2975 content: "\f150";
2978 .fa.fa-caret-square-o-up {
2979 font-family: "Font Awesome 6 Free";
2980 font-weight: 400;
2983 .fa.fa-caret-square-o-up:before {
2984 content: "\f151";
2987 .fa.fa-toggle-up {
2988 font-family: "Font Awesome 6 Free";
2989 font-weight: 400;
2992 .fa.fa-toggle-up:before {
2993 content: "\f151";
2996 .fa.fa-caret-square-o-right {
2997 font-family: "Font Awesome 6 Free";
2998 font-weight: 400;
3001 .fa.fa-caret-square-o-right:before {
3002 content: "\f152";
3005 .fa.fa-toggle-right {
3006 font-family: "Font Awesome 6 Free";
3007 font-weight: 400;
3010 .fa.fa-toggle-right:before {
3011 content: "\f152";
3014 .fa.fa-eur:before {
3015 content: "\f153";
3018 .fa.fa-euro:before {
3019 content: "\f153";
3022 .fa.fa-gbp:before {
3023 content: "\f154";
3026 .fa.fa-usd:before {
3027 content: "\$";
3030 .fa.fa-dollar:before {
3031 content: "\$";
3034 .fa.fa-inr:before {
3035 content: "\e1bc";
3038 .fa.fa-rupee:before {
3039 content: "\e1bc";
3042 .fa.fa-jpy:before {
3043 content: "\f157";
3046 .fa.fa-cny:before {
3047 content: "\f157";
3050 .fa.fa-rmb:before {
3051 content: "\f157";
3054 .fa.fa-yen:before {
3055 content: "\f157";
3058 .fa.fa-rub:before {
3059 content: "\f158";
3062 .fa.fa-ruble:before {
3063 content: "\f158";
3066 .fa.fa-rouble:before {
3067 content: "\f158";
3070 .fa.fa-krw:before {
3071 content: "\f159";
3074 .fa.fa-won:before {
3075 content: "\f159";
3078 .fa.fa-btc {
3079 font-family: "Font Awesome 6 Brands";
3080 font-weight: 400;
3083 .fa.fa-bitcoin {
3084 font-family: "Font Awesome 6 Brands";
3085 font-weight: 400;
3088 .fa.fa-bitcoin:before {
3089 content: "\f15a";
3092 .fa.fa-file-text:before {
3093 content: "\f15c";
3096 .fa.fa-sort-alpha-asc:before {
3097 content: "\f15d";
3100 .fa.fa-sort-alpha-desc:before {
3101 content: "\f881";
3104 .fa.fa-sort-amount-asc:before {
3105 content: "\f884";
3108 .fa.fa-sort-amount-desc:before {
3109 content: "\f160";
3112 .fa.fa-sort-numeric-asc:before {
3113 content: "\f162";
3116 .fa.fa-sort-numeric-desc:before {
3117 content: "\f886";
3120 .fa.fa-youtube-square {
3121 font-family: "Font Awesome 6 Brands";
3122 font-weight: 400;
3125 .fa.fa-youtube-square:before {
3126 content: "\f431";
3129 .fa.fa-youtube {
3130 font-family: "Font Awesome 6 Brands";
3131 font-weight: 400;
3134 .fa.fa-xing {
3135 font-family: "Font Awesome 6 Brands";
3136 font-weight: 400;
3139 .fa.fa-xing-square {
3140 font-family: "Font Awesome 6 Brands";
3141 font-weight: 400;
3144 .fa.fa-xing-square:before {
3145 content: "\f169";
3148 .fa.fa-youtube-play {
3149 font-family: "Font Awesome 6 Brands";
3150 font-weight: 400;
3153 .fa.fa-youtube-play:before {
3154 content: "\f167";
3157 .fa.fa-dropbox {
3158 font-family: "Font Awesome 6 Brands";
3159 font-weight: 400;
3162 .fa.fa-stack-overflow {
3163 font-family: "Font Awesome 6 Brands";
3164 font-weight: 400;
3167 .fa.fa-instagram {
3168 font-family: "Font Awesome 6 Brands";
3169 font-weight: 400;
3172 .fa.fa-flickr {
3173 font-family: "Font Awesome 6 Brands";
3174 font-weight: 400;
3177 .fa.fa-adn {
3178 font-family: "Font Awesome 6 Brands";
3179 font-weight: 400;
3182 .fa.fa-bitbucket {
3183 font-family: "Font Awesome 6 Brands";
3184 font-weight: 400;
3187 .fa.fa-bitbucket-square {
3188 font-family: "Font Awesome 6 Brands";
3189 font-weight: 400;
3192 .fa.fa-bitbucket-square:before {
3193 content: "\f171";
3196 .fa.fa-tumblr {
3197 font-family: "Font Awesome 6 Brands";
3198 font-weight: 400;
3201 .fa.fa-tumblr-square {
3202 font-family: "Font Awesome 6 Brands";
3203 font-weight: 400;
3206 .fa.fa-tumblr-square:before {
3207 content: "\f174";
3210 .fa.fa-long-arrow-down:before {
3211 content: "\f309";
3214 .fa.fa-long-arrow-up:before {
3215 content: "\f30c";
3218 .fa.fa-long-arrow-left:before {
3219 content: "\f30a";
3222 .fa.fa-long-arrow-right:before {
3223 content: "\f30b";
3226 .fa.fa-apple {
3227 font-family: "Font Awesome 6 Brands";
3228 font-weight: 400;
3231 .fa.fa-windows {
3232 font-family: "Font Awesome 6 Brands";
3233 font-weight: 400;
3236 .fa.fa-android {
3237 font-family: "Font Awesome 6 Brands";
3238 font-weight: 400;
3241 .fa.fa-linux {
3242 font-family: "Font Awesome 6 Brands";
3243 font-weight: 400;
3246 .fa.fa-dribbble {
3247 font-family: "Font Awesome 6 Brands";
3248 font-weight: 400;
3251 .fa.fa-skype {
3252 font-family: "Font Awesome 6 Brands";
3253 font-weight: 400;
3256 .fa.fa-foursquare {
3257 font-family: "Font Awesome 6 Brands";
3258 font-weight: 400;
3261 .fa.fa-trello {
3262 font-family: "Font Awesome 6 Brands";
3263 font-weight: 400;
3266 .fa.fa-gratipay {
3267 font-family: "Font Awesome 6 Brands";
3268 font-weight: 400;
3271 .fa.fa-gittip {
3272 font-family: "Font Awesome 6 Brands";
3273 font-weight: 400;
3276 .fa.fa-gittip:before {
3277 content: "\f184";
3280 .fa.fa-sun-o {
3281 font-family: "Font Awesome 6 Free";
3282 font-weight: 400;
3285 .fa.fa-sun-o:before {
3286 content: "\f185";
3289 .fa.fa-moon-o {
3290 font-family: "Font Awesome 6 Free";
3291 font-weight: 400;
3294 .fa.fa-moon-o:before {
3295 content: "\f186";
3298 .fa.fa-vk {
3299 font-family: "Font Awesome 6 Brands";
3300 font-weight: 400;
3303 .fa.fa-weibo {
3304 font-family: "Font Awesome 6 Brands";
3305 font-weight: 400;
3308 .fa.fa-renren {
3309 font-family: "Font Awesome 6 Brands";
3310 font-weight: 400;
3313 .fa.fa-pagelines {
3314 font-family: "Font Awesome 6 Brands";
3315 font-weight: 400;
3318 .fa.fa-stack-exchange {
3319 font-family: "Font Awesome 6 Brands";
3320 font-weight: 400;
3323 .fa.fa-arrow-circle-o-right {
3324 font-family: "Font Awesome 6 Free";
3325 font-weight: 400;
3328 .fa.fa-arrow-circle-o-right:before {
3329 content: "\f35a";
3332 .fa.fa-arrow-circle-o-left {
3333 font-family: "Font Awesome 6 Free";
3334 font-weight: 400;
3337 .fa.fa-arrow-circle-o-left:before {
3338 content: "\f359";
3341 .fa.fa-caret-square-o-left {
3342 font-family: "Font Awesome 6 Free";
3343 font-weight: 400;
3346 .fa.fa-caret-square-o-left:before {
3347 content: "\f191";
3350 .fa.fa-toggle-left {
3351 font-family: "Font Awesome 6 Free";
3352 font-weight: 400;
3355 .fa.fa-toggle-left:before {
3356 content: "\f191";
3359 .fa.fa-dot-circle-o {
3360 font-family: "Font Awesome 6 Free";
3361 font-weight: 400;
3364 .fa.fa-dot-circle-o:before {
3365 content: "\f192";
3368 .fa.fa-vimeo-square {
3369 font-family: "Font Awesome 6 Brands";
3370 font-weight: 400;
3373 .fa.fa-vimeo-square:before {
3374 content: "\f194";
3377 .fa.fa-try:before {
3378 content: "\e2bb";
3381 .fa.fa-turkish-lira:before {
3382 content: "\e2bb";
3385 .fa.fa-plus-square-o {
3386 font-family: "Font Awesome 6 Free";
3387 font-weight: 400;
3390 .fa.fa-plus-square-o:before {
3391 content: "\f0fe";
3394 .fa.fa-slack {
3395 font-family: "Font Awesome 6 Brands";
3396 font-weight: 400;
3399 .fa.fa-wordpress {
3400 font-family: "Font Awesome 6 Brands";
3401 font-weight: 400;
3404 .fa.fa-openid {
3405 font-family: "Font Awesome 6 Brands";
3406 font-weight: 400;
3409 .fa.fa-institution:before {
3410 content: "\f19c";
3413 .fa.fa-bank:before {
3414 content: "\f19c";
3417 .fa.fa-mortar-board:before {
3418 content: "\f19d";
3421 .fa.fa-yahoo {
3422 font-family: "Font Awesome 6 Brands";
3423 font-weight: 400;
3426 .fa.fa-google {
3427 font-family: "Font Awesome 6 Brands";
3428 font-weight: 400;
3431 .fa.fa-reddit {
3432 font-family: "Font Awesome 6 Brands";
3433 font-weight: 400;
3436 .fa.fa-reddit-square {
3437 font-family: "Font Awesome 6 Brands";
3438 font-weight: 400;
3441 .fa.fa-reddit-square:before {
3442 content: "\f1a2";
3445 .fa.fa-stumbleupon-circle {
3446 font-family: "Font Awesome 6 Brands";
3447 font-weight: 400;
3450 .fa.fa-stumbleupon {
3451 font-family: "Font Awesome 6 Brands";
3452 font-weight: 400;
3455 .fa.fa-delicious {
3456 font-family: "Font Awesome 6 Brands";
3457 font-weight: 400;
3460 .fa.fa-digg {
3461 font-family: "Font Awesome 6 Brands";
3462 font-weight: 400;
3465 .fa.fa-pied-piper-pp {
3466 font-family: "Font Awesome 6 Brands";
3467 font-weight: 400;
3470 .fa.fa-pied-piper-alt {
3471 font-family: "Font Awesome 6 Brands";
3472 font-weight: 400;
3475 .fa.fa-drupal {
3476 font-family: "Font Awesome 6 Brands";
3477 font-weight: 400;
3480 .fa.fa-joomla {
3481 font-family: "Font Awesome 6 Brands";
3482 font-weight: 400;
3485 .fa.fa-behance {
3486 font-family: "Font Awesome 6 Brands";
3487 font-weight: 400;
3490 .fa.fa-behance-square {
3491 font-family: "Font Awesome 6 Brands";
3492 font-weight: 400;
3495 .fa.fa-behance-square:before {
3496 content: "\f1b5";
3499 .fa.fa-steam {
3500 font-family: "Font Awesome 6 Brands";
3501 font-weight: 400;
3504 .fa.fa-steam-square {
3505 font-family: "Font Awesome 6 Brands";
3506 font-weight: 400;
3509 .fa.fa-steam-square:before {
3510 content: "\f1b7";
3513 .fa.fa-automobile:before {
3514 content: "\f1b9";
3517 .fa.fa-cab:before {
3518 content: "\f1ba";
3521 .fa.fa-spotify {
3522 font-family: "Font Awesome 6 Brands";
3523 font-weight: 400;
3526 .fa.fa-deviantart {
3527 font-family: "Font Awesome 6 Brands";
3528 font-weight: 400;
3531 .fa.fa-soundcloud {
3532 font-family: "Font Awesome 6 Brands";
3533 font-weight: 400;
3536 .fa.fa-file-pdf-o {
3537 font-family: "Font Awesome 6 Free";
3538 font-weight: 400;
3541 .fa.fa-file-pdf-o:before {
3542 content: "\f1c1";
3545 .fa.fa-file-word-o {
3546 font-family: "Font Awesome 6 Free";
3547 font-weight: 400;
3550 .fa.fa-file-word-o:before {
3551 content: "\f1c2";
3554 .fa.fa-file-excel-o {
3555 font-family: "Font Awesome 6 Free";
3556 font-weight: 400;
3559 .fa.fa-file-excel-o:before {
3560 content: "\f1c3";
3563 .fa.fa-file-powerpoint-o {
3564 font-family: "Font Awesome 6 Free";
3565 font-weight: 400;
3568 .fa.fa-file-powerpoint-o:before {
3569 content: "\f1c4";
3572 .fa.fa-file-image-o {
3573 font-family: "Font Awesome 6 Free";
3574 font-weight: 400;
3577 .fa.fa-file-image-o:before {
3578 content: "\f1c5";
3581 .fa.fa-file-photo-o {
3582 font-family: "Font Awesome 6 Free";
3583 font-weight: 400;
3586 .fa.fa-file-photo-o:before {
3587 content: "\f1c5";
3590 .fa.fa-file-picture-o {
3591 font-family: "Font Awesome 6 Free";
3592 font-weight: 400;
3595 .fa.fa-file-picture-o:before {
3596 content: "\f1c5";
3599 .fa.fa-file-archive-o {
3600 font-family: "Font Awesome 6 Free";
3601 font-weight: 400;
3604 .fa.fa-file-archive-o:before {
3605 content: "\f1c6";
3608 .fa.fa-file-zip-o {
3609 font-family: "Font Awesome 6 Free";
3610 font-weight: 400;
3613 .fa.fa-file-zip-o:before {
3614 content: "\f1c6";
3617 .fa.fa-file-audio-o {
3618 font-family: "Font Awesome 6 Free";
3619 font-weight: 400;
3622 .fa.fa-file-audio-o:before {
3623 content: "\f1c7";
3626 .fa.fa-file-sound-o {
3627 font-family: "Font Awesome 6 Free";
3628 font-weight: 400;
3631 .fa.fa-file-sound-o:before {
3632 content: "\f1c7";
3635 .fa.fa-file-video-o {
3636 font-family: "Font Awesome 6 Free";
3637 font-weight: 400;
3640 .fa.fa-file-video-o:before {
3641 content: "\f1c8";
3644 .fa.fa-file-movie-o {
3645 font-family: "Font Awesome 6 Free";
3646 font-weight: 400;
3649 .fa.fa-file-movie-o:before {
3650 content: "\f1c8";
3653 .fa.fa-file-code-o {
3654 font-family: "Font Awesome 6 Free";
3655 font-weight: 400;
3658 .fa.fa-file-code-o:before {
3659 content: "\f1c9";
3662 .fa.fa-vine {
3663 font-family: "Font Awesome 6 Brands";
3664 font-weight: 400;
3667 .fa.fa-codepen {
3668 font-family: "Font Awesome 6 Brands";
3669 font-weight: 400;
3672 .fa.fa-jsfiddle {
3673 font-family: "Font Awesome 6 Brands";
3674 font-weight: 400;
3677 .fa.fa-life-bouy:before {
3678 content: "\f1cd";
3681 .fa.fa-life-buoy:before {
3682 content: "\f1cd";
3685 .fa.fa-life-saver:before {
3686 content: "\f1cd";
3689 .fa.fa-support:before {
3690 content: "\f1cd";
3693 .fa.fa-circle-o-notch:before {
3694 content: "\f1ce";
3697 .fa.fa-rebel {
3698 font-family: "Font Awesome 6 Brands";
3699 font-weight: 400;
3702 .fa.fa-ra {
3703 font-family: "Font Awesome 6 Brands";
3704 font-weight: 400;
3707 .fa.fa-ra:before {
3708 content: "\f1d0";
3711 .fa.fa-resistance {
3712 font-family: "Font Awesome 6 Brands";
3713 font-weight: 400;
3716 .fa.fa-resistance:before {
3717 content: "\f1d0";
3720 .fa.fa-empire {
3721 font-family: "Font Awesome 6 Brands";
3722 font-weight: 400;
3725 .fa.fa-ge {
3726 font-family: "Font Awesome 6 Brands";
3727 font-weight: 400;
3730 .fa.fa-ge:before {
3731 content: "\f1d1";
3734 .fa.fa-git-square {
3735 font-family: "Font Awesome 6 Brands";
3736 font-weight: 400;
3739 .fa.fa-git-square:before {
3740 content: "\f1d2";
3743 .fa.fa-git {
3744 font-family: "Font Awesome 6 Brands";
3745 font-weight: 400;
3748 .fa.fa-hacker-news {
3749 font-family: "Font Awesome 6 Brands";
3750 font-weight: 400;
3753 .fa.fa-y-combinator-square {
3754 font-family: "Font Awesome 6 Brands";
3755 font-weight: 400;
3758 .fa.fa-y-combinator-square:before {
3759 content: "\f1d4";
3762 .fa.fa-yc-square {
3763 font-family: "Font Awesome 6 Brands";
3764 font-weight: 400;
3767 .fa.fa-yc-square:before {
3768 content: "\f1d4";
3771 .fa.fa-tencent-weibo {
3772 font-family: "Font Awesome 6 Brands";
3773 font-weight: 400;
3776 .fa.fa-qq {
3777 font-family: "Font Awesome 6 Brands";
3778 font-weight: 400;
3781 .fa.fa-weixin {
3782 font-family: "Font Awesome 6 Brands";
3783 font-weight: 400;
3786 .fa.fa-wechat {
3787 font-family: "Font Awesome 6 Brands";
3788 font-weight: 400;
3791 .fa.fa-wechat:before {
3792 content: "\f1d7";
3795 .fa.fa-send:before {
3796 content: "\f1d8";
3799 .fa.fa-paper-plane-o {
3800 font-family: "Font Awesome 6 Free";
3801 font-weight: 400;
3804 .fa.fa-paper-plane-o:before {
3805 content: "\f1d8";
3808 .fa.fa-send-o {
3809 font-family: "Font Awesome 6 Free";
3810 font-weight: 400;
3813 .fa.fa-send-o:before {
3814 content: "\f1d8";
3817 .fa.fa-circle-thin {
3818 font-family: "Font Awesome 6 Free";
3819 font-weight: 400;
3822 .fa.fa-circle-thin:before {
3823 content: "\f111";
3826 .fa.fa-header:before {
3827 content: "\f1dc";
3830 .fa.fa-futbol-o {
3831 font-family: "Font Awesome 6 Free";
3832 font-weight: 400;
3835 .fa.fa-futbol-o:before {
3836 content: "\f1e3";
3839 .fa.fa-soccer-ball-o {
3840 font-family: "Font Awesome 6 Free";
3841 font-weight: 400;
3844 .fa.fa-soccer-ball-o:before {
3845 content: "\f1e3";
3848 .fa.fa-slideshare {
3849 font-family: "Font Awesome 6 Brands";
3850 font-weight: 400;
3853 .fa.fa-twitch {
3854 font-family: "Font Awesome 6 Brands";
3855 font-weight: 400;
3858 .fa.fa-yelp {
3859 font-family: "Font Awesome 6 Brands";
3860 font-weight: 400;
3863 .fa.fa-newspaper-o {
3864 font-family: "Font Awesome 6 Free";
3865 font-weight: 400;
3868 .fa.fa-newspaper-o:before {
3869 content: "\f1ea";
3872 .fa.fa-paypal {
3873 font-family: "Font Awesome 6 Brands";
3874 font-weight: 400;
3877 .fa.fa-google-wallet {
3878 font-family: "Font Awesome 6 Brands";
3879 font-weight: 400;
3882 .fa.fa-cc-visa {
3883 font-family: "Font Awesome 6 Brands";
3884 font-weight: 400;
3887 .fa.fa-cc-mastercard {
3888 font-family: "Font Awesome 6 Brands";
3889 font-weight: 400;
3892 .fa.fa-cc-discover {
3893 font-family: "Font Awesome 6 Brands";
3894 font-weight: 400;
3897 .fa.fa-cc-amex {
3898 font-family: "Font Awesome 6 Brands";
3899 font-weight: 400;
3902 .fa.fa-cc-paypal {
3903 font-family: "Font Awesome 6 Brands";
3904 font-weight: 400;
3907 .fa.fa-cc-stripe {
3908 font-family: "Font Awesome 6 Brands";
3909 font-weight: 400;
3912 .fa.fa-bell-slash-o {
3913 font-family: "Font Awesome 6 Free";
3914 font-weight: 400;
3917 .fa.fa-bell-slash-o:before {
3918 content: "\f1f6";
3921 .fa.fa-trash:before {
3922 content: "\f2ed";
3925 .fa.fa-copyright {
3926 font-family: "Font Awesome 6 Free";
3927 font-weight: 400;
3930 .fa.fa-eyedropper:before {
3931 content: "\f1fb";
3934 .fa.fa-area-chart:before {
3935 content: "\f1fe";
3938 .fa.fa-pie-chart:before {
3939 content: "\f200";
3942 .fa.fa-line-chart:before {
3943 content: "\f201";
3946 .fa.fa-lastfm {
3947 font-family: "Font Awesome 6 Brands";
3948 font-weight: 400;
3951 .fa.fa-lastfm-square {
3952 font-family: "Font Awesome 6 Brands";
3953 font-weight: 400;
3956 .fa.fa-lastfm-square:before {
3957 content: "\f203";
3960 .fa.fa-ioxhost {
3961 font-family: "Font Awesome 6 Brands";
3962 font-weight: 400;
3965 .fa.fa-angellist {
3966 font-family: "Font Awesome 6 Brands";
3967 font-weight: 400;
3970 .fa.fa-cc {
3971 font-family: "Font Awesome 6 Free";
3972 font-weight: 400;
3975 .fa.fa-cc:before {
3976 content: "\f20a";
3979 .fa.fa-ils:before {
3980 content: "\f20b";
3983 .fa.fa-shekel:before {
3984 content: "\f20b";
3987 .fa.fa-sheqel:before {
3988 content: "\f20b";
3991 .fa.fa-buysellads {
3992 font-family: "Font Awesome 6 Brands";
3993 font-weight: 400;
3996 .fa.fa-connectdevelop {
3997 font-family: "Font Awesome 6 Brands";
3998 font-weight: 400;
4001 .fa.fa-dashcube {
4002 font-family: "Font Awesome 6 Brands";
4003 font-weight: 400;
4006 .fa.fa-forumbee {
4007 font-family: "Font Awesome 6 Brands";
4008 font-weight: 400;
4011 .fa.fa-leanpub {
4012 font-family: "Font Awesome 6 Brands";
4013 font-weight: 400;
4016 .fa.fa-sellsy {
4017 font-family: "Font Awesome 6 Brands";
4018 font-weight: 400;
4021 .fa.fa-shirtsinbulk {
4022 font-family: "Font Awesome 6 Brands";
4023 font-weight: 400;
4026 .fa.fa-simplybuilt {
4027 font-family: "Font Awesome 6 Brands";
4028 font-weight: 400;
4031 .fa.fa-skyatlas {
4032 font-family: "Font Awesome 6 Brands";
4033 font-weight: 400;
4036 .fa.fa-diamond {
4037 font-family: "Font Awesome 6 Free";
4038 font-weight: 400;
4041 .fa.fa-diamond:before {
4042 content: "\f3a5";
4045 .fa.fa-transgender:before {
4046 content: "\f224";
4049 .fa.fa-intersex:before {
4050 content: "\f224";
4053 .fa.fa-transgender-alt:before {
4054 content: "\f225";
4057 .fa.fa-facebook-official {
4058 font-family: "Font Awesome 6 Brands";
4059 font-weight: 400;
4062 .fa.fa-facebook-official:before {
4063 content: "\f09a";
4066 .fa.fa-pinterest-p {
4067 font-family: "Font Awesome 6 Brands";
4068 font-weight: 400;
4071 .fa.fa-whatsapp {
4072 font-family: "Font Awesome 6 Brands";
4073 font-weight: 400;
4076 .fa.fa-hotel:before {
4077 content: "\f236";
4080 .fa.fa-viacoin {
4081 font-family: "Font Awesome 6 Brands";
4082 font-weight: 400;
4085 .fa.fa-medium {
4086 font-family: "Font Awesome 6 Brands";
4087 font-weight: 400;
4090 .fa.fa-y-combinator {
4091 font-family: "Font Awesome 6 Brands";
4092 font-weight: 400;
4095 .fa.fa-yc {
4096 font-family: "Font Awesome 6 Brands";
4097 font-weight: 400;
4100 .fa.fa-yc:before {
4101 content: "\f23b";
4104 .fa.fa-optin-monster {
4105 font-family: "Font Awesome 6 Brands";
4106 font-weight: 400;
4109 .fa.fa-opencart {
4110 font-family: "Font Awesome 6 Brands";
4111 font-weight: 400;
4114 .fa.fa-expeditedssl {
4115 font-family: "Font Awesome 6 Brands";
4116 font-weight: 400;
4119 .fa.fa-battery-4:before {
4120 content: "\f240";
4123 .fa.fa-battery:before {
4124 content: "\f240";
4127 .fa.fa-battery-3:before {
4128 content: "\f241";
4131 .fa.fa-battery-2:before {
4132 content: "\f242";
4135 .fa.fa-battery-1:before {
4136 content: "\f243";
4139 .fa.fa-battery-0:before {
4140 content: "\f244";
4143 .fa.fa-object-group {
4144 font-family: "Font Awesome 6 Free";
4145 font-weight: 400;
4148 .fa.fa-object-ungroup {
4149 font-family: "Font Awesome 6 Free";
4150 font-weight: 400;
4153 .fa.fa-sticky-note-o {
4154 font-family: "Font Awesome 6 Free";
4155 font-weight: 400;
4158 .fa.fa-sticky-note-o:before {
4159 content: "\f249";
4162 .fa.fa-cc-jcb {
4163 font-family: "Font Awesome 6 Brands";
4164 font-weight: 400;
4167 .fa.fa-cc-diners-club {
4168 font-family: "Font Awesome 6 Brands";
4169 font-weight: 400;
4172 .fa.fa-clone {
4173 font-family: "Font Awesome 6 Free";
4174 font-weight: 400;
4177 .fa.fa-hourglass-o:before {
4178 content: "\f254";
4181 .fa.fa-hourglass-1:before {
4182 content: "\f251";
4185 .fa.fa-hourglass-2:before {
4186 content: "\f252";
4189 .fa.fa-hourglass-3:before {
4190 content: "\f253";
4193 .fa.fa-hand-rock-o {
4194 font-family: "Font Awesome 6 Free";
4195 font-weight: 400;
4198 .fa.fa-hand-rock-o:before {
4199 content: "\f255";
4202 .fa.fa-hand-grab-o {
4203 font-family: "Font Awesome 6 Free";
4204 font-weight: 400;
4207 .fa.fa-hand-grab-o:before {
4208 content: "\f255";
4211 .fa.fa-hand-paper-o {
4212 font-family: "Font Awesome 6 Free";
4213 font-weight: 400;
4216 .fa.fa-hand-paper-o:before {
4217 content: "\f256";
4220 .fa.fa-hand-stop-o {
4221 font-family: "Font Awesome 6 Free";
4222 font-weight: 400;
4225 .fa.fa-hand-stop-o:before {
4226 content: "\f256";
4229 .fa.fa-hand-scissors-o {
4230 font-family: "Font Awesome 6 Free";
4231 font-weight: 400;
4234 .fa.fa-hand-scissors-o:before {
4235 content: "\f257";
4238 .fa.fa-hand-lizard-o {
4239 font-family: "Font Awesome 6 Free";
4240 font-weight: 400;
4243 .fa.fa-hand-lizard-o:before {
4244 content: "\f258";
4247 .fa.fa-hand-spock-o {
4248 font-family: "Font Awesome 6 Free";
4249 font-weight: 400;
4252 .fa.fa-hand-spock-o:before {
4253 content: "\f259";
4256 .fa.fa-hand-pointer-o {
4257 font-family: "Font Awesome 6 Free";
4258 font-weight: 400;
4261 .fa.fa-hand-pointer-o:before {
4262 content: "\f25a";
4265 .fa.fa-hand-peace-o {
4266 font-family: "Font Awesome 6 Free";
4267 font-weight: 400;
4270 .fa.fa-hand-peace-o:before {
4271 content: "\f25b";
4274 .fa.fa-registered {
4275 font-family: "Font Awesome 6 Free";
4276 font-weight: 400;
4279 .fa.fa-creative-commons {
4280 font-family: "Font Awesome 6 Brands";
4281 font-weight: 400;
4284 .fa.fa-gg {
4285 font-family: "Font Awesome 6 Brands";
4286 font-weight: 400;
4289 .fa.fa-gg-circle {
4290 font-family: "Font Awesome 6 Brands";
4291 font-weight: 400;
4294 .fa.fa-odnoklassniki {
4295 font-family: "Font Awesome 6 Brands";
4296 font-weight: 400;
4299 .fa.fa-odnoklassniki-square {
4300 font-family: "Font Awesome 6 Brands";
4301 font-weight: 400;
4304 .fa.fa-odnoklassniki-square:before {
4305 content: "\f264";
4308 .fa.fa-get-pocket {
4309 font-family: "Font Awesome 6 Brands";
4310 font-weight: 400;
4313 .fa.fa-wikipedia-w {
4314 font-family: "Font Awesome 6 Brands";
4315 font-weight: 400;
4318 .fa.fa-safari {
4319 font-family: "Font Awesome 6 Brands";
4320 font-weight: 400;
4323 .fa.fa-chrome {
4324 font-family: "Font Awesome 6 Brands";
4325 font-weight: 400;
4328 .fa.fa-firefox {
4329 font-family: "Font Awesome 6 Brands";
4330 font-weight: 400;
4333 .fa.fa-opera {
4334 font-family: "Font Awesome 6 Brands";
4335 font-weight: 400;
4338 .fa.fa-internet-explorer {
4339 font-family: "Font Awesome 6 Brands";
4340 font-weight: 400;
4343 .fa.fa-television:before {
4344 content: "\f26c";
4347 .fa.fa-contao {
4348 font-family: "Font Awesome 6 Brands";
4349 font-weight: 400;
4352 .fa.fa-500px {
4353 font-family: "Font Awesome 6 Brands";
4354 font-weight: 400;
4357 .fa.fa-amazon {
4358 font-family: "Font Awesome 6 Brands";
4359 font-weight: 400;
4362 .fa.fa-calendar-plus-o {
4363 font-family: "Font Awesome 6 Free";
4364 font-weight: 400;
4367 .fa.fa-calendar-plus-o:before {
4368 content: "\f271";
4371 .fa.fa-calendar-minus-o {
4372 font-family: "Font Awesome 6 Free";
4373 font-weight: 400;
4376 .fa.fa-calendar-minus-o:before {
4377 content: "\f272";
4380 .fa.fa-calendar-times-o {
4381 font-family: "Font Awesome 6 Free";
4382 font-weight: 400;
4385 .fa.fa-calendar-times-o:before {
4386 content: "\f273";
4389 .fa.fa-calendar-check-o {
4390 font-family: "Font Awesome 6 Free";
4391 font-weight: 400;
4394 .fa.fa-calendar-check-o:before {
4395 content: "\f274";
4398 .fa.fa-map-o {
4399 font-family: "Font Awesome 6 Free";
4400 font-weight: 400;
4403 .fa.fa-map-o:before {
4404 content: "\f279";
4407 .fa.fa-commenting:before {
4408 content: "\f4ad";
4411 .fa.fa-commenting-o {
4412 font-family: "Font Awesome 6 Free";
4413 font-weight: 400;
4416 .fa.fa-commenting-o:before {
4417 content: "\f4ad";
4420 .fa.fa-houzz {
4421 font-family: "Font Awesome 6 Brands";
4422 font-weight: 400;
4425 .fa.fa-vimeo {
4426 font-family: "Font Awesome 6 Brands";
4427 font-weight: 400;
4430 .fa.fa-vimeo:before {
4431 content: "\f27d";
4434 .fa.fa-black-tie {
4435 font-family: "Font Awesome 6 Brands";
4436 font-weight: 400;
4439 .fa.fa-fonticons {
4440 font-family: "Font Awesome 6 Brands";
4441 font-weight: 400;
4444 .fa.fa-reddit-alien {
4445 font-family: "Font Awesome 6 Brands";
4446 font-weight: 400;
4449 .fa.fa-edge {
4450 font-family: "Font Awesome 6 Brands";
4451 font-weight: 400;
4454 .fa.fa-credit-card-alt:before {
4455 content: "\f09d";
4458 .fa.fa-codiepie {
4459 font-family: "Font Awesome 6 Brands";
4460 font-weight: 400;
4463 .fa.fa-modx {
4464 font-family: "Font Awesome 6 Brands";
4465 font-weight: 400;
4468 .fa.fa-fort-awesome {
4469 font-family: "Font Awesome 6 Brands";
4470 font-weight: 400;
4473 .fa.fa-usb {
4474 font-family: "Font Awesome 6 Brands";
4475 font-weight: 400;
4478 .fa.fa-product-hunt {
4479 font-family: "Font Awesome 6 Brands";
4480 font-weight: 400;
4483 .fa.fa-mixcloud {
4484 font-family: "Font Awesome 6 Brands";
4485 font-weight: 400;
4488 .fa.fa-scribd {
4489 font-family: "Font Awesome 6 Brands";
4490 font-weight: 400;
4493 .fa.fa-pause-circle-o {
4494 font-family: "Font Awesome 6 Free";
4495 font-weight: 400;
4498 .fa.fa-pause-circle-o:before {
4499 content: "\f28b";
4502 .fa.fa-stop-circle-o {
4503 font-family: "Font Awesome 6 Free";
4504 font-weight: 400;
4507 .fa.fa-stop-circle-o:before {
4508 content: "\f28d";
4511 .fa.fa-bluetooth {
4512 font-family: "Font Awesome 6 Brands";
4513 font-weight: 400;
4516 .fa.fa-bluetooth-b {
4517 font-family: "Font Awesome 6 Brands";
4518 font-weight: 400;
4521 .fa.fa-gitlab {
4522 font-family: "Font Awesome 6 Brands";
4523 font-weight: 400;
4526 .fa.fa-wpbeginner {
4527 font-family: "Font Awesome 6 Brands";
4528 font-weight: 400;
4531 .fa.fa-wpforms {
4532 font-family: "Font Awesome 6 Brands";
4533 font-weight: 400;
4536 .fa.fa-envira {
4537 font-family: "Font Awesome 6 Brands";
4538 font-weight: 400;
4541 .fa.fa-wheelchair-alt {
4542 font-family: "Font Awesome 6 Brands";
4543 font-weight: 400;
4546 .fa.fa-wheelchair-alt:before {
4547 content: "\f368";
4550 .fa.fa-question-circle-o {
4551 font-family: "Font Awesome 6 Free";
4552 font-weight: 400;
4555 .fa.fa-question-circle-o:before {
4556 content: "\f059";
4559 .fa.fa-volume-control-phone:before {
4560 content: "\f2a0";
4563 .fa.fa-asl-interpreting:before {
4564 content: "\f2a3";
4567 .fa.fa-deafness:before {
4568 content: "\f2a4";
4571 .fa.fa-hard-of-hearing:before {
4572 content: "\f2a4";
4575 .fa.fa-glide {
4576 font-family: "Font Awesome 6 Brands";
4577 font-weight: 400;
4580 .fa.fa-glide-g {
4581 font-family: "Font Awesome 6 Brands";
4582 font-weight: 400;
4585 .fa.fa-signing:before {
4586 content: "\f2a7";
4589 .fa.fa-viadeo {
4590 font-family: "Font Awesome 6 Brands";
4591 font-weight: 400;
4594 .fa.fa-viadeo-square {
4595 font-family: "Font Awesome 6 Brands";
4596 font-weight: 400;
4599 .fa.fa-viadeo-square:before {
4600 content: "\f2aa";
4603 .fa.fa-snapchat {
4604 font-family: "Font Awesome 6 Brands";
4605 font-weight: 400;
4608 .fa.fa-snapchat-ghost {
4609 font-family: "Font Awesome 6 Brands";
4610 font-weight: 400;
4613 .fa.fa-snapchat-ghost:before {
4614 content: "\f2ab";
4617 .fa.fa-snapchat-square {
4618 font-family: "Font Awesome 6 Brands";
4619 font-weight: 400;
4622 .fa.fa-snapchat-square:before {
4623 content: "\f2ad";
4626 .fa.fa-pied-piper {
4627 font-family: "Font Awesome 6 Brands";
4628 font-weight: 400;
4631 .fa.fa-first-order {
4632 font-family: "Font Awesome 6 Brands";
4633 font-weight: 400;
4636 .fa.fa-yoast {
4637 font-family: "Font Awesome 6 Brands";
4638 font-weight: 400;
4641 .fa.fa-themeisle {
4642 font-family: "Font Awesome 6 Brands";
4643 font-weight: 400;
4646 .fa.fa-google-plus-official {
4647 font-family: "Font Awesome 6 Brands";
4648 font-weight: 400;
4651 .fa.fa-google-plus-official:before {
4652 content: "\f2b3";
4655 .fa.fa-google-plus-circle {
4656 font-family: "Font Awesome 6 Brands";
4657 font-weight: 400;
4660 .fa.fa-google-plus-circle:before {
4661 content: "\f2b3";
4664 .fa.fa-font-awesome {
4665 font-family: "Font Awesome 6 Brands";
4666 font-weight: 400;
4669 .fa.fa-fa {
4670 font-family: "Font Awesome 6 Brands";
4671 font-weight: 400;
4674 .fa.fa-fa:before {
4675 content: "\f2b4";
4678 .fa.fa-handshake-o {
4679 font-family: "Font Awesome 6 Free";
4680 font-weight: 400;
4683 .fa.fa-handshake-o:before {
4684 content: "\f2b5";
4687 .fa.fa-envelope-open-o {
4688 font-family: "Font Awesome 6 Free";
4689 font-weight: 400;
4692 .fa.fa-envelope-open-o:before {
4693 content: "\f2b6";
4696 .fa.fa-linode {
4697 font-family: "Font Awesome 6 Brands";
4698 font-weight: 400;
4701 .fa.fa-address-book-o {
4702 font-family: "Font Awesome 6 Free";
4703 font-weight: 400;
4706 .fa.fa-address-book-o:before {
4707 content: "\f2b9";
4710 .fa.fa-vcard:before {
4711 content: "\f2bb";
4714 .fa.fa-address-card-o {
4715 font-family: "Font Awesome 6 Free";
4716 font-weight: 400;
4719 .fa.fa-address-card-o:before {
4720 content: "\f2bb";
4723 .fa.fa-vcard-o {
4724 font-family: "Font Awesome 6 Free";
4725 font-weight: 400;
4728 .fa.fa-vcard-o:before {
4729 content: "\f2bb";
4732 .fa.fa-user-circle-o {
4733 font-family: "Font Awesome 6 Free";
4734 font-weight: 400;
4737 .fa.fa-user-circle-o:before {
4738 content: "\f2bd";
4741 .fa.fa-user-o {
4742 font-family: "Font Awesome 6 Free";
4743 font-weight: 400;
4746 .fa.fa-user-o:before {
4747 content: "\f007";
4750 .fa.fa-id-badge {
4751 font-family: "Font Awesome 6 Free";
4752 font-weight: 400;
4755 .fa.fa-drivers-license:before {
4756 content: "\f2c2";
4759 .fa.fa-id-card-o {
4760 font-family: "Font Awesome 6 Free";
4761 font-weight: 400;
4764 .fa.fa-id-card-o:before {
4765 content: "\f2c2";
4768 .fa.fa-drivers-license-o {
4769 font-family: "Font Awesome 6 Free";
4770 font-weight: 400;
4773 .fa.fa-drivers-license-o:before {
4774 content: "\f2c2";
4777 .fa.fa-quora {
4778 font-family: "Font Awesome 6 Brands";
4779 font-weight: 400;
4782 .fa.fa-free-code-camp {
4783 font-family: "Font Awesome 6 Brands";
4784 font-weight: 400;
4787 .fa.fa-telegram {
4788 font-family: "Font Awesome 6 Brands";
4789 font-weight: 400;
4792 .fa.fa-thermometer-4:before {
4793 content: "\f2c7";
4796 .fa.fa-thermometer:before {
4797 content: "\f2c7";
4800 .fa.fa-thermometer-3:before {
4801 content: "\f2c8";
4804 .fa.fa-thermometer-2:before {
4805 content: "\f2c9";
4808 .fa.fa-thermometer-1:before {
4809 content: "\f2ca";
4812 .fa.fa-thermometer-0:before {
4813 content: "\f2cb";
4816 .fa.fa-bathtub:before {
4817 content: "\f2cd";
4820 .fa.fa-s15:before {
4821 content: "\f2cd";
4824 .fa.fa-window-maximize {
4825 font-family: "Font Awesome 6 Free";
4826 font-weight: 400;
4829 .fa.fa-window-restore {
4830 font-family: "Font Awesome 6 Free";
4831 font-weight: 400;
4834 .fa.fa-times-rectangle:before {
4835 content: "\f410";
4838 .fa.fa-window-close-o {
4839 font-family: "Font Awesome 6 Free";
4840 font-weight: 400;
4843 .fa.fa-window-close-o:before {
4844 content: "\f410";
4847 .fa.fa-times-rectangle-o {
4848 font-family: "Font Awesome 6 Free";
4849 font-weight: 400;
4852 .fa.fa-times-rectangle-o:before {
4853 content: "\f410";
4856 .fa.fa-bandcamp {
4857 font-family: "Font Awesome 6 Brands";
4858 font-weight: 400;
4861 .fa.fa-grav {
4862 font-family: "Font Awesome 6 Brands";
4863 font-weight: 400;
4866 .fa.fa-etsy {
4867 font-family: "Font Awesome 6 Brands";
4868 font-weight: 400;
4871 .fa.fa-imdb {
4872 font-family: "Font Awesome 6 Brands";
4873 font-weight: 400;
4876 .fa.fa-ravelry {
4877 font-family: "Font Awesome 6 Brands";
4878 font-weight: 400;
4881 .fa.fa-eercast {
4882 font-family: "Font Awesome 6 Brands";
4883 font-weight: 400;
4886 .fa.fa-eercast:before {
4887 content: "\f2da";
4890 .fa.fa-snowflake-o {
4891 font-family: "Font Awesome 6 Free";
4892 font-weight: 400;
4895 .fa.fa-snowflake-o:before {
4896 content: "\f2dc";
4899 .fa.fa-superpowers {
4900 font-family: "Font Awesome 6 Brands";
4901 font-weight: 400;
4904 .fa.fa-wpexplorer {
4905 font-family: "Font Awesome 6 Brands";
4906 font-weight: 400;
4909 .fa.fa-meetup {
4910 font-family: "Font Awesome 6 Brands";
4911 font-weight: 400;
4915 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
4916 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4917 * Copyright 2023 Fonticons, Inc.
4919 .fa {
4920 font-family: var(--fa-style-family, "Font Awesome 6 Free");
4921 font-weight: var(--fa-style, 900);
4924 .fa,
4925 .fa-classic,
4926 .fa-sharp,
4927 .fas,
4928 .fa-solid,
4929 .moremenu .dropdown-item[aria-current=true]:before,
4930 .moremenu .dropdown-item.active:before,
4931 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4932 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
4933 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4934 .toast.toast-warning .toast-body:before,
4935 .toast.toast-info .toast-body:before,
4936 .toast.toast-danger .toast-body:before,
4937 .toast.toast-success .toast-body:before,
4938 .editing .editinprogress:after,
4939 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
4940 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
4941 .block_settings .block_tree [aria-expanded=false] > p:before,
4942 .block_navigation .block_tree [aria-expanded=false] > p:before,
4943 .block_settings .block_tree [aria-expanded=true] > p:before,
4944 .block_navigation .block_tree [aria-expanded=true] > p:before,
4945 .dropup .dropdown-toggle::after,
4946 .dropright .dropdown-toggle::after,
4947 .dropleft .dropdown-toggle::before,
4948 .dropdown-toggle::after,
4949 .dropdown-item[aria-current=true]:before,
4950 .dropdown-item[aria-selected=true]:before,
4951 .far,
4952 .fa-regular,
4953 .content-bank-container.view-grid .cb-unlisted::after,
4954 .fab,
4955 .fa-brands {
4956 -moz-osx-font-smoothing: grayscale;
4957 -webkit-font-smoothing: antialiased;
4958 display: var(--fa-display, inline-block);
4959 font-style: normal;
4960 font-variant: normal;
4961 line-height: 1;
4962 text-rendering: auto;
4965 .fas,
4966 .fa-classic,
4967 .fa-solid,
4968 .moremenu .dropdown-item[aria-current=true]:before,
4969 .moremenu .dropdown-item.active:before,
4970 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4971 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before,
4972 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after,
4973 .toast.toast-warning .toast-body:before,
4974 .toast.toast-info .toast-body:before,
4975 .toast.toast-danger .toast-body:before,
4976 .toast.toast-success .toast-body:before,
4977 .editing .editinprogress:after,
4978 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
4979 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before,
4980 .block_settings .block_tree [aria-expanded=false] > p:before,
4981 .block_navigation .block_tree [aria-expanded=false] > p:before,
4982 .block_settings .block_tree [aria-expanded=true] > p:before,
4983 .block_navigation .block_tree [aria-expanded=true] > p:before,
4984 .dropup .dropdown-toggle::after,
4985 .dropright .dropdown-toggle::after,
4986 .dropleft .dropdown-toggle::before,
4987 .dropdown-toggle::after,
4988 .dropdown-item[aria-current=true]:before,
4989 .dropdown-item[aria-selected=true]:before,
4990 .far,
4991 .fa-regular,
4992 .content-bank-container.view-grid .cb-unlisted::after {
4993 font-family: "Font Awesome 6 Free";
4996 .fab,
4997 .fa-brands {
4998 font-family: "Font Awesome 6 Brands";
5001 .fa-1x {
5002 font-size: 1em;
5005 .fa-2x {
5006 font-size: 2em;
5009 .fa-3x {
5010 font-size: 3em;
5013 .fa-4x {
5014 font-size: 4em;
5017 .fa-5x {
5018 font-size: 5em;
5021 .fa-6x {
5022 font-size: 6em;
5025 .fa-7x {
5026 font-size: 7em;
5029 .fa-8x {
5030 font-size: 8em;
5033 .fa-9x {
5034 font-size: 9em;
5037 .fa-10x {
5038 font-size: 10em;
5041 .fa-2xs {
5042 font-size: 0.625em;
5043 line-height: 0.1em;
5044 vertical-align: 0.225em;
5047 .fa-xs {
5048 font-size: 0.75em;
5049 line-height: 0.0833333337em;
5050 vertical-align: 0.125em;
5053 .fa-sm {
5054 font-size: 0.875em;
5055 line-height: 0.0714285718em;
5056 vertical-align: 0.0535714295em;
5059 .fa-lg {
5060 font-size: 1.25em;
5061 line-height: 0.05em;
5062 vertical-align: -0.075em;
5065 .fa-xl {
5066 font-size: 1.5em;
5067 line-height: 0.0416666682em;
5068 vertical-align: -0.125em;
5071 .fa-2xl {
5072 font-size: 2em;
5073 line-height: 0.03125em;
5074 vertical-align: -0.1875em;
5077 .fa-fw {
5078 text-align: center;
5079 width: 1.25em;
5082 .fa-ul {
5083 list-style-type: none;
5084 margin-left: var(--fa-li-margin, 2.5em);
5085 padding-left: 0;
5087 .fa-ul > li {
5088 position: relative;
5091 .fa-li {
5092 left: calc(var(--fa-li-width, 2em) * -1);
5093 position: absolute;
5094 text-align: center;
5095 width: var(--fa-li-width, 2em);
5096 line-height: inherit;
5099 .fa-border {
5100 border-color: var(--fa-border-color, #eee);
5101 border-radius: var(--fa-border-radius, 0.1em);
5102 border-style: var(--fa-border-style, solid);
5103 border-width: var(--fa-border-width, 0.08em);
5104 padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
5107 .fa-pull-left {
5108 float: left;
5109 margin-right: var(--fa-pull-margin, 0.3em);
5112 .fa-pull-right {
5113 float: right;
5114 margin-left: var(--fa-pull-margin, 0.3em);
5117 .fa-beat {
5118 animation-name: fa-beat;
5119 animation-delay: var(--fa-animation-delay, 0s);
5120 animation-direction: var(--fa-animation-direction, normal);
5121 animation-duration: var(--fa-animation-duration, 1s);
5122 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5123 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5126 .fa-bounce {
5127 animation-name: fa-bounce;
5128 animation-delay: var(--fa-animation-delay, 0s);
5129 animation-direction: var(--fa-animation-direction, normal);
5130 animation-duration: var(--fa-animation-duration, 1s);
5131 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5132 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
5135 .fa-fade {
5136 animation-name: fa-fade;
5137 animation-delay: var(--fa-animation-delay, 0s);
5138 animation-direction: var(--fa-animation-direction, normal);
5139 animation-duration: var(--fa-animation-duration, 1s);
5140 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5141 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5144 .fa-beat-fade {
5145 animation-name: fa-beat-fade;
5146 animation-delay: var(--fa-animation-delay, 0s);
5147 animation-direction: var(--fa-animation-direction, normal);
5148 animation-duration: var(--fa-animation-duration, 1s);
5149 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5150 animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
5153 .fa-flip {
5154 animation-name: fa-flip;
5155 animation-delay: var(--fa-animation-delay, 0s);
5156 animation-direction: var(--fa-animation-direction, normal);
5157 animation-duration: var(--fa-animation-duration, 1s);
5158 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5159 animation-timing-function: var(--fa-animation-timing, ease-in-out);
5162 .fa-shake {
5163 animation-name: fa-shake;
5164 animation-delay: var(--fa-animation-delay, 0s);
5165 animation-direction: var(--fa-animation-direction, normal);
5166 animation-duration: var(--fa-animation-duration, 1s);
5167 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5168 animation-timing-function: var(--fa-animation-timing, linear);
5171 .fa-spin {
5172 animation-name: fa-spin;
5173 animation-delay: var(--fa-animation-delay, 0s);
5174 animation-direction: var(--fa-animation-direction, normal);
5175 animation-duration: var(--fa-animation-duration, 2s);
5176 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5177 animation-timing-function: var(--fa-animation-timing, linear);
5180 .fa-spin-reverse {
5181 --fa-animation-direction: reverse;
5184 .fa-pulse,
5185 .fa-spin-pulse {
5186 animation-name: fa-spin;
5187 animation-direction: var(--fa-animation-direction, normal);
5188 animation-duration: var(--fa-animation-duration, 1s);
5189 animation-iteration-count: var(--fa-animation-iteration-count, infinite);
5190 animation-timing-function: var(--fa-animation-timing, steps(8));
5193 @media (prefers-reduced-motion: reduce) {
5194 .fa-beat,
5195 .fa-bounce,
5196 .fa-fade,
5197 .fa-beat-fade,
5198 .fa-flip,
5199 .fa-pulse,
5200 .fa-shake,
5201 .fa-spin,
5202 .fa-spin-pulse {
5203 animation-delay: -1ms;
5204 animation-duration: 1ms;
5205 animation-iteration-count: 1;
5206 transition-delay: 0s;
5207 transition-duration: 0s;
5210 @keyframes fa-beat {
5211 0%, 90% {
5212 transform: scale(1);
5214 45% {
5215 transform: scale(var(--fa-beat-scale, 1.25));
5218 @keyframes fa-bounce {
5219 0% {
5220 transform: scale(1, 1) translateY(0);
5222 10% {
5223 transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
5225 30% {
5226 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));
5228 50% {
5229 transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
5231 57% {
5232 transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
5234 64% {
5235 transform: scale(1, 1) translateY(0);
5237 100% {
5238 transform: scale(1, 1) translateY(0);
5241 @keyframes fa-fade {
5242 50% {
5243 opacity: var(--fa-fade-opacity, 0.4);
5246 @keyframes fa-beat-fade {
5247 0%, 100% {
5248 opacity: var(--fa-beat-fade-opacity, 0.4);
5249 transform: scale(1);
5251 50% {
5252 opacity: 1;
5253 transform: scale(var(--fa-beat-fade-scale, 1.125));
5256 @keyframes fa-flip {
5257 50% {
5258 transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
5261 @keyframes fa-shake {
5262 0% {
5263 transform: rotate(-15deg);
5265 4% {
5266 transform: rotate(15deg);
5268 8%, 24% {
5269 transform: rotate(-18deg);
5271 12%, 28% {
5272 transform: rotate(18deg);
5274 16% {
5275 transform: rotate(-22deg);
5277 20% {
5278 transform: rotate(22deg);
5280 32% {
5281 transform: rotate(-12deg);
5283 36% {
5284 transform: rotate(12deg);
5286 40%, 100% {
5287 transform: rotate(0deg);
5290 @keyframes fa-spin {
5291 0% {
5292 transform: rotate(0deg);
5294 100% {
5295 transform: rotate(360deg);
5298 .fa-rotate-90 {
5299 transform: rotate(90deg);
5302 .fa-rotate-180 {
5303 transform: rotate(180deg);
5306 .fa-rotate-270 {
5307 transform: rotate(270deg);
5310 .fa-flip-horizontal {
5311 transform: scale(-1, 1);
5314 .fa-flip-vertical {
5315 transform: scale(1, -1);
5318 .fa-flip-both,
5319 .fa-flip-horizontal.fa-flip-vertical {
5320 transform: scale(-1, -1);
5323 .fa-rotate-by {
5324 transform: rotate(var(--fa-rotate-angle, none));
5327 .fa-stack {
5328 display: inline-block;
5329 height: 2em;
5330 line-height: 2em;
5331 position: relative;
5332 vertical-align: middle;
5333 width: 2.5em;
5336 .fa-stack-1x,
5337 .fa-stack-2x {
5338 left: 0;
5339 position: absolute;
5340 text-align: center;
5341 width: 100%;
5342 z-index: var(--fa-stack-z-index, auto);
5345 .fa-stack-1x {
5346 line-height: inherit;
5349 .fa-stack-2x {
5350 font-size: 2em;
5353 .fa-inverse {
5354 color: var(--fa-inverse, #fff);
5357 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
5358 readers do not read off random characters that represent icons */
5359 .fa-0::before {
5360 content: "\30 ";
5363 .fa-1::before {
5364 content: "\31 ";
5367 .fa-2::before {
5368 content: "\32 ";
5371 .fa-3::before {
5372 content: "\33 ";
5375 .fa-4::before {
5376 content: "\34 ";
5379 .fa-5::before {
5380 content: "\35 ";
5383 .fa-6::before {
5384 content: "\36 ";
5387 .fa-7::before {
5388 content: "\37 ";
5391 .fa-8::before {
5392 content: "\38 ";
5395 .fa-9::before {
5396 content: "\39 ";
5399 .fa-fill-drip::before {
5400 content: "\f576";
5403 .fa-arrows-to-circle::before {
5404 content: "\e4bd";
5407 .fa-circle-chevron-right::before {
5408 content: "\f138";
5411 .fa-chevron-circle-right::before {
5412 content: "\f138";
5415 .fa-at::before {
5416 content: "\@";
5419 .fa-trash-can::before {
5420 content: "\f2ed";
5423 .fa-trash-alt::before {
5424 content: "\f2ed";
5427 .fa-text-height::before {
5428 content: "\f034";
5431 .fa-user-xmark::before {
5432 content: "\f235";
5435 .fa-user-times::before {
5436 content: "\f235";
5439 .fa-stethoscope::before {
5440 content: "\f0f1";
5443 .fa-message::before {
5444 content: "\f27a";
5447 .fa-comment-alt::before {
5448 content: "\f27a";
5451 .fa-info::before {
5452 content: "\f129";
5455 .fa-down-left-and-up-right-to-center::before {
5456 content: "\f422";
5459 .fa-compress-alt::before {
5460 content: "\f422";
5463 .fa-explosion::before {
5464 content: "\e4e9";
5467 .fa-file-lines::before {
5468 content: "\f15c";
5471 .fa-file-alt::before {
5472 content: "\f15c";
5475 .fa-file-text::before {
5476 content: "\f15c";
5479 .fa-wave-square::before {
5480 content: "\f83e";
5483 .fa-ring::before {
5484 content: "\f70b";
5487 .fa-building-un::before {
5488 content: "\e4d9";
5491 .fa-dice-three::before {
5492 content: "\f527";
5495 .fa-calendar-days::before {
5496 content: "\f073";
5499 .fa-calendar-alt::before {
5500 content: "\f073";
5503 .fa-anchor-circle-check::before {
5504 content: "\e4aa";
5507 .fa-building-circle-arrow-right::before {
5508 content: "\e4d1";
5511 .fa-volleyball::before {
5512 content: "\f45f";
5515 .fa-volleyball-ball::before {
5516 content: "\f45f";
5519 .fa-arrows-up-to-line::before {
5520 content: "\e4c2";
5523 .fa-sort-down::before {
5524 content: "\f0dd";
5527 .fa-sort-desc::before {
5528 content: "\f0dd";
5531 .fa-circle-minus::before {
5532 content: "\f056";
5535 .fa-minus-circle::before {
5536 content: "\f056";
5539 .fa-door-open::before {
5540 content: "\f52b";
5543 .fa-right-from-bracket::before {
5544 content: "\f2f5";
5547 .fa-sign-out-alt::before {
5548 content: "\f2f5";
5551 .fa-atom::before {
5552 content: "\f5d2";
5555 .fa-soap::before {
5556 content: "\e06e";
5559 .fa-icons::before {
5560 content: "\f86d";
5563 .fa-heart-music-camera-bolt::before {
5564 content: "\f86d";
5567 .fa-microphone-lines-slash::before {
5568 content: "\f539";
5571 .fa-microphone-alt-slash::before {
5572 content: "\f539";
5575 .fa-bridge-circle-check::before {
5576 content: "\e4c9";
5579 .fa-pump-medical::before {
5580 content: "\e06a";
5583 .fa-fingerprint::before {
5584 content: "\f577";
5587 .fa-hand-point-right::before {
5588 content: "\f0a4";
5591 .fa-magnifying-glass-location::before {
5592 content: "\f689";
5595 .fa-search-location::before {
5596 content: "\f689";
5599 .fa-forward-step::before {
5600 content: "\f051";
5603 .fa-step-forward::before {
5604 content: "\f051";
5607 .fa-face-smile-beam::before {
5608 content: "\f5b8";
5611 .fa-smile-beam::before {
5612 content: "\f5b8";
5615 .fa-flag-checkered::before {
5616 content: "\f11e";
5619 .fa-football::before {
5620 content: "\f44e";
5623 .fa-football-ball::before {
5624 content: "\f44e";
5627 .fa-school-circle-exclamation::before {
5628 content: "\e56c";
5631 .fa-crop::before {
5632 content: "\f125";
5635 .fa-angles-down::before {
5636 content: "\f103";
5639 .fa-angle-double-down::before {
5640 content: "\f103";
5643 .fa-users-rectangle::before {
5644 content: "\e594";
5647 .fa-people-roof::before {
5648 content: "\e537";
5651 .fa-people-line::before {
5652 content: "\e534";
5655 .fa-beer-mug-empty::before {
5656 content: "\f0fc";
5659 .fa-beer::before {
5660 content: "\f0fc";
5663 .fa-diagram-predecessor::before {
5664 content: "\e477";
5667 .fa-arrow-up-long::before {
5668 content: "\f176";
5671 .fa-long-arrow-up::before {
5672 content: "\f176";
5675 .fa-fire-flame-simple::before {
5676 content: "\f46a";
5679 .fa-burn::before {
5680 content: "\f46a";
5683 .fa-person::before {
5684 content: "\f183";
5687 .fa-male::before {
5688 content: "\f183";
5691 .fa-laptop::before {
5692 content: "\f109";
5695 .fa-file-csv::before {
5696 content: "\f6dd";
5699 .fa-menorah::before {
5700 content: "\f676";
5703 .fa-truck-plane::before {
5704 content: "\e58f";
5707 .fa-record-vinyl::before {
5708 content: "\f8d9";
5711 .fa-face-grin-stars::before {
5712 content: "\f587";
5715 .fa-grin-stars::before {
5716 content: "\f587";
5719 .fa-bong::before {
5720 content: "\f55c";
5723 .fa-spaghetti-monster-flying::before {
5724 content: "\f67b";
5727 .fa-pastafarianism::before {
5728 content: "\f67b";
5731 .fa-arrow-down-up-across-line::before {
5732 content: "\e4af";
5735 .fa-spoon::before {
5736 content: "\f2e5";
5739 .fa-utensil-spoon::before {
5740 content: "\f2e5";
5743 .fa-jar-wheat::before {
5744 content: "\e517";
5747 .fa-envelopes-bulk::before {
5748 content: "\f674";
5751 .fa-mail-bulk::before {
5752 content: "\f674";
5755 .fa-file-circle-exclamation::before {
5756 content: "\e4eb";
5759 .fa-circle-h::before {
5760 content: "\f47e";
5763 .fa-hospital-symbol::before {
5764 content: "\f47e";
5767 .fa-pager::before {
5768 content: "\f815";
5771 .fa-address-book::before {
5772 content: "\f2b9";
5775 .fa-contact-book::before {
5776 content: "\f2b9";
5779 .fa-strikethrough::before {
5780 content: "\f0cc";
5783 .fa-k::before {
5784 content: "K";
5787 .fa-landmark-flag::before {
5788 content: "\e51c";
5791 .fa-pencil::before {
5792 content: "\f303";
5795 .fa-pencil-alt::before {
5796 content: "\f303";
5799 .fa-backward::before {
5800 content: "\f04a";
5803 .fa-caret-right::before {
5804 content: "\f0da";
5807 .fa-comments::before {
5808 content: "\f086";
5811 .fa-paste::before {
5812 content: "\f0ea";
5815 .fa-file-clipboard::before {
5816 content: "\f0ea";
5819 .fa-code-pull-request::before {
5820 content: "\e13c";
5823 .fa-clipboard-list::before {
5824 content: "\f46d";
5827 .fa-truck-ramp-box::before {
5828 content: "\f4de";
5831 .fa-truck-loading::before {
5832 content: "\f4de";
5835 .fa-user-check::before {
5836 content: "\f4fc";
5839 .fa-vial-virus::before {
5840 content: "\e597";
5843 .fa-sheet-plastic::before {
5844 content: "\e571";
5847 .fa-blog::before {
5848 content: "\f781";
5851 .fa-user-ninja::before {
5852 content: "\f504";
5855 .fa-person-arrow-up-from-line::before {
5856 content: "\e539";
5859 .fa-scroll-torah::before {
5860 content: "\f6a0";
5863 .fa-torah::before {
5864 content: "\f6a0";
5867 .fa-broom-ball::before {
5868 content: "\f458";
5871 .fa-quidditch::before {
5872 content: "\f458";
5875 .fa-quidditch-broom-ball::before {
5876 content: "\f458";
5879 .fa-toggle-off::before {
5880 content: "\f204";
5883 .fa-box-archive::before {
5884 content: "\f187";
5887 .fa-archive::before {
5888 content: "\f187";
5891 .fa-person-drowning::before {
5892 content: "\e545";
5895 .fa-arrow-down-9-1::before {
5896 content: "\f886";
5899 .fa-sort-numeric-desc::before {
5900 content: "\f886";
5903 .fa-sort-numeric-down-alt::before {
5904 content: "\f886";
5907 .fa-face-grin-tongue-squint::before {
5908 content: "\f58a";
5911 .fa-grin-tongue-squint::before {
5912 content: "\f58a";
5915 .fa-spray-can::before {
5916 content: "\f5bd";
5919 .fa-truck-monster::before {
5920 content: "\f63b";
5923 .fa-w::before {
5924 content: "W";
5927 .fa-earth-africa::before {
5928 content: "\f57c";
5931 .fa-globe-africa::before {
5932 content: "\f57c";
5935 .fa-rainbow::before {
5936 content: "\f75b";
5939 .fa-circle-notch::before {
5940 content: "\f1ce";
5943 .fa-tablet-screen-button::before {
5944 content: "\f3fa";
5947 .fa-tablet-alt::before {
5948 content: "\f3fa";
5951 .fa-paw::before {
5952 content: "\f1b0";
5955 .fa-cloud::before {
5956 content: "\f0c2";
5959 .fa-trowel-bricks::before {
5960 content: "\e58a";
5963 .fa-face-flushed::before {
5964 content: "\f579";
5967 .fa-flushed::before {
5968 content: "\f579";
5971 .fa-hospital-user::before {
5972 content: "\f80d";
5975 .fa-tent-arrow-left-right::before {
5976 content: "\e57f";
5979 .fa-gavel::before {
5980 content: "\f0e3";
5983 .fa-legal::before {
5984 content: "\f0e3";
5987 .fa-binoculars::before {
5988 content: "\f1e5";
5991 .fa-microphone-slash::before {
5992 content: "\f131";
5995 .fa-box-tissue::before {
5996 content: "\e05b";
5999 .fa-motorcycle::before {
6000 content: "\f21c";
6003 .fa-bell-concierge::before {
6004 content: "\f562";
6007 .fa-concierge-bell::before {
6008 content: "\f562";
6011 .fa-pen-ruler::before {
6012 content: "\f5ae";
6015 .fa-pencil-ruler::before {
6016 content: "\f5ae";
6019 .fa-people-arrows::before {
6020 content: "\e068";
6023 .fa-people-arrows-left-right::before {
6024 content: "\e068";
6027 .fa-mars-and-venus-burst::before {
6028 content: "\e523";
6031 .fa-square-caret-right::before {
6032 content: "\f152";
6035 .fa-caret-square-right::before {
6036 content: "\f152";
6039 .fa-scissors::before {
6040 content: "\f0c4";
6043 .fa-cut::before {
6044 content: "\f0c4";
6047 .fa-sun-plant-wilt::before {
6048 content: "\e57a";
6051 .fa-toilets-portable::before {
6052 content: "\e584";
6055 .fa-hockey-puck::before {
6056 content: "\f453";
6059 .fa-table::before {
6060 content: "\f0ce";
6063 .fa-magnifying-glass-arrow-right::before {
6064 content: "\e521";
6067 .fa-tachograph-digital::before {
6068 content: "\f566";
6071 .fa-digital-tachograph::before {
6072 content: "\f566";
6075 .fa-users-slash::before {
6076 content: "\e073";
6079 .fa-clover::before {
6080 content: "\e139";
6083 .fa-reply::before {
6084 content: "\f3e5";
6087 .fa-mail-reply::before {
6088 content: "\f3e5";
6091 .fa-star-and-crescent::before {
6092 content: "\f699";
6095 .fa-house-fire::before {
6096 content: "\e50c";
6099 .fa-square-minus::before {
6100 content: "\f146";
6103 .fa-minus-square::before {
6104 content: "\f146";
6107 .fa-helicopter::before {
6108 content: "\f533";
6111 .fa-compass::before {
6112 content: "\f14e";
6115 .fa-square-caret-down::before {
6116 content: "\f150";
6119 .fa-caret-square-down::before {
6120 content: "\f150";
6123 .fa-file-circle-question::before {
6124 content: "\e4ef";
6127 .fa-laptop-code::before {
6128 content: "\f5fc";
6131 .fa-swatchbook::before {
6132 content: "\f5c3";
6135 .fa-prescription-bottle::before {
6136 content: "\f485";
6139 .fa-bars::before {
6140 content: "\f0c9";
6143 .fa-navicon::before {
6144 content: "\f0c9";
6147 .fa-people-group::before {
6148 content: "\e533";
6151 .fa-hourglass-end::before {
6152 content: "\f253";
6155 .fa-hourglass-3::before {
6156 content: "\f253";
6159 .fa-heart-crack::before {
6160 content: "\f7a9";
6163 .fa-heart-broken::before {
6164 content: "\f7a9";
6167 .fa-square-up-right::before {
6168 content: "\f360";
6171 .fa-external-link-square-alt::before {
6172 content: "\f360";
6175 .fa-face-kiss-beam::before {
6176 content: "\f597";
6179 .fa-kiss-beam::before {
6180 content: "\f597";
6183 .fa-film::before {
6184 content: "\f008";
6187 .fa-ruler-horizontal::before {
6188 content: "\f547";
6191 .fa-people-robbery::before {
6192 content: "\e536";
6195 .fa-lightbulb::before {
6196 content: "\f0eb";
6199 .fa-caret-left::before {
6200 content: "\f0d9";
6203 .fa-circle-exclamation::before {
6204 content: "\f06a";
6207 .fa-exclamation-circle::before {
6208 content: "\f06a";
6211 .fa-school-circle-xmark::before {
6212 content: "\e56d";
6215 .fa-arrow-right-from-bracket::before {
6216 content: "\f08b";
6219 .fa-sign-out::before {
6220 content: "\f08b";
6223 .fa-circle-chevron-down::before {
6224 content: "\f13a";
6227 .fa-chevron-circle-down::before {
6228 content: "\f13a";
6231 .fa-unlock-keyhole::before {
6232 content: "\f13e";
6235 .fa-unlock-alt::before {
6236 content: "\f13e";
6239 .fa-cloud-showers-heavy::before {
6240 content: "\f740";
6243 .fa-headphones-simple::before {
6244 content: "\f58f";
6247 .fa-headphones-alt::before {
6248 content: "\f58f";
6251 .fa-sitemap::before {
6252 content: "\f0e8";
6255 .fa-circle-dollar-to-slot::before {
6256 content: "\f4b9";
6259 .fa-donate::before {
6260 content: "\f4b9";
6263 .fa-memory::before {
6264 content: "\f538";
6267 .fa-road-spikes::before {
6268 content: "\e568";
6271 .fa-fire-burner::before {
6272 content: "\e4f1";
6275 .fa-flag::before {
6276 content: "\f024";
6279 .fa-hanukiah::before {
6280 content: "\f6e6";
6283 .fa-feather::before {
6284 content: "\f52d";
6287 .fa-volume-low::before {
6288 content: "\f027";
6291 .fa-volume-down::before {
6292 content: "\f027";
6295 .fa-comment-slash::before {
6296 content: "\f4b3";
6299 .fa-cloud-sun-rain::before {
6300 content: "\f743";
6303 .fa-compress::before {
6304 content: "\f066";
6307 .fa-wheat-awn::before {
6308 content: "\e2cd";
6311 .fa-wheat-alt::before {
6312 content: "\e2cd";
6315 .fa-ankh::before {
6316 content: "\f644";
6319 .fa-hands-holding-child::before {
6320 content: "\e4fa";
6323 .fa-asterisk::before {
6324 content: "\*";
6327 .fa-square-check::before {
6328 content: "\f14a";
6331 .fa-check-square::before {
6332 content: "\f14a";
6335 .fa-peseta-sign::before {
6336 content: "\e221";
6339 .fa-heading::before {
6340 content: "\f1dc";
6343 .fa-header::before {
6344 content: "\f1dc";
6347 .fa-ghost::before {
6348 content: "\f6e2";
6351 .fa-list::before {
6352 content: "\f03a";
6355 .fa-list-squares::before {
6356 content: "\f03a";
6359 .fa-square-phone-flip::before {
6360 content: "\f87b";
6363 .fa-phone-square-alt::before {
6364 content: "\f87b";
6367 .fa-cart-plus::before {
6368 content: "\f217";
6371 .fa-gamepad::before {
6372 content: "\f11b";
6375 .fa-circle-dot::before {
6376 content: "\f192";
6379 .fa-dot-circle::before {
6380 content: "\f192";
6383 .fa-face-dizzy::before {
6384 content: "\f567";
6387 .fa-dizzy::before {
6388 content: "\f567";
6391 .fa-egg::before {
6392 content: "\f7fb";
6395 .fa-house-medical-circle-xmark::before {
6396 content: "\e513";
6399 .fa-campground::before {
6400 content: "\f6bb";
6403 .fa-folder-plus::before {
6404 content: "\f65e";
6407 .fa-futbol::before {
6408 content: "\f1e3";
6411 .fa-futbol-ball::before {
6412 content: "\f1e3";
6415 .fa-soccer-ball::before {
6416 content: "\f1e3";
6419 .fa-paintbrush::before {
6420 content: "\f1fc";
6423 .fa-paint-brush::before {
6424 content: "\f1fc";
6427 .fa-lock::before {
6428 content: "\f023";
6431 .fa-gas-pump::before {
6432 content: "\f52f";
6435 .fa-hot-tub-person::before {
6436 content: "\f593";
6439 .fa-hot-tub::before {
6440 content: "\f593";
6443 .fa-map-location::before {
6444 content: "\f59f";
6447 .fa-map-marked::before {
6448 content: "\f59f";
6451 .fa-house-flood-water::before {
6452 content: "\e50e";
6455 .fa-tree::before {
6456 content: "\f1bb";
6459 .fa-bridge-lock::before {
6460 content: "\e4cc";
6463 .fa-sack-dollar::before {
6464 content: "\f81d";
6467 .fa-pen-to-square::before {
6468 content: "\f044";
6471 .fa-edit::before {
6472 content: "\f044";
6475 .fa-car-side::before {
6476 content: "\f5e4";
6479 .fa-share-nodes::before {
6480 content: "\f1e0";
6483 .fa-share-alt::before {
6484 content: "\f1e0";
6487 .fa-heart-circle-minus::before {
6488 content: "\e4ff";
6491 .fa-hourglass-half::before {
6492 content: "\f252";
6495 .fa-hourglass-2::before {
6496 content: "\f252";
6499 .fa-microscope::before {
6500 content: "\f610";
6503 .fa-sink::before {
6504 content: "\e06d";
6507 .fa-bag-shopping::before {
6508 content: "\f290";
6511 .fa-shopping-bag::before {
6512 content: "\f290";
6515 .fa-arrow-down-z-a::before {
6516 content: "\f881";
6519 .fa-sort-alpha-desc::before {
6520 content: "\f881";
6523 .fa-sort-alpha-down-alt::before {
6524 content: "\f881";
6527 .fa-mitten::before {
6528 content: "\f7b5";
6531 .fa-person-rays::before {
6532 content: "\e54d";
6535 .fa-users::before {
6536 content: "\f0c0";
6539 .fa-eye-slash::before {
6540 content: "\f070";
6543 .fa-flask-vial::before {
6544 content: "\e4f3";
6547 .fa-hand::before {
6548 content: "\f256";
6551 .fa-hand-paper::before {
6552 content: "\f256";
6555 .fa-om::before {
6556 content: "\f679";
6559 .fa-worm::before {
6560 content: "\e599";
6563 .fa-house-circle-xmark::before {
6564 content: "\e50b";
6567 .fa-plug::before {
6568 content: "\f1e6";
6571 .fa-chevron-up::before {
6572 content: "\f077";
6575 .fa-hand-spock::before {
6576 content: "\f259";
6579 .fa-stopwatch::before {
6580 content: "\f2f2";
6583 .fa-face-kiss::before {
6584 content: "\f596";
6587 .fa-kiss::before {
6588 content: "\f596";
6591 .fa-bridge-circle-xmark::before {
6592 content: "\e4cb";
6595 .fa-face-grin-tongue::before {
6596 content: "\f589";
6599 .fa-grin-tongue::before {
6600 content: "\f589";
6603 .fa-chess-bishop::before {
6604 content: "\f43a";
6607 .fa-face-grin-wink::before {
6608 content: "\f58c";
6611 .fa-grin-wink::before {
6612 content: "\f58c";
6615 .fa-ear-deaf::before {
6616 content: "\f2a4";
6619 .fa-deaf::before {
6620 content: "\f2a4";
6623 .fa-deafness::before {
6624 content: "\f2a4";
6627 .fa-hard-of-hearing::before {
6628 content: "\f2a4";
6631 .fa-road-circle-check::before {
6632 content: "\e564";
6635 .fa-dice-five::before {
6636 content: "\f523";
6639 .fa-square-rss::before {
6640 content: "\f143";
6643 .fa-rss-square::before {
6644 content: "\f143";
6647 .fa-land-mine-on::before {
6648 content: "\e51b";
6651 .fa-i-cursor::before {
6652 content: "\f246";
6655 .fa-stamp::before {
6656 content: "\f5bf";
6659 .fa-stairs::before {
6660 content: "\e289";
6663 .fa-i::before {
6664 content: "I";
6667 .fa-hryvnia-sign::before {
6668 content: "\f6f2";
6671 .fa-hryvnia::before {
6672 content: "\f6f2";
6675 .fa-pills::before {
6676 content: "\f484";
6679 .fa-face-grin-wide::before {
6680 content: "\f581";
6683 .fa-grin-alt::before {
6684 content: "\f581";
6687 .fa-tooth::before {
6688 content: "\f5c9";
6691 .fa-v::before {
6692 content: "V";
6695 .fa-bangladeshi-taka-sign::before {
6696 content: "\e2e6";
6699 .fa-bicycle::before {
6700 content: "\f206";
6703 .fa-staff-snake::before {
6704 content: "\e579";
6707 .fa-rod-asclepius::before {
6708 content: "\e579";
6711 .fa-rod-snake::before {
6712 content: "\e579";
6715 .fa-staff-aesculapius::before {
6716 content: "\e579";
6719 .fa-head-side-cough-slash::before {
6720 content: "\e062";
6723 .fa-truck-medical::before {
6724 content: "\f0f9";
6727 .fa-ambulance::before {
6728 content: "\f0f9";
6731 .fa-wheat-awn-circle-exclamation::before {
6732 content: "\e598";
6735 .fa-snowman::before {
6736 content: "\f7d0";
6739 .fa-mortar-pestle::before {
6740 content: "\f5a7";
6743 .fa-road-barrier::before {
6744 content: "\e562";
6747 .fa-school::before {
6748 content: "\f549";
6751 .fa-igloo::before {
6752 content: "\f7ae";
6755 .fa-joint::before {
6756 content: "\f595";
6759 .fa-angle-right::before {
6760 content: "\f105";
6763 .fa-horse::before {
6764 content: "\f6f0";
6767 .fa-q::before {
6768 content: "Q";
6771 .fa-g::before {
6772 content: "G";
6775 .fa-notes-medical::before {
6776 content: "\f481";
6779 .fa-temperature-half::before {
6780 content: "\f2c9";
6783 .fa-temperature-2::before {
6784 content: "\f2c9";
6787 .fa-thermometer-2::before {
6788 content: "\f2c9";
6791 .fa-thermometer-half::before {
6792 content: "\f2c9";
6795 .fa-dong-sign::before {
6796 content: "\e169";
6799 .fa-capsules::before {
6800 content: "\f46b";
6803 .fa-poo-storm::before {
6804 content: "\f75a";
6807 .fa-poo-bolt::before {
6808 content: "\f75a";
6811 .fa-face-frown-open::before {
6812 content: "\f57a";
6815 .fa-frown-open::before {
6816 content: "\f57a";
6819 .fa-hand-point-up::before {
6820 content: "\f0a6";
6823 .fa-money-bill::before {
6824 content: "\f0d6";
6827 .fa-bookmark::before {
6828 content: "\f02e";
6831 .fa-align-justify::before {
6832 content: "\f039";
6835 .fa-umbrella-beach::before {
6836 content: "\f5ca";
6839 .fa-helmet-un::before {
6840 content: "\e503";
6843 .fa-bullseye::before {
6844 content: "\f140";
6847 .fa-bacon::before {
6848 content: "\f7e5";
6851 .fa-hand-point-down::before {
6852 content: "\f0a7";
6855 .fa-arrow-up-from-bracket::before {
6856 content: "\e09a";
6859 .fa-folder::before {
6860 content: "\f07b";
6863 .fa-folder-blank::before {
6864 content: "\f07b";
6867 .fa-file-waveform::before {
6868 content: "\f478";
6871 .fa-file-medical-alt::before {
6872 content: "\f478";
6875 .fa-radiation::before {
6876 content: "\f7b9";
6879 .fa-chart-simple::before {
6880 content: "\e473";
6883 .fa-mars-stroke::before {
6884 content: "\f229";
6887 .fa-vial::before {
6888 content: "\f492";
6891 .fa-gauge::before {
6892 content: "\f624";
6895 .fa-dashboard::before {
6896 content: "\f624";
6899 .fa-gauge-med::before {
6900 content: "\f624";
6903 .fa-tachometer-alt-average::before {
6904 content: "\f624";
6907 .fa-wand-magic-sparkles::before {
6908 content: "\e2ca";
6911 .fa-magic-wand-sparkles::before {
6912 content: "\e2ca";
6915 .fa-e::before {
6916 content: "E";
6919 .fa-pen-clip::before {
6920 content: "\f305";
6923 .fa-pen-alt::before {
6924 content: "\f305";
6927 .fa-bridge-circle-exclamation::before {
6928 content: "\e4ca";
6931 .fa-user::before {
6932 content: "\f007";
6935 .fa-school-circle-check::before {
6936 content: "\e56b";
6939 .fa-dumpster::before {
6940 content: "\f793";
6943 .fa-van-shuttle::before {
6944 content: "\f5b6";
6947 .fa-shuttle-van::before {
6948 content: "\f5b6";
6951 .fa-building-user::before {
6952 content: "\e4da";
6955 .fa-square-caret-left::before {
6956 content: "\f191";
6959 .fa-caret-square-left::before {
6960 content: "\f191";
6963 .fa-highlighter::before {
6964 content: "\f591";
6967 .fa-key::before {
6968 content: "\f084";
6971 .fa-bullhorn::before {
6972 content: "\f0a1";
6975 .fa-globe::before {
6976 content: "\f0ac";
6979 .fa-synagogue::before {
6980 content: "\f69b";
6983 .fa-person-half-dress::before {
6984 content: "\e548";
6987 .fa-road-bridge::before {
6988 content: "\e563";
6991 .fa-location-arrow::before {
6992 content: "\f124";
6995 .fa-c::before {
6996 content: "C";
6999 .fa-tablet-button::before {
7000 content: "\f10a";
7003 .fa-building-lock::before {
7004 content: "\e4d6";
7007 .fa-pizza-slice::before {
7008 content: "\f818";
7011 .fa-money-bill-wave::before {
7012 content: "\f53a";
7015 .fa-chart-area::before {
7016 content: "\f1fe";
7019 .fa-area-chart::before {
7020 content: "\f1fe";
7023 .fa-house-flag::before {
7024 content: "\e50d";
7027 .fa-person-circle-minus::before {
7028 content: "\e540";
7031 .fa-ban::before {
7032 content: "\f05e";
7035 .fa-cancel::before {
7036 content: "\f05e";
7039 .fa-camera-rotate::before {
7040 content: "\e0d8";
7043 .fa-spray-can-sparkles::before {
7044 content: "\f5d0";
7047 .fa-air-freshener::before {
7048 content: "\f5d0";
7051 .fa-star::before {
7052 content: "\f005";
7055 .fa-repeat::before {
7056 content: "\f363";
7059 .fa-cross::before {
7060 content: "\f654";
7063 .fa-box::before {
7064 content: "\f466";
7067 .fa-venus-mars::before {
7068 content: "\f228";
7071 .fa-arrow-pointer::before {
7072 content: "\f245";
7075 .fa-mouse-pointer::before {
7076 content: "\f245";
7079 .fa-maximize::before {
7080 content: "\f31e";
7083 .fa-expand-arrows-alt::before {
7084 content: "\f31e";
7087 .fa-charging-station::before {
7088 content: "\f5e7";
7091 .fa-shapes::before {
7092 content: "\f61f";
7095 .fa-triangle-circle-square::before {
7096 content: "\f61f";
7099 .fa-shuffle::before {
7100 content: "\f074";
7103 .fa-random::before {
7104 content: "\f074";
7107 .fa-person-running::before {
7108 content: "\f70c";
7111 .fa-running::before {
7112 content: "\f70c";
7115 .fa-mobile-retro::before {
7116 content: "\e527";
7119 .fa-grip-lines-vertical::before {
7120 content: "\f7a5";
7123 .fa-spider::before {
7124 content: "\f717";
7127 .fa-hands-bound::before {
7128 content: "\e4f9";
7131 .fa-file-invoice-dollar::before {
7132 content: "\f571";
7135 .fa-plane-circle-exclamation::before {
7136 content: "\e556";
7139 .fa-x-ray::before {
7140 content: "\f497";
7143 .fa-spell-check::before {
7144 content: "\f891";
7147 .fa-slash::before {
7148 content: "\f715";
7151 .fa-computer-mouse::before {
7152 content: "\f8cc";
7155 .fa-mouse::before {
7156 content: "\f8cc";
7159 .fa-arrow-right-to-bracket::before {
7160 content: "\f090";
7163 .fa-sign-in::before {
7164 content: "\f090";
7167 .fa-shop-slash::before {
7168 content: "\e070";
7171 .fa-store-alt-slash::before {
7172 content: "\e070";
7175 .fa-server::before {
7176 content: "\f233";
7179 .fa-virus-covid-slash::before {
7180 content: "\e4a9";
7183 .fa-shop-lock::before {
7184 content: "\e4a5";
7187 .fa-hourglass-start::before {
7188 content: "\f251";
7191 .fa-hourglass-1::before {
7192 content: "\f251";
7195 .fa-blender-phone::before {
7196 content: "\f6b6";
7199 .fa-building-wheat::before {
7200 content: "\e4db";
7203 .fa-person-breastfeeding::before {
7204 content: "\e53a";
7207 .fa-right-to-bracket::before {
7208 content: "\f2f6";
7211 .fa-sign-in-alt::before {
7212 content: "\f2f6";
7215 .fa-venus::before {
7216 content: "\f221";
7219 .fa-passport::before {
7220 content: "\f5ab";
7223 .fa-heart-pulse::before {
7224 content: "\f21e";
7227 .fa-heartbeat::before {
7228 content: "\f21e";
7231 .fa-people-carry-box::before {
7232 content: "\f4ce";
7235 .fa-people-carry::before {
7236 content: "\f4ce";
7239 .fa-temperature-high::before {
7240 content: "\f769";
7243 .fa-microchip::before {
7244 content: "\f2db";
7247 .fa-crown::before {
7248 content: "\f521";
7251 .fa-weight-hanging::before {
7252 content: "\f5cd";
7255 .fa-xmarks-lines::before {
7256 content: "\e59a";
7259 .fa-file-prescription::before {
7260 content: "\f572";
7263 .fa-weight-scale::before {
7264 content: "\f496";
7267 .fa-weight::before {
7268 content: "\f496";
7271 .fa-user-group::before {
7272 content: "\f500";
7275 .fa-user-friends::before {
7276 content: "\f500";
7279 .fa-arrow-up-a-z::before {
7280 content: "\f15e";
7283 .fa-sort-alpha-up::before {
7284 content: "\f15e";
7287 .fa-chess-knight::before {
7288 content: "\f441";
7291 .fa-face-laugh-squint::before {
7292 content: "\f59b";
7295 .fa-laugh-squint::before {
7296 content: "\f59b";
7299 .fa-wheelchair::before {
7300 content: "\f193";
7303 .fa-circle-arrow-up::before {
7304 content: "\f0aa";
7307 .fa-arrow-circle-up::before {
7308 content: "\f0aa";
7311 .fa-toggle-on::before {
7312 content: "\f205";
7315 .fa-person-walking::before {
7316 content: "\f554";
7319 .fa-walking::before {
7320 content: "\f554";
7323 .fa-l::before {
7324 content: "L";
7327 .fa-fire::before {
7328 content: "\f06d";
7331 .fa-bed-pulse::before {
7332 content: "\f487";
7335 .fa-procedures::before {
7336 content: "\f487";
7339 .fa-shuttle-space::before {
7340 content: "\f197";
7343 .fa-space-shuttle::before {
7344 content: "\f197";
7347 .fa-face-laugh::before {
7348 content: "\f599";
7351 .fa-laugh::before {
7352 content: "\f599";
7355 .fa-folder-open::before {
7356 content: "\f07c";
7359 .fa-heart-circle-plus::before {
7360 content: "\e500";
7363 .fa-code-fork::before {
7364 content: "\e13b";
7367 .fa-city::before {
7368 content: "\f64f";
7371 .fa-microphone-lines::before {
7372 content: "\f3c9";
7375 .fa-microphone-alt::before {
7376 content: "\f3c9";
7379 .fa-pepper-hot::before {
7380 content: "\f816";
7383 .fa-unlock::before {
7384 content: "\f09c";
7387 .fa-colon-sign::before {
7388 content: "\e140";
7391 .fa-headset::before {
7392 content: "\f590";
7395 .fa-store-slash::before {
7396 content: "\e071";
7399 .fa-road-circle-xmark::before {
7400 content: "\e566";
7403 .fa-user-minus::before {
7404 content: "\f503";
7407 .fa-mars-stroke-up::before {
7408 content: "\f22a";
7411 .fa-mars-stroke-v::before {
7412 content: "\f22a";
7415 .fa-champagne-glasses::before {
7416 content: "\f79f";
7419 .fa-glass-cheers::before {
7420 content: "\f79f";
7423 .fa-clipboard::before {
7424 content: "\f328";
7427 .fa-house-circle-exclamation::before {
7428 content: "\e50a";
7431 .fa-file-arrow-up::before {
7432 content: "\f574";
7435 .fa-file-upload::before {
7436 content: "\f574";
7439 .fa-wifi::before {
7440 content: "\f1eb";
7443 .fa-wifi-3::before {
7444 content: "\f1eb";
7447 .fa-wifi-strong::before {
7448 content: "\f1eb";
7451 .fa-bath::before {
7452 content: "\f2cd";
7455 .fa-bathtub::before {
7456 content: "\f2cd";
7459 .fa-underline::before {
7460 content: "\f0cd";
7463 .fa-user-pen::before {
7464 content: "\f4ff";
7467 .fa-user-edit::before {
7468 content: "\f4ff";
7471 .fa-signature::before {
7472 content: "\f5b7";
7475 .fa-stroopwafel::before {
7476 content: "\f551";
7479 .fa-bold::before {
7480 content: "\f032";
7483 .fa-anchor-lock::before {
7484 content: "\e4ad";
7487 .fa-building-ngo::before {
7488 content: "\e4d7";
7491 .fa-manat-sign::before {
7492 content: "\e1d5";
7495 .fa-not-equal::before {
7496 content: "\f53e";
7499 .fa-border-top-left::before {
7500 content: "\f853";
7503 .fa-border-style::before {
7504 content: "\f853";
7507 .fa-map-location-dot::before {
7508 content: "\f5a0";
7511 .fa-map-marked-alt::before {
7512 content: "\f5a0";
7515 .fa-jedi::before {
7516 content: "\f669";
7519 .fa-square-poll-vertical::before {
7520 content: "\f681";
7523 .fa-poll::before {
7524 content: "\f681";
7527 .fa-mug-hot::before {
7528 content: "\f7b6";
7531 .fa-car-battery::before {
7532 content: "\f5df";
7535 .fa-battery-car::before {
7536 content: "\f5df";
7539 .fa-gift::before {
7540 content: "\f06b";
7543 .fa-dice-two::before {
7544 content: "\f528";
7547 .fa-chess-queen::before {
7548 content: "\f445";
7551 .fa-glasses::before {
7552 content: "\f530";
7555 .fa-chess-board::before {
7556 content: "\f43c";
7559 .fa-building-circle-check::before {
7560 content: "\e4d2";
7563 .fa-person-chalkboard::before {
7564 content: "\e53d";
7567 .fa-mars-stroke-right::before {
7568 content: "\f22b";
7571 .fa-mars-stroke-h::before {
7572 content: "\f22b";
7575 .fa-hand-back-fist::before {
7576 content: "\f255";
7579 .fa-hand-rock::before {
7580 content: "\f255";
7583 .fa-square-caret-up::before {
7584 content: "\f151";
7587 .fa-caret-square-up::before {
7588 content: "\f151";
7591 .fa-cloud-showers-water::before {
7592 content: "\e4e4";
7595 .fa-chart-bar::before {
7596 content: "\f080";
7599 .fa-bar-chart::before {
7600 content: "\f080";
7603 .fa-hands-bubbles::before {
7604 content: "\e05e";
7607 .fa-hands-wash::before {
7608 content: "\e05e";
7611 .fa-less-than-equal::before {
7612 content: "\f537";
7615 .fa-train::before {
7616 content: "\f238";
7619 .fa-eye-low-vision::before {
7620 content: "\f2a8";
7623 .fa-low-vision::before {
7624 content: "\f2a8";
7627 .fa-crow::before {
7628 content: "\f520";
7631 .fa-sailboat::before {
7632 content: "\e445";
7635 .fa-window-restore::before {
7636 content: "\f2d2";
7639 .fa-square-plus::before {
7640 content: "\f0fe";
7643 .fa-plus-square::before {
7644 content: "\f0fe";
7647 .fa-torii-gate::before {
7648 content: "\f6a1";
7651 .fa-frog::before {
7652 content: "\f52e";
7655 .fa-bucket::before {
7656 content: "\e4cf";
7659 .fa-image::before {
7660 content: "\f03e";
7663 .fa-microphone::before {
7664 content: "\f130";
7667 .fa-cow::before {
7668 content: "\f6c8";
7671 .fa-caret-up::before {
7672 content: "\f0d8";
7675 .fa-screwdriver::before {
7676 content: "\f54a";
7679 .fa-folder-closed::before {
7680 content: "\e185";
7683 .fa-house-tsunami::before {
7684 content: "\e515";
7687 .fa-square-nfi::before {
7688 content: "\e576";
7691 .fa-arrow-up-from-ground-water::before {
7692 content: "\e4b5";
7695 .fa-martini-glass::before {
7696 content: "\f57b";
7699 .fa-glass-martini-alt::before {
7700 content: "\f57b";
7703 .fa-rotate-left::before {
7704 content: "\f2ea";
7707 .fa-rotate-back::before {
7708 content: "\f2ea";
7711 .fa-rotate-backward::before {
7712 content: "\f2ea";
7715 .fa-undo-alt::before {
7716 content: "\f2ea";
7719 .fa-table-columns::before {
7720 content: "\f0db";
7723 .fa-columns::before {
7724 content: "\f0db";
7727 .fa-lemon::before {
7728 content: "\f094";
7731 .fa-head-side-mask::before {
7732 content: "\e063";
7735 .fa-handshake::before {
7736 content: "\f2b5";
7739 .fa-gem::before {
7740 content: "\f3a5";
7743 .fa-dolly::before {
7744 content: "\f472";
7747 .fa-dolly-box::before {
7748 content: "\f472";
7751 .fa-smoking::before {
7752 content: "\f48d";
7755 .fa-minimize::before {
7756 content: "\f78c";
7759 .fa-compress-arrows-alt::before {
7760 content: "\f78c";
7763 .fa-monument::before {
7764 content: "\f5a6";
7767 .fa-snowplow::before {
7768 content: "\f7d2";
7771 .fa-angles-right::before {
7772 content: "\f101";
7775 .fa-angle-double-right::before {
7776 content: "\f101";
7779 .fa-cannabis::before {
7780 content: "\f55f";
7783 .fa-circle-play::before {
7784 content: "\f144";
7787 .fa-play-circle::before {
7788 content: "\f144";
7791 .fa-tablets::before {
7792 content: "\f490";
7795 .fa-ethernet::before {
7796 content: "\f796";
7799 .fa-euro-sign::before {
7800 content: "\f153";
7803 .fa-eur::before {
7804 content: "\f153";
7807 .fa-euro::before {
7808 content: "\f153";
7811 .fa-chair::before {
7812 content: "\f6c0";
7815 .fa-circle-check::before {
7816 content: "\f058";
7819 .fa-check-circle::before {
7820 content: "\f058";
7823 .fa-circle-stop::before {
7824 content: "\f28d";
7827 .fa-stop-circle::before {
7828 content: "\f28d";
7831 .fa-compass-drafting::before {
7832 content: "\f568";
7835 .fa-drafting-compass::before {
7836 content: "\f568";
7839 .fa-plate-wheat::before {
7840 content: "\e55a";
7843 .fa-icicles::before {
7844 content: "\f7ad";
7847 .fa-person-shelter::before {
7848 content: "\e54f";
7851 .fa-neuter::before {
7852 content: "\f22c";
7855 .fa-id-badge::before {
7856 content: "\f2c1";
7859 .fa-marker::before {
7860 content: "\f5a1";
7863 .fa-face-laugh-beam::before {
7864 content: "\f59a";
7867 .fa-laugh-beam::before {
7868 content: "\f59a";
7871 .fa-helicopter-symbol::before {
7872 content: "\e502";
7875 .fa-universal-access::before {
7876 content: "\f29a";
7879 .fa-circle-chevron-up::before {
7880 content: "\f139";
7883 .fa-chevron-circle-up::before {
7884 content: "\f139";
7887 .fa-lari-sign::before {
7888 content: "\e1c8";
7891 .fa-volcano::before {
7892 content: "\f770";
7895 .fa-person-walking-dashed-line-arrow-right::before {
7896 content: "\e553";
7899 .fa-sterling-sign::before {
7900 content: "\f154";
7903 .fa-gbp::before {
7904 content: "\f154";
7907 .fa-pound-sign::before {
7908 content: "\f154";
7911 .fa-viruses::before {
7912 content: "\e076";
7915 .fa-square-person-confined::before {
7916 content: "\e577";
7919 .fa-user-tie::before {
7920 content: "\f508";
7923 .fa-arrow-down-long::before {
7924 content: "\f175";
7927 .fa-long-arrow-down::before {
7928 content: "\f175";
7931 .fa-tent-arrow-down-to-line::before {
7932 content: "\e57e";
7935 .fa-certificate::before {
7936 content: "\f0a3";
7939 .fa-reply-all::before {
7940 content: "\f122";
7943 .fa-mail-reply-all::before {
7944 content: "\f122";
7947 .fa-suitcase::before {
7948 content: "\f0f2";
7951 .fa-person-skating::before {
7952 content: "\f7c5";
7955 .fa-skating::before {
7956 content: "\f7c5";
7959 .fa-filter-circle-dollar::before {
7960 content: "\f662";
7963 .fa-funnel-dollar::before {
7964 content: "\f662";
7967 .fa-camera-retro::before {
7968 content: "\f083";
7971 .fa-circle-arrow-down::before {
7972 content: "\f0ab";
7975 .fa-arrow-circle-down::before {
7976 content: "\f0ab";
7979 .fa-file-import::before {
7980 content: "\f56f";
7983 .fa-arrow-right-to-file::before {
7984 content: "\f56f";
7987 .fa-square-arrow-up-right::before {
7988 content: "\f14c";
7991 .fa-external-link-square::before {
7992 content: "\f14c";
7995 .fa-box-open::before {
7996 content: "\f49e";
7999 .fa-scroll::before {
8000 content: "\f70e";
8003 .fa-spa::before {
8004 content: "\f5bb";
8007 .fa-location-pin-lock::before {
8008 content: "\e51f";
8011 .fa-pause::before {
8012 content: "\f04c";
8015 .fa-hill-avalanche::before {
8016 content: "\e507";
8019 .fa-temperature-empty::before {
8020 content: "\f2cb";
8023 .fa-temperature-0::before {
8024 content: "\f2cb";
8027 .fa-thermometer-0::before {
8028 content: "\f2cb";
8031 .fa-thermometer-empty::before {
8032 content: "\f2cb";
8035 .fa-bomb::before {
8036 content: "\f1e2";
8039 .fa-registered::before {
8040 content: "\f25d";
8043 .fa-address-card::before {
8044 content: "\f2bb";
8047 .fa-contact-card::before {
8048 content: "\f2bb";
8051 .fa-vcard::before {
8052 content: "\f2bb";
8055 .fa-scale-unbalanced-flip::before {
8056 content: "\f516";
8059 .fa-balance-scale-right::before {
8060 content: "\f516";
8063 .fa-subscript::before {
8064 content: "\f12c";
8067 .fa-diamond-turn-right::before {
8068 content: "\f5eb";
8071 .fa-directions::before {
8072 content: "\f5eb";
8075 .fa-burst::before {
8076 content: "\e4dc";
8079 .fa-house-laptop::before {
8080 content: "\e066";
8083 .fa-laptop-house::before {
8084 content: "\e066";
8087 .fa-face-tired::before {
8088 content: "\f5c8";
8091 .fa-tired::before {
8092 content: "\f5c8";
8095 .fa-money-bills::before {
8096 content: "\e1f3";
8099 .fa-smog::before {
8100 content: "\f75f";
8103 .fa-crutch::before {
8104 content: "\f7f7";
8107 .fa-cloud-arrow-up::before {
8108 content: "\f0ee";
8111 .fa-cloud-upload::before {
8112 content: "\f0ee";
8115 .fa-cloud-upload-alt::before {
8116 content: "\f0ee";
8119 .fa-palette::before {
8120 content: "\f53f";
8123 .fa-arrows-turn-right::before {
8124 content: "\e4c0";
8127 .fa-vest::before {
8128 content: "\e085";
8131 .fa-ferry::before {
8132 content: "\e4ea";
8135 .fa-arrows-down-to-people::before {
8136 content: "\e4b9";
8139 .fa-seedling::before {
8140 content: "\f4d8";
8143 .fa-sprout::before {
8144 content: "\f4d8";
8147 .fa-left-right::before {
8148 content: "\f337";
8151 .fa-arrows-alt-h::before {
8152 content: "\f337";
8155 .fa-boxes-packing::before {
8156 content: "\e4c7";
8159 .fa-circle-arrow-left::before {
8160 content: "\f0a8";
8163 .fa-arrow-circle-left::before {
8164 content: "\f0a8";
8167 .fa-group-arrows-rotate::before {
8168 content: "\e4f6";
8171 .fa-bowl-food::before {
8172 content: "\e4c6";
8175 .fa-candy-cane::before {
8176 content: "\f786";
8179 .fa-arrow-down-wide-short::before {
8180 content: "\f160";
8183 .fa-sort-amount-asc::before {
8184 content: "\f160";
8187 .fa-sort-amount-down::before {
8188 content: "\f160";
8191 .fa-cloud-bolt::before {
8192 content: "\f76c";
8195 .fa-thunderstorm::before {
8196 content: "\f76c";
8199 .fa-text-slash::before {
8200 content: "\f87d";
8203 .fa-remove-format::before {
8204 content: "\f87d";
8207 .fa-face-smile-wink::before {
8208 content: "\f4da";
8211 .fa-smile-wink::before {
8212 content: "\f4da";
8215 .fa-file-word::before {
8216 content: "\f1c2";
8219 .fa-file-powerpoint::before {
8220 content: "\f1c4";
8223 .fa-arrows-left-right::before {
8224 content: "\f07e";
8227 .fa-arrows-h::before {
8228 content: "\f07e";
8231 .fa-house-lock::before {
8232 content: "\e510";
8235 .fa-cloud-arrow-down::before {
8236 content: "\f0ed";
8239 .fa-cloud-download::before {
8240 content: "\f0ed";
8243 .fa-cloud-download-alt::before {
8244 content: "\f0ed";
8247 .fa-children::before {
8248 content: "\e4e1";
8251 .fa-chalkboard::before {
8252 content: "\f51b";
8255 .fa-blackboard::before {
8256 content: "\f51b";
8259 .fa-user-large-slash::before {
8260 content: "\f4fa";
8263 .fa-user-alt-slash::before {
8264 content: "\f4fa";
8267 .fa-envelope-open::before {
8268 content: "\f2b6";
8271 .fa-handshake-simple-slash::before {
8272 content: "\e05f";
8275 .fa-handshake-alt-slash::before {
8276 content: "\e05f";
8279 .fa-mattress-pillow::before {
8280 content: "\e525";
8283 .fa-guarani-sign::before {
8284 content: "\e19a";
8287 .fa-arrows-rotate::before {
8288 content: "\f021";
8291 .fa-refresh::before {
8292 content: "\f021";
8295 .fa-sync::before {
8296 content: "\f021";
8299 .fa-fire-extinguisher::before {
8300 content: "\f134";
8303 .fa-cruzeiro-sign::before {
8304 content: "\e152";
8307 .fa-greater-than-equal::before {
8308 content: "\f532";
8311 .fa-shield-halved::before {
8312 content: "\f3ed";
8315 .fa-shield-alt::before {
8316 content: "\f3ed";
8319 .fa-book-atlas::before {
8320 content: "\f558";
8323 .fa-atlas::before {
8324 content: "\f558";
8327 .fa-virus::before {
8328 content: "\e074";
8331 .fa-envelope-circle-check::before {
8332 content: "\e4e8";
8335 .fa-layer-group::before {
8336 content: "\f5fd";
8339 .fa-arrows-to-dot::before {
8340 content: "\e4be";
8343 .fa-archway::before {
8344 content: "\f557";
8347 .fa-heart-circle-check::before {
8348 content: "\e4fd";
8351 .fa-house-chimney-crack::before {
8352 content: "\f6f1";
8355 .fa-house-damage::before {
8356 content: "\f6f1";
8359 .fa-file-zipper::before {
8360 content: "\f1c6";
8363 .fa-file-archive::before {
8364 content: "\f1c6";
8367 .fa-square::before {
8368 content: "\f0c8";
8371 .fa-martini-glass-empty::before {
8372 content: "\f000";
8375 .fa-glass-martini::before {
8376 content: "\f000";
8379 .fa-couch::before {
8380 content: "\f4b8";
8383 .fa-cedi-sign::before {
8384 content: "\e0df";
8387 .fa-italic::before {
8388 content: "\f033";
8391 .fa-church::before {
8392 content: "\f51d";
8395 .fa-comments-dollar::before {
8396 content: "\f653";
8399 .fa-democrat::before {
8400 content: "\f747";
8403 .fa-z::before {
8404 content: "Z";
8407 .fa-person-skiing::before {
8408 content: "\f7c9";
8411 .fa-skiing::before {
8412 content: "\f7c9";
8415 .fa-road-lock::before {
8416 content: "\e567";
8419 .fa-a::before {
8420 content: "A";
8423 .fa-temperature-arrow-down::before {
8424 content: "\e03f";
8427 .fa-temperature-down::before {
8428 content: "\e03f";
8431 .fa-feather-pointed::before {
8432 content: "\f56b";
8435 .fa-feather-alt::before {
8436 content: "\f56b";
8439 .fa-p::before {
8440 content: "P";
8443 .fa-snowflake::before {
8444 content: "\f2dc";
8447 .fa-newspaper::before {
8448 content: "\f1ea";
8451 .fa-rectangle-ad::before {
8452 content: "\f641";
8455 .fa-ad::before {
8456 content: "\f641";
8459 .fa-circle-arrow-right::before {
8460 content: "\f0a9";
8463 .fa-arrow-circle-right::before {
8464 content: "\f0a9";
8467 .fa-filter-circle-xmark::before {
8468 content: "\e17b";
8471 .fa-locust::before {
8472 content: "\e520";
8475 .fa-sort::before {
8476 content: "\f0dc";
8479 .fa-unsorted::before {
8480 content: "\f0dc";
8483 .fa-list-ol::before {
8484 content: "\f0cb";
8487 .fa-list-1-2::before {
8488 content: "\f0cb";
8491 .fa-list-numeric::before {
8492 content: "\f0cb";
8495 .fa-person-dress-burst::before {
8496 content: "\e544";
8499 .fa-money-check-dollar::before {
8500 content: "\f53d";
8503 .fa-money-check-alt::before {
8504 content: "\f53d";
8507 .fa-vector-square::before {
8508 content: "\f5cb";
8511 .fa-bread-slice::before {
8512 content: "\f7ec";
8515 .fa-language::before {
8516 content: "\f1ab";
8519 .fa-face-kiss-wink-heart::before {
8520 content: "\f598";
8523 .fa-kiss-wink-heart::before {
8524 content: "\f598";
8527 .fa-filter::before {
8528 content: "\f0b0";
8531 .fa-question::before {
8532 content: "\?";
8535 .fa-file-signature::before {
8536 content: "\f573";
8539 .fa-up-down-left-right::before {
8540 content: "\f0b2";
8543 .fa-arrows-alt::before {
8544 content: "\f0b2";
8547 .fa-house-chimney-user::before {
8548 content: "\e065";
8551 .fa-hand-holding-heart::before {
8552 content: "\f4be";
8555 .fa-puzzle-piece::before {
8556 content: "\f12e";
8559 .fa-money-check::before {
8560 content: "\f53c";
8563 .fa-star-half-stroke::before {
8564 content: "\f5c0";
8567 .fa-star-half-alt::before {
8568 content: "\f5c0";
8571 .fa-code::before {
8572 content: "\f121";
8575 .fa-whiskey-glass::before {
8576 content: "\f7a0";
8579 .fa-glass-whiskey::before {
8580 content: "\f7a0";
8583 .fa-building-circle-exclamation::before {
8584 content: "\e4d3";
8587 .fa-magnifying-glass-chart::before {
8588 content: "\e522";
8591 .fa-arrow-up-right-from-square::before {
8592 content: "\f08e";
8595 .fa-external-link::before {
8596 content: "\f08e";
8599 .fa-cubes-stacked::before {
8600 content: "\e4e6";
8603 .fa-won-sign::before {
8604 content: "\f159";
8607 .fa-krw::before {
8608 content: "\f159";
8611 .fa-won::before {
8612 content: "\f159";
8615 .fa-virus-covid::before {
8616 content: "\e4a8";
8619 .fa-austral-sign::before {
8620 content: "\e0a9";
8623 .fa-f::before {
8624 content: "F";
8627 .fa-leaf::before {
8628 content: "\f06c";
8631 .fa-road::before {
8632 content: "\f018";
8635 .fa-taxi::before {
8636 content: "\f1ba";
8639 .fa-cab::before {
8640 content: "\f1ba";
8643 .fa-person-circle-plus::before {
8644 content: "\e541";
8647 .fa-chart-pie::before {
8648 content: "\f200";
8651 .fa-pie-chart::before {
8652 content: "\f200";
8655 .fa-bolt-lightning::before {
8656 content: "\e0b7";
8659 .fa-sack-xmark::before {
8660 content: "\e56a";
8663 .fa-file-excel::before {
8664 content: "\f1c3";
8667 .fa-file-contract::before {
8668 content: "\f56c";
8671 .fa-fish-fins::before {
8672 content: "\e4f2";
8675 .fa-building-flag::before {
8676 content: "\e4d5";
8679 .fa-face-grin-beam::before {
8680 content: "\f582";
8683 .fa-grin-beam::before {
8684 content: "\f582";
8687 .fa-object-ungroup::before {
8688 content: "\f248";
8691 .fa-poop::before {
8692 content: "\f619";
8695 .fa-location-pin::before {
8696 content: "\f041";
8699 .fa-map-marker::before {
8700 content: "\f041";
8703 .fa-kaaba::before {
8704 content: "\f66b";
8707 .fa-toilet-paper::before {
8708 content: "\f71e";
8711 .fa-helmet-safety::before {
8712 content: "\f807";
8715 .fa-hard-hat::before {
8716 content: "\f807";
8719 .fa-hat-hard::before {
8720 content: "\f807";
8723 .fa-eject::before {
8724 content: "\f052";
8727 .fa-circle-right::before {
8728 content: "\f35a";
8731 .fa-arrow-alt-circle-right::before {
8732 content: "\f35a";
8735 .fa-plane-circle-check::before {
8736 content: "\e555";
8739 .fa-face-rolling-eyes::before {
8740 content: "\f5a5";
8743 .fa-meh-rolling-eyes::before {
8744 content: "\f5a5";
8747 .fa-object-group::before {
8748 content: "\f247";
8751 .fa-chart-line::before {
8752 content: "\f201";
8755 .fa-line-chart::before {
8756 content: "\f201";
8759 .fa-mask-ventilator::before {
8760 content: "\e524";
8763 .fa-arrow-right::before {
8764 content: "\f061";
8767 .fa-signs-post::before {
8768 content: "\f277";
8771 .fa-map-signs::before {
8772 content: "\f277";
8775 .fa-cash-register::before {
8776 content: "\f788";
8779 .fa-person-circle-question::before {
8780 content: "\e542";
8783 .fa-h::before {
8784 content: "H";
8787 .fa-tarp::before {
8788 content: "\e57b";
8791 .fa-screwdriver-wrench::before {
8792 content: "\f7d9";
8795 .fa-tools::before {
8796 content: "\f7d9";
8799 .fa-arrows-to-eye::before {
8800 content: "\e4bf";
8803 .fa-plug-circle-bolt::before {
8804 content: "\e55b";
8807 .fa-heart::before {
8808 content: "\f004";
8811 .fa-mars-and-venus::before {
8812 content: "\f224";
8815 .fa-house-user::before {
8816 content: "\e1b0";
8819 .fa-home-user::before {
8820 content: "\e1b0";
8823 .fa-dumpster-fire::before {
8824 content: "\f794";
8827 .fa-house-crack::before {
8828 content: "\e3b1";
8831 .fa-martini-glass-citrus::before {
8832 content: "\f561";
8835 .fa-cocktail::before {
8836 content: "\f561";
8839 .fa-face-surprise::before {
8840 content: "\f5c2";
8843 .fa-surprise::before {
8844 content: "\f5c2";
8847 .fa-bottle-water::before {
8848 content: "\e4c5";
8851 .fa-circle-pause::before {
8852 content: "\f28b";
8855 .fa-pause-circle::before {
8856 content: "\f28b";
8859 .fa-toilet-paper-slash::before {
8860 content: "\e072";
8863 .fa-apple-whole::before {
8864 content: "\f5d1";
8867 .fa-apple-alt::before {
8868 content: "\f5d1";
8871 .fa-kitchen-set::before {
8872 content: "\e51a";
8875 .fa-r::before {
8876 content: "R";
8879 .fa-temperature-quarter::before {
8880 content: "\f2ca";
8883 .fa-temperature-1::before {
8884 content: "\f2ca";
8887 .fa-thermometer-1::before {
8888 content: "\f2ca";
8891 .fa-thermometer-quarter::before {
8892 content: "\f2ca";
8895 .fa-cube::before {
8896 content: "\f1b2";
8899 .fa-bitcoin-sign::before {
8900 content: "\e0b4";
8903 .fa-shield-dog::before {
8904 content: "\e573";
8907 .fa-solar-panel::before {
8908 content: "\f5ba";
8911 .fa-lock-open::before {
8912 content: "\f3c1";
8915 .fa-elevator::before {
8916 content: "\e16d";
8919 .fa-money-bill-transfer::before {
8920 content: "\e528";
8923 .fa-money-bill-trend-up::before {
8924 content: "\e529";
8927 .fa-house-flood-water-circle-arrow-right::before {
8928 content: "\e50f";
8931 .fa-square-poll-horizontal::before {
8932 content: "\f682";
8935 .fa-poll-h::before {
8936 content: "\f682";
8939 .fa-circle::before {
8940 content: "\f111";
8943 .fa-backward-fast::before {
8944 content: "\f049";
8947 .fa-fast-backward::before {
8948 content: "\f049";
8951 .fa-recycle::before {
8952 content: "\f1b8";
8955 .fa-user-astronaut::before {
8956 content: "\f4fb";
8959 .fa-plane-slash::before {
8960 content: "\e069";
8963 .fa-trademark::before {
8964 content: "\f25c";
8967 .fa-basketball::before {
8968 content: "\f434";
8971 .fa-basketball-ball::before {
8972 content: "\f434";
8975 .fa-satellite-dish::before {
8976 content: "\f7c0";
8979 .fa-circle-up::before {
8980 content: "\f35b";
8983 .fa-arrow-alt-circle-up::before {
8984 content: "\f35b";
8987 .fa-mobile-screen-button::before {
8988 content: "\f3cd";
8991 .fa-mobile-alt::before {
8992 content: "\f3cd";
8995 .fa-volume-high::before {
8996 content: "\f028";
8999 .fa-volume-up::before {
9000 content: "\f028";
9003 .fa-users-rays::before {
9004 content: "\e593";
9007 .fa-wallet::before {
9008 content: "\f555";
9011 .fa-clipboard-check::before {
9012 content: "\f46c";
9015 .fa-file-audio::before {
9016 content: "\f1c7";
9019 .fa-burger::before {
9020 content: "\f805";
9023 .fa-hamburger::before {
9024 content: "\f805";
9027 .fa-wrench::before {
9028 content: "\f0ad";
9031 .fa-bugs::before {
9032 content: "\e4d0";
9035 .fa-rupee-sign::before {
9036 content: "\f156";
9039 .fa-rupee::before {
9040 content: "\f156";
9043 .fa-file-image::before {
9044 content: "\f1c5";
9047 .fa-circle-question::before {
9048 content: "\f059";
9051 .fa-question-circle::before {
9052 content: "\f059";
9055 .fa-plane-departure::before {
9056 content: "\f5b0";
9059 .fa-handshake-slash::before {
9060 content: "\e060";
9063 .fa-book-bookmark::before {
9064 content: "\e0bb";
9067 .fa-code-branch::before {
9068 content: "\f126";
9071 .fa-hat-cowboy::before {
9072 content: "\f8c0";
9075 .fa-bridge::before {
9076 content: "\e4c8";
9079 .fa-phone-flip::before {
9080 content: "\f879";
9083 .fa-phone-alt::before {
9084 content: "\f879";
9087 .fa-truck-front::before {
9088 content: "\e2b7";
9091 .fa-cat::before {
9092 content: "\f6be";
9095 .fa-anchor-circle-exclamation::before {
9096 content: "\e4ab";
9099 .fa-truck-field::before {
9100 content: "\e58d";
9103 .fa-route::before {
9104 content: "\f4d7";
9107 .fa-clipboard-question::before {
9108 content: "\e4e3";
9111 .fa-panorama::before {
9112 content: "\e209";
9115 .fa-comment-medical::before {
9116 content: "\f7f5";
9119 .fa-teeth-open::before {
9120 content: "\f62f";
9123 .fa-file-circle-minus::before {
9124 content: "\e4ed";
9127 .fa-tags::before {
9128 content: "\f02c";
9131 .fa-wine-glass::before {
9132 content: "\f4e3";
9135 .fa-forward-fast::before {
9136 content: "\f050";
9139 .fa-fast-forward::before {
9140 content: "\f050";
9143 .fa-face-meh-blank::before {
9144 content: "\f5a4";
9147 .fa-meh-blank::before {
9148 content: "\f5a4";
9151 .fa-square-parking::before {
9152 content: "\f540";
9155 .fa-parking::before {
9156 content: "\f540";
9159 .fa-house-signal::before {
9160 content: "\e012";
9163 .fa-bars-progress::before {
9164 content: "\f828";
9167 .fa-tasks-alt::before {
9168 content: "\f828";
9171 .fa-faucet-drip::before {
9172 content: "\e006";
9175 .fa-cart-flatbed::before {
9176 content: "\f474";
9179 .fa-dolly-flatbed::before {
9180 content: "\f474";
9183 .fa-ban-smoking::before {
9184 content: "\f54d";
9187 .fa-smoking-ban::before {
9188 content: "\f54d";
9191 .fa-terminal::before {
9192 content: "\f120";
9195 .fa-mobile-button::before {
9196 content: "\f10b";
9199 .fa-house-medical-flag::before {
9200 content: "\e514";
9203 .fa-basket-shopping::before {
9204 content: "\f291";
9207 .fa-shopping-basket::before {
9208 content: "\f291";
9211 .fa-tape::before {
9212 content: "\f4db";
9215 .fa-bus-simple::before {
9216 content: "\f55e";
9219 .fa-bus-alt::before {
9220 content: "\f55e";
9223 .fa-eye::before {
9224 content: "\f06e";
9227 .fa-face-sad-cry::before {
9228 content: "\f5b3";
9231 .fa-sad-cry::before {
9232 content: "\f5b3";
9235 .fa-audio-description::before {
9236 content: "\f29e";
9239 .fa-person-military-to-person::before {
9240 content: "\e54c";
9243 .fa-file-shield::before {
9244 content: "\e4f0";
9247 .fa-user-slash::before {
9248 content: "\f506";
9251 .fa-pen::before {
9252 content: "\f304";
9255 .fa-tower-observation::before {
9256 content: "\e586";
9259 .fa-file-code::before {
9260 content: "\f1c9";
9263 .fa-signal::before {
9264 content: "\f012";
9267 .fa-signal-5::before {
9268 content: "\f012";
9271 .fa-signal-perfect::before {
9272 content: "\f012";
9275 .fa-bus::before {
9276 content: "\f207";
9279 .fa-heart-circle-xmark::before {
9280 content: "\e501";
9283 .fa-house-chimney::before {
9284 content: "\e3af";
9287 .fa-home-lg::before {
9288 content: "\e3af";
9291 .fa-window-maximize::before {
9292 content: "\f2d0";
9295 .fa-face-frown::before {
9296 content: "\f119";
9299 .fa-frown::before {
9300 content: "\f119";
9303 .fa-prescription::before {
9304 content: "\f5b1";
9307 .fa-shop::before {
9308 content: "\f54f";
9311 .fa-store-alt::before {
9312 content: "\f54f";
9315 .fa-floppy-disk::before {
9316 content: "\f0c7";
9319 .fa-save::before {
9320 content: "\f0c7";
9323 .fa-vihara::before {
9324 content: "\f6a7";
9327 .fa-scale-unbalanced::before {
9328 content: "\f515";
9331 .fa-balance-scale-left::before {
9332 content: "\f515";
9335 .fa-sort-up::before {
9336 content: "\f0de";
9339 .fa-sort-asc::before {
9340 content: "\f0de";
9343 .fa-comment-dots::before {
9344 content: "\f4ad";
9347 .fa-commenting::before {
9348 content: "\f4ad";
9351 .fa-plant-wilt::before {
9352 content: "\e5aa";
9355 .fa-diamond::before {
9356 content: "\f219";
9359 .fa-face-grin-squint::before {
9360 content: "\f585";
9363 .fa-grin-squint::before {
9364 content: "\f585";
9367 .fa-hand-holding-dollar::before {
9368 content: "\f4c0";
9371 .fa-hand-holding-usd::before {
9372 content: "\f4c0";
9375 .fa-bacterium::before {
9376 content: "\e05a";
9379 .fa-hand-pointer::before {
9380 content: "\f25a";
9383 .fa-drum-steelpan::before {
9384 content: "\f56a";
9387 .fa-hand-scissors::before {
9388 content: "\f257";
9391 .fa-hands-praying::before {
9392 content: "\f684";
9395 .fa-praying-hands::before {
9396 content: "\f684";
9399 .fa-arrow-rotate-right::before {
9400 content: "\f01e";
9403 .fa-arrow-right-rotate::before {
9404 content: "\f01e";
9407 .fa-arrow-rotate-forward::before {
9408 content: "\f01e";
9411 .fa-redo::before {
9412 content: "\f01e";
9415 .fa-biohazard::before {
9416 content: "\f780";
9419 .fa-location-crosshairs::before {
9420 content: "\f601";
9423 .fa-location::before {
9424 content: "\f601";
9427 .fa-mars-double::before {
9428 content: "\f227";
9431 .fa-child-dress::before {
9432 content: "\e59c";
9435 .fa-users-between-lines::before {
9436 content: "\e591";
9439 .fa-lungs-virus::before {
9440 content: "\e067";
9443 .fa-face-grin-tears::before {
9444 content: "\f588";
9447 .fa-grin-tears::before {
9448 content: "\f588";
9451 .fa-phone::before {
9452 content: "\f095";
9455 .fa-calendar-xmark::before {
9456 content: "\f273";
9459 .fa-calendar-times::before {
9460 content: "\f273";
9463 .fa-child-reaching::before {
9464 content: "\e59d";
9467 .fa-head-side-virus::before {
9468 content: "\e064";
9471 .fa-user-gear::before {
9472 content: "\f4fe";
9475 .fa-user-cog::before {
9476 content: "\f4fe";
9479 .fa-arrow-up-1-9::before {
9480 content: "\f163";
9483 .fa-sort-numeric-up::before {
9484 content: "\f163";
9487 .fa-door-closed::before {
9488 content: "\f52a";
9491 .fa-shield-virus::before {
9492 content: "\e06c";
9495 .fa-dice-six::before {
9496 content: "\f526";
9499 .fa-mosquito-net::before {
9500 content: "\e52c";
9503 .fa-bridge-water::before {
9504 content: "\e4ce";
9507 .fa-person-booth::before {
9508 content: "\f756";
9511 .fa-text-width::before {
9512 content: "\f035";
9515 .fa-hat-wizard::before {
9516 content: "\f6e8";
9519 .fa-pen-fancy::before {
9520 content: "\f5ac";
9523 .fa-person-digging::before {
9524 content: "\f85e";
9527 .fa-digging::before {
9528 content: "\f85e";
9531 .fa-trash::before {
9532 content: "\f1f8";
9535 .fa-gauge-simple::before {
9536 content: "\f629";
9539 .fa-gauge-simple-med::before {
9540 content: "\f629";
9543 .fa-tachometer-average::before {
9544 content: "\f629";
9547 .fa-book-medical::before {
9548 content: "\f7e6";
9551 .fa-poo::before {
9552 content: "\f2fe";
9555 .fa-quote-right::before {
9556 content: "\f10e";
9559 .fa-quote-right-alt::before {
9560 content: "\f10e";
9563 .fa-shirt::before {
9564 content: "\f553";
9567 .fa-t-shirt::before {
9568 content: "\f553";
9571 .fa-tshirt::before {
9572 content: "\f553";
9575 .fa-cubes::before {
9576 content: "\f1b3";
9579 .fa-divide::before {
9580 content: "\f529";
9583 .fa-tenge-sign::before {
9584 content: "\f7d7";
9587 .fa-tenge::before {
9588 content: "\f7d7";
9591 .fa-headphones::before {
9592 content: "\f025";
9595 .fa-hands-holding::before {
9596 content: "\f4c2";
9599 .fa-hands-clapping::before {
9600 content: "\e1a8";
9603 .fa-republican::before {
9604 content: "\f75e";
9607 .fa-arrow-left::before {
9608 content: "\f060";
9611 .fa-person-circle-xmark::before {
9612 content: "\e543";
9615 .fa-ruler::before {
9616 content: "\f545";
9619 .fa-align-left::before {
9620 content: "\f036";
9623 .fa-dice-d6::before {
9624 content: "\f6d1";
9627 .fa-restroom::before {
9628 content: "\f7bd";
9631 .fa-j::before {
9632 content: "J";
9635 .fa-users-viewfinder::before {
9636 content: "\e595";
9639 .fa-file-video::before {
9640 content: "\f1c8";
9643 .fa-up-right-from-square::before {
9644 content: "\f35d";
9647 .fa-external-link-alt::before {
9648 content: "\f35d";
9651 .fa-table-cells::before {
9652 content: "\f00a";
9655 .fa-th::before {
9656 content: "\f00a";
9659 .fa-file-pdf::before {
9660 content: "\f1c1";
9663 .fa-book-bible::before {
9664 content: "\f647";
9667 .fa-bible::before {
9668 content: "\f647";
9671 .fa-o::before {
9672 content: "O";
9675 .fa-suitcase-medical::before {
9676 content: "\f0fa";
9679 .fa-medkit::before {
9680 content: "\f0fa";
9683 .fa-user-secret::before {
9684 content: "\f21b";
9687 .fa-otter::before {
9688 content: "\f700";
9691 .fa-person-dress::before {
9692 content: "\f182";
9695 .fa-female::before {
9696 content: "\f182";
9699 .fa-comment-dollar::before {
9700 content: "\f651";
9703 .fa-business-time::before {
9704 content: "\f64a";
9707 .fa-briefcase-clock::before {
9708 content: "\f64a";
9711 .fa-table-cells-large::before {
9712 content: "\f009";
9715 .fa-th-large::before {
9716 content: "\f009";
9719 .fa-book-tanakh::before {
9720 content: "\f827";
9723 .fa-tanakh::before {
9724 content: "\f827";
9727 .fa-phone-volume::before {
9728 content: "\f2a0";
9731 .fa-volume-control-phone::before {
9732 content: "\f2a0";
9735 .fa-hat-cowboy-side::before {
9736 content: "\f8c1";
9739 .fa-clipboard-user::before {
9740 content: "\f7f3";
9743 .fa-child::before {
9744 content: "\f1ae";
9747 .fa-lira-sign::before {
9748 content: "\f195";
9751 .fa-satellite::before {
9752 content: "\f7bf";
9755 .fa-plane-lock::before {
9756 content: "\e558";
9759 .fa-tag::before {
9760 content: "\f02b";
9763 .fa-comment::before {
9764 content: "\f075";
9767 .fa-cake-candles::before {
9768 content: "\f1fd";
9771 .fa-birthday-cake::before {
9772 content: "\f1fd";
9775 .fa-cake::before {
9776 content: "\f1fd";
9779 .fa-envelope::before {
9780 content: "\f0e0";
9783 .fa-angles-up::before {
9784 content: "\f102";
9787 .fa-angle-double-up::before {
9788 content: "\f102";
9791 .fa-paperclip::before {
9792 content: "\f0c6";
9795 .fa-arrow-right-to-city::before {
9796 content: "\e4b3";
9799 .fa-ribbon::before {
9800 content: "\f4d6";
9803 .fa-lungs::before {
9804 content: "\f604";
9807 .fa-arrow-up-9-1::before {
9808 content: "\f887";
9811 .fa-sort-numeric-up-alt::before {
9812 content: "\f887";
9815 .fa-litecoin-sign::before {
9816 content: "\e1d3";
9819 .fa-border-none::before {
9820 content: "\f850";
9823 .fa-circle-nodes::before {
9824 content: "\e4e2";
9827 .fa-parachute-box::before {
9828 content: "\f4cd";
9831 .fa-indent::before {
9832 content: "\f03c";
9835 .fa-truck-field-un::before {
9836 content: "\e58e";
9839 .fa-hourglass::before {
9840 content: "\f254";
9843 .fa-hourglass-empty::before {
9844 content: "\f254";
9847 .fa-mountain::before {
9848 content: "\f6fc";
9851 .fa-user-doctor::before {
9852 content: "\f0f0";
9855 .fa-user-md::before {
9856 content: "\f0f0";
9859 .fa-circle-info::before {
9860 content: "\f05a";
9863 .fa-info-circle::before {
9864 content: "\f05a";
9867 .fa-cloud-meatball::before {
9868 content: "\f73b";
9871 .fa-camera::before {
9872 content: "\f030";
9875 .fa-camera-alt::before {
9876 content: "\f030";
9879 .fa-square-virus::before {
9880 content: "\e578";
9883 .fa-meteor::before {
9884 content: "\f753";
9887 .fa-car-on::before {
9888 content: "\e4dd";
9891 .fa-sleigh::before {
9892 content: "\f7cc";
9895 .fa-arrow-down-1-9::before {
9896 content: "\f162";
9899 .fa-sort-numeric-asc::before {
9900 content: "\f162";
9903 .fa-sort-numeric-down::before {
9904 content: "\f162";
9907 .fa-hand-holding-droplet::before {
9908 content: "\f4c1";
9911 .fa-hand-holding-water::before {
9912 content: "\f4c1";
9915 .fa-water::before {
9916 content: "\f773";
9919 .fa-calendar-check::before {
9920 content: "\f274";
9923 .fa-braille::before {
9924 content: "\f2a1";
9927 .fa-prescription-bottle-medical::before {
9928 content: "\f486";
9931 .fa-prescription-bottle-alt::before {
9932 content: "\f486";
9935 .fa-landmark::before {
9936 content: "\f66f";
9939 .fa-truck::before {
9940 content: "\f0d1";
9943 .fa-crosshairs::before {
9944 content: "\f05b";
9947 .fa-person-cane::before {
9948 content: "\e53c";
9951 .fa-tent::before {
9952 content: "\e57d";
9955 .fa-vest-patches::before {
9956 content: "\e086";
9959 .fa-check-double::before {
9960 content: "\f560";
9963 .fa-arrow-down-a-z::before {
9964 content: "\f15d";
9967 .fa-sort-alpha-asc::before {
9968 content: "\f15d";
9971 .fa-sort-alpha-down::before {
9972 content: "\f15d";
9975 .fa-money-bill-wheat::before {
9976 content: "\e52a";
9979 .fa-cookie::before {
9980 content: "\f563";
9983 .fa-arrow-rotate-left::before {
9984 content: "\f0e2";
9987 .fa-arrow-left-rotate::before {
9988 content: "\f0e2";
9991 .fa-arrow-rotate-back::before {
9992 content: "\f0e2";
9995 .fa-arrow-rotate-backward::before {
9996 content: "\f0e2";
9999 .fa-undo::before {
10000 content: "\f0e2";
10003 .fa-hard-drive::before {
10004 content: "\f0a0";
10007 .fa-hdd::before {
10008 content: "\f0a0";
10011 .fa-face-grin-squint-tears::before {
10012 content: "\f586";
10015 .fa-grin-squint-tears::before {
10016 content: "\f586";
10019 .fa-dumbbell::before {
10020 content: "\f44b";
10023 .fa-rectangle-list::before {
10024 content: "\f022";
10027 .fa-list-alt::before {
10028 content: "\f022";
10031 .fa-tarp-droplet::before {
10032 content: "\e57c";
10035 .fa-house-medical-circle-check::before {
10036 content: "\e511";
10039 .fa-person-skiing-nordic::before {
10040 content: "\f7ca";
10043 .fa-skiing-nordic::before {
10044 content: "\f7ca";
10047 .fa-calendar-plus::before {
10048 content: "\f271";
10051 .fa-plane-arrival::before {
10052 content: "\f5af";
10055 .fa-circle-left::before {
10056 content: "\f359";
10059 .fa-arrow-alt-circle-left::before {
10060 content: "\f359";
10063 .fa-train-subway::before {
10064 content: "\f239";
10067 .fa-subway::before {
10068 content: "\f239";
10071 .fa-chart-gantt::before {
10072 content: "\e0e4";
10075 .fa-indian-rupee-sign::before {
10076 content: "\e1bc";
10079 .fa-indian-rupee::before {
10080 content: "\e1bc";
10083 .fa-inr::before {
10084 content: "\e1bc";
10087 .fa-crop-simple::before {
10088 content: "\f565";
10091 .fa-crop-alt::before {
10092 content: "\f565";
10095 .fa-money-bill-1::before {
10096 content: "\f3d1";
10099 .fa-money-bill-alt::before {
10100 content: "\f3d1";
10103 .fa-left-long::before {
10104 content: "\f30a";
10107 .fa-long-arrow-alt-left::before {
10108 content: "\f30a";
10111 .fa-dna::before {
10112 content: "\f471";
10115 .fa-virus-slash::before {
10116 content: "\e075";
10119 .fa-minus::before {
10120 content: "\f068";
10123 .fa-subtract::before {
10124 content: "\f068";
10127 .fa-chess::before {
10128 content: "\f439";
10131 .fa-arrow-left-long::before {
10132 content: "\f177";
10135 .fa-long-arrow-left::before {
10136 content: "\f177";
10139 .fa-plug-circle-check::before {
10140 content: "\e55c";
10143 .fa-street-view::before {
10144 content: "\f21d";
10147 .fa-franc-sign::before {
10148 content: "\e18f";
10151 .fa-volume-off::before {
10152 content: "\f026";
10155 .fa-hands-asl-interpreting::before {
10156 content: "\f2a3";
10159 .fa-american-sign-language-interpreting::before {
10160 content: "\f2a3";
10163 .fa-asl-interpreting::before {
10164 content: "\f2a3";
10167 .fa-hands-american-sign-language-interpreting::before {
10168 content: "\f2a3";
10171 .fa-gear::before {
10172 content: "\f013";
10175 .fa-cog::before {
10176 content: "\f013";
10179 .fa-droplet-slash::before {
10180 content: "\f5c7";
10183 .fa-tint-slash::before {
10184 content: "\f5c7";
10187 .fa-mosque::before {
10188 content: "\f678";
10191 .fa-mosquito::before {
10192 content: "\e52b";
10195 .fa-star-of-david::before {
10196 content: "\f69a";
10199 .fa-person-military-rifle::before {
10200 content: "\e54b";
10203 .fa-cart-shopping::before {
10204 content: "\f07a";
10207 .fa-shopping-cart::before {
10208 content: "\f07a";
10211 .fa-vials::before {
10212 content: "\f493";
10215 .fa-plug-circle-plus::before {
10216 content: "\e55f";
10219 .fa-place-of-worship::before {
10220 content: "\f67f";
10223 .fa-grip-vertical::before {
10224 content: "\f58e";
10227 .fa-arrow-turn-up::before {
10228 content: "\f148";
10231 .fa-level-up::before {
10232 content: "\f148";
10235 .fa-u::before {
10236 content: "U";
10239 .fa-square-root-variable::before {
10240 content: "\f698";
10243 .fa-square-root-alt::before {
10244 content: "\f698";
10247 .fa-clock::before {
10248 content: "\f017";
10251 .fa-clock-four::before {
10252 content: "\f017";
10255 .fa-backward-step::before {
10256 content: "\f048";
10259 .fa-step-backward::before {
10260 content: "\f048";
10263 .fa-pallet::before {
10264 content: "\f482";
10267 .fa-faucet::before {
10268 content: "\e005";
10271 .fa-baseball-bat-ball::before {
10272 content: "\f432";
10275 .fa-s::before {
10276 content: "S";
10279 .fa-timeline::before {
10280 content: "\e29c";
10283 .fa-keyboard::before {
10284 content: "\f11c";
10287 .fa-caret-down::before {
10288 content: "\f0d7";
10291 .fa-house-chimney-medical::before {
10292 content: "\f7f2";
10295 .fa-clinic-medical::before {
10296 content: "\f7f2";
10299 .fa-temperature-three-quarters::before {
10300 content: "\f2c8";
10303 .fa-temperature-3::before {
10304 content: "\f2c8";
10307 .fa-thermometer-3::before {
10308 content: "\f2c8";
10311 .fa-thermometer-three-quarters::before {
10312 content: "\f2c8";
10315 .fa-mobile-screen::before {
10316 content: "\f3cf";
10319 .fa-mobile-android-alt::before {
10320 content: "\f3cf";
10323 .fa-plane-up::before {
10324 content: "\e22d";
10327 .fa-piggy-bank::before {
10328 content: "\f4d3";
10331 .fa-battery-half::before {
10332 content: "\f242";
10335 .fa-battery-3::before {
10336 content: "\f242";
10339 .fa-mountain-city::before {
10340 content: "\e52e";
10343 .fa-coins::before {
10344 content: "\f51e";
10347 .fa-khanda::before {
10348 content: "\f66d";
10351 .fa-sliders::before {
10352 content: "\f1de";
10355 .fa-sliders-h::before {
10356 content: "\f1de";
10359 .fa-folder-tree::before {
10360 content: "\f802";
10363 .fa-network-wired::before {
10364 content: "\f6ff";
10367 .fa-map-pin::before {
10368 content: "\f276";
10371 .fa-hamsa::before {
10372 content: "\f665";
10375 .fa-cent-sign::before {
10376 content: "\e3f5";
10379 .fa-flask::before {
10380 content: "\f0c3";
10383 .fa-person-pregnant::before {
10384 content: "\e31e";
10387 .fa-wand-sparkles::before {
10388 content: "\f72b";
10391 .fa-ellipsis-vertical::before {
10392 content: "\f142";
10395 .fa-ellipsis-v::before {
10396 content: "\f142";
10399 .fa-ticket::before {
10400 content: "\f145";
10403 .fa-power-off::before {
10404 content: "\f011";
10407 .fa-right-long::before {
10408 content: "\f30b";
10411 .fa-long-arrow-alt-right::before {
10412 content: "\f30b";
10415 .fa-flag-usa::before {
10416 content: "\f74d";
10419 .fa-laptop-file::before {
10420 content: "\e51d";
10423 .fa-tty::before {
10424 content: "\f1e4";
10427 .fa-teletype::before {
10428 content: "\f1e4";
10431 .fa-diagram-next::before {
10432 content: "\e476";
10435 .fa-person-rifle::before {
10436 content: "\e54e";
10439 .fa-house-medical-circle-exclamation::before {
10440 content: "\e512";
10443 .fa-closed-captioning::before {
10444 content: "\f20a";
10447 .fa-person-hiking::before {
10448 content: "\f6ec";
10451 .fa-hiking::before {
10452 content: "\f6ec";
10455 .fa-venus-double::before {
10456 content: "\f226";
10459 .fa-images::before {
10460 content: "\f302";
10463 .fa-calculator::before {
10464 content: "\f1ec";
10467 .fa-people-pulling::before {
10468 content: "\e535";
10471 .fa-n::before {
10472 content: "N";
10475 .fa-cable-car::before {
10476 content: "\f7da";
10479 .fa-tram::before {
10480 content: "\f7da";
10483 .fa-cloud-rain::before {
10484 content: "\f73d";
10487 .fa-building-circle-xmark::before {
10488 content: "\e4d4";
10491 .fa-ship::before {
10492 content: "\f21a";
10495 .fa-arrows-down-to-line::before {
10496 content: "\e4b8";
10499 .fa-download::before {
10500 content: "\f019";
10503 .fa-face-grin::before {
10504 content: "\f580";
10507 .fa-grin::before {
10508 content: "\f580";
10511 .fa-delete-left::before {
10512 content: "\f55a";
10515 .fa-backspace::before {
10516 content: "\f55a";
10519 .fa-eye-dropper::before {
10520 content: "\f1fb";
10523 .fa-eye-dropper-empty::before {
10524 content: "\f1fb";
10527 .fa-eyedropper::before {
10528 content: "\f1fb";
10531 .fa-file-circle-check::before {
10532 content: "\e5a0";
10535 .fa-forward::before {
10536 content: "\f04e";
10539 .fa-mobile::before {
10540 content: "\f3ce";
10543 .fa-mobile-android::before {
10544 content: "\f3ce";
10547 .fa-mobile-phone::before {
10548 content: "\f3ce";
10551 .fa-face-meh::before {
10552 content: "\f11a";
10555 .fa-meh::before {
10556 content: "\f11a";
10559 .fa-align-center::before {
10560 content: "\f037";
10563 .fa-book-skull::before {
10564 content: "\f6b7";
10567 .fa-book-dead::before {
10568 content: "\f6b7";
10571 .fa-id-card::before {
10572 content: "\f2c2";
10575 .fa-drivers-license::before {
10576 content: "\f2c2";
10579 .fa-outdent::before {
10580 content: "\f03b";
10583 .fa-dedent::before {
10584 content: "\f03b";
10587 .fa-heart-circle-exclamation::before {
10588 content: "\e4fe";
10591 .fa-house::before {
10592 content: "\f015";
10595 .fa-home::before {
10596 content: "\f015";
10599 .fa-home-alt::before {
10600 content: "\f015";
10603 .fa-home-lg-alt::before {
10604 content: "\f015";
10607 .fa-calendar-week::before {
10608 content: "\f784";
10611 .fa-laptop-medical::before {
10612 content: "\f812";
10615 .fa-b::before {
10616 content: "B";
10619 .fa-file-medical::before {
10620 content: "\f477";
10623 .fa-dice-one::before {
10624 content: "\f525";
10627 .fa-kiwi-bird::before {
10628 content: "\f535";
10631 .fa-arrow-right-arrow-left::before {
10632 content: "\f0ec";
10635 .fa-exchange::before {
10636 content: "\f0ec";
10639 .fa-rotate-right::before {
10640 content: "\f2f9";
10643 .fa-redo-alt::before {
10644 content: "\f2f9";
10647 .fa-rotate-forward::before {
10648 content: "\f2f9";
10651 .fa-utensils::before {
10652 content: "\f2e7";
10655 .fa-cutlery::before {
10656 content: "\f2e7";
10659 .fa-arrow-up-wide-short::before {
10660 content: "\f161";
10663 .fa-sort-amount-up::before {
10664 content: "\f161";
10667 .fa-mill-sign::before {
10668 content: "\e1ed";
10671 .fa-bowl-rice::before {
10672 content: "\e2eb";
10675 .fa-skull::before {
10676 content: "\f54c";
10679 .fa-tower-broadcast::before {
10680 content: "\f519";
10683 .fa-broadcast-tower::before {
10684 content: "\f519";
10687 .fa-truck-pickup::before {
10688 content: "\f63c";
10691 .fa-up-long::before {
10692 content: "\f30c";
10695 .fa-long-arrow-alt-up::before {
10696 content: "\f30c";
10699 .fa-stop::before {
10700 content: "\f04d";
10703 .fa-code-merge::before {
10704 content: "\f387";
10707 .fa-upload::before {
10708 content: "\f093";
10711 .fa-hurricane::before {
10712 content: "\f751";
10715 .fa-mound::before {
10716 content: "\e52d";
10719 .fa-toilet-portable::before {
10720 content: "\e583";
10723 .fa-compact-disc::before {
10724 content: "\f51f";
10727 .fa-file-arrow-down::before {
10728 content: "\f56d";
10731 .fa-file-download::before {
10732 content: "\f56d";
10735 .fa-caravan::before {
10736 content: "\f8ff";
10739 .fa-shield-cat::before {
10740 content: "\e572";
10743 .fa-bolt::before {
10744 content: "\f0e7";
10747 .fa-zap::before {
10748 content: "\f0e7";
10751 .fa-glass-water::before {
10752 content: "\e4f4";
10755 .fa-oil-well::before {
10756 content: "\e532";
10759 .fa-vault::before {
10760 content: "\e2c5";
10763 .fa-mars::before {
10764 content: "\f222";
10767 .fa-toilet::before {
10768 content: "\f7d8";
10771 .fa-plane-circle-xmark::before {
10772 content: "\e557";
10775 .fa-yen-sign::before {
10776 content: "\f157";
10779 .fa-cny::before {
10780 content: "\f157";
10783 .fa-jpy::before {
10784 content: "\f157";
10787 .fa-rmb::before {
10788 content: "\f157";
10791 .fa-yen::before {
10792 content: "\f157";
10795 .fa-ruble-sign::before {
10796 content: "\f158";
10799 .fa-rouble::before {
10800 content: "\f158";
10803 .fa-rub::before {
10804 content: "\f158";
10807 .fa-ruble::before {
10808 content: "\f158";
10811 .fa-sun::before {
10812 content: "\f185";
10815 .fa-guitar::before {
10816 content: "\f7a6";
10819 .fa-face-laugh-wink::before {
10820 content: "\f59c";
10823 .fa-laugh-wink::before {
10824 content: "\f59c";
10827 .fa-horse-head::before {
10828 content: "\f7ab";
10831 .fa-bore-hole::before {
10832 content: "\e4c3";
10835 .fa-industry::before {
10836 content: "\f275";
10839 .fa-circle-down::before {
10840 content: "\f358";
10843 .fa-arrow-alt-circle-down::before {
10844 content: "\f358";
10847 .fa-arrows-turn-to-dots::before {
10848 content: "\e4c1";
10851 .fa-florin-sign::before {
10852 content: "\e184";
10855 .fa-arrow-down-short-wide::before {
10856 content: "\f884";
10859 .fa-sort-amount-desc::before {
10860 content: "\f884";
10863 .fa-sort-amount-down-alt::before {
10864 content: "\f884";
10867 .fa-less-than::before {
10868 content: "\<";
10871 .fa-angle-down::before {
10872 content: "\f107";
10875 .fa-car-tunnel::before {
10876 content: "\e4de";
10879 .fa-head-side-cough::before {
10880 content: "\e061";
10883 .fa-grip-lines::before {
10884 content: "\f7a4";
10887 .fa-thumbs-down::before {
10888 content: "\f165";
10891 .fa-user-lock::before {
10892 content: "\f502";
10895 .fa-arrow-right-long::before {
10896 content: "\f178";
10899 .fa-long-arrow-right::before {
10900 content: "\f178";
10903 .fa-anchor-circle-xmark::before {
10904 content: "\e4ac";
10907 .fa-ellipsis::before {
10908 content: "\f141";
10911 .fa-ellipsis-h::before {
10912 content: "\f141";
10915 .fa-chess-pawn::before {
10916 content: "\f443";
10919 .fa-kit-medical::before {
10920 content: "\f479";
10923 .fa-first-aid::before {
10924 content: "\f479";
10927 .fa-person-through-window::before {
10928 content: "\e5a9";
10931 .fa-toolbox::before {
10932 content: "\f552";
10935 .fa-hands-holding-circle::before {
10936 content: "\e4fb";
10939 .fa-bug::before {
10940 content: "\f188";
10943 .fa-credit-card::before {
10944 content: "\f09d";
10947 .fa-credit-card-alt::before {
10948 content: "\f09d";
10951 .fa-car::before {
10952 content: "\f1b9";
10955 .fa-automobile::before {
10956 content: "\f1b9";
10959 .fa-hand-holding-hand::before {
10960 content: "\e4f7";
10963 .fa-book-open-reader::before {
10964 content: "\f5da";
10967 .fa-book-reader::before {
10968 content: "\f5da";
10971 .fa-mountain-sun::before {
10972 content: "\e52f";
10975 .fa-arrows-left-right-to-line::before {
10976 content: "\e4ba";
10979 .fa-dice-d20::before {
10980 content: "\f6cf";
10983 .fa-truck-droplet::before {
10984 content: "\e58c";
10987 .fa-file-circle-xmark::before {
10988 content: "\e5a1";
10991 .fa-temperature-arrow-up::before {
10992 content: "\e040";
10995 .fa-temperature-up::before {
10996 content: "\e040";
10999 .fa-medal::before {
11000 content: "\f5a2";
11003 .fa-bed::before {
11004 content: "\f236";
11007 .fa-square-h::before {
11008 content: "\f0fd";
11011 .fa-h-square::before {
11012 content: "\f0fd";
11015 .fa-podcast::before {
11016 content: "\f2ce";
11019 .fa-temperature-full::before {
11020 content: "\f2c7";
11023 .fa-temperature-4::before {
11024 content: "\f2c7";
11027 .fa-thermometer-4::before {
11028 content: "\f2c7";
11031 .fa-thermometer-full::before {
11032 content: "\f2c7";
11035 .fa-bell::before {
11036 content: "\f0f3";
11039 .fa-superscript::before {
11040 content: "\f12b";
11043 .fa-plug-circle-xmark::before {
11044 content: "\e560";
11047 .fa-star-of-life::before {
11048 content: "\f621";
11051 .fa-phone-slash::before {
11052 content: "\f3dd";
11055 .fa-paint-roller::before {
11056 content: "\f5aa";
11059 .fa-handshake-angle::before {
11060 content: "\f4c4";
11063 .fa-hands-helping::before {
11064 content: "\f4c4";
11067 .fa-location-dot::before {
11068 content: "\f3c5";
11071 .fa-map-marker-alt::before {
11072 content: "\f3c5";
11075 .fa-file::before {
11076 content: "\f15b";
11079 .fa-greater-than::before {
11080 content: "\>";
11083 .fa-person-swimming::before {
11084 content: "\f5c4";
11087 .fa-swimmer::before {
11088 content: "\f5c4";
11091 .fa-arrow-down::before {
11092 content: "\f063";
11095 .fa-droplet::before {
11096 content: "\f043";
11099 .fa-tint::before {
11100 content: "\f043";
11103 .fa-eraser::before {
11104 content: "\f12d";
11107 .fa-earth-americas::before {
11108 content: "\f57d";
11111 .fa-earth::before {
11112 content: "\f57d";
11115 .fa-earth-america::before {
11116 content: "\f57d";
11119 .fa-globe-americas::before {
11120 content: "\f57d";
11123 .fa-person-burst::before {
11124 content: "\e53b";
11127 .fa-dove::before {
11128 content: "\f4ba";
11131 .fa-battery-empty::before {
11132 content: "\f244";
11135 .fa-battery-0::before {
11136 content: "\f244";
11139 .fa-socks::before {
11140 content: "\f696";
11143 .fa-inbox::before {
11144 content: "\f01c";
11147 .fa-section::before {
11148 content: "\e447";
11151 .fa-gauge-high::before {
11152 content: "\f625";
11155 .fa-tachometer-alt::before {
11156 content: "\f625";
11159 .fa-tachometer-alt-fast::before {
11160 content: "\f625";
11163 .fa-envelope-open-text::before {
11164 content: "\f658";
11167 .fa-hospital::before {
11168 content: "\f0f8";
11171 .fa-hospital-alt::before {
11172 content: "\f0f8";
11175 .fa-hospital-wide::before {
11176 content: "\f0f8";
11179 .fa-wine-bottle::before {
11180 content: "\f72f";
11183 .fa-chess-rook::before {
11184 content: "\f447";
11187 .fa-bars-staggered::before {
11188 content: "\f550";
11191 .fa-reorder::before {
11192 content: "\f550";
11195 .fa-stream::before {
11196 content: "\f550";
11199 .fa-dharmachakra::before {
11200 content: "\f655";
11203 .fa-hotdog::before {
11204 content: "\f80f";
11207 .fa-person-walking-with-cane::before {
11208 content: "\f29d";
11211 .fa-blind::before {
11212 content: "\f29d";
11215 .fa-drum::before {
11216 content: "\f569";
11219 .fa-ice-cream::before {
11220 content: "\f810";
11223 .fa-heart-circle-bolt::before {
11224 content: "\e4fc";
11227 .fa-fax::before {
11228 content: "\f1ac";
11231 .fa-paragraph::before {
11232 content: "\f1dd";
11235 .fa-check-to-slot::before {
11236 content: "\f772";
11239 .fa-vote-yea::before {
11240 content: "\f772";
11243 .fa-star-half::before {
11244 content: "\f089";
11247 .fa-boxes-stacked::before {
11248 content: "\f468";
11251 .fa-boxes::before {
11252 content: "\f468";
11255 .fa-boxes-alt::before {
11256 content: "\f468";
11259 .fa-link::before {
11260 content: "\f0c1";
11263 .fa-chain::before {
11264 content: "\f0c1";
11267 .fa-ear-listen::before {
11268 content: "\f2a2";
11271 .fa-assistive-listening-systems::before {
11272 content: "\f2a2";
11275 .fa-tree-city::before {
11276 content: "\e587";
11279 .fa-play::before {
11280 content: "\f04b";
11283 .fa-font::before {
11284 content: "\f031";
11287 .fa-rupiah-sign::before {
11288 content: "\e23d";
11291 .fa-magnifying-glass::before {
11292 content: "\f002";
11295 .fa-search::before {
11296 content: "\f002";
11299 .fa-table-tennis-paddle-ball::before {
11300 content: "\f45d";
11303 .fa-ping-pong-paddle-ball::before {
11304 content: "\f45d";
11307 .fa-table-tennis::before {
11308 content: "\f45d";
11311 .fa-person-dots-from-line::before {
11312 content: "\f470";
11315 .fa-diagnoses::before {
11316 content: "\f470";
11319 .fa-trash-can-arrow-up::before {
11320 content: "\f82a";
11323 .fa-trash-restore-alt::before {
11324 content: "\f82a";
11327 .fa-naira-sign::before {
11328 content: "\e1f6";
11331 .fa-cart-arrow-down::before {
11332 content: "\f218";
11335 .fa-walkie-talkie::before {
11336 content: "\f8ef";
11339 .fa-file-pen::before {
11340 content: "\f31c";
11343 .fa-file-edit::before {
11344 content: "\f31c";
11347 .fa-receipt::before {
11348 content: "\f543";
11351 .fa-square-pen::before {
11352 content: "\f14b";
11355 .fa-pen-square::before {
11356 content: "\f14b";
11359 .fa-pencil-square::before {
11360 content: "\f14b";
11363 .fa-suitcase-rolling::before {
11364 content: "\f5c1";
11367 .fa-person-circle-exclamation::before {
11368 content: "\e53f";
11371 .fa-chevron-down::before {
11372 content: "\f078";
11375 .fa-battery-full::before {
11376 content: "\f240";
11379 .fa-battery::before {
11380 content: "\f240";
11383 .fa-battery-5::before {
11384 content: "\f240";
11387 .fa-skull-crossbones::before {
11388 content: "\f714";
11391 .fa-code-compare::before {
11392 content: "\e13a";
11395 .fa-list-ul::before {
11396 content: "\f0ca";
11399 .fa-list-dots::before {
11400 content: "\f0ca";
11403 .fa-school-lock::before {
11404 content: "\e56f";
11407 .fa-tower-cell::before {
11408 content: "\e585";
11411 .fa-down-long::before {
11412 content: "\f309";
11415 .fa-long-arrow-alt-down::before {
11416 content: "\f309";
11419 .fa-ranking-star::before {
11420 content: "\e561";
11423 .fa-chess-king::before {
11424 content: "\f43f";
11427 .fa-person-harassing::before {
11428 content: "\e549";
11431 .fa-brazilian-real-sign::before {
11432 content: "\e46c";
11435 .fa-landmark-dome::before {
11436 content: "\f752";
11439 .fa-landmark-alt::before {
11440 content: "\f752";
11443 .fa-arrow-up::before {
11444 content: "\f062";
11447 .fa-tv::before {
11448 content: "\f26c";
11451 .fa-television::before {
11452 content: "\f26c";
11455 .fa-tv-alt::before {
11456 content: "\f26c";
11459 .fa-shrimp::before {
11460 content: "\e448";
11463 .fa-list-check::before {
11464 content: "\f0ae";
11467 .fa-tasks::before {
11468 content: "\f0ae";
11471 .fa-jug-detergent::before {
11472 content: "\e519";
11475 .fa-circle-user::before {
11476 content: "\f2bd";
11479 .fa-user-circle::before {
11480 content: "\f2bd";
11483 .fa-user-shield::before {
11484 content: "\f505";
11487 .fa-wind::before {
11488 content: "\f72e";
11491 .fa-car-burst::before {
11492 content: "\f5e1";
11495 .fa-car-crash::before {
11496 content: "\f5e1";
11499 .fa-y::before {
11500 content: "Y";
11503 .fa-person-snowboarding::before {
11504 content: "\f7ce";
11507 .fa-snowboarding::before {
11508 content: "\f7ce";
11511 .fa-truck-fast::before {
11512 content: "\f48b";
11515 .fa-shipping-fast::before {
11516 content: "\f48b";
11519 .fa-fish::before {
11520 content: "\f578";
11523 .fa-user-graduate::before {
11524 content: "\f501";
11527 .fa-circle-half-stroke::before {
11528 content: "\f042";
11531 .fa-adjust::before {
11532 content: "\f042";
11535 .fa-clapperboard::before {
11536 content: "\e131";
11539 .fa-circle-radiation::before {
11540 content: "\f7ba";
11543 .fa-radiation-alt::before {
11544 content: "\f7ba";
11547 .fa-baseball::before {
11548 content: "\f433";
11551 .fa-baseball-ball::before {
11552 content: "\f433";
11555 .fa-jet-fighter-up::before {
11556 content: "\e518";
11559 .fa-diagram-project::before {
11560 content: "\f542";
11563 .fa-project-diagram::before {
11564 content: "\f542";
11567 .fa-copy::before {
11568 content: "\f0c5";
11571 .fa-volume-xmark::before {
11572 content: "\f6a9";
11575 .fa-volume-mute::before {
11576 content: "\f6a9";
11579 .fa-volume-times::before {
11580 content: "\f6a9";
11583 .fa-hand-sparkles::before {
11584 content: "\e05d";
11587 .fa-grip::before {
11588 content: "\f58d";
11591 .fa-grip-horizontal::before {
11592 content: "\f58d";
11595 .fa-share-from-square::before {
11596 content: "\f14d";
11599 .fa-share-square::before {
11600 content: "\f14d";
11603 .fa-child-combatant::before {
11604 content: "\e4e0";
11607 .fa-child-rifle::before {
11608 content: "\e4e0";
11611 .fa-gun::before {
11612 content: "\e19b";
11615 .fa-square-phone::before {
11616 content: "\f098";
11619 .fa-phone-square::before {
11620 content: "\f098";
11623 .fa-plus::before {
11624 content: "\+";
11627 .fa-add::before {
11628 content: "\+";
11631 .fa-expand::before {
11632 content: "\f065";
11635 .fa-computer::before {
11636 content: "\e4e5";
11639 .fa-xmark::before {
11640 content: "\f00d";
11643 .fa-close::before {
11644 content: "\f00d";
11647 .fa-multiply::before {
11648 content: "\f00d";
11651 .fa-remove::before {
11652 content: "\f00d";
11655 .fa-times::before {
11656 content: "\f00d";
11659 .fa-arrows-up-down-left-right::before {
11660 content: "\f047";
11663 .fa-arrows::before {
11664 content: "\f047";
11667 .fa-chalkboard-user::before {
11668 content: "\f51c";
11671 .fa-chalkboard-teacher::before {
11672 content: "\f51c";
11675 .fa-peso-sign::before {
11676 content: "\e222";
11679 .fa-building-shield::before {
11680 content: "\e4d8";
11683 .fa-baby::before {
11684 content: "\f77c";
11687 .fa-users-line::before {
11688 content: "\e592";
11691 .fa-quote-left::before {
11692 content: "\f10d";
11695 .fa-quote-left-alt::before {
11696 content: "\f10d";
11699 .fa-tractor::before {
11700 content: "\f722";
11703 .fa-trash-arrow-up::before {
11704 content: "\f829";
11707 .fa-trash-restore::before {
11708 content: "\f829";
11711 .fa-arrow-down-up-lock::before {
11712 content: "\e4b0";
11715 .fa-lines-leaning::before {
11716 content: "\e51e";
11719 .fa-ruler-combined::before {
11720 content: "\f546";
11723 .fa-copyright::before {
11724 content: "\f1f9";
11727 .fa-equals::before {
11728 content: "\=";
11731 .fa-blender::before {
11732 content: "\f517";
11735 .fa-teeth::before {
11736 content: "\f62e";
11739 .fa-shekel-sign::before {
11740 content: "\f20b";
11743 .fa-ils::before {
11744 content: "\f20b";
11747 .fa-shekel::before {
11748 content: "\f20b";
11751 .fa-sheqel::before {
11752 content: "\f20b";
11755 .fa-sheqel-sign::before {
11756 content: "\f20b";
11759 .fa-map::before {
11760 content: "\f279";
11763 .fa-rocket::before {
11764 content: "\f135";
11767 .fa-photo-film::before {
11768 content: "\f87c";
11771 .fa-photo-video::before {
11772 content: "\f87c";
11775 .fa-folder-minus::before {
11776 content: "\f65d";
11779 .fa-store::before {
11780 content: "\f54e";
11783 .fa-arrow-trend-up::before {
11784 content: "\e098";
11787 .fa-plug-circle-minus::before {
11788 content: "\e55e";
11791 .fa-sign-hanging::before {
11792 content: "\f4d9";
11795 .fa-sign::before {
11796 content: "\f4d9";
11799 .fa-bezier-curve::before {
11800 content: "\f55b";
11803 .fa-bell-slash::before {
11804 content: "\f1f6";
11807 .fa-tablet::before {
11808 content: "\f3fb";
11811 .fa-tablet-android::before {
11812 content: "\f3fb";
11815 .fa-school-flag::before {
11816 content: "\e56e";
11819 .fa-fill::before {
11820 content: "\f575";
11823 .fa-angle-up::before {
11824 content: "\f106";
11827 .fa-drumstick-bite::before {
11828 content: "\f6d7";
11831 .fa-holly-berry::before {
11832 content: "\f7aa";
11835 .fa-chevron-left::before {
11836 content: "\f053";
11839 .fa-bacteria::before {
11840 content: "\e059";
11843 .fa-hand-lizard::before {
11844 content: "\f258";
11847 .fa-notdef::before {
11848 content: "\e1fe";
11851 .fa-disease::before {
11852 content: "\f7fa";
11855 .fa-briefcase-medical::before {
11856 content: "\f469";
11859 .fa-genderless::before {
11860 content: "\f22d";
11863 .fa-chevron-right::before {
11864 content: "\f054";
11867 .fa-retweet::before {
11868 content: "\f079";
11871 .fa-car-rear::before {
11872 content: "\f5de";
11875 .fa-car-alt::before {
11876 content: "\f5de";
11879 .fa-pump-soap::before {
11880 content: "\e06b";
11883 .fa-video-slash::before {
11884 content: "\f4e2";
11887 .fa-battery-quarter::before {
11888 content: "\f243";
11891 .fa-battery-2::before {
11892 content: "\f243";
11895 .fa-radio::before {
11896 content: "\f8d7";
11899 .fa-baby-carriage::before {
11900 content: "\f77d";
11903 .fa-carriage-baby::before {
11904 content: "\f77d";
11907 .fa-traffic-light::before {
11908 content: "\f637";
11911 .fa-thermometer::before {
11912 content: "\f491";
11915 .fa-vr-cardboard::before {
11916 content: "\f729";
11919 .fa-hand-middle-finger::before {
11920 content: "\f806";
11923 .fa-percent::before {
11924 content: "\%";
11927 .fa-percentage::before {
11928 content: "\%";
11931 .fa-truck-moving::before {
11932 content: "\f4df";
11935 .fa-glass-water-droplet::before {
11936 content: "\e4f5";
11939 .fa-display::before {
11940 content: "\e163";
11943 .fa-face-smile::before {
11944 content: "\f118";
11947 .fa-smile::before {
11948 content: "\f118";
11951 .fa-thumbtack::before {
11952 content: "\f08d";
11955 .fa-thumb-tack::before {
11956 content: "\f08d";
11959 .fa-trophy::before {
11960 content: "\f091";
11963 .fa-person-praying::before {
11964 content: "\f683";
11967 .fa-pray::before {
11968 content: "\f683";
11971 .fa-hammer::before {
11972 content: "\f6e3";
11975 .fa-hand-peace::before {
11976 content: "\f25b";
11979 .fa-rotate::before {
11980 content: "\f2f1";
11983 .fa-sync-alt::before {
11984 content: "\f2f1";
11987 .fa-spinner::before {
11988 content: "\f110";
11991 .fa-robot::before {
11992 content: "\f544";
11995 .fa-peace::before {
11996 content: "\f67c";
11999 .fa-gears::before {
12000 content: "\f085";
12003 .fa-cogs::before {
12004 content: "\f085";
12007 .fa-warehouse::before {
12008 content: "\f494";
12011 .fa-arrow-up-right-dots::before {
12012 content: "\e4b7";
12015 .fa-splotch::before {
12016 content: "\f5bc";
12019 .fa-face-grin-hearts::before {
12020 content: "\f584";
12023 .fa-grin-hearts::before {
12024 content: "\f584";
12027 .fa-dice-four::before {
12028 content: "\f524";
12031 .fa-sim-card::before {
12032 content: "\f7c4";
12035 .fa-transgender::before {
12036 content: "\f225";
12039 .fa-transgender-alt::before {
12040 content: "\f225";
12043 .fa-mercury::before {
12044 content: "\f223";
12047 .fa-arrow-turn-down::before {
12048 content: "\f149";
12051 .fa-level-down::before {
12052 content: "\f149";
12055 .fa-person-falling-burst::before {
12056 content: "\e547";
12059 .fa-award::before {
12060 content: "\f559";
12063 .fa-ticket-simple::before {
12064 content: "\f3ff";
12067 .fa-ticket-alt::before {
12068 content: "\f3ff";
12071 .fa-building::before {
12072 content: "\f1ad";
12075 .fa-angles-left::before {
12076 content: "\f100";
12079 .fa-angle-double-left::before {
12080 content: "\f100";
12083 .fa-qrcode::before {
12084 content: "\f029";
12087 .fa-clock-rotate-left::before {
12088 content: "\f1da";
12091 .fa-history::before {
12092 content: "\f1da";
12095 .fa-face-grin-beam-sweat::before {
12096 content: "\f583";
12099 .fa-grin-beam-sweat::before {
12100 content: "\f583";
12103 .fa-file-export::before {
12104 content: "\f56e";
12107 .fa-arrow-right-from-file::before {
12108 content: "\f56e";
12111 .fa-shield::before {
12112 content: "\f132";
12115 .fa-shield-blank::before {
12116 content: "\f132";
12119 .fa-arrow-up-short-wide::before {
12120 content: "\f885";
12123 .fa-sort-amount-up-alt::before {
12124 content: "\f885";
12127 .fa-house-medical::before {
12128 content: "\e3b2";
12131 .fa-golf-ball-tee::before {
12132 content: "\f450";
12135 .fa-golf-ball::before {
12136 content: "\f450";
12139 .fa-circle-chevron-left::before {
12140 content: "\f137";
12143 .fa-chevron-circle-left::before {
12144 content: "\f137";
12147 .fa-house-chimney-window::before {
12148 content: "\e00d";
12151 .fa-pen-nib::before {
12152 content: "\f5ad";
12155 .fa-tent-arrow-turn-left::before {
12156 content: "\e580";
12159 .fa-tents::before {
12160 content: "\e582";
12163 .fa-wand-magic::before {
12164 content: "\f0d0";
12167 .fa-magic::before {
12168 content: "\f0d0";
12171 .fa-dog::before {
12172 content: "\f6d3";
12175 .fa-carrot::before {
12176 content: "\f787";
12179 .fa-moon::before {
12180 content: "\f186";
12183 .fa-wine-glass-empty::before {
12184 content: "\f5ce";
12187 .fa-wine-glass-alt::before {
12188 content: "\f5ce";
12191 .fa-cheese::before {
12192 content: "\f7ef";
12195 .fa-yin-yang::before {
12196 content: "\f6ad";
12199 .fa-music::before {
12200 content: "\f001";
12203 .fa-code-commit::before {
12204 content: "\f386";
12207 .fa-temperature-low::before {
12208 content: "\f76b";
12211 .fa-person-biking::before {
12212 content: "\f84a";
12215 .fa-biking::before {
12216 content: "\f84a";
12219 .fa-broom::before {
12220 content: "\f51a";
12223 .fa-shield-heart::before {
12224 content: "\e574";
12227 .fa-gopuram::before {
12228 content: "\f664";
12231 .fa-earth-oceania::before {
12232 content: "\e47b";
12235 .fa-globe-oceania::before {
12236 content: "\e47b";
12239 .fa-square-xmark::before {
12240 content: "\f2d3";
12243 .fa-times-square::before {
12244 content: "\f2d3";
12247 .fa-xmark-square::before {
12248 content: "\f2d3";
12251 .fa-hashtag::before {
12252 content: "\#";
12255 .fa-up-right-and-down-left-from-center::before {
12256 content: "\f424";
12259 .fa-expand-alt::before {
12260 content: "\f424";
12263 .fa-oil-can::before {
12264 content: "\f613";
12267 .fa-t::before {
12268 content: "T";
12271 .fa-hippo::before {
12272 content: "\f6ed";
12275 .fa-chart-column::before {
12276 content: "\e0e3";
12279 .fa-infinity::before {
12280 content: "\f534";
12283 .fa-vial-circle-check::before {
12284 content: "\e596";
12287 .fa-person-arrow-down-to-line::before {
12288 content: "\e538";
12291 .fa-voicemail::before {
12292 content: "\f897";
12295 .fa-fan::before {
12296 content: "\f863";
12299 .fa-person-walking-luggage::before {
12300 content: "\e554";
12303 .fa-up-down::before {
12304 content: "\f338";
12307 .fa-arrows-alt-v::before {
12308 content: "\f338";
12311 .fa-cloud-moon-rain::before {
12312 content: "\f73c";
12315 .fa-calendar::before {
12316 content: "\f133";
12319 .fa-trailer::before {
12320 content: "\e041";
12323 .fa-bahai::before {
12324 content: "\f666";
12327 .fa-haykal::before {
12328 content: "\f666";
12331 .fa-sd-card::before {
12332 content: "\f7c2";
12335 .fa-dragon::before {
12336 content: "\f6d5";
12339 .fa-shoe-prints::before {
12340 content: "\f54b";
12343 .fa-circle-plus::before {
12344 content: "\f055";
12347 .fa-plus-circle::before {
12348 content: "\f055";
12351 .fa-face-grin-tongue-wink::before {
12352 content: "\f58b";
12355 .fa-grin-tongue-wink::before {
12356 content: "\f58b";
12359 .fa-hand-holding::before {
12360 content: "\f4bd";
12363 .fa-plug-circle-exclamation::before {
12364 content: "\e55d";
12367 .fa-link-slash::before {
12368 content: "\f127";
12371 .fa-chain-broken::before {
12372 content: "\f127";
12375 .fa-chain-slash::before {
12376 content: "\f127";
12379 .fa-unlink::before {
12380 content: "\f127";
12383 .fa-clone::before {
12384 content: "\f24d";
12387 .fa-person-walking-arrow-loop-left::before {
12388 content: "\e551";
12391 .fa-arrow-up-z-a::before {
12392 content: "\f882";
12395 .fa-sort-alpha-up-alt::before {
12396 content: "\f882";
12399 .fa-fire-flame-curved::before {
12400 content: "\f7e4";
12403 .fa-fire-alt::before {
12404 content: "\f7e4";
12407 .fa-tornado::before {
12408 content: "\f76f";
12411 .fa-file-circle-plus::before {
12412 content: "\e494";
12415 .fa-book-quran::before {
12416 content: "\f687";
12419 .fa-quran::before {
12420 content: "\f687";
12423 .fa-anchor::before {
12424 content: "\f13d";
12427 .fa-border-all::before {
12428 content: "\f84c";
12431 .fa-face-angry::before {
12432 content: "\f556";
12435 .fa-angry::before {
12436 content: "\f556";
12439 .fa-cookie-bite::before {
12440 content: "\f564";
12443 .fa-arrow-trend-down::before {
12444 content: "\e097";
12447 .fa-rss::before {
12448 content: "\f09e";
12451 .fa-feed::before {
12452 content: "\f09e";
12455 .fa-draw-polygon::before {
12456 content: "\f5ee";
12459 .fa-scale-balanced::before {
12460 content: "\f24e";
12463 .fa-balance-scale::before {
12464 content: "\f24e";
12467 .fa-gauge-simple-high::before {
12468 content: "\f62a";
12471 .fa-tachometer::before {
12472 content: "\f62a";
12475 .fa-tachometer-fast::before {
12476 content: "\f62a";
12479 .fa-shower::before {
12480 content: "\f2cc";
12483 .fa-desktop::before {
12484 content: "\f390";
12487 .fa-desktop-alt::before {
12488 content: "\f390";
12491 .fa-m::before {
12492 content: "M";
12495 .fa-table-list::before {
12496 content: "\f00b";
12499 .fa-th-list::before {
12500 content: "\f00b";
12503 .fa-comment-sms::before {
12504 content: "\f7cd";
12507 .fa-sms::before {
12508 content: "\f7cd";
12511 .fa-book::before {
12512 content: "\f02d";
12515 .fa-user-plus::before {
12516 content: "\f234";
12519 .fa-check::before {
12520 content: "\f00c";
12523 .fa-battery-three-quarters::before {
12524 content: "\f241";
12527 .fa-battery-4::before {
12528 content: "\f241";
12531 .fa-house-circle-check::before {
12532 content: "\e509";
12535 .fa-angle-left::before {
12536 content: "\f104";
12539 .fa-diagram-successor::before {
12540 content: "\e47a";
12543 .fa-truck-arrow-right::before {
12544 content: "\e58b";
12547 .fa-arrows-split-up-and-left::before {
12548 content: "\e4bc";
12551 .fa-hand-fist::before {
12552 content: "\f6de";
12555 .fa-fist-raised::before {
12556 content: "\f6de";
12559 .fa-cloud-moon::before {
12560 content: "\f6c3";
12563 .fa-briefcase::before {
12564 content: "\f0b1";
12567 .fa-person-falling::before {
12568 content: "\e546";
12571 .fa-image-portrait::before {
12572 content: "\f3e0";
12575 .fa-portrait::before {
12576 content: "\f3e0";
12579 .fa-user-tag::before {
12580 content: "\f507";
12583 .fa-rug::before {
12584 content: "\e569";
12587 .fa-earth-europe::before {
12588 content: "\f7a2";
12591 .fa-globe-europe::before {
12592 content: "\f7a2";
12595 .fa-cart-flatbed-suitcase::before {
12596 content: "\f59d";
12599 .fa-luggage-cart::before {
12600 content: "\f59d";
12603 .fa-rectangle-xmark::before {
12604 content: "\f410";
12607 .fa-rectangle-times::before {
12608 content: "\f410";
12611 .fa-times-rectangle::before {
12612 content: "\f410";
12615 .fa-window-close::before {
12616 content: "\f410";
12619 .fa-baht-sign::before {
12620 content: "\e0ac";
12623 .fa-book-open::before {
12624 content: "\f518";
12627 .fa-book-journal-whills::before {
12628 content: "\f66a";
12631 .fa-journal-whills::before {
12632 content: "\f66a";
12635 .fa-handcuffs::before {
12636 content: "\e4f8";
12639 .fa-triangle-exclamation::before {
12640 content: "\f071";
12643 .fa-exclamation-triangle::before {
12644 content: "\f071";
12647 .fa-warning::before {
12648 content: "\f071";
12651 .fa-database::before {
12652 content: "\f1c0";
12655 .fa-share::before {
12656 content: "\f064";
12659 .fa-arrow-turn-right::before {
12660 content: "\f064";
12663 .fa-mail-forward::before {
12664 content: "\f064";
12667 .fa-bottle-droplet::before {
12668 content: "\e4c4";
12671 .fa-mask-face::before {
12672 content: "\e1d7";
12675 .fa-hill-rockslide::before {
12676 content: "\e508";
12679 .fa-right-left::before {
12680 content: "\f362";
12683 .fa-exchange-alt::before {
12684 content: "\f362";
12687 .fa-paper-plane::before {
12688 content: "\f1d8";
12691 .fa-road-circle-exclamation::before {
12692 content: "\e565";
12695 .fa-dungeon::before {
12696 content: "\f6d9";
12699 .fa-align-right::before {
12700 content: "\f038";
12703 .fa-money-bill-1-wave::before {
12704 content: "\f53b";
12707 .fa-money-bill-wave-alt::before {
12708 content: "\f53b";
12711 .fa-life-ring::before {
12712 content: "\f1cd";
12715 .fa-hands::before {
12716 content: "\f2a7";
12719 .fa-sign-language::before {
12720 content: "\f2a7";
12723 .fa-signing::before {
12724 content: "\f2a7";
12727 .fa-calendar-day::before {
12728 content: "\f783";
12731 .fa-water-ladder::before {
12732 content: "\f5c5";
12735 .fa-ladder-water::before {
12736 content: "\f5c5";
12739 .fa-swimming-pool::before {
12740 content: "\f5c5";
12743 .fa-arrows-up-down::before {
12744 content: "\f07d";
12747 .fa-arrows-v::before {
12748 content: "\f07d";
12751 .fa-face-grimace::before {
12752 content: "\f57f";
12755 .fa-grimace::before {
12756 content: "\f57f";
12759 .fa-wheelchair-move::before {
12760 content: "\e2ce";
12763 .fa-wheelchair-alt::before {
12764 content: "\e2ce";
12767 .fa-turn-down::before {
12768 content: "\f3be";
12771 .fa-level-down-alt::before {
12772 content: "\f3be";
12775 .fa-person-walking-arrow-right::before {
12776 content: "\e552";
12779 .fa-square-envelope::before {
12780 content: "\f199";
12783 .fa-envelope-square::before {
12784 content: "\f199";
12787 .fa-dice::before {
12788 content: "\f522";
12791 .fa-bowling-ball::before {
12792 content: "\f436";
12795 .fa-brain::before {
12796 content: "\f5dc";
12799 .fa-bandage::before {
12800 content: "\f462";
12803 .fa-band-aid::before {
12804 content: "\f462";
12807 .fa-calendar-minus::before {
12808 content: "\f272";
12811 .fa-circle-xmark::before {
12812 content: "\f057";
12815 .fa-times-circle::before {
12816 content: "\f057";
12819 .fa-xmark-circle::before {
12820 content: "\f057";
12823 .fa-gifts::before {
12824 content: "\f79c";
12827 .fa-hotel::before {
12828 content: "\f594";
12831 .fa-earth-asia::before {
12832 content: "\f57e";
12835 .fa-globe-asia::before {
12836 content: "\f57e";
12839 .fa-id-card-clip::before {
12840 content: "\f47f";
12843 .fa-id-card-alt::before {
12844 content: "\f47f";
12847 .fa-magnifying-glass-plus::before {
12848 content: "\f00e";
12851 .fa-search-plus::before {
12852 content: "\f00e";
12855 .fa-thumbs-up::before {
12856 content: "\f164";
12859 .fa-user-clock::before {
12860 content: "\f4fd";
12863 .fa-hand-dots::before {
12864 content: "\f461";
12867 .fa-allergies::before {
12868 content: "\f461";
12871 .fa-file-invoice::before {
12872 content: "\f570";
12875 .fa-window-minimize::before {
12876 content: "\f2d1";
12879 .fa-mug-saucer::before {
12880 content: "\f0f4";
12883 .fa-coffee::before {
12884 content: "\f0f4";
12887 .fa-brush::before {
12888 content: "\f55d";
12891 .fa-mask::before {
12892 content: "\f6fa";
12895 .fa-magnifying-glass-minus::before {
12896 content: "\f010";
12899 .fa-search-minus::before {
12900 content: "\f010";
12903 .fa-ruler-vertical::before {
12904 content: "\f548";
12907 .fa-user-large::before {
12908 content: "\f406";
12911 .fa-user-alt::before {
12912 content: "\f406";
12915 .fa-train-tram::before {
12916 content: "\e5b4";
12919 .fa-user-nurse::before {
12920 content: "\f82f";
12923 .fa-syringe::before {
12924 content: "\f48e";
12927 .fa-cloud-sun::before {
12928 content: "\f6c4";
12931 .fa-stopwatch-20::before {
12932 content: "\e06f";
12935 .fa-square-full::before {
12936 content: "\f45c";
12939 .fa-magnet::before {
12940 content: "\f076";
12943 .fa-jar::before {
12944 content: "\e516";
12947 .fa-note-sticky::before {
12948 content: "\f249";
12951 .fa-sticky-note::before {
12952 content: "\f249";
12955 .fa-bug-slash::before {
12956 content: "\e490";
12959 .fa-arrow-up-from-water-pump::before {
12960 content: "\e4b6";
12963 .fa-bone::before {
12964 content: "\f5d7";
12967 .fa-user-injured::before {
12968 content: "\f728";
12971 .fa-face-sad-tear::before {
12972 content: "\f5b4";
12975 .fa-sad-tear::before {
12976 content: "\f5b4";
12979 .fa-plane::before {
12980 content: "\f072";
12983 .fa-tent-arrows-down::before {
12984 content: "\e581";
12987 .fa-exclamation::before {
12988 content: "\!";
12991 .fa-arrows-spin::before {
12992 content: "\e4bb";
12995 .fa-print::before {
12996 content: "\f02f";
12999 .fa-turkish-lira-sign::before {
13000 content: "\e2bb";
13003 .fa-try::before {
13004 content: "\e2bb";
13007 .fa-turkish-lira::before {
13008 content: "\e2bb";
13011 .fa-dollar-sign::before {
13012 content: "\$";
13015 .fa-dollar::before {
13016 content: "\$";
13019 .fa-usd::before {
13020 content: "\$";
13023 .fa-x::before {
13024 content: "X";
13027 .fa-magnifying-glass-dollar::before {
13028 content: "\f688";
13031 .fa-search-dollar::before {
13032 content: "\f688";
13035 .fa-users-gear::before {
13036 content: "\f509";
13039 .fa-users-cog::before {
13040 content: "\f509";
13043 .fa-person-military-pointing::before {
13044 content: "\e54a";
13047 .fa-building-columns::before {
13048 content: "\f19c";
13051 .fa-bank::before {
13052 content: "\f19c";
13055 .fa-institution::before {
13056 content: "\f19c";
13059 .fa-museum::before {
13060 content: "\f19c";
13063 .fa-university::before {
13064 content: "\f19c";
13067 .fa-umbrella::before {
13068 content: "\f0e9";
13071 .fa-trowel::before {
13072 content: "\e589";
13075 .fa-d::before {
13076 content: "D";
13079 .fa-stapler::before {
13080 content: "\e5af";
13083 .fa-masks-theater::before {
13084 content: "\f630";
13087 .fa-theater-masks::before {
13088 content: "\f630";
13091 .fa-kip-sign::before {
13092 content: "\e1c4";
13095 .fa-hand-point-left::before {
13096 content: "\f0a5";
13099 .fa-handshake-simple::before {
13100 content: "\f4c6";
13103 .fa-handshake-alt::before {
13104 content: "\f4c6";
13107 .fa-jet-fighter::before {
13108 content: "\f0fb";
13111 .fa-fighter-jet::before {
13112 content: "\f0fb";
13115 .fa-square-share-nodes::before {
13116 content: "\f1e1";
13119 .fa-share-alt-square::before {
13120 content: "\f1e1";
13123 .fa-barcode::before {
13124 content: "\f02a";
13127 .fa-plus-minus::before {
13128 content: "\e43c";
13131 .fa-video::before {
13132 content: "\f03d";
13135 .fa-video-camera::before {
13136 content: "\f03d";
13139 .fa-graduation-cap::before {
13140 content: "\f19d";
13143 .fa-mortar-board::before {
13144 content: "\f19d";
13147 .fa-hand-holding-medical::before {
13148 content: "\e05c";
13151 .fa-person-circle-check::before {
13152 content: "\e53e";
13155 .fa-turn-up::before {
13156 content: "\f3bf";
13159 .fa-level-up-alt::before {
13160 content: "\f3bf";
13163 .sr-only,
13164 .fa-sr-only {
13165 position: absolute;
13166 width: 1px;
13167 height: 1px;
13168 padding: 0;
13169 margin: -1px;
13170 overflow: hidden;
13171 clip: rect(0, 0, 0, 0);
13172 white-space: nowrap;
13173 border-width: 0;
13176 .sr-only-focusable:not(:focus),
13177 .fa-sr-only-focusable:not(:focus) {
13178 position: absolute;
13179 width: 1px;
13180 height: 1px;
13181 padding: 0;
13182 margin: -1px;
13183 overflow: hidden;
13184 clip: rect(0, 0, 0, 0);
13185 white-space: nowrap;
13186 border-width: 0;
13190 * Bootstrap v4.6.2 (https://getbootstrap.com/)
13191 * Copyright 2011-2022 The Bootstrap Authors
13192 * Copyright 2011-2022 Twitter, Inc.
13193 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
13195 :root {
13196 --blue: #0f6cbf;
13197 --indigo: #6610f2;
13198 --purple: #613d7c;
13199 --pink: #e83e8c;
13200 --red: #ca3120;
13201 --orange: #f0ad4e;
13202 --yellow: #ff7518;
13203 --green: #357a32;
13204 --teal: #20c997;
13205 --cyan: #008196;
13206 --white: #fff;
13207 --gray: #6a737b;
13208 --gray-dark: #343a40;
13209 --primary: #0f6cbf;
13210 --secondary: #ced4da;
13211 --success: #357a32;
13212 --info: #008196;
13213 --warning: #f0ad4e;
13214 --danger: #ca3120;
13215 --light: #f8f9fa;
13216 --dark: #343a40;
13217 --breakpoint-xs: 0;
13218 --breakpoint-sm: 576px;
13219 --breakpoint-md: 768px;
13220 --breakpoint-lg: 992px;
13221 --breakpoint-xl: 1200px;
13222 --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";
13223 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13227 *::before,
13228 *::after {
13229 box-sizing: border-box;
13232 html {
13233 font-family: sans-serif;
13234 line-height: 1.15;
13235 -webkit-text-size-adjust: 100%;
13236 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13239 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
13240 display: block;
13243 body {
13244 margin: 0;
13245 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";
13246 font-size: 0.9375rem;
13247 font-weight: 400;
13248 line-height: 1.5;
13249 color: #1d2125;
13250 text-align: left;
13251 background-color: #fff;
13253 @media (max-width: 1200px) {
13254 body {
13255 font-size: calc(0.90375rem + 0.045vw);
13259 [tabindex="-1"]:focus:not(:focus-visible) {
13260 outline: 0 !important;
13263 hr {
13264 box-sizing: content-box;
13265 height: 0;
13266 overflow: visible;
13269 h1, h2, h3, h4, h5, h6 {
13270 margin-top: 0;
13271 margin-bottom: 0.5rem;
13275 margin-top: 0;
13276 margin-bottom: 1rem;
13279 abbr[title],
13280 abbr[data-original-title] {
13281 text-decoration: underline;
13282 text-decoration: underline dotted;
13283 cursor: help;
13284 border-bottom: 0;
13285 text-decoration-skip-ink: none;
13288 address {
13289 margin-bottom: 1rem;
13290 font-style: normal;
13291 line-height: inherit;
13296 dl {
13297 margin-top: 0;
13298 margin-bottom: 1rem;
13301 ol ol,
13302 ul ul,
13303 ol ul,
13304 ul ol {
13305 margin-bottom: 0;
13308 dt {
13309 font-weight: 700;
13312 dd {
13313 margin-bottom: 0.5rem;
13314 margin-left: 0;
13317 blockquote {
13318 margin: 0 0 1rem;
13322 strong {
13323 font-weight: bolder;
13326 small {
13327 font-size: 80%;
13330 sub,
13331 sup {
13332 position: relative;
13333 font-size: 75%;
13334 line-height: 0;
13335 vertical-align: baseline;
13338 sub {
13339 bottom: -0.25em;
13342 sup {
13343 top: -0.5em;
13347 color: #0f6cbf;
13348 text-decoration: none;
13349 background-color: transparent;
13351 a:hover {
13352 color: #094478;
13353 text-decoration: underline;
13356 a:not([href]):not([class]) {
13357 color: inherit;
13358 text-decoration: none;
13360 a:not([href]):not([class]):hover {
13361 color: inherit;
13362 text-decoration: none;
13365 pre,
13366 code,
13367 kbd,
13368 samp {
13369 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
13370 font-size: 1em;
13373 pre {
13374 margin-top: 0;
13375 margin-bottom: 1rem;
13376 overflow: auto;
13377 -ms-overflow-style: scrollbar;
13380 figure {
13381 margin: 0 0 1rem;
13384 img {
13385 vertical-align: middle;
13386 border-style: none;
13389 svg {
13390 overflow: hidden;
13391 vertical-align: middle;
13394 table {
13395 border-collapse: collapse;
13398 caption {
13399 padding-top: 0.75rem;
13400 padding-bottom: 0.75rem;
13401 color: #6a737b;
13402 text-align: left;
13403 caption-side: bottom;
13406 th {
13407 text-align: inherit;
13408 text-align: -webkit-match-parent;
13411 label {
13412 display: inline-block;
13413 margin-bottom: 0.5rem;
13416 button {
13417 border-radius: 0;
13420 button:focus:not(:focus-visible) {
13421 outline: 0;
13424 input,
13425 button,
13426 select,
13427 optgroup,
13428 textarea {
13429 margin: 0;
13430 font-family: inherit;
13431 font-size: inherit;
13432 line-height: inherit;
13435 button,
13436 input {
13437 overflow: visible;
13440 button,
13441 select {
13442 text-transform: none;
13445 [role=button] {
13446 cursor: pointer;
13449 select {
13450 word-wrap: normal;
13453 button,
13454 [type=button],
13455 [type=reset],
13456 [type=submit] {
13457 -webkit-appearance: button;
13460 button:not(:disabled),
13461 [type=button]:not(:disabled),
13462 [type=reset]:not(:disabled),
13463 [type=submit]:not(:disabled) {
13464 cursor: pointer;
13467 button::-moz-focus-inner,
13468 [type=button]::-moz-focus-inner,
13469 [type=reset]::-moz-focus-inner,
13470 [type=submit]::-moz-focus-inner {
13471 padding: 0;
13472 border-style: none;
13475 input[type=radio],
13476 input[type=checkbox] {
13477 box-sizing: border-box;
13478 padding: 0;
13481 textarea {
13482 overflow: auto;
13483 resize: vertical;
13486 fieldset {
13487 min-width: 0;
13488 padding: 0;
13489 margin: 0;
13490 border: 0;
13493 legend {
13494 display: block;
13495 width: 100%;
13496 max-width: 100%;
13497 padding: 0;
13498 margin-bottom: 0.5rem;
13499 font-size: 1.5rem;
13500 line-height: inherit;
13501 color: inherit;
13502 white-space: normal;
13504 @media (max-width: 1200px) {
13505 legend {
13506 font-size: calc(0.96rem + 0.72vw);
13510 progress {
13511 vertical-align: baseline;
13514 [type=number]::-webkit-inner-spin-button,
13515 [type=number]::-webkit-outer-spin-button {
13516 height: auto;
13519 [type=search] {
13520 outline-offset: -2px;
13521 -webkit-appearance: none;
13524 [type=search]::-webkit-search-decoration {
13525 -webkit-appearance: none;
13528 ::-webkit-file-upload-button {
13529 font: inherit;
13530 -webkit-appearance: button;
13533 output {
13534 display: inline-block;
13537 summary {
13538 display: list-item;
13539 cursor: pointer;
13542 template {
13543 display: none;
13546 [hidden] {
13547 display: none !important;
13550 h1, h2, h3, h4, h5, h6,
13551 .h1, .h2, .h3, .h4, .h5, .h6 {
13552 margin-bottom: 0.5rem;
13553 font-weight: 700;
13554 line-height: 1.2;
13557 h1, .h1 {
13558 font-size: 2.34375rem;
13560 @media (max-width: 1200px) {
13561 h1, .h1 {
13562 font-size: calc(1.044375rem + 1.7325vw);
13566 h2, .h2 {
13567 font-size: 1.875rem;
13569 @media (max-width: 1200px) {
13570 h2, .h2 {
13571 font-size: calc(0.9975rem + 1.17vw);
13575 h3, .h3 {
13576 font-size: 1.640625rem;
13578 @media (max-width: 1200px) {
13579 h3, .h3 {
13580 font-size: calc(0.9740625rem + 0.88875vw);
13584 h4, .h4 {
13585 font-size: 1.40625rem;
13587 @media (max-width: 1200px) {
13588 h4, .h4 {
13589 font-size: calc(0.950625rem + 0.6075vw);
13593 h5, .h5 {
13594 font-size: 1.171875rem;
13596 @media (max-width: 1200px) {
13597 h5, .h5 {
13598 font-size: calc(0.9271875rem + 0.32625vw);
13602 h6, .h6 {
13603 font-size: 0.9375rem;
13605 @media (max-width: 1200px) {
13606 h6, .h6 {
13607 font-size: calc(0.90375rem + 0.045vw);
13611 .lead {
13612 font-size: 1.171875rem;
13613 font-weight: 300;
13615 @media (max-width: 1200px) {
13616 .lead {
13617 font-size: calc(0.9271875rem + 0.32625vw);
13621 .display-1 {
13622 font-size: 6rem;
13623 font-weight: 300;
13624 line-height: 1.2;
13626 @media (max-width: 1200px) {
13627 .display-1 {
13628 font-size: calc(1.41rem + 6.12vw);
13632 .display-2 {
13633 font-size: 5.5rem;
13634 font-weight: 300;
13635 line-height: 1.2;
13637 @media (max-width: 1200px) {
13638 .display-2 {
13639 font-size: calc(1.36rem + 5.52vw);
13643 .display-3 {
13644 font-size: 4.5rem;
13645 font-weight: 300;
13646 line-height: 1.2;
13648 @media (max-width: 1200px) {
13649 .display-3 {
13650 font-size: calc(1.26rem + 4.32vw);
13654 .display-4 {
13655 font-size: 3.5rem;
13656 font-weight: 300;
13657 line-height: 1.2;
13659 @media (max-width: 1200px) {
13660 .display-4 {
13661 font-size: calc(1.16rem + 3.12vw);
13665 hr {
13666 margin-top: 1rem;
13667 margin-bottom: 1rem;
13668 border: 0;
13669 border-top: 1px solid rgba(0, 0, 0, 0.1);
13672 small,
13673 .small {
13674 font-size: 0.875em;
13675 font-weight: 400;
13678 mark,
13679 .mark {
13680 padding: 0.2em;
13681 background-color: #fcf8e3;
13684 .list-unstyled {
13685 padding-left: 0;
13686 list-style: none;
13689 .list-inline {
13690 padding-left: 0;
13691 list-style: none;
13694 .list-inline-item {
13695 display: inline-block;
13697 .list-inline-item:not(:last-child) {
13698 margin-right: 0.5rem;
13701 .initialism {
13702 font-size: 90%;
13703 text-transform: uppercase;
13706 .blockquote {
13707 margin-bottom: 1rem;
13708 font-size: 1.171875rem;
13710 @media (max-width: 1200px) {
13711 .blockquote {
13712 font-size: calc(0.9271875rem + 0.32625vw);
13716 .blockquote-footer {
13717 display: block;
13718 font-size: 0.875em;
13719 color: #6a737b;
13721 .blockquote-footer::before {
13722 content: "— ";
13725 .img-fluid {
13726 max-width: 100%;
13727 height: auto;
13730 .img-thumbnail {
13731 padding: 0.25rem;
13732 background-color: #fff;
13733 border: 1px solid #dee2e6;
13734 border-radius: 0.5rem;
13735 max-width: 100%;
13736 height: auto;
13739 .figure {
13740 display: inline-block;
13743 .figure-img {
13744 margin-bottom: 0.5rem;
13745 line-height: 1;
13748 .figure-caption {
13749 font-size: 90%;
13750 color: #6a737b;
13753 code {
13754 font-size: 87.5%;
13755 color: #e83e8c;
13756 word-wrap: break-word;
13758 a > code {
13759 color: inherit;
13762 kbd {
13763 padding: 0.2rem 0.4rem;
13764 font-size: 87.5%;
13765 color: #fff;
13766 background-color: #1d2125;
13767 border-radius: 0.2rem;
13769 kbd kbd {
13770 padding: 0;
13771 font-size: 100%;
13772 font-weight: 700;
13775 pre {
13776 display: block;
13777 font-size: 87.5%;
13778 color: #1d2125;
13780 pre code {
13781 font-size: inherit;
13782 color: inherit;
13783 word-break: normal;
13786 .pre-scrollable {
13787 max-height: 340px;
13788 overflow-y: scroll;
13791 .container,
13792 .container-fluid,
13793 .container-xl,
13794 .container-lg,
13795 .container-md,
13796 .container-sm {
13797 width: 100%;
13798 padding-right: 15px;
13799 padding-left: 15px;
13800 margin-right: auto;
13801 margin-left: auto;
13804 @media (min-width: 576px) {
13805 .container-sm, .container {
13806 max-width: 540px;
13809 @media (min-width: 768px) {
13810 .container-md, .container-sm, .container {
13811 max-width: 720px;
13814 @media (min-width: 992px) {
13815 .container-lg, .container-md, .container-sm, .container {
13816 max-width: 960px;
13819 @media (min-width: 1200px) {
13820 .container-xl, .container-lg, .container-md, .container-sm, .container {
13821 max-width: 1140px;
13824 .row {
13825 display: flex;
13826 flex-wrap: wrap;
13827 margin-right: -15px;
13828 margin-left: -15px;
13831 .no-gutters {
13832 margin-right: 0;
13833 margin-left: 0;
13835 .no-gutters > .col,
13836 .no-gutters > [class*=col-] {
13837 padding-right: 0;
13838 padding-left: 0;
13841 .col-xl,
13842 .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,
13843 .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,
13844 .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,
13845 .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,
13846 .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 {
13847 position: relative;
13848 width: 100%;
13849 padding-right: 15px;
13850 padding-left: 15px;
13853 .col {
13854 flex-basis: 0;
13855 flex-grow: 1;
13856 max-width: 100%;
13859 .row-cols-1 > * {
13860 flex: 0 0 100%;
13861 max-width: 100%;
13864 .row-cols-2 > * {
13865 flex: 0 0 50%;
13866 max-width: 50%;
13869 .row-cols-3 > * {
13870 flex: 0 0 33.3333333333%;
13871 max-width: 33.3333333333%;
13874 .row-cols-4 > * {
13875 flex: 0 0 25%;
13876 max-width: 25%;
13879 .row-cols-5 > * {
13880 flex: 0 0 20%;
13881 max-width: 20%;
13884 .row-cols-6 > * {
13885 flex: 0 0 16.6666666667%;
13886 max-width: 16.6666666667%;
13889 .col-auto {
13890 flex: 0 0 auto;
13891 width: auto;
13892 max-width: 100%;
13895 .col-1 {
13896 flex: 0 0 8.33333333%;
13897 max-width: 8.33333333%;
13900 .col-2 {
13901 flex: 0 0 16.66666667%;
13902 max-width: 16.66666667%;
13905 .col-3 {
13906 flex: 0 0 25%;
13907 max-width: 25%;
13910 .col-4 {
13911 flex: 0 0 33.33333333%;
13912 max-width: 33.33333333%;
13915 .col-5 {
13916 flex: 0 0 41.66666667%;
13917 max-width: 41.66666667%;
13920 .col-6 {
13921 flex: 0 0 50%;
13922 max-width: 50%;
13925 .col-7 {
13926 flex: 0 0 58.33333333%;
13927 max-width: 58.33333333%;
13930 .col-8 {
13931 flex: 0 0 66.66666667%;
13932 max-width: 66.66666667%;
13935 .col-9 {
13936 flex: 0 0 75%;
13937 max-width: 75%;
13940 .col-10 {
13941 flex: 0 0 83.33333333%;
13942 max-width: 83.33333333%;
13945 .col-11 {
13946 flex: 0 0 91.66666667%;
13947 max-width: 91.66666667%;
13950 .col-12 {
13951 flex: 0 0 100%;
13952 max-width: 100%;
13955 .order-first {
13956 order: -1;
13959 .order-last {
13960 order: 13;
13963 .order-0 {
13964 order: 0;
13967 .order-1 {
13968 order: 1;
13971 .order-2 {
13972 order: 2;
13975 .order-3 {
13976 order: 3;
13979 .order-4 {
13980 order: 4;
13983 .order-5 {
13984 order: 5;
13987 .order-6 {
13988 order: 6;
13991 .order-7 {
13992 order: 7;
13995 .order-8 {
13996 order: 8;
13999 .order-9 {
14000 order: 9;
14003 .order-10 {
14004 order: 10;
14007 .order-11 {
14008 order: 11;
14011 .order-12 {
14012 order: 12;
14015 .offset-1 {
14016 margin-left: 8.33333333%;
14019 .offset-2 {
14020 margin-left: 16.66666667%;
14023 .offset-3 {
14024 margin-left: 25%;
14027 .offset-4 {
14028 margin-left: 33.33333333%;
14031 .offset-5 {
14032 margin-left: 41.66666667%;
14035 .offset-6 {
14036 margin-left: 50%;
14039 .offset-7 {
14040 margin-left: 58.33333333%;
14043 .offset-8 {
14044 margin-left: 66.66666667%;
14047 .offset-9 {
14048 margin-left: 75%;
14051 .offset-10 {
14052 margin-left: 83.33333333%;
14055 .offset-11 {
14056 margin-left: 91.66666667%;
14059 @media (min-width: 576px) {
14060 .col-sm {
14061 flex-basis: 0;
14062 flex-grow: 1;
14063 max-width: 100%;
14065 .row-cols-sm-1 > * {
14066 flex: 0 0 100%;
14067 max-width: 100%;
14069 .row-cols-sm-2 > * {
14070 flex: 0 0 50%;
14071 max-width: 50%;
14073 .row-cols-sm-3 > * {
14074 flex: 0 0 33.3333333333%;
14075 max-width: 33.3333333333%;
14077 .row-cols-sm-4 > * {
14078 flex: 0 0 25%;
14079 max-width: 25%;
14081 .row-cols-sm-5 > * {
14082 flex: 0 0 20%;
14083 max-width: 20%;
14085 .row-cols-sm-6 > * {
14086 flex: 0 0 16.6666666667%;
14087 max-width: 16.6666666667%;
14089 .col-sm-auto {
14090 flex: 0 0 auto;
14091 width: auto;
14092 max-width: 100%;
14094 .col-sm-1 {
14095 flex: 0 0 8.33333333%;
14096 max-width: 8.33333333%;
14098 .col-sm-2 {
14099 flex: 0 0 16.66666667%;
14100 max-width: 16.66666667%;
14102 .col-sm-3 {
14103 flex: 0 0 25%;
14104 max-width: 25%;
14106 .col-sm-4 {
14107 flex: 0 0 33.33333333%;
14108 max-width: 33.33333333%;
14110 .col-sm-5 {
14111 flex: 0 0 41.66666667%;
14112 max-width: 41.66666667%;
14114 .col-sm-6 {
14115 flex: 0 0 50%;
14116 max-width: 50%;
14118 .col-sm-7 {
14119 flex: 0 0 58.33333333%;
14120 max-width: 58.33333333%;
14122 .col-sm-8 {
14123 flex: 0 0 66.66666667%;
14124 max-width: 66.66666667%;
14126 .col-sm-9 {
14127 flex: 0 0 75%;
14128 max-width: 75%;
14130 .col-sm-10 {
14131 flex: 0 0 83.33333333%;
14132 max-width: 83.33333333%;
14134 .col-sm-11 {
14135 flex: 0 0 91.66666667%;
14136 max-width: 91.66666667%;
14138 .col-sm-12 {
14139 flex: 0 0 100%;
14140 max-width: 100%;
14142 .order-sm-first {
14143 order: -1;
14145 .order-sm-last {
14146 order: 13;
14148 .order-sm-0 {
14149 order: 0;
14151 .order-sm-1 {
14152 order: 1;
14154 .order-sm-2 {
14155 order: 2;
14157 .order-sm-3 {
14158 order: 3;
14160 .order-sm-4 {
14161 order: 4;
14163 .order-sm-5 {
14164 order: 5;
14166 .order-sm-6 {
14167 order: 6;
14169 .order-sm-7 {
14170 order: 7;
14172 .order-sm-8 {
14173 order: 8;
14175 .order-sm-9 {
14176 order: 9;
14178 .order-sm-10 {
14179 order: 10;
14181 .order-sm-11 {
14182 order: 11;
14184 .order-sm-12 {
14185 order: 12;
14187 .offset-sm-0 {
14188 margin-left: 0;
14190 .offset-sm-1 {
14191 margin-left: 8.33333333%;
14193 .offset-sm-2 {
14194 margin-left: 16.66666667%;
14196 .offset-sm-3 {
14197 margin-left: 25%;
14199 .offset-sm-4 {
14200 margin-left: 33.33333333%;
14202 .offset-sm-5 {
14203 margin-left: 41.66666667%;
14205 .offset-sm-6 {
14206 margin-left: 50%;
14208 .offset-sm-7 {
14209 margin-left: 58.33333333%;
14211 .offset-sm-8 {
14212 margin-left: 66.66666667%;
14214 .offset-sm-9 {
14215 margin-left: 75%;
14217 .offset-sm-10 {
14218 margin-left: 83.33333333%;
14220 .offset-sm-11 {
14221 margin-left: 91.66666667%;
14224 @media (min-width: 768px) {
14225 .col-md {
14226 flex-basis: 0;
14227 flex-grow: 1;
14228 max-width: 100%;
14230 .row-cols-md-1 > * {
14231 flex: 0 0 100%;
14232 max-width: 100%;
14234 .row-cols-md-2 > * {
14235 flex: 0 0 50%;
14236 max-width: 50%;
14238 .row-cols-md-3 > * {
14239 flex: 0 0 33.3333333333%;
14240 max-width: 33.3333333333%;
14242 .row-cols-md-4 > * {
14243 flex: 0 0 25%;
14244 max-width: 25%;
14246 .row-cols-md-5 > * {
14247 flex: 0 0 20%;
14248 max-width: 20%;
14250 .row-cols-md-6 > * {
14251 flex: 0 0 16.6666666667%;
14252 max-width: 16.6666666667%;
14254 .col-md-auto {
14255 flex: 0 0 auto;
14256 width: auto;
14257 max-width: 100%;
14259 .col-md-1 {
14260 flex: 0 0 8.33333333%;
14261 max-width: 8.33333333%;
14263 .col-md-2 {
14264 flex: 0 0 16.66666667%;
14265 max-width: 16.66666667%;
14267 .col-md-3 {
14268 flex: 0 0 25%;
14269 max-width: 25%;
14271 .col-md-4 {
14272 flex: 0 0 33.33333333%;
14273 max-width: 33.33333333%;
14275 .col-md-5 {
14276 flex: 0 0 41.66666667%;
14277 max-width: 41.66666667%;
14279 .col-md-6 {
14280 flex: 0 0 50%;
14281 max-width: 50%;
14283 .col-md-7 {
14284 flex: 0 0 58.33333333%;
14285 max-width: 58.33333333%;
14287 .col-md-8 {
14288 flex: 0 0 66.66666667%;
14289 max-width: 66.66666667%;
14291 .col-md-9 {
14292 flex: 0 0 75%;
14293 max-width: 75%;
14295 .col-md-10 {
14296 flex: 0 0 83.33333333%;
14297 max-width: 83.33333333%;
14299 .col-md-11 {
14300 flex: 0 0 91.66666667%;
14301 max-width: 91.66666667%;
14303 .col-md-12 {
14304 flex: 0 0 100%;
14305 max-width: 100%;
14307 .order-md-first {
14308 order: -1;
14310 .order-md-last {
14311 order: 13;
14313 .order-md-0 {
14314 order: 0;
14316 .order-md-1 {
14317 order: 1;
14319 .order-md-2 {
14320 order: 2;
14322 .order-md-3 {
14323 order: 3;
14325 .order-md-4 {
14326 order: 4;
14328 .order-md-5 {
14329 order: 5;
14331 .order-md-6 {
14332 order: 6;
14334 .order-md-7 {
14335 order: 7;
14337 .order-md-8 {
14338 order: 8;
14340 .order-md-9 {
14341 order: 9;
14343 .order-md-10 {
14344 order: 10;
14346 .order-md-11 {
14347 order: 11;
14349 .order-md-12 {
14350 order: 12;
14352 .offset-md-0 {
14353 margin-left: 0;
14355 .offset-md-1 {
14356 margin-left: 8.33333333%;
14358 .offset-md-2 {
14359 margin-left: 16.66666667%;
14361 .offset-md-3 {
14362 margin-left: 25%;
14364 .offset-md-4 {
14365 margin-left: 33.33333333%;
14367 .offset-md-5 {
14368 margin-left: 41.66666667%;
14370 .offset-md-6 {
14371 margin-left: 50%;
14373 .offset-md-7 {
14374 margin-left: 58.33333333%;
14376 .offset-md-8 {
14377 margin-left: 66.66666667%;
14379 .offset-md-9 {
14380 margin-left: 75%;
14382 .offset-md-10 {
14383 margin-left: 83.33333333%;
14385 .offset-md-11 {
14386 margin-left: 91.66666667%;
14389 @media (min-width: 992px) {
14390 .col-lg {
14391 flex-basis: 0;
14392 flex-grow: 1;
14393 max-width: 100%;
14395 .row-cols-lg-1 > * {
14396 flex: 0 0 100%;
14397 max-width: 100%;
14399 .row-cols-lg-2 > * {
14400 flex: 0 0 50%;
14401 max-width: 50%;
14403 .row-cols-lg-3 > * {
14404 flex: 0 0 33.3333333333%;
14405 max-width: 33.3333333333%;
14407 .row-cols-lg-4 > * {
14408 flex: 0 0 25%;
14409 max-width: 25%;
14411 .row-cols-lg-5 > * {
14412 flex: 0 0 20%;
14413 max-width: 20%;
14415 .row-cols-lg-6 > * {
14416 flex: 0 0 16.6666666667%;
14417 max-width: 16.6666666667%;
14419 .col-lg-auto {
14420 flex: 0 0 auto;
14421 width: auto;
14422 max-width: 100%;
14424 .col-lg-1 {
14425 flex: 0 0 8.33333333%;
14426 max-width: 8.33333333%;
14428 .col-lg-2 {
14429 flex: 0 0 16.66666667%;
14430 max-width: 16.66666667%;
14432 .col-lg-3 {
14433 flex: 0 0 25%;
14434 max-width: 25%;
14436 .col-lg-4 {
14437 flex: 0 0 33.33333333%;
14438 max-width: 33.33333333%;
14440 .col-lg-5 {
14441 flex: 0 0 41.66666667%;
14442 max-width: 41.66666667%;
14444 .col-lg-6 {
14445 flex: 0 0 50%;
14446 max-width: 50%;
14448 .col-lg-7 {
14449 flex: 0 0 58.33333333%;
14450 max-width: 58.33333333%;
14452 .col-lg-8 {
14453 flex: 0 0 66.66666667%;
14454 max-width: 66.66666667%;
14456 .col-lg-9 {
14457 flex: 0 0 75%;
14458 max-width: 75%;
14460 .col-lg-10 {
14461 flex: 0 0 83.33333333%;
14462 max-width: 83.33333333%;
14464 .col-lg-11 {
14465 flex: 0 0 91.66666667%;
14466 max-width: 91.66666667%;
14468 .col-lg-12 {
14469 flex: 0 0 100%;
14470 max-width: 100%;
14472 .order-lg-first {
14473 order: -1;
14475 .order-lg-last {
14476 order: 13;
14478 .order-lg-0 {
14479 order: 0;
14481 .order-lg-1 {
14482 order: 1;
14484 .order-lg-2 {
14485 order: 2;
14487 .order-lg-3 {
14488 order: 3;
14490 .order-lg-4 {
14491 order: 4;
14493 .order-lg-5 {
14494 order: 5;
14496 .order-lg-6 {
14497 order: 6;
14499 .order-lg-7 {
14500 order: 7;
14502 .order-lg-8 {
14503 order: 8;
14505 .order-lg-9 {
14506 order: 9;
14508 .order-lg-10 {
14509 order: 10;
14511 .order-lg-11 {
14512 order: 11;
14514 .order-lg-12 {
14515 order: 12;
14517 .offset-lg-0 {
14518 margin-left: 0;
14520 .offset-lg-1 {
14521 margin-left: 8.33333333%;
14523 .offset-lg-2 {
14524 margin-left: 16.66666667%;
14526 .offset-lg-3 {
14527 margin-left: 25%;
14529 .offset-lg-4 {
14530 margin-left: 33.33333333%;
14532 .offset-lg-5 {
14533 margin-left: 41.66666667%;
14535 .offset-lg-6 {
14536 margin-left: 50%;
14538 .offset-lg-7 {
14539 margin-left: 58.33333333%;
14541 .offset-lg-8 {
14542 margin-left: 66.66666667%;
14544 .offset-lg-9 {
14545 margin-left: 75%;
14547 .offset-lg-10 {
14548 margin-left: 83.33333333%;
14550 .offset-lg-11 {
14551 margin-left: 91.66666667%;
14554 @media (min-width: 1200px) {
14555 .col-xl {
14556 flex-basis: 0;
14557 flex-grow: 1;
14558 max-width: 100%;
14560 .row-cols-xl-1 > * {
14561 flex: 0 0 100%;
14562 max-width: 100%;
14564 .row-cols-xl-2 > * {
14565 flex: 0 0 50%;
14566 max-width: 50%;
14568 .row-cols-xl-3 > * {
14569 flex: 0 0 33.3333333333%;
14570 max-width: 33.3333333333%;
14572 .row-cols-xl-4 > * {
14573 flex: 0 0 25%;
14574 max-width: 25%;
14576 .row-cols-xl-5 > * {
14577 flex: 0 0 20%;
14578 max-width: 20%;
14580 .row-cols-xl-6 > * {
14581 flex: 0 0 16.6666666667%;
14582 max-width: 16.6666666667%;
14584 .col-xl-auto {
14585 flex: 0 0 auto;
14586 width: auto;
14587 max-width: 100%;
14589 .col-xl-1 {
14590 flex: 0 0 8.33333333%;
14591 max-width: 8.33333333%;
14593 .col-xl-2 {
14594 flex: 0 0 16.66666667%;
14595 max-width: 16.66666667%;
14597 .col-xl-3 {
14598 flex: 0 0 25%;
14599 max-width: 25%;
14601 .col-xl-4 {
14602 flex: 0 0 33.33333333%;
14603 max-width: 33.33333333%;
14605 .col-xl-5 {
14606 flex: 0 0 41.66666667%;
14607 max-width: 41.66666667%;
14609 .col-xl-6 {
14610 flex: 0 0 50%;
14611 max-width: 50%;
14613 .col-xl-7 {
14614 flex: 0 0 58.33333333%;
14615 max-width: 58.33333333%;
14617 .col-xl-8 {
14618 flex: 0 0 66.66666667%;
14619 max-width: 66.66666667%;
14621 .col-xl-9 {
14622 flex: 0 0 75%;
14623 max-width: 75%;
14625 .col-xl-10 {
14626 flex: 0 0 83.33333333%;
14627 max-width: 83.33333333%;
14629 .col-xl-11 {
14630 flex: 0 0 91.66666667%;
14631 max-width: 91.66666667%;
14633 .col-xl-12 {
14634 flex: 0 0 100%;
14635 max-width: 100%;
14637 .order-xl-first {
14638 order: -1;
14640 .order-xl-last {
14641 order: 13;
14643 .order-xl-0 {
14644 order: 0;
14646 .order-xl-1 {
14647 order: 1;
14649 .order-xl-2 {
14650 order: 2;
14652 .order-xl-3 {
14653 order: 3;
14655 .order-xl-4 {
14656 order: 4;
14658 .order-xl-5 {
14659 order: 5;
14661 .order-xl-6 {
14662 order: 6;
14664 .order-xl-7 {
14665 order: 7;
14667 .order-xl-8 {
14668 order: 8;
14670 .order-xl-9 {
14671 order: 9;
14673 .order-xl-10 {
14674 order: 10;
14676 .order-xl-11 {
14677 order: 11;
14679 .order-xl-12 {
14680 order: 12;
14682 .offset-xl-0 {
14683 margin-left: 0;
14685 .offset-xl-1 {
14686 margin-left: 8.33333333%;
14688 .offset-xl-2 {
14689 margin-left: 16.66666667%;
14691 .offset-xl-3 {
14692 margin-left: 25%;
14694 .offset-xl-4 {
14695 margin-left: 33.33333333%;
14697 .offset-xl-5 {
14698 margin-left: 41.66666667%;
14700 .offset-xl-6 {
14701 margin-left: 50%;
14703 .offset-xl-7 {
14704 margin-left: 58.33333333%;
14706 .offset-xl-8 {
14707 margin-left: 66.66666667%;
14709 .offset-xl-9 {
14710 margin-left: 75%;
14712 .offset-xl-10 {
14713 margin-left: 83.33333333%;
14715 .offset-xl-11 {
14716 margin-left: 91.66666667%;
14719 .table {
14720 width: 100%;
14721 margin-bottom: 1rem;
14722 color: #1d2125;
14724 .table th,
14725 .table td {
14726 padding: 0.75rem;
14727 vertical-align: top;
14728 border-top: 1px solid #dee2e6;
14730 .table thead th {
14731 vertical-align: bottom;
14732 border-bottom: 2px solid #dee2e6;
14734 .table tbody + tbody {
14735 border-top: 2px solid #dee2e6;
14738 .table-sm th,
14739 .table-sm td {
14740 padding: 0.3rem;
14743 .table-bordered {
14744 border: 1px solid #dee2e6;
14746 .table-bordered th,
14747 .table-bordered td {
14748 border: 1px solid #dee2e6;
14750 .table-bordered thead th,
14751 .table-bordered thead td {
14752 border-bottom-width: 2px;
14755 .table-borderless th,
14756 .table-borderless td,
14757 .table-borderless thead th,
14758 .table-borderless tbody + tbody {
14759 border: 0;
14762 .table-striped tbody tr:nth-of-type(odd) {
14763 background-color: rgba(0, 0, 0, 0.03);
14766 .table-hover tbody tr:hover {
14767 color: #1d2125;
14768 background-color: rgba(0, 0, 0, 0.075);
14771 .table-primary,
14772 .table-primary > th,
14773 .table-primary > td {
14774 background-color: #bcd6ed;
14776 .table-primary th,
14777 .table-primary td,
14778 .table-primary thead th,
14779 .table-primary tbody + tbody {
14780 border-color: #82b3de;
14783 .table-hover .table-primary:hover {
14784 background-color: #a8cae8;
14786 .table-hover .table-primary:hover > td,
14787 .table-hover .table-primary:hover > th {
14788 background-color: #a8cae8;
14791 .table-secondary,
14792 .table-secondary > th,
14793 .table-secondary > td {
14794 background-color: #f1f3f5;
14796 .table-secondary th,
14797 .table-secondary td,
14798 .table-secondary thead th,
14799 .table-secondary tbody + tbody {
14800 border-color: #e6e9ec;
14803 .table-hover .table-secondary:hover {
14804 background-color: #e2e6ea;
14806 .table-hover .table-secondary:hover > td,
14807 .table-hover .table-secondary:hover > th {
14808 background-color: #e2e6ea;
14811 .table-success,
14812 .table-success > th,
14813 .table-success > td {
14814 background-color: #c6dac6;
14816 .table-success th,
14817 .table-success td,
14818 .table-success thead th,
14819 .table-success tbody + tbody {
14820 border-color: #96ba94;
14823 .table-hover .table-success:hover {
14824 background-color: #b7d0b7;
14826 .table-hover .table-success:hover > td,
14827 .table-hover .table-success:hover > th {
14828 background-color: #b7d0b7;
14831 .table-info,
14832 .table-info > th,
14833 .table-info > td {
14834 background-color: #b8dce2;
14836 .table-info th,
14837 .table-info td,
14838 .table-info thead th,
14839 .table-info tbody + tbody {
14840 border-color: #7abdc8;
14843 .table-hover .table-info:hover {
14844 background-color: #a6d3db;
14846 .table-hover .table-info:hover > td,
14847 .table-hover .table-info:hover > th {
14848 background-color: #a6d3db;
14851 .table-warning,
14852 .table-warning > th,
14853 .table-warning > td {
14854 background-color: #fbe8cd;
14856 .table-warning th,
14857 .table-warning td,
14858 .table-warning thead th,
14859 .table-warning tbody + tbody {
14860 border-color: #f7d4a3;
14863 .table-hover .table-warning:hover {
14864 background-color: #f9ddb5;
14866 .table-hover .table-warning:hover > td,
14867 .table-hover .table-warning:hover > th {
14868 background-color: #f9ddb5;
14871 .table-danger,
14872 .table-danger > th,
14873 .table-danger > td {
14874 background-color: #f0c5c1;
14876 .table-danger th,
14877 .table-danger td,
14878 .table-danger thead th,
14879 .table-danger tbody + tbody {
14880 border-color: #e3948b;
14883 .table-hover .table-danger:hover {
14884 background-color: #ebb2ac;
14886 .table-hover .table-danger:hover > td,
14887 .table-hover .table-danger:hover > th {
14888 background-color: #ebb2ac;
14891 .table-light,
14892 .table-light > th,
14893 .table-light > td {
14894 background-color: #fdfdfe;
14896 .table-light th,
14897 .table-light td,
14898 .table-light thead th,
14899 .table-light tbody + tbody {
14900 border-color: #fbfcfc;
14903 .table-hover .table-light:hover {
14904 background-color: #ececf6;
14906 .table-hover .table-light:hover > td,
14907 .table-hover .table-light:hover > th {
14908 background-color: #ececf6;
14911 .table-dark,
14912 .table-dark > th,
14913 .table-dark > td {
14914 background-color: #c6c8ca;
14916 .table-dark th,
14917 .table-dark td,
14918 .table-dark thead th,
14919 .table-dark tbody + tbody {
14920 border-color: #95999c;
14923 .table-hover .table-dark:hover {
14924 background-color: #b9bbbe;
14926 .table-hover .table-dark:hover > td,
14927 .table-hover .table-dark:hover > th {
14928 background-color: #b9bbbe;
14931 .table-active,
14932 .table-active > th,
14933 .table-active > td {
14934 background-color: rgba(0, 0, 0, 0.075);
14937 .table-hover .table-active:hover {
14938 background-color: rgba(0, 0, 0, 0.075);
14940 .table-hover .table-active:hover > td,
14941 .table-hover .table-active:hover > th {
14942 background-color: rgba(0, 0, 0, 0.075);
14945 .table .thead-dark th {
14946 color: #fff;
14947 background-color: #343a40;
14948 border-color: #454d55;
14950 .table .thead-light th {
14951 color: #495057;
14952 background-color: #e9ecef;
14953 border-color: #dee2e6;
14956 .table-dark {
14957 color: #fff;
14958 background-color: #343a40;
14960 .table-dark th,
14961 .table-dark td,
14962 .table-dark thead th {
14963 border-color: #454d55;
14965 .table-dark.table-bordered {
14966 border: 0;
14968 .table-dark.table-striped tbody tr:nth-of-type(odd) {
14969 background-color: rgba(255, 255, 255, 0.05);
14971 .table-dark.table-hover tbody tr:hover {
14972 color: #fff;
14973 background-color: rgba(255, 255, 255, 0.075);
14976 @media (max-width: 575.98px) {
14977 .table-responsive-sm {
14978 display: block;
14979 width: 100%;
14980 overflow-x: auto;
14981 -webkit-overflow-scrolling: touch;
14983 .table-responsive-sm > .table-bordered {
14984 border: 0;
14987 @media (max-width: 767.98px) {
14988 .table-responsive-md {
14989 display: block;
14990 width: 100%;
14991 overflow-x: auto;
14992 -webkit-overflow-scrolling: touch;
14994 .table-responsive-md > .table-bordered {
14995 border: 0;
14998 @media (max-width: 991.98px) {
14999 .table-responsive-lg {
15000 display: block;
15001 width: 100%;
15002 overflow-x: auto;
15003 -webkit-overflow-scrolling: touch;
15005 .table-responsive-lg > .table-bordered {
15006 border: 0;
15009 @media (max-width: 1199.98px) {
15010 .table-responsive-xl {
15011 display: block;
15012 width: 100%;
15013 overflow-x: auto;
15014 -webkit-overflow-scrolling: touch;
15016 .table-responsive-xl > .table-bordered {
15017 border: 0;
15020 .table-responsive {
15021 display: block;
15022 width: 100%;
15023 overflow-x: auto;
15024 -webkit-overflow-scrolling: touch;
15026 .table-responsive > .table-bordered {
15027 border: 0;
15030 .form-control {
15031 display: block;
15032 width: 100%;
15033 height: calc(1.5em + 0.75rem + 2px);
15034 padding: 0.375rem 0.75rem;
15035 font-size: 0.9375rem;
15036 font-weight: 400;
15037 line-height: 1.5;
15038 color: #495057;
15039 background-color: #fff;
15040 background-clip: padding-box;
15041 border: 1px solid #8f959e;
15042 border-radius: 0.5rem;
15043 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15045 @media (max-width: 1200px) {
15046 .form-control {
15047 font-size: calc(0.90375rem + 0.045vw);
15050 @media (prefers-reduced-motion: reduce) {
15051 .form-control {
15052 transition: none;
15055 .form-control::-ms-expand {
15056 background-color: transparent;
15057 border: 0;
15059 .form-control:focus {
15060 color: #495057;
15061 background-color: #fff;
15062 border-color: #5babf2;
15063 outline: 0;
15064 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15066 .form-control::placeholder {
15067 color: #6a737b;
15068 opacity: 1;
15070 .form-control:disabled, .form-control[readonly] {
15071 background-color: #e9ecef;
15072 opacity: 1;
15075 input[type=date].form-control,
15076 input[type=time].form-control,
15077 input[type=datetime-local].form-control,
15078 input[type=month].form-control {
15079 appearance: none;
15082 select.form-control:-moz-focusring {
15083 color: transparent;
15084 text-shadow: 0 0 0 #495057;
15086 select.form-control:focus::-ms-value {
15087 color: #495057;
15088 background-color: #fff;
15091 .form-control-file,
15092 .form-control-range {
15093 display: block;
15094 width: 100%;
15097 .col-form-label {
15098 padding-top: calc(0.375rem + 1px);
15099 padding-bottom: calc(0.375rem + 1px);
15100 margin-bottom: 0;
15101 font-size: inherit;
15102 line-height: 1.5;
15105 .col-form-label-lg {
15106 padding-top: calc(0.5rem + 1px);
15107 padding-bottom: calc(0.5rem + 1px);
15108 font-size: 1.171875rem;
15109 line-height: 1.5;
15111 @media (max-width: 1200px) {
15112 .col-form-label-lg {
15113 font-size: calc(0.9271875rem + 0.32625vw);
15117 .col-form-label-sm {
15118 padding-top: calc(0.25rem + 1px);
15119 padding-bottom: calc(0.25rem + 1px);
15120 font-size: 0.8203125rem;
15121 line-height: 1.5;
15124 .form-control-plaintext {
15125 display: block;
15126 width: 100%;
15127 padding: 0.375rem 0;
15128 margin-bottom: 0;
15129 font-size: 0.9375rem;
15130 line-height: 1.5;
15131 color: #1d2125;
15132 background-color: transparent;
15133 border: solid transparent;
15134 border-width: 1px 0;
15136 @media (max-width: 1200px) {
15137 .form-control-plaintext {
15138 font-size: calc(0.90375rem + 0.045vw);
15141 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
15142 padding-right: 0;
15143 padding-left: 0;
15146 .form-control-sm {
15147 height: calc(1.5em + 0.5rem + 2px);
15148 padding: 0.25rem 0.5rem;
15149 font-size: 0.8203125rem;
15150 line-height: 1.5;
15151 border-radius: 0.2rem;
15154 .form-control-lg {
15155 height: calc(1.5em + 1rem + 2px);
15156 padding: 0.5rem 1rem;
15157 font-size: 1.171875rem;
15158 line-height: 1.5;
15159 border-radius: 0.6rem;
15161 @media (max-width: 1200px) {
15162 .form-control-lg {
15163 font-size: calc(0.9271875rem + 0.32625vw);
15167 select.form-control[size], select.form-control[multiple] {
15168 height: auto;
15171 textarea.form-control {
15172 height: auto;
15175 .form-group {
15176 margin-bottom: 1rem;
15179 .form-text {
15180 display: block;
15181 margin-top: 0.25rem;
15184 .form-row {
15185 display: flex;
15186 flex-wrap: wrap;
15187 margin-right: -5px;
15188 margin-left: -5px;
15190 .form-row > .col,
15191 .form-row > [class*=col-] {
15192 padding-right: 5px;
15193 padding-left: 5px;
15196 .form-check {
15197 position: relative;
15198 display: block;
15199 padding-left: 1.25rem;
15202 .form-check-input {
15203 position: absolute;
15204 margin-top: 0.3rem;
15205 margin-left: -1.25rem;
15207 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
15208 color: #6a737b;
15211 .form-check-label {
15212 margin-bottom: 0;
15215 .form-check-inline {
15216 display: inline-flex;
15217 align-items: center;
15218 padding-left: 0;
15219 margin-right: 0.75rem;
15221 .form-check-inline .form-check-input {
15222 position: static;
15223 margin-top: 0;
15224 margin-right: 0.3125rem;
15225 margin-left: 0;
15228 .valid-feedback {
15229 display: none;
15230 width: 100%;
15231 margin-top: 0.25rem;
15232 font-size: 0.875em;
15233 color: #357a32;
15236 .valid-tooltip {
15237 position: absolute;
15238 top: 100%;
15239 left: 0;
15240 z-index: 5;
15241 display: none;
15242 max-width: 100%;
15243 padding: 0.25rem 0.5rem;
15244 margin-top: 0.1rem;
15245 font-size: 0.8203125rem;
15246 line-height: 1.5;
15247 color: #fff;
15248 background-color: rgba(53, 122, 50, 0.9);
15249 border-radius: 0.5rem;
15251 .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
15252 left: 5px;
15255 .was-validated :valid ~ .valid-feedback,
15256 .was-validated :valid ~ .valid-tooltip,
15257 .is-valid ~ .valid-feedback,
15258 .is-valid ~ .valid-tooltip {
15259 display: block;
15262 .was-validated .form-control:valid, .form-control.is-valid {
15263 border-color: #357a32;
15264 padding-right: calc(1.5em + 0.75rem) !important;
15265 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");
15266 background-repeat: no-repeat;
15267 background-position: right calc(0.375em + 0.1875rem) center;
15268 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15270 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
15271 border-color: #357a32;
15272 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15275 .was-validated select.form-control:valid, select.form-control.is-valid {
15276 padding-right: 3rem !important;
15277 background-position: right 1.5rem center;
15280 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
15281 padding-right: calc(1.5em + 0.75rem);
15282 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15285 .was-validated .custom-select:valid, .custom-select.is-valid {
15286 border-color: #357a32;
15287 padding-right: calc(0.75em + 2.3125rem) !important;
15288 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;
15290 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
15291 border-color: #357a32;
15292 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15295 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
15296 color: #357a32;
15298 .was-validated .form-check-input:valid ~ .valid-feedback,
15299 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
15300 .form-check-input.is-valid ~ .valid-tooltip {
15301 display: block;
15304 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
15305 color: #357a32;
15307 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
15308 border-color: #357a32;
15310 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
15311 border-color: #459e41;
15312 background-color: #459e41;
15314 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
15315 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15317 .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 {
15318 border-color: #357a32;
15321 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
15322 border-color: #357a32;
15324 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
15325 border-color: #357a32;
15326 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.25);
15329 .invalid-feedback {
15330 display: none;
15331 width: 100%;
15332 margin-top: 0.25rem;
15333 font-size: 0.875em;
15334 color: #ca3120;
15337 .invalid-tooltip {
15338 position: absolute;
15339 top: 100%;
15340 left: 0;
15341 z-index: 5;
15342 display: none;
15343 max-width: 100%;
15344 padding: 0.25rem 0.5rem;
15345 margin-top: 0.1rem;
15346 font-size: 0.8203125rem;
15347 line-height: 1.5;
15348 color: #fff;
15349 background-color: rgba(202, 49, 32, 0.9);
15350 border-radius: 0.5rem;
15352 .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
15353 left: 5px;
15356 .was-validated :invalid ~ .invalid-feedback,
15357 .was-validated :invalid ~ .invalid-tooltip,
15358 .is-invalid ~ .invalid-feedback,
15359 .is-invalid ~ .invalid-tooltip {
15360 display: block;
15363 .was-validated .form-control:invalid, .form-control.is-invalid {
15364 border-color: #ca3120;
15365 padding-right: calc(1.5em + 0.75rem) !important;
15366 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");
15367 background-repeat: no-repeat;
15368 background-position: right calc(0.375em + 0.1875rem) center;
15369 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
15371 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
15372 border-color: #ca3120;
15373 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15376 .was-validated select.form-control:invalid, select.form-control.is-invalid {
15377 padding-right: 3rem !important;
15378 background-position: right 1.5rem center;
15381 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
15382 padding-right: calc(1.5em + 0.75rem);
15383 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
15386 .was-validated .custom-select:invalid, .custom-select.is-invalid {
15387 border-color: #ca3120;
15388 padding-right: calc(0.75em + 2.3125rem) !important;
15389 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;
15391 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
15392 border-color: #ca3120;
15393 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15396 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
15397 color: #ca3120;
15399 .was-validated .form-check-input:invalid ~ .invalid-feedback,
15400 .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
15401 .form-check-input.is-invalid ~ .invalid-tooltip {
15402 display: block;
15405 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
15406 color: #ca3120;
15408 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
15409 border-color: #ca3120;
15411 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
15412 border-color: #e04d3d;
15413 background-color: #e04d3d;
15415 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
15416 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15418 .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 {
15419 border-color: #ca3120;
15422 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
15423 border-color: #ca3120;
15425 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
15426 border-color: #ca3120;
15427 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
15430 .form-inline {
15431 display: flex;
15432 flex-flow: row wrap;
15433 align-items: center;
15435 .form-inline .form-check {
15436 width: 100%;
15438 @media (min-width: 576px) {
15439 .form-inline label {
15440 display: flex;
15441 align-items: center;
15442 justify-content: center;
15443 margin-bottom: 0;
15445 .form-inline .form-group {
15446 display: flex;
15447 flex: 0 0 auto;
15448 flex-flow: row wrap;
15449 align-items: center;
15450 margin-bottom: 0;
15452 .form-inline .form-control {
15453 display: inline-block;
15454 width: auto;
15455 vertical-align: middle;
15457 .form-inline .form-control-plaintext {
15458 display: inline-block;
15460 .form-inline .input-group,
15461 .form-inline .custom-select {
15462 width: auto;
15464 .form-inline .form-check {
15465 display: flex;
15466 align-items: center;
15467 justify-content: center;
15468 width: auto;
15469 padding-left: 0;
15471 .form-inline .form-check-input {
15472 position: relative;
15473 flex-shrink: 0;
15474 margin-top: 0;
15475 margin-right: 0.25rem;
15476 margin-left: 0;
15478 .form-inline .custom-control {
15479 align-items: center;
15480 justify-content: center;
15482 .form-inline .custom-control-label {
15483 margin-bottom: 0;
15487 .btn {
15488 display: inline-block;
15489 font-weight: 400;
15490 color: #1d2125;
15491 text-align: center;
15492 vertical-align: middle;
15493 user-select: none;
15494 background-color: transparent;
15495 border: 1px solid transparent;
15496 padding: 0.375rem 0.75rem;
15497 font-size: 0.9375rem;
15498 line-height: 1.5;
15499 border-radius: 0.5rem;
15500 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;
15502 @media (max-width: 1200px) {
15503 .btn {
15504 font-size: calc(0.90375rem + 0.045vw);
15507 @media (prefers-reduced-motion: reduce) {
15508 .btn {
15509 transition: none;
15512 .btn:hover {
15513 color: #1d2125;
15514 text-decoration: none;
15516 .btn:focus, .btn.focus {
15517 outline: 0;
15518 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
15520 .btn.disabled, .btn:disabled {
15521 opacity: 0.65;
15523 .btn:not(:disabled):not(.disabled) {
15524 cursor: pointer;
15526 a.btn.disabled,
15527 fieldset:disabled a.btn {
15528 pointer-events: none;
15531 .btn-primary {
15532 color: #fff;
15533 background-color: #0f6cbf;
15534 border-color: #0f6cbf;
15536 .btn-primary:hover {
15537 color: #fff;
15538 background-color: #0c589c;
15539 border-color: #0b5190;
15541 .btn-primary:focus, .btn-primary.focus {
15542 color: #fff;
15543 background-color: #0c589c;
15544 border-color: #0b5190;
15545 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15547 .btn-primary.disabled, .btn-primary:disabled {
15548 color: #fff;
15549 background-color: #0f6cbf;
15550 border-color: #0f6cbf;
15552 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
15553 color: #fff;
15554 background-color: #0b5190;
15555 border-color: #0a4b84;
15557 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
15558 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
15561 .btn-secondary {
15562 color: #1d2125;
15563 background-color: #ced4da;
15564 border-color: #ced4da;
15566 .btn-secondary:hover {
15567 color: #1d2125;
15568 background-color: #b8c1ca;
15569 border-color: #b1bbc4;
15571 .btn-secondary:focus, .btn-secondary.focus {
15572 color: #1d2125;
15573 background-color: #b8c1ca;
15574 border-color: #b1bbc4;
15575 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15577 .btn-secondary.disabled, .btn-secondary:disabled {
15578 color: #1d2125;
15579 background-color: #ced4da;
15580 border-color: #ced4da;
15582 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
15583 color: #1d2125;
15584 background-color: #b1bbc4;
15585 border-color: #aab4bf;
15587 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
15588 box-shadow: 0 0 0 0.2rem rgba(179, 185, 191, 0.5);
15591 .btn-success {
15592 color: #fff;
15593 background-color: #357a32;
15594 border-color: #357a32;
15596 .btn-success:hover {
15597 color: #fff;
15598 background-color: #295f27;
15599 border-color: #255623;
15601 .btn-success:focus, .btn-success.focus {
15602 color: #fff;
15603 background-color: #295f27;
15604 border-color: #255623;
15605 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15607 .btn-success.disabled, .btn-success:disabled {
15608 color: #fff;
15609 background-color: #357a32;
15610 border-color: #357a32;
15612 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
15613 color: #fff;
15614 background-color: #255623;
15615 border-color: #214d1f;
15617 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
15618 box-shadow: 0 0 0 0.2rem rgba(83, 142, 81, 0.5);
15621 .btn-info {
15622 color: #fff;
15623 background-color: #008196;
15624 border-color: #008196;
15626 .btn-info:hover {
15627 color: #fff;
15628 background-color: #006070;
15629 border-color: #005563;
15631 .btn-info:focus, .btn-info.focus {
15632 color: #fff;
15633 background-color: #006070;
15634 border-color: #005563;
15635 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15637 .btn-info.disabled, .btn-info:disabled {
15638 color: #fff;
15639 background-color: #008196;
15640 border-color: #008196;
15642 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
15643 color: #fff;
15644 background-color: #005563;
15645 border-color: #004a56;
15647 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
15648 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
15651 .btn-warning {
15652 color: #1d2125;
15653 background-color: #f0ad4e;
15654 border-color: #f0ad4e;
15656 .btn-warning:hover {
15657 color: #1d2125;
15658 background-color: #ed9d2b;
15659 border-color: #ec971f;
15661 .btn-warning:focus, .btn-warning.focus {
15662 color: #1d2125;
15663 background-color: #ed9d2b;
15664 border-color: #ec971f;
15665 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15667 .btn-warning.disabled, .btn-warning:disabled {
15668 color: #1d2125;
15669 background-color: #f0ad4e;
15670 border-color: #f0ad4e;
15672 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
15673 color: #1d2125;
15674 background-color: #ec971f;
15675 border-color: #ea9214;
15677 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
15678 box-shadow: 0 0 0 0.2rem rgba(208, 152, 72, 0.5);
15681 .btn-danger {
15682 color: #fff;
15683 background-color: #ca3120;
15684 border-color: #ca3120;
15686 .btn-danger:hover {
15687 color: #fff;
15688 background-color: #a9291b;
15689 border-color: #9e2619;
15691 .btn-danger:focus, .btn-danger.focus {
15692 color: #fff;
15693 background-color: #a9291b;
15694 border-color: #9e2619;
15695 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15697 .btn-danger.disabled, .btn-danger:disabled {
15698 color: #fff;
15699 background-color: #ca3120;
15700 border-color: #ca3120;
15702 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
15703 color: #fff;
15704 background-color: #9e2619;
15705 border-color: #932417;
15707 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
15708 box-shadow: 0 0 0 0.2rem rgba(210, 80, 65, 0.5);
15711 .btn-light {
15712 color: #1d2125;
15713 background-color: #f8f9fa;
15714 border-color: #f8f9fa;
15716 .btn-light:hover {
15717 color: #1d2125;
15718 background-color: #e2e6ea;
15719 border-color: #dae0e5;
15721 .btn-light:focus, .btn-light.focus {
15722 color: #1d2125;
15723 background-color: #e2e6ea;
15724 border-color: #dae0e5;
15725 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15727 .btn-light.disabled, .btn-light:disabled {
15728 color: #1d2125;
15729 background-color: #f8f9fa;
15730 border-color: #f8f9fa;
15732 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
15733 color: #1d2125;
15734 background-color: #dae0e5;
15735 border-color: #d3d9df;
15737 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
15738 box-shadow: 0 0 0 0.2rem rgba(215, 217, 218, 0.5);
15741 .btn-dark {
15742 color: #fff;
15743 background-color: #343a40;
15744 border-color: #343a40;
15746 .btn-dark:hover {
15747 color: #fff;
15748 background-color: #23272b;
15749 border-color: #1d2124;
15751 .btn-dark:focus, .btn-dark.focus {
15752 color: #fff;
15753 background-color: #23272b;
15754 border-color: #1d2124;
15755 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15757 .btn-dark.disabled, .btn-dark:disabled {
15758 color: #fff;
15759 background-color: #343a40;
15760 border-color: #343a40;
15762 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
15763 color: #fff;
15764 background-color: #1d2124;
15765 border-color: #171a1d;
15767 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
15768 box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
15771 .btn-outline-primary {
15772 color: #0f6cbf;
15773 border-color: #0f6cbf;
15775 .btn-outline-primary:hover {
15776 color: #fff;
15777 background-color: #0f6cbf;
15778 border-color: #0f6cbf;
15780 .btn-outline-primary:focus, .btn-outline-primary.focus {
15781 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15783 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
15784 color: #0f6cbf;
15785 background-color: transparent;
15787 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
15788 color: #fff;
15789 background-color: #0f6cbf;
15790 border-color: #0f6cbf;
15792 .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 {
15793 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
15796 .btn-outline-secondary {
15797 color: #ced4da;
15798 border-color: #ced4da;
15800 .btn-outline-secondary:hover {
15801 color: #1d2125;
15802 background-color: #ced4da;
15803 border-color: #ced4da;
15805 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
15806 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15808 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
15809 color: #ced4da;
15810 background-color: transparent;
15812 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
15813 color: #1d2125;
15814 background-color: #ced4da;
15815 border-color: #ced4da;
15817 .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 {
15818 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
15821 .btn-outline-success {
15822 color: #357a32;
15823 border-color: #357a32;
15825 .btn-outline-success:hover {
15826 color: #fff;
15827 background-color: #357a32;
15828 border-color: #357a32;
15830 .btn-outline-success:focus, .btn-outline-success.focus {
15831 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15833 .btn-outline-success.disabled, .btn-outline-success:disabled {
15834 color: #357a32;
15835 background-color: transparent;
15837 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
15838 color: #fff;
15839 background-color: #357a32;
15840 border-color: #357a32;
15842 .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 {
15843 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
15846 .btn-outline-info {
15847 color: #008196;
15848 border-color: #008196;
15850 .btn-outline-info:hover {
15851 color: #fff;
15852 background-color: #008196;
15853 border-color: #008196;
15855 .btn-outline-info:focus, .btn-outline-info.focus {
15856 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15858 .btn-outline-info.disabled, .btn-outline-info:disabled {
15859 color: #008196;
15860 background-color: transparent;
15862 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
15863 color: #fff;
15864 background-color: #008196;
15865 border-color: #008196;
15867 .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 {
15868 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
15871 .btn-outline-warning {
15872 color: #f0ad4e;
15873 border-color: #f0ad4e;
15875 .btn-outline-warning:hover {
15876 color: #1d2125;
15877 background-color: #f0ad4e;
15878 border-color: #f0ad4e;
15880 .btn-outline-warning:focus, .btn-outline-warning.focus {
15881 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15883 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
15884 color: #f0ad4e;
15885 background-color: transparent;
15887 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
15888 color: #1d2125;
15889 background-color: #f0ad4e;
15890 border-color: #f0ad4e;
15892 .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 {
15893 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
15896 .btn-outline-danger {
15897 color: #ca3120;
15898 border-color: #ca3120;
15900 .btn-outline-danger:hover {
15901 color: #fff;
15902 background-color: #ca3120;
15903 border-color: #ca3120;
15905 .btn-outline-danger:focus, .btn-outline-danger.focus {
15906 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15908 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
15909 color: #ca3120;
15910 background-color: transparent;
15912 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
15913 color: #fff;
15914 background-color: #ca3120;
15915 border-color: #ca3120;
15917 .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 {
15918 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
15921 .btn-outline-light {
15922 color: #f8f9fa;
15923 border-color: #f8f9fa;
15925 .btn-outline-light:hover {
15926 color: #1d2125;
15927 background-color: #f8f9fa;
15928 border-color: #f8f9fa;
15930 .btn-outline-light:focus, .btn-outline-light.focus {
15931 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
15933 .btn-outline-light.disabled, .btn-outline-light:disabled {
15934 color: #f8f9fa;
15935 background-color: transparent;
15937 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
15938 color: #1d2125;
15939 background-color: #f8f9fa;
15940 border-color: #f8f9fa;
15942 .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 {
15943 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
15946 .btn-outline-dark {
15947 color: #343a40;
15948 border-color: #343a40;
15950 .btn-outline-dark:hover {
15951 color: #fff;
15952 background-color: #343a40;
15953 border-color: #343a40;
15955 .btn-outline-dark:focus, .btn-outline-dark.focus {
15956 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
15958 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
15959 color: #343a40;
15960 background-color: transparent;
15962 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
15963 color: #fff;
15964 background-color: #343a40;
15965 border-color: #343a40;
15967 .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 {
15968 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
15971 .btn-link {
15972 font-weight: 400;
15973 color: #0f6cbf;
15974 text-decoration: none;
15976 .btn-link:hover {
15977 color: #094478;
15978 text-decoration: underline;
15980 .btn-link:focus, .btn-link.focus {
15981 text-decoration: underline;
15983 .btn-link:disabled, .btn-link.disabled {
15984 color: #6a737b;
15985 pointer-events: none;
15988 .btn-lg, .btn-group-lg > .btn {
15989 padding: 0.5rem 1rem;
15990 font-size: 1.171875rem;
15991 line-height: 1.5;
15992 border-radius: 0.6rem;
15994 @media (max-width: 1200px) {
15995 .btn-lg, .btn-group-lg > .btn {
15996 font-size: calc(0.9271875rem + 0.32625vw);
16000 .btn-sm, .btn-group-sm > .btn {
16001 padding: 0.25rem 0.5rem;
16002 font-size: 0.8203125rem;
16003 line-height: 1.5;
16004 border-radius: 0.2rem;
16007 .btn-block {
16008 display: block;
16009 width: 100%;
16011 .btn-block + .btn-block {
16012 margin-top: 0.5rem;
16015 input[type=submit].btn-block,
16016 input[type=reset].btn-block,
16017 input[type=button].btn-block {
16018 width: 100%;
16021 .fade {
16022 transition: opacity 0.15s linear;
16024 @media (prefers-reduced-motion: reduce) {
16025 .fade {
16026 transition: none;
16029 .fade:not(.show) {
16030 opacity: 0;
16033 .collapse:not(.show) {
16034 display: none;
16037 .collapsing {
16038 position: relative;
16039 height: 0;
16040 overflow: hidden;
16041 transition: height 0.35s ease;
16043 @media (prefers-reduced-motion: reduce) {
16044 .collapsing {
16045 transition: none;
16048 .collapsing.width {
16049 width: 0;
16050 height: auto;
16051 transition: width 0.35s ease;
16053 @media (prefers-reduced-motion: reduce) {
16054 .collapsing.width {
16055 transition: none;
16059 .dropup,
16060 .dropright,
16061 .dropdown,
16062 .dropleft {
16063 position: relative;
16066 .dropdown-toggle {
16067 white-space: nowrap;
16069 .dropdown-toggle::after {
16070 display: inline-block;
16071 margin-left: 0.255em;
16072 vertical-align: 0.255em;
16073 content: "";
16074 border-top: 0.3em solid;
16075 border-right: 0.3em solid transparent;
16076 border-bottom: 0;
16077 border-left: 0.3em solid transparent;
16079 .dropdown-toggle:empty::after {
16080 margin-left: 0;
16083 .dropdown-menu {
16084 position: absolute;
16085 top: 100%;
16086 left: 0;
16087 z-index: 1000;
16088 display: none;
16089 float: left;
16090 min-width: 10rem;
16091 padding: 0.5rem 0;
16092 margin: 0.125rem 0 0;
16093 font-size: 0.9375rem;
16094 color: #1d2125;
16095 text-align: left;
16096 list-style: none;
16097 background-color: #fff;
16098 background-clip: padding-box;
16099 border: 1px solid rgba(0, 0, 0, 0.15);
16100 border-radius: 0.5rem;
16102 @media (max-width: 1200px) {
16103 .dropdown-menu {
16104 font-size: calc(0.90375rem + 0.045vw);
16108 .dropdown-menu-left {
16109 right: auto;
16110 left: 0;
16113 .dropdown-menu-right {
16114 right: 0;
16115 left: auto;
16118 @media (min-width: 576px) {
16119 .dropdown-menu-sm-left {
16120 right: auto;
16121 left: 0;
16123 .dropdown-menu-sm-right {
16124 right: 0;
16125 left: auto;
16128 @media (min-width: 768px) {
16129 .dropdown-menu-md-left {
16130 right: auto;
16131 left: 0;
16133 .dropdown-menu-md-right {
16134 right: 0;
16135 left: auto;
16138 @media (min-width: 992px) {
16139 .dropdown-menu-lg-left {
16140 right: auto;
16141 left: 0;
16143 .dropdown-menu-lg-right {
16144 right: 0;
16145 left: auto;
16148 @media (min-width: 1200px) {
16149 .dropdown-menu-xl-left {
16150 right: auto;
16151 left: 0;
16153 .dropdown-menu-xl-right {
16154 right: 0;
16155 left: auto;
16158 .dropup .dropdown-menu {
16159 top: auto;
16160 bottom: 100%;
16161 margin-top: 0;
16162 margin-bottom: 0.125rem;
16164 .dropup .dropdown-toggle::after {
16165 display: inline-block;
16166 margin-left: 0.255em;
16167 vertical-align: 0.255em;
16168 content: "";
16169 border-top: 0;
16170 border-right: 0.3em solid transparent;
16171 border-bottom: 0.3em solid;
16172 border-left: 0.3em solid transparent;
16174 .dropup .dropdown-toggle:empty::after {
16175 margin-left: 0;
16178 .dropright .dropdown-menu {
16179 top: 0;
16180 right: auto;
16181 left: 100%;
16182 margin-top: 0;
16183 margin-left: 0.125rem;
16185 .dropright .dropdown-toggle::after {
16186 display: inline-block;
16187 margin-left: 0.255em;
16188 vertical-align: 0.255em;
16189 content: "";
16190 border-top: 0.3em solid transparent;
16191 border-right: 0;
16192 border-bottom: 0.3em solid transparent;
16193 border-left: 0.3em solid;
16195 .dropright .dropdown-toggle:empty::after {
16196 margin-left: 0;
16198 .dropright .dropdown-toggle::after {
16199 vertical-align: 0;
16202 .dropleft .dropdown-menu {
16203 top: 0;
16204 right: 100%;
16205 left: auto;
16206 margin-top: 0;
16207 margin-right: 0.125rem;
16209 .dropleft .dropdown-toggle::after {
16210 display: inline-block;
16211 margin-left: 0.255em;
16212 vertical-align: 0.255em;
16213 content: "";
16215 .dropleft .dropdown-toggle::after {
16216 display: none;
16218 .dropleft .dropdown-toggle::before {
16219 display: inline-block;
16220 margin-right: 0.255em;
16221 vertical-align: 0.255em;
16222 content: "";
16223 border-top: 0.3em solid transparent;
16224 border-right: 0.3em solid;
16225 border-bottom: 0.3em solid transparent;
16227 .dropleft .dropdown-toggle:empty::after {
16228 margin-left: 0;
16230 .dropleft .dropdown-toggle::before {
16231 vertical-align: 0;
16234 .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
16235 right: auto;
16236 bottom: auto;
16239 .dropdown-divider {
16240 height: 0;
16241 margin: 0.5rem 0;
16242 overflow: hidden;
16243 border-top: 1px solid #e9ecef;
16246 .dropdown-item {
16247 display: block;
16248 width: 100%;
16249 padding: 0.25rem 1.5rem;
16250 clear: both;
16251 font-weight: 400;
16252 color: #1d2125;
16253 text-align: inherit;
16254 white-space: nowrap;
16255 background-color: transparent;
16256 border: 0;
16258 .dropdown-item:hover, .dropdown-item:focus {
16259 color: #fff;
16260 text-decoration: none;
16261 background-color: #0f6cbf;
16263 .dropdown-item.active, .dropdown-item:active {
16264 color: #fff;
16265 text-decoration: none;
16266 background-color: #0f6cbf;
16268 .dropdown-item.disabled, .dropdown-item:disabled {
16269 color: #8f959e;
16270 pointer-events: none;
16271 background-color: transparent;
16274 .dropdown-menu.show {
16275 display: block;
16278 .dropdown-header {
16279 display: block;
16280 padding: 0.5rem 1.5rem;
16281 margin-bottom: 0;
16282 font-size: 0.8203125rem;
16283 color: #6a737b;
16284 white-space: nowrap;
16287 .dropdown-item-text {
16288 display: block;
16289 padding: 0.25rem 1.5rem;
16290 color: #1d2125;
16293 .btn-group,
16294 .btn-group-vertical {
16295 position: relative;
16296 display: inline-flex;
16297 vertical-align: middle;
16299 .btn-group > .btn,
16300 .btn-group-vertical > .btn {
16301 position: relative;
16302 flex: 1 1 auto;
16304 .btn-group > .btn:hover,
16305 .btn-group-vertical > .btn:hover {
16306 z-index: 1;
16308 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
16309 .btn-group-vertical > .btn:focus,
16310 .btn-group-vertical > .btn:active,
16311 .btn-group-vertical > .btn.active {
16312 z-index: 1;
16315 .btn-toolbar {
16316 display: flex;
16317 flex-wrap: wrap;
16318 justify-content: flex-start;
16320 .btn-toolbar .input-group {
16321 width: auto;
16324 .btn-group > .btn:not(:first-child),
16325 .btn-group > .btn-group:not(:first-child) {
16326 margin-left: -1px;
16328 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
16329 .btn-group > .btn-group:not(:last-child) > .btn {
16330 border-top-right-radius: 0;
16331 border-bottom-right-radius: 0;
16333 .btn-group > .btn:not(:first-child),
16334 .btn-group > .btn-group:not(:first-child) > .btn {
16335 border-top-left-radius: 0;
16336 border-bottom-left-radius: 0;
16339 .dropdown-toggle-split {
16340 padding-right: 0.5625rem;
16341 padding-left: 0.5625rem;
16343 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
16344 margin-left: 0;
16346 .dropleft .dropdown-toggle-split::before {
16347 margin-right: 0;
16350 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
16351 padding-right: 0.375rem;
16352 padding-left: 0.375rem;
16355 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
16356 padding-right: 0.75rem;
16357 padding-left: 0.75rem;
16360 .btn-group-vertical {
16361 flex-direction: column;
16362 align-items: flex-start;
16363 justify-content: center;
16365 .btn-group-vertical > .btn,
16366 .btn-group-vertical > .btn-group {
16367 width: 100%;
16369 .btn-group-vertical > .btn:not(:first-child),
16370 .btn-group-vertical > .btn-group:not(:first-child) {
16371 margin-top: -1px;
16373 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
16374 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
16375 border-bottom-right-radius: 0;
16376 border-bottom-left-radius: 0;
16378 .btn-group-vertical > .btn:not(:first-child),
16379 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
16380 border-top-left-radius: 0;
16381 border-top-right-radius: 0;
16384 .btn-group-toggle > .btn,
16385 .btn-group-toggle > .btn-group > .btn {
16386 margin-bottom: 0;
16388 .btn-group-toggle > .btn input[type=radio],
16389 .btn-group-toggle > .btn input[type=checkbox],
16390 .btn-group-toggle > .btn-group > .btn input[type=radio],
16391 .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
16392 position: absolute;
16393 clip: rect(0, 0, 0, 0);
16394 pointer-events: none;
16397 .input-group {
16398 position: relative;
16399 display: flex;
16400 flex-wrap: wrap;
16401 align-items: stretch;
16402 width: 100%;
16404 .input-group > .form-control,
16405 .input-group > .form-control-plaintext,
16406 .input-group > .custom-select,
16407 .input-group > .custom-file {
16408 position: relative;
16409 flex: 1 1 auto;
16410 width: 1%;
16411 min-width: 0;
16412 margin-bottom: 0;
16414 .input-group > .form-control + .form-control,
16415 .input-group > .form-control + .custom-select,
16416 .input-group > .form-control + .custom-file,
16417 .input-group > .form-control-plaintext + .form-control,
16418 .input-group > .form-control-plaintext + .custom-select,
16419 .input-group > .form-control-plaintext + .custom-file,
16420 .input-group > .custom-select + .form-control,
16421 .input-group > .custom-select + .custom-select,
16422 .input-group > .custom-select + .custom-file,
16423 .input-group > .custom-file + .form-control,
16424 .input-group > .custom-file + .custom-select,
16425 .input-group > .custom-file + .custom-file {
16426 margin-left: -1px;
16428 .input-group > .form-control:focus,
16429 .input-group > .custom-select:focus,
16430 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
16431 z-index: 3;
16433 .input-group > .custom-file .custom-file-input:focus {
16434 z-index: 4;
16436 .input-group > .form-control:not(:first-child),
16437 .input-group > .custom-select:not(:first-child) {
16438 border-top-left-radius: 0;
16439 border-bottom-left-radius: 0;
16441 .input-group > .custom-file {
16442 display: flex;
16443 align-items: center;
16445 .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
16446 border-top-right-radius: 0;
16447 border-bottom-right-radius: 0;
16449 .input-group > .custom-file:not(:first-child) .custom-file-label {
16450 border-top-left-radius: 0;
16451 border-bottom-left-radius: 0;
16453 .input-group:not(.has-validation) > .form-control:not(:last-child),
16454 .input-group:not(.has-validation) > .custom-select:not(:last-child),
16455 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
16456 .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
16457 border-top-right-radius: 0;
16458 border-bottom-right-radius: 0;
16460 .input-group.has-validation > .form-control:nth-last-child(n+3),
16461 .input-group.has-validation > .custom-select:nth-last-child(n+3),
16462 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
16463 .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
16464 border-top-right-radius: 0;
16465 border-bottom-right-radius: 0;
16468 .input-group-prepend,
16469 .input-group-append {
16470 display: flex;
16472 .input-group-prepend .btn,
16473 .input-group-append .btn {
16474 position: relative;
16475 z-index: 2;
16477 .input-group-prepend .btn:focus,
16478 .input-group-append .btn:focus {
16479 z-index: 3;
16481 .input-group-prepend .btn + .btn,
16482 .input-group-prepend .btn + .input-group-text,
16483 .input-group-prepend .input-group-text + .input-group-text,
16484 .input-group-prepend .input-group-text + .btn,
16485 .input-group-append .btn + .btn,
16486 .input-group-append .btn + .input-group-text,
16487 .input-group-append .input-group-text + .input-group-text,
16488 .input-group-append .input-group-text + .btn {
16489 margin-left: -1px;
16492 .input-group-prepend {
16493 margin-right: -1px;
16496 .input-group-append {
16497 margin-left: -1px;
16500 .input-group-text {
16501 display: flex;
16502 align-items: center;
16503 padding: 0.375rem 0.75rem;
16504 margin-bottom: 0;
16505 font-size: 0.9375rem;
16506 font-weight: 400;
16507 line-height: 1.5;
16508 color: #495057;
16509 text-align: center;
16510 white-space: nowrap;
16511 background-color: #e9ecef;
16512 border: 1px solid #8f959e;
16513 border-radius: 0.5rem;
16515 @media (max-width: 1200px) {
16516 .input-group-text {
16517 font-size: calc(0.90375rem + 0.045vw);
16520 .input-group-text input[type=radio],
16521 .input-group-text input[type=checkbox] {
16522 margin-top: 0;
16525 .input-group-lg > .form-control:not(textarea),
16526 .input-group-lg > .custom-select {
16527 height: calc(1.5em + 1rem + 2px);
16530 .input-group-lg > .form-control,
16531 .input-group-lg > .custom-select,
16532 .input-group-lg > .input-group-prepend > .input-group-text,
16533 .input-group-lg > .input-group-append > .input-group-text,
16534 .input-group-lg > .input-group-prepend > .btn,
16535 .input-group-lg > .input-group-append > .btn {
16536 padding: 0.5rem 1rem;
16537 font-size: 1.171875rem;
16538 line-height: 1.5;
16539 border-radius: 0.6rem;
16541 @media (max-width: 1200px) {
16542 .input-group-lg > .form-control,
16543 .input-group-lg > .custom-select,
16544 .input-group-lg > .input-group-prepend > .input-group-text,
16545 .input-group-lg > .input-group-append > .input-group-text,
16546 .input-group-lg > .input-group-prepend > .btn,
16547 .input-group-lg > .input-group-append > .btn {
16548 font-size: calc(0.9271875rem + 0.32625vw);
16552 .input-group-sm > .form-control:not(textarea),
16553 .input-group-sm > .custom-select {
16554 height: calc(1.5em + 0.5rem + 2px);
16557 .input-group-sm > .form-control,
16558 .input-group-sm > .custom-select,
16559 .input-group-sm > .input-group-prepend > .input-group-text,
16560 .input-group-sm > .input-group-append > .input-group-text,
16561 .input-group-sm > .input-group-prepend > .btn,
16562 .input-group-sm > .input-group-append > .btn {
16563 padding: 0.25rem 0.5rem;
16564 font-size: 0.8203125rem;
16565 line-height: 1.5;
16566 border-radius: 0.2rem;
16569 .input-group-lg > .custom-select,
16570 .input-group-sm > .custom-select {
16571 padding-right: 1.75rem;
16574 .input-group > .input-group-prepend > .btn,
16575 .input-group > .input-group-prepend > .input-group-text,
16576 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
16577 .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
16578 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
16579 .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
16580 .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
16581 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
16582 border-top-right-radius: 0;
16583 border-bottom-right-radius: 0;
16586 .input-group > .input-group-append > .btn,
16587 .input-group > .input-group-append > .input-group-text,
16588 .input-group > .input-group-prepend:not(:first-child) > .btn,
16589 .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
16590 .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
16591 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
16592 border-top-left-radius: 0;
16593 border-bottom-left-radius: 0;
16596 .custom-control {
16597 position: relative;
16598 z-index: 1;
16599 display: block;
16600 min-height: 1.40625rem;
16601 padding-left: 1.75rem;
16602 print-color-adjust: exact;
16605 .custom-control-inline {
16606 display: inline-flex;
16607 margin-right: 1rem;
16610 .custom-control-input {
16611 position: absolute;
16612 left: 0;
16613 z-index: -1;
16614 width: 1.25rem;
16615 height: 1.328125rem;
16616 opacity: 0;
16618 .custom-control-input:checked ~ .custom-control-label::before {
16619 color: #fff;
16620 border-color: #0f6cbf;
16621 background-color: #0f6cbf;
16623 .custom-control-input:focus ~ .custom-control-label::before {
16624 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16626 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
16627 border-color: #5babf2;
16629 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
16630 color: #fff;
16631 background-color: #8bc3f6;
16632 border-color: #8bc3f6;
16634 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
16635 color: #6a737b;
16637 .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
16638 background-color: #e9ecef;
16641 .custom-control-label {
16642 position: relative;
16643 margin-bottom: 0;
16644 vertical-align: top;
16646 .custom-control-label::before {
16647 position: absolute;
16648 top: 0.078125rem;
16649 left: -1.75rem;
16650 display: block;
16651 width: 1.25rem;
16652 height: 1.25rem;
16653 pointer-events: none;
16654 content: "";
16655 background-color: #fff;
16656 border: 1px solid #8f959e;
16658 .custom-control-label::after {
16659 position: absolute;
16660 top: 0.078125rem;
16661 left: -1.75rem;
16662 display: block;
16663 width: 1.25rem;
16664 height: 1.25rem;
16665 content: "";
16666 background: 50%/50% 50% no-repeat;
16669 .custom-checkbox .custom-control-label::before {
16670 border-radius: 0.5rem;
16672 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
16673 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");
16675 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
16676 border-color: #0f6cbf;
16677 background-color: #0f6cbf;
16679 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
16680 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");
16682 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
16683 background-color: rgba(15, 108, 191, 0.5);
16685 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
16686 background-color: rgba(15, 108, 191, 0.5);
16689 .custom-radio .custom-control-label::before {
16690 border-radius: 50%;
16692 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
16693 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");
16695 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
16696 background-color: rgba(15, 108, 191, 0.5);
16699 .custom-switch {
16700 padding-left: 2.6875rem;
16702 .custom-switch .custom-control-label::before {
16703 left: -2.6875rem;
16704 width: 2.1875rem;
16705 pointer-events: all;
16706 border-radius: 0.625rem;
16708 .custom-switch .custom-control-label::after {
16709 top: calc(0.078125rem + 2px);
16710 left: calc(-2.6875rem + 2px);
16711 width: calc(1.25rem - 4px);
16712 height: calc(1.25rem - 4px);
16713 background-color: #8f959e;
16714 border-radius: 0.625rem;
16715 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;
16717 @media (prefers-reduced-motion: reduce) {
16718 .custom-switch .custom-control-label::after {
16719 transition: none;
16722 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
16723 background-color: #fff;
16724 transform: translateX(0.9375rem);
16726 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
16727 background-color: rgba(15, 108, 191, 0.5);
16730 .custom-select {
16731 display: inline-block;
16732 width: 100%;
16733 height: calc(1.5em + 0.75rem + 2px);
16734 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
16735 font-size: 0.9375rem;
16736 font-weight: 400;
16737 line-height: 1.5;
16738 color: #495057;
16739 vertical-align: middle;
16740 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;
16741 border: 1px solid #8f959e;
16742 border-radius: 0.5rem;
16743 appearance: none;
16745 @media (max-width: 1200px) {
16746 .custom-select {
16747 font-size: calc(0.90375rem + 0.045vw);
16750 .custom-select:focus {
16751 border-color: #5babf2;
16752 outline: 0;
16753 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16755 .custom-select:focus::-ms-value {
16756 color: #495057;
16757 background-color: #fff;
16759 .custom-select[multiple], .custom-select[size]:not([size="1"]) {
16760 height: auto;
16761 padding-right: 0.75rem;
16762 background-image: none;
16764 .custom-select:disabled {
16765 color: #6a737b;
16766 background-color: #e9ecef;
16768 .custom-select::-ms-expand {
16769 display: none;
16771 .custom-select:-moz-focusring {
16772 color: transparent;
16773 text-shadow: 0 0 0 #495057;
16776 .custom-select-sm {
16777 height: calc(1.5em + 0.5rem + 2px);
16778 padding-top: 0.25rem;
16779 padding-bottom: 0.25rem;
16780 padding-left: 0.5rem;
16781 font-size: 0.8203125rem;
16784 .custom-select-lg {
16785 height: calc(1.5em + 1rem + 2px);
16786 padding-top: 0.5rem;
16787 padding-bottom: 0.5rem;
16788 padding-left: 1rem;
16789 font-size: 1.171875rem;
16791 @media (max-width: 1200px) {
16792 .custom-select-lg {
16793 font-size: calc(0.9271875rem + 0.32625vw);
16797 .custom-file {
16798 position: relative;
16799 display: inline-block;
16800 width: 100%;
16801 height: calc(1.5em + 0.75rem + 2px);
16802 margin-bottom: 0;
16805 .custom-file-input {
16806 position: relative;
16807 z-index: 2;
16808 width: 100%;
16809 height: calc(1.5em + 0.75rem + 2px);
16810 margin: 0;
16811 overflow: hidden;
16812 opacity: 0;
16814 .custom-file-input:focus ~ .custom-file-label {
16815 border-color: #5babf2;
16816 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16818 .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
16819 background-color: #e9ecef;
16821 .custom-file-input:lang(en) ~ .custom-file-label::after {
16822 content: "Browse";
16824 .custom-file-input ~ .custom-file-label[data-browse]::after {
16825 content: attr(data-browse);
16828 .custom-file-label {
16829 position: absolute;
16830 top: 0;
16831 right: 0;
16832 left: 0;
16833 z-index: 1;
16834 height: calc(1.5em + 0.75rem + 2px);
16835 padding: 0.375rem 0.75rem;
16836 overflow: hidden;
16837 font-weight: 400;
16838 line-height: 1.5;
16839 color: #495057;
16840 background-color: #fff;
16841 border: 1px solid #8f959e;
16842 border-radius: 0.5rem;
16844 .custom-file-label::after {
16845 position: absolute;
16846 top: 0;
16847 right: 0;
16848 bottom: 0;
16849 z-index: 3;
16850 display: block;
16851 height: calc(1.5em + 0.75rem);
16852 padding: 0.375rem 0.75rem;
16853 line-height: 1.5;
16854 color: #495057;
16855 content: "Browse";
16856 background-color: #e9ecef;
16857 border-left: inherit;
16858 border-radius: 0 0.5rem 0.5rem 0;
16861 .custom-range {
16862 width: 100%;
16863 height: 1.4rem;
16864 padding: 0;
16865 background-color: transparent;
16866 appearance: none;
16868 .custom-range:focus {
16869 outline: 0;
16871 .custom-range:focus::-webkit-slider-thumb {
16872 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16874 .custom-range:focus::-moz-range-thumb {
16875 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16877 .custom-range:focus::-ms-thumb {
16878 box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
16880 .custom-range::-moz-focus-outer {
16881 border: 0;
16883 .custom-range::-webkit-slider-thumb {
16884 width: 1rem;
16885 height: 1rem;
16886 margin-top: -0.25rem;
16887 background-color: #0f6cbf;
16888 border: 0;
16889 border-radius: 1rem;
16890 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16891 appearance: none;
16893 @media (prefers-reduced-motion: reduce) {
16894 .custom-range::-webkit-slider-thumb {
16895 transition: none;
16898 .custom-range::-webkit-slider-thumb:active {
16899 background-color: #8bc3f6;
16901 .custom-range::-webkit-slider-runnable-track {
16902 width: 100%;
16903 height: 0.5rem;
16904 color: transparent;
16905 cursor: pointer;
16906 background-color: #dee2e6;
16907 border-color: transparent;
16908 border-radius: 1rem;
16910 .custom-range::-moz-range-thumb {
16911 width: 1rem;
16912 height: 1rem;
16913 background-color: #0f6cbf;
16914 border: 0;
16915 border-radius: 1rem;
16916 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16917 appearance: none;
16919 @media (prefers-reduced-motion: reduce) {
16920 .custom-range::-moz-range-thumb {
16921 transition: none;
16924 .custom-range::-moz-range-thumb:active {
16925 background-color: #8bc3f6;
16927 .custom-range::-moz-range-track {
16928 width: 100%;
16929 height: 0.5rem;
16930 color: transparent;
16931 cursor: pointer;
16932 background-color: #dee2e6;
16933 border-color: transparent;
16934 border-radius: 1rem;
16936 .custom-range::-ms-thumb {
16937 width: 1rem;
16938 height: 1rem;
16939 margin-top: 0;
16940 margin-right: 0.2rem;
16941 margin-left: 0.2rem;
16942 background-color: #0f6cbf;
16943 border: 0;
16944 border-radius: 1rem;
16945 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16946 appearance: none;
16948 @media (prefers-reduced-motion: reduce) {
16949 .custom-range::-ms-thumb {
16950 transition: none;
16953 .custom-range::-ms-thumb:active {
16954 background-color: #8bc3f6;
16956 .custom-range::-ms-track {
16957 width: 100%;
16958 height: 0.5rem;
16959 color: transparent;
16960 cursor: pointer;
16961 background-color: transparent;
16962 border-color: transparent;
16963 border-width: 0.5rem;
16965 .custom-range::-ms-fill-lower {
16966 background-color: #dee2e6;
16967 border-radius: 1rem;
16969 .custom-range::-ms-fill-upper {
16970 margin-right: 15px;
16971 background-color: #dee2e6;
16972 border-radius: 1rem;
16974 .custom-range:disabled::-webkit-slider-thumb {
16975 background-color: #8f959e;
16977 .custom-range:disabled::-webkit-slider-runnable-track {
16978 cursor: default;
16980 .custom-range:disabled::-moz-range-thumb {
16981 background-color: #8f959e;
16983 .custom-range:disabled::-moz-range-track {
16984 cursor: default;
16986 .custom-range:disabled::-ms-thumb {
16987 background-color: #8f959e;
16990 .custom-control-label::before,
16991 .custom-file-label,
16992 .custom-select {
16993 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
16995 @media (prefers-reduced-motion: reduce) {
16996 .custom-control-label::before,
16997 .custom-file-label,
16998 .custom-select {
16999 transition: none;
17003 .nav {
17004 display: flex;
17005 flex-wrap: wrap;
17006 padding-left: 0;
17007 margin-bottom: 0;
17008 list-style: none;
17011 .nav-link {
17012 display: block;
17013 padding: 0.5rem 1rem;
17015 .nav-link:hover, .nav-link:focus {
17016 text-decoration: none;
17018 .nav-link.disabled {
17019 color: #6a737b;
17020 pointer-events: none;
17021 cursor: default;
17024 .nav-tabs {
17025 border-bottom: 1px solid #dee2e6;
17027 .nav-tabs .nav-link {
17028 margin-bottom: -1px;
17029 background-color: transparent;
17030 border: 1px solid transparent;
17031 border-top-left-radius: 0.5rem;
17032 border-top-right-radius: 0.5rem;
17034 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
17035 isolation: isolate;
17036 border-color: #e9ecef #e9ecef #dee2e6;
17038 .nav-tabs .nav-link.disabled {
17039 color: #6a737b;
17040 background-color: transparent;
17041 border-color: transparent;
17043 .nav-tabs .nav-link.active,
17044 .nav-tabs .nav-item.show .nav-link {
17045 color: #495057;
17046 background-color: #fff;
17047 border-color: #dee2e6 #dee2e6 #fff;
17049 .nav-tabs .dropdown-menu {
17050 margin-top: -1px;
17051 border-top-left-radius: 0;
17052 border-top-right-radius: 0;
17055 .nav-pills .nav-link {
17056 background: none;
17057 border: 0;
17058 border-radius: 0.5rem;
17060 .nav-pills .nav-link.active,
17061 .nav-pills .show > .nav-link {
17062 color: #fff;
17063 background-color: #0f6cbf;
17066 .nav-fill > .nav-link,
17067 .nav-fill .nav-item {
17068 flex: 1 1 auto;
17069 text-align: center;
17072 .nav-justified > .nav-link,
17073 .nav-justified .nav-item {
17074 flex-basis: 0;
17075 flex-grow: 1;
17076 text-align: center;
17079 .tab-content > .tab-pane {
17080 display: none;
17082 .tab-content > .active {
17083 display: block;
17086 .navbar {
17087 position: relative;
17088 display: flex;
17089 flex-wrap: wrap;
17090 align-items: center;
17091 justify-content: space-between;
17092 padding: 0.5rem 1rem;
17094 .navbar .container,
17095 .navbar .container-fluid,
17096 .navbar .container-sm,
17097 .navbar .container-md,
17098 .navbar .container-lg,
17099 .navbar .container-xl {
17100 display: flex;
17101 flex-wrap: wrap;
17102 align-items: center;
17103 justify-content: space-between;
17105 .navbar-brand {
17106 display: inline-block;
17107 padding-top: 0.32421875rem;
17108 padding-bottom: 0.32421875rem;
17109 margin-right: 1rem;
17110 font-size: 1.171875rem;
17111 line-height: inherit;
17112 white-space: nowrap;
17114 @media (max-width: 1200px) {
17115 .navbar-brand {
17116 font-size: calc(0.9271875rem + 0.32625vw);
17119 .navbar-brand:hover, .navbar-brand:focus {
17120 text-decoration: none;
17123 .navbar-nav {
17124 display: flex;
17125 flex-direction: column;
17126 padding-left: 0;
17127 margin-bottom: 0;
17128 list-style: none;
17130 .navbar-nav .nav-link {
17131 padding-right: 0;
17132 padding-left: 0;
17134 .navbar-nav .dropdown-menu {
17135 position: static;
17136 float: none;
17139 .navbar-text {
17140 display: inline-block;
17141 padding-top: 0.5rem;
17142 padding-bottom: 0.5rem;
17145 .navbar-collapse {
17146 flex-basis: 100%;
17147 flex-grow: 1;
17148 align-items: center;
17151 .navbar-toggler {
17152 padding: 0.25rem 0.75rem;
17153 font-size: 1.171875rem;
17154 line-height: 1;
17155 background-color: transparent;
17156 border: 1px solid transparent;
17157 border-radius: 0.5rem;
17159 @media (max-width: 1200px) {
17160 .navbar-toggler {
17161 font-size: calc(0.9271875rem + 0.32625vw);
17164 .navbar-toggler:hover, .navbar-toggler:focus {
17165 text-decoration: none;
17168 .navbar-toggler-icon {
17169 display: inline-block;
17170 width: 1.5em;
17171 height: 1.5em;
17172 vertical-align: middle;
17173 content: "";
17174 background: 50%/100% 100% no-repeat;
17177 .navbar-nav-scroll {
17178 max-height: 75vh;
17179 overflow-y: auto;
17182 @media (max-width: 575.98px) {
17183 .navbar-expand-sm > .container,
17184 .navbar-expand-sm > .container-fluid,
17185 .navbar-expand-sm > .container-sm,
17186 .navbar-expand-sm > .container-md,
17187 .navbar-expand-sm > .container-lg,
17188 .navbar-expand-sm > .container-xl {
17189 padding-right: 0;
17190 padding-left: 0;
17193 @media (min-width: 576px) {
17194 .navbar-expand-sm {
17195 flex-flow: row nowrap;
17196 justify-content: flex-start;
17198 .navbar-expand-sm .navbar-nav {
17199 flex-direction: row;
17201 .navbar-expand-sm .navbar-nav .dropdown-menu {
17202 position: absolute;
17204 .navbar-expand-sm .navbar-nav .nav-link {
17205 padding-right: 0.5rem;
17206 padding-left: 0.5rem;
17208 .navbar-expand-sm > .container,
17209 .navbar-expand-sm > .container-fluid,
17210 .navbar-expand-sm > .container-sm,
17211 .navbar-expand-sm > .container-md,
17212 .navbar-expand-sm > .container-lg,
17213 .navbar-expand-sm > .container-xl {
17214 flex-wrap: nowrap;
17216 .navbar-expand-sm .navbar-nav-scroll {
17217 overflow: visible;
17219 .navbar-expand-sm .navbar-collapse {
17220 display: flex !important;
17221 flex-basis: auto;
17223 .navbar-expand-sm .navbar-toggler {
17224 display: none;
17227 @media (max-width: 767.98px) {
17228 .navbar-expand-md > .container,
17229 .navbar-expand-md > .container-fluid,
17230 .navbar-expand-md > .container-sm,
17231 .navbar-expand-md > .container-md,
17232 .navbar-expand-md > .container-lg,
17233 .navbar-expand-md > .container-xl {
17234 padding-right: 0;
17235 padding-left: 0;
17238 @media (min-width: 768px) {
17239 .navbar-expand-md {
17240 flex-flow: row nowrap;
17241 justify-content: flex-start;
17243 .navbar-expand-md .navbar-nav {
17244 flex-direction: row;
17246 .navbar-expand-md .navbar-nav .dropdown-menu {
17247 position: absolute;
17249 .navbar-expand-md .navbar-nav .nav-link {
17250 padding-right: 0.5rem;
17251 padding-left: 0.5rem;
17253 .navbar-expand-md > .container,
17254 .navbar-expand-md > .container-fluid,
17255 .navbar-expand-md > .container-sm,
17256 .navbar-expand-md > .container-md,
17257 .navbar-expand-md > .container-lg,
17258 .navbar-expand-md > .container-xl {
17259 flex-wrap: nowrap;
17261 .navbar-expand-md .navbar-nav-scroll {
17262 overflow: visible;
17264 .navbar-expand-md .navbar-collapse {
17265 display: flex !important;
17266 flex-basis: auto;
17268 .navbar-expand-md .navbar-toggler {
17269 display: none;
17272 @media (max-width: 991.98px) {
17273 .navbar-expand-lg > .container,
17274 .navbar-expand-lg > .container-fluid,
17275 .navbar-expand-lg > .container-sm,
17276 .navbar-expand-lg > .container-md,
17277 .navbar-expand-lg > .container-lg,
17278 .navbar-expand-lg > .container-xl {
17279 padding-right: 0;
17280 padding-left: 0;
17283 @media (min-width: 992px) {
17284 .navbar-expand-lg {
17285 flex-flow: row nowrap;
17286 justify-content: flex-start;
17288 .navbar-expand-lg .navbar-nav {
17289 flex-direction: row;
17291 .navbar-expand-lg .navbar-nav .dropdown-menu {
17292 position: absolute;
17294 .navbar-expand-lg .navbar-nav .nav-link {
17295 padding-right: 0.5rem;
17296 padding-left: 0.5rem;
17298 .navbar-expand-lg > .container,
17299 .navbar-expand-lg > .container-fluid,
17300 .navbar-expand-lg > .container-sm,
17301 .navbar-expand-lg > .container-md,
17302 .navbar-expand-lg > .container-lg,
17303 .navbar-expand-lg > .container-xl {
17304 flex-wrap: nowrap;
17306 .navbar-expand-lg .navbar-nav-scroll {
17307 overflow: visible;
17309 .navbar-expand-lg .navbar-collapse {
17310 display: flex !important;
17311 flex-basis: auto;
17313 .navbar-expand-lg .navbar-toggler {
17314 display: none;
17317 @media (max-width: 1199.98px) {
17318 .navbar-expand-xl > .container,
17319 .navbar-expand-xl > .container-fluid,
17320 .navbar-expand-xl > .container-sm,
17321 .navbar-expand-xl > .container-md,
17322 .navbar-expand-xl > .container-lg,
17323 .navbar-expand-xl > .container-xl {
17324 padding-right: 0;
17325 padding-left: 0;
17328 @media (min-width: 1200px) {
17329 .navbar-expand-xl {
17330 flex-flow: row nowrap;
17331 justify-content: flex-start;
17333 .navbar-expand-xl .navbar-nav {
17334 flex-direction: row;
17336 .navbar-expand-xl .navbar-nav .dropdown-menu {
17337 position: absolute;
17339 .navbar-expand-xl .navbar-nav .nav-link {
17340 padding-right: 0.5rem;
17341 padding-left: 0.5rem;
17343 .navbar-expand-xl > .container,
17344 .navbar-expand-xl > .container-fluid,
17345 .navbar-expand-xl > .container-sm,
17346 .navbar-expand-xl > .container-md,
17347 .navbar-expand-xl > .container-lg,
17348 .navbar-expand-xl > .container-xl {
17349 flex-wrap: nowrap;
17351 .navbar-expand-xl .navbar-nav-scroll {
17352 overflow: visible;
17354 .navbar-expand-xl .navbar-collapse {
17355 display: flex !important;
17356 flex-basis: auto;
17358 .navbar-expand-xl .navbar-toggler {
17359 display: none;
17362 .navbar-expand {
17363 flex-flow: row nowrap;
17364 justify-content: flex-start;
17366 .navbar-expand > .container,
17367 .navbar-expand > .container-fluid,
17368 .navbar-expand > .container-sm,
17369 .navbar-expand > .container-md,
17370 .navbar-expand > .container-lg,
17371 .navbar-expand > .container-xl {
17372 padding-right: 0;
17373 padding-left: 0;
17375 .navbar-expand .navbar-nav {
17376 flex-direction: row;
17378 .navbar-expand .navbar-nav .dropdown-menu {
17379 position: absolute;
17381 .navbar-expand .navbar-nav .nav-link {
17382 padding-right: 0.5rem;
17383 padding-left: 0.5rem;
17385 .navbar-expand > .container,
17386 .navbar-expand > .container-fluid,
17387 .navbar-expand > .container-sm,
17388 .navbar-expand > .container-md,
17389 .navbar-expand > .container-lg,
17390 .navbar-expand > .container-xl {
17391 flex-wrap: nowrap;
17393 .navbar-expand .navbar-nav-scroll {
17394 overflow: visible;
17396 .navbar-expand .navbar-collapse {
17397 display: flex !important;
17398 flex-basis: auto;
17400 .navbar-expand .navbar-toggler {
17401 display: none;
17404 .navbar-light .navbar-brand {
17405 color: rgba(0, 0, 0, 0.9);
17407 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
17408 color: rgba(0, 0, 0, 0.9);
17410 .navbar-light .navbar-nav .nav-link {
17411 color: rgba(0, 0, 0, 0.6);
17413 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
17414 color: rgba(0, 0, 0, 0.9);
17416 .navbar-light .navbar-nav .nav-link.disabled {
17417 color: rgba(0, 0, 0, 0.3);
17419 .navbar-light .navbar-nav .show > .nav-link,
17420 .navbar-light .navbar-nav .active > .nav-link,
17421 .navbar-light .navbar-nav .nav-link.show,
17422 .navbar-light .navbar-nav .nav-link.active {
17423 color: rgba(0, 0, 0, 0.9);
17425 .navbar-light .navbar-toggler {
17426 color: rgba(0, 0, 0, 0.6);
17427 border-color: rgba(0, 0, 0, 0.1);
17429 .navbar-light .navbar-toggler-icon {
17430 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");
17432 .navbar-light .navbar-text {
17433 color: rgba(0, 0, 0, 0.6);
17435 .navbar-light .navbar-text a {
17436 color: rgba(0, 0, 0, 0.9);
17438 .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
17439 color: rgba(0, 0, 0, 0.9);
17442 .navbar-dark .navbar-brand {
17443 color: #fff;
17445 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
17446 color: #fff;
17448 .navbar-dark .navbar-nav .nav-link {
17449 color: rgba(255, 255, 255, 0.5);
17451 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
17452 color: white;
17454 .navbar-dark .navbar-nav .nav-link.disabled {
17455 color: rgba(255, 255, 255, 0.25);
17457 .navbar-dark .navbar-nav .show > .nav-link,
17458 .navbar-dark .navbar-nav .active > .nav-link,
17459 .navbar-dark .navbar-nav .nav-link.show,
17460 .navbar-dark .navbar-nav .nav-link.active {
17461 color: #fff;
17463 .navbar-dark .navbar-toggler {
17464 color: rgba(255, 255, 255, 0.5);
17465 border-color: rgba(255, 255, 255, 0.1);
17467 .navbar-dark .navbar-toggler-icon {
17468 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");
17470 .navbar-dark .navbar-text {
17471 color: rgba(255, 255, 255, 0.5);
17473 .navbar-dark .navbar-text a {
17474 color: #fff;
17476 .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
17477 color: #fff;
17480 .card {
17481 position: relative;
17482 display: flex;
17483 flex-direction: column;
17484 min-width: 0;
17485 word-wrap: break-word;
17486 background-color: #fff;
17487 background-clip: border-box;
17488 border: 1px solid rgba(0, 0, 0, 0.125);
17489 border-radius: 0.5rem;
17491 .card > hr {
17492 margin-right: 0;
17493 margin-left: 0;
17495 .card > .list-group {
17496 border-top: inherit;
17497 border-bottom: inherit;
17499 .card > .list-group:first-child {
17500 border-top-width: 0;
17501 border-top-left-radius: calc(0.5rem - 1px);
17502 border-top-right-radius: calc(0.5rem - 1px);
17504 .card > .list-group:last-child {
17505 border-bottom-width: 0;
17506 border-bottom-right-radius: calc(0.5rem - 1px);
17507 border-bottom-left-radius: calc(0.5rem - 1px);
17509 .card > .card-header + .list-group,
17510 .card > .list-group + .card-footer {
17511 border-top: 0;
17514 .card-body {
17515 flex: 1 1 auto;
17516 min-height: 1px;
17517 padding: 1.25rem;
17520 .card-title {
17521 margin-bottom: 0.75rem;
17524 .card-subtitle {
17525 margin-top: -0.375rem;
17526 margin-bottom: 0;
17529 .card-text:last-child {
17530 margin-bottom: 0;
17533 .card-link:hover {
17534 text-decoration: none;
17536 .card-link + .card-link {
17537 margin-left: 1.25rem;
17540 .card-header {
17541 padding: 0.75rem 1.25rem;
17542 margin-bottom: 0;
17543 background-color: rgba(0, 0, 0, 0.03);
17544 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
17546 .card-header:first-child {
17547 border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
17550 .card-footer {
17551 padding: 0.75rem 1.25rem;
17552 background-color: rgba(0, 0, 0, 0.03);
17553 border-top: 1px solid rgba(0, 0, 0, 0.125);
17555 .card-footer:last-child {
17556 border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
17559 .card-header-tabs {
17560 margin-right: -0.625rem;
17561 margin-bottom: -0.75rem;
17562 margin-left: -0.625rem;
17563 border-bottom: 0;
17566 .card-header-pills {
17567 margin-right: -0.625rem;
17568 margin-left: -0.625rem;
17571 .card-img-overlay {
17572 position: absolute;
17573 top: 0;
17574 right: 0;
17575 bottom: 0;
17576 left: 0;
17577 padding: 1.25rem;
17578 border-radius: calc(0.5rem - 1px);
17581 .card-img,
17582 .card-img-top,
17583 .card-img-bottom {
17584 flex-shrink: 0;
17585 width: 100%;
17588 .card-img,
17589 .card-img-top {
17590 border-top-left-radius: calc(0.5rem - 1px);
17591 border-top-right-radius: calc(0.5rem - 1px);
17594 .card-img,
17595 .card-img-bottom {
17596 border-bottom-right-radius: calc(0.5rem - 1px);
17597 border-bottom-left-radius: calc(0.5rem - 1px);
17600 .card-deck .card {
17601 margin-bottom: 0.25rem;
17603 @media (min-width: 576px) {
17604 .card-deck {
17605 display: flex;
17606 flex-flow: row wrap;
17607 margin-right: -0.25rem;
17608 margin-left: -0.25rem;
17610 .card-deck .card {
17611 flex: 1 0 0%;
17612 margin-right: 0.25rem;
17613 margin-bottom: 0;
17614 margin-left: 0.25rem;
17618 .card-group > .card {
17619 margin-bottom: 0.25rem;
17621 @media (min-width: 576px) {
17622 .card-group {
17623 display: flex;
17624 flex-flow: row wrap;
17626 .card-group > .card {
17627 flex: 1 0 0%;
17628 margin-bottom: 0;
17630 .card-group > .card + .card {
17631 margin-left: 0;
17632 border-left: 0;
17634 .card-group > .card:not(:last-child) {
17635 border-top-right-radius: 0;
17636 border-bottom-right-radius: 0;
17638 .card-group > .card:not(:last-child) .card-img-top,
17639 .card-group > .card:not(:last-child) .card-header {
17640 border-top-right-radius: 0;
17642 .card-group > .card:not(:last-child) .card-img-bottom,
17643 .card-group > .card:not(:last-child) .card-footer {
17644 border-bottom-right-radius: 0;
17646 .card-group > .card:not(:first-child) {
17647 border-top-left-radius: 0;
17648 border-bottom-left-radius: 0;
17650 .card-group > .card:not(:first-child) .card-img-top,
17651 .card-group > .card:not(:first-child) .card-header {
17652 border-top-left-radius: 0;
17654 .card-group > .card:not(:first-child) .card-img-bottom,
17655 .card-group > .card:not(:first-child) .card-footer {
17656 border-bottom-left-radius: 0;
17660 .card-columns .card {
17661 margin-bottom: 0.75rem;
17663 @media (min-width: 576px) {
17664 .card-columns {
17665 column-count: 3;
17666 column-gap: 1.25rem;
17667 orphans: 1;
17668 widows: 1;
17670 .card-columns .card {
17671 display: inline-block;
17672 width: 100%;
17676 .accordion {
17677 overflow-anchor: none;
17679 .accordion > .card {
17680 overflow: hidden;
17682 .accordion > .card:not(:last-of-type) {
17683 border-bottom: 0;
17684 border-bottom-right-radius: 0;
17685 border-bottom-left-radius: 0;
17687 .accordion > .card:not(:first-of-type) {
17688 border-top-left-radius: 0;
17689 border-top-right-radius: 0;
17691 .accordion > .card > .card-header {
17692 border-radius: 0;
17693 margin-bottom: -1px;
17696 .breadcrumb {
17697 display: flex;
17698 flex-wrap: wrap;
17699 padding: 0.5rem 0;
17700 margin-bottom: 0;
17701 list-style: none;
17702 background-color: transparent;
17703 border-radius: 0.5rem;
17706 .breadcrumb-item + .breadcrumb-item {
17707 padding-left: 0.5rem;
17709 .breadcrumb-item + .breadcrumb-item::before {
17710 float: left;
17711 padding-right: 0.5rem;
17712 color: #6a737b;
17713 content: "/";
17715 .breadcrumb-item + .breadcrumb-item:hover::before {
17716 text-decoration: underline;
17718 .breadcrumb-item + .breadcrumb-item:hover::before {
17719 text-decoration: none;
17721 .breadcrumb-item.active {
17722 color: #6a737b;
17725 .pagination {
17726 display: flex;
17727 padding-left: 0;
17728 list-style: none;
17729 border-radius: 0.5rem;
17732 .page-link {
17733 position: relative;
17734 display: block;
17735 padding: 0.5rem 0.75rem;
17736 margin-left: -1px;
17737 line-height: 1.25;
17738 color: #0f6cbf;
17739 background-color: #fff;
17740 border: 1px solid #dee2e6;
17742 .page-link:hover {
17743 z-index: 2;
17744 color: #094478;
17745 text-decoration: none;
17746 background-color: #e9ecef;
17747 border-color: #dee2e6;
17749 .page-link:focus {
17750 z-index: 3;
17751 outline: 0;
17752 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
17755 .page-item:first-child .page-link {
17756 margin-left: 0;
17757 border-top-left-radius: 0.5rem;
17758 border-bottom-left-radius: 0.5rem;
17760 .page-item:last-child .page-link {
17761 border-top-right-radius: 0.5rem;
17762 border-bottom-right-radius: 0.5rem;
17764 .page-item.active .page-link {
17765 z-index: 3;
17766 color: #fff;
17767 background-color: #0f6cbf;
17768 border-color: #0f6cbf;
17770 .page-item.disabled .page-link {
17771 color: #6a737b;
17772 pointer-events: none;
17773 cursor: auto;
17774 background-color: #fff;
17775 border-color: #dee2e6;
17778 .pagination-lg .page-link {
17779 padding: 0.75rem 1.5rem;
17780 font-size: 1.171875rem;
17781 line-height: 1.5;
17783 @media (max-width: 1200px) {
17784 .pagination-lg .page-link {
17785 font-size: calc(0.9271875rem + 0.32625vw);
17788 .pagination-lg .page-item:first-child .page-link {
17789 border-top-left-radius: 0.6rem;
17790 border-bottom-left-radius: 0.6rem;
17792 .pagination-lg .page-item:last-child .page-link {
17793 border-top-right-radius: 0.6rem;
17794 border-bottom-right-radius: 0.6rem;
17797 .pagination-sm .page-link {
17798 padding: 0.25rem 0.5rem;
17799 font-size: 0.8203125rem;
17800 line-height: 1.5;
17802 .pagination-sm .page-item:first-child .page-link {
17803 border-top-left-radius: 0.2rem;
17804 border-bottom-left-radius: 0.2rem;
17806 .pagination-sm .page-item:last-child .page-link {
17807 border-top-right-radius: 0.2rem;
17808 border-bottom-right-radius: 0.2rem;
17811 .badge {
17812 display: inline-block;
17813 padding: 0.25em 0.4em;
17814 font-size: 75%;
17815 font-weight: 700;
17816 line-height: 1;
17817 text-align: center;
17818 white-space: nowrap;
17819 vertical-align: baseline;
17820 border-radius: 0.5rem;
17821 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;
17823 @media (prefers-reduced-motion: reduce) {
17824 .badge {
17825 transition: none;
17828 a.badge:hover, a.badge:focus {
17829 text-decoration: none;
17832 .badge:empty {
17833 display: none;
17836 .btn .badge {
17837 position: relative;
17838 top: -1px;
17841 .badge-pill {
17842 padding-right: 0.6em;
17843 padding-left: 0.6em;
17844 border-radius: 10rem;
17847 .badge-primary {
17848 color: #fff;
17849 background-color: #0f6cbf;
17851 a.badge-primary:hover, a.badge-primary:focus {
17852 color: #fff;
17853 background-color: #0b5190;
17855 a.badge-primary:focus, a.badge-primary.focus {
17856 outline: 0;
17857 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
17860 .badge-secondary {
17861 color: #1d2125;
17862 background-color: #ced4da;
17864 a.badge-secondary:hover, a.badge-secondary:focus {
17865 color: #1d2125;
17866 background-color: #b1bbc4;
17868 a.badge-secondary:focus, a.badge-secondary.focus {
17869 outline: 0;
17870 box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5);
17873 .badge-success {
17874 color: #fff;
17875 background-color: #357a32;
17877 a.badge-success:hover, a.badge-success:focus {
17878 color: #fff;
17879 background-color: #255623;
17881 a.badge-success:focus, a.badge-success.focus {
17882 outline: 0;
17883 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
17886 .badge-info {
17887 color: #fff;
17888 background-color: #008196;
17890 a.badge-info:hover, a.badge-info:focus {
17891 color: #fff;
17892 background-color: #005563;
17894 a.badge-info:focus, a.badge-info.focus {
17895 outline: 0;
17896 box-shadow: 0 0 0 0.2rem rgba(0, 129, 150, 0.5);
17899 .badge-warning {
17900 color: #1d2125;
17901 background-color: #f0ad4e;
17903 a.badge-warning:hover, a.badge-warning:focus {
17904 color: #1d2125;
17905 background-color: #ec971f;
17907 a.badge-warning:focus, a.badge-warning.focus {
17908 outline: 0;
17909 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
17912 .badge-danger {
17913 color: #fff;
17914 background-color: #ca3120;
17916 a.badge-danger:hover, a.badge-danger:focus {
17917 color: #fff;
17918 background-color: #9e2619;
17920 a.badge-danger:focus, a.badge-danger.focus {
17921 outline: 0;
17922 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
17925 .badge-light {
17926 color: #1d2125;
17927 background-color: #f8f9fa;
17929 a.badge-light:hover, a.badge-light:focus {
17930 color: #1d2125;
17931 background-color: #dae0e5;
17933 a.badge-light:focus, a.badge-light.focus {
17934 outline: 0;
17935 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
17938 .badge-dark {
17939 color: #fff;
17940 background-color: #343a40;
17942 a.badge-dark:hover, a.badge-dark:focus {
17943 color: #fff;
17944 background-color: #1d2124;
17946 a.badge-dark:focus, a.badge-dark.focus {
17947 outline: 0;
17948 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
17951 .jumbotron {
17952 padding: 2rem 1rem;
17953 margin-bottom: 2rem;
17954 background-color: #e9ecef;
17955 border-radius: 0.6rem;
17957 @media (min-width: 576px) {
17958 .jumbotron {
17959 padding: 4rem 2rem;
17963 .jumbotron-fluid {
17964 padding-right: 0;
17965 padding-left: 0;
17966 border-radius: 0;
17969 .alert {
17970 position: relative;
17971 padding: 0.75rem 1.25rem;
17972 margin-bottom: 1rem;
17973 border: 0 solid transparent;
17974 border-radius: 0.5rem;
17977 .alert-heading {
17978 color: inherit;
17981 .alert-link {
17982 font-weight: 700;
17985 .alert-dismissible {
17986 padding-right: 3.90625rem;
17988 .alert-dismissible .close {
17989 position: absolute;
17990 top: 0;
17991 right: 0;
17992 z-index: 2;
17993 padding: 0.75rem 1.25rem;
17994 color: inherit;
17997 .alert-primary {
17998 color: #083863;
17999 background-color: #cfe2f2;
18000 border-color: #bcd6ed;
18002 .alert-primary hr {
18003 border-top-color: #a8cae8;
18005 .alert-primary .alert-link {
18006 color: #041d34;
18009 .alert-secondary {
18010 color: #6b6e71;
18011 background-color: #f5f6f8;
18012 border-color: #f1f3f5;
18014 .alert-secondary hr {
18015 border-top-color: #e2e6ea;
18017 .alert-secondary .alert-link {
18018 color: #525557;
18021 .alert-success, .environmenttable .ok {
18022 color: #1c3f1a;
18023 background-color: #d7e4d6;
18024 border-color: #c6dac6;
18026 .alert-success hr, .environmenttable .ok hr {
18027 border-top-color: #b7d0b7;
18029 .alert-success .alert-link, .environmenttable .ok .alert-link {
18030 color: #0c1b0b;
18033 .alert-info {
18034 color: #00434e;
18035 background-color: #cce6ea;
18036 border-color: #b8dce2;
18038 .alert-info hr {
18039 border-top-color: #a6d3db;
18041 .alert-info .alert-link {
18042 color: #00171b;
18045 .alert-warning, .environmenttable .warn {
18046 color: #7d5a29;
18047 background-color: #fcefdc;
18048 border-color: #fbe8cd;
18050 .alert-warning hr, .environmenttable .warn hr {
18051 border-top-color: #f9ddb5;
18053 .alert-warning .alert-link, .environmenttable .warn .alert-link {
18054 color: #573e1c;
18057 .alert-danger, .environmenttable .error {
18058 color: #691911;
18059 background-color: #f4d6d2;
18060 border-color: #f0c5c1;
18062 .alert-danger hr, .environmenttable .error hr {
18063 border-top-color: #ebb2ac;
18065 .alert-danger .alert-link, .environmenttable .error .alert-link {
18066 color: #3d0f0a;
18069 .alert-light {
18070 color: #818182;
18071 background-color: #fefefe;
18072 border-color: #fdfdfe;
18074 .alert-light hr {
18075 border-top-color: #ececf6;
18077 .alert-light .alert-link {
18078 color: #686868;
18081 .alert-dark {
18082 color: #1b1e21;
18083 background-color: #d6d8d9;
18084 border-color: #c6c8ca;
18086 .alert-dark hr {
18087 border-top-color: #b9bbbe;
18089 .alert-dark .alert-link {
18090 color: #040505;
18093 @keyframes progress-bar-stripes {
18094 from {
18095 background-position: 1rem 0;
18097 to {
18098 background-position: 0 0;
18101 .progress {
18102 display: flex;
18103 height: 1rem;
18104 overflow: hidden;
18105 line-height: 0;
18106 font-size: 0.703125rem;
18107 background-color: #e9ecef;
18108 border-radius: 0.5rem;
18111 .progress-bar {
18112 display: flex;
18113 flex-direction: column;
18114 justify-content: center;
18115 overflow: hidden;
18116 color: #fff;
18117 text-align: center;
18118 white-space: nowrap;
18119 background-color: #0f6cbf;
18120 transition: width 0.6s ease;
18122 @media (prefers-reduced-motion: reduce) {
18123 .progress-bar {
18124 transition: none;
18128 .progress-bar-striped {
18129 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);
18130 background-size: 1rem 1rem;
18133 .progress-bar-animated {
18134 animation: 1s linear infinite progress-bar-stripes;
18136 @media (prefers-reduced-motion: reduce) {
18137 .progress-bar-animated {
18138 animation: none;
18142 .media {
18143 display: flex;
18144 align-items: flex-start;
18147 .media-body {
18148 flex: 1;
18151 .list-group {
18152 display: flex;
18153 flex-direction: column;
18154 padding-left: 0;
18155 margin-bottom: 0;
18156 border-radius: 0.5rem;
18159 .list-group-item-action {
18160 width: 100%;
18161 color: #495057;
18162 text-align: inherit;
18164 .list-group-item-action:hover, .list-group-item-action:focus {
18165 z-index: 1;
18166 color: #495057;
18167 text-decoration: none;
18168 background-color: #f8f9fa;
18170 .list-group-item-action:active {
18171 color: #1d2125;
18172 background-color: #e9ecef;
18175 .list-group-item {
18176 position: relative;
18177 display: block;
18178 padding: 0.75rem 1.25rem;
18179 background-color: #fff;
18180 border: 1px solid rgba(0, 0, 0, 0.125);
18182 .list-group-item:first-child {
18183 border-top-left-radius: inherit;
18184 border-top-right-radius: inherit;
18186 .list-group-item:last-child {
18187 border-bottom-right-radius: inherit;
18188 border-bottom-left-radius: inherit;
18190 .list-group-item.disabled, .list-group-item:disabled {
18191 color: #6a737b;
18192 pointer-events: none;
18193 background-color: #fff;
18195 .list-group-item.active {
18196 z-index: 2;
18197 color: #fff;
18198 background-color: #0f6cbf;
18199 border-color: #0f6cbf;
18201 .list-group-item + .list-group-item {
18202 border-top-width: 0;
18204 .list-group-item + .list-group-item.active {
18205 margin-top: -1px;
18206 border-top-width: 1px;
18209 .list-group-horizontal {
18210 flex-direction: row;
18212 .list-group-horizontal > .list-group-item:first-child {
18213 border-bottom-left-radius: 0.5rem;
18214 border-top-right-radius: 0;
18216 .list-group-horizontal > .list-group-item:last-child {
18217 border-top-right-radius: 0.5rem;
18218 border-bottom-left-radius: 0;
18220 .list-group-horizontal > .list-group-item.active {
18221 margin-top: 0;
18223 .list-group-horizontal > .list-group-item + .list-group-item {
18224 border-top-width: 1px;
18225 border-left-width: 0;
18227 .list-group-horizontal > .list-group-item + .list-group-item.active {
18228 margin-left: -1px;
18229 border-left-width: 1px;
18232 @media (min-width: 576px) {
18233 .list-group-horizontal-sm {
18234 flex-direction: row;
18236 .list-group-horizontal-sm > .list-group-item:first-child {
18237 border-bottom-left-radius: 0.5rem;
18238 border-top-right-radius: 0;
18240 .list-group-horizontal-sm > .list-group-item:last-child {
18241 border-top-right-radius: 0.5rem;
18242 border-bottom-left-radius: 0;
18244 .list-group-horizontal-sm > .list-group-item.active {
18245 margin-top: 0;
18247 .list-group-horizontal-sm > .list-group-item + .list-group-item {
18248 border-top-width: 1px;
18249 border-left-width: 0;
18251 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
18252 margin-left: -1px;
18253 border-left-width: 1px;
18256 @media (min-width: 768px) {
18257 .list-group-horizontal-md {
18258 flex-direction: row;
18260 .list-group-horizontal-md > .list-group-item:first-child {
18261 border-bottom-left-radius: 0.5rem;
18262 border-top-right-radius: 0;
18264 .list-group-horizontal-md > .list-group-item:last-child {
18265 border-top-right-radius: 0.5rem;
18266 border-bottom-left-radius: 0;
18268 .list-group-horizontal-md > .list-group-item.active {
18269 margin-top: 0;
18271 .list-group-horizontal-md > .list-group-item + .list-group-item {
18272 border-top-width: 1px;
18273 border-left-width: 0;
18275 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
18276 margin-left: -1px;
18277 border-left-width: 1px;
18280 @media (min-width: 992px) {
18281 .list-group-horizontal-lg {
18282 flex-direction: row;
18284 .list-group-horizontal-lg > .list-group-item:first-child {
18285 border-bottom-left-radius: 0.5rem;
18286 border-top-right-radius: 0;
18288 .list-group-horizontal-lg > .list-group-item:last-child {
18289 border-top-right-radius: 0.5rem;
18290 border-bottom-left-radius: 0;
18292 .list-group-horizontal-lg > .list-group-item.active {
18293 margin-top: 0;
18295 .list-group-horizontal-lg > .list-group-item + .list-group-item {
18296 border-top-width: 1px;
18297 border-left-width: 0;
18299 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
18300 margin-left: -1px;
18301 border-left-width: 1px;
18304 @media (min-width: 1200px) {
18305 .list-group-horizontal-xl {
18306 flex-direction: row;
18308 .list-group-horizontal-xl > .list-group-item:first-child {
18309 border-bottom-left-radius: 0.5rem;
18310 border-top-right-radius: 0;
18312 .list-group-horizontal-xl > .list-group-item:last-child {
18313 border-top-right-radius: 0.5rem;
18314 border-bottom-left-radius: 0;
18316 .list-group-horizontal-xl > .list-group-item.active {
18317 margin-top: 0;
18319 .list-group-horizontal-xl > .list-group-item + .list-group-item {
18320 border-top-width: 1px;
18321 border-left-width: 0;
18323 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
18324 margin-left: -1px;
18325 border-left-width: 1px;
18328 .list-group-flush {
18329 border-radius: 0;
18331 .list-group-flush > .list-group-item {
18332 border-width: 0 0 1px;
18334 .list-group-flush > .list-group-item:last-child {
18335 border-bottom-width: 0;
18338 .list-group-item-primary {
18339 color: #083863;
18340 background-color: #bcd6ed;
18342 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
18343 color: #083863;
18344 background-color: #a8cae8;
18346 .list-group-item-primary.list-group-item-action.active {
18347 color: #fff;
18348 background-color: #083863;
18349 border-color: #083863;
18352 .list-group-item-secondary {
18353 color: #6b6e71;
18354 background-color: #f1f3f5;
18356 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
18357 color: #6b6e71;
18358 background-color: #e2e6ea;
18360 .list-group-item-secondary.list-group-item-action.active {
18361 color: #fff;
18362 background-color: #6b6e71;
18363 border-color: #6b6e71;
18366 .list-group-item-success {
18367 color: #1c3f1a;
18368 background-color: #c6dac6;
18370 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
18371 color: #1c3f1a;
18372 background-color: #b7d0b7;
18374 .list-group-item-success.list-group-item-action.active {
18375 color: #fff;
18376 background-color: #1c3f1a;
18377 border-color: #1c3f1a;
18380 .list-group-item-info {
18381 color: #00434e;
18382 background-color: #b8dce2;
18384 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
18385 color: #00434e;
18386 background-color: #a6d3db;
18388 .list-group-item-info.list-group-item-action.active {
18389 color: #fff;
18390 background-color: #00434e;
18391 border-color: #00434e;
18394 .list-group-item-warning {
18395 color: #7d5a29;
18396 background-color: #fbe8cd;
18398 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
18399 color: #7d5a29;
18400 background-color: #f9ddb5;
18402 .list-group-item-warning.list-group-item-action.active {
18403 color: #fff;
18404 background-color: #7d5a29;
18405 border-color: #7d5a29;
18408 .list-group-item-danger {
18409 color: #691911;
18410 background-color: #f0c5c1;
18412 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
18413 color: #691911;
18414 background-color: #ebb2ac;
18416 .list-group-item-danger.list-group-item-action.active {
18417 color: #fff;
18418 background-color: #691911;
18419 border-color: #691911;
18422 .list-group-item-light {
18423 color: #818182;
18424 background-color: #fdfdfe;
18426 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
18427 color: #818182;
18428 background-color: #ececf6;
18430 .list-group-item-light.list-group-item-action.active {
18431 color: #fff;
18432 background-color: #818182;
18433 border-color: #818182;
18436 .list-group-item-dark {
18437 color: #1b1e21;
18438 background-color: #c6c8ca;
18440 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
18441 color: #1b1e21;
18442 background-color: #b9bbbe;
18444 .list-group-item-dark.list-group-item-action.active {
18445 color: #fff;
18446 background-color: #1b1e21;
18447 border-color: #1b1e21;
18450 .close {
18451 float: right;
18452 font-size: 1.40625rem;
18453 font-weight: 700;
18454 line-height: 1;
18455 color: #000;
18456 text-shadow: 0 1px 0 #fff;
18457 opacity: 0.5;
18459 @media (max-width: 1200px) {
18460 .close {
18461 font-size: calc(0.950625rem + 0.6075vw);
18464 .close:hover {
18465 color: #000;
18466 text-decoration: none;
18468 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
18469 opacity: 0.75;
18472 button.close {
18473 padding: 0;
18474 background-color: transparent;
18475 border: 0;
18478 a.close.disabled {
18479 pointer-events: none;
18482 .toast {
18483 flex-basis: 350px;
18484 max-width: 350px;
18485 font-size: 0.875rem;
18486 color: #fff;
18487 background-color: rgba(29, 33, 37, 0.95);
18488 background-clip: padding-box;
18489 border: 1px solid rgba(0, 0, 0, 0.1);
18490 box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
18491 opacity: 0;
18492 border-radius: 0.25rem;
18494 .toast:not(:last-child) {
18495 margin-bottom: 0.75rem;
18497 .toast.showing {
18498 opacity: 1;
18500 .toast.show {
18501 display: block;
18502 opacity: 1;
18504 .toast.hide {
18505 display: none;
18508 .toast-header {
18509 display: flex;
18510 align-items: center;
18511 padding: 0.25rem 0.75rem;
18512 color: #f8f9fa;
18513 background-color: rgba(255, 255, 255, 0.1);
18514 background-clip: padding-box;
18515 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
18516 border-top-left-radius: calc(0.25rem - 1px);
18517 border-top-right-radius: calc(0.25rem - 1px);
18520 .toast-body {
18521 padding: 0.75rem;
18524 .modal-open {
18525 overflow: hidden;
18527 .modal-open .modal {
18528 overflow-x: hidden;
18529 overflow-y: auto;
18532 .modal {
18533 position: fixed;
18534 top: 0;
18535 left: 0;
18536 z-index: 1050;
18537 display: none;
18538 width: 100%;
18539 height: 100%;
18540 overflow: hidden;
18541 outline: 0;
18544 .modal-dialog {
18545 position: relative;
18546 width: auto;
18547 margin: 0.5rem;
18548 pointer-events: none;
18550 .modal.fade .modal-dialog {
18551 transition: transform 0.3s ease-out;
18552 transform: translate(0, -50px);
18554 @media (prefers-reduced-motion: reduce) {
18555 .modal.fade .modal-dialog {
18556 transition: none;
18559 .modal.show .modal-dialog {
18560 transform: none;
18562 .modal.modal-static .modal-dialog {
18563 transform: scale(1.02);
18566 .modal-dialog-scrollable {
18567 display: flex;
18568 max-height: calc(100% - 1rem);
18570 .modal-dialog-scrollable .modal-content {
18571 max-height: calc(100vh - 1rem);
18572 overflow: hidden;
18574 .modal-dialog-scrollable .modal-header,
18575 .modal-dialog-scrollable .modal-footer {
18576 flex-shrink: 0;
18578 .modal-dialog-scrollable .modal-body {
18579 overflow-y: auto;
18582 .modal-dialog-centered {
18583 display: flex;
18584 align-items: center;
18585 min-height: calc(100% - 1rem);
18587 .modal-dialog-centered::before {
18588 display: block;
18589 height: calc(100vh - 1rem);
18590 height: min-content;
18591 content: "";
18593 .modal-dialog-centered.modal-dialog-scrollable {
18594 flex-direction: column;
18595 justify-content: center;
18596 height: 100%;
18598 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
18599 max-height: none;
18601 .modal-dialog-centered.modal-dialog-scrollable::before {
18602 content: none;
18605 .modal-content {
18606 position: relative;
18607 display: flex;
18608 flex-direction: column;
18609 width: 100%;
18610 pointer-events: auto;
18611 background-color: #fff;
18612 background-clip: padding-box;
18613 border: 1px solid rgba(0, 0, 0, 0.2);
18614 border-radius: 0.6rem;
18615 outline: 0;
18618 .modal-backdrop {
18619 position: fixed;
18620 top: 0;
18621 left: 0;
18622 z-index: 1040;
18623 width: 100vw;
18624 height: 100vh;
18625 background-color: #000;
18627 .modal-backdrop.fade {
18628 opacity: 0;
18630 .modal-backdrop.show {
18631 opacity: 0.5;
18634 .modal-header {
18635 display: flex;
18636 align-items: flex-start;
18637 justify-content: space-between;
18638 padding: 1rem 1rem;
18639 border-bottom: 1px solid #dee2e6;
18640 border-top-left-radius: calc(0.6rem - 1px);
18641 border-top-right-radius: calc(0.6rem - 1px);
18643 .modal-header .close {
18644 padding: 1rem 1rem;
18645 margin: -1rem -1rem -1rem auto;
18648 .modal-title {
18649 margin-bottom: 0;
18650 line-height: 1.5;
18653 .modal-body {
18654 position: relative;
18655 flex: 1 1 auto;
18656 padding: 1rem;
18659 .modal-footer {
18660 display: flex;
18661 flex-wrap: wrap;
18662 align-items: center;
18663 justify-content: flex-end;
18664 padding: 0.75rem;
18665 border-top: 1px solid #dee2e6;
18666 border-bottom-right-radius: calc(0.6rem - 1px);
18667 border-bottom-left-radius: calc(0.6rem - 1px);
18669 .modal-footer > * {
18670 margin: 0.25rem;
18673 .modal-scrollbar-measure {
18674 position: absolute;
18675 top: -9999px;
18676 width: 50px;
18677 height: 50px;
18678 overflow: scroll;
18681 @media (min-width: 576px) {
18682 .modal-dialog {
18683 max-width: 500px;
18684 margin: 1.75rem auto;
18686 .modal-dialog-scrollable {
18687 max-height: calc(100% - 3.5rem);
18689 .modal-dialog-scrollable .modal-content {
18690 max-height: calc(100vh - 3.5rem);
18692 .modal-dialog-centered {
18693 min-height: calc(100% - 3.5rem);
18695 .modal-dialog-centered::before {
18696 height: calc(100vh - 3.5rem);
18697 height: min-content;
18699 .modal-sm {
18700 max-width: 300px;
18703 @media (min-width: 992px) {
18704 .modal-lg,
18705 .modal-xl {
18706 max-width: 800px;
18709 @media (min-width: 1200px) {
18710 .modal-xl {
18711 max-width: 1140px;
18714 .tooltip {
18715 position: absolute;
18716 z-index: 1070;
18717 display: block;
18718 margin: 0;
18719 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";
18720 font-style: normal;
18721 font-weight: 400;
18722 line-height: 1.5;
18723 text-align: left;
18724 text-align: start;
18725 text-decoration: none;
18726 text-shadow: none;
18727 text-transform: none;
18728 letter-spacing: normal;
18729 word-break: normal;
18730 white-space: normal;
18731 word-spacing: normal;
18732 line-break: auto;
18733 font-size: 0.8203125rem;
18734 word-wrap: break-word;
18735 opacity: 0;
18737 .tooltip.show {
18738 opacity: 0.9;
18740 .tooltip .arrow {
18741 position: absolute;
18742 display: block;
18743 width: 0.8rem;
18744 height: 0.4rem;
18746 .tooltip .arrow::before {
18747 position: absolute;
18748 content: "";
18749 border-color: transparent;
18750 border-style: solid;
18753 .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
18754 padding: 0.4rem 0;
18756 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
18757 bottom: 0;
18759 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
18760 top: 0;
18761 border-width: 0.4rem 0.4rem 0;
18762 border-top-color: #000;
18765 .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
18766 padding: 0 0.4rem;
18768 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
18769 left: 0;
18770 width: 0.4rem;
18771 height: 0.8rem;
18773 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
18774 right: 0;
18775 border-width: 0.4rem 0.4rem 0.4rem 0;
18776 border-right-color: #000;
18779 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
18780 padding: 0.4rem 0;
18782 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
18783 top: 0;
18785 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
18786 bottom: 0;
18787 border-width: 0 0.4rem 0.4rem;
18788 border-bottom-color: #000;
18791 .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
18792 padding: 0 0.4rem;
18794 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
18795 right: 0;
18796 width: 0.4rem;
18797 height: 0.8rem;
18799 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
18800 left: 0;
18801 border-width: 0.4rem 0 0.4rem 0.4rem;
18802 border-left-color: #000;
18805 .tooltip-inner {
18806 max-width: 200px;
18807 padding: 0.25rem 0.5rem;
18808 color: #fff;
18809 text-align: center;
18810 background-color: #000;
18811 border-radius: 0.5rem;
18814 .popover {
18815 position: absolute;
18816 top: 0;
18817 z-index: 1060;
18818 display: block;
18819 max-width: 300px;
18820 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";
18821 font-style: normal;
18822 font-weight: 400;
18823 line-height: 1.5;
18824 text-align: left;
18825 text-align: start;
18826 text-decoration: none;
18827 text-shadow: none;
18828 text-transform: none;
18829 letter-spacing: normal;
18830 word-break: normal;
18831 white-space: normal;
18832 word-spacing: normal;
18833 line-break: auto;
18834 font-size: 0.8203125rem;
18835 word-wrap: break-word;
18836 background-color: #fff;
18837 background-clip: padding-box;
18838 border: 1px solid rgba(0, 0, 0, 0.2);
18839 border-radius: 0.6rem;
18841 .popover .arrow {
18842 position: absolute;
18843 display: block;
18844 width: 1rem;
18845 height: 0.5rem;
18846 margin: 0 0.6rem;
18848 .popover .arrow::before, .popover .arrow::after {
18849 position: absolute;
18850 display: block;
18851 content: "";
18852 border-color: transparent;
18853 border-style: solid;
18856 .bs-popover-top, .bs-popover-auto[x-placement^=top] {
18857 margin-bottom: 0.5rem;
18859 .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
18860 bottom: calc(-0.5rem - 1px);
18862 .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
18863 bottom: 0;
18864 border-width: 0.5rem 0.5rem 0;
18865 border-top-color: rgba(0, 0, 0, 0.25);
18867 .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
18868 bottom: 1px;
18869 border-width: 0.5rem 0.5rem 0;
18870 border-top-color: #fff;
18873 .bs-popover-right, .bs-popover-auto[x-placement^=right] {
18874 margin-left: 0.5rem;
18876 .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
18877 left: calc(-0.5rem - 1px);
18878 width: 0.5rem;
18879 height: 1rem;
18880 margin: 0.6rem 0;
18882 .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
18883 left: 0;
18884 border-width: 0.5rem 0.5rem 0.5rem 0;
18885 border-right-color: rgba(0, 0, 0, 0.25);
18887 .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
18888 left: 1px;
18889 border-width: 0.5rem 0.5rem 0.5rem 0;
18890 border-right-color: #fff;
18893 .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
18894 margin-top: 0.5rem;
18896 .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
18897 top: calc(-0.5rem - 1px);
18899 .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
18900 top: 0;
18901 border-width: 0 0.5rem 0.5rem 0.5rem;
18902 border-bottom-color: rgba(0, 0, 0, 0.25);
18904 .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
18905 top: 1px;
18906 border-width: 0 0.5rem 0.5rem 0.5rem;
18907 border-bottom-color: #fff;
18909 .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
18910 position: absolute;
18911 top: 0;
18912 left: 50%;
18913 display: block;
18914 width: 1rem;
18915 margin-left: -0.5rem;
18916 content: "";
18917 border-bottom: 1px solid #f7f7f7;
18920 .bs-popover-left, .bs-popover-auto[x-placement^=left] {
18921 margin-right: 0.5rem;
18923 .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
18924 right: calc(-0.5rem - 1px);
18925 width: 0.5rem;
18926 height: 1rem;
18927 margin: 0.6rem 0;
18929 .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
18930 right: 0;
18931 border-width: 0.5rem 0 0.5rem 0.5rem;
18932 border-left-color: rgba(0, 0, 0, 0.25);
18934 .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
18935 right: 1px;
18936 border-width: 0.5rem 0 0.5rem 0.5rem;
18937 border-left-color: #fff;
18940 .popover-header {
18941 padding: 0.5rem 0.75rem;
18942 margin-bottom: 0;
18943 font-size: 0.9375rem;
18944 background-color: #f7f7f7;
18945 border-bottom: 1px solid #ebebeb;
18946 border-top-left-radius: calc(0.6rem - 1px);
18947 border-top-right-radius: calc(0.6rem - 1px);
18949 @media (max-width: 1200px) {
18950 .popover-header {
18951 font-size: calc(0.90375rem + 0.045vw);
18954 .popover-header:empty {
18955 display: none;
18958 .popover-body {
18959 padding: 0.5rem 0.75rem;
18960 color: #1d2125;
18963 .carousel {
18964 position: relative;
18967 .carousel.pointer-event {
18968 touch-action: pan-y;
18971 .carousel-inner {
18972 position: relative;
18973 width: 100%;
18974 overflow: hidden;
18976 .carousel-inner::after {
18977 display: block;
18978 clear: both;
18979 content: "";
18982 .carousel-item {
18983 position: relative;
18984 display: none;
18985 float: left;
18986 width: 100%;
18987 margin-right: -100%;
18988 backface-visibility: hidden;
18989 transition: transform 0.6s ease-in-out;
18991 @media (prefers-reduced-motion: reduce) {
18992 .carousel-item {
18993 transition: none;
18997 .carousel-item.active,
18998 .carousel-item-next,
18999 .carousel-item-prev {
19000 display: block;
19003 .carousel-item-next:not(.carousel-item-left),
19004 .active.carousel-item-right {
19005 transform: translateX(100%);
19008 .carousel-item-prev:not(.carousel-item-right),
19009 .active.carousel-item-left {
19010 transform: translateX(-100%);
19013 .carousel-fade .carousel-item {
19014 opacity: 0;
19015 transition-property: opacity;
19016 transform: none;
19018 .carousel-fade .carousel-item.active,
19019 .carousel-fade .carousel-item-next.carousel-item-left,
19020 .carousel-fade .carousel-item-prev.carousel-item-right {
19021 z-index: 1;
19022 opacity: 1;
19024 .carousel-fade .active.carousel-item-left,
19025 .carousel-fade .active.carousel-item-right {
19026 z-index: 0;
19027 opacity: 0;
19028 transition: opacity 0s 0.6s;
19030 @media (prefers-reduced-motion: reduce) {
19031 .carousel-fade .active.carousel-item-left,
19032 .carousel-fade .active.carousel-item-right {
19033 transition: none;
19037 .carousel-control-prev,
19038 .carousel-control-next {
19039 position: absolute;
19040 top: 0;
19041 bottom: 0;
19042 z-index: 1;
19043 display: flex;
19044 align-items: center;
19045 justify-content: center;
19046 width: 15%;
19047 padding: 0;
19048 color: #fff;
19049 text-align: center;
19050 background: none;
19051 border: 0;
19052 opacity: 0.5;
19053 transition: opacity 0.15s ease;
19055 @media (prefers-reduced-motion: reduce) {
19056 .carousel-control-prev,
19057 .carousel-control-next {
19058 transition: none;
19061 .carousel-control-prev:hover, .carousel-control-prev:focus,
19062 .carousel-control-next:hover,
19063 .carousel-control-next:focus {
19064 color: #fff;
19065 text-decoration: none;
19066 outline: 0;
19067 opacity: 0.9;
19070 .carousel-control-prev {
19071 left: 0;
19074 .carousel-control-next {
19075 right: 0;
19078 .carousel-control-prev-icon,
19079 .carousel-control-next-icon {
19080 display: inline-block;
19081 width: 20px;
19082 height: 20px;
19083 background: 50%/100% 100% no-repeat;
19086 .carousel-control-prev-icon {
19087 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");
19090 .carousel-control-next-icon {
19091 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");
19094 .carousel-indicators {
19095 position: absolute;
19096 right: 0;
19097 bottom: 0;
19098 left: 0;
19099 z-index: 15;
19100 display: flex;
19101 justify-content: center;
19102 padding-left: 0;
19103 margin-right: 15%;
19104 margin-left: 15%;
19105 list-style: none;
19107 .carousel-indicators li {
19108 box-sizing: content-box;
19109 flex: 0 1 auto;
19110 width: 30px;
19111 height: 3px;
19112 margin-right: 3px;
19113 margin-left: 3px;
19114 text-indent: -999px;
19115 cursor: pointer;
19116 background-color: #fff;
19117 background-clip: padding-box;
19118 border-top: 10px solid transparent;
19119 border-bottom: 10px solid transparent;
19120 opacity: 0.5;
19121 transition: opacity 0.6s ease;
19123 @media (prefers-reduced-motion: reduce) {
19124 .carousel-indicators li {
19125 transition: none;
19128 .carousel-indicators .active {
19129 opacity: 1;
19132 .carousel-caption {
19133 position: absolute;
19134 right: 15%;
19135 bottom: 20px;
19136 left: 15%;
19137 z-index: 10;
19138 padding-top: 20px;
19139 padding-bottom: 20px;
19140 color: #fff;
19141 text-align: center;
19144 @keyframes spinner-border {
19145 to {
19146 transform: rotate(360deg);
19149 .spinner-border {
19150 display: inline-block;
19151 width: 2rem;
19152 height: 2rem;
19153 vertical-align: -0.125em;
19154 border: 0.25em solid currentcolor;
19155 border-right-color: transparent;
19156 border-radius: 50%;
19157 animation: 0.75s linear infinite spinner-border;
19160 .spinner-border-sm {
19161 width: 1rem;
19162 height: 1rem;
19163 border-width: 0.2em;
19166 @keyframes spinner-grow {
19167 0% {
19168 transform: scale(0);
19170 50% {
19171 opacity: 1;
19172 transform: none;
19175 .spinner-grow {
19176 display: inline-block;
19177 width: 2rem;
19178 height: 2rem;
19179 vertical-align: -0.125em;
19180 background-color: currentcolor;
19181 border-radius: 50%;
19182 opacity: 0;
19183 animation: 0.75s linear infinite spinner-grow;
19186 .spinner-grow-sm {
19187 width: 1rem;
19188 height: 1rem;
19191 @media (prefers-reduced-motion: reduce) {
19192 .spinner-border,
19193 .spinner-grow {
19194 animation-duration: 1.5s;
19197 .align-baseline {
19198 vertical-align: baseline !important;
19201 .align-top, [data-filterregion=value] div:first-of-type {
19202 vertical-align: top !important;
19205 .align-middle, .reportbuilder-table td {
19206 vertical-align: middle !important;
19209 .align-bottom {
19210 vertical-align: bottom !important;
19213 .align-text-bottom {
19214 vertical-align: text-bottom !important;
19217 .align-text-top {
19218 vertical-align: text-top !important;
19221 .bg-primary {
19222 background-color: #0f6cbf !important;
19225 a.bg-primary:hover, a.bg-primary:focus,
19226 button.bg-primary:hover,
19227 button.bg-primary:focus {
19228 background-color: #0b5190 !important;
19231 .bg-secondary {
19232 background-color: #ced4da !important;
19235 a.bg-secondary:hover, a.bg-secondary:focus,
19236 button.bg-secondary:hover,
19237 button.bg-secondary:focus {
19238 background-color: #b1bbc4 !important;
19241 .bg-success {
19242 background-color: #357a32 !important;
19245 a.bg-success:hover, a.bg-success:focus,
19246 button.bg-success:hover,
19247 button.bg-success:focus {
19248 background-color: #255623 !important;
19251 .bg-info {
19252 background-color: #008196 !important;
19255 a.bg-info:hover, a.bg-info:focus,
19256 button.bg-info:hover,
19257 button.bg-info:focus {
19258 background-color: #005563 !important;
19261 .bg-warning {
19262 background-color: #f0ad4e !important;
19265 a.bg-warning:hover, a.bg-warning:focus,
19266 button.bg-warning:hover,
19267 button.bg-warning:focus {
19268 background-color: #ec971f !important;
19271 .bg-danger {
19272 background-color: #ca3120 !important;
19275 a.bg-danger:hover, a.bg-danger:focus,
19276 button.bg-danger:hover,
19277 button.bg-danger:focus {
19278 background-color: #9e2619 !important;
19281 .bg-light {
19282 background-color: #f8f9fa !important;
19285 a.bg-light:hover, a.bg-light:focus,
19286 button.bg-light:hover,
19287 button.bg-light:focus {
19288 background-color: #dae0e5 !important;
19291 .bg-dark {
19292 background-color: #343a40 !important;
19295 a.bg-dark:hover, a.bg-dark:focus,
19296 button.bg-dark:hover,
19297 button.bg-dark:focus {
19298 background-color: #1d2124 !important;
19301 .bg-white {
19302 background-color: #fff !important;
19305 .bg-transparent {
19306 background-color: transparent !important;
19309 .border {
19310 border: 1px solid #dee2e6 !important;
19313 .border-top {
19314 border-top: 1px solid #dee2e6 !important;
19317 .border-right {
19318 border-right: 1px solid #dee2e6 !important;
19321 .border-bottom {
19322 border-bottom: 1px solid #dee2e6 !important;
19325 .border-left {
19326 border-left: 1px solid #dee2e6 !important;
19329 .border-0 {
19330 border: 0 !important;
19333 .border-top-0 {
19334 border-top: 0 !important;
19337 .border-right-0 {
19338 border-right: 0 !important;
19341 .border-bottom-0 {
19342 border-bottom: 0 !important;
19345 .border-left-0 {
19346 border-left: 0 !important;
19349 .border-primary {
19350 border-color: #0f6cbf !important;
19353 .border-secondary {
19354 border-color: #ced4da !important;
19357 .border-success {
19358 border-color: #357a32 !important;
19361 .border-info {
19362 border-color: #008196 !important;
19365 .border-warning {
19366 border-color: #f0ad4e !important;
19369 .border-danger {
19370 border-color: #ca3120 !important;
19373 .border-light {
19374 border-color: #f8f9fa !important;
19377 .border-dark {
19378 border-color: #343a40 !important;
19381 .border-white {
19382 border-color: #fff !important;
19385 .rounded-sm {
19386 border-radius: 0.2rem !important;
19389 .rounded {
19390 border-radius: 0.5rem !important;
19393 .rounded-top {
19394 border-top-left-radius: 0.5rem !important;
19395 border-top-right-radius: 0.5rem !important;
19398 .rounded-right {
19399 border-top-right-radius: 0.5rem !important;
19400 border-bottom-right-radius: 0.5rem !important;
19403 .rounded-bottom {
19404 border-bottom-right-radius: 0.5rem !important;
19405 border-bottom-left-radius: 0.5rem !important;
19408 .rounded-left {
19409 border-top-left-radius: 0.5rem !important;
19410 border-bottom-left-radius: 0.5rem !important;
19413 .rounded-lg {
19414 border-radius: 0.6rem !important;
19417 .rounded-circle {
19418 border-radius: 50% !important;
19421 .rounded-pill {
19422 border-radius: 50rem !important;
19425 .rounded-0 {
19426 border-radius: 0 !important;
19429 .clearfix::after {
19430 display: block;
19431 clear: both;
19432 content: "";
19435 .d-none {
19436 display: none !important;
19439 .d-inline {
19440 display: inline !important;
19443 .d-inline-block {
19444 display: inline-block !important;
19447 .d-block {
19448 display: block !important;
19451 .d-table {
19452 display: table !important;
19455 .d-table-row {
19456 display: table-row !important;
19459 .d-table-cell {
19460 display: table-cell !important;
19463 .d-flex {
19464 display: flex !important;
19467 .d-inline-flex {
19468 display: inline-flex !important;
19471 @media (min-width: 576px) {
19472 .d-sm-none {
19473 display: none !important;
19475 .d-sm-inline {
19476 display: inline !important;
19478 .d-sm-inline-block {
19479 display: inline-block !important;
19481 .d-sm-block {
19482 display: block !important;
19484 .d-sm-table {
19485 display: table !important;
19487 .d-sm-table-row {
19488 display: table-row !important;
19490 .d-sm-table-cell {
19491 display: table-cell !important;
19493 .d-sm-flex {
19494 display: flex !important;
19496 .d-sm-inline-flex {
19497 display: inline-flex !important;
19500 @media (min-width: 768px) {
19501 .d-md-none {
19502 display: none !important;
19504 .d-md-inline {
19505 display: inline !important;
19507 .d-md-inline-block {
19508 display: inline-block !important;
19510 .d-md-block {
19511 display: block !important;
19513 .d-md-table {
19514 display: table !important;
19516 .d-md-table-row {
19517 display: table-row !important;
19519 .d-md-table-cell {
19520 display: table-cell !important;
19522 .d-md-flex {
19523 display: flex !important;
19525 .d-md-inline-flex {
19526 display: inline-flex !important;
19529 @media (min-width: 992px) {
19530 .d-lg-none {
19531 display: none !important;
19533 .d-lg-inline {
19534 display: inline !important;
19536 .d-lg-inline-block {
19537 display: inline-block !important;
19539 .d-lg-block {
19540 display: block !important;
19542 .d-lg-table {
19543 display: table !important;
19545 .d-lg-table-row {
19546 display: table-row !important;
19548 .d-lg-table-cell {
19549 display: table-cell !important;
19551 .d-lg-flex {
19552 display: flex !important;
19554 .d-lg-inline-flex {
19555 display: inline-flex !important;
19558 @media (min-width: 1200px) {
19559 .d-xl-none {
19560 display: none !important;
19562 .d-xl-inline {
19563 display: inline !important;
19565 .d-xl-inline-block {
19566 display: inline-block !important;
19568 .d-xl-block {
19569 display: block !important;
19571 .d-xl-table {
19572 display: table !important;
19574 .d-xl-table-row {
19575 display: table-row !important;
19577 .d-xl-table-cell {
19578 display: table-cell !important;
19580 .d-xl-flex {
19581 display: flex !important;
19583 .d-xl-inline-flex {
19584 display: inline-flex !important;
19587 @media print {
19588 .d-print-none {
19589 display: none !important;
19591 .d-print-inline {
19592 display: inline !important;
19594 .d-print-inline-block {
19595 display: inline-block !important;
19597 .d-print-block {
19598 display: block !important;
19600 .d-print-table {
19601 display: table !important;
19603 .d-print-table-row {
19604 display: table-row !important;
19606 .d-print-table-cell {
19607 display: table-cell !important;
19609 .d-print-flex {
19610 display: flex !important;
19612 .d-print-inline-flex {
19613 display: inline-flex !important;
19616 .embed-responsive {
19617 position: relative;
19618 display: block;
19619 width: 100%;
19620 padding: 0;
19621 overflow: hidden;
19623 .embed-responsive::before {
19624 display: block;
19625 content: "";
19627 .embed-responsive .embed-responsive-item,
19628 .embed-responsive iframe,
19629 .embed-responsive embed,
19630 .embed-responsive object,
19631 .embed-responsive video {
19632 position: absolute;
19633 top: 0;
19634 bottom: 0;
19635 left: 0;
19636 width: 100%;
19637 height: 100%;
19638 border: 0;
19641 .embed-responsive-21by9::before {
19642 padding-top: 42.85714286%;
19645 .embed-responsive-16by9::before {
19646 padding-top: 56.25%;
19649 .embed-responsive-4by3::before {
19650 padding-top: 75%;
19653 .embed-responsive-1by1::before {
19654 padding-top: 100%;
19657 .flex-row {
19658 flex-direction: row !important;
19661 .flex-column {
19662 flex-direction: column !important;
19665 .flex-row-reverse {
19666 flex-direction: row-reverse !important;
19669 .flex-column-reverse {
19670 flex-direction: column-reverse !important;
19673 .flex-wrap {
19674 flex-wrap: wrap !important;
19677 .flex-nowrap {
19678 flex-wrap: nowrap !important;
19681 .flex-wrap-reverse {
19682 flex-wrap: wrap-reverse !important;
19685 .flex-fill, .reportbuilder-report-container {
19686 flex: 1 1 auto !important;
19689 .flex-grow-0 {
19690 flex-grow: 0 !important;
19693 .flex-grow-1 {
19694 flex-grow: 1 !important;
19697 .flex-shrink-0 {
19698 flex-shrink: 0 !important;
19701 .flex-shrink-1 {
19702 flex-shrink: 1 !important;
19705 .justify-content-start {
19706 justify-content: flex-start !important;
19709 .justify-content-end {
19710 justify-content: flex-end !important;
19713 .justify-content-center {
19714 justify-content: center !important;
19717 .justify-content-between {
19718 justify-content: space-between !important;
19721 .justify-content-around {
19722 justify-content: space-around !important;
19725 .align-items-start {
19726 align-items: flex-start !important;
19729 .align-items-end {
19730 align-items: flex-end !important;
19733 .align-items-center {
19734 align-items: center !important;
19737 .align-items-baseline {
19738 align-items: baseline !important;
19741 .align-items-stretch {
19742 align-items: stretch !important;
19745 .align-content-start {
19746 align-content: flex-start !important;
19749 .align-content-end {
19750 align-content: flex-end !important;
19753 .align-content-center {
19754 align-content: center !important;
19757 .align-content-between {
19758 align-content: space-between !important;
19761 .align-content-around {
19762 align-content: space-around !important;
19765 .align-content-stretch {
19766 align-content: stretch !important;
19769 .align-self-auto {
19770 align-self: auto !important;
19773 .align-self-start {
19774 align-self: flex-start !important;
19777 .align-self-end {
19778 align-self: flex-end !important;
19781 .align-self-center {
19782 align-self: center !important;
19785 .align-self-baseline {
19786 align-self: baseline !important;
19789 .align-self-stretch {
19790 align-self: stretch !important;
19793 @media (min-width: 576px) {
19794 .flex-sm-row {
19795 flex-direction: row !important;
19797 .flex-sm-column {
19798 flex-direction: column !important;
19800 .flex-sm-row-reverse {
19801 flex-direction: row-reverse !important;
19803 .flex-sm-column-reverse {
19804 flex-direction: column-reverse !important;
19806 .flex-sm-wrap {
19807 flex-wrap: wrap !important;
19809 .flex-sm-nowrap {
19810 flex-wrap: nowrap !important;
19812 .flex-sm-wrap-reverse {
19813 flex-wrap: wrap-reverse !important;
19815 .flex-sm-fill {
19816 flex: 1 1 auto !important;
19818 .flex-sm-grow-0 {
19819 flex-grow: 0 !important;
19821 .flex-sm-grow-1 {
19822 flex-grow: 1 !important;
19824 .flex-sm-shrink-0 {
19825 flex-shrink: 0 !important;
19827 .flex-sm-shrink-1 {
19828 flex-shrink: 1 !important;
19830 .justify-content-sm-start {
19831 justify-content: flex-start !important;
19833 .justify-content-sm-end {
19834 justify-content: flex-end !important;
19836 .justify-content-sm-center {
19837 justify-content: center !important;
19839 .justify-content-sm-between {
19840 justify-content: space-between !important;
19842 .justify-content-sm-around {
19843 justify-content: space-around !important;
19845 .align-items-sm-start {
19846 align-items: flex-start !important;
19848 .align-items-sm-end {
19849 align-items: flex-end !important;
19851 .align-items-sm-center {
19852 align-items: center !important;
19854 .align-items-sm-baseline {
19855 align-items: baseline !important;
19857 .align-items-sm-stretch {
19858 align-items: stretch !important;
19860 .align-content-sm-start {
19861 align-content: flex-start !important;
19863 .align-content-sm-end {
19864 align-content: flex-end !important;
19866 .align-content-sm-center {
19867 align-content: center !important;
19869 .align-content-sm-between {
19870 align-content: space-between !important;
19872 .align-content-sm-around {
19873 align-content: space-around !important;
19875 .align-content-sm-stretch {
19876 align-content: stretch !important;
19878 .align-self-sm-auto {
19879 align-self: auto !important;
19881 .align-self-sm-start {
19882 align-self: flex-start !important;
19884 .align-self-sm-end {
19885 align-self: flex-end !important;
19887 .align-self-sm-center {
19888 align-self: center !important;
19890 .align-self-sm-baseline {
19891 align-self: baseline !important;
19893 .align-self-sm-stretch {
19894 align-self: stretch !important;
19897 @media (min-width: 768px) {
19898 .flex-md-row {
19899 flex-direction: row !important;
19901 .flex-md-column {
19902 flex-direction: column !important;
19904 .flex-md-row-reverse {
19905 flex-direction: row-reverse !important;
19907 .flex-md-column-reverse {
19908 flex-direction: column-reverse !important;
19910 .flex-md-wrap {
19911 flex-wrap: wrap !important;
19913 .flex-md-nowrap {
19914 flex-wrap: nowrap !important;
19916 .flex-md-wrap-reverse {
19917 flex-wrap: wrap-reverse !important;
19919 .flex-md-fill {
19920 flex: 1 1 auto !important;
19922 .flex-md-grow-0 {
19923 flex-grow: 0 !important;
19925 .flex-md-grow-1 {
19926 flex-grow: 1 !important;
19928 .flex-md-shrink-0 {
19929 flex-shrink: 0 !important;
19931 .flex-md-shrink-1 {
19932 flex-shrink: 1 !important;
19934 .justify-content-md-start {
19935 justify-content: flex-start !important;
19937 .justify-content-md-end {
19938 justify-content: flex-end !important;
19940 .justify-content-md-center {
19941 justify-content: center !important;
19943 .justify-content-md-between {
19944 justify-content: space-between !important;
19946 .justify-content-md-around {
19947 justify-content: space-around !important;
19949 .align-items-md-start {
19950 align-items: flex-start !important;
19952 .align-items-md-end {
19953 align-items: flex-end !important;
19955 .align-items-md-center {
19956 align-items: center !important;
19958 .align-items-md-baseline {
19959 align-items: baseline !important;
19961 .align-items-md-stretch {
19962 align-items: stretch !important;
19964 .align-content-md-start {
19965 align-content: flex-start !important;
19967 .align-content-md-end {
19968 align-content: flex-end !important;
19970 .align-content-md-center {
19971 align-content: center !important;
19973 .align-content-md-between {
19974 align-content: space-between !important;
19976 .align-content-md-around {
19977 align-content: space-around !important;
19979 .align-content-md-stretch {
19980 align-content: stretch !important;
19982 .align-self-md-auto {
19983 align-self: auto !important;
19985 .align-self-md-start {
19986 align-self: flex-start !important;
19988 .align-self-md-end {
19989 align-self: flex-end !important;
19991 .align-self-md-center {
19992 align-self: center !important;
19994 .align-self-md-baseline {
19995 align-self: baseline !important;
19997 .align-self-md-stretch {
19998 align-self: stretch !important;
20001 @media (min-width: 992px) {
20002 .flex-lg-row {
20003 flex-direction: row !important;
20005 .flex-lg-column {
20006 flex-direction: column !important;
20008 .flex-lg-row-reverse {
20009 flex-direction: row-reverse !important;
20011 .flex-lg-column-reverse {
20012 flex-direction: column-reverse !important;
20014 .flex-lg-wrap {
20015 flex-wrap: wrap !important;
20017 .flex-lg-nowrap {
20018 flex-wrap: nowrap !important;
20020 .flex-lg-wrap-reverse {
20021 flex-wrap: wrap-reverse !important;
20023 .flex-lg-fill {
20024 flex: 1 1 auto !important;
20026 .flex-lg-grow-0 {
20027 flex-grow: 0 !important;
20029 .flex-lg-grow-1 {
20030 flex-grow: 1 !important;
20032 .flex-lg-shrink-0 {
20033 flex-shrink: 0 !important;
20035 .flex-lg-shrink-1 {
20036 flex-shrink: 1 !important;
20038 .justify-content-lg-start {
20039 justify-content: flex-start !important;
20041 .justify-content-lg-end {
20042 justify-content: flex-end !important;
20044 .justify-content-lg-center {
20045 justify-content: center !important;
20047 .justify-content-lg-between {
20048 justify-content: space-between !important;
20050 .justify-content-lg-around {
20051 justify-content: space-around !important;
20053 .align-items-lg-start {
20054 align-items: flex-start !important;
20056 .align-items-lg-end {
20057 align-items: flex-end !important;
20059 .align-items-lg-center {
20060 align-items: center !important;
20062 .align-items-lg-baseline {
20063 align-items: baseline !important;
20065 .align-items-lg-stretch {
20066 align-items: stretch !important;
20068 .align-content-lg-start {
20069 align-content: flex-start !important;
20071 .align-content-lg-end {
20072 align-content: flex-end !important;
20074 .align-content-lg-center {
20075 align-content: center !important;
20077 .align-content-lg-between {
20078 align-content: space-between !important;
20080 .align-content-lg-around {
20081 align-content: space-around !important;
20083 .align-content-lg-stretch {
20084 align-content: stretch !important;
20086 .align-self-lg-auto {
20087 align-self: auto !important;
20089 .align-self-lg-start {
20090 align-self: flex-start !important;
20092 .align-self-lg-end {
20093 align-self: flex-end !important;
20095 .align-self-lg-center {
20096 align-self: center !important;
20098 .align-self-lg-baseline {
20099 align-self: baseline !important;
20101 .align-self-lg-stretch {
20102 align-self: stretch !important;
20105 @media (min-width: 1200px) {
20106 .flex-xl-row {
20107 flex-direction: row !important;
20109 .flex-xl-column {
20110 flex-direction: column !important;
20112 .flex-xl-row-reverse {
20113 flex-direction: row-reverse !important;
20115 .flex-xl-column-reverse {
20116 flex-direction: column-reverse !important;
20118 .flex-xl-wrap {
20119 flex-wrap: wrap !important;
20121 .flex-xl-nowrap {
20122 flex-wrap: nowrap !important;
20124 .flex-xl-wrap-reverse {
20125 flex-wrap: wrap-reverse !important;
20127 .flex-xl-fill {
20128 flex: 1 1 auto !important;
20130 .flex-xl-grow-0 {
20131 flex-grow: 0 !important;
20133 .flex-xl-grow-1 {
20134 flex-grow: 1 !important;
20136 .flex-xl-shrink-0 {
20137 flex-shrink: 0 !important;
20139 .flex-xl-shrink-1 {
20140 flex-shrink: 1 !important;
20142 .justify-content-xl-start {
20143 justify-content: flex-start !important;
20145 .justify-content-xl-end {
20146 justify-content: flex-end !important;
20148 .justify-content-xl-center {
20149 justify-content: center !important;
20151 .justify-content-xl-between {
20152 justify-content: space-between !important;
20154 .justify-content-xl-around {
20155 justify-content: space-around !important;
20157 .align-items-xl-start {
20158 align-items: flex-start !important;
20160 .align-items-xl-end {
20161 align-items: flex-end !important;
20163 .align-items-xl-center {
20164 align-items: center !important;
20166 .align-items-xl-baseline {
20167 align-items: baseline !important;
20169 .align-items-xl-stretch {
20170 align-items: stretch !important;
20172 .align-content-xl-start {
20173 align-content: flex-start !important;
20175 .align-content-xl-end {
20176 align-content: flex-end !important;
20178 .align-content-xl-center {
20179 align-content: center !important;
20181 .align-content-xl-between {
20182 align-content: space-between !important;
20184 .align-content-xl-around {
20185 align-content: space-around !important;
20187 .align-content-xl-stretch {
20188 align-content: stretch !important;
20190 .align-self-xl-auto {
20191 align-self: auto !important;
20193 .align-self-xl-start {
20194 align-self: flex-start !important;
20196 .align-self-xl-end {
20197 align-self: flex-end !important;
20199 .align-self-xl-center {
20200 align-self: center !important;
20202 .align-self-xl-baseline {
20203 align-self: baseline !important;
20205 .align-self-xl-stretch {
20206 align-self: stretch !important;
20209 .float-left {
20210 float: left !important;
20213 .float-right {
20214 float: right !important;
20217 .float-none {
20218 float: none !important;
20221 @media (min-width: 576px) {
20222 .float-sm-left {
20223 float: left !important;
20225 .float-sm-right {
20226 float: right !important;
20228 .float-sm-none {
20229 float: none !important;
20232 @media (min-width: 768px) {
20233 .float-md-left {
20234 float: left !important;
20236 .float-md-right {
20237 float: right !important;
20239 .float-md-none {
20240 float: none !important;
20243 @media (min-width: 992px) {
20244 .float-lg-left {
20245 float: left !important;
20247 .float-lg-right {
20248 float: right !important;
20250 .float-lg-none {
20251 float: none !important;
20254 @media (min-width: 1200px) {
20255 .float-xl-left {
20256 float: left !important;
20258 .float-xl-right {
20259 float: right !important;
20261 .float-xl-none {
20262 float: none !important;
20265 .user-select-all {
20266 user-select: all !important;
20269 .user-select-auto {
20270 user-select: auto !important;
20273 .user-select-none {
20274 user-select: none !important;
20277 .overflow-auto {
20278 overflow: auto !important;
20281 .overflow-hidden {
20282 overflow: hidden !important;
20285 .position-static {
20286 position: static !important;
20289 .position-relative {
20290 position: relative !important;
20293 .position-absolute {
20294 position: absolute !important;
20297 .position-fixed {
20298 position: fixed !important;
20301 .position-sticky {
20302 position: sticky !important;
20305 .fixed-top {
20306 position: fixed;
20307 top: 0;
20308 right: 0;
20309 left: 0;
20310 z-index: 1030;
20313 .fixed-bottom {
20314 position: fixed;
20315 right: 0;
20316 bottom: 0;
20317 left: 0;
20318 z-index: 1030;
20321 @supports (position: sticky) {
20322 .sticky-top {
20323 position: sticky;
20324 top: 0;
20325 z-index: 1020;
20329 .sr-only {
20330 position: absolute;
20331 width: 1px;
20332 height: 1px;
20333 padding: 0;
20334 margin: -1px;
20335 overflow: hidden;
20336 clip: rect(0, 0, 0, 0);
20337 white-space: nowrap;
20338 border: 0;
20341 .sr-only-focusable:active, .sr-only-focusable:focus {
20342 position: static;
20343 width: auto;
20344 height: auto;
20345 overflow: visible;
20346 clip: auto;
20347 white-space: normal;
20350 .shadow-sm {
20351 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
20354 .shadow {
20355 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
20358 .shadow-lg {
20359 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
20362 .shadow-none {
20363 box-shadow: none !important;
20366 .w-25 {
20367 width: 25% !important;
20370 .w-50 {
20371 width: 50% !important;
20374 .w-75 {
20375 width: 75% !important;
20378 .w-100 {
20379 width: 100% !important;
20382 .w-auto {
20383 width: auto !important;
20386 .h-25 {
20387 height: 25% !important;
20390 .h-50 {
20391 height: 50% !important;
20394 .h-75 {
20395 height: 75% !important;
20398 .h-100 {
20399 height: 100% !important;
20402 .h-auto {
20403 height: auto !important;
20406 .mw-100 {
20407 max-width: 100% !important;
20410 .mh-100 {
20411 max-height: 100% !important;
20414 .min-vw-100 {
20415 min-width: 100vw !important;
20418 .min-vh-100 {
20419 min-height: 100vh !important;
20422 .vw-100 {
20423 width: 100vw !important;
20426 .vh-100 {
20427 height: 100vh !important;
20430 .m-0 {
20431 margin: 0 !important;
20434 .mt-0,
20435 .my-0 {
20436 margin-top: 0 !important;
20439 .mr-0,
20440 .mx-0 {
20441 margin-right: 0 !important;
20444 .mb-0,
20445 .my-0 {
20446 margin-bottom: 0 !important;
20449 .ml-0,
20450 .mx-0 {
20451 margin-left: 0 !important;
20454 .m-1 {
20455 margin: 0.25rem !important;
20458 .mt-1,
20459 .my-1 {
20460 margin-top: 0.25rem !important;
20463 .mr-1,
20464 .mx-1 {
20465 margin-right: 0.25rem !important;
20468 .mb-1,
20469 .my-1 {
20470 margin-bottom: 0.25rem !important;
20473 .ml-1,
20474 .mx-1 {
20475 margin-left: 0.25rem !important;
20478 .m-2 {
20479 margin: 0.5rem !important;
20482 .mt-2,
20483 .my-2 {
20484 margin-top: 0.5rem !important;
20487 .mr-2,
20488 .mx-2 {
20489 margin-right: 0.5rem !important;
20492 .mb-2,
20493 .my-2 {
20494 margin-bottom: 0.5rem !important;
20497 .ml-2,
20498 .mx-2 {
20499 margin-left: 0.5rem !important;
20502 .m-3 {
20503 margin: 1rem !important;
20506 .mt-3,
20507 .my-3 {
20508 margin-top: 1rem !important;
20511 .mr-3,
20512 .mx-3 {
20513 margin-right: 1rem !important;
20516 .mb-3,
20517 .my-3 {
20518 margin-bottom: 1rem !important;
20521 .ml-3,
20522 .mx-3 {
20523 margin-left: 1rem !important;
20526 .m-4 {
20527 margin: 1.5rem !important;
20530 .mt-4,
20531 .my-4 {
20532 margin-top: 1.5rem !important;
20535 .mr-4,
20536 .mx-4 {
20537 margin-right: 1.5rem !important;
20540 .mb-4,
20541 .my-4 {
20542 margin-bottom: 1.5rem !important;
20545 .ml-4,
20546 .mx-4 {
20547 margin-left: 1.5rem !important;
20550 .m-5 {
20551 margin: 2rem !important;
20554 .mt-5,
20555 .my-5 {
20556 margin-top: 2rem !important;
20559 .mr-5,
20560 .mx-5 {
20561 margin-right: 2rem !important;
20564 .mb-5,
20565 .my-5 {
20566 margin-bottom: 2rem !important;
20569 .ml-5,
20570 .mx-5 {
20571 margin-left: 2rem !important;
20574 .m-6 {
20575 margin: 3rem !important;
20578 .mt-6,
20579 .my-6 {
20580 margin-top: 3rem !important;
20583 .mr-6,
20584 .mx-6 {
20585 margin-right: 3rem !important;
20588 .mb-6,
20589 .my-6 {
20590 margin-bottom: 3rem !important;
20593 .ml-6,
20594 .mx-6 {
20595 margin-left: 3rem !important;
20598 .p-0 {
20599 padding: 0 !important;
20602 .pt-0,
20603 .py-0 {
20604 padding-top: 0 !important;
20607 .pr-0,
20608 .px-0 {
20609 padding-right: 0 !important;
20612 .pb-0,
20613 .py-0 {
20614 padding-bottom: 0 !important;
20617 .pl-0,
20618 .px-0 {
20619 padding-left: 0 !important;
20622 .p-1 {
20623 padding: 0.25rem !important;
20626 .pt-1,
20627 .py-1 {
20628 padding-top: 0.25rem !important;
20631 .pr-1,
20632 .px-1 {
20633 padding-right: 0.25rem !important;
20636 .pb-1,
20637 .py-1 {
20638 padding-bottom: 0.25rem !important;
20641 .pl-1,
20642 .px-1 {
20643 padding-left: 0.25rem !important;
20646 .p-2 {
20647 padding: 0.5rem !important;
20650 .pt-2,
20651 .py-2 {
20652 padding-top: 0.5rem !important;
20655 .pr-2,
20656 .px-2 {
20657 padding-right: 0.5rem !important;
20660 .pb-2,
20661 .py-2 {
20662 padding-bottom: 0.5rem !important;
20665 .pl-2,
20666 .px-2 {
20667 padding-left: 0.5rem !important;
20670 .p-3 {
20671 padding: 1rem !important;
20674 .pt-3,
20675 .py-3 {
20676 padding-top: 1rem !important;
20679 .pr-3,
20680 .px-3 {
20681 padding-right: 1rem !important;
20684 .pb-3,
20685 .py-3 {
20686 padding-bottom: 1rem !important;
20689 .pl-3,
20690 .px-3 {
20691 padding-left: 1rem !important;
20694 .p-4 {
20695 padding: 1.5rem !important;
20698 .pt-4,
20699 .py-4 {
20700 padding-top: 1.5rem !important;
20703 .pr-4,
20704 .px-4 {
20705 padding-right: 1.5rem !important;
20708 .pb-4,
20709 .py-4 {
20710 padding-bottom: 1.5rem !important;
20713 .pl-4,
20714 .px-4 {
20715 padding-left: 1.5rem !important;
20718 .p-5 {
20719 padding: 2rem !important;
20722 .pt-5,
20723 .py-5 {
20724 padding-top: 2rem !important;
20727 .pr-5,
20728 .px-5 {
20729 padding-right: 2rem !important;
20732 .pb-5,
20733 .py-5 {
20734 padding-bottom: 2rem !important;
20737 .pl-5,
20738 .px-5 {
20739 padding-left: 2rem !important;
20742 .p-6 {
20743 padding: 3rem !important;
20746 .pt-6,
20747 .py-6 {
20748 padding-top: 3rem !important;
20751 .pr-6,
20752 .px-6 {
20753 padding-right: 3rem !important;
20756 .pb-6,
20757 .py-6 {
20758 padding-bottom: 3rem !important;
20761 .pl-6,
20762 .px-6 {
20763 padding-left: 3rem !important;
20766 .m-n1 {
20767 margin: -0.25rem !important;
20770 .mt-n1,
20771 .my-n1 {
20772 margin-top: -0.25rem !important;
20775 .mr-n1,
20776 .mx-n1 {
20777 margin-right: -0.25rem !important;
20780 .mb-n1,
20781 .my-n1 {
20782 margin-bottom: -0.25rem !important;
20785 .ml-n1,
20786 .mx-n1 {
20787 margin-left: -0.25rem !important;
20790 .m-n2 {
20791 margin: -0.5rem !important;
20794 .mt-n2,
20795 .my-n2 {
20796 margin-top: -0.5rem !important;
20799 .mr-n2,
20800 .mx-n2 {
20801 margin-right: -0.5rem !important;
20804 .mb-n2,
20805 .my-n2 {
20806 margin-bottom: -0.5rem !important;
20809 .ml-n2,
20810 .mx-n2 {
20811 margin-left: -0.5rem !important;
20814 .m-n3 {
20815 margin: -1rem !important;
20818 .mt-n3,
20819 .my-n3 {
20820 margin-top: -1rem !important;
20823 .mr-n3,
20824 .mx-n3 {
20825 margin-right: -1rem !important;
20828 .mb-n3,
20829 .my-n3 {
20830 margin-bottom: -1rem !important;
20833 .ml-n3,
20834 .mx-n3 {
20835 margin-left: -1rem !important;
20838 .m-n4 {
20839 margin: -1.5rem !important;
20842 .mt-n4,
20843 .my-n4 {
20844 margin-top: -1.5rem !important;
20847 .mr-n4,
20848 .mx-n4 {
20849 margin-right: -1.5rem !important;
20852 .mb-n4,
20853 .my-n4 {
20854 margin-bottom: -1.5rem !important;
20857 .ml-n4,
20858 .mx-n4 {
20859 margin-left: -1.5rem !important;
20862 .m-n5 {
20863 margin: -2rem !important;
20866 .mt-n5,
20867 .my-n5 {
20868 margin-top: -2rem !important;
20871 .mr-n5,
20872 .mx-n5 {
20873 margin-right: -2rem !important;
20876 .mb-n5,
20877 .my-n5 {
20878 margin-bottom: -2rem !important;
20881 .ml-n5,
20882 .mx-n5 {
20883 margin-left: -2rem !important;
20886 .m-n6 {
20887 margin: -3rem !important;
20890 .mt-n6,
20891 .my-n6 {
20892 margin-top: -3rem !important;
20895 .mr-n6,
20896 .mx-n6 {
20897 margin-right: -3rem !important;
20900 .mb-n6,
20901 .my-n6 {
20902 margin-bottom: -3rem !important;
20905 .ml-n6,
20906 .mx-n6 {
20907 margin-left: -3rem !important;
20910 .m-auto {
20911 margin: auto !important;
20914 .mt-auto,
20915 .my-auto {
20916 margin-top: auto !important;
20919 .mr-auto,
20920 .mx-auto {
20921 margin-right: auto !important;
20924 .mb-auto,
20925 .my-auto {
20926 margin-bottom: auto !important;
20929 .ml-auto,
20930 .mx-auto {
20931 margin-left: auto !important;
20934 @media (min-width: 576px) {
20935 .m-sm-0 {
20936 margin: 0 !important;
20938 .mt-sm-0,
20939 .my-sm-0 {
20940 margin-top: 0 !important;
20942 .mr-sm-0,
20943 .mx-sm-0 {
20944 margin-right: 0 !important;
20946 .mb-sm-0,
20947 .my-sm-0 {
20948 margin-bottom: 0 !important;
20950 .ml-sm-0,
20951 .mx-sm-0 {
20952 margin-left: 0 !important;
20954 .m-sm-1 {
20955 margin: 0.25rem !important;
20957 .mt-sm-1,
20958 .my-sm-1 {
20959 margin-top: 0.25rem !important;
20961 .mr-sm-1,
20962 .mx-sm-1 {
20963 margin-right: 0.25rem !important;
20965 .mb-sm-1,
20966 .my-sm-1 {
20967 margin-bottom: 0.25rem !important;
20969 .ml-sm-1,
20970 .mx-sm-1 {
20971 margin-left: 0.25rem !important;
20973 .m-sm-2 {
20974 margin: 0.5rem !important;
20976 .mt-sm-2,
20977 .my-sm-2 {
20978 margin-top: 0.5rem !important;
20980 .mr-sm-2,
20981 .mx-sm-2 {
20982 margin-right: 0.5rem !important;
20984 .mb-sm-2,
20985 .my-sm-2 {
20986 margin-bottom: 0.5rem !important;
20988 .ml-sm-2,
20989 .mx-sm-2 {
20990 margin-left: 0.5rem !important;
20992 .m-sm-3 {
20993 margin: 1rem !important;
20995 .mt-sm-3,
20996 .my-sm-3 {
20997 margin-top: 1rem !important;
20999 .mr-sm-3,
21000 .mx-sm-3 {
21001 margin-right: 1rem !important;
21003 .mb-sm-3,
21004 .my-sm-3 {
21005 margin-bottom: 1rem !important;
21007 .ml-sm-3,
21008 .mx-sm-3 {
21009 margin-left: 1rem !important;
21011 .m-sm-4 {
21012 margin: 1.5rem !important;
21014 .mt-sm-4,
21015 .my-sm-4 {
21016 margin-top: 1.5rem !important;
21018 .mr-sm-4,
21019 .mx-sm-4 {
21020 margin-right: 1.5rem !important;
21022 .mb-sm-4,
21023 .my-sm-4 {
21024 margin-bottom: 1.5rem !important;
21026 .ml-sm-4,
21027 .mx-sm-4 {
21028 margin-left: 1.5rem !important;
21030 .m-sm-5 {
21031 margin: 2rem !important;
21033 .mt-sm-5,
21034 .my-sm-5 {
21035 margin-top: 2rem !important;
21037 .mr-sm-5,
21038 .mx-sm-5 {
21039 margin-right: 2rem !important;
21041 .mb-sm-5,
21042 .my-sm-5 {
21043 margin-bottom: 2rem !important;
21045 .ml-sm-5,
21046 .mx-sm-5 {
21047 margin-left: 2rem !important;
21049 .m-sm-6 {
21050 margin: 3rem !important;
21052 .mt-sm-6,
21053 .my-sm-6 {
21054 margin-top: 3rem !important;
21056 .mr-sm-6,
21057 .mx-sm-6 {
21058 margin-right: 3rem !important;
21060 .mb-sm-6,
21061 .my-sm-6 {
21062 margin-bottom: 3rem !important;
21064 .ml-sm-6,
21065 .mx-sm-6 {
21066 margin-left: 3rem !important;
21068 .p-sm-0 {
21069 padding: 0 !important;
21071 .pt-sm-0,
21072 .py-sm-0 {
21073 padding-top: 0 !important;
21075 .pr-sm-0,
21076 .px-sm-0 {
21077 padding-right: 0 !important;
21079 .pb-sm-0,
21080 .py-sm-0 {
21081 padding-bottom: 0 !important;
21083 .pl-sm-0,
21084 .px-sm-0 {
21085 padding-left: 0 !important;
21087 .p-sm-1 {
21088 padding: 0.25rem !important;
21090 .pt-sm-1,
21091 .py-sm-1 {
21092 padding-top: 0.25rem !important;
21094 .pr-sm-1,
21095 .px-sm-1 {
21096 padding-right: 0.25rem !important;
21098 .pb-sm-1,
21099 .py-sm-1 {
21100 padding-bottom: 0.25rem !important;
21102 .pl-sm-1,
21103 .px-sm-1 {
21104 padding-left: 0.25rem !important;
21106 .p-sm-2 {
21107 padding: 0.5rem !important;
21109 .pt-sm-2,
21110 .py-sm-2 {
21111 padding-top: 0.5rem !important;
21113 .pr-sm-2,
21114 .px-sm-2 {
21115 padding-right: 0.5rem !important;
21117 .pb-sm-2,
21118 .py-sm-2 {
21119 padding-bottom: 0.5rem !important;
21121 .pl-sm-2,
21122 .px-sm-2 {
21123 padding-left: 0.5rem !important;
21125 .p-sm-3 {
21126 padding: 1rem !important;
21128 .pt-sm-3,
21129 .py-sm-3 {
21130 padding-top: 1rem !important;
21132 .pr-sm-3,
21133 .px-sm-3 {
21134 padding-right: 1rem !important;
21136 .pb-sm-3,
21137 .py-sm-3 {
21138 padding-bottom: 1rem !important;
21140 .pl-sm-3,
21141 .px-sm-3 {
21142 padding-left: 1rem !important;
21144 .p-sm-4 {
21145 padding: 1.5rem !important;
21147 .pt-sm-4,
21148 .py-sm-4 {
21149 padding-top: 1.5rem !important;
21151 .pr-sm-4,
21152 .px-sm-4 {
21153 padding-right: 1.5rem !important;
21155 .pb-sm-4,
21156 .py-sm-4 {
21157 padding-bottom: 1.5rem !important;
21159 .pl-sm-4,
21160 .px-sm-4 {
21161 padding-left: 1.5rem !important;
21163 .p-sm-5 {
21164 padding: 2rem !important;
21166 .pt-sm-5,
21167 .py-sm-5 {
21168 padding-top: 2rem !important;
21170 .pr-sm-5,
21171 .px-sm-5 {
21172 padding-right: 2rem !important;
21174 .pb-sm-5,
21175 .py-sm-5 {
21176 padding-bottom: 2rem !important;
21178 .pl-sm-5,
21179 .px-sm-5 {
21180 padding-left: 2rem !important;
21182 .p-sm-6 {
21183 padding: 3rem !important;
21185 .pt-sm-6,
21186 .py-sm-6 {
21187 padding-top: 3rem !important;
21189 .pr-sm-6,
21190 .px-sm-6 {
21191 padding-right: 3rem !important;
21193 .pb-sm-6,
21194 .py-sm-6 {
21195 padding-bottom: 3rem !important;
21197 .pl-sm-6,
21198 .px-sm-6 {
21199 padding-left: 3rem !important;
21201 .m-sm-n1 {
21202 margin: -0.25rem !important;
21204 .mt-sm-n1,
21205 .my-sm-n1 {
21206 margin-top: -0.25rem !important;
21208 .mr-sm-n1,
21209 .mx-sm-n1 {
21210 margin-right: -0.25rem !important;
21212 .mb-sm-n1,
21213 .my-sm-n1 {
21214 margin-bottom: -0.25rem !important;
21216 .ml-sm-n1,
21217 .mx-sm-n1 {
21218 margin-left: -0.25rem !important;
21220 .m-sm-n2 {
21221 margin: -0.5rem !important;
21223 .mt-sm-n2,
21224 .my-sm-n2 {
21225 margin-top: -0.5rem !important;
21227 .mr-sm-n2,
21228 .mx-sm-n2 {
21229 margin-right: -0.5rem !important;
21231 .mb-sm-n2,
21232 .my-sm-n2 {
21233 margin-bottom: -0.5rem !important;
21235 .ml-sm-n2,
21236 .mx-sm-n2 {
21237 margin-left: -0.5rem !important;
21239 .m-sm-n3 {
21240 margin: -1rem !important;
21242 .mt-sm-n3,
21243 .my-sm-n3 {
21244 margin-top: -1rem !important;
21246 .mr-sm-n3,
21247 .mx-sm-n3 {
21248 margin-right: -1rem !important;
21250 .mb-sm-n3,
21251 .my-sm-n3 {
21252 margin-bottom: -1rem !important;
21254 .ml-sm-n3,
21255 .mx-sm-n3 {
21256 margin-left: -1rem !important;
21258 .m-sm-n4 {
21259 margin: -1.5rem !important;
21261 .mt-sm-n4,
21262 .my-sm-n4 {
21263 margin-top: -1.5rem !important;
21265 .mr-sm-n4,
21266 .mx-sm-n4 {
21267 margin-right: -1.5rem !important;
21269 .mb-sm-n4,
21270 .my-sm-n4 {
21271 margin-bottom: -1.5rem !important;
21273 .ml-sm-n4,
21274 .mx-sm-n4 {
21275 margin-left: -1.5rem !important;
21277 .m-sm-n5 {
21278 margin: -2rem !important;
21280 .mt-sm-n5,
21281 .my-sm-n5 {
21282 margin-top: -2rem !important;
21284 .mr-sm-n5,
21285 .mx-sm-n5 {
21286 margin-right: -2rem !important;
21288 .mb-sm-n5,
21289 .my-sm-n5 {
21290 margin-bottom: -2rem !important;
21292 .ml-sm-n5,
21293 .mx-sm-n5 {
21294 margin-left: -2rem !important;
21296 .m-sm-n6 {
21297 margin: -3rem !important;
21299 .mt-sm-n6,
21300 .my-sm-n6 {
21301 margin-top: -3rem !important;
21303 .mr-sm-n6,
21304 .mx-sm-n6 {
21305 margin-right: -3rem !important;
21307 .mb-sm-n6,
21308 .my-sm-n6 {
21309 margin-bottom: -3rem !important;
21311 .ml-sm-n6,
21312 .mx-sm-n6 {
21313 margin-left: -3rem !important;
21315 .m-sm-auto {
21316 margin: auto !important;
21318 .mt-sm-auto,
21319 .my-sm-auto {
21320 margin-top: auto !important;
21322 .mr-sm-auto,
21323 .mx-sm-auto {
21324 margin-right: auto !important;
21326 .mb-sm-auto,
21327 .my-sm-auto {
21328 margin-bottom: auto !important;
21330 .ml-sm-auto,
21331 .mx-sm-auto {
21332 margin-left: auto !important;
21335 @media (min-width: 768px) {
21336 .m-md-0 {
21337 margin: 0 !important;
21339 .mt-md-0,
21340 .my-md-0 {
21341 margin-top: 0 !important;
21343 .mr-md-0,
21344 .mx-md-0 {
21345 margin-right: 0 !important;
21347 .mb-md-0,
21348 .my-md-0 {
21349 margin-bottom: 0 !important;
21351 .ml-md-0,
21352 .mx-md-0 {
21353 margin-left: 0 !important;
21355 .m-md-1 {
21356 margin: 0.25rem !important;
21358 .mt-md-1,
21359 .my-md-1 {
21360 margin-top: 0.25rem !important;
21362 .mr-md-1,
21363 .mx-md-1 {
21364 margin-right: 0.25rem !important;
21366 .mb-md-1,
21367 .my-md-1 {
21368 margin-bottom: 0.25rem !important;
21370 .ml-md-1,
21371 .mx-md-1 {
21372 margin-left: 0.25rem !important;
21374 .m-md-2 {
21375 margin: 0.5rem !important;
21377 .mt-md-2,
21378 .my-md-2 {
21379 margin-top: 0.5rem !important;
21381 .mr-md-2,
21382 .mx-md-2 {
21383 margin-right: 0.5rem !important;
21385 .mb-md-2,
21386 .my-md-2 {
21387 margin-bottom: 0.5rem !important;
21389 .ml-md-2,
21390 .mx-md-2 {
21391 margin-left: 0.5rem !important;
21393 .m-md-3 {
21394 margin: 1rem !important;
21396 .mt-md-3,
21397 .my-md-3 {
21398 margin-top: 1rem !important;
21400 .mr-md-3,
21401 .mx-md-3 {
21402 margin-right: 1rem !important;
21404 .mb-md-3,
21405 .my-md-3 {
21406 margin-bottom: 1rem !important;
21408 .ml-md-3,
21409 .mx-md-3 {
21410 margin-left: 1rem !important;
21412 .m-md-4 {
21413 margin: 1.5rem !important;
21415 .mt-md-4,
21416 .my-md-4 {
21417 margin-top: 1.5rem !important;
21419 .mr-md-4,
21420 .mx-md-4 {
21421 margin-right: 1.5rem !important;
21423 .mb-md-4,
21424 .my-md-4 {
21425 margin-bottom: 1.5rem !important;
21427 .ml-md-4,
21428 .mx-md-4 {
21429 margin-left: 1.5rem !important;
21431 .m-md-5 {
21432 margin: 2rem !important;
21434 .mt-md-5,
21435 .my-md-5 {
21436 margin-top: 2rem !important;
21438 .mr-md-5,
21439 .mx-md-5 {
21440 margin-right: 2rem !important;
21442 .mb-md-5,
21443 .my-md-5 {
21444 margin-bottom: 2rem !important;
21446 .ml-md-5,
21447 .mx-md-5 {
21448 margin-left: 2rem !important;
21450 .m-md-6 {
21451 margin: 3rem !important;
21453 .mt-md-6,
21454 .my-md-6 {
21455 margin-top: 3rem !important;
21457 .mr-md-6,
21458 .mx-md-6 {
21459 margin-right: 3rem !important;
21461 .mb-md-6,
21462 .my-md-6 {
21463 margin-bottom: 3rem !important;
21465 .ml-md-6,
21466 .mx-md-6 {
21467 margin-left: 3rem !important;
21469 .p-md-0 {
21470 padding: 0 !important;
21472 .pt-md-0,
21473 .py-md-0 {
21474 padding-top: 0 !important;
21476 .pr-md-0,
21477 .px-md-0 {
21478 padding-right: 0 !important;
21480 .pb-md-0,
21481 .py-md-0 {
21482 padding-bottom: 0 !important;
21484 .pl-md-0,
21485 .px-md-0 {
21486 padding-left: 0 !important;
21488 .p-md-1 {
21489 padding: 0.25rem !important;
21491 .pt-md-1,
21492 .py-md-1 {
21493 padding-top: 0.25rem !important;
21495 .pr-md-1,
21496 .px-md-1 {
21497 padding-right: 0.25rem !important;
21499 .pb-md-1,
21500 .py-md-1 {
21501 padding-bottom: 0.25rem !important;
21503 .pl-md-1,
21504 .px-md-1 {
21505 padding-left: 0.25rem !important;
21507 .p-md-2 {
21508 padding: 0.5rem !important;
21510 .pt-md-2,
21511 .py-md-2 {
21512 padding-top: 0.5rem !important;
21514 .pr-md-2,
21515 .px-md-2 {
21516 padding-right: 0.5rem !important;
21518 .pb-md-2,
21519 .py-md-2 {
21520 padding-bottom: 0.5rem !important;
21522 .pl-md-2,
21523 .px-md-2 {
21524 padding-left: 0.5rem !important;
21526 .p-md-3 {
21527 padding: 1rem !important;
21529 .pt-md-3,
21530 .py-md-3 {
21531 padding-top: 1rem !important;
21533 .pr-md-3,
21534 .px-md-3 {
21535 padding-right: 1rem !important;
21537 .pb-md-3,
21538 .py-md-3 {
21539 padding-bottom: 1rem !important;
21541 .pl-md-3,
21542 .px-md-3 {
21543 padding-left: 1rem !important;
21545 .p-md-4 {
21546 padding: 1.5rem !important;
21548 .pt-md-4,
21549 .py-md-4 {
21550 padding-top: 1.5rem !important;
21552 .pr-md-4,
21553 .px-md-4 {
21554 padding-right: 1.5rem !important;
21556 .pb-md-4,
21557 .py-md-4 {
21558 padding-bottom: 1.5rem !important;
21560 .pl-md-4,
21561 .px-md-4 {
21562 padding-left: 1.5rem !important;
21564 .p-md-5 {
21565 padding: 2rem !important;
21567 .pt-md-5,
21568 .py-md-5 {
21569 padding-top: 2rem !important;
21571 .pr-md-5,
21572 .px-md-5 {
21573 padding-right: 2rem !important;
21575 .pb-md-5,
21576 .py-md-5 {
21577 padding-bottom: 2rem !important;
21579 .pl-md-5,
21580 .px-md-5 {
21581 padding-left: 2rem !important;
21583 .p-md-6 {
21584 padding: 3rem !important;
21586 .pt-md-6,
21587 .py-md-6 {
21588 padding-top: 3rem !important;
21590 .pr-md-6,
21591 .px-md-6 {
21592 padding-right: 3rem !important;
21594 .pb-md-6,
21595 .py-md-6 {
21596 padding-bottom: 3rem !important;
21598 .pl-md-6,
21599 .px-md-6 {
21600 padding-left: 3rem !important;
21602 .m-md-n1 {
21603 margin: -0.25rem !important;
21605 .mt-md-n1,
21606 .my-md-n1 {
21607 margin-top: -0.25rem !important;
21609 .mr-md-n1,
21610 .mx-md-n1 {
21611 margin-right: -0.25rem !important;
21613 .mb-md-n1,
21614 .my-md-n1 {
21615 margin-bottom: -0.25rem !important;
21617 .ml-md-n1,
21618 .mx-md-n1 {
21619 margin-left: -0.25rem !important;
21621 .m-md-n2 {
21622 margin: -0.5rem !important;
21624 .mt-md-n2,
21625 .my-md-n2 {
21626 margin-top: -0.5rem !important;
21628 .mr-md-n2,
21629 .mx-md-n2 {
21630 margin-right: -0.5rem !important;
21632 .mb-md-n2,
21633 .my-md-n2 {
21634 margin-bottom: -0.5rem !important;
21636 .ml-md-n2,
21637 .mx-md-n2 {
21638 margin-left: -0.5rem !important;
21640 .m-md-n3 {
21641 margin: -1rem !important;
21643 .mt-md-n3,
21644 .my-md-n3 {
21645 margin-top: -1rem !important;
21647 .mr-md-n3,
21648 .mx-md-n3 {
21649 margin-right: -1rem !important;
21651 .mb-md-n3,
21652 .my-md-n3 {
21653 margin-bottom: -1rem !important;
21655 .ml-md-n3,
21656 .mx-md-n3 {
21657 margin-left: -1rem !important;
21659 .m-md-n4 {
21660 margin: -1.5rem !important;
21662 .mt-md-n4,
21663 .my-md-n4 {
21664 margin-top: -1.5rem !important;
21666 .mr-md-n4,
21667 .mx-md-n4 {
21668 margin-right: -1.5rem !important;
21670 .mb-md-n4,
21671 .my-md-n4 {
21672 margin-bottom: -1.5rem !important;
21674 .ml-md-n4,
21675 .mx-md-n4 {
21676 margin-left: -1.5rem !important;
21678 .m-md-n5 {
21679 margin: -2rem !important;
21681 .mt-md-n5,
21682 .my-md-n5 {
21683 margin-top: -2rem !important;
21685 .mr-md-n5,
21686 .mx-md-n5 {
21687 margin-right: -2rem !important;
21689 .mb-md-n5,
21690 .my-md-n5 {
21691 margin-bottom: -2rem !important;
21693 .ml-md-n5,
21694 .mx-md-n5 {
21695 margin-left: -2rem !important;
21697 .m-md-n6 {
21698 margin: -3rem !important;
21700 .mt-md-n6,
21701 .my-md-n6 {
21702 margin-top: -3rem !important;
21704 .mr-md-n6,
21705 .mx-md-n6 {
21706 margin-right: -3rem !important;
21708 .mb-md-n6,
21709 .my-md-n6 {
21710 margin-bottom: -3rem !important;
21712 .ml-md-n6,
21713 .mx-md-n6 {
21714 margin-left: -3rem !important;
21716 .m-md-auto {
21717 margin: auto !important;
21719 .mt-md-auto,
21720 .my-md-auto {
21721 margin-top: auto !important;
21723 .mr-md-auto,
21724 .mx-md-auto {
21725 margin-right: auto !important;
21727 .mb-md-auto,
21728 .my-md-auto {
21729 margin-bottom: auto !important;
21731 .ml-md-auto,
21732 .mx-md-auto {
21733 margin-left: auto !important;
21736 @media (min-width: 992px) {
21737 .m-lg-0 {
21738 margin: 0 !important;
21740 .mt-lg-0,
21741 .my-lg-0 {
21742 margin-top: 0 !important;
21744 .mr-lg-0,
21745 .mx-lg-0 {
21746 margin-right: 0 !important;
21748 .mb-lg-0,
21749 .my-lg-0 {
21750 margin-bottom: 0 !important;
21752 .ml-lg-0,
21753 .mx-lg-0 {
21754 margin-left: 0 !important;
21756 .m-lg-1 {
21757 margin: 0.25rem !important;
21759 .mt-lg-1,
21760 .my-lg-1 {
21761 margin-top: 0.25rem !important;
21763 .mr-lg-1,
21764 .mx-lg-1 {
21765 margin-right: 0.25rem !important;
21767 .mb-lg-1,
21768 .my-lg-1 {
21769 margin-bottom: 0.25rem !important;
21771 .ml-lg-1,
21772 .mx-lg-1 {
21773 margin-left: 0.25rem !important;
21775 .m-lg-2 {
21776 margin: 0.5rem !important;
21778 .mt-lg-2,
21779 .my-lg-2 {
21780 margin-top: 0.5rem !important;
21782 .mr-lg-2,
21783 .mx-lg-2 {
21784 margin-right: 0.5rem !important;
21786 .mb-lg-2,
21787 .my-lg-2 {
21788 margin-bottom: 0.5rem !important;
21790 .ml-lg-2,
21791 .mx-lg-2 {
21792 margin-left: 0.5rem !important;
21794 .m-lg-3 {
21795 margin: 1rem !important;
21797 .mt-lg-3,
21798 .my-lg-3 {
21799 margin-top: 1rem !important;
21801 .mr-lg-3,
21802 .mx-lg-3 {
21803 margin-right: 1rem !important;
21805 .mb-lg-3,
21806 .my-lg-3 {
21807 margin-bottom: 1rem !important;
21809 .ml-lg-3,
21810 .mx-lg-3 {
21811 margin-left: 1rem !important;
21813 .m-lg-4 {
21814 margin: 1.5rem !important;
21816 .mt-lg-4,
21817 .my-lg-4 {
21818 margin-top: 1.5rem !important;
21820 .mr-lg-4,
21821 .mx-lg-4 {
21822 margin-right: 1.5rem !important;
21824 .mb-lg-4,
21825 .my-lg-4 {
21826 margin-bottom: 1.5rem !important;
21828 .ml-lg-4,
21829 .mx-lg-4 {
21830 margin-left: 1.5rem !important;
21832 .m-lg-5 {
21833 margin: 2rem !important;
21835 .mt-lg-5,
21836 .my-lg-5 {
21837 margin-top: 2rem !important;
21839 .mr-lg-5,
21840 .mx-lg-5 {
21841 margin-right: 2rem !important;
21843 .mb-lg-5,
21844 .my-lg-5 {
21845 margin-bottom: 2rem !important;
21847 .ml-lg-5,
21848 .mx-lg-5 {
21849 margin-left: 2rem !important;
21851 .m-lg-6 {
21852 margin: 3rem !important;
21854 .mt-lg-6,
21855 .my-lg-6 {
21856 margin-top: 3rem !important;
21858 .mr-lg-6,
21859 .mx-lg-6 {
21860 margin-right: 3rem !important;
21862 .mb-lg-6,
21863 .my-lg-6 {
21864 margin-bottom: 3rem !important;
21866 .ml-lg-6,
21867 .mx-lg-6 {
21868 margin-left: 3rem !important;
21870 .p-lg-0 {
21871 padding: 0 !important;
21873 .pt-lg-0,
21874 .py-lg-0 {
21875 padding-top: 0 !important;
21877 .pr-lg-0,
21878 .px-lg-0 {
21879 padding-right: 0 !important;
21881 .pb-lg-0,
21882 .py-lg-0 {
21883 padding-bottom: 0 !important;
21885 .pl-lg-0,
21886 .px-lg-0 {
21887 padding-left: 0 !important;
21889 .p-lg-1 {
21890 padding: 0.25rem !important;
21892 .pt-lg-1,
21893 .py-lg-1 {
21894 padding-top: 0.25rem !important;
21896 .pr-lg-1,
21897 .px-lg-1 {
21898 padding-right: 0.25rem !important;
21900 .pb-lg-1,
21901 .py-lg-1 {
21902 padding-bottom: 0.25rem !important;
21904 .pl-lg-1,
21905 .px-lg-1 {
21906 padding-left: 0.25rem !important;
21908 .p-lg-2 {
21909 padding: 0.5rem !important;
21911 .pt-lg-2,
21912 .py-lg-2 {
21913 padding-top: 0.5rem !important;
21915 .pr-lg-2,
21916 .px-lg-2 {
21917 padding-right: 0.5rem !important;
21919 .pb-lg-2,
21920 .py-lg-2 {
21921 padding-bottom: 0.5rem !important;
21923 .pl-lg-2,
21924 .px-lg-2 {
21925 padding-left: 0.5rem !important;
21927 .p-lg-3 {
21928 padding: 1rem !important;
21930 .pt-lg-3,
21931 .py-lg-3 {
21932 padding-top: 1rem !important;
21934 .pr-lg-3,
21935 .px-lg-3 {
21936 padding-right: 1rem !important;
21938 .pb-lg-3,
21939 .py-lg-3 {
21940 padding-bottom: 1rem !important;
21942 .pl-lg-3,
21943 .px-lg-3 {
21944 padding-left: 1rem !important;
21946 .p-lg-4 {
21947 padding: 1.5rem !important;
21949 .pt-lg-4,
21950 .py-lg-4 {
21951 padding-top: 1.5rem !important;
21953 .pr-lg-4,
21954 .px-lg-4 {
21955 padding-right: 1.5rem !important;
21957 .pb-lg-4,
21958 .py-lg-4 {
21959 padding-bottom: 1.5rem !important;
21961 .pl-lg-4,
21962 .px-lg-4 {
21963 padding-left: 1.5rem !important;
21965 .p-lg-5 {
21966 padding: 2rem !important;
21968 .pt-lg-5,
21969 .py-lg-5 {
21970 padding-top: 2rem !important;
21972 .pr-lg-5,
21973 .px-lg-5 {
21974 padding-right: 2rem !important;
21976 .pb-lg-5,
21977 .py-lg-5 {
21978 padding-bottom: 2rem !important;
21980 .pl-lg-5,
21981 .px-lg-5 {
21982 padding-left: 2rem !important;
21984 .p-lg-6 {
21985 padding: 3rem !important;
21987 .pt-lg-6,
21988 .py-lg-6 {
21989 padding-top: 3rem !important;
21991 .pr-lg-6,
21992 .px-lg-6 {
21993 padding-right: 3rem !important;
21995 .pb-lg-6,
21996 .py-lg-6 {
21997 padding-bottom: 3rem !important;
21999 .pl-lg-6,
22000 .px-lg-6 {
22001 padding-left: 3rem !important;
22003 .m-lg-n1 {
22004 margin: -0.25rem !important;
22006 .mt-lg-n1,
22007 .my-lg-n1 {
22008 margin-top: -0.25rem !important;
22010 .mr-lg-n1,
22011 .mx-lg-n1 {
22012 margin-right: -0.25rem !important;
22014 .mb-lg-n1,
22015 .my-lg-n1 {
22016 margin-bottom: -0.25rem !important;
22018 .ml-lg-n1,
22019 .mx-lg-n1 {
22020 margin-left: -0.25rem !important;
22022 .m-lg-n2 {
22023 margin: -0.5rem !important;
22025 .mt-lg-n2,
22026 .my-lg-n2 {
22027 margin-top: -0.5rem !important;
22029 .mr-lg-n2,
22030 .mx-lg-n2 {
22031 margin-right: -0.5rem !important;
22033 .mb-lg-n2,
22034 .my-lg-n2 {
22035 margin-bottom: -0.5rem !important;
22037 .ml-lg-n2,
22038 .mx-lg-n2 {
22039 margin-left: -0.5rem !important;
22041 .m-lg-n3 {
22042 margin: -1rem !important;
22044 .mt-lg-n3,
22045 .my-lg-n3 {
22046 margin-top: -1rem !important;
22048 .mr-lg-n3,
22049 .mx-lg-n3 {
22050 margin-right: -1rem !important;
22052 .mb-lg-n3,
22053 .my-lg-n3 {
22054 margin-bottom: -1rem !important;
22056 .ml-lg-n3,
22057 .mx-lg-n3 {
22058 margin-left: -1rem !important;
22060 .m-lg-n4 {
22061 margin: -1.5rem !important;
22063 .mt-lg-n4,
22064 .my-lg-n4 {
22065 margin-top: -1.5rem !important;
22067 .mr-lg-n4,
22068 .mx-lg-n4 {
22069 margin-right: -1.5rem !important;
22071 .mb-lg-n4,
22072 .my-lg-n4 {
22073 margin-bottom: -1.5rem !important;
22075 .ml-lg-n4,
22076 .mx-lg-n4 {
22077 margin-left: -1.5rem !important;
22079 .m-lg-n5 {
22080 margin: -2rem !important;
22082 .mt-lg-n5,
22083 .my-lg-n5 {
22084 margin-top: -2rem !important;
22086 .mr-lg-n5,
22087 .mx-lg-n5 {
22088 margin-right: -2rem !important;
22090 .mb-lg-n5,
22091 .my-lg-n5 {
22092 margin-bottom: -2rem !important;
22094 .ml-lg-n5,
22095 .mx-lg-n5 {
22096 margin-left: -2rem !important;
22098 .m-lg-n6 {
22099 margin: -3rem !important;
22101 .mt-lg-n6,
22102 .my-lg-n6 {
22103 margin-top: -3rem !important;
22105 .mr-lg-n6,
22106 .mx-lg-n6 {
22107 margin-right: -3rem !important;
22109 .mb-lg-n6,
22110 .my-lg-n6 {
22111 margin-bottom: -3rem !important;
22113 .ml-lg-n6,
22114 .mx-lg-n6 {
22115 margin-left: -3rem !important;
22117 .m-lg-auto {
22118 margin: auto !important;
22120 .mt-lg-auto,
22121 .my-lg-auto {
22122 margin-top: auto !important;
22124 .mr-lg-auto,
22125 .mx-lg-auto {
22126 margin-right: auto !important;
22128 .mb-lg-auto,
22129 .my-lg-auto {
22130 margin-bottom: auto !important;
22132 .ml-lg-auto,
22133 .mx-lg-auto {
22134 margin-left: auto !important;
22137 @media (min-width: 1200px) {
22138 .m-xl-0 {
22139 margin: 0 !important;
22141 .mt-xl-0,
22142 .my-xl-0 {
22143 margin-top: 0 !important;
22145 .mr-xl-0,
22146 .mx-xl-0 {
22147 margin-right: 0 !important;
22149 .mb-xl-0,
22150 .my-xl-0 {
22151 margin-bottom: 0 !important;
22153 .ml-xl-0,
22154 .mx-xl-0 {
22155 margin-left: 0 !important;
22157 .m-xl-1 {
22158 margin: 0.25rem !important;
22160 .mt-xl-1,
22161 .my-xl-1 {
22162 margin-top: 0.25rem !important;
22164 .mr-xl-1,
22165 .mx-xl-1 {
22166 margin-right: 0.25rem !important;
22168 .mb-xl-1,
22169 .my-xl-1 {
22170 margin-bottom: 0.25rem !important;
22172 .ml-xl-1,
22173 .mx-xl-1 {
22174 margin-left: 0.25rem !important;
22176 .m-xl-2 {
22177 margin: 0.5rem !important;
22179 .mt-xl-2,
22180 .my-xl-2 {
22181 margin-top: 0.5rem !important;
22183 .mr-xl-2,
22184 .mx-xl-2 {
22185 margin-right: 0.5rem !important;
22187 .mb-xl-2,
22188 .my-xl-2 {
22189 margin-bottom: 0.5rem !important;
22191 .ml-xl-2,
22192 .mx-xl-2 {
22193 margin-left: 0.5rem !important;
22195 .m-xl-3 {
22196 margin: 1rem !important;
22198 .mt-xl-3,
22199 .my-xl-3 {
22200 margin-top: 1rem !important;
22202 .mr-xl-3,
22203 .mx-xl-3 {
22204 margin-right: 1rem !important;
22206 .mb-xl-3,
22207 .my-xl-3 {
22208 margin-bottom: 1rem !important;
22210 .ml-xl-3,
22211 .mx-xl-3 {
22212 margin-left: 1rem !important;
22214 .m-xl-4 {
22215 margin: 1.5rem !important;
22217 .mt-xl-4,
22218 .my-xl-4 {
22219 margin-top: 1.5rem !important;
22221 .mr-xl-4,
22222 .mx-xl-4 {
22223 margin-right: 1.5rem !important;
22225 .mb-xl-4,
22226 .my-xl-4 {
22227 margin-bottom: 1.5rem !important;
22229 .ml-xl-4,
22230 .mx-xl-4 {
22231 margin-left: 1.5rem !important;
22233 .m-xl-5 {
22234 margin: 2rem !important;
22236 .mt-xl-5,
22237 .my-xl-5 {
22238 margin-top: 2rem !important;
22240 .mr-xl-5,
22241 .mx-xl-5 {
22242 margin-right: 2rem !important;
22244 .mb-xl-5,
22245 .my-xl-5 {
22246 margin-bottom: 2rem !important;
22248 .ml-xl-5,
22249 .mx-xl-5 {
22250 margin-left: 2rem !important;
22252 .m-xl-6 {
22253 margin: 3rem !important;
22255 .mt-xl-6,
22256 .my-xl-6 {
22257 margin-top: 3rem !important;
22259 .mr-xl-6,
22260 .mx-xl-6 {
22261 margin-right: 3rem !important;
22263 .mb-xl-6,
22264 .my-xl-6 {
22265 margin-bottom: 3rem !important;
22267 .ml-xl-6,
22268 .mx-xl-6 {
22269 margin-left: 3rem !important;
22271 .p-xl-0 {
22272 padding: 0 !important;
22274 .pt-xl-0,
22275 .py-xl-0 {
22276 padding-top: 0 !important;
22278 .pr-xl-0,
22279 .px-xl-0 {
22280 padding-right: 0 !important;
22282 .pb-xl-0,
22283 .py-xl-0 {
22284 padding-bottom: 0 !important;
22286 .pl-xl-0,
22287 .px-xl-0 {
22288 padding-left: 0 !important;
22290 .p-xl-1 {
22291 padding: 0.25rem !important;
22293 .pt-xl-1,
22294 .py-xl-1 {
22295 padding-top: 0.25rem !important;
22297 .pr-xl-1,
22298 .px-xl-1 {
22299 padding-right: 0.25rem !important;
22301 .pb-xl-1,
22302 .py-xl-1 {
22303 padding-bottom: 0.25rem !important;
22305 .pl-xl-1,
22306 .px-xl-1 {
22307 padding-left: 0.25rem !important;
22309 .p-xl-2 {
22310 padding: 0.5rem !important;
22312 .pt-xl-2,
22313 .py-xl-2 {
22314 padding-top: 0.5rem !important;
22316 .pr-xl-2,
22317 .px-xl-2 {
22318 padding-right: 0.5rem !important;
22320 .pb-xl-2,
22321 .py-xl-2 {
22322 padding-bottom: 0.5rem !important;
22324 .pl-xl-2,
22325 .px-xl-2 {
22326 padding-left: 0.5rem !important;
22328 .p-xl-3 {
22329 padding: 1rem !important;
22331 .pt-xl-3,
22332 .py-xl-3 {
22333 padding-top: 1rem !important;
22335 .pr-xl-3,
22336 .px-xl-3 {
22337 padding-right: 1rem !important;
22339 .pb-xl-3,
22340 .py-xl-3 {
22341 padding-bottom: 1rem !important;
22343 .pl-xl-3,
22344 .px-xl-3 {
22345 padding-left: 1rem !important;
22347 .p-xl-4 {
22348 padding: 1.5rem !important;
22350 .pt-xl-4,
22351 .py-xl-4 {
22352 padding-top: 1.5rem !important;
22354 .pr-xl-4,
22355 .px-xl-4 {
22356 padding-right: 1.5rem !important;
22358 .pb-xl-4,
22359 .py-xl-4 {
22360 padding-bottom: 1.5rem !important;
22362 .pl-xl-4,
22363 .px-xl-4 {
22364 padding-left: 1.5rem !important;
22366 .p-xl-5 {
22367 padding: 2rem !important;
22369 .pt-xl-5,
22370 .py-xl-5 {
22371 padding-top: 2rem !important;
22373 .pr-xl-5,
22374 .px-xl-5 {
22375 padding-right: 2rem !important;
22377 .pb-xl-5,
22378 .py-xl-5 {
22379 padding-bottom: 2rem !important;
22381 .pl-xl-5,
22382 .px-xl-5 {
22383 padding-left: 2rem !important;
22385 .p-xl-6 {
22386 padding: 3rem !important;
22388 .pt-xl-6,
22389 .py-xl-6 {
22390 padding-top: 3rem !important;
22392 .pr-xl-6,
22393 .px-xl-6 {
22394 padding-right: 3rem !important;
22396 .pb-xl-6,
22397 .py-xl-6 {
22398 padding-bottom: 3rem !important;
22400 .pl-xl-6,
22401 .px-xl-6 {
22402 padding-left: 3rem !important;
22404 .m-xl-n1 {
22405 margin: -0.25rem !important;
22407 .mt-xl-n1,
22408 .my-xl-n1 {
22409 margin-top: -0.25rem !important;
22411 .mr-xl-n1,
22412 .mx-xl-n1 {
22413 margin-right: -0.25rem !important;
22415 .mb-xl-n1,
22416 .my-xl-n1 {
22417 margin-bottom: -0.25rem !important;
22419 .ml-xl-n1,
22420 .mx-xl-n1 {
22421 margin-left: -0.25rem !important;
22423 .m-xl-n2 {
22424 margin: -0.5rem !important;
22426 .mt-xl-n2,
22427 .my-xl-n2 {
22428 margin-top: -0.5rem !important;
22430 .mr-xl-n2,
22431 .mx-xl-n2 {
22432 margin-right: -0.5rem !important;
22434 .mb-xl-n2,
22435 .my-xl-n2 {
22436 margin-bottom: -0.5rem !important;
22438 .ml-xl-n2,
22439 .mx-xl-n2 {
22440 margin-left: -0.5rem !important;
22442 .m-xl-n3 {
22443 margin: -1rem !important;
22445 .mt-xl-n3,
22446 .my-xl-n3 {
22447 margin-top: -1rem !important;
22449 .mr-xl-n3,
22450 .mx-xl-n3 {
22451 margin-right: -1rem !important;
22453 .mb-xl-n3,
22454 .my-xl-n3 {
22455 margin-bottom: -1rem !important;
22457 .ml-xl-n3,
22458 .mx-xl-n3 {
22459 margin-left: -1rem !important;
22461 .m-xl-n4 {
22462 margin: -1.5rem !important;
22464 .mt-xl-n4,
22465 .my-xl-n4 {
22466 margin-top: -1.5rem !important;
22468 .mr-xl-n4,
22469 .mx-xl-n4 {
22470 margin-right: -1.5rem !important;
22472 .mb-xl-n4,
22473 .my-xl-n4 {
22474 margin-bottom: -1.5rem !important;
22476 .ml-xl-n4,
22477 .mx-xl-n4 {
22478 margin-left: -1.5rem !important;
22480 .m-xl-n5 {
22481 margin: -2rem !important;
22483 .mt-xl-n5,
22484 .my-xl-n5 {
22485 margin-top: -2rem !important;
22487 .mr-xl-n5,
22488 .mx-xl-n5 {
22489 margin-right: -2rem !important;
22491 .mb-xl-n5,
22492 .my-xl-n5 {
22493 margin-bottom: -2rem !important;
22495 .ml-xl-n5,
22496 .mx-xl-n5 {
22497 margin-left: -2rem !important;
22499 .m-xl-n6 {
22500 margin: -3rem !important;
22502 .mt-xl-n6,
22503 .my-xl-n6 {
22504 margin-top: -3rem !important;
22506 .mr-xl-n6,
22507 .mx-xl-n6 {
22508 margin-right: -3rem !important;
22510 .mb-xl-n6,
22511 .my-xl-n6 {
22512 margin-bottom: -3rem !important;
22514 .ml-xl-n6,
22515 .mx-xl-n6 {
22516 margin-left: -3rem !important;
22518 .m-xl-auto {
22519 margin: auto !important;
22521 .mt-xl-auto,
22522 .my-xl-auto {
22523 margin-top: auto !important;
22525 .mr-xl-auto,
22526 .mx-xl-auto {
22527 margin-right: auto !important;
22529 .mb-xl-auto,
22530 .my-xl-auto {
22531 margin-bottom: auto !important;
22533 .ml-xl-auto,
22534 .mx-xl-auto {
22535 margin-left: auto !important;
22538 .stretched-link::after {
22539 position: absolute;
22540 top: 0;
22541 right: 0;
22542 bottom: 0;
22543 left: 0;
22544 z-index: 1;
22545 pointer-events: auto;
22546 content: "";
22547 background-color: rgba(0, 0, 0, 0);
22550 .text-monospace {
22551 font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
22554 .text-justify {
22555 text-align: justify !important;
22558 .text-wrap {
22559 white-space: normal !important;
22562 .text-nowrap {
22563 white-space: nowrap !important;
22566 .text-truncate {
22567 overflow: hidden;
22568 text-overflow: ellipsis;
22569 white-space: nowrap;
22572 .text-left {
22573 text-align: left !important;
22576 .text-right {
22577 text-align: right !important;
22580 .text-center {
22581 text-align: center !important;
22584 @media (min-width: 576px) {
22585 .text-sm-left {
22586 text-align: left !important;
22588 .text-sm-right {
22589 text-align: right !important;
22591 .text-sm-center {
22592 text-align: center !important;
22595 @media (min-width: 768px) {
22596 .text-md-left {
22597 text-align: left !important;
22599 .text-md-right {
22600 text-align: right !important;
22602 .text-md-center {
22603 text-align: center !important;
22606 @media (min-width: 992px) {
22607 .text-lg-left {
22608 text-align: left !important;
22610 .text-lg-right {
22611 text-align: right !important;
22613 .text-lg-center {
22614 text-align: center !important;
22617 @media (min-width: 1200px) {
22618 .text-xl-left {
22619 text-align: left !important;
22621 .text-xl-right {
22622 text-align: right !important;
22624 .text-xl-center {
22625 text-align: center !important;
22628 .text-lowercase {
22629 text-transform: lowercase !important;
22632 .text-uppercase {
22633 text-transform: uppercase !important;
22636 .text-capitalize {
22637 text-transform: capitalize !important;
22640 .font-weight-light {
22641 font-weight: 300 !important;
22644 .font-weight-lighter {
22645 font-weight: lighter !important;
22648 .font-weight-normal {
22649 font-weight: 400 !important;
22652 .font-weight-bold {
22653 font-weight: 700 !important;
22656 .font-weight-bolder {
22657 font-weight: bolder !important;
22660 .font-italic {
22661 font-style: italic !important;
22664 .text-white {
22665 color: #fff !important;
22668 .text-primary {
22669 color: #0f6cbf !important;
22672 a.text-primary:hover, a.text-primary:focus {
22673 color: #094478 !important;
22676 .text-secondary {
22677 color: #ced4da !important;
22680 a.text-secondary:hover, a.text-secondary:focus {
22681 color: #a2aeb9 !important;
22684 .text-success {
22685 color: #357a32 !important;
22688 a.text-success:hover, a.text-success:focus {
22689 color: #1d441c !important;
22692 .text-info {
22693 color: #008196 !important;
22696 a.text-info:hover, a.text-info:focus {
22697 color: #003f4a !important;
22700 .text-warning {
22701 color: #f0ad4e !important;
22704 a.text-warning:hover, a.text-warning:focus {
22705 color: #df8a13 !important;
22708 .text-danger {
22709 color: #ca3120 !important;
22712 a.text-danger:hover, a.text-danger:focus {
22713 color: #882116 !important;
22716 .text-light {
22717 color: #f8f9fa !important;
22720 a.text-light:hover, a.text-light:focus {
22721 color: #cbd3da !important;
22724 .text-dark {
22725 color: #343a40 !important;
22728 a.text-dark:hover, a.text-dark:focus {
22729 color: #121416 !important;
22732 .text-body {
22733 color: #1d2125 !important;
22736 .text-muted {
22737 color: #6a737b !important;
22740 .text-black-50 {
22741 color: rgba(0, 0, 0, 0.5) !important;
22744 .text-white-50 {
22745 color: rgba(255, 255, 255, 0.5) !important;
22748 .text-hide {
22749 font: 0/0 a;
22750 color: transparent;
22751 text-shadow: none;
22752 background-color: transparent;
22753 border: 0;
22756 .text-decoration-none {
22757 text-decoration: none !important;
22760 .text-break {
22761 word-break: break-word !important;
22762 word-wrap: break-word !important;
22765 .text-reset {
22766 color: inherit !important;
22769 .visible {
22770 visibility: visible !important;
22773 .invisible {
22774 visibility: hidden !important;
22777 @media print {
22779 *::before,
22780 *::after {
22781 text-shadow: none !important;
22782 box-shadow: none !important;
22784 a:not(.btn) {
22785 text-decoration: underline;
22787 abbr[title]::after {
22788 content: " (" attr(title) ")";
22790 pre {
22791 white-space: pre-wrap !important;
22793 pre,
22794 blockquote {
22795 border: 1px solid #8f959e;
22796 page-break-inside: avoid;
22799 img {
22800 page-break-inside: avoid;
22804 h3 {
22805 orphans: 3;
22806 widows: 3;
22809 h3 {
22810 page-break-after: avoid;
22812 body {
22813 min-width: 992px !important;
22815 .container {
22816 min-width: 992px !important;
22818 .navbar {
22819 display: none;
22821 .badge {
22822 border: 1px solid #000;
22824 .table {
22825 border-collapse: collapse !important;
22827 .table td,
22828 .table th {
22829 background-color: #fff !important;
22831 .table-bordered th,
22832 .table-bordered td {
22833 border: 1px solid #dee2e6 !important;
22835 .table-dark {
22836 color: inherit;
22838 .table-dark th,
22839 .table-dark td,
22840 .table-dark thead th,
22841 .table-dark tbody + tbody {
22842 border-color: #dee2e6;
22844 .table .thead-dark th {
22845 color: inherit;
22846 border-color: #dee2e6;
22850 * Bootstrap overrides for RTL
22852 * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
22853 * moodle scss should be placed immediately after the definition of the ltr rule.
22855 .breadcrumb-item + .breadcrumb-item::before {
22856 content: "/";
22857 /*rtl:remove*/
22858 content: "/"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
22861 .dir-rtl .custom-select {
22862 background-position: 0.75rem center;
22865 .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
22866 transform: translateX(-0.9375rem);
22870 * Moodle variables
22872 * Variables written for Moodle specific components
22874 * Please do not override any Bootstrap variables here, custom Bootstrap variable should go in
22875 * preset files instead.
22877 /* core.less */
22878 #region-main {
22879 overflow-y: visible;
22880 background-color: #fff;
22883 @media (min-width: 576px) {
22884 .context-header-settings-menu,
22885 .region-main-settings-menu {
22886 float: right;
22887 width: auto;
22888 max-width: 4em;
22889 height: 2em;
22890 display: block;
22891 margin-top: 4px;
22894 @media (max-width: 767.98px) {
22895 .context-header-settings-menu,
22896 .region-main-settings-menu {
22897 display: flex;
22898 justify-content: flex-end;
22901 .context-header-settings-menu .dropdown-toggle > .icon,
22902 #region-main-settings-menu .dropdown-toggle > .icon {
22903 height: 24px;
22904 font-size: 24px;
22905 width: auto;
22908 /** Prevent user notifications overlapping with region main settings menu */
22909 #user-notifications {
22910 display: block;
22911 overflow: hidden;
22914 /** Page layout CSS starts **/
22915 .layout-option-noheader #page-header,
22916 .layout-option-nonavbar #page-navbar,
22917 .layout-option-nofooter #page-footer,
22918 .layout-option-nocourseheader .course-content-header,
22919 .layout-option-nocoursefooter .course-content-footer {
22920 display: none;
22923 /** Page layout CSS ends **/
22924 .mdl-left {
22925 text-align: left;
22928 .mdl-right {
22929 text-align: right;
22932 /*rtl:ignore*/
22933 .text-ltr {
22934 direction: ltr !important; /* stylelint-disable-line declaration-no-important */
22937 #add,
22938 #remove,
22939 .centerpara,
22940 .mdl-align {
22941 text-align: center;
22944 a.dimmed,
22945 a.dimmed:link,
22946 a.dimmed:visited,
22947 a.dimmed_text,
22948 a.dimmed_text:link,
22949 a.dimmed_text:visited,
22950 .dimmed_text,
22951 .dimmed_text a,
22952 .dimmed_text a:link,
22953 .dimmed_text a:visited,
22954 .usersuspended,
22955 .usersuspended a,
22956 .usersuspended a:link,
22957 .usersuspended a:visited,
22958 .dimmed_category,
22959 .dimmed_category a {
22960 color: #6a737b;
22963 .aalink.focus, a.focus.autolink, .aalink:focus, a.autolink:focus,
22964 #page-footer a:not([class]).focus,
22965 #page-footer a:not([class]):focus,
22966 .arrow_link.focus,
22967 .arrow_link:focus,
22968 a:not([class]).focus,
22969 a:not([class]):focus,
22970 .activityinstance > a.focus,
22971 .activityinstance > a:focus {
22972 outline: 0.2rem solid transparent;
22973 color: #1d2125;
22974 background-color: #d2e8fb;
22975 box-shadow: 0 -0.2rem #d2e8fb, 0 0.2rem #343a40;
22977 .aalink:focus:hover, a.autolink:focus:hover,
22978 #page-footer a:not([class]):focus:hover,
22979 .arrow_link:focus:hover,
22980 a:not([class]):focus:hover,
22981 .activityinstance > a:focus:hover {
22982 text-decoration: none;
22985 .aabtn.focus, .aabtn:focus,
22986 .btn-link.focus,
22987 .btn-link:focus,
22988 .nav-link.focus,
22989 .nav-link:focus,
22990 .editor_atto_toolbar button.focus,
22991 .editor_atto_toolbar button:focus,
22992 .editor_atto_toolbar .atto_toolbar_row.focus,
22993 .editor_atto_toolbar .atto_toolbar_row:focus,
22994 [role=button].focus,
22995 [role=button]:focus,
22996 .list-group-item-action.focus,
22997 .list-group-item-action:focus,
22998 input[type=checkbox].focus,
22999 input[type=checkbox]:focus,
23000 input[type=radio].focus,
23001 input[type=radio]:focus,
23002 input[type=file].focus,
23003 input[type=file]:focus,
23004 input[type=image].focus,
23005 input[type=image]:focus,
23006 .sr-only-focusable.focus,
23007 .sr-only-focusable:focus,
23008 a.dropdown-toggle.focus,
23009 a.dropdown-toggle:focus,
23010 .moodle-dialogue-base .closebutton.focus,
23011 .moodle-dialogue-base .closebutton:focus,
23012 button.close.focus,
23013 button.close:focus,
23014 .form-autocomplete-selection.focus,
23015 .form-autocomplete-selection:focus,
23016 [role=treeitem]:not([aria-expanded=true]).focus,
23017 [role=treeitem]:not([aria-expanded=true]):focus {
23018 outline: 0;
23019 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23021 .aabtn:focus:hover,
23022 .btn-link:focus:hover,
23023 .nav-link:focus:hover,
23024 .editor_atto_toolbar button:focus:hover,
23025 .editor_atto_toolbar .atto_toolbar_row:focus:hover,
23026 [role=button]:focus:hover,
23027 .list-group-item-action:focus:hover,
23028 input[type=checkbox]:focus:hover,
23029 input[type=radio]:focus:hover,
23030 input[type=file]:focus:hover,
23031 input[type=image]:focus:hover,
23032 .sr-only-focusable:focus:hover,
23033 a.dropdown-toggle:focus:hover,
23034 .moodle-dialogue-base .closebutton:focus:hover,
23035 button.close:focus:hover,
23036 .form-autocomplete-selection:focus:hover,
23037 [role=treeitem]:not([aria-expanded=true]):focus:hover {
23038 text-decoration: none;
23041 .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
23042 outline: 0;
23044 .modal-dialog[tabindex="0"].focus .modal-content, .modal-dialog[tabindex="0"]:focus .modal-content {
23045 outline: 0;
23046 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23047 border-radius: 0.6rem;
23050 [role=treeitem][aria-expanded=true] {
23051 outline: 0;
23053 [role=treeitem][aria-expanded=true].focus > *:first-child, [role=treeitem][aria-expanded=true]:focus > *:first-child {
23054 outline: 0;
23055 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23057 [role=treeitem][aria-expanded=true]:focus:hover {
23058 text-decoration: none;
23061 .form-autocomplete-suggestions li[aria-selected=true] {
23062 outline: 0;
23063 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
23066 .safari input[type=checkbox].focus, .safari input[type=checkbox]:focus,
23067 .safari input[type=radio].focus,
23068 .safari input[type=radio]:focus {
23069 outline: auto;
23072 .unlist,
23073 .unlist li,
23074 .inline-list,
23075 .inline-list li,
23076 .block .list,
23077 .block .list li,
23078 .section li.movehere,
23079 .tabtree li {
23080 list-style: none;
23081 margin: 0;
23082 padding: 0;
23085 .section li.movehere a {
23086 display: block;
23087 width: 100%;
23088 height: 2rem;
23089 border: 2px dashed #343a40;
23092 .editing .course-content .hidden.sectionname {
23093 visibility: hidden;
23094 display: initial;
23097 .inline,
23098 .inline-list li {
23099 display: inline;
23102 .notifytiny {
23103 font-size: 0.703125rem;
23106 .notifytiny li,
23107 .notifytiny td {
23108 font-size: 100%;
23111 .red,
23112 .notifyproblem {
23113 color: #f0ad4e;
23116 .green,
23117 .notifysuccess {
23118 color: #357a32;
23121 .highlight {
23122 color: #008196;
23125 .fitem.advanced .text-info {
23126 font-weight: bold;
23129 .reportlink {
23130 text-align: right;
23133 a.autolink.glossary:hover {
23134 cursor: help;
23137 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
23138 .collapsibleregioncaption {
23139 white-space: nowrap;
23140 min-height: 1.40625rem;
23143 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
23144 cursor: pointer;
23147 .pagelayout-mydashboard #region-main {
23148 border: 0;
23149 padding: 0;
23150 background-color: transparent;
23151 margin-top: -1px;
23154 @media (max-width: 767.98px) {
23155 .pagelayout-mydashboard #region-main-box,
23156 .pagelayout-login #region-main-box {
23157 padding-left: 0;
23158 padding-right: 0;
23161 .collapsibleregioncaption img {
23162 vertical-align: middle;
23165 .jsenabled .hiddenifjs {
23166 display: none;
23169 .visibleifjs {
23170 display: none;
23173 .jsenabled .visibleifjs {
23174 display: inline;
23177 .jsenabled .collapsibleregion {
23178 overflow: hidden;
23179 box-sizing: content-box;
23182 .jsenabled .collapsed .collapsibleregioninner {
23183 visibility: hidden;
23186 .collapsible-actions {
23187 display: none;
23188 text-align: right;
23191 .jsenabled .collapsible-actions {
23192 display: block;
23195 .yui-overlay .yui-widget-bd {
23196 background-color: #ffee69;
23197 border: 1px solid #a6982b;
23198 border-top-color: #d4c237;
23199 color: #000;
23200 left: 0;
23201 padding: 2px 5px;
23202 position: relative;
23203 top: 0;
23204 z-index: 1;
23207 .clearer {
23208 background: transparent;
23209 border-width: 0;
23210 clear: both;
23211 display: block;
23212 height: 1px;
23213 margin: 0;
23214 padding: 0;
23217 .bold,
23218 .warning,
23219 .errorbox .title,
23220 .pagingbar .title,
23221 .pagingbar .thispage {
23222 font-weight: bold;
23225 img.resize {
23226 height: 1em;
23227 width: 1em;
23230 .action-menu .dropdown-toggle {
23231 text-decoration: none;
23232 display: inline-block;
23235 .action-menu {
23236 white-space: nowrap;
23237 display: inline;
23240 .block img.resize {
23241 height: 0.9em;
23242 width: 0.8em;
23245 /* Icon styles */
23246 img.activityicon {
23247 height: 24px;
23248 width: 24px;
23249 vertical-align: middle;
23252 .headermain {
23253 font-weight: bold;
23256 #maincontent {
23257 display: block;
23258 height: 1px;
23259 overflow: hidden;
23262 img.uihint {
23263 cursor: help;
23266 #addmembersform table {
23267 margin-left: auto;
23268 margin-right: auto;
23271 table.flexible .emptyrow {
23272 display: none;
23275 form.popupform,
23276 form.popupform div {
23277 display: inline;
23280 .arrow_button input {
23281 overflow: hidden;
23284 .no-overflow {
23285 overflow: auto;
23288 .no-overflow > .generaltable {
23289 margin-bottom: 0;
23292 .no-overflow .generaltable .sr-only,
23293 .no-overflow .generaltable .accesshide,
23294 .table-responsive .generaltable .sr-only,
23295 .table-responsive .generaltable .accesshide {
23296 position: relative;
23297 display: block;
23300 .accesshide {
23301 position: absolute;
23302 width: 1px;
23303 height: 1px;
23304 padding: 0;
23305 margin: -1px;
23306 overflow: hidden;
23307 clip: rect(0, 0, 0, 0);
23308 white-space: nowrap;
23309 border: 0;
23312 span.hide,
23313 div.hide,
23314 .hidden {
23315 display: none;
23318 a.skip-block,
23319 a.skip {
23320 position: absolute;
23321 top: -1000em;
23322 font-size: 0.85em;
23323 text-decoration: none;
23326 a.skip-block:focus,
23327 a.skip-block:active,
23328 a.skip:focus,
23329 a.skip:active {
23330 position: static;
23331 display: block;
23334 .skip-block-to {
23335 display: block;
23336 height: 1px;
23337 overflow: hidden;
23340 .addbloglink {
23341 text-align: center;
23344 .blog_entry .audience {
23345 text-align: right;
23346 padding-right: 4px;
23349 .blog_entry .tags {
23350 margin-top: 15px;
23353 .blog_entry .content {
23354 margin-left: 43px;
23357 #doc-contents h1 {
23358 margin: 1em 0 0 0;
23361 #doc-contents ul {
23362 margin: 0;
23363 padding: 0;
23364 width: 90%;
23367 #doc-contents ul li {
23368 list-style-type: none;
23371 .groupmanagementtable td {
23372 vertical-align: top;
23375 .groupmanagementtable #existingcell,
23376 .groupmanagementtable #potentialcell {
23377 width: 42%;
23380 .groupmanagementtable #buttonscell {
23381 width: 16%;
23384 .groupmanagementtable #buttonscell p.arrow_button input {
23385 width: auto;
23386 min-width: 80%;
23387 margin: 0 auto;
23388 display: block;
23391 .groupmanagementtable #removeselect_wrapper,
23392 .groupmanagementtable #addselect_wrapper {
23393 width: 100%;
23396 .groupmanagementtable #removeselect_wrapper label,
23397 .groupmanagementtable #addselect_wrapper label {
23398 font-weight: normal;
23401 #group-usersummary {
23402 width: 14em;
23405 .groupselector {
23406 margin-top: 3px;
23407 margin-bottom: 3px;
23408 display: inline-block;
23411 .groupselector label {
23412 display: inline-block;
23415 .notepost {
23416 margin-bottom: 1em;
23419 .notepost .userpicture {
23420 float: left;
23421 margin-right: 5px;
23424 .notepost .content,
23425 .notepost .footer {
23426 clear: both;
23429 .notesgroup {
23430 margin-left: 20px;
23433 .path-my .coursebox {
23434 margin: 1rem 0;
23435 padding: 0;
23437 .path-my .coursebox .overview {
23438 margin: 15px 30px 10px 30px;
23441 .path-my .coursebox .info {
23442 float: none;
23443 margin: 0;
23446 .mod_introbox {
23447 padding: 10px;
23450 table.mod_index {
23451 width: 100%;
23454 .comment-ctrl {
23455 font-size: 12px;
23456 display: none;
23457 margin: 0;
23458 padding: 0;
23461 .comment-ctrl h5 {
23462 margin: 0;
23463 padding: 5px;
23466 .comment-area {
23467 max-width: 400px;
23468 padding: 5px;
23471 .comment-area textarea {
23472 width: 100%;
23473 overflow: auto;
23475 .comment-area textarea.fullwidth {
23476 -webkit-box-sizing: border-box;
23477 -moz-box-sizing: border-box;
23478 box-sizing: border-box;
23481 .comment-area .fd {
23482 text-align: right;
23485 .comment-meta span {
23486 color: gray;
23489 .comment-link img {
23490 vertical-align: text-bottom;
23493 .comment-list {
23494 font-size: 11px;
23495 overflow: auto;
23496 list-style: none;
23497 padding: 0;
23498 margin: 0;
23501 .comment-list li {
23502 margin: 2px;
23503 list-style: none;
23504 margin-bottom: 5px;
23505 clear: both;
23506 padding: 0.3em;
23507 position: relative;
23510 .comment-list li.first {
23511 display: none;
23514 .comment-paging {
23515 text-align: center;
23518 .comment-paging .pageno {
23519 padding: 2px;
23522 .comment-paging .curpage {
23523 border: 1px solid #ccc;
23526 .comment-message .picture {
23527 float: left;
23528 margin-right: 0.25rem;
23531 .comment-message .text {
23532 margin: 0;
23533 padding: 0;
23536 .comment-message .text p {
23537 padding: 0;
23538 margin: 0 18px 0 0;
23541 .comment-delete {
23542 position: absolute;
23543 top: 0;
23544 right: 0;
23545 margin: 0.3em;
23548 .comment-report-selectall {
23549 display: none;
23552 .comment-link {
23553 display: none;
23556 .jsenabled .comment-link {
23557 display: block;
23560 .jsenabled .showcommentsnonjs {
23561 display: none;
23564 .jsenabled .comment-report-selectall {
23565 display: inline;
23569 * Completion progress report
23571 .completion-expired {
23572 color: #f0ad4e;
23575 .completion-expected {
23576 font-size: 0.703125rem;
23579 .completion-sortchoice,
23580 .completion-identifyfield {
23581 font-size: 0.703125rem;
23582 vertical-align: bottom;
23585 .completion-progresscell {
23586 text-align: right;
23589 .completion-expired .completion-expected {
23590 font-weight: bold;
23594 * Tags
23596 img.user-image {
23597 height: 100px;
23598 width: 100px;
23601 #tag-search-box {
23602 text-align: center;
23603 margin: 10px auto;
23606 .path-tag .tag-index-items .tagarea {
23607 border: 1px solid #e3e3e3;
23608 border-radius: 4px;
23609 padding: 10px;
23610 margin-top: 10px;
23613 .path-tag .tag-index-items .tagarea h3 {
23614 display: block;
23615 padding: 3px 0 10px 0;
23616 margin: 0;
23617 font-size: 1.1em;
23618 font-weight: bold;
23619 line-height: 20px;
23620 color: #999;
23621 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
23622 text-transform: uppercase;
23623 word-wrap: break-word;
23624 border-bottom: solid 1px #e3e3e3;
23625 margin-bottom: 10px;
23628 .path-tag .tagarea .controls::after,
23629 .path-tag .tagarea .taggeditems::after {
23630 display: block;
23631 clear: both;
23632 content: "";
23635 .path-tag .tagarea .controls,
23636 .path-tag .tag-backtoallitems {
23637 text-align: center;
23640 .path-tag .tagarea .controls .gotopage.nextpage {
23641 float: right;
23644 .path-tag .tagarea .controls .gotopage.prevpage {
23645 float: left;
23648 .path-tag .tagarea .controls .exclusivemode {
23649 display: inline-block;
23652 .path-tag .tagarea .controls.controls-bottom {
23653 margin-top: 5px;
23656 .path-tag .tagarea .controls .gotopage.nextpage::after {
23657 padding-right: 5px;
23658 padding-left: 5px;
23659 content: "»";
23662 .path-tag .tagarea .controls .gotopage.prevpage::before {
23663 padding-right: 5px;
23664 padding-left: 5px;
23665 content: "«";
23668 span.flagged-tag,
23669 tr.flagged-tag,
23670 span.flagged-tag a,
23671 tr.flagged-tag a {
23672 color: #f0ad4e;
23675 .tag-management-table td,
23676 .tag-management-table th {
23677 vertical-align: middle;
23678 padding: 4px;
23681 .tag-management-table .inplaceeditable.inplaceeditingon input {
23682 width: 150px;
23685 .path-admin-tag .addstandardtags {
23686 float: right;
23688 .path-admin-tag .addstandardtags img {
23689 margin: 0 5px;
23692 .path-tag .tag-relatedtags {
23693 padding-top: 10px;
23696 .path-tag .tag-management-box {
23697 text-align: right;
23700 .path-tag .tag-index-toc {
23701 padding: 10px;
23702 text-align: center;
23705 .path-tag .tag-index-toc li,
23706 .path-tag .tag-management-box li {
23707 margin-left: 5px;
23708 margin-right: 5px;
23711 .path-tag .tag-management-box li a.edittag {
23712 background-image: url([[pix:moodle|i/settings]]);
23715 .path-tag .tag-management-box li a.flagasinappropriate {
23716 background-image: url([[pix:moodle|i/flagged]]);
23719 .path-tag .tag-management-box li a.removefrommyinterests {
23720 background-image: url([[pix:moodle|t/delete]]);
23723 .path-tag .tag-management-box li a.addtomyinterests {
23724 background-image: url([[pix:moodle|t/add]]);
23727 .path-tag .tag-management-box li a {
23728 background-repeat: no-repeat;
23729 background-position: left;
23730 padding-left: 17px;
23733 .tag_feed.media-list .media .itemimage {
23734 float: left;
23737 .tag_feed.media-list .media .itemimage img {
23738 height: 35px;
23739 width: 35px;
23742 .tag_feed.media-list .media .media-body {
23743 padding-right: 10px;
23744 padding-left: 10px;
23747 .tag_feed .media .muted a {
23748 color: #6a737b;
23751 .tag_cloud {
23752 text-align: center;
23755 .tag_cloud .inline-list li {
23756 padding: 0 0.2em;
23759 .tag_cloud .tag_overflow {
23760 margin-top: 1em;
23761 font-style: italic;
23764 .tag_cloud .s20 {
23765 font-size: 2.7em;
23768 .tag_cloud .s19 {
23769 font-size: 2.6em;
23772 .tag_cloud .s18 {
23773 font-size: 2.5em;
23776 .tag_cloud .s17 {
23777 font-size: 2.4em;
23780 .tag_cloud .s16 {
23781 font-size: 2.3em;
23784 .tag_cloud .s15 {
23785 font-size: 2.2em;
23788 .tag_cloud .s14 {
23789 font-size: 2.1em;
23792 .tag_cloud .s13 {
23793 font-size: 2em;
23796 .tag_cloud .s12 {
23797 font-size: 1.9em;
23800 .tag_cloud .s11 {
23801 font-size: 1.8em;
23804 .tag_cloud .s10 {
23805 font-size: 1.7em;
23808 .tag_cloud .s9 {
23809 font-size: 1.6em;
23812 .tag_cloud .s8 {
23813 font-size: 1.5em;
23816 .tag_cloud .s7 {
23817 font-size: 1.4em;
23820 .tag_cloud .s6 {
23821 font-size: 1.3em;
23824 .tag_cloud .s5 {
23825 font-size: 1.2em;
23828 .tag_cloud .s4 {
23829 font-size: 1.1em;
23832 .tag_cloud .s3 {
23833 font-size: 1em;
23836 .tag_cloud .s2 {
23837 font-size: 0.9em;
23840 .tag_cloud .s1 {
23841 font-size: 0.8em;
23844 .tag_cloud .s0 {
23845 font-size: 0.7em;
23848 .tag_list ul {
23849 display: inline;
23852 .tag_list.hideoverlimit .overlimit {
23853 display: none;
23856 .tag_list .tagmorelink {
23857 display: none;
23860 .tag_list.hideoverlimit .tagmorelink {
23861 display: inline;
23864 .tag_list.hideoverlimit .taglesslink {
23865 display: none;
23869 * Web Service
23871 #webservice-doc-generator td {
23872 text-align: left;
23873 border: 0 solid black;
23877 * Enrol
23879 .userenrolment {
23880 width: 100%;
23881 border-collapse: collapse;
23884 .userenrolment tr {
23885 vertical-align: top;
23888 .userenrolment td {
23889 padding: 0;
23890 height: 41px;
23893 .userenrolment .subfield {
23894 margin-right: 5px;
23897 .userenrolment .col_userdetails .subfield {
23898 margin-left: 40px;
23901 .userenrolment .col_userdetails .subfield_picture {
23902 float: left;
23903 margin-left: 0;
23906 .userenrolment .col_lastseen {
23907 width: 150px;
23910 .userenrolment .col_role {
23911 width: 262px;
23914 .userenrolment .col_role .roles,
23915 .userenrolment .col_group .groups {
23916 margin-right: 30px;
23919 .userenrolment .col_role .role {
23920 float: left;
23921 padding: 0 3px 3px;
23922 margin: 0 3px 3px;
23923 white-space: nowrap;
23926 .userenrolment .col_group .group {
23927 float: left;
23928 padding: 3px;
23929 margin: 3px;
23930 white-space: nowrap;
23933 .userenrolment .col_role .role a,
23934 .userenrolment .col_group .group a {
23935 margin-left: 3px;
23936 cursor: pointer;
23939 .userenrolment .col_role .addrole,
23940 .userenrolment .col_group .addgroup {
23941 float: right;
23942 padding: 3px;
23943 margin: 3px;
23945 .userenrolment .col_role .addrole > a:hover,
23946 .userenrolment .col_group .addgroup > a:hover {
23947 border-bottom: 1px solid #666;
23950 .userenrolment .col_role .addrole img,
23951 .userenrolment .col_group .addgroup img {
23952 vertical-align: baseline;
23955 .userenrolment .hasAllRoles .col_role .addrole {
23956 display: none;
23959 .userenrolment .col_enrol .enrolment {
23960 float: left;
23961 padding: 0 3px 3px;
23962 margin: 0 3px 3px;
23965 .userenrolment .col_enrol .enrolment a {
23966 float: right;
23967 margin-left: 3px;
23970 #page-enrol-otherusers .userenrolment .col_role .role {
23971 float: none;
23972 margin: 3px 3px 3px 0;
23973 padding: 3px 3px 3px 0;
23976 .corelightbox {
23977 background-color: #ccc;
23978 position: absolute;
23979 top: 0;
23980 left: 0;
23981 width: 100%;
23982 height: 100%;
23983 text-align: center;
23986 .corelightbox img {
23987 position: fixed;
23988 top: 50%;
23989 left: 50%;
23992 .mod-indent-outer {
23993 display: table;
23996 .mod-indent {
23997 display: table-cell;
24000 .label .mod-indent {
24001 float: left;
24002 padding-top: 20px;
24005 .activity.label.modtype_label .mod-indent {
24006 float: none;
24009 @media (min-width: 576px) {
24010 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
24011 .mod-indent-1 {
24012 width: 30px;
24014 .mod-indent-2 {
24015 width: 60px;
24017 .mod-indent-3 {
24018 width: 90px;
24020 .mod-indent-4 {
24021 width: 120px;
24023 .mod-indent-5 {
24024 width: 150px;
24026 .mod-indent-6 {
24027 width: 180px;
24029 .mod-indent-7 {
24030 width: 210px;
24032 .mod-indent-8 {
24033 width: 240px;
24035 .mod-indent-9 {
24036 width: 270px;
24038 .mod-indent-10 {
24039 width: 300px;
24041 .mod-indent-11 {
24042 width: 330px;
24044 .mod-indent-12 {
24045 width: 360px;
24047 .mod-indent-13 {
24048 width: 390px;
24050 .mod-indent-14 {
24051 width: 420px;
24053 .mod-indent-15 {
24054 width: 450px;
24056 .mod-indent-16 {
24057 width: 480px;
24059 .mod-indent-huge {
24060 width: 480px;
24063 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
24064 .resourcecontent .mediaplugin_mp3 object {
24065 height: 25px;
24066 width: 600px;
24069 .resourcecontent audio.mediaplugin_html5audio {
24070 width: 600px;
24073 /** Large resource images should avoid hidden overflow **/
24074 .resourceimage {
24075 max-width: 100%;
24078 /* Audio player size in 'inline' mode (can only change width, as above) */
24079 .mediaplugin_mp3 object {
24080 height: 15px;
24081 width: 300px;
24084 audio.mediaplugin_html5audio {
24085 width: 300px;
24088 .core_media_preview.pagelayout-embedded #maincontent {
24089 height: 0;
24092 .path-rating .ratingtable {
24093 width: 100%;
24094 margin-bottom: 1em;
24097 .path-rating .ratingtable th.rating {
24098 width: 100%;
24101 .path-rating .ratingtable td.rating,
24102 .path-rating .ratingtable td.time {
24103 white-space: nowrap;
24104 text-align: center;
24107 /* Moodle Dialogue Settings (moodle-core-dialogue) */
24108 .moodle-dialogue-base .moodle-dialogue-lightbox {
24109 background-color: #495057;
24112 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
24113 background-color: transparent;
24115 .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
24116 box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
24119 .moodle-dialogue-base .hidden,
24120 .moodle-dialogue-base .moodle-dialogue-hidden {
24121 display: none;
24124 .no-scrolling {
24125 overflow: hidden;
24128 .moodle-dialogue-base .moodle-dialogue-fullscreen {
24129 left: 0;
24130 top: 0;
24131 right: 0;
24132 bottom: -50px;
24133 position: fixed;
24136 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24137 overflow: auto;
24140 .moodle-dialogue-base .moodle-dialogue-wrap {
24141 background-color: #fff;
24142 border: 1px solid #ccc;
24145 .modal.show {
24146 display: block;
24149 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
24150 display: flex;
24151 padding: 1rem 1rem;
24152 border-bottom: 1px solid #dee2e6;
24155 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
24156 min-height: 3rem;
24157 color: initial;
24158 background: initial;
24159 font-size: 1.5rem;
24160 line-height: 1.5;
24163 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5 {
24164 font-size: 1.5rem;
24165 font-weight: 400;
24166 margin-bottom: 0;
24167 line-height: 1.5;
24170 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
24171 /*rtl:raw:
24172 left: 0;
24173 right: auto;
24175 padding: 0;
24176 position: relative;
24177 margin-left: auto;
24180 .moodle-dialogue-base .closebutton {
24181 padding: 1rem 1rem;
24182 margin: -1rem -1rem -1rem auto;
24183 position: relative;
24184 background-color: transparent;
24185 border: 0;
24186 background-image: none;
24187 box-shadow: none;
24188 opacity: 0.7;
24190 .moodle-dialogue-base .closebutton:hover, .moodle-dialogue-base .closebutton:active {
24191 opacity: 1;
24193 .moodle-dialogue-base .closebutton::after {
24194 content: "×";
24197 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
24198 padding: 0.5rem;
24200 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
24201 background-color: #fff;
24204 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
24205 overflow: auto;
24206 position: absolute;
24207 top: 0;
24208 bottom: 50px;
24209 left: 0;
24210 right: 0;
24211 margin: 0;
24212 border: 0;
24215 .moodle-dialogue-exception .moodle-exception-param label {
24216 font-weight: bold;
24219 .moodle-dialogue-exception .param-stacktrace label {
24220 background-color: #eee;
24221 border: 1px solid #ccc;
24222 border-bottom-width: 0;
24225 .moodle-dialogue-exception .param-stacktrace pre {
24226 border: 1px solid #ccc;
24227 background-color: #fff;
24230 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24231 color: navy;
24232 font-size: 0.8203125rem;
24235 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24236 color: #f0ad4e;
24237 font-size: 0.8203125rem;
24240 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24241 color: #333;
24242 font-size: 90%;
24243 border-bottom: 1px solid #eee;
24246 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
24247 display: none;
24250 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
24251 background: initial;
24254 .moodle-dialogue-confirm .confirmation-message {
24255 margin: 0.5rem 0;
24258 .moodle-dialogue-confirm .confirmation-dialogue input {
24259 min-width: 80px;
24262 .moodle-dialogue-exception .moodle-exception-message {
24263 margin: 1em;
24266 .moodle-dialogue-exception .moodle-exception-param {
24267 margin-bottom: 0.5em;
24270 .moodle-dialogue-exception .moodle-exception-param label {
24271 width: 150px;
24274 .moodle-dialogue-exception .param-stacktrace label {
24275 display: block;
24276 margin: 0;
24277 padding: 4px 1em;
24280 .moodle-dialogue-exception .param-stacktrace pre {
24281 display: block;
24282 height: 200px;
24283 overflow: auto;
24286 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
24287 display: inline-block;
24288 margin: 4px 0;
24291 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
24292 display: inline-block;
24293 width: 50px;
24294 margin: 4px 1em;
24297 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
24298 padding-left: 25px;
24299 margin-bottom: 4px;
24300 padding-bottom: 4px;
24303 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
24304 opacity: 0.75;
24305 width: 100%;
24306 height: 100%;
24307 top: 0;
24308 left: 0;
24309 background-color: white;
24310 text-align: center;
24311 padding: 10% 0;
24314 /* Apply a default max-height on tooltip text */
24315 .moodle-dialogue .tooltiptext {
24316 max-height: 300px;
24319 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
24320 z-index: 3001;
24322 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
24323 overflow: auto;
24327 * Chooser Dialogues (moodle-core-chooserdialogue)
24329 * This CSS belong to the chooser dialogue which should work both with, and
24330 * without javascript enabled
24332 /* Hide the dialog and it's title */
24333 .chooserdialoguebody,
24334 .choosertitle {
24335 display: none;
24338 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
24339 margin: 0;
24342 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
24343 padding: 0;
24344 background: #f2f2f2;
24345 border-bottom-right-radius: 10px;
24346 border-bottom-left-radius: 10px;
24349 /* Center the submit buttons within the area */
24350 .choosercontainer #chooseform .submitbuttons {
24351 padding: 0.7em 0;
24352 text-align: right;
24355 /* Fixed for safari browser on iPhone4S with ios7@mixin */
24356 @media (max-height: 639px) {
24357 .ios .choosercontainer #chooseform .submitbuttons {
24358 padding: 45px 0;
24361 .choosercontainer #chooseform .submitbuttons input {
24362 min-width: 100px;
24363 margin: 0 0.5em;
24366 /* Various settings for the options area */
24367 .choosercontainer #chooseform .options {
24368 position: relative;
24369 border-bottom: 1px solid #bbb;
24372 /* Only set these options if we're showing the js container */
24373 .jschooser .choosercontainer #chooseform .alloptions {
24374 overflow-x: hidden;
24375 overflow-y: auto;
24376 max-width: 240px;
24378 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
24379 display: inline-block;
24381 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
24382 display: inline-block;
24383 width: 55%;
24386 /* Settings for option rows and option subtypes */
24387 .choosercontainer #chooseform .moduletypetitle,
24388 .choosercontainer #chooseform .option,
24389 .choosercontainer #chooseform .nonoption {
24390 margin-bottom: 0;
24391 padding: 0 1.6em 0 1.6em;
24394 .choosercontainer #chooseform .moduletypetitle {
24395 text-transform: uppercase;
24396 padding-top: 1.2em;
24397 padding-bottom: 0.4em;
24398 margin-bottom: 0.5rem;
24399 font-size: 100%;
24402 .choosercontainer #chooseform .option .typename,
24403 .choosercontainer #chooseform .nonoption .typename {
24404 padding: 0 0 0 0.5em;
24407 .choosercontainer #chooseform .modicon + .typename {
24408 padding-left: 0;
24411 .choosercontainer #chooseform .option input[type=radio],
24412 .choosercontainer #chooseform .option span.typename {
24413 vertical-align: middle;
24416 .choosercontainer #chooseform .option label {
24417 display: block;
24418 margin: 0;
24419 padding: 0.5rem 0;
24420 border-bottom: 1px solid #fff;
24423 .choosercontainer #chooseform .option .icon {
24424 margin: 0;
24425 padding: 0 1rem;
24428 .choosercontainer #chooseform .nonoption {
24429 padding-left: 2.7em;
24430 padding-top: 0.3em;
24431 padding-bottom: 0.1em;
24434 .choosercontainer #chooseform .subtype {
24435 margin-bottom: 0;
24436 padding: 0 1.6em 0 3.2em;
24439 .choosercontainer #chooseform .subtype .typename {
24440 margin: 0 0 0 0.2em;
24443 /* The instruction/help area */
24444 .jschooser .choosercontainer #chooseform .instruction,
24445 .jschooser .choosercontainer #chooseform .typesummary {
24446 display: none;
24447 position: absolute;
24448 top: 0;
24449 right: 0;
24450 bottom: 0;
24451 left: 240px;
24452 margin: 0;
24453 padding: 1.6em;
24454 background-color: #fff;
24455 overflow-x: hidden;
24456 overflow-y: auto;
24457 line-height: 2em;
24460 /* Selected option settings */
24461 .jschooser .choosercontainer #chooseform .instruction,
24462 .choosercontainer #chooseform .selected .typesummary {
24463 display: block;
24466 .choosercontainer #chooseform .selected {
24467 background-color: #fff;
24468 margin-top: -1px;
24469 padding-top: 1px;
24472 @media (max-width: 575.98px) {
24473 .jsenabled .choosercontainer #chooseform .alloptions {
24474 max-width: 100%;
24476 .jsenabled .choosercontainer #chooseform .instruction,
24477 .jsenabled .choosercontainer #chooseform .typesummary {
24478 position: static;
24482 * Module chooser dialogue (moodle-core-chooserdialogue)
24484 * This CSS belong to the chooser dialogue which should work both with, and
24485 * without javascript enabled
24487 .modchooser .modal-body {
24488 padding: 0;
24489 overflow-y: auto;
24490 min-height: 640px;
24491 display: flex;
24492 flex-direction: column;
24494 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24495 min-height: 495px;
24497 .modchooser .modal-body .carousel-item.active {
24498 display: flex;
24500 .modchooser .modal-body .chooser-container {
24501 display: flex;
24502 flex-direction: column;
24503 flex: 1 1 auto;
24505 .modchooser .modal-body .loading-icon {
24506 opacity: 1;
24508 .modchooser .modal-body .loading-icon .icon {
24509 display: block;
24510 font-size: 3em;
24511 height: 1em;
24512 width: 1em;
24514 .modchooser .modal-body .carousel-item .loading-icon .icon {
24515 margin: 1em auto;
24517 .modchooser .modal-body .searchbar {
24518 width: 100%;
24521 .modchooser .modal-footer {
24522 height: 70px;
24523 background: #fff;
24525 .modchooser .modal-footer .moodlenet-logo .icon {
24526 height: 2.5rem;
24527 width: 6rem;
24528 margin-bottom: 0.6rem;
24531 .modchoosercontainer.noscroll {
24532 overflow-y: hidden;
24535 .modchoosercontainer .optionscontainer,
24536 .modchoosercontainer .searchresultitemscontainer {
24537 overflow-x: hidden;
24539 .modchoosercontainer .optionscontainer .option,
24540 .modchoosercontainer .searchresultitemscontainer .option {
24541 flex-basis: calc(50% - 0.5rem);
24543 .modchoosercontainer .optionscontainer .option .optionactions .optionaction,
24544 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
24545 cursor: pointer;
24546 color: #6a737b;
24548 .modchoosercontainer .optionscontainer .option .optionactions .optionaction i,
24549 .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction i {
24550 margin: 0;
24552 .modchoosercontainer .optionscontainer .option .optioninfo a,
24553 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a {
24554 color: #495057;
24556 .modchoosercontainer .optionscontainer .option .optioninfo a:hover,
24557 .modchoosercontainer .searchresultitemscontainer .option .optioninfo a:hover {
24558 text-decoration: none;
24561 .modchooser .modal-body .optionsummary {
24562 background-color: #fff;
24563 overflow-x: hidden;
24564 overflow-y: auto;
24565 height: 640px;
24567 .modchooser .modal-body .optionsummary .content {
24568 overflow-y: auto;
24570 .modchooser .modal-body .optionsummary .content .heading .icon {
24571 height: 32px;
24572 width: 32px;
24573 font-size: 32px;
24574 padding: 0;
24576 .modchooser .modal-body .optionsummary .actions {
24577 border-top: 1px solid #dee2e6;
24578 background: #fff;
24581 @media (max-width: 575.98px) {
24582 .path-course-view .modal-dialog.modal-lg,
24583 .path-course-view .modal-content,
24584 .modchooser .modal-body,
24585 .modchooser .modal-body .carousel,
24586 .modchooser .modal-body .carousel-inner,
24587 .modchooser .modal-body .carousel-item,
24588 .modchooser .modal-body .optionsummary,
24589 .modchoosercontainer,
24590 .optionscontainer,
24591 .searchresultitemscontainer {
24592 min-height: auto;
24593 height: 100%;
24594 overflow-y: auto;
24596 .path-course-view .modal-dialog.modal-lg {
24597 margin: 0;
24599 .modchooser .modal-body .searchresultitemscontainer-wrapper {
24600 min-height: auto;
24603 @media (min-width: 576px) {
24604 .modchoosercontainer .optionscontainer .option,
24605 .modchoosercontainer .searchresultitemscontainer .option {
24606 flex-basis: calc(33.33% - 0.5rem);
24609 @media (min-width: 992px) {
24610 .modchoosercontainer .optionscontainer .option,
24611 .modchoosercontainer .searchresultitemscontainer .option {
24612 flex-basis: calc(16.66% - 0.5rem);
24615 /* Form element: listing */
24616 .formlistingradio {
24617 padding-bottom: 25px;
24618 padding-right: 10px;
24621 .formlistinginputradio {
24622 float: left;
24625 .formlistingmain {
24626 min-height: 225px;
24629 .formlisting {
24630 position: relative;
24631 margin: 15px 0;
24632 padding: 1px 19px 14px;
24633 background-color: white;
24634 border: 1px solid #ddd;
24635 border-radius: 4px;
24638 .formlistingmore {
24639 position: absolute;
24640 cursor: pointer;
24641 bottom: -1px;
24642 right: -1px;
24643 padding: 3px 7px;
24644 font-size: 12px;
24645 font-weight: bold;
24646 background-color: whitesmoke;
24647 border: 1px solid #ddd;
24648 color: #9da0a4;
24649 border-radius: 4px 0 4px 0;
24652 .formlistingall {
24653 margin: 15px 0;
24654 padding: 0;
24655 border-radius: 4px;
24658 .formlistingrow {
24659 cursor: pointer;
24660 border-bottom: 1px solid;
24661 border-color: #e1e1e8;
24662 border-left: 1px solid #e1e1e8;
24663 border-right: 1px solid #e1e1e8;
24664 background-color: #f7f7f9;
24665 border-radius: 0 0 4px 4px;
24666 padding: 6px;
24667 top: 50%;
24668 left: 50%;
24669 min-height: 34px;
24670 float: left;
24671 width: 150px;
24674 body.jsenabled .formlistingradio {
24675 display: none;
24678 body.jsenabled .formlisting {
24679 display: block;
24682 a.criteria-action {
24683 padding: 0 3px;
24684 float: right;
24687 div.criteria-description {
24688 padding: 10px 15px;
24689 margin: 5px 0;
24690 background: none repeat scroll 0 0 #f9f9f9;
24691 border: 1px solid #eee;
24694 ul.badges {
24695 margin: 0;
24696 list-style: none;
24699 .badges li {
24700 position: relative;
24701 display: inline-block;
24702 padding-top: 1em;
24703 text-align: center;
24704 vertical-align: top;
24705 width: 150px;
24708 .badges li .badge-name {
24709 display: block;
24710 padding: 5px;
24713 .badges li > img {
24714 position: absolute;
24717 .badges li .badge-image {
24718 width: 100px;
24719 height: 100px;
24720 left: 10px;
24721 top: 0;
24722 z-index: 1;
24725 .badges li .badge-actions {
24726 position: relative;
24729 .badges li .expireimage {
24730 background-image: url([[pix:i/expired]]);
24731 background-repeat: no-repeat;
24732 background-size: 100px 100px;
24733 width: 100px;
24734 height: 100px;
24735 left: 25px;
24736 top: 15px;
24737 position: absolute;
24738 z-index: 10;
24739 opacity: 0.85;
24742 #badge-image {
24743 background-color: transparent;
24744 padding: 0;
24745 position: relative;
24746 min-width: 100px;
24747 width: 20%;
24748 display: inline-block;
24749 vertical-align: top;
24750 margin-top: 17px;
24751 margin-bottom: 20px;
24753 #badge-image .expireimage {
24754 background-image: url([[pix:i/expired]]);
24755 background-repeat: no-repeat;
24756 background-size: 100px 100px;
24757 width: 100px;
24758 height: 100px;
24759 left: 0;
24760 top: 0;
24761 opacity: 0.85;
24762 position: absolute;
24763 z-index: 10;
24765 #badge-image .singlebutton {
24766 padding-top: 5px;
24767 display: block;
24769 #badge-image .singlebutton button {
24770 margin-left: 4px;
24773 #badge-details {
24774 display: inline-block;
24775 width: 79%;
24778 #badge-overview dl,
24779 #badge-details dl {
24780 margin: 0;
24782 #badge-overview dl dt,
24783 #badge-overview dl dd,
24784 #badge-details dl dt,
24785 #badge-details dl dd {
24786 vertical-align: top;
24787 padding: 3px 0;
24789 #badge-overview dl dt,
24790 #badge-details dl dt {
24791 clear: both;
24792 display: inline-block;
24793 width: 20%;
24794 min-width: 100px;
24796 #badge-overview dl dd,
24797 #badge-details dl dd {
24798 display: inline-block;
24799 width: 79%;
24800 margin-left: 1%;
24803 #badge-criteria li li {
24804 list-style-type: none;
24807 #badge-image-col {
24808 flex: 0 0 400px;
24811 .badge-profile {
24812 vertical-align: top;
24815 .connected {
24816 color: #357a32;
24819 .notconnected {
24820 color: #ca3120;
24823 .connecting {
24824 color: #f0ad4e;
24827 #page-badges-award .recipienttable tr td {
24828 vertical-align: top;
24831 #page-badges-award .recipienttable tr td.actions .actionbutton {
24832 margin: 0.3em 0;
24833 padding: 0.5em 0;
24834 width: 100%;
24837 #page-badges-award .recipienttable tr td.existing,
24838 #page-badges-award .recipienttable tr td.potential {
24839 width: 42%;
24842 #issued-badge-table .activatebadge {
24843 display: inline-block;
24846 .statusbox.active {
24847 background-color: #d7e4d6;
24850 .statusbox.inactive {
24851 background-color: #fcefdc;
24854 .statusbox {
24855 text-align: center;
24856 margin-bottom: 5px;
24857 padding: 5px;
24860 .statusbox .activatebadge {
24861 display: inline-block;
24864 .statusbox .activatebadge input[type=submit] {
24865 margin: 3px;
24868 .activatebadge {
24869 margin: 0;
24870 text-align: left;
24871 vertical-align: middle;
24874 img#persona_signin {
24875 cursor: pointer;
24878 .addcourse {
24879 float: right;
24882 .invisiblefieldset {
24883 display: inline;
24884 padding: 0;
24885 border-width: 0;
24888 /** Page header */
24889 #page-header h1.h2 {
24890 font-weight: bold;
24892 #page-header .logo {
24893 margin: 1rem 0;
24895 #page-header .logo img {
24896 max-height: 75px;
24899 /** Navbar logo. */
24900 nav.navbar .logo img {
24901 max-height: 35px;
24904 .nav.usernav .nav-item {
24905 display: flex;
24907 .nav.usernav .usermenu .dropdown-toggle {
24908 padding: 0 0.5rem;
24911 /** Header-bar styles **/
24912 .page-context-header {
24913 overflow: hidden;
24914 padding: 0.25rem 0;
24915 display: flex;
24917 .page-context-header .page-header-image > a {
24918 display: inline-block;
24920 .page-context-header .page-header-headings,
24921 .page-context-header .header-button-group {
24922 position: relative;
24923 line-height: 24px;
24924 vertical-align: middle;
24926 .page-context-header .header-button-group {
24927 display: block;
24928 float: left;
24931 ul.dragdrop-keyboard-drag li {
24932 list-style-type: none;
24935 a.disabled:hover,
24936 a.disabled {
24937 text-decoration: none;
24938 cursor: default;
24939 font-style: italic;
24940 color: #808080;
24943 body.lockscroll {
24944 height: 100%;
24945 overflow: hidden;
24948 .progressbar_container {
24949 max-width: 500px;
24950 margin: 0 auto;
24953 /* IE10 only fix for calendar titling */
24954 .ie10 .yui3-calendar-header-label {
24955 display: inline-block;
24958 dd:before,
24959 dd:after {
24960 display: block;
24961 content: " ";
24964 dd:after {
24965 clear: both;
24968 .nav-tabs > .active > a[href],
24969 .nav-tabs > .active > a[href]:hover,
24970 .nav-tabs > .active > a[href]:focus {
24971 cursor: pointer;
24974 .inplaceeditable.inplaceeditingon {
24975 position: relative;
24977 .inplaceeditable.inplaceeditingon .editinstructions {
24978 margin-top: -30px;
24979 font-weight: normal;
24980 margin-right: 0;
24981 margin-left: 0;
24982 left: 0;
24983 right: auto;
24984 white-space: nowrap;
24986 @media (min-width: 576px) {
24987 .inplaceeditable.inplaceeditingon input {
24988 width: 330px;
24989 vertical-align: text-bottom;
24990 margin-bottom: 0;
24992 .inplaceeditable.inplaceeditingon input[role=combobox] {
24993 width: auto;
24996 .inplaceeditable.inplaceeditingon select {
24997 margin-bottom: 0;
24999 .inplaceeditable .quickediticon img {
25000 opacity: 0.2;
25002 .inplaceeditable .quickeditlink {
25003 color: inherit;
25004 text-decoration: inherit;
25006 .inplaceeditable:hover .quickeditlink .quickediticon img,
25007 .inplaceeditable .quickeditlink:focus .quickediticon img {
25008 opacity: 1;
25010 .inplaceeditable.inplaceeditable-toggle .quickediticon {
25011 display: none;
25013 .inplaceeditable.inplaceeditable-autocomplete {
25014 display: block;
25017 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
25018 margin-top: -20px;
25021 /** Chart area. */
25022 @media (min-width: 992px) {
25023 .chart-area .chart-image {
25024 position: relative;
25025 margin: auto;
25026 height: 48vh;
25027 width: 46vw;
25030 .chart-area .chart-table-data {
25031 display: none;
25033 .chart-area .chart-table {
25034 /** When accessible, we display the table only. */
25036 .chart-area .chart-table .chart-output-htmltable caption {
25037 white-space: nowrap;
25039 .chart-area .chart-table.accesshide .chart-table-expand {
25040 display: none;
25042 .chart-area .chart-table.accesshide .chart-table-data {
25043 display: block;
25046 /* YUI 2 Tree View */
25047 /*rtl:raw:
25048 .ygtvtn,
25049 .ygtvtm,
25050 .ygtvtmh,
25051 .ygtvtmhh,
25052 .ygtvtp,
25053 .ygtvtph,
25054 .ygtvtphh,
25055 .ygtvln,
25056 .ygtvlm,
25057 .ygtvlmh,
25058 .ygtvlmhh,
25059 .ygtvlp,
25060 .ygtvlph,
25061 .ygtvlphh,
25062 .ygtvdepthcell,
25063 .ygtvok,
25064 .ygtvok:hover,
25065 .ygtvcancel,
25066 .ygtvcancel:hover {
25067 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
25070 .hover-tooltip-container {
25071 position: relative;
25073 .hover-tooltip-container .hover-tooltip {
25074 opacity: 0;
25075 visibility: hidden;
25076 position: absolute;
25077 /*rtl:ignore*/
25078 left: 50%;
25079 top: calc(-50% - 5px);
25080 transform: translate(-50%, -50%);
25081 background-color: #fff;
25082 border: 1px solid rgba(0, 0, 0, 0.2);
25083 border-radius: 0.3rem;
25084 box-sizing: border-box;
25085 padding: 5px;
25086 white-space: nowrap;
25087 transition: opacity 0.15s, visibility 0.15s;
25088 z-index: 1000;
25090 .hover-tooltip-container .hover-tooltip:before {
25091 content: "";
25092 display: inline-block;
25093 border-left: 8px solid transparent;
25094 border-right: 8px solid transparent;
25095 border-top: 8px solid rgba(0, 0, 0, 0.2);
25096 position: absolute;
25097 bottom: -8px;
25098 left: calc(50% - 8px);
25100 .hover-tooltip-container .hover-tooltip:after {
25101 content: "";
25102 display: inline-block;
25103 border-left: 7px solid transparent;
25104 border-right: 7px solid transparent;
25105 border-top: 7px solid #fff;
25106 position: absolute;
25107 bottom: -6px;
25108 left: calc(50% - 7px);
25109 z-index: 2;
25111 .hover-tooltip-container:hover .hover-tooltip {
25112 opacity: 1;
25113 visibility: visible;
25114 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
25117 #region-flat-nav {
25118 padding-right: 0;
25119 padding-left: 0;
25121 #region-flat-nav .nav {
25122 margin-right: 15px;
25123 background-color: #fff;
25125 @media (max-width: 767.98px) {
25126 #region-flat-nav .nav {
25127 margin-top: 30px;
25128 margin-right: 0;
25132 .footer-dark a {
25133 color: #fff;
25134 text-decoration: underline;
25136 .footer-dark a .icon {
25137 color: #fff;
25139 .footer-dark a:focus .icon {
25140 color: #1d2125;
25143 .btn-footer-popover {
25144 display: none;
25145 position: fixed;
25146 bottom: 2rem;
25147 right: 2rem;
25150 .btn-footer-communication {
25151 display: none;
25152 position: fixed;
25153 bottom: 5rem;
25154 right: 2rem;
25157 .hasstickyfooter .btn-footer-popover {
25158 bottom: calc(1rem + max(96px, 0.9375rem * 3));
25161 .hasstickyfooter .btn-footer-communication {
25162 bottom: calc(4rem + max(96px, 0.9375rem * 3));
25165 .popover.footer .popover-body {
25166 padding: 0;
25168 .popover.footer .popover-body .footer-section a {
25169 color: #1d2125;
25170 text-decoration: underline;
25172 .popover.footer .popover-body .footer-section a .icon {
25173 color: #1d2125;
25175 .popover.footer .popover-body .footer-section a:focus {
25176 text-decoration: none;
25179 .footer-support-link {
25180 padding-bottom: 5px;
25183 @media (min-width: 576px) {
25184 .jsenabled #page-footer .footer-content-popover {
25185 display: none;
25187 .jsenabled .btn-footer-popover,
25188 .jsenabled .btn-footer-communication {
25189 display: block;
25190 z-index: 1000;
25193 .bg-inverse a {
25194 color: #fff;
25195 text-decoration: underline;
25197 .bg-inverse a .icon {
25198 color: #fff;
25201 .sitelink img {
25202 width: 112px;
25205 .dropdown-item a {
25206 display: block;
25207 width: 100%;
25208 color: #1d2125;
25210 .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
25211 outline: 0;
25212 background-color: #0f6cbf;
25213 color: #fff;
25215 .dropdown-item.active a, .dropdown-item:active a, .dropdown-item:hover a, .dropdown-item:focus a, .dropdown-item:focus-within a {
25216 color: #fff;
25218 .dropdown-item[aria-current=true], .dropdown-item[aria-selected=true] {
25219 position: relative;
25220 display: flex;
25221 align-items: center;
25223 .dropdown-item[aria-current=true]:before, .dropdown-item[aria-selected=true]:before {
25224 content: "\f00c";
25225 position: absolute;
25226 left: 0.4rem;
25227 font-size: 0.7rem;
25230 .competency-tree ul {
25231 padding-left: 1.5rem;
25234 .sr-only-focusable:active, .sr-only-focusable:focus {
25235 z-index: 1031;
25236 position: fixed;
25237 background: #fff;
25238 padding: 7px;
25239 left: 0;
25240 top: 0;
25243 [data-drag-type=move] {
25244 cursor: move;
25245 touch-action: none;
25248 .clickable {
25249 cursor: pointer;
25252 .overlay-icon-container {
25253 position: absolute;
25254 top: 0;
25255 left: 0;
25256 width: 100%;
25257 height: 100%;
25258 background-color: rgba(255, 255, 255, 0.6);
25260 .overlay-icon-container .loading-icon {
25261 position: absolute;
25262 top: 50%;
25263 left: 50%;
25264 transform: translate(-50%, -50%);
25266 .overlay-icon-container .loading-icon .icon {
25267 height: 30px;
25268 width: 30px;
25269 font-size: 30px;
25272 .w-auto {
25273 width: auto;
25276 .bg-pulse-grey {
25277 animation: bg-pulse-grey 2s infinite linear;
25280 @keyframes bg-pulse-grey {
25281 0% {
25282 background-color: #f8f9fa;
25284 50% {
25285 background-color: #e9ecef;
25287 100% {
25288 background-color: #f8f9fa;
25291 .line-height-0 {
25292 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
25295 .line-height-1 {
25296 line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */
25299 .line-height-2 {
25300 line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */
25303 .line-height-3 {
25304 line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */
25307 .line-height-4 {
25308 line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */
25311 .line-height-5 {
25312 line-height: 2rem !important; /* stylelint-disable-line declaration-no-important */
25315 .line-height-6 {
25316 line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */
25319 .dir-rtl .dir-rtl-hide {
25320 display: none;
25323 .dir-ltr .dir-ltr-hide {
25324 display: none;
25327 .paged-content-page-container {
25328 min-height: 3.125rem;
25331 body.h5p-embed #page-content {
25332 display: inherit;
25334 body.h5p-embed #maincontent {
25335 display: none;
25337 body.h5p-embed .h5pmessages {
25338 min-height: 230px;
25341 #h5pcontenttypes td {
25342 vertical-align: middle;
25345 #page.drawers form#h5peditor,
25346 #page.drawers form#coolh5peditor,
25347 #page.drawers .core_contentbank_viewcontent {
25348 max-width: 960px;
25349 margin: 0 auto;
25352 .text-decoration-none {
25353 text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
25356 .colour-inherit {
25357 color: inherit !important; /* stylelint-disable-line declaration-no-important */
25360 .position-right {
25361 right: 0 !important; /* stylelint-disable-line declaration-no-important */
25364 .overflow-hidden {
25365 overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
25368 .text-break {
25369 overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */
25372 .word-break {
25373 word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
25376 .z-index-0 {
25377 z-index: 0 !important; /* stylelint-disable-line declaration-no-important */
25380 .z-index-1 {
25381 z-index: 1 !important; /* stylelint-disable-line declaration-no-important */
25384 .float-left {
25385 float: left !important; /* stylelint-disable-line declaration-no-important */
25388 .float-right {
25389 float: right !important; /* stylelint-disable-line declaration-no-important */
25392 .img-responsive {
25393 max-width: 100%;
25394 height: auto;
25397 input[disabled] {
25398 cursor: not-allowed;
25401 .custom-select {
25402 width: auto;
25403 max-width: 100%;
25406 .fade.in {
25407 opacity: 1;
25410 .clamp-2 {
25411 display: -webkit-box;
25412 -webkit-box-orient: vertical;
25413 -webkit-line-clamp: 2;
25414 overflow: hidden;
25417 .word-break-all {
25418 word-break: break-all;
25421 .matchtext {
25422 background-color: #a2cff8;
25423 color: #1d2125;
25424 height: 1.5rem;
25427 .border-radius {
25428 border-radius: 0.5rem;
25431 .v-hidden {
25432 visibility: hidden;
25435 .dialog-big {
25436 max-width: 500px;
25439 .dialog-small {
25440 max-width: 300px;
25443 @media (min-width: 576px) {
25444 .dialog-big {
25445 width: 500px;
25447 .dialog-small {
25448 width: 300px;
25451 .emoji-picker {
25452 width: 350px;
25453 height: 400px;
25455 .emoji-picker .category-button {
25456 padding: 0.375rem 0;
25457 height: 100%;
25458 width: 38.8888888889px;
25459 border-top: none;
25460 border-left: none;
25461 border-right: none;
25462 border-bottom: 2px solid transparent;
25464 .emoji-picker .category-button.selected {
25465 border-bottom: 2px solid #0f6cbf;
25467 .emoji-picker .emojis-container,
25468 .emoji-picker .search-results-container {
25469 min-width: 280px;
25471 .emoji-picker .picker-row {
25472 height: 40px;
25474 .emoji-picker .picker-row .category-name {
25475 line-height: 40px;
25477 .emoji-picker .picker-row .emoji-button {
25478 height: 40px;
25479 width: 40px;
25480 line-height: 40px;
25481 font-size: 24px;
25482 overflow: hidden;
25484 .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus {
25485 color: inherit;
25486 text-decoration: none;
25488 .emoji-picker .emoji-preview {
25489 height: 40px;
25490 font-size: 40px;
25491 line-height: 40px;
25493 .emoji-picker .emoji-short-name {
25494 line-height: 20px;
25496 @media (max-width: 575.98px) {
25497 .emoji-picker {
25498 width: 320px;
25502 .emoji-auto-complete {
25503 height: 40px;
25505 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
25506 height: 40px;
25507 width: 40px;
25508 line-height: 40px;
25509 font-size: 24px;
25511 .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
25512 background-color: #e9ecef;
25515 .toast-wrapper {
25516 max-width: 350px;
25517 max-height: 0;
25518 z-index: 1051;
25520 .toast-wrapper > :first-child {
25521 margin-top: 1rem;
25524 .alert-primary a {
25525 color: #041d34;
25527 .alert-primary .close {
25528 color: #000305;
25529 opacity: 0.6;
25532 .alert-secondary a {
25533 color: #525557;
25535 .alert-secondary .close {
25536 color: #393b3d;
25537 opacity: 0.6;
25540 .alert-success a, .environmenttable .ok a {
25541 color: #0c1b0b;
25543 .alert-success .close, .environmenttable .ok .close {
25544 color: black;
25545 opacity: 0.6;
25548 .alert-info a {
25549 color: #00171b;
25551 .alert-info .close {
25552 color: black;
25553 opacity: 0.6;
25556 .alert-warning a, .environmenttable .warn a {
25557 color: #573e1c;
25559 .alert-warning .close, .environmenttable .warn .close {
25560 color: #302310;
25561 opacity: 0.6;
25564 .alert-danger a, .environmenttable .error a {
25565 color: #3d0f0a;
25567 .alert-danger .close, .environmenttable .error .close {
25568 color: #110403;
25569 opacity: 0.6;
25572 .alert-light a {
25573 color: #686868;
25575 .alert-light .close {
25576 color: #4e4e4f;
25577 opacity: 0.6;
25580 .alert-dark a {
25581 color: #040505;
25583 .alert-dark .close {
25584 color: black;
25585 opacity: 0.6;
25588 .alert a {
25589 font-weight: 700;
25592 .breadcrumb:empty {
25593 padding: 0;
25596 @media (max-width: 767.98px) {
25597 #page-navbar {
25598 width: 100%;
25600 .breadcrumb:not(:empty) {
25601 width: 100%;
25602 flex-wrap: nowrap;
25603 margin-bottom: 0.5rem;
25605 .breadcrumb:not(:empty) .breadcrumb-item {
25606 padding-top: 0.33333rem;
25607 padding-bottom: 0.33333rem;
25608 display: inline-flex;
25609 overflow: hidden;
25611 .breadcrumb:not(:empty) .breadcrumb-item a,
25612 .breadcrumb:not(:empty) .breadcrumb-item span {
25613 overflow: hidden;
25614 text-overflow: ellipsis;
25615 white-space: nowrap;
25617 .mform {
25618 width: 100%;
25619 padding-right: 15px;
25620 padding-left: 15px;
25622 .pagination {
25623 flex-wrap: wrap;
25624 justify-content: center;
25626 .custom-select {
25627 max-width: 100%;
25629 .card .card-body {
25630 padding: 0.625rem;
25632 #page-header .card {
25633 border: 0;
25635 #page-header .card .card-body {
25636 padding: 0;
25638 .nav-tabs:not(.more-nav),
25639 .nav-pills {
25640 margin: 0;
25641 border: 0;
25642 padding: 0.125rem;
25643 background-color: #e9ecef;
25645 .nav-tabs:not(.more-nav) .nav-item,
25646 .nav-pills .nav-item {
25647 flex: 1 1 auto;
25648 text-align: center;
25650 .nav-tabs:not(.more-nav) .nav-link,
25651 .nav-pills .nav-link {
25652 background: #fff;
25653 border: 0;
25654 margin: 0.125rem;
25656 .nav-tabs:not(.more-nav) .nav-link.active,
25657 .nav-pills .nav-link.active {
25658 color: #6a737b;
25659 border-color: #6a737b;
25660 border-color: #6a737b;
25662 .nav-tabs:not(.more-nav) .nav-link.active:hover,
25663 .nav-pills .nav-link.active:hover {
25664 color: #fff;
25665 background-color: #6a737b;
25666 border-color: #6a737b;
25668 .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
25669 .nav-pills .nav-link.active:focus,
25670 .nav-pills .nav-link.active.focus {
25671 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25673 .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
25674 .nav-pills .nav-link.active.disabled,
25675 .nav-pills .nav-link.active:disabled {
25676 color: #6a737b;
25677 background-color: transparent;
25679 .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,
25680 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active,
25681 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
25682 .show > .nav-pills .nav-link.active.dropdown-toggle {
25683 color: #fff;
25684 background-color: #6a737b;
25685 border-color: #6a737b;
25687 .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,
25688 .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
25689 .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
25690 .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
25691 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
25694 @media (max-width: 576px) and (max-height: 320px) {
25695 div#page {
25696 margin-top: 0;
25698 .navbar.fixed-top {
25699 position: relative;
25700 z-index: inherit;
25703 .link-underline {
25704 text-decoration: underline;
25706 .link-underline:focus {
25707 text-decoration: none;
25710 .alert.cta .cta-icon .icon {
25711 padding: 0.3rem;
25713 .alert.cta .cta-icon .icon.fa {
25714 border-radius: 50%;
25715 border-style: solid;
25716 border-width: 0.125rem;
25719 .core_payment_gateways_modal .custom-control-label::before,
25720 .core_payment_gateways_modal .custom-control-label::after {
25721 top: 45%;
25724 .visual-scroll-x {
25725 scrollbar-width: thin;
25726 scrollbar-color: #0f6cbf #a2cff8;
25727 -ms-overflow-style: -ms-autohiding-scrollbar;
25729 .visual-scroll-x::-webkit-scrollbar {
25730 height: 8px;
25731 -webkit-appearance: none;
25732 appearance: none;
25734 .visual-scroll-x::-webkit-scrollbar-thumb {
25735 background-color: #0f6cbf;
25736 border-right: 1px solid #fff;
25738 .visual-scroll-x::-webkit-scrollbar-track {
25739 background-color: #a2cff8;
25740 border-right: 1px solid #fff;
25743 body.dragging .drop-zone {
25744 border: 1px dashed #1d2125;
25746 body.dragging .drop-up {
25747 border-top: 1px solid #1d2125;
25748 border-top-left-radius: 0;
25749 border-top-right-radius: 0;
25751 body.dragging .drop-down {
25752 border-bottom: 1px solid #1d2125;
25753 border-bottom-left-radius: 0;
25754 border-bottom-right-radius: 0;
25756 body.dragging .dragging {
25757 opacity: 0.6;
25760 .dragicon {
25761 visibility: hidden;
25764 .draggable:hover .dragicon {
25765 visibility: visible;
25766 cursor: move;
25769 .overlay-preview {
25770 background-color: rgba(255, 255, 255, 0.8);
25771 border: 2px dashed #0f6cbf;
25772 position: absolute;
25773 top: 0;
25774 left: 0;
25775 width: 100%;
25776 height: 100%;
25778 .overlay-preview .overlay-preview-wrapper {
25779 position: absolute;
25780 top: 0;
25781 padding: 2rem;
25782 width: 100%;
25784 .overlay-preview .overlay-preview-content {
25785 position: relative;
25786 top: 0;
25787 padding: 1rem;
25788 margin: 0 auto;
25789 width: 100%;
25790 max-width: 600px;
25791 background-color: #0f6cbf;
25792 color: #fff;
25793 text-align: center;
25794 font-size: 1.171875rem;
25795 border-radius: 0.5rem;
25798 .overlay-preview-borders {
25799 outline: 2px dashed #0f6cbf;
25802 .waitstate {
25803 display: none;
25806 .stateready .waitstate {
25807 display: inherit;
25809 .stateready .whilenostate {
25810 display: none;
25813 .collapse-list .collapse-list-item {
25814 padding: 0.5rem 1rem;
25816 .collapse-list .collapse-list-item:hover, .collapse-list .collapse-list-item:focus {
25817 background-color: #e0f0f2;
25818 border-color: #b8dce2;
25820 .collapse-list .collapse-list-item-content .collapse-list-item {
25821 padding-left: calc(1rem * 3);
25824 .drawers .block_myoverview {
25825 border: 0;
25827 .drawers .block_myoverview > .card-body {
25828 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
25829 padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
25830 padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
25833 .dropdown-toggle::after {
25834 content: "\f078";
25835 margin-right: 0;
25836 margin-left: 4px;
25837 font-size: 9px;
25838 width: 9px;
25839 border: 0;
25842 .dropleft .dropdown-toggle::before {
25843 border: 0;
25844 content: "\f053";
25845 font-size: 9px;
25846 margin-left: 0;
25847 margin-right: 4px;
25848 width: 9px;
25851 .dropright .dropdown-toggle::after {
25852 border: 0;
25853 content: "\f054";
25856 .dropup .dropdown-toggle::after {
25857 border: 0;
25858 content: "\f077";
25861 .select-menu li:first-child ul[role=group] {
25862 padding: 0;
25864 .select-menu ul[role=group] {
25865 padding: 0.3rem 0 0 0;
25866 margin: 0;
25868 .select-menu ul[role=group] li:first-child {
25869 cursor: default;
25870 color: #6a737b;
25871 padding: 0.25rem 1.5rem;
25872 display: block;
25874 .select-menu ul[role=group] .dropdown-item {
25875 padding-left: 2.5rem;
25877 .select-menu .dropdown-item[aria-selected=true] {
25878 font-weight: bold;
25881 [role=listbox] [role=option] {
25882 cursor: pointer;
25884 [role=listbox] [role=option][aria-selected=true] {
25885 font-weight: bold;
25888 .initialbargroups ul {
25889 -webkit-margin-start: 0; /* stylelint-disable-line */
25890 margin-right: -1px;
25893 .initialbargroups .page-item:first-child .page-link {
25894 border-top-left-radius: 0;
25895 border-bottom-left-radius: 0;
25896 border-top-right-radius: 0;
25897 border-bottom-right-radius: 0;
25899 .initialbargroups .pagination-lg:first-child .page-item:first-child .page-link {
25900 border-top-left-radius: 0.6rem;
25901 border-bottom-left-radius: 0.6rem;
25903 .initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
25904 border-top-left-radius: 0.2rem;
25905 border-bottom-left-radius: 0.2rem;
25907 .initialbargroups .page-item:last-child .page-link {
25908 border-top-left-radius: 0;
25909 border-bottom-left-radius: 0;
25910 border-top-right-radius: 0;
25911 border-bottom-right-radius: 0;
25913 .initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
25914 border-top-right-radius: 0.6rem;
25915 border-bottom-right-radius: 0.6rem;
25917 .initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
25918 border-top-right-radius: 0.2rem;
25919 border-bottom-right-radius: 0.2rem;
25922 blockquote {
25923 margin: 0 0.5rem 1rem;
25924 padding-left: 1rem;
25925 color: #495057;
25926 border-left: 5px solid #ced4da;
25929 /* Prevent long strings exceeding page width */
25930 .page-header-headings:not(.text-truncate),
25931 .coursename:not(.text-truncate),
25932 .categoryname:not(.text-truncate),
25933 .breadcrumb-item:not(.text-truncate) {
25934 word-break: normal;
25935 overflow-wrap: anywhere;
25936 white-space: normal;
25939 /* Showmore component */
25940 .showmore-container.collapsed .collapsed-content {
25941 display: block;
25943 .showmore-container.collapsed .expanded-content {
25944 display: none;
25946 .showmore-container:not(.collapsed) .collapsed-content {
25947 display: none;
25949 .showmore-container:not(.collapsed) .expanded-content {
25950 display: block;
25952 .showmore-container button {
25953 float: right;
25955 .showmore-container button.btn-link {
25956 text-decoration: none;
25958 .showmore-container button .icon {
25959 font-size: 0.8203125rem;
25960 margin: 0;
25963 .icon {
25964 font-size: 16px;
25965 width: 16px;
25966 height: 16px;
25967 margin: 0;
25968 padding: 0;
25969 box-sizing: content-box;
25970 margin-right: 0.5rem;
25972 .icon.spacer {
25973 margin-right: 0;
25975 .icon.iconsize-big {
25976 width: 64px;
25977 height: 64px;
25978 font-size: 64px;
25981 .navbar-dark a .icon {
25982 color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */
25985 .action-menu-item a:first-of-type > .icon {
25986 margin-left: 0.5rem;
25989 .ygtvcell .icon {
25990 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
25993 .block_navigation .tree_item .icon,
25994 .block_settings .tree_item .icon {
25995 margin-left: 0;
25998 [data-action=toggle-drawer] .icon {
25999 margin: 0;
26002 .icon-no-spacing a > .icon {
26003 margin: 0;
26006 .icon-no-margin .icon {
26007 margin-left: 0;
26008 margin-right: 0;
26009 margin-top: 0;
26010 margin-bottom: 0;
26013 .icon-large > .icon {
26014 width: 32px;
26015 height: 32px;
26018 .icon-size-0 .icon {
26019 height: 0 !important; /* stylelint-disable-line declaration-no-important */
26020 width: 0 !important; /* stylelint-disable-line declaration-no-important */
26021 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
26024 .icon-size-1 .icon {
26025 height: 4px !important; /* stylelint-disable-line declaration-no-important */
26026 width: 4px !important; /* stylelint-disable-line declaration-no-important */
26027 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
26030 .icon-size-2 .icon {
26031 height: 8px !important; /* stylelint-disable-line declaration-no-important */
26032 width: 8px !important; /* stylelint-disable-line declaration-no-important */
26033 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
26036 .icon-size-3 .icon {
26037 height: 16px !important; /* stylelint-disable-line declaration-no-important */
26038 width: 16px !important; /* stylelint-disable-line declaration-no-important */
26039 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
26042 .icon-size-4 .icon {
26043 height: 24px !important; /* stylelint-disable-line declaration-no-important */
26044 width: 24px !important; /* stylelint-disable-line declaration-no-important */
26045 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
26048 .icon-size-5 .icon {
26049 height: 32px !important; /* stylelint-disable-line declaration-no-important */
26050 width: 32px !important; /* stylelint-disable-line declaration-no-important */
26051 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
26054 .icon-size-6 .icon {
26055 height: 40px !important; /* stylelint-disable-line declaration-no-important */
26056 width: 40px !important; /* stylelint-disable-line declaration-no-important */
26057 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
26060 .icon-size-7 .icon {
26061 height: 48px !important; /* stylelint-disable-line declaration-no-important */
26062 width: 48px !important; /* stylelint-disable-line declaration-no-important */
26063 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
26066 .helplink .icon {
26067 margin-left: 0.5rem;
26070 .icons-collapse-expand {
26071 display: flex;
26072 align-items: center;
26074 .icons-collapse-expand .expanded-icon {
26075 display: flex;
26076 align-items: center;
26078 .icons-collapse-expand .collapsed-icon {
26079 display: none;
26081 .icons-collapse-expand.collapsed .expanded-icon {
26082 display: none;
26084 .icons-collapse-expand.collapsed .collapsed-icon {
26085 display: flex;
26086 align-items: center;
26089 .activityiconcontainer {
26090 width: 50px;
26091 height: 50px;
26092 display: inline-flex;
26093 justify-content: center;
26094 align-items: center;
26095 background-color: #f8f9fa;
26096 border-radius: 4px;
26097 padding: 0.7rem;
26099 .activityiconcontainer .activityicon,
26100 .activityiconcontainer .icon {
26101 margin: 0;
26102 height: 24px;
26103 width: 24px;
26105 .activityiconcontainer.small {
26106 width: 40px;
26107 height: 40px;
26109 .activityiconcontainer.smaller {
26110 width: 30px;
26111 height: 30px;
26113 .activityiconcontainer.smaller .activityicon {
26114 width: 16px;
26115 height: 16px;
26118 .activityiconcontainer.administration {
26119 background-color: #5d63f6;
26121 .activityiconcontainer.administration .activityicon:not(.nofilter),
26122 .activityiconcontainer.administration .icon:not(.nofilter) {
26123 filter: brightness(0) invert(1);
26126 .activityiconcontainer.assessment {
26127 background-color: #eb66a2;
26129 .activityiconcontainer.assessment .activityicon:not(.nofilter),
26130 .activityiconcontainer.assessment .icon:not(.nofilter) {
26131 filter: brightness(0) invert(1);
26134 .activityiconcontainer.collaboration {
26135 background-color: #f7634d;
26137 .activityiconcontainer.collaboration .activityicon:not(.nofilter),
26138 .activityiconcontainer.collaboration .icon:not(.nofilter) {
26139 filter: brightness(0) invert(1);
26142 .activityiconcontainer.communication {
26143 background-color: #11a676;
26145 .activityiconcontainer.communication .activityicon:not(.nofilter),
26146 .activityiconcontainer.communication .icon:not(.nofilter) {
26147 filter: brightness(0) invert(1);
26150 .activityiconcontainer.content {
26151 background-color: #399be2;
26153 .activityiconcontainer.content .activityicon:not(.nofilter),
26154 .activityiconcontainer.content .icon:not(.nofilter) {
26155 filter: brightness(0) invert(1);
26158 .activityiconcontainer.interface {
26159 background-color: #a378ff;
26161 .activityiconcontainer.interface .activityicon:not(.nofilter),
26162 .activityiconcontainer.interface .icon:not(.nofilter) {
26163 filter: brightness(0) invert(1);
26166 .icon-box {
26167 width: 48px;
26168 height: 48px;
26169 display: inline-flex;
26170 justify-content: center;
26171 align-items: center;
26172 background-color: #f8f9fa;
26173 border-radius: 12px;
26174 padding: 0.7rem;
26176 .icon-box .icon {
26177 margin: 0;
26178 height: 24px;
26179 width: 24px;
26182 :root {
26183 --activityadministration: #5d63f6;
26184 --activityassessment: #eb66a2;
26185 --activitycollaboration: #f7634d;
26186 --activitycommunication: #11a676;
26187 --activitycontent: #399be2;
26188 --activityinterface: #a378ff;
26191 /* admin.less */
26192 .formtable tbody th {
26193 font-weight: normal;
26194 text-align: right;
26197 .path-admin #assignrole {
26198 width: 60%;
26199 margin-left: auto;
26200 margin-right: auto;
26203 .path-admin .admintable .leftalign {
26204 text-align: left;
26207 .path-admin .admintable.environmenttable .name,
26208 .path-admin .admintable.environmenttable .info,
26209 .path-admin #assignrole .admintable .role,
26210 .path-admin #assignrole .admintable .userrole,
26211 .path-admin #assignrole .admintable .roleholder {
26212 white-space: nowrap;
26215 .path-admin .incompatibleblockstable td.c0 {
26216 font-weight: bold;
26219 #page-admin-course-category .addcategory {
26220 padding: 10px;
26223 #page-admin-course-index .editcourse {
26224 margin: 20px auto;
26227 #page-admin-course-index .editcourse th,
26228 #page-admin-course-index .editcourse td {
26229 padding-left: 10px;
26230 padding-right: 10px;
26233 .timewarninghidden {
26234 display: none;
26237 #page-admin-qtypes #qtypes div,
26238 #page-admin-qtypes #qtypes form,
26239 #page-admin-qbehaviours #qbehaviours div,
26240 #page-admin-qbehaviours #qbehaviours form {
26241 display: inline;
26244 #page-admin-qtypes #qtypes img.spacer,
26245 #page-admin-qbehaviours #qbehaviours img.spacer {
26246 width: 16px;
26249 #page-admin-qbehaviours .cell.c3,
26250 #page-admin-qtypes .cell.c3 {
26251 font-size: 0.8203125rem;
26254 #page-admin-lang .generalbox,
26255 #page-admin-course-index .singlebutton,
26256 #page-admin-course-index .addcategory,
26257 #page-course-index .buttons,
26258 #page-course-index-category .buttons,
26259 #page-admin-course-category .addcategory,
26260 #page-admin-stickyblocks .generalbox,
26261 #page-admin-maintenance .buttons,
26262 #page-admin-course-index .buttons,
26263 #page-admin-course-category .buttons,
26264 #page-admin-index .copyright,
26265 #page-admin-index .copyrightnotice,
26266 #page-admin-index .adminerror .singlebutton,
26267 #page-admin-index .adminwarning .singlebutton,
26268 #page-admin-index #layout-table .singlebutton {
26269 text-align: center;
26270 margin-bottom: 1em;
26273 .path-admin-roles .capabilitysearchui {
26274 text-align: left;
26275 margin-left: auto;
26276 margin-right: auto;
26277 margin-top: 1rem;
26280 #page-admin-roles-define .topfields {
26281 margin: 1em 0 2em;
26284 #page-admin-roles-override .capcurrent,
26285 #page-admin-roles-define .capdefault {
26286 background-color: rgba(0, 0, 0, 0.075);
26289 #page-filter-manage .backlink,
26290 .path-admin-roles .backlink {
26291 margin-top: 1em;
26294 #page-admin-roles-explain #chooseuser h3,
26295 #page-admin-roles-usersroles .contextname {
26296 margin-top: 0;
26299 #page-admin-roles-explain #chooseusersubmit {
26300 margin-top: 0;
26301 text-align: center;
26304 #page-admin-roles-usersroles p {
26305 margin: 0;
26308 #page-admin-roles-override .cell.c1,
26309 #page-admin-roles-assign .cell.c3,
26310 #page-admin-roles-assign .cell.c1 {
26311 padding-top: 0.75em;
26314 #page-admin-roles-override .overridenotice,
26315 #page-admin-roles-define .definenotice {
26316 margin: 1em 10% 2em 10%;
26317 text-align: left;
26320 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
26321 display: block;
26324 #page-admin-index .updateplugin div {
26325 margin-bottom: 0.5em;
26328 #page-admin-user-user_bulk #users .fgroup {
26329 white-space: nowrap;
26332 #page-admin-report-stats-index .graph {
26333 text-align: center;
26334 margin-bottom: 1em;
26337 #page-admin-report-courseoverview-index .graph {
26338 text-align: center;
26339 margin-bottom: 1em;
26342 #page-admin-lang .translator {
26343 border-width: 1px;
26344 border-style: solid;
26347 .path-admin .roleassigntable {
26348 width: 100%;
26351 .path-admin .roleassigntable td {
26352 vertical-align: top;
26353 padding: 0.2em 0.3em;
26356 .path-admin .roleassigntable p {
26357 text-align: left;
26358 margin: 0.2em 0;
26361 .path-admin .roleassigntable #existingcell,
26362 .path-admin .roleassigntable #potentialcell {
26363 width: 42%;
26366 .path-admin .roleassigntable #existingcell p > label:first-child,
26367 .path-admin .roleassigntable #potentialcell p > label:first-child {
26368 font-weight: bold;
26371 .path-admin .roleassigntable #buttonscell {
26372 width: 16%;
26375 .path-admin .roleassigntable #buttonscell #assignoptions {
26376 font-size: 0.8203125rem;
26379 .path-admin .roleassigntable #removeselect_wrapper,
26380 .path-admin .roleassigntable #addselect_wrapper {
26381 width: 100%;
26384 .path-admin table.rolecap tr.rolecap th {
26385 text-align: left;
26386 font-weight: normal;
26389 .path-admin .rolecap .hiddenrow {
26390 display: none;
26393 .path-admin #defineroletable .rolecap .inherit,
26394 .path-admin #defineroletable .rolecap .allow,
26395 .path-admin #defineroletable .rolecap .prevent,
26396 .path-admin #defineroletable .rolecap .prohibit {
26397 text-align: center;
26398 padding: 0;
26399 min-width: 3.5em;
26402 .path-admin .rolecap .cap-name,
26403 .path-admin .rolecap .note {
26404 display: block;
26405 font-size: 0.8203125rem;
26406 white-space: nowrap;
26407 font-weight: normal;
26410 .path-admin .rolecap label {
26411 display: block;
26412 text-align: center;
26413 padding: 0.5em;
26414 margin: 0;
26417 .path-admin .header-maxwidth,
26418 .path-admin .secondary-navigation .navigation .nav-tabs,
26419 .format-site .header-maxwidth,
26420 .format-site .secondary-navigation .navigation .nav-tabs {
26421 max-width: none;
26424 .path-admin.path-admin-roles:not(.format-site) .header-maxwidth,
26425 .path-admin.path-admin-roles:not(.format-site) .secondary-navigation .navigation .nav-tabs,
26426 .path-admin.path-admin-tool-lp .header-maxwidth,
26427 .path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
26428 max-width: 830px;
26431 .plugincheckwrapper {
26432 width: 100%;
26435 .environmentbox {
26436 margin-top: 1em;
26439 #mnetconfig table {
26440 margin-left: auto;
26441 margin-right: auto;
26444 .environmenttable .cell {
26445 padding: 0.15em 0.5em;
26448 #trustedhosts .generaltable {
26449 margin-left: auto;
26450 margin-right: auto;
26451 width: 500px;
26454 #trustedhosts .standard {
26455 width: auto;
26458 #adminsettings legend {
26459 display: none;
26462 #adminsettings fieldset.error {
26463 margin: 0.2em 0 0.5em 0;
26466 #adminsettings fieldset.error legend {
26467 display: block;
26470 #admin-spelllanguagelist textarea {
26471 /* rtl:ignore */
26472 text-align: left;
26473 /* rtl:ignore */
26474 direction: ltr;
26477 /* Styles for flags on admin settings */
26478 .adminsettingsflags {
26479 float: right;
26482 .adminsettingsflags label {
26483 margin-right: 7px;
26486 .form-description pre,
26487 .formsettingheading pre {
26488 /*rtl:ignore*/
26489 direction: ltr;
26492 .form-item .form-setting .form-htmlarea {
26493 display: inline;
26496 .form-item .form-setting .form-htmlarea .htmlarea {
26497 width: 640px;
26498 display: block;
26501 .form-item .form-setting .form-multicheckbox ul {
26502 list-style: none;
26503 padding: 0;
26504 margin: 7px 0 0 0;
26507 .form-item .form-setting .defaultsnext {
26508 display: inline;
26511 .form-item .form-setting .locked-checkbox {
26512 margin-right: 0.2em;
26513 margin-left: 0.5em;
26514 display: inline;
26517 .form-item .form-setting .form-password .unmask,
26518 .form-item .form-setting .form-defaultinfo {
26519 display: inline-block;
26522 .form-item .form-setting .form-defaultinfo {
26523 max-width: 100%;
26524 word-wrap: break-word;
26527 #admin-emoticons td input {
26528 width: 8em;
26531 #admin-emoticons td.c0 input {
26532 width: 4em;
26535 #adminthemeselector table {
26536 border-collapse: collapse;
26539 #adminthemeselector .selectedtheme {
26540 border: 1px solid #b8dce2;
26543 .admin_colourpicker,
26544 .admin_colourpicker_preview {
26545 display: none;
26548 .jsenabled .admin_colourpicker_preview {
26549 display: inline;
26552 @media (min-width: 768px) {
26553 .jsenabled .admin_colourpicker {
26554 display: block;
26555 height: 102px;
26556 width: 410px;
26557 margin-bottom: 10px;
26558 box-sizing: content-box;
26560 .admin_colourpicker .colourdialogue {
26561 float: left;
26562 border: 1px solid #8f959e;
26564 .admin_colourpicker .previewcolour {
26565 border: 1px solid #8f959e;
26566 margin-left: 301px;
26568 .admin_colourpicker .currentcolour {
26569 border: 1px solid #8f959e;
26570 margin-left: 301px;
26571 border-top-width: 0;
26574 @media (max-width: 767.98px) {
26575 .jsenabled .admin_colourpicker {
26576 height: 150px;
26577 margin-bottom: 10px;
26578 display: block;
26579 position: relative;
26581 .admin_colourpicker .previewcolour {
26582 display: none;
26584 .admin_colourpicker .currentcolour {
26585 position: absolute;
26586 border: 1px solid #dee2e6;
26587 top: 100px;
26588 left: 0;
26591 .admin_colourpicker .loadingicon {
26592 vertical-align: middle;
26593 margin-left: auto;
26596 #page-admin-index #notice .checkforupdates {
26597 text-align: center;
26600 #page-admin-plugins #plugins-overview-panel .info {
26601 display: inline-block;
26602 margin-right: 1em;
26604 #page-admin-plugins .checkforupdates {
26605 margin: 10px 0;
26607 #page-admin-plugins .checkforupdates .singlebutton {
26608 margin: 5px 0;
26609 padding: 0;
26611 #page-admin-plugins .checkforupdates .singlebutton div,
26612 #page-admin-plugins .checkforupdates .singlebutton input {
26613 margin: 0 3px 0 0;
26615 #page-admin-plugins .updateavailableinstallall {
26616 margin: 5px 0;
26617 padding: 0;
26619 #page-admin-plugins .updateavailableinstallall div,
26620 #page-admin-plugins .updateavailableinstallall input {
26621 margin: 0 3px 5px 0;
26623 #page-admin-plugins #plugins-control-panel .status-missing td {
26624 background-color: #fcefdc;
26626 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
26627 font-size: 0.8203125rem;
26628 color: #6a737b;
26629 margin-left: 22px;
26631 #page-admin-plugins #plugins-control-panel .version .versionnumber {
26632 font-size: 0.8203125rem;
26633 color: #6a737b;
26635 #page-admin-plugins #plugins-control-panel .uninstall a {
26636 color: #ca3120;
26638 #page-admin-plugins #plugins-control-panel .notes .label {
26639 margin-right: 3px;
26641 #page-admin-plugins #plugins-control-panel .notes .requiredby {
26642 font-size: 0.8203125rem;
26643 color: #6a737b;
26646 #plugins-check-page #plugins-check .status-missing td,
26647 #plugins-check-page #plugins-check .status-downgrade td {
26648 background-color: #f4d6d2;
26651 #plugins-check-page .pluginupdateinfo,
26652 #plugins-control-panel .pluginupdateinfo {
26653 background-color: #cce6ea;
26654 padding: 5px;
26655 margin: 10px 0;
26656 border-radius: 5px;
26658 #plugins-check-page .pluginupdateinfo.maturity50,
26659 #plugins-control-panel .pluginupdateinfo.maturity50 {
26660 background-color: #f4d6d2;
26662 #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
26663 #plugins-control-panel .pluginupdateinfo.maturity100,
26664 #plugins-control-panel .pluginupdateinfo.maturity150 {
26665 background-color: #fcefdc;
26667 #plugins-check-page .pluginupdateinfo .info,
26668 #plugins-control-panel .pluginupdateinfo .info {
26669 display: inline-block;
26671 #plugins-check-page .pluginupdateinfo .separator:after,
26672 #plugins-control-panel .pluginupdateinfo .separator:after {
26673 content: " | ";
26675 #plugins-check-page .pluginupdateinfo .singlebutton,
26676 #plugins-control-panel .pluginupdateinfo .singlebutton {
26677 margin: 5px 0;
26678 padding: 0;
26680 #plugins-check-page .pluginupdateinfo .singlebutton div,
26681 #plugins-check-page .pluginupdateinfo .singlebutton input,
26682 #plugins-control-panel .pluginupdateinfo .singlebutton div,
26683 #plugins-control-panel .pluginupdateinfo .singlebutton input {
26684 margin: 0 3px 0 0;
26687 .plugins-management-confirm-buttons > div {
26688 display: inline-block;
26689 margin: 1em 1em 1em 0;
26691 .plugins-management-confirm-buttons .continue {
26692 padding: 0;
26694 .plugins-management-confirm-buttons .continue div,
26695 .plugins-management-confirm-buttons .continue input {
26696 margin: 0;
26699 #page-admin-index .upgradepluginsinfo {
26700 text-align: center;
26703 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
26704 content: " | ";
26707 /** MNet networking */
26708 #page-admin-mnet-peers .box.deletedhosts {
26709 margin-bottom: 1em;
26710 font-size: 0.8203125rem;
26713 #core-cache-plugin-summaries table,
26714 #core-cache-store-summaries table {
26715 width: 100%;
26718 #core-cache-lock-summary table,
26719 #core-cache-definition-summaries table,
26720 #core-cache-mode-mappings table {
26721 margin: 0 auto;
26724 #core-cache-store-summaries .default-store td {
26725 font-style: italic;
26728 #core-cache-rescan-definitions,
26729 #core-cache-mode-mappings .edit-link,
26730 #core-cache-lock-additional-actions .new-instance {
26731 margin-top: 0.5em;
26732 text-align: center;
26735 .maintenancewarning {
26736 position: fixed;
26737 bottom: 0;
26738 right: 0;
26739 overflow: hidden;
26740 z-index: 1000;
26743 .modal.modal-in-page {
26744 z-index: 0;
26747 #page-admin-search .adminpagetitle {
26748 margin-bottom: 0;
26749 border-bottom: none;
26751 #page-admin-search .adminpagepath {
26752 display: flex;
26753 flex-wrap: wrap;
26754 list-style: none;
26755 padding: 0;
26756 margin: 0 0 1.5rem 0;
26758 #page-admin-search .adminpagepath li + li:before {
26759 padding-right: 0.5rem;
26760 padding-left: 0.5rem;
26761 content: "/";
26763 @media (min-width: 576px) {
26764 #page-admin-search .container {
26765 overflow-wrap: break-word;
26769 #page-admin-tasklogs .task-class {
26770 font-size: 0.8203125rem;
26771 color: #6a737b;
26774 .path-admin-tool-uploaduser .uuwarning {
26775 background-color: #fcefdc;
26777 .path-admin-tool-uploaduser .uuerror {
26778 background-color: #f4d6d2;
26780 .path-admin-tool-uploaduser .uuinfo {
26781 background-color: #d7e4d6;
26784 .blockmovetarget .accesshide {
26785 position: relative;
26786 left: initial;
26789 .block:target {
26790 padding-top: 0 !important; /* stylelint-disable declaration-no-important */
26791 margin-top: 0 !important;
26794 .block_search_forums .searchform {
26795 /* Override plugin's default. */
26796 text-align: left;
26799 .block.block_navigation .block_tree ul,
26800 .block_settings .block_tree ul {
26801 margin-left: 0;
26804 .block .block-controls .dropdown-toggle {
26805 /* So that the caret takes the colour of the icon. */
26806 color: #1d2125;
26809 [data-region=blocks-column] {
26810 width: 360px;
26811 float: right;
26814 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
26815 @media (min-width: 576px) {
26816 #region-main-settings-menu {
26817 position: relative;
26818 float: left;
26819 width: 100%;
26821 #region-main-settings-menu > div {
26822 position: absolute;
26823 right: 0;
26824 z-index: 100;
26825 margin: 1rem;
26827 .region_main_settings_menu_proxy {
26828 width: 4rem;
26829 height: 2rem;
26830 background-color: #fff;
26831 margin-left: 0.625rem;
26832 margin-bottom: 0.625rem;
26833 border-bottom-left-radius: 0.5rem;
26834 float: right;
26837 @media (max-width: 767.98px) {
26838 #region-main-settings-menu .menubar {
26839 justify-content: flex-end;
26842 #region-main.has-blocks {
26843 display: inline-block;
26844 width: calc(100% - 375px);
26846 @media (max-width: 1199.98px) {
26847 #region-main.has-blocks {
26848 width: 100%;
26849 /* MDL-63102 - Remove extra space at bottom.
26850 If modifying make sure block-region is horizontally stacked when in full screen */
26851 display: block;
26855 .header-action #region-main-settings-menu {
26856 position: unset;
26857 float: none;
26858 width: auto;
26860 .header-action #region-main-settings-menu > div {
26861 position: unset;
26862 right: auto;
26863 margin: 0;
26866 @media (max-width: 1199.98px) {
26867 [data-region=blocks-column] {
26868 width: 100%;
26872 .block .empty-placeholder-image-lg {
26873 height: 5rem;
26876 .block .searchbar .icon {
26877 margin-right: 0;
26880 .block .block-cards .course-info-container {
26881 padding: 0.8rem;
26883 .block .block-cards .progress {
26884 height: 0.5rem;
26886 .block .block-cards .course-summaryitem {
26887 border: 1px solid #dee2e6;
26888 background-color: #fff;
26890 .block .block-cards .icon {
26891 margin-right: 0;
26893 .block .block-cards .card .coursemenubtn {
26894 margin-top: -0.5rem;
26896 .block .block-cards span.categoryname,
26897 .block .block-cards .btn-link {
26898 color: #1d2125;
26900 .block .block-cards .progress-text {
26901 color: #6a737b;
26903 .block .block-cards .multiline {
26904 white-space: normal;
26906 .block .block-cards .btn.btn-link.btn-icon {
26907 height: 36px;
26908 width: 36px;
26909 padding: 0;
26910 border-radius: 50%;
26912 .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-link.btn-icon:focus {
26913 background-color: #e9ecef;
26916 .dashboard-card-deck.one-row {
26917 flex-flow: nowrap;
26918 overflow-x: scroll;
26921 .summaryimage {
26922 height: 5rem;
26923 width: 5rem;
26924 background-position: center;
26925 background-size: cover;
26928 .dashboard-list-img {
26929 height: 5rem;
26930 width: 20rem;
26931 background-position: center;
26932 background-size: cover;
26934 @media (max-width: 1199.98px) {
26935 .dashboard-list-img {
26936 width: 100%;
26940 .dashboard-card-deck .dashboard-card {
26941 margin-bottom: 0.5rem;
26942 flex-basis: auto;
26943 width: 100%;
26944 flex-grow: 0;
26945 flex-shrink: 0;
26947 .dashboard-card-deck .dashboard-card .dashboard-card-img {
26948 height: 7rem;
26949 background-position: center;
26950 background-size: cover;
26951 border-bottom-left-radius: 0;
26952 border-bottom-right-radius: 0;
26954 .dashboard-card-deck .dashboard-card .dashboard-card-footer {
26955 padding: 0.8rem;
26957 @media (min-width: 576px) {
26958 .dashboard-card-deck.fixed-width-cards .dashboard-card {
26959 width: 300px;
26960 max-width: 100%;
26964 @media (min-width: 576px) {
26965 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
26966 width: calc(50% - 0.5rem);
26969 @media (min-width: 840px) {
26970 .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
26971 width: calc(33.33% - 0.5rem);
26975 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) {
26976 margin-left: 0;
26977 margin-right: 0;
26979 #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
26980 width: calc(100% - 0.5rem) !important;
26983 .block_recentlyaccessedcourses .paging-bar-container {
26984 margin-top: -2.4rem;
26985 padding-right: 0.5rem;
26986 justify-content: flex-end;
26988 @media (max-width: 575.98px) {
26989 .block_recentlyaccessedcourses .paging-bar-container {
26990 margin-top: 0;
26994 #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
26995 margin-top: 0;
26998 .block_recentlyaccesseditems .activityiconcontainer {
26999 width: 40px;
27000 height: 40px;
27002 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck.one-row {
27003 flex-flow: wrap;
27004 overflow-x: hidden;
27006 aside[id^=block-region-side-] .block_recentlyaccesseditems .dashboard-card-deck .card:nth-of-type(n+4) {
27007 display: none;
27009 #block-region-content .block_recentlyaccesseditems [data-region=more-items-button-container] {
27010 display: none;
27012 .block_recentlyaccesseditems a.dashboard-card:hover, .block_recentlyaccesseditems a.dashboard-card:focus {
27013 text-decoration: none;
27015 .block_recentlyaccesseditems a.dashboard-card:hover h6, .block_recentlyaccesseditems a.dashboard-card:focus h6 {
27016 text-decoration: underline;
27018 .block_recentlyaccesseditems a.dashboard-card small {
27019 color: #1d2125;
27022 .block_myoverview .content {
27023 min-height: 19.35rem;
27025 .block_myoverview .paged-content-page-container {
27026 min-height: 13rem;
27029 .block_timeline .paged-content-page-container {
27030 background-color: #fff;
27033 .block_timeline .event-action {
27034 padding-left: 5.55em;
27037 .block_settings .block_tree [aria-expanded=true],
27038 .block_settings .block_tree [aria-expanded=true].emptybranch,
27039 .block_settings .block_tree [aria-expanded=false],
27040 .block_navigation .block_tree [aria-expanded=true],
27041 .block_navigation .block_tree [aria-expanded=true].emptybranch,
27042 .block_navigation .block_tree [aria-expanded=false] {
27043 background-image: none;
27046 .block_settings .block_tree [aria-expanded=true] > p:before,
27047 .block_navigation .block_tree [aria-expanded=true] > p:before {
27048 content: "\f107";
27049 margin-right: 0;
27050 font-size: 16px;
27051 width: 16px;
27054 .block_settings .block_tree [aria-expanded=false] > p:before,
27055 .block_navigation .block_tree [aria-expanded=false] > p:before {
27056 content: "\f105";
27057 margin-right: 0;
27058 font-size: 16px;
27059 width: 16px;
27062 .dir-rtl .block_settings .block_tree [aria-expanded=false] > p:before,
27063 .dir-rtl .block_navigation .block_tree [aria-expanded=false] > p:before {
27064 content: "\f104";
27067 .block_navigation .block_tree p.hasicon,
27068 .block_settings .block_tree p.hasicon {
27069 text-indent: -3px;
27071 .block_navigation .block_tree p.hasicon .icon,
27072 .block_settings .block_tree p.hasicon .icon {
27073 margin-right: 2px;
27076 .block.invisibleblock .card-title {
27077 color: #6a737b;
27080 @media (max-width: 767.98px) {
27081 .block.card {
27082 border-left: 0;
27083 border-right: 0;
27086 .block_social_activities li a.movehere,
27087 .block_site_main_menu li a.movehere {
27088 display: block;
27089 width: 100%;
27090 height: 2rem;
27091 border: 2px dashed #343a40;
27092 margin: 4px 0;
27095 .pagelayout-embedded .has-fake-blocks {
27096 padding: 1rem;
27097 display: flex;
27099 .pagelayout-embedded .has-fake-blocks .embedded-main {
27100 order: 0;
27101 width: calc(100% - 360px);
27102 margin-right: 1rem;
27104 .pagelayout-embedded .embedded-blocks {
27105 order: 1;
27106 width: 360px;
27108 @media (max-width: 767.98px) {
27109 .pagelayout-embedded .has-fake-blocks {
27110 display: block;
27112 .pagelayout-embedded .has-fake-blocks .embedded-main {
27113 width: 100%;
27115 .pagelayout-embedded .embedded-blocks {
27116 width: 100%;
27120 /* calendar.less */
27121 .calendar_event_category {
27122 background-color: #e0cbe0;
27124 .calendar_event_category .commands a {
27125 color: #0d5ca1;
27128 .calendar_event_course {
27129 background-color: #ffd3bd;
27131 .calendar_event_course .commands a {
27132 color: #0d5ca1;
27135 .calendar_event_site {
27136 background-color: #d6f8cd;
27138 .calendar_event_site .commands a {
27139 color: #0d5ca1;
27142 .calendar_event_group {
27143 background-color: #fee7ae;
27145 .calendar_event_group .commands a {
27146 color: #0d5ca1;
27149 .calendar_event_user {
27150 background-color: #dce7ec;
27152 .calendar_event_user .commands a {
27153 color: #0d5ca1;
27156 .calendar_event_other {
27157 background-color: #ced4da;
27159 .calendar_event_other .commands a {
27160 color: #0d5ca1;
27163 .calendartable {
27164 width: 100%;
27165 table-layout: fixed;
27167 .calendartable th,
27168 .calendartable td {
27169 width: 14%;
27170 vertical-align: top;
27171 text-align: center;
27172 border: 0;
27175 .calendar-controls .previous,
27176 .calendar-controls .next,
27177 .calendar-controls .current {
27178 display: block;
27179 float: left;
27180 width: 12%;
27182 .calendar-controls .previous {
27183 text-align: left;
27184 border: 1px solid transparent;
27185 width: 25%;
27187 .calendar-controls .current {
27188 text-align: center;
27189 width: 50%;
27191 .calendar-controls .next {
27192 text-align: right;
27193 border: 1px solid transparent;
27194 width: 25%;
27196 .calendar-controls .drop-target {
27197 box-sizing: border-box;
27198 border: 1px dashed #0f6cbf;
27201 .filters table {
27202 border-collapse: separate;
27203 border-spacing: 2px;
27204 width: 100%;
27207 #region-main .maincalendar .calendarwrapper td > div {
27208 height: 11.5em;
27209 overflow: hidden;
27212 .maincalendar {
27213 vertical-align: top;
27214 padding: 0;
27216 .maincalendar .bottom {
27217 text-align: left;
27218 width: 98%;
27219 margin: 10px auto;
27221 .maincalendar .bottom span.footer-link:after {
27222 content: "•";
27223 color: #0f6cbf;
27225 .maincalendar .bottom span.footer-link:last-child:after {
27226 content: none;
27228 .maincalendar .heightcontainer {
27229 height: 100%;
27230 position: relative;
27232 .maincalendar .calendarmonth {
27233 width: 98%;
27234 margin: 10px auto;
27236 .maincalendar .calendarmonth ul {
27237 margin: 0;
27238 padding: 0;
27240 .maincalendar .calendarmonth ul li[data-event-folded=true] {
27241 display: none;
27243 .maincalendar .calendarmonth ul li {
27244 list-style-type: none;
27245 line-height: 1.2em;
27247 .maincalendar .calendarmonth ul li > a {
27248 overflow: hidden;
27249 text-overflow: ellipsis;
27250 white-space: nowrap;
27251 max-width: 100%;
27252 display: inline-block;
27254 .maincalendar .calendarmonth ul li > a:hover {
27255 text-decoration: none;
27257 .maincalendar .calendarmonth ul li > a:hover .eventname {
27258 text-decoration: underline;
27260 .maincalendar .calendarmonth ul li a[data-action=view-day-link] {
27261 overflow: hidden;
27262 text-overflow: ellipsis;
27263 white-space: nowrap;
27265 .maincalendar .calendarmonth ul li .icon {
27266 margin-left: 0.25em;
27267 margin-right: 0.25em;
27268 vertical-align: initial;
27270 .maincalendar .calendarmonth ul li .calendar-circle {
27271 width: 12px;
27272 height: 12px;
27273 border-radius: 6px;
27274 vertical-align: middle;
27275 display: inline-block;
27277 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
27278 background-color: #e0cbe0;
27279 border: 2px solid #9e619f;
27281 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
27282 background-color: #ffd3bd;
27283 border: 2px solid #d34600;
27285 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
27286 background-color: #d6f8cd;
27287 border: 2px solid #2b8713;
27289 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
27290 background-color: #fee7ae;
27291 border: 2px solid #9a6e02;
27293 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
27294 background-color: #dce7ec;
27295 border: 2px solid #4e7c91;
27297 .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
27298 background-color: #ced4da;
27299 border: 2px solid #687889;
27301 .maincalendar .calendarmonth th {
27302 text-align: left;
27303 padding-left: 16px;
27305 .maincalendar .calendarmonth td a.day:focus {
27306 display: inline-block;
27307 border-radius: 50%;
27308 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
27310 .maincalendar .calendarmonth td .day-number-circle {
27311 display: inline-block;
27312 line-height: 0;
27313 width: 30px;
27314 height: 30px;
27316 .maincalendar .calendarmonth td .day-number-circle .day-number {
27317 display: inline-block;
27318 padding: 50% 4px;
27319 width: 100%;
27320 text-align: center;
27322 .maincalendar .calendarmonth td.today .day-number-circle {
27323 border-radius: 50%;
27324 color: #fff;
27325 background-color: #0f6cbf;
27327 .maincalendar .calendarmonth .clickable:hover {
27328 background-color: #ededed;
27330 .maincalendar .controls {
27331 width: 98%;
27332 margin: 10px auto;
27334 .maincalendar .calendar_event_category:hover a,
27335 .maincalendar .calendar_event_course:hover a,
27336 .maincalendar .calendar_event_site:hover a,
27337 .maincalendar .calendar_event_group:hover a,
27338 .maincalendar .calendar_event_user:hover a {
27339 color: #094478;
27340 text-decoration: underline;
27342 .maincalendar .calendar_event_category {
27343 border-color: #e0cbe0;
27345 .maincalendar .calendar_event_course {
27346 border-color: #ffd3bd;
27348 .maincalendar .calendar_event_site {
27349 border-color: #d6f8cd;
27351 .maincalendar .calendar_event_group {
27352 border-color: #fee7ae;
27354 .maincalendar .calendar_event_user {
27355 border-color: #dce7ec;
27357 .maincalendar .calendar_event_other {
27358 border-color: #ced4da;
27360 .maincalendar .calendartable td,
27361 .maincalendar .calendartable li {
27362 padding: 4px;
27364 .maincalendar .calendartable li {
27365 text-align: left;
27367 .maincalendar .header {
27368 overflow: hidden;
27370 .maincalendar .header .buttons {
27371 float: right;
27373 .maincalendar .event .card-header img {
27374 vertical-align: baseline;
27376 .maincalendar .event .location {
27377 word-break: break-all;
27378 overflow-wrap: break-word;
27380 .maincalendar table#subscription_details_table td {
27381 vertical-align: middle;
27383 .maincalendar table#subscription_details_table td > .btn-group button {
27384 padding-left: 0;
27387 #page-calendar-export .indent {
27388 padding-left: 20px;
27391 .block .bottom {
27392 width: 98%;
27393 margin: 10px auto;
27395 .block .bottom span.footer-link:after {
27396 content: "•";
27397 color: #0f6cbf;
27399 .block .bottom span.footer-link:last-child:after {
27400 content: none;
27402 .block .minicalendar {
27403 max-width: 280px;
27404 margin: 0 auto;
27405 width: 100%;
27407 .block .minicalendar th,
27408 .block .minicalendar td {
27409 padding: 2px;
27410 font-size: 0.8em;
27411 text-align: center;
27413 .block .minicalendar td.weekend {
27414 color: #6a737b;
27416 .block .minicalendar td a {
27417 width: 100%;
27418 height: 100%;
27419 display: block;
27420 color: #0d5ca1;
27422 .block .minicalendar td.duration_global {
27423 border-top: 1px solid #d6f8cd;
27424 border-bottom: 1px solid #d6f8cd;
27426 .block .minicalendar td.duration_global.duration_finish {
27427 background-color: #d6f8cd;
27429 .block .minicalendar td.duration_category {
27430 border-top: 1px solid #e0cbe0;
27431 border-bottom: 1px solid #e0cbe0;
27433 .block .minicalendar td.duration_category.duration_finish {
27434 background-color: #e0cbe0;
27436 .block .minicalendar td.duration_course {
27437 border-top: 1px solid #ffd3bd;
27438 border-bottom: 1px solid #ffd3bd;
27440 .block .minicalendar td.duration_course.duration_finish {
27441 background-color: #ffd3bd;
27443 .block .minicalendar td.duration_group {
27444 border-top: 1px solid #fee7ae;
27445 border-bottom: 1px solid #fee7ae;
27447 .block .minicalendar td.duration_group.duration_finish {
27448 background-color: #fee7ae;
27450 .block .minicalendar td.duration_user {
27451 border-top: 1px solid #dce7ec;
27452 border-bottom: 1px solid #dce7ec;
27454 .block .minicalendar td.duration_user.duration_finish {
27455 background-color: #dce7ec;
27457 .block .minicalendar td.duration_other {
27458 border-top: 1px solid #ced4da;
27459 border-bottom: 1px solid #ced4da;
27461 .block .minicalendar td.duration_other.duration_finish {
27462 background-color: #ced4da;
27464 .block .minicalendar caption {
27465 font-size: inherit;
27466 font-weight: inherit;
27467 line-height: inherit;
27468 text-align: center;
27470 .block .calendar_filters ul {
27471 list-style: none;
27472 margin: 0;
27473 padding: 0;
27475 .block .calendar_filters li {
27476 margin-bottom: 0.2em;
27478 .block .calendar_filters li span.calendar_event_category i {
27479 color: #0d5ca1;
27481 .block .calendar_filters li span.calendar_event_course i {
27482 color: #0d5ca1;
27484 .block .calendar_filters li span.calendar_event_site i {
27485 color: #0d5ca1;
27487 .block .calendar_filters li span.calendar_event_group i {
27488 color: #0d5ca1;
27490 .block .calendar_filters li span.calendar_event_user i {
27491 color: #0d5ca1;
27493 .block .calendar_filters li span.calendar_event_other i {
27494 color: #0d5ca1;
27496 .block .calendar_filters li span img {
27497 padding: 0 0.2em;
27498 margin: 0;
27500 .block .calendar_filters li .icon {
27501 vertical-align: initial;
27502 margin: 0 0.1rem 0 0.4rem;
27504 .block .calendar_filters li > a:hover {
27505 text-decoration: none;
27507 .block .calendar_filters li > a:hover .eventname {
27508 text-decoration: underline;
27510 .block .content h3.eventskey {
27511 margin-top: 0.5em;
27514 .path-course-view .block.block_calendar_month .maincalendar div.header {
27515 visibility: hidden;
27516 height: 0;
27518 .path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text {
27519 display: none;
27521 .path-course-view .block.block_calendar_month .footer .bottom .footer-link {
27522 display: block;
27524 .path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
27525 content: none;
27528 /* Display month name above the calendar */
27529 table.calendartable caption {
27530 caption-side: top;
27533 @media (min-width: 768px) {
27534 #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 {
27535 min-width: 1024px;
27538 @media (min-width: 768px) {
27539 section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
27540 visibility: hidden;
27541 height: 0;
27543 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
27544 width: 40%;
27545 font-size: inherit;
27546 line-height: inherit;
27548 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
27549 section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
27550 width: 30%;
27551 font-size: 0.8em;
27553 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
27554 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27555 border: none;
27556 text-align: center !important;
27557 padding: 0;
27559 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
27560 height: auto;
27561 font-size: 0.8em;
27563 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27564 display: none;
27566 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27567 display: inline-block;
27568 position: relative;
27570 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27571 content: ".";
27572 display: inline-block;
27573 position: absolute;
27574 bottom: 0.4em;
27575 left: 0;
27576 text-align: center;
27577 width: 100%;
27578 font-size: 3em;
27579 color: inherit;
27581 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
27582 content: "";
27583 display: block;
27584 margin-top: calc(100% - 26px);
27586 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
27587 background-color: inherit;
27589 section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
27590 border-radius: 50%;
27591 background-color: #ededed;
27593 section:not(#region-main) .block.block_calendar_month .bottom {
27594 border-top: 1px solid rgba(0, 0, 0, 0.125);
27595 padding-top: 0.5rem;
27598 @media (max-width: 768px) {
27599 .maincalendar .calendartable.calendarmonth th,
27600 .maincalendar .calendartable.calendarmonth td {
27601 border: none;
27602 text-align: center !important;
27603 padding: 0;
27605 .maincalendar .calendartable.calendarmonth td {
27606 height: auto;
27607 font-size: inherit;
27608 padding: 0;
27610 .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
27611 display: none;
27613 .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
27614 display: inline-block;
27615 position: relative;
27617 .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
27618 content: ".";
27619 display: inline-block;
27620 position: absolute;
27621 bottom: 0.4em;
27622 left: 0;
27623 text-align: center;
27624 width: 100%;
27625 font-size: 3em;
27626 color: inherit;
27628 .maincalendar .calendartable.calendarmonth td:after {
27629 content: "";
27630 display: block;
27631 margin-top: calc(100% - 26px);
27633 .maincalendar .calendartable.calendarmonth td > div {
27634 height: auto !important;
27637 .calendarwrapper {
27638 position: relative;
27641 .day-popover-content:empty + .day-popover-alternate {
27642 display: block;
27645 .location-content {
27646 overflow-wrap: break-word;
27649 .description-content {
27650 overflow-wrap: break-word;
27652 .description-content > p {
27653 margin: 0;
27656 .cal_courses_flt {
27657 color: #6a737b;
27658 max-width: 75%;
27661 .content-bank-container .cb-content-wrapper {
27662 padding: 0.5rem;
27663 min-height: 140px;
27664 max-height: 500px;
27665 overflow-x: auto;
27666 flex-wrap: wrap;
27668 .content-bank-container .cb-thumbnail {
27669 width: 24px;
27670 height: 24px;
27671 background-repeat: no-repeat;
27672 background-position: center;
27673 background-size: cover;
27675 .content-bank-container.view-grid {
27676 /* Display a centered eye slash on top of unlisted content icons. */
27678 .content-bank-container.view-grid .cb-listitem {
27679 margin-bottom: 0.5rem;
27681 .content-bank-container.view-grid .cb-listitem.cb-unlisted {
27682 position: relative;
27684 @media (max-width: 767.98px) {
27685 .content-bank-container.view-grid .cb-listitem {
27686 flex-basis: 50%;
27689 @media (min-width: 576px) {
27690 .content-bank-container.view-grid .cb-listitem {
27691 max-width: 120px;
27692 min-width: 120px;
27695 .content-bank-container.view-grid .cb-name {
27696 text-align: center;
27698 .content-bank-container.view-grid .cb-file {
27699 padding: 0.5rem;
27701 .content-bank-container.view-grid .cb-thumbnail {
27702 width: 64px;
27703 height: 64px;
27704 margin-left: auto;
27705 margin-right: auto;
27706 margin-bottom: 0.5rem;
27708 .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
27709 opacity: 0.15;
27711 .content-bank-container.view-grid .cb-unlisted::after {
27712 content: "\f070";
27713 position: absolute;
27714 top: 20px;
27715 left: 0;
27716 width: 100%;
27717 font-size: 26px;
27718 text-align: center;
27719 opacity: 0.9;
27720 text-shadow: 0 0 10px #fff;
27722 .content-bank-container.view-grid .cb-heading,
27723 .content-bank-container.view-grid .cb-uses,
27724 .content-bank-container.view-grid .cb-date,
27725 .content-bank-container.view-grid .cb-size,
27726 .content-bank-container.view-grid .cb-type,
27727 .content-bank-container.view-grid .cb-author {
27728 display: none;
27730 .content-bank-container.view-list .cb-content-wrapper {
27731 padding: 0 0.5rem;
27732 flex-direction: column;
27733 flex-wrap: nowrap;
27735 .content-bank-container.view-list .cb-thumbnail {
27736 margin-right: 0.5rem;
27738 .content-bank-container.view-list .cb-listitem,
27739 .content-bank-container.view-list .cb-heading {
27740 display: flex;
27741 flex-wrap: wrap;
27742 width: 100%;
27743 border-bottom: 1px solid #dee2e6;
27745 .content-bank-container.view-list .cb-column {
27746 display: flex;
27747 padding: 0.25rem;
27749 .content-bank-container.view-list .cb-column {
27750 border-right: 1px solid #dee2e6;
27752 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-thumbnail {
27753 opacity: 0.3;
27755 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column,
27756 .content-bank-container.view-list .cb-listitem.cb-unlisted .cb-column a {
27757 color: #6a737b;
27759 @media (max-width: 767.98px) {
27760 .content-bank-container.view-list .cb-column {
27761 flex: 0 0 50%;
27762 max-width: 50%;
27765 @media (min-width: 576px) {
27766 .content-bank-container.view-list .cb-heading {
27767 position: sticky;
27768 top: 0;
27769 z-index: 1;
27771 .content-bank-container.view-list .cb-file {
27772 flex: 0 0 40%;
27773 max-width: 40%;
27775 .content-bank-container.view-list .cb-uses,
27776 .content-bank-container.view-list .cb-date,
27777 .content-bank-container.view-list .cb-size,
27778 .content-bank-container.view-list .cb-type,
27779 .content-bank-container.view-list .cb-author {
27780 flex: 0 0 12%;
27781 max-width: 12%;
27783 .content-bank-container.view-list .cb-column.last {
27784 border-right: 0;
27787 .content-bank-container.view-list .cb-btnsort span {
27788 display: none;
27790 .content-bank-container.view-list .cb-btnsort .title {
27791 display: inline;
27793 .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 {
27794 display: inline;
27797 .cb-toolbar-container .dropdown-scrollable {
27798 max-height: 190px;
27799 overflow-y: auto;
27802 .cb-navigation-container .singleselect,
27803 .cb-navigation-container .singleselect .custom-select {
27804 width: 100%;
27807 /* course.less */
27808 /* COURSE CONTENT */
27809 .section_add_menus {
27810 text-align: right;
27811 clear: both;
27814 .section-modchooser {
27815 clear: both;
27816 margin-top: 0.25rem;
27819 .block_tree .tree_item.branch {
27820 margin-left: 8px;
27823 .section_add_menus .horizontal div,
27824 .section_add_menus .horizontal form {
27825 display: inline;
27828 .section_add_menus optgroup {
27829 font-weight: normal;
27830 font-style: italic;
27833 /*rtl:ignore*/
27834 .section_add_menus .urlselect {
27835 text-align: left;
27836 margin-left: 0.4em;
27839 /*rtl:ignore*/
27840 .section_add_menus .urlselect select {
27841 margin-left: 0.2em;
27844 .sitetopic ul.section {
27845 margin: 0;
27848 body:not(.editing) .sitetopic ul.section {
27849 padding-left: 0;
27851 body:not(.editing) .sitetopic ul.section .label .mod-indent-outer {
27852 padding-left: 0;
27855 @media (min-width: 576px) {
27856 .course-content ul.section {
27857 margin: 1rem;
27860 .section .side {
27861 margin-top: 0.5rem;
27863 .section .side.left {
27864 float: left;
27866 .section .side.right {
27867 float: right;
27868 clear: right;
27870 .section .spinner {
27871 height: 16px;
27872 width: 16px;
27874 .section .activity {
27875 list-style: none;
27876 padding: 0.25rem 0;
27877 /* The command block for each activity */
27879 .section .activity .spinner {
27880 left: 100%;
27881 position: absolute;
27883 .section .activity .actions {
27884 position: absolute;
27885 right: 0;
27886 top: 0;
27887 display: flex;
27889 .section .activity .contentwithoutlink,
27890 .section .activity .activityinstance {
27891 min-width: 40%;
27893 .section .activity .contentwithoutlink > a,
27894 .section .activity .activityinstance > a {
27895 display: inline-flex;
27896 align-items: center;
27898 .section .activity .contentwithoutlink .dimmed .activityicon,
27899 .section .activity .activityinstance .dimmed .activityicon {
27900 opacity: 0.5;
27902 .section .activity .stealth {
27903 color: #6a737b;
27905 .section .activity a.stealth,
27906 .section .activity a.stealth:hover {
27907 color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
27909 .section .activity.indented .activity-item {
27910 border: 0;
27911 margin-left: 1rem;
27913 .section .activity.indented + .indented .activity-item {
27914 border-top: 1px solid #dee2e6;
27915 border-radius: unset;
27917 .section .label .contentwithoutlink,
27918 .section .label .activityinstance {
27919 padding-right: 32px;
27920 display: block;
27921 height: inherit;
27923 @media (min-width: 576px) {
27924 .section .label .mod-indent-outer {
27925 padding-left: 24px;
27926 display: block;
27929 .section .filler {
27930 width: 16px;
27931 height: 16px;
27932 padding: 0;
27933 margin: 0 0.5rem;
27934 display: inline-block;
27936 .section .activity.editor_displayed a.editing_title,
27937 .section .activity.editor_displayed .moodle-actionmenu {
27938 display: none;
27940 .section .activity.editor_displayed div.activityinstance {
27941 padding-right: initial;
27943 .section .activity.editor_displayed div.activityinstance input {
27944 margin-bottom: initial;
27945 padding-top: initial;
27946 padding-bottom: initial;
27947 vertical-align: text-bottom;
27950 .section .activity .activityinstance {
27951 display: inline-flex;
27952 align-items: center;
27953 margin-bottom: 1rem;
27956 .editing .section .activity .contentwithoutlink,
27957 .editing .section .activity .activityinstance {
27958 padding-right: 200px;
27960 .editing .section .activity .editing_move {
27961 position: absolute;
27962 display: flex;
27963 left: 5px;
27964 top: 5px;
27966 .editing .section .activity .mod-indent-outer {
27968 * Add appropriate padding such that nothing overlaps the
27969 * absolute positioned move icon.
27971 padding-left: 2rem;
27973 .editing .activity .editing_move_activity {
27974 position: absolute;
27975 display: flex;
27976 left: 5px;
27977 top: 5px;
27979 .editing .course-content .stateready .section .spinner {
27980 display: none;
27982 .editing .editinprogress {
27983 position: relative;
27985 .editing .editinprogress > * {
27986 opacity: 0.4;
27988 .editing .editinprogress .corelightbox,
27989 .editing .editinprogress .lightbox {
27990 display: none;
27992 .editing .editinprogress:after {
27993 position: absolute;
27994 font-size: 20px;
27995 color: #6a737b;
27996 content: "\f110";
27997 display: flex;
27998 justify-content: center;
27999 align-items: center;
28000 width: 30px;
28001 height: 30px;
28002 left: calc(50% - 15px);
28003 top: calc(50% - 15px);
28004 animation: editinprogress-rotation 2s infinite linear;
28006 .editing .editinprogress .editinprogress:after {
28007 display: none;
28010 @keyframes editinprogress-rotation {
28011 0% {
28012 opacity: 0;
28013 transform: rotate(0deg);
28015 50% {
28016 opacity: 1;
28018 100% {
28019 opacity: 0;
28020 transform: rotate(359deg);
28023 .editing_show + .editing_assign,
28024 .editing_hide + .editing_assign {
28025 margin-left: 20px;
28028 .section .activity .commands {
28029 white-space: nowrap;
28030 display: inline-block;
28033 .section .activity.modtype_label.label {
28034 font-weight: normal;
28036 .section .activity.modtype_label.label .contentwithoutlink {
28037 min-height: 0;
28039 .section .activity.modtype_label.label.hasinfo p:last-child,
28040 .section .activity.modtype_label.label.hasinfo i:last-child {
28041 margin-bottom: 0;
28044 .section li.activity:not(.activity-wrapper) {
28045 padding: 0.2em;
28046 clear: both;
28048 .section li.activity:not(.activity-wrapper).hasinfo {
28049 border-bottom: 1px solid #dee2e6;
28050 padding-top: 1rem;
28051 padding-bottom: 1rem;
28053 .section li.activity:not(.activity-wrapper).hasinfo:last-child {
28054 border-bottom: 0;
28055 padding-bottom: 0;
28058 .course-content .section.dropready.main.drop-down {
28059 border-bottom: 1px solid #1d2125;
28061 .course-content .section.dropready .course-section-header.dropready.drop-zone {
28062 margin-top: -2px;
28064 .course-content .section.dropready li.activity.dropready.drop-down {
28065 border-bottom: 1px solid #1d2125;
28066 margin-bottom: -1px;
28068 .course-content .section.dropready li.activity.dropready.drop-up {
28069 border-top: 1px solid #1d2125;
28070 margin-top: -1px;
28073 .section .activity .activityinstance .groupinglabel {
28074 padding-left: 30px;
28077 .section.main:not(.course-section) .activity .availabilityinfo,
28078 .section.main:not(.course-section) .activity .contentafterlink {
28079 margin-top: 0.5em;
28080 margin-left: 30px;
28083 .section .activity .contentafterlink p {
28084 margin: 0.5em 0;
28087 .editing .section.main:not(.course-section) .activity:hover,
28088 .editing .section.main:not(.course-section) .activity.action-menu-shown,
28089 .editing .section.main:not(.course-section) .sectionname:hover {
28090 background-color: rgba(0, 0, 0, 0.03);
28093 .course-content .current {
28094 position: relative;
28097 .course-content .current::before {
28098 border-left: #0f6cbf 3px solid;
28099 bottom: 0;
28100 content: "";
28101 left: -8px;
28102 position: absolute;
28103 top: 0;
28106 .course-content .section-summary {
28107 border: 1px solid #dee2e6;
28108 margin-top: 5px;
28109 list-style: none;
28112 .course-content .section-summary .section-title {
28113 margin: 2px 5px 10px 5px;
28116 .course-content .section-summary .summarytext {
28117 margin: 2px 5px 2px 5px;
28120 .course-content .section-summary .section-summary-activities .activity-count {
28121 color: #6a737b;
28122 font-size: 0.8203125rem;
28123 margin: 3px;
28124 white-space: nowrap;
28125 display: inline-block;
28128 .course-content .section-summary .summary {
28129 margin-top: 5px;
28132 .course-content .single-section {
28133 margin-top: 1em;
28136 .course-content .single-section .section-navigation {
28137 display: block;
28138 padding: 0.5em;
28139 margin-bottom: -0.5em;
28142 .course-content .single-section .section-navigation .title {
28143 font-weight: bold;
28144 font-size: 108%;
28145 clear: both;
28148 .course-content .single-section .section-navigation .mdl-left {
28149 font-weight: normal;
28150 float: left;
28151 margin-right: 1em;
28154 .course-content .single-section .section-navigation .mdl-left .larrow {
28155 margin-right: 0.1em;
28158 .course-content .single-section .section-navigation .mdl-right {
28159 font-weight: normal;
28160 float: right;
28161 margin-left: 1em;
28164 .course-content .single-section .section-navigation .mdl-right .rarrow {
28165 margin-left: 0.1em;
28168 .course-content .single-section .section-navigation .mdl-bottom {
28169 margin-top: 0;
28172 .course-content ul li.section.main:not(.course-section) {
28173 border-bottom: 1px solid #dee2e6;
28174 margin-top: 0;
28176 .course-content ul li.section.main:not(.course-section):last-child {
28177 border-bottom: 0;
28180 .course-content ul li.section.hidden:not(.course-section) .sectionname > span,
28181 .course-content ul li.section.hidden:not(.course-section) .content > div.summary,
28182 .course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
28183 color: #6a737b;
28186 .course-content ul.topics,
28187 .course-content ul.weeks {
28188 padding: 0;
28189 margin: 0;
28190 list-style: none;
28192 .course-content ul.topics li.section,
28193 .course-content ul.weeks li.section {
28194 padding-top: 1rem;
28195 padding-bottom: 1rem;
28197 .course-content ul.topics li.section .content,
28198 .course-content ul.weeks li.section .content {
28199 margin: 0;
28200 padding: 0;
28202 @media (min-width: 576px) {
28203 .course-content ul.topics li.section .summary,
28204 .course-content ul.topics li.section .content > .availabilityinfo,
28205 .course-content ul.weeks li.section .summary,
28206 .course-content ul.weeks li.section .content > .availabilityinfo {
28207 margin-left: 25px;
28210 .course-content ul.topics li.section .left,
28211 .course-content ul.topics li.section .right,
28212 .course-content ul.weeks li.section .left,
28213 .course-content ul.weeks li.section .right {
28214 padding: 0 6px 0;
28215 text-align: right;
28216 width: auto;
28219 @media (max-width: 767.98px) {
28220 body:not(.editing) .course-content ul.topics li.section .left,
28221 body:not(.editing) .course-content ul.topics li.section .right,
28222 body:not(.editing) .course-content ul.weeks li.section .left,
28223 body:not(.editing) .course-content ul.weeks li.section .right {
28224 display: none;
28227 .course-content {
28228 margin-top: 0;
28231 .course-content .hidden {
28232 display: none;
28235 @media (max-width: 767.98px) {
28236 .course-content li.section:not(.course-section) ul {
28237 padding-left: 0;
28240 .course-content li.section:not(.course-section) ul {
28241 list-style: disc;
28243 .course-content li.section:not(.course-section) ul ul {
28244 list-style: circle;
28246 .course-content li.section:not(.course-section) ul ul ul {
28247 list-style: square;
28249 .course-content li.section:not(.course-section) li.activity ul {
28250 list-style: disc;
28252 .course-content li.section:not(.course-section) li.activity ul ul {
28253 list-style: circle;
28255 .course-content li.section:not(.course-section) li.activity ul ul ul {
28256 list-style: square;
28258 .course-content li.section:not(.course-section) .right > .icon:first-child {
28259 /* Remove the spacer icon. */
28260 display: none;
28263 .path-course-view.editing #region-main > .card-block {
28264 padding-bottom: 13rem;
28267 .jumpmenu .form-inline {
28268 display: block;
28271 .path-course-view .completionprogress {
28272 margin-left: 25px;
28275 .path-course-view .completionprogress {
28276 display: block;
28277 float: right;
28278 height: 20px;
28279 position: relative;
28282 #page-site-index .subscribelink {
28283 text-align: right;
28286 #site-news-forum h2,
28287 #frontpage-course-list h2,
28288 #frontpage-category-names h2,
28289 #frontpage-category-combo h2 {
28290 margin-bottom: 9px;
28293 .path-course-view a.reduce-sections {
28294 padding-left: 0.2em;
28297 .path-course-view .subscribelink {
28298 text-align: right;
28301 .path-course-view .unread {
28302 margin-left: 30px;
28305 .path-course-view .block.drag .header {
28306 cursor: move;
28309 .path-course-view .completionprogress {
28310 text-align: right;
28313 .path-course-view .single-section .completionprogress {
28314 margin-right: 5px;
28317 .path-site li.activity > div:not(.activity-item),
28318 .path-course-view li.activity > div:not(.activity-item) {
28319 position: relative;
28320 padding: 0 16px 0 0; /* to accommodate the floated completion icon with highlighting */
28323 .path-course-view li.activity span.autocompletion img {
28324 vertical-align: text-bottom;
28325 margin-left: 0;
28328 .path-course-view li.activity form.togglecompletion .btn {
28329 padding: 0;
28332 .path-course-view li.activity form.togglecompletion img {
28333 max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
28336 .path-course-view.editing li.activity span.autocompletion img {
28337 /* Use the same spacing as the filler. */
28338 margin-right: 0.5rem;
28339 margin-left: 0.5rem;
28342 .path-course-view li.activity form.togglecompletion .ajaxworking {
28343 width: 16px;
28344 height: 16px;
28345 position: absolute;
28346 right: 22px;
28347 top: 3px;
28348 background: url([[pix:i/ajaxloader]]) no-repeat;
28351 li.section.hidden span.commands a.editing_hide,
28352 li.section.hidden span.commands a.editing_show {
28353 cursor: default;
28356 .single-section h3.sectionname {
28357 text-align: center;
28358 clear: both;
28361 input.titleeditor {
28362 width: 330px;
28363 vertical-align: text-bottom;
28366 span.editinstructions {
28367 position: absolute;
28368 top: 0;
28369 margin-top: -22px;
28370 margin-left: 30px;
28371 font-size: 0.8203125rem;
28372 padding: 0.1em 0.4em;
28373 text-decoration: none;
28374 z-index: 9999;
28375 border: 0 solid transparent;
28376 color: #00434e;
28377 background-color: #cce6ea;
28378 border-color: #b8dce2;
28380 span.editinstructions hr {
28381 border-top-color: #a6d3db;
28383 span.editinstructions .alert-link {
28384 color: #00171b;
28387 /* Course drag and drop upload styles */
28388 #dndupload-status {
28389 position: fixed;
28390 left: 0;
28391 width: 40%;
28392 margin: 0 30%;
28393 padding: 6px;
28394 text-align: center;
28395 z-index: 1;
28396 border: 0 solid transparent;
28397 color: #00434e;
28398 background-color: #cce6ea;
28399 border-color: #b8dce2;
28401 #dndupload-status hr {
28402 border-top-color: #a6d3db;
28404 #dndupload-status .alert-link {
28405 color: #00171b;
28408 .dndupload-preview {
28409 padding: 1rem;
28410 background-color: #0f6cbf;
28411 color: #fff;
28412 text-align: center;
28413 font-size: 1.171875rem;
28414 max-width: 600px;
28415 margin: 0 auto;
28416 border-radius: 0.5rem;
28419 .dndupload-hidden {
28420 display: none;
28423 /* COURSES LISTINGS AND COURSE SUMMARY */
28424 #page-course-pending .singlebutton,
28425 #page-course-index .singlebutton,
28426 #page-course-index-category .singlebutton,
28427 #page-course-editsection .singlebutton {
28428 text-align: center;
28431 #page-admin-course-manage #movecourses td img {
28432 margin: 0 0.22em;
28433 vertical-align: text-bottom;
28436 #coursesearch {
28437 margin-top: 1em;
28438 text-align: left;
28441 #page-course-pending .pendingcourserequests {
28442 margin-bottom: 1em;
28445 #page-course-pending .pendingcourserequests .singlebutton {
28446 display: inline;
28449 #page-course-pending .pendingcourserequests .cell {
28450 padding: 0 5px;
28453 #page-course-pending .pendingcourserequests .cell.c6 {
28454 white-space: nowrap;
28457 .coursebox {
28458 display: flex;
28459 flex-direction: column;
28461 .coursebox .info {
28462 display: flex;
28463 align-items: center;
28466 #frontpage-available-course-list,
28467 #frontpage-course-list,
28468 .course-search-result {
28469 margin-top: 0.5rem;
28471 #frontpage-available-course-list .coursebox,
28472 #frontpage-course-list .coursebox,
28473 .course-search-result .coursebox {
28474 padding: 0.5rem;
28475 border: 1px solid #dee2e6;
28476 margin-bottom: 0.5rem;
28477 border-radius: 0.5rem;
28480 .subcategories .coursebox > .info > .coursename a,
28481 #frontpage-category-names .coursebox > .info > .coursename a,
28482 #frontpage-category-combo .coursebox > .info > .coursename a {
28483 display: block;
28484 background-image: url([[pix:moodle|i/course]]);
28485 background-repeat: no-repeat;
28486 padding-left: 21px;
28487 background-position: left 0.2em;
28490 .coursebox > .info > .coursename {
28491 font-size: 0.9375rem;
28492 font-weight: normal;
28493 margin: 5px;
28494 padding: 0;
28497 .coursebox .content .teachers li {
28498 list-style-type: none;
28499 padding: 0;
28500 margin: 0;
28503 .coursebox .customfieldname,
28504 .coursebox .customfieldseparator {
28505 font-weight: 700;
28508 .coursebox .content .coursefile {
28509 max-width: 100px;
28512 .coursebox .content .courseimage img {
28513 max-width: 100px;
28514 max-height: 100px;
28517 .coursebox .content .coursecat,
28518 .coursebox .content .summary,
28519 .coursebox .content .courseimage,
28520 .coursebox .content .coursefile,
28521 .coursebox .content .teachers,
28522 .coursebox.remotecoursebox .remotecourseinfo,
28523 .coursebox .content .customfields-container {
28524 margin: 15px 5px 5px;
28525 padding: 0;
28528 .category-browse .coursebox .content .coursecat,
28529 .category-browse .coursebox .content .summary,
28530 .category-browse .coursebox .content .courseimage,
28531 .category-browse .coursebox .content .coursefile,
28532 .category-browse .coursebox .content .teachers,
28533 .category-browse .coursebox.remotecoursebox .remotecourseinfo,
28534 .category-browse .coursebox .content .customfields-container {
28535 margin-top: 0;
28538 .coursebox.collapsed > .content {
28539 display: none;
28542 .courses > .paging.paging-morelink {
28543 text-align: center;
28544 padding: 1rem;
28547 .course_category_tree .category .numberofcourse {
28548 font-size: 0.8203125rem;
28551 .course_category_tree .category > .info > .categoryname {
28552 margin: 5px;
28553 font-size: 0.9375rem;
28554 font-weight: normal;
28555 padding: 2px 18px;
28558 .course_category_tree .category.with_children > .info > .categoryname {
28559 background-image: url([[pix:moodle|t/expanded]]);
28560 background-repeat: no-repeat;
28561 background-position: center left;
28564 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28565 background-image: url([[pix:moodle|t/collapsed]]);
28568 /* rtl:raw:
28569 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
28570 background-image:url([[pix:moodle|t/collapsed_rtl]]);
28573 .course_category_tree .category.collapsed > .content {
28574 display: none;
28577 .course_category_tree .category > .content {
28578 padding-left: 16px;
28581 #page-course-index-category .categorypicker {
28582 margin: 10px 0 20px;
28586 * Course management page
28587 * Palette
28589 * Background (reg) #F5F5F5
28590 * Background (light #fafafa
28591 * Background (highlight) #ddffaa
28592 * Borders #e1e1e8
28594 #course-category-listings {
28595 margin-bottom: 0;
28596 /** Two column layout */
28597 /** Three column layout */
28599 #course-category-listings.columns-2 > #course-listing > div {
28600 position: relative;
28601 left: -1px;
28603 #course-category-listings.columns-3 > #course-listing > div {
28604 height: 100%;
28606 #course-category-listings > div > div {
28607 min-height: 300px;
28609 #course-category-listings > div > div > ul.ml > li:first-child > div {
28610 border-top: 0;
28612 #course-category-listings h3 {
28613 margin: 0;
28614 padding: 0.4rem 0.6rem 0.3rem;
28616 #course-category-listings h4 {
28617 margin: 1rem 0 0;
28618 padding: 0.6rem 1rem 0.5rem;
28620 #course-category-listings .moodle-actionmenu {
28621 white-space: nowrap;
28623 #course-category-listings .listing-actions {
28624 text-align: center;
28626 #course-category-listings .listing-actions > .moodle-actionmenu {
28627 display: inline-block;
28629 #course-category-listings ul.ml {
28630 list-style: none;
28631 margin: 1rem 0;
28633 #course-category-listings ul.ml ul.ml {
28634 margin: 0;
28636 #course-category-listings .listitem[data-selected="1"] {
28637 border-left: calc(1px + 5px) solid #0f6cbf;
28638 padding-left: calc(1.25rem - 5px);
28640 #course-category-listings .item-actions {
28641 margin-right: 1em;
28642 display: inline-block;
28644 #course-category-listings .item-actions.show .menu img {
28645 width: 12px;
28646 max-width: none;
28648 #course-category-listings .item-actions .menu-action-text {
28649 vertical-align: inherit;
28651 #course-category-listings .listitem > div > .float-left {
28652 float: left;
28654 #course-category-listings .listitem > div > .float-right {
28655 float: right;
28656 text-align: right;
28658 #course-category-listings .listitem > div .item-actions .action-show {
28659 display: none;
28661 #course-category-listings .listitem > div .item-actions .action-hide {
28662 display: inline;
28664 #course-category-listings .listitem > div .without-actions {
28665 color: #333;
28667 #course-category-listings .listitem > div .idnumber {
28668 margin-right: 2em;
28670 #course-category-listings .listitem[data-visible="0"] {
28671 color: #6a737b;
28673 #course-category-listings .listitem[data-visible="0"] > div > a {
28674 color: #6a737b;
28676 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
28677 display: inline;
28679 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
28680 display: none;
28682 #course-category-listings .listitem.highlight {
28683 background-color: #fff;
28685 #course-category-listings .listitem.highlight > div,
28686 #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
28687 background-color: rgba(0, 0, 0, 0.075);
28689 #course-category-listings #course-listing .listitem .categoryname {
28690 display: inline-block;
28691 margin-left: 1em;
28692 color: #a1a1a8;
28694 #course-category-listings #course-listing .listitem .coursename {
28695 display: inline-block;
28696 flex-basis: 10rem;
28698 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
28699 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
28700 display: none;
28702 #course-category-listings #course-listing .bulk-action-checkbox {
28703 margin: -2px 6px 0 0;
28705 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
28706 display: none;
28708 #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 {
28709 display: none;
28711 #course-category-listings #category-listing .course-count {
28712 color: #a1a1a8;
28713 margin-right: 2rem;
28714 min-width: 3.5em;
28715 display: inline-block;
28717 #course-category-listings #category-listing .bulk-action-checkbox {
28718 margin-right: -3px;
28720 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
28721 position: relative;
28723 #course-category-listings #category-listing .category-bulk-actions {
28724 margin: 0 0.5em 0.5em;
28725 position: relative;
28727 #course-category-listings .detail-pair > * {
28728 display: inline-block;
28730 #course-category-listings .detail-pair .pair-key {
28731 font-weight: bold;
28732 vertical-align: top;
28734 #course-category-listings .detail-pair .pair-key span {
28735 margin-right: 1rem;
28736 display: block;
28738 #course-category-listings .detail-pair .pair-value select {
28739 max-width: 100%;
28741 #course-category-listings .bulk-actions .detail-pair > * {
28742 display: block;
28743 width: 100%;
28745 #course-category-listings .listing-pagination {
28746 text-align: center;
28748 #course-category-listings .listing-pagination .yui3-button {
28749 color: #fff;
28750 background-color: #008196;
28751 border-color: #008196;
28752 border: 0;
28753 margin: 0.4rem 0.2rem 0.45rem;
28754 font-size: 10.4px;
28756 #course-category-listings .listing-pagination .yui3-button:hover {
28757 color: #fff;
28758 background-color: #006070;
28759 border-color: #005563;
28761 #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
28762 color: #fff;
28763 background-color: #006070;
28764 border-color: #005563;
28765 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28767 #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
28768 color: #fff;
28769 background-color: #008196;
28770 border-color: #008196;
28772 #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 {
28773 color: #fff;
28774 background-color: #005563;
28775 border-color: #004a56;
28777 #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 {
28778 box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
28780 #course-category-listings .listing-pagination .yui3-button.active-page {
28781 color: #fff;
28782 background-color: #0f6cbf;
28783 border-color: #0f6cbf;
28785 #course-category-listings .listing-pagination .yui3-button.active-page:hover {
28786 color: #fff;
28787 background-color: #0c589c;
28788 border-color: #0b5190;
28790 #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
28791 color: #fff;
28792 background-color: #0c589c;
28793 border-color: #0b5190;
28794 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28796 #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
28797 color: #fff;
28798 background-color: #0f6cbf;
28799 border-color: #0f6cbf;
28801 #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 {
28802 color: #fff;
28803 background-color: #0b5190;
28804 border-color: #0a4b84;
28806 #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 {
28807 box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
28809 #course-category-listings .listing-pagination-totals {
28810 text-align: center;
28812 #course-category-listings .listing-pagination-totals.dimmed {
28813 color: #6a737b;
28814 margin: 0.4rem 1rem 0.45rem;
28816 #course-category-listings .select-a-category .notifymessage,
28817 #course-category-listings .select-a-category .alert {
28818 margin: 1em;
28821 #course-category-listings #course-listing .listitem .drag-handle {
28822 display: none;
28825 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
28826 display: inline-block;
28827 margin: 0 6px 0 0;
28828 cursor: pointer;
28831 /** Management header styling **/
28832 .coursecat-management-header {
28833 vertical-align: middle;
28835 .coursecat-management-header h2 {
28836 display: inline-block;
28837 text-align: left;
28839 .coursecat-management-header > div {
28840 float: right;
28842 .coursecat-management-header > div > div {
28843 margin: 10px 0 10px 1em;
28844 display: inline-block;
28846 .coursecat-management-header select {
28847 max-width: 300px;
28848 cursor: pointer;
28849 padding: 0.4em 0.5em 0.45em 1em;
28850 vertical-align: baseline;
28851 white-space: nowrap;
28853 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
28854 white-space: nowrap;
28855 display: inline-block;
28857 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
28858 padding-left: 1em;
28861 .course-being-dragged-proxy {
28862 border: 0;
28863 color: #0f6cbf;
28864 vertical-align: middle;
28865 padding: 0 0 0 4em;
28868 .course-being-dragged {
28869 opacity: 0.5;
28873 * Display sizes:
28874 * Large displays 1200 +
28875 * Default displays 980 1199
28876 * Tablets 768 979
28877 * Small tablets and large phones 481 767
28878 * Phones 0 480
28880 @media (min-width: 1200px) and (max-width: 1600px) {
28881 #course-category-listings.columns-3 {
28882 background-color: #fff;
28883 border: 0;
28885 #course-category-listings.columns-3 #category-listing,
28886 #course-category-listings.columns-3 #course-listing {
28887 width: 50%;
28889 #course-category-listings.columns-3 #category-listing > div,
28890 #course-category-listings.columns-3 #course-listing > div,
28891 #course-category-listings.columns-3 #course-detail > div {
28892 background-color: #fff;
28894 #course-category-listings.columns-3 #course-detail {
28895 width: 100%;
28896 margin-top: 1em;
28899 @media (max-width: 1199px) {
28900 #course-category-listings.columns-2,
28901 #course-category-listings.columns-3 {
28902 border: 0;
28904 #course-category-listings.columns-2 #category-listing,
28905 #course-category-listings.columns-2 #course-listing,
28906 #course-category-listings.columns-2 #course-detail,
28907 #course-category-listings.columns-3 #category-listing,
28908 #course-category-listings.columns-3 #course-listing,
28909 #course-category-listings.columns-3 #course-detail {
28910 width: 100%;
28911 margin: 0 0 1em;
28914 .page-settings-menu .menubar > a > .icon {
28915 width: auto;
28916 height: 32px;
28917 font-size: 32px;
28920 .activity-navigation .row {
28921 align-items: center;
28923 .activity-navigation #prev-activity-link,
28924 .activity-navigation #next-activity-link {
28925 white-space: pre-wrap;
28928 .automatic-completion-conditions .badge {
28929 font-size: 100%;
28932 /* Variables definition*/
28933 /* Activity & Block 'add' buttons */
28934 .activity-add,
28935 .block-add {
28936 color: #0f6cbf;
28937 background-color: #f5f9fc;
28938 border-color: #3584c9;
28939 border-width: 1px;
28940 width: 100%;
28942 .activity-add hr,
28943 .block-add hr {
28944 border-top-color: #3077b5;
28946 .activity-add .alert-link,
28947 .block-add .alert-link {
28948 color: #0b5190;
28950 .activity-add .pluscontainer,
28951 .block-add .pluscontainer {
28952 border: 1px solid #3584c9;
28954 .activity-add:hover,
28955 .block-add:hover {
28956 cursor: pointer;
28957 background-color: #cfe2f2;
28959 .activity-add:hover .activity-add-text,
28960 .block-add:hover .activity-add-text {
28961 text-decoration: underline;
28964 .block-add {
28965 border-radius: 0.5rem;
28968 .activity-add {
28969 border-radius: 1rem;
28972 .changenumsections {
28973 border-top: 1px solid #3584c9;
28976 /* Section Expand all/Collapse all */
28977 .section-collapsemenu .collapseall {
28978 display: block;
28980 .section-collapsemenu .expandall {
28981 display: none;
28983 .section-collapsemenu.collapsed .collapseall {
28984 display: none;
28986 .section-collapsemenu.collapsed .expandall {
28987 display: block;
28990 /* Course section */
28991 .course-section {
28992 list-style: none;
28993 padding-left: 0;
28994 border-bottom: 1px solid #dee2e6;
28996 .course-section:last-child:not(.section-summary) {
28997 border-bottom: 0;
28999 .course-section .sectionbadges .badge {
29000 margin-left: 0.5rem;
29002 .course-section .course-section-header.draggable {
29003 cursor: move;
29005 .course-section .section_action_menu .dropdown-toggle::after {
29006 display: none;
29008 .course-section .inplaceeditable {
29009 display: flex;
29010 align-items: center;
29012 .course-section .summarytext img {
29013 border-radius: 1rem;
29015 .course-section .availabilityinfo {
29016 margin-top: 0.5rem;
29017 padding: 0.25rem 1rem;
29018 background-color: #e9ecef;
29019 border-radius: 1rem;
29021 .course-section .availabilityinfo .editavailability {
29022 padding: 0.25rem 1rem;
29023 border-radius: 1rem;
29025 .course-section .availabilityinfo .editavailability :hover {
29026 background-color: #ced4da;
29028 .course-section .availabilityinfo .editavailability a {
29029 border-radius: 0.5rem;
29030 color: #1d2125;
29031 text-decoration: none;
29033 .course-section.section-summary {
29034 padding-left: 1rem;
29035 padding-right: 1rem;
29036 margin-bottom: 0.5rem;
29037 margin-top: 0.5rem;
29038 border-radius: 0.5rem;
29040 .course-section .section-summary-activities .activity-count {
29041 color: #6a737b;
29042 font-size: 0.8203125rem;
29043 margin: 3px;
29044 white-space: nowrap;
29045 display: inline-block;
29047 .course-section.dndupload-dropzone {
29048 border: 2px dashed #0f6cbf;
29049 padding-left: 2px;
29050 padding-right: 2px;
29051 position: relative;
29053 .course-section.dndupload-dropzone .dndupload-preview-overlay {
29054 background-color: #fff;
29055 opacity: 0.8;
29056 position: absolute;
29057 top: 0;
29058 left: 0;
29059 width: 100%;
29060 height: 100%;
29062 .course-section.dndupload-dropzone .dndupload-preview-wrapper {
29063 position: absolute;
29064 top: 0;
29065 padding: 2rem;
29066 width: 100%;
29069 /* Re-style ordered list in course content */
29070 .course-content .activity-altcontent ul {
29071 list-style: disc;
29073 .course-content .activity-altcontent ul ul {
29074 list-style: circle;
29076 .course-content .activity-altcontent ul ul ul {
29077 list-style: square;
29080 /* Activity cards */
29081 .activity-item {
29082 position: relative;
29083 border-radius: 1rem;
29085 .activity-item:not(.activityinline) {
29086 border: 1px solid #dee2e6;
29087 padding: 1rem;
29089 .activity-item.activityinline {
29090 padding: 1rem 0;
29092 .activity-item.hiddenactivity {
29093 background-color: #f8f9fa;
29095 .activity-item.hiddenactivity .activityiconcontainer,
29096 .activity-item.hiddenactivity .badge {
29097 mix-blend-mode: multiply;
29099 .activity-item .activity-grid {
29100 display: grid;
29101 align-items: center;
29102 grid-template-columns: min-content 1fr min-content min-content min-content;
29103 grid-template-rows: 1fr repeat(5, min-content);
29104 grid-template-areas: "icon name groupmode completion actions" "icon visibility groupmode completion actions" "icon dates groupmode completion actions" "altcontent altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink afterlink" "availability availability availability availability availability";
29106 @media (max-width: 575.98px) {
29107 .activity-item .activity-grid {
29108 grid-template-columns: min-content 1fr min-content min-content min-content;
29109 grid-template-rows: 1fr repeat(4, min-content);
29110 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";
29113 .activity-item .activity-grid.noname-grid {
29114 grid-template-columns: min-content min-content 1fr min-content;
29115 grid-template-areas: "visibility groupmode completion actions" "altcontent altcontent altcontent altcontent" "afterlink afterlink afterlink afterlink" "availability availability availability availability";
29117 @media (max-width: 575.98px) {
29118 .activity-item .activity-grid.noname-grid {
29119 grid-template-columns: 1fr min-content;
29120 grid-template-areas: "visibility actions" "altcontent altcontent" "groupmode groupmode" "afterlink afterlink" "completion completion" "availability availability";
29123 .activity-item .activity-actions {
29124 grid-area: actions;
29126 .activity-item .activity-actions .actions {
29127 position: relative;
29129 .activity-item .activity-actions .dropdown-toggle::after {
29130 display: none;
29132 .activity-item .activity-actions .action-menu .btn.btn-icon {
29133 height: 31px;
29134 width: 31px;
29136 .activity-item .activity-icon {
29137 grid-area: icon;
29139 .activity-item .activity-dates {
29140 grid-area: dates;
29141 font-size: 0.875em;
29142 color: #495057;
29143 display: flex;
29144 flex-wrap: wrap;
29145 column-gap: 0.75rem;
29147 @media (max-width: 575.98px) {
29148 .activity-item .activity-dates {
29149 margin-top: 0.5rem;
29152 .activity-item .activity-name-area {
29153 grid-area: name;
29155 .activity-item .activity-name-area .activityname .afterlink {
29156 margin-left: 0.5rem;
29158 .activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
29159 z-index: 2;
29160 margin-left: 0.5rem;
29162 .activity-item .activity-name-area .activitybadge.badge-none {
29163 font-weight: normal;
29164 font-size: 0.875em;
29165 padding: 0;
29167 .activity-item .activity-info {
29168 grid-area: completion;
29169 justify-self: end;
29171 .activity-item .activity-info button,
29172 .activity-item .activity-info a[role=button] {
29173 border: 1px solid #dee2e6;
29174 border-radius: 0.5rem;
29175 font-weight: bold;
29177 @media (max-width: 575.98px) {
29178 .activity-item .activity-info {
29179 width: 100%;
29180 margin-top: 0.5rem;
29182 .activity-item .activity-info button {
29183 width: 100%;
29186 .activity-item .activity-groupmode-info {
29187 grid-area: groupmode;
29188 justify-self: end;
29190 .activity-item .activity-groupmode-info .groupmode-information {
29191 height: 31px;
29193 .activity-item .activity-groupmode-info .groupmode-information .groupmode-icon-info {
29194 display: none;
29196 @media (max-width: 575.98px) {
29197 .activity-item .activity-groupmode-info {
29198 width: 100%;
29199 margin-top: 0.5rem;
29200 padding-top: 0.5rem;
29201 border-top: 1px solid #dee2e6;
29203 .activity-item .activity-groupmode-info .groupmode-information .groupmode-icon-info {
29204 display: inline;
29207 .activity-item .activity-badges {
29208 grid-area: visibility;
29210 .activity-item .activity-badges .badge {
29211 font-weight: normal;
29213 .activity-item .activity-badges .badge .icon {
29214 font-size: 12px;
29215 width: 12px;
29216 height: 12px;
29218 .activity-item .activity-altcontent {
29219 grid-area: altcontent;
29220 margin-top: 0.25rem;
29222 .activity-item .activity-altcontent.activity-description {
29223 margin-top: 0.5rem;
29224 padding-top: 0.5rem;
29225 border-top: 1px solid #dee2e6;
29226 font-size: 0.875em;
29228 .activity-item .activity-altcontent img {
29229 border-radius: 1rem;
29231 .activity-item .activity-availability {
29232 grid-area: availability;
29234 .activity-item .activity-afterlink {
29235 grid-area: afterlink;
29236 margin-top: 0.5rem;
29237 padding-top: 0.5rem;
29238 border-top: 1px solid #dee2e6;
29240 .activity-item .inplaceeditable {
29241 display: flex;
29242 flex: 0 1 auto;
29243 max-width: 100%;
29245 .activity-item .no-overflow {
29246 width: 100%;
29248 @media (min-width: 768px) {
29249 .activity-item:not(.activityinline) {
29250 padding: 1rem;
29254 /* Activity card in editing mode */
29255 .editing .activity-item {
29256 cursor: move;
29258 .editing .activity-item .a {
29259 cursor: pointer;
29261 .editing .activity-item:hover, .editing .activity-item.selected {
29262 color: #1d2125;
29263 background-color: #f5f9fc;
29264 border-color: #3584c9;
29266 .editing .activity-item:hover hr, .editing .activity-item.selected hr {
29267 border-top-color: #3077b5;
29269 .editing .activity-item:hover .alert-link, .editing .activity-item.selected .alert-link {
29270 color: #070808;
29272 .editing .activity-item:hover .activityiconcontainer,
29273 .editing .activity-item:hover .badge, .editing .activity-item.selected .activityiconcontainer,
29274 .editing .activity-item.selected .badge {
29275 mix-blend-mode: multiply;
29278 .section .draggable .activity-item .dragicon {
29279 display: none;
29282 .automatic-completion-conditions .badge {
29283 font-size: 80%;
29284 padding: 0.5rem;
29285 margin-top: 0.25rem;
29287 .automatic-completion-conditions .badge .icon {
29288 width: 0.7rem;
29289 height: 0.7rem;
29290 font-size: 0.7rem;
29292 .automatic-completion-conditions .badge:first-child {
29293 margin-top: 0;
29296 /* Activity divider */
29297 .activity:focus-within + .activity div.divider button,
29298 .course-section-header:focus-within + .content .section .activity:first-child div.divider button,
29299 .content .section .activity:focus-within div.divider button {
29300 visibility: visible;
29303 .activity div.divider {
29304 height: 2rem;
29305 margin-top: -1.25rem;
29306 margin-bottom: -0.75rem;
29307 z-index: 5;
29309 .activity div.divider button {
29310 border-radius: 100%;
29311 width: 2rem;
29312 height: 2rem;
29313 position: relative;
29314 left: 50%;
29315 opacity: 0;
29316 visibility: hidden;
29317 transition: visibility 0.1s;
29318 margin: 0;
29319 padding: 0;
29321 .activity div.divider button i.icon {
29322 height: 1.5rem;
29323 width: 1.5rem;
29324 font-size: 1.5rem;
29325 position: absolute;
29326 left: calc(0.25rem - 1px);
29327 top: calc(0.25rem - 0.5px);
29329 .activity:not(.dragging) div.divider:hover button, .activity:not(.dragging) div.divider:focus button, .activity:not(.dragging) div.divider:focus-within button {
29330 opacity: 1;
29331 visibility: visible;
29334 /* Bulk editing */
29335 .bulkenabled .bulk-hidden {
29336 display: none !important;
29339 .activity-item .bulkselect {
29340 position: absolute;
29341 left: -2rem;
29344 .course-section-header .bulkselect {
29345 left: -2rem;
29346 position: relative;
29347 width: 0;
29350 @media (max-width: 767.98px) {
29351 .bulkenabled .course-content {
29352 margin-left: 2rem;
29355 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
29356 :target {
29357 scroll-margin-top: 70px;
29360 .pagelayout-embedded :target {
29361 padding-top: initial;
29362 margin-top: initial;
29365 #nav-drawer.closed {
29366 left: -305px;
29369 #nav-drawer[aria-hidden=true] .list-group-item {
29370 display: none;
29373 /* Use a variable for the drawer background colors. */
29374 [data-region=drawer] {
29375 position: fixed;
29376 width: 285px;
29377 top: 60px;
29378 height: calc(100% - 60px);
29379 overflow-y: auto;
29380 -webkit-overflow-scrolling: touch;
29381 z-index: 999;
29382 background-color: #f2f2f2;
29383 transition: right 0.5s ease, left 0.5s ease;
29385 @media (prefers-reduced-motion: reduce) {
29386 [data-region=drawer] {
29387 transition: none;
29391 @media (min-width: 576px) {
29392 [data-region=drawer] {
29393 padding: 20px 20px;
29395 .jsenabled .btn-footer-popover {
29396 transition: 0.2s;
29399 @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
29400 .jsenabled .btn-footer-popover {
29401 transition: none;
29404 #nav-drawer {
29405 right: auto;
29406 left: 0;
29407 /* Override the z-indexes defined in bootstrap/_list-group.scss that
29408 lead to side effects on the user tours positioning. */
29410 #nav-drawer .list-group-item-action.active,
29411 #nav-drawer .list-group-item.active {
29412 z-index: inherit;
29414 #nav-drawer .list-group-item-action.active + .list-group-item,
29415 #nav-drawer .list-group-item.active + .list-group-item {
29416 border-top: none;
29418 #nav-drawer .list-group ul {
29419 list-style: none;
29420 padding: 0;
29421 margin: 0;
29423 #nav-drawer .list-group li {
29424 margin-bottom: -1px;
29426 #nav-drawer .list-group li:last-child {
29427 margin-bottom: 0;
29430 body.drawer-ease {
29431 transition: margin-left 0.5s ease, margin-right 0.5s ease;
29433 @media (prefers-reduced-motion: reduce) {
29434 body.drawer-ease {
29435 transition: none;
29439 @media (min-width: 768px) {
29440 body:not(.uses-drawers).drawer-open-left {
29441 margin-left: 285px;
29445 @media (min-width: 768px) {
29446 body.drawer-open-left #page.drawers {
29447 margin-left: 285px;
29448 padding-left: 1rem;
29452 @media (min-width: 768px) {
29453 body.drawer-open-right {
29454 margin-right: 315px;
29458 [data-region=right-hand-drawer] {
29459 display: flex;
29460 flex-direction: column;
29461 transition: right 0.2s ease-in-out;
29463 @media (prefers-reduced-motion: reduce) {
29464 [data-region=right-hand-drawer] {
29465 transition: none;
29468 [data-region=right-hand-drawer].drawer {
29469 z-index: 1021;
29470 position: fixed;
29471 top: 60px;
29472 right: 0;
29473 height: calc(100% - 60px);
29474 width: 320px;
29475 box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25);
29476 padding: 0;
29477 visibility: visible;
29478 opacity: 1;
29480 [data-region=right-hand-drawer].hidden {
29481 display: block;
29482 right: -320px;
29483 visibility: hidden;
29484 opacity: 0;
29485 transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s;
29487 @media (prefers-reduced-motion: reduce) {
29488 [data-region=right-hand-drawer].hidden {
29489 transition: none;
29493 @media (max-width: 767.98px) {
29494 [data-region=right-hand-drawer].drawer {
29495 top: 0;
29496 height: 100%;
29497 z-index: 1031;
29499 body.drawer-open-left,
29500 body.drawer-open-right {
29501 overflow: hidden;
29504 .dir-rtl [data-region=right-hand-drawer] {
29505 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
29508 .drawer {
29509 transition: left 0.2s ease, right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
29510 background-color: #f8f9fa;
29511 z-index: 1050;
29512 position: fixed;
29513 height: 100vh;
29514 top: 0;
29516 @media (prefers-reduced-motion: reduce) {
29517 .drawer {
29518 transition: none;
29521 .drawer.not-initialized {
29522 display: none;
29524 .drawer.drawer-right {
29525 width: 315px;
29526 max-width: 315px;
29527 right: calc(-315px + -10px);
29528 visibility: hidden;
29530 .drawer.drawer-right.show {
29531 right: 0;
29532 visibility: visible;
29534 .drawer.drawer-right .drawertoggle {
29535 margin-left: auto;
29536 margin-right: 5px;
29538 .drawer.drawer-left {
29539 width: 285px;
29540 max-width: 285px;
29541 left: calc(-285px + -10px);
29542 visibility: hidden;
29544 .drawer.drawer-left.show {
29545 left: 0;
29546 visibility: visible;
29548 .drawer.drawer-left .drawertoggle {
29549 margin-right: auto;
29550 margin-left: 5px;
29552 .drawer.drawer-bottom {
29553 bottom: -110%;
29555 .drawer.drawer-bottom.show {
29556 bottom: 0;
29559 @media (min-width: 992px) {
29560 .drawer {
29561 z-index: inherit;
29563 .drawer#theme_boost-drawers-blocks:focus-within {
29564 position: absolute;
29566 .drawer#theme_boost-drawers-blocks:focus-within .drawercontent {
29567 z-index: auto;
29569 .drawer.not-initialized {
29570 display: block;
29573 .drawer-md,
29574 .drawer-sm {
29575 display: none;
29578 .drawerheader {
29579 padding: 0;
29580 height: 60px;
29581 display: flex;
29582 align-items: center;
29585 .drawer.scrolled .drawerheader {
29586 box-shadow: 0 8px 11px -7px rgba(0, 0, 0, 0.25);
29589 @media (max-width: 991.98px) {
29590 .drawer-md {
29591 display: block;
29592 transition: left 0.2s ease, right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
29593 background-color: #f8f9fa;
29594 z-index: 1050;
29595 position: fixed;
29596 height: 100vh;
29597 top: 0;
29600 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
29601 .drawer-md {
29602 transition: none;
29605 @media (max-width: 991.98px) {
29606 .drawer-md.not-initialized {
29607 display: none;
29610 @media (max-width: 991.98px) {
29611 .drawer-md.drawer-right {
29612 width: 315px;
29613 max-width: 315px;
29614 right: calc(-315px + -10px);
29615 visibility: hidden;
29617 .drawer-md.drawer-right.show {
29618 right: 0;
29619 visibility: visible;
29621 .drawer-md.drawer-right .drawertoggle {
29622 margin-left: auto;
29623 margin-right: 5px;
29626 @media (max-width: 991.98px) {
29627 .drawer-md.drawer-left {
29628 width: 285px;
29629 max-width: 285px;
29630 left: calc(-285px + -10px);
29631 visibility: hidden;
29633 .drawer-md.drawer-left.show {
29634 left: 0;
29635 visibility: visible;
29637 .drawer-md.drawer-left .drawertoggle {
29638 margin-right: auto;
29639 margin-left: 5px;
29642 @media (max-width: 991.98px) {
29643 .drawer-md.drawer-bottom {
29644 bottom: -110%;
29646 .drawer-md.drawer-bottom.show {
29647 bottom: 0;
29650 @media (max-width: 767.98px) {
29651 .drawer-sm {
29652 display: block;
29653 transition: left 0.2s ease, right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease;
29654 background-color: #f8f9fa;
29655 z-index: 1050;
29656 position: fixed;
29657 height: 100vh;
29658 top: 0;
29661 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
29662 .drawer-sm {
29663 transition: none;
29666 @media (max-width: 767.98px) {
29667 .drawer-sm.not-initialized {
29668 display: none;
29671 @media (max-width: 767.98px) {
29672 .drawer-sm.drawer-right {
29673 width: 315px;
29674 max-width: 315px;
29675 right: calc(-315px + -10px);
29676 visibility: hidden;
29678 .drawer-sm.drawer-right.show {
29679 right: 0;
29680 visibility: visible;
29682 .drawer-sm.drawer-right .drawertoggle {
29683 margin-left: auto;
29684 margin-right: 5px;
29687 @media (max-width: 767.98px) {
29688 .drawer-sm.drawer-left {
29689 width: 285px;
29690 max-width: 285px;
29691 left: calc(-285px + -10px);
29692 visibility: hidden;
29694 .drawer-sm.drawer-left.show {
29695 left: 0;
29696 visibility: visible;
29698 .drawer-sm.drawer-left .drawertoggle {
29699 margin-right: auto;
29700 margin-left: 5px;
29703 @media (max-width: 767.98px) {
29704 .drawer-sm.drawer-bottom {
29705 bottom: -110%;
29707 .drawer-sm.drawer-bottom.show {
29708 bottom: 0;
29711 .drawercontent {
29712 position: relative;
29713 z-index: -1;
29714 height: calc(100% - 60px);
29715 display: flex;
29716 flex-direction: column;
29717 flex-wrap: nowrap;
29718 overflow-y: auto;
29719 padding: 0.4rem;
29720 scrollbar-width: thin;
29721 scrollbar-color: #6a737b #f8f9fa;
29723 .drawercontent .dropdown-menu .dropdown-item {
29724 width: 220px;
29725 white-space: normal;
29727 .drawercontent::-webkit-scrollbar {
29728 width: 12px;
29730 .drawercontent::-webkit-scrollbar-track {
29731 background: #f8f9fa;
29733 .drawercontent::-webkit-scrollbar-thumb {
29734 background-color: #6a737b;
29735 border-radius: 20px;
29736 border: 3px solid #f8f9fa;
29738 .drawercontent::-webkit-scrollbar-thumb:hover {
29739 background-color: #495057;
29742 .fp-content-center {
29743 height: 100%;
29744 width: 100%;
29745 display: table-cell;
29746 vertical-align: middle;
29749 .fp-content-hidden {
29750 visibility: hidden;
29753 .yui3-panel-focused {
29754 outline: none;
29757 .fp-panel-button {
29758 background: #fff;
29759 padding: 3px 20px 2px 20px;
29760 text-align: center;
29761 margin: 10px;
29762 border-radius: 10px;
29763 display: inline-block;
29766 .filepicker .yui3-widget-content-expanded {
29767 height: auto;
29770 /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
29771 .filepicker .moodle-dialogue-bd {
29772 min-height: 520px;
29775 .file-picker .fp-navbar {
29776 min-height: 40px;
29777 padding: 4px;
29780 .fp-navbar {
29781 border-color: #8f959e;
29782 border-bottom: 0;
29783 border-bottom-left-radius: 0;
29784 border-bottom-right-radius: 0;
29787 .file-picker .fp-content {
29788 border-top: 0;
29789 background: #fff;
29790 clear: none;
29791 overflow: auto;
29792 height: 452px;
29795 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
29796 width: 100%;
29799 .file-picker .fp-content-loading {
29800 height: 100%;
29801 width: 100%;
29802 display: table;
29803 text-align: center;
29806 .file-picker .fp-content .fp-object-container {
29807 width: 98%;
29808 height: 98%;
29811 .file-picker .fp-def-search {
29812 margin-top: 0;
29815 .file-picker .fp-list {
29816 list-style-type: none;
29817 padding: 0;
29818 float: left;
29819 width: 100%;
29820 margin: 0;
29823 .file-picker .fp-list .fp-repo a {
29824 display: block;
29825 padding: 0.5em 0.7em;
29828 .file-picker .fp-list .fp-repo.active {
29829 background: #f2f2f2;
29832 .file-picker .fp-list .fp-repo-icon {
29833 padding: 0 7px 0 5px;
29834 width: 16px;
29835 height: 16px;
29838 .fp-toolbar {
29839 float: left;
29842 .fp-toolbar.empty {
29843 display: none;
29846 .fp-toolbar .disabled {
29847 display: none;
29850 .fp-toolbar div {
29851 display: block;
29852 float: left;
29853 margin-right: 4px;
29856 .fp-toolbar img {
29857 vertical-align: -15%;
29858 margin-right: 5px;
29861 .fp-viewbar:not(.disabled) a.checked {
29862 background-color: #b1bbc4;
29863 color: #1d2125;
29864 border-color: #aab4bf;
29867 .fp-viewbar.disabled a {
29868 pointer-events: none;
29869 opacity: 0.65;
29872 .file-picker .fp-clear-left {
29873 clear: left;
29876 .fp-pathbar.empty {
29877 display: none;
29880 .fp-pathbar .fp-path-folder {
29881 background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
29882 background-size: 12px 12px;
29883 height: 12px;
29884 margin-left: 12px;
29887 /*rtl:raw:
29888 .fp-pathbar .fp-path-folder {
29889 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
29892 .fp-pathbar .fp-path-folder-name {
29893 margin-left: 24px;
29896 .fp-iconview .fp-file {
29897 float: left;
29898 text-align: center;
29899 position: relative;
29900 margin: 10px 10px 35px;
29903 .fp-iconview .fp-thumbnail {
29904 min-width: 110px;
29905 min-height: 110px;
29906 line-height: 110px;
29907 text-align: center;
29908 border: 1px solid #fff;
29909 display: block;
29912 .fp-iconview .fp-thumbnail img {
29913 border: 1px solid #ddd;
29914 padding: 3px;
29915 vertical-align: middle;
29918 .fp-iconview .fp-thumbnail:hover {
29919 background: #fff;
29920 border: 1px solid #ddd;
29923 .fp-iconview .fp-filename-field {
29924 height: 33px;
29925 margin-top: 3px;
29926 word-wrap: break-word;
29927 overflow: hidden;
29928 position: absolute;
29931 .fp-iconview .fp-file:focus .fp-filename-field,
29932 .fp-iconview .fp-file:hover .fp-filename-field {
29933 overflow: visible;
29934 z-index: 1000;
29936 .fp-iconview .fp-file:focus .fp-filename,
29937 .fp-iconview .fp-file:hover .fp-filename {
29938 overflow: inherit;
29939 white-space: normal;
29940 text-overflow: inherit;
29943 .fp-iconview .fp-filename-field .fp-filename {
29944 background: #fff;
29945 padding-top: 5px;
29946 padding-bottom: 12px;
29947 min-width: 112px;
29950 .file-picker .yui3-datatable table {
29951 border: 0 solid #bbb;
29952 width: 100%;
29955 .file-picker .ygtvtn,
29956 .filemanager .ygtvtn {
29957 /*rtl:remove*/
29958 background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
29959 /*rtl:raw:
29960 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
29962 width: 19px;
29963 height: 32px;
29966 .file-picker .ygtvtm,
29967 .filemanager .ygtvtm {
29968 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
29969 /*rtl:raw:
29970 background-position: 2px 10px;
29972 width: 13px;
29973 height: 12px;
29974 cursor: pointer;
29977 .file-picker .ygtvtmh,
29978 .filemanager .ygtvtmh {
29979 background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
29980 /*rtl:raw:
29981 background-position: 2px 10px;
29983 width: 13px;
29984 height: 12px;
29985 cursor: pointer;
29988 .file-picker .ygtvtp,
29989 .filemanager .ygtvtp {
29990 /*rtl:remove*/
29991 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
29992 /*rtl:raw:
29993 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
29995 width: 13px;
29996 height: 12px;
29997 cursor: pointer;
30000 .file-picker .ygtvtph,
30001 .filemanager .ygtvtph {
30002 /*rtl:remove*/
30003 background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
30004 /*rtl:raw:
30005 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
30007 width: 13px;
30008 height: 22px;
30009 cursor: pointer;
30012 .file-picker .ygtvln,
30013 .filemanager .ygtvln {
30014 /*rtl:remove*/
30015 background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
30016 /*rtl:raw:
30017 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
30019 width: 19px;
30020 height: 32px;
30023 .file-picker .ygtvlm,
30024 .filemanager .ygtvlm {
30025 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30026 /*rtl:raw:
30027 background-position: 2px 10px;
30029 width: 13px;
30030 height: 12px;
30031 cursor: pointer;
30034 .file-picker .ygtvlmh,
30035 .filemanager .ygtvlmh {
30036 background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
30037 /*rtl:raw:
30038 background-position: 2px 10px;
30040 width: 13px;
30041 height: 12px;
30042 cursor: pointer;
30045 .file-picker .ygtvlp,
30046 .filemanager .ygtvlp {
30047 /*rtl:remove*/
30048 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30049 /*rtl:raw:
30050 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30052 width: 13px;
30053 height: 12px;
30054 cursor: pointer;
30057 .file-picker .ygtvlph,
30058 .filemanager .ygtvlph {
30059 /*rtl:remove*/
30060 background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
30061 /*rtl:raw:
30062 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
30064 width: 13px;
30065 height: 12px;
30066 cursor: pointer;
30069 .file-picker .ygtvloading,
30070 .filemanager .ygtvloading {
30071 background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
30072 width: 16px;
30073 height: 22px;
30076 .file-picker .ygtvdepthcell,
30077 .filemanager .ygtvdepthcell {
30078 background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
30079 /*rtl:raw:
30080 background-position: 0 0;
30082 width: 17px;
30083 height: 32px;
30086 .file-picker .ygtvblankdepthcell,
30087 .filemanager .ygtvblankdepthcell {
30088 width: 17px;
30089 height: 22px;
30092 a.ygtvspacer:hover {
30093 color: transparent;
30094 text-decoration: none;
30097 .ygtvlabel,
30098 .ygtvlabel:link,
30099 .ygtvlabel:visited,
30100 .ygtvlabel:hover {
30101 background-color: transparent;
30102 cursor: pointer;
30103 margin-left: 2px;
30104 text-decoration: none;
30107 .file-picker .ygtvfocus,
30108 .filemanager .ygtvfocus {
30109 background-color: #eee;
30112 .fp-filename-icon {
30113 margin-top: 10px;
30114 display: block;
30115 position: relative;
30118 .fp-icon {
30119 float: left;
30120 margin-top: -7px;
30121 width: 24px;
30122 height: 24px;
30123 margin-right: 10px;
30124 text-align: center;
30125 line-height: 24px;
30128 .fp-icon img {
30129 max-height: 24px;
30130 max-width: 24px;
30131 vertical-align: middle;
30134 .fp-filename {
30135 padding-right: 10px;
30138 .file-picker .fp-login-form {
30139 height: 100%;
30140 width: 100%;
30141 display: table;
30144 .file-picker .fp-upload-form {
30145 height: 100%;
30146 width: 100%;
30147 display: table;
30150 .file-picker .fp-upload-form table {
30151 margin: 0 auto;
30154 .file-picker.fp-dlg {
30155 text-align: center;
30158 .file-picker.fp-dlg .fp-dlg-buttons {
30159 margin: 0 20px;
30162 .file-picker.fp-msg {
30163 text-align: center;
30166 .file-picker .fp-content-error {
30167 height: 100%;
30168 width: 100%;
30169 display: table;
30170 text-align: center;
30173 .file-picker .fp-nextpage {
30174 clear: both;
30177 .file-picker .fp-nextpage .fp-nextpage-loading {
30178 display: none;
30181 .file-picker .fp-nextpage.loading .fp-nextpage-link {
30182 display: none;
30185 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
30186 display: block;
30187 text-align: center;
30188 height: 100px;
30189 padding-top: 50px;
30192 .fp-select .fp-select-loading {
30193 text-align: center;
30194 margin-top: 20px;
30197 .fp-select table {
30198 padding: 0 0 10px;
30201 .fp-select table .mdl-right {
30202 min-width: 84px;
30205 .fp-select .fp-reflist .mdl-right {
30206 vertical-align: top;
30209 .fp-select .fp-select-buttons {
30210 float: right;
30213 .fp-select .fp-info {
30214 font-size: 0.703125rem;
30217 .fp-select .fp-thumbnail {
30218 float: left;
30219 min-width: 110px;
30220 min-height: 110px;
30221 line-height: 110px;
30222 text-align: center;
30223 margin: 10px 20px 0 0;
30224 background: #fff;
30225 border: 1px solid #ddd;
30228 .fp-select .fp-thumbnail img {
30229 border: 1px solid #ddd;
30230 padding: 3px;
30231 vertical-align: middle;
30232 margin: 10px;
30235 .fp-select .fp-fileinfo {
30236 display: inline-block;
30237 margin-top: 10px;
30240 .file-picker.fp-select .fp-fileinfo {
30241 max-width: 240px;
30244 .fp-select .fp-fileinfo div {
30245 padding-bottom: 5px;
30248 .file-picker.fp-select .uneditable {
30249 display: none;
30252 .file-picker.fp-select .fp-select-loading {
30253 display: none;
30256 .file-picker.fp-select.loading .fp-select-loading {
30257 display: block;
30260 .file-picker.fp-select.loading form {
30261 display: none;
30264 .fp-select .fp-dimensions.fp-unknown {
30265 display: none;
30268 .fp-select .fp-size.fp-unknown {
30269 display: none;
30272 .filemanager-loading {
30273 display: none;
30276 .jsenabled .filemanager-loading {
30277 display: block;
30278 margin-top: 100px;
30281 .filemanager.fm-loading .filemanager-toolbar,
30282 .filemanager.fm-loading .fp-pathbar,
30283 .filemanager.fm-loading .filemanager-container,
30284 .filemanager.fm-loaded .filemanager-loading,
30285 .filemanager.fm-maxfiles .fp-btn-add,
30286 .filemanager.fm-maxfiles .dndupload-message,
30287 .filemanager.fm-noitems .fp-btn-download,
30288 .filemanager.fm-noitems .fp-btn-delete,
30289 .filemanager .fm-empty-container,
30290 .filemanager.fm-noitems .filemanager-container .fp-content {
30291 display: none;
30294 .filemanager .fp-img-downloading {
30295 display: none;
30296 padding-top: 7px;
30299 .filemanager .filemanager-updating {
30300 display: none;
30301 text-align: center;
30304 .filemanager.fm-updating .filemanager-updating {
30305 display: block;
30306 margin-top: 37px;
30309 .filemanager.fm-updating .fm-content-wrapper,
30310 .filemanager.fm-nomkdir .fp-btn-mkdir,
30311 .fitem.disabled .filemanager .filemanager-toolbar,
30312 .fitem.disabled .filemanager .fp-pathbar,
30313 .fitem.disabled .filemanager .fp-restrictions,
30314 .fitem.disabled .filemanager .fm-content-wrapper {
30315 display: none;
30318 .filemanager .fp-restrictions {
30319 text-align: right;
30322 .filemanager-toolbar {
30323 padding: 4px;
30324 overflow: hidden;
30327 .filemanager .fp-pathbar.empty {
30328 display: none;
30331 .filepicker-filelist,
30332 .filemanager-container {
30333 min-height: 140px;
30334 border: 1px solid #8f959e;
30335 border-radius: 0.5rem;
30338 .filemanager .fp-content {
30339 overflow: auto;
30340 max-height: 472px;
30341 min-height: 157px;
30344 .filemanager-container,
30345 .filepicker-filelist {
30346 overflow: hidden;
30347 border-top-left-radius: 0;
30348 border-top-right-radius: 0;
30351 .file-picker .yui3-datatable-header {
30352 /*rtl:raw:
30353 text-align: right;
30355 background: initial;
30358 .fitem.disabled .filepicker-filelist,
30359 .fitem.disabled .filemanager-container {
30360 background-color: #ebebe4;
30363 .fitem.disabled .fp-btn-choose {
30364 color: #6a737b;
30367 .fitem.disabled .filepicker-filelist .filepicker-filename {
30368 display: none;
30371 .fp-iconview .fp-reficons1 {
30372 position: absolute;
30373 height: 100%;
30374 width: 100%;
30375 top: 0;
30376 left: 0;
30379 .fp-iconview .fp-reficons2 {
30380 position: absolute;
30381 height: 100%;
30382 width: 100%;
30383 top: 0;
30384 left: 0;
30387 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
30388 background: url("[[pix:theme|fp/link]]") no-repeat;
30389 /*rtl:raw:
30390 transform: scaleX(-1);
30392 /*rtl:ignore*/
30393 background-position: bottom right;
30394 background-size: 16px 16px;
30397 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
30398 background: url("[[pix:theme|fp/alias]]") no-repeat;
30399 /*rtl:raw:
30400 transform: scaleX(-1);
30402 /*rtl:ignore*/
30403 background-position: bottom left;
30404 background-size: 16px 16px;
30407 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
30408 display: none;
30411 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
30412 background: url([[pix:s/dead]]) no-repeat;
30413 background-position: center center;
30416 .filemanager .yui3-datatable table {
30417 border: 0 solid #bbb;
30418 width: 100%;
30421 /* Override YUI default styling */
30422 /* stylelint-disable declaration-no-important */
30423 .filemanager .yui3-datatable-header {
30424 /*rtl:raw:
30425 text-align: right;
30427 background: #fff !important;
30428 border-bottom: 1px solid #ccc !important;
30429 border-left: 0 solid #fff !important;
30430 color: #555 !important;
30432 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
30433 background-color: #f6f6f6 !important;
30434 border-left: 0 solid #f6f6f6;
30436 .filemanager .yui3-datatable-even .yui3-datatable-cell {
30437 background-color: #fff !important;
30438 border-left: 0 solid #fff;
30441 /* stylelint-enable */
30442 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
30443 background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
30444 height: 100%;
30445 width: 100%;
30446 /*rtl:raw:
30447 transform: scaleX(-1);
30449 position: absolute;
30450 top: 8px;
30451 left: 17px;
30452 background-size: 16px 16px;
30455 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
30456 background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
30457 height: 100%;
30458 width: 100%;
30459 /*rtl:raw:
30460 transform: scaleX(-1);
30462 position: absolute;
30463 top: 9px;
30464 left: -6px;
30465 background-size: 16px 16px;
30468 .filemanager .fp-contextmenu {
30469 display: none;
30472 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
30473 position: absolute;
30474 right: 0;
30475 bottom: 0;
30476 display: flex;
30477 align-items: center;
30478 justify-content: center;
30481 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
30482 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
30483 display: inline;
30484 position: absolute;
30485 left: 14px;
30486 margin-right: -20px;
30487 top: 6px;
30490 .filepicker-filelist .filepicker-container,
30491 .filemanager.fm-noitems .fm-empty-container {
30492 display: block;
30493 position: absolute;
30494 top: 10px;
30495 bottom: 10px;
30496 left: 10px;
30497 right: 10px;
30498 border: 2px dashed #bbb;
30499 padding-top: 85px;
30500 text-align: center;
30503 .filepicker-filelist .dndupload-target,
30504 .filemanager-container .dndupload-target {
30505 background: #fff;
30506 position: absolute;
30507 top: 10px;
30508 bottom: 10px;
30509 left: 10px;
30510 right: 10px;
30511 border: 2px dashed #fb7979;
30512 padding-top: 85px;
30513 text-align: center;
30516 .filepicker-filelist.dndupload-over .dndupload-target,
30517 .filemanager-container.dndupload-over .dndupload-target {
30518 background: #fff;
30519 position: absolute;
30520 top: 10px;
30521 bottom: 10px;
30522 left: 10px;
30523 right: 10px;
30524 border: 2px dashed #6c8cd3;
30525 padding-top: 85px;
30526 text-align: center;
30529 .dndupload-message {
30530 display: none;
30533 .dndsupported .dndupload-message {
30534 display: inline;
30537 .dnduploadnotsupported-message {
30538 display: none;
30541 .dndnotsupported .dnduploadnotsupported-message {
30542 display: inline;
30545 .dndupload-target {
30546 display: none;
30549 .dndsupported .dndupload-ready .dndupload-target {
30550 display: block;
30553 .dndupload-uploadinprogress {
30554 display: none;
30555 text-align: center;
30558 .dndupload-uploading .dndupload-uploadinprogress {
30559 display: block;
30562 .dndupload-arrow {
30563 width: 100%;
30564 height: 80px;
30565 position: absolute;
30566 top: 5px;
30567 color: #8f959e;
30570 .fitem.disabled .filepicker-container,
30571 .fitem.disabled .fm-empty-container {
30572 display: none;
30575 .dndupload-progressbars {
30576 padding: 10px;
30577 display: none;
30580 .dndupload-inprogress .dndupload-progressbars {
30581 display: block;
30584 .dndupload-inprogress .fp-content {
30585 display: none;
30588 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
30589 display: none;
30592 .filepicker-filelist.dndupload-inprogress .filepicker-container {
30593 display: none;
30596 .filepicker-filelist.dndupload-inprogress a {
30597 display: none;
30600 .filemanager.fp-select .fp-select-loading {
30601 display: none;
30604 .filemanager.fp-select.loading .fp-select-loading {
30605 display: block;
30608 .filemanager.fp-select.loading form {
30609 display: none;
30612 .filemanager.fp-select.fp-folder .fp-license,
30613 .filemanager.fp-select.fp-folder .fp-author,
30614 .filemanager.fp-select.fp-file .fp-file-unzip,
30615 .filemanager.fp-select.fp-folder .fp-file-unzip,
30616 .filemanager.fp-select.fp-file .fp-file-zip,
30617 .filemanager.fp-select.fp-zip .fp-file-zip {
30618 display: none;
30621 .filemanager.fp-select .fp-file-setmain,
30622 .filemanager.fp-select .fp-file-setmain-help {
30623 display: none;
30626 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
30627 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
30628 display: inline-block;
30631 .filemanager .fp-mainfile .fp-filename {
30632 font-weight: bold;
30635 .filemanager.fp-select.fp-folder .fp-file-download {
30636 display: none;
30639 .fm-operation {
30640 font-weight: bold;
30643 .filemanager.fp-select .fp-original.fp-unknown,
30644 .filemanager.fp-select .fp-original .fp-originloading {
30645 display: none;
30648 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
30649 display: inline;
30652 .filemanager.fp-select .fp-reflist.fp-unknown,
30653 .filemanager.fp-select .fp-reflist .fp-reflistloading {
30654 display: none;
30657 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
30658 display: inline;
30661 .filemanager.fp-select .fp-reflist .fp-value {
30662 background: #f9f9f9;
30663 border: 1px solid #bbb;
30664 padding: 8px 7px;
30665 margin: 0;
30666 max-height: 75px;
30667 overflow: auto;
30670 .filemanager.fp-select .fp-reflist .fp-value li {
30671 padding-bottom: 7px;
30674 .filemanager.fp-mkdir-dlg {
30675 text-align: center;
30678 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
30679 text-align: left;
30680 margin: 20px;
30683 .filemanager.fp-dlg {
30684 text-align: center;
30687 .file-picker div.bd {
30688 text-align: left;
30691 .fp-formset {
30692 padding: 10px;
30694 .fp-formset input[type=file] {
30695 line-height: inherit;
30698 .fp-forminset {
30699 padding: 0 10px;
30702 .fp-fileinfo .fp-value {
30703 display: inline-block;
30704 padding-left: 5px;
30707 /** The message area **/
30708 .hidden {
30709 display: none;
30712 .preferences-container .container-fluid, .preferences-container .container-sm, .preferences-container .container-md, .preferences-container .container-lg, .preferences-container .container-xl {
30713 padding: 0;
30715 .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 {
30716 min-height: 20px;
30718 .preferences-container .align-bottom {
30719 vertical-align: bottom;
30721 .preferences-container .preference-table {
30722 border: 1px solid #ddd;
30724 .preferences-container .preference-table thead th {
30725 text-align: center;
30727 .preferences-container .preference-table thead th .config-warning {
30728 display: none;
30730 .preferences-container .preference-table thead th.unconfigured .config-warning {
30731 display: inline-block;
30733 .preferences-container .preference-table tr th {
30734 border-left: 1px solid #dee2e6;
30736 .preferences-container .preference-table tr td:not(:first-child) {
30737 width: 150px;
30738 text-align: center;
30740 .preferences-container .preference-table tr td:nth-child(even) {
30741 border: 1px solid #dee2e6;
30743 .preferences-container .preference-table .preference-row .hover-tooltip-container {
30744 display: inline-block;
30746 .preferences-container .preference-table .preference-row .preference-name {
30747 vertical-align: middle;
30749 .preferences-container .preference-table .preference-row .disabled-message {
30750 text-align: center;
30751 height: 30px;
30752 line-height: 30px;
30754 .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
30755 display: block;
30758 .disabled-message {
30759 display: none;
30762 .disabled .disabled-message {
30763 display: block;
30765 .disabled .disabled-message + form {
30766 display: none;
30769 .general-settings-container .loading-icon {
30770 display: none;
30772 .general-settings-container .loading .loading-icon {
30773 display: inline-block;
30775 .general-settings-container label {
30776 display: inline-block;
30779 .processor-container {
30780 position: relative;
30782 .processor-container .loading-container {
30783 display: none;
30784 position: absolute;
30785 width: 100%;
30786 height: 100%;
30787 text-align: center;
30788 background-color: rgba(255, 255, 255, 0.5);
30790 .processor-container .loading-container .vertical-align {
30791 height: 100%;
30792 width: 0%;
30793 display: inline-block;
30794 vertical-align: middle;
30796 .processor-container.loading .loading-container {
30797 display: block;
30800 .preferences-page-container .checkbox-container {
30801 margin: 30px 5px;
30802 line-height: 20px;
30804 .preferences-page-container .checkbox-container input {
30805 line-height: 20px;
30806 margin: 0;
30808 .preferences-page-container .checkbox-container .loading-icon {
30809 display: none;
30811 .preferences-page-container .checkbox-container.loading .loading-icon {
30812 display: inline-block;
30815 .notification-area {
30816 height: 600px;
30817 box-sizing: border-box;
30818 border-radius: 4px;
30819 margin-bottom: 30px;
30820 border: 1px solid #e3e3e3;
30822 @media (max-height: 670px) {
30823 .notification-area {
30824 height: 500px;
30827 .notification-area .control-area {
30828 box-sizing: border-box;
30829 display: inline-block;
30830 width: 300px;
30831 height: 100%;
30832 overflow: auto;
30833 -webkit-overflow-scrolling: touch;
30834 border-right: 1px solid #e3e3e3;
30836 .notification-area .control-area .content {
30837 position: relative;
30839 .notification-area .control-area .content .content-item-container {
30840 cursor: pointer;
30842 .notification-area .control-area .content:empty + .empty-text {
30843 display: block;
30845 .notification-area .control-area .loading-icon {
30846 display: none;
30848 .notification-area .control-area .empty-text {
30849 display: none;
30850 text-align: center;
30851 padding-top: 20px;
30853 .notification-area .control-area.loading .loading-icon {
30854 display: block;
30855 text-align: center;
30856 box-sizing: border-box;
30857 padding: 5px;
30859 .notification-area .control-area.loading .content:empty + .empty-text {
30860 display: none;
30862 .notification-area .content-area {
30863 box-sizing: border-box;
30864 display: inline-block;
30865 width: calc(100% - 300px);
30866 float: right;
30868 .notification-area .content-area .toggle-mode {
30869 display: none;
30871 .notification-area .content-area .header {
30872 height: 50px;
30873 box-sizing: border-box;
30874 border-bottom: 1px solid #e3e3e3;
30875 padding: 5px;
30877 .notification-area .content-area .header .image-container {
30878 display: inline-block;
30879 height: 25px;
30880 width: 24px;
30881 float: left;
30883 .notification-area .content-area .header .subject-container {
30884 display: inline-block;
30885 max-width: calc(100% - 24px);
30886 white-space: nowrap;
30887 overflow: hidden;
30888 text-overflow: ellipsis;
30889 height: 25px;
30890 padding-left: 5px;
30891 box-sizing: border-box;
30893 .notification-area .content-area .header .timestamp {
30894 font-size: 10px;
30895 line-height: 10px;
30896 margin: 0;
30897 color: #666;
30898 margin-left: 30px;
30900 .notification-area .content-area .header:empty {
30901 display: none;
30903 .notification-area .content-area > .content {
30904 height: 500px;
30905 box-sizing: border-box;
30906 overflow: auto;
30907 -webkit-overflow-scrolling: touch;
30908 padding: 15px;
30910 @media (max-height: 670px) {
30911 .notification-area .content-area > .content {
30912 height: 400px;
30915 .notification-area .content-area > .content:empty {
30916 display: none;
30918 .notification-area .content-area > .content:empty + .empty-text {
30919 display: block;
30920 text-align: center;
30921 padding-top: 100px;
30923 .notification-area .content-area .empty-text {
30924 display: none;
30926 .notification-area .content-area .footer {
30927 height: 50px;
30928 box-sizing: border-box;
30929 text-align: center;
30931 .notification-area .content-area .footer a {
30932 line-height: 50px;
30934 .notification-area .content-area .footer:empty {
30935 display: none;
30938 @media (max-width: 979px) {
30939 .notification-area {
30940 position: relative;
30941 overflow: hidden;
30943 .notification-area .control-area {
30944 border-right: none;
30945 width: 100%;
30946 position: absolute;
30947 top: 0;
30948 left: 0;
30949 opacity: 1;
30950 visibility: visible;
30951 transition: left 0.25s;
30953 .notification-area .content-area {
30954 width: 100%;
30955 position: absolute;
30956 top: 0;
30957 right: -100%;
30958 opacity: 0;
30959 visibility: hidden;
30960 transition: right 0.25s, opacity 0.25s, visibility 0.25s;
30962 .notification-area .content-area .toggle-mode {
30963 display: inline-block;
30964 float: left;
30965 width: 70px;
30966 height: 50px;
30967 line-height: 50px;
30968 box-sizing: border-box;
30969 border-right: 1px solid #e3e3e3;
30970 border-bottom: 1px solid #e3e3e3;
30972 .notification-area .content-area .header {
30973 display: inline-block;
30974 width: calc(100% - 70px);
30976 .notification-area.show-content-area .control-area {
30977 left: -100%;
30978 opacity: 0;
30979 visibility: hidden;
30980 transition: left 0.25s, opacity 0.25s, visibility 0.25s;
30982 .notification-area.show-content-area .content-area {
30983 right: 0;
30984 opacity: 1;
30985 visibility: visible;
30986 transition: right 0.25s;
30989 .drawer .message-app {
30990 height: 100%;
30992 .drawer .message-app .icon-back-in-app {
30993 display: none;
30995 .drawer .message-app .icon-back-in-drawer {
30996 display: inherit;
30999 .message-app {
31000 display: flex;
31001 flex-direction: column;
31002 background-color: #eff1f3;
31004 .message-app .icon-back-in-drawer {
31005 display: none;
31007 .message-app.main {
31008 min-height: 400px;
31010 .message-app .header-container {
31011 flex-shrink: 0;
31013 .message-app .overflow-y {
31014 overflow-y: auto;
31016 @media (max-height: 320px) {
31017 .message-app .header-container [data-region=view-overview]:not(.hidden) {
31018 display: flex;
31019 align-items: center;
31021 .message-app .footer-container [data-region=view-overview] {
31022 display: none;
31024 .message-app .overflow-y {
31025 overflow-y: unset;
31028 .message-app .body-container {
31029 flex: 1;
31030 overflow: hidden;
31032 .message-app .body-container > * {
31033 position: absolute;
31034 right: 0;
31035 left: 0;
31036 top: 0;
31037 bottom: 0;
31038 overflow: auto;
31040 .message-app .footer-container {
31041 flex-shrink: 0;
31043 .message-app .footer-container textarea {
31044 direction: ltr;
31046 .message-app .contact-status {
31047 position: absolute;
31048 left: 39px;
31049 top: 39px;
31050 width: 10px;
31051 height: 10px;
31052 border-radius: 50%;
31054 .message-app .contact-status.online {
31055 border: 1px solid #fff;
31056 background-color: #357a32;
31058 .message-app .message p {
31059 margin: 0;
31061 .message-app .clickable {
31062 cursor: pointer;
31064 .message-app .clickable:hover {
31065 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
31067 .message-app a,
31068 .message-app .btn-link {
31069 color: inherit;
31071 .message-app .btn-link:hover, .message-app .btn-link:focus {
31072 background-color: rgba(0, 0, 0, 0.035);
31073 text-decoration: none;
31075 .message-app .icon {
31076 margin-right: 0;
31078 .message-app .overview-section-toggle .collapsed-icon-container {
31079 display: none;
31081 .message-app .overview-section-toggle .expanded-icon-container {
31082 display: inline-block;
31084 .message-app .overview-section-toggle.collapsed .collapsed-icon-container {
31085 display: inline-block;
31087 .message-app .overview-section-toggle.collapsed .expanded-icon-container {
31088 display: none;
31090 .message-app .btn.btn-link.btn-icon {
31091 height: 16px;
31092 width: 16px;
31093 padding: 0;
31094 border-radius: 50%;
31095 flex-shrink: 0;
31097 .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-link.btn-icon:focus {
31098 background-color: #e9ecef;
31100 .message-app .btn.btn-link.btn-icon.icon-size-0 {
31101 height: 20px !important; /* stylelint-disable-line declaration-no-important */
31102 width: 20px !important; /* stylelint-disable-line declaration-no-important */
31104 .message-app .btn.btn-link.btn-icon.icon-size-1 {
31105 height: 24px !important; /* stylelint-disable-line declaration-no-important */
31106 width: 24px !important; /* stylelint-disable-line declaration-no-important */
31108 .message-app .btn.btn-link.btn-icon.icon-size-2 {
31109 height: 28px !important; /* stylelint-disable-line declaration-no-important */
31110 width: 28px !important; /* stylelint-disable-line declaration-no-important */
31112 .message-app .btn.btn-link.btn-icon.icon-size-3 {
31113 height: 36px !important; /* stylelint-disable-line declaration-no-important */
31114 width: 36px !important; /* stylelint-disable-line declaration-no-important */
31116 .message-app .btn.btn-link.btn-icon.icon-size-4 {
31117 height: 44px !important; /* stylelint-disable-line declaration-no-important */
31118 width: 44px !important; /* stylelint-disable-line declaration-no-important */
31120 .message-app .btn.btn-link.btn-icon.icon-size-5 {
31121 height: 52px !important; /* stylelint-disable-line declaration-no-important */
31122 width: 52px !important; /* stylelint-disable-line declaration-no-important */
31124 .message-app .btn.btn-link.btn-icon.icon-size-6 {
31125 height: 60px !important; /* stylelint-disable-line declaration-no-important */
31126 width: 60px !important; /* stylelint-disable-line declaration-no-important */
31128 .message-app .btn.btn-link.btn-icon.icon-size-7 {
31129 height: 68px !important; /* stylelint-disable-line declaration-no-important */
31130 width: 68px !important; /* stylelint-disable-line declaration-no-important */
31132 .message-app .view-overview-body .section {
31133 display: block;
31135 .message-app .view-overview-body .section.expanded {
31136 display: flex;
31138 .message-app .view-overview-body .section div[data-region=toggle] {
31139 padding: 0.1rem;
31141 .message-app .view-conversation .content-message-container img {
31142 max-width: 100%;
31144 .message-app .list-group {
31145 border-radius: 0;
31147 .message-app .list-group .list-group-item {
31148 border-left: 0;
31149 border-right: 0;
31151 .message-app .list-group .list-group-item:hover {
31152 color: #fff;
31153 background-color: #0f6cbf;
31155 .message-app .list-group .list-group-item:hover .badge-primary {
31156 background-color: #fff;
31157 color: #0f6cbf;
31159 .message-app .list-group .list-group-item:first-child {
31160 border-top: 0;
31162 .message-app .list-group .list-group-item:last-child {
31163 border-bottom: 0;
31165 .message-app .list-group .list-group-item.list-group-item-action {
31166 margin: 0.1rem;
31167 width: auto;
31168 text-align: inherit;
31170 .message-app .last-message {
31171 min-height: 1.5rem;
31173 .message-app .section .collapsing {
31174 overflow: hidden;
31176 .message-app .message.send {
31177 background-color: #dee2e6;
31178 color: #1d2125;
31180 .message-app .message.send .time {
31181 color: #1d2125;
31183 .message-app .message.send .tail {
31184 right: 0;
31185 margin-right: -0.5rem;
31186 border-bottom-color: #dee2e6;
31188 .message-app .message.received {
31189 background-color: #fff;
31190 color: #1d2125;
31192 .message-app .message.received .time {
31193 color: #616466;
31195 .message-app .message.received .tail {
31196 left: 0;
31197 margin-left: -0.5rem;
31198 border-bottom-color: #fff;
31200 .message-app .message .tail {
31201 content: "";
31202 bottom: 0;
31203 width: 0;
31204 height: 0;
31205 border: 0.5rem solid transparent;
31206 position: relative;
31208 .message-app .day {
31209 color: #1d2125;
31211 .message-app .lazy-load-list {
31212 overflow-y: auto;
31215 #page-message-index #page-header {
31216 display: none;
31218 #page-message-index #region-main {
31219 height: 100%;
31220 margin-top: 0;
31222 #page-message-index #region-main .conversationcontainer .section {
31223 max-height: calc(100vh - 50px);
31225 #page-message-index #region-main div[role=main] {
31226 height: 100%;
31228 #page-message-index #region-main div[role=main] #maincontent {
31229 margin-top: -1px;
31231 #page-message-index #region-main div[role=main] .message-app.main {
31232 height: 100%;
31235 .dir-rtl .message-drawer {
31236 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
31239 .message-app .emoji-picker-container {
31240 position: absolute;
31241 top: -5px;
31242 right: 5px;
31243 transform: translateY(-100%);
31245 .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
31246 height: 40px;
31247 width: 40px;
31249 @media (max-width: 575.98px) {
31250 .message-app .emoji-picker-container {
31251 right: -0.5rem;
31254 @media (max-height: 495px) {
31255 .message-app .emoji-picker-container {
31256 position: fixed;
31257 top: 0;
31258 transform: none;
31261 .message-app .emoji-auto-complete-container {
31262 overflow: auto;
31263 max-height: 90px;
31264 transition: max-height 0.15s ease-in-out;
31265 visibility: visible;
31267 .message-app .emoji-auto-complete-container.hidden {
31268 display: block;
31269 max-height: 0;
31270 visibility: hidden;
31271 overflow: hidden;
31272 transition: max-height 0.15s ease-in-out, visibility 0s linear 0.15s, overflow 0s linear 0.15s;
31275 /* Question */
31276 .questionbank h2 {
31277 margin-top: 0;
31280 .questioncategories h3 {
31281 margin-top: 0;
31284 #chooseqtypebox {
31285 margin-top: 1em;
31288 #chooseqtype h3 {
31289 margin: 0 0 0.3em;
31292 #chooseqtype .instruction {
31293 display: none;
31296 #chooseqtype .fakeqtypes {
31297 border-top: 1px solid silver;
31300 #chooseqtype .qtypeoption {
31301 margin-bottom: 0.5em;
31304 #chooseqtype label {
31305 display: block;
31308 #chooseqtype .qtypename img {
31309 padding: 0 0.3em;
31312 #chooseqtype .qtypename {
31313 display: inline-table;
31314 width: 16em;
31317 #chooseqtype .qtypesummary {
31318 display: block;
31319 margin: 0 2em;
31322 #chooseqtype .submitbuttons {
31323 margin: 0.7em 0;
31324 text-align: center;
31327 #qtypechoicecontainer {
31328 display: none;
31331 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
31332 background: none;
31335 #qtypechoicecontainer.yui-panel .hd {
31336 color: #333;
31337 letter-spacing: 1px;
31338 text-shadow: 1px 1px 1px #fff;
31339 border-top-left-radius: 10px;
31340 border-top-right-radius: 10px;
31341 border: 1px solid #ccc;
31342 border-bottom: 1px solid #bbb;
31343 background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
31344 background-repeat: repeat-x;
31347 #qtypechoicecontainer {
31348 font-size: 12px;
31349 color: #333;
31350 background: #f2f2f2;
31351 border-radius: 10px;
31352 border: 1px solid #ccc;
31353 border-top: 0 none;
31356 #qtypechoicecontainer #chooseqtype {
31357 width: 40em;
31360 #chooseqtypehead h3 {
31361 margin: 0;
31362 font-weight: normal;
31365 #chooseqtype .qtypes {
31366 position: relative;
31367 border-bottom: 1px solid #bbb;
31368 padding: 0.24em 0;
31371 #chooseqtype .alloptions {
31372 overflow-x: hidden;
31373 overflow-y: auto;
31374 max-height: calc(100vh - 15em);
31375 width: 60%;
31378 #chooseqtype .qtypeoption {
31379 margin-bottom: 0;
31380 padding: 0.3em 0.3em 0.3em 1.6em;
31383 #chooseqtype .qtypeoption img {
31384 vertical-align: text-bottom;
31385 padding-left: 1em;
31386 padding-right: 0.5em;
31389 #chooseqtype .selected {
31390 background-color: #fff;
31393 #chooseqtype .instruction,
31394 #chooseqtype .qtypesummary {
31395 display: none;
31396 position: absolute;
31397 top: 0;
31398 right: 0;
31399 bottom: 0;
31400 left: 60%;
31401 margin: 0;
31402 overflow-x: hidden;
31403 overflow-y: auto;
31404 padding: 1.5em 1.6em;
31405 background-color: #fff;
31408 #chooseqtype .instruction,
31409 #chooseqtype .selected .qtypesummary {
31410 display: block;
31413 #categoryquestions {
31414 margin: 0;
31416 #categoryquestions td,
31417 #categoryquestions th {
31418 padding: 0 0.2em;
31419 max-width: 40vw;
31421 #categoryquestions th {
31422 text-align: left;
31423 font-weight: normal;
31425 #categoryquestions > tbody > tr.r1 {
31426 background-color: rgba(0, 0, 0, 0.03);
31428 #categoryquestions > tbody > tr.highlight {
31429 border: 1px solid #008196;
31431 #categoryquestions .checkbox {
31432 padding-left: 5px;
31434 #categoryquestions .checkbox input[type=checkbox] {
31435 margin-left: 0;
31436 float: none;
31438 #categoryquestions .iconcol {
31439 padding: 3px;
31440 box-sizing: content-box;
31442 #categoryquestions .iconcol .icon {
31443 margin: 0;
31444 width: 12px;
31445 height: 12px;
31447 #categoryquestions label {
31448 margin: 0;
31449 display: block;
31451 #categoryquestions .header {
31452 text-align: left;
31455 #page-mod-quiz-edit div.questionbankwindow div.header {
31456 margin: 0;
31458 #page-mod-quiz-edit div.questionbankwindow.block {
31459 padding: 0;
31462 .questionbank .singleselect {
31463 margin: 0;
31466 /* Question editing form */
31467 #combinedfeedbackhdr div.fhtmleditor {
31468 padding: 0;
31471 #combinedfeedbackhdr div.fcheckbox {
31472 margin-bottom: 1em;
31475 #multitriesheader div.fitem_feditor {
31476 margin-top: 1em;
31479 #multitriesheader div.fitem_fgroup {
31480 margin-bottom: 1em;
31483 #multitriesheader div.fitem_fgroup fieldset.felement label {
31484 margin-left: 0.3em;
31485 margin-right: 0.3em;
31488 body.path-question-type {
31489 /* Hacks to display the labels within a form group. */
31491 body.path-question-type .form-group .col-form-label.sr-only:not(legend):not([for=id_category]) {
31492 position: static;
31493 width: auto;
31494 height: auto;
31495 padding: 0;
31496 margin: 0 0.5rem 0 0;
31497 overflow: visible;
31498 clip: auto;
31499 clip-path: none;
31500 border: 0;
31503 .que {
31504 clear: left;
31505 text-align: left;
31506 margin: 0 auto 1.8em auto;
31509 .que .info {
31510 float: left;
31511 width: 7em;
31512 padding: 0.5em;
31513 margin-bottom: 1.8em;
31514 background-color: #f8f9fa;
31515 border: 1px solid #cad0d7;
31516 border-radius: 2px;
31519 .que h3.no {
31520 margin: 0;
31521 font-size: 0.8em;
31522 line-height: 1;
31525 .que span.qno {
31526 font-size: 1.5em;
31527 font-weight: bold;
31528 word-break: break-word;
31531 .que .info > div {
31532 font-size: 0.8em;
31533 margin-top: 0.7em;
31536 .que .info .questionflag.editable {
31537 cursor: pointer;
31540 .que .info .editquestion img,
31541 .que .info .questionflag img,
31542 .que .info .questionflag input {
31543 vertical-align: bottom;
31546 .que .content {
31547 margin: 0 0 0 8.5em;
31550 .que .formulation,
31551 .que .outcome,
31552 .que .comment {
31553 position: relative;
31554 padding: 0.75rem 1.25rem;
31555 margin-bottom: 1rem;
31556 border: 0 solid transparent;
31557 border-radius: 0.5rem;
31560 .que .outcome,
31561 .que .comment {
31562 color: #8e662e;
31563 background-color: #fcefdc;
31564 border-color: #fbe8cd;
31565 /* stylelint-disable-line max-line-length */
31567 .que .outcome hr,
31568 .que .comment hr {
31569 border-top-color: #f9ddb5;
31571 .que .outcome .alert-link,
31572 .que .comment .alert-link {
31573 color: #674a22;
31575 .que .outcome a,
31576 .que .comment a {
31577 color: #041c31;
31580 .que .formulation {
31581 color: #001a1e;
31582 background-color: #e7f3f5;
31583 border-color: #b8dce2;
31584 /* stylelint-disable-line max-line-length */
31586 .que .formulation hr {
31587 border-top-color: #a6d3db;
31589 .que .formulation .alert-link {
31590 color: black;
31593 .que.multichoice .answer div.r0 .icon.fa-check,
31594 .que.multichoice .answer div.r1 .icon.fa-check,
31595 .que.multichoice .answer div.r0 .icon.fa-remove,
31596 .que.multichoice .answer div.r1 .icon.fa-remove {
31597 text-indent: 0;
31600 .formulation input[type=text],
31601 .formulation select {
31602 width: auto;
31603 vertical-align: baseline;
31606 .que.multianswer .formulation .yui3-widget-positioned {
31607 box-sizing: content-box;
31609 .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
31610 width: inherit;
31611 max-width: inherit;
31614 .path-mod-quiz input[size] {
31615 width: auto;
31616 max-width: 100%;
31619 .que .comment {
31620 color: #1c3f1a;
31621 background-color: #d7e4d6;
31622 border-color: #c6dac6;
31623 /* stylelint-disable-line max-line-length */
31625 .que .comment hr {
31626 border-top-color: #b7d0b7;
31628 .que .comment .alert-link {
31629 color: #0c1b0b;
31632 .que .ablock {
31633 margin: 0.7em 0 0.3em 0;
31636 .que .im-controls {
31637 margin-top: 0.5em;
31638 text-align: left;
31641 .que .specificfeedback,
31642 .que .generalfeedback,
31643 .que .numpartscorrect .que .rightanswer,
31644 .que .im-feedback,
31645 .que .feedback,
31646 .que p {
31647 margin: 0 0 0.5em;
31650 .que .correctness.correct {
31651 color: #fff;
31652 background-color: #357a32;
31654 a.que .correctness.correct:hover, a.que .correctness.correct:focus {
31655 color: #fff;
31656 background-color: #255623;
31658 a.que .correctness.correct:focus, a.que .correctness.correct.focus {
31659 outline: 0;
31660 box-shadow: 0 0 0 0.2rem rgba(53, 122, 50, 0.5);
31663 .que .correctness.partiallycorrect {
31664 color: #1d2125;
31665 background-color: #f0ad4e;
31667 a.que .correctness.partiallycorrect:hover, a.que .correctness.partiallycorrect:focus {
31668 color: #1d2125;
31669 background-color: #ec971f;
31671 a.que .correctness.partiallycorrect:focus, a.que .correctness.partiallycorrect.focus {
31672 outline: 0;
31673 box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
31676 .que .correctness.notanswered, .que .correctness.incorrect {
31677 color: #fff;
31678 background-color: #ca3120;
31680 a.que .correctness.notanswered:hover, a.que .correctness.notanswered:focus, .que .correctness.incorrect:hover, .que .correctness.incorrect:focus {
31681 color: #fff;
31682 background-color: #9e2619;
31684 a.que .correctness.notanswered:focus, a.que .correctness.notanswered.focus, .que .correctness.incorrect:focus, .que .correctness.incorrect.focus {
31685 outline: 0;
31686 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.5);
31689 .que .qtext {
31690 margin-bottom: 1.5em;
31693 .que .validationerror {
31694 color: #ca3120;
31697 .que .grading,
31698 .que .comment,
31699 .que .commentlink,
31700 .que .history {
31701 margin-top: 0.5em;
31704 .que .history h3 {
31705 margin: 0 0 0.2em;
31706 font-size: 1em;
31709 .que .history table {
31710 width: 100%;
31711 margin: 0;
31714 .que .history .current {
31715 font-weight: bold;
31718 .que .questioncorrectnessicon {
31719 vertical-align: text-bottom;
31722 body.jsenabled .questionflag input[type=checkbox] {
31723 display: none;
31726 .que .questionflagimage {
31727 padding-right: 3px;
31728 height: 16px;
31729 width: 16px;
31732 .importerror {
31733 margin-top: 10px;
31734 border-bottom: 1px solid #555;
31737 .mform .que.comment .fitemtitle {
31738 width: 20%;
31741 #page-question-preview #techinfo {
31742 margin: 1em 0;
31745 #page-question-preview .collapsibleregion .collapsibleregioncaption,
31746 #page-question-preview .collapsibleregion .collapsibleregionextracontent {
31747 display: inline-block;
31750 #page-mod-quiz-edit ul.slots .activityinstance > a {
31751 display: flex;
31752 max-width: 100%;
31753 align-items: center;
31754 text-indent: 0;
31755 padding-left: 0;
31757 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
31758 margin-left: 0;
31759 width: 16px;
31760 height: 16px;
31761 padding-right: 4px;
31764 #page-mod-quiz-edit .activity img.activityicon {
31765 vertical-align: text-top;
31768 #page-mod-quiz-edit .box.generalbox.questionbank {
31769 padding: 0.5em;
31772 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
31773 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
31774 #page-mod-quiz-edit .questionbank .choosecategory {
31775 padding: 0;
31778 #page-mod-quiz-edit .questionbank .choosecategory select {
31779 width: 100%;
31782 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
31783 background: transparent;
31786 #page-mod-quiz-edit .questionbankwindow div.header {
31787 color: #444;
31788 text-shadow: none;
31789 border-top-left-radius: 4px;
31790 border-top-right-radius: 4px;
31791 margin: 0 -10px 0 -10px;
31792 padding: 2px 10px 2px 10px;
31793 background: transparent; /* Old browsers */
31796 #page-mod-quiz-edit .questionbankwindow div.header a:link,
31797 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
31798 color: #0f6cbf;
31801 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
31802 color: #094478;
31805 #page-mod-quiz-edit .createnewquestion {
31806 padding: 0.3em 0;
31808 #page-mod-quiz-edit .createnewquestion div,
31809 #page-mod-quiz-edit .createnewquestion input {
31810 margin: 0;
31813 #page-mod-quiz-edit .questionbankwindow div.header .title {
31814 color: #1d2125;
31817 #page-mod-quiz-edit div.container div.generalbox {
31818 background-color: transparent;
31819 padding: 1.5em;
31822 #page-mod-quiz-edit .categoryinfo {
31823 background-color: transparent;
31824 border-bottom: none;
31827 #page-mod-quiz-edit .createnewquestion .singlebutton input {
31828 margin-bottom: 0;
31831 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
31832 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
31833 padding: 0 0 1.5em 0;
31836 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
31837 background-color: transparent;
31838 margin: 0;
31839 border-top: 0;
31840 border-bottom: 0;
31842 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
31843 padding: 0 0.3em;
31846 #page-mod-quiz-edit div.question div.content div.questioncontrols {
31847 background-color: #fff;
31850 #page-mod-quiz-edit div.question div.content div.points {
31851 margin-top: -0.5em;
31852 padding-bottom: 0;
31853 border: none;
31854 background-color: #fff;
31855 position: static;
31856 width: 12.1em;
31857 float: right;
31858 margin-right: 60px;
31861 #page-mod-quiz-edit div.question div.content div.points br {
31862 display: none;
31865 #page-mod-quiz-edit div.question div.content div.points label {
31866 display: inline-block;
31869 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
31870 background-color: #fff;
31873 #page-mod-quiz-edit .quizpagedelete,
31874 #page-mod-quiz-edit .quizpagedelete img {
31875 background-color: transparent;
31878 #page-mod-quiz-edit div.quizpage .pagecontent {
31879 border: 1px solid #ddd;
31880 border-radius: 2px;
31881 overflow: hidden;
31884 #page-mod-quiz-edit div.questionbank .categoryinfo {
31885 padding: 0.3em 0;
31888 .questionbankwindow .module {
31889 width: auto;
31892 .questionbankwindow .form-autocomplete-selection {
31893 margin-left: 0;
31896 #page-mod-quiz-edit div.editq div.question div.content {
31897 background-color: #fff;
31898 border: 1px solid #ddd;
31899 border-radius: 2px;
31900 overflow: hidden;
31903 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
31904 margin-top: 0;
31905 padding-right: 4px;
31908 .path-mod-quiz .statedetails {
31909 display: block;
31910 font-size: 0.9em;
31913 a#hidebankcmd {
31914 color: #0f6cbf;
31917 .que.shortanswer .answer {
31918 padding: 0;
31921 .que label {
31922 display: inline;
31925 .que .content .answer div[data-region=answer-label] .mediaplugin {
31926 width: 400px;
31929 body.path-question-type .mform fieldset.hidden {
31930 padding: 0;
31931 margin: 0.7em 0 0;
31934 .que.ddwtos,
31935 .que.ddwtos .drop {
31936 box-sizing: content-box;
31939 .tag-condition-container {
31940 position: relative;
31943 @media (max-width: 767.98px) {
31944 .que .info {
31945 float: none;
31946 width: auto;
31948 .que .content {
31949 margin: 0;
31952 @media (max-width: 991.98px) {
31953 #categoryquestions td,
31954 #categoryquestions th {
31955 max-width: 75vw;
31958 /* user.less */
31959 .userprofile .fullprofilelink {
31960 text-align: center;
31961 margin: 10px;
31964 .userprofile .page-context-header {
31965 margin-bottom: 10px;
31966 column-count: 1;
31969 .userprofile .description {
31970 margin-top: 10px;
31971 margin-bottom: 30px;
31974 .userprofile .profile_tree {
31975 column-count: 2;
31978 #participantsform .no-overflow {
31979 overflow: visible;
31982 .userprofile dl.list > dd + dt {
31983 clear: left;
31986 .user-box {
31987 margin: 8px;
31988 width: 115px;
31989 height: 160px;
31990 text-align: center;
31991 float: left;
31992 clear: none;
31995 #page-user-profile .node_category ul,
31996 .path-user .node_category ul {
31997 margin: 0;
31998 list-style: none;
31999 padding-left: 0;
32001 #page-user-profile .node_category li,
32002 .path-user .node_category li {
32003 margin-top: 5px;
32005 #page-user-profile .node_category .editprofile,
32006 #page-user-profile .node_category .viewmore,
32007 .path-user .node_category .editprofile,
32008 .path-user .node_category .viewmore {
32009 text-align: right;
32012 .ajax-contact-button {
32013 box-sizing: border-box;
32014 position: relative;
32016 .ajax-contact-button.loading .loading-icon {
32017 display: block;
32019 .ajax-contact-button .loading-icon {
32020 display: none;
32021 position: absolute;
32022 top: 0;
32023 left: 0;
32024 width: 100%;
32025 height: 100%;
32026 background-color: rgba(255, 255, 255, 0.7);
32028 .ajax-contact-button .loading-icon .icon {
32029 position: absolute;
32030 left: 50%;
32031 top: 50%;
32032 transform: translate(-50%, -50%);
32035 @media (max-width: 480px) {
32036 .userprofile .profile_tree {
32037 /** Display the profile on one column on phones@mixin */
32038 column-count: 1;
32041 .userlist #showall {
32042 margin: 10px 0;
32045 .userlist .buttons {
32046 text-align: center;
32049 .userlist .buttons label {
32050 padding: 0 3px;
32053 .userlist table#participants {
32054 text-align: center;
32057 .userlist table#participants td {
32058 text-align: left;
32059 padding: 4px;
32060 vertical-align: middle;
32063 .userlist table#participants th {
32064 text-align: left;
32065 padding: 4px;
32068 .userlist table.controls {
32069 width: 100%;
32071 .userlist table.controls tr {
32072 vertical-align: top;
32074 .userlist table.controls .right {
32075 text-align: right;
32077 .userlist table.controls .groupselector {
32078 margin-bottom: 0;
32079 margin-top: 0;
32081 .userlist table.controls .groupselector label {
32082 display: block;
32085 .userinfobox {
32086 width: 100%;
32087 border: 1px solid;
32088 border-collapse: separate;
32089 padding: 10px;
32092 .userinfobox .left,
32093 .userinfobox .side {
32094 width: 100px;
32095 vertical-align: top;
32098 .userinfobox .userpicture {
32099 width: 100px;
32100 height: 100px;
32103 .userinfobox .content {
32104 vertical-align: top;
32107 .userinfobox .links {
32108 width: 100px;
32109 padding: 5px;
32110 vertical-align: bottom;
32113 .userinfobox .links a {
32114 display: block;
32117 .userinfobox .list td {
32118 padding: 3px;
32121 .userinfobox .username {
32122 padding-bottom: 20px;
32123 font-weight: bold;
32126 .userinfobox td.label {
32127 text-align: right;
32128 white-space: nowrap;
32129 vertical-align: top;
32130 font-weight: bold;
32133 .group-edit {
32134 position: absolute;
32135 right: 0;
32136 margin-right: 0.6em;
32139 .group-image {
32140 display: block;
32141 float: left;
32142 margin-right: 1em;
32144 .group-image .grouppicture {
32145 border-radius: 50%;
32148 .groupinfobox .left {
32149 padding: 10px;
32150 width: 100px;
32151 vertical-align: top;
32154 .course-participation #showall {
32155 text-align: center;
32156 margin: 10px 0;
32159 #user-policy .noticebox {
32160 text-align: center;
32161 margin-left: auto;
32162 margin-right: auto;
32163 margin-bottom: 10px;
32164 width: 80%;
32165 height: 250px;
32168 #user-policy #policyframe {
32169 width: 100%;
32170 height: 100%;
32173 .iplookup #map {
32174 margin: auto;
32177 .userselector select {
32178 width: 100%;
32181 .userselector div {
32182 margin-top: 0.2em;
32185 .userselector div label {
32186 margin-right: 0.3em;
32189 /* Next style does not work in all browsers but looks nicer when it does */
32190 .userselector .userselector-infobelow {
32191 font-size: 0.8em;
32194 #userselector_options .collapsibleregioncaption {
32195 font-weight: bold;
32198 #userselector_options p {
32199 margin: 0.2em 0;
32200 text-align: left;
32203 /** user full profile */
32204 #page-user-profile .messagebox {
32205 text-align: center;
32206 margin-left: auto;
32207 margin-right: auto;
32210 /** user course profile */
32211 #page-course-view-weeks .messagebox {
32212 text-align: center;
32213 margin-left: auto;
32214 margin-right: auto;
32217 .profileeditor > .singleselect {
32218 margin: 0 0.5em 0 0;
32220 .profileeditor > .singlebutton {
32221 display: inline-block;
32222 margin: 0 0 0 0.5em;
32224 .profileeditor > .singlebutton div,
32225 .profileeditor > .singlebutton input {
32226 margin: 0;
32229 .userlist h3 .action-icon {
32230 display: none;
32233 #page-enrol-users .popover {
32234 max-width: none;
32237 .user-enroller-panel {
32238 width: 600px;
32241 [data-filterverbfor],
32242 [data-filterregion=filter]:last-child [data-filterregion=joinadverb] {
32243 display: none;
32246 [data-filterverb="0"] [data-filterverbfor="0"],
32247 [data-filterverb="1"] [data-filterverbfor="1"],
32248 [data-filterverb="2"] [data-filterverbfor="2"] {
32249 display: block;
32252 #page-user-contactsitesupport .supporticon i {
32253 font-size: 35px;
32256 .search-results .result {
32257 margin-left: 0;
32258 margin-right: 0;
32261 .search-results .result .result-content {
32262 margin: 7px 0;
32265 .search-results .result .filename {
32266 font-style: italic;
32269 .simplesearchform .input-group input.form-control {
32270 border-top-left-radius: 0.5rem;
32271 border-bottom-left-radius: 0.5rem;
32273 .simplesearchform .btn {
32274 padding-left: 0.5rem;
32275 padding-right: 0.5rem;
32277 .simplesearchform .btn .icon {
32278 margin: 0;
32280 .simplesearchform .btn-submit {
32281 border-color: #8f959e;
32282 color: #6a737b;
32284 .simplesearchform .btn-close,
32285 .simplesearchform .btn-clear {
32286 position: absolute;
32287 top: 0;
32288 right: 0;
32289 color: #6a737b;
32290 z-index: 4;
32292 .simplesearchform .btn-close {
32293 right: 2.2rem;
32295 .simplesearchform .btn-submit {
32296 background-color: #f8f9fa;
32298 .simplesearchform .withclear {
32299 padding-right: 2rem;
32301 .simplesearchform .searchinput {
32302 display: flex;
32303 flex: 1 1 auto;
32305 .simplesearchform .collapsing {
32306 height: inherit;
32307 transition: none;
32308 width: inherit;
32311 .simplesearchform .collapse.show,
32312 .simplesearchform .collapsing {
32313 position: absolute;
32314 left: 0;
32315 top: 0;
32316 width: 100%;
32317 display: flex;
32318 background-color: #fff;
32319 z-index: 1060;
32320 height: 60px;
32322 .simplesearchform .collapse.show .form-inline,
32323 .simplesearchform .collapsing .form-inline {
32324 width: auto;
32325 margin-left: auto;
32326 margin-right: auto;
32329 .search-areas-actions {
32330 margin-bottom: 1rem;
32333 .search-areas-actions > div {
32334 margin-right: 1rem;
32335 display: inline-block;
32338 #core-search-areas .lastcol li {
32339 margin-left: 24px;
32340 text-indent: -24px;
32343 #core-search-areas .lastcol li > i {
32344 text-indent: 0;
32348 * Moodle forms HTML isn't changeable via renderers (yet?) so this
32349 * .less file imports styles from the bootstrap $variables file and
32350 * adds them to the existing Moodle form CSS ids and classes.
32353 .jsenabled .mform .containsadvancedelements .advanced {
32354 display: none;
32357 .mform .containsadvancedelements .advanced.show {
32358 display: flex;
32361 #adminsettings span.error {
32362 display: inline-block;
32363 border: 1px solid #f0c5c1;
32364 border-radius: 4px;
32365 background-color: #f4d6d2;
32366 padding: 4px;
32367 margin-bottom: 4px;
32370 .mform .form-inline .form-control,
32371 .mform .form-inline .custom-select {
32372 max-width: 100%;
32374 .mform .form-inline textarea.form-control {
32375 width: 100%;
32377 .mform .form-inline .form-group {
32378 margin: 0.1rem 0.25rem 0.1rem 0;
32380 .mform .form-inline br + label {
32381 justify-content: flex-start;
32382 width: 100%;
32383 margin-right: 0;
32386 .unresponsive.mform .form-inline,
32387 .unresponsive.mform .form-inline label {
32388 display: inline-flex;
32391 #jump-to-activity.custom-select {
32392 width: 100%;
32395 .mform fieldset {
32396 margin-bottom: 0.5rem;
32397 border-bottom: 1px solid #dee2e6;
32400 #adminsettings .form-control[size] {
32401 width: auto;
32404 #adminsettings .error {
32405 color: #ca3120;
32408 .mform ul.file-list {
32409 padding: 0;
32410 margin: 0;
32411 list-style: none;
32414 .mform label .req,
32415 .mform label .adv {
32416 cursor: help;
32419 /*rtl:ignore*/
32420 input#id_externalurl {
32421 direction: ltr;
32424 #portfolio-add-button {
32425 display: inline;
32428 .form-defaultinfo,
32429 .form-label .form-shortname {
32430 color: #6a737b;
32433 .form-label .form-shortname {
32434 font-size: 0.703125rem;
32435 display: block;
32438 .form-item .form-inline {
32439 display: inline;
32442 .form-inline label:not(.sr-only):not(.accesshide) + select {
32443 margin-left: 0.5rem;
32446 .formsettingheading .form-horizontal {
32447 color: #6a737b;
32450 .no-felement.fstatic {
32451 color: #6a737b;
32452 padding-top: 5px;
32455 .no-fitem .fstaticlabel {
32456 font-weight: bold;
32459 .form-item .form-setting .defaultsnext > input {
32460 display: inline-block;
32463 .form-item .form-setting .form-checkbox.defaultsnext {
32464 margin-top: 5px;
32465 display: inline-block;
32468 #adminsettings h3 {
32469 display: block;
32470 width: 100%;
32471 padding: 0;
32472 margin-bottom: 1.5;
32473 font-size: 1.171875rem;
32474 line-height: 3;
32475 border: 0;
32476 border-bottom: 1px solid #e5e5e5;
32479 /* rtl:ignore */
32480 .mform .fitem .felement input[name=email],
32481 .mform .fitem .felement input[name=email2],
32482 .mform .fitem .felement input[name=url],
32483 .mform .fitem .felement input[name=idnumber],
32484 .mform .fitem .felement input[name=phone1],
32485 .mform .fitem .felement input[name=phone2] {
32486 text-align: left;
32487 direction: ltr;
32490 .que.match .mediaplugin {
32491 width: 50vw;
32494 /* rtl:ignore */
32495 #page-admin-grade-edit-scale-edit .error input#id_name {
32496 margin-right: 170px;
32499 #page-grade-edit-outcome-course .courseoutcomes {
32500 margin-left: auto;
32501 margin-right: auto;
32502 width: 100%;
32505 #page-grade-edit-outcome-course .courseoutcomes td {
32506 text-align: center;
32509 /* Install Process' text fields Forms, should always be justified to the left */
32510 /* rtl:ignore */
32511 #installform #id_wwwroot,
32512 #installform #id_dirroot,
32513 #installform #id_dataroot,
32514 #installform #id_dbhost,
32515 #installform #id_dbname,
32516 #installform #id_dbuser,
32517 #installform #id_dbpass,
32518 #installform #id_prefix {
32519 direction: ltr;
32522 .mdl-right > label {
32523 display: inline-block;
32526 .singleselect {
32527 max-width: 100%;
32530 .form-item .form-label label {
32531 margin-bottom: 0;
32534 div#dateselector-calendar-panel {
32535 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
32538 fieldset.coursesearchbox label {
32539 display: inline;
32543 * Show the labels above text editors and file managers except on wide screens.
32545 /* Section and module editing forms contain special JS components for the
32546 availability system (if enabled). */
32547 #id_availabilityconditionsjson[aria-hidden=true],
32548 .availability-field [aria-hidden=true] {
32549 display: none;
32552 .availability-field label {
32553 display: inline-flex;
32555 .availability-field .availability-group label {
32556 vertical-align: top;
32559 .availability-eye {
32560 clear: left;
32561 float: left;
32564 .availability-inner,
32565 .availability-plugincontrols {
32566 float: left;
32567 border-radius: 0.5rem;
32568 border: 1px solid rgba(0, 0, 0, 0.125);
32569 padding: 1rem;
32570 margin-top: 0.5rem;
32573 .availability-plugincontrols,
32574 .availability-childlist .availability-inner {
32575 margin-left: 0.625rem;
32578 .availability-field .availability-plugincontrols .availability-group select {
32579 max-width: 12rem;
32582 /* Custom styles for autocomplete form element */
32583 /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
32584 [data-fieldtype=autocomplete] select,
32585 [data-fieldtype=tags] select,
32586 .form-autocomplete-original-select {
32587 visibility: hidden;
32588 overflow: hidden;
32589 width: 15rem;
32590 height: 44px;
32591 margin: 0;
32592 padding: 0;
32593 border: 0;
32594 margin-top: 1.65625rem;
32595 vertical-align: bottom;
32598 .form-autocomplete-selection {
32599 margin: 0.25rem 0;
32600 min-height: 2.375rem;
32603 .form-autocomplete-selection [role=option] {
32604 cursor: pointer;
32605 white-space: inherit;
32606 word-break: break-word;
32607 line-height: 1.4;
32608 text-align: left;
32611 .form-autocomplete-suggestions {
32612 position: absolute;
32613 background-color: white;
32614 border: 1px solid #8f959e;
32615 min-width: 206px;
32616 max-height: 20em;
32617 overflow: auto;
32618 margin: 0.125rem 0 0;
32619 padding: 0.5rem 0;
32620 z-index: 2;
32623 .form-autocomplete-suggestions li {
32624 list-style-type: none;
32625 padding: 0.25rem 1.5rem;
32626 margin: 0;
32627 cursor: pointer;
32628 color: #1d2125;
32630 .form-autocomplete-suggestions li:hover, .form-autocomplete-suggestions li:focus, .form-autocomplete-suggestions li[aria-selected=true] {
32631 background-color: #0f6cbf;
32632 color: #fff;
32634 .form-autocomplete-suggestions li::before {
32635 content: "​";
32638 .form-autocomplete-downarrow {
32639 color: #1d2125;
32640 top: 0.2rem;
32641 right: 0.5rem;
32642 cursor: pointer;
32644 .form-autocomplete-downarrow .loading-icon {
32645 position: absolute;
32646 top: 0;
32647 left: 0;
32648 background-color: #fff;
32651 /** Undo some bootstrap things */
32652 .form-autocomplete-selection + input.form-control {
32653 width: auto;
32654 display: inline-block;
32655 vertical-align: middle;
32658 .form-autocomplete-selection [data-active-selection=true] {
32659 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
32662 select.form-control[size], select.form-control[multiple] {
32663 padding-right: 0;
32665 select.form-control[size] option, select.form-control[multiple] option {
32666 width: fit-content;
32669 /* Non-bootstrap selects with a size show their contents outside of the element.
32670 * Remove when we update to stable bootstrap 4. (MDL-56511) */
32671 select[size],
32672 select[multiple] {
32673 overflow: auto;
32676 select[size="1"] {
32677 overflow: visible;
32680 textarea[data-auto-rows] {
32681 overflow-x: hidden;
32682 resize: none;
32685 /** Display elements under labels in vertical forms regardless of the screen size. */
32686 .mform.full-width-labels .fitem.row {
32687 margin-left: 0;
32688 margin-right: 0;
32690 .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 {
32691 flex: 0 0 100%;
32692 max-width: 100%;
32693 width: inherit;
32694 padding-right: 0;
32695 padding-left: 0;
32697 .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
32698 display: none;
32700 .mform.full-width-labels .fitem.row .form-control {
32701 width: 100%;
32704 .mform .col-form-label .form-label-addon {
32705 margin-left: 0.25rem;
32708 @media (min-width: 576px) {
32709 .mform:not(.full-width-labels) .col-form-label .form-label-addon {
32710 margin-left: auto;
32713 /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
32714 @media (min-width: 768px) {
32715 .form-inline .col-md-9,
32716 .form-inline .col-md-3 {
32717 margin-bottom: 1rem;
32718 width: auto;
32720 .form-inline .col-md-9 label,
32721 .form-inline .col-md-3 label {
32722 margin-left: 1rem;
32726 [data-fieldtype=modgrade] .form-group {
32727 padding-bottom: 0.375rem;
32730 [data-fieldtype=modgrade] {
32731 background-color: #fff;
32732 border-radius: 0.5rem;
32733 border: 1px solid rgba(0, 0, 0, 0.125);
32734 padding: 1.25rem;
32735 margin-left: 15px;
32736 max-width: 30rem;
32739 [data-filetypesbrowserbody] [aria-expanded=false] > [role=group],
32740 [data-filetypesbrowserbody] [aria-expanded=false] [data-filetypesbrowserfeature=hideifcollapsed],
32741 [data-filetypesbrowserbody] [aria-expanded=true] [data-filetypesbrowserfeature=hideifexpanded] {
32742 display: none;
32745 .form-inline[data-fieldtype=autocomplete],
32746 .form-inline[data-fieldtype=tags] {
32747 display: block;
32750 [data-fieldtype=editor] > div {
32751 flex-grow: 1;
32754 @media (min-width: 768px) {
32755 .mform fieldset .fcontainer.collapseable .col-form-label {
32756 padding-left: 2.5rem;
32759 @media (min-width: 576px) {
32760 .mform .form-inline .fdefaultcustom label {
32761 justify-content: initial;
32764 .collapsemenu .collapseall {
32765 display: block;
32767 .collapsemenu .expandall {
32768 display: none;
32770 .collapsemenu.collapsed .collapseall {
32771 display: none;
32773 .collapsemenu.collapsed .expandall {
32774 display: block;
32777 .input-group.form-inset .form-inset-item {
32778 position: absolute;
32779 padding-top: calc(0.375rem + 1px);
32780 z-index: 3;
32782 .input-group.form-inset.form-inset-left .form-control {
32783 padding-left: 1.5rem;
32785 .input-group.form-inset.form-inset-right .form-control {
32786 padding-right: 1.5rem;
32788 .input-group.form-inset.form-inset-right .form-inset-item {
32789 right: 0;
32792 .pagelayout-login #region-main {
32793 border: 0;
32794 background-color: inherit;
32797 .pagelayout-login #page {
32798 background: #f8f9fa;
32799 background-image: linear-gradient(to right, #f8f9fa 0%, #dee2e6 100%);
32800 background-repeat: repeat-x;
32802 .pagelayout-login #page div[role=main] {
32803 height: 100%;
32806 .login-wrapper {
32807 display: flex;
32808 align-items: center;
32809 justify-content: center;
32810 height: 100%;
32813 .login-container {
32814 background-color: #fff;
32815 padding: 3rem;
32816 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
32817 margin-bottom: 2rem;
32819 .login-container .login-languagemenu {
32820 display: flex;
32821 justify-content: flex-start;
32823 .login-container .login-languagemenu .dropdown-menu {
32824 max-height: 300px;
32825 overflow-y: auto;
32827 .login-container .login-logo {
32828 display: flex;
32829 justify-content: center;
32830 margin-bottom: 1rem;
32832 .login-container .login-divider {
32833 margin-top: 1.5rem;
32834 margin-bottom: 1.5rem;
32835 border-top: 1px solid #dee2e6;
32837 .login-container h1.login-heading {
32838 font-size: 1.875rem;
32840 .login-container h2.login-heading {
32841 font-size: 1.40625rem;
32843 .login-container .login-identityproviders .login-identityprovider-btn {
32844 border: 1px solid #dee2e6;
32846 .login-container .divider {
32847 width: 1px;
32848 background-color: #dee2e6;
32849 height: 1.875rem;
32851 .login-container .action-menu-trigger a {
32852 margin: 0.5rem 0;
32855 @media (min-width: 768px) {
32856 .login-container {
32857 max-width: 600px;
32858 border-radius: 0.5rem;
32861 /* modules.less */
32862 select {
32863 width: auto;
32866 .path-mod .activity-header:not(:empty) {
32867 background-color: #f8f9fa;
32868 margin-bottom: 1rem;
32869 padding-left: 1rem;
32870 padding-right: 1rem;
32871 border-radius: 0.5rem;
32873 .path-mod .activity-header:not(:empty) > div:last-child > div:last-child {
32874 border-bottom: 0;
32876 .path-mod .activity-information .activity-dates {
32877 padding-top: 1rem;
32878 padding-bottom: 1rem;
32879 border-bottom: 1px solid #dee2e6;
32881 .path-mod .activity-information .completion-info {
32882 padding-top: 1rem;
32883 padding-bottom: 1rem;
32884 border-bottom: 1px solid #dee2e6;
32886 .path-mod .activity-description {
32887 padding-top: 1rem;
32888 padding-bottom: 1rem;
32890 .path-mod .activity-description > .box.py-3 {
32891 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
32892 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
32894 .path-mod .activity-description > .box.py-3:empty {
32895 display: none;
32897 .path-mod .automatic-completion-conditions .badge {
32898 font-size: 80%;
32899 padding: 0.5rem;
32900 margin-top: 0.25rem;
32901 mix-blend-mode: multiply;
32903 .path-mod .automatic-completion-conditions .badge.badge-light {
32904 background-color: #e9ecef !important; /* stylelint-disable-line declaration-no-important */
32906 .path-mod .automatic-completion-conditions .badge .icon {
32907 width: 0.7rem;
32908 height: 0.7rem;
32909 font-size: 0.7rem;
32911 .path-mod .automatic-completion-conditions .badge:first-child {
32912 margin-top: 0;
32914 .path-mod .activity-description .no-overflow p:last-child {
32915 padding-bottom: 0;
32916 margin-bottom: 0;
32919 .path-mod-choice .horizontal .choices .option {
32920 display: inline-block;
32923 .path-mod-choice .choices .option label {
32924 vertical-align: top;
32927 .path-mod-forum .forumsearch input,
32928 .path-mod-forum .forumsearch .helptooltip {
32929 margin: 0 3px;
32932 .path-mod-forum .forumheaderlist,
32933 .path-mod-forum .forumheaderlist td {
32934 border: none;
32937 .path-mod-forum .forumheaderlist thead .header,
32938 .path-mod-forum .forumheaderlist tbody .discussion td {
32939 white-space: normal;
32940 vertical-align: top;
32941 padding-left: 0.5em;
32942 padding-right: 0.5em;
32944 .path-mod-forum .forumheaderlist thead .header {
32945 white-space: normal;
32946 vertical-align: top;
32948 .path-mod-forum .forumheaderlist thead .header.replies {
32949 text-align: center;
32951 .path-mod-forum .forumheaderlist thead .header.lastpost {
32952 text-align: right;
32954 .path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
32955 .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
32956 width: 16px;
32957 padding-left: 0.5em;
32958 padding-right: 0.5em;
32960 .path-mod-forum .forumheaderlist .discussion .replies,
32961 .path-mod-forum .forumheaderlist .discussion .lastpost {
32962 white-space: normal;
32964 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
32965 .path-mod-forum .forumheaderlist .discussion .replies {
32966 text-align: center;
32968 .path-mod-forum .forumheaderlist .discussion .topic,
32969 .path-mod-forum .forumheaderlist .discussion .discussionsubscription,
32970 .path-mod-forum .forumheaderlist .discussion .topic.starter,
32971 .path-mod-forum .forumheaderlist .discussion .replies,
32972 .path-mod-forum .forumheaderlist .discussion .lastpost {
32973 vertical-align: top;
32975 .path-mod-forum .discussion-list .topic {
32976 font-weight: inherit;
32979 .discussion-settings-container .custom-select {
32980 width: 100%;
32982 .discussion-settings-container input {
32983 max-width: 100%;
32986 .forumpost {
32987 border: 1px solid #dee2e6;
32988 display: block;
32989 padding: 6px;
32991 .forumpost .header {
32992 margin-bottom: 3px;
32994 .forumpost .picture img {
32995 margin: 3px;
32997 .forumpost .picture img.userpicture {
32998 margin-left: 3px;
32999 margin-right: 10px;
33001 .forumpost .content .posting.fullpost {
33002 margin-top: 8px;
33004 .forumpost .row {
33005 display: block;
33007 .forumpost .row .topic,
33008 .forumpost .row .content-mask,
33009 .forumpost .row .options {
33010 margin-left: 48px;
33012 .forumpost .row.side {
33013 clear: both;
33016 .forumpost .row .left {
33017 width: 48px;
33020 .forumpost .options .commands {
33021 margin-left: 0;
33024 .forumpost .subject {
33025 font-weight: bold;
33028 .forumsearch input[type=text] {
33029 margin-bottom: 0;
33032 #page-mod-forum-view table .fit-content {
33033 width: 1px;
33034 white-space: nowrap;
33036 #page-mod-forum-view table .limit-width {
33037 max-width: 200px;
33038 white-space: nowrap;
33039 text-overflow: ellipsis;
33040 overflow: hidden;
33042 #page-mod-forum-view table .limit-width .author-info {
33043 max-width: calc(100% - 35px - 0.5rem);
33046 #page-mod-forum-discuss .discussioncontrols {
33047 width: auto;
33048 margin: 0;
33050 #page-mod-forum-discuss .discussioncontrols .form-inline input {
33051 margin-top: -1px;
33054 /** Gently highlight the selected post by changing it's background to blue and then fading it out. */
33055 @keyframes background-highlight {
33056 from {
33057 background-color: rgba(0, 123, 255, 0.5);
33059 to {
33060 background-color: inherit;
33063 .path-mod-forum .nested-v2-display-mode,
33064 .path-mod-forum.nested-v2-display-mode {
33065 /** Reset the badge styling back to pill style. */
33066 /** Style the ratings like a badge. */
33067 /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
33068 /** Fix muted text contrast ratios for accessibility. */
33069 /** Make the tag list text screen reader visible only */
33071 .path-mod-forum .nested-v2-display-mode .discussionsubscription,
33072 .path-mod-forum.nested-v2-display-mode .discussionsubscription {
33073 margin-top: 0;
33074 text-align: inherit;
33075 margin-bottom: 0;
33077 .path-mod-forum .nested-v2-display-mode .preload-subscribe,
33078 .path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
33079 .path-mod-forum.nested-v2-display-mode .preload-subscribe,
33080 .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
33081 display: none;
33083 .path-mod-forum .nested-v2-display-mode .post-message,
33084 .path-mod-forum.nested-v2-display-mode .post-message {
33085 line-height: 1.6;
33087 .path-mod-forum .nested-v2-display-mode .indent,
33088 .path-mod-forum.nested-v2-display-mode .indent {
33089 margin-left: 0;
33091 .path-mod-forum .nested-v2-display-mode .badge,
33092 .path-mod-forum.nested-v2-display-mode .badge {
33093 font-size: inherit;
33094 font-weight: inherit;
33095 padding-left: 0.5rem;
33096 padding-right: 0.5rem;
33097 border-radius: 10rem;
33099 .path-mod-forum .nested-v2-display-mode .badge-light,
33100 .path-mod-forum.nested-v2-display-mode .badge-light {
33101 background-color: #f6f6f6;
33102 color: #5b5b5b;
33104 .path-mod-forum .nested-v2-display-mode .rating-aggregate-container,
33105 .path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
33106 background-color: #f6f6f6;
33107 color: #5b5b5b;
33108 padding: 0.25em 0.5em;
33109 line-height: 1;
33110 margin-right: 0.5rem;
33111 vertical-align: middle;
33112 border-radius: 10rem;
33113 text-align: center;
33115 .path-mod-forum .nested-v2-display-mode .ratinginput,
33116 .path-mod-forum.nested-v2-display-mode .ratinginput {
33117 padding: 0.25em 1.75rem 0.25em 0.75em;
33118 line-height: 1;
33119 height: auto;
33120 border-radius: 10rem;
33122 @media (max-width: 767.98px) {
33123 .path-mod-forum .nested-v2-display-mode .ratinginput,
33124 .path-mod-forum.nested-v2-display-mode .ratinginput {
33125 margin-top: 0.5rem;
33128 .path-mod-forum .nested-v2-display-mode .group-image,
33129 .path-mod-forum.nested-v2-display-mode .group-image {
33130 width: 35px;
33131 height: 35px;
33132 margin-right: 0;
33133 float: none;
33134 display: inline-block;
33136 .path-mod-forum .nested-v2-display-mode .alert.discussionlocked,
33137 .path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
33138 position: absolute;
33139 width: 1px;
33140 height: 1px;
33141 padding: 0;
33142 margin: -1px;
33143 overflow: hidden;
33144 clip: rect(0, 0, 0, 0);
33145 white-space: nowrap;
33146 border: 0;
33148 .path-mod-forum .nested-v2-display-mode .text-muted,
33149 .path-mod-forum .nested-v2-display-mode .dimmed_text,
33150 .path-mod-forum.nested-v2-display-mode .text-muted,
33151 .path-mod-forum.nested-v2-display-mode .dimmed_text {
33152 color: #707070 !important; /* stylelint-disable-line declaration-no-important */
33154 .path-mod-forum .nested-v2-display-mode .author-header,
33155 .path-mod-forum.nested-v2-display-mode .author-header {
33156 font-style: italic;
33158 .path-mod-forum .nested-v2-display-mode .author-header .author-name,
33159 .path-mod-forum.nested-v2-display-mode .author-header .author-name {
33160 font-style: normal;
33162 .path-mod-forum .nested-v2-display-mode .tag_list > b,
33163 .path-mod-forum.nested-v2-display-mode .tag_list > b {
33164 position: absolute;
33165 width: 1px;
33166 height: 1px;
33167 padding: 0;
33168 margin: -1px;
33169 overflow: hidden;
33170 clip: rect(0, 0, 0, 0);
33171 white-space: nowrap;
33172 border: 0;
33174 .path-mod-forum .nested-v2-display-mode :target > .focus-target,
33175 .path-mod-forum.nested-v2-display-mode :target > .focus-target {
33176 animation-name: background-highlight;
33177 animation-duration: 1s;
33178 animation-timing-function: ease-in-out;
33179 animation-iteration-count: 1;
33181 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
33182 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
33183 border-top: 1px solid #dee2e6;
33184 padding-top: 1.5rem;
33186 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
33187 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
33188 border-top: none;
33189 padding-top: 0;
33191 .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
33192 .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
33193 display: none;
33195 .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
33196 .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
33197 margin-bottom: 0;
33199 .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
33200 .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
33201 width: 70px;
33202 margin-right: 24px;
33203 flex-shrink: 0;
33205 .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
33206 .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
33207 border: 0;
33208 resize: none;
33210 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent,
33211 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent {
33213 * The first post and first set of replies have a larger author image so offset the 2nd
33214 * set of replies by the image width + margin to ensure they align.
33217 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
33218 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
33219 padding-left: 94px;
33221 * Reduce the size of the the author image for all second level replies (and below).
33224 * Adjust the indentation offset for all 3rd level replies and below for the smaller author image.
33227 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
33228 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
33229 width: 30px;
33230 margin-right: 8px;
33231 padding-top: 3px;
33233 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
33234 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
33235 padding-left: 38px;
33237 * Stop indenting the replies after the 5th reply.
33240 .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
33241 .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
33242 padding-left: 0;
33245 /** Extra small devices (portrait phones, less than 576px). */
33246 @media (max-width: 767.98px) {
33247 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
33248 width: 30px;
33249 margin-right: 8px;
33251 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
33252 padding-left: 38px;
33254 #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
33255 padding-left: 0;
33257 #page-mod-forum-discuss.nested-v2-display-mode .group-image {
33258 width: 30px;
33259 height: 30px;
33262 .filter-scrollable {
33263 overflow-y: auto;
33264 max-height: 25em;
33265 margin-bottom: 1em;
33268 .filter-dates-popover {
33269 width: 100%;
33270 max-width: 41.5em;
33273 /* stylelint-disable-line max-line-length */
33274 @keyframes expandSearchButton {
33275 from {
33276 height: 36px;
33277 width: 36px;
33278 border-radius: 18px;
33279 background-color: #e9ecef;
33281 to {
33282 width: 100%;
33283 height: calc(1.5em + 1rem + 2px);
33284 border-radius: 0;
33285 background-color: #fff;
33286 border-color: #8f959e;
33287 padding-left: calc(0.5rem + 8px);
33288 padding-top: 0.5rem;
33289 padding-bottom: 0.5rem;
33290 font-size: 1.171875rem;
33291 @media (max-width: 1200px) {
33292 font-size: calc(0.9271875rem + 0.32625vw);
33294 line-height: 1.5;
33295 right: 0;
33298 @keyframes collapseSearchButton {
33299 from {
33300 width: 100%;
33301 height: calc(1.5em + 1rem + 2px);
33302 border-radius: 0;
33303 background-color: #fff;
33304 border-color: #8f959e;
33305 padding-left: calc(0.5rem + 8px);
33306 padding-top: 0.5rem;
33307 padding-bottom: 0.5rem;
33308 font-size: 1.171875rem;
33309 @media (max-width: 1200px) {
33310 font-size: calc(0.9271875rem + 0.32625vw);
33312 line-height: 1.5;
33313 right: 0;
33315 to {
33316 height: 36px;
33317 width: 36px;
33318 border-radius: 18px;
33319 background-color: #e9ecef;
33322 .path-mod-forum .unified-grader .navbar {
33323 max-height: none;
33324 z-index: 1;
33326 .path-mod-forum .unified-grader .body-container {
33327 overflow: auto;
33329 .path-mod-forum .unified-grader .body-container.hidden {
33330 display: none !important; /* stylelint-disable-line declaration-no-important */
33332 .path-mod-forum .unified-grader .userpicture {
33333 height: 60px;
33334 width: 60px;
33336 .path-mod-forum .unified-grader .grader-grading-panel {
33337 top: 0;
33338 position: absolute;
33339 height: 100%;
33340 z-index: 0;
33341 width: 430px;
33343 .path-mod-forum .unified-grader .grader-grading-panel.hidden {
33344 right: -430px;
33346 .path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
33347 width: 36px;
33349 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
33350 max-width: 240px;
33352 .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
33353 width: 36px;
33354 height: 36px;
33355 display: flex;
33356 text-align: center;
33357 align-items: center;
33358 justify-content: center;
33360 .path-mod-forum .unified-grader .grader-grading-panel .header-container {
33361 height: 65px;
33362 position: relative;
33363 overflow: hidden;
33365 .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
33366 position: absolute;
33367 top: 50%;
33368 left: 0;
33369 transform: translateY(-50%);
33370 width: 100%;
33371 height: 100%;
33372 padding: 0.5rem;
33373 padding-right: calc(36px + 0.5rem);
33374 opacity: 1;
33375 visibility: visible;
33376 transition: left 0.3s ease-in-out;
33377 z-index: 1;
33379 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
33380 animation-name: expandSearchButton;
33381 animation-duration: 0.3s;
33382 animation-timing-function: ease-in-out;
33384 .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
33385 display: block;
33386 animation-name: collapseSearchButton;
33387 animation-duration: 0.3s;
33389 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
33390 overflow: hidden;
33391 position: absolute;
33392 top: 50%;
33393 right: 0;
33394 transform: translateY(-50%);
33395 z-index: 2;
33396 width: 100%;
33397 height: 100% !important; /* stylelint-disable-line declaration-no-important */
33398 padding: 0.5rem;
33400 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
33401 position: relative;
33402 overflow: visible;
33403 flex-wrap: nowrap;
33405 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
33406 padding-left: calc(0.5rem + 0.5rem + 34px);
33407 padding-right: calc(0.5rem + 36px);
33408 opacity: 1;
33409 visibility: visible;
33410 transition: opacity 0s linear 0.3s, visibility 0s linear;
33412 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
33413 position: absolute;
33414 top: 50%;
33415 left: 0.5rem;
33416 transform: translateY(-50%);
33417 color: #495057;
33418 height: 36px;
33419 width: 34px;
33420 background-color: #fff;
33421 opacity: 1;
33422 visibility: visible;
33423 transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
33425 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
33426 position: absolute;
33427 top: 50%;
33428 right: 0.5rem;
33429 transform: translateY(-50%);
33430 z-index: 1;
33431 color: inherit;
33432 text-align: left;
33433 padding-left: 9px;
33434 transition: right 0s linear 0.3s;
33436 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
33437 opacity: 1;
33438 visibility: visible;
33439 max-width: 50px;
33440 max-height: 50px;
33441 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33443 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
33444 opacity: 0;
33445 visibility: hidden;
33446 max-height: 0;
33447 max-width: 0;
33448 overflow: hidden;
33449 transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s;
33451 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
33452 width: calc(36px + 0.5rem + 0.5rem);
33453 transition: width 0.3s ease-in-out;
33455 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
33456 flex-wrap: nowrap;
33458 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,
33459 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
33460 opacity: 0;
33461 visibility: hidden;
33462 transition: opacity 0s linear, visibility 0s linear;
33464 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
33465 padding-left: 0;
33466 padding-right: 0;
33468 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
33469 opacity: 0;
33470 visibility: hidden;
33471 max-height: 0;
33472 max-width: 0;
33473 overflow: hidden;
33474 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
33476 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
33477 opacity: 1;
33478 visibility: visible;
33479 max-width: 50px;
33480 max-height: 50px;
33481 transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear;
33483 .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container {
33484 opacity: 0;
33485 visibility: hidden;
33486 left: -100%;
33487 transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s;
33489 .path-mod-forum .unified-grader .grader-module-content {
33490 overflow-y: auto;
33491 margin-right: 430px;
33492 transition: margin-right 0.2s ease-in-out;
33494 @media (prefers-reduced-motion: reduce) {
33495 .path-mod-forum .unified-grader .grader-module-content {
33496 transition: none;
33499 .path-mod-forum .unified-grader .drawer-button {
33500 position: relative;
33502 .path-mod-forum .unified-grader .drawer-button.active::after {
33503 content: "";
33504 position: absolute;
33505 bottom: calc(-0.5rem - 1px);
33506 left: 0;
33507 width: 100%;
33508 height: 3px;
33509 background-color: #0f6cbf;
33511 .path-mod-forum .unified-grader .drawer-button .icon {
33512 font-size: 20px;
33513 height: 20px;
33514 width: 20px;
33516 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr {
33517 display: none;
33519 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr {
33520 display: none;
33522 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container {
33523 position: relative;
33525 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button {
33526 position: absolute;
33527 height: 100%;
33528 width: 100%;
33529 left: 0;
33530 top: 0;
33531 padding-left: calc(1rem + 45px);
33532 text-align: left;
33533 z-index: 1;
33535 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) {
33536 display: none;
33538 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content {
33539 display: block;
33540 height: auto !important; /* stylelint-disable-line declaration-no-important */
33542 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header {
33543 transition: margin-bottom 0.3s ease-in-out;
33545 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div {
33546 opacity: 1;
33547 visibility: visible;
33548 max-height: none;
33549 transition: opacity 0.3s linear, visibility 0s linear;
33551 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container {
33552 opacity: 1;
33553 visibility: visible;
33554 max-height: none;
33555 transition: opacity 0.3s linear, visibility 0s linear;
33557 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core {
33558 opacity: 1;
33559 visibility: visible;
33560 max-height: none;
33561 transition: opacity 0.3s linear, visibility 0s linear;
33563 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content {
33564 opacity: 0.3;
33566 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
33567 margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
33569 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
33570 opacity: 0;
33571 visibility: hidden;
33572 max-height: 0;
33574 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
33575 opacity: 0;
33576 visibility: hidden;
33577 max-height: 0;
33579 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
33580 opacity: 0;
33581 visibility: hidden;
33582 max-height: 0;
33584 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
33585 .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
33586 opacity: 1;
33588 .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
33589 height: 250px;
33590 width: 250px;
33591 margin-right: 0;
33593 .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
33594 padding-left: 94px;
33596 .path-mod-forum .unified-grader .no-search-results-container .icon {
33597 height: 250px;
33598 width: 250px;
33599 margin-right: 0;
33601 .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
33602 margin-left: 94px;
33603 border-radius: 0.6rem;
33605 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
33606 position: relative;
33608 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
33609 position: absolute;
33610 top: calc(70px + 0.5rem);
33611 content: "";
33612 background-color: #e9ecef;
33613 width: 2px;
33614 height: calc(100% - 70px + 0.5rem);
33616 .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img {
33617 width: 30px !important; /* stylelint-disable-line declaration-no-important */
33620 .path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,
33621 .path-mod-forum .modal .nested-v2-display-mode .post-subject {
33622 display: none;
33625 @media (max-width: 575.98px) {
33626 .path-mod-forum .unified-grader .grader-grading-panel {
33627 width: 100%;
33628 position: fixed;
33629 height: calc(100vh - 50px);
33630 overflow: scroll;
33631 top: 50px;
33633 .path-mod-forum .unified-grader .body-container {
33634 overflow: visible;
33637 .maincalendar .calendarmonth td,
33638 .maincalendar .calendarmonth th {
33639 border: 1px dotted #dee2e6;
33642 .path-grade-report-grader h1 {
33643 text-align: inherit;
33646 #page-mod-chat-gui_basic input#message {
33647 max-width: 100%;
33650 #page-mod-data-view #singleimage {
33651 width: auto;
33654 .template_heading {
33655 margin-top: 10px;
33658 .breadcrumb-button {
33659 margin-top: 4px;
33662 .breadcrumb-button .singlebutton {
33663 float: left;
33664 margin-left: 4px;
33667 .langmenu form {
33668 margin: 0;
33671 canvas {
33672 -ms-touch-action: auto;
33675 div#dock {
33676 display: none;
33679 /** General styles (scope: all of lesson) **/
33680 .path-mod-lesson .invisiblefieldset.fieldsetfix {
33681 display: block;
33684 .path-mod-lesson .answeroption .checkbox label p {
33685 display: inline;
33688 .path-mod-lesson .form-inline label.form-check-label {
33689 display: inline-block;
33692 .path-mod-lesson .slideshow {
33693 overflow: auto;
33694 padding: 15px;
33697 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type=submit] {
33698 white-space: normal;
33701 #page-mod-lesson-view .vertical .singlebutton {
33702 display: block;
33704 #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
33705 margin-left: 0;
33706 margin-top: 1rem;
33708 #page-mod-lesson-view .fitem .felement .custom-select {
33709 align-self: flex-start;
33712 .path-mod-lesson .generaltable td {
33713 vertical-align: middle;
33715 .path-mod-lesson .generaltable td label {
33716 margin-bottom: 0;
33718 .path-mod-lesson .generaltable td .highlight {
33719 display: inline-block;
33720 margin-left: 0.25rem;
33722 .path-mod-lesson .generaltable td input[type=checkbox] {
33723 display: block;
33726 .path-mod-wiki .wiki_headingtitle,
33727 .path-mod-wiki .midpad,
33728 .path-mod-wiki .wiki_headingtime {
33729 text-align: inherit;
33732 .path-mod-wiki .wiki_contentbox {
33733 width: 100%;
33736 .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
33737 background-color: rgba(0, 0, 0, 0.03);
33739 .path-mod-survey .surveytable .rblock label {
33740 text-align: center;
33743 .nav .caret {
33744 margin-left: 4px;
33747 .nav .divider {
33748 overflow: hidden;
33749 width: 0;
33752 .userloggedinas .usermenu .usertext,
33753 .userswitchedrole .usermenu .usertext,
33754 .loginfailures .usermenu .usertext {
33755 float: left;
33756 text-align: right;
33757 margin-right: 0.5rem;
33758 height: 35px;
33760 .userloggedinas .usermenu .usertext .meta,
33761 .userswitchedrole .usermenu .usertext .meta,
33762 .loginfailures .usermenu .usertext .meta {
33763 font-size: 0.8203125rem;
33764 align-items: center;
33766 .userloggedinas .usermenu .avatar img,
33767 .userswitchedrole .usermenu .avatar img,
33768 .loginfailures .usermenu .avatar img {
33769 margin: 0;
33772 .userloggedinas .usermenu .userbutton .avatars {
33773 position: relative;
33774 display: inline-block;
33776 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
33777 display: inline-block;
33778 position: absolute;
33779 bottom: 0;
33780 right: 0;
33781 width: 20px;
33782 height: 20px;
33783 border-radius: 50%;
33785 .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
33786 vertical-align: baseline;
33788 .userloggedinas .usermenu .userbutton .avatars .avatar.current .userinitials.size-35 {
33789 width: 20px;
33790 height: 20px;
33791 border: 1px solid #dee2e6;
33792 background-color: #fff;
33793 font-size: 0.5625rem;
33795 .userloggedinas .usermenu .userbutton .avatars .avatar img {
33796 width: inherit;
33797 height: inherit;
33799 .userloggedinas .usermenu .userbutton .avatars .realuser {
33800 width: 35px;
33801 height: 35px;
33802 display: inline-block;
33805 .userinitials {
33806 background-color: #e9ecef;
33807 vertical-align: middle;
33808 display: inline-flex;
33809 align-items: center;
33810 justify-content: center;
33811 border-radius: 50%;
33812 color: #343a40;
33813 font-weight: normal;
33814 margin-right: 0.25rem;
33816 .userinitials.size-16, .userinitials.size-30 {
33817 font-size: 0.7rem;
33818 width: 30px;
33819 height: 30px;
33821 .userinitials.size-35 {
33822 width: 35px;
33823 height: 35px;
33825 .userinitials.size-50 {
33826 width: 50px;
33827 height: 50px;
33829 .userinitials.size-64 {
33830 width: 64px;
33831 height: 64px;
33833 .userinitials.size-100 {
33834 width: 100px;
33835 height: 100px;
33836 font-size: 1.875rem;
33839 img.userpicture {
33840 margin-right: 0.25rem;
33843 @media (max-width: 767.98px) {
33844 .usertext {
33845 display: none;
33848 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
33849 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
33850 width: auto;
33851 max-width: none;
33854 #page-mod-quiz-mod #id_reviewoptionshdr .form-group {
33855 float: left;
33856 width: 20rem;
33857 display: inline-block;
33858 min-height: 12rem;
33861 #page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
33862 line-height: 1.5;
33863 vertical-align: bottom;
33866 #page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
33867 float: left;
33868 clear: left;
33871 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
33872 width: auto;
33873 height: 22px;
33874 justify-content: flex-start;
33877 #page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
33878 width: 90%;
33879 height: 22px;
33882 .path-mod-quiz #mod_quiz_navblock .qnbutton {
33883 text-decoration: none;
33884 font-size: 14px;
33885 line-height: 20px;
33886 font-weight: normal;
33887 background-color: #fff;
33888 background-image: none;
33889 height: 40px;
33890 width: 30px;
33891 border-radius: 3px;
33892 border: 0;
33893 overflow: hidden;
33894 white-space: nowrap;
33895 margin: 0 6px 6px 0;
33897 .path-mod-quiz #mod_quiz_navblock span.qnbutton {
33898 cursor: default;
33899 background-color: #e9ecef;
33900 color: #495057;
33902 .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
33903 .path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
33904 .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
33905 text-decoration: underline;
33907 .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
33908 border: 1px solid;
33909 border-radius: 3px;
33910 z-index: 1;
33912 .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
33913 border-width: 3px;
33915 .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
33916 border-width: 1px;
33918 .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
33919 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
33921 .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
33922 border: 0;
33923 background: #fff none center/10px no-repeat scroll;
33924 height: 20px;
33925 margin-top: 20px;
33926 border-radius: 0 0 3px 3px;
33928 .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
33929 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
33930 background-color: #fff;
33932 .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
33933 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
33935 .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
33936 background-image: url([[pix:theme|mod/quiz/checkmark]]);
33937 background-color: #357a32;
33939 .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
33940 background-image: url([[pix:core|t/locked]]);
33941 background-color: #e9ecef;
33943 .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
33944 .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
33945 background-color: #ca3120;
33947 .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
33948 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
33949 background-color: #f0ad4e;
33951 .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
33952 .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
33953 .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
33954 background-color: #6a737b;
33957 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
33958 height: 1.4em;
33959 vertical-align: middle;
33962 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
33963 padding: 0.5em 0 0.5em 0.1em;
33964 margin: 2px;
33967 /* Countdown timer. */
33968 #page-mod-quiz-attempt #region-main {
33969 overflow-x: inherit;
33972 #quiz-timer-wrapper {
33973 display: none;
33974 position: sticky;
33975 justify-content: end;
33976 top: 65px;
33977 z-index: 1020;
33979 #quiz-timer-wrapper #quiz-timer {
33980 border: 1px solid #ca3120;
33981 background-color: #fff;
33984 .pagelayout-embedded #quiz-timer-wrapper {
33985 top: 5px;
33988 #quiz-timer-wrapper #quiz-timer.timeleft0 {
33989 background-color: #ca3120;
33990 color: #fff;
33993 #quiz-timer-wrapper #quiz-timer.timeleft1 {
33994 background-color: #d73422;
33995 color: #fff;
33998 #quiz-timer-wrapper #quiz-timer.timeleft2 {
33999 background-color: #dd3d2b;
34000 color: #fff;
34003 #quiz-timer-wrapper #quiz-timer.timeleft3 {
34004 background-color: #e04938;
34005 color: #fff;
34008 #quiz-timer-wrapper #quiz-timer.timeleft4 {
34009 background-color: #e25546;
34010 color: #fff;
34013 #quiz-timer-wrapper #quiz-timer.timeleft5 {
34014 background-color: #e46153;
34015 color: #fff;
34018 #quiz-timer-wrapper #quiz-timer.timeleft6 {
34019 background-color: #e66d60;
34020 color: #fff;
34023 #quiz-timer-wrapper #quiz-timer.timeleft7 {
34024 background-color: #e8796d;
34025 color: #1d2125;
34028 #quiz-timer-wrapper #quiz-timer.timeleft8 {
34029 background-color: #ea867a;
34030 color: #1d2125;
34033 #quiz-timer-wrapper #quiz-timer.timeleft9 {
34034 background-color: #ec9288;
34035 color: #1d2125;
34038 #quiz-timer-wrapper #quiz-timer.timeleft10 {
34039 background-color: #ee9e95;
34040 color: #1d2125;
34043 #quiz-timer-wrapper #quiz-timer.timeleft11 {
34044 background-color: #f0aaa2;
34045 color: #1d2125;
34048 #quiz-timer-wrapper #quiz-timer.timeleft12 {
34049 background-color: #f2b6af;
34050 color: #1d2125;
34053 #quiz-timer-wrapper #quiz-timer.timeleft13 {
34054 background-color: #f4c2bc;
34055 color: #1d2125;
34058 #quiz-timer-wrapper #quiz-timer.timeleft14 {
34059 background-color: #f7ceca;
34060 color: #1d2125;
34063 #quiz-timer-wrapper #quiz-timer.timeleft15 {
34064 background-color: #f9dad7;
34065 color: #1d2125;
34068 #quiz-timer-wrapper #quiz-timer.timeleft16 {
34069 background-color: #fbe6e4;
34070 color: #1d2125;
34073 .path-mod-assign [data-region=grade-actions-panel] [data-region=grade-actions] .collapse-buttons {
34074 top: auto;
34077 .path-mod-assign #page-content [data-region=grade-panel] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
34078 height: calc(100% - 4rem);
34081 .path-mod-assign [data-region=grade-panel] {
34082 padding-top: 1rem;
34085 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-3,
34086 .path-mod-assign [data-region=grade-panel] .fitem > .col-md-9 {
34087 width: 100%;
34088 padding: 0;
34089 max-width: 100%;
34090 flex: none;
34093 .path-mod-assign [data-region=grade-panel] fieldset,
34094 .path-mod-assign [data-region=grade-panel] .fitem.row {
34095 margin: 0;
34098 .path-mod-assign [data-region=grade-panel] .mform .fitem.has-popout .felement {
34099 width: 100%;
34100 overflow: auto;
34101 height: calc(100% - 4rem);
34104 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement {
34105 width: auto;
34108 .path-mod-assign [data-region=grade-panel] .popout {
34109 background-color: #fff;
34112 .path-mod-assign [data-region=grade-panel] .fitem.has-popout {
34113 background-color: #fff;
34114 border-radius: 0.5rem;
34115 border: 1px solid rgba(0, 0, 0, 0.125);
34116 padding: 1.25rem;
34117 margin-bottom: 1rem;
34120 .path-mod-assign [data-region=grade-panel] .has-popout .col-md-3 {
34121 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
34122 margin-bottom: 1rem;
34125 .path-mod-assign [data-region=grade-panel] .popout > .col-md-3 {
34126 display: flex;
34127 align-items: flex-start;
34128 justify-content: space-between;
34129 font-size: 1.40625rem;
34132 .path-mod-assign [data-region=grade-panel] .popout [data-region=popout-button] {
34133 margin-top: 0;
34136 .path-mod-assign [data-region=assignment-info] {
34137 overflow-y: hidden;
34140 .path-mod-assign [data-region=grading-navigation] {
34141 padding: 6px;
34144 .path-mod-assign [data-region=grade-actions] {
34145 padding: 10px;
34148 .path-mod-assign [data-region=user-info] .img-rounded {
34149 margin-top: 0;
34152 .path-mod-assign [data-region=grading-navigation-panel] {
34153 height: 85px;
34156 @media (max-width: 767px) {
34157 .path-mod-assign [data-region=grading-navigation-panel] {
34158 height: auto;
34160 .path-mod-assign [data-region=user-info] {
34161 margin-top: 1rem;
34164 .path-mod-assign [data-region=grading-navigation] [data-region=input-field] input {
34165 width: auto;
34166 display: inline-block;
34170 * Assign feedback.
34172 .assignfeedback_editpdf_widget * {
34173 box-sizing: content-box;
34176 .assignfeedback_editpdf_widget button {
34177 box-sizing: border-box;
34180 .assignfeedback_editpdf_widget .commentcolourbutton img {
34181 border-width: 0;
34184 .assignfeedback_editpdf_widget .label {
34185 position: relative;
34186 padding: 0.75rem 1.25rem;
34187 margin-bottom: 1rem;
34188 border: 0 solid transparent;
34189 border-radius: 0.5rem;
34190 color: #00434e;
34191 background-color: #cce6ea;
34192 border-color: #b8dce2;
34193 /* stylelint-disable-line max-line-length */
34195 .assignfeedback_editpdf_widget .label hr {
34196 border-top-color: #a6d3db;
34198 .assignfeedback_editpdf_widget .label .alert-link {
34199 color: #00171b;
34202 .assignfeedback_editpdf_menu {
34203 padding: 0;
34206 .path-mod-assign [data-region=grade-panel] .gradingform_guide .remark .commentchooser {
34207 float: none;
34210 .path-mod-assign [data-region=grade-panel] .gradingform_guide .markingguideremark {
34211 width: 100%;
34214 .path-mod-assign [data-region=grade-panel] .mform .fitem .felement[data-fieldtype=grading] {
34215 padding-left: 1rem;
34216 padding-right: 1rem;
34219 .path-mod-assign [data-region=grade-panel] .showmarkerdesc,
34220 .path-mod-assign [data-region=grade-panel] .showstudentdesc {
34221 background-color: #fff;
34225 * Mod LTI.
34227 .path-admin-mod-lti .btn .loader img,
34228 .path-admin-mod-lti #tool-list-loader-container .loader img {
34229 height: auto;
34232 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
34233 background-color: #fff;
34235 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
34236 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
34237 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
34238 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34239 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34240 border: 0;
34242 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
34243 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
34244 border-radius: 0;
34246 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
34247 background-color: transparent;
34249 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
34250 background-color: #f8f9fa;
34252 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
34253 padding: 0 !important; /* stylelint-disable-line declaration-no-important */
34255 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
34256 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
34257 border: 0;
34258 padding: 3px 15px;
34259 white-space: nowrap;
34260 margin-bottom: 0;
34262 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
34263 padding: 10px 5px;
34265 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
34266 border-top: 1px solid #dee2e6;
34267 border-bottom: 1px solid #fff;
34269 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
34270 border-top: 1px solid #fff;
34271 border-bottom: 1px solid #dee2e6;
34272 padding: 5px 10px;
34274 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
34275 margin-right: 8px;
34276 border: 1px solid #ccc;
34277 border-radius: 4px;
34278 max-width: none;
34280 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
34281 margin: 20px 25px;
34283 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
34284 text-align: center;
34285 margin: 10px 0;
34286 font-size: 0.8203125rem;
34287 color: #495057;
34289 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34290 margin-bottom: 0.75rem;
34291 border-radius: 0.5rem;
34292 border: 1px solid rgba(0, 0, 0, 0.125);
34293 padding: 1.25rem;
34295 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
34296 float: right;
34297 font-size: 11px;
34298 color: #495057;
34300 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
34301 background-color: #fff;
34303 .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
34304 font-weight: bold;
34307 /* reports.less */
34308 #page-report-participation-index .participationselectform div label {
34309 display: inline-block;
34310 margin: 0 5px;
34313 #page-report-participation-index .participationselectform div label[for=menuinstanceid] {
34314 margin-left: 0;
34317 .path-backup .mform {
34318 /* These are long labels with checkboxes on the right. */
34320 .path-backup .mform .grouped_settings {
34321 clear: both;
34322 overflow: hidden;
34323 /* Use card styles but avoid extend because that brings in too much. */
34325 .path-backup .mform .grouped_settings.section_level {
34326 background-color: #fff;
34327 border-radius: 0.5rem;
34328 border: 1px solid rgba(0, 0, 0, 0.125);
34329 padding: 1.25rem;
34330 margin-bottom: 1.25rem;
34332 .path-backup .mform .grouped_settings.section_level::after {
34333 display: block;
34334 clear: both;
34335 content: "";
34337 .path-backup .mform .include_setting {
34338 width: 50%;
34339 display: inline-block;
34340 float: left;
34341 padding: 0.3rem;
34343 .path-backup .mform .normal_setting {
34344 width: 50%;
34345 display: inline-block;
34346 float: left;
34347 padding: 0.3rem;
34350 .path-backup {
34351 /* Bold section labels */
34353 .path-backup .section_level {
34354 font-weight: bold;
34356 .path-backup .section_level .activity_level {
34357 font-weight: normal;
34359 .path-backup .proceedbutton {
34360 margin-left: auto;
34363 /* Override the columns width to leave more room for the labels. */
34364 .path-backup .mform .root_setting,
34365 .path-backup .mform .grouped_settings {
34366 /* Striped rows like a table */
34368 .path-backup .mform .root_setting:nth-of-type(odd),
34369 .path-backup .mform .grouped_settings:nth-of-type(odd) {
34370 background-color: rgba(0, 0, 0, 0.03);
34372 .path-backup .mform .root_setting:nth-of-type(even),
34373 .path-backup .mform .grouped_settings:nth-of-type(even) {
34374 background-color: #fff;
34376 .path-backup .mform .root_setting .form-group,
34377 .path-backup .mform .grouped_settings .form-group {
34378 /* These checkboxes with no label on the left. */
34380 .path-backup .mform .root_setting .form-group .col-md-3.checkbox,
34381 .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
34382 width: 0%;
34384 .path-backup .mform .root_setting .form-group .col-md-9.checkbox,
34385 .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
34386 width: 100%;
34387 left: 0;
34390 /* Detail pair is (usually) some short label with a longer value */
34391 .path-backup .detail-pair .detail-pair-label {
34392 width: 25%;
34393 float: left;
34394 clear: left;
34396 .path-backup .detail-pair .detail-pair-value {
34397 width: 75%;
34398 float: left;
34401 .path-backup .backup-restore .singlebutton {
34402 float: right;
34405 /* Make these bits full width and work with the detail-pair */
34406 .path-backup .backup-section {
34407 /* Fix for nested table headers */
34408 /* Add card styles to backup sections */
34409 background-color: #fff;
34410 border-radius: 0.5rem;
34411 border: 1px solid rgba(0, 0, 0, 0.125);
34412 padding: 1.25rem;
34413 margin-bottom: 1.25rem;
34415 .path-backup .backup-section .sub-header,
34416 .path-backup .backup-section .backup-sub-section,
34417 .path-backup .backup-section .singlebutton,
34418 .path-backup .backup-section .header {
34419 width: 100%;
34420 float: left;
34421 clear: both;
34423 .path-backup .backup-section th.header {
34424 width: auto;
34425 float: none;
34427 .path-backup .backup-section ::after {
34428 content: "";
34429 display: table;
34430 clear: both;
34432 .path-backup .backup-section::after {
34433 display: block;
34434 clear: both;
34435 content: "";
34438 .path-backup .notification.dependencies_enforced {
34439 color: #ca3120;
34440 font-weight: bold;
34443 .path-backup .backup_progress {
34444 margin-top: 1rem;
34445 margin-bottom: 1rem;
34447 .path-backup .backup_progress .backup_stage {
34448 color: #6a737b;
34450 .path-backup .backup_progress .backup_stage.backup_stage_current {
34451 font-weight: bold;
34452 color: inherit;
34455 .path-backup .backup_progress span.backup_stage.backup_stage_complete {
34456 color: inherit;
34459 #page-backup-restore .filealiasesfailures {
34460 background-color: #f4d6d2;
34462 #page-backup-restore .filealiasesfailures .aliaseslist {
34463 background-color: #fff;
34466 .path-backup .wibbler {
34467 width: 500px;
34468 margin: 0 auto 10px;
34469 border-bottom: 1px solid black;
34470 border-right: 1px solid black;
34471 border-left: 1px solid black;
34472 position: relative;
34473 min-height: 4px;
34475 .path-backup .wibbler .wibble {
34476 position: absolute;
34477 left: 0;
34478 right: 0;
34479 top: 0;
34480 height: 4px;
34482 .path-backup .wibbler .state0 {
34483 background: #eee;
34485 .path-backup .wibbler .state1 {
34486 background: #ddd;
34488 .path-backup .wibbler .state2 {
34489 background: #ccc;
34491 .path-backup .wibbler .state3 {
34492 background: #bbb;
34494 .path-backup .wibbler .state4 {
34495 background: #aaa;
34497 .path-backup .wibbler .state5 {
34498 background: #999;
34500 .path-backup .wibbler .state6 {
34501 background: #888;
34503 .path-backup .wibbler .state7 {
34504 background: #777;
34506 .path-backup .wibbler .state8 {
34507 background: #666;
34509 .path-backup .wibbler .state9 {
34510 background: #555;
34512 .path-backup .wibbler .state10 {
34513 background: #444;
34515 .path-backup .wibbler .state11 {
34516 background: #333;
34518 .path-backup .wibbler .state12 {
34519 background: #222;
34522 .generaltable {
34523 width: 100%;
34524 margin-bottom: 1rem;
34525 color: #1d2125;
34527 .generaltable th,
34528 .generaltable td {
34529 padding: 0.75rem;
34530 vertical-align: top;
34531 border-top: 1px solid #dee2e6;
34533 .generaltable thead th,
34534 .generaltable thead td {
34535 vertical-align: bottom;
34536 border-bottom: 2px solid #dee2e6;
34538 .generaltable tbody + tbody {
34539 border-top: 2px solid #dee2e6;
34541 .generaltable tbody tr:nth-of-type(odd) {
34542 background-color: rgba(0, 0, 0, 0.03);
34544 .generaltable thead .sticky-column,
34545 .generaltable tbody tr:nth-of-type(even) {
34546 background-color: #fff;
34548 .generaltable tbody tr:nth-of-type(odd) .sticky-column {
34549 background-color: #f7f7f7;
34551 .generaltable.table-sm th,
34552 .generaltable.table-sm td {
34553 padding: 0.3rem;
34555 .generaltable tbody tr:hover {
34556 color: #1d2125;
34557 background-color: rgba(0, 0, 0, 0.075);
34559 .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
34560 color: #1d2125;
34562 .generaltable tbody tr:hover td.sticky-column {
34563 background-color: #ececec;
34566 table caption {
34567 font-size: 24px;
34568 font-weight: bold;
34569 line-height: 42px;
34570 text-align: left;
34571 caption-side: top;
34573 table .sticky-column {
34574 position: sticky;
34575 left: 0;
34576 background-color: inherit;
34579 .table-dynamic .loading-icon {
34580 position: absolute;
34581 left: calc(50% - 1.5rem);
34582 top: 200px;
34584 .table-dynamic .loading-icon .icon {
34585 height: 3rem;
34586 width: 3rem;
34587 font-size: 3rem;
34590 .singlebutton {
34591 display: inline-block;
34593 .singlebutton + .singlebutton {
34594 margin-left: 0.5rem;
34597 .continuebutton {
34598 text-align: center;
34601 p.arrow_button {
34602 margin-top: 5em;
34603 text-align: center;
34606 #addcontrols {
34607 margin-top: 11.25rem;
34608 text-align: center;
34609 margin-bottom: 3em;
34611 #addcontrols label {
34612 display: inline;
34615 #addcontrols input,
34616 #removecontrols input {
34617 width: 100%;
34618 margin: auto;
34621 .btn-lineup {
34622 margin: 0 0 10px 5px;
34625 .btn.btn-icon {
34626 height: 36px;
34627 width: 36px;
34628 font-size: 16px;
34629 line-height: 16px;
34630 padding: 0;
34631 border-radius: 50%;
34632 flex-shrink: 0;
34634 .btn.btn-icon:hover, .btn.btn-icon:focus {
34635 background-color: #e9ecef;
34637 .btn.btn-icon.icon-size-0 {
34638 height: 20px !important; /* stylelint-disable-line declaration-no-important */
34639 width: 20px !important; /* stylelint-disable-line declaration-no-important */
34640 font-size: 0 !important; /* stylelint-disable-line declaration-no-important */
34641 line-height: 0 !important; /* stylelint-disable-line declaration-no-important */
34643 .btn.btn-icon.icon-size-1 {
34644 height: 24px !important; /* stylelint-disable-line declaration-no-important */
34645 width: 24px !important; /* stylelint-disable-line declaration-no-important */
34646 font-size: 4px !important; /* stylelint-disable-line declaration-no-important */
34647 line-height: 4px !important; /* stylelint-disable-line declaration-no-important */
34649 .btn.btn-icon.icon-size-2 {
34650 height: 28px !important; /* stylelint-disable-line declaration-no-important */
34651 width: 28px !important; /* stylelint-disable-line declaration-no-important */
34652 font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
34653 line-height: 8px !important; /* stylelint-disable-line declaration-no-important */
34655 .btn.btn-icon.icon-size-3 {
34656 height: 36px !important; /* stylelint-disable-line declaration-no-important */
34657 width: 36px !important; /* stylelint-disable-line declaration-no-important */
34658 font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
34659 line-height: 16px !important; /* stylelint-disable-line declaration-no-important */
34661 .btn.btn-icon.icon-size-4 {
34662 height: 44px !important; /* stylelint-disable-line declaration-no-important */
34663 width: 44px !important; /* stylelint-disable-line declaration-no-important */
34664 font-size: 24px !important; /* stylelint-disable-line declaration-no-important */
34665 line-height: 24px !important; /* stylelint-disable-line declaration-no-important */
34667 .btn.btn-icon.icon-size-5 {
34668 height: 52px !important; /* stylelint-disable-line declaration-no-important */
34669 width: 52px !important; /* stylelint-disable-line declaration-no-important */
34670 font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
34671 line-height: 32px !important; /* stylelint-disable-line declaration-no-important */
34673 .btn.btn-icon.icon-size-6 {
34674 height: 60px !important; /* stylelint-disable-line declaration-no-important */
34675 width: 60px !important; /* stylelint-disable-line declaration-no-important */
34676 font-size: 40px !important; /* stylelint-disable-line declaration-no-important */
34677 line-height: 40px !important; /* stylelint-disable-line declaration-no-important */
34679 .btn.btn-icon.icon-size-7 {
34680 height: 68px !important; /* stylelint-disable-line declaration-no-important */
34681 width: 68px !important; /* stylelint-disable-line declaration-no-important */
34682 font-size: 48px !important; /* stylelint-disable-line declaration-no-important */
34683 line-height: 48px !important; /* stylelint-disable-line declaration-no-important */
34686 .btn-primary:focus, .btn-primary.focus {
34687 outline: 0.2rem solid #000102;
34688 box-shadow: inset 0 0 0 2px #fff;
34691 .btn-secondary:focus, .btn-secondary.focus {
34692 outline: 0.2rem solid #5f6e7d;
34693 box-shadow: inset 0 0 0 2px #fff;
34696 .btn-success:focus, .btn-success.focus {
34697 outline: 0.2rem solid black;
34698 box-shadow: inset 0 0 0 2px #fff;
34701 .btn-info:focus, .btn-info.focus {
34702 outline: 0.2rem solid black;
34703 box-shadow: inset 0 0 0 2px #fff;
34706 .btn-warning:focus, .btn-warning.focus {
34707 outline: 0.2rem solid #694109;
34708 box-shadow: inset 0 0 0 2px #fff;
34711 .btn-danger:focus, .btn-danger.focus {
34712 outline: 0.2rem solid #1a0604;
34713 box-shadow: inset 0 0 0 2px #fff;
34716 .btn-light:focus, .btn-light.focus {
34717 outline: 0.2rem solid #8193a5;
34718 box-shadow: inset 0 0 0 2px #fff;
34721 .btn-dark:focus, .btn-dark.focus {
34722 outline: 0.2rem solid black;
34723 box-shadow: inset 0 0 0 2px #fff;
34726 .btn-outline-primary:focus, .btn-outline-primary.focus {
34727 outline: 0.2rem solid #000102;
34728 box-shadow: inset 0 0 0 2px #343a40;
34731 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
34732 outline: 0.2rem solid #5f6e7d;
34733 box-shadow: inset 0 0 0 2px #343a40;
34736 .btn-outline-success:focus, .btn-outline-success.focus {
34737 outline: 0.2rem solid black;
34738 box-shadow: inset 0 0 0 2px #343a40;
34741 .btn-outline-info:focus, .btn-outline-info.focus {
34742 outline: 0.2rem solid black;
34743 box-shadow: inset 0 0 0 2px #343a40;
34746 .btn-outline-warning:focus, .btn-outline-warning.focus {
34747 outline: 0.2rem solid #694109;
34748 box-shadow: inset 0 0 0 2px #343a40;
34751 .btn-outline-danger:focus, .btn-outline-danger.focus {
34752 outline: 0.2rem solid #1a0604;
34753 box-shadow: inset 0 0 0 2px #343a40;
34756 .btn-outline-light:focus, .btn-outline-light.focus {
34757 outline: 0.2rem solid #8193a5;
34758 box-shadow: inset 0 0 0 2px #343a40;
34761 .btn-outline-dark:focus, .btn-outline-dark.focus {
34762 outline: 0.2rem solid black;
34763 box-shadow: inset 0 0 0 2px #343a40;
34766 .gradetreebox {
34767 margin: 20px 0 30px 0;
34769 .gradetreebox h4 {
34770 font-size: 0.9375rem;
34772 .gradetreebox th.cell,
34773 .gradetreebox input[type=text] {
34774 width: auto;
34776 .gradetreebox input[type=text],
34777 .gradetreebox select {
34778 margin-bottom: 0;
34781 .core_grades_notices .singlebutton {
34782 display: inline-block;
34785 .path-grade-report #maincontent + .urlselect {
34786 position: absolute;
34787 left: 40vw;
34790 .path-grade-report-grader #region-main {
34791 min-width: 100%;
34792 width: auto;
34793 display: flex;
34794 flex-direction: column;
34796 .path-grade-report-grader #region-main > .card {
34797 width: auto;
34798 overflow-x: initial;
34800 .path-grade-report-grader #region-main div[role=main] {
34801 flex: 1 1 auto;
34803 .path-grade-report-grader [data-region=blocks-column] {
34804 width: 100%;
34805 clear: both;
34808 .path-grade-report-grader .gradepass,
34809 .path-grade-report-user .gradepass {
34810 color: #357a32;
34812 .path-grade-report-grader .gradefail,
34813 .path-grade-report-user .gradefail {
34814 color: #ca3120;
34817 .path-grade #region-main {
34818 overflow-x: visible;
34820 .path-grade .user-heading .userinitials {
34821 width: 50px;
34822 height: 50px;
34825 #page-grade-grading-manage #activemethodselector label {
34826 display: inline-block;
34828 #page-grade-grading-manage #activemethodselector .helptooltip {
34829 margin-right: 0.5em;
34831 #page-grade-grading-manage .actions {
34832 display: block;
34833 text-align: center;
34834 margin-bottom: 1em;
34836 #page-grade-grading-manage .actions .action {
34837 display: inline-block;
34838 position: relative;
34839 vertical-align: top;
34840 width: 150px;
34841 text-align: center;
34842 overflow: hidden;
34843 margin: 0.5em;
34844 padding: 1em;
34845 border: 1px solid #aaa;
34847 #page-grade-grading-manage .actions .action .action-text {
34848 position: relative;
34849 top: 0.4em;
34850 font-size: 14px;
34851 white-space: normal;
34854 #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
34855 font-size: 70%;
34858 .gradingform_rubric {
34859 margin-bottom: 1em;
34861 .gradingform_rubric.evaluate .criterion .levels .level:hover, .gradingform_rubric.evaluate .criterion .levels .level.checked {
34862 background: #dff0d8;
34864 .gradingform_rubric.evaluate .criterion .levels .level.checked {
34865 border: none;
34866 border-left: 1px solid #dee2e6;
34868 .gradingform_rubric .criterion .description {
34869 vertical-align: top;
34870 padding: 6px;
34872 .gradingform_rubric .criterion .description textarea {
34873 margin-bottom: 0;
34874 height: 115px;
34876 .gradingform_rubric .criterion .definition textarea {
34877 width: 80%;
34878 margin-bottom: 0;
34880 .gradingform_rubric .criterion .score {
34881 margin-top: 5px;
34882 margin-right: 28px;
34883 font-style: italic;
34884 font-weight: bold;
34885 color: #2d662a;
34887 .gradingform_rubric .criterion .score input {
34888 margin-bottom: 0;
34890 .gradingform_rubric .criterion .level {
34891 vertical-align: top;
34892 padding: 6px;
34894 .gradingform_rubric .criterion .level.currentchecked {
34895 background: #fff0f0;
34897 .gradingform_rubric .criterion .level.checked {
34898 background: #d0ffd0;
34899 border: 1px solid #555;
34901 .gradingform_rubric .criterion .level .delete {
34902 position: relative;
34903 width: 32px;
34904 height: 32px;
34905 margin-top: -32px;
34906 clear: both;
34907 float: right;
34909 .gradingform_rubric .criterion .level .delete input {
34910 display: block;
34911 position: absolute;
34912 right: 0;
34913 bottom: 0;
34914 height: 24px;
34915 width: 24px;
34916 margin: 0;
34918 .gradingform_rubric .criterion .level .delete input:hover {
34919 background-color: #ddd;
34921 .gradingform_rubric .criterion .scorevalue input {
34922 float: none;
34923 width: 2em;
34925 .gradingform_rubric .criterion .scorevalue input.hiddenelement, .gradingform_rubric .criterion .scorevalue input.pseudotablink {
34926 width: 0;
34928 .gradingform_rubric .criterion .addlevel {
34929 vertical-align: top;
34930 padding-top: 6px;
34932 .gradingform_rubric .criterion .addlevel input {
34933 height: 30px;
34934 line-height: 1rem;
34936 .gradingform_rubric .addcriterion {
34937 margin-left: 5px;
34938 padding: 0;
34939 margin-bottom: 1em;
34941 .gradingform_rubric .addcriterion input {
34942 margin: 0;
34943 color: inherit;
34944 text-shadow: inherit;
34945 border: 0 none;
34946 line-height: inherit;
34947 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
34948 padding-left: 26px;
34950 .gradingform_rubric .options {
34951 clear: both;
34953 .gradingform_rubric .options .option label {
34954 margin: 0;
34955 padding: 0;
34956 font-size: inherit;
34957 font-weight: normal;
34958 line-height: 2em;
34959 color: inherit;
34960 text-shadow: none;
34961 background-color: transparent;
34963 .gradingform_rubric .options .option input {
34964 margin-left: 5px;
34965 margin-right: 12px;
34968 .grade-display .description {
34969 font-size: 1rem;
34972 .criterion .description {
34973 font-size: 1rem;
34975 .criterion .criterion-toggle .expanded-icon {
34976 display: block;
34978 .criterion .criterion-toggle .collapsed-icon {
34979 display: none;
34981 .criterion .criterion-toggle.collapsed .expanded-icon {
34982 display: none;
34984 .criterion .criterion-toggle.collapsed .collapsed-icon {
34985 display: block;
34988 .path-grade-edit-tree .gradetree-wrapper {
34989 padding: 10px 10px;
34990 background-color: #f8f9fa;
34992 .path-grade-edit-tree .gradetree-wrapper .setup-grades h4 {
34993 margin: 0;
34995 .path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
34996 padding: 0;
34997 width: 24px;
34998 min-width: 24px;
34999 max-width: 24px;
35001 .path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
35002 display: none;
35004 .path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
35005 font-weight: normal;
35006 padding-left: 24px;
35008 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
35009 height: 0.5rem;
35011 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden=true] {
35012 display: none;
35014 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
35015 vertical-align: bottom;
35016 border: none;
35017 text-align: left;
35018 background-color: #f8f9fa;
35020 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
35021 padding: 0;
35022 width: 24px;
35023 min-width: 24px;
35025 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
35026 min-width: 4.5em;
35027 background-color: #f8f9fa;
35028 border: none;
35029 vertical-align: middle;
35031 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small {
35032 font-size: 70%;
35034 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemicon {
35035 font-size: 18px;
35036 width: 18px;
35037 height: 18px;
35039 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
35040 min-width: 15em;
35042 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
35043 margin-right: 5px;
35045 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
35046 display: none;
35048 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
35049 padding: 0;
35051 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
35052 display: block;
35053 width: 100%;
35054 margin: 5px 0 5px 0;
35055 padding: 3px 0 3px 0;
35057 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
35058 border-top: 2px dashed #8f959e;
35059 margin: 0;
35061 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
35062 border-top: 2px dashed #0f6cbf;
35064 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
35065 background-color: white;
35066 border-top: 1px solid #dee2e6;
35067 border-bottom: 1px solid #dee2e6;
35069 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
35070 border-left: 1px solid #dee2e6;
35072 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
35073 border-right: 1px solid #dee2e6;
35075 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
35076 padding-left: 10px;
35077 font-weight: bold;
35079 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
35080 display: flex;
35081 min-height: 30px;
35082 align-items: center;
35084 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
35085 height: 24px;
35086 width: 24px;
35087 font-size: 12px;
35088 line-height: 24px;
35089 margin-right: 3px;
35091 .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 {
35092 display: none;
35094 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
35095 font-size: 12px;
35096 width: 12px;
35097 height: 12px;
35098 color: #1d2125;
35099 margin: 0;
35101 .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
35102 background-color: white;
35103 border-top: 3px solid #f8f9fa;
35105 .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 {
35106 min-width: 4.5em;
35107 background-color: #f8f9fa;
35108 border: none;
35109 vertical-align: middle;
35111 .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 {
35112 padding-left: 0;
35114 .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) {
35115 font-weight: bold;
35117 .path-grade-edit-tree .gradetree-wrapper .badge-light {
35118 color: #1d2125;
35119 background-color: #ced4da;
35120 margin-right: 0.5em;
35121 margin-bottom: 0.5em;
35125 * Grader report.
35127 .path-grade-report-grader .gradeparent tr .cell,
35128 .path-grade-report-grader .gradeparent .floater .cell {
35129 background-color: #fff;
35131 .path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,
35132 .path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
35133 z-index: 1;
35135 .path-grade-report-grader .gradeparent table,
35136 .path-grade-report-grader .gradeparent .cell {
35137 border-color: #dee2e6;
35139 .path-grade-report-grader .gradeparent .heading .cell,
35140 .path-grade-report-grader .gradeparent .cell.category,
35141 .path-grade-report-grader .gradeparent .avg .cell {
35142 background-color: #f8f9fa;
35144 .path-grade-report-grader .gradeparent table .clickable {
35145 cursor: pointer;
35147 .path-grade-report-grader .gradeparent tr.heading {
35148 position: sticky;
35149 top: 0;
35150 z-index: 4;
35152 .path-grade-report-grader .gradeparent tr.userrow th {
35153 z-index: 2;
35155 .path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
35156 z-index: 3;
35158 .path-grade-report-grader .gradeparent tr.lastrow {
35159 position: sticky;
35160 bottom: -1px;
35162 .path-grade-report-grader .gradeparent tr.lastrow.pinned {
35163 z-index: 4;
35165 .path-grade-report-grader .gradeparent tr.lastrow td,
35166 .path-grade-report-grader .gradeparent tr.lastrow th {
35167 border-top: 1px solid #dee2e6;
35169 .path-grade-report-grader .gradeparent th.header {
35170 position: sticky;
35172 @media (max-width: 767.98px) {
35173 .path-grade-report-grader .gradeparent th.header {
35174 left: 0;
35177 @media (min-width: 768px) {
35178 .path-grade-report-grader .gradeparent th.header {
35179 left: -3rem;
35182 .path-grade-report-grader .gradeparent th.header#studentheader {
35183 z-index: 1;
35185 .path-grade-report-grader .gradeparent td.noborder {
35186 border-right: transparent;
35188 .path-grade-report-grader .show-drawer-left .gradeparent th.header {
35189 left: -1rem;
35193 * User report.
35195 .path-grade-report-user .user-grade {
35196 border: none;
35198 .path-grade-report-user .user-grade.generaltable .levelodd {
35199 background-color: rgba(0, 0, 0, 0.03);
35201 .path-grade-report-user .user-grade .column-contributiontocoursetotal,
35202 .path-grade-report-user .user-grade .column-range,
35203 .path-grade-report-user .user-grade .column-percentage,
35204 .path-grade-report-user .user-grade .column-weight {
35205 /*rtl:ignore*/
35206 direction: ltr;
35210 * Single view.
35212 .path-grade-report-singleview .reporttable input[name^=finalgrade] {
35213 width: 80px;
35214 display: inline-block;
35216 .path-grade-report-singleview .reporttable .action-menu {
35217 display: inline-block;
35218 margin-left: 0.5rem;
35219 float: right;
35221 .path-grade-report-singleview .reporttable .dropdown-toggle::after {
35222 display: none;
35225 .gradereport-grader-table input[name^=grade] {
35226 width: 80px;
35227 display: inline-block;
35229 .gradereport-grader-table .dropdown-toggle::after {
35230 display: none;
35233 .search-widget .dropdown-menu {
35234 padding: 0.8rem 1.2rem;
35236 .search-widget .dropdown-menu.wide {
35237 width: 350px;
35239 .search-widget .dropdown-menu.narrow {
35240 width: 250px;
35242 .search-widget .dropdown-menu .dropdown-item span.email {
35243 color: #6a737b;
35245 .search-widget .dropdown-menu .dropdown-item:hover span,
35246 .search-widget .dropdown-menu .dropdown-item:active span {
35247 color: #fff;
35249 .search-widget .dropdown-menu .searchresultscontainer {
35250 height: 178px;
35251 font-size: 90%;
35253 .search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
35254 height: 178px;
35255 max-height: 178px;
35256 overflow: auto;
35258 .search-widget .dropdown-menu .unsearchablecontentcontainer {
35259 border-top: 1px solid #dee2e6;
35260 padding-top: 10px;
35261 font-size: 90%;
35264 .columns-autoflow-1to1to1 {
35265 column-count: 3;
35268 @media (max-width: 767px) {
35269 .columns-autoflow-1to1to1 {
35270 column-count: 1;
35273 /* some very targetted corrections to roll back nameclashes between
35274 * Moodle and Bootstrap like .row, .label, .content, .controls
35276 * Mostly relies on these styles being more specific than the Bootstrap
35277 * ones in order to overule them.
35279 li.activity.label,
35280 .file-picker td.label {
35281 background: inherit;
35282 color: inherit;
35283 border: inherit;
35284 text-shadow: none;
35285 white-space: normal;
35286 display: block;
35287 font-size: inherit;
35288 line-height: inherit;
35289 text-align: inherit;
35292 .file-picker td.label {
35293 display: table-cell;
35294 text-align: right;
35295 padding: 8px;
35298 .choosercontainer #chooseform .option {
35299 font-size: 12px;
35302 /* block.invisible vs .invisible
35303 * block.hidden vs .invisible
35305 * uses .invisible where the rest of Moodle uses @mixin dimmed
35306 * fixible in block renderer?
35308 * There's seems to be even more naming confusion here since,
35309 * blocks can be actually 'visible' (or not) to students,
35310 * marked 'visible' but really just dimmed to indicate to editors
35311 * that students can't see them or 'visible' to the user who
35312 * collapses them, 'visible' if you have the right role and in
35313 * different circumstances different sections of a block can
35314 * be 'visible' or not.
35316 * currently worked around in renderers.php function block{}
35317 * by rewriting the class name "invisible" to "dimmed",
35318 * though the blocks don't look particularly different apart
35319 * from their contents disappearing. Maybe try .muted? or
35320 * dimming all the edit icons apart from unhide, might be a
35321 * nice effect, though they'd still be active. Maybe reverse
35322 * it to white?
35324 li.section.hidden,
35325 .block.hidden,
35326 .block.invisible {
35327 visibility: visible;
35328 display: block;
35331 /* .row vs .row
35333 * very tricky to track down this when it goes wrong,
35334 * since the styles are applied to generated content
35336 * basically if you see things shifted left or right compared
35337 * with where they should be check for a .row
35339 .forumpost .row {
35340 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
35343 .forumpost .row:before,
35344 .forumpost .row:after {
35345 content: none;
35348 /* fieldset.hidden vs .hidden
35350 * Moodle uses fieldset.hidden for mforms, to signify a collection of
35351 * form elements that don't have a box drawn round them. Bootstrap
35352 * uses hidden for stuff that is hidden in various responsive modes.
35354 * Relatedly, there is also fieldset.invisiblefieldset which hides the
35355 * border and sets the display to inline.
35357 * Originally this just set block and visible, but it is used
35358 * in random question dialogue in Quiz,
35359 * that dialogue is hidden and shown, so when hidden the
35360 * above workaround leaves you with a button floating around
35362 fieldset.hidden {
35363 display: inherit;
35364 visibility: inherit;
35367 /* .container vs .container
35369 * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
35370 * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
35371 * it becomes near unuseable.
35373 #questionbank + .container {
35374 width: auto;
35377 body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
35378 display: block;
35379 margin-top: -6px;
35382 body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
35383 .langmenu.open > .dropdown-menu {
35384 display: block;
35385 max-height: 150px;
35386 overflow-y: auto;
35389 .navbar.fixed-top .dropdown .dropdown-menu {
35390 max-height: calc(100vh - 60px);
35391 overflow-y: auto;
35394 .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
35395 z-index: inherit;
35398 /* Force positioning of popover arrows.
35400 * The Css prefixer used in Moodle does not support complex calc statements used
35401 * in Bootstrap 4 CSS. For example:
35402 * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
35403 * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
35405 .bs-popover-right .arrow,
35406 .bs-popover-auto[x-placement^=right] .arrow {
35407 left: -9px;
35410 .bs-popover-left .arrow,
35411 .bs-popover-auto[x-placement^=left] .arrow {
35412 right: -9px;
35415 .bs-popover-top .arrow,
35416 .bs-popover-auto[x-placement^=top] .arrow {
35417 bottom: -9px;
35420 .bs-popover-bottom .arrow,
35421 .bs-popover-auto[x-placement^=bottom] .arrow {
35422 top: -9px;
35425 .custom-select {
35426 word-wrap: normal;
35429 /* Add commented out carousel transistions back in.
35431 * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
35433 .carousel-item-next.carousel-item-left,
35434 .carousel-item-prev.carousel-item-right {
35435 transform: translateX(0);
35438 .carousel-item-next,
35439 .active.carousel-item-right {
35440 transform: translateX(100%);
35443 .carousel-item-prev,
35444 .active.carousel-item-left {
35445 transform: translateX(-100%);
35449 * Reset all of the forced style on the page.
35450 * - Remove borders on header and content.
35451 * - Remove most of the vertical padding.
35452 * - Make the content region flex grow so it pushes things like the
35453 * next activity selector to the bottom of the page.
35455 body.reset-style #page-header .card {
35456 border: none;
35458 body.reset-style #page-header .card .page-header-headings h1 {
35459 margin-bottom: 0;
35461 @media (max-width: 767.98px) {
35462 body.reset-style #page-header .card .card-body {
35463 padding-left: 0;
35464 padding-right: 0;
35467 body.reset-style #page-header > div {
35468 padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
35469 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
35471 body.reset-style #page-content {
35472 padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
35474 body.reset-style #page-content #region-main-box #region-main {
35475 border: none;
35476 display: inline-flex;
35477 flex-direction: column;
35478 padding: 0;
35479 height: 100%;
35480 width: 100%;
35481 padding-left: 1.25rem;
35482 padding-right: 1.25rem;
35483 vertical-align: top;
35485 body.reset-style #page-content #region-main-box #region-main div[role=main] {
35486 flex: 1 0 auto;
35488 body.reset-style #page-content #region-main-box #region-main .activity-navigation {
35489 overflow: hidden;
35491 body.reset-style #page-content #region-main-box #region-main.has-blocks {
35492 width: calc(100% - 375px);
35494 @media (max-width: 1199.98px) {
35495 body.reset-style #page-content #region-main-box #region-main.has-blocks {
35496 width: 100%;
35499 @media (max-width: 767.98px) {
35500 body.reset-style #page-content #region-main-box #region-main {
35501 padding-left: 0;
35502 padding-right: 0;
35505 body.reset-style #page-content #region-main-box [data-region=blocks-column] {
35506 margin-left: auto;
35508 @media (max-width: 1199.98px) {
35509 body.reset-style #page-content #region-main-box {
35510 display: flex;
35511 flex-direction: column;
35514 body.reset-style select,
35515 body.reset-style input,
35516 body.reset-style textarea,
35517 body.reset-style .btn:not(.btn-icon) {
35518 border-radius: 0.6rem;
35521 body.behat-site .fixed-top {
35522 position: absolute;
35524 body.behat-site.hasstickyfooter .stickyfooter,
35525 body.behat-site .stickyfooter {
35526 position: inherit;
35527 z-index: inherit;
35529 body.behat-site .dropdown-item {
35530 margin-top: 4px !important; /* stylelint-disable declaration-no-important */
35532 body.behat-site.drawer-ease {
35533 -webkit-transition: initial;
35534 -moz-transition: initial;
35535 transition: initial;
35537 body.behat-site [data-region=drawer] {
35538 -webkit-transition: initial;
35539 -moz-transition: initial;
35540 transition: initial;
35541 position: absolute;
35543 body.behat-site .custom-control,
35544 body.behat-site .custom-switch {
35545 padding-left: 0;
35547 body.behat-site .custom-control-input {
35548 position: static;
35549 z-index: 0;
35550 opacity: 1;
35551 width: auto;
35553 body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
35554 content: none;
35556 body.behat-site [data-region=message-drawer] {
35557 padding-right: 10px;
35559 body.behat-site.jsenabled #page-footer .footer-content-popover {
35560 display: block;
35562 body.behat-site.path-grade-report-grader .gradeparent tr.heading,
35563 body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,
35564 body.behat-site.path-grade-report-grader .gradeparent th.header {
35565 position: relative;
35566 left: auto;
35568 body.behat-site.path-grade-report-grader .gradeparent tr.heading {
35569 top: auto;
35572 .phpinfo table,
35573 .phpinfo th,
35574 .phpinfo h2 {
35575 margin: auto;
35578 .phpinfo .e,
35579 .phpinfo .v,
35580 .phpinfo .h {
35581 border: 1px solid #000;
35582 font-size: 0.8em;
35583 vertical-align: baseline;
35584 color: #000;
35585 background-color: #ccc;
35588 .phpinfo .e {
35589 background-color: #ccf;
35590 font-weight: bold;
35593 .phpinfo .h {
35594 background-color: #99c;
35595 font-weight: bold;
35598 body > .debuggingmessage {
35599 margin-top: 60px;
35602 body > .debuggingmessage ~ .debuggingmessage {
35603 margin-top: 0.5rem;
35607 * This file contains the styles required to make the footer sticky.
35609 html,
35610 body {
35611 height: 100%;
35614 .stickyfooter {
35615 position: fixed;
35616 right: 0;
35617 left: 0;
35618 height: max(96px, 0.9375rem * 3);
35619 bottom: calc(max(96px, 0.9375rem * 3) * -1);
35620 transition: bottom 0.5s;
35621 z-index: 1000;
35622 overflow: hidden;
35623 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
35624 font-size: calc(0.9375rem * 1.10);
35627 .hasstickyfooter .stickyfooter {
35628 bottom: 0;
35631 /* Standard components fixes for sticky footer. */
35632 .stickyfooter ul.pagination {
35633 margin-bottom: 0.25rem;
35636 .stickyfooter .btn {
35637 font-size: calc(0.9375rem * 1.10);
35640 /* Breakpoints fixes. */
35641 @media (min-width: 576px) {
35642 #page-wrapper {
35643 height: 100%;
35644 display: flex;
35645 flex-direction: column;
35647 #page-wrapper #page {
35648 display: flex;
35649 flex-direction: column;
35651 #page-wrapper #page:not(.drawers) {
35652 flex: 1 0 auto;
35654 #page-wrapper #page #page-content {
35655 flex: 1 0 auto;
35657 #page-wrapper #page-footer {
35658 flex-shrink: 0;
35661 @media (max-width: 767.98px) {
35662 #page-wrapper {
35663 height: 100%;
35664 display: flex;
35665 flex-direction: column;
35667 #page-wrapper #page {
35668 display: flex;
35669 flex-direction: column;
35671 #page-wrapper #page:not(.drawers) {
35672 flex: 1 0 auto;
35675 .popover-region {
35676 position: relative;
35678 .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
35679 display: none;
35681 .popover-region.collapsed .popover-region-container {
35682 opacity: 0;
35683 visibility: hidden;
35684 height: 0;
35685 overflow: hidden;
35686 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
35689 .popover-region-toggle {
35690 cursor: pointer;
35692 .popover-region-toggle::before {
35693 content: "";
35694 display: inline-block;
35695 border-left: 10px solid transparent;
35696 border-right: 10px solid transparent;
35697 border-bottom: 10px solid #ddd;
35698 position: absolute;
35699 bottom: 0;
35700 right: 7px;
35702 .popover-region-toggle::after {
35703 content: "";
35704 display: inline-block;
35705 border-left: 9px solid transparent;
35706 border-right: 9px solid transparent;
35707 border-bottom: 9px solid #fff;
35708 position: absolute;
35709 bottom: -1px;
35710 right: 8px;
35711 z-index: 2;
35714 .count-container {
35715 padding: 2px;
35716 border-radius: 2px;
35717 background-color: #ca3120;
35718 color: white;
35719 font-size: 11px;
35720 line-height: 11px;
35721 position: absolute;
35722 top: 5px;
35723 right: 0;
35726 .popover-region-container {
35727 opacity: 1;
35728 visibility: visible;
35729 position: absolute;
35730 right: 0;
35731 top: 0;
35732 height: 500px;
35733 width: 380px;
35734 border: 1px solid #ddd;
35735 transition: height 0.25s;
35736 background-color: #fff;
35737 z-index: 1;
35740 .popover-region-header-container {
35741 height: 25px;
35742 line-height: 25px;
35743 padding-left: 5px;
35744 padding-right: 5px;
35745 border-bottom: 1px solid #ddd;
35746 box-sizing: border-box;
35749 .popover-region-footer-container {
35750 height: 30px;
35751 text-align: center;
35752 border-top: 1px solid #ddd;
35753 background-color: #fff;
35754 padding-top: 3px;
35757 .popover-region-header-text {
35758 float: left;
35759 margin: 0;
35760 font-size: 14px;
35761 line-height: 25px;
35764 .popover-region-header-actions {
35765 float: right;
35767 .popover-region-header-actions > * {
35768 margin-left: 10px;
35769 min-width: 20px;
35770 display: inline-block;
35772 .popover-region-header-actions .loading-icon {
35773 display: none;
35774 height: 12px;
35775 width: 12px;
35777 .popover-region-header-actions .newmessage-link {
35778 margin-right: 10px;
35780 .popover-region-header-actions label {
35781 display: inline-block;
35782 text-align: center;
35783 margin-bottom: 0;
35786 .popover-region-content-container {
35787 height: calc(100% - 55px);
35788 width: 100%;
35789 overflow-y: auto;
35790 -webkit-overflow-scrolling: touch;
35792 .popover-region-content-container > .loading-icon {
35793 display: none;
35794 text-align: center;
35795 padding: 5px;
35796 box-sizing: border-box;
35798 .popover-region-content-container .empty-message {
35799 display: none;
35800 text-align: center;
35801 padding: 10px;
35803 .popover-region-content-container.loading > .loading-icon {
35804 display: block;
35806 .popover-region-content-container.loading .empty-message {
35807 display: none;
35810 .navbar-nav .popover-region .icon {
35811 font-weight: bolder;
35814 .navbar .popover-region.collapsed .popover-region-container {
35815 opacity: 0;
35816 visibility: hidden;
35817 height: 0;
35818 overflow: hidden;
35819 transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
35821 .navbar .count-container {
35822 padding: 2px;
35823 border-radius: 2px;
35824 background-color: #ca3120;
35825 color: white;
35826 font-size: 11px;
35827 line-height: 11px;
35828 position: absolute;
35829 top: 15px;
35830 right: 0;
35832 .navbar .popover-region-container {
35833 top: 60px;
35836 .content-item-container {
35837 width: 100%;
35838 border-bottom: 1px solid #ddd;
35839 box-sizing: border-box;
35840 padding: 5px;
35841 position: relative;
35842 margin: 0;
35843 display: block;
35844 color: inherit;
35845 text-decoration: none;
35847 .content-item-container:hover {
35848 color: #fff;
35849 background-color: #0f6cbf;
35851 .content-item-container:hover .content-item-footer .timestamp {
35852 color: #fff;
35854 .content-item-container:hover .view-more {
35855 color: inherit;
35857 .content-item-container.unread {
35858 margin: 0;
35859 background-color: #f4f4f4;
35861 .content-item-container.unread:hover {
35862 color: #fff;
35863 background-color: #0f6cbf;
35865 .content-item-container.unread .content-item-body .notification-message {
35866 font-weight: 600;
35868 .content-item-container .context-link {
35869 color: inherit;
35870 text-decoration: none;
35872 .content-item-container .content-item-body {
35873 box-sizing: border-box;
35874 margin-bottom: 5px;
35876 .content-item-container .content-item-footer {
35877 text-align: left;
35878 box-sizing: border-box;
35880 .content-item-container .content-item-footer .timestamp {
35881 font-size: 10px;
35882 line-height: 10px;
35883 margin: 0;
35884 color: inherit;
35885 margin-left: 24px;
35887 .content-item-container .view-more {
35888 position: absolute;
35889 bottom: 5px;
35890 right: 5px;
35891 font-size: 12px;
35892 line-height: 12px;
35894 .content-item-container .view-more:hover {
35895 color: inherit;
35897 .content-item-container.notification .content-item-body .notification-image {
35898 display: inline-block;
35899 width: 24px;
35900 height: 24px;
35901 float: left;
35903 .content-item-container.notification .content-item-body .notification-image img {
35904 height: 75%;
35906 .content-item-container.notification .content-item-body .notification-message {
35907 display: inline-block;
35908 font-size: 12px;
35909 width: calc(100% - 24px);
35911 .content-item-container.selected {
35912 background-color: #4f94cd;
35913 color: #fff;
35914 border-color: #4f94cd;
35916 .content-item-container.selected .content-item-footer .timestamp {
35917 color: #fff;
35920 .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
35921 display: inline-block;
35923 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
35924 display: none;
35926 .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
35927 display: inline-block;
35929 .popover-region-notifications .all-notifications {
35930 opacity: 1;
35931 visibility: visible;
35932 height: auto;
35933 overflow: hidden;
35935 .popover-region-notifications .all-notifications:empty + .empty-message {
35936 display: block;
35938 .popover-region-notifications .notification-image {
35939 display: inline-block;
35940 width: 8%;
35941 vertical-align: top;
35943 .popover-region-notifications .notification-image img {
35944 height: 75%;
35946 .popover-region-notifications .notification-message {
35947 display: inline-block;
35948 font-size: 12px;
35950 .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
35951 display: none;
35954 .popover-region-messages .mark-all-read-button .normal-icon {
35955 display: inline-block;
35957 .popover-region-messages .mark-all-read-button.loading .normal-icon {
35958 display: none;
35960 .popover-region-messages .mark-all-read-button.loading .loading-icon {
35961 display: inline-block;
35963 .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
35964 display: none;
35966 .popover-region-messages .messages:empty + .empty-message {
35967 display: block;
35969 .popover-region-messages .content-item-container.unread .content-item-body {
35970 font-weight: 600;
35971 width: calc(90% - 30px);
35973 .popover-region-messages .content-item-container.unread .unread-count-container {
35974 display: inline-block;
35975 width: 10%;
35976 text-align: center;
35977 float: right;
35979 .popover-region-messages .content-item {
35980 height: 100%;
35981 width: 100%;
35982 box-sizing: border-box;
35984 .popover-region-messages .profile-image-container {
35985 width: 30px;
35986 display: inline-block;
35987 text-align: center;
35988 float: left;
35990 .popover-region-messages .profile-image-container img {
35991 width: 100%;
35992 display: inline-block;
35993 vertical-align: middle;
35994 border-radius: 50%;
35996 .popover-region-messages .content-item-body {
35997 display: inline-block;
35998 box-sizing: border-box;
35999 width: calc(100% - 30px);
36000 font-size: 12px;
36001 padding-left: 10px;
36002 overflow: hidden;
36004 .popover-region-messages .content-item-body h3 {
36005 font-size: 12px;
36006 line-height: 12px;
36007 margin: 0;
36008 width: 100%;
36010 .popover-region-messages .content-item-body p {
36011 margin: 0;
36013 .popover-region-messages .unread-count-container {
36014 display: none;
36017 @media (max-width: 767px) {
36018 .navbar .popover-region .popover-region-container {
36019 right: -70px;
36022 @media (max-width: 480px) {
36023 .navbar .popover-region .popover-region-container {
36024 position: fixed;
36025 top: 46px;
36026 right: 0;
36027 left: 0;
36028 bottom: 0;
36029 width: auto;
36030 height: auto;
36034 * Tour step must sit above all other UI components.
36035 * The backdrop is the lowest point in the tour.
36036 * Everything else is in the container, and the target background should be at the same z-index.
36037 * ----- moodle
36038 * ---- step backdrop
36039 * --- step container
36040 * --- step target background
36042 div[data-flexitour=backdrop] {
36043 background-color: #000;
36044 opacity: 0.5;
36045 z-index: 1040;
36048 div[data-flexitour=step-background-fader],
36049 div[data-flexitour=step-background] {
36050 border-radius: 0.6rem;
36051 padding: 10px;
36052 z-index: 1041;
36055 span[data-flexitour=container],
36056 div[data-flexitour=step-background-fader],
36057 [data-flexitour=step-backdrop] > td,
36058 [data-flexitour=step-backdrop] {
36059 z-index: 1042;
36062 span[data-flexitour=container] .modal-dialog {
36064 * Remove all margins to:
36065 * 1) ensure that the arrow touches the target; and
36066 * 2) ensure that the focus border touches the modal.
36068 margin: 0;
36070 span[data-flexitour=container] div[data-role=arrow] {
36071 border-width: 1rem;
36073 span[data-flexitour=container] div[data-role=arrow],
36074 span[data-flexitour=container] div[data-role=arrow]:after {
36075 position: absolute;
36076 display: block;
36077 width: 0;
36078 height: 0;
36079 border-color: transparent;
36080 border-style: solid;
36081 border-width: 1rem;
36083 span[data-flexitour=container][x-placement=top], span[data-flexitour=container][x-placement=top-start] {
36084 margin-bottom: 1rem;
36086 span[data-flexitour=container][x-placement=top] div[data-role=arrow], span[data-flexitour=container][x-placement=top-start] div[data-role=arrow] {
36087 bottom: -1rem;
36088 left: 50%;
36089 margin-left: -1rem;
36090 border-bottom-width: 0;
36091 border-top-color: rgba(0, 0, 0, 0.25);
36093 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 {
36094 bottom: 1px;
36095 margin-left: -1rem;
36096 content: " ";
36097 border-bottom-width: 0;
36098 border-top-color: #fff;
36100 span[data-flexitour=container][x-placement=bottom], span[data-flexitour=container][x-placement=bottom-start] {
36101 margin-top: 1rem;
36103 span[data-flexitour=container][x-placement=bottom] div[data-role=arrow], span[data-flexitour=container][x-placement=bottom-start] div[data-role=arrow] {
36104 top: -1rem;
36105 left: 50%;
36106 margin-left: -1rem;
36107 border-top-width: 0;
36108 border-bottom-color: rgba(0, 0, 0, 0.25);
36110 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 {
36111 top: 1px;
36112 margin-left: -1rem;
36113 content: " ";
36114 border-top-width: 0;
36115 border-bottom-color: #fff;
36117 span[data-flexitour=container][x-placement=left], span[data-flexitour=container][x-placement=left-start] {
36118 margin-right: 1rem;
36120 span[data-flexitour=container][x-placement=left] div[data-role=arrow], span[data-flexitour=container][x-placement=left-start] div[data-role=arrow] {
36121 right: -1rem;
36122 top: 50%;
36123 margin-top: -1rem;
36124 border-right-width: 0;
36125 border-left-color: rgba(0, 0, 0, 0.25);
36127 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 {
36128 right: 1px;
36129 margin-top: -1rem;
36130 content: " ";
36131 border-right-width: 0;
36132 border-left-color: #fff;
36134 span[data-flexitour=container][x-placement=right], span[data-flexitour=container][x-placement=right-start] {
36135 margin-left: 1rem;
36137 span[data-flexitour=container][x-placement=right] div[data-role=arrow], span[data-flexitour=container][x-placement=right-start] div[data-role=arrow] {
36138 left: -1rem;
36139 top: 50%;
36140 margin-top: -1rem;
36141 border-left-width: 0;
36142 border-right-color: rgba(0, 0, 0, 0.25);
36144 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 {
36145 left: 1px;
36146 margin-top: -1rem;
36147 content: " ";
36148 border-left-width: 0;
36149 border-right-color: #fff;
36152 [data-region=drawer] [data-flexitour=container] {
36153 /*rtl:ignore*/
36154 margin-left: -15px;
36155 width: 275px;
36158 @media print {
36159 body.drawer-open-left.jsenabled,
36160 body.drawer-open-right.jsenabled {
36161 margin: 0;
36163 .container {
36164 width: auto;
36167 .modal .modal-body > .loading-icon {
36168 display: block;
36169 position: relative;
36170 width: 100%;
36171 height: 100%;
36173 .modal .modal-body > .loading-icon .icon {
36174 position: absolute;
36175 top: 50%;
36176 /*rtl:ignore*/
36177 left: 50%;
36178 transform: translate(-50%, -50%);
36180 .modal .close {
36181 margin: -0.8rem -0.8rem -0.8rem auto;
36183 .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
36184 opacity: inherit;
36187 .layout.fullscreen {
36188 height: 100vh;
36189 position: fixed;
36190 top: 0;
36191 left: 0;
36192 z-index: 1040;
36193 transition: 0.5s;
36194 width: 100vw;
36195 margin: 0;
36196 opacity: 1;
36197 background-color: #fff;
36199 @media (prefers-reduced-motion: reduce) {
36200 .layout.fullscreen {
36201 transition: none;
36204 .layout.fullscreen > div {
36205 height: 100%;
36206 width: 100%;
36208 .layout.fullscreen .loading-icon {
36209 margin-left: auto;
36210 margin-right: auto;
36211 text-align: center;
36212 display: inline-block;
36213 width: 100%;
36214 top: 40%;
36215 position: fixed;
36217 .layout.fullscreen .loading-icon .icon {
36218 width: 1em;
36219 height: 1em;
36220 font-size: 4em;
36223 #page.drawers {
36224 margin-top: 60px;
36225 scrollbar-width: thin;
36226 scrollbar-color: #6a737b #f8f9fa;
36228 #page.drawers::-webkit-scrollbar {
36229 width: 12px;
36231 #page.drawers::-webkit-scrollbar-track {
36232 background: #f8f9fa;
36234 #page.drawers::-webkit-scrollbar-thumb {
36235 background-color: #6a737b;
36236 border-radius: 20px;
36237 border: 3px solid #f8f9fa;
36239 #page.drawers::-webkit-scrollbar-thumb:hover {
36240 background-color: #495057;
36242 #page.drawers .main-inner {
36243 max-width: 100%;
36244 width: 100%;
36245 margin: 0 auto;
36246 border-radius: 0.5rem;
36247 background-color: #fff;
36248 padding: 1.5rem 0.5rem;
36249 margin-top: 0.5rem;
36250 margin-bottom: 3rem;
36251 flex: 1 0 auto;
36253 #page.drawers .activity-header {
36254 margin-left: 15px;
36255 margin-right: 15px;
36258 @media (min-width: 768px) {
36259 .pagelayout-standard #page.drawers .main-inner,
36260 body.limitedwidth #page.drawers .main-inner {
36261 max-width: 830px;
36263 .pagelayout-standard #page.drawers .footer-popover,
36264 body.limitedwidth #page.drawers .footer-popover {
36265 max-width: 830px;
36266 width: 100%;
36267 margin: 0 auto;
36268 border-radius: 0.5rem;
36270 body.mediumwidth #page.drawers .main-inner {
36271 max-width: 1120px;
36273 body.mediumwidth #page.drawers .footer-popover {
36274 max-width: 1120px;
36275 width: 100%;
36276 margin: 0 auto;
36277 border-radius: 0.5rem;
36279 .header-maxwidth {
36280 max-width: 830px;
36281 margin: 0 auto;
36282 padding-left: 15px;
36283 padding-right: 15px;
36285 .header-maxwidth .header-inner {
36286 padding-left: 0;
36287 padding-right: 0;
36290 .drawer-toggles .drawer-toggler {
36291 position: fixed;
36292 top: calc(60px + 0.7rem);
36293 z-index: 2;
36295 .drawer-toggles .drawer-toggler .btn {
36296 border-radius: 200px;
36297 padding: 16px;
36298 background-color: #dee2e6;
36299 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
36300 transition: padding 200ms;
36302 .drawer-toggles .drawer-toggler .btn .icon {
36303 width: auto;
36304 height: auto;
36306 .drawer-toggles .drawer-toggler .btn:focus {
36307 box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75);
36309 .drawer-toggles .drawer-left-toggle {
36310 left: 0;
36312 .drawer-toggles .drawer-left-toggle .btn {
36313 border-top-left-radius: 0;
36314 border-bottom-left-radius: 0;
36315 padding-right: 14px;
36316 padding-left: 10px;
36318 .drawer-toggles .drawer-left-toggle .btn:hover {
36319 padding-left: 20px;
36321 .drawer-toggles .drawer-right-toggle {
36322 right: 0;
36324 .drawer-toggles .drawer-right-toggle .btn {
36325 border-top-right-radius: 0;
36326 border-bottom-right-radius: 0;
36327 padding-right: 10px;
36328 padding-left: 14px;
36330 .drawer-toggles .drawer-right-toggle .btn:hover {
36331 padding-right: 20px;
36334 #page.drawers.show-drawer-left .drawer-left-toggle {
36335 display: none;
36338 #page.drawers.show-drawer-right .drawer-right-toggle {
36339 display: none;
36342 @media (max-width: 767.98px) {
36343 .drawer-toggles {
36344 z-index: 100;
36346 .drawer-toggles .drawer-right-toggle,
36347 .drawer-toggles .drawer-left-toggle {
36348 top: calc(99vh - (60px * 2.5));
36350 #page.drawers.scroll-down .drawer-right-toggle {
36351 transform: translateX(150%);
36352 pointer-events: auto;
36353 visibility: hidden;
36355 #page.drawers.scroll-down .drawer-left-toggle {
36356 transform: translateX(-150%);
36357 pointer-events: auto;
36358 visibility: hidden;
36361 @media (min-width: 576px) {
36362 #page.drawers .main-inner {
36363 margin-top: 1.5rem;
36365 #page.drawers .drawer-right-toggle {
36366 margin-right: 0.7rem;
36369 @media (min-width: 768px) {
36370 #page.drawers {
36371 padding-left: 3rem;
36372 padding-right: 3rem;
36374 #page.drawers .main-inner {
36375 padding: 1.5rem 0.5rem;
36377 #page.drawers div[role=main] {
36378 padding-left: 15px;
36379 padding-right: 15px;
36382 @media (min-width: 992px) {
36383 .drawer-left,
36384 .drawer-right {
36385 top: 60px;
36386 height: calc(100vh - 60px);
36388 .hasstickyfooter .drawer-left,
36389 .hasstickyfooter .drawer-right {
36390 top: 60px;
36391 height: calc(100vh - 60px - max(96px, 0.9375rem * 3));
36393 #page.drawers {
36394 position: relative;
36395 overflow-y: auto;
36396 transition: 0.2s;
36397 height: calc(100vh - 60px);
36398 left: 0;
36399 right: 0;
36402 @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
36403 #page.drawers {
36404 transition: none;
36407 @media (min-width: 992px) {
36408 #page.drawers.show-drawer-left {
36409 margin-left: 285px;
36410 margin-right: 0;
36411 padding-left: 1rem;
36414 @media (min-width: 992px) {
36415 #page.drawers.show-drawer-right {
36416 margin-left: 0;
36417 margin-right: 315px;
36418 padding-right: 1rem;
36420 .jsenabled #page.drawers.show-drawer-right .btn-footer-popover {
36421 right: calc(315px + 2rem);
36424 @media (min-width: 992px) {
36425 #page.drawers.show-drawer-left.show-drawer-right {
36426 margin-left: 285px;
36427 margin-right: 315px;
36430 @media (min-width: 992px) {
36431 #page.drawers.hasstickyfooter {
36432 height: calc(100vh - 60px - max(96px, 0.9375rem * 3));
36435 .drawercontrolbuttons {
36436 margin-top: 92px;
36438 .drawercontrolbuttons .buttons {
36439 z-index: 1;
36442 .form-control:-ms-input-placeholder {
36443 color: #6a737b;
36446 .custom-select {
36447 -webkit-appearance: none;
36448 -moz-appearance: none;
36451 .custom-range {
36452 -webkit-appearance: none;
36453 -moz-appearance: none;
36455 .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb {
36456 -webkit-appearance: none;
36457 -moz-appearance: none;
36460 input[type=date].form-control,
36461 input[type=time].form-control,
36462 input[type=datetime-local].form-control,
36463 input[type=month].form-control {
36464 -webkit-appearance: none;
36465 -moz-appearance: none;
36468 @media (min-width: 576px) {
36469 .card-columns {
36470 -webkit-column-gap: 1.25rem;
36471 -moz-column-gap: 1.25rem;
36475 .carousel-item {
36476 -webkit-backface-visibility: hidden;
36479 .card {
36480 -webkit-background-clip: border-box;
36483 .carousel-indicators li,
36484 .dropdown-menu,
36485 .form-control,
36486 .modal-content,
36487 .popover,
36488 .toast {
36489 -webkit-background-clip: padding-box;
36492 .btn {
36493 -webkit-user-select: none;
36494 -ms-user-select: none;
36497 .user-select-all {
36498 -webkit-user-select: all !important; /* stylelint-disable-line declaration-no-important */
36499 -ms-user-select: none;
36502 .user-select-auto {
36503 -webkit-user-select: auto !important; /* stylelint-disable-line declaration-no-important */
36504 -ms-user-select: none;
36507 .user-select-none {
36508 -webkit-user-select: none !important; /* stylelint-disable-line declaration-no-important */
36509 -ms-user-select: none;
36512 .editor_atto_content_wrap {
36513 background-color: white;
36514 color: #333;
36517 .editor_atto_content {
36518 padding: 4px;
36519 resize: vertical;
36520 overflow: auto;
36523 .editor_atto_content_wrap,
36524 .editor_atto + textarea {
36525 width: 100%;
36526 padding: 0;
36529 .editor_atto + textarea {
36530 border-radius: 0;
36531 resize: vertical;
36532 margin-top: -1px;
36535 div.editor_atto_toolbar {
36536 display: block;
36537 background: #f2f2f2;
36538 min-height: 35px;
36539 border: 1px solid #8f959e;
36540 width: 100%;
36541 padding: 0 0 9px 0;
36542 border-top-left-radius: 0.5rem;
36543 border-top-right-radius: 0.5rem;
36546 div.editor_atto_toolbar button {
36547 padding: 4px 9px;
36548 background: none;
36549 border: 0;
36550 margin: 0;
36551 border-radius: 0;
36552 cursor: pointer;
36555 div.editor_atto_toolbar .menuplaceholder {
36556 display: inline-block;
36559 div.editor_atto_toolbar button + button,
36560 div.editor_atto_toolbar .menuplaceholder + button {
36561 border-left: 1px solid #ccc;
36564 div.editor_atto_toolbar button[disabled] {
36565 opacity: 0.45;
36566 background: none;
36567 cursor: default;
36570 .editor_atto_toolbar button:hover {
36571 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
36572 background-color: #ebebeb;
36575 .editor_atto_toolbar button:active,
36576 .editor_atto_toolbar button.highlight {
36577 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
36578 background-color: #dfdfdf;
36581 /* Make firefox button sizes match other browsers */
36582 div.editor_atto_toolbar button::-moz-focus-inner {
36583 border: 0;
36584 padding: 0;
36587 div.editor_atto_toolbar button .icon {
36588 padding: 0;
36589 margin: 2px 0;
36592 div.editor_atto_toolbar div.atto_group {
36593 display: inline-block;
36594 border: 1px solid #ccc;
36595 border-bottom: 1px solid #b3b3b3;
36596 border-radius: 4px;
36597 margin: 9px 0 0 9px;
36598 background: #fff;
36601 div.editor_atto_toolbar .atto_toolbar_row {
36602 margin: 6px 0 -3px 5px;
36603 display: table;
36605 div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
36606 margin: 3px 5px 3px 4px;
36609 .editor_atto_content img {
36610 resize: both;
36611 overflow: auto;
36614 .atto_hasmenu {
36615 /* IE8 places the images on top of each other if that is not set. */
36616 white-space: nowrap;
36619 .atto_menuentry .icon {
36620 width: 16px;
36621 height: 16px;
36624 .atto_menuentry {
36625 clear: left;
36628 .atto_menuentry h1,
36629 .atto_menuentry h2,
36630 .atto_menuentry p {
36631 margin: 4px;
36634 /*.atto_form label.sameline {
36635 display: inline-block;
36636 min-width: 10em;
36638 .atto_form textarea.fullwidth,
36639 .atto_form input.fullwidth {
36640 width: 100%;
36643 .atto_form {
36644 padding: 0.5rem;
36647 /*.atto_form label {
36648 display: block;
36649 margin: 0 0 5px 0;
36651 .atto_control {
36652 position: absolute;
36653 right: -6px;
36654 bottom: -6px;
36655 display: none;
36656 cursor: pointer;
36659 .atto_control .icon {
36660 background-color: white;
36663 div.editor_atto_content:focus .atto_control,
36664 div.editor_atto_content:hover .atto_control {
36665 display: block;
36668 .editor_atto_menu.yui3-menu-hidden {
36669 display: none;
36672 /* Get broken images back in firefox */
36673 .editor_atto_content img:-moz-broken {
36674 -moz-force-broken-image-icon: 1;
36675 min-width: 24px;
36676 min-height: 24px;
36679 /* Atto menu styling */
36680 .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
36681 padding: 0;
36682 z-index: 1000;
36685 .editor_atto_menu .dropdown-menu > li > a {
36686 margin: 3px 14px;
36689 .editor_atto_menu .open ul.dropdown-menu {
36690 padding-top: 5px;
36691 padding-bottom: 5px;
36694 .editor_atto_wrap {
36695 position: relative;
36698 /*rtl:ignore*/
36699 .editor_atto_wrap textarea {
36700 direction: ltr;
36703 .editor_atto_notification .atto_info,
36704 .editor_atto_notification .atto_warning {
36705 display: inline-block;
36706 background-color: #f2f2f2;
36707 padding: 0.5em;
36708 padding-left: 1em;
36709 padding-right: 1em;
36710 border-bottom-left-radius: 1em;
36711 border-bottom-right-radius: 1em;
36714 .editor_atto_notification .atto_info {
36715 background-color: #f2f2f2;
36718 .editor_atto_notification .atto_warning {
36719 background-color: #ffd700;
36722 .editor_atto_toolbar,
36723 .editor_atto_content_wrap,
36724 .editor_atto + textarea {
36725 box-sizing: border-box;
36728 .editor_atto_content.form-control {
36729 width: 100%;
36730 border-top: 0;
36731 border-top-left-radius: 0;
36732 border-top-right-radius: 0;
36735 /** Atto fields do not have form-control because that would break the layout of the editor.
36736 So they need these extra styles to highlight the editor when there is a validation error. */
36737 .has-danger .editor_atto_content.form-control .invalid-feedback,
36738 .has-danger .editor_atto_content.form-control-danger .invalid-feedback {
36739 display: none;
36740 width: 100%;
36741 margin-top: 0.25rem;
36742 font-size: 0.875em;
36743 color: #ca3120;
36745 .has-danger .editor_atto_content.form-control .invalid-tooltip,
36746 .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
36747 position: absolute;
36748 top: 100%;
36749 left: 0;
36750 z-index: 5;
36751 display: none;
36752 max-width: 100%;
36753 padding: 0.25rem 0.5rem;
36754 margin-top: 0.1rem;
36755 font-size: 0.8203125rem;
36756 line-height: 1.5;
36757 color: #fff;
36758 background-color: rgba(202, 49, 32, 0.9);
36759 border-radius: 0.5rem;
36761 .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,
36762 .form-row > .col > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip,
36763 .form-row > [class*=col-] > .has-danger .editor_atto_content.form-control-danger .invalid-tooltip {
36764 left: 5px;
36766 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-feedback,
36767 .was-validated .has-danger .editor_atto_content.form-control:invalid ~ .invalid-tooltip, .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-feedback,
36768 .has-danger .editor_atto_content.form-control.is-invalid ~ .invalid-tooltip,
36769 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-feedback,
36770 .was-validated .has-danger .editor_atto_content.form-control-danger:invalid ~ .invalid-tooltip,
36771 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-feedback,
36772 .has-danger .editor_atto_content.form-control-danger.is-invalid ~ .invalid-tooltip {
36773 display: block;
36775 .was-validated .has-danger .editor_atto_content.form-control .form-control:invalid, .has-danger .editor_atto_content.form-control .form-control.is-invalid,
36776 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,
36777 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
36778 border-color: #ca3120;
36779 padding-right: calc(1.5em + 0.75rem) !important;
36780 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");
36781 background-repeat: no-repeat;
36782 background-position: right calc(0.375em + 0.1875rem) center;
36783 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
36785 .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,
36786 .was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,
36787 .has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
36788 border-color: #ca3120;
36789 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
36791 .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,
36792 .was-validated .has-danger .editor_atto_content.form-control-danger select.form-control:invalid,
36793 .has-danger .editor_atto_content.form-control-danger select.form-control.is-invalid {
36794 padding-right: 3rem !important;
36795 background-position: right 1.5rem center;
36797 .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,
36798 .was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,
36799 .has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
36800 padding-right: calc(1.5em + 0.75rem);
36801 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
36803 .was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid, .has-danger .editor_atto_content.form-control .custom-select.is-invalid,
36804 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,
36805 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
36806 border-color: #ca3120;
36807 padding-right: calc(0.75em + 2.3125rem) !important;
36808 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;
36810 .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,
36811 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,
36812 .has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
36813 border-color: #ca3120;
36814 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
36816 .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,
36817 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .form-check-label,
36818 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .form-check-label {
36819 color: #ca3120;
36821 .was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid ~ .invalid-feedback,
36822 .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,
36823 .has-danger .editor_atto_content.form-control .form-check-input.is-invalid ~ .invalid-tooltip,
36824 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-feedback,
36825 .was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid ~ .invalid-tooltip,
36826 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-feedback,
36827 .has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid ~ .invalid-tooltip {
36828 display: block;
36830 .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,
36831 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label,
36832 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label {
36833 color: #ca3120;
36835 .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,
36836 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid ~ .custom-control-label::before,
36837 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid ~ .custom-control-label::before {
36838 border-color: #ca3120;
36840 .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,
36841 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked ~ .custom-control-label::before,
36842 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
36843 border-color: #e04d3d;
36844 background-color: #e04d3d;
36846 .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,
36847 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus ~ .custom-control-label::before,
36848 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
36849 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
36851 .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,
36852 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
36853 .has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
36854 border-color: #ca3120;
36856 .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,
36857 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid ~ .custom-file-label,
36858 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid ~ .custom-file-label {
36859 border-color: #ca3120;
36861 .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,
36862 .was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus ~ .custom-file-label,
36863 .has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus ~ .custom-file-label {
36864 border-color: #ca3120;
36865 box-shadow: 0 0 0 0.2rem rgba(202, 49, 32, 0.25);
36868 .open.atto_menu > .dropdown-menu {
36869 display: block;
36872 div.editor_atto_toolbar button .icon {
36873 color: #495057;
36876 .toast {
36877 border-radius: 0.25rem;
36879 .toast.toast-success {
36880 background-color: rgba(215, 228, 214, 0.95);
36881 color: #1c3f1a;
36883 .toast.toast-success .toast-header {
36884 color: #1c3f1a;
36886 .toast.toast-success .toast-body:before {
36887 margin: 2px 5px 0 0;
36888 content: "\f058";
36890 .toast.toast-danger {
36891 background-color: rgba(244, 214, 210, 0.95);
36892 color: #691911;
36894 .toast.toast-danger .toast-header {
36895 color: #691911;
36897 .toast.toast-danger .toast-body:before {
36898 margin: 2px 5px 0 0;
36899 content: "\f057";
36901 .toast.toast-info {
36902 background-color: rgba(204, 230, 234, 0.95);
36903 color: #00434e;
36905 .toast.toast-info .toast-header {
36906 color: #00434e;
36908 .toast.toast-info .toast-body:before {
36909 margin: 2px 5px 0 0;
36910 content: "\f05a";
36912 .toast.toast-warning {
36913 background-color: rgba(252, 239, 220, 0.95);
36914 color: #7d5a29;
36916 .toast.toast-warning .toast-header {
36917 color: #7d5a29;
36919 .toast.toast-warning .toast-body:before {
36920 margin: 2px 5px 0 0;
36921 content: "\f06a";
36923 .toast .close {
36924 color: inherit;
36927 .navbar.fixed-top {
36928 padding-top: 0;
36929 padding-bottom: 0;
36930 box-shadow: none;
36931 border-bottom: #dee2e6 1px solid;
36932 align-items: stretch;
36933 height: 61px;
36935 .navbar.fixed-top .navbar-brand .logo {
36936 max-height: calc(60px - (0.25rem * 2));
36938 .navbar.fixed-top .nav-link {
36939 height: 100%;
36940 display: flex;
36941 align-items: center;
36942 white-space: nowrap;
36944 .navbar.fixed-top .divider {
36945 width: 1px;
36946 background-color: #dee2e6;
36948 .navbar.fixed-top #usernavigation .nav-link {
36949 padding: 0 0.5rem;
36951 .navbar.fixed-top .login {
36952 display: flex;
36953 align-items: center;
36955 .navbar.fixed-top .usermenu {
36956 display: flex;
36958 .navbar.fixed-top .usermenu .action-menu {
36959 display: flex;
36960 align-items: center;
36962 .navbar.fixed-top .usermenu .dropdown {
36963 display: flex;
36964 align-items: center;
36966 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle {
36967 padding-top: 0;
36968 padding-bottom: 0;
36969 border-radius: 0;
36970 display: flex;
36971 align-items: center;
36972 height: 100%;
36974 .navbar.fixed-top .usermenu .dropdown-menu {
36975 min-width: 235px;
36977 .navbar.fixed-top .usermenu .dropdown-menu .carousel-navigation-link > * {
36978 pointer-events: none;
36980 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item {
36981 padding: 0.25rem 1.75rem 0.25rem 0.75rem;
36983 .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
36984 content: "\f0da";
36985 font-size: 1rem;
36986 right: 0.75rem;
36987 position: absolute;
36989 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
36990 padding: 0.25rem 0.75rem;
36991 font-size: 0.975rem;
36993 .navbar.fixed-top .usermenu .dropdown-menu .submenu .header .icon {
36994 font-size: 20px;
36995 height: 20px;
36996 width: 20px;
36997 margin: 0;
36999 .navbar.fixed-top .usermenu .dropdown-menu .submenu .items .dropdown-item[aria-current=true]::before {
37000 content: "\f00c";
37001 font-size: 0.75rem;
37002 padding-left: 0.25rem;
37004 .navbar.fixed-top .usermenu .login {
37005 display: flex;
37006 align-items: center;
37008 .navbar.fixed-top .usermenu .dropdown,
37009 .navbar.fixed-top .langmenu .dropdown {
37010 display: flex;
37011 align-items: center;
37012 height: 100%;
37014 .navbar.fixed-top .usermenu .dropdown .dropdown-toggle,
37015 .navbar.fixed-top .langmenu .dropdown .dropdown-toggle {
37016 padding-top: 0;
37017 padding-bottom: 0;
37018 border-radius: 0;
37019 display: flex;
37020 align-items: center;
37021 height: 100%;
37023 .navbar.fixed-top .langmenu .dropdown-menu .dropdown-item[aria-current=true]::before {
37024 content: "\f00c";
37025 font-size: 0.75rem;
37026 padding-left: 0.25rem;
37028 @media (max-width: 767.98px) {
37029 .navbar.fixed-top .langmenu .langbutton {
37030 display: none;
37033 .navbar.fixed-top .moodle-actionmenu .menubar,
37034 .navbar.fixed-top .action-menu-trigger .dropdown {
37035 height: 100%;
37036 display: flex;
37039 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
37040 content: "\f0d9";
37042 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev.carousel-item-right,
37043 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next.carousel-item-left {
37044 transform: translateX(0);
37046 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-next,
37047 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-right.active {
37048 transform: translateX(-100%);
37050 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-prev,
37051 .dir-rtl .navbar.fixed-top .usermenu .dropdown-menu .carousel .carousel-inner .carousel-item-left.active {
37052 transform: translateX(100%);
37055 #page {
37056 margin-top: 60px;
37059 .pagelayout-embedded #page {
37060 margin-top: 0;
37063 :root {
37064 --navbar-height: 60px;
37068 * Reportbuilder.
37070 /* Table */
37071 .reportbuilder-table .action-menu .menubar {
37072 justify-content: end;
37075 /* Filters */
37076 .reportbuilder-wrapper .filters-dropdown {
37077 width: 27rem;
37078 padding: 0;
37079 z-index: 1050;
37080 overflow: hidden;
37082 @media (max-width: 767.98px) {
37083 .reportbuilder-wrapper .filters-dropdown {
37084 width: 100%;
37087 .reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar {
37088 max-height: calc(100vh - 60px - 1rem);
37089 overflow-y: auto;
37090 scrollbar-width: thin;
37091 scrollbar-color: #6a737b #fff;
37093 .reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar::-webkit-scrollbar {
37094 width: 12px;
37096 .reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar::-webkit-scrollbar-track {
37097 background: #fff;
37099 .reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
37100 background-color: #6a737b;
37101 border-radius: 20px;
37102 border: 3px solid #fff;
37104 .reportbuilder-wrapper .filters-dropdown .reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
37105 background-color: #495057;
37107 .reportbuilder-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row > .col-md-3,
37108 .reportbuilder-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row > .col-md-9,
37109 .reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row > .col-md-3,
37110 .reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row > .col-md-9 {
37111 flex: 0 0 100%;
37112 max-width: 100%;
37114 .reportbuilder-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row .fdate_selector,
37115 .reportbuilder-wrapper .reportbuilder-conditions-list .mform.full-width-labels .fitem.row .fdate_selector {
37116 flex-wrap: wrap;
37118 .reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group,
37119 .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group {
37120 margin-bottom: 0;
37121 max-width: 100%;
37123 .reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group > span,
37124 .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group > span {
37125 max-width: 100%;
37127 .reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header,
37128 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header {
37129 font-size: 1.171875rem;
37131 .reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name,
37132 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name {
37133 font-size: 1rem;
37134 white-space: nowrap;
37135 overflow: hidden;
37136 text-overflow: ellipsis;
37137 padding-right: 1rem;
37139 .reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name:hover,
37140 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header .filter-name:hover {
37141 white-space: normal;
37142 text-overflow: clip;
37143 word-break: break-all;
37147 * Custom Reports.
37149 .reportbuilder-report-container {
37150 min-width: 0;
37152 .reportbuilder-report-container button[data-action=toggle-edit-preview] .loading-icon {
37153 margin-left: 0.5rem;
37156 .reportbuilder-editor-table-container {
37157 overflow-x: auto;
37160 /* Custom table headers */
37161 .reportbuilder-table th button[data-action=report-remove-column] .icon,
37162 .reportbuilder-table th span[data-drag-type=move] .icon {
37163 width: 12px;
37164 height: 12px;
37165 font-size: 12px;
37166 vertical-align: text-top;
37167 color: #1d2125;
37169 .reportbuilder-table th button[data-action=report-remove-column] .icon {
37170 margin-right: 0;
37173 /* Sidebar menu */
37174 @media (min-width: 992px) {
37175 .reportbuilder-sidebar-menu {
37176 width: 250px;
37177 flex-shrink: 0;
37180 .reportbuilder-sidebar-menu .card-body .list-group-item {
37181 padding: 0.75rem;
37183 .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
37184 width: 12px;
37185 height: 12px;
37186 font-size: 12px;
37189 .reportbuilder-sidebar-menu-cards {
37190 overflow-y: auto;
37191 scrollbar-width: thin;
37192 scrollbar-color: #6a737b #f8f9fa;
37194 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
37195 width: 12px;
37197 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
37198 background: #f8f9fa;
37200 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
37201 background-color: #6a737b;
37202 border-radius: 20px;
37203 border: 3px solid #f8f9fa;
37205 .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
37206 background-color: #495057;
37209 /* Settings sidebar */
37210 .reportbuilder-sidebar-settings {
37211 overflow-y: auto;
37212 scrollbar-width: thin;
37213 scrollbar-color: #6a737b #f8f9fa;
37215 .reportbuilder-sidebar-settings::-webkit-scrollbar {
37216 width: 12px;
37218 .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
37219 background: #f8f9fa;
37221 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
37222 background-color: #6a737b;
37223 border-radius: 20px;
37224 border: 3px solid #f8f9fa;
37226 .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
37227 background-color: #495057;
37229 @media (min-width: 992px) {
37230 .reportbuilder-sidebar-settings {
37231 width: 350px;
37232 flex-shrink: 0;
37235 .reportbuilder-sidebar-settings .list-group-item {
37236 padding: 0.75rem;
37238 .reportbuilder-sidebar-settings .list-group-item .icon {
37239 width: 12px;
37240 height: 12px;
37241 font-size: 12px;
37242 color: #1d2125;
37244 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-filter] .icon,
37245 .reportbuilder-sidebar-settings .list-group-item button[data-action=report-remove-condition] .icon {
37246 margin-right: 0;
37247 vertical-align: text-top;
37249 .reportbuilder-sidebar-settings .list-group-item span[data-drag-type=move] .icon {
37250 vertical-align: text-top;
37252 .reportbuilder-sidebar-settings div[data-region=settings-sorting] .list-group-item span[data-drag-type=move] .icon {
37253 vertical-align: middle;
37255 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-3,
37256 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form .col-md-9 {
37257 flex: 1 1;
37258 max-width: initial;
37260 .reportbuilder-sidebar-settings div[data-region=settings-cardview] form div[data-fieldtype=submit] {
37261 flex-basis: auto;
37263 .reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
37264 width: 100%;
37267 /* Add button styles when a toggle button is active. */
37268 .reportbuilder-wrapper button.btn-outline-secondary[data-toggle=collapse]:not(.collapsed),
37269 .reportbuilder-wrapper .dropdown.show button.btn-outline-secondary[data-toggle=dropdown] {
37270 color: #fff;
37271 background-color: #6a737b;
37272 border-color: #6a737b;
37275 /* Drag&drop styles. */
37276 .reportbuilder-sortable-list li.sortable-list-current-position,
37277 .reportbuilder-table th.sortable-list-current-position,
37278 .reportbuilder-conditions-list .condition.sortable-list-current-position {
37279 background-color: #a2cff8;
37281 .reportbuilder-sortable-list li.sortable-list-is-dragged,
37282 .reportbuilder-table th.sortable-list-is-dragged,
37283 .reportbuilder-conditions-list .condition.sortable-list-is-dragged {
37284 background-color: #fff;
37285 opacity: 0.85;
37288 /* Reportbuilder full page styles. */
37289 @media (min-width: 992px) {
37290 .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
37291 position: fixed;
37293 .path-admin-reportbuilder.pagelayout-popup #region-main {
37294 border: none;
37295 padding: 0;
37297 .path-admin-reportbuilder.pagelayout-popup #maincontent {
37298 visibility: hidden;
37300 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
37301 position: fixed;
37302 z-index: 1030;
37303 width: calc(100% - 35px);
37304 padding-top: 1.25rem;
37305 background-color: #fff;
37306 box-shadow: 0 1.25rem 0 #fff;
37308 .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
37309 padding-top: 83px;
37311 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
37312 position: fixed;
37314 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
37315 max-height: calc(100vh - 163px - 52px);
37317 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
37318 position: fixed;
37319 right: 30px;
37320 max-height: calc(100vh - 163px);
37322 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
37323 max-height: calc(100vh - 163px);
37324 overflow-y: auto;
37325 scrollbar-width: thin;
37326 scrollbar-color: #6a737b #f8f9fa;
37327 margin-left: calc(250px + 1rem);
37328 margin-right: calc(350px + 1rem);
37330 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
37331 width: 12px;
37333 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
37334 background: #f8f9fa;
37336 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
37337 background-color: #6a737b;
37338 border-radius: 20px;
37339 border: 3px solid #f8f9fa;
37341 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
37342 background-color: #495057;
37344 .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
37345 margin-left: calc(250px + 1rem);
37348 #page-admin-reportbuilder-edit #page {
37349 overflow-y: auto;
37352 /* Toggle cards. */
37353 .reportbuilder-toggle-card .card-header {
37354 border-bottom: none;
37356 .reportbuilder-toggle-card .card-body {
37357 border-top: 1px solid rgba(0, 0, 0, 0.125);
37359 .reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
37360 color: #6a737b;
37361 font-size: 1.5em;
37362 font-weight: 700;
37364 .reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
37365 display: none;
37367 .reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
37368 display: inline-block;
37370 .reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
37371 display: inline-block;
37373 .reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
37374 display: none;
37377 /* Audiences. */
37378 .reportbuilder-audiences-container {
37379 /* 'OR' separator. */
37380 /* Card action icons. */
37382 .reportbuilder-audiences-container .audience-separator {
37383 text-transform: uppercase;
37385 .reportbuilder-audiences-container .audience-separator::before, .reportbuilder-audiences-container .audience-separator::after {
37386 content: "";
37387 flex: 1;
37388 border-bottom: 1px solid rgba(0, 0, 0, 0.125);
37390 .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
37391 margin-right: 1rem;
37393 .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
37394 margin-left: 1rem;
37396 .reportbuilder-audiences-container .instance-card .card-header i.icon {
37397 margin-right: 0;
37400 /* Report table card view styles */
37401 @media (max-width: 575.98px) {
37402 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
37403 display: none;
37405 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
37406 display: flex;
37407 flex-direction: column;
37408 margin: 0.5rem 0;
37409 padding: 0.25rem 0.5rem 0 0.5rem;
37410 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37411 word-wrap: break-word;
37412 background-clip: border-box;
37413 border: 1px solid rgba(0, 0, 0, 0.125);
37414 border-radius: 0.5rem;
37416 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:hover {
37417 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37419 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
37420 display: none;
37422 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
37423 display: none;
37425 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
37426 display: block;
37427 min-height: 3.6rem;
37428 padding: 0.5rem 0.25rem;
37429 border: none;
37431 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
37432 content: attr(data-cardtitle);
37433 display: block;
37434 text-transform: uppercase;
37435 font-size: 70%;
37436 color: #343a40;
37438 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
37439 min-height: 3rem;
37441 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
37442 border-top: 1px solid rgba(0, 0, 0, 0.125);
37444 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
37445 padding-right: 2rem;
37447 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
37448 display: block !important; /* stylelint-disable-line declaration-no-important */
37449 position: absolute;
37450 right: 10px;
37452 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
37453 padding: 0 0.5rem;
37454 color: #6a737b;
37456 .reportbuilder-report[data-report-type="0"]:not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
37457 font-size: 1.5em;
37458 font-weight: bold;
37461 @media (min-width: 576px) {
37462 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
37463 display: none;
37465 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
37466 display: flex;
37467 flex-direction: column;
37468 margin: 0.5rem 0;
37469 padding: 0.25rem 0.5rem 0 0.5rem;
37470 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37471 word-wrap: break-word;
37472 background-clip: border-box;
37473 border: 1px solid rgba(0, 0, 0, 0.125);
37474 border-radius: 0.5rem;
37476 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:hover {
37477 background-color: #fff !important; /* stylelint-disable-line declaration-no-important */
37479 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
37480 display: none;
37482 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
37483 display: none;
37485 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
37486 display: block;
37487 min-height: 3.6rem;
37488 padding: 0.5rem 0.25rem;
37489 border: none;
37491 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
37492 content: attr(data-cardtitle);
37493 display: block;
37494 text-transform: uppercase;
37495 font-size: 70%;
37496 color: #343a40;
37498 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
37499 min-height: 3rem;
37501 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
37502 border-top: 1px solid rgba(0, 0, 0, 0.125);
37504 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
37505 padding-right: 2rem;
37507 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
37508 display: block !important; /* stylelint-disable-line declaration-no-important */
37509 position: absolute;
37510 right: 10px;
37512 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
37513 padding: 0 0.5rem;
37514 color: #6a737b;
37516 .reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
37517 font-size: 1.5em;
37518 font-weight: bold;
37522 .courseindex .courseindex-item {
37523 padding: 0.5rem 0.5rem;
37524 border: 1px solid transparent;
37525 border-radius: 0.5rem;
37527 .courseindex .courseindex-item.courseindex-section-title a {
37528 font-weight: bold;
37530 .courseindex .courseindex-item .icons-collapse-expand {
37531 padding-right: 4px;
37533 .courseindex .courseindex-item .courseindex-link,
37534 .courseindex .courseindex-item .courseindex-chevron {
37535 color: #495057;
37537 .courseindex .courseindex-item .courseindex-link:hover, .courseindex .courseindex-item .courseindex-link:focus,
37538 .courseindex .courseindex-item .courseindex-chevron:hover,
37539 .courseindex .courseindex-item .courseindex-chevron:focus {
37540 color: black;
37541 text-decoration: none;
37543 .courseindex .courseindex-item:hover, .courseindex .courseindex-item:focus {
37544 color: black;
37546 .courseindex .courseindex-item:hover .courseindex-link,
37547 .courseindex .courseindex-item:hover .courseindex-chevron, .courseindex .courseindex-item:focus .courseindex-link,
37548 .courseindex .courseindex-item:focus .courseindex-chevron {
37549 color: black;
37550 cursor: pointer;
37552 .courseindex .courseindex-item:hover.dimmed, .courseindex .courseindex-item:focus.dimmed {
37553 color: black;
37555 .courseindex .courseindex-item:hover.dimmed .courseindex-link,
37556 .courseindex .courseindex-item:hover.dimmed .courseindex-chevron, .courseindex .courseindex-item:focus.dimmed .courseindex-link,
37557 .courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
37558 color: black;
37560 .courseindex .courseindex-item:hover.draggable, .courseindex .courseindex-item:focus.draggable {
37561 cursor: pointer;
37563 .courseindex .courseindex-item.dragging {
37564 border: 1px solid #b8dce2;
37565 background-color: #e0f0f2;
37567 .courseindex .courseindex-item.active {
37568 background-color: #f8f9fa;
37569 border-color: #dee2e6;
37571 .courseindex .courseindex-item.dimmed {
37572 color: #6a737b;
37574 .courseindex .courseindex-item.dimmed .courseindex-link,
37575 .courseindex .courseindex-item.dimmed .courseindex-chevron {
37576 color: #6a737b;
37578 .courseindex .courseindex-item.dimmed.pageitem {
37579 color: #fff;
37581 .courseindex .courseindex-item.dimmed.pageitem a {
37582 color: #fff;
37584 .courseindex .courseindex-item .courseindex-locked {
37585 display: none;
37587 .courseindex .courseindex-item.restrictions .courseindex-locked {
37588 display: block;
37590 .courseindex .courseindex-item.pageitem {
37591 background-color: #0f6cbf;
37592 color: #fff;
37593 scroll-margin: 6rem;
37595 .courseindex .courseindex-item.pageitem a {
37596 color: #fff;
37598 .courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
37599 background-color: #0c589c;
37600 color: #e6e6e6;
37602 .courseindex .courseindex-item.pageitem:hover .courseindex-link,
37603 .courseindex .courseindex-item.pageitem:hover .courseindex-chevron, .courseindex .courseindex-item.pageitem:focus .courseindex-link,
37604 .courseindex .courseindex-item.pageitem:focus .courseindex-chevron {
37605 color: #e6e6e6;
37607 .courseindex .courseindex-item .completioninfo {
37608 min-width: 24px;
37610 .courseindex .courseindex-item .completioninfo.completion_complete {
37611 color: #357a32;
37613 .courseindex .courseindex-item .completioninfo.completion_fail {
37614 color: #ca3120;
37616 .courseindex .courseindex-item.indented {
37617 margin-left: 1rem;
37619 .courseindex .courseindex-section {
37620 border-left: solid 3px transparent;
37622 .courseindex .courseindex-section.dragging {
37623 border: 1px solid #b8dce2;
37624 background-color: #e0f0f2;
37626 .courseindex .courseindex-section .current-badge {
37627 line-height: 1.5;
37628 display: none;
37630 .courseindex .courseindex-section.current {
37631 border-left: solid 3px #0f6cbf;
37633 .courseindex .courseindex-section.current .current-badge {
37634 display: inline-block;
37636 .courseindex .courseindex-section.dropready .courseindex-item-content {
37637 /* Extra dropzone space */
37638 padding-bottom: 1em;
37640 .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
37641 padding-left: 0.5rem;
37643 .courseindex .icon {
37644 font-size: 12px;
37646 .courseindex .d-flex-noedit {
37647 display: none;
37649 .courseindex.editing .d-flex-noedit {
37650 display: flex;
37652 .courseindex .media-list .rounded-circle {
37653 height: 1rem;
37654 width: 1rem;
37656 .courseindex .media-list .w-100 {
37657 height: 1rem;
37658 margin: 0.5rem 0;
37661 .moremenu {
37662 opacity: 0;
37663 height: 60px;
37665 .moremenu.observed {
37666 opacity: 1;
37668 .moremenu .nav-link {
37669 height: 60px;
37670 display: flex;
37671 align-items: center;
37672 border-right: none;
37673 border-bottom: solid 3px transparent;
37674 border-left: none;
37675 border-top: none;
37677 .moremenu .nav-link:hover, .moremenu .nav-link:focus {
37678 border-color: transparent;
37679 background-color: #f8f9fa;
37681 .moremenu .nav-link.active {
37682 background-color: #f8f9fa;
37683 border-color: transparent;
37684 border-bottom-color: #0f6cbf;
37686 .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
37687 background-color: #f8f9fa;
37688 border-bottom-color: #0f6cbf;
37690 .moremenu .nav-link.focus, .moremenu .nav-link:focus {
37691 position: relative;
37693 .moremenu .nav-link[data-toggle=tab] {
37694 display: inline-flex;
37695 flex-direction: column;
37696 align-items: center;
37697 justify-content: center;
37699 .moremenu .nav-link[data-toggle=tab]::after {
37700 content: attr(data-text)/"";
37701 height: 0;
37702 visibility: hidden;
37703 overflow: hidden;
37704 user-select: none;
37705 pointer-events: none;
37706 font-weight: bold;
37708 @media speech {
37709 .moremenu .nav-link[data-toggle=tab]::after {
37710 display: none;
37713 .moremenu .nav-tabs {
37714 margin-left: 0;
37715 background-color: #fff;
37717 .moremenu .show > .nav-link,
37718 .moremenu .active > .nav-link,
37719 .moremenu .nav-link.show,
37720 .moremenu .nav-link.active {
37721 background: transparent;
37723 .moremenu .dropdownmoremenu > .dropdown-menu > .dropdown-item {
37724 padding: 0;
37726 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu {
37727 position: static;
37728 padding: 0;
37729 border: 0;
37731 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu.show {
37732 display: block;
37734 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item {
37735 background-color: #f8f9fa;
37737 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:hover, .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-item:focus {
37738 color: #fff;
37739 background-color: #0f6cbf;
37741 .moremenu .dropdownmoremenu > .dropdown-menu .dropdown-menu .dropdown-divider {
37742 display: none;
37744 .moremenu .dropdown-item[aria-current=true],
37745 .moremenu .dropdown-item.active {
37746 background-color: transparent;
37747 color: #1d2125;
37749 .moremenu .dropdown-item[aria-current=true]:focus-within, .moremenu .dropdown-item[aria-current=true]:hover,
37750 .moremenu .dropdown-item.active:focus-within,
37751 .moremenu .dropdown-item.active:hover {
37752 background-color: #0f6cbf;
37753 color: #fff;
37755 .moremenu .dropdown-item[aria-current=true]:focus-within a, .moremenu .dropdown-item[aria-current=true]:hover a,
37756 .moremenu .dropdown-item.active:focus-within a,
37757 .moremenu .dropdown-item.active:hover a {
37758 color: #fff;
37760 .moremenu .dropdown-item[aria-current=true]:before,
37761 .moremenu .dropdown-item.active:before {
37762 content: "\f00c";
37765 .primary-navigation .navigation {
37766 height: 60px;
37768 .primary-navigation .navigation .nav-link {
37769 height: 60px;
37770 color: #1d2125;
37771 border-top: 3px solid transparent;
37774 @media (max-width: 767.98px) {
37775 .primary-navigation {
37776 display: none;
37778 .editmode-switch-form label {
37779 position: absolute;
37780 width: 1px;
37781 height: 1px;
37782 padding: 0;
37783 margin: -1px;
37784 overflow: hidden;
37785 clip: rect(0, 0, 0, 0);
37786 white-space: nowrap;
37787 border: 0;
37790 .editmode-switch-form .custom-control-input {
37791 width: 100%;
37792 z-index: 1;
37795 .drawer-primary .drawercontent {
37796 padding: 0;
37798 .drawer-primary .drawercontent .list-group {
37799 border-radius: 0;
37800 margin-top: -1px;
37802 .drawer-primary .drawercontent .list-group .list-group-item {
37803 border-left: 0;
37804 border-right: 0;
37807 .secondary-navigation {
37808 padding-bottom: 15px;
37810 .secondary-navigation .navigation {
37811 border-bottom: 1px solid #dee2e6;
37812 background-color: #fff;
37813 margin: 0 -0.5rem;
37814 padding: 0 0.5rem;
37816 .secondary-navigation .navigation .nav-tabs {
37817 border: none;
37818 max-width: 830px;
37819 margin: 0 auto;
37821 .secondary-navigation .navigation .nav-tabs .nav-link {
37822 border-radius: initial;
37825 @media (min-width: 768px) {
37826 .secondary-navigation .navigation {
37827 padding: 0 calc(0.5rem + 15px);
37830 .tertiary-navigation {
37831 padding-top: 10px;
37833 .tertiary-navigation.full-width-bottom-border {
37834 width: calc(100% + 1rem + 30px);
37835 margin-left: calc(-0.5rem - 15px);
37836 margin-right: calc(-0.5rem - 15px);
37837 border-bottom: 1px solid #dee2e6;
37838 margin-bottom: 25px;
37840 @media (max-width: 767.98px) {
37841 .tertiary-navigation.full-width-bottom-border {
37842 width: calc(100% + 1rem);
37843 margin-left: -0.5rem;
37844 margin-right: -0.5rem;
37847 .tertiary-navigation.full-width-bottom-border .row {
37848 margin: 0;
37849 padding-left: 0.5rem;
37850 padding-right: 0.5rem;
37852 .tertiary-navigation .navitem,
37853 .tertiary-navigation .navitem-divider {
37854 display: flex;
37855 margin-bottom: 25px;
37857 .tertiary-navigation .navitem-divider {
37858 width: 1px;
37859 background-color: #dee2e6;
37861 .tertiary-navigation > a.btn, .tertiary-navigation > div.urlselect {
37862 margin-bottom: 25px;
37864 .tertiary-navigation .row {
37865 column-gap: 10px;
37867 .tertiary-navigation .tertiary-navigation-selector .dropdown-toggle {
37868 padding: 0;
37869 font-size: 1.4rem;
37870 font-weight: bold;
37872 .tertiary-navigation .navitem:not(:last-child),
37873 .tertiary-navigation .navitem-divider:not(:last-child) {
37874 margin-right: 20px;
37876 .tertiary-navigation .btn > div {
37877 max-width: 200px;
37880 @media (max-width: 767.98px) {
37881 .tertiary-navigation .mform {
37882 padding-left: initial;
37885 @media (max-width: 575.98px) {
37886 .tertiary-navigation .page-toggler > p {
37887 font-size: 80%;
37890 @media print {
37891 .tertiary-navigation {
37892 display: none;
37895 .popover-process-monitor {
37896 position: fixed;
37897 right: 2rem;
37898 bottom: 5rem;
37899 width: 350px;
37900 background-color: #fff;
37901 border-radius: 0.5rem;
37902 border: 1px solid #dee2e6;
37904 .popover-process-monitor .process-list {
37905 max-height: 30vh;
37906 overflow: auto;
37907 scrollbar-width: thin;
37908 scrollbar-color: #6a737b #f8f9fa;
37910 .popover-process-monitor .process-list::-webkit-scrollbar {
37911 width: 12px;
37913 .popover-process-monitor .process-list::-webkit-scrollbar-track {
37914 background: #f8f9fa;
37916 .popover-process-monitor .process-list::-webkit-scrollbar-thumb {
37917 background-color: #6a737b;
37918 border-radius: 20px;
37919 border: 3px solid #f8f9fa;
37921 .popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
37922 background-color: #495057;
37924 .popover-process-monitor .queue-process {
37925 border-bottom: 1px solid #e9ecef;
37927 .popover-process-monitor .queue-process:last-child {
37928 border-bottom: 0;
37931 .moodlenet-share-dialog {
37932 min-height: 500px;
37934 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
37935 align-items: baseline;
37937 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
37938 display: flex;
37940 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
37941 width: auto;
37942 height: 1.3rem;
37944 .moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
37945 display: flex;
37946 padding-left: 0.5em;
37948 .moodlenet-share-dialog .modal-header.no-border {
37949 border-bottom: none;
37951 .moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
37952 display: none;
37954 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
37955 border-radius: 0.5rem;
37956 color: #1d2125;
37957 background-color: #f5f9fc;
37958 border-color: #3584c9;
37959 border-width: 1px;
37960 border-style: solid;
37961 padding: 0.6em 1.5em;
37962 margin-bottom: 1rem;
37964 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info hr {
37965 border-top-color: #3077b5;
37967 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .alert-link {
37968 color: #070808;
37970 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
37971 border-bottom: 1px solid #dee2e6;
37973 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type,
37974 .moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
37975 display: block;
37977 .moodlenet-share-dialog .modal-body .moodlenet-share-notice {
37978 background-color: #f8f9fa;
37979 padding: 1rem;
37981 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
37982 width: 60px;
37983 height: 60px;
37984 font-size: 60px;
37986 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
37987 height: 18rem;
37988 margin: auto;
37990 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
37991 background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
37993 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
37994 background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
37996 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
37997 display: block;
37998 margin: auto;
38000 .moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
38001 font-size: 8rem;
38002 width: auto;
38003 margin: 0;
38005 .moodlenet-share-dialog .modal-footer .moodlenet-share-to {
38006 margin-right: auto;
38009 body {
38010 -webkit-font-smoothing: antialiased;
38011 -moz-osx-font-smoothing: grayscale;
38014 .navbar {
38015 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
38018 .userpicture {
38019 border-radius: 50%;
38022 .btn-outline-secondary {
38023 color: #6a737b;
38024 border-color: #6a737b;
38025 border-color: #6a737b;
38027 .btn-outline-secondary:hover {
38028 color: #fff;
38029 background-color: #6a737b;
38030 border-color: #6a737b;
38032 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
38033 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38035 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
38036 color: #6a737b;
38037 background-color: transparent;
38039 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
38040 color: #fff;
38041 background-color: #6a737b;
38042 border-color: #6a737b;
38044 .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 {
38045 box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
38048 .btn-outline-info {
38049 color: #1f7e9a;
38050 border-color: #1f7e9a;
38052 .btn-outline-info:hover {
38053 color: #fff;
38054 background-color: #1f7e9a;
38055 border-color: #1f7e9a;
38057 .btn-outline-info:focus, .btn-outline-info.focus {
38058 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38060 .btn-outline-info.disabled, .btn-outline-info:disabled {
38061 color: #1f7e9a;
38062 background-color: transparent;
38064 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
38065 color: #fff;
38066 background-color: #1f7e9a;
38067 border-color: #1f7e9a;
38069 .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 {
38070 box-shadow: 0 0 0 0.2rem rgba(31, 126, 154, 0.5);
38073 .btn-outline-warning {
38074 color: #a6670e;
38075 border-color: #a6670e;
38077 .btn-outline-warning:hover {
38078 color: #fff;
38079 background-color: #a6670e;
38080 border-color: #a6670e;
38082 .btn-outline-warning:focus, .btn-outline-warning.focus {
38083 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38085 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
38086 color: #a6670e;
38087 background-color: transparent;
38089 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
38090 color: #fff;
38091 background-color: #a6670e;
38092 border-color: #a6670e;
38094 .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 {
38095 box-shadow: 0 0 0 0.2rem rgba(166, 103, 14, 0.5);
38098 .bg-gray {
38099 background-color: #e9ecef !important;
38102 a.bg-gray:hover, a.bg-gray:focus,
38103 button.bg-gray:hover,
38104 button.bg-gray:focus {
38105 background-color: #cbd3da !important;